@standhigher/besttrack-page-extension 0.5.8 → 0.5.9

package/dist/index.js

@@ -566,6 +566,7 @@ function syncTrackingQueryToUrl(type, value, contactValue = "") {
 }
 var TRACKING_RESULT_SELECTOR = "[data-tracking-result]";
 var TRACKING_RESULT_SCROLL_GAP = 8;
+var TRACKING_RESULT_DEFAULT_SCROLL_OFFSET = 64;
 function scrollingParent(node) {
   let parent = node.parentElement;
   while (parent && parent !== document.body && parent !== document.documentElement) {
@@ -575,11 +576,13 @@ function scrollingParent(node) {
   }
   return null;
 }
-function isTopPinned(style) {
-  if (style.position !== "sticky" && style.position !== "fixed") return false;
+function isTopPinned(style, rect, portTop, themeHeader = false) {
   if (style.display === "none" || style.visibility === "hidden") return false;
+  if (themeHeader) return rect.bottom > portTop && rect.top <= portTop + 1;
+  if (style.position !== "sticky" && style.position !== "fixed") return false;
   const top = Number.parseFloat(style.top);
-  return Number.isFinite(top) && top >= 0 && top <= 240;
+  if (Number.isFinite(top)) return top >= 0 && top <= 240;
+  return rect.bottom > portTop && rect.top <= portTop + 1;
 }
 function trackingResultScrollOffset(node) {
   if (typeof window === "undefined" || typeof document === "undefined") return 0;
@@ -591,18 +594,19 @@ function trackingResultScrollOffset(node) {
   const targetRect = node.getBoundingClientRect();
   let covered = 0;
   const seen = /* @__PURE__ */ new Set();
-  const consider = (el) => {
+  const consider = (el, themeHeader = false) => {
     if (!(el instanceof HTMLElement) || seen.has(el) || el === node || node.contains(el)) return;
-    seen.add(el);
     const style = getComputedStyle(el);
-    if (!isTopPinned(style)) return;
-    if (style.position !== "fixed" && scrollingParent(el) !== scrollPort) return;
     const rect = el.getBoundingClientRect();
+    if (!isTopPinned(style, rect, portTop, themeHeader)) return;
+    seen.add(el);
+    if (!themeHeader && style.position !== "fixed" && scrollingParent(el) !== scrollPort) return;
     if (rect.width <= 0 || rect.height <= 0) return;
     const overlapLeft = Math.max(rect.left, portLeft, targetRect.left);
     const overlapRight = Math.min(rect.right, portRight, Math.max(targetRect.right, targetRect.left));
     if (overlapRight - overlapLeft <= 8) return;
-    const pinTop = Number.parseFloat(style.top) || 0;
+    const parsedTop = Number.parseFloat(style.top);
+    const pinTop = Number.isFinite(parsedTop) ? Math.max(0, parsedTop) : Math.max(0, rect.top - portTop);
     const precedes = (node.compareDocumentPosition(el) & Node.DOCUMENT_POSITION_PRECEDING) !== 0;
     const coversPortTop = rect.bottom > portTop && rect.top <= portTop + pinTop + 1;
     if (!precedes && !coversPortTop) return;
@@ -610,10 +614,19 @@ function trackingResultScrollOffset(node) {
   };
   if (typeof document.elementsFromPoint === "function") {
     const x = targetRect.width > 0 ? Math.min(Math.max(targetRect.left + targetRect.width / 2, portLeft), portRight) : portLeft + (portRight - portLeft) / 2;
-    document.elementsFromPoint(x, portTop + 1).forEach(consider);
+    document.elementsFromPoint(x, portTop + 1).forEach((el) => consider(el));
   }
-  document.querySelectorAll("header, nav, [role='banner']").forEach(consider);
-  return covered > 0 ? Math.ceil(covered + TRACKING_RESULT_SCROLL_GAP) : 0;
+  document.querySelectorAll("header, nav, [role='banner'], [role='navigation']").forEach((el) => consider(el));
+  document.querySelectorAll("sticky-header, .shopify-section-header-sticky, [data-sticky-header], [class*='header-sticky'], [class*='sticky-header']").forEach((el) => consider(el, true));
+  if (covered === 0) document.querySelectorAll("*").forEach((el) => consider(el));
+  const rootStyle = getComputedStyle(document.documentElement);
+  const bodyStyle = getComputedStyle(document.body);
+  const nodeStyle = getComputedStyle(node);
+  const configured = Number.parseFloat(
+    rootStyle.getPropertyValue("--bt-tracking-scroll-offset") || bodyStyle.getPropertyValue("--bt-tracking-scroll-offset") || nodeStyle.getPropertyValue("--bt-tracking-scroll-offset")
+  );
+  const minimum = Number.isFinite(configured) ? Math.max(0, configured) : TRACKING_RESULT_DEFAULT_SCROLL_OFFSET;
+  return Math.max(minimum, covered > 0 ? Math.ceil(covered + TRACKING_RESULT_SCROLL_GAP) : 0);
 }
 function scrollToTrackingResult(root = typeof document === "undefined" ? null : document, schedule = typeof requestAnimationFrame === "function" ? (callback) => {
   requestAnimationFrame(callback);
@@ -1533,7 +1546,9 @@ function configuredRecommendations(products) {
     title: product.title || product.id,
     description: "",
     imageUrl: product.imageUrl,
-    href: product.handle ? `/products/${product.handle}` : void 0,
+    // Product snapshots only persist the Shopify handle. Resolve the generated
+    // storefront path before RecommendationCards applies its URL safety check.
+    href: resolveShopifyRecommendHref(void 0, product.handle),
     ...product.price ? { price: product.price } : {}
   }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@standhigher/besttrack-page-extension",
-  "version": "0.5.8",
+  "version": "0.5.9",
   "description": "BestTrack business extension entry point for @standhigher/puck-page-builder.",
   "type": "module",
   "files": [
@@ -22,7 +22,7 @@
   "dependencies": {
     "embla-carousel-autoplay": "^8.6.0",
     "embla-carousel-react": "^8.6.0",
-    "@standhigher/puck-page-builder": "0.12.8"
+    "@standhigher/puck-page-builder": "0.12.9"
   },
   "devDependencies": {
     "tsup": "^8.5.1",