feat: add cookies to the log (#3528)

Add whitelisted cookies to log events

Author: idoshamun

.idea/vcs.xml

@@ -11,6 +11,7 @@ export interface LogEvent extends Record<string, unknown> {
   event_name: string;
   extra?: string;
   device_id?: string;
+  cookies?: string;
 }
 
 export type PushToQueueFunc = (events: LogEvent[]) => void;

packages/shared/src/hooks/log/useLogQueue.ts

@@ -9,6 +9,9 @@ import { useRouter } from 'next/router';
 import { LogEvent } from './useLogQueue';
 import SettingsContext from '../../contexts/SettingsContext';
 import AuthContext from '../../contexts/AuthContext';
+import { getCookies } from '../../lib/cookie';
+
+const COOKIES = ['_ga', '_fbp', '_fbc'];
 
 export default function useLogSharedProps(
   app: string,
@@ -51,6 +54,7 @@ export default function useLogSharedProps(
     });
 
     const queryStr = JSON.stringify(queryObject);
+    const cookies = JSON.stringify(getCookies(COOKIES));
 
     (sharedPropsRef.current?.device_id
       ? Promise.resolve(sharedPropsRef.current.device_id)
@@ -76,6 +80,7 @@ export default function useLogSharedProps(
         utm_term: query?.utm_term,
         visit_id: visitId,
         device_id: _deviceId,
+        cookies: cookies === '{}' ? undefined : cookies,
       };
       setSharedPropsSet(true);
     });

packages/shared/src/hooks/log/useLogSharedProps.ts

@@ -10,6 +10,27 @@ export type CookieOptions = {
   secure: boolean;
 };
 
+export const getCookies = (
+  names: string[],
+): Record<string, string> | undefined => {
+  const cookies =
+    document?.cookie?.split(';')?.map((cookie) => cookie.trim()) || [];
+  if (!cookies.length) {
+    return undefined;
+  }
+
+  return names.reduce((acc, name) => {
+    const foundCookie = cookies.find((cookie) => cookie.startsWith(`${name}=`));
+    if (!foundCookie) {
+      return acc;
+    }
+    return {
+      ...acc,
+      [name]: decodeURIComponent(foundCookie.split('=')[1]),
+    };
+  }, {});
+};
+
 export const setCookie = (
   name: string,
   value: string | number | boolean,