@aranova/tracking-next 0.16.0 → 0.16.1

package/dist/index.mjs

@@ -2522,10 +2522,18 @@ function GoogleAdsTracking(props) {
 import { usePathname, useSearchParams } from "next/navigation";
 
 // package.json
-var version = "0.16.0";
+var version = "0.16.1";
 
 // 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 +2629,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 +2664,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 +2693,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 +2705,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 +2844,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);