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

package/dist/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/tokenize/Tokenizer.js

@@ -43,15 +43,24 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tokenizer = void 0;
+const gateway_utils_1 = require("./gateway-utils");
 const tokenizer_utils_1 = require("./tokenizer-utils");
 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;
@@ -117,7 +126,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);
@@ -151,11 +159,15 @@ 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;
@@ -168,7 +180,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 {
@@ -177,9 +192,10 @@ 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 = (0, gateway_utils_1.normalizeGateway)(rawGateway);
+            switch (gateway.backendName) {
                 case 'spreedly': {
                     const { SpreedlyTokenizer } = yield Promise.resolve().then(() => __importStar(require('./SpreedlyTokenizer')));
                     return SpreedlyTokenizer.create(gateway, container, config);
@@ -193,7 +209,7 @@ 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/tokenize/gateway-utils.d.ts

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

package/dist/tokenize/gateway-utils.js

@@ -0,0 +1,30 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.normalizeGateway = normalizeGateway;
+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/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/tokenize/index.js

@@ -33,7 +33,7 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.iats = exports.TokenizationError = exports.PayPalTokenizer = exports.CardConnectTokenizer = exports.SpreedlyTokenizer = exports.Tokenizer = void 0;
+exports.iats = exports.normalizeGateway = exports.TokenizationError = exports.PayPalTokenizer = exports.CardConnectTokenizer = exports.SpreedlyTokenizer = exports.Tokenizer = void 0;
 const iats = __importStar(require("./iats"));
 exports.iats = iats;
 var Tokenizer_1 = require("./Tokenizer");
@@ -46,3 +46,5 @@ var PayPalTokenizer_1 = require("./PayPalTokenizer");
 Object.defineProperty(exports, "PayPalTokenizer", { enumerable: true, get: function () { return PayPalTokenizer_1.PayPalTokenizer; } });
 var types_1 = require("./types");
 Object.defineProperty(exports, "TokenizationError", { enumerable: true, get: function () { return types_1.TokenizationError; } });
+var gateway_utils_1 = require("./gateway-utils");
+Object.defineProperty(exports, "normalizeGateway", { enumerable: true, get: function () { return gateway_utils_1.normalizeGateway; } });

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,13 +28,16 @@ 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/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/tokenize/styles.js

@@ -32,16 +32,35 @@ exports.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',
+    },
 };
 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;
 }
 function getContainerStylesForLayout(baseStyles, layout = 'single-line') {
     if (layout === 'two-line') {

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FIELD_CONSTRAINTS = exports.PLACEHOLDERS = exports.CANADIAN_BANK_FIELD_FLEX = exports.BANK_FIELD_FLEX = exports.FIELD_FLEX = exports.TOKENIZE_TIMEOUT = exports.INIT_TIMEOUT = void 0;
+exports.RESPONSIVE_BREAKPOINT = exports.FIELD_CONSTRAINTS = exports.PLACEHOLDERS = exports.CANADIAN_BANK_FIELD_FLEX = exports.BANK_FIELD_FLEX = exports.FIELD_FLEX = exports.TOKENIZE_TIMEOUT = exports.INIT_TIMEOUT = void 0;
 exports.INIT_TIMEOUT = 10000;
 exports.TOKENIZE_TIMEOUT = 30000;
 exports.FIELD_FLEX = {
@@ -63,3 +63,4 @@ exports.FIELD_CONSTRAINTS = {
         maxLength: 4,
     },
 };
+exports.RESPONSIVE_BREAKPOINT = 400;

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

@@ -5,6 +5,8 @@ exports.formatExpiryInput = formatExpiryInput;
 exports.withTimeout = withTimeout;
 exports.getConnectedBorderRadius = getConnectedBorderRadius;
 exports.addFocusHandlers = addFocusHandlers;
+exports.createFieldLabel = createFieldLabel;
+exports.wrapFieldWithLabel = wrapFieldWithLabel;
 exports.createFieldContainer = createFieldContainer;
 exports.createInputElement = createInputElement;
 exports.validateRoutingNumber = validateRoutingNumber;
@@ -15,6 +17,7 @@ exports.validateInstitutionNumber = validateInstitutionNumber;
 exports.validateTransitNumber = validateTransitNumber;
 exports.validateCanadianAccountNumber = validateCanadianAccountNumber;
 exports.formatCanadianRoutingNumber = formatCanadianRoutingNumber;
+exports.cssLengthToPixels = cssLengthToPixels;
 function parseExpiryDate(value) {
     const parts = value.split('/');
     if (parts.length !== 2)
@@ -56,7 +59,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,12 +67,69 @@ 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();
     });
 }
+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;
+}
+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;
+}
 function createFieldContainer(id, flex, minWidth, maxWidth) {
     const div = document.createElement('div');
     div.id = id;
@@ -154,3 +214,19 @@ function formatCanadianRoutingNumber(institutionNumber, transitNumber) {
     const transit = transitNumber.replace(/\D/g, '').padStart(5, '0');
     return '0' + institution + transit;
 }
+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/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/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/dist/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/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@idonatedev/idonate-sdk",
 	"author": "iDonate",
-	"version": "1.2.0-dev2",
+	"version": "1.2.0-dev20",
 	"sideEffects": false,
 	"description": "iDonate Web SDK",
 	"engines": {
@@ -17,6 +17,31 @@
 			"require": "./dist/index.js",
 			"types": "./dist/index.d.ts"
 		},
+		"./tokenize": {
+			"import": "./dist/esm/tokenize/index.js",
+			"require": "./dist/tokenize/index.js",
+			"types": "./dist/tokenize/index.d.ts"
+		},
+		"./client": {
+			"import": "./dist/esm/idonate-client.js",
+			"require": "./dist/idonate-client.js",
+			"types": "./dist/idonate-client.d.ts"
+		},
+		"./recaptcha": {
+			"import": "./dist/esm/recaptcha.js",
+			"require": "./dist/recaptcha.js",
+			"types": "./dist/recaptcha.d.ts"
+		},
+		"./cloudflare-challenge-handler": {
+			"import": "./dist/esm/cloudflare-challenge-handler.js",
+			"require": "./dist/cloudflare-challenge-handler.js",
+			"types": "./dist/cloudflare-challenge-handler.d.ts"
+		},
+		"./dist/tokenize": {
+			"import": "./dist/esm/tokenize/index.js",
+			"require": "./dist/tokenize/index.js",
+			"types": "./dist/tokenize/index.d.ts"
+		},
 		"./dist/cloudflare-challenge-handler": {
 			"import": "./dist/esm/cloudflare-challenge-handler.js",
 			"require": "./dist/cloudflare-challenge-handler.js",
@@ -26,6 +51,11 @@
 			"import": "./dist/esm/idonate-client.js",
 			"require": "./dist/idonate-client.js",
 			"types": "./dist/idonate-client.d.ts"
+		},
+		"./dist/recaptcha": {
+			"import": "./dist/esm/recaptcha.js",
+			"require": "./dist/recaptcha.js",
+			"types": "./dist/recaptcha.d.ts"
 		}
 	},
 	"files": [
@@ -89,5 +119,6 @@
 		"@types/spreedly-iframe-browser": "^1.0.3",
 		"@types/uuid": "^8.3.1",
 		"uuid": "^8.3.2"
-	}
+	},
+	"packageManager": "pnpm@10.15.1+sha512.34e538c329b5553014ca8e8f4535997f96180a1d0f614339357449935350d924e22f8614682191264ec33d1462ac21561aff97f6bb18065351c162c7e8f6de67"
 }