@gemx-dev/heatmap-react 3.5.13 → 3.5.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (105) hide show
  1. package/dist/esm/components/Layout/HeatmapLayout.d.ts +4 -0
  2. package/dist/esm/components/Layout/HeatmapLayout.d.ts.map +1 -1
  3. package/dist/esm/components/Layout/WrapperLayout.d.ts +1 -0
  4. package/dist/esm/components/Layout/WrapperLayout.d.ts.map +1 -1
  5. package/dist/esm/components/VizDom/VizDomRenderer.d.ts.map +1 -1
  6. package/dist/esm/components/VizElement/ClickedElementOverlay.d.ts +17 -0
  7. package/dist/esm/components/VizElement/ClickedElementOverlay.d.ts.map +1 -0
  8. package/dist/esm/components/VizElement/DefaultRankBadges.d.ts +11 -0
  9. package/dist/esm/components/VizElement/DefaultRankBadges.d.ts.map +1 -0
  10. package/dist/esm/components/VizElement/ElementCallout.d.ts +17 -0
  11. package/dist/esm/components/VizElement/ElementCallout.d.ts.map +1 -0
  12. package/dist/esm/components/VizElement/HeatmapElements.d.ts +23 -0
  13. package/dist/esm/components/VizElement/HeatmapElements.d.ts.map +1 -0
  14. package/dist/esm/components/VizElement/HoveredElementOverlay.d.ts +12 -0
  15. package/dist/esm/components/VizElement/HoveredElementOverlay.d.ts.map +1 -0
  16. package/dist/esm/components/VizElement/MissingElementMessage.d.ts +7 -0
  17. package/dist/esm/components/VizElement/MissingElementMessage.d.ts.map +1 -0
  18. package/dist/esm/components/VizElement/RankBadge.d.ts +10 -0
  19. package/dist/esm/components/VizElement/RankBadge.d.ts.map +1 -0
  20. package/dist/esm/components/VizElement/VizElements.d.ts +3 -0
  21. package/dist/esm/components/VizElement/VizElements.d.ts.map +1 -1
  22. package/dist/esm/components/VizElement/temp/ClarityVisualizer.d.ts +150 -0
  23. package/dist/esm/components/VizElement/temp/ClarityVisualizer.d.ts.map +1 -0
  24. package/dist/esm/components/VizElement/{VizElementRank.d.ts → temp/VizElementRank.d.ts} +2 -3
  25. package/dist/esm/components/VizElement/temp/VizElementRank.d.ts.map +1 -0
  26. package/dist/esm/constants/index.d.ts +5 -0
  27. package/dist/esm/constants/index.d.ts.map +1 -0
  28. package/dist/esm/helpers/viz-elements.d.ts +10 -0
  29. package/dist/esm/helpers/viz-elements.d.ts.map +1 -0
  30. package/dist/esm/hooks/index.d.ts +1 -0
  31. package/dist/esm/hooks/index.d.ts.map +1 -1
  32. package/dist/esm/hooks/vix-elements/index.d.ts +5 -0
  33. package/dist/esm/hooks/vix-elements/index.d.ts.map +1 -0
  34. package/dist/esm/hooks/vix-elements/useClickedElement.d.ts +14 -0
  35. package/dist/esm/hooks/vix-elements/useClickedElement.d.ts.map +1 -0
  36. package/dist/esm/hooks/vix-elements/useHeatmapEffects.d.ts +8 -0
  37. package/dist/esm/hooks/vix-elements/useHeatmapEffects.d.ts.map +1 -0
  38. package/dist/esm/hooks/vix-elements/useHeatmapElementPosition.d.ts +13 -0
  39. package/dist/esm/hooks/vix-elements/useHeatmapElementPosition.d.ts.map +1 -0
  40. package/dist/esm/hooks/vix-elements/useHoveredElement.d.ts +17 -0
  41. package/dist/esm/hooks/vix-elements/useHoveredElement.d.ts.map +1 -0
  42. package/dist/esm/hooks/viz-render/useHeatmapRender.d.ts +2 -0
  43. package/dist/esm/hooks/viz-render/useHeatmapRender.d.ts.map +1 -1
  44. package/dist/esm/hooks/viz-render/useHeatmapVizRender.d.ts +2 -0
  45. package/dist/esm/hooks/viz-render/useHeatmapVizRender.d.ts.map +1 -1
  46. package/dist/esm/hooks/viz-render/useReplayRender.d.ts +2 -0
  47. package/dist/esm/hooks/viz-render/useReplayRender.d.ts.map +1 -1
  48. package/dist/esm/index.js +659 -24
  49. package/dist/esm/index.mjs +659 -24
  50. package/dist/esm/stores/data.d.ts +3 -1
  51. package/dist/esm/stores/data.d.ts.map +1 -1
  52. package/dist/style.css +20 -0
  53. package/dist/umd/components/Layout/HeatmapLayout.d.ts +4 -0
  54. package/dist/umd/components/Layout/HeatmapLayout.d.ts.map +1 -1
  55. package/dist/umd/components/Layout/WrapperLayout.d.ts +1 -0
  56. package/dist/umd/components/Layout/WrapperLayout.d.ts.map +1 -1
  57. package/dist/umd/components/VizDom/VizDomRenderer.d.ts.map +1 -1
  58. package/dist/umd/components/VizElement/ClickedElementOverlay.d.ts +17 -0
  59. package/dist/umd/components/VizElement/ClickedElementOverlay.d.ts.map +1 -0
  60. package/dist/umd/components/VizElement/DefaultRankBadges.d.ts +11 -0
  61. package/dist/umd/components/VizElement/DefaultRankBadges.d.ts.map +1 -0
  62. package/dist/umd/components/VizElement/ElementCallout.d.ts +17 -0
  63. package/dist/umd/components/VizElement/ElementCallout.d.ts.map +1 -0
  64. package/dist/umd/components/VizElement/HeatmapElements.d.ts +23 -0
  65. package/dist/umd/components/VizElement/HeatmapElements.d.ts.map +1 -0
  66. package/dist/umd/components/VizElement/HoveredElementOverlay.d.ts +12 -0
  67. package/dist/umd/components/VizElement/HoveredElementOverlay.d.ts.map +1 -0
  68. package/dist/umd/components/VizElement/MissingElementMessage.d.ts +7 -0
  69. package/dist/umd/components/VizElement/MissingElementMessage.d.ts.map +1 -0
  70. package/dist/umd/components/VizElement/RankBadge.d.ts +10 -0
  71. package/dist/umd/components/VizElement/RankBadge.d.ts.map +1 -0
  72. package/dist/umd/components/VizElement/VizElements.d.ts +3 -0
  73. package/dist/umd/components/VizElement/VizElements.d.ts.map +1 -1
  74. package/dist/umd/components/VizElement/temp/ClarityVisualizer.d.ts +150 -0
  75. package/dist/umd/components/VizElement/temp/ClarityVisualizer.d.ts.map +1 -0
  76. package/dist/umd/components/VizElement/{VizElementRank.d.ts → temp/VizElementRank.d.ts} +2 -3
  77. package/dist/umd/components/VizElement/temp/VizElementRank.d.ts.map +1 -0
  78. package/dist/umd/constants/index.d.ts +5 -0
  79. package/dist/umd/constants/index.d.ts.map +1 -0
  80. package/dist/umd/helpers/viz-elements.d.ts +10 -0
  81. package/dist/umd/helpers/viz-elements.d.ts.map +1 -0
  82. package/dist/umd/hooks/index.d.ts +1 -0
  83. package/dist/umd/hooks/index.d.ts.map +1 -1
  84. package/dist/umd/hooks/vix-elements/index.d.ts +5 -0
  85. package/dist/umd/hooks/vix-elements/index.d.ts.map +1 -0
  86. package/dist/umd/hooks/vix-elements/useClickedElement.d.ts +14 -0
  87. package/dist/umd/hooks/vix-elements/useClickedElement.d.ts.map +1 -0
  88. package/dist/umd/hooks/vix-elements/useHeatmapEffects.d.ts +8 -0
  89. package/dist/umd/hooks/vix-elements/useHeatmapEffects.d.ts.map +1 -0
  90. package/dist/umd/hooks/vix-elements/useHeatmapElementPosition.d.ts +13 -0
  91. package/dist/umd/hooks/vix-elements/useHeatmapElementPosition.d.ts.map +1 -0
  92. package/dist/umd/hooks/vix-elements/useHoveredElement.d.ts +17 -0
  93. package/dist/umd/hooks/vix-elements/useHoveredElement.d.ts.map +1 -0
  94. package/dist/umd/hooks/viz-render/useHeatmapRender.d.ts +2 -0
  95. package/dist/umd/hooks/viz-render/useHeatmapRender.d.ts.map +1 -1
  96. package/dist/umd/hooks/viz-render/useHeatmapVizRender.d.ts +2 -0
  97. package/dist/umd/hooks/viz-render/useHeatmapVizRender.d.ts.map +1 -1
  98. package/dist/umd/hooks/viz-render/useReplayRender.d.ts +2 -0
  99. package/dist/umd/hooks/viz-render/useReplayRender.d.ts.map +1 -1
  100. package/dist/umd/index.js +2 -2
  101. package/dist/umd/stores/data.d.ts +3 -1
  102. package/dist/umd/stores/data.d.ts.map +1 -1
  103. package/package.json +1 -1
  104. package/dist/esm/components/VizElement/VizElementRank.d.ts.map +0 -1
  105. package/dist/umd/components/VizElement/VizElementRank.d.ts.map +0 -1
