@paypal/checkout-components 5.0.413 → 5.0.414

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paypal/checkout-components",
-  "version": "5.0.413",
+  "version": "5.0.414",
   "description": "PayPal Checkout components, for integrating checkout products.",
   "main": "index.js",
   "scripts": {
@@ -123,7 +123,7 @@
     "@paypal/funding-components": "^1.0.31",
     "@paypal/sdk-client": "^4.0.199",
     "@paypal/sdk-constants": "^1.0.156",
-    "@paypal/sdk-logos": "^2.3.2"
+    "@paypal/sdk-logos": "^2.3.7"
   },
   "lint-staged": {
     "**/*": "prettier --write --ignore-unknown"

package/src/funding/common.jsx

@@ -256,6 +256,8 @@ export const DEFAULT_APM_FUNDING_CONFIG: FundingSourceConfig = {
     BUTTON_COLOR.SILVER,
     BUTTON_COLOR.WHITE,
     BUTTON_COLOR.BLACK,
+    BUTTON_COLOR.REBRAND_BLACK,
+    BUTTON_COLOR.REBRAND_WHITE,
   ],
 
   logoColors: {
@@ -263,6 +265,8 @@ export const DEFAULT_APM_FUNDING_CONFIG: FundingSourceConfig = {
     [BUTTON_COLOR.SILVER]: LOGO_COLOR.BLACK,
     [BUTTON_COLOR.WHITE]: LOGO_COLOR.BLACK,
     [BUTTON_COLOR.BLACK]: LOGO_COLOR.WHITE,
+    [BUTTON_COLOR.REBRAND_BLACK]: LOGO_COLOR.WHITE,
+    [BUTTON_COLOR.REBRAND_WHITE]: LOGO_COLOR.BLACK,
   },
 
   textColors: {
@@ -270,6 +274,8 @@ export const DEFAULT_APM_FUNDING_CONFIG: FundingSourceConfig = {
     [BUTTON_COLOR.BLACK]: TEXT_COLOR.WHITE,
     [BUTTON_COLOR.SILVER]: TEXT_COLOR.BLACK,
     [BUTTON_COLOR.WHITE]: TEXT_COLOR.BLACK,
+    [BUTTON_COLOR.REBRAND_BLACK]: TEXT_COLOR.WHITE,
+    [BUTTON_COLOR.REBRAND_WHITE]: TEXT_COLOR.BLACK,
   },
 
   secondaryColors: {

package/src/funding/funding.js

@@ -24,6 +24,7 @@ type IsFundingEligibleOptions = {|
   flow: $Values<typeof BUTTON_FLOW>,
   fundingEligibility: FundingEligibilityType,
   enableFunding?: $ReadOnlyArray<?$Values<typeof FUNDING>>,
+  disableFunding?: $ReadOnlyArray<?$Values<typeof FUNDING>>,
   components: $ReadOnlyArray<$Values<typeof COMPONENTS>>,
   onShippingChange: ?Function,
   onShippingAddressChange: ?Function,
@@ -75,6 +76,7 @@ export function isFundingEligible(
     fundingSource,
     fundingEligibility,
     enableFunding,
+    disableFunding,
     components,
     onShippingChange,
     onShippingAddressChange,
@@ -93,10 +95,12 @@ export function isFundingEligible(
   }: IsFundingEligibleOptions
 ): boolean {
   // Temporary: Force credit to be eligible if the experiment is enabled
+  // but honor merchant opt-out via disableFunding
   if (
     source === FUNDING.CREDIT &&
     experiment?.paypalCreditButtonCreateVaultSetupTokenExists &&
-    flow === BUTTON_FLOW.VAULT_WITHOUT_PURCHASE
+    flow === BUTTON_FLOW.VAULT_WITHOUT_PURCHASE &&
+    !(disableFunding || []).includes(FUNDING.CREDIT)
   ) {
     return true;
   }
@@ -212,6 +216,7 @@ export function determineEligibleFunding({
   platform,
   fundingEligibility,
   enableFunding,
+  disableFunding,
   components,
   onShippingChange,
   onShippingAddressChange,
@@ -234,6 +239,7 @@ export function determineEligibleFunding({
   platform: $Values<typeof PLATFORM>,
   fundingEligibility: FundingEligibilityType,
   enableFunding?: $ReadOnlyArray<?$Values<typeof FUNDING>>,
+  disableFunding?: $ReadOnlyArray<?$Values<typeof FUNDING>>,
   components: $ReadOnlyArray<$Values<typeof COMPONENTS>>,
   onShippingChange?: ?Function,
   onShippingAddressChange?: ?Function,
@@ -261,6 +267,7 @@ export function determineEligibleFunding({
       fundingSource,
       fundingEligibility,
       enableFunding,
+      disableFunding,
       components,
       onShippingChange,
       onShippingAddressChange,

package/src/funding/funding.test.js

@@ -431,5 +431,74 @@ describe("Funding eligibility", () => {
         expect(result2).toBe(true);
       });
     });
+
+    describe("createVaultSetupToken credit experiment", () => {
+      const creditExperimentOptions = {
+        ...defaultMockFundingOptions,
+        fundingSource: FUNDING.CREDIT,
+        flow: BUTTON_FLOW.VAULT_WITHOUT_PURCHASE,
+        experiment: {
+          paypalCreditButtonCreateVaultSetupTokenExists: true,
+        },
+        fundingEligibility: {
+          ...defaultMockFundingOptions.fundingEligibility,
+          credit: {
+            eligible: false,
+            branded: false,
+            vaultable: false,
+          },
+        },
+      };
+
+      beforeEach(() => {
+        vi.mocked(getFundingConfig).mockReturnValue({
+          ...vi.mocked(getFundingConfig)(),
+          [FUNDING.CREDIT]: {
+            enabled: true,
+            automatic: true,
+          },
+        });
+      });
+
+      test("should force credit eligible when experiment is enabled and disableFunding does not include credit", () => {
+        const result = isFundingEligible(FUNDING.CREDIT, {
+          ...creditExperimentOptions,
+          disableFunding: [],
+        });
+
+        expect(result).toBe(true);
+      });
+
+      test("should not force credit eligible when merchant has disableFunding=credit", () => {
+        const result = isFundingEligible(FUNDING.CREDIT, {
+          ...creditExperimentOptions,
+          disableFunding: [FUNDING.CREDIT],
+        });
+
+        expect(result).toBe(false);
+      });
+
+      test("should not force credit eligible when experiment is disabled", () => {
+        const result = isFundingEligible(FUNDING.CREDIT, {
+          ...creditExperimentOptions,
+          disableFunding: [],
+          experiment: {
+            paypalCreditButtonCreateVaultSetupTokenExists: false,
+          },
+        });
+
+        expect(result).toBe(false);
+      });
+
+      test("should not force credit eligible when flow is not VAULT_WITHOUT_PURCHASE", () => {
+        const result = isFundingEligible(FUNDING.CREDIT, {
+          ...creditExperimentOptions,
+          disableFunding: [],
+          flow: BUTTON_FLOW.PURCHASE,
+        });
+
+        expect(result).toBe(false);
+      });
+    });
   });
 });

package/src/funding/itau/config.jsx

@@ -8,11 +8,14 @@ import {
 } from "@paypal/sdk-logos/src";
 
 import { BUTTON_COLOR, BUTTON_LAYOUT, DEFAULT } from "../../constants";
-import { DEFAULT_FUNDING_CONFIG, type FundingSourceConfig } from "../common";
+import {
+  DEFAULT_APM_FUNDING_CONFIG,
+  type FundingSourceConfig,
+} from "../common";
 
 export function getItauConfig(): FundingSourceConfig {
   return {
-    ...DEFAULT_FUNDING_CONFIG,
+    ...DEFAULT_APM_FUNDING_CONFIG,
 
     layouts: [BUTTON_LAYOUT.HORIZONTAL, BUTTON_LAYOUT.VERTICAL],
 
@@ -24,22 +27,32 @@ export function getItauConfig(): FundingSourceConfig {
       return ItauLogoInlineSVG({ logoColor, optional });
     },
 
-    colors: [BUTTON_COLOR.DARKBLUE, BUTTON_COLOR.BLUE, BUTTON_COLOR.BLACK],
+    colors: [
+      BUTTON_COLOR.DEFAULT,
+      BUTTON_COLOR.DARKBLUE,
+      BUTTON_COLOR.BLUE,
+      BUTTON_COLOR.BLACK,
+      BUTTON_COLOR.REBRAND_BLACK,
+      BUTTON_COLOR.REBRAND_WHITE,
+    ],
 
     logoColors: {
+      [BUTTON_COLOR.DEFAULT]: LOGO_COLOR.WHITE,
       [BUTTON_COLOR.DARKBLUE]: LOGO_COLOR.WHITE,
       [BUTTON_COLOR.BLUE]: LOGO_COLOR.WHITE,
       [BUTTON_COLOR.BLACK]: LOGO_COLOR.WHITE,
+      [BUTTON_COLOR.REBRAND_BLACK]: LOGO_COLOR.WHITE,
+      [BUTTON_COLOR.REBRAND_WHITE]: LOGO_COLOR.BLACK,
     },
 
     secondaryColors: {
-      ...DEFAULT_FUNDING_CONFIG.secondaryColors,
+      ...DEFAULT_APM_FUNDING_CONFIG.secondaryColors,
 
-      [DEFAULT]: BUTTON_COLOR.DARKBLUE,
-      [BUTTON_COLOR.GOLD]: BUTTON_COLOR.DARKBLUE,
+      [DEFAULT]: BUTTON_COLOR.DEFAULT,
+      [BUTTON_COLOR.GOLD]: BUTTON_COLOR.DEFAULT,
       [BUTTON_COLOR.BLUE]: BUTTON_COLOR.BLUE,
-      [BUTTON_COLOR.SILVER]: BUTTON_COLOR.DARKBLUE,
-      [BUTTON_COLOR.WHITE]: BUTTON_COLOR.DARKBLUE,
+      [BUTTON_COLOR.SILVER]: BUTTON_COLOR.DEFAULT,
+      [BUTTON_COLOR.WHITE]: BUTTON_COLOR.DEFAULT,
     },
   };
 }

package/src/funding/paylater/config.jsx

@@ -22,8 +22,7 @@ import css from "./style.scoped.scss";
 
 function getLabelText(
   fundingEligibility: FundingEligibilityType,
-  locale?: LocaleType,
-  shouldApplyRebrandedStyles?: boolean
+  locale?: LocaleType
 ): ?string {
   const { paylater } = fundingEligibility;
   const { lang } = locale || {};
@@ -68,10 +67,12 @@ function getLabelText(
   }
 
   if (
-    paylater?.products?.payIn4?.eligible &&
-    paylater?.products?.payIn4?.variant === "FR"
+    (paylater?.products?.payIn4?.eligible &&
+      paylater?.products?.payIn4?.variant === "FR") ||
+    (paylater?.products?.paylater?.eligible &&
+      paylater?.products?.paylater?.variant === "FR")
   ) {
-    labelText = shouldApplyRebrandedStyles ? "4X" : "4X PayPal";
+    labelText = "Payer en plusieurs fois";
   }
 
   return labelText;
@@ -136,13 +137,7 @@ export function getPaylaterConfig(): FundingSourceConfig {
           ) : (
             <PPRebrandLogoInlineSVG logoColor={logoColorPP} />
           )}
-          <Text>
-            {getLabelText(
-              fundingEligibility,
-              locale,
-              shouldApplyRebrandedStyles
-            ) || "Pay Later"}
-          </Text>
+          <Text>{getLabelText(fundingEligibility, locale) || "Pay Later"}</Text>
         </Style>
       );
     },

package/src/funding/sepa/config.jsx

@@ -4,9 +4,10 @@
 import {
   SepaLogoInlineSVG,
   SepaLogoExternalImage,
+  LOGO_COLOR,
 } from "@paypal/sdk-logos/src";
 
-import { BUTTON_LAYOUT } from "../../constants";
+import { BUTTON_COLOR, BUTTON_LAYOUT, TEXT_COLOR } from "../../constants";
 import { DEFAULT_FUNDING_CONFIG, type FundingSourceConfig } from "../common";
 
 export function getSepaConfig(): FundingSourceConfig {
@@ -15,6 +16,33 @@ export function getSepaConfig(): FundingSourceConfig {
 
     layouts: [BUTTON_LAYOUT.VERTICAL],
 
+    colors: [
+      BUTTON_COLOR.DEFAULT,
+      BUTTON_COLOR.SILVER,
+      BUTTON_COLOR.BLACK,
+      BUTTON_COLOR.WHITE,
+      BUTTON_COLOR.REBRAND_BLACK,
+      BUTTON_COLOR.REBRAND_WHITE,
+    ],
+
+    logoColors: {
+      [BUTTON_COLOR.DEFAULT]: LOGO_COLOR.BLACK,
+      [BUTTON_COLOR.SILVER]: LOGO_COLOR.BLACK,
+      [BUTTON_COLOR.WHITE]: LOGO_COLOR.BLACK,
+      [BUTTON_COLOR.BLACK]: LOGO_COLOR.WHITE,
+      [BUTTON_COLOR.REBRAND_BLACK]: LOGO_COLOR.WHITE,
+      [BUTTON_COLOR.REBRAND_WHITE]: LOGO_COLOR.BLACK,
+    },
+
+    textColors: {
+      [BUTTON_COLOR.DEFAULT]: TEXT_COLOR.BLACK,
+      [BUTTON_COLOR.SILVER]: TEXT_COLOR.BLACK,
+      [BUTTON_COLOR.WHITE]: TEXT_COLOR.BLACK,
+      [BUTTON_COLOR.BLACK]: TEXT_COLOR.WHITE,
+      [BUTTON_COLOR.REBRAND_BLACK]: TEXT_COLOR.WHITE,
+      [BUTTON_COLOR.REBRAND_WHITE]: TEXT_COLOR.BLACK,
+    },
+
     Logo: ({ logoColor, optional }) => {
       if (__WEB__) {
         return SepaLogoExternalImage({ logoColor, optional });

package/src/marks/component.jsx

@@ -19,6 +19,7 @@ import {
 import { getRememberedFunding } from "@paypal/funding-components/src";
 import {
   getEnableFunding,
+  getDisableFunding,
   getComponents,
   getFundingEligibility,
   getEnv,
@@ -78,6 +79,7 @@ export const getMarksComponent: () => MarksComponent = memoize(() => {
     const remembered = getRememberedFunding();
     const layout = BUTTON_LAYOUT.VERTICAL;
     const enableFunding = getEnableFunding();
+    const disableFunding = getDisableFunding();
     const components = getComponents();
     const flow = BUTTON_FLOW.PURCHASE;
     const applePaySupport = fundingEligibility?.applepay?.eligible
@@ -103,6 +105,7 @@ export const getMarksComponent: () => MarksComponent = memoize(() => {
       fundingSource,
       fundingEligibility,
       enableFunding,
+      disableFunding,
       components,
       platform,
       remembered,
@@ -134,6 +137,7 @@ export const getMarksComponent: () => MarksComponent = memoize(() => {
         fundingSource,
         fundingEligibility,
         enableFunding,
+        disableFunding,
         components,
         onShippingChange,
         onShippingAddressChange,

package/src/ui/buttons/buttons.jsx

@@ -143,6 +143,7 @@ export function Buttons(props: ButtonsProps): ElementNode {
     components,
     content,
     customerId,
+    disableFunding,
     displayOnly,
     enableFunding,
     env,
@@ -181,6 +182,7 @@ export function Buttons(props: ButtonsProps): ElementNode {
     platform,
     fundingEligibility,
     enableFunding,
+    disableFunding,
     components,
     onShippingChange,
     onShippingAddressChange,

package/src/ui/buttons/config.js

@@ -27,6 +27,22 @@ export const BUTTON_RELATIVE_STYLE = {
   VERTICAL_MARGIN: 30,
 };
 
+// Rebrand label container height as a ratio of button height (0.5 = 50%).
+// The PayPal logo's translateY is derived from this value to keep the logo
+// visually centered. If this ratio changes, the translateY percentage must
+// be recalculated: translateY = LOGO_VISUAL_OFFSET / LABEL_HEIGHT_RATIO.
+// Additionally, the Venmo and Card glyph viewBox/height in @paypal/sdk-logos
+// must be updated to match the new label container height.
+export const REBRAND_LABEL_HEIGHT_RATIO = 0.5;
+
+// Fixed visual offset of the PayPal logo as a fraction of total button height.
+// translateY percentage = LOGO_VISUAL_OFFSET / LABEL_HEIGHT_RATIO
+// Current: 0.05 / 0.5 = 0.10 (10%)
+const LOGO_VISUAL_OFFSET = 0.05;
+export const REBRAND_LOGO_TRANSLATE_Y: number = Math.round(
+  (LOGO_VISUAL_OFFSET / REBRAND_LABEL_HEIGHT_RATIO) * 100
+);
+
 type ButtonStyleMap = {
   [$Values<typeof BUTTON_SIZE>]: {|
     defaultWidth: number,
@@ -53,8 +69,8 @@ type ButtonRedesignStyleMap = {
     maxHeight: number,
     minWidth: number,
     maxWidth: number,
-    gap?: number,
-    fontSize?: number,
+    gap: number,
+    fontSize: number,
   |},
 };
 
@@ -169,7 +185,7 @@ export const BUTTON_REDESIGN_STYLE: ButtonRedesignStyleMap = {
     minWidth: 50,
     maxWidth: 75,
     gap: 3,
-    fontSize: 12,
+    fontSize: 10,
   },
 
   [BUTTON_REDESIGN_SIZE.TINY]: {
@@ -179,7 +195,7 @@ export const BUTTON_REDESIGN_STYLE: ButtonRedesignStyleMap = {
     minWidth: 75,
     maxWidth: 200,
     gap: 3,
-    fontSize: 12,
+    fontSize: 10,
   },
 
   [BUTTON_REDESIGN_SIZE.SMALL]: {
@@ -188,8 +204,8 @@ export const BUTTON_REDESIGN_STYLE: ButtonRedesignStyleMap = {
     maxHeight: 35,
     minWidth: 200,
     maxWidth: 250,
-    gap: 3,
-    fontSize: 14,
+    gap: 4,
+    fontSize: 12,
   },
 
   [BUTTON_REDESIGN_SIZE.MEDIUM_SMALL]: {
@@ -199,7 +215,7 @@ export const BUTTON_REDESIGN_STYLE: ButtonRedesignStyleMap = {
     minWidth: 250,
     maxWidth: 300,
     gap: 4,
-    fontSize: 16,
+    fontSize: 14,
   },
 
   [BUTTON_REDESIGN_SIZE.MEDIUM_BIG]: {
@@ -208,8 +224,8 @@ export const BUTTON_REDESIGN_STYLE: ButtonRedesignStyleMap = {
     maxHeight: 45,
     minWidth: 300,
     maxWidth: 350,
-    gap: 4,
-    fontSize: 16,
+    gap: 5,
+    fontSize: 14,
   },
 
   [BUTTON_REDESIGN_SIZE.LARGE_SMALL]: {
@@ -219,17 +235,17 @@ export const BUTTON_REDESIGN_STYLE: ButtonRedesignStyleMap = {
     minWidth: 350,
     maxWidth: 425,
     gap: 5,
-    fontSize: 18,
+    fontSize: 16,
   },
 
   [BUTTON_REDESIGN_SIZE.LARGE_BIG]: {
-    defaultHeight: 45,
+    defaultHeight: 50,
     minHeight: 50,
     maxHeight: 55,
     minWidth: 425,
     maxWidth: 500,
     gap: 5,
-    fontSize: 20,
+    fontSize: 18,
   },
 
   [BUTTON_REDESIGN_SIZE.XL_SMALL]: {
@@ -237,28 +253,36 @@ export const BUTTON_REDESIGN_STYLE: ButtonRedesignStyleMap = {
     minHeight: 55,
     maxHeight: 60,
     minWidth: 500,
-    maxWidth: 550,
+    maxWidth: 750,
     gap: 6,
-    fontSize: 22,
+    fontSize: 18,
   },
+};
 
-  [BUTTON_REDESIGN_SIZE.XL_BIG]: {
-    defaultHeight: 55,
+export const BUTTON_REDESIGN_DISABLEMAXHEIGHT_STYLE = {
+  ...BUTTON_REDESIGN_STYLE,
+  XL_BIG: {
     minHeight: 60,
     maxHeight: 65,
-    minWidth: 550,
-    maxWidth: 650,
-    gap: 7,
-    fontSize: 24,
+    gap: 6,
+    fontSize: 20,
   },
-
-  [BUTTON_REDESIGN_SIZE.XXL]: {
-    defaultHeight: 55,
+  XXL_SMALL: {
     minHeight: 65,
-    maxHeight: 100,
-    minWidth: 650,
-    maxWidth: 750,
+    maxHeight: 70,
+    gap: 7,
+    fontSize: 22,
+  },
+  XXL_BIG: {
+    minHeight: 70,
+    maxHeight: 75,
     gap: 7,
+    fontSize: 24,
+  },
+  XXXL: {
+    minHeight: 75,
+    maxHeight: 200,
+    gap: 8,
     fontSize: 26,
   },
 };

package/src/ui/buttons/poweredBy.jsx

@@ -9,6 +9,7 @@ import { CLASS, BUTTON_COLOR_REBRAND } from "../../constants";
 import { Text } from "../text";
 
 import { buttonContent } from "./content";
+import { REBRAND_LOGO_TRANSLATE_Y } from "./config";
 
 const POWERED_BY_PAYPAL_STYLE = `
     .${CLASS.POWERED_BY} {
@@ -81,7 +82,7 @@ export function PoweredByPayPal({
     .${CLASS.POWERED_BY} {
         text-align: center;
         margin: 10px auto;
-        height: 18px;
+        height: 12px;
         font-family: PayPal Plain, system-ui, -apple-system, Roboto, "Segoe UI", Helvetica-Neue, Helvetica, Arial, sans-serif;
         font-size: 10px;
         font-weight: 400;
@@ -96,9 +97,13 @@ export function PoweredByPayPal({
     .${CLASS.POWERED_BY} > .${LOGO_CLASS.LOGO} {
         display: inline-block;
         vertical-align: middle;
-        height: 18px;
-        line-height: 18px;
+        height: 12px;
+        line-height: 12px;
         font-size: 10px;
+    } 
+
+    .${CLASS.POWERED_BY} > .${LOGO_CLASS.LOGO} {
+        transform: translateY(${REBRAND_LOGO_TRANSLATE_Y}%);
     }
   `;
 

package/src/ui/buttons/props.js

@@ -473,6 +473,7 @@ export type RenderButtonProps = {|
   buttonSessionID: string,
   nonce: string,
   enableFunding?: $ReadOnlyArray<?$Values<typeof FUNDING>>,
+  disableFunding?: $ReadOnlyArray<?$Values<typeof FUNDING>>,
   components: $ReadOnlyArray<$Values<typeof COMPONENTS>>,
   onShippingChange: ?OnShippingChange,
   onShippingAddressChange: ?OnShippingAddressChange,
@@ -675,6 +676,7 @@ export type ButtonPropsInputs = {
   shopperSessionId?: string,
   nonce: string,
   enableFunding?: $ReadOnlyArray<?$Values<typeof FUNDING>>,
+  disableFunding?: $ReadOnlyArray<?$Values<typeof FUNDING>>,
   components: $ReadOnlyArray<$Values<typeof COMPONENTS>>,
   onShippingChange: ?Function,
   onShippingAddressChange: ?Function,
@@ -813,27 +815,6 @@ export function determineRandomButtonColor({
   };
 }
 
-export function hasInvalidScriptOptionsForFullRedesign({
-  fundingSource,
-}: {|
-  fundingSource?: ?$Values<typeof FUNDING>,
-|}): boolean {
-  const validFundingSourcesForRedesign = [
-    undefined,
-    FUNDING.PAYPAL,
-    FUNDING.VENMO,
-    FUNDING.PAYLATER,
-    FUNDING.CREDIT,
-    FUNDING.CARD,
-  ];
-
-  if (validFundingSourcesForRedesign.includes(fundingSource)) {
-    return false;
-  }
-
-  return true;
-}
-
 export function throwErrorForInvalidButtonColor({
   fundingSource,
   fundingSourceColors,
@@ -918,13 +899,10 @@ export function getColorForFullRedesign({
     [BUTTON_COLOR.BLUE]: BUTTON_COLOR.REBRAND_BLUE,
     [BUTTON_COLOR.DARKBLUE]: BUTTON_COLOR.REBRAND_BLUE,
     [BUTTON_COLOR.GOLD]: BUTTON_COLOR.REBRAND_BLUE,
-
-    // not mapped yet since the styles are not setup
-    // These should never be hit since legacy experience should be set
     [BUTTON_COLOR.BLACK]: BUTTON_COLOR.REBRAND_BLACK,
     [BUTTON_COLOR.WHITE]: BUTTON_COLOR.REBRAND_WHITE,
     [BUTTON_COLOR.SILVER]: BUTTON_COLOR.REBRAND_WHITE,
-    [BUTTON_COLOR.DEFAULT]: BUTTON_COLOR.REBRAND_BLUE,
+    [BUTTON_COLOR.DEFAULT]: BUTTON_COLOR.DEFAULT,
 
     // normalizeButtonStyle gets called multiple times and
     // it can be called after color is already be mapped to rebranded style
@@ -964,9 +942,6 @@ export function getButtonColorExperience({
 }: GetButtonColorExperienceArgs): "abTest" | "fullRebrand" | "legacy" {
   const { isPaypalRebrandEnabled, isPaypalRebrandABTestEnabled } =
     experiment || {};
-  const rejectRedesign = hasInvalidScriptOptionsForFullRedesign({
-    fundingSource,
-  });
 
   if (!isPaypalRebrandEnabled) {
     return "legacy";
@@ -977,7 +952,7 @@ export function getButtonColorExperience({
     return fundingSource === FUNDING.PAYPAL ? "abTest" : "legacy";
   }
 
-  return rejectRedesign ? "legacy" : "fullRebrand";
+  return "fullRebrand";
 }
 
 export function getButtonColor({
@@ -1372,6 +1347,7 @@ export function normalizeButtonProps(
     sessionID = uniqueID(),
     buttonSessionID = uniqueID(),
     enableFunding,
+    disableFunding,
     components = [COMPONENTS.BUTTONS],
     nonce,
     onShippingChange,
@@ -1441,6 +1417,7 @@ export function normalizeButtonProps(
         fundingSource,
         fundingEligibility,
         enableFunding,
+        disableFunding,
         experiment,
         components,
         onShippingChange,
@@ -1485,6 +1462,7 @@ export function normalizeButtonProps(
     sessionID,
     nonce,
     enableFunding,
+    disableFunding,
     components,
     onShippingChange,
     onShippingAddressChange,