Invoice Deep-Link Generator with Pre-Filled Amount

[Kingsman-99]

Description

Sales teams and freelancers often want to share a payment link that pre-fills a specific amount for the recipient to complete and send, acting as a lightweight invoice-request flow. This issue adds a deep-link generator accessible from the invoice creation page and the dashboard that produces a shareable URL with query params encoding a pre-filled recipient address, asset, amount, and optional memo. Opening the link on StellarSplit auto-populates the /invoice/new form or the public pay page with those values.

Technical Context

Build components/ui/DeepLinkGenerator.tsx as a modal with fields for recipientAddress, asset, amount, and memo, generating a URL of the form /pay/new?to=[address]&asset=[code]&amount=[value]&memo=[text] using URLSearchParams. Apply Base64-URL encoding to protect memo text from special-character issues. In app/pay/new/page.tsx (new route), read these params via Next.js searchParams and pre-populate a simplified invoice creation form using defaultValues in react-hook-form. Validate each param server-side in the page's Server Component before passing to the client form (reject invalid G-addresses, non-positive amounts, unsupported asset codes). The generator modal includes a copy-to-clipboard button and a QR code of the generated URL rendered by the existing InvoiceQR infrastructure.

Acceptance Criteria

• Opening a generated deep-link URL pre-populates the form with the correct recipient address, asset, amount, and memo without user intervention
• Invalid params in the URL (e.g., malformed G-address, negative amount) are caught server-side and display an error page instead of a broken form
• The copy-to-clipboard button copies the full URL and shows a transient "Copied!" confirmation
• The QR code rendered in the modal encodes the generated URL and is scannable, navigating to the pre-filled form when scanned
• Params that include special characters (ampersands, Unicode in memo) are correctly encoded and decoded without corruption
• All CI checks (npm test, npm run build, ESLint/TypeScript) pass and the branch has no merge conflicts

---

[ZEMAD0N26]

@ZEMAD0N26 has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

Please assign!

ℹ️ Repo Maintainers: To accept this application, review their application or assign @ZEMAD0N26 to this issue.

[edrizxabdulganiyu-blip]

@edrizxabdulganiyu-blip has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

Hello Maintainer, I’ve reviewed the issue description and I’m confident I can work on it effectively. Please assign it to me.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @edrizxabdulganiyu-blip to this issue.

[temieehade-coder]

@temieehade-coder has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

Hello maintainer, I can fix this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @temieehade-coder to this issue.

[maugauwi-hash]

@maugauwi-hash has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

may I work on this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @maugauwi-hash to this issue.

[drips-wave]

Congratulations, @maugauwi-hash! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on July 30, 2026.

🧑‍💻 @maugauwi-hash: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊

[drips-wave]

This issue has been completed by @maugauwi-hash as part of the Stellar Wave Program's 7th Wave 🥳

😎 @maugauwi-hash: You earned 200 Points for completing this issue! After the current Wave ends, you'll be eligible for a percentage of the Wave's reward pool based on the percentage of total points you've earned. Learn more here. You can also Leave a review to share your experience working on this issue.

🧑‍💻 Repo maintainers: How'd the contributor do? Leave a review to share your experience working with them.