@@ -1,14 +1,16 @@
1
- import { DecodedPayload, IHeatmapConfig } from '../types';
1
+ import { ClickMapPoint, DecodedPayload, IHeatmapConfig } from '../types';
2
2
  export interface IHeatmapState {
3
3
  hideSidebar: boolean;
4
4
  }
5
5
  export interface IHeatmapDataStore {
6
6
  data?: DecodedPayload[];
7
+ clickmap?: ClickMapPoint[];
7
8
  config?: IHeatmapConfig;
8
9
  iframeHeight: number;
9
10
  state: IHeatmapState;
10
11
  setState: (state: IHeatmapState) => void;
11
12
  setData: (data: DecodedPayload[]) => void;
13
+ setClickmap: (clickmap: ClickMapPoint[]) => void;
12
14
  setConfig: (config: IHeatmapConfig) => void;
13
15
  setIframeHeight: (iframeHeight: number) => void;
14
16
  }
@@ -1 +1 @@
1
- {"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../src/stores/data.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1D,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,cAAc,EAAE,CAAC;IACxB,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,SAAS,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAC5C,eAAe,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAED,eAAO,MAAM,mBAAmB,gFAW7B,CAAC"}
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/dist/style.css CHANGED
@@ -8,3 +8,23 @@
8
8
  position: absolute;
