@affiliateo/web 1.4.0 → 1.5.1

package/dist/provider.js

@@ -43,8 +43,6 @@ export function AffiliateoProvider({ campaignId, apiUrl, children, }) {
     });
     const apiBase = (apiUrl || DEFAULT_API_URL).replace(/\/$/, '');
     const campaignIdRef = useRef(campaignId);
-    const visitorIdRef = useRef(null);
-    const refRef = useRef(null);
     const sentRef = useRef(false);
     useEffect(() => {
         if (typeof window === 'undefined')
@@ -56,26 +54,24 @@ export function AffiliateoProvider({ campaignId, apiUrl, children, }) {
         }
         setCookie('affiliateo_visitor_id', vid, 365);
         setCookie('affiliateo_campaign_id', campaignIdRef.current, 365);
-        visitorIdRef.current = vid;
         // Read ref from URL params
         const params = new URLSearchParams(window.location.search);
         const ref = params.get('ref') || params.get('via') || params.get('source') || getCookie('affiliateo_ref') || null;
         if (ref) {
             setCookie('affiliateo_ref', ref, 365);
         }
-        refRef.current = ref;
         setState({ refCode: ref, visitorId: vid });
-        // Send event helper
-        function send(type) {
+        // Send pageview
+        function sendPageview() {
             const payload = {
-                type,
+                type: 'pageview',
                 campaign_id: campaignIdRef.current,
-                visitor_id: visitorIdRef.current,
+                visitor_id: vid,
                 url: window.location.href,
                 path: window.location.pathname,
                 hostname: window.location.hostname,
                 referrer: document.referrer || '',
-                ref: refRef.current || '',
+                ref: ref || getCookie('affiliateo_ref') || '',
                 utm_source: params.get('utm_source') || '',
                 utm_medium: params.get('utm_medium') || '',
                 utm_campaign: params.get('utm_campaign') || '',
@@ -94,33 +90,36 @@ export function AffiliateoProvider({ campaignId, apiUrl, children, }) {
                 }).catch(() => { });
             }
         }
-        // Send initial session_start
+        // Send pageview on mount (first load or page navigation)
         if (!sentRef.current) {
             sentRef.current = true;
-            send('session_start');
+            sendPageview();
         }
-        // Visibility change — session_start/session_end
-        let left = false;
-        function onLeave() {
-            if (left)
-                return;
-            left = true;
-            send('session_end');
-        }
-        function onVisibilityChange() {
-            if (document.visibilityState === 'hidden') {
-                onLeave();
-            }
-            else if (document.visibilityState === 'visible') {
-                left = false;
-                send('session_start');
+        // For SPA: listen for URL changes (popstate + pushState/replaceState)
+        let lastPath = window.location.pathname;
+        function onUrlChange() {
+            if (window.location.pathname !== lastPath) {
+                lastPath = window.location.pathname;
+                sendPageview();
             }
         }
-        document.addEventListener('visibilitychange', onVisibilityChange);
-        window.addEventListener('beforeunload', onLeave);
+        // Listen for browser back/forward
+        window.addEventListener('popstate', onUrlChange);
+        // Patch pushState/replaceState to detect SPA navigations
+        const origPushState = history.pushState;
+        const origReplaceState = history.replaceState;
+        history.pushState = function (...args) {
+            origPushState.apply(this, args);
+            onUrlChange();
+        };
+        history.replaceState = function (...args) {
+            origReplaceState.apply(this, args);
+            onUrlChange();
+        };
         return () => {
-            document.removeEventListener('visibilitychange', onVisibilityChange);
-            window.removeEventListener('beforeunload', onLeave);
+            window.removeEventListener('popstate', onUrlChange);
+            history.pushState = origPushState;
+            history.replaceState = origReplaceState;
         };
     }, [campaignId, apiBase]);
     return (_jsx(AffiliateoContext.Provider, { value: state, children: children }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@affiliateo/web",
-  "version": "1.4.0",
+  "version": "1.5.1",
   "description": "Affiliateo web SDK — affiliate attribution and session tracking for web apps",
   "main": "dist/index.js",
   "module": "dist/index.js",