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

package/dist/tokenize/SpreedlyTokenizer.js

@@ -166,6 +166,7 @@ class SpreedlyTokenizer extends Tokenizer_1.Tokenizer {
                         token,
                         lastFour: pmData.last_four_digits,
                         cardType: this.normalizeCardType(pmData.card_type),
+                        paymentMethodType: 'credit_card',
                         provider: 'spreedly',
                     };
                     if (this.tokenizationResolve) {
@@ -176,13 +177,12 @@ class SpreedlyTokenizer extends Tokenizer_1.Tokenizer {
                     }
                 });
                 this.spreedly.on('errors', (errors) => {
+                    const error = new types_1.TokenizationError(errors);
+                    this.emit('error', error);
                     if (this.tokenizationReject) {
                         const rejectTokenization = this.tokenizationReject;
                         this.clearTokenizationState();
-                        rejectTokenization(new types_1.TokenizationError(errors));
-                    }
-                    else {
-                        this.emit('error', new types_1.TokenizationError(errors));
+                        rejectTokenization(error);
                     }
                 });
                 this.spreedly.on('fieldEvent', (fieldName, eventType, activeEl, inputProperties) => {
@@ -209,15 +209,21 @@ class SpreedlyTokenizer extends Tokenizer_1.Tokenizer {
         });
     }
     tokenizeCardInternal(cardData) {
+        if (this.tokenizationPromise) {
+            return this.tokenizationPromise;
+        }
+        const expiry = this.parseExpiry(this.expiryEl);
+        if (!expiry) {
+            return Promise.reject(new types_1.TokenizationError('Expiration date is required', 'VALIDATION_ERROR'));
+        }
+        this.tokenizationPromise = this.executeCardTokenization(cardData, expiry).finally(() => {
+            this.tokenizationPromise = undefined;
+        });
+        return this.tokenizationPromise;
+    }
+    executeCardTokenization(cardData, expiry) {
         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 {
@@ -225,7 +231,7 @@ class SpreedlyTokenizer extends Tokenizer_1.Tokenizer {
                     securityFields = {
                         nonce: args.nonce,
                         timestamp: args.timestamp,
-                        certificate_token: args.certificate_token,
+                        certificateToken: args.certificate_token,
                         signature: args.signature,
                     };
                 }
@@ -233,7 +239,7 @@ class SpreedlyTokenizer extends Tokenizer_1.Tokenizer {
                     throw new types_1.TokenizationError(`Secure tokenization failed: ${error instanceof Error ? error.message : 'Unknown error'}`, 'SECURE_TOKENIZATION_ERROR');
                 }
             }
-            this.tokenizationPromise = new Promise((resolve, reject) => {
+            return new Promise((resolve, reject) => {
                 var _a, _b, _c, _d, _e, _f;
                 this.tokenizationResolve = resolve;
                 this.tokenizationReject = reject;
@@ -242,10 +248,7 @@ class SpreedlyTokenizer extends Tokenizer_1.Tokenizer {
                     reject(new types_1.TokenizationError('Tokenization timeout', 'TIMEOUT'));
                 }, tokenizer_constants_1.TOKENIZE_TIMEOUT);
                 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) {
@@ -437,13 +440,15 @@ class SpreedlyTokenizer extends Tokenizer_1.Tokenizer {
                     accountHolderType: accountHolderType,
                 },
             }, this.clientConfig, this.environmentKey);
-            return {
+            const paymentToken = {
                 token: result,
                 lastFour: accountNumber.slice(-4),
                 accountType: accountType,
                 paymentMethodType: 'bank_account',
                 provider: 'spreedly',
             };
+            this.emit('tokenReady', paymentToken);
+            return paymentToken;
         });
     }
     validate() {
@@ -656,7 +661,14 @@ class SpreedlyTokenizer extends Tokenizer_1.Tokenizer {
                 expiry: { isValid: false, isEmpty: true },
             };
         }
