@layers-app/shared 0.1.5 → 0.2.0

package/dist/components/table/hooks/useColumnsResizing.js

@@ -0,0 +1,51 @@
+import { useRef as o } from "react";
+import { useDraggable as S } from "draggable-ui";
+import { clamp as E, isNil as T } from "lodash-es";
+import { TABLE_ATTRIBUTES as i } from "../constants.js";
+import { columnsMapReselect as g } from "../selectors.js";
+import { useTableStore as I } from "./useTableStore.js";
+const $ = (f) => {
+  const { useStore: R, api: d } = I(), s = R(g), c = o(null), r = o(null), l = o(!1), u = o(0), { listeners: p } = S({
+    onStart: ({ event: t }) => {
+      if (!(t.target instanceof HTMLElement) && !(t.target instanceof SVGElement))
+        return;
+      const n = t.target.closest(`[${i.RESIZER}]`);
+      if (!n) return;
+      const e = n.getAttribute(i.RESIZER);
+      if (!e || !s[e]) return;
+      const h = n.getAttribute(i.RESIZER_SIDE) === "right";
+      l.current = h;
+      const a = s[e].finalWidth;
+      if (T(a)) return;
+      const m = t.target.closest(`[${i.INNER}]`);
+      !m || !(m instanceof HTMLElement) || (f.current = !0, c.current = m, r.current = s[e], u.current = a);
+    },
+    onMove: ({ deltaX: t }) => {
+      if (!r.current || !c.current) return;
+      const n = l.current ? t * -1 : t, e = E(
+        u.current + n,
+        r.current.minWidth || 50,
+        r.current.maxWidth || Number.MAX_SAFE_INTEGER
+      );
+      c.current.style.setProperty(
+        `--col-${r.current.id}`,
+        `${e}px`
+      );
+    },
+    onEnd: ({ deltaX: t }) => {
+      if (setTimeout(() => {
+        f.current = !1;
+      }, 0), !r.current || !c.current) return;
+      const n = l.current ? t * -1 : t, e = E(
+        u.current + n,
+        r.current.minWidth || 50,
+        r.current.maxWidth || Number.MAX_SAFE_INTEGER
+      );
+      d.setColumnWidth(r.current.field, e), c.current.style.removeProperty(`--col-${r.current.id}`), u.current = 0, r.current = null;
+    }
+  });
+  return p;
+};
+export {
+  $ as useColumnsResizing
+};

package/dist/components/table/hooks/useCreateTable.js

@@ -0,0 +1,9 @@
+import { useState as r } from "react";
+import { createTableStore as o } from "../store.js";
+const m = (e) => {
+  const [t] = r(() => o(e));
+  return t;
+};
+export {
+  m as useCreateTable
+};

package/dist/components/table/hooks/useSaveRowCount.js

@@ -0,0 +1,9 @@
+import { isNil as o } from "lodash-es";
+import { useRef as u, useMemo as n } from "react";
+const i = (r) => {
+  const e = u(r || 0);
+  return n(() => (o(r) || (e.current = r), e.current), [r]);
+};
+export {
+  i as useSaveRowCount
+};

package/dist/components/table/hooks/useSorting.js

@@ -0,0 +1,36 @@
+import { useCallback as l } from "react";
+import { TABLE_ATTRIBUTES as n } from "../constants.js";
+import { columnsMapReselect as a } from "../selectors.js";
+import { useTableStore as E } from "./useTableStore.js";
+const L = (c) => {
+  const { useStore: f, api: t } = E(), { sort: r } = f(), e = f(a);
+  return l(
+    (i) => {
+      if (!(i.target instanceof HTMLElement) || i.target.getAttribute(n.RESIZER)) return;
+      const u = i.target.closest(`[${n.HEADER_CELL}]`);
+      if (!u) return;
+      const o = u.getAttribute(n.HEADER_CELL);
+      if (!o || !e[o] || !(u.getAttribute(n.SORTABLE) === "true") || c.current) return;
+      const s = e[o].sortField || e[o].field;
+      if (!r) {
+        t.setSort({ field: s, sort: "desc" });
+        return;
+      }
+      if (r.field === s) {
+        if (r.sort === "desc") {
+          t.setSort({ field: s, sort: "asc" });
+          return;
+        }
+        if (r.sort === "asc") {
+          t.setSort(null);
+          return;
+        }
+      }
+      t.setSort({ field: s, sort: "desc" });
+    },
+    [t, e, c, r]
+  );
+};
+export {
+  L as useSorting
+};

