@gemx-dev/heatmap-react 3.5.92-dev.30 → 3.5.92-dev.31

package/dist/esm/hooks/viz-render/useHeatmapIframeProcessor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHeatmapIframeProcessor.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-render/useHeatmapIframeProcessor.ts"],"names":[],"mappings":"AAgCA,MAAM,WAAW,6BAA6B;IAC5C,GAAG,EAAE,CAAC,MAAM,EAAE,iBAAiB,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC7E,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,yBAAyB,QAAO,6BAyE5C,CAAC"}
+{"version":3,"file":"useHeatmapIframeProcessor.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-render/useHeatmapIframeProcessor.ts"],"names":[],"mappings":"AAiCA,MAAM,WAAW,6BAA6B;IAC5C,GAAG,EAAE,CAAC,MAAM,EAAE,iBAAiB,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC7E,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,yBAAyB,QAAO,6BA6E5C,CAAC"}

package/dist/esm/index.js

@@ -4257,11 +4257,56 @@ function getFinalWidth(doc) {
  * Returns a cleanup function that disconnects both observers.
  */
 const logger$2 = createLogger({ enabled: false, prefix: 'IframeHeightObserver' });
+function logResizeEntries(entries) {
+    for (const entry of entries) {
+        const el = entry.target;
+        console.log('[HeightObserver] ResizeObserver triggered:', {
+            tag: el.tagName,
+            id: el.id || undefined,
+            class: el.className || undefined,
+            scrollHeight: el.scrollHeight,
+            offsetHeight: el.offsetHeight,
+            contentRect: { width: entry.contentRect.width, height: entry.contentRect.height },
+        });
+    }
+}
+function logMutationEntries(mutations) {
+    for (const mutation of mutations) {
+        const el = mutation.target;
+        console.log('[HeightObserver] MutationObserver triggered:', {
+            type: mutation.type,
+            tag: el.tagName,
+            id: el.id || undefined,
+            class: el.className || undefined,
+            ...(mutation.type === 'attributes' && { attributeName: mutation.attributeName }),
+            ...(mutation.type === 'childList' && {
+                addedNodes: mutation.addedNodes.length,
+                removedNodes: mutation.removedNodes.length,
+            }),
+        });
+    }
+}
 function setup(doc, onChange) {
-    const resizeObserver = new ResizeObserver(onChange);
-    resizeObserver.observe(doc.documentElement);
+    // Initialize as null so the first ResizeObserver callback (which fires immediately
+    // on observe()) just sets the baseline without triggering onChange.
+    let lastBodyHeight = null;
+    const resizeObserver = new ResizeObserver((entries) => {
+        const newHeight = entries[0]?.contentRect.height ?? 0;
+        if (lastBodyHeight === null) {
+            lastBodyHeight = newHeight;
+            return;
+        }
+        if (newHeight === lastBodyHeight)
+            return;
+        lastBodyHeight = newHeight;
+        logResizeEntries(entries);
+        onChange();
+    });
     resizeObserver.observe(doc.body);
-    const mutationObserver = new MutationObserver(onChange);
+    const mutationObserver = new MutationObserver((mutations) => {
+        logMutationEntries(mutations);
+        onChange();
+    });
     mutationObserver.observe(doc.body, {
         childList: true,
         subtree: true,
@@ -4369,7 +4414,7 @@ async function processHeightChange(s, newHeight) {
     }
 }
 function handleHeightChange(s) {
-    if (isBlocked(s))
+    if (!s.running || isBlocked(s))
         return;
     scheduleThrottledCheck(s);
 }
@@ -5582,7 +5627,7 @@ function startHeightObserver(s) {
         cooldownMs: 1000,
         startDelayMs: s.config.heightObserverStartDelayMs,
         onHeightChange: (result) => {
-            s.config?.onSuccess?.(result);
+            s.config?.onHeightChange?.(result);
             dispatchDimensionsEvent(result);
         },
         onError: (error) => {
@@ -6752,6 +6797,12 @@ const useHeatmapIframeProcessor = () => {
                 setIsDomLoaded(true);
                 helperRef.current?.startHeightObserver();
             },
+            onHeightChange: (height) => {
+                if (abort.signal.aborted)
+                    return;
+                if (height)
+                    setIframeHeight(height);
+            },
         });
     }, [viewport]); // eslint-disable-line react-hooks/exhaustive-deps
     useEffect(() => {
@@ -6763,7 +6814,7 @@ const useHeatmapIframeProcessor = () => {
     return { run, reset };
 };
 // ── Helpers ───────────────────────────────────────────────────────────────────
-function startIframe({ helperRef, iframe, shopId, deviceType = EDeviceType.Desktop, size, t0, onSuccess, }) {
+function startIframe({ helperRef, iframe, shopId, deviceType = EDeviceType.Desktop, size, t0, onSuccess, onHeightChange, }) {
     const docWidth = size.width ?? 0;
     const docHeight = size.height ?? 0;
     if (docHeight === 0)
@@ -6786,6 +6837,10 @@ function startIframe({ helperRef, iframe, shopId, deviceType = EDeviceType.Deskt
             iframe.style.height = `${data.height}px`;
             onSuccess(data.height);
         },
+        onHeightChange: (data) => {
+            iframe.style.height = `${data.height}px`;
+            onHeightChange?.(data.height);
+        },
     });
 }
 

package/dist/esm/index.mjs

@@ -4257,11 +4257,56 @@ function getFinalWidth(doc) {
  * Returns a cleanup function that disconnects both observers.
  */
 const logger$2 = createLogger({ enabled: false, prefix: 'IframeHeightObserver' });
+function logResizeEntries(entries) {
+    for (const entry of entries) {
+        const el = entry.target;
+        console.log('[HeightObserver] ResizeObserver triggered:', {
+            tag: el.tagName,
+            id: el.id || undefined,
+            class: el.className || undefined,
+            scrollHeight: el.scrollHeight,
+            offsetHeight: el.offsetHeight,
+            contentRect: { width: entry.contentRect.width, height: entry.contentRect.height },
+        });
+    }
+}
+function logMutationEntries(mutations) {
+    for (const mutation of mutations) {
+        const el = mutation.target;
+        console.log('[HeightObserver] MutationObserver triggered:', {
+            type: mutation.type,
+            tag: el.tagName,
+            id: el.id || undefined,
+            class: el.className || undefined,
+            ...(mutation.type === 'attributes' && { attributeName: mutation.attributeName }),
+            ...(mutation.type === 'childList' && {
+                addedNodes: mutation.addedNodes.length,
+                removedNodes: mutation.removedNodes.length,
+            }),
+        });
+    }
+}
 function setup(doc, onChange) {
-    const resizeObserver = new ResizeObserver(onChange);
-    resizeObserver.observe(doc.documentElement);
+    // Initialize as null so the first ResizeObserver callback (which fires immediately
+    // on observe()) just sets the baseline without triggering onChange.
+    let lastBodyHeight = null;
+    const resizeObserver = new ResizeObserver((entries) => {
+        const newHeight = entries[0]?.contentRect.height ?? 0;
+        if (lastBodyHeight === null) {
+            lastBodyHeight = newHeight;
+            return;
+        }
+        if (newHeight === lastBodyHeight)
+            return;
+        lastBodyHeight = newHeight;
+        logResizeEntries(entries);
+        onChange();
+    });
     resizeObserver.observe(doc.body);
-    const mutationObserver = new MutationObserver(onChange);
+    const mutationObserver = new MutationObserver((mutations) => {
+        logMutationEntries(mutations);
+        onChange();
+    });
     mutationObserver.observe(doc.body, {
         childList: true,
         subtree: true,
@@ -4369,7 +4414,7 @@ async function processHeightChange(s, newHeight) {
     }
 }
 function handleHeightChange(s) {
-    if (isBlocked(s))
+    if (!s.running || isBlocked(s))
         return;
     scheduleThrottledCheck(s);
 }
@@ -5582,7 +5627,7 @@ function startHeightObserver(s) {
         cooldownMs: 1000,
         startDelayMs: s.config.heightObserverStartDelayMs,
         onHeightChange: (result) => {
-            s.config?.onSuccess?.(result);
+            s.config?.onHeightChange?.(result);
             dispatchDimensionsEvent(result);
         },
         onError: (error) => {
@@ -6752,6 +6797,12 @@ const useHeatmapIframeProcessor = () => {
                 setIsDomLoaded(true);
                 helperRef.current?.startHeightObserver();
             },
+            onHeightChange: (height) => {
+                if (abort.signal.aborted)
+                    return;
+                if (height)
+                    setIframeHeight(height);
+            },
         });
     }, [viewport]); // eslint-disable-line react-hooks/exhaustive-deps
     useEffect(() => {
@@ -6763,7 +6814,7 @@ const useHeatmapIframeProcessor = () => {
     return { run, reset };
 };
 // ── Helpers ───────────────────────────────────────────────────────────────────
-function startIframe({ helperRef, iframe, shopId, deviceType = EDeviceType.Desktop, size, t0, onSuccess, }) {
+function startIframe({ helperRef, iframe, shopId, deviceType = EDeviceType.Desktop, size, t0, onSuccess, onHeightChange, }) {
     const docWidth = size.width ?? 0;
     const docHeight = size.height ?? 0;
     if (docHeight === 0)
@@ -6786,6 +6837,10 @@ function startIframe({ helperRef, iframe, shopId, deviceType = EDeviceType.Deskt
             iframe.style.height = `${data.height}px`;
             onSuccess(data.height);
         },
+        onHeightChange: (data) => {
+            iframe.style.height = `${data.height}px`;
+            onHeightChange?.(data.height);
+        },
     });
 }
 

package/dist/esm/libs/iframe-processor/processors/height-observer/observers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"observers.d.ts","sourceRoot":"","sources":["../../../../../src/libs/iframe-processor/processors/height-observer/observers.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAMH,wBAAgB,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAE9C;AAED,wBAAgB,KAAK,CAAC,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAoBrE"}
+{"version":3,"file":"observers.d.ts","sourceRoot":"","sources":["../../../../../src/libs/iframe-processor/processors/height-observer/observers.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAMH,wBAAgB,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAE9C;AAiCD,wBAAgB,KAAK,CAAC,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAoCrE"}

package/dist/esm/libs/iframe-processor/shared/iframe-types.d.ts

@@ -9,10 +9,16 @@ export interface IframeStyleConfig {
     shopId?: string | number;
     /** Delay (ms) before the height observer starts after DOM is loaded */
     heightObserverStartDelayMs?: number;
+    /** Called once after initial DOM processing completes */
     onSuccess?: (result: {
         height: number;
         width: number;
     }) => void;
+    /** Called on subsequent height changes detected by the height observer */
+    onHeightChange?: (result: {
+        height: number;
+        width: number;
+    }) => void;
     onError?: (error: Error) => void;
 }
 export interface IframeDimensionsDetail {

package/dist/esm/libs/iframe-processor/shared/iframe-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"iframe-types.d.ts","sourceRoot":"","sources":["../../../../src/libs/iframe-processor/shared/iframe-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,iBAAiB,CAAC;IAC1B,UAAU,EAAE,WAAW,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,wFAAwF;IACxF,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,uEAAuE;IACvE,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAChE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf"}
+{"version":3,"file":"iframe-types.d.ts","sourceRoot":"","sources":["../../../../src/libs/iframe-processor/shared/iframe-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,iBAAiB,CAAC;IAC1B,UAAU,EAAE,WAAW,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,wFAAwF;IACxF,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,uEAAuE;IACvE,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,yDAAyD;IACzD,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAChE,0EAA0E;IAC1E,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACrE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf"}

package/dist/umd/hooks/viz-render/useHeatmapIframeProcessor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHeatmapIframeProcessor.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-render/useHeatmapIframeProcessor.ts"],"names":[],"mappings":"AAgCA,MAAM,WAAW,6BAA6B;IAC5C,GAAG,EAAE,CAAC,MAAM,EAAE,iBAAiB,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC7E,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,yBAAyB,QAAO,6BAyE5C,CAAC"}
+{"version":3,"file":"useHeatmapIframeProcessor.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-render/useHeatmapIframeProcessor.ts"],"names":[],"mappings":"AAiCA,MAAM,WAAW,6BAA6B;IAC5C,GAAG,EAAE,CAAC,MAAM,EAAE,iBAAiB,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC7E,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,yBAAyB,QAAO,6BA6E5C,CAAC"}