mainstack-payments 1.0.21 → 1.0.22

package/build/mainstack-payments.js

@@ -1,7 +1,7 @@
 import { jsx as h, jsxs as $, Fragment as wt } from "react/jsx-runtime";
 import { Colors as ct, InfoIcon as Ks, Paragraph as dv, CountrySelect as M1, NotificationsFilledIcon as Go, LockIcon as O1, customSnackbar as Pt, SnackbarType as $t, CancelFilledIcon as wu, Button as qs, Loader as R1, ExpandMoreIcon as Wa, ClickTooltip as xp, DiscountIcon as I1, PhoneNumberInput as D1, MainstackProvider as B1, CustomSnackbarContainer as N1 } from "mainstack-design-system";
 import * as R from "react";
-import _e, { forwardRef as pn, useContext as et, createContext as tn, useLayoutEffect as ki, useEffect as de, useState as ae, useRef as Se, useMemo as at, useCallback as fe, useReducer as L1, useInsertionEffect as Td, createElement as fv, useId as eo, cloneElement as Zs, Children as pv, isValidElement as bl, memo as j1, useSyncExternalStore as z1, PureComponent as V1, useImperativeHandle as U1 } from "react";
+import ke, { forwardRef as pn, useContext as et, createContext as tn, useLayoutEffect as ki, useEffect as de, useState as ae, useRef as Se, useMemo as at, useCallback as fe, useReducer as L1, useInsertionEffect as Td, createElement as fv, useId as eo, cloneElement as Zs, Children as pv, isValidElement as bl, memo as j1, useSyncExternalStore as z1, PureComponent as V1, useImperativeHandle as U1 } from "react";
 import { createPortal as hv } from "react-dom";
 import G1 from "axios";
 function W1(e) {
@@ -776,7 +776,7 @@ function TS() {
         }
       }
     }
