@wapitee/typhoonx-hydrogen 0.4.2 → 0.4.3

package/dist/TyphoonX.js

@@ -16,11 +16,18 @@ export default function TyphoonX(props) {
 function TyphoonXClient({ cookieDomain, merchantId, shopId }) {
     const { canTrack, register, subscribe } = useAnalytics();
     const { ready } = register('TyphoonX');
+    const canTrackRef = useRef(canTrack);
+    const configRef = useRef({ cookieDomain, merchantId, shopId });
+    canTrackRef.current = canTrack;
+    configRef.current = { cookieDomain, merchantId, shopId };
     const currentUrlRef = useRef(null);
     const previousUrlRef = useRef(null);
+    const startedRef = useRef(false);
     useEffect(() => {
-        let cancelled = false;
-        const clientId = getOrCreateClientId(cookieDomain);
+        if (startedRef.current)
+            return;
+        startedRef.current = true;
+        const clientId = getOrCreateClientId(configRef.current.cookieDomain);
         const referrerFor = (url) => {
             if (currentUrlRef.current !== url) {
                 previousUrlRef.current = currentUrlRef.current;
@@ -29,7 +36,7 @@ function TyphoonXClient({ cookieDomain, merchantId, shopId }) {
             return previousUrlRef.current ?? document.referrer;
         };
         const send = (payload) => {
-            if (cancelled || !canTrack()) {
+            if (!canTrackRef.current()) {
                 return;
             }
             navigator.sendBeacon(COLLECT_ENDPOINT, new Blob([JSON.stringify(payload)], { type: 'application/json' }));
@@ -144,9 +151,6 @@ function TyphoonXClient({ cookieDomain, merchantId, shopId }) {
             });
         });
         ready();
-        return () => {
-            cancelled = true;
-        };
-    }, [canTrack, cookieDomain, merchantId, ready, shopId, subscribe]);
+    }, [subscribe]);
     return null;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wapitee/typhoonx-hydrogen",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "description": "TyphoonX Hydrogen Analytics subscriber",
   "keywords": [
     "typhoonx",