@paypal/checkout-components 5.0.349 → 5.0.350

package/package.json

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

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

@@ -8,7 +8,6 @@ import {
 } from "@paypal/sdk-client/src";
 import { destroy as zoidDestroy } from "@krakenjs/zoid/src";
 
-import { devEnvOnlyExport } from "../lib";
 import type { LazyExport } from "../types";
 
 import {
@@ -46,9 +45,9 @@ export const ThreeDomainSecureClient: LazyExport<ThreeDomainSecureComponentInter
           clientID: getClientID(),
         },
       });
-      return devEnvOnlyExport({
+      return {
         isEligible: (payload) => threeDomainSecureInstance.isEligible(payload),
         show: () => threeDomainSecureInstance.show(),
-      });
+      };
     },
   };

package/src/zoid/buttons/component.jsx

@@ -43,6 +43,7 @@ import {
   getJsSdkLibrary,
   wasShopperInsightsUsed,
   isPayPalTrustedUrl,
+  getSDKInitTime,
 } from "@paypal/sdk-client/src";
 import {
   rememberFunding,
@@ -303,7 +304,7 @@ export const getButtonsComponent: () => ButtonsComponent = memoize(() => {
         type: "function",
         sendToChild: true,
         value: () => (url) => {
-          if (isPayPalTrustedUrl(url)) {
+          if (getEnv() === ENV.LOCAL || isPayPalTrustedUrl(url)) {
             location.href = url;
           } else {
             throw new Error(`Unable to redirect to provided url ${url}`);
@@ -1067,6 +1068,47 @@ export const getButtonsComponent: () => ButtonsComponent = memoize(() => {
         queryParam: true,
       },
 
+      sdkInitTimings: {
+        type: "object",
+        queryParam: false,
+        required: false,
+        value: () => {
+          // eslint-disable-next-line compat/compat
+          const sdkScript = window?.performance
+            ?.getEntriesByType("resource")
+            // eslint-disable-next-line security/detect-unsafe-regex
+            .find(({ name }) => /paypal\.com(?::\d+)?\/sdk\/js/.test(name));
+
+          const isCached = (performanceEntry) => {
+            if (
+              !performanceEntry ||
+              typeof performanceEntry.duration === "undefined"
+            ) {
+              return "unknown";
+            }
+
+            return performanceEntry.duration === 0 ? "yes" : "no";
+          };
+
+          let sdkInitTimeStamp;
+
+          // this technically isn't possible with the way paypal-sdk-client
+          // is set up but one day it could be refactored and this would throw
+          // an error and block the button from rendering
+          try {
+            sdkInitTimeStamp = getSDKInitTime();
+          } catch (error) {
+            // do nothing
+          }
+
+          return {
+            sdkInitTimeStamp,
+            sdkScriptDownloadDuration: sdkScript?.duration,
+            isSdkCached: isCached(sdkScript),
+          };
+        },
+      },
+
       sdkMeta: {
         type: "string",
         queryParam: true,