autumn-billing-page

List plans with a customerId so each plan includes a customerEligibility object indicating whether attaching it is an upgrade, downgrade, or current plan. Then call attach with the planId when the user clicks the button, which handles the switch automatically.

Fetch the customer with useCustomer in React or autumn.customers.getOrCreate in the SDK, then read the balances object for the feature. Each metered feature exposes granted, usage, and remaining fields you can render directly.

Yes. React apps use hooks like useCustomer, useListPlans, and useAggregateEvents from autumn-js/react. Backend integrations use the Autumn TypeScript client or the Python autumn_sdk package with equivalent methods.

Call billing.update with the planId and a cancelAction of cancel_end_of_cycle to schedule cancellation. To reverse a pending cancellation, pass cancelAction uncancel while the subscription is still active with a non-null canceledAt.

Yes. Call openCustomerPortal with the customerId and a returnUrl, then redirect the user to the returned URL. The portal must first be enabled in your Stripe settings and lets customers manage payment methods and invoices.

You need an autumn.config.ts file in your project root, generated by running npx atmn init after logging in. The skill also detects whether your codebase uses the React AutumnProvider setup or a backend Autumn client to pick the right integration path.