9
9
  z-index: 2;
10
10
  }
11
+
12
+ .rankBadge {
13
+ position: absolute;
14
+ width: 36px;
15
+ height: 36px;
16
+ background: #0078D4;
17
+ color: white;
18
+ border: 1px solid #FFFFFF;
19
+ border-radius: 32px;
20
+ text-align: center;
21
+ line-height: 32px;
22
+ filter: drop-shadow(0px 1.2px 3.6px rgba(0, 0, 0, 0.1));
23
+ cursor: default;
24
+ }
25
+
26
+ .heatmapElement {
27
+ position: absolute;
28
+ border: 1px solid white;
29
+ outline: 1px solid #0078D4;
30
+ }
@@ -1,6 +1,10 @@
1
+ import { ClickMapPoint, DecodedPayload } from '../../types';
1
2
  interface HeatmapLayoutProps {
3
+ data?: DecodedPayload[];
4
+ clickmap?: ClickMapPoint[];
2
5
  header: React.ReactNode;
3
6
  sidebar: React.ReactNode;
7
+ toolbar: React.ReactNode;
4
8
  }
5
9
  export declare const HeatmapLayout: React.FC<HeatmapLayoutProps>;
6
10
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"HeatmapLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/HeatmapLayout.tsx"],"names":[],"mappings":"AAGA,UAAU,kBAAkB;IAC1B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AACD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAetD,CAAC"}
1
+ {"version":3,"file":"HeatmapLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/HeatmapLayout.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAI5D,UAAU,kBAAkB;IAC1B,IAAI,CAAC,EAAE,cAAc,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;IAC3B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AACD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiDtD,CAAC"}
@@ -1,5 +1,6 @@
1
1
  interface WrapperLayoutProps {
2
2
  header: React.ReactNode;
3
+ toolbar: React.ReactNode;
3
4
  sidebar: React.ReactNode;
4
5
  }
5
6
  export declare const WrapperLayout: React.FC<WrapperLayoutProps>;
