@getopenpay/openpay-js 0.1.2 → 0.1.3

package/dist/index.es.js

@@ -1,7 +1,7 @@
 import { z as i } from "zod";
 import { v4 as yn } from "uuid";
 import { connectToChild as mn } from "penpal";
-var Qr = { exports: {} }, Nr = { exports: {} }, D = {};
+var Qr = { exports: {} }, Nr = { exports: {} }, M = {};
 /**
  * @license React
  * react.production.min.js
@@ -13,9 +13,9 @@ var Qr = { exports: {} }, Nr = { exports: {} }, D = {};
  */
 var Yr;
 function hn() {
-  if (Yr) return D;
+  if (Yr) return M;
   Yr = 1;
-  var c = Symbol.for("react.element"), a = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), m = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), b = Symbol.for("react.provider"), j = Symbol.for("react.context"), I = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), q = Symbol.for("react.memo"), V = Symbol.for("react.lazy"), U = Symbol.iterator;
+  var c = Symbol.for("react.element"), a = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), m = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), b = Symbol.for("react.provider"), I = Symbol.for("react.context"), P = Symbol.for("react.forward_ref"), $ = Symbol.for("react.suspense"), q = Symbol.for("react.memo"), V = Symbol.for("react.lazy"), U = Symbol.iterator;
   function G(r) {
     return r === null || typeof r != "object" ? null : (r = U && r[U] || r["@@iterator"], typeof r == "function" ? r : null);
   }
@@ -42,10 +42,10 @@ function hn() {
   }
   var ae = oe.prototype = new ge();
   ae.constructor = oe, Z(ae, W.prototype), ae.isPureReactComponent = !0;
