mainstack-payments 0.5.1 → 0.5.3

package/build/mainstack-payments.js

@@ -776,7 +776,7 @@ function VS() {
         }
       }
     }
-    var C = l, F = c, P = s, N = i, I = t, le = u, ee = r, ie = h, fe = p, oe = n, ce = o, q = a, me = d, Re = !1;
+    var C = l, F = c, P = s, N = i, I = t, ie = u, ee = r, se = h, fe = p, oe = n, ce = o, q = a, me = d, Re = !1;
     function Se(B) {
       return Re || (Re = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), M(B) || k(B) === l;
     }
@@ -807,7 +807,7 @@ function VS() {
     function re(B) {
       return k(B) === n;
     }
-    function se(B) {
+    function le(B) {
       return k(B) === o;
     }
     function H(B) {
@@ -816,7 +816,7 @@ function VS() {
     function ye(B) {
       return k(B) === d;
     }
-    Pe.AsyncMode = C, Pe.ConcurrentMode = F, Pe.ContextConsumer = P, Pe.ContextProvider = N, Pe.Element = I, Pe.ForwardRef = le, Pe.Fragment = ee, Pe.Lazy = ie, Pe.Memo = fe, Pe.Portal = oe, Pe.Profiler = ce, Pe.StrictMode = q, Pe.Suspense = me, Pe.isAsyncMode = Se, Pe.isConcurrentMode = M, Pe.isContextConsumer = $, Pe.isContextProvider = j, Pe.isElement = D, Pe.isForwardRef = U, Pe.isFragment = Z, Pe.isLazy = W, Pe.isMemo = Q, Pe.isPortal = re, Pe.isProfiler = se, Pe.isStrictMode = H, Pe.isSuspense = ye, Pe.isValidElementType = E, Pe.typeOf = k;
+    Pe.AsyncMode = C, Pe.ConcurrentMode = F, Pe.ContextConsumer = P, Pe.ContextProvider = N, Pe.Element = I, Pe.ForwardRef = ie, Pe.Fragment = ee, Pe.Lazy = se, Pe.Memo = fe, Pe.Portal = oe, Pe.Profiler = ce, Pe.StrictMode = q, Pe.Suspense = me, Pe.isAsyncMode = Se, Pe.isConcurrentMode = M, Pe.isContextConsumer = $, Pe.isContextProvider = j, Pe.isElement = D, Pe.isForwardRef = U, Pe.isFragment = Z, Pe.isLazy = W, Pe.isMemo = Q, Pe.isPortal = re, Pe.isProfiler = le, Pe.isStrictMode = H, Pe.isSuspense = ye, Pe.isValidElementType = E, Pe.typeOf = k;
   }()), Pe;
 }
 process.env.NODE_ENV === "production" ? su.exports = zS() : su.exports = VS();
@@ -1973,9 +1973,9 @@ function xo(...e) {
 var Hs = { exports: {} };
 Hs.exports;
 (function(e, t) {
-  var n = 200, r = "__lodash_hash_undefined__", a = 800, o = 16, i = 9007199254740991, s = "[object Arguments]", l = "[object Array]", c = "[object AsyncFunction]", u = "[object Boolean]", d = "[object Date]", f = "[object Error]", p = "[object Function]", h = "[object GeneratorFunction]", m = "[object Map]", v = "[object Number]", y = "[object Null]", w = "[object Object]", E = "[object Proxy]", k = "[object RegExp]", C = "[object Set]", F = "[object String]", P = "[object Undefined]", N = "[object WeakMap]", I = "[object ArrayBuffer]", le = "[object DataView]", ee = "[object Float32Array]", ie = "[object Float64Array]", fe = "[object Int8Array]", oe = "[object Int16Array]", ce = "[object Int32Array]", q = "[object Uint8Array]", me = "[object Uint8ClampedArray]", Re = "[object Uint16Array]", Se = "[object Uint32Array]", M = /[\\^$.*+?()[\]{}|]/g, $ = /^\[object .+?Constructor\]$/, j = /^(?:0|[1-9]\d*)$/, D = {};
-  D[ee] = D[ie] = D[fe] = D[oe] = D[ce] = D[q] = D[me] = D[Re] = D[Se] = !0, D[s] = D[l] = D[I] = D[u] = D[le] = D[d] = D[f] = D[p] = D[m] = D[v] = D[w] = D[k] = D[C] = D[F] = D[N] = !1;
-  var U = typeof ts == "object" && ts && ts.Object === Object && ts, Z = typeof self == "object" && self && self.Object === Object && self, W = U || Z || Function("return this")(), Q = t && !t.nodeType && t, re = Q && !0 && e && !e.nodeType && e, se = re && re.exports === Q, H = se && U.process, ye = function() {
+  var n = 200, r = "__lodash_hash_undefined__", a = 800, o = 16, i = 9007199254740991, s = "[object Arguments]", l = "[object Array]", c = "[object AsyncFunction]", u = "[object Boolean]", d = "[object Date]", f = "[object Error]", p = "[object Function]", h = "[object GeneratorFunction]", m = "[object Map]", v = "[object Number]", y = "[object Null]", w = "[object Object]", E = "[object Proxy]", k = "[object RegExp]", C = "[object Set]", F = "[object String]", P = "[object Undefined]", N = "[object WeakMap]", I = "[object ArrayBuffer]", ie = "[object DataView]", ee = "[object Float32Array]", se = "[object Float64Array]", fe = "[object Int8Array]", oe = "[object Int16Array]", ce = "[object Int32Array]", q = "[object Uint8Array]", me = "[object Uint8ClampedArray]", Re = "[object Uint16Array]", Se = "[object Uint32Array]", M = /[\\^$.*+?()[\]{}|]/g, $ = /^\[object .+?Constructor\]$/, j = /^(?:0|[1-9]\d*)$/, D = {};
+  D[ee] = D[se] = D[fe] = D[oe] = D[ce] = D[q] = D[me] = D[Re] = D[Se] = !0, D[s] = D[l] = D[I] = D[u] = D[ie] = D[d] = D[f] = D[p] = D[m] = D[v] = D[w] = D[k] = D[C] = D[F] = D[N] = !1;
+  var U = typeof ts == "object" && ts && ts.Object === Object && ts, Z = typeof self == "object" && self && self.Object === Object && self, W = U || Z || Function("return this")(), Q = t && !t.nodeType && t, re = Q && !0 && e && !e.nodeType && e, le = re && re.exports === Q, H = le && U.process, ye = function() {
     try {
       var g = re && re.require && re.require("util").types;
       return g || H && H.binding && H.binding("util");
@@ -2018,7 +2018,7 @@ Hs.exports;
     return g ? "Symbol(src)_1." + g : "";
   }(), Y = mt.toString, ue = T.call(Object), de = RegExp(
     "^" + T.call(O).replace(M, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-  ), Oe = se ? W.Buffer : void 0, xt = W.Symbol, Ln = W.Uint8Array, zn = Oe ? Oe.allocUnsafe : void 0, Za = ht(Object.getPrototypeOf, Object), qr = Object.create, Zr = mt.propertyIsEnumerable, Xa = St.splice, vt = xt ? xt.toStringTag : void 0, Xr = function() {
+  ), Oe = le ? W.Buffer : void 0, xt = W.Symbol, Ln = W.Uint8Array, zn = Oe ? Oe.allocUnsafe : void 0, Za = ht(Object.getPrototypeOf, Object), qr = Object.create, Zr = mt.propertyIsEnumerable, Xa = St.splice, vt = xt ? xt.toStringTag : void 0, Xr = function() {
     try {
       var g = na(Object, "defineProperty");
       return g({}, "", {}), g;
@@ -7710,9 +7710,9 @@ You may have forgotten to import it.`);
       var P = Ba(d.concat(k), v.registered, C);
       E += v.key + "-" + P.name, i !== void 0 && (E += " " + i);
       var N = c && s === void 0 ? zp(w) : l, I = {};
-      for (var le in m)
-        c && le === "as" || // $FlowFixMe
-        N(le) && (I[le] = m[le]);
+      for (var ie in m)
+        c && ie === "as" || // $FlowFixMe
+        N(ie) && (I[ie] = m[ie]);
       return I.className = E, I.ref = y, /* @__PURE__ */ R.createElement(R.Fragment, null, /* @__PURE__ */ R.createElement(Bk, {
         cache: v,
         serialized: P,
@@ -9496,8 +9496,8 @@ function lh({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: r = 3
   const v = d + m, y = i === void 0 ? v : i(v);
   y !== v && (m = y - d);
   const w = (N) => -m * Math.exp(-N / r), E = (N) => y + w(N), k = (N) => {
-    const I = w(N), le = E(N);
-    f.done = Math.abs(I) <= c, f.value = f.done ? y : le;
+    const I = w(N), ie = E(N);
+    f.done = Math.abs(I) <= c, f.value = f.done ? y : ie;
   };
   let C, F;
   const P = (N) => {
@@ -9566,11 +9566,11 @@ function Qo({ autoplay: e = !0, delay: t = 0, driver: n = z2, keyframes: r, type
     keyframes: [...r].reverse(),
     velocity: -(f.velocity || 0)
   }));
-  let P = "idle", N = null, I = null, le = null;
+  let P = "idle", N = null, I = null, ie = null;
   C.calculatedDuration === null && o && (C.calculatedDuration = uh(C));
   const { calculatedDuration: ee } = C;
-  let ie = 1 / 0, fe = 1 / 0;
-  ee !== null && (ie = ee + i, fe = ie * (o + 1) - i);
+  let se = 1 / 0, fe = 1 / 0;
+  ee !== null && (se = ee + i, fe = se * (o + 1) - i);
   let oe = 0;
   const ce = ($) => {
     if (I === null)
@@ -9580,9 +9580,9 @@ function Qo({ autoplay: e = !0, delay: t = 0, driver: n = z2, keyframes: r, type
     oe = Math.max(j, 0), P === "finished" && N === null && (oe = fe);
     let U = oe, Z = C;
     if (o) {
-      const se = Math.min(oe, fe) / ie;
-      let H = Math.floor(se), ye = se % 1;
-      !ye && se >= 1 && (ye = 1), ye === 1 && H--, H = Math.min(H, o + 1), !!(H % 2) && (s === "reverse" ? (ye = 1 - ye, i && (ye -= i / ie)) : s === "mirror" && (Z = F)), U = rr(0, 1, ye) * ie;
+      const le = Math.min(oe, fe) / se;
+      let H = Math.floor(le), ye = le % 1;
+      !ye && le >= 1 && (ye = 1), ye === 1 && H--, H = Math.min(H, o + 1), !!(H % 2) && (s === "reverse" ? (ye = 1 - ye, i && (ye -= i / se)) : s === "mirror" && (Z = F)), U = rr(0, 1, ye) * se;
     }
     const W = D ? { done: !1, value: r[0] } : Z.next(U);
     k && (W.value = k(W.value));
@@ -9593,7 +9593,7 @@ function Qo({ autoplay: e = !0, delay: t = 0, driver: n = z2, keyframes: r, type
   }, q = () => {
     w && w.stop(), w = void 0;
   }, me = () => {
-    P = "idle", q(), m(), y(), I = le = null;
+    P = "idle", q(), m(), y(), I = ie = null;
   }, Re = () => {
     P = "finished", u && u(), q(), m();
   }, Se = () => {
@@ -9601,7 +9601,7 @@ function Qo({ autoplay: e = !0, delay: t = 0, driver: n = z2, keyframes: r, type
       return;
     w || (w = n(ce));
     const $ = w.now();
-    l && l(), N !== null ? I = $ - N : (!I || P === "finished") && (I = $), P === "finished" && y(), le = I, N = null, P = "running", w.start();
+    l && l(), N !== null ? I = $ - N : (!I || P === "finished") && (I = $), P === "finished" && y(), ie = I, N = null, P = "running", w.start();
   };
   e && Se();
   const M = {
@@ -9635,7 +9635,7 @@ function Qo({ autoplay: e = !0, delay: t = 0, driver: n = z2, keyframes: r, type
       h = !0, P !== "idle" && (P = "idle", c && c(), me());
     },
     cancel: () => {
-      le !== null && ce(le), me();
+      ie !== null && ce(ie), me();
     },
     complete: () => {
       P = "finished";
@@ -10288,24 +10288,24 @@ function _$(e) {
         continue;
       let I = k$(E.prevProp, k) || // If we're making this variant active, we want to always make it active
       w === c && E.isActive && !P && C || // If we removed a higher-priority variant (i is in reverse order)
-      y > m && C, le = !1;
+      y > m && C, ie = !1;
       const ee = Array.isArray(k) ? k : [k];
-      let ie = ee.reduce(a, {});
-      F === !1 && (ie = {});
+      let se = ee.reduce(a, {});
+      F === !1 && (se = {});
       const { prevResolvedValues: fe = {} } = E, oe = {
         ...fe,
-        ...ie
+        ...se
       }, ce = (q) => {
-        I = !0, p.has(q) && (le = !0, p.delete(q)), E.needsAnimating[q] = !0;
+        I = !0, p.has(q) && (ie = !0, p.delete(q)), E.needsAnimating[q] = !0;
       };
       for (const q in oe) {
-        const me = ie[q], Re = fe[q];
+        const me = se[q], Re = fe[q];
         if (h.hasOwnProperty(q))
           continue;
         let Se = !1;
         el(me) && el(Re) ? Se = !jv(me, Re) : Se = me !== Re, Se ? me !== void 0 ? ce(q) : p.add(q) : me !== void 0 && p.has(q) ? ce(q) : E.protectedKeys[q] = !0;
       }
-      E.prevProp = k, E.prevResolvedValues = ie, E.isActive && (h = { ...h, ...ie }), r && e.blockInitialAnimation && (I = !1), I && (!P || le) && f.push(...ee.map((q) => ({
+      E.prevProp = k, E.prevResolvedValues = se, E.isActive && (h = { ...h, ...se }), r && e.blockInitialAnimation && (I = !1), I && (!P || ie) && f.push(...ee.map((q) => ({
         animation: q,
         options: { type: w, ...l }
       })));
@@ -12438,11 +12438,11 @@ const zr = ({ children: e, custom: t, initial: n = !0, onExitComplete: r, exitBe
         d.delete(E);
         const N = Array.from(p.keys()).filter((I) => !v.includes(I));
         if (N.forEach((I) => p.delete(I)), f.current = c.filter((I) => {
-          const le = yr(I);
+          const ie = yr(I);
           return (
             // filter out the node exiting
-            le === E || // filter out the leftover children
-            N.includes(le)
+            ie === E || // filter out the leftover children
+            N.includes(ie)
           );
         }), !d.size) {
           if (l.current === !1)
@@ -13757,11 +13757,11 @@ function nR() {
       element: k(),
       elementType: C(),
       instanceOf: F,
-      node: le(),
+      node: ie(),
       objectOf: N,
       oneOf: P,
       oneOfType: I,
-      shape: ie,
+      shape: se,
       exact: fe
     };
     function h(M, $) {
@@ -13774,7 +13774,7 @@ function nR() {
     function v(M) {
       if (process.env.NODE_ENV !== "production")
         var $ = {}, j = 0;
-      function D(Z, W, Q, re, se, H, ye) {
+      function D(Z, W, Q, re, le, H, ye) {
         if (re = re || f, H = H || Q, ye !== n) {
           if (l) {
             var B = new Error(
@@ -13789,15 +13789,15 @@ function nR() {
             ), $[Xe] = !0, j++);
           }
         }
-        return W[Q] == null ? Z ? W[Q] === null ? new m("The " + se + " `" + H + "` is marked as required " + ("in `" + re + "`, but its value is `null`.")) : new m("The " + se + " `" + H + "` is marked as required in " + ("`" + re + "`, but its value is `undefined`.")) : null : M(W, Q, re, se, H);
+        return W[Q] == null ? Z ? W[Q] === null ? new m("The " + le + " `" + H + "` is marked as required " + ("in `" + re + "`, but its value is `null`.")) : new m("The " + le + " `" + H + "` is marked as required in " + ("`" + re + "`, but its value is `undefined`.")) : null : M(W, Q, re, le, H);
       }
       var U = D.bind(null, !1);
       return U.isRequired = D.bind(null, !0), U;
     }
     function y(M) {
       function $(j, D, U, Z, W, Q) {
-        var re = j[D], se = q(re);
-        if (se !== M) {
+        var re = j[D], le = q(re);
+        if (le !== M) {
           var H = me(re);
           return new m(
             "Invalid " + Z + " `" + W + "` of type " + ("`" + H + "` supplied to `" + U + "`, expected ") + ("`" + M + "`."),
@@ -13820,8 +13820,8 @@ function nR() {
           var re = q(Q);
           return new m("Invalid " + Z + " `" + W + "` of type " + ("`" + re + "` supplied to `" + U + "`, expected an array."));
         }
-        for (var se = 0; se < Q.length; se++) {
-          var H = M(Q, se, U, Z, W + "[" + se + "]", n);
+        for (var le = 0; le < Q.length; le++) {
+          var H = M(Q, le, U, Z, W + "[" + le + "]", n);
           if (H instanceof Error)
             return H;
         }
@@ -13870,11 +13870,11 @@ function nR() {
         for (var Q = j[D], re = 0; re < M.length; re++)
           if (h(Q, M[re]))
             return null;
-        var se = JSON.stringify(M, function(ye, B) {
+        var le = JSON.stringify(M, function(ye, B) {
           var Xe = me(B);
           return Xe === "symbol" ? String(B) : B;
         });
-        return new m("Invalid " + Z + " `" + W + "` of value `" + String(Q) + "` " + ("supplied to `" + U + "`, expected one of " + se + "."));
+        return new m("Invalid " + Z + " `" + W + "` of value `" + String(Q) + "` " + ("supplied to `" + U + "`, expected one of " + le + "."));
       }
       return v($);
     }
@@ -13885,9 +13885,9 @@ function nR() {
         var Q = j[D], re = q(Q);
         if (re !== "object")
           return new m("Invalid " + Z + " `" + W + "` of type " + ("`" + re + "` supplied to `" + U + "`, expected an object."));
-        for (var se in Q)
-          if (r(Q, se)) {
-            var H = M(Q, se, U, Z, W + "." + se, n);
+        for (var le in Q)
+          if (r(Q, le)) {
+            var H = M(Q, le, U, Z, W + "." + le, n);
             if (H instanceof Error)
               return H;
           }
@@ -13906,18 +13906,18 @@ function nR() {
           ), i;
       }
       function D(U, Z, W, Q, re) {
-        for (var se = [], H = 0; H < M.length; H++) {
+        for (var le = [], H = 0; H < M.length; H++) {
           var ye = M[H], B = ye(U, Z, W, Q, re, n);
           if (B == null)
             return null;
-          B.data && r(B.data, "expectedType") && se.push(B.data.expectedType);
+          B.data && r(B.data, "expectedType") && le.push(B.data.expectedType);
         }
-        var Xe = se.length > 0 ? ", expected one of type [" + se.join(", ") + "]" : "";
+        var Xe = le.length > 0 ? ", expected one of type [" + le.join(", ") + "]" : "";
         return new m("Invalid " + Q + " `" + re + "` supplied to " + ("`" + W + "`" + Xe + "."));
       }
       return v(D);
     }
-    function le() {
+    function ie() {
       function M($, j, D, U, Z) {
         return oe($[j]) ? null : new m("Invalid " + U + " `" + Z + "` supplied to " + ("`" + D + "`, expected a ReactNode."));
       }
@@ -13928,16 +13928,16 @@ function nR() {
         (M || "React class") + ": " + $ + " type `" + j + "." + D + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + U + "`."
       );
     }
-    function ie(M) {
+    function se(M) {
       function $(j, D, U, Z, W) {
         var Q = j[D], re = q(Q);
         if (re !== "object")
           return new m("Invalid " + Z + " `" + W + "` of type `" + re + "` " + ("supplied to `" + U + "`, expected `object`."));
-        for (var se in M) {
-          var H = M[se];
+        for (var le in M) {
+          var H = M[le];
           if (typeof H != "function")
-            return ee(U, Z, W, se, me(H));
-          var ye = H(Q, se, U, Z, W + "." + se, n);
+            return ee(U, Z, W, le, me(H));
+          var ye = H(Q, le, U, Z, W + "." + le, n);
           if (ye)
             return ye;
         }
@@ -13950,8 +13950,8 @@ function nR() {
         var Q = j[D], re = q(Q);
         if (re !== "object")
           return new m("Invalid " + Z + " `" + W + "` of type `" + re + "` " + ("supplied to `" + U + "`, expected `object`."));
-        var se = t({}, j[D], M);
-        for (var H in se) {
+        var le = t({}, j[D], M);
+        for (var H in le) {
           var ye = M[H];
           if (r(M, H) && typeof ye != "function")
             return ee(U, Z, W, H, me(ye));
@@ -14265,7 +14265,7 @@ var ab = Xd({}, function(e) {
   async: !0,
   ssr: typeof document < "u"
 }), mR = /* @__PURE__ */ Qt(void 0), gR = [], ib = /* @__PURE__ */ R.forwardRef(function(t, n) {
-  var r, a = R.useState(), o = a[0], i = a[1], s = R.useRef(), l = R.useRef(!1), c = R.useRef(null), u = R.useState({}), d = u[1], f = t.children, p = t.disabled, h = p === void 0 ? !1 : p, m = t.noFocusGuards, v = m === void 0 ? !1 : m, y = t.persistentFocus, w = y === void 0 ? !1 : y, E = t.crossFrame, k = E === void 0 ? !0 : E, C = t.autoFocus, F = C === void 0 ? !0 : C, P = t.allowTextSelection, N = t.group, I = t.className, le = t.whiteList, ee = t.hasPositiveIndices, ie = t.shards, fe = ie === void 0 ? gR : ie, oe = t.as, ce = oe === void 0 ? "div" : oe, q = t.lockProps, me = q === void 0 ? {} : q, Re = t.sideCar, Se = t.returnFocus, M = Se === void 0 ? !1 : Se, $ = t.focusOptions, j = t.onActivation, D = t.onDeactivation, U = R.useState({}), Z = U[0], W = R.useCallback(function(ht) {
+  var r, a = R.useState(), o = a[0], i = a[1], s = R.useRef(), l = R.useRef(!1), c = R.useRef(null), u = R.useState({}), d = u[1], f = t.children, p = t.disabled, h = p === void 0 ? !1 : p, m = t.noFocusGuards, v = m === void 0 ? !1 : m, y = t.persistentFocus, w = y === void 0 ? !1 : y, E = t.crossFrame, k = E === void 0 ? !0 : E, C = t.autoFocus, F = C === void 0 ? !0 : C, P = t.allowTextSelection, N = t.group, I = t.className, ie = t.whiteList, ee = t.hasPositiveIndices, se = t.shards, fe = se === void 0 ? gR : se, oe = t.as, ce = oe === void 0 ? "div" : oe, q = t.lockProps, me = q === void 0 ? {} : q, Re = t.sideCar, Se = t.returnFocus, M = Se === void 0 ? !1 : Se, $ = t.focusOptions, j = t.onActivation, D = t.onDeactivation, U = R.useState({}), Z = U[0], W = R.useCallback(function(ht) {
     var St = ht.captureFocusRestore;
     if (!c.current) {
       var _t, mt = (_t = document) == null ? void 0 : _t.activeElement;
@@ -14285,7 +14285,7 @@ var ab = Xd({}, function(e) {
         }) : _t.focus(gt);
       }
     }
-  }, [M]), se = R.useCallback(function(ht) {
+  }, [M]), le = R.useCallback(function(ht) {
     l.current && ab.useMedium(ht);
   }, []), H = ob.useMedium, ye = R.useCallback(function(ht) {
     s.current !== ht && (s.current = ht, i(ht));
@@ -14322,7 +14322,7 @@ var ab = Xd({}, function(e) {
     persistentFocus: w,
     crossFrame: k,
     autoFocus: F,
-    whiteList: le,
+    whiteList: ie,
     shards: fe,
     onActivation: W,
     onDeactivation: Q,
@@ -14333,7 +14333,7 @@ var ab = Xd({}, function(e) {
   }, B, {
     className: I,
     onBlur: H,
-    onFocus: se
+    onFocus: le
   }), /* @__PURE__ */ R.createElement(mR.Provider, {
     value: ut
   }, f)), nt && /* @__PURE__ */ R.createElement("div", {
@@ -15482,10 +15482,10 @@ function XO(e) {
     },
     [o, n, l]
   ), [w, E] = ae(!1), [k, C] = ae(!1), F = pe(
-    (I = {}, le = null) => ({
+    (I = {}, ie = null) => ({
       role: "dialog",
       ...I,
-      ref: ol(le, c),
+      ref: ol(ie, c),
       id: d,
       tabIndex: -1,
       "aria-modal": !0,
@@ -15503,9 +15503,9 @@ function XO(e) {
     },
     [n, a, s]
   ), N = pe(
-    (I = {}, le = null) => ({
+    (I = {}, ie = null) => ({
       ...I,
-      ref: ol(le, u),
+      ref: ol(ie, u),
       onClick: xo(I.onClick, P),
       onKeyDown: xo(I.onKeyDown, y),
       onMouseDown: xo(I.onMouseDown, v)
@@ -16433,17 +16433,17 @@ var Vu = function(t) {
   return t.charAt(0).toUpperCase() + t.slice(1);
 }, it = function(t, n) {
   var r = "".concat(XI(t), "Element"), a = function(l) {
-    var c = l.id, u = l.className, d = l.options, f = d === void 0 ? {} : d, p = l.onBlur, h = l.onFocus, m = l.onReady, v = l.onChange, y = l.onEscape, w = l.onClick, E = l.onLoadError, k = l.onLoaderStart, C = l.onNetworksChange, F = l.onConfirm, P = l.onCancel, N = l.onShippingAddressChange, I = l.onShippingRateChange, le = Vu("mounts <".concat(r, ">")), ee = "elements" in le ? le.elements : null, ie = "customCheckoutSdk" in le ? le.customCheckoutSdk : null, fe = xe.useState(null), oe = Kb(fe, 2), ce = oe[0], q = oe[1], me = xe.useRef(null), Re = xe.useRef(null);
+    var c = l.id, u = l.className, d = l.options, f = d === void 0 ? {} : d, p = l.onBlur, h = l.onFocus, m = l.onReady, v = l.onChange, y = l.onEscape, w = l.onClick, E = l.onLoadError, k = l.onLoaderStart, C = l.onNetworksChange, F = l.onConfirm, P = l.onCancel, N = l.onShippingAddressChange, I = l.onShippingRateChange, ie = Vu("mounts <".concat(r, ">")), ee = "elements" in ie ? ie.elements : null, se = "customCheckoutSdk" in ie ? ie.customCheckoutSdk : null, fe = xe.useState(null), oe = Kb(fe, 2), ce = oe[0], q = oe[1], me = xe.useRef(null), Re = xe.useRef(null);
     Nt(ce, "blur", p), Nt(ce, "focus", h), Nt(ce, "escape", y), Nt(ce, "click", w), Nt(ce, "loaderror", E), Nt(ce, "loaderstart", k), Nt(ce, "networkschange", C), Nt(ce, "confirm", F), Nt(ce, "cancel", P), Nt(ce, "shippingaddresschange", N), Nt(ce, "shippingratechange", I), Nt(ce, "change", v);
     var Se;
     m && (t === "expressCheckout" ? Se = m : Se = function() {
       m(ce);
     }), Nt(ce, "ready", Se), xe.useLayoutEffect(function() {
-      if (me.current === null && Re.current !== null && (ee || ie)) {
+      if (me.current === null && Re.current !== null && (ee || se)) {
         var $ = null;
-        ie ? $ = ie.createElement(t, f) : ee && ($ = ee.create(t, f)), me.current = $, q($), $ && $.mount(Re.current);
+        se ? $ = se.createElement(t, f) : ee && ($ = ee.create(t, f)), me.current = $, q($), $ && $.mount(Re.current);
       }
-    }, [ee, ie, f]);
+    }, [ee, se, f]);
     var M = Lu(f);
     return xe.useEffect(function() {
       if (me.current) {
@@ -17679,7 +17679,7 @@ function Kj(e) {
         xt.name === "ValidationError" ? de(Yj(xt)) : (process.env.NODE_ENV !== "production" && console.warn("Warning: An unhandled error was caught during validation in <Formik validationSchema />", xt), Oe(xt));
       });
     });
-  }, [f.validationSchema]), le = pe(function(T, O) {
+  }, [f.validationSchema]), ie = pe(function(T, O) {
     return new Promise(function(G) {
       return G(w.current[T].validate(O));
     });
@@ -17687,14 +17687,14 @@ function Kj(e) {
     var O = Object.keys(w.current).filter(function(Y) {
       return nn(w.current[Y].validate);
     }), G = O.length > 0 ? O.map(function(Y) {
-      return le(Y, Bt(T, Y));
+      return ie(Y, Bt(T, Y));
     }) : [Promise.resolve("DO_NOT_DELETE_YOU_WILL_BE_FIRED")];
     return Promise.all(G).then(function(Y) {
       return Y.reduce(function(ue, de, Oe) {
         return de === "DO_NOT_DELETE_YOU_WILL_BE_FIRED" || de && (ue = Mr(ue, O[Oe], de)), ue;
       }, {});
     });
-  }, [le]), ie = pe(function(T) {
+  }, [ie]), se = pe(function(T) {
     return Promise.all([ee(T), f.validationSchema ? I(T) : {}, f.validate ? N(T) : {}]).then(function(O) {
       var G = O[0], Y = O[1], ue = O[2], de = Uu.all([G, Y, ue], {
         arrayMerge: Zj
@@ -17705,7 +17705,7 @@ function Kj(e) {
     return T === void 0 && (T = F.values), P({
       type: "SET_ISVALIDATING",
       payload: !0
-    }), ie(T).then(function(O) {
+    }), se(T).then(function(O) {
       return y.current && (P({
         type: "SET_ISVALIDATING",
         payload: !1
@@ -17901,7 +17901,7 @@ function Kj(e) {
         return T;
       }
     });
-  }, []), se = pe(function(T) {
+  }, []), le = pe(function(T) {
     P({
       type: "SET_STATUS",
       payload: T
@@ -17955,7 +17955,7 @@ function Kj(e) {
     setFieldError: $,
     setFieldTouched: Z,
     setFieldValue: j,
-    setStatus: se,
+    setStatus: le,
     setSubmitting: H,
     setTouched: Re,
     setValues: M,
@@ -18017,7 +18017,7 @@ function Kj(e) {
     setFieldTouched: Z,
     setFieldValue: j,
     setFieldError: $,
-    setStatus: se,
+    setStatus: le,
     setSubmitting: H,
     setTouched: Re,
     setValues: M,
@@ -18553,7 +18553,7 @@ function fa(e) {
       return Yr.isRef(ee) ? ee.getValue(n, h, m) : ee;
     }
     function E(ee = {}) {
-      const ie = Object.assign({
+      const se = Object.assign({
         value: n,
         originalValue: o,
         label: i.spec.label,
@@ -18561,10 +18561,10 @@ function fa(e) {
         spec: i.spec,
         disableStackTrace: ee.disableStackTrace || y
       }, d, ee.params);
-      for (const oe of Object.keys(ie))
-        ie[oe] = w(ie[oe]);
-      const fe = new Mt(Mt.formatError(ee.message || f, ie), n, ie.path, ee.type || c, ie.disableStackTrace);
-      return fe.params = ie, fe;
+      for (const oe of Object.keys(se))
+        se[oe] = w(se[oe]);
+      const fe = new Mt(Mt.formatError(ee.message || f, se), n, se.path, ee.type || c, se.disableStackTrace);
+      return fe.params = se, fe;
     }
     const k = v ? s : l;
     let C = {
@@ -18587,8 +18587,8 @@ function fa(e) {
       return F(!0);
     let I;
     try {
-      var le;
-      if (I = u.call(C, n, C), typeof ((le = I) == null ? void 0 : le.then) == "function") {
+      var ie;
+      if (I = u.call(C, n, C), typeof ((ie = I) == null ? void 0 : ie.then) == "function") {
         if (a.sync)
           throw new Error(`Validation test of type: "${C.type}" returned a Promise during a synchronous validate. This test will finish after the validate call has returned`);
         return Promise.resolve(I).then(F, P);
@@ -21375,7 +21375,7 @@ const vg = /* @__PURE__ */ new Map([
   var oe, ce;
   const d = Qb(), f = Xb(), p = typeof window < "u" ? JSON.parse(window.localStorage.getItem("userIp")) : "", { mutate: h, data: m } = a0(c), [v, y] = ae(!1), [w, E] = ae(""), [k, C] = ae((p == null ? void 0 : p.country_name) || ""), [F, P] = ae(""), [N, I] = ae("");
   ae(!1);
-  const le = async (q) => {
+  const ie = async (q) => {
     var me, Re, Se, M;
     if (y(!0), q.preventDefault(), !(!d || !f))
       if (a)
@@ -21439,7 +21439,7 @@ const vg = /* @__PURE__ */ new Map([
           });
         }
       }
-  }, [ee] = $l("(max-width: 767px)"), ie = {
+  }, [ee] = $l("(max-width: 767px)"), se = {
     backgroundColor: "#fff",
     iconColor: "#c4f0ff",
     color: "#131316",
@@ -21542,7 +21542,7 @@ const vg = /* @__PURE__ */ new Map([
                           {
                             options: {
                               style: {
-                                base: ie,
+                                base: se,
                                 invalid: {
                                   iconColor: "red",
                                   color: "red"
@@ -21570,7 +21570,7 @@ const vg = /* @__PURE__ */ new Map([
                       {
                         options: {
                           style: {
-                            base: ie,
+                            base: se,
                             invalid: {
                               iconColor: "red",
                               color: "red"
@@ -21596,7 +21596,7 @@ const vg = /* @__PURE__ */ new Map([
                       {
                         options: {
                           style: {
-                            base: ie,
+                            base: se,
                             invalid: {
                               iconColor: "red",
                               color: "red"
@@ -21685,7 +21685,7 @@ const vg = /* @__PURE__ */ new Map([
             width: "100%",
             mt: "12px",
             onClick: (q) => {
-              le(q);
+              ie(q);
             },
             isLoading: v,
             disabled: v,
@@ -26180,11 +26180,11 @@ const bz = ln(
       mainstackProductId: P,
       STRIPE_SECRET_KEY: N,
       STRIPE_SECRET_KEY_GBP: I,
-      applyTrancheFee: le,
+      applyTrancheFee: ie,
       ip: ee,
-      shouldApplyTax: ie,
+      shouldApplyTax: se,
       paymentModel: fe = "default"
-    } = e, oe = h == null ? void 0 : h.hideDetails, ce = h == null ? void 0 : h.isSingleColumn, q = ((ta = h == null ? void 0 : h.showDefaultInputFields) == null ? void 0 : ta.email) ?? !0, me = ((Ti = h == null ? void 0 : h.showDefaultInputFields) == null ? void 0 : Ti.phone) ?? !1, Re = ((dr = h == null ? void 0 : h.showDefaultInputFields) == null ? void 0 : dr.fullname) ?? !0, { Request: Se } = uz(C), [M, $] = ae(""), [j, D] = ae(f), [U, Z] = ae(!1), [W, Q] = ae(!0), [re, se] = ae(!1), [H, ye] = ae(), [B, Xe] = ae(!1), [nt, en] = ae(""), [ut, ht] = ae({
+    } = e, oe = h == null ? void 0 : h.hideDetails, ce = h == null ? void 0 : h.isSingleColumn, q = ((ta = h == null ? void 0 : h.showDefaultInputFields) == null ? void 0 : ta.email) ?? !0, me = ((Ti = h == null ? void 0 : h.showDefaultInputFields) == null ? void 0 : Ti.phone) ?? !1, Re = ((dr = h == null ? void 0 : h.showDefaultInputFields) == null ? void 0 : dr.fullname) ?? !0, { Request: Se } = uz(C), [M, $] = ae(""), [j, D] = ae(f), [U, Z] = ae(!1), [W, Q] = ae(!0), [re, le] = ae(!1), [H, ye] = ae(), [B, Xe] = ae(!1), [nt, en] = ae(""), [ut, ht] = ae({
       amount: 0,
       type: "",
       value: 0,
@@ -26318,10 +26318,10 @@ const bz = ln(
         amount: j,
         currency: d,
         slug: v,
-        apply_tranche_fee: !0,
-        ip: ie ? ee : "",
-        country: ie ? (Pi = Zt == null ? void 0 : Zt.find((V) => V.name === L.values.country)) == null ? void 0 : Pi.alpha2Code : "",
-        postal_code: ie ? zl : "",
+        apply_tranche_fee: ie,
+        ip: se ? ee : "",
+        country: se ? (Pi = Zt == null ? void 0 : Zt.find((V) => V.name === L.values.country)) == null ? void 0 : Pi.alpha2Code : "",
+        postal_code: se ? zl : "",
         product_id: (to = e == null ? void 0 : e.metadata) == null ? void 0 : to.product_id,
         apply_switching_fee: cn,
         apply_currency_conversion_fee: wi
@@ -26448,7 +26448,7 @@ const bz = ln(
           {
             onSuccess() {
               var Qe;
-              se(!0), Q(!W), (ce || _t) && (gt != null && gt.current) && mt((Qe = gt == null ? void 0 : gt.current) == null ? void 0 : Qe.offsetTop);
+              le(!0), Q(!W), (ce || _t) && (gt != null && gt.current) && mt((Qe = gt == null ? void 0 : gt.current) == null ? void 0 : Qe.offsetTop);
             },
             onError(Qe) {
               var kt;
@@ -26459,7 +26459,7 @@ const bz = ln(
       }
       vt(!1);
     }, Xl = () => {
-      se(!1), Q(!W);
+      le(!1), Q(!W);
     }, {
       isOpen: Jl,
       onClose: Ql,
@@ -26757,7 +26757,7 @@ const bz = ln(
                   border: `1px solid ${Xt.gray50}`,
                   position: ce ? "static" : { lg: "fixed" },
                   width: ce ? "auto" : { lg: `${ea}px` },
-                  zIndex: 4,
+                  zIndex: 10,
                   children: [
                     /* @__PURE__ */ K(
                       rt,
@@ -26843,7 +26843,7 @@ const bz = ln(
                           }
                         )
                       ] }),
-                      Vn > 0 && ie && /* @__PURE__ */ K(Ye, { width: "100%", justifyContent: "space-between", children: [
+                      Vn > 0 && se && /* @__PURE__ */ K(Ye, { width: "100%", justifyContent: "space-between", children: [
                         /* @__PURE__ */ b(Ye, { alignItems: "center", children: /* @__PURE__ */ K(
                           qe,
                           {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mainstack-payments",
   "type": "module",
-  "version": "0.5.1",
+  "version": "0.5.3",
   "main": "build/mainstack-payments.js",
   "types": "build/src/index.d.ts",
   "files": [