@gemx-dev/heatmap-react 3.5.65 → 3.5.67

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

@@ -1,3 +1,4 @@
+export * from './createViewContextHook';
 export * from './useHeatmapAreaClick';
 export * from './useHeatmapClick';
 export * from './useHeatmapData';

package/dist/esm/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,qBAAqB,CAAC;AACpC,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,yBAAyB,CAAC;AACxC,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/esm/index.js

@@ -2,9 +2,9 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useNodesState, ReactFlow, Controls, Background } from '@xyflow/react';
 import { useEffect, useRef, useCallback, createContext, useContext, useMemo, useState, forwardRef, memo, Fragment as Fragment$1 } from 'react';
+import { useShallow } from 'zustand/react/shallow';
 import { create } from 'zustand';
 import { subscribeWithSelector } from 'zustand/middleware';
-import { useShallow } from 'zustand/react/shallow';
 import { decode } from '@gemx-dev/clarity-decode';
 import { Visualizer } from '@gemx-dev/clarity-visualize';
 import { createPortal } from 'react-dom';
@@ -151,9 +151,9 @@ function useDebounceCallback(callback, delay) {
 
 var IDeviceType;
 (function (IDeviceType) {
-    IDeviceType["Desktop"] = "desktop";
-    IDeviceType["Mobile"] = "mobile";
-    IDeviceType["Tablet"] = "tablet";
+    IDeviceType["Desktop"] = "DESKTOP";
+    IDeviceType["Mobile"] = "MOBILE";
+    IDeviceType["Tablet"] = "TABLET";
 })(IDeviceType || (IDeviceType = {}));
 var IHeatmapType;
 (function (IHeatmapType) {
@@ -162,12 +162,20 @@ var IHeatmapType;
 })(IHeatmapType || (IHeatmapType = {}));
 var IClickType;
 (function (IClickType) {
-    IClickType["Total"] = "total-clicks";
-    IClickType["Rage"] = "rage-clicks";
-    IClickType["Dead"] = "dead-clicks";
-    IClickType["Error"] = "error-clicks";
-    IClickType["First"] = "first-clicks";
-    IClickType["Last"] = "last-clicks";
+    /** Return all clicks (default) */
+    IClickType["All"] = "ALL";
+    /** Rapid clicks in a small area, indicating user frustration */
+    IClickType["Rage"] = "RAGE";
+    /** Clicks with no effect (no navigation, no state change) */
+    IClickType["Dead"] = "DEAD";
+    /** Clicks followed by JavaScript errors */
+    IClickType["Error"] = "ERROR";
+    /** The first click of the session */
+    IClickType["First"] = "FIRST";
+    /** The last click of the session */
+    IClickType["Last"] = "LAST";
+    /** Normal click with no special behavior (fallback type) */
+    IClickType["Standard"] = "STANDARD";
 })(IClickType || (IClickType = {}));
 var IClickRankType;
 (function (IClickRankType) {
@@ -190,6 +198,90 @@ var IScrollType;
     IScrollType["Revenue"] = "revenue-scroll";
 })(IScrollType || (IScrollType = {}));
 
+const ViewIdContext = createContext(undefined);
+const useViewIdContext = () => {
+    const viewId = useContext(ViewIdContext);
+    return viewId || DEFAULT_VIEW_ID;
+};
+
+// ===========================
+// Factory Function
+// ===========================
+/**
+ * Creates a view-context aware hook with selector support
+ *
+ * Features:
+ * - Automatic viewId injection from context
+ * - Selector pattern for granular subscriptions
+ * - Full type safety
+ * - Optimized re-renders with useShallow
+ *
+ * @example
+ * ```ts
+ * const useMyHook = createViewContextHook({
+ *   useStore: useMyStore,
+ *   getState: (store, viewId) => ({
+ *     data: store.data.get(viewId) ?? null,
+ *     count: store.count.get(viewId) ?? 0,
+ *   }),
+ *   getActions: (store, viewId) => ({
+ *     setData: (data) => store.setData(data, viewId),
+ *     increment: () => store.increment(viewId),
+ *   }),
+ * });
+ *
+ * // Usage
+ * const data = useMyHook(s => s.data);
+ * const { setData } = useMyHook(s => ({ setData: s.setData }));
+ * const everything = useMyHook();
+ * ```
+ */
+function createViewContextHook(config) {
+    function useViewContextHook(selectorOrProps, propsOverload) {
+        const isSelector = typeof selectorOrProps === 'function';
+        const selector = isSelector ? selectorOrProps : undefined;
+        const props = isSelector ? propsOverload : selectorOrProps;
+        const contextViewId = useViewIdContext();
+        const viewId = props?.viewId || contextViewId;
+        // Build actions - memoized for stable references
+        const actions = useActions(config, viewId);
+        // Subscribe to store with selector
+        return config.useStore(useShallow((store) => {
+            const state = config.getState(store, viewId);
+            const fullResult = { ...state, ...actions };
+            return selector ? selector(fullResult) : fullResult;
+        }));
+    }
+    return useViewContextHook;
+}
+// ===========================
+// Helper: Build Actions
+// ===========================
+/**
+ * Internal helper to build and memoize actions
+ */
+function useActions(config, viewId) {
+    // Get the raw store state to extract action references
+    const store = config.useStore.getState();
+    // Build actions bound to viewId
+    return useMemo(() => config.getActions(store, viewId), 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [viewId, ...Object.values(extractActionRefs(config.useStore))]);
+}
+/**
+ * Extract action function references from store for dependency tracking
+ */
+function extractActionRefs(useStore) {
+    const store = useStore.getState();
+    const refs = {};
+    for (const [key, value] of Object.entries(store)) {
+        if (typeof value === 'function') {
+            refs[key] = value;
+        }
+    }
+    return refs;
+}
+
 const useHeatmapControlStore = create()((set, get) => {
     return {
         controls: {
@@ -327,7 +419,7 @@ const useHeatmapSettingStore = create()(subscribeWithSelector((set) => {
         isRendering: new Map([[DEFAULT_VIEW_ID, false]]),
         rankedBy: new Map([[DEFAULT_VIEW_ID, IClickRankType.MostClicks]]),
         deviceType: new Map([[DEFAULT_VIEW_ID, IDeviceType.Desktop]]),
-        clickType: new Map([[DEFAULT_VIEW_ID, IClickType.Total]]),
+        clickType: new Map([[DEFAULT_VIEW_ID, IClickType.All]]),
         clickMode: new Map([[DEFAULT_VIEW_ID, IClickMode.Default]]),
         scrollType: new Map([[DEFAULT_VIEW_ID, IScrollType.Depth]]),
         heatmapType: new Map([[DEFAULT_VIEW_ID, IHeatmapType.Click]]),
@@ -414,7 +506,7 @@ const useHeatmapSettingStore = create()(subscribeWithSelector((set) => {
             isRendering: new Map([[DEFAULT_VIEW_ID, false]]),
             rankedBy: new Map([[DEFAULT_VIEW_ID, IClickRankType.MostClicks]]),
             deviceType: new Map([[DEFAULT_VIEW_ID, IDeviceType.Desktop]]),
-            clickType: new Map([[DEFAULT_VIEW_ID, IClickType.Total]]),
+            clickType: new Map([[DEFAULT_VIEW_ID, IClickType.All]]),
             clickMode: new Map([[DEFAULT_VIEW_ID, IClickMode.Default]]),
             scrollType: new Map([[DEFAULT_VIEW_ID, IScrollType.Depth]]),
             heatmapType: new Map([[DEFAULT_VIEW_ID, IHeatmapType.Click]]),
@@ -968,90 +1060,6 @@ const useHeatmapVizRectStore = create()(subscribeWithSelector((set) => {
     };
 }));
 
-const ViewIdContext = createContext(undefined);
-const useViewIdContext = () => {
-    const viewId = useContext(ViewIdContext);
-    return viewId || DEFAULT_VIEW_ID;
-};
-
-// ===========================
-// Factory Function
-// ===========================
-/**
- * Creates a view-context aware hook with selector support
- *
- * Features:
- * - Automatic viewId injection from context
- * - Selector pattern for granular subscriptions
- * - Full type safety
- * - Optimized re-renders with useShallow
- *
- * @example
- * ```ts
- * const useMyHook = createViewContextHook({
- *   useStore: useMyStore,
- *   getState: (store, viewId) => ({
- *     data: store.data.get(viewId) ?? null,
- *     count: store.count.get(viewId) ?? 0,
- *   }),
- *   getActions: (store, viewId) => ({
- *     setData: (data) => store.setData(data, viewId),
- *     increment: () => store.increment(viewId),
- *   }),
- * });
- *
- * // Usage
- * const data = useMyHook(s => s.data);
- * const { setData } = useMyHook(s => ({ setData: s.setData }));
- * const everything = useMyHook();
- * ```
- */
-function createViewContextHook(config) {
-    function useViewContextHook(selectorOrProps, propsOverload) {
-        const isSelector = typeof selectorOrProps === 'function';
-        const selector = isSelector ? selectorOrProps : undefined;
-        const props = isSelector ? propsOverload : selectorOrProps;
-        const contextViewId = useViewIdContext();
-        const viewId = props?.viewId || contextViewId;
-        // Build actions - memoized for stable references
-        const actions = useActions(config, viewId);
-        // Subscribe to store with selector
-        return config.useStore(useShallow((store) => {
-            const state = config.getState(store, viewId);
-            const fullResult = { ...state, ...actions };
-            return selector ? selector(fullResult) : fullResult;
-        }));
-    }
-    return useViewContextHook;
-}
-// ===========================
-// Helper: Build Actions
-// ===========================
-/**
- * Internal helper to build and memoize actions
- */
-function useActions(config, viewId) {
-    // Get the raw store state to extract action references
-    const store = config.useStore.getState();
-    // Build actions bound to viewId
-    return useMemo(() => config.getActions(store, viewId), 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [viewId, ...Object.values(extractActionRefs(config.useStore))]);
-}
-/**
- * Extract action function references from store for dependency tracking
- */
-function extractActionRefs(useStore) {
-    const store = useStore.getState();
-    const refs = {};
-    for (const [key, value] of Object.entries(store)) {
-        if (typeof value === 'function') {
-            refs[key] = value;
-        }
-    }
-    return refs;
-}
-
 const useHeatmapAreaClick = createViewContextHook({
     useStore: useHeatmapVizClickAreaStore,
     getState: (store, viewId) => ({
@@ -8740,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, IClickRankType, IClickType, IDeviceType, 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, 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, ELM_CALLOUT_CONFIG, GraphView, HEATMAP_CONFIG, HEATMAP_IFRAME, HEATMAP_STYLE, HeatmapLayout, IClickMode, IClickRankType, IClickType, IDeviceType, IHeatmapType, IScrollType, ViewIdContext, 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, useHeatmapAreaClick, useHeatmapCanvas, useHeatmapClick, useHeatmapCompareStore, useHeatmapConfigStore, useHeatmapCopyView, useHeatmapData, useHeatmapEffects, useHeatmapElementPosition, useHeatmapHover, useHeatmapLiveStore, useHeatmapRenderByMode, useHeatmapScale, useHeatmapScroll, useHeatmapSetting, useHeatmapViz, useHeatmapVizRect, useHeatmapWidthByDevice, useHoveredElement, useIframeHeight, useIframeHeightProcessor, useMeasureFunction, useRegisterConfig, useRegisterControl, useRegisterData, useRegisterHeatmap, useRenderCount, useScrollmapZones, useTrackHookCall, useViewIdContext, useVizLiveRender, useWhyDidYouUpdate, useWrapperRefHeight, useZonePositions, withPerformanceTracking };

package/dist/esm/index.mjs

@@ -2,9 +2,9 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useNodesState, ReactFlow, Controls, Background } from '@xyflow/react';
 import { useEffect, useRef, useCallback, createContext, useContext, useMemo, useState, forwardRef, memo, Fragment as Fragment$1 } from 'react';
+import { useShallow } from 'zustand/react/shallow';
 import { create } from 'zustand';
 import { subscribeWithSelector } from 'zustand/middleware';
-import { useShallow } from 'zustand/react/shallow';
 import { decode } from '@gemx-dev/clarity-decode';
 import { Visualizer } from '@gemx-dev/clarity-visualize';
 import { createPortal } from 'react-dom';
@@ -151,9 +151,9 @@ function useDebounceCallback(callback, delay) {
 
 var IDeviceType;
 (function (IDeviceType) {
-    IDeviceType["Desktop"] = "desktop";
-    IDeviceType["Mobile"] = "mobile";
-    IDeviceType["Tablet"] = "tablet";
+    IDeviceType["Desktop"] = "DESKTOP";
+    IDeviceType["Mobile"] = "MOBILE";
+    IDeviceType["Tablet"] = "TABLET";
 })(IDeviceType || (IDeviceType = {}));
 var IHeatmapType;
 (function (IHeatmapType) {
@@ -162,12 +162,20 @@ var IHeatmapType;
 })(IHeatmapType || (IHeatmapType = {}));
 var IClickType;
 (function (IClickType) {
-    IClickType["Total"] = "total-clicks";
-    IClickType["Rage"] = "rage-clicks";
-    IClickType["Dead"] = "dead-clicks";
-    IClickType["Error"] = "error-clicks";
-    IClickType["First"] = "first-clicks";
-    IClickType["Last"] = "last-clicks";
+    /** Return all clicks (default) */
+    IClickType["All"] = "ALL";
+    /** Rapid clicks in a small area, indicating user frustration */
+    IClickType["Rage"] = "RAGE";
+    /** Clicks with no effect (no navigation, no state change) */
+    IClickType["Dead"] = "DEAD";
+    /** Clicks followed by JavaScript errors */
+    IClickType["Error"] = "ERROR";
+    /** The first click of the session */
+    IClickType["First"] = "FIRST";
+    /** The last click of the session */
+    IClickType["Last"] = "LAST";
+    /** Normal click with no special behavior (fallback type) */
+    IClickType["Standard"] = "STANDARD";
 })(IClickType || (IClickType = {}));
 var IClickRankType;
 (function (IClickRankType) {
@@ -190,6 +198,90 @@ var IScrollType;
     IScrollType["Revenue"] = "revenue-scroll";
 })(IScrollType || (IScrollType = {}));
 
+const ViewIdContext = createContext(undefined);
+const useViewIdContext = () => {
+    const viewId = useContext(ViewIdContext);
+    return viewId || DEFAULT_VIEW_ID;
+};
+
+// ===========================
+// Factory Function
+// ===========================
+/**
+ * Creates a view-context aware hook with selector support
+ *
+ * Features:
+ * - Automatic viewId injection from context
+ * - Selector pattern for granular subscriptions
+ * - Full type safety
+ * - Optimized re-renders with useShallow
+ *
+ * @example
+ * ```ts
+ * const useMyHook = createViewContextHook({
+ *   useStore: useMyStore,
+ *   getState: (store, viewId) => ({
+ *     data: store.data.get(viewId) ?? null,
+ *     count: store.count.get(viewId) ?? 0,
+ *   }),
+ *   getActions: (store, viewId) => ({
+ *     setData: (data) => store.setData(data, viewId),
+ *     increment: () => store.increment(viewId),
+ *   }),
+ * });
+ *
+ * // Usage
+ * const data = useMyHook(s => s.data);
+ * const { setData } = useMyHook(s => ({ setData: s.setData }));
+ * const everything = useMyHook();
+ * ```
+ */
+function createViewContextHook(config) {
+    function useViewContextHook(selectorOrProps, propsOverload) {
+        const isSelector = typeof selectorOrProps === 'function';
+        const selector = isSelector ? selectorOrProps : undefined;
+        const props = isSelector ? propsOverload : selectorOrProps;
+        const contextViewId = useViewIdContext();
+        const viewId = props?.viewId || contextViewId;
+        // Build actions - memoized for stable references
+        const actions = useActions(config, viewId);
+        // Subscribe to store with selector
+        return config.useStore(useShallow((store) => {
+            const state = config.getState(store, viewId);
+            const fullResult = { ...state, ...actions };
+            return selector ? selector(fullResult) : fullResult;
+        }));
+    }
+    return useViewContextHook;
+}
+// ===========================
+// Helper: Build Actions
+// ===========================
+/**
+ * Internal helper to build and memoize actions
+ */
+function useActions(config, viewId) {
+    // Get the raw store state to extract action references
+    const store = config.useStore.getState();
+    // Build actions bound to viewId
+    return useMemo(() => config.getActions(store, viewId), 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [viewId, ...Object.values(extractActionRefs(config.useStore))]);
+}
+/**
+ * Extract action function references from store for dependency tracking
+ */
+function extractActionRefs(useStore) {
+    const store = useStore.getState();
+    const refs = {};
+    for (const [key, value] of Object.entries(store)) {
+        if (typeof value === 'function') {
+            refs[key] = value;
+        }
+    }
+    return refs;
+}
+
 const useHeatmapControlStore = create()((set, get) => {
     return {
         controls: {
@@ -327,7 +419,7 @@ const useHeatmapSettingStore = create()(subscribeWithSelector((set) => {
         isRendering: new Map([[DEFAULT_VIEW_ID, false]]),
         rankedBy: new Map([[DEFAULT_VIEW_ID, IClickRankType.MostClicks]]),
         deviceType: new Map([[DEFAULT_VIEW_ID, IDeviceType.Desktop]]),
-        clickType: new Map([[DEFAULT_VIEW_ID, IClickType.Total]]),
+        clickType: new Map([[DEFAULT_VIEW_ID, IClickType.All]]),
         clickMode: new Map([[DEFAULT_VIEW_ID, IClickMode.Default]]),
         scrollType: new Map([[DEFAULT_VIEW_ID, IScrollType.Depth]]),
         heatmapType: new Map([[DEFAULT_VIEW_ID, IHeatmapType.Click]]),
@@ -414,7 +506,7 @@ const useHeatmapSettingStore = create()(subscribeWithSelector((set) => {
             isRendering: new Map([[DEFAULT_VIEW_ID, false]]),
             rankedBy: new Map([[DEFAULT_VIEW_ID, IClickRankType.MostClicks]]),
             deviceType: new Map([[DEFAULT_VIEW_ID, IDeviceType.Desktop]]),
-            clickType: new Map([[DEFAULT_VIEW_ID, IClickType.Total]]),
+            clickType: new Map([[DEFAULT_VIEW_ID, IClickType.All]]),
             clickMode: new Map([[DEFAULT_VIEW_ID, IClickMode.Default]]),
             scrollType: new Map([[DEFAULT_VIEW_ID, IScrollType.Depth]]),
             heatmapType: new Map([[DEFAULT_VIEW_ID, IHeatmapType.Click]]),
@@ -968,90 +1060,6 @@ const useHeatmapVizRectStore = create()(subscribeWithSelector((set) => {
     };
 }));
 
-const ViewIdContext = createContext(undefined);
-const useViewIdContext = () => {
-    const viewId = useContext(ViewIdContext);
-    return viewId || DEFAULT_VIEW_ID;
-};
-
-// ===========================
-// Factory Function
-// ===========================
-/**
- * Creates a view-context aware hook with selector support
- *
- * Features:
- * - Automatic viewId injection from context
- * - Selector pattern for granular subscriptions
- * - Full type safety
- * - Optimized re-renders with useShallow
- *
- * @example
- * ```ts
- * const useMyHook = createViewContextHook({
- *   useStore: useMyStore,
- *   getState: (store, viewId) => ({
- *     data: store.data.get(viewId) ?? null,
- *     count: store.count.get(viewId) ?? 0,
- *   }),
- *   getActions: (store, viewId) => ({
- *     setData: (data) => store.setData(data, viewId),
- *     increment: () => store.increment(viewId),
- *   }),
- * });
- *
- * // Usage
- * const data = useMyHook(s => s.data);
- * const { setData } = useMyHook(s => ({ setData: s.setData }));
- * const everything = useMyHook();
- * ```
- */
-function createViewContextHook(config) {
-    function useViewContextHook(selectorOrProps, propsOverload) {
-        const isSelector = typeof selectorOrProps === 'function';
-        const selector = isSelector ? selectorOrProps : undefined;
-        const props = isSelector ? propsOverload : selectorOrProps;
-        const contextViewId = useViewIdContext();
-        const viewId = props?.viewId || contextViewId;
-        // Build actions - memoized for stable references
-        const actions = useActions(config, viewId);
-        // Subscribe to store with selector
-        return config.useStore(useShallow((store) => {
-            const state = config.getState(store, viewId);
-            const fullResult = { ...state, ...actions };
-            return selector ? selector(fullResult) : fullResult;
-        }));
-    }
-    return useViewContextHook;
-}
-// ===========================
-// Helper: Build Actions
-// ===========================
-/**
- * Internal helper to build and memoize actions
- */
-function useActions(config, viewId) {
-    // Get the raw store state to extract action references
-    const store = config.useStore.getState();
-    // Build actions bound to viewId
-    return useMemo(() => config.getActions(store, viewId), 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [viewId, ...Object.values(extractActionRefs(config.useStore))]);
-}
-/**
- * Extract action function references from store for dependency tracking
- */
-function extractActionRefs(useStore) {
-    const store = useStore.getState();
-    const refs = {};
-    for (const [key, value] of Object.entries(store)) {
-        if (typeof value === 'function') {
-            refs[key] = value;
-        }
-    }
-    return refs;
-}
-
 const useHeatmapAreaClick = createViewContextHook({
     useStore: useHeatmapVizClickAreaStore,
     getState: (store, viewId) => ({
@@ -8740,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, IClickRankType, IClickType, IDeviceType, 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, 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, ELM_CALLOUT_CONFIG, GraphView, HEATMAP_CONFIG, HEATMAP_IFRAME, HEATMAP_STYLE, HeatmapLayout, IClickMode, IClickRankType, IClickType, IDeviceType, IHeatmapType, IScrollType, ViewIdContext, 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, useHeatmapAreaClick, useHeatmapCanvas, useHeatmapClick, useHeatmapCompareStore, useHeatmapConfigStore, useHeatmapCopyView, useHeatmapData, useHeatmapEffects, useHeatmapElementPosition, useHeatmapHover, useHeatmapLiveStore, useHeatmapRenderByMode, useHeatmapScale, useHeatmapScroll, useHeatmapSetting, useHeatmapViz, useHeatmapVizRect, useHeatmapWidthByDevice, useHoveredElement, useIframeHeight, useIframeHeightProcessor, useMeasureFunction, useRegisterConfig, useRegisterControl, useRegisterData, useRegisterHeatmap, useRenderCount, useScrollmapZones, useTrackHookCall, useViewIdContext, useVizLiveRender, useWhyDidYouUpdate, useWrapperRefHeight, useZonePositions, withPerformanceTracking };

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

@@ -1,19 +1,27 @@
 export declare enum IDeviceType {
-    Desktop = "desktop",
-    Mobile = "mobile",
-    Tablet = "tablet"
+    Desktop = "DESKTOP",
+    Mobile = "MOBILE",
+    Tablet = "TABLET"
 }
 export declare enum IHeatmapType {
     Click = "click",
     Scroll = "scroll"
 }
 export declare enum IClickType {
-    Total = "total-clicks",
-    Rage = "rage-clicks",
-    Dead = "dead-clicks",
-    Error = "error-clicks",
-    First = "first-clicks",
-    Last = "last-clicks"
+    /** Return all clicks (default) */
+    All = "ALL",
+    /** Rapid clicks in a small area, indicating user frustration */
+    Rage = "RAGE",
+    /** Clicks with no effect (no navigation, no state change) */
+    Dead = "DEAD",
+    /** Clicks followed by JavaScript errors */
+    Error = "ERROR",
+    /** The first click of the session */
+    First = "FIRST",
+    /** The last click of the session */
+    Last = "LAST",
+    /** Normal click with no special behavior (fallback type) */
+    Standard = "STANDARD"
 }
 export declare enum IClickRankType {
     MostClicks = "most-clicks",

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,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"}
+{"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,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/umd/hooks/view-context/index.d.ts

@@ -1,3 +1,4 @@
+export * from './createViewContextHook';
 export * from './useHeatmapAreaClick';
 export * from './useHeatmapClick';
 export * from './useHeatmapData';

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,qBAAqB,CAAC;AACpC,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,yBAAyB,CAAC;AACxC,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"}