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

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

@@ -642,9 +642,9 @@ describe("test responsive style variables for legacy", () => {
           shouldApplyRebrandedStyles,
           fundingEligibility,
           size: input,
-        })
+        }),
       ).toEqual(expected);
-    }
+    },
   );
 });
 
@@ -700,9 +700,9 @@ describe("test responsive style variables when shouldResizeLabel == true", () =>
           fundingEligibility,
           shouldApplyRebrandedStyles,
           size: input,
-        })
+        }),
       ).toEqual(expected);
-    }
+    },
   );
 });
 describe("test responsive style variables for rebranded buttons", () => {
@@ -745,9 +745,9 @@ describe("test responsive style variables for rebranded buttons", () => {
       expect(
         getResponsiveRebrandedStyleVariables({
           redesignSize: input,
-        })
+        }),
       ).toEqual(expected);
-    }
+    },
   );
 });
 describe("test responsive style variables for legacy disable max height", () => {
@@ -805,9 +805,9 @@ describe("test responsive style variables for legacy disable max height", () =>
           fundingEligibility,
           shouldApplyRebrandedStyles,
           disableMaxHeightSize: input,
-        })
+        }),
       ).toEqual(expected);
-    }
+    },
   );
 });
 describe("test responsive style variables when shouldResizeLabel == true for disable max height", () => {
@@ -878,9 +878,9 @@ describe("test responsive style variables when shouldResizeLabel == true for dis
           fundingEligibility,
           shouldApplyRebrandedStyles,
           disableMaxHeightSize: input,
-        })
+        }),
       ).toEqual(expected);
-    }
+    },
   );
 });
 
@@ -939,8 +939,8 @@ describe("test rebrand responsive style variables for disable max height", () =>
           fundingEligibility,
           shouldApplyRebrandedStyles,
           disableMaxHeightSize: input,
-        })
+        }),
       ).toMatchObject(expected);
-    }
+    },
   );
 });

package/src/ui/buttons/util.js

