@tonder.io/ionic-full-sdk 0.0.62 → 1.0.0-beta.develop.fcbbea8

package/src/types/commons.ts

@@ -83,6 +83,8 @@ export interface InCollectorContainer {
 }
 
 export interface IInlineCustomizationOptions extends CustomizationOptions {
+    /** Card field styles. Uses ICardStyles with optional per-field overrides. */
+    styles?: ICardStyles;
     paymentButton?: {
         show?: boolean;
         text?: string;
@@ -94,11 +96,60 @@ export interface IInlineCustomizationOptions extends CustomizationOptions {
         autoSave?: boolean;
     }
 }
+export interface ICardInputStyles {
+    base?:     Record<string, any>;
+    focus?:    Record<string, any>;
+    complete?: Record<string, any>;
+    invalid?:  Record<string, any>;
+    empty?:    Record<string, any>;
+    cardIcon?: Record<string, any>;
+    global?:   Record<string, any>;
+}
+
+export interface ICardFieldStyles {
+    inputStyles?: ICardInputStyles;
+    labelStyles?: { base?: Record<string, any> };
+    /** Developer-facing key; translated internally to Skyflow's `errorTextStyles`. */
+    errorStyles?: { base?: Record<string, any> };
+}
+
+export interface ICardStyles {
+    /** Shared styles applied to all fields (lowest priority). */
+    cardForm?:        ICardFieldStyles;
+    /** Per-field overrides (higher priority than cardForm). */
+    cardholderName?:  ICardFieldStyles;
+    cardNumber?:      ICardFieldStyles;
+    cvv?:             ICardFieldStyles;
+    expirationMonth?: ICardFieldStyles;
+    expirationYear?:  ICardFieldStyles;
+    labels?: {
+        nameLabel?:       string;
+        cardLabel?:       string;
+        cvvLabel?:        string;
+        expiryDateLabel?: string;
+    };
+    placeholders?: {
+        namePlaceholder?:        string;
+        cardPlaceholder?:        string;
+        cvvPlaceholder?:         string;
+        expiryMonthPlaceholder?: string;
+        expiryYearPlaceholder?:  string;
+    };
+    /**
+     * Show the card-network icon inside the card number Skyflow iframe.
+     * Corresponds to Skyflow's `CollectElementOptions.enableCardIcon`.
+     * @default true
+     */
+    enableCardIcon?: boolean;
+}
+
 export interface IEventSecureInput {
     elementType: string;
     isEmpty: boolean;
     isFocused: boolean;
     isValid: boolean;
+    /** Raw field value. Empty string for sensitive fields (card_number, cvv) in production. */
+    value: string;
 }
 export interface IInputEvents {
     onChange?: (event: IEventSecureInput) => void;
@@ -115,7 +166,11 @@ export interface ICardFormEvents {
 }
 export interface IEvents extends ICardFormEvents {}
 export interface IInlineCheckoutOptions extends IInlineCheckoutBaseOptions{
-    styles?: Record<string, string>;
+    /**
+     * @deprecated Use `customization.styles` instead.
+     * Still supported for backward compatibility — if both are provided, `customization.styles` takes precedence.
+     */
+    styles?: ICardStyles;
     renderPaymentButton?: boolean;
     customization?: IInlineCustomizationOptions;
     events?: IEvents;