@odus/checkout 0.29.0 → 0.29.1

package/dist/checkout.es.js

@@ -1,5 +1,5 @@
-import { c as ie, a as ce, f as V, d as he, C as A, I as re, g as ue, S as R, b as Z, e as w, A as me, P as pe, E as fe, l as ge, h as ye, i as be, j as Ee, k as Se, F as Fe, m as ve, n as Ce } from "./shared.js";
-import { o as vt, p as Ct, q as Mt, r as Nt, s as Pt, t as At, u as wt, v as kt } from "./shared.js";
+import { c as le, a as he, f as j, d as ue, C as w, I as de, g as me, S as _, b as Q, e as k, A as pe, P as fe, E as ge, l as ye, h as be, i as Ee, j as Se, k as Fe, F as Ce, m as ve, n as Me } from "./shared.js";
+import { o as vt, p as Mt, q as Nt, r as Pt, s as At, t as wt, u as kt, v as It } from "./shared.js";
 const v = {
   // Checkout lifecycle events
   CHECKOUT_INITIALIZED: "checkout.initialized",
@@ -16,86 +16,86 @@ const v = {
   PAYMENT_AUTHORIZED: "payment.authorized",
   PAYMENT_FAILED: "payment.failed",
   PAYMENT_ACTION_REQUIRED: "payment.action_required"
-}, G = {
+}, J = {
   PAYMENT_AUTHORIZATION_TIME: "payment.authorization_time",
   CHECKOUT_LOAD_TIME: "checkout.load_time",
   FORM_RENDER_TIME: "form.render_time"
-}, Me = /^\s*at (?:(.+?) ?\()?((?:file|https?|chrome-extension|webpack-internal):\/\/.+?):(\d+):(\d+)\)?\s*$/, Ne = /^([^@]+)@((?:file|https?|chrome-extension|webpack-internal):\/\/[^\s:]+):(\d+):(\d+)$/, Pe = /^(?:([^@]+)@)?((?:file|https?):\/\/[^\s:]+):(\d+):(\d+)$/, q = (n) => {
+}, Ne = /^\s*at (?:(.+?) ?\()?((?:file|https?|chrome-extension|webpack-internal):\/\/.+?):(\d+):(\d+)\)?\s*$/, Pe = /^([^@]+)@((?:file|https?|chrome-extension|webpack-internal):\/\/[^\s:]+):(\d+):(\d+)$/, Ae = /^(?:([^@]+)@)?((?:file|https?):\/\/[^\s:]+):(\d+):(\d+)$/, W = (n) => {
   if (!n)
     return [];
   const e = [], t = n.split(`
 `);
   for (const s of t) {
-    const i = s.trim();
-    if (!i)
+    const a = s.trim();
+    if (!a)
       continue;
-    let a = Me.exec(i);
-    if (a) {
+    let i = Ne.exec(a);
+    if (i) {
       e.push({
-        function: a[1] || "(anonymous)",
-        filename: a[2],
-        lineno: parseInt(a[3], 10),
-        colno: parseInt(a[4], 10)
+        function: i[1] || "(anonymous)",
+        filename: i[2],
+        lineno: parseInt(i[3], 10),
+        colno: parseInt(i[4], 10)
       });
       continue;
     }
-    a = Ne.exec(i) ?? Pe.exec(i), a && e.push({
-      function: a[1] || "(anonymous)",
-      filename: a[2],
-      lineno: parseInt(a[3], 10),
-      colno: parseInt(a[4], 10)
+    i = Pe.exec(a) ?? Ae.exec(a), i && e.push({
+      function: i[1] || "(anonymous)",
+      filename: i[2],
+      lineno: parseInt(i[3], 10),
+      colno: parseInt(i[4], 10)
     });
   }
   return e;
-}, Ae = "@odus/telemetry", we = "0.0.1";
-let O, x, Y;
-const ke = () => {
+}, we = "@odus/telemetry", ke = "0.0.1";
+let V, H, G;
+const Ie = () => {
   if (typeof navigator > "u")
     return {};
   const n = navigator.userAgent;
   let e, t, s;
   n.includes("Firefox/") ? (e = "Firefox", t = n.match(/Firefox\/([\d.]+)/)?.[1]) : n.includes("Edg/") ? (e = "Edge", t = n.match(/Edg\/([\d.]+)/)?.[1]) : n.includes("Chrome/") ? (e = "Chrome", t = n.match(/Chrome\/([\d.]+)/)?.[1]) : n.includes("Safari/") && (e = "Safari", t = n.match(/Version\/([\d.]+)/)?.[1]), n.includes("Windows") ? s = "Windows" : n.includes("Mac OS") ? s = "macOS" : n.includes("Linux") ? s = "Linux" : n.includes("Android") ? s = "Android" : (n.includes("iPhone") || n.includes("iPad")) && (s = "iOS");
-  const i = /Mobi|Android|iPhone|iPad/i.test(n) || void 0;
+  const a = /Mobi|Android|iPhone|iPad/i.test(n) || void 0;
   return {
     name: e,
     version: t,
     os: s,
-    mobile: i ?? !1,
+    mobile: a ?? !1,
     language: navigator.language,
     viewportWidth: String(window.innerWidth),
     viewportHeight: String(window.innerHeight),
     userAgent: n
   };
-}, Ie = () => typeof window > "u" ? {} : { url: window.location.href }, De = (n) => {
-  O = void 0, Y = void 0, x = n.sessionTracking?.session ? { id: n.sessionTracking.session.id } : void 0;
-}, Te = (n) => {
-  O = n;
-}, Le = () => {
-  O = void 0;
-}, _e = (n) => {
-  x = n;
+}, De = () => typeof window > "u" ? {} : { url: window.location.href }, Te = (n) => {
+  V = void 0, G = void 0, H = n.sessionTracking?.session ? { id: n.sessionTracking.session.id } : void 0;
+}, Le = (n) => {
+  V = n;
+}, _e = () => {
+  V = void 0;
 }, Be = (n) => {
-  Y = n;
-}, Oe = () => x?.id, xe = (n) => ({
-  sdk: { name: Ae, version: we },
+  H = n;
+}, Ue = (n) => {
+  G = n;
+}, xe = () => H?.id, Oe = (n) => ({
+  sdk: { name: we, version: ke },
   app: n.app,
-  user: O,
-  session: x,
-  page: Ie(),
-  browser: ke(),
-  view: Y
-}), Ue = 30, Ve = 250, Re = 6e4;
-let k = [], P = null, W = 0, T = null, L = null;
-const He = (n) => {
-  if (P)
+  user: V,
+  session: H,
+  page: De(),
+  browser: Ie(),
+  view: G
+}), Re = 30, Ve = 250, He = 6e4;
+let I = [], A = null, X = 0, B = null, U = null;
+const ze = (n) => {
+  if (A)
     return;
   const e = n.batching?.sendTimeout ?? Ve;
-  P = setTimeout(() => {
-    U(n);
+  A = setTimeout(() => {
+    z(n);
   }, e);
-}, ze = (n, e) => {
+}, je = (n, e) => {
   const t = {
-    meta: xe(e)
+    meta: Oe(e)
   };
   for (const s of n)
     switch (s.type) {
@@ -113,238 +113,238 @@ const He = (n) => {
         break;
     }
   return t;
-}, je = (n, e, t = !1) => {
-  const s = JSON.stringify(n), i = Oe(), a = {
+}, Ke = (n, e, t = !1) => {
+  const s = JSON.stringify(n), a = xe(), i = {
     "Content-Type": "application/json"
   };
-  if (i && (a["x-faro-session-id"] = i), t && typeof navigator < "u" && navigator.sendBeacon) {
-    const d = new Blob([s], { type: "application/json" });
-    navigator.sendBeacon(e, d);
+  if (a && (i["x-faro-session-id"] = a), t && typeof navigator < "u" && navigator.sendBeacon) {
+    const l = new Blob([s], { type: "application/json" });
+    navigator.sendBeacon(e, l);
     return;
   }
-  const r = s.length < Re;
+  const r = s.length < He;
   fetch(e, {
     method: "POST",
-    headers: a,
+    headers: i,
     body: s,
     keepalive: r
-  }).then((d) => {
-    if (d.status === 429) {
-      const l = d.headers.get("Retry-After"), u = l ? parseInt(l, 10) * 1e3 : 3e4;
-      W = Date.now() + u;
+  }).then((l) => {
+    if (l.status === 429) {
+      const d = l.headers.get("Retry-After"), h = d ? parseInt(d, 10) * 1e3 : 3e4;
+      X = Date.now() + h;
     }
   }).catch(() => {
   });
-}, U = (n, e = !1) => {
-  if (P && (clearTimeout(P), P = null), k.length === 0)
+}, z = (n, e = !1) => {
+  if (A && (clearTimeout(A), A = null), I.length === 0)
     return;
-  if (Date.now() < W) {
-    k = [];
+  if (Date.now() < X) {
+    I = [];
     return;
   }
-  const t = k;
-  k = [];
+  const t = I;
+  I = [];
   try {
-    let s = ze(t, n);
+    let s = je(t, n);
     if (n.beforeSend) {
-      const i = n.beforeSend(s);
-      if (!i)
+      const a = n.beforeSend(s);
+      if (!a)
         return;
-      s = i;
+      s = a;
     }
-    je(s, n.url, e);
+    Ke(s, n.url, e);
   } catch {
   }
-}, M = (n, e) => {
-  k.push(n);
-  const t = e.batching?.itemLimit ?? Ue;
-  if (k.length >= t) {
-    U(e);
+}, P = (n, e) => {
+  I.push(n);
+  const t = e.batching?.itemLimit ?? Re;
+  if (I.length >= t) {
+    z(e);
     return;
   }
-  He(e);
-}, Ke = (n) => {
-  if (k = [], W = 0, P && (clearTimeout(P), P = null), typeof document > "u")
+  ze(e);
+}, qe = (n) => {
+  if (I = [], X = 0, A && (clearTimeout(A), A = null), typeof document > "u")
     return;
-  T && document.removeEventListener("visibilitychange", T), L && window.removeEventListener("pagehide", L);
-  const e = () => U(n, !0);
-  T = () => {
+  B && document.removeEventListener("visibilitychange", B), U && window.removeEventListener("pagehide", U);
+  const e = () => z(n, !0);
+  B = () => {
     document.visibilityState === "hidden" && e();
-  }, L = e, document.addEventListener("visibilitychange", T), window.addEventListener("pagehide", L);
-}, X = () => (/* @__PURE__ */ new Date()).toISOString();
-let Q = null, J = null;
-const qe = (n) => {
-  typeof window > "u" || (Q = (e) => {
+  }, U = e, document.addEventListener("visibilitychange", B), window.addEventListener("pagehide", U);
+}, ee = () => (/* @__PURE__ */ new Date()).toISOString();
+let te = null, se = null;
+const $e = (n) => {
+  typeof window > "u" || (te = (e) => {
     const t = e.error instanceof Error ? e.error : new Error(e.message);
-    M({
+    P({
       type: "exception",
       payload: {
         type: t.name,
         value: t.message,
-        timestamp: X(),
-        stacktrace: t.stack ? { frames: q(t.stack) } : void 0
+        timestamp: ee(),
+        stacktrace: t.stack ? { frames: W(t.stack) } : void 0
       }
     }, n);
-  }, J = (e) => {
+  }, se = (e) => {
     const t = e.reason, s = t instanceof Error ? t : new Error(String(t));
-    M({
+    P({
       type: "exception",
       payload: {
         type: s.name,
         value: s.message,
-        timestamp: X(),
-        stacktrace: s.stack ? { frames: q(s.stack) } : void 0,
+        timestamp: ee(),
+        stacktrace: s.stack ? { frames: W(s.stack) } : void 0,
         context: { source: "unhandledrejection" }
       }
     }, n);
-  }, window.addEventListener("error", Q), window.addEventListener("unhandledrejection", J));
-}, ee = "odus_telemetry_session_id", H = () => {
+  }, window.addEventListener("error", te), window.addEventListener("unhandledrejection", se));
+}, ne = "odus_telemetry_session_id", K = () => {
   const n = new Uint8Array(16);
   return crypto.getRandomValues(n), Array.from(n, (e) => e.toString(16).padStart(2, "0")).join("");
-}, $e = (n) => {
+}, Ye = (n) => {
   if (n)
     return n;
   if (typeof sessionStorage > "u")
-    return H();
+    return K();
   try {
-    const e = sessionStorage.getItem(ee);
+    const e = sessionStorage.getItem(ne);
     if (e)
       return e;
-    const t = H();
-    return sessionStorage.setItem(ee, t), t;
+    const t = K();
+    return sessionStorage.setItem(ne, t), t;
   } catch {
-    return H();
+    return K();
   }
-}, Ye = (n) => {
+}, We = (n) => {
   if (!n.sessionTracking?.enabled)
     return;
-  const e = $e(n.sessionTracking.session?.id);
-  _e({ id: e });
-}, z = () => (/* @__PURE__ */ new Date()).toISOString(), j = (n, e) => {
+  const e = Ye(n.sessionTracking.session?.id);
+  Be({ id: e });
+}, q = () => (/* @__PURE__ */ new Date()).toISOString(), $ = (n, e) => {
   if (typeof PerformanceObserver > "u" || !PerformanceObserver.supportedEntryTypes?.includes(n))
     return;
   new PerformanceObserver((s) => {
-    for (const i of s.getEntries())
-      e(i);
+    for (const a of s.getEntries())
+      e(a);
   }).observe({ type: n, buffered: !0 });
-}, We = (n) => {
+}, Ze = (n) => {
   if (typeof window > "u")
     return;
-  j("largest-contentful-paint", (t) => {
-    M({
+  $("largest-contentful-paint", (t) => {
+    P({
       type: "measurement",
       payload: {
         type: "web-vitals",
         values: { lcp: t.startTime },
-        timestamp: z()
+        timestamp: q()
       }
     }, n);
   });
   let e = 0;
-  j("layout-shift", (t) => {
+  $("layout-shift", (t) => {
     const s = t;
-    s.hadRecentInput || (e += s.value, M({
+    s.hadRecentInput || (e += s.value, P({
       type: "measurement",
       payload: {
         type: "web-vitals",
         values: { cls: e },
-        timestamp: z()
+        timestamp: q()
       }
     }, n));
-  }), j("event", (t) => {
+  }), $("event", (t) => {
     const s = t;
-    s.duration > 0 && M({
+    s.duration > 0 && P({
       type: "measurement",
       payload: {
         type: "web-vitals",
         values: { inp: s.duration },
-        timestamp: z()
+        timestamp: q()
       }
     }, n);
   });
-}, B = {
+}, R = {
   INFO: "info",
   WARN: "warn",
   ERROR: "error"
-}, _ = () => (/* @__PURE__ */ new Date()).toISOString(), Ze = (n) => {
-  De(n), Ke(n);
+}, x = () => (/* @__PURE__ */ new Date()).toISOString(), Ge = (n) => {
+  Te(n), qe(n);
   const e = n.instrumentations ?? {
     errors: !0,
     webVitals: !0,
     session: !0
   };
-  return e.session !== !1 && Ye(n), e.errors !== !1 && qe(n), e.webVitals !== !1 && We(n), {
+  return e.session !== !1 && We(n), e.errors !== !1 && $e(n), e.webVitals !== !1 && Ze(n), {
     pushError(t, s) {
-      M({
+      P({
         type: "exception",
         payload: {
           type: t.name,
           value: t.message,
-          timestamp: _(),
-          stacktrace: t.stack ? { frames: q(t.stack) } : void 0,
+          timestamp: x(),
+          stacktrace: t.stack ? { frames: W(t.stack) } : void 0,
           context: s?.context
         }
       }, n);
     },
     pushEvent(t, s) {
-      M({
+      P({
         type: "event",
         payload: {
           name: t,
-          timestamp: _(),
+          timestamp: x(),
           attributes: s
         }
       }, n);
     },
     pushMeasurement(t) {
-      M({
+      P({
         type: "measurement",
         payload: {
           type: t.type,
           values: t.values,
-          timestamp: _(),
+          timestamp: x(),
           context: t.context
         }
       }, n);
     },
     pushLog(t, s) {
-      M({
+      P({
         type: "log",
         payload: {
           message: t.join(" "),
-          level: s?.level ?? B.INFO,
-          timestamp: _(),
+          level: s?.level ?? R.INFO,
+          timestamp: x(),
           context: s?.context
         }
       }, n);
     },
     setUser(t) {
-      Te(t);
+      Le(t);
     },
     resetUser() {
-      Le();
+      _e();
     },
     setView(t) {
-      Be(t);
+      Ue(t);
     },
     flush() {
-      U(n);
+      z(n);
     }
   };
-}, Ge = (n) => n === "test" ? "https://sandbox-analytics.odus.com/collect" : "https://analytics.odus.com/collect", Xe = () => {
+}, Xe = (n) => n === "test" ? "https://sandbox-analytics.odus.com/collect" : "https://analytics.odus.com/collect", Qe = () => {
   if (typeof window > "u")
     return !1;
   const n = window.location.hostname;
   return n === "localhost" || n === "127.0.0.1" || n === "0.0.0.0" || n === "::1" || n === "[::1]" || n.endsWith(".localhost");
 };
 let F = null;
-const Qe = (n) => {
+const Je = (n) => {
   if (F)
     return F;
-  if (Xe())
+  if (Qe())
     return null;
-  const e = Ge(n.environment);
-  return F = Ze({
+  const e = Xe(n.environment);
+  return F = Ge({
     url: e,
     app: {
       name: "odus-checkout",
@@ -368,19 +368,19 @@ const Qe = (n) => {
             "card",
             "cvv",
             "pan"
-          ].forEach((a) => {
-            s.searchParams.has(a) && s.searchParams.set(a, "[REDACTED]");
+          ].forEach((i) => {
+            s.searchParams.has(i) && s.searchParams.set(i, "[REDACTED]");
           }), t.meta.view.name = s.toString();
         } catch {
         }
       return t;
     }
   }), F;
-}, Je = (n, e) => {
+}, et = (n, e) => {
   F && F.pushError(n, { context: e });
-}, C = (n, e) => {
+}, M = (n, e) => {
   F && F.pushEvent(n, e);
-}, te = (n, e, t, s) => {
+}, ae = (n, e, t, s) => {
   F && F.pushMeasurement({
     type: n,
     values: { [n]: e },
@@ -389,19 +389,19 @@ const Qe = (n) => {
       ...s
     }
   });
-}, Et = (n, e = "info", t) => {
+}, St = (n, e = "info", t) => {
   if (!F) return;
   const s = {
-    info: B.INFO,
-    warn: B.WARN,
-    error: B.ERROR
+    info: R.INFO,
+    warn: R.WARN,
+    error: R.ERROR
   };
   F.pushLog([n], {
     level: s[e],
     context: t
   });
 };
-function K(n) {
+function Y(n) {
   return {
     name: "Custom Appearance",
     additionalPaymentMethods: n.additionalPaymentMethods || {},
@@ -437,7 +437,7 @@ function K(n) {
         state: {
           enabled: n.layout?.billingFields?.state?.enabled ?? !1,
           label: n.layout?.billingFields?.state?.label,
-          options: n.layout?.billingFields?.state?.options
+          hiddenForCountries: n.layout?.billingFields?.state?.hiddenForCountries
         },
         zipCode: {
           enabled: n.layout?.billingFields?.zipCode?.enabled ?? !1,
@@ -477,7 +477,7 @@ function K(n) {
         state: {
           enabled: n.layout.shippingFields.state?.enabled ?? !1,
           label: n.layout.shippingFields.state?.label,
-          options: n.layout.shippingFields.state?.options
+          hiddenForCountries: n.layout.shippingFields.state?.hiddenForCountries
         },
         zipCode: {
           enabled: n.layout.shippingFields.zipCode?.enabled ?? !1,
@@ -501,16 +501,16 @@ function K(n) {
     }
   };
 }
-function et({
+function tt({
   appearance: n
 }) {
-  const e = ie({
+  const e = le({
     checkoutProfile: void 0,
     isLoading: !0,
     error: null
   });
   if (n) {
-    const s = K(n);
+    const s = Y(n);
     return Promise.resolve().then(() => {
       e.setState({
         checkoutProfile: s,
@@ -520,10 +520,10 @@ function et({
     }), {
       getState: e.getState.bind(e),
       subscribe: e.subscribe.bind(e),
-      updateProfile: (i) => {
-        const a = K(i);
+      updateProfile: (a) => {
+        const i = Y(a);
         e.setState({
-          checkoutProfile: a,
+          checkoutProfile: i,
           isLoading: !1,
           error: null
         });
@@ -570,9 +570,9 @@ function et({
     getState: e.getState.bind(e),
     subscribe: e.subscribe.bind(e),
     updateProfile: (s) => {
-      const i = K(s);
+      const a = Y(s);
       e.setState({
-        checkoutProfile: i,
+        checkoutProfile: a,
         isLoading: !1,
         error: null
       });
@@ -581,8 +581,8 @@ function et({
     }
   };
 }
-const tt = () => {
-  const n = ce(), e = ie({
+const st = () => {
+  const n = he(), e = le({
     formData: {
       name: "",
       email: "",
@@ -599,185 +599,204 @@ const tt = () => {
       cardCvv: !1
     },
     isValid: !1
-  }), t = (o, f, m, h) => {
+  }), t = (o, u, g, m) => {
     if (o === "cardCvv")
-      return n.cardCvv(f, m);
-    if (o === "phoneNumber" && h)
-      return n.phoneNumber(f, h);
+      return n.cardCvv(u, g);
+    if (o === "phoneNumber" && m)
+      return n.phoneNumber(u, m);
     const p = n[o];
-    return p?.(f);
+    return p?.(u);
   }, s = (o) => {
-    const f = {};
-    return Object.keys(o).forEach((h) => {
-      const p = o[h];
+    const u = {};
+    return Object.keys(o).forEach((m) => {
+      const p = o[m];
       if (p === void 0) return;
       let c;
-      h === "cardCvv" ? c = t(h, p, o.cardNumber) : h === "phoneNumber" ? c = t(
-        h,
+      m === "cardCvv" ? c = t(m, p, o.cardNumber) : m === "phoneNumber" ? c = t(
+        m,
         p,
         void 0,
         o.phoneCountryCode
-      ) : c = t(h, p), c && (f[h] = c);
+      ) : c = t(m, p), c && (u[m] = c);
     }), [
       "billingAddress",
       "shippingAddress"
-    ].forEach((h) => {
-      const p = o[h];
+    ].forEach((m) => {
+      const p = o[m];
       if (p && typeof p == "object") {
         const c = {};
         Object.keys(p).forEach(
-          (b) => {
-            const g = p[b];
-            if (g === void 0) return;
-            const S = n[b];
-            if (S) {
-              const N = S(g);
-              N && (c[b] = N);
+          (f) => {
+            const y = p[f];
+            if (y === void 0) return;
+            const b = n[f];
+            if (b) {
+              const C = f === "state" ? n.state(y, p.country) : b(
+                y
+              );
+              C && (c[f] = C);
             }
           }
-        ), Object.keys(c).length > 0 && (f[h] = c);
+        ), Object.keys(c).length > 0 && (u[m] = c);
       }
-    }), f;
-  }, i = (o) => {
-    const f = s(o);
-    return Object.keys(f).length === 0;
-  }, a = "billingAddress.", r = "shippingAddress.", d = (o) => o.startsWith(a) ? {
+    }), u;
+  }, a = (o) => {
+    const u = s(o);
+    return Object.keys(u).length === 0;
+  }, i = "billingAddress.", r = "shippingAddress.", l = (o) => o.startsWith(i) ? {
     parent: "billingAddress",
-    field: o.slice(a.length)
+    field: o.slice(i.length)
   } : o.startsWith(r) ? {
     parent: "shippingAddress",
     field: o.slice(r.length)
-  } : null, l = (o, f, m, h) => {
+  } : null, d = (o, u, g, m) => {
     const p = { ...o };
-    if (h)
-      p[f] = {
-        ...p[f],
-        [m]: h
+    if (m)
+      p[u] = {
+        ...p[u],
+        [g]: m
       };
     else {
       const c = {
-        ...p[f]
+        ...p[u]
       };
-      delete c[m], Object.keys(c).length === 0 ? delete p[f] : p[f] = c;
+      delete c[g], Object.keys(c).length === 0 ? delete p[u] : p[u] = c;
     }
     return p;
-  }, u = (o, f) => {
-    const m = e.getState();
-    let h = f;
-    const p = d(o);
-    if (!p && o in V)
+  }, h = (o, u) => {
+    const g = e.getState();
+    let m = u;
+    const p = l(o);
+    if (!p && o in j)
       if (o === "cardCvv") {
-        const S = he(m.formData.cardNumber) === "amex" ? 4 : 3;
-        h = V.cardCvv(f, S);
+        const b = ue(g.formData.cardNumber) === "amex" ? 4 : 3;
+        m = j.cardCvv(u, b);
       } else
-        h = V[o](f);
+        m = j[o](u);
     let c;
     if (p) {
-      const { parent: g, field: S } = p;
+      const { parent: y, field: b } = p;
       c = {
-        ...m.formData,
-        [g]: {
-          ...m.formData[g] ?? {},
-          [S]: h
+        ...g.formData,
+        [y]: {
+          ...g.formData[y] ?? {},
+          [b]: m
         }
       };
     } else
       c = {
-        ...m.formData,
-        [o]: h
+        ...g.formData,
+        [o]: m
       };
-    let b = { ...m.errors };
+    let f = { ...g.errors };
     if (o === "phoneCountryCode" && c.phoneNumber) {
-      const g = t(
+      const y = t(
         "phoneNumber",
         c.phoneNumber,
         void 0,
-        h
+        m
       );
-      g ? b.phoneNumber = g : delete b.phoneNumber;
+      y ? f.phoneNumber = y : delete f.phoneNumber;
     }
-    if (m.touched[o])
+    if (g.touched[o])
       if (p) {
-        const { parent: g, field: S } = p, N = n[S], D = N ? N(
-          h
-        ) : void 0;
-        b = l(b, g, S, D);
+        const { parent: y, field: b } = p, C = c[y];
+        let N;
+        if (b === "state")
+          N = n.state(m, C?.country);
+        else {
+          const T = n[b];
+          N = T ? T(
+            m
+          ) : void 0;
+        }
+        f = d(f, y, b, N);
       } else {
-        let g;
-        o === "cardCvv" ? g = t(o, h, c.cardNumber) : o === "phoneNumber" ? g = t(
+        let y;
+        o === "cardCvv" ? y = t(o, m, c.cardNumber) : o === "phoneNumber" ? y = t(
           o,
-          h,
+          m,
           void 0,
           c.phoneCountryCode
-        ) : g = t(o, h), g ? b[o] = g : delete b[o];
+        ) : y = t(o, m), y ? f[o] = y : delete f[o];
       }
     e.setState({
       formData: c,
-      errors: b,
-      isValid: i(c)
+      errors: f,
+      isValid: a(c)
     });
-  }, E = (o, f) => {
-    const m = e.getState(), h = d(o);
-    if (h) {
-      const { parent: g, field: S } = h, N = {
-        ...m.formData,
-        [g]: {
-          ...m.formData[g] ?? {},
-          [S]: f
+  }, E = (o, u) => {
+    const g = e.getState(), m = l(o);
+    if (m) {
+      const { parent: y, field: b } = m, C = {
+        ...g.formData,
+        [y]: {
+          ...g.formData[y] ?? {},
+          [b]: u
         }
-      }, D = n[S], le = D ? D(f) : void 0, de = l(m.errors, g, S, le);
+      };
+      let N;
+      if (b === "state") {
+        const L = C[y];
+        N = n.state(u, L?.country);
+      } else {
+        const L = n[b];
+        N = L ? L(u) : void 0;
+      }
+      const T = d(g.errors, y, b, N);
       e.setState({
-        formData: N,
+        formData: C,
         touched: {
-          ...m.touched,
+          ...g.touched,
           [o]: !0
         },
-        errors: de,
-        isValid: i(N)
+        errors: T,
+        isValid: a(C)
       });
       return;
     }
     const p = {
-      ...m.touched,
+      ...g.touched,
       [o]: !0
     };
     let c;
-    o === "cardCvv" ? c = t(o, f, m.formData.cardNumber) : o === "phoneNumber" ? c = t(
+    o === "cardCvv" ? c = t(o, u, g.formData.cardNumber) : o === "phoneNumber" ? c = t(
       o,
-      f,
+      u,
       void 0,
-      m.formData.phoneCountryCode
-    ) : c = t(o, f);
-    const b = { ...m.errors };
-    c ? b[o] = c : delete b[o], e.setState({
+      g.formData.phoneCountryCode
+    ) : c = t(o, u);
+    const f = { ...g.errors };
+    c ? f[o] = c : delete f[o], e.setState({
       touched: p,
-      errors: b
+      errors: f
     });
-  }, y = (o) => {
-    const m = {
+  }, S = (o) => {
+    const g = {
       ...e.getState().formData,
       ...o
     };
     e.setState({
-      formData: m,
-      isValid: i(m)
+      formData: g,
+      isValid: a(g)
     });
   };
   return {
     getFormState: e.getState.bind(e),
     subscribe: e.subscribe.bind(e),
-    handleChange: u,
+    handleChange: h,
     handleBlur: E,
-    setFormData: y,
+    setFormData: S,
     reset: e.resetState.bind(e)
   };
 };
-function $(n) {
+function Z(n) {
   if (!n) return !1;
-  const { billingFields: e, shippingFields: t } = n, s = e && Object.values(e).some((a) => a?.enabled), i = t && Object.values(t).some((a) => a?.enabled);
-  return !!(s || i);
+  const { billingFields: e, shippingFields: t } = n, s = e && Object.values(e).some((i) => i?.enabled), a = t && Object.values(t).some((i) => i?.enabled);
+  return !!(s || a);
 }
-class se extends A {
+const O = /* @__PURE__ */ new Set(["US", "CA"]);
+class ie extends w {
   inputs = /* @__PURE__ */ new Map();
   type;
   onChange;
@@ -785,161 +804,165 @@ class se extends A {
   fieldsContainer;
   translationFunc;
   locale;
-  stateOptions;
   grouped;
+  currentCountry = "";
+  stateRow = null;
+  stateFieldConfig;
+  stateStyles;
   constructor(e) {
     super("div", ["address-section"]), this.type = e.type, this.onChange = e.onChange, this.onBlur = e.onBlur, this.translationFunc = e.translationFunc, this.locale = e.locale, this.grouped = e.grouped ?? !0;
-    const { title: t, checkoutProfile: s, fieldsConfig: i, values: a, errors: r, touched: d } = e;
+    const { title: t, checkoutProfile: s, fieldsConfig: a, values: i, errors: r, touched: l } = e;
     if (this.grouped) {
-      const l = document.createElement("h3");
-      l.className = "address-section-title", l.textContent = t, l.style.color = s.styles.textColor, l.style.fontFamily = `"${s.styles.fontFamily}", sans-serif`, l.style.fontSize = `${s.styles.fontSize}px`, l.style.fontWeight = "normal", this.getElement().appendChild(l);
+      const d = document.createElement("h3");
+      d.className = "address-section-title", d.textContent = t, d.style.color = s.styles.textColor, d.style.fontFamily = `"${s.styles.fontFamily}", sans-serif`, d.style.fontSize = `${s.styles.fontSize}px`, d.style.fontWeight = "normal", this.getElement().appendChild(d);
     }
-    this.fieldsContainer = document.createElement("div"), this.fieldsContainer.className = "address-fields", this.grouped || this.fieldsContainer.classList.add("address-fields--ungrouped"), this.getElement().appendChild(this.fieldsContainer), this.createFields(s, i, a, r, d);
+    this.fieldsContainer = document.createElement("div"), this.fieldsContainer.className = "address-fields", this.grouped || this.fieldsContainer.classList.add("address-fields--ungrouped"), this.getElement().appendChild(this.fieldsContainer), this.createFields(s, a, i, r, l);
   }
-  borderRadius(e, t, s, i, a) {
-    const r = (d) => d ? `${e}px` : "0px";
-    return `${r(t)} ${r(s)} ${r(i)} ${r(a)}`;
+  borderRadius(e, t, s, a, i) {
+    const r = (l) => l ? `${e}px` : "0px";
+    return `${r(t)} ${r(s)} ${r(a)} ${r(i)}`;
   }
-  createFields(e, t, s, i, a) {
+  createFields(e, t, s, a, i) {
     if (!this.grouped) {
       this.createUngroupedFields(
         e,
         t,
         s,
-        i,
-        a
+        a,
+        i
       );
       return;
     }
-    const r = e.styles.borderRadius, d = {
+    const r = e.styles.borderRadius, l = {
       color: e.styles.textColor,
       fontSize: e.styles.fontSize,
       fontFamily: e.styles.fontFamily
-    }, l = [];
-    t.street?.enabled && l.push({ kind: "street" });
-    const u = [];
-    t.firstName?.enabled && u.push("firstName"), t.lastName?.enabled && u.push("lastName"), u.length > 0 && l.push({ kind: "name", fields: u }), t.country?.enabled && l.push({ kind: "country" });
+    }, d = [];
+    t.street?.enabled && d.push({ kind: "street" });
+    const h = [];
+    t.firstName?.enabled && h.push("firstName"), t.lastName?.enabled && h.push("lastName"), h.length > 0 && d.push({ kind: "name", fields: h }), t.country?.enabled && d.push({ kind: "country" });
     const E = [];
-    t.city?.enabled && E.push("city"), t.zipCode?.enabled && E.push("zipCode"), E.length > 0 && l.push({ kind: "cityZip", fields: E }), t.state?.enabled && l.push({ kind: "state" });
-    const y = l.length;
-    l.forEach((o, f) => {
-      const m = f === 0, h = f === y - 1, p = (c, b) => ({
-        ...d,
+    t.city?.enabled && E.push("city"), t.zipCode?.enabled && E.push("zipCode"), E.length > 0 && d.push({ kind: "cityZip", fields: E }), t.state?.enabled && d.push({ kind: "state" });
+    const S = d.length;
+    d.forEach((o, u) => {
+      const g = u === 0, m = u === S - 1, p = (c, f) => ({
+        ...l,
         borderRadius: this.borderRadius(
           r,
-          m && c,
-          m && b,
-          h && b,
-          h && c
+          g && c,
+          g && f,
+          m && f,
+          m && c
         )
       });
       if (o.kind === "street") {
-        const c = this.createRow(["full"]), b = this.createInput(
+        const c = this.createRow(["full"]), f = this.createInput(
           "street",
           t.street?.label ?? this.translationFunc("address.addressLine1"),
           s.street,
-          i.street,
           a.street,
+          i.street,
           p(!0, !0),
           "street-address"
         );
-        this.inputs.set("street", b), c.appendChild(b.getElement()), this.fieldsContainer.appendChild(c);
+        this.inputs.set("street", f), c.appendChild(f.getElement()), this.fieldsContainer.appendChild(c);
         return;
       }
       if (o.kind === "name") {
-        const c = this.createRow(o.fields.map(() => "half")), b = o.fields.length === 1;
+        const c = this.createRow(o.fields.map(() => "half")), f = o.fields.length === 1;
         if (o.fields.includes("firstName")) {
-          const g = b || o.fields[o.fields.length - 1] === "firstName", S = this.createInput(
+          const y = f || o.fields[o.fields.length - 1] === "firstName", b = this.createInput(
             "firstName",
             t.firstName?.label ?? this.translationFunc("address.firstName"),
             s.firstName,
-            i.firstName,
             a.firstName,
-            p(!0, g),
+            i.firstName,
+            p(!0, y),
             "given-name"
           );
-          this.inputs.set("firstName", S), c.appendChild(S.getElement());
+          this.inputs.set("firstName", b), c.appendChild(b.getElement());
         }
         if (o.fields.includes("lastName")) {
-          const g = b || o.fields[0] === "lastName", S = this.createInput(
+          const y = f || o.fields[0] === "lastName", b = this.createInput(
             "lastName",
             t.lastName?.label ?? this.translationFunc("address.lastName"),
             s.lastName,
-            i.lastName,
             a.lastName,
-            p(g, !0),
+            i.lastName,
+            p(y, !0),
             "family-name"
           );
-          this.inputs.set("lastName", S), c.appendChild(S.getElement());
+          this.inputs.set("lastName", b), c.appendChild(b.getElement());
         }
         this.fieldsContainer.appendChild(c);
         return;
       }
       if (o.kind === "country") {
-        const c = this.createRow(["full"]), b = this.createCountrySelect(
+        const c = this.createRow(["full"]), f = this.createCountrySelect(
           s.country,
-          i.country,
           a.country,
+          i.country,
           p(!0, !0),
           t.country?.options,
           t.country?.label
         );
-        this.inputs.set("country", b), c.appendChild(b.getElement()), this.fieldsContainer.appendChild(c);
+        this.inputs.set("country", f), c.appendChild(f.getElement()), this.fieldsContainer.appendChild(c);
         return;
       }
       if (o.kind === "cityZip") {
-        const c = this.createRow(o.fields.map(() => "half")), b = o.fields.length === 1;
+        const c = this.createRow(o.fields.map(() => "half")), f = o.fields.length === 1;
         if (o.fields.includes("city")) {
-          const g = b || o.fields[o.fields.length - 1] === "city", S = this.createInput(
+          const y = f || o.fields[o.fields.length - 1] === "city", b = this.createInput(
             "city",
             t.city?.label ?? this.translationFunc("address.townCity"),
             s.city,
-            i.city,
             a.city,
-            p(!0, g),
+            i.city,
+            p(!0, y),
             "address-level2"
           );
-          this.inputs.set("city", S), c.appendChild(S.getElement());
+          this.inputs.set("city", b), c.appendChild(b.getElement());
         }
         if (o.fields.includes("zipCode")) {
-          const g = b || o.fields[0] === "zipCode", S = this.createInput(
+          const y = f || o.fields[0] === "zipCode", b = this.createInput(
             "zipCode",
             t.zipCode?.label ?? this.translationFunc("address.postalCode"),
             s.zipCode,
-            i.zipCode,
             a.zipCode,
-            p(g, !0),
+            i.zipCode,
+            p(y, !0),
             "postal-code"
           );
-          this.inputs.set("zipCode", S), c.appendChild(S.getElement());
+          this.inputs.set("zipCode", b), c.appendChild(b.getElement());
         }
         this.fieldsContainer.appendChild(c);
         return;
       }
       if (o.kind === "state") {
         const c = this.createRow(["full"]);
-        if (this.stateOptions = t.state?.options, t.state?.options && t.state.options.length > 0) {
-          const g = this.createStateSelect(
+        if (this.stateFieldConfig = t.state, this.stateRow = c, this.stateStyles = p(!0, !0), this.currentCountry = s.country, t.state?.hiddenForCountries?.includes(
+          s.country
+        ) && (c.style.display = "none"), O.has(s.country)) {
+          const b = this.createStateSelect(
             s.state,
-            i.state,
             a.state,
-            p(!0, !0),
-            t.state?.options,
+            i.state,
+            this.stateStyles,
             s.country,
             t.state?.label
           );
-          this.inputs.set("state", g), c.appendChild(g.getElement());
+          this.inputs.set("state", b), c.appendChild(b.getElement());
         } else {
-          const g = this.createInput(
+          const b = this.createInput(
             "state",
-            t.state?.label ?? this.translationFunc("address.chooseState"),
+            t.state?.label ?? this.translationFunc("address.state"),
             s.state,
-            i.state,
             a.state,
-            p(!0, !0),
+            i.state,
+            this.stateStyles,
             "address-level1"
           );
-          this.inputs.set("state", g), c.appendChild(g.getElement());
+          this.inputs.set("state", b), c.appendChild(b.getElement());
         }
         this.fieldsContainer.appendChild(c);
       }
@@ -949,181 +972,239 @@ class se extends A {
     const t = document.createElement("div");
     return t.className = `address-row address-row-${e.length === 1 ? "single" : "double"}`, t;
   }
-  createInput(e, t, s, i, a, r, d) {
-    const l = `${this.type}Address.${e}`, u = new re({
-      name: l,
+  createInput(e, t, s, a, i, r, l) {
+    const d = `${this.type}Address.${e}`, h = new de({
+      name: d,
       error: !1,
       errorMsg: void 0,
       styles: r,
       ...this.grouped ? { placeholder: t } : {
         label: t,
         placeholder: (() => {
-          const E = `address.placeholder.${e}`, y = this.translationFunc(E);
-          return y !== E ? y : t;
+          const E = `address.placeholder.${e}`, S = this.translationFunc(E);
+          return S !== E ? S : t;
         })()
       },
       value: s,
-      autocomplete: d,
+      autocomplete: l,
       onChange: (E) => {
-        u.setError(!1);
-        const y = new Event("input", { bubbles: !0 });
-        Object.defineProperty(y, "target", {
+        h.setError(!1);
+        const S = new Event("input", { bubbles: !0 });
+        Object.defineProperty(S, "target", {
           writable: !1,
           value: {
-            name: l,
+            name: d,
             value: E.target.value
           }
-        }), this.onChange(y);
+        }), this.onChange(S);
       }
     });
-    return u.addEventListener("blur", (E) => {
-      const y = new Event("blur", { bubbles: !0 });
-      Object.defineProperty(y, "target", {
+    return h.addEventListener("blur", (E) => {
+      const S = new Event("blur", { bubbles: !0 });
+      Object.defineProperty(S, "target", {
         writable: !1,
         value: {
-          name: l,
+          name: d,
           value: E.target.value
         }
-      }), this.onBlur(y);
-    }), u;
+      }), this.onBlur(S);
+    }), h;
   }
-  createCountrySelect(e, t, s, i, a, r) {
-    const d = `${this.type}Address.country`, l = ue(a, this.locale), u = new R({
-      name: d,
+  createCountrySelect(e, t, s, a, i, r) {
+    const l = `${this.type}Address.country`, d = me(i, this.locale), h = new _({
+      name: l,
       error: !1,
       errorMsg: void 0,
-      styles: i,
+      styles: a,
       placeholder: this.translationFunc("address.chooseCountry"),
       ...!this.grouped && {
         label: r ?? this.translationFunc("address.chooseCountry")
       },
       value: e,
-      options: l,
+      options: d,
       autocomplete: "country",
       onChange: (E) => {
-        u.setError(!1);
-        const y = E.target.value;
-        this.updateStateOptionsForCountry(y);
-        const o = new Event("change", { bubbles: !0 });
+        h.setError(!1);
+        const S = E.target.value, o = new Event("change", { bubbles: !0 });
         Object.defineProperty(o, "target", {
           writable: !1,
           value: {
-            name: d,
-            value: y
+            name: l,
+            value: S
           }
-        }), this.onChange(o);
+        }), this.onChange(o), this.handleCountryChange(S);
       }
     });
-    return u.addEventListener("blur", (E) => {
-      const y = new Event("blur", { bubbles: !0 });
-      Object.defineProperty(y, "target", {
+    return h.addEventListener("blur", (E) => {
+      const S = new Event("blur", { bubbles: !0 });
+      Object.defineProperty(S, "target", {
         writable: !1,
         value: {
-          name: d,
+          name: l,
           value: E.target.value
         }
-      }), this.onBlur(y);
-    }), u;
+      }), this.onBlur(S);
+    }), h;
+  }
+  handleCountryChange(e) {
+    const t = this.currentCountry;
+    if (this.currentCountry = e, !this.stateRow || !this.stateFieldConfig?.enabled) return;
+    const s = this.stateFieldConfig.hiddenForCountries?.includes(t), a = this.stateFieldConfig.hiddenForCountries?.includes(e);
+    if (a && !s) {
+      this.stateRow.style.display = "none", this.clearStateValue();
+      return;
+    }
+    if (!a && s && (this.stateRow.style.display = ""), a) return;
+    const i = this.inputs.get("state") instanceof _, r = O.has(e);
+    if (i && r) {
+      const l = this.inputs.get("state");
+      if (l instanceof _) {
+        const d = e === "CA" ? "CA" : "US", h = Q(d), E = d === "CA" ? this.translationFunc("address.chooseProvince") : this.translationFunc("address.chooseState");
+        l.setOptions(h, E);
+      }
+      this.clearStateValue();
+      return;
+    }
+    if (i !== r) {
+      this.rebuildStateField(e), this.clearStateValue();
+      return;
+    }
+    !i && !r && t !== e && this.clearStateValue();
   }
-  updateStateOptionsForCountry(e) {
+  rebuildStateField(e) {
+    if (!this.stateRow || !this.stateStyles) return;
     const t = this.inputs.get("state");
-    if (!(t instanceof R)) return;
-    const s = e === "CA" ? "CA" : "US", i = Z(this.stateOptions, s), a = s === "CA" ? this.translationFunc("address.chooseProvince") : this.translationFunc("address.chooseState");
-    t.setOptions(i, a);
+    if (t && (t.getElement().remove(), this.inputs.delete("state")), O.has(e)) {
+      const a = this.createStateSelect(
+        "",
+        void 0,
+        void 0,
+        this.stateStyles,
+        e,
+        this.stateFieldConfig?.label
+      );
+      this.inputs.set("state", a), this.stateRow.appendChild(a.getElement());
+    } else {
+      const a = this.createInput(
+        "state",
+        this.stateFieldConfig?.label ?? this.translationFunc("address.state"),
+        "",
+        void 0,
+        void 0,
+        this.stateStyles,
+        "address-level1"
+      );
+      this.inputs.set("state", a), this.stateRow.appendChild(a.getElement());
+    }
+  }
+  clearStateValue() {
+    const e = this.inputs.get("state");
+    e && e.setValue("");
+    const t = `${this.type}Address.state`, s = new CustomEvent("input", {
+      bubbles: !0,
+      detail: { programmatic: !0 }
+    });
+    Object.defineProperty(s, "target", {
+      writable: !1,
+      value: { name: t, value: "" }
+    }), this.onChange(s);
   }
-  createStateSelect(e, t, s, i, a, r, d) {
-    const l = `${this.type}Address.state`, u = r === "CA" ? "CA" : "US", E = Z(a, u), y = u === "CA" ? this.translationFunc("address.chooseProvince") : this.translationFunc("address.chooseState"), o = new R({
+  createStateSelect(e, t, s, a, i, r) {
+    const l = `${this.type}Address.state`, d = i === "CA" ? "CA" : "US", h = Q(d), E = d === "CA" ? this.translationFunc("address.chooseProvince") : this.translationFunc("address.chooseState"), S = new _({
       name: l,
       error: !1,
       errorMsg: void 0,
-      styles: i,
-      placeholder: y,
-      ...!this.grouped && { label: d ?? y },
+      styles: a,
+      placeholder: E,
+      ...!this.grouped && { label: r ?? E },
       value: e,
-      options: E,
+      options: h,
       autocomplete: "address-level1",
-      onChange: (f) => {
-        o.setError(!1);
-        const m = new Event("change", { bubbles: !0 });
-        Object.defineProperty(m, "target", {
+      onChange: (o) => {
+        S.setError(!1);
+        const u = new Event("change", { bubbles: !0 });
+        Object.defineProperty(u, "target", {
           writable: !1,
           value: {
             name: l,
-            value: f.target.value
+            value: o.target.value
           }
-        }), this.onChange(m);
+        }), this.onChange(u);
       }
     });
-    return o.addEventListener("blur", (f) => {
-      const m = new Event("blur", { bubbles: !0 });
-      Object.defineProperty(m, "target", {
+    return S.addEventListener("blur", (o) => {
+      const u = new Event("blur", { bubbles: !0 });
+      Object.defineProperty(u, "target", {
         writable: !1,
         value: {
           name: l,
-          value: f.target.value
+          value: o.target.value
         }
-      }), this.onBlur(m);
-    }), o;
+      }), this.onBlur(u);
+    }), S;
   }
-  createUngroupedFields(e, t, s, i, a) {
-    const r = e.styles.borderRadius, d = {
+  createUngroupedFields(e, t, s, a, i) {
+    const r = e.styles.borderRadius, l = {
       color: e.styles.textColor,
       fontSize: e.styles.fontSize,
       fontFamily: e.styles.fontFamily,
       borderRadius: `${r}px`
-    }, l = (u, E, y) => {
-      if (!t[u]?.enabled) return;
-      const o = t[u]?.label ?? this.translationFunc(E), f = this.createRow(["full"]), m = this.createInput(
-        u,
+    }, d = (h, E, S) => {
+      if (!t[h]?.enabled) return;
+      const o = t[h]?.label ?? this.translationFunc(E), u = this.createRow(["full"]), g = this.createInput(
+        h,
         o,
-        s[u],
-        i[u],
-        a[u],
-        d,
-        y
+        s[h],
+        a[h],
+        i[h],
+        l,
+        S
       );
-      this.inputs.set(u, m), f.appendChild(m.getElement()), this.fieldsContainer.appendChild(f);
+      this.inputs.set(h, g), u.appendChild(g.getElement()), this.fieldsContainer.appendChild(u);
     };
-    if (l("firstName", "address.firstName", "given-name"), l("lastName", "address.lastName", "family-name"), l("street", "address.addressLine1", "street-address"), l("city", "address.townCity", "address-level2"), t.country?.enabled) {
-      const u = t.country?.label ?? this.translationFunc("address.chooseCountry"), E = this.createRow(["full"]), y = this.createCountrySelect(
+    if (d("firstName", "address.firstName", "given-name"), d("lastName", "address.lastName", "family-name"), d("street", "address.addressLine1", "street-address"), d("city", "address.townCity", "address-level2"), t.country?.enabled) {
+      const h = t.country?.label ?? this.translationFunc("address.chooseCountry"), E = this.createRow(["full"]), S = this.createCountrySelect(
         s.country,
-        i.country,
         a.country,
-        d,
+        i.country,
+        l,
         t.country?.options,
-        u
+        h
       );
-      this.inputs.set("country", y), E.appendChild(y.getElement()), this.fieldsContainer.appendChild(E);
+      this.inputs.set("country", S), E.appendChild(S.getElement()), this.fieldsContainer.appendChild(E);
     }
     if (t.state?.enabled) {
-      this.stateOptions = t.state?.options;
-      const u = this.createRow(["full"]), E = t.state?.options && t.state.options.length > 0, y = t.state?.label ?? this.translationFunc("address.chooseState");
-      if (E) {
-        const o = this.createStateSelect(
+      this.stateFieldConfig = t.state;
+      const h = this.createRow(["full"]);
+      this.stateRow = h, this.stateStyles = l, this.currentCountry = s.country, t.state?.hiddenForCountries?.includes(
+        s.country
+      ) && (h.style.display = "none");
+      const S = O.has(s.country), o = t.state?.label ?? this.translationFunc("address.state");
+      if (S) {
+        const u = this.createStateSelect(
           s.state,
-          i.state,
           a.state,
-          d,
-          t.state?.options,
+          i.state,
+          l,
           s.country,
-          y
+          o
         );
-        this.inputs.set("state", o), u.appendChild(o.getElement());
+        this.inputs.set("state", u), h.appendChild(u.getElement());
       } else {
-        const o = this.createInput(
+        const u = this.createInput(
           "state",
-          y,
+          o,
           s.state,
-          i.state,
           a.state,
-          d,
+          i.state,
+          l,
           "address-level1"
         );
-        this.inputs.set("state", o), u.appendChild(o.getElement());
+        this.inputs.set("state", u), h.appendChild(u.getElement());
       }
-      this.fieldsContainer.appendChild(u);
+      this.fieldsContainer.appendChild(h);
     }
-    l("zipCode", "address.postalCode", "postal-code");
+    d("zipCode", "address.postalCode", "postal-code");
   }
   getValue(e) {
     return this.inputs.get(e)?.getValue() ?? "";
@@ -1148,28 +1229,27 @@ class se extends A {
     });
   }
   setError(e, t, s) {
-    const i = this.inputs.get(e);
-    if (i) {
-      const a = i.getElement().querySelector("input") || i.getElement().querySelector("select");
-      document.activeElement !== a && i.setError(t, s);
-    }
-  }
-  updateField(e, t, s, i) {
     const a = this.inputs.get(e);
     if (a) {
-      const d = a.getElement().querySelector("input") || a.getElement().querySelector("select"), l = a.getValue();
-      !(document.activeElement === d) && !(t === "" && l !== "") && this.setValue(e, t);
+      const i = a.getElement().querySelector("input") || a.getElement().querySelector("select");
+      document.activeElement !== i && a.setError(t, s);
     }
-    const r = !!(i && s);
-    this.setError(e, r, s);
+  }
+  updateField(e, t, s, a) {
+    const i = this.inputs.get(e);
+    if (!i) return;
+    const r = i.getElement().querySelector("input") || i.getElement().querySelector("select"), l = i.getValue();
+    !(document.activeElement === r) && !(t === "" && l !== "") && this.setValue(e, t);
+    const E = !!(a && s);
+    this.setError(e, E, s);
   }
   updateAllFields(e, t, s) {
-    Object.keys(e).forEach((i) => {
+    Object.keys(e).forEach((a) => {
       this.updateField(
-        i,
-        e[i],
-        t[i],
-        !!s[i]
+        a,
+        e[a],
+        t[a],
+        !!s[a]
       );
     });
   }
@@ -1178,39 +1258,39 @@ class se extends A {
     e && e.focus();
   }
 }
-class st {
+class nt {
   input;
   constructor(e) {
     const {
       value: t,
       onChange: s,
-      onBlur: i,
-      errorMsg: a,
+      onBlur: a,
+      errorMsg: i,
       checkoutProfile: r,
-      translationFunc: d,
-      autocomplete: l = "cc-name"
+      translationFunc: l,
+      autocomplete: d = "cc-name"
     } = e;
-    this.input = new re({
+    this.input = new de({
       name: "name",
-      label: d("cardholderNameLabel"),
+      label: l("cardholderNameLabel"),
       // Always hide error initially - we'll show it only on blur if needed
       error: !1,
-      errorMsg: a,
+      errorMsg: i,
       styles: {
         color: r.styles.textColor,
         borderRadius: `${r.styles.borderRadius}px`,
         fontSize: r.styles.fontSize,
         fontFamily: r.styles.fontFamily
       },
-      placeholder: d("cardholderNamePlaceholder"),
+      placeholder: l("cardholderNamePlaceholder"),
       value: t,
-      autocomplete: l,
-      onChange: (u) => {
-        const y = u.target.value, o = y.replace(/[^a-zA-Z\s\-'.]/g, "");
-        y !== o && this.input.setValue(o), this.input.setError(!1), this.trim(), s(u);
+      autocomplete: d,
+      onChange: (h) => {
+        const S = h.target.value, o = S.replace(/[^a-zA-Z\s\-'.]/g, "");
+        S !== o && this.input.setValue(o), this.input.setError(!1), this.trim(), s(h);
       }
-    }), this.input.addEventListener("blur", (u) => {
-      i(u);
+    }), this.input.addEventListener("blur", (h) => {
+      a(h);
     });
   }
   getValue() {
@@ -1237,7 +1317,7 @@ class st {
     this.input.focus();
   }
 }
-class oe extends A {
+class ce extends w {
   constructor() {
     super("div", ["skeleton-container"]), this.createSkeletonElements();
   }
@@ -1245,35 +1325,35 @@ class oe extends A {
     this.appendChild(this.createPaymentMethodSkeleton()), this.appendChild(this.createPaymentSeparatorSkeleton());
   }
   createPaymentMethodSkeleton() {
-    const e = w.createDiv(["skeleton-field"]), t = w.createDiv([
+    const e = k.createDiv(["skeleton-field"]), t = k.createDiv([
       "skeleton",
       "skeleton-payment-method"
     ]);
     return e.appendChild(t), e;
   }
   createPaymentSeparatorSkeleton() {
-    const e = w.createDiv([
+    const e = k.createDiv([
       "payment-separator_container"
-    ]), t = w.createDiv(["payment-separator__line"]), s = w.createDiv([
+    ]), t = k.createDiv(["payment-separator__line"]), s = k.createDiv([
       "skeleton",
       "skeleton-separator-text"
-    ]), i = w.createDiv(["payment-separator__line"]);
-    return e.appendChild(t), e.appendChild(s), e.appendChild(i), e;
+    ]), a = k.createDiv(["payment-separator__line"]);
+    return e.appendChild(t), e.appendChild(s), e.appendChild(a), e;
   }
 }
-class nt extends A {
+class at extends w {
   constructor(e) {
     const { translationFunc: t, checkoutProfile: s } = e;
     super("div", ["payment-separator"]);
-    const i = this.getElement(), a = document.createElement("span");
-    a.className = "payment-separator__line";
+    const a = this.getElement(), i = document.createElement("span");
+    i.className = "payment-separator__line";
     const r = document.createElement("p");
     r.textContent = t("pay-with-card"), r.className = "payment-separator__text", r.style.fontFamily = `${s.styles.fontFamily}, sans-serif`;
-    const d = document.createElement("span");
-    d.className = "payment-separator__line", i.appendChild(a), i.appendChild(r), i.appendChild(d);
+    const l = document.createElement("span");
+    l.className = "payment-separator__line", a.appendChild(i), a.appendChild(r), a.appendChild(l);
   }
 }
-class at extends A {
+class it extends w {
   paymentMethods;
   paymentSeparator;
   skeleton;
@@ -1281,14 +1361,14 @@ class at extends A {
     const {
       checkoutProfile: t,
       formData: s,
-      onPaypalSubmit: i,
-      onApplePaySubmit: a,
+      onPaypalSubmit: a,
+      onApplePaySubmit: i,
       supportedPaymentMethods: r,
-      translationFunc: d,
-      paymentId: l,
-      checkoutKey: u,
+      translationFunc: l,
+      paymentId: d,
+      checkoutKey: h,
       checkoutDetails: E,
-      environment: y,
+      environment: S,
       countryCode: o
     } = e;
     if (super("div", ["payment-methods"]), this.paymentMethods = /* @__PURE__ */ new Map(), !t?.additionalPaymentMethods) {
@@ -1299,42 +1379,42 @@ class at extends A {
       this.renderSkeleton();
       return;
     }
-    const f = Object.entries(
+    const u = Object.entries(
       t.additionalPaymentMethods
-    ).filter(([m, h]) => {
-      const p = h.enabled, c = r ? r[m] === !0 : !0, b = !h.countries || o && h.countries.includes(o);
-      return p && c && b;
-    }).sort((m, h) => m[1].order - h[1].order);
-    if (f.length === 0) {
+    ).filter(([g, m]) => {
+      const p = m.enabled, c = r ? r[g] === !0 : !0, f = !m.countries || o && m.countries.includes(o);
+      return p && c && f;
+    }).sort((g, m) => g[1].order - m[1].order);
+    if (u.length === 0) {
       this.getElement().style.display = "none";
       return;
     }
-    for (const [m] of f)
-      switch (m) {
+    for (const [g] of u)
+      switch (g) {
         case "paypal": {
-          if (i) {
-            const h = new pe({
+          if (a) {
+            const m = new fe({
               checkoutProfile: t,
               formData: s,
-              onSubmit: i
+              onSubmit: a
             });
-            this.paymentMethods.set("paypal", h), h.appendTo(this.getElement());
+            this.paymentMethods.set("paypal", m), m.appendTo(this.getElement());
           }
           break;
         }
         case "applePay": {
-          if (a && l && u) {
-            const h = t.appearance?.additionalPaymentMethods?.applePay, p = new me({
+          if (i && d && h) {
+            const m = t.appearance?.additionalPaymentMethods?.applePay, p = new pe({
               checkoutProfile: t,
               formData: s,
-              onSubmit: a,
-              paymentId: l,
-              checkoutKey: u,
+              onSubmit: i,
+              paymentId: d,
+              checkoutKey: h,
               checkoutDetails: E,
-              environment: y,
-              displayName: h?.displayName,
-              requiredBillingContactFields: h?.requiredBillingContactFields,
-              requiredShippingContactFields: h?.requiredShippingContactFields
+              environment: S,
+              displayName: m?.displayName,
+              requiredBillingContactFields: m?.requiredBillingContactFields,
+              requiredShippingContactFields: m?.requiredShippingContactFields
             });
             this.paymentMethods.set("applePay", p), p.appendTo(this.getElement());
           }
@@ -1348,17 +1428,17 @@ class at extends A {
         //   break;
         default:
           console.warn(
-            `[PaymentMethods] Unsupported payment method: ${m}`
+            `[PaymentMethods] Unsupported payment method: ${g}`
           );
           break;
       }
-    this.paymentMethods.size > 0 && (this.paymentSeparator = new nt({
-      translationFunc: d,
+    this.paymentMethods.size > 0 && (this.paymentSeparator = new at({
+      translationFunc: l,
       checkoutProfile: t
     }), this.getElement().appendChild(this.paymentSeparator.getElement()));
   }
   renderSkeleton() {
-    this.skeleton = new oe(), this.getElement().appendChild(this.skeleton.getElement());
+    this.skeleton = new ce(), this.getElement().appendChild(this.skeleton.getElement());
   }
   updateFormData(e) {
     const t = this.paymentMethods.get("paypal");
@@ -1370,8 +1450,8 @@ class at extends A {
     return this.paymentMethods.size > 0 && this.getElement().style.display !== "none";
   }
 }
-const it = 17;
-class rt extends A {
+const rt = 17;
+class ot extends w {
   styles;
   isHovered = !1;
   constructor(e) {
@@ -1381,7 +1461,7 @@ class rt extends A {
   }
   applyStyles() {
     const e = this.getElement();
-    e.style.backgroundColor = this.isHovered ? `color-mix(in srgb, ${this.styles.backgroundColor} 80%, transparent)` : this.styles.backgroundColor, e.disabled ? (e.style.color = "rgb(150, 150, 150)", e.style.backgroundColor = "rgb(200, 200, 200)") : e.style.color = this.styles.color, e.style.borderRadius = this.styles.borderRadius === it ? "100vmax" : `${this.styles.borderRadius}px`, e.style.fontSize = `${this.styles.fontSize}px`, e.style.fontFamily = `${this.styles.fontFamily}, sans-serif`;
+    e.style.backgroundColor = this.isHovered ? `color-mix(in srgb, ${this.styles.backgroundColor} 80%, transparent)` : this.styles.backgroundColor, e.disabled ? (e.style.color = "rgb(150, 150, 150)", e.style.backgroundColor = "rgb(200, 200, 200)") : e.style.color = this.styles.color, e.style.borderRadius = this.styles.borderRadius === rt ? "100vmax" : `${this.styles.borderRadius}px`, e.style.fontSize = `${this.styles.fontSize}px`, e.style.fontFamily = `${this.styles.fontFamily}, sans-serif`;
   }
   handleMouseEnter() {
     this.isHovered = !0, this.applyStyles();
@@ -1393,12 +1473,12 @@ class rt extends A {
     return this.getElement().disabled = e, e ? (this.addClass("disabled"), this.removeClass("valid")) : (this.removeClass("disabled"), this.addClass("valid")), this.applyStyles(), this;
   }
 }
-class ot {
+class lt {
   button;
   constructor(e) {
-    const { disabled: t, checkoutProfile: s, translationFunc: i } = e;
-    this.button = new rt({
-      text: i(
+    const { disabled: t, checkoutProfile: s, translationFunc: a } = e;
+    this.button = new ot({
+      text: a(
         `buttonTexts.${s?.layout.actionButton.translationKey}`
       ),
       styles: {
@@ -1424,7 +1504,7 @@ class ot {
     return this.button.appendTo(e), this;
   }
 }
-class lt {
+class dt {
   formElement;
   focusManager;
   translationFunc;
@@ -1462,10 +1542,10 @@ class lt {
   createPaymentMethods(e, t, s = !1) {
     try {
       if (!e?.additionalPaymentMethods || Object.keys(e.additionalPaymentMethods).length === 0 || !Object.values(e.additionalPaymentMethods).some(
-        (i) => i.enabled
+        (a) => a.enabled
       ))
         return;
-      this.paymentMethods = new at({
+      this.paymentMethods = new it({
         checkoutProfile: e,
         formData: t,
         supportedPaymentMethods: this.supportedPaymentMethods,
@@ -1481,119 +1561,119 @@ class lt {
         this.paymentMethods.getElement(),
         this.formElement.firstChild
       ) : this.formElement.appendChild(this.paymentMethods.getElement());
-    } catch (i) {
-      throw console.error("Error creating payment methods:", i), i;
+    } catch (a) {
+      throw console.error("Error creating payment methods:", a), a;
     }
   }
-  createEmailField(e, t, s, i) {
+  createEmailField(e, t, s, a) {
     try {
-      const a = e.layout.billingFields && Object.values(e.layout.billingFields).some(
+      const i = e.layout.billingFields && Object.values(e.layout.billingFields).some(
         (r) => r?.enabled
       ) || e.layout.shippingFields && Object.values(e.layout.shippingFields).some(
         (r) => r?.enabled
       );
-      this.emailField = new fe({
+      this.emailField = new ge({
         value: t.email,
         onChange: this.onChange,
         onBlur: this.onBlur,
-        onTab: a ? void 0 : () => this.focusManager.focusField(
+        onTab: i ? void 0 : () => this.focusManager.focusField(
           e.layout.phoneNumber?.enabled ? "phoneNumber" : "cardNumber"
         ),
-        error: !!(s.email && i.email),
+        error: !!(s.email && a.email),
         errorMsg: s.email,
         checkoutProfile: e,
         translationFunc: this.translationFunc
       }), this.emailFocusHandler = () => this.onFieldFocus("email"), this.emailField.getElement().addEventListener("focus", this.emailFocusHandler, !0), this.focusManager.registerField("email", this.emailField), this.formElement.appendChild(this.emailField.getElement());
-    } catch (a) {
-      throw console.error("Error creating email field:", a), a;
+    } catch (i) {
+      throw console.error("Error creating email field:", i), i;
     }
   }
-  createPhoneNumberField(e, t, s, i) {
-    const a = document.createElement("div");
-    this.phonePlaceholder = a, this.formElement.appendChild(a), ge().then(({ PhoneNumberField: r }) => {
-      a.isConnected && (this.phoneNumberField = new r({
+  createPhoneNumberField(e, t, s, a) {
+    const i = document.createElement("div");
+    this.phonePlaceholder = i, this.formElement.appendChild(i), ye().then(({ PhoneNumberField: r }) => {
+      i.isConnected && (this.phoneNumberField = new r({
         value: t.phoneNumber ?? "",
         onChange: this.onChange,
         onBlur: this.onBlur,
         onTab: () => this.focusManager.focusField("cardNumber"),
-        error: !!(s.phoneNumber && i.phoneNumber),
+        error: !!(s.phoneNumber && a.phoneNumber),
         errorMsg: s.phoneNumber,
         checkoutProfile: e,
         translationFunc: this.translationFunc,
         defaultCountry: e.layout.phoneNumber?.defaultCountry || "US",
         allowedCountries: e.layout.phoneNumber?.allowedCountries,
         locale: this.locale
-      }), this.phoneNumberFocusHandler = () => this.onFieldFocus("phoneNumber"), this.phoneNumberField.getElement().addEventListener("focus", this.phoneNumberFocusHandler, !0), this.focusManager.registerField("phoneNumber", this.phoneNumberField), a.replaceWith(this.phoneNumberField.getElement()), this.phonePlaceholder = void 0);
+      }), this.phoneNumberFocusHandler = () => this.onFieldFocus("phoneNumber"), this.phoneNumberField.getElement().addEventListener("focus", this.phoneNumberFocusHandler, !0), this.focusManager.registerField("phoneNumber", this.phoneNumberField), i.replaceWith(this.phoneNumberField.getElement()), this.phonePlaceholder = void 0);
     }).catch((r) => {
-      console.error("Error creating phone number field:", r), a.remove(), this.phonePlaceholder = void 0;
+      console.error("Error creating phone number field:", r), i.remove(), this.phonePlaceholder = void 0;
     });
   }
-  createCardSection(e, t, s, i) {
+  createCardSection(e, t, s, a) {
     try {
-      this.cardSection = new ye({
+      this.cardSection = new be({
         checkoutProfile: e,
         cardNumber: t.cardNumber,
         cardNumberError: s.cardNumber,
-        cardNumberTouched: !!i.cardNumber,
+        cardNumberTouched: !!a.cardNumber,
         cardCvv: t.cardCvv,
         cardCvvError: s.cardCvv,
-        cardCvvTouched: !!i.cardCvv,
+        cardCvvTouched: !!a.cardCvv,
         cardExpiry: t.cardExpiry,
         cardExpiryError: s.cardExpiry,
-        cardExpiryTouched: !!i.cardExpiry,
+        cardExpiryTouched: !!a.cardExpiry,
         onChange: this.onChange,
         onBlur: this.onBlur,
         onCardBrandChange: () => {
           if (t.cardCvv) {
-            const l = new Event("blur", { bubbles: !0 });
-            Object.defineProperty(l, "target", {
+            const d = new Event("blur", { bubbles: !0 });
+            Object.defineProperty(d, "target", {
               writable: !1,
               value: { name: "cardCvv", value: t.cardCvv }
-            }), this.onBlur(l);
+            }), this.onBlur(d);
           }
         },
         translationFunc: this.translationFunc
       });
-      const a = this.cardSection.getElement().querySelector('input[name="cardExpiry"]');
-      a && (this.cardExpiryFocusHandler = () => this.onFieldFocus("cardExpiry"), a.addEventListener("focus", this.cardExpiryFocusHandler));
+      const i = this.cardSection.getElement().querySelector('input[name="cardExpiry"]');
+      i && (this.cardExpiryFocusHandler = () => this.onFieldFocus("cardExpiry"), i.addEventListener("focus", this.cardExpiryFocusHandler));
       const r = this.cardSection.getElement().querySelector('input[name="cardNumber"]');
       r && (this.cardNumberFocusHandler = () => this.onFieldFocus("cardNumber"), r.addEventListener("focus", this.cardNumberFocusHandler));
-      const d = this.cardSection.getElement().querySelector('input[name="cardCvv"]');
-      d && (this.cardCvvFocusHandler = () => this.onFieldFocus("cardCvv"), d.addEventListener("focus", this.cardCvvFocusHandler)), this.focusManager.registerField("cardNumber", {
+      const l = this.cardSection.getElement().querySelector('input[name="cardCvv"]');
+      l && (this.cardCvvFocusHandler = () => this.onFieldFocus("cardCvv"), l.addEventListener("focus", this.cardCvvFocusHandler)), this.focusManager.registerField("cardNumber", {
         focus: () => this.cardSection?.focusField("cardNumber")
       }), this.focusManager.registerField("cardExpiry", {
         focus: () => this.cardSection?.focusField("cardExpiry")
       }), this.focusManager.registerField("cardCvv", {
         focus: () => this.cardSection?.focusField("cardCvv")
       }), this.formElement.appendChild(this.cardSection.getElement());
-    } catch (a) {
-      throw console.error("Error creating card section:", a), a;
+    } catch (i) {
+      throw console.error("Error creating card section:", i), i;
     }
   }
-  createCardholderSection(e, t, s, i) {
+  createCardholderSection(e, t, s, a) {
     try {
-      this.cardholderSection = new st({
+      this.cardholderSection = new nt({
         value: t.name,
         onChange: this.onChange,
         onBlur: this.onBlur,
-        error: !!(s.name && i.name),
+        error: !!(s.name && a.name),
         errorMsg: s.name,
         checkoutProfile: e,
         translationFunc: this.translationFunc
       });
-      const a = this.cardholderSection.getElement().querySelector('input[name="name"]');
-      a && (this.nameFocusHandler = () => this.onFieldFocus("name"), a.addEventListener("focus", this.nameFocusHandler)), this.focusManager.registerField("name", this.cardholderSection), this.formElement.appendChild(this.cardholderSection.getElement());
-    } catch (a) {
-      throw console.error("Error creating cardholder section:", a), a;
+      const i = this.cardholderSection.getElement().querySelector('input[name="name"]');
+      i && (this.nameFocusHandler = () => this.onFieldFocus("name"), i.addEventListener("focus", this.nameFocusHandler)), this.focusManager.registerField("name", this.cardholderSection), this.formElement.appendChild(this.cardholderSection.getElement());
+    } catch (i) {
+      throw console.error("Error creating cardholder section:", i), i;
     }
   }
-  createBillingAddressSection(e, t, s, i) {
+  createBillingAddressSection(e, t, s, a) {
     try {
-      const a = e.layout.billingFields;
-      if (!a || !Object.values(a).some(
-        (l) => l?.enabled
+      const i = e.layout.billingFields;
+      if (!i || !Object.values(i).some(
+        (d) => d?.enabled
       )) return;
-      const d = {
+      const l = {
         street: "",
         firstName: "",
         lastName: "",
@@ -1602,31 +1682,31 @@ class lt {
         zipCode: "",
         country: ""
       };
-      this.billingAddressSection = new se({
+      this.billingAddressSection = new ie({
         type: "billing",
         title: this.translationFunc("address.billingTitle"),
         checkoutProfile: e,
-        fieldsConfig: a,
-        values: t.billingAddress ?? d,
+        fieldsConfig: i,
+        values: t.billingAddress ?? l,
         errors: s.billingAddress ?? {},
-        touched: i.billingAddress ?? {},
+        touched: a.billingAddress ?? {},
         onChange: this.onChange,
         onBlur: this.onBlur,
         translationFunc: this.translationFunc,
         locale: this.locale,
         grouped: e.layout.grouped
       }), this.formElement.appendChild(this.billingAddressSection.getElement());
-    } catch (a) {
-      throw console.error("Error creating billing address section:", a), a;
+    } catch (i) {
+      throw console.error("Error creating billing address section:", i), i;
     }
   }
-  createShippingAddressSection(e, t, s, i) {
+  createShippingAddressSection(e, t, s, a) {
     try {
-      const a = e.layout.shippingFields;
-      if (!a || !Object.values(a).some(
-        (l) => l?.enabled
+      const i = e.layout.shippingFields;
+      if (!i || !Object.values(i).some(
+        (d) => d?.enabled
       )) return;
-      const d = {
+      const l = {
         street: "",
         firstName: "",
         lastName: "",
@@ -1635,27 +1715,27 @@ class lt {
         zipCode: "",
         country: ""
       };
-      this.shippingAddressSection = new se({
+      this.shippingAddressSection = new ie({
         type: "shipping",
         title: this.translationFunc("address.shippingTitle"),
         checkoutProfile: e,
-        fieldsConfig: a,
-        values: t.shippingAddress ?? d,
+        fieldsConfig: i,
+        values: t.shippingAddress ?? l,
         errors: s.shippingAddress ?? {},
-        touched: i.shippingAddress ?? {},
+        touched: a.shippingAddress ?? {},
         onChange: this.onChange,
         onBlur: this.onBlur,
         translationFunc: this.translationFunc,
         locale: this.locale,
         grouped: e.layout.grouped
       }), this.formElement.appendChild(this.shippingAddressSection.getElement());
-    } catch (a) {
-      throw console.error("Error creating shipping address section:", a), a;
+    } catch (i) {
+      throw console.error("Error creating shipping address section:", i), i;
     }
   }
   createSubmitButton(e, t) {
     try {
-      this.submitButton = new ot({
+      this.submitButton = new lt({
         disabled: t,
         checkoutProfile: e,
         translationFunc: this.translationFunc
@@ -1670,15 +1750,15 @@ class lt {
   updatePhoneNumberField(e, t, s) {
     this.phoneNumberField && (this.phoneNumberField.setValue(e), this.phoneNumberField.setError(t, s));
   }
-  updateCardSection(e, t, s, i, a, r, d, l, u) {
+  updateCardSection(e, t, s, a, i, r, l, d, h) {
     this.cardSection && (this.cardSection.updateCardNumber(
       e,
       t,
       s
-    ), this.cardSection.updateCardCvv(i, a, r), this.cardSection.updateCardExpiry(
-      d,
+    ), this.cardSection.updateCardCvv(a, i, r), this.cardSection.updateCardExpiry(
       l,
-      u
+      d,
+      h
     ));
   }
   updateCardholderSection(e, t, s) {
@@ -1738,7 +1818,7 @@ class lt {
     this.billingAddressSection && (this.billingAddressSection.getElement().remove(), this.billingAddressSection = void 0), this.shippingAddressSection && (this.shippingAddressSection.getElement().remove(), this.shippingAddressSection = void 0), this.submitButton && (this.submitButton.getElement().remove(), this.submitButton = void 0), this.paymentMethods && (this.paymentMethods.getElement().remove(), this.paymentMethods = void 0);
   }
 }
-class dt {
+class ct {
   formManager;
   focusManager;
   onFormSubmit;
@@ -1748,18 +1828,18 @@ class dt {
     this.formManager = e.formManager, this.focusManager = e.focusManager, this.onFormSubmit = e.onFormSubmit, this.onUIUpdate = e.onUIUpdate;
   }
   handleChange = (e) => {
-    const t = e.target, { name: s, value: i } = t, a = s;
-    this.formManager.handleChange(a, i), this.localTouchedFields.has(a) || (this.localTouchedFields.add(a), this.formManager.handleBlur(a, i));
-    const { formData: r, errors: d, touched: l } = this.formManager.getFormState();
-    this.focusManager.handleStateUpdate(r, d, l);
+    const t = e.target, { name: s, value: a } = t, i = s;
+    this.formManager.handleChange(i, a), e instanceof CustomEvent && e.detail?.programmatic ? this.localTouchedFields.delete(i) : this.localTouchedFields.has(i) || (this.localTouchedFields.add(i), this.formManager.handleBlur(i, a));
+    const { formData: l, errors: d, touched: h } = this.formManager.getFormState();
+    this.focusManager.handleStateUpdate(l, d, h);
   };
   handleBlur = (e) => {
-    const t = e.target, { name: s, value: i } = t, a = s;
-    this.localTouchedFields.add(a), this.formManager.handleBlur(a, i), setTimeout(() => {
+    const t = e.target, { name: s, value: a } = t, i = s;
+    this.localTouchedFields.add(i), this.formManager.handleBlur(i, a), setTimeout(() => {
       this.onUIUpdate();
     }, 0);
-    const { formData: r, errors: d, touched: l } = this.formManager.getFormState();
-    l[a] || this.focusManager.handleStateUpdate(r, d, l);
+    const { formData: r, errors: l, touched: d } = this.formManager.getFormState();
+    d[i] || this.focusManager.handleStateUpdate(r, l, d);
   };
   handleSubmit = async (e) => {
     e.preventDefault(), await this.onFormSubmit(e);
@@ -1779,7 +1859,7 @@ class dt {
     this.localTouchedFields.clear();
   }
 }
-class ct {
+class ht {
   formManager;
   checkoutProfile;
   formElement;
@@ -1801,7 +1881,7 @@ class ct {
         try {
           if (e.checkoutProfile.styles?.fontFamily)
             try {
-              const { cleanup: t } = be({
+              const { cleanup: t } = Ee({
                 fontFamily: e.checkoutProfile.styles.fontFamily
               });
               this.fontCleanup = t, this.formElement.style.fontFamily = e.checkoutProfile.styles.fontFamily;
@@ -1818,13 +1898,15 @@ class ct {
   };
   isFormDisabled() {
     const e = this.formManager.getFormState(), t = this.checkoutProfile.getState(), s = Object.keys(e.errors).filter(
-      (c) => c !== "billingAddress" && c !== "shippingAddress"
-    ).length > 0, i = e.errors.billingAddress, a = i && typeof i == "object" ? Object.keys(i).length > 0 : !1, r = e.errors.shippingAddress, d = r && typeof r == "object" ? Object.keys(r).length > 0 : !1, l = s || a || d, E = $(
+      (f) => f !== "billingAddress" && f !== "shippingAddress"
+    ).length > 0, a = e.errors.billingAddress, i = a && typeof a == "object" ? Object.keys(a).length > 0 : !1, r = e.errors.shippingAddress, l = r && typeof r == "object" ? Object.keys(r).length > 0 : !1, d = s || i || l, E = Z(
       t.checkoutProfile?.layout
-    ) ? !!(e.formData.billingAddress?.firstName || e.formData.billingAddress?.lastName || e.formData.shippingAddress?.firstName || e.formData.shippingAddress?.lastName) : !!e.formData.name, o = t.checkoutProfile?.layout.phoneNumber?.enabled ?? !1 ? !!e.formData.phoneNumber : !0, { billingFields: f, shippingFields: m } = t.checkoutProfile?.layout ?? {}, h = (c, b) => !c || Object.entries(c).every(
-      ([g, S]) => !S?.enabled || !!b?.[g]?.trim()
-    ), p = !!e.formData.email && o && E && !!e.formData.cardNumber && !!e.formData.cardCvv && !!e.formData.cardExpiry && h(f, e.formData.billingAddress) && h(m, e.formData.shippingAddress);
-    return l || !p || this.isSubmitting;
+    ) ? !!(e.formData.billingAddress?.firstName || e.formData.billingAddress?.lastName || e.formData.shippingAddress?.firstName || e.formData.shippingAddress?.lastName) : !!e.formData.name, o = t.checkoutProfile?.layout.phoneNumber?.enabled ?? !1 ? !!e.formData.phoneNumber : !0, { billingFields: u, shippingFields: g } = t.checkoutProfile?.layout ?? {}, m = /* @__PURE__ */ new Set(["US", "CA"]), p = (f, y) => {
+      if (!f) return !0;
+      const b = y?.country ?? "";
+      return Object.entries(f).every(([C, N]) => !N?.enabled || C === "state" && (!m.has(b) || N.hiddenForCountries?.includes(b)) ? !0 : !!y?.[C]?.trim());
+    }, c = !!e.formData.email && o && E && !!e.formData.cardNumber && !!e.formData.cardCvv && !!e.formData.cardExpiry && p(u, e.formData.billingAddress) && p(g, e.formData.shippingAddress);
+    return d || !c || this.isSubmitting;
   }
   setSubmitting(e) {
     this.isSubmitting = e;
@@ -1836,18 +1918,18 @@ class ct {
     this.fontCleanup && (this.fontCleanup(), this.fontCleanup = void 0);
   }
 }
-class ht extends A {
+class ut extends w {
   titleElement;
   constructor(e = {}) {
     super("div", ["blur-bg"]);
-    const t = w.createDiv(["loader"]);
-    this.titleElement = new A("h3", ["title"]), this.titleElement.setText(e.text || ""), this.appendChild(t), this.appendChild(this.titleElement);
+    const t = k.createDiv(["loader"]);
+    this.titleElement = new w("h3", ["title"]), this.titleElement.setText(e.text || ""), this.appendChild(t), this.appendChild(this.titleElement);
   }
   setText(e) {
     return this.titleElement.setText(e), this;
   }
 }
-const ne = {
+const re = {
   street: "",
   firstName: "",
   lastName: "",
@@ -1855,16 +1937,16 @@ const ne = {
   city: "",
   zipCode: "",
   country: ""
-}, ae = (n, e) => {
+}, oe = (n, e) => {
   const t = {}, s = `${e}.`;
-  return Object.keys(n).forEach((i) => {
-    if (i.startsWith(s)) {
-      const a = i.slice(s.length);
-      t[a] = n[i];
+  return Object.keys(n).forEach((a) => {
+    if (a.startsWith(s)) {
+      const i = a.slice(s.length);
+      t[i] = n[a];
     }
   }), t;
 };
-class ut {
+class mt {
   formElement;
   componentManager;
   onLoadingStateChange;
@@ -1898,13 +1980,13 @@ class ut {
       !!(e.errors.name && e.touched.name),
       e.errors.name
     ), this.componentManager.updateBillingAddressSection(
-      e.formData.billingAddress ?? ne,
+      e.formData.billingAddress ?? re,
       e.errors.billingAddress ?? {},
-      ae(e.touched, "billingAddress")
+      oe(e.touched, "billingAddress")
     ), this.componentManager.updateShippingAddressSection(
-      e.formData.shippingAddress ?? ne,
+      e.formData.shippingAddress ?? re,
       e.errors.shippingAddress ?? {},
-      ae(e.touched, "shippingAddress")
+      oe(e.touched, "shippingAddress")
     ), this.componentManager.updateSubmitButton(t);
   }
   setLoadingState(e) {
@@ -1912,10 +1994,10 @@ class ut {
       this.onLoadingStateChange(e);
       return;
     }
-    e ? (this.hideSkeleton(), this.formSkeleton = new oe(), this.formElement.appendChild(this.formSkeleton.getElement())) : this.hideSkeleton();
+    e ? (this.hideSkeleton(), this.formSkeleton = new ce(), this.formElement.appendChild(this.formSkeleton.getElement())) : this.hideSkeleton();
   }
   showSpinner(e) {
-    this.hideSpinner(), this.spinner = new ht({ text: e }), this.formElement.appendChild(this.spinner.getElement());
+    this.hideSpinner(), this.spinner = new ut({ text: e }), this.formElement.appendChild(this.spinner.getElement());
   }
   hideSpinner() {
     this.spinner && (this.spinner.getElement().remove(), this.spinner = void 0);
@@ -1924,7 +2006,7 @@ class ut {
     this.formSkeleton && (this.formSkeleton.getElement().remove(), this.formSkeleton = void 0);
   }
   setErrorMessage(e) {
-    this.alert && (this.alert.getElement().remove(), this.alert = void 0), this.alert = new Ee({ message: e }), this.formElement.insertBefore(
+    this.alert && (this.alert.getElement().remove(), this.alert = void 0), this.alert = new Se({ message: e }), this.formElement.insertBefore(
       this.alert.getElement(),
       this.formElement.firstChild
     );
@@ -1936,7 +2018,7 @@ class ut {
     this.spinner && (this.spinner.getElement().remove(), this.spinner = void 0), this.formSkeleton && (this.formSkeleton.getElement().remove(), this.formSkeleton = void 0), this.alert && (this.alert.getElement().remove(), this.alert = void 0);
   }
 }
-const I = (n) => ({
+const D = (n) => ({
   street: "",
   firstName: "",
   lastName: "",
@@ -1946,21 +2028,21 @@ const I = (n) => ({
   country: "",
   ...n
 });
-class mt extends A {
+class pt extends w {
   options;
-  formManager = tt();
+  formManager = st();
   checkoutProfile;
-  translation = Se();
-  focusManager = new Fe();
+  translation = Fe();
+  focusManager = new Ce();
   // Managers
   componentManager;
   eventHandler;
   stateCoordinator;
   uiManager;
   constructor(e) {
-    super("form", ["form-container"]), this.options = e, this.checkoutProfile = et({
+    super("form", ["form-container"]), this.options = e, this.checkoutProfile = tt({
       appearance: e.appearance
-    }), e.locale && this.translation.setLocale(e.locale), this.componentManager = new lt({
+    }), e.locale && this.translation.setLocale(e.locale), this.componentManager = new dt({
       formElement: this.element,
       focusManager: this.focusManager,
       translationFunc: this.translation.t,
@@ -1975,11 +2057,11 @@ class mt extends A {
       checkoutKey: e.checkoutKey,
       checkoutDetails: e.checkoutDetails,
       environment: e.environment
-    }), this.uiManager = new ut({
+    }), this.uiManager = new mt({
       formElement: this.element,
       componentManager: this.componentManager,
       onLoadingStateChange: e.onLoadingStateChange
-    }), this.stateCoordinator = new ct({
+    }), this.stateCoordinator = new ht({
       formManager: this.formManager,
       checkoutProfile: this.checkoutProfile,
       componentManager: this.componentManager,
@@ -1989,7 +2071,7 @@ class mt extends A {
       onError: (t) => this.uiManager.setErrorMessage(t),
       onLoadingChange: (t) => this.uiManager.setLoadingState(t),
       getInitialFormData: () => this._getFormStateData().formData
-    }), this.eventHandler = new dt({
+    }), this.eventHandler = new ct({
       formManager: this.formManager,
       focusManager: this.focusManager,
       onFormSubmit: async () => this.handleSubmit(),
@@ -2014,12 +2096,12 @@ class mt extends A {
       },
       ...e.initialValues.name && { name: e.initialValues.name },
       ...e.initialValues.billingAddress && {
-        billingAddress: I(
+        billingAddress: D(
           e.initialValues.billingAddress
         )
       },
       ...e.initialValues.shippingAddress && {
-        shippingAddress: I(
+        shippingAddress: D(
           e.initialValues.shippingAddress
         )
       }
@@ -2036,10 +2118,10 @@ class mt extends A {
         cardNumber: "",
         cardCvv: "",
         ...t?.billingAddress && {
-          billingAddress: I(t.billingAddress)
+          billingAddress: D(t.billingAddress)
         },
         ...t?.shippingAddress && {
-          shippingAddress: I(t.shippingAddress)
+          shippingAddress: D(t.shippingAddress)
         }
       },
       errors: e.errors || {},
@@ -2055,12 +2137,15 @@ class mt extends A {
       this.uiManager.setErrorMessage("Failed to load checkout configuration");
       return;
     }
-    this.componentManager.hasComponents() && this.componentManager.cleanup(), e.checkoutProfile.layout.phoneNumber?.enabled && this.formManager.getFormState().formData.phoneNumber === void 0 && this.formManager.setFormData({ phoneNumber: "" }), e.checkoutProfile.layout.billingFields && this.formManager.getFormState().formData.billingAddress === void 0 && this.formManager.setFormData({
-      billingAddress: I()
+    this.componentManager.hasComponents() && this.componentManager.cleanup(), e.checkoutProfile.layout.phoneNumber?.enabled && this.formManager.getFormState().formData.phoneNumber === void 0 && this.formManager.setFormData({
+      phoneNumber: "",
+      phoneCountryCode: e.checkoutProfile.layout.phoneNumber.defaultCountry?.toUpperCase() || "US"
+    }), e.checkoutProfile.layout.billingFields && this.formManager.getFormState().formData.billingAddress === void 0 && this.formManager.setFormData({
+      billingAddress: D()
     }), e.checkoutProfile.layout.shippingFields && this.formManager.getFormState().formData.shippingAddress === void 0 && this.formManager.setFormData({
-      shippingAddress: I()
+      shippingAddress: D()
     });
-    const { formData: t, errors: s, touched: i } = this._getFormStateData(), a = $(
+    const { formData: t, errors: s, touched: a } = this._getFormStateData(), i = Z(
       e.checkoutProfile.layout
     );
     try {
@@ -2076,18 +2161,18 @@ class mt extends A {
         e.checkoutProfile,
         t,
         s,
-        i
+        a
       );
     } catch (r) {
       console.error("Failed to create email field:", r);
     }
-    if (a) {
+    if (i) {
       try {
         this.componentManager.createBillingAddressSection(
           e.checkoutProfile,
           t,
           s,
-          i
+          a
         );
       } catch (r) {
         console.error("Failed to create billing address section:", r);
@@ -2097,7 +2182,7 @@ class mt extends A {
           e.checkoutProfile,
           t,
           s,
-          i
+          a
         );
       } catch (r) {
         console.error("Failed to create shipping address section:", r);
@@ -2109,7 +2194,7 @@ class mt extends A {
           e.checkoutProfile,
           t,
           s,
-          i
+          a
         );
       } catch (r) {
         console.error("Failed to create phone number field:", r);
@@ -2119,18 +2204,18 @@ class mt extends A {
         e.checkoutProfile,
         t,
         s,
-        i
+        a
       );
     } catch (r) {
       console.error("Failed to create card section:", r);
     }
-    if (!a)
+    if (!i)
       try {
         this.componentManager.createCardholderSection(
           e.checkoutProfile,
           t,
           s,
-          i
+          a
         );
       } catch (r) {
         console.error("Failed to create cardholder section:", r);
@@ -2157,13 +2242,13 @@ class mt extends A {
    */
   inferCardholderName() {
     const e = this.checkoutProfile.getState();
-    if (!e.checkoutProfile || !$(
+    if (!e.checkoutProfile || !Z(
       e.checkoutProfile.layout
     )) return;
-    const { formData: s } = this._getFormStateData(), i = s.billingAddress ?? s.shippingAddress;
-    if (!i) return;
-    const a = i.firstName?.trim() ?? "", r = i.lastName?.trim() ?? "", d = [a, r].filter(Boolean).join(" ");
-    d && this.formManager.setFormData({ name: d });
+    const { formData: s } = this._getFormStateData(), a = s.billingAddress ?? s.shippingAddress;
+    if (!a) return;
+    const i = a.firstName?.trim() ?? "", r = a.lastName?.trim() ?? "", l = [i, r].filter(Boolean).join(" ");
+    l && this.formManager.setFormData({ name: l });
   }
   /**
    * Infers address data based on field configuration.
@@ -2173,10 +2258,10 @@ class mt extends A {
   inferAddresses() {
     const e = this.checkoutProfile.getState();
     if (!e.checkoutProfile) return;
-    const { billingFields: t, shippingFields: s } = e.checkoutProfile.layout, i = t && Object.values(t).some((d) => d?.enabled), a = s && Object.values(s).some((d) => d?.enabled), { formData: r } = this._getFormStateData();
-    !i && a && r.shippingAddress ? this.formManager.setFormData({
+    const { billingFields: t, shippingFields: s } = e.checkoutProfile.layout, a = t && Object.values(t).some((l) => l?.enabled), i = s && Object.values(s).some((l) => l?.enabled), { formData: r } = this._getFormStateData();
+    !a && i && r.shippingAddress ? this.formManager.setFormData({
       billingAddress: { ...r.shippingAddress }
-    }) : !a && i && r.billingAddress && this.formManager.setFormData({
+    }) : !i && a && r.billingAddress && this.formManager.setFormData({
       shippingAddress: { ...r.billingAddress }
     });
   }
@@ -2236,26 +2321,26 @@ class mt extends A {
       this.eventHandler.handleKeyDown
     ), this.componentManager.cleanup(), this.uiManager.cleanup(), this.getElement().remove();
   }
-  associatePayment(e, t, s, i) {
-    this.options.paymentId = e, this.options.checkoutKey = t, this.options.supportedPaymentMethods = s, this.options.checkoutDetails = i, this.componentManager.removePaymentMethods(), this.componentManager.updateSupportedPaymentMethods(
+  associatePayment(e, t, s, a) {
+    this.options.paymentId = e, this.options.checkoutKey = t, this.options.supportedPaymentMethods = s, this.options.checkoutDetails = a, this.componentManager.removePaymentMethods(), this.componentManager.updateSupportedPaymentMethods(
       s
     ), this.componentManager.updatePaymentDetails(
       e,
       t,
-      i
+      a
     );
-    const a = this.checkoutProfile.getState();
-    if (a.checkoutProfile) {
+    const i = this.checkoutProfile.getState();
+    if (i.checkoutProfile) {
       const { formData: r } = this._getFormStateData();
       this.componentManager.createPaymentMethods(
-        a.checkoutProfile,
+        i.checkoutProfile,
         r,
         !0
       );
     }
   }
 }
-class pt {
+class ft {
   container = null;
   options;
   onSubmit;
@@ -2279,7 +2364,7 @@ class pt {
     }
   }
   renderForm(e) {
-    this.container && (this.form && (this.form.destroy(), this.form = null), this.form = new mt({
+    this.container && (this.form && (this.form.destroy(), this.form = null), this.form = new pt({
       apiKey: this.options.apiKey,
       onSubmit: this.onSubmit,
       locale: this.options.locale,
@@ -2305,16 +2390,16 @@ class pt {
   clearError() {
     this.form && this.form.clearErrorMessage();
   }
-  async associatePayment(e, t, s, i) {
-    this.options.paymentId = e, this.options.checkoutKey = t, this.options.checkoutDetails = i, this.form && this.form.associatePayment(
+  async associatePayment(e, t, s, a) {
+    this.options.paymentId = e, this.options.checkoutKey = t, this.options.checkoutDetails = a, this.form && this.form.associatePayment(
       e,
       t,
       s,
-      i
+      a
     );
   }
 }
-class ft {
+class gt {
   state;
   listeners = /* @__PURE__ */ new Set();
   constructor(e) {
@@ -2336,8 +2421,8 @@ class ft {
     this.listeners.forEach((t) => t(e));
   }
 }
-const gt = "en";
-class yt {
+const yt = "en";
+class bt {
   config;
   paymentState;
   apiService;
@@ -2345,18 +2430,18 @@ class yt {
   stateManager;
   sessionId;
   constructor(e) {
-    this.config = this.validateConfig(e), this.paymentState = {}, this.sessionId = crypto.randomUUID(), Qe({
+    this.config = this.validateConfig(e), this.paymentState = {}, this.sessionId = crypto.randomUUID(), Je({
       environment: this.config.environment,
       sessionId: this.sessionId
-    }), C(v.CHECKOUT_INITIALIZED, {
+    }), M(v.CHECKOUT_INITIALIZED, {
       environment: this.config.environment
     }), this.apiService = new ve(
       this.config.apiKey,
       this.config.environment
-    ), this.stateManager = new ft({
+    ), this.stateManager = new gt({
       mounted: !1,
       form: null
-    }), this.formManager = new pt(
+    }), this.formManager = new ft(
       {
         locale: this.config.locale,
         apiKey: this.config.apiKey,
@@ -2378,7 +2463,7 @@ class yt {
       apiKey: e.apiKey,
       returnUrl: e.returnUrl,
       environment: e.environment,
-      locale: e.locale || gt,
+      locale: e.locale || yt,
       disableErrorMessages: e.disableErrorMessages ?? !1,
       manualActionHandling: e.manualActionHandling ?? !1,
       appearance: e.appearance,
@@ -2399,7 +2484,7 @@ class yt {
     return t.appendChild(s), this.stateManager.updateState({
       form: s,
       mounted: !0
-    }), this.formManager.mount(s), C(v.CHECKOUT_MOUNTED, {
+    }), this.formManager.mount(s), M(v.CHECKOUT_MOUNTED, {
       container_id: e
     }), this;
   }
@@ -2411,7 +2496,7 @@ class yt {
       t && t.remove(), this.stateManager.updateState({
         form: null,
         mounted: !1
-      }), C(v.CHECKOUT_UNMOUNTED);
+      }), M(v.CHECKOUT_UNMOUNTED);
     });
   }
   async handleSubmit({
@@ -2423,21 +2508,21 @@ class yt {
         "Payment must be associated before submitting. Call associatePayment() first."
       );
     const s = this.getPaymentMethod(e, t);
-    C(v.PAYMENT_SUBMIT_STARTED, {
+    M(v.PAYMENT_SUBMIT_STARTED, {
       payment_id: this.paymentState.paymentId,
       payment_method: s
     });
-    const i = performance.now();
+    const a = performance.now();
     try {
-      const a = await this.apiService.authorizePayment({
+      const i = await this.apiService.authorizePayment({
         checkoutKey: this.paymentState.checkoutKey,
         formData: e || null,
         paymentId: this.paymentState.paymentId,
         returnUrl: this.config.returnUrl,
         applePayData: t
-      }), r = performance.now() - i;
-      te(
-        G.PAYMENT_AUTHORIZATION_TIME,
+      }), r = performance.now() - a;
+      ae(
+        J.PAYMENT_AUTHORIZATION_TIME,
         r,
         "ms",
         {
@@ -2445,14 +2530,14 @@ class yt {
           payment_method: s,
           status: "success"
         }
-      ), C(v.PAYMENT_SUBMIT_SUCCESS, {
+      ), M(v.PAYMENT_SUBMIT_SUCCESS, {
         payment_id: this.paymentState.paymentId,
         payment_method: s
-      }), this.handlePaymentResponse(a);
-    } catch (a) {
-      const r = performance.now() - i;
-      te(
-        G.PAYMENT_AUTHORIZATION_TIME,
+      }), this.handlePaymentResponse(i);
+    } catch (i) {
+      const r = performance.now() - a;
+      ae(
+        J.PAYMENT_AUTHORIZATION_TIME,
         r,
         "ms",
         {
@@ -2460,25 +2545,25 @@ class yt {
           payment_method: s,
           status: "failed"
         }
-      ), C(v.PAYMENT_SUBMIT_FAILED, {
+      ), M(v.PAYMENT_SUBMIT_FAILED, {
         payment_id: this.paymentState.paymentId,
         payment_method: s,
-        error_message: a.details?.message ?? "Unknown error"
-      }), this.handleAuthorizationError(a);
+        error_message: i.details?.message ?? "Unknown error"
+      }), this.handleAuthorizationError(i);
     }
   }
   handlePaymentResponse(e) {
-    if (e.latestTransaction.status === "authorized" && (C(v.PAYMENT_AUTHORIZED, {
+    if (e.latestTransaction.status === "authorized" && (M(v.PAYMENT_AUTHORIZED, {
       payment_id: this.paymentState.paymentId ?? "",
       status: e.latestTransaction.status
     }), this.config.callbacks.onPaymentSucceeded?.(
       e.latestTransaction.status
-    )), e.latestTransaction.status === "failed" && (C(v.PAYMENT_FAILED, {
+    )), e.latestTransaction.status === "failed" && (M(v.PAYMENT_FAILED, {
       payment_id: this.paymentState.paymentId ?? "",
       status: e.latestTransaction.status
     }), this.config.callbacks.onPaymentFailed?.(e.latestTransaction.status)), e.status === "requires_action") {
       const { redirectUrl: t } = e.action;
-      C(v.PAYMENT_ACTION_REQUIRED, {
+      M(v.PAYMENT_ACTION_REQUIRED, {
         payment_id: this.paymentState.paymentId ?? "",
         status: e.status
       }), this.config.manualActionHandling ? this.config.callbacks.onActionRequired?.(t) : globalThis.location.href = t;
@@ -2518,7 +2603,7 @@ class yt {
       throw new Error("paymentId and checkoutKey are required");
     this.paymentState.paymentId = e, this.paymentState.checkoutKey = t;
     try {
-      const s = await Ce({
+      const s = await Me({
         id: e,
         checkoutKey: t,
         environment: this.config.environment
@@ -2528,7 +2613,7 @@ class yt {
           "Invalid response: supportedPaymentMethods must be an array"
         );
       if (!s.supportedPaymentMethods.every(
-        (a) => typeof a == "string"
+        (i) => typeof i == "string"
       ))
         throw new Error(
           "Invalid response: all supportedPaymentMethods must be strings"
@@ -2538,44 +2623,44 @@ class yt {
         currency: s.currency,
         countryCode: s.countryCode
       };
-      const i = s.supportedPaymentMethods.reduce(
-        (a, r) => (a[r] = !0, a),
+      const a = s.supportedPaymentMethods.reduce(
+        (i, r) => (i[r] = !0, i),
         {}
       );
       await this.formManager.associatePayment(
         e,
         t,
-        i,
+        a,
         this.paymentState.checkoutDetails
-      ), C(v.PAYMENT_ASSOCIATED, {
+      ), M(v.PAYMENT_ASSOCIATED, {
         payment_id: e,
         currency: s.currency,
         country_code: s.countryCode
       });
     } catch (s) {
-      throw C(v.PAYMENT_ASSOCIATION_FAILED, {
+      throw M(v.PAYMENT_ASSOCIATION_FAILED, {
         payment_id: e,
         error_message: s instanceof Error ? s.message : "Unknown error"
-      }), Je(
+      }), et(
         s instanceof Error ? s : new Error("Failed to associate payment"),
         { payment_id: e }
       ), s;
     }
   }
 }
-typeof globalThis < "u" && (globalThis.OdusCheckout = yt);
+typeof globalThis < "u" && (globalThis.OdusCheckout = bt);
 export {
-  yt as OdusCheckout,
+  bt as OdusCheckout,
   vt as deLocale,
-  Ct as enLocale,
-  Mt as esLocale,
-  Nt as frLocale,
-  Pt as itLocale,
-  At as plLocale,
-  wt as ptLocale,
-  Je as pushError,
-  C as pushEvent,
-  Et as pushLog,
-  te as pushMeasurement,
-  kt as trLocale
+  Mt as enLocale,
+  Nt as esLocale,
+  Pt as frLocale,
+  At as itLocale,
+  wt as plLocale,
+  kt as ptLocale,
+  et as pushError,
+  M as pushEvent,
+  St as pushLog,
+  ae as pushMeasurement,
+  It as trLocale
 };