@idonatedev/idonate-sdk 1.2.0-dev13 → 1.2.0-dev15

package/dist/tokenize/SpreedlyTokenizer.js

@@ -69,7 +69,7 @@ class SpreedlyTokenizer extends Tokenizer_1.Tokenizer {
     }
     static create(gateway, container, config) {
         return __awaiter(this, void 0, void 0, function* () {
-            var _a;
+            var _a, _b;
             if (container.mode !== 'bank_account') {
                 yield SpreedlyTokenizer.ensureSpreedlyLoaded();
             }
@@ -78,9 +78,9 @@ class SpreedlyTokenizer extends Tokenizer_1.Tokenizer {
                 environmentKey = config.clientConfig.spreedlyEnvironmentKey;
             }
             if (!environmentKey) {
-                environmentKey = '';
+                throw new Error('Spreedly environment key is required. Provide it via gateway.config.environmentKey or client config.');
             }
-            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);
+            const tokenizer = new SpreedlyTokenizer(environmentKey, container.containerId, container.styling, container.mode || 'credit_card', container.bankCountry || 'US', container.enableTestMode || false, container.layout || 'single-line', (_b = container.responsiveBreakpoint) !== null && _b !== void 0 ? _b : tokenizer_constants_1.RESPONSIVE_BREAKPOINT);
             tokenizer.organizationId = config.organizationId;
             tokenizer.embedId = config.embedId;
             tokenizer.clientConfig = config.clientConfig;
@@ -161,8 +161,29 @@ class SpreedlyTokenizer extends Tokenizer_1.Tokenizer {
                     this.emit('ready');
                     resolve();
                 });
+                this.spreedly.on('paymentMethod', (token, pmData) => {
+                    const paymentToken = {
+                        token,
+                        lastFour: pmData.last_four_digits,
+                        cardType: this.normalizeCardType(pmData.card_type),
+                        provider: 'spreedly',
+                    };
+                    if (this.tokenizationResolve) {
+                        const resolveTokenization = this.tokenizationResolve;
+                        this.clearTokenizationState();
+                        this.emit('tokenReady', paymentToken);
+                        resolveTokenization(paymentToken);
+                    }
+                });
                 this.spreedly.on('errors', (errors) => {
-                    this.emit('error', new types_1.TokenizationError(errors));
+                    if (this.tokenizationReject) {
+                        const rejectTokenization = this.tokenizationReject;
+                        this.clearTokenizationState();
+                        rejectTokenization(new types_1.TokenizationError(errors));
+                    }
+                    else {
+                        this.emit('error', new types_1.TokenizationError(errors));
+                    }
                 });
                 this.spreedly.on('fieldEvent', (fieldName, eventType, activeEl, inputProperties) => {
                     this.handleFieldEvent(fieldName, eventType, inputProperties);
@@ -190,6 +211,13 @@ class SpreedlyTokenizer extends Tokenizer_1.Tokenizer {
     tokenizeCardInternal(cardData) {
         return __awaiter(this, void 0, void 0, function* () {
             var _a;
+            if (this.tokenizationPromise) {
+                return this.tokenizationPromise;
+            }
+            const expiry = this.parseExpiry(this.expiryEl);
+            if (!expiry) {
+                throw new types_1.TokenizationError('Expiration date is required', 'VALIDATION_ERROR');
+            }
             let securityFields = {};
             if ((_a = this.clientConfig) === null || _a === void 0 ? void 0 : _a.enableSpreedlySecureTokenization) {
                 try {
@@ -197,7 +225,7 @@ class SpreedlyTokenizer extends Tokenizer_1.Tokenizer {
                     securityFields = {
                         nonce: args.nonce,
                         timestamp: args.timestamp,
-                        certificateToken: args.certificate_token,
+                        certificate_token: args.certificate_token,
                         signature: args.signature,
                     };
                 }
@@ -205,45 +233,19 @@ class SpreedlyTokenizer extends Tokenizer_1.Tokenizer {
                     throw new types_1.TokenizationError(`Secure tokenization failed: ${error instanceof Error ? error.message : 'Unknown error'}`, 'SECURE_TOKENIZATION_ERROR');
                 }
             }
-            return new Promise((resolve, reject) => {
+            this.tokenizationPromise = new Promise((resolve, reject) => {
                 var _a, _b, _c, _d, _e, _f;
-                const timeout = setTimeout(() => {
-                    if (this.spreedly && this.spreedly.removeHandlers) {
-                        this.spreedly.removeHandlers();
-                    }
+                this.tokenizationResolve = resolve;
+                this.tokenizationReject = reject;
+                this.tokenizationTimeout = setTimeout(() => {
+                    this.clearTokenizationState();
                     reject(new types_1.TokenizationError('Tokenization timeout', 'TIMEOUT'));
                 }, tokenizer_constants_1.TOKENIZE_TIMEOUT);
-                const cleanup = () => {
-                    clearTimeout(timeout);
-                    if (this.spreedly && this.spreedly.removeHandlers) {
-                        this.spreedly.removeHandlers();
-                    }
-                };
-                this.spreedly.on('paymentMethod', (token, pmData) => {
-                    cleanup();
-                    const paymentToken = {
-                        token,
-                        lastFour: pmData.last_four_digits,
-                        cardType: this.normalizeCardType(pmData.card_type),
-                        provider: 'spreedly',
-                    };
-                    this.emit('tokenReady', paymentToken);
-                    resolve(paymentToken);
-                });
-                this.spreedly.on('errors', (errors) => {
-                    cleanup();
-                    reject(new types_1.TokenizationError(errors));
-                });
-                const expiry = this.parseExpiry(this.expiryEl);
-                if (!expiry) {
-                    cleanup();
-                    reject(new types_1.TokenizationError('Expiration date is required', 'VALIDATION_ERROR'));
-                    return;
-                }
-                const expiryMonth = expiry.month;
-                const expiryYear = expiry.year;
-                this.spreedly.tokenizeCreditCard(Object.assign({ first_name: cardData.firstName, last_name: cardData.lastName, month: expiryMonth, year: expiryYear, email: cardData.email, phone_number: cardData.phone, 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.zip, country: (_f = cardData.address) === null || _f === void 0 ? void 0 : _f.country }, securityFields));
+                this.spreedly.tokenizeCreditCard(Object.assign({ first_name: cardData.firstName, last_name: cardData.lastName, month: expiry.month, year: expiry.year, email: cardData.email, phone_number: cardData.phone, 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.zip, country: (_f = cardData.address) === null || _f === void 0 ? void 0 : _f.country }, securityFields));
+            }).finally(() => {
+                this.tokenizationPromise = undefined;
             });
+            return this.tokenizationPromise;
         });
     }
     createCanadianBankAccountFields(container) {
@@ -446,6 +448,9 @@ class SpreedlyTokenizer extends Tokenizer_1.Tokenizer {
     }
     validate() {
         return __awaiter(this, void 0, void 0, function* () {
+            if (!this.isReady) {
+                throw new Error('Tokenizer not initialized');
+            }
             if (this.mode === 'bank_account') {
                 return this.validateBankAccountInternal();
             }
@@ -633,13 +638,26 @@ class SpreedlyTokenizer extends Tokenizer_1.Tokenizer {
                 this.accountNumberEl.value = '';
             if (this.accountTypeEl)
                 this.accountTypeEl.selectedIndex = 0;
+            this.currentValidationState = {
+                isValid: false,
+                routingNumber: { isValid: false, isEmpty: true },
+                accountNumber: { isValid: false, isEmpty: true },
+            };
         }
         else {
             this.spreedly.reload();
             if (this.expiryEl) {
                 this.expiryEl.value = '';
             }
+            this.currentValidationState = {
+                isValid: false,
+                cardNumber: { isValid: false, isEmpty: true },
+                cvv: { isValid: false, isEmpty: true },
+                expiry: { isValid: false, isEmpty: true },
+            };
         }
+        this.clearTokenizationState();
+        this.emit('validation', this.currentValidationState);
     }
     focus(field) {
         if (this.mode === 'bank_account') {
@@ -730,14 +748,28 @@ class SpreedlyTokenizer extends Tokenizer_1.Tokenizer {
             }
         }
     }
+    clearTokenizationState() {
+        if (this.tokenizationTimeout) {
+            clearTimeout(this.tokenizationTimeout);
+            this.tokenizationTimeout = undefined;
+        }
+        this.tokenizationResolve = undefined;
+        this.tokenizationReject = undefined;
+    }
     destroy() {
         var _a;
         (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        if (this.tokenizationReject) {
+            const reject = this.tokenizationReject;
+            this.clearTokenizationState();
+            reject(new types_1.TokenizationError('Tokenizer destroyed', 'DESTROYED'));
+        }
         if (this.spreedly && this.spreedly.removeHandlers) {
             this.spreedly.removeHandlers();
         }
         this.eventHandlers.clear();
-        if (this.expiryEl) {
+        if (this.containerEl) {
+            this.containerEl.innerHTML = '';
         }
     }
     hasToken() {
@@ -784,15 +816,6 @@ class SpreedlyTokenizer extends Tokenizer_1.Tokenizer {
             }
             this.updateOverallValidation();
         }
-        if (eventType === 'focus') {
-            this.emit('focus', { field: fieldName });
-        }
-        else if (eventType === 'blur') {
-            this.emit('blur', { field: fieldName });
-        }
-        else if (eventType === 'input') {
-            this.emit('change', { field: fieldName });
-        }
     }
     createInternalElements() {
         const container = document.getElementById(this.containerId);
@@ -838,6 +861,10 @@ class SpreedlyTokenizer extends Tokenizer_1.Tokenizer {
                 };
                 this.updateOverallValidation();
             });
+            this.expiryEl.addEventListener('blur', () => {
+                this.validateExpiry();
+                this.updateOverallValidation();
+            });
             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;
@@ -865,6 +892,10 @@ class SpreedlyTokenizer extends Tokenizer_1.Tokenizer {
                 };
                 this.updateOverallValidation();
             });
+            this.expiryEl.addEventListener('blur', () => {
+                this.validateExpiry();
+                this.updateOverallValidation();
+            });
             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;
@@ -1027,23 +1058,31 @@ class SpreedlyTokenizer extends Tokenizer_1.Tokenizer {
         if (!this.expiryEl)
             return;
         const expiry = this.parseExpiry(this.expiryEl);
+        const isEmpty = !this.expiryEl.value;
+        let isValid = false;
         if (!expiry) {
-            this.applyErrorStyles(this.expiryEl);
-            return;
-        }
-        const month = parseInt(expiry.month, 10);
-        const year = parseInt(expiry.year, 10);
-        if (month < 1 || month > 12) {
-            this.applyErrorStyles(this.expiryEl);
-            return;
+            if (!isEmpty)
+                this.applyErrorStyles(this.expiryEl);
         }
-        const now = new Date();
-        const expiryDate = new Date(year, month - 1);
-        if (expiryDate < now) {
-            this.applyErrorStyles(this.expiryEl);
-            return;
+        else {
+            const month = parseInt(expiry.month, 10);
+            const year = parseInt(expiry.year, 10);
+            if (month < 1 || month > 12) {
+                this.applyErrorStyles(this.expiryEl);
+            }
+            else {
+                const now = new Date();
+                const expiryDate = new Date(year, month - 1);
+                if (expiryDate < now) {
+                    this.applyErrorStyles(this.expiryEl);
+                }
+                else {
+                    isValid = true;
+                    this.applyInputStyles(this.expiryEl, this.mergedStyles, 'middle');
+                }
+            }
         }
-        this.applyInputStyles(this.expiryEl, this.mergedStyles, 'middle');
+        this.currentValidationState.expiry = { isValid, isEmpty };
     }
     applyErrorStyles(element) {
         if (this.mergedStyles.error) {

package/dist/tokenize/Tokenizer.d.ts

@@ -2,7 +2,7 @@ import { CardData, BankAccountData, PaymentData, PaymentToken, ValidationResult,
 import ConfigHandler from '../config-handler';
 export declare abstract class Tokenizer {
     protected mode: PaymentMethodMode;
-    protected eventHandlers: Map<TokenizerEvent, Set<(data?: any) => void>>;
+    protected eventHandlers: Map<string, Set<(data?: any) => void>>;
     private _isReady;
     get isReady(): boolean;
     abstract tokenize(paymentData: PaymentData): Promise<PaymentToken>;
@@ -16,7 +16,7 @@ export declare abstract class Tokenizer {
     getMode(): PaymentMethodMode;
     on(event: TokenizerEvent, handler: (data?: any) => void): void;
     off(event: TokenizerEvent, handler: (data?: any) => void): void;
-    protected emit(event: TokenizerEvent, data?: any): void;
+    protected emit(event: string, data?: any): void;
     protected isCardData(data: PaymentData): data is CardData;
     protected isBankAccountData(data: PaymentData): data is BankAccountData;
     protected normalizeCardType(providerCardType: string): CardType;

package/dist/tokenize/Tokenizer.js

@@ -118,7 +118,6 @@ class Tokenizer {
         expiryEl.addEventListener('input', (e) => {
             const target = e.target;
             target.value = (0, tokenizer_utils_1.formatExpiryInput)(target.value);
-            this.emit('change', { field: 'expiry' });
         });
         expiryEl.addEventListener('keypress', (e) => {
             const char = String.fromCharCode(e.which);

package/dist/tokenize/gateway-utils.js

@@ -13,8 +13,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.normalizeGateway = normalizeGateway;
 function normalizeGateway(input) {
-    if (!input)
-        return input;
+    if (!input) {
+        throw new Error('Gateway is required but received ' + String(input));
+    }
     if (input.backendName !== undefined)
         return input;
     const _a = input.config || {}, { environment_key, base_url, merchant_id } = _a, extraConfigKeys = __rest(_a, ["environment_key", "base_url", "merchant_id"]);

package/dist/tokenize/index.d.ts

@@ -3,6 +3,6 @@ export { Tokenizer } from './Tokenizer';
 export { SpreedlyTokenizer } from './SpreedlyTokenizer';
 export { CardConnectTokenizer } from './CardConnectTokenizer';
 export { PayPalTokenizer, PayPalCreateOrderData } from './PayPalTokenizer';
-export { PaymentMethodType, PaymentGateway, TokenizerContainer, TokenizerStyling, CardData, PaymentData, PaymentToken, CardType, TokenizerEvent, ValidationState, ValidationResult, ValidationError, TokenizationError, } from './types';
+export { PaymentMethodType, PaymentMethodMode, PaymentGateway, TokenizerContainer, TokenizerStyling, CardData, BankAccountData, PaymentData, PaymentToken, CardType, TokenizerEvent, ValidationState, ValidationResult, ValidationError, TokenizationError, } from './types';
 export { normalizeGateway } from './gateway-utils';
 export { iats };

package/dist/tokenize/spreedly-secure.js

@@ -33,7 +33,9 @@ function fetchSpreedlySecurityArgs(config, organizationId, embedId) {
             return yield makeRequest();
         }
         catch (error) {
-            if (error instanceof TypeError && error.message.includes('fetch')) {
+            const isNetworkError = error instanceof TypeError && error.message.includes('fetch');
+            const isServerError = error instanceof Error && error.message.includes('failed: 5');
+            if (isNetworkError || isServerError) {
                 yield new Promise((resolve) => setTimeout(resolve, 1000));
                 return makeRequest();
             }

package/dist/tokenize/tokenizer-utils.js

@@ -65,8 +65,8 @@ function addFocusHandlers(element, styles, onFocus, onBlur) {
     });
     element.addEventListener('blur', () => {
         element.style.border = styles.input.border;
-        element.style.outline = 'none';
-        element.style.boxShadow = 'none';
+        element.style.outline = '';
+        element.style.boxShadow = '';
         onBlur === null || onBlur === void 0 ? void 0 : onBlur();
     });
 }

package/dist/tokenize/types.d.ts

@@ -1,5 +1,5 @@
 export type PaymentMethodType = 'credit_card' | 'bank_account' | 'paypal' | 'apple_pay' | 'google_pay';
-export type PaymentMethodMode = 'credit_card' | 'bank_account';
+export type PaymentMethodMode = 'credit_card' | 'bank_account' | 'paypal';
 export interface PaymentGateway {
     id: string;
     backendName: string;
@@ -106,9 +106,10 @@ export interface PaymentToken {
     paymentTransactionId?: string;
 }
 export type CardType = 'visa' | 'mastercard' | 'amex' | 'discover' | 'diners' | 'jcb' | 'unknown';
-export type TokenizerEvent = 'ready' | 'focus' | 'blur' | 'change' | 'validation' | 'cardTypeChange' | 'error' | 'tokenization' | 'tokenReady';
+export type TokenizerEvent = 'ready' | 'validation' | 'cardTypeChange' | 'error' | 'tokenReady';
 export interface ValidationState {
     isValid: boolean;
+    hasToken?: boolean;
     cardNumber?: {
         isValid: boolean;
         isEmpty: boolean;

package/dist/types.d.ts

@@ -53,8 +53,8 @@ export type ACHAccount = {
     accountHolderType: 'personal' | 'business';
     accountType: 'checking' | 'savings';
 };
-import type { PaymentMethodType } from './tokenize/types';
-export type { PaymentMethodType } from './tokenize/types';
+import { PaymentMethodType } from './tokenize/types';
+export { PaymentMethodType } from './tokenize/types';
 export type RecaptchaType = 'v2' | 'v3' | 'invisible' | 'organization' | 'nonce' | 'bypass';
 export type RecaptchaSecuredRequest = {
     recaptchaType: RecaptchaType;
@@ -275,8 +275,8 @@ export type TokenizeCardConnectResult = {
     errorcode: number;
 };
 export type BackendName = 'spreedly' | 'card_connect' | 'iats' | 'paypal_checkout';
-import type { PaymentGateway } from './tokenize/types';
-export type { PaymentGateway } from './tokenize/types';
+import { PaymentGateway } from './tokenize/types';
+export { PaymentGateway } from './tokenize/types';
 export interface EmbedConfig {
     embed_id?: string;
     organization_id?: string;

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@idonatedev/idonate-sdk",
 	"author": "iDonate",
-	"version": "1.2.0-dev13",
+	"version": "1.2.0-dev15",
 	"sideEffects": false,
 	"description": "iDonate Web SDK",
 	"engines": {