@doujins/payments-ui 0.1.2 → 0.1.4

package/dist/index.d.cts

@@ -17,12 +17,6 @@ interface PaymentUserDetails {
     postalCode?: string;
     country?: string;
 }
-interface PaymentEndpoints {
-    billingBaseUrl: string;
-    accountBaseUrl?: string;
-    billingBasePath?: string;
-    accountBasePath?: string;
-}
 interface PaymentFeatureFlags {
     enableCardPayments?: boolean;
     enableStoredMethods?: boolean;
@@ -52,7 +46,7 @@ interface PaymentSuccessPayload {
 }
 type PaymentFetcher = (input: RequestInfo, init?: RequestInit) => Promise<Response>;
 interface PaymentConfig {
-    endpoints: PaymentEndpoints;
+    baseUrl: string;
     getAuthToken?: AuthTokenProvider;
     fetcher?: PaymentFetcher;
     defaultHeaders?: Record<string, string>;
@@ -342,7 +336,7 @@ interface PaymentMethodOption {
  * Usage:
  * ```ts
  * const client = createClient({
- *   billingBaseUrl: 'https://billing.example.com',
+ *   baseUrl: 'https://billing.example.com',
  *   getAuthToken: () => authStore.token,
  * })
  *
@@ -353,17 +347,15 @@ interface PaymentMethodOption {
 
 type HttpMethod = 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE';
 interface ClientConfig {
-    billingBaseUrl: string;
-    accountBaseUrl?: string;
+    baseUrl: string;
     getAuthToken?: () => string | null | Promise<string | null>;
     defaultHeaders?: Record<string, string>;
     fetch?: typeof fetch;
 }
 interface RequestOptions {
-    query?: Record<string, string | number | boolean | undefined>;
     body?: unknown;
     headers?: Record<string, string>;
-    target?: 'billing' | 'account';
+    query?: Record<string, string | number | boolean | undefined>;
 }
 interface PaginatedResponse<T> {
     data: T[];
@@ -394,7 +386,7 @@ declare const createClient: (config: ClientConfig) => {
     updatePaymentMethod(id: string, payload: CreatePaymentMethodPayload): Promise<PaymentMethod>;
     deletePaymentMethod(id: string): Promise<void>;
     activatePaymentMethod(id: string): Promise<void>;
-    checkout(payload: CheckoutRequestPayload): Promise<CheckoutResponse>;
+    checkout(payload: CheckoutRequestPayload, idempotencyKey?: string): Promise<CheckoutResponse>;
     cancelSubscription(feedback?: string): Promise<{
         message: string;
         success: boolean;
@@ -807,6 +799,7 @@ interface SubscribeWithCardParams {
     provider?: string;
     paymentToken: string;
     billing: BillingDetails;
+    idempotencyKey?: string;
 }
 interface SubscribeWithSavedMethodParams {
     priceId?: string | null;
@@ -814,6 +807,7 @@ interface SubscribeWithSavedMethodParams {
     provider?: string;
     paymentMethodId: string;
     email?: string;
+    idempotencyKey?: string;
 }
 interface SubscribeWithCCBillParams {
     priceId?: string | null;
@@ -823,11 +817,12 @@ interface SubscribeWithCCBillParams {
     zipCode: string;
     country: string;
     processor?: string;
+    idempotencyKey?: string;
 }
 declare const useSubscriptionActions: () => {
-    subscribeWithCard: ({ priceId, processor, provider, paymentToken, billing, }: SubscribeWithCardParams) => Promise<CheckoutResponse>;
-    subscribeWithSavedMethod: ({ priceId, processor, provider, paymentMethodId, email, }: SubscribeWithSavedMethodParams) => Promise<CheckoutResponse>;
-    subscribeWithCCBill: ({ priceId, email, firstName, lastName, zipCode, country, processor, }: SubscribeWithCCBillParams) => Promise<CheckoutResponse>;
+    subscribeWithCard: ({ priceId, processor, provider, paymentToken, billing, idempotencyKey, }: SubscribeWithCardParams) => Promise<CheckoutResponse>;
+    subscribeWithSavedMethod: ({ priceId, processor, provider, paymentMethodId, email, idempotencyKey, }: SubscribeWithSavedMethodParams) => Promise<CheckoutResponse>;
+    subscribeWithCCBill: ({ priceId, email, firstName, lastName, zipCode, country, processor, idempotencyKey, }: SubscribeWithCCBillParams) => Promise<CheckoutResponse>;
 };
 
-export { type AuthTokenProvider, type BillingAccessGrant, type BillingDetails, BillingHistory, type BillingHistoryProps, type BillingHistoryTranslations, type BillingStatus, BillingThemePortal, BillingThemeProvider, type BillingThemeProviderProps, type CCBillSubscribePayload, CancelMembershipDialog, type CancelMembershipDialogProps, type CancelMembershipDialogTranslations, CardDetailsForm, type CardDetailsFormProps, type CheckoutRequestPayload, type CheckoutResponse, type CheckoutStatus, type Client, ClientApiError, type ClientConfig, type CreatePaymentMethodPayload, type GeneratePaymentRequest, type GeneratePaymentResponse, type HttpMethod, type NmiSubscribePayload, type NotificationHandler, type NotificationPayload, type NotificationStatus, type PaginatedPaymentMethods, type PaginatedPayments, type PaginatedResponse, type Payment, type PaymentCallbacks, type PaymentConfig, PaymentContext, type PaymentContextValue, type PaymentEndpoints, type PaymentError, PaymentExperience, type PaymentExperienceProps, type PaymentFeatureFlags, type PaymentFetcher, type PaymentMethod, type PaymentMethodOption, PaymentMethodsSection, type PaymentMethodsSectionProps, type PaymentMethodsSectionTranslations, type PaymentPlatform, PaymentProvider, type PaymentProviderProps, type PaymentSolanaConfig, type PaymentState, type PaymentStatusPayload, type PaymentStatusResponse, type PaymentStep, type PaymentSuccessPayload, type PaymentUserDetails, PaymentsDialogProvider, type RequestOptions, type SolanaFlowConfig, type SolanaPayQRCodeIntent, type SolanaPayStatusResponse, type SolanaPayTransaction, type SolanaPaymentMethod, SolanaPaymentSelector, type SolanaPaymentSelectorProps, SolanaPaymentView, type SolanaPaymentViewProps, type SolanaWallet, StoredPaymentMethods, type StoredPaymentMethodsProps, type SubmitPaymentRequest, type SubmitPaymentResponse, type SubscribeWithCCBillParams, type SubscribeWithCardParams, type SubscribeWithSavedMethodParams, SubscriptionCheckoutModal, type SubscriptionCheckoutModalProps, type SubscriptionCheckoutPayload, SubscriptionSuccessDialog, type SupportedTokensResponse, type TokenBalance, type TokenInfo, type TransactionStatus, type VerifyWalletResponse, type WalletChallengeResponse, type WalletConnectionState, WalletDialog, type WalletDialogProps, type WalletListResponse, WalletModal, type WalletModalProps, createClient, usePaymentContext, usePaymentDialogs, usePaymentMethods, usePaymentNotifications, usePaymentStatus, useSolanaQrPayment, useSubscriptionActions, useSupportedTokens, useTokenBalance };
+export { type AuthTokenProvider, type BillingAccessGrant, type BillingDetails, BillingHistory, type BillingHistoryProps, type BillingHistoryTranslations, type BillingStatus, BillingThemePortal, BillingThemeProvider, type BillingThemeProviderProps, type CCBillSubscribePayload, CancelMembershipDialog, type CancelMembershipDialogProps, type CancelMembershipDialogTranslations, CardDetailsForm, type CardDetailsFormProps, type CheckoutRequestPayload, type CheckoutResponse, type CheckoutStatus, type Client, ClientApiError, type ClientConfig, type CreatePaymentMethodPayload, type GeneratePaymentRequest, type GeneratePaymentResponse, type HttpMethod, type NmiSubscribePayload, type NotificationHandler, type NotificationPayload, type NotificationStatus, type PaginatedPaymentMethods, type PaginatedPayments, type PaginatedResponse, type Payment, type PaymentCallbacks, type PaymentConfig, PaymentContext, type PaymentContextValue, type PaymentError, PaymentExperience, type PaymentExperienceProps, type PaymentFeatureFlags, type PaymentFetcher, type PaymentMethod, type PaymentMethodOption, PaymentMethodsSection, type PaymentMethodsSectionProps, type PaymentMethodsSectionTranslations, type PaymentPlatform, PaymentProvider, type PaymentProviderProps, type PaymentSolanaConfig, type PaymentState, type PaymentStatusPayload, type PaymentStatusResponse, type PaymentStep, type PaymentSuccessPayload, type PaymentUserDetails, PaymentsDialogProvider, type RequestOptions, type SolanaFlowConfig, type SolanaPayQRCodeIntent, type SolanaPayStatusResponse, type SolanaPayTransaction, type SolanaPaymentMethod, SolanaPaymentSelector, type SolanaPaymentSelectorProps, SolanaPaymentView, type SolanaPaymentViewProps, type SolanaWallet, StoredPaymentMethods, type StoredPaymentMethodsProps, type SubmitPaymentRequest, type SubmitPaymentResponse, type SubscribeWithCCBillParams, type SubscribeWithCardParams, type SubscribeWithSavedMethodParams, SubscriptionCheckoutModal, type SubscriptionCheckoutModalProps, type SubscriptionCheckoutPayload, SubscriptionSuccessDialog, type SupportedTokensResponse, type TokenBalance, type TokenInfo, type TransactionStatus, type VerifyWalletResponse, type WalletChallengeResponse, type WalletConnectionState, WalletDialog, type WalletDialogProps, type WalletListResponse, WalletModal, type WalletModalProps, createClient, usePaymentContext, usePaymentDialogs, usePaymentMethods, usePaymentNotifications, usePaymentStatus, useSolanaQrPayment, useSubscriptionActions, useSupportedTokens, useTokenBalance };

package/dist/index.d.ts

@@ -17,12 +17,6 @@ interface PaymentUserDetails {
     postalCode?: string;
     country?: string;
 }
-interface PaymentEndpoints {
-    billingBaseUrl: string;
-    accountBaseUrl?: string;
-    billingBasePath?: string;
-    accountBasePath?: string;
-}
 interface PaymentFeatureFlags {
     enableCardPayments?: boolean;
     enableStoredMethods?: boolean;
@@ -52,7 +46,7 @@ interface PaymentSuccessPayload {
 }
 type PaymentFetcher = (input: RequestInfo, init?: RequestInit) => Promise<Response>;
 interface PaymentConfig {
-    endpoints: PaymentEndpoints;
+    baseUrl: string;
     getAuthToken?: AuthTokenProvider;
     fetcher?: PaymentFetcher;
     defaultHeaders?: Record<string, string>;
@@ -342,7 +336,7 @@ interface PaymentMethodOption {
  * Usage:
  * ```ts
  * const client = createClient({
- *   billingBaseUrl: 'https://billing.example.com',
+ *   baseUrl: 'https://billing.example.com',
  *   getAuthToken: () => authStore.token,
  * })
  *
@@ -353,17 +347,15 @@ interface PaymentMethodOption {
 
 type HttpMethod = 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE';
 interface ClientConfig {
-    billingBaseUrl: string;
-    accountBaseUrl?: string;
+    baseUrl: string;
     getAuthToken?: () => string | null | Promise<string | null>;
     defaultHeaders?: Record<string, string>;
     fetch?: typeof fetch;
 }
 interface RequestOptions {
-    query?: Record<string, string | number | boolean | undefined>;
     body?: unknown;
     headers?: Record<string, string>;
-    target?: 'billing' | 'account';
+    query?: Record<string, string | number | boolean | undefined>;
 }
 interface PaginatedResponse<T> {
     data: T[];
@@ -394,7 +386,7 @@ declare const createClient: (config: ClientConfig) => {
     updatePaymentMethod(id: string, payload: CreatePaymentMethodPayload): Promise<PaymentMethod>;
     deletePaymentMethod(id: string): Promise<void>;
     activatePaymentMethod(id: string): Promise<void>;
-    checkout(payload: CheckoutRequestPayload): Promise<CheckoutResponse>;
+    checkout(payload: CheckoutRequestPayload, idempotencyKey?: string): Promise<CheckoutResponse>;
     cancelSubscription(feedback?: string): Promise<{
         message: string;
         success: boolean;
@@ -807,6 +799,7 @@ interface SubscribeWithCardParams {
     provider?: string;
     paymentToken: string;
     billing: BillingDetails;
+    idempotencyKey?: string;
 }
 interface SubscribeWithSavedMethodParams {
     priceId?: string | null;
@@ -814,6 +807,7 @@ interface SubscribeWithSavedMethodParams {
     provider?: string;
     paymentMethodId: string;
     email?: string;
+    idempotencyKey?: string;
 }
 interface SubscribeWithCCBillParams {
     priceId?: string | null;
@@ -823,11 +817,12 @@ interface SubscribeWithCCBillParams {
     zipCode: string;
     country: string;
     processor?: string;
+    idempotencyKey?: string;
 }
 declare const useSubscriptionActions: () => {
-    subscribeWithCard: ({ priceId, processor, provider, paymentToken, billing, }: SubscribeWithCardParams) => Promise<CheckoutResponse>;
-    subscribeWithSavedMethod: ({ priceId, processor, provider, paymentMethodId, email, }: SubscribeWithSavedMethodParams) => Promise<CheckoutResponse>;
-    subscribeWithCCBill: ({ priceId, email, firstName, lastName, zipCode, country, processor, }: SubscribeWithCCBillParams) => Promise<CheckoutResponse>;
+    subscribeWithCard: ({ priceId, processor, provider, paymentToken, billing, idempotencyKey, }: SubscribeWithCardParams) => Promise<CheckoutResponse>;
+    subscribeWithSavedMethod: ({ priceId, processor, provider, paymentMethodId, email, idempotencyKey, }: SubscribeWithSavedMethodParams) => Promise<CheckoutResponse>;
+    subscribeWithCCBill: ({ priceId, email, firstName, lastName, zipCode, country, processor, idempotencyKey, }: SubscribeWithCCBillParams) => Promise<CheckoutResponse>;
 };
 
-export { type AuthTokenProvider, type BillingAccessGrant, type BillingDetails, BillingHistory, type BillingHistoryProps, type BillingHistoryTranslations, type BillingStatus, BillingThemePortal, BillingThemeProvider, type BillingThemeProviderProps, type CCBillSubscribePayload, CancelMembershipDialog, type CancelMembershipDialogProps, type CancelMembershipDialogTranslations, CardDetailsForm, type CardDetailsFormProps, type CheckoutRequestPayload, type CheckoutResponse, type CheckoutStatus, type Client, ClientApiError, type ClientConfig, type CreatePaymentMethodPayload, type GeneratePaymentRequest, type GeneratePaymentResponse, type HttpMethod, type NmiSubscribePayload, type NotificationHandler, type NotificationPayload, type NotificationStatus, type PaginatedPaymentMethods, type PaginatedPayments, type PaginatedResponse, type Payment, type PaymentCallbacks, type PaymentConfig, PaymentContext, type PaymentContextValue, type PaymentEndpoints, type PaymentError, PaymentExperience, type PaymentExperienceProps, type PaymentFeatureFlags, type PaymentFetcher, type PaymentMethod, type PaymentMethodOption, PaymentMethodsSection, type PaymentMethodsSectionProps, type PaymentMethodsSectionTranslations, type PaymentPlatform, PaymentProvider, type PaymentProviderProps, type PaymentSolanaConfig, type PaymentState, type PaymentStatusPayload, type PaymentStatusResponse, type PaymentStep, type PaymentSuccessPayload, type PaymentUserDetails, PaymentsDialogProvider, type RequestOptions, type SolanaFlowConfig, type SolanaPayQRCodeIntent, type SolanaPayStatusResponse, type SolanaPayTransaction, type SolanaPaymentMethod, SolanaPaymentSelector, type SolanaPaymentSelectorProps, SolanaPaymentView, type SolanaPaymentViewProps, type SolanaWallet, StoredPaymentMethods, type StoredPaymentMethodsProps, type SubmitPaymentRequest, type SubmitPaymentResponse, type SubscribeWithCCBillParams, type SubscribeWithCardParams, type SubscribeWithSavedMethodParams, SubscriptionCheckoutModal, type SubscriptionCheckoutModalProps, type SubscriptionCheckoutPayload, SubscriptionSuccessDialog, type SupportedTokensResponse, type TokenBalance, type TokenInfo, type TransactionStatus, type VerifyWalletResponse, type WalletChallengeResponse, type WalletConnectionState, WalletDialog, type WalletDialogProps, type WalletListResponse, WalletModal, type WalletModalProps, createClient, usePaymentContext, usePaymentDialogs, usePaymentMethods, usePaymentNotifications, usePaymentStatus, useSolanaQrPayment, useSubscriptionActions, useSupportedTokens, useTokenBalance };
+export { type AuthTokenProvider, type BillingAccessGrant, type BillingDetails, BillingHistory, type BillingHistoryProps, type BillingHistoryTranslations, type BillingStatus, BillingThemePortal, BillingThemeProvider, type BillingThemeProviderProps, type CCBillSubscribePayload, CancelMembershipDialog, type CancelMembershipDialogProps, type CancelMembershipDialogTranslations, CardDetailsForm, type CardDetailsFormProps, type CheckoutRequestPayload, type CheckoutResponse, type CheckoutStatus, type Client, ClientApiError, type ClientConfig, type CreatePaymentMethodPayload, type GeneratePaymentRequest, type GeneratePaymentResponse, type HttpMethod, type NmiSubscribePayload, type NotificationHandler, type NotificationPayload, type NotificationStatus, type PaginatedPaymentMethods, type PaginatedPayments, type PaginatedResponse, type Payment, type PaymentCallbacks, type PaymentConfig, PaymentContext, type PaymentContextValue, type PaymentError, PaymentExperience, type PaymentExperienceProps, type PaymentFeatureFlags, type PaymentFetcher, type PaymentMethod, type PaymentMethodOption, PaymentMethodsSection, type PaymentMethodsSectionProps, type PaymentMethodsSectionTranslations, type PaymentPlatform, PaymentProvider, type PaymentProviderProps, type PaymentSolanaConfig, type PaymentState, type PaymentStatusPayload, type PaymentStatusResponse, type PaymentStep, type PaymentSuccessPayload, type PaymentUserDetails, PaymentsDialogProvider, type RequestOptions, type SolanaFlowConfig, type SolanaPayQRCodeIntent, type SolanaPayStatusResponse, type SolanaPayTransaction, type SolanaPaymentMethod, SolanaPaymentSelector, type SolanaPaymentSelectorProps, SolanaPaymentView, type SolanaPaymentViewProps, type SolanaWallet, StoredPaymentMethods, type StoredPaymentMethodsProps, type SubmitPaymentRequest, type SubmitPaymentResponse, type SubscribeWithCCBillParams, type SubscribeWithCardParams, type SubscribeWithSavedMethodParams, SubscriptionCheckoutModal, type SubscriptionCheckoutModalProps, type SubscriptionCheckoutPayload, SubscriptionSuccessDialog, type SupportedTokensResponse, type TokenBalance, type TokenInfo, type TransactionStatus, type VerifyWalletResponse, type WalletChallengeResponse, type WalletConnectionState, WalletDialog, type WalletDialogProps, type WalletListResponse, WalletModal, type WalletModalProps, createClient, usePaymentContext, usePaymentDialogs, usePaymentMethods, usePaymentNotifications, usePaymentStatus, useSolanaQrPayment, useSubscriptionActions, useSupportedTokens, useTokenBalance };

package/dist/index.js

@@ -67,7 +67,7 @@ var ClientApiError = class extends Error {
     this.request = request;
   }
 };
-var ensureFetch = (fetchImpl) => {
+var getFetchFn = (fetchImpl) => {
   if (fetchImpl) return fetchImpl;
   if (typeof globalThis.fetch === "function") {
     return globalThis.fetch.bind(globalThis);
@@ -75,12 +75,7 @@ var ensureFetch = (fetchImpl) => {
   throw new Error("payments-ui: global fetch is not available");
 };
 var createClient = (config) => {
-  const fetchImpl = ensureFetch(config.fetch);
-  const normalizeBase = (value) => value.replace(/\/$/, "");
-  const billingBaseUrl = normalizeBase(config.billingBaseUrl);
-  const accountBaseUrl = normalizeBase(
-    config.accountBaseUrl ?? config.billingBaseUrl
-  );
+  const fetchImpl = getFetchFn(config.fetch);
   const defaultHeaders = config.defaultHeaders ?? {};
   const resolveAuthToken = async () => {
     if (!config.getAuthToken) return null;
@@ -92,10 +87,9 @@ var createClient = (config) => {
       return null;
     }
   };
-  const buildUrl = (path, query, target) => {
-    const normalizedPath = path.startsWith("/") ? path : `/${path}`;
-    const baseUrl = target === "account" ? accountBaseUrl : billingBaseUrl;
-    const url = new URL(`${baseUrl}${normalizedPath}`);
+  const buildUrl = (path, query) => {
+    path = path.replace(/^\/+/, "");
+    const url = new URL(`${config.baseUrl.replace(/^\/+/, "")}${path.endsWith("v1") ? "" : "/v1"}${path}`);
     if (query) {
       Object.entries(query).forEach(([key, value]) => {
         if (value === void 0 || value === null) return;
@@ -105,8 +99,7 @@ var createClient = (config) => {
     return url.toString();
   };
   const request = async (method, path, options) => {
-    const target = options?.target ?? "billing";
-    const url = buildUrl(path, options?.query, target);
+    const url = buildUrl(path, options?.query);
     const headers = {
       "Content-Type": "application/json",
       ...defaultHeaders,
@@ -158,37 +151,34 @@ var createClient = (config) => {
             limit: params?.limit,
             offset: params?.offset,
             include_inactive: params?.includeInactive
-          },
-          target: "account"
+          }
         }
       );
       return normalizeList(result);
     },
     createPaymentMethod(payload) {
       return request("POST", "/me/payment-methods", {
-        body: payload,
-        target: "account"
+        body: payload
       });
     },
     updatePaymentMethod(id, payload) {
       return request("PUT", `/me/payment-methods/${id}`, {
-        body: payload,
-        target: "account"
+        body: payload
       });
     },
     deletePaymentMethod(id) {
-      return request("DELETE", `/me/payment-methods/${id}`, {
-        target: "account"
-      });
+      return request("DELETE", `/me/payment-methods/${id}`, {});
     },
     activatePaymentMethod(id) {
-      return request("PUT", `/me/payment-methods/${id}/activate`, {
-        target: "account"
-      });
+      return request("PUT", `/me/payment-methods/${id}/activate`, {});
     },
-    checkout(payload) {
+    checkout(payload, idempotencyKey) {
+      const key = idempotencyKey ?? crypto.randomUUID();
       return request("POST", "/me/checkout", {
-        body: payload
+        body: payload,
+        headers: {
+          "Idempotency-Key": key
+        }
       });
     },
     cancelSubscription(feedback) {
@@ -2047,7 +2037,8 @@ var useSubscriptionActions = () => {
       processor = "nmi",
       provider,
       paymentToken,
-      billing
+      billing,
+      idempotencyKey
     }) => {
       const payload = {
         price_id: ensurePrice(priceId),
@@ -2063,7 +2054,7 @@ var useSubscriptionActions = () => {
         zip: billing.postalCode,
         country: billing.country
       };
-      return client.checkout(payload);
+      return client.checkout(payload, idempotencyKey);
     },
     [client]
   );
@@ -2073,7 +2064,8 @@ var useSubscriptionActions = () => {
       processor = "nmi",
       provider,
       paymentMethodId,
-      email
+      email,
+      idempotencyKey
     }) => {
       const payload = {
         price_id: ensurePrice(priceId),
@@ -2082,7 +2074,7 @@ var useSubscriptionActions = () => {
         payment_method_id: paymentMethodId,
         email
       };
-      return client.checkout(payload);
+      return client.checkout(payload, idempotencyKey);
     },
     [client]
   );
@@ -2094,7 +2086,8 @@ var useSubscriptionActions = () => {
       lastName,
       zipCode,
       country,
-      processor = "ccbill"
+      processor = "ccbill",
+      idempotencyKey
     }) => {
       const payload = {
         price_id: ensurePrice(priceId),
@@ -2105,7 +2098,7 @@ var useSubscriptionActions = () => {
         zip: zipCode,
         country
       };
-      return client.checkout(payload);
+      return client.checkout(payload, idempotencyKey);
     },
     [client]
   );
@@ -2132,7 +2125,13 @@ var SubscriptionCheckoutModal = ({
   initialMode = "cards"
 }) => {
   const [showSuccess, setShowSuccess] = useState(false);
+  const [idempotencyKey, setIdempotencyKey] = useState(() => crypto.randomUUID());
   const { subscribeWithCard, subscribeWithSavedMethod } = useSubscriptionActions();
+  useEffect(() => {
+    if (open) {
+      setIdempotencyKey(crypto.randomUUID());
+    }
+  }, [open, priceId]);
   const handleClose = useCallback(
     (nextOpen) => {
       onOpenChange(nextOpen);
@@ -2164,7 +2163,8 @@ var SubscriptionCheckoutModal = ({
       priceId: ensurePrice(),
       provider,
       paymentToken: token,
-      billing
+      billing,
+      idempotencyKey
     });
     assertCheckoutSuccess(response.status, response.message);
     notifySuccess();
@@ -2174,7 +2174,8 @@ var SubscriptionCheckoutModal = ({
       priceId: ensurePrice(),
       provider,
       paymentMethodId,
-      email: userEmail ?? ""
+      email: userEmail ?? "",
+      idempotencyKey
     });
     assertCheckoutSuccess(response.status, response.message);
     notifySuccess();
@@ -2404,11 +2405,10 @@ var PaymentProvider = ({
       return config.fetcher(normalizedInput, init);
     }) : void 0;
     return createClient({
-      billingBaseUrl: config.endpoints.billingBaseUrl,
-      accountBaseUrl: config.endpoints.accountBaseUrl,
+      fetch: wrappedFetch,
+      baseUrl: config.baseUrl,
       getAuthToken: authProvider,
-      defaultHeaders: config.defaultHeaders,
-      fetch: wrappedFetch
+      defaultHeaders: config.defaultHeaders
     });
   }, [config]);
   const solanaEndpoint = useMemo(() => {