@@ -1 +1 @@
1
- {"version":3,"file":"WrapperLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/WrapperLayout.tsx"],"names":[],"mappings":"AAIA,UAAU,kBAAkB;IAC1B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AACD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAOtD,CAAC"}
1
+ {"version":3,"file":"WrapperLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/WrapperLayout.tsx"],"names":[],"mappings":"AAIA,UAAU,kBAAkB;IAC1B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AACD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAQtD,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"VizDomRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/VizDom/VizDomRenderer.tsx"],"names":[],"mappings":"AAOA,UAAU,mBAAmB;IAC3B,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAC7B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqExD,CAAC"}
1
+ {"version":3,"file":"VizDomRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/VizDom/VizDomRenderer.tsx"],"names":[],"mappings":"AAOA,UAAU,mBAAmB;IAC3B,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAC7B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2ExD,CAAC"}
@@ -0,0 +1,17 @@
1
+ import type { ElementInfo } from '../../types';
2
+ import React from 'react';
3
+ interface Props {
4
+ element: ElementInfo | null;
5
+ shouldShowCallout: boolean;
6
+ isSecondary?: boolean;
7
+ targetId: string;
8
+ totalClicks?: number;
9
+ isRecordingView?: boolean;
10
+ isCompareMode?: boolean;
11
+ deviceType?: string;
12
+ heatmapType?: string;
13
+ widthScale: number;
14
+ }
15
+ export declare const ClickedElementOverlay: React.FC<Props>;
16
+ export {};
17
+ //# sourceMappingURL=ClickedElementOverlay.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ClickedElementOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/ClickedElementOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,UAAU,KAAK;IACb,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6CjD,CAAC"}
@@ -0,0 +1,11 @@
1
+ import type { ElementRect, HeatmapElement } from '../../types';
2
+ import React from 'react';
3
+ interface Props {
4
+ elements: HeatmapElement[];
5
+ getRect: (el?: HeatmapElement) => ElementRect | null;
6
+ widthScale: number;
7
+ hidden?: boolean;
8
+ }
9
+ export declare const DefaultRankBadges: React.FC<Props>;
10
+ export {};
11
+ //# sourceMappingURL=DefaultRankBadges.d.ts.map
@@ -0,0 +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;AAE/D,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,KAAK;IACb,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,cAAc,KAAK,WAAW,GAAG,IAAI,CAAC;IACrD,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoB7C,CAAC"}
@@ -0,0 +1,17 @@
1
+ import { ElementInfo } from '../../types';
2
+ interface ElementCalloutProps {
3
+ element: ElementInfo;
4
+ target: string;
5
+ totalClicks: number;
6
+ isSecondary?: boolean;
7
+ isRecordingView?: boolean;
8
+ isCompareMode?: boolean;
9
+ deviceType?: string;
10
+ heatmapType?: string;
11
+ language?: string;
12
+ widthScale?: number;
13
+ parentRef?: React.RefObject<HTMLElement>;
14
+ }
15
+ export declare const ElementCallout: React.FC<ElementCalloutProps>;
16
+ export {};
17
+ //# sourceMappingURL=ElementCallout.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ElementCallout.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/ElementCallout.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,UAAU,mBAAmB;IAC3B,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CAC1C;AAID,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2TxD,CAAC"}
@@ -0,0 +1,23 @@
1
+ import type { HeatmapInfo, WebVisualizer } from '../../types';
2
+ export interface HeatmapElementsProps {
3
+ widthScale: number;
4
+ heatmapInfo?: HeatmapInfo;
5
+ isElementSidebarOpen?: boolean;
6
+ selectedElement?: string | null;
7
+ visualizer?: WebVisualizer;
8
+ isVisible?: boolean;
9
+ iframeDimensions?: React.CSSProperties;
10
+ areDefaultRanksHidden?: boolean;
11
+ isSecondary?: boolean;
12
+ isRecordingView?: boolean;
13
+ isCompareMode?: boolean;
14
+ deviceType?: string;
15
+ heatmapType?: string;
16
+ projectId?: string;
17
+ iframeRef: React.RefObject<HTMLIFrameElement>;
18
+ parentRef: React.RefObject<HTMLElement>;
19
+ iframeHeight?: number;
20
+ selectElement?: (hash: string) => void;
21
+ }
22
+ export declare const HeatmapElements: React.FC<HeatmapElementsProps>;
23
+ //# sourceMappingURL=HeatmapElements.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"HeatmapElements.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/HeatmapElements.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAqB9D,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACvC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAwG1D,CAAC"}
@@ -0,0 +1,12 @@
1
+ import type { ElementInfo } from '../../types';
2
+ import React from 'react';
3
+ interface Props {
4
+ element: ElementInfo | null;
5
+ onClick?: () => void;
6
+ isSecondary?: boolean;
7
+ targetId: string;
8
+ totalClicks?: number;
9
+ }
10
+ export declare const HoveredElementOverlay: React.FC<Props>;
11
+ export {};
12
+ //# sourceMappingURL=HoveredElementOverlay.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"HoveredElementOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/HoveredElementOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,UAAU,KAAK;IACb,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgCjD,CAAC"}
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ interface Props {
3
+ widthScale: number;
4
+ }
5
+ export declare const MissingElementMessage: React.FC<Props>;
6
+ export {};
7
+ //# sourceMappingURL=MissingElementMessage.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MissingElementMessage.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/MissingElementMessage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,KAAK;IACb,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAwBjD,CAAC"}
@@ -0,0 +1,10 @@
1
+ import type { ElementRect } from '../../types';
2
+ interface RankBadgeProps {
3
+ index: number;
4
+ elementRect: ElementRect;
5
+ widthScale: number;
6
+ clickOnElement?: () => void;
7
+ }
8
+ export declare const RankBadge: React.FC<RankBadgeProps>;
9
+ export {};
10
+ //# sourceMappingURL=RankBadge.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RankBadge.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/RankBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAI/C,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,WAAW,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAa9C,CAAC"}
@@ -1,6 +1,9 @@
1
1
  interface VizElementsProps {
2
2
  width: number;
3
3
  height: number;
4
+ iframeRef: React.RefObject<HTMLIFrameElement | null>;
5
+ wrapperRef: React.RefObject<HTMLDivElement>;
6
+ widthScale: number;
4
7
  }
