feat(payment): PAYPAL-5717 Added AppSwitch to PPCP button strategy

Author: andriiVitvitskyi1990

packages/paypal-commerce-integration/src/paypal-commerce/paypal-commerce-button-strategy.spec.ts

@@ -103,6 +103,7 @@ describe('PayPalCommerceButtonStrategy', () => {
     };
 
     const storeConfig = getConfig().storeConfig;
+    const resumeMock = jest.fn();
 
     beforeEach(() => {
         buyNowCart = getBuyNowCart();
@@ -244,6 +245,8 @@ describe('PayPalCommerceButtonStrategy', () => {
                     isEligible: jest.fn(() => true),
                     render: jest.fn(),
                     close: jest.fn(),
+                    hasReturned: jest.fn().mockReturnValue(true),
+                    resume: resumeMock,
                 };
             },
         );
@@ -371,17 +374,46 @@ describe('PayPalCommerceButtonStrategy', () => {
 
     describe('#renderButton', () => {
         it('initializes PayPal button to render (default flow)', async () => {
+            jest.spyOn(
+                paymentIntegrationService.getState(),
+                'getStoreConfigOrThrow',
+            ).mockReturnValue({
+                ...storeConfig,
+                checkoutSettings: {
+                    ...storeConfig.checkoutSettings,
+                    features: {
+                        'PAYPAL-5716.app_switch_functionality': false,
+                    },
+                },
+            });
             await strategy.initialize(initializationOptions);
 
             expect(paypalSdk.Buttons).toHaveBeenCalledWith({
-                appSwitchWhenAvailable: true,
                 fundingSource: paypalSdk.FUNDING.PAYPAL,
                 style: paypalCommerceOptions.style,
                 createOrder: expect.any(Function),
                 onApprove: expect.any(Function),
             });
         });
 
+        it('calls PayPal button resume', async () => {
+            jest.spyOn(
+                paymentIntegrationService.getState(),
+                'getStoreConfigOrThrow',
+            ).mockReturnValue({
+                ...storeConfig,
+                checkoutSettings: {
+                    ...storeConfig.checkoutSettings,
+                    features: {
+                        'PAYPAL-5716.app_switch_functionality': true,
+                    },
+                },
+            });
+            await strategy.initialize(initializationOptions);
+
+            expect(resumeMock).toHaveBeenCalled();
+        });
+
         it('initializes PayPal button to render (buy now flow)', async () => {
             await strategy.initialize(buyNowInitializationOptions);
 
@@ -413,7 +445,6 @@ describe('PayPalCommerceButtonStrategy', () => {
             await strategy.initialize(initializationOptions);
 
             expect(paypalSdk.Buttons).toHaveBeenCalledWith({
-                appSwitchWhenAvailable: true,
                 fundingSource: paypalSdk.FUNDING.PAYPAL,
                 style: paypalCommerceOptions.style,
                 createOrder: expect.any(Function),
@@ -486,6 +517,30 @@ describe('PayPalCommerceButtonStrategy', () => {
                 defaultButtonContainerId,
             );
         });
+
+        it('initializes PayPal button to render with appSwitch flag', async () => {
+            jest.spyOn(
+                paymentIntegrationService.getState(),
+                'getStoreConfigOrThrow',
+            ).mockReturnValue({
+                ...storeConfig,
+                checkoutSettings: {
+                    ...storeConfig.checkoutSettings,
+                    features: {
+                        'PAYPAL-5716.app_switch_functionality': true,
+                    },
+                },
+            });
+            await strategy.initialize(initializationOptions);
+
+            expect(paypalSdk.Buttons).toHaveBeenCalledWith({
+                appSwitchWhenAvailable: true,
+                fundingSource: paypalSdk.FUNDING.PAYPAL,
+                style: paypalCommerceOptions.style,
+                createOrder: expect.any(Function),
+                onApprove: expect.any(Function),
+            });
+        });
     });
 
     describe('#createOrder', () => {
@@ -512,6 +567,35 @@ describe('PayPalCommerceButtonStrategy', () => {
                 'paypalcommerce',
             );
         });
+
+        it('creates paypal order with user agent', async () => {
+            Object.defineProperty(window.navigator, 'userAgent', {
+                value: 'Mozilla',
+                configurable: true,
+            });
+            jest.spyOn(
+                paymentIntegrationService.getState(),
+                'getStoreConfigOrThrow',
+            ).mockReturnValue({
+                ...storeConfig,
+                checkoutSettings: {
+                    ...storeConfig.checkoutSettings,
+                    features: {
+                        'PAYPAL-5716.app_switch_functionality': true,
+                    },
+                },
+            });
+            await strategy.initialize(initializationOptions);
+
+            eventEmitter.emit('createOrder');
+
+            await new Promise((resolve) => process.nextTick(resolve));
+
+            expect(paypalCommerceIntegrationService.createOrder).toHaveBeenCalledWith(
+                'paypalcommerce',
+                { userAgent: 'Mozilla' },
+            );
+        });
     });
 
     describe('#handleClick', () => {

packages/paypal-commerce-integration/src/paypal-commerce/paypal-commerce-button-strategy.ts

@@ -24,6 +24,8 @@ import PayPalCommerceButtonInitializeOptions, {
 import { isExperimentEnabled } from '@bigcommerce/checkout-sdk/utility';
 
 export default class PayPalCommerceButtonStrategy implements CheckoutButtonStrategy {
+    private methodId?: string;
+
     constructor(
         private paymentIntegrationService: PaymentIntegrationService,
         private paypalCommerceIntegrationService: PayPalCommerceIntegrationService,
@@ -69,6 +71,8 @@ export default class PayPalCommerceButtonStrategy implements CheckoutButtonStrat
             );
         }
 
+        this.methodId = methodId;
+
         if (!isBuyNowFlow) {
             // Info: default checkout should not be loaded for BuyNow flow,
             // since there is no checkout session available for that.
@@ -264,13 +268,20 @@ export default class PayPalCommerceButtonStrategy implements CheckoutButtonStrat
 
     /**
      *
-     * PayPal AppSwitch experiments handling
+     * PayPal AppSwitch enabling handling
      *
      */
     private isPaypalCommerceAppSwitchEnabled(): boolean {
         const state = this.paymentIntegrationService.getState();
         const features = state.getStoreConfigOrThrow().checkoutSettings.features;
+        const paymentMethod = state.getPaymentMethodOrThrow<PayPalCommerceInitializationData>(
+            this.methodId || '',
+        );
+        const { isHostedCheckoutEnabled } = paymentMethod.initializationData || {};
 
-        return isExperimentEnabled(features, 'PAYPAL-5716.app_switch_functionality');
+        return (
+            !isHostedCheckoutEnabled &&
+            isExperimentEnabled(features, 'PAYPAL-5716.app_switch_functionality')
+        );
     }
 }