@getopenpay/openpay-js 0.5.9 → 0.5.11

package/dist/{index-DPnc8HRA.js → index-gtGqMlZy.js}

@@ -1,4 +1,4 @@
-import { d as diag } from "./diag-api-BQgG0RgX.js";
+import { d as diag } from "./diag-api-Cz-UtaIj.js";
 import { E as ExportResultCode, h as hexToBinary } from "./ExportResult-B-YLKMaU.js";
 import { c as commonjsGlobal } from "./_commonjsHelpers-f76XedMs.js";
 var OTLPExporterBase = (

package/dist/{index-CqWJjO-F.js → index-otf1fn1r.js}

@@ -1,9 +1,9 @@
-import { d as z } from "./diag-api-BQgG0RgX.js";
-import { b as G, c as I, d as W, e as X, p as _, i as V, f as K, g as Q, j as C, k as $, m as J } from "./url-B-V82H68.js";
-import { s as Y, i as Z, I as q } from "./utils-Dq30RtPb.js";
+import { d as z } from "./diag-api-Cz-UtaIj.js";
+import { b as G, c as I, d as W, e as X, p as _, i as V, f as K, g as Q, j as C, k as $, m as J } from "./url-Bg17qvHA.js";
+import { s as Y, i as Z, I as q } from "./utils-DUkJ-8r_.js";
 import { _ as T } from "./utils-CX5YT7yI.js";
-import { P as O, b as P, p as N, s as ee, c as te } from "./utils-Bcm865JD.js";
-import { t as x, c as p, S as re } from "./index-D_vBvWer.js";
+import { P as O, b as P, p as N, s as ee, c as te } from "./utils-DBqZC8JN.js";
+import { t as x, c as p, S as re } from "./index-CsYu7T8Y.js";
 var y;
 (function(a) {
   a.COMPONENT = "component", a.HTTP_ERROR_NAME = "http.error_name", a.HTTP_STATUS_TEXT = "http.status_text";

package/dist/{index-m6o0K8op.js → index-p9mUX5yE.js}

@@ -1,4 +1,4 @@
-import { R as Le } from "./index-D_vBvWer.js";
+import { R as Le } from "./index-CsYu7T8Y.js";
 function Et(e) {
   return e === void 0 && (e = {}), typeof e.addEventListener == "function" && typeof e.removeEventListener == "function";
 }

package/dist/{index-CunYG5q8.js → index-yNlNQGj0.js}

@@ -1,7 +1,7 @@
-import { R as l } from "./Resource-DdfT9Qgs.js";
-import { d as ee } from "./Resource-DdfT9Qgs.js";
-import { d as v } from "./diag-api-BQgG0RgX.js";
-import { e as A, f as m, g as b, h as w, S as D } from "./sdk-info-rz-T2MNr.js";
+import { R as l } from "./Resource-CmF5dReO.js";
+import { d as ee } from "./Resource-CmF5dReO.js";
+import { d as v } from "./diag-api-Cz-UtaIj.js";
+import { e as A, f as m, g as b, h as w, S as D } from "./sdk-info-CqjfNdA7.js";
 var T = (
   /** @class */
   function() {

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',
@@ -883,8 +935,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 +954,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 +1114,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 +1158,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-CsYu7T8Y.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=