5
8
  export declare const VizElements: React.FC<VizElementsProps>;
6
9
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"VizElements.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/VizElements.tsx"],"names":[],"mappings":"AAAA,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AACD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAMlD,CAAC"}
1
+ {"version":3,"file":"VizElements.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/VizElements.tsx"],"names":[],"mappings":"AAKA,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACrD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC5C,UAAU,EAAE,MAAM,CAAC;CACpB;AACD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmElD,CAAC"}
@@ -0,0 +1,150 @@
1
+ interface ViewNode {
2
+ x: number;
3
+ y: number;
4
+ width: number;
5
+ height: number;
6
+ visible: boolean;
7
+ hash?: string;
8
+ hashAlpha?: string;
9
+ hashBeta?: string;
10
+ renderNodeId?: number;
11
+ isWebView?: boolean;
12
+ selectorAlpha?: string;
13
+ selectorBeta?: string;
14
+ }
15
+ interface WebViewInfo {
16
+ renderNodeId: number;
17
+ visualizer: any;
18
+ div: HTMLDivElement;
19
+ scale: number;
20
+ top: number;
21
+ left: number;
22
+ visible: boolean;
23
+ orderInFrame?: number;
24
+ }
25
+ interface ViewHierarchy {
26
+ root: ViewNode;
27
+ timestamp?: number;
28
+ visibleFragments?: string[];
29
+ }
30
+ interface Frame {
31
+ viewHierarchy: ViewHierarchy;
32
+ screenWidth: number;
33
+ screenHeight: number;
34
+ density: number;
35
+ keyboardHeight?: number;
36
+ systemBackgroundColor?: number | null;
37
+ }
38
+ interface ClarityVisualizerState {
39
+ div?: HTMLElement;
40
+ window?: Window;
41
+ options?: {
42
+ version?: string;
43
+ platform?: number;
44
+ mute?: boolean;
45
+ canvas?: boolean;
46
+ keyframes?: boolean;
47
+ canvasId?: string;
48
+ heatmap?: boolean;
49
+ logError?: (error: any) => void;
50
+ fetchAssets?: (assets: any) => Promise<any>;
51
+ clickmapScrolledCallback?: () => void;
52
+ };
53
+ }
54
+ interface NodeLayout {
55
+ x: number;
56
+ y: number;
57
+ width: number;
58
+ height: number;
59
+ isNative?: boolean;
60
+ htmlElement?: HTMLElement;
61
+ selector?: string;
62
+ }
63
+ interface ElementWithHash {
64
+ top: number;
65
+ left: number;
66
+ width: number;
67
+ height: number;
68
+ hash: string;
69
+ }
70
+ interface ResizeEvent {
71
+ event: number;
72
+ time: number;
73
+ webViewRenderNodeId: number;
74
+ data: {
75
+ width: number;
76
+ height: number;
77
+ };
78
+ }
79
+ interface MutationEvent {
80
+ isKeyFrame: boolean;
81
+ serializedFrame: string;
82
+ }
83
+ export declare class ClarityVisualizer {
84
+ state: ClarityVisualizerState | null;
85
+ webViews: {
86
+ [key: number]: WebViewInfo;
87
+ };
88
+ lastFrame: Frame | null;
89
+ hashMapAlpha: {
90
+ [key: string]: ViewNode;
91
+ };
92
+ hashMapBeta: {
93
+ [key: string]: ViewNode;
94
+ };
95
+ private lastWidth;
96
+ private lastHeight;
97
+ private ckWrapper;
98
+ heatmap: any;
99
+ constructor(state?: ClarityVisualizerState);
100
+ getState(): ClarityVisualizerState | null;
101
+ setState(state: ClarityVisualizerState): void;
102
+ init(div: HTMLElement, canvasId?: string, heatmap?: boolean): Promise<void>;
103
+ reset(): void;
104
+ /**
105
+ * Get node layout by hash - matches fr.get() implementation
106
+ */
107
+ get(hash: string, checkViewport?: boolean, scrollIntoView?: boolean): NodeLayout | null;
108
+ /**
109
+ * Get all elements at given coordinates - matches fr.getViews() implementation
110
+ */
111
+ getViews(x: number, y: number, useAlpha: boolean): ElementWithHash[];
112
+ /**
113
+ * Get node layout from HTML element
114
+ */
115
+ getNodeLayout(webView: WebViewInfo, element: HTMLElement): NodeLayout | null;
116
+ /**
117
+ * Process mutation event and update frame
118
+ */
119
+ mutation(event: MutationEvent): Promise<void>;
120
+ /**
121
+ * Update hash maps from current frame
122
+ */
123
+ updateHashMaps(): void;
124
+ /**
125
+ * Handle resize event
126
+ */
127
+ resize(event: ResizeEvent): Promise<void>;
128
+ getWebViewWindows(): Window[];
129
+ webViewDivs(): HTMLDivElement[];
130
+ private updateWebViews;
131
+ private createWebViewDivs;
132
+ private hideWebViewDivs;
133
+ setAndroidClickmapScrolledCallback(callback: () => void): void;
134
+ preloadImpressionAssets(frames: Frame[]): Promise<void>;
135
+ private traverseViewHierarchy;
136
+ private getWebViewNodes;
137
+ private intersectRect;
138
+ private isElementInViewport;
139
+ private scrollElementIntoView;
140
+ private overlay;
141
+ private drawKeyboard;
142
+ private createKeyboardLayer;
143
+ private getKeyboardLayerStyle;
144
+ private setSystemBackgroundColor;
145
+ private colorIntToRgba;
146
+ private applyFrameUpdate;
147
+ getWebViewRenderNodeIdsFromKeyFrame(event: MutationEvent): Set<number>;
148
+ }
149
+ export default ClarityVisualizer;
150
+ //# sourceMappingURL=ClarityVisualizer.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ClarityVisualizer.d.ts","sourceRoot":"","sources":["../../../../src/components/VizElement/temp/ClarityVisualizer.ts"],"names":[],"mappings":"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"}
@@ -1,5 +1,4 @@
1
1
  import React from 'react';
