From edcbf458d9a9b87f5391420c30ab5d72b165fbe8 Mon Sep 17 00:00:00 2001
From: Nikos Douvlis <nikosdouvlis@gmail.com>
Date: Mon, 5 May 2025 17:47:36 +0300
Subject: [PATCH 1/8] refactor(clerk-js): Remove experimental prefix from mount
 and unmount pricing table methods

---
 packages/clerk-js/src/core/clerk.ts                    |  4 ++--
 packages/react/src/components/uiComponents.tsx         |  4 ++--
 packages/react/src/isomorphicClerk.ts                  | 10 +++++-----
 packages/types/src/clerk.ts                            |  4 ++--
 .../vue/src/components/ui-components/PricingTable.vue  |  4 ++--
 5 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/packages/clerk-js/src/core/clerk.ts b/packages/clerk-js/src/core/clerk.ts
index 2b4244d9ce7..0d6291ef5de 100644
--- a/packages/clerk-js/src/core/clerk.ts
+++ b/packages/clerk-js/src/core/clerk.ts
@@ -1006,7 +1006,7 @@ export class Clerk implements ClerkInterface {
     void this.#componentControls?.ensureMounted().then(controls => controls.unmountComponent({ node }));
   };
 
-  public __experimental_mountPricingTable = (node: HTMLDivElement, props?: PricingTableProps): void => {
+  public mountPricingTable = (node: HTMLDivElement, props?: PricingTableProps): void => {
     this.assertComponentsReady(this.#componentControls);
     if (disabledBillingFeature(this, this.environment)) {
       if (this.#instanceType === 'development') {
@@ -1028,7 +1028,7 @@ export class Clerk implements ClerkInterface {
     this.telemetry?.record(eventPrebuiltComponentMounted('PricingTable', props));
   };
 
-  public __experimental_unmountPricingTable = (node: HTMLDivElement): void => {
+  public unmountPricingTable = (node: HTMLDivElement): void => {
     this.assertComponentsReady(this.#componentControls);
     void this.#componentControls.ensureMounted().then(controls =>
       controls.unmountComponent({
diff --git a/packages/react/src/components/uiComponents.tsx b/packages/react/src/components/uiComponents.tsx
index 9556050ef29..efba0fe8130 100644
--- a/packages/react/src/components/uiComponents.tsx
+++ b/packages/react/src/components/uiComponents.tsx
@@ -588,8 +588,8 @@ export const PricingTable = withClerk(
         {clerk.loaded && (
           <ClerkHostRenderer
             component={component}
-            mount={clerk.__experimental_mountPricingTable}
-            unmount={clerk.__experimental_unmountPricingTable}
+            mount={clerk.mountPricingTable}
+            unmount={clerk.unmountPricingTable}
             updateProps={(clerk as any).__unstable__updateProps}
             props={props}
             rootProps={rendererRootProps}
diff --git a/packages/react/src/isomorphicClerk.ts b/packages/react/src/isomorphicClerk.ts
index 3352b6f6cb1..ec9b254b7eb 100644
--- a/packages/react/src/isomorphicClerk.ts
+++ b/packages/react/src/isomorphicClerk.ts
@@ -606,7 +606,7 @@ export class IsomorphicClerk implements IsomorphicLoadedClerk {
     });
 
     this.premountPricingTableNodes.forEach((props, node) => {
-      clerkjs.__experimental_mountPricingTable(node, props);
+      clerkjs.mountPricingTable(node, props);
     });
 
     /**
@@ -1034,17 +1034,17 @@ export class IsomorphicClerk implements IsomorphicLoadedClerk {
     }
   };
 
-  __experimental_mountPricingTable = (node: HTMLDivElement, props?: PricingTableProps) => {
+  mountPricingTable = (node: HTMLDivElement, props?: PricingTableProps) => {
     if (this.clerkjs && this.loaded) {
-      this.clerkjs.__experimental_mountPricingTable(node, props);
+      this.clerkjs.mountPricingTable(node, props);
     } else {
       this.premountPricingTableNodes.set(node, props);
     }
   };
 
-  __experimental_unmountPricingTable = (node: HTMLDivElement) => {
+  unmountPricingTable = (node: HTMLDivElement) => {
     if (this.clerkjs && this.loaded) {
-      this.clerkjs.__experimental_unmountPricingTable(node);
+      this.clerkjs.unmountPricingTable(node);
     } else {
       this.premountPricingTableNodes.delete(node);
     }
diff --git a/packages/types/src/clerk.ts b/packages/types/src/clerk.ts
index 10d6051f4c5..1d5177a9442 100644
--- a/packages/types/src/clerk.ts
+++ b/packages/types/src/clerk.ts
@@ -448,7 +448,7 @@ export interface Clerk {
    * @param targetNode Target node to mount the PricingTable component.
    * @param props configuration parameters.
    */
-  __experimental_mountPricingTable: (targetNode: HTMLDivElement, props?: PricingTableProps) => void;
+  mountPricingTable: (targetNode: HTMLDivElement, props?: PricingTableProps) => void;
 
   /**
    * Unmount a pricing table component from the target element.
@@ -456,7 +456,7 @@ export interface Clerk {
    *
    * @param targetNode Target node to unmount the PricingTable component from.
    */
-  __experimental_unmountPricingTable: (targetNode: HTMLDivElement) => void;
+  unmountPricingTable: (targetNode: HTMLDivElement) => void;
 
   /**
    * Register a listener that triggers a callback each time important Clerk resources are changed.
diff --git a/packages/vue/src/components/ui-components/PricingTable.vue b/packages/vue/src/components/ui-components/PricingTable.vue
index 9830f9803b6..a3fb70cd5db 100644
--- a/packages/vue/src/components/ui-components/PricingTable.vue
+++ b/packages/vue/src/components/ui-components/PricingTable.vue
@@ -9,8 +9,8 @@ const props = defineProps<PricingTableProps>();
 
 <template>
   <ClerkHostRenderer
-    :mount="clerk?.__experimental_mountPricingTable"
-    :unmount="clerk?.__experimental_unmountPricingTable"
+    :mount="clerk?.mountPricingTable"
+    :unmount="clerk?.unmountPricingTable"
     :update-props="(clerk as any)?.__unstable__updateProps"
     :props="props"
   />

From ccc4ed7854d5e93e4145a38e39083274602a1fac Mon Sep 17 00:00:00 2001
From: Nikos Douvlis <nikosdouvlis@gmail.com>
Date: Mon, 5 May 2025 17:53:55 +0300
Subject: [PATCH 2/8] refactor(clerk-js): Drop experimental from commerce apis

---
 packages/clerk-js/src/core/clerk.ts           |  16 +-
 .../src/core/modules/commerce/Commerce.ts     |  52 +++----
 .../core/modules/commerce/CommerceBilling.ts  |  61 ++++----
 .../src/core/resources/CommerceCheckout.ts    |  42 +++--
 .../src/core/resources/CommerceFeature.ts     |   8 +-
 .../src/core/resources/CommerceInvoice.ts     |  18 +--
 .../core/resources/CommercePaymentSource.ts   |  36 ++---
 .../src/core/resources/CommercePlan.ts        |  14 +-
 .../src/core/resources/CommerceProduct.ts     |  14 +-
 .../src/core/resources/CommerceSettings.ts    |  22 +--
 .../core/resources/CommerceSubscription.ts    |  31 ++--
 .../src/core/resources/Environment.ts         |  10 +-
 .../src/core/resources/Organization.ts        |  22 +--
 .../__snapshots__/Environment.test.ts.snap    |   4 +-
 .../components/Checkout/CheckoutComplete.tsx  |  18 +--
 .../ui/components/Checkout/CheckoutForm.tsx   |  43 +++---
 .../ui/components/Checkout/CheckoutPage.tsx   |  14 +-
 .../ui/components/Invoices/InvoicesList.tsx   |   6 +-
 .../PaymentSources/AddPaymentSource.tsx       |  29 ++--
 .../PaymentSources/PaymentSourceRow.tsx       |   8 +-
 .../PaymentSources/PaymentSources.tsx         |  48 +++---
 .../src/ui/components/Plans/PlanDetails.tsx   |  41 +++--
 .../components/PricingTable/PricingTable.tsx  |  14 +-
 .../PricingTable/PricingTableDefault.tsx      |  41 +++--
 .../PricingTable/PricingTableMatrix.tsx       |  22 ++-
 .../Subscriptions/SubscriptionsList.tsx       |   6 +-
 .../src/ui/contexts/components/Plans.tsx      |  55 +++----
 packages/clerk-js/src/ui/hooks/useCheckout.ts |  10 +-
 packages/clerk-js/src/ui/types.ts             |  30 ++--
 packages/clerk-js/src/utils/commerce.ts       |  24 ++-
 packages/react/src/isomorphicClerk.ts         |  20 ++-
 .../src/react/hooks/useOrganization.tsx       |  27 ++--
 packages/types/src/clerk.ts                   |  30 ++--
 packages/types/src/commerce.ts                | 143 ++++++++----------
 packages/types/src/commerceSettings.ts        |   8 +-
 packages/types/src/environment.ts             |   4 +-
 packages/types/src/json.ts                    |  73 +++++----
 packages/types/src/organization.ts            |   6 +-
 packages/types/src/snapshots.ts               |   4 +-
 39 files changed, 482 insertions(+), 592 deletions(-)

diff --git a/packages/clerk-js/src/core/clerk.ts b/packages/clerk-js/src/core/clerk.ts
index 0d6291ef5de..0482e4ff134 100644
--- a/packages/clerk-js/src/core/clerk.ts
+++ b/packages/clerk-js/src/core/clerk.ts
@@ -15,9 +15,6 @@ import {
 import { addClerkPrefix, isAbsoluteUrl, stripScheme } from '@clerk/shared/url';
 import { allSettled, handleValueOrFn, noop } from '@clerk/shared/utils';
 import type {
-  __experimental_CheckoutProps,
-  __experimental_CommerceNamespace,
-  __experimental_PlanDetailsProps,
   __internal_ComponentNavigationContext,
   __internal_UserVerificationModalProps,
   AuthenticateWithCoinbaseWalletParams,
@@ -30,6 +27,7 @@ import type {
   ClerkOptions,
   ClientJSONSnapshot,
   ClientResource,
+  CommerceNamespace,
   CreateOrganizationParams,
   CreateOrganizationProps,
   CredentialReturn,
@@ -131,7 +129,7 @@ import { eventBus, events } from './events';
 import type { FapiClient, FapiRequestCallback } from './fapiClient';
 import { createFapiClient } from './fapiClient';
 import { createClientFromJwt } from './jwt-client';
-import { __experimental_Commerce } from './modules/commerce';
+import { Commerce } from './modules/commerce';
 import {
   BaseResource,
   Client,
@@ -187,7 +185,7 @@ export class Clerk implements ClerkInterface {
     version: __PKG_VERSION__,
     environment: process.env.NODE_ENV || 'production',
   };
-  private static _commerce: __experimental_CommerceNamespace;
+  private static _commerce: CommerceNamespace;
 
   public client: ClientResource | undefined;
   public session: SignedInSessionResource | null | undefined;
@@ -316,9 +314,9 @@ export class Clerk implements ClerkInterface {
     return this.#options.standardBrowser || false;
   }
 
-  get __experimental_commerce(): __experimental_CommerceNamespace {
+  get commerce(): CommerceNamespace {
     if (!Clerk._commerce) {
-      Clerk._commerce = new __experimental_Commerce();
+      Clerk._commerce = new Commerce();
     }
     return Clerk._commerce;
   }
@@ -546,7 +544,7 @@ export class Clerk implements ClerkInterface {
     void this.#componentControls.ensureMounted().then(controls => controls.closeModal('signIn'));
   };
 
-  public __internal_openCheckout = (props?: __experimental_CheckoutProps): void => {
+  public __internal_openCheckout = (props?: CheckoutProps): void => {
     this.assertComponentsReady(this.#componentControls);
     if (disabledBillingFeature(this, this.environment)) {
       if (this.#instanceType === 'development') {
@@ -575,7 +573,7 @@ export class Clerk implements ClerkInterface {
     void this.#componentControls.ensureMounted().then(controls => controls.closeDrawer('checkout'));
   };
 
-  public __internal_openPlanDetails = (props?: __experimental_PlanDetailsProps): void => {
+  public __internal_openPlanDetails = (props?: PlanDetailsProps): void => {
     this.assertComponentsReady(this.#componentControls);
     if (disabledBillingFeature(this, this.environment)) {
       if (this.#instanceType === 'development') {
diff --git a/packages/clerk-js/src/core/modules/commerce/Commerce.ts b/packages/clerk-js/src/core/modules/commerce/Commerce.ts
index 6ac7674ca63..61958719d00 100644
--- a/packages/clerk-js/src/core/modules/commerce/Commerce.ts
+++ b/packages/clerk-js/src/core/modules/commerce/Commerce.ts
@@ -1,33 +1,29 @@
 import type {
-  __experimental_AddPaymentSourceParams,
-  __experimental_CommerceBillingNamespace,
-  __experimental_CommerceInitializedPaymentSourceJSON,
-  __experimental_CommerceNamespace,
-  __experimental_CommercePaymentSourceJSON,
-  __experimental_GetPaymentSourcesParams,
-  __experimental_InitializePaymentSourceParams,
+  AddPaymentSourceParams,
   ClerkPaginatedResponse,
+  CommerceBillingNamespace,
+  CommerceInitializedPaymentSourceJSON,
+  CommerceNamespace,
+  CommercePaymentSourceJSON,
+  GetPaymentSourcesParams,
+  InitializePaymentSourceParams,
 } from '@clerk/types';
 
 import { convertPageToOffsetSearchParams } from '../../../utils/convertPageToOffsetSearchParams';
-import {
-  __experimental_CommerceInitializedPaymentSource,
-  __experimental_CommercePaymentSource,
-  BaseResource,
-} from '../../resources/internal';
-import { __experimental_CommerceBilling } from './CommerceBilling';
+import { BaseResource, CommerceInitializedPaymentSource, CommercePaymentSource } from '../../resources/internal';
+import { CommerceBilling } from './CommerceBilling';
 
-export class __experimental_Commerce implements __experimental_CommerceNamespace {
-  private static _billing: __experimental_CommerceBillingNamespace;
+export class Commerce implements CommerceNamespace {
+  private static _billing: CommerceBillingNamespace;
 
-  get __experimental_billing(): __experimental_CommerceBillingNamespace {
-    if (!__experimental_Commerce._billing) {
-      __experimental_Commerce._billing = new __experimental_CommerceBilling();
+  get billing(): CommerceBillingNamespace {
+    if (!Commerce._billing) {
+      Commerce._billing = new CommerceBilling();
     }
-    return __experimental_Commerce._billing;
+    return Commerce._billing;
   }
 
-  initializePaymentSource = async (params: __experimental_InitializePaymentSourceParams) => {
+  initializePaymentSource = async (params: InitializePaymentSourceParams) => {
     const { orgId, ...rest } = params;
     const json = (
       await BaseResource._fetch({
@@ -37,11 +33,11 @@ export class __experimental_Commerce implements __experimental_CommerceNamespace
         method: 'POST',
         body: rest as any,
       })
-    )?.response as unknown as __experimental_CommerceInitializedPaymentSourceJSON;
-    return new __experimental_CommerceInitializedPaymentSource(json);
+    )?.response as unknown as CommerceInitializedPaymentSourceJSON;
+    return new CommerceInitializedPaymentSource(json);
   };
 
-  addPaymentSource = async (params: __experimental_AddPaymentSourceParams) => {
+  addPaymentSource = async (params: AddPaymentSourceParams) => {
     const { orgId, ...rest } = params;
 
     const json = (
@@ -50,11 +46,11 @@ export class __experimental_Commerce implements __experimental_CommerceNamespace
         method: 'POST',
         body: rest as any,
       })
-    )?.response as unknown as __experimental_CommercePaymentSourceJSON;
-    return new __experimental_CommercePaymentSource(json);
+    )?.response as unknown as CommercePaymentSourceJSON;
+    return new CommercePaymentSource(json);
   };
 
-  getPaymentSources = async (params: __experimental_GetPaymentSourcesParams) => {
+  getPaymentSources = async (params: GetPaymentSourcesParams) => {
     const { orgId, ...rest } = params;
 
     return await BaseResource._fetch({
@@ -63,10 +59,10 @@ export class __experimental_Commerce implements __experimental_CommerceNamespace
       search: convertPageToOffsetSearchParams(rest),
     }).then(res => {
       const { data: paymentSources, total_count } =
-        res?.response as unknown as ClerkPaginatedResponse<__experimental_CommercePaymentSourceJSON>;
+        res?.response as unknown as ClerkPaginatedResponse<CommercePaymentSourceJSON>;
       return {
         total_count,
-        data: paymentSources.map(paymentSource => new __experimental_CommercePaymentSource(paymentSource)),
+        data: paymentSources.map(paymentSource => new CommercePaymentSource(paymentSource)),
       };
     });
   };
diff --git a/packages/clerk-js/src/core/modules/commerce/CommerceBilling.ts b/packages/clerk-js/src/core/modules/commerce/CommerceBilling.ts
index e4b7583123f..cac2a11391e 100644
--- a/packages/clerk-js/src/core/modules/commerce/CommerceBilling.ts
+++ b/packages/clerk-js/src/core/modules/commerce/CommerceBilling.ts
@@ -1,43 +1,39 @@
 import type {
-  __experimental_CommerceBillingNamespace,
-  __experimental_CommerceCheckoutJSON,
-  __experimental_CommerceInvoiceJSON,
-  __experimental_CommerceInvoiceResource,
-  __experimental_CommercePlanResource,
-  __experimental_CommerceProductJSON,
-  __experimental_CommerceSubscriptionJSON,
-  __experimental_CommerceSubscriptionResource,
-  __experimental_CreateCheckoutParams,
-  __experimental_GetInvoicesParams,
-  __experimental_GetPlansParams,
-  __experimental_GetSubscriptionsParams,
   ClerkPaginatedResponse,
+  CommerceBillingNamespace,
+  CommerceCheckoutJSON,
+  CommerceInvoiceJSON,
+  CommerceInvoiceResource,
+  CommercePlanResource,
+  CommerceProductJSON,
+  CommerceSubscriptionJSON,
+  CommerceSubscriptionResource,
 } from '@clerk/types';
 
 import { convertPageToOffsetSearchParams } from '../../../utils/convertPageToOffsetSearchParams';
 import {
-  __experimental_CommerceCheckout,
-  __experimental_CommerceInvoice,
-  __experimental_CommercePlan,
-  __experimental_CommerceSubscription,
   BaseResource,
+  CommerceCheckout,
+  CommerceInvoice,
+  CommercePlan,
+  CommerceSubscription,
 } from '../../resources/internal';
 
-export class __experimental_CommerceBilling implements __experimental_CommerceBillingNamespace {
-  getPlans = async (params?: __experimental_GetPlansParams): Promise<__experimental_CommercePlanResource[]> => {
+export class CommerceBilling implements CommerceBillingNamespace {
+  getPlans = async (params?: GetPlansParams): Promise<CommercePlanResource[]> => {
     const { data: products } = (await BaseResource._fetch({
       path: `/commerce/products`,
       method: 'GET',
       search: { payerType: params?.subscriberType || '' },
-    })) as unknown as ClerkPaginatedResponse<__experimental_CommerceProductJSON>;
+    })) as unknown as ClerkPaginatedResponse<CommerceProductJSON>;
 
     const defaultProduct = products.find(product => product.is_default);
-    return defaultProduct?.plans.map(plan => new __experimental_CommercePlan(plan)) || [];
+    return defaultProduct?.plans.map(plan => new CommercePlan(plan)) || [];
   };
 
   getSubscriptions = async (
-    params: __experimental_GetSubscriptionsParams,
-  ): Promise<ClerkPaginatedResponse<__experimental_CommerceSubscriptionResource>> => {
+    params: GetSubscriptionsParams,
+  ): Promise<ClerkPaginatedResponse<CommerceSubscriptionResource>> => {
     const { orgId, ...rest } = params;
 
     return await BaseResource._fetch({
@@ -46,18 +42,16 @@ export class __experimental_CommerceBilling implements __experimental_CommerceBi
       search: convertPageToOffsetSearchParams(rest),
     }).then(res => {
       const { data: subscriptions, total_count } =
-        res?.response as unknown as ClerkPaginatedResponse<__experimental_CommerceSubscriptionJSON>;
+        res?.response as unknown as ClerkPaginatedResponse<CommerceSubscriptionJSON>;
 
       return {
         total_count,
-        data: subscriptions.map(subscription => new __experimental_CommerceSubscription(subscription)),
+        data: subscriptions.map(subscription => new CommerceSubscription(subscription)),
       };
     });
   };
 
-  getInvoices = async (
-    params: __experimental_GetInvoicesParams,
-  ): Promise<ClerkPaginatedResponse<__experimental_CommerceInvoiceResource>> => {
+  getInvoices = async (params: GetInvoicesParams): Promise<ClerkPaginatedResponse<CommerceInvoiceResource>> => {
     const { orgId, ...rest } = params;
 
     return await BaseResource._fetch({
@@ -65,26 +59,25 @@ export class __experimental_CommerceBilling implements __experimental_CommerceBi
       method: 'GET',
       search: convertPageToOffsetSearchParams(rest),
     }).then(res => {
-      const { data: invoices, total_count } =
-        res?.response as unknown as ClerkPaginatedResponse<__experimental_CommerceInvoiceJSON>;
+      const { data: invoices, total_count } = res?.response as unknown as ClerkPaginatedResponse<CommerceInvoiceJSON>;
 
       return {
         total_count,
-        data: invoices.map(invoice => new __experimental_CommerceInvoice(invoice)),
+        data: invoices.map(invoice => new CommerceInvoice(invoice)),
       };
     });
   };
 
-  startCheckout = async (params: __experimental_CreateCheckoutParams) => {
+  startCheckout = async (params: CreateCheckoutParams) => {
     const { orgId, ...rest } = params;
     const json = (
-      await BaseResource._fetch<__experimental_CommerceCheckoutJSON>({
+      await BaseResource._fetch<CommerceCheckoutJSON>({
         path: orgId ? `/organizations/${orgId}/commerce/checkouts` : `/me/commerce/checkouts`,
         method: 'POST',
         body: rest as any,
       })
-    )?.response as unknown as __experimental_CommerceCheckoutJSON;
+    )?.response as unknown as CommerceCheckoutJSON;
 
-    return new __experimental_CommerceCheckout(json, orgId);
+    return new CommerceCheckout(json, orgId);
   };
 }
diff --git a/packages/clerk-js/src/core/resources/CommerceCheckout.ts b/packages/clerk-js/src/core/resources/CommerceCheckout.ts
index eaa3c0afce1..835f1276c46 100644
--- a/packages/clerk-js/src/core/resources/CommerceCheckout.ts
+++ b/packages/clerk-js/src/core/resources/CommerceCheckout.ts
@@ -1,41 +1,41 @@
 import { retry } from '@clerk/shared/retry';
 import type {
-  __experimental_CommerceCheckoutJSON,
-  __experimental_CommerceCheckoutResource,
-  __experimental_CommerceCheckoutTotals,
-  __experimental_CommerceSubscriptionPlanPeriod,
-  __experimental_ConfirmCheckoutParams,
+  CommerceCheckoutJSON,
+  CommerceCheckoutResource,
+  CommerceCheckoutTotals,
+  CommerceSubscriptionPlanPeriod,
+  ConfirmCheckoutParams,
 } from '@clerk/types';
 
 import { commerceTotalsFromJSON } from '../../utils';
 import {
-  __experimental_CommercePaymentSource,
-  __experimental_CommercePlan,
-  __experimental_CommerceSubscription,
   BaseResource,
+  CommercePaymentSource,
+  CommercePlan,
+  CommerceSubscription,
   isClerkAPIResponseError,
 } from './internal';
 
-export class __experimental_CommerceCheckout extends BaseResource implements __experimental_CommerceCheckoutResource {
+export class CommerceCheckout extends BaseResource implements CommerceCheckoutResource {
   id!: string;
   externalClientSecret!: string;
   externalGatewayId!: string;
   invoice_id!: string;
-  paymentSource?: __experimental_CommercePaymentSource;
-  plan!: __experimental_CommercePlan;
-  planPeriod!: __experimental_CommerceSubscriptionPlanPeriod;
+  paymentSource?: CommercePaymentSource;
+  plan!: CommercePlan;
+  planPeriod!: CommerceSubscriptionPlanPeriod;
   status!: string;
-  subscription?: __experimental_CommerceSubscription;
-  totals!: __experimental_CommerceCheckoutTotals;
+  subscription?: CommerceSubscription;
+  totals!: CommerceCheckoutTotals;
   isImmediatePlanChange!: boolean;
 
-  constructor(data: __experimental_CommerceCheckoutJSON, orgId?: string) {
+  constructor(data: CommerceCheckoutJSON, orgId?: string) {
     super();
     this.fromJSON(data);
     this.pathRoot = orgId ? `/organizations/${orgId}/commerce/checkouts` : `/me/commerce/checkouts`;
   }
 
-  protected fromJSON(data: __experimental_CommerceCheckoutJSON | null): this {
+  protected fromJSON(data: CommerceCheckoutJSON | null): this {
     if (!data) {
       return this;
     }
@@ -44,19 +44,17 @@ export class __experimental_CommerceCheckout extends BaseResource implements __e
     this.externalClientSecret = data.external_client_secret;
     this.externalGatewayId = data.external_gateway_id;
     this.invoice_id = data.invoice_id;
-    this.paymentSource = data.payment_source
-      ? new __experimental_CommercePaymentSource(data.payment_source)
-      : undefined;
-    this.plan = new __experimental_CommercePlan(data.plan);
+    this.paymentSource = data.payment_source ? new CommercePaymentSource(data.payment_source) : undefined;
+    this.plan = new CommercePlan(data.plan);
     this.planPeriod = data.plan_period;
     this.status = data.status;
-    this.subscription = data.subscription ? new __experimental_CommerceSubscription(data.subscription) : undefined;
+    this.subscription = data.subscription ? new CommerceSubscription(data.subscription) : undefined;
     this.totals = commerceTotalsFromJSON(data.totals);
     this.isImmediatePlanChange = data.is_immediate_plan_change;
     return this;
   }
 
-  confirm = (params: __experimental_ConfirmCheckoutParams): Promise<this> => {
+  confirm = (params: ConfirmCheckoutParams): Promise<this> => {
     const { orgId, ...rest } = params;
 
     // Retry confirmation in case of a 500 error
diff --git a/packages/clerk-js/src/core/resources/CommerceFeature.ts b/packages/clerk-js/src/core/resources/CommerceFeature.ts
index 52c3ea37a85..95e964662b6 100644
--- a/packages/clerk-js/src/core/resources/CommerceFeature.ts
+++ b/packages/clerk-js/src/core/resources/CommerceFeature.ts
@@ -1,20 +1,20 @@
-import type { __experimental_CommerceFeatureJSON, __experimental_CommerceFeatureResource } from '@clerk/types';
+import type { CommerceFeatureJSON, CommerceFeatureResource } from '@clerk/types';
 
 import { BaseResource } from './internal';
 
-export class __experimental_CommerceFeature extends BaseResource implements __experimental_CommerceFeatureResource {
+export class CommerceFeature extends BaseResource implements CommerceFeatureResource {
   id!: string;
   name!: string;
   description!: string;
   slug!: string;
   avatarUrl!: string;
 
-  constructor(data: __experimental_CommerceFeatureJSON) {
+  constructor(data: CommerceFeatureJSON) {
     super();
     this.fromJSON(data);
   }
 
-  protected fromJSON(data: __experimental_CommerceFeatureJSON | null): this {
+  protected fromJSON(data: CommerceFeatureJSON | null): this {
     if (!data) {
       return this;
     }
diff --git a/packages/clerk-js/src/core/resources/CommerceInvoice.ts b/packages/clerk-js/src/core/resources/CommerceInvoice.ts
index 911880daf7b..8f47d6b818d 100644
--- a/packages/clerk-js/src/core/resources/CommerceInvoice.ts
+++ b/packages/clerk-js/src/core/resources/CommerceInvoice.ts
@@ -1,26 +1,26 @@
 import type {
-  __experimental_CommerceInvoiceJSON,
-  __experimental_CommerceInvoiceResource,
-  __experimental_CommerceInvoiceStatus,
-  __experimental_CommerceInvoiceTotals,
+  CommerceInvoiceJSON,
+  CommerceInvoiceResource,
+  CommerceInvoiceStatus,
+  CommerceInvoiceTotals,
 } from '@clerk/types';
 
 import { commerceTotalsFromJSON } from '../../utils';
 import { BaseResource } from './internal';
 
-export class __experimental_CommerceInvoice extends BaseResource implements __experimental_CommerceInvoiceResource {
+export class CommerceInvoice extends BaseResource implements CommerceInvoiceResource {
   id!: string;
   paymentDueOn!: number;
   paidOn!: number;
-  status!: __experimental_CommerceInvoiceStatus;
-  totals!: __experimental_CommerceInvoiceTotals;
+  status!: CommerceInvoiceStatus;
+  totals!: CommerceInvoiceTotals;
 
-  constructor(data: __experimental_CommerceInvoiceJSON) {
+  constructor(data: CommerceInvoiceJSON) {
     super();
     this.fromJSON(data);
   }
 
-  protected fromJSON(data: __experimental_CommerceInvoiceJSON | null): this {
+  protected fromJSON(data: CommerceInvoiceJSON | null): this {
     if (!data) {
       return this;
     }
diff --git a/packages/clerk-js/src/core/resources/CommercePaymentSource.ts b/packages/clerk-js/src/core/resources/CommercePaymentSource.ts
index 5dbded2b4b1..81b4fb73858 100644
--- a/packages/clerk-js/src/core/resources/CommercePaymentSource.ts
+++ b/packages/clerk-js/src/core/resources/CommercePaymentSource.ts
@@ -1,34 +1,29 @@
 import type {
-  __experimental_CommerceInitializedPaymentSourceJSON,
-  __experimental_CommerceInitializedPaymentSourceResource,
-  __experimental_CommercePaymentSourceJSON,
-  __experimental_CommercePaymentSourceResource,
-  __experimental_CommercePaymentSourceStatus,
-  __experimental_MakeDefaultPaymentSourceParams,
-  __experimental_RemovePaymentSourceParams,
+  CommerceInitializedPaymentSourceJSON,
+  CommerceInitializedPaymentSourceResource,
+  CommercePaymentSourceJSON,
+  CommercePaymentSourceResource,
+  CommercePaymentSourceStatus,
   DeletedObjectJSON,
 } from '@clerk/types';
 
 import { BaseResource, DeletedObject } from './internal';
 
-export class __experimental_CommercePaymentSource
-  extends BaseResource
-  implements __experimental_CommercePaymentSourceResource
-{
+export class CommercePaymentSource extends BaseResource implements CommercePaymentSourceResource {
   id!: string;
   last4!: string;
   paymentMethod!: string;
   cardType!: string;
   isDefault!: boolean;
-  status!: __experimental_CommercePaymentSourceStatus;
+  status!: CommercePaymentSourceStatus;
   walletType: string | undefined;
 
-  constructor(data: __experimental_CommercePaymentSourceJSON) {
+  constructor(data: CommercePaymentSourceJSON) {
     super();
     this.fromJSON(data);
   }
 
-  protected fromJSON(data: __experimental_CommercePaymentSourceJSON | null): this {
+  protected fromJSON(data: CommercePaymentSourceJSON | null): this {
     if (!data) {
       return this;
     }
@@ -44,7 +39,7 @@ export class __experimental_CommercePaymentSource
     return this;
   }
 
-  public async remove(params?: __experimental_RemovePaymentSourceParams) {
+  public async remove(params?: RemovePaymentSourceParams) {
     const { orgId } = params ?? {};
     const json = (
       await BaseResource._fetch({
@@ -58,7 +53,7 @@ export class __experimental_CommercePaymentSource
     return new DeletedObject(json);
   }
 
-  public async makeDefault(params?: __experimental_MakeDefaultPaymentSourceParams) {
+  public async makeDefault(params?: MakeDefaultPaymentSourceParams) {
     const { orgId } = params ?? {};
     await BaseResource._fetch({
       path: orgId
@@ -72,19 +67,16 @@ export class __experimental_CommercePaymentSource
   }
 }
 
-export class __experimental_CommerceInitializedPaymentSource
-  extends BaseResource
-  implements __experimental_CommerceInitializedPaymentSourceResource
-{
+export class CommerceInitializedPaymentSource extends BaseResource implements CommerceInitializedPaymentSourceResource {
   externalClientSecret!: string;
   externalGatewayId!: string;
 
-  constructor(data: __experimental_CommerceInitializedPaymentSourceJSON) {
+  constructor(data: CommerceInitializedPaymentSourceJSON) {
     super();
     this.fromJSON(data);
   }
 
-  protected fromJSON(data: __experimental_CommerceInitializedPaymentSourceJSON | null): this {
+  protected fromJSON(data: CommerceInitializedPaymentSourceJSON | null): this {
     if (!data) {
       return this;
     }
diff --git a/packages/clerk-js/src/core/resources/CommercePlan.ts b/packages/clerk-js/src/core/resources/CommercePlan.ts
index 416b0e7523b..12ae0d0d04a 100644
--- a/packages/clerk-js/src/core/resources/CommercePlan.ts
+++ b/packages/clerk-js/src/core/resources/CommercePlan.ts
@@ -1,8 +1,8 @@
-import type { __experimental_CommercePlanJSON, __experimental_CommercePlanResource } from '@clerk/types';
+import type { CommercePlanJSON, CommercePlanResource } from '@clerk/types';
 
-import { __experimental_CommerceFeature, BaseResource } from './internal';
+import { BaseResource, CommerceFeature } from './internal';
 
-export class __experimental_CommercePlan extends BaseResource implements __experimental_CommercePlanResource {
+export class CommercePlan extends BaseResource implements CommercePlanResource {
   id!: string;
   name!: string;
   amount!: number;
@@ -19,14 +19,14 @@ export class __experimental_CommercePlan extends BaseResource implements __exper
   publiclyVisible!: boolean;
   slug!: string;
   avatarUrl!: string;
-  features!: __experimental_CommerceFeature[];
+  features!: CommerceFeature[];
 
-  constructor(data: __experimental_CommercePlanJSON) {
+  constructor(data: CommercePlanJSON) {
     super();
     this.fromJSON(data);
   }
 
-  protected fromJSON(data: __experimental_CommercePlanJSON | null): this {
+  protected fromJSON(data: CommercePlanJSON | null): this {
     if (!data) {
       return this;
     }
@@ -47,7 +47,7 @@ export class __experimental_CommercePlan extends BaseResource implements __exper
     this.publiclyVisible = data.publicly_visible;
     this.slug = data.slug;
     this.avatarUrl = data.avatar_url;
-    this.features = data.features.map(feature => new __experimental_CommerceFeature(feature));
+    this.features = data.features.map(feature => new CommerceFeature(feature));
 
     return this;
   }
diff --git a/packages/clerk-js/src/core/resources/CommerceProduct.ts b/packages/clerk-js/src/core/resources/CommerceProduct.ts
index cf7de1b42cb..d36da43bf18 100644
--- a/packages/clerk-js/src/core/resources/CommerceProduct.ts
+++ b/packages/clerk-js/src/core/resources/CommerceProduct.ts
@@ -1,20 +1,20 @@
-import type { __experimental_CommerceProductJSON, __experimental_CommerceProductResource } from '@clerk/types';
+import type { CommerceProductJSON, CommerceProductResource } from '@clerk/types';
 
-import { __experimental_CommercePlan, BaseResource } from './internal';
+import { BaseResource, CommercePlan } from './internal';
 
-export class __experimental_CommerceProduct extends BaseResource implements __experimental_CommerceProductResource {
+export class CommerceProduct extends BaseResource implements CommerceProductResource {
   id!: string;
   slug!: string;
   currency!: string;
   isDefault!: boolean;
-  plans!: __experimental_CommercePlan[];
+  plans!: CommercePlan[];
 
-  constructor(data: __experimental_CommerceProductJSON) {
+  constructor(data: CommerceProductJSON) {
     super();
     this.fromJSON(data);
   }
 
-  protected fromJSON(data: __experimental_CommerceProductJSON | null): this {
+  protected fromJSON(data: CommerceProductJSON | null): this {
     if (!data) {
       return this;
     }
@@ -23,7 +23,7 @@ export class __experimental_CommerceProduct extends BaseResource implements __ex
     this.slug = data.slug;
     this.currency = data.currency;
     this.isDefault = data.is_default;
-    this.plans = data.plans.map(plan => new __experimental_CommercePlan(plan));
+    this.plans = data.plans.map(plan => new CommercePlan(plan));
 
     return this;
   }
diff --git a/packages/clerk-js/src/core/resources/CommerceSettings.ts b/packages/clerk-js/src/core/resources/CommerceSettings.ts
index 264bad9b8a6..bce56538fb1 100644
--- a/packages/clerk-js/src/core/resources/CommerceSettings.ts
+++ b/packages/clerk-js/src/core/resources/CommerceSettings.ts
@@ -1,32 +1,24 @@
-import type {
-  __experimental_CommerceSettingsJSON,
-  __experimental_CommerceSettingsJSONSnapshot,
-  __experimental_CommerceSettingsResource,
-} from '@clerk/types';
+import type { CommerceSettingsJSON, CommerceSettingsJSONSnapshot, CommerceSettingsResource } from '@clerk/types';
 
 import { BaseResource } from './internal';
 
 /**
  * @internal
  */
-export class __experimental_CommerceSettings extends BaseResource implements __experimental_CommerceSettingsResource {
-  billing: __experimental_CommerceSettingsResource['billing'] = {
+export class CommerceSettings extends BaseResource implements CommerceSettingsResource {
+  billing: CommerceSettingsResource['billing'] = {
     stripePublishableKey: '',
     enabled: false,
     hasPaidUserPlans: false,
     hasPaidOrgPlans: false,
   };
 
-  public constructor(
-    data: __experimental_CommerceSettingsJSON | __experimental_CommerceSettingsJSONSnapshot | null = null,
-  ) {
+  public constructor(data: CommerceSettingsJSON | CommerceSettingsJSONSnapshot | null = null) {
     super();
     this.fromJSON(data);
   }
 
-  protected fromJSON(
-    data: __experimental_CommerceSettingsJSON | __experimental_CommerceSettingsJSONSnapshot | null,
-  ): this {
+  protected fromJSON(data: CommerceSettingsJSON | CommerceSettingsJSONSnapshot | null): this {
     if (!data) {
       return this;
     }
@@ -40,7 +32,7 @@ export class __experimental_CommerceSettings extends BaseResource implements __e
     return this;
   }
 
-  public __internal_toSnapshot(): __experimental_CommerceSettingsJSONSnapshot {
+  public __internal_toSnapshot(): CommerceSettingsJSONSnapshot {
     return {
       billing: {
         stripe_publishable_key: this.billing.stripePublishableKey,
@@ -48,6 +40,6 @@ export class __experimental_CommerceSettings extends BaseResource implements __e
         has_paid_user_plans: this.billing.hasPaidUserPlans,
         has_paid_org_plans: this.billing.hasPaidOrgPlans,
       },
-    } as unknown as __experimental_CommerceSettingsJSONSnapshot;
+    } as unknown as CommerceSettingsJSONSnapshot;
   }
 }
diff --git a/packages/clerk-js/src/core/resources/CommerceSubscription.ts b/packages/clerk-js/src/core/resources/CommerceSubscription.ts
index 3e880fc6e78..1a4261162a8 100644
--- a/packages/clerk-js/src/core/resources/CommerceSubscription.ts
+++ b/packages/clerk-js/src/core/resources/CommerceSubscription.ts
@@ -1,39 +1,36 @@
 import type {
-  __experimental_CancelSubscriptionParams,
-  __experimental_CommerceSubscriptionJSON,
-  __experimental_CommerceSubscriptionPlanPeriod,
-  __experimental_CommerceSubscriptionResource,
-  __experimental_CommerceSubscriptionStatus,
+  CancelSubscriptionParams,
+  CommerceSubscriptionJSON,
+  CommerceSubscriptionPlanPeriod,
+  CommerceSubscriptionResource,
+  CommerceSubscriptionStatus,
   DeletedObjectJSON,
 } from '@clerk/types';
 
-import { __experimental_CommercePlan, BaseResource, DeletedObject } from './internal';
+import { BaseResource, CommercePlan, DeletedObject } from './internal';
 
-export class __experimental_CommerceSubscription
-  extends BaseResource
-  implements __experimental_CommerceSubscriptionResource
-{
+export class CommerceSubscription extends BaseResource implements CommerceSubscriptionResource {
   id!: string;
   paymentSourceId!: string;
-  plan!: __experimental_CommercePlan;
-  planPeriod!: __experimental_CommerceSubscriptionPlanPeriod;
-  status!: __experimental_CommerceSubscriptionStatus;
+  plan!: CommercePlan;
+  planPeriod!: CommerceSubscriptionPlanPeriod;
+  status!: CommerceSubscriptionStatus;
   periodStart!: number;
   periodEnd!: number;
   canceledAt!: number | null;
-  constructor(data: __experimental_CommerceSubscriptionJSON) {
+  constructor(data: CommerceSubscriptionJSON) {
     super();
     this.fromJSON(data);
   }
 
-  protected fromJSON(data: __experimental_CommerceSubscriptionJSON | null): this {
+  protected fromJSON(data: CommerceSubscriptionJSON | null): this {
     if (!data) {
       return this;
     }
 
     this.id = data.id;
     this.paymentSourceId = data.payment_source_id;
-    this.plan = new __experimental_CommercePlan(data.plan);
+    this.plan = new CommercePlan(data.plan);
     this.planPeriod = data.plan_period;
     this.status = data.status;
     this.periodStart = data.period_start;
@@ -42,7 +39,7 @@ export class __experimental_CommerceSubscription
     return this;
   }
 
-  public async cancel(params: __experimental_CancelSubscriptionParams) {
+  public async cancel(params: CancelSubscriptionParams) {
     const { orgId } = params;
     const json = (
       await BaseResource._fetch({
diff --git a/packages/clerk-js/src/core/resources/Environment.ts b/packages/clerk-js/src/core/resources/Environment.ts
index 9a13e2211cc..e0bb18b426b 100644
--- a/packages/clerk-js/src/core/resources/Environment.ts
+++ b/packages/clerk-js/src/core/resources/Environment.ts
@@ -1,6 +1,6 @@
 import type {
-  __experimental_CommerceSettingsResource,
   AuthConfigResource,
+  CommerceSettingsResource,
   DisplayConfigResource,
   EnvironmentJSON,
   EnvironmentJSONSnapshot,
@@ -10,7 +10,7 @@ import type {
 } from '@clerk/types';
 
 import { eventBus, events } from '../../core/events';
-import { __experimental_CommerceSettings, AuthConfig, BaseResource, DisplayConfig, UserSettings } from './internal';
+import { AuthConfig, BaseResource, CommerceSettings, DisplayConfig, UserSettings } from './internal';
 import { OrganizationSettings } from './OrganizationSettings';
 
 export class Environment extends BaseResource implements EnvironmentResource {
@@ -22,7 +22,7 @@ export class Environment extends BaseResource implements EnvironmentResource {
   pathRoot = '/environment';
   userSettings: UserSettingsResource = new UserSettings();
   organizationSettings: OrganizationSettingsResource = new OrganizationSettings();
-  __experimental_commerceSettings: __experimental_CommerceSettingsResource = new __experimental_CommerceSettings();
+  commerceSettings: CommerceSettingsResource = new CommerceSettings();
 
   public static getInstance(): Environment {
     if (!Environment.instance) {
@@ -48,7 +48,7 @@ export class Environment extends BaseResource implements EnvironmentResource {
     this.maintenanceMode = this.withDefault(data.maintenance_mode, this.maintenanceMode);
     this.organizationSettings = new OrganizationSettings(data.organization_settings);
     this.userSettings = new UserSettings(data.user_settings);
-    this.__experimental_commerceSettings = new __experimental_CommerceSettings(data.commerce_settings);
+    this.commerceSettings = new CommerceSettings(data.commerce_settings);
 
     return this;
   }
@@ -87,7 +87,7 @@ export class Environment extends BaseResource implements EnvironmentResource {
       maintenance_mode: this.maintenanceMode,
       organization_settings: this.organizationSettings.__internal_toSnapshot(),
       user_settings: this.userSettings.__internal_toSnapshot(),
-      commerce_settings: this.__experimental_commerceSettings.__internal_toSnapshot(),
+      commerce_settings: this.commerceSettings.__internal_toSnapshot(),
     };
   }
 }
diff --git a/packages/clerk-js/src/core/resources/Organization.ts b/packages/clerk-js/src/core/resources/Organization.ts
index e452cb35742..922d3988023 100644
--- a/packages/clerk-js/src/core/resources/Organization.ts
+++ b/packages/clerk-js/src/core/resources/Organization.ts
@@ -1,10 +1,9 @@
 import type {
-  __experimental_CommerceSubscriptionJSON,
-  __experimental_CommerceSubscriptionResource,
-  __experimental_GetSubscriptionsParams,
   AddMemberParams,
   ClerkPaginatedResponse,
   ClerkResourceReloadParams,
+  CommerceSubscriptionJSON,
+  CommerceSubscriptionResource,
   CreateOrganizationParams,
   GetDomainsParams,
   GetInvitationsParams,
@@ -31,12 +30,7 @@ import type {
 
 import { convertPageToOffsetSearchParams } from '../../utils/convertPageToOffsetSearchParams';
 import { unixEpochToDate } from '../../utils/date';
-import {
-  __experimental_CommerceSubscription,
-  BaseResource,
-  OrganizationInvitation,
-  OrganizationMembership,
-} from './internal';
+import { BaseResource, CommerceSubscription, OrganizationInvitation, OrganizationMembership } from './internal';
 import { OrganizationDomain } from './OrganizationDomain';
 import { OrganizationMembershipRequest } from './OrganizationMembershipRequest';
 import { Role } from './Role';
@@ -237,20 +231,20 @@ export class Organization extends BaseResource implements OrganizationResource {
     }).then(res => new OrganizationMembership(res?.response as OrganizationMembershipJSON));
   };
 
-  __experimental_getSubscriptions = async (
-    getSubscriptionsParams?: __experimental_GetSubscriptionsParams,
-  ): Promise<ClerkPaginatedResponse<__experimental_CommerceSubscriptionResource>> => {
+  getSubscriptions = async (
+    getSubscriptionsParams?: GetSubscriptionsParams,
+  ): Promise<ClerkPaginatedResponse<CommerceSubscriptionResource>> => {
     return await BaseResource._fetch({
       path: `/organizations/${this.id}/subscriptions`,
       method: 'GET',
       search: convertPageToOffsetSearchParams(getSubscriptionsParams),
     }).then(res => {
       const { data: subscriptions, total_count } =
-        res?.response as unknown as ClerkPaginatedResponse<__experimental_CommerceSubscriptionJSON>;
+        res?.response as unknown as ClerkPaginatedResponse<CommerceSubscriptionJSON>;
 
       return {
         total_count,
-        data: subscriptions.map(subscription => new __experimental_CommerceSubscription(subscription)),
+        data: subscriptions.map(subscription => new CommerceSubscription(subscription)),
       };
     });
   };
diff --git a/packages/clerk-js/src/core/resources/__tests__/__snapshots__/Environment.test.ts.snap b/packages/clerk-js/src/core/resources/__tests__/__snapshots__/Environment.test.ts.snap
index 1bfc20011b4..8e639f301a5 100644
--- a/packages/clerk-js/src/core/resources/__tests__/__snapshots__/Environment.test.ts.snap
+++ b/packages/clerk-js/src/core/resources/__tests__/__snapshots__/Environment.test.ts.snap
@@ -275,7 +275,7 @@ exports[`Environment __internal_toSnapshot() 1`] = `
 
 exports[`Environment defaults values when instantiated without arguments 1`] = `
 Environment {
-  "__experimental_commerceSettings": __experimental_CommerceSettings {
+  "commerceSettings": CommerceSettings {
     "billing": {
       "enabled": false,
       "hasPaidOrgPlans": false,
@@ -506,7 +506,7 @@ Environment {
 
 exports[`Environment has the same initial properties 1`] = `
 Environment {
-  "__experimental_commerceSettings": __experimental_CommerceSettings {
+  "commerceSettings": CommerceSettings {
     "billing": {
       "enabled": false,
       "hasPaidOrgPlans": false,
diff --git a/packages/clerk-js/src/ui/components/Checkout/CheckoutComplete.tsx b/packages/clerk-js/src/ui/components/Checkout/CheckoutComplete.tsx
index 0f50ddf59c8..bd536dbdd7b 100644
--- a/packages/clerk-js/src/ui/components/Checkout/CheckoutComplete.tsx
+++ b/packages/clerk-js/src/ui/components/Checkout/CheckoutComplete.tsx
@@ -1,4 +1,4 @@
-import type { __experimental_CommerceCheckoutResource } from '@clerk/types';
+import type { CommerceCheckoutResource } from '@clerk/types';
 
 import { useCheckoutContext } from '../../contexts';
 import { Box, Button, descriptors, Heading, localizationKeys, Span, Text } from '../../customizables';
@@ -14,7 +14,7 @@ export const CheckoutComplete = ({
   checkout,
   isMotionSafe,
 }: {
-  checkout: __experimental_CommerceCheckoutResource;
+  checkout: CommerceCheckoutResource;
   isMotionSafe: boolean;
 }) => {
   const router = useRouter();
@@ -156,8 +156,8 @@ export const CheckoutComplete = ({
               textVariant='h2'
               localizationKey={
                 checkout.totals.totalDueNow.amount > 0
-                  ? localizationKeys('__experimental_commerce.checkout.title__paymentSuccessful')
-                  : localizationKeys('__experimental_commerce.checkout.title__subscriptionSuccessful')
+                  ? localizationKeys('commerce.checkout.title__paymentSuccessful')
+                  : localizationKeys('commerce.checkout.title__subscriptionSuccessful')
               }
               sx={{
                 opacity: 0,
@@ -210,8 +210,8 @@ export const CheckoutComplete = ({
               })}
               localizationKey={
                 checkout.totals.totalDueNow.amount > 0
-                  ? localizationKeys('__experimental_commerce.checkout.description__paymentSuccessful')
-                  : localizationKeys('__experimental_commerce.checkout.description__subscriptionSuccessful')
+                  ? localizationKeys('commerce.checkout.description__paymentSuccessful')
+                  : localizationKeys('commerce.checkout.description__subscriptionSuccessful')
               }
             />
           </Span>
@@ -240,7 +240,7 @@ export const CheckoutComplete = ({
       >
         <LineItems.Root>
           <LineItems.Group variant='secondary'>
-            <LineItems.Title title={localizationKeys('__experimental_commerce.checkout.lineItems.title__totalPaid')} />
+            <LineItems.Title title={localizationKeys('commerce.checkout.lineItems.title__totalPaid')} />
             <LineItems.Description
               text={`${checkout.totals.totalDueNow.currencySymbol}${checkout.totals.totalDueNow.amountFormatted}`}
             />
@@ -249,8 +249,8 @@ export const CheckoutComplete = ({
             <LineItems.Title
               title={
                 checkout.totals.totalDueNow.amount > 0
-                  ? localizationKeys('__experimental_commerce.checkout.lineItems.title__paymentMethod')
-                  : localizationKeys('__experimental_commerce.checkout.lineItems.title__subscriptionBegins')
+                  ? localizationKeys('commerce.checkout.lineItems.title__paymentMethod')
+                  : localizationKeys('commerce.checkout.lineItems.title__subscriptionBegins')
               }
             />
             <LineItems.Description
diff --git a/packages/clerk-js/src/ui/components/Checkout/CheckoutForm.tsx b/packages/clerk-js/src/ui/components/Checkout/CheckoutForm.tsx
index 2f5eab35547..81cae6377c5 100644
--- a/packages/clerk-js/src/ui/components/Checkout/CheckoutForm.tsx
+++ b/packages/clerk-js/src/ui/components/Checkout/CheckoutForm.tsx
@@ -1,11 +1,11 @@
 import { useClerk, useOrganization, useUser } from '@clerk/shared/react';
 import type {
-  __experimental_CommerceCheckoutResource,
-  __experimental_CommerceMoney,
-  __experimental_CommercePaymentSourceResource,
-  __experimental_ConfirmCheckoutParams,
   ClerkAPIError,
   ClerkRuntimeError,
+  CommerceCheckoutResource,
+  CommerceMoney,
+  CommercePaymentSourceResource,
+  ConfirmCheckoutParams,
 } from '@clerk/types';
 import type { SetupIntent } from '@stripe/stripe-js';
 import { useEffect, useMemo, useState } from 'react';
@@ -27,8 +27,8 @@ export const CheckoutForm = ({
   checkout,
   onCheckoutComplete,
 }: {
-  checkout: __experimental_CommerceCheckoutResource;
-  onCheckoutComplete: (checkout: __experimental_CommerceCheckoutResource) => void;
+  checkout: CommerceCheckoutResource;
+  onCheckoutComplete: (checkout: CommerceCheckoutResource) => void;
 }) => {
   const { plan, planPeriod, totals, isImmediatePlanChange } = checkout;
   const showCredits =
@@ -106,10 +106,10 @@ const CheckoutFormElements = ({
   checkout,
   onCheckoutComplete,
 }: {
-  checkout: __experimental_CommerceCheckoutResource;
-  onCheckoutComplete: (checkout: __experimental_CommerceCheckoutResource) => void;
+  checkout: CommerceCheckoutResource;
+  onCheckoutComplete: (checkout: CommerceCheckoutResource) => void;
 }) => {
-  const { __experimental_commerce } = useClerk();
+  const { commerce } = useClerk();
   const { user } = useUser();
   const { organization } = useOrganization();
   const { subscriberType } = useCheckoutContext();
@@ -119,7 +119,7 @@ const CheckoutFormElements = ({
   const [submitError, setSubmitError] = useState<ClerkRuntimeError | ClerkAPIError | string | undefined>();
 
   const { data, revalidate: revalidatePaymentSources } = useFetch(
-    __experimental_commerce?.getPaymentSources,
+    commerce?.getPaymentSources,
     {
       ...(subscriberType === 'org' ? { orgId: organization?.id } : {}),
     },
@@ -132,7 +132,7 @@ const CheckoutFormElements = ({
     setPaymentMethodSource(paymentSources.length > 0 ? 'existing' : 'new');
   }, [paymentSources]);
 
-  const confirmCheckout = async (params: __experimental_ConfirmCheckoutParams) => {
+  const confirmCheckout = async (params: ConfirmCheckoutParams) => {
     try {
       const newCheckout = await checkout.confirm({
         ...params,
@@ -230,12 +230,9 @@ const CheckoutFormElements = ({
           // @ts-ignore TODO(@COMMERCE): needs localization
           submitLabel={
             checkout.totals.totalDueNow.amount > 0
-              ? localizationKeys(
-                  'userProfile.__experimental_billingPage.paymentSourcesSection.formButtonPrimary__pay',
-                  {
-                    amount: `${checkout.totals.totalDueNow.currencySymbol}${checkout.totals.totalDueNow.amountFormatted}`,
-                  },
-                )
+              ? localizationKeys('userProfile.billingPage.paymentSourcesSection.formButtonPrimary__pay', {
+                  amount: `${checkout.totals.totalDueNow.currencySymbol}${checkout.totals.totalDueNow.amountFormatted}`,
+                })
               : 'Subscribe'
           }
           submitError={submitError}
@@ -255,16 +252,16 @@ const ExistingPaymentSourceForm = ({
   isSubmitting,
   submitError,
 }: {
-  checkout: __experimental_CommerceCheckoutResource;
-  totalDueNow: __experimental_CommerceMoney;
-  paymentSources: __experimental_CommercePaymentSourceResource[];
+  checkout: CommerceCheckoutResource;
+  totalDueNow: CommerceMoney;
+  paymentSources: CommercePaymentSourceResource[];
   onPaymentSourceSubmit: React.FormEventHandler<HTMLFormElement>;
   isSubmitting: boolean;
   submitError: ClerkRuntimeError | ClerkAPIError | string | undefined;
 }) => {
-  const [selectedPaymentSource, setSelectedPaymentSource] = useState<
-    __experimental_CommercePaymentSourceResource | undefined
-  >(checkout.paymentSource || paymentSources.find(p => p.isDefault));
+  const [selectedPaymentSource, setSelectedPaymentSource] = useState<CommercePaymentSourceResource | undefined>(
+    checkout.paymentSource || paymentSources.find(p => p.isDefault),
+  );
 
   const options = useMemo(() => {
     return paymentSources.map(source => {
diff --git a/packages/clerk-js/src/ui/components/Checkout/CheckoutPage.tsx b/packages/clerk-js/src/ui/components/Checkout/CheckoutPage.tsx
index 50681015b23..2f51685b445 100644
--- a/packages/clerk-js/src/ui/components/Checkout/CheckoutPage.tsx
+++ b/packages/clerk-js/src/ui/components/Checkout/CheckoutPage.tsx
@@ -1,8 +1,4 @@
-import type {
-  __experimental_CheckoutProps,
-  __experimental_CommerceCheckoutResource,
-  ClerkAPIError,
-} from '@clerk/types';
+import type { ClerkAPIError, CommerceCheckoutResource } from '@clerk/types';
 import { useEffect } from 'react';
 
 import { Alert, Box, Flex, localizationKeys, Spinner, useAppearance, useLocalizations } from '../../customizables';
@@ -12,7 +8,7 @@ import { EmailForm } from '../UserProfile/EmailForm';
 import { CheckoutComplete } from './CheckoutComplete';
 import { CheckoutForm } from './CheckoutForm';
 
-export const CheckoutPage = (props: __experimental_CheckoutProps) => {
+export const CheckoutPage = (props: CheckoutProps) => {
   const { translateError } = useLocalizations();
   const { planId, planPeriod, subscriberType, onSubscriptionComplete } = props;
   const { setIsOpen, isOpen } = useDrawerContext();
@@ -28,7 +24,7 @@ export const CheckoutPage = (props: __experimental_CheckoutProps) => {
 
   const isMissingPayerEmail = !!errors?.some((e: ClerkAPIError) => e.code === 'missing_payer_email');
 
-  const onCheckoutComplete = (newCheckout: __experimental_CommerceCheckoutResource) => {
+  const onCheckoutComplete = (newCheckout: CommerceCheckoutResource) => {
     invalidate(); // invalidate the initial checkout on complete
     updateCheckout(newCheckout);
     onSubscriptionComplete?.();
@@ -77,8 +73,8 @@ export const CheckoutPage = (props: __experimental_CheckoutProps) => {
           })}
         >
           <EmailForm
-            title={localizationKeys('__experimental_commerce.checkout.emailForm.title')}
-            subtitle={localizationKeys('__experimental_commerce.checkout.emailForm.subtitle')}
+            title={localizationKeys('commerce.checkout.emailForm.title')}
+            subtitle={localizationKeys('commerce.checkout.emailForm.subtitle')}
             onSuccess={revalidate}
             onReset={() => setIsOpen(false)}
             disableAutoFocus
diff --git a/packages/clerk-js/src/ui/components/Invoices/InvoicesList.tsx b/packages/clerk-js/src/ui/components/Invoices/InvoicesList.tsx
index b8ca2a6544a..76c2600fcfd 100644
--- a/packages/clerk-js/src/ui/components/Invoices/InvoicesList.tsx
+++ b/packages/clerk-js/src/ui/components/Invoices/InvoicesList.tsx
@@ -1,4 +1,4 @@
-import type { __experimental_CommerceInvoiceResource, __experimental_CommerceInvoiceStatus } from '@clerk/types';
+import type { CommerceInvoiceResource, CommerceInvoiceStatus } from '@clerk/types';
 import React from 'react';
 
 import { useInvoicesContext } from '../../contexts';
@@ -50,7 +50,7 @@ export const InvoicesList = () => {
   );
 };
 
-const InvoicesListRow = ({ invoice }: { invoice: __experimental_CommerceInvoiceResource }) => {
+const InvoicesListRow = ({ invoice }: { invoice: CommerceInvoiceResource }) => {
   const {
     paymentDueOn,
     id,
@@ -58,7 +58,7 @@ const InvoicesListRow = ({ invoice }: { invoice: __experimental_CommerceInvoiceR
     totals: { grandTotal },
   } = invoice;
   const { navigate } = useRouter();
-  const badgeColorSchemeMap: Record<__experimental_CommerceInvoiceStatus, 'success' | 'warning' | 'danger'> = {
+  const badgeColorSchemeMap: Record<CommerceInvoiceStatus, 'success' | 'warning' | 'danger'> = {
     paid: 'success',
     unpaid: 'warning',
     past_due: 'danger',
diff --git a/packages/clerk-js/src/ui/components/PaymentSources/AddPaymentSource.tsx b/packages/clerk-js/src/ui/components/PaymentSources/AddPaymentSource.tsx
index 7a21331b9c4..daeb1e312b8 100644
--- a/packages/clerk-js/src/ui/components/PaymentSources/AddPaymentSource.tsx
+++ b/packages/clerk-js/src/ui/components/PaymentSources/AddPaymentSource.tsx
@@ -1,5 +1,5 @@
 import { useClerk, useOrganization, useUser } from '@clerk/shared/react';
-import type { __experimental_CommerceCheckoutResource, ClerkAPIError, ClerkRuntimeError } from '@clerk/types';
+import type { ClerkAPIError, ClerkRuntimeError, CommerceCheckoutResource } from '@clerk/types';
 import { Elements, PaymentElement, useElements, useStripe } from '@stripe/react-stripe-js';
 import type { Appearance as StripeAppearance, SetupIntent, Stripe } from '@stripe/stripe-js';
 import { loadStripe } from '@stripe/stripe-js';
@@ -16,7 +16,7 @@ import { handleError, normalizeColorString } from '../../utils';
 
 type AddPaymentSourceProps = {
   onSuccess: (context: { stripeSetupIntent?: SetupIntent }) => Promise<void>;
-  checkout?: __experimental_CommerceCheckoutResource;
+  checkout?: CommerceCheckoutResource;
   submitLabel?: LocalizationKey;
   cancelAction?: () => void;
   submitError?: ClerkRuntimeError | ClerkAPIError | string | undefined;
@@ -37,8 +37,8 @@ export const AddPaymentSource = (props: AddPaymentSourceProps) => {
     onPayWithTestPaymentSourceSuccess,
     showPayWithTestCardSection,
   } = props;
-  const { __experimental_commerce } = useClerk();
-  const { __experimental_commerceSettings } = useEnvironment();
+  const { commerce } = useClerk();
+  const { commerceSettings } = useEnvironment();
   const { organization } = useOrganization();
   const { user } = useUser();
   const subscriberType = useSubscriberTypeContext();
@@ -73,7 +73,7 @@ export const AddPaymentSource = (props: AddPaymentSourceProps) => {
     invalidate,
     revalidate: revalidateInitializedPaymentSource,
   } = useFetch(
-    __experimental_commerce.initializePaymentSource,
+    commerce.initializePaymentSource,
     {
       gateway: 'stripe',
       ...(subscriberType === 'org' ? { orgId: organization?.id } : {}),
@@ -85,7 +85,7 @@ export const AddPaymentSource = (props: AddPaymentSourceProps) => {
   const externalGatewayId = initializedPaymentSource?.externalGatewayId;
   const externalClientSecret = initializedPaymentSource?.externalClientSecret;
 
-  const stripePublishableKey = __experimental_commerceSettings.billing.stripePublishableKey;
+  const stripePublishableKey = commerceSettings.billing.stripePublishableKey;
 
   useEffect(() => {
     if (!stripePromiseRef.current && externalGatewayId && stripePublishableKey) {
@@ -102,7 +102,7 @@ export const AddPaymentSource = (props: AddPaymentSourceProps) => {
         setStripe(stripeInstance);
       });
     }
-  }, [externalGatewayId, externalClientSecret, stripePublishableKey, __experimental_commerceSettings]);
+  }, [externalGatewayId, externalClientSecret, stripePublishableKey, commerceSettings]);
 
   // invalidate the initialized payment source when the component unmounts
   useEffect(() => {
@@ -216,13 +216,9 @@ const AddPaymentSourceForm = withCardStateProvider(
 
     return (
       <FormContainer
-        headerTitle={
-          !checkout ? localizationKeys('userProfile.__experimental_billingPage.paymentSourcesSection.add') : undefined
-        }
+        headerTitle={!checkout ? localizationKeys('userProfile.billingPage.paymentSourcesSection.add') : undefined}
         headerSubtitle={
-          !checkout
-            ? localizationKeys('userProfile.__experimental_billingPage.paymentSourcesSection.addSubtitle')
-            : undefined
+          !checkout ? localizationKeys('userProfile.billingPage.paymentSourcesSection.addSubtitle') : undefined
         }
       >
         <Form.Root
@@ -334,8 +330,7 @@ const AddPaymentSourceForm = withCardStateProvider(
           )}
           <FormButtons
             submitLabel={
-              submitLabel ??
-              localizationKeys('userProfile.__experimental_billingPage.paymentSourcesSection.formButtonPrimary__add')
+              submitLabel ?? localizationKeys('userProfile.billingPage.paymentSourcesSection.formButtonPrimary__add')
             }
             onReset={cancelAction}
             hideReset={!cancelAction}
@@ -407,9 +402,7 @@ const PayWithTestPaymentSource = withCardStateProvider(
             type='button'
             block
             variant='bordered'
-            localizationKey={localizationKeys(
-              'userProfile.__experimental_billingPage.paymentSourcesSection.payWithTestCardButton',
-            )}
+            localizationKey={localizationKeys('userProfile.billingPage.paymentSourcesSection.payWithTestCardButton')}
             colorScheme='secondary'
             isLoading={isSubmitting}
             onClick={onPaymentSourceSubmit}
diff --git a/packages/clerk-js/src/ui/components/PaymentSources/PaymentSourceRow.tsx b/packages/clerk-js/src/ui/components/PaymentSources/PaymentSourceRow.tsx
index c6427cec301..bb9196a82b7 100644
--- a/packages/clerk-js/src/ui/components/PaymentSources/PaymentSourceRow.tsx
+++ b/packages/clerk-js/src/ui/components/PaymentSources/PaymentSourceRow.tsx
@@ -1,13 +1,9 @@
-import type { __experimental_CommercePaymentSourceResource } from '@clerk/types';
+import type { CommercePaymentSourceResource } from '@clerk/types';
 
 import { Badge, descriptors, Flex, Icon, localizationKeys, Text } from '../../customizables';
 import { ApplePay, CreditCard } from '../../icons';
 
-export const PaymentSourceRow = ({
-  paymentSource,
-}: {
-  paymentSource: __experimental_CommercePaymentSourceResource;
-}) => {
+export const PaymentSourceRow = ({ paymentSource }: { paymentSource: CommercePaymentSourceResource }) => {
   return (
     <Flex
       sx={{ overflow: 'hidden' }}
diff --git a/packages/clerk-js/src/ui/components/PaymentSources/PaymentSources.tsx b/packages/clerk-js/src/ui/components/PaymentSources/PaymentSources.tsx
index 729a58fbc3a..2fd7bda41bc 100644
--- a/packages/clerk-js/src/ui/components/PaymentSources/PaymentSources.tsx
+++ b/packages/clerk-js/src/ui/components/PaymentSources/PaymentSources.tsx
@@ -1,5 +1,5 @@
 import { useClerk, useOrganization, useUser } from '@clerk/shared/react';
-import type { __experimental_CommercePaymentSourceResource } from '@clerk/types';
+import type { CommercePaymentSourceResource } from '@clerk/types';
 import type { SetupIntent } from '@stripe/stripe-js';
 import { Fragment, useRef } from 'react';
 
@@ -16,12 +16,12 @@ import { PaymentSourceRow } from './PaymentSourceRow';
 
 const AddScreen = ({ onSuccess }: { onSuccess: () => void }) => {
   const { close } = useActionContext();
-  const { __experimental_commerce } = useClerk();
+  const { commerce } = useClerk();
   const subscriberType = useSubscriberTypeContext();
   const { organization } = useOrganization();
 
   const onAddPaymentSourceSuccess = async (context: { stripeSetupIntent?: SetupIntent }) => {
-    await __experimental_commerce.addPaymentSource({
+    await commerce.addPaymentSource({
       gateway: 'stripe',
       paymentToken: context.stripeSetupIntent?.payment_method as string,
       ...(subscriberType === 'org' ? { orgId: organization?.id } : {}),
@@ -43,7 +43,7 @@ const RemoveScreen = ({
   paymentSource,
   revalidate,
 }: {
-  paymentSource: __experimental_CommercePaymentSourceResource;
+  paymentSource: CommercePaymentSourceResource;
   revalidate: () => void;
 }) => {
   const { close } = useActionContext();
@@ -69,22 +69,14 @@ const RemoveScreen = ({
 
   return (
     <RemoveResourceForm
-      title={localizationKeys('userProfile.__experimental_billingPage.paymentSourcesSection.removeResource.title')}
-      messageLine1={localizationKeys(
-        'userProfile.__experimental_billingPage.paymentSourcesSection.removeResource.messageLine1',
-        {
-          identifier: ref.current,
-        },
-      )}
-      messageLine2={localizationKeys(
-        'userProfile.__experimental_billingPage.paymentSourcesSection.removeResource.messageLine2',
-      )}
-      successMessage={localizationKeys(
-        'userProfile.__experimental_billingPage.paymentSourcesSection.removeResource.successMessage',
-        {
-          emailAddress: ref.current,
-        },
-      )}
+      title={localizationKeys('userProfile.billingPage.paymentSourcesSection.removeResource.title')}
+      messageLine1={localizationKeys('userProfile.billingPage.paymentSourcesSection.removeResource.messageLine1', {
+        identifier: ref.current,
+      })}
+      messageLine2={localizationKeys('userProfile.billingPage.paymentSourcesSection.removeResource.messageLine2')}
+      successMessage={localizationKeys('userProfile.billingPage.paymentSourcesSection.removeResource.successMessage', {
+        emailAddress: ref.current,
+      })}
       deleteResource={removePaymentSource}
       onSuccess={close}
       onReset={close}
@@ -93,13 +85,13 @@ const RemoveScreen = ({
 };
 
 const PaymentSources = () => {
-  const { __experimental_commerce } = useClerk();
+  const { commerce } = useClerk();
   const { organization } = useOrganization();
   const subscriberType = useSubscriberTypeContext();
 
   const { user } = useUser();
   const { data, revalidate } = useFetch(
-    __experimental_commerce?.getPaymentSources,
+    commerce?.getPaymentSources,
     { ...(subscriberType === 'org' ? { orgId: organization?.id } : {}) },
     undefined,
     `commerce-payment-sources-${user?.id}`,
@@ -108,7 +100,7 @@ const PaymentSources = () => {
 
   return (
     <ProfileSection.Root
-      title={localizationKeys('userProfile.__experimental_billingPage.paymentSourcesSection.title')}
+      title={localizationKeys('userProfile.billingPage.paymentSourcesSection.title')}
       centered={false}
       id='profile'
       sx={t => ({
@@ -143,7 +135,7 @@ const PaymentSources = () => {
           <Action.Trigger value='add'>
             <ProfileSection.ArrowButton
               id='paymentSources'
-              localizationKey={localizationKeys('userProfile.__experimental_billingPage.paymentSourcesSection.add')}
+              localizationKey={localizationKeys('userProfile.billingPage.paymentSourcesSection.add')}
             />
           </Action.Trigger>
           <Action.Open value='add'>
@@ -157,13 +149,13 @@ const PaymentSources = () => {
   );
 };
 
-export const __experimental_PaymentSources = PaymentSources;
+export const PaymentSources = PaymentSources;
 
 const PaymentSourceMenu = ({
   paymentSource,
   revalidate,
 }: {
-  paymentSource: __experimental_CommercePaymentSourceResource;
+  paymentSource: CommercePaymentSourceResource;
   revalidate: () => void;
 }) => {
   const { open } = useActionContext();
@@ -173,7 +165,7 @@ const PaymentSourceMenu = ({
 
   const actions = [
     {
-      label: localizationKeys('userProfile.__experimental_billingPage.paymentSourcesSection.actionLabel__remove'),
+      label: localizationKeys('userProfile.billingPage.paymentSourcesSection.actionLabel__remove'),
       isDestructive: true,
       onClick: () => open(`remove-${paymentSource.id}`),
       isDisabled: paymentSource.isDefault,
@@ -182,7 +174,7 @@ const PaymentSourceMenu = ({
 
   if (!paymentSource.isDefault) {
     actions.unshift({
-      label: localizationKeys('userProfile.__experimental_billingPage.paymentSourcesSection.actionLabel__default'),
+      label: localizationKeys('userProfile.billingPage.paymentSourcesSection.actionLabel__default'),
       isDestructive: false,
       onClick: () => {
         paymentSource
diff --git a/packages/clerk-js/src/ui/components/Plans/PlanDetails.tsx b/packages/clerk-js/src/ui/components/Plans/PlanDetails.tsx
index 8c0f2e74b74..6782e3fb141 100644
--- a/packages/clerk-js/src/ui/components/Plans/PlanDetails.tsx
+++ b/packages/clerk-js/src/ui/components/Plans/PlanDetails.tsx
@@ -1,14 +1,13 @@
 import { useClerk, useOrganization } from '@clerk/shared/react';
 import type {
-  __experimental_CommercePlanResource,
-  __experimental_CommerceSubscriptionPlanPeriod,
-  __experimental_CommerceSubscriptionResource,
-  __experimental_PlanDetailsProps,
   ClerkAPIError,
   ClerkRuntimeError,
+  CommercePlanResource,
+  CommerceSubscriptionPlanPeriod,
+  CommerceSubscriptionResource,
 } from '@clerk/types';
-import { useState } from 'react';
 import * as React from 'react';
+import { useState } from 'react';
 
 import { PlansContextProvider, SubscriberTypeContext, usePlansContext, useSubscriberTypeContext } from '../../contexts';
 import {
@@ -28,7 +27,7 @@ import { Alert, Avatar, Drawer, SegmentedControl, useDrawerContext } from '../..
 import { InformationCircle } from '../../icons';
 import { formatDate, handleError } from '../../utils';
 
-export const PlanDetails = (props: __experimental_PlanDetailsProps) => {
+export const PlanDetails = (props: PlanDetailsProps) => {
   return (
     <SubscriberTypeContext.Provider value={props.subscriberType || 'user'}>
       <PlansContextProvider>
@@ -43,13 +42,13 @@ const PlanDetailsInternal = ({
   onSubscriptionCancel,
   portalRoot,
   planPeriod: _planPeriod = 'month',
-}: __experimental_PlanDetailsProps) => {
+}: PlanDetailsProps) => {
   const clerk = useClerk();
   const { organization } = useOrganization();
   const [showConfirmation, setShowConfirmation] = useState(false);
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [cancelError, setCancelError] = useState<ClerkRuntimeError | ClerkAPIError | string | undefined>();
-  const [planPeriod, setPlanPeriod] = useState<__experimental_CommerceSubscriptionPlanPeriod>(_planPeriod);
+  const [planPeriod, setPlanPeriod] = useState<CommerceSubscriptionPlanPeriod>(_planPeriod);
 
   const { setIsOpen } = useDrawerContext();
   const { activeOrUpcomingSubscription, revalidate, buttonPropsForPlan, isDefaultPlanImplicitlyActiveOrUpcoming } =
@@ -92,7 +91,7 @@ const PlanDetailsInternal = ({
   };
 
   type OpenCheckoutProps = {
-    planPeriod?: __experimental_CommerceSubscriptionPlanPeriod;
+    planPeriod?: CommerceSubscriptionPlanPeriod;
   };
 
   const openCheckout = (props?: OpenCheckoutProps) => {
@@ -142,7 +141,7 @@ const PlanDetailsInternal = ({
           <Text
             elementDescriptor={descriptors.planDetailCaption}
             variant={'caption'}
-            localizationKey={localizationKeys('__experimental_commerce.availableFeatures')}
+            localizationKey={localizationKeys('commerce.availableFeatures')}
             colorScheme='secondary'
             sx={t => ({
               padding: t.space.$4,
@@ -227,7 +226,7 @@ const PlanDetailsInternal = ({
                     colorScheme='secondary'
                     textVariant='buttonLarge'
                     onClick={() => openCheckout({ planPeriod: 'annual' })}
-                    localizationKey={localizationKeys('__experimental_commerce.switchToAnnual')}
+                    localizationKey={localizationKeys('commerce.switchToAnnual')}
                   />
                 ) : null}
                 <Button
@@ -236,7 +235,7 @@ const PlanDetailsInternal = ({
                   colorScheme='danger'
                   textVariant='buttonLarge'
                   onClick={() => setShowConfirmation(true)}
-                  localizationKey={localizationKeys('__experimental_commerce.cancelSubscription')}
+                  localizationKey={localizationKeys('commerce.cancelSubscription')}
                 />
               </Col>
             )
@@ -266,7 +265,7 @@ const PlanDetailsInternal = ({
                     setCancelError(undefined);
                     setShowConfirmation(false);
                   }}
-                  localizationKey={localizationKeys('__experimental_commerce.keepSubscription')}
+                  localizationKey={localizationKeys('commerce.keepSubscription')}
                 />
               )}
               <Button
@@ -280,7 +279,7 @@ const PlanDetailsInternal = ({
                   setShowConfirmation(false);
                   void cancelSubscription();
                 }}
-                localizationKey={localizationKeys('__experimental_commerce.cancelSubscription')}
+                localizationKey={localizationKeys('commerce.cancelSubscription')}
               />
             </>
           }
@@ -323,10 +322,10 @@ const PlanDetailsInternal = ({
  * -----------------------------------------------------------------------------------------------*/
 
 interface HeaderProps {
-  plan: __experimental_CommercePlanResource;
-  subscription?: __experimental_CommerceSubscriptionResource;
-  planPeriod: __experimental_CommerceSubscriptionPlanPeriod;
-  setPlanPeriod: (val: __experimental_CommerceSubscriptionPlanPeriod) => void;
+  plan: CommercePlanResource;
+  subscription?: CommerceSubscriptionResource;
+  planPeriod: CommerceSubscriptionPlanPeriod;
+  setPlanPeriod: (val: CommerceSubscriptionPlanPeriod) => void;
   closeSlot?: React.ReactNode;
 }
 
@@ -451,7 +450,7 @@ const Header = React.forwardRef<HTMLDivElement, HeaderProps>((props, ref) => {
                 marginInlineEnd: t.space.$1,
               },
             })}
-            localizationKey={localizationKeys('__experimental_commerce.month')}
+            localizationKey={localizationKeys('commerce.month')}
           />
           {plan.annualMonthlyAmount > 0 ? (
             <Box
@@ -493,7 +492,7 @@ const Header = React.forwardRef<HTMLDivElement, HeaderProps>((props, ref) => {
                     size='sm'
                     aria-hidden
                   />{' '}
-                  <Span localizationKey={localizationKeys('__experimental_commerce.billedAnnually')} />
+                  <Span localizationKey={localizationKeys('commerce.billedAnnually')} />
                 </Text>
               </Box>
             </Box>
@@ -512,7 +511,7 @@ const Header = React.forwardRef<HTMLDivElement, HeaderProps>((props, ref) => {
           <SegmentedControl.Root
             aria-label='Set pay period'
             value={planPeriod}
-            onChange={value => setPlanPeriod(value as __experimental_CommerceSubscriptionPlanPeriod)}
+            onChange={value => setPlanPeriod(value as CommerceSubscriptionPlanPeriod)}
           >
             <SegmentedControl.Button
               value='month'
diff --git a/packages/clerk-js/src/ui/components/PricingTable/PricingTable.tsx b/packages/clerk-js/src/ui/components/PricingTable/PricingTable.tsx
index 2729387ed62..a466e21f969 100644
--- a/packages/clerk-js/src/ui/components/PricingTable/PricingTable.tsx
+++ b/packages/clerk-js/src/ui/components/PricingTable/PricingTable.tsx
@@ -1,9 +1,5 @@
 import { useClerk, useOrganization, useUser } from '@clerk/shared/react';
-import type {
-  __experimental_CommercePlanResource,
-  __experimental_CommerceSubscriptionPlanPeriod,
-  PricingTableProps,
-} from '@clerk/types';
+import type { CommercePlanResource, CommerceSubscriptionPlanPeriod, PricingTableProps } from '@clerk/types';
 import { useState } from 'react';
 
 import { usePlansContext, usePricingTableContext, useSubscriberTypeContext } from '../../contexts';
@@ -21,9 +17,9 @@ const PricingTableRoot = (props: PricingTableProps) => {
 
   const { plans, handleSelectPlan } = usePlansContext();
 
-  const [planPeriod, setPlanPeriod] = useState<__experimental_CommerceSubscriptionPlanPeriod>('month');
+  const [planPeriod, setPlanPeriod] = useState<CommerceSubscriptionPlanPeriod>('month');
 
-  const selectPlan = (plan: __experimental_CommercePlanResource, event?: React.MouseEvent<HTMLElement>) => {
+  const selectPlan = (plan: CommercePlanResource, event?: React.MouseEvent<HTMLElement>) => {
     if (!clerk.isSignedIn) {
       return clerk.redirectToSignIn();
     }
@@ -31,11 +27,11 @@ const PricingTableRoot = (props: PricingTableProps) => {
     handleSelectPlan({ mode, plan, planPeriod, event });
   };
 
-  const { __experimental_commerce } = useClerk();
+  const { commerce } = useClerk();
 
   const { user } = useUser();
   useFetch(
-    user ? __experimental_commerce?.getPaymentSources : undefined,
+    user ? commerce?.getPaymentSources : undefined,
     {
       ...(subscriberType === 'org' ? { orgId: organization?.id } : {}),
     },
diff --git a/packages/clerk-js/src/ui/components/PricingTable/PricingTableDefault.tsx b/packages/clerk-js/src/ui/components/PricingTable/PricingTableDefault.tsx
index 7cf0dec27b5..75163efa564 100644
--- a/packages/clerk-js/src/ui/components/PricingTable/PricingTableDefault.tsx
+++ b/packages/clerk-js/src/ui/components/PricingTable/PricingTableDefault.tsx
@@ -1,9 +1,5 @@
 import { useClerk } from '@clerk/shared/react';
-import type {
-  __experimental_CommercePlanResource,
-  __experimental_CommerceSubscriptionPlanPeriod,
-  PricingTableProps,
-} from '@clerk/types';
+import type { CommercePlanResource, CommerceSubscriptionPlanPeriod, PricingTableProps } from '@clerk/types';
 import * as React from 'react';
 
 import { usePlansContext, usePricingTableContext, useSubscriberTypeContext } from '../../contexts';
@@ -28,12 +24,13 @@ import { Check, InformationCircle, Plus } from '../../icons';
 import type { ThemableCssProp } from '../../styledSystem';
 import { common, InternalThemeProvider } from '../../styledSystem';
 import { colors, getClosestProfileScrollBox } from '../../utils';
+
 interface PricingTableDefaultProps {
-  plans?: __experimental_CommercePlanResource[] | null;
-  highlightedPlan?: __experimental_CommercePlanResource['slug'];
-  planPeriod: __experimental_CommerceSubscriptionPlanPeriod;
-  setPlanPeriod: (val: __experimental_CommerceSubscriptionPlanPeriod) => void;
-  onSelect: (plan: __experimental_CommercePlanResource) => void;
+  plans?: CommercePlanResource[] | null;
+  highlightedPlan?: CommercePlanResource['slug'];
+  planPeriod: CommerceSubscriptionPlanPeriod;
+  setPlanPeriod: (val: CommerceSubscriptionPlanPeriod) => void;
+  onSelect: (plan: CommercePlanResource) => void;
   isCompact?: boolean;
   props: PricingTableProps;
 }
@@ -91,10 +88,10 @@ export function PricingTableDefault({
  * -----------------------------------------------------------------------------------------------*/
 
 interface CardProps {
-  plan: __experimental_CommercePlanResource;
-  planPeriod: __experimental_CommerceSubscriptionPlanPeriod;
-  setPlanPeriod: (p: __experimental_CommerceSubscriptionPlanPeriod) => void;
-  onSelect: (plan: __experimental_CommercePlanResource, event?: React.MouseEvent<HTMLElement>) => void;
+  plan: CommercePlanResource;
+  planPeriod: CommerceSubscriptionPlanPeriod;
+  setPlanPeriod: (p: CommerceSubscriptionPlanPeriod) => void;
+  onSelect: (plan: CommercePlanResource, event?: React.MouseEvent<HTMLElement>) => void;
   isCompact?: boolean;
   props: PricingTableProps;
 }
@@ -207,10 +204,10 @@ function Card(props: CardProps) {
  * -----------------------------------------------------------------------------------------------*/
 
 interface CardHeaderProps {
-  plan: __experimental_CommercePlanResource;
+  plan: CommercePlanResource;
   isCompact?: boolean;
-  planPeriod: __experimental_CommerceSubscriptionPlanPeriod;
-  setPlanPeriod: (val: __experimental_CommerceSubscriptionPlanPeriod) => void;
+  planPeriod: CommerceSubscriptionPlanPeriod;
+  setPlanPeriod: (val: CommerceSubscriptionPlanPeriod) => void;
 }
 
 const CardHeader = React.forwardRef<HTMLDivElement, CardHeaderProps>((props, ref) => {
@@ -335,7 +332,7 @@ const CardHeader = React.forwardRef<HTMLDivElement, CardHeaderProps>((props, ref
               marginInlineEnd: t.space.$1,
             },
           })}
-          localizationKey={localizationKeys('__experimental_commerce.month')}
+          localizationKey={localizationKeys('commerce.month')}
         />
         {annualMonthlyAmount > 0 ? (
           <Box
@@ -375,7 +372,7 @@ const CardHeader = React.forwardRef<HTMLDivElement, CardHeaderProps>((props, ref
                   size='sm'
                   aria-hidden
                 />{' '}
-                <Span localizationKey={localizationKeys('__experimental_commerce.billedAnnually')} />
+                <Span localizationKey={localizationKeys('commerce.billedAnnually')} />
               </Text>
             </Box>
           </Box>
@@ -392,7 +389,7 @@ const CardHeader = React.forwardRef<HTMLDivElement, CardHeaderProps>((props, ref
           <SegmentedControl.Root
             aria-label='Set pay period'
             value={planPeriod}
-            onChange={value => setPlanPeriod(value as __experimental_CommerceSubscriptionPlanPeriod)}
+            onChange={value => setPlanPeriod(value as CommerceSubscriptionPlanPeriod)}
           >
             <SegmentedControl.Button
               value='month'
@@ -416,7 +413,7 @@ const CardHeader = React.forwardRef<HTMLDivElement, CardHeaderProps>((props, ref
  * -----------------------------------------------------------------------------------------------*/
 
 interface CardFeaturesListProps {
-  plan: __experimental_CommercePlanResource;
+  plan: CommercePlanResource;
   /**
    * @default false
    */
@@ -505,7 +502,7 @@ const CardFeaturesList = React.forwardRef<HTMLDivElement, CardFeaturesListProps>
             size='md'
             aria-hidden
           />
-          <Span localizationKey={localizationKeys('__experimental_commerce.seeAllFeatures')} />
+          <Span localizationKey={localizationKeys('commerce.seeAllFeatures')} />
         </SimpleButton>
       )}
     </Box>
diff --git a/packages/clerk-js/src/ui/components/PricingTable/PricingTableMatrix.tsx b/packages/clerk-js/src/ui/components/PricingTable/PricingTableMatrix.tsx
index ed5272ef148..9020a1a81d5 100644
--- a/packages/clerk-js/src/ui/components/PricingTable/PricingTableMatrix.tsx
+++ b/packages/clerk-js/src/ui/components/PricingTable/PricingTableMatrix.tsx
@@ -1,4 +1,4 @@
-import type { __experimental_CommercePlanResource, __experimental_CommerceSubscriptionPlanPeriod } from '@clerk/types';
+import type { CommercePlanResource, CommerceSubscriptionPlanPeriod } from '@clerk/types';
 import * as React from 'react';
 
 import { usePlansContext } from '../../contexts';
@@ -22,11 +22,11 @@ import { common, InternalThemeProvider, mqu, type ThemableCssProp } from '../../
 import { colors } from '../../utils';
 
 interface PricingTableMatrixProps {
-  plans: __experimental_CommercePlanResource[];
-  highlightedPlan?: __experimental_CommercePlanResource['slug'];
-  planPeriod: __experimental_CommerceSubscriptionPlanPeriod;
-  setPlanPeriod: (val: __experimental_CommerceSubscriptionPlanPeriod) => void;
-  onSelect: (plan: __experimental_CommercePlanResource, event?: React.MouseEvent<HTMLElement>) => void;
+  plans: CommercePlanResource[];
+  highlightedPlan?: CommercePlanResource['slug'];
+  planPeriod: CommerceSubscriptionPlanPeriod;
+  setPlanPeriod: (val: CommerceSubscriptionPlanPeriod) => void;
+  onSelect: (plan: CommercePlanResource, event?: React.MouseEvent<HTMLElement>) => void;
 }
 
 export function PricingTableMatrix({
@@ -135,7 +135,7 @@ export function PricingTableMatrix({
                     <SegmentedControl.Root
                       aria-labelledby={segmentedControlId}
                       value={planPeriod}
-                      onChange={value => setPlanPeriod(value as __experimental_CommerceSubscriptionPlanPeriod)}
+                      onChange={value => setPlanPeriod(value as CommerceSubscriptionPlanPeriod)}
                     >
                       <SegmentedControl.Button
                         value='month'
@@ -250,7 +250,7 @@ export function PricingTableMatrix({
                                   marginInlineEnd: t.space.$1,
                                 },
                               })}
-                              localizationKey={localizationKeys('__experimental_commerce.month')}
+                              localizationKey={localizationKeys('commerce.month')}
                             />
                             {plan.annualMonthlyAmount > 0 ? (
                               <Box
@@ -290,9 +290,7 @@ export function PricingTableMatrix({
                                       size='sm'
                                       aria-hidden
                                     />{' '}
-                                    <Span
-                                      localizationKey={localizationKeys('__experimental_commerce.billedAnnually')}
-                                    />
+                                    <Span localizationKey={localizationKeys('commerce.billedAnnually')} />
                                   </Text>
                                 </Box>
                               </Box>
@@ -302,7 +300,7 @@ export function PricingTableMatrix({
                           <Text
                             elementDescriptor={descriptors.pricingTableMatrixFee}
                             variant='h2'
-                            localizationKey={localizationKeys('__experimental_commerce.free')}
+                            localizationKey={localizationKeys('commerce.free')}
                             colorScheme='body'
                           />
                         )}
diff --git a/packages/clerk-js/src/ui/components/Subscriptions/SubscriptionsList.tsx b/packages/clerk-js/src/ui/components/Subscriptions/SubscriptionsList.tsx
index 73b0856080d..8a22f15ba09 100644
--- a/packages/clerk-js/src/ui/components/Subscriptions/SubscriptionsList.tsx
+++ b/packages/clerk-js/src/ui/components/Subscriptions/SubscriptionsList.tsx
@@ -1,4 +1,4 @@
-import type { __experimental_CommerceSubscriptionResource } from '@clerk/types';
+import type { CommerceSubscriptionResource } from '@clerk/types';
 
 import { usePlansContext } from '../../contexts';
 import {
@@ -23,7 +23,7 @@ export function SubscriptionsList() {
   const { subscriptions, handleSelectPlan, captionForSubscription, canManageSubscription } = usePlansContext();
 
   const handleSelectSubscription = (
-    subscription: __experimental_CommerceSubscriptionResource,
+    subscription: CommerceSubscriptionResource,
     event?: React.MouseEvent<HTMLElement>,
   ) => {
     handleSelectPlan({
@@ -103,7 +103,7 @@ export function SubscriptionsList() {
                       marginInline: t.space.$1,
                     },
                   })}
-                  localizationKey={localizationKeys('__experimental_commerce.month')}
+                  localizationKey={localizationKeys('commerce.month')}
                 />
               </Text>
             </Td>
diff --git a/packages/clerk-js/src/ui/contexts/components/Plans.tsx b/packages/clerk-js/src/ui/contexts/components/Plans.tsx
index d61d22eccf1..dff83573700 100644
--- a/packages/clerk-js/src/ui/contexts/components/Plans.tsx
+++ b/packages/clerk-js/src/ui/contexts/components/Plans.tsx
@@ -1,9 +1,9 @@
 import { useClerk, useOrganization, useUser } from '@clerk/shared/react';
 import type {
-  __experimental_CommercePlanResource,
-  __experimental_CommerceSubscriberType,
-  __experimental_CommerceSubscriptionPlanPeriod,
-  __experimental_CommerceSubscriptionResource,
+  CommercePlanResource,
+  CommerceSubscriberType,
+  CommerceSubscriptionPlanPeriod,
+  CommerceSubscriptionResource,
 } from '@clerk/types';
 import type { PropsWithChildren } from 'react';
 import { createContext, useCallback, useContext, useMemo } from 'react';
@@ -11,18 +11,18 @@ import { createContext, useCallback, useContext, useMemo } from 'react';
 import { useFetch } from '../../hooks';
 import type { LocalizationKey } from '../../localization';
 import { localizationKeys } from '../../localization';
-import type { __experimental_PlansCtx } from '../../types';
+import type { PlansCtx } from '../../types';
 import { getClosestProfileScrollBox } from '../../utils';
 import { useSubscriberTypeContext } from './SubscriberType';
 
-const PlansContext = createContext<__experimental_PlansCtx | null>(null);
+const PlansContext = createContext<PlansCtx | null>(null);
 
-export const useSubscriptions = (subscriberType?: __experimental_CommerceSubscriberType) => {
-  const { __experimental_commerce } = useClerk();
+export const useSubscriptions = (subscriberType?: CommerceSubscriberType) => {
+  const { commerce } = useClerk();
   const { organization } = useOrganization();
   const { user } = useUser();
   return useFetch(
-    user ? __experimental_commerce?.__experimental_billing.getSubscriptions : undefined,
+    user ? commerce?.billing.getSubscriptions : undefined,
     { orgId: subscriberType === 'org' ? organization?.id : undefined },
     undefined,
     `commerce-subscriptions-${user?.id}`,
@@ -30,7 +30,7 @@ export const useSubscriptions = (subscriberType?: __experimental_CommerceSubscri
 };
 
 export const PlansContextProvider = ({ children }: PropsWithChildren) => {
-  const { __experimental_commerce } = useClerk();
+  const { commerce } = useClerk();
   const { organization } = useOrganization();
   const { user } = useUser();
   const subscriberType = useSubscriberTypeContext();
@@ -44,12 +44,7 @@ export const PlansContextProvider = ({ children }: PropsWithChildren) => {
     data: plans,
     isLoading: isLoadingPlans,
     revalidate: revalidatePlans,
-  } = useFetch(
-    __experimental_commerce?.__experimental_billing.getPlans,
-    { subscriberType },
-    undefined,
-    'commerce-plans',
-  );
+  } = useFetch(commerce?.billing.getPlans, { subscriberType }, undefined, 'commerce-plans');
 
   // Revalidates the next time the hooks gets mounted
   const { revalidate: revalidateInvoices } = useFetch(
@@ -84,8 +79,8 @@ export const PlansContextProvider = ({ children }: PropsWithChildren) => {
 };
 
 type HandleSelectPlanProps = {
-  plan: __experimental_CommercePlanResource;
-  planPeriod: __experimental_CommerceSubscriptionPlanPeriod;
+  plan: CommercePlanResource;
+  planPeriod: CommerceSubscriptionPlanPeriod;
   onSubscriptionChange?: () => void;
   mode?: 'modal' | 'mounted';
   event?: React.MouseEvent<HTMLElement>;
@@ -104,7 +99,7 @@ export const usePlansContext = () => {
 
   // return the active or upcoming subscription for a plan if it exists
   const activeOrUpcomingSubscription = useCallback(
-    (plan: __experimental_CommercePlanResource) => {
+    (plan: CommercePlanResource) => {
       return ctx.subscriptions.find(subscription => subscription.plan.id === plan.id);
     },
     [ctx.subscriptions],
@@ -117,13 +112,7 @@ export const usePlansContext = () => {
   }, [ctx.subscriptions]);
 
   const canManageSubscription = useCallback(
-    ({
-      plan,
-      subscription: sub,
-    }: {
-      plan?: __experimental_CommercePlanResource;
-      subscription?: __experimental_CommerceSubscriptionResource;
-    }) => {
+    ({ plan, subscription: sub }: { plan?: CommercePlanResource; subscription?: CommerceSubscriptionResource }) => {
       const subscription = sub ?? (plan ? activeOrUpcomingSubscription(plan) : undefined);
 
       return !subscription || !subscription.canceledAt;
@@ -138,8 +127,8 @@ export const usePlansContext = () => {
       subscription: sub,
       isCompact = false,
     }: {
-      plan?: __experimental_CommercePlanResource;
-      subscription?: __experimental_CommerceSubscriptionResource;
+      plan?: CommercePlanResource;
+      subscription?: CommerceSubscriptionResource;
       isCompact?: boolean;
     }): { localizationKey: LocalizationKey; variant: 'bordered' | 'solid'; colorScheme: 'secondary' | 'primary' } => {
       const subscription = sub ?? (plan ? activeOrUpcomingSubscription(plan) : undefined);
@@ -147,12 +136,12 @@ export const usePlansContext = () => {
       return {
         localizationKey: subscription
           ? subscription.canceledAt
-            ? localizationKeys('__experimental_commerce.reSubscribe')
-            : localizationKeys('__experimental_commerce.manageSubscription')
+            ? localizationKeys('commerce.reSubscribe')
+            : localizationKeys('commerce.manageSubscription')
           : // If there are no active or grace period subscriptions, show the get started button
             ctx.subscriptions.length > 0
-            ? localizationKeys('__experimental_commerce.switchPlan')
-            : localizationKeys('__experimental_commerce.getStarted'),
+            ? localizationKeys('commerce.switchPlan')
+            : localizationKeys('commerce.getStarted'),
         variant: isCompact || !!subscription ? 'bordered' : 'solid',
         colorScheme: isCompact || !!subscription ? 'secondary' : 'primary',
       };
@@ -160,7 +149,7 @@ export const usePlansContext = () => {
     [activeOrUpcomingSubscription],
   );
 
-  const captionForSubscription = useCallback((subscription: __experimental_CommerceSubscriptionResource) => {
+  const captionForSubscription = useCallback((subscription: CommerceSubscriptionResource) => {
     if (subscription.status === 'upcoming') {
       return localizationKeys('badge__startsAt', { date: subscription.periodStart });
     } else if (subscription.canceledAt) {
diff --git a/packages/clerk-js/src/ui/hooks/useCheckout.ts b/packages/clerk-js/src/ui/hooks/useCheckout.ts
index 1098186a229..45a4258a908 100644
--- a/packages/clerk-js/src/ui/hooks/useCheckout.ts
+++ b/packages/clerk-js/src/ui/hooks/useCheckout.ts
@@ -1,15 +1,15 @@
 import type { ClerkAPIResponseError } from '@clerk/shared/error';
 import { useClerk, useOrganization, useUser } from '@clerk/shared/react';
-import type { __experimental_CheckoutProps, __experimental_CommerceCheckoutResource } from '@clerk/types';
+import type { CommerceCheckoutResource } from '@clerk/types';
 import { useCallback, useEffect, useState } from 'react';
 
 import { useFetch } from './useFetch';
 
-export const useCheckout = (props: __experimental_CheckoutProps) => {
+export const useCheckout = (props: CheckoutProps) => {
   const { planId, planPeriod, subscriberType = 'user' } = props;
   const clerk = useClerk();
   const { organization } = useOrganization();
-  const [currentCheckout, setCurrentCheckout] = useState<__experimental_CommerceCheckoutResource | null>(null);
+  const [currentCheckout, setCurrentCheckout] = useState<CommerceCheckoutResource | null>(null);
 
   const { user } = useUser();
   const {
@@ -19,7 +19,7 @@ export const useCheckout = (props: __experimental_CheckoutProps) => {
     revalidate,
     error: _error,
   } = useFetch(
-    clerk.__experimental_commerce?.__experimental_billing.startCheckout,
+    clerk.commerce?.billing.startCheckout,
     {
       planId,
       planPeriod,
@@ -31,7 +31,7 @@ export const useCheckout = (props: __experimental_CheckoutProps) => {
 
   const error = _error as ClerkAPIResponseError | undefined;
 
-  const updateCheckout = useCallback((newCheckout: __experimental_CommerceCheckoutResource) => {
+  const updateCheckout = useCallback((newCheckout: CommerceCheckoutResource) => {
     setCurrentCheckout(newCheckout);
   }, []);
 
diff --git a/packages/clerk-js/src/ui/types.ts b/packages/clerk-js/src/ui/types.ts
index b785e2384fb..a652c1bd8d2 100644
--- a/packages/clerk-js/src/ui/types.ts
+++ b/packages/clerk-js/src/ui/types.ts
@@ -1,10 +1,8 @@
 import type {
-  __experimental_CheckoutProps,
-  __experimental_CommerceInvoiceResource,
-  __experimental_CommercePlanResource,
-  __experimental_CommerceSubscriptionResource,
-  __experimental_PlanDetailsProps,
   __internal_UserVerificationProps,
+  CommerceInvoiceResource,
+  CommercePlanResource,
+  CommerceSubscriptionResource,
   CreateOrganizationProps,
   GoogleOneTapProps,
   NewSubscriptionRedirectUrl,
@@ -48,9 +46,9 @@ export type AvailableComponentProps =
   | OrganizationListProps
   | WaitlistProps
   | PricingTableProps
-  | __experimental_CheckoutProps
+  | CheckoutProps
   | __internal_UserVerificationProps
-  | __experimental_PlanDetailsProps;
+  | PlanDetailsProps;
 
 type ComponentMode = 'modal' | 'mounted';
 
@@ -117,27 +115,27 @@ export type PricingTableCtx = PricingTableProps & {
   mode?: ComponentMode;
 };
 
-export type __experimental_CheckoutCtx = __experimental_CheckoutProps & {
+export type CheckoutCtx = CheckoutProps & {
   componentName: 'Checkout';
 } & NewSubscriptionRedirectUrl;
 
-export type __experimental_PaymentSourcesCtx = {
+export type PaymentSourcesCtx = {
   componentName: 'PaymentSources';
 };
 
-export type __experimental_InvoicesCtx = {
+export type InvoicesCtx = {
   componentName: 'Invoices';
-  invoices: __experimental_CommerceInvoiceResource[];
+  invoices: CommerceInvoiceResource[];
   totalCount: number;
   isLoading: boolean;
   revalidate: () => void;
-  getInvoiceById: (invoiceId: string) => __experimental_CommerceInvoiceResource | undefined;
+  getInvoiceById: (invoiceId: string) => CommerceInvoiceResource | undefined;
 };
 
-export type __experimental_PlansCtx = {
+export type PlansCtx = {
   componentName: 'Plans';
-  plans: __experimental_CommercePlanResource[];
-  subscriptions: __experimental_CommerceSubscriptionResource[];
+  plans: CommercePlanResource[];
+  subscriptions: CommerceSubscriptionResource[];
   isLoading: boolean;
   revalidate: () => void;
 };
@@ -160,5 +158,5 @@ export type AvailableComponentCtx =
   | GoogleOneTapCtx
   | WaitlistCtx
   | PricingTableCtx
-  | __experimental_CheckoutCtx;
+  | CheckoutCtx;
 export type AvailableComponentName = AvailableComponentCtx['componentName'];
diff --git a/packages/clerk-js/src/utils/commerce.ts b/packages/clerk-js/src/utils/commerce.ts
index f3ea1d5e866..25b3d6c1c19 100644
--- a/packages/clerk-js/src/utils/commerce.ts
+++ b/packages/clerk-js/src/utils/commerce.ts
@@ -1,13 +1,13 @@
 import type {
-  __experimental_CommerceCheckoutTotals,
-  __experimental_CommerceCheckoutTotalsJSON,
-  __experimental_CommerceInvoiceTotals,
-  __experimental_CommerceInvoiceTotalsJSON,
-  __experimental_CommerceMoney,
-  __experimental_CommerceMoneyJSON,
+  CommerceCheckoutTotals,
+  CommerceCheckoutTotalsJSON,
+  CommerceInvoiceTotals,
+  CommerceInvoiceTotalsJSON,
+  CommerceMoney,
+  CommerceMoneyJSON,
 } from '@clerk/types';
 
-export const commerceMoneyFromJSON = (data: __experimental_CommerceMoneyJSON): __experimental_CommerceMoney => {
+export const commerceMoneyFromJSON = (data: CommerceMoneyJSON): CommerceMoney => {
   return {
     amount: data.amount,
     amountFormatted: data.amount_formatted,
@@ -16,11 +16,7 @@ export const commerceMoneyFromJSON = (data: __experimental_CommerceMoneyJSON): _
   };
 };
 
-export const commerceTotalsFromJSON = <
-  T extends __experimental_CommerceInvoiceTotalsJSON | __experimental_CommerceCheckoutTotalsJSON,
->(
-  data: T,
-) => {
+export const commerceTotalsFromJSON = <T extends CommerceInvoiceTotalsJSON | CommerceCheckoutTotalsJSON>(data: T) => {
   const totals = {
     grandTotal: commerceMoneyFromJSON(data.grand_total),
     subtotal: commerceMoneyFromJSON(data.subtotal),
@@ -38,7 +34,5 @@ export const commerceTotalsFromJSON = <
     };
   }
 
-  return totals as T extends { total_due_now: __experimental_CommerceMoneyJSON }
-    ? __experimental_CommerceCheckoutTotals
-    : __experimental_CommerceInvoiceTotals;
+  return totals as T extends { total_due_now: CommerceMoneyJSON } ? CommerceCheckoutTotals : CommerceInvoiceTotals;
 };
diff --git a/packages/react/src/isomorphicClerk.ts b/packages/react/src/isomorphicClerk.ts
index ec9b254b7eb..4f77c24db3d 100644
--- a/packages/react/src/isomorphicClerk.ts
+++ b/packages/react/src/isomorphicClerk.ts
@@ -3,9 +3,6 @@ import { clerkEvents, createClerkEventBus } from '@clerk/shared/clerkEventBus';
 import { loadClerkJsScript } from '@clerk/shared/loadClerkJsScript';
 import { handleValueOrFn } from '@clerk/shared/utils';
 import type {
-  __experimental_CheckoutProps,
-  __experimental_CommerceNamespace,
-  __experimental_PlanDetailsProps,
   __internal_UserVerificationModalProps,
   __internal_UserVerificationProps,
   AuthenticateWithCoinbaseWalletParams,
@@ -17,6 +14,7 @@ import type {
   ClerkOptions,
   ClerkStatus,
   ClientResource,
+  CommerceNamespace,
   CreateOrganizationParams,
   CreateOrganizationProps,
   DomainOrProxyUrl,
@@ -97,12 +95,12 @@ type IsomorphicLoadedClerk = Without<
   | '__internal_addNavigationListener'
   | '__internal_getCachedResources'
   | '__internal_reloadInitialResources'
-  | '__experimental_commerce'
+  | 'commerce'
   | '__internal_setComponentNavigationContext'
   | '__internal_setActiveInProgress'
 > & {
   client: ClientResource | undefined;
-  __experimental_commerce: __experimental_CommerceNamespace | undefined;
+  commerce: CommerceNamespace | undefined;
 };
 
 export class IsomorphicClerk implements IsomorphicLoadedClerk {
@@ -113,8 +111,8 @@ export class IsomorphicClerk implements IsomorphicLoadedClerk {
   private preopenOneTap?: null | GoogleOneTapProps = null;
   private preopenUserVerification?: null | __internal_UserVerificationProps = null;
   private preopenSignIn?: null | SignInProps = null;
-  private preopenCheckout?: null | __experimental_CheckoutProps = null;
-  private preopenPlanDetails?: null | __experimental_PlanDetailsProps = null;
+  private preopenCheckout?: null | CheckoutProps = null;
+  private preopenPlanDetails?: null | PlanDetailsProps = null;
   private preopenSignUp?: null | SignUpProps = null;
   private preopenUserProfile?: null | UserProfileProps = null;
   private preopenOrganizationProfile?: null | OrganizationProfileProps = null;
@@ -682,8 +680,8 @@ export class IsomorphicClerk implements IsomorphicLoadedClerk {
     }
   }
 
-  get __experimental_commerce(): __experimental_CommerceNamespace | undefined {
-    return this.clerkjs?.__experimental_commerce;
+  get commerce(): CommerceNamespace | undefined {
+    return this.clerkjs?.commerce;
   }
 
   __unstable__setEnvironment(...args: any): void {
@@ -737,7 +735,7 @@ export class IsomorphicClerk implements IsomorphicLoadedClerk {
     }
   };
 
-  __internal_openCheckout = (props?: __experimental_CheckoutProps) => {
+  __internal_openCheckout = (props?: CheckoutProps) => {
     if (this.clerkjs && this.loaded) {
       this.clerkjs.__internal_openCheckout(props);
     } else {
@@ -753,7 +751,7 @@ export class IsomorphicClerk implements IsomorphicLoadedClerk {
     }
   };
 
-  __internal_openPlanDetails = (props?: __experimental_PlanDetailsProps) => {
+  __internal_openPlanDetails = (props?: PlanDetailsProps) => {
     if (this.clerkjs && this.loaded) {
       this.clerkjs.__internal_openPlanDetails(props);
     } else {
diff --git a/packages/shared/src/react/hooks/useOrganization.tsx b/packages/shared/src/react/hooks/useOrganization.tsx
index 12c1fe71d56..1d52c1aa1eb 100644
--- a/packages/shared/src/react/hooks/useOrganization.tsx
+++ b/packages/shared/src/react/hooks/useOrganization.tsx
@@ -1,7 +1,6 @@
 import type {
-  __experimental_CommerceSubscriptionResource,
-  __experimental_GetSubscriptionsParams,
   ClerkPaginatedResponse,
+  CommerceSubscriptionResource,
   GetDomainsParams,
   GetInvitationsParams,
   GetMembershipRequestParams,
@@ -34,7 +33,7 @@ export type UseOrganizationParams = {
    * <ul>
    *  <li>`enrollmentMode`: A string that filters the domains by the provided [enrollment mode](https://clerk.com/docs/organizations/verified-domains#enrollment-mode).</li>
    *  <li>Any of the properties described in [Shared properties](#shared-properties).</li>
-   * </ul>
+   * </ul>.
    */
   domains?: true | PaginatedHookConfig<GetDomainsParams>;
   /**
@@ -43,7 +42,7 @@ export type UseOrganizationParams = {
    * <ul>
    *  <li>`status`: A string that filters the membership requests by the provided status.</li>
    *  <li>Any of the properties described in [Shared properties](#shared-properties).</li>
-   * </ul>
+   * </ul>.
    */
   membershipRequests?: true | PaginatedHookConfig<GetMembershipRequestParams>;
   /**
@@ -53,7 +52,7 @@ export type UseOrganizationParams = {
    *  <li>`role`: An array of [`OrganizationCustomRoleKey`](https://clerk.com/docs/references/javascript/types/organization-custom-role-key).</li>
    *  <li>`query`: A string that filters the memberships by the provided string.</li>
    *  <li>Any of the properties described in [Shared properties](#shared-properties).</li>
-   * </ul>
+   * </ul>.
    */
   memberships?: true | PaginatedHookConfig<GetMembersParams>;
   /**
@@ -62,7 +61,7 @@ export type UseOrganizationParams = {
    * <ul>
    *  <li>`status`: A string that filters the invitations by the provided status.</li>
    *  <li>Any of the properties described in [Shared properties](#shared-properties).</li>
-   * </ul>
+   * </ul>.
    */
   invitations?: true | PaginatedHookConfig<GetInvitationsParams>;
   /**
@@ -71,9 +70,9 @@ export type UseOrganizationParams = {
    * <ul>
    *  <li>`orgId`: A string that filters the subscriptions by the provided organization ID.</li>
    *  <li>Any of the properties described in [Shared properties](#shared-properties).</li>
-   * </ul>
+   * </ul>.
    */
-  subscriptions?: true | PaginatedHookConfig<__experimental_GetSubscriptionsParams>;
+  subscriptions?: true | PaginatedHookConfig<GetSubscriptionsParams>;
 };
 
 /**
@@ -112,7 +111,7 @@ export type UseOrganizationReturn<T extends UseOrganizationParams> =
       /**
        * Includes a paginated list of the organization's subscriptions.
        */
-      subscriptions: PaginatedResourcesWithDefault<__experimental_CommerceSubscriptionResource>;
+      subscriptions: PaginatedResourcesWithDefault<CommerceSubscriptionResource>;
     }
   | {
       isLoaded: true;
@@ -122,7 +121,7 @@ export type UseOrganizationReturn<T extends UseOrganizationParams> =
       membershipRequests: PaginatedResourcesWithDefault<OrganizationMembershipRequestResource>;
       memberships: PaginatedResourcesWithDefault<OrganizationMembershipResource>;
       invitations: PaginatedResourcesWithDefault<OrganizationInvitationResource>;
-      subscriptions: PaginatedResourcesWithDefault<__experimental_CommerceSubscriptionResource>;
+      subscriptions: PaginatedResourcesWithDefault<CommerceSubscriptionResource>;
     }
   | {
       isLoaded: boolean;
@@ -145,7 +144,7 @@ export type UseOrganizationReturn<T extends UseOrganizationParams> =
         T['invitations'] extends { infinite: true } ? true : false
       > | null;
       subscriptions: PaginatedResources<
-        __experimental_CommerceSubscriptionResource,
+        CommerceSubscriptionResource,
         T['subscriptions'] extends { infinite: true } ? true : false
       > | null;
     };
@@ -461,13 +460,13 @@ export function useOrganization<T extends UseOrganizationParams>(params?: T): Us
   );
 
   const subscriptions = usePagesOrInfinite<
-    __experimental_GetSubscriptionsParams,
-    ClerkPaginatedResponse<__experimental_CommerceSubscriptionResource>
+    GetSubscriptionsParams,
+    ClerkPaginatedResponse<CommerceSubscriptionResource>
   >(
     {
       ...subscriptionsParams,
     },
-    organization?.__experimental_getSubscriptions,
+    organization?.getSubscriptions,
     {
       keepPreviousData: subscriptionsSafeValues.keepPreviousData,
       infinite: subscriptionsSafeValues.infinite,
diff --git a/packages/types/src/clerk.ts b/packages/types/src/clerk.ts
index 1d5177a9442..d9f15dc2922 100644
--- a/packages/types/src/clerk.ts
+++ b/packages/types/src/clerk.ts
@@ -16,10 +16,10 @@ import type {
 } from './appearance';
 import type { ClientResource } from './client';
 import type {
-  __experimental_CommerceNamespace,
-  __experimental_CommercePlanResource,
-  __experimental_CommerceSubscriberType,
-  __experimental_CommerceSubscriptionPlanPeriod,
+  CommerceNamespace,
+  CommercePlanResource,
+  CommerceSubscriberType,
+  CommerceSubscriptionPlanPeriod,
 } from './commerce';
 import type { CustomMenuItem } from './customMenuItems';
 import type { CustomPage } from './customPages';
@@ -182,7 +182,7 @@ export interface Clerk {
   user: UserResource | null | undefined;
 
   /** Commerce Object */
-  __experimental_commerce: __experimental_CommerceNamespace;
+  commerce: CommerceNamespace;
 
   telemetry: TelemetryCollector | undefined;
 
@@ -211,7 +211,7 @@ export interface Clerk {
    * Opens the Clerk Checkout component in a drawer.
    * @param props Optional checkout configuration parameters.
    */
-  __internal_openCheckout: (props?: __experimental_CheckoutProps) => void;
+  __internal_openCheckout: (props?: CheckoutProps) => void;
 
   /**
    * Closes the Clerk Checkout drawer.
@@ -222,7 +222,7 @@ export interface Clerk {
    * Opens the Clerk PlanDetails drawer component in a drawer.
    * @param props Optional subscription details drawer configuration parameters.
    */
-  __internal_openPlanDetails: (props?: __experimental_PlanDetailsProps) => void;
+  __internal_openPlanDetails: (props?: PlanDetailsProps) => void;
 
   /**
    * Closes the Clerk PlanDetails drawer.
@@ -1576,18 +1576,18 @@ type PricingTableDefaultProps = {
 type PricingTableBaseProps = {
   forOrganizations?: boolean;
   appearance?: PricingTableTheme;
-  checkoutProps?: Pick<__experimental_CheckoutProps, 'appearance'>;
+  checkoutProps?: Pick<CheckoutProps, 'appearance'>;
 };
 
 type PortalRoot = HTMLElement | null | undefined;
 
 export type PricingTableProps = PricingTableBaseProps & PricingTableDefaultProps;
 
-export type __experimental_CheckoutProps = {
+export type CheckoutProps = {
   appearance?: CheckoutTheme;
   planId?: string;
-  planPeriod?: __experimental_CommerceSubscriptionPlanPeriod;
-  subscriberType?: __experimental_CommerceSubscriberType;
+  planPeriod?: CommerceSubscriptionPlanPeriod;
+  subscriberType?: CommerceSubscriberType;
   onSubscriptionComplete?: () => void;
   portalId?: string;
   portalRoot?: PortalRoot;
@@ -1598,11 +1598,11 @@ export type __experimental_CheckoutProps = {
   newSubscriptionRedirectUrl?: string;
 };
 
-export type __experimental_PlanDetailsProps = {
+export type PlanDetailsProps = {
   appearance?: PlanDetailTheme;
-  plan?: __experimental_CommercePlanResource;
-  subscriberType?: __experimental_CommerceSubscriberType;
-  planPeriod?: __experimental_CommerceSubscriptionPlanPeriod;
+  plan?: CommercePlanResource;
+  subscriberType?: CommerceSubscriberType;
+  planPeriod?: CommerceSubscriptionPlanPeriod;
   onSubscriptionCancel?: () => void;
   portalId?: string;
   portalRoot?: PortalRoot;
diff --git a/packages/types/src/commerce.ts b/packages/types/src/commerce.ts
index 4586b9b75c0..c84efc223e2 100644
--- a/packages/types/src/commerce.ts
+++ b/packages/types/src/commerce.ts
@@ -5,47 +5,39 @@ import type { ClerkResource } from './resource';
 type WithOptionalOrgType<T> = T & {
   orgId?: string;
 };
-export interface __experimental_CommerceNamespace {
-  __experimental_billing: __experimental_CommerceBillingNamespace;
+export interface CommerceNamespace {
+  billing: CommerceBillingNamespace;
   getPaymentSources: (
-    params: __experimental_GetPaymentSourcesParams,
-  ) => Promise<ClerkPaginatedResponse<__experimental_CommercePaymentSourceResource>>;
-  initializePaymentSource: (
-    params: __experimental_InitializePaymentSourceParams,
-  ) => Promise<__experimental_CommerceInitializedPaymentSourceResource>;
-  addPaymentSource: (
-    params: __experimental_AddPaymentSourceParams,
-  ) => Promise<__experimental_CommercePaymentSourceResource>;
+    params: GetPaymentSourcesParams,
+  ) => Promise<ClerkPaginatedResponse<CommercePaymentSourceResource>>;
+  initializePaymentSource: (params: InitializePaymentSourceParams) => Promise<CommerceInitializedPaymentSourceResource>;
+  addPaymentSource: (params: AddPaymentSourceParams) => Promise<CommercePaymentSourceResource>;
 }
 
-export interface __experimental_CommerceBillingNamespace {
-  getPlans: () => Promise<__experimental_CommercePlanResource[]>;
-  getSubscriptions: (
-    params: __experimental_GetSubscriptionsParams,
-  ) => Promise<ClerkPaginatedResponse<__experimental_CommerceSubscriptionResource>>;
-  getInvoices: (
-    params: __experimental_GetInvoicesParams,
-  ) => Promise<ClerkPaginatedResponse<__experimental_CommerceInvoiceResource>>;
-  startCheckout: (params: __experimental_CreateCheckoutParams) => Promise<__experimental_CommerceCheckoutResource>;
+export interface CommerceBillingNamespace {
+  getPlans: () => Promise<CommercePlanResource[]>;
+  getSubscriptions: (params: GetSubscriptionsParams) => Promise<ClerkPaginatedResponse<CommerceSubscriptionResource>>;
+  getInvoices: (params: GetInvoicesParams) => Promise<ClerkPaginatedResponse<CommerceInvoiceResource>>;
+  startCheckout: (params: CreateCheckoutParams) => Promise<CommerceCheckoutResource>;
 }
 
-export type __experimental_CommerceSubscriberType = 'org' | 'user';
-export type __experimental_CommerceSubscriptionStatus = 'active' | 'ended' | 'upcoming';
-export type __experimental_CommerceSubscriptionPlanPeriod = 'month' | 'annual';
+export type CommerceSubscriberType = 'org' | 'user';
+export type CommerceSubscriptionStatus = 'active' | 'ended' | 'upcoming';
+export type CommerceSubscriptionPlanPeriod = 'month' | 'annual';
 
-export interface __experimental_CommerceProductResource extends ClerkResource {
+export interface CommerceProductResource extends ClerkResource {
   id: string;
   slug: string | null;
   currency: string;
   isDefault: boolean;
-  plans: __experimental_CommercePlanResource[];
+  plans: CommercePlanResource[];
 }
 
-export interface __experimental_GetPlansParams {
-  subscriberType?: __experimental_CommerceSubscriberType;
+export interface GetPlansParams {
+  subscriberType?: CommerceSubscriberType;
 }
 
-export interface __experimental_CommercePlanResource extends ClerkResource {
+export interface CommercePlanResource extends ClerkResource {
   id: string;
   name: string;
   amount: number;
@@ -62,10 +54,10 @@ export interface __experimental_CommercePlanResource extends ClerkResource {
   publiclyVisible: boolean;
   slug: string;
   avatarUrl: string;
-  features: __experimental_CommerceFeatureResource[];
+  features: CommerceFeatureResource[];
 }
 
-export interface __experimental_CommerceFeatureResource extends ClerkResource {
+export interface CommerceFeatureResource extends ClerkResource {
   id: string;
   name: string;
   description: string;
@@ -73,118 +65,117 @@ export interface __experimental_CommerceFeatureResource extends ClerkResource {
   avatarUrl: string;
 }
 
-export type __experimental_CommercePaymentSourceStatus = 'active' | 'expired' | 'disconnected';
+export type CommercePaymentSourceStatus = 'active' | 'expired' | 'disconnected';
 
-export type __experimental_GetPaymentSourcesParams = WithOptionalOrgType<ClerkPaginationParams>;
+export type GetPaymentSourcesParams = WithOptionalOrgType<ClerkPaginationParams>;
 
-export type __experimental_PaymentGateway = 'stripe' | 'paypal';
+export type PaymentGateway = 'stripe' | 'paypal';
 
-export type __experimental_InitializePaymentSourceParams = WithOptionalOrgType<{
-  gateway: __experimental_PaymentGateway;
+export type InitializePaymentSourceParams = WithOptionalOrgType<{
+  gateway: PaymentGateway;
 }>;
 
-export type __experimental_AddPaymentSourceParams = WithOptionalOrgType<{
-  gateway: __experimental_PaymentGateway;
+export type AddPaymentSourceParams = WithOptionalOrgType<{
+  gateway: PaymentGateway;
   paymentToken: string;
 }>;
 
-export type __experimental_RemovePaymentSourceParams = WithOptionalOrgType<unknown>;
-export type __experimental_MakeDefaultPaymentSourceParams = WithOptionalOrgType<unknown>;
+export type RemovePaymentSourceParams = WithOptionalOrgType<unknown>;
+export type MakeDefaultPaymentSourceParams = WithOptionalOrgType<unknown>;
 
-export interface __experimental_CommercePaymentSourceResource extends ClerkResource {
+export interface CommercePaymentSourceResource extends ClerkResource {
   id: string;
   last4: string;
   paymentMethod: string;
   cardType: string;
   isDefault: boolean;
-  status: __experimental_CommercePaymentSourceStatus;
+  status: CommercePaymentSourceStatus;
   walletType: string | undefined;
-  remove: (params?: __experimental_RemovePaymentSourceParams) => Promise<DeletedObjectResource>;
-  makeDefault: (params?: __experimental_MakeDefaultPaymentSourceParams) => Promise<null>;
+  remove: (params?: RemovePaymentSourceParams) => Promise<DeletedObjectResource>;
+  makeDefault: (params?: MakeDefaultPaymentSourceParams) => Promise<null>;
 }
 
-export interface __experimental_CommerceInitializedPaymentSourceResource extends ClerkResource {
+export interface CommerceInitializedPaymentSourceResource extends ClerkResource {
   externalClientSecret: string;
   externalGatewayId: string;
 }
 
-export type __experimental_GetInvoicesParams = WithOptionalOrgType<ClerkPaginationParams>;
+export type GetInvoicesParams = WithOptionalOrgType<ClerkPaginationParams>;
 
-export type __experimental_CommerceInvoiceStatus = 'paid' | 'unpaid' | 'past_due';
+export type CommerceInvoiceStatus = 'paid' | 'unpaid' | 'past_due';
 
-export interface __experimental_CommerceInvoiceResource extends ClerkResource {
+export interface CommerceInvoiceResource extends ClerkResource {
   id: string;
-  totals: __experimental_CommerceInvoiceTotals;
+  totals: CommerceInvoiceTotals;
   paymentDueOn: number;
   paidOn: number;
-  status: __experimental_CommerceInvoiceStatus;
+  status: CommerceInvoiceStatus;
 }
 
-export type __experimental_GetSubscriptionsParams = WithOptionalOrgType<ClerkPaginationParams>;
-export type __experimental_CancelSubscriptionParams = WithOptionalOrgType<unknown>;
+export type GetSubscriptionsParams = WithOptionalOrgType<ClerkPaginationParams>;
+export type CancelSubscriptionParams = WithOptionalOrgType<unknown>;
 
-export interface __experimental_CommerceSubscriptionResource extends ClerkResource {
+export interface CommerceSubscriptionResource extends ClerkResource {
   id: string;
   paymentSourceId: string;
-  plan: __experimental_CommercePlanResource;
-  planPeriod: __experimental_CommerceSubscriptionPlanPeriod;
-  status: __experimental_CommerceSubscriptionStatus;
+  plan: CommercePlanResource;
+  planPeriod: CommerceSubscriptionPlanPeriod;
+  status: CommerceSubscriptionStatus;
   periodStart: number;
   periodEnd: number;
   canceledAt: number | null;
-  cancel: (params: __experimental_CancelSubscriptionParams) => Promise<DeletedObjectResource>;
+  cancel: (params: CancelSubscriptionParams) => Promise<DeletedObjectResource>;
 }
 
-export interface __experimental_CommerceMoney {
+export interface CommerceMoney {
   amount: number;
   amountFormatted: string;
   currency: string;
   currencySymbol: string;
 }
 
-export interface __experimental_CommerceCheckoutTotals {
-  subtotal: __experimental_CommerceMoney;
-  grandTotal: __experimental_CommerceMoney;
-  taxTotal: __experimental_CommerceMoney;
-  totalDueNow: __experimental_CommerceMoney;
+export interface CommerceCheckoutTotals {
+  subtotal: CommerceMoney;
+  grandTotal: CommerceMoney;
+  taxTotal: CommerceMoney;
+  totalDueNow: CommerceMoney;
   proration?: {
-    credit: __experimental_CommerceMoney;
+    credit: CommerceMoney;
   };
 }
 
 // eslint-disable-next-line @typescript-eslint/no-empty-object-type
-export interface __experimental_CommerceInvoiceTotals
-  extends Omit<__experimental_CommerceCheckoutTotals, 'totalDueNow'> {}
+export interface CommerceInvoiceTotals extends Omit<CommerceCheckoutTotals, 'totalDueNow'> {}
 
-export type __experimental_CreateCheckoutParams = WithOptionalOrgType<{
+export type CreateCheckoutParams = WithOptionalOrgType<{
   planId: string;
-  planPeriod: __experimental_CommerceSubscriptionPlanPeriod;
+  planPeriod: CommerceSubscriptionPlanPeriod;
 }>;
 
-export type __experimental_ConfirmCheckoutParams = WithOptionalOrgType<
+export type ConfirmCheckoutParams = WithOptionalOrgType<
   | {
       paymentSourceId?: string;
     }
   | {
       paymentToken?: string;
-      gateway?: __experimental_PaymentGateway;
+      gateway?: PaymentGateway;
     }
   | {
-      gateway?: __experimental_PaymentGateway;
+      gateway?: PaymentGateway;
       useTestCard?: boolean;
     }
 >;
-export interface __experimental_CommerceCheckoutResource extends ClerkResource {
+export interface CommerceCheckoutResource extends ClerkResource {
   id: string;
   externalClientSecret: string;
   externalGatewayId: string;
   invoice_id: string;
-  paymentSource?: __experimental_CommercePaymentSourceResource;
-  plan: __experimental_CommercePlanResource;
-  planPeriod: __experimental_CommerceSubscriptionPlanPeriod;
+  paymentSource?: CommercePaymentSourceResource;
+  plan: CommercePlanResource;
+  planPeriod: CommerceSubscriptionPlanPeriod;
   status: string;
-  totals: __experimental_CommerceCheckoutTotals;
-  subscription?: __experimental_CommerceSubscriptionResource;
-  confirm: (params: __experimental_ConfirmCheckoutParams) => Promise<__experimental_CommerceCheckoutResource>;
+  totals: CommerceCheckoutTotals;
+  subscription?: CommerceSubscriptionResource;
+  confirm: (params: ConfirmCheckoutParams) => Promise<CommerceCheckoutResource>;
   isImmediatePlanChange: boolean;
 }
diff --git a/packages/types/src/commerceSettings.ts b/packages/types/src/commerceSettings.ts
index bf961d08513..3be9ede7370 100644
--- a/packages/types/src/commerceSettings.ts
+++ b/packages/types/src/commerceSettings.ts
@@ -1,9 +1,9 @@
-import type { __experimental_CommerceSettingsJSONSnapshot } from 'snapshots';
+import type { CommerceSettingsJSONSnapshot } from 'snapshots';
 
 import type { ClerkResourceJSON } from './json';
 import type { ClerkResource } from './resource';
 
-export interface __experimental_CommerceSettingsJSON extends ClerkResourceJSON {
+export interface CommerceSettingsJSON extends ClerkResourceJSON {
   billing: {
     enabled: boolean;
     stripe_publishable_key: string;
@@ -12,7 +12,7 @@ export interface __experimental_CommerceSettingsJSON extends ClerkResourceJSON {
   };
 }
 
-export interface __experimental_CommerceSettingsResource extends ClerkResource {
+export interface CommerceSettingsResource extends ClerkResource {
   billing: {
     enabled: boolean;
     stripePublishableKey: string;
@@ -20,5 +20,5 @@ export interface __experimental_CommerceSettingsResource extends ClerkResource {
     hasPaidOrgPlans: boolean;
   };
 
-  __internal_toSnapshot: () => __experimental_CommerceSettingsJSONSnapshot;
+  __internal_toSnapshot: () => CommerceSettingsJSONSnapshot;
 }
diff --git a/packages/types/src/environment.ts b/packages/types/src/environment.ts
index f1b142ed2c6..91076d2b119 100644
--- a/packages/types/src/environment.ts
+++ b/packages/types/src/environment.ts
@@ -1,5 +1,5 @@
 import type { AuthConfigResource } from './authConfig';
-import type { __experimental_CommerceSettingsResource } from './commerceSettings';
+import type { CommerceSettingsResource } from './commerceSettings';
 import type { DisplayConfigResource } from './displayConfig';
 import type { OrganizationSettingsResource } from './organizationSettings';
 import type { ClerkResource } from './resource';
@@ -11,7 +11,7 @@ export interface EnvironmentResource extends ClerkResource {
   organizationSettings: OrganizationSettingsResource;
   authConfig: AuthConfigResource;
   displayConfig: DisplayConfigResource;
-  __experimental_commerceSettings: __experimental_CommerceSettingsResource;
+  commerceSettings: CommerceSettingsResource;
   isSingleSession: () => boolean;
   isProduction: () => boolean;
   isDevelopmentOrStaging: () => boolean;
diff --git a/packages/types/src/json.ts b/packages/types/src/json.ts
index 09dc432e4a0..680ef271a70 100644
--- a/packages/types/src/json.ts
+++ b/packages/types/src/json.ts
@@ -3,12 +3,12 @@
  */
 
 import type {
-  __experimental_CommerceInvoiceStatus,
-  __experimental_CommercePaymentSourceStatus,
-  __experimental_CommerceSubscriptionPlanPeriod,
-  __experimental_CommerceSubscriptionStatus,
+  CommerceInvoiceStatus,
+  CommercePaymentSourceStatus,
+  CommerceSubscriptionPlanPeriod,
+  CommerceSubscriptionStatus,
 } from './commerce';
-import type { __experimental_CommerceSettingsJSON } from './commerceSettings';
+import type { CommerceSettingsJSON } from './commerceSettings';
 import type { DisplayConfigJSON } from './displayConfig';
 import type { EnterpriseProtocol, EnterpriseProvider } from './enterpriseAccount';
 import type { ActClaim } from './jwtv2';
@@ -67,7 +67,7 @@ export interface ImageJSON {
 
 export interface EnvironmentJSON extends ClerkResourceJSON {
   auth_config: AuthConfigJSON;
-  commerce_settings: __experimental_CommerceSettingsJSON;
+  commerce_settings: CommerceSettingsJSON;
   display_config: DisplayConfigJSON;
   user_settings: UserSettingsJSON;
   organization_settings: OrganizationSettingsJSON;
@@ -584,7 +584,7 @@ export interface WaitlistJSON extends ClerkResourceJSON {
   updated_at: number;
 }
 
-export interface __experimental_CommerceFeatureJSON extends ClerkResourceJSON {
+export interface CommerceFeatureJSON extends ClerkResourceJSON {
   object: 'commerce_feature';
   id: string;
   name: string;
@@ -593,7 +593,7 @@ export interface __experimental_CommerceFeatureJSON extends ClerkResourceJSON {
   avatar_url: string;
 }
 
-export interface __experimental_CommercePlanJSON extends ClerkResourceJSON {
+export interface CommercePlanJSON extends ClerkResourceJSON {
   object: 'commerce_plan';
   id: string;
   name: string;
@@ -611,90 +611,89 @@ export interface __experimental_CommercePlanJSON extends ClerkResourceJSON {
   publicly_visible: boolean;
   slug: string;
   avatar_url: string;
-  features: __experimental_CommerceFeatureJSON[];
+  features: CommerceFeatureJSON[];
 }
 
-export interface __experimental_CommerceProductJSON extends ClerkResourceJSON {
+export interface CommerceProductJSON extends ClerkResourceJSON {
   object: 'commerce_product';
   id: string;
   slug: string;
   currency: string;
   is_default: boolean;
-  plans: __experimental_CommercePlanJSON[];
+  plans: CommercePlanJSON[];
 }
 
-export interface __experimental_CommercePaymentSourceJSON extends ClerkResourceJSON {
+export interface CommercePaymentSourceJSON extends ClerkResourceJSON {
   object: 'commerce_payment_source';
   id: string;
   last4: string;
   payment_method: string;
   card_type: string;
   is_default: boolean;
-  status: __experimental_CommercePaymentSourceStatus;
+  status: CommercePaymentSourceStatus;
   wallet_type: string | null;
 }
 
-export interface __experimental_CommerceInitializedPaymentSourceJSON extends ClerkResourceJSON {
+export interface CommerceInitializedPaymentSourceJSON extends ClerkResourceJSON {
   object: 'commerce_payment_source_initialize';
   external_client_secret: string;
   external_gateway_id: string;
 }
 
-export interface __experimental_CommerceInvoiceJSON extends ClerkResourceJSON {
+export interface CommerceInvoiceJSON extends ClerkResourceJSON {
   object: 'commerce_invoice';
   id: string;
   paid_on: number;
   payment_due_on: number;
-  status: __experimental_CommerceInvoiceStatus;
-  totals: __experimental_CommerceInvoiceTotalsJSON;
+  status: CommerceInvoiceStatus;
+  totals: CommerceInvoiceTotalsJSON;
 }
 
-export interface __experimental_CommerceSubscriptionJSON extends ClerkResourceJSON {
+export interface CommerceSubscriptionJSON extends ClerkResourceJSON {
   object: 'commerce_subscription';
   id: string;
   payment_source_id: string;
-  plan: __experimental_CommercePlanJSON;
-  plan_period: __experimental_CommerceSubscriptionPlanPeriod;
-  status: __experimental_CommerceSubscriptionStatus;
+  plan: CommercePlanJSON;
+  plan_period: CommerceSubscriptionPlanPeriod;
+  status: CommerceSubscriptionStatus;
   period_start: number;
   period_end: number;
   canceled_at: number | null;
 }
 
-export interface __experimental_CommerceMoneyJSON {
+export interface CommerceMoneyJSON {
   amount: number;
   amount_formatted: string;
   currency: string;
   currency_symbol: string;
 }
 
-export interface __experimental_CommerceCheckoutTotalsJSON {
-  grand_total: __experimental_CommerceMoneyJSON;
-  subtotal: __experimental_CommerceMoneyJSON;
-  tax_total: __experimental_CommerceMoneyJSON;
-  total_due_now: __experimental_CommerceMoneyJSON;
+export interface CommerceCheckoutTotalsJSON {
+  grand_total: CommerceMoneyJSON;
+  subtotal: CommerceMoneyJSON;
+  tax_total: CommerceMoneyJSON;
+  total_due_now: CommerceMoneyJSON;
   proration?: {
     days: number;
-    rate_per_day: __experimental_CommerceMoneyJSON;
-    total_proration: __experimental_CommerceMoneyJSON;
+    rate_per_day: CommerceMoneyJSON;
+    total_proration: CommerceMoneyJSON;
   };
 }
 
 // eslint-disable-next-line @typescript-eslint/no-empty-object-type
-export interface __experimental_CommerceInvoiceTotalsJSON
-  extends Omit<__experimental_CommerceCheckoutTotalsJSON, 'total_due_now'> {}
+export interface CommerceInvoiceTotalsJSON extends Omit<CommerceCheckoutTotalsJSON, 'total_due_now'> {}
 
-export interface __experimental_CommerceCheckoutJSON extends ClerkResourceJSON {
+export interface CommerceCheckoutJSON extends ClerkResourceJSON {
   object: 'commerce_checkout';
   id: string;
   external_client_secret: string;
   external_gateway_id: string;
   invoice_id: string;
-  payment_source?: __experimental_CommercePaymentSourceJSON;
-  plan: __experimental_CommercePlanJSON;
-  plan_period: __experimental_CommerceSubscriptionPlanPeriod;
+  payment_source?: CommercePaymentSourceJSON;
+  plan: CommercePlanJSON;
+  plan_period: CommerceSubscriptionPlanPeriod;
   status: string;
-  subscription?: __experimental_CommerceSubscriptionJSON;
-  totals: __experimental_CommerceCheckoutTotalsJSON;
+  subscription?: CommerceSubscriptionJSON;
+  totals: CommerceCheckoutTotalsJSON;
   is_immediate_plan_change: boolean;
 }
diff --git a/packages/types/src/organization.ts b/packages/types/src/organization.ts
index 8f49e47c2e8..39f5a1feadd 100644
--- a/packages/types/src/organization.ts
+++ b/packages/types/src/organization.ts
@@ -1,4 +1,4 @@
-import type { __experimental_CommerceSubscriptionResource, __experimental_GetSubscriptionsParams } from './commerce';
+import type { CommerceSubscriptionResource } from './commerce';
 import type { OrganizationDomainResource, OrganizationEnrollmentMode } from './organizationDomain';
 import type { OrganizationInvitationResource, OrganizationInvitationStatus } from './organizationInvitation';
 import type { OrganizationCustomRoleKey, OrganizationMembershipResource } from './organizationMembership';
@@ -56,9 +56,7 @@ export interface OrganizationResource extends ClerkResource {
   getMembershipRequests: (
     params?: GetMembershipRequestParams,
   ) => Promise<ClerkPaginatedResponse<OrganizationMembershipRequestResource>>;
-  __experimental_getSubscriptions: (
-    params?: __experimental_GetSubscriptionsParams,
-  ) => Promise<ClerkPaginatedResponse<__experimental_CommerceSubscriptionResource>>;
+  getSubscriptions: (params?: GetSubscriptionsParams) => Promise<ClerkPaginatedResponse<CommerceSubscriptionResource>>;
   addMember: (params: AddMemberParams) => Promise<OrganizationMembershipResource>;
   inviteMember: (params: InviteMemberParams) => Promise<OrganizationInvitationResource>;
   inviteMembers: (params: InviteMembersParams) => Promise<OrganizationInvitationResource[]>;
diff --git a/packages/types/src/snapshots.ts b/packages/types/src/snapshots.ts
index bc398bb633e..24a575d3b56 100644
--- a/packages/types/src/snapshots.ts
+++ b/packages/types/src/snapshots.ts
@@ -1,6 +1,6 @@
 // this file contains the types returned by the __internal_toSnapshot method of the resources
 
-import type { __experimental_CommerceSettingsJSON } from './commerceSettings';
+import type { CommerceSettingsJSON } from './commerceSettings';
 import type { DisplayConfigJSON } from './displayConfig';
 import type {
   AuthConfigJSON,
@@ -184,4 +184,4 @@ export type Web3WalletJSONSnapshot = Override<
 
 export type PublicUserDataJSONSnapshot = PublicUserDataJSON;
 
-export type __experimental_CommerceSettingsJSONSnapshot = __experimental_CommerceSettingsJSON;
+export type CommerceSettingsJSONSnapshot = CommerceSettingsJSON;

From 36e290ae8746cd11c172ca6c244bac8218b56736 Mon Sep 17 00:00:00 2001
From: panteliselef <panteliselef@outlook.com>
Date: Wed, 30 Apr 2025 14:59:08 +0300
Subject: [PATCH 3/8] add changeset

---
 .changeset/social-tables-cover.md | 14 ++++++++++++++
 1 file changed, 14 insertions(+)
 create mode 100644 .changeset/social-tables-cover.md

diff --git a/.changeset/social-tables-cover.md b/.changeset/social-tables-cover.md
new file mode 100644
index 00000000000..128c723fdde
--- /dev/null
+++ b/.changeset/social-tables-cover.md
@@ -0,0 +1,14 @@
+---
+'@clerk/tanstack-react-start': minor
+'@clerk/chrome-extension': minor
+'@clerk/react-router': minor
+'@clerk/clerk-js': minor
+'@clerk/nextjs': minor
+'@clerk/shared': minor
+'@clerk/clerk-react': minor
+'@clerk/types': minor
+'@clerk/clerk-expo': minor
+'@clerk/remix': minor
+---
+
+Mark commerce apis as stable

From a7c0d49d66a91a41c3f0840ad244940c9b87c588 Mon Sep 17 00:00:00 2001
From: panteliselef <panteliselef@outlook.com>
Date: Wed, 30 Apr 2025 15:19:36 +0300
Subject: [PATCH 4/8] changeset for js

---
 .changeset/witty-doors-hear.md | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 .changeset/witty-doors-hear.md

diff --git a/.changeset/witty-doors-hear.md b/.changeset/witty-doors-hear.md
new file mode 100644
index 00000000000..63639d0a30f
--- /dev/null
+++ b/.changeset/witty-doors-hear.md
@@ -0,0 +1,21 @@
+---
+'@clerk/clerk-js': minor
+'@clerk/clerk-react': minor
+'@clerk/types': minor
+---
+
+Expose stable commerce stable apis under `Clerk.commerce`
+
+## Render the pricing table component
+- `Clerk.mountPricingTable`
+- `Clerk.unmountPricingTable`
+
+## Commerce namespace
+- `Clerk.commerce.initializePaymentSource()`
+- `Clerk.commerce.addPaymentSource()`
+- `Clerk.commerce.getPaymentSources()`
+- `Clerk.commerce.billing`
+  - `Clerk.commerce.billing.getPlans()`
+  - `Clerk.commerce.billing.getSubscriptions()`
+  - `Clerk.commerce.billing.getInvoices()`
+  - `Clerk.commerce.billing.startCheckout()`

From d4caa33e445ea7a0d25d3c1051c15ef744238c07 Mon Sep 17 00:00:00 2001
From: panteliselef <panteliselef@outlook.com>
Date: Wed, 30 Apr 2025 15:21:50 +0300
Subject: [PATCH 5/8] changeset for public component

---
 .changeset/better-streets-sort.md | 10 ++++++++++
 1 file changed, 10 insertions(+)
 create mode 100644 .changeset/better-streets-sort.md

diff --git a/.changeset/better-streets-sort.md b/.changeset/better-streets-sort.md
new file mode 100644
index 00000000000..79d9dcbb017
--- /dev/null
+++ b/.changeset/better-streets-sort.md
@@ -0,0 +1,10 @@
+---
+'@clerk/tanstack-react-start': minor
+'@clerk/chrome-extension': minor
+'@clerk/react-router': minor
+'@clerk/nextjs': minor
+'@clerk/clerk-react': minor
+'@clerk/clerk-expo': minor
+---
+
+Export a new `<PricingTable />` component. This component renders plans for user or organizations and upon selection the end-user is prompted with a checkout form.

From 72e7b8c69d99b51238d8ca0832c3c6af746594bc Mon Sep 17 00:00:00 2001
From: Nikos Douvlis <nikosdouvlis@gmail.com>
Date: Mon, 5 May 2025 18:13:25 +0300
Subject: [PATCH 6/8] refactor(clerk-js): Drop experimental from commerce apis

---
 packages/clerk-js/src/core/clerk.ts           |  2 +
 .../core/modules/commerce/CommerceBilling.ts  |  4 ++
 .../core/resources/CommercePaymentSource.ts   |  2 +
 .../src/core/resources/Organization.ts        |  1 +
 .../__snapshots__/Environment.test.ts.snap    | 24 ++++-----
 .../__snapshots__/Organization.test.ts.snap   |  2 +-
 .../OrganizationMembership.test.ts.snap       |  2 +-
 packages/clerk-js/src/ui/Components.tsx       | 17 +++----
 .../src/ui/components/Checkout/Checkout.tsx   | 10 ++--
 .../ui/components/Checkout/CheckoutPage.tsx   |  2 +-
 .../OrganizationBillingPage.tsx               | 14 +++---
 .../OrganizationProfileRoutes.tsx             |  4 +-
 .../PaymentSources/PaymentSources.tsx         |  4 +-
 .../src/ui/components/Plans/PlanDetails.tsx   |  1 +
 .../ui/components/UserProfile/BillingPage.tsx | 14 +++---
 .../UserProfile/UserProfileRoutes.tsx         | 49 +++++++++----------
 .../src/ui/contexts/components/Checkout.ts    |  6 +--
 .../src/ui/contexts/components/Invoices.tsx   |  8 +--
 packages/clerk-js/src/ui/hooks/useCheckout.ts |  2 +-
 .../ui/lazyModules/MountedCheckoutDrawer.tsx  |  4 +-
 .../lazyModules/MountedPlanDetailDrawer.tsx   |  4 +-
 .../clerk-js/src/ui/lazyModules/components.ts |  4 +-
 packages/clerk-js/src/ui/types.ts             |  2 +
 .../clerk-js/src/utils/componentGuards.ts     |  6 +--
 packages/localizations/src/ar-SA.ts           |  4 +-
 packages/localizations/src/be-BY.ts           |  4 +-
 packages/localizations/src/bg-BG.ts           |  4 +-
 packages/localizations/src/ca-ES.ts           |  4 +-
 packages/localizations/src/cs-CZ.ts           |  4 +-
 packages/localizations/src/da-DK.ts           |  4 +-
 packages/localizations/src/de-DE.ts           |  4 +-
 packages/localizations/src/el-GR.ts           |  4 +-
 packages/localizations/src/en-GB.ts           |  4 +-
 packages/localizations/src/en-US.ts           |  4 +-
 packages/localizations/src/es-ES.ts           |  4 +-
 packages/localizations/src/es-MX.ts           |  4 +-
 packages/localizations/src/fi-FI.ts           |  4 +-
 packages/localizations/src/fr-FR.ts           |  4 +-
 packages/localizations/src/he-IL.ts           |  4 +-
 packages/localizations/src/hr-HR.ts           |  4 +-
 packages/localizations/src/hu-HU.ts           |  4 +-
 packages/localizations/src/id-ID.ts           |  4 +-
 packages/localizations/src/is-IS.ts           |  4 +-
 packages/localizations/src/it-IT.ts           |  4 +-
 packages/localizations/src/ja-JP.ts           |  4 +-
 packages/localizations/src/ko-KR.ts           |  4 +-
 packages/localizations/src/mn-MN.ts           |  4 +-
 packages/localizations/src/nb-NO.ts           |  4 +-
 packages/localizations/src/nl-BE.ts           |  4 +-
 packages/localizations/src/nl-NL.ts           |  4 +-
 packages/localizations/src/pl-PL.ts           |  4 +-
 packages/localizations/src/pt-BR.ts           |  4 +-
 packages/localizations/src/pt-PT.ts           |  4 +-
 packages/localizations/src/ro-RO.ts           |  4 +-
 packages/localizations/src/ru-RU.ts           |  4 +-
 packages/localizations/src/sk-SK.ts           |  4 +-
 packages/localizations/src/sr-RS.ts           |  4 +-
 packages/localizations/src/sv-SE.ts           |  4 +-
 packages/localizations/src/th-TH.ts           |  4 +-
 packages/localizations/src/tr-TR.ts           |  4 +-
 packages/localizations/src/uk-UA.ts           |  4 +-
 packages/localizations/src/vi-VN.ts           |  4 +-
 packages/localizations/src/zh-CN.ts           |  4 +-
 packages/localizations/src/zh-TW.ts           |  4 +-
 packages/react/src/isomorphicClerk.ts         |  2 +
 .../src/react/hooks/useOrganization.tsx       |  1 +
 packages/types/src/localization.ts            |  4 +-
 packages/types/src/organization.ts            |  2 +-
 68 files changed, 179 insertions(+), 178 deletions(-)

diff --git a/packages/clerk-js/src/core/clerk.ts b/packages/clerk-js/src/core/clerk.ts
index 0482e4ff134..b3d251e506b 100644
--- a/packages/clerk-js/src/core/clerk.ts
+++ b/packages/clerk-js/src/core/clerk.ts
@@ -21,6 +21,7 @@ import type {
   AuthenticateWithGoogleOneTapParams,
   AuthenticateWithMetamaskParams,
   AuthenticateWithOKXWalletParams,
+  CheckoutProps,
   Clerk as ClerkInterface,
   ClerkAPIError,
   ClerkAuthenticateWithWeb3Params,
@@ -48,6 +49,7 @@ import type {
   OrganizationResource,
   OrganizationSwitcherProps,
   PendingSessionResource,
+  PlanDetailsProps,
   PricingTableProps,
   PublicKeyCredentialCreationOptionsWithoutExtensions,
   PublicKeyCredentialRequestOptionsWithoutExtensions,
diff --git a/packages/clerk-js/src/core/modules/commerce/CommerceBilling.ts b/packages/clerk-js/src/core/modules/commerce/CommerceBilling.ts
index cac2a11391e..3d9346ca9fa 100644
--- a/packages/clerk-js/src/core/modules/commerce/CommerceBilling.ts
+++ b/packages/clerk-js/src/core/modules/commerce/CommerceBilling.ts
@@ -8,6 +8,10 @@ import type {
   CommerceProductJSON,
   CommerceSubscriptionJSON,
   CommerceSubscriptionResource,
+  CreateCheckoutParams,
+  GetInvoicesParams,
+  GetPlansParams,
+  GetSubscriptionsParams,
 } from '@clerk/types';
 
 import { convertPageToOffsetSearchParams } from '../../../utils/convertPageToOffsetSearchParams';
diff --git a/packages/clerk-js/src/core/resources/CommercePaymentSource.ts b/packages/clerk-js/src/core/resources/CommercePaymentSource.ts
index 81b4fb73858..d5e3328595b 100644
--- a/packages/clerk-js/src/core/resources/CommercePaymentSource.ts
+++ b/packages/clerk-js/src/core/resources/CommercePaymentSource.ts
@@ -5,6 +5,8 @@ import type {
   CommercePaymentSourceResource,
   CommercePaymentSourceStatus,
   DeletedObjectJSON,
+  MakeDefaultPaymentSourceParams,
+  RemovePaymentSourceParams,
 } from '@clerk/types';
 
 import { BaseResource, DeletedObject } from './internal';
diff --git a/packages/clerk-js/src/core/resources/Organization.ts b/packages/clerk-js/src/core/resources/Organization.ts
index 922d3988023..41307a1be5c 100644
--- a/packages/clerk-js/src/core/resources/Organization.ts
+++ b/packages/clerk-js/src/core/resources/Organization.ts
@@ -10,6 +10,7 @@ import type {
   GetMembershipRequestParams,
   GetMemberships,
   GetRolesParams,
+  GetSubscriptionsParams,
   InviteMemberParams,
   InviteMembersParams,
   OrganizationDomainJSON,
diff --git a/packages/clerk-js/src/core/resources/__tests__/__snapshots__/Environment.test.ts.snap b/packages/clerk-js/src/core/resources/__tests__/__snapshots__/Environment.test.ts.snap
index 8e639f301a5..3e85a3566ee 100644
--- a/packages/clerk-js/src/core/resources/__tests__/__snapshots__/Environment.test.ts.snap
+++ b/packages/clerk-js/src/core/resources/__tests__/__snapshots__/Environment.test.ts.snap
@@ -275,6 +275,12 @@ exports[`Environment __internal_toSnapshot() 1`] = `
 
 exports[`Environment defaults values when instantiated without arguments 1`] = `
 Environment {
+  "authConfig": AuthConfig {
+    "claimedAt": null,
+    "pathRoot": "",
+    "reverification": false,
+    "singleSessionMode": false,
+  },
   "commerceSettings": CommerceSettings {
     "billing": {
       "enabled": false,
@@ -284,12 +290,6 @@ Environment {
     },
     "pathRoot": "",
   },
-  "authConfig": AuthConfig {
-    "claimedAt": null,
-    "pathRoot": "",
-    "reverification": false,
-    "singleSessionMode": false,
-  },
   "displayConfig": DisplayConfig {
     "afterCreateOrganizationUrl": "",
     "afterJoinWaitlistUrl": "",
@@ -506,6 +506,12 @@ Environment {
 
 exports[`Environment has the same initial properties 1`] = `
 Environment {
+  "authConfig": AuthConfig {
+    "claimedAt": null,
+    "pathRoot": "",
+    "reverification": true,
+    "singleSessionMode": true,
+  },
   "commerceSettings": CommerceSettings {
     "billing": {
       "enabled": false,
@@ -515,12 +521,6 @@ Environment {
     },
     "pathRoot": "",
   },
-  "authConfig": AuthConfig {
-    "claimedAt": null,
-    "pathRoot": "",
-    "reverification": true,
-    "singleSessionMode": true,
-  },
   "displayConfig": DisplayConfig {
     "afterCreateOrganizationUrl": "",
     "afterJoinWaitlistUrl": "",
diff --git a/packages/clerk-js/src/core/resources/__tests__/__snapshots__/Organization.test.ts.snap b/packages/clerk-js/src/core/resources/__tests__/__snapshots__/Organization.test.ts.snap
index 39122a1625d..c75d48deaf9 100644
--- a/packages/clerk-js/src/core/resources/__tests__/__snapshots__/Organization.test.ts.snap
+++ b/packages/clerk-js/src/core/resources/__tests__/__snapshots__/Organization.test.ts.snap
@@ -2,7 +2,6 @@
 
 exports[`Organization has the same initial properties 1`] = `
 Organization {
-  "__experimental_getSubscriptions": [Function],
   "addMember": [Function],
   "adminDeleteEnabled": true,
   "createDomain": [Function],
@@ -14,6 +13,7 @@ Organization {
   "getMembershipRequests": [Function],
   "getMemberships": [Function],
   "getRoles": [Function],
+  "getSubscriptions": [Function],
   "hasImage": true,
   "id": "test_id",
   "imageUrl": "https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18xbHlXRFppb2JyNjAwQUtVZVFEb1NsckVtb00iLCJyaWQiOiJ1c2VyXzJKbElJQTN2VXNjWXh1N2VUMnhINmFrTGgxOCIsImluaXRpYWxzIjoiREsifQ?width=160",
diff --git a/packages/clerk-js/src/core/resources/__tests__/__snapshots__/OrganizationMembership.test.ts.snap b/packages/clerk-js/src/core/resources/__tests__/__snapshots__/OrganizationMembership.test.ts.snap
index 1196d8108d4..f5ef5e33515 100644
--- a/packages/clerk-js/src/core/resources/__tests__/__snapshots__/OrganizationMembership.test.ts.snap
+++ b/packages/clerk-js/src/core/resources/__tests__/__snapshots__/OrganizationMembership.test.ts.snap
@@ -6,7 +6,6 @@ OrganizationMembership {
   "destroy": [Function],
   "id": "test_id",
   "organization": Organization {
-    "__experimental_getSubscriptions": [Function],
     "addMember": [Function],
     "adminDeleteEnabled": true,
     "createDomain": [Function],
@@ -18,6 +17,7 @@ OrganizationMembership {
     "getMembershipRequests": [Function],
     "getMemberships": [Function],
     "getRoles": [Function],
+    "getSubscriptions": [Function],
     "hasImage": true,
     "id": "test_org_id",
     "imageUrl": "https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18xbHlXRFppb2JyNjAwQUtVZVFEb1NsckVtb00iLCJyaWQiOiJ1c2VyXzJKbElJQTN2VXNjWXh1N2VUMnhINmFrTGgxOCIsImluaXRpYWxzIjoiREsifQ?width=160",
diff --git a/packages/clerk-js/src/ui/Components.tsx b/packages/clerk-js/src/ui/Components.tsx
index fdb327bd0ef..dffd17de2a9 100644
--- a/packages/clerk-js/src/ui/Components.tsx
+++ b/packages/clerk-js/src/ui/Components.tsx
@@ -1,15 +1,15 @@
 import { createDeferredPromise } from '@clerk/shared/utils';
 import type {
-  __experimental_CheckoutProps,
-  __experimental_PlanDetailsProps,
   __internal_UserVerificationProps,
   Appearance,
+  CheckoutProps,
   Clerk,
   ClerkOptions,
   CreateOrganizationProps,
   EnvironmentResource,
   GoogleOneTapProps,
   OrganizationProfileProps,
+  PlanDetailsProps,
   SignInProps,
   SignUpProps,
   UserProfileProps,
@@ -20,8 +20,7 @@ import React, { Suspense } from 'react';
 import { clerkUIErrorDOMElementNotFound } from '../core/errors';
 import { buildVirtualRouterUrl } from '../utils';
 import { disambiguateRedirectOptions } from '../utils/disambiguateRedirectOptions';
-import type { AppearanceCascade } from './customizables/parseAppearance';
-// NOTE: Using `./hooks` instead of `./hooks/useClerkModalStateParams` will increase the bundle size
+import type { AppearanceCascade } from './customizables/parseAppearance'; // NOTE: Using `./hooks` instead of `./hooks/useClerkModalStateParams` will increase the bundle size
 import { useClerkModalStateParams } from './hooks/useClerkModalStateParams';
 import type { ClerkComponentName } from './lazyModules/components';
 import {
@@ -109,11 +108,7 @@ export type ComponentControls = {
   ) => void;
   openDrawer: <T extends 'checkout' | 'planDetails'>(
     drawer: T,
-    props: T extends 'checkout'
-      ? __experimental_CheckoutProps
-      : T extends 'planDetails'
-        ? __experimental_PlanDetailsProps
-        : never,
+    props: T extends 'checkout' ? CheckoutProps : T extends 'planDetails' ? PlanDetailsProps : never,
   ) => void;
   closeDrawer: (
     drawer: 'checkout' | 'planDetails',
@@ -155,11 +150,11 @@ interface ComponentsState {
   waitlistModal: null | WaitlistProps;
   checkoutDrawer: {
     open: false;
-    props: null | __experimental_CheckoutProps;
+    props: null | CheckoutProps;
   };
   planDetailsDrawer: {
     open: false;
-    props: null | __experimental_PlanDetailsProps;
+    props: null | PlanDetailsProps;
   };
   nodes: Map<HTMLDivElement, HtmlNodeOptions>;
   impersonationFab: boolean;
diff --git a/packages/clerk-js/src/ui/components/Checkout/Checkout.tsx b/packages/clerk-js/src/ui/components/Checkout/Checkout.tsx
index 03ef90b08a6..0067bbebd1d 100644
--- a/packages/clerk-js/src/ui/components/Checkout/Checkout.tsx
+++ b/packages/clerk-js/src/ui/components/Checkout/Checkout.tsx
@@ -1,16 +1,16 @@
-import type { __experimental_CheckoutProps } from '@clerk/types';
+import type { CheckoutProps } from '@clerk/types';
 
-import { __experimental_CheckoutContext, SubscriberTypeContext } from '../../contexts';
+import { CheckoutContext, SubscriberTypeContext } from '../../contexts';
 import { Flow } from '../../customizables';
 import { Drawer } from '../../elements';
 import { CheckoutPage } from './CheckoutPage';
 
-export const __experimental_Checkout = (props: __experimental_CheckoutProps) => {
+export const Checkout = (props: CheckoutProps) => {
   return (
     <Flow.Root flow='checkout'>
       <Flow.Part>
         <SubscriberTypeContext.Provider value={props.subscriberType || 'user'}>
-          <__experimental_CheckoutContext.Provider
+          <CheckoutContext.Provider
             value={{
               componentName: 'Checkout',
               ...props,
@@ -20,7 +20,7 @@ export const __experimental_Checkout = (props: __experimental_CheckoutProps) =>
               <Drawer.Header title='Checkout' />
               <CheckoutPage {...props} />
             </Drawer.Content>
-          </__experimental_CheckoutContext.Provider>
+          </CheckoutContext.Provider>
         </SubscriberTypeContext.Provider>
       </Flow.Part>
     </Flow.Root>
diff --git a/packages/clerk-js/src/ui/components/Checkout/CheckoutPage.tsx b/packages/clerk-js/src/ui/components/Checkout/CheckoutPage.tsx
index 2f51685b445..16c7756c9c9 100644
--- a/packages/clerk-js/src/ui/components/Checkout/CheckoutPage.tsx
+++ b/packages/clerk-js/src/ui/components/Checkout/CheckoutPage.tsx
@@ -1,4 +1,4 @@
-import type { ClerkAPIError, CommerceCheckoutResource } from '@clerk/types';
+import type { CheckoutProps, ClerkAPIError, CommerceCheckoutResource } from '@clerk/types';
 import { useEffect } from 'react';
 
 import { Alert, Box, Flex, localizationKeys, Spinner, useAppearance, useLocalizations } from '../../customizables';
diff --git a/packages/clerk-js/src/ui/components/OrganizationProfile/OrganizationBillingPage.tsx b/packages/clerk-js/src/ui/components/OrganizationProfile/OrganizationBillingPage.tsx
index eb4cd34669e..143873a9991 100644
--- a/packages/clerk-js/src/ui/components/OrganizationProfile/OrganizationBillingPage.tsx
+++ b/packages/clerk-js/src/ui/components/OrganizationProfile/OrganizationBillingPage.tsx
@@ -20,7 +20,7 @@ import {
 import { useTabState } from '../../hooks/useTabState';
 import { useRouter } from '../../router';
 import { InvoicesList } from '../Invoices';
-import { __experimental_PaymentSources } from '../PaymentSources/PaymentSources';
+import { PaymentSources } from '../PaymentSources';
 import { PricingTable } from '../PricingTable';
 import { SubscriptionsList } from '../Subscriptions';
 
@@ -51,7 +51,7 @@ const OrganizationBillingPageInternal = withCardStateProvider(() => {
       >
         <Header.Root>
           <Header.Title
-            localizationKey={localizationKeys('userProfile.__experimental_billingPage.title')}
+            localizationKey={localizationKeys('userProfile.billingPage.title')}
             textVariant='h2'
           />
         </Header.Root>
@@ -66,13 +66,11 @@ const OrganizationBillingPageInternal = withCardStateProvider(() => {
             <Tab
               localizationKey={
                 subscriptions.data.length > 0
-                  ? localizationKeys('userProfile.__experimental_billingPage.start.headerTitle__subscriptions')
-                  : localizationKeys('userProfile.__experimental_billingPage.start.headerTitle__plans')
+                  ? localizationKeys('userProfile.billingPage.start.headerTitle__subscriptions')
+                  : localizationKeys('userProfile.billingPage.start.headerTitle__plans')
               }
             />
-            <Tab
-              localizationKey={localizationKeys('userProfile.__experimental_billingPage.start.headerTitle__invoices')}
-            />
+            <Tab localizationKey={localizationKeys('userProfile.billingPage.start.headerTitle__invoices')} />
           </TabsList>
           <TabPanels>
             <TabPanel sx={{ width: '100%', flexDirection: 'column' }}>
@@ -91,7 +89,7 @@ const OrganizationBillingPageInternal = withCardStateProvider(() => {
                       width: 'fit-content',
                     }}
                   />
-                  <__experimental_PaymentSources />
+                  <PaymentSources />
                 </Flex>
               ) : (
                 <PricingTableContext.Provider value={{ componentName: 'PricingTable', mode: 'modal' }}>
diff --git a/packages/clerk-js/src/ui/components/OrganizationProfile/OrganizationProfileRoutes.tsx b/packages/clerk-js/src/ui/components/OrganizationProfile/OrganizationProfileRoutes.tsx
index b921ad969c9..7036ef0cf08 100644
--- a/packages/clerk-js/src/ui/components/OrganizationProfile/OrganizationProfileRoutes.tsx
+++ b/packages/clerk-js/src/ui/components/OrganizationProfile/OrganizationProfileRoutes.tsx
@@ -17,7 +17,7 @@ const OrganizationBillingPage = lazy(() =>
 
 export const OrganizationProfileRoutes = () => {
   const { pages, isMembersPageRoot, isGeneralPageRoot, isBillingPageRoot } = useOrganizationProfileContext();
-  const { __experimental_commerceSettings } = useEnvironment();
+  const { commerceSettings } = useEnvironment();
 
   const customPageRoutesWithContents = pages.contents?.map((customPage, index) => {
     const shouldFirstCustomItemBeOnRoot = !isGeneralPageRoot && !isMembersPageRoot && index === 0;
@@ -60,7 +60,7 @@ export const OrganizationProfileRoutes = () => {
             </Route>
           </Switch>
         </Route>
-        {__experimental_commerceSettings.billing.enabled && __experimental_commerceSettings.billing.hasPaidOrgPlans && (
+        {commerceSettings.billing.enabled && commerceSettings.billing.hasPaidOrgPlans && (
           <Route path={isBillingPageRoot ? undefined : 'organization-billing'}>
             <Switch>
               <Route index>
diff --git a/packages/clerk-js/src/ui/components/PaymentSources/PaymentSources.tsx b/packages/clerk-js/src/ui/components/PaymentSources/PaymentSources.tsx
index 2fd7bda41bc..0285de5ae0f 100644
--- a/packages/clerk-js/src/ui/components/PaymentSources/PaymentSources.tsx
+++ b/packages/clerk-js/src/ui/components/PaymentSources/PaymentSources.tsx
@@ -84,7 +84,7 @@ const RemoveScreen = ({
   );
 };
 
-const PaymentSources = () => {
+export const PaymentSources = () => {
   const { commerce } = useClerk();
   const { organization } = useOrganization();
   const subscriberType = useSubscriberTypeContext();
@@ -149,8 +149,6 @@ const PaymentSources = () => {
   );
 };
 
-export const PaymentSources = PaymentSources;
-
 const PaymentSourceMenu = ({
   paymentSource,
   revalidate,
diff --git a/packages/clerk-js/src/ui/components/Plans/PlanDetails.tsx b/packages/clerk-js/src/ui/components/Plans/PlanDetails.tsx
index 6782e3fb141..cbecf72ef9c 100644
--- a/packages/clerk-js/src/ui/components/Plans/PlanDetails.tsx
+++ b/packages/clerk-js/src/ui/components/Plans/PlanDetails.tsx
@@ -5,6 +5,7 @@ import type {
   CommercePlanResource,
   CommerceSubscriptionPlanPeriod,
   CommerceSubscriptionResource,
+  PlanDetailsProps,
 } from '@clerk/types';
 import * as React from 'react';
 import { useState } from 'react';
diff --git a/packages/clerk-js/src/ui/components/UserProfile/BillingPage.tsx b/packages/clerk-js/src/ui/components/UserProfile/BillingPage.tsx
index 465ee936d01..42f2074ba59 100644
--- a/packages/clerk-js/src/ui/components/UserProfile/BillingPage.tsx
+++ b/packages/clerk-js/src/ui/components/UserProfile/BillingPage.tsx
@@ -20,7 +20,7 @@ import {
 import { useTabState } from '../../hooks/useTabState';
 import { useRouter } from '../../router';
 import { InvoicesList } from '../Invoices';
-import { __experimental_PaymentSources } from '../PaymentSources';
+import { PaymentSources } from '../PaymentSources';
 import { PricingTable } from '../PricingTable';
 import { SubscriptionsList } from '../Subscriptions';
 
@@ -53,7 +53,7 @@ const BillingPageInternal = withCardStateProvider(() => {
       >
         <Header.Root>
           <Header.Title
-            localizationKey={localizationKeys('userProfile.__experimental_billingPage.title')}
+            localizationKey={localizationKeys('userProfile.billingPage.title')}
             textVariant='h2'
           />
         </Header.Root>
@@ -68,13 +68,11 @@ const BillingPageInternal = withCardStateProvider(() => {
             <Tab
               localizationKey={
                 subscriptions.data.length > 0
-                  ? localizationKeys('userProfile.__experimental_billingPage.start.headerTitle__subscriptions')
-                  : localizationKeys('userProfile.__experimental_billingPage.start.headerTitle__plans')
+                  ? localizationKeys('userProfile.billingPage.start.headerTitle__subscriptions')
+                  : localizationKeys('userProfile.billingPage.start.headerTitle__plans')
               }
             />
-            <Tab
-              localizationKey={localizationKeys('userProfile.__experimental_billingPage.start.headerTitle__invoices')}
-            />
+            <Tab localizationKey={localizationKeys('userProfile.billingPage.start.headerTitle__invoices')} />
           </TabsList>
           <TabPanels>
             <TabPanel sx={_ => ({ width: '100%', flexDirection: 'column' })}>
@@ -93,7 +91,7 @@ const BillingPageInternal = withCardStateProvider(() => {
                       width: 'fit-content',
                     }}
                   />
-                  <__experimental_PaymentSources />
+                  <PaymentSources />
                 </Flex>
               ) : (
                 <PricingTableContext.Provider value={{ componentName: 'PricingTable', mode: 'modal' }}>
diff --git a/packages/clerk-js/src/ui/components/UserProfile/UserProfileRoutes.tsx b/packages/clerk-js/src/ui/components/UserProfile/UserProfileRoutes.tsx
index 5cfd852b1f0..7d7cc93154f 100644
--- a/packages/clerk-js/src/ui/components/UserProfile/UserProfileRoutes.tsx
+++ b/packages/clerk-js/src/ui/components/UserProfile/UserProfileRoutes.tsx
@@ -17,7 +17,7 @@ const BillingPage = lazy(() =>
 
 export const UserProfileRoutes = () => {
   const { pages } = useUserProfileContext();
-  const { __experimental_commerceSettings } = useEnvironment();
+  const { commerceSettings } = useEnvironment();
 
   const isAccountPageRoot = pages.routes[0].id === USER_PROFILE_NAVBAR_ROUTE_ID.ACCOUNT;
   const isSecurityPageRoot = pages.routes[0].id === USER_PROFILE_NAVBAR_ROUTE_ID.SECURITY;
@@ -57,30 +57,29 @@ export const UserProfileRoutes = () => {
             </Route>
           </Switch>
         </Route>
-        {__experimental_commerceSettings.billing.enabled &&
-          __experimental_commerceSettings.billing.hasPaidUserPlans && (
-            <Route path={isBillingPageRoot ? undefined : 'billing'}>
-              <Switch>
-                <Route index>
-                  <Suspense fallback={''}>
-                    <BillingPage />
-                  </Suspense>
-                </Route>
-                <Route path='plans'>
-                  {/* TODO(@commerce): Should this be lazy loaded ? */}
-                  <Suspense fallback={''}>
-                    <PlansPage />
-                  </Suspense>
-                </Route>
-                <Route path='invoice/:invoiceId'>
-                  {/* TODO(@commerce): Should this be lazy loaded ? */}
-                  <Suspense fallback={''}>
-                    <InvoicePage />
-                  </Suspense>
-                </Route>
-              </Switch>
-            </Route>
-          )}
+        {commerceSettings.billing.enabled && commerceSettings.billing.hasPaidUserPlans && (
+          <Route path={isBillingPageRoot ? undefined : 'billing'}>
+            <Switch>
+              <Route index>
+                <Suspense fallback={''}>
+                  <BillingPage />
+                </Suspense>
+              </Route>
+              <Route path='plans'>
+                {/* TODO(@commerce): Should this be lazy loaded ? */}
+                <Suspense fallback={''}>
+                  <PlansPage />
+                </Suspense>
+              </Route>
+              <Route path='invoice/:invoiceId'>
+                {/* TODO(@commerce): Should this be lazy loaded ? */}
+                <Suspense fallback={''}>
+                  <InvoicePage />
+                </Suspense>
+              </Route>
+            </Switch>
+          </Route>
+        )}
       </Route>
     </Switch>
   );
diff --git a/packages/clerk-js/src/ui/contexts/components/Checkout.ts b/packages/clerk-js/src/ui/contexts/components/Checkout.ts
index 2ca765564a4..394fd243507 100644
--- a/packages/clerk-js/src/ui/contexts/components/Checkout.ts
+++ b/packages/clerk-js/src/ui/contexts/components/Checkout.ts
@@ -2,13 +2,13 @@ import { useClerk } from '@clerk/shared/react';
 import { createContext, useContext, useMemo } from 'react';
 
 import { isAllowedRedirect } from '../../../utils';
-import type { __experimental_CheckoutCtx } from '../../types';
+import type { CheckoutCtx } from '../../types';
 import { useOptions } from '../OptionsContext';
 
-export const __experimental_CheckoutContext = createContext<__experimental_CheckoutCtx | null>(null);
+export const CheckoutContext = createContext<CheckoutCtx | null>(null);
 
 export const useCheckoutContext = () => {
-  const context = useContext(__experimental_CheckoutContext);
+  const context = useContext(CheckoutContext);
   const clerk = useClerk();
   const options = useOptions();
 
diff --git a/packages/clerk-js/src/ui/contexts/components/Invoices.tsx b/packages/clerk-js/src/ui/contexts/components/Invoices.tsx
index 64115c9cca1..5495c4f188a 100644
--- a/packages/clerk-js/src/ui/contexts/components/Invoices.tsx
+++ b/packages/clerk-js/src/ui/contexts/components/Invoices.tsx
@@ -3,19 +3,19 @@ import type { PropsWithChildren } from 'react';
 import { createContext, useContext } from 'react';
 
 import { useFetch } from '../../hooks';
-import type { __experimental_InvoicesCtx } from '../../types';
+import type { InvoicesCtx } from '../../types';
 import { useSubscriberTypeContext } from './SubscriberType';
 
-const InvoicesContext = createContext<__experimental_InvoicesCtx | null>(null);
+const InvoicesContext = createContext<InvoicesCtx | null>(null);
 
 export const InvoicesContextProvider = ({ children }: PropsWithChildren) => {
-  const { __experimental_commerce } = useClerk();
+  const { commerce } = useClerk();
   const { organization } = useOrganization();
   const subscriberType = useSubscriberTypeContext();
   const { user } = useUser();
 
   const { data, isLoading, revalidate } = useFetch(
-    __experimental_commerce?.__experimental_billing.getInvoices,
+    commerce?.billing.getInvoices,
     { ...(subscriberType === 'org' ? { orgId: organization?.id } : {}) },
     undefined,
     `commerce-invoices-${user?.id}`,
diff --git a/packages/clerk-js/src/ui/hooks/useCheckout.ts b/packages/clerk-js/src/ui/hooks/useCheckout.ts
index 45a4258a908..96da285db54 100644
--- a/packages/clerk-js/src/ui/hooks/useCheckout.ts
+++ b/packages/clerk-js/src/ui/hooks/useCheckout.ts
@@ -1,6 +1,6 @@
 import type { ClerkAPIResponseError } from '@clerk/shared/error';
 import { useClerk, useOrganization, useUser } from '@clerk/shared/react';
-import type { CommerceCheckoutResource } from '@clerk/types';
+import type { CheckoutProps, CommerceCheckoutResource } from '@clerk/types';
 import { useCallback, useEffect, useState } from 'react';
 
 import { useFetch } from './useFetch';
diff --git a/packages/clerk-js/src/ui/lazyModules/MountedCheckoutDrawer.tsx b/packages/clerk-js/src/ui/lazyModules/MountedCheckoutDrawer.tsx
index b232a8d39b5..bfa325f1c49 100644
--- a/packages/clerk-js/src/ui/lazyModules/MountedCheckoutDrawer.tsx
+++ b/packages/clerk-js/src/ui/lazyModules/MountedCheckoutDrawer.tsx
@@ -1,5 +1,5 @@
 import { useUser } from '@clerk/shared/react';
-import type { __experimental_CheckoutProps, Appearance } from '@clerk/types';
+import type { Appearance, CheckoutProps } from '@clerk/types';
 
 import { Checkout } from './components';
 import { LazyDrawerRenderer } from './providers';
@@ -13,7 +13,7 @@ export function MountedCheckoutDrawer({
   onOpenChange: (open: boolean) => void;
   checkoutDrawer: {
     open: false;
-    props: null | __experimental_CheckoutProps;
+    props: null | CheckoutProps;
   };
 }) {
   const { user } = useUser();
diff --git a/packages/clerk-js/src/ui/lazyModules/MountedPlanDetailDrawer.tsx b/packages/clerk-js/src/ui/lazyModules/MountedPlanDetailDrawer.tsx
index fb9ccc73509..f4dfbab7c35 100644
--- a/packages/clerk-js/src/ui/lazyModules/MountedPlanDetailDrawer.tsx
+++ b/packages/clerk-js/src/ui/lazyModules/MountedPlanDetailDrawer.tsx
@@ -1,5 +1,5 @@
 import { useUser } from '@clerk/shared/react';
-import type { __experimental_PlanDetailsProps, Appearance } from '@clerk/types';
+import type { Appearance, PlanDetailsProps } from '@clerk/types';
 
 import { PlanDetails } from './components';
 import { LazyDrawerRenderer } from './providers';
@@ -13,7 +13,7 @@ export function MountedPlanDetailDrawer({
   onOpenChange: (open: boolean) => void;
   planDetailsDrawer: {
     open: false;
-    props: null | __experimental_PlanDetailsProps;
+    props: null | PlanDetailsProps;
   };
 }) {
   const { user } = useUser();
diff --git a/packages/clerk-js/src/ui/lazyModules/components.ts b/packages/clerk-js/src/ui/lazyModules/components.ts
index 913c167102c..eebba1e0a69 100644
--- a/packages/clerk-js/src/ui/lazyModules/components.ts
+++ b/packages/clerk-js/src/ui/lazyModules/components.ts
@@ -96,9 +96,7 @@ export const PricingTable = lazy(() =>
   componentImportPaths.PricingTable().then(module => ({ default: module.PricingTable })),
 );
 
-export const Checkout = lazy(() =>
-  componentImportPaths.Checkout().then(module => ({ default: module.__experimental_Checkout })),
-);
+export const Checkout = lazy(() => componentImportPaths.Checkout().then(module => ({ default: module.Checkout })));
 
 export const PlanDetails = lazy(() =>
   componentImportPaths.PlanDetails().then(module => ({ default: module.PlanDetails })),
diff --git a/packages/clerk-js/src/ui/types.ts b/packages/clerk-js/src/ui/types.ts
index a652c1bd8d2..2c9c84bb016 100644
--- a/packages/clerk-js/src/ui/types.ts
+++ b/packages/clerk-js/src/ui/types.ts
@@ -1,5 +1,6 @@
 import type {
   __internal_UserVerificationProps,
+  CheckoutProps,
   CommerceInvoiceResource,
   CommercePlanResource,
   CommerceSubscriptionResource,
@@ -9,6 +10,7 @@ import type {
   OrganizationListProps,
   OrganizationProfileProps,
   OrganizationSwitcherProps,
+  PlanDetailsProps,
   PricingTableProps,
   SignInFallbackRedirectUrl,
   SignInForceRedirectUrl,
diff --git a/packages/clerk-js/src/utils/componentGuards.ts b/packages/clerk-js/src/utils/componentGuards.ts
index 7df6d1cf5b5..1444da564a8 100644
--- a/packages/clerk-js/src/utils/componentGuards.ts
+++ b/packages/clerk-js/src/utils/componentGuards.ts
@@ -23,13 +23,13 @@ export const disabledOrganizationsFeature: ComponentGuard = (_, environment) =>
 };
 
 export const disabledBillingFeature: ComponentGuard = (_, environment) => {
-  return !environment?.__experimental_commerceSettings.billing.enabled;
+  return !environment?.commerceSettings.billing.enabled;
 };
 
 export const hasPaidOrgPlans: ComponentGuard = (_, environment) => {
-  return environment?.__experimental_commerceSettings.billing.hasPaidOrgPlans || false;
+  return environment?.commerceSettings.billing.hasPaidOrgPlans || false;
 };
 
 export const hasPaidUserPlans: ComponentGuard = (_, environment) => {
-  return environment?.__experimental_commerceSettings.billing.hasPaidUserPlans || false;
+  return environment?.commerceSettings.billing.hasPaidUserPlans || false;
 };
diff --git a/packages/localizations/src/ar-SA.ts b/packages/localizations/src/ar-SA.ts
index ecbb0eaecfa..33c3023cd2d 100644
--- a/packages/localizations/src/ar-SA.ts
+++ b/packages/localizations/src/ar-SA.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const arSA: LocalizationResource = {
   locale: 'ar-SA',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: undefined,
     cancelSubscription: undefined,
@@ -695,7 +695,7 @@ export const arSA: LocalizationResource = {
     action__signOutAll: 'تسجيل الخروج من جميع الحسابات',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/localizations/src/be-BY.ts b/packages/localizations/src/be-BY.ts
index 706b62e25ca..5c101beae04 100644
--- a/packages/localizations/src/be-BY.ts
+++ b/packages/localizations/src/be-BY.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const beBY: LocalizationResource = {
   locale: 'be-BY',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: undefined,
     cancelSubscription: undefined,
@@ -703,7 +703,7 @@ export const beBY: LocalizationResource = {
     action__signOutAll: 'Выйсці з усіх уліковых запісаў',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/localizations/src/bg-BG.ts b/packages/localizations/src/bg-BG.ts
index 303083604f2..677270ab161 100644
--- a/packages/localizations/src/bg-BG.ts
+++ b/packages/localizations/src/bg-BG.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const bgBG: LocalizationResource = {
   locale: 'bg-BG',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: undefined,
     cancelSubscription: undefined,
@@ -694,7 +694,7 @@ export const bgBG: LocalizationResource = {
     action__signOutAll: 'Изход от всички акаунти',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/localizations/src/ca-ES.ts b/packages/localizations/src/ca-ES.ts
index a024955ea60..f5b8c9e5a62 100644
--- a/packages/localizations/src/ca-ES.ts
+++ b/packages/localizations/src/ca-ES.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const caES: LocalizationResource = {
   locale: 'ca-ES',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: undefined,
     cancelSubscription: undefined,
@@ -698,7 +698,7 @@ export const caES: LocalizationResource = {
     action__signOutAll: 'Tanca sessió de tots els comptes',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/localizations/src/cs-CZ.ts b/packages/localizations/src/cs-CZ.ts
index 2855a99b6f5..44831c35f3d 100644
--- a/packages/localizations/src/cs-CZ.ts
+++ b/packages/localizations/src/cs-CZ.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const csCZ: LocalizationResource = {
   locale: 'cs-CZ',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: undefined,
     cancelSubscription: undefined,
@@ -694,7 +694,7 @@ export const csCZ: LocalizationResource = {
     action__signOutAll: 'Odhlásit se ze všech účtů',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/localizations/src/da-DK.ts b/packages/localizations/src/da-DK.ts
index 099b91d586a..a7a4d4bf39e 100644
--- a/packages/localizations/src/da-DK.ts
+++ b/packages/localizations/src/da-DK.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const daDK: LocalizationResource = {
   locale: 'da-DK',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: undefined,
     cancelSubscription: undefined,
@@ -695,7 +695,7 @@ export const daDK: LocalizationResource = {
     action__signOutAll: 'Log ud af alle konti',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/localizations/src/de-DE.ts b/packages/localizations/src/de-DE.ts
index 5e1899bb743..758c0c15fb6 100644
--- a/packages/localizations/src/de-DE.ts
+++ b/packages/localizations/src/de-DE.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const deDE: LocalizationResource = {
   locale: 'de-DE',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: 'Jährlich abgerechnet',
     cancelSubscription: undefined,
@@ -713,7 +713,7 @@ export const deDE: LocalizationResource = {
     action__signOutAll: 'Melden Sie sich von allen Konten ab',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/localizations/src/el-GR.ts b/packages/localizations/src/el-GR.ts
index 8116bdc424a..9f4f7f5f698 100644
--- a/packages/localizations/src/el-GR.ts
+++ b/packages/localizations/src/el-GR.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const elGR: LocalizationResource = {
   locale: 'el-GR',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: undefined,
     cancelSubscription: undefined,
@@ -703,7 +703,7 @@ export const elGR: LocalizationResource = {
     action__signOutAll: 'Αποσύνδεση από όλους τους λογαριασμούς',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/localizations/src/en-GB.ts b/packages/localizations/src/en-GB.ts
index f5d3fcce52f..fabf402f89c 100644
--- a/packages/localizations/src/en-GB.ts
+++ b/packages/localizations/src/en-GB.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const enGB: LocalizationResource = {
   locale: 'en-GB',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: undefined,
     cancelSubscription: undefined,
@@ -703,7 +703,7 @@ export const enGB: LocalizationResource = {
     action__signOutAll: 'Sign out of all accounts',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/localizations/src/en-US.ts b/packages/localizations/src/en-US.ts
index be67bbac93e..e73bac278f5 100644
--- a/packages/localizations/src/en-US.ts
+++ b/packages/localizations/src/en-US.ts
@@ -2,7 +2,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const enUS: LocalizationResource = {
   locale: 'en-US',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: 'Available features',
     billedAnnually: 'Billed annually',
     cancelSubscription: 'Cancel subscription',
@@ -687,7 +687,7 @@ export const enUS: LocalizationResource = {
     action__signOutAll: 'Sign out of all accounts',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: 'Make default',
         actionLabel__remove: 'Remove',
diff --git a/packages/localizations/src/es-ES.ts b/packages/localizations/src/es-ES.ts
index c03f1cbaa09..0aaf830dd17 100644
--- a/packages/localizations/src/es-ES.ts
+++ b/packages/localizations/src/es-ES.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const esES: LocalizationResource = {
   locale: 'es-ES',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: undefined,
     cancelSubscription: undefined,
@@ -700,7 +700,7 @@ export const esES: LocalizationResource = {
     action__signOutAll: 'Salir de todas las cuentas',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/localizations/src/es-MX.ts b/packages/localizations/src/es-MX.ts
index 28435c51de2..0a72457b22f 100644
--- a/packages/localizations/src/es-MX.ts
+++ b/packages/localizations/src/es-MX.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const esMX: LocalizationResource = {
   locale: 'es-MX',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: undefined,
     cancelSubscription: undefined,
@@ -701,7 +701,7 @@ export const esMX: LocalizationResource = {
     action__signOutAll: 'Salir de todas las cuentas',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/localizations/src/fi-FI.ts b/packages/localizations/src/fi-FI.ts
index 0d916484a61..e154a25f3ea 100644
--- a/packages/localizations/src/fi-FI.ts
+++ b/packages/localizations/src/fi-FI.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const fiFI: LocalizationResource = {
   locale: 'fi-FI',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: undefined,
     cancelSubscription: undefined,
@@ -698,7 +698,7 @@ export const fiFI: LocalizationResource = {
     action__signOutAll: 'Kirjaudu ulos kaikista tileistä',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/localizations/src/fr-FR.ts b/packages/localizations/src/fr-FR.ts
index 249dab95987..0509a4b1301 100644
--- a/packages/localizations/src/fr-FR.ts
+++ b/packages/localizations/src/fr-FR.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const frFR: LocalizationResource = {
   locale: 'fr-FR',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: undefined,
     cancelSubscription: undefined,
@@ -703,7 +703,7 @@ export const frFR: LocalizationResource = {
     action__signOutAll: 'Se déconnecter de tous les comptes',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/localizations/src/he-IL.ts b/packages/localizations/src/he-IL.ts
index b56a874e944..fe21f3ca5de 100644
--- a/packages/localizations/src/he-IL.ts
+++ b/packages/localizations/src/he-IL.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const heIL: LocalizationResource = {
   locale: 'he-IL',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: undefined,
     cancelSubscription: undefined,
@@ -688,7 +688,7 @@ export const heIL: LocalizationResource = {
     action__signOutAll: 'התנתק מכל החשבונות',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/localizations/src/hr-HR.ts b/packages/localizations/src/hr-HR.ts
index faf4043e4ed..234d98dfa02 100644
--- a/packages/localizations/src/hr-HR.ts
+++ b/packages/localizations/src/hr-HR.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const hrHR: LocalizationResource = {
   locale: 'hr-HR',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: undefined,
     cancelSubscription: undefined,
@@ -703,7 +703,7 @@ export const hrHR: LocalizationResource = {
     action__signOutAll: 'Odjavi se sa svih računa',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/localizations/src/hu-HU.ts b/packages/localizations/src/hu-HU.ts
index 9153ff534d2..cd470fd7c6d 100644
--- a/packages/localizations/src/hu-HU.ts
+++ b/packages/localizations/src/hu-HU.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const huHU: LocalizationResource = {
   locale: 'hu-HU',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: undefined,
     cancelSubscription: undefined,
@@ -699,7 +699,7 @@ export const huHU: LocalizationResource = {
     action__signOutAll: 'Kijelentkezés minden fiókból',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/localizations/src/id-ID.ts b/packages/localizations/src/id-ID.ts
index aca03becdec..387e4d06935 100644
--- a/packages/localizations/src/id-ID.ts
+++ b/packages/localizations/src/id-ID.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const idID: LocalizationResource = {
   locale: 'id-ID',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: undefined,
     cancelSubscription: undefined,
@@ -707,7 +707,7 @@ export const idID: LocalizationResource = {
     action__signOutAll: 'Keluar dari semua akun',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/localizations/src/is-IS.ts b/packages/localizations/src/is-IS.ts
index 247350cf99d..23e7306ed09 100644
--- a/packages/localizations/src/is-IS.ts
+++ b/packages/localizations/src/is-IS.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const isIS: LocalizationResource = {
   locale: 'is-IS',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: undefined,
     cancelSubscription: undefined,
@@ -701,7 +701,7 @@ export const isIS: LocalizationResource = {
     action__signOutAll: 'Skrá út af öllum reikningum',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/localizations/src/it-IT.ts b/packages/localizations/src/it-IT.ts
index 5d720f34455..a286e6a8a00 100644
--- a/packages/localizations/src/it-IT.ts
+++ b/packages/localizations/src/it-IT.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const itIT: LocalizationResource = {
   locale: 'it-IT',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: undefined,
     cancelSubscription: undefined,
@@ -698,7 +698,7 @@ export const itIT: LocalizationResource = {
     action__signOutAll: 'Disconnetti da tutti gli accounts',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/localizations/src/ja-JP.ts b/packages/localizations/src/ja-JP.ts
index 76022a854f4..39ac4363710 100644
--- a/packages/localizations/src/ja-JP.ts
+++ b/packages/localizations/src/ja-JP.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const jaJP: LocalizationResource = {
   locale: 'ja-JP',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: undefined,
     cancelSubscription: undefined,
@@ -697,7 +697,7 @@ export const jaJP: LocalizationResource = {
     action__signOutAll: '全てのアカウントからサインアウト',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/localizations/src/ko-KR.ts b/packages/localizations/src/ko-KR.ts
index 40f8a361758..9caee5c6edc 100644
--- a/packages/localizations/src/ko-KR.ts
+++ b/packages/localizations/src/ko-KR.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const koKR: LocalizationResource = {
   locale: 'ko-KR',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: undefined,
     cancelSubscription: undefined,
@@ -691,7 +691,7 @@ export const koKR: LocalizationResource = {
     action__signOutAll: '모든 계정에서 로그아웃',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/localizations/src/mn-MN.ts b/packages/localizations/src/mn-MN.ts
index 1bf0ff8c512..bc9644e29bd 100644
--- a/packages/localizations/src/mn-MN.ts
+++ b/packages/localizations/src/mn-MN.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const mnMN: LocalizationResource = {
   locale: 'mn-MN',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: undefined,
     cancelSubscription: undefined,
@@ -698,7 +698,7 @@ export const mnMN: LocalizationResource = {
     action__signOutAll: 'Бүх бүртгэлээс гарна уу',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/localizations/src/nb-NO.ts b/packages/localizations/src/nb-NO.ts
index ffeffad5358..cd5e255853e 100644
--- a/packages/localizations/src/nb-NO.ts
+++ b/packages/localizations/src/nb-NO.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const nbNO: LocalizationResource = {
   locale: 'nb-NO',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: undefined,
     cancelSubscription: undefined,
@@ -697,7 +697,7 @@ export const nbNO: LocalizationResource = {
     action__signOutAll: 'Logg ut av alle kontoer',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/localizations/src/nl-BE.ts b/packages/localizations/src/nl-BE.ts
index 3b9c980103b..321a2550c3c 100644
--- a/packages/localizations/src/nl-BE.ts
+++ b/packages/localizations/src/nl-BE.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const nlBE: LocalizationResource = {
   locale: 'nl-NL',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: undefined,
     cancelSubscription: undefined,
@@ -696,7 +696,7 @@ export const nlBE: LocalizationResource = {
     action__signOutAll: 'Uitloggen uit alle accounts',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/localizations/src/nl-NL.ts b/packages/localizations/src/nl-NL.ts
index 95414fdb253..f9d50ec89b5 100644
--- a/packages/localizations/src/nl-NL.ts
+++ b/packages/localizations/src/nl-NL.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const nlNL: LocalizationResource = {
   locale: 'nl-NL',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: undefined,
     cancelSubscription: undefined,
@@ -696,7 +696,7 @@ export const nlNL: LocalizationResource = {
     action__signOutAll: 'Uitloggen uit alle accounts',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/localizations/src/pl-PL.ts b/packages/localizations/src/pl-PL.ts
index 3648616a768..78cd8e4380b 100644
--- a/packages/localizations/src/pl-PL.ts
+++ b/packages/localizations/src/pl-PL.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const plPL: LocalizationResource = {
   locale: 'pl-PL',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: undefined,
     cancelSubscription: undefined,
@@ -706,7 +706,7 @@ export const plPL: LocalizationResource = {
     action__signOutAll: 'Wyloguj ze wszystkich kont',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/localizations/src/pt-BR.ts b/packages/localizations/src/pt-BR.ts
index a50736b07a5..2a427422857 100644
--- a/packages/localizations/src/pt-BR.ts
+++ b/packages/localizations/src/pt-BR.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const ptBR: LocalizationResource = {
   locale: 'pt-BR',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: undefined,
     cancelSubscription: undefined,
@@ -702,7 +702,7 @@ export const ptBR: LocalizationResource = {
     action__signOutAll: 'Sair de todas as contas',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/localizations/src/pt-PT.ts b/packages/localizations/src/pt-PT.ts
index 76078f76782..c4e1acd404a 100644
--- a/packages/localizations/src/pt-PT.ts
+++ b/packages/localizations/src/pt-PT.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const ptPT: LocalizationResource = {
   locale: 'pt-PT',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: undefined,
     cancelSubscription: undefined,
@@ -696,7 +696,7 @@ export const ptPT: LocalizationResource = {
     action__signOutAll: 'Terminar sessão de todas as contas',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/localizations/src/ro-RO.ts b/packages/localizations/src/ro-RO.ts
index 62747cb3575..5ba27549458 100644
--- a/packages/localizations/src/ro-RO.ts
+++ b/packages/localizations/src/ro-RO.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const roRO: LocalizationResource = {
   locale: 'ro-RO',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: undefined,
     cancelSubscription: undefined,
@@ -701,7 +701,7 @@ export const roRO: LocalizationResource = {
     action__signOutAll: 'Deconectați-vă din toate conturile',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/localizations/src/ru-RU.ts b/packages/localizations/src/ru-RU.ts
index 82f1004a651..295f906f39c 100644
--- a/packages/localizations/src/ru-RU.ts
+++ b/packages/localizations/src/ru-RU.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const ruRU: LocalizationResource = {
   locale: 'ru-RU',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: undefined,
     cancelSubscription: undefined,
@@ -711,7 +711,7 @@ export const ruRU: LocalizationResource = {
     action__signOutAll: 'Выйти из всех учетных записей',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/localizations/src/sk-SK.ts b/packages/localizations/src/sk-SK.ts
index 1689168523a..a815377701e 100644
--- a/packages/localizations/src/sk-SK.ts
+++ b/packages/localizations/src/sk-SK.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const skSK: LocalizationResource = {
   locale: 'sk-SK',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: undefined,
     cancelSubscription: undefined,
@@ -694,7 +694,7 @@ export const skSK: LocalizationResource = {
     action__signOutAll: 'Odhlásiť sa zo všetkých účtov',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/localizations/src/sr-RS.ts b/packages/localizations/src/sr-RS.ts
index 55fc3cbdfe1..4a996a2a32c 100644
--- a/packages/localizations/src/sr-RS.ts
+++ b/packages/localizations/src/sr-RS.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const srRS: LocalizationResource = {
   locale: 'sr-RS',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: undefined,
     cancelSubscription: undefined,
@@ -697,7 +697,7 @@ export const srRS: LocalizationResource = {
     action__signOutAll: 'Odjavi se sa svih naloga',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/localizations/src/sv-SE.ts b/packages/localizations/src/sv-SE.ts
index 412411bb0a4..5d132067503 100644
--- a/packages/localizations/src/sv-SE.ts
+++ b/packages/localizations/src/sv-SE.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const svSE: LocalizationResource = {
   locale: 'sv-SE',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: undefined,
     cancelSubscription: undefined,
@@ -700,7 +700,7 @@ export const svSE: LocalizationResource = {
     action__signOutAll: 'Logga ut från alla konton',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/localizations/src/th-TH.ts b/packages/localizations/src/th-TH.ts
index 685c5156464..d26c5288df2 100644
--- a/packages/localizations/src/th-TH.ts
+++ b/packages/localizations/src/th-TH.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const thTH: LocalizationResource = {
   locale: 'th-TH',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: undefined,
     cancelSubscription: undefined,
@@ -696,7 +696,7 @@ export const thTH: LocalizationResource = {
     action__signOutAll: 'ออกจากระบบทุกบัญชี',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/localizations/src/tr-TR.ts b/packages/localizations/src/tr-TR.ts
index c213f86b231..883a7b977fa 100644
--- a/packages/localizations/src/tr-TR.ts
+++ b/packages/localizations/src/tr-TR.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const trTR: LocalizationResource = {
   locale: 'tr-TR',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: undefined,
     cancelSubscription: undefined,
@@ -700,7 +700,7 @@ export const trTR: LocalizationResource = {
     action__signOutAll: 'Tüm hesaplardan çıkış yap',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/localizations/src/uk-UA.ts b/packages/localizations/src/uk-UA.ts
index be93ec563e1..7de2792e368 100644
--- a/packages/localizations/src/uk-UA.ts
+++ b/packages/localizations/src/uk-UA.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const ukUA: LocalizationResource = {
   locale: 'uk-UA',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: undefined,
     cancelSubscription: undefined,
@@ -694,7 +694,7 @@ export const ukUA: LocalizationResource = {
     action__signOutAll: 'Вийти з усіх акаунтів',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/localizations/src/vi-VN.ts b/packages/localizations/src/vi-VN.ts
index 3563feca430..0cfa95ce933 100644
--- a/packages/localizations/src/vi-VN.ts
+++ b/packages/localizations/src/vi-VN.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const viVN: LocalizationResource = {
   locale: 'vi-VN',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: undefined,
     cancelSubscription: undefined,
@@ -695,7 +695,7 @@ export const viVN: LocalizationResource = {
     action__signOutAll: 'Đăng xuất khỏi tất cả các tài khoản',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/localizations/src/zh-CN.ts b/packages/localizations/src/zh-CN.ts
index 01ef5ad5491..cab9723a368 100644
--- a/packages/localizations/src/zh-CN.ts
+++ b/packages/localizations/src/zh-CN.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const zhCN: LocalizationResource = {
   locale: 'zh-CN',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: undefined,
     cancelSubscription: undefined,
@@ -682,7 +682,7 @@ export const zhCN: LocalizationResource = {
     action__signOutAll: '退出所有账户',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/localizations/src/zh-TW.ts b/packages/localizations/src/zh-TW.ts
index eac36739209..40389233b92 100644
--- a/packages/localizations/src/zh-TW.ts
+++ b/packages/localizations/src/zh-TW.ts
@@ -14,7 +14,7 @@ import type { LocalizationResource } from '@clerk/types';
 
 export const zhTW: LocalizationResource = {
   locale: 'zh-TW',
-  __experimental_commerce: {
+  commerce: {
     availableFeatures: undefined,
     billedAnnually: undefined,
     cancelSubscription: undefined,
@@ -683,7 +683,7 @@ export const zhTW: LocalizationResource = {
     action__signOutAll: '退出所有帳戶',
   },
   userProfile: {
-    __experimental_billingPage: {
+    billingPage: {
       paymentSourcesSection: {
         actionLabel__default: undefined,
         actionLabel__remove: undefined,
diff --git a/packages/react/src/isomorphicClerk.ts b/packages/react/src/isomorphicClerk.ts
index 4f77c24db3d..65bdc547cf8 100644
--- a/packages/react/src/isomorphicClerk.ts
+++ b/packages/react/src/isomorphicClerk.ts
@@ -9,6 +9,7 @@ import type {
   AuthenticateWithGoogleOneTapParams,
   AuthenticateWithMetamaskParams,
   AuthenticateWithOKXWalletParams,
+  CheckoutProps,
   Clerk,
   ClerkAuthenticateWithWeb3Params,
   ClerkOptions,
@@ -29,6 +30,7 @@ import type {
   OrganizationProfileProps,
   OrganizationResource,
   OrganizationSwitcherProps,
+  PlanDetailsProps,
   PricingTableProps,
   RedirectOptions,
   SetActiveParams,
diff --git a/packages/shared/src/react/hooks/useOrganization.tsx b/packages/shared/src/react/hooks/useOrganization.tsx
index 1d52c1aa1eb..b326bf236ab 100644
--- a/packages/shared/src/react/hooks/useOrganization.tsx
+++ b/packages/shared/src/react/hooks/useOrganization.tsx
@@ -5,6 +5,7 @@ import type {
   GetInvitationsParams,
   GetMembershipRequestParams,
   GetMembersParams,
+  GetSubscriptionsParams,
   OrganizationDomainResource,
   OrganizationInvitationResource,
   OrganizationMembershipRequestResource,
diff --git a/packages/types/src/localization.ts b/packages/types/src/localization.ts
index b398e7c30cd..767e589534c 100644
--- a/packages/types/src/localization.ts
+++ b/packages/types/src/localization.ts
@@ -104,7 +104,7 @@ type _LocalizationResource = {
   membershipRole__admin: LocalizationValue;
   membershipRole__basicMember: LocalizationValue;
   membershipRole__guestMember: LocalizationValue;
-  __experimental_commerce: {
+  commerce: {
     month: LocalizationValue;
     free: LocalizationValue;
     getStarted: LocalizationValue;
@@ -685,7 +685,7 @@ type _LocalizationResource = {
       actionDescription: LocalizationValue;
       confirm: LocalizationValue;
     };
-    __experimental_billingPage: {
+    billingPage: {
       title: LocalizationValue;
       start: {
         headerTitle__plans: LocalizationValue;
diff --git a/packages/types/src/organization.ts b/packages/types/src/organization.ts
index 39f5a1feadd..b99d70b2eca 100644
--- a/packages/types/src/organization.ts
+++ b/packages/types/src/organization.ts
@@ -1,4 +1,4 @@
-import type { CommerceSubscriptionResource } from './commerce';
+import type { CommerceSubscriptionResource, GetSubscriptionsParams } from './commerce';
 import type { OrganizationDomainResource, OrganizationEnrollmentMode } from './organizationDomain';
 import type { OrganizationInvitationResource, OrganizationInvitationStatus } from './organizationInvitation';
 import type { OrganizationCustomRoleKey, OrganizationMembershipResource } from './organizationMembership';

From 2cf4d1864c76c54fc8d5495d17bdd90aed8b578e Mon Sep 17 00:00:00 2001
From: Nikos Douvlis <nikosdouvlis@gmail.com>
Date: Mon, 5 May 2025 19:03:45 +0300
Subject: [PATCH 7/8] refactor(clerk-js): Drop experimental from commerce apis

---
 .../PricingTable/PricingTableDefault.tsx      | 43 +++++++--------
 .../src/ui/contexts/components/Plans.tsx      | 55 ++++++++-----------
 2 files changed, 41 insertions(+), 57 deletions(-)

diff --git a/packages/clerk-js/src/ui/components/PricingTable/PricingTableDefault.tsx b/packages/clerk-js/src/ui/components/PricingTable/PricingTableDefault.tsx
index 99140af518f..c367ab9c892 100644
--- a/packages/clerk-js/src/ui/components/PricingTable/PricingTableDefault.tsx
+++ b/packages/clerk-js/src/ui/components/PricingTable/PricingTableDefault.tsx
@@ -1,9 +1,5 @@
 import { useClerk, useUser } from '@clerk/shared/react';
-import type {
-  __experimental_CommercePlanResource,
-  __experimental_CommerceSubscriptionPlanPeriod,
-  PricingTableProps,
-} from '@clerk/types';
+import type { CommercePlanResource, CommerceSubscriptionPlanPeriod, PricingTableProps } from '@clerk/types';
 import * as React from 'react';
 
 import { usePlansContext, usePricingTableContext, useSubscriberTypeContext } from '../../contexts';
@@ -24,12 +20,13 @@ import { Switch } from '../../elements';
 import { Check, Plus } from '../../icons';
 import { common, InternalThemeProvider } from '../../styledSystem';
 import { colors, getClosestProfileScrollBox } from '../../utils';
+
 interface PricingTableDefaultProps {
-  plans?: __experimental_CommercePlanResource[] | null;
-  highlightedPlan?: __experimental_CommercePlanResource['slug'];
-  planPeriod: __experimental_CommerceSubscriptionPlanPeriod;
-  setPlanPeriod: (val: __experimental_CommerceSubscriptionPlanPeriod) => void;
-  onSelect: (plan: __experimental_CommercePlanResource) => void;
+  plans?: CommercePlanResource[] | null;
+  highlightedPlan?: CommercePlanResource['slug'];
+  planPeriod: CommerceSubscriptionPlanPeriod;
+  setPlanPeriod: (val: CommerceSubscriptionPlanPeriod) => void;
+  onSelect: (plan: CommercePlanResource) => void;
   isCompact?: boolean;
   props: PricingTableProps;
 }
@@ -88,10 +85,10 @@ export function PricingTableDefault({
  * -----------------------------------------------------------------------------------------------*/
 
 interface CardProps {
-  plan: __experimental_CommercePlanResource;
-  planPeriod: __experimental_CommerceSubscriptionPlanPeriod;
-  setPlanPeriod: (p: __experimental_CommerceSubscriptionPlanPeriod) => void;
-  onSelect: (plan: __experimental_CommercePlanResource, event?: React.MouseEvent<HTMLElement>) => void;
+  plan: CommercePlanResource;
+  planPeriod: CommerceSubscriptionPlanPeriod;
+  setPlanPeriod: (p: CommerceSubscriptionPlanPeriod) => void;
+  onSelect: (plan: CommercePlanResource, event?: React.MouseEvent<HTMLElement>) => void;
   isCompact?: boolean;
   props: PricingTableProps;
 }
@@ -257,10 +254,10 @@ function Card(props: CardProps) {
  * -----------------------------------------------------------------------------------------------*/
 
 interface CardHeaderProps {
-  plan: __experimental_CommercePlanResource;
+  plan: CommercePlanResource;
   isCompact?: boolean;
-  planPeriod: __experimental_CommerceSubscriptionPlanPeriod;
-  setPlanPeriod: (val: __experimental_CommerceSubscriptionPlanPeriod) => void;
+  planPeriod: CommerceSubscriptionPlanPeriod;
+  setPlanPeriod: (val: CommerceSubscriptionPlanPeriod) => void;
 }
 
 const CardHeader = React.forwardRef<HTMLDivElement, CardHeaderProps>((props, ref) => {
@@ -337,7 +334,7 @@ const CardHeader = React.forwardRef<HTMLDivElement, CardHeaderProps>((props, ref
                 marginInlineEnd: t.space.$0x25,
               },
             })}
-            localizationKey={localizationKeys('__experimental_commerce.month')}
+            localizationKey={localizationKeys('commerce.month')}
           />
         ) : null}
       </Flex>
@@ -352,7 +349,7 @@ const CardHeader = React.forwardRef<HTMLDivElement, CardHeaderProps>((props, ref
           <Switch
             checked={planPeriod === 'annual'}
             onChange={(checked: boolean) => setPlanPeriod(checked ? 'annual' : 'month')}
-            label={localizationKeys('__experimental_commerce.billedAnnually')}
+            label={localizationKeys('commerce.billedAnnually')}
           />
         </Box>
       ) : (
@@ -361,9 +358,7 @@ const CardHeader = React.forwardRef<HTMLDivElement, CardHeaderProps>((props, ref
           variant='caption'
           colorScheme='secondary'
           localizationKey={
-            plan.isDefault
-              ? localizationKeys('__experimental_commerce.alwaysFree')
-              : localizationKeys('__experimental_commerce.billedMonthlyOnly')
+            plan.isDefault ? localizationKeys('commerce.alwaysFree') : localizationKeys('commerce.billedMonthlyOnly')
           }
           sx={{
             alignSelf: 'center',
@@ -379,7 +374,7 @@ const CardHeader = React.forwardRef<HTMLDivElement, CardHeaderProps>((props, ref
  * -----------------------------------------------------------------------------------------------*/
 
 interface CardFeaturesListProps {
-  plan: __experimental_CommercePlanResource;
+  plan: CommercePlanResource;
   /**
    * @default false
    */
@@ -468,7 +463,7 @@ const CardFeaturesList = React.forwardRef<HTMLDivElement, CardFeaturesListProps>
             size='md'
             aria-hidden
           />
-          <Span localizationKey={localizationKeys('__experimental_commerce.seeAllFeatures')} />
+          <Span localizationKey={localizationKeys('commerce.seeAllFeatures')} />
         </SimpleButton>
       )}
     </Box>
diff --git a/packages/clerk-js/src/ui/contexts/components/Plans.tsx b/packages/clerk-js/src/ui/contexts/components/Plans.tsx
index ec94597c8a7..e8f00ada03f 100644
--- a/packages/clerk-js/src/ui/contexts/components/Plans.tsx
+++ b/packages/clerk-js/src/ui/contexts/components/Plans.tsx
@@ -1,9 +1,9 @@
 import { useClerk, useOrganization, useUser } from '@clerk/shared/react';
 import type {
-  __experimental_CommercePlanResource,
-  __experimental_CommerceSubscriberType,
-  __experimental_CommerceSubscriptionPlanPeriod,
-  __experimental_CommerceSubscriptionResource,
+  CommercePlanResource,
+  CommerceSubscriberType,
+  CommerceSubscriptionPlanPeriod,
+  CommerceSubscriptionResource,
 } from '@clerk/types';
 import type { PropsWithChildren } from 'react';
 import { createContext, useCallback, useContext, useMemo } from 'react';
@@ -11,18 +11,18 @@ import { createContext, useCallback, useContext, useMemo } from 'react';
 import { useFetch } from '../../hooks';
 import type { LocalizationKey } from '../../localization';
 import { localizationKeys } from '../../localization';
-import type { __experimental_PlansCtx } from '../../types';
+import type { PlansCtx } from '../../types';
 import { getClosestProfileScrollBox } from '../../utils';
 import { useSubscriberTypeContext } from './SubscriberType';
 
-const PlansContext = createContext<__experimental_PlansCtx | null>(null);
+const PlansContext = createContext<PlansCtx | null>(null);
 
-export const useSubscriptions = (subscriberType?: __experimental_CommerceSubscriberType) => {
-  const { __experimental_commerce } = useClerk();
+export const useSubscriptions = (subscriberType?: CommerceSubscriberType) => {
+  const { commerce } = useClerk();
   const { organization } = useOrganization();
   const { user } = useUser();
   return useFetch(
-    user ? __experimental_commerce?.__experimental_billing.getSubscriptions : undefined,
+    user ? commerce?.billing.getSubscriptions : undefined,
     { orgId: subscriberType === 'org' ? organization?.id : undefined },
     undefined,
     `commerce-subscriptions-${user?.id}`,
@@ -30,7 +30,7 @@ export const useSubscriptions = (subscriberType?: __experimental_CommerceSubscri
 };
 
 export const PlansContextProvider = ({ children }: PropsWithChildren) => {
-  const { __experimental_commerce } = useClerk();
+  const { commerce } = useClerk();
   const { organization } = useOrganization();
   const { user, isSignedIn } = useUser();
   const subscriberType = useSubscriberTypeContext();
@@ -44,12 +44,7 @@ export const PlansContextProvider = ({ children }: PropsWithChildren) => {
     data: plans,
     isLoading: isLoadingPlans,
     revalidate: revalidatePlans,
-  } = useFetch(
-    __experimental_commerce?.__experimental_billing.getPlans,
-    { subscriberType },
-    undefined,
-    'commerce-plans',
-  );
+  } = useFetch(commerce?.billing.getPlans, { subscriberType }, undefined, 'commerce-plans');
 
   // Revalidates the next time the hooks gets mounted
   const { revalidate: revalidateInvoices } = useFetch(
@@ -91,8 +86,8 @@ export const PlansContextProvider = ({ children }: PropsWithChildren) => {
 };
 
 type HandleSelectPlanProps = {
-  plan: __experimental_CommercePlanResource;
-  planPeriod: __experimental_CommerceSubscriptionPlanPeriod;
+  plan: CommercePlanResource;
+  planPeriod: CommerceSubscriptionPlanPeriod;
   onSubscriptionChange?: () => void;
   mode?: 'modal' | 'mounted';
   event?: React.MouseEvent<HTMLElement>;
@@ -111,7 +106,7 @@ export const usePlansContext = () => {
 
   // return the active or upcoming subscription for a plan if it exists
   const activeOrUpcomingSubscription = useCallback(
-    (plan: __experimental_CommercePlanResource) => {
+    (plan: CommercePlanResource) => {
       return ctx.subscriptions.find(subscription => subscription.plan.id === plan.id);
     },
     [ctx.subscriptions],
@@ -124,13 +119,7 @@ export const usePlansContext = () => {
   }, [ctx.subscriptions]);
 
   const canManageSubscription = useCallback(
-    ({
-      plan,
-      subscription: sub,
-    }: {
-      plan?: __experimental_CommercePlanResource;
-      subscription?: __experimental_CommerceSubscriptionResource;
-    }) => {
+    ({ plan, subscription: sub }: { plan?: CommercePlanResource; subscription?: CommerceSubscriptionResource }) => {
       const subscription = sub ?? (plan ? activeOrUpcomingSubscription(plan) : undefined);
 
       return !subscription || !subscription.canceledAt;
@@ -145,8 +134,8 @@ export const usePlansContext = () => {
       subscription: sub,
       isCompact = false,
     }: {
-      plan?: __experimental_CommercePlanResource;
-      subscription?: __experimental_CommerceSubscriptionResource;
+      plan?: CommercePlanResource;
+      subscription?: CommerceSubscriptionResource;
       isCompact?: boolean;
     }): { localizationKey: LocalizationKey; variant: 'bordered' | 'solid'; colorScheme: 'secondary' | 'primary' } => {
       const subscription = sub ?? (plan ? activeOrUpcomingSubscription(plan) : undefined);
@@ -154,12 +143,12 @@ export const usePlansContext = () => {
       return {
         localizationKey: subscription
           ? subscription.canceledAt
-            ? localizationKeys('__experimental_commerce.reSubscribe')
-            : localizationKeys('__experimental_commerce.manageSubscription')
+            ? localizationKeys('commerce.reSubscribe')
+            : localizationKeys('commerce.manageSubscription')
           : // If there are no active or grace period subscriptions, show the get started button
             ctx.subscriptions.length > 0
-            ? localizationKeys('__experimental_commerce.switchPlan')
-            : localizationKeys('__experimental_commerce.subscribe'),
+            ? localizationKeys('commerce.switchPlan')
+            : localizationKeys('commerce.subscribe'),
         variant: isCompact || !!subscription ? 'bordered' : 'solid',
         colorScheme: isCompact || !!subscription ? 'secondary' : 'primary',
       };
@@ -167,7 +156,7 @@ export const usePlansContext = () => {
     [activeOrUpcomingSubscription],
   );
 
-  const captionForSubscription = useCallback((subscription: __experimental_CommerceSubscriptionResource) => {
+  const captionForSubscription = useCallback((subscription: CommerceSubscriptionResource) => {
     if (subscription.status === 'upcoming') {
       return localizationKeys('badge__startsAt', { date: subscription.periodStart });
     } else if (subscription.canceledAt) {

From e68f4496c3eee8e21450e1de787b0c87688e01f0 Mon Sep 17 00:00:00 2001
From: Nikos Douvlis <nikosdouvlis@gmail.com>
Date: Mon, 5 May 2025 19:05:40 +0300
Subject: [PATCH 8/8] refactor(clerk-js): Drop experimental from commerce apis

---
 integration/templates/nuxt-node/pages/pricing-table.vue   | 2 +-
 integration/templates/vue-vite/src/views/PricingTable.vue | 4 ++--
 packages/clerk-js/sandbox/app.ts                          | 2 +-
 packages/nuxt/src/module.ts                               | 2 +-
 packages/nuxt/src/runtime/components/index.ts             | 2 +-
 packages/vue/src/components/index.ts                      | 2 +-
 6 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/integration/templates/nuxt-node/pages/pricing-table.vue b/integration/templates/nuxt-node/pages/pricing-table.vue
index e119727a0bd..b6201341466 100644
--- a/integration/templates/nuxt-node/pages/pricing-table.vue
+++ b/integration/templates/nuxt-node/pages/pricing-table.vue
@@ -1,3 +1,3 @@
 <template>
-  <experimental_PricingTable />
+  <PricingTable />
 </template>
diff --git a/integration/templates/vue-vite/src/views/PricingTable.vue b/integration/templates/vue-vite/src/views/PricingTable.vue
index 780e4f421d6..195989ad633 100644
--- a/integration/templates/vue-vite/src/views/PricingTable.vue
+++ b/integration/templates/vue-vite/src/views/PricingTable.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { experimental_PricingTable } from '@clerk/vue';
+import { PricingTable } from '@clerk/vue';
 </script>
 
 <template>
-  <experimental_PricingTable />
+  <PricingTable />
 </template>
diff --git a/packages/clerk-js/sandbox/app.ts b/packages/clerk-js/sandbox/app.ts
index 39ca0ff2deb..e64bc222ee6 100644
--- a/packages/clerk-js/sandbox/app.ts
+++ b/packages/clerk-js/sandbox/app.ts
@@ -308,7 +308,7 @@ void (async () => {
       });
     },
     '/pricing-table': () => {
-      Clerk.__experimental_mountPricingTable(app, componentControls.pricingTable.getProps() ?? {});
+      Clerk.mountPricingTable(app, componentControls.pricingTable.getProps() ?? {});
     },
     '/open-sign-in': () => {
       mountOpenSignInButton(app, componentControls.signIn.getProps() ?? {});
diff --git a/packages/nuxt/src/module.ts b/packages/nuxt/src/module.ts
index 96d3f0fd67e..1f852c29bf4 100644
--- a/packages/nuxt/src/module.ts
+++ b/packages/nuxt/src/module.ts
@@ -162,7 +162,7 @@ export default defineNuxtModule<ModuleOptions>({
       'SignedIn',
       'SignedOut',
       'Waitlist',
-      'experimental_PricingTable',
+      'PricingTable',
     ];
     components.forEach(component => {
       void addComponent({
diff --git a/packages/nuxt/src/runtime/components/index.ts b/packages/nuxt/src/runtime/components/index.ts
index db7d8caa513..4464860f092 100644
--- a/packages/nuxt/src/runtime/components/index.ts
+++ b/packages/nuxt/src/runtime/components/index.ts
@@ -27,5 +27,5 @@ export {
   SignUpButton,
   SignOutButton,
   SignInWithMetamaskButton,
-  experimental_PricingTable,
+  PricingTable,
 } from '@clerk/vue';
diff --git a/packages/vue/src/components/index.ts b/packages/vue/src/components/index.ts
index f9af337103a..67a19df167a 100644
--- a/packages/vue/src/components/index.ts
+++ b/packages/vue/src/components/index.ts
@@ -4,7 +4,7 @@ export { default as GoogleOneTap } from './ui-components/GoogleOneTap.vue';
 export { default as Waitlist } from './ui-components/Waitlist.vue';
 export { default as CreateOrganization } from './ui-components/CreateOrganization.vue';
 export { default as OrganizationList } from './ui-components/OrganizationList.vue';
-export { default as experimental_PricingTable } from './ui-components/PricingTable.vue';
+export { default as PricingTable } from './ui-components/PricingTable.vue';
 export { UserProfile } from './ui-components/UserProfile';
 export { OrganizationProfile } from './ui-components/OrganizationProfile';
 export { OrganizationSwitcher } from './ui-components/OrganizationSwitcher';