@getopenpay/openpay-js-react 0.0.20-alpha.58849b4 → 0.0.21

package/dist/index.js

@@ -1,5 +1,5 @@
-import Wr, { createContext as Kr, useContext as Yr, useState as S, useMemo as ze, useCallback as _e, useRef as qe, useEffect as me } from "react";
-import { jsx as ve } from "react/jsx-runtime";
+import Wr, { createContext as Kr, useContext as Yr, useState as S, useMemo as ze, useCallback as ve, useRef as qe, useEffect as pe } from "react";
+import { jsx as we } from "react/jsx-runtime";
 const nr = Kr({
   formId: "",
   formHeight: "",
@@ -14,11 +14,11 @@ const nr = Kr({
     throw new Error("useOpenPayElements must be used within an OpenPayElementsProvider");
   return t;
 };
-var M = [];
+var Z = [];
 for (var Tt = 0; Tt < 256; ++Tt)
-  M.push((Tt + 256).toString(16).slice(1));
+  Z.push((Tt + 256).toString(16).slice(1));
 function Gr(t, e = 0) {
-  return (M[t[e + 0]] + M[t[e + 1]] + M[t[e + 2]] + M[t[e + 3]] + "-" + M[t[e + 4]] + M[t[e + 5]] + "-" + M[t[e + 6]] + M[t[e + 7]] + "-" + M[t[e + 8]] + M[t[e + 9]] + "-" + M[t[e + 10]] + M[t[e + 11]] + M[t[e + 12]] + M[t[e + 13]] + M[t[e + 14]] + M[t[e + 15]]).toLowerCase();
+  return (Z[t[e + 0]] + Z[t[e + 1]] + Z[t[e + 2]] + Z[t[e + 3]] + "-" + Z[t[e + 4]] + Z[t[e + 5]] + "-" + Z[t[e + 6]] + Z[t[e + 7]] + "-" + Z[t[e + 8]] + Z[t[e + 9]] + "-" + Z[t[e + 10]] + Z[t[e + 11]] + Z[t[e + 12]] + Z[t[e + 13]] + Z[t[e + 14]] + Z[t[e + 15]]).toLowerCase();
 }
 var ut, Xr = new Uint8Array(16);
 function Qr() {
@@ -102,7 +102,7 @@ const p = b.arrayToEnum([
   "never",
   "map",
   "set"
-]), ge = (t) => {
+]), _e = (t) => {
   switch (typeof t) {
     case "undefined":
       return p.undefined;
@@ -357,7 +357,7 @@ var h;
   t.errToObj = (e) => typeof e == "string" ? { message: e } : e || {}, t.toString = (e) => typeof e == "string" ? e : e == null ? void 0 : e.message;
 })(h || (h = {}));
 var Ve, Fe;
-class ce {
+class de {
   constructor(e, r, n, s) {
     this._cachedPath = [], this.parent = e, this.data = r, this._path = n, this._key = s;
   }
@@ -400,13 +400,13 @@ class w {
     return this._def.description;
   }
   _getType(e) {
-    return ge(e.data);
+    return _e(e.data);
   }
   _getOrReturnCtx(e, r) {
     return r || {
       common: e.parent.common,
       data: e.data,
-      parsedType: ge(e.data),
+      parsedType: _e(e.data),
       schemaErrorMap: this._def.errorMap,
       path: e.path,
       parent: e.parent
@@ -418,7 +418,7 @@ class w {
       ctx: {
         common: e.parent.common,
         data: e.data,
-        parsedType: ge(e.data),
+        parsedType: _e(e.data),
         schemaErrorMap: this._def.errorMap,
         path: e.path,
         parent: e.parent
@@ -453,7 +453,7 @@ class w {
       schemaErrorMap: this._def.errorMap,
       parent: null,
       data: e,
-      parsedType: ge(e)
+      parsedType: _e(e)
     }, a = this._parseSync({ data: e, path: s.path, parent: s });
     return Yt(s, a);
   }
@@ -474,7 +474,7 @@ class w {
       schemaErrorMap: this._def.errorMap,
       parent: null,
       data: e,
-      parsedType: ge(e)
+      parsedType: _e(e)
     }, s = this._parse({ data: e, path: n.path, parent: n }), a = await (He(s) ? s : Promise.resolve(s));
     return Yt(n, a);
   }
@@ -492,7 +492,7 @@ class w {
     return this._refinement((n, s) => e(n) ? !0 : (s.addIssue(typeof r == "function" ? r(n, s) : r), !1));
   }
   _refinement(e) {
-    return new ee({
+    return new re({
       schema: this,
       typeName: y.ZodEffects,
       effect: { type: "refinement", refinement: e }
@@ -502,16 +502,16 @@ class w {
     return this._refinement(e);
   }
   optional() {
-    return ie.create(this, this._def);
+    return oe.create(this, this._def);
   }
   nullable() {
-    return Ee.create(this, this._def);
+    return ke.create(this, this._def);
   }
   nullish() {
     return this.nullable().optional();
   }
   array() {
-    return Q.create(this, this._def);
+    return te.create(this, this._def);
   }
   promise() {
     return $e.create(this, this._def);
@@ -523,7 +523,7 @@ class w {
     return Ge.create(this, e, this._def);
   }
   transform(e) {
-    return new ee({
+    return new re({
       ..._(this._def),
       schema: this,
       typeName: y.ZodEffects,
@@ -593,7 +593,7 @@ function dr(t) {
 function _n(t, e) {
   return !!((e === "v4" || !e) && mn.test(t) || (e === "v6" || !e) && pn.test(t));
 }
-class X extends w {
+class ee extends w {
   _parse(e) {
     if (this._def.coerce && (e.data = String(e.data)), this._getType(e) !== p.string) {
       const a = this._getOrReturnCtx(e);
@@ -744,7 +744,7 @@ class X extends w {
     });
   }
   _addCheck(e) {
-    return new X({
+    return new ee({
       ...this._def,
       checks: [...this._def.checks, e]
     });
@@ -870,19 +870,19 @@ class X extends w {
     return this.min(1, h.errToObj(e));
   }
   trim() {
-    return new X({
+    return new ee({
       ...this._def,
       checks: [...this._def.checks, { kind: "trim" }]
     });
   }
   toLowerCase() {
-    return new X({
+    return new ee({
       ...this._def,
       checks: [...this._def.checks, { kind: "toLowerCase" }]
     });
   }
   toUpperCase() {
-    return new X({
+    return new ee({
       ...this._def,
       checks: [...this._def.checks, { kind: "toUpperCase" }]
     });
@@ -942,9 +942,9 @@ class X extends w {
     return e;
   }
 }
-X.create = (t) => {
+ee.create = (t) => {
   var e;
-  return new X({
+  return new ee({
     checks: [],
     typeName: y.ZodString,
     coerce: (e = t == null ? void 0 : t.coerce) !== null && e !== void 0 ? e : !1,
@@ -955,7 +955,7 @@ function vn(t, e) {
   const r = (t.toString().split(".")[1] || "").length, n = (e.toString().split(".")[1] || "").length, s = r > n ? r : n, a = parseInt(t.toFixed(s).replace(".", "")), o = parseInt(e.toFixed(s).replace(".", ""));
   return a % o / Math.pow(10, s);
 }
-class we extends w {
+class be extends w {
   constructor() {
     super(...arguments), this.min = this.gte, this.max = this.lte, this.step = this.multipleOf;
   }
@@ -1013,7 +1013,7 @@ class we extends w {
     return this.setLimit("max", e, !1, h.toString(r));
   }
   setLimit(e, r, n, s) {
-    return new we({
+    return new be({
       ...this._def,
       checks: [
         ...this._def.checks,
@@ -1027,7 +1027,7 @@ class we extends w {
     });
   }
   _addCheck(e) {
-    return new we({
+    return new be({
       ...this._def,
       checks: [...this._def.checks, e]
     });
@@ -1121,13 +1121,13 @@ class we extends w {
     return Number.isFinite(r) && Number.isFinite(e);
   }
 }
-we.create = (t) => new we({
+be.create = (t) => new be({
   checks: [],
   typeName: y.ZodNumber,
   coerce: (t == null ? void 0 : t.coerce) || !1,
   ..._(t)
 });
-class be extends w {
+class Ee extends w {
   constructor() {
     super(...arguments), this.min = this.gte, this.max = this.lte;
   }
@@ -1175,7 +1175,7 @@ class be extends w {
     return this.setLimit("max", e, !1, h.toString(r));
   }
   setLimit(e, r, n, s) {
-    return new be({
+    return new Ee({
       ...this._def,
       checks: [
         ...this._def.checks,
@@ -1189,7 +1189,7 @@ class be extends w {
     });
   }
   _addCheck(e) {
-    return new be({
+    return new Ee({
       ...this._def,
       checks: [...this._def.checks, e]
     });
@@ -1246,9 +1246,9 @@ class be extends w {
     return e;
   }
 }
-be.create = (t) => {
+Ee.create = (t) => {
   var e;
-  return new be({
+  return new Ee({
     checks: [],
     typeName: y.ZodBigInt,
     coerce: (e = t == null ? void 0 : t.coerce) !== null && e !== void 0 ? e : !1,
@@ -1426,7 +1426,7 @@ Oe.create = (t) => new Oe({
   typeName: y.ZodUnknown,
   ..._(t)
 });
-class pe extends w {
+class he extends w {
   _parse(e) {
     const r = this._getOrReturnCtx(e);
     return m(r, {
@@ -1436,7 +1436,7 @@ class pe extends w {
     }), g;
   }
 }
-pe.create = (t) => new pe({
+he.create = (t) => new he({
   typeName: y.ZodNever,
   ..._(t)
 });
@@ -1457,7 +1457,7 @@ yt.create = (t) => new yt({
   typeName: y.ZodVoid,
   ..._(t)
 });
-class Q extends w {
+class te extends w {
   _parse(e) {
     const { ctx: r, status: n } = this._processInputParams(e), s = this._def;
     if (r.parsedType !== p.array)
@@ -1493,27 +1493,27 @@ class Q extends w {
       exact: !1,
       message: s.maxLength.message
     }), n.dirty()), r.common.async)
-      return Promise.all([...r.data].map((o, c) => s.type._parseAsync(new ce(r, o, r.path, c)))).then((o) => D.mergeArray(n, o));
-    const a = [...r.data].map((o, c) => s.type._parseSync(new ce(r, o, r.path, c)));
+      return Promise.all([...r.data].map((o, c) => s.type._parseAsync(new de(r, o, r.path, c)))).then((o) => D.mergeArray(n, o));
+    const a = [...r.data].map((o, c) => s.type._parseSync(new de(r, o, r.path, c)));
     return D.mergeArray(n, a);
   }
   get element() {
     return this._def.type;
   }
   min(e, r) {
-    return new Q({
+    return new te({
       ...this._def,
       minLength: { value: e, message: h.toString(r) }
     });
   }
   max(e, r) {
-    return new Q({
+    return new te({
       ...this._def,
       maxLength: { value: e, message: h.toString(r) }
     });
   }
   length(e, r) {
-    return new Q({
+    return new te({
       ...this._def,
       exactLength: { value: e, message: h.toString(r) }
     });
@@ -1522,7 +1522,7 @@ class Q extends w {
     return this.min(1, e);
   }
 }
-Q.create = (t, e) => new Q({
+te.create = (t, e) => new te({
   type: t,
   minLength: null,
   maxLength: null,
@@ -1535,16 +1535,16 @@ function Ne(t) {
     const e = {};
     for (const r in t.shape) {
       const n = t.shape[r];
-      e[r] = ie.create(Ne(n));
+      e[r] = oe.create(Ne(n));
     }
     return new R({
       ...t._def,
       shape: () => e
     });
-  } else return t instanceof Q ? new Q({
+  } else return t instanceof te ? new te({
     ...t._def,
     type: Ne(t.element)
-  }) : t instanceof ie ? ie.create(Ne(t.unwrap())) : t instanceof Ee ? Ee.create(Ne(t.unwrap())) : t instanceof de ? de.create(t.items.map((e) => Ne(e))) : t;
+  }) : t instanceof oe ? oe.create(Ne(t.unwrap())) : t instanceof ke ? ke.create(Ne(t.unwrap())) : t instanceof ue ? ue.create(t.items.map((e) => Ne(e))) : t;
 }
 class R extends w {
   constructor() {
@@ -1566,7 +1566,7 @@ class R extends w {
       }), g;
     }
     const { status: n, ctx: s } = this._processInputParams(e), { shape: a, keys: o } = this._getCached(), c = [];
-    if (!(this._def.catchall instanceof pe && this._def.unknownKeys === "strip"))
+    if (!(this._def.catchall instanceof he && this._def.unknownKeys === "strip"))
       for (const d in s.data)
         o.includes(d) || c.push(d);
     const u = [];
@@ -1574,11 +1574,11 @@ class R extends w {
       const f = a[d], v = s.data[d];
       u.push({
         key: { status: "valid", value: d },
-        value: f._parse(new ce(s, v, s.path, d)),
+        value: f._parse(new de(s, v, s.path, d)),
         alwaysSet: d in s.data
       });
     }
-    if (this._def.catchall instanceof pe) {
+    if (this._def.catchall instanceof he) {
       const d = this._def.unknownKeys;
       if (d === "passthrough")
         for (const f of c)
@@ -1599,7 +1599,7 @@ class R extends w {
         u.push({
           key: { status: "valid", value: f },
           value: d._parse(
-            new ce(s, v, s.path, f)
+            new de(s, v, s.path, f)
             //, ctx.child(key), value, getParsedType(value)
           ),
           alwaysSet: f in s.data
@@ -1609,10 +1609,10 @@ class R extends w {
     return s.common.async ? Promise.resolve().then(async () => {
       const d = [];
       for (const f of u) {
-        const v = await f.key, x = await f.value;
+        const v = await f.key, E = await f.value;
         d.push({
           key: v,
-          value: x,
+          value: E,
           alwaysSet: f.alwaysSet
         });
       }
@@ -1799,7 +1799,7 @@ class R extends w {
         r[n] = this.shape[n];
       else {
         let a = this.shape[n];
-        for (; a instanceof ie; )
+        for (; a instanceof oe; )
           a = a._def.innerType;
         r[n] = a;
       }
@@ -1815,21 +1815,21 @@ class R extends w {
 R.create = (t, e) => new R({
   shape: () => t,
   unknownKeys: "strip",
-  catchall: pe.create(),
+  catchall: he.create(),
   typeName: y.ZodObject,
   ..._(e)
 });
 R.strictCreate = (t, e) => new R({
   shape: () => t,
   unknownKeys: "strict",
-  catchall: pe.create(),
+  catchall: he.create(),
   typeName: y.ZodObject,
   ..._(e)
 });
 R.lazycreate = (t, e) => new R({
   shape: t,
   unknownKeys: "strip",
-  catchall: pe.create(),
+  catchall: he.create(),
   typeName: y.ZodObject,
   ..._(e)
 });
@@ -1906,7 +1906,7 @@ Je.create = (t, e) => new Je({
   typeName: y.ZodUnion,
   ..._(e)
 });
-const fe = (t) => t instanceof Qe ? fe(t.schema) : t instanceof ee ? fe(t.innerType()) : t instanceof et ? [t.value] : t instanceof xe ? t.options : t instanceof tt ? b.objectValues(t.enum) : t instanceof rt ? fe(t._def.innerType) : t instanceof Ke ? [void 0] : t instanceof Ye ? [null] : t instanceof ie ? [void 0, ...fe(t.unwrap())] : t instanceof Ee ? [null, ...fe(t.unwrap())] : t instanceof jt || t instanceof st ? fe(t.unwrap()) : t instanceof nt ? fe(t._def.innerType) : [];
+const me = (t) => t instanceof Qe ? me(t.schema) : t instanceof re ? me(t.innerType()) : t instanceof et ? [t.value] : t instanceof xe ? t.options : t instanceof tt ? b.objectValues(t.enum) : t instanceof rt ? me(t._def.innerType) : t instanceof Ke ? [void 0] : t instanceof Ye ? [null] : t instanceof oe ? [void 0, ...me(t.unwrap())] : t instanceof ke ? [null, ...me(t.unwrap())] : t instanceof jt || t instanceof st ? me(t.unwrap()) : t instanceof nt ? me(t._def.innerType) : [];
 class wt extends w {
   _parse(e) {
     const { ctx: r } = this._processInputParams(e);
@@ -1951,7 +1951,7 @@ class wt extends w {
   static create(e, r, n) {
     const s = /* @__PURE__ */ new Map();
     for (const a of r) {
-      const o = fe(a.shape[e]);
+      const o = me(a.shape[e]);
       if (!o.length)
         throw new Error(`A discriminator value for key \`${e}\` could not be extracted from all schema options`);
       for (const c of o) {
@@ -1970,7 +1970,7 @@ class wt extends w {
   }
 }
 function Pt(t, e) {
-  const r = ge(t), n = ge(e);
+  const r = _e(t), n = _e(e);
   if (t === e)
     return { valid: !0, data: t };
   if (r === p.object && n === p.object) {
@@ -2033,7 +2033,7 @@ Ge.create = (t, e, r) => new Ge({
   typeName: y.ZodIntersection,
   ..._(r)
 });
-class de extends w {
+class ue extends w {
   _parse(e) {
     const { status: r, ctx: n } = this._processInputParams(e);
     if (n.parsedType !== p.array)
@@ -2059,7 +2059,7 @@ class de extends w {
     }), r.dirty());
     const a = [...n.data].map((o, c) => {
       const u = this._def.items[c] || this._def.rest;
-      return u ? u._parse(new ce(n, o, n.path, c)) : null;
+      return u ? u._parse(new de(n, o, n.path, c)) : null;
     }).filter((o) => !!o);
     return n.common.async ? Promise.all(a).then((o) => D.mergeArray(r, o)) : D.mergeArray(r, a);
   }
@@ -2067,16 +2067,16 @@ class de extends w {
     return this._def.items;
   }
   rest(e) {
-    return new de({
+    return new ue({
       ...this._def,
       rest: e
     });
   }
 }
-de.create = (t, e) => {
+ue.create = (t, e) => {
   if (!Array.isArray(t))
     throw new Error("You must pass an array of schemas to z.tuple([ ... ])");
-  return new de({
+  return new ue({
     items: t,
     typeName: y.ZodTuple,
     rest: null,
@@ -2101,8 +2101,8 @@ class Xe extends w {
     const s = [], a = this._def.keyType, o = this._def.valueType;
     for (const c in n.data)
       s.push({
-        key: a._parse(new ce(n, c, n.path, c)),
-        value: o._parse(new ce(n, n.data[c], n.path, c)),
+        key: a._parse(new de(n, c, n.path, c)),
+        value: o._parse(new de(n, n.data[c], n.path, c)),
         alwaysSet: c in n.data
       });
     return n.common.async ? D.mergeObjectAsync(r, s) : D.mergeObjectSync(r, s);
@@ -2117,7 +2117,7 @@ class Xe extends w {
       typeName: y.ZodRecord,
       ..._(n)
     }) : new Xe({
-      keyType: X.create(),
+      keyType: ee.create(),
       valueType: e,
       typeName: y.ZodRecord,
       ..._(r)
@@ -2140,8 +2140,8 @@ class gt extends w {
         received: n.parsedType
       }), g;
     const s = this._def.keyType, a = this._def.valueType, o = [...n.data.entries()].map(([c, u], d) => ({
-      key: s._parse(new ce(n, c, n.path, [d, "key"])),
-      value: a._parse(new ce(n, u, n.path, [d, "value"]))
+      key: s._parse(new de(n, c, n.path, [d, "key"])),
+      value: a._parse(new de(n, u, n.path, [d, "value"]))
     }));
     if (n.common.async) {
       const c = /* @__PURE__ */ new Map();
@@ -2207,7 +2207,7 @@ class Ie extends w {
       }
       return { status: r.value, value: d };
     }
-    const c = [...n.data.values()].map((u, d) => a._parse(new ce(n, u, n.path, d)));
+    const c = [...n.data.values()].map((u, d) => a._parse(new de(n, u, n.path, d)));
     return n.common.async ? Promise.all(c).then((u) => o(u)) : o(c);
   }
   min(e, r) {
@@ -2284,11 +2284,11 @@ class Me extends w {
     if (this._def.returns instanceof $e) {
       const c = this;
       return U(async function(...u) {
-        const d = new H([]), f = await c._def.args.parseAsync(u, a).catch((E) => {
-          throw d.addIssue(n(u, E)), d;
+        const d = new H([]), f = await c._def.args.parseAsync(u, a).catch((x) => {
+          throw d.addIssue(n(u, x)), d;
         }), v = await Reflect.apply(o, this, f);
-        return await c._def.returns._def.type.parseAsync(v, a).catch((E) => {
-          throw d.addIssue(s(v, E)), d;
+        return await c._def.returns._def.type.parseAsync(v, a).catch((x) => {
+          throw d.addIssue(s(v, x)), d;
         });
       });
     } else {
@@ -2313,7 +2313,7 @@ class Me extends w {
   args(...e) {
     return new Me({
       ...this._def,
-      args: de.create(e).rest(Oe.create())
+      args: ue.create(e).rest(Oe.create())
     });
   }
   returns(e) {
@@ -2330,7 +2330,7 @@ class Me extends w {
   }
   static create(e, r, n) {
     return new Me({
-      args: e || de.create([]).rest(Oe.create()),
+      args: e || ue.create([]).rest(Oe.create()),
       returns: r || Oe.create(),
       typeName: y.ZodFunction,
       ..._(n)
@@ -2496,7 +2496,7 @@ $e.create = (t, e) => new $e({
   typeName: y.ZodPromise,
   ..._(e)
 });
-class ee extends w {
+class re extends w {
   innerType() {
     return this._def.schema;
   }
@@ -2573,19 +2573,19 @@ class ee extends w {
     b.assertNever(s);
   }
 }
-ee.create = (t, e, r) => new ee({
+re.create = (t, e, r) => new re({
   schema: t,
   typeName: y.ZodEffects,
   effect: e,
   ..._(r)
 });
-ee.createWithPreprocess = (t, e, r) => new ee({
+re.createWithPreprocess = (t, e, r) => new re({
   schema: e,
   effect: { type: "preprocess", transform: t },
   typeName: y.ZodEffects,
   ..._(r)
 });
-class ie extends w {
+class oe extends w {
   _parse(e) {
     return this._getType(e) === p.undefined ? U(void 0) : this._def.innerType._parse(e);
   }
@@ -2593,12 +2593,12 @@ class ie extends w {
     return this._def.innerType;
   }
 }
-ie.create = (t, e) => new ie({
+oe.create = (t, e) => new oe({
   innerType: t,
   typeName: y.ZodOptional,
   ..._(e)
 });
-class Ee extends w {
+class ke extends w {
   _parse(e) {
     return this._getType(e) === p.null ? U(null) : this._def.innerType._parse(e);
   }
@@ -2606,7 +2606,7 @@ class Ee extends w {
     return this._def.innerType;
   }
 }
-Ee.create = (t, e) => new Ee({
+ke.create = (t, e) => new ke({
   innerType: t,
   typeName: y.ZodNullable,
   ..._(e)
@@ -2775,16 +2775,16 @@ var y;
 (function(t) {
   t.ZodString = "ZodString", t.ZodNumber = "ZodNumber", t.ZodNaN = "ZodNaN", t.ZodBigInt = "ZodBigInt", t.ZodBoolean = "ZodBoolean", t.ZodDate = "ZodDate", t.ZodSymbol = "ZodSymbol", t.ZodUndefined = "ZodUndefined", t.ZodNull = "ZodNull", t.ZodAny = "ZodAny", t.ZodUnknown = "ZodUnknown", t.ZodNever = "ZodNever", t.ZodVoid = "ZodVoid", t.ZodArray = "ZodArray", t.ZodObject = "ZodObject", t.ZodUnion = "ZodUnion", t.ZodDiscriminatedUnion = "ZodDiscriminatedUnion", t.ZodIntersection = "ZodIntersection", t.ZodTuple = "ZodTuple", t.ZodRecord = "ZodRecord", t.ZodMap = "ZodMap", t.ZodSet = "ZodSet", t.ZodFunction = "ZodFunction", t.ZodLazy = "ZodLazy", t.ZodLiteral = "ZodLiteral", t.ZodEnum = "ZodEnum", t.ZodEffects = "ZodEffects", t.ZodNativeEnum = "ZodNativeEnum", t.ZodOptional = "ZodOptional", t.ZodNullable = "ZodNullable", t.ZodDefault = "ZodDefault", t.ZodCatch = "ZodCatch", t.ZodPromise = "ZodPromise", t.ZodBranded = "ZodBranded", t.ZodPipeline = "ZodPipeline", t.ZodReadonly = "ZodReadonly";
 })(y || (y = {}));
-const xn = (t, e = {
+const En = (t, e = {
   message: `Input not instance of ${t.name}`
-}) => lr((r) => r instanceof t, e), fr = X.create, mr = we.create, En = _t.create, kn = be.create, pr = We.create, Tn = Pe.create, Cn = ht.create, Sn = Ke.create, Rn = Ye.create, On = De.create, Pn = Oe.create, In = pe.create, An = yt.create, Nn = Q.create, jn = R.create, Mn = R.strictCreate, Zn = Je.create, Dn = wt.create, $n = Ge.create, Ln = de.create, Un = Xe.create, Vn = gt.create, Fn = Ie.create, zn = Me.create, qn = Qe.create, Bn = et.create, Hn = xe.create, Wn = tt.create, Kn = $e.create, Jt = ee.create, Yn = ie.create, Jn = Ee.create, Gn = ee.createWithPreprocess, Xn = ot.create, Qn = () => fr().optional(), es = () => mr().optional(), ts = () => pr().optional(), rs = {
-  string: (t) => X.create({ ...t, coerce: !0 }),
-  number: (t) => we.create({ ...t, coerce: !0 }),
+}) => lr((r) => r instanceof t, e), fr = ee.create, mr = be.create, xn = _t.create, kn = Ee.create, pr = We.create, Tn = Pe.create, Cn = ht.create, Sn = Ke.create, Rn = Ye.create, On = De.create, Pn = Oe.create, In = he.create, An = yt.create, Nn = te.create, jn = R.create, Mn = R.strictCreate, Zn = Je.create, Dn = wt.create, $n = Ge.create, Ln = ue.create, Un = Xe.create, Vn = gt.create, Fn = Ie.create, zn = Me.create, qn = Qe.create, Bn = et.create, Hn = xe.create, Wn = tt.create, Kn = $e.create, Jt = re.create, Yn = oe.create, Jn = ke.create, Gn = re.createWithPreprocess, Xn = ot.create, Qn = () => fr().optional(), es = () => mr().optional(), ts = () => pr().optional(), rs = {
+  string: (t) => ee.create({ ...t, coerce: !0 }),
+  number: (t) => be.create({ ...t, coerce: !0 }),
   boolean: (t) => We.create({
     ...t,
     coerce: !0
   }),
-  bigint: (t) => be.create({ ...t, coerce: !0 }),
+  bigint: (t) => Ee.create({ ...t, coerce: !0 }),
   date: (t) => Pe.create({ ...t, coerce: !0 })
 }, ns = g;
 var i = /* @__PURE__ */ Object.freeze({
@@ -2810,12 +2810,12 @@ var i = /* @__PURE__ */ Object.freeze({
     return St;
   },
   ZodParsedType: p,
-  getParsedType: ge,
+  getParsedType: _e,
   ZodType: w,
   datetimeRegex: dr,
-  ZodString: X,
-  ZodNumber: we,
-  ZodBigInt: be,
+  ZodString: ee,
+  ZodNumber: be,
+  ZodBigInt: Ee,
   ZodBoolean: We,
   ZodDate: Pe,
   ZodSymbol: ht,
@@ -2823,14 +2823,14 @@ var i = /* @__PURE__ */ Object.freeze({
   ZodNull: Ye,
   ZodAny: De,
   ZodUnknown: Oe,
-  ZodNever: pe,
+  ZodNever: he,
   ZodVoid: yt,
-  ZodArray: Q,
+  ZodArray: te,
   ZodObject: R,
   ZodUnion: Je,
   ZodDiscriminatedUnion: wt,
   ZodIntersection: Ge,
-  ZodTuple: de,
+  ZodTuple: ue,
   ZodRecord: Xe,
   ZodMap: gt,
   ZodSet: Ie,
@@ -2840,10 +2840,10 @@ var i = /* @__PURE__ */ Object.freeze({
   ZodEnum: xe,
   ZodNativeEnum: tt,
   ZodPromise: $e,
-  ZodEffects: ee,
-  ZodTransformer: ee,
-  ZodOptional: ie,
-  ZodNullable: Ee,
+  ZodEffects: re,
+  ZodTransformer: re,
+  ZodOptional: oe,
+  ZodNullable: ke,
   ZodDefault: rt,
   ZodCatch: nt,
   ZodNaN: _t,
@@ -2868,12 +2868,12 @@ var i = /* @__PURE__ */ Object.freeze({
   effect: Jt,
   enum: Hn,
   function: zn,
-  instanceof: xn,
+  instanceof: En,
   intersection: $n,
   lazy: qn,
   literal: Bn,
   map: Vn,
-  nan: En,
+  nan: xn,
   nativeEnum: Wn,
   never: In,
   null: Rn,
@@ -2998,7 +2998,7 @@ const k = i.enum([
   invoiceUrls: i.array(i.string()),
   subscriptionIds: i.array(i.string()),
   customerId: i.string()
-}), xs = i.discriminatedUnion("type", [
+}), Es = i.discriminatedUnion("type", [
   os,
   ds,
   ls,
@@ -3010,8 +3010,8 @@ const k = i.enum([
   bs,
   ys,
   gs
-]), Es = i.object({
-  payload: xs,
+]), xs = i.object({
+  payload: Es,
   nonce: B,
   formId: B,
   elementId: B
@@ -3057,13 +3057,13 @@ const ks = i.object({
     return u.data;
   {
     const d = u.error.format(), f = Ts(d);
-    for (const [v, x] of Object.entries(f))
-      n(v, x, v);
+    for (const [v, E] of Object.entries(f))
+      n(v, E, v);
     return null;
   }
 }, Ss = (t) => {
   try {
-    return Es.parse(t);
+    return xs.parse(t);
   } catch (e) {
     throw e;
   }
@@ -3075,7 +3075,7 @@ const ks = i.object({
     elementId: r
   };
   t.postMessage(JSON.stringify(a), s);
-}, Rs = "https://cde.openpaystaging.com", Os = {
+}, Rs = "https://cde.getopenpay.com", Os = {
   usd: "usd",
   brl: "brl"
 }, Mt = async (t) => {
@@ -3160,7 +3160,7 @@ const ks = i.object({
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [r]
   ), s = {
-    get: _e((a) => e[a], [e]),
+    get: ve((a) => e[a], [e]),
     ...n
   };
   return [e, s];
@@ -3226,27 +3226,27 @@ ${t.map((r) => `- ${r.path.join("/")}: ${r.message}`).join(`
     return t + "";
 };
 function Ws(t, e = 0) {
-  const r = qe(!1), n = qe(), s = qe(t), a = _e(() => r.current, []), o = _e(() => {
+  const r = qe(!1), n = qe(), s = qe(t), a = ve(() => r.current, []), o = ve(() => {
     r.current = !1, n.current && clearTimeout(n.current), n.current = setTimeout(() => {
       r.current = !0, s.current();
     }, e);
-  }, [e]), c = _e(() => {
+  }, [e]), c = ve(() => {
     r.current = null, n.current && clearTimeout(n.current);
   }, []);
-  return me(() => {
+  return pe(() => {
     s.current = t;
-  }, [t]), me(() => (o(), c), [e]), [a, c, o];
+  }, [t]), pe(() => (o(), c), [e]), [a, c, o];
 }
 function Ks(t, e = 0, r = []) {
   const [n, s, a] = Ws(t, e);
-  return me(a, r), [n, s];
+  return pe(a, r), [n, s];
 }
 const N = (t) => i.nullable(t.optional());
 i.string().trim().min(1, { message: "Cannot be blank" });
 const Ys = i.object({
   cde_response_type: i.literal("error"),
   message: i.string()
-}), Js = i.enum(["usd", "brl"]), xr = i.object({
+}), Js = i.enum(["usd", "brl"]), Er = i.object({
   name: i.string(),
   amount_atom_off: N(i.number()),
   percent_off: N(i.number()),
@@ -3278,16 +3278,16 @@ const Ys = i.object({
   subscription_items: i.array(ta),
   trial_start: N(i.string()),
   trial_end: N(i.string())
-}), Er = i.object({
+}), xr = i.object({
   amount_atom: i.number()
 }), na = i.object({
   amount_atom: i.number(),
   amount_atom_considering_discount_applied: i.number(),
   currency: i.string(),
-  discount_amount_atoms: i.array(Er),
+  discount_amount_atoms: i.array(xr),
   subscription_item_id: i.string()
 }), sa = i.object({
-  coupon: xr
+  coupon: Er
 }), aa = i.object({
   currency: i.string(),
   discounts: i.array(sa),
@@ -3296,14 +3296,14 @@ const Ys = i.object({
   remaining_amount_atom: i.number(),
   tax_amount_atom: i.number(),
   total_amount_atom: i.number(),
-  total_discount_amount_atoms: i.array(Er)
+  total_discount_amount_atoms: i.array(xr)
 }), Xt = i.object({
   created: i.array(ra),
   invoices: i.array(aa)
 }), kr = i.object({
   preview: Xt,
   preview_post_trial: N(Xt),
-  coupons: i.array(xr)
+  coupons: i.array(Er)
 }), Qt = i.object({
   status: i.literal("open"),
   token: i.string(),
@@ -3372,13 +3372,13 @@ const $t = async (t, e, r) => {
   }
   return n;
 }, da = (t, e) => e.safeParse(t).success, ua = (t) => Ys.safeParse(t).success, la = async (t, e) => await $t(t, { type: "get_checkout_preview", payload: e }, kr), Lt = async (t) => await $t(t, { type: "get_prefill", payload: {} }, Tr), fa = async (t, e) => await $t(t, { type: "confirm_payment_flow", payload: e }, ks), ma = (t) => t.reduce((e, r) => e + r, 0), pa = (t, e, r, n) => {
-  const [s, a] = S(""), [o, c] = S(""), [u, d] = S(null), [f, v] = S(!1), [x, E] = S(null);
+  const [s, a] = S(""), [o, c] = S(""), [u, d] = S(null), [f, v] = S(!1), [E, x] = S(null);
   return vt(async () => {
     if (!n || !t)
       return;
     const T = await ha(n, at.PROMOTION_CODE);
     T == null || T.addEventListener("input", () => {
-      v(!0), E(null), a(T.value);
+      v(!0), x(null), a(T.value);
     });
   }, [!!n, t]), Ks(
     () => {
@@ -3392,9 +3392,9 @@ const $t = async (t, e, r) => {
         if (!e || !r || !t)
           return;
         const C = (await Lt(e)).mode === "setup", $ = await Cr(e, r, C, o);
-        T() && (E(null), d($));
+        T() && (x(null), d($));
       } catch (I) {
-        T() && E(Dt(I));
+        T() && x(Dt(I));
       } finally {
         T() && v(!1);
       }
@@ -3403,7 +3403,7 @@ const $t = async (t, e, r) => {
   ), {
     amount: u,
     isLoading: f,
-    error: x
+    error: E
   };
 }, ha = async (t, e, r) => {
   const n = Date.now();
@@ -3454,40 +3454,43 @@ const $t = async (t, e, r) => {
   const [u, d] = Ms({
     apple_pay: tr,
     google_pay: tr
-  }), f = e === void 0 || r === void 0 || !n || !t, v = c.amount, [x, E] = S(null);
-  return me(() => {
-    if (!Sr() || !v || x === null)
+  }), f = e === void 0 || r === void 0 || !n || !t, v = c.amount, [E, x] = S(null);
+  return pe(() => {
+    if (!Sr() || !v || E === null)
       return;
     const T = Rr();
-    Or(T, v, x);
-  }, [v, x]), vt(async () => {
+    Or(T, v, E);
+  }, [v, E]), vt(async () => {
     if (f)
       return;
-    const T = r.find(
-      (Z) => Z.processor_name === "stripe" && er.options.map((te) => String(te)).includes(Z.provider)
+    const T = r.filter(
+      (j) => j.processor_name === "stripe" && er.options.map((Y) => String(Y)).includes(j.provider)
     );
-    if (!T)
+    if (T.length === 0)
       throw new Error("Stripe is not available as a checkout method");
-    const I = As(T.metadata), $ = (await Lt(t)).mode === "setup";
-    E($);
+    const I = As(T[0].metadata), $ = (await Lt(t)).mode === "setup";
+    x($);
     const V = await Cr(t, e, $, void 0), O = await Ps(
       I,
       V.amountAtom,
       V.currency,
       $
     );
-    xa(O);
+    Ea(O);
     const W = await O.canMakePayment();
-    for (const Z of er.options) {
-      Z.replace("_", "");
+    for (const j of er.options) {
+      j.replace("_", "");
       try {
-        d.set(Z, {
+        const Y = T.find((J) => J.provider === j);
+        if (!Y)
+          throw new Error(`${j} is not available as a stripe checkout method`);
+        d.set(j, {
           isLoading: !1,
-          isAvailable: (W == null ? void 0 : W[ga[Z]]) ?? !1,
-          startFlow: (te) => ba(n, T, s, a, o, te)
+          isAvailable: (W == null ? void 0 : W[ga[j]]) ?? !1,
+          startFlow: (J) => ba(n, Y, s, a, o, J)
         });
       } catch {
-        d.set(Z, _a);
+        d.set(j, _a);
       }
     }
   }, [f]), u;
@@ -3517,7 +3520,7 @@ const $t = async (t, e, r) => {
   } catch (o) {
     window.console.error("[startFlow] Error:", o), s(Dt(o));
   }
-}, xa = (t) => {
+}, Ea = (t) => {
   if ("ojs_pr" in window)
     throw new Error("Attempted to set global PR twice");
   window.ojs_pr = t;
@@ -3528,10 +3531,10 @@ const $t = async (t, e, r) => {
 }, Or = (t, e, r) => {
   t.update({ total: { amount: e.amountAtom, label: "Total", pending: r }, currency: e.currency });
 };
-var oe;
+var ce;
 (function(t) {
   t.Call = "call", t.Reply = "reply", t.Syn = "syn", t.SynAck = "synAck", t.Ack = "ack";
-})(oe || (oe = {}));
+})(ce || (ce = {}));
 var Re;
 (function(t) {
   t.Fulfilled = "fulfilled", t.Rejected = "rejected";
@@ -3544,11 +3547,11 @@ var Nt;
 (function(t) {
   t.DataCloneError = "DataCloneError";
 })(Nt || (Nt = {}));
-var ke;
+var Te;
 (function(t) {
   t.Message = "message";
-})(ke || (ke = {}));
-const Ea = (t, e) => {
+})(Te || (Te = {}));
+const xa = (t, e) => {
   const r = [];
   let n = !1;
   return {
@@ -3584,21 +3587,21 @@ const Ea = (t, e) => {
   const { localName: n, local: s, remote: a, originForSending: o, originForReceiving: c } = t;
   let u = !1;
   const d = (f) => {
-    if (f.source !== a || f.data.penpal !== oe.Call)
+    if (f.source !== a || f.data.penpal !== ce.Call)
       return;
     if (c !== "*" && f.origin !== c) {
       r(`${n} received message from origin ${f.origin} which did not match expected origin ${c}`);
       return;
     }
-    const v = f.data, { methodName: x, args: E, id: T } = v;
-    r(`${n}: Received ${x}() call`);
+    const v = f.data, { methodName: E, args: x, id: T } = v;
+    r(`${n}: Received ${E}() call`);
     const I = (C) => ($) => {
-      if (r(`${n}: Sending ${x}() reply`), u) {
-        r(`${n}: Unable to send ${x}() reply due to destroyed connection`);
+      if (r(`${n}: Sending ${E}() reply`), u) {
+        r(`${n}: Unable to send ${E}() reply due to destroyed connection`);
         return;
       }
       const V = {
-        penpal: oe.Reply,
+        penpal: ce.Reply,
         id: T,
         resolution: C,
         returnValue: $
@@ -3609,7 +3612,7 @@ const Ea = (t, e) => {
       } catch (O) {
         if (O.name === Nt.DataCloneError) {
           const W = {
-            penpal: oe.Reply,
+            penpal: ce.Reply,
             id: T,
             resolution: Re.Rejected,
             returnValue: rr(O),
@@ -3620,10 +3623,10 @@ const Ea = (t, e) => {
         throw O;
       }
     };
-    new Promise((C) => C(e[x].apply(e, E))).then(I(Re.Fulfilled), I(Re.Rejected));
+    new Promise((C) => C(e[E].apply(e, x))).then(I(Re.Fulfilled), I(Re.Rejected));
   };
-  return s.addEventListener(ke.Message, d), () => {
-    u = !0, s.removeEventListener(ke.Message, d);
+  return s.addEventListener(Te.Message, d), () => {
+    u = !0, s.removeEventListener(Te.Message, d);
   };
 };
 let Ia = 0;
@@ -3648,8 +3651,8 @@ const Aa = () => ++Ia, Pr = ".", Ir = (t) => t ? t.split(Pr) : [], Na = (t) => t
   const { localName: a, local: o, remote: c, originForSending: u, originForReceiving: d } = e;
   let f = !1;
   s(`${a}: Connecting call sender`);
-  const v = (E) => (...T) => {
-    s(`${a}: Sending ${E}() call`);
+  const v = (x) => (...T) => {
+    s(`${a}: Sending ${x}() call`);
     let I;
     try {
       c.closed && (I = !0);
@@ -3657,33 +3660,33 @@ const Aa = () => ++Ia, Pr = ".", Ir = (t) => t ? t.split(Pr) : [], Na = (t) => t
       I = !0;
     }
     if (I && n(), f) {
-      const C = new Error(`Unable to send ${E}() call due to destroyed connection`);
+      const C = new Error(`Unable to send ${x}() call due to destroyed connection`);
       throw C.code = it.ConnectionDestroyed, C;
     }
     return new Promise((C, $) => {
-      const V = Aa(), O = (Z) => {
-        if (Z.source !== c || Z.data.penpal !== oe.Reply || Z.data.id !== V)
+      const V = Aa(), O = (j) => {
+        if (j.source !== c || j.data.penpal !== ce.Reply || j.data.id !== V)
           return;
-        if (d !== "*" && Z.origin !== d) {
-          s(`${a} received message from origin ${Z.origin} which did not match expected origin ${d}`);
+        if (d !== "*" && j.origin !== d) {
+          s(`${a} received message from origin ${j.origin} which did not match expected origin ${d}`);
           return;
         }
-        const te = Z.data;
-        s(`${a}: Received ${E}() reply`), o.removeEventListener(ke.Message, O);
-        let Te = te.returnValue;
-        te.returnValueIsError && (Te = Oa(Te)), (te.resolution === Re.Fulfilled ? C : $)(Te);
+        const Y = j.data;
+        s(`${a}: Received ${x}() reply`), o.removeEventListener(Te.Message, O);
+        let J = Y.returnValue;
+        Y.returnValueIsError && (J = Oa(J)), (Y.resolution === Re.Fulfilled ? C : $)(J);
       };
-      o.addEventListener(ke.Message, O);
+      o.addEventListener(Te.Message, O);
       const W = {
-        penpal: oe.Call,
+        penpal: ce.Call,
         id: V,
-        methodName: E,
+        methodName: x,
         args: T
       };
       c.postMessage(W, u);
     });
-  }, x = r.reduce((E, T) => (E[T] = v(T), E), {});
-  return Object.assign(t, Za(x)), () => {
+  }, E = r.reduce((x, T) => (x[T] = v(T), x), {});
+  return Object.assign(t, Za(E)), () => {
     f = !0;
   };
 }, $a = (t, e, r, n, s) => {
@@ -3703,11 +3706,11 @@ const Aa = () => ++Ia, Pr = ".", Ir = (t) => t ? t.split(Pr) : [], Na = (t) => t
       originForSending: r,
       originForReceiving: e
     };
-    c && c(), c = Pa(v, t, s), o(c), u && u.forEach((E) => {
-      delete d[E];
+    c && c(), c = Pa(v, t, s), o(c), u && u.forEach((x) => {
+      delete d[x];
     }), u = f.data.methodNames;
-    const x = Da(d, v, u, a, s);
-    return o(x), d;
+    const E = Da(d, v, u, a, s);
+    return o(E), d;
   };
 }, La = (t, e, r, n) => (s) => {
   if (!s.source)
@@ -3718,7 +3721,7 @@ const Aa = () => ++Ia, Pr = ".", Ir = (t) => t ? t.split(Pr) : [], Na = (t) => t
   }
   t("Parent: Handshake - Received SYN, responding with SYN-ACK");
   const a = {
-    penpal: oe.SynAck,
+    penpal: ce.SynAck,
     methodNames: Object.keys(e)
   };
   s.source.postMessage(a, n);
@@ -3744,26 +3747,26 @@ const Aa = () => ++Ia, Pr = ".", Ir = (t) => t ? t.split(Pr) : [], Na = (t) => t
   }
 }, qa = (t) => {
   let { iframe: e, methods: r = {}, childOrigin: n, timeout: s, debug: a = !1 } = t;
-  const o = ka(a), c = Ea("Parent", o), { onDestroy: u, destroy: d } = c;
+  const o = ka(a), c = xa("Parent", o), { onDestroy: u, destroy: d } = c;
   n || (za(e), n = Ra(e.src));
-  const f = n === "null" ? "*" : n, v = Ar(r), x = La(o, v, n, f), E = $a(v, n, f, c, o);
+  const f = n === "null" ? "*" : n, v = Ar(r), E = La(o, v, n, f), x = $a(v, n, f, c, o);
   return {
     promise: new Promise((I, C) => {
       const $ = Fa(s, d), V = (O) => {
         if (!(O.source !== e.contentWindow || !O.data)) {
-          if (O.data.penpal === oe.Syn) {
-            x(O);
+          if (O.data.penpal === ce.Syn) {
+            E(O);
             return;
           }
-          if (O.data.penpal === oe.Ack) {
-            const W = E(O);
+          if (O.data.penpal === ce.Ack) {
+            const W = x(O);
             W && ($(), I(W));
             return;
           }
         }
       };
-      window.addEventListener(ke.Message, V), o("Parent: Awaiting handshake"), Va(e, c), u((O) => {
-        window.removeEventListener(ke.Message, V), O && C(O);
+      window.addEventListener(Te.Message, V), o("Parent: Awaiting handshake"), Va(e, c), u((O) => {
+        window.removeEventListener(Te.Message, V), O && C(O);
       });
     }),
     destroy() {
@@ -3821,34 +3824,34 @@ const Aa = () => ++Ia, Pr = ".", Ir = (t) => t ? t.split(Pr) : [], Na = (t) => t
     onValidationError: d,
     onCheckoutStarted: f,
     onCheckoutSuccess: v,
-    onCheckoutError: x,
-    onSetupPaymentMethodSuccess: E,
+    onCheckoutError: E,
+    onSetupPaymentMethodSuccess: x,
     baseUrl: T,
     enableDynamicPreviews: I
-  } = t, C = T ?? Rs, [$, V] = S(void 0), [O, W] = S([]), [Z, te] = S("1px"), [Te, Nr] = S(!1), [re, Le] = S(void 0), [Ut, Ce] = S(!1), [he, jr] = S([]), [ye, Mr] = S({}), [Vt, ct] = S(0), [Ft, ne] = S(!1), [se, Zr] = S(void 0), [zt, Dr] = S(void 0), [qt, $r] = S(void 0), [ue, Lr] = S(void 0), [xt, Ur] = S(void 0), le = ze(() => `opjs-form-${sr()}`, []), Y = qe(null);
-  me(() => {
-    const P = { version: "0.0.20", release_version: "0.0.20-alpha.58849b4" };
+  } = t, C = T ?? Rs, [$, V] = S(void 0), [O, W] = S([]), [j, Y] = S("1px"), [J, Nr] = S(!1), [ne, Le] = S(void 0), [Ut, Ce] = S(!1), [ye, jr] = S([]), [ge, Mr] = S({}), [Vt, ct] = S(0), [Ft, se] = S(!1), [ae, Zr] = S(void 0), [zt, Dr] = S(void 0), [qt, $r] = S(void 0), [le, Lr] = S(void 0), [Et, Ur] = S(void 0), fe = ze(() => `opjs-form-${sr()}`, []), G = qe(null);
+  pe(() => {
+    const P = { version: "0.0.21", release_version: "local_build" };
     window.ojs_version = P;
   }, []);
   const { cdeConn: Ae, connectToCdeIframe: Bt } = Ba(), Ht = pa(
     I ?? !1,
     Ae,
     r,
-    Y.current
-  ), Et = _e(
+    G.current
+  ), xt = ve(
     (P) => {
       if (P.origin !== C || !P.source) return;
       const K = P.source;
       if (!Ka(P.data))
         return;
-      const J = JSON.parse(P.data), F = Ss(J), Se = F.elementId;
-      if (F.formId !== le || !Se || F.nonce in O)
+      const X = JSON.parse(P.data), F = Ss(X), Se = F.elementId;
+      if (F.formId !== fe || !Se || F.nonce in O)
         return;
       W((L) => [...L, F.nonce]);
       const A = F.payload, z = A.type;
       if (z === k.enum.LAYOUT) {
         const L = A.height ? `${A.height}px` : "100%";
-        te(L);
+        Y(L);
       } else if (z === k.enum.FOCUS && s)
         s(F.elementId);
       else if (z === k.enum.BLUR && a)
@@ -3856,103 +3859,103 @@ const Aa = () => ++Ia, Pr = ".", Ir = (t) => t ? t.split(Pr) : [], Na = (t) => t
       else if (z === k.enum.CHANGE && o)
         o(F.elementId);
       else if (z === k.enum.LOADED) {
-        const L = he.find((j) => j.contentWindow === K);
+        const L = ye.find((M) => M.contentWindow === K);
         if (Ce(!1), !L)
           return;
-        Mr((j) => ({ ...j, [Se]: K })), $r(A.totalAmountAtoms), Dr(A.currency), Lr(A.checkoutPaymentMethods), se || Zr(A.sessionId);
+        Mr((M) => ({ ...M, [Se]: K })), $r(A.totalAmountAtoms), Dr(A.currency), Lr(A.checkoutPaymentMethods), ae || Zr(A.sessionId);
       } else if (z === k.enum.TOKENIZE_STARTED)
         Ce(!0), f && f();
       else if (z === k.enum.PAYMENT_FLOW_STARTED) {
-        if (!re)
+        if (!ne)
           throw new Error("extraData not populated");
         if (!Ae)
           throw new Error("Not connected to CDE");
         (async () => {
-          const j = A.nextActionMetadata.type;
-          if (j !== void 0) if (j === "stripe_3ds")
+          const M = A.nextActionMetadata.type;
+          if (M !== void 0) if (M === "stripe_3ds")
             await js(A);
-          else if (j === "stripe_payment_request") {
-            if (!xt)
+          else if (M === "stripe_payment_request") {
+            if (!Et)
               throw new Error("Stripe PM not set");
-            await Ns(A, xt);
+            await Ns(A, Et);
           } else
-            throw new Error(`Unknown next action type: ${j}`);
-          const G = await Lt(Ae);
-          if (G.mode === "setup") {
-            const { payment_methods: ae } = await fa(Ae, {
-              secure_token: G.token,
-              existing_cc_pm_id: re.existingCCPMId
+            throw new Error(`Unknown next action type: ${M}`);
+          const Q = await Lt(Ae);
+          if (Q.mode === "setup") {
+            const { payment_methods: ie } = await fa(Ae, {
+              secure_token: Q.token,
+              existing_cc_pm_id: ne.existingCCPMId
             });
-            if (ae.length !== 1)
-              throw new Error(`Expected exactly one payment method, got ${ae.length}`);
-            return Ce(!1), ct(0), ne(!1), E && E(ae[0].id), {
+            if (ie.length !== 1)
+              throw new Error(`Expected exactly one payment method, got ${ie.length}`);
+            return Ce(!1), ct(0), se(!1), x && x(ie[0].id), {
               proceedToCheckout: !1
             };
           } else
             return {
               proceedToCheckout: !0
             };
-        })().then(({ proceedToCheckout: j }) => {
-          var ae;
-          if (!j)
+        })().then(({ proceedToCheckout: M }) => {
+          var ie;
+          if (!M)
             return;
-          let G;
-          if (re.checkoutPaymentMethod.provider === "credit_card" && (G = (ae = A.startPFMetadata) == null ? void 0 : ae.cc_pm_id, !G))
+          let Q;
+          if (ne.checkoutPaymentMethod.provider === "credit_card" && (Q = (ie = A.startPFMetadata) == null ? void 0 : ie.cc_pm_id, !Q))
             throw new Error("CC PM ID not found");
           Ue(
             K,
-            le,
+            fe,
             Se,
-            { ...re, type: "CHECKOUT", doNotUseLegacyCCFlow: !0, existingCCPMId: G },
+            { ...ne, type: "CHECKOUT", doNotUseLegacyCCFlow: !0, existingCCPMId: Q },
             C
-          ), ne(!0), Le(void 0), f && f();
-        }).catch((j) => {
-          const G = Dt(j);
-          Ce(!1), ne(!1), x && x(G);
+          ), se(!0), Le(void 0), f && f();
+        }).catch((M) => {
+          const Q = Dt(M);
+          Ce(!1), se(!1), E && E(Q);
         });
-      } else if (z === k.enum.TOKENIZE_SUCCESS && re) {
-        const L = Vt + 1, j = L === Object.keys(ye).length;
-        !Ft && (j || A.isReadyForCheckout) ? (Ue(K, le, Se, re, C), ne(!0), Le(void 0)) : ct(L);
+      } else if (z === k.enum.TOKENIZE_SUCCESS && ne) {
+        const L = Vt + 1, M = L === Object.keys(ge).length;
+        !Ft && (M || A.isReadyForCheckout) ? (Ue(K, fe, Se, ne, C), se(!0), Le(void 0)) : ct(L);
       } else if (z === k.enum.CHECKOUT_SUCCESS)
-        Ce(!1), ct(0), ne(!1), v && v(A.invoiceUrls, A.subscriptionIds, A.customerId);
+        Ce(!1), ct(0), se(!1), v && v(A.invoiceUrls, A.subscriptionIds, A.customerId);
       else if (z === k.enum.SETUP_PAYMENT_METHOD_SUCCESS)
-        Ce(!1), ct(0), ne(!1), E && E(A.paymentMethodId);
+        Ce(!1), ct(0), se(!1), x && x(A.paymentMethodId);
       else if (z === k.enum.LOAD_ERROR)
         u && u(A.message);
       else if (z === k.enum.VALIDATION_ERROR) {
-        const L = re == null ? void 0 : re.checkoutPaymentMethod.provider;
+        const L = ne == null ? void 0 : ne.checkoutPaymentMethod.provider;
         (L === "credit_card" || L === void 0) && d && d(A.elementType, A.errors, Se);
       } else if (z === k.enum.TOKENIZE_ERROR || z === k.enum.CHECKOUT_ERROR)
         if (A.message === "3DS_REQUIRED") {
-          const L = ue == null ? void 0 : ue.find((j) => j.provider === "credit_card");
-          if (!se || !Y.current || !d || !L) return;
-          for (const [j, G] of Object.entries(ye)) {
-            if (!G) continue;
-            const ae = lt(
+          const L = le == null ? void 0 : le.find((M) => M.provider === "credit_card");
+          if (!ae || !G.current || !d || !L) return;
+          for (const [M, Q] of Object.entries(ge)) {
+            if (!Q) continue;
+            const ie = lt(
               k.enum.START_PAYMENT_FLOW,
-              se,
-              Y.current,
+              ae,
+              G.current,
               d,
               // Only stripe supports frontend 3DS right now,
               // so we pass processor_name: 'stripe' to tell delegator to only use stripe
               { ...L, processor_name: "stripe" },
               !1
             );
-            if (ae) {
-              ne(!0), Le(ae), Ue(G, le, j, ae, C);
+            if (ie) {
+              se(!0), Le(ie), Ue(Q, fe, M, ie, C);
               break;
             }
           }
         } else
-          Ce(!1), ne(!1), x && x(A.message);
+          Ce(!1), se(!1), E && E(A.message);
     },
     [
-      le,
-      se,
+      fe,
+      ae,
       O,
-      re,
-      he,
+      ne,
       ye,
+      ge,
       Vt,
       Ft,
       a,
@@ -3961,74 +3964,74 @@ const Aa = () => ++Ia, Pr = ".", Ir = (t) => t ? t.split(Pr) : [], Na = (t) => t
       u,
       f,
       v,
-      E,
       x,
+      E,
       d,
       C,
-      xt,
-      ue,
+      Et,
+      le,
       Ae
     ]
-  ), Vr = _e(() => {
-    if (!Y.current || !d || !se || !ue) return;
-    const P = ue.find((J) => J.provider === "credit_card");
+  ), Vr = ve(() => {
+    if (!G.current || !d || !ae || !le) return;
+    const P = le.find((X) => X.provider === "credit_card");
     if (!P)
       throw new Error("Card not available as a payment method in checkout");
     const K = lt(
       k.enum.TOKENIZE,
-      se,
-      Y.current,
+      ae,
+      G.current,
       d,
       P,
       !1
     );
     if (K) {
-      for (const [J, F] of Object.entries(ye))
-        F && Ue(F, le, J, K, C);
+      for (const [X, F] of Object.entries(ge))
+        F && Ue(F, fe, X, K, C);
       K.type = k.enum.CHECKOUT, Le(K);
     }
-  }, [Y, ye, le, d, se, C, ue]), kt = _e(
+  }, [G, ge, fe, d, ae, C, le]), kt = ve(
     (P) => {
       Ut && P.preventDefault();
     },
     [Ut]
   );
-  me(() => {
-    if (Te || !Y.current) return;
-    he.length > 0 && he.length === Object.keys(ye).length && (Nr(!0), c && c(qt, zt));
-  }, [he, ye, Te, c, qt, zt]), me(() => (V(window.location.origin), window.addEventListener("message", Et), window.addEventListener("beforeunload", kt), () => {
-    window.removeEventListener("beforeunload", kt), window.removeEventListener("message", Et);
-  }), [se, Et, kt]);
-  const Fr = _e(
+  pe(() => {
+    if (J || !G.current) return;
+    ye.length > 0 && ye.length === Object.keys(ge).length && (Nr(!0), c && c(qt, zt));
+  }, [ye, ge, J, c, qt, zt]), pe(() => (V(window.location.origin), window.addEventListener("message", xt), window.addEventListener("beforeunload", kt), () => {
+    window.removeEventListener("beforeunload", kt), window.removeEventListener("message", xt);
+  }), [ae, xt, kt]);
+  const Fr = ve(
     (P) => {
-      he.find((J) => J.contentWindow === P.contentWindow) || (he.length === 0 && Bt(P), jr((J) => [...J, P]));
+      ye.find((X) => X.contentWindow === P.contentWindow) || (ye.length === 0 && Bt(P), jr((X) => [...X, P]));
     },
-    [he, Bt]
+    [ye, Bt]
   ), zr = async (P, K) => {
-    if (!(!Y.current || !d || !se || !ue))
-      for (const [J, F] of Object.entries(ye)) {
+    if (!(!G.current || !d || !ae || !le))
+      for (const [X, F] of Object.entries(ge)) {
         if (!F) continue;
         const Se = {
           stripePmId: P.paymentMethod.id
         }, dt = lt(
           k.enum.START_PAYMENT_FLOW,
-          se,
-          Y.current,
+          ae,
+          G.current,
           d,
           K,
           !1,
           Se
         );
         if (dt) {
-          Ur(P), ne(!0), Le(dt), Ue(F, le, J, dt, C);
+          Ur(P), se(!0), Le(dt), Ue(F, fe, X, dt, C);
           break;
         }
       }
   }, qr = (P) => {
-    ne(!1), x && x(P);
+    se(!1), E && E(P);
   }, Br = {
-    formId: le,
-    formHeight: Z,
+    formId: fe,
+    formHeight: j,
     referer: $,
     checkoutSecureToken: r,
     registerIframe: Fr,
@@ -4036,8 +4039,8 @@ const Aa = () => ++Ia, Pr = ".", Ir = (t) => t ? t.split(Pr) : [], Na = (t) => t
   }, Wt = va(
     Ae,
     r,
-    ue,
-    Y.current,
+    le,
+    G.current,
     zr,
     d,
     qr,
@@ -4046,34 +4049,34 @@ const Aa = () => ++Ia, Pr = ".", Ir = (t) => t ? t.split(Pr) : [], Na = (t) => t
     submit: Vr,
     applePay: Wt.apple_pay,
     googlePay: Wt.google_pay,
-    loaded: Te,
+    loaded: J,
     preview: Ht
   };
-  return /* @__PURE__ */ ve(nr.Provider, { value: Br, children: /* @__PURE__ */ ve("div", { className: n, ref: Y, children: e(Hr) }) });
+  return /* @__PURE__ */ we(nr.Provider, { value: Br, children: /* @__PURE__ */ we("div", { className: n, ref: G, children: e(Hr) }) });
 }, Ya = (t) => JSON.stringify(t), bt = (t) => {
-  const { subPath: e, styles: r } = t, { formId: n, referer: s, formHeight: a, checkoutSecureToken: o, registerIframe: c, baseUrl: u } = Jr(), [d, f] = S(!1), v = qe(null), x = ze(() => r ? Ya(r) : "", [r]), E = ze(() => ({
+  const { subPath: e, styles: r } = t, { formId: n, referer: s, formHeight: a, checkoutSecureToken: o, registerIframe: c, baseUrl: u } = Jr(), [d, f] = S(!1), v = qe(null), E = ze(() => r ? Ya(r) : "", [r]), x = ze(() => ({
     border: "none",
     width: "100%",
     height: a
   }), [a]), T = ze(() => {
     if (!o || !s) return "";
     const I = new URLSearchParams();
-    return I.append("referer", s), I.append("styles", x), I.append("formId", n), I.append("secureToken", o), I.toString();
-  }, [x, n, s, o]);
-  return me(() => f(!0), []), me(() => {
+    return I.append("referer", s), I.append("styles", E), I.append("formId", n), I.append("secureToken", o), I.toString();
+  }, [E, n, s, o]);
+  return pe(() => f(!0), []), pe(() => {
     !v.current || !d || c(v.current);
-  }, [d]), o ? /* @__PURE__ */ ve(
+  }, [d]), o ? /* @__PURE__ */ we(
     "iframe",
     {
       id: `ojs-${e}-element`,
       name: `${e}-element`,
       className: "ojs-iframe",
       src: `${u}/app/v1/${e}-element/?${T}`,
-      style: E,
+      style: x,
       ref: v
     }
-  ) : /* @__PURE__ */ ve("div", {});
-}, Qa = ({ styles: t }) => /* @__PURE__ */ ve(bt, { styles: t, subPath: "card-cvc" }), ei = ({ styles: t }) => /* @__PURE__ */ ve(bt, { styles: t, subPath: "card" }), ti = ({ styles: t }) => /* @__PURE__ */ ve(bt, { styles: t, subPath: "card-expiry" }), ri = ({ styles: t }) => /* @__PURE__ */ ve(bt, { styles: t, subPath: "card-number" });
+  ) : /* @__PURE__ */ we("div", {});
+}, Qa = ({ styles: t }) => /* @__PURE__ */ we(bt, { styles: t, subPath: "card-cvc" }), ei = ({ styles: t }) => /* @__PURE__ */ we(bt, { styles: t, subPath: "card" }), ti = ({ styles: t }) => /* @__PURE__ */ we(bt, { styles: t, subPath: "card-expiry" }), ri = ({ styles: t }) => /* @__PURE__ */ we(bt, { styles: t, subPath: "card-number" });
 export {
   Qa as CardCvcElement,
   ei as CardElement,