@gemx-dev/heatmap-react 3.5.19 → 3.5.23

package/src/dist/helpers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/src/dist/helpers/viz-elements.d.ts

@@ -0,0 +1,10 @@
+import type { ElementRect } from '../types';
+export declare function getElementLayout(element: HTMLElement): ElementRect | null;
+export declare function formatPercentage(value: number, decimals?: number): string;
+export declare function getSimpleSelector(selector: string): string;
+export declare function calculateRankPosition(rect: ElementRect, widthScale: number): {
+    transform: string;
+    top: number | undefined;
+    left: number | undefined;
+};
+//# sourceMappingURL=viz-elements.d.ts.map

package/src/dist/helpers/viz-elements.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"viz-elements.d.ts","sourceRoot":"","sources":["../../src/helpers/viz-elements.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,WAAW,GAAG,WAAW,GAAG,IAAI,CAWzE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,SAAI,GAAG,MAAM,CAEpE;AAED,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAG1D;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM;;;;EAS1E"}

package/src/dist/hooks/index.d.ts

@@ -0,0 +1,4 @@
+export * from './vix-elements';
+export * from './viz-render';
+export * from './viz-scale';
+//# sourceMappingURL=index.d.ts.map

package/src/dist/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC"}

package/src/dist/hooks/vix-elements/index.d.ts

@@ -0,0 +1,5 @@
+export * from './useClickedElement';
+export * from './useHeatmapEffects';
+export * from './useHeatmapElementPosition';
+export * from './useHoveredElement';
+//# sourceMappingURL=index.d.ts.map

package/src/dist/hooks/vix-elements/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/vix-elements/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC"}

package/src/dist/hooks/vix-elements/useClickedElement.d.ts

@@ -0,0 +1,14 @@
+import type { ElementInfo, ElementRect, HeatmapInfo } from '../../types';
+interface Params {
+    selectedElement: string | null | undefined;
+    heatmapInfo?: HeatmapInfo;
+    getRect: (el?: any) => ElementRect | null;
+}
+export declare const useClickedElement: ({ selectedElement, heatmapInfo, getRect }: Params) => {
+    clickedElement: ElementInfo | null;
+    showMissingElement: boolean;
+    shouldShowCallout: boolean;
+    setShouldShowCallout: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+};
+export {};
+//# sourceMappingURL=useClickedElement.d.ts.map

package/src/dist/hooks/vix-elements/useClickedElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickedElement.d.ts","sourceRoot":"","sources":["../../../src/hooks/vix-elements/useClickedElement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAIzE,UAAU,MAAM;IACd,eAAe,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3C,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,KAAK,WAAW,GAAG,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,iBAAiB,GAAI,2CAA2C,MAAM;;;;;CAmDlF,CAAC"}

package/src/dist/hooks/vix-elements/useHeatmapEffects.d.ts

@@ -0,0 +1,8 @@
+export declare const useHeatmapEffects: ({ isVisible, isElementSidebarOpen, selectedElement, setShouldShowCallout, resetAll, }: {
+    isVisible?: boolean;
+    isElementSidebarOpen?: boolean;
+    selectedElement?: string | null;
+    setShouldShowCallout: (v: boolean) => void;
+    resetAll: () => void;
+}) => void;
+//# sourceMappingURL=useHeatmapEffects.d.ts.map

package/src/dist/hooks/vix-elements/useHeatmapEffects.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHeatmapEffects.d.ts","sourceRoot":"","sources":["../../../src/hooks/vix-elements/useHeatmapEffects.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,GAAI,uFAM/B;IACD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,oBAAoB,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,SAcA,CAAC"}

package/src/dist/hooks/vix-elements/useHeatmapElementPosition.d.ts