-        this.clearTokenizationState();
+        if (this.tokenizationReject) {
+            const reject = this.tokenizationReject;
+            this.clearTokenizationState();
+            reject(new types_1.TokenizationError('Tokenizer cleared', 'CLEARED'));
+        }
+        else {
+            this.clearTokenizationState();
+        }
         this.emit('validation', this.currentValidationState);
     }
     focus(field) {
@@ -758,6 +770,7 @@ class SpreedlyTokenizer extends Tokenizer_1.Tokenizer {
     }
     destroy() {
         var _a;
+        this.markDestroyed();
         (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
         if (this.tokenizationReject) {
             const reject = this.tokenizationReject;
@@ -1072,13 +1085,14 @@ class SpreedlyTokenizer extends Tokenizer_1.Tokenizer {
             }
             else {
                 const now = new Date();
-                const expiryDate = new Date(year, month - 1);
-                if (expiryDate < now) {
+                const expiryEndDate = new Date(year, month);
+                if (expiryEndDate <= now) {
                     this.applyErrorStyles(this.expiryEl);
                 }
                 else {
                     isValid = true;
-                    this.applyInputStyles(this.expiryEl, this.mergedStyles, 'middle');
+                    const expiryPosition = this.effectiveLayout === 'two-line' ? 'left' : 'middle';
+                    this.applyInputStyles(this.expiryEl, this.mergedStyles, expiryPosition);
                 }
             }
         }

package/dist/tokenize/Tokenizer.d.ts

@@ -3,8 +3,12 @@ import ConfigHandler from '../config-handler';
 export declare abstract class Tokenizer {
     protected mode: PaymentMethodMode;
     protected eventHandlers: Map<string, Set<(data?: any) => void>>;
+    private focusHandlerElements;
     private _isReady;
+    private _isDestroyed;
     get isReady(): boolean;
+    get isDestroyed(): boolean;
+    protected markDestroyed(): void;
     abstract tokenize(paymentData: PaymentData): Promise<PaymentToken>;
     abstract validate(): Promise<ValidationResult>;
     abstract clear(): void;
@@ -16,7 +20,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: string, data?: any): void;
+    protected emit(event: TokenizerEvent, 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

@@ -49,10 +49,18 @@ class Tokenizer {
     constructor() {
         this.mode = 'credit_card';
         this.eventHandlers = new Map();
+        this.focusHandlerElements = new WeakSet();
         this._isReady = false;
+        this._isDestroyed = false;
     }
     get isReady() {
-        return this._isReady;
+        return this._isReady && !this._isDestroyed;
+    }
+    get isDestroyed() {
+        return this._isDestroyed;
+    }
+    markDestroyed() {
+        this._isDestroyed = true;
     }
     getMode() {
         return this.mode;
@@ -168,7 +176,10 @@ class Tokenizer {
             element.style.border = inputStyles.border;
             element.style.borderRadius = inputStyles.borderRadius;
         }
-        (0, tokenizer_utils_1.addFocusHandlers)(element, styles);
+        if (!this.focusHandlerElements.has(element)) {
+            (0, tokenizer_utils_1.addFocusHandlers)(element, styles, position);
+            this.focusHandlerElements.add(element);
+        }
     }
     generateFieldIds(containerId) {
         return {

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, PaymentMethodMode, PaymentGateway, TokenizerContainer, TokenizerStyling, CardData, BankAccountData, PaymentData, PaymentToken, CardType, TokenizerEvent, ValidationState, ValidationResult, ValidationError, TokenizationError, } from './types';
+export { BackendName, 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

@@ -16,6 +16,7 @@ function fetchSpreedlySecurityArgs(config, organizationId, embedId) {
             throw new Error('Secure tokenization is not enabled');
         }
         const makeRequest = () => __awaiter(this, void 0, void 0, function* () {
+            var _a;
             const response = yield fetch(`${config.embedApiBaseUrl}/spreedly/security-args`, {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
@@ -27,7 +28,8 @@ function fetchSpreedlySecurityArgs(config, organizationId, embedId) {
             if (!response.ok) {
                 throw new Error(`Security args request failed: ${response.status}`);
             }
-            return response.json();
+            const data = yield response.json();
+            return (_a = data.result) !== null && _a !== void 0 ? _a : data;
         });
         try {
             return yield makeRequest();

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

@@ -6,7 +6,7 @@ export declare function parseExpiryDate(value: string): {
 export declare function formatExpiryInput(value: string): string;
 export declare function withTimeout<T>(promise: Promise<T>, timeoutMs: number, errorMessage: string): Promise<T>;
 export declare function getConnectedBorderRadius(baseRadius: string, position: 'left' | 'middle' | 'right', isConnected: boolean): string;
-export declare function addFocusHandlers(element: HTMLElement, styles: TokenizerStylingComplete, onFocus?: () => void, onBlur?: () => void): void;
+export declare function addFocusHandlers(element: HTMLElement, styles: TokenizerStylingComplete, position?: 'left' | 'middle' | 'right', onFocus?: () => void, onBlur?: () => void): void;
 export declare function createFieldContainer(id: string, flex: string, minWidth?: string, maxWidth?: string): HTMLDivElement;
 export declare function createInputElement(id: string, type: string, placeholder: string, maxLength?: number): HTMLInputElement;
 export declare function validateRoutingNumber(routingNumber: string): boolean;

package/dist/tokenize/tokenizer-utils.js

@@ -56,7 +56,7 @@ function getConnectedBorderRadius(baseRadius, position, isConnected) {
             return baseRadius;
     }
 }
-function addFocusHandlers(element, styles, onFocus, onBlur) {
+function addFocusHandlers(element, styles, position, onFocus, onBlur) {
     element.addEventListener('focus', () => {
         if (styles.focus) {
             Object.assign(element.style, styles.focus);
@@ -64,7 +64,28 @@ function addFocusHandlers(element, styles, onFocus, onBlur) {
         onFocus === null || onFocus === void 0 ? void 0 : onFocus();
     });
     element.addEventListener('blur', () => {
-        element.style.border = styles.input.border;
+        const isConnected = styles.container.gap === '0';
+        if (isConnected && position) {
+            element.style.borderTop = styles.input.border;
+            element.style.borderBottom = styles.input.border;
+            switch (position) {
+                case 'left':
+                    element.style.borderLeft = styles.input.border;
+                    element.style.borderRight = 'none';
+                    break;
+                case 'middle':
+                    element.style.borderLeft = styles.input.border;
+                    element.style.borderRight = 'none';
+                    break;
+                case 'right':
+                    element.style.borderLeft = styles.input.border;
+                    element.style.borderRight = styles.input.border;
+                    break;
+            }
+        }
+        else {
+            element.style.border = styles.input.border;
+        }
         element.style.outline = '';
         element.style.boxShadow = '';
         onBlur === null || onBlur === void 0 ? void 0 : onBlur();

package/dist/tokenize/types.d.ts

@@ -1,8 +1,9 @@
 export type PaymentMethodType = 'credit_card' | 'bank_account' | 'paypal' | 'apple_pay' | 'google_pay';
 export type PaymentMethodMode = 'credit_card' | 'bank_account' | 'paypal';
+export type BackendName = 'spreedly' | 'card_connect' | 'iats' | 'paypal_checkout';
 export interface PaymentGateway {
     id: string;
-    backendName: string;
+    backendName: BackendName;
     gatewayType?: string;
     name: string;
     config?: {

package/dist/typeAdapters.js

@@ -111,16 +111,18 @@ function buildCashPaymentPayload(organizationId, input) {
             utmFields.utm_term = input.utm.term;
         }
     }
+    let remainingMeta = input.customerMeta
+        ? Object.assign({}, input.customerMeta) : {};
     if (input.customerMeta) {
         [1, 2, 3, 4, 5].forEach((customNoteIndex) => {
             const key = `custom_note_${customNoteIndex}`;
-            if (input.customerMeta[key]) {
-                donationOptions[key] = input.customerMeta[key];
-                delete input.customerMeta[key];
+            if (remainingMeta[key]) {
+                donationOptions[key] = remainingMeta[key];
+                delete remainingMeta[key];
             }
         });
     }
-    return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, donationOptions), billingAddress), billingContact), payment), utmFields), { customer_meta: input.customerMeta || {}, recaptcha_token: input.recaptchaToken, recaptcha_type: input.recaptchaType });
+    return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, donationOptions), billingAddress), billingContact), payment), utmFields), { customer_meta: remainingMeta, recaptcha_token: input.recaptchaToken, recaptcha_type: input.recaptchaType });
 }
 function buildDonationResult(response) {
     let campaign;

package/package.json

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