@gemx-dev/heatmap-react 3.5.61 → 3.5.62

package/dist/esm/index.mjs

@@ -186,6 +186,15 @@ var IClickType;
     IClickType["First"] = "first-clicks";
     IClickType["Last"] = "last-clicks";
 })(IClickType || (IClickType = {}));
+var IClickRankType;
+(function (IClickRankType) {
+    IClickRankType["MostClicks"] = "most-clicks";
+    IClickRankType["Revenue"] = "revenue";
+    IClickRankType["AttributionRate"] = "attribution-rate";
+    IClickRankType["ConversionRate"] = "conversion-rate";
+    IClickRankType["RevenuePerClick"] = "revenue-per-click";
+    IClickRankType["RevenuePerSession"] = "revenue-per-session";
+})(IClickRankType || (IClickRankType = {}));
 var IClickMode;
 (function (IClickMode) {
     IClickMode["Default"] = "default";
@@ -259,6 +268,16 @@ const useHeatmapDataStore = create()(subscribeWithSelector((set) => {
             newScrollmap.set(viewId, scrollmap);
             return { scrollmap: newScrollmap };
         }),
+        setDataInfoByKey: (key, value, viewId = DEFAULT_VIEW_ID) => set((prev) => {
+            const currentHeatmapInfo = prev.dataInfo.get(viewId) || {};
+            const newHeatmapInfo = {
+                ...currentHeatmapInfo,
+                [key]: value,
+            };
+            const newDataInfo = new Map(prev.dataInfo);
+            newDataInfo.set(viewId, newHeatmapInfo);
+            return { dataInfo: newDataInfo };
+        }),
         copyView: (fromViewId, toViewId) => set((prev) => {
             const newData = new Map(prev.data);
             const newClickmap = new Map(prev.clickmap);
@@ -307,6 +326,60 @@ const useHeatmapDataStore = create()(subscribeWithSelector((set) => {
     };
 }));
 
+const useHeatmapSettingStore = create()(subscribeWithSelector((set) => {
+    return {
+        rankedBy: new Map([[DEFAULT_VIEW_ID, IClickRankType.MostClicks]]),
+        clickType: new Map([[DEFAULT_VIEW_ID, IClickType.Total]]),
+        scrollType: new Map([[DEFAULT_VIEW_ID, IScrollType.Depth]]),
+        setRankedBy: (rankedBy, viewId = DEFAULT_VIEW_ID) => set((prev) => {
+            const newRankedBy = new Map(prev.rankedBy);
+            newRankedBy.set(viewId, rankedBy);
+            return { rankedBy: newRankedBy };
+        }),
+        setClickType: (clickType, viewId = DEFAULT_VIEW_ID) => set((prev) => {
+            const newClickType = new Map(prev.clickType);
+            newClickType.set(viewId, clickType);
+            return { clickType: newClickType };
+        }),
+        setScrollType: (scrollType, viewId = DEFAULT_VIEW_ID) => set((prev) => {
+            const newScrollType = new Map(prev.scrollType);
+            newScrollType.set(viewId, scrollType);
+            return { scrollType: newScrollType };
+        }),
+        copyView: (fromViewId, toViewId) => set((prev) => {
+            const newRankedBy = new Map(prev.rankedBy);
+            const newClickType = new Map(prev.clickType);
+            const newScrollType = new Map(prev.scrollType);
+            newRankedBy.set(toViewId, prev.rankedBy.get(fromViewId));
+            newClickType.set(toViewId, prev.clickType.get(fromViewId));
+            newScrollType.set(toViewId, prev.scrollType.get(fromViewId));
+            return {
+                rankedBy: newRankedBy,
+                clickType: newClickType,
+                scrollType: newScrollType,
+            };
+        }),
+        clearView: (viewId) => set((prev) => {
+            const newRankedBy = new Map(prev.rankedBy);
+            const newClickType = new Map(prev.clickType);
+            const newScrollType = new Map(prev.scrollType);
+            newRankedBy.delete(viewId);
+            newClickType.delete(viewId);
+            newScrollType.delete(viewId);
+            return {
+                rankedBy: newRankedBy,
+                clickType: newClickType,
+                scrollType: newScrollType,
+            };
+        }),
+        resetAll: () => set({
+            rankedBy: new Map([[DEFAULT_VIEW_ID, IClickRankType.MostClicks]]),
+            clickType: new Map([[DEFAULT_VIEW_ID, IClickType.Total]]),
+            scrollType: new Map([[DEFAULT_VIEW_ID, IScrollType.Depth]]),
+        }),
+    };
+}));
+
 const useHeatmapVizStore = create()(subscribeWithSelector((set) => {
     return {
         isRenderViz: new Map([[DEFAULT_VIEW_ID, false]]),
@@ -1043,9 +1116,6 @@ const useHeatmapClick = createViewContextHook({
     }),
 });
 
-// ===========================
-// Hook
-// ===========================
 /**
  * Hook to access heatmap data state and actions with optional selector
  *
@@ -1075,6 +1145,7 @@ const useHeatmapData = createViewContextHook({
         setData: (newData) => store.setData(newData, viewId),
         setClickmap: (newClickmap) => store.setClickmap(newClickmap, viewId),
         setClickAreas: (newClickAreas) => store.setClickAreas(newClickAreas, viewId),
+        setDataInfoByKey: (key, value) => store.setDataInfoByKey(key, value, viewId),
         setScrollmap: (newScrollmap) => store.setScrollmap(newScrollmap, viewId),
         setDataInfo: (newDataInfo) => store.setDataInfo(newDataInfo, viewId),
         removeClickArea: (areaId) => store.removeClickArea(areaId, viewId),
@@ -1139,6 +1210,37 @@ const useHeatmapScroll = createViewContextHook({
     }),
 });
 
+/**
+ * Hook to access heatmap setting state and actions with optional selector
+ *
+ * @example
+ * ```tsx
+ * // Get everything
+ * const { rankedBy, clickType, setRankedBy } = useHeatmapSetting();
+ *
+ * // Get only what you need (no unnecessary re-renders)
+ * const rankedBy = useHeatmapSetting(s => s.rankedBy);
+ * const { setRankedBy, setClickType } = useHeatmapSetting(s => ({
+ *   setRankedBy: s.setRankedBy,
+ *   setClickType: s.setClickType,
+ * }));
+ * ```
+ */
+const useHeatmapSetting = createViewContextHook({
+    useStore: useHeatmapSettingStore,
+    getState: (store, viewId) => ({
+        rankedBy: store.rankedBy.get(viewId),
+        clickType: store.clickType.get(viewId),
+        scrollType: store.scrollType.get(viewId),
+    }),
+    getActions: (store, viewId) => ({
+        setRankedBy: (rankedBy) => store.setRankedBy(rankedBy, viewId),
+        setClickType: (clickType) => store.setClickType(clickType, viewId),
+        setScrollType: (scrollType) => store.setScrollType(scrollType, viewId),
+        clearView: (viewId) => store.clearView(viewId),
+    }),
+});
+
 // ===========================
 // Hook
 // ===========================
@@ -1631,31 +1733,31 @@ function getElementSelector(element) {
  * @param elementMapInfo - Map of hash to element click info
  * @returns Total clicks for element + all descendants
  */
-function calculateTotalClicksWithChildren(element, elementMapInfo) {
+function calculateTotalClicksWithChildren(element, clickMapMetrics) {
     let totalClicks = 0;
     // Get clicks for the element itself
     const elementHash = getElementHash(element);
     if (elementHash) {
-        const elementInfo = elementMapInfo[elementHash];
-        totalClicks += elementInfo?.totalclicks || 0;
+        const elementInfo = clickMapMetrics[elementHash];
+        totalClicks += elementInfo?.totalClicked.value ?? 0;
     }
     const children = element.querySelectorAll('*');
     children.forEach((child) => {
         const childHash = getElementHash(child);
         if (childHash) {
-            const childInfo = elementMapInfo[childHash];
-            totalClicks += childInfo?.totalclicks || 0;
+            const childInfo = clickMapMetrics[childHash];
+            totalClicks += childInfo?.totalClicked.value ?? 0;
         }
     });
     return totalClicks;
 }
 function buildAreaNode(element, hash, heatmapInfo, shadowRoot, persistedData) {
-    if (!heatmapInfo.elementMapInfo)
+    if (!heatmapInfo.clickMapMetrics)
         return;
     const totalClicks = heatmapInfo.totalClicks || 0;
-    const elementInfo = heatmapInfo.elementMapInfo[hash];
+    const elementInfo = heatmapInfo.clickMapMetrics[hash];
     // Calculate total clicks including all child elements
-    const elementClicks = calculateTotalClicksWithChildren(element, heatmapInfo.elementMapInfo);
+    const elementClicks = calculateTotalClicksWithChildren(element, heatmapInfo.clickMapMetrics);
     const clickDist = calculateClickDistribution(elementClicks, totalClicks);
     const rect = getElementRect(element);
     const color = getColorFromClickDist(clickDist);
@@ -1691,11 +1793,11 @@ function buildAreaNode(element, hash, heatmapInfo, shadowRoot, persistedData) {
     };
     return areaNode;
 }
-function getTopElementsByClicks(elementMapInfo, topN = 10) {
-    const elements = Object.entries(elementMapInfo)
+function getTopElementsByClicks(clickMapMetrics, topN = 10) {
+    const elements = Object.entries(clickMapMetrics)
         .map(([hash, info]) => ({
         hash,
-        totalclicks: info.totalclicks,
+        totalclicks: info.totalClicked.value ?? 0,
         selector: info.selector || '',
     }))
         .sort((a, b) => b.totalclicks - a.totalclicks)
@@ -2233,11 +2335,11 @@ const getElementRank = (hash, elements) => {
 const buildElementInfo = (hash, rect, heatmapInfo) => {
     if (!rect || !heatmapInfo)
         return null;
-    const info = heatmapInfo.elementMapInfo?.[hash];
+    const info = heatmapInfo.clickMapMetrics?.[hash];
     if (!info)
         return null;
     const rank = getElementRank(hash, heatmapInfo.sortedElements);
-    const clicks = info.totalclicks ?? 0;
+    const clicks = info.totalClicked.value ?? 0;
     const selector = info.selector ?? '';
     const baseInfo = {
         hash,
@@ -3870,7 +3972,7 @@ const clearCanvas = (canvas) => {
 };
 
 function validateAreaCreation(dataInfo, hash, areas) {
-    if (!dataInfo?.elementMapInfo || !dataInfo?.totalClicks) {
+    if (!dataInfo?.clickMapMetrics || !dataInfo?.totalClicks) {
         logger$4.warn('Cannot create area: missing heatmap data');
         return false;
     }
@@ -4263,7 +4365,7 @@ const useAreaTopAutoDetect = (props) => {
     useEffect(() => {
         if (isInitializing)
             return;
-        if (!dataInfo?.elementMapInfo || !dataInfo?.totalClicks)
+        if (!dataInfo?.clickMapMetrics || !dataInfo?.totalClicks)
             return;
         if (!autoCreateTopN)
             return;
@@ -4271,7 +4373,7 @@ const useAreaTopAutoDetect = (props) => {
             return;
         if (areas?.length)
             return;
-        const topElements = getTopElementsByClicks(dataInfo.elementMapInfo, autoCreateTopN);
+        const topElements = getTopElementsByClicks(dataInfo.clickMapMetrics, autoCreateTopN);
         const newAreas = [];
         topElements.forEach(({ hash }) => {
             const element = findElementByHash({ hash, vizRef });
@@ -4416,11 +4518,11 @@ const useClickedElement = ({ visualRef, getRect }) => {
     useEffect(() => {
         const hash = selectedElement?.hash;
         // if (hash === clickedElement?.hash) return;
-        if (!selectedElement || !hash || !dataInfo?.elementMapInfo) {
+        if (!selectedElement || !hash || !dataInfo?.clickMapMetrics) {
             reset();
             return;
         }
-        const info = dataInfo.elementMapInfo[hash];
+        const info = dataInfo.clickMapMetrics[hash];
         if (!info) {
             setClickedElement(null);
             return;
@@ -4461,7 +4563,7 @@ const useElementCalloutVisible = ({ visualRef, getRect, positionMode }) => {
         if (!hash)
             return;
         const elementIsInViewportFn = () => {
-            const elementInfo = dataInfo?.elementMapInfo?.[hash];
+            const elementInfo = dataInfo?.clickMapMetrics?.[hash];
             if (!elementInfo)
                 return;
             const rect = getRect({ hash, selector: elementInfo.selector });
@@ -4674,7 +4776,7 @@ const useHoveredElement = ({ iframeRef, getRect }) => {
             reset();
             return;
         }
-        const selector = dataInfo?.elementMapInfo?.[hash];
+        const selector = dataInfo?.clickMapMetrics?.[hash];
         const rect = getRect({ hash, selector });
         const elementInfo = buildElementInfo(hash, rect, dataInfo);
         if (!elementInfo) {
@@ -4739,7 +4841,7 @@ const findTargetElement = (doc, x, y, heatmapInfo) => {
     for (let i = 0; i < elementsAtPoint.length; i++) {
         const element = elementsAtPoint[i];
         const elementHash = getElementHash(element) ?? '';
-        const isExistElmInfo = heatmapInfo.elementMapInfo?.[elementHash];
+        const isExistElmInfo = heatmapInfo.clickMapMetrics?.[elementHash];
         if (elementHash && isExistElmInfo) {
             const boundingBox = getBoundingBox(element);
             if (boundingBox) {
@@ -4758,7 +4860,7 @@ const findTargetElement = (doc, x, y, heatmapInfo) => {
     return targetElement;
 };
 const isIframeReady = (iframeRef, heatmapInfo) => {
-    return !!(iframeRef.current?.contentDocument && heatmapInfo?.elementMapInfo);
+    return !!(iframeRef.current?.contentDocument && heatmapInfo?.clickMapMetrics);
 };
 const isValidElement = (element, heatmapInfo) => {
     if (!element)
@@ -4766,7 +4868,7 @@ const isValidElement = (element, heatmapInfo) => {
     const hash = getElementHash(element);
     if (!hash)
         return false;
-    return !!heatmapInfo?.elementMapInfo?.[hash];
+    return !!heatmapInfo?.clickMapMetrics?.[hash];
 };
 
 function useIframeHeightProcessor(options) {
@@ -8646,4 +8748,4 @@ const HeatmapLayout = ({ data, clickmap, clickAreas, scrollmap, controls, dataIn
     }
 };
 
-export { BACKDROP_CONFIG, DEFAULT_SIDEBAR_WIDTH, DEFAULT_VIEW_ID, DEFAULT_ZOOM_RATIO, ELM_CALLOUT_CONFIG, GraphView, HEATMAP_CONFIG, HEATMAP_IFRAME, HEATMAP_STYLE, HeatmapLayout, IClickMode, IClickType, IHeatmapType, IScrollType, ViewIdContext, Z_INDEX, compareViewPerformance, convertViewportToIframeCoords, createStorePerformanceTracker, downloadPerformanceReport, getCompareViewId, getMetricsByViewId, getPerformanceReportJSON, getScrollGradientColor, performanceLogger, printPerformanceSummary, scrollToElementIfNeeded, sendPerformanceReport, serializeAreas, trackStoreAction, useAreaCreation, useAreaEditMode, useAreaFilterVisible, useAreaHydration, useAreaInteraction, useAreaPositionsUpdater, useAreaRectSync, useAreaRendererContainer, useAreaTopAutoDetect, useClickedElement, useDebounceCallback, useElementCalloutVisible, useHeatmapAreaClick, useHeatmapCanvas, useHeatmapClick, useHeatmapCompareStore, useHeatmapConfigStore, useHeatmapCopyView, useHeatmapData, useHeatmapEffects, useHeatmapElementPosition, useHeatmapHover, useHeatmapLiveStore, useHeatmapRenderByMode, useHeatmapScale, useHeatmapScroll, useHeatmapViz, useHeatmapVizRect, 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, ELM_CALLOUT_CONFIG, GraphView, HEATMAP_CONFIG, HEATMAP_IFRAME, HEATMAP_STYLE, HeatmapLayout, IClickMode, IClickRankType, IClickType, IHeatmapType, IScrollType, ViewIdContext, Z_INDEX, compareViewPerformance, convertViewportToIframeCoords, createStorePerformanceTracker, downloadPerformanceReport, getCompareViewId, getMetricsByViewId, getPerformanceReportJSON, getScrollGradientColor, performanceLogger, printPerformanceSummary, scrollToElementIfNeeded, sendPerformanceReport, serializeAreas, trackStoreAction, useAreaCreation, useAreaEditMode, useAreaFilterVisible, useAreaHydration, useAreaInteraction, useAreaPositionsUpdater, useAreaRectSync, useAreaRendererContainer, useAreaTopAutoDetect, useClickedElement, useDebounceCallback, useElementCalloutVisible, useHeatmapAreaClick, useHeatmapCanvas, useHeatmapClick, useHeatmapCompareStore, useHeatmapConfigStore, useHeatmapCopyView, useHeatmapData, useHeatmapEffects, useHeatmapElementPosition, useHeatmapHover, useHeatmapLiveStore, useHeatmapRenderByMode, useHeatmapScale, useHeatmapScroll, useHeatmapSetting, useHeatmapViz, useHeatmapVizRect, useHoveredElement, useIframeHeight, useIframeHeightProcessor, useMeasureFunction, useRegisterConfig, useRegisterControl, useRegisterData, useRegisterHeatmap, useRenderCount, useScrollmapZones, useTrackHookCall, useViewIdContext, useVizLiveRender, useWhyDidYouUpdate, useWrapperRefHeight, useZonePositions, withPerformanceTracking };

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

@@ -11,6 +11,7 @@ export interface IHeatmapDataStore {
     setClickAreas: (clickAreas: IPersistedAreaData[], viewId?: string) => void;
     removeClickArea: (areaId: string, viewId?: string) => void;
     setScrollmap: (scrollmap: ScrollMapPoint[], viewId?: string) => void;
+    setDataInfoByKey: <K extends keyof IHeatmapInfo>(key: K, value: IHeatmapInfo[K], viewId?: string) => void;
     copyView: (fromViewId: string, toViewId: string) => void;
     clearView: (viewId: string) => void;
     resetAll: () => void;

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

@@ -1 +1 @@
-{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../src/stores/data.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAMhH,MAAM,WAAW,iBAAiB;IAEhC,IAAI,EAAE,GAAG,CAAC,MAAM,EAAE,cAAc,EAAE,GAAG,SAAS,CAAC,CAAC;IAChD,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,aAAa,EAAE,GAAG,SAAS,CAAC,CAAC;IACnD,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,kBAAkB,EAAE,GAAG,SAAS,CAAC,CAAC;IAC1D,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,YAAY,GAAG,SAAS,CAAC,CAAC;IAChD,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,cAAc,EAAE,GAAG,SAAS,CAAC,CAAC;IAGrD,WAAW,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,OAAO,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,WAAW,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClE,aAAa,EAAE,CAAC,UAAU,EAAE,kBAAkB,EAAE,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3E,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,YAAY,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAGrE,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAGzD,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAGpC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,mBAAmB;;;;;;;;EA8G/B,CAAC"}
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../src/stores/data.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAMhH,MAAM,WAAW,iBAAiB;IAEhC,IAAI,EAAE,GAAG,CAAC,MAAM,EAAE,cAAc,EAAE,GAAG,SAAS,CAAC,CAAC;IAChD,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,aAAa,EAAE,GAAG,SAAS,CAAC,CAAC;IACnD,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,kBAAkB,EAAE,GAAG,SAAS,CAAC,CAAC;IAC1D,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,YAAY,GAAG,SAAS,CAAC,CAAC;IAChD,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,cAAc,EAAE,GAAG,SAAS,CAAC,CAAC;IAGrD,WAAW,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,OAAO,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,WAAW,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClE,aAAa,EAAE,CAAC,UAAU,EAAE,kBAAkB,EAAE,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3E,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,YAAY,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE,gBAAgB,EAAE,CAAC,CAAC,SAAS,MAAM,YAAY,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAG1G,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAGzD,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAGpC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,mBAAmB;;;;;;;;EA2H/B,CAAC"}

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

@@ -1,6 +1,7 @@
 export * from './comp';
 export * from './config';
 export * from './data';
+export * from './setting';
 export * from './viz';
 export * from './viz-area-click';
 export * from './viz-click';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stores/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AAEvB,cAAc,OAAO,CAAC;AACtB,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stores/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAE1B,cAAc,OAAO,CAAC;AACtB,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC"}

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

@@ -0,0 +1,22 @@
+import { IClickType, IClickRankType, IScrollType } from '../types';
+export interface IHeatmapSettingStore {
+    rankedBy: Map<string, IClickRankType | undefined>;
+    clickType: Map<string, IClickType | undefined>;
+    scrollType: Map<string, IScrollType | undefined>;
+    setRankedBy: (rankedBy: IClickRankType, viewId?: string) => void;
+    setClickType: (clickType: IClickType, viewId?: string) => void;
+    setScrollType: (scrollType: IScrollType, viewId?: string) => void;
+    copyView: (fromViewId: string, toViewId: string) => void;
+    clearView: (viewId: string) => void;
+    resetAll: () => void;
+}
+export declare const useHeatmapSettingStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<IHeatmapSettingStore>, "subscribe"> & {
+    subscribe: {
+        (listener: (selectedState: IHeatmapSettingStore, previousSelectedState: IHeatmapSettingStore) => void): () => void;
+        <U>(selector: (state: IHeatmapSettingStore) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
+            equalityFn?: ((a: U, b: U) => boolean) | undefined;
+            fireImmediately?: boolean;
+        } | undefined): () => void;
+    };
+}>;
+//# sourceMappingURL=setting.d.ts.map

package/dist/esm/stores/setting.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setting.d.ts","sourceRoot":"","sources":["../../src/stores/setting.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEnE,MAAM,WAAW,oBAAoB;IAEnC,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,cAAc,GAAG,SAAS,CAAC,CAAC;IAClD,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;IAC/C,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,WAAW,GAAG,SAAS,CAAC,CAAC;IAGjD,WAAW,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACjE,YAAY,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,aAAa,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAGlE,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAGzD,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAGpC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,sBAAsB;;;;;;;;EAsElC,CAAC"}

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

@@ -1,8 +1,27 @@
-import type { ElementMapInfo, HeatmapElement } from './viz-elm';
+import type { IClickmapSorted } from './viz-elm';
 import type { ScrollMapInfo } from './viz-scrollmap';
+export interface IMetricResult<K = number | undefined, F = string> {
+    formatter: F;
+    value: K;
+}
+export interface IClickMapMetricData<K = number | undefined, F = string> {
+    hash: string;
+    selector?: string;
+    totalClicked: IMetricResult<K, F>;
+    totalOrders: IMetricResult<K, F>;
+    totalRevenue: IMetricResult<K, F>;
+    conversionRate: IMetricResult<K, F>;
+    attributionRate: IMetricResult<K, F>;
+    revenuePerClick: IMetricResult<K, F>;
+    revenuePerSession: IMetricResult<K, F>;
+    totalSessions: IMetricResult<K, F>;
+}
+export interface IClickMapMetric<K = number | undefined, F = string> {
+    [key: string]: IClickMapMetricData<K, F>;
+}
 export interface IHeatmapInfo {
-    sortedElements?: HeatmapElement[];
-    elementMapInfo?: ElementMapInfo;
+    sortedElements?: IClickmapSorted[];
+    clickMapMetrics?: IClickMapMetric;
     scrollMapInfo?: ScrollMapInfo;
     totalClicks?: number;
     width?: 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,cAAc,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAChE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,YAAY;IAC3B,cAAc,CAAC,EAAE,cAAc,EAAE,CAAC;IAClC,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,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,EAAkB,eAAe,EAAE,MAAM,WAAW,CAAC;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGrD,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,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,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,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"}

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

@@ -11,6 +11,14 @@ export declare enum IClickType {
     First = "first-clicks",
     Last = "last-clicks"
 }
+export declare enum IClickRankType {
+    MostClicks = "most-clicks",
+    Revenue = "revenue",
+    AttributionRate = "attribution-rate",
+    ConversionRate = "conversion-rate",
+    RevenuePerClick = "revenue-per-click",
+    RevenuePerSession = "revenue-per-session"
+}
 export declare enum IClickMode {
     Default = "default",
     Area = "click-area"

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,YAAY;IACtB,KAAK,UAAU;IACf,SAAS,eAAe;IACxB,MAAM,WAAW;CAClB;AAED,oBAAY,UAAU;IACpB,KAAK,iBAAiB;IACtB,IAAI,gBAAgB;IACpB,IAAI,gBAAgB;IACpB,KAAK,iBAAiB;IACtB,KAAK,iBAAiB;IACtB,IAAI,gBAAgB;CACrB;AACD,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,YAAY;IACtB,KAAK,UAAU;IACf,SAAS,eAAe;IACxB,MAAM,WAAW;CAClB;AAED,oBAAY,UAAU;IACpB,KAAK,iBAAiB;IACtB,IAAI,gBAAgB;IACpB,IAAI,gBAAgB;IACpB,KAAK,iBAAiB;IACtB,KAAK,iBAAiB;IACtB,IAAI,gBAAgB;CACrB;AAED,oBAAY,cAAc;IACxB,UAAU,gBAAgB;IAC1B,OAAO,YAAY;IACnB,eAAe,qBAAqB;IACpC,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"}

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

@@ -15,10 +15,10 @@ export interface ElementInfo extends ElementRect {
         y: number;
     };
 }
-export interface HeatmapElement {
+export interface IClickmapSorted {
     hash: string;
+    rank: number;
     selector?: string;
-    totalclicks?: number;
 }
 export interface ElementMapInfoItem {
     totalclicks: number;

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

@@ -1 +1 @@
-{"version":3,"file":"viz-elm.d.ts","sourceRoot":"","sources":["../../src/types/viz-elm.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,WAAY,SAAQ,WAAW;IAC9C,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC1C;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;CACd;AACD,MAAM,WAAW,cAAc;IAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,kBAAkB,CAAC;CACnC;AAGD,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,WAAW,GAAG,IAAI,CAAC;CAC3C"}
+{"version":3,"file":"viz-elm.d.ts","sourceRoot":"","sources":["../../src/types/viz-elm.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,WAAY,SAAQ,WAAW;IAC9C,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC1C;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,kBAAkB;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;CACd;AACD,MAAM,WAAW,cAAc;IAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,kBAAkB,CAAC;CACnC;AAGD,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,WAAW,GAAG,IAAI,CAAC;CAC3C"}

package/dist/umd/components/VizElement/DefaultRankBadges.d.ts

@@ -1,6 +1,6 @@
-import type { ElementRect, HeatmapElement } from '../../types';
+import type { ElementRect, IClickmapSorted } from '../../types';
 interface Props {
-    getRect: (el?: HeatmapElement) => ElementRect | null;
+    getRect: (el?: IClickmapSorted) => ElementRect | null;
     hidden?: boolean;
 }
 export declare const DefaultRankBadges: import("react").NamedExoticComponent<Props>;

package/dist/umd/components/VizElement/DefaultRankBadges.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultRankBadges.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/DefaultRankBadges.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAO/D,UAAU,KAAK;IACb,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,cAAc,KAAK,WAAW,GAAG,IAAI,CAAC;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA+BD,eAAO,MAAM,iBAAiB,6CAAmC,CAAC"}
+{"version":3,"file":"DefaultRankBadges.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/DefaultRankBadges.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAOhE,UAAU,KAAK;IACb,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,eAAe,KAAK,WAAW,GAAG,IAAI,CAAC;IACtD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA+BD,eAAO,MAAM,iBAAiB,6CAAmC,CAAC"}

package/dist/umd/components/VizElement/ElementCalloutOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ElementCalloutOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/ElementCalloutOverlay.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAO5D,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2C/D,CAAC"}
+{"version":3,"file":"ElementCalloutOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/ElementCalloutOverlay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAQ5D,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2C/D,CAAC"}

package/dist/umd/helpers/viz-area-click/area-builder.d.ts

@@ -1,6 +1,6 @@
-import type { ElementMapInfo, IAreaNode, IHeatmapInfo, IPersistedAreaData } from '../../types';
+import type { IAreaNode, IClickMapMetric, IHeatmapInfo, IPersistedAreaData } from '../../types';
 export declare function buildAreaNode(element: HTMLElement, hash: string, heatmapInfo: IHeatmapInfo, shadowRoot?: HTMLElement, persistedData?: IPersistedAreaData): IAreaNode | undefined;
-export declare function getTopElementsByClicks(elementMapInfo: ElementMapInfo, topN?: number): Array<{
+export declare function getTopElementsByClicks(clickMapMetrics: IClickMapMetric, topN?: number): Array<{
     hash: string;
     totalclicks: number;
     selector: string;

package/dist/umd/helpers/viz-area-click/area-builder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"area-builder.d.ts","sourceRoot":"","sources":["../../../src/helpers/viz-area-click/area-builder.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAa,YAAY,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAkD1G,wBAAgB,aAAa,CAC3B,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,MAAM,EACZ,WAAW,EAAE,YAAY,EACzB,UAAU,CAAC,EAAE,WAAW,EACxB,aAAa,CAAC,EAAE,kBAAkB,GACjC,SAAS,GAAG,SAAS,CAmDvB;AAED,wBAAgB,sBAAsB,CACpC,cAAc,EAAE,cAAc,EAC9B,IAAI,GAAE,MAAW,GAChB,KAAK,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC,CAWhE"}
+{"version":3,"file":"area-builder.d.ts","sourceRoot":"","sources":["../../../src/helpers/viz-area-click/area-builder.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAkB,SAAS,EAAa,eAAe,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAkD3H,wBAAgB,aAAa,CAC3B,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,MAAM,EACZ,WAAW,EAAE,YAAY,EACzB,UAAU,CAAC,EAAE,WAAW,EACxB,aAAa,CAAC,EAAE,kBAAkB,GACjC,SAAS,GAAG,SAAS,CAmDvB;AAED,wBAAgB,sBAAsB,CACpC,eAAe,EAAE,eAAe,EAChC,IAAI,GAAE,MAAW,GAChB,KAAK,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC,CAWhE"}

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

@@ -3,6 +3,7 @@ export * from './useHeatmapClick';
 export * from './useHeatmapData';
 export * from './useHeatmapHover';
 export * from './useHeatmapScroll';
+export * from './useHeatmapSetting';
 export * from './useHeatmapViz';
 export * from './useHeatmapVizRect';
 export * from './useHeatmapCopyView';

package/dist/umd/hooks/view-context/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AAEpC,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AAEpC,cAAc,sBAAsB,CAAC"}

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

@@ -12,10 +12,10 @@ interface IHeatmapDataActions {
     setClickAreas: (newClickAreas: IPersistedAreaData[]) => void;
     setScrollmap: (newScrollmap: ScrollMapPoint[]) => void;
     setDataInfo: (newDataInfo: IHeatmapInfo) => void;
+    setDataInfoByKey: <K extends keyof IHeatmapInfo>(key: K, value: IHeatmapInfo[K]) => void;
     removeClickArea: (areaId: string) => void;
     clearView: (viewId: string) => void;
 }
-export type IHeatmapDataResult = IHeatmapDataState & IHeatmapDataActions;
 /**
  * Hook to access heatmap data state and actions with optional selector
  *
@@ -33,40 +33,12 @@ export type IHeatmapDataResult = IHeatmapDataState & IHeatmapDataActions;
  * ```
  */
 export declare const useHeatmapData: {
-    <T>(selector: (state: {
-        data: import("@gemx-dev/clarity-decode/types/data").DecodedPayload[] | undefined;
-        clickmap: ClickMapPoint[] | undefined;
-        clickAreas: IPersistedAreaData[] | undefined;
-        scrollmap: ScrollMapPoint[] | undefined;
-        dataInfo: IHeatmapInfo | undefined;
-    } & {
-        setData: (newData: DecodedPayload[]) => void;
-        setClickmap: (newClickmap: ClickMapPoint[]) => void;
-        setClickAreas: (newClickAreas: IPersistedAreaData[]) => void;
-        setScrollmap: (newScrollmap: ScrollMapPoint[]) => void;
-        setDataInfo: (newDataInfo: IHeatmapInfo) => void;
-        removeClickArea: (areaId: string) => void;
-        clearView: (viewId: string) => void;
-    }) => T, props?: {
+    <T>(selector: (state: IHeatmapDataState & IHeatmapDataActions) => T, props?: {
         viewId?: string;
     } | undefined): T;
     (props?: {
         viewId?: string;
-    } | undefined): {
-        data: import("@gemx-dev/clarity-decode/types/data").DecodedPayload[] | undefined;
-        clickmap: ClickMapPoint[] | undefined;
-        clickAreas: IPersistedAreaData[] | undefined;
-        scrollmap: ScrollMapPoint[] | undefined;
-        dataInfo: IHeatmapInfo | undefined;
-    } & {
-        setData: (newData: DecodedPayload[]) => void;
-        setClickmap: (newClickmap: ClickMapPoint[]) => void;
-        setClickAreas: (newClickAreas: IPersistedAreaData[]) => void;
-        setScrollmap: (newScrollmap: ScrollMapPoint[]) => void;
-        setDataInfo: (newDataInfo: IHeatmapInfo) => void;
-        removeClickArea: (areaId: string) => void;
-        clearView: (viewId: string) => void;
-    };
+    } | undefined): IHeatmapDataState & IHeatmapDataActions;
 };
 export {};
 //# sourceMappingURL=useHeatmapData.d.ts.map

package/dist/umd/hooks/view-context/useHeatmapData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHeatmapData.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/useHeatmapData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AASnH,UAAU,iBAAiB;IACzB,IAAI,EAAE,cAAc,EAAE,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,aAAa,EAAE,GAAG,SAAS,CAAC;IACtC,UAAU,EAAE,kBAAkB,EAAE,GAAG,SAAS,CAAC;IAC7C,SAAS,EAAE,cAAc,EAAE,GAAG,SAAS,CAAC;IACxC,QAAQ,EAAE,YAAY,GAAG,SAAS,CAAC;CACpC;AAED,UAAU,mBAAmB;IAC3B,OAAO,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAC7C,WAAW,EAAE,CAAC,WAAW,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;IACpD,aAAa,EAAE,CAAC,aAAa,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAC;IAC7D,YAAY,EAAE,CAAC,YAAY,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IACvD,WAAW,EAAE,CAAC,WAAW,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,GAAG,mBAAmB,CAAC;AAMzE;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,cAAc;;;;;;;;2BAYJ,cAAc,EAAE;mCACR,aAAa,EAAE;uCACX,kBAAkB,EAAE;qCACtB,cAAc,EAAE;mCAClB,YAAY;kCACb,MAAM;4BACZ,MAAM;;;;;;;;;;;;;2BANP,cAAc,EAAE;mCACR,aAAa,EAAE;uCACX,kBAAkB,EAAE;qCACtB,cAAc,EAAE;mCAClB,YAAY;kCACb,MAAM;4BACZ,MAAM;;CAE5B,CAAC"}
+{"version":3,"file":"useHeatmapData.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/useHeatmapData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAMnH,UAAU,iBAAiB;IACzB,IAAI,EAAE,cAAc,EAAE,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,aAAa,EAAE,GAAG,SAAS,CAAC;IACtC,UAAU,EAAE,kBAAkB,EAAE,GAAG,SAAS,CAAC;IAC7C,SAAS,EAAE,cAAc,EAAE,GAAG,SAAS,CAAC;IACxC,QAAQ,EAAE,YAAY,GAAG,SAAS,CAAC;CACpC;AAED,UAAU,mBAAmB;IAC3B,OAAO,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAC7C,WAAW,EAAE,CAAC,WAAW,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;IACpD,aAAa,EAAE,CAAC,aAAa,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAC;IAC7D,YAAY,EAAE,CAAC,YAAY,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IACvD,WAAW,EAAE,CAAC,WAAW,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD,gBAAgB,EAAE,CAAC,CAAC,SAAS,MAAM,YAAY,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACzF,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,cAAc;;;;;;;CAqBzB,CAAC"}

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

@@ -0,0 +1,38 @@
+import type { IClickType, IClickRankType, IScrollType } from '../../types';
+interface IHeatmapSettingState {
+    rankedBy: IClickRankType | undefined;
+    clickType: IClickType | undefined;
+    scrollType: IScrollType | undefined;
+}
+interface IHeatmapSettingActions {
+    setRankedBy: (rankedBy: IClickRankType) => void;
+    setClickType: (clickType: IClickType) => void;
+    setScrollType: (scrollType: IScrollType) => void;
+    clearView: (viewId: string) => void;
+}
+/**
+ * Hook to access heatmap setting state and actions with optional selector
+ *
+ * @example
+ * ```tsx
+ * // Get everything
+ * const { rankedBy, clickType, setRankedBy } = useHeatmapSetting();
+ *
+ * // Get only what you need (no unnecessary re-renders)
+ * const rankedBy = useHeatmapSetting(s => s.rankedBy);
+ * const { setRankedBy, setClickType } = useHeatmapSetting(s => ({
+ *   setRankedBy: s.setRankedBy,
+ *   setClickType: s.setClickType,
+ * }));
+ * ```
+ */
+export declare const useHeatmapSetting: {
+    <T>(selector: (state: IHeatmapSettingState & IHeatmapSettingActions) => T, props?: {
+        viewId?: string;
+    } | undefined): T;
+    (props?: {
+        viewId?: string;
+    } | undefined): IHeatmapSettingState & IHeatmapSettingActions;
+};
+export {};
+//# sourceMappingURL=useHeatmapSetting.d.ts.map

package/dist/umd/hooks/view-context/useHeatmapSetting.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHeatmapSetting.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/useHeatmapSetting.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAI3E,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,cAAc,GAAG,SAAS,CAAC;IACrC,SAAS,EAAE,UAAU,GAAG,SAAS,CAAC;IAClC,UAAU,EAAE,WAAW,GAAG,SAAS,CAAC;CACrC;AAED,UAAU,sBAAsB;IAC9B,WAAW,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,IAAI,CAAC;IAChD,YAAY,EAAE,CAAC,SAAS,EAAE,UAAU,KAAK,IAAI,CAAC;IAC9C,aAAa,EAAE,CAAC,UAAU,EAAE,WAAW,KAAK,IAAI,CAAC;IACjD,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,iBAAiB;;;;;;;CAe5B,CAAC"}

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

@@ -1,11 +1,11 @@
-import type { ElementRect, HeatmapElement, WebVisualizer } from '../../types';
+import type { ElementRect, IClickmapSorted, WebVisualizer } from '../../types';
 interface Params {
     iframeRef: React.RefObject<HTMLIFrameElement>;
     wrapperRef: React.RefObject<HTMLElement>;
     visualizer?: WebVisualizer;
 }
 export declare const useHeatmapElementPosition: ({ iframeRef, wrapperRef, visualizer }: Params) => {
-    getRect: (element?: HeatmapElement) => ElementRect | null;
+    getRect: (element?: IClickmapSorted) => ElementRect | null;
 };
 export {};
 //# sourceMappingURL=useHeatmapElementPosition.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useHeatmapElementPosition.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-elm/useHeatmapElementPosition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAO9E,UAAU,MAAM;IACd,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B;AAED,eAAO,MAAM,yBAAyB,GAAI,uCAAuC,MAAM;wBAMxE,cAAc,KAAG,WAAW,GAAG,IAAI;CA2CjD,CAAC"}
+{"version":3,"file":"useHeatmapElementPosition.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-elm/useHeatmapElementPosition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAO/E,UAAU,MAAM;IACd,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B;AAED,eAAO,MAAM,yBAAyB,GAAI,uCAAuC,MAAM;wBAMxE,eAAe,KAAG,WAAW,GAAG,IAAI;CA2ClD,CAAC"}