Skip to content

feat: PaymentRequest component — shareable payment link QR code #5

Description

@gloriaelishahabu

Overview

Add a PaymentRequest component that generates a shareable Stellar payment URI and QR code. This is a key SDP feature for invoice-style payment collection, especially for the single-use wallet flow.

What needs to be built

  • PaymentRequest component in packages/ui/src/components/PaymentRequest/
  • Generate a web+stellar:pay?destination=...&amount=...&asset_code=...&memo=... URI
  • Render a QR code using a lightweight library (e.g. qrcode.react)
  • Copy-to-clipboard button for the URI
  • Optional expiry countdown timer (integrates with SingleUseWallet)
  • Export from barrel

API shape

<PaymentRequest
  destination="GBZX...WQCA"
  asset={{ code: "USDC", issuer: "GA5Z..." }}
  amount="25.00"
  memo="invoice-1042"
  expiresAt={Date.now() + 1800000}
  onExpire={() => console.log("request expired")}
/>

Generated URI format

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions