@gemx-dev/heatmap-react 3.5.45 → 3.5.46

package/dist/umd/stores/config.d.ts

@@ -1,18 +1,14 @@
-import { IClickType, IHeatmapType, IScrollType } from '../types';
+import { IHeatmapType } from '../types';
 export interface IHeatmapConfigStore {
     mode: 'live' | 'compare' | 'single';
     width: number;
     sidebarWidth: number;
     heatmapType: IHeatmapType;
-    clickType: IClickType;
-    scrollType: IScrollType;
     setMode: (mode: 'live' | 'compare' | 'single') => void;
     resetMode: () => void;
     setWidth: (width: number) => void;
     setSidebarWidth: (sidebarWidth: number) => void;
     setHeatmapType: (heatmapType: IHeatmapType) => void;
-    setClickType: (clickType: IClickType) => void;
-    setScrollType: (scrollType: IScrollType) => void;
 }
 export declare const useHeatmapConfigStore: import("zustand").UseBoundStore<import("zustand").StoreApi<IHeatmapConfigStore>>;
 //# sourceMappingURL=config.d.ts.map

package/dist/umd/stores/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/stores/config.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEjE,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,YAAY,CAAC;IAC1B,SAAS,EAAE,UAAU,CAAC;IACtB,UAAU,EAAE,WAAW,CAAC;IACxB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,KAAK,IAAI,CAAC;IACvD,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,eAAe,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,cAAc,EAAE,CAAC,WAAW,EAAE,YAAY,KAAK,IAAI,CAAC;IACpD,YAAY,EAAE,CAAC,SAAS,EAAE,UAAU,KAAK,IAAI,CAAC;IAC9C,aAAa,EAAE,CAAC,UAAU,EAAE,WAAW,KAAK,IAAI,CAAC;CAClD;AAED,eAAO,MAAM,qBAAqB,kFAgBhC,CAAC"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/stores/config.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,YAAY,CAAC;IAC1B,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,KAAK,IAAI,CAAC;IACvD,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,eAAe,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,cAAc,EAAE,CAAC,WAAW,EAAE,YAAY,KAAK,IAAI,CAAC;CACrD;AAED,eAAO,MAAM,qBAAqB,kFAYhC,CAAC"}

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

@@ -1,15 +1,13 @@
-import { ClickMapPoint, DecodedPayload, IHeatmapInfo, ScrollMapPoint } from '../types';
+import { ClickMapPoint, DecodedPayload, HeatmapInfo } from '../types';
 export interface IHeatmapDataStore {
     data?: DecodedPayload[];
     clickmap?: ClickMapPoint[];
-    dataInfo?: IHeatmapInfo;
+    dataInfo?: HeatmapInfo;
     isRendering: boolean;
     setIsRendering: (isRendering: boolean) => void;
-    setDataInfo: (dataInfo: IHeatmapInfo) => void;
+    setDataInfo: (dataInfo: HeatmapInfo) => void;
     setData: (data: DecodedPayload[]) => void;
     setClickmap: (clickmap: ClickMapPoint[]) => void;
-    scrollmap?: ScrollMapPoint[];
-    setScrollmap: (scrollmap: ScrollMapPoint[]) => void;
 }
 export declare const useHeatmapDataStore: import("zustand").UseBoundStore<import("zustand").StoreApi<IHeatmapDataStore>>;
 //# sourceMappingURL=data.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../src/stores/data.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAEvF,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,cAAc,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,WAAW,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC;IAC9C,OAAO,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAC1C,WAAW,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;IACjD,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B,YAAY,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;CACrD;AAED,eAAO,MAAM,mBAAmB,gFAa9B,CAAC"}
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../src/stores/data.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEtE,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,cAAc,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,WAAW,EAAE,CAAC,QAAQ,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7C,OAAO,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAC1C,WAAW,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;CAClD;AAED,eAAO,MAAM,mBAAmB,gFAW9B,CAAC"}

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

@@ -3,7 +3,5 @@ export * from './config';
 export * from './data';
 export * from './interaction';
 export * from './viz';
-export * from './viz-scrollmap';
 export * from './mode-live';
