@shware/analytics 3.6.3 → 3.7.0

package/dist/hooks/use-previous.mjs

@@ -1,13 +1,13 @@
-// src/hooks/use-previous.ts
 import { useEffect, useRef } from "react";
+//#region src/hooks/use-previous.ts
 function usePrevious(value) {
-  const ref = useRef(void 0);
-  useEffect(() => {
-    ref.current = value;
-  });
-  return ref.current;
+	const ref = useRef(void 0);
+	useEffect(() => {
+		ref.current = value;
+	});
+	return ref.current;
 }
-export {
-  usePrevious
-};
+//#endregion
+export { usePrevious };
+
 //# sourceMappingURL=use-previous.mjs.map

package/dist/hooks/use-previous.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/use-previous.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nexport function usePrevious<T>(value: T): T | undefined {\n  const ref = useRef<T | undefined>(undefined);\n  useEffect(() => {\n    ref.current = value;\n  });\n  return ref.current;\n}\n"],"mappings":";AAAA,SAAS,WAAW,cAAc;AAE3B,SAAS,YAAe,OAAyB;AACtD,QAAM,MAAM,OAAsB,MAAS;AAC3C,YAAU,MAAM;AACd,QAAI,UAAU;AAAA,EAChB,CAAC;AACD,SAAO,IAAI;AACb;","names":[]}
+{"version":3,"file":"use-previous.mjs","names":[],"sources":["../../src/hooks/use-previous.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nexport function usePrevious<T>(value: T): T | undefined {\n  const ref = useRef<T | undefined>(undefined);\n  useEffect(() => {\n    ref.current = value;\n  });\n  return ref.current;\n}\n"],"mappings":";;AAEA,SAAgB,YAAe,OAAyB;CACtD,MAAM,MAAM,OAAsB,KAAA,CAAS;CAC3C,gBAAgB;EACd,IAAI,UAAU;CAChB,CAAC;CACD,OAAO,IAAI;AACb"}

package/dist/hooks/use-track-impression.cjs

@@ -1,54 +1,27 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/hooks/use-track-impression.ts
-var use_track_impression_exports = {};
-__export(use_track_impression_exports, {
-  useTrackImpression: () => useTrackImpression
-});
-module.exports = __toCommonJS(use_track_impression_exports);
-var import_react = require("react");
-var import_track = require("../track/index.cjs");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_track_index = require("../track/index.cjs");
+let react = require("react");
+//#region src/hooks/use-track-impression.ts
 function useTrackImpression(name, properties) {
-  const fired = (0, import_react.useRef)(false);
-  const ref = (0, import_react.useRef)(null);
-  const onTrack = (0, import_react.useEffectEvent)(() => {
-    if (fired.current) return;
-    (0, import_track.track)(name, properties);
-    fired.current = true;
-  });
-  (0, import_react.useEffect)(() => {
-    const observer = new IntersectionObserver(
-      ([entry]) => {
-        if (!entry.isIntersecting) return;
-        onTrack();
-        observer.disconnect();
-      },
-      { threshold: 0.5 }
-    );
-    if (ref.current) observer.observe(ref.current);
-    return () => observer.disconnect();
-  }, [ref.current]);
-  return ref;
+	const fired = (0, react.useRef)(false);
+	const ref = (0, react.useRef)(null);
+	const onTrack = (0, react.useEffectEvent)(() => {
+		if (fired.current) return;
+		require_track_index.track(name, properties);
+		fired.current = true;
+	});
+	(0, react.useEffect)(() => {
+		const observer = new IntersectionObserver(([entry]) => {
+			if (!entry.isIntersecting) return;
+			onTrack();
+			observer.disconnect();
+		}, { threshold: .5 });
+		if (ref.current) observer.observe(ref.current);
+		return () => observer.disconnect();
+	}, [ref.current]);
+	return ref;
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useTrackImpression
-});
+//#endregion
+exports.useTrackImpression = useTrackImpression;
+
 //# sourceMappingURL=use-track-impression.cjs.map

