@solvapay/react 2.1.1 → 2.2.0-preview-e3e546693c002c32f128d83bf6c5fe76ac182a79

package/dist/index.js

@@ -2,36 +2,33 @@ import {
   createSessionAuthAdapter
 } from "./chunk-JTW665JR.js";
 import {
-  CancelledPlanNotice,
-  CurrentPlanCard,
   LaunchCustomerPortalButton,
-  UpdatePaymentMethodButton,
   usePaymentMethod
-} from "./chunk-QXNNMNCV.js";
+} from "./chunk-FWT62B56.js";
 import {
   ActivationFlow,
   AutoRecharge,
+  CancelPlanButton,
   CheckoutSteps,
   CreditGate,
   PlanBadge,
   ProductBadge,
   PurchaseGate,
   TopupForm,
-  configToAutoRechargeInput,
   useActivationFlow,
-  useAutoRecharge,
   useCheckoutSteps,
   useCreditGate,
   usePaywallResolver
-} from "./chunk-HQH6KSXJ.js";
+} from "./chunk-X65JBC2A.js";
 import {
   AmountPicker,
   BalanceBadge,
-  CancelPlanButton,
+  CancelledPlanNotice,
   CheckoutSummary2 as CheckoutSummary,
   CopyContext,
   CopyProvider,
   DEFAULT_ROUTES,
+  ExternalLinkProvider,
   MandateText,
   PaymentForm,
   PaymentFormBusinessDetails,
@@ -52,12 +49,15 @@ import {
   SolvaPayContext,
   SolvaPayProvider,
   Spinner,
+  UsageMeter,
+  configToAutoRechargeInput,
   confirmPayment,
   createHttpTransport,
   defaultListPlans,
   deriveVariant,
   enCopy,
   filterPurchases,
+  formatPaygRate,
   formatPrice,
   getActivePurchases,
   getCancelledPurchasesWithEndDate,
@@ -77,14 +77,17 @@ import {
   useActivation,
   useAmountPicker,
   useAmountPickerCopy,
+  useAutoRecharge,
   useBalance,
   useCheckout,
   useCheckoutFlow,
   useCopy,
   useCustomer,
+  useExternalLinkClick,
   useLimits,
   useLocale,
   useMerchant,
+  useOpenExternal,
   usePaymentForm,
   usePlan,
   usePlans,
@@ -97,7 +100,7 @@ import {
   useTopupAmountSelector,
   useTransport,
   useUsage
-} from "./chunk-LL6AYSTC.js";
+} from "./chunk-VTGYZIE2.js";
 import {
   createAnonymousAuthAdapter,
   defaultAuthAdapter,
@@ -116,9 +119,9 @@ var DefaultTree = ({
   /* @__PURE__ */ jsx(PaymentForm.CustomerFields, {}),
   /* @__PURE__ */ jsx(PaymentForm.PaymentElement, {}),
   /* @__PURE__ */ jsx(PaymentForm.Error, {}),
-  /* @__PURE__ */ jsx(PaymentForm.MandateText, {}),
   requireTermsAcceptance && /* @__PURE__ */ jsx(PaymentForm.TermsCheckbox, {}),
-  /* @__PURE__ */ jsx(PaymentForm.SubmitButton, {})
+  /* @__PURE__ */ jsx(PaymentForm.SubmitButton, {}),
+  /* @__PURE__ */ jsx(PaymentForm.MandateText, {})
 ] });
 function PaidBusinessSlots() {
   const ctx = usePaymentForm();
@@ -697,21 +700,52 @@ var DefaultTree3 = ({ showCreditEstimate }) => {
   ] });
 };
 
