@funnelfox/billing 0.8.0 → 0.9.0-beta.1

package/dist/chunk-index.cjs.js

@@ -491,7 +491,7 @@ exports.PaymentMethod = void 0;
 /**
  * @fileoverview Constants for Funnefox SDK
  */
-const SDK_VERSION = '0.8.0';
+const SDK_VERSION = '0.9.0-beta.1';
 const DEFAULTS = {
     BASE_URL: 'https://billing.funnelfox.com',
     REGION: 'default',
@@ -1128,7 +1128,7 @@ class APIClient {
     async createClientSession(params) {
         const payload = {
             region: params.region || 'default',
-            integration_type: 'primer',
+            integration_type: params.integration ?? 'primer',
             pp_ident: params.priceId,
             external_id: params.externalId,
             email_address: params.email,
@@ -1264,6 +1264,45 @@ class APIClient {
     }
 }
 
+class SessionService {
+    constructor() {
+        this.cache = new Map();
+    }
+    buildCacheKey(p) {
+        return [p.orgId, p.priceId, p.externalId, p.email, p.integration].join('-');
+    }
+    makeClient(orgId, baseUrl) {
+        return new APIClient({
+            baseUrl: baseUrl || DEFAULTS.BASE_URL,
+            orgId,
+            timeout: DEFAULTS.REQUEST_TIMEOUT,
+            retryAttempts: DEFAULTS.RETRY_ATTEMPTS,
+        });
+    }
+    createSession(p) {
+        const key = this.buildCacheKey(p);
+        const cached = this.cache.get(key);
+        if (cached)
+            return cached;
+        const client = this.makeClient(p.orgId, p.baseUrl);
+        const req = client.createClientSession({
+            priceId: p.priceId,
+            externalId: p.externalId,
+            email: p.email,
+            region: p.region || DEFAULTS.REGION,
+            clientMetadata: p.clientMetadata,
+            countryCode: p.countryCode,
+            integration: p.integration,
+        });
+        this.cache.set(key, req);
+        return req;
+    }
+    clearCache() {
+        this.cache.clear();
+    }
+}
+var sessionService = new SessionService();
+
 var loaderHtml = "<div class=\"ff-sdk-loader-container\">\n  <div class=\"ff-sdk-loader\"></div>\n</div>\n";
 
 if(typeof document!=="undefined")document.head.appendChild(document.createElement("style")).textContent=".ff-sdk-loader-container {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background-color: rgba(255, 255, 255);\n    z-index: 2;\n}\n\n.ff-sdk-loader {\n    width: 24px;\n    height: 24px;\n    border: 4px solid #e32f41;\n    border-top: 4px solid transparent;\n    border-radius: 50%;\n    animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }";
@@ -1858,6 +1897,12 @@ class CheckoutInstance extends EventEmitter {
         this.cardEmailAddress = this.checkoutConfig.customer.email;
         this.shouldApplySessionCardholderNameConfig =
             this.checkoutConfig.card?.cardholderName?.required === undefined;
+        this.apiClient = new APIClient({
+            baseUrl: this.baseUrl || DEFAULTS.BASE_URL,
+            orgId: this.orgId,
+            timeout: DEFAULTS.REQUEST_TIMEOUT,
+            retryAttempts: DEFAULTS.RETRY_ATTEMPTS,
+        });
         this._setupCallbackBridges();
     }
     _setupCallbackBridges() {
@@ -1899,64 +1944,35 @@ class CheckoutInstance extends EventEmitter {
         }
     }
     async createSession() {
-        this.apiClient = new APIClient({
-            baseUrl: this.baseUrl || DEFAULTS.BASE_URL,
+        const response = await sessionService.createSession({
             orgId: this.orgId,
-            timeout: DEFAULTS.REQUEST_TIMEOUT,
-            retryAttempts: DEFAULTS.RETRY_ATTEMPTS,
-        });
-        const sessionParams = {
+            baseUrl: this.baseUrl,
             priceId: this.checkoutConfig.priceId,
             externalId: this.checkoutConfig.customer.externalId,
             email: this.checkoutConfig.customer.email,
-            region: this.region || DEFAULTS.REGION,
+            region: this.region,
             clientMetadata: this.checkoutConfig.clientMetadata,
             countryCode: this.checkoutConfig.customer.countryCode,
-        };
-        const cacheKey = [
-            this.orgId,
-            this.checkoutConfig.priceId,
-            this.checkoutConfig.customer.externalId,
-            this.checkoutConfig.customer.email,
-        ].join('-');
-        let sessionResponse;
-        // Return cached response if payload hasn't changed
-        const cachedResponse = CheckoutInstance.sessionCache.get(cacheKey);
-        if (cachedResponse) {
-            sessionResponse = await cachedResponse;
-        }
-        else {
-            const sessionRequest = this.apiClient
-                .createClientSession(sessionParams)
-                .then((response) => {
-                const cachedResponse = response;
-                if (response.data?.stripe_public_key) {
-                    const stripePublicKey = response.data.stripe_public_key;
-                    cachedResponse.radarSessionId = loadStripe(stripePublicKey)
-                        .then(stripe => stripe
-                        ? stripe
-                            .createRadarSession()
-                            .then(session => session?.radarSession?.id || '')
-                            .catch(() => '')
-                        : '')
-                        .catch(() => '');
-                }
-                // Initialize Airwallex device fingerprinting if enabled by backend
-                if (response.data?.airwallex_risk_enabled) {
-                    const isLivemode = response.data?.is_livemode;
-                    const deviceId = generateUUID();
-                    cachedResponse.airwallexDeviceId = loadAirwallexDeviceFingerprint(deviceId, isLivemode)
-                        .then(() => deviceId)
-                        .catch(() => {
-                        // Silently fail - return deviceId anyway
-                        return deviceId;
-                    });
-                }
-                return cachedResponse;
-            });
-            // Cache the successful response
-            CheckoutInstance.sessionCache.set(cacheKey, sessionRequest);
-            sessionResponse = await sessionRequest;
+            integration: 'primer',
+        });
+        const sessionResponse = response;
+        if (response.data?.stripe_public_key) {
+            const stripePublicKey = response.data.stripe_public_key;
+            sessionResponse.radarSessionId = loadStripe(stripePublicKey)
+                .then(stripe => stripe
+                ? stripe
+                    .createRadarSession()
+                    .then(session => session?.radarSession?.id || '')
+                    .catch(() => '')
+                : '')
+                .catch(() => '');
+        }
+        if (response.data?.airwallex_risk_enabled) {
+            const isLivemode = response.data?.is_livemode;
+            const deviceId = generateUUID();
+            sessionResponse.airwallexDeviceId = loadAirwallexDeviceFingerprint(deviceId, isLivemode)
+                .then(() => deviceId)
+                .catch(() => deviceId);
         }
         this.cachedSessionResponse = sessionResponse;
         this.isTelemetryEnabled = !!sessionResponse.data?.sdk_telemetry_enabled;
@@ -2215,8 +2231,7 @@ class CheckoutInstance extends EventEmitter {
         try {
             this.onLoaderChangeWithRace(true);
             this._setState('updating');
-            // Invalidate session cache
-            CheckoutInstance.sessionCache.clear();
+            sessionService.clearCache();
             await this.apiClient.updateClientSession({
                 orderId: this.orderId,
                 clientToken: this.clientToken,
@@ -2249,7 +2264,7 @@ class CheckoutInstance extends EventEmitter {
             return;
         try {
             this.stopUnhandledTelemetry();
-            CheckoutInstance.sessionCache.clear();
+            sessionService.clearCache();
             await this.primerWrapper.destroy();
             this._setState('destroyed');
             this.orderId = null;
@@ -2460,7 +2475,6 @@ class CheckoutInstance extends EventEmitter {
         this.telemetryPaymentMethod = undefined;
     }
 }
-CheckoutInstance.sessionCache = new Map();
 
 /**
  * @fileoverview Public API with configuration and orchestration logic
@@ -2651,6 +2665,71 @@ async function getAvailablePaymentMethods(params) {
         throw error;
     }
 }
+async function createStripeCardForm(element, params) {
+    const config = resolveConfig(params, 'createStripeCardForm');
+    const [session, { mountStripeCardForm }] = await Promise.all([
+        sessionService.createSession({
+            orgId: config.orgId,
+            baseUrl: config.baseUrl,
+            region: config.region,
+            priceId: params.priceId,
+            externalId: params.externalId,
+            email: params.email,
+            clientMetadata: params.clientMetadata,
+            countryCode: params.countryCode,
+            integration: 'stripe',
+        }),
+        Promise.resolve().then(function () { return require('./chunk-stripe-card-form.cjs.js'); }),
+    ]);
+    return mountStripeCardForm(element, session, params);
+}
+async function purchaseStripeWallet(params) {
+    const config = resolveConfig(params, 'purchaseStripeWallet');
+    const [session, { purchaseWallet }] = await Promise.all([
+        sessionService.createSession({
+            orgId: config.orgId,
+            baseUrl: config.baseUrl,
+            region: config.region,
+            priceId: params.priceId,
+            externalId: params.externalId,
+            email: params.email,
+            clientMetadata: params.clientMetadata,
+            countryCode: params.countryCode,
+            integration: 'stripe',
+        }),
+        Promise.resolve().then(function () { return require('./chunk-stripe-wallet.cjs.js'); }),
+    ]);
+    return purchaseWallet(session, params);
+}
+async function getAvailableStripeWallet(params) {
+    const config = resolveConfig(params, 'getAvailableStripeWallet');
+    const [session, { getAvailableWallet }] = await Promise.all([
+        sessionService.createSession({
+            orgId: config.orgId,
+            baseUrl: config.baseUrl,
+            region: config.region,
+            priceId: params.priceId,
+            externalId: params.externalId,
+            email: params.email,
+            clientMetadata: params.clientMetadata,
+            countryCode: params.countryCode,
+            integration: 'stripe',
+        }),
+        Promise.resolve().then(function () { return require('./chunk-stripe-wallet.cjs.js'); }),
+    ]);
+    const result = await getAvailableWallet(session);
+    if (result === 'APPLE_PAY')
+        return exports.PaymentMethod.APPLE_PAY;
+    if (result === 'GOOGLE_PAY')
+        return exports.PaymentMethod.GOOGLE_PAY;
+    return null;
+}
+async function getAvailableStripePaymentMethods(params) {
+    const wallet = await getAvailableStripeWallet(params);
+    return wallet
+        ? [exports.PaymentMethod.PAYMENT_CARD, wallet]
+        : [exports.PaymentMethod.PAYMENT_CARD];
+}
 
 /**
  * @fileoverview Main entry point for @funnelfox/billing
@@ -2662,6 +2741,12 @@ const Billing = {
     initMethod: initMethod,
     silentPurchase: silentPurchase,
     getAvailablePaymentMethods: getAvailablePaymentMethods,
+    stripe: {
+        createCardForm: createStripeCardForm,
+        purchaseWallet: purchaseStripeWallet,
+        getAvailableWallet: getAvailableStripeWallet,
+        getAvailablePaymentMethods: getAvailableStripePaymentMethods,
+    },
 };
 if (typeof window !== 'undefined') {
     window.Billing = Billing;
@@ -2685,3 +2770,4 @@ exports.configure = configure;
 exports.createCheckout = createCheckout;
 exports.createClientSession = createClientSession;
 exports.getAvailablePaymentMethods = getAvailablePaymentMethods;
+exports.loadStripe = loadStripe;

package/dist/chunk-index.es.js

@@ -489,7 +489,7 @@ var PaymentMethod;
 /**
  * @fileoverview Constants for Funnefox SDK
  */
-const SDK_VERSION = '0.8.0';
+const SDK_VERSION = '0.9.0-beta.1';
 const DEFAULTS = {
     BASE_URL: 'https://billing.funnelfox.com',
     REGION: 'default',
@@ -1126,7 +1126,7 @@ class APIClient {
     async createClientSession(params) {
         const payload = {
             region: params.region || 'default',
-            integration_type: 'primer',
+            integration_type: params.integration ?? 'primer',
             pp_ident: params.priceId,
             external_id: params.externalId,
             email_address: params.email,
@@ -1262,6 +1262,45 @@ class APIClient {
     }
 }
 
+class SessionService {
+    constructor() {
+        this.cache = new Map();
+    }
+    buildCacheKey(p) {
+        return [p.orgId, p.priceId, p.externalId, p.email, p.integration].join('-');
+    }
+    makeClient(orgId, baseUrl) {
+        return new APIClient({
+            baseUrl: baseUrl || DEFAULTS.BASE_URL,
+            orgId,
+            timeout: DEFAULTS.REQUEST_TIMEOUT,
+            retryAttempts: DEFAULTS.RETRY_ATTEMPTS,
+        });
+    }
+    createSession(p) {
+        const key = this.buildCacheKey(p);
+        const cached = this.cache.get(key);
+        if (cached)
+            return cached;
+        const client = this.makeClient(p.orgId, p.baseUrl);
+        const req = client.createClientSession({
+            priceId: p.priceId,
+            externalId: p.externalId,
+            email: p.email,
+            region: p.region || DEFAULTS.REGION,
+            clientMetadata: p.clientMetadata,
+            countryCode: p.countryCode,
+            integration: p.integration,
+        });
+        this.cache.set(key, req);
+        return req;
+    }
+    clearCache() {
+        this.cache.clear();
+    }
+}
+var sessionService = new SessionService();
+
 var loaderHtml = "<div class=\"ff-sdk-loader-container\">\n  <div class=\"ff-sdk-loader\"></div>\n</div>\n";
 
 if(typeof document!=="undefined")document.head.appendChild(document.createElement("style")).textContent=".ff-sdk-loader-container {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background-color: rgba(255, 255, 255);\n    z-index: 2;\n}\n\n.ff-sdk-loader {\n    width: 24px;\n    height: 24px;\n    border: 4px solid #e32f41;\n    border-top: 4px solid transparent;\n    border-radius: 50%;\n    animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }";
@@ -1856,6 +1895,12 @@ class CheckoutInstance extends EventEmitter {
         this.cardEmailAddress = this.checkoutConfig.customer.email;
         this.shouldApplySessionCardholderNameConfig =
             this.checkoutConfig.card?.cardholderName?.required === undefined;
+        this.apiClient = new APIClient({
+            baseUrl: this.baseUrl || DEFAULTS.BASE_URL,
+            orgId: this.orgId,
+            timeout: DEFAULTS.REQUEST_TIMEOUT,
+            retryAttempts: DEFAULTS.RETRY_ATTEMPTS,
+        });
         this._setupCallbackBridges();
     }
     _setupCallbackBridges() {
@@ -1897,64 +1942,35 @@ class CheckoutInstance extends EventEmitter {
         }
     }
     async createSession() {
-        this.apiClient = new APIClient({
-            baseUrl: this.baseUrl || DEFAULTS.BASE_URL,
+        const response = await sessionService.createSession({
             orgId: this.orgId,
-            timeout: DEFAULTS.REQUEST_TIMEOUT,
-            retryAttempts: DEFAULTS.RETRY_ATTEMPTS,
-        });
-        const sessionParams = {
+            baseUrl: this.baseUrl,
             priceId: this.checkoutConfig.priceId,
             externalId: this.checkoutConfig.customer.externalId,
             email: this.checkoutConfig.customer.email,
-            region: this.region || DEFAULTS.REGION,
+            region: this.region,
             clientMetadata: this.checkoutConfig.clientMetadata,
             countryCode: this.checkoutConfig.customer.countryCode,
-        };
-        const cacheKey = [
-            this.orgId,
-            this.checkoutConfig.priceId,
-            this.checkoutConfig.customer.externalId,
-            this.checkoutConfig.customer.email,
-        ].join('-');
-        let sessionResponse;
-        // Return cached response if payload hasn't changed
-        const cachedResponse = CheckoutInstance.sessionCache.get(cacheKey);
-        if (cachedResponse) {
-            sessionResponse = await cachedResponse;
-        }
-        else {
-            const sessionRequest = this.apiClient
-                .createClientSession(sessionParams)
-                .then((response) => {
-                const cachedResponse = response;
-                if (response.data?.stripe_public_key) {
-                    const stripePublicKey = response.data.stripe_public_key;
-                    cachedResponse.radarSessionId = loadStripe(stripePublicKey)
-                        .then(stripe => stripe
-                        ? stripe
-                            .createRadarSession()
-                            .then(session => session?.radarSession?.id || '')
-                            .catch(() => '')
-                        : '')
-                        .catch(() => '');
-                }
-                // Initialize Airwallex device fingerprinting if enabled by backend
-                if (response.data?.airwallex_risk_enabled) {
-                    const isLivemode = response.data?.is_livemode;
-                    const deviceId = generateUUID();
-                    cachedResponse.airwallexDeviceId = loadAirwallexDeviceFingerprint(deviceId, isLivemode)
-                        .then(() => deviceId)
-                        .catch(() => {
-                        // Silently fail - return deviceId anyway
-                        return deviceId;
-                    });
-                }
-                return cachedResponse;
-            });
-            // Cache the successful response
-            CheckoutInstance.sessionCache.set(cacheKey, sessionRequest);
-            sessionResponse = await sessionRequest;
+            integration: 'primer',
+        });
+        const sessionResponse = response;
+        if (response.data?.stripe_public_key) {
+            const stripePublicKey = response.data.stripe_public_key;
+            sessionResponse.radarSessionId = loadStripe(stripePublicKey)
+                .then(stripe => stripe
+                ? stripe
+                    .createRadarSession()
+                    .then(session => session?.radarSession?.id || '')
+                    .catch(() => '')
+                : '')
+                .catch(() => '');
+        }
+        if (response.data?.airwallex_risk_enabled) {
+            const isLivemode = response.data?.is_livemode;
+            const deviceId = generateUUID();
+            sessionResponse.airwallexDeviceId = loadAirwallexDeviceFingerprint(deviceId, isLivemode)
+                .then(() => deviceId)
+                .catch(() => deviceId);
         }
         this.cachedSessionResponse = sessionResponse;
         this.isTelemetryEnabled = !!sessionResponse.data?.sdk_telemetry_enabled;
@@ -2213,8 +2229,7 @@ class CheckoutInstance extends EventEmitter {
         try {
             this.onLoaderChangeWithRace(true);
             this._setState('updating');
-            // Invalidate session cache
-            CheckoutInstance.sessionCache.clear();
+            sessionService.clearCache();
             await this.apiClient.updateClientSession({
                 orderId: this.orderId,
                 clientToken: this.clientToken,
@@ -2247,7 +2262,7 @@ class CheckoutInstance extends EventEmitter {
             return;
         try {
             this.stopUnhandledTelemetry();
-            CheckoutInstance.sessionCache.clear();
+            sessionService.clearCache();
             await this.primerWrapper.destroy();
             this._setState('destroyed');
             this.orderId = null;
@@ -2458,7 +2473,6 @@ class CheckoutInstance extends EventEmitter {
         this.telemetryPaymentMethod = undefined;
     }
 }
-CheckoutInstance.sessionCache = new Map();
 
 /**
  * @fileoverview Public API with configuration and orchestration logic
@@ -2649,6 +2663,71 @@ async function getAvailablePaymentMethods(params) {
         throw error;
     }
 }
+async function createStripeCardForm(element, params) {
+    const config = resolveConfig(params, 'createStripeCardForm');
+    const [session, { mountStripeCardForm }] = await Promise.all([
+        sessionService.createSession({
+            orgId: config.orgId,
+            baseUrl: config.baseUrl,
+            region: config.region,
+            priceId: params.priceId,
+            externalId: params.externalId,
+            email: params.email,
+            clientMetadata: params.clientMetadata,
+            countryCode: params.countryCode,
+            integration: 'stripe',
+        }),
+        import('./chunk-stripe-card-form.es.js'),
+    ]);
+    return mountStripeCardForm(element, session, params);
+}
+async function purchaseStripeWallet(params) {
+    const config = resolveConfig(params, 'purchaseStripeWallet');
+    const [session, { purchaseWallet }] = await Promise.all([
+        sessionService.createSession({
+            orgId: config.orgId,
+            baseUrl: config.baseUrl,
+            region: config.region,
+            priceId: params.priceId,
+            externalId: params.externalId,
+            email: params.email,
+            clientMetadata: params.clientMetadata,
+            countryCode: params.countryCode,
+            integration: 'stripe',
+        }),
+        import('./chunk-stripe-wallet.es.js'),
+    ]);
+    return purchaseWallet(session, params);
+}
+async function getAvailableStripeWallet(params) {
+    const config = resolveConfig(params, 'getAvailableStripeWallet');
+    const [session, { getAvailableWallet }] = await Promise.all([
+        sessionService.createSession({
+            orgId: config.orgId,
+            baseUrl: config.baseUrl,
+            region: config.region,
+            priceId: params.priceId,
+            externalId: params.externalId,
+            email: params.email,
+            clientMetadata: params.clientMetadata,
+            countryCode: params.countryCode,
+            integration: 'stripe',
+        }),
+        import('./chunk-stripe-wallet.es.js'),
+    ]);
+    const result = await getAvailableWallet(session);
+    if (result === 'APPLE_PAY')
+        return PaymentMethod.APPLE_PAY;
+    if (result === 'GOOGLE_PAY')
+        return PaymentMethod.GOOGLE_PAY;
+    return null;
+}
+async function getAvailableStripePaymentMethods(params) {
+    const wallet = await getAvailableStripeWallet(params);
+    return wallet
+        ? [PaymentMethod.PAYMENT_CARD, wallet]
+        : [PaymentMethod.PAYMENT_CARD];
+}
 
 /**
  * @fileoverview Main entry point for @funnelfox/billing
@@ -2660,9 +2739,15 @@ const Billing = {
     initMethod: initMethod,
     silentPurchase: silentPurchase,
     getAvailablePaymentMethods: getAvailablePaymentMethods,
+    stripe: {
+        createCardForm: createStripeCardForm,
+        purchaseWallet: purchaseStripeWallet,
+        getAvailableWallet: getAvailableStripeWallet,
+        getAvailablePaymentMethods: getAvailableStripePaymentMethods,
+    },
 };
 if (typeof window !== 'undefined') {
     window.Billing = Billing;
 }
 
-export { APIError as A, Billing as B, CheckoutError as C, DEFAULT_BUTTONS_OPTIONS as D, EVENTS as E, FunnefoxSDKError as F, NetworkError as N, PaymentMethod as P, SDK_VERSION as S, ValidationError as V, PrimerError as a, ConfigurationError as b, DEFAULTS as c, CHECKOUT_STATES as d, ERROR_CODES as e, configure as f, createCheckout as g, createClientSession as h, getAvailablePaymentMethods as i };
+export { APIError as A, Billing as B, CheckoutError as C, DEFAULT_BUTTONS_OPTIONS as D, EVENTS as E, FunnefoxSDKError as F, NetworkError as N, PaymentMethod as P, SDK_VERSION as S, ValidationError as V, PrimerError as a, ConfigurationError as b, DEFAULTS as c, CHECKOUT_STATES as d, ERROR_CODES as e, configure as f, createCheckout as g, createClientSession as h, getAvailablePaymentMethods as i, loadStripe as l };

package/dist/chunk-stripe-card-form.cjs.js

@@ -0,0 +1,64 @@
+/**
+ * @funnelfox/billing v0.1.0
+ * JavaScript SDK for Funnelfox billing with Primer integration
+ * 
+ * @author Funnelfox
+ * @license MIT
+ */
+'use strict';
+
+var stripeLoader = require('./chunk-stripe-loader.cjs.js');
+require('./chunk-index.cjs.js');
+
+async function mountStripeCardForm(element, session, params) {
+    const { stripe_public_key, stripe_intent, order_id } = session.data;
+    const { intent_client_secret, customer_session_client_secret } = stripe_intent;
+    const stripe = await stripeLoader.getStripe(stripe_public_key);
+    if (!stripe)
+        throw new Error('Failed to load Stripe');
+    const stripeElements = stripe.elements({
+        clientSecret: intent_client_secret,
+        customerSessionClientSecret: customer_session_client_secret,
+        appearance: params.appearance,
+    });
+    const paymentElement = stripeElements.create('payment', {
+        layout: 'tabs',
+        wallets: {
+            applePay: params.showWallets ? 'auto' : 'never',
+            googlePay: params.showWallets ? 'auto' : 'never',
+        },
+        terms: { card: 'never' },
+    });
+    paymentElement.mount(element);
+    await new Promise((resolve, reject) => {
+        paymentElement.once('ready', () => resolve());
+        // 'loaderror' is a valid Stripe event but not yet in the @stripe/stripe-js types
+        paymentElement.once('loaderror', e => reject(e.error));
+    });
+    params.onRenderSuccess?.();
+    return {
+        submit: async () => {
+            params.onLoaderChange?.(true);
+            try {
+                const { error: submitError } = await stripeElements.submit();
+                if (submitError)
+                    throw submitError;
+                const { error, paymentMethod } = await stripe.createPaymentMethod({
+                    elements: stripeElements,
+                });
+                if (error)
+                    throw error;
+                params.onPaymentSuccess?.(paymentMethod, order_id);
+            }
+            catch (err) {
+                params.onPaymentFail?.(err);
+                throw err;
+            }
+            finally {
+                params.onLoaderChange?.(false);
+            }
+        },
+    };
+}
+
+exports.mountStripeCardForm = mountStripeCardForm;