mainstack-payments 2.0.1 → 2.0.2

package/build/{CashAppPayment-B8Nptk48.js → CashAppPayment-ByktxjXA.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-Da917IzI.js";
+import { u as I, a as A, v as N, C as S } from "./index-BWm87vgg.js";
 import { toast as z, BodyText as B, ChevronRightIcon as E } from "mainstack-design-system";
-import { u as H } from "./payments-B3Hm80pK.js";
+import { u as H } from "./payments-CjiNVkeO.js";
 import { memo as $, useState as b, useCallback as P } from "react";
 const j = (i) => /* @__PURE__ */ m(
   "svg",

package/build/{CryptoPayments-T-b2WqT2.js → CryptoPayments-BkqcfMtz.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-Da917IzI.js";
+import { u as x, a as v, C as I, v as S } from "./index-BWm87vgg.js";
 import { BodyText as E, ChevronRightIcon as z, toast as N } from "mainstack-design-system";
-import { u as $ } from "./payments-B3Hm80pK.js";
+import { u as $ } from "./payments-CjiNVkeO.js";
 import { useState as b } from "react";
 const j = (i) => /* @__PURE__ */ l(
   "svg",

package/build/{index-Da917IzI.js → index-BWm87vgg.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-B3Hm80pK.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-CjiNVkeO.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-B8Nptk48.js")), Km = ca(() => import("./CryptoPayments-T-b2WqT2.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-ByktxjXA.js")), Km = ca(() => import("./CryptoPayments-BkqcfMtz.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-Da917IzI.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-BWm87vgg.js";
 export {
   e as CheckoutForm,
   t as ContactForm,

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

@@ -1,8 +1,8 @@
 import _ from "react";
-function Ge(r) {
+function Ke(r) {
   return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var Ee = { exports: {} }, ue = { exports: {} }, R = {};
+var he = { exports: {} }, Ee = { exports: {} }, R = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -12,7 +12,7 @@ var Ee = { exports: {} }, ue = { exports: {} }, R = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Te;
-function He() {
+function Ge() {
   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 Xe() {
+function He() {
   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,19 +169,17 @@ function Xe() {
     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;
 }
-var Oe;
-function We() {
-  return Oe || (Oe = 1, process.env.NODE_ENV === "production" ? ue.exports = He() : ue.exports = Xe()), ue.exports;
-}
+process.env.NODE_ENV === "production" ? Ee.exports = Ge() : Ee.exports = He();
+var qe = Ee.exports;
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var pe, Re;
-function Ze() {
-  if (Re) return pe;
-  Re = 1;
+var le, Oe;
+function Xe() {
+  if (Oe) return le;
+  Oe = 1;
   var r = Object.getOwnPropertySymbols, e = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
   function n(a) {
     if (a == null)
@@ -210,7 +208,7 @@ function Ze() {
       return !1;
     }
   }
-  return pe = c() ? Object.assign : function(a, p) {
+  return le = 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)
@@ -222,27 +220,27 @@ function Ze() {
       }
     }
     return f;
-  }, pe;
+  }, le;
 }
-var de, xe;
+var pe, Re;
 function Ce() {
-  if (xe) return de;
-  xe = 1;
+  if (Re) return pe;
+  Re = 1;
   var r = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return de = r, de;
+  return pe = r, pe;
 }
-var ve, we;
-function Ye() {
-  return we || (we = 1, ve = Function.call.bind(Object.prototype.hasOwnProperty)), ve;
+var de, xe;
+function We() {
+  return xe || (xe = 1, de = Function.call.bind(Object.prototype.hasOwnProperty)), de;
 }
-var ye, _e;
-function Qe() {
-  if (_e) return ye;
-  _e = 1;
+var ve, we;
+function Ze() {
+  if (we) return ve;
+  we = 1;
   var r = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var e = Ce(), t = {}, n = Ye();
+    var e = Ce(), t = {}, n = We();
     r = function(a) {
       var p = "Warning: " + a;
       typeof console < "u" && console.error(p);
@@ -282,13 +280,13 @@ function Qe() {
   }
   return c.resetWarningCache = function() {
     process.env.NODE_ENV !== "production" && (t = {});
-  }, ye = c, ye;
+  }, ve = c, ve;
 }
-var me, Ae;
-function er() {
-  if (Ae) return me;
-  Ae = 1;
-  var r = We(), e = Ze(), t = Ce(), n = Ye(), c = Qe(), a = function() {
+var ye, _e;
+function Qe() {
+  if (_e) return ye;
+  _e = 1;
+  var r = qe, e = Xe(), t = Ce(), n = We(), c = Ze(), a = function() {
   };
   process.env.NODE_ENV !== "production" && (a = function(l) {
     var f = "Warning: " + l;
@@ -301,7 +299,7 @@ function er() {
   function p() {
     return null;
   }
-  return me = function(l, f) {
+  return ye = function(l, f) {
     var h = typeof Symbol == "function" && Symbol.iterator, d = "@@iterator";
     function y(o) {
       var i = o && (h && o[h] || o[d]);
@@ -603,18 +601,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;
-  }, me;
+  }, ye;
 }
-var he, je;
-function rr() {
-  if (je) return he;
-  je = 1;
+var me, Ae;
+function er() {
+  if (Ae) return me;
+  Ae = 1;
   var r = Ce();
   function e() {
   }
   function t() {
   }
-  return t.resetWarningCache = e, he = function() {
+  return t.resetWarningCache = e, me = function() {
     function n(p, l, f, h, d, y) {
       if (y !== r) {
         var g = new Error(
@@ -651,16 +649,16 @@ function rr() {
       resetWarningCache: e
     };
     return a.PropTypes = a, a;
-  }, he;
+  }, me;
 }
 if (process.env.NODE_ENV !== "production") {
-  var tr = We(), nr = !0;
-  Ee.exports = er()(tr.isElement, nr);
+  var rr = qe, tr = !0;
+  he.exports = Qe()(rr.isElement, tr);
 } else
-  Ee.exports = rr()();
-var or = Ee.exports;
-const j = /* @__PURE__ */ Ge(or);
-function ke(r, e) {
+  he.exports = er()();
+var nr = he.exports;
+const j = /* @__PURE__ */ Ke(nr);
+function je(r, e) {
   var t = Object.keys(r);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(r);
@@ -670,26 +668,26 @@ function ke(r, e) {
   }
   return t;
 }
-function Ie(r) {
+function ke(r) {
   for (var e = 1; e < arguments.length; e++) {
     var t = arguments[e] != null ? arguments[e] : {};
-    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) {
+    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) {
       Object.defineProperty(r, n, Object.getOwnPropertyDescriptor(t, n));
     });
   }
   return r;
 }
-function fe(r) {
+function ce(r) {
   "@babel/helpers - typeof";
-  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? fe = function(e) {
+  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? ce = function(e) {
     return typeof e;
-  } : fe = function(e) {
+  } : ce = function(e) {
     return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-  }, fe(r);
+  }, ce(r);
 }
-function De(r, e, t) {
+function Ye(r, e, t) {
   return e in r ? Object.defineProperty(r, e, {
     value: t,
     enumerable: !0,
@@ -697,13 +695,13 @@ function De(r, e, t) {
     writable: !0
   }) : r[e] = t, r;
 }
-function Ue(r, e) {
-  return ar(r) || ir(r, e) || ur(r, e) || sr();
+function De(r, e) {
+  return or(r) || ar(r, e) || ir(r, e) || ur();
 }
-function ar(r) {
+function or(r) {
   if (Array.isArray(r)) return r;
 }
-function ir(r, e) {
+function ar(r, e) {
   var t = r && (typeof Symbol < "u" && r[Symbol.iterator] || r["@@iterator"]);
   if (t != null) {
     var n = [], c = !0, a = !1, p, l;
@@ -722,20 +720,20 @@ function ir(r, e) {
     return n;
   }
 }
-function ur(r, e) {
+function ir(r, e) {
   if (r) {
-    if (typeof r == "string") return Me(r, e);
+    if (typeof r == "string") return Ie(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 Me(r, e);
+    if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return Ie(r, e);
   }
 }
-function Me(r, e) {
+function Ie(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 sr() {
+function ur() {
   throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
@@ -760,17 +758,17 @@ var N = function(e, t, n) {
     t.current = e;
   }, [e]), t.current;
 }, Q = function(e) {
-  return e !== null && fe(e) === "object";
-}, cr = function(e) {
+  return e !== null && ce(e) === "object";
+}, sr = function(e) {
   return Q(e) && typeof e.then == "function";
-}, fr = function(e) {
+}, cr = function(e) {
   return Q(e) && typeof e.elements == "function" && typeof e.createToken == "function" && typeof e.createPaymentMethod == "function" && typeof e.confirmCardPayment == "function";
-}, $e = "[object Object]", lr = function r(e, t) {
+}, Me = "[object Object]", fr = 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) === $e, p = Object.prototype.toString.call(t) === $e;
+  var a = Object.prototype.toString.call(e) === Me, p = Object.prototype.toString.call(t) === Me;
   if (a !== p) return !1;
   if (!a && !n) return e === t;
   var l = Object.keys(e), f = Object.keys(t);
@@ -786,33 +784,33 @@ var N = function(e, t, n) {
     return r(A[Y], I[Y]);
   };
   return g.every(O);
-}, Ne = function(e, t, n) {
+}, Ue = function(e, t, n) {
   return Q(e) ? Object.keys(e).reduce(function(c, a) {
-    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;
+    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;
   }, null) : null;
-}, 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))
+}, 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))
     return e;
   throw new Error(t);
-}, pr = function(e) {
-  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : Fe;
-  if (cr(e))
+}, lr = function(e) {
+  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : Ne;
+  if (sr(e))
     return {
       tag: "async",
       stripePromise: Promise.resolve(e).then(function(c) {
-        return Le(c, t);
+        return $e(c, t);
       })
     };
-  var n = Le(e, t);
+  var n = $e(e, t);
   return n === null ? {
     tag: "empty"
   } : {
     tag: "sync",
     stripe: n
   };
-}, dr = function(e) {
+}, pr = function(e) {
   !e || !e._registerWrapper || !e.registerAppInfo || (e._registerWrapper({
     name: "react-stripe-js",
     version: "2.7.0"
@@ -821,21 +819,21 @@ var N = function(e, t, n) {
     version: "2.7.0",
     url: "https://stripe.com/docs/stripe-js/react"
   }));
-}, le = /* @__PURE__ */ _.createContext(null);
-le.displayName = "ElementsContext";
-var Be = function(e, t) {
+}, fe = /* @__PURE__ */ _.createContext(null);
+fe.displayName = "ElementsContext";
+var Fe = 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;
-}, vr = function(e) {
+}, dr = function(e) {
   var t = e.stripe, n = e.options, c = e.children, a = _.useMemo(function() {
-    return pr(t);
+    return lr(t);
   }, [t]), p = _.useState(function() {
     return {
       stripe: a.tag === "sync" ? a.stripe : null,
       elements: a.tag === "sync" ? a.stripe.elements(n) : null
     };
-  }), l = Ue(p, 2), f = l[0], h = l[1];
+  }), l = De(p, 2), f = l[0], h = l[1];
   _.useEffect(function() {
     var g = !0, A = function(O) {
       h(function(k) {
@@ -858,49 +856,49 @@ var Be = function(e, t) {
   var y = be(n);
   return _.useEffect(function() {
     if (f.elements) {
-      var g = Ne(n, y, ["clientSecret", "fonts"]);
+      var g = Ue(n, y, ["clientSecret", "fonts"]);
       g && f.elements.update(g);
     }
   }, [n, y, f.elements]), _.useEffect(function() {
-    dr(f.stripe);
-  }, [f.stripe]), /* @__PURE__ */ _.createElement(le.Provider, {
+    pr(f.stripe);
+  }, [f.stripe]), /* @__PURE__ */ _.createElement(fe.Provider, {
     value: f
   }, c);
 };
-vr.propTypes = {
+dr.propTypes = {
   stripe: j.any,
   options: j.object
 };
-var yr = function(e) {
-  var t = _.useContext(le);
-  return Be(t, e);
-}, wr = function() {
-  var e = yr("calls useElements()"), t = e.elements;
+var vr = function(e) {
+  var t = _.useContext(fe);
+  return Fe(t, e);
+}, xr = function() {
+  var e = vr("calls useElements()"), t = e.elements;
   return t;
 };
 j.func.isRequired;
-var ze = /* @__PURE__ */ _.createContext(null);
-ze.displayName = "CustomCheckoutSdkContext";
-var mr = function(e, t) {
+var Be = /* @__PURE__ */ _.createContext(null);
+Be.displayName = "CustomCheckoutSdkContext";
+var yr = 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;
-}, hr = /* @__PURE__ */ _.createContext(null);
-hr.displayName = "CustomCheckoutContext";
+}, mr = /* @__PURE__ */ _.createContext(null);
+mr.displayName = "CustomCheckoutContext";
 j.any, j.shape({
   clientSecret: j.string.isRequired,
   elementsOptions: j.object
 }).isRequired;
 var ge = function(e) {
-  var t = _.useContext(ze), n = _.useContext(le);
+  var t = _.useContext(Be), n = _.useContext(fe);
   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 ? mr(t, e) : Be(n, e);
-}, Er = function(e) {
+  return t ? yr(t, e) : Fe(n, e);
+}, hr = function(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }, L = function(e, t) {
-  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);
+  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);
     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() {
@@ -914,7 +912,7 @@ var ge = function(e) {
     var o = be(g);
     return _.useEffect(function() {
       if (D.current) {
-        var i = Ne(g, o, ["paymentRequest"]);
+        var i = Ue(g, o, ["paymentRequest"]);
         i && D.current.update(i);
       }
     }, [g, o]), _.useLayoutEffect(function() {
@@ -956,15 +954,15 @@ var ge = function(e) {
     onShippingRateChange: j.func,
     options: j.object
   }, p.displayName = n, p.__elementType = e, p;
-}, q = typeof window > "u", br = /* @__PURE__ */ _.createContext(null);
-br.displayName = "EmbeddedCheckoutProviderContext";
-var _r = function() {
+}, q = typeof window > "u", Er = /* @__PURE__ */ _.createContext(null);
+Er.displayName = "EmbeddedCheckoutProviderContext";
+var wr = function() {
   var e = ge("calls useStripe()"), t = e.stripe;
   return t;
 };
 L("auBankAccount", q);
 L("card", q);
-var Ar = L("cardNumber", q), jr = L("cardExpiry", q), kr = L("cardCvc", q);
+var _r = L("cardNumber", q), Ar = L("cardExpiry", q), jr = L("cardCvc", q);
 L("fpxBank", q);
 L("iban", q);
 L("idealBank", q);
@@ -979,36 +977,36 @@ L("shippingAddress", q);
 L("paymentMethodMessaging", q);
 L("affirmMessage", q);
 L("afterpayClearpayMessage", q);
-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 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 n = e[t];
-    if (gr.test(n.src))
+    if (br.test(n.src))
       return n;
   }
   return null;
-}, qe = function(e) {
+}, Le = function(e) {
   var t = "", n = document.createElement("script");
-  n.src = "".concat(Ve).concat(t);
+  n.src = "".concat(ze).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;
-}, Sr = function(e, t) {
+}, Cr = function(e, t) {
   !e || !e._registerWrapper || e._registerWrapper({
     name: "stripe-js",
     version: "3.5.0",
     startTime: t
   });
-}, oe = null, se = null, ce = null, Tr = function(e) {
+}, oe = null, ue = null, se = null, Sr = function(e) {
   return function() {
     e(new Error("Failed to load Stripe.js"));
   };
-}, Pr = function(e, t) {
+}, Tr = function(e, t) {
   return function() {
     window.Stripe ? e(window.Stripe) : t(new Error("Stripe.js not available"));
   };
-}, Or = function(e) {
+}, Pr = function(e) {
   return oe !== null ? oe : (oe = new Promise(function(t, n) {
     if (typeof window > "u" || typeof document > "u") {
       t(null);
@@ -1019,16 +1017,16 @@ var Cr = function() {
       return;
     }
     try {
-      var c = Cr();
+      var c = gr();
       if (!(c && e)) {
         if (!c)
-          c = qe(e);
-        else if (c && ce !== null && se !== null) {
+          c = Le(e);
+        else if (c && se !== null && ue !== null) {
           var a;
-          c.removeEventListener("load", ce), c.removeEventListener("error", se), (a = c.parentNode) === null || a === void 0 || a.removeChild(c), c = qe(e);
+          c.removeEventListener("load", se), c.removeEventListener("error", ue), (a = c.parentNode) === null || a === void 0 || a.removeChild(c), c = Le(e);
         }
       }
-      ce = Pr(t, n), se = Tr(n), c.addEventListener("load", ce), c.addEventListener("error", se);
+      se = Tr(t, n), ue = Sr(n), c.addEventListener("load", se), c.addEventListener("error", ue);
     } catch (p) {
       n(p);
       return;
@@ -1036,38 +1034,38 @@ var Cr = function() {
   }), oe.catch(function(t) {
     return oe = null, Promise.reject(t);
   }));
-}, Rr = function(e, t, n) {
+}, Or = function(e, t, n) {
   if (e === null)
     return null;
   var c = e.apply(void 0, t);
-  return Sr(c, n), c;
-}, ae, Je = !1, Ke = function() {
-  return ae || (ae = Or(null).catch(function(e) {
+  return Cr(c, n), c;
+}, ae, Ve = !1, Je = function() {
+  return ae || (ae = Pr(null).catch(function(e) {
     return ae = null, Promise.reject(e);
   }), ae);
 };
 Promise.resolve().then(function() {
-  return Ke();
+  return Je();
 }).catch(function(r) {
-  Je || console.warn(r);
+  Ve || console.warn(r);
 });
-var Ir = function() {
+var kr = function() {
   for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
     t[n] = arguments[n];
-  Je = !0;
+  Ve = !0;
   var c = Date.now();
-  return Ke().then(function(a) {
-    return Rr(a, t, c);
+  return Je().then(function(a) {
+    return Or(a, t, c);
   });
 };
 export {
-  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
+  _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
 };

package/package.json

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