@affiliateo/web 1.5.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,55 +90,36 @@ export function AffiliateoProvider({ campaignId, apiUrl, children, }) {
                 }).catch(() => { });
             }
         }
-        // Session cookie — 30 min expiry. Only send session_start if no active session.
-        const SESSION_COOKIE = 'affiliateo_session';
-        const hasActiveSession = !!getCookie(SESSION_COOKIE);
-        if (!hasActiveSession && !sentRef.current) {
+        // Send pageview on mount (first load or page navigation)
+        if (!sentRef.current) {
             sentRef.current = true;
-            send('session_start');
+            sendPageview();
         }
-        // Refresh session cookie (30 min sliding window)
-        setCookie(SESSION_COOKIE, '1', 1 / 48); // 30 minutes = 1/48 of a day
-        // session_end only fires when actually leaving the site (tab close, navigate away)
-        // NOT on SPA page navigations or tab switching
-        let ended = false;
-        function onLeave() {
-            if (ended)
-                return;
-            ended = true;
-            send('session_end');
-        }
-        window.addEventListener('beforeunload', onLeave);
-        // On visibility change: refresh session cookie when visible, send session_end after 30 min hidden
-        let hiddenTimer = null;
-        function onVisibilityChange() {
-            if (document.visibilityState === 'hidden') {
-                // Start a 30-min timer — if user doesn't come back, session is over
-                hiddenTimer = setTimeout(() => {
-                    send('session_end');
-                    ended = true;
-                }, 30 * 60 * 1000);
-            }
-            else if (document.visibilityState === 'visible') {
-                // User came back — cancel the timer, refresh session cookie
-                if (hiddenTimer) {
-                    clearTimeout(hiddenTimer);
-                    hiddenTimer = null;
-                }
-                // If session expired while away (30+ min), start a new one
-                if (!getCookie(SESSION_COOKIE)) {
-                    ended = false;
-                    send('session_start');
-                }
-                setCookie(SESSION_COOKIE, '1', 1 / 48);
+        // 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);
+        // 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 () => {
-            window.removeEventListener('beforeunload', onLeave);
-            document.removeEventListener('visibilitychange', onVisibilityChange);
-            if (hiddenTimer)
-                clearTimeout(hiddenTimer);
+            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.5.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",