@paypal/checkout-components 5.0.433 → 5.0.434

package/package.json

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

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,