@nextblock-cms/ecom 0.19.2 → 0.19.3

package/lib/components/Checkout.es.js

@@ -1,7 +1,7 @@
 'use client';
-import { jsx as e, jsxs as r, Fragment as ht } from "react/jsx-runtime";
+import { jsxs as r, jsx as e, Fragment as ht } from "react/jsx-runtime";
 import { Badge as Xe } from "@nextblock-cms/ui/badge";
-import { Button as we } from "@nextblock-cms/ui/button";
+import { Button as ke } from "@nextblock-cms/ui/button";
 import { Card as X, CardHeader as Y, CardTitle as W, CardContent as Z } from "@nextblock-cms/ui/card";
 import { Checkbox as gt } from "@nextblock-cms/ui/checkbox";
 import { Input as j } from "@nextblock-cms/ui/input";
@@ -11,8 +11,8 @@ import { RadioGroup as Ue, RadioGroupItem as Ce } from "@nextblock-cms/ui/radio-
 import { Checkout as _t } from "@freemius/checkout";
 import { getCartItemActivePrice as Ae } from "../cart-store.es.js";
 import { useCart as yt } from "../use-cart.es.js";
-import { useState as y, useMemo as $, useEffect as V } from "react";
-import { X as bt, FlaskConical as xt, CreditCard as vt, ChevronRight as Nt, Loader2 as Se, Package as kt, Download as wt, MapPin as Ct } from "lucide-react";
+import { useState as y, useMemo as F, useEffect as V } from "react";
+import { X as bt, FlaskConical as xt, CreditCard as vt, ChevronRight as Nt, Loader2 as Se, Package as wt, Download as kt, MapPin as Ct } from "lucide-react";
 import { useTranslations as Ye } from "@nextblock-cms/utils";
 import { usePriceFormatter as St } from "../use-price-formatter.es.js";
 import { normalizeCountryCode as $t, countries as Ft } from "../countries.es.js";
@@ -20,17 +20,17 @@ import { usePaymentReadiness as At } from "../PaymentReadinessProvider.es.js";
 import { getShippingEstimates as Tt } from "../server-actions/shipping-actions.es.js";
 import { getTaxEstimate as jt } from "../server-actions/tax-actions.es.js";
 import { isDigitalItem as $e } from "../types.es.js";
-import { countryUsesStructuredStates as pe, getStatesForCountry as Je } from "../states.es.js";
-import { addressesMatch as Et, emptyCustomerAddress as It, normalizeCustomerAddress as Te, isCustomerAddressComplete as Ge } from "../customer.es.js";
-import { useCurrency as Mt } from "../CurrencyProvider.es.js";
+import { countryUsesStructuredStates as pe, getStatesForCountry as Je, getSubdivisionLabel as Et } from "../states.es.js";
+import { addressesMatch as It, emptyCustomerAddress as Mt, normalizeCustomerAddress as Te, isCustomerAddressComplete as Ge } from "../customer.es.js";
+import { useCurrency as Dt } from "../CurrencyProvider.es.js";
 import { getTrialSummary as He } from "../trials.es.js";
-import { CouponForm as Dt } from "./CouponForm.es.js";
-const Lt = process.env.NEXT_PUBLIC_IS_SANDBOX === "true", me = "nextblock-checkout-draft-v1";
-function ue(n, a) {
+import { CouponForm as Lt } from "./CouponForm.es.js";
+const Rt = process.env.NEXT_PUBLIC_IS_SANDBOX === "true", me = "nextblock-checkout-draft-v1";
+function ue(n, o) {
   return {
-    ...It(),
+    ...Mt(),
     company_name: n?.company_name || "",
-    recipient_name: n?.recipient_name || a || "",
+    recipient_name: n?.recipient_name || o || "",
     line1: n?.line1 || "",
     line2: n?.line2 || "",
     city: n?.city || "",
@@ -39,40 +39,40 @@ function ue(n, a) {
     country_code: $t(n?.country_code) || "CA"
   };
 }
-function Rt(n) {
-  const a = Te(n);
-  return !(!a?.country_code || !a.postal_code || pe(a.country_code) && !a.state);
+function qt(n) {
+  const o = Te(n);
+  return !(!o?.country_code || !o.postal_code || pe(o.country_code) && !o.state);
 }
-function Fe(n, a, F) {
-  return n.reduce((u, f) => {
-    const { price: g, sale_price: A } = Ae(f, {
-      currencyCode: a,
-      currencies: F
+function Fe(n, o, A) {
+  return n.reduce((m, f) => {
+    const { price: g, sale_price: S } = Ae(f, {
+      currencyCode: o,
+      currencies: A
     });
-    return u + (A ?? g) * f.quantity;
+    return m + (S ?? g) * f.quantity;
   }, 0);
 }
 function Qe({
   idPrefix: n,
-  title: a,
-  description: F,
-  value: u,
+  title: o,
+  description: A,
+  value: m,
   onChange: f
 }) {
-  const { t: g, lang: A } = Ye(), E = $(() => {
+  const { t: g, lang: S } = Ye(), E = F(() => {
     try {
-      return new Intl.DisplayNames([A], { type: "region" });
+      return new Intl.DisplayNames([S], { type: "region" });
     } catch {
       return null;
     }
-  }, [A]), I = g("company_name") === "company_name" ? "Company name" : g("company_name"), ee = g("select_an_option") === "select_an_option" ? "Select an option" : g("select_an_option"), q = g("state_province") === "state_province" ? "State / Province" : g("state_province"), U = Je(u.country_code), K = pe(u.country_code);
+  }, [S]), I = g("company_name") === "company_name" ? "Company name" : g("company_name"), ee = g("select_an_option") === "select_an_option" ? "Select an option" : g("select_an_option"), q = g("state_province") === "state_province" ? "State / Province" : g("state_province"), U = Je(m.country_code), K = pe(m.country_code);
   return /* @__PURE__ */ r(X, { children: [
     /* @__PURE__ */ r(Y, { children: [
       /* @__PURE__ */ r(W, { role: "heading", "aria-level": 2, className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e(Ct, { className: "w-5 h-5" }),
-        a
+        o
       ] }),
-      /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: F })
+      /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: A })
     ] }),
     /* @__PURE__ */ r(Z, { className: "space-y-4", children: [
       /* @__PURE__ */ r("div", { className: "grid gap-4 sm:grid-cols-3", children: [
@@ -84,8 +84,8 @@ function Qe({
               id: `${n}-company`,
               name: `${n}-company`,
               autoComplete: `${n} organization`,
-              value: u.company_name,
-              onChange: (m) => f({ ...u, company_name: m.target.value })
+              value: m.company_name,
+              onChange: (u) => f({ ...m, company_name: u.target.value })
             }
           )
         ] }),
@@ -98,8 +98,8 @@ function Qe({
               name: `${n}-name`,
               autoComplete: `${n} name`,
               required: !0,
-              value: u.recipient_name,
-              onChange: (m) => f({ ...u, recipient_name: m.target.value })
+              value: m.recipient_name,
+              onChange: (u) => f({ ...m, recipient_name: u.target.value })
             }
           )
         ] }),
@@ -113,16 +113,16 @@ function Qe({
               autoComplete: `${n} country`,
               required: !0,
               className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-              value: u.country_code,
-              onChange: (m) => {
-                const te = m.target.value, re = Je(te);
+              value: m.country_code,
+              onChange: (u) => {
+                const te = u.target.value, re = Je(te);
                 f({
-                  ...u,
+                  ...m,
                   country_code: te,
-                  state: re.some((he) => he.code === u.state) ? u.state : ""
+                  state: re.some((he) => he.code === m.state) ? m.state : ""
                 });
               },
-              children: Ft.map((m) => /* @__PURE__ */ e("option", { value: m.code, children: E?.of(m.code) ?? m.name }, m.code))
+              children: Ft.map((u) => /* @__PURE__ */ e("option", { value: u.code, children: E?.of(u.code) ?? u.name }, u.code))
             }
           )
         ] })
@@ -136,8 +136,8 @@ function Qe({
             name: `${n}-line1`,
             autoComplete: `${n} address-line1`,
             required: !0,
-            value: u.line1,
-            onChange: (m) => f({ ...u, line1: m.target.value })
+            value: m.line1,
+            onChange: (u) => f({ ...m, line1: u.target.value })
           }
         )
       ] }),
@@ -149,8 +149,8 @@ function Qe({
             id: `${n}-line2`,
             name: `${n}-line2`,
             autoComplete: `${n} address-line2`,
-            value: u.line2,
-            onChange: (m) => f({ ...u, line2: m.target.value })
+            value: m.line2,
+            onChange: (u) => f({ ...m, line2: u.target.value })
           }
         )
       ] }),
