@paynext/sdk 0.0.110 → 0.0.112

package/dist/index.es.js

@@ -20,18 +20,18 @@ var se = (n, e) => {
   return t;
 };
 var c = (n, e, t) => xt(n, typeof e != "symbol" ? e + "" : e, t);
-var k = (n, e, t) => new Promise((i, r) => {
+var E = (n, e, t) => new Promise((i, r) => {
   var s = (l) => {
     try {
       o(t.next(l));
-    } catch (d) {
-      r(d);
+    } catch (u) {
+      r(u);
     }
   }, a = (l) => {
     try {
       o(t.throw(l));
-    } catch (d) {
-      r(d);
+    } catch (u) {
+      r(u);
     }
   }, o = (l) => l.done ? i(l.value) : Promise.resolve(l.value).then(s, a);
   o((t = t.apply(n, e)).next());
@@ -44,7 +44,7 @@ class nu {
     typeof window != "undefined" && (this.parent = e);
   }
   mount(e) {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       if (!this.parent)
         return;
       if (!this.core) {
@@ -62,7 +62,7 @@ class nu {
     });
   }
   unmount() {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       !this.parent || !this.core || (this.parent.innerHTML = "", this.core.clearState());
     });
   }
@@ -151,19 +151,19 @@ const Xt = (n = "sandbox") => ({
       payment_method_nonce: e.nonce
     };
 }, kn = (n) => {
-  var i, r, s, a, o, l, d, u, h, m, p, g, b, y;
+  var i, r, s, a, o, l, u, d, h, m, p, g, b, y;
   const { applePay: e, googlePay: t } = n;
   if (!(!e && !t))
     return {
       city: ((i = e == null ? void 0 : e.billingContact) == null ? void 0 : i.locality) || ((r = t == null ? void 0 : t.billingAddress) == null ? void 0 : r.locality) || void 0,
       country: ((s = e == null ? void 0 : e.billingContact) == null ? void 0 : s.countryCode) || ((a = t == null ? void 0 : t.billingAddress) == null ? void 0 : a.countryCode) || void 0,
-      line1: ((l = (o = e == null ? void 0 : e.billingContact) == null ? void 0 : o.addressLines) == null ? void 0 : l.at(0)) || ((d = t == null ? void 0 : t.billingAddress) == null ? void 0 : d.address1) || void 0,
-      line2: ((h = (u = e == null ? void 0 : e.billingContact) == null ? void 0 : u.addressLines) == null ? void 0 : h.at(1)) || ((m = t == null ? void 0 : t.billingAddress) == null ? void 0 : m.address2) || void 0,
+      line1: ((l = (o = e == null ? void 0 : e.billingContact) == null ? void 0 : o.addressLines) == null ? void 0 : l.at(0)) || ((u = t == null ? void 0 : t.billingAddress) == null ? void 0 : u.address1) || void 0,
+      line2: ((h = (d = e == null ? void 0 : e.billingContact) == null ? void 0 : d.addressLines) == null ? void 0 : h.at(1)) || ((m = t == null ? void 0 : t.billingAddress) == null ? void 0 : m.address2) || void 0,
       postal_code: ((p = e == null ? void 0 : e.billingContact) == null ? void 0 : p.postalCode) || ((g = t == null ? void 0 : t.billingAddress) == null ? void 0 : g.postalCode) || void 0,
       state: ((b = e == null ? void 0 : e.billingContact) == null ? void 0 : b.administrativeArea) || ((y = t == null ? void 0 : t.billingAddress) == null ? void 0 : y.administrativeArea) || void 0
     };
 }, En = (n) => {
-  var r, s, a, o, l, d, u, h, m, p, g, b, y, E, V, _, M, T, D;
+  var r, s, a, o, l, u, d, h, m, p, g, b, y, k, V, _, M, T, D;
   const { card: e, googlePay: t, applePay: i } = n;
   if (!(!e && !(t != null && t.card) && !(i != null && i.card)))
     return {
@@ -171,13 +171,13 @@ const Xt = (n = "sandbox") => ({
       bin_data: {
         brand: (e == null ? void 0 : e.cardBrand) || ((r = t == null ? void 0 : t.card) == null ? void 0 : r.brand) || ((s = i == null ? void 0 : i.card) == null ? void 0 : s.brand),
         country: (e == null ? void 0 : e.country) || ((a = t == null ? void 0 : t.card) == null ? void 0 : a.country) || ((o = i == null ? void 0 : i.card) == null ? void 0 : o.country),
-        currency_code: (e == null ? void 0 : e.currency) || ((l = t == null ? void 0 : t.card) == null ? void 0 : l.currency) || ((d = i == null ? void 0 : i.card) == null ? void 0 : d.currency),
-        funding: (e == null ? void 0 : e.funding) || ((u = t == null ? void 0 : t.card) == null ? void 0 : u.funding) || ((h = i == null ? void 0 : i.card) == null ? void 0 : h.funding),
+        currency_code: (e == null ? void 0 : e.currency) || ((l = t == null ? void 0 : t.card) == null ? void 0 : l.currency) || ((u = i == null ? void 0 : i.card) == null ? void 0 : u.currency),
+        funding: (e == null ? void 0 : e.funding) || ((d = t == null ? void 0 : t.card) == null ? void 0 : d.funding) || ((h = i == null ? void 0 : i.card) == null ? void 0 : h.funding),
         issuer: (e == null ? void 0 : e.issuer) || ((m = t == null ? void 0 : t.card) == null ? void 0 : m.issuer) || ((p = i == null ? void 0 : i.card) == null ? void 0 : p.issuer),
         type: (e == null ? void 0 : e.type) || ((g = t == null ? void 0 : t.card) == null ? void 0 : g.segment) || ((b = i == null ? void 0 : i.card) == null ? void 0 : b.segment)
       },
       cvc: e == null ? void 0 : e.cvc,
-      exp_month: e != null && e.expMonth || (y = t == null ? void 0 : t.card) != null && y.expiry.month ? Number((e == null ? void 0 : e.expMonth) || ((E = t == null ? void 0 : t.card) == null ? void 0 : E.expiry.month)) : void 0,
+      exp_month: e != null && e.expMonth || (y = t == null ? void 0 : t.card) != null && y.expiry.month ? Number((e == null ? void 0 : e.expMonth) || ((k = t == null ? void 0 : t.card) == null ? void 0 : k.expiry.month)) : void 0,
       exp_year: e != null && e.expYear || (V = t == null ? void 0 : t.card) != null && V.expiry.year ? Number((e == null ? void 0 : e.expYear) || ((_ = t == null ? void 0 : t.card) == null ? void 0 : _.expiry.year)) : void 0,
       last4: (e == null ? void 0 : e.lastFourDigits) || ((M = t == null ? void 0 : t.card) == null ? void 0 : M.lastFour) || ((T = i == null ? void 0 : i.card) == null ? void 0 : T.lastFour),
       number: (e == null ? void 0 : e.number) || ((D = t == null ? void 0 : t.card) == null ? void 0 : D.number)
@@ -224,7 +224,7 @@ const Xt = (n = "sandbox") => ({
     default:
       throw new Error(`Unsupported payment method: ${e}`);
   }
-}, Pr = (n, e, t) => k(void 0, null, function* () {
+}, Pr = (n, e, t) => E(void 0, null, function* () {
   const i = `${Xt(e)}/payments/create`, r = new Headers();
   r.append("Content-Type", "application/json"), r.append("X-API-Version", t);
   const s = Mr(n);
@@ -233,14 +233,14 @@ const Xt = (n = "sandbox") => ({
     headers: r,
     body: JSON.stringify(s)
   })).json();
-}), Dr = (n, e, t) => k(void 0, null, function* () {
+}), Dr = (n, e, t) => E(void 0, null, function* () {
   const i = `${Xt(e)}/payments/create/billing/agreement`, r = new Headers();
   return r.append("Content-Type", "application/json"), r.append("X-API-Version", t), (yield (yield fetch(i, {
     method: "POST",
     headers: r,
     body: JSON.stringify({ client_session: n })
   })).json()).paypal_agreement_token_response.token_id || "";
-}), Rr = (n, e, t) => k(void 0, null, function* () {
+}), Rr = (n, e, t) => E(void 0, null, function* () {
   const i = `${Xt(e)}/payments/config?client_session_id=${n}`, r = new Headers();
   r.append("X-API-Version", t);
   const a = yield (yield fetch(i, { headers: r })).json();
@@ -253,48 +253,50 @@ let Or = class {
     c(this, "onReady");
     this.ev = e;
   }
-  init(u, h) {
-    return k(this, arguments, function* ({
+  init(u, d) {
+    return E(this, arguments, function* ({
       transaction: e,
       locale: t,
-      supportedCardTypes: i,
-      onReady: r,
-      onError: s,
-      onSuccess: a,
-      onCancel: o,
-      onPaymentAttempt: l
-    }, d) {
-      const m = this.ev.transactions.create(e);
-      this.apple = this.ev.ui.applePay(m, I(v({
+      // supportedCardTypes,
+      onReady: i,
+      onError: r,
+      onSuccess: s,
+      onCancel: a,
+      onPaymentAttempt: o
+    }, l) {
+      const h = this.ev.transactions.create(e);
+      this.apple = this.ev.ui.applePay(h, I(v({
         locale: t,
         borderRadius: 12,
         size: {
           width: "100%",
           height: "40px"
         }
-      }, d == null ? void 0 : d.styles), {
-        allowedCardNetworks: i,
+      }, l == null ? void 0 : l.styles), {
+        // ToDo: Temporary we have only Visa and Master card
+        // allowedCardNetworks: supportedCardTypes
+        allowedCardNetworks: ["masterCard"],
         requestBillingAddress: !0,
         requestPayerDetails: ["name", "email", "phone"],
-        process: (y, E) => k(this, [y, E], function* (g, { fail: b }) {
-          l == null || l({
+        process: (b, y) => E(this, [b, y], function* (p, { fail: g }) {
+          o == null || o({
             paymentMethod: x.GOOGLE_PAY
           });
           try {
-            a == null || a(g);
-          } catch (V) {
-            console.error(V), b({
+            s == null || s(p);
+          } catch (k) {
+            console.error(k), g({
               message: "Cannot pay with payment credentials"
             });
           }
         })
       }));
-      const p = yield this.apple.availability();
-      this.isAvailable = p === "available", this.isAvailable || s == null || s("Apple Pay is not supported on this device"), s && this.apple.on("error", s), o && this.apple.on("cancel", o), this.onReady = r;
+      const m = yield this.apple.availability();
+      this.isAvailable = m === "available", this.isAvailable || r == null || r("Apple Pay is not supported on this device"), r && this.apple.on("error", r), a && this.apple.on("cancel", a), this.onReady = i;
     });
   }
   render(e) {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       var t;
       !this.apple || !this.isAvailable || (e.innerHTML = "", yield this.apple.mount(e), (t = this.onReady) == null || t.call(this));
     });
@@ -304,8 +306,8 @@ let Or = class {
     c(this, "google", null);
     this.ev = e;
   }
-  init(d, u) {
-    return k(this, arguments, function* ({ transaction: e, locale: t, onReady: i, onError: r, onSuccess: s, onCancel: a, onPaymentAttempt: o }, l) {
+  init(u, d) {
+    return E(this, arguments, function* ({ transaction: e, locale: t, onReady: i, onError: r, onSuccess: s, onCancel: a, onPaymentAttempt: o }, l) {
       const h = this.ev.transactions.create(e);
       this.google = this.ev.ui.googlePay(h, I(v({
         locale: t,
@@ -318,7 +320,8 @@ let Or = class {
           phoneNumber: !0
         }
       }, l == null ? void 0 : l.styles), {
-        process: (g, b) => k(this, [g, b], function* (m, { fail: p }) {
+        allowedCardNetworks: ["MASTERCARD"],
+        process: (g, b) => E(this, [g, b], function* (m, { fail: p }) {
           o == null || o({
             paymentMethod: x.GOOGLE_PAY
           });
@@ -334,7 +337,7 @@ let Or = class {
     });
   }
   render(e) {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       this.google && (e.innerHTML = "", this.google.mount(e));
     });
   }
@@ -363,12 +366,12 @@ class Sr {
     this.ev = e;
   }
   init(s) {
-    return k(this, arguments, function* ({ threeDsId: e, onReady: t, onSuccess: i, onError: r }) {
+    return E(this, arguments, function* ({ threeDsId: e, onReady: t, onSuccess: i, onError: r }) {
       this.threeDs = this.ev.ui.threeDSecure(e), this.threeDs.on("ready", () => t == null ? void 0 : t()), this.threeDs.on("success", () => i == null ? void 0 : i()), this.threeDs.on("failure", () => r == null ? void 0 : r()), this.threeDs.on("error", () => r == null ? void 0 : r());
     });
   }
   render(e) {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       this.threeDs && this.threeDs.mount(e);
     });
   }
@@ -391,7 +394,7 @@ class Fr {
   }
   // init ev
   initEv(e) {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       if (!this.isShouldLoad(e)) return;
       if (typeof window == "undefined")
         throw new Error("Evervault can only be initialized in browser environment");
@@ -402,21 +405,21 @@ class Fr {
   }
   // init three ds
   initThreeDs(e) {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       if (!this.ev) throw new Error("Evervault should be init before using Three DS Secure");
       this.threeDs = new Sr(this.ev), yield this.threeDs.init(e), yield this.threeDs.render();
     });
   }
   // init apple
   initApple(e, t) {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       if (!this.apple) throw new Error("Evervault should be init before using Apple Pay");
       yield this.apple.init(e, t);
     });
   }
   // init google
   initGoogle(e, t) {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       if (!this.google) throw new Error("Evervault should be init before using Google Pay");
       yield this.google.init(e, t);
     });
@@ -432,14 +435,14 @@ class Fr {
   }
   // render apple
   renderApple(e) {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       var t;
       return (t = this.apple) == null ? void 0 : t.render(e);
     });
   }
   // render google
   renderGoogle(e) {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       var t;
       return (t = this.google) == null ? void 0 : t.render(e);
     });
@@ -559,7 +562,7 @@ process.env.NODE_ENV !== "production" && (it = (n, e) => {
 const Yr = "easeInOut", Ur = 20;
 function Wr(n, s = {}, i, r) {
   var a = s, { defaultTransition: e = {} } = a, t = se(a, ["defaultTransition"]);
-  const o = e.duration || 0.3, l = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map(), u = {}, h = /* @__PURE__ */ new Map();
+  const o = e.duration || 0.3, l = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map(), d = {}, h = /* @__PURE__ */ new Map();
   let m = 0, p = 0, g = 0;
   for (let b = 0; b < n.length; b++) {
     const y = n[b];
@@ -570,7 +573,7 @@ function Wr(n, s = {}, i, r) {
       h.set(y.name, wn(p, y.at, m, h));
       continue;
     }
-    let [E, V, _ = {}] = y;
+    let [k, V, _ = {}] = y;
     _.at !== void 0 && (p = wn(p, _.at, m, h));
     let M = 0;
     const T = (D, C, w, R = 0, O = 0) => {
@@ -607,23 +610,23 @@ function Wr(n, s = {}, i, r) {
       const Ae = ie + f;
       qr(w, K, ne, te, ie, Ae), M = Math.max(P + f, M), g = Math.max(Ae, g);
     };
-    if (J(E)) {
-      const D = Tn(E, d);
+    if (J(k)) {
+      const D = Tn(k, u);
       T(V, _, An("default", D));
     } else {
-      const D = hi(E, V, i, u), C = D.length;
+      const D = hi(k, V, i, d), C = D.length;
       for (let w = 0; w < C; w++) {
         V = V, _ = _;
-        const R = D[w], O = Tn(R, d);
+        const R = D[w], O = Tn(R, u);
         for (const K in V)
           T(V[K], Jr(_, K), An(K, O), w, C);
       }
     }
     m = p, p += M;
   }
-  return d.forEach((b, y) => {
-    for (const E in b) {
-      const V = b[E];
+  return u.forEach((b, y) => {
+    for (const k in b) {
+      const V = b[k];
       V.sort(Gr);
       const _ = [], M = [], T = [];
       for (let C = 0; C < V.length; C++) {
@@ -635,7 +638,7 @@ function Wr(n, s = {}, i, r) {
         transition: {}
       });
       const D = l.get(y);
-      D.keyframes[E] = _, D.transition[E] = v(I(v({}, e), {
+      D.keyframes[k] = _, D.transition[k] = v(I(v({}, e), {
         duration: g,
         ease: T,
         times: M
@@ -703,35 +706,35 @@ function ns(n, e) {
     timestamp: 0,
     isProcessing: !1
   };
-  function l(u) {
-    a.has(u) && (d.schedule(u), n()), u(o);
+  function l(d) {
+    a.has(d) && (u.schedule(d), n()), d(o);
   }
-  const d = {
+  const u = {
     /**
      * Schedule a process to run on the next frame.
      */
-    schedule: (u, h = !1, m = !1) => {
+    schedule: (d, h = !1, m = !1) => {
       const g = m && r ? t : i;
-      return h && a.add(u), g.has(u) || g.add(u), u;
+      return h && a.add(d), g.has(d) || g.add(d), d;
     },
     /**
      * Cancel the provided callback from running on the next frame.
      */
-    cancel: (u) => {
-      i.delete(u), a.delete(u);
+    cancel: (d) => {
+      i.delete(d), a.delete(d);
     },
     /**
      * Execute all schedule callbacks.
      */
-    process: (u) => {
-      if (o = u, r) {
+    process: (d) => {
+      if (o = d, r) {
         s = !0;
         return;
       }
-      r = !0, [t, i] = [i, t], t.forEach(l), t.clear(), r = !1, s && (s = !1, d.process(u));
+      r = !0, [t, i] = [i, t], t.forEach(l), t.clear(), r = !1, s && (s = !1, u.process(d));
     }
   };
-  return d;
+  return u;
 }
 const de = {}, is = 40;
 function rs(n, e) {
@@ -740,9 +743,9 @@ function rs(n, e) {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, s = () => t = !0, a = lt.reduce((_, M) => (_[M] = ns(s), _), {}), { setup: o, read: l, resolveKeyframes: d, preUpdate: u, update: h, preRender: m, render: p, postRender: g } = a, b = () => {
+  }, s = () => t = !0, a = lt.reduce((_, M) => (_[M] = ns(s), _), {}), { setup: o, read: l, resolveKeyframes: u, preUpdate: d, update: h, preRender: m, render: p, postRender: g } = a, b = () => {
     const _ = de.useManualTiming ? r.timestamp : performance.now();
-    t = !1, de.useManualTiming || (r.delta = i ? 1e3 / 60 : Math.max(Math.min(_ - r.timestamp, is), 1)), r.timestamp = _, r.isProcessing = !0, o.process(r), l.process(r), d.process(r), u.process(r), h.process(r), m.process(r), p.process(r), g.process(r), r.isProcessing = !1, t && e && (i = !1, n(b));
+    t = !1, de.useManualTiming || (r.delta = i ? 1e3 / 60 : Math.max(Math.min(_ - r.timestamp, is), 1)), r.timestamp = _, r.isProcessing = !0, o.process(r), l.process(r), u.process(r), d.process(r), h.process(r), m.process(r), p.process(r), g.process(r), r.isProcessing = !1, t && e && (i = !1, n(b));
   }, y = () => {
     t = !0, i = !0, r.isProcessing || n(b);
   };
@@ -1075,8 +1078,8 @@ const Re = [
   duration: 0.3
 }, Es = (n, { keyframes: e }) => e.length > 2 ? Cs : Oe.has(n) ? n.startsWith("scale") ? ys(e[1]) : vs : ks;
 function xs(h) {
-  var m = h, { when: n, delay: e, delayChildren: t, staggerChildren: i, staggerDirection: r, repeat: s, repeatType: a, repeatDelay: o, from: l, elapsed: d } = m, u = se(m, ["when", "delay", "delayChildren", "staggerChildren", "staggerDirection", "repeat", "repeatType", "repeatDelay", "from", "elapsed"]);
-  return !!Object.keys(u).length;
+  var m = h, { when: n, delay: e, delayChildren: t, staggerChildren: i, staggerDirection: r, repeat: s, repeatType: a, repeatDelay: o, from: l, elapsed: u } = m, d = se(m, ["when", "delay", "delayChildren", "staggerChildren", "staggerDirection", "repeat", "repeatType", "repeatDelay", "from", "elapsed"]);
+  return !!Object.keys(d).length;
 }
 function xi(n, e) {
   var t, i;
@@ -1320,18 +1323,18 @@ function Zs({ duration: n = B.duration, bounce: e = B.bounce, velocity: t = B.ve
   let r, s;
   it(n <= /* @__PURE__ */ ae(B.maxDuration), "Spring duration must be 10 seconds or less");
   let a = 1 - e;
-  a = xe(B.minDamping, B.maxDamping, a), n = xe(B.minDuration, B.maxDuration, /* @__PURE__ */ le(n)), a < 1 ? (r = (d) => {
-    const u = d * a, h = u * n, m = u - t, p = St(d, a), g = Math.exp(-h);
+  a = xe(B.minDamping, B.maxDamping, a), n = xe(B.minDuration, B.maxDuration, /* @__PURE__ */ le(n)), a < 1 ? (r = (u) => {
+    const d = u * a, h = d * n, m = d - t, p = St(u, a), g = Math.exp(-h);
     return _t - m / p * g;
-  }, s = (d) => {
-    const h = d * a * n, m = h * t + t, p = Math.pow(a, 2) * Math.pow(d, 2) * n, g = Math.exp(-h), b = St(Math.pow(d, 2), a);
-    return (-r(d) + _t > 0 ? -1 : 1) * ((m - p) * g) / b;
-  }) : (r = (d) => {
-    const u = Math.exp(-d * n), h = (d - t) * n + 1;
-    return -_t + u * h;
-  }, s = (d) => {
-    const u = Math.exp(-d * n), h = (t - d) * (n * n);
-    return u * h;
+  }, s = (u) => {
+    const h = u * a * n, m = h * t + t, p = Math.pow(a, 2) * Math.pow(u, 2) * n, g = Math.exp(-h), b = St(Math.pow(u, 2), a);
+    return (-r(u) + _t > 0 ? -1 : 1) * ((m - p) * g) / b;
+  }) : (r = (u) => {
+    const d = Math.exp(-u * n), h = (u - t) * n + 1;
+    return -_t + d * h;
+  }, s = (u) => {
+    const d = Math.exp(-u * n), h = (t - u) * (n * n);
+    return d * h;
   });
   const o = 5 / n, l = Xs(r, s, o);
   if (n = /* @__PURE__ */ ae(n), isNaN(l))
@@ -1341,10 +1344,10 @@ function Zs({ duration: n = B.duration, bounce: e = B.bounce, velocity: t = B.ve
       duration: n
     };
   {
-    const d = Math.pow(l, 2) * i;
+    const u = Math.pow(l, 2) * i;
     return {
-      stiffness: d,
-      damping: a * 2 * Math.sqrt(i * d),
+      stiffness: u,
+      damping: a * 2 * Math.sqrt(i * u),
       duration: n
     };
   }
@@ -1394,24 +1397,24 @@ function tt(n = B.visualDuration, e = B.bounce) {
     bounce: e
   } : n;
   let { restSpeed: i, restDelta: r } = t;
-  const s = t.keyframes[0], a = t.keyframes[t.keyframes.length - 1], o = { done: !1, value: s }, { stiffness: l, damping: d, mass: u, duration: h, velocity: m, isResolvedFromDuration: p } = ta(I(v({}, t), {
+  const s = t.keyframes[0], a = t.keyframes[t.keyframes.length - 1], o = { done: !1, value: s }, { stiffness: l, damping: u, mass: d, duration: h, velocity: m, isResolvedFromDuration: p } = ta(I(v({}, t), {
     velocity: -/* @__PURE__ */ le(t.velocity || 0)
-  })), g = m || 0, b = d / (2 * Math.sqrt(l * u)), y = a - s, E = /* @__PURE__ */ le(Math.sqrt(l / u)), V = Math.abs(y) < 5;
+  })), g = m || 0, b = u / (2 * Math.sqrt(l * d)), y = a - s, k = /* @__PURE__ */ le(Math.sqrt(l / d)), V = Math.abs(y) < 5;
   i || (i = V ? B.restSpeed.granular : B.restSpeed.default), r || (r = V ? B.restDelta.granular : B.restDelta.default);
   let _;
   if (b < 1) {
-    const T = St(E, b);
+    const T = St(k, b);
     _ = (D) => {
-      const C = Math.exp(-b * E * D);
-      return a - C * ((g + b * E * y) / T * Math.sin(T * D) + y * Math.cos(T * D));
+      const C = Math.exp(-b * k * D);
+      return a - C * ((g + b * k * y) / T * Math.sin(T * D) + y * Math.cos(T * D));
     };
   } else if (b === 1)
-    _ = (T) => a - Math.exp(-E * T) * (y + (g + E * y) * T);
+    _ = (T) => a - Math.exp(-k * T) * (y + (g + k * y) * T);
   else {
-    const T = E * Math.sqrt(b * b - 1);
+    const T = k * Math.sqrt(b * b - 1);
     _ = (D) => {
-      const C = Math.exp(-b * E * D), w = Math.min(T * D, 300);
-      return a - C * ((g + b * E * y) * Math.sinh(w) + T * y * Math.cosh(w)) / T;
+      const C = Math.exp(-b * k * D), w = Math.min(T * D, 300);
+      return a - C * ((g + b * k * y) * Math.sinh(w) + T * y * Math.cosh(w)) / T;
     };
   }
   const M = {
@@ -1441,17 +1444,17 @@ tt.applyToOptions = (n) => {
   const e = vi(n, 100, tt);
   return n.ease = e.ease, n.duration = /* @__PURE__ */ ae(e.duration), n.type = "keyframes", n;
 };
-function Ft({ keyframes: n, velocity: e = 0, power: t = 0.8, timeConstant: i = 325, bounceDamping: r = 10, bounceStiffness: s = 500, modifyTarget: a, min: o, max: l, restDelta: d = 0.5, restSpeed: u }) {
+function Ft({ keyframes: n, velocity: e = 0, power: t = 0.8, timeConstant: i = 325, bounceDamping: r = 10, bounceStiffness: s = 500, modifyTarget: a, min: o, max: l, restDelta: u = 0.5, restSpeed: d }) {
   const h = n[0], m = {
     done: !1,
     value: h
   }, p = (w) => o !== void 0 && w < o || l !== void 0 && w > l, g = (w) => o === void 0 ? l : l === void 0 || Math.abs(o - w) < Math.abs(l - w) ? o : l;
   let b = t * e;
-  const y = h + b, E = a === void 0 ? y : a(y);
-  E !== y && (b = E - h);
-  const V = (w) => -b * Math.exp(-w / i), _ = (w) => E + V(w), M = (w) => {
+  const y = h + b, k = a === void 0 ? y : a(y);
+  k !== y && (b = k - h);
+  const V = (w) => -b * Math.exp(-w / i), _ = (w) => k + V(w), M = (w) => {
     const R = V(w), O = _(w);
-    m.done = Math.abs(R) <= d, m.value = m.done ? E : O;
+    m.done = Math.abs(R) <= u, m.value = m.done ? k : O;
   };
   let T, D;
   const C = (w) => {
@@ -1461,8 +1464,8 @@ function Ft({ keyframes: n, velocity: e = 0, power: t = 0.8, timeConstant: i = 3
       // TODO: This should be passing * 1000
       damping: r,
       stiffness: s,
-      restDelta: d,
-      restSpeed: u
+      restDelta: u,
+      restSpeed: d
     }));
   };
   return C(0), {
@@ -1493,17 +1496,17 @@ function ia(n, e, { clamp: t = !0, ease: i, mixer: r } = {}) {
     return () => e[1];
   const a = n[0] === n[1];
   n[0] > n[s - 1] && (n = [...n].reverse(), e = [...e].reverse());
-  const o = na(e, i, r), l = o.length, d = (u) => {
-    if (a && u < n[0])
+  const o = na(e, i, r), l = o.length, u = (d) => {
+    if (a && d < n[0])
       return e[0];
     let h = 0;
     if (l > 1)
-      for (; h < n.length - 2 && !(u < n[h + 1]); h++)
+      for (; h < n.length - 2 && !(d < n[h + 1]); h++)
         ;
-    const m = /* @__PURE__ */ en(n[h], n[h + 1], u);
+    const m = /* @__PURE__ */ en(n[h], n[h + 1], d);
     return o[h](m);
   };
-  return t ? (u) => d(xe(n[0], n[s - 1], u)) : d;
+  return t ? (d) => u(xe(n[0], n[s - 1], d)) : u;
 }
 function ra(n, e) {
   return n.map((t) => t * e);
@@ -1618,13 +1621,13 @@ class mn extends pn {
     let { keyframes: o } = e;
     const l = t || Ie;
     process.env.NODE_ENV !== "production" && l !== Ie && ce(o.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${o}`), l !== Ie && typeof o[0] != "number" && (this.mixKeyframes = ln(fa, Pi(o[0], o[1])), o = [0, 100]);
-    const d = l(I(v({}, e), { keyframes: o }));
+    const u = l(I(v({}, e), { keyframes: o }));
     s === "mirror" && (this.mirroredGenerator = l(I(v({}, e), {
       keyframes: [...o].reverse(),
       velocity: -a
-    }))), d.calculatedDuration === null && (d.calculatedDuration = nn(d));
-    const { calculatedDuration: u } = d;
-    this.calculatedDuration = u, this.resolvedDuration = u + r, this.totalDuration = this.resolvedDuration * (i + 1) - r, this.generator = d;
+    }))), u.calculatedDuration === null && (u.calculatedDuration = nn(u));
+    const { calculatedDuration: d } = u;
+    this.calculatedDuration = d, this.resolvedDuration = d + r, this.totalDuration = this.resolvedDuration * (i + 1) - r, this.generator = u;
   }
   updateTime(e) {
     const t = Math.round(e - this.startTime) * this.playbackSpeed;
@@ -1634,22 +1637,22 @@ class mn extends pn {
     const { generator: i, totalDuration: r, mixKeyframes: s, mirroredGenerator: a, resolvedDuration: o, calculatedDuration: l } = this;
     if (this.startTime === null)
       return i.next(0);
-    const { delay: d = 0, keyframes: u, repeat: h, repeatType: m, repeatDelay: p, type: g, onUpdate: b, finalKeyframe: y } = this.options;
+    const { delay: u = 0, keyframes: d, repeat: h, repeatType: m, repeatDelay: p, type: g, onUpdate: b, finalKeyframe: y } = this.options;
     this.speed > 0 ? this.startTime = Math.min(this.startTime, e) : this.speed < 0 && (this.startTime = Math.min(e - r / this.speed, this.startTime)), t ? this.currentTime = e : this.updateTime(e);
-    const E = this.currentTime - d * (this.playbackSpeed >= 0 ? 1 : -1), V = this.playbackSpeed >= 0 ? E < 0 : E > r;
-    this.currentTime = Math.max(E, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = r);
+    const k = this.currentTime - u * (this.playbackSpeed >= 0 ? 1 : -1), V = this.playbackSpeed >= 0 ? k < 0 : k > r;
+    this.currentTime = Math.max(k, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = r);
     let _ = this.currentTime, M = i;
     if (h) {
       const w = Math.min(this.currentTime, r) / o;
       let R = Math.floor(w), O = w % 1;
       !O && w >= 1 && (O = 1), O === 1 && R--, R = Math.min(R, h + 1), !!(R % 2) && (m === "reverse" ? (O = 1 - O, p && (O -= p / o)) : m === "mirror" && (M = a)), _ = xe(0, 1, O) * o;
     }
-    const T = V ? { done: !1, value: u[0] } : M.next(_);
+    const T = V ? { done: !1, value: d[0] } : M.next(_);
     s && (T.value = s(T.value));
     let { done: D } = T;
     !V && l !== null && (D = this.playbackSpeed >= 0 ? this.currentTime >= r : this.currentTime <= 0);
     const C = this.holdTime === null && (this.state === "finished" || this.state === "running" && D);
-    return C && g !== Ft && (T.value = hn(u, this.options, y, this.speed)), b && b(T.value), C && this.finish(), T;
+    return C && g !== Ft && (T.value = hn(d, this.options, y, this.speed)), b && b(T.value), C && this.finish(), T;
   }
   /**
    * Allows the returned animation to be awaited or promise-chained. Currently
@@ -1908,13 +1911,13 @@ function Ui(n, e) {
   if (n)
     return typeof n == "function" ? Yi() ? Di(n, e) : "ease-out" : Ki(n) ? Ue(n) : Array.isArray(n) ? n.map((t) => Ui(t, e) || zn.easeOut) : zn[n];
 }
-function Ia(n, e, t, { delay: i = 0, duration: r = 300, repeat: s = 0, repeatType: a = "loop", ease: o = "easeOut", times: l } = {}, d = void 0) {
-  const u = {
+function Ia(n, e, t, { delay: i = 0, duration: r = 300, repeat: s = 0, repeatType: a = "loop", ease: o = "easeOut", times: l } = {}, u = void 0) {
+  const d = {
     [e]: t
   };
-  l && (u.offset = l);
+  l && (d.offset = l);
   const h = Ui(o, r);
-  Array.isArray(h) && (u.easing = h);
+  Array.isArray(h) && (d.easing = h);
   const m = {
     delay: i,
     duration: r,
@@ -1923,7 +1926,7 @@ function Ia(n, e, t, { delay: i = 0, duration: r = 300, repeat: s = 0, repeatTyp
     iterations: s + 1,
     direction: a === "reverse" ? "alternate" : "normal"
   };
-  return d && (m.pseudoElement = d), n.animate(u, m);
+  return u && (m.pseudoElement = u), n.animate(d, m);
 }
 function Ma(t) {
   var i = t, { type: n } = i, e = se(i, ["type"]);
@@ -1936,11 +1939,11 @@ class Pa extends pn {
       return;
     const { element: t, name: i, keyframes: r, pseudoElement: s, allowFlatten: a = !1, finalKeyframe: o, onComplete: l } = e;
     this.isPseudoElement = !!s, this.allowFlatten = a, this.options = e, ce(typeof e.type != "string", `animateMini doesn't support "type" as a string. Did you mean to import { spring } from "motion"?`);
-    const d = Ma(e);
-    this.animation = Ia(t, i, r, d, s), d.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
+    const u = Ma(e);
+    this.animation = Ia(t, i, r, u, s), u.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
       if (this.finishedTime = this.time, !s) {
-        const u = hn(r, this.options, o, this.speed);
-        this.updateMotionValue ? this.updateMotionValue(u) : Aa(t, i, u), this.animation.cancel();
+        const d = hn(r, this.options, o, this.speed);
+        this.updateMotionValue ? this.updateMotionValue(d) : Aa(t, i, d), this.animation.cancel();
       }
       l == null || l(), this.notifyFinished();
     };
@@ -2047,8 +2050,8 @@ class Oa extends Pa {
    * Motion to calculate velocity for any subsequent animation.
    */
   updateMotionValue(e) {
-    var u;
-    const d = this.options, { motionValue: t, onUpdate: i, onComplete: r, element: s } = d, a = se(d, ["motionValue", "onUpdate", "onComplete", "element"]);
+    var d;
+    const u = this.options, { motionValue: t, onUpdate: i, onComplete: r, element: s } = u, a = se(u, ["motionValue", "onUpdate", "onComplete", "element"]);
     if (!t)
       return;
     if (e !== void 0) {
@@ -2057,7 +2060,7 @@ class Oa extends Pa {
     }
     const o = new mn(I(v({}, a), {
       autoplay: !1
-    })), l = /* @__PURE__ */ ae((u = this.finishedTime) != null ? u : this.time);
+    })), l = /* @__PURE__ */ ae((d = this.finishedTime) != null ? d : this.time);
     t.setWithVelocity(o.sample(l - $n).value, o.sample(l).value, $n), o.stop();
   }
 }
@@ -2096,9 +2099,9 @@ const ja = /* @__PURE__ */ new Set([
   // "background-color"
 ]), Ba = /* @__PURE__ */ gn(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
 function za(n) {
-  var d;
+  var u;
   const { motionValue: e, name: t, repeatDelay: i, repeatType: r, damping: s, type: a } = n;
-  if (!Fa((d = e == null ? void 0 : e.owner) == null ? void 0 : d.current))
+  if (!Fa((u = e == null ? void 0 : e.owner) == null ? void 0 : u.current))
     return !1;
   const { onUpdate: o, transformTemplate: l } = e.owner.getProps();
   return Ba() && t && ja.has(t) && (t !== "transform" || !l) && /**
@@ -2110,11 +2113,11 @@ function za(n) {
 const $a = 40;
 class Ka extends pn {
   constructor(m) {
-    var p = m, { autoplay: e = !0, delay: t = 0, type: i = "keyframes", repeat: r = 0, repeatDelay: s = 0, repeatType: a = "loop", keyframes: o, name: l, motionValue: d, element: u } = p, h = se(p, ["autoplay", "delay", "type", "repeat", "repeatDelay", "repeatType", "keyframes", "name", "motionValue", "element"]);
+    var p = m, { autoplay: e = !0, delay: t = 0, type: i = "keyframes", repeat: r = 0, repeatDelay: s = 0, repeatType: a = "loop", keyframes: o, name: l, motionValue: u, element: d } = p, h = se(p, ["autoplay", "delay", "type", "repeat", "repeatDelay", "repeatType", "keyframes", "name", "motionValue", "element"]);
     var y;
     super(), this.stop = () => {
-      var E, V;
-      this._animation && (this._animation.stop(), (E = this.stopTimeline) == null || E.call(this)), (V = this.keyframeResolver) == null || V.cancel();
+      var k, V;
+      this._animation && (this._animation.stop(), (k = this.stopTimeline) == null || k.call(this)), (V = this.keyframeResolver) == null || V.cancel();
     }, this.createdAt = ee.now();
     const g = v({
       autoplay: e,
@@ -2124,21 +2127,21 @@ class Ka extends pn {
       repeatDelay: s,
       repeatType: a,
       name: l,
-      motionValue: d,
-      element: u
-    }, h), b = (u == null ? void 0 : u.KeyframeResolver) || fn;
-    this.keyframeResolver = new b(o, (E, V, _) => this.onKeyframesResolved(E, V, g, !_), l, d, u), (y = this.keyframeResolver) == null || y.scheduleResolve();
+      motionValue: u,
+      element: d
+    }, h), b = (d == null ? void 0 : d.KeyframeResolver) || fn;
+    this.keyframeResolver = new b(o, (k, V, _) => this.onKeyframesResolved(k, V, g, !_), l, u, d), (y = this.keyframeResolver) == null || y.scheduleResolve();
   }
   onKeyframesResolved(e, t, i, r) {
     this.keyframeResolver = void 0;
-    const { name: s, type: a, velocity: o, delay: l, isHandoff: d, onUpdate: u } = i;
-    this.resolvedAt = ee.now(), Sa(e, s, a, o) || ((de.instantAnimations || !l) && (u == null || u(hn(e, i, t))), e[0] = e[e.length - 1], i.duration = 0, i.repeat = 0);
+    const { name: s, type: a, velocity: o, delay: l, isHandoff: u, onUpdate: d } = i;
+    this.resolvedAt = ee.now(), Sa(e, s, a, o) || ((de.instantAnimations || !l) && (d == null || d(hn(e, i, t))), e[0] = e[e.length - 1], i.duration = 0, i.repeat = 0);
     const h = r ? this.resolvedAt ? this.resolvedAt - this.createdAt > $a ? this.resolvedAt : this.createdAt : this.createdAt : void 0, m = I(v({
       startTime: h,
       finalKeyframe: t
     }, i), {
       keyframes: e
-    }), p = !d && za(m) ? new Oa(I(v({}, m), {
+    }), p = !u && za(m) ? new Oa(I(v({}, m), {
       element: m.motionValue.owner.current
     })) : new mn(m);
     p.finished.then(() => this.notifyFinished()).catch(De), this.pendingTimeline && (this.stopTimeline = p.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = p;
@@ -2194,14 +2197,14 @@ class Ka extends pn {
 }
 const Ji = (n, e, t, i = {}, r, s) => (a) => {
   const o = xi(i, n) || {}, l = o.delay || i.delay || 0;
-  let { elapsed: d = 0 } = i;
-  d = d - /* @__PURE__ */ ae(l);
-  const u = I(v({
+  let { elapsed: u = 0 } = i;
+  u = u - /* @__PURE__ */ ae(l);
+  const d = I(v({
     keyframes: Array.isArray(t) ? t : [null, t],
     ease: "easeOut",
     velocity: e.getVelocity()
   }, o), {
-    delay: -d,
+    delay: -u,
     onUpdate: (m) => {
       e.set(m), o.onUpdate && o.onUpdate(m);
     },
@@ -2212,18 +2215,18 @@ const Ji = (n, e, t, i = {}, r, s) => (a) => {
     motionValue: e,
     element: s ? void 0 : r
   });
-  xs(o) || Object.assign(u, Es(n, u)), u.duration && (u.duration = /* @__PURE__ */ ae(u.duration)), u.repeatDelay && (u.repeatDelay = /* @__PURE__ */ ae(u.repeatDelay)), u.from !== void 0 && (u.keyframes[0] = u.from);
+  xs(o) || Object.assign(d, Es(n, d)), d.duration && (d.duration = /* @__PURE__ */ ae(d.duration)), d.repeatDelay && (d.repeatDelay = /* @__PURE__ */ ae(d.repeatDelay)), d.from !== void 0 && (d.keyframes[0] = d.from);
   let h = !1;
-  if ((u.type === !1 || u.duration === 0 && !u.repeatDelay) && (u.duration = 0, u.delay === 0 && (h = !0)), (de.instantAnimations || de.skipAnimations) && (h = !0, u.duration = 0, u.delay = 0), u.allowFlatten = !o.type && !o.ease, h && !s && e.get() !== void 0) {
-    const m = bs(u.keyframes, o);
+  if ((d.type === !1 || d.duration === 0 && !d.repeatDelay) && (d.duration = 0, d.delay === 0 && (h = !0)), (de.instantAnimations || de.skipAnimations) && (h = !0, d.duration = 0, d.delay = 0), d.allowFlatten = !o.type && !o.ease, h && !s && e.get() !== void 0) {
+    const m = bs(d.keyframes, o);
     if (m !== void 0) {
       ue.update(() => {
-        u.onUpdate(m), u.onComplete();
+        d.onUpdate(m), d.onComplete();
       });
       return;
     }
   }
-  return o.isSync ? new mn(u) : new Ka(u);
+  return o.isSync ? new mn(d) : new Ka(d);
 }, Xi = /* @__PURE__ */ new Set([
   "width",
   "height",
@@ -2239,27 +2242,27 @@ function qa({ protectedKeys: n, needsAnimating: e }, t) {
 }
 function Ha(n, e, { delay: t = 0, transitionOverride: i, type: r } = {}) {
   var h;
-  let u = e, { transition: s = n.getDefaultTransition(), transitionEnd: a } = u, o = se(u, ["transition", "transitionEnd"]);
+  let d = e, { transition: s = n.getDefaultTransition(), transitionEnd: a } = d, o = se(d, ["transition", "transitionEnd"]);
   i && (s = i);
-  const l = [], d = r && n.animationState && n.animationState.getState()[r];
+  const l = [], u = r && n.animationState && n.animationState.getState()[r];
   for (const m in o) {
     const p = n.getValue(m, (h = n.latestValues[m]) != null ? h : null), g = o[m];
-    if (g === void 0 || d && qa(d, m))
+    if (g === void 0 || u && qa(u, m))
       continue;
     const b = v({
       delay: t
     }, xi(s || {}, m)), y = p.get();
     if (y !== void 0 && !p.isAnimating && !Array.isArray(g) && g === y && !b.velocity)
       continue;
-    let E = !1;
+    let k = !1;
     if (window.MotionHandoffAnimation) {
       const _ = fs(n);
       if (_) {
         const M = window.MotionHandoffAnimation(_, m, ue);
-        M !== null && (b.startTime = M, E = !0);
+        M !== null && (b.startTime = M, k = !0);
       }
     }
-    hs(n, m), p.start(Ji(m, p, g, n.shouldReduceMotion && Xi.has(m) ? { type: !1 } : b, n, E));
+    hs(n, m), p.start(Ji(m, p, g, n.shouldReduceMotion && Xi.has(m) ? { type: !1 } : b, n, k));
     const V = p.animation;
     V && l.push(V);
   }
@@ -2502,9 +2505,9 @@ class or {
       const p = ee.now();
       this.renderScheduledAt < p && (this.renderScheduledAt = p, ue.render(this.render, !1, !0));
     };
-    const { latestValues: l, renderState: d } = a;
-    this.latestValues = l, this.baseTarget = v({}, l), this.initialValues = t.initial ? v({}, l) : {}, this.renderState = d, this.parent = e, this.props = t, this.presenceContext = i, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = r, this.options = o, this.blockInitialAnimation = !!s, this.isControllingVariants = er(t), this.isVariantNode = to(t), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
-    const m = this.scrapeMotionValuesFromProps(t, {}, this), { willChange: u } = m, h = se(m, ["willChange"]);
+    const { latestValues: l, renderState: u } = a;
+    this.latestValues = l, this.baseTarget = v({}, l), this.initialValues = t.initial ? v({}, l) : {}, this.renderState = u, this.parent = e, this.props = t, this.presenceContext = i, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = r, this.options = o, this.blockInitialAnimation = !!s, this.isControllingVariants = er(t), this.isVariantNode = to(t), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
+    const m = this.scrapeMotionValuesFromProps(t, {}, this), { willChange: d } = m, h = se(m, ["willChange"]);
     for (const p in h) {
       const g = h[p];
       l[p] !== void 0 && J(g) && g.set(l[p], !1);
@@ -2727,10 +2730,10 @@ class vo extends fn {
       return;
     super.readKeyframes();
     for (let l = 0; l < e.length; l++) {
-      let d = e[l];
-      if (typeof d == "string" && (d = d.trim(), sn(d))) {
-        const u = lr(d, t.current);
-        u !== void 0 && (e[l] = u), l === e.length - 1 && (this.finalKeyframe = d);
+      let u = e[l];
+      if (typeof u == "string" && (u = u.trim(), sn(u))) {
+        const d = lr(u, t.current);
+        d !== void 0 && (e[l] = d), l === e.length - 1 && (this.finalKeyframe = u);
       }
     }
     if (this.resolveNoneKeyframes(), !Xi.has(i) || e.length !== 2)
@@ -2739,8 +2742,8 @@ class vo extends fn {
     if (a !== o)
       if (Bn(a) && Bn(o))
         for (let l = 0; l < e.length; l++) {
-          const d = e[l];
-          typeof d == "string" && (e[l] = parseFloat(d));
+          const u = e[l];
+          typeof u == "string" && (e[l] = parseFloat(u));
         }
       else ke[i] && (this.needsMeasurement = !0);
   }
@@ -2766,8 +2769,8 @@ class vo extends fn {
     const r = e.getValue(t);
     r && r.jump(this.measuredOrigin, !1);
     const s = i.length - 1, a = i[s];
-    i[s] = ke[t](e.measureViewportBox(), window.getComputedStyle(e.current)), a !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = a), (o = this.removedTransforms) != null && o.length && this.removedTransforms.forEach(([l, d]) => {
-      e.getValue(l).set(d);
+    i[s] = ke[t](e.measureViewportBox(), window.getComputedStyle(e.current)), a !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = a), (o = this.removedTransforms) != null && o.length && this.removedTransforms.forEach(([l, u]) => {
+      e.getValue(l).set(u);
     }), this.resolveNoneKeyframes();
   }
 }
@@ -2806,13 +2809,13 @@ function ko(n, e, t) {
       continue;
     let l = !0;
     if (typeof o == "number" ? l = o === (a.startsWith("scale") ? 1 : 0) : l = parseFloat(o) === 0, !l || t) {
-      const d = dr(o, vn[a]);
+      const u = dr(o, vn[a]);
       if (!l) {
         r = !1;
-        const u = yo[a] || a;
-        i += `${u}(${d}) `;
+        const d = yo[a] || a;
+        i += `${d}(${u}) `;
       }
-      t && (e[a] = d);
+      t && (e[a] = u);
     }
   }
   return i = i.trim(), t ? i = t(e, r ? "" : i) : r && (i = "none"), i;
@@ -2821,21 +2824,21 @@ function ur(n, e, t) {
   const { style: i, vars: r, transformOrigin: s } = n;
   let a = !1, o = !1;
   for (const l in e) {
-    const d = e[l];
+    const u = e[l];
     if (Oe.has(l)) {
       a = !0;
       continue;
     } else if (Ti(l)) {
-      r[l] = d;
+      r[l] = u;
       continue;
     } else {
-      const u = dr(d, vn[l]);
-      l.startsWith("origin") ? (o = !0, s[l] = u) : i[l] = u;
+      const d = dr(u, vn[l]);
+      l.startsWith("origin") ? (o = !0, s[l] = d) : i[l] = d;
     }
   }
   if (e.transform || (a || t ? i.transform = ko(e, n.transform, t) : i.transform && (i.transform = "none")), o) {
-    const { originX: l = "50%", originY: d = "50%", originZ: u = 0 } = s;
-    i.transformOrigin = `${l} ${d} ${u}`;
+    const { originX: l = "50%", originY: u = "50%", originZ: d = 0 } = s;
+    i.transformOrigin = `${l} ${u} ${d}`;
   }
 }
 function hr(n, { style: e, vars: t }, i, r) {
@@ -2926,7 +2929,7 @@ function Io(n, e, t = 1, i = 0, r = !0) {
   const a = L.transform(e), o = L.transform(t);
   n[s.array] = `${a} ${o}`;
 }
-function Mo(n, h, l, d, u) {
+function Mo(n, h, l, u, d) {
   var m = h, {
     attrX: e,
     attrY: t,
@@ -2943,13 +2946,13 @@ function Mo(n, h, l, d, u) {
     "pathOffset"
   ]);
   var b, y;
-  if (ur(n, o, d), l) {
+  if (ur(n, o, u), l) {
     n.style.viewBox && (n.attrs.viewBox = n.style.viewBox);
     return;
   }
   n.attrs = n.style, n.style = {};
   const { attrs: p, style: g } = n;
-  p.transform && (g.transform = p.transform, delete p.transform), (g.transform || p.transformOrigin) && (g.transformOrigin = (b = p.transformOrigin) != null ? b : "50% 50%", delete p.transformOrigin), g.transform && (g.transformBox = (y = u == null ? void 0 : u.transformBox) != null ? y : "fill-box", delete p.transformBox), e !== void 0 && (p.x = e), t !== void 0 && (p.y = t), i !== void 0 && (p.scale = i), r !== void 0 && Io(p, r, s, a, !1);
+  p.transform && (g.transform = p.transform, delete p.transform), (g.transform || p.transformOrigin) && (g.transformOrigin = (b = p.transformOrigin) != null ? b : "50% 50%", delete p.transformOrigin), g.transform && (g.transformBox = (y = d == null ? void 0 : d.transformBox) != null ? y : "fill-box", delete p.transformBox), e !== void 0 && (p.x = e), t !== void 0 && (p.y = t), i !== void 0 && (p.scale = i), r !== void 0 && Io(p, r, s, a, !1);
 }
 const mr = /* @__PURE__ */ new Set([
   "baseFrequency",
@@ -3068,10 +3071,10 @@ function gr(n, e, t, i) {
     const s = hi(n, e, i), a = s.length;
     ce(!!a, "No valid elements provided.");
     for (let o = 0; o < a; o++) {
-      const l = s[o], d = l instanceof Element ? So : Fo;
-      Je.has(l) || d(l);
-      const u = Je.get(l), h = v({}, t);
-      "delay" in h && typeof h.delay == "function" && (h.delay = h.delay(o, a)), r.push(...Ha(u, I(v({}, e), { transition: h }), {}));
+      const l = s[o], u = l instanceof Element ? So : Fo;
+      Je.has(l) || u(l);
+      const d = Je.get(l), h = v({}, t);
+      "delay" in h && typeof h.delay == "function" && (h.delay = h.delay(o, a)), r.push(...Ha(d, I(v({}, e), { transition: h }), {}));
     }
   }
   return r;
@@ -3184,7 +3187,7 @@ class br {
   constructor() {
     c(this, "template", `
     <svg class="${S.spinner}"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 215 215" fill="none">
-        <path d="M214.476 107.728C214.476 132.466 205.898 156.439 190.204 175.562C174.51 194.686 152.671 207.775 128.408 212.602C104.144 217.428 78.9585 213.692 57.141 202.03C35.3236 190.369 18.2247 171.503 8.75763 148.647C-0.709393 125.792 -1.95874 100.361 5.22248 76.6878C12.4037 53.0145 27.5711 32.5636 48.1405 18.8196C68.7098 5.07558 93.4083 -1.11108 118.028 1.31372C142.647 3.73851 165.664 14.6247 183.157 32.1175L168.035 47.2395C154.041 33.2453 135.627 24.5363 115.932 22.5965C96.236 20.6566 76.4772 25.606 60.0217 36.6012C43.5663 47.5964 31.4323 63.9571 25.6874 82.8957C19.9424 101.834 20.9419 122.179 28.5155 140.463C36.0891 158.748 49.7683 173.84 67.2222 183.17C84.6761 192.499 104.825 195.488 124.235 191.627C143.646 187.766 161.117 177.294 173.672 161.995C186.228 146.697 193.09 127.518 193.09 107.728L214.476 107.728Z" fill="white"/>
+        <path d="M214.476 107.728C214.476 132.466 205.898 156.439 190.204 175.562C174.51 194.686 152.671 207.775 128.408 212.602C104.144 217.428 78.9585 213.692 57.141 202.03C35.3236 190.369 18.2247 171.503 8.75763 148.647C-0.709393 125.792 -1.95874 100.361 5.22248 76.6878C12.4037 53.0145 27.5711 32.5636 48.1405 18.8196C68.7098 5.07558 93.4083 -1.11108 118.028 1.31372C142.647 3.73851 165.664 14.6247 183.157 32.1175L168.035 47.2395C154.041 33.2453 135.627 24.5363 115.932 22.5965C96.236 20.6566 76.4772 25.606 60.0217 36.6012C43.5663 47.5964 31.4323 63.9571 25.6874 82.8957C19.9424 101.834 20.9419 122.179 28.5155 140.463C36.0891 158.748 49.7683 173.84 67.2222 183.17C84.6761 192.499 104.825 195.488 124.235 191.627C143.646 187.766 161.117 177.294 173.672 161.995C186.228 146.697 193.09 127.518 193.09 107.728L214.476 107.728Z" fill="currentColor"/>
     </svg>
 
     <span class="${S.srOnly}">Loading...</span>
@@ -3463,8 +3466,8 @@ function fl() {
     for (a = 0; a < r.patterns.length; a++) {
       var l = r.patterns[a];
       if ((0, e.matches)(i, l)) {
-        var d = (0, n.clone)(r);
-        Array.isArray(l) ? o = String(l[0]).length : o = String(l).length, i.length >= o && (d.matchStrength = o), s.push(d);
+        var u = (0, n.clone)(r);
+        Array.isArray(l) ? o = String(l[0]).length : o = String(l).length, i.length >= o && (u.matchStrength = o), s.push(u);
         break;
       }
     }
@@ -3503,7 +3506,7 @@ function vl() {
   ni = 1;
   var n = He && He.__assign || function() {
     return n = Object.assign || function(g) {
-      for (var b, y = 1, E = arguments.length; y < E; y++) {
+      for (var b, y = 1, k = arguments.length; y < k; y++) {
         b = arguments[y];
         for (var V in b) Object.prototype.hasOwnProperty.call(b, V) && (g[V] = b[V]);
       }
@@ -3535,18 +3538,18 @@ function vl() {
     o.MIR,
     o.HIPER,
     o.HIPERCARD
-  ], d = (0, s.clone)(l);
-  function u(g) {
+  ], u = (0, s.clone)(l);
+  function d(g) {
     return a[g] || e[g];
   }
   function h() {
-    return d.map(function(g) {
-      return (0, s.clone)(u(g));
+    return u.map(function(g) {
+      return (0, s.clone)(d(g));
     });
   }
   function m(g, b) {
     b === void 0 && (b = !1);
-    var y = d.indexOf(g);
+    var y = u.indexOf(g);
     if (!b && y === -1)
       throw new Error('"' + g + '" is not a supported card type.');
     return y;
@@ -3557,34 +3560,34 @@ function vl() {
       return b;
     if (g.length === 0)
       return h();
-    d.forEach(function(E) {
-      var V = u(E);
+    u.forEach(function(k) {
+      var V = d(k);
       (0, t.addMatchingCardsToResults)(g, V, b);
     });
     var y = (0, r.findBestMatch)(b);
     return y ? [y] : b;
   }
   return p.getTypeInfo = function(g) {
-    return (0, s.clone)(u(g));
+    return (0, s.clone)(d(g));
   }, p.removeCard = function(g) {
     var b = m(g);
-    d.splice(b, 1);
+    u.splice(b, 1);
   }, p.addCard = function(g) {
     var b = m(g.type, !0);
-    a[g.type] = g, b === -1 && d.push(g.type);
+    a[g.type] = g, b === -1 && u.push(g.type);
   }, p.updateCard = function(g, b) {
     var y = a[g] || e[g];
     if (!y)
       throw new Error('"'.concat(g, "\" is not a recognized type. Use `addCard` instead.'"));
     if (b.type && y.type !== b.type)
       throw new Error("Cannot overwrite type parameter.");
-    var E = (0, s.clone)(y);
-    E = n(n({}, E), b), a[E.type] = E;
+    var k = (0, s.clone)(y);
+    k = n(n({}, k), b), a[k.type] = k;
   }, p.changeOrder = function(g, b) {
     var y = m(g);
-    d.splice(y, 1), d.splice(b, 0, g);
+    u.splice(y, 1), u.splice(b, 0, g);
   }, p.resetModifications = function() {
-    d = (0, s.clone)(l), a = {};
+    u = (0, s.clone)(l), a = {};
   }, p.types = o, He = p, He;
 }
 var Pe = vl();
@@ -3597,8 +3600,8 @@ Pe.updateCard("unionpay", {
 const yl = (n, e) => {
   const t = Pe.getTypeInfo(e), i = n.replace(/\D/g, ""), r = (t == null ? void 0 : t.gaps) || [4, 8, 12], s = t ? Math.max(...t.lengths) + r.length : 19, a = [0].concat(r, i.length), o = [];
   for (let l = 0; a[l] < i.length; l++) {
-    const d = a[l], u = Math.min(a[l + 1], i.length);
-    o.push(i.slice(d, u));
+    const u = a[l], d = Math.min(a[l + 1], i.length);
+    o.push(i.slice(u, d));
   }
   return o.join(" ").slice(0, s);
 }, Cl = (n, e) => {
@@ -3916,7 +3919,7 @@ function Nl() {
       switch (f) {
         case b:
           return "Fragment";
-        case E:
+        case k:
           return "Profiler";
         case y:
           return "StrictMode";
@@ -4014,7 +4017,7 @@ function Nl() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), f = this.props.ref, f !== void 0 ? f : null;
     }
-    function d(f, P, N, H, ie, X, Ae, _e) {
+    function u(f, P, N, H, ie, X, Ae, _e) {
       return N = X.ref, f = {
         $$typeof: p,
         type: f,
@@ -4046,7 +4049,7 @@ function Nl() {
         value: _e
       }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
     }
-    function u(f, P, N, H, ie, X, Ae, _e) {
+    function d(f, P, N, H, ie, X, Ae, _e) {
       var z = P.children;
       if (z !== void 0)
         if (H)
@@ -4085,7 +4088,7 @@ React keys must be passed directly to JSX without using spread:
       return z && o(
         N,
         typeof f == "function" ? f.displayName || f.name || "Unknown" : f
-      ), d(
+      ), u(
         f,
         z,
         X,
@@ -4099,7 +4102,7 @@ React keys must be passed directly to JSX without using spread:
     function h(f) {
       typeof f == "object" && f !== null && f.$$typeof === p && f._store && (f._store.validated = 1);
     }
-    var m = xr, p = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), E = Symbol.for("react.profiler"), V = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), M = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), D = Symbol.for("react.suspense_list"), C = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), R = Symbol.for("react.activity"), O = Symbol.for("react.client.reference"), K = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Te = Object.prototype.hasOwnProperty, te = Array.isArray, fe = console.createTask ? console.createTask : function() {
+    var m = xr, p = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), k = Symbol.for("react.profiler"), V = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), M = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), D = Symbol.for("react.suspense_list"), C = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), R = Symbol.for("react.activity"), O = Symbol.for("react.client.reference"), K = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Te = Object.prototype.hasOwnProperty, te = Array.isArray, fe = console.createTask ? console.createTask : function() {
       return null;
     };
     m = {
@@ -4113,7 +4116,7 @@ React keys must be passed directly to JSX without using spread:
     )(), at = fe(i(s)), ne = {};
     Ye.Fragment = b, Ye.jsx = function(f, P, N, H, ie) {
       var X = 1e4 > K.recentlyCreatedOwnerStacks++;
-      return u(
+      return d(
         f,
         P,
         N,
@@ -4125,7 +4128,7 @@ React keys must be passed directly to JSX without using spread:
       );
     }, Ye.jsxs = function(f, P, N, H, ie) {
       var X = 1e4 > K.recentlyCreatedOwnerStacks++;
-      return u(
+      return d(
         f,
         P,
         N,
@@ -4168,20 +4171,20 @@ class jl {
     this.onPaymentAttempt = this.config.state.checkout.getState().onCheckoutAttempt, this.ev = this.config.service.ev, this.customButtonStyles = t, this.element = document.createElement("div"), this.element.classList.add(Lt.applePay, Lt.hidden);
   }
   init(e) {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       if (!this.config) return !1;
       const t = this.config.state.transaction.getState(), i = this.config.state.translate.locale(), r = Il(t);
       if (!r)
         return !1;
       const s = e ? I(v({}, e), {
         onError: (a) => {
-          var l, d;
+          var l, u;
           if (!this.isInitialized) {
             console.error("Apple Pay error:", a);
             return;
           }
           const o = this.config.state.translate.messages();
-          a != null && a.toLowerCase().includes("cancelled") ? (l = e.onCancel) == null || l.call(e) : (vt(a, o), (d = e.onError) == null || d.call(e, a));
+          a != null && a.toLowerCase().includes("cancelled") ? (l = e.onCancel) == null || l.call(e) : (vt(a, o), (u = e.onError) == null || u.call(e, a));
         },
         onSuccess: (a) => {
           var o;
@@ -4245,7 +4248,7 @@ class Kl {
     this.config = e, this.ev = this.config.service.ev, this.customButtonStyles = this.config.state.styles.getState().GooglePayButton, this.onPaymentAttempt = this.config.state.checkout.getState().onCheckoutAttempt, this.element = document.createElement("div"), this.element.classList.add(It.googlePay, It.hidden);
   }
   init(e) {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       if (!this.config) return !1;
       const t = this.config.state.transaction.getState(), i = this.config.state.translate.locale(), r = Vl(t);
       if (!r)
@@ -4301,11 +4304,11 @@ class Gl {
   }
   // init
   init(e) {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       var a, o;
       if (!this.config)
         return !1;
-      const t = this.config.state.transaction.getState(), i = this.config.state.checkout.getState(), r = () => k(this, null, function* () {
+      const t = this.config.state.transaction.getState(), i = this.config.state.checkout.getState(), r = () => E(this, null, function* () {
         try {
           return yield Dr(i.clientToken, i.environment, i.apiVersion);
         } catch (l) {
@@ -4330,20 +4333,20 @@ class Gl {
       }
       const s = e ? I(v({}, e), {
         onError: (l) => {
-          var u, h;
+          var d, h;
           if (this.emitAttemptOnce(), !this.isInitialized) {
             console.error("PayPal error:", l);
             return;
           }
-          !this.isUserCancellationError(l) && l ? (u = e.onError) == null || u.call(e, l) : (h = e.onCancel) == null || h.call(e), this.attemptEmitted = !1;
+          !this.isUserCancellationError(l) && l ? (d = e.onError) == null || d.call(e, l) : (h = e.onCancel) == null || h.call(e), this.attemptEmitted = !1;
         },
         onCancel: () => {
           var l;
           this.emitAttemptOnce(), (l = e.onCancel) == null || l.call(e), this.attemptEmitted = !1;
         },
         onSuccess: (l) => {
-          var d;
-          (d = e.onSuccess) == null || d.call(e, l), this.attemptEmitted = !1;
+          var u;
+          (u = e.onSuccess) == null || u.call(e, l), this.attemptEmitted = !1;
         }
       }) : void 0;
       try {
@@ -4352,9 +4355,9 @@ class Gl {
           onClick: () => {
             this.emitAttemptOnce();
           },
-          onApprove: (d) => k(this, [d], function* ({ billingToken: l }) {
-            var u;
-            (u = s == null ? void 0 : s.onSuccess) == null || u.call(s, l || "");
+          onApprove: (u) => E(this, [u], function* ({ billingToken: l }) {
+            var d;
+            (d = s == null ? void 0 : s.onSuccess) == null || d.call(s, l || "");
           }),
           style: (o = this.customButtonStyles) == null ? void 0 : o.styles,
           onCancel: () => {
@@ -4362,9 +4365,9 @@ class Gl {
             (l = s == null ? void 0 : s.onCancel) == null || l.call(s);
           },
           onError: (l) => {
-            var u, h;
-            const d = this.isUserCancellationError(l);
-            !d && l ? (u = s == null ? void 0 : s.onError) == null || u.call(s, l) : d && ((h = s == null ? void 0 : s.onCancel) == null || h.call(s));
+            var d, h;
+            const u = this.isUserCancellationError(l);
+            !u && l ? (d = s == null ? void 0 : s.onError) == null || d.call(s, l) : u && ((h = s == null ? void 0 : s.onCancel) == null || h.call(s));
           }
         }));
       } catch (l) {
@@ -4493,7 +4496,7 @@ class nc {
   }
   // init
   init(e) {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       var i;
       if (!this.config) return !1;
       const t = this.config.state.transaction.getState();
@@ -4513,7 +4516,7 @@ class nc {
   }
   // display venmo button
   displayVenmoButton(e) {
-    Object.assign(this.venmoButton.style, ec), this.venmoButton.addEventListener("click", () => k(this, null, function* () {
+    Object.assign(this.venmoButton.style, ec), this.venmoButton.addEventListener("click", () => E(this, null, function* () {
       if (this.events.onPaymentAttempt.emit(x.VENMO), !this.isProcessing) {
         this.isProcessing = !0, this.venmoButton.disabled = !0;
         try {
@@ -4529,7 +4532,7 @@ class nc {
   }
   // handle existing tokenization results
   handleExistingTokenization(e) {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       try {
         const t = yield this.braintree.tokenize();
         this.handleVenmoSuccess(t, e);
@@ -4545,8 +4548,8 @@ class nc {
   }
   // handle venmo errors
   handleVenmoError(e, t) {
-    var i;
-    this.isInitialized && ((i = t == null ? void 0 : t.onError) == null || i.call(t, e));
+    var i, r, s;
+    this.isInitialized && ((i = e == null ? void 0 : e.message) != null && i.toLowerCase().includes("close") ? (r = t == null ? void 0 : t.onCancel) == null || r.call(t) : (s = t == null ? void 0 : t.onError) == null || s.call(t, e));
   }
   // add event listener
   addEventListener(e, t) {
@@ -4578,7 +4581,7 @@ class ic {
   }
   // init
   init() {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       this.config.state.transaction.subscribe(() => {
         this.config.service.ev.isReady && this.initPaymentMethods().catch(console.error);
       }), this.config.state.checkout.subscribe(() => {
@@ -4590,7 +4593,7 @@ class ic {
   }
   // init apple
   initApple(e) {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       if (!this.applePay) {
         e == null || e.remove();
         return;
@@ -4629,7 +4632,7 @@ class ic {
   }
   // init google
   initGoogle(e) {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       if (!this.googlePay) {
         e == null || e.remove();
         return;
@@ -4668,7 +4671,7 @@ class ic {
   }
   // init paypal
   initPayPal(e) {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       if (!this.paypal) {
         e == null || e.remove();
         return;
@@ -4694,7 +4697,7 @@ class ic {
   }
   // init braintree
   initBraintreeVenmo(e) {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       if (!this.braintree) {
         e == null || e.remove();
         return;
@@ -4721,7 +4724,7 @@ class ic {
   }
   // init card
   initCard(e) {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       if (!this.card) {
         e == null || e.remove();
         return;
@@ -4731,7 +4734,7 @@ class ic {
   }
   // init payment methods
   initPaymentMethods() {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       const e = this.config.state.transaction.getState(), t = Zl(Bl, (e == null ? void 0 : e.checkout_config) || [], (a, o) => a.type === o.type), i = this.config.state.checkout.getState();
       let r = t.filter(({ is_active: a }) => a);
       (i == null ? void 0 : i.variant) === "default" && (r = r.filter(({ type: a }) => a !== x.CARD));
@@ -4745,13 +4748,13 @@ class ic {
     i && !this.applePay && (this.applePay = new jl(this.config)), r && !this.googlePay && (this.googlePay = new Kl(this.config)), s && !this.paypal && (this.paypal = new Gl(this.config), this.paypal.addEventListener("onPaymentAttempt", (h) => this.events.onPaymentAttempt.emit(h))), a && !this.braintree && (this.braintree = new nc(this.config), this.braintree.addEventListener("onPaymentAttempt", (h) => this.events.onPaymentAttempt.emit(h))), o && !this.card && (this.card = new Wl(this.config), this.card.addEventListener(() => {
       this.events.open.emit();
     }));
-    const l = e.sort((h, m) => h.order - m.order), d = /* @__PURE__ */ new Map();
+    const l = e.sort((h, m) => h.order - m.order), u = /* @__PURE__ */ new Map();
     for (const { type: h } of l) {
       const m = document.createElement("div");
-      this.buttons.appendChild(m), d.set(h, m);
+      this.buttons.appendChild(m), u.set(h, m);
     }
     return l.map(({ type: h }) => {
-      const m = d.get(h);
+      const m = u.get(h);
       if (h === x.APPLE_PAY && this.applePay)
         return this.initApple(m);
       if (h === x.GOOGLE_PAY && this.googlePay)
@@ -4905,13 +4908,13 @@ class Tc {
     c(this, "events", {
       change: new q()
     });
-    var r, s, a, o, l, d, u, h, m;
+    var r, s, a, o, l, u, d, h, m;
     const i = e.messages();
     if (this.element = document.createElement("div"), this.element.classList.add($.wrapper), this.inputContainer.classList.add($.inputContainer), (r = t == null ? void 0 : t.container) != null && r.className && F(this.inputContainer, t.container.className), (s = t == null ? void 0 : t.container) != null && s.styles && Object.assign(this.inputContainer.style, t.container.styles), this.input.setAttribute("id", this.id), this.input.setAttribute("autocomplete", "cc-name"), this.input.setAttribute("placeholder", i.card.name.placeholder), this.input.classList.add($.input), (a = t == null ? void 0 : t.field) != null && a.className && F(this.input, t.field.className), (o = t == null ? void 0 : t.field) != null && o.styles && Object.assign(this.input.style, t.field.styles), (l = t == null ? void 0 : t.placeholder) != null && l.styles && Object.keys(t.placeholder.styles).length) {
       const p = (b) => b.replace(/[A-Z]/g, (y) => "-" + y.toLowerCase()), g = Object.entries(t.placeholder.styles).map(([b, y]) => `${p(b)}:${y};`).join("");
       this.placeholderStyle.textContent = `#${this.id}::placeholder{${g}}`, this.element.appendChild(this.placeholderStyle);
     }
-    this.endContent.classList.add($.hidden), this.endContent.appendChild(this.warning.render()), this.inputContainer.append(this.input, this.endContent), this.label.setAttribute("for", this.id), this.label.classList.add($.label), (d = t == null ? void 0 : t.label) != null && d.className && F(this.label, t.label.className), (u = t == null ? void 0 : t.label) != null && u.styles && Object.assign(this.label.style, t.label.styles), this.labelText.textContent = i.card.name.label, this.labelError.textContent = i.card.required, this.labelError.classList.add($.labelError, $.hidden), (h = t == null ? void 0 : t.error) != null && h.className && F(this.labelError, t.error.className), (m = t == null ? void 0 : t.error) != null && m.styles && Object.assign(this.labelError.style, t.error.styles), this.label.append(this.labelText, this.labelError), this.element.append(this.label, this.inputContainer), this.input.addEventListener("input", () => this.handleChange(this.input.value)), this.input.addEventListener("paste", () => this.handleChange(this.input.value)), this.input.addEventListener("blur", () => this.validate(this.input.value)), e.subscribe(({ messages: p }) => {
+    this.endContent.classList.add($.hidden), this.endContent.appendChild(this.warning.render()), this.inputContainer.append(this.input, this.endContent), this.label.setAttribute("for", this.id), this.label.classList.add($.label), (u = t == null ? void 0 : t.label) != null && u.className && F(this.label, t.label.className), (d = t == null ? void 0 : t.label) != null && d.styles && Object.assign(this.label.style, t.label.styles), this.labelText.textContent = i.card.name.label, this.labelError.textContent = i.card.required, this.labelError.classList.add($.labelError, $.hidden), (h = t == null ? void 0 : t.error) != null && h.className && F(this.labelError, t.error.className), (m = t == null ? void 0 : t.error) != null && m.styles && Object.assign(this.labelError.style, t.error.styles), this.label.append(this.labelText, this.labelError), this.element.append(this.label, this.inputContainer), this.input.addEventListener("input", () => this.handleChange(this.input.value)), this.input.addEventListener("paste", () => this.handleChange(this.input.value)), this.input.addEventListener("blur", () => this.validate(this.input.value)), e.subscribe(({ messages: p }) => {
       this.input.setAttribute("placeholder", p.card.name.placeholder), this.labelText.textContent = p.card.name.label, this.labelError.textContent = p.card.required;
     });
   }
@@ -4930,7 +4933,7 @@ class Tc {
     }), this.render();
   }
   toggleLabelError(e) {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       if (e) {
         this.inputContainer.classList.add($.errorInput), this.endContent.classList.remove($.hidden), this.labelError.classList.remove($.hidden), yield G(this.labelError, W.open, W.transition);
         return;
@@ -5110,11 +5113,11 @@ class Bc {
     c(this, "events", {
       change: new q()
     });
-    var r, s, a, o, l, d, u, h, m;
+    var r, s, a, o, l, u, d, h, m;
     this.translate = e;
     const i = e.messages();
     if (this.element = document.createElement("div"), this.element.classList.add(j.wrapper), this.inputContainer.classList.add(j.inputContainer), (r = t == null ? void 0 : t.container) != null && r.className && F(this.inputContainer, t.container.className), (s = t == null ? void 0 : t.container) != null && s.styles && Object.assign(this.inputContainer.style, t.container.styles), this.input.setAttribute("id", this.id), this.input.setAttribute("autocomplete", "cc-number"), this.input.setAttribute("placeholder", "1234 1234 1234 1234"), this.input.setAttribute("inputmode", "numeric"), this.input.setAttribute("pattern", "[0-9]*"), this.input.setAttribute("enterkeyhint", "done"), this.input.classList.add(j.input), (a = t == null ? void 0 : t.field) != null && a.className && F(this.input, t.field.className), (o = t == null ? void 0 : t.field) != null && o.styles && Object.assign(this.input.style, t.field.styles), (l = t == null ? void 0 : t.placeholder) != null && l.styles && Object.keys(t.placeholder.styles).length) {
-      const p = (y) => y.replace(/[A-Z]/g, (E) => "-" + E.toLowerCase()), g = Object.entries(t.placeholder.styles).map(([y, E]) => `${p(y)}:${E} !important;`).join(""), b = `#${this.id}`;
+      const p = (y) => y.replace(/[A-Z]/g, (k) => "-" + k.toLowerCase()), g = Object.entries(t.placeholder.styles).map(([y, k]) => `${p(y)}:${k} !important;`).join(""), b = `#${this.id}`;
       this.placeholderStyle.textContent = `${b}::placeholder{${g}}
 ${b}::-webkit-input-placeholder{${g}}
 ${b}::-moz-placeholder{${g}}
@@ -5122,7 +5125,7 @@ ${b}:-ms-input-placeholder{${g}}
 ${b}::-ms-input-placeholder{${g}}
 `, document.head.appendChild(this.placeholderStyle);
     }
-    this.endContent.classList.add(j.endContent), this.endContent.append(...this.getCardIcons()), this.inputContainer.append(this.input, this.endContent), this.label.setAttribute("for", this.id), this.label.classList.add(j.label), (d = t == null ? void 0 : t.label) != null && d.className && F(this.label, t.label.className), (u = t == null ? void 0 : t.label) != null && u.styles && Object.assign(this.label.style, t.label.styles), this.labelText.textContent = i.card.number.label, this.labelError.textContent = i.card.required, this.labelError.classList.add(j.labelError, j.hidden), (h = t == null ? void 0 : t.error) != null && h.className && F(this.labelError, t.error.className), (m = t == null ? void 0 : t.error) != null && m.styles && Object.assign(this.labelError.style, t.error.styles), this.label.append(this.labelText, this.labelError), this.error.classList.add(j.error, j.hidden), this.element.append(this.label, this.inputContainer, this.error), this.input.addEventListener("keydown", (p) => {
+    this.endContent.classList.add(j.endContent), this.endContent.append(...this.getCardIcons()), this.inputContainer.append(this.input, this.endContent), this.label.setAttribute("for", this.id), this.label.classList.add(j.label), (u = t == null ? void 0 : t.label) != null && u.className && F(this.label, t.label.className), (d = t == null ? void 0 : t.label) != null && d.styles && Object.assign(this.label.style, t.label.styles), this.labelText.textContent = i.card.number.label, this.labelError.textContent = i.card.required, this.labelError.classList.add(j.labelError, j.hidden), (h = t == null ? void 0 : t.error) != null && h.className && F(this.labelError, t.error.className), (m = t == null ? void 0 : t.error) != null && m.styles && Object.assign(this.labelError.style, t.error.styles), this.label.append(this.labelText, this.labelError), this.error.classList.add(j.error, j.hidden), this.element.append(this.label, this.inputContainer, this.error), this.input.addEventListener("keydown", (p) => {
       this.isDisabled || ["Backspace", "Delete", "Tab", "ArrowLeft", "ArrowRight", "Home", "End"].includes(p.key) || p.ctrlKey || p.metaKey || /^\d$/.test(p.key) || p.preventDefault();
     }), this.input.addEventListener("input", (p) => {
       p.stopPropagation();
@@ -5149,7 +5152,7 @@ ${b}::-ms-input-placeholder{${g}}
     }), this.render();
   }
   toggleLabelError(e) {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       if (e) {
         this.inputContainer.classList.add(j.errorInput), this.labelError.classList.remove(j.hidden), yield G(this.labelError, W.open, W.transition);
         return;
@@ -5158,7 +5161,7 @@ ${b}::-ms-input-placeholder{${g}}
     });
   }
   toggleErrorMessage(e) {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       if (e) {
         this.inputContainer.classList.add(j.errorInput), this.error.textContent = this.errorMessage, this.error.classList.remove(j.hidden), yield G(this.error, Q.open, Q.transition);
         return;
@@ -5280,12 +5283,12 @@ class Qc {
       expiryChange: new q(),
       cvcChange: new q()
     });
-    var a, o, l, d, u, h, m, p, g, b, y, E, V, _, M, T, D;
+    var a, o, l, u, d, h, m, p, g, b, y, k, V, _, M, T, D;
     this.translate = e;
     const i = e.messages();
-    this.element = document.createElement("div"), this.element.classList.add(A.securityContent), this.expiryInputContainer.classList.add(A.inputContainer), (a = t == null ? void 0 : t.container) != null && a.className && F(this.expiryInputContainer, t.container.className), (o = t == null ? void 0 : t.container) != null && o.styles && Object.assign(this.expiryInputContainer.style, t.container.styles), this.expiryInput.setAttribute("id", this.expiryId), this.expiryInput.setAttribute("autocomplete", "cc-exp"), this.expiryInput.setAttribute("placeholder", i.card.expiry.placeholder), this.expiryInput.setAttribute("inputmode", "numeric"), this.expiryInput.setAttribute("pattern", "[0-9]*"), this.expiryInput.setAttribute("enterkeyhint", "next"), this.expiryInput.classList.add(A.input), (l = t == null ? void 0 : t.field) != null && l.className && F(this.expiryInput, t.field.className), (d = t == null ? void 0 : t.field) != null && d.styles && Object.assign(this.expiryInput.style, t.field.styles), this.expiryEndContent.classList.add(A.endContent), this.expiryEndContent.appendChild(this.expiryWarning.render()), this.expiryInputContainer.append(this.expiryInput, this.expiryEndContent), this.expiryLabel.setAttribute("for", this.expiryId), this.expiryLabel.classList.add(A.label), (u = t == null ? void 0 : t.label) != null && u.className && F(this.expiryLabel, t.label.className), (h = t == null ? void 0 : t.label) != null && h.styles && Object.assign(this.expiryLabel.style, t.label.styles), this.expiryLabelText.contentEditable = "false", this.expiryLabelText.textContent = i.card.expiry.label, this.expiryLabelError.textContent = i.card.required, this.expiryLabelError.classList.add(A.labelError, A.hidden), this.expiryLabel.append(this.expiryLabelText, this.expiryLabelError), this.expiryError.classList.add(A.error, A.hidden), (m = t == null ? void 0 : t.error) != null && m.className && F(this.expiryError, t.error.className), (p = t == null ? void 0 : t.error) != null && p.styles && Object.assign(this.expiryError.style, t.error.styles);
+    this.element = document.createElement("div"), this.element.classList.add(A.securityContent), this.expiryInputContainer.classList.add(A.inputContainer), (a = t == null ? void 0 : t.container) != null && a.className && F(this.expiryInputContainer, t.container.className), (o = t == null ? void 0 : t.container) != null && o.styles && Object.assign(this.expiryInputContainer.style, t.container.styles), this.expiryInput.setAttribute("id", this.expiryId), this.expiryInput.setAttribute("autocomplete", "cc-exp"), this.expiryInput.setAttribute("placeholder", i.card.expiry.placeholder), this.expiryInput.setAttribute("inputmode", "numeric"), this.expiryInput.setAttribute("pattern", "[0-9]*"), this.expiryInput.setAttribute("enterkeyhint", "next"), this.expiryInput.classList.add(A.input), (l = t == null ? void 0 : t.field) != null && l.className && F(this.expiryInput, t.field.className), (u = t == null ? void 0 : t.field) != null && u.styles && Object.assign(this.expiryInput.style, t.field.styles), this.expiryEndContent.classList.add(A.endContent), this.expiryEndContent.appendChild(this.expiryWarning.render()), this.expiryInputContainer.append(this.expiryInput, this.expiryEndContent), this.expiryLabel.setAttribute("for", this.expiryId), this.expiryLabel.classList.add(A.label), (d = t == null ? void 0 : t.label) != null && d.className && F(this.expiryLabel, t.label.className), (h = t == null ? void 0 : t.label) != null && h.styles && Object.assign(this.expiryLabel.style, t.label.styles), this.expiryLabelText.contentEditable = "false", this.expiryLabelText.textContent = i.card.expiry.label, this.expiryLabelError.textContent = i.card.required, this.expiryLabelError.classList.add(A.labelError, A.hidden), this.expiryLabel.append(this.expiryLabelText, this.expiryLabelError), this.expiryError.classList.add(A.error, A.hidden), (m = t == null ? void 0 : t.error) != null && m.className && F(this.expiryError, t.error.className), (p = t == null ? void 0 : t.error) != null && p.styles && Object.assign(this.expiryError.style, t.error.styles);
     const r = document.createElement("div");
-    if (r.appendChild(this.expiryError), this.cvcInputContainer.classList.add(A.inputContainer), (g = t == null ? void 0 : t.container) != null && g.className && F(this.cvcInputContainer, t.container.className), (b = t == null ? void 0 : t.container) != null && b.styles && Object.assign(this.cvcInputContainer.style, t.container.styles), this.cvcInput.setAttribute("id", this.cvcId), this.cvcInput.setAttribute("autocomplete", "cc-csc"), this.cvcInput.setAttribute("placeholder", i.card.cvc.placeholder), this.cvcInput.setAttribute("inputmode", "numeric"), this.cvcInput.setAttribute("pattern", "[0-9]*"), this.cvcInput.setAttribute("enterkeyhint", "done"), this.cvcInput.classList.add(A.input), (y = t == null ? void 0 : t.field) != null && y.className && F(this.cvcInput, t.field.className), (E = t == null ? void 0 : t.field) != null && E.styles && Object.assign(this.cvcInput.style, t.field.styles), (V = t == null ? void 0 : t.placeholder) != null && V.styles && Object.keys(t.placeholder.styles).length) {
+    if (r.appendChild(this.expiryError), this.cvcInputContainer.classList.add(A.inputContainer), (g = t == null ? void 0 : t.container) != null && g.className && F(this.cvcInputContainer, t.container.className), (b = t == null ? void 0 : t.container) != null && b.styles && Object.assign(this.cvcInputContainer.style, t.container.styles), this.cvcInput.setAttribute("id", this.cvcId), this.cvcInput.setAttribute("autocomplete", "cc-csc"), this.cvcInput.setAttribute("placeholder", i.card.cvc.placeholder), this.cvcInput.setAttribute("inputmode", "numeric"), this.cvcInput.setAttribute("pattern", "[0-9]*"), this.cvcInput.setAttribute("enterkeyhint", "done"), this.cvcInput.classList.add(A.input), (y = t == null ? void 0 : t.field) != null && y.className && F(this.cvcInput, t.field.className), (k = t == null ? void 0 : t.field) != null && k.styles && Object.assign(this.cvcInput.style, t.field.styles), (V = t == null ? void 0 : t.placeholder) != null && V.styles && Object.keys(t.placeholder.styles).length) {
       const C = (R) => R.replace(/[A-Z]/g, (O) => "-" + O.toLowerCase()), w = Object.entries(t.placeholder.styles).map(([R, O]) => `${C(R)}:${O};`).join("");
       this.placeholderStyle.textContent = `#${this.expiryId}::placeholder{${w}}#${this.cvcId}::placeholder{${w}}`, this.element.appendChild(this.placeholderStyle);
     }
@@ -5342,7 +5345,7 @@ class Qc {
     }), this.cvcInput.value = t, this.render();
   }
   toggleCvcLabelError(e) {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       if (e) {
         this.cvcInputContainer.classList.add(A.errorInput), this.cvcLabelError.classList.remove(A.hidden), yield G(this.cvcLabelError, W.open, W.transition);
         return;
@@ -5351,7 +5354,7 @@ class Qc {
     });
   }
   toggleCvcErrorMessage(e) {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       if (e) {
         this.cvcInputContainer.classList.add(A.errorInput), this.cvcError.textContent = this.cvcErrorMessage, this.cvcError.classList.remove(A.hidden), yield G(this.cvcError, Q.open, Q.transition);
         return;
@@ -5362,10 +5365,10 @@ class Qc {
   expiryValidator(e) {
     const t = !e, i = e.length < 7, r = /* @__PURE__ */ new Date(), [s, a] = e.split(" / ");
     r.setFullYear(2e3 + parseInt(a), parseInt(s) - 1, 31);
-    const o = r.getTime() < Date.now(), l = /* @__PURE__ */ new Date(), d = /* @__PURE__ */ new Date();
-    d.setFullYear(l.getFullYear() + 50);
-    const u = r.getTime() > d.getTime() || r.getFullYear() < l.getFullYear();
-    return !t && !i && !o && !u ? null : t ? Y.Empty : i ? Y.Incomplete : u ? "tooFarInFuture" : r.getFullYear() === (/* @__PURE__ */ new Date()).getFullYear() ? "dateExpired" : "expired";
+    const o = r.getTime() < Date.now(), l = /* @__PURE__ */ new Date(), u = /* @__PURE__ */ new Date();
+    u.setFullYear(l.getFullYear() + 50);
+    const d = r.getTime() > u.getTime() || r.getFullYear() < l.getFullYear();
+    return !t && !i && !o && !d ? null : t ? Y.Empty : i ? Y.Incomplete : d ? "tooFarInFuture" : r.getFullYear() === (/* @__PURE__ */ new Date()).getFullYear() ? "dateExpired" : "expired";
   }
   // validate expiry
   validateExpiry(e) {
@@ -5393,7 +5396,7 @@ class Qc {
   }
   // toggle expiry label error
   toggleExpiryLabelError(e) {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       if (e) {
         this.expiryInputContainer.classList.add(A.errorInput), this.expiryLabelError.classList.remove(A.hidden), yield G(this.expiryLabelError, W.open, W.transition);
         return;
@@ -5403,7 +5406,7 @@ class Qc {
   }
   // toggle expiry error message
   toggleExpiryErrorMessage(e) {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       if (e) {
         this.expiryInputContainer.classList.add(A.errorInput), this.expiryError.textContent = this.expiryErrorMessage, this.expiryError.classList.remove(A.hidden), yield G(this.expiryError, Q.open, Q.transition);
         return;
@@ -5471,16 +5474,16 @@ class ed {
       this.name.render(),
       this.submit.render()
     ), requestAnimationFrame(() => {
-      const l = this.submit.render(), u = window.getComputedStyle(l).backgroundColor || "#5A67D8";
-      this.element.style.setProperty("--input-focus-shadow-color", u);
+      const l = this.submit.render(), d = window.getComputedStyle(l).backgroundColor || "#5A67D8";
+      this.element.style.setProperty("--input-focus-shadow-color", d);
     }), this.back.addEventListener(() => this.events.close.emit()), this.number.addEventListener("change", ({ cardType: l }) => this.cardSecurity.updateCardType(l || null)), this.submit.addEventListener((l) => {
       var p;
       l.preventDefault();
-      const { cvc: d, expiry: u } = this.cardSecurity.value(), { value: h, cardType: m } = this.number.value();
+      const { cvc: u, expiry: d } = this.cardSecurity.value(), { value: h, cardType: m } = this.number.value();
       this.touchSubmit(), this.validate() && ((p = this.onPaymentAttempt) == null || p.call(this, { paymentMethod: x.CARD }), this.events.submit.emit({
         number: h,
-        expiry: u,
-        cvc: d,
+        expiry: d,
+        cvc: u,
         name: this.name.value(),
         cardBrand: m
       }));
@@ -5635,12 +5638,12 @@ class od {
   }
   // init
   init() {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       this.buttons.addEventListener("onPaymentAttempt", (e) => {
         var i;
         const t = this.config.state.checkout.getState();
         (i = t.onCheckoutAttempt) == null || i.call(t, { paymentMethod: e }), this.hideError();
-      }), this.buttons.addEventListener("ready", () => k(this, null, function* () {
+      }), this.buttons.addEventListener("ready", () => E(this, null, function* () {
         var i;
         this.loader.setClassName(Z.hidden);
         const { variant: e, onCheckoutLoaded: t } = this.config.state.checkout.getState();
@@ -5652,7 +5655,7 @@ class od {
           ).finished) != null ? i : Promise.resolve(), this.checkout.style.height = ""), this.isFormOpen = !0;
         }
         !this.hasLoadedOnce && t && (this.hasLoadedOnce = !0, t({ success: !0 }));
-      })), this.buttons.addEventListener("open", () => k(this, null, function* () {
+      })), this.buttons.addEventListener("open", () => E(this, null, function* () {
         var r;
         if (this.isLoading) return;
         this.hideError();
@@ -5694,7 +5697,7 @@ class od {
           case "venmo":
             return this.handleSuccess({ clientSession: t, braintree: { nonce: e } });
         }
-      }), this.form.addEventListener("close", () => k(this, null, function* () {
+      }), this.form.addEventListener("close", () => E(this, null, function* () {
         var s, a;
         if (this.isLoading) return;
         this.hideError();
@@ -5714,16 +5717,16 @@ class od {
           { minHeight: [`${e}px`, `${this.closedHeight}px`] },
           { duration: 250, easing: "ease-out", fill: "forwards" }
         ).finished) != null ? a : Promise.resolve(), this.checkout.style.height = "auto"), this.isFormOpen = !1;
-      })), this.form.addEventListener("submit", (e) => k(this, null, function* () {
+      })), this.form.addEventListener("submit", (e) => E(this, null, function* () {
         if (this.isLoading || (this.form.touchSubmit(), this.hideError(), !this.form.validate())) return;
-        const i = e.number.replace(/\D/g, ""), r = this.config.state.checkout.getState(), s = this.config.service.ev.getEv(), [a, o] = yield Promise.all([s.encrypt(i), s.encrypt(e.cvc)]), [l, d] = e.expiry.split("/");
+        const i = e.number.replace(/\D/g, ""), r = this.config.state.checkout.getState(), s = this.config.service.ev.getEv(), [a, o] = yield Promise.all([s.encrypt(i), s.encrypt(e.cvc)]), [l, u] = e.expiry.split("/");
         yield this.handleSuccess({
           clientSession: r.clientToken,
           card: {
             firstSixDigits: i.slice(0, 6),
             lastFourDigits: i.slice(-4),
             expMonth: Number(l),
-            expYear: Number(d),
+            expYear: Number(u),
             cardBrand: e.cardBrand || "",
             number: a,
             cvc: o,
@@ -5745,7 +5748,7 @@ class od {
   }
   // handle success
   handleSuccess(e) {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       var s, a;
       if (this.isLoading) return;
       this.hideError(), this.setLoading(!0);
@@ -5786,7 +5789,7 @@ class od {
   }
   // show success
   showSuccess() {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       this.container.classList.add(Z.hidden), this.success.removeClassName(Z.hidden), yield G(this.success.element, Le.open, Le.transition);
     });
   }
@@ -5837,10 +5840,10 @@ class ld {
   }
   // init
   init() {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       const { checkout: e, transaction: t, translate: i, styles: r } = this.config.state, { apiVersion: s } = e.getState();
-      e.subscribe(({ clientToken: a, environment: o, locale: l, translate: d, styles: u }) => {
-        l && i.locale() !== l && i.setLocale(l), d && i.overrides() !== d && i.setMessages(d), u && r.setState(u), t.updateTransaction(a, o, s).then((h) => {
+      e.subscribe(({ clientToken: a, environment: o, locale: l, translate: u, styles: d }) => {
+        l && i.locale() !== l && i.setLocale(l), u && i.overrides() !== u && i.setMessages(u), d && r.setState(d), t.updateTransaction(a, o, s).then((h) => {
           var m, p;
           if (h)
             return this.config.service.ev.initEv({
@@ -5858,7 +5861,7 @@ class ld {
   }
   // mount
   mount() {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       return this.component || (this.component = new od(this.config)), yield this.init(), yield this.component.init(), this.component.render();
     });
   }
@@ -5907,7 +5910,7 @@ class pd extends Ct {
   }
   // update transaction
   updateTransaction(t, i, r) {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       if (this.clientToken === t) return this.getState();
       this.clientToken = t;
       try {
@@ -7578,7 +7581,7 @@ class Xd {
   }
   // init
   init(e) {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       if (typeof window == "undefined")
         throw new Error("PayPal can only be initialized in browser environment");
       try {
@@ -7595,7 +7598,7 @@ class Xd {
   }
   // render
   render(e, t) {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       var i, r;
       if (!e.isConnected)
         throw new Error("PayPal parent element must be connected to DOM before render()");
@@ -7620,7 +7623,7 @@ class Qd {
   }
   // init
   init(e) {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       if (typeof window == "undefined")
         throw new Error("Braintree can only be initialized in browser environment");
       try {
@@ -7642,7 +7645,7 @@ class Qd {
   }
   // create venmo instance
   createVenmo(e) {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       if (!this.client)
         throw new Error("Braintree client must be initialized before creating Venmo instance");
       try {
@@ -7671,7 +7674,7 @@ class Qd {
   }
   // tokenize venmo payment
   tokenize() {
-    return k(this, null, function* () {
+    return E(this, null, function* () {
       if (!this.venmoInstance)
         throw new Error("Venmo instance not initialized");
       return new Promise((e, t) => {