@paypal/checkout-components 5.0.394 → 5.0.396

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paypal/checkout-components",
-  "version": "5.0.394",
+  "version": "5.0.396",
   "description": "PayPal Checkout components, for integrating checkout products.",
   "main": "index.js",
   "scripts": {

package/src/funding/common.jsx

@@ -144,6 +144,7 @@ export type FundingSourceConfig = {|
         fundingEligibility: ?FundingEligibilityType,
         label?: string,
         period?: number,
+        locale?: LocaleType,
       |}) => string),
   showWalletMenu: ({|
     instrument: WalletInstrument,

package/src/funding/funding.js

@@ -16,7 +16,6 @@ import type { Wallet, Experiment } from "../types";
 import { BUTTON_LAYOUT, BUTTON_FLOW } from "../constants";
 
 import { getFundingConfig } from "./config";
-import { supportsVenmoPopups, isSupportedNativeVenmoBrowser } from "./util";
 
 type IsFundingEligibleOptions = {|
   layout?: $Values<typeof BUTTON_LAYOUT>,
@@ -33,6 +32,8 @@ type IsFundingEligibleOptions = {|
   wallet?: ?Wallet,
   applePaySupport: boolean,
   supportsPopups: boolean,
+  supportsVenmoPopups: boolean,
+  supportedNativeVenmoBrowser: boolean,
   supportedNativeBrowser: boolean,
   experiment?: Experiment,
   displayOnly?: $ReadOnlyArray<$Values<typeof DISPLAY_ONLY_VALUES>>,
@@ -83,7 +84,9 @@ export function isFundingEligible(
     wallet,
     applePaySupport,
     supportsPopups,
+    supportsVenmoPopups,
     supportedNativeBrowser,
+    supportedNativeVenmoBrowser,
     experiment,
     displayOnly,
     userAgent,
@@ -171,12 +174,10 @@ export function isFundingEligible(
   if (fundingConfig.requires && userAgent) {
     const required = fundingConfig.requires({ experiment, platform });
     const popupSupport =
-      source === FUNDING.VENMO
-        ? supportsVenmoPopups(experiment, supportsPopups, userAgent)
-        : supportsPopups;
+      source === FUNDING.VENMO ? supportsVenmoPopups : supportsPopups;
     const nativeBrowserSupport =
       source === FUNDING.VENMO
-        ? isSupportedNativeVenmoBrowser(experiment, userAgent)
+        ? supportedNativeVenmoBrowser
         : supportedNativeBrowser;
     if (required.popup === true && popupSupport === false) {
       return false;
@@ -221,6 +222,8 @@ export function determineEligibleFunding({
   applePaySupport,
   supportsPopups,
   supportedNativeBrowser,
+  supportsVenmoPopups,
+  supportedNativeVenmoBrowser,
   experiment,
   displayOnly = [],
   userAgent = "",
@@ -241,6 +244,8 @@ export function determineEligibleFunding({
   applePaySupport: boolean,
   supportsPopups: boolean,
   supportedNativeBrowser: boolean,
+  supportsVenmoPopups: boolean,
+  supportedNativeVenmoBrowser: boolean,
   experiment: Experiment,
   displayOnly?: $ReadOnlyArray<$Values<typeof DISPLAY_ONLY_VALUES>>,
   userAgent?: string,
@@ -265,7 +270,9 @@ export function determineEligibleFunding({
       wallet,
       applePaySupport,
       supportsPopups,
+      supportsVenmoPopups,
       supportedNativeBrowser,
+      supportedNativeVenmoBrowser,
       experiment,
       displayOnly,
       userAgent,

package/src/funding/funding.test.js

@@ -5,15 +5,8 @@ import { describe, expect, vi, beforeEach, afterEach } from "vitest";
 import { BUTTON_FLOW } from "../constants";
 
 import { isFundingEligible, isWalletFundingEligible } from "./funding";
-import { supportsVenmoPopups, isSupportedNativeVenmoBrowser } from "./util";
 import { getFundingConfig } from "./config";
 
-// Mock the venmo utility functions
-vi.mock("./util", () => ({
-  supportsVenmoPopups: vi.fn(),
-  isSupportedNativeVenmoBrowser: vi.fn(),
-}));
-
 // Mock getFundingConfig to control funding config behavior
 vi.mock("./config", () => ({
   getFundingConfig: vi.fn(),
@@ -65,6 +58,8 @@ const defaultMockFundingOptions = {
   applePaySupport: false,
   supportsPopups: true,
   supportedNativeBrowser: true,
+  supportsVenmoPopups: false,
+  supportedNativeVenmoBrowser: false,
   onShippingChange: null,
   onShippingAddressChange: null,
   onShippingOptionsChange: null,
@@ -265,91 +260,66 @@ describe("Funding eligibility", () => {
       });
 
       test("should use supportsVenmoPopups for venmo funding source when popup is required", () => {
-        vi.mocked(supportsVenmoPopups).mockReturnValue(true);
-        vi.mocked(isSupportedNativeVenmoBrowser).mockReturnValue(true);
-
         const options = {
           ...defaultMockFundingOptions,
           fundingSource: FUNDING.VENMO,
           platform: "mobile",
           experiment: { venmoEnableWebOnNonNativeBrowser: true },
+          supportsVenmoPopups: true,
+          supportedNativeVenmoBrowser: true,
         };
 
         const result = isFundingEligible(FUNDING.VENMO, options);
 
-        expect(supportsVenmoPopups).toHaveBeenCalledWith(
-          options.experiment,
-          true,
-          options.userAgent
-        );
         expect(result).toBe(true);
       });
 
       test("should use isSupportedNativeVenmoBrowser for venmo funding source when native is required", () => {
-        vi.mocked(supportsVenmoPopups).mockReturnValue(true);
-        vi.mocked(isSupportedNativeVenmoBrowser).mockReturnValue(true);
-
         const options = {
           ...defaultMockFundingOptions,
           fundingSource: FUNDING.VENMO,
           platform: "mobile",
           experiment: { venmoEnableWebOnNonNativeBrowser: true },
+          supportedNativeVenmoBrowser: true,
+          supportsVenmoPopups: true,
         };
 
         const result = isFundingEligible(FUNDING.VENMO, options);
 
-        expect(isSupportedNativeVenmoBrowser).toHaveBeenCalledWith(
-          options.experiment,
-          options.userAgent
-        );
         expect(result).toBe(true);
       });
 
       test("should return false when venmo popup support is required but supportsVenmoPopups returns false", () => {
-        vi.mocked(supportsVenmoPopups).mockReturnValue(false);
-        vi.mocked(isSupportedNativeVenmoBrowser).mockReturnValue(true);
-
         const options = {
           ...defaultMockFundingOptions,
           fundingSource: FUNDING.VENMO,
           platform: "mobile",
           experiment: {},
+          supportsVenmoPopups: false,
+          supportedNativeVenmoBrowser: true,
         };
 
         const result = isFundingEligible(FUNDING.VENMO, options);
 
-        expect(supportsVenmoPopups).toHaveBeenCalledWith(
-          options.experiment,
-          true,
-          options.userAgent
-        );
         expect(result).toBe(false);
       });
 
       test("should return false when venmo native support is required but isSupportedNativeVenmoBrowser returns false", () => {
-        vi.mocked(supportsVenmoPopups).mockReturnValue(true);
-        vi.mocked(isSupportedNativeVenmoBrowser).mockReturnValue(false);
-
         const options = {
           ...defaultMockFundingOptions,
           fundingSource: FUNDING.VENMO,
           platform: "mobile",
           experiment: {},
+          supportedNativeVenmoBrowser: false,
+          supportsVenmoPopups: true,
         };
 
         const result = isFundingEligible(FUNDING.VENMO, options);
 
-        expect(isSupportedNativeVenmoBrowser).toHaveBeenCalledWith(
-          options.experiment,
-          options.userAgent
-        );
         expect(result).toBe(false);
       });
 
       test("should use standard supportsPopups for non-venmo funding sources", () => {
-        vi.mocked(supportsVenmoPopups).mockReturnValue(false);
-        vi.mocked(isSupportedNativeVenmoBrowser).mockReturnValue(false);
-
         // Update the mock to not require popup and native for PayPal to isolate the test
         vi.mocked(getFundingConfig).mockReturnValue({
           [FUNDING.PAYLATER]: {
@@ -402,41 +372,25 @@ describe("Funding eligibility", () => {
 
         const result = isFundingEligible(FUNDING.PAYPAL, options);
 
-        // Venmo functions should not be called for non-venmo sources
-        expect(supportsVenmoPopups).not.toHaveBeenCalled();
-        expect(isSupportedNativeVenmoBrowser).not.toHaveBeenCalled();
         expect(result).toBe(true);
       });
 
       test("should handle undefined experiment parameter for venmo", () => {
-        vi.mocked(supportsVenmoPopups).mockReturnValue(true);
-        vi.mocked(isSupportedNativeVenmoBrowser).mockReturnValue(true);
-
         const options = {
           ...defaultMockFundingOptions,
           fundingSource: FUNDING.VENMO,
           platform: "mobile",
           experiment: undefined,
+          supportsVenmoPopups: true,
+          supportedNativeVenmoBrowser: true,
         };
 
         const result = isFundingEligible(FUNDING.VENMO, options);
 
-        expect(supportsVenmoPopups).toHaveBeenCalledWith(
-          undefined,
-          true,
-          options.userAgent
-        );
-        expect(isSupportedNativeVenmoBrowser).toHaveBeenCalledWith(
-          undefined,
-          options.userAgent
-        );
         expect(result).toBe(true);
       });
 
       test("should pass through experiment flags to venmo utility functions", () => {
-        vi.mocked(supportsVenmoPopups).mockReturnValue(true);
-        vi.mocked(isSupportedNativeVenmoBrowser).mockReturnValue(true);
-
         const experimentFlags = {
           venmoEnableWebOnNonNativeBrowser: true,
           venmoVaultWithoutPurchase: false,
@@ -447,32 +401,23 @@ describe("Funding eligibility", () => {
           fundingSource: FUNDING.VENMO,
           platform: "mobile",
           experiment: experimentFlags,
+          supportsVenmoPopups: true,
+          supportedNativeVenmoBrowser: true,
         };
 
         const result = isFundingEligible(FUNDING.VENMO, options);
 
-        expect(supportsVenmoPopups).toHaveBeenCalledWith(
-          experimentFlags,
-          true,
-          options.userAgent
-        );
-        expect(isSupportedNativeVenmoBrowser).toHaveBeenCalledWith(
-          experimentFlags,
-          options.userAgent
-        );
         expect(result).toBe(true);
       });
 
       test("should respect combination of venmo popup and native requirements", () => {
-        // Test case where popup succeeds but native fails
-        vi.mocked(supportsVenmoPopups).mockReturnValue(true);
-        vi.mocked(isSupportedNativeVenmoBrowser).mockReturnValue(false);
-
         const options = {
           ...defaultMockFundingOptions,
           fundingSource: FUNDING.VENMO,
           platform: "mobile",
           experiment: {},
+          supportsVenmoPopups: true,
+          supportedNativeVenmoBrowser: false,
         };
 
         const result = isFundingEligible(FUNDING.VENMO, options);
@@ -480,7 +425,7 @@ describe("Funding eligibility", () => {
         expect(result).toBe(false);
 
         // Test case where both succeed
-        vi.mocked(isSupportedNativeVenmoBrowser).mockReturnValue(true);
+        options.supportedNativeVenmoBrowser = true;
 
         const result2 = isFundingEligible(FUNDING.VENMO, options);
         expect(result2).toBe(true);

package/src/funding/paylater/config.jsx

@@ -2,7 +2,7 @@
 /** @jsx node */
 
 import type { FundingEligibilityType } from "@paypal/sdk-client/src";
-import { FUNDING } from "@paypal/sdk-constants/src";
+import { FUNDING, type LocaleType } from "@paypal/sdk-constants/src";
 import { node, Style } from "@krakenjs/jsx-pragmatic/src";
 import {
   PPLogoExternalImage,
@@ -22,9 +22,11 @@ import css from "./style.scoped.scss";
 
 function getLabelText(
   fundingEligibility: FundingEligibilityType,
+  locale?: LocaleType,
   shouldApplyRebrandedStyles?: boolean
 ): ?string {
   const { paylater } = fundingEligibility;
+  const { lang } = locale || {};
 
   let labelText;
 
@@ -53,6 +55,14 @@ function getLabelText(
     labelText = "Paga a rate";
   }
 
+  if (
+    paylater?.products?.paylater?.eligible &&
+    paylater?.products?.paylater?.variant === "CA" &&
+    lang === "fr"
+  ) {
+    labelText = "Payer en 4";
+  }
+
   if (paylater?.products?.payIn4?.eligible) {
     labelText = "Pay in 4";
   }
@@ -104,7 +114,9 @@ export function getPaylaterConfig(): FundingSourceConfig {
             ) : (
               <PPLogoInlineSVG logoColor={logoColor} />
             )}
-            <Text>{getLabelText(fundingEligibility) || "Pay Later"}</Text>
+            <Text>
+              {getLabelText(fundingEligibility, locale) || "Pay Later"}
+            </Text>
           </Style>
         );
       }
@@ -125,8 +137,11 @@ export function getPaylaterConfig(): FundingSourceConfig {
             <PPRebrandLogoInlineSVG logoColor={logoColorPP} />
           )}
           <Text>
-            {getLabelText(fundingEligibility, shouldApplyRebrandedStyles) ||
-              "Pay Later"}
+            {getLabelText(
+              fundingEligibility,
+              locale,
+              shouldApplyRebrandedStyles
+            ) || "Pay Later"}
           </Text>
         </Style>
       );
@@ -175,9 +190,9 @@ export function getPaylaterConfig(): FundingSourceConfig {
       [BUTTON_COLOR.REBRAND_BLACK]: LOGO_COLOR.WHITE,
     },
 
-    labelText: ({ fundingEligibility }) => {
+    labelText: ({ fundingEligibility, locale }) => {
       return (
-        (fundingEligibility && getLabelText(fundingEligibility)) ||
+        (fundingEligibility && getLabelText(fundingEligibility, locale)) ||
         `${FUNDING.PAYPAL} ${FUNDING.PAYLATER}`
       );
     },

package/src/funding/util.js

@@ -50,16 +50,16 @@ export function supportsVenmoPopups(
   supportsPopups: boolean,
   userAgent: string
 ): boolean {
-  if (isVenmoSupportedWebView(userAgent)) {
-    if (typeof window !== "undefined" && window.popupBridge) {
+  if (__WEB__ && isVenmoSupportedWebView(userAgent)) {
+    if (window.popupBridge) {
       return true;
     }
-    return false;
   }
 
   if (experiment?.venmoEnableWebOnNonNativeBrowser === true) {
     return venmoUserAgentSupportsPopups(userAgent);
   }
+
   return supportsPopups;
 }
 
@@ -67,11 +67,10 @@ export function isSupportedNativeVenmoBrowser(
   experiment?: Experiment,
   userAgent: string
 ): boolean {
-  if (isVenmoSupportedWebView(userAgent)) {
-    if (typeof window !== "undefined" && window.popupBridge) {
+  if (__WEB__ && isVenmoSupportedWebView(userAgent)) {
+    if (window.popupBridge) {
       return true;
     }
-    return false;
   }
 
   if (isTablet(userAgent)) {

package/src/funding/util.test.js

@@ -89,7 +89,7 @@ describe("funding/util", () => {
       });
 
       it("should return false when popupBridge is not available", () => {
-        expect(supportsVenmoPopups({}, true, defaultUserAgent)).toBe(false);
+        expect(supportsVenmoPopups({}, false, defaultUserAgent)).toBe(false);
       });
     });
 

package/src/marks/component.jsx

@@ -31,6 +31,10 @@ import type {
 } from "../ui/buttons/props";
 import { BUTTON_LAYOUT, BUTTON_FLOW } from "../constants";
 import { determineEligibleFunding, isFundingEligible } from "../funding";
+import {
+  supportsVenmoPopups,
+  isSupportedNativeVenmoBrowser,
+} from "../funding/util";
 import {
   isSupportedNativeBrowser,
   getButtonExperiments,
@@ -80,6 +84,15 @@ export const getMarksComponent: () => MarksComponent = memoize(() => {
     const supportsPopups = userAgentSupportsPopups();
     const supportedNativeBrowser = isSupportedNativeBrowser();
     const experiment = getButtonExperiments();
+    const supportsVenmoPopup = supportsVenmoPopups(
+      experiment,
+      supportsPopups,
+      userAgent
+    );
+    const supportedNativeVenmoBrowser = isSupportedNativeVenmoBrowser(
+      experiment,
+      userAgent
+    );
 
     const hasShippingCallback = Boolean(
       onShippingChange || onShippingAddressChange || onShippingOptionsChange
@@ -100,6 +113,8 @@ export const getMarksComponent: () => MarksComponent = memoize(() => {
       hasShippingCallback,
       supportsPopups,
       supportedNativeBrowser,
+      supportsVenmoPopups: supportsVenmoPopup,
+      supportedNativeVenmoBrowser,
       experiment,
       displayOnly,
       userAgent,
@@ -124,7 +139,9 @@ export const getMarksComponent: () => MarksComponent = memoize(() => {
         flow,
         applePaySupport,
         supportsPopups,
+        supportsVenmoPopups: supportsVenmoPopup,
         supportedNativeBrowser,
+        supportedNativeVenmoBrowser,
         experiment,
         displayOnly,
         userAgent,

package/src/ui/buttons/button.jsx

@@ -185,6 +185,7 @@ export function Button({
             fundingEligibility,
             label: eligibleLabel,
             period,
+            locale,
           })
         : fundingConfig.labelText || fundingSource;
 

package/src/ui/buttons/buttons.jsx

@@ -165,6 +165,8 @@ export function Buttons(props: ButtonsProps): ElementNode {
     style,
     supportedNativeBrowser,
     supportsPopups,
+    supportsVenmoPopups,
+    supportedNativeVenmoBrowser,
     userIDToken,
     vault,
     wallet,
@@ -189,6 +191,8 @@ export function Buttons(props: ButtonsProps): ElementNode {
     applePaySupport,
     supportsPopups,
     supportedNativeBrowser,
+    supportsVenmoPopups,
+    supportedNativeVenmoBrowser,
     experiment,
     displayOnly,
     userAgent,

package/src/ui/buttons/props.js

@@ -487,6 +487,8 @@ export type RenderButtonProps = {|
   applePaySupport: boolean,
   supportsPopups: boolean,
   supportedNativeBrowser: boolean,
+  supportsVenmoPopups: boolean,
+  supportedNativeVenmoBrowser: boolean,
   showPayLabel: boolean,
   displayOnly?: $ReadOnlyArray<$Values<typeof DISPLAY_ONLY_VALUES>>,
   message?: ButtonMessage,
@@ -624,6 +626,8 @@ export type ButtonProps = {|
   components: $ReadOnlyArray<$Values<typeof COMPONENTS>>,
   supportsPopups: boolean,
   supportedNativeBrowser: boolean,
+  supportsVenmoPopups: boolean,
+  supportedNativeVenmoBrowser: boolean,
   applePaySupport: boolean,
   applePay: ApplePaySessionConfigRequest,
   meta: {||},
@@ -679,6 +683,8 @@ export type ButtonPropsInputs = {
   applePaySupport: boolean,
   supportsPopups: boolean,
   supportedNativeBrowser: boolean,
+  supportsVenmoPopups: boolean,
+  supportedNativeVenmoBrowser: boolean,
   showPayLabel: boolean,
   displayOnly: $ReadOnlyArray<$Values<typeof DISPLAY_ONLY_VALUES>>,
   message?: ButtonMessageInputs | void,
@@ -1260,6 +1266,8 @@ export function normalizeButtonProps(
     applePaySupport = false,
     supportsPopups = false,
     supportedNativeBrowser = false,
+    supportsVenmoPopups = false,
+    supportedNativeVenmoBrowser = false,
     showPayLabel = true,
     displayOnly = [],
     message,
@@ -1319,6 +1327,8 @@ export function normalizeButtonProps(
         applePaySupport,
         supportsPopups,
         supportedNativeBrowser,
+        supportsVenmoPopups,
+        supportedNativeVenmoBrowser,
         displayOnly,
         userAgent,
       })
@@ -1368,6 +1378,8 @@ export function normalizeButtonProps(
     applePaySupport,
     supportsPopups,
     supportedNativeBrowser,
+    supportsVenmoPopups,
+    supportedNativeVenmoBrowser,
     showPayLabel,
     displayOnly,
     message,

package/src/zoid/buttons/component.jsx

@@ -91,7 +91,7 @@ import {
 } from "../../ui/buttons/props";
 import { isFundingEligible } from "../../funding";
 import {
-  supportsVenmoPopups,
+  supportsVenmoPopups as supportsVenmoPopupsUtil,
   isSupportedNativeVenmoBrowser,
 } from "../../funding/util";
 import { getPixelComponent } from "../pixel";
@@ -249,16 +249,17 @@ export const getButtonsComponent: () => ButtonsComponent = memoize(() => {
         style = {},
         enableFunding = getEnableFunding(),
         fundingEligibility = getRefinedFundingEligibility(),
-        supportsPopups = props.fundingSource === FUNDING.VENMO
-          ? supportsVenmoPopups(
-              props.experiment,
-              userAgentSupportsPopups(),
-              getUserAgent()
-            )
-          : userAgentSupportsPopups(),
-        supportedNativeBrowser = props.fundingSource === FUNDING.VENMO
-          ? isSupportedNativeVenmoBrowser(props.experiment, getUserAgent())
-          : isSupportedNativeBrowser(),
+        supportsPopups = userAgentSupportsPopups(),
+        supportedNativeBrowser = isSupportedNativeBrowser(),
+        supportsVenmoPopups = supportsVenmoPopupsUtil(
+          props.experiment,
+          userAgentSupportsPopups(),
+          getUserAgent()
+        ),
+        supportedNativeVenmoBrowser = isSupportedNativeVenmoBrowser(
+          props.experiment,
+          getUserAgent()
+        ),
         experiment = getButtonExperiments(),
         createBillingAgreement,
         createSubscription,
@@ -305,6 +306,8 @@ export const getButtonsComponent: () => ButtonsComponent = memoize(() => {
           flow,
           applePaySupport,
           supportsPopups,
+          supportsVenmoPopups,
+          supportedNativeVenmoBrowser,
           supportedNativeBrowser,
           experiment,
           displayOnly,
@@ -725,6 +728,8 @@ export const getButtonsComponent: () => ButtonsComponent = memoize(() => {
             applePaySupport,
             supportsPopups,
             supportedNativeBrowser,
+            supportsVenmoPopups,
+            supportedNativeVenmoBrowser,
             createBillingAgreement,
             createSubscription,
             createVaultSetupToken,
@@ -758,6 +763,8 @@ export const getButtonsComponent: () => ButtonsComponent = memoize(() => {
               flow,
               applePaySupport,
               supportsPopups,
+              supportsVenmoPopups,
+              supportedNativeVenmoBrowser,
               supportedNativeBrowser,
               displayOnly,
               userAgent,
@@ -1277,35 +1284,43 @@ export const getButtonsComponent: () => ButtonsComponent = memoize(() => {
 
       supportedNativeBrowser: {
         type: "boolean",
-        value: ({ props }) => {
-          if (props.fundingSource === FUNDING.VENMO) {
-            return isSupportedNativeVenmoBrowser(
-              props.experiment,
-              props.userAgent
-            );
-          }
+        value: isSupportedNativeBrowser,
+        queryParam: true,
+      },
 
-          return isSupportedNativeBrowser();
+      supportedNativeVenmoBrowser: {
+        type: "boolean",
+        value: ({ props }) => {
+          return isSupportedNativeVenmoBrowser(
+            props.experiment,
+            props.userAgent
+          );
         },
         queryParam: true,
+        required: false,
       },
 
       supportsPopups: {
         type: "boolean",
-        value: ({ props }) => {
-          if (props.fundingSource === FUNDING.VENMO) {
-            return supportsVenmoPopups(
-              props.experiment,
-              userAgentSupportsPopups(),
-              props.userAgent
-            );
-          }
-
+        value: () => {
           return userAgentSupportsPopups();
         },
         queryParam: true,
       },
 
+      supportsVenmoPopups: {
+        type: "boolean",
+        value: ({ props }) => {
+          return supportsVenmoPopupsUtil(
+            props.experiment,
+            userAgentSupportsPopups(),
+            props.userAgent
+          );
+        },
+        queryParam: true,
+        required: false,
+      },
+
       test: {
         type: "object",
         default(): Object {

package/src/zoid/buttons/util.js

@@ -149,6 +149,8 @@ export function getRenderedButtons(
     applePaySupport,
     supportsPopups = userAgentSupportsPopups(),
     supportedNativeBrowser = isSupportedNativeBrowser(),
+    supportsVenmoPopups,
+    supportedNativeVenmoBrowser,
     createBillingAgreement,
     createSubscription,
     createVaultSetupToken,
@@ -181,6 +183,8 @@ export function getRenderedButtons(
     applePaySupport,
     supportsPopups,
     supportedNativeBrowser,
+    supportsVenmoPopups,
+    supportedNativeVenmoBrowser,
     experiment,
     displayOnly,
   });