Module brief: PaymentModule

Slug / tier / group / category: payment · advanced · features · Commerce One-liner: Card-details capture + pay CTA (Stripe deposit or purchase). Closest references: ProductModule fields sub-card; CtaRow. Source: YOU Studio wireframes §1b.

Anatomy

• ModuleShell, title default "Payment"
• Amount summary row (label + amount)
• Fields sub-card: card number / expiry / CVC (soft TextFields, presentational)
• Note line (e.g. "Deposit gates the application · refunded if rejected")
• CtaRow "Pay & continue" (solid)

Content model

amount, currencyLabel, note, onPay(details) — REAL capture is Stripe Elements in production; this module is the layout contract + mock inputs.

Fields

title text · amount text · note text · actionLabel text · header toggle

Out of scope

Real tokenisation/PCI — production swaps the inputs for Stripe Elements inside the same frame.