@@ -0,0 +1,13 @@
+import type { ElementRect, HeatmapElement, WebVisualizer } from '../../types';
+interface Params {
+    iframeRef: React.RefObject<HTMLIFrameElement>;
+    parentRef: React.RefObject<HTMLElement>;
+    visualizer?: WebVisualizer;
+    heatmapWidth?: number;
+    iframeHeight?: number;
+    widthScale: number;
+    projectId?: string;
+}
+export declare const useHeatmapElementPosition: ({ iframeRef, parentRef, visualizer, heatmapWidth, iframeHeight, widthScale, projectId, }: Params) => (element?: HeatmapElement) => ElementRect | null;
+export {};
+//# sourceMappingURL=useHeatmapElementPosition.d.ts.map

package/src/dist/hooks/vix-elements/useHeatmapElementPosition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHeatmapElementPosition.d.ts","sourceRoot":"","sources":["../../../src/hooks/vix-elements/useHeatmapElementPosition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAK9E,UAAU,MAAM;IACd,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACxC,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,yBAAyB,GAAI,0FAQvC,MAAM,gBAEM,cAAc,KAAG,WAAW,GAAG,IAwC7C,CAAC"}

package/src/dist/hooks/vix-elements/useHoveredElement.d.ts

@@ -0,0 +1,17 @@
+import type { ElementInfo, HeatmapInfo } from '../../types';
+interface Params {
+    iframeRef: React.RefObject<HTMLIFrameElement>;
+    heatmapInfo?: HeatmapInfo;
+    widthScale: number;
+    getRect: (el?: any) => any;
+    onSelect?: (hash: string) => void;
+}
+export declare const useHoveredElement: ({ iframeRef, heatmapInfo, widthScale, getRect, onSelect, }: Params) => {
+    hoveredElement: ElementInfo | null;
+    handleMouseMove: (event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    handleMouseLeave: () => void;
+    handleClick: () => void;
+};
+export declare const getElementAtPoint: (doc: Document, x: number, y: number) => HTMLElement | null;
+export {};
+//# sourceMappingURL=useHoveredElement.d.ts.map

package/src/dist/hooks/vix-elements/useHoveredElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHoveredElement.d.ts","sourceRoot":"","sources":["../../../src/hooks/vix-elements/useHoveredElement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAe5D,UAAU,MAAM;IACd,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,iBAAiB,GAAI,4DAM/B,MAAM;;wFAtBuB,IAAI;;;CA+GnC,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,KAAK,QAAQ,EAAE,GAAG,MAAM,EAAE,GAAG,MAAM,KAAG,WAAW,GAAG,IAcrF,CAAC"}

package/src/dist/hooks/viz-render/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useHeatmapVizRender';
+//# sourceMappingURL=index.d.ts.map

package/src/dist/hooks/viz-render/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-render/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/src/dist/hooks/viz-render/useHeatmapRender.d.ts

@@ -0,0 +1,8 @@
+import { Visualizer } from '@gemx-dev/clarity-visualize';
+interface IUseHeatmapRenderResult {
+    iframeRef: React.RefObject<HTMLIFrameElement | null>;
+    clarityVisualizer: Visualizer | null;
+}
+export declare const useHeatmapRender: () => IUseHeatmapRenderResult;
+export {};
+//# sourceMappingURL=useHeatmapRender.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useHeatmapRender.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-render/useHeatmapRender.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAOzD,UAAU,uBAAuB;IAC/B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACrD,iBAAiB,EAAE,UAAU,GAAG,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,gBAAgB,QAAO,uBAoFnC,CAAC"}

package/src/dist/hooks/viz-render/useHeatmapVizRender.d.ts

@@ -0,0 +1,8 @@
+import { Visualizer } from '@gemx-dev/clarity-visualize';
+interface IHeatmapVizRenderResult {
+    iframeRef: React.RefObject<HTMLIFrameElement | null>;
+    clarityVisualizer: Visualizer | null;
+}
+export declare const useHeatmapVizRender: (mode: "heatmap" | "replay") => IHeatmapVizRenderResult;
+export {};
+//# sourceMappingURL=useHeatmapVizRender.d.ts.map

package/src/dist/hooks/viz-render/useHeatmapVizRender.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHeatmapVizRender.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-render/useHeatmapVizRender.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,UAAU,uBAAuB;IAC/B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACrD,iBAAiB,EAAE,UAAU,GAAG,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,mBAAmB,GAAI,MAAM,SAAS,GAAG,QAAQ,KAAG,uBAWhE,CAAC"}

package/src/dist/hooks/viz-render/useReplayRender.d.ts

@@ -0,0 +1,11 @@
+import { Visualizer } from '@gemx-dev/clarity-visualize';
+interface IUseReplayRenderResult {
+    iframeRef: React.RefObject<HTMLIFrameElement | null>;
+    isPlaying: boolean;
+    clarityVisualizer: Visualizer | null;
+    play: () => void;
+    pause: () => void;
+}
+export declare const useReplayRender: () => IUseReplayRenderResult;
+export {};
+//# sourceMappingURL=useReplayRender.d.ts.map

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

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

package/src/dist/hooks/viz-scale/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useHeatmapScale';
+//# sourceMappingURL=index.d.ts.map

package/src/dist/hooks/viz-scale/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-scale/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/src/dist/hooks/viz-scale/useContainerDimensions.d.ts

@@ -0,0 +1,10 @@
+interface IUseContainerDimensionsProps {
+    wrapperRef: React.RefObject<HTMLDivElement | null>;
+}
+interface IUseContainerDimensionsResult {
+    containerWidth: number;
+    containerHeight: number;
+}
+export declare const useContainerDimensions: (props: IUseContainerDimensionsProps) => IUseContainerDimensionsResult;
+export {};
+//# sourceMappingURL=useContainerDimensions.d.ts.map

package/src/dist/hooks/viz-scale/useContainerDimensions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContainerDimensions.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-scale/useContainerDimensions.ts"],"names":[],"mappings":"AAEA,UAAU,4BAA4B;IACpC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACpD;AAED,UAAU,6BAA6B;IACrC,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,sBAAsB,GACjC,OAAO,4BAA4B,KAClC,6BAgCF,CAAC"}

package/src/dist/hooks/viz-scale/useContentDimensions.d.ts

@@ -0,0 +1,11 @@
+import { IHeatmapConfig } from '../../types';
+interface IUseContentDimensionsProps {
+    iframeRef: React.RefObject<HTMLIFrameElement | null>;
+    config?: IHeatmapConfig;
+}
+interface IUseContentDimensionsResult {
+    contentWidth: number;
+}
+export declare const useContentDimensions: (props: IUseContentDimensionsProps) => IUseContentDimensionsResult;
+export {};
+//# sourceMappingURL=useContentDimensions.d.ts.map

package/src/dist/hooks/viz-scale/useContentDimensions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContentDimensions.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-scale/useContentDimensions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,UAAU,0BAA0B;IAClC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACrD,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AAED,UAAU,2BAA2B;IACnC,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,oBAAoB,GAC/B,OAAO,0BAA0B,KAChC,2BAcF,CAAC"}

package/src/dist/hooks/viz-scale/useHeatmapScale.d.ts

@@ -0,0 +1,19 @@
+import { IHeatmapConfig } from '../../types';
+interface IHeatmapScaleProps {
+    wrapperRef: React.RefObject<HTMLDivElement | null>;
+    iframeRef: React.RefObject<HTMLIFrameElement | null>;
+    config?: IHeatmapConfig;
+}
+interface IUseHeatmapScaleResult {
+    containerWidth: number;
+    containerHeight: number;
+    contentWidth: number;
+    scaledWidth: number;
+    scaledHeight: number;
+    iframeHeight: number;
+    scale: number;
+    handleScroll: (scrollTop: number) => void;
+}
+export declare const useHeatmapScale: (props: IHeatmapScaleProps) => IUseHeatmapScaleResult;
+export {};
+//# sourceMappingURL=useHeatmapScale.d.ts.map

package/src/dist/hooks/viz-scale/useHeatmapScale.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHeatmapScale.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-scale/useHeatmapScale.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAO7C,UAAU,kBAAkB;IAC1B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACrD,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AAED,UAAU,sBAAsB;IAC9B,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,eAAe,GAAI,OAAO,kBAAkB,KAAG,sBA4B3D,CAAC"}

package/src/dist/hooks/viz-scale/useIframeHeight.d.ts

@@ -0,0 +1,10 @@
+interface IUseIframeHeightProps {
+    iframeRef: React.RefObject<HTMLIFrameElement | null>;
+    contentWidth: number;
+}
+interface IUseIframeHeightResult {
+    iframeHeight: number;
+}
+export declare const useIframeHeight: (props: IUseIframeHeightProps) => IUseIframeHeightResult;
+export {};
+//# sourceMappingURL=useIframeHeight.d.ts.map

package/src/dist/hooks/viz-scale/useIframeHeight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIframeHeight.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-scale/useIframeHeight.ts"],"names":[],"mappings":"AAKA,UAAU,qBAAqB;IAC7B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACrD,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,sBAAsB;IAC9B,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,GAAI,OAAO,qBAAqB,KAAG,sBAwG9D,CAAC"}

package/src/dist/hooks/viz-scale/useScaleCalculation.d.ts

@@ -0,0 +1,10 @@
+interface IUseScaleCalculationProps {
+    containerWidth: number;
+    contentWidth: number;
+}
+interface IUseScaleCalculationResult {
+    scale: number;
+}
+export declare const useScaleCalculation: (props: IUseScaleCalculationProps) => IUseScaleCalculationResult;
+export {};
+//# sourceMappingURL=useScaleCalculation.d.ts.map

package/src/dist/hooks/viz-scale/useScaleCalculation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScaleCalculation.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-scale/useScaleCalculation.ts"],"names":[],"mappings":"AAGA,UAAU,yBAAyB;IACjC,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,0BAA0B;IAClC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,mBAAmB,GAC9B,OAAO,yBAAyB,KAC/B,0BAaF,CAAC"}

package/src/dist/hooks/viz-scale/useScrollSync.d.ts

@@ -0,0 +1,10 @@
+interface IUseScrollSyncProps {
+    iframeRef: React.RefObject<HTMLIFrameElement | null>;
+    scale: number;
+}
+interface IUseScrollSyncResult {
+    handleScroll: (scrollTop: number) => void;
+}
+export declare const useScrollSync: (props: IUseScrollSyncProps) => IUseScrollSyncResult;
+export {};
+//# sourceMappingURL=useScrollSync.d.ts.map

package/src/dist/hooks/viz-scale/useScrollSync.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollSync.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-scale/useScrollSync.ts"],"names":[],"mappings":"AAEA,UAAU,mBAAmB;IAC3B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACrD,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,oBAAoB;IAC5B,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,aAAa,GAAI,OAAO,mBAAmB,KAAG,oBAwB1D,CAAC"}

package/src/dist/index.d.ts

@@ -0,0 +1,4 @@
+export * from './components';
+export { useHeatmapDataStore } from './stores';
+export type { DecodedPayload } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAE7B,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE/C,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,18 @@
+import { ClickMapPoint, DecodedPayload, IHeatmapConfig } from '../types';
+export interface IHeatmapState {
+    hideSidebar: boolean;
+}
+export interface IHeatmapDataStore {
+    data?: DecodedPayload[];
+    clickmap?: ClickMapPoint[];
+    config?: IHeatmapConfig;
+    iframeHeight: number;
+    state: IHeatmapState;
+    setState: (state: IHeatmapState) => void;
+    setData: (data: DecodedPayload[]) => void;
+    setClickmap: (clickmap: ClickMapPoint[]) => void;
+    setConfig: (config: IHeatmapConfig) => void;
+    setIframeHeight: (iframeHeight: number) => void;
+}
+export declare const useHeatmapDataStore: import("zustand").UseBoundStore<import("zustand").StoreApi<IHeatmapDataStore>>;
+//# sourceMappingURL=data.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../src/stores/data.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAEzE,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,cAAc,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;IAC3B,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,OAAO,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAC1C,WAAW,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;IACjD,SAAS,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAC5C,eAAe,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAED,eAAO,MAAM,mBAAmB,gFAa7B,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './data';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stores/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/src/dist/ui/BoxStack/BoxStack.d.ts

@@ -0,0 +1,56 @@
+type Style = Omit<React.CSSProperties, 'display' | 'flexDirection' | 'overflow' | 'position' | 'flex' | 'justifyContent' | 'alignItems' | 'flexWrap' | 'gap' | 'height'>;
+type FlexDirection = 'row' | 'column';
+type Overflow = 'hidden' | 'visible' | 'scroll' | 'auto';
+type Position = 'relative' | 'absolute' | 'fixed' | 'sticky';
+type Flex = `${number}` | 'auto' | 'initial' | 'none' | string;
+type JustifyContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+type AlignItems = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
+type Gap = number | string;
+type Height = number | string;
+export interface BoxStackProps {
+    id?: string;
+    children: React.ReactNode;
+    style?: Style;
+    /**
+     * The flex of the flex container.
+     * @default 'none'
+     */
+    flex?: Flex;
+    /**
+     * The gap between the children.
+     * @default 0
+     */
+    gap?: Gap;
+    /**
+     * The justify content of the flex container.
+     * @default undefined
+     */
+    justifyContent?: JustifyContent;
+    /**
+     * The align items of the flex container.
+     * @default undefined
+     */
+    alignItems?: AlignItems;
+    /**
+     * The direction of the flex container.
+     */
+    flexDirection: FlexDirection;
+    /**
+     * The overflow of the flex container.
+     * @default 'hidden'
+     */
+    overflow?: Overflow;
+    /**
+     * The position of the flex container.
+     * @default 'relative'
+     */
+    position?: Position;
+    /**
+     * The height of the flex container.
+     * @default 'auto'
+     */
+    height?: Height;
+}
+export declare const BoxStack: React.FC<BoxStackProps>;
+export {};
+//# sourceMappingURL=BoxStack.d.ts.map

package/src/dist/ui/BoxStack/BoxStack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoxStack.d.ts","sourceRoot":"","sources":["../../../src/ui/BoxStack/BoxStack.tsx"],"names":[],"mappings":"AAEA,KAAK,KAAK,GAAG,IAAI,CACf,KAAK,CAAC,aAAa,EACjB,SAAS,GACT,eAAe,GACf,UAAU,GACV,UAAU,GACV,MAAM,GACN,gBAAgB,GAChB,YAAY,GACZ,UAAU,GACV,KAAK,GACL,QAAQ,CACX,CAAC;AAEF,KAAK,aAAa,GAAG,KAAK,GAAG,QAAQ,CAAC;AACtC,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AACzD,KAAK,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC7D,KAAK,IAAI,GAAG,GAAG,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAC/D,KAAK,cAAc,GACf,YAAY,GACZ,UAAU,GACV,QAAQ,GACR,eAAe,GACf,cAAc,GACd,cAAc,CAAC;AACnB,KAAK,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;AAEhF,KAAK,GAAG,GAAG,MAAM,GAAG,MAAM,CAAC;AAC3B,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAE9B,MAAM,WAAW,aAAa;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ;;;OAGG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC;IACV;;;OAGG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;OAEG;IACH,aAAa,EAAE,aAAa,CAAC;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA0C5C,CAAC"}

package/src/dist/ui/BoxStack/index.d.ts

@@ -0,0 +1,2 @@
+export * from './BoxStack';
+//# sourceMappingURL=index.d.ts.map

package/src/dist/ui/BoxStack/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/BoxStack/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/src/dist/ui/index.d.ts

@@ -0,0 +1,2 @@
+export * from './BoxStack';
+//# sourceMappingURL=index.d.ts.map

package/src/dist/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/src/dist/utils/device.d.ts

@@ -0,0 +1,2 @@
+export declare function isMobileDevice(userAgent: string): boolean;
+//# sourceMappingURL=device.d.ts.map

package/src/dist/utils/device.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"device.d.ts","sourceRoot":"","sources":["../../src/utils/device.ts"],"names":[],"mappings":"AAAA,wBAAgB,cAAc,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAMzD"}

