acsi-core 0.1.79 → 0.1.80

package/dist/index.js

@@ -2501,7 +2501,33 @@ var useAmplitude = function useAmplitude() {
     currentSessionStart.current = null;
     savedUserProperties.current = {};
     hasTrackedInitialSession.current = false;
+    localStorage.removeItem('sessionData');
   }, []);
+  var saveSessionToLocalStorage = React.useCallback(function (session) {
+    var existingSessions = localStorage.getItem('sessionData');
+    var sessions = existingSessions ? JSON.parse(existingSessions) : [];
+    sessions.push(session);
+    localStorage.setItem('sessionData', JSON.stringify(sessions));
+  }, []);
+  var sendSessionsToAmplitude = React.useCallback(function () {
+    if (!userId) return;
+    var existingSessions = localStorage.getItem('sessionData');
+    if (!existingSessions) return;
+    var sessions = JSON.parse(existingSessions);
+    if (sessions.length === 0) return;
+    sessions.forEach(function (session) {
+      trackEvent({
+        eventName: exports.AmplitudeEvent.SESSION_END,
+        eventProperties: {
+          start_time: session.start_time,
+          end_time: session.end_time,
+          session_duration_seconds: session.session_duration_seconds,
+          session_id: session.session_id
+        }
+      });
+    });
+    localStorage.removeItem('sessionData');
+  }, [userId, trackEvent]);
   var trackTabActivity = React.useCallback(function (isActive) {
     if (!userId) return;
     var now = new Date();
@@ -2516,32 +2542,39 @@ var useAmplitude = function useAmplitude() {
     } else {
       if (currentSessionStart.current) {
         var sessionDuration = now.getTime() - currentSessionStart.current.getTime();
+        var sessionData = {
+          start_time: currentSessionStart.current.toISOString(),
+          end_time: now.toISOString(),
+          session_duration_seconds: Math.round(sessionDuration / 1000),
+          session_id: currentSessionStart.current.getTime()
+        };
+        saveSessionToLocalStorage(sessionData);
         trackEvent({
           eventName: exports.AmplitudeEvent.SESSION_END,
           eventProperties: {
-            session_duration_seconds: Math.round(sessionDuration / 1000),
-            start_time: currentSessionStart.current.toISOString(),
-            end_time: now.toISOString()
+            session_duration_seconds: sessionData.session_duration_seconds,
+            start_time: sessionData.start_time,
+            end_time: sessionData.end_time,
+            session_id: sessionData.session_id
           }
         });
         currentSessionStart.current = null;
       }
     }
-  }, [userId, trackEvent]);
+  }, [userId, trackEvent, saveSessionToLocalStorage]);
   var trackPageUnload = React.useCallback(function () {
     if (!userId || !currentSessionStart.current) return;
     var now = new Date();
     var sessionDuration = now.getTime() - currentSessionStart.current.getTime();
-    trackEvent({
-      eventName: exports.AmplitudeEvent.SESSION_END,
-      eventProperties: {
-        session_duration_seconds: Math.round(sessionDuration / 1000),
-        start_time: currentSessionStart.current.toISOString(),
-        end_time: now.toISOString(),
-        end_reason: 'page_unload'
-      }
-    });
-  }, [userId, trackEvent]);
+    var sessionData = {
+      start_time: currentSessionStart.current.toISOString(),
+      end_time: now.toISOString(),
+      session_duration_seconds: Math.round(sessionDuration / 1000),
+      session_id: currentSessionStart.current.getTime()
+    };
+    saveSessionToLocalStorage(sessionData);
+    sendSessionsToAmplitude();
+  }, [userId, saveSessionToLocalStorage, sendSessionsToAmplitude]);
   React.useEffect(function () {
     var handleVisibilityChange = function handleVisibilityChange() {
       var isVisible = !document.hidden;