diff --git a/.changeset/sad-bikes-tan.md b/.changeset/sad-bikes-tan.md new file mode 100644 index 00000000000..e7d80ebb433 --- /dev/null +++ b/.changeset/sad-bikes-tan.md @@ -0,0 +1,8 @@ +--- +'@clerk/localizations': minor +'@clerk/clerk-js': minor +'@clerk/types': minor +--- + +[Billing Beta] Rename payment sources to method methods. +Updates localization keys from `commerce` -> `billing` and `paymentSource` to `paymentMethod`. diff --git a/integration/tests/pricing-table.test.ts b/integration/tests/pricing-table.test.ts index 70284cf1077..85783fa7977 100644 --- a/integration/tests/pricing-table.test.ts +++ b/integration/tests/pricing-table.test.ts @@ -452,7 +452,7 @@ testAgainstRunningApps({ withEnv: [appConfigs.envs.withBilling] })('pricing tabl test.describe('in UserProfile', () => { // test.describe.configure({ mode: 'serial' }); - test('renders pricing table, subscribes to a plan, revalidates payment sources on complete and then downgrades to free', async ({ + test('renders pricing table, subscribes to a plan, revalidates payment method on complete and then downgrades to free', async ({ page, context, }) => { @@ -584,7 +584,7 @@ testAgainstRunningApps({ withEnv: [appConfigs.envs.withBilling] })('pricing tabl await fakeUser.deleteIfExists(); }); - test('adds payment source via checkout and resets stripe setup intent after failed payment', async ({ + test('adds payment method via checkout and resets stripe setup intent after failed payment', async ({ page, context, }) => { diff --git a/packages/clerk-js/src/core/resources/BillingPaymentSource.ts b/packages/clerk-js/src/core/resources/BillingPaymentMethod.ts similarity index 100% rename from packages/clerk-js/src/core/resources/BillingPaymentSource.ts rename to packages/clerk-js/src/core/resources/BillingPaymentMethod.ts diff --git a/packages/clerk-js/src/core/resources/internal.ts b/packages/clerk-js/src/core/resources/internal.ts index 82886d002ac..2c27131bbae 100644 --- a/packages/clerk-js/src/core/resources/internal.ts +++ b/packages/clerk-js/src/core/resources/internal.ts @@ -8,7 +8,7 @@ export * from './BillingCheckout'; export * from './Feature'; export * from './BillingStatement'; export * from './BillingPayment'; -export * from './BillingPaymentSource'; +export * from './BillingPaymentMethod'; export * from './BillingPlan'; export * from './BillingSubscription'; export * from './DeletedObject'; diff --git a/packages/clerk-js/src/ui/components/Checkout/CheckoutComplete.tsx b/packages/clerk-js/src/ui/components/Checkout/CheckoutComplete.tsx index 77fd27f46fa..28eb380ac83 100644 --- a/packages/clerk-js/src/ui/components/Checkout/CheckoutComplete.tsx +++ b/packages/clerk-js/src/ui/components/Checkout/CheckoutComplete.tsx @@ -330,10 +330,10 @@ export const CheckoutComplete = () => { textVariant='h2' localizationKey={ freeTrialEndsAt - ? localizationKeys('commerce.checkout.title__trialSuccess') + ? localizationKeys('billing.checkout.title__trialSuccess') : totals.totalDueNow.amount > 0 - ? localizationKeys('commerce.checkout.title__paymentSuccessful') - : localizationKeys('commerce.checkout.title__subscriptionSuccessful') + ? localizationKeys('billing.checkout.title__paymentSuccessful') + : localizationKeys('billing.checkout.title__subscriptionSuccessful') } sx={t => ({ opacity: 0, @@ -387,8 +387,8 @@ export const CheckoutComplete = () => { })} localizationKey={ totals.totalDueNow.amount > 0 - ? localizationKeys('commerce.checkout.description__paymentSuccessful') - : localizationKeys('commerce.checkout.description__subscriptionSuccessful') + ? localizationKeys('billing.checkout.description__paymentSuccessful') + : localizationKeys('billing.checkout.description__subscriptionSuccessful') } /> @@ -417,13 +417,13 @@ export const CheckoutComplete = () => { > - + {freeTrialEndsAt ? ( - + ) : null} @@ -431,8 +431,8 @@ export const CheckoutComplete = () => { 0 || freeTrialEndsAt !== null - ? localizationKeys('commerce.checkout.lineItems.title__paymentMethod') - : localizationKeys('commerce.checkout.lineItems.title__subscriptionBegins') + ? localizationKeys('billing.checkout.lineItems.title__paymentMethod') + : localizationKeys('billing.checkout.lineItems.title__subscriptionBegins') } /> { @@ -65,19 +65,19 @@ export const CheckoutForm = withCardStateProvider(() => { - + {showCredits && ( - + )} @@ -86,11 +86,11 @@ export const CheckoutForm = withCardStateProvider(() => { - + @@ -99,7 +99,7 @@ export const CheckoutForm = withCardStateProvider(() => { {!!freeTrialEndsAt && !!plan.freeTrialDays && ( @@ -110,7 +110,7 @@ export const CheckoutForm = withCardStateProvider(() => { )} - + @@ -125,7 +125,7 @@ export const CheckoutForm = withCardStateProvider(() => { })} > @@ -243,11 +243,11 @@ const CheckoutFormElementsInternal = () => { > )} @@ -307,13 +307,13 @@ export const PayWithTestPaymentMethod = () => { color: t.colors.$warning500, fontWeight: t.fontWeights.$semibold, })} - localizationKey={localizationKeys('commerce.paymentSource.dev.developmentMode')} + localizationKey={localizationKeys('billing.paymentMethod.dev.developmentMode')} />