@paypal/checkout-components 5.0.433 → 5.0.435

package/package.json

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

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

@@ -0,0 +1,58 @@
+/* @flow */
+
+import { describe, expect, it, vi } from "vitest";
+import { FUNDING_BRAND_LABEL } from "@paypal/sdk-constants/src";
+
+import { getButtonsComponent } from "./component";
+
+// component.jsx reads the bare global __ENV__ (not build-time inlined like
+// __PAYPAL_CHECKOUT__), so it must be defined before getButtonsComponent() runs.
+window.__ENV__ = "test";
+
+// Capture the config object component.jsx passes to zoid's create() so we can
+// exercise the real (un-exported) attributes() logic instead of re-implementing it.
+const { createMock } = vi.hoisted(() => ({
+  createMock: vi.fn((options) => options),
+}));
+
+vi.mock("@krakenjs/zoid/src", () => ({
+  create: createMock,
+  EVENT: { PRERENDERED: "prerendered" },
+}));
+
+vi.mock("@paypal/sdk-client/src", async (importOriginal) => ({
+  ...(await importOriginal()),
+  getLogger: vi.fn(() => ({
+    metricCounter: vi.fn(),
+    track: vi.fn(),
+    info: vi.fn(),
+    error: vi.fn(),
+  })),
+  getPayPalDomainRegex: vi.fn(() => /paypal\.com/),
+  getEnv: vi.fn(() => "test"),
+}));
+
+vi.mock("./util", async (importOriginal) => ({
+  ...(await importOriginal()),
+  getButtonExperiments: vi.fn(() => ({})),
+}));
+
+describe("getButtonsComponent iframe title", () => {
+  it("uses the plain PayPal label when no funding source is set", () => {
+    getButtonsComponent();
+    const { attributes } = createMock.mock.calls[0][0];
+
+    expect(attributes({ props: {} }).iframe.title).toBe(
+      FUNDING_BRAND_LABEL.PAYPAL,
+    );
+  });
+
+  it("appends the funding source to the label when one is set", () => {
+    getButtonsComponent();
+    const { attributes } = createMock.mock.calls[0][0];
+
+    expect(attributes({ props: { fundingSource: "venmo" } }).iframe.title).toBe(
+      `${FUNDING_BRAND_LABEL.PAYPAL}-venmo`,
+    );
+  });
+});

package/src/zoid/checkout/component.jsx

@@ -25,6 +25,7 @@ import {
   noop,
   supportsPopups,
   inlineMemoize,
+  stringifyError,
 } from "@krakenjs/belter/src";
 import { FUNDING } from "@paypal/sdk-constants/src";
 import {
@@ -42,6 +43,50 @@ import { DEFAULT_POPUP_SIZE } from "./config";
 
 export type CheckoutComponent = ZoidComponent<CheckoutPropsType>;
 
+const WINDOW_NAME_LOG_TRUNCATION_LENGTH = 50;
+// Matches window names zoid itself writes, eg `__zoid__paypal_checkout__<payload>__`.
+// See buildChildWindowName in @krakenjs/zoid.
+const ZOID_WINDOW_NAME_PATTERN = /^__zoid__.+__$/;
+
+function spyOnWindowNameAssignment(): void {
+  try {
+    let currentWindowName = window.name;
+
+    Object.defineProperty(window, "name", {
+      configurable: true,
+      get(): string {
+        return currentWindowName;
+      },
+      set(value: string): void {
+        if (ZOID_WINDOW_NAME_PATTERN.test(value)) {
+          currentWindowName = value;
+          return;
+        }
+
+        getLogger().error("checkout_window_name_overwritten", {
+          err: stringifyError(
+            new Error(
+              `window.name was overwritten: ${String(value).slice(
+                0,
+                WINDOW_NAME_LOG_TRUNCATION_LENGTH,
+              )}`,
+            ),
+          ),
+          originalValue: String(currentWindowName).slice(
+            0,
+            WINDOW_NAME_LOG_TRUNCATION_LENGTH,
+          ),
+        });
+        currentWindowName = value;
+      },
+    });
+  } catch (error) {
+    getLogger().error("checkout_window_name_spy_error", {
+      err: stringifyError(error),
+    });
+  }
+}
+
 export function getCheckoutComponent(): CheckoutComponent {
   return inlineMemoize(getCheckoutComponent, () => {
     const component = create({
@@ -382,6 +427,8 @@ export function getCheckoutComponent(): CheckoutComponent {
     });
 
     if (component.isChild()) {
+      spyOnWindowNameAssignment();
+
       window.xchild = {
         props: component.xprops,
         show: noop,