@gemx-dev/heatmap-react 3.5.46 → 3.5.47

package/src/types/heatmap.ts

@@ -1,25 +0,0 @@
-export enum IHeatmapType {
-  Click = 'click',
-  Scroll = 'scroll',
-}
-
-export enum IClickType {
-  Total = 'total-clicks',
-  Rage = 'rage-clicks',
-  Dead = 'dead-clicks',
-  Error = 'error-clicks',
-  First = 'first-clicks',
-  Last = 'last-clicks',
-}
-
-export enum IScrollType {
-  Depth = 'scroll-depth',
-  Attention = 'attention-scroll',
-  Revenue = 'revenue-scroll',
-}
-
-export interface IHeatmapConfig {
-  width?: number;
-  sidebarWidth?: number;
-  heatmapType?: IHeatmapType;
-}

package/src/types/iframe-helper.ts

@@ -1,18 +0,0 @@
-export interface IframeStyleConfig {
-  iframe: HTMLIFrameElement;
-  targetWidth: number;
-  targetHeight: number;
-  onSuccess?: (result: { height: number; width: number }) => void;
-  onError?: (error: Error) => void;
-}
-
-export interface IframeDimensionsDetail {
-  height: number;
-  width: number;
-}
-
-export interface IframeDebugInfo {
-  iframe: number;
-  body: number;
-  remaining: number;
-}

package/src/types/index.ts

@@ -1,12 +0,0 @@
-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';

package/src/types/viz-canvas.ts

@@ -1,20 +0,0 @@
-export interface IClusterAreaRect {
-  top: number;
-  left: number;
-  width: number;
-  height: number;
-  right: number;
-  bottom: number;
-}
-
-export interface IClusterArea {
-  id: string;
-  elements: HTMLElement[];
-  hashes: string[];
-  boundingRect: IClusterAreaRect;
-  totalClicks: number;
-  clickPercentage: number;
-  color: string;
-  hoverColor: string;
-  centroid?: { x: number; y: number };
-}

package/src/types/viz-element.ts

@@ -1,34 +0,0 @@
-export interface ElementRect {
-  top: number;
-  left: number;
-  width: number;
-  height: number;
-  outOfBounds?: boolean;
-}
-
-export interface ElementInfo extends ElementRect {
-  hash: string;
-  clicks: number;
-  rank: number;
-  selector: string;
-}
-
-export interface HeatmapElement {
-  hash: string;
-  selector?: string;
-  totalclicks?: number;
-}
-
-export interface ElementMapInfoItem {
-  totalclicks: number;
-  selector?: string;
-  hash: string;
-}
-export interface ElementMapInfo {
-  [key: string]: ElementMapInfoItem;
-}
-
-// Web Visualizer interface - simplified for web
-export interface WebVisualizer {
-  get: (hash: string) => HTMLElement | null;
-}

package/src/types/viz-scrollmap.ts

@@ -1,28 +0,0 @@
-export interface ScrollMapInfoItem {
-  revenue?: number;
-  conversionRate?: number;
-  orders?: number;
-  avgTimeOnPage?: number;
-}
-
-export interface ScrollMapInfo {
-  [key: string]: ScrollMapInfoItem;
-}
-
-export type IScrollMapMode = 'basic' | 'metrics';
-
-export interface IScrollZonePosition {
-  top: number;
-  height: number;
-}
-
-export interface IScrollZone {
-  id: string;
-  startY: number; // % from top
-  endY: number; // % from top
-  percUsers: number;
-  metrics?: ScrollMapInfoItem;
-  label: string;
-}
-
-export type IScrollMapPosition = { x: number; y: number };

package/src/ui/BoxStack/BoxStack.tsx

@@ -1,136 +0,0 @@
-import { forwardRef, useMemo } from 'react';
-
-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;
-  /**
-   * The z-index of the flex container.
-   * @default undefined
-   */
-  zIndex?: number;
-  /**
-   * The background color of the flex container.
-   * @default 'transparent'
-   */
-  backgroundColor?: string;
-}
-
-export const BoxStack: React.ForwardRefExoticComponent<
-  BoxStackProps & React.RefAttributes<HTMLDivElement>
-> = forwardRef<HTMLDivElement, BoxStackProps>(({ children, ...props }, ref) => {
-  const id = props.id;
-  const flexDirection = props.flexDirection;
-  const overflow = props.overflow || 'hidden';
-  const position = props.position || 'relative';
-  const flex = props.flex || 'none';
-  const justifyContent = props.justifyContent;
-  const alignItems = props.alignItems;
-  const style = props.style || {};
-  const gap = props.gap || 0;
-  const height = props.height || 'auto';
-  const isZIndexDefined = typeof props.zIndex !== undefined;
-  const zIndex = props.zIndex;
-  const backgroundColor = props.backgroundColor || 'transparent';
-
-  const styleGap = useMemo(() => {
-    switch (flexDirection) {
-      case 'row':
-        return {
-          columnGap: gap,
-        };
-      case 'column':
-        return {
-          rowGap: gap,
-        };
-    }
-  }, [gap, flexDirection]);
-
-  const styleProps = {
-    display: 'flex',
-    flexDirection,
-    overflow,
-    position,
-    flex,
-    justifyContent,
-    alignItems,
-    height,
-    backgroundColor,
-    ...(isZIndexDefined ? { zIndex } : {}),
-    ...styleGap,
-    ...style,
-  };
-  return (
-    <div id={id} style={styleProps} ref={ref}>
-      {children}
-    </div>
-  );
-});

package/src/ui/BoxStack/index.ts

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

package/src/ui/index.ts

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

package/src/utils/debounce.ts

@@ -1,10 +0,0 @@
-export const debounce = <T extends (...args: any[]) => void>(
-  fn: T,
-  delay: number,
-): ((...args: Parameters<T>) => void) => {
-  let timeout: ReturnType<typeof setTimeout>;
-  return (...args: Parameters<T>) => {
-    clearTimeout(timeout);
-    timeout = setTimeout(() => fn(...args), delay);
-  };
-};

package/src/utils/device.ts

@@ -1,7 +0,0 @@
-export function isMobileDevice(userAgent: string): boolean {
-  if (!userAgent) return false;
-
-  return /android|webos|iphone|ipad|ipod|blackberry|windows phone|opera mini|iemobile|mobile|silk|fennec|bada|tizen|symbian|nokia|palmsource|meego|sailfish|kindle|playbook|bb10|rim/i.test(
-    userAgent,
-  );
-}

package/src/utils/retry.ts

@@ -1,20 +0,0 @@
-function sleep(ms: number) {
-  return new Promise((resolve) => setTimeout(resolve, ms));
-}
-
-export async function retry(
-  fn: () => Promise<any> | any,
-  retries: number,
-  delay: number,
-): Promise<any> {
-  for (let i = 0; i < retries; i++) {
-    try {
-      await fn();
-      return; // If the function succeeds, exit the loop
-    } catch (error) {
-      if (i === retries - 1) return;
-      await sleep(delay);
-    }
-  }
-  throw new Error('Max retries reached');
-}

package/src/utils/sort.ts

@@ -1,5 +0,0 @@
-import { DecodedEvent } from '../types';
-
-export function sortEvents(a: DecodedEvent, b: DecodedEvent): number {
-  return a.time - b.time;
-}