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

package/dist/{chunk-GMZU5M6R.js → chunk-JFW3WPVY.js}

@@ -2225,7 +2225,305 @@ function interpolate(template, vars) {
 }
 
 // src/primitives/CheckoutSummary.tsx
-import { createContext as createContext5, forwardRef as forwardRef2, useContext as useContext6, useMemo as useMemo4 } from "react";
+import { createContext as createContext5, forwardRef as forwardRef3, useContext as useContext6, useMemo as useMemo4 } from "react";
+
+// src/components/businessCheckoutParts.tsx
+import { forwardRef as forwardRef2 } from "react";
+import {
+  BUSINESS_COUNTRY_OPTIONS,
+  SUPPORTED_BUSINESS_COUNTRIES,
+  validateBusinessDetails,
+  getTaxIdFieldLabel,
+  getTaxIdExample,
+  getTaxIdHelperText
+} from "@solvapay/core";
+import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
+function mapBusinessFieldErrors(input) {
+  const result = 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(SUPPORTED_BUSINESS_COUNTRIES);
+function isSupportedBusinessCountry(value) {
+  return SUPPORTED_BUSINESS_COUNTRIES_SET.has(value);
+}
+function resolveTaxIdLabel(country) {
+  if (country && isSupportedBusinessCountry(country)) {
+    return getTaxIdFieldLabel(country);
+  }
+  return "Tax ID";
+}
+function resolveTaxIdPlaceholder(country) {
+  if (country && isSupportedBusinessCountry(country)) {
+    return getTaxIdExample(country);
+  }
+  return "Enter tax ID";
+}
+function resolveTaxIdHelperText(country) {
+  if (country && isSupportedBusinessCountry(country)) {
+    return 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 Root8 = forwardRef2(function BusinessDetailsRoot({ asChild, children, ...rest }, forwardedRef) {
+    useCtx("BusinessDetails");
+    const Comp = asChild ? Slot : "section";
+    return /* @__PURE__ */ jsx7(Comp, { ref: forwardedRef, ...{ [attr(prefix, "business-details")]: "" }, ...rest, children });
+  });
+  const Toggle = forwardRef2(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__ */ jsx7(Slot, { ref: forwardedRef, ...commonProps });
+    }
+    return /* @__PURE__ */ jsx7("input", { ref: forwardedRef, ...commonProps });
+  });
+  const BusinessName = forwardRef2(
+    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__ */ jsx7(Slot, { ref: forwardedRef, ...commonProps });
+      }
+      return /* @__PURE__ */ jsx7("input", { ref: forwardedRef, ...commonProps });
+    }
+  );
+  const Country = forwardRef2(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__ */ jsxs2(Fragment3, { children: [
+      /* @__PURE__ */ jsx7("option", { value: "", children: "Select country" }),
+      BUSINESS_COUNTRY_OPTIONS.map(({ value, label }) => /* @__PURE__ */ jsx7("option", { value, children: label }, value))
+    ] });
+    if (asChild) {
+      return /* @__PURE__ */ jsx7(Slot, { ref: forwardedRef, ...commonProps, children: children ?? defaultOptions });
+    }
+    return /* @__PURE__ */ jsx7("select", { ref: forwardedRef, ...commonProps, children: children ?? defaultOptions });
+  });
+  const TaxId = forwardRef2(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__ */ jsx7(Slot, { ref: forwardedRef, ...commonProps });
+    }
+    return /* @__PURE__ */ jsx7("input", { ref: forwardedRef, ...commonProps });
+  });
+  const Fields = forwardRef2(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__ */ jsxs2(Fragment3, { children: [
+      /* @__PURE__ */ jsxs2("label", { className: "solvapay-checkout-business-toggle", children: [
+        /* @__PURE__ */ jsx7(Toggle, {}),
+        "I'm purchasing as a business"
+      ] }),
+      ctx.businessDetails.isBusiness ? /* @__PURE__ */ jsxs2("fieldset", { className: "solvapay-business-fields", children: [
+        /* @__PURE__ */ jsxs2("label", { className: "solvapay-business-field", children: [
+          /* @__PURE__ */ jsx7("span", { className: "solvapay-business-field-label", children: "Business name" }),
+          /* @__PURE__ */ jsx7(BusinessName, { placeholder: "Acme GmbH" })
+        ] }),
+        /* @__PURE__ */ jsxs2("label", { className: "solvapay-business-field", children: [
+          /* @__PURE__ */ jsx7("span", { className: "solvapay-business-field-label", children: "Country" }),
+          /* @__PURE__ */ jsx7(Country, {})
+        ] }),
+        /* @__PURE__ */ jsxs2("label", { className: "solvapay-business-field", children: [
+          /* @__PURE__ */ jsx7("span", { className: "solvapay-business-field-label", children: taxIdLabel }),
+          /* @__PURE__ */ jsx7(TaxId, { placeholder: taxIdPlaceholder }),
+          taxIdHelperText ? /* @__PURE__ */ jsx7("p", { className: "solvapay-business-field-hint", children: taxIdHelperText }) : null
+        ] })
+      ] }) : null,
+      children
+    ] });
+    if (asChild) {
+      return /* @__PURE__ */ jsx7(Slot, { ref: forwardedRef, ...rest, children: content });
+    }
+    return /* @__PURE__ */ jsx7("section", { ref: forwardedRef, ...{ [attr(prefix, "business-details-fields")]: "" }, ...rest, children: content });
+  });
+  return {
+    Root: Root8,
+    Toggle,
+    BusinessName,
+    Country,
+    TaxId,
+    Fields
+  };
+}
+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 Root8 = forwardRef2(function TaxSummaryRoot({ asChild, children, ...rest }, forwardedRef) {
+    const ctx = useCtx("Summary");
+    if (!ctx.isBusiness) return null;
+    const Comp = asChild ? Slot : "section";
+    return /* @__PURE__ */ jsx7(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary")]: "" }, ...rest, children });
+  });
+  const Subtotal = forwardRef2(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__ */ jsx7(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-subtotal")]: "" }, ...rest, children: children ?? subtotalFormatted });
+  });
+  const Tax = forwardRef2(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__ */ jsx7(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-tax")]: "" }, ...rest, children: children ?? /* @__PURE__ */ jsxs2(Fragment3, { children: [
+      /* @__PURE__ */ jsx7("span", { children: defaultLabel }),
+      " ",
+      /* @__PURE__ */ jsx7("span", { ...{ [attr(prefix, "summary-tax-amount")]: "" }, children: taxFormatted })
+    ] }) });
+  });
+  const Total = forwardRef2(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__ */ jsx7(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-total")]: "" }, ...rest, children: children ?? totalFormatted });
+  });
+  const TaxNote = forwardRef2(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__ */ jsx7(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-tax-note")]: "" }, ...rest, children: children ?? defaultNote });
+  });
+  const Rows = forwardRef2(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__ */ jsxs2("dl", { className: "solvapay-tax-summary-rows", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "solvapay-tax-summary-row", children: [
+        /* @__PURE__ */ jsx7("dt", { children: formatSubtotalLabel(treatment) }),
+        /* @__PURE__ */ jsx7("dd", { children: /* @__PURE__ */ jsx7(Subtotal, {}) })
+      ] }),
+      showTaxRow ? /* @__PURE__ */ jsxs2("div", { className: "solvapay-tax-summary-row", children: [
+        /* @__PURE__ */ jsx7("dt", { children: vatLabel }),
+        /* @__PURE__ */ jsx7("dd", { children: /* @__PURE__ */ jsx7("span", { ...{ [attr(prefix, "summary-tax-amount")]: "" }, children: taxFormatted }) })
+      ] }) : null,
+      /* @__PURE__ */ jsxs2("div", { className: "solvapay-tax-summary-row solvapay-tax-summary-row--total", children: [
+        /* @__PURE__ */ jsx7("dt", { children: "Total" }),
+        /* @__PURE__ */ jsx7("dd", { children: /* @__PURE__ */ jsx7(Total, {}) })
+      ] }),
+      /* @__PURE__ */ jsx7(TaxNote, {}),
+      children
+    ] });
+    if (asChild) {
+      return /* @__PURE__ */ jsx7(Slot, { ref: forwardedRef, ...rest, children: content });
+    }
+    return /* @__PURE__ */ jsx7("section", { ref: forwardedRef, ...{ [attr(prefix, "summary-rows")]: "" }, ...rest, children: content });
+  });
+  return {
+    Root: Root8,
+    Subtotal,
+    Tax,
+    Total,
+    TaxNote,
+    Rows
+  };
+}
 
 // src/utils/errors.ts
 var DOCS_BASE_URL = "https://solvapay.com/docs";
