@getopenpay/openpay-js-react 0.0.21 → 0.0.23-alpha.1

package/dist/index.d.ts

@@ -70,6 +70,7 @@ declare type ElementsFormChildrenProps = {
     submit: () => void;
     applePay: PaymentRequestStatus;
     googlePay: PaymentRequestStatus;
+    stripeLink: PaymentRequestStatus;
     loaded: boolean;
     preview: DynamicPreview;
 };

package/dist/index.js

@@ -15,8 +15,8 @@ const nr = Kr({
   return t;
 };
 var Z = [];
-for (var Tt = 0; Tt < 256; ++Tt)
-  Z.push((Tt + 256).toString(16).slice(1));
+for (var Ct = 0; Ct < 256; ++Ct)
+  Z.push((Ct + 256).toString(16).slice(1));
 function Gr(t, e = 0) {
   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();
 }
@@ -27,12 +27,12 @@ function Qr() {
   return ut(Xr);
 }
 var en = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-const Kt = {
+const Yt = {
   randomUUID: en
 };
 function sr(t, e, r) {
-  if (Kt.randomUUID && !e && !t)
-    return Kt.randomUUID();
+  if (Yt.randomUUID && !e && !t)
+    return Yt.randomUUID();
   t = t || {};
   var n = t.random || (t.rng || Qr)();
   return n[6] = n[6] & 15 | 64, n[8] = n[8] & 63 | 128, Gr(n);
@@ -73,14 +73,14 @@ var b;
   }
   t.joinValues = n, t.jsonStringifyReplacer = (s, a) => typeof a == "bigint" ? a.toString() : a;
 })(b || (b = {}));
