@payrails/web-sdk 5.37.7 → 5.37.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payrails/web-sdk",
-  "version": "5.37.7",
+  "version": "5.37.8",
   "description": "SDK providing tokenization options on the client for merchants",
   "main": "index.js",
   "types": "payrails.d.ts",

package/payrails.d.ts

@@ -703,6 +703,18 @@ declare class ApplePayButton extends PayrailsElementWithStoreInstrumentCheckbox
     private doTokenize;
 }
 
+interface BinLookupResponse {
+    bin: string;
+    network: string;
+    issuer?: string;
+    issuerCountry?: {
+        code?: string;
+        name?: string;
+        iso3?: string;
+    };
+    type?: string;
+}
+
 declare enum RedactionType {
     DEFAULT = "DEFAULT",
     PLAIN_TEXT = "PLAIN_TEXT",
@@ -826,6 +838,7 @@ declare class CollectElement extends SkyflowElement {
     setValue(elementValue: string): void;
     clearValue(): void;
     setAttribute(attribute: string, value: string | number): void;
+    focus(): void;
 }
 
 interface CollectElementInput$1 {
@@ -879,37 +892,12 @@ interface FontDescriptor {
     display?: string;
 }
 
-declare const regexes: {
-    visa: RegExp;
-    mastercard: RegExp;
-    amex: RegExp;
-    diners_club: RegExp;
-    discover: RegExp;
-    jcb: RegExp;
-    hipercard: RegExp;
-    unionpay: RegExp;
-    maestro: RegExp;
-    elo: RegExp;
-};
-type CardNetwork = keyof typeof regexes;
-
-interface BinLookupResponse {
-    bin: string;
-    network: string;
-    issuer?: string;
-    issuerCountry?: {
-        code?: string;
-        name?: string;
-        iso3?: string;
-    };
-    type?: string;
-}
-
 declare class ComposableElement {
     #private;
     type: string;
     constructor(name: any, eventEmitter: any);
     on(eventName: string, handler: any): void;
+    focus(): void;
     update: (options: any) => void;
     setAttribute(attribute: string, value: string | number): void;
 }
@@ -1089,9 +1077,11 @@ declare enum ElementType {
     EXPIRATION_DATE = "EXPIRATION_DATE"
 }
 
+type FieldErrors = Partial<Record<'cardNumber' | 'expiry' | 'cvv' | 'holderName', string>>;
 type ValidateCardFormResult = {
     isValid: boolean;
-    errors: string;
+    error?: string;
+    fieldErrors?: FieldErrors;
 };
 interface EncryptedCollectResult {
     vaultProviderConfigId: string;
@@ -1132,6 +1122,7 @@ interface PayrailsSecureField {
     on(eventName: PayrailsSecureFieldEvent, handler: any): void;
     mount?: (domElement: any) => void;
     unmount?: () => void;
+    focus?: () => void;
     getState?: () => {
         isEmpty: boolean;
         isComplete: boolean;
@@ -1179,6 +1170,20 @@ declare class PayrailsCollectContainer implements Mountable {
     }>;
 }
 
+declare const regexes: {
+    visa: RegExp;
+    mastercard: RegExp;
+    amex: RegExp;
+    diners_club: RegExp;
+    discover: RegExp;
+    jcb: RegExp;
+    hipercard: RegExp;
+    unionpay: RegExp;
+    maestro: RegExp;
+    elo: RegExp;
+};
+type CardNetwork = keyof typeof regexes;
+
 interface PaymentInstallmentsElementOptions extends ElementOptions {
     showPaymentInstallmentsDropdown?: boolean;
     installmentConfig?: {
@@ -1318,8 +1323,10 @@ declare class CardForm extends PayrailsElementWithStoreInstrumentCheckbox {
     prepareInputStyles(styles: CardFieldStyles, type: ElementType): CardFieldStyles;
     validate(): Promise<{
         isValid: boolean;
-        errors: string;
+        error?: string;
+        fieldErrors?: FieldErrors;
     }>;
+    focus(): void;
     get isValid(): boolean;
     get cardNetwork(): "" | "visa" | "mastercard" | "amex" | "diners_club" | "discover" | "jcb" | "hipercard" | "unionpay" | "maestro" | "elo";
     onChange(): void;
@@ -1363,10 +1370,16 @@ declare class CardList extends PayrailsElement {
     reset(): void;
 }
 
+type CardPaymentButtonEvents = PayrailsSDKEvents & {
+    onStateChanged?: (state: 'enabled' | 'disabled') => void;
+    onValidate?: (e?: {
+        isValid: boolean;
+        error?: string;
+        fieldErrors?: FieldErrors;
+    }) => void;
+};
 interface CardPaymentButtonOptions {
-    events?: PayrailsSDKEvents & {
-        onStateChanged?: (state: 'enabled' | 'disabled') => void;
-    };
+    events?: CardPaymentButtonEvents;
     translations?: {
         label: string;
     };