package/src/dist/utils/retry.d.ts

@@ -0,0 +1,2 @@
+export declare function retry(fn: () => Promise<any> | any, retries: number, delay: number): Promise<any>;
+//# sourceMappingURL=retry.d.ts.map

package/src/dist/utils/retry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"retry.d.ts","sourceRoot":"","sources":["../../src/utils/retry.ts"],"names":[],"mappings":"AAIA,wBAAsB,KAAK,CACzB,EAAE,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,GAAG,GAAG,EAC5B,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,MAAM,GACZ,OAAO,CAAC,GAAG,CAAC,CAWd"}

package/src/dist/utils/sort.d.ts

@@ -0,0 +1,3 @@
+import { DecodedEvent } from '../types';
+export declare function sortEvents(a: DecodedEvent, b: DecodedEvent): number;
+//# sourceMappingURL=sort.d.ts.map

package/src/dist/utils/sort.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort.d.ts","sourceRoot":"","sources":["../../src/utils/sort.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,wBAAgB,UAAU,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,YAAY,GAAG,MAAM,CAEnE"}

package/src/global.d.ts

@@ -0,0 +1,5 @@
+/* eslint-disable @typescript-eslint/consistent-type-definitions */
+
+declare namespace JSX {
+  interface IntrinsicElements {}
+}

