@gemx-dev/heatmap-react 3.5.82 → 3.5.85

package/dist/esm/components/Layout/HeatmapLayout.d.ts

@@ -1,7 +1,7 @@
-import type { ClickMapPoint, DecodedPayload, IHeatmapInfo, IPersistedAreaData, ScrollMapPoint } from '../../types';
+import type { ClickMapPoint, EncodedPayload, IHeatmapInfo, IPersistedAreaData, ScrollMapPoint } from '../../types';
 import type { IHeatmapControl } from '../../types/control';
 interface HeatmapLayoutProps {
-    data?: DecodedPayload[];
+    data?: EncodedPayload[];
     clickmap?: ClickMapPoint[];
     clickAreas?: IPersistedAreaData[];
     scrollmap?: ScrollMapPoint[];

package/dist/esm/helpers/viz-dom/decode.d.ts

@@ -1,4 +1,4 @@
-import type { DecodedPayload } from '../../types';
+import type { DecodedPayload, EncodedPayload } from '../../types';
 export declare function findLastSizeOfDom(data: DecodedPayload[]): {
     doc: {
         width: number | undefined;
@@ -13,5 +13,6 @@ export declare function findLastSizeOfDom(data: DecodedPayload[]): {
         height: number | undefined;
     };
 };
-export declare function decodePayloads(payload: string): DecodedPayload | null;
+export declare function decodeClarity(payload: string): DecodedPayload | null;
+export declare function decodeArrayClarity(items: EncodedPayload[]): DecodedPayload[];
 //# sourceMappingURL=decode.d.ts.map

package/dist/esm/helpers/viz-dom/decode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"decode.d.ts","sourceRoot":"","sources":["../../../src/helpers/viz-dom/decode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAgB,cAAc,EAAE,MAAM,aAAa,CAAC;AAIhE,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,cAAc,EAAE;;;;;;;;;;;;;EA0BvD;AAMD,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,GAAG,cAAc,GAAG,IAAI,CAMrE"}
+{"version":3,"file":"decode.d.ts","sourceRoot":"","sources":["../../../src/helpers/viz-dom/decode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAgB,cAAc,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAIhF,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,cAAc,EAAE;;;;;;;;;;;;;EA0BvD;AAMD,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG,cAAc,GAAG,IAAI,CAMpE;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAE5E"}

package/dist/esm/hooks/register/useRegisterData.d.ts

@@ -1,3 +1,3 @@
-import type { DecodedPayload, IHeatmapInfo } from '../../types';
-export declare const useRegisterData: (data?: DecodedPayload[], dataInfo?: IHeatmapInfo) => void;
+import type { EncodedPayload, IHeatmapInfo } from '../../types';
+export declare const useRegisterData: (data?: EncodedPayload[], dataInfo?: IHeatmapInfo) => void;
 //# sourceMappingURL=useRegisterData.d.ts.map

package/dist/esm/hooks/view-context/useHeatmapDataContext.d.ts

@@ -1,6 +1,6 @@
-import type { ClickMapPoint, DecodedPayload, IHeatmapInfo, IPersistedAreaData, ScrollMapPoint } from '../../types';
+import type { ClickMapPoint, EncodedPayload, IHeatmapInfo, IPersistedAreaData, ScrollMapPoint } from '../../types';
 interface IHeatmapDataState {
-    data: DecodedPayload[] | undefined;
+    data: EncodedPayload[] | undefined;
     clickmap: ClickMapPoint[] | undefined;
     clickAreas: IPersistedAreaData[] | undefined;
     scrollmap: ScrollMapPoint[] | undefined;
@@ -8,7 +8,7 @@ interface IHeatmapDataState {
     dataInfo: IHeatmapInfo | undefined;
 }
 interface IHeatmapDataActions {
-    setData: (newData: DecodedPayload[]) => void;
+    setData: (newData: EncodedPayload[]) => void;
     setClickmap: (newClickmap: ClickMapPoint[]) => void;
     setClickAreas: (newClickAreas: IPersistedAreaData[]) => void;
     setScrollmap: (newScrollmap: ScrollMapPoint[]) => void;

package/dist/esm/hooks/viz-canvas/useScrollmap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollmap.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-canvas/useScrollmap.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY;;CA+BxB,CAAC"}
+{"version":3,"file":"useScrollmap.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-canvas/useScrollmap.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY;;CA8BxB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useHeatmapRender.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-render/useHeatmapRender.ts"],"names":[],"mappings":"AAUA,UAAU,uBAAuB;IAC/B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;CACtD;AAED,eAAO,MAAM,gBAAgB,QAAO,uBAyCnC,CAAC"}
+{"version":3,"file":"useHeatmapRender.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-render/useHeatmapRender.ts"],"names":[],"mappings":"AAUA,UAAU,uBAAuB;IAC/B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;CACtD;AAED,eAAO,MAAM,gBAAgB,QAAO,uBA0CnC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useReplayRender.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-render/useReplayRender.ts"],"names":[],"mappings":"AASA,UAAU,sBAAsB;IAC9B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACrD,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,eAAe,QAAO,sBA+IlC,CAAC"}
+{"version":3,"file":"useReplayRender.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-render/useReplayRender.ts"],"names":[],"mappings":"AAUA,UAAU,sBAAsB;IAC9B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACrD,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,eAAe,QAAO,sBAgJlC,CAAC"}

package/dist/esm/hooks/viz-scroll/useScrollmapZones.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollmapZones.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-scroll/useScrollmapZones.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAqB,MAAM,aAAa,CAAC;AAOlE,MAAM,WAAW,kBAAkB;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,CAAC;AAQhD,UAAU,mBAAmB;IAC3B,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACrD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CAC1C;AAED,UAAU,kBAAkB;IAC1B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;CAChF;AAED,eAAO,MAAM,iBAAiB,GAAI,SAAS,mBAAmB,KAAG,kBAkHhE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,GAAI,YAAY,MAAM,KAAG,MAY3D,CAAC"}
+{"version":3,"file":"useScrollmapZones.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-scroll/useScrollmapZones.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAqB,WAAW,EAAE,MAAM,aAAa,CAAC;AAOlE,MAAM,WAAW,kBAAkB;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,CAAC;AAQhD,UAAU,mBAAmB;IAC3B,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACrD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CAC1C;AAED,UAAU,kBAAkB;IAC1B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;CAChF;AAED,eAAO,MAAM,iBAAiB,GAAI,SAAS,mBAAmB,KAAG,kBAkHhE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,GAAI,YAAY,MAAM,KAAG,MAY3D,CAAC"}

package/dist/esm/index.d.ts

@@ -3,7 +3,7 @@ export * from './configs';
 export * from './contexts';
 export * from './hooks';
 export * from './types';
-export { serializeAreas } from './helpers';
+export { decodeArrayClarity, decodeClarity, serializeAreas } from './helpers';
 export { useHeatmapCompareStore, useHeatmapConfigStore, useHeatmapLiveStore } from './stores';
 export * from './performance';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE9F,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC9E,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE9F,cAAc,eAAe,CAAC"}

package/dist/esm/index.js

@@ -193,9 +193,9 @@ var EClickMode;
 })(EClickMode || (EClickMode = {}));
 var EScrollType;
 (function (EScrollType) {
-    EScrollType["Depth"] = "scroll-depth";
-    EScrollType["Attention"] = "attention-scroll";
-    EScrollType["Revenue"] = "revenue-scroll";
+    EScrollType["Depth"] = "SCROLL_DEPTH";
+    EScrollType["Attention"] = "ATTENTION";
+    EScrollType["Revenue"] = "REVENUE";
 })(EScrollType || (EScrollType = {}));
 
 const ViewIdContext = createContext(undefined);