package/dist/components/table/hooks/useTableStore.js

@@ -0,0 +1,6 @@
+import { useContext as o } from "react";
+import { TableContext as t } from "./TableProvider.js";
+const m = () => o(t);
+export {
+  m as useTableStore
+};

package/dist/components/table/selectors.js

@@ -0,0 +1,203 @@
+import { get as w, chunk as A, set as h } from "lodash-es";
+import { createSelector as a } from "reselect";
+import { TABLE_AGGREGATION_ROW_ID as O } from "./constants.js";
+import { isTechnicalColumn as x, getSelectionColumn as T, getExpandingColumn as $, mergeColumn as N, getColumnId as W, getAggregateValue as R, getAggregationColumns as b } from "./helpers/columns.js";
+const E = [], M = a(
+  [
+    (e) => e.props.rows,
+    (e) => e.pinnedTop,
+    (e) => e.pinnedBottom
+  ],
+  (e, r, n) => {
+    const l = [], i = [], t = [];
+    for (const o of e) {
+      if (r.includes(o.id)) {
+        l.push(o);
+        continue;
+      }
+      if (n.includes(o.id)) {
+        i.push(o);
+        continue;
+      }
+      t.push(o);
+    }
+    return {
+      topRows: l,
+      bottomRows: i,
+      baseRows: t
+    };
+  }
+), V = a(
+  [M, (e) => e.search, (e) => e.props.searching],
+  ({ baseRows: e }, r, n) => {
+    if (!n) return e;
+    const l = r.trim().toLowerCase();
+    return l ? e.map((t) => {
+      const o = Object.values(t).filter((s) => typeof s == "string").map((s) => s.trim().toLowerCase());
+      return {
+        row: t,
+        searchString: o
+      };
+    }).filter(({ searchString: t }) => t.some((o) => o.includes(l))).map((t) => t.row) : e;
+  }
+), S = a(
+  [V, (e) => e.props.sorting, (e) => e.sort],
+  (e, r, n) => !r || !n ? e : e.toSorted((l, i) => {
+    const t = n.sort === "asc" ? l : i, o = n.sort === "asc" ? i : l, s = w(t, n.field), c = w(o, n.field);
+    if (s === c) return 0;
+    const d = n.sort === "asc" ? 1 : -1;
+    return s == null && c != null ? d : c == null && s != null ? -d : typeof s == "number" && typeof c == "number" ? s - c : typeof s == "bigint" && typeof c == "bigint" ? Number(s - c) : typeof s == "boolean" && typeof c == "boolean" ? Number(s) - Number(c) : typeof s == "string" && typeof c == "string" ? s.localeCompare(c) : typeof s == "object" && typeof c == "object" ? s instanceof Date && c instanceof Date ? s.getTime() - c.getTime() : JSON.stringify(s).localeCompare(JSON.stringify(c)) : 0;
+  })
+), y = a(
+  [
+    S,
+    (e) => e.props.pagination,
+    (e) => e.expanded,
+    (e) => e.pageSize,
+    (e) => e.page
+  ],
+  (e, r, n, l, i) => {
+    const t = A(e, l), o = r ? t[i] || E : e;
+    function s(d) {
+      return d.flatMap((f) => {
+        const m = [f], u = f.__children;
+        return n.includes(f.id) && Array.isArray(u) && u.length > 0 && m.push(...s(u)), m;
+      });
+    }
+    const c = {};
+    return o.forEach((d) => {
+      c[d.id] = {
+        main: !0
+      };
+    }), { rows: s(o), meta: c };
+  }
+), D = a(
+  [
+    (e) => e.props.rowCount,
+    S,
+    (e) => e.pageSize
+  ],
+  (e, r, n) => {
+    const l = e ?? r.length;
+    return {
+      pageCount: Math.ceil(l / n),
+      rowCount: l
+    };
+  }
+), v = a(
+  [
+    (e) => e.props.selection,
+    (e) => e.selected,
+    (e) => e.props.expanding,
+    (e) => e.expanded,
+    (e) => e.props.columns,
+    (e) => e.columnsState,
+    (e) => e.api,
+    (e) => e.columnsOrder
+  ],
+  (e, r, n, l, i, t, o, s) => {
+    const c = i.some((p) => p.pinned === "left"), d = [
+      ...new Set(s.filter((p) => !x(p)))
+    ].map((p) => i.find((g) => g.field === p && !g.ignoreOrder)).filter(Boolean), f = i.filter(
+      (p) => !d.find((g) => g.field === p.field)
+    );
+    return [
+      ...e ? [T({ selected: r, pinned: c, api: o })] : [],
+      ...n ? [$({ expanded: l, pinned: c, api: o })] : [],
+      ...d,
+      ...f
+    ].map((p) => N(p, t[p.field]));
+  }
+), C = a(
+  [v],
+  (e) => {
+    const r = e.filter((n) => !n.hidden);
+    return r.every((n) => x(n.field)) ? [] : r;
+  }
+), z = a(
+  [C],
+  (e) => ({
+    left: e.filter((r) => r.pinned === "left"),
+    base: e.filter((r) => !r.pinned),
+    right: e.filter((r) => r.pinned === "right")
+  })
+), G = a(
+  [v],
+  (e) => e.reduce((r, n) => (r[n.field] = n, r[W(n.field)] = n, r), {})
+), I = a(
+  [
+    C,
+    (e) => e.props.rowHeight,
+    (e) => e.props.headerHeight
+  ],
+  (e, r, n) => ({
+    ...e.reduce((t, o) => (typeof o.finalWidth == "number" && (t[`--col-${o.id}`] = o.finalWidth + "px"), t), {}),
+    "--left-cols-width": `${e.filter((t) => t.pinned === "left").reduce((t, o) => t + (o.finalWidth || 0), 0)}px`,
+    "--base-cols-width": `${e.filter((t) => !t.pinned).reduce((t, o) => t + (o.finalWidth || 0), 0)}px`,
+    "--right-cols-width": `${e.filter((t) => t.pinned === "right").reduce((t, o) => t + (o.finalWidth || 0), 0)}px`,
+    "--loader-offset": `${n}px`,
+    "--row-height": `${r}px`,
+    "--header-height": `${n}px`
+  })
+), k = a(
+  [
+    y,
+    C,
+    (e) => e.props.loading,
+    (e) => e.search
+  ],
+  ({ rows: e }, r, n, l) => {
+    const i = !n && !e.length, t = !r.length, o = !!l.trim();
+    return {
+      zeroRows: i,
+      zeroColumns: t,
+      hasSearch: o
+    };
+  }
+), J = a(
+  [y, (e) => e.selected],
+  ({ rows: e }, r) => {
+    const n = e.every((i) => r.includes(i.id)), l = e.some((i) => r.includes(i.id));
+    return {
+      allSelected: n,
+      hasSelected: l
+    };
+  }
+), P = a(
+  [y, z],
+  ({ rows: e }, { base: r, left: n, right: l }) => {
+    const i = {
+      id: O
+    };
+    for (const t of n)
+      h(i, t.field, R(t, e));
+    for (const t of r)
+      h(i, t.field, R(t, e));
+    for (const t of l)
+      h(i, t.field, R(t, e));
+    return {
+      aggregatedRow: i,
+      left: b(n, i, e),
+      base: b(r, i, e),
+      right: b(l, i, e),
+      get hasAggregation() {
+        return this.left.some((t) => t.aggregation) || this.base.some((t) => t.aggregation) || this.right.some((t) => t.aggregation);
+      }
+    };
+  }
+);
+export {
+  P as aggregationReselect,
+  G as columnsMapReselect,
+  v as columnsReselect,
+  k as metaReselect,
+  D as paginationMetaReselect,
+  M as rowsReselect,
+  V as searchedRowsReselect,
+  J as selectionReselect,
+  S as sortedRowsReselect,
+  I as variableReselect,
+  z as visibleColumnsBySideReselect,
+  C as visibleColumnsReselect,
+  y as visibleRowsReselect
+};

