@funnelfox/billing 0.8.0-ffb-395.10 → 0.8.1

package/dist/funnelfox-billing.js

@@ -495,7 +495,7 @@
     /**
      * @fileoverview Constants for Funnefox SDK
      */
-    const SDK_VERSION = '0.9.0-beta.1';
+    const SDK_VERSION = '0.8.1';
     const DEFAULTS = {
         BASE_URL: 'https://billing.funnelfox.com',
         REGION: 'default',
@@ -1132,7 +1132,7 @@
         async createClientSession(params) {
             const payload = {
                 region: params.region || 'default',
-                integration_type: params.integration ?? 'primer',
+                integration_type: 'primer',
                 pp_ident: params.priceId,
                 external_id: params.externalId,
                 email_address: params.email,
@@ -1268,45 +1268,6 @@
         }
     }
 
-    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  }";
@@ -1901,12 +1862,6 @@
             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() {
@@ -1948,35 +1903,64 @@
             }
         }
         async createSession() {
-            const response = await sessionService.createSession({
+            this.apiClient = new APIClient({
+                baseUrl: this.baseUrl || DEFAULTS.BASE_URL,
                 orgId: this.orgId,
-                baseUrl: this.baseUrl,
+                timeout: DEFAULTS.REQUEST_TIMEOUT,
+                retryAttempts: DEFAULTS.RETRY_ATTEMPTS,
+            });
+            const sessionParams = {
                 priceId: this.checkoutConfig.priceId,
                 externalId: this.checkoutConfig.customer.externalId,
                 email: this.checkoutConfig.customer.email,
-                region: this.region,
+                region: this.region || DEFAULTS.REGION,
                 clientMetadata: this.checkoutConfig.clientMetadata,
                 countryCode: this.checkoutConfig.customer.countryCode,
-                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);
+            };
+            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;
             }
             this.cachedSessionResponse = sessionResponse;
             this.isTelemetryEnabled = !!sessionResponse.data?.sdk_telemetry_enabled;
@@ -2235,7 +2219,8 @@
             try {
                 this.onLoaderChangeWithRace(true);
                 this._setState('updating');
-                sessionService.clearCache();
+                // Invalidate session cache
+                CheckoutInstance.sessionCache.clear();
                 await this.apiClient.updateClientSession({
                     orderId: this.orderId,
                     clientToken: this.clientToken,
@@ -2268,7 +2253,7 @@
                 return;
             try {
                 this.stopUnhandledTelemetry();
-                sessionService.clearCache();
+                CheckoutInstance.sessionCache.clear();
                 await this.primerWrapper.destroy();
                 this._setState('destroyed');
                 this.orderId = null;
@@ -2479,6 +2464,7 @@
             this.telemetryPaymentMethod = undefined;
         }
     }
+    CheckoutInstance.sessionCache = new Map();
 
     /**
      * @fileoverview Public API with configuration and orchestration logic
@@ -2669,79 +2655,6 @@
             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 stripeCardForm; }),
-        ]);
-        const apiClient = new APIClient({
-            orgId: config.orgId,
-            baseUrl: config.baseUrl || DEFAULTS.BASE_URL,
-        });
-        return mountStripeCardForm(element, session, { ...params, apiClient });
-    }
-    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 stripeWallet; }),
-        ]);
-        const apiClient = new APIClient({
-            orgId: config.orgId,
-            baseUrl: config.baseUrl || DEFAULTS.BASE_URL,
-        });
-        return purchaseWallet(session, { ...params, apiClient });
-    }
-    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 stripeWallet; }),
-        ]);
-        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
@@ -2753,16 +2666,11 @@
         initMethod: initMethod,
         silentPurchase: silentPurchase,
         getAvailablePaymentMethods: getAvailablePaymentMethods,
-        stripe: {
-            createCardForm: createStripeCardForm,
-            purchaseWallet: purchaseStripeWallet,
-            getAvailableWallet: getAvailableStripeWallet,
-            getAvailablePaymentMethods: getAvailableStripePaymentMethods,
-        },
     };
     if (typeof window !== 'undefined') {
         window.Billing = Billing;
     }
+    console.debug('Billing SDK inited');
 
     var template$1 = "<div class=\"ff-skin-default\" id=\"ff-payment-method-containers\">\n  <div id=\"success-screen\" style=\"display: none\">\n    <div class=\"success\">\n      <img alt=\"Loading\" src=\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI1IDAuMTExMzI4QzIwLjA3NzQgMC4xMTEzMjggMTUuMjY1NCAxLjU3MTA0IDExLjE3MjUgNC4zMDU4NkM3LjA3OTUyIDcuMDQwNjkgMy44ODk0NSAxMC45Mjc4IDIuMDA1NjYgMTUuNDc1N0MwLjEyMTg4MyAyMC4wMjM1IC0wLjM3MSAyNS4wMjc4IDAuNTg5MzQzIDI5Ljg1NThDMS41NDk2OSAzNC42ODM4IDMuOTIwMTIgMzkuMTE4NSA3LjQwMDkgNDIuNTk5M0MxMC44ODE3IDQ2LjA4MDEgMTUuMzE2NCA0OC40NTA1IDIwLjE0NDQgNDkuNDEwOUMyNC45NzI0IDUwLjM3MTIgMjkuOTc2NyA0OS44NzgzIDM0LjUyNDYgNDcuOTk0NkMzOS4wNzI0IDQ2LjExMDggNDIuOTU5NSA0Mi45MjA3IDQ1LjY5NDQgMzguODI3N0M0OC40MjkyIDM0LjczNDggNDkuODg4OSAyOS45MjI4IDQ5Ljg4ODkgMjUuMDAwMkM0OS44ODg5IDE4LjM5OTMgNDcuMjY2NyAxMi4wNjg3IDQyLjU5OTEgNy40MDExMkMzNy45MzE1IDIuNzMzNTQgMzEuNjAwOSAwLjExMTMyOCAyNSAwLjExMTMyOFpNNDEuMjU1NiAxNi42NDY5TDIwLjgxNTYgMzcuMDcxM0w4Ljc0NDQ0IDI1LjAwMDJDOC4zMzE4OCAyNC41ODc3IDguMTAwMTEgMjQuMDI4MSA4LjEwMDExIDIzLjQ0NDdDOC4xMDAxMSAyMi44NjEyIDguMzMxODggMjIuMzAxNyA4Ljc0NDQ0IDIxLjg4OTFDOS4xNTcgMjEuNDc2NSA5LjcxNjU1IDIxLjI0NDggMTAuMyAyMS4yNDQ4QzEwLjg4MzQgMjEuMjQ0OCAxMS40NDMgMjEuNDc2NSAxMS44NTU2IDIxLjg4OTFMMjAuODQ2NyAzMC44ODAyTDM4LjE3NTYgMTMuNTY2OUMzOC4zNzk4IDEzLjM2MjYgMzguNjIyMyAxMy4yMDA2IDM4Ljg4OTIgMTMuMDlDMzkuMTU2MiAxMi45Nzk1IDM5LjQ0MjIgMTIuOTIyNiAzOS43MzExIDEyLjkyMjZDNDAuMDIgMTIuOTIyNiA0MC4zMDYxIDEyLjk3OTUgNDAuNTczIDEzLjA5QzQwLjgzOTkgMTMuMjAwNiA0MS4wODI0IDEzLjM2MjYgNDEuMjg2NyAxMy41NjY5QzQxLjQ5MDkgMTMuNzcxMiA0MS42NTMgMTQuMDEzNyA0MS43NjM1IDE0LjI4MDZDNDEuODc0MSAxNC41NDc1IDQxLjkzMSAxNC44MzM1IDQxLjkzMSAxNS4xMjI0QzQxLjkzMSAxNS40MTEzIDQxLjg3NDEgMTUuNjk3NCA0MS43NjM1IDE1Ljk2NDNDNDEuNjUzIDE2LjIzMTIgNDEuNDkwOSAxNi40NzM3IDQxLjI4NjcgMTYuNjc4TDQxLjI1NTYgMTYuNjQ2OVoiIGZpbGw9IiM4RURGQzIiLz4KPC9zdmc+Cg==\">\n      <div>Payment completed successfully</div>\n    </div>\n  </div>\n</div>\n";
 
@@ -3162,191 +3070,6 @@
         default: createDefaultSkin
     });
 
-    const cache = new Map();
-    function getStripe(publicKey) {
-        if (!cache.has(publicKey)) {
-            cache.set(publicKey, loadStripe(publicKey));
-        }
-        return cache.get(publicKey);
-    }
-
-    async function mountStripeCardForm(element, session, params) {
-        const { stripe_public_key, amount, currency, order_id, is_link_enabled } = session.data;
-        const stripe = await getStripe(stripe_public_key);
-        if (!stripe)
-            throw new Error('Failed to load Stripe');
-        const stripeElements = stripe.elements({
-            mode: 'subscription',
-            amount,
-            currency,
-            paymentMethodCreation: 'manual',
-            paymentMethodTypes: is_link_enabled ? ['card', 'link'] : ['card'],
-            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;
-                    const raw = await params.apiClient.createPayment({
-                        orderId: order_id,
-                        paymentMethodToken: paymentMethod.id,
-                        email: params.email,
-                        countryCode: params.countryCode,
-                        clientMetadata: params.clientMetadata,
-                    });
-                    const result = params.apiClient.processPaymentResponse(raw);
-                    if (result.type === 'action_required') {
-                        const { error: actionError } = await stripe.handleNextAction({
-                            clientSecret: result.clientToken,
-                        });
-                        if (actionError)
-                            throw actionError;
-                    }
-                    params.onPaymentSuccess?.(paymentMethod, order_id);
-                }
-                catch (err) {
-                    params.onPaymentFail?.(err);
-                    throw err;
-                }
-                finally {
-                    params.onLoaderChange?.(false);
-                }
-            },
-        };
-    }
-
-    var stripeCardForm = /*#__PURE__*/Object.freeze({
-        __proto__: null,
-        mountStripeCardForm: mountStripeCardForm
-    });
-
-    function buildPaymentRequest(stripe, data, totalLabel) {
-        const raw = data.apple_pay_recurring_payment_request;
-        if (raw) {
-            const parseDates = (b) => {
-                if (b.recurringPaymentStartDate)
-                    Object.assign(b, {
-                        recurringPaymentStartDate: new Date(b.recurringPaymentStartDate),
-                    });
-                if (b.recurringPaymentEndDate)
-                    Object.assign(b, {
-                        recurringPaymentEndDate: new Date(b.recurringPaymentEndDate),
-                    });
-            };
-            parseDates(raw.regularBilling);
-            if (raw.trialBilling)
-                parseDates(raw.trialBilling);
-        }
-        const applePay = raw
-            ? { recurringPaymentRequest: raw }
-            : undefined;
-        return stripe.paymentRequest({
-            country: data.country,
-            currency: data.currency,
-            total: {
-                label: totalLabel?.trim() || 'Total',
-                amount: data.amount,
-            },
-            requestPayerName: false,
-            requestPayerEmail: false,
-            applePay,
-        });
-    }
-    async function getAvailableWallet(session) {
-        const { stripe_public_key } = session.data;
-        const stripe = await getStripe(stripe_public_key);
-        if (!stripe)
-            throw new Error('Failed to load Stripe');
-        const paymentRequest = buildPaymentRequest(stripe, session.data);
-        const result = await paymentRequest.canMakePayment();
-        if (!result)
-            return null;
-        if (result.applePay)
-            return 'APPLE_PAY';
-        if (result.googlePay)
-            return 'GOOGLE_PAY';
-        return null;
-    }
-    async function purchaseWallet(session, params) {
-        const { stripe_public_key, order_id } = session.data;
-        const stripe = await getStripe(stripe_public_key);
-        if (!stripe)
-            throw new Error('Failed to load Stripe');
-        const paymentRequest = buildPaymentRequest(stripe, session.data, params.totalLabel);
-        const canPay = await paymentRequest.canMakePayment();
-        if (!canPay)
-            throw new Error('No wallet payment method available');
-        return new Promise((resolve, reject) => {
-            paymentRequest.on('paymentmethod', async (event) => {
-                params.onLoaderChange?.(true);
-                try {
-                    const raw = await params.apiClient.createPayment({
-                        orderId: order_id,
-                        paymentMethodToken: event.paymentMethod.id,
-                        email: params.email,
-                        countryCode: params.countryCode,
-                        clientMetadata: params.clientMetadata,
-                    });
-                    const result = params.apiClient.processPaymentResponse(raw);
-                    if (result.type === 'action_required') {
-                        const { error } = await stripe.handleNextAction({
-                            clientSecret: result.clientToken,
-                        });
-                        if (error) {
-                            event.complete('fail');
-                            throw error;
-                        }
-                    }
-                    event.complete('success');
-                    params.onPaymentSuccess?.(event.paymentMethod, order_id);
-                    resolve();
-                }
-                catch (err) {
-                    event.complete('fail');
-                    params.onPaymentFail?.(err);
-                    reject(err);
-                }
-                finally {
-                    params.onLoaderChange?.(false);
-                }
-            });
-            paymentRequest.on('cancel', () => {
-                params.onPaymentCancel?.();
-                resolve();
-            });
-            paymentRequest.show();
-        });
-    }
-
-    var stripeWallet = /*#__PURE__*/Object.freeze({
-        __proto__: null,
-        getAvailableWallet: getAvailableWallet,
-        purchaseWallet: purchaseWallet
-    });
-
     exports.APIError = APIError;
     exports.Billing = Billing;
     exports.CHECKOUT_STATES = CHECKOUT_STATES;