About this block

Upgrade Proration Summary is the final confirmation before switching from Team to Business, effective immediately. A plan chip pair shows $49/mo moving to $149/mo, then a ruled list breaks the math into two lines: the Business charge for the 28 days left this cycle at $135.24, and a credit for unused Team time of $44.35, netting to $90.89 due today.

Line items sit above the component as a typed array. A payment method row shows the card on file, a muted panel previews the $149.00/mo that starts at the next renewal, and the confirm button repeats the exact amount so the charge never surprises anyone.

When to use

Reach for this block as the last step of an upgrade, shown in a dialog or on a dedicated confirm route after the user picks a higher plan. Wire Confirm and pay to your checkout, and keep the user on Team if the charge fails.

A natural flow around it on an Application Pro page:

Before

• Plan picker cards

After

• Billing
• Notifications

What you can display

One strong use is a mid cycle upgrade with proration. Other summaries:

• Downgrade credit. The same layout when the net is a credit rather than an amount due.
• Seat change. Proration for adding seats instead of switching the whole plan tier.
• Annual switch. A monthly to yearly move with the full year charge and its prorated credit.

Tip: repeat the exact amount due on the confirm button so the number the user approves matches the number they are charged.