diff --git a/.changeset/pretty-poets-smile.md b/.changeset/pretty-poets-smile.md new file mode 100644 index 00000000000..c109593ac79 --- /dev/null +++ b/.changeset/pretty-poets-smile.md @@ -0,0 +1,17 @@ +--- +'@clerk/nextjs': minor +'@clerk/clerk-react': minor +--- + +Expose commerce hooks and components under the experimental module. + +- PaymentElementProvider, +- usePaymentElement, +- PaymentElement, +- usePaymentAttempts, +- useStatements, +- usePaymentMethods, +- usePlans, +- useSubscription, +- CheckoutProvider, +- useCheckout, diff --git a/packages/nextjs/src/client-boundary/hooks.ts b/packages/nextjs/src/client-boundary/hooks.ts index c14cec9523e..c7748535767 100644 --- a/packages/nextjs/src/client-boundary/hooks.ts +++ b/packages/nextjs/src/client-boundary/hooks.ts @@ -11,11 +11,6 @@ export { useSignUp, useUser, useReverification, - __experimental_useCheckout, - __experimental_CheckoutProvider, - __experimental_usePaymentElement, - __experimental_PaymentElementProvider, - __experimental_PaymentElement, } from '@clerk/clerk-react'; export { diff --git a/packages/nextjs/src/experimental.ts b/packages/nextjs/src/experimental.ts index b8a389fac7d..d780bf9902f 100644 --- a/packages/nextjs/src/experimental.ts +++ b/packages/nextjs/src/experimental.ts @@ -1,6 +1,7 @@ 'use client'; -export { CheckoutButton, PlanDetailsButton, SubscriptionDetailsButton } from '@clerk/clerk-react/experimental'; +export * from '@clerk/clerk-react/experimental'; + export type { __experimental_CheckoutButtonProps as CheckoutButtonProps, __experimental_SubscriptionDetailsButtonProps as SubscriptionDetailsButtonProps, diff --git a/packages/nextjs/src/index.ts b/packages/nextjs/src/index.ts index 6ef0f44e710..f57260044ac 100644 --- a/packages/nextjs/src/index.ts +++ b/packages/nextjs/src/index.ts @@ -54,11 +54,6 @@ export { useSignUp, useUser, useReverification, - __experimental_usePaymentElement, - __experimental_PaymentElementProvider, - __experimental_PaymentElement, - __experimental_useCheckout, - __experimental_CheckoutProvider, } from './client-boundary/hooks'; /** diff --git a/packages/react/src/experimental.ts b/packages/react/src/experimental.ts index 78da2bc0947..a0378d0fb80 100644 --- a/packages/react/src/experimental.ts +++ b/packages/react/src/experimental.ts @@ -1,3 +1,22 @@ export { CheckoutButton } from './components/CheckoutButton'; export { PlanDetailsButton } from './components/PlanDetailsButton'; export { SubscriptionDetailsButton } from './components/SubscriptionDetailsButton'; + +export type { + __experimental_CheckoutButtonProps as CheckoutButtonProps, + __experimental_SubscriptionDetailsButtonProps as SubscriptionDetailsButtonProps, + __experimental_PlanDetailsButtonProps as PlanDetailsButtonProps, +} from '@clerk/types'; + +export { + __experimental_PaymentElementProvider as PaymentElementProvider, + __experimental_usePaymentElement as usePaymentElement, + __experimental_PaymentElement as PaymentElement, + __experimental_usePaymentAttempts as usePaymentAttempts, + __experimental_useStatements as useStatements, + __experimental_usePaymentMethods as usePaymentMethods, + __experimental_usePlans as usePlans, + __experimental_useSubscription as useSubscription, + __experimental_CheckoutProvider as CheckoutProvider, + __experimental_useCheckout as useCheckout, +} from '@clerk/shared/react';