chat/apps/mobile/hooks/useActiveState.ts

import { useContext, useEffect, useRef } from "react";
import { FrappeContext, FrappeConfig } from "frappe-react-sdk";
import { useActiveUser } from "@lib/UserInactivityProvider";
import { useBoolean } from "@raven/lib/hooks/useBoolean";

export type PresenceType = "active" | "idle";

interface Presence {
  type: PresenceType;
}

export const useActiveState = () => {
  const { call } = useContext(FrappeContext) as FrappeConfig;

  const [isActive, { on: activate, off: deactivate }] = useBoolean(false);

  const { isActive: isUserActive } = useActiveUser();

  const lastRefreshedRef = useRef<number>(0);

  const updateUserActiveState = async (deactivate = false) => {
    const lastRefreshedOn = lastRefreshedRef.current;
    const now = Date.now();

    if (now - lastRefreshedOn > 1000 * 60 * 5 || !lastRefreshedOn) {
      lastRefreshedRef.current = now;
      return call
        .get("raven.api.user_availability.refresh_user_active_state", {
          deactivate,
        }).then(() => {
          lastRefreshedRef.current = now;
        })
        .catch(console.log);
    }
  };

  const onPresenceChange = (presence: Presence) => {
    if (presence.type === "active" && !isActive) {
      updateUserActiveState().then(activate);
    } else if (presence.type === "idle" && isActive) {
      updateUserActiveState(true).then(deactivate);
    }
  };

  useEffect(() => {
    if (isUserActive) {
      onPresenceChange({ type: "active" });
    } else {
      onPresenceChange({ type: "idle" });
    }

    return () => {
      if (isActive) {
        updateUserActiveState(true).then(deactivate);
      }
    };
  }, [isUserActive, onPresenceChange]);

  useEffect(() => {

    return () => {
      call
        .get("raven.api.user_availability.refresh_user_active_state", {
          deactivate: true,
        })
    }

  }, [])

  return isActive;
};