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

package/dist/index.cjs

@@ -2441,7 +2441,7 @@ function usePaymentForm() {
 var PaymentFormProvider = ({ value, children }) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PaymentFormContext.Provider, { value, children });
 
 // src/primitives/CheckoutSummary.tsx
-var import_react13 = require("react");
+var import_react14 = require("react");
 
 // src/utils/format.ts
 var ZERO_DECIMAL_CURRENCIES = /* @__PURE__ */ new Set([
@@ -2507,11 +2507,302 @@ function interpolate(template, vars) {
   });
 }
 
-// src/primitives/CheckoutSummary.tsx
+// src/components/businessCheckoutParts.tsx
+var import_react13 = require("react");
+var import_core2 = require("@solvapay/core");
 var import_jsx_runtime7 = require("react/jsx-runtime");
-var CheckoutSummaryContext = (0, import_react13.createContext)(null);
+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 "";
+}
+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_react13.forwardRef)(function BusinessDetailsRoot({ asChild, children, ...rest }, forwardedRef) {
+    useCtx("BusinessDetails");
+    const Comp = asChild ? Slot : "section";
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Comp, { ref: forwardedRef, ...{ [attr(prefix, "business-details")]: "" }, ...rest, children });
+  });
+  const Toggle = (0, import_react13.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_runtime7.jsx)(Slot, { ref: forwardedRef, ...commonProps });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { ref: forwardedRef, ...commonProps });
+  });
+  const BusinessName = (0, import_react13.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_runtime7.jsx)(Slot, { ref: forwardedRef, ...commonProps });
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { ref: forwardedRef, ...commonProps });
+    }
+  );
+  const Country = (0, import_react13.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_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: "", children: "Select country" }),
+      import_core2.BUSINESS_COUNTRY_OPTIONS.map(({ value, label }) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value, children: label }, value))
+    ] });
+    if (asChild) {
+      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Slot, { ref: forwardedRef, ...commonProps, children: children ?? defaultOptions });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("select", { ref: forwardedRef, ...commonProps, children: children ?? defaultOptions });
+  });
+  const TaxId = (0, import_react13.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_runtime7.jsx)(Slot, { ref: forwardedRef, ...commonProps });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { ref: forwardedRef, ...commonProps });
+  });
+  const Fields2 = (0, import_react13.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_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { className: "solvapay-checkout-business-toggle", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Toggle, {}),
+        "I'm purchasing as a business"
+      ] }),
+      ctx.businessDetails.isBusiness ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("fieldset", { className: "solvapay-business-fields", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { className: "solvapay-business-field", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "solvapay-business-field-label", children: "Business name" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(BusinessName, { placeholder: "Acme GmbH" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { className: "solvapay-business-field", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "solvapay-business-field-label", children: "Country" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Country, {})
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { className: "solvapay-business-field", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "solvapay-business-field-label", children: taxIdLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TaxId, { placeholder: taxIdPlaceholder }),
+          taxIdHelperText ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "solvapay-business-field-hint", children: taxIdHelperText }) : null
+        ] })
+      ] }) : null,
+      children
+    ] });
+    if (asChild) {
+      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Slot, { ref: forwardedRef, ...rest, children: content });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime7.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_react13.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_runtime7.jsx)(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary")]: "" }, ...rest, children });
+  });
+  const Subtotal = (0, import_react13.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_runtime7.jsx)(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-subtotal")]: "" }, ...rest, children: children ?? subtotalFormatted });
+  });
+  const Tax = (0, import_react13.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_runtime7.jsx)(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-tax")]: "" }, ...rest, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: defaultLabel }),
+      " ",
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { ...{ [attr(prefix, "summary-tax-amount")]: "" }, children: taxFormatted })
+    ] }) });
+  });
+  const Total = (0, import_react13.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_runtime7.jsx)(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-total")]: "" }, ...rest, children: children ?? totalFormatted });
+  });
+  const TaxNote = (0, import_react13.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_runtime7.jsx)(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-tax-note")]: "" }, ...rest, children: children ?? defaultNote });
+  });
+  const Rows = (0, import_react13.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_runtime7.jsxs)("dl", { className: "solvapay-tax-summary-rows", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "solvapay-tax-summary-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dt", { children: formatSubtotalLabel(treatment) }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Subtotal, {}) })
+      ] }),
+      showTaxRow ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "solvapay-tax-summary-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dt", { children: vatLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { ...{ [attr(prefix, "summary-tax-amount")]: "" }, children: taxFormatted }) })
+      ] }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "solvapay-tax-summary-row solvapay-tax-summary-row--total", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dt", { children: "Total" }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Total, {}) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TaxNote, {}),
+      children
+    ] });
+    if (asChild) {
+      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Slot, { ref: forwardedRef, ...rest, children: content });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("section", { ref: forwardedRef, ...{ [attr(prefix, "summary-rows")]: "" }, ...rest, children: content });
+  });
+  return {
+    Root: Root14,
+    Subtotal,
+    Tax,
+    Total,
+    TaxNote,
+    Rows
+  };
+}
+
+// src/primitives/CheckoutSummary.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var CheckoutSummaryContext = (0, import_react14.createContext)(null);
 function useCheckoutSummaryContext(part) {
-  const ctx = (0, import_react13.useContext)(CheckoutSummaryContext);
+  const ctx = (0, import_react14.useContext)(CheckoutSummaryContext);
   if (!ctx) {
     throw new Error(
       `CheckoutSummary.${part} must be rendered inside <CheckoutSummary.Root>.`
@@ -2519,8 +2810,8 @@ function useCheckoutSummaryContext(part) {
   }
   return ctx;
 }
-var Root = (0, import_react13.forwardRef)(function CheckoutSummaryRoot({ planRef, productRef, taxBreakdown = null, baseAmountMinor = 0, asChild, children, ...rest }, forwardedRef) {
-  const solva = (0, import_react13.useContext)(SolvaPayContext);
+var Root = (0, import_react14.forwardRef)(function CheckoutSummaryRoot({ planRef, productRef, taxBreakdown = null, baseAmountMinor = 0, asChild, children, ...rest }, forwardedRef) {
+  const solva = (0, import_react14.useContext)(SolvaPayContext);
   if (!solva) throw new MissingProviderError("CheckoutSummary");
   const locale = useLocale();
   const copy = useCopy();
@@ -2533,7 +2824,7 @@ var Root = (0, import_react13.forwardRef)(function CheckoutSummaryRoot({ planRef
   });
   const { product, loading: productLoading } = useProduct(resolvedProductRef);
   const loading = planLoading || productLoading;
-  const priceFormatted = (0, import_react13.useMemo)(() => {
+  const priceFormatted = (0, import_react14.useMemo)(() => {
     const price = plan?.price ?? 0;
     const currency = plan?.currency ?? "usd";
     return formatPrice(price, currency, {
@@ -2543,7 +2834,7 @@ var Root = (0, import_react13.forwardRef)(function CheckoutSummaryRoot({ planRef
       free: copy.interval.free
     });
   }, [plan, locale, copy.interval.free]);
-  const trialBanner = (0, import_react13.useMemo)(() => {
+  const trialBanner = (0, import_react14.useMemo)(() => {
     const trialDays = plan?.trialDays;
     if (!trialDays || trialDays <= 0) return null;
     return interpolate(copy.interval.trial, { trialDays });
@@ -2552,10 +2843,10 @@ var Root = (0, import_react13.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_react13.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_react14.useMemo)(
     () => ({
       plan,
       product,
@@ -2582,77 +2873,78 @@ var Root = (0, import_react13.forwardRef)(function CheckoutSummaryRoot({ planRef
     ]
   );
   const Comp = asChild ? Slot : "section";
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary": "", ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CheckoutSummaryContext.Provider, { value: ctx, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary": "", ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CheckoutSummaryContext.Provider, { value: ctx, children }) });
 });
-var ProductSlot = (0, import_react13.forwardRef)(function CheckoutSummaryProduct({ asChild, children, ...rest }, forwardedRef) {
+var ProductSlot = (0, import_react14.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_runtime7.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-product": "", ...rest, children: children ?? name });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-product": "", ...rest, children: children ?? name });
 });
-var PlanSlot = (0, import_react13.forwardRef)(function CheckoutSummaryPlan({ asChild, children, ...rest }, forwardedRef) {
+var PlanSlot = (0, import_react14.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_runtime7.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-plan": "", ...rest, children: children ?? name });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-plan": "", ...rest, children: children ?? name });
 });
-var TaxNoteSlot = (0, import_react13.forwardRef)(
+var TaxNoteSlot = (0, import_react14.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_runtime7.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-tax-note": "", ...rest, children: children ?? "Taxes calculated at checkout" });
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-tax-note": "", ...rest, children: children ?? "Taxes calculated at checkout" });
   }
 );
-var SubtotalSlot = (0, import_react13.forwardRef)(function CheckoutSummarySubtotal({ asChild, children, ...rest }, forwardedRef) {
+var SubtotalSlot = (0, import_react14.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_runtime7.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-subtotal": "", ...rest, children: children ?? ctx.subtotalFormatted });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-subtotal": "", ...rest, children: children ?? ctx.subtotalFormatted });
 });
-var TaxSlot = (0, import_react13.forwardRef)(function CheckoutSummaryTax({ asChild, children, ...rest }, forwardedRef) {
+var TaxSlot = (0, import_react14.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_runtime7.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-tax": "", ...rest, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.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_runtime8.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-tax": "", ...rest, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: defaultLabel }),
     " ",
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { "data-solvapay-checkout-summary-tax-amount": "", children: ctx.taxFormatted })
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { "data-solvapay-checkout-summary-tax-amount": "", children: ctx.taxFormatted })
   ] }) });
 });
-var TotalSlot = (0, import_react13.forwardRef)(function CheckoutSummaryTotal({ asChild, children, ...rest }, forwardedRef) {
+var TotalSlot = (0, import_react14.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_runtime7.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-total": "", ...rest, children: children ?? ctx.totalFormatted });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-total": "", ...rest, children: children ?? ctx.totalFormatted });
 });
-var TaxTreatmentNoteSlot = (0, import_react13.forwardRef)(
+var TaxTreatmentNoteSlot = (0, import_react14.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_runtime7.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-tax-treatment-note": "", ...rest, children: children ?? defaultNote });
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-tax-treatment-note": "", ...rest, children: children ?? defaultNote });
   }
 );
-var PriceSlot = (0, import_react13.forwardRef)(function CheckoutSummaryPrice({ asChild, children, ...rest }, forwardedRef) {
+var PriceSlot = (0, import_react14.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_runtime7.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-price": "", ...rest, children: children ?? ctx.priceFormatted });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-price": "", ...rest, children: children ?? ctx.priceFormatted });
 });
-var TrialSlot = (0, import_react13.forwardRef)(
+var TrialSlot = (0, import_react14.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_runtime7.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-trial": "", ...rest, children: children ?? ctx.trialBanner });
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-trial": "", ...rest, children: children ?? ctx.trialBanner });
   }
 );
 var CheckoutSummary = {
@@ -2669,7 +2961,7 @@ var CheckoutSummary = {
 };
 
 // src/components/CheckoutSummary.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var CheckoutSummary2 = ({
   planRef,
   productRef,
@@ -2681,7 +2973,7 @@ var CheckoutSummary2 = ({
 }) => {
   const rootClass = ["solvapay-checkout-summary", className].filter(Boolean).join(" ");
   const hasTax = taxBreakdown != null;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     CheckoutSummary.Root,
     {
       planRef,
@@ -2690,25 +2982,25 @@ var CheckoutSummary2 = ({
       baseAmountMinor,
       className: rootClass,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CheckoutSummary.Product, { className: "solvapay-checkout-summary-product" }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "solvapay-checkout-summary-row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CheckoutSummary.Plan, { className: "solvapay-checkout-summary-plan" }),
-          !hasTax && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CheckoutSummary.Price, { className: "solvapay-checkout-summary-price" })
+        /* @__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" })
         ] }),
-        hasTax ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "solvapay-checkout-summary-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Subtotal" }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CheckoutSummary.Subtotal, { className: "solvapay-checkout-summary-subtotal" })
+        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" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "solvapay-checkout-summary-row", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CheckoutSummary.Tax, { className: "solvapay-checkout-summary-tax" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "solvapay-checkout-summary-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Total" }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CheckoutSummary.Total, { className: "solvapay-checkout-summary-total" })
+          /* @__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_runtime8.jsx)(CheckoutSummary.TaxTreatmentNote, { className: "solvapay-checkout-summary-tax-treatment-note" })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-          showTrial && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CheckoutSummary.Trial, { className: "solvapay-checkout-summary-trial" }),
-          showTaxNote && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CheckoutSummary.TaxNote, { className: "solvapay-checkout-summary-tax-note" })
+          /* @__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" })
         ] })
       ]
     }
@@ -2716,10 +3008,10 @@ var CheckoutSummary2 = ({
 };
 
 // src/primitives/MandateText.tsx
-var import_react15 = require("react");
+var import_react16 = require("react");
 
 // src/hooks/useMerchant.ts
-var import_react14 = require("react");
+var import_react15 = require("react");
 var merchantCache = /* @__PURE__ */ new Map();
 var CACHE_DURATION5 = 5 * 60 * 1e3;
 function cacheKeyFor2(config) {
@@ -2733,15 +3025,15 @@ async function fetchMerchant(config) {
 function useMerchant() {
   const { _config } = useSolvaPay();
   const key = cacheKeyFor2(_config);
-  const [merchant, setMerchant] = (0, import_react14.useState)(
+  const [merchant, setMerchant] = (0, import_react15.useState)(
     () => merchantCache.get(key)?.merchant ?? null
   );
-  const [loading, setLoading] = (0, import_react14.useState)(() => {
+  const [loading, setLoading] = (0, import_react15.useState)(() => {
     const cached = merchantCache.get(key);
     return !cached || !cached.merchant && !cached.promise;
   });
-  const [error, setError] = (0, import_react14.useState)(null);
-  const load = (0, import_react14.useCallback)(
+  const [error, setError] = (0, import_react15.useState)(null);
+  const load = (0, import_react15.useCallback)(
     async (force = false) => {
       const cached = merchantCache.get(key);
       const now = Date.now();
@@ -2795,7 +3087,7 @@ function useMerchant() {
     },
     [_config, key]
   );
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     load();
   }, [load]);
   return {
@@ -2824,8 +3116,8 @@ function deriveVariant(plan, mode) {
 }
 
 // src/primitives/MandateText.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var MandateText = (0, import_react15.forwardRef)(
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var MandateText = (0, import_react16.forwardRef)(
   function MandateText2({
     planRef,
     productRef,
@@ -2837,7 +3129,7 @@ var MandateText = (0, import_react15.forwardRef)(
     children,
     ...rest
   }, forwardedRef) {
-    const solva = (0, import_react15.useContext)(SolvaPayContext);
+    const solva = (0, import_react16.useContext)(SolvaPayContext);
     if (!solva) throw new MissingProviderError("MandateText");
     const locale = useLocale();
     const copy = useCopy();
@@ -2854,7 +3146,7 @@ var MandateText = (0, import_react15.forwardRef)(
       locale,
       free: copy.interval.free
     });
-    const ctx = (0, import_react15.useMemo)(
+    const ctx = (0, import_react16.useMemo)(
       () => ({
         merchant: {
           legalName: merchant?.legalName ?? merchant?.displayName ?? "",
@@ -2881,7 +3173,7 @@ var MandateText = (0, import_react15.forwardRef)(
     const text = typeof template === "function" ? template(ctx) : template;
     if (!text) return null;
     const Comp = asChild ? Slot : "p";
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       Comp,
       {
         ref: forwardedRef,
@@ -2903,7 +3195,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_runtime9.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       "a",
       {
         href: match.url,
@@ -2921,11 +3213,11 @@ function escapeRegExp(value) {
 }
 
 // src/components/Spinner.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = 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_runtime10.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     "svg",
     {
       "data-solvapay-spinner": "",
@@ -2936,7 +3228,7 @@ var Spinner = ({ className, size = "md" }) => {
       fill: "none",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           "circle",
           {
             cx: "12",
@@ -2947,7 +3239,7 @@ var Spinner = ({ className, size = "md" }) => {
             strokeOpacity: "0.25"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           "path",
           {
             fill: "currentColor",
@@ -3160,295 +3452,6 @@ function resolveCta(input) {
 // src/hooks/useBusinessDetailsAttach.ts
 var import_react17 = require("react");
 var import_core3 = require("@solvapay/core");
-
-// src/components/businessCheckoutParts.tsx
-var import_react16 = require("react");
-var import_core2 = require("@solvapay/core");
-var import_jsx_runtime11 = 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_react16.forwardRef)(function BusinessDetailsRoot({ asChild, children, ...rest }, forwardedRef) {
-    useCtx("BusinessDetails");
-    const Comp = asChild ? Slot : "section";
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Comp, { ref: forwardedRef, ...{ [attr(prefix, "business-details")]: "" }, ...rest, children });
-  });
-  const Toggle = (0, import_react16.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_runtime11.jsx)(Slot, { ref: forwardedRef, ...commonProps });
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("input", { ref: forwardedRef, ...commonProps });
-  });
-  const BusinessName = (0, import_react16.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_runtime11.jsx)(Slot, { ref: forwardedRef, ...commonProps });
-      }
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("input", { ref: forwardedRef, ...commonProps });
-    }
-  );
-  const Country = (0, import_react16.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_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("option", { value: "", children: "Select country" }),
-      import_core2.BUSINESS_COUNTRY_OPTIONS.map(({ value, label }) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("option", { value, children: label }, value))
-    ] });
-    if (asChild) {
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Slot, { ref: forwardedRef, ...commonProps, children: children ?? defaultOptions });
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("select", { ref: forwardedRef, ...commonProps, children: children ?? defaultOptions });
-  });
-  const TaxId = (0, import_react16.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_runtime11.jsx)(Slot, { ref: forwardedRef, ...commonProps });
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("input", { ref: forwardedRef, ...commonProps });
-  });
-  const Fields2 = (0, import_react16.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_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("label", { className: "solvapay-checkout-business-toggle", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Toggle, {}),
-        "I'm purchasing as a business"
-      ] }),
-      ctx.businessDetails.isBusiness ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("fieldset", { className: "solvapay-business-fields", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("label", { className: "solvapay-business-field", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "solvapay-business-field-label", children: "Business name" }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(BusinessName, { placeholder: "Acme GmbH" })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("label", { className: "solvapay-business-field", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "solvapay-business-field-label", children: "Country" }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Country, {})
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("label", { className: "solvapay-business-field", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "solvapay-business-field-label", children: taxIdLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TaxId, { placeholder: taxIdPlaceholder }),
-          taxIdHelperText ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "solvapay-business-field-hint", children: taxIdHelperText }) : null
-        ] })
-      ] }) : null,
-      children
-    ] });
-    if (asChild) {
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Slot, { ref: forwardedRef, ...rest, children: content });
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime11.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_react16.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_runtime11.jsx)(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary")]: "" }, ...rest, children });
-  });
-  const Subtotal = (0, import_react16.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_runtime11.jsx)(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-subtotal")]: "" }, ...rest, children: children ?? subtotalFormatted });
-  });
-  const Tax = (0, import_react16.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_runtime11.jsx)(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-tax")]: "" }, ...rest, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: defaultLabel }),
-      " ",
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { ...{ [attr(prefix, "summary-tax-amount")]: "" }, children: taxFormatted })
-    ] }) });
-  });
-  const Total = (0, import_react16.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_runtime11.jsx)(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-total")]: "" }, ...rest, children: children ?? totalFormatted });
-  });
-  const TaxNote = (0, import_react16.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_runtime11.jsx)(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-tax-note")]: "" }, ...rest, children: children ?? defaultNote });
-  });
-  const Rows = (0, import_react16.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_runtime11.jsxs)("dl", { className: "solvapay-tax-summary-rows", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("p", { className: "solvapay-tax-summary-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("dt", { children: "Subtotal" }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Subtotal, {}) })
-      ] }),
-      showTaxRow ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("p", { className: "solvapay-tax-summary-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("dt", { children: vatLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { ...{ [attr(prefix, "summary-tax-amount")]: "" }, children: taxFormatted }) })
-      ] }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("p", { className: "solvapay-tax-summary-row solvapay-tax-summary-row--total", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("dt", { children: "Total" }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Total, {}) })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TaxNote, {}),
-      children
-    ] });
-    if (asChild) {
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Slot, { ref: forwardedRef, ...rest, children: content });
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime11.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 {
@@ -10218,15 +10221,14 @@ function planBillingInterval(plan) {
   return (0, import_core10.billingCycle)(plan)?.interval ?? null;
 }
 function formatPaygRate(plan, locale, balance) {
+  const rate = (0, import_core10.usageRate)(plan);
+  if (!rate || !(rate.amountMinor > 0)) return null;
+  const prefix = rate.tiered ? "from " : "";
   const credits = (0, import_core10.creditsPerUnitFromBalance)(plan, balance);
   if (credits != null) {
-    return `${credits.toLocaleString(locale)} ${credits === 1 ? "credit" : "credits"} / call`;
-  }
-  const charge = (0, import_core10.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_core10.includedUnits)(plan);