-  var K = Array.isArray, F = Object.prototype.hasOwnProperty, z = { current: null }, Q = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function te(r, s, h) {
-    var _, E = {}, P = null, k = null;
-    if (s != null) for (_ in s.ref !== void 0 && (k = s.ref), s.key !== void 0 && (P = "" + s.key), s) F.call(s, _) && !Q.hasOwnProperty(_) && (E[_] = s[_]);
+  var B = Array.isArray, F = Object.prototype.hasOwnProperty, z = { current: null }, Q = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function re(r, s, h) {
+    var _, E = {}, j = null, k = null;
+    if (s != null) for (_ in s.ref !== void 0 && (k = s.ref), s.key !== void 0 && (j = "" + s.key), s) F.call(s, _) && !Q.hasOwnProperty(_) && (E[_] = s[_]);
     var O = arguments.length - 2;
     if (O === 1) E.children = h;
     else if (1 < O) {
@@ -53,7 +53,7 @@ function hn() {
       E.children = C;
     }
     if (r && r.defaultProps) for (_ in O = r.defaultProps, O) E[_] === void 0 && (E[_] = O[_]);
-    return { $$typeof: c, type: r, key: P, ref: k, props: E, _owner: z.current };
+    return { $$typeof: c, type: r, key: j, ref: k, props: E, _owner: z.current };
   }
   function _e(r, s) {
     return { $$typeof: c, type: r.type, key: s, ref: r.ref, props: r.props, _owner: r._owner };
@@ -61,7 +61,7 @@ function hn() {
   function de(r) {
     return typeof r == "object" && r !== null && r.$$typeof === c;
   }
-  function De(r) {
+  function Me(r) {
     var s = { "=": "=0", ":": "=2" };
     return "$" + r.replace(/[=:]/g, function(h) {
       return s[h];
@@ -69,14 +69,14 @@ function hn() {
   }
   var be = /\/+/g;
   function pe(r, s) {
-    return typeof r == "object" && r !== null && r.key != null ? De("" + r.key) : s.toString(36);
+    return typeof r == "object" && r !== null && r.key != null ? Me("" + r.key) : s.toString(36);
   }
   function ie(r, s, h, _, E) {
-    var P = typeof r;
-    (P === "undefined" || P === "boolean") && (r = null);
+    var j = typeof r;
+    (j === "undefined" || j === "boolean") && (r = null);
     var k = !1;
     if (r === null) k = !0;
-    else switch (P) {
+    else switch (j) {
       case "string":
       case "number":
         k = !0;
@@ -88,23 +88,23 @@ function hn() {
             k = !0;
         }
     }
-    if (k) return k = r, E = E(k), r = _ === "" ? "." + pe(k, 0) : _, K(E) ? (h = "", r != null && (h = r.replace(be, "$&/") + "/"), ie(E, s, h, "", function(L) {
+    if (k) return k = r, E = E(k), r = _ === "" ? "." + pe(k, 0) : _, B(E) ? (h = "", r != null && (h = r.replace(be, "$&/") + "/"), ie(E, s, h, "", function(L) {
       return L;
     })) : E != null && (de(E) && (E = _e(E, h + (!E.key || k && k.key === E.key ? "" : ("" + E.key).replace(be, "$&/") + "/") + r)), s.push(E)), 1;
-    if (k = 0, _ = _ === "" ? "." : _ + ":", K(r)) for (var O = 0; O < r.length; O++) {
-      P = r[O];
-      var C = _ + pe(P, O);
-      k += ie(P, s, h, C, E);
+    if (k = 0, _ = _ === "" ? "." : _ + ":", B(r)) for (var O = 0; O < r.length; O++) {
+      j = r[O];
+      var C = _ + pe(j, O);
+      k += ie(j, s, h, C, E);
     }
-    else if (C = G(r), typeof C == "function") for (r = C.call(r), O = 0; !(P = r.next()).done; ) P = P.value, C = _ + pe(P, O++), k += ie(P, s, h, C, E);
-    else if (P === "object") throw s = String(r), Error("Objects are not valid as a React child (found: " + (s === "[object Object]" ? "object with keys {" + Object.keys(r).join(", ") + "}" : s) + "). If you meant to render a collection of children, use an array instead.");
+    else if (C = G(r), typeof C == "function") for (r = C.call(r), O = 0; !(j = r.next()).done; ) j = j.value, C = _ + pe(j, O++), k += ie(j, s, h, C, E);
+    else if (j === "object") throw s = String(r), Error("Objects are not valid as a React child (found: " + (s === "[object Object]" ? "object with keys {" + Object.keys(r).join(", ") + "}" : s) + "). If you meant to render a collection of children, use an array instead.");
     return k;
   }
   function H(r, s, h) {
     if (r == null) return r;
     var _ = [], E = 0;
-    return ie(r, _, "", "", function(P) {
-      return s.call(h, P, E++);
+    return ie(r, _, "", "", function(j) {
+      return s.call(h, j, E++);
     }), _;
   }
   function X(r) {
@@ -119,11 +119,11 @@ function hn() {
     if (r._status === 1) return r._result.default;
     throw r._result;
   }
-  var f = { current: null }, re = { transition: null }, Ee = { ReactCurrentDispatcher: f, ReactCurrentBatchConfig: re, ReactCurrentOwner: z };
+  var f = { current: null }, ne = { transition: null }, Ee = { ReactCurrentDispatcher: f, ReactCurrentBatchConfig: ne, ReactCurrentOwner: z };
   function se() {
     throw Error("act(...) is not supported in production builds of React.");
   }
-  return D.Children = { map: H, forEach: function(r, s, h) {
+  return M.Children = { map: H, forEach: function(r, s, h) {
     H(r, function() {
       s.apply(this, arguments);
     }, h);
@@ -139,11 +139,11 @@ function hn() {
   }, only: function(r) {
     if (!de(r)) throw Error("React.Children.only expected to receive a single React element child.");
     return r;
-  } }, D.Component = W, D.Fragment = p, D.Profiler = g, D.PureComponent = oe, D.StrictMode = m, D.Suspense = x, D.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Ee, D.act = se, D.cloneElement = function(r, s, h) {
+  } }, M.Component = W, M.Fragment = p, M.Profiler = g, M.PureComponent = oe, M.StrictMode = m, M.Suspense = $, M.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Ee, M.act = se, M.cloneElement = function(r, s, h) {
     if (r == null) throw Error("React.cloneElement(...): The argument must be a React element, but you passed " + r + ".");
-    var _ = Z({}, r.props), E = r.key, P = r.ref, k = r._owner;
+    var _ = Z({}, r.props), E = r.key, j = r.ref, k = r._owner;
     if (s != null) {
-      if (s.ref !== void 0 && (P = s.ref, k = z.current), s.key !== void 0 && (E = "" + s.key), r.type && r.type.defaultProps) var O = r.type.defaultProps;
+      if (s.ref !== void 0 && (j = s.ref, k = z.current), s.key !== void 0 && (E = "" + s.key), r.type && r.type.defaultProps) var O = r.type.defaultProps;
       for (C in s) F.call(s, C) && !Q.hasOwnProperty(C) && (_[C] = s[C] === void 0 && O !== void 0 ? O[C] : s[C]);
     }
     var C = arguments.length - 2;
@@ -153,58 +153,58 @@ function hn() {
       for (var L = 0; L < C; L++) O[L] = arguments[L + 2];
       _.children = O;
     }
-    return { $$typeof: c, type: r.type, key: E, ref: P, props: _, _owner: k };
-  }, D.createContext = function(r) {
-    return r = { $$typeof: j, _currentValue: r, _currentValue2: r, _threadCount: 0, Provider: null, Consumer: null, _defaultValue: null, _globalName: null }, r.Provider = { $$typeof: b, _context: r }, r.Consumer = r;
-  }, D.createElement = te, D.createFactory = function(r) {
-    var s = te.bind(null, r);
+    return { $$typeof: c, type: r.type, key: E, ref: j, props: _, _owner: k };
+  }, M.createContext = function(r) {
+    return r = { $$typeof: I, _currentValue: r, _currentValue2: r, _threadCount: 0, Provider: null, Consumer: null, _defaultValue: null, _globalName: null }, r.Provider = { $$typeof: b, _context: r }, r.Consumer = r;
+  }, M.createElement = re, M.createFactory = function(r) {
+    var s = re.bind(null, r);
     return s.type = r, s;
-  }, D.createRef = function() {
+  }, M.createRef = function() {
     return { current: null };
-  }, D.forwardRef = function(r) {
-    return { $$typeof: I, render: r };
-  }, D.isValidElement = de, D.lazy = function(r) {
+  }, M.forwardRef = function(r) {
+    return { $$typeof: P, render: r };
+  }, M.isValidElement = de, M.lazy = function(r) {
     return { $$typeof: V, _payload: { _status: -1, _result: r }, _init: X };
-  }, D.memo = function(r, s) {
+  }, M.memo = function(r, s) {
     return { $$typeof: q, type: r, compare: s === void 0 ? null : s };
-  }, D.startTransition = function(r) {
-    var s = re.transition;
-    re.transition = {};
+  }, M.startTransition = function(r) {
+    var s = ne.transition;
+    ne.transition = {};
     try {
       r();
     } finally {
-      re.transition = s;
+      ne.transition = s;
     }
-  }, D.unstable_act = se, D.useCallback = function(r, s) {
+  }, M.unstable_act = se, M.useCallback = function(r, s) {
     return f.current.useCallback(r, s);
-  }, D.useContext = function(r) {
+  }, M.useContext = function(r) {
     return f.current.useContext(r);
-  }, D.useDebugValue = function() {
-  }, D.useDeferredValue = function(r) {
+  }, M.useDebugValue = function() {
+  }, M.useDeferredValue = function(r) {
     return f.current.useDeferredValue(r);
-  }, D.useEffect = function(r, s) {
+  }, M.useEffect = function(r, s) {
     return f.current.useEffect(r, s);
-  }, D.useId = function() {
+  }, M.useId = function() {
     return f.current.useId();
-  }, D.useImperativeHandle = function(r, s, h) {
+  }, M.useImperativeHandle = function(r, s, h) {
     return f.current.useImperativeHandle(r, s, h);
-  }, D.useInsertionEffect = function(r, s) {
+  }, M.useInsertionEffect = function(r, s) {
     return f.current.useInsertionEffect(r, s);
-  }, D.useLayoutEffect = function(r, s) {
+  }, M.useLayoutEffect = function(r, s) {
     return f.current.useLayoutEffect(r, s);
-  }, D.useMemo = function(r, s) {
+  }, M.useMemo = function(r, s) {
     return f.current.useMemo(r, s);
-  }, D.useReducer = function(r, s, h) {
+  }, M.useReducer = function(r, s, h) {
     return f.current.useReducer(r, s, h);
-  }, D.useRef = function(r) {
+  }, M.useRef = function(r) {
     return f.current.useRef(r);
-  }, D.useState = function(r) {
+  }, M.useState = function(r) {
     return f.current.useState(r);
-  }, D.useSyncExternalStore = function(r, s, h) {
+  }, M.useSyncExternalStore = function(r, s, h) {
     return f.current.useSyncExternalStore(r, s, h);
-  }, D.useTransition = function() {
+  }, M.useTransition = function() {
     return f.current.useTransition();
-  }, D.version = "18.3.1", D;
+  }, M.version = "18.3.1", M;
 }
 var Pt = { exports: {} };
 /**
@@ -222,7 +222,7 @@ function vn() {
   return Hr || (Hr = 1, function(c, a) {
     process.env.NODE_ENV !== "production" && function() {
       typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
-      var p = "18.3.1", m = Symbol.for("react.element"), g = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), j = Symbol.for("react.strict_mode"), I = Symbol.for("react.profiler"), x = Symbol.for("react.provider"), q = Symbol.for("react.context"), V = Symbol.for("react.forward_ref"), U = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), Y = Symbol.for("react.memo"), Z = Symbol.for("react.lazy"), ve = Symbol.for("react.offscreen"), W = Symbol.iterator, ge = "@@iterator";
+      var p = "18.3.1", m = Symbol.for("react.element"), g = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), I = Symbol.for("react.strict_mode"), P = Symbol.for("react.profiler"), $ = Symbol.for("react.provider"), q = Symbol.for("react.context"), V = Symbol.for("react.forward_ref"), U = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), Y = Symbol.for("react.memo"), Z = Symbol.for("react.lazy"), ve = Symbol.for("react.offscreen"), W = Symbol.iterator, ge = "@@iterator";
       function oe(e) {
         if (e === null || typeof e != "object")
           return null;
@@ -235,7 +235,7 @@ function vn() {
          * @type {ReactComponent}
          */
         current: null
-      }, K = {
+      }, B = {
         transition: null
       }, F = {
         current: null,
@@ -248,21 +248,21 @@ function vn() {
          * @type {ReactComponent}
          */
         current: null
-      }, Q = {}, te = null;
+      }, Q = {}, re = null;
       function _e(e) {
-        te = e;
+        re = e;
       }
       Q.setExtraStackFrame = function(e) {
-        te = e;
+        re = e;
       }, Q.getCurrentStack = null, Q.getStackAddendum = function() {
         var e = "";
-        te && (e += te);
+        re && (e += re);
         var t = Q.getCurrentStack;
         return t && (e += t() || ""), e;
       };
-      var de = !1, De = !1, be = !1, pe = !1, ie = !1, H = {
+      var de = !1, Me = !1, be = !1, pe = !1, ie = !1, H = {
         ReactCurrentDispatcher: ae,
-        ReactCurrentBatchConfig: K,
+        ReactCurrentBatchConfig: B,
         ReactCurrentOwner: z
       };
       H.ReactDebugCurrentFrame = Q, H.ReactCurrentActQueue = F;
@@ -270,17 +270,17 @@ function vn() {
         {
           for (var t = arguments.length, n = new Array(t > 1 ? t - 1 : 0), o = 1; o < t; o++)
             n[o - 1] = arguments[o];
-          re("warn", e, n);
+          ne("warn", e, n);
         }
       }
       function f(e) {
         {
           for (var t = arguments.length, n = new Array(t > 1 ? t - 1 : 0), o = 1; o < t; o++)
             n[o - 1] = arguments[o];
-          re("error", e, n);
+          ne("error", e, n);
         }
       }
-      function re(e, t, n) {
+      function ne(e, t, n) {
         {
           var o = H.ReactDebugCurrentFrame, u = o.getStackAddendum();
           u !== "" && (t += "%s", n = n.concat([u]));
@@ -375,7 +375,7 @@ function vn() {
         var E = {
           isMounted: ["isMounted", "Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory leaks."],
           replaceState: ["replaceState", "Refactor your code to use setState instead (see https://github.com/facebook/react/issues/3236)."]
-        }, P = function(e, t) {
+        }, j = function(e, t) {
           Object.defineProperty(_.prototype, e, {
             get: function() {
               X("%s(...) is deprecated in plain JavaScript React classes. %s", t[0], t[1]);
@@ -383,7 +383,7 @@ function vn() {
           });
         };
         for (var k in E)
-          E.hasOwnProperty(k) && P(k, E[k]);
+          E.hasOwnProperty(k) && j(k, E[k]);
       }
       function O() {
       }
@@ -393,15 +393,15 @@ function vn() {
       }
       var L = C.prototype = new O();
       L.constructor = C, s(L, _.prototype), L.isPureReactComponent = !0;
-      function Dt() {
+      function Mt() {
         var e = {
           current: null
         };
         return Object.seal(e), e;
       }
-      var Mt = Array.isArray;
+      var Dt = Array.isArray;
       function we(e) {
-        return Mt(e);
+        return Dt(e);
       }
       function Ft(e) {
         {
@@ -430,7 +430,7 @@ function vn() {
         var u = t.displayName || t.name || "";
         return u !== "" ? n + "(" + u + ")" : n;
       }
-      function Ke(e) {
+      function Be(e) {
         return e.displayName || "Context";
       }
       function ee(e) {
@@ -445,9 +445,9 @@ function vn() {
             return "Fragment";
           case g:
             return "Portal";
-          case I:
+          case P:
             return "Profiler";
-          case j:
+          case I:
             return "StrictMode";
           case U:
             return "Suspense";
@@ -458,10 +458,10 @@ function vn() {
           switch (e.$$typeof) {
             case q:
               var t = e;
-              return Ke(t) + ".Consumer";
-            case x:
+              return Be(t) + ".Consumer";
+            case $:
               var n = e;
-              return Ke(n._context) + ".Provider";
+              return Be(n._context) + ".Provider";
             case V:
               return xt(e, e.render, "ForwardRef");
             case Y:
@@ -478,13 +478,13 @@ function vn() {
           }
         return null;
       }
-      var ye = Object.prototype.hasOwnProperty, Be = {
+      var ye = Object.prototype.hasOwnProperty, Ke = {
         key: !0,
         ref: !0,
         __self: !0,
         __source: !0
-      }, Ge, Je, Me;
-      Me = {};
+      }, Ge, Je, De;
+      De = {};
       function Ze(e) {
         if (ye.call(e, "ref")) {
           var t = Object.getOwnPropertyDescriptor(e, "ref").get;
@@ -522,7 +522,7 @@ function vn() {
       function Ut(e) {
         if (typeof e.ref == "string" && z.current && e.__self && z.current.stateNode !== e.__self) {
           var t = ee(z.current.type);
-          Me[t] || (f('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', t, e.ref), Me[t] = !0);
+          De[t] || (f('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', t, e.ref), De[t] = !0);
         }
       }
       var Fe = function(e, t, n, o, u, d, l) {
@@ -559,7 +559,7 @@ function vn() {
         if (t != null) {
           Ze(t) && (l = t.ref, Ut(t)), Qe(t) && (Ce(t.key), d = "" + t.key), y = t.__self === void 0 ? null : t.__self, v = t.__source === void 0 ? null : t.__source;
           for (o in t)
-            ye.call(t, o) && !Be.hasOwnProperty(o) && (u[o] = t[o]);
+            ye.call(t, o) && !Ke.hasOwnProperty(o) && (u[o] = t[o]);
         }
         var w = arguments.length - 2;
         if (w === 1)
@@ -593,7 +593,7 @@ function vn() {
           var R;
           e.type && e.type.defaultProps && (R = e.type.defaultProps);
           for (o in t)
-            ye.call(t, o) && !Be.hasOwnProperty(o) && (t[o] === void 0 && R !== void 0 ? u[o] = R[o] : u[o] = t[o]);
+            ye.call(t, o) && !Ke.hasOwnProperty(o) && (t[o] === void 0 && R !== void 0 ? u[o] = R[o] : u[o] = t[o]);
         }
         var S = arguments.length - 2;
         if (S === 1)
@@ -664,17 +664,17 @@ function vn() {
           )), t.push(v));
           return 1;
         }
-        var S, T, A = 0, $ = o === "" ? Xe : o + Yt;
+        var S, T, A = 0, x = o === "" ? Xe : o + Yt;
         if (we(e))
           for (var Ae = 0; Ae < e.length; Ae++)
-            S = e[Ae], T = $ + $e(S, Ae), A += Re(S, t, n, T, u);
+            S = e[Ae], T = x + $e(S, Ae), A += Re(S, t, n, T, u);
         else {
           var He = oe(e);
           if (typeof He == "function") {
             var kt = e;
             He === kt.entries && (et || X("Using Maps as children is not supported. Use an array of keyed ReactElements instead."), et = !0);
             for (var $r = He.call(kt), Ot, xr = 0; !(Ot = $r.next()).done; )
-              S = Ot.value, T = $ + $e(S, xr++), A += Re(S, t, n, T, u);
+              S = Ot.value, T = x + $e(S, xr++), A += Re(S, t, n, T, u);
           } else if (d === "object") {
             var Tt = String(e);
             throw new Error("Objects are not valid as a React child (found: " + (Tt === "[object Object]" ? "object with keys {" + Object.keys(e).join(", ") + "}" : Tt) + "). If you meant to render a collection of children, use an array instead.");
@@ -690,13 +690,13 @@ function vn() {
           return t.call(n, d, u++);
         }), o;
       }
-      function Kt(e) {
+      function Bt(e) {
         var t = 0;
         return Se(e, function() {
           t++;
         }), t;
       }
-      function Bt(e, t, n) {
+      function Kt(e, t, n) {
         Se(e, function() {
           t.apply(this, arguments);
         }, n);
@@ -732,7 +732,7 @@ function vn() {
           _globalName: null
         };
         t.Provider = {
-          $$typeof: x,
+          $$typeof: $,
           _context: t
         };
         var n = !1, o = !1, u = !1;
@@ -887,7 +887,7 @@ Your code should look like:
       var nt;
       nt = Symbol.for("react.module.reference");
       function ot(e) {
-        return !!(typeof e == "string" || typeof e == "function" || e === b || e === I || ie || e === j || e === U || e === G || pe || e === ve || de || De || be || typeof e == "object" && e !== null && (e.$$typeof === Z || e.$$typeof === Y || e.$$typeof === x || e.$$typeof === q || e.$$typeof === V || // This needs to include all possible module reference object
+        return !!(typeof e == "string" || typeof e == "function" || e === b || e === P || ie || e === I || e === U || e === G || pe || e === ve || de || Me || be || typeof e == "object" && e !== null && (e.$$typeof === Z || e.$$typeof === Y || e.$$typeof === $ || e.$$typeof === q || e.$$typeof === V || // This needs to include all possible module reference object
         // types supported by any Flight configuration anywhere since
         // we don't know which Flight build this will end up being used
         // with.
@@ -1096,29 +1096,29 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
             }), typeof Reflect == "object" && Reflect.construct) {
               try {
                 Reflect.construct(l, []);
-              } catch ($) {
-                o = $;
+              } catch (x) {
+                o = x;
               }
               Reflect.construct(e, [], l);
             } else {
               try {
                 l.call();
-              } catch ($) {
-                o = $;
+              } catch (x) {
+                o = x;
               }
               e.call(l.prototype);
             }
           } else {
             try {
               throw Error();
-            } catch ($) {
-              o = $;
+            } catch (x) {
+              o = x;
             }
             e();
           }
-        } catch ($) {
-          if ($ && o && typeof $.stack == "string") {
-            for (var y = $.stack.split(`
+        } catch (x) {
+          if (x && o && typeof x.stack == "string") {
+            for (var y = x.stack.split(`
 `), v = o.stack.split(`
 `), w = y.length - 1, R = v.length - 1; w >= 1 && R >= 0 && y[w] !== v[R]; )
               R--;
@@ -1347,14 +1347,14 @@ Check the top-level render call using <` + n + ">.");
         return bt(o), o;
       }
       function Ir(e, t) {
-        var n = K.transition;
-        K.transition = {};
-        var o = K.transition;
-        K.transition._updatedFibers = /* @__PURE__ */ new Set();
+        var n = B.transition;
+        B.transition = {};
+        var o = B.transition;
+        B.transition._updatedFibers = /* @__PURE__ */ new Set();
         try {
           e();
         } finally {
-          if (K.transition = n, n === null && o._updatedFibers) {
+          if (B.transition = n, n === null && o._updatedFibers) {
             var u = o._updatedFibers.size;
             u > 10 && X("Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table."), o._updatedFibers.clear();
           }
@@ -1394,10 +1394,10 @@ Check the top-level render call using <` + n + ">.");
           if (o !== null && typeof o == "object" && typeof o.then == "function") {
             var d = o, l = !1, y = {
               then: function(T, A) {
-                l = !0, d.then(function($) {
-                  je(t), le === 0 ? ze($, T, A) : T($);
-                }, function($) {
-                  je(t), A($);
+                l = !0, d.then(function(x) {
+                  je(t), le === 0 ? ze(x, T, A) : T(x);
+                }, function(x) {
+                  je(t), A(x);
                 });
               }
             };
@@ -1465,14 +1465,14 @@ Check the top-level render call using <` + n + ">.");
           }
         }
       }
-      var Ar = Et, Dr = Pr, Mr = Tr, Fr = {
+      var Ar = Et, Mr = Pr, Dr = Tr, Fr = {
         map: Se,
-        forEach: Bt,
-        count: Kt,
+        forEach: Kt,
+        count: Bt,
         toArray: Gt,
         only: Jt
       };
-      a.Children = Fr, a.Component = _, a.Fragment = b, a.Profiler = I, a.PureComponent = C, a.StrictMode = j, a.Suspense = U, a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = H, a.act = St, a.cloneElement = Dr, a.createContext = Zt, a.createElement = Ar, a.createFactory = Mr, a.createRef = Dt, a.forwardRef = tr, a.isValidElement = ue, a.lazy = er, a.memo = rr, a.startTransition = Ir, a.unstable_act = St, a.useCallback = lr, a.useContext = nr, a.useDebugValue = pr, a.useDeferredValue = mr, a.useEffect = sr, a.useId = hr, a.useImperativeHandle = dr, a.useInsertionEffect = ur, a.useLayoutEffect = cr, a.useMemo = fr, a.useReducer = ar, a.useRef = ir, a.useState = or, a.useSyncExternalStore = vr, a.useTransition = yr, a.version = p, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
+      a.Children = Fr, a.Component = _, a.Fragment = b, a.Profiler = P, a.PureComponent = C, a.StrictMode = I, a.Suspense = U, a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = H, a.act = St, a.cloneElement = Mr, a.createContext = Zt, a.createElement = Ar, a.createFactory = Dr, a.createRef = Mt, a.forwardRef = tr, a.isValidElement = ue, a.lazy = er, a.memo = rr, a.startTransition = Ir, a.unstable_act = St, a.useCallback = lr, a.useContext = nr, a.useDebugValue = pr, a.useDeferredValue = mr, a.useEffect = sr, a.useId = hr, a.useImperativeHandle = dr, a.useInsertionEffect = ur, a.useLayoutEffect = cr, a.useMemo = fr, a.useReducer = ar, a.useRef = ir, a.useState = or, a.useSyncExternalStore = vr, a.useTransition = yr, a.version = p, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
     }();
   }(Pt, Pt.exports)), Pt.exports;
 }
@@ -1481,11 +1481,11 @@ var gn = Nr.exports, _n = gn;
 function Xr(c, a, p) {
   var m = typeof a == "function";
   _n.useEffect(function() {
-    var g, b = !0, j = c(function() {
+    var g, b = !0, I = c(function() {
       return b;
     });
-    return Promise.resolve(j).then(function(I) {
-      g = I;
+    return Promise.resolve(I).then(function(P) {
+      g = P;
     }), function() {
       b = !1, m && a(g);
     };
@@ -1532,7 +1532,7 @@ ${c.map((a) => `- ${a.path.join("/")}: ${a.message}`).join(`
     }
   else
     return c + "";
-}, fe = i.string().trim().min(1, { message: "Cannot be blank" }), ne = i.string().trim().optional(), Vr = (c) => i.nullable(c.optional());
+}, fe = i.string().trim().min(1, { message: "Cannot be blank" }), te = i.string().trim().optional(), Vr = (c) => i.nullable(c.optional());
 var It = /* @__PURE__ */ ((c) => (c.FIRST_NAME = "firstName", c.LAST_NAME = "lastName", c.EMAIL = "email", c.ZIP_CODE = "zipCode", c.CITY = "city", c.STATE = "state", c.COUNTRY = "country", c.ADDRESS = "address", c.PHONE = "phone", c.PROMOTION_CODE = "promotionCode", c))(It || {});
 const tn = i.nativeEnum(It);
 var rn = /* @__PURE__ */ ((c) => (c.CARD_NUMBER = "cardNumber", c.CARD_EXPIRY = "cardExpiry", c.CARD_CVC = "cardCvc", c))(rn || {});
@@ -1544,18 +1544,20 @@ const nn = i.nativeEnum(rn), Tn = i.union([tn, nn]), on = i.object({
   id: i.string()
 });
 i.object({
-  cardNumber: ne,
-  expiry: ne,
-  cvc: ne
+  cardNumber: te,
+  expiry: te,
+  cvc: te
 });
 i.object({
-  backgroundColor: ne,
-  color: ne,
-  fontFamily: ne,
-  fontSize: ne,
-  fontWeight: ne,
-  margin: ne,
-  padding: ne
+  backgroundColor: te,
+  color: te,
+  fontFamily: te,
+  fontSize: te,
+  fontWeight: te,
+  margin: te,
+  padding: te,
+  letterSpacing: te,
+  lineHeight: te
 });
 const J = i.enum([
   // Element -> Form
@@ -1578,11 +1580,11 @@ const J = i.enum([
   "TOKENIZE",
   "CHECKOUT",
   "START_PAYMENT_FLOW"
-]), In = J.extract(["TOKENIZE_STARTED", "CHECKOUT_STARTED"]), jn = i.object({ type: In }), An = J.extract(["BLUR", "FOCUS", "CHANGE"]), Dn = i.object({
+]), In = J.extract(["TOKENIZE_STARTED", "CHECKOUT_STARTED"]), jn = i.object({ type: In }), An = J.extract(["BLUR", "FOCUS", "CHANGE"]), Mn = i.object({
   type: An,
   elementType: nn
-}), Mn = J.extract(["LOAD_ERROR", "TOKENIZE_ERROR", "CHECKOUT_ERROR"]), Fn = i.object({
-  type: Mn,
+}), Dn = J.extract(["LOAD_ERROR", "TOKENIZE_ERROR", "CHECKOUT_ERROR"]), Fn = i.object({
+  type: Dn,
   message: fe
 }), $n = J.extract(["VALIDATION_ERROR"]), xn = i.object({
   type: $n,
@@ -1595,7 +1597,7 @@ const J = i.enum([
   type: i.literal(J.enum.LOADED),
   sessionId: fe,
   totalAmountAtoms: i.number(),
-  currency: ne,
+  currency: te,
   checkoutPaymentMethods: i.array(on)
 }), Un = i.object({
   type: i.literal(J.enum.PAYMENT_FLOW_STARTED),
@@ -1611,14 +1613,14 @@ const J = i.enum([
   email: fe,
   zipCode: fe,
   country: fe,
-  promotionCode: ne
+  promotionCode: te
 }), qn = J.extract(["TOKENIZE", "CHECKOUT", "START_PAYMENT_FLOW"]), an = i.object({
   type: qn,
   sessionId: fe,
   checkoutPaymentMethod: on,
   paymentFlowMetadata: i.any().optional(),
   doNotUseLegacyCCFlow: i.boolean().optional(),
-  existingCCPMId: ne
+  existingCCPMId: te
 }).extend(zn.shape), Yn = i.object({
   type: i.literal(J.enum.TOKENIZE_SUCCESS),
   isReadyForCheckout: i.boolean()
@@ -1629,7 +1631,7 @@ const J = i.enum([
   customerId: i.string()
 }), Wn = i.discriminatedUnion("type", [
   jn,
-  Dn,
+  Mn,
   Fn,
   xn,
   Ln,
@@ -1639,7 +1641,7 @@ const J = i.enum([
   Hn,
   Un,
   Vn
-]), Kn = i.object({
+]), Bn = i.object({
   payload: Wn,
   nonce: fe,
   formId: fe,
@@ -1657,7 +1659,7 @@ i.object({
   secure_token: i.string(),
   existing_cc_pm_id: Vr(i.string())
 });
-const Bn = i.object({
+const Kn = i.object({
   payment_methods: i.array(Pn)
 }), Gn = (c) => {
   const a = {};
@@ -1725,41 +1727,41 @@ const Bn = i.object({
   a.complete("success");
 }, to = async (c) => {
   var a, p, m, g;
-  const b = c.nextActionMetadata, j = await (await zr(b.stripe_pk)).confirmCardSetup(b.client_secret, {
+  const b = c.nextActionMetadata, I = await (await zr(b.stripe_pk)).confirmCardSetup(b.client_secret, {
     payment_method: b.stripe_pm_id
-  }), I = (a = j.setupIntent) == null ? void 0 : a.status;
-  if (I !== "succeeded")
-    throw I === "canceled" ? new Error("Payment cancelled, please click Submit again to pay") : new Error(
-      `${((p = j.error) == null ? void 0 : p.message) ?? ((g = (m = j.setupIntent) == null ? void 0 : m.last_setup_error) == null ? void 0 : g.message) ?? "Payment failed, please click submit again to pay."}`
+  }), P = (a = I.setupIntent) == null ? void 0 : a.status;
+  if (P !== "succeeded")
+    throw P === "canceled" ? new Error("Payment cancelled, please click Submit again to pay") : new Error(
+      `${((p = I.error) == null ? void 0 : p.message) ?? ((g = (m = I.setupIntent) == null ? void 0 : m.last_setup_error) == null ? void 0 : g.message) ?? "Payment failed, please click submit again to pay."}`
     );
 }, ro = (c) => JSON.stringify(c), un = (c, a) => Array.from(c.querySelectorAll("[data-opid]") ?? []).reduce((p, m) => {
   const g = m.getAttribute("data-opid");
   return g ? { ...p, [g]: m.value } : p;
-}, a), At = (c, a, p, m, g, b, j) => {
-  const I = un(p, {
+}, a), At = (c, a, p, m, g, b, I) => {
+  const P = un(p, {
     type: c,
     sessionId: a,
     checkoutPaymentMethod: g,
-    paymentFlowMetadata: j,
+    paymentFlowMetadata: I,
     doNotUseLegacyCCFlow: b
   });
-  (g.provider === "apple_pay" || g.provider === "google_pay" || g.provider === "stripe_link") && (I[It.ZIP_CODE] || (I[It.ZIP_CODE] = "00000"));
-  const x = an.safeParse(I);
-  if (x.success)
-    return x.data;
+  (g.provider === "apple_pay" || g.provider === "google_pay" || g.provider === "stripe_link") && (P[It.ZIP_CODE] || (P[It.ZIP_CODE] = "00000"));
+  const $ = an.safeParse(P);
+  if ($.success)
+    return $.data;
   {
-    const q = x.error.format(), V = Gn(q);
+    const q = $.error.format(), V = Gn(q);
     for (const [U, G] of Object.entries(V))
       m(U, G, U);
     return null;
   }
 }, no = (c) => {
   try {
-    return Kn.parse(c);
+    return Bn.parse(c);
   } catch (a) {
     throw a;
   }
-}, Kr = (c, a, p, m, g) => {
+}, Br = (c, a, p, m, g) => {
   const b = {
     payload: m,
     nonce: yn(),
@@ -1768,7 +1770,7 @@ const Bn = i.object({
   };
   c.postMessage(JSON.stringify(b), g);
 };
-var M = {};
+var D = {};
 /**
  * @license React
  * react.production.min.js
@@ -1778,11 +1780,11 @@ var M = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Br;
+var Kr;
 function oo() {
-  if (Br) return M;
-  Br = 1;
-  var c = Symbol.for("react.element"), a = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), m = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), b = Symbol.for("react.provider"), j = Symbol.for("react.context"), I = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), q = Symbol.for("react.memo"), V = Symbol.for("react.lazy"), U = Symbol.iterator;
+  if (Kr) return D;
+  Kr = 1;
+  var c = Symbol.for("react.element"), a = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), m = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), b = Symbol.for("react.provider"), I = Symbol.for("react.context"), P = Symbol.for("react.forward_ref"), $ = Symbol.for("react.suspense"), q = Symbol.for("react.memo"), V = Symbol.for("react.lazy"), U = Symbol.iterator;
   function G(r) {
     return r === null || typeof r != "object" ? null : (r = U && r[U] || r["@@iterator"], typeof r == "function" ? r : null);
   }
@@ -1809,10 +1811,10 @@ function oo() {
   }
   var ae = oe.prototype = new ge();
   ae.constructor = oe, Z(ae, W.prototype), ae.isPureReactComponent = !0;
-  var K = Array.isArray, F = Object.prototype.hasOwnProperty, z = { current: null }, Q = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function te(r, s, h) {
-    var _, E = {}, P = null, k = null;
-    if (s != null) for (_ in s.ref !== void 0 && (k = s.ref), s.key !== void 0 && (P = "" + s.key), s) F.call(s, _) && !Q.hasOwnProperty(_) && (E[_] = s[_]);
+  var B = Array.isArray, F = Object.prototype.hasOwnProperty, z = { current: null }, Q = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function re(r, s, h) {
+    var _, E = {}, j = null, k = null;
+    if (s != null) for (_ in s.ref !== void 0 && (k = s.ref), s.key !== void 0 && (j = "" + s.key), s) F.call(s, _) && !Q.hasOwnProperty(_) && (E[_] = s[_]);
     var O = arguments.length - 2;
     if (O === 1) E.children = h;
     else if (1 < O) {
@@ -1820,7 +1822,7 @@ function oo() {
       E.children = C;
     }
     if (r && r.defaultProps) for (_ in O = r.defaultProps, O) E[_] === void 0 && (E[_] = O[_]);
-    return { $$typeof: c, type: r, key: P, ref: k, props: E, _owner: z.current };
+    return { $$typeof: c, type: r, key: j, ref: k, props: E, _owner: z.current };
   }
   function _e(r, s) {
     return { $$typeof: c, type: r.type, key: s, ref: r.ref, props: r.props, _owner: r._owner };
@@ -1828,7 +1830,7 @@ function oo() {
   function de(r) {
     return typeof r == "object" && r !== null && r.$$typeof === c;
   }
-  function De(r) {
+  function Me(r) {
     var s = { "=": "=0", ":": "=2" };
     return "$" + r.replace(/[=:]/g, function(h) {
       return s[h];
@@ -1836,14 +1838,14 @@ function oo() {
   }
   var be = /\/+/g;
   function pe(r, s) {
-    return typeof r == "object" && r !== null && r.key != null ? De("" + r.key) : s.toString(36);
+    return typeof r == "object" && r !== null && r.key != null ? Me("" + r.key) : s.toString(36);
   }
   function ie(r, s, h, _, E) {
-    var P = typeof r;
-    (P === "undefined" || P === "boolean") && (r = null);
+    var j = typeof r;
+    (j === "undefined" || j === "boolean") && (r = null);
     var k = !1;
     if (r === null) k = !0;
-    else switch (P) {
+    else switch (j) {
       case "string":
       case "number":
         k = !0;
@@ -1855,23 +1857,23 @@ function oo() {
             k = !0;
         }
     }
-    if (k) return k = r, E = E(k), r = _ === "" ? "." + pe(k, 0) : _, K(E) ? (h = "", r != null && (h = r.replace(be, "$&/") + "/"), ie(E, s, h, "", function(L) {
+    if (k) return k = r, E = E(k), r = _ === "" ? "." + pe(k, 0) : _, B(E) ? (h = "", r != null && (h = r.replace(be, "$&/") + "/"), ie(E, s, h, "", function(L) {
       return L;
     })) : E != null && (de(E) && (E = _e(E, h + (!E.key || k && k.key === E.key ? "" : ("" + E.key).replace(be, "$&/") + "/") + r)), s.push(E)), 1;
-    if (k = 0, _ = _ === "" ? "." : _ + ":", K(r)) for (var O = 0; O < r.length; O++) {
-      P = r[O];
-      var C = _ + pe(P, O);
-      k += ie(P, s, h, C, E);
+    if (k = 0, _ = _ === "" ? "." : _ + ":", B(r)) for (var O = 0; O < r.length; O++) {
+      j = r[O];
+      var C = _ + pe(j, O);
+      k += ie(j, s, h, C, E);
     }
-    else if (C = G(r), typeof C == "function") for (r = C.call(r), O = 0; !(P = r.next()).done; ) P = P.value, C = _ + pe(P, O++), k += ie(P, s, h, C, E);
-    else if (P === "object") throw s = String(r), Error("Objects are not valid as a React child (found: " + (s === "[object Object]" ? "object with keys {" + Object.keys(r).join(", ") + "}" : s) + "). If you meant to render a collection of children, use an array instead.");
+    else if (C = G(r), typeof C == "function") for (r = C.call(r), O = 0; !(j = r.next()).done; ) j = j.value, C = _ + pe(j, O++), k += ie(j, s, h, C, E);
+    else if (j === "object") throw s = String(r), Error("Objects are not valid as a React child (found: " + (s === "[object Object]" ? "object with keys {" + Object.keys(r).join(", ") + "}" : s) + "). If you meant to render a collection of children, use an array instead.");
     return k;
   }
   function H(r, s, h) {
     if (r == null) return r;
     var _ = [], E = 0;
-    return ie(r, _, "", "", function(P) {
-      return s.call(h, P, E++);
+    return ie(r, _, "", "", function(j) {
+      return s.call(h, j, E++);
     }), _;
   }
   function X(r) {
@@ -1886,11 +1888,11 @@ function oo() {
     if (r._status === 1) return r._result.default;
     throw r._result;
   }
-  var f = { current: null }, re = { transition: null }, Ee = { ReactCurrentDispatcher: f, ReactCurrentBatchConfig: re, ReactCurrentOwner: z };
+  var f = { current: null }, ne = { transition: null }, Ee = { ReactCurrentDispatcher: f, ReactCurrentBatchConfig: ne, ReactCurrentOwner: z };
   function se() {
     throw Error("act(...) is not supported in production builds of React.");
   }
-  return M.Children = { map: H, forEach: function(r, s, h) {
+  return D.Children = { map: H, forEach: function(r, s, h) {
     H(r, function() {
       s.apply(this, arguments);
     }, h);
@@ -1906,11 +1908,11 @@ function oo() {
   }, only: function(r) {
     if (!de(r)) throw Error("React.Children.only expected to receive a single React element child.");
     return r;
-  } }, M.Component = W, M.Fragment = p, M.Profiler = g, M.PureComponent = oe, M.StrictMode = m, M.Suspense = x, M.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Ee, M.act = se, M.cloneElement = function(r, s, h) {
+  } }, D.Component = W, D.Fragment = p, D.Profiler = g, D.PureComponent = oe, D.StrictMode = m, D.Suspense = $, D.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Ee, D.act = se, D.cloneElement = function(r, s, h) {
     if (r == null) throw Error("React.cloneElement(...): The argument must be a React element, but you passed " + r + ".");
-    var _ = Z({}, r.props), E = r.key, P = r.ref, k = r._owner;
+    var _ = Z({}, r.props), E = r.key, j = r.ref, k = r._owner;
     if (s != null) {
-      if (s.ref !== void 0 && (P = s.ref, k = z.current), s.key !== void 0 && (E = "" + s.key), r.type && r.type.defaultProps) var O = r.type.defaultProps;
+      if (s.ref !== void 0 && (j = s.ref, k = z.current), s.key !== void 0 && (E = "" + s.key), r.type && r.type.defaultProps) var O = r.type.defaultProps;
       for (C in s) F.call(s, C) && !Q.hasOwnProperty(C) && (_[C] = s[C] === void 0 && O !== void 0 ? O[C] : s[C]);
     }
     var C = arguments.length - 2;
@@ -1920,58 +1922,58 @@ function oo() {
       for (var L = 0; L < C; L++) O[L] = arguments[L + 2];
       _.children = O;
     }
-    return { $$typeof: c, type: r.type, key: E, ref: P, props: _, _owner: k };
-  }, M.createContext = function(r) {
-    return r = { $$typeof: j, _currentValue: r, _currentValue2: r, _threadCount: 0, Provider: null, Consumer: null, _defaultValue: null, _globalName: null }, r.Provider = { $$typeof: b, _context: r }, r.Consumer = r;
-  }, M.createElement = te, M.createFactory = function(r) {
-    var s = te.bind(null, r);
+    return { $$typeof: c, type: r.type, key: E, ref: j, props: _, _owner: k };
+  }, D.createContext = function(r) {
+    return r = { $$typeof: I, _currentValue: r, _currentValue2: r, _threadCount: 0, Provider: null, Consumer: null, _defaultValue: null, _globalName: null }, r.Provider = { $$typeof: b, _context: r }, r.Consumer = r;
+  }, D.createElement = re, D.createFactory = function(r) {
+    var s = re.bind(null, r);
     return s.type = r, s;
-  }, M.createRef = function() {
+  }, D.createRef = function() {
     return { current: null };
-  }, M.forwardRef = function(r) {
-    return { $$typeof: I, render: r };
-  }, M.isValidElement = de, M.lazy = function(r) {
+  }, D.forwardRef = function(r) {
+    return { $$typeof: P, render: r };
+  }, D.isValidElement = de, D.lazy = function(r) {
     return { $$typeof: V, _payload: { _status: -1, _result: r }, _init: X };
-  }, M.memo = function(r, s) {
+  }, D.memo = function(r, s) {
     return { $$typeof: q, type: r, compare: s === void 0 ? null : s };
-  }, M.startTransition = function(r) {
-    var s = re.transition;
-    re.transition = {};
+  }, D.startTransition = function(r) {
+    var s = ne.transition;
+    ne.transition = {};
     try {
       r();
     } finally {
-      re.transition = s;
+      ne.transition = s;
     }
-  }, M.unstable_act = se, M.useCallback = function(r, s) {
+  }, D.unstable_act = se, D.useCallback = function(r, s) {
     return f.current.useCallback(r, s);
-  }, M.useContext = function(r) {
+  }, D.useContext = function(r) {
     return f.current.useContext(r);
-  }, M.useDebugValue = function() {
-  }, M.useDeferredValue = function(r) {
+  }, D.useDebugValue = function() {
+  }, D.useDeferredValue = function(r) {
     return f.current.useDeferredValue(r);
-  }, M.useEffect = function(r, s) {
+  }, D.useEffect = function(r, s) {
     return f.current.useEffect(r, s);
-  }, M.useId = function() {
+  }, D.useId = function() {
     return f.current.useId();
-  }, M.useImperativeHandle = function(r, s, h) {
+  }, D.useImperativeHandle = function(r, s, h) {
     return f.current.useImperativeHandle(r, s, h);
-  }, M.useInsertionEffect = function(r, s) {
+  }, D.useInsertionEffect = function(r, s) {
     return f.current.useInsertionEffect(r, s);
-  }, M.useLayoutEffect = function(r, s) {
+  }, D.useLayoutEffect = function(r, s) {
     return f.current.useLayoutEffect(r, s);
-  }, M.useMemo = function(r, s) {
+  }, D.useMemo = function(r, s) {
     return f.current.useMemo(r, s);
-  }, M.useReducer = function(r, s, h) {
+  }, D.useReducer = function(r, s, h) {
     return f.current.useReducer(r, s, h);
-  }, M.useRef = function(r) {
+  }, D.useRef = function(r) {
     return f.current.useRef(r);
-  }, M.useState = function(r) {
+  }, D.useState = function(r) {
     return f.current.useState(r);
-  }, M.useSyncExternalStore = function(r, s, h) {
+  }, D.useSyncExternalStore = function(r, s, h) {
     return f.current.useSyncExternalStore(r, s, h);
-  }, M.useTransition = function() {
+  }, D.useTransition = function() {
     return f.current.useTransition();
-  }, M.version = "18.3.1", M;
+  }, D.version = "18.3.1", D;
 }
 var jt = { exports: {} };
 /**
@@ -1989,7 +1991,7 @@ function ao() {
   return Gr || (Gr = 1, function(c, a) {
     process.env.NODE_ENV !== "production" && function() {
       typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
-      var p = "18.3.1", m = Symbol.for("react.element"), g = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), j = Symbol.for("react.strict_mode"), I = Symbol.for("react.profiler"), x = Symbol.for("react.provider"), q = Symbol.for("react.context"), V = Symbol.for("react.forward_ref"), U = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), Y = Symbol.for("react.memo"), Z = Symbol.for("react.lazy"), ve = Symbol.for("react.offscreen"), W = Symbol.iterator, ge = "@@iterator";
+      var p = "18.3.1", m = Symbol.for("react.element"), g = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), I = Symbol.for("react.strict_mode"), P = Symbol.for("react.profiler"), $ = Symbol.for("react.provider"), q = Symbol.for("react.context"), V = Symbol.for("react.forward_ref"), U = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), Y = Symbol.for("react.memo"), Z = Symbol.for("react.lazy"), ve = Symbol.for("react.offscreen"), W = Symbol.iterator, ge = "@@iterator";
       function oe(e) {
         if (e === null || typeof e != "object")
           return null;
@@ -2002,7 +2004,7 @@ function ao() {
          * @type {ReactComponent}
          */
         current: null
-      }, K = {
+      }, B = {
         transition: null
       }, F = {
         current: null,
@@ -2015,21 +2017,21 @@ function ao() {
          * @type {ReactComponent}
          */
         current: null
-      }, Q = {}, te = null;
+      }, Q = {}, re = null;
       function _e(e) {
-        te = e;
+        re = e;
       }
       Q.setExtraStackFrame = function(e) {
-        te = e;
+        re = e;
       }, Q.getCurrentStack = null, Q.getStackAddendum = function() {
         var e = "";
-        te && (e += te);
+        re && (e += re);
         var t = Q.getCurrentStack;
         return t && (e += t() || ""), e;
       };
-      var de = !1, De = !1, be = !1, pe = !1, ie = !1, H = {
+      var de = !1, Me = !1, be = !1, pe = !1, ie = !1, H = {
         ReactCurrentDispatcher: ae,
-        ReactCurrentBatchConfig: K,
+        ReactCurrentBatchConfig: B,
         ReactCurrentOwner: z
       };
       H.ReactDebugCurrentFrame = Q, H.ReactCurrentActQueue = F;
@@ -2037,17 +2039,17 @@ function ao() {
         {
           for (var t = arguments.length, n = new Array(t > 1 ? t - 1 : 0), o = 1; o < t; o++)
             n[o - 1] = arguments[o];
-          re("warn", e, n);
+          ne("warn", e, n);
         }
       }
       function f(e) {
         {
           for (var t = arguments.length, n = new Array(t > 1 ? t - 1 : 0), o = 1; o < t; o++)
             n[o - 1] = arguments[o];
-          re("error", e, n);
+          ne("error", e, n);
         }
       }
-      function re(e, t, n) {
+      function ne(e, t, n) {
         {
           var o = H.ReactDebugCurrentFrame, u = o.getStackAddendum();
           u !== "" && (t += "%s", n = n.concat([u]));
@@ -2142,7 +2144,7 @@ function ao() {
         var E = {
           isMounted: ["isMounted", "Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory leaks."],
           replaceState: ["replaceState", "Refactor your code to use setState instead (see https://github.com/facebook/react/issues/3236)."]
-        }, P = function(e, t) {
+        }, j = function(e, t) {
           Object.defineProperty(_.prototype, e, {
             get: function() {
               X("%s(...) is deprecated in plain JavaScript React classes. %s", t[0], t[1]);
@@ -2150,7 +2152,7 @@ function ao() {
           });
         };
         for (var k in E)
-          E.hasOwnProperty(k) && P(k, E[k]);
+          E.hasOwnProperty(k) && j(k, E[k]);
       }
       function O() {
       }
@@ -2160,15 +2162,15 @@ function ao() {
       }
       var L = C.prototype = new O();
       L.constructor = C, s(L, _.prototype), L.isPureReactComponent = !0;
-      function Dt() {
+      function Mt() {
         var e = {
           current: null
         };
         return Object.seal(e), e;
       }
-      var Mt = Array.isArray;
+      var Dt = Array.isArray;
       function we(e) {
-        return Mt(e);
+        return Dt(e);
       }
       function Ft(e) {
         {
@@ -2197,7 +2199,7 @@ function ao() {
         var u = t.displayName || t.name || "";
         return u !== "" ? n + "(" + u + ")" : n;
       }
-      function Ke(e) {
+      function Be(e) {
         return e.displayName || "Context";
       }
       function ee(e) {
@@ -2212,9 +2214,9 @@ function ao() {
             return "Fragment";
           case g:
             return "Portal";
-          case I:
+          case P:
             return "Profiler";
-          case j:
+          case I:
             return "StrictMode";
           case U:
             return "Suspense";
@@ -2225,10 +2227,10 @@ function ao() {
           switch (e.$$typeof) {
             case q:
               var t = e;
-              return Ke(t) + ".Consumer";
-            case x:
+              return Be(t) + ".Consumer";
+            case $:
               var n = e;
-              return Ke(n._context) + ".Provider";
+              return Be(n._context) + ".Provider";
             case V:
               return xt(e, e.render, "ForwardRef");
             case Y:
@@ -2245,13 +2247,13 @@ function ao() {
           }
         return null;
       }
-      var ye = Object.prototype.hasOwnProperty, Be = {
+      var ye = Object.prototype.hasOwnProperty, Ke = {
         key: !0,
         ref: !0,
         __self: !0,
         __source: !0
-      }, Ge, Je, Me;
-      Me = {};
+      }, Ge, Je, De;
+      De = {};
       function Ze(e) {
         if (ye.call(e, "ref")) {
           var t = Object.getOwnPropertyDescriptor(e, "ref").get;
@@ -2289,7 +2291,7 @@ function ao() {
       function Ut(e) {
         if (typeof e.ref == "string" && z.current && e.__self && z.current.stateNode !== e.__self) {
           var t = ee(z.current.type);
-          Me[t] || (f('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', t, e.ref), Me[t] = !0);
+          De[t] || (f('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', t, e.ref), De[t] = !0);
         }
       }
       var Fe = function(e, t, n, o, u, d, l) {
@@ -2326,7 +2328,7 @@ function ao() {
         if (t != null) {
           Ze(t) && (l = t.ref, Ut(t)), Qe(t) && (Ce(t.key), d = "" + t.key), y = t.__self === void 0 ? null : t.__self, v = t.__source === void 0 ? null : t.__source;
           for (o in t)
-            ye.call(t, o) && !Be.hasOwnProperty(o) && (u[o] = t[o]);
+            ye.call(t, o) && !Ke.hasOwnProperty(o) && (u[o] = t[o]);
         }
         var w = arguments.length - 2;
         if (w === 1)
@@ -2360,7 +2362,7 @@ function ao() {
           var R;
           e.type && e.type.defaultProps && (R = e.type.defaultProps);
           for (o in t)
-            ye.call(t, o) && !Be.hasOwnProperty(o) && (t[o] === void 0 && R !== void 0 ? u[o] = R[o] : u[o] = t[o]);
+            ye.call(t, o) && !Ke.hasOwnProperty(o) && (t[o] === void 0 && R !== void 0 ? u[o] = R[o] : u[o] = t[o]);
         }
         var S = arguments.length - 2;
         if (S === 1)
@@ -2431,17 +2433,17 @@ function ao() {
           )), t.push(v));
           return 1;
         }
-        var S, T, A = 0, $ = o === "" ? Xe : o + Yt;
+        var S, T, A = 0, x = o === "" ? Xe : o + Yt;
         if (we(e))
           for (var Ae = 0; Ae < e.length; Ae++)
-            S = e[Ae], T = $ + $e(S, Ae), A += Re(S, t, n, T, u);
+            S = e[Ae], T = x + $e(S, Ae), A += Re(S, t, n, T, u);
         else {
           var He = oe(e);
           if (typeof He == "function") {
             var kt = e;
             He === kt.entries && (et || X("Using Maps as children is not supported. Use an array of keyed ReactElements instead."), et = !0);
             for (var $r = He.call(kt), Ot, xr = 0; !(Ot = $r.next()).done; )
-              S = Ot.value, T = $ + $e(S, xr++), A += Re(S, t, n, T, u);
+              S = Ot.value, T = x + $e(S, xr++), A += Re(S, t, n, T, u);
           } else if (d === "object") {
             var Tt = String(e);
             throw new Error("Objects are not valid as a React child (found: " + (Tt === "[object Object]" ? "object with keys {" + Object.keys(e).join(", ") + "}" : Tt) + "). If you meant to render a collection of children, use an array instead.");
@@ -2457,13 +2459,13 @@ function ao() {
           return t.call(n, d, u++);
         }), o;
       }
-      function Kt(e) {
+      function Bt(e) {
         var t = 0;
         return Se(e, function() {
           t++;
         }), t;
       }
-      function Bt(e, t, n) {
+      function Kt(e, t, n) {
         Se(e, function() {
           t.apply(this, arguments);
         }, n);
@@ -2499,7 +2501,7 @@ function ao() {
           _globalName: null
         };
         t.Provider = {
-          $$typeof: x,
+          $$typeof: $,
           _context: t
         };
         var n = !1, o = !1, u = !1;
@@ -2654,7 +2656,7 @@ Your code should look like:
       var nt;
       nt = Symbol.for("react.module.reference");
       function ot(e) {
-        return !!(typeof e == "string" || typeof e == "function" || e === b || e === I || ie || e === j || e === U || e === G || pe || e === ve || de || De || be || typeof e == "object" && e !== null && (e.$$typeof === Z || e.$$typeof === Y || e.$$typeof === x || e.$$typeof === q || e.$$typeof === V || // This needs to include all possible module reference object
+        return !!(typeof e == "string" || typeof e == "function" || e === b || e === P || ie || e === I || e === U || e === G || pe || e === ve || de || Me || be || typeof e == "object" && e !== null && (e.$$typeof === Z || e.$$typeof === Y || e.$$typeof === $ || e.$$typeof === q || e.$$typeof === V || // This needs to include all possible module reference object
         // types supported by any Flight configuration anywhere since
         // we don't know which Flight build this will end up being used
         // with.
@@ -2863,29 +2865,29 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
             }), typeof Reflect == "object" && Reflect.construct) {
               try {
                 Reflect.construct(l, []);
-              } catch ($) {
-                o = $;
+              } catch (x) {
+                o = x;
               }
               Reflect.construct(e, [], l);
             } else {
               try {
                 l.call();
-              } catch ($) {
-                o = $;
+              } catch (x) {
+                o = x;
               }
               e.call(l.prototype);
             }
           } else {
             try {
               throw Error();
-            } catch ($) {
-              o = $;
+            } catch (x) {
+              o = x;
             }
             e();
           }
-        } catch ($) {
-          if ($ && o && typeof $.stack == "string") {
-            for (var y = $.stack.split(`
+        } catch (x) {
+          if (x && o && typeof x.stack == "string") {
+            for (var y = x.stack.split(`
 `), v = o.stack.split(`
 `), w = y.length - 1, R = v.length - 1; w >= 1 && R >= 0 && y[w] !== v[R]; )
               R--;
@@ -3114,14 +3116,14 @@ Check the top-level render call using <` + n + ">.");
         return bt(o), o;
       }
       function Ir(e, t) {
-        var n = K.transition;
-        K.transition = {};
-        var o = K.transition;
-        K.transition._updatedFibers = /* @__PURE__ */ new Set();
+        var n = B.transition;
+        B.transition = {};
+        var o = B.transition;
+        B.transition._updatedFibers = /* @__PURE__ */ new Set();
         try {
           e();
         } finally {
-          if (K.transition = n, n === null && o._updatedFibers) {
+          if (B.transition = n, n === null && o._updatedFibers) {
             var u = o._updatedFibers.size;
             u > 10 && X("Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table."), o._updatedFibers.clear();
           }
@@ -3161,10 +3163,10 @@ Check the top-level render call using <` + n + ">.");
           if (o !== null && typeof o == "object" && typeof o.then == "function") {
             var d = o, l = !1, y = {
               then: function(T, A) {
-                l = !0, d.then(function($) {
-                  je(t), le === 0 ? ze($, T, A) : T($);
-                }, function($) {
-                  je(t), A($);
+                l = !0, d.then(function(x) {
+                  je(t), le === 0 ? ze(x, T, A) : T(x);
+                }, function(x) {
+                  je(t), A(x);
                 });
               }
             };
@@ -3232,14 +3234,14 @@ Check the top-level render call using <` + n + ">.");
           }
         }
       }
-      var Ar = Et, Dr = Pr, Mr = Tr, Fr = {
+      var Ar = Et, Mr = Pr, Dr = Tr, Fr = {
         map: Se,
-        forEach: Bt,
-        count: Kt,
+        forEach: Kt,
+        count: Bt,
         toArray: Gt,
         only: Jt
       };
-      a.Children = Fr, a.Component = _, a.Fragment = b, a.Profiler = I, a.PureComponent = C, a.StrictMode = j, a.Suspense = U, a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = H, a.act = St, a.cloneElement = Dr, a.createContext = Zt, a.createElement = Ar, a.createFactory = Mr, a.createRef = Dt, a.forwardRef = tr, a.isValidElement = ue, a.lazy = er, a.memo = rr, a.startTransition = Ir, a.unstable_act = St, a.useCallback = lr, a.useContext = nr, a.useDebugValue = pr, a.useDeferredValue = mr, a.useEffect = sr, a.useId = hr, a.useImperativeHandle = dr, a.useInsertionEffect = ur, a.useLayoutEffect = cr, a.useMemo = fr, a.useReducer = ar, a.useRef = ir, a.useState = or, a.useSyncExternalStore = vr, a.useTransition = yr, a.version = p, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
+      a.Children = Fr, a.Component = _, a.Fragment = b, a.Profiler = P, a.PureComponent = C, a.StrictMode = I, a.Suspense = U, a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = H, a.act = St, a.cloneElement = Mr, a.createContext = Zt, a.createElement = Ar, a.createFactory = Dr, a.createRef = Mt, a.forwardRef = tr, a.isValidElement = ue, a.lazy = er, a.memo = rr, a.startTransition = Ir, a.unstable_act = St, a.useCallback = lr, a.useContext = nr, a.useDebugValue = pr, a.useDeferredValue = mr, a.useEffect = sr, a.useId = hr, a.useImperativeHandle = dr, a.useInsertionEffect = ur, a.useLayoutEffect = cr, a.useMemo = fr, a.useReducer = ar, a.useRef = ir, a.useState = or, a.useSyncExternalStore = vr, a.useTransition = yr, a.version = p, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
     }();
   }(jt, jt.exports)), jt.exports;
 }
@@ -3254,43 +3256,43 @@ const io = async (c) => {
   } catch {
     return !1;
   }
-}, so = (c, a) => !!c && a, B = (c) => i.nullable(c.optional());
+}, so = (c, a) => !!c && a, K = (c) => i.nullable(c.optional());
 i.string().trim().min(1, { message: "Cannot be blank" });
 const uo = i.object({
   cde_response_type: i.literal("error"),
   message: i.string()
 }), co = i.enum(["usd", "brl"]), cn = i.object({
   name: i.string(),
-  amount_atom_off: B(i.number()),
-  percent_off: B(i.number()),
-  currency: B(i.string()),
+  amount_atom_off: K(i.number()),
+  percent_off: K(i.number()),
+  currency: K(i.string()),
   duration: i.string(),
-  duration_in_months: B(i.number())
+  duration_in_months: K(i.number())
 }), lo = i.object({
   amount_subtotal_atom: i.number().int(),
   amount_total_atom: i.number().int(),
   currency: i.string(),
-  description: B(i.string()),
+  description: K(i.string()),
   price_id: i.string(),
-  billing_interval: B(i.string()),
-  billing_interval_count: B(i.number().int()),
+  billing_interval: K(i.string()),
+  billing_interval_count: K(i.number().int()),
   quantity: i.number().int()
 }), fo = i.record(i.string(), i.any()), po = i.object({
   name: i.string(),
-  settings: B(fo)
+  settings: K(fo)
 }), yo = i.object({
   provider: i.string(),
-  processor_name: B(i.string()),
-  metadata: B(i.record(i.string(), i.any()))
+  processor_name: K(i.string()),
+  metadata: K(i.record(i.string(), i.any()))
 }), mo = i.object({
   quantity: i.number()
 }), ho = i.object({
-  id: B(i.string()),
-  billing_interval: B(i.string()),
-  billing_interval_count: B(i.number().int()),
+  id: K(i.string()),
+  billing_interval: K(i.string()),
+  billing_interval_count: K(i.number().int()),
   subscription_items: i.array(mo),
-  trial_start: B(i.string()),
-  trial_end: B(i.string())
+  trial_start: K(i.string()),
+  trial_end: K(i.string())
 }), ln = i.object({
   amount_atom: i.number()
 }), vo = i.object({
@@ -3304,7 +3306,7 @@ const uo = i.object({
 }), _o = i.object({
   currency: i.string(),
   discounts: i.array(go),
-  hosted_invoice_url: B(i.string()),
+  hosted_invoice_url: K(i.string()),
   lines: i.array(vo),
   remaining_amount_atom: i.number(),
   tax_amount_atom: i.number(),
@@ -3315,17 +3317,17 @@ const uo = i.object({
   invoices: i.array(_o)
 }), fn = i.object({
   preview: Jr,
-  preview_post_trial: B(Jr),
+  preview_post_trial: K(Jr),
   coupons: i.array(cn)
 }), Zr = i.object({
   status: i.literal("open"),
   token: i.string(),
-  email: B(i.string()),
+  email: K(i.string()),
   line_items: i.array(lo),
   amount_subtotal_atom: i.number().int(),
   amount_total_atom: i.number().int(),
   brand: po,
-  subs_preview: B(fn),
+  subs_preview: K(fn),
   // Null in setup mode
   methods_available: i.array(yo)
 }), dn = i.discriminatedUnion("mode", [
@@ -3384,7 +3386,7 @@ const qr = async (c, a, p) => {
     throw g.success ? new Error("Invalid state") : g.error;
   }
   return m;
-}, Co = (c, a) => a.safeParse(c).success, Ro = (c) => uo.safeParse(c).success, So = async (c, a) => await qr(c, { type: "get_checkout_preview", payload: a }, fn), pn = async (c) => await qr(c, { type: "get_prefill", payload: {} }, dn), ko = async (c, a) => await qr(c, { type: "confirm_payment_flow", payload: a }, Bn);
+}, Co = (c, a) => a.safeParse(c).success, Ro = (c) => uo.safeParse(c).success, So = async (c, a) => await qr(c, { type: "get_checkout_preview", payload: a }, fn), pn = async (c) => await qr(c, { type: "get_prefill", payload: {} }, dn), ko = async (c, a) => await qr(c, { type: "confirm_payment_flow", payload: a }, Kn);
 class Oo {
   constructor(a) {
     this.formInstance = a, this.config = a.config, this.formId = a.formId, this.eventTargets = {}, this.nonces = /* @__PURE__ */ new Set(), this.tokenizedData = null, this.tokenized = 0, this.connectionManager = a.getConnectionManager();
@@ -3393,7 +3395,11 @@ class Oo {
     this.tokenizedData = a;
   }
   handleMessage(a) {
-    if (a.origin !== this.formInstance.config.baseUrl || !a.source) return;
+    var P;
+    if (!a.source)
+      throw new Error("No source found");
+    if (a.origin !== ((P = this.formInstance.config._frameUrl) == null ? void 0 : P.origin))
+      return;
     const p = no(JSON.parse(a.data));
     if (!this.validateEvent(p)) return;
     const { elementId: g, payload: b } = p;
@@ -3468,24 +3474,24 @@ class Oo {
     this.formInstance.config.onCheckoutStarted && this.formInstance.config.onCheckoutStarted();
   }
   async handlePaymentFlowStartedEvent(a, p, m) {
-    var j;
+    var I;
     if (!this.tokenizedData)
       throw new Error("tokenizedData not populated");
     const g = this.connectionManager.getConnection(), b = async () => {
       var q;
-      const I = a.nextActionMetadata.type;
-      if (I !== void 0) if (I === "stripe_3ds")
+      const P = a.nextActionMetadata.type;
+      if (P !== void 0) if (P === "stripe_3ds")
         await to(a);
-      else if (I === "stripe_payment_request") {
+      else if (P === "stripe_payment_request") {
         if (!this.formInstance.getStripePm())
           throw new Error("Stripe PM not set");
         await eo(a, this.formInstance.getStripePm());
       } else
-        throw new Error(`Unknown next action type: ${I}`);
-      const x = await pn(g);
-      if (x.mode === "setup") {
+        throw new Error(`Unknown next action type: ${P}`);
+      const $ = await pn(g);
+      if ($.mode === "setup") {
         const { payment_methods: V } = await ko(g, {
-          secure_token: x.token,
+          secure_token: $.token,
           existing_cc_pm_id: (q = this.tokenizedData) == null ? void 0 : q.existingCCPMId
         });
         if (V.length !== 1)
@@ -3499,22 +3505,22 @@ class Oo {
         };
     };
     try {
-      const { proceedToCheckout: I } = await b();
-      if (!I)
+      const { proceedToCheckout: P } = await b();
+      if (!P)
         return;
-      let x;
-      if (this.tokenizedData.checkoutPaymentMethod.provider === "credit_card" && (x = (j = a.startPFMetadata) == null ? void 0 : j.cc_pm_id, !x))
+      let $;
+      if (this.tokenizedData.checkoutPaymentMethod.provider === "credit_card" && ($ = (I = a.startPFMetadata) == null ? void 0 : I.cc_pm_id, !$))
         throw new Error("CC PM ID not found");
-      Kr(
+      Br(
         p,
         this.formInstance.formId,
         m,
-        { ...this.tokenizedData, type: "CHECKOUT", doNotUseLegacyCCFlow: !0, existingCCPMId: x },
+        { ...this.tokenizedData, type: "CHECKOUT", doNotUseLegacyCCFlow: !0, existingCCPMId: $ },
         this.formInstance.config.baseUrl
       ), this.formInstance.checkoutFired = !0, this.tokenizedData = null, this.formInstance.config.onCheckoutStarted && this.formInstance.config.onCheckoutStarted();
-    } catch (I) {
-      const x = en(I);
-      this.formInstance.checkoutFired = !1, this.formInstance.config.onCheckoutError && this.formInstance.config.onCheckoutError(x);
+    } catch (P) {
+      const $ = en(P);
+      this.formInstance.checkoutFired = !1, this.formInstance.config.onCheckoutError && this.formInstance.config.onCheckoutError($);
     }
   }
   handleTokenizeSuccessEvent(a, p, m) {
@@ -3543,7 +3549,7 @@ class Oo {
         return;
       for (const [g, b] of Object.entries(this.eventTargets)) {
         if (!b) continue;
-        const j = At(
+        const I = At(
           J.enum.START_PAYMENT_FLOW,
           this.formInstance.sessionId,
           document.querySelector(this.formInstance.formTarget) ?? document.body,
@@ -3551,8 +3557,8 @@ class Oo {
           { ...m, processor_name: "stripe" },
           !1
         );
-        if (j) {
-          this.formInstance.checkoutFired = !0, this.tokenizedData = j, this.postEventToFrame(b, g, j);
+        if (I) {
+          this.formInstance.checkoutFired = !0, this.tokenizedData = I, this.postEventToFrame(b, g, I);
           break;
         }
       }
@@ -3581,7 +3587,7 @@ class Oo {
     this.tokenizedData = p;
   }
   postEventToFrame(a, p, m) {
-    Kr(a, this.formId, p, m, this.config.baseUrl);
+    Br(a, this.formId, p, m, this.config.baseUrl);
   }
 }
 async function To(c) {
@@ -3608,28 +3614,28 @@ class Po {
   }
 }
 async function Io(c, a, p, m, g, b) {
-  const j = {
+  const I = {
     apple_pay: { isLoading: !0, isAvailable: !1, startFlow: async () => {
     } },
     google_pay: { isLoading: !0, isAvailable: !1, startFlow: async () => {
     } }
   };
-  for (const I of ["apple_pay", "google_pay"])
+  for (const P of ["apple_pay", "google_pay"])
     try {
-      const x = a.find(
-        (U) => U.provider === I && U.processor_name === "stripe"
+      const $ = a.find(
+        (U) => U.provider === P && U.processor_name === "stripe"
       );
-      if (!x)
-        throw new Error(`${I} is not available as a checkout method`);
-      const q = Xn(x.metadata), V = await jo(q, I);
-      j[I] = {
+      if (!$)
+        throw new Error(`${P} is not available as a checkout method`);
+      const q = Xn($.metadata), V = await jo(q, P);
+      I[P] = {
         isLoading: !1,
         isAvailable: V,
         startFlow: (U) => Ao(
           p,
           c.checkoutSecureToken,
           document.querySelector(c.formTarget),
-          x,
+          $,
           q,
           m,
           g,
@@ -3638,14 +3644,14 @@ async function Io(c, a, p, m, g, b) {
         )
       };
     } catch {
-      j[I] = {
+      I[P] = {
         isLoading: !1,
         isAvailable: !1,
         startFlow: async () => {
         }
       };
     }
-  return j;
+  return I;
 }
 async function jo(c, a) {
   const m = await sn(c, 1e3, "usd"), g = await m.canMakePayment();
@@ -3653,12 +3659,12 @@ async function jo(c, a) {
     throw new Error(`Cannot make payment with ${a} for this session`);
   return g[a === "apple_pay" ? "applePay" : "googlePay"];
 }
-async function Ao(c, a, p, m, g, b, j, I, x) {
+async function Ao(c, a, p, m, g, b, I, P, $) {
   try {
     const q = un(p, {});
-    if (!Do(p, j, m))
+    if (!Mo(p, I, m))
       return;
-    const U = (await pn(c)).mode === "setup", G = await Mo(U, x, q, c, a), Y = await sn(
+    const U = (await pn(c)).mode === "setup", G = await Do(U, $, q, c, a), Y = await sn(
       g,
       G.amountAtom,
       G.currency,
@@ -3668,10 +3674,10 @@ async function Ao(c, a, p, m, g, b, j, I, x) {
     const Z = await Qn(Y);
     b(Z, m);
   } catch (q) {
-    I(en(q));
+    P(en(q));
   }
 }
-function Do(c, a, p) {
+function Mo(c, a, p) {
   return !!At(
     J.enum.START_PAYMENT_FLOW,
     "dummy",
@@ -3682,26 +3688,28 @@ function Do(c, a, p) {
     !1
   );
 }
-async function Mo(c, a, p, m, g) {
+async function Do(c, a, p, m, g) {
   var V;
   if (c)
     return ((V = a == null ? void 0 : a.overridePaymentRequest) == null ? void 0 : V.amount) ?? { amountAtom: 0, currency: "usd" };
   a != null && a.overridePaymentRequest;
-  const b = ne.safeParse(p[It.PROMOTION_CODE]);
+  const b = te.safeParse(p[It.PROMOTION_CODE]);
   if (!b.success)
     throw new Error(`Unknown promo code type: ${b.error.message}`);
-  const j = await So(m, {
+  const I = await So(m, {
     secure_token: g,
     promotion_code: b.data
-  }), I = new Set(j.preview.invoices.map((U) => U.currency));
-  if (I.size !== 1)
-    throw new Error(`Expected exactly one currency, got ${I.size}`);
-  const x = I.values().next().value;
-  return { amountAtom: j.preview.invoices.reduce((U, G) => U + G.remaining_amount_atom, 0), currency: x };
+  }), P = new Set(I.preview.invoices.map((U) => U.currency));
+  if (P.size !== 1)
+    throw new Error(`Expected exactly one currency, got ${P.size}`);
+  const $ = P.values().next().value;
+  return { amountAtom: I.preview.invoices.reduce((U, G) => U + G.remaining_amount_atom, 0), currency: $ };
 }
 class Lo {
   constructor(a) {
-    this.config = { ...a, baseUrl: a.baseUrl ?? "https://cde.getopenpay.com" }, this.elements = null, this.formId = `opjs-form-${window.crypto.randomUUID()}`, this.referer = window.location.origin, this.formTarget = a.formTarget ?? "body", this.formProperties = { height: "1px" }, this.sessionId = null, this.checkoutPaymentMethods = [], this.checkoutFired = !1, this.stripePm = void 0, this.paymentRequests = this.initPaymentRequests(), this.connectionManager = new Po(), this.eventHandler = new Oo(this), window.addEventListener("message", this.eventHandler.handleMessage.bind(this.eventHandler));
+    this.config = { ...a, baseUrl: a.baseUrl ?? "https://cde.getopenpay.com" }, this.elements = null, this.formId = `opjs-form-${window.crypto.randomUUID()}`, this.referer = window.location.origin, this.formTarget = a.formTarget ?? "body", this.formProperties = { height: "1px" }, this.sessionId = null, this.checkoutPaymentMethods = [], this.checkoutFired = !1, this.stripePm = void 0, this.paymentRequests = this.initPaymentRequests(), this.connectionManager = new Po(), this.eventHandler = new Oo(this);
+    const p = { version: "0.1.3" };
+    window.ojs_version = p, window.addEventListener("message", this.eventHandler.handleMessage.bind(this.eventHandler));
   }
   getStripePm() {
     return this.stripePm;
@@ -3725,16 +3733,18 @@ class Lo {
   createElement(a, p = {}) {
     if (!this.config) throw new Error("OpenPay form not initialized");
     const m = document.createElement("iframe"), g = this.buildQueryString(p);
-    m.name = `${a}-element`, m.src = `${this.config.baseUrl}/app/v1/${a}-element/?${g.toString()}`, m.style.border = "none", m.style.width = "100%";
-    const b = {
+    m.name = `${a}-element`;
+    const b = new URL(`/app/v1/${m.name}`, this.config.baseUrl);
+    b.search = g.toString(), m.src = b.href, this.config._frameUrl = b, m.style.border = "none", m.style.width = "100%";
+    const I = {
       type: a,
       node: m,
-      mount: (j) => {
-        var I;
-        return (I = document.querySelector(j)) == null ? void 0 : I.appendChild(m);
+      mount: (P) => {
+        var $;
+        return ($ = document.querySelector(P)) == null ? void 0 : $.appendChild(m);
       }
     };
-    return this.elements ? this.elements[a] = b : (this.elements = { [a]: b }, this.connectToElement(b)), b;
+    return this.elements ? this.elements[a] = I : (this.elements = { [a]: I }, this.connectToElement(I)), I;
   }
   buildQueryString(a) {
     const p = new URLSearchParams();
@@ -3752,7 +3762,7 @@ class Lo {
   async onUserCompletePaymentRequestUI(a, p) {
     if (!(!this.config.onValidationError || !this.sessionId || !this.checkoutPaymentMethods))
       for (const [m, g] of Object.entries(this.eventHandler.eventTargets ?? {})) {
-        const b = { stripePmId: a.paymentMethod.id }, j = At(
+        const b = { stripePmId: a.paymentMethod.id }, I = At(
           J.enum.START_PAYMENT_FLOW,
           this.sessionId,
           document.querySelector(this.formTarget) ?? document.body,
@@ -3761,8 +3771,8 @@ class Lo {
           !1,
           b
         );
-        if (j) {
-          this.stripePm = a, this.checkoutFired = !0, this.eventHandler.setTokenizedData(j), this.eventHandler.postEventToFrame(g, m, j);
+        if (I) {
+          this.stripePm = a, this.checkoutFired = !0, this.eventHandler.setTokenizedData(I), this.eventHandler.postEventToFrame(g, m, I);
           break;
         }
       }