package/dist/components/table/store.js

@@ -0,0 +1,65 @@
+import { create as s } from "zustand";
+import { persist as u } from "zustand/middleware";
+import { createApi as c } from "./api.js";
+const t = {
+  page: 0,
+  pageSize: 10,
+  sort: null,
+  selected: [],
+  search: "",
+  columnsState: {},
+  expanded: [],
+  pinnedTop: [],
+  pinnedBottom: [],
+  columnsOrder: [],
+  rootRef: null,
+  scrollRef: null,
+  props: {
+    columns: [],
+    rows: [],
+    pageSizeOptions: [10, 25, 50, 100],
+    rowHeight: 40,
+    headerHeight: 32,
+    selection: !1,
+    pagination: !0,
+    searching: !0,
+    expanding: !1,
+    virtualization: !1,
+    sorting: !0,
+    exportFileName: "export",
+    loading: !1,
+    rowCount: null
+  },
+  api: null
+}, p = (e) => {
+  const i = e?.saveState && e?.id ? u : (n) => n, a = s()(
+    i(
+      () => ({
+        ...t,
+        page: e?.defaultPage ?? t.page,
+        pageSize: e?.defaultPageSize ?? t.pageSize,
+        search: e?.defaultSearch ?? t.search,
+        sort: e?.defaultSort ?? t.sort,
+        pinnedTop: e?.defaultPinnedTop ?? t.pinnedTop,
+        pinnedBottom: e?.defaultPinnedBottom ?? t.pinnedBottom,
+        columnsOrder: e?.defaultColumnsOrder ?? t.columnsOrder
+      }),
+      {
+        name: `table_view-${e?.id}`,
+        partialize: ({ sort: n, search: r, pageSize: l, columnsOrder: d }) => ({
+          sort: n,
+          search: r,
+          pageSize: l,
+          columnsOrder: d
+        })
+      }
+    )
+  ), o = c(a);
+  return a.setState({ api: o }), {
+    useStore: a,
+    api: o
+  };
+};
+export {
+  p as createTableStore
+};

