mainstack-payments 1.0.12 → 1.0.14

package/build/mainstack-payments.js

@@ -1,7 +1,7 @@
 import { jsx as m, jsxs as $, Fragment as _t } from "react/jsx-runtime";
 import { Colors as st, InfoIcon as Gs, Paragraph as Jg, CountrySelect as b1, LockIcon as S1, NotificationsFilledIcon as Oo, customSnackbar as kt, SnackbarType as Pt, CancelFilledIcon as Eu, Button as Ws, Loader as x1, ExpandMoreIcon as Zo, ClickTooltip as lp, DiscountIcon as w1, PhoneNumberInput as C1, MainstackProvider as E1, CustomSnackbarContainer as A1 } from "mainstack-design-system";
 import * as I from "react";
-import ke, { forwardRef as ln, useContext as tt, createContext as Yt, useLayoutEffect as yi, useEffect as fe, useState as ae, useRef as be, useMemo as ot, useCallback as pe, useReducer as T1, useInsertionEffect as Td, createElement as Qg, useId as Wa, cloneElement as Hs, Children as ev, isValidElement as yl, memo as _1, useSyncExternalStore as k1, PureComponent as P1, useImperativeHandle as $1 } from "react";
+import Pe, { forwardRef as ln, useContext as tt, createContext as Yt, useLayoutEffect as yi, useEffect as fe, useState as ae, useRef as be, useMemo as ot, useCallback as pe, useReducer as T1, useInsertionEffect as Td, createElement as Qg, useId as Wa, cloneElement as Hs, Children as ev, isValidElement as yl, memo as _1, useSyncExternalStore as k1, PureComponent as P1, useImperativeHandle as $1 } from "react";
 import { createPortal as tv } from "react-dom";
 import F1 from "axios";
 function M1(e) {
@@ -49,7 +49,7 @@ var R1 = /* @__PURE__ */ function() {
       return r.parentNode && r.parentNode.removeChild(r);
     }), this.tags = [], this.ctr = 0, process.env.NODE_ENV !== "production" && (this._alreadyInsertedOrderInsensitiveRule = !1);
   }, e;
-}(), Ct = "-ms-", Ks = "-moz-", Fe = "-webkit-", _d = "comm", kd = "rule", Pd = "decl", I1 = "@import", nv = "@keyframes", D1 = "@layer", B1 = Math.abs, bl = String.fromCharCode, N1 = Object.assign;
+}(), Ct = "-ms-", Ks = "-moz-", Me = "-webkit-", _d = "comm", kd = "rule", Pd = "decl", I1 = "@import", nv = "@keyframes", D1 = "@layer", B1 = Math.abs, bl = String.fromCharCode, N1 = Object.assign;
 function L1(e, t) {
   return wt(e, 0) ^ 45 ? (((t << 2 ^ wt(e, 0)) << 2 ^ wt(e, 1)) << 2 ^ wt(e, 2)) << 2 ^ wt(e, 3) : 0;
 }
