diff --git a/.changeset/all-tigers-learn.md b/.changeset/all-tigers-learn.md new file mode 100644 index 00000000000..acb2707f7ea --- /dev/null +++ b/.changeset/all-tigers-learn.md @@ -0,0 +1,6 @@ +--- +'@clerk/clerk-js': patch +'@clerk/types': patch +--- + +Move `credit` at the top-level and remove `proration` property diff --git a/packages/clerk-js/src/ui/components/Checkout/CheckoutForm.tsx b/packages/clerk-js/src/ui/components/Checkout/CheckoutForm.tsx index 413540fa2cd..b5afd950a64 100644 --- a/packages/clerk-js/src/ui/components/Checkout/CheckoutForm.tsx +++ b/packages/clerk-js/src/ui/components/Checkout/CheckoutForm.tsx @@ -31,8 +31,7 @@ export const CheckoutForm = ({ onCheckoutComplete: (checkout: CommerceCheckoutResource) => void; }) => { const { plan, planPeriod, totals, isImmediatePlanChange } = checkout; - const showCredits = - totals.totalDueNow.amount > 0 && !!totals.proration?.credit?.amount && totals.proration.credit.amount > 0; + const showCredits = !!totals.credit?.amount && totals.credit.amount > 0; const showDowngradeInfo = !isImmediatePlanChange; return ( @@ -69,9 +68,7 @@ export const CheckoutForm = ({ {/* TODO(@Commerce): needs localization */} {/* TODO(@Commerce): Replace client-side calculation with server-side calculation once data are available in the response */} - + )} diff --git a/packages/clerk-js/src/utils/commerce.ts b/packages/clerk-js/src/utils/commerce.ts index 25b3d6c1c19..a794bba19e3 100644 --- a/packages/clerk-js/src/utils/commerce.ts +++ b/packages/clerk-js/src/utils/commerce.ts @@ -26,12 +26,9 @@ export const commerceTotalsFromJSON =