@getopenpay/openpay-js-react 0.0.22-alpha.041cf4f → 0.0.23-alpha.1

package/dist/index.js

@@ -343,7 +343,7 @@ class D {
 }
 const g = Object.freeze({
   status: "aborted"
-}), je = (t) => ({ status: "dirty", value: t }), U = (t) => ({ status: "valid", value: t }), Pt = (t) => t.status === "aborted", It = (t) => t.status === "dirty", Be = (t) => t.status === "valid", He = (t) => typeof Promise < "u" && t instanceof Promise;
+}), je = (t) => ({ status: "dirty", value: t }), V = (t) => ({ status: "valid", value: t }), Pt = (t) => t.status === "aborted", It = (t) => t.status === "dirty", Be = (t) => t.status === "valid", He = (t) => typeof Promise < "u" && t instanceof Promise;
 function pt(t, e, r, n) {
   if (typeof e == "function" ? t !== e || !n : !e.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return e.get(t);
@@ -1265,7 +1265,7 @@ class We extends w {
         received: n.parsedType
       }), g;
     }
-    return U(e.data);
+    return V(e.data);
   }
 }
 We.create = (t) => new We({
@@ -1361,7 +1361,7 @@ class ht extends w {
         received: n.parsedType
       }), g;
     }
-    return U(e.data);
+    return V(e.data);
   }
 }
 ht.create = (t) => new ht({
@@ -1378,7 +1378,7 @@ class Ke extends w {
         received: n.parsedType
       }), g;
     }
-    return U(e.data);
+    return V(e.data);
   }
 }
 Ke.create = (t) => new Ke({
@@ -1395,7 +1395,7 @@ class Ye extends w {
         received: n.parsedType
       }), g;
     }
