@gemx-dev/heatmap-react 3.5.81 → 3.5.84

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/components/VizDom/VizLoadingCanvas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VizLoadingCanvas.d.ts","sourceRoot":"","sources":["../../../src/components/VizDom/VizLoadingCanvas.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EA6BpC,CAAC"}
+{"version":3,"file":"VizLoadingCanvas.d.ts","sourceRoot":"","sources":["../../../src/components/VizDom/VizLoadingCanvas.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAsCpC,CAAC"}

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-elm/useHoveredElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHoveredElement.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-elm/useHoveredElement.ts"],"names":[],"mappings":"AAeA,UAAU,MAAM;IACd,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;CAC5B;AAED,eAAO,MAAM,iBAAiB,GAAI,wBAAwB,MAAM;uEAgDpD,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC;;0BA2B/B,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,SAAS,MAAM;CA4B3D,CAAC;AAiBF,eAAO,MAAM,6BAA6B,GACxC,SAAS,MAAM,EACf,SAAS,MAAM,EACf,YAAY,OAAO,EACnB,OAAO,MAAM,KACZ;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAUxB,CAAC"}
+{"version":3,"file":"useHoveredElement.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-elm/useHoveredElement.ts"],"names":[],"mappings":"AAgBA,UAAU,MAAM;IACd,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;CAC5B;AAED,eAAO,MAAM,iBAAiB,GAAI,wBAAwB,MAAM;uEAiDpD,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC;;0BA4B/B,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,SAAS,MAAM;CA6B3D,CAAC;AAiBF,eAAO,MAAM,6BAA6B,GACxC,SAAS,MAAM,EACf,SAAS,MAAM,EACf,YAAY,OAAO,EACnB,OAAO,MAAM,KACZ;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAUxB,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/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

@@ -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;
@@ -4798,6 +4801,7 @@ function getBoundingBox(element) {
 // }
 
 const useHoveredElement = ({ iframeRef, getRect }) => {
+    const isLoadingCanvas = useHeatmapSettingContext((s) => s.isLoadingCanvas);
     const setHoveredElement = useHeatmapHoverContext((s) => s.setHoveredElement);
     const isHoveredElement = useHeatmapHoverContext((s) => s.isHoveredElement);
     const setSelectedElement = useHeatmapClickContext((s) => s.setSelectedElement);
@@ -4834,6 +4838,8 @@ const useHoveredElement = ({ iframeRef, getRect }) => {
         return;
     }, [dataInfo, iframeRef, widthScale, reset]);
     const onHandleMouseMove = useCallback((event) => {
+        if (isLoadingCanvas)
+            return;
         const hash = getHashFromEvent(event);
         if (!dataInfo || !hash) {
             reset();
@@ -4850,9 +4856,11 @@ const useHoveredElement = ({ iframeRef, getRect }) => {
         }
         const mousePosition = getElementMousePosition(event, widthScale);
         setHoveredElement({ ...elementInfo, mousePosition });
-    }, [dataInfo, getRect, reset, widthScale, getHashFromEvent, setHoveredElement, isHoveredElement]);
+    }, [isLoadingCanvas, getHashFromEvent, dataInfo, isHoveredElement, getRect, widthScale, setHoveredElement, reset]);
     const handleMouseMove = useMemo(() => throttleRAF(onHandleMouseMove), [onHandleMouseMove]);
     const handleClick = useCallback((event, hash) => {
+        if (isLoadingCanvas)
+            return;
         if (!hash)
             return;
         if (!event) {
@@ -4864,7 +4872,7 @@ const useHoveredElement = ({ iframeRef, getRect }) => {
             hash,
             mousePosition,
         });
-    }, [setSelectedElement, widthScale]);
+    }, [isLoadingCanvas, setSelectedElement, widthScale]);
     // Cleanup throttled function on unmount
     useEffect(() => {
         return () => {
@@ -5248,7 +5256,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);
                     }
@@ -6737,7 +6745,8 @@ const useHeatmapRender = () => {
     useEffect(() => {
         if (!data || data.length === 0)
             return;
-        renderHeatmap(data);
+        const decoded = decodeArrayClarity(data);
+        renderHeatmap(decoded);
         return () => {
             setVizRef(null);
         };
@@ -6877,7 +6886,8 @@ const useReplayRender = () => {
     useEffect(() => {
         if (!data || data.length === 0)
             return;
-        startReplay(data);
+        const decoded = decodeArrayClarity(data);
+        startReplay(decoded);
         // Cleanup
         return () => {
             isPlayingRef.current = false;
@@ -8877,12 +8887,21 @@ const VizLoadingCanvas = () => {
     const isLoadingCanvas = useHeatmapSettingContext((state) => state.isLoadingCanvas);
     const CompLoading = useHeatmapControlStore((s) => s.controls.VizLoading);
     const wrapperHeight = useHeatmapVizRectContext((s) => s.wrapperHeight);
+    const iframeHeight = useHeatmapVizRectContext((s) => s.iframeHeight);
+    const widthScale = useHeatmapVizContext((s) => s.widthScale);
     if (!isLoadingCanvas)
         return null;
     return (jsx("div", { className: "gx-hm-loading-canvas", style: {
             background: '#000000B2',
-        }, children: jsx(BoxStack, { position: "absolute", height: wrapperHeight, flexDirection: "row", justifyContent: "center", alignItems: "center", style: {
+            width: '100%',
+            position: 'absolute',
+            height: iframeHeight,
+            borderRadius: `${HEATMAP_CONFIG.borderRadius}px`,
+            top: 0,
+            left: 0,
+        }, children: jsx(BoxStack, { position: "absolute", height: wrapperHeight / widthScale, flexDirection: "row", justifyContent: "center", alignItems: "center", style: {
                 width: '100%',
+                maxHeight: iframeHeight,
                 top: 0,
                 left: 0,
             }, children: jsx("div", { style: { height: 'fit-content' }, children: CompLoading && jsx(CompLoading, { type: "transparent" }) }) }) }));
@@ -8901,6 +8920,7 @@ const WrapperVisual = ({ children, visualRef, wrapperRef, scaledHeight, iframeHe
             flex: 1,
             // paddingBottom: HEATMAP_STYLE['viz']['paddingBottom'],
             background: HEATMAP_STYLE['viz']['background'],
+            ...(isLoadingCanvas ? { maxHeight: '100%', overflowY: 'hidden' } : {}),
         }, children: jsx("div", { className: "gx-hm-visual-unscaled", style: {
                 width: '100%',
                 display: 'flex',
@@ -8917,7 +8937,6 @@ const WrapperVisual = ({ children, visualRef, wrapperRef, scaledHeight, iframeHe
                     transform: `scale(${widthScale})`,
                     transformOrigin: 'top center',
                     paddingBlockEnd: '0',
-                    ...(isLoadingCanvas ? { maxHeight: '100%', overflow: 'hidden' } : {}),
                 }, children: children }) }) }));
     function calcContentHeight() {
         return scaledHeight > 0
@@ -9086,4 +9105,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

@@ -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;
@@ -4798,6 +4801,7 @@ function getBoundingBox(element) {
 // }
 
 const useHoveredElement = ({ iframeRef, getRect }) => {
+    const isLoadingCanvas = useHeatmapSettingContext((s) => s.isLoadingCanvas);
     const setHoveredElement = useHeatmapHoverContext((s) => s.setHoveredElement);
     const isHoveredElement = useHeatmapHoverContext((s) => s.isHoveredElement);
     const setSelectedElement = useHeatmapClickContext((s) => s.setSelectedElement);
@@ -4834,6 +4838,8 @@ const useHoveredElement = ({ iframeRef, getRect }) => {
         return;
     }, [dataInfo, iframeRef, widthScale, reset]);
     const onHandleMouseMove = useCallback((event) => {
+        if (isLoadingCanvas)
+            return;
         const hash = getHashFromEvent(event);
         if (!dataInfo || !hash) {
             reset();
@@ -4850,9 +4856,11 @@ const useHoveredElement = ({ iframeRef, getRect }) => {
         }
         const mousePosition = getElementMousePosition(event, widthScale);
         setHoveredElement({ ...elementInfo, mousePosition });
-    }, [dataInfo, getRect, reset, widthScale, getHashFromEvent, setHoveredElement, isHoveredElement]);
+    }, [isLoadingCanvas, getHashFromEvent, dataInfo, isHoveredElement, getRect, widthScale, setHoveredElement, reset]);
     const handleMouseMove = useMemo(() => throttleRAF(onHandleMouseMove), [onHandleMouseMove]);
     const handleClick = useCallback((event, hash) => {
+        if (isLoadingCanvas)
+            return;
         if (!hash)
             return;
         if (!event) {
@@ -4864,7 +4872,7 @@ const useHoveredElement = ({ iframeRef, getRect }) => {
             hash,
             mousePosition,
         });
-    }, [setSelectedElement, widthScale]);
+    }, [isLoadingCanvas, setSelectedElement, widthScale]);
     // Cleanup throttled function on unmount
     useEffect(() => {
         return () => {
@@ -5248,7 +5256,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);
                     }
@@ -6737,7 +6745,8 @@ const useHeatmapRender = () => {
     useEffect(() => {
         if (!data || data.length === 0)
             return;
-        renderHeatmap(data);
+        const decoded = decodeArrayClarity(data);
+        renderHeatmap(decoded);
         return () => {
             setVizRef(null);
         };
@@ -6877,7 +6886,8 @@ const useReplayRender = () => {
     useEffect(() => {
         if (!data || data.length === 0)
             return;
-        startReplay(data);
+        const decoded = decodeArrayClarity(data);
+        startReplay(decoded);
         // Cleanup
         return () => {
             isPlayingRef.current = false;
@@ -8877,12 +8887,21 @@ const VizLoadingCanvas = () => {
     const isLoadingCanvas = useHeatmapSettingContext((state) => state.isLoadingCanvas);
     const CompLoading = useHeatmapControlStore((s) => s.controls.VizLoading);
     const wrapperHeight = useHeatmapVizRectContext((s) => s.wrapperHeight);
+    const iframeHeight = useHeatmapVizRectContext((s) => s.iframeHeight);
+    const widthScale = useHeatmapVizContext((s) => s.widthScale);
     if (!isLoadingCanvas)
         return null;
     return (jsx("div", { className: "gx-hm-loading-canvas", style: {
             background: '#000000B2',
-        }, children: jsx(BoxStack, { position: "absolute", height: wrapperHeight, flexDirection: "row", justifyContent: "center", alignItems: "center", style: {
+            width: '100%',
+            position: 'absolute',
+            height: iframeHeight,
+            borderRadius: `${HEATMAP_CONFIG.borderRadius}px`,
+            top: 0,
+            left: 0,
+        }, children: jsx(BoxStack, { position: "absolute", height: wrapperHeight / widthScale, flexDirection: "row", justifyContent: "center", alignItems: "center", style: {
                 width: '100%',
+                maxHeight: iframeHeight,
                 top: 0,
                 left: 0,
             }, children: jsx("div", { style: { height: 'fit-content' }, children: CompLoading && jsx(CompLoading, { type: "transparent" }) }) }) }));
@@ -8901,6 +8920,7 @@ const WrapperVisual = ({ children, visualRef, wrapperRef, scaledHeight, iframeHe
             flex: 1,
             // paddingBottom: HEATMAP_STYLE['viz']['paddingBottom'],
             background: HEATMAP_STYLE['viz']['background'],
+            ...(isLoadingCanvas ? { maxHeight: '100%', overflowY: 'hidden' } : {}),
         }, children: jsx("div", { className: "gx-hm-visual-unscaled", style: {
                 width: '100%',
                 display: 'flex',
@@ -8917,7 +8937,6 @@ const WrapperVisual = ({ children, visualRef, wrapperRef, scaledHeight, iframeHe
                     transform: `scale(${widthScale})`,
                     transformOrigin: 'top center',
                     paddingBlockEnd: '0',
-                    ...(isLoadingCanvas ? { maxHeight: '100%', overflow: 'hidden' } : {}),
                 }, children: children }) }) }));
     function calcContentHeight() {
         return scaledHeight > 0
@@ -9086,4 +9105,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/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/components/VizDom/VizLoadingCanvas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VizLoadingCanvas.d.ts","sourceRoot":"","sources":["../../../src/components/VizDom/VizLoadingCanvas.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EA6BpC,CAAC"}
+{"version":3,"file":"VizLoadingCanvas.d.ts","sourceRoot":"","sources":["../../../src/components/VizDom/VizLoadingCanvas.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAsCpC,CAAC"}

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-elm/useHoveredElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHoveredElement.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-elm/useHoveredElement.ts"],"names":[],"mappings":"AAeA,UAAU,MAAM;IACd,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;CAC5B;AAED,eAAO,MAAM,iBAAiB,GAAI,wBAAwB,MAAM;uEAgDpD,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC;;0BA2B/B,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,SAAS,MAAM;CA4B3D,CAAC;AAiBF,eAAO,MAAM,6BAA6B,GACxC,SAAS,MAAM,EACf,SAAS,MAAM,EACf,YAAY,OAAO,EACnB,OAAO,MAAM,KACZ;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAUxB,CAAC"}
+{"version":3,"file":"useHoveredElement.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-elm/useHoveredElement.ts"],"names":[],"mappings":"AAgBA,UAAU,MAAM;IACd,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;CAC5B;AAED,eAAO,MAAM,iBAAiB,GAAI,wBAAwB,MAAM;uEAiDpD,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC;;0BA4B/B,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,SAAS,MAAM;CA6B3D,CAAC;AAiBF,eAAO,MAAM,6BAA6B,GACxC,SAAS,MAAM,EACf,SAAS,MAAM,EACf,YAAY,OAAO,EACnB,OAAO,MAAM,KACZ;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAUxB,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/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"}