@paypal/checkout-components 5.0.426-alpha-ea5d1e6.0 → 5.0.427

package/src/shopper-insights/shopperSession.test.js

@@ -23,7 +23,7 @@ const mockFindEligiblePaymentsRequest = (
       recommended: true,
       recommended_priority: 1,
     },
-  }
+  },
 ) =>
   vi.fn().mockResolvedValue({
     eligible_methods: eligibility,
@@ -188,7 +188,7 @@ describe("shopper insights component - getRecommendedPaymentMethods()", () => {
           countryCode: "1",
           nationalNumber: "2345678905",
         },
-      })
+      }),
     ).rejects.toThrow(new Error("Error with API"));
     expect(mockRequest).toHaveBeenCalled();
   });
@@ -215,7 +215,7 @@ describe("shopper insights component - getRecommendedPaymentMethods()", () => {
             }),
           }),
         }),
-      })
+      }),
     );
   });
 
@@ -233,7 +233,7 @@ describe("shopper insights component - getRecommendedPaymentMethods()", () => {
             email: "email2@test.com",
           }),
         }),
-      })
+      }),
     );
   });
 
@@ -258,7 +258,7 @@ describe("shopper insights component - getRecommendedPaymentMethods()", () => {
             }),
           }),
         }),
-      })
+      }),
     );
   });
 
@@ -273,11 +273,11 @@ describe("shopper insights component - getRecommendedPaymentMethods()", () => {
           countryCode: "1",
           nationalNumber: "2345678901",
         },
-      })
+      }),
     ).rejects.toEqual(
       new ValidationError(
-        "Expected shopper information to include a valid email format"
-      )
+        "Expected shopper information to include a valid email format",
+      ),
     );
   });
 
@@ -291,11 +291,11 @@ describe("shopper insights component - getRecommendedPaymentMethods()", () => {
           countryCode: "1",
           nationalNumber: "not a phone",
         },
-      })
+      }),
     ).rejects.toEqual(
       new ValidationError(
-        "Expected shopper information to be a valid phone number format"
-      )
+        "Expected shopper information to be a valid phone number format",
+      ),
     );
   });
 
@@ -308,11 +308,11 @@ describe("shopper insights component - getRecommendedPaymentMethods()", () => {
         phone: {
           nationalNumber: "2345678901",
         },
-      })
+      }),
     ).rejects.toEqual(
       new ValidationError(
-        "Expected phone number for shopper insights to include nationalNumber and countryCode"
-      )
+        "Expected phone number for shopper insights to include nationalNumber and countryCode",
+      ),
     );
 
     expect(
@@ -320,11 +320,11 @@ describe("shopper insights component - getRecommendedPaymentMethods()", () => {
         phone: {
           countryCode: "1",
         },
-      })
+      }),
     ).rejects.toEqual(
       new ValidationError(
-        "Expected phone number for shopper insights to include nationalNumber and countryCode"
-      )
+        "Expected phone number for shopper insights to include nationalNumber and countryCode",
+      ),
     );
   });
 
@@ -346,7 +346,7 @@ describe("shopper insights component - getRecommendedPaymentMethods()", () => {
             }),
           ]),
         }),
-      })
+      }),
     );
   });
 
@@ -371,7 +371,7 @@ describe("shopper insights component - getRecommendedPaymentMethods()", () => {
             country_code: "US",
           }),
         }),
-      })
+      }),
     );
   });
 
@@ -391,7 +391,7 @@ describe("shopper insights component - getRecommendedPaymentMethods()", () => {
 
     // $FlowIssue
     expect(mockRequest.mock.calls[0][0].data.customer.country_code).toEqual(
-      undefined
+      undefined,
     );
   });
 
@@ -409,7 +409,7 @@ describe("shopper insights component - getRecommendedPaymentMethods()", () => {
             include_account_details: true,
           }),
         }),
-      })
+      }),
     );
   });
 });
@@ -427,9 +427,9 @@ describe("shopper insights component - validateSdkConfig()", () => {
           sdkToken: "",
           pageType: "",
         },
-      })
+      }),
     ).toThrowError(
-      "script data attribute sdk-client-token is required but was not passed"
+      "script data attribute sdk-client-token is required but was not passed",
     );
   });
 
@@ -441,9 +441,9 @@ describe("shopper insights component - validateSdkConfig()", () => {
           sdkToken: "sdk-token",
           pageType: "",
         },
-      })
+      }),
     ).toThrowError(
-      "script data attribute page-type is required but was not passed"
+      "script data attribute page-type is required but was not passed",
     );
   });
 });

package/src/three-domain-secure/api.js

