@getopenpay/openpay-js 0.5.9 → 0.5.12

package/dist/{index-CK7R3I_S.js → index-G1_XDLLH.js}

@@ -1,8 +1,8 @@
-import { z as de, p as T, r as _e, w as ye, j as ve, n as he, y as me, dJ as ge, h as Se, dK as Ae, l as Ee, q as Te, i as Pe, m as Re, o as Oe, t as be, u as Ce } from "./url-B-V82H68.js";
-import { b as k, t as O, i as Y, T as b, d as Ie, c as B } from "./index-D_vBvWer.js";
-import { d as _ } from "./diag-api-BQgG0RgX.js";
+import { z as de, p as T, r as _e, w as ye, j as ve, n as he, y as me, dJ as ge, h as Se, dK as Ae, l as Ee, q as Te, i as Pe, m as Re, o as Oe, t as be, u as Ce } from "./url-WXqZ-_PR.js";
+import { b as k, t as O, i as Y, T as b, d as Ie, c as B } from "./index-DT5HAS-D.js";
+import { d as _ } from "./diag-api-BuzSOOAx.js";
 import { h as X, E as je } from "./ExportResult-B-YLKMaU.js";
-import { D as Me, j as Ne, br as we, bs as De, bt as Le, b as xe, T as Ge, bu as Be, h as Ve, i as Ue, bv as He } from "./sdk-info-rz-T2MNr.js";
+import { D as Me, j as Ne, br as we, bs as De, bt as Le, b as xe, T as Ge, bu as Be, h as Ve, i as Ue, bv as He } from "./sdk-info-B2Z1fEhT.js";
 import { _ as Ke } from "./utils-CX5YT7yI.js";
 var p;
 (function(e) {

package/dist/{index-BHpe6-5x.js → index-itSBKTvN.js}

@@ -1,7 +1,7 @@
-import { R as u } from "./index-D_vBvWer.js";
-import { B as c } from "./SimpleSpanProcessor-CawKbjQf.js";
-import { A as g, b as x, a as S, C as b, F as w, I as P, N as C, P as T, R as O, d as M, S as A, e as E, c as R, T as N } from "./SimpleSpanProcessor-CawKbjQf.js";
-import { P as F, a as j, b as k, g as I, c as W, h as U, n as X, p as z, s as D, d as G } from "./utils-Bcm865JD.js";
+import { R as u } from "./index-DT5HAS-D.js";
+import { B as c } from "./SimpleSpanProcessor-CKDfef5-.js";
+import { A as g, b as x, a as S, C as b, F as w, I as P, N as C, P as T, R as O, d as M, S as A, e as E, c as R, T as N } from "./SimpleSpanProcessor-CKDfef5-.js";
+import { P as F, a as j, b as k, g as I, c as W, h as U, n as X, p as z, s as D, d as G } from "./utils-CkxL0WCq.js";
 var l = function(n, r) {
   var e = typeof Symbol == "function" && n[Symbol.iterator];
   if (!e) return n;

package/dist/{index-vclJPHqd.js → index-uEbBPgmd.js}

@@ -1,4 +1,4 @@
-import { A as r, b as e, B as o, a as p, C as n, F as S, I as c, N as l, P as m, R as t, d, S as i, e as P, c as B, T as I } from "./SimpleSpanProcessor-CawKbjQf.js";
+import { A as r, b as e, B as o, a as p, C as n, F as S, I as c, N as l, P as m, R as t, d, S as i, e as P, c as B, T as I } from "./SimpleSpanProcessor-CKDfef5-.js";
 export {
   r as AlwaysOffSampler,
   e as AlwaysOnSampler,

package/dist/index.d.ts

@@ -92,6 +92,34 @@ declare type ApplePayPaymentRequest =
 | ((current: ApplePayJS.ApplePayPaymentRequest) => Partial<ApplePayJS.ApplePayPaymentRequest>)
 | Partial<ApplePayJS.ApplePayPaymentRequest>;
 
+/**
+ * Styles
+ */
+declare const BaseElementsStyle = z.object({
+    backgroundColor: OptionalString,
+    color: OptionalString,
+    fontFamily: OptionalString,
+    fontSize: OptionalString,
+    fontWeight: OptionalString,
+    margin: OptionalString,
+    padding: OptionalString,
+    letterSpacing: OptionalString,
+    lineHeight: OptionalString,
+    hideIcon: OptionalString,
+    placeholderStyle: z
+    .object({
+        color: OptionalString,
+        fontSize: OptionalString,
+        fontWeight: OptionalString,
+        fontFamily: OptionalString,
+        letterSpacing: OptionalString,
+        lineHeight: OptionalString,
+    })
+    .optional(),
+});
+
+declare type BaseElementsStyle = z.infer<typeof BaseElementsStyle>;
+
 declare enum Blockchain {
     EVM = 'EVM',
     SOL = 'Solana',
@@ -99,6 +127,41 @@ declare enum Blockchain {
 
 declare type BlockchainNetwork = keyof typeof Blockchain;
 
+declare const CardCvcElementStyle = BaseElementsStyle.extend({
+    disableAutoFill: OptionalString,
+    placeholder: z.string().optional(),
+});
+
+declare const CardElementStyle = BaseElementsStyle.extend({
+    disableAutoFill: OptionalString,
+    placeholder: z
+    .object({
+        cardNumber: OptionalString,
+        expiry: OptionalString,
+        cvc: OptionalString,
+    })
+    .optional(),
+});
+
+declare const CardExpiryElementStyle = BaseElementsStyle.extend({
+    disableAutoFill: OptionalString,
+    placeholder: z.string().optional(),
+});
+
+declare const CardNumberElementStyle = BaseElementsStyle.extend({
+    disableAutoFill: OptionalString,
+    placeholder: z.string().optional(),
+    /**
+     * The card icon at the start of the card number input field
+     * It won't affect after the icon changed to card brand after the user input the card number
+     */
+    icon: z
+    .object({
+        color: z.string().optional(),
+    })
+    .optional(),
+});
+
 declare type CCSubmitParams = {
     paymentRouteId?: string;
 };
@@ -203,8 +266,8 @@ declare type DefaultFieldValues = Partial<Record<FieldNameEnum, string>> & {
     require_full_shipping_address?: boolean;
 };
 
-declare type ElementProps<PlaceholderType extends z.ZodTypeAny = z.ZodString> = {
-    styles?: ElementsStyle<z.ZodOptional<PlaceholderType>>;
+declare type ElementProps<T extends ElementType> = {
+    styles?: ElementsStyle<T>;
 };
 
 declare type ElementsFormProps = {
@@ -221,28 +284,17 @@ declare type ElementsFormProps = {
     preventNavigationDuringSubmission?: boolean;
 };
 
-declare const ElementsStyle = <T extends z.ZodTypeAny>(placeholderType: T) =>
-BaseElementsStyle.extend({
-    placeholder: placeholderType,
-    placeholderStyle: z
-    .object({
-        color: OptionalString,
-        fontSize: OptionalString,
-        fontWeight: OptionalString,
-        fontFamily: OptionalString,
-        letterSpacing: OptionalString,
-        lineHeight: OptionalString,
-    })
-    .optional(),
-});
-
-declare type ElementsStyle<T extends z.ZodTypeAny> = z.infer<ReturnType<typeof ElementsStyle<T>>>;
-
-declare const ElementType = z.nativeEnum(ElementTypeEnum);
+declare type ElementsStyle<T extends ElementType = ElementType> = {
+    card: z.infer<typeof CardElementStyle>;
+    'card-number': z.infer<typeof CardNumberElementStyle>;
+    'card-expiry': z.infer<typeof CardExpiryElementStyle>;
+    'card-cvc': z.infer<typeof CardCvcElementStyle>;
+    'cde-bridge': z.infer<typeof BaseElementsStyle>;
+}[T];
 
-declare type ElementType = z.infer<typeof ElementType>;
+export declare type ElementType = z.infer<typeof _ElementTypeEnumZod>;
 
-declare enum ElementTypeEnum {
+export declare enum ElementTypeEnum {
     CARD = 'card',
     CARD_NUMBER = 'card-number',
     CARD_EXPIRY = 'card-expiry',
@@ -250,7 +302,7 @@ declare enum ElementTypeEnum {
     CDE_BRIDGE = 'cde-bridge',
 }
 
-declare type ElementTypeEnumValue = ElementTypeEnum[keyof ElementTypeEnum];
+declare const _ElementTypeEnumZod = z.enum(['card', 'card-number', 'card-expiry', 'card-cvc', 'cde-bridge']);
 
 declare enum Environment {
     Local = 'local',
@@ -783,7 +835,8 @@ declare type OnCheckoutSuccess = (
 invoiceUrls: string[],
 subscriptionIds: string[],
 customerId: string,
-processorsUsed: string[]
+processorsUsed: string[],
+paymentMethodId: string
 ) => void;
 
 declare type OnSetupPaymentMethodSuccess = (paymentMethodId: string) => void;
@@ -883,8 +936,8 @@ export declare class OpenPayForm {
     setFormHeight: (height: string) => void;
     onCdeLoaded: (payload: LoadedEventPayload) => void;
     onCdeLoadError: (errMsg: string) => void;
-    createElement: (elementValue: ElementTypeEnumValue, options?: ElementProps) => RegisteredElement;
-    registerIframe: (type: ElementTypeEnum, frame: HTMLIFrameElement) => RegisteredElement;
+    createElement: <T extends ElementType>(elementType: T, options?: ElementProps<T>) => RegisteredElement;
+    registerIframe: (type: ElementType, frame: HTMLIFrameElement) => RegisteredElement;
     private buildQueryString;
     private connectToElement;
     private getFormDiv;
@@ -902,7 +955,13 @@ export declare class OpenPayForm {
         processors: PaymentProcessor[];
         isAvailable: boolean;
     }[]>;
+    /**
+     * @deprecated
+     * We're normalizing the submit method to be the same in both React and Vanilla versions.
+     * Please use `submitWith` instead.
+     */
     generalSubmit: GeneralSubmit;
+    submitWith: GeneralSubmit;
     /**
      * Alias for submitCard
      */
@@ -1056,6 +1115,7 @@ declare type PaypalFlowCustomParams = {
 };
 
 declare type ProcessorSpecificSubmitSettings<T extends SubmitMethod = SubmitMethod> = {
+    [SubmitMethods.card]: CCSubmitParams;
     [SubmitMethods.pockytPaypal]: { useRedirectFlow?: boolean };
     [SubmitMethods.applePay]: ApplePayFlowCustomParams;
     [SubmitMethods.googlePay]: GooglePayFlowCustomParams;
@@ -1099,6 +1159,7 @@ declare const SubmitMethod = z.nativeEnum(SubmitMethods);
 declare type SubmitMethod = z.infer<typeof SubmitMethod>;
 
 export declare enum SubmitMethods {
+    card = 'card',
     pockytPaypal = 'pockyt-paypal',
     applePay = 'apple-pay',
     googlePay = 'google-pay',

package/dist/index.es.js

@@ -1,10 +1,11 @@
-import { F as e, O as i, l as p } from "./index-D_vBvWer.js";
+import { E as p, F as r, O as i, l as s } from "./index-DT5HAS-D.js";
 import "penpal";
 import "uuid";
 import "zod";
 export {
-  e as FieldName,
+  p as ElementTypeEnum,
+  r as FieldName,
   i as OpenPayForm,
-  p as SubmitMethods
+  s as SubmitMethods
 };
-//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiaW5kZXguZXMuanMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImV4cG9ydCB7IEYgYXMgRmllbGROYW1lLCBPIGFzIE9wZW5QYXlGb3JtLCBsIGFzIFN1Ym1pdE1ldGhvZHMgfSBmcm9tICcuL2luZGV4LSF+ezAwNn1+LmpzJztcbmltcG9ydCAncGVucGFsJztcbmltcG9ydCAndXVpZCc7XG5pbXBvcnQgJ3pvZCc7Il0sCiAgIm1hcHBpbmdzIjogIkFBQUEsU0FBYyxLQUFMQSxHQUFxQixLQUFMQyxHQUF1QixLQUFMQyxTQUEwQjtBQUNyRSxPQUFPO0FBQ1AsT0FBTztBQUNQLE9BQU87IiwKICAibmFtZXMiOiBbIkYiLCAiTyIsICJsIl0KfQo=
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiaW5kZXguZXMuanMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImV4cG9ydCB7IEUgYXMgRWxlbWVudFR5cGVFbnVtLCBGIGFzIEZpZWxkTmFtZSwgTyBhcyBPcGVuUGF5Rm9ybSwgbCBhcyBTdWJtaXRNZXRob2RzIH0gZnJvbSAnLi9pbmRleC0hfnswMDZ9fi5qcyc7XG5pbXBvcnQgJ3BlbnBhbCc7XG5pbXBvcnQgJ3V1aWQnO1xuaW1wb3J0ICd6b2QnOyJdLAogICJtYXBwaW5ncyI6ICJBQUFBLFNBQWMsS0FBTEEsR0FBMkIsS0FBTEMsR0FBcUIsS0FBTEMsR0FBdUIsS0FBTEMsU0FBMEI7QUFDM0YsT0FBTztBQUNQLE9BQU87QUFDUCxPQUFPOyIsCiAgIm5hbWVzIjogWyJFIiwgIkYiLCAiTyIsICJsIl0KfQo=