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

package/dist/tokenize/CardConnectTokenizer.js

@@ -8,14 +8,10 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CardConnectTokenizer = void 0;
 const Tokenizer_1 = require("./Tokenizer");
 const types_1 = require("./types");
-const config_handler_1 = __importDefault(require("../config-handler"));
 const styles_1 = require("./styles");
 const tokenizer_constants_1 = require("./tokenizer-constants");
 const tokenizer_utils_1 = require("./tokenizer-utils");
@@ -40,7 +36,7 @@ class CardConnectTokenizer 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' && container.bankCountry === 'CA') {
                 throw new Error('CardConnect does not support Canadian bank accounts');
             }
@@ -48,7 +44,7 @@ class CardConnectTokenizer extends Tokenizer_1.Tokenizer {
             if (container.layout === 'responsive') {
                 const containerEl = document.getElementById(container.containerId);
                 const containerWidth = (containerEl === null || containerEl === void 0 ? void 0 : containerEl.offsetWidth) || 0;
-                const breakpoint = container.responsiveBreakpoint || tokenizer_constants_1.RESPONSIVE_BREAKPOINT;
+                const breakpoint = (_a = container.responsiveBreakpoint) !== null && _a !== void 0 ? _a : tokenizer_constants_1.RESPONSIVE_BREAKPOINT;
                 effectiveLayout =
                     containerWidth < breakpoint ? 'two-line' : 'single-line';
             }
@@ -56,8 +52,7 @@ class CardConnectTokenizer extends Tokenizer_1.Tokenizer {
                 effectiveLayout = 'two-line';
             }
             const resolvedContainer = Object.assign(Object.assign({}, container), { layout: effectiveLayout });
-            let baseUrl = ((_a = gateway.config) === null || _a === void 0 ? void 0 : _a.baseUrl) || config.clientConfig.cardConnectBaseUrl;
-            config.cardConnectBaseUrl = baseUrl;
+            const baseUrl = ((_b = gateway.config) === null || _b === void 0 ? void 0 : _b.baseUrl) || config.clientConfig.cardConnectBaseUrl;
             const mergedStyles = (0, styles_1.mergeStyles)(styles_1.DEFAULT_UNIFIED_STYLES, container.styling);
             const iframeUrl = CardConnectTokenizer.generateIframeUrl(baseUrl, resolvedContainer);
             const iframe = CardConnectTokenizer.createIframe(iframeUrl, mergedStyles);
@@ -145,6 +140,66 @@ class CardConnectTokenizer extends Tokenizer_1.Tokenizer {
             this.applyInputStyles(this.accountTypeEl, mergedStyles, 'right');
             containerEl.appendChild(this.accountTypeEl);
         }
+        this.mergedStyles = mergedStyles;
+        this.currentValidationState = {
+            isValid: false,
+            routingNumber: { isValid: false, isEmpty: true },
+            accountNumber: { isValid: false, isEmpty: true },
+        };
+        this.addBankAccountValidationListeners(mergedStyles);
+    }
+    addBankAccountValidationListeners(styles) {
+        if (this.routingNumberEl) {
+            this.routingNumberEl.addEventListener('blur', () => {
+                this.updateBankAccountValidation(styles);
+            });
+            this.routingNumberEl.addEventListener('input', () => {
+                this.updateBankAccountValidation(styles);
+            });
+        }
+        if (this.accountNumberEl) {
+            this.accountNumberEl.addEventListener('blur', () => {
+                this.updateBankAccountValidation(styles);
+            });
+            this.accountNumberEl.addEventListener('input', () => {
+                this.updateBankAccountValidation(styles);
+            });
+        }
+    }
+    updateBankAccountValidation(styles) {
+        var _a, _b;
+        const routingValue = ((_a = this.routingNumberEl) === null || _a === void 0 ? void 0 : _a.value) || '';
+        const accountValue = ((_b = this.accountNumberEl) === null || _b === void 0 ? void 0 : _b.value) || '';
+        const routingValid = routingValue.length > 0 && (0, tokenizer_utils_1.validateRoutingNumber)(routingValue);
+        const accountValid = accountValue.length > 0 && (0, tokenizer_utils_1.validateAccountNumber)(accountValue);
+        if (this.routingNumberEl) {
+            if (routingValue.length > 0 && !routingValid) {
+                this.routingNumberEl.style.borderColor = styles.error.borderColor;
+            }
+            else {
+                this.routingNumberEl.style.borderColor = '';
+            }
+        }
+        if (this.accountNumberEl) {
+            if (accountValue.length > 0 && !accountValid) {
+                this.accountNumberEl.style.borderColor = styles.error.borderColor;
+            }
+            else {
+                this.accountNumberEl.style.borderColor = '';
+            }
+        }
+        this.currentValidationState = {
+            isValid: routingValid && accountValid,
+            routingNumber: {
+                isValid: routingValid,
+                isEmpty: routingValue.length === 0,
+            },
+            accountNumber: {
+                isValid: accountValid,
+                isEmpty: accountValue.length === 0,
+            },
+        };
+        this.emit('validation', this.currentValidationState);
     }
     init() {
         return __awaiter(this, void 0, void 0, function* () {
@@ -214,6 +269,7 @@ class CardConnectTokenizer extends Tokenizer_1.Tokenizer {
     }
     tokenizeCardInternal(cardData) {
         return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b, _c;
             if (this.cachedTokenResult && this.cachedTokenResult.errorCode === '0') {
                 return {
                     token: this.cachedTokenResult.token,
@@ -225,20 +281,22 @@ class CardConnectTokenizer extends Tokenizer_1.Tokenizer {
             if (this.tokenizationPromise) {
                 return this.tokenizationPromise;
             }
+            if (!this.currentValidationState.isValid &&
+                (((_a = this.currentValidationState.cardNumber) === null || _a === void 0 ? void 0 : _a.isEmpty) ||
+                    ((_b = this.currentValidationState.cvv) === null || _b === void 0 ? void 0 : _b.isEmpty) ||
+                    ((_c = this.currentValidationState.expiry) === null || _c === void 0 ? void 0 : _c.isEmpty))) {
+                throw new types_1.TokenizationError('Card fields are incomplete', 'VALIDATION_ERROR');
+            }
             this.tokenizationPromise = new Promise((resolve, reject) => {
                 this.tokenizationResolve = resolve;
                 this.tokenizationReject = reject;
-                const timeout = setTimeout(() => {
+                this.tokenizationTimeout = setTimeout(() => {
+                    this.tokenizationTimeout = undefined;
                     this.tokenizationPromise = undefined;
                     this.tokenizationResolve = undefined;
                     this.tokenizationReject = undefined;
                     reject(new types_1.TokenizationError('Tokenization timeout - ensure all card fields are filled in iframe', 'TIMEOUT'));
                 }, tokenizer_constants_1.TOKENIZE_TIMEOUT);
-                const tokenizationHandler = (data) => {
-                    clearTimeout(timeout);
-                    this.off('tokenization', tokenizationHandler);
-                };
-                this.on('tokenization', tokenizationHandler);
             });
             return this.tokenizationPromise;
         });
@@ -260,9 +318,7 @@ class CardConnectTokenizer extends Tokenizer_1.Tokenizer {
                 throw new types_1.TokenizationError('Invalid account number', 'VALIDATION_ERROR');
             }
             const baseUrl = new URL(this.iframeUrl).origin;
-            const config = new config_handler_1.default({});
-            config.cardConnectBaseUrl = baseUrl;
-            const result = yield CardConnectTokenizer.tokenizeBankAccount(routingNumber, accountNumber, config);
+            const result = yield CardConnectTokenizer.tokenizeBankAccount(routingNumber, accountNumber, baseUrl);
             return {
                 token: result.token,
                 lastFour: accountNumber.slice(-4),
@@ -406,12 +462,25 @@ class CardConnectTokenizer extends Tokenizer_1.Tokenizer {
                 action: 'clear',
             }, this.expectedOrigin);
         }
-        this.currentValidationState = {
-            isValid: false,
-            cardNumber: { isValid: false, isEmpty: true },
-            cvv: { isValid: false, isEmpty: true },
-            expiry: { isValid: false, isEmpty: true },
-        };
+        this.cachedTokenResult = undefined;
+        this.tokenizationPromise = undefined;
+        this.tokenizationResolve = undefined;
+        this.tokenizationReject = undefined;
+        if (this.mode === 'bank_account') {
+            this.currentValidationState = {
+                isValid: false,
+                routingNumber: { isValid: false, isEmpty: true },
+                accountNumber: { isValid: false, isEmpty: true },
+            };
+        }
+        else {
+            this.currentValidationState = {
+                isValid: false,
+                cardNumber: { isValid: false, isEmpty: true },
+                cvv: { isValid: false, isEmpty: true },
+                expiry: { isValid: false, isEmpty: true },
+            };
+        }
         this.emit('validation', this.currentValidationState);
     }
     focus(field) {
@@ -440,8 +509,21 @@ class CardConnectTokenizer extends Tokenizer_1.Tokenizer {
         }
     }
     destroy() {
+        if (this.tokenizationTimeout) {
+            clearTimeout(this.tokenizationTimeout);
+            this.tokenizationTimeout = undefined;
+        }
+        if (this.tokenizationReject) {
+            const reject = this.tokenizationReject;
+            this.tokenizationPromise = undefined;
+            this.tokenizationResolve = undefined;
+            this.tokenizationReject = undefined;
+            reject(new types_1.TokenizationError('Tokenizer destroyed', 'DESTROYED'));
+        }
+        this.cachedTokenResult = undefined;
         if (this.messageHandler) {
             window.removeEventListener('message', this.messageHandler);
+            this.messageHandler = undefined;
         }
         if (this.containerEl) {
             this.containerEl.innerHTML = '';
@@ -481,7 +563,10 @@ class CardConnectTokenizer extends Tokenizer_1.Tokenizer {
             const data = typeof event.data === 'string' ? JSON.parse(event.data) : event.data;
             if (data.token && data.errorCode !== undefined) {
                 this.cachedTokenResult = data;
-                this.emit('tokenization', data);
+                if (this.tokenizationTimeout) {
+                    clearTimeout(this.tokenizationTimeout);
+                    this.tokenizationTimeout = undefined;
+                }
                 if (data.errorCode === '0') {
                     const cardType = data.cardType
                         ? this.normalizeCardType(data.cardType)
@@ -508,12 +593,14 @@ class CardConnectTokenizer extends Tokenizer_1.Tokenizer {
                         cvv: { isValid: true, isEmpty: false },
                         expiry: { isValid: true, isEmpty: false },
                     };
-                    this.emit('validation', { isValid: true });
+                    this.emit('validation', this.currentValidationState);
                     this.emit('tokenReady', token);
                 }
                 else {
+                    const error = new types_1.TokenizationError(data.errorMessage || 'Tokenization failed', data.errorCode || 'UNKNOWN');
+                    this.emit('error', error);
                     if (this.tokenizationReject) {
-                        this.tokenizationReject(new types_1.TokenizationError(data.errorMessage || 'Tokenization failed', data.errorCode || 'UNKNOWN'));
+                        this.tokenizationReject(error);
                         this.tokenizationPromise = undefined;
                         this.tokenizationResolve = undefined;
                         this.tokenizationReject = undefined;
@@ -523,17 +610,12 @@ class CardConnectTokenizer extends Tokenizer_1.Tokenizer {
             if (data.event === 'validation' || data.validationError !== undefined) {
                 this.handleValidationMessage(data);
             }
-            if (data.event === 'focus' || data.event === 'blur') {
-                this.emit(data.event, { field: data.data });
-            }
-            if (data.event === 'input' || data.event === 'change') {
-                this.emit('change', { field: data.data });
-                if (data.cardType) {
-                    const cardType = this.normalizeCardType(data.cardType);
-                    if (cardType !== this.currentCardType) {
-                        this.currentCardType = cardType;
-                        this.emit('cardTypeChange', { cardType });
-                    }
+            if ((data.event === 'input' || data.event === 'change') &&
+                data.cardType) {
+                const cardType = this.normalizeCardType(data.cardType);
+                if (cardType !== this.currentCardType) {
+                    this.currentCardType = cardType;
+                    this.emit('cardTypeChange', { cardType });
                 }
             }
         }
@@ -541,7 +623,6 @@ class CardConnectTokenizer extends Tokenizer_1.Tokenizer {
         }
     }
     handleValidationMessage(data) {
-        var _a, _b, _c, _d, _e, _f;
         if (data.validationError) {
             const errorLower = data.validationError.toLowerCase();
             if (errorLower.includes('card') || errorLower.includes('number')) {
@@ -563,10 +644,14 @@ class CardConnectTokenizer extends Tokenizer_1.Tokenizer {
             this.emit('validation', this.currentValidationState);
         }
         else {
-            this.currentValidationState.isValid =
-                ((_b = (_a = this.currentValidationState.cardNumber) === null || _a === void 0 ? void 0 : _a.isValid) !== null && _b !== void 0 ? _b : false) &&
-                    ((_d = (_c = this.currentValidationState.cvv) === null || _c === void 0 ? void 0 : _c.isValid) !== null && _d !== void 0 ? _d : false) &&
-                    ((_f = (_e = this.currentValidationState.expiry) === null || _e === void 0 ? void 0 : _e.isValid) !== null && _f !== void 0 ? _f : false);
+            this.currentValidationState.cardNumber = {
+                isValid: true,
+                isEmpty: false,
+            };
+            this.currentValidationState.cvv = { isValid: true, isEmpty: false };
+            this.currentValidationState.expiry = { isValid: true, isEmpty: false };
+            this.currentValidationState.isValid = true;
+            this.emit('validation', this.currentValidationState);
         }
     }
     static generateIframeUrl(baseUrl, container) {
@@ -746,17 +831,30 @@ class CardConnectTokenizer extends Tokenizer_1.Tokenizer {
         }
         return encodeURIComponent(css.join(''));
     }
-    static tokenizeBankAccount(routingNumber, accountNumber, config) {
-        return fetch(`${config.cardConnectBaseUrl}/cardsecure/api/v1/ccn/tokenize`, {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json',
-            },
-            body: JSON.stringify({
-                account: `${routingNumber}/${accountNumber}`,
-                unique: true,
-            }),
-        }).then((response) => response.json());
+    static tokenizeBankAccount(routingNumber, accountNumber, configOrBaseUrl) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const baseUrl = typeof configOrBaseUrl === 'string'
+                ? configOrBaseUrl
+                : configOrBaseUrl.cardConnectBaseUrl;
+            const response = yield fetch(`${baseUrl}/cardsecure/api/v1/ccn/tokenize`, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({
+                    account: `${routingNumber}/${accountNumber}`,
+                    unique: true,
+                }),
+            });
+            if (!response.ok) {
+                throw new types_1.TokenizationError(`Bank account tokenization failed: HTTP ${response.status}`, 'API_ERROR');
+            }
+            const result = yield response.json();
+            if (!result.token) {
+                throw new types_1.TokenizationError(result.message || 'Bank account tokenization failed: no token returned', 'API_ERROR');
+            }
+            return result;
+        });
     }
 }
 exports.CardConnectTokenizer = CardConnectTokenizer;

package/dist/tokenize/PayPalTokenizer.d.ts

@@ -41,6 +41,7 @@ export declare class PayPalTokenizer extends Tokenizer {
     private configContext;
     private containerEl?;
     private paypalButtonContainer?;
+    private buttonsInstance?;
     private cachedToken?;
     private currency;
     private amount?;

package/dist/tokenize/PayPalTokenizer.js

@@ -12,6 +12,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PayPalTokenizer = void 0;
 const Tokenizer_1 = require("./Tokenizer");
 const types_1 = require("./types");
+const constants_1 = require("../constants");
 const PAYPAL_SDK_URL = 'https://www.paypal.com/sdk/js';
 const PAYPAL_SCRIPT_ID = 'paypal-sdk-script';
 const INIT_TIMEOUT = 10000;
@@ -22,7 +23,7 @@ class PayPalTokenizer extends Tokenizer_1.Tokenizer {
         this.gateway = gateway;
         this.containerId = containerId;
         this.configContext = configContext;
-        this.mode = 'credit_card';
+        this.mode = 'paypal';
         const gatewayConfig = gateway.config;
         if (!(gatewayConfig === null || gatewayConfig === void 0 ? void 0 : gatewayConfig.client_id)) {
             throw new Error('PayPal gateway configuration missing client_id');
@@ -69,7 +70,7 @@ class PayPalTokenizer extends Tokenizer_1.Tokenizer {
                 })
                     .then(() => {
                     this.emit('ready');
-                    this.emit('validation', { isValid: true });
+                    this.emit('validation', { isValid: true, hasToken: false });
                     resolve();
                 })
                     .catch((error) => {
@@ -82,11 +83,20 @@ class PayPalTokenizer extends Tokenizer_1.Tokenizer {
     }
     loadPayPalSDK() {
         return __awaiter(this, void 0, void 0, function* () {
-            if (window.paypal) {
-                return Promise.resolve();
-            }
-            if (document.getElementById(PAYPAL_SCRIPT_ID)) {
-                return this.waitForPayPalGlobal();
+            const configKey = `${this.clientId}|${this.currency}`;
+            const existingScript = document.getElementById(PAYPAL_SCRIPT_ID);
+            if (existingScript) {
+                const loadedConfig = existingScript.getAttribute('data-config-key');
+                if (loadedConfig && loadedConfig !== configKey) {
+                    existingScript.remove();
+                    delete window.paypal;
+                }
+                else if (window.paypal) {
+                    return Promise.resolve();
+                }
+                else {
+                    return this.waitForPayPalGlobal();
+                }
             }
             const params = new URLSearchParams({
                 'client-id': this.clientId,
@@ -105,6 +115,7 @@ class PayPalTokenizer extends Tokenizer_1.Tokenizer {
             script.id = PAYPAL_SCRIPT_ID;
             script.src = `${PAYPAL_SDK_URL}?${params.toString()}`;
             script.async = true;
+            script.setAttribute('data-config-key', configKey);
             return new Promise((resolve, reject) => {
                 script.onload = () => {
                     this.waitForPayPalGlobal().then(resolve).catch(reject);
@@ -148,7 +159,7 @@ class PayPalTokenizer extends Tokenizer_1.Tokenizer {
             if (!window.paypal || !this.paypalButtonContainer) {
                 return;
             }
-            const button = window.paypal.Buttons({
+            this.buttonsInstance = window.paypal.Buttons({
                 createOrder: () => this.createOrder(),
                 onApprove: (data) => this.handleApprove(data),
                 onCancel: (data) => this.handleCancel(data),
@@ -159,36 +170,48 @@ class PayPalTokenizer extends Tokenizer_1.Tokenizer {
                     height: 40,
                 },
             });
-            yield button.render(this.paypalButtonContainer);
+            yield this.buttonsInstance.render(this.paypalButtonContainer);
         });
     }
     createOrder() {
         const endpoint = `${this.clientConfig.embedApiBaseUrl}/payment/paypal/create-order`;
+        this.paymentTransactionId = undefined;
+        this.paymentMethodId = undefined;
         let orderAmount;
         let orderCurrency = this.currency;
         if (this.onCreateOrder) {
-            const orderData = this.onCreateOrder();
-            orderAmount = orderData.amount;
-            orderCurrency = orderData.currency || this.currency;
+            try {
+                const orderData = this.onCreateOrder();
+                orderAmount = orderData.amount;
+                orderCurrency = orderData.currency || this.currency;
+            }
+            catch (err) {
+                const error = err instanceof Error
+                    ? err
+                    : new Error('onCreateOrder callback failed');
+                this.handleError(error, 'Order creation failed');
+                return Promise.reject(error);
+            }
         }
         else {
             orderAmount = this.amount;
         }
-        if (orderAmount === undefined || orderAmount <= 0) {
+        if (orderAmount === undefined || isNaN(orderAmount) || 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,
+            organization_id: this.organizationId,
+            embed_id: this.embedId,
             currency: orderCurrency,
             amount: orderAmount,
         };
         return fetch(endpoint, {
             method: 'POST',
-            headers: {
-                'Content-Type': 'application/json',
-            },
+            headers: constants_1.CLIENT_HEADERS,
+            credentials: 'include',
             body: JSON.stringify(requestBody),
         })
             .then((response) => {
@@ -244,6 +267,9 @@ class PayPalTokenizer extends Tokenizer_1.Tokenizer {
     }
     validate() {
         return __awaiter(this, void 0, void 0, function* () {
+            if (!this.isReady) {
+                throw new Error('Tokenizer not initialized');
+            }
             return {
                 isValid: true,
                 errors: [],
@@ -257,6 +283,14 @@ class PayPalTokenizer extends Tokenizer_1.Tokenizer {
     focus(field) {
     }
     destroy() {
+        if (this.buttonsInstance) {
+            try {
+                this.buttonsInstance.close();
+            }
+            catch (_a) {
+            }
+            this.buttonsInstance = undefined;
+        }
         if (this.containerEl) {
             this.containerEl.innerHTML = '';
         }

package/dist/tokenize/SpreedlyTokenizer.d.ts

@@ -29,6 +29,10 @@ export declare class SpreedlyTokenizer extends Tokenizer {
     private cardNumberDiv?;
     private cvvDiv?;
     private responsiveBreakpoint;
+    private tokenizationPromise?;
+    private tokenizationResolve?;
+    private tokenizationReject?;
+    private tokenizationTimeout?;
     private constructor();
     static create(gateway: PaymentGateway, container: TokenizerContainer, config: {
         organizationId: string;
@@ -50,6 +54,7 @@ export declare class SpreedlyTokenizer extends Tokenizer {
     private determineLayout;
     private setupResizeObserver;
     private applyLayoutStyles;
+    private clearTokenizationState;
     destroy(): void;
     hasToken(): boolean;
     getToken(): PaymentToken | null;