@doujins/payments-ui 0.0.9 → 0.0.11

package/dist/index.d.cts

@@ -505,6 +505,30 @@ interface SolanaPaymentSelectorProps {
 }
 declare const SolanaPaymentSelector: React.FC<SolanaPaymentSelectorProps>;
 
+interface SubscriptionCheckoutModalProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    priceId?: string | null;
+    usdAmount?: number;
+    planName?: string;
+    amountLabel?: string;
+    billingPeriodLabel?: string;
+    userEmail?: string | null;
+    provider?: string;
+    onSuccess?: () => void;
+    enableSolanaPay?: boolean;
+}
+declare const SubscriptionCheckoutModal: React.FC<SubscriptionCheckoutModalProps>;
+
+interface SubscriptionSuccessDialogProps {
+    open: boolean;
+    planName?: string;
+    amountLabel?: string;
+    billingPeriodLabel?: string;
+    onClose: () => void;
+}
+declare const SubscriptionSuccessDialog: React.FC<SubscriptionSuccessDialogProps>;
+
 declare const usePaymentMethods: () => {
     listQuery: _tanstack_react_query.UseQueryResult<PaginatedPaymentMethods, Error>;
     createMutation: _tanstack_react_query.UseMutationResult<PaymentMethod, Error, {
@@ -683,4 +707,20 @@ declare const useSubscriptionActions: () => {
     generateFlexFormUrl: ({ priceId, firstName, lastName, address1, city, state, zipCode, country, }: GenerateFlexFormParams) => Promise<FlexFormResponse>;
 };
 
-export { type AsyncStatus, type AuthTokenProvider, type BillingDetails, type CCBillSubscribePayload, CardDetailsForm, type CardDetailsFormProps, CardPaymentService, type CardTokenizeResult, type CreatePaymentMethodPayload, type FlexFormResponse, type GenerateFlexFormParams, type GenerateFlexFormURLBodyParams, type GeneratePaymentRequest, type GeneratePaymentResponse, type ListParams, type NmiSubscribePayload, type PaginatedPaymentMethods, PaymentApp, type PaymentAppOptions, type PaymentCallbacks, type PaymentConfig, type PaymentContextValue, type PaymentEndpoints, type PaymentError, PaymentExperience, type PaymentExperienceProps, type PaymentFeatureFlags, type PaymentFetcher, type PaymentMethod, type PaymentMethodOption, PaymentMethodService, type PaymentPlatform, PaymentProvider, type PaymentProviderProps, type PaymentServices, type PaymentState, type PaymentStatusPayload, type PaymentStatusResponse, type PaymentStep, type PaymentStoreOptions, type PaymentStoreState, type PaymentSuccessPayload, type PaymentUserDetails, type SolanaFlowConfig, type SolanaFlowState, type SolanaPayQRCodeIntent, type SolanaPayStatusResponse, type SolanaPayTransaction, type SolanaPaymentMethod, SolanaPaymentSelector, SolanaPaymentService, StoredPaymentMethods, type StoredPaymentMethodsProps, type SubmitPaymentRequest, type SubmitPaymentResponse, type SubscribeWithCCBillParams, type SubscribeWithCardParams, type SubscribeWithSavedMethodParams, type SubscriptionCheckoutPayload, type SubscriptionResponse, SubscriptionService, type SupportedTokensResponse, type TokenBalance, TokenCatalog, type TokenCatalogOptions, type TokenInfo, type TransactionStatus, type WalletAccount, type WalletAdapterLike, WalletGateway, createPaymentStore, useDirectWalletPayment, usePaymentContext, usePaymentMethodService, usePaymentMethods, usePaymentStatus, usePaymentStore, useSolanaDirectPayment, useSolanaQrPayment, useSolanaService, useSubscriptionActions, useSupportedTokens, useTokenBalance };
+interface FlexFormPayload {
+    priceId: string;
+    firstName: string;
+    lastName: string;
+    address1: string;
+    city: string;
+    state: string;
+    zipCode: string;
+    country: string;
+}
+declare const useAlternativePaymentProvider: () => {
+    openFlexForm: (payload: FlexFormPayload) => Promise<void>;
+    isLoading: boolean;
+    error: string | null;
+};
+
+export { type AsyncStatus, type AuthTokenProvider, type BillingDetails, type CCBillSubscribePayload, CardDetailsForm, type CardDetailsFormProps, CardPaymentService, type CardTokenizeResult, type CreatePaymentMethodPayload, type FlexFormResponse, type GenerateFlexFormParams, type GenerateFlexFormURLBodyParams, type GeneratePaymentRequest, type GeneratePaymentResponse, type ListParams, type NmiSubscribePayload, type PaginatedPaymentMethods, PaymentApp, type PaymentAppOptions, type PaymentCallbacks, type PaymentConfig, type PaymentContextValue, type PaymentEndpoints, type PaymentError, PaymentExperience, type PaymentExperienceProps, type PaymentFeatureFlags, type PaymentFetcher, type PaymentMethod, type PaymentMethodOption, PaymentMethodService, type PaymentPlatform, PaymentProvider, type PaymentProviderProps, type PaymentServices, type PaymentState, type PaymentStatusPayload, type PaymentStatusResponse, type PaymentStep, type PaymentStoreOptions, type PaymentStoreState, type PaymentSuccessPayload, type PaymentUserDetails, type SolanaFlowConfig, type SolanaFlowState, type SolanaPayQRCodeIntent, type SolanaPayStatusResponse, type SolanaPayTransaction, type SolanaPaymentMethod, SolanaPaymentSelector, SolanaPaymentService, StoredPaymentMethods, type StoredPaymentMethodsProps, type SubmitPaymentRequest, type SubmitPaymentResponse, type SubscribeWithCCBillParams, type SubscribeWithCardParams, type SubscribeWithSavedMethodParams, SubscriptionCheckoutModal, type SubscriptionCheckoutPayload, type SubscriptionResponse, SubscriptionService, SubscriptionSuccessDialog, type SupportedTokensResponse, type TokenBalance, TokenCatalog, type TokenCatalogOptions, type TokenInfo, type TransactionStatus, type WalletAccount, type WalletAdapterLike, WalletGateway, createPaymentStore, useAlternativePaymentProvider, useDirectWalletPayment, usePaymentContext, usePaymentMethodService, usePaymentMethods, usePaymentStatus, usePaymentStore, useSolanaDirectPayment, useSolanaQrPayment, useSolanaService, useSubscriptionActions, useSupportedTokens, useTokenBalance };

package/dist/index.d.ts

@@ -505,6 +505,30 @@ interface SolanaPaymentSelectorProps {
 }
 declare const SolanaPaymentSelector: React.FC<SolanaPaymentSelectorProps>;
 
+interface SubscriptionCheckoutModalProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    priceId?: string | null;
+    usdAmount?: number;
+    planName?: string;
+    amountLabel?: string;
+    billingPeriodLabel?: string;
+    userEmail?: string | null;
+    provider?: string;
+    onSuccess?: () => void;
+    enableSolanaPay?: boolean;
+}
+declare const SubscriptionCheckoutModal: React.FC<SubscriptionCheckoutModalProps>;
+
+interface SubscriptionSuccessDialogProps {
+    open: boolean;
+    planName?: string;
+    amountLabel?: string;
+    billingPeriodLabel?: string;
+    onClose: () => void;
+}
+declare const SubscriptionSuccessDialog: React.FC<SubscriptionSuccessDialogProps>;
+
 declare const usePaymentMethods: () => {
     listQuery: _tanstack_react_query.UseQueryResult<PaginatedPaymentMethods, Error>;
     createMutation: _tanstack_react_query.UseMutationResult<PaymentMethod, Error, {
@@ -683,4 +707,20 @@ declare const useSubscriptionActions: () => {
     generateFlexFormUrl: ({ priceId, firstName, lastName, address1, city, state, zipCode, country, }: GenerateFlexFormParams) => Promise<FlexFormResponse>;
 };
 
-export { type AsyncStatus, type AuthTokenProvider, type BillingDetails, type CCBillSubscribePayload, CardDetailsForm, type CardDetailsFormProps, CardPaymentService, type CardTokenizeResult, type CreatePaymentMethodPayload, type FlexFormResponse, type GenerateFlexFormParams, type GenerateFlexFormURLBodyParams, type GeneratePaymentRequest, type GeneratePaymentResponse, type ListParams, type NmiSubscribePayload, type PaginatedPaymentMethods, PaymentApp, type PaymentAppOptions, type PaymentCallbacks, type PaymentConfig, type PaymentContextValue, type PaymentEndpoints, type PaymentError, PaymentExperience, type PaymentExperienceProps, type PaymentFeatureFlags, type PaymentFetcher, type PaymentMethod, type PaymentMethodOption, PaymentMethodService, type PaymentPlatform, PaymentProvider, type PaymentProviderProps, type PaymentServices, type PaymentState, type PaymentStatusPayload, type PaymentStatusResponse, type PaymentStep, type PaymentStoreOptions, type PaymentStoreState, type PaymentSuccessPayload, type PaymentUserDetails, type SolanaFlowConfig, type SolanaFlowState, type SolanaPayQRCodeIntent, type SolanaPayStatusResponse, type SolanaPayTransaction, type SolanaPaymentMethod, SolanaPaymentSelector, SolanaPaymentService, StoredPaymentMethods, type StoredPaymentMethodsProps, type SubmitPaymentRequest, type SubmitPaymentResponse, type SubscribeWithCCBillParams, type SubscribeWithCardParams, type SubscribeWithSavedMethodParams, type SubscriptionCheckoutPayload, type SubscriptionResponse, SubscriptionService, type SupportedTokensResponse, type TokenBalance, TokenCatalog, type TokenCatalogOptions, type TokenInfo, type TransactionStatus, type WalletAccount, type WalletAdapterLike, WalletGateway, createPaymentStore, useDirectWalletPayment, usePaymentContext, usePaymentMethodService, usePaymentMethods, usePaymentStatus, usePaymentStore, useSolanaDirectPayment, useSolanaQrPayment, useSolanaService, useSubscriptionActions, useSupportedTokens, useTokenBalance };
+interface FlexFormPayload {
+    priceId: string;
+    firstName: string;
+    lastName: string;
+    address1: string;
+    city: string;
+    state: string;
+    zipCode: string;
+    country: string;
+}
+declare const useAlternativePaymentProvider: () => {
+    openFlexForm: (payload: FlexFormPayload) => Promise<void>;
+    isLoading: boolean;
+    error: string | null;
+};
+
+export { type AsyncStatus, type AuthTokenProvider, type BillingDetails, type CCBillSubscribePayload, CardDetailsForm, type CardDetailsFormProps, CardPaymentService, type CardTokenizeResult, type CreatePaymentMethodPayload, type FlexFormResponse, type GenerateFlexFormParams, type GenerateFlexFormURLBodyParams, type GeneratePaymentRequest, type GeneratePaymentResponse, type ListParams, type NmiSubscribePayload, type PaginatedPaymentMethods, PaymentApp, type PaymentAppOptions, type PaymentCallbacks, type PaymentConfig, type PaymentContextValue, type PaymentEndpoints, type PaymentError, PaymentExperience, type PaymentExperienceProps, type PaymentFeatureFlags, type PaymentFetcher, type PaymentMethod, type PaymentMethodOption, PaymentMethodService, type PaymentPlatform, PaymentProvider, type PaymentProviderProps, type PaymentServices, type PaymentState, type PaymentStatusPayload, type PaymentStatusResponse, type PaymentStep, type PaymentStoreOptions, type PaymentStoreState, type PaymentSuccessPayload, type PaymentUserDetails, type SolanaFlowConfig, type SolanaFlowState, type SolanaPayQRCodeIntent, type SolanaPayStatusResponse, type SolanaPayTransaction, type SolanaPaymentMethod, SolanaPaymentSelector, SolanaPaymentService, StoredPaymentMethods, type StoredPaymentMethodsProps, type SubmitPaymentRequest, type SubmitPaymentResponse, type SubscribeWithCCBillParams, type SubscribeWithCardParams, type SubscribeWithSavedMethodParams, SubscriptionCheckoutModal, type SubscriptionCheckoutPayload, type SubscriptionResponse, SubscriptionService, SubscriptionSuccessDialog, type SupportedTokensResponse, type TokenBalance, TokenCatalog, type TokenCatalogOptions, type TokenInfo, type TransactionStatus, type WalletAccount, type WalletAdapterLike, WalletGateway, createPaymentStore, useAlternativePaymentProvider, useDirectWalletPayment, usePaymentContext, usePaymentMethodService, usePaymentMethods, usePaymentStatus, usePaymentStore, useSolanaDirectPayment, useSolanaQrPayment, useSolanaService, useSubscriptionActions, useSupportedTokens, useTokenBalance };

package/dist/index.js

@@ -2,7 +2,7 @@ import * as React3 from 'react';
 import { createContext, useMemo, useEffect, useContext, useState, useCallback, useRef } from 'react';
 import { createStore } from 'zustand/vanilla';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ChevronDown, ChevronUp, Check, X, User, MapPin, Loader2, CreditCard, WalletCards, Trash2, Sparkles, Wallet, CheckCircle, XCircle, RotateCcw, RefreshCw } from 'lucide-react';
+import { ChevronDown, ChevronUp, Check, X, User, MapPin, Loader2, CreditCard, WalletCards, Trash2, Sparkles, CheckCircle, AlertCircle, Wallet, XCircle, RotateCcw, RefreshCw } from 'lucide-react';
 import countryList from 'country-list';
 import { cva } from 'class-variance-authority';
 import { clsx } from 'clsx';
@@ -1818,13 +1818,10 @@ var useSolanaQrPayment = (options) => {
   const resetState = useCallback(
     (message) => {
       clearTimers();
-      setIntent((prev) => prev ? null : prev);
-      setQrDataUri((prev) => prev ? null : prev);
-      setTimeRemaining((prev) => prev !== 0 ? 0 : prev);
-      setError((prev) => {
-        const next = message === void 0 ? null : message;
-        return prev === next ? prev : next;
-      });
+      setIntent(null);
+      setQrDataUri(null);
+      setTimeRemaining(0);
+      setError(message ?? null);
     },
     [clearTimers]
   );
@@ -2658,6 +2655,245 @@ var PaymentExperience = ({
     )
   ] });
 };