-    var E = l, F = c, P = s, D = i, B = t, G = u, X = r, H = g, ne = p, le = n, he = o, U = a, ge = d, He = !1;
+    var E = l, F = c, P = s, D = i, B = t, G = u, X = r, H = g, ne = p, ce = n, he = o, U = a, ge = d, He = !1;
     function ze(L) {
       return He || (He = !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(L) || T(L) === l;
     }
@@ -807,7 +807,7 @@ function TS() {
     function ie(L) {
       return T(L) === n;
     }
-    function ce(L) {
+    function ue(L) {
       return T(L) === o;
     }
     function Z(L) {
@@ -816,7 +816,7 @@ function TS() {
     function we(L) {
       return T(L) === d;
     }
-    Be.AsyncMode = E, Be.ConcurrentMode = F, Be.ContextConsumer = P, Be.ContextProvider = D, Be.Element = B, Be.ForwardRef = G, Be.Fragment = X, Be.Lazy = H, Be.Memo = ne, Be.Portal = le, Be.Profiler = he, Be.StrictMode = U, Be.Suspense = ge, Be.isAsyncMode = ze, Be.isConcurrentMode = M, Be.isContextConsumer = O, Be.isContextProvider = q, Be.isElement = j, Be.isForwardRef = J, Be.isFragment = Q, Be.isLazy = V, Be.isMemo = ee, Be.isPortal = ie, Be.isProfiler = ce, Be.isStrictMode = Z, Be.isSuspense = we, Be.isValidElementType = b, Be.typeOf = T;
+    Be.AsyncMode = E, Be.ConcurrentMode = F, Be.ContextConsumer = P, Be.ContextProvider = D, Be.Element = B, Be.ForwardRef = G, Be.Fragment = X, Be.Lazy = H, Be.Memo = ne, Be.Portal = ce, Be.Profiler = he, Be.StrictMode = U, Be.Suspense = ge, Be.isAsyncMode = ze, Be.isConcurrentMode = M, Be.isContextConsumer = O, Be.isContextProvider = q, Be.isElement = j, Be.isForwardRef = J, Be.isFragment = Q, Be.isLazy = V, Be.isMemo = ee, Be.isPortal = ie, Be.isProfiler = ue, Be.isStrictMode = Z, Be.isSuspense = we, Be.isValidElementType = b, Be.typeOf = T;
   }()), Be;
 }
 process.env.NODE_ENV === "production" ? Au.exports = AS() : Au.exports = TS();
@@ -2010,9 +2010,9 @@ function Pr(...e) {
 var Js = { exports: {} };
 Js.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]", g = "[object GeneratorFunction]", m = "[object Map]", v = "[object Number]", S = "[object Null]", x = "[object Object]", b = "[object Proxy]", T = "[object RegExp]", E = "[object Set]", F = "[object String]", P = "[object Undefined]", D = "[object WeakMap]", B = "[object ArrayBuffer]", G = "[object DataView]", X = "[object Float32Array]", H = "[object Float64Array]", ne = "[object Int8Array]", le = "[object Int16Array]", he = "[object Int32Array]", U = "[object Uint8Array]", ge = "[object Uint8ClampedArray]", He = "[object Uint16Array]", ze = "[object Uint32Array]", M = /[\\^$.*+?()[\]{}|]/g, O = /^\[object .+?Constructor\]$/, q = /^(?:0|[1-9]\d*)$/, j = {};
-  j[X] = j[H] = j[ne] = j[le] = j[he] = j[U] = j[ge] = j[He] = j[ze] = !0, j[s] = j[l] = j[B] = j[u] = j[G] = j[d] = j[f] = j[p] = j[m] = j[v] = j[x] = j[T] = j[E] = j[F] = j[D] = !1;
-  var J = typeof rs == "object" && rs && rs.Object === Object && rs, Q = typeof self == "object" && self && self.Object === Object && self, V = J || Q || Function("return this")(), ee = t && !t.nodeType && t, ie = ee && !0 && e && !e.nodeType && e, ce = ie && ie.exports === ee, Z = ce && J.process, we = 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]", g = "[object GeneratorFunction]", m = "[object Map]", v = "[object Number]", S = "[object Null]", x = "[object Object]", b = "[object Proxy]", T = "[object RegExp]", E = "[object Set]", F = "[object String]", P = "[object Undefined]", D = "[object WeakMap]", B = "[object ArrayBuffer]", G = "[object DataView]", X = "[object Float32Array]", H = "[object Float64Array]", ne = "[object Int8Array]", ce = "[object Int16Array]", he = "[object Int32Array]", U = "[object Uint8Array]", ge = "[object Uint8ClampedArray]", He = "[object Uint16Array]", ze = "[object Uint32Array]", M = /[\\^$.*+?()[\]{}|]/g, O = /^\[object .+?Constructor\]$/, q = /^(?:0|[1-9]\d*)$/, j = {};
+  j[X] = j[H] = j[ne] = j[ce] = j[he] = j[U] = j[ge] = j[He] = j[ze] = !0, j[s] = j[l] = j[B] = j[u] = j[G] = j[d] = j[f] = j[p] = j[m] = j[v] = j[x] = j[T] = j[E] = j[F] = j[D] = !1;
+  var J = typeof rs == "object" && rs && rs.Object === Object && rs, Q = typeof self == "object" && self && self.Object === Object && self, V = J || Q || Function("return this")(), ee = t && !t.nodeType && t, ie = ee && !0 && e && !e.nodeType && e, ue = ie && ie.exports === ee, Z = ue && J.process, we = function() {
     try {
       var y = ie && ie.require && ie.require("util").types;
       return y || Z && Z.binding && Z.binding("util");
@@ -2055,7 +2055,7 @@ Js.exports;
     return y ? "Symbol(src)_1." + y : "";
   }(), N = lt.toString, pe = _.call(Object), ye = RegExp(
     "^" + _.call(I).replace(M, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-  ), Ye = ce ? V.Buffer : void 0, Tt = V.Symbol, Rt = V.Uint8Array, jt = Ye ? Ye.allocUnsafe : void 0, na = st(Object.getPrototypeOf, Object), ra = Object.create, ro = lt.propertyIsEnumerable, aa = mt.splice, It = Tt ? Tt.toStringTag : void 0, oa = function() {
+  ), Ye = ue ? V.Buffer : void 0, Tt = V.Symbol, Rt = V.Uint8Array, jt = Ye ? Ye.allocUnsafe : void 0, na = st(Object.getPrototypeOf, Object), ra = Object.create, ro = lt.propertyIsEnumerable, aa = mt.splice, It = Tt ? Tt.toStringTag : void 0, oa = function() {
     try {
       var y = ho(Object, "defineProperty");
       return y({}, "", {}), y;
@@ -7923,9 +7923,9 @@ function Lc(e, t) {
     e,
     r
   )(a);
-  return _e.forwardRef(function(l, c) {
+  return ke.forwardRef(function(l, c) {
     const { colorMode: u, forced: d } = jd();
-    return _e.createElement(o, {
+    return ke.createElement(o, {
       ref: c,
       "data-theme": d ? u : void 0,
       ...l
@@ -9608,23 +9608,23 @@ function yi({ autoplay: e = !0, delay: t = 0, driver: n = kP, keyframes: r, type
   const { calculatedDuration: X } = E;
   let H = 1 / 0, ne = 1 / 0;
   X !== null && (H = X + i, ne = H * (o + 1) - i);
-  let le = 0;
+  let ce = 0;
   const he = (O) => {
     if (B === null)
       return;
-    p > 0 && (B = Math.min(B, O)), p < 0 && (B = Math.min(O - ne / p, B)), D !== null ? le = D : le = Math.round(O - B) * p;
-    const q = le - t * (p >= 0 ? 1 : -1), j = p >= 0 ? q < 0 : q > ne;
-    le = Math.max(q, 0), P === "finished" && D === null && (le = ne);
-    let J = le, Q = E;
+    p > 0 && (B = Math.min(B, O)), p < 0 && (B = Math.min(O - ne / p, B)), D !== null ? ce = D : ce = Math.round(O - B) * p;
+    const q = ce - t * (p >= 0 ? 1 : -1), j = p >= 0 ? q < 0 : q > ne;
+    ce = Math.max(q, 0), P === "finished" && D === null && (ce = ne);
+    let J = ce, Q = E;
     if (o) {
-      const ce = Math.min(le, ne) / H;
-      let Z = Math.floor(ce), we = ce % 1;
-      !we && ce >= 1 && (we = 1), we === 1 && Z--, Z = Math.min(Z, o + 1), !!(Z % 2) && (s === "reverse" ? (we = 1 - we, i && (we -= i / H)) : s === "mirror" && (Q = F)), J = cr(0, 1, we) * H;
+      const ue = Math.min(ce, ne) / H;
+      let Z = Math.floor(ue), we = ue % 1;
+      !we && ue >= 1 && (we = 1), we === 1 && Z--, Z = Math.min(Z, o + 1), !!(Z % 2) && (s === "reverse" ? (we = 1 - we, i && (we -= i / H)) : s === "mirror" && (Q = F)), J = cr(0, 1, we) * H;
     }
     const V = j ? { done: !1, value: r[0] } : Q.next(J);
     T && (V.value = T(V.value));
     let { done: ee } = V;
-    !j && X !== null && (ee = p >= 0 ? le >= ne : le <= 0);
+    !j && X !== null && (ee = p >= 0 ? ce >= ne : ce <= 0);
     const ie = D === null && (P === "finished" || P === "running" && ee);
     return d && d(V.value), ie && He(), V;
   }, U = () => {
@@ -9646,10 +9646,10 @@ function yi({ autoplay: e = !0, delay: t = 0, driver: n = kP, keyframes: r, type
       return v.then(O, q);
     },
     get time() {
-      return _n(le);
+      return _n(ce);
     },
     set time(O) {
-      O = ir(O), le = O, D !== null || !x || p === 0 ? D = O : B = x.now() - O / p;
+      O = ir(O), ce = O, D !== null || !x || p === 0 ? D = O : B = x.now() - O / p;
     },
     get duration() {
       const O = E.calculatedDuration === null ? Qh(E) : E.calculatedDuration;
@@ -9659,14 +9659,14 @@ function yi({ autoplay: e = !0, delay: t = 0, driver: n = kP, keyframes: r, type
       return p;
     },
     set speed(O) {
-      O === p || !x || (p = O, M.time = _n(le));
+      O === p || !x || (p = O, M.time = _n(ce));
     },
     get state() {
       return P;
     },
     play: ze,
     pause: () => {
-      P = "paused", D = le;
+      P = "paused", D = ce;
     },
     stop: () => {
       g = !0, P !== "idle" && (P = "idle", c && c(), ge());
@@ -10329,13 +10329,13 @@ function h6(e) {
       const X = Array.isArray(T) ? T : [T];
       let H = X.reduce(a, {});
       F === !1 && (H = {});
-      const { prevResolvedValues: ne = {} } = b, le = {
+      const { prevResolvedValues: ne = {} } = b, ce = {
         ...ne,
         ...H
       }, he = (U) => {
         B = !0, p.has(U) && (G = !0, p.delete(U)), b.needsAnimating[U] = !0;
       };
-      for (const U in le) {
+      for (const U in ce) {
         const ge = H[U], He = ne[U];
         if (g.hasOwnProperty(U))
           continue;
@@ -11036,7 +11036,7 @@ const $o = {
     return typeof a[2 + i] == "number" && (a[2 + i] /= c), typeof a[3 + i] == "number" && (a[3 + i] /= c), o(a);
   }
 };
-class W6 extends _e.Component {
+class W6 extends ke.Component {
   /**
    * This only mounts projection nodes for components that
    * need measuring, we might want to do it for all components
@@ -11078,7 +11078,7 @@ class W6 extends _e.Component {
 }
 function my(e) {
   const [t, n] = hy(), r = et(ef);
-  return _e.createElement(W6, { ...e, layoutGroup: r, switchLayoutGroup: et(u0), isPresent: t, safeToRemove: n });
+  return ke.createElement(W6, { ...e, layoutGroup: r, switchLayoutGroup: et(u0), isPresent: t, safeToRemove: n });
 }
 const H6 = {
   borderRadius: {
@@ -13990,7 +13990,7 @@ function q4() {
     function v(M) {
       if (process.env.NODE_ENV !== "production")
         var O = {}, q = 0;
-      function j(Q, V, ee, ie, ce, Z, we) {
+      function j(Q, V, ee, ie, ue, Z, we) {
         if (ie = ie || f, Z = Z || ee, we !== n) {
           if (l) {
             var L = new Error(
@@ -14005,15 +14005,15 @@ function q4() {
             ), O[tt] = !0, q++);
           }
         }
-        return V[ee] == null ? Q ? V[ee] === null ? new m("The " + ce + " `" + Z + "` is marked as required " + ("in `" + ie + "`, but its value is `null`.")) : new m("The " + ce + " `" + Z + "` is marked as required in " + ("`" + ie + "`, but its value is `undefined`.")) : null : M(V, ee, ie, ce, Z);
+        return V[ee] == null ? Q ? V[ee] === null ? new m("The " + ue + " `" + Z + "` is marked as required " + ("in `" + ie + "`, but its value is `null`.")) : new m("The " + ue + " `" + Z + "` is marked as required in " + ("`" + ie + "`, but its value is `undefined`.")) : null : M(V, ee, ie, ue, Z);
       }
       var J = j.bind(null, !1);
       return J.isRequired = j.bind(null, !0), J;
     }
     function S(M) {
       function O(q, j, J, Q, V, ee) {
-        var ie = q[j], ce = U(ie);
-        if (ce !== M) {
+        var ie = q[j], ue = U(ie);
+        if (ue !== M) {
           var Z = ge(ie);
           return new m(
             "Invalid " + Q + " `" + V + "` of type " + ("`" + Z + "` supplied to `" + J + "`, expected ") + ("`" + M + "`."),
@@ -14036,8 +14036,8 @@ function q4() {
           var ie = U(ee);
           return new m("Invalid " + Q + " `" + V + "` of type " + ("`" + ie + "` supplied to `" + J + "`, expected an array."));
         }
-        for (var ce = 0; ce < ee.length; ce++) {
-          var Z = M(ee, ce, J, Q, V + "[" + ce + "]", n);
+        for (var ue = 0; ue < ee.length; ue++) {
+          var Z = M(ee, ue, J, Q, V + "[" + ue + "]", n);
           if (Z instanceof Error)
             return Z;
         }
@@ -14086,11 +14086,11 @@ function q4() {
         for (var ee = q[j], ie = 0; ie < M.length; ie++)
           if (g(ee, M[ie]))
             return null;
-        var ce = JSON.stringify(M, function(we, L) {
+        var ue = JSON.stringify(M, function(we, L) {
           var tt = ge(L);
           return tt === "symbol" ? String(L) : L;
         });
-        return new m("Invalid " + Q + " `" + V + "` of value `" + String(ee) + "` " + ("supplied to `" + J + "`, expected one of " + ce + "."));
+        return new m("Invalid " + Q + " `" + V + "` of value `" + String(ee) + "` " + ("supplied to `" + J + "`, expected one of " + ue + "."));
       }
       return v(O);
     }
@@ -14101,9 +14101,9 @@ function q4() {
         var ee = q[j], ie = U(ee);
         if (ie !== "object")
           return new m("Invalid " + Q + " `" + V + "` of type " + ("`" + ie + "` supplied to `" + J + "`, expected an object."));
-        for (var ce in ee)
-          if (r(ee, ce)) {
-            var Z = M(ee, ce, J, Q, V + "." + ce, n);
+        for (var ue in ee)
+          if (r(ee, ue)) {
+            var Z = M(ee, ue, J, Q, V + "." + ue, n);
             if (Z instanceof Error)
               return Z;
           }
@@ -14122,20 +14122,20 @@ function q4() {
           ), i;
       }
       function j(J, Q, V, ee, ie) {
-        for (var ce = [], Z = 0; Z < M.length; Z++) {
+        for (var ue = [], Z = 0; Z < M.length; Z++) {
           var we = M[Z], L = we(J, Q, V, ee, ie, n);
           if (L == null)
             return null;
-          L.data && r(L.data, "expectedType") && ce.push(L.data.expectedType);
+          L.data && r(L.data, "expectedType") && ue.push(L.data.expectedType);
         }
-        var tt = ce.length > 0 ? ", expected one of type [" + ce.join(", ") + "]" : "";
+        var tt = ue.length > 0 ? ", expected one of type [" + ue.join(", ") + "]" : "";
         return new m("Invalid " + ee + " `" + ie + "` supplied to " + ("`" + V + "`" + tt + "."));
       }
       return v(j);
     }
     function G() {
       function M(O, q, j, J, Q) {
-        return le(O[q]) ? null : new m("Invalid " + J + " `" + Q + "` supplied to " + ("`" + j + "`, expected a ReactNode."));
+        return ce(O[q]) ? null : new m("Invalid " + J + " `" + Q + "` supplied to " + ("`" + j + "`, expected a ReactNode."));
       }
       return v(M);
     }
@@ -14149,11 +14149,11 @@ function q4() {
         var ee = q[j], ie = U(ee);
         if (ie !== "object")
           return new m("Invalid " + Q + " `" + V + "` of type `" + ie + "` " + ("supplied to `" + J + "`, expected `object`."));
-        for (var ce in M) {
-          var Z = M[ce];
+        for (var ue in M) {
+          var Z = M[ue];
           if (typeof Z != "function")
-            return X(J, Q, V, ce, ge(Z));
-          var we = Z(ee, ce, J, Q, V + "." + ce, n);
+            return X(J, Q, V, ue, ge(Z));
+          var we = Z(ee, ue, J, Q, V + "." + ue, n);
           if (we)
             return we;
         }
@@ -14166,8 +14166,8 @@ function q4() {
         var ee = q[j], ie = U(ee);
         if (ie !== "object")
           return new m("Invalid " + Q + " `" + V + "` of type `" + ie + "` " + ("supplied to `" + J + "`, expected `object`."));
-        var ce = t({}, q[j], M);
-        for (var Z in ce) {
+        var ue = t({}, q[j], M);
+        for (var Z in ue) {
           var we = M[Z];
           if (r(M, Z) && typeof we != "function")
             return X(J, Q, V, Z, ge(we));
@@ -14184,7 +14184,7 @@ Valid keys: ` + JSON.stringify(Object.keys(M), null, "  ")
       }
       return v(O);
     }
-    function le(M) {
+    function ce(M) {
       switch (typeof M) {
         case "number":
         case "string":
@@ -14194,7 +14194,7 @@ Valid keys: ` + JSON.stringify(Object.keys(M), null, "  ")
           return !M;
         case "object":
           if (Array.isArray(M))
-            return M.every(le);
+            return M.every(ce);
           if (M === null || s(M))
             return !0;
           var O = d(M);
@@ -14202,12 +14202,12 @@ Valid keys: ` + JSON.stringify(Object.keys(M), null, "  ")
             var q = O.call(M), j;
             if (O !== M.entries) {
               for (; !(j = q.next()).done; )
-                if (!le(j.value))
+                if (!ce(j.value))
                   return !1;
             } else
               for (; !(j = q.next()).done; ) {
                 var J = j.value;
-                if (J && !le(J[1]))
+                if (J && !ce(J[1]))
                   return !1;
               }
           } else
@@ -14481,7 +14481,7 @@ var Ky = Tf({}, function(e) {
   async: !0,
   ssr: typeof document < "u"
 }), s3 = /* @__PURE__ */ tn(void 0), l3 = [], Zy = /* @__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, g = p === void 0 ? !1 : p, m = t.noFocusGuards, v = m === void 0 ? !1 : m, S = t.persistentFocus, x = S === void 0 ? !1 : S, b = t.crossFrame, T = b === void 0 ? !0 : b, E = t.autoFocus, F = E === void 0 ? !0 : E, P = t.allowTextSelection, D = t.group, B = t.className, G = t.whiteList, X = t.hasPositiveIndices, H = t.shards, ne = H === void 0 ? l3 : H, le = t.as, he = le === void 0 ? "div" : le, U = t.lockProps, ge = U === void 0 ? {} : U, He = t.sideCar, ze = t.returnFocus, M = ze === void 0 ? !1 : ze, O = t.focusOptions, q = t.onActivation, j = t.onDeactivation, J = R.useState({}), Q = J[0], V = R.useCallback(function(st) {
+  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, g = p === void 0 ? !1 : p, m = t.noFocusGuards, v = m === void 0 ? !1 : m, S = t.persistentFocus, x = S === void 0 ? !1 : S, b = t.crossFrame, T = b === void 0 ? !0 : b, E = t.autoFocus, F = E === void 0 ? !0 : E, P = t.allowTextSelection, D = t.group, B = t.className, G = t.whiteList, X = t.hasPositiveIndices, H = t.shards, ne = H === void 0 ? l3 : H, ce = t.as, he = ce === void 0 ? "div" : ce, U = t.lockProps, ge = U === void 0 ? {} : U, He = t.sideCar, ze = t.returnFocus, M = ze === void 0 ? !1 : ze, O = t.focusOptions, q = t.onActivation, j = t.onDeactivation, J = R.useState({}), Q = J[0], V = R.useCallback(function(st) {
     var mt = st.captureFocusRestore;
     if (!c.current) {
       var ve, lt = (ve = document) == null ? void 0 : ve.activeElement;
@@ -14501,7 +14501,7 @@ var Ky = Tf({}, function(e) {
         }) : ve.focus(Ve);
       }
     }
-  }, [M]), ce = R.useCallback(function(st) {
+  }, [M]), ue = R.useCallback(function(st) {
     l.current && Ky.useMedium(st);
   }, []), Z = qy.useMedium, we = R.useCallback(function(st) {
     s.current !== st && (s.current = st, i(st));
@@ -14549,7 +14549,7 @@ var Ky = Tf({}, function(e) {
   }, L, {
     className: B,
     onBlur: Z,
-    onFocus: ce
+    onFocus: ue
   }), /* @__PURE__ */ R.createElement(s3.Provider, {
     value: Ot
   }, f)), me && /* @__PURE__ */ R.createElement("div", {
@@ -14656,7 +14656,7 @@ function p3(e, t) {
         var p = o.indexOf(this);
         o.splice(p, 1), s();
       }, d.render = function() {
-        return /* @__PURE__ */ _e.createElement(a, this.props);
+        return /* @__PURE__ */ ke.createElement(a, this.props);
       }, u;
     }(V1);
     return f3(l, "displayName", "SideEffect(" + n(a) + ")"), l;
@@ -15496,7 +15496,7 @@ Bf.displayName = "Grid";
 function $F(e, t) {
   return Array.isArray(e) ? e.map((n) => n === null ? null : t(n)) : dn(e) ? Object.keys(e).reduce((n, r) => (n[r] = t(e[r]), n), {}) : e != null ? t(e) : null;
 }
-var ke = je(function(t, n) {
+var _e = je(function(t, n) {
   const r = Vn("Text", t), { className: a, align: o, decoration: i, casing: s, ...l } = rn(t), c = Zd({
     textAlign: t.align,
     textDecoration: t.decoration,
@@ -15513,7 +15513,7 @@ var ke = je(function(t, n) {
     }
   );
 });
-ke.displayName = "Text";
+_e.displayName = "Text";
 function cg(e) {
   return $F(
     e,
@@ -15623,7 +15623,7 @@ var id = je(function(t, n) {
   );
 });
 id.displayName = "Divider";
-var ue = je(function(t, n) {
+var le = je(function(t, n) {
   const { direction: r, align: a, justify: o, wrap: i, basis: s, grow: l, shrink: c, ...u } = t, d = {
     display: "flex",
     flexDirection: r,
@@ -15636,7 +15636,7 @@ var ue = je(function(t, n) {
   };
   return /* @__PURE__ */ h(xe.div, { ref: n, __css: d, ...u });
 });
-ue.displayName = "Flex";
+le.displayName = "Flex";
 function Gr(e, t = {}) {
   const { ssr: n = !0, fallback: r } = t, { getWindow: a } = I5(), o = Array.isArray(e) ? e : [e];
   let i = Array.isArray(r) ? r : [r];
@@ -16662,10 +16662,10 @@ function N9() {
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
 var zt = function(t, n, r) {
-  var a = !!r, o = _e.useRef(r);
-  _e.useEffect(function() {
+  var a = !!r, o = ke.useRef(r);
+  ke.useEffect(function() {
     o.current = r;
-  }, [r]), _e.useEffect(function() {
+  }, [r]), ke.useEffect(function() {
     if (!a || !t)
       return function() {
       };
@@ -16677,8 +16677,8 @@ var zt = function(t, n, r) {
     };
   }, [a, n, t, o]);
 }, fd = function(t) {
-  var n = _e.useRef(t);
-  return _e.useEffect(function() {
+  var n = ke.useRef(t);
+  return ke.useEffect(function() {
     n.current = t;
   }, [t]), n.current;
 }, Ja = function(t) {
@@ -16747,22 +16747,22 @@ var zt = function(t, n, r) {
     version: "2.7.0",
     url: "https://stripe.com/docs/stripe-js/react"
   }));
-}, zl = /* @__PURE__ */ _e.createContext(null);
+}, zl = /* @__PURE__ */ ke.createContext(null);
 zl.displayName = "ElementsContext";
 var jb = function(t, n) {
   if (!t)
     throw new Error("Could not find Elements context; You need to wrap the part of your app that ".concat(n, " in an <Elements> provider."));
   return t;
 }, Ws = function(t) {
-  var n = t.stripe, r = t.options, a = t.children, o = _e.useMemo(function() {
+  var n = t.stripe, r = t.options, a = t.children, o = ke.useMemo(function() {
     return V9(n);
-  }, [n]), i = _e.useState(function() {
+  }, [n]), i = ke.useState(function() {
     return {
       stripe: o.tag === "sync" ? o.stripe : null,
       elements: o.tag === "sync" ? o.stripe.elements(r) : null
     };
   }), s = Bb(i, 2), l = s[0], c = s[1];
-  _e.useEffect(function() {
+  ke.useEffect(function() {
     var f = !0, p = function(m) {
       c(function(v) {
         return v.stripe ? v : {
@@ -16778,18 +16778,18 @@ var jb = function(t, n) {
     };
   }, [o, l, r]);
   var u = fd(n);
-  _e.useEffect(function() {
+  ke.useEffect(function() {
     u !== null && u !== n && console.warn("Unsupported prop change on Elements: You cannot change the `stripe` prop after setting it.");
   }, [u, n]);
   var d = fd(r);
-  return _e.useEffect(function() {
+  return ke.useEffect(function() {
     if (l.elements) {
       var f = Nb(r, d, ["clientSecret", "fonts"]);
       f && l.elements.update(f);
     }
-  }, [r, d, l.elements]), _e.useEffect(function() {
+  }, [r, d, l.elements]), ke.useEffect(function() {
     U9(l.stripe);
-  }, [l.stripe]), /* @__PURE__ */ _e.createElement(zl.Provider, {
+  }, [l.stripe]), /* @__PURE__ */ ke.createElement(zl.Provider, {
     value: l
   }, a);
 };
@@ -16798,27 +16798,27 @@ Ws.propTypes = {
   options: Je.object
 };
 var G9 = function(t) {
-  var n = _e.useContext(zl);
+  var n = ke.useContext(zl);
   return jb(n, t);
 }, zb = function() {
   var t = G9("calls useElements()"), n = t.elements;
   return n;
 };
 Je.func.isRequired;
-var Vb = /* @__PURE__ */ _e.createContext(null);
+var Vb = /* @__PURE__ */ ke.createContext(null);
 Vb.displayName = "CustomCheckoutSdkContext";
 var W9 = function(t, n) {
   if (!t)
     throw new Error("Could not find CustomCheckoutProvider context; You need to wrap the part of your app that ".concat(n, " in an <CustomCheckoutProvider> provider."));
   return t;
-}, H9 = /* @__PURE__ */ _e.createContext(null);
+}, H9 = /* @__PURE__ */ ke.createContext(null);
 H9.displayName = "CustomCheckoutContext";
 Je.any, Je.shape({
   clientSecret: Je.string.isRequired,
   elementsOptions: Je.object
 }).isRequired;
 var pd = function(t) {
-  var n = _e.useContext(Vb), r = _e.useContext(zl);
+  var n = ke.useContext(Vb), r = ke.useContext(zl);
   if (n && r)
     throw new Error("You cannot wrap the part of your app that ".concat(t, " in both <CustomCheckoutProvider> and <Elements> providers."));
   return n ? W9(n, t) : jb(r, t);
@@ -16826,24 +16826,24 @@ var pd = function(t) {
   return t.charAt(0).toUpperCase() + t.slice(1);
 }, pt = function(t, n) {
   var r = "".concat(K9(t), "Element"), a = function(l) {
-    var c = l.id, u = l.className, d = l.options, f = d === void 0 ? {} : d, p = l.onBlur, g = l.onFocus, m = l.onReady, v = l.onChange, S = l.onEscape, x = l.onClick, b = l.onLoadError, T = l.onLoaderStart, E = l.onNetworksChange, F = l.onConfirm, P = l.onCancel, D = l.onShippingAddressChange, B = l.onShippingRateChange, G = pd("mounts <".concat(r, ">")), X = "elements" in G ? G.elements : null, H = "customCheckoutSdk" in G ? G.customCheckoutSdk : null, ne = _e.useState(null), le = Bb(ne, 2), he = le[0], U = le[1], ge = _e.useRef(null), He = _e.useRef(null);
+    var c = l.id, u = l.className, d = l.options, f = d === void 0 ? {} : d, p = l.onBlur, g = l.onFocus, m = l.onReady, v = l.onChange, S = l.onEscape, x = l.onClick, b = l.onLoadError, T = l.onLoaderStart, E = l.onNetworksChange, F = l.onConfirm, P = l.onCancel, D = l.onShippingAddressChange, B = l.onShippingRateChange, G = pd("mounts <".concat(r, ">")), X = "elements" in G ? G.elements : null, H = "customCheckoutSdk" in G ? G.customCheckoutSdk : null, ne = ke.useState(null), ce = Bb(ne, 2), he = ce[0], U = ce[1], ge = ke.useRef(null), He = ke.useRef(null);
     zt(he, "blur", p), zt(he, "focus", g), zt(he, "escape", S), zt(he, "click", x), zt(he, "loaderror", b), zt(he, "loaderstart", T), zt(he, "networkschange", E), zt(he, "confirm", F), zt(he, "cancel", P), zt(he, "shippingaddresschange", D), zt(he, "shippingratechange", B), zt(he, "change", v);
     var ze;
     m && (t === "expressCheckout" ? ze = m : ze = function() {
       m(he);
-    }), zt(he, "ready", ze), _e.useLayoutEffect(function() {
+    }), zt(he, "ready", ze), ke.useLayoutEffect(function() {
       if (ge.current === null && He.current !== null && (X || H)) {
         var O = null;
         H ? O = H.createElement(t, f) : X && (O = X.create(t, f)), ge.current = O, U(O), O && O.mount(He.current);
       }
     }, [X, H, f]);
     var M = fd(f);
-    return _e.useEffect(function() {
+    return ke.useEffect(function() {
       if (ge.current) {
         var O = Nb(f, M, ["paymentRequest"]);
         O && ge.current.update(O);
       }
-    }, [f, M]), _e.useLayoutEffect(function() {
+    }, [f, M]), ke.useLayoutEffect(function() {
       return function() {
         if (ge.current && typeof ge.current.destroy == "function")
           try {
@@ -16851,7 +16851,7 @@ var pd = function(t) {
           } catch {
           }
       };
-    }, []), /* @__PURE__ */ _e.createElement("div", {
+    }, []), /* @__PURE__ */ ke.createElement("div", {
       id: c,
       className: u,
       ref: He
@@ -16859,7 +16859,7 @@ var pd = function(t) {
   }, o = function(l) {
     pd("mounts <".concat(r, ">"));
     var c = l.id, u = l.className;
-    return /* @__PURE__ */ _e.createElement("div", {
+    return /* @__PURE__ */ ke.createElement("div", {
       id: c,
       className: u
     });
@@ -16882,7 +16882,7 @@ var pd = function(t) {
     onShippingRateChange: Je.func,
     options: Je.object
   }, i.displayName = r, i.__elementType = t, i;
-}, ht = typeof window > "u", q9 = /* @__PURE__ */ _e.createContext(null);
+}, ht = typeof window > "u", q9 = /* @__PURE__ */ ke.createContext(null);
 q9.displayName = "EmbeddedCheckoutProviderContext";
 var Vf = function() {
   var t = pd("calls useStripe()"), n = t.stripe;
@@ -18128,7 +18128,7 @@ function UR(e) {
   de(function() {
     i && S.current === !0 && Tr(p.current, f.initialValues) && ne(p.current);
   }, [i, ne]);
-  var le = fe(function(_) {
+  var ce = fe(function(_) {
     var I = _ && _.values ? _.values : p.current, W = _ && _.errors ? _.errors : g.current ? g.current : f.initialErrors || {}, N = _ && _.touched ? _.touched : m.current ? m.current : f.initialTouched || {}, pe = _ && _.status ? _.status : v.current ? v.current : f.initialStatus;
     p.current = I, g.current = W, m.current = N, v.current = pe;
     var ye = function() {
@@ -18152,8 +18152,8 @@ function UR(e) {
       ye();
   }, [f.initialErrors, f.initialStatus, f.initialTouched, f.onReset]);
   de(function() {
-    S.current === !0 && !Tr(p.current, f.initialValues) && c && (p.current = f.initialValues, le(), i && ne(p.current));
-  }, [c, f.initialValues, le, i, ne]), de(function() {
+    S.current === !0 && !Tr(p.current, f.initialValues) && c && (p.current = f.initialValues, ce(), i && ne(p.current));
+  }, [c, f.initialValues, ce, i, ne]), de(function() {
     c && S.current === !0 && !Tr(g.current, f.initialErrors) && (g.current = f.initialErrors || xr, P({
       type: "SET_ERRORS",
       payload: f.initialErrors || xr
@@ -18311,7 +18311,7 @@ function UR(e) {
         return _;
       }
     });
-  }, []), ce = fe(function(_) {
+  }, []), ue = fe(function(_) {
     P({
       type: "SET_STATUS",
       payload: _
@@ -18358,14 +18358,14 @@ function UR(e) {
       console.warn("Warning: An unhandled error was caught from submitForm()", W);
     });
   }), tt = {
-    resetForm: le,
+    resetForm: ce,
     validateForm: ne,
     validateField: he,
     setErrors: ze,
     setFieldError: O,
     setFieldTouched: Q,
     setFieldValue: q,
-    setStatus: ce,
+    setStatus: ue,
     setSubmitting: Z,
     setTouched: He,
     setValues: M,
@@ -18374,7 +18374,7 @@ function UR(e) {
   }, me = Zt(function() {
     return u(F.values, tt);
   }), ot = Zt(function(_) {
-    _ && _.preventDefault && ln(_.preventDefault) && _.preventDefault(), _ && _.stopPropagation && ln(_.stopPropagation) && _.stopPropagation(), le();
+    _ && _.preventDefault && ln(_.preventDefault) && _.preventDefault(), _ && _.stopPropagation && ln(_.stopPropagation) && _.stopPropagation(), ce();
   }), Ot = fe(function(_) {
     return {
       value: Vt(F.values, _),
@@ -18421,13 +18421,13 @@ function UR(e) {
     handleChange: J,
     handleReset: ot,
     handleSubmit: L,
-    resetForm: le,
+    resetForm: ce,
     setErrors: ze,
     setFormikState: ie,
     setFieldTouched: Q,
     setFieldValue: q,
     setFieldError: O,
-    setStatus: ce,
+    setStatus: ue,
     setSubmitting: Z,
     setTouched: He,
     setValues: M,
@@ -18971,8 +18971,8 @@ function Ca(e) {
         spec: i.spec,
         disableStackTrace: X.disableStackTrace || S
       }, d, X.params);
-      for (const le of Object.keys(H))
-        H[le] = x(H[le]);
+      for (const ce of Object.keys(H))
+        H[ce] = x(H[ce]);
       const ne = new Bt(Bt.formatError(X.message || f, H), n, H.path, X.type || c, H.disableStackTrace);
       return ne.params = H, ne;
     }
@@ -21796,7 +21796,7 @@ const iv = /* @__PURE__ */ new Map([
   const [T, E] = ae(0);
   return /* @__PURE__ */ $(Ee, { w: p || "full", children: [
     e && /* @__PURE__ */ h(
-      ke,
+      _e,
       {
         as: "label",
         htmlFor: n,
@@ -21857,7 +21857,7 @@ const iv = /* @__PURE__ */ new Map([
         ...S
       }
     ) }),
-    s && l && /* @__PURE__ */ $(ue, { alignItems: "center", gap: "6px", children: [
+    s && l && /* @__PURE__ */ $(le, { alignItems: "center", gap: "6px", children: [
       /* @__PURE__ */ h(Ks, { color: ct.red500 }),
       /* @__PURE__ */ h(dv, { color: ct.red500, size: "xxs", fontFamily: m, children: l })
     ] })
@@ -21932,7 +21932,7 @@ const iv = /* @__PURE__ */ new Map([
       D.current && me.unobserve(D.current);
     };
   }, [F, P, i, o]);
-  const ne = typeof window < "u" ? JSON.parse(window.localStorage.getItem("userIp")) : "", { mutate: le, data: he } = Hf(u), [U, ge] = ae(!1), [He, ze] = ae(""), [M, O] = ae("");
+  const ne = typeof window < "u" ? JSON.parse(window.localStorage.getItem("userIp")) : "", { mutate: ce, data: he } = Hf(u), [U, ge] = ae(!1), [He, ze] = ae(""), [M, O] = ae("");
   ae(!1);
   const [q, j] = ae(0), J = Se(null), Q = (n == null ? void 0 : n.country) ?? (ne == null ? void 0 : ne.country_name), V = (we = Qt == null ? void 0 : Qt.find(
     (me) => me.name === Q
@@ -21986,7 +21986,7 @@ const iv = /* @__PURE__ */ new Map([
             ...d === "ips" || g ? { payment_method_id: (Ot = ve == null ? void 0 : ve.paymentMethod) == null ? void 0 : Ot.id } : { source: (st = ve == null ? void 0 : ve.token) == null ? void 0 : st.id },
             callback_url: f
           };
-          le(lt, {
+          ce(lt, {
             onSuccess: (Ve) => {
               var _, I;
               if ((_ = Ve == null ? void 0 : Ve.data) != null && _.next_action) {
@@ -22012,7 +22012,7 @@ const iv = /* @__PURE__ */ new Map([
           });
         }
       }
-  }, ce = {
+  }, ue = {
     backgroundColor: "#fff",
     iconColor: "#c4f0ff",
     color: "#131316",
@@ -22049,7 +22049,7 @@ const iv = /* @__PURE__ */ new Map([
         /* @__PURE__ */ $(Bf, { gap: "16px", children: [
           /* @__PURE__ */ $(Ee, { children: [
             /* @__PURE__ */ h(
-              ke,
+              _e,
               {
                 fontSize: "14px",
                 fontWeight: "600",
@@ -22077,7 +22077,7 @@ const iv = /* @__PURE__ */ new Map([
                   {
                     options: {
                       style: {
-                        base: ce,
+                        base: ue,
                         invalid: {
                           iconColor: "red",
                           color: "red"
@@ -22089,10 +22089,10 @@ const iv = /* @__PURE__ */ new Map([
               }
             )
           ] }),
-          /* @__PURE__ */ $(ue, { width: "100%", gap: "8px", children: [
+          /* @__PURE__ */ $(le, { width: "100%", gap: "8px", children: [
             /* @__PURE__ */ $(Ee, { flexBasis: "50%", children: [
               /* @__PURE__ */ h(
-                ke,
+                _e,
                 {
                   fontSize: "14px",
                   fontWeight: "600",
@@ -22120,7 +22120,7 @@ const iv = /* @__PURE__ */ new Map([
                     {
                       options: {
                         style: {
-                          base: ce,
+                          base: ue,
                           invalid: {
                             iconColor: "red",
                             color: "red"
@@ -22134,7 +22134,7 @@ const iv = /* @__PURE__ */ new Map([
             ] }),
             /* @__PURE__ */ $(Ee, { flexBasis: "50%", children: [
               /* @__PURE__ */ h(
-                ke,
+                _e,
                 {
                   fontSize: "14px",
                   fontWeight: "600",
@@ -22162,7 +22162,7 @@ const iv = /* @__PURE__ */ new Map([
                     {
                       options: {
                         style: {
-                          base: ce,
+                          base: ue,
                           invalid: {
                             iconColor: "red",
                             color: "red"
@@ -22197,7 +22197,7 @@ const iv = /* @__PURE__ */ new Map([
               },
               fontFamily: "inherit",
               label: /* @__PURE__ */ h(
-                ke,
+                _e,
                 {
                   as: "label",
                   fontSize: "14px",
@@ -22226,7 +22226,7 @@ const iv = /* @__PURE__ */ new Map([
               fontFamily: "inherit"
             }
           ) }),
-          /* @__PURE__ */ h(ue, { gap: "16px", children: /* @__PURE__ */ $(Uo, { children: [
+          /* @__PURE__ */ h(le, { gap: "16px", children: /* @__PURE__ */ $(Uo, { children: [
             /* @__PURE__ */ h(
               oi,
               {
@@ -22243,7 +22243,7 @@ const iv = /* @__PURE__ */ new Map([
               }
             ),
             Z !== null && /* @__PURE__ */ h(
-              ke,
+              _e,
               {
                 color: Z ? "#0BA162" : "red",
                 fontSize: "12px",
@@ -22254,14 +22254,14 @@ const iv = /* @__PURE__ */ new Map([
           ] }) })
         ] }),
         /* @__PURE__ */ h(
-          ue,
+          le,
           {
             p: "16px",
             bg: "white",
             flexDirection: "column",
             alignItems: "center",
             children: /* @__PURE__ */ $(
-              ue,
+              le,
               {
                 gap: "10px",
                 width: `${q}px`,
@@ -22316,7 +22316,7 @@ const iv = /* @__PURE__ */ new Map([
           }
         ),
         /* @__PURE__ */ $(
-          ue,
+          le,
           {
             mt: "16px",
             mb: "10px",
@@ -22327,7 +22327,7 @@ const iv = /* @__PURE__ */ new Map([
             alignItems: "center",
             children: [
               /* @__PURE__ */ h(O1, { mt: 0.5, boxSize: 6 }),
-              /* @__PURE__ */ h(ke, { fontSize: "14px", lineHeight: "22px", color: "#4D5760", children: "Payments are secured and encrypted" })
+              /* @__PURE__ */ h(_e, { fontSize: "14px", lineHeight: "22px", color: "#4D5760", children: "Payments are secured and encrypted" })
             ]
           }
         )
@@ -26422,18 +26422,6 @@ const lv = "Payment Completed", nD = ({
             bottom: "0px"
           } : {},
           children: [
-            i && /* @__PURE__ */ h(
-              Ee,
-              {
-                onClick: n,
-                fontSize: "20px",
-                position: "absolute",
-                top: "-30px",
-                left: "50%",
-                transform: "translateX(-50%)",
-                children: /* @__PURE__ */ h(wu, { color: "white", boxSize: "24px" })
-              }
-            ),
             /* @__PURE__ */ h(
               Ee,
               {
@@ -26447,7 +26435,7 @@ const lv = "Payment Completed", nD = ({
               }
             ),
             /* @__PURE__ */ $(
-              ke,
+              _e,
               {
                 color: "black",
                 fontFamily: "Bricolage Grotesque",
@@ -26480,6 +26468,20 @@ const lv = "Payment Completed", nD = ({
                 ]
               }
             ),
+            i && /* @__PURE__ */ $(
+              le,
+              {
+                onClick: n,
+                justifyContent: "center",
+                alignItems: "center",
+                fontSize: "14px",
+                py: "4px",
+                children: [
+                  /* @__PURE__ */ h(wu, { color: "black", boxSize: "24px" }),
+                  /* @__PURE__ */ h(_e, { children: "Cancel" })
+                ]
+              }
+            ),
             /* @__PURE__ */ h(
               "iframe",
               {
@@ -26589,7 +26591,7 @@ const lv = "Payment Completed", nD = ({
             )
           ] }),
           /* @__PURE__ */ h(zf, { p: "0", children: /* @__PURE__ */ h(
-            ke,
+            _e,
             {
               mt: "4px",
               mb: "16px",
@@ -26627,7 +26629,7 @@ const lv = "Payment Completed", nD = ({
       }
     ),
     /* @__PURE__ */ h(
-      ke,
+      _e,
       {
         mt: "4px",
         mb: "28px",
@@ -26733,7 +26735,7 @@ const lv = "Payment Completed", nD = ({
     cursor: "pointer",
     textAlign: "left",
     ...n,
-    children: t ? /* @__PURE__ */ h(ue, { justifyContent: "center", children: /* @__PURE__ */ h(R1, { width: "20px", height: "20px" }) }) : /* @__PURE__ */ h(wt, { children: e })
+    children: t ? /* @__PURE__ */ h(le, { justifyContent: "center", children: /* @__PURE__ */ h(R1, { width: "20px", height: "20px" }) }) : /* @__PURE__ */ h(wt, { children: e })
   }
 ), sD = ({
   currency: e,
@@ -26858,16 +26860,16 @@ const lv = "Payment Completed", nD = ({
   };
   return /* @__PURE__ */ h(wt, { children: f && ((g == null ? void 0 : g.applePay) || (g == null ? void 0 : g.googlePay)) && /* @__PURE__ */ $(wt, { children: [
     (g == null ? void 0 : g.applePay) && /* @__PURE__ */ h(_i, { onClick: x, disabled: v, children: /* @__PURE__ */ $(
-      ue,
+      le,
       {
         justifyContent: "space-between",
         w: "full",
         alignItems: "center",
         children: [
-          /* @__PURE__ */ $(ue, { alignItems: "center", gap: "12px", children: [
+          /* @__PURE__ */ $(le, { alignItems: "center", gap: "12px", children: [
             /* @__PURE__ */ h(oD, { boxSize: "32px" }),
             /* @__PURE__ */ h(
-              ke,
+              _e,
               {
                 color: "#111215",
                 fontFamily: "Bricolage Grotesque",
@@ -26884,16 +26886,16 @@ const lv = "Payment Completed", nD = ({
       }
     ) }),
     (g == null ? void 0 : g.googlePay) && /* @__PURE__ */ h(_i, { onClick: x, disabled: v, children: /* @__PURE__ */ $(
-      ue,
+      le,
       {
         justifyContent: "space-between",
         w: "full",
         alignItems: "center",
         children: [
-          /* @__PURE__ */ $(ue, { alignItems: "center", gap: "12px", children: [
+          /* @__PURE__ */ $(le, { alignItems: "center", gap: "12px", children: [
             /* @__PURE__ */ h(iD, { boxSize: "32px" }),
             /* @__PURE__ */ h(
-              ke,
+              _e,
               {
                 color: "#111215",
                 fontFamily: "Bricolage Grotesque",
@@ -26964,7 +26966,7 @@ const Su = (e) => Math.round((e + Number.EPSILON) * 100) / 100, On = (e) => {
 }) => {
   var X;
   const { isOpen: T, onToggle: E } = ni({ defaultIsOpen: !1 }), [F] = Gr("(max-width: 767px)"), P = async () => {
-    var H, ne, le, he;
+    var H, ne, ce, he;
     if (s)
       if (l !== "")
         try {
@@ -26972,7 +26974,7 @@ const Su = (e) => Math.round((e + Number.EPSILON) * 100) / 100, On = (e) => {
           U.isSuccess ? (i({
             amount: (H = U == null ? void 0 : U.data) == null ? void 0 : H.discounted_amount,
             type: (ne = U == null ? void 0 : U.data) == null ? void 0 : ne.discount_type,
-            value: (le = U == null ? void 0 : U.data) == null ? void 0 : le.discount_value,
+            value: (ce = U == null ? void 0 : U.data) == null ? void 0 : ce.discount_value,
             isFullDiscount: ((he = U == null ? void 0 : U.data) == null ? void 0 : he.amount_to_pay) === 0
           }), Pt("Discount has been applied", $t.success)) : Pt(`${U == null ? void 0 : U.error}`, $t.error);
         } catch (U) {
@@ -26991,7 +26993,7 @@ const Su = (e) => Math.round((e + Number.EPSILON) * 100) / 100, On = (e) => {
       isFullDiscount: !1
     }));
   }, B = (H) => H > 0 ? n === Ne.NGN ? `+ ${n} ${H}` : `+ ${H * 100} cents` : "", G = ({ children: H, ...ne }) => /* @__PURE__ */ h(
-    ke,
+    _e,
     {
       color: "#111215",
       fontFamily: "Bricolage Grotesque",
@@ -27039,7 +27041,7 @@ const Su = (e) => Math.round((e + Number.EPSILON) * 100) / 100, On = (e) => {
           }
         ),
         F && /* @__PURE__ */ h(
-          ue,
+          le,
           {
             py: "12px",
             justifyContent: "center",
@@ -27060,7 +27062,7 @@ const Su = (e) => Math.round((e + Number.EPSILON) * 100) / 100, On = (e) => {
         ),
         /* @__PURE__ */ $(Si, { in: !F || T, children: [
           /* @__PURE__ */ $(Ee, { borderBottom: "1px solid #E8EBF2", py: "12px", children: [
-            /* @__PURE__ */ $(ue, { justifyContent: "space-between", alignItems: "center", children: [
+            /* @__PURE__ */ $(le, { justifyContent: "space-between", alignItems: "center", children: [
               /* @__PURE__ */ h(
                 dl,
                 {
@@ -27095,7 +27097,7 @@ const Su = (e) => Math.round((e + Number.EPSILON) * 100) / 100, On = (e) => {
               ] })
             ] }),
             Array.isArray(v) && v.length > 0 && /* @__PURE__ */ h(Ee, { pt: "12px", children: v.map((H, ne) => /* @__PURE__ */ $(
-              ue,
+              le,
               {
                 justifyContent: "space-between",
                 alignItems: "center",
@@ -27115,8 +27117,8 @@ const Su = (e) => Math.round((e + Number.EPSILON) * 100) / 100, On = (e) => {
               ne
             )) })
           ] }),
-          /* @__PURE__ */ $(ue, { flexDirection: "column", gap: "12px", mt: "16px", children: [
-            /* @__PURE__ */ $(ue, { width: "100%", justifyContent: "space-between", children: [
+          /* @__PURE__ */ $(le, { flexDirection: "column", gap: "12px", mt: "16px", children: [
+            /* @__PURE__ */ $(le, { width: "100%", justifyContent: "space-between", children: [
               /* @__PURE__ */ h(G, { fontWeight: 400, children: "Subtotal" }),
               /* @__PURE__ */ $(G, { fontWeight: 600, children: [
                 n,
@@ -27126,8 +27128,8 @@ const Su = (e) => Math.round((e + Number.EPSILON) * 100) / 100, On = (e) => {
             ] }),
             !(o != null && o.isFullDiscount) && /* @__PURE__ */ $(wt, { children: [
               " ",
-              f.localTaxFees > 0 && f.shouldApplyTax && /* @__PURE__ */ $(ue, { width: "100%", justifyContent: "space-between", children: [
-                /* @__PURE__ */ h(ue, { alignItems: "center", children: /* @__PURE__ */ $(G, { fontWeight: 400, mr: "8px", children: [
+              f.localTaxFees > 0 && f.shouldApplyTax && /* @__PURE__ */ $(le, { width: "100%", justifyContent: "space-between", children: [
+                /* @__PURE__ */ h(le, { alignItems: "center", children: /* @__PURE__ */ $(G, { fontWeight: 400, mr: "8px", children: [
                   "Sales Tax (",
                   f.taxedPercent,
                   "%)"
@@ -27138,8 +27140,8 @@ const Su = (e) => Math.round((e + Number.EPSILON) * 100) / 100, On = (e) => {
                   On(f.localTaxFees)
                 ] })
               ] }),
-              p.applySwitchingFee && p.localSwitchingFee > 0 && /* @__PURE__ */ $(ue, { width: "100%", justifyContent: "space-between", children: [
-                /* @__PURE__ */ $(ue, { alignItems: "center", children: [
+              p.applySwitchingFee && p.localSwitchingFee > 0 && /* @__PURE__ */ $(le, { width: "100%", justifyContent: "space-between", children: [
+                /* @__PURE__ */ $(le, { alignItems: "center", children: [
                   /* @__PURE__ */ h(G, { fontWeight: 400, mr: "8px", children: "Currency switching fee" }),
                   /* @__PURE__ */ h(
                     xp,
@@ -27157,13 +27159,13 @@ const Su = (e) => Math.round((e + Number.EPSILON) * 100) / 100, On = (e) => {
                   On(p.localSwitchingFee)
                 ] })
               ] }),
-              g.totalAmountPlusFees > 0 && /* @__PURE__ */ $(ue, { width: "100%", justifyContent: "space-between", children: [
-                /* @__PURE__ */ $(ue, { alignItems: "center", children: [
+              g.totalAmountPlusFees > 0 && /* @__PURE__ */ $(le, { width: "100%", justifyContent: "space-between", children: [
+                /* @__PURE__ */ $(le, { alignItems: "center", children: [
                   /* @__PURE__ */ h(G, { fontWeight: 400, mr: "8px", children: "Fees" }),
                   /* @__PURE__ */ h(
                     xp,
                     {
-                      body: /* @__PURE__ */ h(Ee, { mb: "20px", children: (X = g.applied_fees) == null ? void 0 : X.map((H) => /* @__PURE__ */ $(ke, { mb: "5px", children: [
+                      body: /* @__PURE__ */ h(Ee, { mb: "20px", children: (X = g.applied_fees) == null ? void 0 : X.map((H) => /* @__PURE__ */ $(_e, { mb: "5px", children: [
                         H.display_name,
                         ": ",
                         H.amount,
@@ -27184,9 +27186,9 @@ const Su = (e) => Math.round((e + Number.EPSILON) * 100) / 100, On = (e) => {
                 ] })
               ] })
             ] }),
-            o && (o == null ? void 0 : o.amount) > 0 && /* @__PURE__ */ $(ue, { justify: "space-between", mb: "20px", alignItems: "center", children: [
+            o && (o == null ? void 0 : o.amount) > 0 && /* @__PURE__ */ $(le, { justify: "space-between", mb: "20px", alignItems: "center", children: [
               /* @__PURE__ */ $(
-                ue,
+                le,
                 {
                   justify: "center",
                   padding: "8px",
@@ -27197,7 +27199,7 @@ const Su = (e) => Math.round((e + Number.EPSILON) * 100) / 100, On = (e) => {
                   children: [
                     /* @__PURE__ */ h(I1, { boxSize: "20px" }),
                     /* @__PURE__ */ $(
-                      ke,
+                      _e,
                       {
                         fontSize: "12px",
                         color: "#111215",
@@ -27231,7 +27233,7 @@ const Su = (e) => Math.round((e + Number.EPSILON) * 100) / 100, On = (e) => {
               ] })
             ] }),
             s && !(o != null && o.amount) && r > 0 && /* @__PURE__ */ h(Ee, { mb: "20px", children: /* @__PURE__ */ $(
-              ue,
+              le,
               {
                 alignItems: "center",
                 gap: "12px",
@@ -27290,9 +27292,9 @@ const Su = (e) => Math.round((e + Number.EPSILON) * 100) / 100, On = (e) => {
                 ]
               }
             ) }),
-            /* @__PURE__ */ $(ue, { width: "100%", justifyContent: "space-between", children: [
+            /* @__PURE__ */ $(le, { width: "100%", justifyContent: "space-between", children: [
               /* @__PURE__ */ h(
-                ke,
+                _e,
                 {
                   fontSize: "1rem",
                   lineHeight: "32px",
@@ -27303,7 +27305,7 @@ const Su = (e) => Math.round((e + Number.EPSILON) * 100) / 100, On = (e) => {
                 }
               ),
               a ? /* @__PURE__ */ h(dd, { height: "20px", width: "100px" }) : /* @__PURE__ */ $(
-                ke,
+                _e,
                 {
                   fontSize: "1rem",
                   lineHeight: "32px",
@@ -27334,7 +27336,7 @@ const Su = (e) => Math.round((e + Number.EPSILON) * 100) / 100, On = (e) => {
   setFieldValue: s,
   proceedButton: l
 }) => /* @__PURE__ */ $(wt, { children: [
-  /* @__PURE__ */ $(ue, { flexDirection: "column", gap: "20px", children: [
+  /* @__PURE__ */ $(le, { flexDirection: "column", gap: "20px", children: [
     t && /* @__PURE__ */ h(
       oi,
       {
@@ -27375,7 +27377,7 @@ const Su = (e) => Math.round((e + Number.EPSILON) * 100) / 100, On = (e) => {
           },
           placeholder: "",
           label: /* @__PURE__ */ h(
-            ke,
+            _e,
             {
               as: "label",
               fontSize: "14px",
@@ -27390,7 +27392,7 @@ const Su = (e) => Math.round((e + Number.EPSILON) * 100) / 100, On = (e) => {
             }
           ),
           subtext: /* @__PURE__ */ $(
-            ke,
+            _e,
             {
               as: "span",
               display: "block",
@@ -27429,7 +27431,7 @@ const Su = (e) => Math.round((e + Number.EPSILON) * 100) / 100, On = (e) => {
           fontFamily: "inherit"
         }
       ),
-      !!(i != null && i.phone) && /* @__PURE__ */ $(ue, { alignItems: "center", gap: "6px", mt: "4px", children: [
+      !!(i != null && i.phone) && /* @__PURE__ */ $(le, { alignItems: "center", gap: "6px", mt: "4px", children: [
         /* @__PURE__ */ h(Ks, { color: ct.red500 }),
         /* @__PURE__ */ h(
           dv,
@@ -27558,11 +27560,11 @@ const pD = (e) => /* @__PURE__ */ $(hn, { viewBox: "0 0 32 32", ...e, fill: "non
         await o() || g();
       },
       disabled: p,
-      children: /* @__PURE__ */ $(ue, { justifyContent: "space-between", w: "full", alignItems: "center", children: [
-        /* @__PURE__ */ $(ue, { alignItems: "center", gap: "12px", children: [
+      children: /* @__PURE__ */ $(le, { justifyContent: "space-between", w: "full", alignItems: "center", children: [
+        /* @__PURE__ */ $(le, { alignItems: "center", gap: "12px", children: [
           /* @__PURE__ */ h(pD, { boxSize: "32px" }),
           /* @__PURE__ */ h(
-            ke,
+            _e,
             {
               color: "#111215",
               fontFamily: "Bricolage Grotesque",
@@ -27888,7 +27890,7 @@ const pD = (e) => /* @__PURE__ */ $(hn, { viewBox: "0 0 32 32", ...e, fill: "non
 }) => /* @__PURE__ */ $(Ee, { mt: "16px", children: [
   e,
   /* @__PURE__ */ $(
-    ue,
+    le,
     {
       justifyContent: "center",
       gap: "10px",
@@ -27900,13 +27902,13 @@ const pD = (e) => /* @__PURE__ */ $(hn, { viewBox: "0 0 32 32", ...e, fill: "non
       letterSpacing: "-0.2px",
       textDecoration: "underline",
       children: [
-        /* @__PURE__ */ h(ke, { as: "a", children: "Terms & Conditions" }),
-        /* @__PURE__ */ h(ke, { as: "a", children: "Privacy Policy" })
+        /* @__PURE__ */ h(_e, { as: "a", children: "Terms & Conditions" }),
+        /* @__PURE__ */ h(_e, { as: "a", children: "Privacy Policy" })
       ]
     }
   ),
   !t && /* @__PURE__ */ $(
-    ue,
+    le,
     {
       justifyContent: "center",
       alignItems: "center",
@@ -27918,10 +27920,10 @@ const pD = (e) => /* @__PURE__ */ $(hn, { viewBox: "0 0 32 32", ...e, fill: "non
       lineHeight: "16px",
       letterSpacing: "-0.2px",
       children: [
-        /* @__PURE__ */ h(ke, { children: "Powered by" }),
-        /* @__PURE__ */ $(ue, { children: [
+        /* @__PURE__ */ h(_e, { children: "Powered by" }),
+        /* @__PURE__ */ $(le, { children: [
           /* @__PURE__ */ h(gD, {}),
-          /* @__PURE__ */ h(ke, { children: "Mainstack" })
+          /* @__PURE__ */ h(_e, { children: "Mainstack" })
         ] })
       ]
     }
@@ -27952,10 +27954,10 @@ const pD = (e) => /* @__PURE__ */ $(hn, { viewBox: "0 0 32 32", ...e, fill: "non
       ]
     }
   ) })
-] }), uv = () => /* @__PURE__ */ $(ue, { alignItems: "center", gap: "18px", my: "16px", children: [
+] }), uv = () => /* @__PURE__ */ $(le, { alignItems: "center", gap: "18px", my: "16px", children: [
   /* @__PURE__ */ h(id, {}),
   /* @__PURE__ */ h(
-    ke,
+    _e,
     {
       color: "#7D879B",
       fontFamily: "Bricolage Grotesque",
@@ -28011,7 +28013,7 @@ const pD = (e) => /* @__PURE__ */ $(hn, { viewBox: "0 0 32 32", ...e, fill: "non
       baseUrl: X,
       hasDiscountCode: H,
       mainstackProductId: ne,
-      STRIPE_SECRET_KEY: le,
+      STRIPE_SECRET_KEY: ce,
       STRIPE_SECRET_KEY_GBP: he,
       STRIPE_SECRET_KEY_CAD: U,
       applyTrancheFee: ge,
@@ -28022,7 +28024,7 @@ const pD = (e) => /* @__PURE__ */ $(hn, { viewBox: "0 0 32 32", ...e, fill: "non
       isFreeTrial: q,
       itemsList: j,
       isPowerUser: J
-    } = e, Q = b == null ? void 0 : b.hideDetails, V = b == null ? void 0 : b.isSingleColumn, ee = ((vo = b == null ? void 0 : b.showDefaultInputFields) == null ? void 0 : vo.email) ?? !0, ie = ((gn = b == null ? void 0 : b.showDefaultInputFields) == null ? void 0 : gn.phone) ?? !1, ce = ((Yn = b == null ? void 0 : b.showDefaultInputFields) == null ? void 0 : Yn.fullname) ?? !0, { Request: Z } = lD(X, {
+    } = e, Q = b == null ? void 0 : b.hideDetails, V = b == null ? void 0 : b.isSingleColumn, ee = ((vo = b == null ? void 0 : b.showDefaultInputFields) == null ? void 0 : vo.email) ?? !0, ie = ((gn = b == null ? void 0 : b.showDefaultInputFields) == null ? void 0 : gn.phone) ?? !1, ue = ((Yn = b == null ? void 0 : b.showDefaultInputFields) == null ? void 0 : Yn.fullname) ?? !0, { Request: Z } = lD(X, {
       "x-is-api-client-payment": d ?? !1
     }), [we, L] = ae(""), [tt, me] = ae(S), [ot, Ot] = ae(!1), [st, mt] = ae(!1), [ve, lt] = ae({
       openModal: !1,
@@ -28262,12 +28264,12 @@ const pD = (e) => /* @__PURE__ */ $(hn, { viewBox: "0 0 32 32", ...e, fill: "non
           K = U, qn = "CA_ACCOUNT";
           break;
         default:
-          K = le, qn = "US_ACCOUNT";
+          K = ce, qn = "US_ACCOUNT";
       }
       return aM(K);
     }, [
       v,
-      le,
+      ce,
       he,
       U
     ]);
@@ -28490,7 +28492,7 @@ const pD = (e) => /* @__PURE__ */ $(hn, { viewBox: "0 0 32 32", ...e, fill: "non
             ad,
             {
               colSpan: Q || V ? 12 : { base: 12, lg: 7 },
-              as: ue,
+              as: le,
               justifyContent: "center",
               pt: { base: "20px", lg: "48px" },
               overflowY: "auto",
@@ -28500,7 +28502,7 @@ const pD = (e) => /* @__PURE__ */ $(hn, { viewBox: "0 0 32 32", ...e, fill: "non
                 /* @__PURE__ */ $(NR, { value: Y, children: [
                   /* @__PURE__ */ h("form", { onSubmit: Y.handleSubmit, children: s ?? /* @__PURE__ */ $(Ee, { borderBottom: "1px solid #E8EBF2", py: "20px", children: [
                     /* @__PURE__ */ $(
-                      ue,
+                      le,
                       {
                         justifyContent: "space-between",
                         alignItems: "center",
@@ -28513,7 +28515,7 @@ const pD = (e) => /* @__PURE__ */ $(hn, { viewBox: "0 0 32 32", ...e, fill: "non
                         children: [
                           bl(n) ? /* @__PURE__ */ h(wt, { children: n }) : /* @__PURE__ */ $(Ee, { children: [
                             /* @__PURE__ */ h(
-                              ke,
+                              _e,
                               {
                                 fontSize: "1rem",
                                 lineHeight: "32px",
@@ -28524,7 +28526,7 @@ const pD = (e) => /* @__PURE__ */ $(hn, { viewBox: "0 0 32 32", ...e, fill: "non
                               }
                             ),
                             /* @__PURE__ */ h(
-                              ke,
+                              _e,
                               {
                                 color: "#7D879B",
                                 fontFamily: "Bricolage Grotesque",
@@ -28550,7 +28552,7 @@ const pD = (e) => /* @__PURE__ */ $(hn, { viewBox: "0 0 32 32", ...e, fill: "non
                       dD,
                       {
                         title: n,
-                        showFullname: ce,
+                        showFullname: ue,
                         showEmail: ee,
                         showPhone: ie,
                         customForm: r,
@@ -28562,7 +28564,7 @@ const pD = (e) => /* @__PURE__ */ $(hn, { viewBox: "0 0 32 32", ...e, fill: "non
                         },
                         setFieldValue: Y.setFieldValue,
                         proceedButton: /* @__PURE__ */ $(
-                          ue,
+                          le,
                           {
                             mt: "16px",
                             gap: "10px",
@@ -28619,7 +28621,7 @@ const pD = (e) => /* @__PURE__ */ $(hn, { viewBox: "0 0 32 32", ...e, fill: "non
                   ] }) }),
                   yr > 0 && /* @__PURE__ */ $(Ee, { children: [
                     /* @__PURE__ */ $(
-                      ue,
+                      le,
                       {
                         as: "button",
                         py: "20px",
@@ -28639,7 +28641,7 @@ const pD = (e) => /* @__PURE__ */ $(hn, { viewBox: "0 0 32 32", ...e, fill: "non
                         children: [
                           /* @__PURE__ */ $(Ee, { children: [
                             /* @__PURE__ */ h(
-                              ke,
+                              _e,
                               {
                                 fontSize: "1rem",
                                 lineHeight: "32px",
@@ -28651,7 +28653,7 @@ const pD = (e) => /* @__PURE__ */ $(hn, { viewBox: "0 0 32 32", ...e, fill: "non
                               }
                             ),
                             /* @__PURE__ */ h(
-                              ke,
+                              _e,
                               {
                                 color: "#7D879B",
                                 fontFamily: "Bricolage Grotesque",
@@ -28675,7 +28677,7 @@ const pD = (e) => /* @__PURE__ */ $(hn, { viewBox: "0 0 32 32", ...e, fill: "non
                       }
                     ),
                     /* @__PURE__ */ h(Si, { in: Zn, children: /* @__PURE__ */ $(Ee, { transition: "all 0.2s", pb: "200px", children: [
-                      /* @__PURE__ */ h(ue, { gap: "12px", children: (jt("wallet") || !(N != null && N.isFullDiscount)) && /* @__PURE__ */ $(wt, { children: [
+                      /* @__PURE__ */ h(le, { gap: "12px", children: (jt("wallet") || !(N != null && N.isFullDiscount)) && /* @__PURE__ */ $(wt, { children: [
                         " ",
                         D && v !== Ne.NGN && v !== Ne.GHS && v !== Ne.KES && /* @__PURE__ */ h(
                           Ws,
@@ -28723,11 +28725,11 @@ const pD = (e) => /* @__PURE__ */ $(hn, { viewBox: "0 0 32 32", ...e, fill: "non
                           },
                           isLoading: (Y.values.payment_mode && Y.values.payment_mode === "card" || !Y.values.payment_mode) && (sa || ia),
                           children: [
-                            /* @__PURE__ */ $(ue, { justifyContent: "space-between", children: [
-                              /* @__PURE__ */ $(ue, { alignItems: "center", gap: "12px", children: [
+                            /* @__PURE__ */ $(le, { justifyContent: "space-between", children: [
+                              /* @__PURE__ */ $(le, { alignItems: "center", gap: "12px", children: [
                                 /* @__PURE__ */ h(mD, { boxSize: "32px" }),
                                 /* @__PURE__ */ h(
-                                  ke,
+                                  _e,
                                   {
                                     color: "#111215",
                                     fontFamily: "Bricolage Grotesque",
@@ -28739,9 +28741,9 @@ const pD = (e) => /* @__PURE__ */ $(hn, { viewBox: "0 0 32 32", ...e, fill: "non
                                   }
                                 )
                               ] }),
-                              /* @__PURE__ */ $(ue, { alignItems: "center", gap: "12px", children: [
+                              /* @__PURE__ */ $(le, { alignItems: "center", gap: "12px", children: [
                                 !V && /* @__PURE__ */ h(
-                                  ue,
+                                  le,
                                   {
                                     alignItems: "center",
                                     justify: "center",
@@ -28832,16 +28834,16 @@ const pD = (e) => /* @__PURE__ */ $(hn, { viewBox: "0 0 32 32", ...e, fill: "non
                           },
                           isLoading: Y.values.payment_mode !== "card" && (sa || ia),
                           children: /* @__PURE__ */ $(
-                            ue,
+                            le,
                             {
                               justifyContent: "space-between",
                               w: "full",
                               alignItems: "center",
                               children: [
-                                /* @__PURE__ */ $(ue, { alignItems: "center", gap: "12px", children: [
+                                /* @__PURE__ */ $(le, { alignItems: "center", gap: "12px", children: [
                                   /* @__PURE__ */ h(yD, { boxSize: "32px" }),
                                   /* @__PURE__ */ h(
-                                    ke,
+                                    _e,
                                     {
                                       color: "#111215",
                                       fontFamily: "Bricolage Grotesque",
@@ -28935,7 +28937,7 @@ const pD = (e) => /* @__PURE__ */ $(hn, { viewBox: "0 0 32 32", ...e, fill: "non
   paymentLoading: a,
   feesLoading: o,
   handlePaymentInitialization: i
-}) => /* @__PURE__ */ $(ue, { mt: "12px", gap: "10px", children: [
+}) => /* @__PURE__ */ $(le, { mt: "12px", gap: "10px", children: [
   e && /* @__PURE__ */ h(
     qs,
     {