@getopenpay/openpay-js-react 0.0.9 → 0.0.10-alpha.5ae1883

package/dist/index.d.ts

@@ -7,14 +7,30 @@ declare type AllFieldNames = z.infer<typeof AllFieldNames>;
 
 export declare const CardCvcElement: FC<ElementProps>;
 
-export declare const CardElement: FC<ElementProps>;
+export declare const CardElement: FC<ElementProps<typeof CardPlaceholder>>;
 
 export declare const CardExpiryElement: FC<ElementProps>;
 
 export declare const CardNumberElement: FC<ElementProps>;
 
-export declare type ElementProps = {
-    styles?: ElementsStyle;
+declare const CardPlaceholder: z.ZodObject<{
+    cardNumber: z.ZodOptional<z.ZodString>;
+    expiry: z.ZodOptional<z.ZodString>;
+    cvc: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    cardNumber?: string | undefined;
+    expiry?: string | undefined;
+    cvc?: string | undefined;
+}, {
+    cardNumber?: string | undefined;
+    expiry?: string | undefined;
+    cvc?: string | undefined;
+}>;
+
+declare type CardPlaceholder = z.infer<typeof CardPlaceholder>;
+
+export declare type ElementProps<PlaceholderType extends z.ZodTypeAny = z.ZodString> = {
+    styles?: ElementsStyle<z.ZodOptional<PlaceholderType>>;
 };
 
 declare type ElementsContextValue = {
@@ -50,10 +66,7 @@ export declare type ElementsFormProps = {
     baseUrl?: string;
 };
 
-/**
- * Styles
- */
-declare const ElementsStyle: z.ZodObject<{
+declare const ElementsStyle: <T extends z.ZodTypeAny>(placeholderType: T) => z.ZodObject<z.objectUtil.extendShape<{
     backgroundColor: z.ZodOptional<z.ZodString>;
     color: z.ZodOptional<z.ZodString>;
     fontFamily: z.ZodOptional<z.ZodString>;
@@ -61,25 +74,51 @@ declare const ElementsStyle: z.ZodObject<{
     fontWeight: z.ZodOptional<z.ZodString>;
     margin: z.ZodOptional<z.ZodString>;
     padding: z.ZodOptional<z.ZodString>;
-}, "strip", z.ZodTypeAny, {
-    backgroundColor?: string | undefined;
-    color?: string | undefined;
-    fontFamily?: string | undefined;
-    fontSize?: string | undefined;
-    fontWeight?: string | undefined;
-    margin?: string | undefined;
-    padding?: string | undefined;
 }, {
-    backgroundColor?: string | undefined;
-    color?: string | undefined;
-    fontFamily?: string | undefined;
-    fontSize?: string | undefined;
-    fontWeight?: string | undefined;
-    margin?: string | undefined;
-    padding?: string | undefined;
-}>;
-
-declare type ElementsStyle = z.infer<typeof ElementsStyle>;
+    placeholder: T;
+}>, "strip", z.ZodTypeAny, z.objectUtil.addQuestionMarks<z.baseObjectOutputType<z.objectUtil.extendShape<{
+    backgroundColor: z.ZodOptional<z.ZodString>;
+    color: z.ZodOptional<z.ZodString>;
+    fontFamily: z.ZodOptional<z.ZodString>;
+    fontSize: z.ZodOptional<z.ZodString>;
+    fontWeight: z.ZodOptional<z.ZodString>;
+    margin: z.ZodOptional<z.ZodString>;
+    padding: z.ZodOptional<z.ZodString>;
+}, {
+    placeholder: T;
+}>>, any> extends infer T_1 ? { [k in keyof T_1]: z.objectUtil.addQuestionMarks<z.baseObjectOutputType<z.objectUtil.extendShape<{
+        backgroundColor: z.ZodOptional<z.ZodString>;
+        color: z.ZodOptional<z.ZodString>;
+        fontFamily: z.ZodOptional<z.ZodString>;
+        fontSize: z.ZodOptional<z.ZodString>;
+        fontWeight: z.ZodOptional<z.ZodString>;
+        margin: z.ZodOptional<z.ZodString>;
+        padding: z.ZodOptional<z.ZodString>;
+    }, {
+        placeholder: T;
+    }>>, any>[k]; } : never, z.baseObjectInputType<z.objectUtil.extendShape<{
+    backgroundColor: z.ZodOptional<z.ZodString>;
+    color: z.ZodOptional<z.ZodString>;
+    fontFamily: z.ZodOptional<z.ZodString>;
+    fontSize: z.ZodOptional<z.ZodString>;
+    fontWeight: z.ZodOptional<z.ZodString>;
+    margin: z.ZodOptional<z.ZodString>;
+    padding: z.ZodOptional<z.ZodString>;
+}, {
+    placeholder: T;
+}>> extends infer T_2 ? { [k_1 in keyof T_2]: z.baseObjectInputType<z.objectUtil.extendShape<{
+        backgroundColor: z.ZodOptional<z.ZodString>;
+        color: z.ZodOptional<z.ZodString>;
+        fontFamily: z.ZodOptional<z.ZodString>;
+        fontSize: z.ZodOptional<z.ZodString>;
+        fontWeight: z.ZodOptional<z.ZodString>;
+        margin: z.ZodOptional<z.ZodString>;
+        padding: z.ZodOptional<z.ZodString>;
+    }, {
+        placeholder: T;
+    }>>[k_1]; } : never>;
+
+declare type ElementsStyle<T extends z.ZodTypeAny> = z.infer<ReturnType<typeof ElementsStyle<T>>>;
 
 /**
  * Expected input fields

package/dist/index.js

@@ -357,7 +357,7 @@ var p;
   r.errToObj = (e) => typeof e == "string" ? { message: e } : e || {}, r.toString = (e) => typeof e == "string" ? e : e == null ? void 0 : e.message;
 })(p || (p = {}));
 var we, Ee;
-class B {
+class W {
   constructor(e, t, n, s) {
     this._cachedPath = [], this.parent = e, this.data = t, this._path = n, this._key = s;
   }
@@ -492,7 +492,7 @@ class _ {
     return this._refinement((n, s) => e(n) ? !0 : (s.addIssue(typeof t == "function" ? t(n, s) : t), !1));
   }
   _refinement(e) {
-    return new V({
+    return new z({
       schema: this,
       typeName: y.ZodEffects,
       effect: { type: "refinement", refinement: e }
@@ -502,7 +502,7 @@ class _ {
     return this._refinement(e);
   }
   optional() {
-    return F.create(this, this._def);
+    return B.create(this, this._def);
   }
   nullable() {
     return ie.create(this, this._def);
@@ -511,7 +511,7 @@ class _ {
     return this.nullable().optional();
   }
   array() {
-    return $.create(this, this._def);
+    return V.create(this, this._def);
   }
   promise() {
     return ge.create(this, this._def);
@@ -523,7 +523,7 @@ class _ {
     return Ae.create(this, e, this._def);
   }
   transform(e) {
-    return new V({
+    return new z({
       ...g(this._def),
       schema: this,
       typeName: y.ZodEffects,
@@ -593,7 +593,7 @@ function Lt(r) {
 function $r(r, e) {
   return !!((e === "v4" || !e) && jr.test(r) || (e === "v6" || !e) && Mr.test(r));
 }
-class U extends _ {
+class $ extends _ {
   _parse(e) {
     if (this._def.coerce && (e.data = String(e.data)), this._getType(e) !== f.string) {
       const a = this._getOrReturnCtx(e);
@@ -744,7 +744,7 @@ class U extends _ {
     });
   }
   _addCheck(e) {
-    return new U({
+    return new $({
       ...this._def,
       checks: [...this._def.checks, e]
     });
@@ -870,19 +870,19 @@ class U extends _ {
     return this.min(1, p.errToObj(e));
   }
   trim() {
-    return new U({
+    return new $({
       ...this._def,
       checks: [...this._def.checks, { kind: "trim" }]
     });
   }
   toLowerCase() {
-    return new U({
+    return new $({
       ...this._def,
       checks: [...this._def.checks, { kind: "toLowerCase" }]
     });
   }
   toUpperCase() {
-    return new U({
+    return new $({
       ...this._def,
       checks: [...this._def.checks, { kind: "toUpperCase" }]
     });
@@ -942,9 +942,9 @@ class U extends _ {
     return e;
   }
 }
-U.create = (r) => {
+$.create = (r) => {
   var e;
-  return new U({
+  return new $({
     checks: [],
     typeName: y.ZodString,
     coerce: (e = r == null ? void 0 : r.coerce) !== null && e !== void 0 ? e : !1,
@@ -1457,7 +1457,7 @@ Je.create = (r) => new Je({
   typeName: y.ZodVoid,
   ...g(r)
 });
-class $ extends _ {
+class V extends _ {
   _parse(e) {
     const { ctx: t, status: n } = this._processInputParams(e), s = this._def;
     if (t.parsedType !== f.array)
@@ -1493,27 +1493,27 @@ class $ extends _ {
       exact: !1,
       message: s.maxLength.message
     }), n.dirty()), t.common.async)
-      return Promise.all([...t.data].map((i, o) => s.type._parseAsync(new B(t, i, t.path, o)))).then((i) => I.mergeArray(n, i));
-    const a = [...t.data].map((i, o) => s.type._parseSync(new B(t, i, t.path, o)));
+      return Promise.all([...t.data].map((i, o) => s.type._parseAsync(new W(t, i, t.path, o)))).then((i) => I.mergeArray(n, i));
+    const a = [...t.data].map((i, o) => s.type._parseSync(new W(t, i, t.path, o)));
     return I.mergeArray(n, a);
   }
   get element() {
     return this._def.type;
   }
   min(e, t) {
-    return new $({
+    return new V({
       ...this._def,
       minLength: { value: e, message: p.toString(t) }
     });
   }
   max(e, t) {
-    return new $({
+    return new V({
       ...this._def,
       maxLength: { value: e, message: p.toString(t) }
     });
   }
   length(e, t) {
-    return new $({
+    return new V({
       ...this._def,
       exactLength: { value: e, message: p.toString(t) }
     });
@@ -1522,7 +1522,7 @@ class $ extends _ {
     return this.min(1, e);
   }
 }
-$.create = (r, e) => new $({
+V.create = (r, e) => new V({
   type: r,
   minLength: null,
   maxLength: null,
@@ -1535,16 +1535,16 @@ function he(r) {
     const e = {};
     for (const t in r.shape) {
       const n = r.shape[t];
-      e[t] = F.create(he(n));
+      e[t] = B.create(he(n));
     }
     return new w({
       ...r._def,
       shape: () => e
     });
-  } else return r instanceof $ ? new $({
+  } else return r instanceof V ? new V({
     ...r._def,
     type: he(r.element)
-  }) : r instanceof F ? F.create(he(r.unwrap())) : r instanceof ie ? ie.create(he(r.unwrap())) : r instanceof W ? W.create(r.items.map((e) => he(e))) : r;
+  }) : r instanceof B ? B.create(he(r.unwrap())) : r instanceof ie ? ie.create(he(r.unwrap())) : r instanceof q ? q.create(r.items.map((e) => he(e))) : r;
 }
 class w extends _ {
   constructor() {
@@ -1574,7 +1574,7 @@ class w extends _ {
       const m = a[d], b = s.data[d];
       u.push({
         key: { status: "valid", value: d },
-        value: m._parse(new B(s, b, s.path, d)),
+        value: m._parse(new W(s, b, s.path, d)),
         alwaysSet: d in s.data
       });
     }
@@ -1599,7 +1599,7 @@ class w extends _ {
         u.push({
           key: { status: "valid", value: m },
           value: d._parse(
-            new B(s, b, s.path, m)
+            new W(s, b, s.path, m)
             //, ctx.child(key), value, getParsedType(value)
           ),
           alwaysSet: m in s.data
@@ -1799,7 +1799,7 @@ class w extends _ {
         t[n] = this.shape[n];
       else {
         let a = this.shape[n];
-        for (; a instanceof F; )
+        for (; a instanceof B; )
           a = a._def.innerType;
         t[n] = a;
       }
@@ -1906,7 +1906,7 @@ Ne.create = (r, e) => new Ne({
   typeName: y.ZodUnion,
   ...g(e)
 });
-const K = (r) => r instanceof Pe ? K(r.schema) : r instanceof V ? K(r.innerType()) : r instanceof je ? [r.value] : r instanceof ae ? r.options : r instanceof Me ? x.objectValues(r.enum) : r instanceof De ? K(r._def.innerType) : r instanceof Re ? [void 0] : r instanceof Ie ? [null] : r instanceof F ? [void 0, ...K(r.unwrap())] : r instanceof ie ? [null, ...K(r.unwrap())] : r instanceof pt || r instanceof Ue ? K(r.unwrap()) : r instanceof Le ? K(r._def.innerType) : [];
+const Y = (r) => r instanceof Pe ? Y(r.schema) : r instanceof z ? Y(r.innerType()) : r instanceof je ? [r.value] : r instanceof ae ? r.options : r instanceof Me ? x.objectValues(r.enum) : r instanceof De ? Y(r._def.innerType) : r instanceof Re ? [void 0] : r instanceof Ie ? [null] : r instanceof B ? [void 0, ...Y(r.unwrap())] : r instanceof ie ? [null, ...Y(r.unwrap())] : r instanceof pt || r instanceof Ue ? Y(r.unwrap()) : r instanceof Le ? Y(r._def.innerType) : [];
 class Qe extends _ {
   _parse(e) {
     const { ctx: t } = this._processInputParams(e);
@@ -1951,7 +1951,7 @@ class Qe extends _ {
   static create(e, t, n) {
     const s = /* @__PURE__ */ new Map();
     for (const a of t) {
-      const i = K(a.shape[e]);
+      const i = Y(a.shape[e]);
       if (!i.length)
         throw new Error(`A discriminator value for key \`${e}\` could not be extracted from all schema options`);
       for (const o of i) {
@@ -2033,7 +2033,7 @@ Ae.create = (r, e, t) => new Ae({
   typeName: y.ZodIntersection,
   ...g(t)
 });
-class W extends _ {
+class q extends _ {
   _parse(e) {
     const { status: t, ctx: n } = this._processInputParams(e);
     if (n.parsedType !== f.array)
@@ -2059,7 +2059,7 @@ class W extends _ {
     }), t.dirty());
     const a = [...n.data].map((i, o) => {
       const u = this._def.items[o] || this._def.rest;
-      return u ? u._parse(new B(n, i, n.path, o)) : null;
+      return u ? u._parse(new W(n, i, n.path, o)) : null;
     }).filter((i) => !!i);
     return n.common.async ? Promise.all(a).then((i) => I.mergeArray(t, i)) : I.mergeArray(t, a);
   }
@@ -2067,16 +2067,16 @@ class W extends _ {
     return this._def.items;
   }
   rest(e) {
-    return new W({
+    return new q({
       ...this._def,
       rest: e
     });
   }
 }
-W.create = (r, e) => {
+q.create = (r, e) => {
   if (!Array.isArray(r))
     throw new Error("You must pass an array of schemas to z.tuple([ ... ])");
-  return new W({
+  return new q({
     items: r,
     typeName: y.ZodTuple,
     rest: null,
@@ -2101,8 +2101,8 @@ class Ze extends _ {
     const s = [], a = this._def.keyType, i = this._def.valueType;
     for (const o in n.data)
       s.push({
-        key: a._parse(new B(n, o, n.path, o)),
-        value: i._parse(new B(n, n.data[o], n.path, o)),
+        key: a._parse(new W(n, o, n.path, o)),
+        value: i._parse(new W(n, n.data[o], n.path, o)),
         alwaysSet: o in n.data
       });
     return n.common.async ? I.mergeObjectAsync(t, s) : I.mergeObjectSync(t, s);
@@ -2117,7 +2117,7 @@ class Ze extends _ {
       typeName: y.ZodRecord,
       ...g(n)
     }) : new Ze({
-      keyType: U.create(),
+      keyType: $.create(),
       valueType: e,
       typeName: y.ZodRecord,
       ...g(t)
@@ -2140,8 +2140,8 @@ class Ge extends _ {
         received: n.parsedType
       }), v;
     const s = this._def.keyType, a = this._def.valueType, i = [...n.data.entries()].map(([o, u], d) => ({
-      key: s._parse(new B(n, o, n.path, [d, "key"])),
-      value: a._parse(new B(n, u, n.path, [d, "value"]))
+      key: s._parse(new W(n, o, n.path, [d, "key"])),
+      value: a._parse(new W(n, u, n.path, [d, "value"]))
     }));
     if (n.common.async) {
       const o = /* @__PURE__ */ new Map();
@@ -2207,7 +2207,7 @@ class le extends _ {
       }
       return { status: t.value, value: d };
     }
-    const o = [...n.data.values()].map((u, d) => a._parse(new B(n, u, n.path, d)));
+    const o = [...n.data.values()].map((u, d) => a._parse(new W(n, u, n.path, d)));
     return n.common.async ? Promise.all(o).then((u) => i(u)) : i(o);
   }
   min(e, t) {
@@ -2284,11 +2284,11 @@ class pe extends _ {
     if (this._def.returns instanceof ge) {
       const o = this;
       return N(async function(...u) {
-        const d = new Z([]), m = await o._def.args.parseAsync(u, a).catch((q) => {
-          throw d.addIssue(n(u, q)), d;
+        const d = new Z([]), m = await o._def.args.parseAsync(u, a).catch((H) => {
+          throw d.addIssue(n(u, H)), d;
         }), b = await Reflect.apply(i, this, m);
-        return await o._def.returns._def.type.parseAsync(b, a).catch((q) => {
-          throw d.addIssue(s(b, q)), d;
+        return await o._def.returns._def.type.parseAsync(b, a).catch((H) => {
+          throw d.addIssue(s(b, H)), d;
         });
       });
     } else {
@@ -2313,7 +2313,7 @@ class pe extends _ {
   args(...e) {
     return new pe({
       ...this._def,
-      args: W.create(e).rest(de.create())
+      args: q.create(e).rest(de.create())
     });
   }
   returns(e) {
@@ -2330,7 +2330,7 @@ class pe extends _ {
   }
   static create(e, t, n) {
     return new pe({
-      args: e || W.create([]).rest(de.create()),
+      args: e || q.create([]).rest(de.create()),
       returns: t || de.create(),
       typeName: y.ZodFunction,
       ...g(n)
@@ -2496,7 +2496,7 @@ ge.create = (r, e) => new ge({
   typeName: y.ZodPromise,
   ...g(e)
 });
-class V extends _ {
+class z extends _ {
   innerType() {
     return this._def.schema;
   }
@@ -2573,19 +2573,19 @@ class V extends _ {
     x.assertNever(s);
   }
 }
-V.create = (r, e, t) => new V({
+z.create = (r, e, t) => new z({
   schema: r,
   typeName: y.ZodEffects,
   effect: e,
   ...g(t)
 });
-V.createWithPreprocess = (r, e, t) => new V({
+z.createWithPreprocess = (r, e, t) => new z({
   schema: e,
   effect: { type: "preprocess", transform: r },
   typeName: y.ZodEffects,
   ...g(t)
 });
-class F extends _ {
+class B extends _ {
   _parse(e) {
     return this._getType(e) === f.undefined ? N(void 0) : this._def.innerType._parse(e);
   }
@@ -2593,7 +2593,7 @@ class F extends _ {
     return this._def.innerType;
   }
 }
-F.create = (r, e) => new F({
+B.create = (r, e) => new B({
   innerType: r,
   typeName: y.ZodOptional,
   ...g(e)
@@ -2777,8 +2777,8 @@ var y;
 })(y || (y = {}));
 const Br = (r, e = {
   message: `Input not instance of ${r.name}`
-}) => $t((t) => t instanceof r, e), Vt = U.create, zt = ne.create, Wr = Xe.create, qr = se.create, Ft = Oe.create, Hr = ue.create, Kr = Ye.create, Yr = Re.create, Jr = Ie.create, Gr = ve.create, Xr = de.create, Qr = J.create, en = Je.create, tn = $.create, rn = w.create, nn = w.strictCreate, sn = Ne.create, an = Qe.create, on = Ae.create, cn = W.create, dn = Ze.create, un = Ge.create, ln = le.create, fn = pe.create, hn = Pe.create, mn = je.create, pn = ae.create, yn = Me.create, vn = ge.create, Ct = V.create, gn = F.create, _n = ie.create, xn = V.createWithPreprocess, bn = $e.create, kn = () => Vt().optional(), wn = () => zt().optional(), En = () => Ft().optional(), Tn = {
-  string: (r) => U.create({ ...r, coerce: !0 }),
+}) => $t((t) => t instanceof r, e), Vt = $.create, zt = ne.create, Wr = Xe.create, qr = se.create, Ft = Oe.create, Hr = ue.create, Kr = Ye.create, Yr = Re.create, Jr = Ie.create, Gr = ve.create, Xr = de.create, Qr = J.create, en = Je.create, tn = V.create, rn = w.create, nn = w.strictCreate, sn = Ne.create, an = Qe.create, on = Ae.create, cn = q.create, dn = Ze.create, un = Ge.create, ln = le.create, fn = pe.create, hn = Pe.create, mn = je.create, pn = ae.create, yn = Me.create, vn = ge.create, Ct = z.create, gn = B.create, _n = ie.create, xn = z.createWithPreprocess, bn = $e.create, kn = () => Vt().optional(), wn = () => zt().optional(), En = () => Ft().optional(), Tn = {
+  string: (r) => $.create({ ...r, coerce: !0 }),
   number: (r) => ne.create({ ...r, coerce: !0 }),
   boolean: (r) => Oe.create({
     ...r,
@@ -2813,7 +2813,7 @@ var h = /* @__PURE__ */ Object.freeze({
   getParsedType: te,
   ZodType: _,
   datetimeRegex: Lt,
-  ZodString: U,
+  ZodString: $,
   ZodNumber: ne,
   ZodBigInt: se,
   ZodBoolean: Oe,
@@ -2825,12 +2825,12 @@ var h = /* @__PURE__ */ Object.freeze({
   ZodUnknown: de,
   ZodNever: J,
   ZodVoid: Je,
-  ZodArray: $,
+  ZodArray: V,
   ZodObject: w,
   ZodUnion: Ne,
   ZodDiscriminatedUnion: Qe,
   ZodIntersection: Ae,
-  ZodTuple: W,
+  ZodTuple: q,
   ZodRecord: Ze,
   ZodMap: Ge,
   ZodSet: le,
@@ -2840,9 +2840,9 @@ var h = /* @__PURE__ */ Object.freeze({
   ZodEnum: ae,
   ZodNativeEnum: Me,
   ZodPromise: ge,
-  ZodEffects: V,
-  ZodTransformer: V,
-  ZodOptional: F,
+  ZodEffects: z,
+  ZodTransformer: z,
+  ZodOptional: B,
   ZodNullable: ie,
   ZodDefault: De,
   ZodCatch: Le,
@@ -2903,7 +2903,7 @@ var h = /* @__PURE__ */ Object.freeze({
   quotelessJson: Er,
   ZodError: Z
 });
-const M = h.string().trim().min(1, { message: "Cannot be blank" }), Y = h.string().trim().optional(), Ot = (r) => h.nullable(r.optional());
+const D = h.string().trim().min(1, { message: "Cannot be blank" }), M = h.string().trim().optional(), Ot = (r) => h.nullable(r.optional());
 var Bt = /* @__PURE__ */ ((r) => (r.FIRST_NAME = "firstName", r.LAST_NAME = "lastName", r.EMAIL = "email", r.ZIP_CODE = "zipCode", r.CITY = "city", r.STATE = "state", r.COUNTRY = "country", r.ADDRESS = "address", r.PHONE = "phone", r.PROMOTION_CODE = "promotionCode", r))(Bt || {});
 const Wt = h.nativeEnum(Bt);
 var qt = /* @__PURE__ */ ((r) => (r.CARD_NUMBER = "cardNumber", r.CARD_EXPIRY = "cardExpiry", r.CARD_CVC = "cardCvc", r))(qt || {});
@@ -2913,13 +2913,18 @@ const Ht = h.nativeEnum(qt), Cn = h.union([Wt, Ht]), Kt = h.object({
   metadata: Ot(h.record(h.string(), h.any()))
 });
 h.object({
-  backgroundColor: Y,
-  color: Y,
-  fontFamily: Y,
-  fontSize: Y,
-  fontWeight: Y,
-  margin: Y,
-  padding: Y
+  cardNumber: M,
+  expiry: M,
+  cvc: M
+});
+h.object({
+  backgroundColor: M,
+  color: M,
+  fontFamily: M,
+  fontSize: M,
+  fontWeight: M,
+  margin: M,
+  padding: M
 });
 const k = h.enum([
   // Element -> Form
@@ -2945,32 +2950,32 @@ const k = h.enum([
   elementType: Ht
 }), An = k.extract(["LOAD_ERROR", "TOKENIZE_ERROR", "CHECKOUT_ERROR"]), Zn = h.object({
   type: An,
-  message: M
+  message: D
 }), Pn = k.extract(["VALIDATION_ERROR"]), jn = h.object({
   type: Pn,
   elementType: Cn,
   errors: h.array(h.string())
 }), Mn = h.object({
   type: h.literal(k.enum.LOADED),
-  sessionId: M,
-  height: M,
+  sessionId: D,
+  height: D,
   totalAmountAtoms: h.number(),
-  currency: Y,
+  currency: M,
   checkoutPaymentMethods: h.array(Kt)
 }), Dn = h.object({
   type: h.literal(k.enum.PAYMENT_FLOW_STARTED),
   nextActionMetadata: h.record(h.string(), h.any()),
   paymentFlowMetadata: h.any().optional()
 }), Ln = h.object({
-  firstName: M,
-  lastName: M,
-  email: M,
-  zipCode: M,
-  country: M,
-  promotionCode: Y
+  firstName: D,
+  lastName: D,
+  email: D,
+  zipCode: D,
+  country: D,
+  promotionCode: M
 }), Un = k.extract(["TOKENIZE", "CHECKOUT", "START_PAYMENT_FLOW"]), Yt = h.object({
   type: Un,
-  sessionId: M,
+  sessionId: D,
   checkoutPaymentMethod: Kt,
   paymentFlowMetadata: h.any().optional()
 }).extend(Ln.shape), $n = h.object({
@@ -2993,9 +2998,9 @@ const k = h.enum([
   Dn
 ]), Fn = h.object({
   payload: zn,
-  nonce: M,
-  formId: M,
-  elementId: M
+  nonce: D,
+  formId: D,
+  elementId: D
 });
 h.object({
   isLoading: h.boolean(),
@@ -3044,7 +3049,7 @@ const Bn = (r) => {
     elementId: t
   };
   r.postMessage(JSON.stringify(a), s);
-}, qn = "https://cde.getopenpay.com", Hn = {
+}, qn = "https://cde.openpaystaging.com", Hn = {
   usd: "usd",
   brl: "brl"
 }, Gt = (r) => {
@@ -3207,11 +3212,11 @@ ${r.map((t) => `- ${t.path.join("/")}: ${t.message}`).join(`
       for (const m of fs.options) {
         const b = m.replace("_", "");
         try {
-          const T = t.find((H) => H.provider === m && H.processor_name === "stripe");
+          const T = t.find((K) => K.provider === m && K.processor_name === "stripe");
           if (!T)
             throw new Error(`${b} is not available as a checkout method`);
-          const q = Gn(T.metadata), A = await Kn(q, r, e), z = await A.canMakePayment();
-          if (!z)
+          const H = Gn(T.metadata), A = await Kn(H, r, e), F = await A.canMakePayment();
+          if (!F)
             throw new Error(`Cannot make payment with ${b} for this session`);
           const tt = async () => {
             try {
@@ -3225,15 +3230,15 @@ ${r.map((t) => `- ${t.path.join("/")}: ${t.message}`).join(`
               ))
                 return;
               A.show();
-              const H = await Jn(A);
-              s(H, T);
-            } catch (H) {
-              i(Qt(H));
+              const K = await Jn(A);
+              s(K, T);
+            } catch (K) {
+              i(Qt(K));
             }
           };
           u.set(m, {
             isLoading: !1,
-            isAvailable: z[hs[m]],
+            isAvailable: F[hs[m]],
             startFlow: tt
           });
         } catch {
@@ -3255,14 +3260,14 @@ ${r.map((t) => `- ${t.path.join("/")}: ${t.message}`).join(`
     onCheckoutStarted: m,
     onCheckoutSuccess: b,
     onCheckoutError: T,
-    baseUrl: q
-  } = r, A = q ?? qn, [z, tt] = R(void 0), [H, vt] = R([]), [er, tr] = R("1px"), [gt, rr] = R(!1), [G, Ve] = R(void 0), [_t, _e] = R(!1), [fe, nr] = R([]), [oe, sr] = R({}), [xt, bt] = R(0), [kt, ce] = R(!1), [X, ar] = R(void 0), [rt, ir] = R(void 0), [ze, or] = R(void 0), [xe, cr] = R(void 0), [nt, dr] = R(void 0), Q = Te(() => `opjs-form-${Zt()}`, []), ee = Nt(null), st = ke(
+    baseUrl: H
+  } = r, A = H ?? qn, [F, tt] = R(void 0), [K, vt] = R([]), [er, tr] = R("1px"), [gt, rr] = R(!1), [G, Ve] = R(void 0), [_t, _e] = R(!1), [fe, nr] = R([]), [oe, sr] = R({}), [xt, bt] = R(0), [kt, ce] = R(!1), [X, ar] = R(void 0), [rt, ir] = R(void 0), [ze, or] = R(void 0), [xe, cr] = R(void 0), [nt, dr] = R(void 0), Q = Te(() => `opjs-form-${Zt()}`, []), ee = Nt(null), st = ke(
     (C) => {
       if (C.origin !== A || !C.source) return;
-      const P = C.source, S = Wn(JSON.parse(C.data)), D = S.elementId;
-      if (S.formId !== Q || !D || S.nonce in H)
+      const P = C.source, S = Wn(JSON.parse(C.data)), L = S.elementId;
+      if (S.formId !== Q || !L || S.nonce in K)
         return;
-      vt((L) => [...L, S.nonce]);
+      vt((U) => [...U, S.nonce]);
       const E = S.payload, j = E.type;
       if (j === k.enum.FOCUS && s)
         s(S.elementId);
@@ -3271,10 +3276,10 @@ ${r.map((t) => `- ${t.path.join("/")}: ${t.message}`).join(`
       else if (j === k.enum.CHANGE && i)
         i(S.elementId);
       else if (j === k.enum.LOADED) {
-        const L = fe.find((it) => it.contentWindow === P);
-        if (_e(!1), !L)
+        const U = fe.find((it) => it.contentWindow === P);
+        if (_e(!1), !U)
           return;
-        sr((it) => ({ ...it, [D]: P }));
+        sr((it) => ({ ...it, [L]: P }));
         const be = E.height ? `${E.height}px` : "100%";
         tr(be), or(E.totalAmountAtoms), ir(E.currency), cr(E.checkoutPaymentMethods), X || ar(E.sessionId);
       } else if (j === k.enum.TOKENIZE_STARTED)
@@ -3285,27 +3290,27 @@ ${r.map((t) => `- ${t.path.join("/")}: ${t.message}`).join(`
         if (!G)
           throw new Error("extraData not populated");
         Xn(E, nt).then(() => {
-          Be(P, Q, D, { ...G, type: "CHECKOUT" }, A), ce(!0), Ve(void 0), m && m();
-        }).catch((L) => {
-          const be = Qt(L);
+          Be(P, Q, L, { ...G, type: "CHECKOUT" }, A), ce(!0), Ve(void 0), m && m();
+        }).catch((U) => {
+          const be = Qt(U);
           _e(!1), ce(!1), T && T(be);
         });
       } else if (j === k.enum.TOKENIZE_SUCCESS && G) {
-        const L = xt + 1, be = L === Object.keys(oe).length;
-        !kt && (be || E.isReadyForCheckout) ? (Be(P, Q, D, G, A), ce(!0), Ve(void 0)) : bt(L);
+        const U = xt + 1, be = U === Object.keys(oe).length;
+        !kt && (be || E.isReadyForCheckout) ? (Be(P, Q, L, G, A), ce(!0), Ve(void 0)) : bt(U);
       } else if (j === k.enum.CHECKOUT_SUCCESS)
         _e(!1), bt(0), ce(!1), b && b(E.invoiceUrls, E.subscriptionIds, E.customerId);
       else if (j === k.enum.LOAD_ERROR)
         u && u(E.message);
       else if (j === k.enum.VALIDATION_ERROR) {
-        const L = G == null ? void 0 : G.checkoutPaymentMethod.provider;
-        (L === "credit_card" || L === void 0) && d && d(E.elementType, E.errors, D);
+        const U = G == null ? void 0 : G.checkoutPaymentMethod.provider;
+        (U === "credit_card" || U === void 0) && d && d(E.elementType, E.errors, L);
       } else (j === k.enum.TOKENIZE_ERROR || j === k.enum.CHECKOUT_ERROR) && (_e(!1), ce(!1), T && T(E.message));
     },
     [
       Q,
       X,
-      H,
+      K,
       G,
       fe,
       oe,
@@ -3335,8 +3340,8 @@ ${r.map((t) => `- ${t.path.join("/")}: ${t.message}`).join(`
       C
     );
     if (P) {
-      for (const [S, D] of Object.entries(oe))
-        D && Be(D, Q, S, P, A);
+      for (const [S, L] of Object.entries(oe))
+        L && Be(L, Q, S, P, A);
       P.type = k.enum.CHECKOUT, Ve(P);
     }
   }, [ee, oe, Q, d, X, A, xe]), at = ke(
@@ -3357,8 +3362,8 @@ ${r.map((t) => `- ${t.path.join("/")}: ${t.message}`).join(`
     [fe]
   ), fr = async (C, P) => {
     if (!(!ee.current || !d || !X || !xe))
-      for (const [S, D] of Object.entries(oe)) {
-        if (!D) continue;
+      for (const [S, L] of Object.entries(oe)) {
+        if (!L) continue;
         const Et = {
           stripePmId: C.paymentMethod.id
         }, E = ht(
@@ -3370,7 +3375,7 @@ ${r.map((t) => `- ${t.path.join("/")}: ${t.message}`).join(`
           Et
         );
         if (E) {
-          dr(C), ce(!0), Ve(E), Be(D, Q, S, E, A);
+          dr(C), ce(!0), Ve(E), Be(L, Q, S, E, A);
           break;
         }
       }
@@ -3379,7 +3384,7 @@ ${r.map((t) => `- ${t.path.join("/")}: ${t.message}`).join(`
   }, mr = {
     formId: Q,
     formHeight: er,
-    referer: z,
+    referer: F,
     checkoutSecureToken: t,
     registerIframe: lr,
     baseUrl: A
@@ -3398,14 +3403,14 @@ ${r.map((t) => `- ${t.path.join("/")}: ${t.message}`).join(`
   };
   return /* @__PURE__ */ re(At.Provider, { value: mr, children: /* @__PURE__ */ re("div", { className: n, ref: ee, children: e(pr) }) });
 }, ys = (r) => JSON.stringify(r), et = (r) => {
-  const { subPath: e, styles: t } = r, { formId: n, referer: s, formHeight: a, checkoutSecureToken: i, registerIframe: o, baseUrl: u } = _r(), [d, m] = R(!1), b = Nt(null), T = Te(() => t ? ys(t) : "", [t]), q = Te(() => ({
+  const { subPath: e, styles: t } = r, { formId: n, referer: s, formHeight: a, checkoutSecureToken: i, registerIframe: o, baseUrl: u } = _r(), [d, m] = R(!1), b = Nt(null), T = Te(() => t ? ys(t) : "", [t]), H = Te(() => ({
     border: "none",
     width: "100%",
     height: a
   }), [a]), A = Te(() => {
     if (!i || !s) return "";
-    const z = new URLSearchParams();
-    return z.append("referer", s), z.append("styles", T), z.append("formId", n), z.append("secureToken", i), z.toString();
+    const F = new URLSearchParams();
+    return F.append("referer", s), F.append("styles", T), F.append("formId", n), F.append("secureToken", i), F.toString();
   }, [T, n, s, i]);
   return We(() => m(!0), []), We(() => {
     !b.current || !d || o(b.current);
@@ -3414,7 +3419,7 @@ ${r.map((t) => `- ${t.path.join("/")}: ${t.message}`).join(`
     {
       name: `${e}-element`,
       src: `${u}/app/v1/${e}-element/?${A}`,
-      style: q,
+      style: H,
       ref: b
     }
   ) : /* @__PURE__ */ re("div", {});

package/package.json

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