@@ -2054,7 +2054,7 @@ function findLastSizeOfDom(data) {
         },
     };
 }
-function decodePayloads(payload) {
+function decodeClarity(payload) {
     try {
         return decode(payload);
     }
@@ -2062,6 +2062,9 @@ function decodePayloads(payload) {
         return null;
     }
 }
+function decodeArrayClarity(items) {
+    return items.map((item) => decodeClarity(item)).filter((item) => item !== null);
+}
 
 function findElementByHash(props) {
     const { hash, selector, iframeDocument, vizRef } = props;
@@ -4481,30 +4484,29 @@ const useScrollmap = () => {
     const vizRef = useHeatmapVizRectContext((s) => s.vizRef);
     const scrollType = useHeatmapSettingContext((s) => s.scrollType);
     const scrollmap = useHeatmapDataContext((s) => s.scrollmap);
-    const attentionMap = useHeatmapDataContext((s) => s.attentionMap);
-    const dataMap = useMemo(() => {
+    useMemo(() => {
         switch (scrollType) {
             case EScrollType.Depth:
                 return scrollmap;
             case EScrollType.Attention:
-                return attentionMap;
+                return scrollmap;
             case EScrollType.Revenue:
-                return [];
+                return scrollmap;
             default:
                 return scrollmap;
         }
-    }, [scrollmap, attentionMap, scrollType]);
+    }, [scrollmap, scrollType]);
     const start = useCallback(() => {
-        if (!vizRef || !dataMap || dataMap.length === 0)
+        if (!vizRef || !scrollmap || scrollmap.length === 0)
             return;
         try {
             vizRef?.clearmap?.();
-            vizRef?.scrollmap?.(dataMap);
+            vizRef?.scrollmap?.(scrollmap);
         }
         catch (error) {
             logger$4.error(`🚀 🐥 ~ useScrollmap ~ error:`, error);
         }
-    }, [vizRef, dataMap]);
+    }, [vizRef, scrollmap]);
     return { start };
 };
 
