@paynext/sdk 0.0.114 → 0.0.116

package/dist/index.es.js

@@ -187,7 +187,7 @@ const Xt = (n = "sandbox") => ({
   const { applePay: e, card: t } = n;
   return (i = e == null ? void 0 : e.billingContact) != null && i.givenName ? `${e.billingContact.givenName} ${e.billingContact.familyName || ""}`.trim() : (r = t == null ? void 0 : t.metadata) == null ? void 0 : r.name;
 }, Mr = (n) => {
-  var i, r;
+  var i, r, s, a, o, l;
   const e = Tr(n), t = {
     client_session: n.clientSession,
     three_ds_session_id: n.threeDsSessionId,
@@ -205,6 +205,8 @@ const Xt = (n = "sandbox") => ({
       });
     case x.GOOGLE_PAY:
       return I(v({}, t), {
+        name: (r = (i = n.googlePay) == null ? void 0 : i.billingAddress) == null ? void 0 : r.name,
+        phone: (a = (s = n.googlePay) == null ? void 0 : s.billingAddress) == null ? void 0 : a.phoneNumber,
         card: En(n),
         google_pay: Lr(n),
         billing_address: kn(n)
@@ -214,7 +216,7 @@ const Xt = (n = "sandbox") => ({
         name: xn(n),
         card: En(n),
         apple_pay: Vr(n),
-        phone: (r = (i = n.applePay) == null ? void 0 : i.shippingContact) == null ? void 0 : r.phoneNumber,
+        phone: (l = (o = n.applePay) == null ? void 0 : o.shippingContact) == null ? void 0 : l.phoneNumber,
         billing_address: kn(n)
       });
     case x.VENMO:
@@ -241,9 +243,9 @@ const Xt = (n = "sandbox") => ({
     body: JSON.stringify({ client_session: n })
   })).json()).paypal_agreement_token_response.token_id || "";
 }), 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();
+  const i = new Headers();
+  i.append("X-API-Version", t);
+  const r = `${Xt(e)}/payments/config?client_session_id=${n}`, a = yield (yield fetch(r, { headers: i })).json();
   return a.checkout_config || (a.checkout_config = wr), a;
 });
 let Or = class {
@@ -320,6 +322,8 @@ let Or = class {
           phoneNumber: !0
         }
       }, l == null ? void 0 : l.styles), {
+        // ToDo: Remove this after testing or make as hard coded value
+        allowedAuthMethods: ["PAN_ONLY", "CRYPTOGRAM_3DS"],
         // ToDo: Temporary we have only Visa and Master card
         allowedCardNetworks: ["VISA", "MASTERCARD"],
         process: (g, b) => E(this, [g, b], function* (m, { fail: p }) {
@@ -343,7 +347,7 @@ let Or = class {
     });
   }
 };
-class q {
+class K {
   constructor() {
     c(this, "listeners", []);
   }
@@ -385,7 +389,7 @@ class Fr {
     c(this, "google", null);
     c(this, "threeDs", null);
     c(this, "events", {
-      ready: new q()
+      ready: new K()
     });
   }
   // is should load
@@ -508,11 +512,11 @@ function qr(n, e, t, i, r, s) {
       easing: mi(t, a)
     });
 }
