Billing primitives

Billing — subscription management

Fourteen Stripe-style billing primitives for the Oak Flats Mufflermen admin and customer-facing surfaces. Subscription summary, plan switching, invoicing, payment methods, ACH mandates, refunds, usage-based billing, dunning, tax exemptions, and receipts.

Production answer

Billing — subscription management is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Billing — subscription management states
Generative search brief

Billing — subscription management: Fourteen Stripe-style billing primitives for the Oak Flats Mufflermen admin and customer-facing surfaces. Subscription summary, plan switching, invoicing, payment methods, ACH mandates, refunds, usage-based billing, dunning, tax exemptions, and receipts.

Visual reference only — no live Stripe wiringOpen full billing center composition
Primitive 01

Subscription overview

Plan name, status chip, renewal date, amount, and manage CTAs in one summary card.

Visual onlyOpen
Primitive 02

Plan switcher

Side-by-side plans with current badge, feature matrix, and monthly/annual toggle.

Stateful · toggleOpen
Primitive 03

Invoice viewer

Line items table with subtotal, GST 10%, total, status chip, and PDF / mark-paid actions.

Visual onlyOpen
Primitive 04

Payment method update

Card form with brand-detection chip, billing address, 3DS preview banner, default toggle.

Stateful · formOpen
Primitive 05

Tax info

Country, business name, ABN/TFN with validation chip, reverse-charge VAT toggle.

Stateful · validateOpen
Primitive 06

ACH mandate

BSB + account + bank, mandate agreement text, signature input, revoke action.

Stateful · signOpen
Primitive 07

Refund flow

Two-step flow — choose invoice, then choose full / partial amount with reason and note.

Stateful · stepsOpen
Primitive 08

Credit balance

Available credit hero, recent credit ledger, apply-to-invoice CTA.

Visual onlyOpen
Primitive 09

Promo code redeem

Code entry with applied-state chip, benefit chip, expiry date, remove action.

Stateful · applyOpen
Primitive 10

Dunning notice

Past-due alert with stage chip, retry schedule, grace period, pay & update CTAs.

Visual · alertOpen
Primitive 11

Usage dashboard

Metered features with usage meter, 30-day sparkline trend, projected overage charge.

Visual onlyOpen
Primitive 12

Proration preview

Unused credit, new cycle charge, effective date, and net due — for plan changes.

Visual · liveOpen
Primitive 13

Tax exemption

Certificate upload, jurisdiction, expiry, and status chip — pending / active / expired.

Stateful · uploadOpen
Primitive 14

Receipt modal

Post-payment confirmation modal with amount, last-4, transaction ID, download / email.

Stateful · dialogOpen