VIA-172 AJ/AS InactivityDialog now handles logged-out user to redirect to session logout page

Author: ankur-jain-nhs

src/app/_components/inactivity/InactivityDialog.tsx

@@ -1,27 +1,36 @@
 "use client";
 
+import { SESSION_LOGOUT_ROUTE } from "@src/app/session-logout/constants";
 import { userExtendSession } from "@src/utils/auth/user-extend-session";
 import { createRef, JSX, useEffect } from "react";
 import styles from "./styles.module.css";
 import { userLogout } from "@src/utils/auth/user-logout";
 import useInactivityTimer from "@src/utils/auth/inactivity-timer";
 import { useSession } from "next-auth/react";
+import { useRouter } from "next/navigation";
 
 const InactivityDialog = (): JSX.Element => {
+  const router = useRouter();
   const { status } = useSession();
   const { isIdle, isTimedOut } = useInactivityTimer();
   const dialogRef = createRef<HTMLDialogElement>();
 
   useEffect(() => {
     const isAuthenticated = status === "authenticated";
 
+    if (status === "unauthenticated") {
+      dialogRef.current?.close();
+      router.push(SESSION_LOGOUT_ROUTE);
+      return;
+    }
+
     if (isAuthenticated && isTimedOut) {
       dialogRef.current?.close();
       userLogout();
     } else if (isAuthenticated && isIdle) {
       dialogRef.current?.showModal();
     }
-  }, [dialogRef, isIdle, isTimedOut, status]);
+  }, [dialogRef, isIdle, isTimedOut, router, status]);
 
   return (
     <dialog ref={dialogRef} className={styles.warningDialog}>

src/utils/auth/inactivity-timer.ts

@@ -2,7 +2,7 @@
 
 import { useEffect, useRef, useState } from "react";
 
-const WARNING_TIME_MS: number = 9 * 60 * 1000;
+export const WARNING_TIME_MS: number = 9 * 60 * 1000;
 const LOGOUT_TIME_MS: number = 10 * 60 * 1000;
 export const ACTIVITY_EVENTS: string[] = [
   "keydown",