mainstack-payments 2.0.7 → 2.0.8

package/build/{index-DvHbcsZ0.js → index-Di1ugn5_.js}

@@ -1,7 +1,7 @@
-import { jsx as s, Fragment as q, jsxs as p } from "react/jsx-runtime";
+import { jsx as s, Fragment as J, jsxs as p } from "react/jsx-runtime";
 import { ModalRoot as rl, ModalPortal as ll, ModalOverlay as sl, ModalBody as il, ModalContentSlot as ol, ModalContentHeader as cl, ModalClose as dl, ModalContentMain as ul, HeadlineText as cn, BodyText as _, ModalContentFooter as ml, Button as Ka, FormItem as xa, FormLabel as Oe, Input as Ga, FormErrorStatus as kt, PhoneNumberInput as Vs, Spinner as Hs, ButtonRoot as gt, ButtonLabel as ft, ButtonIcon as ht, ChevronRightIcon as ua, useMatchMedia as it, useDisclosure as Ra, KeyboardBackSpaceIcon as sr, KeyboardArrowDownIcon as Ht, toast as he, MainstackDesignSystemProvider as Zs, Toaster as Ws, TooltipRoot as ir, TooltipTrigger as or, InfoIcon as cr, TooltipContent as dr, TooltipHeader as ur, TooltipTitle as mr, TooltipBody as pr, CountrySelect as Ys, LockIcon as qs, CancelIcon as gr } from "mainstack-design-system";
 import { useState as R, useEffect as le, useRef as ge, useCallback as Y, useMemo as ot, createContext as Js, useLayoutEffect as Xs, forwardRef as pl, createElement as Qs, useContext as ei, lazy as pa, useImperativeHandle as ai, Suspense as la, isValidElement as ti, memo as ni } from "react";
