Dynamic Public Invoice Status Page

[Kingsman-99]

Description

Payers who receive an invoice link need a public, unauthenticated page showing the current payment status, amounts due, and a pay button without requiring them to create a StellarSplit account. This issue introduces a public invoice status page at /pay/[invoiceId] that is server-rendered for fast load times, shows real-time payment progress via client-side polling of confirmed on-chain transactions, and presents the pay action using Freighter or a compatible Stellar wallet. The page respects the creator's branding settings (logo, accent color).

Technical Context

Create app/pay/[invoiceId]/page.tsx as a Next.js Server Component that fetches public invoice data (no auth required) from app/api/public/invoices/[id]/route.ts. The public API endpoint exposes only non-sensitive fields: title, totalAmount, asset, recipients, status, dueDate, branding. Client-side hydration in components/pay/PublicInvoiceView.tsx polls app/api/public/invoices/[id]/status/route.ts every 10 seconds to refresh payment progress. The pay button calls Freighter's getPublicKey (to auto-detect the payer's address) then builds and signs a payment transaction. Apply creator branding using inlineStyle variables derived from the branding settings. Generate og:image meta tags using next/og for social sharing.

Acceptance Criteria

• The public page loads without authentication and displays correct invoice title, amount, asset, due date, and current payment status
• Payment progress (e.g., 60% funded) updates within 10 seconds of a partial payment being confirmed on-chain
• The pay button correctly builds a Stellar payment transaction for the remaining unpaid amount and surfaces it to Freighter for signing
• Creator branding (logo, accent color) is visible on the public page when set, and the page falls back to platform defaults when branding is not configured
• og:image and og:title meta tags are populated with invoice-specific data for social-link previews
• All CI checks (npm test, npm run build, ESLint/TypeScript) pass and the branch has no merge conflicts

---

[Dev-Ugee]

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

Hi Maintainer, i would love to work on this issue

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

[famvilianity-eng]

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

can i work on this please

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

[drips-wave]

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

🧑‍💻 @famvilianity-eng: 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 🌊

[grantfox-oss]

🎉 This issue has been marked as completed on GrantFox as part of the Official Campaign | FWC26 campaign!

@famvilianity-eng's PR #524 was approved and merged by @Kingsman-99.

🏆 @famvilianity-eng: You earned 35 FoxPoints for this contribution! Your current tier: Explorer (309 total points). Track your full progress on GrantFox.

👏 Great work, @famvilianity-eng! Keep contributing to Stellar-split.

[drips-wave]

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

😎 @famvilianity-eng: 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.