mainstack-payments 0.4.3 → 0.4.4

package/build/mainstack-payments.js

@@ -1,7 +1,7 @@
 import { jsx as S, jsxs as W, Fragment as dn } from "react/jsx-runtime";
-import { Colors as Yt, CancelFilledIcon as au, Input as Ta, CountrySelect as G0, Button as pn, LockIcon as W0, customSnackbar as At, SnackbarType as Tt, GooglePayIcon as H0, PhoneNumberInput as K0, InfoIcon as rc, Paragraph as Y0, NotificationsFilledIcon as Ff, ClickTooltip as Mf, CloseIcon as q0, Loader as Z0, MainstackProvider as X0, CustomSnackbarContainer as J0 } from "mainstack-design-system";
+import { Colors as qt, CancelFilledIcon as au, Input as Ta, CountrySelect as G0, Button as pn, LockIcon as W0, customSnackbar as At, SnackbarType as Tt, GooglePayIcon as H0, PhoneNumberInput as K0, InfoIcon as rc, Paragraph as Y0, NotificationsFilledIcon as Ff, ClickTooltip as Mf, CloseIcon as q0, Loader as Z0, MainstackProvider as X0, CustomSnackbarContainer as J0 } from "mainstack-design-system";
 import * as R from "react";
-import xe, { forwardRef as on, useContext as Ve, createContext as Xt, useLayoutEffect as ni, useEffect as he, useState as ie, useRef as Te, useMemo as rt, useCallback as ue, useReducer as Q0, useInsertionEffect as nd, createElement as Sg, useId as Wa, cloneElement as eS, Children as tS, isValidElement as xg, memo as nS, useSyncExternalStore as rS, PureComponent as aS, useImperativeHandle as oS } from "react";
+import xe, { forwardRef as on, useContext as Ve, createContext as Jt, useLayoutEffect as ni, useEffect as he, useState as ie, useRef as Te, useMemo as rt, useCallback as ue, useReducer as Q0, useInsertionEffect as nd, createElement as Sg, useId as Wa, cloneElement as eS, Children as tS, isValidElement as xg, memo as nS, useSyncExternalStore as rS, PureComponent as aS, useImperativeHandle as oS } from "react";
 import { createPortal as wg } from "react-dom";
 import iS from "axios";
 function sS(e) {
@@ -1702,7 +1702,7 @@ function xn(e = {}) {
     providerName: a = "Provider",
     errorMessage: o,
     defaultValue: i
-  } = e, s = Xt(i);
+  } = e, s = Jt(i);
   s.displayName = t;
   function l() {
     var c;
@@ -1807,7 +1807,7 @@ function zg() {
     );
   return e;
 }
