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')}
/>