@@ -2263,7 +2561,7 @@ var MissingProductRefError = class extends SolvaPayError2 {
 };
 
 // src/primitives/CheckoutSummary.tsx
-import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
 var CheckoutSummaryContext = createContext5(null);
 function useCheckoutSummaryContext(part) {
   const ctx = useContext6(CheckoutSummaryContext);
@@ -2274,7 +2572,7 @@ function useCheckoutSummaryContext(part) {
   }
   return ctx;
 }
-var Root = forwardRef2(function CheckoutSummaryRoot({ planRef, productRef, taxBreakdown = null, baseAmountMinor = 0, asChild, children, ...rest }, forwardedRef) {
+var Root = forwardRef3(function CheckoutSummaryRoot({ planRef, productRef, taxBreakdown = null, baseAmountMinor = 0, asChild, children, ...rest }, forwardedRef) {
   const solva = useContext6(SolvaPayContext);
   if (!solva) throw new MissingProviderError("CheckoutSummary");
   const locale = useLocale();
@@ -2307,9 +2605,9 @@ var Root = forwardRef2(function CheckoutSummaryRoot({ planRef, productRef, taxBr
   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 subtotalFormatted = formatPrice(subtotalMinor, taxCurrency, { locale, free: "" });
+  const taxFormatted = formatPrice(taxMinor, taxCurrency, { locale, free: "" });
+  const totalFormatted = formatPrice(totalMinor, taxCurrency, { locale, free: "" });
   const ctx = useMemo4(
     () => ({
       plan,
@@ -2337,77 +2635,78 @@ var Root = forwardRef2(function CheckoutSummaryRoot({ planRef, productRef, taxBr
     ]
   );
   const Comp = asChild ? Slot : "section";
-  return /* @__PURE__ */ jsx7(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary": "", ...rest, children: /* @__PURE__ */ jsx7(CheckoutSummaryContext.Provider, { value: ctx, children }) });
+  return /* @__PURE__ */ jsx8(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary": "", ...rest, children: /* @__PURE__ */ jsx8(CheckoutSummaryContext.Provider, { value: ctx, children }) });
 });
-var ProductSlot = forwardRef2(function CheckoutSummaryProduct({ asChild, children, ...rest }, forwardedRef) {
+var ProductSlot = forwardRef3(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__ */ jsx7(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-product": "", ...rest, children: children ?? name });
+  return /* @__PURE__ */ jsx8(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-product": "", ...rest, children: children ?? name });
 });
-var PlanSlot = forwardRef2(function CheckoutSummaryPlan({ asChild, children, ...rest }, forwardedRef) {
+var PlanSlot = forwardRef3(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__ */ jsx7(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-plan": "", ...rest, children: children ?? name });
+  return /* @__PURE__ */ jsx8(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-plan": "", ...rest, children: children ?? name });
 });
-var TaxNoteSlot = forwardRef2(
+var TaxNoteSlot = forwardRef3(
   function CheckoutSummaryTaxNote({ asChild, children, ...rest }, forwardedRef) {
     const ctx = useCheckoutSummaryContext("TaxNote");
     if (ctx.taxBreakdown) return null;
     const Comp = asChild ? Slot : "p";
-    return /* @__PURE__ */ jsx7(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-tax-note": "", ...rest, children: children ?? "Taxes calculated at checkout" });
+    return /* @__PURE__ */ jsx8(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-tax-note": "", ...rest, children: children ?? "Taxes calculated at checkout" });
   }
 );
-var SubtotalSlot = forwardRef2(function CheckoutSummarySubtotal({ asChild, children, ...rest }, forwardedRef) {
+var SubtotalSlot = forwardRef3(function CheckoutSummarySubtotal({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useCheckoutSummaryContext("Subtotal");
   if (!ctx.taxBreakdown) return null;
   const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ jsx7(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-subtotal": "", ...rest, children: children ?? ctx.subtotalFormatted });
+  return /* @__PURE__ */ jsx8(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-subtotal": "", ...rest, children: children ?? ctx.subtotalFormatted });
 });
-var TaxSlot = forwardRef2(function CheckoutSummaryTax({ asChild, children, ...rest }, forwardedRef) {
+var TaxSlot = forwardRef3(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__ */ jsx7(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-tax": "", ...rest, children: children ?? /* @__PURE__ */ jsxs2(Fragment3, { children: [
-    /* @__PURE__ */ jsx7("span", { children: defaultLabel }),
+  if (!shouldShowTaxRow(treatment)) return null;
+  const Comp = asChild ? Slot : "span";
+  const defaultLabel = formatVatSummaryLabel({ treatment, taxRate: taxRate ?? 0 });
+  return /* @__PURE__ */ jsx8(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-tax": "", ...rest, children: children ?? /* @__PURE__ */ jsxs3(Fragment4, { children: [
+    /* @__PURE__ */ jsx8("span", { children: defaultLabel }),
     " ",
-    /* @__PURE__ */ jsx7("span", { "data-solvapay-checkout-summary-tax-amount": "", children: ctx.taxFormatted })
+    /* @__PURE__ */ jsx8("span", { "data-solvapay-checkout-summary-tax-amount": "", children: ctx.taxFormatted })
   ] }) });
 });
-var TotalSlot = forwardRef2(function CheckoutSummaryTotal({ asChild, children, ...rest }, forwardedRef) {
+var TotalSlot = forwardRef3(function CheckoutSummaryTotal({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useCheckoutSummaryContext("Total");
   if (!ctx.taxBreakdown) return null;
   const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ jsx7(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-total": "", ...rest, children: children ?? ctx.totalFormatted });
+  return /* @__PURE__ */ jsx8(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-total": "", ...rest, children: children ?? ctx.totalFormatted });
 });
-var TaxTreatmentNoteSlot = forwardRef2(
+var TaxTreatmentNoteSlot = forwardRef3(
   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__ */ jsx7(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-tax-treatment-note": "", ...rest, children: children ?? defaultNote });
+    return /* @__PURE__ */ jsx8(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-tax-treatment-note": "", ...rest, children: children ?? defaultNote });
   }
 );
-var PriceSlot = forwardRef2(function CheckoutSummaryPrice({ asChild, children, ...rest }, forwardedRef) {
+var PriceSlot = forwardRef3(function CheckoutSummaryPrice({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useCheckoutSummaryContext("Price");
   if (ctx.taxBreakdown) return null;
   const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ jsx7(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-price": "", ...rest, children: children ?? ctx.priceFormatted });
+  return /* @__PURE__ */ jsx8(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-price": "", ...rest, children: children ?? ctx.priceFormatted });
 });
-var TrialSlot = forwardRef2(
+var TrialSlot = forwardRef3(
   function CheckoutSummaryTrial({ asChild, children, ...rest }, forwardedRef) {
     const ctx = useCheckoutSummaryContext("Trial");
     if (!ctx.trialBanner || ctx.taxBreakdown) return null;
     const Comp = asChild ? Slot : "p";
-    return /* @__PURE__ */ jsx7(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-trial": "", ...rest, children: children ?? ctx.trialBanner });
+    return /* @__PURE__ */ jsx8(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-trial": "", ...rest, children: children ?? ctx.trialBanner });
   }
 );
 var CheckoutSummaryRoot2 = Root;
@@ -2437,7 +2736,7 @@ function useCheckoutSummary() {
 }
 
 // src/components/CheckoutSummary.tsx
-import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
 var CheckoutSummary2 = ({
   planRef,
   productRef,
@@ -2449,7 +2748,7 @@ var CheckoutSummary2 = ({
 }) => {
   const rootClass = ["solvapay-checkout-summary", className].filter(Boolean).join(" ");
   const hasTax = taxBreakdown != null;
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4(
     CheckoutSummary.Root,
     {
       planRef,
@@ -2458,25 +2757,25 @@ var CheckoutSummary2 = ({
       baseAmountMinor,
       className: rootClass,
       children: [
-        /* @__PURE__ */ jsx8(CheckoutSummary.Product, { className: "solvapay-checkout-summary-product" }),
-        /* @__PURE__ */ jsxs3("div", { className: "solvapay-checkout-summary-row", children: [
-          /* @__PURE__ */ jsx8(CheckoutSummary.Plan, { className: "solvapay-checkout-summary-plan" }),
-          !hasTax && /* @__PURE__ */ jsx8(CheckoutSummary.Price, { className: "solvapay-checkout-summary-price" })
+        /* @__PURE__ */ jsx9(CheckoutSummary.Product, { className: "solvapay-checkout-summary-product" }),
+        /* @__PURE__ */ jsxs4("div", { className: "solvapay-checkout-summary-row", children: [
+          /* @__PURE__ */ jsx9(CheckoutSummary.Plan, { className: "solvapay-checkout-summary-plan" }),
+          !hasTax && /* @__PURE__ */ jsx9(CheckoutSummary.Price, { className: "solvapay-checkout-summary-price" })
         ] }),
-        hasTax ? /* @__PURE__ */ jsxs3(Fragment4, { children: [
-          /* @__PURE__ */ jsxs3("div", { className: "solvapay-checkout-summary-row", children: [
-            /* @__PURE__ */ jsx8("span", { children: "Subtotal" }),
-            /* @__PURE__ */ jsx8(CheckoutSummary.Subtotal, { className: "solvapay-checkout-summary-subtotal" })
+        hasTax ? /* @__PURE__ */ jsxs4(Fragment5, { children: [
+          /* @__PURE__ */ jsxs4("div", { className: "solvapay-checkout-summary-row", children: [
+            /* @__PURE__ */ jsx9("span", { children: "Subtotal" }),
+            /* @__PURE__ */ jsx9(CheckoutSummary.Subtotal, { className: "solvapay-checkout-summary-subtotal" })
           ] }),
-          /* @__PURE__ */ jsx8("div", { className: "solvapay-checkout-summary-row", children: /* @__PURE__ */ jsx8(CheckoutSummary.Tax, { className: "solvapay-checkout-summary-tax" }) }),
-          /* @__PURE__ */ jsxs3("div", { className: "solvapay-checkout-summary-row", children: [
-            /* @__PURE__ */ jsx8("span", { children: "Total" }),
-            /* @__PURE__ */ jsx8(CheckoutSummary.Total, { className: "solvapay-checkout-summary-total" })
+          /* @__PURE__ */ jsx9("div", { className: "solvapay-checkout-summary-row", children: /* @__PURE__ */ jsx9(CheckoutSummary.Tax, { className: "solvapay-checkout-summary-tax" }) }),
+          /* @__PURE__ */ jsxs4("div", { className: "solvapay-checkout-summary-row", children: [
+            /* @__PURE__ */ jsx9("span", { children: "Total" }),
+            /* @__PURE__ */ jsx9(CheckoutSummary.Total, { className: "solvapay-checkout-summary-total" })
           ] }),
-          /* @__PURE__ */ jsx8(CheckoutSummary.TaxTreatmentNote, { className: "solvapay-checkout-summary-tax-treatment-note" })
-        ] }) : /* @__PURE__ */ jsxs3(Fragment4, { children: [
-          showTrial && /* @__PURE__ */ jsx8(CheckoutSummary.Trial, { className: "solvapay-checkout-summary-trial" }),
-          showTaxNote && /* @__PURE__ */ jsx8(CheckoutSummary.TaxNote, { className: "solvapay-checkout-summary-tax-note" })
+          /* @__PURE__ */ jsx9(CheckoutSummary.TaxTreatmentNote, { className: "solvapay-checkout-summary-tax-treatment-note" })
+        ] }) : /* @__PURE__ */ jsxs4(Fragment5, { children: [
+          showTrial && /* @__PURE__ */ jsx9(CheckoutSummary.Trial, { className: "solvapay-checkout-summary-trial" }),
+          showTaxNote && /* @__PURE__ */ jsx9(CheckoutSummary.TaxNote, { className: "solvapay-checkout-summary-tax-note" })
         ] })
       ]
     }
@@ -2589,9 +2888,9 @@ function deriveVariant(plan, mode) {
 }
 
 // src/primitives/MandateText.tsx
-import { forwardRef as forwardRef3, useContext as useContext7, useMemo as useMemo5 } from "react";
-import { jsx as jsx9 } from "react/jsx-runtime";
-var MandateText = forwardRef3(
+import { forwardRef as forwardRef4, useContext as useContext7, useMemo as useMemo5 } from "react";
+import { jsx as jsx10 } from "react/jsx-runtime";
+var MandateText = forwardRef4(
   function MandateText2({
     planRef,
     productRef,
@@ -2647,7 +2946,7 @@ var MandateText = forwardRef3(
     const text = typeof template === "function" ? template(ctx) : template;
     if (!text) return null;
     const Comp = asChild ? Slot : "p";
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(
       Comp,
       {
         ref: forwardedRef,
@@ -2669,7 +2968,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__ */ jsx9(
+    return /* @__PURE__ */ jsx10(
       "a",
       {
         href: match.url,
@@ -2687,11 +2986,11 @@ function escapeRegExp(value) {
 }
 
 // src/components/Spinner.tsx
-import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
 var SIZE_PX = { sm: 16, md: 20, lg: 24 };
 var Spinner = ({ className, size = "md" }) => {
   const px = SIZE_PX[size];
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     "svg",
     {
       "data-solvapay-spinner": "",
@@ -2702,7 +3001,7 @@ var Spinner = ({ className, size = "md" }) => {
       fill: "none",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx11(
           "circle",
           {
             cx: "12",
@@ -2713,7 +3012,7 @@ var Spinner = ({ className, size = "md" }) => {
             strokeOpacity: "0.25"
           }
         ),
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx11(
           "path",
           {
             fill: "currentColor",
@@ -3021,302 +3320,6 @@ import { useCallback as useCallback8, useEffect as useEffect6, useRef as useRef4
 import {
   validateBusinessDetails as validateBusinessDetails2
 } from "@solvapay/core";
-
-// src/components/businessCheckoutParts.tsx
-import { forwardRef as forwardRef4 } from "react";
-import {
-  BUSINESS_COUNTRY_OPTIONS,
-  SUPPORTED_BUSINESS_COUNTRIES,
-  validateBusinessDetails,
-  getTaxIdFieldLabel,
-  getTaxIdExample,
-  getTaxIdHelperText
-} from "@solvapay/core";
-import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
-function mapBusinessFieldErrors(input) {
-  const result = 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(SUPPORTED_BUSINESS_COUNTRIES);
-function isSupportedBusinessCountry(value) {
-  return SUPPORTED_BUSINESS_COUNTRIES_SET.has(value);
-}
-function resolveTaxIdLabel(country) {
-  if (country && isSupportedBusinessCountry(country)) {
-    return getTaxIdFieldLabel(country);
-  }
-  return "Tax ID";
-}
-function resolveTaxIdPlaceholder(country) {
-  if (country && isSupportedBusinessCountry(country)) {
-    return getTaxIdExample(country);
-  }
-  return "Enter tax ID";
-}
-function resolveTaxIdHelperText(country) {
-  if (country && isSupportedBusinessCountry(country)) {
-    return 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 Root8 = forwardRef4(function BusinessDetailsRoot({ asChild, children, ...rest }, forwardedRef) {
-    useCtx("BusinessDetails");
-    const Comp = asChild ? Slot : "section";
-    return /* @__PURE__ */ jsx11(Comp, { ref: forwardedRef, ...{ [attr(prefix, "business-details")]: "" }, ...rest, children });
-  });
-  const Toggle = forwardRef4(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__ */ jsx11(Slot, { ref: forwardedRef, ...commonProps });
-    }
-    return /* @__PURE__ */ jsx11("input", { ref: forwardedRef, ...commonProps });
-  });
-  const BusinessName = forwardRef4(
-    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__ */ jsx11(Slot, { ref: forwardedRef, ...commonProps });
-      }
-      return /* @__PURE__ */ jsx11("input", { ref: forwardedRef, ...commonProps });
-    }
-  );
-  const Country = forwardRef4(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__ */ jsxs5(Fragment5, { children: [
-      /* @__PURE__ */ jsx11("option", { value: "", children: "Select country" }),
-      BUSINESS_COUNTRY_OPTIONS.map(({ value, label }) => /* @__PURE__ */ jsx11("option", { value, children: label }, value))
-    ] });
-    if (asChild) {
-      return /* @__PURE__ */ jsx11(Slot, { ref: forwardedRef, ...commonProps, children: children ?? defaultOptions });
-    }
-    return /* @__PURE__ */ jsx11("select", { ref: forwardedRef, ...commonProps, children: children ?? defaultOptions });
-  });
-  const TaxId = forwardRef4(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__ */ jsx11(Slot, { ref: forwardedRef, ...commonProps });
-    }
-    return /* @__PURE__ */ jsx11("input", { ref: forwardedRef, ...commonProps });
-  });
-  const Fields = forwardRef4(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__ */ jsxs5(Fragment5, { children: [
-      /* @__PURE__ */ jsxs5("label", { className: "solvapay-checkout-business-toggle", children: [
-        /* @__PURE__ */ jsx11(Toggle, {}),
-        "I'm purchasing as a business"
-      ] }),
-      ctx.businessDetails.isBusiness ? /* @__PURE__ */ jsxs5("fieldset", { className: "solvapay-business-fields", children: [
-        /* @__PURE__ */ jsxs5("label", { className: "solvapay-business-field", children: [
-          /* @__PURE__ */ jsx11("span", { className: "solvapay-business-field-label", children: "Business name" }),
-          /* @__PURE__ */ jsx11(BusinessName, { placeholder: "Acme GmbH" })
-        ] }),
-        /* @__PURE__ */ jsxs5("label", { className: "solvapay-business-field", children: [
-          /* @__PURE__ */ jsx11("span", { className: "solvapay-business-field-label", children: "Country" }),
-          /* @__PURE__ */ jsx11(Country, {})
-        ] }),
-        /* @__PURE__ */ jsxs5("label", { className: "solvapay-business-field", children: [
-          /* @__PURE__ */ jsx11("span", { className: "solvapay-business-field-label", children: taxIdLabel }),
-          /* @__PURE__ */ jsx11(TaxId, { placeholder: taxIdPlaceholder }),
-          taxIdHelperText ? /* @__PURE__ */ jsx11("p", { className: "solvapay-business-field-hint", children: taxIdHelperText }) : null
-        ] })
-      ] }) : null,
-      children
-    ] });
-    if (asChild) {
-      return /* @__PURE__ */ jsx11(Slot, { ref: forwardedRef, ...rest, children: content });
-    }
-    return /* @__PURE__ */ jsx11("section", { ref: forwardedRef, ...{ [attr(prefix, "business-details-fields")]: "" }, ...rest, children: content });
-  });
-  return {
-    Root: Root8,
-    Toggle,
-    BusinessName,
-    Country,
-    TaxId,
-    Fields
-  };
-}
-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 Root8 = forwardRef4(function TaxSummaryRoot({ asChild, children, ...rest }, forwardedRef) {
-    const ctx = useCtx("Summary");
-    if (!ctx.isBusiness) return null;
-    const Comp = asChild ? Slot : "section";
-    return /* @__PURE__ */ jsx11(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary")]: "" }, ...rest, children });
-  });
-  const Subtotal = forwardRef4(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__ */ jsx11(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-subtotal")]: "" }, ...rest, children: children ?? subtotalFormatted });
-  });
-  const Tax = forwardRef4(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__ */ jsx11(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-tax")]: "" }, ...rest, children: children ?? /* @__PURE__ */ jsxs5(Fragment5, { children: [
-      /* @__PURE__ */ jsx11("span", { children: defaultLabel }),
-      " ",
-      /* @__PURE__ */ jsx11("span", { ...{ [attr(prefix, "summary-tax-amount")]: "" }, children: taxFormatted })
-    ] }) });
-  });
-  const Total = forwardRef4(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__ */ jsx11(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-total")]: "" }, ...rest, children: children ?? totalFormatted });
-  });
-  const TaxNote = forwardRef4(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__ */ jsx11(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-tax-note")]: "" }, ...rest, children: children ?? defaultNote });
-  });
-  const Rows = forwardRef4(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__ */ jsxs5("dl", { className: "solvapay-tax-summary-rows", children: [
-      /* @__PURE__ */ jsxs5("p", { className: "solvapay-tax-summary-row", children: [
-        /* @__PURE__ */ jsx11("dt", { children: "Subtotal" }),
-        /* @__PURE__ */ jsx11("dd", { children: /* @__PURE__ */ jsx11(Subtotal, {}) })
-      ] }),
-      showTaxRow ? /* @__PURE__ */ jsxs5("p", { className: "solvapay-tax-summary-row", children: [
-        /* @__PURE__ */ jsx11("dt", { children: vatLabel }),
-        /* @__PURE__ */ jsx11("dd", { children: /* @__PURE__ */ jsx11("span", { ...{ [attr(prefix, "summary-tax-amount")]: "" }, children: taxFormatted }) })
-      ] }) : null,
-      /* @__PURE__ */ jsxs5("p", { className: "solvapay-tax-summary-row solvapay-tax-summary-row--total", children: [
-        /* @__PURE__ */ jsx11("dt", { children: "Total" }),
-        /* @__PURE__ */ jsx11("dd", { children: /* @__PURE__ */ jsx11(Total, {}) })
-      ] }),
-      /* @__PURE__ */ jsx11(TaxNote, {}),
-      children
-    ] });
-    if (asChild) {
-      return /* @__PURE__ */ jsx11(Slot, { ref: forwardedRef, ...rest, children: content });
-    }
-    return /* @__PURE__ */ jsx11("section", { ref: forwardedRef, ...{ [attr(prefix, "summary-rows")]: "" }, ...rest, children: content });
-  });
-  return {
-    Root: Root8,
-    Subtotal,
-    Tax,
-    Total,
-    TaxNote,
-    Rows
-  };
-}
-
-// src/hooks/useBusinessDetailsAttach.ts
 var defaultBusinessDetails = { isBusiness: false };
 function useBusinessDetailsAttach(options) {
   const {
@@ -6553,7 +6556,7 @@ import {
   creditsPerUnitFromBalance,
   includedUnits,
   meterName,
-  perUnitCharge
+  usageRate
 } from "@solvapay/core";
 function isPayg(plan) {
   return isPaygPlan(plan ?? null);
@@ -6598,15 +6601,14 @@ function planBillingInterval(plan) {
   return readBillingCycle(plan)?.interval ?? null;
 }
 function formatPaygRate(plan, locale, balance) {
+  const rate = usageRate(plan);
+  if (!rate || !(rate.amountMinor > 0)) return null;
+  const prefix = rate.tiered ? "from " : "";
   const credits = creditsPerUnitFromBalance(plan, balance);
   if (credits != null) {
-    return `${credits.toLocaleString(locale)} ${credits === 1 ? "credit" : "credits"} / call`;
-  }
-  const charge = 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 = includedUnits(plan);