-var St;
+var Ot;
 (function(t) {
   t.mergeShapes = (e, r) => ({
     ...e,
     ...r
     // second overwrites first
   });
-})(St || (St = {}));
+})(Ot || (Ot = {}));
 const p = b.arrayToEnum([
   "string",
   "nan",
@@ -343,7 +343,7 @@ class D {
 }
 const g = Object.freeze({
   status: "aborted"
-}), je = (t) => ({ status: "dirty", value: t }), U = (t) => ({ status: "valid", value: t }), Rt = (t) => t.status === "aborted", Ot = (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);
@@ -365,7 +365,7 @@ class de {
     return this._cachedPath.length || (this._key instanceof Array ? this._cachedPath.push(...this._path, ...this._key) : this._cachedPath.push(...this._path, this._key)), this._cachedPath;
   }
 }
-const Yt = (t, e) => {
+const Jt = (t, e) => {
   if (Be(e))
     return { success: !0, data: e.value };
   if (!t.common.issues.length)
@@ -455,7 +455,7 @@ class w {
       data: e,
       parsedType: _e(e)
     }, a = this._parseSync({ data: e, path: s.path, parent: s });
-    return Yt(s, a);
+    return Jt(s, a);
   }
   async parseAsync(e, r) {
     const n = await this.safeParseAsync(e, r);
@@ -476,7 +476,7 @@ class w {
       data: 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);
+    return Jt(n, a);
   }
   refine(e, r) {
     const n = (s) => typeof r == "string" || typeof r > "u" ? { message: r } : typeof r == "function" ? r(s) : r;
@@ -540,7 +540,7 @@ class w {
     });
   }
   brand() {
-    return new jt({
+    return new Zt({
       typeName: y.ZodBranded,
       type: this,
       ..._(this._def)
@@ -576,7 +576,7 @@ class w {
   }
 }
 const sn = /^c[^\s-]{8,}$/i, an = /^[0-9a-z]+$/, on = /^[0-9A-HJKMNP-TV-Z]{26}$/, cn = /^[0-9a-fA-F]{8}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{12}$/i, dn = /^[a-z0-9_-]{21}$/i, un = /^[-+]?P(?!$)(?:(?:[-+]?\d+Y)|(?:[-+]?\d+[.,]\d+Y$))?(?:(?:[-+]?\d+M)|(?:[-+]?\d+[.,]\d+M$))?(?:(?:[-+]?\d+W)|(?:[-+]?\d+[.,]\d+W$))?(?:(?:[-+]?\d+D)|(?:[-+]?\d+[.,]\d+D$))?(?:T(?=[\d+-])(?:(?:[-+]?\d+H)|(?:[-+]?\d+[.,]\d+H$))?(?:(?:[-+]?\d+M)|(?:[-+]?\d+[.,]\d+M$))?(?:[-+]?\d+(?:[.,]\d+)?S)?)??$/, ln = /^(?!\.)(?!.*\.\.)([A-Z0-9_'+\-\.]*)[A-Z0-9_+-]@([A-Z0-9][A-Z0-9\-]*\.)+[A-Z]{2,}$/i, fn = "^(\\p{Extended_Pictographic}|\\p{Emoji_Component})+$";
-let Ct;
+let St;
 const mn = /^(?:(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])\.){3}(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])$/, pn = /^(([a-f0-9]{1,4}:){7}|::([a-f0-9]{1,4}:){0,6}|([a-f0-9]{1,4}:){1}:([a-f0-9]{1,4}:){0,5}|([a-f0-9]{1,4}:){2}:([a-f0-9]{1,4}:){0,4}|([a-f0-9]{1,4}:){3}:([a-f0-9]{1,4}:){0,3}|([a-f0-9]{1,4}:){4}:([a-f0-9]{1,4}:){0,2}|([a-f0-9]{1,4}:){5}:([a-f0-9]{1,4}:){0,1})([a-f0-9]{1,4}|(((25[0-5])|(2[0-4][0-9])|(1[0-9]{2})|([0-9]{1,2}))\.){3}((25[0-5])|(2[0-4][0-9])|(1[0-9]{2})|([0-9]{1,2})))$/, hn = /^([0-9a-zA-Z+/]{4})*(([0-9a-zA-Z+/]{2}==)|([0-9a-zA-Z+/]{3}=))?$/, or = "((\\d\\d[2468][048]|\\d\\d[13579][26]|\\d\\d0[48]|[02468][048]00|[13579][26]00)-02-29|\\d{4}-((0[13578]|1[02])-(0[1-9]|[12]\\d|3[01])|(0[469]|11)-(0[1-9]|[12]\\d|30)|(02)-(0[1-9]|1\\d|2[0-8])))", yn = new RegExp(`^${or}$`);
 function cr(t) {
   let e = "([01]\\d|2[0-3]):[0-5]\\d:[0-5]\\d";
@@ -648,7 +648,7 @@ class ee extends w {
           message: a.message
         }), n.dirty());
       else if (a.kind === "emoji")
-        Ct || (Ct = new RegExp(fn, "u")), Ct.test(e.data) || (s = this._getOrReturnCtx(e, s), m(s, {
+        St || (St = new RegExp(fn, "u")), St.test(e.data) || (s = this._getOrReturnCtx(e, s), m(s, {
           validation: "emoji",
           code: l.invalid_string,
           message: a.message
@@ -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({
@@ -1906,7 +1906,7 @@ Je.create = (t, e) => new Je({
   typeName: y.ZodUnion,
   ..._(e)
 });
-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) : [];
+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 Zt || 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);
@@ -1969,14 +1969,14 @@ class wt extends w {
     });
   }
 }
-function Pt(t, e) {
+function At(t, e) {
   const r = _e(t), n = _e(e);
   if (t === e)
     return { valid: !0, data: t };
   if (r === p.object && n === p.object) {
     const s = b.objectKeys(e), a = b.objectKeys(t).filter((c) => s.indexOf(c) !== -1), o = { ...t, ...e };
     for (const c of a) {
-      const u = Pt(t[c], e[c]);
+      const u = At(t[c], e[c]);
       if (!u.valid)
         return { valid: !1 };
       o[c] = u.data;
@@ -1987,7 +1987,7 @@ function Pt(t, e) {
       return { valid: !1 };
     const s = [];
     for (let a = 0; a < t.length; a++) {
-      const o = t[a], c = e[a], u = Pt(o, c);
+      const o = t[a], c = e[a], u = At(o, c);
       if (!u.valid)
         return { valid: !1 };
       s.push(u.data);
@@ -1998,10 +1998,10 @@ function Pt(t, e) {
 class Ge extends w {
   _parse(e) {
     const { status: r, ctx: n } = this._processInputParams(e), s = (a, o) => {
-      if (Rt(a) || Rt(o))
+      if (Pt(a) || Pt(o))
         return g;
-      const c = Pt(a.value, o.value);
-      return c.valid ? ((Ot(a) || Ot(o)) && r.dirty(), { status: r.value, value: c.data }) : (m(n, {
+      const c = At(a.value, o.value);
+      return c.valid ? ((It(a) || It(o)) && r.dirty(), { status: r.value, value: c.data }) : (m(n, {
         code: l.invalid_intersection_types
       }), g);
     };
@@ -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;
@@ -2692,7 +2692,7 @@ _t.create = (t) => new _t({
   ..._(t)
 });
 const wn = Symbol("zod_brand");
-class jt extends w {
+class Zt extends w {
   _parse(e) {
     const { ctx: r } = this._processInputParams(e), n = r.data;
     return this._def.type._parse({
@@ -2777,7 +2777,7 @@ var y;
 })(y || (y = {}));
 const En = (t, e = {
   message: `Input not instance of ${t.name}`
-}) => 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 = {
+}) => 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, Gt = 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({
@@ -2798,16 +2798,16 @@ var i = /* @__PURE__ */ Object.freeze({
   ParseStatus: D,
   INVALID: g,
   DIRTY: je,
-  OK: U,
-  isAborted: Rt,
-  isDirty: Ot,
+  OK: V,
+  isAborted: Pt,
+  isDirty: It,
   isValid: Be,
   isAsync: He,
   get util() {
     return b;
   },
   get objectUtil() {
-    return St;
+    return Ot;
   },
   ZodParsedType: p,
   getParsedType: _e,
@@ -2848,7 +2848,7 @@ var i = /* @__PURE__ */ Object.freeze({
   ZodCatch: nt,
   ZodNaN: _t,
   BRAND: wn,
-  ZodBranded: jt,
+  ZodBranded: Zt,
   ZodPipeline: ot,
   ZodReadonly: st,
   custom: lr,
@@ -2865,7 +2865,7 @@ var i = /* @__PURE__ */ Object.freeze({
   boolean: pr,
   date: Tn,
   discriminatedUnion: Dn,
-  effect: Jt,
+  effect: Gt,
   enum: Hn,
   function: zn,
   instanceof: En,
@@ -2892,7 +2892,7 @@ var i = /* @__PURE__ */ Object.freeze({
   strictObject: Mn,
   string: fr,
   symbol: Cn,
-  transformer: Jt,
+  transformer: Gt,
   tuple: Ln,
   undefined: Sn,
   union: Zn,
@@ -2903,14 +2903,14 @@ var i = /* @__PURE__ */ Object.freeze({
   quotelessJson: tn,
   ZodError: H
 });
-const B = i.string().trim().min(1, { message: "Cannot be blank" }), q = i.string().trim().optional(), It = (t) => i.nullable(t.optional());
+const B = i.string().trim().min(1, { message: "Cannot be blank" }), q = i.string().trim().optional(), Nt = (t) => i.nullable(t.optional());
 var at = /* @__PURE__ */ ((t) => (t.FIRST_NAME = "firstName", t.LAST_NAME = "lastName", t.EMAIL = "email", t.ZIP_CODE = "zipCode", t.CITY = "city", t.STATE = "state", t.COUNTRY = "country", t.ADDRESS = "address", t.PHONE = "phone", t.PROMOTION_CODE = "promotionCode", t))(at || {});
 const hr = i.nativeEnum(at);
 var yr = /* @__PURE__ */ ((t) => (t.CARD_NUMBER = "cardNumber", t.CARD_EXPIRY = "cardExpiry", t.CARD_CVC = "cardCvc", t))(yr || {});
 const gr = i.nativeEnum(yr), ss = i.union([hr, gr]), _r = i.object({
   provider: i.string(),
-  processor_name: It(i.string()),
-  metadata: It(i.record(i.string(), i.any()))
+  processor_name: Nt(i.string()),
+  metadata: Nt(i.record(i.string(), i.any()))
 }), as = i.object({
   id: i.string()
 });
@@ -3026,7 +3026,7 @@ i.object({
 });
 i.object({
   secure_token: i.string(),
-  existing_cc_pm_id: It(i.string())
+  existing_cc_pm_id: Nt(i.string())
 });
 const ks = i.object({
   payment_methods: i.array(as)
@@ -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) => {
@@ -3051,7 +3051,7 @@ const ks = i.object({
     paymentFlowMetadata: o,
     doNotUseLegacyCCFlow: a
   });
-  (s.provider === "apple_pay" || s.provider === "google_pay") && (c[at.ZIP_CODE] || (c[at.ZIP_CODE] = "00000"));
+  (s.provider === "apple_pay" || s.provider === "google_pay" || s.provider === "stripe_link") && (c[at.ZIP_CODE] || (c[at.ZIP_CODE] = "00000"));
   const u = vr.safeParse(c);
   if (u.success)
     return u.data;
@@ -3075,17 +3075,17 @@ const ks = i.object({
     elementId: r
   };
   t.postMessage(JSON.stringify(a), s);
-}, Rs = "https://cde.getopenpay.com", Os = {
+}, Rs = "https://cde.openpaystaging.com", Os = {
   usd: "usd",
   brl: "brl"
-}, Mt = async (t) => {
+}, Dt = async (t) => {
   for (let r = 0; r < 10; r++)
-    Gt() || await wr(500);
-  if (!Gt())
+    Xt() || await wr(500);
+  if (!Xt())
     throw new Error("Stripe JS not found.");
   return new Stripe(t);
 }, Ps = async (t, e, r, n) => {
-  const s = await Mt(t), a = Os[r.toLowerCase().trim()];
+  const s = await Dt(t), a = Os[r.toLowerCase().trim()];
   return s.paymentRequest({
     // TODO: replace this with stripe account country as soon as we support it
     country: "US",
@@ -3100,7 +3100,7 @@ const ks = i.object({
   });
 }, wr = (t) => new Promise((e) => {
   setTimeout(e, t);
-}), Gt = () => "Stripe" in window, Is = async (t) => new Promise((e, r) => {
+}), Xt = () => "Stripe" in window, Is = async (t) => new Promise((e, r) => {
   try {
     t.on("paymentmethod", async (n) => {
       e(n);
@@ -3123,7 +3123,7 @@ const ks = i.object({
     throw new Error(`Invalid next action metadata format: ${JSON.stringify(r)}`);
   if (e.paymentMethod.id !== t.paymentFlowMetadata.stripePmId)
     throw new Error(`PM ID mismatch: ${e.paymentMethod.id} != ${t.paymentFlowMetadata.stripePmId}`);
-  const s = await (await Mt(r.stripe_pk)).confirmCardSetup(r.client_secret, {
+  const s = await (await Dt(r.stripe_pk)).confirmCardSetup(r.client_secret, {
     payment_method: t.paymentFlowMetadata.stripePmId
   });
   if (s.error)
@@ -3131,7 +3131,7 @@ const ks = i.object({
   e.complete("success");
 }, js = async (t) => {
   var a, o, c, u;
-  const e = t.nextActionMetadata, n = await (await Mt(e.stripe_pk)).confirmCardSetup(e.client_secret, {
+  const e = t.nextActionMetadata, n = await (await Dt(e.stripe_pk)).confirmCardSetup(e.client_secret, {
     payment_method: e.stripe_pm_id
   }), s = (a = n.setupIntent) == null ? void 0 : a.status;
   if (s !== "succeeded") throw s === "canceled" ? new Error("Payment cancelled, please click Submit again to pay") : new Error(
@@ -3168,7 +3168,7 @@ const ks = i.object({
 function Zs(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Zt = { exports: {} }, Ds = Wr;
+var $t = { exports: {} }, Ds = Wr;
 function br(t, e, r) {
   var n = typeof e == "function";
   Ds.useEffect(function() {
@@ -3182,9 +3182,9 @@ function br(t, e, r) {
     };
   }, n ? r : e);
 }
-Zt.exports = br;
-Zt.exports.useAsyncEffect = br;
-var $s = Zt.exports;
+$t.exports = br;
+$t.exports.useAsyncEffect = br;
+var $s = $t.exports;
 const vt = /* @__PURE__ */ Zs($s), Ls = i.object({
   type: i.string(),
   loc: i.array(i.string()),
@@ -3196,7 +3196,7 @@ const vt = /* @__PURE__ */ Zs($s), Ls = i.object({
   path: i.array(i.string())
 }), Fs = i.array(Vs), zs = {
   "failed to fetch": "Connection error: please double check if you are connected to the internet, then try again"
-}, At = (t) => {
+}, jt = (t) => {
   const e = t.toLowerCase().trim();
   return zs[e] ?? t;
 }, qs = (t) => {
@@ -3205,17 +3205,17 @@ const vt = /* @__PURE__ */ Zs($s), Ls = i.object({
   } catch {
     return !1;
   }
-}, Bs = (t) => t.length === 1 ? At(t[0].msg) : `Please fix the following errors:
-${t.map((r) => `• ${At(r.msg)}`).join(`
+}, Bs = (t) => t.length === 1 ? jt(t[0].msg) : `Please fix the following errors:
+${t.map((r) => `• ${jt(r.msg)}`).join(`
 `)}`, Hs = (t) => `Encountered the following errors:
 ${t.map((r) => `- ${r.path.join("/")}: ${r.message}`).join(`
-`)}`, Dt = (t) => {
+`)}`, Lt = (t) => {
   if (window.cur_error = t, t instanceof Error)
     if (qs(t.message)) {
       const e = JSON.parse(t.message);
       return Us.safeParse(e).success ? Bs(e) : Fs.safeParse(e).success ? Hs(e) : t.message;
     } else
-      return At(t.message);
+      return jt(t.message);
   if (typeof t == "object")
     try {
       return JSON.stringify(t);
@@ -3297,14 +3297,14 @@ const Ys = i.object({
   tax_amount_atom: i.number(),
   total_amount_atom: i.number(),
   total_discount_amount_atoms: i.array(xr)
-}), Xt = i.object({
+}), Qt = i.object({
   created: i.array(ra),
   invoices: i.array(aa)
 }), kr = i.object({
-  preview: Xt,
-  preview_post_trial: N(Xt),
+  preview: Qt,
+  preview_post_trial: N(Qt),
   coupons: i.array(Er)
-}), Qt = i.object({
+}), er = i.object({
   status: i.literal("open"),
   token: i.string(),
   email: N(i.string()),
@@ -3319,11 +3319,11 @@ const Ys = i.object({
   i.object({
     mode: i.literal("setup"),
     currency: i.nullable(i.undefined())
-  }).extend(Qt.shape),
+  }).extend(er.shape),
   i.object({
     mode: i.enum(["payment", "subscription"]),
     currency: Js
-  }).extend(Qt.shape)
+  }).extend(er.shape)
 ]), ia = i.object({
   status: i.literal("complete")
 }), oa = i.object({
@@ -3362,7 +3362,7 @@ i.object({
   required_user_actions: i.array(i.record(i.string(), i.any())),
   cc_pm_id: i.string()
 });
-const $t = async (t, e, r) => {
+const Ut = async (t, e, r) => {
   const n = await t.send(e);
   if (ua(n))
     throw new Error(`[cde-client] Error querying CDE: ${n.message}`);
@@ -3371,7 +3371,7 @@ const $t = async (t, e, r) => {
     throw s.success ? new Error("Invalid state") : s.error;
   }
   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) => {
+}, da = (t, e) => e.safeParse(t).success, ua = (t) => Ys.safeParse(t).success, la = async (t, e) => await Ut(t, { type: "get_checkout_preview", payload: e }, kr), Vt = async (t) => await Ut(t, { type: "get_prefill", payload: {} }, Tr), fa = async (t, e) => await Ut(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), [E, x] = S(null);
   return vt(async () => {
     if (!n || !t)
@@ -3391,10 +3391,10 @@ const $t = async (t, e, r) => {
       try {
         if (!e || !r || !t)
           return;
-        const C = (await Lt(e)).mode === "setup", $ = await Cr(e, r, C, o);
+        const C = (await Vt(e)).mode === "setup", $ = await Cr(e, r, C, o);
         T() && (x(null), d($));
       } catch (I) {
-        T() && x(Dt(I));
+        T() && x(Lt(I));
       } finally {
         T() && v(!1);
       }
@@ -3437,10 +3437,11 @@ const $t = async (t, e, r) => {
     const s = await ya(t, e, n);
     return { amountAtom: s.amountAtom, currency: s.currency };
   }
-}, er = i.enum(["apple_pay", "google_pay"]), ga = {
+}, tr = i.enum(["apple_pay", "google_pay", "stripe_link"]), ga = {
   apple_pay: "applePay",
-  google_pay: "googlePay"
-}, tr = {
+  google_pay: "googlePay",
+  stripe_link: "link"
+}, Rt = {
   isLoading: !0,
   isAvailable: !1,
   startFlow: async () => {
@@ -3452,8 +3453,9 @@ const $t = async (t, e, r) => {
   }
 }, va = (t, e, r, n, s, a, o, c) => {
   const [u, d] = Ms({
-    apple_pay: tr,
-    google_pay: tr
+    apple_pay: Rt,
+    google_pay: Rt,
+    stripe_link: Rt
   }), f = e === void 0 || r === void 0 || !n || !t, v = c.amount, [E, x] = S(null);
   return pe(() => {
     if (!Sr() || !v || E === null)
@@ -3464,21 +3466,21 @@ const $t = async (t, e, r) => {
     if (f)
       return;
     const T = r.filter(
-      (j) => j.processor_name === "stripe" && er.options.map((Y) => String(Y)).includes(j.provider)
+      (j) => j.processor_name === "stripe" && tr.options.map((Y) => String(Y)).includes(j.provider)
     );
     if (T.length === 0)
       throw new Error("Stripe is not available as a checkout method");
-    const I = As(T[0].metadata), $ = (await Lt(t)).mode === "setup";
+    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);
     const W = await O.canMakePayment();
-    for (const j of er.options) {
+    for (const j of tr.options) {
       j.replace("_", "");
       try {
         const Y = T.find((J) => J.provider === j);
@@ -3518,7 +3520,7 @@ const $t = async (t, e, r) => {
     const u = await Is(c);
     o("[startFlow] PR fulfilled. Completing flow..."), r(u, e);
   } catch (o) {
-    window.console.error("[startFlow] Error:", o), s(Dt(o));
+    window.console.error("[startFlow] Error:", o), s(Lt(o));
   }
 }, Ea = (t) => {
   if ("ojs_pr" in window)
@@ -3543,10 +3545,10 @@ var it;
 (function(t) {
   t.ConnectionDestroyed = "ConnectionDestroyed", t.ConnectionTimeout = "ConnectionTimeout", t.NoIframeSrc = "NoIframeSrc";
 })(it || (it = {}));
-var Nt;
+var Mt;
 (function(t) {
   t.DataCloneError = "DataCloneError";
-})(Nt || (Nt = {}));
+})(Mt || (Mt = {}));
 var Te;
 (function(t) {
   t.Message = "message";
@@ -3600,17 +3602,17 @@ 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 === Nt.DataCloneError) {
+        if (O.name === Mt.DataCloneError) {
           const W = {
             penpal: ce.Reply,
             id: T,
@@ -3664,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}`);
@@ -3679,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
       };
@@ -3752,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);
@@ -3765,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() {
@@ -3828,12 +3830,12 @@ 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), [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);
+  } = 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.21", release_version: "local_build" };
+    const P = { version: "0.0.23", release_version: "local_build" };
     window.ojs_version = P;
   }, []);
-  const { cdeConn: Ae, connectToCdeIframe: Bt } = Ba(), Ht = pa(
+  const { cdeConn: Ae, connectToCdeIframe: Wt } = Ba(), Kt = pa(
     I ?? !1,
     Ae,
     r,
@@ -3844,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)
@@ -3880,7 +3884,7 @@ const Aa = () => ++Ia, Pr = ".", Ir = (t) => t ? t.split(Pr) : [], Na = (t) => t
             await Ns(A, Et);
           } else
             throw new Error(`Unknown next action type: ${M}`);
-          const Q = await Lt(Ae);
+          const Q = await Vt(Ae);
           if (Q.mode === "setup") {
             const { payment_methods: ie } = await fa(Ae, {
               secure_token: Q.token,
@@ -3910,25 +3914,25 @@ const Aa = () => ++Ia, Pr = ".", Ir = (t) => t ? t.split(Pr) : [], Na = (t) => t
             C
           ), se(!0), Le(void 0), f && f();
         }).catch((M) => {
-          const Q = Dt(M);
+          const Q = Lt(M);
           Ce(!1), se(!1), E && E(Q);
         });
-      } 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)
+      } 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(
@@ -3938,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) {
@@ -3956,8 +3960,8 @@ const Aa = () => ++Ia, Pr = ".", Ir = (t) => t ? t.split(Pr) : [], Na = (t) => t
       ne,
       ye,
       ge,
-      Vt,
-      Ft,
+      zt,
+      qt,
       a,
       o,
       s,
@@ -3986,31 +3990,31 @@ 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(
     (P) => {
-      Ut && P.preventDefault();
+      Ft && P.preventDefault();
     },
-    [Ut]
+    [Ft]
   );
   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), () => {
+    ye.length > 0 && ye.length === Object.keys(ge).length && (Nr(!0), c && c(Ht, Bt));
+  }, [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(
     (P) => {
-      ye.find((X) => X.contentWindow === P.contentWindow) || (ye.length === 0 && Bt(P), jr((X) => [...X, P]));
+      ye.find((X) => X.contentWindow === P.contentWindow) || (ye.length === 0 && Wt(P), jr((X) => [...X, P]));
     },
-    [ye, Bt]
+    [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(
@@ -4023,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;
         }
       }
@@ -4036,7 +4040,7 @@ const Aa = () => ++Ia, Pr = ".", Ir = (t) => t ? t.split(Pr) : [], Na = (t) => t
     checkoutSecureToken: r,
     registerIframe: Fr,
     baseUrl: C
-  }, Wt = va(
+  }, Tt = va(
     Ae,
     r,
     le,
@@ -4044,13 +4048,14 @@ const Aa = () => ++Ia, Pr = ".", Ir = (t) => t ? t.split(Pr) : [], Na = (t) => t
     zr,
     d,
     qr,
-    Ht
+    Kt
   ), Hr = {
     submit: Vr,
-    applePay: Wt.apple_pay,
-    googlePay: Wt.google_pay,
+    applePay: Tt.apple_pay,
+    googlePay: Tt.google_pay,
+    stripeLink: Tt.stripe_link,
     loaded: J,
-    preview: Ht
+    preview: Kt
   };
   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) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getopenpay/openpay-js-react",
-  "version": "0.0.21",
+  "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",