package/dist/hooks/use-track-impression.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/use-track-impression.ts"],"sourcesContent":["import { useEffect, useEffectEvent, useRef } from 'react';\nimport { track } from '../track/index';\nimport type { EventName, TrackName, TrackProperties } from '../track/types';\n\nexport function useTrackImpression<\n  R extends Element = HTMLDivElement,\n  T extends EventName = EventName,\n>(name: TrackName<T>, properties?: TrackProperties<T>) {\n  const fired = useRef(false);\n  const ref = useRef<R | null>(null);\n\n  const onTrack = useEffectEvent(() => {\n    if (fired.current) return;\n    track(name, properties);\n    fired.current = true;\n  });\n\n  useEffect(() => {\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        if (!entry.isIntersecting) return;\n        onTrack();\n        observer.disconnect();\n      },\n      { threshold: 0.5 }\n    );\n\n    if (ref.current) observer.observe(ref.current);\n    return () => observer.disconnect();\n  }, [ref.current]);\n\n  return ref;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkD;AAClD,mBAAsB;AAGf,SAAS,mBAGd,MAAoB,YAAiC;AACrD,QAAM,YAAQ,qBAAO,KAAK;AAC1B,QAAM,UAAM,qBAAiB,IAAI;AAEjC,QAAM,cAAU,6BAAe,MAAM;AACnC,QAAI,MAAM,QAAS;AACnB,4BAAM,MAAM,UAAU;AACtB,UAAM,UAAU;AAAA,EAClB,CAAC;AAED,8BAAU,MAAM;AACd,UAAM,WAAW,IAAI;AAAA,MACnB,CAAC,CAAC,KAAK,MAAM;AACX,YAAI,CAAC,MAAM,eAAgB;AAC3B,gBAAQ;AACR,iBAAS,WAAW;AAAA,MACtB;AAAA,MACA,EAAE,WAAW,IAAI;AAAA,IACnB;AAEA,QAAI,IAAI,QAAS,UAAS,QAAQ,IAAI,OAAO;AAC7C,WAAO,MAAM,SAAS,WAAW;AAAA,EACnC,GAAG,CAAC,IAAI,OAAO,CAAC;AAEhB,SAAO;AACT;","names":[]}
+{"version":3,"file":"use-track-impression.cjs","names":[],"sources":["../../src/hooks/use-track-impression.ts"],"sourcesContent":["import { useEffect, useEffectEvent, useRef } from 'react';\nimport { track } from '../track/index';\nimport type { EventName, TrackName, TrackProperties } from '../track/types';\n\nexport function useTrackImpression<\n  R extends Element = HTMLDivElement,\n  T extends EventName = EventName,\n>(name: TrackName<T>, properties?: TrackProperties<T>) {\n  const fired = useRef(false);\n  const ref = useRef<R | null>(null);\n\n  const onTrack = useEffectEvent(() => {\n    if (fired.current) return;\n    track(name, properties);\n    fired.current = true;\n  });\n\n  useEffect(() => {\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        if (!entry.isIntersecting) return;\n        onTrack();\n        observer.disconnect();\n      },\n      { threshold: 0.5 }\n    );\n\n    if (ref.current) observer.observe(ref.current);\n    return () => observer.disconnect();\n  }, [ref.current]);\n\n  return ref;\n}\n"],"mappings":";;;;AAIA,SAAgB,mBAGd,MAAoB,YAAiC;CACrD,MAAM,SAAA,GAAA,MAAA,OAAA,CAAe,KAAK;CAC1B,MAAM,OAAA,GAAA,MAAA,OAAA,CAAuB,IAAI;CAEjC,MAAM,WAAA,GAAA,MAAA,eAAA,OAA+B;EACnC,IAAI,MAAM,SAAS;EACnB,oBAAA,MAAM,MAAM,UAAU;EACtB,MAAM,UAAU;CAClB,CAAC;CAED,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,MAAM,WAAW,IAAI,sBAClB,CAAC,WAAW;GACX,IAAI,CAAC,MAAM,gBAAgB;GAC3B,QAAQ;GACR,SAAS,WAAW;EACtB,GACA,EAAE,WAAW,GAAI,CACnB;EAEA,IAAI,IAAI,SAAS,SAAS,QAAQ,IAAI,OAAO;EAC7C,aAAa,SAAS,WAAW;CACnC,GAAG,CAAC,IAAI,OAAO,CAAC;CAEhB,OAAO;AACT"}

package/dist/hooks/use-track-impression.d.cts

@@ -1,7 +1,6 @@
-import * as react from 'react';
-import { EventName, TrackName, TrackProperties } from '../track/types.cjs';
-import '../track/gtag.cjs';
-
-declare function useTrackImpression<R extends Element = HTMLDivElement, T extends EventName = EventName>(name: TrackName<T>, properties?: TrackProperties<T>): react.RefObject<R | null>;
-
+import { EventName, TrackName, TrackProperties } from "../track/types.cjs";
+//#region src/hooks/use-track-impression.d.ts
+declare function useTrackImpression<R extends Element = HTMLDivElement, T extends EventName = EventName>(name: TrackName<T>, properties?: TrackProperties<T>): import("react").RefObject<R | null>;
+//#endregion
 export { useTrackImpression };
