@solvapay/react 2.0.1 → 2.0.2-preview-55843c4d7bb67bbe89bfcdabbbe0e3a679eb2805

package/dist/primitives/index.cjs

@@ -322,7 +322,7 @@ function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForD
 }
 
 // src/primitives/CheckoutSummary.tsx
-var import_react9 = require("react");
+var import_react10 = require("react");
 
 // src/hooks/usePlan.ts
 var import_react6 = require("react");
@@ -1505,6 +1505,297 @@ function usePlanSelection() {
   return (0, import_react8.useContext)(PlanSelectionContext);
 }
 
+// src/components/businessCheckoutParts.tsx
+var import_react9 = require("react");
+var import_core = require("@solvapay/core");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function mapBusinessFieldErrors(input) {
+  const result = (0, import_core.validateBusinessDetails)(input);
+  if (result.success) return {};
+  const errors = {};
+  for (const issue of result.error.issues) {
+    const key = issue.path[0];
+    if (typeof key === "string" && isBusinessDetailsKey(key) && !errors[key]) {
+      errors[key] = issue.message;
+    }
+  }
+  return errors;
+}
+function isBusinessDetailsKey(key) {
+  return key === "isBusiness" || key === "businessName" || key === "country" || key === "customerCountry" || key === "customerName" || key === "taxId" || key === "taxIdType";
+}
+function attr(prefix, suffix) {
+  return `data-solvapay-${prefix}-${suffix}`;
+}
+var SUPPORTED_BUSINESS_COUNTRIES_SET = new Set(import_core.SUPPORTED_BUSINESS_COUNTRIES);
+function isSupportedBusinessCountry(value) {
+  return SUPPORTED_BUSINESS_COUNTRIES_SET.has(value);
+}
+function resolveTaxIdLabel(country) {
+  if (country && isSupportedBusinessCountry(country)) {
+    return (0, import_core.getTaxIdFieldLabel)(country);
+  }
+  return "Tax ID";
+}
+function resolveTaxIdPlaceholder(country) {
+  if (country && isSupportedBusinessCountry(country)) {
+    return (0, import_core.getTaxIdExample)(country);
+  }
+  return "Enter tax ID";
+}
+function resolveTaxIdHelperText(country) {
+  if (country && isSupportedBusinessCountry(country)) {
+    return (0, import_core.getTaxIdHelperText)(country);
+  }
+  return "";
+}
+var REVERSE_CHARGE_NOTE = "VAT reverse charge applies \u2014 you are responsible for reporting VAT in your jurisdiction.";
+var TAX_NOT_COLLECTED_NOTE = "Tax is not collected on this purchase.";
+function formatVatSummaryLabel(breakdown) {
+  if (breakdown.treatment === "reverse_charge") {
+    return "VAT (reverse charge)";
+  }
+  if (breakdown.taxRate > 0) {
+    const ratePercent = breakdown.taxRate <= 1 ? Math.round(breakdown.taxRate * 100) : breakdown.taxRate;
+    return `VAT (${ratePercent}%)`;
+  }
+  return "VAT";
+}
+function shouldShowTaxRow(treatment) {
+  return treatment !== "not_collecting" && treatment !== "not_supported";
+}
+function formatSubtotalLabel(treatment) {
+  return shouldShowTaxRow(treatment) ? "Subtotal (excl. VAT)" : "Subtotal";
+}
+function createBusinessDetailsParts(useCtx, prefix) {
+  const Root14 = (0, import_react9.forwardRef)(function BusinessDetailsRoot({ asChild, children, ...rest }, forwardedRef) {
+    useCtx("BusinessDetails");
+    const Comp = asChild ? Slot : "section";
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Comp, { ref: forwardedRef, ...{ [attr(prefix, "business-details")]: "" }, ...rest, children });
+  });
+  const Toggle = (0, import_react9.forwardRef)(function BusinessDetailsToggle({ asChild, onChange, ...rest }, forwardedRef) {
+    const ctx = useCtx("BusinessDetails.Toggle");
+    const commonProps = {
+      [attr(prefix, "business-details-toggle")]: "",
+      type: "checkbox",
+      checked: ctx.businessDetails.isBusiness,
+      onChange: composeEventHandlers(onChange, (e) => {
+        ctx.setBusinessDetails({ isBusiness: e.target.checked });
+      }),
+      ...rest
+    };
+    if (asChild) {
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Slot, { ref: forwardedRef, ...commonProps });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { ref: forwardedRef, ...commonProps });
+  });
+  const BusinessName = (0, import_react9.forwardRef)(
+    function BusinessDetailsBusinessName({ asChild, onChange, ...rest }, forwardedRef) {
+      const ctx = useCtx("BusinessDetails.BusinessName");
+      if (!ctx.businessDetails.isBusiness) return null;
+      const commonProps = {
+        [attr(prefix, "business-details-name")]: "",
+        type: "text",
+        value: ctx.businessDetails.businessName ?? "",
+        "aria-invalid": ctx.fieldErrors.businessName ? true : void 0,
+        onChange: composeEventHandlers(onChange, (e) => {
+          ctx.setBusinessDetails({ businessName: e.target.value });
+        }),
+        ...rest
+      };
+      if (asChild) {
+        return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Slot, { ref: forwardedRef, ...commonProps });
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { ref: forwardedRef, ...commonProps });
+    }
+  );
+  const Country = (0, import_react9.forwardRef)(function BusinessDetailsCountry({ asChild, onChange, children, ...rest }, forwardedRef) {
+    const ctx = useCtx("BusinessDetails.Country");
+    if (!ctx.businessDetails.isBusiness) return null;
+    const commonProps = {
+      [attr(prefix, "business-details-country")]: "",
+      value: ctx.businessDetails.country ?? "",
+      "aria-invalid": ctx.fieldErrors.country ? true : void 0,
+      onChange: composeEventHandlers(onChange, (e) => {
+        ctx.setBusinessDetails({ country: e.target.value });
+      }),
+      ...rest
+    };
+    const defaultOptions = /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "", children: "Select country" }),
+      import_core.BUSINESS_COUNTRY_OPTIONS.map(({ value, label }) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value, children: label }, value))
+    ] });
+    if (asChild) {
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Slot, { ref: forwardedRef, ...commonProps, children: children ?? defaultOptions });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("select", { ref: forwardedRef, ...commonProps, children: children ?? defaultOptions });
+  });
+  const TaxId = (0, import_react9.forwardRef)(function BusinessDetailsTaxId({ asChild, onChange, ...rest }, forwardedRef) {
+    const ctx = useCtx("BusinessDetails.TaxId");
+    if (!ctx.businessDetails.isBusiness) return null;
+    const commonProps = {
+      [attr(prefix, "business-details-tax-id")]: "",
+      type: "text",
+      value: ctx.businessDetails.taxId ?? "",
+      "aria-invalid": ctx.fieldErrors.taxId ? true : void 0,
+      onChange: composeEventHandlers(onChange, (e) => {
+        ctx.setBusinessDetails({ taxId: e.target.value });
+      }),
+      ...rest
+    };
+    if (asChild) {
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Slot, { ref: forwardedRef, ...commonProps });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { ref: forwardedRef, ...commonProps });
+  });
+  const Fields2 = (0, import_react9.forwardRef)(function BusinessDetailsFields({ asChild, children, ...rest }, forwardedRef) {
+    const ctx = useCtx("BusinessDetails.Fields");
+    const country = ctx.businessDetails.country ?? "";
+    const taxIdLabel = resolveTaxIdLabel(country);
+    const taxIdPlaceholder = resolveTaxIdPlaceholder(country);
+    const taxIdHelperText = resolveTaxIdHelperText(country);
+    const content = /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "solvapay-checkout-business-toggle", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Toggle, {}),
+        "I'm purchasing as a business"
+      ] }),
+      ctx.businessDetails.isBusiness ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("fieldset", { className: "solvapay-business-fields", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "solvapay-business-field", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "solvapay-business-field-label", children: "Business name" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(BusinessName, { placeholder: "Acme GmbH" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "solvapay-business-field", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "solvapay-business-field-label", children: "Country" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Country, {})
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "solvapay-business-field", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "solvapay-business-field-label", children: taxIdLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TaxId, { placeholder: taxIdPlaceholder }),
+          taxIdHelperText ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "solvapay-business-field-hint", children: taxIdHelperText }) : null
+        ] })
+      ] }) : null,
+      children
+    ] });
+    if (asChild) {
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Slot, { ref: forwardedRef, ...rest, children: content });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("section", { ref: forwardedRef, ...{ [attr(prefix, "business-details-fields")]: "" }, ...rest, children: content });
+  });
+  return {
+    Root: Root14,
+    Toggle,
+    BusinessName,
+    Country,
+    TaxId,
+    Fields: Fields2
+  };
+}
+function useSummaryAmounts(useCtx, part) {
+  const ctx = useCtx(part);
+  const locale = useLocale();
+  const currency = (ctx.taxBreakdown?.currency ?? ctx.currency ?? "usd").toLowerCase();
+  const subtotalMinor = ctx.taxBreakdown?.subtotal ?? ctx.baseAmountMinor;
+  const taxMinor = ctx.taxBreakdown?.taxAmount ?? 0;
+  const totalMinor = ctx.taxBreakdown?.total ?? ctx.baseAmountMinor;
+  return {
+    // `free: ''` — a summary line is an amount, not a price. Without it
+    // formatPrice turns any zero (VAT, and a zero subtotal or total) into
+    // the word "Free". DEV-723.
+    subtotalFormatted: formatPrice(subtotalMinor, currency, { locale, free: "" }),
+    taxFormatted: formatPrice(taxMinor, currency, { locale, free: "" }),
+    totalFormatted: formatPrice(totalMinor, currency, { locale, free: "" }),
+    taxRate: ctx.taxBreakdown?.taxRate ?? 0,
+    treatment: ctx.taxBreakdown?.treatment ?? null,
+    attaching: ctx.businessDetailsAttaching
+  };
+}
+function createTaxSummaryParts(useCtx, prefix) {
+  const Root14 = (0, import_react9.forwardRef)(function TaxSummaryRoot({ asChild, children, ...rest }, forwardedRef) {
+    const ctx = useCtx("Summary");
+    if (!ctx.isBusiness) return null;
+    const Comp = asChild ? Slot : "section";
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary")]: "" }, ...rest, children });
+  });
+  const Subtotal = (0, import_react9.forwardRef)(function TaxSummarySubtotal({ asChild, children, ...rest }, forwardedRef) {
+    const ctx = useCtx("Summary.Subtotal");
+    const { subtotalFormatted } = useSummaryAmounts(useCtx, "Summary.Subtotal");
+    if (!ctx.isBusiness) return null;
+    const Comp = asChild ? Slot : "span";
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-subtotal")]: "" }, ...rest, children: children ?? subtotalFormatted });
+  });
+  const Tax = (0, import_react9.forwardRef)(function TaxSummaryTax({ asChild, children, ...rest }, forwardedRef) {
+    const ctx = useCtx("Summary.Tax");
+    const { taxFormatted, taxRate, treatment } = useSummaryAmounts(useCtx, "Summary.Tax");
+    if (!ctx.isBusiness) return null;
+    if (!shouldShowTaxRow(treatment)) return null;
+    const Comp = asChild ? Slot : "span";
+    const defaultLabel = formatVatSummaryLabel({
+      treatment: treatment ?? "standard",
+      taxRate
+    });
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-tax")]: "" }, ...rest, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: defaultLabel }),
+      " ",
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { ...{ [attr(prefix, "summary-tax-amount")]: "" }, children: taxFormatted })
+    ] }) });
+  });
+  const Total = (0, import_react9.forwardRef)(function TaxSummaryTotal({ asChild, children, ...rest }, forwardedRef) {
+    const ctx = useCtx("Summary.Total");
+    const { totalFormatted } = useSummaryAmounts(useCtx, "Summary.Total");
+    if (!ctx.isBusiness) return null;
+    const Comp = asChild ? Slot : "span";
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-total")]: "" }, ...rest, children: children ?? totalFormatted });
+  });
+  const TaxNote = (0, import_react9.forwardRef)(function TaxSummaryTaxNote({ asChild, children, ...rest }, forwardedRef) {
+    const ctx = useCtx("Summary.TaxNote");
+    const { treatment } = useSummaryAmounts(useCtx, "Summary.TaxNote");
+    if (!ctx.isBusiness) return null;
+    if (!treatment || treatment === "standard") return null;
+    const Comp = asChild ? Slot : "p";
+    const defaultNote = treatment === "reverse_charge" ? REVERSE_CHARGE_NOTE : treatment === "not_collecting" || treatment === "not_supported" ? TAX_NOT_COLLECTED_NOTE : null;
+    if (!defaultNote && !children) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-tax-note")]: "" }, ...rest, children: children ?? defaultNote });
+  });
+  const Rows = (0, import_react9.forwardRef)(function TaxSummaryRows({ asChild, children, ...rest }, forwardedRef) {
+    const ctx = useCtx("Summary.Rows");
+    const { taxRate, treatment, taxFormatted } = useSummaryAmounts(useCtx, "Summary.Rows");
+    if (!ctx.isBusiness) return null;
+    const showTaxRow = shouldShowTaxRow(treatment);
+    const vatLabel = formatVatSummaryLabel({
+      treatment: treatment ?? "standard",
+      taxRate
+    });
+    const content = /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("dl", { className: "solvapay-tax-summary-rows", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "solvapay-tax-summary-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("dt", { children: formatSubtotalLabel(treatment) }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Subtotal, {}) })
+      ] }),
+      showTaxRow ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "solvapay-tax-summary-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("dt", { children: vatLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { ...{ [attr(prefix, "summary-tax-amount")]: "" }, children: taxFormatted }) })
+      ] }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "solvapay-tax-summary-row solvapay-tax-summary-row--total", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("dt", { children: "Total" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Total, {}) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TaxNote, {}),
+      children
+    ] });
+    if (asChild) {
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Slot, { ref: forwardedRef, ...rest, children: content });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("section", { ref: forwardedRef, ...{ [attr(prefix, "summary-rows")]: "" }, ...rest, children: content });
+  });
+  return {
+    Root: Root14,
+    Subtotal,
+    Tax,
+    Total,
+    TaxNote,
+    Rows
+  };
+}
+
 // src/utils/errors.ts
 var DOCS_BASE_URL = "https://solvapay.com/docs";
 var SolvaPayError = class extends Error {
@@ -1541,10 +1832,10 @@ var MissingProductRefError = class extends SolvaPayError {
 };
 
 // src/primitives/CheckoutSummary.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var CheckoutSummaryContext = (0, import_react9.createContext)(null);
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var CheckoutSummaryContext = (0, import_react10.createContext)(null);
 function useCheckoutSummaryContext(part) {
-  const ctx = (0, import_react9.useContext)(CheckoutSummaryContext);
+  const ctx = (0, import_react10.useContext)(CheckoutSummaryContext);
   if (!ctx) {
     throw new Error(
       `CheckoutSummary.${part} must be rendered inside <CheckoutSummary.Root>.`
@@ -1552,8 +1843,8 @@ function useCheckoutSummaryContext(part) {
   }
   return ctx;
 }
-var Root = (0, import_react9.forwardRef)(function CheckoutSummaryRoot({ planRef, productRef, taxBreakdown = null, baseAmountMinor = 0, asChild, children, ...rest }, forwardedRef) {
-  const solva = (0, import_react9.useContext)(SolvaPayContext);
+var Root = (0, import_react10.forwardRef)(function CheckoutSummaryRoot({ planRef, productRef, taxBreakdown = null, baseAmountMinor = 0, asChild, children, ...rest }, forwardedRef) {
+  const solva = (0, import_react10.useContext)(SolvaPayContext);
   if (!solva) throw new MissingProviderError("CheckoutSummary");
   const locale = useLocale();
   const copy = useCopy();
@@ -1566,7 +1857,7 @@ var Root = (0, import_react9.forwardRef)(function CheckoutSummaryRoot({ planRef,
   });
   const { product, loading: productLoading } = useProduct(resolvedProductRef);
   const loading = planLoading || productLoading;
-  const priceFormatted = (0, import_react9.useMemo)(() => {
+  const priceFormatted = (0, import_react10.useMemo)(() => {
     const price = plan?.price ?? 0;
     const currency = plan?.currency ?? "usd";
     return formatPrice(price, currency, {
@@ -1576,7 +1867,7 @@ var Root = (0, import_react9.forwardRef)(function CheckoutSummaryRoot({ planRef,
       free: copy.interval.free
     });
   }, [plan, locale, copy.interval.free]);
-  const trialBanner = (0, import_react9.useMemo)(() => {
+  const trialBanner = (0, import_react10.useMemo)(() => {
     const trialDays = plan?.trialDays;
     if (!trialDays || trialDays <= 0) return null;
     return interpolate(copy.interval.trial, { trialDays });
@@ -1585,10 +1876,10 @@ var Root = (0, import_react9.forwardRef)(function CheckoutSummaryRoot({ planRef,
   const subtotalMinor = taxBreakdown?.subtotal ?? baseAmountMinor;
   const taxMinor = taxBreakdown?.taxAmount ?? 0;
   const totalMinor = taxBreakdown?.total ?? baseAmountMinor;
-  const subtotalFormatted = formatPrice(subtotalMinor, taxCurrency, { locale });
-  const taxFormatted = formatPrice(taxMinor, taxCurrency, { locale });
-  const totalFormatted = formatPrice(totalMinor, taxCurrency, { locale });
-  const ctx = (0, import_react9.useMemo)(
+  const subtotalFormatted = formatPrice(subtotalMinor, taxCurrency, { locale, free: "" });
+  const taxFormatted = formatPrice(taxMinor, taxCurrency, { locale, free: "" });
+  const totalFormatted = formatPrice(totalMinor, taxCurrency, { locale, free: "" });
+  const ctx = (0, import_react10.useMemo)(
     () => ({
       plan,
       product,
@@ -1615,77 +1906,78 @@ var Root = (0, import_react9.forwardRef)(function CheckoutSummaryRoot({ planRef,
     ]
   );
   const Comp = asChild ? Slot : "section";
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary": "", ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CheckoutSummaryContext.Provider, { value: ctx, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary": "", ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CheckoutSummaryContext.Provider, { value: ctx, children }) });
 });
-var ProductSlot = (0, import_react9.forwardRef)(function CheckoutSummaryProduct({ asChild, children, ...rest }, forwardedRef) {
+var ProductSlot = (0, import_react10.forwardRef)(function CheckoutSummaryProduct({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useCheckoutSummaryContext("Product");
   const name = ctx.product?.name;
   if (!name) return null;
   const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-product": "", ...rest, children: children ?? name });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-product": "", ...rest, children: children ?? name });
 });
-var PlanSlot = (0, import_react9.forwardRef)(function CheckoutSummaryPlan({ asChild, children, ...rest }, forwardedRef) {
+var PlanSlot = (0, import_react10.forwardRef)(function CheckoutSummaryPlan({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useCheckoutSummaryContext("Plan");
   const name = ctx.plan?.name;
   if (!name) return null;
   const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-plan": "", ...rest, children: children ?? name });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-plan": "", ...rest, children: children ?? name });
 });
-var TaxNoteSlot = (0, import_react9.forwardRef)(
+var TaxNoteSlot = (0, import_react10.forwardRef)(
   function CheckoutSummaryTaxNote({ asChild, children, ...rest }, forwardedRef) {
     const ctx = useCheckoutSummaryContext("TaxNote");
     if (ctx.taxBreakdown) return null;
     const Comp = asChild ? Slot : "p";
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-tax-note": "", ...rest, children: children ?? "Taxes calculated at checkout" });
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-tax-note": "", ...rest, children: children ?? "Taxes calculated at checkout" });
   }
 );
-var SubtotalSlot = (0, import_react9.forwardRef)(function CheckoutSummarySubtotal({ asChild, children, ...rest }, forwardedRef) {
+var SubtotalSlot = (0, import_react10.forwardRef)(function CheckoutSummarySubtotal({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useCheckoutSummaryContext("Subtotal");
   if (!ctx.taxBreakdown) return null;
   const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-subtotal": "", ...rest, children: children ?? ctx.subtotalFormatted });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-subtotal": "", ...rest, children: children ?? ctx.subtotalFormatted });
 });
-var TaxSlot = (0, import_react9.forwardRef)(function CheckoutSummaryTax({ asChild, children, ...rest }, forwardedRef) {
+var TaxSlot = (0, import_react10.forwardRef)(function CheckoutSummaryTax({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useCheckoutSummaryContext("Tax");
   if (!ctx.taxBreakdown) return null;
-  const Comp = asChild ? Slot : "span";
   const { taxRate, treatment } = ctx.taxBreakdown;
-  const defaultLabel = treatment === "reverse_charge" ? `VAT reverse charge (${ctx.taxFormatted})` : taxRate != null ? `Tax (${Math.round(taxRate * 100)}%)` : "Tax";
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-tax": "", ...rest, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: defaultLabel }),
+  if (!shouldShowTaxRow(treatment)) return null;
+  const Comp = asChild ? Slot : "span";
+  const defaultLabel = formatVatSummaryLabel({ treatment, taxRate: taxRate ?? 0 });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-tax": "", ...rest, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: defaultLabel }),
     " ",
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { "data-solvapay-checkout-summary-tax-amount": "", children: ctx.taxFormatted })
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { "data-solvapay-checkout-summary-tax-amount": "", children: ctx.taxFormatted })
   ] }) });
 });
-var TotalSlot = (0, import_react9.forwardRef)(function CheckoutSummaryTotal({ asChild, children, ...rest }, forwardedRef) {
+var TotalSlot = (0, import_react10.forwardRef)(function CheckoutSummaryTotal({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useCheckoutSummaryContext("Total");
   if (!ctx.taxBreakdown) return null;
   const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-total": "", ...rest, children: children ?? ctx.totalFormatted });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-total": "", ...rest, children: children ?? ctx.totalFormatted });
 });
-var TaxTreatmentNoteSlot = (0, import_react9.forwardRef)(
+var TaxTreatmentNoteSlot = (0, import_react10.forwardRef)(
   function CheckoutSummaryTaxTreatmentNote({ asChild, children, ...rest }, forwardedRef) {
     const ctx = useCheckoutSummaryContext("TaxTreatmentNote");
     const treatment = ctx.taxBreakdown?.treatment;
     if (!treatment || treatment === "standard") return null;
     const Comp = asChild ? Slot : "p";
-    const defaultNote = treatment === "reverse_charge" ? "VAT reverse charge applies \u2014 you are responsible for reporting VAT in your jurisdiction." : treatment === "not_collecting" ? "Tax is not collected on this purchase." : null;
+    const defaultNote = treatment === "reverse_charge" ? REVERSE_CHARGE_NOTE : treatment === "not_collecting" || treatment === "not_supported" ? TAX_NOT_COLLECTED_NOTE : null;
     if (!defaultNote && !children) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-tax-treatment-note": "", ...rest, children: children ?? defaultNote });
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-tax-treatment-note": "", ...rest, children: children ?? defaultNote });
   }
 );
-var PriceSlot = (0, import_react9.forwardRef)(function CheckoutSummaryPrice({ asChild, children, ...rest }, forwardedRef) {
+var PriceSlot = (0, import_react10.forwardRef)(function CheckoutSummaryPrice({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useCheckoutSummaryContext("Price");
   if (ctx.taxBreakdown) return null;
   const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-price": "", ...rest, children: children ?? ctx.priceFormatted });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-price": "", ...rest, children: children ?? ctx.priceFormatted });
 });
-var TrialSlot = (0, import_react9.forwardRef)(
+var TrialSlot = (0, import_react10.forwardRef)(
   function CheckoutSummaryTrial({ asChild, children, ...rest }, forwardedRef) {
     const ctx = useCheckoutSummaryContext("Trial");
     if (!ctx.trialBanner || ctx.taxBreakdown) return null;
     const Comp = asChild ? Slot : "p";
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-trial": "", ...rest, children: children ?? ctx.trialBanner });
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-trial": "", ...rest, children: children ?? ctx.trialBanner });
   }
 );
 var CheckoutSummaryRoot2 = Root;
@@ -1715,7 +2007,7 @@ function useCheckoutSummary() {
 }
 
 // src/primitives/PlanSelector.tsx
-var import_react10 = require("react");
+var import_react11 = require("react");
 
 // src/hooks/usePurchase.ts
 function usePurchase() {
@@ -1732,13 +2024,13 @@ function isPaygPlan(plan) {
 }
 
 // src/utils/planPricing.ts
-var import_core = require("@solvapay/core");
+var import_core2 = require("@solvapay/core");
 function getPlanPricingOptions(plan) {
   if (plan.pricingOptions && plan.pricingOptions.length > 0) {
     return plan.pricingOptions;
   }
   const defaultCurrency = (plan.currency ?? "USD").toUpperCase();
-  const charges = (0, import_core.headlineCharges)(plan);
+  const charges = (0, import_core2.headlineCharges)(plan);
   if (charges.length > 0) {
     return charges.map((charge) => ({
       currency: charge.currency,
@@ -1764,24 +2056,24 @@ function resolvePlanPricingOption(plan, currency) {
 }
 
 // src/primitives/PlanSelector.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var PlanSelectorContext = (0, import_react10.createContext)(null);
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var PlanSelectorContext = (0, import_react11.createContext)(null);
 function usePlanSelectorContext(part) {
-  const ctx = (0, import_react10.useContext)(PlanSelectorContext);
+  const ctx = (0, import_react11.useContext)(PlanSelectorContext);
   if (!ctx) {
     throw new Error(`PlanSelector.${part} must be rendered inside <PlanSelector.Root>.`);
   }
   return ctx;
 }
-var CardContext = (0, import_react10.createContext)(null);
+var CardContext = (0, import_react11.createContext)(null);
 function useCardContext(part) {
-  const ctx = (0, import_react10.useContext)(CardContext);
+  const ctx = (0, import_react11.useContext)(CardContext);
   if (!ctx) {
     throw new Error(`PlanSelector.${part} must be rendered inside <PlanSelector.Card>.`);
   }
   return ctx;
 }
-var Root2 = (0, import_react10.forwardRef)(function PlanSelectorRoot(props, forwardedRef) {
+var Root2 = (0, import_react11.forwardRef)(function PlanSelectorRoot(props, forwardedRef) {
   const {
     productRef,
     fetcher,
@@ -1795,12 +2087,12 @@ var Root2 = (0, import_react10.forwardRef)(function PlanSelectorRoot(props, forw
     children,
     ...rest
   } = props;
-  const solva = (0, import_react10.useContext)(SolvaPayContext);
+  const solva = (0, import_react11.useContext)(SolvaPayContext);
   if (!solva) throw new MissingProviderError("PlanSelector");
   if (!productRef) throw new MissingProductRefError("PlanSelector");
   const { _config } = solva;
   const { purchases } = usePurchase();
-  const effectiveFetcher = (0, import_react10.useMemo)(
+  const effectiveFetcher = (0, import_react11.useMemo)(
     () => fetcher ?? ((ref) => defaultListPlans(ref, _config)),
     [fetcher, _config]
   );
@@ -1812,24 +2104,24 @@ var Root2 = (0, import_react10.forwardRef)(function PlanSelectorRoot(props, forw
     autoSelectFirstPaid,
     initialPlanRef
   });
-  const autoCurrentPlanRef = (0, import_react10.useMemo)(() => {
+  const autoCurrentPlanRef = (0, import_react11.useMemo)(() => {
     const active = purchases.filter((p) => p.status === "active").sort((a, b) => new Date(b.startDate).getTime() - new Date(a.startDate).getTime())[0];
     return active?.planSnapshot?.reference ?? null;
   }, [purchases]);
   const resolvedCurrentPlanRef = currentPlanRef === null ? null : currentPlanRef ?? autoCurrentPlanRef;
-  const isCurrent = (0, import_react10.useCallback)(
+  const isCurrent = (0, import_react11.useCallback)(
     (ref) => resolvedCurrentPlanRef === ref,
     [resolvedCurrentPlanRef]
   );
-  const isFree = (0, import_react10.useCallback)(
+  const isFree = (0, import_react11.useCallback)(
     (ref) => plans.find((p) => p.reference === ref)?.requiresPayment === false,
     [plans]
   );
-  const isPopular = (0, import_react10.useCallback)(
+  const isPopular = (0, import_react11.useCallback)(
     (ref) => popularPlanRef === ref,
     [popularPlanRef]
   );
-  const select = (0, import_react10.useCallback)(
+  const select = (0, import_react11.useCallback)(
     (ref) => {
       const plan = plans.find((p) => p.reference === ref);
       if (!plan) return;
@@ -1839,29 +2131,29 @@ var Root2 = (0, import_react10.forwardRef)(function PlanSelectorRoot(props, forw
     },
     [plans, selectPlan, onSelect]
   );
-  const clearSelection = (0, import_react10.useCallback)(() => {
+  const clearSelection = (0, import_react11.useCallback)(() => {
     setSelectedPlanIndex(-1);
   }, [setSelectedPlanIndex]);
   const selectedPlanRef = selectedPlan?.reference ?? null;
-  const [preferredCurrency, setPreferredCurrencyState] = (0, import_react10.useState)(null);
-  const [selectedCurrencies, setSelectedCurrencies] = (0, import_react10.useState)({});
-  const getSelectedOption = (0, import_react10.useCallback)(
+  const [preferredCurrency, setPreferredCurrencyState] = (0, import_react11.useState)(null);
+  const [selectedCurrencies, setSelectedCurrencies] = (0, import_react11.useState)({});
+  const getSelectedOption = (0, import_react11.useCallback)(
     (plan) => resolvePlanPricingOption(
       plan,
       selectedCurrencies[plan.reference] ?? preferredCurrency ?? null
     ),
     [selectedCurrencies, preferredCurrency]
   );
-  const setPreferredCurrency = (0, import_react10.useCallback)((currency) => {
+  const setPreferredCurrency = (0, import_react11.useCallback)((currency) => {
     setPreferredCurrencyState(currency.toUpperCase());
     setSelectedCurrencies({});
   }, []);
-  const setPlanCurrency = (0, import_react10.useCallback)((planRef, currency) => {
+  const setPlanCurrency = (0, import_react11.useCallback)((planRef, currency) => {
     setSelectedCurrencies((current) => ({ ...current, [planRef]: currency }));
   }, []);
   const selectedCurrency = selectedPlan ? getSelectedOption(selectedPlan).currency : null;
-  const autoCurrentAppliedKeyRef = (0, import_react10.useRef)(null);
-  (0, import_react10.useEffect)(() => {
+  const autoCurrentAppliedKeyRef = (0, import_react11.useRef)(null);
+  (0, import_react11.useEffect)(() => {
     if (autoCurrentAppliedKeyRef.current === productRef) return;
     if (selectedPlanRef) {
       autoCurrentAppliedKeyRef.current = productRef;
@@ -1876,7 +2168,7 @@ var Root2 = (0, import_react10.forwardRef)(function PlanSelectorRoot(props, forw
     autoCurrentAppliedKeyRef.current = productRef;
     select(resolvedCurrentPlanRef);
   }, [productRef, plans, resolvedCurrentPlanRef, selectedPlanRef, select]);
-  const ctx = (0, import_react10.useMemo)(
+  const ctx = (0, import_react11.useMemo)(
     () => ({
       plans,
       loading,
@@ -1916,7 +2208,7 @@ var Root2 = (0, import_react10.forwardRef)(function PlanSelectorRoot(props, forw
       getSelectedOption
     ]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     PlanSelectionProvider,
     {
       value: {
@@ -1935,19 +2227,19 @@ var Root2 = (0, import_react10.forwardRef)(function PlanSelectorRoot(props, forw
         loading,
         error
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { ref: forwardedRef, "data-solvapay-plan-selector": "", ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PlanSelectorContext.Provider, { value: ctx, children }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { ref: forwardedRef, "data-solvapay-plan-selector": "", ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(PlanSelectorContext.Provider, { value: ctx, children }) })
     }
   );
 });
-var Heading = (0, import_react10.forwardRef)(function PlanSelectorHeading({ asChild, children, ...rest }, forwardedRef) {
+var Heading = (0, import_react11.forwardRef)(function PlanSelectorHeading({ asChild, children, ...rest }, forwardedRef) {
   usePlanSelectorContext("Heading");
   const copy = useCopy();
   const Comp = asChild ? Slot : "h3";
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Comp, { ref: forwardedRef, "data-solvapay-plan-selector-heading": "", ...rest, children: children ?? copy.planSelector.heading });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Comp, { ref: forwardedRef, "data-solvapay-plan-selector-heading": "", ...rest, children: children ?? copy.planSelector.heading });
 });
-var Grid = (0, import_react10.forwardRef)(function PlanSelectorGrid({ children, ...rest }, forwardedRef) {
+var Grid = (0, import_react11.forwardRef)(function PlanSelectorGrid({ children, ...rest }, forwardedRef) {
   const ctx = usePlanSelectorContext("Grid");
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { ref: forwardedRef, "data-solvapay-plan-selector-grid": "", ...rest, children: ctx.plans.map((plan) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { ref: forwardedRef, "data-solvapay-plan-selector-grid": "", ...rest, children: ctx.plans.map((plan) => {
     const isCurrent = ctx.isCurrent(plan.reference);
     const isFree = ctx.isFree(plan.reference);
     const isPopular = ctx.isPopular(plan.reference);
@@ -1969,10 +2261,10 @@ var Grid = (0, import_react10.forwardRef)(function PlanSelectorGrid({ children,
       select: () => ctx.select(plan.reference),
       setCurrency: (currency) => ctx.setPlanCurrency(plan.reference, currency)
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CardContext.Provider, { value: cardCtx, children }, plan.reference);
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CardContext.Provider, { value: cardCtx, children }, plan.reference);
   }) });
 });
-var Card = (0, import_react10.forwardRef)(function PlanSelectorCard({ asChild, onClick, children, ...rest }, forwardedRef) {
+var Card = (0, import_react11.forwardRef)(function PlanSelectorCard({ asChild, onClick, children, ...rest }, forwardedRef) {
   const card = useCardContext("Card");
   const dataTrial = !!(card.plan.trialDays && card.plan.trialDays > 0);
   const commonProps = {
@@ -1990,10 +2282,10 @@ var Card = (0, import_react10.forwardRef)(function PlanSelectorCard({ asChild, o
   if (asChild) {
     return (
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Slot, { ref: forwardedRef, ...commonProps, children })
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Slot, { ref: forwardedRef, ...commonProps, children })
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "button",
     {
       ref: forwardedRef,
@@ -2004,19 +2296,19 @@ var Card = (0, import_react10.forwardRef)(function PlanSelectorCard({ asChild, o
     }
   );
 });
-var CardName = (0, import_react10.forwardRef)(function PlanSelectorCardName({ asChild, children, ...rest }, forwardedRef) {
+var CardName = (0, import_react11.forwardRef)(function PlanSelectorCardName({ asChild, children, ...rest }, forwardedRef) {
   const card = useCardContext("CardName");
   const fallback = card.plan.requiresPayment === false ? "Free" : card.plan.type === "usage-based" ? "Pay as you go" : card.plan.type === "recurring" ? "Plan" : null;
   const label = card.plan.name ?? fallback;
   if (!label && children == null) return null;
   const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Comp, { ref: forwardedRef, "data-solvapay-plan-selector-card-name": "", ...rest, children: children ?? label });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Comp, { ref: forwardedRef, "data-solvapay-plan-selector-card-name": "", ...rest, children: children ?? label });
 });
-var CardPrice = (0, import_react10.forwardRef)(function PlanSelectorCardPrice({ asChild, children, ...rest }, forwardedRef) {
+var CardPrice = (0, import_react11.forwardRef)(function PlanSelectorCardPrice({ asChild, children, ...rest }, forwardedRef) {
   const card = useCardContext("CardPrice");
   const locale = useLocale();
   const copy = useCopy();
-  const formatted = (0, import_react10.useMemo)(() => {
+  const formatted = (0, import_react11.useMemo)(() => {
     if (card.isFree) return copy.planSelector.freeBadge;
     if (card.plan.type === "usage-based") {
       return copy.planSelector.usageRateLabel;
@@ -2036,9 +2328,9 @@ var CardPrice = (0, import_react10.forwardRef)(function PlanSelectorCardPrice({
     copy.interval.free
   ]);
   const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Comp, { ref: forwardedRef, "data-solvapay-plan-selector-card-price": "", ...rest, children: children ?? formatted });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Comp, { ref: forwardedRef, "data-solvapay-plan-selector-card-price": "", ...rest, children: children ?? formatted });
 });
-var CardInterval = (0, import_react10.forwardRef)(function PlanSelectorCardInterval({ asChild, children, ...rest }, forwardedRef) {
+var CardInterval = (0, import_react11.forwardRef)(function PlanSelectorCardInterval({ asChild, children, ...rest }, forwardedRef) {
   const card = useCardContext("CardInterval");
   const copy = useCopy();
   if (card.isFree || card.plan.type === "usage-based") return null;
@@ -2046,7 +2338,7 @@ var CardInterval = (0, import_react10.forwardRef)(function PlanSelectorCardInter
   if (!rawInterval) return null;
   const text = interpolate(copy.planSelector.perIntervalShort, { interval: rawInterval });
   const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Comp, { ref: forwardedRef, "data-solvapay-plan-selector-card-interval": "", ...rest, children: children ?? text });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Comp, { ref: forwardedRef, "data-solvapay-plan-selector-card-interval": "", ...rest, children: children ?? text });
 });
 function normalizeBillingCycle(cycle) {
   if (!cycle) return null;
@@ -2057,9 +2349,9 @@ function normalizeBillingCycle(cycle) {
   if (lc === "daily" || lc === "day") return "day";
   return cycle;
 }
-var CurrencySwitcher = (0, import_react10.forwardRef)(function PlanSelectorCurrencySwitcher({ children, onChange, className, ...rest }, forwardedRef) {
+var CurrencySwitcher = (0, import_react11.forwardRef)(function PlanSelectorCurrencySwitcher({ children, onChange, className, ...rest }, forwardedRef) {
   const ctx = usePlanSelectorContext("CurrencySwitcher");
-  const availableCurrencies = (0, import_react10.useMemo)(() => {
+  const availableCurrencies = (0, import_react11.useMemo)(() => {
     const currencies = /* @__PURE__ */ new Set();
     for (const plan of ctx.plans) {
       const options = getPlanPricingOptions(plan);
@@ -2072,7 +2364,7 @@ var CurrencySwitcher = (0, import_react10.forwardRef)(function PlanSelectorCurre
   }, [ctx.plans]);
   if (availableCurrencies.length < 2) return null;
   const effectiveCurrency = ctx.preferredCurrency ?? (ctx.selectedPlan ? ctx.getSelectedOption(ctx.selectedPlan).currency.toUpperCase() : null) ?? availableCurrencies[0];
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "select",
     {
       ref: forwardedRef,
@@ -2084,15 +2376,15 @@ var CurrencySwitcher = (0, import_react10.forwardRef)(function PlanSelectorCurre
         onChange?.(event);
       },
       ...rest,
-      children: children ?? availableCurrencies.map((currency) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("option", { value: currency, children: currency }, currency))
+      children: children ?? availableCurrencies.map((currency) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: currency, children: currency }, currency))
     }
   );
 });
-var CardCurrency = (0, import_react10.forwardRef)(
+var CardCurrency = (0, import_react11.forwardRef)(
   function PlanSelectorCardCurrency({ children, onChange, ...rest }, forwardedRef) {
     const card = useCardContext("CardCurrency");
     if (card.pricingOptions.length <= 1) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       "select",
       {
         ref: forwardedRef,
@@ -2103,12 +2395,12 @@ var CardCurrency = (0, import_react10.forwardRef)(
           onChange?.(event);
         },
         ...rest,
-        children: children ?? card.pricingOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("option", { value: option.currency, children: option.currency }, option.currency))
+        children: children ?? card.pricingOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: option.currency, children: option.currency }, option.currency))
       }
     );
   }
 );
-var CardBadge = (0, import_react10.forwardRef)(function PlanSelectorCardBadge({ asChild, children, ...rest }, forwardedRef) {
+var CardBadge = (0, import_react11.forwardRef)(function PlanSelectorCardBadge({ asChild, children, ...rest }, forwardedRef) {
   const card = useCardContext("CardBadge");
   const copy = useCopy();
   let variant = null;
@@ -2122,7 +2414,7 @@ var CardBadge = (0, import_react10.forwardRef)(function PlanSelectorCardBadge({
   }
   if (!variant) return null;
   const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     Comp,
     {
       ref: forwardedRef,
@@ -2133,17 +2425,17 @@ var CardBadge = (0, import_react10.forwardRef)(function PlanSelectorCardBadge({
     }
   );
 });
-var Loading = (0, import_react10.forwardRef)(function PlanSelectorLoading({ asChild, children, ...rest }, forwardedRef) {
+var Loading = (0, import_react11.forwardRef)(function PlanSelectorLoading({ asChild, children, ...rest }, forwardedRef) {
   const ctx = usePlanSelectorContext("Loading");
   if (!ctx.loading || ctx.plans.length > 0) return null;
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Comp, { ref: forwardedRef, "data-solvapay-plan-selector-loading": "", ...rest, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Comp, { ref: forwardedRef, "data-solvapay-plan-selector-loading": "", ...rest, children });
 });
-var ErrorSlot = (0, import_react10.forwardRef)(function PlanSelectorError({ asChild, children, ...rest }, forwardedRef) {
+var ErrorSlot = (0, import_react11.forwardRef)(function PlanSelectorError({ asChild, children, ...rest }, forwardedRef) {
   const ctx = usePlanSelectorContext("Error");
   if (!ctx.error) return null;
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Comp, { ref: forwardedRef, "data-solvapay-plan-selector-error": "", role: "alert", ...rest, children: children ?? ctx.error.message });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Comp, { ref: forwardedRef, "data-solvapay-plan-selector-error": "", role: "alert", ...rest, children: children ?? ctx.error.message });
 });
 var PlanSelectorRoot2 = Root2;
 var PlanSelectorHeading2 = Heading;
@@ -2241,7 +2533,7 @@ function toStripeElementLocale(locale) {
 }
 
 // src/primitives/LegalFooter.tsx
-var import_react11 = require("react");
+var import_react12 = require("react");
 
 // src/constants/legal.ts
 var SOLVAPAY_TERMS_URL = "https://solvapay.com/legal/terms";
@@ -2249,8 +2541,8 @@ var SOLVAPAY_PRIVACY_URL = "https://solvapay.com/legal/privacy";
 var SOLVAPAY_WEBSITE_URL = "https://solvapay.com";
 
 // src/primitives/LegalFooter.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var LegalFooter = (0, import_react11.forwardRef)(
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var LegalFooter = (0, import_react12.forwardRef)(
   function LegalFooter2({
     attribution = "provided",
     termsUrl = SOLVAPAY_TERMS_URL,
@@ -2262,9 +2554,9 @@ var LegalFooter = (0, import_react11.forwardRef)(
     const copy = useCopy();
     const attributionLabel = attribution === "provided" ? copy.legalFooter.providedBy : attribution === "powered" ? copy.legalFooter.poweredBy : null;
     const Comp = asChild ? Slot : "div";
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Comp, { ref: forwardedRef, "data-solvapay-legal-footer": "", ...rest, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { "data-solvapay-legal-footer-links": "", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Comp, { ref: forwardedRef, "data-solvapay-legal-footer": "", ...rest, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { "data-solvapay-legal-footer-links": "", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           "a",
           {
             "data-solvapay-legal-footer-link": "",
@@ -2274,8 +2566,8 @@ var LegalFooter = (0, import_react11.forwardRef)(
             children: copy.legalFooter.terms
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { "aria-hidden": "true", children: " \xB7 " }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { "aria-hidden": "true", children: " \xB7 " }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           "a",
           {
             "data-solvapay-legal-footer-link": "",
@@ -2286,7 +2578,7 @@ var LegalFooter = (0, import_react11.forwardRef)(
           }
         )
       ] }),
-      attributionLabel ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      attributionLabel ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
         "a",
         {
           "data-solvapay-legal-footer-attribution": "",
@@ -2315,7 +2607,7 @@ function withPaymentElementDefaults(options) {
 }
 
 // src/hooks/useCheckout.ts
-var import_react12 = require("react");
+var import_react13 = require("react");
 var import_stripe_js = require("@stripe/stripe-js");
 var stripePromiseCache = /* @__PURE__ */ new Map();
 function getStripeCacheKey(publishableKey, accountId) {
@@ -2357,14 +2649,14 @@ function useCheckout(options) {
   const { planRef, productRef, currency: currencyOverride, customer } = options;
   const planSelection = usePlanSelection();
   const { createPayment, customerRef, updateCustomerRef, _config } = useSolvaPay();
-  const [loading, setLoading] = (0, import_react12.useState)(false);
-  const [error, setError] = (0, import_react12.useState)(null);
-  const [stripePromise, setStripePromise] = (0, import_react12.useState)(null);
-  const [clientSecret, setClientSecret] = (0, import_react12.useState)(null);
-  const [processorPaymentId, setProcessorPaymentId] = (0, import_react12.useState)(null);
-  const [resolvedPlanRef, setResolvedPlanRef] = (0, import_react12.useState)(planRef || null);
-  const isStartingRef = (0, import_react12.useRef)(false);
-  const startCheckout = (0, import_react12.useCallback)(async () => {
+  const [loading, setLoading] = (0, import_react13.useState)(false);
+  const [error, setError] = (0, import_react13.useState)(null);
+  const [stripePromise, setStripePromise] = (0, import_react13.useState)(null);
+  const [clientSecret, setClientSecret] = (0, import_react13.useState)(null);
+  const [processorPaymentId, setProcessorPaymentId] = (0, import_react13.useState)(null);
+  const [resolvedPlanRef, setResolvedPlanRef] = (0, import_react13.useState)(planRef || null);
+  const isStartingRef = (0, import_react13.useRef)(false);
+  const startCheckout = (0, import_react13.useCallback)(async () => {
     if (isStartingRef.current || loading) {
       return;
     }
@@ -2440,7 +2732,7 @@ function useCheckout(options) {
     loading,
     _config
   ]);
-  const reset = (0, import_react12.useCallback)(() => {
+  const reset = (0, import_react13.useCallback)(() => {
     isStartingRef.current = false;
     setLoading(false);
     setError(null);
@@ -2473,14 +2765,14 @@ function useCustomer() {
 }
 
 // src/hooks/useActivation.ts
-var import_react13 = require("react");
+var import_react14 = require("react");
 function useActivation() {
   const { activatePlan } = useSolvaPay();
   const copy = useCopy();
-  const [state, setState] = (0, import_react13.useState)("idle");
-  const [error, setError] = (0, import_react13.useState)(null);
-  const [result, setResult] = (0, import_react13.useState)(null);
-  const activate = (0, import_react13.useCallback)(
+  const [state, setState] = (0, import_react14.useState)("idle");
+  const [error, setError] = (0, import_react14.useState)(null);
+  const [result, setResult] = (0, import_react14.useState)(null);
+  const activate = (0, import_react14.useCallback)(
     async (params) => {
       setState("activating");
       setError(null);
@@ -2515,7 +2807,7 @@ function useActivation() {
     },
     [activatePlan, copy]
   );
-  const reset = (0, import_react13.useCallback)(() => {
+  const reset = (0, import_react14.useCallback)(() => {
     setState("idle");
     setError(null);
     setResult(null);
@@ -2524,11 +2816,11 @@ function useActivation() {
 }
 
 // src/components/PaymentFormContext.tsx
-var import_react14 = require("react");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var PaymentFormContext = (0, import_react14.createContext)(null);
+var import_react15 = require("react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var PaymentFormContext = (0, import_react15.createContext)(null);
 function usePaymentForm() {
-  const ctx = (0, import_react14.useContext)(PaymentFormContext);
+  const ctx = (0, import_react15.useContext)(PaymentFormContext);
   if (!ctx) {
     throw new Error(
       "PaymentForm subcomponents must be used inside a <PaymentForm>. Wrap the slots with <PaymentForm planRef=... productRef=...>."
@@ -2536,10 +2828,10 @@ function usePaymentForm() {
   }
   return ctx;
 }
-var PaymentFormProvider = ({ value, children }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(PaymentFormContext.Provider, { value, children });
+var PaymentFormProvider = ({ value, children }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(PaymentFormContext.Provider, { value, children });
 
 // src/components/CheckoutSummary.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var CheckoutSummary2 = ({
   planRef,
   productRef,
@@ -2551,7 +2843,7 @@ var CheckoutSummary2 = ({
 }) => {
   const rootClass = ["solvapay-checkout-summary", className].filter(Boolean).join(" ");
   const hasTax = taxBreakdown != null;
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
     CheckoutSummary.Root,
     {
       planRef,
@@ -2560,25 +2852,25 @@ var CheckoutSummary2 = ({
       baseAmountMinor,
       className: rootClass,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CheckoutSummary.Product, { className: "solvapay-checkout-summary-product" }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "solvapay-checkout-summary-row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CheckoutSummary.Plan, { className: "solvapay-checkout-summary-plan" }),
-          !hasTax && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CheckoutSummary.Price, { className: "solvapay-checkout-summary-price" })
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckoutSummary.Product, { className: "solvapay-checkout-summary-product" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "solvapay-checkout-summary-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckoutSummary.Plan, { className: "solvapay-checkout-summary-plan" }),
+          !hasTax && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckoutSummary.Price, { className: "solvapay-checkout-summary-price" })
         ] }),
-        hasTax ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "solvapay-checkout-summary-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: "Subtotal" }),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CheckoutSummary.Subtotal, { className: "solvapay-checkout-summary-subtotal" })
+        hasTax ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "solvapay-checkout-summary-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: "Subtotal" }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckoutSummary.Subtotal, { className: "solvapay-checkout-summary-subtotal" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "solvapay-checkout-summary-row", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CheckoutSummary.Tax, { className: "solvapay-checkout-summary-tax" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "solvapay-checkout-summary-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: "Total" }),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CheckoutSummary.Total, { className: "solvapay-checkout-summary-total" })
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "solvapay-checkout-summary-row", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckoutSummary.Tax, { className: "solvapay-checkout-summary-tax" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "solvapay-checkout-summary-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: "Total" }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckoutSummary.Total, { className: "solvapay-checkout-summary-total" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CheckoutSummary.TaxTreatmentNote, { className: "solvapay-checkout-summary-tax-treatment-note" })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
-          showTrial && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CheckoutSummary.Trial, { className: "solvapay-checkout-summary-trial" }),
-          showTaxNote && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CheckoutSummary.TaxNote, { className: "solvapay-checkout-summary-tax-note" })
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckoutSummary.TaxTreatmentNote, { className: "solvapay-checkout-summary-tax-treatment-note" })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+          showTrial && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckoutSummary.Trial, { className: "solvapay-checkout-summary-trial" }),
+          showTaxNote && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckoutSummary.TaxNote, { className: "solvapay-checkout-summary-tax-note" })
         ] })
       ]
     }
@@ -2586,10 +2878,10 @@ var CheckoutSummary2 = ({
 };
 
 // src/primitives/MandateText.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 
 // src/hooks/useMerchant.ts
-var import_react15 = require("react");
+var import_react16 = require("react");
 var merchantCache = /* @__PURE__ */ new Map();
 var CACHE_DURATION5 = 5 * 60 * 1e3;
 function cacheKeyFor2(config) {
@@ -2603,15 +2895,15 @@ async function fetchMerchant(config) {
 function useMerchant() {
   const { _config } = useSolvaPay();
   const key = cacheKeyFor2(_config);
-  const [merchant, setMerchant] = (0, import_react15.useState)(
+  const [merchant, setMerchant] = (0, import_react16.useState)(
     () => merchantCache.get(key)?.merchant ?? null
   );
-  const [loading, setLoading] = (0, import_react15.useState)(() => {
+  const [loading, setLoading] = (0, import_react16.useState)(() => {
     const cached = merchantCache.get(key);
     return !cached || !cached.merchant && !cached.promise;
   });
-  const [error, setError] = (0, import_react15.useState)(null);
-  const load = (0, import_react15.useCallback)(
+  const [error, setError] = (0, import_react16.useState)(null);
+  const load = (0, import_react16.useCallback)(
     async (force = false) => {
       const cached = merchantCache.get(key);
       const now = Date.now();
@@ -2665,7 +2957,7 @@ function useMerchant() {
     },
     [_config, key]
   );
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     load();
   }, [load]);
   return {
@@ -2694,8 +2986,8 @@ function deriveVariant(plan, mode) {
 }
 
 // src/primitives/MandateText.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var MandateText = (0, import_react16.forwardRef)(
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var MandateText = (0, import_react17.forwardRef)(
   function MandateText2({
     planRef,
     productRef,
@@ -2707,7 +2999,7 @@ var MandateText = (0, import_react16.forwardRef)(
     children,
     ...rest
   }, forwardedRef) {
-    const solva = (0, import_react16.useContext)(SolvaPayContext);
+    const solva = (0, import_react17.useContext)(SolvaPayContext);
     if (!solva) throw new MissingProviderError("MandateText");
     const locale = useLocale();
     const copy = useCopy();
@@ -2724,7 +3016,7 @@ var MandateText = (0, import_react16.forwardRef)(
       locale,
       free: copy.interval.free
     });
-    const ctx = (0, import_react16.useMemo)(
+    const ctx = (0, import_react17.useMemo)(
       () => ({
         merchant: {
           legalName: merchant?.legalName ?? merchant?.displayName ?? "",
@@ -2751,7 +3043,7 @@ var MandateText = (0, import_react16.forwardRef)(
     const text = typeof template === "function" ? template(ctx) : template;
     if (!text) return null;
     const Comp = asChild ? Slot : "p";
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       Comp,
       {
         ref: forwardedRef,
@@ -2773,7 +3065,7 @@ function linkifyMandateText(text, merchant, copy) {
   return text.split(pattern).map((part, i) => {
     const match = entries.find((e) => e.url === part);
     if (!match) return part;
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       "a",
       {
         href: match.url,
@@ -2791,11 +3083,11 @@ function escapeRegExp(value) {
 }
 
 // src/components/Spinner.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var SIZE_PX = { sm: 16, md: 20, lg: 24 };
 var Spinner = ({ className, size = "md" }) => {
   const px = SIZE_PX[size];
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     "svg",
     {
       "data-solvapay-spinner": "",
@@ -2806,7 +3098,7 @@ var Spinner = ({ className, size = "md" }) => {
       fill: "none",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "circle",
           {
             cx: "12",
@@ -2817,7 +3109,7 @@ var Spinner = ({ className, size = "md" }) => {
             strokeOpacity: "0.25"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "path",
           {
             fill: "currentColor",
@@ -3030,295 +3322,6 @@ function resolveCta(input) {
 // src/hooks/useBusinessDetailsAttach.ts
 var import_react18 = require("react");
 var import_core3 = require("@solvapay/core");
-
-// src/components/businessCheckoutParts.tsx
-var import_react17 = require("react");
-var import_core2 = require("@solvapay/core");
-var import_jsx_runtime12 = require("react/jsx-runtime");
-function mapBusinessFieldErrors(input) {
-  const result = (0, import_core2.validateBusinessDetails)(input);
-  if (result.success) return {};
-  const errors = {};
-  for (const issue of result.error.issues) {
-    const key = issue.path[0];
-    if (typeof key === "string" && isBusinessDetailsKey(key) && !errors[key]) {
-      errors[key] = issue.message;
-    }
-  }
-  return errors;
-}
-function isBusinessDetailsKey(key) {
-  return key === "isBusiness" || key === "businessName" || key === "country" || key === "customerCountry" || key === "customerName" || key === "taxId" || key === "taxIdType";
-}
-function attr(prefix, suffix) {
-  return `data-solvapay-${prefix}-${suffix}`;
-}
-var SUPPORTED_BUSINESS_COUNTRIES_SET = new Set(import_core2.SUPPORTED_BUSINESS_COUNTRIES);
-function isSupportedBusinessCountry(value) {
-  return SUPPORTED_BUSINESS_COUNTRIES_SET.has(value);
-}
-function resolveTaxIdLabel(country) {
-  if (country && isSupportedBusinessCountry(country)) {
-    return (0, import_core2.getTaxIdFieldLabel)(country);
-  }
-  return "Tax ID";
-}
-function resolveTaxIdPlaceholder(country) {
-  if (country && isSupportedBusinessCountry(country)) {
-    return (0, import_core2.getTaxIdExample)(country);
-  }
-  return "Enter tax ID";
-}
-function resolveTaxIdHelperText(country) {
-  if (country && isSupportedBusinessCountry(country)) {
-    return (0, import_core2.getTaxIdHelperText)(country);
-  }
-  return "";
-}
-function formatVatSummaryLabel(breakdown) {
-  if (breakdown.treatment === "reverse_charge") {
-    return "VAT (reverse charge)";
-  }
-  if (breakdown.taxRate > 0) {
-    const ratePercent = breakdown.taxRate <= 1 ? Math.round(breakdown.taxRate * 100) : breakdown.taxRate;
-    return breakdown.inclusive ? `VAT (${ratePercent}%, incl.)` : `VAT (${ratePercent}%)`;
-  }
-  return "VAT";
-}
-function shouldShowTaxRow(treatment, taxRate) {
-  if (treatment === "not_collecting") return false;
-  if (treatment === "reverse_charge") return true;
-  return taxRate > 0;
-}
-function createBusinessDetailsParts(useCtx, prefix) {
-  const Root14 = (0, import_react17.forwardRef)(function BusinessDetailsRoot({ asChild, children, ...rest }, forwardedRef) {
-    useCtx("BusinessDetails");
-    const Comp = asChild ? Slot : "section";
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Comp, { ref: forwardedRef, ...{ [attr(prefix, "business-details")]: "" }, ...rest, children });
-  });
-  const Toggle = (0, import_react17.forwardRef)(function BusinessDetailsToggle({ asChild, onChange, ...rest }, forwardedRef) {
-    const ctx = useCtx("BusinessDetails.Toggle");
-    const commonProps = {
-      [attr(prefix, "business-details-toggle")]: "",
-      type: "checkbox",
-      checked: ctx.businessDetails.isBusiness,
-      onChange: composeEventHandlers(onChange, (e) => {
-        ctx.setBusinessDetails({ isBusiness: e.target.checked });
-      }),
-      ...rest
-    };
-    if (asChild) {
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Slot, { ref: forwardedRef, ...commonProps });
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("input", { ref: forwardedRef, ...commonProps });
-  });
-  const BusinessName = (0, import_react17.forwardRef)(
-    function BusinessDetailsBusinessName({ asChild, onChange, ...rest }, forwardedRef) {
-      const ctx = useCtx("BusinessDetails.BusinessName");
-      if (!ctx.businessDetails.isBusiness) return null;
-      const commonProps = {
-        [attr(prefix, "business-details-name")]: "",
-        type: "text",
-        value: ctx.businessDetails.businessName ?? "",
-        "aria-invalid": ctx.fieldErrors.businessName ? true : void 0,
-        onChange: composeEventHandlers(onChange, (e) => {
-          ctx.setBusinessDetails({ businessName: e.target.value });
-        }),
-        ...rest
-      };
-      if (asChild) {
-        return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Slot, { ref: forwardedRef, ...commonProps });
-      }
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("input", { ref: forwardedRef, ...commonProps });
-    }
-  );
-  const Country = (0, import_react17.forwardRef)(function BusinessDetailsCountry({ asChild, onChange, children, ...rest }, forwardedRef) {
-    const ctx = useCtx("BusinessDetails.Country");
-    if (!ctx.businessDetails.isBusiness) return null;
-    const commonProps = {
-      [attr(prefix, "business-details-country")]: "",
-      value: ctx.businessDetails.country ?? "",
-      "aria-invalid": ctx.fieldErrors.country ? true : void 0,
-      onChange: composeEventHandlers(onChange, (e) => {
-        ctx.setBusinessDetails({ country: e.target.value });
-      }),
-      ...rest
-    };
-    const defaultOptions = /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("option", { value: "", children: "Select country" }),
-      import_core2.BUSINESS_COUNTRY_OPTIONS.map(({ value, label }) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("option", { value, children: label }, value))
-    ] });
-    if (asChild) {
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Slot, { ref: forwardedRef, ...commonProps, children: children ?? defaultOptions });
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("select", { ref: forwardedRef, ...commonProps, children: children ?? defaultOptions });
-  });
-  const TaxId = (0, import_react17.forwardRef)(function BusinessDetailsTaxId({ asChild, onChange, ...rest }, forwardedRef) {
-    const ctx = useCtx("BusinessDetails.TaxId");
-    if (!ctx.businessDetails.isBusiness) return null;
-    const commonProps = {
-      [attr(prefix, "business-details-tax-id")]: "",
-      type: "text",
-      value: ctx.businessDetails.taxId ?? "",
-      "aria-invalid": ctx.fieldErrors.taxId ? true : void 0,
-      onChange: composeEventHandlers(onChange, (e) => {
-        ctx.setBusinessDetails({ taxId: e.target.value });
-      }),
-      ...rest
-    };
-    if (asChild) {
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Slot, { ref: forwardedRef, ...commonProps });
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("input", { ref: forwardedRef, ...commonProps });
-  });
-  const Fields2 = (0, import_react17.forwardRef)(function BusinessDetailsFields({ asChild, children, ...rest }, forwardedRef) {
-    const ctx = useCtx("BusinessDetails.Fields");
-    const country = ctx.businessDetails.country ?? "";
-    const taxIdLabel = resolveTaxIdLabel(country);
-    const taxIdPlaceholder = resolveTaxIdPlaceholder(country);
-    const taxIdHelperText = resolveTaxIdHelperText(country);
-    const content = /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { className: "solvapay-checkout-business-toggle", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Toggle, {}),
-        "I'm purchasing as a business"
-      ] }),
-      ctx.businessDetails.isBusiness ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("fieldset", { className: "solvapay-business-fields", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { className: "solvapay-business-field", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "solvapay-business-field-label", children: "Business name" }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(BusinessName, { placeholder: "Acme GmbH" })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { className: "solvapay-business-field", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "solvapay-business-field-label", children: "Country" }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Country, {})
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { className: "solvapay-business-field", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "solvapay-business-field-label", children: taxIdLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TaxId, { placeholder: taxIdPlaceholder }),
-          taxIdHelperText ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "solvapay-business-field-hint", children: taxIdHelperText }) : null
-        ] })
-      ] }) : null,
-      children
-    ] });
-    if (asChild) {
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Slot, { ref: forwardedRef, ...rest, children: content });
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("section", { ref: forwardedRef, ...{ [attr(prefix, "business-details-fields")]: "" }, ...rest, children: content });
-  });
-  return {
-    Root: Root14,
-    Toggle,
-    BusinessName,
-    Country,
-    TaxId,
-    Fields: Fields2
-  };
-}
-function useSummaryAmounts(useCtx, part) {
-  const ctx = useCtx(part);
-  const locale = useLocale();
-  const currency = (ctx.taxBreakdown?.currency ?? ctx.currency ?? "usd").toLowerCase();
-  const subtotalMinor = ctx.taxBreakdown?.subtotal ?? ctx.baseAmountMinor;
-  const taxMinor = ctx.taxBreakdown?.taxAmount ?? 0;
-  const totalMinor = ctx.taxBreakdown?.total ?? ctx.baseAmountMinor;
-  return {
-    subtotalFormatted: formatPrice(subtotalMinor, currency, { locale }),
-    taxFormatted: formatPrice(taxMinor, currency, { locale }),
-    totalFormatted: formatPrice(totalMinor, currency, { locale }),
-    taxRate: ctx.taxBreakdown?.taxRate ?? 0,
-    treatment: ctx.taxBreakdown?.treatment ?? null,
-    inclusive: ctx.taxBreakdown?.inclusive ?? false,
-    attaching: ctx.businessDetailsAttaching
-  };
-}
-function createTaxSummaryParts(useCtx, prefix) {
-  const Root14 = (0, import_react17.forwardRef)(function TaxSummaryRoot({ asChild, children, ...rest }, forwardedRef) {
-    const ctx = useCtx("Summary");
-    if (!ctx.isBusiness) return null;
-    const Comp = asChild ? Slot : "section";
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary")]: "" }, ...rest, children });
-  });
-  const Subtotal = (0, import_react17.forwardRef)(function TaxSummarySubtotal({ asChild, children, ...rest }, forwardedRef) {
-    const ctx = useCtx("Summary.Subtotal");
-    const { subtotalFormatted } = useSummaryAmounts(useCtx, "Summary.Subtotal");
-    if (!ctx.isBusiness) return null;
-    const Comp = asChild ? Slot : "span";
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-subtotal")]: "" }, ...rest, children: children ?? subtotalFormatted });
-  });
-  const Tax = (0, import_react17.forwardRef)(function TaxSummaryTax({ asChild, children, ...rest }, forwardedRef) {
-    const ctx = useCtx("Summary.Tax");
-    const { taxFormatted, taxRate, treatment, inclusive } = useSummaryAmounts(useCtx, "Summary.Tax");
-    if (!ctx.isBusiness) return null;
-    const Comp = asChild ? Slot : "span";
-    const defaultLabel = formatVatSummaryLabel({
-      treatment: treatment ?? "standard",
-      taxRate,
-      inclusive
-    });
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-tax")]: "" }, ...rest, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: defaultLabel }),
-      " ",
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { ...{ [attr(prefix, "summary-tax-amount")]: "" }, children: taxFormatted })
-    ] }) });
-  });
-  const Total = (0, import_react17.forwardRef)(function TaxSummaryTotal({ asChild, children, ...rest }, forwardedRef) {
-    const ctx = useCtx("Summary.Total");
-    const { totalFormatted } = useSummaryAmounts(useCtx, "Summary.Total");
-    if (!ctx.isBusiness) return null;
-    const Comp = asChild ? Slot : "span";
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-total")]: "" }, ...rest, children: children ?? totalFormatted });
-  });
-  const TaxNote = (0, import_react17.forwardRef)(function TaxSummaryTaxNote({ asChild, children, ...rest }, forwardedRef) {
-    const ctx = useCtx("Summary.TaxNote");
-    const { treatment } = useSummaryAmounts(useCtx, "Summary.TaxNote");
-    if (!ctx.isBusiness) return null;
-    if (!treatment || treatment === "standard") return null;
-    const Comp = asChild ? Slot : "p";
-    const defaultNote = treatment === "reverse_charge" ? "VAT reverse charge applies \u2014 you are responsible for reporting VAT in your jurisdiction." : treatment === "not_collecting" ? "Tax is not collected on this purchase." : null;
-    if (!defaultNote && !children) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-tax-note")]: "" }, ...rest, children: children ?? defaultNote });
-  });
-  const Rows = (0, import_react17.forwardRef)(function TaxSummaryRows({ asChild, children, ...rest }, forwardedRef) {
-    const ctx = useCtx("Summary.Rows");
-    const { taxRate, treatment, inclusive, taxFormatted } = useSummaryAmounts(useCtx, "Summary.Rows");
-    if (!ctx.isBusiness) return null;
-    const showTaxRow = shouldShowTaxRow(treatment, taxRate);
-    const vatLabel = formatVatSummaryLabel({
-      treatment: treatment ?? "standard",
-      taxRate,
-      inclusive
-    });
-    const content = /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("dl", { className: "solvapay-tax-summary-rows", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("p", { className: "solvapay-tax-summary-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("dt", { children: "Subtotal" }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Subtotal, {}) })
-      ] }),
-      showTaxRow ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("p", { className: "solvapay-tax-summary-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("dt", { children: vatLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { ...{ [attr(prefix, "summary-tax-amount")]: "" }, children: taxFormatted }) })
-      ] }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("p", { className: "solvapay-tax-summary-row solvapay-tax-summary-row--total", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("dt", { children: "Total" }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Total, {}) })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TaxNote, {}),
-      children
-    ] });
-    if (asChild) {
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Slot, { ref: forwardedRef, ...rest, children: content });
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("section", { ref: forwardedRef, ...{ [attr(prefix, "summary-rows")]: "" }, ...rest, children: content });
-  });
-  return {
-    Root: Root14,
-    Subtotal,
-    Tax,
-    Total,
-    TaxNote,
-    Rows
-  };
-}
-
-// src/hooks/useBusinessDetailsAttach.ts
 var defaultBusinessDetails = { isBusiness: false };
 function useBusinessDetailsAttach(options) {
   const {
@@ -7928,15 +7931,14 @@ function planBillingInterval(plan) {
   return (0, import_core7.billingCycle)(plan)?.interval ?? null;
 }
 function formatPaygRate(plan, locale, balance) {
+  const rate = (0, import_core7.usageRate)(plan);
+  if (!rate || !(rate.amountMinor > 0)) return null;
+  const prefix = rate.tiered ? "from " : "";
   const credits = (0, import_core7.creditsPerUnitFromBalance)(plan, balance);
   if (credits != null) {
-    return `${credits.toLocaleString(locale)} ${credits === 1 ? "credit" : "credits"} / call`;
-  }
-  const charge = (0, import_core7.perUnitCharge)(plan);
-  if (charge && charge.amountMinor > 0) {
-    return `${formatPrice(charge.amountMinor, charge.currency.toUpperCase(), { locale })} / call`;
+    return `${prefix}${credits.toLocaleString(locale)} ${credits === 1 ? "credit" : "credits"} / call`;
   }
-  return null;
+  return `${prefix}${formatPrice(rate.amountMinor, rate.currency.toUpperCase(), { locale })} / call`;
 }
 function inferIncludedUnits(plan) {
   const cap = (0, import_core7.includedUnits)(plan);