@shware/analytics 2.17.2 → 2.18.0

package/dist/hooks/{use-screen-view-analytics.cjs → use-app-analytics.cjs}

@@ -17,60 +17,59 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/hooks/use-screen-view-analytics.ts
-var use_screen_view_analytics_exports = {};
-__export(use_screen_view_analytics_exports, {
-  useScreenViewAnalytics: () => useScreenViewAnalytics
+// src/hooks/use-app-analytics.ts
+var use_app_analytics_exports = {};
+__export(use_app_analytics_exports, {
+  useAppAnalytics: () => useAppAnalytics
 });
-module.exports = __toCommonJS(use_screen_view_analytics_exports);
+module.exports = __toCommonJS(use_app_analytics_exports);
 var import_expo_router = require("expo-router");
 var import_react = require("react");
 var import_react_native = require("react-native");
 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");
-function useScreenViewAnalytics() {
+function sendFirstOpen(pathname) {
+  const key = "first_open_time";
+  if (import_setup.config.storage.getItem(key)) return;
+  const properties = { screen_name: pathname, screen_class: pathname };
+  (0, import_track.track)("first_open", properties, { enableThirdPartyTracking: false });
+  import_setup.config.storage.setItem(key, (/* @__PURE__ */ new Date()).toISOString());
+}
+function sendUserEngagement() {
+  const engagement_time_msec = import_session.session.flush();
+  if (engagement_time_msec <= 0) return;
+  (0, import_track.track)("user_engagement", { engagement_time_msec }, { enableThirdPartyTracking: false });
+}
+function useAppAnalytics() {
   const pathname = (0, import_expo_router.usePathname)();
   const prevPathname = (0, import_use_previous.usePrevious)(pathname);
-  const session = (0, import_react.useRef)({ start: performance.now(), total: 0, isActive: true });
   (0, import_react.useEffect)(() => {
+    sendFirstOpen(pathname);
+    (0, import_track.track)("session_start", void 0, { enableThirdPartyTracking: false });
     const subscription = import_react_native.AppState.addEventListener("change", (state) => {
-      if (state === "active" && !session.current.isActive) {
-        session.current.start = performance.now();
-        session.current.isActive = true;
-      } else if (state !== "active" && session.current.isActive) {
-        session.current.total += (performance.now() - session.current.start) / 1e3;
-        session.current.isActive = false;
+      import_session.session.updateAccumulator();
+      if (state === "active" && !import_session.session.isActive()) {
+        import_session.session.updateActive(true);
+      } else if (state !== "active" && import_session.session.isActive()) {
+        import_session.session.updateActive(false);
+        sendUserEngagement();
       }
     });
     return () => subscription.remove();
   }, []);
   (0, import_react.useEffect)(() => {
-    const key = "first_open_time";
-    if (import_setup.config.storage.getItem(key)) return;
-    const properties = { screen_name: pathname, screen_class: pathname };
-    (0, import_track.track)("first_open", properties, { enableThirdPartyTracking: false });
-    import_setup.config.storage.setItem(key, (/* @__PURE__ */ new Date()).toISOString());
-  }, []);
-  (0, import_react.useEffect)(() => {
-    if (!prevPathname) {
-      session.current = { start: performance.now(), total: 0, isActive: true };
-    }
-    let duration = session.current.total;
-    if (session.current.isActive) {
-      duration += (performance.now() - session.current.start) / 1e3;
-    }
     (0, import_track.track)("screen_view", {
       screen_name: pathname,
       screen_class: pathname,
       previous_screen_class: prevPathname ?? void 0,
-      previous_screen_class_duration: prevPathname ? Number(duration.toFixed(2)) : void 0
+      engagement_time_msec: prevPathname ? import_session.session.flush() : void 0
     });
-    session.current = { start: performance.now(), total: 0, isActive: true };
   }, [pathname]);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  useScreenViewAnalytics
+  useAppAnalytics
 });
-//# sourceMappingURL=use-screen-view-analytics.cjs.map
+//# sourceMappingURL=use-app-analytics.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-app-analytics.ts"],"sourcesContent":["import { usePathname } from 'expo-router';\nimport { useEffect } from 'react';\nimport { AppState } from 'react-native';\nimport { config } from '../setup/index';\nimport { session } from '../setup/session';\nimport { track } from '../track/index';\nimport { usePrevious } from './use-previous';\n\nfunction sendFirstOpen(pathname: string) {\n  const key = 'first_open_time';\n  if (config.storage.getItem(key)) return;\n  const properties = { screen_name: pathname, screen_class: pathname };\n  track('first_open', properties, { enableThirdPartyTracking: false });\n  config.storage.setItem(key, new Date().toISOString());\n}\n\nfunction sendUserEngagement() {\n  const engagement_time_msec = session.flush();\n  if (engagement_time_msec <= 0) return;\n  track('user_engagement', { engagement_time_msec }, { enableThirdPartyTracking: false });\n}\n\nexport function useAppAnalytics() {\n  const pathname = usePathname();\n  const prevPathname = usePrevious(pathname);\n\n  useEffect(() => {\n    sendFirstOpen(pathname);\n    track('session_start', undefined, { enableThirdPartyTracking: false });\n\n    const subscription = AppState.addEventListener('change', (state) => {\n      session.updateAccumulator();\n      // when returning to the foreground from the background\n      if (state === 'active' && !session.isActive()) {\n        session.updateActive(true);\n      }\n      // when entering the background\n      else if (state !== 'active' && session.isActive()) {\n        session.updateActive(false);\n        sendUserEngagement();\n      }\n    });\n\n    return () => subscription.remove();\n  }, []);\n\n  // when the screen is switched, the engagement time of the previous screen is recorded\n  useEffect(() => {\n    track('screen_view', {\n      screen_name: pathname,\n      screen_class: pathname,\n      previous_screen_class: prevPathname ?? undefined,\n      engagement_time_msec: prevPathname ? session.flush() : undefined,\n    });\n  }, [pathname]);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAA4B;AAC5B,mBAA0B;AAC1B,0BAAyB;AACzB,mBAAuB;AACvB,qBAAwB;AACxB,mBAAsB;AACtB,0BAA4B;AAE5B,SAAS,cAAc,UAAkB;AACvC,QAAM,MAAM;AACZ,MAAI,oBAAO,QAAQ,QAAQ,GAAG,EAAG;AACjC,QAAM,aAAa,EAAE,aAAa,UAAU,cAAc,SAAS;AACnE,0BAAM,cAAc,YAAY,EAAE,0BAA0B,MAAM,CAAC;AACnE,sBAAO,QAAQ,QAAQ,MAAK,oBAAI,KAAK,GAAE,YAAY,CAAC;AACtD;AAEA,SAAS,qBAAqB;AAC5B,QAAM,uBAAuB,uBAAQ,MAAM;AAC3C,MAAI,wBAAwB,EAAG;AAC/B,0BAAM,mBAAmB,EAAE,qBAAqB,GAAG,EAAE,0BAA0B,MAAM,CAAC;AACxF;AAEO,SAAS,kBAAkB;AAChC,QAAM,eAAW,gCAAY;AAC7B,QAAM,mBAAe,iCAAY,QAAQ;AAEzC,8BAAU,MAAM;AACd,kBAAc,QAAQ;AACtB,4BAAM,iBAAiB,QAAW,EAAE,0BAA0B,MAAM,CAAC;AAErE,UAAM,eAAe,6BAAS,iBAAiB,UAAU,CAAC,UAAU;AAClE,6BAAQ,kBAAkB;AAE1B,UAAI,UAAU,YAAY,CAAC,uBAAQ,SAAS,GAAG;AAC7C,+BAAQ,aAAa,IAAI;AAAA,MAC3B,WAES,UAAU,YAAY,uBAAQ,SAAS,GAAG;AACjD,+BAAQ,aAAa,KAAK;AAC1B,2BAAmB;AAAA,MACrB;AAAA,IACF,CAAC;AAED,WAAO,MAAM,aAAa,OAAO;AAAA,EACnC,GAAG,CAAC,CAAC;AAGL,8BAAU,MAAM;AACd,4BAAM,eAAe;AAAA,MACnB,aAAa;AAAA,MACb,cAAc;AAAA,MACd,uBAAuB,gBAAgB;AAAA,MACvC,sBAAsB,eAAe,uBAAQ,MAAM,IAAI;AAAA,IACzD,CAAC;AAAA,EACH,GAAG,CAAC,QAAQ,CAAC;AACf;","names":[]}

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

@@ -0,0 +1,3 @@
+declare function useAppAnalytics(): void;
+
+export { useAppAnalytics };

package/dist/hooks/use-app-analytics.d.ts

@@ -0,0 +1,3 @@
+declare function useAppAnalytics(): void;
+
+export { useAppAnalytics };

package/dist/hooks/use-app-analytics.mjs

@@ -0,0 +1,50 @@
+// src/hooks/use-app-analytics.ts
+import { usePathname } from "expo-router";
+import { useEffect } from "react";
+import { AppState } from "react-native";
+import { config } from "../setup/index.mjs";
+import { session } from "../setup/session.mjs";
+import { track } from "../track/index.mjs";
+import { usePrevious } from "./use-previous.mjs";
+function sendFirstOpen(pathname) {
+  const key = "first_open_time";
+  if (config.storage.getItem(key)) return;
+  const properties = { screen_name: pathname, screen_class: pathname };
+  track("first_open", properties, { enableThirdPartyTracking: false });
+  config.storage.setItem(key, (/* @__PURE__ */ new Date()).toISOString());
+}
+function sendUserEngagement() {
+  const engagement_time_msec = session.flush();
+  if (engagement_time_msec <= 0) return;
+  track("user_engagement", { engagement_time_msec }, { enableThirdPartyTracking: false });
+}
+function useAppAnalytics() {
+  const pathname = usePathname();
+  const prevPathname = usePrevious(pathname);
+  useEffect(() => {
+    sendFirstOpen(pathname);
+    track("session_start", void 0, { enableThirdPartyTracking: false });
+    const subscription = AppState.addEventListener("change", (state) => {
+      session.updateAccumulator();
+      if (state === "active" && !session.isActive()) {
+        session.updateActive(true);
+      } else if (state !== "active" && session.isActive()) {
+        session.updateActive(false);
+        sendUserEngagement();
+      }
+    });
+    return () => subscription.remove();
+  }, []);
+  useEffect(() => {
+    track("screen_view", {
+      screen_name: pathname,
+      screen_class: pathname,
+      previous_screen_class: prevPathname ?? void 0,
+      engagement_time_msec: prevPathname ? session.flush() : void 0
+    });
+  }, [pathname]);
+}
+export {
+  useAppAnalytics
+};
+//# sourceMappingURL=use-app-analytics.mjs.map

package/dist/hooks/use-app-analytics.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-app-analytics.ts"],"sourcesContent":["import { usePathname } from 'expo-router';\nimport { useEffect } from 'react';\nimport { AppState } from 'react-native';\nimport { config } from '../setup/index';\nimport { session } from '../setup/session';\nimport { track } from '../track/index';\nimport { usePrevious } from './use-previous';\n\nfunction sendFirstOpen(pathname: string) {\n  const key = 'first_open_time';\n  if (config.storage.getItem(key)) return;\n  const properties = { screen_name: pathname, screen_class: pathname };\n  track('first_open', properties, { enableThirdPartyTracking: false });\n  config.storage.setItem(key, new Date().toISOString());\n}\n\nfunction sendUserEngagement() {\n  const engagement_time_msec = session.flush();\n  if (engagement_time_msec <= 0) return;\n  track('user_engagement', { engagement_time_msec }, { enableThirdPartyTracking: false });\n}\n\nexport function useAppAnalytics() {\n  const pathname = usePathname();\n  const prevPathname = usePrevious(pathname);\n\n  useEffect(() => {\n    sendFirstOpen(pathname);\n    track('session_start', undefined, { enableThirdPartyTracking: false });\n\n    const subscription = AppState.addEventListener('change', (state) => {\n      session.updateAccumulator();\n      // when returning to the foreground from the background\n      if (state === 'active' && !session.isActive()) {\n        session.updateActive(true);\n      }\n      // when entering the background\n      else if (state !== 'active' && session.isActive()) {\n        session.updateActive(false);\n        sendUserEngagement();\n      }\n    });\n\n    return () => subscription.remove();\n  }, []);\n\n  // when the screen is switched, the engagement time of the previous screen is recorded\n  useEffect(() => {\n    track('screen_view', {\n      screen_name: pathname,\n      screen_class: pathname,\n      previous_screen_class: prevPathname ?? undefined,\n      engagement_time_msec: prevPathname ? session.flush() : undefined,\n    });\n  }, [pathname]);\n}\n"],"mappings":";AAAA,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,SAAS,eAAe;AACxB,SAAS,aAAa;AACtB,SAAS,mBAAmB;AAE5B,SAAS,cAAc,UAAkB;AACvC,QAAM,MAAM;AACZ,MAAI,OAAO,QAAQ,QAAQ,GAAG,EAAG;AACjC,QAAM,aAAa,EAAE,aAAa,UAAU,cAAc,SAAS;AACnE,QAAM,cAAc,YAAY,EAAE,0BAA0B,MAAM,CAAC;AACnE,SAAO,QAAQ,QAAQ,MAAK,oBAAI,KAAK,GAAE,YAAY,CAAC;AACtD;AAEA,SAAS,qBAAqB;AAC5B,QAAM,uBAAuB,QAAQ,MAAM;AAC3C,MAAI,wBAAwB,EAAG;AAC/B,QAAM,mBAAmB,EAAE,qBAAqB,GAAG,EAAE,0BAA0B,MAAM,CAAC;AACxF;AAEO,SAAS,kBAAkB;AAChC,QAAM,WAAW,YAAY;AAC7B,QAAM,eAAe,YAAY,QAAQ;AAEzC,YAAU,MAAM;AACd,kBAAc,QAAQ;AACtB,UAAM,iBAAiB,QAAW,EAAE,0BAA0B,MAAM,CAAC;AAErE,UAAM,eAAe,SAAS,iBAAiB,UAAU,CAAC,UAAU;AAClE,cAAQ,kBAAkB;AAE1B,UAAI,UAAU,YAAY,CAAC,QAAQ,SAAS,GAAG;AAC7C,gBAAQ,aAAa,IAAI;AAAA,MAC3B,WAES,UAAU,YAAY,QAAQ,SAAS,GAAG;AACjD,gBAAQ,aAAa,KAAK;AAC1B,2BAAmB;AAAA,MACrB;AAAA,IACF,CAAC;AAED,WAAO,MAAM,aAAa,OAAO;AAAA,EACnC,GAAG,CAAC,CAAC;AAGL,YAAU,MAAM;AACd,UAAM,eAAe;AAAA,MACnB,aAAa;AAAA,MACb,cAAc;AAAA,MACd,uBAAuB,gBAAgB;AAAA,MACvC,sBAAsB,eAAe,QAAQ,MAAM,IAAI;AAAA,IACzD,CAAC;AAAA,EACH,GAAG,CAAC,QAAQ,CAAC;AACf;","names":[]}

package/dist/hooks/use-outbound-click-analytics.cjs

@@ -0,0 +1,58 @@
+"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-outbound-click-analytics.ts
+var use_outbound_click_analytics_exports = {};
+__export(use_outbound_click_analytics_exports, {
+  useOutboundClickAnalytics: () => useOutboundClickAnalytics
+});
+module.exports = __toCommonJS(use_outbound_click_analytics_exports);
+var import_react = require("react");
+var import_track = require("../track/index.cjs");
+function useOutboundClickAnalytics() {
+  (0, import_react.useEffect)(() => {
+    const onClick = (event) => {
+      var _a;
+      const target = event.target;
+      const anchor = target.closest("a");
+      if (!anchor || !anchor.href) return;
+      try {
+        const url = new URL(anchor.href, window.location.origin);
+        if (url.hostname !== window.location.hostname) {
+          (0, import_track.track)("click", {
+            outbound: true,
+            link_id: anchor.id || "",
+            link_url: anchor.href,
+            link_text: ((_a = anchor.textContent) == null ? void 0 : _a.trim()) || "",
+            link_domain: url.hostname,
+            link_classes: anchor.className || ""
+          });
+        }
+      } catch {
+      }
+    };
+    document.addEventListener("click", onClick, { passive: true, capture: true });
+    return () => document.removeEventListener("click", onClick, { capture: true });
+  }, []);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useOutboundClickAnalytics
+});
+//# sourceMappingURL=use-outbound-click-analytics.cjs.map

package/dist/hooks/use-outbound-click-analytics.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-outbound-click-analytics.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { track } from '../track/index';\n\n/**\n * Tracks outbound link clicks - when a user clicks a link that leads away\n * from the current domain to another website.\n */\nexport function useOutboundClickAnalytics() {\n  useEffect(() => {\n    const onClick = (event: MouseEvent) => {\n      // Find the closest anchor element from the clicked target\n      const target = event.target as HTMLElement;\n      const anchor = target.closest('a');\n      if (!anchor || !anchor.href) return;\n\n      try {\n        const url = new URL(anchor.href, window.location.origin);\n\n        // Check if it's an external link (different hostname)\n        if (url.hostname !== window.location.hostname) {\n          track('click', {\n            outbound: true,\n            link_id: anchor.id || '',\n            link_url: anchor.href,\n            link_text: anchor.textContent?.trim() || '',\n            link_domain: url.hostname,\n            link_classes: anchor.className || '',\n          });\n        }\n      } catch {\n        // Invalid URL, ignore\n      }\n    };\n\n    document.addEventListener('click', onClick, { passive: true, capture: true });\n    return () => document.removeEventListener('click', onClick, { capture: true });\n  }, []);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0B;AAC1B,mBAAsB;AAMf,SAAS,4BAA4B;AAC1C,8BAAU,MAAM;AACd,UAAM,UAAU,CAAC,UAAsB;AAT3C;AAWM,YAAM,SAAS,MAAM;AACrB,YAAM,SAAS,OAAO,QAAQ,GAAG;AACjC,UAAI,CAAC,UAAU,CAAC,OAAO,KAAM;AAE7B,UAAI;AACF,cAAM,MAAM,IAAI,IAAI,OAAO,MAAM,OAAO,SAAS,MAAM;AAGvD,YAAI,IAAI,aAAa,OAAO,SAAS,UAAU;AAC7C,kCAAM,SAAS;AAAA,YACb,UAAU;AAAA,YACV,SAAS,OAAO,MAAM;AAAA,YACtB,UAAU,OAAO;AAAA,YACjB,aAAW,YAAO,gBAAP,mBAAoB,WAAU;AAAA,YACzC,aAAa,IAAI;AAAA,YACjB,cAAc,OAAO,aAAa;AAAA,UACpC,CAAC;AAAA,QACH;AAAA,MACF,QAAQ;AAAA,MAER;AAAA,IACF;AAEA,aAAS,iBAAiB,SAAS,SAAS,EAAE,SAAS,MAAM,SAAS,KAAK,CAAC;AAC5E,WAAO,MAAM,SAAS,oBAAoB,SAAS,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,EAC/E,GAAG,CAAC,CAAC;AACP;","names":[]}

package/dist/hooks/use-outbound-click-analytics.d.cts

@@ -0,0 +1,7 @@
+/**
+ * Tracks outbound link clicks - when a user clicks a link that leads away
+ * from the current domain to another website.
+ */
+declare function useOutboundClickAnalytics(): void;
+
+export { useOutboundClickAnalytics };

package/dist/hooks/use-outbound-click-analytics.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Tracks outbound link clicks - when a user clicks a link that leads away
+ * from the current domain to another website.
+ */
+declare function useOutboundClickAnalytics(): void;
+
+export { useOutboundClickAnalytics };

package/dist/hooks/use-outbound-click-analytics.mjs

@@ -0,0 +1,33 @@
+// src/hooks/use-outbound-click-analytics.ts
+import { useEffect } from "react";
+import { track } from "../track/index.mjs";
+function useOutboundClickAnalytics() {
+  useEffect(() => {
+    const onClick = (event) => {
+      var _a;
+      const target = event.target;
+      const anchor = target.closest("a");
+      if (!anchor || !anchor.href) return;
+      try {
+        const url = new URL(anchor.href, window.location.origin);
+        if (url.hostname !== window.location.hostname) {
+          track("click", {
+            outbound: true,
+            link_id: anchor.id || "",
+            link_url: anchor.href,
+            link_text: ((_a = anchor.textContent) == null ? void 0 : _a.trim()) || "",
+            link_domain: url.hostname,
+            link_classes: anchor.className || ""
+          });
+        }
+      } catch {
+      }
+    };
+    document.addEventListener("click", onClick, { passive: true, capture: true });
+    return () => document.removeEventListener("click", onClick, { capture: true });
+  }, []);
+}
+export {
+  useOutboundClickAnalytics
+};
+//# sourceMappingURL=use-outbound-click-analytics.mjs.map

package/dist/hooks/use-outbound-click-analytics.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-outbound-click-analytics.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { track } from '../track/index';\n\n/**\n * Tracks outbound link clicks - when a user clicks a link that leads away\n * from the current domain to another website.\n */\nexport function useOutboundClickAnalytics() {\n  useEffect(() => {\n    const onClick = (event: MouseEvent) => {\n      // Find the closest anchor element from the clicked target\n      const target = event.target as HTMLElement;\n      const anchor = target.closest('a');\n      if (!anchor || !anchor.href) return;\n\n      try {\n        const url = new URL(anchor.href, window.location.origin);\n\n        // Check if it's an external link (different hostname)\n        if (url.hostname !== window.location.hostname) {\n          track('click', {\n            outbound: true,\n            link_id: anchor.id || '',\n            link_url: anchor.href,\n            link_text: anchor.textContent?.trim() || '',\n            link_domain: url.hostname,\n            link_classes: anchor.className || '',\n          });\n        }\n      } catch {\n        // Invalid URL, ignore\n      }\n    };\n\n    document.addEventListener('click', onClick, { passive: true, capture: true });\n    return () => document.removeEventListener('click', onClick, { capture: true });\n  }, []);\n}\n"],"mappings":";AAAA,SAAS,iBAAiB;AAC1B,SAAS,aAAa;AAMf,SAAS,4BAA4B;AAC1C,YAAU,MAAM;AACd,UAAM,UAAU,CAAC,UAAsB;AAT3C;AAWM,YAAM,SAAS,MAAM;AACrB,YAAM,SAAS,OAAO,QAAQ,GAAG;AACjC,UAAI,CAAC,UAAU,CAAC,OAAO,KAAM;AAE7B,UAAI;AACF,cAAM,MAAM,IAAI,IAAI,OAAO,MAAM,OAAO,SAAS,MAAM;AAGvD,YAAI,IAAI,aAAa,OAAO,SAAS,UAAU;AAC7C,gBAAM,SAAS;AAAA,YACb,UAAU;AAAA,YACV,SAAS,OAAO,MAAM;AAAA,YACtB,UAAU,OAAO;AAAA,YACjB,aAAW,YAAO,gBAAP,mBAAoB,WAAU;AAAA,YACzC,aAAa,IAAI;AAAA,YACjB,cAAc,OAAO,aAAa;AAAA,UACpC,CAAC;AAAA,QACH;AAAA,MACF,QAAQ;AAAA,MAER;AAAA,IACF;AAEA,aAAS,iBAAiB,SAAS,SAAS,EAAE,SAAS,MAAM,SAAS,KAAK,CAAC;AAC5E,WAAO,MAAM,SAAS,oBAAoB,SAAS,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,EAC/E,GAAG,CAAC,CAAC;AACP;","names":[]}

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

@@ -0,0 +1,128 @@
+"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_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");
+function sendFirstVisit(pathname) {
+  const key = "first_visit_time";
+  if (import_setup.config.storage.getItem(key)) return;
+  const properties = {
+    page_path: pathname,
+    page_title: document.title,
+    page_referrer: document.referrer,
+    page_location: window.location.href
+  };
+  (0, import_track.track)("first_visit", properties, { enableThirdPartyTracking: false });
+  import_setup.config.storage.setItem(key, (/* @__PURE__ */ new Date()).toISOString());
+}
+function sendUserEngagement() {
+  const engagement_time_msec = import_session.session.flush();
+  if (engagement_time_msec <= 0) return;
+  (0, import_track.sendBeacon)("user_engagement", { engagement_time_msec });
+}
+function sendScroll() {
+  const engagement_time_msec = import_session.session.flush();
+  if (engagement_time_msec <= 0) return;
+  (0, import_track.track)("scroll", { engagement_time_msec }, { enableThirdPartyTracking: false });
+}
+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;
+}
+function onPageHide() {
+  import_session.session.pagehide();
+  sendUserEngagement();
+}
+function onVisibilityChange() {
+  import_session.session.visibilitychange(document.visibilityState);
+  if (document.visibilityState === "hidden") {
+    sendUserEngagement();
+  }
+}
+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, { enableThirdPartyTracking: false });
+    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, { passive: true });
+    window.addEventListener("blur", import_session.session.blur, { passive: true });
+    window.addEventListener("pageshow", import_session.session.pageshow, { passive: true });
+    window.addEventListener("pagehide", onPageHide, { passive: true });
+    window.addEventListener("scroll", onScroll, { passive: true });
+    document.addEventListener("visibilitychange", onVisibilityChange, { passive: true });
+    checkpointEvents.forEach((event) => {
+      window.addEventListener(event, checkpoint, { passive: true, capture: true });
+    });
+    return () => {
+      window.removeEventListener("focus", import_session.session.focus);
+      window.removeEventListener("blur", import_session.session.blur);
+      window.removeEventListener("pageshow", import_session.session.pageshow);
+      window.removeEventListener("pagehide", onPageHide);
+      window.removeEventListener("scroll", onScroll);
+      document.removeEventListener("visibilitychange", onVisibilityChange);
+      checkpointEvents.forEach((event) => {
+        window.removeEventListener(event, checkpoint);
+      });
+      onScroll.cancel();
+      checkpoint.cancel();
+    };
+  }, []);
+  (0, import_react.useEffect)(() => {
+    const properties = {
+      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
+    };
+    (0, import_track.track)("page_view", properties, { enableThirdPartyTracking: false });
+  }, [pathname]);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useWebAnalytics
+});
+//# sourceMappingURL=use-web-analytics.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-web-analytics.ts"],"sourcesContent":["import { throttle } from '@shware/utils';\nimport { useEffect, useRef } from 'react';\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  const key = 'first_visit_time';\n  if (config.storage.getItem(key)) return;\n  const properties = {\n    page_path: pathname,\n    page_title: document.title,\n    page_referrer: document.referrer,\n    page_location: window.location.href,\n  };\n  track('first_visit', properties, { enableThirdPartyTracking: false });\n  config.storage.setItem(key, new Date().toISOString());\n}\n\nfunction sendUserEngagement() {\n  const engagement_time_msec = session.flush();\n  if (engagement_time_msec <= 0) return;\n  sendBeacon('user_engagement', { engagement_time_msec });\n}\n\nfunction sendScroll() {\n  const engagement_time_msec = session.flush();\n  if (engagement_time_msec <= 0) return;\n  track('scroll', { engagement_time_msec }, { enableThirdPartyTracking: false });\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();\n}\n\nfunction onVisibilityChange() {\n  session.visibilitychange(document.visibilityState);\n  if (document.visibilityState === 'hidden') {\n    sendUserEngagement();\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, { enableThirdPartyTracking: false });\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, { passive: true });\n    window.addEventListener('blur', session.blur, { passive: true });\n    window.addEventListener('pageshow', session.pageshow, { passive: true });\n    window.addEventListener('pagehide', onPageHide, { passive: true });\n    window.addEventListener('scroll', onScroll, { passive: true });\n    document.addEventListener('visibilitychange', onVisibilityChange, { passive: true });\n\n    // save checkpoint\n    checkpointEvents.forEach((event) => {\n      window.addEventListener(event, checkpoint, { passive: true, capture: true });\n    });\n\n    return () => {\n      window.removeEventListener('focus', session.focus);\n      window.removeEventListener('blur', session.blur);\n      window.removeEventListener('pageshow', session.pageshow);\n      window.removeEventListener('pagehide', onPageHide);\n      window.removeEventListener('scroll', onScroll);\n      document.removeEventListener('visibilitychange', onVisibilityChange);\n\n      checkpointEvents.forEach((event) => {\n        window.removeEventListener(event, checkpoint);\n      });\n\n      onScroll.cancel();\n      checkpoint.cancel();\n    };\n  }, []);\n\n  useEffect(() => {\n    const properties = {\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\n    track('page_view', properties, { enableThirdPartyTracking: false });\n  }, [pathname]);\n}\n"],"mappings":"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","names":[]}

package/dist/hooks/{use-web-session-analytics.d.cts → use-web-analytics.d.cts}

@@ -3,6 +3,6 @@
  * 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 useWebSessionAnalytics(pathname: string): void;
+declare function useWebAnalytics(pathname: string): void;
 
-export { useWebSessionAnalytics };
+export { useWebAnalytics };

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

@@ -3,6 +3,6 @@
  * 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 useWebSessionAnalytics(pathname: string): void;
+declare function useWebAnalytics(pathname: string): void;
 
-export { useWebSessionAnalytics };
+export { useWebAnalytics };

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

@@ -0,0 +1,103 @@
+// src/hooks/use-web-analytics.ts
+import { throttle } from "@shware/utils";
+import { useEffect, useRef } from "react";
+import { config } from "../setup/index.mjs";
+import { session } from "../setup/session.mjs";
+import { sendBeacon, track } from "../track/index.mjs";
+import { usePrevious } from "./use-previous.mjs";
+function sendFirstVisit(pathname) {
+  const key = "first_visit_time";
+  if (config.storage.getItem(key)) return;
+  const properties = {
+    page_path: pathname,
+    page_title: document.title,
+    page_referrer: document.referrer,
+    page_location: window.location.href
+  };
+  track("first_visit", properties, { enableThirdPartyTracking: false });
+  config.storage.setItem(key, (/* @__PURE__ */ new Date()).toISOString());
+}
+function sendUserEngagement() {
+  const engagement_time_msec = session.flush();
+  if (engagement_time_msec <= 0) return;
+  sendBeacon("user_engagement", { engagement_time_msec });
+}
+function sendScroll() {
+  const engagement_time_msec = session.flush();
+  if (engagement_time_msec <= 0) return;
+  track("scroll", { engagement_time_msec }, { enableThirdPartyTracking: false });
+}
+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;
+}
+function onPageHide() {
+  session.pagehide();
+  sendUserEngagement();
+}
+function onVisibilityChange() {
+  session.visibilitychange(document.visibilityState);
+  if (document.visibilityState === "hidden") {
+    sendUserEngagement();
+  }
+}
+function useWebAnalytics(pathname) {
+  const prevPathname = usePrevious(pathname);
+  const hasSendScroll = useRef(false);
+  useEffect(() => {
+    hasSendScroll.current = false;
+  }, [pathname]);
+  useEffect(() => {
+    sendFirstVisit(pathname);
+    track("session_start", void 0, { enableThirdPartyTracking: false });
+    const onScroll = throttle(() => {
+      session.updateAccumulator();
+      if (hasSendScroll.current) return;
+      if (getScrollPercent() < 90) return;
+      hasSendScroll.current = true;
+      sendScroll();
+    }, 500);
+    const checkpointEvents = ["mousedown", "keydown", "touchstart"];
+    const checkpoint = throttle(session.updateAccumulator, 1e3);
+    window.addEventListener("focus", session.focus, { passive: true });
+    window.addEventListener("blur", session.blur, { passive: true });
+    window.addEventListener("pageshow", session.pageshow, { passive: true });
+    window.addEventListener("pagehide", onPageHide, { passive: true });
+    window.addEventListener("scroll", onScroll, { passive: true });
+    document.addEventListener("visibilitychange", onVisibilityChange, { passive: true });
+    checkpointEvents.forEach((event) => {
+      window.addEventListener(event, checkpoint, { passive: true, capture: true });
+    });
+    return () => {
+      window.removeEventListener("focus", session.focus);
+      window.removeEventListener("blur", session.blur);
+      window.removeEventListener("pageshow", session.pageshow);
+      window.removeEventListener("pagehide", onPageHide);
+      window.removeEventListener("scroll", onScroll);
+      document.removeEventListener("visibilitychange", onVisibilityChange);
+      checkpointEvents.forEach((event) => {
+        window.removeEventListener(event, checkpoint);
+      });
+      onScroll.cancel();
+      checkpoint.cancel();
+    };
+  }, []);
+  useEffect(() => {
+    const properties = {
+      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 ? session.flush() : void 0
+    };
+    track("page_view", properties, { enableThirdPartyTracking: false });
+  }, [pathname]);
+}
+export {
+  useWebAnalytics
+};
+//# sourceMappingURL=use-web-analytics.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-web-analytics.ts"],"sourcesContent":["import { throttle } from '@shware/utils';\nimport { useEffect, useRef } from 'react';\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  const key = 'first_visit_time';\n  if (config.storage.getItem(key)) return;\n  const properties = {\n    page_path: pathname,\n    page_title: document.title,\n    page_referrer: document.referrer,\n    page_location: window.location.href,\n  };\n  track('first_visit', properties, { enableThirdPartyTracking: false });\n  config.storage.setItem(key, new Date().toISOString());\n}\n\nfunction sendUserEngagement() {\n  const engagement_time_msec = session.flush();\n  if (engagement_time_msec <= 0) return;\n  sendBeacon('user_engagement', { engagement_time_msec });\n}\n\nfunction sendScroll() {\n  const engagement_time_msec = session.flush();\n  if (engagement_time_msec <= 0) return;\n  track('scroll', { engagement_time_msec }, { enableThirdPartyTracking: false });\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();\n}\n\nfunction onVisibilityChange() {\n  session.visibilitychange(document.visibilityState);\n  if (document.visibilityState === 'hidden') {\n    sendUserEngagement();\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, { enableThirdPartyTracking: false });\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, { passive: true });\n    window.addEventListener('blur', session.blur, { passive: true });\n    window.addEventListener('pageshow', session.pageshow, { passive: true });\n    window.addEventListener('pagehide', onPageHide, { passive: true });\n    window.addEventListener('scroll', onScroll, { passive: true });\n    document.addEventListener('visibilitychange', onVisibilityChange, { passive: true });\n\n    // save checkpoint\n    checkpointEvents.forEach((event) => {\n      window.addEventListener(event, checkpoint, { passive: true, capture: true });\n    });\n\n    return () => {\n      window.removeEventListener('focus', session.focus);\n      window.removeEventListener('blur', session.blur);\n      window.removeEventListener('pageshow', session.pageshow);\n      window.removeEventListener('pagehide', onPageHide);\n      window.removeEventListener('scroll', onScroll);\n      document.removeEventListener('visibilitychange', onVisibilityChange);\n\n      checkpointEvents.forEach((event) => {\n        window.removeEventListener(event, checkpoint);\n      });\n\n      onScroll.cancel();\n      checkpoint.cancel();\n    };\n  }, []);\n\n  useEffect(() => {\n    const properties = {\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\n    track('page_view', properties, { enableThirdPartyTracking: false });\n  }, [pathname]);\n}\n"],"mappings":"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","names":[]}

package/dist/native/index.cjs

@@ -26,13 +26,11 @@ __export(native_exports, {
   getProbabilisticFingerprint: () => import_fingerprint.getProbabilisticFingerprint,
   getTags: () => import_setup.getTags,
   storage: () => import_setup.storage,
-  useAppSessionAnalytics: () => import_use_app_session_analytics.useAppSessionAnalytics,
-  useScreenViewAnalytics: () => import_use_screen_view_analytics.useScreenViewAnalytics
+  useAppAnalytics: () => import_use_app_analytics.useAppAnalytics
 });
 module.exports = __toCommonJS(native_exports);
 var import_setup = require("./setup.cjs");
-var import_use_screen_view_analytics = require("../hooks/use-screen-view-analytics.cjs");
-var import_use_app_session_analytics = require("../hooks/use-app-session-analytics.cjs");
+var import_use_app_analytics = require("../hooks/use-app-analytics.cjs");
 var import_fingerprint = require("./fingerprint.cjs");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -42,7 +40,6 @@ var import_fingerprint = require("./fingerprint.cjs");
   getProbabilisticFingerprint,
   getTags,
   storage,
-  useAppSessionAnalytics,
-  useScreenViewAnalytics
+  useAppAnalytics
 });
 //# sourceMappingURL=index.cjs.map

package/dist/native/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/native/index.ts"],"sourcesContent":["export { getDeviceId, getDeviceType, getTags, storage } from './setup';\nexport { useScreenViewAnalytics } from '../hooks/use-screen-view-analytics';\nexport { useAppSessionAnalytics } from '../hooks/use-app-session-analytics';\nexport { getDeterministicFingerprint, getProbabilisticFingerprint } from './fingerprint';\n\nexport type { DeterministicFingerprint, ProbabilisticFingerprint } from './fingerprint';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA6D;AAC7D,uCAAuC;AACvC,uCAAuC;AACvC,yBAAyE;","names":[]}
+{"version":3,"sources":["../../src/native/index.ts"],"sourcesContent":["export { getDeviceId, getDeviceType, getTags, storage } from './setup';\nexport { useAppAnalytics } from '../hooks/use-app-analytics';\nexport { getDeterministicFingerprint, getProbabilisticFingerprint } from './fingerprint';\n\nexport type { DeterministicFingerprint, ProbabilisticFingerprint } from './fingerprint';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA6D;AAC7D,+BAAgC;AAChC,yBAAyE;","names":[]}

package/dist/native/index.d.cts

@@ -1,6 +1,5 @@
 export { getDeviceId, getDeviceType, getTags, storage } from './setup.cjs';
-export { useScreenViewAnalytics } from '../hooks/use-screen-view-analytics.cjs';
-export { useAppSessionAnalytics } from '../hooks/use-app-session-analytics.cjs';
+export { useAppAnalytics } from '../hooks/use-app-analytics.cjs';
 export { DeterministicFingerprint, ProbabilisticFingerprint, getDeterministicFingerprint, getProbabilisticFingerprint } from './fingerprint.cjs';
 import '../setup/index.cjs';
 import '../track/types.cjs';

package/dist/native/index.d.ts

@@ -1,6 +1,5 @@
 export { getDeviceId, getDeviceType, getTags, storage } from './setup.js';
-export { useScreenViewAnalytics } from '../hooks/use-screen-view-analytics.js';
-export { useAppSessionAnalytics } from '../hooks/use-app-session-analytics.js';
+export { useAppAnalytics } from '../hooks/use-app-analytics.js';
 export { DeterministicFingerprint, ProbabilisticFingerprint, getDeterministicFingerprint, getProbabilisticFingerprint } from './fingerprint.js';
 import '../setup/index.js';
 import '../track/types.js';