Subscription billing

Component-composed plan, payment, paginated invoice, cancellation, outcome, and mobile billing states.

Subscription billing

Plans, card replacement, paginated invoice records, cancellation safeguards, outcomes, and pressure states.

Cancellation validation

Missing reason and consent plus excessive feedback produce connected errors.

Cancel Team plan

Paid access ends August 1, 2026. Eighteen active members and paid workspace history will be affected.

Confirm the cancellation details

Reason is not included in the list, Feedback is too long (maximum is 500 characters), and Confirmed must be accepted

Why are you cancelling?

Choose the closest reason. This does not change the cancellation date.

The plan is too expensive

A feature we need is missing

We only need a temporary pause

We are switching to another service

Another reason

Reason is not included in the list

Additional feedback

Optional, up to 500 characters.

Feedback is too long (maximum is 500 characters)

I understand paid features end on August 1, 2026

Confirmed must be accepted

Keep Team plan

ViewportFull width

Width

Preset

Rubytest/dummy/app/components/gallery/compositions/billing_page.rb

div(
  data: {
    gallery: "composition-surface",
    gallery_composition: "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