Function useLogSharedProps

packages/shared/src/hooks/log/useLogSharedProps.ts:11–100

(
  app: string,
  version: string,
  deviceId: string,
)

const COOKIES = ['_ga', '_fbp', '_fbc', 'gbuuid'];

export default function useLogSharedProps(
  app: string,
  version: string,
  deviceId: string,
): [MutableRefObject<Partial<LogEvent>>, boolean] {
  // Use ref instead of state to reduce renders
  const sharedPropsRef = useRef<Partial<LogEvent>>({});
  const { query } = useRouter();
  const { themeMode, spaciness, insaneMode } = useContext(SettingsContext);
  const { visit, anonymous, tokenRefreshed, user } = useContext(AuthContext);
  const [sharedPropsSet, setSharedPropsSet] = useState(false);

  const [visitId, setVisitId] = useState<string>();
  useEffect(() => {
    // Visit ID should be set only at the beginning
    if (tokenRefreshed && !visitId) {
      setVisitId(visit?.visitId);
    }
  }, [tokenRefreshed, visit?.visitId, setVisitId, visitId]);

  useEffect(() => {
    if (!visitId || !deviceId) {
      return;
    }

    const queryObject = { ...query };

    const initialQuerySearchParams = new URLSearchParams(
      window.location.search,
    );

    // initial useRouter.query can be empty on prerendered static pages
    // so we add any missing initial query params to the query object
    // that we pass to log
    initialQuerySearchParams.forEach((value, key) => {
      if (!queryObject[key]) {
        queryObject[key] = value;
      }
    });

    const queryStr = JSON.stringify(queryObject);
    const cookies = JSON.stringify(getCookies(COOKIES));

    (sharedPropsRef.current?.device_id
      ? Promise.resolve(sharedPropsRef.current.device_id)
      : Promise.resolve(deviceId)
    ).then((_deviceId) => {
      sharedPropsRef.current = {
        app_platform: app,
        app_theme: themeMode,
        app_version: version,
        feed_density: spaciness,
        feed_layout: insaneMode ? 'list' : 'cards',
        // By default query equals '{}'
        query_params: queryStr.length > 2 ? queryStr : undefined,
        session_id: visit?.sessionId,
        user_first_visit: anonymous?.firstVisit,
        user_id: anonymous?.id,