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

package/dist/esm/tokenize/Tokenizer.d.ts

@@ -2,9 +2,13 @@ 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 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;
@@ -31,7 +35,7 @@ export declare abstract class Tokenizer {
         expiryId: string;
         cvvId: string;
     };
-    static create(gateway: PaymentGateway, container: TokenizerContainer, config: {
+    static create(rawGateway: PaymentGateway, container: TokenizerContainer, config: {
         organizationId: string;
         embedId: string;
         clientConfig: ConfigHandler;

package/dist/esm/tokenize/Tokenizer.js

@@ -7,15 +7,24 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+import { normalizeGateway } from './gateway-utils';
 import { formatExpiryInput, parseExpiryDate, addFocusHandlers, getConnectedBorderRadius, } from './tokenizer-utils';
 export 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;
@@ -81,7 +90,6 @@ export class Tokenizer {
         expiryEl.addEventListener('input', (e) => {
             const target = e.target;
             target.value = formatExpiryInput(target.value);
-            this.emit('change', { field: 'expiry' });
         });
         expiryEl.addEventListener('keypress', (e) => {
             const char = String.fromCharCode(e.which);
@@ -115,11 +123,15 @@ export class Tokenizer {
             switch (position) {
                 case 'left':
                     element.style.borderLeft = inputStyles.border;
-                    element.style.borderRight = 'none';
+                    element.style.borderRightStyle = 'solid';
+                    element.style.borderRightWidth = '1px';
+                    element.style.borderRightColor = 'transparent';
                     break;
                 case 'middle':
                     element.style.borderLeft = inputStyles.border;
-                    element.style.borderRight = 'none';
+                    element.style.borderRightStyle = 'solid';
+                    element.style.borderRightWidth = '1px';
+                    element.style.borderRightColor = 'transparent';
                     break;
                 case 'right':
                     element.style.borderLeft = inputStyles.border;
@@ -132,7 +144,10 @@ export class Tokenizer {
             element.style.border = inputStyles.border;
             element.style.borderRadius = inputStyles.borderRadius;
         }
-        addFocusHandlers(element, styles);
+        if (!this.focusHandlerElements.has(element)) {
+            addFocusHandlers(element, styles, position);
+            this.focusHandlerElements.add(element);
+        }
     }
     generateFieldIds(containerId) {
         return {
@@ -141,9 +156,10 @@ export class Tokenizer {
             cvvId: `${containerId}-cvv`,
         };
     }
-    static create(gateway, container, config) {
+    static create(rawGateway, container, config) {
         return __awaiter(this, void 0, void 0, function* () {
-            switch (gateway.backend_name) {
+            const gateway = normalizeGateway(rawGateway);
+            switch (gateway.backendName) {
                 case 'spreedly': {
                     const { SpreedlyTokenizer } = yield import('./SpreedlyTokenizer');
                     return SpreedlyTokenizer.create(gateway, container, config);
@@ -157,7 +173,7 @@ export class Tokenizer {
                     return PayPalTokenizer.create(gateway, container, config);
                 }
                 default:
-                    throw new Error(`Unsupported payment backend: ${gateway.backend_name}`);
+                    throw new Error(`Unsupported payment backend: ${gateway.backendName}`);
             }
         });
     }

package/dist/esm/tokenize/gateway-utils.d.ts

@@ -0,0 +1,2 @@
+import { PaymentGateway } from './types';
+export declare function normalizeGateway(input: any): PaymentGateway;

package/dist/esm/tokenize/gateway-utils.js

@@ -0,0 +1,27 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+export function normalizeGateway(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"]);
+    return {
+        id: input.id,
+        backendName: input.backend_name,
+        gatewayType: input.gateway_type,
+        name: input.name,
+        config: input.config
+            ? Object.assign({ environmentKey: environment_key, baseUrl: base_url, merchantId: merchant_id }, extraConfigKeys) : undefined,
+    };
+}

package/dist/esm/tokenize/index.d.ts

@@ -2,6 +2,7 @@ import * as iats from './iats';
 export { Tokenizer } from './Tokenizer';
 export { SpreedlyTokenizer } from './SpreedlyTokenizer';
 export { CardConnectTokenizer } from './CardConnectTokenizer';
-export { PayPalTokenizer } from './PayPalTokenizer';
-export { PaymentMethodType, PaymentGateway, TokenizerContainer, TokenizerStyling, CardData, PaymentData, PaymentToken, CardType, TokenizerEvent, ValidationState, ValidationResult, ValidationError, TokenizationError, } from './types';
+export { PayPalTokenizer, PayPalCreateOrderData } from './PayPalTokenizer';
+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/esm/tokenize/index.js

@@ -4,4 +4,5 @@ export { SpreedlyTokenizer } from './SpreedlyTokenizer';
 export { CardConnectTokenizer } from './CardConnectTokenizer';
 export { PayPalTokenizer } from './PayPalTokenizer';
 export { TokenizationError, } from './types';
+export { normalizeGateway } from './gateway-utils';
 export { iats };

package/dist/esm/tokenize/spreedly-secure.js

@@ -13,6 +13,7 @@ export 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' },
@@ -24,13 +25,16 @@ export 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();
         }
         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/esm/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/esm/tokenize/styles.js

@@ -27,16 +27,35 @@ export const DEFAULT_UNIFIED_STYLES = {
         flexWrap: 'nowrap',
         rowGap: '1rem',
     },
+    twoLine: {
+        padding: '',
+        fontSize: '',
+        textAlign: '',
+    },
+    label: {
+        show: false,
+        fontSize: '0.875rem',
+        fontWeight: 'bold',
+        fontFamily: '',
+        color: '#333',
+        marginBottom: '0.25rem',
+    },
 };
 export function mergeStyles(defaults, userStyles) {
     if (!userStyles)
         return defaults;
-    return {
+    const merged = {
         input: Object.assign(Object.assign({}, defaults.input), userStyles.input),
         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),
+        label: Object.assign(Object.assign({}, defaults.label), userStyles.label),
     };
+    if (!merged.label.fontFamily) {
+        merged.label.fontFamily = merged.input.fontFamily;
+    }
+    return merged;
 }
 export function getContainerStylesForLayout(baseStyles, layout = 'single-line') {
     if (layout === 'two-line') {

package/dist/esm/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/esm/tokenize/tokenizer-constants.js

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

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

@@ -6,7 +6,9 @@ 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 createFieldLabel(text: string, forId: string, styles: TokenizerStylingComplete): HTMLLabelElement;
+export declare function wrapFieldWithLabel(field: HTMLElement, labelText: string, styles: TokenizerStylingComplete): HTMLElement;
 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;
@@ -17,3 +19,4 @@ export declare function validateInstitutionNumber(institutionNumber: string): bo
 export declare function validateTransitNumber(transitNumber: string): boolean;
 export declare function validateCanadianAccountNumber(accountNumber: string): boolean;
 export declare function formatCanadianRoutingNumber(institutionNumber: string, transitNumber: string): string;
+export declare function cssLengthToPixels(value: string): number;

package/dist/esm/tokenize/tokenizer-utils.js

@@ -39,7 +39,7 @@ export function getConnectedBorderRadius(baseRadius, position, isConnected) {
             return baseRadius;
     }
 }
-export function addFocusHandlers(element, styles, onFocus, onBlur) {
+export function addFocusHandlers(element, styles, position, onFocus, onBlur) {
     element.addEventListener('focus', () => {
         if (styles.focus) {
             Object.assign(element.style, styles.focus);
@@ -47,12 +47,69 @@ export function addFocusHandlers(element, styles, onFocus, onBlur) {
         onFocus === null || onFocus === void 0 ? void 0 : onFocus();
     });
     element.addEventListener('blur', () => {
-        element.style.border = styles.input.border;
-        element.style.outline = 'none';
-        element.style.boxShadow = 'none';
+        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':
+                case 'middle':
+                    element.style.borderLeft = styles.input.border;
+                    element.style.borderRightStyle = 'solid';
+                    element.style.borderRightWidth = '1px';
+                    element.style.borderRightColor = 'transparent';
+                    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();
     });
 }
+export function createFieldLabel(text, forId, styles) {
+    const label = document.createElement('label');
+    label.htmlFor = forId;
+    label.textContent = text;
+    label.style.display = styles.label.show ? 'block' : 'none';
+    label.style.fontSize = styles.label.fontSize;
+    label.style.fontWeight = styles.label.fontWeight;
+    label.style.fontFamily = styles.label.fontFamily;
+    label.style.color = styles.label.color;
+    label.style.marginBottom = styles.label.marginBottom;
+    return label;
+}
+export function wrapFieldWithLabel(field, labelText, styles) {
+    if (!styles.label.show)
+        return field;
+    const wrapper = document.createElement('div');
+    wrapper.style.display = 'flex';
+    wrapper.style.flexDirection = 'column';
+    if (field.style.flex) {
+        wrapper.style.flex = field.style.flex;
+        field.style.flex = '';
+    }
+    if (field.style.minWidth) {
+        wrapper.style.minWidth = field.style.minWidth;
+    }
+    if (field.style.maxWidth) {
+        wrapper.style.maxWidth = field.style.maxWidth;
+    }
+    if (field.style.flexBasis) {
+        wrapper.style.flexBasis = field.style.flexBasis;
+        field.style.flexBasis = '';
+    }
+    const label = createFieldLabel(labelText, field.id, styles);
+    wrapper.appendChild(label);
+    wrapper.appendChild(field);
+    return wrapper;
+}
 export function createFieldContainer(id, flex, minWidth, maxWidth) {
     const div = document.createElement('div');
     div.id = id;
@@ -137,3 +194,19 @@ export function formatCanadianRoutingNumber(institutionNumber, transitNumber) {
     const transit = transitNumber.replace(/\D/g, '').padStart(5, '0');
     return '0' + institution + transit;
 }
+export function cssLengthToPixels(value) {
+    const num = parseFloat(value);
+    if (isNaN(num)) {
+        console.warn(`[cssLengthToPixels] Cannot parse "${value}", defaulting to 14px`);
+        return 14;
+    }
+    if (value.endsWith('rem'))
+        return num * 16;
+    if (value.endsWith('pt'))
+        return num * 1.333;
+    if (value.endsWith('px') || !value.match(/[a-z%]/i))
+        return num;
+    console.warn(`[cssLengthToPixels] Unsupported unit in "${value}". ` +
+        `Only px, rem, and pt are supported. Using ${num}px as approximation.`);
+    return num;
+}

package/dist/esm/tokenize/types.d.ts

@@ -1,14 +1,15 @@
 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 type BackendName = 'spreedly' | 'card_connect' | 'iats' | 'paypal_checkout';
 export interface PaymentGateway {
     id: string;
-    backend_name: string;
-    gateway_type?: string;
+    backendName: BackendName;
+    gatewayType?: string;
     name: string;
     config?: {
-        environment_key?: string;
-        base_url?: string;
-        merchant_id?: string;
+        environmentKey?: string;
+        baseUrl?: string;
+        merchantId?: string;
         [key: string]: any;
     };
 }
@@ -18,7 +19,17 @@ export interface TokenizerContainer {
     mode?: PaymentMethodMode;
     bankCountry?: 'US' | 'CA';
     enableTestMode?: boolean;
-    layout?: 'single-line' | 'two-line';
+    layout?: 'single-line' | 'two-line' | 'responsive';
+    responsiveBreakpoint?: number;
+    placeholders?: {
+        cardNumber?: string;
+        expiry?: string;
+        expiryMonth?: string;
+        expiryYear?: string;
+        cvv?: string;
+        routingNumber?: string;
+        accountNumber?: string;
+    };
 }
 export interface TokenizerStylingComplete {
     input: {
@@ -52,6 +63,19 @@ export interface TokenizerStylingComplete {
         flexWrap?: string;
         rowGap?: string;
     };
+    twoLine: {
+        padding: string;
+        fontSize: string;
+        textAlign: string;
+    };
+    label: {
+        show: boolean;
+        fontSize: string;
+        fontWeight: string;
+        fontFamily: string;
+        color: string;
+        marginBottom: string;
+    };
 }
 type DeepPartial<T> = T extends object ? {
     [P in keyof T]?: DeepPartial<T[P]>;
@@ -100,9 +124,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/esm/typeAdapters.js

@@ -102,16 +102,18 @@ export 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 });
 }
 export function buildDonationResult(response) {
     let campaign;

package/dist/esm/types.d.ts

@@ -53,7 +53,8 @@ export type ACHAccount = {
     accountHolderType: 'personal' | 'business';
     accountType: 'checking' | 'savings';
 };
-export type PaymentMethodType = 'credit_card' | 'bank_account' | 'paypal' | 'apple_pay' | 'google_pay';
+import { PaymentMethodType } from './tokenize/types';
+export { PaymentMethodType } from './tokenize/types';
 export type RecaptchaType = 'v2' | 'v3' | 'invisible' | 'organization' | 'nonce' | 'bypass';
 export type RecaptchaSecuredRequest = {
     recaptchaType: RecaptchaType;
@@ -274,15 +275,8 @@ export type TokenizeCardConnectResult = {
     errorcode: number;
 };
 export type BackendName = 'spreedly' | 'card_connect' | 'iats' | 'paypal_checkout';
-export type PaymentGateway = {
-    id: string;
-    name: string;
-    backend_name: BackendName;
-    gateway_type?: string;
-    config?: {
-        [key: string]: any;
-    };
-};
+import { PaymentGateway } from './tokenize/types';
+export { PaymentGateway } from './tokenize/types';
 export interface EmbedConfig {
     embed_id?: string;
     organization_id?: string;

package/dist/idonate-client.js

@@ -149,10 +149,10 @@ class iDonateClient {
         if (!this.allowTransaction) {
             throw new Error('Wow, that was fast - try again');
         }
-        if (!donation.embedId) {
-            donation.embedId = this.embedId;
-        }
-        const payload = (0, typeAdapters_1.buildCashPaymentPayload)(this.organizationId, donation);
+        const donationWithEmbed = donation.embedId
+            ? donation
+            : Object.assign(Object.assign({}, donation), { embedId: this.embedId });
+        const payload = (0, typeAdapters_1.buildCashPaymentPayload)(this.organizationId, donationWithEmbed);
         const fetchCall = (clearanceToken) => fetch(`${this.config.embedApiBaseUrl}/donate/cash-payment`, {
             method: 'POST',
             headers: Object.assign(Object.assign(Object.assign({}, constants_1.CLIENT_HEADERS), (clearanceToken ? { 'cf-validation-token': clearanceToken } : {})), { 'User-Agent': constants_1.CLIENT_HEADERS['User-Agent'] + ' source:' + this.config.client }),
@@ -180,10 +180,10 @@ class iDonateClient {
         });
     }
     createPaymentMethod(paymentMethod) {
-        if (!paymentMethod.embedId) {
-            paymentMethod.embedId = this.embedId;
-        }
-        return shared.createPaymentMethod(paymentMethod, this.config);
+        const pmWithEmbed = paymentMethod.embedId
+            ? paymentMethod
+            : Object.assign(Object.assign({}, paymentMethod), { embedId: this.embedId });
+        return shared.createPaymentMethod(pmWithEmbed, this.config);
     }
     setOrganizationId(organizationId) {
         this.currentOrganizationId = organizationId;
@@ -195,7 +195,16 @@ class iDonateClient {
         return new Promise((resolve, reject) => {
             setTimeout(() => {
                 let pollHandle;
+                let attempts = 0;
+                const maxAttempts = 90;
                 pollHandle = setInterval(() => {
+                    attempts++;
+                    if (attempts > maxAttempts) {
+                        clearInterval(pollHandle);
+                        pollHandle = null;
+                        reject(new types_1.ClientError('Donation processing timed out. Please check your email for a receipt or contact support.'));
+                        return;
+                    }
                     fetch(`${this.config.embedApiBaseUrl}/donate/cash-payment/${donationId}/payment_status`, {
                         method: 'GET',
                         headers: {
@@ -212,6 +221,7 @@ class iDonateClient {
                             }
                             if (response.error) {
                                 reject(new types_1.ClientError(response.error));
+                                return;
                             }
                             resolve((0, typeAdapters_1.buildDonationResult)({
                                 _raw_response: Object.assign({ campaign: null, designation: {}, donor: {}, form_data: {}, id: null, schedule: {}, transaction: {} }, response),

package/dist/recaptcha.d.ts

@@ -10,3 +10,4 @@ export declare class RecaptchaElement {
     resolveToken(): Promise<string>;
 }
 export declare function wrapElement(container: string, sitekey: string, extraParams?: any): RecaptchaElement;
+export declare function wrapElementWithThrow(container: string, sitekey: string, extraParams?: any): Promise<RecaptchaElement>;

package/dist/recaptcha.js

@@ -1,8 +1,18 @@
 "use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RecaptchaElement = void 0;
 exports.injectScript = injectScript;
 exports.wrapElement = wrapElement;
+exports.wrapElementWithThrow = wrapElementWithThrow;
 function resolveLib() {
     const startWait = new Date();
     return new Promise((resolve, reject) => {
@@ -57,9 +67,16 @@ class RecaptchaElement {
             this.widgetId = lib.render(this.container, Object.assign(Object.assign({}, this.params), { callback: (token) => {
                     var _a;
                     this.resolvedToken = token;
-                    (_a = this.executeResolveQueue.pop()) === null || _a === void 0 ? void 0 : _a(token);
+                    (_a = this.executeResolveQueue.shift()) === null || _a === void 0 ? void 0 : _a.resolve(token);
                 }, 'expired-callback': () => {
                     this.resolvedToken = undefined;
+                }, 'error-callback': () => {
+                    var _a;
+                    this.resolvedToken = undefined;
+                    const error = new Error('reCAPTCHA encountered an error. Please try again.');
+                    while (this.executeResolveQueue.length > 0) {
+                        (_a = this.executeResolveQueue.shift()) === null || _a === void 0 ? void 0 : _a.reject(error);
+                    }
                 } }));
         });
     }
@@ -73,7 +90,7 @@ class RecaptchaElement {
                         ? resolve(response)
                         : reject(new Error('checkbox recaptcha is not checked'));
                 }
-                this.executeResolveQueue.push(resolve);
+                this.executeResolveQueue.push({ resolve, reject });
                 if (this.resolvedToken !== undefined) {
                     this.resolvedToken = undefined;
                     lib.reset(this.widgetId);
@@ -93,3 +110,11 @@ function wrapElement(container, sitekey, extraParams) {
     captcha.render();
     return captcha;
 }
+function wrapElementWithThrow(container, sitekey, extraParams) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const params = Object.assign(Object.assign({}, (extraParams || {})), { sitekey });
+        const captcha = new RecaptchaElement(container, params);
+        yield captcha.render();
+        return captcha;
+    });
+}

package/dist/shared.js

@@ -5,6 +5,7 @@ exports.fetchEmbedConfig = fetchEmbedConfig;
 const typeAdapters_1 = require("./typeAdapters");
 const constants_1 = require("./constants");
 const util_1 = require("./util");
+const gateway_utils_1 = require("./tokenize/gateway-utils");
 function createPaymentMethod(paymentMethod, config) {
     const payload = (0, typeAdapters_1.buildCreatePaymentMethodPayload)(paymentMethod);
     return fetch(`${config.embedApiBaseUrl}/payment/payment-methods`, {
@@ -21,5 +22,12 @@ function fetchEmbedConfig(embedId, config) {
         headers: constants_1.CLIENT_HEADERS,
     })
         .then((response) => (0, util_1.parseResponse)(response, { throwErrors: true }))
-        .then((response) => response._raw_response.result);
+        .then((response) => {
+        const config = response._raw_response.result;
+        if (config.available_gateways) {
+            config.available_gateways =
+                config.available_gateways.map(gateway_utils_1.normalizeGateway);
+        }
+        return config;
+    });
 }