@@ -9,7 +9,7 @@ export function isBorderRadiusNumber(borderRadius?: number): boolean {
 
 export function calculateShowPoweredBy(
   layout: $Values<typeof BUTTON_LAYOUT>,
-  fundingSources: $ReadOnlyArray<$Values<typeof FUNDING>>
+  fundingSources: $ReadOnlyArray<$Values<typeof FUNDING>>,
 ): boolean {
   return (
     layout === BUTTON_LAYOUT.VERTICAL && fundingSources.includes(FUNDING.CARD)
@@ -19,14 +19,14 @@ export function calculateShowPoweredBy(
 export function calculateMessagePosition(
   fundingSources: $ReadOnlyArray<$Values<typeof FUNDING>>,
   layout: $Values<typeof BUTTON_LAYOUT>,
-  position?: $Values<typeof MESSAGE_POSITION>
+  position?: $Values<typeof MESSAGE_POSITION>,
 ): $Values<typeof MESSAGE_POSITION> {
   const showPoweredBy = calculateShowPoweredBy(layout, fundingSources);
 
   if (showPoweredBy && position === MESSAGE_POSITION.BOTTOM) {
     // eslint-disable-next-line no-console
     console.warn(
-      "PayPal Button Message cannot be positioned at bottom when displaying the Debit or Credit Card button."
+      "PayPal Button Message cannot be positioned at bottom when displaying the Debit or Credit Card button.",
     );
   }
 
@@ -42,7 +42,7 @@ export function calculateMessagePosition(
 
 export function checkLabelEligibility(
   label?: $Values<typeof BUTTON_LABEL>,
-  buyerCountry: $Values<typeof COUNTRY>
+  buyerCountry: $Values<typeof COUNTRY>,
 ): $Values<typeof BUTTON_LABEL> | typeof undefined {
   const eligibleCountriesForInstallmentLabel = ["BR", "MX"];
 

package/src/ui/overlay/three-domain-secure/overlay.jsx

@@ -67,7 +67,7 @@ export function Overlay({
       document.getElementsByName(overlayIframeName)?.[0];
     const iframeDocument = overlayIframe?.contentWindow.document;
     const warningElement = iframeDocument?.getElementsByClassName(
-      "paypal-checkout-focus-warning"
+      "paypal-checkout-focus-warning",
     )?.[0];
 
     if (!warningElement) {

package/src/ui/saved-payment-methods/template.jsx

@@ -70,7 +70,7 @@ function getStyleConfig(style?: SavedPaymentMethodsStyleInputs): Object {
  * shared by zoid prerender and server SSR and must match the first client paint.
  */
 export function SavedPaymentMethods(
-  props: SavedPaymentMethodsServerRenderProps
+  props: SavedPaymentMethodsServerRenderProps,
 ): ElementNode {
   const { nonce, style } = props;
   const styleConfig = getStyleConfig(style);

package/src/ui/text/text.jsx

@@ -22,7 +22,7 @@ type TextProps = {|
 
 export function Text(
   { optional, className = [], animate, ...rest }: TextProps,
-  children: NullableChildrenType
+  children: NullableChildrenType,
 ): ChildType {
   return (
     <span

package/src/zoid/buttons/component.jsx

@@ -116,7 +116,7 @@ export type ButtonsComponent = ZoidComponent<
   ButtonProps,
   void,
   void,
-  ButtonExtensions
+  ButtonExtensions,
 >;
 
 // $FlowIssue
@@ -195,7 +195,7 @@ export const getButtonsComponent: () => ButtonsComponent = memoize(() => {
         try {
           const cplPhases = prepareInstrumentationPayload(
             buttonSessionID,
-            "buttons"
+            "buttons",
           );
           const cplLatencyMetrics = {
             [FPTI_KEY.STATE]: "CPL_LATENCY_METRICS",
@@ -262,11 +262,11 @@ export const getButtonsComponent: () => ButtonsComponent = memoize(() => {
         supportsVenmoPopups = supportsVenmoPopupsUtil(
           buttonExperiments,
           userAgentSupportsPopups(),
-          getUserAgent()
+          getUserAgent(),
         ),
         supportedNativeVenmoBrowser = isSupportedNativeVenmoBrowser(
           buttonExperiments,
-          getUserAgent()
+          getUserAgent(),
         ),
         experiment = buttonExperiments,
         createBillingAgreement,
@@ -380,7 +380,7 @@ export const getButtonsComponent: () => ButtonsComponent = memoize(() => {
           ({ props: { buttonSessionID } }) =>
           ({ close }) => {
             const overlay = document.getElementsByName(
-              `paypal-overlay-${buttonSessionID}`
+              `paypal-overlay-${buttonSessionID}`,
             )?.[0];
 
             if (overlay) {
@@ -456,7 +456,7 @@ export const getButtonsComponent: () => ButtonsComponent = memoize(() => {
           () => {
             window.addEventListener(
               "visibilitychange",
-              props.visibilityChangeHandler
+              props.visibilityChangeHandler,
             );
           },
       },
@@ -469,7 +469,7 @@ export const getButtonsComponent: () => ButtonsComponent = memoize(() => {
           () => {
             window.removeEventListener(
               "visibilitychange",
-              props.visibilityChangeHandler
+              props.visibilityChangeHandler,
             );
           },
       },
@@ -956,7 +956,7 @@ export const getButtonsComponent: () => ButtonsComponent = memoize(() => {
             // $FlowFixMe
             value,
             layout,
-            fundingSources
+            fundingSources,
           );
         },
       },
@@ -1041,7 +1041,7 @@ export const getButtonsComponent: () => ButtonsComponent = memoize(() => {
             const modalInstance = await getModal(
               clientID,
               merchantID,
-              buttonSessionID
+              buttonSessionID,
             );
             return modalInstance?.show({
               amount,
@@ -1137,8 +1137,8 @@ export const getButtonsComponent: () => ButtonsComponent = memoize(() => {
         value: ({ props }) => {
           return Boolean(
             props.onShippingChange ||
-              props.onShippingAddressChange ||
-              props.onShippingOptionsChange
+            props.onShippingAddressChange ||
+            props.onShippingOptionsChange,
           );
         },
       },
@@ -1372,7 +1372,7 @@ export const getButtonsComponent: () => ButtonsComponent = memoize(() => {
         value: ({ props }) => {
           return isSupportedNativeVenmoBrowser(
             props.experiment,
-            props.userAgent
+            props.userAgent,
           );
         },
         queryParam: true,
@@ -1393,7 +1393,7 @@ export const getButtonsComponent: () => ButtonsComponent = memoize(() => {
           return supportsVenmoPopupsUtil(
             props.experiment,
             userAgentSupportsPopups(),
-            props.userAgent
+            props.userAgent,
           );
         },
         queryParam: true,

package/src/zoid/buttons/container.jsx

@@ -86,13 +86,13 @@ export function containerTemplate({
     possibleSizes.sort(
       (
         sizeA: $Values<typeof BUTTON_SIZE>,
-        sizeB: $Values<typeof BUTTON_SIZE>
+        sizeB: $Values<typeof BUTTON_SIZE>,
       ): number => {
         return (
           BUTTON_SIZE_STYLE[sizeA].defaultWidth -
           BUTTON_SIZE_STYLE[sizeB].defaultWidth
         );
-      }
+      },
     );
 
     minimumSize = possibleSizes[0];

package/src/zoid/buttons/prerender.jsx

@@ -39,7 +39,7 @@ export function PrerenderedButtons({
   props,
 }: PrerenderedButtonsProps): ChildType {
   const eagerOrderCreation = isEagerOrderCreationEnabled(
-    props.appSwitchWhenAvailable
+    props.appSwitchWhenAvailable,
   );
   let win;
   const handleClick = (
@@ -51,7 +51,7 @@ export function PrerenderedButtons({
     }: {|
       fundingSource: $Values<typeof FUNDING>,
       card: ?$Values<typeof CARD>,
-    |}
+    |},
   ) => {
     getLogger()
       .info("paypal_js_sdk_v5_button_prerender_click", {
@@ -84,7 +84,7 @@ export function PrerenderedButtons({
           popup("", {
             width: DEFAULT_POPUP_SIZE.WIDTH,
             height: DEFAULT_POPUP_SIZE.HEIGHT,
-          })
+          }),
         );
       }
 

package/src/zoid/buttons/util.js

@@ -79,7 +79,7 @@ const logNativeScreenInformation = once(() => {
 });
 
 export function determineFlow(
-  props: DetermineFlowOptions
+  props: DetermineFlowOptions,
 ): $Values<typeof BUTTON_FLOW> {
   if (props.createVaultSetupToken) {
     return BUTTON_FLOW.VAULT_WITHOUT_PURCHASE;
@@ -135,7 +135,7 @@ export function getVenmoEligibility(): EligibilityExperiment {
 }
 
 export function getRenderedButtons(
-  props: ButtonProps
+  props: ButtonProps,
 ): $ReadOnlyArray<$Values<typeof FUNDING>> {
   const {
     fundingSource,
@@ -206,8 +206,8 @@ export function applePaySession(): ?ApplePaySessionConfigRequest {
             new window.ApplePayError(
               error.code,
               error.contactField,
-              error.message
-            )
+              error.message,
+            ),
         ),
       };
     };
@@ -280,7 +280,7 @@ export function getButtonExperiments(): EligibilityExperiment {
 
 export function getButtonSize(
   props: ButtonProps,
-  container: string | HTMLElement | void
+  container: string | HTMLElement | void,
 ): string | void {
   if (!container) {
     return;
@@ -341,7 +341,7 @@ function buildModalBundleUrl(): string {
 export const getModal: (
   clientID: string,
   merchantID: $ReadOnlyArray<string> | void,
-  buttonSessionID: string
+  buttonSessionID: string,
 ) => Object = memoize(async (clientID, merchantID, buttonSessionID) => {
   try {
     const namespace = getNamespace();
@@ -418,14 +418,14 @@ export const sendPostRobotMessageToButtonIframe = ({
 };
 
 export const isEagerOrderCreationEnabled = (
-  appSwitchWhenAvailable: boolean
+  appSwitchWhenAvailable: boolean,
 ): boolean => {
   const experiment = getButtonExperiments();
   return Boolean(
     !isWebView() &&
-      isDevice() &&
-      appSwitchWhenAvailable &&
-      experiment.spbEagerOrderCreation
+    isDevice() &&
+    appSwitchWhenAvailable &&
+    experiment.spbEagerOrderCreation,
   );
 };
 

package/src/zoid/buttons/util.test.js

@@ -14,7 +14,7 @@ describe("resolveMerchantDomain", () => {
     vi.mocked(isPayPalDomain).mockReturnValue(true);
 
     expect(resolveMerchantDomain("https://merchant.example.com")).toBe(
-      "https://merchant.example.com"
+      "https://merchant.example.com",
     );
   });
 
@@ -34,7 +34,7 @@ describe("resolveMerchantDomain", () => {
     vi.mocked(isPayPalDomain).mockReturnValue(false);
 
     expect(() => resolveMerchantDomain("https://merchant.example.com")).toThrow(
-      "merchantDomain can only be passed on PayPal-hosted flows"
+      "merchantDomain can only be passed on PayPal-hosted flows",
     );
   });
 });

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

@@ -95,16 +95,16 @@ type CardFieldsProps = {|
   createVaultSetupToken: () => ZalgoPromise<string>,
   onApprove: (
     {| returnUrl?: string, vaultSetupToken?: string |},
-    {| redirect: (?CrossDomainWindowType, ?string) => ZalgoPromise<void> |}
+    {| redirect: (?CrossDomainWindowType, ?string) => ZalgoPromise<void> |},
   ) => ?ZalgoPromise<void>,
   onError?: () => ZalgoPromise<Object> | Object,
   onComplete: (
     {| returnUrl: string |},
-    {| redirect: (?CrossDomainWindowType, ?string) => ZalgoPromise<void> |}
+    {| redirect: (?CrossDomainWindowType, ?string) => ZalgoPromise<void> |},
   ) => ?ZalgoPromise<void>,
   onCancel?: (
     {| cancelUrl: string |},
-    {| redirect: (?CrossDomainWindowType, ?string) => ZalgoPromise<void> |}
+    {| redirect: (?CrossDomainWindowType, ?string) => ZalgoPromise<void> |},
   ) => ?ZalgoPromise<void>,
   action: Object,
   sdkCorrelationID: string,
@@ -114,8 +114,7 @@ type CardFieldsProps = {|
   sdkToken?: string,
   installments?: {|
     onInstallmentsRequested: () =>
-      | InstallmentsConfiguration
-      | ZalgoPromise<InstallmentsConfiguration>,
+      InstallmentsConfiguration | ZalgoPromise<InstallmentsConfiguration>,
     onInstallmentsAvailable: (Object) => void,
     onInstallmentsError?: (Object) => void,
   |},
@@ -164,7 +163,7 @@ const prerenderTemplate = ({ props, doc }) => {
 export type CardFieldsComponent = ZoidComponent<
   CardFieldsProps,
   CardFieldsExports,
-  CardFieldsChildren
+  CardFieldsChildren,
 >;
 
 export const getCardFieldsComponent: () => CardFieldsComponent = memoize(
@@ -269,7 +268,7 @@ export const getCardFieldsComponent: () => CardFieldsComponent = memoize(
                 !props.parent.props.sdkToken
               ) {
                 throw new ValidationError(
-                  `SDK Token must be passed in for createSubscription`
+                  `SDK Token must be passed in for createSubscription`,
                 );
               }
               return props.parent.props.createSubscription;
@@ -616,7 +615,7 @@ export const getCardFieldsComponent: () => CardFieldsComponent = memoize(
           value: ({ props }) => {
             if (props.createSubscription && !props.sdkToken) {
               throw new ValidationError(
-                `SDK Token must be passed in for createSubscription`
+                `SDK Token must be passed in for createSubscription`,
               );
             }
             return props.createSubscription;
@@ -795,5 +794,5 @@ export const getCardFieldsComponent: () => CardFieldsComponent = memoize(
     });
 
     return CardFields;
-  }
+  },
 );

package/src/zoid/card-form/component.js

@@ -33,11 +33,11 @@ type CardProps = {|
   awaitPopupBridge: Function,
   onAuthorize: (
     {| returnUrl: string |},
-    {| redirect: (?CrossDomainWindowType, ?string) => ZalgoPromise<void> |}
+    {| redirect: (?CrossDomainWindowType, ?string) => ZalgoPromise<void> |},
   ) => ?ZalgoPromise<void>,
   onCancel?: (
     {| cancelUrl: string |},
-    {| redirect: (?CrossDomainWindowType, ?string) => ZalgoPromise<void> |}
+    {| redirect: (?CrossDomainWindowType, ?string) => ZalgoPromise<void> |},
   ) => ?ZalgoPromise<void>,
   onEvent?: ({| type: string, payload: Object |}) => void,
   meta: Object,
@@ -106,7 +106,7 @@ export function getCardFormComponent(): CardFormComponent {
           queryParam: true,
           value: ({ props }) => {
             return Boolean(
-              props.onShippingAddressChange || props.onShippingOptionsChange
+              props.onShippingAddressChange || props.onShippingOptionsChange,
             );
           },
         },

package/src/zoid/checkout/component.jsx

@@ -298,8 +298,8 @@ export function getCheckoutComponent(): CheckoutComponent {
           value: ({ props }) => {
             return Boolean(
               props.onShippingChange ||
-                props.onShippingAddressChange ||
-                props.onShippingOptionsChange
+              props.onShippingAddressChange ||
+              props.onShippingOptionsChange,
             );
           },
         },

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

@@ -76,7 +76,7 @@ export function getPaymentFieldsComponent(): PaymentFieldsComponent {
 
       prerenderTemplate: ({ props, doc }) => {
         return (<PaymentFieldsPrerender nonce={props.nonce} />).render(
-          dom({ doc })
+          dom({ doc }),
         );
       },
 

package/src/zoid/qr-code/container.test.jsx

@@ -74,7 +74,7 @@ describe("containerTemplate", () => {
       } else {
         expect(getCSPNonce).not.toHaveBeenCalled();
       }
-    }
+    },
   );
 
   test.each([
@@ -131,7 +131,7 @@ describe("QRCodeContainer", () => {
     const mocks = createMocks();
     // $FlowIssue - intentionally passing null for error test
     expect(() =>
-      QRCodeContainer({ uid: TEST_UID, ...modifyMocks(mocks) })
+      QRCodeContainer({ uid: TEST_UID, ...modifyMocks(mocks) }),
     ).toThrow("Expected frame and prerenderframe");
   });
 

package/src/zoid/qr-code/prerender.test.jsx

@@ -77,7 +77,7 @@ describe("prerenderTemplate", () => {
       // Verify SpinnerPage receives correct nonce prop
       expect(result).toBeDefined();
       expect(capturedSpinnerPageProps).toEqual({ nonce: expectedNonce });
-    }
+    },
   );
 
   test("should apply cspNonce to style element in children", () => {

package/src/zoid/saved-payment-methods/component.jsx

@@ -77,7 +77,7 @@ export type SavedPaymentMethodsComponent = ZoidComponent<
   SavedPaymentMethodsProps,
   void,
   void,
-  void
+  void,
 >;
 
 // $FlowIssue
@@ -129,7 +129,7 @@ export const getSavedPaymentMethodsComponent: () => SavedPaymentMethodsComponent
           try {
             const cplPhases = prepareInstrumentationPayload(
               buttonSessionID,
-              "saved-payment-methods"
+              "saved-payment-methods",
             );
             const cplLatencyMetrics = {
               [FPTI_KEY.STATE]: "CPL_LATENCY_METRICS",
@@ -138,7 +138,7 @@ export const getSavedPaymentMethodsComponent: () => SavedPaymentMethodsComponent
               [FPTI_KEY.PAGE]:
                 "main:xo:paypal-components:saved-payment-methods",
               [FPTI_KEY.CPL_COMP_METRICS]: JSON.stringify(
-                cplPhases?.comp || {}
+                cplPhases?.comp || {},
               ),
             };
             getLogger().track(cplLatencyMetrics);
@@ -202,7 +202,7 @@ export const getSavedPaymentMethodsComponent: () => SavedPaymentMethodsComponent
             ({ props: { buttonSessionID } }) =>
             ({ close }) => {
               const overlay = document.getElementsByName(
-                `paypal-overlay-${buttonSessionID}`
+                `paypal-overlay-${buttonSessionID}`,
               )?.[0];
 
               if (overlay) {
@@ -257,7 +257,7 @@ export const getSavedPaymentMethodsComponent: () => SavedPaymentMethodsComponent
             () => {
               window.addEventListener(
                 "visibilitychange",
-                props.visibilityChangeHandler
+                props.visibilityChangeHandler,
               );
             },
         },
@@ -270,7 +270,7 @@ export const getSavedPaymentMethodsComponent: () => SavedPaymentMethodsComponent
             () => {
               window.removeEventListener(
                 "visibilitychange",
-                props.visibilityChangeHandler
+                props.visibilityChangeHandler,
               );
             },
         },
@@ -563,7 +563,7 @@ export const getSavedPaymentMethodsComponent: () => SavedPaymentMethodsComponent
           queryParam: true,
           value: ({ props }) => {
             return Boolean(
-              props.onShippingAddressChange || props.onShippingOptionsChange
+              props.onShippingAddressChange || props.onShippingOptionsChange,
             );
           },
         },
@@ -737,7 +737,7 @@ export const getSavedPaymentMethodsComponent: () => SavedPaymentMethodsComponent
           value: ({ props }) => {
             return isSupportedNativeVenmoBrowser(
               props.experiment,
-              props.userAgent
+              props.userAgent,
             );
           },
           queryParam: true,

package/src/zoid/saved-payment-methods/util.js

@@ -62,7 +62,7 @@ export function validateSavedPaymentMethodsStyle(style: mixed): void {
   for (const key of topKeys) {
     if (!allowedTop.has(key)) {
       throw new Error(
-        `Invalid style key: ${key}. Expected only root, component, and layout`
+        `Invalid style key: ${key}. Expected only root, component, and layout`,
       );
     }
   }
@@ -107,7 +107,7 @@ export function validateSavedPaymentMethodsStyle(style: mixed): void {
       const actual = typeof layout[key];
       if (actual !== expected) {
         throw new TypeError(
-          `Expected style.layout.${key} to be a ${expected}, got: ${layout[key]}`
+          `Expected style.layout.${key} to be a ${expected}, got: ${layout[key]}`,
         );
       }
     }