@aranova/tracking-next 0.17.1 → 0.17.2

package/dist/index.js

@@ -1122,6 +1122,27 @@ function getOrCreateTrackingClient(config) {
   globalClientKey = key;
   return globalClient;
 }
+var clientCaptureRegistry = /* @__PURE__ */ new WeakMap();
+function attachClientCapturesOnce(client, build) {
+  let entry = clientCaptureRegistry.get(client);
+  if (entry === void 0) {
+    entry = { detach: build(), refCount: 0 };
+    clientCaptureRegistry.set(client, entry);
+  }
+  entry.refCount += 1;
+  let released = false;
+  return () => {
+    if (released) return;
+    released = true;
+    const current = clientCaptureRegistry.get(client);
+    if (current === void 0) return;
+    current.refCount -= 1;
+    if (current.refCount <= 0) {
+      current.detach();
+      clientCaptureRegistry.delete(client);
+    }
+  };
+}
 function createTrackingClient(config) {
   const flushIntervalMs = config.flushIntervalMs ?? DEFAULT_FLUSH_INTERVAL_MS;
   const maxQueueSize = Math.min(config.maxQueueSize ?? DEFAULT_MAX_QUEUE_SIZE, HARD_MAX_BATCH);
@@ -2667,7 +2688,7 @@ function GoogleAdsTracking(props) {
 var import_navigation = require("next/navigation");
 
 // package.json
-var version = "0.17.1";
+var version = "0.17.2";
 
 // src/factory.tsx
 var import_react4 = require("react");
@@ -2866,33 +2887,6 @@ function createTracking(options) {
         });
       }
     }, [pathname]);
-    (0, import_react4.useEffect)(() => {
-      const rawClient = getOrCreateTrackingClient({
-        apiKey,
-        endpoint,
-        surface: "next",
-        packageName: "@aranova/tracking-next",
-        triggers,
-        environment,
-        activeGtagIds: gtagIds,
-        debug
-      });
-      return attachBfcacheRestore(wrapClient(rawClient));
-    }, []);
-    (0, import_react4.useEffect)(() => {
-      if (!timeOnSiteConfig) return;
-      const rawClient = getOrCreateTrackingClient({
-        apiKey,
-        endpoint,
-        surface: "next",
-        packageName: "@aranova/tracking-next",
-        triggers,
-        environment,
-        activeGtagIds: gtagIds,
-        debug
-      });
-      return attachTimeOnSite(wrapClient(rawClient), timeOnSiteConfig);
-    }, []);
     const multiPageSessionConfig = triggers.automatic.multi_page_session ?? null;
     const mpsLastPathRef = (0, import_react4.useRef)(null);
     (0, import_react4.useEffect)(() => {
@@ -2943,7 +2937,6 @@ function createTracking(options) {
       }
     }, [pathname]);
     (0, import_react4.useEffect)(() => {
-      const detachers = [];
       const rawClient = getOrCreateTrackingClient({
         apiKey,
         endpoint,
@@ -2954,29 +2947,36 @@ function createTracking(options) {
         activeGtagIds: gtagIds,
         debug
       });
-      const detectorClient = wrapClient(rawClient);
-      detachers.push(attachPageExit(detectorClient));
-      const scrollDepth = triggers.automatic.scroll_depth;
-      if (scrollDepth) {
-        detachers.push(attachScrollDepth(detectorClient, scrollDepth));
-      }
-      const formStart = triggers.automatic.form_start;
-      if (formStart) {
-        detachers.push(attachFormStart(detectorClient, formStart));
-      }
-      const ctaClick = triggers.manual?.cta_click;
-      if (ctaClick) {
-        detachers.push(attachCtaClickCapture(detectorClient, ctaClick));
-      }
-      const phoneClick = triggers.manual?.phone_click;
-      if (phoneClick) {
-        detachers.push(attachPhoneClickCapture(detectorClient, phoneClick));
-      }
-      return () => {
-        for (let i = detachers.length - 1; i >= 0; i--) {
-          detachers[i]();
+      return attachClientCapturesOnce(rawClient, () => {
+        const detachers = [];
+        const detectorClient = wrapClient(rawClient);
+        detachers.push(attachPageExit(detectorClient));
+        detachers.push(attachBfcacheRestore(detectorClient));
+        if (timeOnSiteConfig) {
+          detachers.push(attachTimeOnSite(detectorClient, timeOnSiteConfig));
+        }
+        const scrollDepth = triggers.automatic.scroll_depth;
+        if (scrollDepth) {
+          detachers.push(attachScrollDepth(detectorClient, scrollDepth));
+        }
+        const formStart = triggers.automatic.form_start;
+        if (formStart) {
+          detachers.push(attachFormStart(detectorClient, formStart));
         }
-      };
+        const ctaClick = triggers.manual?.cta_click;
+        if (ctaClick) {
+          detachers.push(attachCtaClickCapture(detectorClient, ctaClick));
+        }
+        const phoneClick = triggers.manual?.phone_click;
+        if (phoneClick) {
+          detachers.push(attachPhoneClickCapture(detectorClient, phoneClick));
+        }
+        return () => {
+          for (let i = detachers.length - 1; i >= 0; i--) {
+            detachers[i]();
+          }
+        };
+      });
     }, []);
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(TrackingContext.Provider, { value: client, children: [
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react4.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PageViewTracker, { fire: firePageView }) }),