@@ -164,8 +164,8 @@ function Qe({
               name: `${n}-city`,
               autoComplete: `${n} address-level2`,
               required: !0,
-              value: u.city,
-              onChange: (m) => f({ ...u, city: m.target.value })
+              value: m.city,
+              onChange: (u) => f({ ...m, city: u.target.value })
             }
           )
         ] }),
@@ -179,11 +179,11 @@ function Qe({
               autoComplete: `${n} address-level1`,
               required: !0,
               className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-              value: u.state,
-              onChange: (m) => f({ ...u, state: m.target.value }),
+              value: m.state,
+              onChange: (u) => f({ ...m, state: u.target.value }),
               children: [
                 /* @__PURE__ */ e("option", { value: "", children: `${ee}: ${q}` }),
-                U.map((m) => /* @__PURE__ */ e("option", { value: m.code, children: m.name }, m.code))
+                U.map((u) => /* @__PURE__ */ e("option", { value: u.code, children: Et(m.country_code, u, S) }, u.code))
               ]
             }
           ) : /* @__PURE__ */ e(
@@ -192,8 +192,8 @@ function Qe({
               id: `${n}-state`,
               name: `${n}-state`,
               autoComplete: `${n} address-level1`,
-              value: u.state,
-              onChange: (m) => f({ ...u, state: m.target.value })
+              value: m.state,
+              onChange: (u) => f({ ...m, state: u.target.value })
             }
           )
         ] }),
@@ -206,8 +206,8 @@ function Qe({
               name: `${n}-postal`,
               autoComplete: `${n} postal-code`,
               required: !0,
-              value: u.postal_code,
-              onChange: (m) => f({ ...u, postal_code: m.target.value })
+              value: m.postal_code,
+              onChange: (u) => f({ ...m, postal_code: u.target.value })
             }
           )
         ] })
@@ -217,23 +217,23 @@ function Qe({
 }
 function Ve({
   title: n,
-  description: a,
-  badgeLabel: F,
-  children: u
+  description: o,
+  badgeLabel: A,
+  children: m
 }) {
   return /* @__PURE__ */ r(X, { children: [
     /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ r("div", { className: "flex items-center justify-between gap-3 flex-wrap", children: [
       /* @__PURE__ */ r("div", { children: [
         /* @__PURE__ */ e(W, { role: "heading", "aria-level": 2, children: n }),
-        /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-muted-foreground", children: a })
+        /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-muted-foreground", children: o })
       ] }),
-      F ? /* @__PURE__ */ e(Xe, { variant: "secondary", children: F }) : null
+      A ? /* @__PURE__ */ e(Xe, { variant: "secondary", children: A }) : null
     ] }) }),
-    /* @__PURE__ */ e(Z, { className: "space-y-4", children: u })
+    /* @__PURE__ */ e(Z, { className: "space-y-4", children: m })
   ] });
 }