+//# sourceMappingURL=use-track-impression.d.cts.map

package/dist/hooks/use-track-impression.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-track-impression.d.cts","names":[],"sources":["../../src/hooks/use-track-impression.ts"],"mappings":";;iBAIgB,mBACd,UAAU,UAAU,gBACpB,UAAU,YAAY,WACtB,MAAM,UAAU,IAAI,aAAa,gBAAgB,qBAAE,UAAA"}

package/dist/hooks/use-track-impression.d.mts

@@ -0,0 +1,6 @@
+import { EventName, TrackName, TrackProperties } from "../track/types.mjs";
+//#region src/hooks/use-track-impression.d.ts
+declare function useTrackImpression<R extends Element = HTMLDivElement, T extends EventName = EventName>(name: TrackName<T>, properties?: TrackProperties<T>): import("react").RefObject<R | null>;
+//#endregion
+export { useTrackImpression };
+//# sourceMappingURL=use-track-impression.d.mts.map

package/dist/hooks/use-track-impression.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-track-impression.d.mts","names":[],"sources":["../../src/hooks/use-track-impression.ts"],"mappings":";;iBAIgB,mBACd,UAAU,UAAU,gBACpB,UAAU,YAAY,WACtB,MAAM,UAAU,IAAI,aAAa,gBAAgB,qBAAE,UAAA"}

package/dist/hooks/use-track-impression.mjs

@@ -1,29 +1,26 @@
-// src/hooks/use-track-impression.ts
-import { useEffect, useEffectEvent, useRef } from "react";
 import { track } from "../track/index.mjs";
+import { useEffect, useEffectEvent, useRef } from "react";
+//#region src/hooks/use-track-impression.ts
 function useTrackImpression(name, properties) {
-  const fired = useRef(false);
-  const ref = useRef(null);
-  const onTrack = useEffectEvent(() => {
-    if (fired.current) return;
-    track(name, properties);
-    fired.current = true;
-  });
-  useEffect(() => {
-    const observer = new IntersectionObserver(
-      ([entry]) => {
-        if (!entry.isIntersecting) return;
-        onTrack();
-        observer.disconnect();
-      },
-      { threshold: 0.5 }
-    );
-    if (ref.current) observer.observe(ref.current);
-    return () => observer.disconnect();
-  }, [ref.current]);
-  return ref;
+	const fired = useRef(false);
+	const ref = useRef(null);
+	const onTrack = useEffectEvent(() => {
+		if (fired.current) return;
+		track(name, properties);
+		fired.current = true;
+	});
+	useEffect(() => {
+		const observer = new IntersectionObserver(([entry]) => {
+			if (!entry.isIntersecting) return;
+			onTrack();
+			observer.disconnect();
+		}, { threshold: .5 });
+		if (ref.current) observer.observe(ref.current);
+		return () => observer.disconnect();
+	}, [ref.current]);
+	return ref;
 }
-export {
-  useTrackImpression
-};
+//#endregion
+export { useTrackImpression };
+
 //# sourceMappingURL=use-track-impression.mjs.map

