@paypal/checkout-components 5.0.424 → 5.0.426-alpha-0439778.0

package/package.json

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

package/src/types.js

@@ -70,6 +70,7 @@ export type Experiment = {|
   paypalCreditButtonCreateVaultSetupTokenExists?: boolean,
   isPaylaterCobrandedLabelEnabled?: boolean,
   isPaylaterCobrandedLabelRandomizationEnabled?: boolean,
+  isBfcacheEnabled?: boolean,
 |};
 
 export type Requires = {|

package/src/zoid/buttons/component.jsx

@@ -107,9 +107,9 @@ import {
   getButtonSize,
   getButtonExperiments,
   getModal,
-  sendPostRobotMessageToButtonIframe,
   isEagerOrderCreationEnabled,
   resolveMerchantDomain,
+  sendPostRobotMessageToButtonIframe,
 } from "./util";
 
 export type ButtonsComponent = ZoidComponent<
@@ -129,6 +129,8 @@ export const getButtonsComponent: () => ButtonsComponent = memoize(() => {
     url: () => `${getPayPalDomain()}${__PAYPAL_CHECKOUT__.__URI__.__BUTTONS__}`,
 
     domain: getPayPalDomainRegex(),
+    enableBfcache: Boolean(getButtonExperiments()?.isBfcacheEnabled),
+
     getExtensions: (parent) => {
       return {
         hasReturned: () => {
@@ -472,6 +474,20 @@ export const getButtonsComponent: () => ButtonsComponent = memoize(() => {
           },
       },
 
+      onBfcacheRestore: {
+        type: "function",
+        sendToChild: false,
+        queryParam: false,
+        value:
+          () =>
+          ({ cachedDurationMs } = {}) => {
+            sendPostRobotMessageToButtonIframe({
+              eventName: "bfcache_restore",
+              payload: { cachedDurationMs },
+            });
+          },
+      },
+
       // allowBillingPayments prop is used by Honey Extension to render the one-click button
       // with payment methods & to use the payment methods instead of the Billing Agreement
       allowBillingPayments: {

package/src/zoid/buttons/util.js

@@ -411,6 +411,7 @@ export const sendPostRobotMessageToButtonIframe = ({
     if (iframes[i].name.includes("zoid__paypal_buttons")) {
       postRobotSend(iframes[i].contentWindow, eventName, payload, {
         domain: getPayPalDomain(),
+        fireAndForget: true,
       });
     }
   }

package/src/zoid/checkout/component.jsx

@@ -55,6 +55,8 @@ export function getCheckoutComponent(): CheckoutComponent {
         },
       },
 
+      enableBfcache: false,
+
       defaultContext: supportsPopups() ? CONTEXT.POPUP : CONTEXT.IFRAME,
 
       domain: getPayPalDomainRegex(),