@tokenoftrust/storefront-runner 4.6.3 → 4.6.4

package/apps/storefront/src/lib/checkout/shared/lazyCheckoutLoader.ts

@@ -165,7 +165,13 @@ export function lazyCheckoutLoaderJs(options: LazyCheckoutLoaderOptions): string
   document.addEventListener("visibilitychange", function () {
     if (document.visibilityState === "hidden") endCartNavigation();
   });
+  // A shopper action belongs to the page lifecycle it was taken in. Leaving the page
+  // starts a new one, so an action whose async work (session, gate, drawer) settles
+  // after a back-forward-cache restore is abandoned rather than replayed.
+  var lifecycle = 0;
+  function current(gen) { return gen === lifecycle; }
   window.addEventListener("pagehide", function () {
+    lifecycle++;
     endCartNavigation();
     dropHeld();
   });
@@ -389,7 +395,9 @@ export function lazyCheckoutLoaderJs(options: LazyCheckoutLoaderOptions): string
     }
     if (event.defaultPrevented) return;
     event.preventDefault();
+    var gen = lifecycle;
     whenReady(anchor, function () {
+      if (!current(gen)) return;
       stampAnchor(anchor);
       replay(anchor, function () { anchor.click(); });
     });
@@ -427,8 +435,9 @@ export function lazyCheckoutLoaderJs(options: LazyCheckoutLoaderOptions): string
     note.textContent = ${literal(CART_UNAVAILABLE_MESSAGE)};
     form.insertAdjacentElement('afterend', note);
   }
-  function openSessionThen(form, fn) {
+  function openSessionThen(form, gen, fn) {
     ensureSession().then(function (id) {
+      if (!current(gen)) return;
       if (!id) { showCartUnavailable(form); return; }
       form.dataset.cartSession = '1';
       fn();
@@ -441,6 +450,10 @@ export function lazyCheckoutLoaderJs(options: LazyCheckoutLoaderOptions): string
     var managed = form.matches(${managedCart});
     var cartForm = targetsCart(form.getAttribute('action'));
     if (!managed && !cartForm) return;
+    var gen = lifecycle;
+    function resubmitLive() {
+      if (current(gen)) replay(form, function () { resubmit(form); });
+    }
     if (form.dataset.cartSession === '1') {
       if (!cartForm || settled()) {
         if (!event.defaultPrevented && settled()) {
@@ -455,18 +468,23 @@ export function lazyCheckoutLoaderJs(options: LazyCheckoutLoaderOptions): string
         return;
       }
       event.preventDefault();
-      whenReady(form, function () { stampForm(form); replay(form, function () { resubmit(form); }); });
+      whenReady(form, function () {
+        if (!current(gen)) return;
+        stampForm(form);
+        resubmitLive();
+      });
       return;
     }
     event.preventDefault();
     function afterGate() {
-      openSessionThen(form, function () {
+      if (!current(gen)) return;
+      openSessionThen(form, gen, function () {
         if (cartForm) {
           stampForm(form);
-          whenReady(form, function () { replay(form, function () { resubmit(form); }); });
+          whenReady(form, resubmitLive);
           return;
         }
-        resubmit(form);
+        if (current(gen)) resubmit(form);
       });
     }
     if (storeNotPublic && managed && form.dataset.checkoutReachable !== '1') {
@@ -481,7 +499,7 @@ export function lazyCheckoutLoaderJs(options: LazyCheckoutLoaderOptions): string
       }).then(function (res) {
         if (res.status === 401 && res.headers.get('x-tot-gate') === 'store-not-public') {
           return res.json().then(function (body) { return body && body.signIn; }, function () { return null; })
-            .then(function (signIn) { showUnavailable(form, signIn); });
+            .then(function (signIn) { if (current(gen)) showUnavailable(form, signIn); });
         }
         form.dataset.checkoutReachable = '1';
         afterGate();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tokenoftrust/storefront-runner",
-  "version": "4.6.3",
+  "version": "4.6.4",
   "license": "SEE LICENSE IN LICENSE",
   "description": "World-shareable storefront runner: multi-tenant renderer on Astro/Cloudflare. No control plane.",
   "packageManager": "pnpm@11.9.0",

package/packages/public-runtime/src/integration/contact-sales-action-source.ts

@@ -86,6 +86,10 @@ export function createContactSalesActionSource(
     subscribe(listener) {
       if (!document || typeof document.querySelectorAll !== "function") return () => {};
       const removals: Array<() => void> = [];
+      // A deferred navigation belongs to this subscription. Teardown (pagehide) abandons
+      // it, so a back-forward-cache restore never resumes a navigation the shopper left.
+      let live = true;
+      removals.push(() => { live = false; });
       const bound = new Set<ContactSalesActionElement>();
       for (const source of CONTACT_SALES_ACTION_SOURCES) {
         const nodes = document.querySelectorAll(source.selector);
@@ -110,7 +114,7 @@ export function createContactSalesActionSource(
             // A full-document navigation destroys the isolated GA4 iframe. Give its
             // MessagePort one bounded turn to receive the reviewed action first.
             if (navigationHref) {
-              schedule(() => options.navigate?.(navigationHref), CONTACT_SALES_NAVIGATION_DEFER_MS);
+              schedule(() => { if (live) options.navigate?.(navigationHref); }, CONTACT_SALES_NAVIGATION_DEFER_MS);
             }
           };
           node.addEventListener("click", emit);