-export * from './mode-single';
 //# sourceMappingURL=index.d.ts.map

package/dist/umd/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;AACvB,cAAc,eAAe,CAAC;AAE9B,cAAc,OAAO,CAAC;AACtB,cAAc,iBAAiB,CAAC;AAEhC,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,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AAEtB,cAAc,aAAa,CAAC"}

package/dist/umd/stores/interaction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interaction.d.ts","sourceRoot":"","sources":["../../src/stores/interaction.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,kBAAkB,EAAE,CAAC,eAAe,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7D,cAAc,EAAE,WAAW,GAAG,IAAI,CAAC;IACnC,iBAAiB,EAAE,CAAC,cAAc,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAChE,iBAAiB,EAAE,OAAO,CAAC;IAC3B,oBAAoB,EAAE,CAAC,iBAAiB,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5D;AAED,eAAO,MAAM,0BAA0B,uFAarC,CAAC"}
+{"version":3,"file":"interaction.d.ts","sourceRoot":"","sources":["../../src/stores/interaction.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,kBAAkB,EAAE,CAAC,eAAe,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7D,cAAc,EAAE,WAAW,GAAG,IAAI,CAAC;IACnC,iBAAiB,EAAE,CAAC,cAAc,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAEhE,iBAAiB,EAAE,OAAO,CAAC;IAC3B,oBAAoB,EAAE,CAAC,iBAAiB,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5D;AAED,eAAO,MAAM,0BAA0B,uFAarC,CAAC"}

package/dist/umd/stores/mode-live.d.ts

@@ -1,13 +1,9 @@
-import { DecodedPayload } from '../types';
 interface IHeatmapLiveStoreState {
-    payloads: DecodedPayload[];
     htmlContent: string;
     iframeHeight: number;
     wrapperHeight: number;
 }
 interface IHeatmapLiveStoreActions {
-    setPayloads: (payloads: DecodedPayload[]) => void;
-    addPayload: (payload: DecodedPayload) => void;
     reset: () => void;
     setHtmlContent: (htmlContent: string) => void;
     setWrapperHeight: (wrapperHeight: number) => void;

package/dist/umd/stores/mode-live.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mode-live.d.ts","sourceRoot":"","sources":["../../src/stores/mode-live.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;CACvB;AACD,UAAU,wBAAwB;IAChC,WAAW,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAClD,UAAU,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IAC9C,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,gBAAgB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,eAAe,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAED,UAAU,iBAAkB,SAAQ,sBAAsB,EAAE,wBAAwB;CAAG;AASvF,eAAO,MAAM,mBAAmB,gFAU9B,CAAC"}
+{"version":3,"file":"mode-live.d.ts","sourceRoot":"","sources":["../../src/stores/mode-live.ts"],"names":[],"mappings":"AAEA,UAAU,sBAAsB;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;CACvB;AACD,UAAU,wBAAwB;IAChC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,gBAAgB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,eAAe,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAED,UAAU,iBAAkB,SAAQ,sBAAsB,EAAE,wBAAwB;CAAG;AAQvF,eAAO,MAAM,mBAAmB,gFAQ9B,CAAC"}

package/dist/umd/stores/viz.d.ts

@@ -1,8 +1,12 @@
 export interface IHeatmapVizStore {
     isRenderViz: boolean;
     setIsRenderViz: (isRenderViz: boolean) => void;
+    vizRef: any;
+    setVizRef: (vizRef: any) => void;
     scale: number;
     setScale: (scale: number) => void;
+    iframeHeight: number;
+    setIframeHeight: (iframeHeight: number) => void;
 }
 export declare const useHeatmapVizStore: import("zustand").UseBoundStore<import("zustand").StoreApi<IHeatmapVizStore>>;
 //# sourceMappingURL=viz.d.ts.map

package/dist/umd/stores/viz.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"viz.d.ts","sourceRoot":"","sources":["../../src/stores/viz.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,kBAAkB,+EAO7B,CAAC"}
+{"version":3,"file":"viz.d.ts","sourceRoot":"","sources":["../../src/stores/viz.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,MAAM,EAAE,GAAG,CAAC;IACZ,SAAS,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAED,eAAO,MAAM,kBAAkB,+EAW7B,CAAC"}

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

@@ -30,11 +30,6 @@ export interface ClickMapPoint {
     clicks: number[];
     points: number;
 }
-export interface ScrollMapPoint {
-    scrollReachY: number;
-    cumulativeSum: number;
-    percUsers: number;
-}
 export type DecodedPayload = Data.DecodedPayload;
 export type DecodedEvents = MergedPayload['events'];
 export type DecodedEvent = DecodedEvents[number];

package/dist/umd/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;AACD,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"}

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

@@ -2,19 +2,6 @@ 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"
-}
-export declare enum IScrollType {
-    Depth = "scroll-depth",
-    Attention = "attention-scroll",
-    Revenue = "revenue-scroll"
-}
 export interface IHeatmapConfig {
     width?: number;
     sidebarWidth?: number;

package/dist/umd/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,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,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,MAAM,WAAW;CAClB;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/types/index.d.ts

@@ -1,9 +1,6 @@
 export * from './elm-callout';
 export * from './clarity';
 export * from './heatmap';
-export * from './heatmap-info';
-export * from './viz-canvas';
 export * from './viz-element';
-export * from './viz-scrollmap';
-export * from './iframe-helper';
+export * from './viewport-fixer';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAE9B,cAAc,WAAW,CAAC;AAE1B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAE9B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAE9B,cAAc,kBAAkB,CAAC"}

package/dist/umd/types/viewport-fixer.d.ts

@@ -0,0 +1,31 @@
+export interface ViewportConfig {
+    targetWidth: number;
+    targetHeight: number;
+    iframe: HTMLIFrameElement;
+    onSuccess?: (data: {
+        height: number;
+    }) => void;
+    onError?: (error: Error) => void;
+}
+export interface IframeHeightMessage {
+    type: 'IFRAME_HEIGHT_CALCULATED';
+    height: number;
+    width: number;
+}
+export interface DimensionsDetail {
+    width: number;
+    height: number;
+}
+export interface DebugInfo {
+    iframe: number;
+    body: number;
+    remaining: number;
+}
+declare global {
+    interface Window {
+        __viewportConfig?: ViewportConfig;
+        viewportFixer?: any;
+        debugViewportUnits?: () => DebugInfo | null;
+    }
+}
+//# sourceMappingURL=viewport-fixer.d.ts.map

package/dist/umd/types/viewport-fixer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewport-fixer.d.ts","sourceRoot":"","sources":["../../src/types/viewport-fixer.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC/C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,0BAA0B,CAAC;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,gBAAgB,CAAC,EAAE,cAAc,CAAC;QAClC,aAAa,CAAC,EAAE,GAAG,CAAC;QACpB,kBAAkB,CAAC,EAAE,MAAM,SAAS,GAAG,IAAI,CAAC;KAC7C;CACF"}

package/dist/umd/types/viz-element.d.ts

@@ -24,6 +24,12 @@ export interface ElementMapInfoItem {
 export interface ElementMapInfo {
     [key: string]: ElementMapInfoItem;
 }
+export interface HeatmapInfo {
+    sortedElements?: HeatmapElement[];
+    elementMapInfo?: ElementMapInfo;
+    totalClicks?: number;
+    width?: number;
+}
 export interface WebVisualizer {
     get: (hash: string) => HTMLElement | null;
 }

package/dist/umd/types/viz-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"viz-element.d.ts","sourceRoot":"","sources":["../../src/types/viz-element.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;CAClB;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-element.d.ts","sourceRoot":"","sources":["../../src/types/viz-element.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;CAClB;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;AAED,MAAM,WAAW,WAAW;IAC1B,cAAc,CAAC,EAAE,cAAc,EAAE,CAAC;IAClC,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAGD,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,WAAW,GAAG,IAAI,CAAC;CAC3C"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@gemx-dev/heatmap-react",
   "author": "gemx-dev",
-  "version": "3.5.45",
+  "version": "3.5.46",
   "license": "MIT",
   "sideEffects": [
     "*.css"
@@ -60,7 +60,8 @@
     "name": "HeatmapReact"
   },
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
   },
   "main": "dist/umd/index.js",
   "types": "dist/esm/index.d.ts",
@@ -68,22 +69,19 @@
     "./package.json": "./package.json",
     ".": {
       "node": {
-        "types": "./dist/esm/index.d.ts",
-        "module": "./dist/esm/index.js",
-        "require": "./dist/umd/index.js",
-        "import": "./dist/esm/index.mjs"
+        "types": "./src/global.d.ts",
+        "module": "./src/index.ts",
+        "require": "./src/index.ts",
+        "import": "./src/index.ts"
       },
-      "browser": {
-        "import": "./dist/esm/index.js",
-        "require": "./dist/umd/index.js"
-      },
-      "default": "./dist/esm/index.js"
+      "default": "./src/index.ts"
     },
-    "./dist/base.css": "./dist/base.css",
-    "./dist/style.css": "./dist/style.css"
+    "./dist/base.css": "./src/styles/base.css",
+    "./dist/style.css": "./src/styles/style.css"
   },
   "files": [
-    "dist"
+    "dist",
+    "src"
   ],
   "module": "dist/esm/index.js"
-}
+}

package/src/components/GraphView.tsx

@@ -0,0 +1,58 @@
+import type { Node } from '@xyflow/react';
+
+import { Background, Controls, ReactFlow, useNodesState } from '@xyflow/react';
+import React, { useEffect } from 'react';
+
+const initialNodes: Node = { id: '1', position: { x: 0, y: 0 }, data: { label: '1' } };
+
+interface GraphViewProps {
+  children: React.ReactNode;
+  width: number;
+  height: number;
+}
+
+export const GraphView: React.FC<GraphViewProps> = ({ children, width, height }) => {
+  const [nodes, setNodes, onNodesChange] = useNodesState<Node>([
+    {
+      ...initialNodes,
+      width: width,
+      height: height,
+    },
+  ]);
+
+  const CustomNode = () => {
+    return <>{children}</>;
+  };
+  const nodeTypes = {
+    default: CustomNode,
+  };
+
+  useEffect(() => {
+    if (!width) return;
+
+    setNodes((prev) => {
+      const node = prev.find((node) => node.id === '1') as Node;
+      const newNode: Node = {
+        ...node,
+        measured: { height: height, width: width },
+        height: height,
+        width: width,
+      };
+      return [newNode];
+    });
+  }, [width, height, setNodes]);
+  return (
+    <ReactFlow
+      nodes={nodes}
+      nodeTypes={nodeTypes}
+      onNodesChange={onNodesChange}
+      debug={true}
+      minZoom={0.5}
+      maxZoom={2}
+      fitView
+    >
+      <Controls />
+      <Background />
+    </ReactFlow>
+  );
+};

package/src/components/Layout/ContentMetricBar.tsx

@@ -0,0 +1,23 @@
+import { HEATMAP_CONFIG } from '../../configs';
+import { useHeatmapControlStore } from '../../stores';
+import { BoxStack } from '../../ui';
+
+export const ContentMetricBar: React.FC = () => {
+  const controls = useHeatmapControlStore((state) => state.controls);
+
+  return (
+    <BoxStack
+      id="gx-hm-content-metric-bar"
+      flexDirection="row"
+      alignItems="center"
+      overflow="auto"
+      zIndex={1}
+      backgroundColor="white"
+      style={{
+        borderBottom: `${HEATMAP_CONFIG.borderWidth}px solid ${HEATMAP_CONFIG.borderColor}`,
+      }}
+    >
+      {controls.MetricBar ?? null}
+    </BoxStack>
+  );
+};

package/src/components/Layout/ContentToolbar.tsx

@@ -0,0 +1,22 @@
+import { useHeatmapControlStore } from '../../stores';
+
+export const ContentToolbar: React.FC = () => {
+  const controls = useHeatmapControlStore((state) => state.controls);
+
+  return (
+    <div
+      id="gx-hm-content-toolbar"
+      style={{
+        zIndex: 2,
+        position: 'absolute',
+        bottom: 0,
+        left: '8px',
+        right: '24px',
+        padding: '8px',
+        paddingBlock: '16px',
+      }}
+    >
+      {controls.Toolbar ?? null}
+    </div>
+  );
+};

package/src/components/Layout/ContentTopBar.tsx

@@ -0,0 +1,24 @@
+import { HEATMAP_CONFIG } from '../../configs';
+import { useHeatmapControlStore } from '../../stores';
+import { BoxStack } from '../../ui';
+
+export const ContentTopBar: React.FC = () => {
+  const controls = useHeatmapControlStore((state) => state.controls);
+  const TopBar = controls.TopBar;
+
+  return (
+    <BoxStack
+      id="gx-hm-content-header"
+      flexDirection="row"
+      alignItems="center"
+      overflow="auto"
+      zIndex={1}
+      backgroundColor="white"
+      style={{
+        borderBottom: `${HEATMAP_CONFIG.borderWidth}px solid ${HEATMAP_CONFIG.borderColor}`,
+      }}
+    >
+      {TopBar && <TopBar />}
+    </BoxStack>
+  );
+};

package/src/components/Layout/ContentVizByMode.tsx

@@ -0,0 +1,14 @@
+import { useHeatmapConfigStore } from '../../stores';
+import { VizDomHeatmap } from '../VizDom';
+import { VizLiveHeatmap } from '../VizLive';
+
+export const ContentVizByMode: React.FC = () => {
+  const mode = useHeatmapConfigStore((state) => state.mode);
+
+  switch (mode) {
+    case 'live':
+      return <VizLiveHeatmap />;
+    default:
+      return <VizDomHeatmap />;
+  }
+};

package/src/components/Layout/HeatmapLayout.tsx

@@ -0,0 +1,60 @@
+import { HEATMAP_CONFIG } from '../../configs';
+import {
+  useRegisterConfig,
+  useRegisterControl,
+  useRegisterData,
+  useRegisterHeatmap,
+} from '../../hooks';
+import { ClickMapPoint, DecodedPayload, IHeatmapInfo, ScrollMapPoint } from '../../types';
+import { IHeatmapControl } from '../../types/control';
+import { BoxStack, BoxStackProps } from '../../ui';
+import { WrapperLayout } from './WrapperLayout';
+
+interface HeatmapLayoutProps {
+  data?: DecodedPayload[];
+  clickmap?: ClickMapPoint[];
+  scrollmap?: ScrollMapPoint[];
+  dataInfo?: IHeatmapInfo;
+  controls: IHeatmapControl;
+}
+export const HeatmapLayout: React.FC<HeatmapLayoutProps> = ({
+  data,
+  clickmap,
+  scrollmap,
+  controls,
+  dataInfo,
+}) => {
+  useRegisterControl(controls);
+  useRegisterData(data, dataInfo);
+  useRegisterHeatmap({ clickmap, scrollmap });
+  useRegisterConfig();
+
+  return (
+    <BoxStack
+      id="gx-hm-project"
+      flexDirection="column"
+      flex="1"
+      height="100%"
+      style={getVariableStyle()}
+    >
+      <BoxStack id="gx-hm-project-content" flexDirection="column" flex="1">
+        <div
+          style={{
+            minHeight: '100%',
+            display: 'flex',
+          }}
+        >
+          <WrapperLayout />
+        </div>
+      </BoxStack>
+    </BoxStack>
+  );
+
+  function getVariableStyle(): BoxStackProps['style'] {
+    return {
+      '--gx-hm-border-width': `${HEATMAP_CONFIG.borderWidth}px`,
+      '--gx-hm-border-width-iframe': `${HEATMAP_CONFIG.borderWidthIframe}px`,
+      '--gx-hm-border-color': `${HEATMAP_CONFIG.borderColor}`,
+    } as React.CSSProperties;
+  }
+};

package/src/components/Layout/LeftSidebar.tsx

@@ -0,0 +1,44 @@
+import { HEATMAP_CONFIG } from '../../configs';
+import {
+  useHeatmapConfigStore,
+  useHeatmapControlStore,
+  useHeatmapInteractionStore,
+} from '../../stores';
+
+export const LeftSidebar: React.FC = () => {
+  const controls = useHeatmapControlStore((state) => state.controls);
+  const isHideSidebar = useHeatmapInteractionStore((state) => state.state.hideSidebar);
+  const sidebarWidth = useHeatmapConfigStore((state) => state.sidebarWidth);
+
+  if (isHideSidebar) {
+    return null;
+  }
+  return (
+    <div
+      className="gx-hm-sidebar"
+      style={{
+        height: '100%',
+        display: 'flex',
+        zIndex: 1,
+        ...(isHideSidebar
+          ? {
+              width: '0',
+              transform: 'translateX(-100%)',
+              visibility: 'hidden',
+            }
+          : { width: `${sidebarWidth}px + ${HEATMAP_CONFIG.borderWidth}px` }),
+      }}
+    >
+      <div
+        className="gx-hm-sidebar-wrapper"
+        style={{
+          height: '100%',
+          width: `calc(${sidebarWidth}px + ${HEATMAP_CONFIG.borderWidth}px)`,
+          borderRight: `${HEATMAP_CONFIG.borderWidth}px solid ${HEATMAP_CONFIG.borderColor}`,
+        }}
+      >
+        {controls.Sidebar ?? null}
+      </div>
+    </div>
+  );
+};

package/src/components/Layout/WrapperLayout.tsx

@@ -0,0 +1,12 @@
+import { BoxStack } from '../../ui';
+import { ContentTopBar } from './ContentTopBar';
+import { WrapperPreview } from './WrapperPreview';
+
+export const WrapperLayout: React.FC = () => {
+  return (
+    <BoxStack id="gx-hm-layout" flexDirection="column" flex="1">
+      <ContentTopBar />
+      <WrapperPreview />
+    </BoxStack>
+  );
+};

package/src/components/Layout/WrapperPreview.tsx

@@ -0,0 +1,24 @@
+import { BoxStack } from '../../ui';
+import { ContentMetricBar } from './ContentMetricBar';
+import { ContentToolbar } from './ContentToolbar';
+import { ContentVizByMode } from './ContentVizByMode';
+import { LeftSidebar } from './LeftSidebar';
+
+export const WrapperPreview: React.FC = () => {
+  return (
+    <BoxStack
+      id="gx-hm-container"
+      flexDirection="row"
+      overflow="hidden"
+      flex="1"
+      position="relative"
+    >
+      <LeftSidebar />
+      <BoxStack flexDirection="column" flex="1">
+        <ContentMetricBar />
+        <ContentVizByMode />
+        <ContentToolbar />
+      </BoxStack>
+    </BoxStack>
+  );
+};

package/src/components/Layout/index.ts

@@ -0,0 +1 @@
+export * from './HeatmapLayout';

package/src/components/VizDom/ReplayControls.tsx

@@ -0,0 +1,48 @@
+import { useReplayRender } from '../../hooks/viz-render/useReplayRender';
+
+export const ReplayControls: React.FC = () => {
+  const replayResult = useReplayRender();
+
+  return (
+    <div
+      style={{
+        position: 'absolute',
+        bottom: 20,
+        left: '50%',
+        transform: 'translateX(-50%)',
+        display: 'flex',
+        gap: 10,
+        backgroundColor: 'rgba(0, 0, 0, 0.7)',
+        padding: '10px 20px',
+        borderRadius: 8,
+      }}
+    >
+      <button
+        onClick={replayResult.play}
+        style={{
+          padding: '8px 16px',
+          backgroundColor: '#4CAF50',
+          color: 'white',
+          border: 'none',
+          borderRadius: 4,
+          cursor: 'pointer',
+        }}
+      >
+        Play
+      </button>
+      <button
+        onClick={replayResult.pause}
+        style={{
+          padding: '8px 16px',
+          backgroundColor: '#f44336',
+          color: 'white',
+          border: 'none',
+          borderRadius: 4,
+          cursor: 'pointer',
+        }}
+      >
+        Pause
+      </button>
+    </div>
+  );
+};