@wapitee/typhoonx-hydrogen 0.4.3 → 0.4.5

package/dist/TyphoonX.js

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

package/package.json

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