+// src/components/CancelledPlanNotice.tsx
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+var CancelledPlanNotice2 = ({
+  onReactivated,
+  onError,
+  className
+}) => {
+  const rootClass = ["solvapay-cancelled-notice", className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs7(
+    CancelledPlanNotice.Root,
+    {
+      onReactivated,
+      onError,
+      className: rootClass,
+      children: [
+        /* @__PURE__ */ jsx7(CancelledPlanNotice.Heading, { className: "solvapay-cancelled-notice-heading" }),
+        /* @__PURE__ */ jsxs7("div", { className: "solvapay-cancelled-notice-details", children: [
+          /* @__PURE__ */ jsx7(CancelledPlanNotice.Expires, { className: "solvapay-cancelled-notice-expires" }),
+          /* @__PURE__ */ jsx7(CancelledPlanNotice.DaysRemaining, { className: "solvapay-cancelled-notice-days-remaining" }),
+          /* @__PURE__ */ jsx7(CancelledPlanNotice.AccessUntil, { className: "solvapay-cancelled-notice-access-until" })
+        ] }),
+        /* @__PURE__ */ jsxs7("div", { className: "solvapay-cancelled-notice-footer", children: [
+          /* @__PURE__ */ jsx7(CancelledPlanNotice.CancelledOn, { className: "solvapay-cancelled-notice-cancelled-on" }),
+          /* @__PURE__ */ jsx7(CancelledPlanNotice.Reason, { className: "solvapay-cancelled-notice-reason" })
+        ] }),
+        /* @__PURE__ */ jsx7(CancelledPlanNotice.ReactivateButton, { className: "solvapay-cancelled-notice-reactivate" })
+      ]
+    }
+  );
+};
+
 // src/components/CreditGate.tsx
-import { Fragment as Fragment7, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 var AllowedContent = ({ children }) => {
   const ctx = useCreditGate();
   if (ctx.state !== "allowed") return null;
-  return /* @__PURE__ */ jsx7(Fragment7, { children });
+  return /* @__PURE__ */ jsx8(Fragment7, { children });
 };
 var DefaultBlockedTree = ({ fallback }) => {
   const ctx = useCreditGate();
   if (ctx.state !== "blocked") return null;
-  if (fallback) return /* @__PURE__ */ jsx7(Fragment7, { children: fallback });
-  return /* @__PURE__ */ jsxs7(Fragment7, { children: [
-    /* @__PURE__ */ jsx7(CreditGate.Heading, { className: "solvapay-credit-gate-heading" }),
-    /* @__PURE__ */ jsx7(CreditGate.Subheading, { className: "solvapay-credit-gate-subheading" }),
-    /* @__PURE__ */ jsx7(CreditGate.Topup, {})
+  if (fallback) return /* @__PURE__ */ jsx8(Fragment7, { children: fallback });
+  return /* @__PURE__ */ jsxs8(Fragment7, { children: [
+    /* @__PURE__ */ jsx8(CreditGate.Heading, { className: "solvapay-credit-gate-heading" }),
+    /* @__PURE__ */ jsx8(CreditGate.Subheading, { className: "solvapay-credit-gate-subheading" }),
+    /* @__PURE__ */ jsx8(CreditGate.Topup, {})
   ] });
 };
 var CreditGate2 = ({
@@ -724,7 +758,7 @@ var CreditGate2 = ({
   children
 }) => {
   const rootClass = ["solvapay-credit-gate", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     CreditGate.Root,
     {
       minCredits,
@@ -733,15 +767,320 @@ var CreditGate2 = ({
       topupCurrency,
       className: rootClass,
       children: [
-        /* @__PURE__ */ jsx7(AllowedContent, { children }),
-        /* @__PURE__ */ jsx7(DefaultBlockedTree, { fallback })
+        /* @__PURE__ */ jsx8(AllowedContent, { children }),
+        /* @__PURE__ */ jsx8(DefaultBlockedTree, { fallback })
+      ]
+    }
+  );
+};
+
+// src/components/CurrentPlanCard.tsx
+import { countsUsage } from "@solvapay/core";
+
+// src/components/UpdatePaymentMethodButton.tsx
+import { forwardRef } from "react";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var UpdatePaymentMethodButton = forwardRef(function UpdatePaymentMethodButton2({ mode = "portal", children, ...rest }, forwardedRef) {
+  const copy = useCopy();
+  if (mode !== "portal") {
+    throw new Error(
+      `<UpdatePaymentMethodButton mode="${mode}"> is not implemented yet \u2014 use mode="portal" or omit the prop.`
+    );
+  }
+  return /* @__PURE__ */ jsx9(
+    LaunchCustomerPortalButton,
+    {
+      ref: forwardedRef,
+      "data-solvapay-update-payment-method": "",
+      ...rest,
+      children: children ?? copy.currentPlan.updatePaymentButton
+    }
+  );
+});
+
+// src/components/CurrentPlanCard.tsx
+import { Fragment as Fragment8, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+function PlanTypeLine({
+  purchase,
+  formatDate,
+  className
+}) {
+  const copy = useCopy();
+  const isMetered = countsUsage(purchase.planSnapshot) || purchase.planSnapshot?.isMetered === true;
+  if (purchase.isRecurring) {
+    const date2 = formatDate(purchase.nextBillingDate);
+    if (!date2) return null;
+    return /* @__PURE__ */ jsx10("span", { className, "data-solvapay-current-plan-next-billing": "", children: interpolate(copy.currentPlan.nextBilling, { date: date2 }) });
+  }
+  if (isMetered) {
+    return null;
+  }
+  const date = formatDate(purchase.endDate);
+  return /* @__PURE__ */ jsx10("span", { className, "data-solvapay-current-plan-expires": "", children: date ? interpolate(copy.currentPlan.expiresOn, { date }) : copy.currentPlan.validIndefinitely });
+}
+function asPaygPlan(plan) {
+  if (!plan) return null;
+  return {
+    reference: plan.reference ?? void 0,
+    name: "name" in plan ? plan.name : void 0,
+    price: plan.price ?? void 0,
+    currency: plan.currency ?? void 0,
+    requiresPayment: "requiresPayment" in plan ? plan.requiresPayment ?? void 0 : void 0,
+    // Snapshot `options` are generated as `{ [key: string]: unknown }[]`;
+    // formatPaygRate reads them through `@solvapay/core` as PricingOptionLike.
+    options: plan.options
+  };
+}
+function resolvePriceLabel({
+  isUsageBased,
+  snapshot,
+  catalogPlan,
+  amount,
+  currency,
+  intervalLabel,
+  locale,
+  balance
+}) {
+  if (isUsageBased) {
+    const snapshotPlan = asPaygPlan(snapshot);
+    const fromSnapshot = snapshotPlan ? formatPaygRate(snapshotPlan, locale, balance) : null;
+    if (fromSnapshot) return fromSnapshot;
+    const catalogAsPlan = asPaygPlan(catalogPlan);
+    if (catalogAsPlan) {
+      const fromCatalog = formatPaygRate(catalogAsPlan, locale, balance);
+      if (fromCatalog) return fromCatalog;
+    }
+    return null;
+  }
+  return formatPrice(amount, currency, {
+    interval: intervalLabel
+  });
+}
+function PlanField({
+  label,
+  labelClassName,
+  children
+}) {
+  if (!label) return /* @__PURE__ */ jsx10(Fragment8, { children });
+  return /* @__PURE__ */ jsxs9("div", { className: "solvapay-current-plan-field", "data-solvapay-current-plan-field": "", children: [
+    /* @__PURE__ */ jsx10(
+      "span",
+      {
+        className: labelClassName ?? "solvapay-current-plan-field-label",
+        "data-solvapay-current-plan-field-label": "",
+        children: label
+      }
+    ),
+    children
+  ] });
+}
+function PaymentMethodLine({
+  paymentMethod,
+  className
+}) {
+  const copy = useCopy();
+  if (paymentMethod.kind === "none") {
+    return /* @__PURE__ */ jsx10("span", { className, "data-solvapay-current-plan-payment-method": "none", children: copy.currentPlan.noPaymentMethod });
+  }
+  const brandDisplay = paymentMethod.brand.charAt(0).toUpperCase() + paymentMethod.brand.slice(1);
+  const label = interpolate(copy.currentPlan.paymentMethod, {
+    brand: brandDisplay,
+    last4: paymentMethod.last4
+  });
+  const expires = interpolate(copy.currentPlan.paymentMethodExpires, {
+    month: String(paymentMethod.expMonth).padStart(2, "0"),
+    year: paymentMethod.expYear
+  });
+  return /* @__PURE__ */ jsxs9("span", { className, "data-solvapay-current-plan-payment-method": "card", children: [
+    label,
+    ", ",
+    expires
+  ] });
+}
+var CurrentPlanCard = ({
+  hidePaymentMethod,
+  hideCancelButton,
+  hideCancelledNotice,
+  hideUpdatePaymentButton,
+  hideUsageMeter,
+  hideHeading,
+  hideProductContext,
+  showStartDate,
+  showReference,
+  showFieldLabels,
+  plans,
+  classNames: overrides,
+  className
+}) => {
+  const copy = useCopy();
+  const locale = useLocale();
+  const balance = useBalance();
+  const { activePurchase } = usePurchase();
+  const { formatDate, shouldShowCancelledNotice } = usePurchaseStatus();
+  const { paymentMethod } = usePaymentMethod();
+  if (!activePurchase) return null;
+  const snapshot = activePurchase.planSnapshot;
+  const catalogPlan = plans?.find(
+    (p) => p.reference === (snapshot?.reference ?? activePurchase.planRef)
+  );
+  const isUsageBased = countsUsage(snapshot) || snapshot?.isMetered === true || countsUsage(catalogPlan);
+  const planType = activePurchase.isRecurring ? "recurring" : isUsageBased ? "usage-based" : "one-time";
+  const amount = activePurchase.originalAmount ?? activePurchase.amount ?? 0;
+  const currency = activePurchase.currency ?? "usd";
+  const rawCycle = activePurchase.billingCycle;
+  const cycleKey = rawCycle && rawCycle in copy.currentPlan.cycleUnit ? rawCycle : void 0;
+  const intervalLabel = cycleKey ? copy.currentPlan.cycleUnit[cycleKey] ?? rawCycle : rawCycle;
+  const priceLabel = resolvePriceLabel({
+    isUsageBased,
+    snapshot,
+    catalogPlan,
+    amount,
+    currency,
+    intervalLabel,
+    locale,
+    balance
+  });
+  const planName = activePurchase.planSnapshot?.name ?? activePurchase.productName;
+  const productContext = activePurchase.productName && activePurchase.productName !== planName ? activePurchase.productName : null;
+  const rootClass = ["solvapay-current-plan-card", overrides?.root, className].filter(Boolean).join(" ");
+  const shouldShowPaymentMethod = !hidePaymentMethod && paymentMethod !== null;
+  const showCancelButton = !hideCancelButton && !activePurchase.cancelledAt && !shouldShowCancelledNotice;
+  const showActions = !hideUpdatePaymentButton || showCancelButton;
+  return /* @__PURE__ */ jsxs9(
+    "section",
+    {
+      className: rootClass,
+      "data-solvapay-current-plan-card": "",
+      "data-plan-type": planType,
+      "data-solvapay-current-plan-ref": activePurchase.planRef ?? void 0,
+      children: [
+        !hideHeading && /* @__PURE__ */ jsx10(
+          "h2",
+          {
+            className: overrides?.heading ?? "solvapay-current-plan-heading",
+            "data-solvapay-current-plan-heading": "",
+            children: copy.currentPlan.heading
+          }
+        ),
+        productContext && !hideProductContext && /* @__PURE__ */ jsx10(
+          "p",
+          {
+            className: overrides?.productContext ?? "solvapay-current-plan-product-context",
+            "data-solvapay-current-plan-product-context": "",
+            children: productContext
+          }
+        ),
+        /* @__PURE__ */ jsx10(
+          "h3",
+          {
+            className: overrides?.planName ?? "solvapay-current-plan-name",
+            "data-solvapay-current-plan-name": "",
+            children: planName
+          }
+        ),
+        priceLabel ? /* @__PURE__ */ jsx10(
+          PlanField,
+          {
+            label: showFieldLabels ? isUsageBased ? copy.currentPlan.rateFieldLabel : copy.currentPlan.priceFieldLabel : null,
+            labelClassName: overrides?.fieldLabel,
+            children: /* @__PURE__ */ jsx10(
+              "p",
+              {
+                className: overrides?.price ?? "solvapay-current-plan-price",
+                "data-solvapay-current-plan-price": "",
+                children: priceLabel
+              }
+            )
+          }
+        ) : null,
+        /* @__PURE__ */ jsx10(
+          PlanTypeLine,
+          {
+            purchase: activePurchase,
+            formatDate,
+            className: overrides?.dateLine ?? "solvapay-current-plan-date-line"
+          }
+        ),
+        isUsageBased && activePurchase.isRecurring && !hideUsageMeter && /* @__PURE__ */ jsx10(
+          "section",
+          {
+            className: overrides?.usageMeter ?? "solvapay-current-plan-usage-meter",
+            "data-solvapay-current-plan-usage-meter": "",
+            children: /* @__PURE__ */ jsxs9(UsageMeter.Root, { children: [
+              /* @__PURE__ */ jsx10(UsageMeter.Label, {}),
+              /* @__PURE__ */ jsx10(UsageMeter.Bar, {}),
+              /* @__PURE__ */ jsx10(UsageMeter.Percentage, {}),
+              /* @__PURE__ */ jsx10(UsageMeter.ResetsIn, {}),
+              /* @__PURE__ */ jsx10(UsageMeter.Loading, {})
+            ] })
+          }
+        ),
+        isUsageBased && /* @__PURE__ */ jsx10(
+          PlanField,
+          {
+            label: showFieldLabels ? copy.currentPlan.balanceFieldLabel : null,
+            labelClassName: overrides?.fieldLabel,
+            children: /* @__PURE__ */ jsx10(
+              "p",
+              {
+                className: overrides?.balanceLine ?? "solvapay-current-plan-balance-line",
+                "data-solvapay-current-plan-balance-line": "",
+                children: /* @__PURE__ */ jsx10(BalanceBadge, {})
+              }
+            )
+          }
+        ),
+        showStartDate && (() => {
+          const started = formatDate(activePurchase.startDate);
+          if (!started) return null;
+          return /* @__PURE__ */ jsx10(
+            "span",
+            {
+              className: overrides?.startedLine ?? "solvapay-current-plan-started-line",
+              "data-solvapay-current-plan-started-line": "",
+              children: interpolate(copy.currentPlan.startedOn, { date: started })
+            }
+          );
+        })(),
+        showReference && activePurchase.reference && /* @__PURE__ */ jsx10(
+          "span",
+          {
+            className: overrides?.reference ?? "solvapay-current-plan-reference",
+            "data-solvapay-current-plan-reference": "",
+            children: activePurchase.reference
+          }
+        ),
+        shouldShowPaymentMethod && paymentMethod && /* @__PURE__ */ jsx10(
+          PaymentMethodLine,
+          {
+            paymentMethod,
+            className: overrides?.paymentMethod ?? "solvapay-current-plan-payment-method"
+          }
+        ),
+        showActions && /* @__PURE__ */ jsxs9(
+          "section",
+          {
+            className: overrides?.actions ?? "solvapay-current-plan-actions",
+            "data-solvapay-current-plan-actions": "",
+            children: [
+              !hideUpdatePaymentButton && /* @__PURE__ */ jsx10(UpdatePaymentMethodButton, {}),
+              showCancelButton && /* @__PURE__ */ jsx10(CancelPlanButton, {})
+            ]
+          }
+        ),
+        shouldShowCancelledNotice && !hideCancelledNotice && /* @__PURE__ */ jsx10(
+          CancelledPlanNotice2,
+          {
+            className: overrides?.cancelledNotice ?? "solvapay-current-plan-cancelled-notice"
+          }
+        )
       ]
     }
   );
 };
 
 // src/components/AutoRecharge.tsx
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 function AutoRecharge2({
   currency = "USD",
   defaultThresholdAmountMajor,
@@ -754,7 +1093,7 @@ function AutoRecharge2({
   className
 }) {
   const rootClass = ["solvapay-auto-recharge", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs10(
     AutoRecharge.Root,
     {
       currency,
@@ -767,30 +1106,30 @@ function AutoRecharge2({
       onPendingConfig,
       className: rootClass,
       children: [
-        /* @__PURE__ */ jsx8(AutoRecharge.Loading, { className: "solvapay-auto-recharge-loading" }),
-        /* @__PURE__ */ jsxs8(AutoRecharge.Card, { className: "solvapay-auto-recharge-card", children: [
-          /* @__PURE__ */ jsx8(AutoRecharge.CardHeading, { className: "solvapay-auto-recharge-card-heading" }),
-          /* @__PURE__ */ jsx8(AutoRecharge.CardSummary, { className: "solvapay-auto-recharge-card-summary" }),
-          /* @__PURE__ */ jsx8(AutoRecharge.StatusMessage, { className: "solvapay-auto-recharge-status-message" }),
-          /* @__PURE__ */ jsx8(AutoRecharge.MonthlySpend, { className: "solvapay-auto-recharge-monthly-spend" }),
-          /* @__PURE__ */ jsx8(AutoRecharge.Status, { className: "solvapay-auto-recharge-status" }),
-          /* @__PURE__ */ jsx8(AutoRecharge.Trigger, { className: "solvapay-auto-recharge-trigger" })
+        /* @__PURE__ */ jsx11(AutoRecharge.Loading, { className: "solvapay-auto-recharge-loading" }),
+        /* @__PURE__ */ jsxs10(AutoRecharge.Card, { className: "solvapay-auto-recharge-card", children: [
+          /* @__PURE__ */ jsx11(AutoRecharge.CardHeading, { className: "solvapay-auto-recharge-card-heading" }),
+          /* @__PURE__ */ jsx11(AutoRecharge.CardSummary, { className: "solvapay-auto-recharge-card-summary" }),
+          /* @__PURE__ */ jsx11(AutoRecharge.StatusMessage, { className: "solvapay-auto-recharge-status-message" }),
+          /* @__PURE__ */ jsx11(AutoRecharge.MonthlySpend, { className: "solvapay-auto-recharge-monthly-spend" }),
+          /* @__PURE__ */ jsx11(AutoRecharge.Status, { className: "solvapay-auto-recharge-status" }),
+          /* @__PURE__ */ jsx11(AutoRecharge.Trigger, { className: "solvapay-auto-recharge-trigger" })
         ] }),
-        /* @__PURE__ */ jsx8(AutoRecharge.Error, { className: "solvapay-auto-recharge-error" }),
-        /* @__PURE__ */ jsxs8(AutoRecharge.Content, { className: "solvapay-auto-recharge-content", children: [
-          /* @__PURE__ */ jsx8(AutoRecharge.Title, { className: "solvapay-auto-recharge-title" }),
-          /* @__PURE__ */ jsx8(AutoRecharge.EnableQuestion, { className: "solvapay-auto-recharge-question" }),
-          /* @__PURE__ */ jsx8(AutoRecharge.EnableRow, { className: "solvapay-auto-recharge-enable-row" }),
-          /* @__PURE__ */ jsxs8(AutoRecharge.Fields, { className: "solvapay-auto-recharge-fields", children: [
-            /* @__PURE__ */ jsx8(AutoRecharge.ThresholdField, {}),
-            /* @__PURE__ */ jsx8(AutoRecharge.TopupField, { className: "solvapay-auto-recharge-topup-field" }),
-            /* @__PURE__ */ jsx8(AutoRecharge.MaxMonthlySpendField, {}),
-            /* @__PURE__ */ jsx8(AutoRecharge.ValidationError, { className: "solvapay-auto-recharge-validation-error" })
+        /* @__PURE__ */ jsx11(AutoRecharge.Error, { className: "solvapay-auto-recharge-error" }),
+        /* @__PURE__ */ jsxs10(AutoRecharge.Content, { className: "solvapay-auto-recharge-content", children: [
+          /* @__PURE__ */ jsx11(AutoRecharge.Title, { className: "solvapay-auto-recharge-title" }),
+          /* @__PURE__ */ jsx11(AutoRecharge.EnableQuestion, { className: "solvapay-auto-recharge-question" }),
+          /* @__PURE__ */ jsx11(AutoRecharge.EnableRow, { className: "solvapay-auto-recharge-enable-row" }),
+          /* @__PURE__ */ jsxs10(AutoRecharge.Fields, { className: "solvapay-auto-recharge-fields", children: [
+            /* @__PURE__ */ jsx11(AutoRecharge.ThresholdField, {}),
+            /* @__PURE__ */ jsx11(AutoRecharge.TopupField, { className: "solvapay-auto-recharge-topup-field" }),
+            /* @__PURE__ */ jsx11(AutoRecharge.MaxMonthlySpendField, {}),
+            /* @__PURE__ */ jsx11(AutoRecharge.ValidationError, { className: "solvapay-auto-recharge-validation-error" })
           ] }),
-          /* @__PURE__ */ jsx8(AutoRecharge.Setup, {}),
-          /* @__PURE__ */ jsxs8(AutoRecharge.Actions, { className: "solvapay-auto-recharge-actions", children: [
-            /* @__PURE__ */ jsx8(AutoRecharge.CancelButton, { className: "solvapay-auto-recharge-cancel" }),
-            /* @__PURE__ */ jsx8(AutoRecharge.SaveButton, { className: "solvapay-auto-recharge-save" })
+          /* @__PURE__ */ jsx11(AutoRecharge.Setup, {}),
+          /* @__PURE__ */ jsxs10(AutoRecharge.Actions, { className: "solvapay-auto-recharge-actions", children: [
+            /* @__PURE__ */ jsx11(AutoRecharge.CancelButton, { className: "solvapay-auto-recharge-cancel" }),
+            /* @__PURE__ */ jsx11(AutoRecharge.SaveButton, { className: "solvapay-auto-recharge-save" })
           ] })
         ] })
       ]
@@ -865,7 +1204,7 @@ export {
   AutoRecharge2 as AutoRecharge,
   BalanceBadge,
   CancelPlanButton,
-  CancelledPlanNotice,
+  CancelledPlanNotice2 as CancelledPlanNotice,
   CheckoutLayout,
   CheckoutSteps,
   CheckoutSummary,
@@ -874,6 +1213,7 @@ export {
   CreditGate2 as CreditGate,
   CurrentPlanCard,
   DEFAULT_ROUTES,
+  ExternalLinkProvider,
   LaunchCustomerPortalButton,
   MandateText,
   PaymentForm2 as PaymentForm,
@@ -925,9 +1265,11 @@ export {
   useCheckoutSteps as useCheckoutStepsContext,
   useCopy,
   useCustomer,
+  useExternalLinkClick,
   useLimits,
   useLocale,
   useMerchant,
+  useOpenExternal,
   usePaymentForm,
   usePaymentMethod,
   usePaywallResolver,