@@ -73,7 +73,7 @@ export function callGraphQLAPI({
 |}): ZalgoPromise<any> {
   if (!accessToken) {
     throw new Error(
-      `No access token passed to GraphQL request ${baseURL}${GRAPHQL_URI}`
+      `No access token passed to GraphQL request ${baseURL}${GRAPHQL_URI}`,
     );
   }
 

package/src/three-domain-secure/api.test.js

@@ -78,11 +78,11 @@ describe("API", () => {
           baseURL,
           data: gqlQuery,
           headers: {},
-        })
+        }),
       ).toThrowError(
         new Error(
-          `No access token passed to GraphQL request ${baseURL}/graphql`
-        )
+          `No access token passed to GraphQL request ${baseURL}/graphql`,
+        ),
       );
     });
 
@@ -140,7 +140,7 @@ describe("API", () => {
         });
       } catch (error) {
         expect(error.message).toBe(
-          `${baseURL}/graphql returned status ${status}`
+          `${baseURL}/graphql returned status ${status}`,
         );
       }
     });

package/src/three-domain-secure/component.jsx

@@ -23,7 +23,7 @@ import type { GraphQLClient, RestClient } from "./api";
 const parseSdkConfig = ({ sdkConfig, logger }): SdkConfig => {
   if (!sdkConfig.authenticationToken) {
     throw new ValidationError(
-      `script data attribute sdk-client-token is required but was not passed`
+      `script data attribute sdk-client-token is required but was not passed`,
     );
   }
 
@@ -122,7 +122,7 @@ export class ThreeDomainSecureComponent {
       let responseStatus = false;
       if (status === "PAYER_ACTION_REQUIRED") {
         this.authenticationURL = links.find(
-          (link) => link.rel === "payer-action"
+          (link) => link.rel === "payer-action",
         ).href;
         responseStatus = true;
         this.threeDSIframe = getThreeDS();
@@ -137,7 +137,7 @@ export class ThreeDomainSecureComponent {
   async show(): Promise<ThreeDSResponse> {
     if (!this.threeDSIframe) {
       return Promise.reject(
-        new ValidationError(`Ineligible for three domain secure`)
+        new ValidationError(`Ineligible for three domain secure`),
       );
     }
     // eslint-disable-next-line compat/compat

package/src/three-domain-secure/component.test.js

@@ -83,7 +83,7 @@ describe("three domain secure component - isEligible method", () => {
     mockRestClient.request = mockEligibilityRequest();
     const threeDomainSecureClient = createThreeDomainSecureComponent();
     const eligibility = await threeDomainSecureClient.isEligible(
-      defaultMerchantPayload
+      defaultMerchantPayload,
     );
     expect(eligibility).toEqual(true);
   });
@@ -96,7 +96,7 @@ describe("three domain secure component - isEligible method", () => {
     mockRestClient.request = mockEligibilityRequest(inEligibilityResponse);
     const threeDomainSecureClient = createThreeDomainSecureComponent();
     const eligibility = await threeDomainSecureClient.isEligible(
-      defaultMerchantPayload
+      defaultMerchantPayload,
     );
     expect(eligibility).toEqual(false);
   });
@@ -106,7 +106,7 @@ describe("three domain secure component - isEligible method", () => {
     const threeDomainSecureClient = createThreeDomainSecureComponent();
     await threeDomainSecureClient.isEligible(defaultMerchantPayload);
     expect(threeDomainSecureClient.authenticationURL).toEqual(
-      "https://testurl.com"
+      "https://testurl.com",
     );
   });
 
@@ -131,7 +131,7 @@ describe("three domain secure component - isEligible method", () => {
             value: defaultMerchantPayload.amount,
           }),
         }),
-      })
+      }),
     );
   });
 
@@ -143,7 +143,7 @@ describe("three domain secure component - isEligible method", () => {
 
     expect.assertions(2);
     await expect(() =>
-      threeDomainSecureClient.isEligible(defaultMerchantPayload)
+      threeDomainSecureClient.isEligible(defaultMerchantPayload),
     ).rejects.toThrow(new Error("Error with API"));
     expect(mockRestClient.request).toHaveBeenCalled();
   });
@@ -188,13 +188,13 @@ describe("three domain secure component - isEligible method", () => {
       const threeDomainSecureClient = createThreeDomainSecureComponent();
 
       await expect(() =>
-        threeDomainSecureClient.isEligible(params)
+        threeDomainSecureClient.isEligible(params),
       ).rejects.toThrow(new ValidationError(expected));
 
       expect(threeDomainSecureClient.logger.warn).toHaveBeenCalledWith(
-        expected
+        expected,
       );
-    }
+    },
   );
 });
 