@@ -59,7 +59,7 @@ function rv(e) {
 function j1(e, t) {
   return (e = t.exec(e)) ? e[0] : e;
 }
-function Me(e, t, n) {
+function Oe(e, t, n) {
   return e.replace(t, n);
 }
 function Au(e, t) {
@@ -196,7 +196,7 @@ function Ts(e, t, n, r, a, o, i, s, l) {
     switch (g = b, b = Lt()) {
       case 40:
         if (g != 108 && wt(P, d - 1) == 58) {
-          Au(P += Me(As(b), "&", "&\f"), "&\f") != -1 && (S = -1);
+          Au(P += Oe(As(b), "&", "&\f"), "&\f") != -1 && (S = -1);
           break;
         }
       case 34:
@@ -233,7 +233,7 @@ function Ts(e, t, n, r, a, o, i, s, l) {
           case 125:
             y = 0;
           case 59 + u:
-            S == -1 && (P = Me(P, /\f/g, "")), p > 0 && mn(P) - d && Ji(p > 32 ? up(P + ";", r, n, d - 1) : up(Me(P, " ", "") + ";", r, n, d - 2), l);
+            S == -1 && (P = Oe(P, /\f/g, "")), p > 0 && mn(P) - d && Ji(p > 32 ? up(P + ";", r, n, d - 1) : up(Oe(P, " ", "") + ";", r, n, d - 2), l);
             break;
           case 59:
             P += ";";
@@ -283,7 +283,7 @@ function Ts(e, t, n, r, a, o, i, s, l) {
 function cp(e, t, n, r, a, o, i, s, l, c, u) {
   for (var d = a - 1, f = a === 0 ? o : [""], p = $d(f), g = 0, h = 0, y = 0; g < r; ++g)
     for (var S = 0, b = Yo(e, d + 1, d = B1(h = i[g])), x = e; S < p; ++S)
-      (x = rv(h > 0 ? f[S] + " " + b : Me(b, /&\f/g, f[S]))) && (l[y++] = x);
+      (x = rv(h > 0 ? f[S] + " " + b : Oe(b, /&\f/g, f[S]))) && (l[y++] = x);
   return xl(e, t, n, a === 0 ? kd : s, l, c, u);
 }
 function Z1(e, t, n) {
@@ -430,7 +430,7 @@ var Q1 = function(t, n, r) {
 function cv(e, t) {
   switch (L1(e, t)) {
     case 5103:
-      return Fe + "print-" + e + e;
+      return Me + "print-" + e + e;
     case 5737:
     case 4201:
     case 3177:
@@ -456,44 +456,44 @@ function cv(e, t) {
     case 5365:
     case 5621:
     case 3829:
-      return Fe + e + e;
+      return Me + e + e;
     case 5349:
     case 4246:
     case 4810:
     case 6968:
     case 2756:
-      return Fe + e + Ks + e + Ct + e + e;
+      return Me + e + Ks + e + Ct + e + e;
     case 6828:
     case 4268:
-      return Fe + e + Ct + e + e;
+      return Me + e + Ct + e + e;
     case 6165:
-      return Fe + e + Ct + "flex-" + e + e;
+      return Me + e + Ct + "flex-" + e + e;
     case 5187:
-      return Fe + e + Me(e, /(\w+).+(:[^]+)/, Fe + "box-$1$2" + Ct + "flex-$1$2") + e;
+      return Me + e + Oe(e, /(\w+).+(:[^]+)/, Me + "box-$1$2" + Ct + "flex-$1$2") + e;
     case 5443:
-      return Fe + e + Ct + "flex-item-" + Me(e, /flex-|-self/, "") + e;
+      return Me + e + Ct + "flex-item-" + Oe(e, /flex-|-self/, "") + e;
     case 4675:
-      return Fe + e + Ct + "flex-line-pack" + Me(e, /align-content|flex-|-self/, "") + e;
+      return Me + e + Ct + "flex-line-pack" + Oe(e, /align-content|flex-|-self/, "") + e;
     case 5548:
-      return Fe + e + Ct + Me(e, "shrink", "negative") + e;
+      return Me + e + Ct + Oe(e, "shrink", "negative") + e;
     case 5292:
-      return Fe + e + Ct + Me(e, "basis", "preferred-size") + e;
+      return Me + e + Ct + Oe(e, "basis", "preferred-size") + e;
     case 6060:
-      return Fe + "box-" + Me(e, "-grow", "") + Fe + e + Ct + Me(e, "grow", "positive") + e;
+      return Me + "box-" + Oe(e, "-grow", "") + Me + e + Ct + Oe(e, "grow", "positive") + e;
     case 4554:
-      return Fe + Me(e, /([^-])(transform)/g, "$1" + Fe + "$2") + e;
+      return Me + Oe(e, /([^-])(transform)/g, "$1" + Me + "$2") + e;
     case 6187:
-      return Me(Me(Me(e, /(zoom-|grab)/, Fe + "$1"), /(image-set)/, Fe + "$1"), e, "") + e;
+      return Oe(Oe(Oe(e, /(zoom-|grab)/, Me + "$1"), /(image-set)/, Me + "$1"), e, "") + e;
     case 5495:
     case 3959:
-      return Me(e, /(image-set\([^]*)/, Fe + "$1$`$1");
+      return Oe(e, /(image-set\([^]*)/, Me + "$1$`$1");
     case 4968:
-      return Me(Me(e, /(.+:)(flex-)?(.*)/, Fe + "box-pack:$3" + Ct + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + Fe + e + e;
+      return Oe(Oe(e, /(.+:)(flex-)?(.*)/, Me + "box-pack:$3" + Ct + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + Me + e + e;
     case 4095:
     case 3583:
     case 4068:
     case 2532:
-      return Me(e, /(.+)-inline(.+)/, Fe + "$1$2") + e;
+      return Oe(e, /(.+)-inline(.+)/, Me + "$1$2") + e;
     case 8116:
     case 7059:
     case 5753:
@@ -512,9 +512,9 @@ function cv(e, t) {
             if (wt(e, t + 4) !== 45)
               break;
           case 102:
-            return Me(e, /(.+:)(.+)-([^]+)/, "$1" + Fe + "$2-$3$1" + Ks + (wt(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+            return Oe(e, /(.+:)(.+)-([^]+)/, "$1" + Me + "$2-$3$1" + Ks + (wt(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
           case 115:
-            return ~Au(e, "stretch") ? cv(Me(e, "stretch", "fill-available"), t) + e : e;
+            return ~Au(e, "stretch") ? cv(Oe(e, "stretch", "fill-available"), t) + e : e;
         }
       break;
     case 4949:
@@ -523,21 +523,21 @@ function cv(e, t) {
     case 6444:
       switch (wt(e, mn(e) - 3 - (~Au(e, "!important") && 10))) {
         case 107:
-          return Me(e, ":", ":" + Fe) + e;
+          return Oe(e, ":", ":" + Me) + e;
         case 101:
-          return Me(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + Fe + (wt(e, 14) === 45 ? "inline-" : "") + "box$3$1" + Fe + "$2$3$1" + Ct + "$2box$3") + e;
+          return Oe(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + Me + (wt(e, 14) === 45 ? "inline-" : "") + "box$3$1" + Me + "$2$3$1" + Ct + "$2box$3") + e;
       }
       break;
     case 5936:
       switch (wt(e, t + 11)) {
         case 114:
-          return Fe + e + Ct + Me(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+          return Me + e + Ct + Oe(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
         case 108:
-          return Fe + e + Ct + Me(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+          return Me + e + Ct + Oe(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
         case 45:
-          return Fe + e + Ct + Me(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+          return Me + e + Ct + Oe(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
       }
-      return Fe + e + Ct + e + e;
+      return Me + e + Ct + e + e;
   }
   return e;
 }
@@ -549,7 +549,7 @@ var cS = function(t, n, r, a) {
         break;
       case nv:
         return Pa([ho(t, {
-          value: Me(t.value, "@", "@" + Fe)
+          value: Oe(t.value, "@", "@" + Me)
         })], a);
       case kd:
         if (t.length)
@@ -558,15 +558,15 @@ var cS = function(t, n, r, a) {
               case ":read-only":
               case ":read-write":
                 return Pa([ho(t, {
-                  props: [Me(o, /:(read-\w+)/, ":" + Ks + "$1")]
+                  props: [Oe(o, /:(read-\w+)/, ":" + Ks + "$1")]
                 })], a);
               case "::placeholder":
                 return Pa([ho(t, {
-                  props: [Me(o, /:(plac\w+)/, ":" + Fe + "input-$1")]
+                  props: [Oe(o, /:(plac\w+)/, ":" + Me + "input-$1")]
                 }), ho(t, {
-                  props: [Me(o, /:(plac\w+)/, ":" + Ks + "$1")]
+                  props: [Oe(o, /:(plac\w+)/, ":" + Ks + "$1")]
                 }), ho(t, {
-                  props: [Me(o, /:(plac\w+)/, Ct + "input-$1")]
+                  props: [Oe(o, /:(plac\w+)/, Ct + "input-$1")]
                 })], a);
             }
             return "";
@@ -651,7 +651,7 @@ var Qi = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
 function Si(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var es = { exports: {} }, De = {};
+var es = { exports: {} }, Be = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -663,7 +663,7 @@ var es = { exports: {} }, De = {};
 var hp;
 function fS() {
   if (hp)
-    return De;
+    return Be;
   hp = 1;
   var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, i = e ? Symbol.for("react.provider") : 60109, s = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, u = e ? Symbol.for("react.forward_ref") : 60112, d = e ? Symbol.for("react.suspense") : 60113, f = e ? Symbol.for("react.suspense_list") : 60120, p = e ? Symbol.for("react.memo") : 60115, g = e ? Symbol.for("react.lazy") : 60116, h = e ? Symbol.for("react.block") : 60121, y = e ? Symbol.for("react.fundamental") : 60117, S = e ? Symbol.for("react.responder") : 60118, b = e ? Symbol.for("react.scope") : 60119;
   function x(E) {
@@ -699,35 +699,35 @@ function fS() {
   function _(E) {
     return x(E) === c;
   }
-  return De.AsyncMode = l, De.ConcurrentMode = c, De.ContextConsumer = s, De.ContextProvider = i, De.Element = t, De.ForwardRef = u, De.Fragment = r, De.Lazy = g, De.Memo = p, De.Portal = n, De.Profiler = o, De.StrictMode = a, De.Suspense = d, De.isAsyncMode = function(E) {
+  return Be.AsyncMode = l, Be.ConcurrentMode = c, Be.ContextConsumer = s, Be.ContextProvider = i, Be.Element = t, Be.ForwardRef = u, Be.Fragment = r, Be.Lazy = g, Be.Memo = p, Be.Portal = n, Be.Profiler = o, Be.StrictMode = a, Be.Suspense = d, Be.isAsyncMode = function(E) {
     return _(E) || x(E) === l;
-  }, De.isConcurrentMode = _, De.isContextConsumer = function(E) {
+  }, Be.isConcurrentMode = _, Be.isContextConsumer = function(E) {
     return x(E) === s;
-  }, De.isContextProvider = function(E) {
+  }, Be.isContextProvider = function(E) {
     return x(E) === i;
-  }, De.isElement = function(E) {
+  }, Be.isElement = function(E) {
     return typeof E == "object" && E !== null && E.$$typeof === t;
-  }, De.isForwardRef = function(E) {
+  }, Be.isForwardRef = function(E) {
     return x(E) === u;
-  }, De.isFragment = function(E) {
+  }, Be.isFragment = function(E) {
     return x(E) === r;
-  }, De.isLazy = function(E) {
+  }, Be.isLazy = function(E) {
     return x(E) === g;
-  }, De.isMemo = function(E) {
+  }, Be.isMemo = function(E) {
     return x(E) === p;
-  }, De.isPortal = function(E) {
+  }, Be.isPortal = function(E) {
     return x(E) === n;
-  }, De.isProfiler = function(E) {
+  }, Be.isProfiler = function(E) {
     return x(E) === o;
-  }, De.isStrictMode = function(E) {
+  }, Be.isStrictMode = function(E) {
     return x(E) === a;
-  }, De.isSuspense = function(E) {
+  }, Be.isSuspense = function(E) {
     return x(E) === d;
-  }, De.isValidElementType = function(E) {
+  }, Be.isValidElementType = function(E) {
     return typeof E == "string" || typeof E == "function" || E === r || E === c || E === o || E === a || E === d || E === f || typeof E == "object" && E !== null && (E.$$typeof === g || E.$$typeof === p || E.$$typeof === i || E.$$typeof === s || E.$$typeof === u || E.$$typeof === y || E.$$typeof === S || E.$$typeof === b || E.$$typeof === h);
-  }, De.typeOf = x, De;
+  }, Be.typeOf = x, Be;
 }
-var Be = {};
+var Ne = {};
 /** @license React v16.13.1
  * react-is.development.js
  *
@@ -816,8 +816,8 @@ function pS() {
     function xe(N) {
       return _(N) === d;
     }
-    Be.AsyncMode = E, Be.ConcurrentMode = R, Be.ContextConsumer = P, Be.ContextProvider = D, Be.Element = B, Be.ForwardRef = V, Be.Fragment = re, Be.Lazy = H, Be.Memo = ee, Be.Portal = le, Be.Profiler = me, Be.StrictMode = G, Be.Suspense = ge, Be.isAsyncMode = Ke, Be.isConcurrentMode = O, Be.isContextConsumer = F, Be.isContextProvider = q, Be.isElement = L, Be.isForwardRef = U, Be.isFragment = oe, Be.isLazy = K, Be.isMemo = X, Be.isPortal = Y, Be.isProfiler = se, Be.isStrictMode = te, Be.isSuspense = xe, Be.isValidElementType = x, Be.typeOf = _;
-  }()), Be;
+    Ne.AsyncMode = E, Ne.ConcurrentMode = R, Ne.ContextConsumer = P, Ne.ContextProvider = D, Ne.Element = B, Ne.ForwardRef = V, Ne.Fragment = re, Ne.Lazy = H, Ne.Memo = ee, Ne.Portal = le, Ne.Profiler = me, Ne.StrictMode = G, Ne.Suspense = ge, Ne.isAsyncMode = Ke, Ne.isConcurrentMode = O, Ne.isContextConsumer = F, Ne.isContextProvider = q, Ne.isElement = L, Ne.isForwardRef = U, Ne.isFragment = oe, Ne.isLazy = K, Ne.isMemo = X, Ne.isPortal = Y, Ne.isProfiler = se, Ne.isStrictMode = te, Ne.isSuspense = xe, Ne.isValidElementType = x, Ne.typeOf = _;
+  }()), Ne;
 }
 var gp;
 function Fd() {
@@ -1989,7 +1989,7 @@ function ox(e, t, n) {
     return Array.isArray(t) ? s : s[0];
   };
 }
-var Ne = (...e) => e.filter(Boolean).join(" ");
+var Le = (...e) => e.filter(Boolean).join(" ");
 function ix() {
   return process.env.NODE_ENV !== "production";
 }
@@ -2048,7 +2048,7 @@ Zs.exports;
   function At(v, w) {
     return v == null ? void 0 : v[w];
   }
-  function je(v, w) {
+  function ze(v, w) {
     return function(k) {
       return v(w(k));
     };
@@ -2058,13 +2058,13 @@ Zs.exports;
     return v ? "Symbol(src)_1." + v : "";
   }(), Z = pt.toString, he = T.call(Object), Ee = RegExp(
     "^" + T.call(M).replace(O, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-  ), Pe = se ? K.Buffer : void 0, it = K.Symbol, Un = K.Uint8Array, Gn = Pe ? Pe.allocUnsafe : void 0, qa = je(Object.getPrototypeOf, Object), fr = Object.create, Qt = pt.propertyIsEnumerable, Za = vt.splice, Tn = it ? it.toStringTag : void 0, Ya = function() {
+  ), $e = se ? K.Buffer : void 0, it = K.Symbol, Un = K.Uint8Array, Gn = $e ? $e.allocUnsafe : void 0, qa = ze(Object.getPrototypeOf, Object), fr = Object.create, Qt = pt.propertyIsEnumerable, Za = vt.splice, Tn = it ? it.toStringTag : void 0, Ya = function() {
     try {
       var v = no(Object, "defineProperty");
       return v({}, "", {}), v;
     } catch {
     }
-  }(), Zl = Pe ? Pe.isBuffer : void 0, Oi = Math.max, Yl = Date.now, Ri = no(K, "Map"), Jr = no(Object, "create"), Xl = function() {
+  }(), Zl = $e ? $e.isBuffer : void 0, Oi = Math.max, Yl = Date.now, Ri = no(K, "Map"), Jr = no(Object, "create"), Xl = function() {
     function v() {
     }
     return function(w) {
@@ -2195,21 +2195,21 @@ Zs.exports;
   }
   Hn.prototype.clear = ac, Hn.prototype.delete = eo, Hn.prototype.get = oc, Hn.prototype.has = Qr, Hn.prototype.set = Bi;
   function ea(v, w) {
-    var k = la(v), z = !k && sa(v), we = !k && !z && oo(v), Ie = !k && !z && !we && so(v), Ge = k || z || we || Ie, ye = Ge ? ve(v.length, String) : [], We = ye.length;
+    var k = la(v), z = !k && sa(v), we = !k && !z && oo(v), De = !k && !z && !we && so(v), Ge = k || z || we || De, ye = Ge ? ve(v.length, String) : [], We = ye.length;
     for (var j in v)
       (w || M.call(v, j)) && !(Ge && // Safari 9 has enumerable `arguments.length` in strict mode.
       (j == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
       we && (j == "offset" || j == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
-      Ie && (j == "buffer" || j == "byteLength" || j == "byteOffset") || // Skip index properties.
+      De && (j == "buffer" || j == "byteLength" || j == "byteOffset") || // Skip index properties.
       hr(j, We))) && ye.push(j);
     return ye;
   }
   function Mt(v, w, k) {
-    (k !== void 0 && !mr(v[w], k) || k === void 0 && !(w in v)) && ze(v, w, k);
+    (k !== void 0 && !mr(v[w], k) || k === void 0 && !(w in v)) && ke(v, w, k);
   }
   function ic(v, w, k) {
     var z = v[w];
-    (!(M.call(v, w) && mr(z, k)) || k === void 0 && !(w in v)) && ze(v, w, k);
+    (!(M.call(v, w) && mr(z, k)) || k === void 0 && !(w in v)) && ke(v, w, k);
   }
   function ta(v, w) {
     for (var k = v.length; k--; )
@@ -2217,7 +2217,7 @@ Zs.exports;
         return k;
     return -1;
   }
-  function ze(v, w, k) {
+  function ke(v, w, k) {
     w == "__proto__" && Ya ? Ya(v, w, {
       configurable: !0,
       enumerable: !0,
@@ -2250,27 +2250,27 @@ Zs.exports;
     return k;
   }
   function Ni(v, w, k, z, we) {
-    v !== w && sc(w, function(Ie, Ge) {
-      if (we || (we = new Hn()), un(Ie))
+    v !== w && sc(w, function(De, Ge) {
+      if (we || (we = new Hn()), un(De))
         uc(v, w, Ge, k, Ni, z, we);
       else {
-        var ye = z ? z(ia(v, Ge), Ie, Ge + "", v, w, we) : void 0;
-        ye === void 0 && (ye = Ie), Mt(v, Ge, ye);
+        var ye = z ? z(ia(v, Ge), De, Ge + "", v, w, we) : void 0;
+        ye === void 0 && (ye = De), Mt(v, Ge, ye);
       }
     }, lo);
   }
-  function uc(v, w, k, z, we, Ie, Ge) {
+  function uc(v, w, k, z, we, De, Ge) {
     var ye = ia(v, k), We = ia(w, k), j = Ge.get(We);
     if (j) {
       Mt(v, k, j);
       return;
     }
-    var ue = Ie ? Ie(ye, We, k + "", v, w, Ge) : void 0, nt = ue === void 0;
+    var ue = De ? De(ye, We, k + "", v, w, Ge) : void 0, nt = ue === void 0;
     if (nt) {
       var Pn = la(We), uo = !Pn && oo(We), xc = !Pn && !uo && so(We);
       ue = We, Pn || uo || xc ? la(ye) ? ue = ye : Hi(ye) ? ue = gc(ye) : uo ? (nt = !1, ue = pc(We, !0)) : xc ? (nt = !1, ue = mc(We, !0)) : ue = [] : Ki(We) || sa(We) ? (ue = ye, sa(ye) ? ue = qi(ye) : (!un(ye) || ua(ye)) && (ue = ro(We))) : nt = !1;
     }
-    nt && (Ge.set(We, ue), we(ue, We, z, Ie, Ge), Ge.delete(We)), Mt(v, k, ue);
+    nt && (Ge.set(We, ue), we(ue, We, z, De, Ge), Ge.delete(We)), Mt(v, k, ue);
   }
   function dc(v, w) {
     return Ui(Vi(v, w, co), v + "");
@@ -2306,27 +2306,27 @@ Zs.exports;
   function ra(v, w, k, z) {
     var we = !k;
     k || (k = {});
-    for (var Ie = -1, Ge = w.length; ++Ie < Ge; ) {
-      var ye = w[Ie], We = z ? z(k[ye], v[ye], ye, k, v) : void 0;
-      We === void 0 && (We = v[ye]), we ? ze(k, ye, We) : ic(k, ye, We);
+    for (var De = -1, Ge = w.length; ++De < Ge; ) {
+      var ye = w[De], We = z ? z(k[ye], v[ye], ye, k, v) : void 0;
+      We === void 0 && (We = v[ye]), we ? ke(k, ye, We) : ic(k, ye, We);
     }
     return k;
   }
   function vc(v) {
     return dc(function(w, k) {
-      var z = -1, we = k.length, Ie = we > 1 ? k[we - 1] : void 0, Ge = we > 2 ? k[2] : void 0;
-      for (Ie = v.length > 3 && typeof Ie == "function" ? (we--, Ie) : void 0, Ge && ji(k[0], k[1], Ge) && (Ie = we < 3 ? void 0 : Ie, we = 1), w = Object(w); ++z < we; ) {
+      var z = -1, we = k.length, De = we > 1 ? k[we - 1] : void 0, Ge = we > 2 ? k[2] : void 0;
+      for (De = v.length > 3 && typeof De == "function" ? (we--, De) : void 0, Ge && ji(k[0], k[1], Ge) && (De = we < 3 ? void 0 : De, we = 1), w = Object(w); ++z < we; ) {
         var ye = k[z];
-        ye && v(w, ye, z, Ie);
+        ye && v(w, ye, z, De);
       }
       return w;
     });
   }
   function Li(v) {
     return function(w, k, z) {
-      for (var we = -1, Ie = Object(w), Ge = z(w), ye = Ge.length; ye--; ) {
+      for (var we = -1, De = Object(w), Ge = z(w), ye = Ge.length; ye--; ) {
         var We = Ge[v ? ye : ++we];
-        if (k(Ie[We], We, Ie) === !1)
+        if (k(De[We], We, De) === !1)
           break;
       }
       return w;
@@ -2386,7 +2386,7 @@ Zs.exports;
   }
   function Vi(v, w, k) {
     return w = Oi(w === void 0 ? v.length - 1 : w, 0), function() {
-      for (var z = arguments, we = -1, Ie = Oi(z.length - w, 0), Ge = Array(Ie); ++we < Ie; )
+      for (var z = arguments, we = -1, De = Oi(z.length - w, 0), Ge = Array(De); ++we < De; )
         Ge[we] = z[w + we];
       we = -1;
       for (var ye = Array(w + 1); ++we < w; )
@@ -2770,7 +2770,7 @@ Object.assign(_s, {
   bgImage: _s.backgroundImage,
   bgImg: _s.backgroundImage
 });
-var $e = {
+var Fe = {
   border: C.borders("border"),
   borderWidth: C.borderWidths("borderWidth"),
   borderStyle: C.borderStyles("borderStyle"),
@@ -2872,36 +2872,36 @@ var $e = {
     "borderBottomRightRadius"
   ])
 };
-Object.assign($e, {
-  rounded: $e.borderRadius,
-  roundedTop: $e.borderTopRadius,
-  roundedTopLeft: $e.borderTopLeftRadius,
-  roundedTopRight: $e.borderTopRightRadius,
-  roundedTopStart: $e.borderStartStartRadius,
-  roundedTopEnd: $e.borderStartEndRadius,
-  roundedBottom: $e.borderBottomRadius,
-  roundedBottomLeft: $e.borderBottomLeftRadius,
-  roundedBottomRight: $e.borderBottomRightRadius,
-  roundedBottomStart: $e.borderEndStartRadius,
-  roundedBottomEnd: $e.borderEndEndRadius,
-  roundedLeft: $e.borderLeftRadius,
-  roundedRight: $e.borderRightRadius,
-  roundedStart: $e.borderInlineStartRadius,
-  roundedEnd: $e.borderInlineEndRadius,
-  borderStart: $e.borderInlineStart,
-  borderEnd: $e.borderInlineEnd,
-  borderTopStartRadius: $e.borderStartStartRadius,
-  borderTopEndRadius: $e.borderStartEndRadius,
-  borderBottomStartRadius: $e.borderEndStartRadius,
-  borderBottomEndRadius: $e.borderEndEndRadius,
-  borderStartRadius: $e.borderInlineStartRadius,
-  borderEndRadius: $e.borderInlineEndRadius,
-  borderStartWidth: $e.borderInlineStartWidth,
-  borderEndWidth: $e.borderInlineEndWidth,
-  borderStartColor: $e.borderInlineStartColor,
-  borderEndColor: $e.borderInlineEndColor,
-  borderStartStyle: $e.borderInlineStartStyle,
-  borderEndStyle: $e.borderInlineEndStyle
+Object.assign(Fe, {
+  rounded: Fe.borderRadius,
+  roundedTop: Fe.borderTopRadius,
+  roundedTopLeft: Fe.borderTopLeftRadius,
+  roundedTopRight: Fe.borderTopRightRadius,
+  roundedTopStart: Fe.borderStartStartRadius,
+  roundedTopEnd: Fe.borderStartEndRadius,
+  roundedBottom: Fe.borderBottomRadius,
+  roundedBottomLeft: Fe.borderBottomLeftRadius,
+  roundedBottomRight: Fe.borderBottomRightRadius,
+  roundedBottomStart: Fe.borderEndStartRadius,
+  roundedBottomEnd: Fe.borderEndEndRadius,
+  roundedLeft: Fe.borderLeftRadius,
+  roundedRight: Fe.borderRightRadius,
+  roundedStart: Fe.borderInlineStartRadius,
+  roundedEnd: Fe.borderInlineEndRadius,
+  borderStart: Fe.borderInlineStart,
+  borderEnd: Fe.borderInlineEnd,
+  borderTopStartRadius: Fe.borderStartStartRadius,
+  borderTopEndRadius: Fe.borderStartEndRadius,
+  borderBottomStartRadius: Fe.borderEndStartRadius,
+  borderBottomEndRadius: Fe.borderEndEndRadius,
+  borderStartRadius: Fe.borderInlineStartRadius,
+  borderEndRadius: Fe.borderInlineEndRadius,
+  borderStartWidth: Fe.borderInlineStartWidth,
+  borderEndWidth: Fe.borderInlineEndWidth,
+  borderStartColor: Fe.borderInlineStartColor,
+  borderEndColor: Fe.borderInlineEndColor,
+  borderStartStyle: Fe.borderInlineStartStyle,
+  borderEndStyle: Fe.borderInlineEndStyle
 });
 var Tx = {
   color: C.colors("color"),
@@ -3932,7 +3932,7 @@ function u2(e) {
 var Ud = vn(
   {},
   _s,
-  $e,
+  Fe,
   Tx,
   Ys,
   Ht,
@@ -4691,7 +4691,7 @@ var E2 = {
     colorScheme: "blue"
   }
 });
-function Re(e, t = {}) {
+function Ie(e, t = {}) {
   let n = !1;
   function r() {
     if (!n) {
@@ -4706,12 +4706,12 @@ function Re(e, t = {}) {
     r();
     for (const d of u)
       t[d] = l(d);
-    return Re(e, t);
+    return Ie(e, t);
   }
   function o(...u) {
     for (const d of u)
       d in t || (t[d] = l(d));
-    return Re(e, t);
+    return Ie(e, t);
   }
   function i() {
     return Object.fromEntries(
@@ -4743,56 +4743,56 @@ function Re(e, t = {}) {
     __type: {}
   };
 }
-var X2 = Re("accordion").parts("root", "container", "button", "panel").extend("icon"), J2 = Re("alert").parts("title", "description", "container").extend("icon", "spinner"), Q2 = Re("avatar").parts("label", "badge", "container").extend("excessLabel", "group"), ew = Re("breadcrumb").parts("link", "item", "container").extend("separator");
-Re("button").parts();
-var tw = Re("checkbox").parts("control", "icon", "container").extend("label");
-Re("progress").parts("track", "filledTrack").extend("label");
-var nw = Re("drawer").parts("overlay", "dialogContainer", "dialog").extend("header", "closeButton", "body", "footer"), rw = Re("editable").parts(
+var X2 = Ie("accordion").parts("root", "container", "button", "panel").extend("icon"), J2 = Ie("alert").parts("title", "description", "container").extend("icon", "spinner"), Q2 = Ie("avatar").parts("label", "badge", "container").extend("excessLabel", "group"), ew = Ie("breadcrumb").parts("link", "item", "container").extend("separator");
+Ie("button").parts();
+var tw = Ie("checkbox").parts("control", "icon", "container").extend("label");
+Ie("progress").parts("track", "filledTrack").extend("label");
+var nw = Ie("drawer").parts("overlay", "dialogContainer", "dialog").extend("header", "closeButton", "body", "footer"), rw = Ie("editable").parts(
   "preview",
   "input",
   "textarea"
-), aw = Re("form").parts(
+), aw = Ie("form").parts(
   "container",
   "requiredIndicator",
   "helperText"
-), ow = Re("formError").parts("text", "icon"), iw = Re("input").parts(
+), ow = Ie("formError").parts("text", "icon"), iw = Ie("input").parts(
   "addon",
   "field",
   "element",
   "group"
-), sw = Re("list").parts("container", "item", "icon"), lw = Re("menu").parts("button", "list", "item").extend("groupTitle", "icon", "command", "divider"), cw = Re("modal").parts("overlay", "dialogContainer", "dialog").extend("header", "closeButton", "body", "footer"), uw = Re("numberinput").parts(
+), sw = Ie("list").parts("container", "item", "icon"), lw = Ie("menu").parts("button", "list", "item").extend("groupTitle", "icon", "command", "divider"), cw = Ie("modal").parts("overlay", "dialogContainer", "dialog").extend("header", "closeButton", "body", "footer"), uw = Ie("numberinput").parts(
   "root",
   "field",
   "stepperGroup",
   "stepper"
 );
-Re("pininput").parts("field");
-var dw = Re("popover").parts("content", "header", "body", "footer").extend("popper", "arrow", "closeButton"), fw = Re("progress").parts(
+Ie("pininput").parts("field");
+var dw = Ie("popover").parts("content", "header", "body", "footer").extend("popper", "arrow", "closeButton"), fw = Ie("progress").parts(
   "label",
   "filledTrack",
   "track"
-), pw = Re("radio").parts(
+), pw = Ie("radio").parts(
   "container",
   "control",
   "label"
-), hw = Re("select").parts("field", "icon"), mw = Re("slider").parts(
+), hw = Ie("select").parts("field", "icon"), mw = Ie("slider").parts(
   "container",
   "track",
   "thumb",
   "filledTrack",
   "mark"
-), gw = Re("stat").parts(
+), gw = Ie("stat").parts(
   "container",
   "label",
   "helpText",
   "number",
   "icon"
-), vw = Re("switch").parts(
+), vw = Ie("switch").parts(
   "container",
   "track",
   "thumb",
   "label"
-), yw = Re("table").parts(
+), yw = Ie("table").parts(
   "table",
   "thead",
   "tbody",
@@ -4801,24 +4801,24 @@ var dw = Re("popover").parts("content", "header", "body", "footer").extend("popp
   "td",
   "tfoot",
   "caption"
-), bw = Re("tabs").parts(
+), bw = Ie("tabs").parts(
   "root",
   "tab",
   "tablist",
   "tabpanel",
   "tabpanels",
   "indicator"
-), Sw = Re("tag").parts(
+), Sw = Ie("tag").parts(
   "container",
   "label",
   "closeButton"
-), xw = Re("card").parts(
+), xw = Ie("card").parts(
   "container",
   "header",
   "body",
   "footer"
 );
-Re("stepper").parts(
+Ie("stepper").parts(
   "stepper",
   "step",
   "title",
@@ -5805,7 +5805,7 @@ var VC = In((e) => {
   filled: UC,
   flushed: GC,
   unstyled: WC
-}, Oe = LC({
+}, Re = LC({
   baseStyle: jC,
   sizes: zC,
   variants: HC,
@@ -5814,7 +5814,7 @@ var VC = In((e) => {
     variant: "outline"
   }
 }), qp, KC = {
-  ...(qp = Oe.baseStyle) == null ? void 0 : qp.field,
+  ...(qp = Re.baseStyle) == null ? void 0 : qp.field,
   paddingY: "2",
   minHeight: "20",
   lineHeight: "short",
@@ -5822,22 +5822,22 @@ var VC = In((e) => {
 }, Zp, Yp, qC = {
   outline: (e) => {
     var t, n;
-    return (n = (t = Oe.variants) == null ? void 0 : t.outline(e).field) != null ? n : {};
+    return (n = (t = Re.variants) == null ? void 0 : t.outline(e).field) != null ? n : {};
   },
   flushed: (e) => {
     var t, n;
-    return (n = (t = Oe.variants) == null ? void 0 : t.flushed(e).field) != null ? n : {};
+    return (n = (t = Re.variants) == null ? void 0 : t.flushed(e).field) != null ? n : {};
   },
   filled: (e) => {
     var t, n;
-    return (n = (t = Oe.variants) == null ? void 0 : t.filled(e).field) != null ? n : {};
+    return (n = (t = Re.variants) == null ? void 0 : t.filled(e).field) != null ? n : {};
   },
-  unstyled: (Yp = (Zp = Oe.variants) == null ? void 0 : Zp.unstyled.field) != null ? Yp : {}
+  unstyled: (Yp = (Zp = Re.variants) == null ? void 0 : Zp.unstyled.field) != null ? Yp : {}
 }, Xp, Jp, Qp, eh, th, nh, rh, ah, ZC = {
-  xs: (Jp = (Xp = Oe.sizes) == null ? void 0 : Xp.xs.field) != null ? Jp : {},
-  sm: (eh = (Qp = Oe.sizes) == null ? void 0 : Qp.sm.field) != null ? eh : {},
-  md: (nh = (th = Oe.sizes) == null ? void 0 : th.md.field) != null ? nh : {},
-  lg: (ah = (rh = Oe.sizes) == null ? void 0 : rh.lg.field) != null ? ah : {}
+  xs: (Jp = (Xp = Re.sizes) == null ? void 0 : Xp.xs.field) != null ? Jp : {},
+  sm: (eh = (Qp = Re.sizes) == null ? void 0 : Qp.sm.field) != null ? eh : {},
+  md: (nh = (th = Re.sizes) == null ? void 0 : th.md.field) != null ? nh : {},
+  lg: (ah = (rh = Re.sizes) == null ? void 0 : rh.lg.field) != null ? ah : {}
 }, YC = {
   baseStyle: KC,
   sizes: ZC,
@@ -6043,7 +6043,7 @@ var { definePartsStyle: Os, defineMultiStyleConfig: cE } = Xe(tw.keys), Bo = Q("
     colorScheme: "blue"
   }
 }), { defineMultiStyleConfig: xE, definePartsStyle: wE } = Xe(hw.keys), os = Q("select-bg"), oh, CE = {
-  ...(oh = Oe.baseStyle) == null ? void 0 : oh.field,
+  ...(oh = Re.baseStyle) == null ? void 0 : oh.field,
   appearance: "none",
   paddingBottom: "1px",
   lineHeight: "normal",
@@ -6072,30 +6072,30 @@ var { definePartsStyle: Os, defineMultiStyleConfig: cE } = Xe(tw.keys), Bo = Q("
   paddingInlineEnd: "8"
 }, ih, sh, lh, ch, uh, dh, fh, ph, TE = {
   lg: {
-    ...(ih = Oe.sizes) == null ? void 0 : ih.lg,
+    ...(ih = Re.sizes) == null ? void 0 : ih.lg,
     field: {
-      ...(sh = Oe.sizes) == null ? void 0 : sh.lg.field,
+      ...(sh = Re.sizes) == null ? void 0 : sh.lg.field,
       ...is
     }
   },
   md: {
-    ...(lh = Oe.sizes) == null ? void 0 : lh.md,
+    ...(lh = Re.sizes) == null ? void 0 : lh.md,
     field: {
-      ...(ch = Oe.sizes) == null ? void 0 : ch.md.field,
+      ...(ch = Re.sizes) == null ? void 0 : ch.md.field,
       ...is
     }
   },
   sm: {
-    ...(uh = Oe.sizes) == null ? void 0 : uh.sm,
+    ...(uh = Re.sizes) == null ? void 0 : uh.sm,
     field: {
-      ...(dh = Oe.sizes) == null ? void 0 : dh.sm.field,
+      ...(dh = Re.sizes) == null ? void 0 : dh.sm.field,
       ...is
     }
   },
   xs: {
-    ...(fh = Oe.sizes) == null ? void 0 : fh.xs,
+    ...(fh = Re.sizes) == null ? void 0 : fh.xs,
     field: {
-      ...(ph = Oe.sizes) == null ? void 0 : ph.xs.field,
+      ...(ph = Re.sizes) == null ? void 0 : ph.xs.field,
       ...is
     },
     icon: {
@@ -6105,8 +6105,8 @@ var { definePartsStyle: Os, defineMultiStyleConfig: cE } = Xe(tw.keys), Bo = Q("
 }, _E = xE({
   baseStyle: AE,
   sizes: TE,
-  variants: Oe.variants,
-  defaultProps: Oe.defaultProps
+  variants: Re.variants,
+  defaultProps: Re.defaultProps
 }), kc = Q("skeleton-start-color"), Pc = Q("skeleton-end-color"), kE = {
   [kc.variable]: "colors.gray.100",
   [Pc.variable]: "colors.gray.400",
@@ -6521,7 +6521,7 @@ var PA = {
   [Iv.variable]: MA
 }, RA = (e) => {
   var t, n;
-  return (n = (t = Ft(Oe.baseStyle, e)) == null ? void 0 : t.field) != null ? n : {};
+  return (n = (t = Ft(Re.baseStyle, e)) == null ? void 0 : t.field) != null ? n : {};
 }, IA = {
   width: Kd.reference
 }, DA = {
@@ -6556,7 +6556,7 @@ var PA = {
 });
 function ss(e) {
   var t, n, r;
-  const a = (t = Oe.sizes) == null ? void 0 : t[e], o = {
+  const a = (t = Re.sizes) == null ? void 0 : t[e], o = {
     lg: "md",
     md: "md",
     sm: "sm",
@@ -6589,10 +6589,10 @@ var NA = {
 }, LA = FA({
   baseStyle: BA,
   sizes: NA,
-  variants: Oe.variants,
-  defaultProps: Oe.defaultProps
+  variants: Re.variants,
+  defaultProps: Re.defaultProps
 }), hh, jA = {
-  ...(hh = Oe.baseStyle) == null ? void 0 : hh.field,
+  ...(hh = Re.baseStyle) == null ? void 0 : hh.field,
   textAlign: "center"
 }, zA = {
   lg: {
@@ -6622,22 +6622,22 @@ var NA = {
 }, mh, gh, VA = {
   outline: (e) => {
     var t, n, r;
-    return (r = (n = Ft((t = Oe.variants) == null ? void 0 : t.outline, e)) == null ? void 0 : n.field) != null ? r : {};
+    return (r = (n = Ft((t = Re.variants) == null ? void 0 : t.outline, e)) == null ? void 0 : n.field) != null ? r : {};
   },
   flushed: (e) => {
     var t, n, r;
-    return (r = (n = Ft((t = Oe.variants) == null ? void 0 : t.flushed, e)) == null ? void 0 : n.field) != null ? r : {};
+    return (r = (n = Ft((t = Re.variants) == null ? void 0 : t.flushed, e)) == null ? void 0 : n.field) != null ? r : {};
   },
   filled: (e) => {
     var t, n, r;
-    return (r = (n = Ft((t = Oe.variants) == null ? void 0 : t.filled, e)) == null ? void 0 : n.field) != null ? r : {};
+    return (r = (n = Ft((t = Re.variants) == null ? void 0 : t.filled, e)) == null ? void 0 : n.field) != null ? r : {};
   },
-  unstyled: (gh = (mh = Oe.variants) == null ? void 0 : mh.unstyled.field) != null ? gh : {}
+  unstyled: (gh = (mh = Re.variants) == null ? void 0 : mh.unstyled.field) != null ? gh : {}
 }, UA = {
   baseStyle: jA,
   sizes: zA,
   variants: VA,
-  defaultProps: Oe.defaultProps
+  defaultProps: Re.defaultProps
 }, { defineMultiStyleConfig: GA, definePartsStyle: WA } = Xe(dw.keys), ls = ht("popper-bg"), HA = ht("popper-arrow-bg"), vh = ht("popper-arrow-shadow-color"), KA = { zIndex: 10 }, qA = {
   [ls.variable]: "colors.white",
   bg: ls.reference,
@@ -7449,7 +7449,7 @@ var B_ = {
   FormError: $T,
   FormLabel: MT,
   Heading: IT,
-  Input: Oe,
+  Input: Re,
   Kbd: tA,
   Link: rA,
   List: lA,
@@ -7926,9 +7926,9 @@ function zc(e, t) {
     e,
     r
   )(a);
-  return ke.forwardRef(function(l, c) {
+  return Pe.forwardRef(function(l, c) {
     const { colorMode: u, forced: d } = jd();
-    return ke.createElement(o, {
+    return Pe.createElement(o, {
       ref: c,
       "data-theme": d ? u : void 0,
       ...l
@@ -7956,7 +7956,7 @@ function vk() {
   });
 }
 var Se = vk();
-function Le(e) {
+function je(e) {
   return ln(e);
 }
 function yk(e = {}) {
@@ -11039,7 +11039,7 @@ const bo = {
     return typeof a[2 + i] == "number" && (a[2 + i] /= c), typeof a[3 + i] == "number" && (a[3 + i] /= c), o(a);
   }
 };
-class M$ extends ke.Component {
+class M$ extends Pe.Component {
   /**
    * This only mounts projection nodes for components that
    * need measuring, we might want to do it for all components
@@ -11081,7 +11081,7 @@ class M$ extends ke.Component {
 }
 function n0(e) {
   const [t, n] = t0(), r = tt(ef);
-  return ke.createElement(M$, { ...e, layoutGroup: r, switchLayoutGroup: tt(Xv), isPresent: t, safeToRemove: n });
+  return Pe.createElement(M$, { ...e, layoutGroup: r, switchLayoutGroup: tt(Xv), isPresent: t, safeToRemove: n });
 }
 const O$ = {
   borderRadius: {
@@ -12640,7 +12640,7 @@ var Pm = {
     /* @__PURE__ */ m("circle", { fill: "none", strokeMiterlimit: "10", cx: "12", cy: "12", r: "11.25" })
   ] }),
   viewBox: "0 0 24 24"
-}, Cn = Le((e, t) => {
+}, Cn = je((e, t) => {
   const {
     as: n,
     viewBox: r,
@@ -12650,7 +12650,7 @@ var Pm = {
     className: s,
     __css: l,
     ...c
-  } = e, u = Ne("chakra-icon", s), d = zn("Icon", e), f = {
+  } = e, u = Le("chakra-icon", s), d = zn("Icon", e), f = {
     w: "1em",
     h: "1em",
     display: "inline-block",
@@ -12705,7 +12705,7 @@ var YF = Dd({
   "100%": {
     transform: "rotate(360deg)"
   }
-}), Sf = Le((e, t) => {
+}), Sf = je((e, t) => {
   const n = zn("Spinner", e), {
     label: r = "Loading...",
     thickness: a = "2px",
@@ -12713,7 +12713,7 @@ var YF = Dd({
     emptyColor: i = "transparent",
     className: s,
     ...l
-  } = Jt(e), c = Ne("chakra-spinner", s), u = {
+  } = Jt(e), c = Le("chakra-spinner", s), u = {
     display: "inline-block",
     borderColor: "currentColor",
     borderStyle: "solid",
@@ -12757,7 +12757,7 @@ function QF(e) {
 function eM(e) {
   return g0[e].icon;
 }
-var v0 = Le(
+var v0 = je(
   function(t, n) {
     const r = wf(), { status: a } = xf(), o = {
       display: "inline",
@@ -12769,7 +12769,7 @@ var v0 = Le(
         ref: n,
         "data-status": a,
         ...t,
-        className: Ne("chakra-alert__desc", t.className),
+        className: Le("chakra-alert__desc", t.className),
         __css: o
       }
     );
@@ -12784,14 +12784,14 @@ function y0(e) {
       display: "inherit",
       "data-status": t,
       ...e,
-      className: Ne("chakra-alert__icon", e.className),
+      className: Le("chakra-alert__icon", e.className),
       __css: a,
       children: e.children || /* @__PURE__ */ m(n, { h: "100%", w: "100%" })
     }
   );
 }
 y0.displayName = "AlertIcon";
-var b0 = Le(
+var b0 = je(
   function(t, n) {
     const r = wf(), { status: a } = xf();
     return /* @__PURE__ */ m(
@@ -12800,14 +12800,14 @@ var b0 = Le(
         ref: n,
         "data-status": a,
         ...t,
-        className: Ne("chakra-alert__title", t.className),
+        className: Le("chakra-alert__title", t.className),
         __css: r.title
       }
     );
   }
 );
 b0.displayName = "AlertTitle";
-var S0 = Le(function(t, n) {
+var S0 = je(function(t, n) {
   var r;
   const { status: a = "info", addRole: o = !0, ...i } = Jt(t), s = (r = t.colorScheme) != null ? r : QF(a), l = Ei("Alert", { ...t, colorScheme: s }), c = {
     width: "100%",
@@ -12824,7 +12824,7 @@ var S0 = Le(function(t, n) {
       role: o ? "alert" : void 0,
       ref: n,
       ...i,
-      className: Ne("chakra-alert", t.className),
+      className: Le("chakra-alert", t.className),
       __css: c
     }
   ) }) });
@@ -12839,7 +12839,7 @@ function tM(e) {
     }
   ) });
 }
-var Cf = Le(
+var Cf = je(
   function(t, n) {
     const r = zn("CloseButton", t), { children: a, isDisabled: o, __css: i, ...s } = Jt(t), l = {
       outline: 0,
@@ -13253,7 +13253,7 @@ var Or = {
       {
         ref: t,
         ...d,
-        className: Ne("chakra-collapse", l),
+        className: Le("chakra-collapse", l),
         style: {
           overflow: "hidden",
           display: "block",
@@ -13305,7 +13305,7 @@ var mM = {
     ur.div,
     {
       ref: n,
-      className: Ne("chakra-fade", o),
+      className: Le("chakra-fade", o),
       custom: f,
       ...x0,
       animate: u,
@@ -13354,7 +13354,7 @@ var vM = {
       ur.div,
       {
         ref: n,
-        className: Ne("chakra-offset-slide", s),
+        className: Le("chakra-offset-slide", s),
         ...w0,
         animate: p,
         custom: g,
@@ -13424,7 +13424,7 @@ var bM = {
       ur.div,
       {
         ref: n,
-        className: Ne("chakra-offset-slide", i),
+        className: Le("chakra-offset-slide", i),
         custom: h,
         ...Fo,
         animate: g,
@@ -13486,7 +13486,7 @@ var Om = {
       ...f,
       ref: n,
       initial: "exit",
-      className: Ne("chakra-slide", s),
+      className: Le("chakra-slide", s),
       animate: y,
       exit: "exit",
       custom: S,
@@ -13497,12 +13497,12 @@ var Om = {
   ) });
 });
 C0.displayName = "Slide";
-var E0 = Le(function(t, n) {
+var E0 = je(function(t, n) {
   const { htmlWidth: r, htmlHeight: a, alt: o, ...i } = t;
   return /* @__PURE__ */ m("img", { width: r, height: a, ref: n, alt: o, ...i });
 });
 E0.displayName = "NativeImage";
-var ll = Le((e, t) => /* @__PURE__ */ m(Se.img, { ref: t, as: E0, className: "chakra-image", ...e }));
+var ll = je((e, t) => /* @__PURE__ */ m(Se.img, { ref: t, as: E0, className: "chakra-image", ...e }));
 function wM(e) {
   return ev.toArray(e).filter(
     (t) => yl(t)
@@ -13522,7 +13522,7 @@ function Xu(e) {
   const { children: t, className: n, ...r } = e, a = yl(t) ? Hs(t, {
     "aria-hidden": !0,
     focusable: !1
-  }) : t, o = Ne("chakra-button__icon", n);
+  }) : t, o = Le("chakra-button__icon", n);
   return /* @__PURE__ */ m(
     Se.span,
     {
@@ -13545,7 +13545,7 @@ function Ju(e) {
     className: o,
     __css: i,
     ...s
-  } = e, l = Ne("chakra-button__spinner", o), c = n === "start" ? "marginEnd" : "marginStart", u = ot(
+  } = e, l = Le("chakra-button__spinner", o), c = n === "start" ? "marginEnd" : "marginStart", u = ot(
     () => ({
       display: "flex",
       alignItems: "center",
@@ -13560,7 +13560,7 @@ function Ju(e) {
   return /* @__PURE__ */ m(Se.div, { className: l, ...s, __css: u, children: a });
 }
 Ju.displayName = "ButtonSpinner";
-var Ef = Le((e, t) => {
+var Ef = je((e, t) => {
   const n = CM(), r = zn("Button", { ...n, ...e }), {
     isDisabled: a = n == null ? void 0 : n.isDisabled,
     isLoading: o,
@@ -13601,7 +13601,7 @@ var Ef = Le((e, t) => {
       "data-active": fn(i),
       "data-loading": fn(o),
       __css: b,
-      className: Ne("chakra-button", h),
+      className: Le("chakra-button", h),
       ...S,
       disabled: a || o,
       children: [
@@ -13739,13 +13739,13 @@ function kM(e) {
     getRequiredIndicatorProps: R
   };
 }
-var Mo = Le(
+var Mo = je(
   function(t, n) {
     const r = Ei("Form", t), a = Jt(t), {
       getRootProps: o,
       htmlProps: i,
       ...s
-    } = kM(a), l = Ne("chakra-form-control", t.className);
+    } = kM(a), l = Le("chakra-form-control", t.className);
     return /* @__PURE__ */ m(_M, { value: s, children: /* @__PURE__ */ m(AM, { value: r, children: /* @__PURE__ */ m(
       Se.div,
       {
@@ -13757,9 +13757,9 @@ var Mo = Le(
   }
 );
 Mo.displayName = "FormControl";
-var PM = Le(
+var PM = je(
   function(t, n) {
-    const r = A0(), a = TM(), o = Ne("chakra-form__helper-text", t.className);
+    const r = A0(), a = TM(), o = Le("chakra-form__helper-text", t.className);
     return /* @__PURE__ */ m(
       Se.div,
       {
@@ -14484,8 +14484,8 @@ var R0 = Tf({}, function(e) {
   async: !0,
   ssr: typeof document < "u"
 }), qM = /* @__PURE__ */ Yt(void 0), ZM = [], D0 = /* @__PURE__ */ I.forwardRef(function(t, n) {
-  var r, a = I.useState(), o = a[0], i = a[1], s = I.useRef(), l = I.useRef(!1), c = I.useRef(null), u = I.useState({}), d = u[1], f = t.children, p = t.disabled, g = p === void 0 ? !1 : p, h = t.noFocusGuards, y = h === void 0 ? !1 : h, S = t.persistentFocus, b = S === void 0 ? !1 : S, x = t.crossFrame, _ = x === void 0 ? !0 : x, E = t.autoFocus, R = E === void 0 ? !0 : E, P = t.allowTextSelection, D = t.group, B = t.className, V = t.whiteList, re = t.hasPositiveIndices, H = t.shards, ee = H === void 0 ? ZM : H, le = t.as, me = le === void 0 ? "div" : le, G = t.lockProps, ge = G === void 0 ? {} : G, Ve = t.sideCar, Ke = t.returnFocus, O = Ke === void 0 ? !1 : Ke, F = t.focusOptions, q = t.onActivation, L = t.onDeactivation, U = I.useState({}), oe = U[0], K = I.useCallback(function(je) {
-    var vt = je.captureFocusRestore;
+  var r, a = I.useState(), o = a[0], i = a[1], s = I.useRef(), l = I.useRef(!1), c = I.useRef(null), u = I.useState({}), d = u[1], f = t.children, p = t.disabled, g = p === void 0 ? !1 : p, h = t.noFocusGuards, y = h === void 0 ? !1 : h, S = t.persistentFocus, b = S === void 0 ? !1 : S, x = t.crossFrame, _ = x === void 0 ? !0 : x, E = t.autoFocus, R = E === void 0 ? !0 : E, P = t.allowTextSelection, D = t.group, B = t.className, V = t.whiteList, re = t.hasPositiveIndices, H = t.shards, ee = H === void 0 ? ZM : H, le = t.as, me = le === void 0 ? "div" : le, G = t.lockProps, ge = G === void 0 ? {} : G, Ve = t.sideCar, Ke = t.returnFocus, O = Ke === void 0 ? !1 : Ke, F = t.focusOptions, q = t.onActivation, L = t.onDeactivation, U = I.useState({}), oe = U[0], K = I.useCallback(function(ze) {
+    var vt = ze.captureFocusRestore;
     if (!c.current) {
       var Ue, pt = (Ue = document) == null ? void 0 : Ue.activeElement;
       c.current = pt, pt !== document.body && (c.current = vt(pt));
@@ -14493,21 +14493,21 @@ var R0 = Tf({}, function(e) {
     s.current && q && q(s.current), l.current = !0, d();
   }, [q]), X = I.useCallback(function() {
     l.current = !1, L && L(s.current), d();
-  }, [L]), Y = I.useCallback(function(je) {
+  }, [L]), Y = I.useCallback(function(ze) {
     var vt = c.current;
     if (vt) {
       var Ue = (typeof vt == "function" ? vt() : vt) || document.body, pt = typeof O == "function" ? O(Ue) : O;
       if (pt) {
         var _e = typeof pt == "object" ? pt : void 0;
-        c.current = null, je ? Promise.resolve().then(function() {
+        c.current = null, ze ? Promise.resolve().then(function() {
           return Ue.focus(_e);
         }) : Ue.focus(_e);
       }
     }
-  }, [O]), se = I.useCallback(function(je) {
-    l.current && R0.useMedium(je);
-  }, []), te = I0.useMedium, xe = I.useCallback(function(je) {
-    s.current !== je && (s.current = je, i(je));
+  }, [O]), se = I.useCallback(function(ze) {
+    l.current && R0.useMedium(ze);
+  }, []), te = I0.useMedium, xe = I.useCallback(function(ze) {
+    s.current !== ze && (s.current = ze, i(ze));
   }, []);
   process.env.NODE_ENV !== "production" && (typeof P < "u" && console.warn("React-Focus-Lock: allowTextSelection is deprecated and enabled by default"), I.useEffect(function() {
     !s.current && typeof me != "string" && console.error("FocusLock: could not obtain ref to internal node");
@@ -14659,7 +14659,7 @@ function e6(e, t) {
         var p = o.indexOf(this);
         o.splice(p, 1), s();
       }, d.render = function() {
-        return /* @__PURE__ */ ke.createElement(a, this.props);
+        return /* @__PURE__ */ Pe.createElement(a, this.props);
       }, u;
     }(P1);
     return QM(l, "displayName", "SideEffect(" + n(a) + ")"), l;
@@ -15398,9 +15398,9 @@ function Wo(e = {}) {
 var [g3, pN] = Xt({
   name: "InputGroupStylesContext",
   errorMessage: `useInputGroupStyles returned is 'undefined'. Seems you forgot to wrap the components in "<InputGroup />" `
-}), ib = Le(
+}), ib = je(
   function(t, n) {
-    const r = Ei("Input", t), { children: a, className: o, ...i } = Jt(t), s = Ne("chakra-input__group", o), l = {}, c = wM(a), u = r.field;
+    const r = Ei("Input", t), { children: a, className: o, ...i } = Jt(t), s = Le("chakra-input__group", o), l = {}, c = wM(a), u = r.field;
     c.forEach((f) => {
       var p, g;
       r && (u && f.type.id === "InputLeftElement" && (l.paddingStart = (p = u.height) != null ? p : u.h), u && f.type.id === "InputRightElement" && (l.paddingEnd = (g = u.height) != null ? g : u.h), f.type.id === "InputRightAddon" && (l.borderEndRadius = 0), f.type.id === "InputLeftAddon" && (l.borderStartRadius = 0));
@@ -15435,8 +15435,8 @@ var [g3, pN] = Xt({
   }
 );
 ib.displayName = "InputGroup";
-var Nl = Le(function(t, n) {
-  const { htmlSize: r, ...a } = t, o = Ei("Input", a), i = Jt(a), s = $M(i), l = Ne("chakra-input", t.className);
+var Nl = je(function(t, n) {
+  const { htmlSize: r, ...a } = t, o = Ei("Input", a), i = Jt(a), s = $M(i), l = Le("chakra-input", t.className);
   return /* @__PURE__ */ m(
     Se.input,
     {
@@ -15450,7 +15450,7 @@ var Nl = Le(function(t, n) {
 });
 Nl.displayName = "Input";
 Nl.id = "Input";
-var sb = Le(function(t, n) {
+var sb = je(function(t, n) {
   const r = zn("Link", t), { className: a, isExternal: o, ...i } = Jt(t);
   return /* @__PURE__ */ m(
     Se.a,
@@ -15458,14 +15458,14 @@ var sb = Le(function(t, n) {
       target: o ? "_blank" : void 0,
       rel: o ? "noopener" : void 0,
       ref: n,
-      className: Ne("chakra-link", a),
+      className: Le("chakra-link", a),
       ...i,
       __css: r
     }
   );
 });
 sb.displayName = "Link";
-var dl = Le(function(t, n) {
+var dl = je(function(t, n) {
   const {
     templateAreas: r,
     gap: a,
@@ -15499,7 +15499,7 @@ dl.displayName = "Grid";
 function v3(e, t) {
   return Array.isArray(e) ? e.map((n) => n === null ? null : t(n)) : on(e) ? Object.keys(e).reduce((n, r) => (n[r] = t(e[r]), n), {}) : e != null ? t(e) : null;
 }
-var Te = Le(function(t, n) {
+var Te = je(function(t, n) {
   const r = zn("Text", t), { className: a, align: o, decoration: i, casing: s, ...l } = Jt(t), c = Zd({
     textAlign: t.align,
     textDecoration: t.decoration,
@@ -15509,7 +15509,7 @@ var Te = Le(function(t, n) {
     Se.p,
     {
       ref: n,
-      className: Ne("chakra-text", t.className),
+      className: Le("chakra-text", t.className),
       ...c,
       ...l,
       __css: r
@@ -15523,7 +15523,7 @@ function Xm(e) {
     (t) => t === "auto" ? "auto" : `span ${t}/span ${t}`
   );
 }
-var pi = Le(function(t, n) {
+var pi = je(function(t, n) {
   const {
     area: r,
     colSpan: a,
@@ -15545,13 +15545,13 @@ var pi = Le(function(t, n) {
   return /* @__PURE__ */ m(Se.div, { ref: n, __css: d, ...u });
 });
 pi.displayName = "GridItem";
-var od = Le(function(t, n) {
+var od = je(function(t, n) {
   const r = zn("Heading", t), { className: a, ...o } = Jt(t);
   return /* @__PURE__ */ m(
     Se.h2,
     {
       ref: n,
-      className: Ne("chakra-heading", t.className),
+      className: Le("chakra-heading", t.className),
       ...o,
       __css: r
     }
@@ -15560,7 +15560,7 @@ var od = Le(function(t, n) {
 od.displayName = "Heading";
 var Ce = Se("div");
 Ce.displayName = "Box";
-var lb = Le(function(t, n) {
+var lb = je(function(t, n) {
   const { size: r, centerContent: a = !0, ...o } = t;
   return /* @__PURE__ */ m(
     Ce,
@@ -15577,12 +15577,12 @@ var lb = Le(function(t, n) {
   );
 });
 lb.displayName = "Square";
-var y3 = Le(function(t, n) {
+var y3 = je(function(t, n) {
   const { size: r, ...a } = t;
   return /* @__PURE__ */ m(lb, { size: r, ref: n, borderRadius: "9999px", ...a });
 });
 y3.displayName = "Circle";
-var id = Le(function(t, n) {
+var id = je(function(t, n) {
   const {
     borderLeftWidth: r,
     borderBottomWidth: a,
@@ -15621,12 +15621,12 @@ var id = Le(function(t, n) {
         ...h[f],
         ...p
       },
-      className: Ne("chakra-divider", d)
+      className: Le("chakra-divider", d)
     }
   );
 });
 id.displayName = "Divider";
-var ce = Le(function(t, n) {
+var ce = je(function(t, n) {
   const { direction: r, align: a, justify: o, wrap: i, basis: s, grow: l, shrink: c, ...u } = t, d = {
     display: "flex",
     flexDirection: r,
@@ -16272,7 +16272,7 @@ function yb(e) {
     }
   );
 }
-var bb = Le(
+var bb = je(
   (e, t) => {
     const {
       className: n,
@@ -16280,7 +16280,7 @@ var bb = Le(
       containerProps: a,
       motionProps: o,
       ...i
-    } = e, { getDialogProps: s, getDialogContainerProps: l } = sr(), c = s(i, t), u = l(a), d = Ne("chakra-modal__content", n), f = Wr(), p = {
+    } = e, { getDialogProps: s, getDialogContainerProps: l } = sr(), c = s(i, t), u = l(a), d = Le("chakra-modal__content", n), f = Wr(), p = {
       display: "flex",
       flexDirection: "column",
       position: "relative",
@@ -16348,7 +16348,7 @@ function hO(e) {
     }
   ) });
 }
-var mO = Se(C0), Sb = Le(
+var mO = Se(C0), Sb = je(
   (e, t) => {
     const {
       className: n,
@@ -16356,7 +16356,7 @@ var mO = Se(C0), Sb = Le(
       motionProps: a,
       containerProps: o,
       ...i
-    } = e, { getDialogProps: s, getDialogContainerProps: l, isOpen: c } = sr(), u = s(i, t), d = l(o), f = Ne("chakra-modal__content", n), p = Wr(), g = {
+    } = e, { getDialogProps: s, getDialogContainerProps: l, isOpen: c } = sr(), u = s(i, t), d = l(o), f = Le("chakra-modal__content", n), p = Wr(), g = {
       display: "flex",
       flexDirection: "column",
       position: "relative",
@@ -16395,9 +16395,9 @@ var mO = Se(C0), Sb = Le(
   }
 );
 Sb.displayName = "DrawerContent";
-var xb = Le(
+var xb = je(
   (e, t) => {
-    const { className: n, ...r } = e, a = Ne("chakra-modal__footer", n), i = {
+    const { className: n, ...r } = e, a = Le("chakra-modal__footer", n), i = {
       display: "flex",
       alignItems: "center",
       justifyContent: "flex-end",
@@ -16415,11 +16415,11 @@ var xb = Le(
   }
 );
 xb.displayName = "ModalFooter";
-var Nf = Le(
+var Nf = je(
   (e, t) => {
     const { className: n, ...r } = e, { headerId: a, setHeaderMounted: o } = sr();
     fe(() => (o(!0), () => o(!1)), [o]);
-    const i = Ne("chakra-modal__header", n), l = {
+    const i = Le("chakra-modal__header", n), l = {
       flex: 0,
       ...Wr().header
     };
@@ -16436,9 +16436,9 @@ var Nf = Le(
   }
 );
 Nf.displayName = "ModalHeader";
-var gO = Se(ur.div), Lf = Le(
+var gO = Se(ur.div), Lf = je(
   (e, t) => {
-    const { className: n, transition: r, motionProps: a, ...o } = e, i = Ne("chakra-modal__overlay", n), l = {
+    const { className: n, transition: r, motionProps: a, ...o } = e, i = Le("chakra-modal__overlay", n), l = {
       pos: "fixed",
       left: "0",
       top: "0",
@@ -16459,10 +16459,10 @@ var gO = Se(ur.div), Lf = Le(
   }
 );
 Lf.displayName = "ModalOverlay";
-var jf = Le((e, t) => {
+var jf = je((e, t) => {
   const { className: n, ...r } = e, { bodyId: a, setBodyMounted: o } = sr();
   fe(() => (o(!0), () => o(!1)), [o]);
-  const i = Ne("chakra-modal__body", n), s = Wr();
+  const i = Le("chakra-modal__body", n), s = Wr();
   return /* @__PURE__ */ m(
     Se.div,
     {
@@ -16475,9 +16475,9 @@ var jf = Le((e, t) => {
   );
 });
 jf.displayName = "ModalBody";
-var wb = Le(
+var wb = je(
   (e, t) => {
-    const { onClick: n, className: r, ...a } = e, { onClose: o } = sr(), i = Ne("chakra-modal__close-btn", r), s = Wr();
+    const { onClick: n, className: r, ...a } = e, { onClose: o } = sr(), i = Le("chakra-modal__close-btn", r), s = Wr();
     return /* @__PURE__ */ m(
       Cf,
       {
@@ -16529,7 +16529,7 @@ var bO = Se("div", {
     borderColor: ud.reference,
     background: ud.reference
   }
-}), dd = Le((e, t) => {
+}), dd = je((e, t) => {
   const n = {
     ...e,
     fadeDuration: typeof e.fadeDuration == "number" ? e.fadeDuration : 0.4,
@@ -16546,7 +16546,7 @@ var bO = Se("div", {
   } = Jt(n), [p, g] = ax("colors", [
     o,
     i
-  ]), h = yO(s), y = Ne("chakra-skeleton", u), S = {
+  ]), h = yO(s), y = Le("chakra-skeleton", u), S = {
     ...p && { [cd.variable]: p },
     ...g && { [ud.variable]: g }
   };
@@ -16665,10 +16665,10 @@ function AO() {
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
 var Bt = function(t, n, r) {
-  var a = !!r, o = ke.useRef(r);
-  ke.useEffect(function() {
+  var a = !!r, o = Pe.useRef(r);
+  Pe.useEffect(function() {
     o.current = r;
-  }, [r]), ke.useEffect(function() {
+  }, [r]), Pe.useEffect(function() {
     if (!a || !t)
       return function() {
       };
@@ -16680,8 +16680,8 @@ var Bt = function(t, n, r) {
     };
   }, [a, n, t, o]);
 }, fd = function(t) {
-  var n = ke.useRef(t);
-  return ke.useEffect(function() {
+  var n = Pe.useRef(t);
+  return Pe.useEffect(function() {
     n.current = t;
   }, [t]), n.current;
 }, Ua = function(t) {
@@ -16750,22 +16750,22 @@ var Bt = function(t, n, r) {
     version: "2.7.0",
     url: "https://stripe.com/docs/stripe-js/react"
   }));
-}, jl = /* @__PURE__ */ ke.createContext(null);
+}, jl = /* @__PURE__ */ Pe.createContext(null);
 jl.displayName = "ElementsContext";
 var _b = 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;
 }, Vs = function(t) {
-  var n = t.stripe, r = t.options, a = t.children, o = ke.useMemo(function() {
+  var n = t.stripe, r = t.options, a = t.children, o = Pe.useMemo(function() {
     return PO(n);
-  }, [n]), i = ke.useState(function() {
+  }, [n]), i = Pe.useState(function() {
     return {
       stripe: o.tag === "sync" ? o.stripe : null,
       elements: o.tag === "sync" ? o.stripe.elements(r) : null
     };
   }), s = Eb(i, 2), l = s[0], c = s[1];
-  ke.useEffect(function() {
+  Pe.useEffect(function() {
     var f = !0, p = function(h) {
       c(function(y) {
         return y.stripe ? y : {
@@ -16781,18 +16781,18 @@ var _b = function(t, n) {
     };
   }, [o, l, r]);
   var u = fd(n);
-  ke.useEffect(function() {
+  Pe.useEffect(function() {
     u !== null && u !== n && console.warn("Unsupported prop change on Elements: You cannot change the `stripe` prop after setting it.");
   }, [u, n]);
   var d = fd(r);
-  return ke.useEffect(function() {
+  return Pe.useEffect(function() {
     if (l.elements) {
       var f = Ab(r, d, ["clientSecret", "fonts"]);
       f && l.elements.update(f);
     }
-  }, [r, d, l.elements]), ke.useEffect(function() {
+  }, [r, d, l.elements]), Pe.useEffect(function() {
     $O(l.stripe);
-  }, [l.stripe]), /* @__PURE__ */ ke.createElement(jl.Provider, {
+  }, [l.stripe]), /* @__PURE__ */ Pe.createElement(jl.Provider, {
     value: l
   }, a);
 };
@@ -16801,27 +16801,27 @@ Vs.propTypes = {
   options: Qe.object
 };
 var FO = function(t) {
-  var n = ke.useContext(jl);
+  var n = Pe.useContext(jl);
   return _b(n, t);
 }, kb = function() {
   var t = FO("calls useElements()"), n = t.elements;
   return n;
 };
 Qe.func.isRequired;
-var Pb = /* @__PURE__ */ ke.createContext(null);
+var Pb = /* @__PURE__ */ Pe.createContext(null);
 Pb.displayName = "CustomCheckoutSdkContext";
 var MO = 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;
-}, OO = /* @__PURE__ */ ke.createContext(null);
+}, OO = /* @__PURE__ */ Pe.createContext(null);
 OO.displayName = "CustomCheckoutContext";
 Qe.any, Qe.shape({
   clientSecret: Qe.string.isRequired,
   elementsOptions: Qe.object
 }).isRequired;
 var pd = function(t) {
-  var n = ke.useContext(Pb), r = ke.useContext(jl);
+  var n = Pe.useContext(Pb), r = Pe.useContext(jl);
   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 ? MO(n, t) : _b(r, t);
@@ -16829,24 +16829,24 @@ var pd = function(t) {
   return t.charAt(0).toUpperCase() + t.slice(1);
 }, mt = function(t, n) {
   var r = "".concat(RO(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, h = l.onReady, y = l.onChange, S = l.onEscape, b = l.onClick, x = l.onLoadError, _ = l.onLoaderStart, E = l.onNetworksChange, R = l.onConfirm, P = l.onCancel, D = l.onShippingAddressChange, B = l.onShippingRateChange, V = pd("mounts <".concat(r, ">")), re = "elements" in V ? V.elements : null, H = "customCheckoutSdk" in V ? V.customCheckoutSdk : null, ee = ke.useState(null), le = Eb(ee, 2), me = le[0], G = le[1], ge = ke.useRef(null), Ve = ke.useRef(null);
+    var c = l.id, u = l.className, d = l.options, f = d === void 0 ? {} : d, p = l.onBlur, g = l.onFocus, h = l.onReady, y = l.onChange, S = l.onEscape, b = l.onClick, x = l.onLoadError, _ = l.onLoaderStart, E = l.onNetworksChange, R = l.onConfirm, P = l.onCancel, D = l.onShippingAddressChange, B = l.onShippingRateChange, V = pd("mounts <".concat(r, ">")), re = "elements" in V ? V.elements : null, H = "customCheckoutSdk" in V ? V.customCheckoutSdk : null, ee = Pe.useState(null), le = Eb(ee, 2), me = le[0], G = le[1], ge = Pe.useRef(null), Ve = Pe.useRef(null);
     Bt(me, "blur", p), Bt(me, "focus", g), Bt(me, "escape", S), Bt(me, "click", b), Bt(me, "loaderror", x), Bt(me, "loaderstart", _), Bt(me, "networkschange", E), Bt(me, "confirm", R), Bt(me, "cancel", P), Bt(me, "shippingaddresschange", D), Bt(me, "shippingratechange", B), Bt(me, "change", y);
     var Ke;
     h && (t === "expressCheckout" ? Ke = h : Ke = function() {
       h(me);
-    }), Bt(me, "ready", Ke), ke.useLayoutEffect(function() {
+    }), Bt(me, "ready", Ke), Pe.useLayoutEffect(function() {
       if (ge.current === null && Ve.current !== null && (re || H)) {
         var F = null;
         H ? F = H.createElement(t, f) : re && (F = re.create(t, f)), ge.current = F, G(F), F && F.mount(Ve.current);
       }
     }, [re, H, f]);
     var O = fd(f);
-    return ke.useEffect(function() {
+    return Pe.useEffect(function() {
       if (ge.current) {
         var F = Ab(f, O, ["paymentRequest"]);
         F && ge.current.update(F);
       }
-    }, [f, O]), ke.useLayoutEffect(function() {
+    }, [f, O]), Pe.useLayoutEffect(function() {
       return function() {
         if (ge.current && typeof ge.current.destroy == "function")
           try {
@@ -16854,7 +16854,7 @@ var pd = function(t) {
           } catch {
           }
       };
-    }, []), /* @__PURE__ */ ke.createElement("div", {
+    }, []), /* @__PURE__ */ Pe.createElement("div", {
       id: c,
       className: u,
       ref: Ve
@@ -16862,7 +16862,7 @@ var pd = function(t) {
   }, o = function(l) {
     pd("mounts <".concat(r, ">"));
     var c = l.id, u = l.className;
-    return /* @__PURE__ */ ke.createElement("div", {
+    return /* @__PURE__ */ Pe.createElement("div", {
       id: c,
       className: u
     });
@@ -16885,7 +16885,7 @@ var pd = function(t) {
     onShippingRateChange: Qe.func,
     options: Qe.object
   }, i.displayName = r, i.__elementType = t, i;
-}, gt = typeof window > "u", IO = /* @__PURE__ */ ke.createContext(null);
+}, gt = typeof window > "u", IO = /* @__PURE__ */ Pe.createContext(null);
 IO.displayName = "EmbeddedCheckoutProviderContext";
 var zf = function() {
   var t = pd("calls useStripe()"), n = t.stripe;
@@ -17103,15 +17103,22 @@ const Vf = ({
     throw (r = n == null ? void 0 : n.response) == null ? void 0 : r.data;
   }),
   enabled: !1
-}), ZO = ({ discount_code: e, product_id: t, account_id: n, currency: r, store_id: a }, o) => Vf({
+}), ZO = ({
+  discount_code: e,
+  product_id: t,
+  account_id: n,
+  currency: r,
+  store_id: a,
+  ticket_payload: o
+}, i) => Vf({
   queryFn: async () => {
-    var i;
+    var s;
     try {
-      return (await o.get(
-        `/crm/discounts/validate?code=${e}&product_id=${t}&account_id=${n}&currency=${r}&store_id=${a}`
+      return (await i.get(
+        `/crm/discounts/validate?code=${e}&product_id=${t}&account_id=${n}&currency=${r}&store_id=${a}${o ? `&ticket_payload=${o}` : ""}`
       )).data;
-    } catch (s) {
-      throw (i = s == null ? void 0 : s.response) == null ? void 0 : i.data;
+    } catch (l) {
+      throw (s = l == null ? void 0 : l.response) == null ? void 0 : s.data;
     }
   },
   enabled: !1
@@ -18078,11 +18085,11 @@ function $9(e) {
     });
   }, [f.validate]), B = pe(function(T, M) {
     var W = f.validationSchema, Z = nn(W) ? W(M) : W, he = M && Z.validateAt ? Z.validateAt(M, T) : M9(T, Z);
-    return new Promise(function(Ee, Pe) {
+    return new Promise(function(Ee, $e) {
       he.then(function() {
         Ee(vr);
       }, function(it) {
-        it.name === "ValidationError" ? Ee(F9(it)) : (process.env.NODE_ENV !== "production" && console.warn("Warning: An unhandled error was caught during validation in <Formik validationSchema />", it), Pe(it));
+        it.name === "ValidationError" ? Ee(F9(it)) : (process.env.NODE_ENV !== "production" && console.warn("Warning: An unhandled error was caught during validation in <Formik validationSchema />", it), $e(it));
       });
     });
   }, [f.validationSchema]), V = pe(function(T, M) {
@@ -18096,8 +18103,8 @@ function $9(e) {
       return V(Z, Nt(T, Z));
     }) : [Promise.resolve("DO_NOT_DELETE_YOU_WILL_BE_FIRED")];
     return Promise.all(W).then(function(Z) {
-      return Z.reduce(function(he, Ee, Pe) {
-        return Ee === "DO_NOT_DELETE_YOU_WILL_BE_FIRED" || Ee && (he = Ir(he, M[Pe], Ee)), he;
+      return Z.reduce(function(he, Ee, $e) {
+        return Ee === "DO_NOT_DELETE_YOU_WILL_BE_FIRED" || Ee && (he = Ir(he, M[$e], Ee)), he;
       }, {});
     });
   }, [V]), H = pe(function(T) {
@@ -18142,8 +18149,8 @@ function $9(e) {
       });
     };
     if (f.onReset) {
-      var Pe = f.onReset(R.values, qe);
-      yu(Pe) ? Pe.then(Ee) : Ee();
+      var $e = f.onReset(R.values, qe);
+      yu($e) ? $e.then(Ee) : Ee();
     } else
       Ee();
   }, [f.initialErrors, f.initialStatus, f.initialTouched, f.onReset]);
@@ -18259,12 +18266,12 @@ function $9(e) {
     var W = M, Z = T, he;
     if (!vu(T)) {
       T.persist && T.persist();
-      var Ee = T.target ? T.target : T.currentTarget, Pe = Ee.type, it = Ee.name, Un = Ee.id, Gn = Ee.value, qa = Ee.checked, fr = Ee.outerHTML, Qt = Ee.options, Za = Ee.multiple;
+      var Ee = T.target ? T.target : T.currentTarget, $e = Ee.type, it = Ee.name, Un = Ee.id, Gn = Ee.value, qa = Ee.checked, fr = Ee.outerHTML, Qt = Ee.options, Za = Ee.multiple;
       W = M || it || Un, !W && process.env.NODE_ENV !== "production" && Lg({
         htmlContent: fr,
         documentationAnchorLink: "handlechange-e-reactchangeeventany--void",
         handlerName: "handleChange"
-      }), Z = /number|range/.test(Pe) ? (he = parseFloat(Gn), isNaN(he) ? "" : he) : /checkbox/.test(Pe) ? I9(Nt(R.values, W), qa, Gn) : Qt && Za ? R9(Qt) : Gn;
+      }), Z = /number|range/.test($e) ? (he = parseFloat(Gn), isNaN(he) ? "" : he) : /checkbox/.test($e) ? I9(Nt(R.values, W), qa, Gn) : Qt && Za ? R9(Qt) : Gn;
     }
     W && q(W, Z);
   }, [q, R.values]), U = Gt(function(T) {
@@ -18285,12 +18292,12 @@ function $9(e) {
     return Z ? ee(R.values) : Promise.resolve();
   }), K = pe(function(T, M) {
     T.persist && T.persist();
-    var W = T.target, Z = W.name, he = W.id, Ee = W.outerHTML, Pe = M || Z || he;
-    !Pe && process.env.NODE_ENV !== "production" && Lg({
+    var W = T.target, Z = W.name, he = W.id, Ee = W.outerHTML, $e = M || Z || he;
+    !$e && process.env.NODE_ENV !== "production" && Lg({
       htmlContent: Ee,
       documentationAnchorLink: "handleblur-e-any--void",
       handlerName: "handleBlur"
-    }), oe(Pe, !0);
+    }), oe($e, !0);
   }, [oe]), X = Gt(function(T) {
     if (vu(T))
       return function(M) {
@@ -18380,7 +18387,7 @@ function $9(e) {
       initialTouched: !!Nt(h.current, T),
       initialError: Nt(g.current, T)
     };
-  }, [R.errors, R.touched, R.values]), je = pe(function(T) {
+  }, [R.errors, R.touched, R.values]), ze = pe(function(T) {
     return {
       setValue: function(W, Z) {
         return q(T, W, Z);
@@ -18400,8 +18407,8 @@ function $9(e) {
       onBlur: X
     };
     if (M) {
-      var Ee = T.type, Pe = T.value, it = T.as, Un = T.multiple;
-      Ee === "checkbox" ? Pe === void 0 ? he.checked = !!Z : (he.checked = !!(Array.isArray(Z) && ~Z.indexOf(Pe)), he.value = Pe) : Ee === "radio" ? (he.checked = Z === Pe, he.value = Pe) : it === "select" && Un && (he.value = he.value || [], he.multiple = !0);
+      var Ee = T.type, $e = T.value, it = T.as, Un = T.multiple;
+      Ee === "checkbox" ? $e === void 0 ? he.checked = !!Z : (he.checked = !!(Array.isArray(Z) && ~Z.indexOf($e)), he.value = $e) : Ee === "radio" ? (he.checked = Z === $e, he.value = $e) : it === "select" && Un && (he.value = he.value || [], he.multiple = !0);
     }
     return he;
   }, [X, U, R.values]), Ue = ot(function() {
@@ -18436,7 +18443,7 @@ function $9(e) {
     registerField: G,
     getFieldProps: vt,
     getFieldMeta: At,
-    getFieldHelpers: je,
+    getFieldHelpers: ze,
     validateOnBlur: a,
     validateOnChange: n,
     validateOnMount: i
@@ -21985,7 +21992,7 @@ const qg = /* @__PURE__ */ new Map([
   const [q, L] = ae(0), U = be(null), oe = (n == null ? void 0 : n.country) ?? (ee == null ? void 0 : ee.country_name), K = (xe = qt == null ? void 0 : qt.find(
     (ve) => ve.name === oe
   )) == null ? void 0 : xe.alpha2Code, X = r.values.street, Y = async (ve) => {
-    var ft, At, je;
+    var ft, At, ze;
     if (ge(!0), ve.preventDefault(), !(!x || !_))
       if (a)
         c({
@@ -22031,7 +22038,7 @@ const qg = /* @__PURE__ */ new Map([
               billing_address_country: K,
               billing_address_postal_code: O
             },
-            ...d === "ips" || g ? { payment_method_id: (At = Ue == null ? void 0 : Ue.paymentMethod) == null ? void 0 : At.id } : { source: (je = Ue == null ? void 0 : Ue.token) == null ? void 0 : je.id },
+            ...d === "ips" || g ? { payment_method_id: (At = Ue == null ? void 0 : Ue.paymentMethod) == null ? void 0 : At.id } : { source: (ze = Ue == null ? void 0 : Ue.token) == null ? void 0 : ze.id },
             callback_url: f
           };
           le(pt, {
@@ -22317,115 +22324,128 @@ const qg = /* @__PURE__ */ new Map([
             ]
           }
         ),
-        /* @__PURE__ */ m(Ce, { width: "100vw", position: "fixed", bottom: "0", left: 0, children: /* @__PURE__ */ $(
-          dl,
+        /* @__PURE__ */ m(
+          Ce,
           {
-            width: { base: "100vw", md: `${h}px` },
-            mx: "auto",
-            templateColumns: "repeat(12, 1fr)",
-            children: [
-              /* @__PURE__ */ m(
-                pi,
-                {
-                  colSpan: b.lSpan,
-                  bg: st.gray25,
-                  position: "relative",
-                  zIndex: -1
-                }
-              ),
-              /* @__PURE__ */ m(
-                pi,
-                {
-                  colSpan: b.rSpan,
-                  position: "relative",
-                  zIndex: 1e3,
-                  children: /* @__PURE__ */ $(
-                    ce,
+            width: "100vw",
+            position: "fixed",
+            bottom: "0",
+            left: 0,
+            zIndex: "1",
+            children: /* @__PURE__ */ $(
+              dl,
+              {
+                width: { base: "100vw", md: `${h}px` },
+                mx: "auto",
+                templateColumns: "repeat(12, 1fr)",
+                children: [
+                  /* @__PURE__ */ m(
+                    pi,
                     {
-                      p: "16px",
-                      bg: "white",
-                      flexDirection: "column",
-                      alignItems: "center",
-                      children: [
-                        /* @__PURE__ */ $(
-                          ce,
-                          {
-                            gap: "10px",
-                            width: `${q}px`,
-                            mt: "12px",
-                            flexDirection: { base: "column", md: "row" },
-                            children: [
-                              !(y != null && y.hideBackButton) && /* @__PURE__ */ m(
-                                gl,
-                                {
-                                  bgColor: "#F2F4F7",
-                                  color: "#111215",
-                                  label: (y == null ? void 0 : y.back_button_label) ?? "Back",
-                                  width: { base: "100%", md: "144px" },
-                                  fontFamily: "inherit",
-                                  onClick: S
-                                }
-                              ),
-                              /* @__PURE__ */ m(
-                                gl,
-                                {
-                                  bgColor: l,
-                                  label: "Confirm Payment",
-                                  maxWidth: `${q}px`,
-                                  width: "full",
-                                  onClick: (ve) => {
-                                    Y(ve);
-                                  },
-                                  isLoading: G,
-                                  disabled: G,
-                                  _hover: {
-                                    opacity: 0.8,
-                                    _after: {
-                                      background: l
-                                    }
-                                  },
-                                  icon: /* @__PURE__ */ m(
-                                    Oo,
+                      colSpan: b.lSpan,
+                      bg: st.gray25,
+                      position: "relative",
+                      zIndex: -1
+                    }
+                  ),
+                  /* @__PURE__ */ m(
+                    pi,
+                    {
+                      colSpan: b.rSpan,
+                      position: "relative",
+                      zIndex: 1e3,
+                      children: /* @__PURE__ */ $(
+                        ce,
+                        {
+                          p: "16px",
+                          bg: "white",
+                          flexDirection: "column",
+                          alignItems: "center",
+                          children: [
+                            /* @__PURE__ */ $(
+                              ce,
+                              {
+                                gap: "10px",
+                                width: `${q}px`,
+                                mt: "12px",
+                                flexDirection: { base: "column", md: "row" },
+                                children: [
+                                  !(y != null && y.hideBackButton) && /* @__PURE__ */ m(
+                                    gl,
                                     {
-                                      transform: "rotate(90deg)",
-                                      boxSize: "20px"
+                                      bgColor: "#F2F4F7",
+                                      color: "#111215",
+                                      label: (y == null ? void 0 : y.back_button_label) ?? "Back",
+                                      width: {
+                                        base: "100%",
+                                        md: "fit-content"
+                                      },
+                                      fontFamily: "inherit",
+                                      onClick: S
                                     }
                                   ),
-                                  fontFamily: "inherit"
-                                }
-                              )
-                            ]
-                          }
-                        ),
-                        /* @__PURE__ */ $(
-                          ce,
-                          {
-                            justifyContent: "center",
-                            alignItems: "center",
-                            gap: "4px",
-                            mt: "16px",
-                            color: "#586172",
-                            fontFamily: "Bricolage Grotesque",
-                            fontSize: "12px",
-                            lineHeight: "16px",
-                            letterSpacing: "-0.2px",
-                            children: [
-                              /* @__PURE__ */ m(Te, { children: "Powered by" }),
-                              /* @__PURE__ */ $(ce, { children: [
-                                /* @__PURE__ */ m(y1, {}),
-                                /* @__PURE__ */ m(Te, { children: "Mainstack" })
-                              ] })
-                            ]
-                          }
-                        )
-                      ]
+                                  /* @__PURE__ */ m(
+                                    gl,
+                                    {
+                                      bgColor: l,
+                                      label: "Confirm Payment",
+                                      maxWidth: `${q}px`,
+                                      flexGrow: 1,
+                                      onClick: (ve) => {
+                                        Y(ve);
+                                      },
+                                      isLoading: G,
+                                      disabled: G,
+                                      _hover: {
+                                        opacity: 0.8,
+                                        _after: {
+                                          background: l
+                                        }
+                                      },
+                                      icon: /* @__PURE__ */ m(
+                                        Oo,
+                                        {
+                                          transform: "rotate(90deg)",
+                                          boxSize: "20px"
+                                        }
+                                      ),
+                                      fontFamily: "inherit"
+                                    }
+                                  )
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ $(
+                              ce,
+                              {
+                                justifyContent: "center",
+                                alignItems: "center",
+                                gap: "4px",
+                                mt: "16px",
+                                color: "#586172",
+                                fontFamily: "Bricolage Grotesque",
+                                fontSize: "12px",
+                                lineHeight: "16px",
+                                letterSpacing: "-0.2px",
+                                children: [
+                                  /* @__PURE__ */ m(Te, { children: "Powered by" }),
+                                  /* @__PURE__ */ $(ce, { children: [
+                                    /* @__PURE__ */ m(y1, {}),
+                                    /* @__PURE__ */ m(Te, { children: "Mainstack" })
+                                  ] })
+                                ]
+                              }
+                            )
+                          ]
+                        }
+                      )
                     }
                   )
-                }
-              )
-            ]
+                ]
+              }
+            )
           }
-        ) })
+        )
       ]
     }
   ) }) }) });
@@ -27988,7 +28008,7 @@ const eN = (e) => /* @__PURE__ */ $(Cn, { viewBox: "0 0 32 32", ...e, fill: "non
     preCheckoutBanner: f,
     FooterElement: p
   }, g) => {
-    var zi, Vi, ia, Ui, Gi, Wi, mr, sa, la, ca, Hi, oo, ua, io, un, Kn, Ki, so, qi, lo, Zi, Yi, co, Xi, v, w, k, z, we, Ie, Ge, ye, We;
+    var zi, Vi, ia, Ui, Gi, Wi, mr, sa, la, ca, Hi, oo, ua, io, un, Kn, Ki, so, qi, lo, Zi, Yi, co, Xi, v, w, k, z, we, De, Ge, ye, We;
     const {
       currency: h,
       amount: y,
@@ -28016,7 +28036,7 @@ const eN = (e) => /* @__PURE__ */ $(Cn, { viewBox: "0 0 32 32", ...e, fill: "non
       itemsList: q
     } = e, L = b == null ? void 0 : b.hideDetails, U = b == null ? void 0 : b.isSingleColumn, oe = ((zi = b == null ? void 0 : b.showDefaultInputFields) == null ? void 0 : zi.email) ?? !0, K = ((Vi = b == null ? void 0 : b.showDefaultInputFields) == null ? void 0 : Vi.phone) ?? !1, X = ((ia = b == null ? void 0 : b.showDefaultInputFields) == null ? void 0 : ia.fullname) ?? !0, { Request: Y } = ZB(V, {
       "x-is-api-client-payment": d ?? !1
-    }), [se, te] = ae(""), [xe, N] = ae(y), [qe, ve] = ae(!1), [ft, At] = ae(!1), [je, vt] = ae({
+    }), [se, te] = ae(""), [xe, N] = ae(y), [qe, ve] = ae(!1), [ft, At] = ae(!1), [ze, vt] = ae({
       openModal: !1,
       url: "",
       reference: ""
@@ -28040,7 +28060,7 @@ const eN = (e) => /* @__PURE__ */ $(Cn, { viewBox: "0 0 32 32", ...e, fill: "non
         Z.set(j);
       }, 50);
     }
-    const Pe = be(null), it = (j) => !E || E.length <= 0 ? !0 : E == null ? void 0 : E.includes(j), Un = Ad().shape({
+    const $e = be(null), it = (j) => !E || E.length <= 0 ? !0 : E == null ? void 0 : E.includes(j), Un = Ad().shape({
       email: Wt().matches(
         /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
         "Please enter a valid email"
@@ -28081,7 +28101,7 @@ const eN = (e) => /* @__PURE__ */ $(Cn, { viewBox: "0 0 32 32", ...e, fill: "non
       data: Jr,
       refetch: Xl,
       isLoading: _n
-    } = qO(je == null ? void 0 : je.reference, Y), [Jl, cn] = ae(!1), Xa = (j) => j === "United States" ? "United States of America" : j === "United Kingdom" ? "United Kingdom of Great Britain and Northern Ireland" : j, J = $9({
+    } = qO(ze == null ? void 0 : ze.reference, Y), [Jl, cn] = ae(!1), Xa = (j) => j === "United States" ? "United States of America" : j === "United Kingdom" ? "United Kingdom of Great Britain and Northern Ireland" : j, J = $9({
       initialValues: {
         email: (i == null ? void 0 : i.email) ?? "",
         fullname: (i == null ? void 0 : i.fullname) ?? "",
@@ -28108,9 +28128,9 @@ const eN = (e) => /* @__PURE__ */ $(Cn, { viewBox: "0 0 32 32", ...e, fill: "non
             reference: nt,
             amount: 0,
             metadata: {
-              ...ze,
+              ...ke,
               reference: nt,
-              country: Xa(ze.country)
+              country: Xa(ke.country)
             }
           });
           return;
@@ -28120,14 +28140,14 @@ const eN = (e) => /* @__PURE__ */ $(Cn, { viewBox: "0 0 32 32", ...e, fill: "non
           reference: nt,
           currency: h,
           metadata: {
-            ...ze,
+            ...ke,
             reference: nt
           }
         }, uo = {
           amount: Mt,
           currency: h,
           metadata: {
-            ...ze,
+            ...ke,
             reference: nt
           },
           callback_url: R
@@ -28194,7 +28214,7 @@ const eN = (e) => /* @__PURE__ */ $(Cn, { viewBox: "0 0 32 32", ...e, fill: "non
       ) + Number(Wn ? Bi : 0)).toFixed(2)
     ).toString(), ta = parseFloat(
       (Number(eo) + Number(Wn ? Qr : 0)).toFixed(2)
-    ).toString(), ze = {
+    ).toString(), ke = {
       ...e.metadata,
       phone_number: (Yi = J.values) == null ? void 0 : Yi.phone,
       reference: se,
@@ -28222,10 +28242,11 @@ const eN = (e) => /* @__PURE__ */ $(Cn, { viewBox: "0 0 32 32", ...e, fill: "non
     }, { refetch: sc, isLoading: na } = ZO(
       {
         discount_code: _e,
-        product_id: ze == null ? void 0 : ze.product_id,
+        product_id: ke == null ? void 0 : ke.product_id,
         account_id: x,
         currency: h,
-        store_id: H
+        store_id: H,
+        ticket_payload: ke == null ? void 0 : ke.ticket_payload
       },
       Y
     );
@@ -28266,8 +28287,8 @@ const eN = (e) => /* @__PURE__ */ $(Cn, { viewBox: "0 0 32 32", ...e, fill: "non
           reference: j,
           amount: 0,
           metadata: {
-            ...ze,
-            country: Xa(ze.country)
+            ...ke,
+            country: Xa(ke.country)
           }
         });
         return;
@@ -28278,7 +28299,7 @@ const eN = (e) => /* @__PURE__ */ $(Cn, { viewBox: "0 0 32 32", ...e, fill: "non
           reference: j,
           currency: h,
           metadata: {
-            ...ze,
+            ...ke,
             reference: j
           }
         },
@@ -28286,8 +28307,8 @@ const eN = (e) => /* @__PURE__ */ $(Cn, { viewBox: "0 0 32 32", ...e, fill: "non
           onSuccess() {
             var ue;
             if (At(!0), // (isSingleColumn || isLessThan768) &&
-            Pe != null && Pe.current) {
-              const nt = (ue = Pe == null ? void 0 : Pe.current) == null ? void 0 : ue.offsetTop, Pn = nt - 100;
+            $e != null && $e.current) {
+              const nt = (ue = $e == null ? void 0 : $e.current) == null ? void 0 : ue.offsetTop, Pn = nt - 100;
               Ee(
                 U || he ? nt : Pn
               );
@@ -28344,7 +28365,7 @@ const eN = (e) => /* @__PURE__ */ $(Cn, { viewBox: "0 0 32 32", ...e, fill: "non
         j.isSuccess ? u({
           fullname: J.values.fullname,
           email: J.values.email,
-          reference: je == null ? void 0 : je.reference,
+          reference: ze == null ? void 0 : ze.reference,
           ...j.data
         }) : kt(`${j == null ? void 0 : j.error}`, Pt.error);
       } catch {
@@ -28412,7 +28433,7 @@ const eN = (e) => /* @__PURE__ */ $(Cn, { viewBox: "0 0 32 32", ...e, fill: "non
                     position: U ? "static" : { lg: "fixed" },
                     width: U ? "auto" : { lg: `${vc}px` }
                   },
-                  summaryTitle: t ?? (ze == null ? void 0 : ze.productName),
+                  summaryTitle: t ?? (ke == null ? void 0 : ke.productName),
                   currency: h,
                   amount: y,
                   feesLoading: Di,
@@ -28435,13 +28456,13 @@ const eN = (e) => /* @__PURE__ */ $(Cn, { viewBox: "0 0 32 32", ...e, fill: "non
                   },
                   transactionFees: {
                     totalAmountPlusFees: ea,
-                    applied_fees: (Ie = de == null ? void 0 : de.payload) == null ? void 0 : Ie.applied_fees,
+                    applied_fees: (De = de == null ? void 0 : de.payload) == null ? void 0 : De.applied_fees,
                     transactionFeeValue: eo
                   },
                   isSingleColumn: U ?? !1,
-                  productImage: ze == null ? void 0 : ze.productImage,
-                  productName: ze == null ? void 0 : ze.productName,
-                  quantity: ze == null ? void 0 : ze.quantity
+                  productImage: ke == null ? void 0 : ke.productImage,
+                  productName: ke == null ? void 0 : ke.productName,
+                  quantity: ke == null ? void 0 : ke.quantity
                 }
               )
             }
@@ -28532,6 +28553,7 @@ const eN = (e) => /* @__PURE__ */ $(Cn, { viewBox: "0 0 32 32", ...e, fill: "non
                             mt: "12px",
                             gap: "10px",
                             flexDirection: { base: "column", md: "row" },
+                            width: "100%",
                             children: [
                               !(b != null && b.hideBackButton) && /* @__PURE__ */ m(
                                 gl,
@@ -28539,7 +28561,10 @@ const eN = (e) => /* @__PURE__ */ $(Cn, { viewBox: "0 0 32 32", ...e, fill: "non
                                   bgColor: "#F2F4F7",
                                   color: "#111215",
                                   label: (b == null ? void 0 : b.back_button_label) ?? "Back",
-                                  width: { base: "100%", md: "144px" },
+                                  width: {
+                                    base: "100%",
+                                    md: "fit-content"
+                                  },
                                   fontFamily: "inherit",
                                   onClick: l
                                 }
@@ -28550,7 +28575,7 @@ const eN = (e) => /* @__PURE__ */ $(Cn, { viewBox: "0 0 32 32", ...e, fill: "non
                                   bgColor: (b == null ? void 0 : b.theme_color) ?? "#111215",
                                   label: (b == null ? void 0 : b.button_label) ?? "Pay for Product",
                                   position: "relative",
-                                  width: "100%",
+                                  flexGrow: 1,
                                   type: "submit",
                                   onClick: dc,
                                   _hover: {
@@ -28690,7 +28715,7 @@ const eN = (e) => /* @__PURE__ */ $(Cn, { viewBox: "0 0 32 32", ...e, fill: "non
                                 )
                               ] })
                             ] }),
-                            /* @__PURE__ */ m(Ce, { ref: Pe, children: /* @__PURE__ */ m(
+                            /* @__PURE__ */ m(Ce, { ref: $e, children: /* @__PURE__ */ m(
                               Vs,
                               {
                                 stripe: to,
@@ -28698,7 +28723,7 @@ const eN = (e) => /* @__PURE__ */ $(Cn, { viewBox: "0 0 32 32", ...e, fill: "non
                                   LB,
                                   {
                                     metadata: {
-                                      ...ze,
+                                      ...ke,
                                       reference: se
                                     },
                                     currency: h,
@@ -28780,7 +28805,7 @@ const eN = (e) => /* @__PURE__ */ $(Cn, { viewBox: "0 0 32 32", ...e, fill: "non
                               children: /* @__PURE__ */ m(
                                 qB,
                                 {
-                                  metadata: ze,
+                                  metadata: ke,
                                   currency: h,
                                   stripeCountry: Cu.indexOf(h) > -1 ? "GB" : "US",
                                   amount: Mt,
@@ -28816,7 +28841,7 @@ const eN = (e) => /* @__PURE__ */ $(Cn, { viewBox: "0 0 32 32", ...e, fill: "non
                             children: /* @__PURE__ */ m(
                               tN,
                               {
-                                metadata: ze,
+                                metadata: ke,
                                 currency: h,
                                 amount: Mt,
                                 Request: Y,
@@ -28848,9 +28873,9 @@ const eN = (e) => /* @__PURE__ */ $(Cn, { viewBox: "0 0 32 32", ...e, fill: "non
           /* @__PURE__ */ m(
             UB,
             {
-              isOpen: je == null ? void 0 : je.openModal,
+              isOpen: ze == null ? void 0 : ze.openModal,
               handleCloseModal: gc,
-              src: je == null ? void 0 : je.url
+              src: ze == null ? void 0 : ze.url
             }
           ),
           /* @__PURE__ */ m(