+var SubscriptionSuccessDialog = ({
+  open,
+  planName = "Premium Plan",
+  amountLabel = "$0.00",
+  billingPeriodLabel = "billing period",
+  onClose
+}) => {
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (value) => {
+    if (!value) onClose();
+  }, children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-sm text-center", children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsxs(DialogTitle, { className: "flex flex-col items-center gap-3 text-foreground", children: [
+        /* @__PURE__ */ jsx(CheckCircle, { className: "h-10 w-10 text-primary" }),
+        "Subscription activated"
+      ] }),
+      /* @__PURE__ */ jsxs(DialogDescription, { className: "text-base text-muted-foreground", children: [
+        "You now have access to ",
+        planName,
+        ". Billing: ",
+        amountLabel,
+        " / ",
+        billingPeriodLabel,
+        "."
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Button, { className: "mt-6 w-full", onClick: onClose, children: "Continue" })
+  ] }) });
+};
+var useSubscriptionActions = () => {
+  const { services } = usePaymentContext();
+  const ensurePrice = (priceId) => {
+    if (!priceId) {
+      throw new Error("payments-ui: priceId is required for subscription actions");
+    }
+    return priceId;
+  };
+  const subscribeWithCard = useCallback(
+    async ({
+      priceId,
+      processor = "nmi",
+      provider,
+      paymentToken,
+      billing
+    }) => {
+      const payload = {
+        priceId: ensurePrice(priceId),
+        paymentToken,
+        processor,
+        provider,
+        email: billing.email,
+        firstName: billing.firstName,
+        lastName: billing.lastName,
+        address1: billing.address1,
+        city: billing.city,
+        state: billing.stateRegion,
+        zipCode: billing.postalCode,
+        country: billing.country
+      };
+      return services.subscriptions.subscribe("nmi", payload);
+    },
+    [services]
+  );
+  const subscribeWithSavedMethod = useCallback(
+    async ({
+      priceId,
+      processor = "nmi",
+      provider,
+      paymentMethodId,
+      email
+    }) => {
+      const payload = {
+        priceId: ensurePrice(priceId),
+        paymentMethodId,
+        processor,
+        provider,
+        email
+      };
+      return services.subscriptions.subscribe("nmi", payload);
+    },
+    [services]
+  );
+  const subscribeWithCCBill = useCallback(
+    async ({
+      priceId,
+      email,
+      firstName,
+      lastName,
+      zipCode,
+      country,
+      processor = "ccbill"
+    }) => {
+      const payload = {
+        priceId: ensurePrice(priceId),
+        email,
+        firstName,
+        lastName,
+        zipCode,
+        country,
+        processor
+      };
+      return services.subscriptions.subscribe("ccbill", payload);
+    },
+    [services]
+  );
+  const generateFlexFormUrl = useCallback(
+    async ({
+      priceId,
+      firstName,
+      lastName,
+      address1,
+      city,
+      state,
+      zipCode,
+      country
+    }) => {
+      const payload = {
+        price_id: ensurePrice(priceId),
+        first_name: firstName,
+        last_name: lastName,
+        address1,
+        city,
+        state,
+        zip_code: zipCode,
+        country
+      };
+      return services.subscriptions.generateFlexFormUrl(payload);
+    },
+    [services]
+  );
+  return {
+    subscribeWithCard,
+    subscribeWithSavedMethod,
+    subscribeWithCCBill,
+    generateFlexFormUrl
+  };
+};
+var SubscriptionCheckoutModal = ({
+  open,
+  onOpenChange,
+  priceId,
+  usdAmount = 0,
+  planName,
+  amountLabel,
+  billingPeriodLabel,
+  userEmail,
+  provider = "mobius",
+  onSuccess,
+  enableSolanaPay = true
+}) => {
+  const [showSuccess, setShowSuccess] = useState(false);
+  const { subscribeWithCard, subscribeWithSavedMethod } = useSubscriptionActions();
+  const handleClose = useCallback(
+    (nextOpen) => {
+      onOpenChange(nextOpen);
+      if (!nextOpen) {
+        setShowSuccess(false);
+      }
+    },
+    [onOpenChange]
+  );
+  const ensurePrice = () => {
+    if (!priceId) {
+      throw new Error("Select a plan before subscribing.");
+    }
+    return priceId;
+  };
+  const notifySuccess = (result) => {
+    setShowSuccess(true);
+    onSuccess?.();
+    if (result && typeof window !== "undefined") {
+      console.debug("[payments-ui] subscription success", result);
+    }
+  };
+  const handleNewCardPayment = async ({ token, billing }) => {
+    await subscribeWithCard({
+      priceId: ensurePrice(),
+      provider,
+      paymentToken: token,
+      billing
+    });
+    notifySuccess();
+  };
+  const handleSavedMethodPayment = async ({ paymentMethodId }) => {
+    await subscribeWithSavedMethod({
+      priceId: ensurePrice(),
+      provider,
+      paymentMethodId,
+      email: userEmail ?? ""
+    });
+    notifySuccess();
+  };
+  const solanaSuccess = (result) => {
+    notifySuccess(result);
+    onOpenChange(false);
+  };
+  const summary = useMemo(() => {
+    if (!planName && !amountLabel) return null;
+    return /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-border/60 bg-muted/10 p-3 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx("p", { className: "font-medium text-foreground", children: planName ?? "Selected plan" }),
+      /* @__PURE__ */ jsxs("p", { children: [
+        amountLabel ?? `$${usdAmount.toFixed(2)}`,
+        " ",
+        billingPeriodLabel ? `/ ${billingPeriodLabel}` : ""
+      ] })
+    ] });
+  }, [planName, amountLabel, billingPeriodLabel, usdAmount]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-3xl", children: [
+      !priceId && /* @__PURE__ */ jsxs("div", { className: "mb-4 flex items-center gap-2 rounded-lg border border-destructive/40 bg-destructive/10 px-3 py-2 text-sm text-destructive", children: [
+        /* @__PURE__ */ jsx(AlertCircle, { className: "h-4 w-4" }),
+        " Select a subscription plan to continue."
+      ] }),
+      /* @__PURE__ */ jsx(
+        PaymentExperience,
+        {
+          priceId: priceId ?? "",
+          usdAmount,
+          checkoutSummary: summary,
+          onNewCardPayment: priceId ? handleNewCardPayment : void 0,
+          onSavedMethodPayment: priceId ? handleSavedMethodPayment : void 0,
+          enableNewCard: Boolean(priceId),
+          enableStoredMethods: Boolean(priceId),
+          enableSolanaPay: enableSolanaPay && Boolean(priceId),
+          onSolanaSuccess: solanaSuccess
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      SubscriptionSuccessDialog,
+      {
+        open: showSuccess,
+        onClose: () => setShowSuccess(false),
+        planName,
+        amountLabel: amountLabel ?? `$${usdAmount.toFixed(2)}`,
+        billingPeriodLabel
+      }
+    )
+  ] });
+};
 var useTokenBalance = (tokens) => {
   const { publicKey } = useWallet();
   const { connection } = useConnection();
@@ -3149,115 +3385,34 @@ var usePaymentStatus = (options = {}) => {
     isPending: getConfirmationStatus() === "pending"
   };
 };