@@ -204,7 +204,7 @@ describe("three domain descure component - show method", () => {
     // $FlowFixMe
     threeDomainSecureClient.threeDSIframe = undefined;
     await expect(threeDomainSecureClient.show()).rejects.toThrowError(
-      "Ineligible for three domain secure"
+      "Ineligible for three domain secure",
     );
   });
 });
@@ -217,9 +217,9 @@ describe("three domain secure component - initialization", () => {
           ...defaultSdkConfig,
           authenticationToken: "",
         },
-      })
+      }),
     ).toThrowError(
-      `script data attribute sdk-client-token is required but was not passed`
+      `script data attribute sdk-client-token is required but was not passed`,
     );
   });
 
@@ -307,10 +307,10 @@ describe(" three domain secure component - parseMerchantPayload", () => {
     });
 
     expect(resultTrue.payment_source.card.verification_method).toBe(
-      "SCA_ALWAYS"
+      "SCA_ALWAYS",
     );
     expect(resultFalse.payment_source.card.verification_method).toBe(
-      "SCA_WHEN_REQUIRED"
+      "SCA_WHEN_REQUIRED",
     );
   });
 
@@ -349,7 +349,7 @@ describe(" three domain secure component - parseMerchantPayload", () => {
     const result = parseMerchantPayload({ merchantPayload: payload });
 
     expect(result.payment_source.card.verification_method).toBe(
-      "SCA_WHEN_REQUIRED"
+      "SCA_WHEN_REQUIRED",
     );
   });
 });

package/src/ui/buttons/buttons.jsx

@@ -206,8 +206,8 @@ export function Buttons(props: ButtonsProps): ElementNode {
       `No eligible funding fundingSources found to render buttons:\n\n${JSON.stringify(
         fundingEligibility,
         null,
-        4
-      )}`
+        4,
+      )}`,
     );
   }
 

package/src/ui/buttons/buttons.test.js

@@ -159,13 +159,13 @@ describe("Smart Payment Buttons - limit button to PayPal for FSS", () => {
 
     const allButtonsTotalCount = jsxElems?.children.filter(
       // $FlowFixMe
-      (elem) => elem?.component?.name === "Button"
+      (elem) => elem?.component?.name === "Button",
     ).length;
 
     const hasPayPalButton =
       jsxElems?.children.filter(
         // $FlowFixMe
-        (elem) => elem?.props?.fundingSource === "paypal"
+        (elem) => elem?.props?.fundingSource === "paypal",
       ).length === 1;
 
     expect(allButtonsTotalCount).toBe(1);
@@ -183,13 +183,13 @@ describe("Smart Payment Buttons - limit button to PayPal for FSS", () => {
 
     const allButtonsTotalCount = jsxElems?.children.filter(
       // $FlowFixMe
-      (elem) => elem?.component?.name === "Button"
+      (elem) => elem?.component?.name === "Button",
     ).length;
 
     const hasPayPalButton =
       jsxElems?.children.filter(
         // $FlowFixMe
-        (elem) => elem?.props?.fundingSource === "paypal"
+        (elem) => elem?.props?.fundingSource === "paypal",
       ).length === 1;
 
     expect(allButtonsTotalCount).toBeGreaterThanOrEqual(1);

package/src/ui/buttons/config.js

@@ -40,7 +40,7 @@ export const REBRAND_LABEL_HEIGHT_RATIO = 0.5;
 // 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
+  (LOGO_VISUAL_OFFSET / REBRAND_LABEL_HEIGHT_RATIO) * 100,
 );
 
 type ButtonStyleMap = {

package/src/ui/buttons/poweredBy.jsx

@@ -83,7 +83,7 @@ export function PoweredByPayPal({
         text-align: center;
         margin: 10px auto;
         height: 12px;
-        font-family: PayPal Plain, system-ui, -apple-system, Roboto, "Segoe UI", Helvetica-Neue, Helvetica, Arial, sans-serif;
+        font-family: PayPalOpen-Regular, system-ui, -apple-system, Roboto, "Segoe UI", Helvetica-Neue, Helvetica, Arial, sans-serif;
         font-size: 10px;
         font-weight: 400;
         color: #000000;

package/src/ui/buttons/props.bnpl.test.js

@@ -180,7 +180,7 @@ describe("getCobrandedBNPLLabelFlags", () => {
       expect.objectContaining({
         shouldApplyPayNowOrLaterLabel,
         sessionID: "test-session-id",
-      })
+      }),
     );
   });