package/src/helpers/iframe.ts

@@ -0,0 +1,33 @@
+import { HEATMAP_IFRAME } from '../configs';
+import { IHeatmapConfig } from '../types';
+
+export const recreateIframe = (
+  iframeRef: React.RefObject<HTMLIFrameElement | null>,
+  config?: IHeatmapConfig,
+) => {
+  const container = iframeRef.current?.parentElement;
+  if (!container) return;
+
+  const oldIframe = iframeRef.current;
+  if (!oldIframe?.contentDocument?.body.innerHTML) {
+    return oldIframe;
+  }
+
+  if (oldIframe && oldIframe.parentElement) {
+    oldIframe.parentElement.removeChild(oldIframe);
+  }
+
+  const newIframe = document.createElement('iframe');
+  newIframe.id = HEATMAP_IFRAME.id;
+  newIframe.title = HEATMAP_IFRAME.title;
+  newIframe.sandbox = HEATMAP_IFRAME.sandbox;
+  newIframe.scrolling = HEATMAP_IFRAME.scrolling;
+  newIframe.width = config?.width ? `${config.width}px` : '100%';
+
+  // Append to container
+  container.appendChild(newIframe);
+
+  // Update ref
+  iframeRef.current = newIframe;
+  return newIframe;
+};

package/src/helpers/index.ts

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

