@solvapay/react 2.2.2 → 2.3.0-preview-e77af6c08d8a185342e1a74903c8545b94a9f51d

package/dist/{chunk-KUH3SNWZ.js → chunk-LXG7QDM3.js}

@@ -1,5 +1,6 @@
 import {
   AmountPicker,
+  CACHE_DURATION,
   MandateText,
   MissingProductRefError,
   MissingProviderError,
@@ -9,11 +10,14 @@ import {
   SolvaPayContext,
   Spinner,
   TopupForm,
+  autoRechargeCache,
+  autoRechargeCacheKeyFor,
   buildDefaultCheckoutPlanFilter,
   buildSummaryLine,
   composeEventHandlers,
   configToForm,
   createDefaultAutoRechargeForm,
+  createHttpTransport,
   effectiveMonthlySpend,
   estimateCredits,
   estimateCurrencyMajorFromCredits,
@@ -28,10 +32,10 @@ import {
   planBillingCycle,
   planBillingInterval,
   planSortByPaygFirstThenAsc,
+  subscribeAutoRecharge,
   useActivation,
   useAmountPicker,
   useAmountPickerCopy,
-  useAutoRecharge,
   useBalance,
   useCheckoutFlow,
   useCopy,
@@ -43,10 +47,12 @@ import {
   useProduct,
   usePurchase,
   usePurchaseActions,
+  useSolvaPay,
   useTopupAmountSelector,
   validateAutoRechargeForm,
-  withPaymentElementDefaults
-} from "./chunk-GPP4MY3I.js";
+  withPaymentElementDefaults,
+  writeAutoRechargeCache
+} from "./chunk-JXH36VLL.js";
 
 // src/TopupForm.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -670,17 +676,194 @@ function useCreditGate() {
   return useGateCtx2("useCreditGate");
 }
 
+// src/hooks/useAutoRecharge.ts
+import { useCallback as useCallback3, useEffect as useEffect3, useRef as useRef2, useState as useState3 } from "react";
+function mergeAutoRechargeConfig(config, display) {
+  return display ? { ...config, display } : config;
+}
+async function fetchAutoRecharge(config) {
+  const transport = config?.transport ?? createHttpTransport(config);
+  if (!transport.getAutoRecharge) return null;
+  const response = await transport.getAutoRecharge();
+  if (!response.config) return null;
+  return mergeAutoRechargeConfig(response.config, response.display);
+}
+function useAutoRecharge() {
+  const { _config } = useSolvaPay();
+  const key = autoRechargeCacheKeyFor(_config);
+  const [config, setConfig] = useState3(
+    () => autoRechargeCache.get(key)?.config ?? null
+  );
+  const [loading, setLoading] = useState3(() => {
+    const cached = autoRechargeCache.get(key);
+    return !cached || !cached.config && !cached.promise;
+  });
+  const [saving, setSaving] = useState3(false);
+  const [disabling, setDisabling] = useState3(false);
+  const [error, setError] = useState3(null);
+  const requestSeq = useRef2(0);
+  const load = useCallback3(
+    async (force = false) => {
+      const seq = requestSeq.current;
+      const cached = autoRechargeCache.get(key);
+      const now = Date.now();
+      if (!force && cached?.config && now - cached.timestamp < CACHE_DURATION) {
+        if (seq !== requestSeq.current) return;
+        setConfig(cached.config);
+        setLoading(false);
+        setError(null);
+        return;
+      }
+      if (!force && cached?.promise) {
+        setLoading(true);
+        try {
+          const value = await cached.promise;
+          if (seq !== requestSeq.current) return;
+          setConfig(value);
+          setError(null);
+        } catch (caught) {
+          if (seq !== requestSeq.current) return;
+          setError(caught instanceof Error ? caught : new Error(String(caught)));
+        } finally {
+          if (seq === requestSeq.current) {
+            setLoading(false);
+          }
+        }
+        return;
+      }
+      setLoading(true);
+      setError(null);
+      const promise = fetchAutoRecharge(_config);
+      writeAutoRechargeCache(key, {
+        config: cached?.config ?? null,
+        promise,
+        timestamp: now
+      });
+      try {
+        const value = await promise;
+        if (seq !== requestSeq.current) return;
+        writeAutoRechargeCache(key, { config: value, promise: null, timestamp: Date.now() });
+        setConfig(value);
+      } catch (caught) {
+        if (seq !== requestSeq.current) return;
+        const err = caught instanceof Error ? caught : new Error(String(caught));
+        writeAutoRechargeCache(key, {
+          config: cached?.config ?? null,
+          promise: null,
+          timestamp: Date.now()
+        });
+        setError(err);
+      } finally {
+        if (seq === requestSeq.current) {
+          setLoading(false);
+        }
+      }
+    },
+    [_config, key]
+  );
+  useEffect3(() => {
+    void load();
+  }, [load]);
+  useEffect3(() => {
+    return subscribeAutoRecharge(key, () => {
+      const cached = autoRechargeCache.get(key);
+      if (cached) {
+        setConfig(cached.config);
+        return;
+      }
+      void load(true);
+    });
+  }, [key, load]);
+  const refresh = useCallback3(
+    async (force = true) => {
+      await load(force);
+    },
+    [load]
+  );
+  const save = useCallback3(
+    async (input) => {
+      const transport = _config?.transport ?? createHttpTransport(_config);
+      if (!transport.saveAutoRecharge) {
+        throw new Error("saveAutoRecharge is not available on this transport");
+      }
+      setSaving(true);
+      setError(null);
+      const seq = ++requestSeq.current;
+      try {
+        const result = await transport.saveAutoRecharge(input);
+        if (seq !== requestSeq.current) return result;
+        const nextConfig = mergeAutoRechargeConfig(result.config, result.display);
+        writeAutoRechargeCache(key, {
+          config: nextConfig,
+          promise: null,
+          timestamp: Date.now()
+        });
+        setConfig(nextConfig);
+        return result;
+      } catch (caught) {
+        const err = caught instanceof Error ? caught : new Error(String(caught));
+        setError(err);
+        throw err;
+      } finally {
+        setSaving(false);
+      }
+    },
+    [_config, key]
+  );
+  const disable = useCallback3(async () => {
+    const transport = _config?.transport ?? createHttpTransport(_config);
+    if (!transport.disableAutoRecharge) {
+      throw new Error("disableAutoRecharge is not available on this transport");
+    }
+    setDisabling(true);
+    setError(null);
+    const seq = ++requestSeq.current;
+    try {
+      const result = await transport.disableAutoRecharge();
+      if (seq === requestSeq.current) {
+        setConfig((current) => {
+          const disabledConfig = current ? { ...current, enabled: false } : null;
+          writeAutoRechargeCache(key, {
+            config: disabledConfig,
+            promise: null,
+            timestamp: Date.now()
+          });
+          return disabledConfig;
+        });
+        await refresh(true);
+        setConfig((current) => {
+          const disabledConfig = current ? { ...current, enabled: false } : null;
+          writeAutoRechargeCache(key, {
+            config: disabledConfig,
+            promise: null,
+            timestamp: Date.now()
+          });
+          return disabledConfig;
+        });
+      }
+      return result;
+    } catch (caught) {
+      const err = caught instanceof Error ? caught : new Error(String(caught));
+      setError(err);
+      throw err;
+    } finally {
+      setDisabling(false);
+    }
+  }, [_config, key, refresh]);
+  return { config, loading, saving, disabling, error, refresh, save, disable };
+}
+
 // src/primitives/AutoRecharge.tsx
 import {
   createContext as createContext4,
   forwardRef as forwardRef6,
-  useCallback as useCallback3,
+  useCallback as useCallback4,
   useContext as useContext6,
-  useEffect as useEffect3,
+  useEffect as useEffect4,
   useId,
   useMemo as useMemo5,
-  useRef as useRef2,
-  useState as useState3
+  useRef as useRef3,
+  useState as useState4
 } from "react";
 import { createPortal } from "react-dom";
 import {
@@ -778,12 +961,12 @@ var Root4 = forwardRef6(function AutoRechargeRoot({
   const { creditsPerMinorUnit, displayExchangeRate } = useBalance();
   const copy = useCopy();
   const titleId = useId();
-  const triggerRef = useRef2(null);
+  const triggerRef = useRef3(null);
   const defaultTopup = defaultTopupAmountMajor ?? defaultThresholdAmountMajor ?? void 0;
-  const [uncontrolledOpen, setUncontrolledOpen] = useState3(defaultOpen);
+  const [uncontrolledOpen, setUncontrolledOpen] = useState4(defaultOpen);
   const isControlled = openProp !== void 0;
   const open = isControlled ? openProp : uncontrolledOpen;
-  const setOpen = useCallback3(
+  const setOpen = useCallback4(
     (next) => {
       if (!isControlled) {
         setUncontrolledOpen(next);
@@ -792,23 +975,23 @@ var Root4 = forwardRef6(function AutoRechargeRoot({
     },
     [isControlled, onOpenChange]
   );
-  const registerTriggerRef = useCallback3((node) => {
+  const registerTriggerRef = useCallback4((node) => {
     triggerRef.current = node;
   }, []);
-  const focusTrigger = useCallback3(() => {
+  const focusTrigger = useCallback4(() => {
     triggerRef.current?.focus();
   }, []);
-  const [form, setForm] = useState3(
+  const [form, setForm] = useState4(
     () => autoRecharge.config ? configToForm(autoRecharge.config, currency) : createDefaultAutoRechargeForm(currency, defaultTopup)
   );
-  const [validationError, setValidationError] = useState3(null);
-  const [statusMessage, setStatusMessage] = useState3(null);
-  const [setup, setSetup] = useState3(null);
-  const latestConfigRef = useRef2(autoRecharge.config);
-  useEffect3(() => {
+  const [validationError, setValidationError] = useState4(null);
+  const [statusMessage, setStatusMessage] = useState4(null);
+  const [setup, setSetup] = useState4(null);
+  const latestConfigRef = useRef3(autoRecharge.config);
+  useEffect4(() => {
     latestConfigRef.current = autoRecharge.config;
   }, [autoRecharge.config]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (autoRecharge.config) {
       setForm(configToForm(autoRecharge.config, currency));
     }
@@ -816,7 +999,7 @@ var Root4 = forwardRef6(function AutoRechargeRoot({
   const canToggleUnits = creditsPerMinorUnit != null && creditsPerMinorUnit > 0;
   const rate = displayExchangeRate ?? 1;
   const isApproximate = rate !== 1;
-  const emitValidation = useCallback3(
+  const emitValidation = useCallback4(
     (next) => {
       const result = validateAutoRechargeForm(
         next,
@@ -833,7 +1016,7 @@ var Root4 = forwardRef6(function AutoRechargeRoot({
     },
     [currency, creditsPerMinorUnit, displayExchangeRate, copy.autoRecharge]
   );
-  const updateForm = useCallback3(
+  const updateForm = useCallback4(
     (patch) => {
       setForm((prev) => {
         const next = { ...prev, ...patch };
@@ -843,7 +1026,7 @@ var Root4 = forwardRef6(function AutoRechargeRoot({
     },
     [emitValidation]
   );
-  const resetForm = useCallback3(() => {
+  const resetForm = useCallback4(() => {
     if (autoRecharge.config) {
       setForm(configToForm(autoRecharge.config, currency));
     } else {
@@ -851,7 +1034,7 @@ var Root4 = forwardRef6(function AutoRechargeRoot({
     }
     setValidationError(null);
   }, [autoRecharge.config, currency, defaultTopup]);
-  const flipUnit = useCallback3(
+  const flipUnit = useCallback4(
     (valueKey, unitKey, baseValueKey, baseUnitKey, currentUnit) => {
       const nextUnit = currentUnit === "currency" ? "credits" : "currency";
       setForm((prev) => {
@@ -906,7 +1089,7 @@ var Root4 = forwardRef6(function AutoRechargeRoot({
       currency
     );
   }, [autoRecharge.config, currency]);
-  const save = useCallback3(async () => {
+  const save = useCallback4(async () => {
     const payload = emitValidation(form);
     if (!payload) return;
     const saveInput = deferCardSetup ? { ...payload, deferSetupIntent: true } : payload;
@@ -937,13 +1120,13 @@ var Root4 = forwardRef6(function AutoRechargeRoot({
     onSetupRequired,
     setOpen
   ]);
-  const disable = useCallback3(async () => {
+  const disable = useCallback4(async () => {
     await autoRecharge.disable();
     setStatusMessage(copy.autoRecharge.disabledMessage);
     setSetup(null);
     await onDisabled?.();
   }, [autoRecharge, copy.autoRecharge, onDisabled]);
-  const completeSetup = useCallback3(async () => {
+  const completeSetup = useCallback4(async () => {
     const activated = await waitForAutoRechargeActivation({
       refresh: autoRecharge.refresh,
       getStatus: () => latestConfigRef.current?.status
@@ -1150,8 +1333,8 @@ var Overlay = forwardRef6(
 );
 var Content = forwardRef6(function AutoRechargeContent({ className, children, ...rest }, forwardedRef) {
   const ctx = useAutoRechargeCtx("Content");
-  const panelRef = useRef2(null);
-  useEffect3(() => {
+  const panelRef = useRef3(null);
+  useEffect4(() => {
     if (!ctx.open) return;
     const handleKeyDown = (event) => {
       if (event.key === "Escape") {
@@ -1790,9 +1973,9 @@ function CardSetupInner({ onComplete }) {
   const copy = useCopy();
   const stripe = useStripe();
   const elements = useElements();
-  const [processing, setProcessing] = useState3(false);
-  const [error, setError] = useState3(null);
-  useEffect3(() => {
+  const [processing, setProcessing] = useState4(false);
+  const [error, setError] = useState4(null);
+  useEffect4(() => {
     if (!stripe) return;
     const clientSecret = readSetupIntentClientSecret(window.location.search);
     if (!clientSecret) return;
@@ -1970,7 +2153,7 @@ function useAutoRechargeForm() {
 }
 
 // src/hooks/usePaywallResolver.ts
-import { useCallback as useCallback4, useMemo as useMemo6 } from "react";
+import { useCallback as useCallback5, useMemo as useMemo6 } from "react";
 function balanceCoversNextUnit(balance, credits) {
   if (!balance) return false;
   if (typeof balance.remainingUnits === "number" && balance.remainingUnits > 0) {
@@ -1994,7 +2177,7 @@ function usePaywallResolver(content) {
     if (balanceCoversNextUnit(content.balance, credits)) return true;
     return Boolean(productMatches && activePurchase?.status === "active");
   }, [content, hasPaidPurchase, activePurchase, credits]);
-  const refetch = useCallback4(async () => {
+  const refetch = useCallback5(async () => {
     await Promise.all([
       refetchPurchase().catch(() => void 0),
       refetchBalance().catch(() => void 0)
@@ -2007,11 +2190,11 @@ function usePaywallResolver(content) {
 import {
   createContext as createContext6,
   forwardRef as forwardRef8,
-  useCallback as useCallback5,
+  useCallback as useCallback6,
   useContext as useContext8,
-  useEffect as useEffect4,
+  useEffect as useEffect5,
   useMemo as useMemo8,
-  useRef as useRef3
+  useRef as useRef4
 } from "react";
 
 // src/primitives/checkout/index.tsx
@@ -2603,17 +2786,17 @@ function usePaywallNoticeCtx(part) {
 var Root6 = forwardRef8(function PaywallNoticeRoot({ content, onResolved, classNames, asChild, children, ...rest }, forwardedRef) {
   const { resolved, refetch } = usePaywallResolver(content);
   const classNamesResolved = useMemo8(() => classNames ?? {}, [classNames]);
-  const onResolvedRef = useRef3(onResolved);
-  useEffect4(() => {
+  const onResolvedRef = useRef4(onResolved);
+  useEffect5(() => {
     onResolvedRef.current = onResolved;
   }, [onResolved]);
-  const hasResolvedRef = useRef3(false);
-  const signalResolved = useCallback5(() => {
+  const hasResolvedRef = useRef4(false);
+  const signalResolved = useCallback6(() => {
     if (hasResolvedRef.current) return;
     hasResolvedRef.current = true;
     onResolvedRef.current?.();
   }, []);
-  useEffect4(() => {
+  useEffect5(() => {
     if (resolved) signalResolved();
   }, [resolved, signalResolved]);
   const ctx = useMemo8(
@@ -2905,6 +3088,7 @@ export {
   CreditGateError2 as CreditGateError,
   CreditGate,
   useCreditGate,
+  useAutoRecharge,
   AutoRechargeRoot2 as AutoRechargeRoot,
   AutoRechargeLoading2 as AutoRechargeLoading,
   AutoRechargeCard2 as AutoRechargeCard,

package/dist/{chunk-4UFQDYG5.js → chunk-QWK3LMGG.js}

@@ -8,7 +8,7 @@ import {
   useOpenExternal,
   useSolvaPay,
   useTransport
-} from "./chunk-GPP4MY3I.js";
+} from "./chunk-JXH36VLL.js";
 
 // src/hooks/usePaymentMethod.ts
 import { useCallback, useEffect, useState } from "react";

package/dist/{index-BAYpUp5R.d.ts → index-BadShw3R.d.cts}

@@ -1,4 +1,4 @@
-import { a4 as components, b as Plan, P as PaymentFormProps, a as PrefillCustomer, A as ActivationResult, s as UseTopupAmountSelectorReturn, a5 as AutoRechargeInput, u as AutoRechargeConfig, a6 as AutoRechargeDisplayBlock, E as CheckoutStep, O as SuccessMeta } from './useUsage-DSPWQ37m.js';
+import { a4 as components, b as Plan, P as PaymentFormProps, a as PrefillCustomer, A as ActivationResult, s as UseTopupAmountSelectorReturn, a5 as AutoRechargeInput, u as AutoRechargeConfig, a6 as AutoRechargeDisplayBlock, E as CheckoutStep, O as SuccessMeta } from './useUsage-DNXxsmyG.cjs';
 import React from 'react';
 import { PaymentElement, CardElement } from '@stripe/react-stripe-js';
 import { TaxBreakdown } from '@solvapay/core';
@@ -177,6 +177,12 @@ declare function deriveVariant(plan: Plan | null | undefined, mode?: 'topup'): C
  * i18n template signature untouched while lifting the legal commitment
  * to the point of charge.
  *
+ * `savesPaymentMethod` marks a confirm that also stores the card for
+ * later off-session charges (auto-recharge). The MCP payment surfaces
+ * turn Stripe's own `terms` line off, so this component is the only
+ * place that discloses the storage — the topup template appends a
+ * saved-card sentence when the flag is set.
+ *
  * When the merchant record omits `termsUrl` / `privacyUrl`, we fall back
  * to SolvaPay's hosted legal pages so the mandate sentence always carries
  * working links. SolvaPay is the underlying processor on every charge, so
@@ -192,6 +198,11 @@ type MandateTextProps = {
     mode?: 'topup';
     amountMinor?: number;
     currency?: string;
+    /**
+     * Set when the confirm also stores the card for later off-session
+     * charges (auto-recharge), so the mandate discloses the storage.
+     */
+    savesPaymentMethod?: boolean;
     asChild?: boolean;
 } & Omit<React.HTMLAttributes<HTMLParagraphElement>, 'children'> & {
     children?: React.ReactNode;
@@ -203,6 +214,11 @@ declare const MandateText: React.ForwardRefExoticComponent<{
     mode?: "topup";
     amountMinor?: number;
     currency?: string;
+    /**
+     * Set when the confirm also stores the card for later off-session
+     * charges (auto-recharge), so the mandate discloses the storage.
+     */
+    savesPaymentMethod?: boolean;
     asChild?: boolean;
 } & Omit<React.HTMLAttributes<HTMLParagraphElement>, "children"> & {
     children?: React.ReactNode;

package/dist/{index-B5QUesJE.d.cts → index-DN66D54Q.d.ts}

@@ -1,4 +1,4 @@
-import { a4 as components, b as Plan, P as PaymentFormProps, a as PrefillCustomer, A as ActivationResult, s as UseTopupAmountSelectorReturn, a5 as AutoRechargeInput, u as AutoRechargeConfig, a6 as AutoRechargeDisplayBlock, E as CheckoutStep, O as SuccessMeta } from './useUsage-CRd_E6J3.cjs';
+import { a4 as components, b as Plan, P as PaymentFormProps, a as PrefillCustomer, A as ActivationResult, s as UseTopupAmountSelectorReturn, a5 as AutoRechargeInput, u as AutoRechargeConfig, a6 as AutoRechargeDisplayBlock, E as CheckoutStep, O as SuccessMeta } from './useUsage-CwvxnICf.js';
 import React from 'react';
 import { PaymentElement, CardElement } from '@stripe/react-stripe-js';
 import { TaxBreakdown } from '@solvapay/core';
@@ -177,6 +177,12 @@ declare function deriveVariant(plan: Plan | null | undefined, mode?: 'topup'): C
  * i18n template signature untouched while lifting the legal commitment
  * to the point of charge.
  *
+ * `savesPaymentMethod` marks a confirm that also stores the card for
+ * later off-session charges (auto-recharge). The MCP payment surfaces
+ * turn Stripe's own `terms` line off, so this component is the only
+ * place that discloses the storage — the topup template appends a
+ * saved-card sentence when the flag is set.
+ *
  * When the merchant record omits `termsUrl` / `privacyUrl`, we fall back
  * to SolvaPay's hosted legal pages so the mandate sentence always carries
  * working links. SolvaPay is the underlying processor on every charge, so
@@ -192,6 +198,11 @@ type MandateTextProps = {
     mode?: 'topup';
     amountMinor?: number;
     currency?: string;
+    /**
+     * Set when the confirm also stores the card for later off-session
+     * charges (auto-recharge), so the mandate discloses the storage.
+     */
+    savesPaymentMethod?: boolean;
     asChild?: boolean;
 } & Omit<React.HTMLAttributes<HTMLParagraphElement>, 'children'> & {
     children?: React.ReactNode;
@@ -203,6 +214,11 @@ declare const MandateText: React.ForwardRefExoticComponent<{
     mode?: "topup";
     amountMinor?: number;
     currency?: string;
+    /**
+     * Set when the confirm also stores the card for later off-session
+     * charges (auto-recharge), so the mandate discloses the storage.
+     */
+    savesPaymentMethod?: boolean;
     asChild?: boolean;
 } & Omit<React.HTMLAttributes<HTMLParagraphElement>, "children"> & {
     children?: React.ReactNode;

package/dist/index.cjs

@@ -624,7 +624,8 @@ var enCopy = {
     },
     topup: (ctx) => {
       const product = ctx.product?.name ? ` to add credits to your ${ctx.product.name} balance` : " to add credits to your balance";
-      return `By confirming, you authorize ${ctx.merchant.legalName} to charge ${ctx.amountFormatted}${product}. Credits are non-refundable once used. Payments are processed by SolvaPay.${termsSentence(ctx)}`;
+      const savedCard = ctx.savesPaymentMethod ? ` You also authorize ${ctx.merchant.legalName} to save this card and charge it for future auto-recharges, which you can turn off any time.` : "";
+      return `By confirming, you authorize ${ctx.merchant.legalName} to charge ${ctx.amountFormatted}${product}. Credits are non-refundable once used.${savedCard} Payments are processed by SolvaPay.${termsSentence(ctx)}`;
     },
     usageMetered: (ctx) => {
       const measures = ctx.plan?.measures ?? "request";
@@ -863,8 +864,10 @@ var enCopy = {
     addFunds: "Add funds",
     autoRechargeOn: "Auto-recharge on",
     autoRechargeOff: "Auto-recharge off",
-    turnOn: "Turn on \u2192",
-    manage: "Manage \u2192",
+    autoRechargePending: "Auto-recharge starts once this payment clears",
+    turnOn: "Turn on",
+    manage: "Manage",
+    fixCard: "Fix card",
     autoRechargeOffCaption: "Calls fail the moment the balance runs out.",
     autoRechargeOffFixCaption: "Turning it on stops this happening again.",
     callsFailingCaption: "The plan is active, but calls fail until you add credits.",
@@ -3537,6 +3540,7 @@ var MandateText = (0, import_react18.forwardRef)(
     mode,
     amountMinor,
     currency,
+    savesPaymentMethod,
     asChild,
     children,
     ...rest
@@ -3578,9 +3582,10 @@ var MandateText = (0, import_react18.forwardRef)(
         } : void 0,
         product: product ? { name: product.name } : void 0,
         amountFormatted,
-        trialDays: plan?.trialDays
+        trialDays: plan?.trialDays,
+        savesPaymentMethod
       }),
-      [merchant, plan, product, amountFormatted]
+      [merchant, plan, product, amountFormatted, savesPaymentMethod]
     );
     const template = copy.mandate[resolvedVariant];
     const text = typeof template === "function" ? template(ctx) : template;

package/dist/index.d.cts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { S as SolvaPayProviderProps, P as PaymentFormProps, a as PrefillCustomer, T as TopupFormProps, C as CheckoutResult, b as Plan, A as ActivationResult, B as BootstrapPlanLike, c as SaveAutoRechargeResponse, d as PurchaseStatus, e as SolvaPayContextValue, U as UsePlansOptions, f as UsePlansReturn, g as UsePlanOptions, h as UsePlanReturn, i as UseProductReturn, j as UseMerchantReturn, k as SolvaPayCopy, l as PurchaseStatusReturn, m as CancelResult, R as ReactivateResult, n as ActivatePlanResult, o as UseTopupOptions, p as UseTopupReturn, q as BalanceStatus, r as UseTopupAmountSelectorOptions, s as UseTopupAmountSelectorReturn, t as UsePaymentMethodReturn, u as AutoRechargeConfig, v as SaveAutoRechargeInput, w as SolvaPayTransport, x as PartialSolvaPayCopy, y as PurchaseInfo, z as Product, D as SolvaPayConfig } from './useUsage-CRd_E6J3.cjs';
-export { E as CheckoutStep, F as CustomerPurchaseData, M as MandateContext, G as MandateTemplate, H as Merchant, I as PaymentError, J as PaymentIntentResult, K as PaymentMethodInfo, L as PaymentResult, N as PurchaseStatusValue, O as SuccessMeta, Q as TopupPaymentResult, V as TransportBalanceResult, W as TransportCheckoutSessionResult, X as TransportCustomerSessionResult, Y as TransportLimitsResult, Z as UnsupportedTransportMethodError, _ as UsageSnapshot, $ as UseUsageReturn, a0 as useUsage } from './useUsage-CRd_E6J3.cjs';
-import { P as PaymentFormSummary, a as PaymentFormCustomerFields, b as PaymentFormPaymentElement, c as PaymentFormCardElement, d as PaymentFormMandateText, e as PaymentFormTermsCheckbox, f as PaymentFormSubmitButton, g as PaymentFormLoading, h as PaymentFormError, i as PaymentFormLegalFooter, j as PaymentFormBusinessDetails, k as PaymentFormTaxSummary, A as AutoRechargeInputPayload, l as PaywallStructuredContent, C as CheckoutVariant } from './index-B5QUesJE.cjs';
-export { m as ActivationFlowStep, B as BalanceBadge, n as CancelPlanButton, o as CheckoutErrorPhase, p as CheckoutStatus, q as CheckoutSteps, r as CheckoutSummary, s as CheckoutSummaryProps, M as MandateText, t as MandateTextProps, u as PlanBadge, v as ProductBadge, w as PurchaseGate, U as UseCheckoutFlowOptions, x as UseCheckoutFlowReturn, y as configToAutoRechargeInput, z as deriveVariant, D as useCheckoutFlow, E as useCheckoutStepsContext } from './index-B5QUesJE.cjs';
+import { S as SolvaPayProviderProps, P as PaymentFormProps, a as PrefillCustomer, T as TopupFormProps, C as CheckoutResult, b as Plan, A as ActivationResult, B as BootstrapPlanLike, c as SaveAutoRechargeResponse, d as PurchaseStatus, e as SolvaPayContextValue, U as UsePlansOptions, f as UsePlansReturn, g as UsePlanOptions, h as UsePlanReturn, i as UseProductReturn, j as UseMerchantReturn, k as SolvaPayCopy, l as PurchaseStatusReturn, m as CancelResult, R as ReactivateResult, n as ActivatePlanResult, o as UseTopupOptions, p as UseTopupReturn, q as BalanceStatus, r as UseTopupAmountSelectorOptions, s as UseTopupAmountSelectorReturn, t as UsePaymentMethodReturn, u as AutoRechargeConfig, v as SaveAutoRechargeInput, w as SolvaPayTransport, x as PartialSolvaPayCopy, y as PurchaseInfo, z as Product, D as SolvaPayConfig } from './useUsage-DNXxsmyG.cjs';
+export { E as CheckoutStep, F as CustomerPurchaseData, M as MandateContext, G as MandateTemplate, H as Merchant, I as PaymentError, J as PaymentIntentResult, K as PaymentMethodInfo, L as PaymentResult, N as PurchaseStatusValue, O as SuccessMeta, Q as TopupPaymentResult, V as TransportBalanceResult, W as TransportCheckoutSessionResult, X as TransportCustomerSessionResult, Y as TransportLimitsResult, Z as UnsupportedTransportMethodError, _ as UsageSnapshot, $ as UseUsageReturn, a0 as useUsage } from './useUsage-DNXxsmyG.cjs';
+import { P as PaymentFormSummary, a as PaymentFormCustomerFields, b as PaymentFormPaymentElement, c as PaymentFormCardElement, d as PaymentFormMandateText, e as PaymentFormTermsCheckbox, f as PaymentFormSubmitButton, g as PaymentFormLoading, h as PaymentFormError, i as PaymentFormLegalFooter, j as PaymentFormBusinessDetails, k as PaymentFormTaxSummary, A as AutoRechargeInputPayload, l as PaywallStructuredContent, C as CheckoutVariant } from './index-BadShw3R.cjs';
+export { m as ActivationFlowStep, B as BalanceBadge, n as CancelPlanButton, o as CheckoutErrorPhase, p as CheckoutStatus, q as CheckoutSteps, r as CheckoutSummary, s as CheckoutSummaryProps, M as MandateText, t as MandateTextProps, u as PlanBadge, v as ProductBadge, w as PurchaseGate, U as UseCheckoutFlowOptions, x as UseCheckoutFlowReturn, y as configToAutoRechargeInput, z as deriveVariant, D as useCheckoutFlow, E as useCheckoutStepsContext } from './index-BadShw3R.cjs';
 import { PaymentIntent, Stripe, StripeElements } from '@stripe/stripe-js';
 import { BusinessDetailsInput, TaxBreakdown } from '@solvapay/core';
 import * as react_jsx_runtime from 'react/jsx-runtime';

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { S as SolvaPayProviderProps, P as PaymentFormProps, a as PrefillCustomer, T as TopupFormProps, C as CheckoutResult, b as Plan, A as ActivationResult, B as BootstrapPlanLike, c as SaveAutoRechargeResponse, d as PurchaseStatus, e as SolvaPayContextValue, U as UsePlansOptions, f as UsePlansReturn, g as UsePlanOptions, h as UsePlanReturn, i as UseProductReturn, j as UseMerchantReturn, k as SolvaPayCopy, l as PurchaseStatusReturn, m as CancelResult, R as ReactivateResult, n as ActivatePlanResult, o as UseTopupOptions, p as UseTopupReturn, q as BalanceStatus, r as UseTopupAmountSelectorOptions, s as UseTopupAmountSelectorReturn, t as UsePaymentMethodReturn, u as AutoRechargeConfig, v as SaveAutoRechargeInput, w as SolvaPayTransport, x as PartialSolvaPayCopy, y as PurchaseInfo, z as Product, D as SolvaPayConfig } from './useUsage-DSPWQ37m.js';
-export { E as CheckoutStep, F as CustomerPurchaseData, M as MandateContext, G as MandateTemplate, H as Merchant, I as PaymentError, J as PaymentIntentResult, K as PaymentMethodInfo, L as PaymentResult, N as PurchaseStatusValue, O as SuccessMeta, Q as TopupPaymentResult, V as TransportBalanceResult, W as TransportCheckoutSessionResult, X as TransportCustomerSessionResult, Y as TransportLimitsResult, Z as UnsupportedTransportMethodError, _ as UsageSnapshot, $ as UseUsageReturn, a0 as useUsage } from './useUsage-DSPWQ37m.js';
-import { P as PaymentFormSummary, a as PaymentFormCustomerFields, b as PaymentFormPaymentElement, c as PaymentFormCardElement, d as PaymentFormMandateText, e as PaymentFormTermsCheckbox, f as PaymentFormSubmitButton, g as PaymentFormLoading, h as PaymentFormError, i as PaymentFormLegalFooter, j as PaymentFormBusinessDetails, k as PaymentFormTaxSummary, A as AutoRechargeInputPayload, l as PaywallStructuredContent, C as CheckoutVariant } from './index-BAYpUp5R.js';
-export { m as ActivationFlowStep, B as BalanceBadge, n as CancelPlanButton, o as CheckoutErrorPhase, p as CheckoutStatus, q as CheckoutSteps, r as CheckoutSummary, s as CheckoutSummaryProps, M as MandateText, t as MandateTextProps, u as PlanBadge, v as ProductBadge, w as PurchaseGate, U as UseCheckoutFlowOptions, x as UseCheckoutFlowReturn, y as configToAutoRechargeInput, z as deriveVariant, D as useCheckoutFlow, E as useCheckoutStepsContext } from './index-BAYpUp5R.js';
+import { S as SolvaPayProviderProps, P as PaymentFormProps, a as PrefillCustomer, T as TopupFormProps, C as CheckoutResult, b as Plan, A as ActivationResult, B as BootstrapPlanLike, c as SaveAutoRechargeResponse, d as PurchaseStatus, e as SolvaPayContextValue, U as UsePlansOptions, f as UsePlansReturn, g as UsePlanOptions, h as UsePlanReturn, i as UseProductReturn, j as UseMerchantReturn, k as SolvaPayCopy, l as PurchaseStatusReturn, m as CancelResult, R as ReactivateResult, n as ActivatePlanResult, o as UseTopupOptions, p as UseTopupReturn, q as BalanceStatus, r as UseTopupAmountSelectorOptions, s as UseTopupAmountSelectorReturn, t as UsePaymentMethodReturn, u as AutoRechargeConfig, v as SaveAutoRechargeInput, w as SolvaPayTransport, x as PartialSolvaPayCopy, y as PurchaseInfo, z as Product, D as SolvaPayConfig } from './useUsage-CwvxnICf.js';
+export { E as CheckoutStep, F as CustomerPurchaseData, M as MandateContext, G as MandateTemplate, H as Merchant, I as PaymentError, J as PaymentIntentResult, K as PaymentMethodInfo, L as PaymentResult, N as PurchaseStatusValue, O as SuccessMeta, Q as TopupPaymentResult, V as TransportBalanceResult, W as TransportCheckoutSessionResult, X as TransportCustomerSessionResult, Y as TransportLimitsResult, Z as UnsupportedTransportMethodError, _ as UsageSnapshot, $ as UseUsageReturn, a0 as useUsage } from './useUsage-CwvxnICf.js';
+import { P as PaymentFormSummary, a as PaymentFormCustomerFields, b as PaymentFormPaymentElement, c as PaymentFormCardElement, d as PaymentFormMandateText, e as PaymentFormTermsCheckbox, f as PaymentFormSubmitButton, g as PaymentFormLoading, h as PaymentFormError, i as PaymentFormLegalFooter, j as PaymentFormBusinessDetails, k as PaymentFormTaxSummary, A as AutoRechargeInputPayload, l as PaywallStructuredContent, C as CheckoutVariant } from './index-DN66D54Q.js';
+export { m as ActivationFlowStep, B as BalanceBadge, n as CancelPlanButton, o as CheckoutErrorPhase, p as CheckoutStatus, q as CheckoutSteps, r as CheckoutSummary, s as CheckoutSummaryProps, M as MandateText, t as MandateTextProps, u as PlanBadge, v as ProductBadge, w as PurchaseGate, U as UseCheckoutFlowOptions, x as UseCheckoutFlowReturn, y as configToAutoRechargeInput, z as deriveVariant, D as useCheckoutFlow, E as useCheckoutStepsContext } from './index-DN66D54Q.js';
 import { PaymentIntent, Stripe, StripeElements } from '@stripe/stripe-js';
 import { BusinessDetailsInput, TaxBreakdown } from '@solvapay/core';
 import * as react_jsx_runtime from 'react/jsx-runtime';

package/dist/index.js

@@ -4,7 +4,7 @@ import {
 import {
   LaunchCustomerPortalButton,
   usePaymentMethod
-} from "./chunk-4UFQDYG5.js";
+} from "./chunk-QWK3LMGG.js";
 import {
   ActivationFlow,
   AutoRecharge,
@@ -16,10 +16,11 @@ import {
   PurchaseGate,
   TopupForm,
   useActivationFlow,
+  useAutoRecharge,
   useCheckoutSteps,
   useCreditGate,
   usePaywallResolver
-} from "./chunk-KUH3SNWZ.js";
+} from "./chunk-LXG7QDM3.js";
 import {
   AmountPicker,
   BalanceBadge,
@@ -77,7 +78,6 @@ import {
   useActivation,
   useAmountPicker,
   useAmountPickerCopy,
-  useAutoRecharge,
   useBalance,
   useCheckout,
   useCheckoutFlow,
@@ -100,7 +100,7 @@ import {
   useTopupAmountSelector,
   useTransport,
   useUsage
-} from "./chunk-GPP4MY3I.js";
+} from "./chunk-JXH36VLL.js";
 import {
   createAnonymousAuthAdapter,
   defaultAuthAdapter,