-var pd = Xt({});
+var pd = Jt({});
 pd.displayName = "ColorModeContext";
 function hd() {
   const e = Ve(pd);
@@ -2953,7 +2953,7 @@ var Gg = {
   outline: { transform: ye.outline },
   outlineOffset: !0,
   outlineColor: x.colors("outlineColor")
-}, Ht = {
+}, Kt = {
   width: x.sizesT("width"),
   inlineSize: x.sizesT("inlineSize"),
   height: x.sizes("height"),
@@ -2998,16 +2998,16 @@ var Gg = {
   visibility: !0,
   isolation: !0
 };
-Object.assign(Ht, {
-  w: Ht.width,
-  h: Ht.height,
-  minW: Ht.minWidth,
-  maxW: Ht.maxWidth,
-  minH: Ht.minHeight,
-  maxH: Ht.maxHeight,
-  overscroll: Ht.overscrollBehavior,
-  overscrollX: Ht.overscrollBehaviorX,
-  overscrollY: Ht.overscrollBehaviorY
+Object.assign(Kt, {
+  w: Kt.width,
+  h: Kt.height,
+  minW: Kt.minWidth,
+  maxW: Kt.maxWidth,
+  minH: Kt.minHeight,
+  maxH: Kt.maxHeight,
+  overscroll: Kt.overscrollBehavior,
+  overscrollX: Kt.overscrollBehaviorX,
+  overscrollY: Kt.overscrollBehaviorY
 });
 var t1 = {
   listStyleType: !0,
@@ -3895,7 +3895,7 @@ var vd = mn(
   we,
   Jx,
   Ks,
-  Ht,
+  Kt,
   Qx,
   l1,
   e1,
@@ -3911,7 +3911,7 @@ var vd = mn(
   t1,
   d1
 );
-Object.assign({}, je, Ht, Ks, Gg, Ao);
+Object.assign({}, je, Kt, Ks, Gg, Ao);
 var N1 = [...Object.keys(vd), ...Yg], B1 = { ...vd, ...yl }, j1 = (e) => e in B1, L1 = (e) => (t) => {
   if (!t.__breakpoints)
     return e;
@@ -6448,7 +6448,7 @@ var { definePartsStyle: Os, defineMultiStyleConfig: IC } = Ne(kw.keys), _o = J("
   body: xt(JA, e),
   footer: QA
 }));
-function Jt(e) {
+function Qt(e) {
   return gu(e === "full" ? {
     dialog: {
       maxW: "100vw",
@@ -6461,17 +6461,17 @@ function Jt(e) {
   });
 }
 var tT = {
-  xs: Jt("xs"),
-  sm: Jt("sm"),
-  md: Jt("md"),
-  lg: Jt("lg"),
-  xl: Jt("xl"),
-  "2xl": Jt("2xl"),
-  "3xl": Jt("3xl"),
-  "4xl": Jt("4xl"),
-  "5xl": Jt("5xl"),
-  "6xl": Jt("6xl"),
-  full: Jt("full")
+  xs: Qt("xs"),
+  sm: Qt("sm"),
+  md: Qt("md"),
+  lg: Qt("lg"),
+  xl: Qt("xl"),
+  "2xl": Qt("2xl"),
+  "3xl": Qt("3xl"),
+  "4xl": Qt("4xl"),
+  "5xl": Qt("5xl"),
+  "6xl": Qt("6xl"),
+  full: Qt("full")
 }, nT = HA({
   baseStyle: eT,
   sizes: tT,
@@ -7924,7 +7924,7 @@ function G_(e = {}) {
     strict: t = !0,
     errorMessage: n = "useContext: `context` is undefined. Seems you forgot to wrap component within the Provider",
     name: r
-  } = e, a = Xt(void 0);
+  } = e, a = Jt(void 0);
   a.displayName = r;
   function o() {
     var i;
@@ -7968,7 +7968,7 @@ function K_() {
     }
   );
 }
-var Cd = Xt({
+var Cd = Jt({
   getDocument() {
     return document;
   },
@@ -8101,11 +8101,11 @@ function Hp(e, t) {
     n.current = !1;
   }), []);
 }
-const xl = Xt({
+const xl = Jt({
   transformPagePoint: (e) => e,
   isStatic: !1,
   reducedMotion: "never"
-}), wl = Xt({}), li = Xt(null), El = typeof document < "u", Cl = El ? ni : he, vv = Xt({ strict: !1 }), Ad = (e) => e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), tP = "framerAppearId", yv = "data-" + Ad(tP);
+}), wl = Jt({}), li = Jt(null), El = typeof document < "u", Cl = El ? ni : he, vv = Jt({ strict: !1 }), Ad = (e) => e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), tP = "framerAppearId", yv = "data-" + Ad(tP);
 function nP(e, t, n, r) {
   const { visualElement: a } = Ve(wl), o = Ve(vv), i = Ve(li), s = Ve(xl).reducedMotion, l = Te();
   r = r || o.renderer, !l.current && r && (l.current = r(e, {
@@ -8212,7 +8212,7 @@ function iP(e) {
       ...e[t]
     };
 }
-const _d = Xt({}), Sv = Xt({}), sP = Symbol.for("motionComponentSymbol");
+const _d = Jt({}), Sv = Jt({}), sP = Symbol.for("motionComponentSymbol");
 function lP({ preloadedFeatures: e, createVisualElement: t, useRender: n, useVisualState: r, Component: a }) {
   e && iP(e);
   function o(s, l) {
@@ -9074,10 +9074,10 @@ function Pl(e, t, n) {
   const r = e.getProps();
   return Id(r, t, n !== void 0 ? n : r.custom, n2(e), r2(e));
 }
-let fi = Ze, Zt = Ze;
+let fi = Ze, Xt = Ze;
 process.env.NODE_ENV !== "production" && (fi = (e, t) => {
   !e && typeof console < "u" && console.warn(t);
-}, Zt = (e, t) => {
+}, Xt = (e, t) => {
   if (!e)
     throw new Error(t);
 });
@@ -9147,11 +9147,11 @@ const u2 = pi(0.42, 0, 1, 1), d2 = pi(0, 0, 0.58, 1), Wv = pi(0.42, 0, 0.58, 1),
   anticipate: m2
 }, rh = (e) => {
   if (Array.isArray(e)) {
-    Zt(e.length === 4, "Cubic bezier arrays must contain four numerical values.");
+    Xt(e.length === 4, "Cubic bezier arrays must contain four numerical values.");
     const [t, n, r, a] = e;
     return pi(t, n, r, a);
   } else if (typeof e == "string")
-    return Zt(nh[e] !== void 0, `Invalid easing type '${e}'`), nh[e];
+    return Xt(nh[e] !== void 0, `Invalid easing type '${e}'`), nh[e];
   return e;
 }, jd = (e, t) => (n) => !!(ui(n) && yP.test(n) && n.startsWith(e) || t && Object.prototype.hasOwnProperty.call(n, t)), Zv = (e, t, n) => (r) => {
   if (!ui(r))
@@ -9218,7 +9218,7 @@ const _c = (e, t, n) => {
 }, b2 = [Su, Cr, ba], S2 = (e) => b2.find((t) => t.test(e));
 function ah(e) {
   const t = S2(e);
-  Zt(!!t, `'${e}' is not an animatable color. Use the equivalent color code instead.`);
+  Xt(!!t, `'${e}' is not an animatable color. Use the equivalent color code instead.`);
   let n = t.parse(e);
   return t === ba && (n = y2(n)), n;
 }
@@ -9327,7 +9327,7 @@ function T2(e, t, n) {
 }
 function sy(e, t, { clamp: n = !0, ease: r, mixer: a } = {}) {
   const o = e.length;
-  if (Zt(o === t.length, "Both input and output ranges must be the same length"), o === 1)
+  if (Xt(o === t.length, "Both input and output ranges must be the same length"), o === 1)
     return () => t[0];
   e[0] > e[o - 1] && (e = [...e].reverse(), t = [...t].reverse());
   const i = T2(t, r, a), s = i.length, l = (c) => {
@@ -9556,7 +9556,7 @@ function qo({ autoplay: e = !0, delay: t = 0, driver: n = z2, keyframes: r, type
   let w;
   const E = V2[a] || nl;
   let _;
-  E !== nl && typeof r[0] != "number" && (process.env.NODE_ENV !== "production" && Zt(r.length === 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${r}`), _ = sy([0, 100], r, {
+  E !== nl && typeof r[0] != "number" && (process.env.NODE_ENV !== "production" && Xt(r.length === 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${r}`), _ = sy([0, 100], r, {
     clamp: !1
   }), r = [0, 100]);
   const C = E({ ...f, keyframes: r });
@@ -10581,7 +10581,7 @@ const xh = () => ({
   x: wh(),
   y: wh()
 });
-function Kt(e) {
+function Yt(e) {
   return [e("x"), e("y")];
 }
 function by({ top: e, left: t, right: n, bottom: r }) {
@@ -10685,7 +10685,7 @@ class X$ {
       const { drag: f, dragPropagation: p, onDragStart: m } = this.getProps();
       if (f && !p && (this.openGlobalLock && this.openGlobalLock(), this.openGlobalLock = Dv(f), !this.openGlobalLock))
         return;
-      this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), Kt((v) => {
+      this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), Yt((v) => {
         let y = this.getAxisMotionValue(v).get() || 0;
         if (yn.test(y)) {
           const { projection: w } = this.visualElement;
@@ -10708,7 +10708,7 @@ class X$ {
         return;
       }
       this.updateAxis("x", d.point, v), this.updateAxis("y", d.point, v), this.visualElement.render(), h && h(u, d);
-    }, s = (u, d) => this.stop(u, d), l = () => Kt((u) => {
+    }, s = (u, d) => this.stop(u, d), l = () => Yt((u) => {
       var d;
       return this.getAnimationState(u) === "paused" && ((d = this.getAxisMotionValue(u).animation) === null || d === void 0 ? void 0 : d.play());
     }), { dragSnapToOrigin: c } = this.getProps();
@@ -10751,7 +10751,7 @@ class X$ {
   resolveConstraints() {
     var t;
     const { dragConstraints: n, dragElastic: r } = this.getProps(), a = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : (t = this.visualElement.projection) === null || t === void 0 ? void 0 : t.layout, o = this.constraints;
-    n && ya(n) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : n && a ? this.constraints = j$(a.layoutBox, n) : this.constraints = !1, this.elastic = U$(r), o !== this.constraints && a && this.constraints && !this.hasMutatedConstraints && Kt((i) => {
+    n && ya(n) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : n && a ? this.constraints = j$(a.layoutBox, n) : this.constraints = !1, this.elastic = U$(r), o !== this.constraints && a && this.constraints && !this.hasMutatedConstraints && Yt((i) => {
       this.getAxisMotionValue(i) && (this.constraints[i] = V$(a.layoutBox[i], this.constraints[i]));
     });
   }
@@ -10760,7 +10760,7 @@ class X$ {
     if (!t || !ya(t))
       return !1;
     const r = t.current;
-    Zt(r !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.");
+    Xt(r !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.");
     const { projection: a } = this.visualElement;
     if (!a || !a.layout)
       return !1;
@@ -10773,7 +10773,7 @@ class X$ {
     return i;
   }
   startAnimation(t) {
-    const { drag: n, dragMomentum: r, dragElastic: a, dragTransition: o, dragSnapToOrigin: i, onDragTransitionEnd: s } = this.getProps(), l = this.constraints || {}, c = Kt((u) => {
+    const { drag: n, dragMomentum: r, dragElastic: a, dragTransition: o, dragSnapToOrigin: i, onDragTransitionEnd: s } = this.getProps(), l = this.constraints || {}, c = Yt((u) => {
       if (!ps(u, n, this.currentDirection))
         return;
       let d = l && l[u] || {};
@@ -10798,10 +10798,10 @@ class X$ {
     return r.start(Vd(t, r, 0, n));
   }
   stopAnimation() {
-    Kt((t) => this.getAxisMotionValue(t).stop());
+    Yt((t) => this.getAxisMotionValue(t).stop());
   }
   pauseAnimation() {
-    Kt((t) => {
+    Yt((t) => {
       var n;
       return (n = this.getAxisMotionValue(t).animation) === null || n === void 0 ? void 0 : n.pause();
     });
@@ -10821,7 +10821,7 @@ class X$ {
     return a || this.visualElement.getValue(t, (r.initial ? r.initial[t] : void 0) || 0);
   }
   snapToCursor(t) {
-    Kt((n) => {
+    Yt((n) => {
       const { drag: r } = this.getProps();
       if (!ps(n, r, this.currentDirection))
         return;
@@ -10845,7 +10845,7 @@ class X$ {
       return;
     this.stopAnimation();
     const a = { x: 0, y: 0 };
-    Kt((i) => {
+    Yt((i) => {
       const s = this.getAxisMotionValue(i);
       if (s) {
         const l = s.get();
@@ -10853,7 +10853,7 @@ class X$ {
       }
     });
     const { transformTemplate: o } = this.visualElement.getProps();
-    this.visualElement.current.style.transform = o ? o({}, "") : "none", r.root && r.root.updateScroll(), r.updateLayout(), this.resolveConstraints(), Kt((i) => {
+    this.visualElement.current.style.transform = o ? o({}, "") : "none", r.root && r.root.updateScroll(), r.updateLayout(), this.resolveConstraints(), Yt((i) => {
       if (!ps(i, t, null))
         return;
       const s = this.getAxisMotionValue(i), { min: l, max: c } = this.constraints[i];
@@ -10873,7 +10873,7 @@ class X$ {
     }, { projection: a } = this.visualElement, o = a.addEventListener("measure", r);
     a && !a.layout && (a.root && a.root.updateScroll(), a.updateLayout()), r();
     const i = Pn(window, "resize", () => this.scalePositionWithinConstraints()), s = a.addEventListener("didUpdate", ({ delta: l, hasLayoutChanged: c }) => {
-      this.isDragging && c && (Kt((u) => {
+      this.isDragging && c && (Yt((u) => {
         const d = this.getAxisMotionValue(u);
         d && (this.originPoint[u] += l[u].translate, d.set(d.get() + l[u].translate));
       }), this.visualElement.render());
@@ -11669,10 +11669,10 @@ function CF(e) {
   const n = ((t = e.resumeFrom) === null || t === void 0 ? void 0 : t.snapshot) || e.snapshot;
   if (e.isLead() && e.layout && n && e.hasListeners("didUpdate")) {
     const { layoutBox: r, measuredBox: a } = e.layout, { animationType: o } = e.options, i = n.source !== e.layout.source;
-    o === "size" ? Kt((d) => {
+    o === "size" ? Yt((d) => {
       const f = i ? n.measuredBox[d] : n.layoutBox[d], p = Nt(f);
       f.min = r[d].min, f.max = f.min + p;
-    }) : Fy(o, n.layoutBox, r) && Kt((d) => {
+    }) : Fy(o, n.layoutBox, r) && Yt((d) => {
       const f = i ? n.measuredBox[d] : n.layoutBox[d], p = Nt(r[d]);
       f.max = f.min + p, e.relativeTarget && !e.currentAnimation && (e.isProjectionDirty = !0, e.relativeTarget[d].max = e.relativeTarget[d].min + p);
     });
@@ -11811,7 +11811,7 @@ function zF(e) {
 }
 const VF = 4;
 function Pu(e, t, n = 1) {
-  Zt(n <= VF, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`);
+  Xt(n <= VF, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`);
   const [r, a] = zF(e);
   if (!r)
     return;
@@ -11911,7 +11911,7 @@ const qF = (e, t, n) => {
       const m = f.length, h = f[0] === null ? 1 : 0;
       u = f[h], d = co(u);
       for (let v = h; v < m && f[v] !== null; v++)
-        p ? Zt(co(f[v]) === p, "All keyframes must be of the same type") : (p = co(f[v]), Zt(p === d || hs(d) && hs(p), "Keyframes must be of the same dimension as the current value"));
+        p ? Xt(co(f[v]) === p, "All keyframes must be of the same type") : (p = co(f[v]), Xt(p === d || hs(d) && hs(p), "Keyframes must be of the same dimension as the current value"));
     } else
       p = co(f);
     if (d !== p)
@@ -12022,7 +12022,7 @@ class rM {
     let i, s;
     if (process.env.NODE_ENV !== "production" && a && r) {
       const l = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
-      n.ignoreStrict ? fi(!1, l) : Zt(!1, l);
+      n.ignoreStrict ? fi(!1, l) : Xt(!1, l);
     }
     for (let l = 0; l < tM; l++) {
       const c = Iy[l], { isEnabled: u, Feature: d, ProjectionNode: f, MeasureLayout: p } = Ko[c];
@@ -12409,7 +12409,7 @@ function gM(e) {
   }), t;
 }
 const zr = ({ children: e, custom: t, initial: n = !0, onExitComplete: r, exitBeforeEnter: a, presenceAffectsLayout: o = !0, mode: i = "sync" }) => {
-  Zt(!a, "Replace exitBeforeEnter with mode='wait'");
+  Xt(!a, "Replace exitBeforeEnter with mode='wait'");
   const s = Ve(_d).forceRender || uM()[0], l = Ny(), c = gM(e);
   let u = c;
   const d = Te(/* @__PURE__ */ new Map()).current, f = Te(u), p = Te(/* @__PURE__ */ new Map()).current, m = Te(!0);
@@ -14264,7 +14264,7 @@ var ab = Xd({}, function(e) {
 }), ob = Xd(), pR = Xd(), hR = nb({
   async: !0,
   ssr: typeof document < "u"
-}), mR = /* @__PURE__ */ Xt(void 0), gR = [], ib = /* @__PURE__ */ R.forwardRef(function(t, n) {
+}), mR = /* @__PURE__ */ Jt(void 0), gR = [], ib = /* @__PURE__ */ R.forwardRef(function(t, n) {
   var r, a = R.useState(), o = a[0], i = a[1], s = R.useRef(), l = R.useRef(!1), c = R.useRef(null), u = R.useState({}), d = u[1], f = t.children, p = t.disabled, m = p === void 0 ? !1 : p, h = t.noFocusGuards, v = h === void 0 ? !1 : h, y = t.persistentFocus, w = y === void 0 ? !1 : y, E = t.crossFrame, _ = E === void 0 ? !0 : E, C = t.autoFocus, M = C === void 0 ? !0 : C, P = t.allowTextSelection, j = t.group, D = t.className, le = t.whiteList, Q = t.hasPositiveIndices, ce = t.shards, de = ce === void 0 ? gR : ce, Y = t.as, fe = Y === void 0 ? "div" : Y, se = t.lockProps, pe = se === void 0 ? {} : se, me = t.sideCar, Fe = t.returnFocus, $ = Fe === void 0 ? !1 : Fe, F = t.focusOptions, U = t.onActivation, B = t.onDeactivation, K = R.useState({}), ee = K[0], H = R.useCallback(function(st) {
     var Bt = st.captureFocusRestore;
     if (!c.current) {
@@ -17515,7 +17515,7 @@ function M0(e, t) {
     a = r[o], !(t.indexOf(a) >= 0) && (n[a] = e[a]);
   return n;
 }
-var Dl = /* @__PURE__ */ Xt(void 0);
+var Dl = /* @__PURE__ */ Jt(void 0);
 Dl.displayName = "FormikContext";
 var Vj = Dl.Provider;
 Dl.Consumer;
@@ -17523,7 +17523,7 @@ function Uj() {
   var e = Ve(Dl);
   return e || (process.env.NODE_ENV !== "production" ? Ca(!1, "Formik context is undefined, please verify you are calling useFormikContext() as child of a <Formik> component.") : Ca(!1)), e;
 }
-var Qt = function(t) {
+var en = function(t) {
   return typeof t == "function";
 }, Nl = function(t) {
   return t !== null && typeof t == "object";
@@ -17532,7 +17532,7 @@ var Qt = function(t) {
 }, Qc = function(t) {
   return Object.prototype.toString.call(t) === "[object String]";
 }, eu = function(t) {
-  return Nl(t) && Qt(t.then);
+  return Nl(t) && en(t.then);
 };
 function Wj(e) {
   if (e = e || (typeof document < "u" ? document : void 0), typeof e > "u")
@@ -17667,7 +17667,7 @@ function Kj(e) {
       }) : z(ne);
     });
   }, [f.validate]), D = ue(function(k, O) {
-    var z = f.validationSchema, G = Qt(z) ? z(O) : z, ne = O && G.validateAt ? G.validateAt(O, k) : qj(k, G);
+    var z = f.validationSchema, G = en(z) ? z(O) : z, ne = O && G.validateAt ? G.validateAt(O, k) : qj(k, G);
     return new Promise(function(ge, Be) {
       ne.then(function() {
         ge(mr);
@@ -17681,7 +17681,7 @@ function Kj(e) {
     });
   }, []), Q = ue(function(k) {
     var O = Object.keys(w.current).filter(function(G) {
-      return Qt(w.current[G].validate);
+      return en(w.current[G].validate);
     }), z = O.length > 0 ? O.map(function(G) {
       return le(G, Ot(k, G));
     }) : [Promise.resolve("DO_NOT_DELETE_YOU_WILL_BE_FIRED")];
@@ -17756,7 +17756,7 @@ function Kj(e) {
     }));
   }, [c, f.initialStatus, f.initialTouched]);
   var fe = Gt(function(k) {
-    if (w.current[k] && Qt(w.current[k].validate)) {
+    if (w.current[k] && en(w.current[k].validate)) {
       var O = Ot(M.values, k), z = w.current[k].validate(O);
       return eu(z) ? (P({
         type: "SET_ISVALIDATING",
@@ -17820,7 +17820,7 @@ function Kj(e) {
       payload: k
     });
   }, []), $ = Gt(function(k, O) {
-    var z = Qt(k) ? k(M.values) : k;
+    var z = en(k) ? k(M.values) : k;
     P({
       type: "SET_VALUES",
       payload: z
@@ -17888,7 +17888,7 @@ function Kj(e) {
       };
     H(k);
   }), oe = ue(function(k) {
-    Qt(k) ? P({
+    en(k) ? P({
       type: "SET_FORMIK_STATE",
       payload: k
     }) : P({
@@ -17936,7 +17936,7 @@ function Kj(e) {
         throw k;
     });
   }), N = Gt(function(k) {
-    if (k && k.preventDefault && Qt(k.preventDefault) && k.preventDefault(), k && k.stopPropagation && Qt(k.stopPropagation) && k.stopPropagation(), process.env.NODE_ENV !== "production" && typeof document < "u") {
+    if (k && k.preventDefault && en(k.preventDefault) && k.preventDefault(), k && k.stopPropagation && en(k.stopPropagation) && k.stopPropagation(), process.env.NODE_ENV !== "production" && typeof document < "u") {
       var O = Wj();
       O !== null && O instanceof HTMLButtonElement && (O.attributes && O.attributes.getNamedItem("type") || (process.env.NODE_ENV !== "production" ? Ca(!1, 'You submitted a Formik form using a button with an unspecified `type` attribute.  Most browsers default button elements to `type="submit"`. If this is not a submit button, please add `type="button"`.') : Ca(!1)));
     }
@@ -17960,7 +17960,7 @@ function Kj(e) {
   }, $t = Gt(function() {
     return u(M.values, Me);
   }), et = Gt(function(k) {
-    k && k.preventDefault && Qt(k.preventDefault) && k.preventDefault(), k && k.stopPropagation && Qt(k.stopPropagation) && k.stopPropagation(), Y();
+    k && k.preventDefault && en(k.preventDefault) && k.preventDefault(), k && k.stopPropagation && en(k.stopPropagation) && k.stopPropagation(), Y();
   }), In = ue(function(k) {
     return {
       value: Ot(M.values, k),
@@ -17997,7 +17997,7 @@ function Kj(e) {
   }, [te, K, M.values]), wt = rt(function() {
     return !Sr(p.current, M.values);
   }, [p.current, M.values]), qe = rt(function() {
-    return typeof s < "u" ? wt ? M.errors && Object.keys(M.errors).length === 0 : s !== !1 && Qt(s) ? s(f) : s : M.errors && Object.keys(M.errors).length === 0;
+    return typeof s < "u" ? wt ? M.errors && Object.keys(M.errors).length === 0 : s !== !1 && en(s) ? s(f) : s : M.errors && Object.keys(M.errors).length === 0;
   }, [s, wt, M.errors, f]), vt = lt({}, M, {
     initialValues: p.current,
     initialErrors: m.current,
@@ -19669,7 +19669,7 @@ class U0 extends Sn {
   }
 }
 td.prototype = U0.prototype;
-const qt = [
+const Zt = [
   {
     name: "Afghanistan",
     alpha2Code: "AF",
@@ -21457,7 +21457,7 @@ const vg = /* @__PURE__ */ new Map([
                     lineHeight: "120%",
                     fontWeight: 600,
                     letterSpacing: { md: "-0.4px", base: "-0.2px" },
-                    color: !r.values.cardHolderName && !o ? "#888F95" : `${Yt.black300}`,
+                    color: !r.values.cardHolderName && !o ? "#888F95" : `${qt.black300}`,
                     children: "Pay with Card"
                   }
                 ),
@@ -21490,7 +21490,7 @@ const vg = /* @__PURE__ */ new Map([
             cf,
             {
               border: "1px solid",
-              borderColor: Yt.gray50,
+              borderColor: qt.gray50,
               borderRadius: "12px",
               p: "1px",
               gridTemplateColumns: "repeat(2, 1fr)",
@@ -21499,7 +21499,7 @@ const vg = /* @__PURE__ */ new Map([
                   Oa,
                   {
                     borderBottom: "1px solid",
-                    borderColor: Yt.gray50,
+                    borderColor: qt.gray50,
                     colSpan: 2,
                     children: /* @__PURE__ */ S(
                       ut,
@@ -21529,7 +21529,7 @@ const vg = /* @__PURE__ */ new Map([
                     )
                   }
                 ),
-                /* @__PURE__ */ S(Oa, { borderRight: "1px solid", borderColor: Yt.gray50, children: /* @__PURE__ */ S(
+                /* @__PURE__ */ S(Oa, { borderRight: "1px solid", borderColor: qt.gray50, children: /* @__PURE__ */ S(
                   ut,
                   {
                     bg: "#fff",
@@ -21635,11 +21635,11 @@ const vg = /* @__PURE__ */ new Map([
               onChange: (Y) => {
                 var fe, se;
                 j(Y.target.value), r.setFieldValue("zipCode", Y.target.value), de(
-                  (fe = qt == null ? void 0 : qt.find(
+                  (fe = Zt == null ? void 0 : Zt.find(
                     (pe) => pe.name === r.values.country
                   )) != null && fe.alpha2Code ? ez(
                     Y.target.value,
-                    ((se = qt == null ? void 0 : qt.find(
+                    ((se = Zt == null ? void 0 : Zt.find(
                       (pe) => pe.name === r.values.country
                     )) == null ? void 0 : se.alpha2Code) ?? ""
                   ) : !1
@@ -25745,7 +25745,7 @@ const vg = /* @__PURE__ */ new Map([
     )[0]) == null ? void 0 : a.currency.code;
   }
 });
-var en = /* @__PURE__ */ ((e) => (e.GHS = "GHS", e.NGN = "NGN", e.UGX = "UGX", e.USD = "USD", e.GBP = "GBP", e))(en || {});
+var Ht = /* @__PURE__ */ ((e) => (e.GHS = "GHS", e.NGN = "NGN", e.UGX = "UGX", e.USD = "USD", e.GBP = "GBP", e))(Ht || {});
 const oz = "Payment Completed", iz = ({
   src: e,
   isOpen: t,
@@ -25991,14 +25991,15 @@ const oz = "Payment Completed", iz = ({
   formik: r,
   checkForErrors: a,
   onPaymentComplete: o,
-  Request: i
+  Request: i,
+  stripeCountry: s
 }) => {
-  const s = Qb(), l = Xb(), [c, u] = ie(null), [d, f] = ie(null), [p, m] = ie(!1);
+  const l = Qb(), c = Xb(), [u, d] = ie(null), [f, p] = ie(null), [m, h] = ie(!1);
   return ie(""), he(() => {
-    if (s && n > 0) {
-      t.email = r.values.email, t.name = r.values.fullname;
-      const h = s == null ? void 0 : s.paymentRequest({
-        country: "US",
+    if (l && n > 0) {
+      console.log("stripe details:", l), t.email = r.values.email, t.name = r.values.fullname;
+      const v = l == null ? void 0 : l.paymentRequest({
+        country: s,
         currency: e == null ? void 0 : e.toLowerCase(),
         total: {
           label: t == null ? void 0 : t.productName,
@@ -26007,70 +26008,70 @@ const oz = "Payment Completed", iz = ({
         requestPayerName: !0,
         requestPayerEmail: !0
       });
-      h.canMakePayment().then((v) => {
-        v && (u(h), f(v));
-      }), h.on("paymentmethod", async (v) => {
-        const y = Zu();
+      v.canMakePayment().then((y) => {
+        y && (d(v), p(y));
+      }), v.on("paymentmethod", async (y) => {
+        const w = Zu();
         try {
           await i.post("payments/init", {
             amount: n,
             currency: e,
             metadata: {
               ...t,
-              reference: y
+              reference: w
             },
-            reference: y
+            reference: w
           });
-        } catch (C) {
-          v.complete("fail"), At(
-            (C == null ? void 0 : C.message) ?? "We couldn't initialize your payment",
+        } catch (M) {
+          y.complete("fail"), At(
+            (M == null ? void 0 : M.message) ?? "We couldn't initialize your payment",
             Tt.error
           );
           return;
         }
-        const { client_secret: w } = await i.post(
+        const { client_secret: E } = await i.post(
           "/payments/wallets/intent",
           {
             amount: n,
             currency: e,
             metadata: {
               ...t,
-              reference: y
+              reference: w
             }
           }
-        ).then((C) => C.data), { paymentIntent: E, error: _ } = await s.confirmCardPayment(
-          w,
+        ).then((M) => M.data), { paymentIntent: _, error: C } = await l.confirmCardPayment(
+          E,
           {
-            payment_method: v.paymentMethod.id
+            payment_method: y.paymentMethod.id
           },
           { handleActions: !1 }
         );
-        if (_)
-          v.complete("fail"), At(
-            (_ == null ? void 0 : _.message) ?? "We couldn't process your payment",
+        if (C)
+          y.complete("fail"), At(
+            (C == null ? void 0 : C.message) ?? "We couldn't process your payment",
             Tt.error
           );
         else {
-          if (v.complete("success"), E.status === "requires_action") {
-            const { error: C } = await s.confirmCardPayment(w);
-            C ? At(
+          if (y.complete("success"), _.status === "requires_action") {
+            const { error: M } = await l.confirmCardPayment(E);
+            M ? At(
               "Payment failed, please add a new payment method",
               Tt.error
-            ) : (m(!0), setTimeout(() => {
+            ) : (h(!0), setTimeout(() => {
               o({
                 fullname: r.values.fullname,
                 email: r.values.email,
-                reference: y,
+                reference: w,
                 amount: n,
                 currency: e
               });
             }, 3e3));
           }
-          At("Payment was successful", Tt.success), m(!0), setTimeout(() => {
+          At("Payment was successful", Tt.success), h(!0), setTimeout(() => {
             o({
               fullname: r.values.fullname,
               email: r.values.email,
-              reference: y,
+              reference: w,
               amount: n,
               currency: e
             });
@@ -26078,8 +26079,8 @@ const oz = "Payment Completed", iz = ({
         }
       });
     }
-  }, [s, l, r.values.email, r.values.fullname, n]), /* @__PURE__ */ S(dn, { children: c && d !== null && /* @__PURE__ */ W(Xe, { width: "100%", gap: "16px", children: [
-    (d == null ? void 0 : d.applePay) && /* @__PURE__ */ S(
+  }, [l, c, r.values.email, r.values.fullname, n]), /* @__PURE__ */ S(dn, { children: u && f !== null && /* @__PURE__ */ W(Xe, { width: "100%", gap: "16px", children: [
+    (f == null ? void 0 : f.applePay) && /* @__PURE__ */ S(
       pn,
       {
         size: "medium",
@@ -26088,11 +26089,11 @@ const oz = "Payment Completed", iz = ({
         width: "100%",
         fontFamily: "sans-serif",
         onClick: async () => {
-          await a() || c == null || c.show();
+          await a() || u == null || u.show();
         }
       }
     ),
-    (d == null ? void 0 : d.googlePay) && /* @__PURE__ */ S(
+    (f == null ? void 0 : f.googlePay) && /* @__PURE__ */ S(
       pn,
       {
         size: "medium",
@@ -26103,11 +26104,11 @@ const oz = "Payment Completed", iz = ({
         icontype: "leading",
         fontSize: "1.125rem",
         onClick: async () => {
-          await a() || c == null || c.show();
+          await a() || u == null || u.show();
         },
         fontFamily: "inherit",
-        isLoading: p,
-        disabled: p
+        isLoading: m,
+        disabled: m
       }
     )
   ] }) });
@@ -26252,7 +26253,7 @@ const bz = on(
           },
           {
             onSuccess: () => {
-              (d === en.NGN && vt("paystack") || d === en.GHS && vt("startbutton")) && yt(
+              (d === Ht.NGN && vt("paystack") || d === Ht.GHS && vt("startbutton")) && yt(
                 {
                   amount: Lt,
                   currency: d,
@@ -26302,19 +26303,19 @@ const bz = on(
         slug: v,
         apply_tranche_fee: le,
         ip: ce ? Q : "",
-        country: ce ? (ea = qt == null ? void 0 : qt.find((V) => V.name === I.values.country)) == null ? void 0 : ea.alpha2Code : "",
+        country: ce ? (ea = Zt == null ? void 0 : Zt.find((V) => V.name === I.values.country)) == null ? void 0 : ea.alpha2Code : "",
         postal_code: ce ? zl : "",
         product_id: (Ci = e == null ? void 0 : e.metadata) == null ? void 0 : Ci.product_id
       },
       me
-    ), qa = (Ai = (Za = (dr = Z == null ? void 0 : Z.payload) == null ? void 0 : dr.tax_calculation) == null ? void 0 : Za.breakdown[0]) == null ? void 0 : Ai.state, sr = ((Ti = qt == null ? void 0 : qt.find(
+    ), qa = (Ai = (Za = (dr = Z == null ? void 0 : Z.payload) == null ? void 0 : dr.tax_calculation) == null ? void 0 : Za.breakdown[0]) == null ? void 0 : Ai.state, sr = ((Ti = Zt == null ? void 0 : Zt.find(
       (V) => {
         var He, g, b;
         return V.alpha2Code === ((b = (g = (He = Z == null ? void 0 : Z.payload) == null ? void 0 : He.tax_calculation) == null ? void 0 : g.breakdown[0]) == null ? void 0 : b.country);
       }
-    )) == null ? void 0 : Ti.name) ?? (I.values.country !== "" ? I.values.country : (ki = e.metadata) == null ? void 0 : ki.country), Vl = (Pi = (_i = (Xa = Z == null ? void 0 : Z.payload) == null ? void 0 : Xa.tax_calculation) == null ? void 0 : _i.breakdown[0]) == null ? void 0 : Pi.percentage_decimal, Et = ((Fi = ($i = Z == null ? void 0 : Z.payload) == null ? void 0 : $i.tax_calculation) == null ? void 0 : Fi.local_tax) ?? 0, Ul = ((Ri = (Mi = Z == null ? void 0 : Z.payload) == null ? void 0 : Mi.tax_calculation) == null ? void 0 : Ri.dollar_tax) ?? 0, Gl = ((Oi = Z == null ? void 0 : Z.payload) == null ? void 0 : Oi.local_amount) ?? 0, lr = ((Ii = Z == null ? void 0 : Z.payload) == null ? void 0 : Ii.local_transaction_fee) ?? 0, cr = ((Di = Z == null ? void 0 : Z.payload) == null ? void 0 : Di.local_international_card_fee) ?? 0, bi = ((Ni = Z == null ? void 0 : Z.payload) == null ? void 0 : Ni.dollar_international_card_fee) ?? 0, dt = parseFloat(Gl) + parseFloat(lr) + parseFloat(Et) + (d !== en.NGN && (I.values.country !== "" || (ne == null ? void 0 : ne.currency) !== d) && G((fr = I == null ? void 0 : I.values) == null ? void 0 : fr.country) !== d ? Number(cr) : 0), Jr = I.values.country !== "" ? G((ta = I == null ? void 0 : I.values) == null ? void 0 : ta.country) !== d : (ne == null ? void 0 : ne.currency) !== d, Lt = rt(() => {
+    )) == null ? void 0 : Ti.name) ?? (I.values.country !== "" ? I.values.country : (ki = e.metadata) == null ? void 0 : ki.country), Vl = (Pi = (_i = (Xa = Z == null ? void 0 : Z.payload) == null ? void 0 : Xa.tax_calculation) == null ? void 0 : _i.breakdown[0]) == null ? void 0 : Pi.percentage_decimal, Et = ((Fi = ($i = Z == null ? void 0 : Z.payload) == null ? void 0 : $i.tax_calculation) == null ? void 0 : Fi.local_tax) ?? 0, Ul = ((Ri = (Mi = Z == null ? void 0 : Z.payload) == null ? void 0 : Mi.tax_calculation) == null ? void 0 : Ri.dollar_tax) ?? 0, Gl = ((Oi = Z == null ? void 0 : Z.payload) == null ? void 0 : Oi.local_amount) ?? 0, lr = ((Ii = Z == null ? void 0 : Z.payload) == null ? void 0 : Ii.local_transaction_fee) ?? 0, cr = ((Di = Z == null ? void 0 : Z.payload) == null ? void 0 : Di.local_international_card_fee) ?? 0, bi = ((Ni = Z == null ? void 0 : Z.payload) == null ? void 0 : Ni.dollar_international_card_fee) ?? 0, dt = parseFloat(Gl) + parseFloat(lr) + parseFloat(Et) + (d !== Ht.NGN && (I.values.country !== "" || (ne == null ? void 0 : ne.currency) !== d) && G((fr = I == null ? void 0 : I.values) == null ? void 0 : fr.country) !== d ? Number(cr) : 0), Jr = I.values.country !== "" ? G((ta = I == null ? void 0 : I.values) == null ? void 0 : ta.country) !== d : (ne == null ? void 0 : ne.currency) !== d, Lt = rt(() => {
       var V;
-      return d === en.UGX ? Math.ceil(dt) * 100 : Math.round(
+      return d === Ht.UGX ? Math.ceil(dt) * 100 : Math.round(
         dt * ((V = Z == null ? void 0 : Z.payload) != null && V.is_zero_decimal_currency ? 1 : 100)
       );
     }, [
@@ -26390,11 +26391,11 @@ const bz = on(
     }, [et, I]);
     const Si = rt(() => {
       let V = "";
-      return d === en.GBP ? V = D : V = j, lD(V);
+      return d === Ht.GBP ? V = D : V = j, console.log("stripe key:", V), lD(V);
     }, [d, j, D]);
     he(() => {
       // isFree
-      d !== en.NGN && d !== en.GHS ? K(!0) : K(!1);
+      d !== Ht.NGN && d !== Ht.GHS ? K(!0) : K(!1);
     }, [d]);
     const Zl = async () => {
       const V = Zu();
@@ -26556,11 +26557,11 @@ const bz = on(
                   }
                 ),
                 !!((ra = I == null ? void 0 : I.errors) != null && ra.phone) && /* @__PURE__ */ W(Xe, { alignItems: "center", gap: "6px", mt: "4px", children: [
-                  /* @__PURE__ */ S(rc, { color: Yt.red500 }),
+                  /* @__PURE__ */ S(rc, { color: qt.red500 }),
                   /* @__PURE__ */ S(
                     Y0,
                     {
-                      color: Yt.red500,
+                      color: qt.red500,
                       size: "xxs",
                       fontFamily: "inherit",
                       children: (aa = I == null ? void 0 : I.errors) == null ? void 0 : aa.phone
@@ -26572,7 +26573,7 @@ const bz = on(
             ] }),
             vt("wallet") && /* @__PURE__ */ W(dn, { children: [
               " ",
-              E && ee && d !== en.NGN && d !== en.GHS && /* @__PURE__ */ S(
+              E && ee && d !== Ht.NGN && d !== Ht.GHS && /* @__PURE__ */ S(
                 zu,
                 {
                   stripe: Si,
@@ -26586,6 +26587,7 @@ const bz = on(
                     {
                       metadata: Ft,
                       currency: d,
+                      stripeCountry: d === Ht.GBP ? "GB" : "US",
                       amount: Lt,
                       formik: I,
                       checkForErrors: async () => {
@@ -26721,13 +26723,13 @@ const bz = on(
               p: { base: "16px", lg: "24px" },
               borderRadius: "16px",
               boxShadow: "0px 2px 6px 0px rgba(45, 59, 67, 0.06), 0px 2px 4px 0px rgba(45, 59, 67, 0.05)",
-              border: `1px solid ${Yt.gray50}`,
+              border: `1px solid ${qt.gray50}`,
               children: [
                 /* @__PURE__ */ W(
                   ut,
                   {
                     p: "16px",
-                    bg: Yt.gray50,
+                    bg: qt.gray50,
                     borderRadius: "12px",
                     textAlign: "center",
                     children: [
@@ -26754,7 +26756,7 @@ const bz = on(
                     Je,
                     {
                       fontSize: "14px",
-                      color: Yt.gray400,
+                      color: qt.gray400,
                       lineHeight: "16px",
                       fontWeight: 400,
                       children: "Apply discount code"
@@ -26837,7 +26839,7 @@ const bz = on(
                       }
                     )
                   ] }),
-                  d !== en.NGN && (I.values.country !== "" || (ne == null ? void 0 : ne.currency) !== d) && G((ia = I == null ? void 0 : I.values) == null ? void 0 : ia.country) !== d && /* @__PURE__ */ W(Xe, { width: "100%", justifyContent: "space-between", children: [
+                  d !== Ht.NGN && (I.values.country !== "" || (ne == null ? void 0 : ne.currency) !== d) && G((ia = I == null ? void 0 : I.values) == null ? void 0 : ia.country) !== d && /* @__PURE__ */ W(Xe, { width: "100%", justifyContent: "space-between", children: [
                     /* @__PURE__ */ W(Xe, { alignItems: "center", children: [
                       /* @__PURE__ */ S(
                         Je,
@@ -26937,13 +26939,13 @@ const bz = on(
                             alignItems: "center",
                             gap: "2px",
                             borderRadius: "100px",
-                            backgroundColor: Yt.gray50,
+                            backgroundColor: qt.gray50,
                             children: [
                               /* @__PURE__ */ W(
                                 Je,
                                 {
                                   fontSize: "13px",
-                                  color: Yt.black300,
+                                  color: qt.black300,
                                   fontWeight: 400,
                                   lineHeight: "20px",
                                   children: [
@@ -26969,7 +26971,7 @@ const bz = on(
                           Je,
                           {
                             fontSize: "14px",
-                            color: Yt.green600,
+                            color: qt.green600,
                             fontWeight: 400,
                             lineHeight: "22px",
                             children: [

package/build/src/components/WalletPay.d.ts

@@ -1,5 +1,5 @@
 /** @format */
-declare const WalletPay: ({ currency, metadata, amount, formik, checkForErrors, onPaymentComplete, Request, }: {
+declare const WalletPay: ({ currency, metadata, amount, formik, checkForErrors, onPaymentComplete, Request, stripeCountry, }: {
     currency: string;
     amount: number;
     metadata?: any;
@@ -7,5 +7,6 @@ declare const WalletPay: ({ currency, metadata, amount, formik, checkForErrors,
     checkForErrors: () => Promise<boolean>;
     onPaymentComplete: (payload: object) => void;
     Request: any;
+    stripeCountry: string;
 }) => import("react/jsx-runtime").JSX.Element;
 export default WalletPay;

package/package.json

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