package/dist/hooks/use-track-impression.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/use-track-impression.ts"],"sourcesContent":["import { useEffect, useEffectEvent, useRef } from 'react';\nimport { track } from '../track/index';\nimport type { EventName, TrackName, TrackProperties } from '../track/types';\n\nexport function useTrackImpression<\n  R extends Element = HTMLDivElement,\n  T extends EventName = EventName,\n>(name: TrackName<T>, properties?: TrackProperties<T>) {\n  const fired = useRef(false);\n  const ref = useRef<R | null>(null);\n\n  const onTrack = useEffectEvent(() => {\n    if (fired.current) return;\n    track(name, properties);\n    fired.current = true;\n  });\n\n  useEffect(() => {\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        if (!entry.isIntersecting) return;\n        onTrack();\n        observer.disconnect();\n      },\n      { threshold: 0.5 }\n    );\n\n    if (ref.current) observer.observe(ref.current);\n    return () => observer.disconnect();\n  }, [ref.current]);\n\n  return ref;\n}\n"],"mappings":";AAAA,SAAS,WAAW,gBAAgB,cAAc;AAClD,SAAS,aAAa;AAGf,SAAS,mBAGd,MAAoB,YAAiC;AACrD,QAAM,QAAQ,OAAO,KAAK;AAC1B,QAAM,MAAM,OAAiB,IAAI;AAEjC,QAAM,UAAU,eAAe,MAAM;AACnC,QAAI,MAAM,QAAS;AACnB,UAAM,MAAM,UAAU;AACtB,UAAM,UAAU;AAAA,EAClB,CAAC;AAED,YAAU,MAAM;AACd,UAAM,WAAW,IAAI;AAAA,MACnB,CAAC,CAAC,KAAK,MAAM;AACX,YAAI,CAAC,MAAM,eAAgB;AAC3B,gBAAQ;AACR,iBAAS,WAAW;AAAA,MACtB;AAAA,MACA,EAAE,WAAW,IAAI;AAAA,IACnB;AAEA,QAAI,IAAI,QAAS,UAAS,QAAQ,IAAI,OAAO;AAC7C,WAAO,MAAM,SAAS,WAAW;AAAA,EACnC,GAAG,CAAC,IAAI,OAAO,CAAC;AAEhB,SAAO;AACT;","names":[]}
+{"version":3,"file":"use-track-impression.mjs","names":[],"sources":["../../src/hooks/use-track-impression.ts"],"sourcesContent":["import { useEffect, useEffectEvent, useRef } from 'react';\nimport { track } from '../track/index';\nimport type { EventName, TrackName, TrackProperties } from '../track/types';\n\nexport function useTrackImpression<\n  R extends Element = HTMLDivElement,\n  T extends EventName = EventName,\n>(name: TrackName<T>, properties?: TrackProperties<T>) {\n  const fired = useRef(false);\n  const ref = useRef<R | null>(null);\n\n  const onTrack = useEffectEvent(() => {\n    if (fired.current) return;\n    track(name, properties);\n    fired.current = true;\n  });\n\n  useEffect(() => {\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        if (!entry.isIntersecting) return;\n        onTrack();\n        observer.disconnect();\n      },\n      { threshold: 0.5 }\n    );\n\n    if (ref.current) observer.observe(ref.current);\n    return () => observer.disconnect();\n  }, [ref.current]);\n\n  return ref;\n}\n"],"mappings":";;;AAIA,SAAgB,mBAGd,MAAoB,YAAiC;CACrD,MAAM,QAAQ,OAAO,KAAK;CAC1B,MAAM,MAAM,OAAiB,IAAI;CAEjC,MAAM,UAAU,qBAAqB;EACnC,IAAI,MAAM,SAAS;EACnB,MAAM,MAAM,UAAU;EACtB,MAAM,UAAU;CAClB,CAAC;CAED,gBAAgB;EACd,MAAM,WAAW,IAAI,sBAClB,CAAC,WAAW;GACX,IAAI,CAAC,MAAM,gBAAgB;GAC3B,QAAQ;GACR,SAAS,WAAW;EACtB,GACA,EAAE,WAAW,GAAI,CACnB;EAEA,IAAI,IAAI,SAAS,SAAS,QAAQ,IAAI,OAAO;EAC7C,aAAa,SAAS,WAAW;CACnC,GAAG,CAAC,IAAI,OAAO,CAAC;CAEhB,OAAO;AACT"}

package/dist/hooks/use-web-analytics.cjs

