@nok-integration/storefront-react 0.20.6 → 0.20.7

package/dist/index.mjs

@@ -5703,6 +5703,17 @@ function useTopOffset(ref, property, enabled = true) {
   }, [ref, property, enabled]);
 }
 const HOLD_MS = 1e3;
+const TRAVERSAL_WINDOW_MS = 1e3;
+const now = () => typeof performance !== "undefined" ? performance.now() : Date.now();
+let lastTraversal = -Infinity;
+if (typeof window !== "undefined") {
+  window.addEventListener("popstate", () => {
+    lastTraversal = now();
+  });
+}
+function followsTraversal() {
+  return now() - lastTraversal < TRAVERSAL_WINDOW_MS;
+}
 const RELEASES = ["touchstart", "wheel", "keydown", "pointerdown"];
 function anchorTop(shouldHold = () => true) {
   let released = false;
@@ -5730,14 +5741,6 @@ function anchorTop(shouldHold = () => true) {
   });
   return release;
 }
-const TRAVERSAL_WINDOW_MS = 1e3;
-const now = () => typeof performance !== "undefined" ? performance.now() : Date.now();
-let lastTraversal = -Infinity;
-if (typeof window !== "undefined") {
-  window.addEventListener("popstate", () => {
-    lastTraversal = now();
-  });
-}
 function documentTop(el) {
   let top2 = 0;
   for (let node = el; node; node = node.offsetParent) {
@@ -5752,7 +5755,7 @@ function useScreenAnchor(ref, enabled = true) {
   useEffect(() => {
     const el = ref.current;
     if (!el || !enabled) return;
-    if (now() - lastTraversal < TRAVERSAL_WINDOW_MS) return;
+    if (followsTraversal()) return;
     return anchorTop(() => beginsOnTheFirstViewport(el));
   }, [ref, enabled]);
 }
@@ -11284,9 +11287,11 @@ function useDocumentSnap(ref, enabled = true) {
     root2.style.scrollSnapType = "y mandatory";
     root2.style.scrollPaddingTop = "0px";
     const top2 = () => window.scrollTo(0, 0);
-    top2();
-    const frame2 = typeof window.requestAnimationFrame === "function" ? window.requestAnimationFrame(top2) : null;
-    const release = anchorTop();
+    const entered = !followsTraversal();
+    if (entered) top2();
+    const frame2 = entered && typeof window.requestAnimationFrame === "function" ? window.requestAnimationFrame(top2) : null;
+    const release = entered ? anchorTop() : () => {
+    };
     const history = window.history;
     const previousRestoration = history && "scrollRestoration" in history ? history.scrollRestoration : null;
     if (previousRestoration !== null) history.scrollRestoration = "manual";

package/dist/standalone/storefront.mjs

@@ -5703,6 +5703,17 @@ function useTopOffset(ref, property, enabled = true) {
   }, [ref, property, enabled]);
 }
 const HOLD_MS = 1e3;
+const TRAVERSAL_WINDOW_MS = 1e3;
+const now = () => typeof performance !== "undefined" ? performance.now() : Date.now();
+let lastTraversal = -Infinity;
+if (typeof window !== "undefined") {
+  window.addEventListener("popstate", () => {
+    lastTraversal = now();
+  });
+}
+function followsTraversal() {
+  return now() - lastTraversal < TRAVERSAL_WINDOW_MS;
+}
 const RELEASES = ["touchstart", "wheel", "keydown", "pointerdown"];
 function anchorTop(shouldHold = () => true) {
   let released = false;
@@ -5730,14 +5741,6 @@ function anchorTop(shouldHold = () => true) {
   });
   return release;
 }
-const TRAVERSAL_WINDOW_MS = 1e3;
-const now = () => typeof performance !== "undefined" ? performance.now() : Date.now();
-let lastTraversal = -Infinity;
-if (typeof window !== "undefined") {
-  window.addEventListener("popstate", () => {
-    lastTraversal = now();
-  });
-}
 function documentTop(el) {
   let top2 = 0;
   for (let node = el; node; node = node.offsetParent) {
@@ -5752,7 +5755,7 @@ function useScreenAnchor(ref, enabled = true) {
   useEffect(() => {
     const el = ref.current;
     if (!el || !enabled) return;
-    if (now() - lastTraversal < TRAVERSAL_WINDOW_MS) return;
+    if (followsTraversal()) return;
     return anchorTop(() => beginsOnTheFirstViewport(el));
   }, [ref, enabled]);
 }
@@ -11284,9 +11287,11 @@ function useDocumentSnap(ref, enabled = true) {
     root2.style.scrollSnapType = "y mandatory";
     root2.style.scrollPaddingTop = "0px";
     const top2 = () => window.scrollTo(0, 0);
-    top2();
-    const frame2 = typeof window.requestAnimationFrame === "function" ? window.requestAnimationFrame(top2) : null;
-    const release = anchorTop();
+    const entered = !followsTraversal();
+    if (entered) top2();
+    const frame2 = entered && typeof window.requestAnimationFrame === "function" ? window.requestAnimationFrame(top2) : null;
+    const release = entered ? anchorTop() : () => {
+    };
     const history = window.history;
     const previousRestoration = history && "scrollRestoration" in history ? history.scrollRestoration : null;
     if (previousRestoration !== null) history.scrollRestoration = "manual";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nok-integration/storefront-react",
-  "version": "0.20.6",
+  "version": "0.20.7",
   "description": "Mountable React storefront components: catalogue, product detail and cart, mounted directly into a host DOM tree. No iframe.",
   "license": "UNLICENSED",
   "type": "module",