mainstack-payments 2.0.2 → 2.0.3

package/build/{CashAppPayment-ByktxjXA.js → CashAppPayment-B8Nptk48.js}

@@ -1,7 +1,7 @@
 import { jsxs as m, jsx as a } from "react/jsx-runtime";
-import { u as I, a as A, v as N, C as S } from "./index-BWm87vgg.js";
+import { u as I, a as A, v as N, C as S } from "./index-Da917IzI.js";
 import { toast as z, BodyText as B, ChevronRightIcon as E } from "mainstack-design-system";
-import { u as H } from "./payments-CjiNVkeO.js";
+import { u as H } from "./payments-B3Hm80pK.js";
 import { memo as $, useState as b, useCallback as P } from "react";
 const j = (i) => /* @__PURE__ */ m(
   "svg",

package/build/{CryptoPayments-BkqcfMtz.js → CryptoPayments-T-b2WqT2.js}

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as a } from "react/jsx-runtime";
-import { u as x, a as v, C as I, v as S } from "./index-BWm87vgg.js";
+import { u as x, a as v, C as I, v as S } from "./index-Da917IzI.js";
 import { BodyText as E, ChevronRightIcon as z, toast as N } from "mainstack-design-system";
-import { u as $ } from "./payments-CjiNVkeO.js";
+import { u as $ } from "./payments-B3Hm80pK.js";
 import { useState as b } from "react";
 const j = (i) => /* @__PURE__ */ l(
   "svg",

package/build/{index-BWm87vgg.js → index-Da917IzI.js}

@@ -1,7 +1,7 @@
 import { jsx as s, Fragment as Q, jsxs as p } from "react/jsx-runtime";
 import { ModalRoot as ol, ModalPortal as cl, ModalOverlay as dl, ModalBody as ul, ModalContentSlot as ml, ModalContentHeader as pl, ModalClose as gl, ModalContentMain as fl, HeadlineText as Yt, BodyText as P, ModalContentFooter as hl, Button as Ba, FormItem as Ea, FormLabel as $e, Input as Ia, FormErrorStatus as xt, PhoneNumberInput as zs, Spinner as Vs, ButtonRoot as qt, ButtonLabel as Jt, ButtonIcon as Xt, ChevronRightIcon as ia, useMatchMedia as lt, useDisclosure as Da, KeyboardBackSpaceIcon as Hs, KeyboardArrowDownIcon as It, toast as Ae, MainstackDesignSystemProvider as Zs, Toaster as Ws, TooltipRoot as ur, TooltipTrigger as mr, InfoIcon as pr, TooltipContent as gr, TooltipHeader as fr, TooltipTitle as hr, TooltipBody as yr, CountrySelect as Ys, LockIcon as qs, CancelIcon as vr } from "mainstack-design-system";
 import { useState as G, useEffect as le, useRef as pe, useCallback as Y, useMemo as st, createContext as Js, useLayoutEffect as Xs, forwardRef as yl, createElement as Qs, useContext as ei, lazy as ca, useImperativeHandle as ai, Suspense as aa, isValidElement as ti, memo as ni } from "react";
-import { g as vl, r as ri, l as li, E as si, u as bl, a as Sl, C as br, b as ii, c as oi } from "./payments-CjiNVkeO.js";
+import { g as vl, r as ri, l as li, E as si, u as bl, a as Sl, C as br, b as ii, c as oi } from "./payments-B3Hm80pK.js";
 import ci from "axios";
 import './index.css';const Qt = ({
   queryFn: e,
@@ -878,7 +878,7 @@ function gu(e) {
 function Wl(e) {
   return Ka(e) ? Hl(e, pu) : dn(e) ? [e] : Bl(mu(gu(e)));
 }
-var Yl = ri, fu = {
+var Yl = ri(), fu = {
   $$typeof: !0,
   render: !0,
   defaultProps: !0,
@@ -9018,7 +9018,7 @@ const Im = (e) => /* @__PURE__ */ p(
     },
     children: /* @__PURE__ */ s("div", { className: "mpl:overflow-hidden", children: a })
   }
-), jm = ca(() => Promise.resolve().then(() => Wm)), Rm = ca(() => Promise.resolve().then(() => ap)), Lm = ca(() => import("./CashAppPayment-ByktxjXA.js")), Km = ca(() => import("./CryptoPayments-BkqcfMtz.js")), zm = ca(() => Promise.resolve().then(() => Jm)), Vm = ca(
+), jm = ca(() => Promise.resolve().then(() => Wm)), Rm = ca(() => Promise.resolve().then(() => ap)), Lm = ca(() => import("./CashAppPayment-B8Nptk48.js")), Km = ca(() => import("./CryptoPayments-T-b2WqT2.js")), zm = ca(() => Promise.resolve().then(() => Jm)), Vm = ca(
   () => Promise.resolve().then(() => sp)
 ), Hm = ca(
   () => Promise.resolve().then(() => np).then((e) => ({

package/build/mainstack-payments.js

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

package/build/{payments-CjiNVkeO.js → payments-B3Hm80pK.js}

@@ -1,8 +1,8 @@
 import _ from "react";
-function Ke(r) {
+function Ge(r) {
   return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var he = { exports: {} }, Ee = { exports: {} }, R = {};
+var Ee = { exports: {} }, ue = { exports: {} }, R = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -12,7 +12,7 @@ var he = { exports: {} }, Ee = { exports: {} }, R = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Te;
-function Ge() {
+function He() {
   if (Te) return R;
   Te = 1;
   var r = typeof Symbol == "function" && Symbol.for, e = r ? Symbol.for("react.element") : 60103, t = r ? Symbol.for("react.portal") : 60106, n = r ? Symbol.for("react.fragment") : 60107, c = r ? Symbol.for("react.strict_mode") : 60108, a = r ? Symbol.for("react.profiler") : 60114, p = r ? Symbol.for("react.provider") : 60109, l = r ? Symbol.for("react.context") : 60110, f = r ? Symbol.for("react.async_mode") : 60111, h = r ? Symbol.for("react.concurrent_mode") : 60111, d = r ? Symbol.for("react.forward_ref") : 60112, y = r ? Symbol.for("react.suspense") : 60113, g = r ? Symbol.for("react.suspense_list") : 60120, A = r ? Symbol.for("react.memo") : 60115, I = r ? Symbol.for("react.lazy") : 60116, O = r ? Symbol.for("react.block") : 60121, k = r ? Symbol.for("react.fundamental") : 60117, Y = r ? Symbol.for("react.responder") : 60118, X = r ? Symbol.for("react.scope") : 60119;
@@ -87,7 +87,7 @@ var x = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Pe;
-function He() {
+function Xe() {
   return Pe || (Pe = 1, process.env.NODE_ENV !== "production" && function() {
     var r = typeof Symbol == "function" && Symbol.for, e = r ? Symbol.for("react.element") : 60103, t = r ? Symbol.for("react.portal") : 60106, n = r ? Symbol.for("react.fragment") : 60107, c = r ? Symbol.for("react.strict_mode") : 60108, a = r ? Symbol.for("react.profiler") : 60114, p = r ? Symbol.for("react.provider") : 60109, l = r ? Symbol.for("react.context") : 60110, f = r ? Symbol.for("react.async_mode") : 60111, h = r ? Symbol.for("react.concurrent_mode") : 60111, d = r ? Symbol.for("react.forward_ref") : 60112, y = r ? Symbol.for("react.suspense") : 60113, g = r ? Symbol.for("react.suspense_list") : 60120, A = r ? Symbol.for("react.memo") : 60115, I = r ? Symbol.for("react.lazy") : 60116, O = r ? Symbol.for("react.block") : 60121, k = r ? Symbol.for("react.fundamental") : 60117, Y = r ? Symbol.for("react.responder") : 60118, X = r ? Symbol.for("react.scope") : 60119;
     function $(u) {
@@ -169,17 +169,19 @@ function He() {
     x.AsyncMode = s, x.ConcurrentMode = z, x.ContextConsumer = ee, x.ContextProvider = re, x.Element = te, x.ForwardRef = K, x.Fragment = V, x.Lazy = G, x.Memo = ne, x.Portal = J, x.Profiler = W, x.StrictMode = F, x.Suspense = D, x.isAsyncMode = Z, x.isConcurrentMode = o, x.isContextConsumer = i, x.isContextProvider = C, x.isElement = E, x.isForwardRef = v, x.isFragment = S, x.isLazy = m, x.isMemo = b, x.isPortal = T, x.isProfiler = w, x.isStrictMode = P, x.isSuspense = U, x.isValidElementType = $, x.typeOf = M;
   }()), x;
 }
-process.env.NODE_ENV === "production" ? Ee.exports = Ge() : Ee.exports = He();
-var qe = Ee.exports;
+var Oe;
+function We() {
+  return Oe || (Oe = 1, process.env.NODE_ENV === "production" ? ue.exports = He() : ue.exports = Xe()), ue.exports;
+}
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var le, Oe;
-function Xe() {
-  if (Oe) return le;
-  Oe = 1;
+var pe, Re;
+function Ze() {
+  if (Re) return pe;
+  Re = 1;
   var r = Object.getOwnPropertySymbols, e = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
   function n(a) {
     if (a == null)
@@ -208,7 +210,7 @@ function Xe() {
       return !1;
     }
   }
-  return le = c() ? Object.assign : function(a, p) {
+  return pe = c() ? Object.assign : function(a, p) {
     for (var l, f = n(a), h, d = 1; d < arguments.length; d++) {
       l = Object(arguments[d]);
       for (var y in l)
@@ -220,27 +222,27 @@ function Xe() {
       }
     }
     return f;
-  }, le;
+  }, pe;
 }
-var pe, Re;
+var de, xe;
 function Ce() {
-  if (Re) return pe;
-  Re = 1;
+  if (xe) return de;
+  xe = 1;
   var r = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return pe = r, pe;
-}
-var de, xe;
-function We() {
-  return xe || (xe = 1, de = Function.call.bind(Object.prototype.hasOwnProperty)), de;
+  return de = r, de;
 }
 var ve, we;
-function Ze() {
-  if (we) return ve;
-  we = 1;
+function Ye() {
+  return we || (we = 1, ve = Function.call.bind(Object.prototype.hasOwnProperty)), ve;
+}
+var ye, _e;
+function Qe() {
+  if (_e) return ye;
+  _e = 1;
   var r = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var e = Ce(), t = {}, n = We();
+    var e = Ce(), t = {}, n = Ye();
     r = function(a) {
       var p = "Warning: " + a;
       typeof console < "u" && console.error(p);
@@ -280,13 +282,13 @@ function Ze() {
   }
   return c.resetWarningCache = function() {
     process.env.NODE_ENV !== "production" && (t = {});
-  }, ve = c, ve;
+  }, ye = c, ye;
 }
-var ye, _e;
-function Qe() {
-  if (_e) return ye;
-  _e = 1;
-  var r = qe, e = Xe(), t = Ce(), n = We(), c = Ze(), a = function() {
+var me, Ae;
+function er() {
+  if (Ae) return me;
+  Ae = 1;
+  var r = We(), e = Ze(), t = Ce(), n = Ye(), c = Qe(), a = function() {
   };
   process.env.NODE_ENV !== "production" && (a = function(l) {
     var f = "Warning: " + l;
@@ -299,7 +301,7 @@ function Qe() {
   function p() {
     return null;
   }
-  return ye = function(l, f) {
+  return me = function(l, f) {
     var h = typeof Symbol == "function" && Symbol.iterator, d = "@@iterator";
     function y(o) {
       var i = o && (h && o[h] || o[d]);
@@ -601,18 +603,18 @@ Valid keys: ` + JSON.stringify(Object.keys(o), null, "  ")
       return !o.constructor || !o.constructor.name ? g : o.constructor.name;
     }
     return A.checkPropTypes = c, A.resetWarningCache = c.resetWarningCache, A.PropTypes = A, A;
-  }, ye;
+  }, me;
 }
-var me, Ae;
-function er() {
-  if (Ae) return me;
-  Ae = 1;
+var he, je;
+function rr() {
+  if (je) return he;
+  je = 1;
   var r = Ce();
   function e() {
   }
   function t() {
   }
-  return t.resetWarningCache = e, me = function() {
+  return t.resetWarningCache = e, he = function() {
     function n(p, l, f, h, d, y) {
       if (y !== r) {
         var g = new Error(
@@ -649,16 +651,16 @@ function er() {
       resetWarningCache: e
     };
     return a.PropTypes = a, a;
-  }, me;
+  }, he;
 }
 if (process.env.NODE_ENV !== "production") {
-  var rr = qe, tr = !0;
-  he.exports = Qe()(rr.isElement, tr);
+  var tr = We(), nr = !0;
+  Ee.exports = er()(tr.isElement, nr);
 } else
-  he.exports = er()();
-var nr = he.exports;
-const j = /* @__PURE__ */ Ke(nr);
-function je(r, e) {
+  Ee.exports = rr()();
+var or = Ee.exports;
+const j = /* @__PURE__ */ Ge(or);
+function ke(r, e) {
   var t = Object.keys(r);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(r);
@@ -668,26 +670,26 @@ function je(r, e) {
   }
   return t;
 }
-function ke(r) {
+function Ie(r) {
   for (var e = 1; e < arguments.length; e++) {
     var t = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? je(Object(t), !0).forEach(function(n) {
-      Ye(r, n, t[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(t)) : je(Object(t)).forEach(function(n) {
+    e % 2 ? ke(Object(t), !0).forEach(function(n) {
+      De(r, n, t[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(t)) : ke(Object(t)).forEach(function(n) {
       Object.defineProperty(r, n, Object.getOwnPropertyDescriptor(t, n));
     });
   }
   return r;
 }
-function ce(r) {
+function fe(r) {
   "@babel/helpers - typeof";
-  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? ce = function(e) {
+  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? fe = function(e) {
     return typeof e;
-  } : ce = function(e) {
+  } : fe = function(e) {
     return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-  }, ce(r);
+  }, fe(r);
 }
-function Ye(r, e, t) {
+function De(r, e, t) {
   return e in r ? Object.defineProperty(r, e, {
     value: t,
     enumerable: !0,
@@ -695,13 +697,13 @@ function Ye(r, e, t) {
     writable: !0
   }) : r[e] = t, r;
 }
-function De(r, e) {
-  return or(r) || ar(r, e) || ir(r, e) || ur();
+function Ue(r, e) {
+  return ar(r) || ir(r, e) || ur(r, e) || sr();
 }
-function or(r) {
+function ar(r) {
   if (Array.isArray(r)) return r;
 }
-function ar(r, e) {
+function ir(r, e) {
   var t = r && (typeof Symbol < "u" && r[Symbol.iterator] || r["@@iterator"]);
   if (t != null) {
     var n = [], c = !0, a = !1, p, l;
@@ -720,20 +722,20 @@ function ar(r, e) {
     return n;
   }
 }
-function ir(r, e) {
+function ur(r, e) {
   if (r) {
-    if (typeof r == "string") return Ie(r, e);
+    if (typeof r == "string") return Me(r, e);
     var t = Object.prototype.toString.call(r).slice(8, -1);
     if (t === "Object" && r.constructor && (t = r.constructor.name), t === "Map" || t === "Set") return Array.from(r);
-    if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return Ie(r, e);
+    if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return Me(r, e);
   }
 }
-function Ie(r, e) {
+function Me(r, e) {
   (e == null || e > r.length) && (e = r.length);
   for (var t = 0, n = new Array(e); t < e; t++) n[t] = r[t];
   return n;
 }
-function ur() {
+function sr() {
   throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
@@ -758,17 +760,17 @@ var N = function(e, t, n) {
     t.current = e;
   }, [e]), t.current;
 }, Q = function(e) {
-  return e !== null && ce(e) === "object";
-}, sr = function(e) {
-  return Q(e) && typeof e.then == "function";
+  return e !== null && fe(e) === "object";
 }, cr = function(e) {
+  return Q(e) && typeof e.then == "function";
+}, fr = function(e) {
   return Q(e) && typeof e.elements == "function" && typeof e.createToken == "function" && typeof e.createPaymentMethod == "function" && typeof e.confirmCardPayment == "function";
-}, Me = "[object Object]", fr = function r(e, t) {
+}, $e = "[object Object]", lr = function r(e, t) {
   if (!Q(e) || !Q(t))
     return e === t;
   var n = Array.isArray(e), c = Array.isArray(t);
   if (n !== c) return !1;
-  var a = Object.prototype.toString.call(e) === Me, p = Object.prototype.toString.call(t) === Me;
+  var a = Object.prototype.toString.call(e) === $e, p = Object.prototype.toString.call(t) === $e;
   if (a !== p) return !1;
   if (!a && !n) return e === t;
   var l = Object.keys(e), f = Object.keys(t);
@@ -784,33 +786,33 @@ var N = function(e, t, n) {
     return r(A[Y], I[Y]);
   };
   return g.every(O);
-}, Ue = function(e, t, n) {
+}, Ne = function(e, t, n) {
   return Q(e) ? Object.keys(e).reduce(function(c, a) {
-    var p = !Q(t) || !fr(e[a], t[a]);
-    return n.includes(a) ? (p && console.warn("Unsupported prop change: options.".concat(a, " is not a mutable property.")), c) : p ? ke(ke({}, c || {}), {}, Ye({}, a, e[a])) : c;
+    var p = !Q(t) || !lr(e[a], t[a]);
+    return n.includes(a) ? (p && console.warn("Unsupported prop change: options.".concat(a, " is not a mutable property.")), c) : p ? Ie(Ie({}, c || {}), {}, De({}, a, e[a])) : c;
   }, null) : null;
-}, Ne = "Invalid prop `stripe` supplied to `Elements`. We recommend using the `loadStripe` utility from `@stripe/stripe-js`. See https://stripe.com/docs/stripe-js/react#elements-props-stripe for details.", $e = function(e) {
-  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : Ne;
-  if (e === null || cr(e))
+}, Fe = "Invalid prop `stripe` supplied to `Elements`. We recommend using the `loadStripe` utility from `@stripe/stripe-js`. See https://stripe.com/docs/stripe-js/react#elements-props-stripe for details.", Le = function(e) {
+  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : Fe;
+  if (e === null || fr(e))
     return e;
   throw new Error(t);
-}, lr = function(e) {
-  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : Ne;
-  if (sr(e))
+}, pr = function(e) {
+  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : Fe;
+  if (cr(e))
     return {
       tag: "async",
       stripePromise: Promise.resolve(e).then(function(c) {
-        return $e(c, t);
+        return Le(c, t);
       })
     };
-  var n = $e(e, t);
+  var n = Le(e, t);
   return n === null ? {
     tag: "empty"
   } : {
     tag: "sync",
     stripe: n
   };
-}, pr = function(e) {
+}, dr = function(e) {
   !e || !e._registerWrapper || !e.registerAppInfo || (e._registerWrapper({
     name: "react-stripe-js",
     version: "2.7.0"
@@ -819,21 +821,21 @@ var N = function(e, t, n) {
     version: "2.7.0",
     url: "https://stripe.com/docs/stripe-js/react"
   }));
-}, fe = /* @__PURE__ */ _.createContext(null);
-fe.displayName = "ElementsContext";
-var Fe = function(e, t) {
+}, le = /* @__PURE__ */ _.createContext(null);
+le.displayName = "ElementsContext";
+var Be = function(e, t) {
   if (!e)
     throw new Error("Could not find Elements context; You need to wrap the part of your app that ".concat(t, " in an <Elements> provider."));
   return e;
-}, dr = function(e) {
+}, vr = function(e) {
   var t = e.stripe, n = e.options, c = e.children, a = _.useMemo(function() {
-    return lr(t);
+    return pr(t);
   }, [t]), p = _.useState(function() {
     return {
       stripe: a.tag === "sync" ? a.stripe : null,
       elements: a.tag === "sync" ? a.stripe.elements(n) : null
     };
-  }), l = De(p, 2), f = l[0], h = l[1];
+  }), l = Ue(p, 2), f = l[0], h = l[1];
   _.useEffect(function() {
     var g = !0, A = function(O) {
       h(function(k) {
@@ -856,49 +858,49 @@ var Fe = function(e, t) {
   var y = be(n);
   return _.useEffect(function() {
     if (f.elements) {
-      var g = Ue(n, y, ["clientSecret", "fonts"]);
+      var g = Ne(n, y, ["clientSecret", "fonts"]);
       g && f.elements.update(g);
     }
   }, [n, y, f.elements]), _.useEffect(function() {
-    pr(f.stripe);
-  }, [f.stripe]), /* @__PURE__ */ _.createElement(fe.Provider, {
+    dr(f.stripe);
+  }, [f.stripe]), /* @__PURE__ */ _.createElement(le.Provider, {
     value: f
   }, c);
 };
-dr.propTypes = {
+vr.propTypes = {
   stripe: j.any,
   options: j.object
 };
-var vr = function(e) {
-  var t = _.useContext(fe);
-  return Fe(t, e);
-}, xr = function() {
-  var e = vr("calls useElements()"), t = e.elements;
+var yr = function(e) {
+  var t = _.useContext(le);
+  return Be(t, e);
+}, wr = function() {
+  var e = yr("calls useElements()"), t = e.elements;
   return t;
 };
 j.func.isRequired;
-var Be = /* @__PURE__ */ _.createContext(null);
-Be.displayName = "CustomCheckoutSdkContext";
-var yr = function(e, t) {
+var ze = /* @__PURE__ */ _.createContext(null);
+ze.displayName = "CustomCheckoutSdkContext";
+var mr = function(e, t) {
   if (!e)
     throw new Error("Could not find CustomCheckoutProvider context; You need to wrap the part of your app that ".concat(t, " in an <CustomCheckoutProvider> provider."));
   return e;
-}, mr = /* @__PURE__ */ _.createContext(null);
-mr.displayName = "CustomCheckoutContext";
+}, hr = /* @__PURE__ */ _.createContext(null);
+hr.displayName = "CustomCheckoutContext";
 j.any, j.shape({
   clientSecret: j.string.isRequired,
   elementsOptions: j.object
 }).isRequired;
 var ge = function(e) {
-  var t = _.useContext(Be), n = _.useContext(fe);
+  var t = _.useContext(ze), n = _.useContext(le);
   if (t && n)
     throw new Error("You cannot wrap the part of your app that ".concat(e, " in both <CustomCheckoutProvider> and <Elements> providers."));
-  return t ? yr(t, e) : Fe(n, e);
-}, hr = function(e) {
+  return t ? mr(t, e) : Be(n, e);
+}, Er = function(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }, L = function(e, t) {
-  var n = "".concat(hr(e), "Element"), c = function(f) {
-    var h = f.id, d = f.className, y = f.options, g = y === void 0 ? {} : y, A = f.onBlur, I = f.onFocus, O = f.onReady, k = f.onChange, Y = f.onEscape, X = f.onClick, $ = f.onLoadError, M = f.onLoaderStart, s = f.onNetworksChange, z = f.onConfirm, ee = f.onCancel, re = f.onShippingAddressChange, te = f.onShippingRateChange, K = ge("mounts <".concat(n, ">")), V = "elements" in K ? K.elements : null, G = "customCheckoutSdk" in K ? K.customCheckoutSdk : null, ne = _.useState(null), J = De(ne, 2), W = J[0], F = J[1], D = _.useRef(null), H = _.useRef(null);
+  var n = "".concat(Er(e), "Element"), c = function(f) {
+    var h = f.id, d = f.className, y = f.options, g = y === void 0 ? {} : y, A = f.onBlur, I = f.onFocus, O = f.onReady, k = f.onChange, Y = f.onEscape, X = f.onClick, $ = f.onLoadError, M = f.onLoaderStart, s = f.onNetworksChange, z = f.onConfirm, ee = f.onCancel, re = f.onShippingAddressChange, te = f.onShippingRateChange, K = ge("mounts <".concat(n, ">")), V = "elements" in K ? K.elements : null, G = "customCheckoutSdk" in K ? K.customCheckoutSdk : null, ne = _.useState(null), J = Ue(ne, 2), W = J[0], F = J[1], D = _.useRef(null), H = _.useRef(null);
     N(W, "blur", A), N(W, "focus", I), N(W, "escape", Y), N(W, "click", X), N(W, "loaderror", $), N(W, "loaderstart", M), N(W, "networkschange", s), N(W, "confirm", z), N(W, "cancel", ee), N(W, "shippingaddresschange", re), N(W, "shippingratechange", te), N(W, "change", k);
     var Z;
     O && (e === "expressCheckout" ? Z = O : Z = function() {
@@ -912,7 +914,7 @@ var ge = function(e) {
     var o = be(g);
     return _.useEffect(function() {
       if (D.current) {
-        var i = Ue(g, o, ["paymentRequest"]);
+        var i = Ne(g, o, ["paymentRequest"]);
         i && D.current.update(i);
       }
     }, [g, o]), _.useLayoutEffect(function() {
@@ -954,15 +956,15 @@ var ge = function(e) {
     onShippingRateChange: j.func,
     options: j.object
   }, p.displayName = n, p.__elementType = e, p;
-}, q = typeof window > "u", Er = /* @__PURE__ */ _.createContext(null);
-Er.displayName = "EmbeddedCheckoutProviderContext";
-var wr = function() {
+}, q = typeof window > "u", br = /* @__PURE__ */ _.createContext(null);
+br.displayName = "EmbeddedCheckoutProviderContext";
+var _r = function() {
   var e = ge("calls useStripe()"), t = e.stripe;
   return t;
 };
 L("auBankAccount", q);
 L("card", q);
-var _r = L("cardNumber", q), Ar = L("cardExpiry", q), jr = L("cardCvc", q);
+var Ar = L("cardNumber", q), jr = L("cardExpiry", q), kr = L("cardCvc", q);
 L("fpxBank", q);
 L("iban", q);
 L("idealBank", q);
@@ -977,36 +979,36 @@ L("shippingAddress", q);
 L("paymentMethodMessaging", q);
 L("affirmMessage", q);
 L("afterpayClearpayMessage", q);
-var ze = "https://js.stripe.com/v3", br = /^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/;
-var gr = function() {
-  for (var e = document.querySelectorAll('script[src^="'.concat(ze, '"]')), t = 0; t < e.length; t++) {
+var Ve = "https://js.stripe.com/v3", gr = /^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/;
+var Cr = function() {
+  for (var e = document.querySelectorAll('script[src^="'.concat(Ve, '"]')), t = 0; t < e.length; t++) {
     var n = e[t];
-    if (br.test(n.src))
+    if (gr.test(n.src))
       return n;
   }
   return null;
-}, Le = function(e) {
+}, qe = function(e) {
   var t = "", n = document.createElement("script");
-  n.src = "".concat(ze).concat(t);
+  n.src = "".concat(Ve).concat(t);
   var c = document.head || document.body;
   if (!c)
     throw new Error("Expected document.body not to be null. Stripe.js requires a <body> element.");
   return c.appendChild(n), n;
-}, Cr = function(e, t) {
+}, Sr = function(e, t) {
   !e || !e._registerWrapper || e._registerWrapper({
     name: "stripe-js",
     version: "3.5.0",
     startTime: t
   });
-}, oe = null, ue = null, se = null, Sr = function(e) {
+}, oe = null, se = null, ce = null, Tr = function(e) {
   return function() {
     e(new Error("Failed to load Stripe.js"));
   };
-}, Tr = function(e, t) {
+}, Pr = function(e, t) {
   return function() {
     window.Stripe ? e(window.Stripe) : t(new Error("Stripe.js not available"));
   };
-}, Pr = function(e) {
+}, Or = function(e) {
   return oe !== null ? oe : (oe = new Promise(function(t, n) {
     if (typeof window > "u" || typeof document > "u") {
       t(null);
@@ -1017,16 +1019,16 @@ var gr = function() {
       return;
     }
     try {
-      var c = gr();
+      var c = Cr();
       if (!(c && e)) {
         if (!c)
-          c = Le(e);
-        else if (c && se !== null && ue !== null) {
+          c = qe(e);
+        else if (c && ce !== null && se !== null) {
           var a;
-          c.removeEventListener("load", se), c.removeEventListener("error", ue), (a = c.parentNode) === null || a === void 0 || a.removeChild(c), c = Le(e);
+          c.removeEventListener("load", ce), c.removeEventListener("error", se), (a = c.parentNode) === null || a === void 0 || a.removeChild(c), c = qe(e);
         }
       }
-      se = Tr(t, n), ue = Sr(n), c.addEventListener("load", se), c.addEventListener("error", ue);
+      ce = Pr(t, n), se = Tr(n), c.addEventListener("load", ce), c.addEventListener("error", se);
     } catch (p) {
       n(p);
       return;
@@ -1034,38 +1036,38 @@ var gr = function() {
   }), oe.catch(function(t) {
     return oe = null, Promise.reject(t);
   }));
-}, Or = function(e, t, n) {
+}, Rr = function(e, t, n) {
   if (e === null)
     return null;
   var c = e.apply(void 0, t);
-  return Cr(c, n), c;
-}, ae, Ve = !1, Je = function() {
-  return ae || (ae = Pr(null).catch(function(e) {
+  return Sr(c, n), c;
+}, ae, Je = !1, Ke = function() {
+  return ae || (ae = Or(null).catch(function(e) {
     return ae = null, Promise.reject(e);
   }), ae);
 };
 Promise.resolve().then(function() {
-  return Je();
+  return Ke();
 }).catch(function(r) {
-  Ve || console.warn(r);
+  Je || console.warn(r);
 });
-var kr = function() {
+var Ir = function() {
   for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
     t[n] = arguments[n];
-  Ve = !0;
+  Je = !0;
   var c = Date.now();
-  return Je().then(function(a) {
-    return Or(a, t, c);
+  return Ke().then(function(a) {
+    return Rr(a, t, c);
   });
 };
 export {
-  _r as C,
-  dr as E,
-  xr as a,
-  Ar as b,
-  jr as c,
-  Ke as g,
-  kr as l,
-  qe as r,
-  wr as u
+  Ar as C,
+  vr as E,
+  wr as a,
+  jr as b,
+  kr as c,
+  Ge as g,
+  Ir as l,
+  We as r,
+  _r as u
 };

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "mainstack-payments",
   "type": "module",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "main": "build/mainstack-payments.js",
   "types": "build/src/index.d.ts",
-  "style": "build/style.css",
+  "style": "build/index.css",
   "exports": {
     ".": {
       "types": "./build/src/index.d.ts",
       "import": "./build/mainstack-payments.js"
     },
-    "./style.css": "./build/style.css"
+    "./style.css": "./build/index.css"
   },
   "files": [
     "build"