@@ -1,124 +1,113 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/hooks/use-web-analytics.ts
-var use_web_analytics_exports = {};
-__export(use_web_analytics_exports, {
-  useWebAnalytics: () => useWebAnalytics
-});
-module.exports = __toCommonJS(use_web_analytics_exports);
-var import_utils = require("@shware/utils");
-var import_react = require("react");
-var import_storage = require("../constants/storage.cjs");
-var import_setup = require("../setup/index.cjs");
-var import_session = require("../setup/session.cjs");
-var import_track = require("../track/index.cjs");
-var import_use_previous = require("./use-previous.cjs");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_setup_index = require("../setup/index.cjs");
+const require_setup_session = require("../setup/session.cjs");
+const require_constants_storage = require("../constants/storage.cjs");
+const require_track_index = require("../track/index.cjs");
+const require_hooks_use_previous = require("./use-previous.cjs");
+let _shware_utils = require("@shware/utils");
+let react = require("react");
+//#region src/hooks/use-web-analytics.ts
 function sendFirstVisit(pathname) {
-  if (import_setup.config.storage.getItem(import_storage.keys.first_visit_time)) return;
-  (0, import_track.track)("first_visit", {
-    page_path: pathname,
-    page_title: document.title,
-    page_referrer: document.referrer,
-    page_location: window.location.href
-  });
-  import_setup.config.storage.setItem(import_storage.keys.first_visit_time, (/* @__PURE__ */ new Date()).toISOString());
+	if (require_setup_index.config.storage.getItem(require_constants_storage.keys.first_visit_time)) return;
+	require_track_index.track("first_visit", {
+		page_path: pathname,
+		page_title: document.title,
+		page_referrer: document.referrer,
+		page_location: window.location.href
+	});
+	require_setup_index.config.storage.setItem(require_constants_storage.keys.first_visit_time, (/* @__PURE__ */ new Date()).toISOString());
 }
 function sendUserEngagement(trigger) {
-  const engagement_time_msec = import_session.session.flush();
-  if (engagement_time_msec <= 0) return;
-  (0, import_track.sendBeacon)("user_engagement", { engagement_time_msec, trigger });
+	const engagement_time_msec = require_setup_session.session.flush();
+	if (engagement_time_msec <= 0) return;
+	require_track_index.sendBeacon("user_engagement", {
+		engagement_time_msec,
+		trigger
+	});
 }
 function sendScroll() {
-  const engagement_time_msec = import_session.session.flush();
-  if (engagement_time_msec <= 0) return;
-  (0, import_track.track)("scroll", { engagement_time_msec });
+	const engagement_time_msec = require_setup_session.session.flush();
+	if (engagement_time_msec <= 0) return;
+	require_track_index.track("scroll", { engagement_time_msec });
 }
 function getScrollPercent() {
-  const scrollTop = window.scrollY || document.documentElement.scrollTop;
-  const windowHeight = window.innerHeight;
-  const docHeight = document.documentElement.scrollHeight;
-  if (docHeight === 0) return 0;
-  return (scrollTop + windowHeight) * 100 / docHeight;
+	const scrollTop = window.scrollY || document.documentElement.scrollTop;
+	const windowHeight = window.innerHeight;
+	const docHeight = document.documentElement.scrollHeight;
+	if (docHeight === 0) return 0;
+	return (scrollTop + windowHeight) * 100 / docHeight;
 }
 function onPageHide() {
-  import_session.session.pagehide();
-  sendUserEngagement("pagehide");
+	require_setup_session.session.pagehide();
+	sendUserEngagement("pagehide");
 }
 function onVisibilityChange() {
-  import_session.session.visibilitychange(document.visibilityState);
-  if (document.visibilityState === "hidden") {
-    sendUserEngagement("visibilitychange");
-  }
+	require_setup_session.session.visibilitychange(document.visibilityState);
+	if (document.visibilityState === "hidden") sendUserEngagement("visibilitychange");
 }
