Merge pull request #8232 from LedgerHQ/bugfix/llm-analytics-events-de…

…layed

📈 LLM - Flush analytics events when putting the app in background

.changeset/big-lions-refuse.md

@@ -0,0 +1,5 @@
+---
+"live-mobile": patch
+---
+
+LLM - Flushes all analytics events when the app goes in the background

apps/ledger-live-mobile/src/analytics/SegmentSetup.tsx

@@ -1,6 +1,7 @@
 import { useEffect } from "react";
 import { useStore } from "react-redux";
 import { start } from "./segment";
+import useFlushInBackground from "./useFlushInBackground";
 
 const SegmentSetup = (): null => {
   const store = useStore();
@@ -10,6 +11,8 @@ const SegmentSetup = (): null => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
+  useFlushInBackground();
+
   return null;
 };
 

apps/ledger-live-mobile/src/analytics/segment.ts

@@ -371,6 +371,11 @@ export const trackWithRoute = (
   };
   track(event, newProperties, mandatory);
 };
+
+export const flush = () => {
+  segmentClient?.flush();
+};
+
 export const useTrack = () => {
   const route = useRoute();
   const track = useCallback(

apps/ledger-live-mobile/src/analytics/useFlushInBackground.tsx

@@ -0,0 +1,13 @@
+import { useEffect } from "react";
+import useIsAppInBackground from "../components/useIsAppInBackground";
+import { flush } from "./segment";
+
+export default function useFlushInBackground() {
+  const isAppInBakcground = useIsAppInBackground();
+
+  useEffect(() => {
+    if (isAppInBakcground) {
+      flush();
+    }
+  }, [isAppInBakcground]);
+}