@aranova/tracking-react 0.17.1 → 0.17.2

package/dist/index.js

@@ -1206,6 +1206,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);
@@ -2872,7 +2893,7 @@ function GoogleAdsTracking(props) {
 var import_react6 = require("react");
 
 // package.json
-var version = "0.17.1";
+var version = "0.17.2";
 
 // ../tracking-core/src/phone-react.tsx
 var import_react5 = require("react");
@@ -3035,7 +3056,6 @@ function createTracking(options) {
       }
     }, [metaPixelId, metaPixelIdsKey]);
     (0, import_react6.useEffect)(() => {
-      const detachers = [];
       const rawClient = getOrCreateTrackingClient({
         apiKey,
         endpoint,
@@ -3046,47 +3066,50 @@ function createTracking(options) {
         activeGtagIds: resolvedGtagIds,
         debug
       });
-      const conversionStore = conversionConfig ? resolveConversionConfig({
-        cdnUrl: conversionConfig.cdnUrl,
-        baked: conversionConfig.baked
-      }) : null;
-      const detectorClient = conversionStore ? withConversionAutoFire(rawClient, createConversionAutoFire(conversionStore)) : rawClient;
-      detachers.push(attachAutoPageView(detectorClient));
-      detachers.push(attachBfcacheRestore(detectorClient));
-      detachers.push(attachPageExit(detectorClient));
-      const timeOnSite = triggers.automatic.time_on_site;
-      if (timeOnSite) {
-        detachers.push(attachTimeOnSite(detectorClient, timeOnSite));
-      }
-      const specificPageVisit = triggers.automatic.specific_page_visit;
-      if (specificPageVisit) {
-        detachers.push(attachSpecificPageVisit(detectorClient, specificPageVisit));
-      }
-      const scrollDepth = triggers.automatic.scroll_depth;
-      if (scrollDepth) {
-        detachers.push(attachScrollDepth(detectorClient, scrollDepth));
-      }
-      const multiPageSession = triggers.automatic.multi_page_session;
-      if (multiPageSession) {
-        detachers.push(attachMultiPageSession(detectorClient, multiPageSession));
-      }
-      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 conversionStore = conversionConfig ? resolveConversionConfig({
+          cdnUrl: conversionConfig.cdnUrl,
+          baked: conversionConfig.baked
+        }) : null;
+        const detectorClient = conversionStore ? withConversionAutoFire(rawClient, createConversionAutoFire(conversionStore)) : rawClient;
+        detachers.push(attachAutoPageView(detectorClient));
+        detachers.push(attachBfcacheRestore(detectorClient));
+        detachers.push(attachPageExit(detectorClient));
+        const timeOnSite = triggers.automatic.time_on_site;
+        if (timeOnSite) {
+          detachers.push(attachTimeOnSite(detectorClient, timeOnSite));
+        }
+        const specificPageVisit = triggers.automatic.specific_page_visit;
+        if (specificPageVisit) {
+          detachers.push(attachSpecificPageVisit(detectorClient, specificPageVisit));
+        }
+        const scrollDepth = triggers.automatic.scroll_depth;
+        if (scrollDepth) {
+          detachers.push(attachScrollDepth(detectorClient, scrollDepth));
+        }
+        const multiPageSession = triggers.automatic.multi_page_session;
+        if (multiPageSession) {
+          detachers.push(attachMultiPageSession(detectorClient, multiPageSession));
+        }
+        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_runtime3.jsx)(TrackingContext.Provider, { value: client, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PhoneConfigProvider, { value: phone ?? null, children }) });
   }