-var useSubscriptionActions = () => {
-  const { services } = usePaymentContext();
-  const ensurePrice = (priceId) => {
-    if (!priceId) {
-      throw new Error("payments-ui: priceId is required for subscription actions");
-    }
-    return priceId;
-  };
-  const subscribeWithCard = useCallback(
-    async ({
-      priceId,
-      processor = "nmi",
-      provider,
-      paymentToken,
-      billing
-    }) => {
-      const payload = {
-        priceId: ensurePrice(priceId),
-        paymentToken,
-        processor,
-        provider,
-        email: billing.email,
-        firstName: billing.firstName,
-        lastName: billing.lastName,
-        address1: billing.address1,
-        city: billing.city,
-        state: billing.stateRegion,
-        zipCode: billing.postalCode,
-        country: billing.country
-      };
-      return services.subscriptions.subscribe("nmi", payload);
-    },
-    [services]
-  );
-  const subscribeWithSavedMethod = useCallback(
-    async ({
-      priceId,
-      processor = "nmi",
-      provider,
-      paymentMethodId,
-      email
-    }) => {
-      const payload = {
-        priceId: ensurePrice(priceId),
-        paymentMethodId,
-        processor,
-        provider,
-        email
-      };
-      return services.subscriptions.subscribe("nmi", payload);
-    },
-    [services]
-  );
-  const subscribeWithCCBill = useCallback(
-    async ({
-      priceId,
-      email,
-      firstName,
-      lastName,
-      zipCode,
-      country,
-      processor = "ccbill"
-    }) => {
-      const payload = {
-        priceId: ensurePrice(priceId),
-        email,
-        firstName,
-        lastName,
-        zipCode,
-        country,
-        processor
-      };
-      return services.subscriptions.subscribe("ccbill", payload);
-    },
-    [services]
-  );
-  const generateFlexFormUrl = useCallback(
-    async ({
-      priceId,
-      firstName,
-      lastName,
-      address1,
-      city,
-      state,
-      zipCode,
-      country
-    }) => {
-      const payload = {
-        price_id: ensurePrice(priceId),
-        first_name: firstName,
-        last_name: lastName,
-        address1,
-        city,
-        state,
-        zip_code: zipCode,
-        country
-      };
-      return services.subscriptions.generateFlexFormUrl(payload);
+var useAlternativePaymentProvider = () => {
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const { generateFlexFormUrl } = useSubscriptionActions();
+  const openFlexForm = useCallback(
+    async (payload) => {
+      setIsLoading(true);
+      setError(null);
+      try {
+        const response = await generateFlexFormUrl(payload);
+        if (response?.iframe_url) {
+          window.location.href = response.iframe_url;
+        } else {
+          throw new Error("Unable to launch payment provider.");
+        }
+      } catch (err) {
+        const message = err instanceof Error ? err.message : "Failed to open payment provider.";
+        setError(message);
+        console.error("[payments-ui] failed to open alternative payment provider", err);
+      } finally {
+        setIsLoading(false);
+      }
     },
-    [services]
+    [generateFlexFormUrl]
   );
-  return {
-    subscribeWithCard,
-    subscribeWithSavedMethod,
-    subscribeWithCCBill,
-    generateFlexFormUrl
-  };
+  return { openFlexForm, isLoading, error };
 };
 
-export { CardDetailsForm, CardPaymentService, PaymentApp, PaymentExperience, PaymentMethodService, PaymentProvider, SolanaPaymentSelector, SolanaPaymentService, StoredPaymentMethods, SubscriptionService, TokenCatalog, WalletGateway, createPaymentStore, useDirectWalletPayment, usePaymentContext, usePaymentMethodService, usePaymentMethods, usePaymentStatus, usePaymentStore, useSolanaDirectPayment, useSolanaQrPayment, useSolanaService, useSubscriptionActions, useSupportedTokens, useTokenBalance };
+export { CardDetailsForm, CardPaymentService, PaymentApp, PaymentExperience, PaymentMethodService, PaymentProvider, SolanaPaymentSelector, SolanaPaymentService, StoredPaymentMethods, SubscriptionCheckoutModal, SubscriptionService, SubscriptionSuccessDialog, TokenCatalog, WalletGateway, createPaymentStore, useAlternativePaymentProvider, useDirectWalletPayment, usePaymentContext, usePaymentMethodService, usePaymentMethods, usePaymentStatus, usePaymentStore, useSolanaDirectPayment, useSolanaQrPayment, useSolanaService, useSubscriptionActions, useSupportedTokens, useTokenBalance };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map