diff --git a/.changeset/hungry-parrots-follow.md b/.changeset/hungry-parrots-follow.md new file mode 100644 index 00000000000..a1b70ee150a --- /dev/null +++ b/.changeset/hungry-parrots-follow.md @@ -0,0 +1,5 @@ +--- +'@clerk/clerk-js': patch +--- + +Bug fix for Checkout success screen to not mention payment if a payment was not made. diff --git a/packages/clerk-js/src/ui/components/Checkout/CheckoutComplete.tsx b/packages/clerk-js/src/ui/components/Checkout/CheckoutComplete.tsx index e5e02c9b2f2..28eb380ac83 100644 --- a/packages/clerk-js/src/ui/components/Checkout/CheckoutComplete.tsx +++ b/packages/clerk-js/src/ui/components/Checkout/CheckoutComplete.tsx @@ -161,7 +161,7 @@ export const CheckoutComplete = () => { const { setIsOpen } = useDrawerContext(); const { newSubscriptionRedirectUrl } = useCheckoutContext(); const { checkout } = useCheckout(); - const { totals, paymentMethod, planPeriodStart, freeTrialEndsAt, needsPaymentMethod } = checkout; + const { totals, paymentMethod, planPeriodStart, freeTrialEndsAt } = checkout; const [mousePosition, setMousePosition] = useState({ x: 256, y: 256 }); const prefersReducedMotion = usePrefersReducedMotion(); @@ -331,7 +331,7 @@ export const CheckoutComplete = () => { localizationKey={ freeTrialEndsAt ? localizationKeys('billing.checkout.title__trialSuccess') - : needsPaymentMethod + : totals.totalDueNow.amount > 0 ? localizationKeys('billing.checkout.title__paymentSuccessful') : localizationKeys('billing.checkout.title__subscriptionSuccessful') } @@ -386,7 +386,7 @@ export const CheckoutComplete = () => { }), })} localizationKey={ - needsPaymentMethod + totals.totalDueNow.amount > 0 ? localizationKeys('billing.checkout.description__paymentSuccessful') : localizationKeys('billing.checkout.description__subscriptionSuccessful') } @@ -430,14 +430,14 @@ export const CheckoutComplete = () => { 0 || freeTrialEndsAt !== null ? localizationKeys('billing.checkout.lineItems.title__paymentMethod') : localizationKeys('billing.checkout.lineItems.title__subscriptionBegins') } /> 0 || freeTrialEndsAt !== null ? paymentMethod ? paymentMethod.paymentType !== 'card' ? `${capitalize(paymentMethod.paymentType)}`