@payrails/web-sdk 5.30.0 → 5.31.0

package/package.json

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

package/payrails.d.ts

@@ -461,17 +461,6 @@ interface BinLookupResponse {
     type?: string;
 }
 
-declare enum ElementType$1 {
-    CVV = "CVV",
-    EXPIRATION_DATE = "EXPIRATION_DATE",
-    CARD_NUMBER = "CARD_NUMBER",
-    CARDHOLDER_NAME = "CARDHOLDER_NAME",
-    INPUT_FIELD = "INPUT_FIELD",
-    PIN = "PIN",
-    EXPIRATION_MONTH = "EXPIRATION_MONTH",
-    EXPIRATION_YEAR = "EXPIRATION_YEAR"
-}
-
 declare enum RedactionType {
     DEFAULT = "DEFAULT",
     PLAIN_TEXT = "PLAIN_TEXT",
@@ -529,6 +518,17 @@ interface IUpsertOptions {
     column: string;
 }
 
+declare enum ElementType$1 {
+    CVV = "CVV",
+    EXPIRATION_DATE = "EXPIRATION_DATE",
+    CARD_NUMBER = "CARD_NUMBER",
+    CARDHOLDER_NAME = "CARDHOLDER_NAME",
+    INPUT_FIELD = "INPUT_FIELD",
+    PIN = "PIN",
+    EXPIRATION_MONTH = "EXPIRATION_MONTH",
+    EXPIRATION_YEAR = "EXPIRATION_YEAR"
+}
+
 declare abstract class Container {
 }
 
@@ -616,6 +616,26 @@ declare class CollectContainer extends Container {
     unmount: () => void;
 }
 
+/**
+ * Descriptor for a custom font to be injected or referenced by the card/secure-fields iframes.
+ *
+ * This mirrors Stripe-like font configuration where you can provide either a CSS URL that
+ * includes @font-face declarations (cssSrc) or provide full @font-face fields to be injected.
+ *
+ * Examples:
+ *  - { cssSrc: 'https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap' }
+ *  - { family: 'Inter', src: 'https://cdn.example.com/fonts/Inter.woff2', weight: 400, style: 'normal', display: 'swap' }
+ */
+interface FontDescriptor {
+    cssSrc?: string;
+    family?: string;
+    src?: string;
+    style?: string;
+    weight?: string | number;
+    unicodeRange?: string;
+    display?: string;
+}
+
 declare class ComposableElement {
     #private;
     type: string;
@@ -859,6 +879,7 @@ interface CollectContainerOptions {
     errorTextStyles?: {
         base?: Partial<CSSStyleDeclaration>;
     };
+    fonts?: FontDescriptor[];
 }
 type PayrailsSecureFieldEvent = 'CHANGE' | 'FOCUS' | 'BLUR' | 'READY' | 'SUBMIT';
 interface PayrailsSecureField {
@@ -1063,6 +1084,7 @@ interface CardFormOptions extends StoreInstrumentElementOptions {
         };
         addressSelector?: AddressSelectorElementOptions['translations'];
     };
+    fonts?: FontDescriptor[];
     events?: {
         onFocus?: () => void;
         onChange?: (e: OnChange) => void;
@@ -1613,6 +1635,7 @@ interface DropinOptions {
         addressSelector?: AddressSelectorElementOptions['styles'];
         mercadoPago?: GenericRedirectDropinOptions['styles'];
     };
+    fonts?: FontDescriptor[];
     configuration?: {
         authFailMsg?: AuthFailedMsgOptions['configuration'];
     };