@idonatedev/idonate-sdk 1.2.0-dev2 → 1.2.0-dev20

package/dist/tokenize/PayPalTokenizer.d.ts

@@ -31,12 +31,17 @@ 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 containerEl?;
     private paypalButtonContainer?;
+    private buttonsInstance?;
     private cachedToken?;
     private currency;
     private amount?;
@@ -49,6 +54,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

@@ -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');
@@ -33,6 +34,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,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) => {
@@ -81,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,
@@ -104,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);
@@ -147,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),
@@ -158,23 +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) {
+            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 || 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,
-            currency: this.currency,
+            organization_id: this.organizationId,
+            embed_id: this.embedId,
+            currency: orderCurrency,
+            amount: orderAmount,
         };
-        if (this.amount !== undefined) {
-            requestBody.amount = this.amount;
-        }
         return fetch(endpoint, {
             method: 'POST',
-            headers: {
-                'Content-Type': 'application/json',
-            },
+            headers: constants_1.CLIENT_HEADERS,
+            credentials: 'include',
             body: JSON.stringify(requestBody),
         })
             .then((response) => {
@@ -201,6 +238,7 @@ class PayPalTokenizer extends Tokenizer_1.Tokenizer {
             const token = {
                 token: data.orderID,
                 lastFour: data.orderID.slice(-4),
+                paymentMethodType: 'paypal',
                 provider: 'paypal_checkout',
                 paymentMethodId: this.paymentMethodId,
                 paymentTransactionId: this.paymentTransactionId,
@@ -230,6 +268,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: [],
@@ -243,6 +284,15 @@ class PayPalTokenizer extends Tokenizer_1.Tokenizer {
     focus(field) {
     }
     destroy() {
+        this.markDestroyed();
+        if (this.buttonsInstance) {
+            try {
+                this.buttonsInstance.close();
+            }
+            catch (_a) {
+            }
+            this.buttonsInstance = undefined;
+        }
         if (this.containerEl) {
             this.containerEl.innerHTML = '';
         }

package/dist/tokenize/SpreedlyTokenizer.d.ts

@@ -6,6 +6,7 @@ export declare class SpreedlyTokenizer extends Tokenizer {
     private environmentKey;
     private containerId;
     private layout;
+    private customPlaceholders?;
     private spreedly;
     private currentValidationState;
     private mergedStyles;
@@ -24,6 +25,15 @@ export declare class SpreedlyTokenizer extends Tokenizer {
     private institutionNumberEl?;
     private transitNumberEl?;
     private enableTestMode;
+    private resizeObserver?;
+    private effectiveLayout;
+    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;
@@ -33,6 +43,7 @@ export declare class SpreedlyTokenizer extends Tokenizer {
     private init;
     tokenize(paymentData: PaymentData): Promise<PaymentToken>;
     private tokenizeCardInternal;
+    private executeCardTokenization;
     private createCanadianBankAccountFields;
     private tokenizeBankAccountInternal;
     validate(): Promise<ValidationResult>;
@@ -42,6 +53,10 @@ export declare class SpreedlyTokenizer extends Tokenizer {
     private stylesToCssString;
     clear(): void;
     focus(field: 'cardNumber' | 'cvv' | 'expiry' | 'routingNumber' | 'accountNumber'): void;
+    private determineLayout;
+    private setupResizeObserver;
+    private applyLayoutStyles;
+    private clearTokenizationState;
     destroy(): void;
     hasToken(): boolean;
     getToken(): PaymentToken | null;
@@ -49,6 +64,7 @@ export declare class SpreedlyTokenizer extends Tokenizer {
     private updateOverallValidation;
     private handleFieldEvent;
     private createInternalElements;
+    private appendField;
     private createCreditCardFields;
     private createBankAccountFields;
     private createUSBankAccountFields;
@@ -67,7 +83,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;