@odus/checkout 0.30.0 → 1.1.0

package/dist/checkout.es.js

@@ -1,643 +1,10 @@
-import { l as fe, c as me, a as ye, f as j, d as be, C as A, I as pe, b as P, g as ve, S as _, e as ee, H as Se, V as te, h as D, A as Ce, P as Ee, E as Fe, i as Me, j as Ne, k as we, m as Pe, n as ke, o as Ae, F as xe, p as De, q as Ie } from "./shared.js";
-import { r as _t, s as Rt, t as Bt, u as Ut, v as Ot, w as Ht, x as zt, y as $t } from "./shared.js";
-const F = {
-  // Checkout lifecycle events
-  CHECKOUT_INITIALIZED: "checkout.initialized",
-  CHECKOUT_MOUNTED: "checkout.mounted",
-  CHECKOUT_UNMOUNTED: "checkout.unmounted",
-  // Payment association events
-  PAYMENT_ASSOCIATED: "payment.associated",
-  PAYMENT_ASSOCIATION_FAILED: "payment.association.failed",
-  // Form submission events
-  PAYMENT_SUBMIT_STARTED: "payment.submit.started",
-  PAYMENT_SUBMIT_SUCCESS: "payment.submit.success",
-  PAYMENT_SUBMIT_FAILED: "payment.submit.failed",
-  // Payment status events
-  PAYMENT_AUTHORIZED: "payment.authorized",
-  PAYMENT_FAILED: "payment.failed",
-  PAYMENT_ACTION_REQUIRED: "payment.action_required"
-}, se = {
-  PAYMENT_AUTHORIZATION_TIME: "payment.authorization_time",
-  CHECKOUT_LOAD_TIME: "checkout.load_time",
-  FORM_RENDER_TIME: "form.render_time"
-}, Te = /^\s*at (?:(.+?) ?\()?((?:file|https?|chrome-extension|webpack-internal):\/\/.+?):(\d+):(\d+)\)?\s*$/, Le = /^([^@]+)@((?:file|https?|chrome-extension|webpack-internal):\/\/[^\s:]+):(\d+):(\d+)$/, Ve = /^(?:([^@]+)@)?((?:file|https?):\/\/[^\s:]+):(\d+):(\d+)$/, Z = (n) => {
-  if (!n)
-    return [];
-  const e = [], t = n.split(`
-`);
-  for (const s of t) {
-    const a = s.trim();
-    if (!a)
-      continue;
-    let i = Te.exec(a);
-    if (i) {
-      e.push({
-        function: i[1] || "(anonymous)",
-        filename: i[2],
-        lineno: parseInt(i[3], 10),
-        colno: parseInt(i[4], 10)
-      });
-      continue;
-    }
-    i = Le.exec(a) ?? Ve.exec(a), i && e.push({
-      function: i[1] || "(anonymous)",
-      filename: i[2],
-      lineno: parseInt(i[3], 10),
-      colno: parseInt(i[4], 10)
-    });
-  }
-  return e;
-}, _e = "@odus/telemetry", Re = "0.0.1";
-let z, $, X;
-const Be = () => {
-  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 a = /Mobi|Android|iPhone|iPad/i.test(n) || void 0;
-  return {
-    name: e,
-    version: t,
-    os: s,
-    mobile: a ?? !1,
-    language: navigator.language,
-    viewportWidth: String(window.innerWidth),
-    viewportHeight: String(window.innerHeight),
-    userAgent: n
-  };
-}, Ue = () => typeof window > "u" ? {} : { url: window.location.href }, Oe = (n) => {
-  z = void 0, X = void 0, $ = n.sessionTracking?.session ? { id: n.sessionTracking.session.id } : void 0;
-}, He = (n) => {
-  z = n;
-}, ze = () => {
-  z = void 0;
-}, $e = (n) => {
-  $ = n;
-}, Ke = (n) => {
-  X = n;
-}, je = () => $?.id, qe = (n) => ({
-  sdk: { name: _e, version: Re },
-  app: n.app,
-  user: z,
-  session: $,
-  page: Ue(),
-  browser: Be(),
-  view: X
-}), We = 30, Ye = 250, Ge = 6e4;
-let I = [], k = null, Q = 0, R = null, B = null;
-const Ze = (n) => {
-  if (k)
-    return;
-  const e = n.batching?.sendTimeout ?? Ye;
-  k = setTimeout(() => {
-    K(n);
-  }, e);
-}, Je = (n, e) => {
-  const t = {
-    meta: qe(e)
-  };
-  for (const s of n)
-    switch (s.type) {
-      case "exception":
-        (t.exceptions ??= []).push(s.payload);
-        break;
-      case "log":
-        (t.logs ??= []).push(s.payload);
-        break;
-      case "event":
-        (t.events ??= []).push(s.payload);
-        break;
-      case "measurement":
-        (t.measurements ??= []).push(s.payload);
-        break;
-    }
-  return t;
-}, Xe = (n, e, t = !1) => {
-  const s = JSON.stringify(n), a = je(), i = {
-    "Content-Type": "application/json"
-  };
-  if (a && (i["x-faro-session-id"] = a), t && typeof navigator < "u" && navigator.sendBeacon) {
-    const o = new Blob([s], { type: "application/json" });
-    navigator.sendBeacon(e, o);
-    return;
-  }
-  const r = s.length < Ge;
-  fetch(e, {
-    method: "POST",
-    headers: i,
-    body: s,
-    keepalive: r
-  }).then((o) => {
-    if (o.status === 429) {
-      const d = o.headers.get("Retry-After"), c = d ? parseInt(d, 10) * 1e3 : 3e4;
-      Q = Date.now() + c;
-    }
-  }).catch(() => {
-  });
-}, K = (n, e = !1) => {
-  if (k && (clearTimeout(k), k = null), I.length === 0)
-    return;
-  if (Date.now() < Q) {
-    I = [];
-    return;
-  }
-  const t = I;
-  I = [];
-  try {
-    let s = Je(t, n);
-    if (n.beforeSend) {
-      const a = n.beforeSend(s);
-      if (!a)
-        return;
-      s = a;
-    }
-    Xe(s, n.url, e);
-  } catch {
-  }
-}, w = (n, e) => {
-  I.push(n);
-  const t = e.batching?.itemLimit ?? We;
-  if (I.length >= t) {
-    K(e);
-    return;
-  }
-  Ze(e);
-}, Qe = (n) => {
-  if (I = [], Q = 0, k && (clearTimeout(k), k = null), typeof document > "u")
-    return;
-  R && document.removeEventListener("visibilitychange", R), B && window.removeEventListener("pagehide", B);
-  const e = () => K(n, !0);
-  R = () => {
-    document.visibilityState === "hidden" && e();
-  }, B = e, document.addEventListener("visibilitychange", R), window.addEventListener("pagehide", B);
-}, ne = () => (/* @__PURE__ */ new Date()).toISOString();
-let ie = null, ae = null;
-const et = (n) => {
-  typeof window > "u" || (ie = (e) => {
-    const t = e.error instanceof Error ? e.error : new Error(e.message);
-    w({
-      type: "exception",
-      payload: {
-        type: t.name,
-        value: t.message,
-        timestamp: ne(),
-        stacktrace: t.stack ? { frames: Z(t.stack) } : void 0
-      }
-    }, n);
-  }, ae = (e) => {
-    const t = e.reason, s = t instanceof Error ? t : new Error(String(t));
-    w({
-      type: "exception",
-      payload: {
-        type: s.name,
-        value: s.message,
-        timestamp: ne(),
-        stacktrace: s.stack ? { frames: Z(s.stack) } : void 0,
-        context: { source: "unhandledrejection" }
-      }
-    }, n);
-  }, window.addEventListener("error", ie), window.addEventListener("unhandledrejection", ae));
-}, re = "odus_telemetry_session_id", q = () => {
-  const n = new Uint8Array(16);
-  return crypto.getRandomValues(n), Array.from(n, (e) => e.toString(16).padStart(2, "0")).join("");
-}, tt = (n) => {
-  if (n)
-    return n;
-  if (typeof sessionStorage > "u")
-    return q();
-  try {
-    const e = sessionStorage.getItem(re);
-    if (e)
-      return e;
-    const t = q();
-    return sessionStorage.setItem(re, t), t;
-  } catch {
-    return q();
-  }
-}, st = (n) => {
-  if (!n.sessionTracking?.enabled)
-    return;
-  const e = tt(n.sessionTracking.session?.id);
-  $e({ id: e });
-}, W = () => (/* @__PURE__ */ new Date()).toISOString(), Y = (n, e) => {
-  if (typeof PerformanceObserver > "u" || !PerformanceObserver.supportedEntryTypes?.includes(n))
-    return;
-  new PerformanceObserver((s) => {
-    for (const a of s.getEntries())
-      e(a);
-  }).observe({ type: n, buffered: !0 });
-}, nt = (n) => {
-  if (typeof window > "u")
-    return;
-  Y("largest-contentful-paint", (t) => {
-    w({
-      type: "measurement",
-      payload: {
-        type: "web-vitals",
-        values: { lcp: t.startTime },
-        timestamp: W()
-      }
-    }, n);
-  });
-  let e = 0;
-  Y("layout-shift", (t) => {
-    const s = t;
-    s.hadRecentInput || (e += s.value, w({
-      type: "measurement",
-      payload: {
-        type: "web-vitals",
-        values: { cls: e },
-        timestamp: W()
-      }
-    }, n));
-  }), Y("event", (t) => {
-    const s = t;
-    s.duration > 0 && w({
-      type: "measurement",
-      payload: {
-        type: "web-vitals",
-        values: { inp: s.duration },
-        timestamp: W()
-      }
-    }, n);
-  });
-}, H = {
-  INFO: "info",
-  WARN: "warn",
-  ERROR: "error"
-}, U = () => (/* @__PURE__ */ new Date()).toISOString(), it = (n) => {
-  Oe(n), Qe(n);
-  const e = n.instrumentations ?? {
-    errors: !0,
-    webVitals: !0,
-    session: !0
-  };
-  return e.session !== !1 && st(n), e.errors !== !1 && et(n), e.webVitals !== !1 && nt(n), {
-    pushError(t, s) {
-      w({
-        type: "exception",
-        payload: {
-          type: t.name,
-          value: t.message,
-          timestamp: U(),
-          stacktrace: t.stack ? { frames: Z(t.stack) } : void 0,
-          context: s?.context
-        }
-      }, n);
-    },
-    pushEvent(t, s) {
-      w({
-        type: "event",
-        payload: {
-          name: t,
-          timestamp: U(),
-          attributes: s
-        }
-      }, n);
-    },
-    pushMeasurement(t) {
-      w({
-        type: "measurement",
-        payload: {
-          type: t.type,
-          values: t.values,
-          timestamp: U(),
-          context: t.context
-        }
-      }, n);
-    },
-    pushLog(t, s) {
-      w({
-        type: "log",
-        payload: {
-          message: t.join(" "),
-          level: s?.level ?? H.INFO,
-          timestamp: U(),
-          context: s?.context
-        }
-      }, n);
-    },
-    setUser(t) {
-      He(t);
-    },
-    resetUser() {
-      ze();
-    },
-    setView(t) {
-      Ke(t);
-    },
-    flush() {
-      K(n);
-    }
-  };
-}, at = (n) => n === "test" ? "https://sandbox-analytics.odus.com/collect" : "https://analytics.odus.com/collect", rt = () => {
-  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 C = null;
-const ot = (n) => {
-  if (C)
-    return C;
-  if (rt())
-    return null;
-  const e = at(n.environment);
-  return C = it({
-    url: e,
-    app: {
-      name: "odus-checkout",
-      environment: n.environment === "test" ? "sandbox" : "production"
-    },
-    isolate: !0,
-    sessionTracking: {
-      enabled: !0,
-      session: {
-        id: n.sessionId
-      }
-    },
-    beforeSend: (t) => {
-      if (t.meta?.view?.name)
-        try {
-          const s = new URL(t.meta.view.name);
-          [
-            "token",
-            "key",
-            "apiKey",
-            "card",
-            "cvv",
-            "pan"
-          ].forEach((i) => {
-            s.searchParams.has(i) && s.searchParams.set(i, "[REDACTED]");
-          }), t.meta.view.name = s.toString();
-        } catch {
-        }
-      return t;
-    }
-  }), C;
-}, lt = (n, e) => {
-  C && C.pushError(n, { context: e });
-}, M = (n, e) => {
-  C && C.pushEvent(n, e);
-}, oe = (n, e, t, s) => {
-  C && C.pushMeasurement({
-    type: n,
-    values: { [n]: e },
-    context: {
-      ...t && { unit: t },
-      ...s
-    }
-  });
-}, Tt = (n, e = "info", t) => {
-  if (!C) return;
-  const s = {
-    info: H.INFO,
-    warn: H.WARN,
-    error: H.ERROR
-  };
-  C.pushLog([n], {
-    level: s[e],
-    context: t
-  });
-}, le = {
-  test: "tntwpdhfwng",
-  live: "TBD"
-}, de = {
-  test: "sandbox",
-  live: "live"
-};
-class L {
-  vgsForm = null;
-  fields = [];
-  readyResolve;
-  readyPromise;
-  environment;
-  constructor() {
-    this.readyPromise = new Promise((e) => {
-      this.readyResolve = e;
-    });
-  }
-  async init(e) {
-    return this.environment = e, await fe({
-      vaultId: le[e],
-      environment: de[e],
-      version: "3.3.0"
-    });
-  }
-  createForm(e, t) {
-    if (!this.environment)
-      throw new Error("VGS not initialized — call init() first");
-    return this.vgsForm = e.create(
-      le[this.environment],
-      de[this.environment],
-      t
-    ), this.readyResolve?.(), this.vgsForm;
-  }
-  whenReady() {
-    return this.readyPromise;
-  }
-  mountCardFields(e, t, s, a) {
-    if (!this.vgsForm)
-      throw new Error("VGS form not initialized");
-    if (e.cardNumber) {
-      const i = this.vgsForm.cardNumberField(e.cardNumber, {
-        placeholder: s.cardNumber,
-        autoComplete: "cc-number",
-        validations: ["required", "validCardNumber"],
-        addCardBrands: [
-          {
-            type: "visa",
-            pattern: /^4/,
-            format: /(\d{1,4})/g,
-            length: [16],
-            cvcLength: [3],
-            luhn: !0
-          },
-          {
-            type: "mastercard",
-            pattern: /^(5[1-5]|2[2-7])/,
-            format: /(\d{1,4})/g,
-            length: [16],
-            cvcLength: [3],
-            luhn: !0
-          },
-          {
-            type: "american-express",
-            pattern: /^3[47]/,
-            format: /(\d{1,4})(\d{1,6})?(\d{1,5})?/,
-            length: [15],
-            cvcLength: [4],
-            luhn: !0
-          },
-          {
-            type: "discover",
-            pattern: /^(6011|65|64[4-9]|622)/,
-            format: /(\d{1,4})/g,
-            length: [16, 19],
-            cvcLength: [3],
-            luhn: !0
-          }
-        ],
-        css: t.cardNumber
-      });
-      i.on("update", (r) => {
-        a && a(L.mapCardType(r.cardType));
-      }), this.fields.push(i);
-    }
-    if (e.cardExpiry) {
-      const i = this.vgsForm.cardExpirationDateField(
-        e.cardExpiry,
-        {
-          placeholder: s.cardExpiry,
-          autoComplete: "cc-exp",
-          validations: ["required", "validCardExpirationDate"],
-          serializers: [
-            {
-              name: "separate",
-              options: { monthName: "month", yearName: "year" }
-            }
-          ],
-          css: t.cardExpiry
-        }
-      );
-      this.fields.push(i);
-    }
-    if (e.cardCvv) {
-      const i = this.vgsForm.cardCVCField(e.cardCvv, {
-        placeholder: s.cardCvv,
-        autoComplete: "cc-csc",
-        validations: ["required", "validCardSecurityCode"],
-        css: t.cardCvv
-      });
-      this.fields.push(i);
-    }
-    if (e.cardholderName) {
-      const i = this.vgsForm.cardholderNameField(
-        e.cardholderName,
-        {
-          placeholder: s.cardholderName,
-          autoComplete: "cc-name",
-          validations: ["required"],
-          css: t.cardholderName
-        }
-      );
-      this.fields.push(i);
-    }
-  }
-  waitForFieldsReady() {
-    return Promise.all(this.fields.map((e) => e.promise));
-  }
-  createCard(e) {
-    if (!this.vgsForm)
-      return Promise.reject(new Error("VGS form not initialized"));
-    const t = this.vgsForm;
-    return new Promise((s, a) => {
-      t.createCard(
-        { auth: e },
-        (i, r) => {
-          if (r?.errors) {
-            a(r.errors);
-            return;
-          }
-          const o = r?.data;
-          if (!o?.id) {
-            a(new Error("Card creation failed: no card ID returned"));
-            return;
-          }
-          if (i === 303) {
-            this.patchCard(e, o.id).then(s).catch(a);
-            return;
-          }
-          s(L.extractCardResult(o));
-        },
-        (i) => {
-          a(i);
-        }
-      );
-    });
-  }
-  patchCard(e, t) {
-    if (!this.vgsForm || !this.environment)
-      return Promise.reject(new Error("VGS not initialized"));
-    const s = this.vgsForm;
-    return new Promise((a, i) => {
-      s.submit(
-        `/cards/${t}`,
-        {
-          method: "PATCH",
-          headers: {
-            Authorization: `Bearer ${e}`,
-            "Content-Type": "application/vnd.api+json"
-          },
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          data: (r) => ({
-            data: {
-              attributes: {
-                cvc: r.cvc,
-                exp_month: r["exp-date"].month,
-                exp_year: r["exp-date"].year
-              }
-            }
-          })
-        },
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        (r, o) => {
-          if (r >= 400 || o?.errors) {
-            i(o?.errors ?? new Error("Card update failed"));
-            return;
-          }
-          const d = o?.data;
-          if (!d?.id) {
-            i(new Error("Card update failed: no card ID returned"));
-            return;
-          }
-          const c = L.extractCardResult(d), m = o.included?.find(
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            (S) => S.type === "card_updates"
-          );
-          m?.attributes?.updated_values?.length && (c.updatedValues = m.attributes.updated_values), a(c);
-        },
-        (r) => {
-          i(r);
-        }
-      );
-    });
-  }
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  static extractCardResult(e) {
-    const t = e.attributes;
-    return {
-      cardId: e.id,
-      expMonth: String(t?.exp_month ?? ""),
-      cvc: String(t?.cvc ?? ""),
-      expYear: String(t?.exp_year ?? ""),
-      name: String(t?.cardholder?.name ?? "")
-    };
-  }
-  destroy() {
-    this.vgsForm = null, this.fields = [];
-  }
-  static mapCardType(e) {
-    return e ? {
-      visa: "visa",
-      mastercard: "mastercard",
-      "american-express": "amex",
-      amex: "amex",
-      "diners-club": "unknown",
-      discover: "discover",
-      jcb: "unknown",
-      unionpay: "unknown",
-      maestro: "unknown",
-      elo: "unknown"
-    }[e] ?? "unknown" : "unknown";
-  }
-}
-function G(n) {
+import { c as q, a as W, f as L, d as Y, C as P, I as K, b as N, g as G, S as x, e as T, H as J, V as _, h as A, A as Z, P as X, E as Q, l as ee, i as te, j as se, k as ie, m as ae, n as ne, o as re, F as oe, p as R, q as le, r as F, s as E, t as de, u as U, v as H, w as he, x as ce } from "./shared.js";
+import { z as Ie, B as Be, D as Te, G as _e, J as Re, K as Ue, L as He, y as Oe, M as ze } from "./shared.js";
+function I(o) {
   return {
     name: "Custom Appearance",
-    additionalPaymentMethods: n.additionalPaymentMethods || {},
-    styles: n.styles || {
+    additionalPaymentMethods: o.additionalPaymentMethods || {},
+    styles: o.styles || {
       fontSize: 14,
       textColor: "#000000",
       buttonColor: "#0070f3",
@@ -647,104 +14,104 @@ function G(n) {
       buttonFontSize: 16
     },
     layout: {
-      grouped: n.layout?.grouped,
-      actionButton: n.layout?.actionButton || {
+      grouped: o.layout?.grouped,
+      actionButton: o.layout?.actionButton || {
         translationKey: null
       },
-      phoneNumber: n.layout?.phoneNumber ? {
-        enabled: n.layout.phoneNumber.enabled,
-        label: n.layout.phoneNumber.label,
-        defaultCountry: n.layout.phoneNumber.defaultCountry,
-        allowedCountries: n.layout.phoneNumber.allowedCountries
+      phoneNumber: o.layout?.phoneNumber ? {
+        enabled: o.layout.phoneNumber.enabled,
+        label: o.layout.phoneNumber.label,
+        defaultCountry: o.layout.phoneNumber.defaultCountry,
+        allowedCountries: o.layout.phoneNumber.allowedCountries
       } : void 0,
       billingFields: {
         street: {
-          enabled: n.layout?.billingFields?.street?.enabled ?? !1,
-          label: n.layout?.billingFields?.street?.label,
-          maxLength: n.layout?.billingFields?.street?.maxLength
+          enabled: o.layout?.billingFields?.street?.enabled ?? !1,
+          label: o.layout?.billingFields?.street?.label,
+          maxLength: o.layout?.billingFields?.street?.maxLength
         },
         city: {
-          enabled: n.layout?.billingFields?.city?.enabled ?? !1,
-          label: n.layout?.billingFields?.city?.label
+          enabled: o.layout?.billingFields?.city?.enabled ?? !1,
+          label: o.layout?.billingFields?.city?.label
         },
         state: {
-          enabled: n.layout?.billingFields?.state?.enabled ?? !1,
-          label: n.layout?.billingFields?.state?.label,
-          hiddenForCountries: n.layout?.billingFields?.state?.hiddenForCountries
+          enabled: o.layout?.billingFields?.state?.enabled ?? !1,
+          label: o.layout?.billingFields?.state?.label,
+          hiddenForCountries: o.layout?.billingFields?.state?.hiddenForCountries
         },
         zipCode: {
-          enabled: n.layout?.billingFields?.zipCode?.enabled ?? !1,
-          label: n.layout?.billingFields?.zipCode?.label
+          enabled: o.layout?.billingFields?.zipCode?.enabled ?? !1,
+          label: o.layout?.billingFields?.zipCode?.label
         },
         firstName: {
-          enabled: n.layout?.billingFields?.firstName?.enabled ?? !1,
-          label: n.layout?.billingFields?.firstName?.label
+          enabled: o.layout?.billingFields?.firstName?.enabled ?? !1,
+          label: o.layout?.billingFields?.firstName?.label
         },
         lastName: {
-          enabled: n.layout?.billingFields?.lastName?.enabled ?? !1,
-          label: n.layout?.billingFields?.lastName?.label
+          enabled: o.layout?.billingFields?.lastName?.enabled ?? !1,
+          label: o.layout?.billingFields?.lastName?.label
         },
         country: {
-          enabled: n.layout?.billingFields?.country?.enabled ?? !1,
-          label: n.layout?.billingFields?.country?.label,
-          options: n.layout?.billingFields?.country?.options
+          enabled: o.layout?.billingFields?.country?.enabled ?? !1,
+          label: o.layout?.billingFields?.country?.label,
+          options: o.layout?.billingFields?.country?.options
         }
       },
-      shippingFields: n.layout?.shippingFields ? {
+      shippingFields: o.layout?.shippingFields ? {
         street: {
-          enabled: n.layout.shippingFields.street?.enabled ?? !1,
-          label: n.layout.shippingFields.street?.label,
-          maxLength: n.layout.shippingFields.street?.maxLength
+          enabled: o.layout.shippingFields.street?.enabled ?? !1,
+          label: o.layout.shippingFields.street?.label,
+          maxLength: o.layout.shippingFields.street?.maxLength
         },
         firstName: {
-          enabled: n.layout.shippingFields.firstName?.enabled ?? !1,
-          label: n.layout.shippingFields.firstName?.label
+          enabled: o.layout.shippingFields.firstName?.enabled ?? !1,
+          label: o.layout.shippingFields.firstName?.label
         },
         lastName: {
-          enabled: n.layout.shippingFields.lastName?.enabled ?? !1,
-          label: n.layout.shippingFields.lastName?.label
+          enabled: o.layout.shippingFields.lastName?.enabled ?? !1,
+          label: o.layout.shippingFields.lastName?.label
         },
         city: {
-          enabled: n.layout.shippingFields.city?.enabled ?? !1,
-          label: n.layout.shippingFields.city?.label
+          enabled: o.layout.shippingFields.city?.enabled ?? !1,
+          label: o.layout.shippingFields.city?.label
         },
         state: {
-          enabled: n.layout.shippingFields.state?.enabled ?? !1,
-          label: n.layout.shippingFields.state?.label,
-          hiddenForCountries: n.layout.shippingFields.state?.hiddenForCountries
+          enabled: o.layout.shippingFields.state?.enabled ?? !1,
+          label: o.layout.shippingFields.state?.label,
+          hiddenForCountries: o.layout.shippingFields.state?.hiddenForCountries
         },
         zipCode: {
-          enabled: n.layout.shippingFields.zipCode?.enabled ?? !1,
-          label: n.layout.shippingFields.zipCode?.label
+          enabled: o.layout.shippingFields.zipCode?.enabled ?? !1,
+          label: o.layout.shippingFields.zipCode?.label
         },
         country: {
-          enabled: n.layout.shippingFields.country?.enabled ?? !1,
-          label: n.layout.shippingFields.country?.label,
-          options: n.layout.shippingFields.country?.options
+          enabled: o.layout.shippingFields.country?.enabled ?? !1,
+          label: o.layout.shippingFields.country?.label,
+          options: o.layout.shippingFields.country?.options
         }
       } : void 0
     },
     appearance: {
-      additionalPaymentMethods: n.additionalPaymentMethods ? {
-        applePay: n.additionalPaymentMethods.applePay ? {
-          displayName: n.additionalPaymentMethods.applePay.displayName,
-          requiredBillingContactFields: n.additionalPaymentMethods.applePay.requiredBillingContactFields,
-          requiredShippingContactFields: n.additionalPaymentMethods.applePay.requiredShippingContactFields
+      additionalPaymentMethods: o.additionalPaymentMethods ? {
+        applePay: o.additionalPaymentMethods.applePay ? {
+          displayName: o.additionalPaymentMethods.applePay.displayName,
+          requiredBillingContactFields: o.additionalPaymentMethods.applePay.requiredBillingContactFields,
+          requiredShippingContactFields: o.additionalPaymentMethods.applePay.requiredShippingContactFields
         } : void 0
       } : void 0
     }
   };
 }
-function dt({
-  appearance: n
+function ue({
+  appearance: o
 }) {
-  const e = me({
+  const e = q({
     checkoutProfile: void 0,
     isLoading: !0,
     error: null
   });
-  if (n) {
-    const s = G(n);
+  if (o) {
+    const s = I(o);
     return Promise.resolve().then(() => {
       e.setState({
         checkoutProfile: s,
@@ -755,7 +122,7 @@ function dt({
       getState: e.getState.bind(e),
       subscribe: e.subscribe.bind(e),
       updateProfile: (a) => {
-        const i = G(a);
+        const i = I(a);
         e.setState({
           checkoutProfile: i,
           isLoading: !1,
@@ -804,7 +171,7 @@ function dt({
     getState: e.getState.bind(e),
     subscribe: e.subscribe.bind(e),
     updateProfile: (s) => {
-      const a = G(s);
+      const a = I(s);
       e.setState({
         checkoutProfile: a,
         isLoading: !1,
@@ -815,8 +182,8 @@ function dt({
     }
   };
 }
-const ct = () => {
-  const n = ye(), e = me({
+const me = () => {
+  const o = W(), e = q({
     formData: {
       name: "",
       email: "",
@@ -833,88 +200,88 @@ const ct = () => {
       cardCvv: !1
     },
     isValid: !1
-  }), t = (l, p, y, u) => {
+  }), t = (l, m, y, u) => {
     if (l === "cardCvv")
-      return n.cardCvv(p, y);
+      return o.cardCvv(m, y);
     if (l === "phoneNumber" && u)
-      return n.phoneNumber(p, u);
-    const g = n[l];
-    return g?.(p);
+      return o.phoneNumber(m, u);
+    const p = o[l];
+    return p?.(m);
   }, s = (l) => {
-    const p = {};
+    const m = {};
     return Object.keys(l).forEach((u) => {
-      const g = l[u];
-      if (g === void 0) return;
+      const p = l[u];
+      if (p === void 0) return;
       let h;
-      u === "cardCvv" ? h = t(u, g, l.cardNumber) : u === "phoneNumber" ? h = t(
+      u === "cardCvv" ? h = t(u, p, l.cardNumber) : u === "phoneNumber" ? h = t(
         u,
-        g,
+        p,
         void 0,
         l.phoneCountryCode
-      ) : h = t(u, g), h && (p[u] = h);
+      ) : h = t(u, p), h && (m[u] = h);
     }), [
       "billingAddress",
       "shippingAddress"
     ].forEach((u) => {
-      const g = l[u];
-      if (g && typeof g == "object") {
+      const p = l[u];
+      if (p && typeof p == "object") {
         const h = {};
-        Object.keys(g).forEach(
+        Object.keys(p).forEach(
           (b) => {
-            const f = g[b];
+            const f = p[b];
             if (f === void 0) return;
-            const v = n[b];
-            if (v) {
-              const E = b === "state" ? n.state(f, g.country) : v(
+            const S = o[b];
+            if (S) {
+              const C = b === "state" ? o.state(f, p.country) : S(
                 f
               );
-              E && (h[b] = E);
+              C && (h[b] = C);
             }
           }
-        ), Object.keys(h).length > 0 && (p[u] = h);
+        ), Object.keys(h).length > 0 && (m[u] = h);
       }
-    }), p;
+    }), m;
   }, a = (l) => {
-    const p = s(l);
-    return Object.keys(p).length === 0;
-  }, i = "billingAddress.", r = "shippingAddress.", o = (l) => l.startsWith(i) ? {
+    const m = s(l);
+    return Object.keys(m).length === 0;
+  }, i = "billingAddress.", n = "shippingAddress.", r = (l) => l.startsWith(i) ? {
     parent: "billingAddress",
     field: l.slice(i.length)
-  } : l.startsWith(r) ? {
+  } : l.startsWith(n) ? {
     parent: "shippingAddress",
-    field: l.slice(r.length)
-  } : null, d = (l, p, y, u) => {
-    const g = { ...l };
+    field: l.slice(n.length)
+  } : null, d = (l, m, y, u) => {
+    const p = { ...l };
     if (u)
-      g[p] = {
-        ...g[p],
+      p[m] = {
+        ...p[m],
         [y]: u
       };
     else {
       const h = {
-        ...g[p]
+        ...p[m]
       };
-      delete h[y], Object.keys(h).length === 0 ? delete g[p] : g[p] = h;
+      delete h[y], Object.keys(h).length === 0 ? delete p[m] : p[m] = h;
     }
-    return g;
-  }, c = (l, p) => {
+    return p;
+  }, c = (l, m) => {
     const y = e.getState();
-    let u = p;
-    const g = o(l);
-    if (!g && l in j)
+    let u = m;
+    const p = r(l);
+    if (!p && l in L)
       if (l === "cardCvv") {
-        const v = be(y.formData.cardNumber) === "amex" ? 4 : 3;
-        u = j.cardCvv(p, v);
+        const S = Y(y.formData.cardNumber) === "amex" ? 4 : 3;
+        u = L.cardCvv(m, S);
       } else
-        u = j[l](p);
+        u = L[l](m);
     let h;
-    if (g) {
-      const { parent: f, field: v } = g;
+    if (p) {
+      const { parent: f, field: S } = p;
       h = {
         ...y.formData,
         [f]: {
           ...y.formData[f] ?? {},
-          [v]: u
+          [S]: u
         }
       };
     } else
@@ -933,18 +300,18 @@ const ct = () => {
       f ? b.phoneNumber = f : delete b.phoneNumber;
     }
     if (y.touched[l])
-      if (g) {
-        const { parent: f, field: v } = g, E = h[f];
-        let N;
-        if (v === "state")
-          N = n.state(u, E?.country);
+      if (p) {
+        const { parent: f, field: S } = p, C = h[f];
+        let M;
+        if (S === "state")
+          M = o.state(u, C?.country);
         else {
-          const x = n[v];
-          N = x ? x(
+          const k = o[S];
+          M = k ? k(
             u
           ) : void 0;
         }
-        b = d(b, f, v, N);
+        b = d(b, f, S, M);
       } else {
         let f;
         l === "cardCvv" ? f = t(l, u, h.cardNumber) : l === "phoneNumber" ? f = t(
@@ -959,53 +326,53 @@ const ct = () => {
       errors: b,
       isValid: a(h)
     });
-  }, m = (l, p) => {
-    const y = e.getState(), u = o(l);
+  }, g = (l, m) => {
+    const y = e.getState(), u = r(l);
     if (u) {
-      const { parent: f, field: v } = u, E = {
+      const { parent: f, field: S } = u, C = {
         ...y.formData,
         [f]: {
           ...y.formData[f] ?? {},
-          [v]: p
+          [S]: m
         }
       };
-      let N;
-      if (v === "state") {
-        const V = E[f];
-        N = n.state(p, V?.country);
+      let M;
+      if (S === "state") {
+        const D = C[f];
+        M = o.state(m, D?.country);
       } else {
-        const V = n[v];
-        N = V ? V(p) : void 0;
+        const D = o[S];
+        M = D ? D(m) : void 0;
       }
-      const x = d(y.errors, f, v, N);
+      const k = d(y.errors, f, S, M);
       e.setState({
-        formData: E,
+        formData: C,
         touched: {
           ...y.touched,
           [l]: !0
         },
-        errors: x,
-        isValid: a(E)
+        errors: k,
+        isValid: a(C)
       });
       return;
     }
-    const g = {
+    const p = {
       ...y.touched,
       [l]: !0
     };
     let h;
-    l === "cardCvv" ? h = t(l, p, y.formData.cardNumber) : l === "phoneNumber" ? h = t(
+    l === "cardCvv" ? h = t(l, m, y.formData.cardNumber) : l === "phoneNumber" ? h = t(
       l,
-      p,
+      m,
       void 0,
       y.formData.phoneCountryCode
-    ) : h = t(l, p);
+    ) : h = t(l, m);
     const b = { ...y.errors };
     h ? b[l] = h : delete b[l], e.setState({
-      touched: g,
+      touched: p,
       errors: b
     });
-  }, S = (l) => {
+  }, v = (l) => {
     const y = {
       ...e.getState().formData,
       ...l
@@ -1019,37 +386,23 @@ const ct = () => {
     getFormState: e.getState.bind(e),
     subscribe: e.subscribe.bind(e),
     handleChange: c,
-    handleBlur: m,
-    setFormData: S,
+    handleBlur: g,
+    setFormData: v,
     reset: e.resetState.bind(e)
   };
-}, ht = "https://fonts.googleapis.com/css2", ut = /src:\s*url\(([^)]+\.woff2[^)]*)\)/, mt = /\/\*\s*latin\s*\*\/\s*@font-face\s*\{[^}]*src:\s*url\(([^)]+\.woff2[^)]*)\)[^}]*\}/;
-async function pt(n) {
-  if (!n) return null;
-  const e = n.trim().replace(/\s+/g, "+"), t = `${ht}?family=${e}:wght@400;700&display=swap`;
-  try {
-    const s = await fetch(t);
-    if (!s.ok) return null;
-    const a = await s.text(), i = mt.exec(a);
-    if (i?.[1]) return i[1];
-    const r = ut.exec(a);
-    return r?.[1] ? r[1] : null;
-  } catch {
-    return null;
-  }
-}
-function gt(n) {
-  if (!n) return !1;
-  const { billingFields: e, shippingFields: t } = n, s = e && Object.values(e).some((i) => i?.enabled), a = t && Object.values(t).some((i) => i?.enabled);
+};
+function pe(o) {
+  if (!o) return !1;
+  const { billingFields: e, shippingFields: t } = o, s = e && Object.values(e).some((i) => i?.enabled), a = t && Object.values(t).some((i) => i?.enabled);
   return !!(s || a);
 }
-function J(n) {
-  if (!n) return !1;
-  const { billingFields: e, shippingFields: t } = n, s = e?.firstName?.enabled && e?.lastName?.enabled, a = t?.firstName?.enabled && t?.lastName?.enabled;
+function B(o) {
+  if (!o) return !1;
+  const { billingFields: e, shippingFields: t } = o, s = e?.firstName?.enabled && e?.lastName?.enabled, a = t?.firstName?.enabled && t?.lastName?.enabled;
   return !!(s || a);
 }
-const O = /* @__PURE__ */ new Set(["US", "CA"]);
-class ce extends A {
+const V = /* @__PURE__ */ new Set(["US", "CA"]);
+class O extends P {
   inputs = /* @__PURE__ */ new Map();
   type;
   onChange;
@@ -1064,16 +417,16 @@ class ce extends A {
   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: a, values: i, errors: r, touched: o } = e;
+    const { title: t, checkoutProfile: s, fieldsConfig: a, values: i, errors: n, touched: r } = e;
     if (this.grouped) {
       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, a, i, r, o);
+    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, n, r);
   }
   borderRadius(e, t, s, a, i) {
-    const r = (o) => o ? `${e}px` : "0px";
-    return `${r(t)} ${r(s)} ${r(a)} ${r(i)}`;
+    const n = (r) => r ? `${e}px` : "0px";
+    return `${n(t)} ${n(s)} ${n(a)} ${n(i)}`;
   }
   createFields(e, t, s, a, i) {
     if (!this.grouped) {
@@ -1086,7 +439,7 @@ class ce extends A {
       );
       return;
     }
-    const r = e.styles.borderRadius, o = {
+    const n = e.styles.borderRadius, r = {
       color: e.styles.textColor,
       fontSize: e.styles.fontSize,
       fontFamily: e.styles.fontFamily
@@ -1094,14 +447,14 @@ class ce extends A {
     t.street?.enabled && d.push({ kind: "street" });
     const c = [];
     t.firstName?.enabled && c.push("firstName"), t.lastName?.enabled && c.push("lastName"), c.length > 0 && d.push({ kind: "name", fields: c }), t.country?.enabled && d.push({ kind: "country" });
-    const m = [];
-    t.city?.enabled && m.push("city"), t.zipCode?.enabled && m.push("zipCode"), m.length > 0 && d.push({ kind: "cityZip", fields: m }), t.state?.enabled && d.push({ kind: "state" });
-    const S = d.length;
-    d.forEach((l, p) => {
-      const y = p === 0, u = p === S - 1, g = (h, b) => ({
-        ...o,
+    const g = [];
+    t.city?.enabled && g.push("city"), t.zipCode?.enabled && g.push("zipCode"), g.length > 0 && d.push({ kind: "cityZip", fields: g }), t.state?.enabled && d.push({ kind: "state" });
+    const v = d.length;
+    d.forEach((l, m) => {
+      const y = m === 0, u = m === v - 1, p = (h, b) => ({
+        ...r,
         borderRadius: this.borderRadius(
-          r,
+          n,
           y && h,
           y && b,
           u && b,
@@ -1115,7 +468,7 @@ class ce extends A {
           s.street,
           a.street,
           i.street,
-          g(!0, !0),
+          p(!0, !0),
           "street-address",
           t.street?.maxLength
         );
@@ -1125,28 +478,28 @@ class ce extends A {
       if (l.kind === "name") {
         const h = this.createRow(l.fields.map(() => "half")), b = l.fields.length === 1;
         if (l.fields.includes("firstName")) {
-          const f = b || l.fields[l.fields.length - 1] === "firstName", v = this.createInput(
+          const f = b || l.fields[l.fields.length - 1] === "firstName", S = this.createInput(
             "firstName",
             t.firstName?.label ?? this.translationFunc("address.firstName"),
             s.firstName,
             a.firstName,
             i.firstName,
-            g(!0, f),
+            p(!0, f),
             "given-name"
           );
-          this.inputs.set("firstName", v), h.appendChild(v.getElement());
+          this.inputs.set("firstName", S), h.appendChild(S.getElement());
         }
         if (l.fields.includes("lastName")) {
-          const f = b || l.fields[0] === "lastName", v = this.createInput(
+          const f = b || l.fields[0] === "lastName", S = this.createInput(
             "lastName",
             t.lastName?.label ?? this.translationFunc("address.lastName"),
             s.lastName,
             a.lastName,
             i.lastName,
-            g(f, !0),
+            p(f, !0),
             "family-name"
           );
-          this.inputs.set("lastName", v), h.appendChild(v.getElement());
+          this.inputs.set("lastName", S), h.appendChild(S.getElement());
         }
         this.fieldsContainer.appendChild(h);
         return;
@@ -1156,7 +509,7 @@ class ce extends A {
           s.country,
           a.country,
           i.country,
-          g(!0, !0),
+          p(!0, !0),
           t.country?.options,
           t.country?.label
         );
@@ -1166,38 +519,38 @@ class ce extends A {
       if (l.kind === "cityZip") {
         const h = this.createRow(l.fields.map(() => "half")), b = l.fields.length === 1;
         if (l.fields.includes("city")) {
-          const f = b || l.fields[l.fields.length - 1] === "city", v = this.createInput(
+          const f = b || l.fields[l.fields.length - 1] === "city", S = this.createInput(
             "city",
             t.city?.label ?? this.translationFunc("address.townCity"),
             s.city,
             a.city,
             i.city,
-            g(!0, f),
+            p(!0, f),
             "address-level2"
           );
-          this.inputs.set("city", v), h.appendChild(v.getElement());
+          this.inputs.set("city", S), h.appendChild(S.getElement());
         }
         if (l.fields.includes("zipCode")) {
-          const f = b || l.fields[0] === "zipCode", v = this.createInput(
+          const f = b || l.fields[0] === "zipCode", S = this.createInput(
             "zipCode",
             t.zipCode?.label ?? this.translationFunc("address.postalCode"),
             s.zipCode,
             a.zipCode,
             i.zipCode,
-            g(f, !0),
+            p(f, !0),
             "postal-code"
           );
-          this.inputs.set("zipCode", v), h.appendChild(v.getElement());
+          this.inputs.set("zipCode", S), h.appendChild(S.getElement());
         }
         this.fieldsContainer.appendChild(h);
         return;
       }
       if (l.kind === "state") {
         const h = this.createRow(["full"]);
-        if (this.stateFieldConfig = t.state, this.stateRow = h, this.stateStyles = g(!0, !0), this.currentCountry = s.country, t.state?.hiddenForCountries?.includes(
+        if (this.stateFieldConfig = t.state, this.stateRow = h, this.stateStyles = p(!0, !0), this.currentCountry = s.country, t.state?.hiddenForCountries?.includes(
           s.country
-        ) && (h.style.display = "none"), O.has(s.country)) {
-          const v = this.createStateSelect(
+        ) && (h.style.display = "none"), V.has(s.country)) {
+          const S = this.createStateSelect(
             s.state,
             a.state,
             i.state,
@@ -1205,9 +558,9 @@ class ce extends A {
             s.country,
             t.state?.label
           );
-          this.inputs.set("state", v), h.appendChild(v.getElement());
+          this.inputs.set("state", S), h.appendChild(S.getElement());
         } else {
-          const v = this.createInput(
+          const S = this.createInput(
             "state",
             t.state?.label ?? this.translationFunc("address.state"),
             s.state,
@@ -1216,7 +569,7 @@ class ce extends A {
             this.stateStyles,
             "address-level1"
           );
-          this.inputs.set("state", v), h.appendChild(v.getElement());
+          this.inputs.set("state", S), h.appendChild(S.getElement());
         }
         this.fieldsContainer.appendChild(h);
       }
@@ -1226,31 +579,31 @@ class ce extends A {
     const t = document.createElement("div");
     return t.className = `address-row address-row-${e.length === 1 ? "single" : "double"}`, t;
   }
-  createInput(e, t, s, a, i, r, o, d) {
-    const c = `${this.type}Address.${e}`, m = new pe({
+  createInput(e, t, s, a, i, n, r, d) {
+    const c = `${this.type}Address.${e}`, g = new K({
       name: c,
       error: !1,
       errorMsg: void 0,
-      styles: r,
+      styles: n,
       maxLength: d,
       ...this.grouped ? { placeholder: t } : {
         label: t,
         placeholder: (() => {
-          const S = `address.placeholder.${e}`, l = this.translationFunc(S);
-          return l !== S ? l : t;
+          const v = `address.placeholder.${e}`, l = this.translationFunc(v);
+          return l !== v ? l : t;
         })()
       },
       value: s,
-      autocomplete: o,
-      onChange: (S) => {
-        const l = S.target.value;
+      autocomplete: r,
+      onChange: (v) => {
+        const l = v.target.value;
         if (d && l.length >= d) {
-          const p = this.translationFunc("validation.maxLengthExceeded");
-          m.setError(!0, p.replace("{{max}}", String(d)));
+          const m = this.translationFunc("validation.maxLengthExceeded");
+          g.setError(!0, m.replace("{{max}}", String(d)));
         } else
-          m.setError(!1);
+          g.setError(!1);
         this.onChange(
-          P({
+          N({
             type: "input",
             target: {
               name: c,
@@ -1260,49 +613,49 @@ class ce extends A {
         );
       }
     });
-    return m.addEventListener("blur", (S) => {
+    return g.addEventListener("blur", (v) => {
       this.onBlur(
-        P({
+        N({
           type: "blur",
           target: {
             name: c,
-            value: S.target.value
+            value: v.target.value
           }
         })
       );
-    }), m;
+    }), g;
   }
-  createCountrySelect(e, t, s, a, i, r) {
-    const o = `${this.type}Address.country`, d = ve(i, this.locale), c = new _({
-      name: o,
+  createCountrySelect(e, t, s, a, i, n) {
+    const r = `${this.type}Address.country`, d = G(i, this.locale), c = new x({
+      name: r,
       error: !1,
       errorMsg: void 0,
       styles: a,
       placeholder: this.translationFunc("address.chooseCountry"),
       ...!this.grouped && {
-        label: r ?? this.translationFunc("address.chooseCountry")
+        label: n ?? this.translationFunc("address.chooseCountry")
       },
       value: e,
       options: d,
       autocomplete: "country",
-      onChange: (m) => {
+      onChange: (g) => {
         c.setError(!1);
-        const S = m.target.value;
+        const v = g.target.value;
         this.onChange(
-          P({
+          N({
             type: "change",
-            target: { name: o, value: S }
+            target: { name: r, value: v }
           })
-        ), this.handleCountryChange(S);
+        ), this.handleCountryChange(v);
       }
     });
-    return c.addEventListener("blur", (m) => {
+    return c.addEventListener("blur", (g) => {
       this.onBlur(
-        P({
+        N({
           type: "blur",
           target: {
-            name: o,
-            value: m.target.value
+            name: r,
+            value: g.target.value
           }
         })
       );
@@ -1317,26 +670,26 @@ class ce extends A {
       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 o = this.inputs.get("state");
-      if (o instanceof _) {
-        const d = e === "CA" ? "CA" : "US", c = ee(d), m = d === "CA" ? this.translationFunc("address.chooseProvince") : this.translationFunc("address.chooseState");
-        o.setOptions(c, m);
+    const i = this.inputs.get("state") instanceof x, n = V.has(e);
+    if (i && n) {
+      const r = this.inputs.get("state");
+      if (r instanceof x) {
+        const d = e === "CA" ? "CA" : "US", c = T(d), g = d === "CA" ? this.translationFunc("address.chooseProvince") : this.translationFunc("address.chooseState");
+        r.setOptions(c, g);
       }
       this.clearStateValue();
       return;
     }
-    if (i !== r) {
+    if (i !== n) {
       this.rebuildStateField(e), this.clearStateValue();
       return;
     }
-    !i && !r && t !== e && this.clearStateValue();
+    !i && !n && t !== e && this.clearStateValue();
   }
   rebuildStateField(e) {
     if (!this.stateRow || !this.stateStyles) return;
     const t = this.inputs.get("state");
-    if (t && (t.getElement().remove(), this.inputs.delete("state")), O.has(e)) {
+    if (t && (t.getElement().remove(), this.inputs.delete("state")), V.has(e)) {
       const a = this.createStateSelect(
         "",
         void 0,
@@ -1364,64 +717,64 @@ class ce extends A {
     e && e.setValue("");
     const t = `${this.type}Address.state`;
     this.onChange(
-      P({
+      N({
         type: "input",
         target: { name: t, value: "" },
         detail: { programmatic: !0 }
       })
     );
   }
-  createStateSelect(e, t, s, a, i, r) {
-    const o = `${this.type}Address.state`, d = i === "CA" ? "CA" : "US", c = ee(d), m = d === "CA" ? this.translationFunc("address.chooseProvince") : this.translationFunc("address.chooseState"), S = new _({
-      name: o,
+  createStateSelect(e, t, s, a, i, n) {
+    const r = `${this.type}Address.state`, d = i === "CA" ? "CA" : "US", c = T(d), g = d === "CA" ? this.translationFunc("address.chooseProvince") : this.translationFunc("address.chooseState"), v = new x({
+      name: r,
       error: !1,
       errorMsg: void 0,
       styles: a,
-      placeholder: m,
-      ...!this.grouped && { label: r ?? m },
+      placeholder: g,
+      ...!this.grouped && { label: n ?? g },
       value: e,
       options: c,
       autocomplete: "address-level1",
       onChange: (l) => {
-        S.setError(!1), this.onChange(
-          P({
+        v.setError(!1), this.onChange(
+          N({
             type: "change",
             target: {
-              name: o,
+              name: r,
               value: l.target.value
             }
           })
         );
       }
     });
-    return S.addEventListener("blur", (l) => {
+    return v.addEventListener("blur", (l) => {
       this.onBlur(
-        P({
+        N({
           type: "blur",
           target: {
-            name: o,
+            name: r,
             value: l.target.value
           }
         })
       );
-    }), S;
+    }), v;
   }
   createUngroupedFields(e, t, s, a, i) {
-    const r = e.styles.borderRadius, o = {
+    const n = e.styles.borderRadius, r = {
       color: e.styles.textColor,
       fontSize: e.styles.fontSize,
       fontFamily: e.styles.fontFamily,
-      borderRadius: `${r}px`
-    }, d = (c, m, S, l) => {
+      borderRadius: `${n}px`
+    }, d = (c, g, v, l) => {
       if (!t[c]?.enabled) return;
-      const p = t[c]?.label ?? this.translationFunc(m), y = this.createRow(["full"]), u = this.createInput(
+      const m = t[c]?.label ?? this.translationFunc(g), y = this.createRow(["full"]), u = this.createInput(
         c,
-        p,
+        m,
         s[c],
         a[c],
         i[c],
-        o,
-        S,
+        r,
+        v,
         l
       );
       this.inputs.set(c, u), y.appendChild(u.getElement()), this.fieldsContainer.appendChild(y);
@@ -1432,44 +785,44 @@ class ce extends A {
       "street-address",
       t.street?.maxLength
     ), d("city", "address.townCity", "address-level2"), t.country?.enabled) {
-      const c = t.country?.label ?? this.translationFunc("address.chooseCountry"), m = this.createRow(["full"]), S = this.createCountrySelect(
+      const c = t.country?.label ?? this.translationFunc("address.chooseCountry"), g = this.createRow(["full"]), v = this.createCountrySelect(
         s.country,
         a.country,
         i.country,
-        o,
+        r,
         t.country?.options,
         c
       );
-      this.inputs.set("country", S), m.appendChild(S.getElement()), this.fieldsContainer.appendChild(m);
+      this.inputs.set("country", v), g.appendChild(v.getElement()), this.fieldsContainer.appendChild(g);
     }
     if (t.state?.enabled) {
       this.stateFieldConfig = t.state;
       const c = this.createRow(["full"]);
-      this.stateRow = c, this.stateStyles = o, this.currentCountry = s.country, t.state?.hiddenForCountries?.includes(
+      this.stateRow = c, this.stateStyles = r, this.currentCountry = s.country, t.state?.hiddenForCountries?.includes(
         s.country
       ) && (c.style.display = "none");
-      const S = O.has(s.country), l = t.state?.label ?? this.translationFunc("address.state");
-      if (S) {
-        const p = this.createStateSelect(
+      const v = V.has(s.country), l = t.state?.label ?? this.translationFunc("address.state");
+      if (v) {
+        const m = this.createStateSelect(
           s.state,
           a.state,
           i.state,
-          o,
+          r,
           s.country,
           l
         );
-        this.inputs.set("state", p), c.appendChild(p.getElement());
+        this.inputs.set("state", m), c.appendChild(m.getElement());
       } else {
-        const p = this.createInput(
+        const m = this.createInput(
           "state",
           l,
           s.state,
           a.state,
           i.state,
-          o,
+          r,
           "address-level1"
         );
-        this.inputs.set("state", p), c.appendChild(p.getElement());
+        this.inputs.set("state", m), c.appendChild(m.getElement());
       }
       this.fieldsContainer.appendChild(c);
     }
@@ -1507,10 +860,10 @@ class ce extends A {
   updateField(e, t, s, a) {
     const i = this.inputs.get(e);
     if (!i) return;
-    const r = i.getElement().querySelector("input") || i.getElement().querySelector("select"), o = i.getValue();
-    !(document.activeElement === r) && !(t === "" && o !== "") && this.setValue(e, t);
-    const m = !!(a && s);
-    this.setError(e, m, s);
+    const n = i.getElement().querySelector("input") || i.getElement().querySelector("select"), r = i.getValue();
+    !(document.activeElement === n) && !(t === "" && r !== "") && this.setValue(e, t);
+    const g = !!(a && s);
+    this.setError(e, g, s);
   }
   updateAllFields(e, t, s) {
     Object.keys(e).forEach((a) => {
@@ -1527,7 +880,7 @@ class ce extends A {
     e && e.focus();
   }
 }
-class ft {
+class ge {
   input = null;
   isVgsMode;
   vgsWrapper = null;
@@ -1541,18 +894,18 @@ class ft {
       onChange: s,
       onBlur: a,
       errorMsg: i,
-      checkoutProfile: r,
-      translationFunc: o,
+      checkoutProfile: n,
+      translationFunc: r,
       autocomplete: d = "cc-name",
       isVgsMode: c = !1
     } = e;
-    this.isVgsMode = c, this.wrapperElement = document.createElement("div"), c ? this.buildVgsLayout(r, o) : this.buildNativeLayout(
+    this.isVgsMode = c, this.wrapperElement = document.createElement("div"), c ? this.buildVgsLayout(n, r) : this.buildNativeLayout(
       t,
       s,
       a,
       i,
+      n,
       r,
-      o,
       d
     );
   }
@@ -1561,13 +914,13 @@ class ft {
     a.style.marginBottom = "4px";
     const i = document.createElement("label");
     i.className = "input-label", i.textContent = t("cardholderNameLabel"), i.style.fontFamily = `"${e.styles.fontFamily}", sans-serif`, i.style.fontSize = `${e.styles.fontSize}px`, a.appendChild(i), this.wrapperElement.appendChild(a), this.vgsWrapper = document.createElement("div"), this.vgsWrapper.className = "vgs-wrap", this.vgsWrapper.style.position = "relative", this.vgsWrapper.style.borderRadius = `${s}px`, this.vgsWrapper.style.height = "38.5px", this.vgsWrapper.style.width = "100%", this.vgsWrapper.style.overflow = "hidden";
-    const r = document.createElement("div");
-    r.className = "vgs-field-skeleton", this.vgsWrapper.appendChild(r), this.vgsContainer = document.createElement("div"), this.vgsContainer.id = `vgs-cc-name-${Date.now()}`, this.vgsContainer.style.position = "relative", this.vgsContainer.style.zIndex = "1", this.vgsContainer.style.width = "100%", this.vgsContainer.style.height = "100%", this.vgsWrapper.appendChild(this.vgsContainer), this.wrapperElement.appendChild(this.vgsWrapper), this.vgsHelperText = new Se({ visible: !1 }), this.wrapperElement.appendChild(this.vgsHelperText.getElement());
+    const n = document.createElement("div");
+    n.className = "vgs-field-skeleton", this.vgsWrapper.appendChild(n), this.vgsContainer = document.createElement("div"), this.vgsContainer.id = `vgs-cc-name-${Date.now()}`, this.vgsContainer.style.position = "relative", this.vgsContainer.style.zIndex = "1", this.vgsContainer.style.width = "100%", this.vgsContainer.style.height = "100%", this.vgsWrapper.appendChild(this.vgsContainer), this.wrapperElement.appendChild(this.vgsWrapper), this.vgsHelperText = new J({ visible: !1 }), this.wrapperElement.appendChild(this.vgsHelperText.getElement());
   }
-  buildNativeLayout(e, t, s, a, i, r, o) {
-    this.input = new pe({
+  buildNativeLayout(e, t, s, a, i, n, r) {
+    this.input = new K({
       name: "name",
-      label: r("cardholderNameLabel"),
+      label: n("cardholderNameLabel"),
       error: !1,
       errorMsg: a,
       styles: {
@@ -1576,12 +929,12 @@ class ft {
         fontSize: i.styles.fontSize,
         fontFamily: i.styles.fontFamily
       },
-      placeholder: r("cardholderNamePlaceholder"),
+      placeholder: n("cardholderNamePlaceholder"),
       value: e,
-      autocomplete: o,
+      autocomplete: r,
       onChange: (d) => {
-        const m = d.target.value, S = m.replace(/[^a-zA-Z\s\-'.]/g, "");
-        m !== S && this.input?.setValue(S), this.input?.setError(!1), this.trim(), t(d);
+        const g = d.target.value, v = g.replace(/[^a-zA-Z\s\-'.]/g, "");
+        g !== v && this.input?.setValue(v), this.input?.setError(!1), this.trim(), t(d);
       }
     }), this.input.addEventListener("blur", (d) => {
       s(d);
@@ -1592,9 +945,9 @@ class ft {
   }
   handleVgsStateChange(e, t) {
     if (!this.isVgsMode || !this.vgsWrapper) return;
-    const s = e[te.CARDHOLDER]?.isFocused;
+    const s = e[_.CARDHOLDER]?.isFocused;
     if (this._vgsFieldsReady && (this.vgsWrapper.style.boxShadow = s ? "0 0 0 1px rgba(50, 151, 211, 0.7), 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3)" : "0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0,0,0,0.07), 0 1px 1.5px 0 rgba(0,0,0,0.05)"), !t || !this.vgsHelperText) return;
-    const a = t[te.CARDHOLDER];
+    const a = t[_.CARDHOLDER];
     a ? (this.vgsHelperText.setText(a), this.vgsHelperText.toggleVisibility(!0)) : this.vgsHelperText.toggleVisibility(!1);
   }
   hideFakePlaceholder() {
@@ -1629,7 +982,7 @@ class ft {
     this.isVgsMode || this.input?.focus();
   }
 }
-class ge extends A {
+class j extends P {
   constructor() {
     super("div", ["skeleton-container"]), this.createSkeletonElements();
   }
@@ -1637,35 +990,35 @@ class ge extends A {
     this.appendChild(this.createPaymentMethodSkeleton()), this.appendChild(this.createPaymentSeparatorSkeleton());
   }
   createPaymentMethodSkeleton() {
-    const e = D.createDiv(["skeleton-field"]), t = D.createDiv([
+    const e = A.createDiv(["skeleton-field"]), t = A.createDiv([
       "skeleton",
       "skeleton-payment-method"
     ]);
     return e.appendChild(t), e;
   }
   createPaymentSeparatorSkeleton() {
-    const e = D.createDiv([
+    const e = A.createDiv([
       "payment-separator_container"
-    ]), t = D.createDiv(["payment-separator__line"]), s = D.createDiv([
+    ]), t = A.createDiv(["payment-separator__line"]), s = A.createDiv([
       "skeleton",
       "skeleton-separator-text"
-    ]), a = D.createDiv(["payment-separator__line"]);
+    ]), a = A.createDiv(["payment-separator__line"]);
     return e.appendChild(t), e.appendChild(s), e.appendChild(a), e;
   }
 }
-class yt extends A {
+class fe extends P {
   constructor(e) {
     const { translationFunc: t, checkoutProfile: s } = e;
     super("div", ["payment-separator"]);
     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 o = document.createElement("span");
-    o.className = "payment-separator__line", a.appendChild(i), a.appendChild(r), a.appendChild(o);
+    const n = document.createElement("p");
+    n.textContent = t("pay-with-card"), n.className = "payment-separator__text", n.style.fontFamily = `${s.styles.fontFamily}, sans-serif`;
+    const r = document.createElement("span");
+    r.className = "payment-separator__line", a.appendChild(i), a.appendChild(n), a.appendChild(r);
   }
 }
-class bt extends A {
+class ye extends P {
   paymentMethods;
   paymentSeparator;
   skeleton;
@@ -1675,37 +1028,37 @@ class bt extends A {
       formData: s,
       onPaypalSubmit: a,
       onApplePaySubmit: i,
-      supportedPaymentMethods: r,
-      translationFunc: o,
+      supportedPaymentMethods: n,
+      translationFunc: r,
       paymentId: d,
       checkoutKey: c,
-      checkoutDetails: m,
-      environment: S,
+      checkoutDetails: g,
+      environment: v,
       countryCode: l
     } = e;
     if (super("div", ["payment-methods"]), this.paymentMethods = /* @__PURE__ */ new Map(), !t?.additionalPaymentMethods) {
       this.getElement().style.display = "none";
       return;
     }
-    if (r === void 0) {
+    if (n === void 0) {
       this.renderSkeleton();
       return;
     }
-    const p = Object.entries(
+    const m = Object.entries(
       t.additionalPaymentMethods
     ).filter(([y, u]) => {
-      const g = u.enabled, h = r ? r[y] === !0 : !0, b = !u.countries || l && u.countries.includes(l);
-      return g && h && b;
+      const p = u.enabled, h = n ? n[y] === !0 : !0, b = !u.countries || l && u.countries.includes(l);
+      return p && h && b;
     }).sort((y, u) => y[1].order - u[1].order);
-    if (p.length === 0) {
+    if (m.length === 0) {
       this.getElement().style.display = "none";
       return;
     }
-    for (const [y] of p)
+    for (const [y] of m)
       switch (y) {
         case "paypal": {
           if (a) {
-            const u = new Ee({
+            const u = new X({
               checkoutProfile: t,
               formData: s,
               onSubmit: a
@@ -1716,19 +1069,19 @@ class bt extends A {
         }
         case "applePay": {
           if (i && d && c) {
-            const u = t.appearance?.additionalPaymentMethods?.applePay, g = new Ce({
+            const u = t.appearance?.additionalPaymentMethods?.applePay, p = new Z({
               checkoutProfile: t,
               formData: s,
               onSubmit: i,
               paymentId: d,
               checkoutKey: c,
-              checkoutDetails: m,
-              environment: S,
+              checkoutDetails: g,
+              environment: v,
               displayName: u?.displayName,
               requiredBillingContactFields: u?.requiredBillingContactFields,
               requiredShippingContactFields: u?.requiredShippingContactFields
             });
-            this.paymentMethods.set("applePay", g), g.appendTo(this.getElement());
+            this.paymentMethods.set("applePay", p), p.appendTo(this.getElement());
           }
           break;
         }
@@ -1744,13 +1097,13 @@ class bt extends A {
           );
           break;
       }
-    this.paymentMethods.size > 0 && (this.paymentSeparator = new yt({
-      translationFunc: o,
+    this.paymentMethods.size > 0 && (this.paymentSeparator = new fe({
+      translationFunc: r,
       checkoutProfile: t
     }), this.getElement().appendChild(this.paymentSeparator.getElement()));
   }
   renderSkeleton() {
-    this.skeleton = new ge(), this.getElement().appendChild(this.skeleton.getElement());
+    this.skeleton = new j(), this.getElement().appendChild(this.skeleton.getElement());
   }
   updateFormData(e) {
     const t = this.paymentMethods.get("paypal");
@@ -1762,8 +1115,8 @@ class bt extends A {
     return this.paymentMethods.size > 0 && this.getElement().style.display !== "none";
   }
 }
-const vt = 17;
-class St extends A {
+const be = 17;
+class Se extends P {
   styles;
   isHovered = !1;
   constructor(e) {
@@ -1773,7 +1126,7 @@ class St 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 === vt ? "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 === be ? "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();
@@ -1785,11 +1138,11 @@ class St extends A {
     return this.getElement().disabled = e, e ? (this.addClass("disabled"), this.removeClass("valid")) : (this.removeClass("disabled"), this.addClass("valid")), this.applyStyles(), this;
   }
 }
-class Ct {
+class ve {
   button;
   constructor(e) {
     const { disabled: t, checkoutProfile: s, translationFunc: a } = e;
-    this.button = new St({
+    this.button = new Se({
       text: a(
         `buttonTexts.${s?.layout.actionButton.translationKey}`
       ),
@@ -1816,7 +1169,7 @@ class Ct {
     return this.button.appendTo(e), this;
   }
 }
-class Et {
+class Ce {
   formElement;
   focusManager;
   translationFunc;
@@ -1862,7 +1215,7 @@ class Et {
         (a) => a.enabled
       ))
         return;
-      this.paymentMethods = new bt({
+      this.paymentMethods = new ye({
         checkoutProfile: e,
         formData: t,
         supportedPaymentMethods: this.supportedPaymentMethods,
@@ -1885,11 +1238,11 @@ class Et {
   createEmailField(e, t, s, a) {
     try {
       const i = e.layout.billingFields && Object.values(e.layout.billingFields).some(
-        (r) => r?.enabled
+        (n) => n?.enabled
       ) || e.layout.shippingFields && Object.values(e.layout.shippingFields).some(
-        (r) => r?.enabled
+        (n) => n?.enabled
       );
-      this.emailField = new Fe({
+      this.emailField = new Q({
         value: t.email,
         onChange: this.onChange,
         onBlur: this.onBlur,
@@ -1907,8 +1260,8 @@ class Et {
   }
   createPhoneNumberField(e, t, s, a) {
     const i = document.createElement("div");
-    this.phonePlaceholder = i, this.formElement.appendChild(i), Me().then(({ PhoneNumberField: r }) => {
-      i.isConnected && (this.phoneNumberField = new r({
+    this.phonePlaceholder = i, this.formElement.appendChild(i), ee().then(({ PhoneNumberField: n }) => {
+      i.isConnected && (this.phoneNumberField = new n({
         value: t.phoneNumber ?? "",
         onChange: this.onChange,
         onBlur: this.onBlur,
@@ -1921,8 +1274,8 @@ class Et {
         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), i.replaceWith(this.phoneNumberField.getElement()), this.phonePlaceholder = void 0);
-    }).catch((r) => {
-      console.error("Error creating phone number field:", r), i.remove(), this.phonePlaceholder = void 0;
+    }).catch((n) => {
+      console.error("Error creating phone number field:", n), i.remove(), this.phonePlaceholder = void 0;
     });
   }
   setCheckoutDetailsLoaded(e) {
@@ -1934,7 +1287,7 @@ class Et {
         this.cardSectionSkeleton = this.buildCardSkeleton(e), this.formElement.appendChild(this.cardSectionSkeleton);
         return;
       }
-      if (this.cardSection = new Ne({
+      if (this.cardSection = new te({
         checkoutProfile: e,
         cardNumber: t.cardNumber,
         cardNumberError: s.cardNumber,
@@ -1949,7 +1302,7 @@ class Et {
         onBlur: this.onBlur,
         onCardBrandChange: () => {
           t.cardCvv && this.onBlur(
-            P({
+            N({
               type: "blur",
               target: { name: "cardCvv", value: t.cardCvv }
             })
@@ -1958,19 +1311,23 @@ class Et {
         translationFunc: this.translationFunc,
         vgsService: this.vgsService,
         onVgsStateChange: this.onVgsStateChange
-      }), !this.vgsService) {
+      }), this.vgsService)
+        this.cardSection.setOnVgsAutoFocus((i) => {
+          this.onFieldFocus(i);
+        });
+      else {
         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(
+        const n = this.cardSection.getElement().querySelector('input[name="cardNumber"]');
+        n && (this.cardNumberFocusHandler = () => this.onFieldFocus("cardNumber"), n.addEventListener(
           "focus",
           this.cardNumberFocusHandler
         ));
-        const o = this.cardSection.getElement().querySelector('input[name="cardCvv"]');
-        o && (this.cardCvvFocusHandler = () => this.onFieldFocus("cardCvv"), o.addEventListener("focus", this.cardCvvFocusHandler));
+        const r = this.cardSection.getElement().querySelector('input[name="cardCvv"]');
+        r && (this.cardCvvFocusHandler = () => this.onFieldFocus("cardCvv"), r.addEventListener("focus", this.cardCvvFocusHandler));
       }
       this.focusManager.registerField("cardNumber", {
         focus: () => this.cardSection?.focusField("cardNumber")
@@ -1989,7 +1346,7 @@ class Et {
         this.cardholderSectionSkeleton = this.buildCardholderSkeleton(e), this.formElement.appendChild(this.cardholderSectionSkeleton);
         return;
       }
-      if (this.cardholderSection = new ft({
+      if (this.cardholderSection = new ge({
         value: t.name,
         onChange: this.onChange,
         onBlur: this.onBlur,
@@ -2013,7 +1370,7 @@ class Et {
       if (!i || !Object.values(i).some(
         (d) => d?.enabled
       )) return;
-      const o = {
+      const r = {
         street: "",
         firstName: "",
         lastName: "",
@@ -2022,12 +1379,12 @@ class Et {
         zipCode: "",
         country: ""
       };
-      this.billingAddressSection = new ce({
+      this.billingAddressSection = new O({
         type: "billing",
         title: this.translationFunc("address.billingTitle"),
         checkoutProfile: e,
         fieldsConfig: i,
-        values: t.billingAddress ?? o,
+        values: t.billingAddress ?? r,
         errors: s.billingAddress ?? {},
         touched: a.billingAddress ?? {},
         onChange: this.onChange,
@@ -2046,7 +1403,7 @@ class Et {
       if (!i || !Object.values(i).some(
         (d) => d?.enabled
       )) return;
-      const o = {
+      const r = {
         street: "",
         firstName: "",
         lastName: "",
@@ -2055,12 +1412,12 @@ class Et {
         zipCode: "",
         country: ""
       };
-      this.shippingAddressSection = new ce({
+      this.shippingAddressSection = new O({
         type: "shipping",
         title: this.translationFunc("address.shippingTitle"),
         checkoutProfile: e,
         fieldsConfig: i,
-        values: t.shippingAddress ?? o,
+        values: t.shippingAddress ?? r,
         errors: s.shippingAddress ?? {},
         touched: a.shippingAddress ?? {},
         onChange: this.onChange,
@@ -2075,7 +1432,7 @@ class Et {
   }
   createSubmitButton(e, t) {
     try {
-      this.submitButton = new Ct({
+      this.submitButton = new ve({
         disabled: t,
         checkoutProfile: e,
         translationFunc: this.translationFunc
@@ -2090,13 +1447,13 @@ class Et {
   updatePhoneNumberField(e, t, s) {
     this.phoneNumberField && (this.phoneNumberField.setValue(e), this.phoneNumberField.setError(t, s));
   }
-  updateCardSection(e, t, s, a, i, r, o, d, c) {
+  updateCardSection(e, t, s, a, i, n, r, d, c) {
     this.cardSection && (this.cardSection.updateCardNumber(
       e,
       t,
       s
-    ), this.cardSection.updateCardCvv(a, i, r), this.cardSection.updateCardExpiry(
-      o,
+    ), this.cardSection.updateCardCvv(a, i, n), this.cardSection.updateCardExpiry(
+      r,
       d,
       c
     ));
@@ -2136,16 +1493,16 @@ class Et {
     a.style.marginBottom = "4px";
     const i = document.createElement("label");
     i.className = "input-label", i.textContent = this.translationFunc("cardInformation"), i.style.fontFamily = `"${e.styles.fontFamily}", sans-serif`, a.appendChild(i), s.appendChild(a);
+    const n = document.createElement("div");
+    n.className = "vgs-card-group", n.style.borderRadius = `${t}px`, n.style.background = "#fff", n.style.display = "flex", n.style.flexDirection = "column", n.style.gap = "8px";
     const r = document.createElement("div");
-    r.className = "vgs-card-group", r.style.borderRadius = `${t}px`, r.style.background = "#fff", r.style.display = "flex", r.style.flexDirection = "column", r.style.gap = "8px";
-    const o = document.createElement("div");
-    o.className = "card-number-row", o.style.position = "relative", o.style.height = "38.5px", o.style.overflow = "hidden", o.style.borderRadius = `${t}px`, o.appendChild(this.createSkeletonDiv()), r.appendChild(o);
+    r.className = "card-number-row", r.style.position = "relative", r.style.height = "38.5px", r.style.overflow = "hidden", r.style.borderRadius = `${t}px`, r.appendChild(this.createSkeletonDiv()), n.appendChild(r);
     const d = document.createElement("div");
     d.style.display = "flex", d.style.gap = "8px";
     const c = document.createElement("div");
     c.style.position = "relative", c.style.flex = "1", c.style.height = "38.5px", c.style.overflow = "hidden", c.style.borderRadius = `${t}px`, c.appendChild(this.createSkeletonDiv()), d.appendChild(c);
-    const m = document.createElement("div");
-    return m.style.position = "relative", m.style.flex = "1", m.style.height = "38.5px", m.style.overflow = "hidden", m.style.borderRadius = `${t}px`, m.appendChild(this.createSkeletonDiv()), d.appendChild(m), r.appendChild(d), s.appendChild(r), s;
+    const g = document.createElement("div");
+    return g.style.position = "relative", g.style.flex = "1", g.style.height = "38.5px", g.style.overflow = "hidden", g.style.borderRadius = `${t}px`, g.appendChild(this.createSkeletonDiv()), d.appendChild(g), n.appendChild(d), s.appendChild(n), s;
   }
   createSkeletonDiv() {
     const e = document.createElement("div");
@@ -2156,13 +1513,13 @@ class Et {
     a.style.marginBottom = "4px";
     const i = document.createElement("label");
     i.className = "input-label", i.textContent = this.translationFunc("cardholderNameLabel"), i.style.fontFamily = `"${e.styles.fontFamily}", sans-serif`, a.appendChild(i), s.appendChild(a);
-    const r = document.createElement("div");
-    return r.style.position = "relative", r.style.borderRadius = `${t}px`, r.style.height = "38.5px", r.style.width = "100%", r.style.overflow = "hidden", r.style.background = "#fff", r.appendChild(this.createSkeletonDiv()), s.appendChild(r), s;
+    const n = document.createElement("div");
+    return n.style.position = "relative", n.style.borderRadius = `${t}px`, n.style.height = "38.5px", n.style.width = "100%", n.style.overflow = "hidden", n.style.background = "#fff", n.appendChild(this.createSkeletonDiv()), s.appendChild(n), s;
   }
   async mountVgsFields(e) {
     if (!this.vgsService || !this.cardSection) return;
     await this.vgsService.whenReady();
-    const t = this.cardSection.getVgsContainerIds(), s = this.cardholderSection?.getVgsContainerId(), a = await pt(
+    const t = this.cardSection.getVgsContainerIds(), s = this.cardholderSection?.getVgsContainerId(), a = await se(
       e.styles.fontFamily
     ), i = this.cardSection.buildVgsFieldCss(
       e,
@@ -2182,7 +1539,7 @@ class Et {
         cardCvv: "CVV",
         cardholderName: this.translationFunc("cardholderNamePlaceholder")
       },
-      (r) => this.cardSection?.updateVgsCardBrand(r)
+      (n) => this.cardSection?.updateVgsCardBrand(n)
     ), this.vgsService.waitForFieldsReady().then(() => {
       requestAnimationFrame(() => {
         this.cardSection?.hideFakePlaceholders(), this.cardholderSection?.hideFakePlaceholder();
@@ -2222,7 +1579,7 @@ class Et {
     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 Ft {
+class Fe {
   formManager;
   focusManager;
   onFormSubmit;
@@ -2234,16 +1591,16 @@ class Ft {
   handleChange = (e) => {
     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: o, errors: d, touched: c } = this.formManager.getFormState();
-    this.focusManager.handleStateUpdate(o, d, c);
+    const { formData: r, errors: d, touched: c } = this.formManager.getFormState();
+    this.focusManager.handleStateUpdate(r, d, c);
   };
   handleBlur = (e) => {
     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: o, touched: d } = this.formManager.getFormState();
-    d[i] || this.focusManager.handleStateUpdate(r, o, d);
+    const { formData: n, errors: r, touched: d } = this.formManager.getFormState();
+    d[i] || this.focusManager.handleStateUpdate(n, r, d);
   };
   handleSubmit = async (e) => {
     e.preventDefault(), await this.onFormSubmit(e);
@@ -2263,7 +1620,7 @@ class Ft {
     this.localTouchedFields.clear();
   }
 }
-class Mt {
+class Ee {
   formManager;
   checkoutProfile;
   formElement;
@@ -2287,7 +1644,7 @@ class Mt {
         try {
           if (e.checkoutProfile.styles?.fontFamily)
             try {
-              const { cleanup: t } = we({
+              const { cleanup: t } = ie({
                 fontFamily: e.checkoutProfile.styles.fontFamily
               });
               this.fontCleanup = t, this.formElement.style.fontFamily = e.checkoutProfile.styles.fontFamily;
@@ -2305,15 +1662,15 @@ class Mt {
   isFormDisabled() {
     const e = this.formManager.getFormState(), t = this.checkoutProfile.getState(), s = Object.keys(e.errors).filter(
       (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, o = r && typeof r == "object" ? Object.keys(r).length > 0 : !1, d = s || i || o, m = J(
+    ).length > 0, a = e.errors.billingAddress, i = a && typeof a == "object" ? Object.keys(a).length > 0 : !1, n = e.errors.shippingAddress, r = n && typeof n == "object" ? Object.keys(n).length > 0 : !1, d = s || i || r, g = B(
       t.checkoutProfile?.layout
-    ) ? !!(e.formData.billingAddress?.firstName || e.formData.billingAddress?.lastName || e.formData.shippingAddress?.firstName || e.formData.shippingAddress?.lastName) : !!e.formData.name, l = t.checkoutProfile?.layout.phoneNumber?.enabled ?? !1 ? !!e.formData.phoneNumber : !0, { billingFields: p, shippingFields: y } = t.checkoutProfile?.layout ?? {}, u = /* @__PURE__ */ new Set(["US", "CA"]), g = (f, v) => {
+    ) ? !!(e.formData.billingAddress?.firstName || e.formData.billingAddress?.lastName || e.formData.shippingAddress?.firstName || e.formData.shippingAddress?.lastName) : !!e.formData.name, l = t.checkoutProfile?.layout.phoneNumber?.enabled ?? !1 ? !!e.formData.phoneNumber : !0, { billingFields: m, shippingFields: y } = t.checkoutProfile?.layout ?? {}, u = /* @__PURE__ */ new Set(["US", "CA"]), p = (f, S) => {
       if (!f) return !0;
-      const E = v?.country ?? "";
-      return Object.entries(f).every(([N, x]) => !x?.enabled || N === "state" && (!u.has(E) || x.hiddenForCountries?.includes(E)) ? !0 : !!v?.[N]?.trim());
+      const C = S?.country ?? "";
+      return Object.entries(f).every(([M, k]) => !k?.enabled || M === "state" && (!u.has(C) || k.hiddenForCountries?.includes(C)) ? !0 : !!S?.[M]?.trim());
     }, h = !this.isVgsMode || Object.values(this.vgsFieldsState).every(
       (f) => f?.isValid === !0
-    ), b = this.isVgsMode ? !!e.formData.email && l && h && g(p, e.formData.billingAddress) && g(y, e.formData.shippingAddress) : !!e.formData.email && l && m && !!e.formData.cardNumber && !!e.formData.cardCvv && !!e.formData.cardExpiry && g(p, e.formData.billingAddress) && g(y, e.formData.shippingAddress);
+    ), b = this.isVgsMode ? !!e.formData.email && l && h && p(m, e.formData.billingAddress) && p(y, e.formData.shippingAddress) : !!e.formData.email && l && g && !!e.formData.cardNumber && !!e.formData.cardCvv && !!e.formData.cardExpiry && p(m, e.formData.billingAddress) && p(y, e.formData.shippingAddress);
     return d || !b || this.isSubmitting;
   }
   setSubmitting(e) {
@@ -2332,8 +1689,8 @@ class Mt {
         continue;
       const i = a.errors?.[0];
       if (!i) continue;
-      const r = Pe(s, i.code);
-      r && (t[s] = e(r));
+      const n = ae(s, i.code);
+      n && (t[s] = e(n));
     }
     return t;
   }
@@ -2344,18 +1701,18 @@ class Mt {
     this.fontCleanup && (this.fontCleanup(), this.fontCleanup = void 0);
   }
 }
-class Nt extends A {
+class Me extends P {
   titleElement;
   constructor(e = {}) {
     super("div", ["blur-bg"]);
-    const t = D.createDiv(["loader"]);
-    this.titleElement = new A("h3", ["title"]), this.titleElement.setText(e.text || ""), this.appendChild(t), this.appendChild(this.titleElement);
+    const t = A.createDiv(["loader"]);
+    this.titleElement = new P("h3", ["title"]), this.titleElement.setText(e.text || ""), this.appendChild(t), this.appendChild(this.titleElement);
   }
   setText(e) {
     return this.titleElement.setText(e), this;
   }
 }
-const he = {
+const z = {
   street: "",
   firstName: "",
   lastName: "",
@@ -2363,16 +1720,16 @@ const he = {
   city: "",
   zipCode: "",
   country: ""
-}, ue = (n, e) => {
+}, $ = (o, e) => {
   const t = {}, s = `${e}.`;
-  return Object.keys(n).forEach((a) => {
+  return Object.keys(o).forEach((a) => {
     if (a.startsWith(s)) {
       const i = a.slice(s.length);
-      t[i] = n[a];
+      t[i] = o[a];
     }
   }), t;
 };
-class wt {
+class Ne {
   formElement;
   componentManager;
   onLoadingStateChange;
@@ -2406,13 +1763,13 @@ class wt {
       !!(e.errors.name && e.touched.name),
       e.errors.name
     ), this.componentManager.updateBillingAddressSection(
-      e.formData.billingAddress ?? he,
+      e.formData.billingAddress ?? z,
       e.errors.billingAddress ?? {},
-      ue(e.touched, "billingAddress")
+      $(e.touched, "billingAddress")
     ), this.componentManager.updateShippingAddressSection(
-      e.formData.shippingAddress ?? he,
+      e.formData.shippingAddress ?? z,
       e.errors.shippingAddress ?? {},
-      ue(e.touched, "shippingAddress")
+      $(e.touched, "shippingAddress")
     ), this.componentManager.updateSubmitButton(t);
   }
   setLoadingState(e) {
@@ -2420,10 +1777,10 @@ class wt {
       this.onLoadingStateChange(e);
       return;
     }
-    e ? (this.hideSkeleton(), this.formSkeleton = new ge(), this.formElement.appendChild(this.formSkeleton.getElement())) : this.hideSkeleton();
+    e ? (this.hideSkeleton(), this.formSkeleton = new j(), this.formElement.appendChild(this.formSkeleton.getElement())) : this.hideSkeleton();
   }
   showSpinner(e) {
-    this.hideSpinner(), this.spinner = new Nt({ text: e }), this.formElement.appendChild(this.spinner.getElement());
+    this.hideSpinner(), this.spinner = new Me({ text: e }), this.formElement.appendChild(this.spinner.getElement());
   }
   hideSpinner() {
     this.spinner && (this.spinner.getElement().remove(), this.spinner = void 0);
@@ -2432,7 +1789,7 @@ class wt {
     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 ke({ message: e }), this.formElement.insertBefore(
+    this.alert && (this.alert.getElement().remove(), this.alert = void 0), this.alert = new ne({ message: e }), this.formElement.insertBefore(
       this.alert.getElement(),
       this.formElement.firstChild
     );
@@ -2444,7 +1801,7 @@ class wt {
     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 T = (n) => ({
+const w = (o) => ({
   street: "",
   firstName: "",
   lastName: "",
@@ -2452,14 +1809,14 @@ const T = (n) => ({
   city: "",
   zipCode: "",
   country: "",
-  ...n
+  ...o
 });
-class Pt extends A {
+class Pe extends P {
   options;
-  formManager = ct();
+  formManager = me();
   checkoutProfile;
-  translation = Ae();
-  focusManager = new xe();
+  translation = re();
+  focusManager = new oe();
   // Managers
   componentManager;
   eventHandler;
@@ -2470,9 +1827,9 @@ class Pt extends A {
   vgsJwt;
   vgsCardResult;
   constructor(e) {
-    super("form", ["form-container"]), this.options = e, this.vgsJwt = e.vgsJwt, this.vgsJwt && (this.vgsService = new L()), this.checkoutProfile = dt({
+    super("form", ["form-container"]), this.options = e, this.vgsJwt = e.vgsJwt, this.vgsJwt && (this.vgsService = new R()), this.checkoutProfile = ue({
       appearance: e.appearance
-    }), e.locale && this.translation.setLocale(e.locale), this.componentManager = new Et({
+    }), e.locale && this.translation.setLocale(e.locale), this.componentManager = new Ce({
       formElement: this.element,
       focusManager: this.focusManager,
       translationFunc: this.translation.t,
@@ -2489,11 +1846,11 @@ class Pt extends A {
       environment: e.environment,
       vgsService: this.vgsService,
       onVgsStateChange: (t) => this.handleVgsStateChange(t)
-    }), this.uiManager = new wt({
+    }), this.uiManager = new Ne({
       formElement: this.element,
       componentManager: this.componentManager,
       onLoadingStateChange: e.onLoadingStateChange
-    }), this.stateCoordinator = new Mt({
+    }), this.stateCoordinator = new Ee({
       formManager: this.formManager,
       checkoutProfile: this.checkoutProfile,
       componentManager: this.componentManager,
@@ -2503,7 +1860,7 @@ class Pt extends A {
       onError: (t) => this.uiManager.setErrorMessage(t),
       onLoadingChange: (t) => this.uiManager.setLoadingState(t),
       getInitialFormData: () => this._getFormStateData().formData
-    }), this.vgsService && this.stateCoordinator.setVgsMode(!0), this.eventHandler = new Ft({
+    }), this.vgsService && this.stateCoordinator.setVgsMode(!0), this.eventHandler = new Fe({
       formManager: this.formManager,
       focusManager: this.focusManager,
       onFormSubmit: async () => this.handleSubmit(),
@@ -2528,12 +1885,12 @@ class Pt extends A {
       },
       ...e.initialValues.name && { name: e.initialValues.name },
       ...e.initialValues.billingAddress && {
-        billingAddress: T(
+        billingAddress: w(
           e.initialValues.billingAddress
         )
       },
       ...e.initialValues.shippingAddress && {
-        shippingAddress: T(
+        shippingAddress: w(
           e.initialValues.shippingAddress
         )
       }
@@ -2550,10 +1907,10 @@ class Pt extends A {
         cardNumber: "",
         cardCvv: "",
         ...t?.billingAddress && {
-          billingAddress: T(t.billingAddress)
+          billingAddress: w(t.billingAddress)
         },
         ...t?.shippingAddress && {
-          shippingAddress: T(t.shippingAddress)
+          shippingAddress: w(t.shippingAddress)
         }
       },
       errors: e.errors || {},
@@ -2580,11 +1937,11 @@ class Pt extends A {
       phoneNumber: "",
       phoneCountryCode: e.checkoutProfile.layout.phoneNumber.defaultCountry?.toUpperCase() || "US"
     }), e.checkoutProfile.layout.billingFields && this.formManager.getFormState().formData.billingAddress === void 0 && this.formManager.setFormData({
-      billingAddress: T()
+      billingAddress: w()
     }), e.checkoutProfile.layout.shippingFields && this.formManager.getFormState().formData.shippingAddress === void 0 && this.formManager.setFormData({
-      shippingAddress: T()
+      shippingAddress: w()
     });
-    const { formData: t, errors: s, touched: a } = this._getFormStateData(), i = gt(
+    const { formData: t, errors: s, touched: a } = this._getFormStateData(), i = pe(
       e.checkoutProfile.layout
     );
     try {
@@ -2592,8 +1949,8 @@ class Pt extends A {
         e.checkoutProfile,
         t
       );
-    } catch (o) {
-      console.error("Failed to create payment methods:", o);
+    } catch (r) {
+      console.error("Failed to create payment methods:", r);
     }
     try {
       this.componentManager.createEmailField(
@@ -2602,8 +1959,8 @@ class Pt extends A {
         s,
         a
       );
-    } catch (o) {
-      console.error("Failed to create email field:", o);
+    } catch (r) {
+      console.error("Failed to create email field:", r);
     }
     if (i) {
       try {
@@ -2613,8 +1970,8 @@ class Pt extends A {
           s,
           a
         );
-      } catch (o) {
-        console.error("Failed to create billing address section:", o);
+      } catch (r) {
+        console.error("Failed to create billing address section:", r);
       }
       try {
         this.componentManager.createShippingAddressSection(
@@ -2623,8 +1980,8 @@ class Pt extends A {
           s,
           a
         );
-      } catch (o) {
-        console.error("Failed to create shipping address section:", o);
+      } catch (r) {
+        console.error("Failed to create shipping address section:", r);
       }
     }
     if (e.checkoutProfile.layout.phoneNumber?.enabled)
@@ -2635,8 +1992,8 @@ class Pt extends A {
           s,
           a
         );
-      } catch (o) {
-        console.error("Failed to create phone number field:", o);
+      } catch (r) {
+        console.error("Failed to create phone number field:", r);
       }
     try {
       this.componentManager.createCardSection(
@@ -2645,10 +2002,10 @@ class Pt extends A {
         s,
         a
       );
-    } catch (o) {
-      console.error("Failed to create card section:", o);
+    } catch (r) {
+      console.error("Failed to create card section:", r);
     }
-    if (!J(
+    if (!B(
       e.checkoutProfile.layout
     ))
       try {
@@ -2658,19 +2015,19 @@ class Pt extends A {
           s,
           a
         );
-      } catch (o) {
-        console.error("Failed to create cardholder section:", o);
+      } catch (r) {
+        console.error("Failed to create cardholder section:", r);
       }
-    this.vgsService && this.componentManager.mountVgsFields(e.checkoutProfile).catch((o) => {
-      console.error("Failed to mount VGS fields:", o);
+    this.vgsService && this.componentManager.mountVgsFields(e.checkoutProfile).catch((r) => {
+      console.error("Failed to mount VGS fields:", r);
     });
     try {
       this.componentManager.createSubmitButton(
         e.checkoutProfile,
         this.stateCoordinator.isFormDisabled()
       );
-    } catch (o) {
-      console.error("Failed to create submit button:", o);
+    } catch (r) {
+      console.error("Failed to create submit button:", r);
     }
   }
   updateFormUI() {
@@ -2686,13 +2043,13 @@ class Pt extends A {
    */
   inferCardholderName() {
     const e = this.checkoutProfile.getState();
-    if (!e.checkoutProfile || !J(
+    if (!e.checkoutProfile || !B(
       e.checkoutProfile.layout
     )) return;
     const { formData: s } = this._getFormStateData(), a = s.billingAddress ?? s.shippingAddress;
     if (!a) return;
-    const i = a.firstName?.trim() ?? "", r = a.lastName?.trim() ?? "", o = [i, r].filter(Boolean).join(" ");
-    o && this.formManager.setFormData({ name: o });
+    const i = a.firstName?.trim() ?? "", n = a.lastName?.trim() ?? "", r = [i, n].filter(Boolean).join(" ");
+    r && this.formManager.setFormData({ name: r });
   }
   /**
    * Infers address data based on field configuration.
@@ -2702,11 +2059,11 @@ class Pt extends A {
   inferAddresses() {
     const e = this.checkoutProfile.getState();
     if (!e.checkoutProfile) return;
-    const { billingFields: t, shippingFields: s } = e.checkoutProfile.layout, a = t && Object.values(t).some((o) => o?.enabled), i = s && Object.values(s).some((o) => o?.enabled), { formData: r } = this._getFormStateData();
-    !a && i && r.shippingAddress ? this.formManager.setFormData({
-      billingAddress: { ...r.shippingAddress }
-    }) : !i && a && r.billingAddress && this.formManager.setFormData({
-      shippingAddress: { ...r.billingAddress }
+    const { billingFields: t, shippingFields: s } = e.checkoutProfile.layout, a = t && Object.values(t).some((r) => r?.enabled), i = s && Object.values(s).some((r) => r?.enabled), { formData: n } = this._getFormStateData();
+    !a && i && n.shippingAddress ? this.formManager.setFormData({
+      billingAddress: { ...n.shippingAddress }
+    }) : !i && a && n.billingAddress && this.formManager.setFormData({
+      shippingAddress: { ...n.billingAddress }
     });
   }
   handleVgsStateChange(e) {
@@ -2794,13 +2151,13 @@ class Pt extends A {
     ), this.componentManager.cleanup(), this.uiManager.cleanup(), this.getElement().remove();
   }
   associatePayment(e, t, s, a, i) {
-    this.options.paymentId = e, this.options.checkoutKey = t, this.options.supportedPaymentMethods = s, this.options.checkoutDetails = a, this.componentManager.setCheckoutDetailsLoaded(!0), i && !this.vgsService && (this.vgsJwt = i, this.vgsService = new L(), this.componentManager.setVgsService(this.vgsService), this.stateCoordinator.setVgsMode(!0), this.vgsService.init(this.options.environment).then((o) => {
+    this.options.paymentId = e, this.options.checkoutKey = t, this.options.supportedPaymentMethods = s, this.options.checkoutDetails = a, this.componentManager.setCheckoutDetailsLoaded(!0), i && !this.vgsService && (this.vgsJwt = i, this.vgsService = new R(), this.componentManager.setVgsService(this.vgsService), this.stateCoordinator.setVgsMode(!0), this.vgsService.init(this.options.environment).then((r) => {
       this.vgsService?.createForm(
-        o,
+        r,
         (d) => this.handleVgsStateChange(d)
       ), this.renderFormComponents();
-    }).catch((o) => {
-      console.error("Failed to load VGS Collect:", o), this.vgsService = void 0, this.vgsJwt = void 0, this.renderFormComponents();
+    }).catch((r) => {
+      console.error("Failed to load VGS Collect:", r), this.vgsService = void 0, this.vgsJwt = void 0, this.renderFormComponents();
     })), this.componentManager.removePaymentMethods(), this.componentManager.updateSupportedPaymentMethods(
       s
     ), this.componentManager.updatePaymentDetails(
@@ -2808,18 +2165,18 @@ class Pt extends A {
       t,
       a
     ), !i && this.checkoutProfile.getState().checkoutProfile && this.renderFormComponents();
-    const r = this.checkoutProfile.getState();
-    if (r.checkoutProfile) {
-      const { formData: o } = this._getFormStateData();
+    const n = this.checkoutProfile.getState();
+    if (n.checkoutProfile) {
+      const { formData: r } = this._getFormStateData();
       this.componentManager.createPaymentMethods(
-        r.checkoutProfile,
-        o,
+        n.checkoutProfile,
+        r,
         !0
       );
     }
   }
 }
-class kt {
+class ke {
   container = null;
   options;
   onSubmit;
@@ -2843,7 +2200,7 @@ class kt {
     }
   }
   renderForm(e) {
-    this.container && (this.form && (this.form.destroy(), this.form = null), this.form = new Pt({
+    this.container && (this.form && (this.form.destroy(), this.form = null), this.form = new Pe({
       apiKey: this.options.apiKey,
       onSubmit: this.onSubmit,
       locale: this.options.locale,
@@ -2880,7 +2237,7 @@ class kt {
     );
   }
 }
-class At {
+class Ae {
   state;
   listeners = /* @__PURE__ */ new Set();
   constructor(e) {
@@ -2902,8 +2259,8 @@ class At {
     this.listeners.forEach((t) => t(e));
   }
 }
-const xt = "en";
-class Dt {
+const we = "en";
+class De {
   config;
   _callbacks;
   paymentState;
@@ -2912,18 +2269,18 @@ class Dt {
   stateManager;
   sessionId;
   constructor(e) {
-    this.config = this.validateConfig(e), this._callbacks = { ...this.config.callbacks }, this.paymentState = {}, this.sessionId = crypto.randomUUID(), ot({
+    this.config = this.validateConfig(e), this._callbacks = { ...this.config.callbacks }, this.paymentState = {}, this.sessionId = crypto.randomUUID(), le({
       environment: this.config.environment,
       sessionId: this.sessionId
-    }), M(F.CHECKOUT_INITIALIZED, {
+    }), F(E.CHECKOUT_INITIALIZED, {
       environment: this.config.environment
-    }), this.apiService = new De(
+    }), this.apiService = new de(
       this.config.apiKey,
       this.config.environment
-    ), this.stateManager = new At({
+    ), this.stateManager = new Ae({
       mounted: !1,
       form: null
-    }), this.formManager = new kt(
+    }), this.formManager = new ke(
       {
         locale: this.config.locale,
         apiKey: this.config.apiKey,
@@ -2945,7 +2302,7 @@ class Dt {
       apiKey: e.apiKey,
       returnUrl: e.returnUrl,
       environment: e.environment,
-      locale: e.locale || xt,
+      locale: e.locale || we,
       disableErrorMessages: e.disableErrorMessages ?? !1,
       manualActionHandling: e.manualActionHandling ?? !1,
       appearance: e.appearance,
@@ -2966,7 +2323,7 @@ class Dt {
     return t.appendChild(s), this.stateManager.updateState({
       form: s,
       mounted: !0
-    }), this.formManager.mount(s), M(F.CHECKOUT_MOUNTED, {
+    }), this.formManager.mount(s), F(E.CHECKOUT_MOUNTED, {
       container_id: e
     }), this;
   }
@@ -2978,7 +2335,7 @@ class Dt {
       t && t.remove(), this.stateManager.updateState({
         form: null,
         mounted: !1
-      }), M(F.CHECKOUT_UNMOUNTED);
+      }), F(E.CHECKOUT_UNMOUNTED);
     });
   }
   async handleSubmit({
@@ -2990,7 +2347,7 @@ class Dt {
         "Payment must be associated before submitting. Call associatePayment() first."
       );
     const s = this.getPaymentMethod(e, t);
-    M(F.PAYMENT_SUBMIT_STARTED, {
+    F(E.PAYMENT_SUBMIT_STARTED, {
       payment_id: this.paymentState.paymentId,
       payment_method: s
     });
@@ -3002,32 +2359,32 @@ class Dt {
         paymentId: this.paymentState.paymentId,
         returnUrl: this.config.returnUrl,
         applePayData: t
-      }), r = performance.now() - a;
-      oe(
-        se.PAYMENT_AUTHORIZATION_TIME,
-        r,
+      }), n = performance.now() - a;
+      U(
+        H.PAYMENT_AUTHORIZATION_TIME,
+        n,
         "ms",
         {
           payment_id: this.paymentState.paymentId,
           payment_method: s,
           status: "success"
         }
-      ), M(F.PAYMENT_SUBMIT_SUCCESS, {
+      ), F(E.PAYMENT_SUBMIT_SUCCESS, {
         payment_id: this.paymentState.paymentId,
         payment_method: s
       }), this.handlePaymentResponse(i);
     } catch (i) {
-      const r = performance.now() - a;
-      oe(
-        se.PAYMENT_AUTHORIZATION_TIME,
-        r,
+      const n = performance.now() - a;
+      U(
+        H.PAYMENT_AUTHORIZATION_TIME,
+        n,
         "ms",
         {
           payment_id: this.paymentState.paymentId,
           payment_method: s,
           status: "failed"
         }
-      ), M(F.PAYMENT_SUBMIT_FAILED, {
+      ), F(E.PAYMENT_SUBMIT_FAILED, {
         payment_id: this.paymentState.paymentId,
         payment_method: s,
         error_message: i.details?.message ?? "Unknown error"
@@ -3035,15 +2392,15 @@ class Dt {
     }
   }
   handlePaymentResponse(e) {
-    if (e.latestTransaction.status === "authorized" && (M(F.PAYMENT_AUTHORIZED, {
+    if (e.latestTransaction.status === "authorized" && (F(E.PAYMENT_AUTHORIZED, {
       payment_id: this.paymentState.paymentId ?? "",
       status: e.latestTransaction.status
-    }), this._callbacks.onPaymentSucceeded?.(e.latestTransaction.status)), e.latestTransaction.status === "failed" && (M(F.PAYMENT_FAILED, {
+    }), this._callbacks.onPaymentSucceeded?.(e.latestTransaction.status)), e.latestTransaction.status === "failed" && (F(E.PAYMENT_FAILED, {
       payment_id: this.paymentState.paymentId ?? "",
       status: e.latestTransaction.status
     }), this._callbacks.onPaymentFailed?.(e.latestTransaction.status)), e.status === "requires_action") {
       const { redirectUrl: t } = e.action;
-      M(F.PAYMENT_ACTION_REQUIRED, {
+      F(E.PAYMENT_ACTION_REQUIRED, {
         payment_id: this.paymentState.paymentId ?? "",
         status: e.status
       }), this.config.manualActionHandling ? this._callbacks.onActionRequired?.(t) : globalThis.location.href = t;
@@ -3083,7 +2440,7 @@ class Dt {
       throw new Error("paymentId and checkoutKey are required");
     this.paymentState.paymentId = e, this.paymentState.checkoutKey = t;
     try {
-      const s = await Ie({
+      const s = await he({
         id: e,
         checkoutKey: t,
         environment: this.config.environment
@@ -3104,7 +2461,7 @@ class Dt {
         countryCode: s.countryCode
       };
       const a = s.supportedPaymentMethods.reduce(
-        (i, r) => (i[r] = !0, i),
+        (i, n) => (i[n] = !0, i),
         {}
       );
       await this.formManager.associatePayment(
@@ -3113,16 +2470,16 @@ class Dt {
         a,
         this.paymentState.checkoutDetails,
         s.vgsJwt
-      ), M(F.PAYMENT_ASSOCIATED, {
+      ), F(E.PAYMENT_ASSOCIATED, {
         payment_id: e,
         currency: s.currency,
         country_code: s.countryCode
       });
     } catch (s) {
-      throw M(F.PAYMENT_ASSOCIATION_FAILED, {
+      throw F(E.PAYMENT_ASSOCIATION_FAILED, {
         payment_id: e,
         error_message: s instanceof Error ? s.message : "Unknown error"
-      }), lt(
+      }), ce(
         s instanceof Error ? s : new Error("Failed to associate payment"),
         { payment_id: e }
       ), s;
@@ -3132,19 +2489,19 @@ class Dt {
     Object.assign(this._callbacks, e);
   }
 }
-typeof globalThis < "u" && (globalThis.OdusCheckout = Dt);
+typeof globalThis < "u" && (globalThis.OdusCheckout = De);
 export {
-  Dt as OdusCheckout,
-  _t as deLocale,
-  Rt as enLocale,
-  Bt as esLocale,
-  Ut as frLocale,
-  Ot as itLocale,
-  Ht as plLocale,
-  zt as ptLocale,
-  lt as pushError,
-  M as pushEvent,
-  Tt as pushLog,
-  oe as pushMeasurement,
-  $t as trLocale
+  De as OdusCheckout,
+  Ie as deLocale,
+  Be as enLocale,
+  Te as esLocale,
+  _e as frLocale,
+  Re as itLocale,
+  Ue as plLocale,
+  He as ptLocale,
+  ce as pushError,
+  F as pushEvent,
+  Oe as pushLog,
+  U as pushMeasurement,
+  ze as trLocale
 };