-    return U(e.data);
+    return V(e.data);
   }
 }
 Ye.create = (t) => new Ye({
@@ -1407,7 +1407,7 @@ class De extends w {
     super(...arguments), this._any = !0;
   }
   _parse(e) {
-    return U(e.data);
+    return V(e.data);
   }
 }
 De.create = (t) => new De({
@@ -1419,7 +1419,7 @@ class Oe extends w {
     super(...arguments), this._unknown = !0;
   }
   _parse(e) {
-    return U(e.data);
+    return V(e.data);
   }
 }
 Oe.create = (t) => new Oe({
@@ -1450,7 +1450,7 @@ class yt extends w {
         received: n.parsedType
       }), g;
     }
-    return U(e.data);
+    return V(e.data);
   }
 }
 yt.create = (t) => new yt({
@@ -2283,7 +2283,7 @@ class Me extends w {
     const a = { errorMap: r.common.contextualErrorMap }, o = r.data;
     if (this._def.returns instanceof $e) {
       const c = this;
-      return U(async function(...u) {
+      return V(async function(...u) {
         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);
@@ -2293,7 +2293,7 @@ class Me extends w {
       });
     } else {
       const c = this;
-      return U(function(...u) {
+      return V(function(...u) {
         const d = c._def.args.safeParse(u, a);
         if (!d.success)
           throw new H([n(u, d.error)]);
@@ -2400,7 +2400,7 @@ class xe extends w {
         options: n
       }), g;
     }
-    return U(e.data);
+    return V(e.data);
   }
   get options() {
     return this._def.values;
@@ -2460,7 +2460,7 @@ class tt extends w {
         options: s
       }), g;
     }
-    return U(e.data);
+    return V(e.data);
   }
   get enum() {
     return this._def.values;
@@ -2485,7 +2485,7 @@ class $e extends w {
         received: r.parsedType
       }), g;
     const n = r.parsedType === p.promise ? r.data : Promise.resolve(r.data);
-    return U(n.then((s) => this._def.type.parseAsync(s, {
+    return V(n.then((s) => this._def.type.parseAsync(s, {
       path: r.path,
       errorMap: r.common.contextualErrorMap
     })));
@@ -2587,7 +2587,7 @@ re.createWithPreprocess = (t, e, r) => new re({
 });
 class oe extends w {
   _parse(e) {
-    return this._getType(e) === p.undefined ? U(void 0) : this._def.innerType._parse(e);
+    return this._getType(e) === p.undefined ? V(void 0) : this._def.innerType._parse(e);
   }
   unwrap() {
     return this._def.innerType;
@@ -2600,7 +2600,7 @@ oe.create = (t, e) => new oe({
 });
 class ke extends w {
   _parse(e) {
-    return this._getType(e) === p.null ? U(null) : this._def.innerType._parse(e);
+    return this._getType(e) === p.null ? V(null) : this._def.innerType._parse(e);
   }
   unwrap() {
     return this._def.innerType;
@@ -2798,7 +2798,7 @@ var i = /* @__PURE__ */ Object.freeze({
   ParseStatus: D,
   INVALID: g,
   DIRTY: je,
-  OK: U,
+  OK: V,
   isAborted: Pt,
   isDirty: It,
   isValid: Be,
@@ -3040,7 +3040,7 @@ const ks = i.object({
       return;
     }
   }), e;
-}, Cs = (t, e) => Array.from(t.querySelectorAll("input[data-opid]") ?? []).reduce((s, a) => {
+}, Cs = (t, e) => Array.from(t.querySelectorAll("[data-opid]") ?? []).reduce((s, a) => {
   const o = a.getAttribute("data-opid");
   return o ? { ...s, [o]: a.value } : s;
 }, e), lt = (t, e, r, n, s, a, o) => {
@@ -3472,10 +3472,10 @@ const Ut = async (t, e, r) => {
       throw new Error("Stripe is not available as a checkout method");
     const I = As(T[0].metadata), $ = (await Vt(t)).mode === "setup";
     x($);
-    const V = await Cr(t, e, $, void 0), O = await Ps(
+    const F = await Cr(t, e, $, void 0), O = await Ps(
       I,
-      V.amountAtom,
-      V.currency,
+      F.amountAtom,
+      F.currency,
       $
     );
     Ea(O);
@@ -3602,15 +3602,15 @@ const xa = (t, e) => {
         r(`${n}: Unable to send ${E}() reply due to destroyed connection`);
         return;
       }
-      const V = {
+      const F = {
         penpal: ce.Reply,
         id: T,
         resolution: C,
         returnValue: $
       };
-      C === Re.Rejected && $ instanceof Error && (V.returnValue = rr($), V.returnValueIsError = !0);
+      C === Re.Rejected && $ instanceof Error && (F.returnValue = rr($), F.returnValueIsError = !0);
       try {
-        a.postMessage(V, o);
+        a.postMessage(F, o);
       } catch (O) {
         if (O.name === Mt.DataCloneError) {
           const W = {
@@ -3666,8 +3666,8 @@ const Aa = () => ++Ia, Pr = ".", Ir = (t) => t ? t.split(Pr) : [], Na = (t) => t
       throw C.code = it.ConnectionDestroyed, C;
     }
     return new Promise((C, $) => {
-      const V = Aa(), O = (j) => {
-        if (j.source !== c || j.data.penpal !== ce.Reply || j.data.id !== V)
+      const F = Aa(), O = (j) => {
+        if (j.source !== c || j.data.penpal !== ce.Reply || j.data.id !== F)
           return;
         if (d !== "*" && j.origin !== d) {
           s(`${a} received message from origin ${j.origin} which did not match expected origin ${d}`);
@@ -3681,7 +3681,7 @@ const Aa = () => ++Ia, Pr = ".", Ir = (t) => t ? t.split(Pr) : [], Na = (t) => t
       o.addEventListener(Te.Message, O);
       const W = {
         penpal: ce.Call,
-        id: V,
+        id: F,
         methodName: x,
         args: T
       };
@@ -3754,7 +3754,7 @@ const Aa = () => ++Ia, Pr = ".", Ir = (t) => t ? t.split(Pr) : [], Na = (t) => t
   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) => {
+      const $ = Fa(s, d), F = (O) => {
         if (!(O.source !== e.contentWindow || !O.data)) {
           if (O.data.penpal === ce.Syn) {
             E(O);
@@ -3767,8 +3767,8 @@ const Aa = () => ++Ia, Pr = ".", Ir = (t) => t ? t.split(Pr) : [], Na = (t) => t
           }
         }
       };
-      window.addEventListener(Te.Message, V), o("Parent: Awaiting handshake"), Va(e, c), u((O) => {
-        window.removeEventListener(Te.Message, V), O && C(O);
+      window.addEventListener(Te.Message, F), o("Parent: Awaiting handshake"), Va(e, c), u((O) => {
+        window.removeEventListener(Te.Message, F), O && C(O);
       });
     }),
     destroy() {
@@ -3830,9 +3830,9 @@ const Aa = () => ++Ia, Pr = ".", Ir = (t) => t ? t.split(Pr) : [], Na = (t) => t
     onSetupPaymentMethodSuccess: x,
     baseUrl: T,
     enableDynamicPreviews: I
-  } = t, C = T ?? Rs, [$, V] = S(void 0), [O, W] = S([]), [j, Y] = S("1px"), [J, Nr] = S(!1), [ne, Le] = S(void 0), [Ft, Ce] = S(!1), [ye, jr] = S([]), [ge, Mr] = S({}), [zt, ct] = S(0), [qt, se] = S(!1), [ae, Zr] = S(void 0), [Bt, Dr] = S(void 0), [Ht, $r] = S(void 0), [le, Lr] = S(void 0), [Et, Ur] = S(void 0), fe = ze(() => `opjs-form-${sr()}`, []), G = qe(null);
+  } = t, C = T ?? Rs, [$, F] = S(void 0), [O, W] = S([]), [j, Y] = S("1px"), [J, Nr] = S(!1), [ne, Le] = S(void 0), [Ft, Ce] = S(!1), [ye, jr] = S([]), [ge, Mr] = S({}), [zt, ct] = S(0), [qt, se] = S(!1), [ae, Zr] = S(void 0), [Bt, Dr] = S(void 0), [Ht, $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.22", release_version: "0.0.22-alpha.041cf4f" };
+    const P = { version: "0.0.23", release_version: "local_build" };
     window.ojs_version = P;
   }, []);
   const { cdeConn: Ae, connectToCdeIframe: Wt } = Ba(), Kt = pa(
@@ -3846,28 +3846,30 @@ const Aa = () => ++Ia, Pr = ".", Ir = (t) => t ? t.split(Pr) : [], Na = (t) => t
       const K = P.source;
       if (!Ka(P.data))
         return;
-      const X = JSON.parse(P.data), F = Ss(X), Se = F.elementId;
-      if (F.formId !== fe || !Se || F.nonce in O)
+      const X = JSON.parse(P.data), z = Ss(X), Se = z.elementId;
+      if (z.formId !== fe || !Se || z.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%";
-        Y(L);
-      } else if (z === k.enum.FOCUS && s)
-        s(F.elementId);
-      else if (z === k.enum.BLUR && a)
-        a(F.elementId);
-      else if (z === k.enum.CHANGE && o)
-        o(F.elementId);
-      else if (z === k.enum.LOADED) {
-        const L = ye.find((M) => M.contentWindow === K);
-        if (Ce(!1), !L)
+      W((U) => [...U, z.nonce]);
+      const A = z.payload, L = A.type;
+      if (L === k.enum.LAYOUT) {
+        const U = A.height ? `${A.height}px` : "100%";
+        Y(U);
+      } else if (L === k.enum.FOCUS && s)
+        s(z.elementId);
+      else if (L === k.enum.BLUR && a)
+        a(z.elementId);
+      else if (L === k.enum.CHANGE && o)
+        o(z.elementId);
+      else if (L === k.enum.LOADED) {
+        const U = ye.find((M) => M.contentWindow === K);
+        if (Ce(!1), !U)
           return;
         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) {
+      } else if (L === k.enum.TOKENIZE_STARTED)
+        Ce(!0);
+      else if (L === k.enum.CHECKOUT_STARTED)
+        f && f();
+      else if (L === k.enum.PAYMENT_FLOW_STARTED) {
         if (!ne)
           throw new Error("extraData not populated");
         if (!Ae)
@@ -3915,22 +3917,22 @@ const Aa = () => ++Ia, Pr = ".", Ir = (t) => t ? t.split(Pr) : [], Na = (t) => t
           const Q = Lt(M);
           Ce(!1), se(!1), E && E(Q);
         });
-      } else if (z === k.enum.TOKENIZE_SUCCESS && ne) {
-        const L = zt + 1, M = L === Object.keys(ge).length;
-        !qt && (M || A.isReadyForCheckout) ? (Ue(K, fe, Se, ne, C), se(!0), Le(void 0)) : ct(L);
-      } else if (z === k.enum.CHECKOUT_SUCCESS)
+      } else if (L === k.enum.TOKENIZE_SUCCESS && ne) {
+        const U = zt + 1, M = U === Object.keys(ge).length;
+        !qt && (M || A.isReadyForCheckout) ? (Ue(K, fe, Se, ne, C), se(!0), Le(void 0)) : ct(U);
+      } else if (L === k.enum.CHECKOUT_SUCCESS)
         Ce(!1), ct(0), se(!1), v && v(A.invoiceUrls, A.subscriptionIds, A.customerId);
-      else if (z === k.enum.SETUP_PAYMENT_METHOD_SUCCESS)
+      else if (L === k.enum.SETUP_PAYMENT_METHOD_SUCCESS)
         Ce(!1), ct(0), se(!1), x && x(A.paymentMethodId);
-      else if (z === k.enum.LOAD_ERROR)
+      else if (L === k.enum.LOAD_ERROR)
         u && u(A.message);
-      else if (z === k.enum.VALIDATION_ERROR) {
-        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)
+      else if (L === k.enum.VALIDATION_ERROR) {
+        const U = ne == null ? void 0 : ne.checkoutPaymentMethod.provider;
+        (U === "credit_card" || U === void 0) && d && d(A.elementType, A.errors, Se);
+      } else if (L === k.enum.TOKENIZE_ERROR || L === k.enum.CHECKOUT_ERROR)
         if (A.message === "3DS_REQUIRED") {
-          const L = le == null ? void 0 : le.find((M) => M.provider === "credit_card");
-          if (!ae || !G.current || !d || !L) return;
+          const U = le == null ? void 0 : le.find((M) => M.provider === "credit_card");
+          if (!ae || !G.current || !d || !U) return;
           for (const [M, Q] of Object.entries(ge)) {
             if (!Q) continue;
             const ie = lt(
@@ -3940,7 +3942,7 @@ const Aa = () => ++Ia, Pr = ".", Ir = (t) => t ? t.split(Pr) : [], Na = (t) => t
               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" },
+              { ...U, processor_name: "stripe" },
               !1
             );
             if (ie) {
@@ -3988,8 +3990,8 @@ const Aa = () => ++Ia, Pr = ".", Ir = (t) => t ? t.split(Pr) : [], Na = (t) => t
       !1
     );
     if (K) {
-      for (const [X, F] of Object.entries(ge))
-        F && Ue(F, fe, X, K, C);
+      for (const [X, z] of Object.entries(ge))
+        z && Ue(z, fe, X, K, C);
       K.type = k.enum.CHECKOUT, Le(K);
     }
   }, [G, ge, fe, d, ae, C, le]), kt = ve(
@@ -4001,7 +4003,7 @@ const Aa = () => ++Ia, Pr = ".", Ir = (t) => t ? t.split(Pr) : [], Na = (t) => t
   pe(() => {
     if (J || !G.current) return;
     ye.length > 0 && ye.length === Object.keys(ge).length && (Nr(!0), c && c(Ht, Bt));
-  }, [ye, ge, J, c, Ht, Bt]), pe(() => (V(window.location.origin), window.addEventListener("message", xt), window.addEventListener("beforeunload", kt), () => {
+  }, [ye, ge, J, c, Ht, Bt]), pe(() => (F(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(
@@ -4011,8 +4013,8 @@ const Aa = () => ++Ia, Pr = ".", Ir = (t) => t ? t.split(Pr) : [], Na = (t) => t
     [ye, Wt]
   ), zr = async (P, K) => {
     if (!(!G.current || !d || !ae || !le))
-      for (const [X, F] of Object.entries(ge)) {
-        if (!F) continue;
+      for (const [X, z] of Object.entries(ge)) {
+        if (!z) continue;
         const Se = {
           stripePmId: P.paymentMethod.id
         }, dt = lt(
@@ -4025,7 +4027,7 @@ const Aa = () => ++Ia, Pr = ".", Ir = (t) => t ? t.split(Pr) : [], Na = (t) => t
           Se
         );
         if (dt) {
-          Ur(P), se(!0), Le(dt), Ue(F, fe, X, dt, C);
+          Ur(P), se(!0), Le(dt), Ue(z, fe, X, dt, C);
           break;
         }
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getopenpay/openpay-js-react",
-  "version": "0.0.22-alpha.041cf4f",
+  "version": "0.0.23-alpha.1",
   "description": "Accept payments through OpenPay, right on your site",
   "author": "OpenPay <info@getopenpay.com> (https://getopenpay.com)",
   "type": "module",