mainstack-payments 0.5.9 → 0.5.10

package/build/mainstack-payments.js

@@ -1,5 +1,5 @@
 import { jsx as S, jsxs as H, Fragment as rn } from "react/jsx-runtime";
-import { Colors as Zt, CancelFilledIcon as Ql, Input as Ta, CountrySelect as w0, Button as yn, LockIcon as A0, customSnackbar as Pt, SnackbarType as kt, GooglePayIcon as T0, PhoneNumberInput as C0, InfoIcon as Xc, Paragraph as E0, NotificationsFilledIcon as Pf, ClickTooltip as kf, CloseIcon as P0, Loader as k0, MainstackProvider as $0, CustomSnackbarContainer as _0 } from "mainstack-design-system";
+import { Colors as Zt, CancelFilledIcon as Ql, Input as Ta, CountrySelect as w0, Button as yn, LockIcon as A0, customSnackbar as kt, SnackbarType as $t, GooglePayIcon as T0, PhoneNumberInput as C0, InfoIcon as Xc, Paragraph as E0, NotificationsFilledIcon as Pf, ClickTooltip as kf, CloseIcon as P0, Loader as k0, MainstackProvider as $0, CustomSnackbarContainer as _0 } from "mainstack-design-system";
 import * as R from "react";
 import _e, { createContext as sn, useContext as Ge, useRef as Ee, useEffect as pe, useCallback as fe, useState as ce, useId as ja, useLayoutEffect as ai, forwardRef as Xt, useMemo as ut, useReducer as F0, useInsertionEffect as Qu, createElement as ed, cloneElement as M0, Children as R0, isValidElement as Qm, memo as O0, useSyncExternalStore as I0, PureComponent as D0, useImperativeHandle as B0 } from "react";
 import { createPortal as eg } from "react-dom";
@@ -328,7 +328,7 @@ Vs.exports;
       return g(v(C));
     };
   }
-  var vt = Array.prototype, Ct = Function.prototype, pt = Object.prototype, mt = G["__core-js_shared__"], P = Ct.toString, I = pt.hasOwnProperty, j = function() {
+  var vt = Array.prototype, Et = Function.prototype, pt = Object.prototype, mt = G["__core-js_shared__"], P = Et.toString, I = pt.hasOwnProperty, j = function() {
     var g = /[^.]+$/.exec(mt && mt.keys && mt.keys.IE_PROTO || "");
     return g ? "Symbol(src)_1." + g : "";
   }(), Z = pt.toString, ue = P.call(Object), he = RegExp(
@@ -426,7 +426,7 @@ Vs.exports;
       string: new ee()
     };
   }
-  function Mt(g) {
+  function wt(g) {
     var v = hr(this, g).delete(g);
     return this.size -= v ? 1 : 0, v;
   }
@@ -440,7 +440,7 @@ Vs.exports;
     var C = hr(this, g), z = C.size;
     return C.set(g, v), this.size += C.size == z ? 0 : 1, this;
   }