+/**
+* 1. send session_start event when the page is loaded
+* 2. send scroll event when the user scrolls more than 90% of the page
+* 3. send user_engagement event when the page is hidden or the user is not focused
+*/
 function useWebAnalytics(pathname) {
-  const prevPathname = (0, import_use_previous.usePrevious)(pathname);
-  const hasSendScroll = (0, import_react.useRef)(false);
-  (0, import_react.useEffect)(() => {
-    hasSendScroll.current = false;
-  }, [pathname]);
-  (0, import_react.useEffect)(() => {
-    sendFirstVisit(pathname);
-    (0, import_track.track)("session_start", void 0);
-    const onScroll = (0, import_utils.throttle)(() => {
-      import_session.session.updateAccumulator();
-      if (hasSendScroll.current) return;
-      if (getScrollPercent() < 90) return;
-      hasSendScroll.current = true;
-      sendScroll();
-    }, 500);
-    const checkpointEvents = ["mousedown", "keydown", "touchstart"];
-    const checkpoint = (0, import_utils.throttle)(import_session.session.updateAccumulator, 1e3);
-    window.addEventListener("focus", import_session.session.focus);
-    window.addEventListener("blur", import_session.session.blur);
-    window.addEventListener("scroll", onScroll, { passive: true });
-    window.addEventListener("pageshow", import_session.session.pageshow);
-    window.addEventListener("pagehide", onPageHide);
-    document.addEventListener("visibilitychange", onVisibilityChange);
-    checkpointEvents.forEach((e) => {
-      window.addEventListener(e, checkpoint, { passive: true, capture: true });
-    });
-    return () => {
-      window.removeEventListener("focus", import_session.session.focus);
-      window.removeEventListener("blur", import_session.session.blur);
-      window.removeEventListener("scroll", onScroll);
-      window.removeEventListener("pageshow", import_session.session.pageshow);
-      window.removeEventListener("pagehide", onPageHide);
-      document.removeEventListener("visibilitychange", onVisibilityChange);
-      checkpointEvents.forEach((e) => window.removeEventListener(e, checkpoint));
-      onScroll.cancel();
-      checkpoint.cancel();
-    };
-  }, []);
-  (0, import_react.useEffect)(() => {
-    (0, import_track.track)("page_view", {
-      page_path: pathname,
-      page_title: document.title,
-      page_referrer: document.referrer,
-      page_location: window.location.href,
-      previous_page_path: prevPathname ?? void 0,
-      engagement_time_msec: prevPathname ? import_session.session.flush() : void 0
-    });
-  }, [pathname]);
+	const prevPathname = require_hooks_use_previous.usePrevious(pathname);
+	const hasSendScroll = (0, react.useRef)(false);
+	(0, react.useEffect)(() => {
+		hasSendScroll.current = false;
+	}, [pathname]);
+	(0, react.useEffect)(() => {
+		sendFirstVisit(pathname);
+		require_track_index.track("session_start", void 0);
+		const onScroll = (0, _shware_utils.throttle)(() => {
+			require_setup_session.session.updateAccumulator();
+			if (hasSendScroll.current) return;
+			if (getScrollPercent() < 90) return;
+			hasSendScroll.current = true;
+			sendScroll();
+		}, 500);
+		const checkpointEvents = [
+			"mousedown",
+			"keydown",
+			"touchstart"
+		];
+		const checkpoint = (0, _shware_utils.throttle)(require_setup_session.session.updateAccumulator, 1e3);
+		window.addEventListener("focus", require_setup_session.session.focus);
+		window.addEventListener("blur", require_setup_session.session.blur);
+		window.addEventListener("scroll", onScroll, { passive: true });
+		window.addEventListener("pageshow", require_setup_session.session.pageshow);
+		window.addEventListener("pagehide", onPageHide);
+		document.addEventListener("visibilitychange", onVisibilityChange);
+		checkpointEvents.forEach((e) => {
+			window.addEventListener(e, checkpoint, {
+				passive: true,
+				capture: true
+			});
+		});
+		return () => {
+			window.removeEventListener("focus", require_setup_session.session.focus);
+			window.removeEventListener("blur", require_setup_session.session.blur);
+			window.removeEventListener("scroll", onScroll);
+			window.removeEventListener("pageshow", require_setup_session.session.pageshow);
+			window.removeEventListener("pagehide", onPageHide);
+			document.removeEventListener("visibilitychange", onVisibilityChange);
+			checkpointEvents.forEach((e) => window.removeEventListener(e, checkpoint));
+			onScroll.cancel();
+			checkpoint.cancel();
+		};
+	}, []);
+	(0, react.useEffect)(() => {
+		require_track_index.track("page_view", {
+			page_path: pathname,
+			page_title: document.title,
+			page_referrer: document.referrer,
+			page_location: window.location.href,
+			previous_page_path: prevPathname ?? void 0,
+			engagement_time_msec: prevPathname ? require_setup_session.session.flush() : void 0
+		});
+	}, [pathname]);
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useWebAnalytics
-});
+//#endregion
+exports.useWebAnalytics = useWebAnalytics;
+
 //# sourceMappingURL=use-web-analytics.cjs.map