package/dist/components/table/types.js

@@ -0,0 +1,17 @@
+const e = [
+  "number",
+  "currency",
+  "percent",
+  "ratio"
+], t = [
+  "day",
+  "month",
+  "quarter",
+  "year",
+  "datetime",
+  "date"
+];
+export {
+  t as tableColumnDateTypes,
+  e as tableColumnNumberTypes
+};

package/dist/constants.js

@@ -0,0 +1,19 @@
+const O = {
+  get TASK_TYPE_COLOR() {
+    return this.COLORS[1];
+  },
+  get TASK_STATUS_COLOR() {
+    return this.COLORS[1];
+  },
+  get FOLDER_COLOR() {
+    return this.COLORS[5];
+  },
+  get PROJECT_COLOR() {
+    return this.COLORS[1];
+  },
+  COLORS: ["gray", "blue", "violet", "cyan", "green", "yellow", "red"]
+}, e = "Inter, sans-serif";
+export {
+  e as DEFAULT_FONT_FAMILY,
+  O as DEFAULT_VALUES
+};

package/dist/helpers/combineStatuses.js

@@ -0,0 +1,5 @@
+import { QueryStatus as e } from "@reduxjs/toolkit/query";
+const t = (i) => i.includes(e.rejected) ? e.rejected : i.includes(e.pending) ? e.pending : i.every((r) => r === e.fulfilled) ? e.fulfilled : e.uninitialized;
+export {
+  t as combineStatuses
+};

package/dist/helpers/dates.js

@@ -0,0 +1,15 @@
+import { isValid as t, isDate as e } from "date-fns";
+const u = (r) => {
+  if (typeof r == "string") {
+    const n = new Date(r);
+    return t(n) ? n : null;
+  }
+  if (typeof r == "number") {
+    const n = new Date(r);
+    return t(n) ? n : null;
+  }
+  return e(r) && t(r) ? r : null;
+};
+export {
+  u as parseDate
+};

package/dist/helpers/download.js

@@ -0,0 +1,17 @@
+const d = async (t, o) => {
+  const e = document.createElement("a");
+  e.href = t, e.download = o, document.body.appendChild(e), e.click(), document.body.removeChild(e);
+}, a = async (t, o) => {
+  await fetch(t).then((e) => e.blob()).then(async (e) => {
+    const n = URL.createObjectURL(e);
+    await d(n, o);
+  });
+}, l = (t, o) => {
+  const e = new Blob([t], { type: "text/csv;charset=utf-8;" }), n = URL.createObjectURL(e), c = document.createElement("a");
+  c.href = n, c.setAttribute("download", o || "file.csv"), document.body.appendChild(c), c.click(), document.body.removeChild(c), URL.revokeObjectURL(n);
+};
+export {
+  l as downloadCSVAsBlob,
+  a as downloadImageFromExternalUrl,
+  d as downloadURL
+};

