@solvapay/react 1.2.1 → 1.3.0-preview-cb8ad16e16ce8f8f357bd7f2e7068d85159df587

package/dist/primitives/index.cjs

@@ -110,9 +110,11 @@ __export(primitives_exports, {
   PlanSelector: () => PlanSelector,
   PlanSelectorCard: () => PlanSelectorCard2,
   PlanSelectorCardBadge: () => PlanSelectorCardBadge2,
+  PlanSelectorCardCurrency: () => PlanSelectorCardCurrency2,
   PlanSelectorCardInterval: () => PlanSelectorCardInterval2,
   PlanSelectorCardName: () => PlanSelectorCardName2,
   PlanSelectorCardPrice: () => PlanSelectorCardPrice2,
+  PlanSelectorCurrencySwitcher: () => PlanSelectorCurrencySwitcher2,
   PlanSelectorError: () => PlanSelectorError2,
   PlanSelectorGrid: () => PlanSelectorGrid2,
   PlanSelectorHeading: () => PlanSelectorHeading2,
@@ -371,6 +373,17 @@ async function buildRequestHeaders(config) {
   return { headers, userId };
 }
 
+// src/utils/readErrorMessage.ts
+async function readErrorMessage(res, fallbackPrefix) {
+  let serverMessage;
+  try {
+    const data = await res.clone().json();
+    serverMessage = data?.error;
+  } catch {
+  }
+  return serverMessage || `${fallbackPrefix}: ${res.statusText || res.status}`;
+}
+
 // src/transport/http.ts
 async function request(config, url, opts) {
   const { headers } = await buildRequestHeaders(config);
@@ -381,13 +394,8 @@ async function request(config, url, opts) {
   }
   const res = await fetchFn(url, init);
   if (!res.ok) {
-    let serverMessage;
-    try {
-      const data = await res.clone().json();
-      serverMessage = data?.error;
-    } catch {
-    }
-    const error = new Error(serverMessage || `${opts.errorPrefix}: ${res.statusText || res.status}`);
+    const message = await readErrorMessage(res, opts.errorPrefix);
+    const error = new Error(message);
     config?.onError?.(error, opts.onErrorContext);
     throw error;
   }
@@ -427,6 +435,7 @@ function createHttpTransport(config) {
       const body = {};
       if (params.planRef) body.planRef = params.planRef;
       if (params.productRef) body.productRef = params.productRef;
+      if (params.currency) body.currency = params.currency;
       if (params.customer && (params.customer.name || params.customer.email)) {
         body.customer = params.customer;
       }
@@ -659,6 +668,7 @@ var enCopy = {
     currentBadge: "Current",
     popularBadge: "Popular",
     freeBadge: "Free",
+    usageRateLabel: "Usage-based",
     perIntervalShort: "/{interval}",
     continueButton: "Continue",
     backButton: "\u2190 Back to plans",
@@ -1043,7 +1053,8 @@ async function defaultListPlans(productRef, config) {
   const { headers } = await buildRequestHeaders(config);
   const res = await fetchFn(url, { method: "GET", headers });
   if (!res.ok) {
-    const error = new Error(`Failed to fetch plans: ${res.statusText || res.status}`);
+    const message = await readErrorMessage(res, "Failed to fetch plans");
+    const error = new Error(message);
     config?.onError?.(error, "listPlans");
     throw error;
   }
@@ -1304,7 +1315,7 @@ function toMajorUnits(amountMinor, currency) {
   return fractionDigits === 0 ? amountMinor : amountMinor / 100;
 }
 function formatPrice(amountMinor, currency, opts = {}) {
-  const { locale, interval, intervalCount = 1, free = "Free" } = opts;
+  const { locale, interval, intervalCount = 1, free = "Free", currencyDisplay } = opts;
   if (amountMinor === 0 && free !== "") {
     return free;
   }
@@ -1313,12 +1324,16 @@ function formatPrice(amountMinor, currency, opts = {}) {
   const isWhole = amountMinor % minorPerMajor === 0;
   const fractionDigits = isWhole ? 0 : naturalFractionDigits;
   const major = toMajorUnits(amountMinor, currency);
-  const formatter = new Intl.NumberFormat(locale, {
+  const formatterOptions = {
     style: "currency",
     currency: currency.toUpperCase(),
     minimumFractionDigits: fractionDigits,
     maximumFractionDigits: fractionDigits
-  });
+  };
+  if (currencyDisplay) {
+    formatterOptions.currencyDisplay = currencyDisplay;
+  }
+  const formatter = new Intl.NumberFormat(locale, formatterOptions);
   const formatted = formatter.format(major);
   if (!interval) return formatted;
   const suffix = intervalCount > 1 ? `${intervalCount} ${interval}s` : interval;
@@ -1496,6 +1511,28 @@ function isPaygPlan(plan) {
   return type === "usage-based" || type === "hybrid";
 }
 
+// src/utils/planPricing.ts
+function getPlanPricingOptions(plan) {
+  if (plan.pricingOptions && plan.pricingOptions.length > 0) {
+    return plan.pricingOptions;
+  }
+  return [
+    {
+      currency: plan.currency ?? "USD",
+      price: plan.price ?? 0,
+      default: true
+    }
+  ];
+}
+function resolvePlanPricingOption(plan, currency) {
+  const options = getPlanPricingOptions(plan);
+  if (currency) {
+    const match = options.find((option) => option.currency.toUpperCase() === currency.toUpperCase());
+    if (match) return match;
+  }
+  return options.find((option) => option.default) ?? options[0];
+}
+
 // src/primitives/PlanSelector.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var PlanSelectorContext = (0, import_react10.createContext)(null);
@@ -1576,6 +1613,23 @@ var Root2 = (0, import_react10.forwardRef)(function PlanSelectorRoot(props, forw
     setSelectedPlanIndex(-1);
   }, [setSelectedPlanIndex]);
   const selectedPlanRef = selectedPlan?.reference ?? null;
+  const [preferredCurrency, setPreferredCurrencyState] = (0, import_react10.useState)(null);
+  const [selectedCurrencies, setSelectedCurrencies] = (0, import_react10.useState)({});
+  const getSelectedOption = (0, import_react10.useCallback)(
+    (plan) => resolvePlanPricingOption(
+      plan,
+      selectedCurrencies[plan.reference] ?? preferredCurrency ?? null
+    ),
+    [selectedCurrencies, preferredCurrency]
+  );
+  const setPreferredCurrency = (0, import_react10.useCallback)((currency) => {
+    setPreferredCurrencyState(currency.toUpperCase());
+    setSelectedCurrencies({});
+  }, []);
+  const setPlanCurrency = (0, import_react10.useCallback)((planRef, currency) => {
+    setSelectedCurrencies((current) => ({ ...current, [planRef]: currency }));
+  }, []);
+  const selectedCurrency = selectedPlan ? getSelectedOption(selectedPlan).currency : null;
   const autoCurrentAppliedKeyRef = (0, import_react10.useRef)(null);
   (0, import_react10.useEffect)(() => {
     if (autoCurrentAppliedKeyRef.current === productRef) return;
@@ -1605,7 +1659,12 @@ var Root2 = (0, import_react10.forwardRef)(function PlanSelectorRoot(props, forw
       isFree,
       isPopular,
       select,
-      clearSelection
+      clearSelection,
+      preferredCurrency,
+      setPreferredCurrency,
+      selectedCurrencies,
+      setPlanCurrency,
+      getSelectedOption
     }),
     [
       plans,
@@ -1619,7 +1678,12 @@ var Root2 = (0, import_react10.forwardRef)(function PlanSelectorRoot(props, forw
       isFree,
       isPopular,
       select,
-      clearSelection
+      clearSelection,
+      preferredCurrency,
+      setPreferredCurrency,
+      selectedCurrencies,
+      setPlanCurrency,
+      getSelectedOption
     ]
   );
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -1631,6 +1695,12 @@ var Root2 = (0, import_react10.forwardRef)(function PlanSelectorRoot(props, forw
         setSelectedPlanRef: (ref) => {
           if (ref) select(ref);
         },
+        selectedCurrency,
+        setSelectedCurrency: (currency) => {
+          if (currency) {
+            setPreferredCurrency(currency);
+          }
+        },
         plans,
         loading,
         error
@@ -1655,14 +1725,19 @@ var Grid = (0, import_react10.forwardRef)(function PlanSelectorGrid({ children,
     const isPaygCurrent = isCurrent && isPaygPlan(plan);
     const disabled = isFree || isCurrent && !isPaygCurrent;
     const state = isCurrent && !isPaygCurrent ? "current" : selected ? "selected" : isCurrent ? "current" : isFree ? "disabled" : "idle";
+    const pricingOptions = getPlanPricingOptions(plan);
+    const selectedOption = ctx.getSelectedOption(plan);
     const cardCtx = {
       plan,
+      selectedOption,
+      pricingOptions,
       state,
       isCurrent,
       isFree,
       isPopular,
       disabled,
-      select: () => ctx.select(plan.reference)
+      select: () => ctx.select(plan.reference),
+      setCurrency: (currency) => ctx.setPlanCurrency(plan.reference, currency)
     };
     return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CardContext.Provider, { value: cardCtx, children }, plan.reference);
   }) });
@@ -1714,26 +1789,20 @@ var CardPrice = (0, import_react10.forwardRef)(function PlanSelectorCardPrice({
   const formatted = (0, import_react10.useMemo)(() => {
     if (card.isFree) return copy.planSelector.freeBadge;
     if (card.plan.type === "usage-based") {
-      const creditsPerUnit = card.plan.creditsPerUnit ?? 1;
-      const perCallMinor = Math.max(1, Math.round(1 / creditsPerUnit));
-      const rate = formatPrice(perCallMinor, card.plan.currency ?? "usd", {
-        locale,
-        free: ""
-      });
-      return `${rate} / call`;
+      return copy.planSelector.usageRateLabel;
     }
-    return formatPrice(card.plan.price ?? 0, card.plan.currency ?? "usd", {
+    return formatPrice(card.selectedOption.price ?? 0, card.selectedOption.currency ?? "usd", {
       locale,
       free: copy.interval.free
     });
   }, [
     card.isFree,
     card.plan.type,
-    card.plan.price,
-    card.plan.currency,
-    card.plan.creditsPerUnit,
+    card.selectedOption.price,
+    card.selectedOption.currency,
     locale,
     copy.planSelector.freeBadge,
+    copy.planSelector.usageRateLabel,
     copy.interval.free
   ]);
   const Comp = asChild ? Slot : "span";
@@ -1758,6 +1827,57 @@ function normalizeBillingCycle(cycle) {
   if (lc === "daily" || lc === "day") return "day";
   return cycle;
 }
+var CurrencySwitcher = (0, import_react10.forwardRef)(function PlanSelectorCurrencySwitcher({ children, onChange, className, ...rest }, forwardedRef) {
+  const ctx = usePlanSelectorContext("CurrencySwitcher");
+  const availableCurrencies = (0, import_react10.useMemo)(() => {
+    const currencies = /* @__PURE__ */ new Set();
+    for (const plan of ctx.plans) {
+      const options = getPlanPricingOptions(plan);
+      if (options.length <= 1) continue;
+      for (const option of options) {
+        currencies.add(option.currency.toUpperCase());
+      }
+    }
+    return [...currencies].sort();
+  }, [ctx.plans]);
+  if (availableCurrencies.length < 2) return null;
+  const effectiveCurrency = ctx.preferredCurrency ?? (ctx.selectedPlan ? ctx.getSelectedOption(ctx.selectedPlan).currency.toUpperCase() : null) ?? availableCurrencies[0];
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    "select",
+    {
+      ref: forwardedRef,
+      "data-solvapay-plan-selector-currency-switcher": "",
+      className,
+      value: effectiveCurrency,
+      onChange: (event) => {
+        ctx.setPreferredCurrency(event.target.value);
+        onChange?.(event);
+      },
+      ...rest,
+      children: children ?? availableCurrencies.map((currency) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("option", { value: currency, children: currency }, currency))
+    }
+  );
+});
+var CardCurrency = (0, import_react10.forwardRef)(
+  function PlanSelectorCardCurrency({ children, onChange, ...rest }, forwardedRef) {
+    const card = useCardContext("CardCurrency");
+    if (card.pricingOptions.length <= 1) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      "select",
+      {
+        ref: forwardedRef,
+        "data-solvapay-plan-selector-card-currency": "",
+        value: card.selectedOption.currency,
+        onChange: (event) => {
+          card.setCurrency(event.target.value);
+          onChange?.(event);
+        },
+        ...rest,
+        children: children ?? card.pricingOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("option", { value: option.currency, children: option.currency }, option.currency))
+      }
+    );
+  }
+);
 var CardBadge = (0, import_react10.forwardRef)(function PlanSelectorCardBadge({ asChild, children, ...rest }, forwardedRef) {
   const card = useCardContext("CardBadge");
   const copy = useCopy();
@@ -1802,6 +1922,8 @@ var PlanSelectorCard2 = Card;
 var PlanSelectorCardName2 = CardName;
 var PlanSelectorCardPrice2 = CardPrice;
 var PlanSelectorCardInterval2 = CardInterval;
+var PlanSelectorCurrencySwitcher2 = CurrencySwitcher;
+var PlanSelectorCardCurrency2 = CardCurrency;
 var PlanSelectorCardBadge2 = CardBadge;
 var PlanSelectorLoading2 = Loading;
 var PlanSelectorError2 = ErrorSlot;
@@ -1813,6 +1935,8 @@ var PlanSelector = {
   CardName,
   CardPrice,
   CardInterval,
+  CurrencySwitcher,
+  CardCurrency,
   CardBadge,
   Loading,
   Error: ErrorSlot
@@ -1913,7 +2037,11 @@ async function resolvePlanRef(productRef, config) {
   const { headers } = await buildRequestHeaders(config);
   const res = await fetchFn(url, { method: "GET", headers });
   if (!res.ok) {
-    throw new Error(`Failed to fetch plans for product "${productRef}": ${res.statusText}`);
+    const message = await readErrorMessage(
+      res,
+      `Failed to fetch plans for product "${productRef}"`
+    );
+    throw new Error(message);
   }
   const data = await res.json();
   const allPlans = data.plans ?? [];
@@ -1935,7 +2063,8 @@ async function resolvePlanRef(productRef, config) {
   );
 }
 function useCheckout(options) {
-  const { planRef, productRef, customer } = options;
+  const { planRef, productRef, currency: currencyOverride, customer } = options;
+  const planSelection = usePlanSelection();
   const { createPayment, customerRef, updateCustomerRef, _config } = useSolvaPay();
   const [loading, setLoading] = (0, import_react12.useState)(false);
   const [error, setError] = (0, import_react12.useState)(null);
@@ -1967,9 +2096,11 @@ function useCheckout(options) {
       if (!effectivePlanRef) {
         throw new Error("Could not determine plan reference for checkout");
       }
+      const selectedCurrency = currencyOverride ?? planSelection?.selectedCurrency ?? void 0;
       const result = await createPayment({
         planRef: effectivePlanRef,
         productRef,
+        ...selectedCurrency && { currency: selectedCurrency },
         customer
       });
       if (!result || typeof result !== "object") {
@@ -2003,7 +2134,17 @@ function useCheckout(options) {
       setLoading(false);
       isStartingRef.current = false;
     }
-  }, [planRef, productRef, customer, createPayment, updateCustomerRef, loading, _config]);
+  }, [
+    planRef,
+    productRef,
+    currencyOverride,
+    planSelection?.selectedCurrency,
+    customer,
+    createPayment,
+    updateCustomerRef,
+    loading,
+    _config
+  ]);
   const reset = (0, import_react12.useCallback)(() => {
     isStartingRef.current = false;
     setLoading(false);
@@ -4830,21 +4971,21 @@ function buildDefaultCheckoutPlanFilter(allPlans) {
     return true;
   };
 }
-function formatContinueLabel(plan, locale) {
+function formatContinueLabel(plan, locale, pricingOption) {
   if (!plan) return "Continue";
   if (isPayg(plan)) {
     return `Continue with ${plan.name ?? "Pay as you go"}`;
   }
-  const currency = (plan.currency ?? "USD").toUpperCase();
-  const priceLabel = formatPrice(plan.price ?? 0, currency, { locale });
+  const option = pricingOption ?? resolvePlanPricingOption(plan, null);
+  const currency = option.currency.toUpperCase();
+  const priceLabel = formatPrice(option.price ?? 0, currency, { locale });
   const cycle = plan.billingCycle ? `/${shortCycle(plan.billingCycle)}` : "";
   return `Continue with ${plan.name ?? "Plan"} \u2014 ${priceLabel}${cycle}`;
 }
 function formatPaygRate(plan, locale) {
-  const currency = (plan.currency ?? "USD").toUpperCase();
   const creditsPerUnit = plan.creditsPerUnit ?? 1;
-  const perCreditMinor = Math.max(1, Math.round(1 / creditsPerUnit));
-  return `${formatPrice(perCreditMinor, currency, { locale })} / call`;
+  const creditLabel = creditsPerUnit === 1 ? "credit" : "credits";
+  return `${creditsPerUnit.toLocaleString(locale)} ${creditLabel} / call`;
 }
 function inferIncludedCredits(plan) {
   const price = plan.price ?? 0;
@@ -4879,14 +5020,31 @@ function useCheckoutFlow(opts) {
   onPurchaseSuccessRef.current = opts.onPurchaseSuccess;
   onErrorRef.current = opts.onError;
   const planCtx = usePlanSelector();
+  const planSelection = usePlanSelection();
   const transport = useTransport();
   const locale = useLocale();
   const balance = useBalance();
   const { creditsPerMinorUnit, displayExchangeRate, adjustBalance } = balance;
   const { refetchPurchase } = useSolvaPay();
   const { merchant } = useMerchant();
-  const topupCurrency = opts.topupCurrency?.toUpperCase() ?? merchant?.defaultCurrency?.toUpperCase() ?? null;
+  const [topupCurrencyOverride, setTopupCurrencyOverride] = (0, import_react33.useState)(null);
+  const topupCurrencies = (0, import_react33.useMemo)(() => {
+    const fromMerchant = (merchant?.supportedTopupCurrencies ?? []).map((code) => code.toUpperCase()).filter(Boolean);
+    const fallback = opts.topupCurrency?.toUpperCase() ?? merchant?.defaultCurrency?.toUpperCase() ?? null;
+    const list = fromMerchant.length > 0 ? fromMerchant : fallback ? [fallback] : [];
+    return Array.from(new Set(list));
+  }, [merchant?.supportedTopupCurrencies, merchant?.defaultCurrency, opts.topupCurrency]);
+  const resolvedDefaultTopupCurrency = opts.topupCurrency?.toUpperCase() ?? merchant?.defaultCurrency?.toUpperCase() ?? null;
+  const planPickerCurrency = planCtx.preferredCurrency?.toUpperCase() ?? null;
+  const topupCurrency = (topupCurrencyOverride && topupCurrencies.includes(topupCurrencyOverride) ? topupCurrencyOverride : null) ?? (planPickerCurrency && topupCurrencies.includes(planPickerCurrency) ? planPickerCurrency : null) ?? resolvedDefaultTopupCurrency;
   const topupCurrencyReady = topupCurrency != null;
+  const setTopupCurrency = (0, import_react33.useCallback)(
+    (code) => {
+      const normalized = code.toUpperCase();
+      setTopupCurrencyOverride(normalized);
+    },
+    []
+  );
   const [step, setStep] = (0, import_react33.useState)(initialStep);
   const [status, setStatus] = (0, import_react33.useState)("idle");
   const [selectedAmountMinor, setSelectedAmountMinor] = (0, import_react33.useState)(initialAmountMinor);
@@ -4984,19 +5142,23 @@ function useCheckoutFlow(opts) {
   );
   const recordRecurringSuccess = (0, import_react33.useCallback)(() => {
     if (!selectedPlanShape) return;
-    const currency = (selectedPlanShape.currency ?? "USD").toUpperCase();
+    const pricingOption = selectedPlan ? resolvePlanPricingOption(selectedPlan, planSelection?.selectedCurrency) : {
+      currency: selectedPlanShape.currency ?? "USD",
+      price: selectedPlanShape.price ?? 0
+    };
+    const currency = pricingOption.currency.toUpperCase();
     const meta = {
       branch: "recurring",
       plan: selectedPlanShape,
       creditsIncluded: inferIncludedCredits(selectedPlanShape),
-      chargedTodayMinor: selectedPlanShape.price ?? 0,
+      chargedTodayMinor: pricingOption.price ?? 0,
       currency,
       nextRenewalLabel: null
     };
     setSuccessMeta(meta);
     setStep("success");
     onPurchaseSuccessRef.current?.(meta);
-  }, [selectedPlanShape]);
+  }, [selectedPlanShape, selectedPlan, planSelection?.selectedCurrency]);
   const advance = (0, import_react33.useCallback)(async () => {
     if (step === "plan") {
       await advanceFromPlan();
@@ -5042,6 +5204,7 @@ function useCheckoutFlow(opts) {
     setSuccessMeta(null);
     setError(null);
     setStatus("idle");
+    setTopupCurrencyOverride(null);
   }, []);
   const retry = (0, import_react33.useCallback)(async () => {
     if (status !== "error") return;
@@ -5071,6 +5234,8 @@ function useCheckoutFlow(opts) {
       branch,
       topupCurrency,
       topupCurrencyReady,
+      topupCurrencies,
+      setTopupCurrency,
       canGoBack,
       selectPlan,
       selectAmount,
@@ -5091,6 +5256,8 @@ function useCheckoutFlow(opts) {
       branch,
       topupCurrency,
       topupCurrencyReady,
+      topupCurrencies,
+      setTopupCurrency,
       canGoBack,
       selectPlan,
       selectAmount,
@@ -6345,9 +6512,11 @@ function useUsageMeter() {
   PlanSelector,
   PlanSelectorCard,
   PlanSelectorCardBadge,
+  PlanSelectorCardCurrency,
   PlanSelectorCardInterval,
   PlanSelectorCardName,
   PlanSelectorCardPrice,
+  PlanSelectorCurrencySwitcher,
   PlanSelectorError,
   PlanSelectorGrid,
   PlanSelectorHeading,

package/dist/primitives/index.d.cts

@@ -1,13 +1,21 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { Ref } from 'react';
-import { b as Plan, v as Product, q as UseTopupAmountSelectorReturn, u as PurchaseInfo, T as TopupFormProps } from '../shared-DpS2yEah.cjs';
-export { x as BootstrapPlanLike, y as CheckoutStep, K as SuccessMeta } from '../shared-DpS2yEah.cjs';
-import { j as PaywallStructuredContent, U as UsageSnapshot } from '../index-DPoqku6R.cjs';
-export { E as ActivationFlow, F as ActivationFlowActivateButton, G as ActivationFlowActivated, H as ActivationFlowAmountPicker, I as ActivationFlowContinueButton, J as ActivationFlowError, K as ActivationFlowLoading, L as ActivationFlowRetrying, N as ActivationFlowRoot, A as ActivationFlowStep, O as ActivationFlowSummary, B as BalanceBadge, k as CancelPlanButton, m as CheckoutStatus, n as CheckoutSteps, Q as CheckoutStepsAmountContinueButton, R as CheckoutStepsAmountPicker, S as CheckoutStepsBackLink, T as CheckoutStepsIfStep, V as CheckoutStepsPayment, W as CheckoutStepsPlanContinueButton, X as CheckoutStepsPlanGrid, Y as CheckoutStepsRoot, Z as CheckoutStepsStepHeading, _ as CheckoutStepsStepMessage, $ as CheckoutStepsSuccess, M as MandateText, q as MandateTextProps, a0 as PaymentForm, c as PaymentFormCardElement, a as PaymentFormCustomerFields, h as PaymentFormError, i as PaymentFormLegalFooter, g as PaymentFormLoading, d as PaymentFormMandateText, b as PaymentFormPaymentElement, a1 as PaymentFormRoot, f as PaymentFormSubmitButton, P as PaymentFormSummary, e as PaymentFormTermsCheckbox, r as PlanBadge, s as ProductBadge, t as PurchaseGate, a2 as PurchaseGateAllowed, a3 as PurchaseGateBlocked, a4 as PurchaseGateError, a5 as PurchaseGateLoading, a6 as PurchaseGateRoot, a7 as useActivationFlow, z as useCheckoutStepsContext, a8 as usePurchaseGate } from '../index-DPoqku6R.cjs';
+import { b as Plan, v as Product, q as UseTopupAmountSelectorReturn, u as PurchaseInfo, T as TopupFormProps } from '../shared-BNZAIWkU.cjs';
+export { x as BootstrapPlanLike, y as CheckoutStep, K as SuccessMeta } from '../shared-BNZAIWkU.cjs';
+import { j as PaywallStructuredContent, U as UsageSnapshot } from '../index-kXLvp7EU.cjs';
+export { E as ActivationFlow, F as ActivationFlowActivateButton, G as ActivationFlowActivated, H as ActivationFlowAmountPicker, I as ActivationFlowContinueButton, J as ActivationFlowError, K as ActivationFlowLoading, L as ActivationFlowRetrying, N as ActivationFlowRoot, A as ActivationFlowStep, O as ActivationFlowSummary, B as BalanceBadge, k as CancelPlanButton, m as CheckoutStatus, n as CheckoutSteps, Q as CheckoutStepsAmountContinueButton, R as CheckoutStepsAmountPicker, S as CheckoutStepsBackLink, T as CheckoutStepsIfStep, V as CheckoutStepsPayment, W as CheckoutStepsPlanContinueButton, X as CheckoutStepsPlanGrid, Y as CheckoutStepsRoot, Z as CheckoutStepsStepHeading, _ as CheckoutStepsStepMessage, $ as CheckoutStepsSuccess, M as MandateText, q as MandateTextProps, a0 as PaymentForm, c as PaymentFormCardElement, a as PaymentFormCustomerFields, h as PaymentFormError, i as PaymentFormLegalFooter, g as PaymentFormLoading, d as PaymentFormMandateText, b as PaymentFormPaymentElement, a1 as PaymentFormRoot, f as PaymentFormSubmitButton, P as PaymentFormSummary, e as PaymentFormTermsCheckbox, r as PlanBadge, s as ProductBadge, t as PurchaseGate, a2 as PurchaseGateAllowed, a3 as PurchaseGateBlocked, a4 as PurchaseGateError, a5 as PurchaseGateLoading, a6 as PurchaseGateRoot, a7 as useActivationFlow, z as useCheckoutStepsContext, a8 as usePurchaseGate } from '../index-kXLvp7EU.cjs';
 import { PaymentElement } from '@stripe/react-stripe-js';
 import { Stripe, StripeElements } from '@stripe/stripe-js';
 import '../adapters/auth.cjs';
 
+type PlanPricingOption = {
+    currency: string;
+    price: number;
+    basePrice?: number;
+    setupFee?: number;
+    default?: boolean;
+};
+
 interface SlotProps extends React.HTMLAttributes<HTMLElement> {
     children?: React.ReactNode;
 }
@@ -147,6 +155,11 @@ type PlanSelectorContextValue = {
      * `userHasSelected` true so auto-selection doesn't reassert.
      */
     clearSelection: () => void;
+    preferredCurrency: string | null;
+    setPreferredCurrency: (currency: string) => void;
+    selectedCurrencies: Record<string, string>;
+    setPlanCurrency: (planRef: string, currency: string) => void;
+    getSelectedOption: (plan: Plan) => PlanPricingOption;
 };
 declare const PlanSelectorRoot: React.ForwardRefExoticComponent<{
     productRef?: string;
@@ -178,6 +191,8 @@ declare const PlanSelectorCardPrice: React.ForwardRefExoticComponent<React.HTMLA
 declare const PlanSelectorCardInterval: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & {
     asChild?: boolean;
 } & React.RefAttributes<HTMLSpanElement>>;
+declare const PlanSelectorCurrencySwitcher: React.ForwardRefExoticComponent<React.SelectHTMLAttributes<HTMLSelectElement> & React.RefAttributes<HTMLSelectElement>>;
+declare const PlanSelectorCardCurrency: React.ForwardRefExoticComponent<React.SelectHTMLAttributes<HTMLSelectElement> & React.RefAttributes<HTMLSelectElement>>;
 declare const PlanSelectorCardBadge: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & {
     asChild?: boolean;
 } & {
@@ -220,6 +235,8 @@ declare const PlanSelector: {
     readonly CardInterval: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & {
         asChild?: boolean;
     } & React.RefAttributes<HTMLSpanElement>>;
+    readonly CurrencySwitcher: React.ForwardRefExoticComponent<React.SelectHTMLAttributes<HTMLSelectElement> & React.RefAttributes<HTMLSelectElement>>;
+    readonly CardCurrency: React.ForwardRefExoticComponent<React.SelectHTMLAttributes<HTMLSelectElement> & React.RefAttributes<HTMLSelectElement>>;
     readonly CardBadge: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & {
         asChild?: boolean;
     } & {
@@ -794,4 +811,4 @@ declare const UsageMeter: React.ForwardRefExoticComponent<UsageMeterRootProps &
 
 declare function useUsageMeter(): UsageMeterContextValue;
 
-export { AmountPicker, AmountPickerConfirm, AmountPickerCustom, AmountPickerOption, AmountPickerRoot, CancelledPlanNotice, CancelledPlanNoticeAccessUntil, CancelledPlanNoticeCancelledOn, CancelledPlanNoticeDaysRemaining, CancelledPlanNoticeExpires, CancelledPlanNoticeHeading, CancelledPlanNoticeReactivateButton, CancelledPlanNoticeReason, CancelledPlanNoticeRoot, CheckoutSummary, CheckoutSummaryPlan, CheckoutSummaryPrice, CheckoutSummaryProduct, CheckoutSummaryRoot, CheckoutSummaryTaxNote, CheckoutSummaryTrial, CreditGate, CreditGateError, CreditGateHeading, CreditGateLoading, CreditGateRoot, CreditGateSubheading, CreditGateTopup, LegalFooter, type LegalFooterProps, PaywallNotice, Balance as PaywallNoticeBalance, type PaywallNoticeClassNames, EmbeddedCheckout as PaywallNoticeEmbeddedCheckout, Heading as PaywallNoticeHeading, HostedCheckoutLink as PaywallNoticeHostedCheckoutLink, Message as PaywallNoticeMessage, Plans as PaywallNoticePlans, ProductContext as PaywallNoticeProductContext, Retry as PaywallNoticeRetry, Root$1 as PaywallNoticeRoot, type PaywallNoticeRootProps, PlanSelector, PlanSelectorCard, PlanSelectorCardBadge, PlanSelectorCardInterval, PlanSelectorCardName, PlanSelectorCardPrice, PlanSelectorError, PlanSelectorGrid, PlanSelectorHeading, PlanSelectorLoading, PlanSelectorRoot, Slot, Slottable, TopupForm, TopupFormError, TopupFormLegalFooter, TopupFormLoading, TopupFormPaymentElement, TopupFormRoot, TopupFormSubmitButton, UsageMeter, Bar as UsageMeterBar, type UsageMeterClassNames, Empty as UsageMeterEmpty, Label as UsageMeterLabel, Loading as UsageMeterLoading, Percentage as UsageMeterPercentage, ResetsIn as UsageMeterResetsIn, Root as UsageMeterRoot, type UsageMeterRootProps, composeEventHandlers, composeRefs, setRef, useAmountPicker, useAmountPickerCopy, useCancelledPlanNotice, useCheckoutSummary, useCreditGate, usePaywallNotice, usePlanSelector, useTopupForm, useUsageMeter };
+export { AmountPicker, AmountPickerConfirm, AmountPickerCustom, AmountPickerOption, AmountPickerRoot, CancelledPlanNotice, CancelledPlanNoticeAccessUntil, CancelledPlanNoticeCancelledOn, CancelledPlanNoticeDaysRemaining, CancelledPlanNoticeExpires, CancelledPlanNoticeHeading, CancelledPlanNoticeReactivateButton, CancelledPlanNoticeReason, CancelledPlanNoticeRoot, CheckoutSummary, CheckoutSummaryPlan, CheckoutSummaryPrice, CheckoutSummaryProduct, CheckoutSummaryRoot, CheckoutSummaryTaxNote, CheckoutSummaryTrial, CreditGate, CreditGateError, CreditGateHeading, CreditGateLoading, CreditGateRoot, CreditGateSubheading, CreditGateTopup, LegalFooter, type LegalFooterProps, PaywallNotice, Balance as PaywallNoticeBalance, type PaywallNoticeClassNames, EmbeddedCheckout as PaywallNoticeEmbeddedCheckout, Heading as PaywallNoticeHeading, HostedCheckoutLink as PaywallNoticeHostedCheckoutLink, Message as PaywallNoticeMessage, Plans as PaywallNoticePlans, ProductContext as PaywallNoticeProductContext, Retry as PaywallNoticeRetry, Root$1 as PaywallNoticeRoot, type PaywallNoticeRootProps, PlanSelector, PlanSelectorCard, PlanSelectorCardBadge, PlanSelectorCardCurrency, PlanSelectorCardInterval, PlanSelectorCardName, PlanSelectorCardPrice, PlanSelectorCurrencySwitcher, PlanSelectorError, PlanSelectorGrid, PlanSelectorHeading, PlanSelectorLoading, PlanSelectorRoot, Slot, Slottable, TopupForm, TopupFormError, TopupFormLegalFooter, TopupFormLoading, TopupFormPaymentElement, TopupFormRoot, TopupFormSubmitButton, UsageMeter, Bar as UsageMeterBar, type UsageMeterClassNames, Empty as UsageMeterEmpty, Label as UsageMeterLabel, Loading as UsageMeterLoading, Percentage as UsageMeterPercentage, ResetsIn as UsageMeterResetsIn, Root as UsageMeterRoot, type UsageMeterRootProps, composeEventHandlers, composeRefs, setRef, useAmountPicker, useAmountPickerCopy, useCancelledPlanNotice, useCheckoutSummary, useCreditGate, usePaywallNotice, usePlanSelector, useTopupForm, useUsageMeter };

package/dist/primitives/index.d.ts

@@ -1,13 +1,21 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { Ref } from 'react';
-import { b as Plan, v as Product, q as UseTopupAmountSelectorReturn, u as PurchaseInfo, T as TopupFormProps } from '../shared-CXRbrNFw.js';
-export { x as BootstrapPlanLike, y as CheckoutStep, K as SuccessMeta } from '../shared-CXRbrNFw.js';
-import { j as PaywallStructuredContent, U as UsageSnapshot } from '../index-Cs-QqpkJ.js';
-export { E as ActivationFlow, F as ActivationFlowActivateButton, G as ActivationFlowActivated, H as ActivationFlowAmountPicker, I as ActivationFlowContinueButton, J as ActivationFlowError, K as ActivationFlowLoading, L as ActivationFlowRetrying, N as ActivationFlowRoot, A as ActivationFlowStep, O as ActivationFlowSummary, B as BalanceBadge, k as CancelPlanButton, m as CheckoutStatus, n as CheckoutSteps, Q as CheckoutStepsAmountContinueButton, R as CheckoutStepsAmountPicker, S as CheckoutStepsBackLink, T as CheckoutStepsIfStep, V as CheckoutStepsPayment, W as CheckoutStepsPlanContinueButton, X as CheckoutStepsPlanGrid, Y as CheckoutStepsRoot, Z as CheckoutStepsStepHeading, _ as CheckoutStepsStepMessage, $ as CheckoutStepsSuccess, M as MandateText, q as MandateTextProps, a0 as PaymentForm, c as PaymentFormCardElement, a as PaymentFormCustomerFields, h as PaymentFormError, i as PaymentFormLegalFooter, g as PaymentFormLoading, d as PaymentFormMandateText, b as PaymentFormPaymentElement, a1 as PaymentFormRoot, f as PaymentFormSubmitButton, P as PaymentFormSummary, e as PaymentFormTermsCheckbox, r as PlanBadge, s as ProductBadge, t as PurchaseGate, a2 as PurchaseGateAllowed, a3 as PurchaseGateBlocked, a4 as PurchaseGateError, a5 as PurchaseGateLoading, a6 as PurchaseGateRoot, a7 as useActivationFlow, z as useCheckoutStepsContext, a8 as usePurchaseGate } from '../index-Cs-QqpkJ.js';
+import { b as Plan, v as Product, q as UseTopupAmountSelectorReturn, u as PurchaseInfo, T as TopupFormProps } from '../shared-lIhc8DS3.js';
+export { x as BootstrapPlanLike, y as CheckoutStep, K as SuccessMeta } from '../shared-lIhc8DS3.js';
+import { j as PaywallStructuredContent, U as UsageSnapshot } from '../index-BwwdMBdt.js';
+export { E as ActivationFlow, F as ActivationFlowActivateButton, G as ActivationFlowActivated, H as ActivationFlowAmountPicker, I as ActivationFlowContinueButton, J as ActivationFlowError, K as ActivationFlowLoading, L as ActivationFlowRetrying, N as ActivationFlowRoot, A as ActivationFlowStep, O as ActivationFlowSummary, B as BalanceBadge, k as CancelPlanButton, m as CheckoutStatus, n as CheckoutSteps, Q as CheckoutStepsAmountContinueButton, R as CheckoutStepsAmountPicker, S as CheckoutStepsBackLink, T as CheckoutStepsIfStep, V as CheckoutStepsPayment, W as CheckoutStepsPlanContinueButton, X as CheckoutStepsPlanGrid, Y as CheckoutStepsRoot, Z as CheckoutStepsStepHeading, _ as CheckoutStepsStepMessage, $ as CheckoutStepsSuccess, M as MandateText, q as MandateTextProps, a0 as PaymentForm, c as PaymentFormCardElement, a as PaymentFormCustomerFields, h as PaymentFormError, i as PaymentFormLegalFooter, g as PaymentFormLoading, d as PaymentFormMandateText, b as PaymentFormPaymentElement, a1 as PaymentFormRoot, f as PaymentFormSubmitButton, P as PaymentFormSummary, e as PaymentFormTermsCheckbox, r as PlanBadge, s as ProductBadge, t as PurchaseGate, a2 as PurchaseGateAllowed, a3 as PurchaseGateBlocked, a4 as PurchaseGateError, a5 as PurchaseGateLoading, a6 as PurchaseGateRoot, a7 as useActivationFlow, z as useCheckoutStepsContext, a8 as usePurchaseGate } from '../index-BwwdMBdt.js';
 import { PaymentElement } from '@stripe/react-stripe-js';
 import { Stripe, StripeElements } from '@stripe/stripe-js';
 import '../adapters/auth.js';
 
+type PlanPricingOption = {
+    currency: string;
+    price: number;
+    basePrice?: number;
+    setupFee?: number;
+    default?: boolean;
+};
+
 interface SlotProps extends React.HTMLAttributes<HTMLElement> {
     children?: React.ReactNode;
 }
@@ -147,6 +155,11 @@ type PlanSelectorContextValue = {
      * `userHasSelected` true so auto-selection doesn't reassert.
      */
     clearSelection: () => void;
+    preferredCurrency: string | null;
+    setPreferredCurrency: (currency: string) => void;
+    selectedCurrencies: Record<string, string>;
+    setPlanCurrency: (planRef: string, currency: string) => void;
+    getSelectedOption: (plan: Plan) => PlanPricingOption;
 };
 declare const PlanSelectorRoot: React.ForwardRefExoticComponent<{
     productRef?: string;
@@ -178,6 +191,8 @@ declare const PlanSelectorCardPrice: React.ForwardRefExoticComponent<React.HTMLA
 declare const PlanSelectorCardInterval: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & {
     asChild?: boolean;
 } & React.RefAttributes<HTMLSpanElement>>;
+declare const PlanSelectorCurrencySwitcher: React.ForwardRefExoticComponent<React.SelectHTMLAttributes<HTMLSelectElement> & React.RefAttributes<HTMLSelectElement>>;
+declare const PlanSelectorCardCurrency: React.ForwardRefExoticComponent<React.SelectHTMLAttributes<HTMLSelectElement> & React.RefAttributes<HTMLSelectElement>>;
 declare const PlanSelectorCardBadge: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & {
     asChild?: boolean;
 } & {
@@ -220,6 +235,8 @@ declare const PlanSelector: {
     readonly CardInterval: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & {
         asChild?: boolean;
     } & React.RefAttributes<HTMLSpanElement>>;
+    readonly CurrencySwitcher: React.ForwardRefExoticComponent<React.SelectHTMLAttributes<HTMLSelectElement> & React.RefAttributes<HTMLSelectElement>>;
+    readonly CardCurrency: React.ForwardRefExoticComponent<React.SelectHTMLAttributes<HTMLSelectElement> & React.RefAttributes<HTMLSelectElement>>;
     readonly CardBadge: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & {
         asChild?: boolean;
     } & {
@@ -794,4 +811,4 @@ declare const UsageMeter: React.ForwardRefExoticComponent<UsageMeterRootProps &
 
 declare function useUsageMeter(): UsageMeterContextValue;
 
-export { AmountPicker, AmountPickerConfirm, AmountPickerCustom, AmountPickerOption, AmountPickerRoot, CancelledPlanNotice, CancelledPlanNoticeAccessUntil, CancelledPlanNoticeCancelledOn, CancelledPlanNoticeDaysRemaining, CancelledPlanNoticeExpires, CancelledPlanNoticeHeading, CancelledPlanNoticeReactivateButton, CancelledPlanNoticeReason, CancelledPlanNoticeRoot, CheckoutSummary, CheckoutSummaryPlan, CheckoutSummaryPrice, CheckoutSummaryProduct, CheckoutSummaryRoot, CheckoutSummaryTaxNote, CheckoutSummaryTrial, CreditGate, CreditGateError, CreditGateHeading, CreditGateLoading, CreditGateRoot, CreditGateSubheading, CreditGateTopup, LegalFooter, type LegalFooterProps, PaywallNotice, Balance as PaywallNoticeBalance, type PaywallNoticeClassNames, EmbeddedCheckout as PaywallNoticeEmbeddedCheckout, Heading as PaywallNoticeHeading, HostedCheckoutLink as PaywallNoticeHostedCheckoutLink, Message as PaywallNoticeMessage, Plans as PaywallNoticePlans, ProductContext as PaywallNoticeProductContext, Retry as PaywallNoticeRetry, Root$1 as PaywallNoticeRoot, type PaywallNoticeRootProps, PlanSelector, PlanSelectorCard, PlanSelectorCardBadge, PlanSelectorCardInterval, PlanSelectorCardName, PlanSelectorCardPrice, PlanSelectorError, PlanSelectorGrid, PlanSelectorHeading, PlanSelectorLoading, PlanSelectorRoot, Slot, Slottable, TopupForm, TopupFormError, TopupFormLegalFooter, TopupFormLoading, TopupFormPaymentElement, TopupFormRoot, TopupFormSubmitButton, UsageMeter, Bar as UsageMeterBar, type UsageMeterClassNames, Empty as UsageMeterEmpty, Label as UsageMeterLabel, Loading as UsageMeterLoading, Percentage as UsageMeterPercentage, ResetsIn as UsageMeterResetsIn, Root as UsageMeterRoot, type UsageMeterRootProps, composeEventHandlers, composeRefs, setRef, useAmountPicker, useAmountPickerCopy, useCancelledPlanNotice, useCheckoutSummary, useCreditGate, usePaywallNotice, usePlanSelector, useTopupForm, useUsageMeter };
+export { AmountPicker, AmountPickerConfirm, AmountPickerCustom, AmountPickerOption, AmountPickerRoot, CancelledPlanNotice, CancelledPlanNoticeAccessUntil, CancelledPlanNoticeCancelledOn, CancelledPlanNoticeDaysRemaining, CancelledPlanNoticeExpires, CancelledPlanNoticeHeading, CancelledPlanNoticeReactivateButton, CancelledPlanNoticeReason, CancelledPlanNoticeRoot, CheckoutSummary, CheckoutSummaryPlan, CheckoutSummaryPrice, CheckoutSummaryProduct, CheckoutSummaryRoot, CheckoutSummaryTaxNote, CheckoutSummaryTrial, CreditGate, CreditGateError, CreditGateHeading, CreditGateLoading, CreditGateRoot, CreditGateSubheading, CreditGateTopup, LegalFooter, type LegalFooterProps, PaywallNotice, Balance as PaywallNoticeBalance, type PaywallNoticeClassNames, EmbeddedCheckout as PaywallNoticeEmbeddedCheckout, Heading as PaywallNoticeHeading, HostedCheckoutLink as PaywallNoticeHostedCheckoutLink, Message as PaywallNoticeMessage, Plans as PaywallNoticePlans, ProductContext as PaywallNoticeProductContext, Retry as PaywallNoticeRetry, Root$1 as PaywallNoticeRoot, type PaywallNoticeRootProps, PlanSelector, PlanSelectorCard, PlanSelectorCardBadge, PlanSelectorCardCurrency, PlanSelectorCardInterval, PlanSelectorCardName, PlanSelectorCardPrice, PlanSelectorCurrencySwitcher, PlanSelectorError, PlanSelectorGrid, PlanSelectorHeading, PlanSelectorLoading, PlanSelectorRoot, Slot, Slottable, TopupForm, TopupFormError, TopupFormLegalFooter, TopupFormLoading, TopupFormPaymentElement, TopupFormRoot, TopupFormSubmitButton, UsageMeter, Bar as UsageMeterBar, type UsageMeterClassNames, Empty as UsageMeterEmpty, Label as UsageMeterLabel, Loading as UsageMeterLoading, Percentage as UsageMeterPercentage, ResetsIn as UsageMeterResetsIn, Root as UsageMeterRoot, type UsageMeterRootProps, composeEventHandlers, composeRefs, setRef, useAmountPicker, useAmountPickerCopy, useCancelledPlanNotice, useCheckoutSummary, useCreditGate, usePaywallNotice, usePlanSelector, useTopupForm, useUsageMeter };