Checkout and payment flow
Block-composed order review, payment entry, provider outcomes, cancellation, refunds, and pressure states.
Order review, card entry, provider outcomes, cancellation, refunds, content pressure, and narrow layouts.
The visible surface stays stable while every mutation is disabled.
Secure checkout
The visible surface stays stable while every mutation is disabled.
Card collection, tokenization, submission routes, and payment policy remain application code.
test/dummy/app/components/gallery/flows/checkout_page.rbworkspace_surface do
render_header
case state
when "review" then render_review
when "payment", "validation", "processing" then render_payment
when "succeeded" then render_result(:success, "Payment complete", "Team plan access is active and receipt CHK-2048 was emailed.")
when "failed" then render_failed
when "requires-action" then render_requires_action
when "cancelled" then render_result(:warning, "Checkout cancelled", "No charge was created and the current Starter plan remains active.")
when "refunded" then render_result(:success, "Payment refunded", "$49.00 was returned to Visa ending in 4242. Bank settlement can take five business days.")
when "empty-cart" then render_empty_cart
when "long" then render_long
when "mobile" then render_mobile
end
end