package/dist/helpers/feature.js

@@ -0,0 +1,7 @@
+const t = (e) => {
+  localStorage.setItem("showFeatures", e);
+}, r = () => localStorage.getItem("showFeatures") === "true";
+export {
+  t as appFeature,
+  r as isFeature
+};

package/dist/helpers/fileUtils.js

@@ -0,0 +1,33 @@
+const o = () => {
+  if (typeof navigator > "u" || !navigator.userAgent)
+    return !1;
+  const t = navigator.userAgent.toLowerCase();
+  return t.includes("safari") && !t.includes("chrome");
+}, i = () => typeof navigator > "u" || !navigator.userAgent ? !1 : navigator.userAgent.toLowerCase().includes("firefox"), a = () => typeof navigator > "u" || !navigator.userAgent ? !1 : /Mobi|Android/i.test(navigator.userAgent), s = (t, e) => {
+  if (!e || !t) return !1;
+  const r = n(e);
+  return (o() || i()) && r === "webm" ? !1 : t.startsWith("video") || t === "application/octet-stream" && (r === "mp4" || r === "mov" || r === "webm" || r === "ogv") || t === "video/quicktime";
+}, u = (t, e) => !e || !t ? !1 : t?.startsWith("image") || s(t, e), c = (t, e) => {
+  if (!e || !t) return t || "";
+  const r = n(e);
+  if (t === "application/octet-stream" || t === "video/quicktime")
+    switch (r) {
+      case "mp4":
+        return "video/mp4";
+      case "mov":
+        return "video/mp4";
+      case "webm":
+        return "video/webm";
+      case "ogv":
+        return "video/ogg";
+      default:
+        return t;
+    }
+  return t;
+}, n = (t) => t.split(".").pop()?.toLowerCase();
+export {
+  c as getMimeType,
+  u as isGalleryMediaFile,
+  a as isMobileDevice,
+  s as isVideoFile
+};

package/dist/helpers/filterHierarchyByTypes.js

@@ -0,0 +1,13 @@
+const c = (i, t) => i.filter((r) => !!r && typeof r == "object").flatMap((r) => {
+  const e = c(
+    r.children ?? [],
+    t
+  );
+  return t.includes(r.type) ? {
+    ...r,
+    children: e
+  } : e;
+});
+export {
+  c as filterHierarchyByTypes
+};

package/dist/helpers/formatBytes.js

@@ -0,0 +1,8 @@
+const e = (t, o = 2) => {
+  if (!+t) return "0 Bytes";
+  const r = 1024, n = o < 0 ? 0 : o, a = ["Bytes", "KB", "MB", "GB"], s = Math.floor(Math.log(t) / Math.log(r));
+  return `${parseFloat((t / Math.pow(r, s)).toFixed(n))} ${a[s]}`;
+};
+export {
+  e as formatBytes
+};

package/dist/helpers/generateLink.js

@@ -0,0 +1,9 @@
+const c = (t, r) => {
+  let e = t;
+  return Object.entries(r ?? {}).forEach(([n, a]) => {
+    e = e.replaceAll(`:${n}`, a);
+  }), e;
+};
+export {
+  c as generateLink
+};

package/dist/helpers/getFileIcons.js

