@idonatedev/idonate-sdk 1.2.0-dev0 → 1.2.0-dev10

package/dist/tokenize/PayPalTokenizer.d.ts

@@ -31,11 +31,14 @@ interface PayPalApproveData {
     payerID?: string;
     facilitatorAccessToken?: string;
 }
+export interface PayPalCreateOrderData {
+    amount: number;
+    currency?: string;
+}
 export declare class PayPalTokenizer extends Tokenizer {
     private gateway;
     private containerId;
     private configContext;
-    private isReady;
     private containerEl?;
     private paypalButtonContainer?;
     private cachedToken?;
@@ -50,6 +53,7 @@ export declare class PayPalTokenizer extends Tokenizer {
     private clientConfig;
     private paymentTransactionId?;
     private paymentMethodId?;
+    private onCreateOrder?;
     private constructor();
     static create(gateway: PaymentGateway, container: TokenizerContainer, config: {
         organizationId: string;

package/dist/tokenize/PayPalTokenizer.js

@@ -22,7 +22,6 @@ class PayPalTokenizer extends Tokenizer_1.Tokenizer {
         this.gateway = gateway;
         this.containerId = containerId;
         this.configContext = configContext;
-        this.isReady = false;
         this.mode = 'credit_card';
         const gatewayConfig = gateway.config;
         if (!(gatewayConfig === null || gatewayConfig === void 0 ? void 0 : gatewayConfig.client_id)) {
@@ -34,6 +33,7 @@ class PayPalTokenizer extends Tokenizer_1.Tokenizer {
         this.amount = config.amount;
         this.enableVenmo = (_b = config.enableVenmo) !== null && _b !== void 0 ? _b : true;
         this.locale = config.locale || 'en_US';
+        this.onCreateOrder = config.onCreateOrder;
         this.organizationId = configContext.organizationId;
         this.embedId = configContext.embedId;
         this.clientConfig = configContext.clientConfig;
@@ -68,17 +68,13 @@ class PayPalTokenizer extends Tokenizer_1.Tokenizer {
                     return this.renderButtons();
                 })
                     .then(() => {
-                    this.isReady = true;
                     this.emit('ready');
+                    this.emit('validation', { isValid: true });
                     resolve();
                 })
                     .catch((error) => {
                     clearTimeout(timeout);
-                    this.emit('error', {
-                        message: 'Failed to initialize PayPal',
-                        code: 'INIT_FAILED',
-                        details: error,
-                    });
+                    this.emit('error', new types_1.TokenizationError('Failed to initialize PayPal', 'INIT_FAILED'));
                     reject(error);
                 });
             });
@@ -168,13 +164,26 @@ class PayPalTokenizer extends Tokenizer_1.Tokenizer {
     }
     createOrder() {
         const endpoint = `${this.clientConfig.embedApiBaseUrl}/payment/paypal/create-order`;
+        let orderAmount;
+        let orderCurrency = this.currency;
+        if (this.onCreateOrder) {
+            const orderData = this.onCreateOrder();
+            orderAmount = orderData.amount;
+            orderCurrency = orderData.currency || this.currency;
+        }
+        else {
+            orderAmount = this.amount;
+        }
+        if (orderAmount === undefined || orderAmount <= 0) {
+            const error = new Error('Amount is required to create PayPal order');
+            this.handleError(error, 'Order creation failed');
+            return Promise.reject(error);
+        }
         const requestBody = {
             payment_gateway_id: this.gateway.id,
-            currency: this.currency,
+            currency: orderCurrency,
+            amount: orderAmount,
         };
-        if (this.amount !== undefined) {
-            requestBody.amount = this.amount;
-        }
         return fetch(endpoint, {
             method: 'POST',
             headers: {
@@ -211,22 +220,16 @@ class PayPalTokenizer extends Tokenizer_1.Tokenizer {
                 paymentTransactionId: this.paymentTransactionId,
             };
             this.cachedToken = token;
+            this.emit('validation', { isValid: true, hasToken: true });
             this.emit('tokenReady', token);
         });
     }
     handleCancel(data) {
-        this.emit('error', {
-            message: 'Payment cancelled by user',
-            code: 'USER_CANCELLED',
-        });
+        this.emit('error', new types_1.TokenizationError('Payment cancelled by user', 'USER_CANCELLED'));
     }
     handleError(error, context) {
         const errorMessage = (error === null || error === void 0 ? void 0 : error.message) || (error === null || error === void 0 ? void 0 : error.toString()) || 'Unknown error';
-        this.emit('error', {
-            message: `${context}: ${errorMessage}`,
-            code: (error === null || error === void 0 ? void 0 : error.code) || 'PAYPAL_ERROR',
-            details: error,
-        });
+        this.emit('error', new types_1.TokenizationError(`${context}: ${errorMessage}`, (error === null || error === void 0 ? void 0 : error.code) || 'PAYPAL_ERROR'));
     }
     tokenize(paymentData) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -249,6 +252,7 @@ class PayPalTokenizer extends Tokenizer_1.Tokenizer {
     }
     clear() {
         this.cachedToken = undefined;
+        this.emit('validation', { isValid: true, hasToken: false });
     }
     focus(field) {
     }

package/dist/tokenize/SpreedlyTokenizer.d.ts

@@ -7,7 +7,6 @@ export declare class SpreedlyTokenizer extends Tokenizer {
     private containerId;
     private layout;
     private spreedly;
-    private isReady;
     private currentValidationState;
     private mergedStyles;
     private expiryEl?;
@@ -25,6 +24,11 @@ export declare class SpreedlyTokenizer extends Tokenizer {
     private institutionNumberEl?;
     private transitNumberEl?;
     private enableTestMode;
+    private resizeObserver?;
+    private effectiveLayout;
+    private cardNumberDiv?;
+    private cvvDiv?;
+    private responsiveBreakpoint;
     private constructor();
     static create(gateway: PaymentGateway, container: TokenizerContainer, config: {
         organizationId: string;
@@ -43,6 +47,9 @@ export declare class SpreedlyTokenizer extends Tokenizer {
     private stylesToCssString;
     clear(): void;
     focus(field: 'cardNumber' | 'cvv' | 'expiry' | 'routingNumber' | 'accountNumber'): void;
+    private determineLayout;
+    private setupResizeObserver;
+    private applyLayoutStyles;
     destroy(): void;
     hasToken(): boolean;
     getToken(): PaymentToken | null;
@@ -68,7 +75,7 @@ export declare class SpreedlyTokenizer extends Tokenizer {
         });
         address: Partial<Address>;
         account: Partial<ACHAccount> & Pick<ACHAccount, 'accountNumber' | 'routingNumber'>;
-    }, config: ConfigHandler): Promise<string>;
+    }, config: ConfigHandler, environmentKeyOverride?: string): Promise<string>;
     static tokenizeCreditCard(data: {
         contact: Partial<Contact> & ({
             firstName: string;

package/dist/tokenize/SpreedlyTokenizer.js

@@ -21,17 +21,19 @@ const tokenizer_utils_1 = require("./tokenizer-utils");
 const SPREEDLY_SCRIPT_URL = 'https://core.spreedly.com/iframe/iframe-v1.min.js';
 const SPREEDLY_SCRIPT_ID = 'spreedly-iframe-script';
 class SpreedlyTokenizer extends Tokenizer_1.Tokenizer {
-    constructor(environmentKey, containerId, styles, mode = 'credit_card', bankCountry = 'US', enableTestMode = false, layout = 'single-line') {
+    constructor(environmentKey, containerId, styles, mode = 'credit_card', bankCountry = 'US', enableTestMode = false, layout = 'single-line', responsiveBreakpoint = tokenizer_constants_1.RESPONSIVE_BREAKPOINT) {
         super();
         this.environmentKey = environmentKey;
         this.containerId = containerId;
         this.layout = layout;
-        this.isReady = false;
         this.bankCountry = 'US';
         this.enableTestMode = false;
+        this.effectiveLayout = 'single-line';
+        this.responsiveBreakpoint = tokenizer_constants_1.RESPONSIVE_BREAKPOINT;
         this.mode = mode;
         this.bankCountry = bankCountry;
         this.enableTestMode = enableTestMode;
+        this.responsiveBreakpoint = responsiveBreakpoint;
         if (mode === 'credit_card') {
             const SpreedlyFrame = window.SpreedlyPaymentFrame;
             if (SpreedlyFrame) {
@@ -78,7 +80,7 @@ class SpreedlyTokenizer extends Tokenizer_1.Tokenizer {
             if (!environmentKey) {
                 environmentKey = '';
             }
-            const tokenizer = new SpreedlyTokenizer(environmentKey, container.containerId, container.styling, container.mode || 'credit_card', container.bankCountry || 'US', container.enableTestMode || false, container.layout || 'single-line');
+            const tokenizer = new SpreedlyTokenizer(environmentKey, container.containerId, container.styling, container.mode || 'credit_card', container.bankCountry || 'US', container.enableTestMode || false, container.layout || 'single-line', container.responsiveBreakpoint || tokenizer_constants_1.RESPONSIVE_BREAKPOINT);
             tokenizer.organizationId = config.organizationId;
             tokenizer.embedId = config.embedId;
             tokenizer.clientConfig = config.clientConfig;
@@ -104,7 +106,6 @@ class SpreedlyTokenizer extends Tokenizer_1.Tokenizer {
         return __awaiter(this, void 0, void 0, function* () {
             this.containerEl = document.getElementById(this.containerId);
             if (this.mode === 'bank_account') {
-                this.isReady = true;
                 if (this.enableTestMode) {
                     setTimeout(() => {
                         if (this.bankCountry === 'CA') {
@@ -146,7 +147,6 @@ class SpreedlyTokenizer extends Tokenizer_1.Tokenizer {
                 }, tokenizer_constants_1.INIT_TIMEOUT);
                 this.spreedly.on('ready', () => {
                     clearTimeout(timeout);
-                    this.isReady = true;
                     this.spreedly.setPlaceholder('number', tokenizer_constants_1.PLACEHOLDERS.cardNumber);
                     this.spreedly.setFieldType('number', 'text');
                     this.spreedly.setNumberFormat('prettyFormat');
@@ -247,11 +247,11 @@ class SpreedlyTokenizer extends Tokenizer_1.Tokenizer {
                     year: expiryYear,
                     email: cardData.email,
                     phone_number: cardData.phone,
-                    address1: (_a = cardData.address) === null || _a === void 0 ? void 0 : _a.line1,
-                    address2: (_b = cardData.address) === null || _b === void 0 ? void 0 : _b.line2,
+                    address1: (_a = cardData.address) === null || _a === void 0 ? void 0 : _a.address1,
+                    address2: (_b = cardData.address) === null || _b === void 0 ? void 0 : _b.address2,
                     city: (_c = cardData.address) === null || _c === void 0 ? void 0 : _c.city,
                     state: (_d = cardData.address) === null || _d === void 0 ? void 0 : _d.state,
-                    zip: (_e = cardData.address) === null || _e === void 0 ? void 0 : _e.postalCode,
+                    zip: (_e = cardData.address) === null || _e === void 0 ? void 0 : _e.zip,
                     country: (_f = cardData.address) === null || _f === void 0 ? void 0 : _f.country,
                 });
             });
@@ -432,11 +432,11 @@ class SpreedlyTokenizer extends Tokenizer_1.Tokenizer {
                     primaryPhone: bankData.phone,
                 },
                 address: {
-                    address1: (_g = bankData.address) === null || _g === void 0 ? void 0 : _g.line1,
-                    address2: (_h = bankData.address) === null || _h === void 0 ? void 0 : _h.line2,
+                    address1: (_g = bankData.address) === null || _g === void 0 ? void 0 : _g.address1,
+                    address2: (_h = bankData.address) === null || _h === void 0 ? void 0 : _h.address2,
                     city: (_j = bankData.address) === null || _j === void 0 ? void 0 : _j.city,
                     state: (_k = bankData.address) === null || _k === void 0 ? void 0 : _k.state,
-                    zip: (_l = bankData.address) === null || _l === void 0 ? void 0 : _l.postalCode,
+                    zip: (_l = bankData.address) === null || _l === void 0 ? void 0 : _l.zip,
                     country: (_m = bankData.address) === null || _m === void 0 ? void 0 : _m.country,
                 },
                 account: {
@@ -445,7 +445,7 @@ class SpreedlyTokenizer extends Tokenizer_1.Tokenizer {
                     accountType: accountType,
                     accountHolderType: accountHolderType,
                 },
-            }, this.clientConfig);
+            }, this.clientConfig, this.environmentKey);
             return {
                 token: result,
                 lastFour: accountNumber.slice(-4),
@@ -588,8 +588,6 @@ class SpreedlyTokenizer extends Tokenizer_1.Tokenizer {
     }
     applyUnifiedStyles() {
         var _a;
-        if (!this.isReady)
-            return;
         const isConnected = ((_a = this.mergedStyles.container) === null || _a === void 0 ? void 0 : _a.gap) === '0';
         if (this.mergedStyles.input) {
             if (isConnected) {
@@ -688,7 +686,64 @@ class SpreedlyTokenizer extends Tokenizer_1.Tokenizer {
             element === null || element === void 0 ? void 0 : element.focus();
         }
     }
+    determineLayout(width) {
+        return width < this.responsiveBreakpoint ? 'two-line' : 'single-line';
+    }
+    setupResizeObserver() {
+        if (this.layout !== 'responsive')
+            return;
+        const container = document.getElementById(this.containerId);
+        if (!container)
+            return;
+        let debounceTimer;
+        this.resizeObserver = new ResizeObserver((entries) => {
+            clearTimeout(debounceTimer);
+            debounceTimer = setTimeout(() => {
+                const newWidth = entries[0].contentRect.width;
+                const newLayout = this.determineLayout(newWidth);
+                if (newLayout !== this.effectiveLayout) {
+                    this.applyLayoutStyles(newLayout);
+                }
+            }, 100);
+        });
+        this.resizeObserver.observe(container);
+    }
+    applyLayoutStyles(newLayout) {
+        this.effectiveLayout = newLayout;
+        const container = document.getElementById(this.containerId);
+        if (!container)
+            return;
+        if (newLayout === 'two-line') {
+            container.style.flexWrap = 'wrap';
+            if (this.cardNumberDiv) {
+                this.cardNumberDiv.style.flex = '1';
+                this.cardNumberDiv.style.flexBasis = '100%';
+            }
+            if (this.expiryEl) {
+                this.expiryEl.style.flex = '1';
+                this.expiryEl.style.flexBasis = 'auto';
+            }
+            if (this.cvvDiv) {
+                this.cvvDiv.style.flex = '1';
+                this.cvvDiv.style.flexBasis = 'auto';
+            }
+        }
+        else {
+            container.style.flexWrap = 'nowrap';
+            if (this.cardNumberDiv) {
+                this.cardNumberDiv.style.flex = tokenizer_constants_1.FIELD_FLEX.cardNumber.flex;
+            }
+            if (this.expiryEl) {
+                this.expiryEl.style.flex = tokenizer_constants_1.FIELD_FLEX.expiry.flex;
+            }
+            if (this.cvvDiv) {
+                this.cvvDiv.style.flex = tokenizer_constants_1.FIELD_FLEX.cvv.flex;
+            }
+        }
+    }
     destroy() {
+        var _a;
+        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
         if (this.spreedly && this.spreedly.removeHandlers) {
             this.spreedly.removeHandlers();
         }
@@ -765,10 +820,18 @@ class SpreedlyTokenizer extends Tokenizer_1.Tokenizer {
         }
     }
     createCreditCardFields(container) {
-        if (this.layout === 'two-line') {
+        if (this.layout === 'responsive') {
+            this.effectiveLayout = this.determineLayout(container.offsetWidth);
+        }
+        else {
+            this.effectiveLayout =
+                this.layout === 'two-line' ? 'two-line' : 'single-line';
+        }
+        if (this.effectiveLayout === 'two-line' && this.layout !== 'responsive') {
             const cardNumberDiv = (0, tokenizer_utils_1.createFieldContainer)(this.numberEl, '1', tokenizer_constants_1.FIELD_FLEX.cardNumber.minWidth);
             cardNumberDiv.style.height = this.mergedStyles.input.height;
             cardNumberDiv.style.flexBasis = '100%';
+            this.cardNumberDiv = cardNumberDiv;
             container.appendChild(cardNumberDiv);
             this.expiryEl = (0, tokenizer_utils_1.createInputElement)(this.expiryId, 'text', tokenizer_constants_1.PLACEHOLDERS.expiry, tokenizer_constants_1.FIELD_CONSTRAINTS.expiry.maxLength);
             Object.assign(this.expiryEl.style, {
@@ -789,11 +852,13 @@ class SpreedlyTokenizer extends Tokenizer_1.Tokenizer {
             container.appendChild(this.expiryEl);
             const cvvDiv = (0, tokenizer_utils_1.createFieldContainer)(this.cvvEl, '1', tokenizer_constants_1.FIELD_FLEX.cvv.minWidth);
             cvvDiv.style.height = this.mergedStyles.input.height;
+            this.cvvDiv = cvvDiv;
             container.appendChild(cvvDiv);
         }
         else {
             const cardNumberDiv = (0, tokenizer_utils_1.createFieldContainer)(this.numberEl, tokenizer_constants_1.FIELD_FLEX.cardNumber.flex, tokenizer_constants_1.FIELD_FLEX.cardNumber.minWidth);
             cardNumberDiv.style.height = this.mergedStyles.input.height;
+            this.cardNumberDiv = cardNumberDiv;
             container.appendChild(cardNumberDiv);
             this.expiryEl = (0, tokenizer_utils_1.createInputElement)(this.expiryId, 'text', tokenizer_constants_1.PLACEHOLDERS.expiry, tokenizer_constants_1.FIELD_CONSTRAINTS.expiry.maxLength);
             Object.assign(this.expiryEl.style, {
@@ -814,7 +879,12 @@ class SpreedlyTokenizer extends Tokenizer_1.Tokenizer {
             container.appendChild(this.expiryEl);
             const cvvDiv = (0, tokenizer_utils_1.createFieldContainer)(this.cvvEl, tokenizer_constants_1.FIELD_FLEX.cvv.flex, tokenizer_constants_1.FIELD_FLEX.cvv.minWidth);
             cvvDiv.style.height = this.mergedStyles.input.height;
+            this.cvvDiv = cvvDiv;
             container.appendChild(cvvDiv);
+            if (this.layout === 'responsive') {
+                this.applyLayoutStyles(this.effectiveLayout);
+                this.setupResizeObserver();
+            }
         }
     }
     createBankAccountFields(container) {
@@ -1038,13 +1108,14 @@ class SpreedlyTokenizer extends Tokenizer_1.Tokenizer {
             throw new Error(`Timeout waiting for global: ${globalName}`);
         });
     }
-    static tokenizeBankAccount(data, config) {
-        if (config.spreedlyEnvironmentKey === undefined) {
+    static tokenizeBankAccount(data, config, environmentKeyOverride) {
+        const environmentKey = environmentKeyOverride || config.spreedlyEnvironmentKey;
+        if (!environmentKey) {
             return Promise.reject(new Error('Spreedly is not configured.'));
         }
         return fetch(constants_1.SPREEDLY_TOKENIZER_URL +
             '?' +
-            new URLSearchParams({ environment_key: config.spreedlyEnvironmentKey }), {
+            new URLSearchParams({ environment_key: environmentKey }), {
             method: 'POST',
             headers: {
                 'Content-Type': 'application/json',

package/dist/tokenize/Tokenizer.d.ts

@@ -3,6 +3,8 @@ import ConfigHandler from '../config-handler';
 export declare abstract class Tokenizer {
     protected mode: PaymentMethodMode;
     protected eventHandlers: Map<TokenizerEvent, Set<(data?: any) => void>>;
+    private _isReady;
+    get isReady(): boolean;
     abstract tokenize(paymentData: PaymentData): Promise<PaymentToken>;
     abstract validate(): Promise<ValidationResult>;
     abstract clear(): void;

package/dist/tokenize/Tokenizer.js

@@ -48,6 +48,10 @@ class Tokenizer {
     constructor() {
         this.mode = 'credit_card';
         this.eventHandlers = new Map();
+        this._isReady = false;
+    }
+    get isReady() {
+        return this._isReady;
     }
     getMode() {
         return this.mode;
@@ -57,6 +61,13 @@ class Tokenizer {
             this.eventHandlers.set(event, new Set());
         }
         this.eventHandlers.get(event).add(handler);
+        if (event === 'ready' && this._isReady) {
+            try {
+                handler();
+            }
+            catch (error) {
+            }
+        }
     }
     off(event, handler) {
         const handlers = this.eventHandlers.get(event);
@@ -65,6 +76,9 @@ class Tokenizer {
         }
     }
     emit(event, data) {
+        if (event === 'ready') {
+            this._isReady = true;
+        }
         const handlers = this.eventHandlers.get(event);
         if (handlers) {
             handlers.forEach((handler) => {

package/dist/tokenize/index.d.ts

@@ -2,6 +2,6 @@ import * as iats from './iats';
 export { Tokenizer } from './Tokenizer';
 export { SpreedlyTokenizer } from './SpreedlyTokenizer';
 export { CardConnectTokenizer } from './CardConnectTokenizer';
-export { PayPalTokenizer } from './PayPalTokenizer';
+export { PayPalTokenizer, PayPalCreateOrderData } from './PayPalTokenizer';
 export { PaymentMethodType, PaymentGateway, TokenizerContainer, TokenizerStyling, CardData, PaymentData, PaymentToken, CardType, TokenizerEvent, ValidationState, ValidationResult, ValidationError, TokenizationError, } from './types';
 export { iats };

package/dist/tokenize/styles.d.ts

@@ -1,4 +1,4 @@
 import { TokenizerStyling, TokenizerStylingComplete } from './types';
 export declare const DEFAULT_UNIFIED_STYLES: TokenizerStylingComplete;
 export declare function mergeStyles(defaults: TokenizerStylingComplete, userStyles?: TokenizerStyling): TokenizerStylingComplete;
-export declare function getContainerStylesForLayout(baseStyles: TokenizerStylingComplete, layout?: 'single-line' | 'two-line'): TokenizerStylingComplete;
+export declare function getContainerStylesForLayout(baseStyles: TokenizerStylingComplete, layout?: 'single-line' | 'two-line' | 'responsive'): TokenizerStylingComplete;

package/dist/tokenize/styles.js

@@ -32,6 +32,11 @@ exports.DEFAULT_UNIFIED_STYLES = {
         flexWrap: 'nowrap',
         rowGap: '1rem',
     },
+    twoLine: {
+        padding: '',
+        fontSize: '',
+        textAlign: '',
+    },
 };
 function mergeStyles(defaults, userStyles) {
     if (!userStyles)
@@ -41,6 +46,7 @@ function mergeStyles(defaults, userStyles) {
         focus: Object.assign(Object.assign({}, defaults.focus), userStyles.focus),
         error: Object.assign(Object.assign({}, defaults.error), userStyles.error),
         container: Object.assign(Object.assign({}, defaults.container), userStyles.container),
+        twoLine: Object.assign(Object.assign({}, defaults.twoLine), userStyles.twoLine),
     };
 }
 function getContainerStylesForLayout(baseStyles, layout = 'single-line') {

package/dist/tokenize/tokenizer-constants.d.ts

@@ -60,3 +60,4 @@ export declare const FIELD_CONSTRAINTS: {
         readonly maxLength: 4;
     };
 };
+export declare const RESPONSIVE_BREAKPOINT = 400;

package/dist/tokenize/tokenizer-constants.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FIELD_CONSTRAINTS = exports.PLACEHOLDERS = exports.CANADIAN_BANK_FIELD_FLEX = exports.BANK_FIELD_FLEX = exports.FIELD_FLEX = exports.TOKENIZE_TIMEOUT = exports.INIT_TIMEOUT = void 0;
+exports.RESPONSIVE_BREAKPOINT = exports.FIELD_CONSTRAINTS = exports.PLACEHOLDERS = exports.CANADIAN_BANK_FIELD_FLEX = exports.BANK_FIELD_FLEX = exports.FIELD_FLEX = exports.TOKENIZE_TIMEOUT = exports.INIT_TIMEOUT = void 0;
 exports.INIT_TIMEOUT = 10000;
 exports.TOKENIZE_TIMEOUT = 30000;
 exports.FIELD_FLEX = {
@@ -63,3 +63,4 @@ exports.FIELD_CONSTRAINTS = {
         maxLength: 4,
     },
 };
+exports.RESPONSIVE_BREAKPOINT = 400;

package/dist/tokenize/types.d.ts

@@ -18,7 +18,8 @@ export interface TokenizerContainer {
     mode?: PaymentMethodMode;
     bankCountry?: 'US' | 'CA';
     enableTestMode?: boolean;
-    layout?: 'single-line' | 'two-line';
+    layout?: 'single-line' | 'two-line' | 'responsive';
+    responsiveBreakpoint?: number;
 }
 export interface TokenizerStylingComplete {
     input: {
@@ -52,6 +53,11 @@ export interface TokenizerStylingComplete {
         flexWrap?: string;
         rowGap?: string;
     };
+    twoLine: {
+        padding: string;
+        fontSize: string;
+        textAlign: string;
+    };
 }
 type DeepPartial<T> = T extends object ? {
     [P in keyof T]?: DeepPartial<T[P]>;
@@ -63,11 +69,11 @@ export interface CardData {
     email?: string;
     phone?: string;
     address?: {
-        line1?: string;
-        line2?: string;
+        address1?: string;
+        address2?: string;
         city?: string;
         state?: string;
-        postalCode?: string;
+        zip?: string;
         country?: string;
     };
 }
@@ -77,11 +83,11 @@ export interface BankAccountData {
     email?: string;
     phone?: string;
     address?: {
-        line1?: string;
-        line2?: string;
+        address1?: string;
+        address2?: string;
         city?: string;
         state?: string;
-        postalCode?: string;
+        zip?: string;
         country?: string;
     };
 }

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@idonatedev/idonate-sdk",
 	"author": "iDonate",
-	"version": "1.2.0-dev0",
+	"version": "1.2.0-dev10",
 	"sideEffects": false,
 	"description": "iDonate Web SDK",
 	"engines": {
@@ -16,6 +16,16 @@
 			"import": "./dist/esm/index.js",
 			"require": "./dist/index.js",
 			"types": "./dist/index.d.ts"
+		},
+		"./dist/cloudflare-challenge-handler": {
+			"import": "./dist/esm/cloudflare-challenge-handler.js",
+			"require": "./dist/cloudflare-challenge-handler.js",
+			"types": "./dist/cloudflare-challenge-handler.d.ts"
+		},
+		"./dist/idonate-client": {
+			"import": "./dist/esm/idonate-client.js",
+			"require": "./dist/idonate-client.js",
+			"types": "./dist/idonate-client.d.ts"
 		}
 	},
 	"files": [
@@ -79,5 +89,6 @@
 		"@types/spreedly-iframe-browser": "^1.0.3",
 		"@types/uuid": "^8.3.1",
 		"uuid": "^8.3.2"
-	}
+	},
+	"packageManager": "pnpm@10.15.1+sha512.34e538c329b5553014ca8e8f4535997f96180a1d0f614339357449935350d924e22f8614682191264ec33d1462ac21561aff97f6bb18065351c162c7e8f6de67"
 }