2
- import './HeatmapElements.css';
3
2
  export declare enum HeatmapType {
4
3
  Sessions = 0,
5
4
  Timeline = 1,
@@ -33,7 +32,7 @@ interface SortedElement {
33
32
  hash?: string;
34
33
  selector?: string;
35
34
  }
36
- interface HeatmapInfo {
35
+ export interface HeatmapInfo {
37
36
  sortedElements?: SortedElement[];
38
37
  elementMapInfo?: Record<string, ElementMapInfo>;
39
38
  totalClicks?: number;
@@ -54,7 +53,7 @@ export interface HeatmapElementsProps {
54
53
  heatmapInfo?: HeatmapInfo;
55
54
  selectedElement?: string;
56
55
  selectedFrameElements?: SortedElement[];
57
- clarityVisualizer: ClarityVisualizer;
56
+ clarityVisualizer?: ClarityVisualizer;
58
57
  heatmapWrapperRef: React.RefObject<HTMLDivElement>;
59
58
  parentRef: React.RefObject<HTMLElement>;
60
59
  isVisible: boolean;
@@ -0,0 +1 @@
1
+ {"version":3,"file":"VizElementRank.d.ts","sourceRoot":"","sources":["../../../../src/components/VizElement/temp/VizElementRank.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAOxE,oBAAY,WAAW;IACrB,QAAQ,IAAI;IACZ,QAAQ,IAAI;IACZ,KAAK,IAAI;IACT,MAAM,IAAI;IACV,IAAI,IAAI;IACR,SAAS,IAAI;CACd;AAED,oBAAY,UAAU;IACpB,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB;AAED,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AASD,UAAU,WAAY,SAAQ,WAAW;IACvC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,UAAU,cAAc;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,aAAa;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,iBAAiB;IACzB,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,KAAK,WAAW,GAAG,IAAI,CAAC;IACrF,kBAAkB,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,KAAK,WAAW,EAAE,CAAC;IAC3E,kCAAkC,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;CACpE;AAED,UAAU,aAAa;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAMD,MAAM,WAAW,oBAAoB;IAEnC,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,aAAa,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC;IAGlB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB,CAAC,EAAE,aAAa,EAAE,CAAC;IACxC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IAGtC,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACnD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAGxC,SAAS,EAAE,OAAO,CAAC;IACnB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,sBAAsB,EAAE,OAAO,CAAC;IAChC,qBAAqB,EAAE,OAAO,CAAC;IAC/B,yBAAyB,EAAE,OAAO,CAAC;IACnC,eAAe,EAAE,OAAO,CAAC;IACzB,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IAGtB,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAGtC,UAAU,EAAE,UAAU,CAAC;IAGvB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAMD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+c1D,CAAC"}
@@ -0,0 +1,5 @@
1
+ export declare const CLICKED_ELEMENT_ID = "clickedElement";
2
+ export declare const SECONDARY_CLICKED_ELEMENT_ID = "secondaryClickedElementID";
3
+ export declare const HOVERED_ELEMENT_ID = "hoveredElement";
4
+ export declare const SECONDARY_HOVERED_ELEMENT_ID = "secondaryhoveredElementID";
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/constants/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,mBAAmB,CAAC;AACnD,eAAO,MAAM,4BAA4B,8BAA8B,CAAC;AACxE,eAAO,MAAM,kBAAkB,mBAAmB,CAAC;AACnD,eAAO,MAAM,4BAA4B,8BAA8B,CAAC"}
@@ -0,0 +1,10 @@
1
+ import type { ElementRect } from '../types';
2
+ export declare function getElementLayout(element: HTMLElement): ElementRect | null;
3
+ export declare function formatPercentage(value: number, decimals?: number): string;
4
+ export declare function getSimpleSelector(selector: string): string;
5
+ export declare function calculateRankPosition(rect: ElementRect, widthScale: number): {
6
+ transform: string;
7
+ top: number | undefined;
8
+ left: number | undefined;
9
+ };
10
+ //# sourceMappingURL=viz-elements.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -1,3 +1,4 @@
1
+ export * from './vix-elements';
1
2
  export * from './viz-render';
2
3
  export * from './viz-scale';
3
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC"}
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"}
@@ -0,0 +1,5 @@
1
+ export * from './useClickedElement';
2
+ export * from './useHeatmapEffects';
3
+ export * from './useHeatmapElementPosition';
4
+ export * from './useHoveredElement';
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,14 @@
1
+ import type { ElementInfo, ElementRect, HeatmapInfo } from '../../types';
2
+ interface Params {
3
+ selectedElement: string | null | undefined;
4
+ heatmapInfo?: HeatmapInfo;
5
+ getRect: (el?: any) => ElementRect | null;
6
+ }
7
+ export declare const useClickedElement: ({ selectedElement, heatmapInfo, getRect }: Params) => {
8
+ clickedElement: ElementInfo | null;
9
+ showMissingElement: boolean;
10
+ shouldShowCallout: boolean;
11
+ setShouldShowCallout: import("react").Dispatch<import("react").SetStateAction<boolean>>;
12
+ };
13
+ export {};
14
+ //# sourceMappingURL=useClickedElement.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,8 @@
1
+ export declare const useHeatmapEffects: ({ isVisible, isElementSidebarOpen, selectedElement, setShouldShowCallout, resetAll, }: {
2
+ isVisible?: boolean;
3
+ isElementSidebarOpen?: boolean;
4
+ selectedElement?: string | null;
5
+ setShouldShowCallout: (v: boolean) => void;
6
+ resetAll: () => void;
7
+ }) => void;
8
+ //# sourceMappingURL=useHeatmapEffects.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,13 @@
1
+ import type { ElementRect, HeatmapElement, WebVisualizer } from '../../types';
2
+ interface Params {
3
+ iframeRef: React.RefObject<HTMLIFrameElement>;
4
+ parentRef: React.RefObject<HTMLElement>;
5
+ visualizer?: WebVisualizer;
6
+ heatmapWidth?: number;
7
+ iframeHeight?: number;
8
+ widthScale: number;
9
+ projectId?: string;
10
+ }
11
+ export declare const useHeatmapElementPosition: ({ iframeRef, parentRef, visualizer, heatmapWidth, iframeHeight, widthScale, projectId, }: Params) => (element?: HeatmapElement) => ElementRect | null;
12
+ export {};
13
+ //# sourceMappingURL=useHeatmapElementPosition.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,17 @@
1
+ import type { ElementInfo, HeatmapInfo } from '../../types';
2
+ interface Params {
3
+ iframeRef: React.RefObject<HTMLIFrameElement>;
4
+ heatmapInfo?: HeatmapInfo;
5
+ widthScale: number;
6
+ getRect: (el?: any) => any;
7
+ onSelect?: (hash: string) => void;
8
+ }
9
+ export declare const useHoveredElement: ({ iframeRef, heatmapInfo, widthScale, getRect, onSelect, }: Params) => {
10
+ hoveredElement: ElementInfo | null;
11
+ handleMouseMove: (event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void;
12
+ handleMouseLeave: () => void;
13
+ handleClick: () => void;
14
+ };
15
+ export declare const getElementAtPoint: (doc: Document, x: number, y: number) => HTMLElement | null;
16
+ export {};
17
+ //# sourceMappingURL=useHoveredElement.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -1,5 +1,7 @@
1
+ import { Visualizer } from '@gemx-dev/clarity-visualize';
1
2
  interface IUseHeatmapRenderResult {
2
3
  iframeRef: React.RefObject<HTMLIFrameElement | null>;
4
+ clarityVisualizer: Visualizer | null;
3
5
  }
4
6
  export declare const useHeatmapRender: () => IUseHeatmapRenderResult;
5
7
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"useHeatmapRender.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-render/useHeatmapRender.ts"],"names":[],"mappings":"AAQA,UAAU,uBAAuB;IAC/B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;CACtD;AAED,eAAO,MAAM,gBAAgB,QAAO,uBA6EnC,CAAC"}
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"}
@@ -1,5 +1,7 @@
1
+ import { Visualizer } from '@gemx-dev/clarity-visualize';
1
2
  interface IHeatmapVizRenderResult {
2
3
  iframeRef: React.RefObject<HTMLIFrameElement | null>;
4
+ clarityVisualizer: Visualizer | null;
3
5
  }
4
6
  export declare const useHeatmapVizRender: (mode: "heatmap" | "replay") => IHeatmapVizRenderResult;
5
7
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"useHeatmapVizRender.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-render/useHeatmapVizRender.ts"],"names":[],"mappings":"AAIA,UAAU,uBAAuB;IAC/B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;CACtD;AAED,eAAO,MAAM,mBAAmB,GAAI,MAAM,SAAS,GAAG,QAAQ,KAAG,uBAWhE,CAAC"}
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"}
@@ -1,6 +1,8 @@
1
+ import { Visualizer } from '@gemx-dev/clarity-visualize';
1
2
  interface IUseReplayRenderResult {
2
3
  iframeRef: React.RefObject<HTMLIFrameElement | null>;
3
4
  isPlaying: boolean;
5
+ clarityVisualizer: Visualizer | null;
4
6
  play: () => void;
5
7
  pause: () => void;
6
8
  }
@@ -1 +1 @@
1
- {"version":3,"file":"useReplayRender.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-render/useReplayRender.ts"],"names":[],"mappings":"AAQA,UAAU,sBAAsB;IAC9B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACrD,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,eAAe,QAAO,sBAgJlC,CAAC"}
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"}