@funnelfox/billing 0.4.4 → 0.4.6

package/dist/funnelfox-billing.cjs.js

@@ -206,18 +206,18 @@ function withTimeout(promise, timeoutMs, message = 'Operation timed out') {
     return Promise.race([promise, timeoutPromise]);
 }
 
-var PaymentMethod;
+exports.PaymentMethod = void 0;
 (function (PaymentMethod) {
     PaymentMethod["GOOGLE_PAY"] = "GOOGLE_PAY";
     PaymentMethod["APPLE_PAY"] = "APPLE_PAY";
     PaymentMethod["PAYPAL"] = "PAYPAL";
     PaymentMethod["PAYMENT_CARD"] = "PAYMENT_CARD";
-})(PaymentMethod || (PaymentMethod = {}));
+})(exports.PaymentMethod || (exports.PaymentMethod = {}));
 
 /**
  * @fileoverview Constants for Funnefox SDK
  */
-const SDK_VERSION = '0.4.4';
+const SDK_VERSION = '0.4.6';
 const DEFAULTS = {
     BASE_URL: 'https://billing.funnelfox.com',
     REGION: 'default',
@@ -247,6 +247,7 @@ const EVENTS = {
     START_PURCHASE: 'start-purchase',
     PURCHASE_FAILURE: 'purchase-failure',
     PURCHASE_COMPLETED: 'purchase-completed',
+    METHODS_AVAILABLE: 'methods-available',
 };
 const API_ENDPOINTS = {
     CREATE_CLIENT_SESSION: '/v1/checkout/create_client_session',
@@ -264,12 +265,12 @@ const ERROR_CODES = {
     NETWORK_ERROR: 'NETWORK_ERROR',
 };
 const ALLOWED_BUTTON_PAYMENT_METHODS = [
-    PaymentMethod.GOOGLE_PAY,
-    PaymentMethod.APPLE_PAY,
-    PaymentMethod.PAYPAL,
+    exports.PaymentMethod.GOOGLE_PAY,
+    exports.PaymentMethod.APPLE_PAY,
+    exports.PaymentMethod.PAYPAL,
 ];
 const ALLOWED_CARD_PAYMENT_METHODS = [
-    PaymentMethod.PAYMENT_CARD,
+    exports.PaymentMethod.PAYMENT_CARD,
 ];
 const ALLOWED_PAYMENT_METHODS = [
     ...ALLOWED_BUTTON_PAYMENT_METHODS,
@@ -458,7 +459,7 @@ class PrimerWrapper {
         }
     }
     async renderCheckout(clientToken, options) {
-        const { cardSelectors, paymentButtonSelectors, container, onTokenizeSuccess, onResumeSuccess, onSubmit, onInputChange, onMethodRender, ...restPrimerOptions } = options;
+        const { cardSelectors, paymentButtonSelectors, container, onTokenizeSuccess, onResumeSuccess, onSubmit, onInputChange, onMethodRender, onMethodsAvailable, ...restPrimerOptions } = options;
         await this.createHeadlessCheckout(clientToken, {
             ...restPrimerOptions,
             onTokenizeSuccess: this.wrapTokenizeHandler(onTokenizeSuccess),
@@ -467,18 +468,19 @@ class PrimerWrapper {
                 let isApplePayAvailable = false;
                 this.availableMethods = ALLOWED_PAYMENT_METHODS.filter(method => {
                     return items.some((item) => {
-                        if (item.type === PaymentMethod.APPLE_PAY) {
+                        if (item.type === exports.PaymentMethod.APPLE_PAY) {
                             isApplePayAvailable = true;
                         }
                         return item.type === method;
                     });
                 });
                 if (isApplePayAvailable) {
-                    this.availableMethods = this.availableMethods.filter(method => method !== PaymentMethod.GOOGLE_PAY);
+                    this.availableMethods = this.availableMethods.filter(method => method !== exports.PaymentMethod.GOOGLE_PAY);
                 }
                 if (this.availableMethods.length === 0) {
                     throw new PrimerError('No allowed payment methods found');
                 }
+                onMethodsAvailable(this.availableMethods);
             },
         });
         const methodOptions = {
@@ -488,14 +490,14 @@ class PrimerWrapper {
             onInputChange,
         };
         for (const method of this.availableMethods) {
-            if (method === PaymentMethod.PAYMENT_CARD) {
+            if (method === exports.PaymentMethod.PAYMENT_CARD) {
                 await this.renderCardCheckout(methodOptions);
-                onMethodRender(PaymentMethod.PAYMENT_CARD);
+                onMethodRender(exports.PaymentMethod.PAYMENT_CARD);
             }
             else {
-                const container = method === PaymentMethod.PAYPAL
+                const container = method === exports.PaymentMethod.PAYPAL
                     ? paymentButtonSelectors.paypal
-                    : method === PaymentMethod.GOOGLE_PAY
+                    : method === exports.PaymentMethod.GOOGLE_PAY
                         ? paymentButtonSelectors.googlePay
                         : paymentButtonSelectors.applePay;
                 await this.renderButton(method, { container });
@@ -791,6 +793,12 @@ class CheckoutInstance extends EventEmitter {
     constructor(config) {
         super();
         this.counter = 0;
+        this.paymentMethodOrder = [
+            exports.PaymentMethod.APPLE_PAY,
+            exports.PaymentMethod.GOOGLE_PAY,
+            exports.PaymentMethod.PAYPAL,
+            exports.PaymentMethod.PAYMENT_CARD,
+        ];
         this.handleInputChange = (inputName, error) => {
             this.emit(EVENTS.INPUT_ERROR, { name: inputName, error });
         };
@@ -844,6 +852,9 @@ class CheckoutInstance extends EventEmitter {
                 this._setState('ready');
             }
         };
+        this.handleMethodsAvailable = (methods) => {
+            this.emit(EVENTS.METHODS_AVAILABLE, methods);
+        };
         this.onLoaderChangeWithRace = (state) => {
             const isLoading = !!(state ? ++this.counter : --this.counter);
             this.emit(EVENTS.LOADER_CHANGE, isLoading);
@@ -932,6 +943,7 @@ class CheckoutInstance extends EventEmitter {
             onSubmit: this.handleSubmit,
             onInputChange: this.handleInputChange,
             onMethodRender: this.handleMethodRender,
+            onMethodsAvailable: this.handleMethodsAvailable,
             onResumeError: error => {
                 if (error.stack?.includes('PROCESSOR_3DS') &&
                     error.code === 'RESUME_ERROR' &&
@@ -955,9 +967,16 @@ class CheckoutInstance extends EventEmitter {
         };
         if (!this.checkoutConfig.cardSelectors ||
             !this.checkoutConfig.paymentButtonSelectors) {
+            if (this.checkoutConfig.paymentMethodOrder) {
+                this.paymentMethodOrder = this.checkoutConfig.paymentMethodOrder;
+            }
             const defaultSkinCheckoutOptions = await this.getDefaultSkinCheckoutOptions();
             Object.assign(checkoutOptions, defaultSkinCheckoutOptions);
         }
+        if (this.checkoutConfig.paymentMethodOrder) {
+            // eslint-disable-next-line no-console
+            console.warn('paymentMethodOrder is using only for default skin and will be ignored if you are using custom checkout');
+        }
         await this.primerWrapper.renderCheckout(this.clientToken, checkoutOptions);
     }
     async _processPaymentResult(result, primerHandler) {
@@ -1065,7 +1084,7 @@ class CheckoutInstance extends EventEmitter {
     async getDefaultSkinCheckoutOptions() {
         const skinFactory = (await Promise.resolve().then(function () { return require('./chunk-index.cjs.js'); }))
             .default;
-        const skin = await skinFactory(this.primerWrapper, this.checkoutConfig.container);
+        const skin = await skinFactory(this.primerWrapper, this.checkoutConfig.container, this.paymentMethodOrder);
         this.on(EVENTS.INPUT_ERROR, skin.onInputError);
         this.on(EVENTS.STATUS_CHANGE, skin.onStatusChange);
         this.on(EVENTS.ERROR, (error) => skin.onError(error));
@@ -1076,6 +1095,7 @@ class CheckoutInstance extends EventEmitter {
         this.on(EVENTS.START_PURCHASE, skin.onStartPurchase);
         this.on(EVENTS.PURCHASE_FAILURE, skin.onPurchaseFailure);
         this.on(EVENTS.PURCHASE_COMPLETED, skin.onPurchaseCompleted);
+        this.on(EVENTS.METHODS_AVAILABLE, skin.onMethodsAvailable);
         return skin.getCheckoutOptions();
     }
     showInitializingLoader() {

package/dist/funnelfox-billing.esm.js

@@ -213,7 +213,7 @@ var PaymentMethod;
 /**
  * @fileoverview Constants for Funnefox SDK
  */
-const SDK_VERSION = '0.4.4';
+const SDK_VERSION = '0.4.6';
 const DEFAULTS = {
     BASE_URL: 'https://billing.funnelfox.com',
     REGION: 'default',
@@ -243,6 +243,7 @@ const EVENTS = {
     START_PURCHASE: 'start-purchase',
     PURCHASE_FAILURE: 'purchase-failure',
     PURCHASE_COMPLETED: 'purchase-completed',
+    METHODS_AVAILABLE: 'methods-available',
 };
 const API_ENDPOINTS = {
     CREATE_CLIENT_SESSION: '/v1/checkout/create_client_session',
@@ -454,7 +455,7 @@ class PrimerWrapper {
         }
     }
     async renderCheckout(clientToken, options) {
-        const { cardSelectors, paymentButtonSelectors, container, onTokenizeSuccess, onResumeSuccess, onSubmit, onInputChange, onMethodRender, ...restPrimerOptions } = options;
+        const { cardSelectors, paymentButtonSelectors, container, onTokenizeSuccess, onResumeSuccess, onSubmit, onInputChange, onMethodRender, onMethodsAvailable, ...restPrimerOptions } = options;
         await this.createHeadlessCheckout(clientToken, {
             ...restPrimerOptions,
             onTokenizeSuccess: this.wrapTokenizeHandler(onTokenizeSuccess),
@@ -475,6 +476,7 @@ class PrimerWrapper {
                 if (this.availableMethods.length === 0) {
                     throw new PrimerError('No allowed payment methods found');
                 }
+                onMethodsAvailable(this.availableMethods);
             },
         });
         const methodOptions = {
@@ -787,6 +789,12 @@ class CheckoutInstance extends EventEmitter {
     constructor(config) {
         super();
         this.counter = 0;
+        this.paymentMethodOrder = [
+            PaymentMethod.APPLE_PAY,
+            PaymentMethod.GOOGLE_PAY,
+            PaymentMethod.PAYPAL,
+            PaymentMethod.PAYMENT_CARD,
+        ];
         this.handleInputChange = (inputName, error) => {
             this.emit(EVENTS.INPUT_ERROR, { name: inputName, error });
         };
@@ -840,6 +848,9 @@ class CheckoutInstance extends EventEmitter {
                 this._setState('ready');
             }
         };
+        this.handleMethodsAvailable = (methods) => {
+            this.emit(EVENTS.METHODS_AVAILABLE, methods);
+        };
         this.onLoaderChangeWithRace = (state) => {
             const isLoading = !!(state ? ++this.counter : --this.counter);
             this.emit(EVENTS.LOADER_CHANGE, isLoading);
@@ -928,6 +939,7 @@ class CheckoutInstance extends EventEmitter {
             onSubmit: this.handleSubmit,
             onInputChange: this.handleInputChange,
             onMethodRender: this.handleMethodRender,
+            onMethodsAvailable: this.handleMethodsAvailable,
             onResumeError: error => {
                 if (error.stack?.includes('PROCESSOR_3DS') &&
                     error.code === 'RESUME_ERROR' &&
@@ -951,9 +963,16 @@ class CheckoutInstance extends EventEmitter {
         };
         if (!this.checkoutConfig.cardSelectors ||
             !this.checkoutConfig.paymentButtonSelectors) {
+            if (this.checkoutConfig.paymentMethodOrder) {
+                this.paymentMethodOrder = this.checkoutConfig.paymentMethodOrder;
+            }
             const defaultSkinCheckoutOptions = await this.getDefaultSkinCheckoutOptions();
             Object.assign(checkoutOptions, defaultSkinCheckoutOptions);
         }
+        if (this.checkoutConfig.paymentMethodOrder) {
+            // eslint-disable-next-line no-console
+            console.warn('paymentMethodOrder is using only for default skin and will be ignored if you are using custom checkout');
+        }
         await this.primerWrapper.renderCheckout(this.clientToken, checkoutOptions);
     }
     async _processPaymentResult(result, primerHandler) {
@@ -1061,7 +1080,7 @@ class CheckoutInstance extends EventEmitter {
     async getDefaultSkinCheckoutOptions() {
         const skinFactory = (await import('./chunk-index.es.js'))
             .default;
-        const skin = await skinFactory(this.primerWrapper, this.checkoutConfig.container);
+        const skin = await skinFactory(this.primerWrapper, this.checkoutConfig.container, this.paymentMethodOrder);
         this.on(EVENTS.INPUT_ERROR, skin.onInputError);
         this.on(EVENTS.STATUS_CHANGE, skin.onStatusChange);
         this.on(EVENTS.ERROR, (error) => skin.onError(error));
@@ -1072,6 +1091,7 @@ class CheckoutInstance extends EventEmitter {
         this.on(EVENTS.START_PURCHASE, skin.onStartPurchase);
         this.on(EVENTS.PURCHASE_FAILURE, skin.onPurchaseFailure);
         this.on(EVENTS.PURCHASE_COMPLETED, skin.onPurchaseCompleted);
+        this.on(EVENTS.METHODS_AVAILABLE, skin.onMethodsAvailable);
         return skin.getCheckoutOptions();
     }
     showInitializingLoader() {
@@ -1154,4 +1174,4 @@ if (typeof window !== 'undefined') {
     window.Billing = Billing;
 }
 
-export { APIError, Billing, CHECKOUT_STATES, CheckoutError, ConfigurationError, DEFAULTS, ERROR_CODES, EVENTS, FunnefoxSDKError, NetworkError, PrimerError, SDK_VERSION, ValidationError, configure, createCheckout, createClientSession, Billing as default };
+export { APIError, Billing, CHECKOUT_STATES, CheckoutError, ConfigurationError, DEFAULTS, ERROR_CODES, EVENTS, FunnefoxSDKError, NetworkError, PaymentMethod, PrimerError, SDK_VERSION, ValidationError, configure, createCheckout, createClientSession, Billing as default };