mainstack-payments 1.0.22 → 1.0.23

package/build/mainstack-payments.js

@@ -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, ce = n, he = o, U = a, ge = d, He = !1;
+    var E = l, F = c, P = s, D = i, B = t, U = u, X = r, H = g, ne = p, ce = n, he = o, G = 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;
     }
@@ -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 = 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.AsyncMode = E, Be.ConcurrentMode = F, Be.ContextConsumer = P, Be.ContextProvider = D, Be.Element = B, Be.ForwardRef = U, Be.Fragment = X, Be.Lazy = H, Be.Memo = ne, Be.Portal = ce, Be.Profiler = he, Be.StrictMode = G, 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,8 +2010,8 @@ 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]", 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 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]", U = "[object DataView]", X = "[object Float32Array]", H = "[object Float64Array]", ne = "[object Int8Array]", ce = "[object Int16Array]", he = "[object Int32Array]", G = "[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[G] = j[ge] = j[He] = j[ze] = !0, j[s] = j[l] = j[B] = j[u] = j[U] = 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;
@@ -7747,9 +7747,9 @@ You may have forgotten to import it.`);
       var P = Ka(d.concat(T), v.registered, E);
       b += v.key + "-" + P.name, i !== void 0 && (b += " " + i);
       var D = c && s === void 0 ? $h(x) : l, B = {};
-      for (var G in m)
-        c && G === "as" || // $FlowFixMe
-        D(G) && (B[G] = m[G]);
+      for (var U in m)
+        c && U === "as" || // $FlowFixMe
+        D(U) && (B[U] = m[U]);
       return B.className = b, B.ref = S, /* @__PURE__ */ R.createElement(R.Fragment, null, /* @__PURE__ */ R.createElement(A5, {
         cache: v,
         serialized: P,
@@ -9533,8 +9533,8 @@ function Xh({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: r = 3
   const v = d + m, S = i === void 0 ? v : i(v);
   S !== v && (m = S - d);
   const x = (D) => -m * Math.exp(-D / r), b = (D) => S + x(D), T = (D) => {
-    const B = x(D), G = b(D);
-    f.done = Math.abs(B) <= c, f.value = f.done ? S : G;
+    const B = x(D), U = b(D);
+    f.done = Math.abs(B) <= c, f.value = f.done ? S : U;
   };
   let E, F;
   const P = (D) => {
@@ -9603,7 +9603,7 @@ function yi({ autoplay: e = !0, delay: t = 0, driver: n = kP, keyframes: r, type
     keyframes: [...r].reverse(),
     velocity: -(f.velocity || 0)
   }));
-  let P = "idle", D = null, B = null, G = null;
+  let P = "idle", D = null, B = null, U = null;
   E.calculatedDuration === null && o && (E.calculatedDuration = Qh(E));
   const { calculatedDuration: X } = E;
   let H = 1 / 0, ne = 1 / 0;
@@ -9627,18 +9627,18 @@ function yi({ autoplay: e = !0, delay: t = 0, driver: n = kP, keyframes: r, type
     !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 = () => {
+  }, G = () => {
     x && x.stop(), x = void 0;
   }, ge = () => {
-    P = "idle", U(), m(), S(), B = G = null;
+    P = "idle", G(), m(), S(), B = U = null;
   }, He = () => {
-    P = "finished", u && u(), U(), m();
+    P = "finished", u && u(), G(), m();
   }, ze = () => {
     if (g)
       return;
     x || (x = n(he));
     const O = x.now();
-    l && l(), D !== null ? B = O - D : (!B || P === "finished") && (B = O), P === "finished" && S(), G = B, D = null, P = "running", x.start();
+    l && l(), D !== null ? B = O - D : (!B || P === "finished") && (B = O), P === "finished" && S(), U = B, D = null, P = "running", x.start();
   };
   e && ze();
   const M = {
@@ -9672,7 +9672,7 @@ function yi({ autoplay: e = !0, delay: t = 0, driver: n = kP, keyframes: r, type
       g = !0, P !== "idle" && (P = "idle", c && c(), ge());
     },
     cancel: () => {
-      G !== null && he(G), ge();
+      U !== null && he(U), ge();
     },
     complete: () => {
       P = "finished";
@@ -10325,25 +10325,25 @@ function h6(e) {
         continue;
       let B = m6(b.prevProp, T) || // If we're making this variant active, we want to always make it active
       x === c && b.isActive && !P && E || // If we removed a higher-priority variant (i is in reverse order)
-      S > m && E, G = !1;
+      S > m && E, U = !1;
       const X = Array.isArray(T) ? T : [T];
       let H = X.reduce(a, {});
       F === !1 && (H = {});
       const { prevResolvedValues: ne = {} } = b, ce = {
         ...ne,
         ...H
-      }, he = (U) => {
-        B = !0, p.has(U) && (G = !0, p.delete(U)), b.needsAnimating[U] = !0;
+      }, he = (G) => {
+        B = !0, p.has(G) && (U = !0, p.delete(G)), b.needsAnimating[G] = !0;
       };
-      for (const U in ce) {
-        const ge = H[U], He = ne[U];
-        if (g.hasOwnProperty(U))
+      for (const G in ce) {
+        const ge = H[G], He = ne[G];
+        if (g.hasOwnProperty(G))
           continue;
         let ze = !1;
-        il(ge) && il(He) ? ze = !P0(ge, He) : ze = ge !== He, ze ? ge !== void 0 ? he(U) : p.add(U) : ge !== void 0 && p.has(U) ? he(U) : b.protectedKeys[U] = !0;
+        il(ge) && il(He) ? ze = !P0(ge, He) : ze = ge !== He, ze ? ge !== void 0 ? he(G) : p.add(G) : ge !== void 0 && p.has(G) ? he(G) : b.protectedKeys[G] = !0;
       }
-      b.prevProp = T, b.prevResolvedValues = H, b.isActive && (g = { ...g, ...H }), r && e.blockInitialAnimation && (B = !1), B && (!P || G) && f.push(...X.map((U) => ({
-        animation: U,
+      b.prevProp = T, b.prevResolvedValues = H, b.isActive && (g = { ...g, ...H }), r && e.blockInitialAnimation && (B = !1), B && (!P || U) && f.push(...X.map((G) => ({
+        animation: G,
         options: { type: x, ...l }
       })));
     }
@@ -12475,11 +12475,11 @@ const qr = ({ children: e, custom: t, initial: n = !0, onExitComplete: r, exitBe
         d.delete(b);
         const D = Array.from(p.keys()).filter((B) => !v.includes(B));
         if (D.forEach((B) => p.delete(B)), f.current = c.filter((B) => {
-          const G = Er(B);
+          const U = Er(B);
           return (
             // filter out the node exiting
-            G === b || // filter out the leftover children
-            D.includes(G)
+            U === b || // filter out the leftover children
+            D.includes(U)
           );
         }), !d.size) {
           if (l.current === !1)
@@ -13973,7 +13973,7 @@ function q4() {
       element: T(),
       elementType: E(),
       instanceOf: F,
-      node: G(),
+      node: U(),
       objectOf: D,
       oneOf: P,
       oneOfType: B,
@@ -14012,7 +14012,7 @@ function q4() {
     }
     function S(M) {
       function O(q, j, J, Q, V, ee) {
-        var ie = q[j], ue = U(ie);
+        var ie = q[j], ue = G(ie);
         if (ue !== M) {
           var Z = ge(ie);
           return new m(
@@ -14033,7 +14033,7 @@ function q4() {
           return new m("Property `" + V + "` of component `" + J + "` has invalid PropType notation inside arrayOf.");
         var ee = q[j];
         if (!Array.isArray(ee)) {
-          var ie = U(ee);
+          var ie = G(ee);
           return new m("Invalid " + Q + " `" + V + "` of type " + ("`" + ie + "` supplied to `" + J + "`, expected an array."));
         }
         for (var ue = 0; ue < ee.length; ue++) {
@@ -14049,7 +14049,7 @@ function q4() {
       function M(O, q, j, J, Q) {
         var V = O[q];
         if (!s(V)) {
-          var ee = U(V);
+          var ee = G(V);
           return new m("Invalid " + J + " `" + Q + "` of type " + ("`" + ee + "` supplied to `" + j + "`, expected a single ReactElement."));
         }
         return null;
@@ -14060,7 +14060,7 @@ function q4() {
       function M(O, q, j, J, Q) {
         var V = O[q];
         if (!e.isValidElementType(V)) {
-          var ee = U(V);
+          var ee = G(V);
           return new m("Invalid " + J + " `" + Q + "` of type " + ("`" + ee + "` supplied to `" + j + "`, expected a single ReactElement type."));
         }
         return null;
@@ -14098,7 +14098,7 @@ function q4() {
       function O(q, j, J, Q, V) {
         if (typeof M != "function")
           return new m("Property `" + V + "` of component `" + J + "` has invalid PropType notation inside objectOf.");
-        var ee = q[j], ie = U(ee);
+        var ee = q[j], ie = G(ee);
         if (ie !== "object")
           return new m("Invalid " + Q + " `" + V + "` of type " + ("`" + ie + "` supplied to `" + J + "`, expected an object."));
         for (var ue in ee)
@@ -14133,7 +14133,7 @@ function q4() {
       }
       return v(j);
     }
-    function G() {
+    function U() {
       function M(O, q, j, J, Q) {
         return ce(O[q]) ? null : new m("Invalid " + J + " `" + Q + "` supplied to " + ("`" + j + "`, expected a ReactNode."));
       }
@@ -14146,7 +14146,7 @@ function q4() {
     }
     function H(M) {
       function O(q, j, J, Q, V) {
-        var ee = q[j], ie = U(ee);
+        var ee = q[j], ie = G(ee);
         if (ie !== "object")
           return new m("Invalid " + Q + " `" + V + "` of type `" + ie + "` " + ("supplied to `" + J + "`, expected `object`."));
         for (var ue in M) {
@@ -14163,7 +14163,7 @@ function q4() {
     }
     function ne(M) {
       function O(q, j, J, Q, V) {
-        var ee = q[j], ie = U(ee);
+        var ee = q[j], ie = G(ee);
         if (ie !== "object")
           return new m("Invalid " + Q + " `" + V + "` of type `" + ie + "` " + ("supplied to `" + J + "`, expected `object`."));
         var ue = t({}, q[j], M);
@@ -14220,14 +14220,14 @@ Valid keys: ` + JSON.stringify(Object.keys(M), null, "  ")
     function he(M, O) {
       return M === "symbol" ? !0 : O ? O["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && O instanceof Symbol : !1;
     }
-    function U(M) {
+    function G(M) {
       var O = typeof M;
       return Array.isArray(M) ? "array" : M instanceof RegExp ? "object" : he(O, M) ? "symbol" : O;
     }
     function ge(M) {
       if (typeof M > "u" || M === null)
         return "" + M;
-      var O = U(M);
+      var O = G(M);
       if (O === "object") {
         if (M instanceof Date)
           return "date";
@@ -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, 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 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, U = t.whiteList, X = t.hasPositiveIndices, H = t.shards, ne = H === void 0 ? l3 : H, ce = t.as, he = ce === void 0 ? "div" : ce, G = t.lockProps, ge = G === void 0 ? {} : G, 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;
@@ -14538,7 +14538,7 @@ var Ky = Tf({}, function(e) {
     persistentFocus: x,
     crossFrame: T,
     autoFocus: F,
-    whiteList: G,
+    whiteList: U,
     shards: ne,
     onActivation: V,
     onDeactivation: ee,
@@ -15797,10 +15797,10 @@ function UF(e) {
     },
     [o, n, l]
   ), [x, b] = ae(!1), [T, E] = ae(!1), F = fe(
-    (B = {}, G = null) => ({
+    (B = {}, U = null) => ({
       role: "dialog",
       ...B,
-      ref: bi(G, c),
+      ref: bi(U, c),
       id: d,
       tabIndex: -1,
       "aria-modal": !0,
@@ -15818,9 +15818,9 @@ function UF(e) {
     },
     [n, a, s]
   ), D = fe(
-    (B = {}, G = null) => ({
+    (B = {}, U = null) => ({
       ...B,
-      ref: bi(G, u),
+      ref: bi(U, u),
       onClick: Pr(B.onClick, P),
       onKeyDown: Pr(B.onKeyDown, S),
       onMouseDown: Pr(B.onMouseDown, v)
@@ -16826,7 +16826,7 @@ 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 = ke.useState(null), ce = Bb(ne, 2), he = ce[0], U = ce[1], ge = ke.useRef(null), He = ke.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, U = pd("mounts <".concat(r, ">")), X = "elements" in U ? U.elements : null, H = "customCheckoutSdk" in U ? U.customCheckoutSdk : null, ne = ke.useState(null), ce = Bb(ne, 2), he = ce[0], G = 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() {
@@ -16834,7 +16834,7 @@ var pd = function(t) {
     }), 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);
+        H ? O = H.createElement(t, f) : X && (O = X.create(t, f)), ge.current = O, G(O), O && O.mount(He.current);
       }
     }, [X, H, f]);
     var M = fd(f);
@@ -18089,7 +18089,7 @@ function UR(e) {
         Tt.name === "ValidationError" ? ye(GR(Tt)) : (process.env.NODE_ENV !== "production" && console.warn("Warning: An unhandled error was caught during validation in <Formik validationSchema />", Tt), Ye(Tt));
       });
     });
-  }, [f.validationSchema]), G = fe(function(_, I) {
+  }, [f.validationSchema]), U = fe(function(_, I) {
     return new Promise(function(W) {
       return W(x.current[_].validate(I));
     });
@@ -18097,14 +18097,14 @@ function UR(e) {
     var I = Object.keys(x.current).filter(function(N) {
       return ln(x.current[N].validate);
     }), W = I.length > 0 ? I.map(function(N) {
-      return G(N, Vt(_, N));
+      return U(N, Vt(_, N));
     }) : [Promise.resolve("DO_NOT_DELETE_YOU_WILL_BE_FIRED")];
     return Promise.all(W).then(function(N) {
       return N.reduce(function(pe, ye, Ye) {
         return ye === "DO_NOT_DELETE_YOU_WILL_BE_FIRED" || ye && (pe = Lr(pe, I[Ye], ye)), pe;
       }, {});
     });
-  }, [G]), H = fe(function(_) {
+  }, [U]), H = fe(function(_) {
     return Promise.all([X(_), f.validationSchema ? B(_) : {}, f.validate ? D(_) : {}]).then(function(I) {
       var W = I[0], N = I[1], pe = I[2], ye = hd.all([W, N, pe], {
         arrayMerge: HR
@@ -18214,7 +18214,7 @@ function UR(e) {
         });
       });
     return Promise.resolve();
-  }), U = fe(function(_, I) {
+  }), G = fe(function(_, I) {
     var W = I.validate;
     x.current[_] = {
       validate: W
@@ -18437,7 +18437,7 @@ function UR(e) {
     isValid: lt,
     dirty: ve,
     unregisterField: ge,
-    registerField: U,
+    registerField: G,
     getFieldProps: mt,
     getFieldMeta: Ot,
     getFieldHelpers: st,
@@ -18997,8 +18997,8 @@ function Ca(e) {
       return F(!0);
     let B;
     try {
-      var G;
-      if (B = u.call(E, n, E), typeof ((G = B) == null ? void 0 : G.then) == "function") {
+      var U;
+      if (B = u.call(E, n, E), typeof ((U = B) == null ? void 0 : U.then) == "function") {
         if (a.sync)
           throw new Error(`Validation test of type: "${E.type}" returned a Promise during a synchronous validate. This test will finish after the validate call has returned`);
         return Promise.resolve(B).then(F, P);
@@ -21907,14 +21907,14 @@ const iv = /* @__PURE__ */ new Map([
   var we, L, tt;
   const b = Vf(), T = zb(), { isOpen: E, onOpen: F, onClose: P } = ni();
   Gr("(max-width: 767px)"), Gr("(max-height: 600px)");
-  const D = Se(null), [B, G] = ae(0), [X, H] = ae(0);
+  const D = Se(null), [B, U] = ae(0), [X, H] = ae(0);
   de(() => {
     const me = () => {
       if (D.current) {
         const ot = D.current.closest(".chakra-collapse");
         if (ot) {
           const Ot = ot.getBoundingClientRect();
-          G(Ot.width), H(Ot.left);
+          U(Ot.width), H(Ot.left);
         }
       }
     };
@@ -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: ce, 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), [G, 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
@@ -22292,8 +22292,8 @@ const iv = /* @__PURE__ */ new Map([
                       onClick: (me) => {
                         ie(me);
                       },
-                      isLoading: U,
-                      disabled: U,
+                      isLoading: G,
+                      disabled: G,
                       _hover: {
                         opacity: 0.8,
                         _after: {
@@ -26767,7 +26767,7 @@ const lv = "Payment Completed", nD = ({
         b.canMakePayment().then((T) => {
           T && (p(b), m(T), (T != null && T.applePay || T != null && T.googlePay) && c());
         }), b.on("paymentmethod", async (T) => {
-          var B, G;
+          var B, U;
           S(!0);
           const E = ml();
           try {
@@ -26796,7 +26796,7 @@ const lv = "Payment Completed", nD = ({
                 ...t,
                 reference: E
               },
-              payment_method_id: (G = T == null ? void 0 : T.paymentMethod) == null ? void 0 : G.id
+              payment_method_id: (U = T == null ? void 0 : T.paymentMethod) == null ? void 0 : U.id
             }
           ).then((X) => X.data), { paymentIntent: P, error: D } = await u.confirmCardPayment(
             F,
@@ -26970,16 +26970,16 @@ const Su = (e) => Math.round((e + Number.EPSILON) * 100) / 100, On = (e) => {
     if (s)
       if (l !== "")
         try {
-          const U = await u();
-          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: (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) {
+          const G = await u();
+          G.isSuccess ? (i({
+            amount: (H = G == null ? void 0 : G.data) == null ? void 0 : H.discounted_amount,
+            type: (ne = G == null ? void 0 : G.data) == null ? void 0 : ne.discount_type,
+            value: (ce = G == null ? void 0 : G.data) == null ? void 0 : ce.discount_value,
+            isFullDiscount: ((he = G == null ? void 0 : G.data) == null ? void 0 : he.amount_to_pay) === 0
+          }), Pt("Discount has been applied", $t.success)) : Pt(`${G == null ? void 0 : G.error}`, $t.error);
+        } catch (G) {
           Pt(
-            `${U ?? (U == null ? void 0 : U.message) ?? "An Error occured applying discount code"}`,
+            `${G ?? (G == null ? void 0 : G.message) ?? "An Error occured applying discount code"}`,
             $t.error
           );
         }
@@ -26992,7 +26992,7 @@ const Su = (e) => Math.round((e + Number.EPSILON) * 100) / 100, On = (e) => {
       value: 0,
       isFullDiscount: !1
     }));
-  }, B = (H) => H > 0 ? n === Ne.NGN ? `+ ${n} ${H}` : `+ ${H * 100} cents` : "", G = ({ children: H, ...ne }) => /* @__PURE__ */ h(
+  }, B = (H) => H > 0 ? n === Ne.NGN ? `+ ${n} ${H}` : `+ ${H * 100} cents` : "", U = ({ children: H, ...ne }) => /* @__PURE__ */ h(
     _e,
     {
       color: "#111215",
@@ -27018,7 +27018,7 @@ const Su = (e) => Math.round((e + Number.EPSILON) * 100) / 100, On = (e) => {
           {
             textAlign: m ? "center" : { base: "center", lg: "left" },
             children: [
-              g.totalAmountPlusFees <= 0 ? /* @__PURE__ */ h(wt, {}) : typeof t == "string" ? /* @__PURE__ */ h(G, { color: "#7D879B", children: t }) : /* @__PURE__ */ h(wt, { children: t }),
+              g.totalAmountPlusFees <= 0 ? /* @__PURE__ */ h(wt, {}) : typeof t == "string" ? /* @__PURE__ */ h(U, { color: "#7D879B", children: t }) : /* @__PURE__ */ h(wt, { children: t }),
               a ? /* @__PURE__ */ h(
                 dd,
                 {
@@ -27026,7 +27026,7 @@ const Su = (e) => Math.round((e + Number.EPSILON) * 100) / 100, On = (e) => {
                   width: m ? "100%" : { base: "100%", lg: "100px" }
                 }
               ) : /* @__PURE__ */ h(
-                G,
+                U,
                 {
                   as: "h6",
                   fontSize: "1.25rem",
@@ -27040,26 +27040,6 @@ const Su = (e) => Math.round((e + Number.EPSILON) * 100) / 100, On = (e) => {
             ]
           }
         ),
-        F && /* @__PURE__ */ h(
-          le,
-          {
-            py: "12px",
-            justifyContent: "center",
-            alignItems: "center",
-            cursor: "pointer",
-            onClick: E,
-            opacity: T ? 1 : 0.6,
-            transition: "opacity 0.2s",
-            children: /* @__PURE__ */ h(
-              Wa,
-              {
-                transform: T ? "rotate(180deg)" : "rotate(0deg)",
-                transition: "transform 0.2s",
-                boxSize: "24px"
-              }
-            )
-          }
-        ),
         /* @__PURE__ */ $(Si, { in: !F || T, children: [
           /* @__PURE__ */ $(Ee, { borderBottom: "1px solid #E8EBF2", py: "12px", children: [
             /* @__PURE__ */ $(le, { justifyContent: "space-between", alignItems: "center", children: [
@@ -27076,7 +27056,7 @@ const Su = (e) => Math.round((e + Number.EPSILON) * 100) / 100, On = (e) => {
               ),
               /* @__PURE__ */ $(Ee, { children: [
                 /* @__PURE__ */ $(
-                  G,
+                  U,
                   {
                     overflow: "hidden",
                     color: "#7D879B",
@@ -27089,7 +27069,7 @@ const Su = (e) => Math.round((e + Number.EPSILON) * 100) / 100, On = (e) => {
                     ]
                   }
                 ),
-                !v && /* @__PURE__ */ $(G, { textAlign: "right", fontWeight: 600, children: [
+                !v && /* @__PURE__ */ $(U, { textAlign: "right", fontWeight: 600, children: [
                   n,
                   " ",
                   On(r)
@@ -27102,12 +27082,12 @@ const Su = (e) => Math.round((e + Number.EPSILON) * 100) / 100, On = (e) => {
                 justifyContent: "space-between",
                 alignItems: "center",
                 children: [
-                  /* @__PURE__ */ $(G, { children: [
+                  /* @__PURE__ */ $(U, { children: [
                     H.quantity ?? 1,
                     " x ",
                     H.name
                   ] }),
-                  /* @__PURE__ */ $(G, { textAlign: "right", fontWeight: 600, children: [
+                  /* @__PURE__ */ $(U, { textAlign: "right", fontWeight: 600, children: [
                     H.currency,
                     " ",
                     On(H.price)
@@ -27119,8 +27099,8 @@ const Su = (e) => Math.round((e + Number.EPSILON) * 100) / 100, On = (e) => {
           ] }),
           /* @__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: [
+              /* @__PURE__ */ h(U, { fontWeight: 400, children: "Subtotal" }),
+              /* @__PURE__ */ $(U, { fontWeight: 600, children: [
                 n,
                 " ",
                 On(r)
@@ -27129,12 +27109,12 @@ 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__ */ $(le, { width: "100%", justifyContent: "space-between", children: [
-                /* @__PURE__ */ h(le, { alignItems: "center", children: /* @__PURE__ */ $(G, { fontWeight: 400, mr: "8px", children: [
+                /* @__PURE__ */ h(le, { alignItems: "center", children: /* @__PURE__ */ $(U, { fontWeight: 400, mr: "8px", children: [
                   "Sales Tax (",
                   f.taxedPercent,
                   "%)"
                 ] }) }),
-                /* @__PURE__ */ $(G, { fontWeight: 600, children: [
+                /* @__PURE__ */ $(U, { fontWeight: 600, children: [
                   n,
                   " ",
                   On(f.localTaxFees)
@@ -27142,7 +27122,7 @@ const Su = (e) => Math.round((e + Number.EPSILON) * 100) / 100, On = (e) => {
               ] }),
               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(U, { fontWeight: 400, mr: "8px", children: "Currency switching fee" }),
                   /* @__PURE__ */ h(
                     xp,
                     {
@@ -27153,7 +27133,7 @@ const Su = (e) => Math.round((e + Number.EPSILON) * 100) / 100, On = (e) => {
                     }
                   )
                 ] }),
-                /* @__PURE__ */ $(G, { fontWeight: 600, children: [
+                /* @__PURE__ */ $(U, { fontWeight: 600, children: [
                   n,
                   " ",
                   On(p.localSwitchingFee)
@@ -27161,7 +27141,7 @@ const Su = (e) => Math.round((e + Number.EPSILON) * 100) / 100, On = (e) => {
               ] }),
               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(U, { fontWeight: 400, mr: "8px", children: "Fees" }),
                   /* @__PURE__ */ h(
                     xp,
                     {
@@ -27179,7 +27159,7 @@ const Su = (e) => Math.round((e + Number.EPSILON) * 100) / 100, On = (e) => {
                     }
                   )
                 ] }),
-                /* @__PURE__ */ $(G, { fontWeight: 600, children: [
+                /* @__PURE__ */ $(U, { fontWeight: 600, children: [
                   n,
                   " ",
                   On(g.transactionFeeValue)
@@ -27225,7 +27205,7 @@ const Su = (e) => Math.round((e + Number.EPSILON) * 100) / 100, On = (e) => {
                   ]
                 }
               ),
-              /* @__PURE__ */ $(G, { fontWeight: 600, children: [
+              /* @__PURE__ */ $(U, { fontWeight: 600, children: [
                 "-",
                 n,
                 " ",
@@ -27321,7 +27301,30 @@ const Su = (e) => Math.round((e + Number.EPSILON) * 100) / 100, On = (e) => {
               )
             ] })
           ] })
-        ] })
+        ] }),
+        F && /* @__PURE__ */ $(
+          le,
+          {
+            py: "12px",
+            justifyContent: "center",
+            alignItems: "center",
+            cursor: "pointer",
+            onClick: E,
+            opacity: T ? 1 : 0.6,
+            transition: "opacity 0.2s",
+            children: [
+              /* @__PURE__ */ h(U, { fontWeight: 500, children: T ? "Hide details" : "More details" }),
+              /* @__PURE__ */ h(
+                Wa,
+                {
+                  transform: T ? "rotate(180deg)" : "rotate(0deg)",
+                  transition: "transform 0.2s",
+                  boxSize: "24px"
+                }
+              )
+            ]
+          }
+        )
       ] })
     }
   );
@@ -28009,13 +28012,13 @@ const pD = (e) => /* @__PURE__ */ $(hn, { viewBox: "0 0 32 32", ...e, fill: "non
       paymentRedirectUrl: P,
       userAllowsWalletPayment: D,
       userAllowsCardPayment: B,
-      userAllowsCryptoPayment: G,
+      userAllowsCryptoPayment: U,
       baseUrl: X,
       hasDiscountCode: H,
       mainstackProductId: ne,
       STRIPE_SECRET_KEY: ce,
       STRIPE_SECRET_KEY_GBP: he,
-      STRIPE_SECRET_KEY_CAD: U,
+      STRIPE_SECRET_KEY_CAD: G,
       applyTrancheFee: ge,
       ip: He,
       shouldApplyTax: ze,
@@ -28261,7 +28264,7 @@ const pD = (e) => /* @__PURE__ */ $(hn, { viewBox: "0 0 32 32", ...e, fill: "non
           K = he, qn = "GB_ACCOUNT";
           break;
         case v === Ne.CAD:
-          K = U, qn = "CA_ACCOUNT";
+          K = G, qn = "CA_ACCOUNT";
           break;
         default:
           K = ce, qn = "US_ACCOUNT";
@@ -28271,7 +28274,7 @@ const pD = (e) => /* @__PURE__ */ $(hn, { viewBox: "0 0 32 32", ...e, fill: "non
       v,
       ce,
       he,
-      U
+      G
     ]);
     de(() => {
       // isFree
@@ -28419,7 +28422,7 @@ const pD = (e) => /* @__PURE__ */ $(hn, { viewBox: "0 0 32 32", ...e, fill: "non
       }
     ].find(
       (K) => K.currency === v
-    ), ga = !ao && jt("crypto") && G && mo || [Ne.NGN, Ne.GHS, Ne.KES].includes(
+    ), ga = !ao && jt("crypto") && U && mo || [Ne.NGN, Ne.GHS, Ne.KES].includes(
       v
     ) && !ao && M !== "ips";
     return /* @__PURE__ */ h(wt, { children: /* @__PURE__ */ $(
@@ -28447,6 +28450,8 @@ const pD = (e) => /* @__PURE__ */ $(hn, { viewBox: "0 0 32 32", ...e, fill: "non
               height: "100%",
               bg: ct.gray25,
               borderRadius: V ? "16px" : { base: "16px", lg: "16px 0 0 16px" },
+              display: "flex",
+              justifyContent: "center",
               children: /* @__PURE__ */ h(
                 uD,
                 {
@@ -28867,7 +28872,7 @@ const pD = (e) => /* @__PURE__ */ $(hn, { viewBox: "0 0 32 32", ...e, fill: "non
                           )
                         }
                       ),
-                      jt("crypto") && G && mo && /* @__PURE__ */ h(
+                      jt("crypto") && U && mo && /* @__PURE__ */ h(
                         Ws,
                         {
                           stripe: po,

package/package.json

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