@gemx-dev/heatmap-react 3.5.92-dev.27 → 3.5.92-dev.29

package/dist/esm/hooks/viz-elm/useClickedElement.d.ts

@@ -3,7 +3,7 @@ interface Params {
     visualRef: IHeatmapRef['Visual'];
     getRect: (el?: any) => ElementRect | null;
 }
-export declare const scrollToElementIfNeeded: (visualRef: React.RefObject<HTMLDivElement>, rect: ElementRect, scale: number, onScrollComplete?: () => void) => void;
+export declare const scrollToElementIfNeeded: (visualRef: IHeatmapRef["Visual"], rect: ElementRect, scale: number, onScrollComplete?: () => void) => void;
 export declare const useClickedElement: ({ visualRef, getRect }: Params) => {
     clickedElement: ElementInfo | null;
     showMissingElement: boolean;

package/dist/esm/hooks/viz-elm/useClickedElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useClickedElement.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-elm/useClickedElement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAQzE,UAAU,MAAM;IACd,SAAS,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IACjC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,KAAK,WAAW,GAAG,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,uBAAuB,GAClC,WAAW,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAC1C,MAAM,WAAW,EACjB,OAAO,MAAM,EACb,mBAAmB,MAAM,IAAI,KAC5B,IAkCF,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,wBAAwB,MAAM;;;;CA0D/D,CAAC"}
+{"version":3,"file":"useClickedElement.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-elm/useClickedElement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAQzE,UAAU,MAAM;IACd,SAAS,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IACjC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,KAAK,WAAW,GAAG,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,uBAAuB,GAClC,WAAW,WAAW,CAAC,QAAQ,CAAC,EAChC,MAAM,WAAW,EACjB,OAAO,MAAM,EACb,mBAAmB,MAAM,IAAI,KAC5B,IAkCF,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,wBAAwB,MAAM;;;;CA0D/D,CAAC"}

package/dist/esm/index.js

@@ -5264,7 +5264,8 @@ async function runTracked(label, fn) {
     await fn();
     perf$3.measure(label, t);
 }
-async function runPhase(phaseKey, methodName, entries, ctx) {
+async function runPhase(ctx, options) {
+    const { phaseKey, methodName, entries } = options;
     await runTracked(`${phaseKey}.${methodName}`, async () => {
         for (const { name, fn } of entries) {
             logger.log(`[${methodName}] ${name}`);
@@ -5299,9 +5300,25 @@ function resolveFirstDimensions(ctx, candidates) {
 }
 // ── Pipeline ──────────────────────────────────────────────────────────────────
 async function run$1(ctx, activeGlobal, shopFix) {
-    await runPhase('phase1', 'beforeProcess', [...collectGlobalEntries(activeGlobal, 'beforeProcess'), ...shopEntry(shopFix, 'beforeProcess')], ctx);
-    await runPhase('phase2', 'process', collectGlobalEntries(activeGlobal, 'process'), ctx);
-    await runPhase('phase3', 'afterProcess', [...shopEntry(shopFix, 'afterProcess'), ...collectGlobalEntries(activeGlobal, 'afterProcess')], ctx);
+    // [Phase 1]: beforeProcess (global → shop)
+    const beforeGlobalEntries = collectGlobalEntries(activeGlobal, 'beforeProcess');
+    const beforeShopEntries = shopEntry(shopFix, 'beforeProcess');
+    await runPhase(ctx, {
+        phaseKey: 'phase1',
+        methodName: 'beforeProcess',
+        entries: [...beforeGlobalEntries, ...beforeShopEntries],
+    });
+    // [Phase 2]: process (global fixes)
+    const processGlobalEntries = collectGlobalEntries(activeGlobal, 'process');
+    await runPhase(ctx, { phaseKey: 'phase2', methodName: 'process', entries: [...processGlobalEntries] });
+    // [Phase 3]: afterProcess (shop → global)
+    const afterShopEntries = shopEntry(shopFix, 'afterProcess');
+    const afterGlobalEntries = collectGlobalEntries(activeGlobal, 'afterProcess');
+    await runPhase(ctx, {
+        phaseKey: 'phase3',
+        methodName: 'afterProcess',
+        entries: [...afterShopEntries, ...afterGlobalEntries],
+    });
     const t4 = perf$3.mark('phase4.getDimensions');
     await waitForAnimationFrame();
     const dimensions = resolveFirstDimensions(ctx, [
@@ -6607,12 +6624,12 @@ class GXVisualizer extends Visualizer {
     buildHtmlByCached = async (cached, options) => {
         const { target, useproxy, portalCanvasId } = options;
         if (!cached || !target)
-            throw new Error('Failed to render HTML cached');
+            throw new Error('Failed to render HTML cached', { cause: { cached, target } });
         const doc = target.document;
         try {
             await this.setup(target, { version: cached.version, useproxy, portalCanvasId });
             doc.open();
-            doc.write(cached.html);
+            doc.writeln(cached.html);
             doc.close();
             const process = async () => {
                 this.layout.hydrate(doc);
@@ -6623,7 +6640,7 @@ class GXVisualizer extends Visualizer {
                 // Replay shadow DOM mutations + StyleSheet + CustomElement
                 await this.renderLoop(this, { ...options, events: cached.specialEvents });
             };
-            await retry(() => doc.readyState === 'complete', { timeout: 30000, label: 'DOM ready' });
+            await retry(() => doc.readyState === 'complete', { timeout: 30000, label: '[BuildHtml - Cached] DOM ready' });
             await process();
             return this;
         }
@@ -6636,13 +6653,16 @@ class GXVisualizer extends Visualizer {
         if (!decoded || decoded.length === 0 || !target)
             return this;
         try {
+            const doc = target.document;
             const merged = this.mergeForHtml(decoded);
             await this.setup(target, { version: decoded[0].envelope.version, dom: merged.dom, useproxy, portalCanvasId });
             await this.renderLoop(this, { events: merged.events, target, useproxy });
+            // if (hasVoidContainerChildren(doc)) return this;
+            await retry(() => doc.readyState === 'complete', { timeout: 30000, label: '[BuildHtml] DOM ready' });
             const timestamp = Date.now();
             const version = decoded[0].envelope.version;
-            const html = target.document.documentElement.outerHTML;
-            const shadowHostTags = collectShadowHostTags(target.document);
+            const html = doc.documentElement.outerHTML;
+            const shadowHostTags = collectShadowHostTags(doc);
             const specialDom = extractSpecialDom(merged.dom, merged.events, shadowHostTags);
             const specialEvents = extractSpecialEvents(merged.events, merged.dom, shadowHostTags);
             void htmlCache.set({ key: cacheKey, html, specialDom, specialEvents, version, timestamp });
@@ -6650,6 +6670,7 @@ class GXVisualizer extends Visualizer {
         catch (e) {
             if (logerror)
                 logerror(e);
+            console.log(`[BuildHtml] ~ Error:`, e);
         }
         return this;
     };
@@ -8780,7 +8801,7 @@ const VizDomRenderer = ({ mode }) => {
     const viewId = useViewIdContext();
     const viewport = useHeatmapViewportByDevice();
     const iframeHeight = useHeatmapVizRectContext((s) => s.iframeHeight);
-    const wrapperHeight = useHeatmapVizRectContext((s) => s.wrapperHeight);
+    // const wrapperHeight = useHeatmapVizRectContext((s) => s.wrapperHeight);
     const wrapperRef = useRef(null);
     const visualRef = useRef(null);
     const { iframeRef } = useHeatmapRenderDom();
@@ -8791,7 +8812,7 @@ const VizDomRenderer = ({ mode }) => {
         const scrollTop = e.currentTarget.scrollTop;
         handleScroll(scrollTop);
     };
-    return (jsxs(WrapperVisual, { visualRef: visualRef, wrapperRef: wrapperRef, scaledHeight: scaledHeight, onScroll: onScroll, iframeHeight: iframeHeight, children: [jsx(VizClickmap, { iframeRef: iframeRef, visualRef: visualRef, wrapperRef: wrapperRef }), jsx("iframe", { ...HEATMAP_IFRAME, id: `clarity-iframe-${viewId}`, ref: iframeRef, width: viewport.width, height: wrapperHeight }), jsx(VizLoadingCanvas, {}), jsx(VizScrollMap, { visualRef: visualRef, iframeRef: iframeRef, wrapperRef: wrapperRef })] }));
+    return (jsxs(WrapperVisual, { visualRef: visualRef, wrapperRef: wrapperRef, scaledHeight: scaledHeight, onScroll: onScroll, iframeHeight: iframeHeight, children: [jsx(VizClickmap, { iframeRef: iframeRef, visualRef: visualRef, wrapperRef: wrapperRef }), jsx("iframe", { ...HEATMAP_IFRAME, id: `clarity-iframe-${viewId}`, ref: iframeRef, width: viewport.width, height: viewport.height }), jsx(VizLoadingCanvas, {}), jsx(VizScrollMap, { visualRef: visualRef, iframeRef: iframeRef, wrapperRef: wrapperRef })] }));
 };
 
 const VizLoading = () => {

package/dist/esm/index.mjs

@@ -5264,7 +5264,8 @@ async function runTracked(label, fn) {
     await fn();
     perf$3.measure(label, t);
 }
-async function runPhase(phaseKey, methodName, entries, ctx) {
+async function runPhase(ctx, options) {
+    const { phaseKey, methodName, entries } = options;
     await runTracked(`${phaseKey}.${methodName}`, async () => {
         for (const { name, fn } of entries) {
             logger.log(`[${methodName}] ${name}`);
@@ -5299,9 +5300,25 @@ function resolveFirstDimensions(ctx, candidates) {
 }
 // ── Pipeline ──────────────────────────────────────────────────────────────────
 async function run$1(ctx, activeGlobal, shopFix) {
-    await runPhase('phase1', 'beforeProcess', [...collectGlobalEntries(activeGlobal, 'beforeProcess'), ...shopEntry(shopFix, 'beforeProcess')], ctx);
-    await runPhase('phase2', 'process', collectGlobalEntries(activeGlobal, 'process'), ctx);
-    await runPhase('phase3', 'afterProcess', [...shopEntry(shopFix, 'afterProcess'), ...collectGlobalEntries(activeGlobal, 'afterProcess')], ctx);
+    // [Phase 1]: beforeProcess (global → shop)
+    const beforeGlobalEntries = collectGlobalEntries(activeGlobal, 'beforeProcess');
+    const beforeShopEntries = shopEntry(shopFix, 'beforeProcess');
+    await runPhase(ctx, {
+        phaseKey: 'phase1',
+        methodName: 'beforeProcess',
+        entries: [...beforeGlobalEntries, ...beforeShopEntries],
+    });
+    // [Phase 2]: process (global fixes)
+    const processGlobalEntries = collectGlobalEntries(activeGlobal, 'process');
+    await runPhase(ctx, { phaseKey: 'phase2', methodName: 'process', entries: [...processGlobalEntries] });
+    // [Phase 3]: afterProcess (shop → global)
+    const afterShopEntries = shopEntry(shopFix, 'afterProcess');
+    const afterGlobalEntries = collectGlobalEntries(activeGlobal, 'afterProcess');
+    await runPhase(ctx, {
+        phaseKey: 'phase3',
+        methodName: 'afterProcess',
+        entries: [...afterShopEntries, ...afterGlobalEntries],
+    });
     const t4 = perf$3.mark('phase4.getDimensions');
     await waitForAnimationFrame();
     const dimensions = resolveFirstDimensions(ctx, [
@@ -6607,12 +6624,12 @@ class GXVisualizer extends Visualizer {
     buildHtmlByCached = async (cached, options) => {
         const { target, useproxy, portalCanvasId } = options;
         if (!cached || !target)
-            throw new Error('Failed to render HTML cached');
+            throw new Error('Failed to render HTML cached', { cause: { cached, target } });
         const doc = target.document;
         try {
             await this.setup(target, { version: cached.version, useproxy, portalCanvasId });
             doc.open();
-            doc.write(cached.html);
+            doc.writeln(cached.html);
             doc.close();
             const process = async () => {
                 this.layout.hydrate(doc);
@@ -6623,7 +6640,7 @@ class GXVisualizer extends Visualizer {
                 // Replay shadow DOM mutations + StyleSheet + CustomElement
                 await this.renderLoop(this, { ...options, events: cached.specialEvents });
             };
-            await retry(() => doc.readyState === 'complete', { timeout: 30000, label: 'DOM ready' });
+            await retry(() => doc.readyState === 'complete', { timeout: 30000, label: '[BuildHtml - Cached] DOM ready' });
             await process();
             return this;
         }
@@ -6636,13 +6653,16 @@ class GXVisualizer extends Visualizer {
         if (!decoded || decoded.length === 0 || !target)
             return this;
         try {
+            const doc = target.document;
             const merged = this.mergeForHtml(decoded);
             await this.setup(target, { version: decoded[0].envelope.version, dom: merged.dom, useproxy, portalCanvasId });
             await this.renderLoop(this, { events: merged.events, target, useproxy });
+            // if (hasVoidContainerChildren(doc)) return this;
+            await retry(() => doc.readyState === 'complete', { timeout: 30000, label: '[BuildHtml] DOM ready' });
             const timestamp = Date.now();
             const version = decoded[0].envelope.version;
-            const html = target.document.documentElement.outerHTML;
-            const shadowHostTags = collectShadowHostTags(target.document);
+            const html = doc.documentElement.outerHTML;
+            const shadowHostTags = collectShadowHostTags(doc);
             const specialDom = extractSpecialDom(merged.dom, merged.events, shadowHostTags);
             const specialEvents = extractSpecialEvents(merged.events, merged.dom, shadowHostTags);
             void htmlCache.set({ key: cacheKey, html, specialDom, specialEvents, version, timestamp });
@@ -6650,6 +6670,7 @@ class GXVisualizer extends Visualizer {
         catch (e) {
             if (logerror)
                 logerror(e);
+            console.log(`[BuildHtml] ~ Error:`, e);
         }
         return this;
     };
@@ -8780,7 +8801,7 @@ const VizDomRenderer = ({ mode }) => {
     const viewId = useViewIdContext();
     const viewport = useHeatmapViewportByDevice();
     const iframeHeight = useHeatmapVizRectContext((s) => s.iframeHeight);
-    const wrapperHeight = useHeatmapVizRectContext((s) => s.wrapperHeight);
+    // const wrapperHeight = useHeatmapVizRectContext((s) => s.wrapperHeight);
     const wrapperRef = useRef(null);
     const visualRef = useRef(null);
     const { iframeRef } = useHeatmapRenderDom();
@@ -8791,7 +8812,7 @@ const VizDomRenderer = ({ mode }) => {
         const scrollTop = e.currentTarget.scrollTop;
         handleScroll(scrollTop);
     };
-    return (jsxs(WrapperVisual, { visualRef: visualRef, wrapperRef: wrapperRef, scaledHeight: scaledHeight, onScroll: onScroll, iframeHeight: iframeHeight, children: [jsx(VizClickmap, { iframeRef: iframeRef, visualRef: visualRef, wrapperRef: wrapperRef }), jsx("iframe", { ...HEATMAP_IFRAME, id: `clarity-iframe-${viewId}`, ref: iframeRef, width: viewport.width, height: wrapperHeight }), jsx(VizLoadingCanvas, {}), jsx(VizScrollMap, { visualRef: visualRef, iframeRef: iframeRef, wrapperRef: wrapperRef })] }));
+    return (jsxs(WrapperVisual, { visualRef: visualRef, wrapperRef: wrapperRef, scaledHeight: scaledHeight, onScroll: onScroll, iframeHeight: iframeHeight, children: [jsx(VizClickmap, { iframeRef: iframeRef, visualRef: visualRef, wrapperRef: wrapperRef }), jsx("iframe", { ...HEATMAP_IFRAME, id: `clarity-iframe-${viewId}`, ref: iframeRef, width: viewport.width, height: viewport.height }), jsx(VizLoadingCanvas, {}), jsx(VizScrollMap, { visualRef: visualRef, iframeRef: iframeRef, wrapperRef: wrapperRef })] }));
 };
 
 const VizLoading = () => {

package/dist/esm/libs/iframe-processor/processors/viewport/pipeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pipeline.d.ts","sourceRoot":"","sources":["../../../../../src/libs/iframe-processor/processors/viewport/pipeline.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAQxD,wBAAgB,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAE9C;AA6DD,wBAAsB,GAAG,CACvB,GAAG,EAAE,kBAAkB,EACvB,YAAY,EAAE,SAAS,SAAS,EAAE,EAClC,OAAO,EAAE,eAAe,GAAG,IAAI,GAC9B,OAAO,CAAC;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CA2B5C"}
+{"version":3,"file":"pipeline.d.ts","sourceRoot":"","sources":["../../../../../src/libs/iframe-processor/processors/viewport/pipeline.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAQxD,wBAAgB,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAE9C;AAiED,wBAAsB,GAAG,CACvB,GAAG,EAAE,kBAAkB,EACvB,YAAY,EAAE,SAAS,SAAS,EAAE,EAClC,OAAO,EAAE,eAAe,GAAG,IAAI,GAC9B,OAAO,CAAC;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAmC5C"}

package/dist/esm/libs/visualizer/GXVisualizer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GXVisualizer.d.ts","sourceRoot":"","sources":["../../../src/libs/visualizer/GXVisualizer.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AACpE,OAAO,KAAK,EAAE,kBAAkB,EAA0B,MAAM,SAAS,CAAC;AAG1E,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAQzD,UAAU,qBAAsB,SAAQ,UAAU;IAChD,UAAU,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,OAAO,CAAC,YAAY,CAAC,CAAC;IACjE,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,kBAAkB,KAAK,OAAO,CAAC,YAAY,CAAC,CAAC;IACrF,SAAS,EAAE,CAAC,aAAa,EAAE,aAAa,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5F,YAAY,EAAE,CAAC,IAAI,EAAE,iBAAiB,EAAE,EAAE,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAClG;AAED,qBAAa,YAAa,SAAQ,UAAW,YAAW,qBAAqB;IAC3E,OAAO,CAAC,YAAY,CAAuB;IAC3C,OAAO,CAAC,eAAe,CAAuB;IAC9C,OAAO,CAAC,gBAAgB,CAAyB;IACjD,OAAO,CAAC,aAAa,CAAsB;IAC3C,OAAO,CAAC,iBAAiB,CAA0B;IACnD,OAAO,CAAC,gBAAgB,CAAyB;;IAkBjD,UAAU,GAAU,OAAO,kBAAkB,KAAG,OAAO,CAAC,YAAY,CAAC,CAcnE;IAEF,UAAU,GAAU,UAAU,MAAM,EAAE,SAAS,kBAAkB,KAAG,OAAO,CAAC,YAAY,CAAC,CAmBvF;IAEF;;;;;OAKG;IACH,SAAS,GAAI,eAAe,aAAa,EAAE,EAAE,SAAS,MAAM,EAAE,qBAAmB,KAAG,IAAI,CAGtF;IAEF;;;OAGG;IACH,YAAY,GAAU,MAAM,iBAAiB,EAAE,KAAG,OAAO,CAAC,IAAI,CAAC,CAG7D;IAEF,OAAO,CAAC,iBAAiB,CAGvB;IAEF,OAAO,CAAC,gBAAgB,CAGtB;IAEF,OAAO,CAAC,iBAAiB,CAgCvB;IAEF,OAAO,CAAC,iBAAiB,CAwBvB;IAEF,OAAO,CAAC,UAAU,CAEhB;IAEF,OAAO,CAAC,aAAa,CASnB;IAEF,OAAO,CAAC,gBAAgB,CAItB;CACH"}
+{"version":3,"file":"GXVisualizer.d.ts","sourceRoot":"","sources":["../../../src/libs/visualizer/GXVisualizer.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AACpE,OAAO,KAAK,EAAE,kBAAkB,EAA0B,MAAM,SAAS,CAAC;AAG1E,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAmCzD,UAAU,qBAAsB,SAAQ,UAAU;IAChD,UAAU,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,OAAO,CAAC,YAAY,CAAC,CAAC;IACjE,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,kBAAkB,KAAK,OAAO,CAAC,YAAY,CAAC,CAAC;IACrF,SAAS,EAAE,CAAC,aAAa,EAAE,aAAa,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5F,YAAY,EAAE,CAAC,IAAI,EAAE,iBAAiB,EAAE,EAAE,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAClG;AAED,qBAAa,YAAa,SAAQ,UAAW,YAAW,qBAAqB;IAC3E,OAAO,CAAC,YAAY,CAAuB;IAC3C,OAAO,CAAC,eAAe,CAAuB;IAC9C,OAAO,CAAC,gBAAgB,CAAyB;IACjD,OAAO,CAAC,aAAa,CAAsB;IAC3C,OAAO,CAAC,iBAAiB,CAA0B;IACnD,OAAO,CAAC,gBAAgB,CAAyB;;IAkBjD,UAAU,GAAU,OAAO,kBAAkB,KAAG,OAAO,CAAC,YAAY,CAAC,CAcnE;IAEF,UAAU,GAAU,UAAU,MAAM,EAAE,SAAS,kBAAkB,KAAG,OAAO,CAAC,YAAY,CAAC,CAmBvF;IAEF;;;;;OAKG;IACH,SAAS,GAAI,eAAe,aAAa,EAAE,EAAE,SAAS,MAAM,EAAE,qBAAmB,KAAG,IAAI,CAGtF;IAEF;;;OAGG;IACH,YAAY,GAAU,MAAM,iBAAiB,EAAE,KAAG,OAAO,CAAC,IAAI,CAAC,CAG7D;IAEF,OAAO,CAAC,iBAAiB,CAGvB;IAEF,OAAO,CAAC,gBAAgB,CAGtB;IAEF,OAAO,CAAC,iBAAiB,CAgCvB;IAEF,OAAO,CAAC,iBAAiB,CA6BvB;IAEF,OAAO,CAAC,UAAU,CAEhB;IAEF,OAAO,CAAC,aAAa,CASnB;IAEF,OAAO,CAAC,gBAAgB,CAItB;CACH"}

package/dist/esm/types/viz-scrollmap.d.ts

@@ -1,15 +1,17 @@
 export interface IScrollMapInfoRow {
     avgDwellTimeMs: number;
-    dropOffPercent: number;
     dwellTimeMs: number;
     orders: number;
-    percUsers: number;
     revenue: number;
     scrollReachPercent: number;
-    percSessionLength: number;
     visitors: number;
     convertedSessions: number;
+    convertedVisitors: number;
+    percUsers: number;
+    percDropOff: number;
     percSessionConverted: number;
+    percDwellTimeMs: number;
+    percVisitorsConverted: number;
 }
 export interface IScrollMapInfo {
     averageFold: number;
@@ -18,7 +20,7 @@ export interface IScrollMapInfo {
     totalOrders?: number;
     totalRevenue?: number;
     totalSessions: number;
-    totalDwellTimeMs: number;
+    totalTimeOnPage: number;
 }
 export type IScrollMapMode = 'basic' | 'metrics';
 export interface IScrollZonePosition {

package/dist/esm/types/viz-scrollmap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"viz-scrollmap.d.ts","sourceRoot":"","sources":["../../src/types/viz-scrollmap.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,oBAAoB,EAAE,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,cAAc;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,SAAS,CAAC;AAEjD,MAAM,WAAW,mBAAmB;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,kBAAkB,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC"}
+{"version":3,"file":"viz-scrollmap.d.ts","sourceRoot":"","sources":["../../src/types/viz-scrollmap.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,eAAe,EAAE,MAAM,CAAC;IACxB,qBAAqB,EAAE,MAAM,CAAC;CAC/B;AAED,MAAM,WAAW,cAAc;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,SAAS,CAAC;AAEjD,MAAM,WAAW,mBAAmB;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,kBAAkB,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC"}

package/dist/umd/hooks/viz-elm/useClickedElement.d.ts

@@ -3,7 +3,7 @@ interface Params {
     visualRef: IHeatmapRef['Visual'];
     getRect: (el?: any) => ElementRect | null;
 }
-export declare const scrollToElementIfNeeded: (visualRef: React.RefObject<HTMLDivElement>, rect: ElementRect, scale: number, onScrollComplete?: () => void) => void;
+export declare const scrollToElementIfNeeded: (visualRef: IHeatmapRef["Visual"], rect: ElementRect, scale: number, onScrollComplete?: () => void) => void;
 export declare const useClickedElement: ({ visualRef, getRect }: Params) => {
     clickedElement: ElementInfo | null;
     showMissingElement: boolean;

package/dist/umd/hooks/viz-elm/useClickedElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useClickedElement.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-elm/useClickedElement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAQzE,UAAU,MAAM;IACd,SAAS,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IACjC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,KAAK,WAAW,GAAG,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,uBAAuB,GAClC,WAAW,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAC1C,MAAM,WAAW,EACjB,OAAO,MAAM,EACb,mBAAmB,MAAM,IAAI,KAC5B,IAkCF,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,wBAAwB,MAAM;;;;CA0D/D,CAAC"}
+{"version":3,"file":"useClickedElement.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-elm/useClickedElement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAQzE,UAAU,MAAM;IACd,SAAS,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IACjC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,KAAK,WAAW,GAAG,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,uBAAuB,GAClC,WAAW,WAAW,CAAC,QAAQ,CAAC,EAChC,MAAM,WAAW,EACjB,OAAO,MAAM,EACb,mBAAmB,MAAM,IAAI,KAC5B,IAkCF,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,wBAAwB,MAAM;;;;CA0D/D,CAAC"}