Billing flow
Block-composed plan, payment, paginated invoice, cancellation, outcome, and mobile billing states.
Plans, card replacement, paginated invoice records, cancellation safeguards, outcomes, and pressure states.
Every payment control and the submitting action are disabled while Turbo saves.
Update the card and receipt destination used for future Team plan charges.
test/dummy/app/components/gallery/flows/billing_page.rbdiv(
data: {
gallery: "flow-surface",
gallery_flow: "billing",
gallery_mobile: state == "mobile" ? "true" : nil
}.compact
) do
render NitroKit::Container.new(size: :xl, id: "gallery-billing-container") do
render NitroKit::Flex.new(dir: :col, gap: 6, align: :stretch, id: "gallery-billing-stack") do
turbo_frame_tag("gallery-billing-frame") { render_screen }
end
end
end