@aranova/tracking-next 0.16.0 → 0.16.2

package/dist/index.mjs

@@ -1668,6 +1668,7 @@ function attachFormStart(client, config) {
 }
 
 // ../tracking-core/src/triggers/page-exit.ts
+var MIN_SEGMENT_MS = 50;
 function attachPageExit(client) {
   if (typeof window === "undefined" || typeof document === "undefined") {
     return () => {
@@ -1705,7 +1706,7 @@ function attachPageExit(client) {
   }
   function emitSegment(path, flush) {
     const dwell = settledDwellMs();
-    if (dwell === 0) return;
+    if (dwell < MIN_SEGMENT_MS) return;
     client.trackEvent({
       eventType: "page_exit",
       metadata: {
@@ -1720,7 +1721,7 @@ function attachPageExit(client) {
       client.flushBeacon();
     }
     accumulatedMs = 0;
-    activeSince = document.visibilityState === "visible" ? Date.now() : null;
+    activeSince = null;
   }
   function onNavigate() {
     const newPath = window.location.pathname;
@@ -2522,10 +2523,18 @@ function GoogleAdsTracking(props) {
 import { usePathname, useSearchParams } from "next/navigation";
 
 // package.json
-var version = "0.16.0";
+var version = "0.16.2";
 
 // src/factory.tsx
-import { createContext as createContext2, useContext as useContext2, useEffect as useEffect3, useMemo as useMemo2, useRef } from "react";
+import {
+  createContext as createContext2,
+  Suspense,
+  useCallback as useCallback3,
+  useContext as useContext2,
+  useEffect as useEffect3,
+  useMemo as useMemo2,
+  useRef
+} from "react";
 
 // ../tracking-core/src/phone-react.tsx
 import {
@@ -2621,7 +2630,15 @@ var PhoneField = forwardRef(function PhoneField2({ country, value, defaultValue,
 });
 
 // src/factory.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+function PageViewTracker({ fire }) {
+  const pathname = usePathname();
+  const searchParams = useSearchParams();
+  useEffect3(() => {
+    fire();
+  }, [pathname, searchParams, fire]);
+  return null;
+}
 function createTracking(options) {
   const { apiKey, endpoint, triggers, environment, gtagIds, debug, phone, conversionConfig } = options;
   if (!apiKey || !endpoint) {
@@ -2648,7 +2665,6 @@ function createTracking(options) {
   const timeOnSiteConfig = triggers.automatic.time_on_site ?? null;
   function TrackingProvider({ children }) {
     const pathname = usePathname();
-    const searchParams = useSearchParams();
     const client = useMemo2(
       () => createTypedClient(
         getOrCreateTrackingClient({
@@ -2678,7 +2694,7 @@ function createTracking(options) {
       const autoFire = conversionStore ? createConversionAutoFire(conversionStore) : null;
       return (c) => autoFire ? withConversionAutoFire(c, autoFire) : c;
     }, [conversionStore]);
-    useEffect3(() => {
+    const firePageView = useCallback3(() => {
       const rawClient = getOrCreateTrackingClient({
         apiKey,
         endpoint,
@@ -2690,7 +2706,7 @@ function createTracking(options) {
         debug
       });
       fireManualPageView(wrapClient(rawClient));
-    }, [pathname, searchParams]);
+    }, [wrapClient]);
     const firedPagesRef = useRef(/* @__PURE__ */ new Set());
     useEffect3(() => {
       if (!specificPageVisitConfig || pathname === null) return;
@@ -2829,7 +2845,10 @@ function createTracking(options) {
         }
       };
     }, []);
-    return /* @__PURE__ */ jsx5(TrackingContext.Provider, { value: client, children: /* @__PURE__ */ jsx5(PhoneConfigProvider, { value: phone ?? null, children }) });
+    return /* @__PURE__ */ jsxs4(TrackingContext.Provider, { value: client, children: [
+      /* @__PURE__ */ jsx5(Suspense, { fallback: null, children: /* @__PURE__ */ jsx5(PageViewTracker, { fire: firePageView }) }),
+      /* @__PURE__ */ jsx5(PhoneConfigProvider, { value: phone ?? null, children })
+    ] });
   }
   function useTracking() {
     const client = useContext2(TrackingContext);