-  Hn.prototype.clear = Lc, Hn.prototype.delete = Mt, Hn.prototype.get = zc, Hn.prototype.has = Vc, Hn.prototype.set = jc;
+  Hn.prototype.clear = Lc, Hn.prototype.delete = wt, Hn.prototype.get = zc, Hn.prototype.has = Vc, Hn.prototype.set = jc;
   function Kn(g) {
     var v = this.__data__ = new xt(g);
     this.size = v.size;
@@ -2714,7 +2714,7 @@ function h1(e, t, n, r, a) {
     e = e ? e[t[r]] : a;
   return e === a ? n : e;
 }
-const At = (e, t, n) => {
+const Tt = (e, t, n) => {
   const r = h1(e, `colors.${t}`, t);
   try {
     return d1(r), r;
@@ -2725,10 +2725,10 @@ const At = (e, t, n) => {
   const [t, n, r] = ad(e);
   return (t * 299 + n * 587 + r * 114) / 1e3;
 }, m1 = (e) => (t) => {
-  const n = At(t, e);
+  const n = Tt(t, e);
   return p1(n) < 128 ? "dark" : "light";
 }, g1 = (e) => (t) => m1(e)(t) === "dark", Oa = (e, t) => (n) => {
-  const r = At(n, e);
+  const r = Tt(n, e);
   return u1(r, 1 - t);
 };
 function Vf(e = "1rem", t = "rgba(255, 255, 255, 0.15)") {
@@ -3000,7 +3000,7 @@ const _1 = ii((e) => {
   ...D1,
   container: B1
 }, N1 = (e) => typeof e == "function";
-function Tt(e, ...t) {
+function Ct(e, ...t) {
   return N1(e) ? e(...t) : e;
 }
 const { definePartsStyle: mg, defineMultiStyleConfig: L1 } = Ne(wx.keys), Ca = J("avatar-border-color"), ko = J("avatar-bg"), Vo = J("avatar-font-size"), Ia = J("avatar-size"), z1 = {
@@ -3044,9 +3044,9 @@ const { definePartsStyle: mg, defineMultiStyleConfig: L1 } = Ne(wx.keys), Ca = J
   fontSize: Vo.reference,
   lineHeight: "1"
 }, G1 = mg((e) => ({
-  badge: Tt(z1, e),
-  excessLabel: Tt(V1, e),
-  container: Tt(j1, e),
+  badge: Ct(z1, e),
+  excessLabel: Ct(V1, e),
+  container: Ct(j1, e),
   label: U1
 }));
 function Yn(e) {
@@ -3194,7 +3194,7 @@ const W1 = {
     borderColor: t === "gray" ? n : "currentColor",
     ".chakra-button__group[data-attached][data-orientation=horizontal] > &:not(:last-of-type)": { marginEnd: "-1px" },
     ".chakra-button__group[data-attached][data-orientation=vertical] > &:not(:last-of-type)": { marginBottom: "-1px" },
-    ...Tt(gg, e)
+    ...Ct(gg, e)
   };
 }, ow = {
   yellow: {
@@ -3437,7 +3437,7 @@ const W1 = {
 }, ww = Ts((e) => ({
   icon: xw,
   container: vw,
-  control: Tt(bw, e),
+  control: Ct(bw, e),
   label: Sw
 })), Aw = {
   sm: Ts({
@@ -3594,7 +3594,7 @@ const Lw = {
 }, Hw = cu((e) => ({
   overlay: Lw,
   dialogContainer: zw,
-  dialog: Tt(Vw, e),
+  dialog: Ct(Vw, e),
   header: jw,
   closeButton: Uw,
   body: Gw,
@@ -3829,13 +3829,13 @@ const wA = Dn((e) => {
         userSelect: "all"
       },
       _invalid: {
-        borderColor: At(t, r),
-        boxShadow: `0 0 0 1px ${At(t, r)}`
+        borderColor: Tt(t, r),
+        boxShadow: `0 0 0 1px ${Tt(t, r)}`
       },
       _focusVisible: {
         zIndex: 1,
-        borderColor: At(t, n),
-        boxShadow: `0 0 0 1px ${At(t, n)}`
+        borderColor: Tt(t, n),
+        boxShadow: `0 0 0 1px ${Tt(t, n)}`
       }
     },
     addon: {
@@ -3859,11 +3859,11 @@ const wA = Dn((e) => {
         userSelect: "all"
       },
       _invalid: {
-        borderColor: At(t, r)
+        borderColor: Tt(t, r)
       },
       _focusVisible: {
         bg: "transparent",
-        borderColor: At(t, n)
+        borderColor: Tt(t, n)
       }
     },
     addon: {
@@ -3886,12 +3886,12 @@ const wA = Dn((e) => {
         userSelect: "all"
       },
       _invalid: {
-        borderColor: At(t, r),
-        boxShadow: `0px 1px 0px 0px ${At(t, r)}`
+        borderColor: Tt(t, r),
+        boxShadow: `0px 1px 0px 0px ${Tt(t, r)}`
       },
       _focusVisible: {
-        borderColor: At(t, n),
-        boxShadow: `0px 1px 0px 0px ${At(t, n)}`
+        borderColor: Tt(t, n),
+        boxShadow: `0px 1px 0px 0px ${Tt(t, n)}`
       }
     },
     addon: {
@@ -4094,11 +4094,11 @@ const wA = Dn((e) => {
   py: "4"
 }, tT = lu((e) => ({
   overlay: ZA,
-  dialogContainer: Tt(qA, e),
-  dialog: Tt(YA, e),
+  dialogContainer: Ct(qA, e),
+  dialog: Ct(YA, e),
   header: XA,
   closeButton: JA,
-  body: Tt(QA, e),
+  body: Ct(QA, e),
   footer: eT
 }));
 function tn(e) {
@@ -4193,7 +4193,7 @@ const nT = {
   [wg.variable]: oT
 }, sT = (e) => {
   var t;
-  return ((t = Tt(Ce.baseStyle, e)) == null ? void 0 : t.field) ?? {};
+  return ((t = Ct(Ce.baseStyle, e)) == null ? void 0 : t.field) ?? {};
 }, cT = {
   width: cd.reference
 }, lT = {
@@ -4219,7 +4219,7 @@ const nT = {
   }
 }, uT = xg((e) => ({
   root: iT,
-  field: Tt(sT, e) ?? {},
+  field: Ct(sT, e) ?? {},
   stepperGroup: cT,
   stepper: lT
 }));
@@ -4295,15 +4295,15 @@ var Bm;
 const mT = {
   outline: (e) => {
     var t, n;
-    return ((n = Tt((t = Ce.variants) == null ? void 0 : t.outline, e)) == null ? void 0 : n.field) ?? {};
+    return ((n = Ct((t = Ce.variants) == null ? void 0 : t.outline, e)) == null ? void 0 : n.field) ?? {};
   },
   flushed: (e) => {
     var t, n;
-    return ((n = Tt((t = Ce.variants) == null ? void 0 : t.flushed, e)) == null ? void 0 : n.field) ?? {};
+    return ((n = Ct((t = Ce.variants) == null ? void 0 : t.flushed, e)) == null ? void 0 : n.field) ?? {};
   },
   filled: (e) => {
     var t, n;
-    return ((n = Tt((t = Ce.variants) == null ? void 0 : t.filled, e)) == null ? void 0 : n.field) ?? {};
+    return ((n = Ct((t = Ce.variants) == null ? void 0 : t.filled, e)) == null ? void 0 : n.field) ?? {};
   },
   unstyled: ((Bm = Ce.variants) == null ? void 0 : Bm.unstyled.field) ?? {}
 }, gT = {
@@ -4365,7 +4365,7 @@ const mT = {
   )(e), i = X(`${t}.500`, `${t}.200`)(e), s = `linear-gradient(
     to right,
     transparent 0%,
-    ${At(n, i)} 50%,
+    ${Tt(n, i)} 50%,
     transparent 100%
   )`;
   return {
@@ -4409,7 +4409,7 @@ const mT = {
   }
 }), { defineMultiStyleConfig: DT, definePartsStyle: Cs } = Ne(Dx.keys), BT = (e) => {
   var n;
-  const t = (n = Tt(Qn.baseStyle, e)) == null ? void 0 : n.control;
+  const t = (n = Ct(Qn.baseStyle, e)) == null ? void 0 : n.control;
   return {
     ...t,
     borderRadius: "full",
@@ -5102,7 +5102,7 @@ const HT = {
     size: "md",
     colorScheme: "gray"
   }
-}), _t = J("tabs-color"), an = J("tabs-bg"), rs = J("tabs-border-color"), { defineMultiStyleConfig: BC, definePartsStyle: xn } = Ne(jx.keys), NC = (e) => {
+}), Ft = J("tabs-color"), an = J("tabs-bg"), rs = J("tabs-border-color"), { defineMultiStyleConfig: BC, definePartsStyle: xn } = Ne(jx.keys), NC = (e) => {
   const { orientation: t } = e;
   return {
     display: t === "vertical" ? "flex" : "block"
@@ -5173,9 +5173,9 @@ const HT = {
       borderColor: "transparent",
       [o]: "-2px",
       _selected: {
-        [_t.variable]: `colors.${t}.600`,
+        [Ft.variable]: `colors.${t}.600`,
         _dark: {
-          [_t.variable]: `colors.${t}.300`
+          [Ft.variable]: `colors.${t}.300`
         },
         borderColor: "currentColor"
       },
@@ -5188,7 +5188,7 @@ const HT = {
       _disabled: {
         _active: { bg: "none" }
       },
-      color: _t.reference,
+      color: Ft.reference,
       bg: an.reference
     }
   };
@@ -5202,16 +5202,16 @@ const HT = {
       mb: "-1px",
       [rs.variable]: "transparent",
       _selected: {
-        [_t.variable]: `colors.${t}.600`,
+        [Ft.variable]: `colors.${t}.600`,
         [rs.variable]: "colors.white",
         _dark: {
-          [_t.variable]: `colors.${t}.300`,
+          [Ft.variable]: `colors.${t}.300`,
           [rs.variable]: "colors.gray.800"
         },
         borderColor: "inherit",
         borderBottomColor: rs.reference
       },
-      color: _t.reference
+      color: Ft.reference
     },
     tablist: {
       mb: "-1px",
@@ -5235,16 +5235,16 @@ const HT = {
       },
       _selected: {
         [an.variable]: "colors.white",
-        [_t.variable]: `colors.${t}.600`,
+        [Ft.variable]: `colors.${t}.600`,
         _dark: {
           [an.variable]: "colors.gray.800",
-          [_t.variable]: `colors.${t}.300`
+          [Ft.variable]: `colors.${t}.300`
         },
         borderColor: "inherit",
         borderTopColor: "currentColor",
         borderBottomColor: "transparent"
       },
-      color: _t.reference,
+      color: Ft.reference,
       bg: an.reference
     },
     tablist: {
@@ -5261,8 +5261,8 @@ const HT = {
       fontWeight: "semibold",
       color: "gray.600",
       _selected: {
-        color: At(n, `${t}.700`),
-        bg: At(n, `${t}.100`)
+        color: Tt(n, `${t}.700`),
+        bg: Tt(n, `${t}.100`)
       }
     }
   };
@@ -5272,19 +5272,19 @@ const HT = {
     tab: {
       borderRadius: "full",
       fontWeight: "semibold",
-      [_t.variable]: "colors.gray.600",
+      [Ft.variable]: "colors.gray.600",
       _dark: {
-        [_t.variable]: "inherit"
+        [Ft.variable]: "inherit"
       },
       _selected: {
-        [_t.variable]: "colors.white",
+        [Ft.variable]: "colors.white",
         [an.variable]: `colors.${t}.600`,
         _dark: {
-          [_t.variable]: "colors.gray.800",
+          [Ft.variable]: "colors.gray.800",
           [an.variable]: `colors.${t}.300`
         }
       },
-      color: _t.reference,
+      color: Ft.reference,
       bg: an.reference
     }
   };
@@ -5866,7 +5866,7 @@ function os(e, t) {
 function VE(e, t) {
   return e.map(t).join("");
 }
-var dc = 1, Da = 1, Pg = 0, Ft = 0, tt = 0, Ua = "";
+var dc = 1, Da = 1, Pg = 0, Mt = 0, tt = 0, Ua = "";
 function fc(e, t, n, r, a, o, i) {
   return { value: e, root: t, parent: n, type: r, props: a, children: o, line: dc, column: Da, length: i, return: "" };
 }
@@ -5877,16 +5877,16 @@ function jE() {
   return tt;
 }
 function UE() {
-  return tt = Ft > 0 ? ft(Ua, --Ft) : 0, Da--, tt === 10 && (Da = 1, dc--), tt;
+  return tt = Mt > 0 ? ft(Ua, --Mt) : 0, Da--, tt === 10 && (Da = 1, dc--), tt;
 }
 function Nt() {
-  return tt = Ft < Pg ? ft(Ua, Ft++) : 0, Da++, tt === 10 && (Da = 1, dc++), tt;
+  return tt = Mt < Pg ? ft(Ua, Mt++) : 0, Da++, tt === 10 && (Da = 1, dc++), tt;
 }
 function wn() {
-  return ft(Ua, Ft);
+  return ft(Ua, Mt);
 }
 function Fs() {
-  return Ft;
+  return Mt;
 }
 function si(e, t) {
   return Uo(Ua, e, t);
@@ -5924,13 +5924,13 @@ function Go(e) {
   return 0;
 }
 function kg(e) {
-  return dc = Da = 1, Pg = mn(Ua = e), Ft = 0, [];
+  return dc = Da = 1, Pg = mn(Ua = e), Mt = 0, [];
 }
 function $g(e) {
   return Ua = "", e;
 }
 function Ms(e) {
-  return Eg(si(Ft - 1, fu(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+  return Eg(si(Mt - 1, fu(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function GE(e) {
   for (; (tt = wn()) && tt < 33; )
@@ -5946,7 +5946,7 @@ function fu(e) {
   for (; Nt(); )
     switch (tt) {
       case e:
-        return Ft;
+        return Mt;
       case 34:
       case 39:
         e !== 34 && e !== 39 && fu(tt);
@@ -5958,18 +5958,18 @@ function fu(e) {
         Nt();
         break;
     }
-  return Ft;
+  return Mt;
 }
 function HE(e, t) {
   for (; Nt() && e + tt !== 47 + 10; )
     if (e + tt === 42 + 42 && wn() === 47)
       break;
-  return "/*" + si(t, Ft - 1) + "*" + uc(e === 47 ? e : Nt());
+  return "/*" + si(t, Mt - 1) + "*" + uc(e === 47 ? e : Nt());
 }
 function KE(e) {
   for (; !Go(wn()); )
     Nt();
-  return si(e, Ft);
+  return si(e, Mt);
 }
 function ZE(e) {
   return $g(Rs("", null, null, null, [""], e = kg(e), 0, [0], e));
@@ -6121,13 +6121,13 @@ var Xf = function(t) {
 }, QE = function(t, n, r) {
   for (var a = 0, o = 0; a = o, o = wn(), a === 38 && o === 12 && (n[r] = 1), !Go(o); )
     Nt();
-  return si(t, Ft);
+  return si(t, Mt);
 }, eP = function(t, n) {
   var r = -1, a = 44;
   do
     switch (Go(a)) {
       case 0:
-        a === 38 && wn() === 12 && (n[r] = 1), t[r] += QE(Ft - 1, n, r);
+        a === 38 && wn() === 12 && (n[r] = 1), t[r] += QE(Mt - 1, n, r);
         break;
       case 2:
         t[r] += Ms(a);
@@ -8473,7 +8473,7 @@ const gu = {
   test: Md("hsl", "hue"),
   parse: wy("hue", "saturation", "lightness"),
   transform: ({ hue: e, saturation: t, lightness: n, alpha: r = 1 }) => "hsla(" + Math.round(e) + ", " + An.transform(Oo(t)) + ", " + An.transform(Oo(n)) + ", " + Oo(Ro.transform(r)) + ")"
-}, wt = {
+}, At = {
   test: (e) => Tr.test(e) || gu.test(e) || ba.test(e),
   parse: (e) => Tr.test(e) ? Tr.parse(e) : ba.test(e) ? ba.parse(e) : gu.parse(e),
   transform: (e) => ui(e) ? e : e.hasOwnProperty("red") ? Tr.transform(e) : ba.transform(e)
@@ -8524,7 +8524,7 @@ const Ty = {
   regex: Yg,
   countKey: "Colors",
   token: "${c}",
-  parse: wt.parse
+  parse: At.parse
 }, Ey = {
   regex: Sc,
   countKey: "Numbers",
@@ -8554,7 +8554,7 @@ function ky(e) {
   return (i) => {
     let s = a;
     for (let c = 0; c < o; c++)
-      c < r ? s = s.replace(Ty.token, i[c]) : c < r + n ? s = s.replace(Cy.token, wt.transform(i[c])) : s = s.replace(Ey.token, Oo(i[c]));
+      c < r ? s = s.replace(Ty.token, i[c]) : c < r + n ? s = s.replace(Cy.token, At.transform(i[c])) : s = s.replace(Ey.token, Oo(i[c]));
     return s;
   };
 }
@@ -8570,7 +8570,7 @@ const ir = {
   getAnimatableNone: u2
 }, $y = (e, t) => (n) => `${n > 0 ? t : e}`;
 function _y(e, t) {
-  return typeof e == "number" ? (n) => We(e, t, n) : wt.test(e) ? Ay(e, t) : e.startsWith("var(") ? $y(e, t) : My(e, t);
+  return typeof e == "number" ? (n) => We(e, t, n) : At.test(e) ? Ay(e, t) : e.startsWith("var(") ? $y(e, t) : My(e, t);
 }
 const Fy = (e, t) => {
   const n = [...e], r = n.length, a = e.map((o, i) => _y(o, t[i]));
@@ -8596,7 +8596,7 @@ const Fy = (e, t) => {
   return r === 0 ? 1 : (n - e) / r;
 }, vh = (e, t) => (n) => We(e, t, n);
 function f2(e) {
-  return typeof e == "number" ? vh : typeof e == "string" ? wt.test(e) ? Ay : My : Array.isArray(e) ? Fy : typeof e == "object" ? d2 : vh;
+  return typeof e == "number" ? vh : typeof e == "string" ? At.test(e) ? Ay : My : Array.isArray(e) ? Fy : typeof e == "object" ? d2 : vh;
 }
 function h2(e, t, n) {
   const r = [], a = n || f2(e[0]), o = e.length - 1;
@@ -9088,17 +9088,17 @@ const G2 = /([a-z-]*)\(.*?\)/g, vu = {
 }, W2 = {
   ...Xg,
   // Color props
-  color: wt,
-  backgroundColor: wt,
-  outlineColor: wt,
-  fill: wt,
-  stroke: wt,
+  color: At,
+  backgroundColor: At,
+  outlineColor: At,
+  fill: At,
+  stroke: At,
   // Border props
-  borderColor: wt,
-  borderTopColor: wt,
-  borderRightColor: wt,
-  borderBottomColor: wt,
-  borderLeftColor: wt,
+  borderColor: At,
+  borderTopColor: At,
+  borderRightColor: At,
+  borderBottomColor: At,
+  borderLeftColor: At,
   filter: vu,
   WebkitFilter: vu
 }, Rd = (e) => W2[e];
@@ -9416,7 +9416,7 @@ function Dr(e, t) {
 const zy = (e) => (t) => t.test(e), J2 = {
   test: (e) => e === "auto",
   parse: (e) => e
-}, Vy = [Vr, ne, An, Jn, sk, ik, J2], fo = (e) => Vy.find(zy(e)), Q2 = [...Vy, wt, ir], e$ = (e) => Q2.find(zy(e));
+}, Vy = [Vr, ne, An, Jn, sk, ik, J2], fo = (e) => Vy.find(zy(e)), Q2 = [...Vy, At, ir], e$ = (e) => Q2.find(zy(e));
 function t$(e, t, n) {
   e.hasValue(t) ? e.getValue(t).set(n) : e.addValue(t, Dr(n));
 }
@@ -13817,7 +13817,7 @@ var _b = Hd({}, function(e) {
   var r, a = R.useState(), o = a[0], i = a[1], s = R.useRef(), c = R.useRef(!1), l = R.useRef(null), d = R.useState({}), u = d[1], f = t.children, h = t.disabled, p = h === void 0 ? !1 : h, m = t.noFocusGuards, y = m === void 0 ? !1 : m, x = t.persistentFocus, b = x === void 0 ? !1 : x, w = t.crossFrame, k = w === void 0 ? !0 : w, E = t.autoFocus, F = E === void 0 ? !0 : E, $ = t.allowTextSelection, N = t.group, D = t.className, oe = t.whiteList, Y = t.hasPositiveIndices, ie = t.shards, de = ie === void 0 ? CM : ie, ae = t.as, le = ae === void 0 ? "div" : ae, q = t.lockProps, me = q === void 0 ? {} : q, Oe = t.sideCar, Se = t.returnFocus, M = Se === void 0 ? !1 : Se, _ = t.focusOptions, K = t.onActivation, O = t.onDeactivation, U = R.useState({}), te = U[0], G = R.useCallback(function(ht) {
     var vt = ht.captureFocusRestore;
     if (!l.current) {
-      var Ct, pt = (Ct = document) == null ? void 0 : Ct.activeElement;
+      var Et, pt = (Et = document) == null ? void 0 : Et.activeElement;
       l.current = pt, pt !== document.body && (l.current = vt(pt));
     }
     s.current && K && K(s.current), c.current = !0, u();
@@ -13826,12 +13826,12 @@ var _b = Hd({}, function(e) {
   }, [O]), re = R.useCallback(function(ht) {
     var vt = l.current;
     if (vt) {
-      var Ct = (typeof vt == "function" ? vt() : vt) || document.body, pt = typeof M == "function" ? M(Ct) : M;
+      var Et = (typeof vt == "function" ? vt() : vt) || document.body, pt = typeof M == "function" ? M(Et) : M;
       if (pt) {
         var mt = typeof pt == "object" ? pt : void 0;
         l.current = null, ht ? Promise.resolve().then(function() {
-          return Ct.focus(mt);
-        }) : Ct.focus(mt);
+          return Et.focus(mt);
+        }) : Et.focus(mt);
       }
     }
   }, [M]), se = R.useCallback(function(ht) {
@@ -17658,11 +17658,11 @@ function H5(e) {
       he === "checkbox" ? Ie === void 0 ? ue.checked = !!Z : (ue.checked = !!(Array.isArray(Z) && ~Z.indexOf(Ie)), ue.value = Ie) : he === "radio" ? (ue.checked = Z === Ie, ue.value = Ie) : St === "select" && Un && (ue.value = ue.value || [], ue.multiple = !0);
     }
     return ue;
-  }, [Q, U, F.values]), Ct = ut(function() {
+  }, [Q, U, F.values]), Et = ut(function() {
     return !xr(h.current, F.values);
   }, [h.current, F.values]), pt = ut(function() {
-    return typeof s < "u" ? Ct ? F.errors && Object.keys(F.errors).length === 0 : s !== !1 && nn(s) ? s(f) : s : F.errors && Object.keys(F.errors).length === 0;
-  }, [s, Ct, F.errors, f]), mt = st({}, F, {
+    return typeof s < "u" ? Et ? F.errors && Object.keys(F.errors).length === 0 : s !== !1 && nn(s) ? s(f) : s : F.errors && Object.keys(F.errors).length === 0;
+  }, [s, Et, F.errors, f]), mt = st({}, F, {
     initialValues: h.current,
     initialErrors: p.current,
     initialTouched: m.current,
@@ -17685,7 +17685,7 @@ function H5(e) {
     validateForm: de,
     validateField: le,
     isValid: pt,
-    dirty: Ct,
+    dirty: Et,
     unregisterField: me,
     registerField: q,
     getFieldProps: vt,
@@ -18004,7 +18004,7 @@ g0 = Symbol.toStringTag;
 class _m {
   constructor(t, n, r, a) {
     this.name = void 0, this.message = void 0, this.value = void 0, this.path = void 0, this.type = void 0, this.params = void 0, this.errors = void 0, this.inner = void 0, this[g0] = "Error", this.name = "ValidationError", this.value = n, this.path = r, this.type = a, this.errors = [], this.inner = [], m0(t).forEach((o) => {
-      if ($t.isError(o)) {
+      if (_t.isError(o)) {
         this.errors.push(...o.errors);
         const i = o.inner.length ? o.inner : [o];
         this.inner.push(...i);
@@ -18015,7 +18015,7 @@ class _m {
 }
 y0 = Symbol.hasInstance;
 b0 = Symbol.toStringTag;
-class $t extends Error {
+class _t extends Error {
   static formatError(t, n) {
     const r = n.label || n.path || "this";
     return r !== n.path && (n = Object.assign({}, n, {
@@ -18029,7 +18029,7 @@ class $t extends Error {
     const i = new _m(t, n, r, a);
     if (o)
       return i;
-    super(), this.value = void 0, this.path = void 0, this.type = void 0, this.params = void 0, this.errors = [], this.inner = [], this[b0] = "Error", this.name = i.name, this.message = i.message, this.type = i.type, this.value = i.value, this.path = i.path, this.errors = i.errors, this.inner = i.inner, Error.captureStackTrace && Error.captureStackTrace(this, $t);
+    super(), this.value = void 0, this.path = void 0, this.type = void 0, this.params = void 0, this.errors = [], this.inner = [], this[b0] = "Error", this.name = i.name, this.message = i.message, this.type = i.type, this.value = i.value, this.path = i.path, this.errors = i.errors, this.inner = i.inner, Error.captureStackTrace && Error.captureStackTrace(this, _t);
   }
   static [y0](t) {
     return _m[Symbol.hasInstance](t) || super[Symbol.hasInstance](t);
@@ -18051,7 +18051,7 @@ let pn = {
     const a = r != null && r !== n ? ` (cast from the value \`${ar(r, !0)}\`).` : ".";
     return t !== "mixed" ? `${e} must be a \`${t}\` type, but the final value was: \`${ar(n, !0)}\`` + a : `${e} must match the configured type. The validated value was: \`${ar(n, !0)}\`` + a;
   }
-}, Et = {
+}, Pt = {
   length: "${path} must be exactly ${length} characters",
   min: "${path} must be at least ${min} characters",
   max: "${path} must be at most ${max} characters",
@@ -18097,12 +18097,12 @@ let pn = {
       if (n.length > a)
         return `${t} tuple value has too many items, expected a length of ${a} but got ${n.length} for value: \`${ar(n, !0)}\``;
     }
-    return $t.formatError(pn.notType, e);
+    return _t.formatError(pn.notType, e);
   }
 };
 Object.assign(/* @__PURE__ */ Object.create(null), {
   mixed: pn,
-  string: Et,
+  string: Pt,
   number: _L,
   date: qu,
   object: Yu,
@@ -18223,7 +18223,7 @@ function ua(e) {
       }, u, Y.params);
       for (const ae of Object.keys(ie))
         ie[ae] = b(ie[ae]);
-      const de = new $t($t.formatError(Y.message || f, ie), n, ie.path, Y.type || l, ie.disableStackTrace);
+      const de = new _t(_t.formatError(Y.message || f, ie), n, ie.path, Y.type || l, ie.disableStackTrace);
       return de.params = ie, de;
     }
     const k = y ? s : c;
@@ -18239,9 +18239,9 @@ function ua(e) {
       schema: i
     };
     const F = (Y) => {
-      $t.isError(Y) ? k(Y) : Y ? c(null) : k(w());
+      _t.isError(Y) ? k(Y) : Y ? c(null) : k(w());
     }, $ = (Y) => {
-      $t.isError(Y) ? k(Y) : s(Y);
+      _t.isError(Y) ? k(Y) : s(Y);
     };
     if (h && Er(n))
       return F(!0);
@@ -18542,9 +18542,9 @@ attempted value: ${i}
       value: t
     })), o = (r = n == null ? void 0 : n.disableStackTrace) != null ? r : a.spec.disableStackTrace;
     return new Promise((i, s) => a._validate(t, n, (c, l) => {
-      $t.isError(c) && (c.value = l), s(c);
+      _t.isError(c) && (c.value = l), s(c);
     }, (c, l) => {
-      c.length ? s(new $t(c, l, void 0, void 0, o)) : i(l);
+      c.length ? s(new _t(c, l, void 0, void 0, o)) : i(l);
     }));
   }
   validateSync(t, n) {
@@ -18555,16 +18555,16 @@ attempted value: ${i}
     return a._validate(t, Object.assign({}, n, {
       sync: !0
     }), (s, c) => {
-      throw $t.isError(s) && (s.value = c), s;
+      throw _t.isError(s) && (s.value = c), s;
     }, (s, c) => {
       if (s.length)
-        throw new $t(s, t, void 0, void 0, i);
+        throw new _t(s, t, void 0, void 0, i);
       o = c;
     }), o;
   }
   isValid(t, n) {
     return this.validate(t, n).then(() => !0, (r) => {
-      if ($t.isError(r))
+      if (_t.isError(r))
         return !1;
       throw r;
     });
@@ -18573,7 +18573,7 @@ attempted value: ${i}
     try {
       return this.validateSync(t, n), !0;
     } catch (r) {
-      if ($t.isError(r))
+      if (_t.isError(r))
         return !1;
       throw r;
     }
@@ -18851,7 +18851,7 @@ class v0 extends Cn {
   notRequired() {
     return super.notRequired().withMutation((t) => (t.tests = t.tests.filter((n) => n.OPTIONS.name !== "required"), t));
   }
-  length(t, n = Et.length) {
+  length(t, n = Pt.length) {
     return this.test({
       message: n,
       name: "length",
@@ -18865,7 +18865,7 @@ class v0 extends Cn {
       }
     });
   }
-  min(t, n = Et.min) {
+  min(t, n = Pt.min) {
     return this.test({
       message: n,
       name: "min",
@@ -18879,7 +18879,7 @@ class v0 extends Cn {
       }
     });
   }
-  max(t, n = Et.max) {
+  max(t, n = Pt.max) {
     return this.test({
       name: "max",
       exclusive: !0,
@@ -18901,7 +18901,7 @@ class v0 extends Cn {
       name: o
     } = n : a = n), this.test({
       name: o || "matches",
-      message: a || Et.matches,
+      message: a || Pt.matches,
       params: {
         regex: t
       },
@@ -18909,21 +18909,21 @@ class v0 extends Cn {
       test: (i) => i === "" && r || i.search(t) !== -1
     });
   }
-  email(t = Et.email) {
+  email(t = Pt.email) {
     return this.matches(BL, {
       name: "email",
       message: t,
       excludeEmptyString: !0
     });
   }
-  url(t = Et.url) {
+  url(t = Pt.url) {
     return this.matches(NL, {
       name: "url",
       message: t,
       excludeEmptyString: !0
     });
   }
-  uuid(t = Et.uuid) {
+  uuid(t = Pt.uuid) {
     return this.matches(LL, {
       name: "uuid",
       message: t,
@@ -18938,11 +18938,11 @@ class v0 extends Cn {
       precision: a = void 0
     } = t : n = t), this.matches(UL, {
       name: "datetime",
-      message: n || Et.datetime,
+      message: n || Pt.datetime,
       excludeEmptyString: !0
     }).test({
       name: "datetime_offset",
-      message: n || Et.datetime_offset,
+      message: n || Pt.datetime_offset,
       params: {
         allowOffset: r
       },
@@ -18955,7 +18955,7 @@ class v0 extends Cn {
       }
     }).test({
       name: "datetime_precision",
-      message: n || Et.datetime_precision,
+      message: n || Pt.datetime_precision,
       params: {
         precision: a
       },
@@ -18972,14 +18972,14 @@ class v0 extends Cn {
   ensure() {
     return this.default("").transform((t) => t === null ? "" : t);
   }
-  trim(t = Et.trim) {
+  trim(t = Pt.trim) {
     return this.transform((n) => n != null ? n.trim() : n).test({
       message: t,
       name: "trim",
       test: GL
     });
   }
-  lowercase(t = Et.lowercase) {
+  lowercase(t = Pt.lowercase) {
     return this.transform((n) => Er(n) ? n : n.toLowerCase()).test({
       message: t,
       name: "string_case",
@@ -18988,7 +18988,7 @@ class v0 extends Cn {
       test: (n) => Er(n) || n === n.toLowerCase()
     });
   }
-  uppercase(t = Et.uppercase) {
+  uppercase(t = Pt.uppercase) {
     return this.transform((n) => Er(n) ? n : n.toUpperCase()).test({
       message: t,
       name: "string_case",
@@ -21092,7 +21092,7 @@ const Rm = /* @__PURE__ */ new Map([
           address_line1: N,
           address_zip: k
         }), _.error)
-          x(!1), Pt((me = _ == null ? void 0 : _.error) == null ? void 0 : me.message, kt.error);
+          x(!1), kt((me = _ == null ? void 0 : _.error) == null ? void 0 : me.message, $t.error);
         else {
           const K = {
             amount: t,
@@ -21118,7 +21118,7 @@ const Rm = /* @__PURE__ */ new Map([
             },
             onError: (O) => {
               var U;
-              x(!1), Pt((U = O == null ? void 0 : O.raw) == null ? void 0 : U.message, kt.error);
+              x(!1), kt((U = O == null ? void 0 : O.raw) == null ? void 0 : U.message, $t.error);
             }
           });
         }
@@ -25724,9 +25724,9 @@ const az = "Payment Completed", oz = ({
               reference: b
             });
           } catch (F) {
-            x.complete("fail"), Pt(
+            x.complete("fail"), kt(
               (F == null ? void 0 : F.message) ?? "We couldn't initialize your payment",
-              kt.error
+              $t.error
             );
             return;
           }
@@ -25748,16 +25748,16 @@ const az = "Payment Completed", oz = ({
             { handleActions: !1 }
           );
           if (E)
-            x.complete("fail"), Pt(
+            x.complete("fail"), kt(
               (E == null ? void 0 : E.message) ?? "We couldn't process your payment",
-              kt.error
+              $t.error
             );
           else {
             if (x.complete("success"), k.status === "requires_action") {
               const { error: F } = await c.confirmCardPayment(w);
-              F ? Pt(
+              F ? kt(
                 "Payment failed, please add a new payment method",
-                kt.error
+                $t.error
               ) : (m(!0), setTimeout(() => {
                 o({
                   fullname: r.values.fullname,
@@ -25768,7 +25768,7 @@ const az = "Payment Completed", oz = ({
                 });
               }, 3e3));
             }
-            Pt("Payment was successful", kt.success), m(!0), setTimeout(() => {
+            kt("Payment was successful", $t.success), m(!0), setTimeout(() => {
               o({
                 fullname: r.values.fullname,
                 email: r.values.email,
@@ -25891,7 +25891,7 @@ const Jl = [
     pe(() => {
       O(f);
     }, [f]);
-    const vt = oF(0, { damping: 130, stiffness: 500 }), [Ct] = Ac("(max-width: 767px)");
+    const vt = oF(0, { damping: 130, stiffness: 500 }), [Et] = Ac("(max-width: 767px)");
     ai(() => {
       vt.onChange((L) => {
         window.scrollTo(0, L);
@@ -25952,7 +25952,8 @@ const Jl = [
             fullname: L.fullname,
             email: L.email,
             reference: g,
-            amount: 0
+            amount: 0,
+            metadata: wt
           });
           return;
         }
@@ -25962,7 +25963,7 @@ const Jl = [
             reference: g,
             currency: u,
             metadata: {
-              ...Mt,
+              ...wt,
               reference: g
             }
           },
@@ -25973,7 +25974,7 @@ const Jl = [
                   amount: en,
                   currency: u,
                   metadata: {
-                    ...Mt,
+                    ...wt,
                     reference: g
                   },
                   callback_url: b
@@ -25994,9 +25995,9 @@ const Jl = [
             },
             onError: (v) => {
               var C;
-              Qe(!1), Pt(
+              Qe(!1), kt(
                 ((C = v == null ? void 0 : v.response) == null ? void 0 : C.data) ?? "Error loading payment gateway",
-                kt.error
+                $t.error
               );
             }
           }
@@ -26038,7 +26039,7 @@ const Jl = [
       (Number((eo = ee == null ? void 0 : ee.payload) == null ? void 0 : eo.dollar_transaction_fee) + Number(Qt ? qa : 0)).toFixed(2)
     ).toString(), Lc = parseFloat(
       (Number(xt) + Number(Qt ? kn : 0)).toFixed(2)
-    ).toString(), Mt = {
+    ).toString(), wt = {
       ...e.metadata,
       phone_number: (Bi = V.values) == null ? void 0 : Bi.phone,
       reference: M,
@@ -26069,7 +26070,7 @@ const Jl = [
     }, { refetch: zc, isLoading: Vc } = dI(
       {
         discount_code: nt,
-        product_id: Mt == null ? void 0 : Mt.product_id,
+        product_id: wt == null ? void 0 : wt.product_id,
         account_id: m,
         currency: u,
         store_id: $
@@ -26085,15 +26086,15 @@ const Jl = [
             type: (Qe = C == null ? void 0 : C.data) == null ? void 0 : Qe.discount_type,
             value: (g = C == null ? void 0 : C.data) == null ? void 0 : g.discount_value,
             isFullDiscount: ((v = C == null ? void 0 : C.data) == null ? void 0 : v.amount_to_pay) === 0
-          }), Pt("Discount has been applied", kt.success)) : Pt(`${C == null ? void 0 : C.error}`, kt.error);
+          }), kt("Discount has been applied", $t.success)) : kt(`${C == null ? void 0 : C.error}`, $t.error);
         } catch (C) {
-          Pt(
+          kt(
             `${C ?? (C == null ? void 0 : C.message) ?? "An Error occured applying discount code"}`,
-            kt.error
+            $t.error
           );
         }
       else
-        Pt('"Kindly add a discount code"', kt.info);
+        kt('"Kindly add a discount code"', $t.info);
     }, Kn = () => {
       Jt(""), ht({
         amount: 0,
@@ -26131,7 +26132,8 @@ const Jl = [
             fullname: V.values.fullname,
             email: V.values.email,
             reference: L,
-            amount: 0
+            amount: 0,
+            metadata: wt
           });
           return;
         }
@@ -26141,18 +26143,18 @@ const Jl = [
             reference: L,
             currency: u,
             metadata: {
-              ...Mt,
+              ...wt,
               reference: L
             }
           },
           {
             onSuccess() {
               var g;
-              se(!0), Q(!G), (le || Ct) && (mt != null && mt.current) && pt((g = mt == null ? void 0 : mt.current) == null ? void 0 : g.offsetTop);
+              se(!0), Q(!G), (le || Et) && (mt != null && mt.current) && pt((g = mt == null ? void 0 : mt.current) == null ? void 0 : g.offsetTop);
             },
             onError(g) {
               var v;
-              Pt((v = g == null ? void 0 : g.response) == null ? void 0 : v.data, kt.error);
+              kt((v = g == null ? void 0 : g.response) == null ? void 0 : v.data, $t.error);
             }
           }
         );
@@ -26176,9 +26178,9 @@ const Jl = [
           email: V.values.email,
           reference: W == null ? void 0 : W.reference,
           ...L.data
-        }) : Pt(`${L == null ? void 0 : L.error}`, kt.error);
+        }) : kt(`${L == null ? void 0 : L.error}`, $t.error);
       } catch {
-        Pt("Failed to complete transaction", kt.error), V.setSubmitting(!1);
+        kt("Failed to complete transaction", $t.error), V.setSubmitting(!1);
       }
     }, _n = Ee(null), Xa = (ta = _n == null ? void 0 : _n.current) == null ? void 0 : ta.offsetWidth, Zc = (L) => L > 0 ? u === fn.NGN ? `+ ${u} ${L}` : `+ ${L * 100} cents` : "";
     return /* @__PURE__ */ S(rn, { children: /* @__PURE__ */ H(
@@ -26302,7 +26304,7 @@ const Jl = [
                   children: /* @__PURE__ */ S(
                     cz,
                     {
-                      metadata: Mt,
+                      metadata: wt,
                       currency: u,
                       stripeCountry: Jl.indexOf(u) > -1 ? "GB" : "US",
                       amount: en,
@@ -26370,7 +26372,7 @@ const Jl = [
                     ez,
                     {
                       metadata: {
-                        ...Mt,
+                        ...wt,
                         reference: M
                       },
                       currency: u,
@@ -26467,7 +26469,7 @@ const Jl = [
                         borderRadius: "12px",
                         textAlign: "center",
                         children: [
-                          /* @__PURE__ */ S(Ye, { fontSize: ".875rem", lineHeight: "22px", children: t ?? (Mt == null ? void 0 : Mt.productName) }),
+                          /* @__PURE__ */ S(Ye, { fontSize: ".875rem", lineHeight: "22px", children: t ?? (wt == null ? void 0 : wt.productName) }),
                           /* @__PURE__ */ H(
                             La,
                             {

package/package.json

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