@@ -0,0 +1,42 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Image as c } from "@mantine/core";
+import n from "../assets/fileTypes/archieve.svg.js";
+import e from "../assets/fileTypes/diagram.svg.js";
+import a from "../assets/fileTypes/documents.svg.js";
+import p from "../assets/fileTypes/docx.svg.js";
+import h from "../assets/fileTypes/folder.svg.js";
+import f from "../assets/fileTypes/media.svg.js";
+import u from "../assets/fileTypes/other.svg.js";
+import I from "../assets/fileTypes/pptx.svg.js";
+import w from "../assets/fileTypes/presentation.svg.js";
+import s from "../assets/fileTypes/sheet.svg.js";
+import x from "../assets/fileTypes/xlsx.svg.js";
+const X = (t, m, r = 16) => {
+  if (m)
+    return /* @__PURE__ */ o(c, { src: h, w: r, h: r });
+  switch (t) {
+    case "documents":
+      return /* @__PURE__ */ o(c, { src: a, w: r, h: r });
+    case "media":
+      return /* @__PURE__ */ o(c, { src: f, w: r, h: r });
+    case "diagram":
+      return /* @__PURE__ */ o(c, { src: e, w: r, h: r });
+    case "archieve":
+      return /* @__PURE__ */ o(c, { src: n, w: r, h: r });
+    case "presentation":
+      return /* @__PURE__ */ o(c, { src: w, w: r, h: r });
+    case "sheet":
+      return /* @__PURE__ */ o(c, { src: s, w: r, h: r });
+    case "docx":
+      return /* @__PURE__ */ o(c, { src: p, w: r, h: r });
+    case "pptx":
+      return /* @__PURE__ */ o(c, { src: I, w: r, h: r });
+    case "xlsx":
+      return /* @__PURE__ */ o(c, { src: x, w: r, h: r });
+    default:
+      return /* @__PURE__ */ o(c, { src: u, w: r, h: r });
+  }
+};
+export {
+  X as getFileIcons
+};

package/dist/helpers/getFileType.d.ts

@@ -1,2 +1,2 @@
 import { appMode } from './isAppMode';
-export declare const getFileType: (mimeType: string, mode?: appMode) => "presentation" | "other" | "folder" | "documents" | "media" | "xlsx" | "docx" | "pptx" | "diagram" | "archieve";
+export declare const getFileType: (mimeType: string, mode?: appMode) => "presentation" | "other" | "documents" | "folder" | "media" | "diagram" | "archieve" | "docx" | "pptx" | "xlsx";

package/dist/helpers/getFileType.js

@@ -0,0 +1,40 @@
+import { isAppMode as r } from "./isAppMode.js";
+const a = (e, t = "SAAS") => {
+  if (e.includes("text"))
+    return "documents";
+  if (e.includes("image") || e.includes("video"))
+    return "media";
+  switch (e.toLowerCase()) {
+    case "application/pdf":
+      return "documents";
+    case "application/msword":
+      return "documents";
+    case "application/rtf":
+      return "documents";
+    case "application/excel":
+      return "documents";
+    case "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":
+      return r(t, "SAAS") ? "documents" : "xlsx";
+    case "application/vnd.openxmlformats-officedocument.wordprocessingml.document":
+      return r(t, "SAAS") ? "documents" : "docx";
+    case "application/vnd.openxmlformats-officedocument.presentationml.presentation":
+      return r(t, "SAAS") ? "presentation" : "pptx";
+    case "application/slides":
+      return "media";
+    case "audio/mpeg":
+      return "media";
+    case "flow":
+      return "diagram";
+    case "archieve":
+      return "archieve";
+    case "application/zip":
+      return "archieve";
+    case "folder":
+      return "folder";
+    default:
+      return "other";
+  }
+};
+export {
+  a as getFileType
+};

package/dist/helpers/getPartOfTheDay.js

@@ -0,0 +1,12 @@
+const s = (o) => {
+  const r = {
+    hour: "numeric",
+    hour12: !1,
+    ...o ? { timeZone: o } : {}
+  }, n = (/* @__PURE__ */ new Date()).toLocaleString("en-US", r), t = Number(n);
+  let e;
+  return t < 12 ? e = 0 : t < 17 ? e = 1 : t < 22 ? e = 2 : e = 3, e;
+};
+export {
+  s as getPartOfTheDay
+};

package/dist/helpers/getRandomIconColor.js

@@ -0,0 +1,17 @@
+const o = [
+  "yellow",
+  "blue",
+  "green",
+  "teal",
+  "orange",
+  "grape",
+  "cyan",
+  "lime",
+  "pink",
+  "red",
+  "violet",
+  "indigo"
+], e = () => o[Math.floor(Math.random() * o.length)];
+export {
+  e as getRandomIconColor
+};

package/dist/helpers/hotjar.d.ts

@@ -0,0 +1,9 @@
+declare global {
+    interface Window {
+        hj?: any;
+        _hjSettings?: {
+            hjid: number;
+        };
+    }
+}
+export declare const initHotjar: () => void;