-import { g as gl, r as ri, l as li, E as si, u as fl, a as hl, C as fr, b as ii, c as oi } from "./payments-CjiNVkeO.js";
+import { g as gl, r as ri, l as li, E as si, u as fl, a as hl, C as fr, b as ii, c as oi } from "./payments-B3Hm80pK.js";
 import Ut from "axios";
 import './index.css';const dn = ({
   queryFn: e,
@@ -964,7 +964,7 @@ function gu(e) {
 function Kl(e) {
   return Wa(e) ? Ll(e, pu) : An(e) ? [e] : Dl(mu(gu(e)));
 }
-var zl = ri, fu = {
+var zl = ri(), fu = {
   $$typeof: !0,
   render: !0,
   defaultProps: !0,
@@ -1005,7 +1005,7 @@ function vu() {
   var e = ei(St);
   return e || (process.env.NODE_ENV !== "production" ? Ta(!1, "Formik context is undefined, please verify you are calling useFormikContext() as child of a <Formik> component.") : Ta()), e;
 }
-var Te = function(a) {
+var Fe = function(a) {
   return typeof a == "function";
 }, At = function(a) {
   return a !== null && typeof a == "object";
@@ -1014,7 +1014,7 @@ var Te = function(a) {
 }, Gt = function(a) {
   return Object.prototype.toString.call(a) === "[object String]";
 }, Lt = function(a) {
-  return At(a) && Te(a.then);
+  return At(a) && Fe(a.then);
 };
 function Su(e) {
   if (e = e || (typeof document < "u" ? document : void 0), typeof e > "u")
@@ -1126,7 +1126,7 @@ function Eu(e) {
       M.current = !1;
     };
   }, []);
-  var L = R(0), J = L[1], O = ge({
+  var L = R(0), X = L[1], O = ge({
     values: tt(g.initialValues),
     errors: tt(g.initialErrors) || sa,
     touched: tt(g.initialTouched) || nt,
@@ -1136,10 +1136,10 @@ function Eu(e) {
     submitCount: 0
   }), P = O.current, D = Y(function(d) {
     var f = O.current;
-    O.current = Au(f, d), f !== O.current && J(function(S) {
+    O.current = Au(f, d), f !== O.current && X(function(S) {
       return S + 1;
     });
-  }, []), Ne = Y(function(d, f) {
+  }, []), Te = Y(function(d, f) {
     return new Promise(function(S, E) {
       var N = g.validate(d, f);
       N == null ? S(sa) : Lt(N) ? N.then(function(T) {
@@ -1149,7 +1149,7 @@ function Eu(e) {
       }) : S(N);
     });
   }, [g.validate]), ae = Y(function(d, f) {
-    var S = g.validationSchema, E = Te(S) ? S(f) : S, N = f && E.validateAt ? E.validateAt(f, d) : wu(d, E);
+    var S = g.validationSchema, E = Fe(S) ? S(f) : S, N = f && E.validateAt ? E.validateAt(f, d) : wu(d, E);
     return new Promise(function(T, W) {
       N.then(function() {
         T(sa);
@@ -1163,7 +1163,7 @@ function Eu(e) {
     });
   }, []), U = Y(function(d) {
     var f = Object.keys(A.current).filter(function(E) {
-      return Te(A.current[E].validate);
+      return Fe(A.current[E].validate);
     }), S = f.length > 0 ? f.map(function(E) {
       return oe(E, be(d, E));
     }) : [Promise.resolve("DO_NOT_DELETE_YOU_WILL_BE_FIRED")];
@@ -1173,13 +1173,13 @@ function Eu(e) {
       }, {});
     });
   }, [oe]), te = Y(function(d) {
-    return Promise.all([U(d), g.validationSchema ? ae(d) : {}, g.validate ? Ne(d) : {}]).then(function(f) {
+    return Promise.all([U(d), g.validationSchema ? ae(d) : {}, g.validate ? Te(d) : {}]).then(function(f) {
       var S = f[0], E = f[1], N = f[2], T = Yt.all([S, E, N], {
         arrayMerge: Fu
       });
       return T;
     });
-  }, [g.validate, g.validationSchema, U, Ne, ae]), k = Ae(function(d) {
+  }, [g.validate, g.validationSchema, U, Te, ae]), k = Ae(function(d) {
     return d === void 0 && (d = P.values), D({
       type: "SET_ISVALIDATING",
       payload: !0
@@ -1238,7 +1238,7 @@ function Eu(e) {
     }));
   }, [m, g.initialStatus, g.initialTouched]);
   var K = Ae(function(d) {
-    if (A.current[d] && Te(A.current[d].validate)) {
+    if (A.current[d] && Fe(A.current[d].validate)) {
       var f = be(P.values, d), S = A.current[d].validate(f);
       return Lt(S) ? (D({
         type: "SET_ISVALIDATING",
@@ -1282,7 +1282,7 @@ function Eu(e) {
         });
       });
     return Promise.resolve();
-  }), we = Y(function(d, f) {
+  }), Ne = Y(function(d, f) {
     var S = f.validate;
     A.current[d] = {
       validate: S
@@ -1301,15 +1301,15 @@ function Eu(e) {
       type: "SET_ERRORS",
       payload: d
     });
-  }, []), X = Ae(function(d, f) {
-    var S = Te(d) ? d(P.values) : d;
+  }, []), q = Ae(function(d, f) {
+    var S = Fe(d) ? d(P.values) : d;
     D({
       type: "SET_VALUES",
       payload: S
     });
     var E = f === void 0 ? t : f;
     return E ? k(S) : Promise.resolve();
-  }), Fe = Y(function(d, f) {
+  }), we = Y(function(d, f) {
     D({
       type: "SET_FIELD_ERROR",
       payload: {
@@ -1370,7 +1370,7 @@ function Eu(e) {
       };
     ne(d);
   }), Xe = Y(function(d) {
-    Te(d) ? D({
+    Fe(d) ? D({
       type: "SET_FORMIK_STATE",
       payload: d
     }) : D({
@@ -1418,7 +1418,7 @@ function Eu(e) {
         throw d;
     });
   }), ba = Ae(function(d) {
-    if (d && d.preventDefault && Te(d.preventDefault) && d.preventDefault(), d && d.stopPropagation && Te(d.stopPropagation) && d.stopPropagation(), process.env.NODE_ENV !== "production" && typeof document < "u") {
+    if (d && d.preventDefault && Fe(d.preventDefault) && d.preventDefault(), d && d.stopPropagation && Fe(d.stopPropagation) && d.stopPropagation(), process.env.NODE_ENV !== "production" && typeof document < "u") {
       var f = Su();
       f !== null && f instanceof HTMLButtonElement && (f.attributes && f.attributes.getNamedItem("type") || (process.env.NODE_ENV !== "production" ? Ta(!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"`.') : Ta()));
     }
@@ -1430,19 +1430,19 @@ function Eu(e) {
     validateForm: k,
     validateField: K,
     setErrors: ve,
-    setFieldError: Fe,
+    setFieldError: we,
     setFieldTouched: se,
     setFieldValue: ce,
     setStatus: me,
     setSubmitting: G,
     setTouched: ue,
-    setValues: X,
+    setValues: q,
     setFormikState: Xe,
     submitForm: de
   }, ea = Ae(function() {
     return y(P.values, Qe);
   }), Z = Ae(function(d) {
-    d && d.preventDefault && Te(d.preventDefault) && d.preventDefault(), d && d.stopPropagation && Te(d.stopPropagation) && d.stopPropagation(), H();
+    d && d.preventDefault && Fe(d.preventDefault) && d.preventDefault(), d && d.stopPropagation && Fe(d.stopPropagation) && d.stopPropagation(), H();
   }), Pe = Y(function(d) {
     return {
       value: be(P.values, d),
@@ -1461,10 +1461,10 @@ function Eu(e) {
         return se(d, S, E);
       },
       setError: function(S) {
-        return Fe(d, S);
+        return we(d, S);
       }
     };
-  }, [ce, se, Fe]), Q = Y(function(d) {
+  }, [ce, se, we]), Q = Y(function(d) {
     var f = At(d), S = f ? d.name : d, E = be(P.values, S), N = {
       name: S,
       value: E,
@@ -1479,7 +1479,7 @@ function Eu(e) {
   }, [Je, xe, P.values]), Me = ot(function() {
     return !ia(x.current, P.values);
   }, [x.current, P.values]), Aa = ot(function() {
-    return typeof o < "u" ? Me ? P.errors && Object.keys(P.errors).length === 0 : o !== !1 && Te(o) ? o(g) : o : P.errors && Object.keys(P.errors).length === 0;
+    return typeof o < "u" ? Me ? P.errors && Object.keys(P.errors).length === 0 : o !== !1 && Fe(o) ? o(g) : o : P.errors && Object.keys(P.errors).length === 0;
   }, [o, Me, P.errors, g]), Ea = ee({}, P, {
     initialValues: x.current,
     initialErrors: I.current,
@@ -1494,18 +1494,18 @@ function Eu(e) {
     setFormikState: Xe,
     setFieldTouched: se,
     setFieldValue: ce,
-    setFieldError: Fe,
+    setFieldError: we,
     setStatus: me,
     setSubmitting: G,
     setTouched: ue,
-    setValues: X,
+    setValues: q,
     submitForm: de,
     validateForm: k,
     validateField: K,
     isValid: Aa,
     dirty: Me,
     unregisterField: ye,
-    registerField: we,
+    registerField: Ne,
     getFieldProps: Q,
     getFieldMeta: Pe,
     getFieldHelpers: Sa,
@@ -2004,7 +2004,7 @@ function Fa(e) {
       const k = new fe(fe.formatError(U.message || g, te), t, te.path, U.type || m, te.disableStackTrace);
       return k.params = te, k;
     }
-    const J = v ? o : u;
+    const X = v ? o : u;
     let O = {
       path: n,
       parent: I,
@@ -2017,9 +2017,9 @@ function Fa(e) {
       schema: i
     };
     const P = (U) => {
-      fe.isError(U) ? J(U) : U ? u(null) : J(L());
+      fe.isError(U) ? X(U) : U ? u(null) : X(L());
     }, D = (U) => {
-      fe.isError(U) ? J(U) : o(U);
+      fe.isError(U) ? X(U) : o(U);
     };
     if (x && oa(t))
       return P(!0);
@@ -7122,7 +7122,7 @@ const Mm = ({
   email: t,
   onEditEmail: n,
   onConfirm: r
-}) => /* @__PURE__ */ s(q, { children: /* @__PURE__ */ s(
+}) => /* @__PURE__ */ s(J, { children: /* @__PURE__ */ s(
   rl,
   {
     open: e,
@@ -8707,7 +8707,7 @@ const Dm = ({
   errors: l,
   setFieldValue: i,
   proceedButton: o
-}) => /* @__PURE__ */ p(q, { children: [
+}) => /* @__PURE__ */ p(J, { children: [
   /* @__PURE__ */ p("div", { className: "mpl:flex mpl:flex-col mpl:gap-20 mpl:px-2", children: [
     e && /* @__PURE__ */ p(xa, { children: [
       /* @__PURE__ */ s(Oe, { htmlFor: "fullname", children: "Full name" }),
@@ -8994,7 +8994,7 @@ const Im = (e) => /* @__PURE__ */ p(
       className: "mpl:mb-24 mpl:text-center",
       children: "As the Merchant of Record, Mainstack handles the collection and remittance of all applicable taxes for transactions processed on our platform. This ensures compliance with local regulations and removes the burden of tax management from merchants."
     }
-  ) : /* @__PURE__ */ s(q, {}),
+  ) : /* @__PURE__ */ s(J, {}),
   /* @__PURE__ */ p("div", { className: "mpl:flex mpl:justify-center mpl:gap-10 mpl:mt-16 mpl:text-[#586172] mpl:font-[Bricolage_Grotesque] mpl:text-xs mpl:leading-4 mpl:-tracking-[0.2px] mpl:underline", children: [
     /* @__PURE__ */ s(_, { size: "tiny", weight: "regular", as: "a", children: "Terms & Conditions" }),
     /* @__PURE__ */ s(_, { size: "tiny", weight: "regular", as: "a", children: "Privacy Policy" }),
@@ -9018,7 +9018,7 @@ const Im = (e) => /* @__PURE__ */ p(
   {
     className: `mpl:rounded-18 mpl:border mpl:border-border-interactive-neutral mpl:px-16 mpl:py-14 mpl:w-full mpl:cursor-pointer mpl:text-left ${t ? "mpl:opacity-50 mpl:pointer-events-none" : ""} ${n ?? ""}`,
     ...r,
-    children: a ? /* @__PURE__ */ s("div", { className: "mpl:flex mpl:justify-center", children: /* @__PURE__ */ s(Hs, { className: "mpl:size-20" }) }) : /* @__PURE__ */ s(q, { children: e })
+    children: a ? /* @__PURE__ */ s("div", { className: "mpl:flex mpl:justify-center", children: /* @__PURE__ */ s(Hs, { className: "mpl:size-20" }) }) : /* @__PURE__ */ s(J, { children: e })
   }
 ), Bm = (e) => /* @__PURE__ */ p(
   "svg",
@@ -9105,7 +9105,7 @@ const Im = (e) => /* @__PURE__ */ p(
     },
     children: /* @__PURE__ */ s("div", { className: "mpl:overflow-hidden", children: a })
   }
-), Gm = pa(() => Promise.resolve().then(() => Wm)), Lm = pa(() => Promise.resolve().then(() => ap)), jm = pa(() => import("./CashAppPayment-D4Ml8WuY.js")), Km = pa(() => import("./CryptoPayments-6A3VCTqi.js")), zm = pa(() => Promise.resolve().then(() => Jm)), Vm = pa(
+), Gm = pa(() => Promise.resolve().then(() => Wm)), Lm = pa(() => Promise.resolve().then(() => ap)), jm = pa(() => import("./CashAppPayment-CpquRmvy.js")), Km = pa(() => import("./CryptoPayments-NwBMYtta.js")), zm = pa(() => Promise.resolve().then(() => Jm)), Vm = pa(
   () => Promise.resolve().then(() => sp)
 ), Hm = pa(
   () => Promise.resolve().then(() => np).then((e) => ({
@@ -9145,11 +9145,11 @@ const Im = (e) => /* @__PURE__ */ p(
       amount: M,
       customizations: A,
       accountId: L,
-      transactionFeesSlug: J,
+      transactionFeesSlug: X,
       paymentOptions: O,
       paymentRedirectUrl: P,
       userAllowsWalletPayment: D,
-      userAllowsCardPayment: Ne,
+      userAllowsCardPayment: Te,
       userAllowsCryptoPayment: ae,
       paymentBaseUrl: oe,
       productBaseUrl: U,
@@ -9157,12 +9157,12 @@ const Im = (e) => /* @__PURE__ */ p(
       STRIPE_SECRET_KEY: k,
       STRIPE_SECRET_KEY_GBP: H,
       STRIPE_SECRET_KEY_CAD: K,
-      applyTrancheFee: we,
+      applyTrancheFee: Ne,
       ip: ye,
       shouldApplyTax: ue,
       paymentModel: ve = "default",
-      cryptoRedirectUrl: X,
-      isFreeTrial: Fe,
+      cryptoRedirectUrl: q,
+      isFreeTrial: we,
       itemsList: ce,
       isPowerUser: ke,
       merchantBearsTax: xe,
@@ -9302,12 +9302,12 @@ const Im = (e) => /* @__PURE__ */ p(
         b.setFieldValue(w, C);
       }
     }));
-    const Ss = Om((jn = b.values) == null ? void 0 : jn.zipCode), Da = Fe ? !1 : v !== (Be == null ? void 0 : Be.currency), As = b.values.country !== "" ? xn((Kn = b == null ? void 0 : b.values) == null ? void 0 : Kn.country) : Be == null ? void 0 : Be.currency, Pn = xn(Xe);
+    const Ss = Om((jn = b.values) == null ? void 0 : jn.zipCode), Da = we ? !1 : v !== (Be == null ? void 0 : Be.currency), As = b.values.country !== "" ? xn((Kn = b == null ? void 0 : b.values) == null ? void 0 : Kn.country) : Be == null ? void 0 : Be.currency, Pn = xn(Xe);
     [B.USD, B.GBP, B.CAD, B.NGN].includes(
       Pn
     );
-    const Es = As !== v, Cs = [B.USD].includes(v), ws = Fe ? !1 : Es || !Cs, Ja = [];
-    we && Ja.push("PIT"), Da && Ja.push("SWITCHING"), ws && Ja.push("CONVERSION");
+    const Es = As !== v, Cs = [B.USD].includes(v), ws = we ? !1 : Es || !Cs, Ja = [];
+    Ne && Ja.push("PIT"), Da && Ja.push("SWITCHING"), ws && Ja.push("CONVERSION");
     const Ft = ue ? (zn = Ce == null ? void 0 : Ce.find((w) => w.name === b.values.country)) == null ? void 0 : zn.alpha2Code : "", Tt = ue ? Ss : "", Fs = ue ? ye ?? (Be == null ? void 0 : Be.ip) : "", {
       data: F,
       isLoading: Nt,
@@ -9325,7 +9325,7 @@ const Im = (e) => /* @__PURE__ */ p(
           },
           ip: Fs
         } : {},
-        ...J ? { appName: J } : {},
+        ...X ? { appName: X } : {},
         ...(Vn = e == null ? void 0 : e.metadata) != null && Vn.quantity ? { quantity: e.metadata.quantity } : {}
       },
       Sa
@@ -9443,7 +9443,7 @@ const Im = (e) => /* @__PURE__ */ p(
         }
       );
     }, Mn = (w, C) => {
-      w.preventDefault(), Ze("stripe") && Ne && f ? $s() : (Ze("paystack") || Ze("startbutton")) && Ne && !f && (Re(!0), b.setSubmitting(!0), b.setFieldValue("payment_mode", C), b.submitForm());
+      w.preventDefault(), Ze("stripe") && Te && f ? $s() : (Ze("paystack") || Ze("startbutton")) && Te && !f && (Re(!0), b.setSubmitting(!0), b.setFieldValue("payment_mode", C), b.submitForm());
     }, [Os, $n] = R(!1), {
       open: Ds,
       onOpenChange: Ia
@@ -9579,7 +9579,7 @@ const Im = (e) => /* @__PURE__ */ p(
     ) && !_t && ve !== "ips", Un = () => {
       wa && zs(!1), Ot(), N(!1);
     };
-    return /* @__PURE__ */ s(q, { children: /* @__PURE__ */ p(
+    return /* @__PURE__ */ s(J, { children: /* @__PURE__ */ p(
       "div",
       {
         className: "mpl:grid mpl:grid-cols-12 mpl:px-16 mpl:md:px-0 mpl:max-w-1800 mpl:w-full mpl:mx-auto mpl:font-[Bricolage_Grotesque] mpl:bg-white mpl:rounded-18 mpl:overflow-y-auto",
@@ -9667,7 +9667,7 @@ const Im = (e) => /* @__PURE__ */ p(
                           opacity: at ? 1 : 0.6
                         },
                         children: [
-                          ti(t) ? /* @__PURE__ */ s(q, { children: t }) : /* @__PURE__ */ p("div", { children: [
+                          ti(t) ? /* @__PURE__ */ s(J, { children: t }) : /* @__PURE__ */ p("div", { children: [
                             /* @__PURE__ */ s(
                               _,
                               {
@@ -9699,7 +9699,7 @@ const Im = (e) => /* @__PURE__ */ p(
                         ]
                       }
                     ),
-                    /* @__PURE__ */ s(pt, { in: at, children: /* @__PURE__ */ s("div", { className: "mpl:transition-all mpl:duration-200 mpl:mt-20", children: l ? /* @__PURE__ */ p(q, { children: [
+                    /* @__PURE__ */ s(pt, { in: at, children: /* @__PURE__ */ s("div", { className: "mpl:transition-all mpl:duration-200 mpl:mt-20", children: l ? /* @__PURE__ */ p(J, { children: [
                       l,
                       /* @__PURE__ */ s(
                         al,
@@ -9805,7 +9805,7 @@ const Im = (e) => /* @__PURE__ */ p(
                             },
                             children: /* @__PURE__ */ p("div", { className: "mpl:transition-all mpl:duration-200 mpl:pb-200", children: [
                               /* @__PURE__ */ p("div", { className: "mpl:flex mpl:flex-col mpl:gap-12", children: [
-                                (Ze("wallet") || Ze("cashapp")) && !Ue && /* @__PURE__ */ s(q, { children: D && v !== B.NGN && v !== B.GHS && v !== B.KES && /* @__PURE__ */ p(q, { children: [
+                                (Ze("wallet") || Ze("cashapp")) && !Ue && /* @__PURE__ */ s(J, { children: D && v !== B.NGN && v !== B.GHS && v !== B.KES && /* @__PURE__ */ p(J, { children: [
                                   /* @__PURE__ */ s(la, { fallback: /* @__PURE__ */ s("div", {}), children: /* @__PURE__ */ s(
                                     zm,
                                     {
@@ -9850,7 +9850,7 @@ const Im = (e) => /* @__PURE__ */ p(
                                       totalAmount: $e,
                                       ProductRequest: Pe,
                                       PaymentRequest: Z,
-                                      redirectUrl: X,
+                                      redirectUrl: q,
                                       checkForErrors: async () => {
                                         if (o) {
                                           const C = await o(
@@ -9878,7 +9878,7 @@ const Im = (e) => /* @__PURE__ */ p(
                                     totalAmount: $e,
                                     ProductRequest: Pe,
                                     PaymentRequest: Z,
-                                    redirectUrl: X,
+                                    redirectUrl: q,
                                     checkForErrors: async () => {
                                       if (o) {
                                         const C = await o(
@@ -9896,7 +9896,7 @@ const Im = (e) => /* @__PURE__ */ p(
                                 ) })
                               ] }),
                               _t && /* @__PURE__ */ s(el, {}),
-                              Ne && /* @__PURE__ */ s(
+                              Te && /* @__PURE__ */ s(
                                 mt,
                                 {
                                   onClick: (w) => {
@@ -9906,7 +9906,7 @@ const Im = (e) => /* @__PURE__ */ p(
                                     ), et());
                                   },
                                   isLoading: (b.values.payment_mode && b.values.payment_mode === Ve.CARD || !b.values.payment_mode) && (qa || Ya),
-                                  children: /* @__PURE__ */ p(q, { children: [
+                                  children: /* @__PURE__ */ p(J, { children: [
                                     /* @__PURE__ */ p("div", { className: "mpl:flex mpl:justify-between", children: [
                                       /* @__PURE__ */ p("div", { className: "mpl:flex mpl:items-center mpl:gap-12", children: [
                                         /* @__PURE__ */ s(Im, { className: "mpl:size-32" }),
@@ -10102,7 +10102,7 @@ const Im = (e) => /* @__PURE__ */ p(
   quantity: g,
   children: x
 }) => {
-  var L, J;
+  var L, X;
   const { open: I, onToggle: $ } = Ra({ defaultOpen: !1 }), [v] = it("(max-width: 767px)"), M = (O) => O > 0 ? a === B.NGN ? `+ ${a} ${O}` : `+ ${O * 100} cents` : "", A = t > 0 && o.totalAmountPlusFees <= 0;
   return /* @__PURE__ */ s(
     "div",
@@ -10114,7 +10114,7 @@ const Im = (e) => /* @__PURE__ */ p(
           {
             className: u ? "mpl:text-center" : "mpl:text-center mpl:lg:text-left",
             children: [
-              o.totalAmountPlusFees <= 0 ? /* @__PURE__ */ s(q, {}) : typeof e == "string" ? /* @__PURE__ */ s(
+              o.totalAmountPlusFees <= 0 ? /* @__PURE__ */ s(J, {}) : typeof e == "string" ? /* @__PURE__ */ s(
                 _,
                 {
                   size: "extrasmall",
@@ -10122,13 +10122,13 @@ const Im = (e) => /* @__PURE__ */ p(
                   className: "mpl:text-secondary",
                   children: e
                 }
-              ) : /* @__PURE__ */ s(q, { children: e }),
+              ) : /* @__PURE__ */ s(J, { children: e }),
               n || A ? /* @__PURE__ */ s("div", { className: "mpl:h-5 mpl:w-100 mpl:mx-auto mpl:bg-gray-200 mpl:animate-pulse mpl:rounded" }) : /* @__PURE__ */ s(cn, { size: "medium", weight: "bold", children: o.totalAmountPlusFees > 0 ? `${a} ${r ? "0.00" : Ke(o.totalAmountPlusFees)}` : "Free" })
             ]
           }
         ),
         /* @__PURE__ */ p(pt, { in: !v && !u || I, children: [
-          (L = m == null ? void 0 : m[0]) != null && L.image ? /* @__PURE__ */ s(q, { children: Array.isArray(m) && m.length > 0 && /* @__PURE__ */ s("div", { className: "mpl:pt-20 mpl:pb-16 mpl:border-b mpl:border-border-interactive-neutral mpl:space-y-8", children: m.map((O, P) => /* @__PURE__ */ p("div", { className: "mpl:flex mpl:justify-between", children: [
+          (L = m == null ? void 0 : m[0]) != null && L.image ? /* @__PURE__ */ s(J, { children: Array.isArray(m) && m.length > 0 && /* @__PURE__ */ s("div", { className: "mpl:pt-20 mpl:pb-16 mpl:border-b mpl:border-border-interactive-neutral mpl:space-y-8", children: m.map((O, P) => /* @__PURE__ */ p("div", { className: "mpl:flex mpl:justify-between", children: [
             /* @__PURE__ */ s(
               "img",
               {
@@ -10265,7 +10265,7 @@ const Im = (e) => /* @__PURE__ */ p(
                 }
               )
             ] }),
-            !r && /* @__PURE__ */ p(q, { children: [
+            !r && /* @__PURE__ */ p(J, { children: [
               l.localTaxFees > 0 && l.shouldApplyTax && /* @__PURE__ */ p("div", { className: "mpl:flex mpl:w-full mpl:justify-between", children: [
                 /* @__PURE__ */ s("div", { className: "mpl:flex mpl:items-center", children: /* @__PURE__ */ p(
                   _,
@@ -10342,7 +10342,7 @@ const Im = (e) => /* @__PURE__ */ p(
                     /* @__PURE__ */ s(or, { asChild: !0, children: /* @__PURE__ */ s("button", { className: "mpl:focus:outline-none mpl:hover:text-primary mpl:transition-colors", children: /* @__PURE__ */ s(cr, { className: "mpl:w-16" }) }) }),
                     /* @__PURE__ */ p(dr, { children: [
                       /* @__PURE__ */ s(ur, { children: /* @__PURE__ */ s(mr, { children: "Fees" }) }),
-                      /* @__PURE__ */ s(pr, { children: /* @__PURE__ */ s("div", { className: "mpl:mb-5", children: (J = o == null ? void 0 : o.applied_fees) == null ? void 0 : J.map(
+                      /* @__PURE__ */ s(pr, { children: /* @__PURE__ */ s("div", { className: "mpl:mb-5", children: (X = o == null ? void 0 : o.applied_fees) == null ? void 0 : X.map(
                         (O) => /* @__PURE__ */ p("p", { className: "mpl:mb-1", children: [
                           O.display_name,
                           ": ",
@@ -10533,7 +10533,7 @@ const Im = (e) => /* @__PURE__ */ p(
     feesResponse: x,
     ip: I
   }) => {
-    const $ = fl(), v = hl(), [M, A] = R(null), [L, J] = R(null), { mutate: O, isLoading: P } = mn(i), { mutate: D, isLoading: Ne } = di(o), [ae, oe] = R(!1), U = P || Ne || ae;
+    const $ = fl(), v = hl(), [M, A] = R(null), [L, X] = R(null), { mutate: O, isLoading: P } = mn(i), { mutate: D, isLoading: Te } = di(o), [ae, oe] = R(!1), U = P || Te || ae;
     le(() => {
       if ($ && t > 0) {
         a.email = n.values.email, a.name = n.values.fullname;
@@ -10549,7 +10549,7 @@ const Im = (e) => /* @__PURE__ */ p(
             requestPayerEmail: !0
           });
           k.canMakePayment().then((H) => {
-            H && (A(k), J(H), (H != null && H.applePay || H != null && H.googlePay) && y());
+            H && (A(k), X(H), (H != null && H.applePay || H != null && H.googlePay) && y());
           });
         } catch (k) {
           console.log(k == null ? void 0 : k.message);
@@ -10574,14 +10574,14 @@ const Im = (e) => /* @__PURE__ */ p(
       Object.keys(k).length > 0 || $ && (M.on("paymentmethod", async (K) => {
         var ue, ve;
         oe(!0);
-        const we = tn(), ye = {
+        const Ne = tn(), ye = {
           ...a,
-          reference: we,
+          reference: Ne,
           email: n.values.email,
           name: n.values.fullname
         };
         try {
-          const X = await O(
+          const q = await O(
             Zt({
               metadata: ye,
               amount: h,
@@ -10594,15 +10594,15 @@ const Im = (e) => /* @__PURE__ */ p(
                 throw ne == null ? void 0 : ne.message;
               }
             }
-          ), Fe = (K == null ? void 0 : K.walletName) === "googlePay" ? Ve.GOOGLE_PAY : Ve.APPLE_PAY;
+          ), we = (K == null ? void 0 : K.walletName) === "googlePay" ? Ve.GOOGLE_PAY : Ve.APPLE_PAY;
           let ce = null;
           if (x && (ce = Wt({
-            initResponse: X,
+            initResponse: q,
             feesResponse: x,
             metadata: ye,
             currency: e,
             ip: I,
-            paymentMethod: Fe,
+            paymentMethod: we,
             paymentMethodId: (ue = K == null ? void 0 : K.paymentMethod) == null ? void 0 : ue.id
           })), !ce) {
             K.complete("fail"), he.error({
@@ -10652,16 +10652,16 @@ const Im = (e) => /* @__PURE__ */ p(
               l({
                 fullname: n.values.fullname,
                 email: n.values.email,
-                reference: we,
+                reference: q.reference,
                 amount: t,
                 currency: e
               });
             }, 3e3);
           }
-        } catch (X) {
+        } catch (q) {
           K.complete("fail"), he.error({
             title: "",
-            description: ((ve = X == null ? void 0 : X.raw) == null ? void 0 : ve.message) ?? (X == null ? void 0 : X.message) ?? "We couldn't initialize your payment"
+            description: ((ve = q == null ? void 0 : q.raw) == null ? void 0 : ve.message) ?? (q == null ? void 0 : q.message) ?? "We couldn't initialize your payment"
           }), oe(!1);
         }
       }), M == null || M.show());
@@ -10679,7 +10679,7 @@ const Im = (e) => /* @__PURE__ */ p(
       x,
       I
     ]);
-    return /* @__PURE__ */ s(q, { children: M && ((L == null ? void 0 : L.applePay) || (L == null ? void 0 : L.googlePay)) && /* @__PURE__ */ p(q, { children: [
+    return /* @__PURE__ */ s(J, { children: M && ((L == null ? void 0 : L.applePay) || (L == null ? void 0 : L.googlePay)) && /* @__PURE__ */ p(J, { children: [
       (L == null ? void 0 : L.applePay) && /* @__PURE__ */ s(
         mt,
         {
@@ -10926,13 +10926,13 @@ const tl = /* @__PURE__ */ new Map([
   Styles: A
 }) => {
   var Je, Xe, me;
-  const L = fl(), J = hl();
+  const L = fl(), X = hl();
   ge(null);
-  const [O, P] = R(0), [D, Ne] = R(0), ae = typeof window < "u" ? JSON.parse(window.localStorage.getItem("userIp")) : "", { mutate: oe, data: U } = pn(y), [te, k] = R(!1), [H, K] = R(""), [we, ye] = R(""), [ue, ve] = R(0), X = ge(null), Fe = (t == null ? void 0 : t.country) ?? (ae == null ? void 0 : ae.country_name), ce = (Je = Ce == null ? void 0 : Ce.find(
-    (G) => G.name === Fe
+  const [O, P] = R(0), [D, Te] = R(0), ae = typeof window < "u" ? JSON.parse(window.localStorage.getItem("userIp")) : "", { mutate: oe, data: U } = pn(y), [te, k] = R(!1), [H, K] = R(""), [Ne, ye] = R(""), [ue, ve] = R(0), q = ge(null), we = (t == null ? void 0 : t.country) ?? (ae == null ? void 0 : ae.country_name), ce = (Je = Ce == null ? void 0 : Ce.find(
+    (G) => G.name === we
   )) == null ? void 0 : Je.alpha2Code, ke = n.values.street, xe = async (G) => {
     var de, ba, Qe;
-    if (G.preventDefault(), !L || !J) {
+    if (G.preventDefault(), !L || !X) {
       he.error({
         title: "",
         description: "Couldn't process payment, please reload and try again"
@@ -10947,7 +10947,7 @@ const tl = /* @__PURE__ */ new Map([
         amount: 0
       });
     else {
-      const ea = J == null ? void 0 : J.getElement(fr);
+      const ea = X == null ? void 0 : X.getElement(fr);
       if (!ea)
         return;
       let Z;
@@ -10960,14 +10960,14 @@ const tl = /* @__PURE__ */ new Map([
           address: {
             country: ce,
             line1: ke,
-            postal_code: we
+            postal_code: Ne
           }
         }
       }) : Z = await L.createToken(ea, {
         name: H,
         address_country: ce,
         address_line1: ke,
-        address_zip: we
+        address_zip: Ne
       }), Z.error)
         k(!1), he.error({
           title: "",
@@ -11041,21 +11041,21 @@ const tl = /* @__PURE__ */ new Map([
     },
     lineHeight: "28px",
     letterSpacing: "-0.2px"
-  }, ne = (Xe = Ce == null ? void 0 : Ce.find((G) => G.name === n.values.country)) != null && Xe.alpha2Code && we ? Qm(
-    we,
+  }, ne = (Xe = Ce == null ? void 0 : Ce.find((G) => G.name === n.values.country)) != null && Xe.alpha2Code && Ne ? Qm(
+    Ne,
     ((me = Ce == null ? void 0 : Ce.find((G) => G.name === n.values.country)) == null ? void 0 : me.alpha2Code) ?? ""
   ) : null;
   return le(() => {
     const G = () => {
-      X.current && ve(X.current.offsetWidth);
+      q.current && ve(q.current.offsetWidth);
     };
     return G(), window.addEventListener("resize", G), () => {
       window.removeEventListener("resize", G);
     };
-  }, []), /* @__PURE__ */ s(q, { children: i && /* @__PURE__ */ s("div", { className: "mpl:relative", children: r ? /* @__PURE__ */ s(q, {}) : /* @__PURE__ */ s(pt, { in: l, animateOpacity: !0, children: /* @__PURE__ */ p(
+  }, []), /* @__PURE__ */ s(J, { children: i && /* @__PURE__ */ s("div", { className: "mpl:relative", children: r ? /* @__PURE__ */ s(J, {}) : /* @__PURE__ */ s(pt, { in: l, animateOpacity: !0, children: /* @__PURE__ */ p(
     "div",
     {
-      ref: X,
+      ref: q,
       className: "mpl:mt-24 mpl:font-inherit collapse-wrapper",
       children: [
         /* @__PURE__ */ p("div", { className: "mpl:grid mpl:gap-16", children: [
@@ -11377,7 +11377,7 @@ const tl = /* @__PURE__ */ new Map([
 }, Symbol.toStringTag, { value: "Module" })), rp = "data:image/png;base64,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", lp = ({
   isOpen: e,
   onClose: a
-}) => /* @__PURE__ */ s(q, { children: /* @__PURE__ */ s(
+}) => /* @__PURE__ */ s(J, { children: /* @__PURE__ */ s(
   rl,
   {
     open: e,

package/build/mainstack-payments.js

@@ -1,4 +1,4 @@
-import { d as e, e as t, S as n, M as y, f as P, P as m, g as o, h as r, W as u, c as i, b as c, i as l, j as d, k, u as C, a as M, l as h, m as F } from "./index-DvHbcsZ0.js";
+import { d as e, e as t, S as n, M as y, f as P, P as m, g as o, h as r, W as u, c as i, b as c, i as l, j as d, k, u as C, a as M, l as h, m as F } from "./index-Di1ugn5_.js";
 export {
   e as CheckoutForm,
   t as ContactForm,