-const dr = ({ initialCustomer: n }) => {
-  const a = St(), [F, u] = y({}), [f, g] = y(null), [A, E] = y({}), [I, ee] = y(n?.email || ""), [q, U] = y(""), [K, m] = y(n?.phone || ""), [te, re] = y(!1), [he, je] = y(null), [Ee, ne] = y(!1), [We, Ie] = y(!1), [Ze, le] = y(!1), [J, G] = y([]), [T, z] = y(null), [k, ce] = y(null), [M, et] = y(null), [w, Me] = y(
+const mr = ({ initialCustomer: n }) => {
+  const o = St(), [A, m] = y({}), [f, g] = y(null), [S, E] = y({}), [I, ee] = y(n?.email || ""), [q, U] = y(""), [K, u] = y(n?.phone || ""), [te, re] = y(!1), [he, je] = y(null), [Ee, ne] = y(!1), [We, Ie] = y(!1), [Ze, le] = y(!1), [J, G] = y([]), [T, z] = y(null), [w, se] = y(null), [M, et] = y(null), [k, Me] = y(
     () => ue(n?.billingAddress, n?.fullName)
   ), [B, De] = y(
     () => ue(
@@ -241,47 +241,47 @@ const dr = ({ initialCustomer: n }) => {
       n?.fullName
     )
   ), [D, Le] = y(
-    !n?.shippingAddress || Et(n?.billingAddress, n?.shippingAddress)
-  ), H = yt((t) => t), { t: c, lang: ge } = Ye(), { activeCurrencyCode: o, currencies: L } = Mt(), Re = At(), x = H?.items ?? [], v = $(
+    !n?.shippingAddress || It(n?.billingAddress, n?.shippingAddress)
+  ), H = yt((t) => t), { t: s, lang: ge } = Ye(), { activeCurrencyCode: a, currencies: L } = Dt(), Re = At(), x = H?.items ?? [], v = F(
     () => x.filter((t) => !$e(t)),
     [x]
-  ), C = $(
+  ), C = F(
     () => x.filter((t) => $e(t)),
     [x]
-  ), P = n?.isAuthenticated ?? !1, l = (t, s, h) => {
-    const i = c(t, h);
+  ), P = n?.isAuthenticated ?? !1, l = (t, c, h) => {
+    const i = s(t, h);
     if (i !== t)
       return i;
     if (!h)
-      return s;
-    let _ = s;
+      return c;
+    let _ = c;
     return Object.entries(h).forEach(([p, d]) => {
       _ = _.replace(
         new RegExp(`\\{${p}\\}`, "g"),
         String(d)
       );
     }), _;
-  }, N = v.length > 0, tt = $(
-    () => Fe(x, o, L),
-    [o, L, x]
-  ), fe = $(
-    () => Fe(v, o, L),
-    [o, L, v]
-  ), _e = $(
-    () => Fe(C, o, L),
-    [o, L, C]
-  ), ye = M?.providerDiscounts.stripe ?? 0, be = M?.providerDiscounts.freemius ?? 0, se = Math.max(0, fe - ye), rt = Math.max(0, _e - be), S = $(
-    () => D ? w : B,
-    [w, B, D]
-  ), O = $(
-    () => N ? S : w,
-    [w, N, S]
-  ), ie = !N || Rt(S), oe = $(
+  }, N = v.length > 0, tt = F(
+    () => Fe(x, a, L),
+    [a, L, x]
+  ), fe = F(
+    () => Fe(v, a, L),
+    [a, L, v]
+  ), _e = F(
+    () => Fe(C, a, L),
+    [a, L, C]
+  ), ye = M?.providerDiscounts.stripe ?? 0, be = M?.providerDiscounts.freemius ?? 0, ce = Math.max(0, fe - ye), rt = Math.max(0, _e - be), $ = F(
+    () => D ? k : B,
+    [k, B, D]
+  ), O = F(
+    () => N ? $ : k,
+    [k, N, $]
+  ), ie = !N || qt($), ae = F(
     () => J.find((t) => t.id === T),
     [J, T]
-  ), qe = $(
-    () => se + (oe?.amount ?? 0) + (k && !k.isPendingExternalCalculation ? k.amount : 0),
-    [se, oe, k]
+  ), qe = F(
+    () => ce + (ae?.amount ?? 0) + (w && !w.isPendingExternalCalculation ? w.amount : 0),
+    [ce, ae, w]
   ), nt = qe + rt;
   if (V(() => {
     if (!(P || typeof window > "u"))
@@ -289,8 +289,8 @@ const dr = ({ initialCustomer: n }) => {
         const t = window.localStorage.getItem(me);
         if (!t)
           return;
-        const s = JSON.parse(t);
-        s.email && ee(s.email), s.phone && m(s.phone), s.billingAddress && Me(ue(s.billingAddress)), s.shippingAddress && De(ue(s.shippingAddress)), typeof s.useBillingForShipping == "boolean" && Le(s.useBillingForShipping), (typeof s.selectedMethodId == "string" || s.selectedMethodId === null) && z(s.selectedMethodId);
+        const c = JSON.parse(t);
+        c.email && ee(c.email), c.phone && u(c.phone), c.billingAddress && Me(ue(c.billingAddress)), c.shippingAddress && De(ue(c.shippingAddress)), typeof c.useBillingForShipping == "boolean" && Le(c.useBillingForShipping), (typeof c.selectedMethodId == "string" || c.selectedMethodId === null) && z(c.selectedMethodId);
       } catch (t) {
         console.error("[Checkout] Failed to restore checkout draft:", t);
       }
@@ -306,7 +306,7 @@ const dr = ({ initialCustomer: n }) => {
           JSON.stringify({
             email: I,
             phone: K,
-            billingAddress: w,
+            billingAddress: k,
             shippingAddress: B,
             useBillingForShipping: D,
             selectedMethodId: T
@@ -315,7 +315,7 @@ const dr = ({ initialCustomer: n }) => {
       } catch {
       }
   }, [
-    w,
+    k,
     I,
     P,
     K,
@@ -333,18 +333,18 @@ const dr = ({ initialCustomer: n }) => {
     }
     let t = !1;
     const h = setTimeout(async () => {
-      if (S.country_code) {
+      if ($.country_code) {
         ne(!0), Ie(!1);
         try {
           const i = await Tt(
-            se,
+            ce,
             {
-              country: S.country_code,
-              state: S.state,
-              postal_code: S.postal_code
+              country: $.country_code,
+              state: $.state,
+              postal_code: $.postal_code
             },
             ge,
-            o
+            a
           );
           if (t)
             return;
@@ -368,23 +368,23 @@ const dr = ({ initialCustomer: n }) => {
       t = !0, clearTimeout(h);
     };
   }, [
-    o,
+    a,
     N,
     ie,
     ge,
-    S.country_code,
-    S.postal_code,
-    S.state,
-    se
+    $.country_code,
+    $.postal_code,
+    $.state,
+    ce
   ]), V(() => {
     let t = !1;
     const h = setTimeout(async () => {
       if (!N || !O.country_code) {
-        le(!1), ce(null);
+        le(!1), se(null);
         return;
       }
       if (pe(O.country_code) && !O.state) {
-        le(!1), ce(null);
+        le(!1), se(null);
         return;
       }
       le(!0);
@@ -395,17 +395,17 @@ const dr = ({ initialCustomer: n }) => {
             country_code: O.country_code,
             state: O.state
           },
-          o,
+          a,
           M?.code ?? null,
           x
         );
         if (t)
           return;
-        ce(i.success && i.tax ? i.tax : null);
+        se(i.success && i.tax ? i.tax : null);
       } catch (i) {
         if (t)
           return;
-        console.error("[Checkout] Failed to load the tax estimate:", i), ce(null);
+        console.error("[Checkout] Failed to load the tax estimate:", i), se(null);
       } finally {
         t || le(!1);
       }
@@ -414,7 +414,7 @@ const dr = ({ initialCustomer: n }) => {
       t = !0, clearTimeout(h);
     };
   }, [
-    o,
+    a,
     N,
     v,
     O.country_code,
@@ -422,12 +422,24 @@ const dr = ({ initialCustomer: n }) => {
     M?.code,
     x
   ]), V(() => {
-    const t = (s) => {
-      s.persisted && g(null);
+    const t = (c) => {
+      c.persisted && g(null);
     };
     return window.addEventListener("pageshow", t), () => window.removeEventListener("pageshow", t);
   }, []), !H)
-    return null;
+    return /* @__PURE__ */ r("div", { role: "status", "aria-busy": "true", className: "container mx-auto px-4 py-12 md:px-6", children: [
+      /* @__PURE__ */ e("span", { className: "sr-only", children: s("loading") === "loading" ? "Loading…" : s("loading") }),
+      /* @__PURE__ */ r("div", { className: "mx-auto max-w-6xl", children: [
+        /* @__PURE__ */ e("div", { className: "mb-8 h-9 w-48 rounded-md bg-muted" }),
+        /* @__PURE__ */ r("div", { className: "grid gap-8 lg:grid-cols-12 lg:items-start", children: [
+          /* @__PURE__ */ r("div", { className: "space-y-6 lg:col-span-8", children: [
+            /* @__PURE__ */ e("div", { className: "h-56 rounded-xl border bg-muted/40" }),
+            /* @__PURE__ */ e("div", { className: "h-96 rounded-xl border bg-muted/40" })
+          ] }),
+          /* @__PURE__ */ e("div", { className: "lg:col-span-4", children: /* @__PURE__ */ e("div", { className: "h-72 rounded-xl border bg-muted/40" }) })
+        ] })
+      ] })
+    ] });
   const xe = () => {
     re(!1), je(null);
   }, ze = te ? /* @__PURE__ */ e(
@@ -460,9 +472,9 @@ const dr = ({ initialCustomer: n }) => {
             ),
             /* @__PURE__ */ r("div", { className: "flex items-center gap-3 mb-4", children: [
               /* @__PURE__ */ e("div", { className: "p-2 rounded-full bg-amber-100 dark:bg-amber-900/20", children: /* @__PURE__ */ e(xt, { className: "h-6 w-6 text-amber-600 dark:text-amber-400" }) }),
-              /* @__PURE__ */ e("h2", { id: "sandbox-checkout-title", className: "text-xl font-semibold", children: c("ecommerce.checkout_successful") })
+              /* @__PURE__ */ e("h2", { id: "sandbox-checkout-title", className: "text-xl font-semibold", children: s("ecommerce.checkout_successful") })
             ] }),
-            /* @__PURE__ */ e("p", { className: "text-muted-foreground mb-2", children: c("ecommerce.sandbox_notice") }),
+            /* @__PURE__ */ e("p", { className: "text-muted-foreground mb-2", children: s("ecommerce.sandbox_notice") }),
             /* @__PURE__ */ e("p", { className: "text-muted-foreground mb-2", children: he === "stripe" ? l(
               "ecommerce.sandbox_checkout_stripe_description",
               "This simulated step represents the Stripe checkout for physical products."
@@ -470,7 +482,7 @@ const dr = ({ initialCustomer: n }) => {
               "ecommerce.sandbox_checkout_freemius_description",
               "This simulated step represents the Freemius checkout for digital products."
             ) }),
-            /* @__PURE__ */ e("p", { className: "text-muted-foreground mb-6", children: c("ecommerce.license_notice") }),
+            /* @__PURE__ */ e("p", { className: "text-muted-foreground mb-6", children: s("ecommerce.license_notice") }),
             /* @__PURE__ */ e(
               "a",
               {
@@ -478,33 +490,33 @@ const dr = ({ initialCustomer: n }) => {
                 target: "_blank",
                 rel: "noopener noreferrer",
                 className: "block w-full text-center py-3 px-4 rounded-lg bg-primary text-primary-foreground font-semibold hover:opacity-90 transition-opacity",
-                children: c("ecommerce.purchase_at")
+                children: s("ecommerce.purchase_at")
               }
             )
           ]
         }
       )
     }
-  ) : null, ae = (t, s, h) => (E((i) => ({ ...i, [t]: s })), h && document.getElementById(h)?.focus(), null), ve = (t, s) => s.recipient_name.trim() ? s.line1.trim() ? s.city.trim() ? pe(s.country_code) && !s.state ? `${t}-state` : s.postal_code.trim() ? `${t}-line1` : `${t}-postal` : `${t}-city` : `${t}-line1` : `${t}-name`, lt = (t) => {
+  ) : null, oe = (t, c, h) => (E((i) => ({ ...i, [t]: c })), h && document.getElementById(h)?.focus(), null), ve = (t, c) => c.recipient_name.trim() ? c.line1.trim() ? c.city.trim() ? pe(c.country_code) && !c.state ? `${t}-state` : c.postal_code.trim() ? `${t}-line1` : `${t}-postal` : `${t}-city` : `${t}-line1` : `${t}-name`, lt = (t) => {
     if (!P && (!I || !/^\S+@\S+\.\S+$/.test(I)))
-      return U(c("ecommerce.invalid_email")), ae(t, c("ecommerce.invalid_email"), "checkout-email");
-    const s = Te(w);
-    if (!Ge(s))
-      return ae(
+      return U(s("ecommerce.invalid_email")), oe(t, s("ecommerce.invalid_email"), "checkout-email");
+    const c = Te(k);
+    if (!Ge(c))
+      return oe(
         t,
-        c("checkout_complete_billing_address"),
-        ve("billing", w)
+        s("checkout_complete_billing_address"),
+        ve("billing", k)
       );
-    const h = N ? Te(D ? w : B) : null;
+    const h = N ? Te(D ? k : B) : null;
     if (t === "stripe") {
       if (!Ge(h))
-        return ae(
+        return oe(
           t,
-          c("checkout_complete_shipping_address"),
-          D ? ve("billing", w) : ve("shipping", B)
+          s("checkout_complete_shipping_address"),
+          D ? ve("billing", k) : ve("shipping", B)
         );
       if (!T)
-        return ae(
+        return oe(
           t,
           l(
             "ecommerce.shipping_method_required",
@@ -513,18 +525,18 @@ const dr = ({ initialCustomer: n }) => {
         );
     }
     return U(""), {
-      normalizedBillingAddress: s,
+      normalizedBillingAddress: c,
       normalizedShippingAddress: h
     };
-  }, Be = async (t, s, h) => {
+  }, Be = async (t, c, h) => {
     E((_) => ({
       ..._,
       [t]: ""
     }));
     const i = lt(t);
     if (i) {
-      if (Lt) {
-        const _ = new Set(s.map((d) => d.id)), p = x.filter((d) => !_.has(d.id));
+      if (Rt) {
+        const _ = new Set(c.map((d) => d.id)), p = x.filter((d) => !_.has(d.id));
         if (H.setItems(p), p.length === 0 && H.removeCoupon(), je(t), re(!0), typeof window < "u" && p.length === 0)
           try {
             window.localStorage.removeItem(me);
@@ -538,14 +550,14 @@ const dr = ({ initialCustomer: n }) => {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({
-            items: s,
+            items: c,
             customerEmail: P ? void 0 : I,
             customerPhone: K || null,
             billingAddress: i.normalizedBillingAddress,
             shippingAddress: t === "stripe" ? i.normalizedShippingAddress : null,
             shippingMethodId: t === "stripe" ? T : null,
             locale: ge,
-            currencyCode: o,
+            currencyCode: a,
             couponCode: M?.code ?? H.appliedCoupon?.code ?? null,
             couponContextItems: x
           })
@@ -555,7 +567,7 @@ const dr = ({ initialCustomer: n }) => {
             p.errorKey,
             p?.error || l("ecommerce.generic_error", "Something went wrong."),
             p.errorParams
-          ) : p?.error || c("ecommerce.generic_error");
+          ) : p?.error || s("ecommerce.generic_error");
           E((Q) => ({
             ...Q,
             [t]: d
@@ -584,7 +596,7 @@ const dr = ({ initialCustomer: n }) => {
             public_key: d.public_key,
             sandbox: d.sandbox
           }, ut = {
-            name: c("ecommerce.checkout_overlay_title"),
+            name: s("ecommerce.checkout_overlay_title"),
             plan_id: d.plan_id,
             ...d.billing_cycle ? { billing_cycle: d.billing_cycle } : {},
             ...d.trial ? { trial: d.trial } : {},
@@ -611,17 +623,17 @@ const dr = ({ initialCustomer: n }) => {
           } catch (R) {
             console.error("[Checkout] Freemius overlay failed to open:", R), E((de) => ({
               ...de,
-              [t]: c("ecommerce.checkout_popup_blocked")
+              [t]: s("ecommerce.checkout_popup_blocked")
             })), p.url && (window.location.href = p.url), g(null);
           }
         } else p.url ? window.location.href = p.url : (E((d) => ({
           ...d,
-          [t]: c("ecommerce.checkout_failed") + (p.error || l("ecommerce.unknown_error", "Unknown error"))
+          [t]: s("ecommerce.checkout_failed") + (p.error || l("ecommerce.unknown_error", "Unknown error"))
         })), g(null));
       } catch (_) {
         console.error(_), E((p) => ({
           ...p,
-          [t]: c("ecommerce.generic_error")
+          [t]: s("ecommerce.generic_error")
         })), g(null);
       }
     }
@@ -630,21 +642,21 @@ const dr = ({ initialCustomer: n }) => {
     return /* @__PURE__ */ r(ht, { children: [
       ze,
       /* @__PURE__ */ r("div", { className: "container mx-auto flex min-h-[50vh] flex-col items-center justify-center p-8 text-center", children: [
-        /* @__PURE__ */ e("h1", { className: "mb-4 text-2xl font-bold", children: c("ecommerce.cart_empty") }),
-        /* @__PURE__ */ e("p", { className: "mb-8 text-muted-foreground", children: c("ecommerce.cart_empty_description") }),
-        /* @__PURE__ */ e(we, { asChild: !0, children: /* @__PURE__ */ e("a", { href: "/shop", children: c("ecommerce.go_to_shop") }) })
+        /* @__PURE__ */ e("h1", { className: "mb-4 text-2xl font-bold", children: s("ecommerce.cart_empty") }),
+        /* @__PURE__ */ e("p", { className: "mb-8 text-muted-foreground", children: s("ecommerce.cart_empty_description") }),
+        /* @__PURE__ */ e(ke, { asChild: !0, children: /* @__PURE__ */ e("a", { href: "/shop", children: s("ecommerce.go_to_shop") }) })
       ] })
     ] });
   const Pe = l(
     "ecommerce.checkout_payments_unavailable",
     "This store is not able to take payments right now. Please contact the seller to complete your purchase."
-  ), Oe = Re.stripe ? null : Pe, Ne = Re.freemius ? null : Pe, ke = Oe || (N ? ie ? Ee ? l(
+  ), Oe = Re.stripe ? null : Pe, Ne = Re.freemius ? null : Pe, we = Oe || (N ? ie ? Ee ? l(
     "ecommerce.calculating_shipping",
     "Calculating shipping..."
-  ) : T ? null : J.length > 0 ? c("ecommerce.select_rate") : c("ecommerce.no_rates_for_region") : l(
+  ) : T ? null : J.length > 0 ? s("ecommerce.select_rate") : s("ecommerce.no_rates_for_region") : l(
     "ecommerce.waiting_on_address_info",
     "Complete your shipping address to view available shipping options."
-  ) : null), ct = f !== null || ke !== null, st = v.length === 1 ? l("ecommerce.item_count_one", "{count} item", {
+  ) : null), st = f !== null || we !== null, ct = v.length === 1 ? l("ecommerce.item_count_one", "{count} item", {
     count: v.length
   }) : l("ecommerce.item_count_other", "{count} items", {
     count: v.length
@@ -652,7 +664,7 @@ const dr = ({ initialCustomer: n }) => {
     count: C.length
   }) : l("ecommerce.license_count_other", "{count} licenses", {
     count: C.length
-  }), ot = (t) => $e(t) ? l("ecommerce.digital_label", "Digital") : l("ecommerce.physical_label", "Physical"), at = (t) => t === "monthly" ? l(
+  }), at = (t) => $e(t) ? l("ecommerce.digital_label", "Digital") : l("ecommerce.physical_label", "Physical"), ot = (t) => t === "monthly" ? l(
     "ecommerce.checkout_billing_cycle_monthly",
     "Monthly subscription"
   ) : t === "annual" ? l(
@@ -665,18 +677,18 @@ const dr = ({ initialCustomer: n }) => {
   return /* @__PURE__ */ r("div", { className: "container mx-auto px-4 py-12 md:px-6", children: [
     ze,
     /* @__PURE__ */ r("div", { className: "mx-auto max-w-6xl", children: [
-      /* @__PURE__ */ e("h1", { className: "mb-8 text-3xl font-bold", children: c("ecommerce.checkout") }),
+      /* @__PURE__ */ e("h1", { className: "mb-8 text-3xl font-bold", children: s("ecommerce.checkout") }),
       /* @__PURE__ */ r("div", { className: "grid gap-8 lg:grid-cols-12 lg:items-start", children: [
         /* @__PURE__ */ r("div", { className: "lg:col-span-8 space-y-6", children: [
           /* @__PURE__ */ r(X, { children: [
             /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ r(W, { role: "heading", "aria-level": 2, className: "flex items-center gap-2", children: [
               /* @__PURE__ */ e(vt, { className: "w-5 h-5" }),
-              c("ecommerce.contact_information")
+              s("ecommerce.contact_information")
             ] }) }),
             /* @__PURE__ */ r(Z, { className: "space-y-4", children: [
-              P ? /* @__PURE__ */ e("div", { className: "rounded-xl border bg-muted/20 p-4 text-sm text-muted-foreground", children: c("checkout_prefill_notice", { email: n?.email || "" }) }) : /* @__PURE__ */ r("div", { className: "space-y-2", children: [
+              P ? /* @__PURE__ */ e("div", { className: "rounded-xl border bg-muted/20 p-4 text-sm text-muted-foreground", children: s("checkout_prefill_notice", { email: n?.email || "" }) }) : /* @__PURE__ */ r("div", { className: "space-y-2", children: [
                 /* @__PURE__ */ r(b, { htmlFor: "checkout-email", children: [
-                  c("ecommerce.email_address"),
+                  s("ecommerce.email_address"),
                   " ",
                   /* @__PURE__ */ e("span", { className: "text-destructive", children: "*" })
                 ] }),
@@ -690,7 +702,7 @@ const dr = ({ initialCustomer: n }) => {
                     spellCheck: !1,
                     "aria-invalid": q ? !0 : void 0,
                     "aria-describedby": q ? "checkout-email-error" : void 0,
-                    placeholder: c("ecommerce.email_placeholder"),
+                    placeholder: s("ecommerce.email_placeholder"),
                     value: I,
                     onChange: (t) => {
                       ee(t.target.value), q && U("");
@@ -701,7 +713,7 @@ const dr = ({ initialCustomer: n }) => {
                 q ? /* @__PURE__ */ e("p", { id: "checkout-email-error", role: "alert", className: "text-xs text-destructive mt-1", children: q }) : null
               ] }),
               /* @__PURE__ */ r("div", { className: "space-y-2", children: [
-                /* @__PURE__ */ e(b, { htmlFor: "checkout-phone", children: c("phone_number") }),
+                /* @__PURE__ */ e(b, { htmlFor: "checkout-phone", children: s("phone_number") }),
                 /* @__PURE__ */ e(
                   j,
                   {
@@ -710,9 +722,9 @@ const dr = ({ initialCustomer: n }) => {
                     type: "tel",
                     inputMode: "tel",
                     autoComplete: "tel",
-                    placeholder: c("optional"),
+                    placeholder: s("optional"),
                     value: K,
-                    onChange: (t) => m(t.target.value)
+                    onChange: (t) => u(t.target.value)
                   }
                 )
               ] })
@@ -722,9 +734,9 @@ const dr = ({ initialCustomer: n }) => {
             Qe,
             {
               idPrefix: "billing",
-              title: c("billing_address"),
-              description: c("checkout_billing_address_help"),
-              value: w,
+              title: s("billing_address"),
+              description: s("checkout_billing_address_help"),
+              value: k,
               onChange: Me
             }
           ),
@@ -738,16 +750,16 @@ const dr = ({ initialCustomer: n }) => {
               }
             ),
             /* @__PURE__ */ r("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ e(b, { htmlFor: "use-billing-for-shipping", className: "cursor-pointer", children: c("use_billing_for_shipping") }),
-              /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: c("checkout_use_billing_for_shipping_help") })
+              /* @__PURE__ */ e(b, { htmlFor: "use-billing-for-shipping", className: "cursor-pointer", children: s("use_billing_for_shipping") }),
+              /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: s("checkout_use_billing_for_shipping_help") })
             ] })
           ] }) : null,
           N && !D ? /* @__PURE__ */ e(
             Qe,
             {
               idPrefix: "shipping",
-              title: c("shipping_address"),
-              description: c("checkout_shipping_address_help"),
+              title: s("shipping_address"),
+              description: s("checkout_shipping_address_help"),
               value: B,
               onChange: De
             }
@@ -755,7 +767,7 @@ const dr = ({ initialCustomer: n }) => {
           N ? /* @__PURE__ */ r(X, { children: [
             /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ r(W, { role: "heading", "aria-level": 2, className: "flex items-center gap-2", children: [
               /* @__PURE__ */ e(Nt, { className: "w-5 h-5 text-primary" }),
-              c("ecommerce.shipping_method")
+              s("ecommerce.shipping_method")
             ] }) }),
             /* @__PURE__ */ e(Z, { children: Ee ? /* @__PURE__ */ r("div", { role: "status", className: "flex items-center justify-center py-6", children: [
               /* @__PURE__ */ e(Se, { className: "w-6 h-6 animate-spin text-muted-foreground" }),
@@ -771,7 +783,7 @@ const dr = ({ initialCustomer: n }) => {
                 {
                   value: T ?? "",
                   onValueChange: z,
-                  "aria-label": c("ecommerce.shipping_method"),
+                  "aria-label": s("ecommerce.shipping_method"),
                   className: "space-y-3",
                   children: J.map((t) => /* @__PURE__ */ r(
                     b,
@@ -783,14 +795,14 @@ const dr = ({ initialCustomer: n }) => {
                           /* @__PURE__ */ e(Ce, { id: `shipping-method-${t.id}`, value: t.id }),
                           /* @__PURE__ */ e("span", { className: "font-medium break-words", children: t.name })
                         ] }),
-                        /* @__PURE__ */ e("span", { className: "font-bold tabular-nums", children: a(t.amount, o) })
+                        /* @__PURE__ */ e("span", { className: "font-bold tabular-nums", children: o(t.amount, a) })
                       ]
                     },
                     t.id
                   ))
                 }
               )
-            ) : /* @__PURE__ */ e("div", { className: "py-4 text-center text-muted-foreground bg-muted/30 rounded-lg italic", children: ie ? c("ecommerce.no_rates_for_region") : l(
+            ) : /* @__PURE__ */ e("div", { className: "py-4 text-center text-muted-foreground bg-muted/30 rounded-lg italic", children: ie ? s("ecommerce.no_rates_for_region") : l(
               "ecommerce.waiting_on_address_info",
               "Complete your shipping address to view available shipping options."
             ) }) })
@@ -798,24 +810,24 @@ const dr = ({ initialCustomer: n }) => {
         ] }),
         /* @__PURE__ */ r("div", { className: "lg:col-span-4 space-y-6", children: [
           /* @__PURE__ */ r(X, { className: "top-6", children: [
-            /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(W, { role: "heading", "aria-level": 2, children: c("ecommerce.order_summary") }) }),
+            /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(W, { role: "heading", "aria-level": 2, children: s("ecommerce.order_summary") }) }),
             /* @__PURE__ */ r(Z, { className: "space-y-4", children: [
               /* @__PURE__ */ e("div", { className: "space-y-3 max-h-[260px] overflow-y-auto pr-2", children: x.map((t) => {
-                const s = Ae(t, {
-                  currencyCode: o,
+                const c = Ae(t, {
+                  currencyCode: a,
                   currencies: L
-                }), h = He(t, c);
+                }), h = He(t, s);
                 return /* @__PURE__ */ r("div", { className: "flex items-start justify-between gap-4", children: [
                   /* @__PURE__ */ r("div", { className: "flex gap-3", children: [
                     t.image_url ? /* @__PURE__ */ e("div", { className: "h-10 w-10 shrink-0 overflow-hidden rounded border bg-neutral-100", children: /* @__PURE__ */ e("img", { src: t.image_url, alt: t.title, className: "h-full w-full object-cover" }) }) : null,
                     /* @__PURE__ */ r("div", { className: "grid gap-0.5", children: [
                       /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
                         /* @__PURE__ */ e("span", { className: "font-medium text-xs line-clamp-1", children: t.title }),
-                        /* @__PURE__ */ e(Xe, { variant: "outline", className: "text-[9px] uppercase", children: ot(t) })
+                        /* @__PURE__ */ e(Xe, { variant: "outline", className: "text-[9px] uppercase", children: at(t) })
                       ] }),
                       t.variant_label ? /* @__PURE__ */ e("span", { className: "text-[10px] text-muted-foreground line-clamp-1", children: t.variant_label }) : null,
                       /* @__PURE__ */ r("span", { className: "text-[10px] text-muted-foreground", children: [
-                        c("ecommerce.qty"),
+                        s("ecommerce.qty"),
                         ": ",
                         t.quantity
                       ] }),
@@ -827,41 +839,41 @@ const dr = ({ initialCustomer: n }) => {
                     ] })
                   ] }),
                   /* @__PURE__ */ r("div", { className: "flex flex-col items-end gap-0.5 shrink-0", children: [
-                    /* @__PURE__ */ e("span", { className: "font-medium text-xs", children: a(
-                      (s.sale_price ?? s.price) * t.quantity,
-                      o
+                    /* @__PURE__ */ e("span", { className: "font-medium text-xs", children: o(
+                      (c.sale_price ?? c.price) * t.quantity,
+                      a
                     ) }),
-                    s.sale_price ? /* @__PURE__ */ e("span", { className: "text-[9px] text-muted-foreground line-through", children: a(s.price * t.quantity, o) }) : null
+                    c.sale_price ? /* @__PURE__ */ e("span", { className: "text-[9px] text-muted-foreground line-through", children: o(c.price * t.quantity, a) }) : null
                   ] })
                 ] }, `${t.id}-${t.variant_id || "base"}`);
               }) }),
               /* @__PURE__ */ e(ft, {}),
               /* @__PURE__ */ e(
-                Dt,
+                Lt,
                 {
                   items: x,
-                  currencyCode: o,
+                  currencyCode: a,
                   onQuoteChange: et
                 }
               ),
               /* @__PURE__ */ r("div", { className: "space-y-2 text-sm", children: [
                 /* @__PURE__ */ r("div", { className: "flex justify-between", children: [
-                  /* @__PURE__ */ e("span", { children: c("ecommerce.subtotal") }),
-                  /* @__PURE__ */ e("span", { children: a(tt, o) })
+                  /* @__PURE__ */ e("span", { children: s("ecommerce.subtotal") }),
+                  /* @__PURE__ */ e("span", { children: o(tt, a) })
                 ] }),
                 v.length > 0 ? /* @__PURE__ */ r("div", { className: "flex justify-between text-muted-foreground", children: [
                   /* @__PURE__ */ e("span", { children: l(
                     "ecommerce.physical_products",
                     "Physical products"
                   ) }),
-                  /* @__PURE__ */ e("span", { children: a(fe, o) })
+                  /* @__PURE__ */ e("span", { children: o(fe, a) })
                 ] }) : null,
                 C.length > 0 ? /* @__PURE__ */ r("div", { className: "flex justify-between text-muted-foreground", children: [
                   /* @__PURE__ */ e("span", { children: l(
                     "ecommerce.digital_products",
                     "Digital products"
                   ) }),
-                  /* @__PURE__ */ e("span", { children: a(_e, o) })
+                  /* @__PURE__ */ e("span", { children: o(_e, a) })
                 ] }) : null,
                 M ? /* @__PURE__ */ r("div", { className: "flex justify-between text-emerald-600", children: [
                   /* @__PURE__ */ r("span", { children: [
@@ -872,7 +884,7 @@ const dr = ({ initialCustomer: n }) => {
                   ] }),
                   /* @__PURE__ */ r("span", { children: [
                     "-",
-                    a(M.discountTotal, o)
+                    o(M.discountTotal, a)
                   ] })
                 ] }) : null,
                 (v.length > 0 || C.length > 0) && /* @__PURE__ */ r("div", { className: "flex justify-between font-bold text-lg pt-2 border-t mt-2", children: [
@@ -880,7 +892,7 @@ const dr = ({ initialCustomer: n }) => {
                     "ecommerce.estimated_total",
                     "Estimated total"
                   ) }),
-                  /* @__PURE__ */ e("span", { className: "text-primary", children: a(nt, o) })
+                  /* @__PURE__ */ e("span", { className: "text-primary", children: o(nt, a) })
                 ] })
               ] })
             ] })
@@ -896,7 +908,7 @@ const dr = ({ initialCustomer: n }) => {
                 "ecommerce.stripe_checkout_description",
                 "Pay for physical products in one Stripe checkout session."
               ),
-              badgeLabel: st,
+              badgeLabel: ct,
               children: [
                 /* @__PURE__ */ r("div", { className: "space-y-2 text-sm", children: [
                   /* @__PURE__ */ r("div", { className: "flex justify-between", children: [
@@ -904,62 +916,62 @@ const dr = ({ initialCustomer: n }) => {
                       "ecommerce.physical_subtotal",
                       "Physical subtotal"
                     ) }),
-                    /* @__PURE__ */ e("span", { children: a(fe, o) })
+                    /* @__PURE__ */ e("span", { children: o(fe, a) })
                   ] }),
                   ye > 0 ? /* @__PURE__ */ r("div", { className: "flex justify-between text-emerald-600", children: [
                     /* @__PURE__ */ e("span", { children: l("ecommerce.discount", "Discount") }),
                     /* @__PURE__ */ r("span", { children: [
                       "-",
-                      a(ye, o)
+                      o(ye, a)
                     ] })
                   ] }) : null,
                   /* @__PURE__ */ r("div", { className: "flex justify-between", children: [
-                    /* @__PURE__ */ e("span", { children: c("ecommerce.shipping") }),
-                    /* @__PURE__ */ e("span", { children: oe ? a(oe.amount, o) : "-" })
+                    /* @__PURE__ */ e("span", { children: s("ecommerce.shipping") }),
+                    /* @__PURE__ */ e("span", { children: ae ? o(ae.amount, a) : "-" })
                   ] }),
                   /* @__PURE__ */ r("div", { className: "flex justify-between", children: [
                     /* @__PURE__ */ e("span", { children: l("ecommerce.tax", "Tax") }),
-                    /* @__PURE__ */ e("span", { children: Ze ? "..." : k?.isPendingExternalCalculation ? l(
+                    /* @__PURE__ */ e("span", { children: Ze ? "..." : w?.isPendingExternalCalculation ? l(
                       "ecommerce.tax_calculated_on_stripe",
                       "Calculated on Stripe"
-                    ) : k ? a(k.amount, o) : "-" })
+                    ) : w ? o(w.amount, a) : "-" })
                   ] }),
-                  k && k.lines.length > 0 ? /* @__PURE__ */ e("div", { className: "rounded-lg bg-muted/20 px-3 py-2 text-xs text-muted-foreground", children: k.lines.map((t) => /* @__PURE__ */ r("div", { className: "flex justify-between gap-3", children: [
+                  w && w.lines.length > 0 ? /* @__PURE__ */ e("div", { className: "rounded-lg bg-muted/20 px-3 py-2 text-xs text-muted-foreground", children: w.lines.map((t) => /* @__PURE__ */ r("div", { className: "flex justify-between gap-3", children: [
                     /* @__PURE__ */ r("span", { children: [
                       t.name,
                       " (",
                       t.rate.toFixed(4),
                       "%)"
                     ] }),
-                    /* @__PURE__ */ e("span", { children: a(t.amount, o) })
+                    /* @__PURE__ */ e("span", { children: o(t.amount, a) })
                   ] }, t.id || `${t.name}-${t.rate}`)) }) : null,
                   /* @__PURE__ */ r("div", { className: "flex justify-between font-semibold pt-2 border-t", children: [
                     /* @__PURE__ */ e("span", { children: l(
                       "ecommerce.total_on_stripe",
                       "Total on Stripe"
                     ) }),
-                    /* @__PURE__ */ e("span", { children: a(qe, o) })
+                    /* @__PURE__ */ e("span", { children: o(qe, a) })
                   ] })
                 ] }),
                 /* @__PURE__ */ r(
-                  we,
+                  ke,
                   {
                     className: "w-full",
                     size: "lg",
                     onClick: () => Be("stripe", v, "stripe"),
-                    disabled: ct,
+                    disabled: st,
                     children: [
-                      f === "stripe" ? /* @__PURE__ */ e(Se, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ e(kt, { className: "mr-2 h-4 w-4" }),
-                      f === "stripe" ? c("ecommerce.processing") : l(
+                      f === "stripe" ? /* @__PURE__ */ e(Se, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ e(wt, { className: "mr-2 h-4 w-4" }),
+                      f === "stripe" ? s("ecommerce.processing") : l(
                         "ecommerce.checkout_physical_products",
                         "Checkout Physical Products"
                       )
                     ]
                   }
                 ),
-                ke && f === null ? /* @__PURE__ */ e("p", { className: "text-[11px] text-muted-foreground", children: ke }) : null,
-                A.stripe ? /* @__PURE__ */ e("div", { role: "alert", className: "rounded-lg border border-destructive/20 bg-destructive/10 px-3 py-2 text-xs text-destructive", children: A.stripe }) : null,
-                /* @__PURE__ */ e("p", { className: "text-[11px] text-muted-foreground", children: k?.isPendingExternalCalculation ? l(
+                we && f === null ? /* @__PURE__ */ e("p", { className: "text-[11px] text-muted-foreground", children: we }) : null,
+                S.stripe ? /* @__PURE__ */ e("div", { role: "alert", className: "rounded-lg border border-destructive/20 bg-destructive/10 px-3 py-2 text-xs text-destructive", children: S.stripe }) : null,
+                /* @__PURE__ */ e("p", { className: "text-[11px] text-muted-foreground", children: w?.isPendingExternalCalculation ? l(
                   "checkout_stripe_tax_finalized_notice",
                   "Tax will be finalized by Stripe Tax on the payment step."
                 ) : l(
@@ -983,22 +995,22 @@ const dr = ({ initialCustomer: n }) => {
               badgeLabel: it,
               children: [
                 /* @__PURE__ */ e("div", { className: "space-y-3", children: C.map((t) => {
-                  const s = Ae(t, {
-                    currencyCode: o,
+                  const c = Ae(t, {
+                    currencyCode: a,
                     currencies: L
-                  }), h = He(t, c), i = `freemius:${t.id}`, _ = h ? F[i] || "paid" : void 0;
+                  }), h = He(t, s), i = `freemius:${t.id}`, _ = h ? A[i] || "paid" : void 0;
                   return /* @__PURE__ */ r("div", { className: "rounded-lg border p-3 space-y-3", children: [
                     /* @__PURE__ */ r("div", { className: "flex items-start justify-between gap-3", children: [
                       /* @__PURE__ */ r("div", { children: [
                         /* @__PURE__ */ e("p", { className: "font-medium", children: t.title }),
-                        t.billing_cycle ? /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground capitalize", children: at(t.billing_cycle) }) : null,
+                        t.billing_cycle ? /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground capitalize", children: ot(t.billing_cycle) }) : null,
                         h ? /* @__PURE__ */ r("p", { className: "text-xs font-medium text-emerald-700", children: [
                           h.label,
                           " - ",
                           h.paymentRequirementLabel
                         ] }) : null
                       ] }),
-                      /* @__PURE__ */ e("span", { className: "font-medium", children: a(s.sale_price ?? s.price, o) })
+                      /* @__PURE__ */ e("span", { className: "font-medium", children: o(c.sale_price ?? c.price, a) })
                     ] }),
                     h && !t.trial_requires_payment_method && /* @__PURE__ */ r("div", { className: "bg-muted/30 p-3 rounded-md border text-sm mt-2 mb-3", children: [
                       /* @__PURE__ */ e("p", { className: "font-medium mb-3", children: l(
@@ -1008,8 +1020,8 @@ const dr = ({ initialCustomer: n }) => {
                       /* @__PURE__ */ r(
                         Ue,
                         {
-                          value: F[i] || "paid",
-                          onValueChange: (p) => u((d) => ({ ...d, [i]: p })),
+                          value: A[i] || "paid",
+                          onValueChange: (p) => m((d) => ({ ...d, [i]: p })),
                           className: "gap-3",
                           children: [
                             /* @__PURE__ */ r("div", { className: "flex items-start space-x-3", children: [
@@ -1037,7 +1049,7 @@ const dr = ({ initialCustomer: n }) => {
                       )
                     ] }),
                     /* @__PURE__ */ r(
-                      we,
+                      ke,
                       {
                         className: "w-full h-auto min-h-[2.75rem] py-2",
                         onClick: () => Be(
@@ -1052,8 +1064,8 @@ const dr = ({ initialCustomer: n }) => {
                         ),
                         disabled: f !== null || Ne !== null,
                         children: [
-                          f === i ? /* @__PURE__ */ e(Se, { className: "mr-2 h-4 w-4 shrink-0 animate-spin" }) : /* @__PURE__ */ e(wt, { className: "mr-2 h-4 w-4 shrink-0" }),
-                          /* @__PURE__ */ e("span", { className: "whitespace-normal text-left", children: f === i ? c("ecommerce.processing") : C.length > 1 ? l(
+                          f === i ? /* @__PURE__ */ e(Se, { className: "mr-2 h-4 w-4 shrink-0 animate-spin" }) : /* @__PURE__ */ e(kt, { className: "mr-2 h-4 w-4 shrink-0" }),
+                          /* @__PURE__ */ e("span", { className: "whitespace-normal text-left", children: f === i ? s("ecommerce.processing") : C.length > 1 ? l(
                             "ecommerce.checkout_product",
                             "Checkout {title}",
                             { title: t.title }
@@ -1071,17 +1083,17 @@ const dr = ({ initialCustomer: n }) => {
                     "ecommerce.digital_subtotal",
                     "Digital subtotal"
                   ) }),
-                  /* @__PURE__ */ e("span", { children: a(_e, o) })
+                  /* @__PURE__ */ e("span", { children: o(_e, a) })
                 ] }),
                 be > 0 ? /* @__PURE__ */ r("div", { className: "flex justify-between text-sm font-semibold text-emerald-600", children: [
                   /* @__PURE__ */ e("span", { children: l("ecommerce.discount", "Discount") }),
                   /* @__PURE__ */ r("span", { children: [
                     "-",
-                    a(be, o)
+                    o(be, a)
                   ] })
                 ] }) : null,
                 Ne ? /* @__PURE__ */ e("div", { className: "rounded-lg border border-amber-500/40 bg-amber-500/10 px-3 py-2 text-xs", children: Ne }) : null,
-                A.freemius ? /* @__PURE__ */ e("div", { role: "alert", className: "rounded-lg border border-destructive/20 bg-destructive/10 px-3 py-2 text-xs text-destructive", children: A.freemius }) : null,
+                S.freemius ? /* @__PURE__ */ e("div", { role: "alert", className: "rounded-lg border border-destructive/20 bg-destructive/10 px-3 py-2 text-xs text-destructive", children: S.freemius }) : null,
                 /* @__PURE__ */ e("p", { className: "text-[11px] text-muted-foreground", children: C.length > 1 ? l(
                   "ecommerce.freemius_multi_checkout_notice",
                   "Freemius licenses are completed one at a time, so each digital product gets its own checkout action."
@@ -1098,5 +1110,5 @@ const dr = ({ initialCustomer: n }) => {
   ] });
 };
 export {
-  dr as Checkout
+  mr as Checkout
 };