package/dist/hooks/use-web-analytics.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/use-web-analytics.ts"],"sourcesContent":["import { throttle } from '@shware/utils';\nimport { useEffect, useRef } from 'react';\nimport { keys } from '../constants/storage';\nimport { config } from '../setup/index';\nimport { session } from '../setup/session';\nimport { sendBeacon, track } from '../track/index';\nimport { usePrevious } from './use-previous';\n\nfunction sendFirstVisit(pathname: string) {\n  if (config.storage.getItem(keys.first_visit_time)) return;\n  track('first_visit', {\n    page_path: pathname,\n    page_title: document.title,\n    page_referrer: document.referrer,\n    page_location: window.location.href,\n  });\n  config.storage.setItem(keys.first_visit_time, new Date().toISOString());\n}\n\nfunction sendUserEngagement(trigger: 'pagehide' | 'visibilitychange') {\n  const engagement_time_msec = session.flush();\n  if (engagement_time_msec <= 0) return;\n  sendBeacon('user_engagement', { engagement_time_msec, trigger });\n}\n\nfunction sendScroll() {\n  const engagement_time_msec = session.flush();\n  if (engagement_time_msec <= 0) return;\n  track('scroll', { engagement_time_msec });\n}\n\nfunction getScrollPercent() {\n  const scrollTop = window.scrollY || document.documentElement.scrollTop;\n  const windowHeight = window.innerHeight;\n  const docHeight = document.documentElement.scrollHeight;\n  if (docHeight === 0) return 0;\n  return ((scrollTop + windowHeight) * 100) / docHeight;\n}\n\nfunction onPageHide() {\n  session.pagehide();\n  sendUserEngagement('pagehide');\n}\n\nfunction onVisibilityChange() {\n  session.visibilitychange(document.visibilityState);\n  if (document.visibilityState === 'hidden') {\n    sendUserEngagement('visibilitychange');\n  }\n}\n\n/**\n * 1. send session_start event when the page is loaded\n * 2. send scroll event when the user scrolls more than 90% of the page\n * 3. send user_engagement event when the page is hidden or the user is not focused\n */\nexport function useWebAnalytics(pathname: string) {\n  const prevPathname = usePrevious(pathname);\n\n  // reset state when the pathname changes and send scroll when the user navigates to a new page\n  const hasSendScroll = useRef(false);\n  useEffect(() => {\n    hasSendScroll.current = false;\n  }, [pathname]);\n\n  useEffect(() => {\n    sendFirstVisit(pathname);\n    track('session_start', undefined);\n\n    const onScroll = throttle(() => {\n      session.updateAccumulator();\n      if (hasSendScroll.current) return;\n      // only send scroll when the user has scrolled more than 90% of the page\n      if (getScrollPercent() < 90) return;\n      hasSendScroll.current = true;\n      sendScroll();\n    }, 500);\n\n    const checkpointEvents = ['mousedown', 'keydown', 'touchstart'];\n    const checkpoint = throttle(session.updateAccumulator, 1000);\n\n    window.addEventListener('focus', session.focus);\n    window.addEventListener('blur', session.blur);\n    window.addEventListener('scroll', onScroll, { passive: true });\n    window.addEventListener('pageshow', session.pageshow);\n    window.addEventListener('pagehide', onPageHide);\n    document.addEventListener('visibilitychange', onVisibilityChange);\n\n    // save checkpoint\n    checkpointEvents.forEach((e) => {\n      window.addEventListener(e, checkpoint, { passive: true, capture: true });\n    });\n\n    return () => {\n      window.removeEventListener('focus', session.focus);\n      window.removeEventListener('blur', session.blur);\n      window.removeEventListener('scroll', onScroll);\n      window.removeEventListener('pageshow', session.pageshow);\n      window.removeEventListener('pagehide', onPageHide);\n      document.removeEventListener('visibilitychange', onVisibilityChange);\n      checkpointEvents.forEach((e) => window.removeEventListener(e, checkpoint));\n\n      onScroll.cancel();\n      checkpoint.cancel();\n    };\n  }, []);\n\n  useEffect(() => {\n    track('page_view', {\n      page_path: pathname,\n      page_title: document.title,\n      page_referrer: document.referrer,\n      page_location: window.location.href,\n      previous_page_path: prevPathname ?? undefined,\n      engagement_time_msec: prevPathname ? session.flush() : undefined,\n    });\n  }, [pathname]);\n}\n"],"mappings":"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","names":[]}
+{"version":3,"file":"use-web-analytics.cjs","names":["config","keys","session","usePrevious"],"sources":["../../src/hooks/use-web-analytics.ts"],"sourcesContent":["import { throttle } from '@shware/utils';\nimport { useEffect, useRef } from 'react';\nimport { keys } from '../constants/storage';\nimport { config } from '../setup/index';\nimport { session } from '../setup/session';\nimport { sendBeacon, track } from '../track/index';\nimport { usePrevious } from './use-previous';\n\nfunction sendFirstVisit(pathname: string) {\n  if (config.storage.getItem(keys.first_visit_time)) return;\n  track('first_visit', {\n    page_path: pathname,\n    page_title: document.title,\n    page_referrer: document.referrer,\n    page_location: window.location.href,\n  });\n  config.storage.setItem(keys.first_visit_time, new Date().toISOString());\n}\n\nfunction sendUserEngagement(trigger: 'pagehide' | 'visibilitychange') {\n  const engagement_time_msec = session.flush();\n  if (engagement_time_msec <= 0) return;\n  sendBeacon('user_engagement', { engagement_time_msec, trigger });\n}\n\nfunction sendScroll() {\n  const engagement_time_msec = session.flush();\n  if (engagement_time_msec <= 0) return;\n  track('scroll', { engagement_time_msec });\n}\n\nfunction getScrollPercent() {\n  const scrollTop = window.scrollY || document.documentElement.scrollTop;\n  const windowHeight = window.innerHeight;\n  const docHeight = document.documentElement.scrollHeight;\n  if (docHeight === 0) return 0;\n  return ((scrollTop + windowHeight) * 100) / docHeight;\n}\n\nfunction onPageHide() {\n  session.pagehide();\n  sendUserEngagement('pagehide');\n}\n\nfunction onVisibilityChange() {\n  session.visibilitychange(document.visibilityState);\n  if (document.visibilityState === 'hidden') {\n    sendUserEngagement('visibilitychange');\n  }\n}\n\n/**\n * 1. send session_start event when the page is loaded\n * 2. send scroll event when the user scrolls more than 90% of the page\n * 3. send user_engagement event when the page is hidden or the user is not focused\n */\nexport function useWebAnalytics(pathname: string) {\n  const prevPathname = usePrevious(pathname);\n\n  // reset state when the pathname changes and send scroll when the user navigates to a new page\n  const hasSendScroll = useRef(false);\n  useEffect(() => {\n    hasSendScroll.current = false;\n  }, [pathname]);\n\n  useEffect(() => {\n    sendFirstVisit(pathname);\n    track('session_start', undefined);\n\n    const onScroll = throttle(() => {\n      session.updateAccumulator();\n      if (hasSendScroll.current) return;\n      // only send scroll when the user has scrolled more than 90% of the page\n      if (getScrollPercent() < 90) return;\n      hasSendScroll.current = true;\n      sendScroll();\n    }, 500);\n\n    const checkpointEvents = ['mousedown', 'keydown', 'touchstart'];\n    const checkpoint = throttle(session.updateAccumulator, 1000);\n\n    window.addEventListener('focus', session.focus);\n    window.addEventListener('blur', session.blur);\n    window.addEventListener('scroll', onScroll, { passive: true });\n    window.addEventListener('pageshow', session.pageshow);\n    window.addEventListener('pagehide', onPageHide);\n    document.addEventListener('visibilitychange', onVisibilityChange);\n\n    // save checkpoint\n    checkpointEvents.forEach((e) => {\n      window.addEventListener(e, checkpoint, { passive: true, capture: true });\n    });\n\n    return () => {\n      window.removeEventListener('focus', session.focus);\n      window.removeEventListener('blur', session.blur);\n      window.removeEventListener('scroll', onScroll);\n      window.removeEventListener('pageshow', session.pageshow);\n      window.removeEventListener('pagehide', onPageHide);\n      document.removeEventListener('visibilitychange', onVisibilityChange);\n      checkpointEvents.forEach((e) => window.removeEventListener(e, checkpoint));\n\n      onScroll.cancel();\n      checkpoint.cancel();\n    };\n  }, []);\n\n  useEffect(() => {\n    track('page_view', {\n      page_path: pathname,\n      page_title: document.title,\n      page_referrer: document.referrer,\n      page_location: window.location.href,\n      previous_page_path: prevPathname ?? undefined,\n      engagement_time_msec: prevPathname ? session.flush() : undefined,\n    });\n  }, [pathname]);\n}\n"],"mappings":"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"}

package/dist/hooks/use-web-analytics.d.cts

@@ -1,8 +1,10 @@
+//#region src/hooks/use-web-analytics.d.ts
 /**
  * 1. send session_start event when the page is loaded
  * 2. send scroll event when the user scrolls more than 90% of the page
  * 3. send user_engagement event when the page is hidden or the user is not focused
  */
 declare function useWebAnalytics(pathname: string): void;
-
+//#endregion
 export { useWebAnalytics };
+//# sourceMappingURL=use-web-analytics.d.cts.map

package/dist/hooks/use-web-analytics.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-web-analytics.d.cts","names":[],"sources":["../../src/hooks/use-web-analytics.ts"],"mappings":";;;;;;iBAwDgB,gBAAgB"}

package/dist/hooks/{use-web-analytics.d.ts → use-web-analytics.d.mts}

@@ -1,8 +1,10 @@
+//#region src/hooks/use-web-analytics.d.ts
 /**
  * 1. send session_start event when the page is loaded
  * 2. send scroll event when the user scrolls more than 90% of the page
  * 3. send user_engagement event when the page is hidden or the user is not focused
  */
 declare function useWebAnalytics(pathname: string): void;
-
+//#endregion
 export { useWebAnalytics };
+//# sourceMappingURL=use-web-analytics.d.mts.map

package/dist/hooks/use-web-analytics.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-web-analytics.d.mts","names":[],"sources":["../../src/hooks/use-web-analytics.ts"],"mappings":";;;;;;iBAwDgB,gBAAgB"}