@solvapay/react 1.3.0 → 1.4.0-preview-ecd61384a4e849717e13d47ab2daa086cdcd91c5

package/dist/chunk-K7ZUJI26.js

@@ -1,1527 +0,0 @@
-import {
-  AmountPicker,
-  MandateText,
-  MissingProductRefError,
-  MissingProviderError,
-  PaymentForm,
-  PlanSelector,
-  Slot,
-  SolvaPayContext,
-  TopupForm,
-  buildDefaultCheckoutPlanFilter,
-  composeEventHandlers,
-  formatContinueLabel,
-  formatPrice,
-  getMinorUnitsPerMajor,
-  interpolate,
-  isPaygPlan,
-  planSortByPaygFirstThenAsc,
-  shortCycle,
-  useActivation,
-  useAmountPicker,
-  useAmountPickerCopy,
-  useBalance,
-  useCheckoutFlow,
-  useCopy,
-  useLocale,
-  usePlan,
-  usePlanSelection,
-  usePlans,
-  useProduct,
-  usePurchase,
-  useTopupAmountSelector
-} from "./chunk-DW5FJUUG.js";
-
-// src/TopupForm.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var TopupForm2 = (props) => {
-  const { className, buttonClassName, submitButtonText, ...rootProps } = props;
-  const rootClass = ["solvapay-topup-form", className].filter(Boolean).join(" ");
-  const buttonClass = ["solvapay-topup-form-submit", buttonClassName].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs(TopupForm.Root, { ...rootProps, className: rootClass, children: [
-    /* @__PURE__ */ jsx(TopupForm.PaymentElement, {}),
-    /* @__PURE__ */ jsx(TopupForm.Error, { className: "solvapay-topup-form-error" }),
-    /* @__PURE__ */ jsx(TopupForm.Loading, { className: "solvapay-topup-form-loading" }),
-    /* @__PURE__ */ jsx(TopupForm.SubmitButton, { className: buttonClass, children: submitButtonText })
-  ] });
-};
-
-// src/primitives/ProductBadge.tsx
-import { forwardRef, useContext, useEffect, useState } from "react";
-import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
-var ProductBadgeImpl = forwardRef(function ProductBadge({ asChild, children, ...rest }, forwardedRef) {
-  const solva = useContext(SolvaPayContext);
-  if (!solva) throw new MissingProviderError("ProductBadge");
-  const { purchases, loading, hasPaidPurchase, activePurchase } = usePurchase();
-  const copy = useCopy();
-  const [hasLoadedOnce, setHasLoadedOnce] = useState(false);
-  useEffect(() => {
-    if (!loading) setHasLoadedOnce(true);
-  }, [loading]);
-  const planToDisplay = activePurchase?.productName ?? null;
-  const shouldShow = planToDisplay !== null && (!loading || hasLoadedOnce);
-  if (!shouldShow) return null;
-  const commonProps = {
-    "data-solvapay-product-badge": "",
-    "data-loading": loading ? "" : void 0,
-    "data-has-purchase": activePurchase ? "" : void 0,
-    "data-has-paid-purchase": hasPaidPurchase ? "" : void 0,
-    role: "status",
-    "aria-live": "polite",
-    "aria-busy": loading,
-    "aria-label": interpolate(copy.product.currentProductLabel, { name: planToDisplay }),
-    ...rest
-  };
-  if (asChild) {
-    return (
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      /* @__PURE__ */ jsx2(Slot, { ref: forwardedRef, ...commonProps, children: children ?? /* @__PURE__ */ jsx2(Fragment, { children: planToDisplay }) })
-    );
-  }
-  void purchases;
-  return (
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    /* @__PURE__ */ jsx2("div", { ref: forwardedRef, ...commonProps, children: children ?? planToDisplay })
-  );
-});
-var ProductBadge2 = ProductBadgeImpl;
-var PlanBadge = ProductBadgeImpl;
-
-// src/primitives/PurchaseGate.tsx
-import {
-  createContext,
-  forwardRef as forwardRef2,
-  useContext as useContext2,
-  useMemo
-} from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var PurchaseGateContext = createContext(null);
-function useGateCtx(part) {
-  const ctx = useContext2(PurchaseGateContext);
-  if (!ctx) {
-    throw new Error(`PurchaseGate.${part} must be rendered inside <PurchaseGate.Root>.`);
-  }
-  return ctx;
-}
-var Root = forwardRef2(function PurchaseGateRoot({ requirePlan, requireProduct, asChild, children, ...rest }, forwardedRef) {
-  const solva = useContext2(SolvaPayContext);
-  if (!solva) throw new MissingProviderError("PurchaseGate");
-  const { purchases, loading, hasProduct, error } = usePurchase();
-  const productToCheck = requireProduct || requirePlan;
-  const hasAccess = productToCheck ? hasProduct(productToCheck) : purchases.some((p) => p.status === "active");
-  const state = loading ? "loading" : hasAccess ? "allowed" : "blocked";
-  const ctx = useMemo(
-    () => ({ state, loading, hasAccess, error }),
-    [state, loading, hasAccess, error]
-  );
-  const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx3(PurchaseGateContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx3(
-    Comp,
-    {
-      ref: forwardedRef,
-      "data-solvapay-purchase-gate": "",
-      "data-state": state,
-      ...rest,
-      children
-    }
-  ) });
-});
-var Allowed = forwardRef2(function PurchaseGateAllowed({ asChild, children, ...rest }, forwardedRef) {
-  const ctx = useGateCtx("Allowed");
-  if (ctx.state !== "allowed") return null;
-  const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx3(Comp, { ref: forwardedRef, "data-solvapay-purchase-gate-allowed": "", ...rest, children });
-});
-var Blocked = forwardRef2(function PurchaseGateBlocked({ asChild, children, ...rest }, forwardedRef) {
-  const ctx = useGateCtx("Blocked");
-  if (ctx.state !== "blocked") return null;
-  const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx3(Comp, { ref: forwardedRef, "data-solvapay-purchase-gate-blocked": "", ...rest, children });
-});
-var Loading = forwardRef2(function PurchaseGateLoading({ asChild, children, ...rest }, forwardedRef) {
-  const ctx = useGateCtx("Loading");
-  if (ctx.state !== "loading") return null;
-  const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx3(Comp, { ref: forwardedRef, "data-solvapay-purchase-gate-loading": "", ...rest, children });
-});
-var ErrorSlot = forwardRef2(function PurchaseGateError({ asChild, children, ...rest }, forwardedRef) {
-  const ctx = useGateCtx("Error");
-  if (!ctx.error) return null;
-  const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx3(Comp, { ref: forwardedRef, "data-solvapay-purchase-gate-error": "", role: "alert", ...rest, children: children ?? ctx.error.message });
-});
-var PurchaseGateRoot2 = Root;
-var PurchaseGateAllowed2 = Allowed;
-var PurchaseGateBlocked2 = Blocked;
-var PurchaseGateLoading2 = Loading;
-var PurchaseGateError2 = ErrorSlot;
-var PurchaseGate = {
-  Root,
-  Allowed,
-  Blocked,
-  Loading,
-  Error: ErrorSlot
-};
-function usePurchaseGate() {
-  return useGateCtx("usePurchaseGate");
-}
-
-// src/primitives/ActivationFlow.tsx
-import {
-  createContext as createContext2,
-  forwardRef as forwardRef3,
-  useCallback,
-  useContext as useContext3,
-  useEffect as useEffect2,
-  useMemo as useMemo2,
-  useRef,
-  useState as useState2
-} from "react";
-import { Fragment as Fragment2, jsx as jsx4 } from "react/jsx-runtime";
-var ActivationFlowContext = createContext2(null);
-function useFlowCtx(part) {
-  const ctx = useContext3(ActivationFlowContext);
-  if (!ctx) {
-    throw new Error(`ActivationFlow.${part} must be rendered inside <ActivationFlow.Root>.`);
-  }
-  return ctx;
-}
-var Root2 = forwardRef3(function ActivationFlowRoot({
-  productRef,
-  planRef: planRefProp,
-  onSuccess,
-  onError,
-  retryDelayMs = 1500,
-  retryBackoffMs = 2e3,
-  asChild,
-  children,
-  ...rest
-}, forwardedRef) {
-  const solva = useContext3(SolvaPayContext);
-  if (!solva) throw new MissingProviderError("ActivationFlow");
-  if (!productRef) throw new MissingProductRefError("ActivationFlow");
-  const planSelection = usePlanSelection();
-  const resolvedPlanRef = planRefProp ?? planSelection?.selectedPlanRef ?? void 0;
-  const { plan } = usePlan({ planRef: resolvedPlanRef, productRef });
-  const { activate, state, error, result, reset } = useActivation();
-  const currency = plan?.currency ?? "USD";
-  const amountSelector = useTopupAmountSelector({ currency });
-  const { adjustBalance, creditsPerMinorUnit, displayExchangeRate } = useBalance();
-  const [step, setStep] = useState2("summary");
-  const calledSuccessRef = useRef(false);
-  const retryTimeoutRef = useRef(null);
-  useEffect2(() => {
-    if (state === "activated" && !calledSuccessRef.current) {
-      calledSuccessRef.current = true;
-      setStep("activated");
-      if (result) {
-        const activationResult = { kind: "activated", result };
-        onSuccess?.(activationResult);
-      }
-    }
-  }, [state, result, onSuccess]);
-  useEffect2(() => {
-    if (state === "topup_required" && (step === "summary" || step === "activating")) {
-      setStep("selectAmount");
-    }
-  }, [state, step]);
-  useEffect2(() => {
-    if ((state === "error" || state === "payment_required") && error) {
-      setStep("error");
-      if (state === "error") onError?.(new Error(error));
-    }
-  }, [state, error, onError]);
-  const handleActivate = useCallback(async () => {
-    if (!resolvedPlanRef) return;
-    setStep("activating");
-    await activate({ productRef, planRef: resolvedPlanRef });
-  }, [activate, productRef, resolvedPlanRef]);
-  const goToTopupPayment = useCallback(() => {
-    if (amountSelector.validate()) setStep("topupPayment");
-  }, [amountSelector]);
-  const backToSelectAmount = useCallback(() => {
-    setStep("selectAmount");
-  }, []);
-  const retryActivation = useCallback(async () => {
-    if (!resolvedPlanRef) return;
-    setStep("retrying");
-    const amountMinor2 = Math.round(
-      (amountSelector.resolvedAmount || 0) * getMinorUnitsPerMajor(currency)
-    );
-    const rate = displayExchangeRate ?? 1;
-    if (creditsPerMinorUnit) {
-      adjustBalance(Math.floor(amountMinor2 / rate * creditsPerMinorUnit));
-    }
-    await new Promise((r) => setTimeout(r, retryDelayMs));
-    await activate({ productRef, planRef: resolvedPlanRef });
-  }, [
-    resolvedPlanRef,
-    amountSelector.resolvedAmount,
-    currency,
-    displayExchangeRate,
-    creditsPerMinorUnit,
-    adjustBalance,
-    retryDelayMs,
-    activate,
-    productRef
-  ]);
-  const handleTopupSuccess = useCallback(async () => {
-    await retryActivation();
-  }, [retryActivation]);
-  useEffect2(() => {
-    if (step !== "retrying") return;
-    if (state !== "topup_required") return;
-    if (!resolvedPlanRef) return;
-    retryTimeoutRef.current = setTimeout(async () => {
-      await activate({ productRef, planRef: resolvedPlanRef });
-    }, retryBackoffMs);
-    return () => {
-      if (retryTimeoutRef.current) clearTimeout(retryTimeoutRef.current);
-    };
-  }, [step, state, resolvedPlanRef, retryBackoffMs, activate, productRef]);
-  const resetFlow = useCallback(() => {
-    reset();
-    calledSuccessRef.current = false;
-    setStep("summary");
-  }, [reset]);
-  const amountMinor = Math.round(
-    (amountSelector.resolvedAmount || 0) * getMinorUnitsPerMajor(currency)
-  );
-  const ctx = useMemo2(
-    () => ({
-      step,
-      plan,
-      productRef,
-      planRef: resolvedPlanRef ?? "",
-      amountSelector,
-      amountMinor,
-      // Deprecated alias — same value as amountMinor so legacy consumers
-      // keep working after the zero-decimal fix (previously this was
-      // `resolvedAmount * 100`, which over-billed JPY/KRW by 100x).
-      amountCents: amountMinor,
-      currency,
-      activate: handleActivate,
-      reset: resetFlow,
-      goToTopupPayment,
-      backToSelectAmount,
-      onTopupSuccess: handleTopupSuccess,
-      error,
-      onError
-    }),
-    [
-      step,
-      plan,
-      productRef,
-      resolvedPlanRef,
-      amountSelector,
-      amountMinor,
-      currency,
-      handleActivate,
-      resetFlow,
-      goToTopupPayment,
-      backToSelectAmount,
-      handleTopupSuccess,
-      error,
-      onError
-    ]
-  );
-  const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx4(ActivationFlowContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx4(
-    Comp,
-    {
-      ref: forwardedRef,
-      "data-solvapay-activation-flow": "",
-      "data-state": step,
-      ...rest,
-      children
-    }
-  ) });
-});
-function matchStep(step, allowed) {
-  return allowed.includes(step);
-}
-var Summary = forwardRef3(function ActivationFlowSummary({ asChild, children, ...rest }, forwardedRef) {
-  const ctx = useFlowCtx("Summary");
-  if (!matchStep(ctx.step, ["summary", "activating"])) return null;
-  const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx4(Comp, { ref: forwardedRef, "data-solvapay-activation-flow-summary": "", ...rest, children });
-});
-var ActivateButton = forwardRef3(
-  function ActivationFlowActivateButton({ asChild, onClick, children, ...rest }, forwardedRef) {
-    const ctx = useFlowCtx("ActivateButton");
-    const copy = useCopy();
-    if (!matchStep(ctx.step, ["summary", "activating"])) return null;
-    const isActivating = ctx.step === "activating";
-    const disabled = isActivating;
-    const commonProps = {
-      "data-solvapay-activation-flow-activate": "",
-      "data-state": isActivating ? "activating" : "idle",
-      "aria-busy": isActivating,
-      disabled,
-      onClick: composeEventHandlers(onClick, () => {
-        void ctx.activate();
-      }),
-      ...rest
-    };
-    const label = isActivating ? copy.activationFlow.activatingLabel : copy.activationFlow.activateButton;
-    if (asChild) {
-      return (
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        /* @__PURE__ */ jsx4(Slot, { ref: forwardedRef, ...commonProps, children: children ?? /* @__PURE__ */ jsx4(Fragment2, { children: label }) })
-      );
-    }
-    return /* @__PURE__ */ jsx4("button", { ref: forwardedRef, type: "button", ...commonProps, children: children ?? label });
-  }
-);
-var AmountPickerMount = ({ children }) => {
-  const ctx = useFlowCtx("AmountPicker");
-  if (ctx.step !== "selectAmount") return null;
-  return /* @__PURE__ */ jsx4("div", { "data-solvapay-activation-flow-amount-picker": "", children: /* @__PURE__ */ jsx4(AmountPicker.Root, { currency: ctx.currency, selector: ctx.amountSelector, children }) });
-};
-var ContinueButton = forwardRef3(
-  function ActivationFlowContinueButton({ asChild, onClick, children, ...rest }, forwardedRef) {
-    const ctx = useFlowCtx("ContinueButton");
-    const copy = useCopy();
-    if (ctx.step !== "selectAmount") return null;
-    const disabled = !ctx.amountSelector.resolvedAmount;
-    const commonProps = {
-      "data-solvapay-activation-flow-continue": "",
-      "data-state": disabled ? "disabled" : "idle",
-      disabled,
-      "aria-disabled": disabled || void 0,
-      onClick: composeEventHandlers(onClick, () => {
-        ctx.goToTopupPayment();
-      }),
-      ...rest
-    };
-    if (asChild) {
-      return (
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        /* @__PURE__ */ jsx4(Slot, { ref: forwardedRef, ...commonProps, children: children ?? /* @__PURE__ */ jsx4(Fragment2, { children: copy.activationFlow.continueToPayment }) })
-      );
-    }
-    return /* @__PURE__ */ jsx4("button", { ref: forwardedRef, type: "button", ...commonProps, children: children ?? copy.activationFlow.continueToPayment });
-  }
-);
-var Retrying = forwardRef3(function ActivationFlowRetrying({ asChild, children, ...rest }, forwardedRef) {
-  const ctx = useFlowCtx("Retrying");
-  if (ctx.step !== "retrying") return null;
-  const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx4(Comp, { ref: forwardedRef, "data-solvapay-activation-flow-retrying": "", ...rest, children });
-});
-var Activated = forwardRef3(function ActivationFlowActivated({ asChild, children, ...rest }, forwardedRef) {
-  const ctx = useFlowCtx("Activated");
-  if (ctx.step !== "activated") return null;
-  const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx4(Comp, { ref: forwardedRef, "data-solvapay-activation-flow-activated": "", ...rest, children });
-});
-var Loading2 = forwardRef3(function ActivationFlowLoading({ asChild, children, ...rest }, forwardedRef) {
-  const ctx = useFlowCtx("Loading");
-  if (ctx.plan) return null;
-  const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx4(Comp, { ref: forwardedRef, "data-solvapay-activation-flow-loading": "", ...rest, children });
-});
-var ErrorSlot2 = forwardRef3(function ActivationFlowError({ asChild, children, ...rest }, forwardedRef) {
-  const ctx = useFlowCtx("Error");
-  if (ctx.step !== "error") return null;
-  const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx4(
-    Comp,
-    {
-      ref: forwardedRef,
-      role: "alert",
-      "data-solvapay-activation-flow-error": "",
-      ...rest,
-      children: children ?? ctx.error
-    }
-  );
-});
-var ActivationFlowRoot2 = Root2;
-var ActivationFlowSummary2 = Summary;
-var ActivationFlowActivateButton2 = ActivateButton;
-var ActivationFlowAmountPicker = AmountPickerMount;
-var ActivationFlowContinueButton2 = ContinueButton;
-var ActivationFlowRetrying2 = Retrying;
-var ActivationFlowActivated2 = Activated;
-var ActivationFlowLoading2 = Loading2;
-var ActivationFlowError2 = ErrorSlot2;
-var ActivationFlow = {
-  Root: Root2,
-  Summary,
-  ActivateButton,
-  AmountPicker: AmountPickerMount,
-  ContinueButton,
-  Retrying,
-  Activated,
-  Loading: Loading2,
-  Error: ErrorSlot2
-};
-function useActivationFlow() {
-  return useFlowCtx("useActivationFlow");
-}
-
-// src/primitives/CreditGate.tsx
-import {
-  createContext as createContext3,
-  forwardRef as forwardRef4,
-  useContext as useContext4,
-  useMemo as useMemo3
-} from "react";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var CreditGateContext = createContext3(null);
-function useGateCtx2(part) {
-  const ctx = useContext4(CreditGateContext);
-  if (!ctx) {
-    throw new Error(`CreditGate.${part} must be rendered inside <CreditGate.Root>.`);
-  }
-  return ctx;
-}
-var Root3 = forwardRef4(function CreditGateRoot({
-  minCredits = 1,
-  productRef,
-  topupAmount = 1e3,
-  topupCurrency = "usd",
-  asChild,
-  children,
-  ...rest
-}, forwardedRef) {
-  const solva = useContext4(SolvaPayContext);
-  if (!solva) throw new MissingProviderError("CreditGate");
-  const { credits, loading } = useBalance();
-  const { product } = useProduct(productRef);
-  const hasCredits = credits != null && credits >= minCredits;
-  const state = loading && credits == null ? "loading" : hasCredits ? "allowed" : "blocked";
-  const ctx = useMemo3(
-    () => ({
-      state,
-      loading,
-      hasCredits,
-      balance: credits,
-      productName: product?.name ?? null,
-      topupAmount,
-      topupCurrency
-    }),
-    [state, loading, hasCredits, credits, product?.name, topupAmount, topupCurrency]
-  );
-  const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx5(CreditGateContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx5(
-    Comp,
-    {
-      ref: forwardedRef,
-      "data-solvapay-credit-gate": "",
-      "data-state": state,
-      ...rest,
-      children
-    }
-  ) });
-});
-var Heading = forwardRef4(function CreditGateHeading({ asChild, children, ...rest }, forwardedRef) {
-  const ctx = useGateCtx2("Heading");
-  const copy = useCopy();
-  if (ctx.state !== "blocked") return null;
-  const Comp = asChild ? Slot : "h3";
-  return /* @__PURE__ */ jsx5(Comp, { ref: forwardedRef, "data-solvapay-credit-gate-heading": "", ...rest, children: children ?? copy.creditGate.lowBalanceHeading });
-});
-var Subheading = forwardRef4(function CreditGateSubheading({ asChild, children, ...rest }, forwardedRef) {
-  const ctx = useGateCtx2("Subheading");
-  const copy = useCopy();
-  if (ctx.state !== "blocked") return null;
-  const text = interpolate(copy.creditGate.lowBalanceSubheading, {
-    product: ctx.productName ?? "this product"
-  });
-  const Comp = asChild ? Slot : "p";
-  return /* @__PURE__ */ jsx5(Comp, { ref: forwardedRef, "data-solvapay-credit-gate-subheading": "", ...rest, children: children ?? text });
-});
-var Topup = ({ amount, currency }) => {
-  const ctx = useGateCtx2("Topup");
-  if (ctx.state !== "blocked") return null;
-  return /* @__PURE__ */ jsx5(
-    TopupForm2,
-    {
-      amount: amount ?? ctx.topupAmount,
-      currency: currency ?? ctx.topupCurrency
-    }
-  );
-};
-var Loading3 = forwardRef4(function CreditGateLoading({ asChild, children, ...rest }, forwardedRef) {
-  const ctx = useGateCtx2("Loading");
-  if (ctx.state !== "loading") return null;
-  const Comp = asChild ? Slot : "div";
-  return (
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    /* @__PURE__ */ jsx5(Comp, { ref: forwardedRef, "data-solvapay-credit-gate-loading": "", ...rest, children })
-  );
-});
-var ErrorSlot3 = forwardRef4(function CreditGateError({ asChild, children, ...rest }, forwardedRef) {
-  if (!children) return null;
-  const Comp = asChild ? Slot : "div";
-  return (
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    /* @__PURE__ */ jsx5(Comp, { ref: forwardedRef, "data-solvapay-credit-gate-error": "", role: "alert", ...rest, children })
-  );
-});
-var CreditGateRoot2 = Root3;
-var CreditGateHeading2 = Heading;
-var CreditGateSubheading2 = Subheading;
-var CreditGateTopup = Topup;
-var CreditGateLoading2 = Loading3;
-var CreditGateError2 = ErrorSlot3;
-var CreditGate = {
-  Root: Root3,
-  Heading,
-  Subheading,
-  Topup,
-  Loading: Loading3,
-  Error: ErrorSlot3
-};
-function useCreditGate() {
-  return useGateCtx2("useCreditGate");
-}
-
-// src/hooks/usePaywallResolver.ts
-import { useCallback as useCallback2, useMemo as useMemo4 } from "react";
-function balanceCoversNextUnit(balance, credits) {
-  if (!balance) return false;
-  if (typeof balance.remainingUnits === "number" && balance.remainingUnits > 0) {
-    return true;
-  }
-  if (credits != null && balance.creditsPerUnit && credits >= balance.creditsPerUnit) {
-    return true;
-  }
-  return false;
-}
-function usePaywallResolver(content) {
-  const { activePurchase, hasPaidPurchase, refetch: refetchPurchase } = usePurchase();
-  const { credits, refetch: refetchBalance } = useBalance();
-  const resolved = useMemo4(() => {
-    if (!content) return false;
-    const productMatches = !content.product || activePurchase?.productRef === content.product || activePurchase?.productName === content.product;
-    if (content.kind === "payment_required") {
-      if (hasPaidPurchase && productMatches) return true;
-      return balanceCoversNextUnit(content.balance, credits);
-    }
-    if (balanceCoversNextUnit(content.balance, credits)) return true;
-    return Boolean(productMatches && activePurchase?.status === "active");
-  }, [content, hasPaidPurchase, activePurchase, credits]);
-  const refetch = useCallback2(async () => {
-    await Promise.all([
-      refetchPurchase().catch(() => void 0),
-      refetchBalance().catch(() => void 0)
-    ]);
-  }, [refetchPurchase, refetchBalance]);
-  return { resolved, refetch };
-}
-
-// src/primitives/PaywallNotice.tsx
-import {
-  createContext as createContext5,
-  forwardRef as forwardRef6,
-  useCallback as useCallback3,
-  useContext as useContext6,
-  useEffect as useEffect3,
-  useMemo as useMemo6,
-  useRef as useRef2
-} from "react";
-
-// src/primitives/checkout/index.tsx
-import { createContext as createContext4, forwardRef as forwardRef5, useContext as useContext5, useMemo as useMemo5 } from "react";
-import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
-var CheckoutContext = createContext4(null);
-function useCheckoutContext(part) {
-  const ctx = useContext5(CheckoutContext);
-  if (!ctx) {
-    throw new Error(`CheckoutSteps.${part} must be rendered inside <CheckoutSteps.Root>.`);
-  }
-  return ctx;
-}
-function useCheckoutSteps() {
-  return useCheckoutContext("useCheckoutSteps");
-}
-var Root4 = forwardRef5(function CheckoutStepsRoot(props, forwardedRef) {
-  const {
-    productRef,
-    returnUrl: _returnUrl,
-    flow: externalFlow,
-    initialStep,
-    initialPlanRef,
-    initialAmountMinor,
-    autoSelectFirstPaid = false,
-    topupCurrency,
-    filter,
-    sortBy = planSortByPaygFirstThenAsc,
-    popularPlanRef,
-    currentPlanRef,
-    onPlanSelect,
-    onAmountSelect,
-    onPurchaseSuccess,
-    onError,
-    className,
-    children
-  } = props;
-  if (externalFlow) {
-    return /* @__PURE__ */ jsx6("div", { ref: forwardedRef, "data-solvapay-checkout": "", className, children: /* @__PURE__ */ jsx6(CheckoutContext.Provider, { value: externalFlow, children }) });
-  }
-  return /* @__PURE__ */ jsx6(
-    RootWithPlanSelector,
-    {
-      productRef,
-      filter,
-      sortBy,
-      popularPlanRef,
-      currentPlanRef,
-      autoSelectFirstPaid,
-      initialPlanRef,
-      forwardedRef,
-      className,
-      initialStep,
-      initialAmountMinor,
-      topupCurrency,
-      onPlanSelect,
-      onAmountSelect,
-      onPurchaseSuccess,
-      onError,
-      children
-    }
-  );
-});
-function RootWithPlanSelector({
-  productRef,
-  filter,
-  sortBy,
-  popularPlanRef,
-  currentPlanRef,
-  autoSelectFirstPaid,
-  initialPlanRef,
-  forwardedRef,
-  className,
-  initialStep,
-  initialAmountMinor,
-  topupCurrency,
-  onPlanSelect,
-  onAmountSelect,
-  onPurchaseSuccess,
-  onError,
-  children
-}) {
-  const { plans } = usePlans({ productRef });
-  const resolvedFilter = useMemo5(
-    () => filter ?? buildDefaultCheckoutPlanFilter(plans),
-    [filter, plans]
-  );
-  return /* @__PURE__ */ jsx6(
-    PlanSelector.Root,
-    {
-      productRef,
-      filter: resolvedFilter,
-      sortBy,
-      popularPlanRef,
-      currentPlanRef,
-      autoSelectFirstPaid,
-      initialPlanRef,
-      children: /* @__PURE__ */ jsx6(
-        FlowProvider,
-        {
-          productRef,
-          forwardedRef,
-          className,
-          initialStep,
-          initialAmountMinor,
-          topupCurrency,
-          onPlanSelect,
-          onAmountSelect,
-          onPurchaseSuccess,
-          onError,
-          children
-        }
-      )
-    }
-  );
-}
-function FlowProvider({
-  productRef,
-  initialStep,
-  initialAmountMinor,
-  topupCurrency,
-  onPlanSelect,
-  onAmountSelect,
-  onPurchaseSuccess,
-  onError,
-  className,
-  forwardedRef,
-  children
-}) {
-  const flow = useCheckoutFlow({
-    productRef,
-    initialStep,
-    initialAmountMinor,
-    topupCurrency,
-    onPlanSelect,
-    onAmountSelect,
-    onPurchaseSuccess,
-    onError
-  });
-  return /* @__PURE__ */ jsx6("div", { ref: forwardedRef, "data-solvapay-checkout": "", "data-step": flow.step, className, children: /* @__PURE__ */ jsx6(CheckoutContext.Provider, { value: flow, children }) });
-}
-function IfStep({ step, children }) {
-  const flow = useCheckoutContext("IfStep");
-  const matches = Array.isArray(step) ? step.includes(flow.step) : flow.step === step;
-  if (!matches) return null;
-  return /* @__PURE__ */ jsx6(Fragment3, { children });
-}
-var StepHeading = forwardRef5(function CheckoutStepsStepHeading({ asChild, children, className, ...rest }, forwardedRef) {
-  const flow = useCheckoutContext("StepHeading");
-  const copy = useCopy();
-  const paywallCtx = usePaywallNoticeOptional();
-  if (flow.step === "success") return null;
-  const defaultText = resolveStepHeading(flow.step, copy, paywallCtx?.content ?? null);
-  const Comp = asChild ? Slot : "h3";
-  return /* @__PURE__ */ jsx6(
-    Comp,
-    {
-      ref: forwardedRef,
-      "data-solvapay-checkout-step-heading": "",
-      "data-step": flow.step,
-      className: className ?? "solvapay-checkout-step-heading",
-      ...rest,
-      children: children ?? defaultText
-    }
-  );
-});
-var StepMessage = forwardRef5(function CheckoutStepsStepMessage({ asChild, children, className, ...rest }, forwardedRef) {
-  const flow = useCheckoutContext("StepMessage");
-  const copy = useCopy();
-  const paywallCtx = usePaywallNoticeOptional();
-  if (flow.step === "success") return null;
-  const defaultText = resolveStepMessage(flow, copy, paywallCtx?.content ?? null);
-  if (!defaultText && children == null) return null;
-  const Comp = asChild ? Slot : "p";
-  return /* @__PURE__ */ jsx6(
-    Comp,
-    {
-      ref: forwardedRef,
-      "data-solvapay-checkout-step-message": "",
-      "data-step": flow.step,
-      className: className ?? "solvapay-checkout-step-message",
-      ...rest,
-      children: children ?? defaultText
-    }
-  );
-});
-function resolveStepHeading(step, copy, content) {
-  if (step === "amount") return copy.checkout.stepHeading.amount;
-  if (step === "payment") return copy.checkout.stepHeading.payment;
-  if (step === "plan") {
-    if (content) {
-      if (content.kind === "payment_required") return copy.paywall.paymentRequiredHeading;
-      if (content.kind === "activation_required") {
-        return isTopupGate(content) ? copy.paywall.topupRequiredHeading : copy.paywall.activationRequiredHeading;
-      }
-    }
-    return copy.checkout.stepHeading.plan;
-  }
-  return "";
-}
-function resolveStepMessage(flow, copy, content) {
-  if (flow.step === "plan") {
-    if (content) return resolvePaywallMessage(content, copy.paywall);
-    return copy.checkout.stepMessage.plan;
-  }
-  if (flow.step === "amount") return copy.checkout.stepMessage.amount;
-  if (flow.step === "payment") {
-    if (flow.branch === "payg") return copy.checkout.stepMessage.paymentPayg;
-    const plan = flow.selectedPlan;
-    if (flow.branch === "recurring" && plan) {
-      const planName = plan.name ?? "your";
-      if (plan.billingCycle) {
-        return interpolate(copy.checkout.stepMessage.paymentRecurring, { planName });
-      }
-      return copy.checkout.stepMessage.paymentOneTime;
-    }
-    return copy.checkout.stepMessage.paymentOneTime;
-  }
-  return "";
-}
-function PlanGrid({ className, children }) {
-  return /* @__PURE__ */ jsx6(PlanSelector.Grid, { className: className ?? "solvapay-checkout-plan-grid", children: children ?? /* @__PURE__ */ jsxs2(PlanSelector.Card, { className: "solvapay-checkout-plan-card", children: [
-    /* @__PURE__ */ jsx6(PlanSelector.CardBadge, { className: "solvapay-checkout-plan-card-badge" }),
-    /* @__PURE__ */ jsx6(PlanSelector.CardName, { className: "solvapay-checkout-plan-card-name" }),
-    /* @__PURE__ */ jsx6(PlanSelector.CardPrice, { className: "solvapay-checkout-plan-card-price" }),
-    /* @__PURE__ */ jsx6(PlanSelector.CardInterval, { className: "solvapay-checkout-plan-card-interval" })
-  ] }) });
-}
-var PlanContinueButton = forwardRef5(
-  function PlanContinueButton2({ className, children, onClick, disabled, ...rest }, ref) {
-    const flow = useCheckoutContext("PlanContinueButton");
-    const locale = useLocale();
-    const selectedPlanShape = flow.selectedPlan;
-    const isDisabled = disabled || !flow.selectedPlanRef || flow.status === "activating";
-    const label = children ?? formatContinueLabel(selectedPlanShape, locale);
-    return /* @__PURE__ */ jsx6(
-      "button",
-      {
-        ref,
-        type: "button",
-        className: className ?? "solvapay-checkout-continue-button",
-        disabled: isDisabled,
-        "aria-disabled": isDisabled || void 0,
-        "data-solvapay-checkout-continue": "",
-        onClick: (e) => {
-          onClick?.(e);
-          if (e.defaultPrevented) return;
-          void flow.advance();
-        },
-        ...rest,
-        children: label
-      }
-    );
-  }
-);
-function AmountPicker2({ className, children }) {
-  const flow = useCheckoutContext("AmountPicker");
-  if (!flow.topupCurrencyReady || flow.topupCurrency == null) {
-    return /* @__PURE__ */ jsx6(
-      "div",
-      {
-        className: className ?? "solvapay-amount-picker",
-        "data-state": "loading",
-        "aria-busy": "true",
-        children: /* @__PURE__ */ jsx6("div", { className: "solvapay-amount-picker-pills", children: [0, 1, 2, 3].map((i) => /* @__PURE__ */ jsx6(
-          "span",
-          {
-            className: "solvapay-amount-picker-pill",
-            "data-state": "disabled",
-            "aria-hidden": "true"
-          },
-          i
-        )) })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx6(
-    AmountPicker.Root,
-    {
-      currency: flow.topupCurrency,
-      emit: "minor",
-      className: className ?? "solvapay-amount-picker",
-      onChange: (value) => {
-        if (typeof value === "number") {
-          flow.selectAmount(value);
-        }
-      },
-      children: children ?? /* @__PURE__ */ jsx6(DefaultAmountTree, {})
-    }
-  );
-}
-function DefaultAmountTree() {
-  const ctx = useAmountPicker();
-  const { selectAmountLabel, customAmountLabel, creditEstimate } = useAmountPickerCopy();
-  return /* @__PURE__ */ jsxs2(Fragment3, { children: [
-    /* @__PURE__ */ jsx6("p", { className: "solvapay-amount-picker-label", children: selectAmountLabel }),
-    /* @__PURE__ */ jsx6("div", { className: "solvapay-amount-picker-pills", children: ctx.quickAmounts.map((amount) => /* @__PURE__ */ jsx6(
-      AmountPicker.Option,
-      {
-        amount,
-        className: "solvapay-amount-picker-pill"
-      },
-      amount
-    )) }),
-    /* @__PURE__ */ jsxs2("div", { className: "solvapay-amount-picker-custom-wrapper", children: [
-      /* @__PURE__ */ jsx6("p", { className: "solvapay-amount-picker-custom-label", children: customAmountLabel }),
-      /* @__PURE__ */ jsxs2("div", { className: "solvapay-amount-picker-custom-row", children: [
-        /* @__PURE__ */ jsx6("span", { className: "solvapay-amount-picker-currency-symbol", children: ctx.currencySymbol }),
-        /* @__PURE__ */ jsx6(
-          AmountPicker.Custom,
-          {
-            className: "solvapay-amount-picker-custom-input",
-            placeholder: "0.00"
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx6(
-      "p",
-      {
-        className: "solvapay-amount-picker-credit-estimate",
-        "aria-hidden": ctx.estimatedCredits == null || void 0,
-        children: ctx.estimatedCredits != null ? creditEstimate(ctx.estimatedCredits) : "\xA0"
-      }
-    )
-  ] });
-}
-var AmountContinueButton = forwardRef5(
-  function AmountContinueButton2({ className, children, onClick, disabled, ...rest }, ref) {
-    const flow = useCheckoutContext("AmountContinueButton");
-    const locale = useLocale();
-    const currency = flow.topupCurrency;
-    const amountMinor = flow.selectedAmountMinor;
-    const ready = flow.topupCurrencyReady && currency != null;
-    const isDisabled = disabled || !ready || amountMinor == null;
-    const label = children ?? (ready && currency != null && amountMinor != null ? `Continue \u2014 ${formatPrice(amountMinor, currency, { locale })}` : "Continue");
-    return /* @__PURE__ */ jsx6(
-      "button",
-      {
-        ref,
-        type: "button",
-        className: className ?? "solvapay-checkout-continue-button",
-        disabled: isDisabled,
-        "aria-disabled": isDisabled || void 0,
-        "data-solvapay-checkout-continue": "",
-        onClick: (e) => {
-          onClick?.(e);
-          if (e.defaultPrevented) return;
-          void flow.advance();
-        },
-        ...rest,
-        children: label
-      }
-    );
-  }
-);
-function Payment({ className }) {
-  const flow = useCheckoutContext("Payment");
-  if (flow.branch === "payg") {
-    return /* @__PURE__ */ jsx6(PaygPayment, { className });
-  }
-  if (flow.branch === "recurring") {
-    return /* @__PURE__ */ jsx6(RecurringPayment, { className });
-  }
-  return null;
-}
-function PaygPayment({ className }) {
-  const flow = useCheckoutContext("Payment");
-  const locale = useLocale();
-  const { creditsPerMinorUnit, displayExchangeRate } = useBalance();
-  const returnUrl = useReturnUrl();
-  const selectedPlanShape = flow.selectedPlan;
-  const amountMinor = flow.selectedAmountMinor;
-  const currency = flow.topupCurrency;
-  if (!selectedPlanShape || amountMinor == null || currency == null) return null;
-  const creditsAdded = creditsPerMinorUnit != null && creditsPerMinorUnit > 0 ? Math.floor(amountMinor / (displayExchangeRate ?? 1) * creditsPerMinorUnit) : null;
-  return /* @__PURE__ */ jsxs2("div", { className: className ?? "solvapay-checkout-payment", "data-branch": "payg", children: [
-    /* @__PURE__ */ jsx6("div", { className: "solvapay-checkout-order-summary", "data-variant": "payg", children: /* @__PURE__ */ jsxs2("div", { className: "solvapay-checkout-order-summary-row", children: [
-      /* @__PURE__ */ jsx6("span", { children: creditsAdded != null ? `${creditsAdded.toLocaleString(locale)} credits` : formatPrice(amountMinor, currency, { locale }) }),
-      creditsAdded != null ? /* @__PURE__ */ jsx6("span", { children: formatPrice(amountMinor, currency, { locale }) }) : null
-    ] }) }),
-    /* @__PURE__ */ jsxs2(
-      TopupForm.Root,
-      {
-        amount: amountMinor,
-        currency,
-        returnUrl,
-        className: "solvapay-checkout-topup-form",
-        onSuccess: (intent, extras) => flow.notifyPaymentSuccess(intent, extras),
-        children: [
-          /* @__PURE__ */ jsx6(TopupForm.Loading, {}),
-          /* @__PURE__ */ jsx6(TopupForm.PaymentElement, {}),
-          /* @__PURE__ */ jsx6(TopupForm.Error, { className: "solvapay-checkout-error" }),
-          /* @__PURE__ */ jsx6(MandateText, { mode: "topup", amountMinor, currency }),
-          /* @__PURE__ */ jsxs2(TopupForm.SubmitButton, { className: "solvapay-checkout-pay-button", children: [
-            "Pay ",
-            formatPrice(amountMinor, currency, { locale })
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-function RecurringPayment({ className }) {
-  const flow = useCheckoutContext("Payment");
-  const locale = useLocale();
-  const returnUrl = useReturnUrl();
-  const productRef = useProductRef();
-  const selectedPlanShape = flow.selectedPlan;
-  if (!selectedPlanShape || !flow.selectedPlanRef) return null;
-  const currency = (selectedPlanShape.currency ?? "USD").toUpperCase();
-  const amountMinor = selectedPlanShape.price ?? 0;
-  const cycle = selectedPlanShape.billingCycle;
-  const planName = selectedPlanShape.name ?? "Plan";
-  const isRecurring = !!cycle;
-  const formattedAmount = formatPrice(amountMinor, currency, { locale });
-  const priceLine = isRecurring ? `${formattedAmount}/${shortCycle(cycle)}` : formattedAmount;
-  return /* @__PURE__ */ jsxs2("div", { className: className ?? "solvapay-checkout-payment", "data-branch": "recurring", children: [
-    /* @__PURE__ */ jsx6("div", { className: "solvapay-checkout-order-summary", "data-variant": "recurring", children: /* @__PURE__ */ jsxs2("div", { className: "solvapay-checkout-order-summary-row", children: [
-      /* @__PURE__ */ jsx6("span", { children: planName }),
-      /* @__PURE__ */ jsx6("span", { children: priceLine })
-    ] }) }),
-    /* @__PURE__ */ jsxs2(
-      PaymentForm.Root,
-      {
-        planRef: flow.selectedPlanRef,
-        productRef,
-        returnUrl,
-        requireTermsAcceptance: false,
-        onSuccess: (intent) => flow.notifyPaymentSuccess(intent),
-        children: [
-          /* @__PURE__ */ jsx6(PaymentForm.Loading, {}),
-          /* @__PURE__ */ jsx6(PaymentForm.PaymentElement, {}),
-          /* @__PURE__ */ jsx6(PaymentForm.Error, { className: "solvapay-checkout-error" }),
-          /* @__PURE__ */ jsx6(PaymentForm.MandateText, {}),
-          /* @__PURE__ */ jsx6(PaymentForm.SubmitButton, { className: "solvapay-checkout-pay-button", children: isRecurring ? `Subscribe \u2014 ${priceLine}` : `Pay ${formattedAmount}` })
-        ]
-      }
-    )
-  ] });
-}
-var CheckoutEnvContext = createContext4(null);
-function useReturnUrl() {
-  return useContext5(CheckoutEnvContext)?.returnUrl ?? "";
-}
-function useProductRef() {
-  return useContext5(CheckoutEnvContext)?.productRef ?? "";
-}
-var BackLink = forwardRef5(function CheckoutStepsBackLink({ label, glyph = "\u2190", className, onClick, ...rest }, ref) {
-  const flow = useCheckoutContext("BackLink");
-  if (!flow.canGoBack) return null;
-  const resolvedLabel = label ?? (flow.step === "payment" && flow.branch === "payg" ? "Change amount" : flow.step === "payment" && flow.branch === "recurring" ? "Change plan" : "Back");
-  return /* @__PURE__ */ jsxs2(
-    "button",
-    {
-      ref,
-      type: "button",
-      className: ["solvapay-checkout-back-link", className].filter(Boolean).join(" "),
-      "data-solvapay-checkout-back": "",
-      onClick: (e) => {
-        onClick?.(e);
-        if (e.defaultPrevented) return;
-        flow.back();
-      },
-      ...rest,
-      children: [
-        /* @__PURE__ */ jsx6("span", { className: "solvapay-checkout-back-link-glyph", "aria-hidden": "true", children: glyph }),
-        /* @__PURE__ */ jsx6("span", { className: "solvapay-checkout-back-link-label", children: resolvedLabel })
-      ]
-    }
-  );
-});
-function Success({ className, children }) {
-  const flow = useCheckoutContext("Success");
-  const locale = useLocale();
-  if (flow.step !== "success" || !flow.successMeta) return null;
-  if (children) {
-    return /* @__PURE__ */ jsx6("div", { className: className ?? "solvapay-checkout-success", children });
-  }
-  const meta = flow.successMeta;
-  if (meta.branch === "payg") {
-    return /* @__PURE__ */ jsxs2("div", { className: className ?? "solvapay-checkout-success", "data-branch": "payg", children: [
-      /* @__PURE__ */ jsx6("div", { className: "solvapay-checkout-success-check", "aria-hidden": "true", children: "\u2713" }),
-      /* @__PURE__ */ jsx6("h2", { className: "solvapay-checkout-success-heading", children: "Credits added" }),
-      /* @__PURE__ */ jsx6("p", { className: "solvapay-checkout-success-subheading", children: "Pay as you go plan is active." }),
-      /* @__PURE__ */ jsxs2("dl", { className: "solvapay-checkout-receipt", "data-variant": "payg", children: [
-        /* @__PURE__ */ jsxs2("div", { className: "solvapay-checkout-receipt-row", children: [
-          /* @__PURE__ */ jsx6("dt", { children: "Amount" }),
-          /* @__PURE__ */ jsx6("dd", { children: formatPrice(meta.amountMinor, meta.currency, { locale }) })
-        ] }),
-        /* @__PURE__ */ jsxs2("div", { className: "solvapay-checkout-receipt-row", children: [
-          /* @__PURE__ */ jsx6("dt", { children: "Credits" }),
-          /* @__PURE__ */ jsxs2("dd", { children: [
-            "+",
-            meta.creditsAdded.toLocaleString(locale)
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs2("div", { className: "solvapay-checkout-receipt-row", children: [
-          /* @__PURE__ */ jsx6("dt", { children: "Plan" }),
-          /* @__PURE__ */ jsx6("dd", { children: meta.plan.name ?? "Pay as you go" })
-        ] }),
-        /* @__PURE__ */ jsxs2("div", { className: "solvapay-checkout-receipt-row", children: [
-          /* @__PURE__ */ jsx6("dt", { children: "Rate" }),
-          /* @__PURE__ */ jsx6("dd", { children: meta.rateLabel })
-        ] })
-      ] })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs2("div", { className: className ?? "solvapay-checkout-success", "data-branch": "recurring", children: [
-    /* @__PURE__ */ jsx6("div", { className: "solvapay-checkout-success-check", "aria-hidden": "true", children: "\u2713" }),
-    /* @__PURE__ */ jsxs2("h2", { className: "solvapay-checkout-success-heading", children: [
-      meta.plan.name ?? "Plan",
-      " active"
-    ] }),
-    /* @__PURE__ */ jsx6("p", { className: "solvapay-checkout-success-subheading", children: "Subscription is live and credits are ready." }),
-    /* @__PURE__ */ jsxs2("dl", { className: "solvapay-checkout-receipt", "data-variant": "recurring", children: [
-      /* @__PURE__ */ jsxs2("div", { className: "solvapay-checkout-receipt-row", children: [
-        /* @__PURE__ */ jsx6("dt", { children: "Plan" }),
-        /* @__PURE__ */ jsx6("dd", { children: meta.plan.name ?? "Plan" })
-      ] }),
-      meta.creditsIncluded > 0 ? /* @__PURE__ */ jsxs2("div", { className: "solvapay-checkout-receipt-row", children: [
-        /* @__PURE__ */ jsx6("dt", { children: "Credits" }),
-        /* @__PURE__ */ jsxs2("dd", { children: [
-          "+",
-          meta.creditsIncluded.toLocaleString(locale)
-        ] })
-      ] }) : null,
-      /* @__PURE__ */ jsxs2("div", { className: "solvapay-checkout-receipt-row", children: [
-        /* @__PURE__ */ jsx6("dt", { children: "Charged today" }),
-        /* @__PURE__ */ jsx6("dd", { children: formatPrice(meta.chargedTodayMinor, meta.currency, { locale }) })
-      ] }),
-      meta.nextRenewalLabel ? /* @__PURE__ */ jsxs2("div", { className: "solvapay-checkout-receipt-row", children: [
-        /* @__PURE__ */ jsx6("dt", { children: "Next renewal" }),
-        /* @__PURE__ */ jsx6("dd", { children: meta.nextRenewalLabel })
-      ] }) : null
-    ] })
-  ] });
-}
-var RootWithEnv = forwardRef5(
-  function CheckoutStepsRootWithEnv(props, forwardedRef) {
-    const env = useMemo5(
-      () => ({ returnUrl: props.returnUrl, productRef: props.productRef }),
-      [props.returnUrl, props.productRef]
-    );
-    return /* @__PURE__ */ jsx6(CheckoutEnvContext.Provider, { value: env, children: /* @__PURE__ */ jsx6(Root4, { ...props, ref: forwardedRef }) });
-  }
-);
-var CheckoutSteps = {
-  Root: RootWithEnv,
-  IfStep,
-  StepHeading,
-  StepMessage,
-  PlanGrid,
-  PlanContinueButton,
-  AmountPicker: AmountPicker2,
-  AmountContinueButton,
-  Payment,
-  BackLink,
-  Success
-};
-var CheckoutStepsRoot2 = RootWithEnv;
-var CheckoutStepsIfStep = IfStep;
-var CheckoutStepsStepHeading2 = StepHeading;
-var CheckoutStepsStepMessage2 = StepMessage;
-var CheckoutStepsPlanGrid = PlanGrid;
-var CheckoutStepsPlanContinueButton = PlanContinueButton;
-var CheckoutStepsAmountPicker = AmountPicker2;
-var CheckoutStepsAmountContinueButton = AmountContinueButton;
-var CheckoutStepsPayment = Payment;
-var CheckoutStepsBackLink2 = BackLink;
-var CheckoutStepsSuccess = Success;
-
-// src/primitives/PaywallNotice.tsx
-import { Fragment as Fragment4, jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
-var PaywallNoticeContext = createContext5(null);
-function usePaywallNoticeCtx(part) {
-  const ctx = useContext6(PaywallNoticeContext);
-  if (!ctx) {
-    throw new Error(`PaywallNotice.${part} must be rendered inside <PaywallNotice.Root>.`);
-  }
-  return ctx;
-}
-var Root5 = forwardRef6(function PaywallNoticeRoot({ content, onResolved, classNames, asChild, children, ...rest }, forwardedRef) {
-  const { resolved, refetch } = usePaywallResolver(content);
-  const classNamesResolved = useMemo6(() => classNames ?? {}, [classNames]);
-  const onResolvedRef = useRef2(onResolved);
-  useEffect3(() => {
-    onResolvedRef.current = onResolved;
-  }, [onResolved]);
-  const hasResolvedRef = useRef2(false);
-  const signalResolved = useCallback3(() => {
-    if (hasResolvedRef.current) return;
-    hasResolvedRef.current = true;
-    onResolvedRef.current?.();
-  }, []);
-  useEffect3(() => {
-    if (resolved) signalResolved();
-  }, [resolved, signalResolved]);
-  const ctx = useMemo6(
-    () => ({
-      content,
-      resolved,
-      refetch,
-      onResolved: signalResolved,
-      classNames: classNamesResolved
-    }),
-    [content, resolved, refetch, signalResolved, classNamesResolved]
-  );
-  const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx7(PaywallNoticeContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx7(
-    Comp,
-    {
-      ref: forwardedRef,
-      "data-solvapay-paywall-notice": "",
-      "data-kind": content.kind,
-      "data-state": resolved ? "resolved" : "pending",
-      className: classNamesResolved.root,
-      ...rest,
-      children
-    }
-  ) });
-});
-var Heading2 = forwardRef6(function PaywallNoticeHeading({ asChild, children, className, ...rest }, forwardedRef) {
-  const ctx = usePaywallNoticeCtx("Heading");
-  const copy = useCopy();
-  const defaultText = ctx.resolved ? copy.paywall.resolvedHeading : ctx.content.kind === "payment_required" ? copy.paywall.paymentRequiredHeading : isTopupGate(ctx.content) ? copy.paywall.topupRequiredHeading : copy.paywall.activationRequiredHeading;
-  const Comp = asChild ? Slot : "h2";
-  return /* @__PURE__ */ jsx7(
-    Comp,
-    {
-      ref: forwardedRef,
-      "data-solvapay-paywall-heading": "",
-      className: className ?? ctx.classNames.heading,
-      ...rest,
-      children: children ?? defaultText
-    }
-  );
-});
-var Message = forwardRef6(function PaywallNoticeMessage({ asChild, children, className, ...rest }, forwardedRef) {
-  const ctx = usePaywallNoticeCtx("Message");
-  const copy = useCopy();
-  const Comp = asChild ? Slot : "p";
-  const defaultText = resolvePaywallMessage(ctx.content, copy.paywall);
-  return /* @__PURE__ */ jsx7(
-    Comp,
-    {
-      ref: forwardedRef,
-      "data-solvapay-paywall-message": "",
-      className: className ?? ctx.classNames.message,
-      ...rest,
-      children: children ?? defaultText
-    }
-  );
-});
-function isTopupGate(content) {
-  if (content.kind !== "activation_required") return false;
-  const plans = content.plans;
-  if (!plans || plans.length === 0) return false;
-  return plans.every((p) => isPaygPlan(p));
-}
-function resolvePaywallMessage(content, paywallCopy) {
-  const productName = content.kind === "payment_required" || content.kind === "activation_required" ? content.productDetails?.name : void 0;
-  const forProduct = productName ? interpolate(paywallCopy.paymentRequiredProductSuffix, { product: productName }) : "";
-  if (content.kind === "payment_required") {
-    const balance = content.balance;
-    if (!balance) {
-      return interpolate(paywallCopy.paymentRequiredMessageNoBalance, { forProduct });
-    }
-    const remaining = balance.remainingUnits ?? 0;
-    if (remaining <= 0) {
-      return interpolate(paywallCopy.paymentRequiredMessage, { forProduct });
-    }
-    return interpolate(paywallCopy.paymentRequiredMessageRemaining, {
-      remaining: String(remaining),
-      pluralSuffix: remaining === 1 ? "" : "s",
-      forProduct
-    });
-  }
-  if (content.kind === "activation_required") {
-    if (isTopupGate(content)) {
-      return interpolate(paywallCopy.topupRequiredMessage, { forProduct });
-    }
-    return interpolate(paywallCopy.activationRequiredMessage, { forProduct });
-  }
-  return content.message ?? "";
-}
-var ProductContext = forwardRef6(function PaywallNoticeProductContext({ asChild, children, className, ...rest }, forwardedRef) {
-  const ctx = usePaywallNoticeCtx("ProductContext");
-  const copy = useCopy();
-  const product = ctx.content.kind === "activation_required" ? ctx.content.productDetails : void 0;
-  if (!product?.name) return null;
-  const label = interpolate(copy.paywall.productContext, { product: product.name });
-  const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx7(
-    Comp,
-    {
-      ref: forwardedRef,
-      "data-solvapay-paywall-product-context": "",
-      className: className ?? ctx.classNames.productContext,
-      ...rest,
-      children: children ?? label
-    }
-  );
-});
-var Balance = forwardRef6(function PaywallNoticeBalance({ asChild, children, className, ...rest }, forwardedRef) {
-  const ctx = usePaywallNoticeCtx("Balance");
-  const copy = useCopy();
-  const balance = ctx.content.balance;
-  if (ctx.content.kind !== "activation_required" || !balance) return null;
-  const label = interpolate(copy.paywall.balanceLine, {
-    available: String(balance.remainingUnits ?? 0),
-    required: String(balance.creditsPerUnit ?? 1)
-  });
-  const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx7(
-    Comp,
-    {
-      ref: forwardedRef,
-      "data-solvapay-paywall-balance": "",
-      className: className ?? ctx.classNames.balance,
-      ...rest,
-      children: children ?? label
-    }
-  );
-});
-function Plans({ className, children }) {
-  const ctx = usePaywallNoticeCtx("Plans");
-  if (ctx.content.kind !== "activation_required") return null;
-  if (!ctx.content.product) return null;
-  const defaultClass = className ?? ctx.classNames.plans ?? "solvapay-paywall-plans";
-  return /* @__PURE__ */ jsx7("div", { "data-solvapay-paywall-plans": "", className: defaultClass, children: /* @__PURE__ */ jsx7(PlanSelector.Root, { productRef: ctx.content.product, filter: hidesFreePlan, children: children ?? /* @__PURE__ */ jsxs3(Fragment4, { children: [
-    /* @__PURE__ */ jsx7(PlanSelector.Grid, { children: /* @__PURE__ */ jsxs3(PlanSelector.Card, { children: [
-      /* @__PURE__ */ jsx7(PlanSelector.CardBadge, {}),
-      /* @__PURE__ */ jsx7(PlanSelector.CardName, {}),
-      /* @__PURE__ */ jsx7(PlanSelector.CardPrice, {}),
-      /* @__PURE__ */ jsx7(PlanSelector.CardInterval, {})
-    ] }) }),
-    /* @__PURE__ */ jsx7(PlanSelector.Loading, {}),
-    /* @__PURE__ */ jsx7(PlanSelector.Error, {})
-  ] }) }) });
-}
-function hidesFreePlan(plan) {
-  return plan.requiresPayment !== false;
-}
-var HostedCheckoutLink = forwardRef6(function PaywallNoticeHostedCheckoutLink({ asChild, children, className, ...rest }, forwardedRef) {
-  const ctx = usePaywallNoticeCtx("HostedCheckoutLink");
-  const copy = useCopy();
-  const href = ctx.content.checkoutUrl;
-  if (!href) return null;
-  const Comp = asChild ? Slot : "a";
-  return /* @__PURE__ */ jsx7(
-    Comp,
-    {
-      ref: forwardedRef,
-      href,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      "data-solvapay-paywall-hosted-link": "",
-      className: className ?? ctx.classNames.hostedLink,
-      ...rest,
-      children: children ?? copy.paywall.hostedCheckoutButton
-    }
-  );
-});
-function EmbeddedCheckout({ returnUrl, topupCurrency, className }) {
-  const ctx = usePaywallNoticeCtx("EmbeddedCheckout");
-  const productRef = ctx.content.product;
-  const { plans } = usePlans({ productRef: productRef ?? void 0 });
-  const filter = useMemo6(() => buildDefaultCheckoutPlanFilter(plans), [plans]);
-  if (!productRef) return null;
-  const resolvedClassName = className ?? ctx.classNames.embeddedCheckout ?? "solvapay-paywall-embedded-checkout";
-  const headingClassName = ctx.classNames.heading ?? "solvapay-paywall-step-heading";
-  const messageClassName = ctx.classNames.message ?? "solvapay-paywall-step-message";
-  return /* @__PURE__ */ jsxs3(
-    CheckoutSteps.Root,
-    {
-      productRef,
-      returnUrl,
-      filter,
-      topupCurrency,
-      onPurchaseSuccess: () => {
-        void ctx.refetch();
-        ctx.onResolved?.();
-      },
-      className: resolvedClassName,
-      children: [
-        /* @__PURE__ */ jsx7(CheckoutSteps.StepHeading, { className: headingClassName }),
-        /* @__PURE__ */ jsx7(CheckoutSteps.StepMessage, { className: messageClassName }),
-        /* @__PURE__ */ jsxs3(CheckoutSteps.IfStep, { step: "plan", children: [
-          /* @__PURE__ */ jsx7(CheckoutSteps.PlanGrid, {}),
-          /* @__PURE__ */ jsx7(PlanSelector.Loading, {}),
-          /* @__PURE__ */ jsx7(PlanSelector.Error, {}),
-          /* @__PURE__ */ jsx7(CheckoutSteps.PlanContinueButton, {})
-        ] }),
-        /* @__PURE__ */ jsxs3(CheckoutSteps.IfStep, { step: "amount", children: [
-          /* @__PURE__ */ jsx7(CheckoutSteps.BackLink, {}),
-          /* @__PURE__ */ jsx7(CheckoutSteps.AmountPicker, {}),
-          /* @__PURE__ */ jsx7(CheckoutSteps.AmountContinueButton, {})
-        ] }),
-        /* @__PURE__ */ jsxs3(CheckoutSteps.IfStep, { step: "payment", children: [
-          /* @__PURE__ */ jsx7(CheckoutSteps.BackLink, {}),
-          /* @__PURE__ */ jsx7(CheckoutSteps.Payment, {})
-        ] }),
-        /* @__PURE__ */ jsx7(CheckoutSteps.IfStep, { step: "success", children: /* @__PURE__ */ jsx7(CheckoutSteps.Success, {}) })
-      ]
-    }
-  );
-}
-var Retry = forwardRef6(function PaywallNoticeRetry({ asChild, children, className, onClick, ...rest }, forwardedRef) {
-  const ctx = usePaywallNoticeCtx("Retry");
-  const copy = useCopy();
-  const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx7(
-    Comp,
-    {
-      ref: forwardedRef,
-      type: "button",
-      disabled: !ctx.resolved,
-      "data-solvapay-paywall-retry": "",
-      "data-state": ctx.resolved ? "ready" : "waiting",
-      className: className ?? ctx.classNames.retryButton,
-      onClick: (e) => {
-        onClick?.(e);
-        if (!e.defaultPrevented && ctx.resolved) ctx.onResolved?.();
-      },
-      ...rest,
-      children: children ?? copy.paywall.retryButton
-    }
-  );
-});
-var PaywallNotice = Object.assign(Root5, {
-  Root: Root5,
-  Heading: Heading2,
-  Message,
-  ProductContext,
-  Plans,
-  Balance,
-  HostedCheckoutLink,
-  EmbeddedCheckout,
-  Retry
-});
-function usePaywallNotice() {
-  return usePaywallNoticeCtx("usePaywallNotice");
-}
-function usePaywallNoticeOptional() {
-  return useContext6(PaywallNoticeContext);
-}
-
-export {
-  TopupForm2 as TopupForm,
-  ProductBadge2 as ProductBadge,
-  PlanBadge,
-  PurchaseGateRoot2 as PurchaseGateRoot,
-  PurchaseGateAllowed2 as PurchaseGateAllowed,
-  PurchaseGateBlocked2 as PurchaseGateBlocked,
-  PurchaseGateLoading2 as PurchaseGateLoading,
-  PurchaseGateError2 as PurchaseGateError,
-  PurchaseGate,
-  usePurchaseGate,
-  ActivationFlowRoot2 as ActivationFlowRoot,
-  ActivationFlowSummary2 as ActivationFlowSummary,
-  ActivationFlowActivateButton2 as ActivationFlowActivateButton,
-  ActivationFlowAmountPicker,
-  ActivationFlowContinueButton2 as ActivationFlowContinueButton,
-  ActivationFlowRetrying2 as ActivationFlowRetrying,
-  ActivationFlowActivated2 as ActivationFlowActivated,
-  ActivationFlowLoading2 as ActivationFlowLoading,
-  ActivationFlowError2 as ActivationFlowError,
-  ActivationFlow,
-  useActivationFlow,
-  CreditGateRoot2 as CreditGateRoot,
-  CreditGateHeading2 as CreditGateHeading,
-  CreditGateSubheading2 as CreditGateSubheading,
-  CreditGateTopup,
-  CreditGateLoading2 as CreditGateLoading,
-  CreditGateError2 as CreditGateError,
-  CreditGate,
-  useCreditGate,
-  usePaywallResolver,
-  Root5 as Root,
-  Heading2 as Heading,
-  Message,
-  ProductContext,
-  Balance,
-  Plans,
-  HostedCheckoutLink,
-  EmbeddedCheckout,
-  Retry,
-  PaywallNotice,
-  usePaywallNotice,
-  useCheckoutSteps,
-  CheckoutSteps,
-  CheckoutStepsRoot2 as CheckoutStepsRoot,
-  CheckoutStepsIfStep,
-  CheckoutStepsStepHeading2 as CheckoutStepsStepHeading,
-  CheckoutStepsStepMessage2 as CheckoutStepsStepMessage,
-  CheckoutStepsPlanGrid,
-  CheckoutStepsPlanContinueButton,
-  CheckoutStepsAmountPicker,
-  CheckoutStepsAmountContinueButton,
-  CheckoutStepsPayment,
-  CheckoutStepsBackLink2 as CheckoutStepsBackLink,
-  CheckoutStepsSuccess
-};