@@ -5253,7 +5255,7 @@ function useVizLiveIframeMsg(options = {}) {
         switch (message.type) {
             case MessageType.GX_DOM_TRACKING_PAYLOAD:
                 if (message.payload) {
-                    const data = decodePayloads(message.payload);
+                    const data = decodeClarity(message.payload);
                     if (data) {
                         addPayload(data);
                     }
@@ -6742,7 +6744,8 @@ const useHeatmapRender = () => {
     useEffect(() => {
         if (!data || data.length === 0)
             return;
-        renderHeatmap(data);
+        const decoded = decodeArrayClarity(data);
+        renderHeatmap(decoded);
         return () => {
             setVizRef(null);
         };
@@ -6882,7 +6885,8 @@ const useReplayRender = () => {
     useEffect(() => {
         if (!data || data.length === 0)
             return;
-        startReplay(data);
+        const decoded = decodeArrayClarity(data);
+        startReplay(decoded);
         // Cleanup
         return () => {
             isPlayingRef.current = false;
@@ -8810,9 +8814,9 @@ const MarkerLine = ({ top, label, bgColor = 'white', lineColor = '#303030', labe
 };
 
 const AverageFold = ({ iframeRef, wrapperRef }) => {
-    const dataInfo = useHeatmapDataContext((s) => s.dataInfo);
+    const scrollMapInfo = useHeatmapDataContext((s) => s.dataInfo?.scrollMapInfo);
     const { getZonePosition } = useZonePositions();
-    const averageFold = dataInfo?.averageFold || 50;
+    const averageFold = scrollMapInfo?.averageFold ?? 0;
     const position = getZonePosition({
         startY: averageFold,
         endY: averageFold,
@@ -9100,4 +9104,4 @@ const HeatmapLayout = ({ data, clickmap, clickAreas, scrollmap, attentionMap, co
     }
 };
 
-export { BACKDROP_CONFIG, DEFAULT_SIDEBAR_WIDTH, DEFAULT_VIEW_ID, DEFAULT_ZOOM_RATIO, EClickMode, EClickRankType, EClickType, EDeviceType, EHeatmapType, ELM_CALLOUT_CONFIG, EScrollType, GraphView, HEATMAP_CONFIG, HEATMAP_IFRAME, HEATMAP_STYLE, HeatmapLayout, ViewIdContext, Z_INDEX$1 as Z_INDEX, compareViewPerformance, convertViewportToIframeCoords, createStorePerformanceTracker, createViewContextHook, downloadPerformanceReport, getCompareViewId, getMetricsByViewId, getPerformanceReportJSON, getScrollGradientColor, performanceLogger, printPerformanceSummary, scrollToElementIfNeeded, sendPerformanceReport, serializeAreas, trackStoreAction, useAreaCreation, useAreaEditMode, useAreaFilterVisible, useAreaHydration, useAreaInteraction, useAreaPositionsUpdater, useAreaRectSync, useAreaRendererContainer, useAreaTopAutoDetect, useClickedElement, useDebounceCallback, useElementCalloutVisible, useHeatmapAreaClickContext, useHeatmapCanvas, useHeatmapClickContext, useHeatmapCompareStore, useHeatmapConfigStore, useHeatmapCopyView, useHeatmapDataContext, useHeatmapEffects, useHeatmapElementPosition, useHeatmapHoverContext, useHeatmapLiveStore, useHeatmapRenderByMode, useHeatmapScale, useHeatmapScroll, useHeatmapScrollContext, useHeatmapSettingContext, useHeatmapVizContext, useHeatmapVizRectContext, useHeatmapWidthByDevice, useHoveredElement, useIframeHeight, useIframeHeightProcessor, useMeasureFunction, useRegisterConfig, useRegisterControl, useRegisterData, useRegisterHeatmap, useRenderCount, useScrollmapZones, useTrackHookCall, useViewIdContext, useVizLiveRender, useWhyDidYouUpdate, useWrapperRefHeight, useZonePositions, withPerformanceTracking };
+export { BACKDROP_CONFIG, DEFAULT_SIDEBAR_WIDTH, DEFAULT_VIEW_ID, DEFAULT_ZOOM_RATIO, EClickMode, EClickRankType, EClickType, EDeviceType, EHeatmapType, ELM_CALLOUT_CONFIG, EScrollType, GraphView, HEATMAP_CONFIG, HEATMAP_IFRAME, HEATMAP_STYLE, HeatmapLayout, ViewIdContext, Z_INDEX$1 as Z_INDEX, compareViewPerformance, convertViewportToIframeCoords, createStorePerformanceTracker, createViewContextHook, decodeArrayClarity, decodeClarity, downloadPerformanceReport, getCompareViewId, getMetricsByViewId, getPerformanceReportJSON, getScrollGradientColor, performanceLogger, printPerformanceSummary, scrollToElementIfNeeded, sendPerformanceReport, serializeAreas, trackStoreAction, useAreaCreation, useAreaEditMode, useAreaFilterVisible, useAreaHydration, useAreaInteraction, useAreaPositionsUpdater, useAreaRectSync, useAreaRendererContainer, useAreaTopAutoDetect, useClickedElement, useDebounceCallback, useElementCalloutVisible, useHeatmapAreaClickContext, useHeatmapCanvas, useHeatmapClickContext, useHeatmapCompareStore, useHeatmapConfigStore, useHeatmapCopyView, useHeatmapDataContext, useHeatmapEffects, useHeatmapElementPosition, useHeatmapHoverContext, useHeatmapLiveStore, useHeatmapRenderByMode, useHeatmapScale, useHeatmapScroll, useHeatmapScrollContext, useHeatmapSettingContext, useHeatmapVizContext, useHeatmapVizRectContext, useHeatmapWidthByDevice, useHoveredElement, useIframeHeight, useIframeHeightProcessor, useMeasureFunction, useRegisterConfig, useRegisterControl, useRegisterData, useRegisterHeatmap, useRenderCount, useScrollmapZones, useTrackHookCall, useViewIdContext, useVizLiveRender, useWhyDidYouUpdate, useWrapperRefHeight, useZonePositions, withPerformanceTracking };

package/dist/esm/index.mjs

@@ -193,9 +193,9 @@ var EClickMode;
 })(EClickMode || (EClickMode = {}));
 var EScrollType;
 (function (EScrollType) {
-    EScrollType["Depth"] = "scroll-depth";
-    EScrollType["Attention"] = "attention-scroll";
-    EScrollType["Revenue"] = "revenue-scroll";
+    EScrollType["Depth"] = "SCROLL_DEPTH";
+    EScrollType["Attention"] = "ATTENTION";
+    EScrollType["Revenue"] = "REVENUE";
 })(EScrollType || (EScrollType = {}));
 
 const ViewIdContext = createContext(undefined);
@@ -2054,7 +2054,7 @@ function findLastSizeOfDom(data) {
         },
     };
 }
-function decodePayloads(payload) {
+function decodeClarity(payload) {
     try {
         return decode(payload);
     }
@@ -2062,6 +2062,9 @@ function decodePayloads(payload) {
         return null;
     }
 }
+function decodeArrayClarity(items) {
+    return items.map((item) => decodeClarity(item)).filter((item) => item !== null);
+}
 
 function findElementByHash(props) {
     const { hash, selector, iframeDocument, vizRef } = props;
@@ -4481,30 +4484,29 @@ const useScrollmap = () => {
     const vizRef = useHeatmapVizRectContext((s) => s.vizRef);
     const scrollType = useHeatmapSettingContext((s) => s.scrollType);
     const scrollmap = useHeatmapDataContext((s) => s.scrollmap);
-    const attentionMap = useHeatmapDataContext((s) => s.attentionMap);
-    const dataMap = useMemo(() => {
+    useMemo(() => {
         switch (scrollType) {
             case EScrollType.Depth:
                 return scrollmap;
             case EScrollType.Attention:
-                return attentionMap;
+                return scrollmap;
             case EScrollType.Revenue:
-                return [];
+                return scrollmap;
             default:
                 return scrollmap;
         }
-    }, [scrollmap, attentionMap, scrollType]);
+    }, [scrollmap, scrollType]);
     const start = useCallback(() => {
-        if (!vizRef || !dataMap || dataMap.length === 0)
+        if (!vizRef || !scrollmap || scrollmap.length === 0)
             return;
         try {
             vizRef?.clearmap?.();
-            vizRef?.scrollmap?.(dataMap);
+            vizRef?.scrollmap?.(scrollmap);
         }
         catch (error) {
             logger$4.error(`🚀 🐥 ~ useScrollmap ~ error:`, error);
         }
-    }, [vizRef, dataMap]);
+    }, [vizRef, scrollmap]);
     return { start };
 };
 
@@ -5253,7 +5255,7 @@ function useVizLiveIframeMsg(options = {}) {
         switch (message.type) {
             case MessageType.GX_DOM_TRACKING_PAYLOAD:
                 if (message.payload) {
-                    const data = decodePayloads(message.payload);
+                    const data = decodeClarity(message.payload);
                     if (data) {
                         addPayload(data);
                     }
@@ -6742,7 +6744,8 @@ const useHeatmapRender = () => {
     useEffect(() => {
         if (!data || data.length === 0)
             return;
-        renderHeatmap(data);
+        const decoded = decodeArrayClarity(data);
+        renderHeatmap(decoded);
         return () => {
             setVizRef(null);
         };
@@ -6882,7 +6885,8 @@ const useReplayRender = () => {
     useEffect(() => {
         if (!data || data.length === 0)
             return;
-        startReplay(data);
+        const decoded = decodeArrayClarity(data);
+        startReplay(decoded);
         // Cleanup
         return () => {
             isPlayingRef.current = false;
@@ -8810,9 +8814,9 @@ const MarkerLine = ({ top, label, bgColor = 'white', lineColor = '#303030', labe
 };
 
 const AverageFold = ({ iframeRef, wrapperRef }) => {
-    const dataInfo = useHeatmapDataContext((s) => s.dataInfo);
+    const scrollMapInfo = useHeatmapDataContext((s) => s.dataInfo?.scrollMapInfo);
     const { getZonePosition } = useZonePositions();
-    const averageFold = dataInfo?.averageFold || 50;
+    const averageFold = scrollMapInfo?.averageFold ?? 0;
     const position = getZonePosition({
         startY: averageFold,
         endY: averageFold,
@@ -9100,4 +9104,4 @@ const HeatmapLayout = ({ data, clickmap, clickAreas, scrollmap, attentionMap, co
     }
 };
 
-export { BACKDROP_CONFIG, DEFAULT_SIDEBAR_WIDTH, DEFAULT_VIEW_ID, DEFAULT_ZOOM_RATIO, EClickMode, EClickRankType, EClickType, EDeviceType, EHeatmapType, ELM_CALLOUT_CONFIG, EScrollType, GraphView, HEATMAP_CONFIG, HEATMAP_IFRAME, HEATMAP_STYLE, HeatmapLayout, ViewIdContext, Z_INDEX$1 as Z_INDEX, compareViewPerformance, convertViewportToIframeCoords, createStorePerformanceTracker, createViewContextHook, downloadPerformanceReport, getCompareViewId, getMetricsByViewId, getPerformanceReportJSON, getScrollGradientColor, performanceLogger, printPerformanceSummary, scrollToElementIfNeeded, sendPerformanceReport, serializeAreas, trackStoreAction, useAreaCreation, useAreaEditMode, useAreaFilterVisible, useAreaHydration, useAreaInteraction, useAreaPositionsUpdater, useAreaRectSync, useAreaRendererContainer, useAreaTopAutoDetect, useClickedElement, useDebounceCallback, useElementCalloutVisible, useHeatmapAreaClickContext, useHeatmapCanvas, useHeatmapClickContext, useHeatmapCompareStore, useHeatmapConfigStore, useHeatmapCopyView, useHeatmapDataContext, useHeatmapEffects, useHeatmapElementPosition, useHeatmapHoverContext, useHeatmapLiveStore, useHeatmapRenderByMode, useHeatmapScale, useHeatmapScroll, useHeatmapScrollContext, useHeatmapSettingContext, useHeatmapVizContext, useHeatmapVizRectContext, useHeatmapWidthByDevice, useHoveredElement, useIframeHeight, useIframeHeightProcessor, useMeasureFunction, useRegisterConfig, useRegisterControl, useRegisterData, useRegisterHeatmap, useRenderCount, useScrollmapZones, useTrackHookCall, useViewIdContext, useVizLiveRender, useWhyDidYouUpdate, useWrapperRefHeight, useZonePositions, withPerformanceTracking };
+export { BACKDROP_CONFIG, DEFAULT_SIDEBAR_WIDTH, DEFAULT_VIEW_ID, DEFAULT_ZOOM_RATIO, EClickMode, EClickRankType, EClickType, EDeviceType, EHeatmapType, ELM_CALLOUT_CONFIG, EScrollType, GraphView, HEATMAP_CONFIG, HEATMAP_IFRAME, HEATMAP_STYLE, HeatmapLayout, ViewIdContext, Z_INDEX$1 as Z_INDEX, compareViewPerformance, convertViewportToIframeCoords, createStorePerformanceTracker, createViewContextHook, decodeArrayClarity, decodeClarity, downloadPerformanceReport, getCompareViewId, getMetricsByViewId, getPerformanceReportJSON, getScrollGradientColor, performanceLogger, printPerformanceSummary, scrollToElementIfNeeded, sendPerformanceReport, serializeAreas, trackStoreAction, useAreaCreation, useAreaEditMode, useAreaFilterVisible, useAreaHydration, useAreaInteraction, useAreaPositionsUpdater, useAreaRectSync, useAreaRendererContainer, useAreaTopAutoDetect, useClickedElement, useDebounceCallback, useElementCalloutVisible, useHeatmapAreaClickContext, useHeatmapCanvas, useHeatmapClickContext, useHeatmapCompareStore, useHeatmapConfigStore, useHeatmapCopyView, useHeatmapDataContext, useHeatmapEffects, useHeatmapElementPosition, useHeatmapHoverContext, useHeatmapLiveStore, useHeatmapRenderByMode, useHeatmapScale, useHeatmapScroll, useHeatmapScrollContext, useHeatmapSettingContext, useHeatmapVizContext, useHeatmapVizRectContext, useHeatmapWidthByDevice, useHoveredElement, useIframeHeight, useIframeHeightProcessor, useMeasureFunction, useRegisterConfig, useRegisterControl, useRegisterData, useRegisterHeatmap, useRenderCount, useScrollmapZones, useTrackHookCall, useViewIdContext, useVizLiveRender, useWhyDidYouUpdate, useWrapperRefHeight, useZonePositions, withPerformanceTracking };

package/dist/esm/stores/data.d.ts

@@ -1,13 +1,13 @@
-import type { ClickMapPoint, DecodedPayload, IHeatmapInfo, IPersistedAreaData, ScrollMapPoint } from '../types';
+import type { ClickMapPoint, EncodedPayload, IHeatmapInfo, IPersistedAreaData, ScrollMapPoint } from '../types';
 export interface IHeatmapDataStore {
-    data: Map<string, DecodedPayload[] | undefined>;
+    data: Map<string, EncodedPayload[] | undefined>;
     clickmap: Map<string, ClickMapPoint[] | undefined>;
     clickAreas: Map<string, IPersistedAreaData[] | undefined>;
     dataInfo: Map<string, IHeatmapInfo | undefined>;
     scrollmap: Map<string, ScrollMapPoint[] | undefined>;
     attentionMap: Map<string, ScrollMapPoint[] | undefined>;
     setDataInfo: (dataInfo: IHeatmapInfo, viewId?: string) => void;
-    setData: (data: DecodedPayload[], viewId?: string) => void;
+    setData: (data: EncodedPayload[], viewId?: string) => void;
     setClickmap: (clickmap: ClickMapPoint[], viewId?: string) => void;
     setClickAreas: (clickAreas: IPersistedAreaData[], viewId?: string) => void;
     removeClickArea: (areaId: string, viewId?: string) => void;

package/dist/esm/types/clarity.d.ts

@@ -38,4 +38,5 @@ export interface ScrollMapPoint {
 export type DecodedPayload = Data.DecodedPayload;
 export type DecodedEvents = MergedPayload['events'];
 export type DecodedEvent = DecodedEvents[number];
+export type EncodedPayload = string;
 //# sourceMappingURL=clarity.d.ts.map

package/dist/esm/types/clarity.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"clarity.d.ts","sourceRoot":"","sources":["../../src/types/clarity.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAEvE,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE;QACP,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,IAAI,CAAC;IAChB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,CAAC,EAAE,MAAM,EAAE,CAAC;IACZ,CAAC,EAAE,MAAM,EAAE,CAAC;IACZ,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;AACjD,MAAM,MAAM,aAAa,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC"}
+{"version":3,"file":"clarity.d.ts","sourceRoot":"","sources":["../../src/types/clarity.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAEvE,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE;QACP,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,IAAI,CAAC;IAChB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,CAAC,EAAE,MAAM,EAAE,CAAC;IACZ,CAAC,EAAE,MAAM,EAAE,CAAC;IACZ,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;AACjD,MAAM,MAAM,aAAa,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;AAEjD,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC"}

package/dist/esm/types/heatmap-info.d.ts

@@ -1,5 +1,5 @@
 import type { IClickmapSorted } from './viz-elm';
-import type { ScrollMapInfo } from './viz-scrollmap';
+import type { IScrollMapInfo } from './viz-scrollmap';
 export interface IMetricResult<K = number | undefined, F = string> {
     formatter: F;
     value: K;
@@ -24,7 +24,7 @@ export interface IClickMapMetric<K = number | undefined, F = string> {
 export interface IHeatmapInfo {
     sortedElements?: IClickmapSorted[];
     clickMapMetrics?: IClickMapMetric;
-    scrollMapInfo?: ScrollMapInfo;
+    scrollMapInfo?: IScrollMapInfo;
     totalClicks?: number;
     width?: number;
     averageFold?: number;

package/dist/esm/types/heatmap-info.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"heatmap-info.d.ts","sourceRoot":"","sources":["../../src/types/heatmap-info.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,MAAM,GAAG,SAAS,EAAE,CAAC,GAAG,MAAM;IAC/D,SAAS,EAAE,CAAC,CAAC;IACb,KAAK,EAAE,CAAC,CAAC;CACV;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC,GAAG,MAAM,GAAG,SAAS,EAAE,CAAC,GAAG,MAAM;IACrE,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,YAAY,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAClC,WAAW,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACjC,YAAY,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAClC,cAAc,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACpC,eAAe,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACrC,iBAAiB,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACvC,aAAa,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,eAAe,CAAC,CAAC,GAAG,MAAM,GAAG,SAAS,EAAE,CAAC,GAAG,MAAM;IACjE,CAAC,GAAG,EAAE,MAAM,GAAG,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;CAC1C;AAED,MAAM,WAAW,YAAY;IAC3B,cAAc,CAAC,EAAE,eAAe,EAAE,CAAC;IACnC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}
+{"version":3,"file":"heatmap-info.d.ts","sourceRoot":"","sources":["../../src/types/heatmap-info.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,MAAM,GAAG,SAAS,EAAE,CAAC,GAAG,MAAM;IAC/D,SAAS,EAAE,CAAC,CAAC;IACb,KAAK,EAAE,CAAC,CAAC;CACV;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC,GAAG,MAAM,GAAG,SAAS,EAAE,CAAC,GAAG,MAAM;IACrE,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,YAAY,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAClC,WAAW,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACjC,YAAY,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAClC,cAAc,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACpC,eAAe,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACrC,iBAAiB,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACvC,aAAa,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,eAAe,CAAC,CAAC,GAAG,MAAM,GAAG,SAAS,EAAE,CAAC,GAAG,MAAM;IACjE,CAAC,GAAG,EAAE,MAAM,GAAG,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;CAC1C;AAED,MAAM,WAAW,YAAY;IAC3B,cAAc,CAAC,EAAE,eAAe,EAAE,CAAC;IACnC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/dist/esm/types/heatmap.d.ts

@@ -35,9 +35,9 @@ export declare enum EClickMode {
     Area = "click-area"
 }
 export declare enum EScrollType {
-    Depth = "scroll-depth",
-    Attention = "attention-scroll",
-    Revenue = "revenue-scroll"
+    Depth = "SCROLL_DEPTH",
+    Attention = "ATTENTION",
+    Revenue = "REVENUE"
 }
 export interface IHeatmapConfig {
     width?: number;

package/dist/esm/types/heatmap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"heatmap.d.ts","sourceRoot":"","sources":["../../src/types/heatmap.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW;IACrB,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB;AAED,oBAAY,YAAY;IACtB,KAAK,UAAU;IACf,MAAM,WAAW;CAClB;AAED,oBAAY,UAAU;IACpB,kCAAkC;IAClC,GAAG,QAAQ;IACX,gEAAgE;IAChE,IAAI,SAAS;IACb,6DAA6D;IAC7D,IAAI,SAAS;IACb,2CAA2C;IAC3C,KAAK,UAAU;IACf,qCAAqC;IACrC,KAAK,UAAU;IACf,oCAAoC;IACpC,IAAI,SAAS;IACb,4DAA4D;IAC5D,QAAQ,aAAa;CACtB;AAED,oBAAY,cAAc;IACxB,UAAU,gBAAgB;IAC1B,OAAO,YAAY;IACnB,cAAc,oBAAoB;IAClC,eAAe,sBAAsB;IACrC,iBAAiB,wBAAwB;CAC1C;AAED,oBAAY,UAAU;IACpB,OAAO,YAAY;IACnB,IAAI,eAAe;CACpB;AAED,oBAAY,WAAW;IACrB,KAAK,iBAAiB;IACtB,SAAS,qBAAqB;IAC9B,OAAO,mBAAmB;CAC3B;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,YAAY,CAAC;CAC5B"}
+{"version":3,"file":"heatmap.d.ts","sourceRoot":"","sources":["../../src/types/heatmap.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW;IACrB,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB;AAED,oBAAY,YAAY;IACtB,KAAK,UAAU;IACf,MAAM,WAAW;CAClB;AAED,oBAAY,UAAU;IACpB,kCAAkC;IAClC,GAAG,QAAQ;IACX,gEAAgE;IAChE,IAAI,SAAS;IACb,6DAA6D;IAC7D,IAAI,SAAS;IACb,2CAA2C;IAC3C,KAAK,UAAU;IACf,qCAAqC;IACrC,KAAK,UAAU;IACf,oCAAoC;IACpC,IAAI,SAAS;IACb,4DAA4D;IAC5D,QAAQ,aAAa;CACtB;AAED,oBAAY,cAAc;IACxB,UAAU,gBAAgB;IAC1B,OAAO,YAAY;IACnB,cAAc,oBAAoB;IAClC,eAAe,sBAAsB;IACrC,iBAAiB,wBAAwB;CAC1C;AAED,oBAAY,UAAU;IACpB,OAAO,YAAY;IACnB,IAAI,eAAe;CACpB;AAED,oBAAY,WAAW;IACrB,KAAK,iBAAiB;IACtB,SAAS,cAAc;IACvB,OAAO,YAAY;CACpB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,YAAY,CAAC;CAC5B"}

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

@@ -1,11 +1,20 @@
-export interface ScrollMapInfoItem {
-    revenue?: number;
-    conversionRate?: number;
-    orders?: number;
-    avgTimeOnPage?: number;
+export interface IScrollMapInfoRow {
+    avgDwellTimeMs: number;
+    dropOffPercent: number;
+    dwellTimeMs: number;
+    orders: number;
+    percUsers: number;
+    revenue: number;
+    scrollReachPercent: number;
+    visitors: number;
 }
-export interface ScrollMapInfo {
-    [key: string]: ScrollMapInfoItem;
+export interface IScrollMapInfo {
+    averageFold: number;
+    avgScrollDepth: number;
+    rows: Record<number, IScrollMapInfoRow>;
+    totalOrders?: number;
+    totalRevenue?: number;
+    totalSessions: number;
 }
 export type IScrollMapMode = 'basic' | 'metrics';
 export interface IScrollZonePosition {
@@ -17,7 +26,7 @@ export interface IScrollZone {
     startY: number;
     endY: number;
     percUsers: number;
-    metrics?: ScrollMapInfoItem;
+    metrics?: IScrollMapInfoRow;
     label: string;
 }
 export type IScrollMapPosition = {

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,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,aAAa;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,iBAAiB,CAAC;CAClC;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,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,QAAQ,EAAE,MAAM,CAAC;CAClB;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;CACvB;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/components/Layout/HeatmapLayout.d.ts

@@ -1,7 +1,7 @@
-import type { ClickMapPoint, DecodedPayload, IHeatmapInfo, IPersistedAreaData, ScrollMapPoint } from '../../types';
+import type { ClickMapPoint, EncodedPayload, IHeatmapInfo, IPersistedAreaData, ScrollMapPoint } from '../../types';
 import type { IHeatmapControl } from '../../types/control';
 interface HeatmapLayoutProps {
-    data?: DecodedPayload[];
+    data?: EncodedPayload[];
     clickmap?: ClickMapPoint[];
     clickAreas?: IPersistedAreaData[];
     scrollmap?: ScrollMapPoint[];

package/dist/umd/helpers/viz-dom/decode.d.ts

@@ -1,4 +1,4 @@
-import type { DecodedPayload } from '../../types';
+import type { DecodedPayload, EncodedPayload } from '../../types';
 export declare function findLastSizeOfDom(data: DecodedPayload[]): {
     doc: {
         width: number | undefined;
@@ -13,5 +13,6 @@ export declare function findLastSizeOfDom(data: DecodedPayload[]): {
         height: number | undefined;
     };
 };
-export declare function decodePayloads(payload: string): DecodedPayload | null;
+export declare function decodeClarity(payload: string): DecodedPayload | null;
+export declare function decodeArrayClarity(items: EncodedPayload[]): DecodedPayload[];
 //# sourceMappingURL=decode.d.ts.map

package/dist/umd/helpers/viz-dom/decode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"decode.d.ts","sourceRoot":"","sources":["../../../src/helpers/viz-dom/decode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAgB,cAAc,EAAE,MAAM,aAAa,CAAC;AAIhE,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,cAAc,EAAE;;;;;;;;;;;;;EA0BvD;AAMD,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,GAAG,cAAc,GAAG,IAAI,CAMrE"}
+{"version":3,"file":"decode.d.ts","sourceRoot":"","sources":["../../../src/helpers/viz-dom/decode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAgB,cAAc,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAIhF,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,cAAc,EAAE;;;;;;;;;;;;;EA0BvD;AAMD,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG,cAAc,GAAG,IAAI,CAMpE;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAE5E"}

package/dist/umd/hooks/register/useRegisterData.d.ts

@@ -1,3 +1,3 @@
-import type { DecodedPayload, IHeatmapInfo } from '../../types';
-export declare const useRegisterData: (data?: DecodedPayload[], dataInfo?: IHeatmapInfo) => void;
+import type { EncodedPayload, IHeatmapInfo } from '../../types';
+export declare const useRegisterData: (data?: EncodedPayload[], dataInfo?: IHeatmapInfo) => void;
 //# sourceMappingURL=useRegisterData.d.ts.map

package/dist/umd/hooks/view-context/useHeatmapDataContext.d.ts

@@ -1,6 +1,6 @@
-import type { ClickMapPoint, DecodedPayload, IHeatmapInfo, IPersistedAreaData, ScrollMapPoint } from '../../types';
+import type { ClickMapPoint, EncodedPayload, IHeatmapInfo, IPersistedAreaData, ScrollMapPoint } from '../../types';
 interface IHeatmapDataState {
-    data: DecodedPayload[] | undefined;
+    data: EncodedPayload[] | undefined;
     clickmap: ClickMapPoint[] | undefined;
     clickAreas: IPersistedAreaData[] | undefined;
     scrollmap: ScrollMapPoint[] | undefined;
@@ -8,7 +8,7 @@ interface IHeatmapDataState {
     dataInfo: IHeatmapInfo | undefined;
 }
 interface IHeatmapDataActions {
-    setData: (newData: DecodedPayload[]) => void;
+    setData: (newData: EncodedPayload[]) => void;
     setClickmap: (newClickmap: ClickMapPoint[]) => void;
     setClickAreas: (newClickAreas: IPersistedAreaData[]) => void;
     setScrollmap: (newScrollmap: ScrollMapPoint[]) => void;

package/dist/umd/hooks/viz-canvas/useScrollmap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollmap.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-canvas/useScrollmap.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY;;CA+BxB,CAAC"}
+{"version":3,"file":"useScrollmap.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-canvas/useScrollmap.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY;;CA8BxB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useHeatmapRender.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-render/useHeatmapRender.ts"],"names":[],"mappings":"AAUA,UAAU,uBAAuB;IAC/B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;CACtD;AAED,eAAO,MAAM,gBAAgB,QAAO,uBAyCnC,CAAC"}
+{"version":3,"file":"useHeatmapRender.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-render/useHeatmapRender.ts"],"names":[],"mappings":"AAUA,UAAU,uBAAuB;IAC/B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;CACtD;AAED,eAAO,MAAM,gBAAgB,QAAO,uBA0CnC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useReplayRender.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-render/useReplayRender.ts"],"names":[],"mappings":"AASA,UAAU,sBAAsB;IAC9B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACrD,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,eAAe,QAAO,sBA+IlC,CAAC"}
+{"version":3,"file":"useReplayRender.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-render/useReplayRender.ts"],"names":[],"mappings":"AAUA,UAAU,sBAAsB;IAC9B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACrD,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,eAAe,QAAO,sBAgJlC,CAAC"}

package/dist/umd/hooks/viz-scroll/useScrollmapZones.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollmapZones.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-scroll/useScrollmapZones.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAqB,MAAM,aAAa,CAAC;AAOlE,MAAM,WAAW,kBAAkB;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,CAAC;AAQhD,UAAU,mBAAmB;IAC3B,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACrD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CAC1C;AAED,UAAU,kBAAkB;IAC1B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;CAChF;AAED,eAAO,MAAM,iBAAiB,GAAI,SAAS,mBAAmB,KAAG,kBAkHhE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,GAAI,YAAY,MAAM,KAAG,MAY3D,CAAC"}
+{"version":3,"file":"useScrollmapZones.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-scroll/useScrollmapZones.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAqB,WAAW,EAAE,MAAM,aAAa,CAAC;AAOlE,MAAM,WAAW,kBAAkB;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,CAAC;AAQhD,UAAU,mBAAmB;IAC3B,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACrD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CAC1C;AAED,UAAU,kBAAkB;IAC1B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;CAChF;AAED,eAAO,MAAM,iBAAiB,GAAI,SAAS,mBAAmB,KAAG,kBAkHhE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,GAAI,YAAY,MAAM,KAAG,MAY3D,CAAC"}

package/dist/umd/index.d.ts

@@ -3,7 +3,7 @@ export * from './configs';
 export * from './contexts';
 export * from './hooks';
 export * from './types';
-export { serializeAreas } from './helpers';
+export { decodeArrayClarity, decodeClarity, serializeAreas } from './helpers';
 export { useHeatmapCompareStore, useHeatmapConfigStore, useHeatmapLiveStore } from './stores';
 export * from './performance';
 //# sourceMappingURL=index.d.ts.map

package/dist/umd/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE9F,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC9E,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE9F,cAAc,eAAe,CAAC"}