@paypal/checkout-components 5.0.385 → 5.0.386

package/src/zoid/buttons/component.jsx

@@ -61,7 +61,6 @@ import {
   isApplePaySupported,
   supportsPopups as userAgentSupportsPopups,
   noop,
-  getUserAgent,
 } from "@krakenjs/belter/src";
 import {
   FUNDING,
@@ -90,10 +89,6 @@ import {
   type ButtonExtensions,
 } from "../../ui/buttons/props";
 import { isFundingEligible } from "../../funding";
-import {
-  supportsVenmoPopups,
-  isSupportedNativeVenmoBrowser,
-} from "../../funding/util";
 import { getPixelComponent } from "../pixel";
 import { CLASS } from "../../constants";
 import { PayPalAppSwitchOverlay } from "../../ui/overlay/paypal-app-switch/overlay";
@@ -256,7 +251,6 @@ export const getButtonsComponent: () => ButtonsComponent = memoize(() => {
         createSubscription,
         createVaultSetupToken,
         displayOnly,
-        userAgent,
       } = props;
 
       const flow = determineFlow({
@@ -300,7 +294,6 @@ export const getButtonsComponent: () => ButtonsComponent = memoize(() => {
           supportedNativeBrowser,
           experiment,
           displayOnly,
-          userAgent,
         })
       ) {
         return {
@@ -721,7 +714,6 @@ export const getButtonsComponent: () => ButtonsComponent = memoize(() => {
             createSubscription,
             createVaultSetupToken,
             displayOnly,
-            userAgent = getUserAgent(),
           } = props;
 
           const flow = determineFlow({
@@ -752,7 +744,6 @@ export const getButtonsComponent: () => ButtonsComponent = memoize(() => {
               supportsPopups,
               supportedNativeBrowser,
               displayOnly,
-              userAgent,
             })
           ) {
             throw new Error(`${fundingSource} is not eligible`);
@@ -1275,28 +1266,13 @@ export const getButtonsComponent: () => ButtonsComponent = memoize(() => {
 
       supportedNativeBrowser: {
         type: "boolean",
-        value: ({ props }) => {
-          if (props.fundingSource === FUNDING.VENMO) {
-            return isSupportedNativeVenmoBrowser(
-              props.experiment,
-              props.userAgent
-            );
-          }
-
-          return isSupportedNativeBrowser();
-        },
+        value: isSupportedNativeBrowser,
         queryParam: true,
       },
 
       supportsPopups: {
         type: "boolean",
-        value: ({ props }) => {
-          if (props.fundingSource === FUNDING.VENMO) {
-            return supportsVenmoPopups(props.experiment, props.userAgent);
-          }
-
-          return userAgentSupportsPopups();
-        },
+        value: () => userAgentSupportsPopups(),
         queryParam: true,
       },
 
@@ -1340,13 +1316,6 @@ export const getButtonsComponent: () => ButtonsComponent = memoize(() => {
         required: false,
         queryParam: true,
       },
-
-      userAgent: {
-        type: "string",
-        required: false,
-        queryParam: true,
-        value: getUserAgent,
-      },
     },
 
     exports: {

package/src/funding/util.js

@@ -1,99 +0,0 @@
-/* @flow */
-
-import {
-  isWebView,
-  isIosWebview,
-  isAndroidWebview,
-  isFacebookWebView,
-  isOperaMini,
-  isFirefoxIOS,
-  isEdgeIOS,
-  isQQBrowser,
-  isElectron,
-  supportsPopups,
-  isTablet,
-  isIos,
-  isSafari,
-  isAndroid,
-  isChrome,
-  isFirefox,
-} from "@krakenjs/belter/src";
-
-import type { Experiment } from "../types";
-
-const isMacOsCna = (userAgent: string): boolean => {
-  return /Macintosh.*AppleWebKit(?!.*Safari)/i.test(userAgent);
-};
-
-const isVenmoSupportedWebView = (userAgent: string): boolean => {
-  return (
-    isWebView(userAgent) ||
-    isIosWebview(userAgent) ||
-    isAndroidWebview(userAgent) ||
-    isFacebookWebView(userAgent)
-  );
-};
-
-const venmoUserAgentSupportsPopups = (userAgent: string): boolean => {
-  return !(
-    isVenmoSupportedWebView(userAgent) ||
-    isOperaMini(userAgent) ||
-    isFirefoxIOS(userAgent) ||
-    isEdgeIOS(userAgent) ||
-    isQQBrowser(userAgent) ||
-    isMacOsCna(userAgent) ||
-    isElectron()
-  );
-};
-
-export function supportsVenmoPopups(
-  experiment?: Experiment,
-  userAgent: string
-): boolean {
-  if (isVenmoSupportedWebView(userAgent)) {
-    if (typeof window !== "undefined" && window.popupBridge) {
-      return true;
-    }
-    return false;
-  }
-
-  if (experiment?.venmoEnableWebOnNonNativeBrowser === true) {
-    return venmoUserAgentSupportsPopups(userAgent);
-  }
-  return supportsPopups();
-}
-
-export function isSupportedNativeVenmoBrowser(
-  experiment?: Experiment,
-  userAgent: string
-): boolean {
-  if (isVenmoSupportedWebView(userAgent)) {
-    if (typeof window !== "undefined" && window.popupBridge) {
-      return true;
-    }
-    return false;
-  }
-
-  if (isTablet(userAgent)) {
-    return false;
-  }
-
-  // Default supported browsers for Venmo
-  if (
-    (isIos(userAgent) && isSafari(userAgent)) ||
-    (isAndroid(userAgent) && isChrome(userAgent))
-  ) {
-    return true;
-  }
-
-  // Additional browsers enabled by experiment
-  if (
-    experiment?.venmoEnableWebOnNonNativeBrowser === true &&
-    ((isIos(userAgent) && isChrome(userAgent)) ||
-      (isAndroid(userAgent) && isFirefox(userAgent)))
-  ) {
-    return true;
-  }
-
-  return false;
-}

package/src/funding/util.test.js

@@ -1,264 +0,0 @@
-/* @flow */
-
-import { vi, describe, it, expect, beforeEach, afterEach } from "vitest";
-import {
-  isWebView,
-  isIosWebview,
-  isAndroidWebview,
-  isFacebookWebView,
-  isOperaMini,
-  isFirefoxIOS,
-  isEdgeIOS,
-  isQQBrowser,
-  isElectron,
-  supportsPopups,
-  isTablet,
-  isIos,
-  isSafari,
-  isAndroid,
-  isChrome,
-  isFirefox,
-} from "@krakenjs/belter/src";
-
-import { supportsVenmoPopups, isSupportedNativeVenmoBrowser } from "./util";
-
-// Mock all the browser detection functions from belter
-vi.mock("@krakenjs/belter/src", () => ({
-  isWebView: vi.fn(),
-  isIosWebview: vi.fn(),
-  isAndroidWebview: vi.fn(),
-  isFacebookWebView: vi.fn(),
-  isOperaMini: vi.fn(),
-  isFirefoxIOS: vi.fn(),
-  isEdgeIOS: vi.fn(),
-  isQQBrowser: vi.fn(),
-  isElectron: vi.fn(),
-  supportsPopups: vi.fn(),
-  isTablet: vi.fn(),
-  isIos: vi.fn(),
-  isSafari: vi.fn(),
-  isAndroid: vi.fn(),
-  isChrome: vi.fn(),
-  isFirefox: vi.fn(),
-}));
-
-describe("funding/util", () => {
-  const defaultUserAgent =
-    "Mozilla/5.0 (iPhone; CPU iPhone OS 17_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.0 Mobile/15E148 Safari/604.1";
-
-  beforeEach(() => {
-    // Reset all mocks before each test
-    vi.clearAllMocks();
-
-    // Reset window.popupBridge
-    delete window.popupBridge;
-
-    // Set default mock return values
-    vi.mocked(isWebView).mockReturnValue(false);
-    vi.mocked(isIosWebview).mockReturnValue(false);
-    vi.mocked(isAndroidWebview).mockReturnValue(false);
-    vi.mocked(isFacebookWebView).mockReturnValue(false);
-    vi.mocked(isOperaMini).mockReturnValue(false);
-    vi.mocked(isFirefoxIOS).mockReturnValue(false);
-    vi.mocked(isEdgeIOS).mockReturnValue(false);
-    vi.mocked(isQQBrowser).mockReturnValue(false);
-    vi.mocked(isElectron).mockReturnValue(false);
-    vi.mocked(supportsPopups).mockReturnValue(true);
-    vi.mocked(isTablet).mockReturnValue(false);
-    vi.mocked(isIos).mockReturnValue(false);
-    vi.mocked(isSafari).mockReturnValue(false);
-    vi.mocked(isAndroid).mockReturnValue(false);
-    vi.mocked(isChrome).mockReturnValue(false);
-    vi.mocked(isFirefox).mockReturnValue(false);
-  });
-
-  afterEach(() => {
-    vi.resetAllMocks();
-  });
-
-  describe("supportsVenmoPopups", () => {
-    describe("when in supported webview", () => {
-      beforeEach(() => {
-        vi.mocked(isWebView).mockReturnValue(true);
-      });
-
-      it("should return true when popupBridge is available", () => {
-        window.popupBridge = {};
-
-        expect(supportsVenmoPopups({}, defaultUserAgent)).toBe(true);
-      });
-
-      it("should return false when popupBridge is not available", () => {
-        expect(supportsVenmoPopups({}, defaultUserAgent)).toBe(false);
-      });
-    });
-
-    describe("when not in supported webview", () => {
-      it("should return true when experiment flag is enabled and user agent supports popups", () => {
-        vi.mocked(supportsPopups).mockReturnValue(true);
-        const experiment = { venmoEnableWebOnNonNativeBrowser: true };
-
-        expect(supportsVenmoPopups(experiment, defaultUserAgent)).toBe(true);
-      });
-
-      it("should return false when experiment flag is enabled but user agent doesn't support popups due to isOperaMini", () => {
-        vi.mocked(isOperaMini).mockReturnValue(true);
-        const experiment = { venmoEnableWebOnNonNativeBrowser: true };
-
-        expect(supportsVenmoPopups(experiment, defaultUserAgent)).toBe(false);
-      });
-
-      it("should return false when experiment flag is enabled but user agent doesn't support popups due to isFirefoxIOS", () => {
-        vi.mocked(isFirefoxIOS).mockReturnValue(true);
-        const experiment = { venmoEnableWebOnNonNativeBrowser: true };
-
-        expect(supportsVenmoPopups(experiment, defaultUserAgent)).toBe(false);
-      });
-
-      it("should return false when experiment flag is enabled but user agent doesn't support popups due to isEdgeIOS", () => {
-        vi.mocked(isEdgeIOS).mockReturnValue(true);
-        const experiment = { venmoEnableWebOnNonNativeBrowser: true };
-
-        expect(supportsVenmoPopups(experiment, defaultUserAgent)).toBe(false);
-      });
-
-      it("should return false when experiment flag is enabled but user agent doesn't support popups due to isQQBrowser", () => {
-        vi.mocked(isQQBrowser).mockReturnValue(true);
-        const experiment = { venmoEnableWebOnNonNativeBrowser: true };
-
-        expect(supportsVenmoPopups(experiment, defaultUserAgent)).toBe(false);
-      });
-
-      it("should return false when experiment flag is enabled but user agent doesn't support popups due to isElectron", () => {
-        vi.mocked(isElectron).mockReturnValue(true);
-        const experiment = { venmoEnableWebOnNonNativeBrowser: true };
-
-        expect(supportsVenmoPopups(experiment, defaultUserAgent)).toBe(false);
-      });
-
-      it("should fall back to supportsPopups when experiment flag is not enabled", () => {
-        vi.mocked(supportsPopups).mockReturnValue(true);
-        const experiment = {};
-
-        expect(supportsVenmoPopups(experiment, defaultUserAgent)).toBe(true);
-      });
-
-      it("should fall back to supportsPopups when experiment flag is false", () => {
-        vi.mocked(supportsPopups).mockReturnValue(false);
-        const experiment = { venmoEnableWebOnNonNativeBrowser: false };
-
-        expect(supportsVenmoPopups(experiment, defaultUserAgent)).toBe(false);
-      });
-
-      it("should handle undefined experiment", () => {
-        vi.mocked(supportsPopups).mockReturnValue(true);
-
-        expect(supportsVenmoPopups(undefined, defaultUserAgent)).toBe(true);
-      });
-    });
-  });
-
-  describe("isSupportedNativeVenmoBrowser", () => {
-    describe("when in supported webview", () => {
-      beforeEach(() => {
-        vi.mocked(isWebView).mockReturnValue(true);
-      });
-
-      it("should return true when popupBridge is available", () => {
-        window.popupBridge = {};
-
-        expect(isSupportedNativeVenmoBrowser({}, defaultUserAgent)).toBe(true);
-      });
-
-      it("should return false when popupBridge is not available", () => {
-        expect(isSupportedNativeVenmoBrowser({}, defaultUserAgent)).toBe(false);
-      });
-    });
-
-    describe("when not in supported webview", () => {
-      it("should return false when on tablet", () => {
-        vi.mocked(isTablet).mockReturnValue(true);
-
-        expect(isSupportedNativeVenmoBrowser({}, defaultUserAgent)).toBe(false);
-      });
-
-      it("should return true for iOS Safari by default", () => {
-        vi.mocked(isIos).mockReturnValue(true);
-        vi.mocked(isSafari).mockReturnValue(true);
-
-        expect(isSupportedNativeVenmoBrowser({}, defaultUserAgent)).toBe(true);
-      });
-
-      it("should return true for Android Chrome by default", () => {
-        vi.mocked(isAndroid).mockReturnValue(true);
-        vi.mocked(isChrome).mockReturnValue(true);
-
-        expect(isSupportedNativeVenmoBrowser({}, defaultUserAgent)).toBe(true);
-      });
-
-      it("should return false for iOS Chrome without experiment flag", () => {
-        vi.mocked(isIos).mockReturnValue(true);
-        vi.mocked(isChrome).mockReturnValue(true);
-
-        expect(isSupportedNativeVenmoBrowser({}, defaultUserAgent)).toBe(false);
-      });
-
-      it("should return true for iOS Chrome with experiment flag", () => {
-        vi.mocked(isIos).mockReturnValue(true);
-        vi.mocked(isChrome).mockReturnValue(true);
-        const experiment = { venmoEnableWebOnNonNativeBrowser: true };
-
-        expect(
-          isSupportedNativeVenmoBrowser(experiment, defaultUserAgent)
-        ).toBe(true);
-      });
-
-      it("should return false for Android Firefox without experiment flag", () => {
-        vi.mocked(isAndroid).mockReturnValue(true);
-        vi.mocked(isFirefox).mockReturnValue(true);
-
-        expect(isSupportedNativeVenmoBrowser({}, defaultUserAgent)).toBe(false);
-      });
-
-      it("should return true for Android Firefox with experiment flag", () => {
-        vi.mocked(isAndroid).mockReturnValue(true);
-        vi.mocked(isFirefox).mockReturnValue(true);
-        const experiment = { venmoEnableWebOnNonNativeBrowser: true };
-
-        expect(
-          isSupportedNativeVenmoBrowser(experiment, defaultUserAgent)
-        ).toBe(true);
-      });
-
-      it("should return false for unsupported browser combinations", () => {
-        vi.mocked(isIos).mockReturnValue(true);
-        vi.mocked(isFirefox).mockReturnValue(true); // iOS Firefox (not Chrome)
-
-        expect(isSupportedNativeVenmoBrowser({}, defaultUserAgent)).toBe(false);
-      });
-
-      it("should return false for desktop browsers", () => {
-        // No mobile flags set, simulating desktop
-
-        expect(isSupportedNativeVenmoBrowser({}, defaultUserAgent)).toBe(false);
-      });
-
-      it("should handle undefined experiment", () => {
-        vi.mocked(isIos).mockReturnValue(true);
-        vi.mocked(isSafari).mockReturnValue(true);
-
-        expect(isSupportedNativeVenmoBrowser(undefined, defaultUserAgent)).toBe(
-          true
-        );
-      });
-
-      it("should prioritize tablet check over browser checks", () => {
-        vi.mocked(isTablet).mockReturnValue(true);
-        vi.mocked(isIos).mockReturnValue(true);
-        vi.mocked(isSafari).mockReturnValue(true);
-
-        expect(isSupportedNativeVenmoBrowser({}, defaultUserAgent)).toBe(false);
-      });
-    });
-  });
-});