mainstack-payments 1.0.49 → 1.0.51

package/build/mainstack-payments.js

@@ -1,7 +1,7 @@
-import { jsx as p, jsxs as M, Fragment as ot } from "react/jsx-runtime";
+import { jsx as p, jsxs as M, Fragment as lt } from "react/jsx-runtime";
 import { Colors as Qe, InfoIcon as Ja, Paragraph as Sy, CountrySelect as V1, NotificationsFilledIcon as ja, LockIcon as j1, customSnackbar as Ct, SnackbarType as At, CancelFilledIcon as Eu, Button as dr, Loader as U1, ExpandMoreIcon as Kr, ClickTooltip as Gp, DiscountIcon as G1, PhoneNumberInput as W1, MainstackProvider as H1, CustomSnackbarContainer as K1 } from "mainstack-design-system";
 import * as L from "react";
-import Ae, { Children as xy, isValidElement as $i, createContext as gn, useContext as nt, useRef as be, useEffect as he, useCallback as ue, useState as X, useId as lo, useLayoutEffect as Fi, useMemo as st, forwardRef as Gt, useReducer as Z1, useInsertionEffect as Fd, createElement as Md, cloneElement as Js, memo as Od, useSyncExternalStore as q1, Fragment as Y1, PureComponent as X1, useImperativeHandle as J1 } from "react";
+import Te, { Children as xy, isValidElement as $i, createContext as gn, useContext as nt, useRef as be, useEffect as he, useCallback as ue, useState as X, useId as lo, useLayoutEffect as Fi, useMemo as it, forwardRef as Gt, useReducer as Z1, useInsertionEffect as Fd, createElement as Md, cloneElement as Js, memo as Od, useSyncExternalStore as q1, Fragment as Y1, PureComponent as X1, useImperativeHandle as J1 } from "react";
 import { createPortal as wy } from "react-dom";
 import Q1 from "axios";
 function e2(e) {
@@ -475,11 +475,11 @@ Qs.exports;
   }
   dn.prototype.clear = cc, dn.prototype.delete = nr, dn.prototype.get = Ki, dn.prototype.has = po, dn.prototype.set = uc;
   function pp(y, w) {
-    var $ = So(y), V = !$ && vo(y), Te = !$ && !V && xo(y), Be = !$ && !V && !Te && Tr(y), We = $ || V || Te || Be, Ce = We ? fe(y.length, String) : [], He = Ce.length;
+    var $ = So(y), V = !$ && vo(y), Ee = !$ && !V && xo(y), Be = !$ && !V && !Ee && Tr(y), We = $ || V || Ee || Be, Ce = We ? fe(y.length, String) : [], He = Ce.length;
     for (var Ot in y)
       (w || I.call(y, Ot)) && !(We && // Safari 9 has enumerable `arguments.length` in strict mode.
       (Ot == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
-      Te && (Ot == "offset" || Ot == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
+      Ee && (Ot == "offset" || Ot == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
       Be && (Ot == "buffer" || Ot == "byteLength" || Ot == "byteOffset") || // Skip index properties.
       Ji(Ot, He))) && Ce.push(Ot);
     return Ce;
@@ -529,17 +529,17 @@ Qs.exports;
       V == "constructor" && (w || !I.call(y, V)) || $.push(V);
     return $;
   }
-  function Yi(y, w, $, V, Te) {
+  function Yi(y, w, $, V, Ee) {
     y !== w && qi(w, function(Be, We) {
-      if (Te || (Te = new dn()), Nn(Be))
-        pc(y, w, We, $, Yi, V, Te);
+      if (Ee || (Ee = new dn()), Nn(Be))
+        pc(y, w, We, $, Yi, V, Ee);
       else {
-        var Ce = V ? V(bo(y, We), Be, We + "", y, w, Te) : void 0;
+        var Ce = V ? V(bo(y, We), Be, We + "", y, w, Ee) : void 0;
         Ce === void 0 && (Ce = Be), ho(y, We, Ce);
       }
     }, os);
   }
-  function pc(y, w, $, V, Te, Be, We) {
+  function pc(y, w, $, V, Ee, Be, We) {
     var Ce = bo(y, $), He = bo(w, $), Ot = We.get(He);
     if (Ot) {
       ho(y, $, Ot);
@@ -550,7 +550,7 @@ Qs.exports;
       var xa = So(He), wa = !xa && xo(He), To = !xa && !wa && Tr(He);
       $t = He, xa || wa || To ? So(Ce) ? $t = Ce : wc(Ce) ? $t = Nt(Ce) : wa ? (ar = !1, $t = ga(He, !0)) : To ? (ar = !1, $t = Ar(He, !0)) : $t = [] : Sa(He) || vo(He) ? ($t = Ce, vo(Ce) ? $t = Co(Ce) : (!Nn(Ce) || wo(Ce)) && ($t = yc(He))) : ar = !1;
     }
-    ar && (We.set(He, $t), Te($t, He, V, Be, We), We.delete(He)), ho(y, $, $t);
+    ar && (We.set(He, $t), Ee($t, He, V, Be, We), We.delete(He)), ho(y, $, $t);
   }
   function mo(y, w) {
     return vc(rs(y, w, is), y + "");
@@ -584,18 +584,18 @@ Qs.exports;
     return w;
   }
   function mc(y, w, $, V) {
-    var Te = !$;
+    var Ee = !$;
     $ || ($ = {});
     for (var Be = -1, We = w.length; ++Be < We; ) {
       var Ce = w[Be], He = V ? V($[Ce], y[Ce], Ce, $, y) : void 0;
-      He === void 0 && (He = y[Ce]), Te ? Zi($, Ce, He) : dc($, Ce, He);
+      He === void 0 && (He = y[Ce]), Ee ? Zi($, Ce, He) : dc($, Ce, He);
     }
     return $;
   }
   function gc(y) {
     return mo(function(w, $) {
-      var V = -1, Te = $.length, Be = Te > 1 ? $[Te - 1] : void 0, We = Te > 2 ? $[2] : void 0;
-      for (Be = y.length > 3 && typeof Be == "function" ? (Te--, Be) : void 0, We && Qi($[0], $[1], We) && (Be = Te < 3 ? void 0 : Be, Te = 1), w = Object(w); ++V < Te; ) {
+      var V = -1, Ee = $.length, Be = Ee > 1 ? $[Ee - 1] : void 0, We = Ee > 2 ? $[2] : void 0;
+      for (Be = y.length > 3 && typeof Be == "function" ? (Ee--, Be) : void 0, We && Qi($[0], $[1], We) && (Be = Ee < 3 ? void 0 : Be, Ee = 1), w = Object(w); ++V < Ee; ) {
         var Ce = $[V];
         Ce && y(w, Ce, V, Be);
       }
@@ -604,8 +604,8 @@ Qs.exports;
   }
   function $e(y) {
     return function(w, $, V) {
-      for (var Te = -1, Be = Object(w), We = V(w), Ce = We.length; Ce--; ) {
-        var He = We[y ? Ce : ++Te];
+      for (var Ee = -1, Be = Object(w), We = V(w), Ce = We.length; Ce--; ) {
+        var He = We[y ? Ce : ++Ee];
         if ($(Be[He], He, Be) === !1)
           break;
       }
@@ -627,8 +627,8 @@ Qs.exports;
       var V = !0;
     } catch {
     }
-    var Te = J.call(y);
-    return V && (w ? y[Dn] = $ : delete y[Dn]), Te;
+    var Ee = J.call(y);
+    return V && (w ? y[Dn] = $ : delete y[Dn]), Ee;
   }
   function yc(y) {
     return typeof y.constructor == "function" && !ts(y) ? Hi(la(y)) : {};
@@ -666,11 +666,11 @@ Qs.exports;
   }
   function rs(y, w, $) {
     return w = Xt(w === void 0 ? y.length - 1 : w, 0), function() {
-      for (var V = arguments, Te = -1, Be = Xt(V.length - w, 0), We = Array(Be); ++Te < Be; )
-        We[Te] = V[w + Te];
-      Te = -1;
-      for (var Ce = Array(w + 1); ++Te < w; )
-        Ce[Te] = V[Te];
+      for (var V = arguments, Ee = -1, Be = Xt(V.length - w, 0), We = Array(Be); ++Ee < Be; )
+        We[Ee] = V[w + Ee];
+      Ee = -1;
+      for (var Ce = Array(w + 1); ++Ee < w; )
+        Ce[Ee] = V[Ee];
       return Ce[w] = $(We), rt(y, this, Ce);
     };
   }
@@ -682,8 +682,8 @@ Qs.exports;
   function Sc(y) {
     var w = 0, $ = 0;
     return function() {
-      var V = Jl(), Te = o - (V - $);
-      if ($ = V, Te > 0) {
+      var V = Jl(), Ee = o - (V - $);
+      if ($ = V, Ee > 0) {
         if (++w >= a)
           return arguments[0];
       } else
@@ -850,7 +850,7 @@ function li(...e) {
   };
 }
 function _2(...e) {
-  return st(() => li(...e), e);
+  return it(() => li(...e), e);
 }
 function $2(e) {
   const t = be(void 0);
@@ -6989,7 +6989,7 @@ const a0 = function(t) {
     () => Ch(s, c)
   ), [f, h] = X(
     () => Ch(s)
-  ), { getSystemTheme: g, setClassName: m, setDataset: b, addListener: S } = st(
+  ), { getSystemTheme: g, setClassName: m, setDataset: b, addListener: S } = it(
     () => qE({
       preventTransition: i,
       nonce: l == null ? void 0 : l.nonce
@@ -7023,7 +7023,7 @@ const a0 = function(t) {
     if (a)
       return S(v);
   }, [a, S, v]);
-  const T = st(
+  const T = it(
     () => ({
       colorMode: n ?? x,
       toggleColorMode: n ? wh : E,
@@ -7321,7 +7321,7 @@ const o0 = String.raw, i0 = o0`
   }
 );
 function nP(e) {
-  const { cssVarsRoot: t, theme: n, children: r } = e, a = st(() => BS(n), [n]);
+  const { cssVarsRoot: t, theme: n, children: r } = e, a = it(() => BS(n), [n]);
   return /* @__PURE__ */ M(UE, { theme: a, children: [
     /* @__PURE__ */ p(rP, { root: t }),
     r
@@ -7372,7 +7372,7 @@ function sP({ defer: e } = {}) {
   }, [e]), nt(ef);
 }
 function l0(e) {
-  const { children: t, environment: n, disabled: r } = e, a = be(null), o = st(() => n || {
+  const { children: t, environment: n, disabled: r } = e, a = be(null), o = it(() => n || {
     getDocument: () => {
       var s;
       return ((s = a.current) == null ? void 0 : s.ownerDocument) ?? document;
@@ -7495,7 +7495,7 @@ function fP(e, t) {
 }
 function pP(e) {
   const { initial: t, animate: n } = fP(e, nt(Pl));
-  return st(() => ({ initial: t, animate: n }), [Ah(t), Ah(n)]);
+  return it(() => ({ initial: t, animate: n }), [Ah(t), Ah(n)]);
 }
 function Ah(e) {
   return Array.isArray(e) ? e.join(" ") : e;
@@ -7796,7 +7796,7 @@ function b0(e, t, n) {
     !Mt(t[r]) && !p0(r, n) && (e[r] = t[r]);
 }
 function _P({ transformTemplate: e }, t, n) {
-  return st(() => {
+  return it(() => {
     const r = lf();
     return sf(r, t, { enableHardwareAcceleration: !n }, e), Object.assign({}, r.vars, r.style);
   }, [t]);
@@ -7906,7 +7906,7 @@ const S0 = () => ({
   attrs: {}
 }), uf = (e) => typeof e == "string" && e.toLowerCase() === "svg";
 function LP(e, t, n, r) {
-  const a = st(() => {
+  const a = it(() => {
     const o = S0();
     return cf(o, t, { enableHardwareAcceleration: !1 }, uf(r), e.transformTemplate), {
       ...o.attrs,
@@ -7925,7 +7925,7 @@ function zP(e = !1) {
       ...IP(r, typeof n == "string", e),
       ...l,
       ref: a
-    }, { children: d } = r, f = st(() => Mt(d) ? d.get() : d, [d]);
+    }, { children: d } = r, f = it(() => Mt(d) ? d.get() : d, [d]);
     return Md(n, {
       ...u,
       children: f
@@ -8032,7 +8032,7 @@ function GP(e, t, n, r) {
       a[x] = m[x];
   }), a;
 }
-const it = (e) => e;
+const ot = (e) => e;
 class _h {
   constructor() {
     this.order = [], this.scheduled = /* @__PURE__ */ new Set();
@@ -8108,7 +8108,7 @@ function KP(e, t) {
     return d[f] = (g, m = !1, b = !1) => (n || l(), h.schedule(g, m, b)), d;
   }, {}), cancel: (d) => bs.forEach((f) => o[f].cancel(d)), state: a, steps: o };
 }
-const { schedule: qe, cancel: Yn, state: wt, steps: Uc } = KP(typeof requestAnimationFrame < "u" ? requestAnimationFrame : it, !0), ZP = {
+const { schedule: qe, cancel: Yn, state: wt, steps: Uc } = KP(typeof requestAnimationFrame < "u" ? requestAnimationFrame : ot, !0), ZP = {
   useVisualState: T0({
     scrapeMotionValuesFromProps: A0,
     createRenderState: S0,
@@ -8245,7 +8245,7 @@ function Gc(e, t) {
 }
 class t6 extends Sr {
   constructor() {
-    super(...arguments), this.removeStartListeners = it, this.removeEndListeners = it, this.removeAccessibleListeners = it, this.startPointerPress = (t, n) => {
+    super(...arguments), this.removeStartListeners = ot, this.removeEndListeners = ot, this.removeAccessibleListeners = ot, this.startPointerPress = (t, n) => {
       if (this.isPressing)
         return;
       this.removeEndListeners();
@@ -8393,7 +8393,7 @@ function Il(e, t, n) {
   const r = e.getProps();
   return ff(r, t, n !== void 0 ? n : r.custom, u6(e), d6(e));
 }
-let Li = it, sn = it;
+let Li = ot, sn = ot;
 process.env.NODE_ENV !== "production" && (Li = (e, t) => {
   !e && typeof console < "u" && console.warn(t);
 }, sn = (e, t) => {
@@ -8448,12 +8448,12 @@ function y6(e, t, n, r, a) {
 }
 function zi(e, t, n, r) {
   if (e === t && n === r)
-    return it;
+    return ot;
   const a = (o) => y6(o, 0, 1, e, n);
   return (o) => o === 0 || o === 1 ? o : D0(a(o), t, r);
 }
 const b6 = zi(0.42, 0, 1, 1), v6 = zi(0, 0, 0.58, 1), B0 = zi(0.42, 0, 0.58, 1), S6 = (e) => Array.isArray(e) && typeof e[0] != "number", N0 = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, L0 = (e) => (t) => 1 - e(1 - t), hf = (e) => 1 - Math.sin(Math.acos(e)), z0 = L0(hf), x6 = N0(hf), V0 = zi(0.33, 1.53, 0.69, 0.99), mf = L0(V0), w6 = N0(mf), C6 = (e) => (e *= 2) < 1 ? 0.5 * mf(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), Oh = {
-  linear: it,
+  linear: ot,
   easeIn: b6,
   easeInOut: B0,
   easeOut: v6,
@@ -8553,7 +8553,7 @@ const G0 = {
   regex: AP,
   countKey: "Vars",
   token: "${v}",
-  parse: it
+  parse: ot
 }, W0 = {
   regex: g0,
   countKey: "Colors",
@@ -8637,7 +8637,7 @@ function I6(e, t, n) {
   for (let i = 0; i < o; i++) {
     let s = a(e[i], e[i + 1]);
     if (t) {
-      const l = Array.isArray(t) ? t[i] || it : t;
+      const l = Array.isArray(t) ? t[i] || ot : t;
       s = fr(l, s);
     }
     r.push(s);
@@ -9023,7 +9023,7 @@ function nk(e, t, { onUpdate: n, onComplete: r, ...a }) {
       return l.then(v, E);
     },
     attachTimeline(v) {
-      return m.timeline = v, m.onfinish = null, it;
+      return m.timeline = v, m.onfinish = null, ot;
     },
     get time() {
       return Fn(m.currentTime || 0);
@@ -9068,12 +9068,12 @@ function rk({ keyframes: e, delay: t, onUpdate: n, onComplete: r }) {
     time: 0,
     speed: 1,
     duration: 0,
-    play: it,
-    pause: it,
-    stop: it,
+    play: ot,
+    pause: ot,
+    stop: ot,
     then: (o) => (o(), Promise.resolve()),
-    cancel: it,
-    complete: it
+    cancel: ot,
+    complete: ot
   });
   return t ? bi({
     keyframes: [0, 1],
@@ -10223,11 +10223,11 @@ function i_(e, t = 10) {
 }
 class s_ extends Sr {
   constructor(t) {
-    super(t), this.removeGroupControls = it, this.removeListeners = it, this.controls = new o_(t);
+    super(t), this.removeGroupControls = ot, this.removeListeners = ot, this.controls = new o_(t);
   }
   mount() {
     const { dragControls: t } = this.node.getProps();
-    t && (this.removeGroupControls = t.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || it;
+    t && (this.removeGroupControls = t.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || ot;
   }
   unmount() {
     this.removeGroupControls(), this.removeListeners();
@@ -10238,7 +10238,7 @@ const am = (e) => (t, n) => {
 };
 class l_ extends Sr {
   constructor() {
-    super(...arguments), this.removePointerDownListener = it;
+    super(...arguments), this.removePointerDownListener = ot;
   }
   onPointerDown(t) {
     this.session = new cb(t, this.createPanHandlers(), {
@@ -10318,7 +10318,7 @@ const Oo = {
     return typeof a[2 + i] == "number" && (a[2 + i] /= c), typeof a[3 + i] == "number" && (a[3 + i] /= c), o(a);
   }
 };
-class f_ extends Ae.Component {
+class f_ extends Te.Component {
   /**
    * This only mounts projection nodes for components that
    * need measuring, we might want to do it for all components
@@ -10360,7 +10360,7 @@ class f_ extends Ae.Component {
 }
 function yb(e) {
   const [t, n] = gb(), r = nt(af);
-  return Ae.createElement(f_, { ...e, layoutGroup: r, switchLayoutGroup: nt(f0), isPresent: t, safeToRemove: n });
+  return Te.createElement(f_, { ...e, layoutGroup: r, switchLayoutGroup: nt(f0), isPresent: t, safeToRemove: n });
 }
 const p_ = {
   borderRadius: {
@@ -10397,7 +10397,7 @@ function m_(e, t, n, r, a, o) {
 function lm(e, t) {
   return e[t] !== void 0 ? e[t] : e.borderRadius;
 }
-const g_ = vb(0, 0.5, z0), y_ = vb(0.5, 0.95, it);
+const g_ = vb(0, 0.5, z0), y_ = vb(0.5, 0.95, ot);
 function vb(e, t, n) {
   return (r) => r < e ? 0 : r > t ? 1 : n(yi(e, t, r));
 }
@@ -11076,7 +11076,7 @@ function U_(e) {
 const G_ = {
   duration: 0.45,
   ease: [0.4, 0, 0.1, 1]
-}, wm = (e) => typeof navigator < "u" && navigator.userAgent.toLowerCase().includes(e), Cm = wm("applewebkit/") && !wm("chrome/") ? Math.round : it;
+}, wm = (e) => typeof navigator < "u" && navigator.userAgent.toLowerCase().includes(e), Cm = wm("applewebkit/") && !wm("chrome/") ? Math.round : ot;
 function Am(e) {
   e.min = Cm(e.min), e.max = Cm(e.max);
 }
@@ -11680,7 +11680,7 @@ function S4({ children: e, isPresent: t }) {
   }, [t]), L.createElement(v4, { isPresent: t, childRef: r, sizeRef: a }, L.cloneElement(e, { ref: r }));
 }
 const tu = ({ children: e, initial: t, isPresent: n, onExitComplete: r, custom: a, presenceAffectsLayout: o, mode: i }) => {
-  const s = pf(x4), l = lo(), c = st(
+  const s = pf(x4), l = lo(), c = it(
     () => ({
       id: l,
       initial: t,
@@ -11702,7 +11702,7 @@ const tu = ({ children: e, initial: t, isPresent: n, onExitComplete: r, custom:
      */
     o ? void 0 : [n]
   );
-  return st(() => {
+  return it(() => {
     s.forEach((u, d) => s.set(d, !1));
   }, [n]), L.useEffect(() => {
     !n && !s.size && r && r();
@@ -12184,7 +12184,7 @@ const ve = G4(), W4 = {
   he(() => {
     h && o && a();
   }, [h, o, a]), F2(b, d);
-  const S = st(
+  const S = it(
     () => ({
       pointerEvents: "auto",
       maxWidth: 560,
@@ -12193,7 +12193,7 @@ const ve = G4(), W4 = {
       ...l
     }),
     [l, u]
-  ), x = st(() => k4(i), [i]);
+  ), x = it(() => k4(i), [i]);
   return /* @__PURE__ */ p(
     Xn.div,
     {
@@ -12814,7 +12814,7 @@ const [Nb, y3] = Yt({
     }
   );
 }, x3 = (e) => {
-  const { children: t, containerRef: n, appendToParentPortal: r } = e, a = n.current, o = a ?? (typeof window < "u" ? document.body : void 0), i = st(() => {
+  const { children: t, containerRef: n, appendToParentPortal: r } = e, a = n.current, o = a ?? (typeof window < "u" ? document.body : void 0), i = it(() => {
     const l = a == null ? void 0 : a.ownerDocument.createElement("div");
     return l && (l.className = _f), l;
   }, [a]), [, s] = X({});
@@ -13067,8 +13067,8 @@ const Ur = {
   }
 );
 vi.displayName = "Collapse";
-const Ee = ve("div");
-Ee.displayName = "Box";
+const Ae = ve("div");
+Ae.displayName = "Box";
 const [cD, k3] = Yt({
   strict: !1,
   name: "ButtonGroupContext"
@@ -13100,7 +13100,7 @@ function rd(e) {
     className: o,
     __css: i,
     ...s
-  } = e, l = ze("chakra-button__spinner", o), c = n === "start" ? "marginEnd" : "marginStart", u = st(
+  } = e, l = ze("chakra-button__spinner", o), c = n === "start" ? "marginEnd" : "marginStart", u = it(
     () => ({
       display: "flex",
       alignItems: "center",
@@ -13138,7 +13138,7 @@ const $f = Ge((e, t) => {
     as: b,
     shouldWrapChildren: S,
     ...x
-  } = ln(e), v = st(() => {
+  } = ln(e), v = it(() => {
     const _ = { ...r == null ? void 0 : r._focus, zIndex: 1 };
     return {
       display: "inline-flex",
@@ -13205,7 +13205,7 @@ function Dm(e) {
     t && /* @__PURE__ */ p(Wo, { marginEnd: a, children: t }),
     r,
     n && /* @__PURE__ */ p(Wo, { marginStart: a, children: n })
-  ] }) : /* @__PURE__ */ M(ot, { children: [
+  ] }) : /* @__PURE__ */ M(lt, { children: [
     t && /* @__PURE__ */ p(Wo, { marginEnd: a, children: t }),
     r,
     n && /* @__PURE__ */ p(Wo, { marginStart: a, children: n })
@@ -14180,7 +14180,7 @@ var Zb = Mf({}, function(e) {
   process.env.NODE_ENV !== "production" && (typeof _ < "u" && console.warn("React-Focus-Lock: allowTextSelection is deprecated and enabled by default"), he(function() {
     !s.current && typeof Se != "string" && console.error("FocusLock: could not obtain ref to internal node");
   }, []));
-  var B = qr((r = {}, r[Vb] = g && "disabled", r[sd] = D, r), re), rt = b !== !0, fe = rt && b !== "tail", ht = jb([n, Pe]), Bt = st(function() {
+  var B = qr((r = {}, r[Vb] = g && "disabled", r[sd] = D, r), re), rt = b !== !0, fe = rt && b !== "tail", ht = jb([n, Pe]), Bt = it(function() {
     return {
       observed: s,
       shards: W,
@@ -14188,20 +14188,20 @@ var Zb = Mf({}, function(e) {
       active: l.current
     };
   }, [g, l.current, W, o]);
-  return /* @__PURE__ */ Ae.createElement(Y1, null, rt && [
-    /* @__PURE__ */ Ae.createElement("div", {
+  return /* @__PURE__ */ Te.createElement(Y1, null, rt && [
+    /* @__PURE__ */ Te.createElement("div", {
       key: "guard-first",
       "data-focus-guard": !0,
       tabIndex: g ? -1 : 0,
       style: uu
     }),
-    H ? /* @__PURE__ */ Ae.createElement("div", {
+    H ? /* @__PURE__ */ Te.createElement("div", {
       key: "guard-nearest",
       "data-focus-guard": !0,
       tabIndex: g ? -1 : 1,
       style: uu
     }) : null
-  ], !g && /* @__PURE__ */ Ae.createElement(Ve, {
+  ], !g && /* @__PURE__ */ Te.createElement(Ve, {
     id: ae,
     sideCar: Q3,
     observed: o,
@@ -14216,15 +14216,15 @@ var Zb = Mf({}, function(e) {
     returnFocus: ce,
     focusOptions: F,
     noFocusGuards: b
-  }), /* @__PURE__ */ Ae.createElement(Se, qr({
+  }), /* @__PURE__ */ Te.createElement(Se, qr({
     ref: ht
   }, B, {
     className: R,
     onBlur: Z,
     onFocus: se
-  }), /* @__PURE__ */ Ae.createElement(e$.Provider, {
+  }), /* @__PURE__ */ Te.createElement(e$.Provider, {
     value: Bt
-  }, f)), fe && /* @__PURE__ */ Ae.createElement("div", {
+  }, f)), fe && /* @__PURE__ */ Te.createElement("div", {
     "data-focus-guard": !0,
     tabIndex: g ? -1 : 0,
     style: uu
@@ -14328,7 +14328,7 @@ function i$(e, t) {
         var h = o.indexOf(this);
         o.splice(h, 1), s();
       }, d.render = function() {
-        return /* @__PURE__ */ Ae.createElement(a, this.props);
+        return /* @__PURE__ */ Te.createElement(a, this.props);
       }, u;
     }(X1);
     return o$(l, "displayName", "SideEffect(" + n(a) + ")"), l;
@@ -14942,7 +14942,7 @@ J3.assignMedium(function(e) {
 });
 const oF = i$(rF, aF)(eF);
 var Sv = /* @__PURE__ */ Gt(function(t, n) {
-  return /* @__PURE__ */ Ae.createElement(Xb, qr({
+  return /* @__PURE__ */ Te.createElement(Xb, qr({
     sideCar: oF,
     ref: n
   }, t));
@@ -15310,7 +15310,7 @@ function bF(e, t) {
 }
 function vF(e, ...t) {
   const n = lo(), r = e || n;
-  return st(() => t.map((a) => `${a}-${r}`), [r, t]);
+  return it(() => t.map((a) => `${a}-${r}`), [r, t]);
 }
 const [SF, ta] = Yt({
   name: "ModalStylesContext",
@@ -16407,10 +16407,10 @@ function x9() {
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
 var Wt = function(t, n, r) {
-  var a = !!r, o = Ae.useRef(r);
-  Ae.useEffect(function() {
+  var a = !!r, o = Te.useRef(r);
+  Te.useEffect(function() {
     o.current = r;
-  }, [r]), Ae.useEffect(function() {
+  }, [r]), Te.useEffect(function() {
     if (!a || !t)
       return function() {
       };
@@ -16422,8 +16422,8 @@ var Wt = function(t, n, r) {
     };
   }, [a, n, t, o]);
 }, bd = function(t) {
-  var n = Ae.useRef(t);
-  return Ae.useEffect(function() {
+  var n = Te.useRef(t);
+  return Te.useEffect(function() {
     n.current = t;
   }, [t]), n.current;
 }, oo = function(t) {
@@ -16492,22 +16492,22 @@ var Wt = function(t, n, r) {
     version: "2.8.1",
     url: "https://stripe.com/docs/stripe-js/react"
   }));
-}, Vl = /* @__PURE__ */ Ae.createContext(null);
+}, Vl = /* @__PURE__ */ Te.createContext(null);
 Vl.displayName = "ElementsContext";
 var Wv = 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;
 }, Hv = function(t) {
-  var n = t.stripe, r = t.options, a = t.children, o = Ae.useMemo(function() {
+  var n = t.stripe, r = t.options, a = t.children, o = Te.useMemo(function() {
     return T9(n);
-  }, [n]), i = Ae.useState(function() {
+  }, [n]), i = Te.useState(function() {
     return {
       stripe: o.tag === "sync" ? o.stripe : null,
       elements: o.tag === "sync" ? o.stripe.elements(r) : null
     };
   }), s = jv(i, 2), l = s[0], c = s[1];
-  Ae.useEffect(function() {
+  Te.useEffect(function() {
     var f = !0, h = function(m) {
       c(function(b) {
         return b.stripe ? b : {
@@ -16523,18 +16523,18 @@ var Wv = function(t, n) {
     };
   }, [o, l, r]);
   var u = bd(n);
-  Ae.useEffect(function() {
+  Te.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 = bd(r);
-  return Ae.useEffect(function() {
+  return Te.useEffect(function() {
     if (l.elements) {
       var f = Uv(r, d, ["clientSecret", "fonts"]);
       f && l.elements.update(f);
     }
-  }, [r, d, l.elements]), Ae.useEffect(function() {
+  }, [r, d, l.elements]), Te.useEffect(function() {
     E9(l.stripe);
-  }, [l.stripe]), /* @__PURE__ */ Ae.createElement(Vl.Provider, {
+  }, [l.stripe]), /* @__PURE__ */ Te.createElement(Vl.Provider, {
     value: l
   }, a);
 };
@@ -16543,27 +16543,27 @@ Hv.propTypes = {
   options: et.object
 };
 var P9 = function(t) {
-  var n = Ae.useContext(Vl);
+  var n = Te.useContext(Vl);
   return Wv(n, t);
 }, Kv = function() {
   var t = P9("calls useElements()"), n = t.elements;
   return n;
 };
 et.func.isRequired;
-var Zv = /* @__PURE__ */ Ae.createContext(null);
+var Zv = /* @__PURE__ */ Te.createContext(null);
 Zv.displayName = "CustomCheckoutSdkContext";
 var k9 = 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;
-}, _9 = /* @__PURE__ */ Ae.createContext(null);
+}, _9 = /* @__PURE__ */ Te.createContext(null);
 _9.displayName = "CustomCheckoutContext";
 et.any, et.shape({
   clientSecret: et.string.isRequired,
   elementsOptions: et.object
 }).isRequired;
 var vd = function(t) {
-  var n = Ae.useContext(Zv), r = Ae.useContext(Vl);
+  var n = Te.useContext(Zv), r = Te.useContext(Vl);
   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 ? k9(n, t) : Wv(r, t);
@@ -16571,24 +16571,24 @@ var vd = function(t) {
   return t.charAt(0).toUpperCase() + t.slice(1);
 }, ft = function(t, n) {
   var r = "".concat($9(t), "Element"), a = function(l) {
-    var c = l.id, u = l.className, d = l.options, f = d === void 0 ? {} : d, h = l.onBlur, g = l.onFocus, m = l.onReady, b = l.onChange, S = l.onEscape, x = l.onClick, v = l.onLoadError, E = l.onLoaderStart, T = l.onNetworksChange, P = l.onConfirm, _ = l.onCancel, D = l.onShippingAddressChange, R = l.onShippingRateChange, le = vd("mounts <".concat(r, ">")), H = "elements" in le ? le.elements : null, ie = "customCheckoutSdk" in le ? le.customCheckoutSdk : null, W = Ae.useState(null), pe = jv(W, 2), Se = pe[0], z = pe[1], re = Ae.useRef(null), Ve = Ae.useRef(null);
+    var c = l.id, u = l.className, d = l.options, f = d === void 0 ? {} : d, h = l.onBlur, g = l.onFocus, m = l.onReady, b = l.onChange, S = l.onEscape, x = l.onClick, v = l.onLoadError, E = l.onLoaderStart, T = l.onNetworksChange, P = l.onConfirm, _ = l.onCancel, D = l.onShippingAddressChange, R = l.onShippingRateChange, le = vd("mounts <".concat(r, ">")), H = "elements" in le ? le.elements : null, ie = "customCheckoutSdk" in le ? le.customCheckoutSdk : null, W = Te.useState(null), pe = jv(W, 2), Se = pe[0], z = pe[1], re = Te.useRef(null), Ve = Te.useRef(null);
     Wt(Se, "blur", h), Wt(Se, "focus", g), Wt(Se, "escape", S), Wt(Se, "click", x), Wt(Se, "loaderror", v), Wt(Se, "loaderstart", E), Wt(Se, "networkschange", T), Wt(Se, "confirm", P), Wt(Se, "cancel", _), Wt(Se, "shippingaddresschange", D), Wt(Se, "shippingratechange", R), Wt(Se, "change", b);
     var je;
     m && (t === "expressCheckout" ? je = m : je = function() {
       m(Se);
-    }), Wt(Se, "ready", je), Ae.useLayoutEffect(function() {
+    }), Wt(Se, "ready", je), Te.useLayoutEffect(function() {
       if (re.current === null && Ve.current !== null && (H || ie)) {
         var F = null;
         ie ? F = ie.createElement(t, f) : H && (F = H.create(t, f)), re.current = F, z(F), F && F.mount(Ve.current);
       }
     }, [H, ie, f]);
     var O = bd(f);
-    return Ae.useEffect(function() {
+    return Te.useEffect(function() {
       if (re.current) {
         var F = Uv(f, O, ["paymentRequest"]);
         F && "update" in re.current && re.current.update(F);
       }
-    }, [f, O]), Ae.useLayoutEffect(function() {
+    }, [f, O]), Te.useLayoutEffect(function() {
       return function() {
         if (re.current && typeof re.current.destroy == "function")
           try {
@@ -16596,7 +16596,7 @@ var vd = function(t) {
           } catch {
           }
       };
-    }, []), /* @__PURE__ */ Ae.createElement("div", {
+    }, []), /* @__PURE__ */ Te.createElement("div", {
       id: c,
       className: u,
       ref: Ve
@@ -16604,7 +16604,7 @@ var vd = function(t) {
   }, o = function(l) {
     vd("mounts <".concat(r, ">"));
     var c = l.id, u = l.className;
-    return /* @__PURE__ */ Ae.createElement("div", {
+    return /* @__PURE__ */ Te.createElement("div", {
       id: c,
       className: u
     });
@@ -16627,7 +16627,7 @@ var vd = function(t) {
     onShippingRateChange: et.func,
     options: et.object
   }, i.displayName = r, i.__elementType = t, i;
-}, pt = typeof window > "u", F9 = /* @__PURE__ */ Ae.createContext(null);
+}, pt = typeof window > "u", F9 = /* @__PURE__ */ Te.createContext(null);
 F9.displayName = "EmbeddedCheckoutProviderContext";
 var jl = function() {
   var t = vd("calls useStripe()"), n = t.stripe;
@@ -18157,9 +18157,9 @@ function TI(e) {
       xe === "checkbox" ? Xe === void 0 ? ye.checked = !!J : (ye.checked = !!(Array.isArray(J) && ~J.indexOf(Xe)), ye.value = Xe) : xe === "radio" ? (ye.checked = J === Xe, ye.value = Xe) : me === "select" && er && (ye.value = ye.value || [], ye.multiple = !0);
     }
     return ye;
-  }, [Q, Y, P.values]), _e = st(function() {
+  }, [Q, Y, P.values]), _e = it(function() {
     return !Or(h.current, P.values);
-  }, [h.current, P.values]), gt = st(function() {
+  }, [h.current, P.values]), gt = it(function() {
     return typeof s < "u" ? _e ? P.errors && Object.keys(P.errors).length === 0 : s !== !1 && pn(s) ? s(f) : s : P.errors && Object.keys(P.errors).length === 0;
   }, [s, _e, P.errors, f]), De = xt({}, P, {
     initialValues: h.current,
@@ -21592,7 +21592,7 @@ const Xg = /* @__PURE__ */ new Map([
   const [x, v] = X(!1);
   be(null);
   const [E, T] = X(0);
-  return /* @__PURE__ */ M(Ee, { w: h || "full", children: [
+  return /* @__PURE__ */ M(Ae, { w: h || "full", children: [
     e && /* @__PURE__ */ p(
       we,
       {
@@ -21689,8 +21689,8 @@ const Xg = /* @__PURE__ */ new Map([
     borderRadius: "64px",
     ...n,
     children: [
-      /* @__PURE__ */ p(ot, { children: e }),
-      t && /* @__PURE__ */ p(Ee, { position: "absolute", right: "6px", children: t })
+      /* @__PURE__ */ p(lt, { children: e }),
+      t && /* @__PURE__ */ p(Ae, { position: "absolute", right: "6px", children: t })
     ]
   }
 ), OR = ({
@@ -21859,15 +21859,15 @@ const Xg = /* @__PURE__ */ new Map([
     return fe(), window.addEventListener("resize", fe), () => {
       window.removeEventListener("resize", fe);
     };
-  }, []), /* @__PURE__ */ p(ot, { children: i && /* @__PURE__ */ p(Ee, { position: "relative", children: a ? /* @__PURE__ */ p(ot, {}) : /* @__PURE__ */ p(vi, { in: o, animateOpacity: !0, children: /* @__PURE__ */ M(
-    Ee,
+  }, []), /* @__PURE__ */ p(lt, { children: i && /* @__PURE__ */ p(Ae, { position: "relative", children: a ? /* @__PURE__ */ p(lt, {}) : /* @__PURE__ */ p(vi, { in: o, animateOpacity: !0, children: /* @__PURE__ */ M(
+    Ae,
     {
       ref: Y,
       mt: "24px",
       fontFamily: "inherit",
       children: [
         /* @__PURE__ */ M(Gf, { gap: "16px", children: [
-          /* @__PURE__ */ M(Ee, { children: [
+          /* @__PURE__ */ M(Ae, { children: [
             /* @__PURE__ */ p(
               we,
               {
@@ -21882,7 +21882,7 @@ const Xg = /* @__PURE__ */ new Map([
               }
             ),
             /* @__PURE__ */ p(
-              Ee,
+              Ae,
               {
                 bg: "#fff",
                 height: "48px",
@@ -21910,7 +21910,7 @@ const Xg = /* @__PURE__ */ new Map([
             )
           ] }),
           /* @__PURE__ */ M(te, { width: "100%", gap: "8px", children: [
-            /* @__PURE__ */ M(Ee, { flexBasis: "50%", children: [
+            /* @__PURE__ */ M(Ae, { flexBasis: "50%", children: [
               /* @__PURE__ */ p(
                 we,
                 {
@@ -21925,7 +21925,7 @@ const Xg = /* @__PURE__ */ new Map([
                 }
               ),
               /* @__PURE__ */ p(
-                Ee,
+                Ae,
                 {
                   bg: "#fff",
                   height: "48px",
@@ -21952,7 +21952,7 @@ const Xg = /* @__PURE__ */ new Map([
                 }
               )
             ] }),
-            /* @__PURE__ */ M(Ee, { flexBasis: "50%", children: [
+            /* @__PURE__ */ M(Ae, { flexBasis: "50%", children: [
               /* @__PURE__ */ p(
                 we,
                 {
@@ -21967,7 +21967,7 @@ const Xg = /* @__PURE__ */ new Map([
                 }
               ),
               /* @__PURE__ */ p(
-                Ee,
+                Ae,
                 {
                   bg: "#fff",
                   height: "48px",
@@ -22088,7 +22088,7 @@ const Xg = /* @__PURE__ */ new Map([
                 mt: "12px",
                 flexDirection: { base: "column", md: "row" },
                 children: [
-                  !(b != null && b.hideBackButton) && /* @__PURE__ */ p(
+                  /* @__PURE__ */ p(
                     gl,
                     {
                       bgColor: "#F2F4F7",
@@ -26213,7 +26213,7 @@ const Qg = "Payment Completed", BR = ({
       c.close();
     };
   }, [n]), /* @__PURE__ */ p(
-    Ee,
+    Ae,
     {
       display: t ? "block" : "none",
       position: "fixed",
@@ -26226,7 +26226,7 @@ const Qg = "Payment Completed", BR = ({
       overflow: "hidden",
       backgroundColor: "rgba(0, 0, 0, 0.4)",
       children: /* @__PURE__ */ M(
-        Ee,
+        Ae,
         {
           className: `modal-content ${t ? "show" : ""}`,
           margin: { base: "0px", lg: "5% auto" },
@@ -26243,7 +26243,7 @@ const Qg = "Payment Completed", BR = ({
           } : {},
           children: [
             /* @__PURE__ */ p(
-              Ee,
+              Ae,
               {
                 onClick: n,
                 fontSize: "20px",
@@ -26354,7 +26354,7 @@ const Qg = "Payment Completed", BR = ({
       maxHeight: { lg: "95vh", base: "80vh" },
       fontFamily: "Bricolage Grotesque",
       children: [
-        r && /* @__PURE__ */ M(ot, { children: [
+        r && /* @__PURE__ */ M(lt, { children: [
           /* @__PURE__ */ p(Bv, {}),
           /* @__PURE__ */ p(
             Ll,
@@ -26377,7 +26377,7 @@ const Qg = "Payment Completed", BR = ({
   onClose: t
 }) => {
   const [n] = yr("(min-width: 768px)");
-  return /* @__PURE__ */ p(ot, { children: n ? /* @__PURE__ */ M(
+  return /* @__PURE__ */ p(lt, { children: n ? /* @__PURE__ */ M(
     Dl,
     {
       isCentered: !0,
@@ -26480,7 +26480,7 @@ const Qg = "Payment Completed", BR = ({
   onConfirm: a
 }) => {
   const [o] = yr("(min-width: 768px)");
-  return /* @__PURE__ */ p(ot, { children: o ? /* @__PURE__ */ M(
+  return /* @__PURE__ */ p(lt, { children: o ? /* @__PURE__ */ M(
     Dl,
     {
       isCentered: !0,
@@ -26695,7 +26695,7 @@ const Qg = "Payment Completed", BR = ({
     }
   ) }) })
 ] }), so = ({ children: e, isLoading: t, ...n }) => /* @__PURE__ */ p(
-  Ee,
+  Ae,
   {
     borderRadius: "12px",
     border: "1px solid #E8EBF2",
@@ -26705,7 +26705,7 @@ const Qg = "Payment Completed", BR = ({
     cursor: "pointer",
     textAlign: "left",
     ...n,
-    children: t ? /* @__PURE__ */ p(te, { justifyContent: "center", children: /* @__PURE__ */ p(U1, { width: "20px", height: "20px" }) }) : /* @__PURE__ */ p(ot, { children: e })
+    children: t ? /* @__PURE__ */ p(te, { justifyContent: "center", children: /* @__PURE__ */ p(U1, { width: "20px", height: "20px" }) }) : /* @__PURE__ */ p(lt, { children: e })
   }
 ), L1 = Od(
   ({
@@ -26832,7 +26832,7 @@ const Qg = "Payment Completed", BR = ({
         }
       }), f == null || f.show());
     }, [l, r, f, u]);
-    return /* @__PURE__ */ p(ot, { children: f && ((g == null ? void 0 : g.applePay) || (g == null ? void 0 : g.googlePay)) && /* @__PURE__ */ M(ot, { children: [
+    return /* @__PURE__ */ p(lt, { children: f && ((g == null ? void 0 : g.applePay) || (g == null ? void 0 : g.googlePay)) && /* @__PURE__ */ M(lt, { children: [
       (g == null ? void 0 : g.applePay) && /* @__PURE__ */ p(so, { onClick: x, disabled: b, children: /* @__PURE__ */ M(
         te,
         {
@@ -26997,7 +26997,7 @@ const Au = (e) => Math.round((e + Number.EPSILON) * 100) / 100, vn = (e) => {
     }
   );
   return /* @__PURE__ */ p(
-    Ee,
+    Ae,
     {
       px: b ? "16px" : { base: "16px", lg: "32px" },
       zIndex: 10,
@@ -27005,17 +27005,17 @@ const Au = (e) => Math.round((e + Number.EPSILON) * 100) / 100, vn = (e) => {
       position: b ? "static" : { base: "static", lg: "fixed" },
       width: b ? "100%" : { base: "100%", lg: `${P}px` },
       children: /* @__PURE__ */ M(
-        Ee,
+        Ae,
         {
           width: b ? "100%" : { base: "100%", lg: T ?? "356px" },
           mx: "auto",
           children: [
             /* @__PURE__ */ M(
-              Ee,
+              Ae,
               {
                 textAlign: b ? "center" : { base: "center", lg: "left" },
                 children: [
-                  m.totalAmountPlusFees <= 0 ? /* @__PURE__ */ p(ot, {}) : typeof e == "string" ? /* @__PURE__ */ p(W, { color: "#7D879B", children: e }) : /* @__PURE__ */ p(ot, { children: e }),
+                  m.totalAmountPlusFees <= 0 ? /* @__PURE__ */ p(lt, {}) : typeof e == "string" ? /* @__PURE__ */ p(W, { color: "#7D879B", children: e }) : /* @__PURE__ */ p(lt, { children: e }),
                   r ? /* @__PURE__ */ p(yd, { height: "20px", width: "100px", mx: "auto" }) : /* @__PURE__ */ p(
                     W,
                     {
@@ -27032,7 +27032,7 @@ const Au = (e) => Math.round((e + Number.EPSILON) * 100) / 100, vn = (e) => {
               }
             ),
             /* @__PURE__ */ M(vi, { in: !R && !b || _, children: [
-              (pe = S == null ? void 0 : S[0]) != null && pe.image ? /* @__PURE__ */ p(ot, { children: Array.isArray(S) && S.length > 0 && /* @__PURE__ */ p(Ee, { pt: "20px", pb: "12px", borderBottom: "1px solid #E8EBF2", children: S.map((z, re) => /* @__PURE__ */ M(te, { justifyContent: "space-between", children: [
+              (pe = S == null ? void 0 : S[0]) != null && pe.image ? /* @__PURE__ */ p(lt, { children: Array.isArray(S) && S.length > 0 && /* @__PURE__ */ p(Ae, { pt: "20px", pb: "12px", borderBottom: "1px solid #E8EBF2", children: S.map((z, re) => /* @__PURE__ */ M(te, { justifyContent: "space-between", children: [
                 /* @__PURE__ */ p(
                   Ai,
                   {
@@ -27044,7 +27044,7 @@ const Au = (e) => Math.round((e + Number.EPSILON) * 100) / 100, vn = (e) => {
                     borderRadius: "6px"
                   }
                 ),
-                /* @__PURE__ */ M(Ee, { children: [
+                /* @__PURE__ */ M(Ae, { children: [
                   /* @__PURE__ */ M(
                     W,
                     {
@@ -27065,7 +27065,7 @@ const Au = (e) => Math.round((e + Number.EPSILON) * 100) / 100, vn = (e) => {
                     vn(z.price)
                   ] })
                 ] })
-              ] }, re)) }) }) : /* @__PURE__ */ M(Ee, { borderBottom: "1px solid #E8EBF2", py: "12px", children: [
+              ] }, re)) }) }) : /* @__PURE__ */ M(Ae, { borderBottom: "1px solid #E8EBF2", py: "12px", children: [
                 /* @__PURE__ */ M(te, { justifyContent: "space-between", alignItems: "center", children: [
                   /* @__PURE__ */ p(
                     Ai,
@@ -27078,7 +27078,7 @@ const Au = (e) => Math.round((e + Number.EPSILON) * 100) / 100, vn = (e) => {
                       borderRadius: "6px"
                     }
                   ),
-                  /* @__PURE__ */ M(Ee, { children: [
+                  /* @__PURE__ */ M(Ae, { children: [
                     /* @__PURE__ */ M(
                       W,
                       {
@@ -27100,7 +27100,7 @@ const Au = (e) => Math.round((e + Number.EPSILON) * 100) / 100, vn = (e) => {
                     ] })
                   ] })
                 ] }),
-                Array.isArray(S) && S.length > 0 && /* @__PURE__ */ p(Ee, { pt: "12px", children: S.map((z, re) => /* @__PURE__ */ M(
+                Array.isArray(S) && S.length > 0 && /* @__PURE__ */ p(Ae, { pt: "12px", children: S.map((z, re) => /* @__PURE__ */ M(
                   te,
                   {
                     justifyContent: "space-between",
@@ -27130,7 +27130,7 @@ const Au = (e) => Math.round((e + Number.EPSILON) * 100) / 100, vn = (e) => {
                     vn(n)
                   ] })
                 ] }),
-                !(a != null && a.isFullDiscount) && /* @__PURE__ */ M(ot, { children: [
+                !(a != null && a.isFullDiscount) && /* @__PURE__ */ M(lt, { children: [
                   " ",
                   h.localTaxFees > 0 && h.shouldApplyTax && /* @__PURE__ */ M(te, { width: "100%", justifyContent: "space-between", children: [
                     /* @__PURE__ */ p(te, { alignItems: "center", children: /* @__PURE__ */ M(W, { fontWeight: 400, mr: "8px", children: [
@@ -27169,7 +27169,7 @@ const Au = (e) => Math.round((e + Number.EPSILON) * 100) / 100, vn = (e) => {
                       m.transactionFeeValue > 0 && /* @__PURE__ */ p(
                         Gp,
                         {
-                          body: /* @__PURE__ */ p(Ee, { mb: "20px", children: (Se = m.applied_fees) == null ? void 0 : Se.map((z) => /* @__PURE__ */ M(we, { mb: "5px", children: [
+                          body: /* @__PURE__ */ p(Ae, { mb: "20px", children: (Se = m.applied_fees) == null ? void 0 : Se.map((z) => /* @__PURE__ */ M(we, { mb: "5px", children: [
                             z.display_name,
                             ": ",
                             z.amount,
@@ -27236,7 +27236,7 @@ const Au = (e) => Math.round((e + Number.EPSILON) * 100) / 100, vn = (e) => {
                     vn(a == null ? void 0 : a.amount)
                   ] })
                 ] }),
-                i && !(a != null && a.amount) && n > 0 && /* @__PURE__ */ p(Ee, { mb: "20px", children: /* @__PURE__ */ M(
+                i && !(a != null && a.amount) && n > 0 && /* @__PURE__ */ p(Ae, { mb: "20px", children: /* @__PURE__ */ M(
                   te,
                   {
                     alignItems: "center",
@@ -27365,7 +27365,7 @@ const Au = (e) => Math.round((e + Number.EPSILON) * 100) / 100, vn = (e) => {
   errors: s,
   setFieldValue: l,
   proceedButton: c
-}) => /* @__PURE__ */ M(ot, { children: [
+}) => /* @__PURE__ */ M(lt, { children: [
   /* @__PURE__ */ M(te, { flexDirection: "column", gap: "20px", children: [
     t && /* @__PURE__ */ p(
       si,
@@ -27399,7 +27399,7 @@ const Au = (e) => Math.round((e + Number.EPSILON) * 100) / 100, vn = (e) => {
         bg: a ? "#FFE1DE" : Qe.white100
       }
     ),
-    r && /* @__PURE__ */ M(Ee, { position: "relative", zIndex: "9", children: [
+    r && /* @__PURE__ */ M(Ae, { position: "relative", zIndex: "9", children: [
       /* @__PURE__ */ p(
         W1,
         {
@@ -27925,7 +27925,7 @@ const KR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
   FooterElement: e,
   hidePoweredBy: t,
   showFooterElement: n = !1
-}) => /* @__PURE__ */ M(Ee, { mt: "16px", children: [
+}) => /* @__PURE__ */ M(Ae, { mt: "16px", children: [
   n ? e ?? /* @__PURE__ */ p(
     we,
     {
@@ -27937,7 +27937,7 @@ const KR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
       color: "#586172",
       children: "As the Merchant of Record, Mainstack handles the collection and remittance of all applicable taxes for transactions processed on our platform. This ensures compliance with local regulations and removes the burden of tax management from merchants."
     }
-  ) : /* @__PURE__ */ p(ot, {}),
+  ) : /* @__PURE__ */ p(lt, {}),
   /* @__PURE__ */ M(
     te,
     {
@@ -28340,16 +28340,16 @@ const Tu = [
       validationSchema: J ? Jl : Wi,
       validateOnChange: !1,
       onSubmit: (q, { setSubmitting: ge }) => {
-        const lt = _i();
-        if (Bt(lt), ge(!0), Nt === 0 || me != null && me.isFullDiscount) {
+        const st = _i();
+        if (Bt(st), ge(!0), Nt === 0 || me != null && me.isFullDiscount) {
           u({
             fullname: q.fullname,
             email: q.email,
-            reference: lt,
+            reference: st,
             amount: 0,
             metadata: {
               ...$e,
-              reference: lt,
+              reference: st,
               country: fo($e.country)
             }
           });
@@ -28357,11 +28357,11 @@ const Tu = [
         }
         const yt = {
           amount: Nt,
-          reference: lt,
+          reference: st,
           currency: v,
           metadata: {
             ...$e,
-            reference: lt,
+            reference: st,
             payment_mode: q.payment_mode
           }
         }, Cc = {
@@ -28369,7 +28369,7 @@ const Tu = [
           currency: v,
           metadata: {
             ...$e,
-            reference: lt,
+            reference: st,
             payment_mode: q.payment_mode
           },
           callback_url: le
@@ -28429,7 +28429,7 @@ const Tu = [
     _t && !_e && (h && h({
       message: `Error loading transaction information: ${((wa = _t == null ? void 0 : _t.raw) == null ? void 0 : wa.message) ?? _t ?? ""}, please reload or contact us.`
     }), console.error(((To = _t == null ? void 0 : _t.raw) == null ? void 0 : To.message) ?? _t));
-    const fc = (yp = (gp = (mp = ee == null ? void 0 : ee.payload) == null ? void 0 : mp.tax_calculation) == null ? void 0 : gp.breakdown[0]) == null ? void 0 : yp.percentage_decimal, ma = ((vp = (bp = ee == null ? void 0 : ee.payload) == null ? void 0 : bp.tax_calculation) == null ? void 0 : vp.local_tax) ?? 0, Yi = ((xp = (Sp = ee == null ? void 0 : ee.payload) == null ? void 0 : Sp.tax_calculation) == null ? void 0 : xp.dollar_tax) ?? 0, pc = ((wp = ee == null ? void 0 : ee.payload) == null ? void 0 : wp.local_amount) ?? 0, mo = ((Cp = ee == null ? void 0 : ee.payload) == null ? void 0 : Cp.local_transaction_fee) ?? 0, hc = ((Ap = ee == null ? void 0 : ee.payload) == null ? void 0 : Ap.currency_switching_fee) ?? 0, ga = ((Tp = ee == null ? void 0 : ee.payload) == null ? void 0 : Tp.local_currency_switching_fee) ?? 0, Xi = ((Ep = ee == null ? void 0 : ee.payload) == null ? void 0 : Ep.dollar_currency_switching_fee) ?? 0, Ar = parseFloat(pc) + parseFloat(mo) + (ce ? 0 : parseFloat(ma)) + (nr ? Number(ga) : 0), Nt = st(() => {
+    const fc = (yp = (gp = (mp = ee == null ? void 0 : ee.payload) == null ? void 0 : mp.tax_calculation) == null ? void 0 : gp.breakdown[0]) == null ? void 0 : yp.percentage_decimal, ma = ((vp = (bp = ee == null ? void 0 : ee.payload) == null ? void 0 : bp.tax_calculation) == null ? void 0 : vp.local_tax) ?? 0, Yi = ((xp = (Sp = ee == null ? void 0 : ee.payload) == null ? void 0 : Sp.tax_calculation) == null ? void 0 : xp.dollar_tax) ?? 0, pc = ((wp = ee == null ? void 0 : ee.payload) == null ? void 0 : wp.local_amount) ?? 0, mo = ((Cp = ee == null ? void 0 : ee.payload) == null ? void 0 : Cp.local_transaction_fee) ?? 0, hc = ((Ap = ee == null ? void 0 : ee.payload) == null ? void 0 : Ap.currency_switching_fee) ?? 0, ga = ((Tp = ee == null ? void 0 : ee.payload) == null ? void 0 : Tp.local_currency_switching_fee) ?? 0, Xi = ((Ep = ee == null ? void 0 : ee.payload) == null ? void 0 : Ep.dollar_currency_switching_fee) ?? 0, Ar = parseFloat(pc) + parseFloat(mo) + (ce ? 0 : parseFloat(ma)) + (nr ? Number(ga) : 0), Nt = it(() => {
       var q;
       return v === Ue.UGX ? Math.ceil(Ar) * 100 : Math.round(
         Ar * ((q = ee == null ? void 0 : ee.payload) != null && q.is_zero_decimal_currency ? 1 : 100)
@@ -28488,7 +28488,7 @@ const Tu = [
       q !== 0 && xe !== "" && (Number(E) - q > 0 && Number(E) - q < 1 ? St(1) : St(E - q));
     }, [me, j]);
     let ba;
-    const yc = st(() => {
+    const yc = it(() => {
       let q = "";
       switch (!0) {
         case Tu.indexOf(v) > -1:
@@ -28541,16 +28541,16 @@ const Tu = [
             var ge;
             if (k(!0), // (isSingleColumn || isLessThan768) &&
             Bn != null && Bn.current) {
-              const lt = (ge = Bn == null ? void 0 : Bn.current) == null ? void 0 : ge.offsetTop, yt = lt - 100;
+              const st = (ge = Bn == null ? void 0 : Bn.current) == null ? void 0 : ge.offsetTop, yt = st - 100;
               ua(
-                Z || Dn ? lt : yt
+                Z || Dn ? st : yt
               );
             }
           },
           onError(ge) {
             var yt;
-            let lt = ((yt = ge == null ? void 0 : ge.raw) == null ? void 0 : yt.message) ?? "Error loading payment gateway";
-            lt.includes("ip_address") && (lt = "Payment failed: An extension may be blocking us from completing your payment or your browser may be unsupported. Please try again."), Ct(lt, At.error);
+            let st = ((yt = ge == null ? void 0 : ge.raw) == null ? void 0 : yt.message) ?? "Error loading payment gateway";
+            st.includes("ip_address") && (st = "Payment failed: An extension may be blocking us from completing your payment or your browser may be unsupported. Please try again."), Ct(st, At.error);
           }
         }
       );
@@ -28576,17 +28576,17 @@ const Tu = [
         Ue.KES
       ].includes(v);
       kt(!0);
-      let lt = {};
+      let st = {};
       if (c) {
         const Cc = await c(j.values);
-        if (lt = await j.validateForm(), Cc.terminate) {
+        if (st = await j.validateForm(), Cc.terminate) {
           kt(!1);
           return;
         }
         ge && kt(!1);
       } else
-        lt = await j.validateForm(), ge && kt(!1);
-      if (!(Object.keys(lt).includes("email") || Object.keys(lt).includes("fullname"))) {
+        st = await j.validateForm(), ge && kt(!1);
+      if (!(Object.keys(st).includes("email") || Object.keys(st).includes("fullname"))) {
         if (kt(!1), Nt === 0 || me != null && me.isFullDiscount)
           if (j.values.email !== Rn && !s)
             ns();
@@ -28613,7 +28613,7 @@ const Tu = [
       onClose: va,
       onOpen: vo
     } = _a(), So = async () => {
-      var q, ge, lt;
+      var q, ge, st;
       U({
         url: "",
         reference: "",
@@ -28632,7 +28632,7 @@ const Tu = [
         );
       } catch (yt) {
         Ct(
-          `${((lt = yt == null ? void 0 : yt.raw) == null ? void 0 : lt.message) ?? "Failed to complete transaction"}`,
+          `${((st = yt == null ? void 0 : yt.raw) == null ? void 0 : st.message) ?? "Failed to complete transaction"}`,
           At.error
         ), j.setSubmitting(!1), kt(!1);
       }
@@ -28689,10 +28689,10 @@ const Tu = [
       v
     ) && sc && H || w && H, V = !$ && Xt("crypto") && W && xo || [Ue.NGN, Ue.GHS, Ue.KES].includes(
       v
-    ) && !$ && N !== "ips", Te = () => {
+    ) && !$ && N !== "ips", Ee = () => {
       Er && is(), Co(), k(!1);
     };
-    return /* @__PURE__ */ p(ot, { children: /* @__PURE__ */ M(
+    return /* @__PURE__ */ p(lt, { children: /* @__PURE__ */ M(
       Gf,
       {
         py: (P == null ? void 0 : P.padding) ?? "0px",
@@ -28771,44 +28771,52 @@ const Tu = [
               overflowY: "auto",
               height: { base: "100%", lg: "90vh" },
               px: Z ? "16px" : { base: "0px", lg: "32px" },
-              children: /* @__PURE__ */ M(Ee, { width: "100%", maxWidth: "560px", children: [
-                /* @__PURE__ */ p(ot, { children: m }),
+              children: /* @__PURE__ */ M(Ae, { width: "100%", maxWidth: "560px", children: [
+                !(P != null && P.hideBackButton) && /* @__PURE__ */ p(
+                  gl,
+                  {
+                    bgColor: "#fff",
+                    color: "#111215",
+                    padding: "0px",
+                    fontWeight: "600",
+                    height: "20px",
+                    _hover: {
+                      backgroundColor: "none"
+                    },
+                    _active: {
+                      backgroundColor: "none"
+                    },
+                    mb: "20px",
+                    label: /* @__PURE__ */ M(te, { alignItems: "center", gap: "12px", children: [
+                      /* @__PURE__ */ p(
+                        ja,
+                        {
+                          transform: "rotate(-90deg)",
+                          transition: "transform 0.2s",
+                          boxSize: "20px"
+                        }
+                      ),
+                      (P == null ? void 0 : P.back_button_label) ?? "Back"
+                    ] }),
+                    width: "fit-content",
+                    fontFamily: "inherit",
+                    onClick: l
+                  }
+                ),
+                m && /* @__PURE__ */ p(Ae, { mb: "20px", children: m }),
                 /* @__PURE__ */ M(SI, { value: j, children: [
-                  /* @__PURE__ */ p("form", { onSubmit: j.handleSubmit, children: /* @__PURE__ */ M(Ee, { borderBottom: "1px solid #E8EBF2", py: "20px", children: [
-                    !(P != null && P.hideBackButton) && /* @__PURE__ */ p(
-                      gl,
-                      {
-                        bgColor: "#fff",
-                        color: "#111215",
-                        padding: "0px",
-                        fontWeight: "600",
-                        label: /* @__PURE__ */ M(te, { alignItems: "center", gap: "12px", children: [
-                          /* @__PURE__ */ p(
-                            ja,
-                            {
-                              transform: "rotate(-90deg)",
-                              transition: "transform 0.2s",
-                              boxSize: "20px"
-                            }
-                          ),
-                          (P == null ? void 0 : P.back_button_label) ?? "Back"
-                        ] }),
-                        width: "fit-content",
-                        fontFamily: "inherit",
-                        onClick: l
-                      }
-                    ),
+                  /* @__PURE__ */ p("form", { onSubmit: j.handleSubmit, children: /* @__PURE__ */ M(Ae, { borderBottom: "1px solid #E8EBF2", pb: "20px", children: [
                     /* @__PURE__ */ M(
                       te,
                       {
                         justifyContent: "space-between",
                         alignItems: "center",
                         cursor: "pointer",
-                        onClick: Te,
+                        onClick: Ee,
                         opacity: Tr ? 1 : 0.6,
                         transition: "opacity 0.2s",
                         children: [
-                          $i(n) ? /* @__PURE__ */ p(ot, { children: n }) : /* @__PURE__ */ M(Ee, { children: [
+                          $i(n) ? /* @__PURE__ */ p(lt, { children: n }) : /* @__PURE__ */ M(Ae, { children: [
                             /* @__PURE__ */ p(
                               we,
                               {
@@ -28843,7 +28851,7 @@ const Tu = [
                         ]
                       }
                     ),
-                    /* @__PURE__ */ p(vi, { in: Tr, children: /* @__PURE__ */ p(Ee, { transition: "all 0.2s", mt: "20px", children: s ? /* @__PURE__ */ M(ot, { children: [
+                    /* @__PURE__ */ p(vi, { in: Tr, children: /* @__PURE__ */ p(Ae, { transition: "all 0.2s", mt: "20px", children: s ? /* @__PURE__ */ M(lt, { children: [
                       s,
                       /* @__PURE__ */ p(
                         ny,
@@ -28886,7 +28894,7 @@ const Tu = [
                       }
                     ) }) })
                   ] }) }),
-                  Ar > 0 && /* @__PURE__ */ M(Ee, { width: "100%", children: [
+                  Ar > 0 && /* @__PURE__ */ M(Ae, { width: "100%", children: [
                     /* @__PURE__ */ M(
                       te,
                       {
@@ -28906,7 +28914,7 @@ const Tu = [
                           cursor: "not-allowed"
                         },
                         children: [
-                          /* @__PURE__ */ M(Ee, { children: [
+                          /* @__PURE__ */ M(Ae, { children: [
                             /* @__PURE__ */ p(
                               we,
                               {
@@ -28961,8 +28969,8 @@ const Tu = [
                                 }
                               }
                             },
-                            children: /* @__PURE__ */ M(Ee, { transition: "all 0.2s", pb: "200px", children: [
-                              /* @__PURE__ */ p(te, { gap: "12px", children: (Xt("wallet") || Xt("cashapp")) && !(me != null && me.isFullDiscount) && /* @__PURE__ */ p(ot, { children: H && v !== Ue.NGN && v !== Ue.GHS && v !== Ue.KES && /* @__PURE__ */ M(ot, { children: [
+                            children: /* @__PURE__ */ M(Ae, { transition: "all 0.2s", pb: "200px", children: [
+                              /* @__PURE__ */ p(te, { gap: "12px", children: (Xt("wallet") || Xt("cashapp")) && !(me != null && me.isFullDiscount) && /* @__PURE__ */ p(lt, { children: H && v !== Ue.NGN && v !== Ue.GHS && v !== Ue.KES && /* @__PURE__ */ M(lt, { children: [
                                 " ",
                                 /* @__PURE__ */ p(
                                   L1,
@@ -29071,7 +29079,7 @@ const Tu = [
                                                   lg: "flex"
                                                 },
                                                 children: wo.map((q, ge) => /* @__PURE__ */ p(
-                                                  Ee,
+                                                  Ae,
                                                   {
                                                     flexShrink: 0,
                                                     children: /* @__PURE__ */ p(
@@ -29100,7 +29108,7 @@ const Tu = [
                                         }
                                       )
                                     ] }),
-                                    /* @__PURE__ */ p(Ee, { ref: Bn, children: /* @__PURE__ */ p(
+                                    /* @__PURE__ */ p(Ae, { ref: Bn, children: /* @__PURE__ */ p(
                                       OR,
                                       {
                                         metadata: {
@@ -29133,7 +29141,7 @@ const Tu = [
                                         isEuroCurrencies: Tu.indexOf(v) > -1,
                                         paymentWidth: as,
                                         customizations: P,
-                                        onGoBack: Te,
+                                        onGoBack: Ee,
                                         Styles: {
                                           lSpan: se || Z ? 12 : { base: 12, lg: 5 },
                                           rSpan: se || Z ? 12 : { base: 12, lg: 7 }
@@ -29144,7 +29152,7 @@ const Tu = [
                                 }
                               ),
                               /* @__PURE__ */ p(
-                                Ee,
+                                Ae,
                                 {
                                   mb: V ? "0px" : "12px",
                                   children: V && /* @__PURE__ */ p(ty, {})

package/package.json

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