package/src/helpers/viz-elements.ts

@@ -0,0 +1,34 @@
+import type { ElementRect } from '../types';
+
+export function getElementLayout(element: HTMLElement): ElementRect | null {
+  if (!element?.getBoundingClientRect) return null;
+  const rect = element.getBoundingClientRect();
+  if (rect.width === 0 && rect.height === 0) return null;
+
+  return {
+    top: rect.top,
+    left: rect.left,
+    width: rect.width,
+    height: rect.height,
+  };
+}
+
+export function formatPercentage(value: number, decimals = 2): string {
+  return value.toFixed(decimals);
+}
+
+export function getSimpleSelector(selector: string): string {
+  const parts = selector.split(' > ');
+  return parts[parts.length - 1] || selector;
+}
+
+export function calculateRankPosition(rect: ElementRect, widthScale: number) {
+  const top = rect.top <= 18 ? rect.top + 3 : rect.top - 18;
+  const left = rect.left <= 18 ? rect.left + 3 : rect.left - 18;
+
+  return {
+    transform: `scale(${1.2 * widthScale})`,
+    top: Number.isNaN(top) ? undefined : top,
+    left: Number.isNaN(left) ? undefined : left,
+  };
+}

package/src/hooks/index.ts

@@ -0,0 +1,3 @@
+export * from './vix-elements';
+export * from './viz-render';
+export * from './viz-scale';