-function Hr(n, e) {
+function Gr(n, e) {
   for (let t = 0; t < n.length; t++)
     n[t] = n[t] / (e + 1);
 }
-function Gr(n, e) {
+function Hr(n, e) {
   return n.at === e.at ? n.value === null ? 1 : e.value === null ? -1 : 0 : n.at - e.at;
 }
 const J = (n) => !!(n && n.getVelocity), en = /* @__NO_SIDE_EFFECTS__ */ (n, e, t) => {
@@ -578,38 +582,38 @@ function Wr(n, s = {}, i, r) {
     _.at !== void 0 && (p = wn(p, _.at, m, h));
     let M = 0;
     const T = (D, C, w, R = 0, O = 0) => {
-      const K = Zr(D), _e = C, { delay: Te = 0, times: te = bi(K), type: fe = "keyframes", repeat: he, repeatType: kt, repeatDelay: Et = 0 } = _e, at = se(_e, ["delay", "times", "type", "repeat", "repeatType", "repeatDelay"]);
+      const q = Zr(D), _e = C, { delay: Te = 0, times: te = bi(q), type: fe = "keyframes", repeat: he, repeatType: kt, repeatDelay: Et = 0 } = _e, at = se(_e, ["delay", "times", "type", "repeat", "repeatType", "repeatDelay"]);
       let { ease: ne = e.ease || "easeOut", duration: f } = C;
-      const P = typeof Te == "function" ? Te(R, O) : Te, N = K.length, H = tn(fe) ? fe : r == null ? void 0 : r[fe];
-      if (N <= 2 && H) {
+      const P = typeof Te == "function" ? Te(R, O) : Te, N = q.length, G = tn(fe) ? fe : r == null ? void 0 : r[fe];
+      if (N <= 2 && G) {
         let z = 100;
-        if (N === 2 && Qr(K)) {
-          const ge = K[1] - K[0];
+        if (N === 2 && Qr(q)) {
+          const ge = q[1] - q[0];
           z = Math.abs(ge);
         }
         const re = v({}, at);
         f !== void 0 && (re.duration = /* @__PURE__ */ ae(f));
-        const pe = vi(re, z, H);
+        const pe = vi(re, z, G);
         ne = pe.ease, f = pe.duration;
       }
       f != null || (f = o);
       const ie = p + P;
       te.length === 1 && te[0] === 0 && (te[1] = 1);
-      const X = te.length - K.length;
-      if (X > 0 && gi(te, X), K.length === 1 && K.unshift(null), he) {
+      const X = te.length - q.length;
+      if (X > 0 && gi(te, X), q.length === 1 && q.unshift(null), he) {
         ce(he < Ur, "Repeat count too high, must be less than 20"), f = Br(f, he);
-        const z = [...K], re = [...te];
+        const z = [...q], re = [...te];
         ne = Array.isArray(ne) ? [...ne] : [ne];
         const pe = [...ne];
         for (let ge = 0; ge < he; ge++) {
-          K.push(...z);
+          q.push(...z);
           for (let je = 0; je < z.length; je++)
             te.push(re[je] + (ge + 1)), ne.push(je === 0 ? "linear" : mi(pe, je - 1));
         }
-        Hr(te, he);
+        Gr(te, he);
       }
       const Ae = ie + f;
-      qr(w, K, ne, te, ie, Ae), M = Math.max(P + f, M), g = Math.max(Ae, g);
+      qr(w, q, ne, te, ie, Ae), M = Math.max(P + f, M), g = Math.max(Ae, g);
     };
     if (J(k)) {
       const D = Tn(k, u);
@@ -619,8 +623,8 @@ function Wr(n, s = {}, i, r) {
       for (let w = 0; w < C; w++) {
         V = V, _ = _;
         const R = D[w], O = Tn(R, u);
-        for (const K in V)
-          T(V[K], Jr(_, K), An(K, O), w, C);
+        for (const q in V)
+          T(V[q], Jr(_, q), An(q, O), w, C);
       }
     }
     m = p, p += M;
@@ -628,7 +632,7 @@ function Wr(n, s = {}, i, r) {
   return u.forEach((b, y) => {
     for (const k in b) {
       const V = b[k];
-      V.sort(Gr);
+      V.sort(Hr);
       const _ = [], M = [], T = [];
       for (let C = 0; C < V.length; C++) {
         const { at: w, value: R, easing: O } = V[C];
@@ -1233,7 +1237,7 @@ function qs(n, e) {
   return (t) => nt(n, e, t);
 }
 function cn(n) {
-  return typeof n == "number" ? qs : typeof n == "string" ? sn(n) ? gt : U.test(n) ? Dn : Ys : Array.isArray(n) ? Mi : typeof n == "object" ? U.test(n) ? Dn : Hs : gt;
+  return typeof n == "number" ? qs : typeof n == "string" ? sn(n) ? gt : U.test(n) ? Dn : Ys : Array.isArray(n) ? Mi : typeof n == "object" ? U.test(n) ? Dn : Gs : gt;
 }
 function Mi(n, e) {
   const t = [...n], i = t.length, r = n.map((s, a) => cn(s)(s, e[a]));
@@ -1243,7 +1247,7 @@ function Mi(n, e) {
     return t;
   };
 }
-function Hs(n, e) {
+function Gs(n, e) {
   const t = v(v({}, n), e), i = {};
   for (const r in t)
     n[r] !== void 0 && e[r] !== void 0 && (i[r] = cn(n[r])(n[r], e[r]));
@@ -1253,7 +1257,7 @@ function Hs(n, e) {
     return t;
   };
 }
-function Gs(n, e) {
+function Hs(n, e) {
   var r;
   const t = [], i = { color: 0, var: 0, number: 0 };
   for (let s = 0; s < e.values.length; s++) {
@@ -1264,7 +1268,7 @@ function Gs(n, e) {
 }
 const Ys = (n, e) => {
   const t = Se.createTransformer(e), i = et(n), r = et(e);
-  return i.indexes.var.length === r.indexes.var.length && i.indexes.color.length === r.indexes.color.length && i.indexes.number.length >= r.indexes.number.length ? Nt.has(n) && !r.values.length || Nt.has(e) && !i.values.length ? $s(n, e) : ln(Mi(Gs(i, r), r.values), t) : (it(!0, `Complex values '${n}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), gt(n, e));
+  return i.indexes.var.length === r.indexes.var.length && i.indexes.color.length === r.indexes.color.length && i.indexes.number.length >= r.indexes.number.length ? Nt.has(n) && !r.values.length || Nt.has(e) && !i.values.length ? $s(n, e) : ln(Mi(Hs(i, r), r.values), t) : (it(!0, `Complex values '${n}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), gt(n, e));
 };
 function Pi(n, e, t) {
   return typeof n == "number" && typeof e == "number" && typeof t == "number" ? nt(n, e, t) : cn(n)(n, e);
@@ -1806,8 +1810,8 @@ const ke = {
 ke.translateX = ke.x;
 ke.translateY = ke.y;
 const Ee = /* @__PURE__ */ new Set();
-let Kt = !1, qt = !1, Ht = !1;
-function Hi() {
+let Kt = !1, qt = !1, Gt = !1;
+function Gi() {
   if (qt) {
     const n = Array.from(Ee).filter((i) => i.needsMeasurement), e = new Set(n.map((i) => i.element)), t = /* @__PURE__ */ new Map();
     e.forEach((i) => {
@@ -1824,22 +1828,22 @@ function Hi() {
       i.suspendedScrollY !== void 0 && window.scrollTo(0, i.suspendedScrollY);
     });
   }
-  qt = !1, Kt = !1, Ee.forEach((n) => n.complete(Ht)), Ee.clear();
+  qt = !1, Kt = !1, Ee.forEach((n) => n.complete(Gt)), Ee.clear();
 }
-function Gi() {
+function Hi() {
   Ee.forEach((n) => {
     n.readKeyframes(), n.needsMeasurement && (qt = !0);
   });
 }
 function wa() {
-  Ht = !0, Gi(), Hi(), Ht = !1;
+  Gt = !0, Hi(), Gi(), Gt = !1;
 }
 class fn {
   constructor(e, t, i, r, s, a = !1) {
     this.state = "pending", this.isAsync = !1, this.needsMeasurement = !1, this.unresolvedKeyframes = [...e], this.onComplete = t, this.name = i, this.motionValue = r, this.element = s, this.isAsync = a;
   }
   scheduleResolve() {
-    this.state = "scheduled", this.isAsync ? (Ee.add(this), Kt || (Kt = !0, ue.read(Gi), ue.resolveKeyframes(Hi))) : (this.readKeyframes(), this.complete());
+    this.state = "scheduled", this.isAsync ? (Ee.add(this), Kt || (Kt = !0, ue.read(Hi), ue.resolveKeyframes(Gi))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: e, name: t, element: i, motionValue: r } = this;
@@ -2241,7 +2245,7 @@ function qa({ protectedKeys: n, needsAnimating: e }, t) {
   const i = n.hasOwnProperty(t) && e[t] !== !0;
   return e[t] = !1, i;
 }
-function Ha(n, e, { delay: t = 0, transitionOverride: i, type: r } = {}) {
+function Ga(n, e, { delay: t = 0, transitionOverride: i, type: r } = {}) {
   var h;
   let d = e, { transition: s = n.getDefaultTransition(), transitionEnd: a } = d, o = se(d, ["transition", "transitionEnd"]);
   i && (s = i);
@@ -2273,7 +2277,7 @@ function Ha(n, e, { delay: t = 0, transitionOverride: i, type: r } = {}) {
     });
   }), l;
 }
-function Ga({ top: n, left: e, right: t, bottom: i }) {
+function Ha({ top: n, left: e, right: t, bottom: i }) {
   return {
     x: { min: e, max: t },
     y: { min: n, max: i }
@@ -2291,7 +2295,7 @@ function Ya(n, e) {
   };
 }
 function Ua(n, e) {
-  return Ga(Ya(n.getBoundingClientRect(), e));
+  return Ha(Ya(n.getBoundingClientRect(), e));
 }
 const qn = {
   animation: [
@@ -2312,14 +2316,14 @@ const qn = {
   pan: ["onPan", "onPanStart", "onPanSessionStart", "onPanEnd"],
   inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
   layout: ["layout", "layoutId"]
-}, Gt = {};
+}, Ht = {};
 for (const n in qn)
-  Gt[n] = {
+  Ht[n] = {
     isEnabled: (e) => qn[n].some((t) => !!e[t])
   };
-const Hn = () => ({ min: 0, max: 0 }), bn = () => ({
-  x: Hn(),
-  y: Hn()
+const Gn = () => ({ min: 0, max: 0 }), bn = () => ({
+  x: Gn(),
+  y: Gn()
 }), Wa = typeof window != "undefined", Yt = { current: null }, Qi = { current: !1 };
 function Za() {
   if (Qi.current = !0, !!Wa)
@@ -2373,7 +2377,7 @@ function no(n, e, t) {
 const tr = (n) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(n), nr = (n) => /^0[^.\s]+$/u.test(n), io = {
   test: (n) => n === "auto",
   parse: (n) => n
-}, ir = (n) => (e) => e.test(n), rr = [Ne, L, Me, me, Ms, Is, io], Gn = (n) => rr.find(ir(n)), ro = [...rr, U, Se], so = (n) => ro.find(ir(n)), ao = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
+}, ir = (n) => (e) => e.test(n), rr = [Ne, L, Me, me, Ms, Is, io], Hn = (n) => rr.find(ir(n)), ro = [...rr, U, Se], so = (n) => ro.find(ir(n)), ao = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
 function oo(n) {
   const [e, t] = n.slice(0, -1).split("(");
   if (e === "drop-shadow")
@@ -2544,8 +2548,8 @@ class or {
   }
   updateFeatures() {
     let e = "animation";
-    for (e in Gt) {
-      const t = Gt[e];
+    for (e in Ht) {
+      const t = Ht[e];
       if (!t)
         continue;
       const { isEnabled: i, Feature: r } = t;
@@ -2739,7 +2743,7 @@ class vo extends fn {
     }
     if (this.resolveNoneKeyframes(), !Xi.has(i) || e.length !== 2)
       return;
-    const [r, s] = e, a = Gn(r), o = Gn(s);
+    const [r, s] = e, a = Hn(r), o = Hn(s);
     if (a !== o)
       if (Bn(a) && Bn(o))
         for (let l = 0; l < e.length; l++) {
@@ -3075,7 +3079,7 @@ function gr(n, e, t, i) {
       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 }), {}));
+      "delay" in h && typeof h.delay == "function" && (h.delay = h.delay(o, a)), r.push(...Ga(d, I(v({}, e), { transition: h }), {}));
     }
   }
   return r;
@@ -3160,15 +3164,15 @@ class Ko extends $o {
 function qo(n) {
   return Array.isArray(n) && n.some(Array.isArray);
 }
-function Ho(n) {
+function Go(n) {
   function e(t, i, r) {
     let s = [];
     return qo(t) ? s = zo(t, i, n) : s = gr(t, i, r, n), new Ko(s);
   }
   return e;
 }
-const G = Ho(), Go = "_spinner_1lif3_1", Yo = "_spinnerContainer_1lif3_5", Uo = "_success_1lif3_9", Wo = "_successContainer_1lif3_14", Zo = "_container_1lif3_57", Jo = "_card_1lif3_66", Xo = "_warning_1lif3_75", Qo = "_svg_1lif3_83", el = "_srOnly_1lif3_88", tl = "_backButton_1lif3_92", S = {
-  spinner: Go,
+const H = Go(), Ho = "_spinner_1lif3_1", Yo = "_spinnerContainer_1lif3_5", Uo = "_success_1lif3_9", Wo = "_successContainer_1lif3_14", Zo = "_container_1lif3_57", Jo = "_card_1lif3_66", Xo = "_warning_1lif3_75", Qo = "_svg_1lif3_83", el = "_srOnly_1lif3_88", tl = "_backButton_1lif3_92", S = {
+  spinner: Ho,
   spinnerContainer: Yo,
   success: Uo,
   successContainer: Wo,
@@ -3501,11 +3505,11 @@ function bl() {
   }
   return qe.findBestMatch = e, qe;
 }
-var He, ni;
+var Ge, ni;
 function vl() {
-  if (ni) return He;
+  if (ni) return Ge;
   ni = 1;
-  var n = He && He.__assign || function() {
+  var n = Ge && Ge.__assign || function() {
     return n = Object.assign || function(g) {
       for (var b, y = 1, k = arguments.length; y < k; y++) {
         b = arguments[y];
@@ -3589,7 +3593,7 @@ function vl() {
     u.splice(y, 1), u.splice(b, 0, g);
   }, p.resetModifications = function() {
     u = (0, s.clone)(l), a = {};
-  }, p.types = o, He = p, He;
+  }, p.types = o, Ge = p, Ge;
 }
 var Pe = vl();
 Pe.updateCard("visa", {
@@ -3867,7 +3871,7 @@ const bt = [
   zh: "zh_CN",
   mt: "en_GB"
 })[n] || "en_US";
-var dt = { exports: {} }, Ge = {};
+var dt = { exports: {} }, He = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -3879,7 +3883,7 @@ var dt = { exports: {} }, Ge = {};
  */
 var si;
 function Ol() {
-  if (si) return Ge;
+  if (si) return He;
   si = 1;
   var n = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
   function t(i, r, s) {
@@ -3897,7 +3901,7 @@ function Ol() {
       props: s
     };
   }
-  return Ge.Fragment = e, Ge.jsx = t, Ge.jsxs = t, Ge;
+  return He.Fragment = e, He.jsx = t, He.jsxs = t, He;
 }
 var Ye = {};
 /**
@@ -3967,11 +3971,11 @@ function Nl() {
       }
       if (P) {
         P = console;
-        var N = P.error, H = typeof Symbol == "function" && Symbol.toStringTag && f[Symbol.toStringTag] || f.constructor.name || "Object";
+        var N = P.error, G = typeof Symbol == "function" && Symbol.toStringTag && f[Symbol.toStringTag] || f.constructor.name || "Object";
         return N.call(
           P,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          H
+          G
         ), e(f);
       }
     }
@@ -3987,7 +3991,7 @@ function Nl() {
       }
     }
     function r() {
-      var f = K.A;
+      var f = q.A;
       return f === null ? null : f.getOwner();
     }
     function s() {
@@ -4018,7 +4022,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 u(f, P, N, H, ie, X, Ae, _e) {
+    function u(f, P, N, G, ie, X, Ae, _e) {
       return N = X.ref, f = {
         $$typeof: p,
         type: f,
@@ -4050,13 +4054,13 @@ function Nl() {
         value: _e
       }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
     }
-    function d(f, P, N, H, ie, X, Ae, _e) {
+    function d(f, P, N, G, ie, X, Ae, _e) {
       var z = P.children;
       if (z !== void 0)
-        if (H)
+        if (G)
           if (te(z)) {
-            for (H = 0; H < z.length; H++)
-              h(z[H]);
+            for (G = 0; G < z.length; G++)
+              h(z[G]);
             Object.freeze && Object.freeze(z);
           } else
             console.error(
@@ -4068,18 +4072,18 @@ function Nl() {
         var re = Object.keys(P).filter(function(ge) {
           return ge !== "key";
         });
-        H = 0 < re.length ? "{key: someKey, " + re.join(": ..., ") + ": ...}" : "{key: someKey}", ne[z + H] || (re = 0 < re.length ? "{" + re.join(": ..., ") + ": ...}" : "{}", console.error(
+        G = 0 < re.length ? "{key: someKey, " + re.join(": ..., ") + ": ...}" : "{key: someKey}", ne[z + G] || (re = 0 < re.length ? "{" + re.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          H,
+          G,
           z,
           re,
           z
-        ), ne[z + H] = !0);
+        ), ne[z + G] = !0);
       }
       if (z = null, N !== void 0 && (t(N), z = "" + N), a(P) && (t(P.key), z = "" + P.key), "key" in P) {
         N = {};
@@ -4103,7 +4107,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"), 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() {
+    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"), q = 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 = {
@@ -4115,26 +4119,26 @@ React keys must be passed directly to JSX without using spread:
       m,
       s
     )(), at = fe(i(s)), ne = {};
-    Ye.Fragment = b, Ye.jsx = function(f, P, N, H, ie) {
-      var X = 1e4 > K.recentlyCreatedOwnerStacks++;
+    Ye.Fragment = b, Ye.jsx = function(f, P, N, G, ie) {
+      var X = 1e4 > q.recentlyCreatedOwnerStacks++;
       return d(
         f,
         P,
         N,
         !1,
-        H,
+        G,
         ie,
         X ? Error("react-stack-top-frame") : Et,
         X ? fe(i(f)) : at
       );
-    }, Ye.jsxs = function(f, P, N, H, ie) {
-      var X = 1e4 > K.recentlyCreatedOwnerStacks++;
+    }, Ye.jsxs = function(f, P, N, G, ie) {
+      var X = 1e4 > q.recentlyCreatedOwnerStacks++;
       return d(
         f,
         P,
         N,
         !0,
-        H,
+        G,
         ie,
         X ? Error("react-stack-top-frame") : Et,
         X ? fe(i(f)) : at
@@ -4161,7 +4165,7 @@ class jl {
   constructor(e) {
     c(this, "element");
     c(this, "events", {
-      ready: new q()
+      ready: new K()
     });
     c(this, "ev");
     c(this, "customButtonStyles");
@@ -4240,7 +4244,7 @@ class Kl {
   constructor(e) {
     c(this, "element");
     c(this, "events", {
-      ready: new q()
+      ready: new K()
     });
     c(this, "ev");
     c(this, "customButtonStyles");
@@ -4285,16 +4289,16 @@ class Kl {
     return this.element;
   }
 }
-const ql = "_paypal_iyh6g_1", Hl = "_hidden_iyh6g_7", Mt = {
+const ql = "_paypal_iyh6g_1", Gl = "_hidden_iyh6g_7", Mt = {
   paypal: ql,
-  hidden: Hl
+  hidden: Gl
 };
-class Gl {
+class Hl {
   constructor(e) {
     c(this, "element");
     c(this, "events", {
-      ready: new q(),
-      onPaymentAttempt: new q()
+      ready: new K(),
+      onPaymentAttempt: new K()
     });
     c(this, "paypal");
     c(this, "customButtonStyles");
@@ -4486,8 +4490,8 @@ class nc {
     c(this, "container");
     c(this, "venmoButton");
     c(this, "events", {
-      ready: new q(),
-      onPaymentAttempt: new q()
+      ready: new K(),
+      onPaymentAttempt: new K()
     });
     c(this, "braintree");
     c(this, "isInitialized", !1);
@@ -4571,12 +4575,13 @@ class ic {
     c(this, "card");
     c(this, "braintree");
     c(this, "events", {
-      ready: new q(),
-      open: new q(),
-      error: new q(),
-      cancel: new q(),
-      success: new q(),
-      onPaymentAttempt: new q()
+      onFormLoaded: new K(),
+      ready: new K(),
+      open: new K(),
+      error: new K(),
+      cancel: new K(),
+      success: new K(),
+      onPaymentAttempt: new K()
     });
     this.config = e, this.buttons = document.createElement("div"), this.buttons.classList.add(be.buttons, be.hidden);
   }
@@ -4740,13 +4745,15 @@ class ic {
       let r = t.filter(({ is_active: a }) => a);
       (i == null ? void 0 : i.variant) === "default" && (r = r.filter(({ type: a }) => a !== x.CARD));
       const s = this.initializeButtonInstances(r);
-      Promise.allSettled(s), this.handleReady();
+      Promise.all(s).then(() => {
+        this.handleOnFormLoaded();
+      }), this.handleReady();
     });
   }
   // initialize button instances
   initializeButtonInstances(e) {
     const t = e.map(({ type: h }) => h), i = t.includes(x.APPLE_PAY), r = t.includes(x.GOOGLE_PAY), s = t.includes(x.PAYPAL), a = t.includes(x.VENMO), o = t.includes(x.CARD);
-    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(() => {
+    i && !this.applePay && (this.applePay = new jl(this.config)), r && !this.googlePay && (this.googlePay = new Kl(this.config)), s && !this.paypal && (this.paypal = new Hl(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), u = /* @__PURE__ */ new Map();
@@ -4773,6 +4780,10 @@ class ic {
   handleReady() {
     this.events.ready.emit();
   }
+  // handle on form loaded
+  handleOnFormLoaded() {
+    this.events.onFormLoaded.emit();
+  }
   // add event listener
   addEventListener(e, t) {
     return this.events[e].addListener(t);
@@ -4907,7 +4918,7 @@ class Tc {
     c(this, "isDisabled", !1);
     c(this, "isChanged", !1);
     c(this, "events", {
-      change: new q()
+      change: new K()
     });
     var r, s, a, o, l, u, d, h, m;
     const i = e.messages();
@@ -4936,10 +4947,10 @@ class Tc {
   toggleLabelError(e) {
     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);
+        this.inputContainer.classList.add($.errorInput), this.endContent.classList.remove($.hidden), this.labelError.classList.remove($.hidden), yield H(this.labelError, W.open, W.transition);
         return;
       }
-      this.inputContainer.classList.remove($.errorInput), this.endContent.classList.add($.hidden), yield G(this.labelError, W.close, W.transition), this.labelError.classList.add($.hidden);
+      this.inputContainer.classList.remove($.errorInput), this.endContent.classList.add($.hidden), yield H(this.labelError, W.close, W.transition), this.labelError.classList.add($.hidden);
     });
   }
   addEventListener(e, t) {
@@ -5112,7 +5123,7 @@ class Bc {
     c(this, "isDisabled", !1);
     c(this, "isChanged", !1);
     c(this, "events", {
-      change: new q()
+      change: new K()
     });
     var r, s, a, o, l, u, d, h, m;
     this.translate = e;
@@ -5155,19 +5166,19 @@ ${b}::-ms-input-placeholder{${g}}
   toggleLabelError(e) {
     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);
+        this.inputContainer.classList.add(j.errorInput), this.labelError.classList.remove(j.hidden), yield H(this.labelError, W.open, W.transition);
         return;
       }
-      yield G(this.labelError, W.close, W.transition), this.labelError.classList.add(j.hidden);
+      yield H(this.labelError, W.close, W.transition), this.labelError.classList.add(j.hidden);
     });
   }
   toggleErrorMessage(e) {
     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);
+        this.inputContainer.classList.add(j.errorInput), this.error.textContent = this.errorMessage, this.error.classList.remove(j.hidden), yield H(this.error, Q.open, Q.transition);
         return;
       }
-      yield G(this.error, Q.close, Q.transition), this.error.classList.add(j.hidden);
+      yield H(this.error, Q.close, Q.transition), this.error.classList.add(j.hidden);
     });
   }
   getCardIcons() {
@@ -5206,13 +5217,13 @@ ${b}::-ms-input-placeholder{${g}}
     return this.toggleLabelError(t), this.toggleErrorMessage(i), !t && !i ? (this.inputContainer.classList.remove(j.errorInput), this.endContent.innerHTML = "", this.endContent.append(...this.getCardIcons())) : (this.endContent.innerHTML = "", this.endContent.appendChild(this.unknownCard.render())), this.isDisabled ? (this.inputContainer.classList.add(j.disabled), this.input.classList.add(j.disabledInput)) : (this.inputContainer.classList.remove(j.disabled), this.input.classList.remove(j.disabledInput)), this.element;
   }
 }
-const zc = "_inputContainer_41zd2_5", $c = "_disabled_41zd2_23", Kc = "_input_41zd2_5", qc = "_endContent_41zd2_39", Hc = "_errorInput_41zd2_18", Gc = "_error_41zd2_18", Yc = "_label_41zd2_56", Uc = "_labelError_41zd2_67", Wc = "_disabledInput_41zd2_75", Zc = "_hidden_41zd2_82", Jc = "_securityContent_41zd2_86", A = {
+const zc = "_inputContainer_41zd2_5", $c = "_disabled_41zd2_23", Kc = "_input_41zd2_5", qc = "_endContent_41zd2_39", Gc = "_errorInput_41zd2_18", Hc = "_error_41zd2_18", Yc = "_label_41zd2_56", Uc = "_labelError_41zd2_67", Wc = "_disabledInput_41zd2_75", Zc = "_hidden_41zd2_82", Jc = "_securityContent_41zd2_86", A = {
   inputContainer: zc,
   disabled: $c,
   input: Kc,
   endContent: qc,
-  errorInput: Hc,
-  error: Gc,
+  errorInput: Gc,
+  error: Hc,
   label: Yc,
   labelError: Uc,
   disabledInput: Wc,
@@ -5281,8 +5292,8 @@ class Qc {
     c(this, "isCvcRequired", !1);
     c(this, "isCvcChanged", !1);
     c(this, "events", {
-      expiryChange: new q(),
-      cvcChange: new q()
+      expiryChange: new K(),
+      cvcChange: new K()
     });
     var a, o, l, u, d, h, m, p, g, b, y, k, V, _, M, T, D;
     this.translate = e;
@@ -5348,19 +5359,19 @@ class Qc {
   toggleCvcLabelError(e) {
     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);
+        this.cvcInputContainer.classList.add(A.errorInput), this.cvcLabelError.classList.remove(A.hidden), yield H(this.cvcLabelError, W.open, W.transition);
         return;
       }
-      yield G(this.cvcLabelError, W.close, W.transition), this.cvcLabelError.classList.add(A.hidden);
+      yield H(this.cvcLabelError, W.close, W.transition), this.cvcLabelError.classList.add(A.hidden);
     });
   }
   toggleCvcErrorMessage(e) {
     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);
+        this.cvcInputContainer.classList.add(A.errorInput), this.cvcError.textContent = this.cvcErrorMessage, this.cvcError.classList.remove(A.hidden), yield H(this.cvcError, Q.open, Q.transition);
         return;
       }
-      yield G(this.cvcError, Q.close, Q.transition), this.cvcError.classList.add(A.hidden);
+      yield H(this.cvcError, Q.close, Q.transition), this.cvcError.classList.add(A.hidden);
     });
   }
   expiryValidator(e) {
@@ -5399,20 +5410,20 @@ class Qc {
   toggleExpiryLabelError(e) {
     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);
+        this.expiryInputContainer.classList.add(A.errorInput), this.expiryLabelError.classList.remove(A.hidden), yield H(this.expiryLabelError, W.open, W.transition);
         return;
       }
-      yield G(this.expiryLabelError, W.close, W.transition), this.expiryLabelError.classList.add(A.hidden);
+      yield H(this.expiryLabelError, W.close, W.transition), this.expiryLabelError.classList.add(A.hidden);
     });
   }
   // toggle expiry error message
   toggleExpiryErrorMessage(e) {
     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);
+        this.expiryInputContainer.classList.add(A.errorInput), this.expiryError.textContent = this.expiryErrorMessage, this.expiryError.classList.remove(A.hidden), yield H(this.expiryError, Q.open, Q.transition);
         return;
       }
-      yield G(this.expiryError, Q.close, Q.transition), this.expiryError.classList.add(A.hidden);
+      yield H(this.expiryError, Q.close, Q.transition), this.expiryError.classList.add(A.hidden);
     });
   }
   // add event listener
@@ -5462,8 +5473,8 @@ class ed {
     c(this, "onPaymentAttempt");
     c(this, "isBackVisible", !0);
     c(this, "events", {
-      submit: new q(),
-      close: new q()
+      submit: new K(),
+      close: new K()
     });
     const a = i.getState();
     this.element = document.createElement("form"), this.onPaymentAttempt = s, this.submit = new hc(e, a.SubmitButton), this.back = new oc(a.BackButton), this.number = new Bc(e, a.Input), this.name = new Tc(e, a.Input), this.cardSecurity = new Qc(e, a.Input), this.element.classList.add(ve.cardForm), t && F(this.element, t);
@@ -5644,31 +5655,33 @@ class od {
         var i;
         const t = this.config.state.checkout.getState();
         (i = t.onCheckoutAttempt) == null || i.call(t, { paymentMethod: e }), this.hideError();
+      }), this.buttons.addEventListener("onFormLoaded", () => {
+        const { onCheckoutLoaded: e } = this.config.state.checkout.getState();
+        !this.hasLoadedOnce && e && (this.hasLoadedOnce = !0, e({ success: !0 }));
       }), this.buttons.addEventListener("ready", () => E(this, null, function* () {
-        var i;
+        var t;
         this.loader.setClassName(Z.hidden);
-        const { variant: e, onCheckoutLoaded: t } = this.config.state.checkout.getState();
+        const { variant: e } = this.config.state.checkout.getState();
         if (this.form.setDefaultVariant(e === "default"), this.buttons.showButton(), e === "default") {
-          const r = this.checkout.getBoundingClientRect().height;
-          r < this.FORM_HEIGHT && (this.checkout.style.height = `${r}px`), this.form.element.classList.remove(Z.hidden), r < this.FORM_HEIGHT && (yield (i = this.checkout.animate(
-            { minHeight: [`${r}px`, `${this.FORM_HEIGHT}px`] },
+          const i = this.checkout.getBoundingClientRect().height;
+          i < this.FORM_HEIGHT && (this.checkout.style.height = `${i}px`), this.form.element.classList.remove(Z.hidden), i < this.FORM_HEIGHT && (yield (t = this.checkout.animate(
+            { minHeight: [`${i}px`, `${this.FORM_HEIGHT}px`] },
             { duration: 250, easing: "ease-out", fill: "forwards" }
-          ).finished) != null ? i : Promise.resolve(), this.checkout.style.height = ""), this.isFormOpen = !0;
+          ).finished) != null ? t : Promise.resolve(), this.checkout.style.height = ""), this.isFormOpen = !0;
         }
-        !this.hasLoadedOnce && t && (this.hasLoadedOnce = !0, t({ success: !0 }));
       })), this.buttons.addEventListener("open", () => E(this, null, function* () {
         var r;
         if (this.isLoading) return;
         this.hideError();
         const e = this.checkout.getBoundingClientRect().height;
-        this.closedHeight = e, e < this.FORM_HEIGHT && (this.checkout.style.height = `${e}px`), yield G(this.buttons.buttons, ut.close, ut.transition), this.buttons.buttons.classList.add(Z.hidden), this.form.element.classList.add(Z.formInitial), this.form.element.classList.remove(Z.hidden);
+        this.closedHeight = e, e < this.FORM_HEIGHT && (this.checkout.style.height = `${e}px`), yield H(this.buttons.buttons, ut.close, ut.transition), this.buttons.buttons.classList.add(Z.hidden), this.form.element.classList.add(Z.formInitial), this.form.element.classList.remove(Z.hidden);
         const t = e;
         let i = null;
         t < this.FORM_HEIGHT && (this.checkout.style.height = `${t}px`, i = (r = this.checkout.animate(
           { minHeight: [`${t}px`, `${this.FORM_HEIGHT}px`] },
           { duration: 250, easing: "ease-out", fill: "forwards" }
         ).finished) != null ? r : Promise.resolve()), yield Promise.all([
-          G(this.form.element, Le.open, Le.transition),
+          H(this.form.element, Le.open, Le.transition),
           i != null ? i : Promise.resolve()
         ]), t < this.FORM_HEIGHT && (this.checkout.style.height = ""), this.isFormOpen = !0;
       })), this.buttons.addEventListener("error", (e) => {
@@ -5707,11 +5720,11 @@ class od {
         this.closedHeight > 0 && e > this.closedHeight && (this.checkout.style.height = `${e}px`, t = (s = this.checkout.animate(
           { minHeight: [`${e}px`, `${this.closedHeight}px`] },
           { duration: 250, easing: "ease-out", fill: "forwards" }
-        ).finished) != null ? s : Promise.resolve()), yield G(this.form.element, Le.close, Le.transition), this.form.element.classList.add(Z.hidden);
+        ).finished) != null ? s : Promise.resolve()), yield H(this.form.element, Le.close, Le.transition), this.form.element.classList.add(Z.hidden);
         const { variant: r } = this.config.state.checkout.getState();
         if (r !== "default") {
           this.buttons.buttons.classList.add(Z.btnsInitial), this.buttons.buttons.classList.remove(Z.hidden);
-          const o = G(this.buttons.buttons, ut.open, ut.transition);
+          const o = H(this.buttons.buttons, ut.open, ut.transition);
           yield Promise.all([o, t != null ? t : Promise.resolve()]);
         }
         this.closedHeight > 0 && (t = (a = this.checkout.animate(
@@ -5791,7 +5804,7 @@ class od {
   // show success
   showSuccess() {
     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);
+      this.container.classList.add(Z.hidden), this.success.removeClassName(Z.hidden), yield H(this.success.element, Le.open, Le.transition);
     });
   }
   // hide error
@@ -5844,17 +5857,16 @@ class ld {
     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: 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({
-              teamId: (m = h.evervault) == null ? void 0 : m.team_id,
-              appId: (p = h.evervault) == null ? void 0 : p.app_id
-            });
-        }).catch((h) => {
-          if (console.error(h), this.component) {
-            const m = i.messages(), p = h.name === "INVALID_SESSION" ? m.status.invalidSession : h.message;
-            this.component.showError(p);
+        const h = {
+          develop: "app_00b96c0c3011",
+          staging: "app_00396c84ac2b",
+          sandbox: "app_03b1ea2b6dfa",
+          production: "app_409cf462b6cc"
+        }, m = "team_f20c9e679d47", p = h[o];
+        this.config.service.ev.initEv({ teamId: m, appId: p }), l && i.locale() !== l && i.setLocale(l), u && i.overrides() !== u && i.setMessages(u), d && r.setState(d), t.updateTransaction(a, o, s).catch((g) => {
+          if (console.error(g), this.component) {
+            const b = i.messages(), y = g.name === "INVALID_SESSION" ? b.status.invalidSession : g.message;
+            this.component.showError(y);
           }
         });
       });
@@ -5871,7 +5883,7 @@ class Ct {
   constructor(e) {
     c(this, "initialState");
     c(this, "state");
-    c(this, "observer", new q());
+    c(this, "observer", new K());
     this.initialState = e, this.state = e;
   }
   getState() {
@@ -7258,7 +7270,7 @@ const md = {
     error: "Vaš način plačila je bil zavrnjen. To je lahko zaradi nezadostnih sredstev, poteklih podatkov o plačilu ali varnostnih omejitev. Preverite svoje podatke o plačilu ali poskusite drug način plačila.",
     invalidSession: "Vaša seja plačila je potekla. Osvežite stran za nadaljevanje."
   }
-}, Hd = {
+}, Gd = {
   card: {
     required: "KRÄVS",
     number: {
@@ -7301,7 +7313,7 @@ const md = {
     error: "Din betalningsmetod avvisades. Detta kan bero på otillräckliga medel, utgångna betalningsuppgifter eller säkerhetsbegränsningar. Vänligen kontrollera dina betalningsuppgifter eller prova en annan betalningsmetod.",
     invalidSession: "Din betalningssession har löpt ut. Vänligen uppdatera sidan för att fortsätta."
   }
-}, Gd = {
+}, Hd = {
   card: {
     required: "จำเป็น",
     number: {
@@ -7505,8 +7517,8 @@ const md = {
   uk: $d,
   sk: Kd,
   sl: qd,
-  sv: Hd,
-  th: Gd,
+  sv: Gd,
+  th: Hd,
   tr: Yd,
   vi: Ud,
   zh: Wd