@paypal/checkout-components 5.0.280 → 5.0.282

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paypal/checkout-components",
-  "version": "5.0.280",
+  "version": "5.0.282",
   "description": "PayPal Checkout components, for integrating checkout products.",
   "main": "index.js",
   "scripts": {
@@ -30,7 +30,7 @@
     "start": "npm run webpack -- --progress --watch",
     "test": "npm run format:check && npm run test:unit && npm run jest-ssr && npm run karma && npm run jest-screenshot",
     "test:unit": "vitest run",
-    "percy-screenshot": "babel-node ./test/percy/server/createButtonConfigs.js && percy exec -- playwright test --config=./test/percy/playwright.config.js --reporter=dot --pass-with-no-tests",
+    "percy-screenshot": "npx playwright install && babel-node ./test/percy/server/createButtonConfigs.js && percy exec -- playwright test --config=./test/percy/playwright.config.js --reporter=dot --pass-with-no-tests",
     "typecheck": "npm run flow-typed && npm run flow",
     "version": "./scripts/version.sh",
     "webpack": "babel-node $(npm bin)/webpack",
@@ -70,9 +70,9 @@
     "@bunchtogether/vite-plugin-flow": "^1.0.2",
     "@krakenjs/grumbler-scripts": "^8.1.5",
     "@krakenjs/sync-browser-mocks": "^3.0.0",
-    "@percy/cli": "1.18.0",
+    "@percy/cli": "1.27.2",
     "@percy/playwright": "^1.0.4",
-    "@playwright/test": "^1.28.1",
+    "@playwright/test": "^1.38.1",
     "babel-core": "^7.0.0-bridge.0",
     "bundlemon": "^1.1.0",
     "conventional-changelog-cli": "^2.0.34",

package/src/funding/venmo/config.jsx

@@ -11,7 +11,7 @@ import { PLATFORM } from "@paypal/sdk-constants/src";
 import { BUTTON_COLOR, BUTTON_LAYOUT } from "../../constants";
 import { DEFAULT_FUNDING_CONFIG, type FundingSourceConfig } from "../common";
 
-import { WalletLabel, Label, AppLabel } from "./template";
+import { WalletLabel, Label } from "./template";
 
 export function getVenmoConfig(): FundingSourceConfig {
   return {
@@ -55,9 +55,6 @@ export function getVenmoConfig(): FundingSourceConfig {
     },
 
     Label: ({ ...props }) => {
-      if (props.experiment && props.experiment.enableVenmoAppLabel) {
-        return AppLabel(props);
-      }
       return Label(props);
     },
 

package/src/funding/venmo/template.jsx

@@ -15,23 +15,6 @@ import { Text, Space } from "../../ui/text";
 
 import css from "./style.scoped.scss";
 
-export function AppLabel(opts: LabelOptions): ChildType {
-  const { logoColor } = opts;
-
-  const AppLogo: ChildType = (
-    <Style css={css}>
-      {__WEB__ ? (
-        <VenmoLogoExternalImage logoColor={logoColor} />
-      ) : (
-        <VenmoLogoInlineSVG logoColor={logoColor} />
-      )}
-      <Text className={["app-label"]}>App</Text>
-    </Style>
-  );
-
-  return <BasicLabel {...opts} logo={AppLogo} />;
-}
-
 export function Label(opts: LabelOptions): ChildType {
   return <BasicLabel {...opts} />;
 }

package/src/types.js

@@ -59,7 +59,6 @@ export type ContentType = {|
 export type Experiment = {|
   enableVenmo?: boolean,
   disablePaylater?: boolean,
-  enableVenmoAppLabel?: boolean,
   venmoWebEnabled?: boolean,
 |};
 

package/src/zoid/buttons/util.js

@@ -11,11 +11,10 @@ import {
   isDevice,
   isTablet,
   getElement,
-  isLocalStorageEnabled,
   isStandAlone,
   once,
 } from "@krakenjs/belter/src";
-import { ENV, FUNDING } from "@paypal/sdk-constants/src";
+import { FUNDING } from "@paypal/sdk-constants/src";
 import {
   getEnableFunding,
   getLogger,
@@ -23,7 +22,6 @@ import {
   getFundingEligibility,
   getPlatform,
   getComponents,
-  getEnv,
 } from "@paypal/sdk-client/src";
 import { getRefinedFundingEligibility } from "@paypal/funding-components/src";
 
@@ -175,21 +173,6 @@ export function getVenmoExperiment(): EligibilityExperiment {
   }
 }
 
-export function getVenmoAppLabelExperiment(): EligibilityExperiment {
-  const isEnvForTest =
-    getEnv() === ENV.LOCAL || getEnv() === ENV.TEST || getEnv() === ENV.STAGE;
-
-  let isEnabledForTest = false;
-
-  if (isLocalStorageEnabled() && isEnvForTest) {
-    isEnabledForTest = window.localStorage.getItem("enable_venmo_app_label");
-  }
-
-  return {
-    enableVenmoAppLabel: isEnabledForTest,
-  };
-}
-
 export function getRenderedButtons(
   props: ButtonProps
 ): $ReadOnlyArray<$Values<typeof FUNDING>> {
@@ -322,7 +305,6 @@ export function applePaySession(): ?ApplePaySessionConfigRequest {
 export function getButtonExperiments(): EligibilityExperiment {
   return {
     ...getVenmoExperiment(),
-    ...getVenmoAppLabelExperiment(),
   };
 }
 

package/src/zoid/card-fields/component.jsx

@@ -475,7 +475,10 @@ export const getCardFieldsComponent: () => CardFieldsComponent = memoize(
 
       eligible: () => {
         const fundingEligibility = getRefinedFundingEligibility();
-        if (fundingEligibility?.card?.eligible) {
+        if (
+          fundingEligibility?.card?.eligible &&
+          !fundingEligibility.card.branded
+        ) {
           return {
             eligible: true,
           };