package/src/hooks/vix-elements/index.ts

@@ -0,0 +1,4 @@
+export * from './useClickedElement';
+export * from './useHeatmapEffects';
+export * from './useHeatmapElementPosition';
+export * from './useHoveredElement';

package/src/hooks/vix-elements/useClickedElement.ts

@@ -0,0 +1,62 @@
+import type { ElementInfo, ElementRect, HeatmapInfo } from '../../types';
+
+import { useEffect, useState } from 'react';
+
+interface Params {
+  selectedElement: string | null | undefined;
+  heatmapInfo?: HeatmapInfo;
+  getRect: (el?: any) => ElementRect | null;
+}
+
+export const useClickedElement = ({ selectedElement, heatmapInfo, getRect }: Params) => {
+  const [clickedElement, setClickedElement] = useState<ElementInfo | null>(null);
+  const [showMissingElement, setShowMissingElement] = useState(false);
+  const [shouldShowCallout, setShouldShowCallout] = useState(false);
+
+  useEffect(() => {
+    if (!selectedElement || !heatmapInfo?.elementMapInfo) {
+      setClickedElement(null);
+      setShowMissingElement(false);
+      setShouldShowCallout(false);
+      return;
+    }
+
+    const info = heatmapInfo.elementMapInfo[selectedElement];
+    if (!info) {
+      setClickedElement(null);
+      return;
+    }
+
+    const rect = getRect({ hash: selectedElement, selector: info.selector });
+
+    if (rect && heatmapInfo.sortedElements) {
+      const rank = heatmapInfo.sortedElements.findIndex((e) => e.hash === selectedElement) + 1;
+      setClickedElement({
+        ...rect,
+        hash: selectedElement,
+        clicks: info.totalclicks ?? 0,
+        rank,
+        selector: info.selector ?? '',
+      });
+      setShowMissingElement(false);
+      setShouldShowCallout(true);
+    } else {
+      const rank =
+        (heatmapInfo.sortedElements?.findIndex((e) => e.hash === selectedElement) ?? -1) + 1;
+      setClickedElement({
+        hash: selectedElement,
+        clicks: info.totalclicks ?? 0,
+        rank,
+        selector: info.selector ?? '',
+        left: 0,
+        top: 0,
+        width: 0,
+        height: 0,
+      });
+      setShowMissingElement(true);
+      setShouldShowCallout(false);
+    }
+  }, [selectedElement, heatmapInfo, getRect]);
+
+  return { clickedElement, showMissingElement, shouldShowCallout, setShouldShowCallout };
+};

package/src/hooks/vix-elements/useHeatmapEffects.ts

@@ -0,0 +1,29 @@
+import { useEffect } from 'react';
+
+export const useHeatmapEffects = ({
+  isVisible,
+  isElementSidebarOpen,
+  selectedElement,
+  setShouldShowCallout,
+  resetAll,
+}: {
+  isVisible?: boolean;
+  isElementSidebarOpen?: boolean;
+  selectedElement?: string | null;
+  setShouldShowCallout: (v: boolean) => void;
+  resetAll: () => void;
+}) => {
+  // Reset khi ẩn
+  useEffect(() => {
+    if (!isVisible) resetAll();
+  }, [isVisible, resetAll]);
+
+  // Ẩn callout khi sidebar mở
+  useEffect(() => {
+    if (isElementSidebarOpen && selectedElement) {
+      setShouldShowCallout(false);
+    } else if (!isElementSidebarOpen && selectedElement) {
+      setShouldShowCallout(true);
+    }
+  }, [isElementSidebarOpen, selectedElement, setShouldShowCallout]);
+};