@argusoft/medplat-core 1.0.30 → 1.0.32

package/dist/{index-D9YNFPn9.js → index-o8Pyt1Bt.js}

@@ -1,91 +1,91 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { useState as f, useEffect as te, useMemo as ge } from "react";
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { useState as f, useEffect as ae, useMemo as ye } from "react";
 import { useLocation as $e } from "react-router-dom";
-import { Box as h, Typography as S, TextField as Z, Button as fe, IconButton as H, Tooltip as V, useTheme as Ue, alpha as O, FormControl as ze, InputLabel as Ee, Select as We, MenuItem as Q, InputAdornment as Le, Dialog as Oe, DialogTitle as Fe, DialogContent as Be, DialogActions as Pe } from "@mui/material";
-import { useTheme as ue, alpha as q } from "@mui/material/styles";
-import { execute as ye } from "@/common/services/GlobalApis";
-import be from "@/views/custom-components/CustomizedTable/CustomizedTableV2";
-import { FontAwesomeIcon as w } from "@fortawesome/react-fontawesome";
-import { faSync as Ne, faUser as Ye, faEye as je, faCalendar as Ve, faSearch as me, faChartLine as He, faArrowLeft as qe, faInfo as Ge, faFilePdf as Je, faFileExcel as Ke, faFilter as Qe } from "@fortawesome/free-solid-svg-icons";
-import { showToast as X } from "@/common/toaster/toaster.jsx";
-import ve from "@/hooks/usePagination.js";
-import { useTranslateProvider as Se } from "@/common/languageTranslator/TranslationContext";
-import ee from "moment";
+import { Box as g, Typography as k, TextField as te, Button as ue, IconButton as V, Tooltip as H, useTheme as Ee, alpha as W, FormControl as Ue, InputLabel as ze, Select as Oe, MenuItem as Z, InputAdornment as Le, Dialog as We, DialogTitle as Fe, DialogContent as Be, DialogActions as Pe } from "@mui/material";
+import { useTheme as fe, alpha as q } from "@mui/material/styles";
+import { execute as be } from "@/common/services/GlobalApis";
+import Ne from "@/views/custom-components/CustomizedTable/CustomizedTableV2";
+import { FontAwesomeIcon as R } from "@fortawesome/react-fontawesome";
+import { faSync as ve, faUser as Ye, faEye as je, faCalendar as He, faSearch as me, faChartLine as Ve, faArrowLeft as qe, faInfo as Ge, faFilePdf as Ke, faFileExcel as Je, faFilter as Qe } from "@fortawesome/free-solid-svg-icons";
+import { showToast as ee } from "@/common/toaster/toaster.jsx";
+import Se from "@/hooks/usePagination.js";
+import { useTranslateProvider as ke } from "@/common/languageTranslator/TranslationContext";
+import re from "moment";
 import Xe from "@/views/custom-components/SideOverlay.jsx";
 import { DateRange as Ze } from "react-date-range";
 import "react-date-range/dist/styles.css";
 import "react-date-range/dist/theme/default.css";
-import { x as le } from "./xlsx.min-D1LFqt_b.js";
+import { x as ie } from "./xlsx.min-D1LFqt_b.js";
 import j from "dayjs";
-import { p as ie } from "./pdfmake-Cf-381ou.js";
+import { p as ce } from "./pdfmake-Cf-381ou.js";
 import et from "@/assets/fonts/vfs_fonts";
-const Ce = (i) => {
+const Te = (i) => {
   if (!i) return "N/A";
-  const p = ee(), T = ee(i), d = ee.duration(p.diff(T)), t = d.years(), m = d.months(), u = d.days(), b = d.hours(), A = d.minutes(), C = d.seconds();
+  const m = re(), C = re(i), p = re.duration(m.diff(C)), t = p.years(), u = p.months(), h = p.days(), N = p.hours(), _ = p.minutes(), T = p.seconds();
   if (t > 0) return `${t} year${t > 1 ? "s" : ""} ago`;
-  if (m > 0) return `${m} month${m > 1 ? "s" : ""} ago`;
-  if (u > 0) return `${u} day${u > 1 ? "s" : ""} ago`;
+  if (u > 0) return `${u} month${u > 1 ? "s" : ""} ago`;
+  if (h > 0) return `${h} day${h > 1 ? "s" : ""} ago`;
   let I = [];
-  return b > 0 && I.push(`${b} hour${b > 1 ? "s" : ""}`), A > 0 && I.push(`${A} minute${A > 1 ? "s" : ""}`), C > 0 && b === 0 && I.push(`${C} second${C > 1 ? "s" : ""}`), I.length === 0 ? "Just now" : I.join(" ") + " ago";
-}, tt = (i) => i ? ee(i).format("DD/MM/YYYY hh:mm:ss A") : "N/A";
+  return N > 0 && I.push(`${N} hour${N > 1 ? "s" : ""}`), _ > 0 && I.push(`${_} minute${_ > 1 ? "s" : ""}`), T > 0 && N === 0 && I.push(`${T} second${T > 1 ? "s" : ""}`), I.length === 0 ? "Just now" : I.join(" ") + " ago";
+}, tt = (i) => i ? re(i).format("DD/MM/YYYY hh:mm:ss A") : "N/A";
 function rt({ onUserSelect: i }) {
-  const p = ue(), [T, d] = f([]), [t, m] = f(!0), [u, b] = f(!1), A = 50, { translate: C } = Se(), [I, F] = f(!1), [c, M] = f(""), $ = () => {
-    if (!c.trim()) return;
-    const s = parseInt(c, 10), o = T.find((D) => D.userId === s);
-    i(s, o == null ? void 0 : o.parsedAttributes);
-  }, z = [
+  const m = fe(), [C, p] = f([]), [t, u] = f(!0), [h, N] = f(!1), _ = 50, { translate: T } = ke(), [I, F] = f(!1), [d, $] = f(""), E = () => {
+    if (!d.trim()) return;
+    const l = parseInt(d, 10), o = C.find((D) => D.userId === l);
+    i(l, o == null ? void 0 : o.parsedAttributes);
+  }, U = [
     { field: "Sr. No.", label: "#", align: "left", width: "60px" },
     {
       field: "userId",
       label: "User Identity".toUpperCase(),
       align: "left",
-      render: (s) => {
-        var o, D, E, W, J, r, B, K;
-        return /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e("div", { className: "w-6 h-6 rounded-full bg-slate-100 dark:bg-slate-800 flex items-center justify-center", children: /* @__PURE__ */ e(w, { icon: Ye, className: "text-slate-400 text-[10px]" }) }),
+      render: (l) => {
+        var o, D, z, O, K, r, B, J;
+        return /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e("div", { className: "w-6 h-6 rounded-full bg-slate-100 dark:bg-slate-800 flex items-center justify-center", children: /* @__PURE__ */ e(R, { icon: Ye, className: "text-slate-400 text-[10px]" }) }),
           /* @__PURE__ */ e(
-            V,
+            H,
             {
-              title: /* @__PURE__ */ n("div", { className: "flex flex-col gap-1 text-xs", children: [
-                /* @__PURE__ */ n("div", { children: [
+              title: /* @__PURE__ */ s("div", { className: "flex flex-col gap-1 text-xs", children: [
+                /* @__PURE__ */ s("div", { children: [
                   /* @__PURE__ */ e("b", { children: "Username:" }),
                   " ",
-                  ((o = s.parsedAttributes) == null ? void 0 : o.user_name) || "N/A"
+                  ((o = l.parsedAttributes) == null ? void 0 : o.user_name) || "N/A"
                 ] }),
-                /* @__PURE__ */ n("div", { children: [
+                /* @__PURE__ */ s("div", { children: [
                   /* @__PURE__ */ e("b", { children: "Name:" }),
                   " ",
-                  ((D = s.parsedAttributes) == null ? void 0 : D.name) || "N/A"
+                  ((D = l.parsedAttributes) == null ? void 0 : D.name) || "N/A"
                 ] }),
-                /* @__PURE__ */ n("div", { children: [
+                /* @__PURE__ */ s("div", { children: [
                   /* @__PURE__ */ e("b", { children: "Role ID:" }),
                   " ",
-                  ((E = s.parsedAttributes) == null ? void 0 : E.role_id) || "N/A"
+                  ((z = l.parsedAttributes) == null ? void 0 : z.role_id) || "N/A"
                 ] }),
-                /* @__PURE__ */ n("div", { children: [
+                /* @__PURE__ */ s("div", { children: [
                   /* @__PURE__ */ e("b", { children: "Role Name:" }),
                   " ",
-                  ((W = s.parsedAttributes) == null ? void 0 : W.role_name) || "N/A"
+                  ((O = l.parsedAttributes) == null ? void 0 : O.role_name) || "N/A"
                 ] }),
-                /* @__PURE__ */ n("div", { children: [
+                /* @__PURE__ */ s("div", { children: [
                   /* @__PURE__ */ e("b", { children: "Role Code:" }),
                   " ",
-                  ((J = s.parsedAttributes) == null ? void 0 : J.role_code) || "N/A"
+                  ((K = l.parsedAttributes) == null ? void 0 : K.role_code) || "N/A"
                 ] })
               ] }),
               arrow: !0,
               placement: "top",
-              children: /* @__PURE__ */ n("div", { className: "flex flex-col cursor-pointer", children: [
-                /* @__PURE__ */ n(S, { className: "text-sm font-black tracking-tight", sx: { color: p.palette.text.primary }, children: [
+              children: /* @__PURE__ */ s("div", { className: "flex flex-col cursor-pointer", children: [
+                /* @__PURE__ */ s(k, { className: "text-sm font-black tracking-tight", sx: { color: m.palette.text.primary }, children: [
                   "User ID: ",
-                  s.userId
+                  l.userId
                 ] }),
-                /* @__PURE__ */ n(S, { variant: "caption", className: "font-bold opacity-60 uppercase tracking-tighter", children: [
-                  ((r = s.parsedAttributes) == null ? void 0 : r.user_name) || "System User",
+                /* @__PURE__ */ s(k, { variant: "caption", className: "font-bold opacity-60 uppercase tracking-tighter", children: [
+                  ((r = l.parsedAttributes) == null ? void 0 : r.user_name) || "System User",
                   " ",
-                  (B = s.parsedAttributes) != null && B.name ? `• ${s.parsedAttributes.name}` : "",
+                  (B = l.parsedAttributes) != null && B.name ? `• ${l.parsedAttributes.name}` : "",
                   " ",
-                  (K = s.parsedAttributes) != null && K.role_code ? `(${s.parsedAttributes.role_code})` : ""
+                  (J = l.parsedAttributes) != null && J.role_code ? `(${l.parsedAttributes.role_code})` : ""
                 ] })
               ] })
             }
@@ -97,14 +97,14 @@ function rt({ onUserSelect: i }) {
       field: "systemInfo",
       label: "System Info".toUpperCase(),
       align: "left",
-      render: (s) => {
-        var o, D, E;
-        return /* @__PURE__ */ n("div", { className: "flex flex-col max-w-[200px]", children: [
-          /* @__PURE__ */ n(S, { variant: "caption", className: "font-bold opacity-80", sx: { color: p.palette.text.primary }, children: [
+      render: (l) => {
+        var o, D, z;
+        return /* @__PURE__ */ s("div", { className: "flex flex-col max-w-[200px]", children: [
+          /* @__PURE__ */ s(k, { variant: "caption", className: "font-bold opacity-80", sx: { color: m.palette.text.primary }, children: [
             "IP: ",
-            ((o = s.parsedAttributes) == null ? void 0 : o.ip) || "N/A"
+            ((o = l.parsedAttributes) == null ? void 0 : o.ip) || "N/A"
           ] }),
-          /* @__PURE__ */ e(V, { title: ((D = s.parsedAttributes) == null ? void 0 : D.user_agent) || "Unknown Device", arrow: !0, placement: "top", children: /* @__PURE__ */ e(S, { variant: "caption", className: "truncate font-mono opacity-60 text-[10px]", children: ((E = s.parsedAttributes) == null ? void 0 : E.user_agent) || "Unknown Device" }) })
+          /* @__PURE__ */ e(H, { title: ((D = l.parsedAttributes) == null ? void 0 : D.user_agent) || "Unknown Device", arrow: !0, placement: "top", children: /* @__PURE__ */ e(k, { variant: "caption", className: "truncate font-mono opacity-60 text-[10px]", children: ((z = l.parsedAttributes) == null ? void 0 : z.user_agent) || "Unknown Device" }) })
         ] });
       }
     },
@@ -112,23 +112,23 @@ function rt({ onUserSelect: i }) {
       field: "lastActivityTimestamp",
       label: "Last Active".toUpperCase(),
       align: "left",
-      render: (s) => /* @__PURE__ */ e(V, { title: tt(s.lastActivityTimestamp), arrow: !0, placement: "top", children: /* @__PURE__ */ e(S, { className: "text-sm font-bold text-primary-main cursor-pointer", children: Ce(s.lastActivityTimestamp) }) })
+      render: (l) => /* @__PURE__ */ e(H, { title: tt(l.lastActivityTimestamp), arrow: !0, placement: "top", children: /* @__PURE__ */ e(k, { className: "text-sm font-bold text-primary-main cursor-pointer", children: Te(l.lastActivityTimestamp) }) })
     },
     {
       field: "ActionButtons",
       label: "Actions".toUpperCase(),
       align: "left",
-      render: (s) => /* @__PURE__ */ e(V, { title: "View Detailed Activity History", arrow: !0, placement: "top", children: /* @__PURE__ */ e(
-        H,
+      render: (l) => /* @__PURE__ */ e(H, { title: "View Detailed Activity History", arrow: !0, placement: "top", children: /* @__PURE__ */ e(
+        V,
         {
-          onClick: () => i(s.userId, s.parsedAttributes),
+          onClick: () => i(l.userId, l.parsedAttributes),
           ref: (o) => {
             o && o.style.setProperty("border-radius", "50%", "important");
           },
           sx: {
-            color: p.palette.primary.main,
-            backgroundColor: q(p.palette.primary.main, 0.1),
-            border: `1px solid ${p.palette.primary.main}`,
+            color: m.palette.primary.main,
+            backgroundColor: q(m.palette.primary.main, 0.1),
+            border: `1px solid ${m.palette.primary.main}`,
             borderRadius: "50% !important",
             width: 36,
             height: 36,
@@ -139,95 +139,95 @@ function rt({ onUserSelect: i }) {
             // Slightly raise to match symmetry with last active text
             transition: "all 0.2s ease-in-out",
             "&:hover": {
-              backgroundColor: p.palette.primary.main,
+              backgroundColor: m.palette.primary.main,
               color: "white",
               transform: "scale(1.1)"
             }
           },
-          children: /* @__PURE__ */ e(w, { icon: je, className: "text-base" })
+          children: /* @__PURE__ */ e(R, { icon: je, className: "text-base" })
         }
       ) })
     }
   ];
-  async function G(s, o) {
+  async function G(l, o) {
     var D;
     try {
-      o && b(!0);
-      const E = {
-        limit: s.limit,
-        offset: s.offset || 0
+      o && N(!0);
+      const z = {
+        limit: l.limit,
+        offset: l.offset || 0
         // userId: manualSearchId || null
-      }, W = await ye(
+      }, O = await be(
         {
           code: "LIVE_USER_ACTIVITY",
-          parameters: E
+          parameters: z
         },
         { showLoader: !1 }
-      ), r = (((D = W == null ? void 0 : W.data) == null ? void 0 : D.result) || []).map((B, K) => {
-        let re = null;
+      ), r = (((D = O == null ? void 0 : O.data) == null ? void 0 : D.result) || []).map((B, J) => {
+        let oe = null;
         if (B.attributes)
           try {
-            re = JSON.parse(B.attributes);
+            oe = JSON.parse(B.attributes);
           } catch {
           }
         return {
           ...B,
-          parsedAttributes: re,
-          index: (s.offset || 0) + K + 1
+          parsedAttributes: oe,
+          index: (l.offset || 0) + J + 1
         };
       });
-      return o && b(!1), r;
+      return o && N(!1), r;
     } catch {
-      return X({ message: "Failed to fetch active users", type: "error" }), b(!1), [];
+      return ee({ message: "Failed to fetch active users", type: "error" }), N(!1), [];
     }
   }
-  const { data: R, fetchNextPage: x, hasNextPage: N } = ve({
+  const { data: w, fetchNextPage: y, hasNextPage: v } = Se({
     key: ["activeUsers", I],
-    queryFn: ({ pageParam: s }) => {
-      const o = !(s != null && s.offset) || (s == null ? void 0 : s.offset) === 0;
-      return G(s, o);
+    queryFn: ({ pageParam: l }) => {
+      const o = !(l != null && l.offset) || (l == null ? void 0 : l.offset) === 0;
+      return G(l, o);
     },
-    limit: A
+    limit: _
   });
-  te(() => {
+  ae(() => {
     var o;
-    const s = ((o = R == null ? void 0 : R.pages) == null ? void 0 : o.flat()) || [];
-    m(N), d(s);
-  }, [R, N]);
-  const g = () => {
-    F((s) => !s);
+    const l = ((o = w == null ? void 0 : w.pages) == null ? void 0 : o.flat()) || [];
+    u(v), p(l);
+  }, [w, v]);
+  const b = () => {
+    F((l) => !l);
   };
-  return /* @__PURE__ */ n(h, { className: "flex flex-col h-full w-full", children: [
-    /* @__PURE__ */ n(h, { className: "flex flex-col md:flex-row justify-between items-start md:items-center p-5 border-b border-slate-200/60 dark:border-slate-800/60 gap-4", children: [
-      /* @__PURE__ */ n("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ e(S, { variant: "body2", className: "font-bold font-sans text-lg text-customBlue uppercase", children: C ? C("Live Activity") : "Live Activity" }),
-        /* @__PURE__ */ e(S, { variant: "caption", className: "font-bold uppercase tracking-widest", sx: { color: p.palette.text.primary, opacity: 0.9 }, children: "Currently Active System Users" })
+  return /* @__PURE__ */ s(g, { className: "flex flex-col h-full w-full", children: [
+    /* @__PURE__ */ s(g, { className: "flex flex-col md:flex-row justify-between items-start md:items-center p-5 border-b border-slate-200/60 dark:border-slate-800/60 gap-4", children: [
+      /* @__PURE__ */ s("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ e(k, { variant: "body2", className: "font-bold font-sans text-lg text-customBlue uppercase", children: T ? T("Live Activity") : "Live Activity" }),
+        /* @__PURE__ */ e(k, { variant: "caption", className: "font-bold uppercase tracking-widest", sx: { color: m.palette.text.primary, opacity: 0.9 }, children: "Currently Active System Users" })
       ] }),
-      /* @__PURE__ */ n(h, { className: "flex flex-wrap items-center gap-3 w-full md:w-auto ml-auto", children: [
+      /* @__PURE__ */ s(g, { className: "flex flex-wrap items-center gap-3 w-full md:w-auto ml-auto", children: [
         /* @__PURE__ */ e(
-          Z,
+          te,
           {
             size: "small",
             placeholder: "User ID lookup...",
-            value: c,
-            onChange: (s) => M(s.target.value),
-            onKeyDown: (s) => s.key === "Enter" && $(),
+            value: d,
+            onChange: (l) => $(l.target.value),
+            onKeyDown: (l) => l.key === "Enter" && E(),
             sx: {
               width: { xs: "100%", md: "200px" },
               "& .MuiInputBase-root": {
-                backgroundColor: p.palette.background.paper,
+                backgroundColor: m.palette.background.paper,
                 borderRadius: "12px"
               }
             }
           }
         ),
         /* @__PURE__ */ e(
-          fe,
+          ue,
           {
             variant: "contained",
             color: "primary",
             disableElevation: !0,
-            onClick: $,
+            onClick: E,
             className: "rounded-xl font-black h-10 px-4 whitespace-nowrap",
             size: "small",
             children: "Show Activity"
@@ -235,24 +235,24 @@ function rt({ onUserSelect: i }) {
         ),
         /* @__PURE__ */ e("div", { className: "h-8 w-[1px] bg-slate-300 dark:bg-slate-700 mx-1 hidden md:block" }),
         /* @__PURE__ */ e(
-          H,
+          V,
           {
             color: "primary",
-            onClick: () => g(),
+            onClick: () => b(),
             className: "rounded-none border border-slate-200 dark:border-slate-800 shadow-sm",
             sx: {
-              backgroundColor: q(p.palette.primary.main, 0.1),
+              backgroundColor: q(m.palette.primary.main, 0.1),
               width: 40,
               height: 40,
-              "&:hover": { backgroundColor: p.palette.primary.main, color: "white" }
+              "&:hover": { backgroundColor: m.palette.primary.main, color: "white" }
             },
-            children: /* @__PURE__ */ e(w, { icon: Ne, className: "text-sm" })
+            children: /* @__PURE__ */ e(R, { icon: ve, className: "text-sm" })
           }
         )
       ] })
     ] }),
     /* @__PURE__ */ e(
-      h,
+      g,
       {
         className: "flex-1 overflow-hidden",
         sx: {
@@ -262,11 +262,11 @@ function rt({ onUserSelect: i }) {
           "& .MuiTableContainer-root": { height: "100% !important", maxHeight: "100% !important" }
         },
         children: /* @__PURE__ */ e(
-          be,
+          Ne,
           {
             id: "active-user-list",
-            columns: z,
-            tableData: T,
+            columns: U,
+            tableData: C,
             actions: null,
             styleConfig: {
               cellStyle: { padding: "8px 16px", height: 40, maxLines: 1 }
@@ -274,11 +274,11 @@ function rt({ onUserSelect: i }) {
             paginationConfig: {
               pagination: !0,
               paginationType: "infinite-scroll",
-              rowsPerPageInTable: A,
+              rowsPerPageInTable: _,
               hasMore: t,
-              loadMore: () => t && x({ cancelRefetch: !1 })
+              loadMore: () => t && y({ cancelRefetch: !1 })
             },
-            isLoading: u,
+            isLoading: h,
             emptyBoxText: "Silence... No active users found at the moment."
           }
         )
@@ -288,18 +288,18 @@ function rt({ onUserSelect: i }) {
 }
 function at({
   filter: i,
-  onApply: p,
-  handleOverlayState: T
+  onApply: m,
+  handleOverlayState: C
 }) {
-  const { translate: d } = Se(), t = Ue(), m = t.palette.mode === "dark", [u, b] = f(i), [A, C] = f(!1), [I, F] = f([
+  const { translate: p } = ke(), t = Ee(), u = t.palette.mode === "dark", [h, N] = f(i), [_, T] = f(!1), [I, F] = f([
     {
       startDate: i.startTime ? new Date(i.startTime) : /* @__PURE__ */ new Date(),
       endDate: i.endTime ? new Date(i.endTime) : /* @__PURE__ */ new Date(),
       key: "selection"
     }
   ]);
-  te(() => {
-    b(i), F([
+  ae(() => {
+    N(i), F([
       {
         startDate: i.startTime ? new Date(i.startTime) : /* @__PURE__ */ new Date(),
         endDate: i.endTime ? new Date(i.endTime) : /* @__PURE__ */ new Date(),
@@ -307,28 +307,28 @@ function at({
       }
     ]);
   }, [i]);
-  const c = (x) => {
-    const { selection: N } = x;
-    F([N]);
-    const g = N.startDate ? M(N.startDate) : null, s = N.endDate ? M(N.endDate) : null;
-    b((o) => ({
+  const d = (y) => {
+    const { selection: v } = y;
+    F([v]);
+    const b = v.startDate ? $(v.startDate) : null, l = v.endDate ? $(v.endDate) : null;
+    N((o) => ({
       ...o,
-      startTime: g,
-      endTime: s
+      startTime: b,
+      endTime: l
     }));
-  }, M = (x) => {
-    if (!x) return null;
-    const N = new Date(x);
-    return `${N.getFullYear()}-${String(N.getMonth() + 1).padStart(2, "0")}-${String(N.getDate()).padStart(2, "0")}`;
-  }, $ = () => {
-    if (!u.startTime && !u.endTime) return "Select date range";
-    const x = u.startTime ? new Date(u.startTime).toLocaleDateString() : "", N = u.endTime ? new Date(u.endTime).toLocaleDateString() : "";
-    return `${x} - ${N}`;
-  }, z = (x, N) => {
-    b((g) => ({ ...g, [x]: N }));
+  }, $ = (y) => {
+    if (!y) return null;
+    const v = new Date(y);
+    return `${v.getFullYear()}-${String(v.getMonth() + 1).padStart(2, "0")}-${String(v.getDate()).padStart(2, "0")}`;
+  }, E = () => {
+    if (!h.startTime && !h.endTime) return "Select date range";
+    const y = h.startTime ? new Date(h.startTime).toLocaleDateString() : "", v = h.endTime ? new Date(h.endTime).toLocaleDateString() : "";
+    return `${y} - ${v}`;
+  }, U = (y, v) => {
+    N((b) => ({ ...b, [y]: v }));
   }, G = () => {
-    p(u);
-  }, R = {
+    m(h);
+  }, w = {
     "& .MuiInputLabel-root": {
       color: t.palette.text.secondary,
       fontSize: "0.85rem",
@@ -337,54 +337,54 @@ function at({
       "&.Mui-focused": { color: t.palette.primary.main }
     },
     "& .MuiInputBase-root": {
-      backgroundColor: O(t.palette.text.primary, 0.05),
+      backgroundColor: W(t.palette.text.primary, 0.05),
       borderRadius: "12px",
       color: t.palette.text.primary,
       marginTop: "20px",
       "& fieldset": {
-        borderColor: O(t.palette.text.primary, 0.1),
+        borderColor: W(t.palette.text.primary, 0.1),
         borderRadius: "12px"
       },
-      "&:hover fieldset": { borderColor: O(t.palette.text.primary, 0.3) },
+      "&:hover fieldset": { borderColor: W(t.palette.text.primary, 0.3) },
       "&.Mui-focused fieldset": { borderColor: t.palette.primary.main, borderWidth: "2px" }
     },
     "& .MuiInputBase-input": {
       padding: "10px 14px",
-      colorScheme: m ? "dark" : "light"
+      colorScheme: u ? "dark" : "light"
     }
   };
-  return /* @__PURE__ */ n(h, { className: "flex flex-col gap-6 p-6", children: [
-    /* @__PURE__ */ n(h, { className: "flex flex-col gap-1.5 pt-1", children: [
-      /* @__PURE__ */ e(S, { variant: "caption", sx: { color: t.palette.text.secondary, fontWeight: 500, fontSize: "0.85rem", transform: "translate(0, -1.5px)" }, children: d("Date Range") }),
-      /* @__PURE__ */ n(
-        h,
+  return /* @__PURE__ */ s(g, { className: "flex flex-col gap-6 p-6", children: [
+    /* @__PURE__ */ s(g, { className: "flex flex-col gap-1.5 pt-1", children: [
+      /* @__PURE__ */ e(k, { variant: "caption", sx: { color: t.palette.text.secondary, fontWeight: 500, fontSize: "0.85rem", transform: "translate(0, -1.5px)" }, children: p("Date Range") }),
+      /* @__PURE__ */ s(
+        g,
         {
-          onClick: () => C(!A),
+          onClick: () => T(!_),
           className: "flex items-center justify-between gap-2 px-3 py-2.5 rounded-xl cursor-pointer transition-all",
           sx: {
-            backgroundColor: O(t.palette.text.primary, 0.05),
-            border: `1px solid ${O(t.palette.text.primary, 0.1)}`,
-            "&:hover": { borderColor: O(t.palette.text.primary, 0.3) }
+            backgroundColor: W(t.palette.text.primary, 0.05),
+            border: `1px solid ${W(t.palette.text.primary, 0.1)}`,
+            "&:hover": { borderColor: W(t.palette.text.primary, 0.3) }
           },
           children: [
-            /* @__PURE__ */ e(S, { variant: "body2", sx: { color: t.palette.text.primary, fontSize: "0.875rem" }, children: $() }),
-            /* @__PURE__ */ e(w, { icon: Ve, className: "opacity-50 text-sm" })
+            /* @__PURE__ */ e(k, { variant: "body2", sx: { color: t.palette.text.primary, fontSize: "0.875rem" }, children: E() }),
+            /* @__PURE__ */ e(R, { icon: He, className: "opacity-50 text-sm" })
           ]
         }
       ),
-      A && /* @__PURE__ */ e(
-        h,
+      _ && /* @__PURE__ */ e(
+        g,
         {
           className: "mt-2 p-2 rounded-xl flex justify-center overflow-hidden border",
           sx: {
             backgroundColor: t.palette.background.paper,
-            borderColor: O(t.palette.text.primary, 0.1),
+            borderColor: W(t.palette.text.primary, 0.1),
             "& .rdrCalendarWrapper": {
               backgroundColor: t.palette.background.paper,
               color: t.palette.text.primary
             },
             "& .rdrDateDisplayWrapper": {
-              backgroundColor: O(t.palette.text.primary, 0.05)
+              backgroundColor: W(t.palette.text.primary, 0.05)
             },
             "& .rdrMonthAndYearWrapper": {
               color: t.palette.text.primary
@@ -398,12 +398,12 @@ function at({
             "& .rdrDayDisabled": {
               backgroundColor: "transparent",
               "& .rdrDayNumber span": {
-                color: O(t.palette.text.primary, 0.25)
+                color: W(t.palette.text.primary, 0.25)
               }
             },
             "& .rdrDayPassive": {
               "& .rdrDayNumber span": {
-                color: O(t.palette.text.primary, 0.3)
+                color: W(t.palette.text.primary, 0.3)
               }
             }
           },
@@ -411,7 +411,7 @@ function at({
             Ze,
             {
               editableDateInputs: !1,
-              onChange: c,
+              onChange: d,
               moveRangeOnFirstSelection: !1,
               ranges: I,
               rangeColors: [t.palette.primary.main]
@@ -420,75 +420,75 @@ function at({
         }
       )
     ] }),
-    /* @__PURE__ */ n(h, { className: "flex flex-col gap-4 pt-2", children: [
+    /* @__PURE__ */ s(g, { className: "flex flex-col gap-4 pt-2", children: [
       /* @__PURE__ */ e(
-        Z,
+        te,
         {
-          label: d("Session ID"),
-          placeholder: d("e.g. E561890..."),
-          value: u.sessionId || "",
-          onChange: (x) => z("sessionId", x.target.value),
+          label: p("Session ID"),
+          placeholder: p("e.g. E561890..."),
+          value: h.sessionId || "",
+          onChange: (y) => U("sessionId", y.target.value),
           fullWidth: !0,
           size: "small",
           slotProps: { inputLabel: { shrink: !0 } },
-          sx: R
+          sx: w
         }
       ),
-      /* @__PURE__ */ n(ze, { fullWidth: !0, size: "small", sx: R, children: [
-        /* @__PURE__ */ e(Ee, { shrink: !0, children: d("HTTP Method") }),
-        /* @__PURE__ */ n(
-          We,
+      /* @__PURE__ */ s(Ue, { fullWidth: !0, size: "small", sx: w, children: [
+        /* @__PURE__ */ e(ze, { shrink: !0, children: p("HTTP Method") }),
+        /* @__PURE__ */ s(
+          Oe,
           {
-            value: u.httpMethod || "",
-            onChange: (x) => z("httpMethod", x.target.value),
-            label: d("HTTP Method"),
+            value: h.httpMethod || "",
+            onChange: (y) => U("httpMethod", y.target.value),
+            label: p("HTTP Method"),
             displayEmpty: !0,
             children: [
-              /* @__PURE__ */ e(Q, { value: "", children: d("All Methods") }),
-              /* @__PURE__ */ e(Q, { value: "GET", children: "GET" }),
-              /* @__PURE__ */ e(Q, { value: "POST", children: "POST" }),
-              /* @__PURE__ */ e(Q, { value: "PUT", children: "PUT" }),
-              /* @__PURE__ */ e(Q, { value: "DELETE", children: "DELETE" }),
-              /* @__PURE__ */ e(Q, { value: "PATCH", children: "PATCH" })
+              /* @__PURE__ */ e(Z, { value: "", children: p("All Methods") }),
+              /* @__PURE__ */ e(Z, { value: "GET", children: "GET" }),
+              /* @__PURE__ */ e(Z, { value: "POST", children: "POST" }),
+              /* @__PURE__ */ e(Z, { value: "PUT", children: "PUT" }),
+              /* @__PURE__ */ e(Z, { value: "DELETE", children: "DELETE" }),
+              /* @__PURE__ */ e(Z, { value: "PATCH", children: "PATCH" })
             ]
           }
         )
       ] }),
       /* @__PURE__ */ e(
-        Z,
+        te,
         {
-          label: d("Resource Path"),
+          label: p("Resource Path"),
           placeholder: "/api/v1/...",
-          value: u.resource || "",
-          onChange: (x) => z("resource", x.target.value),
+          value: h.resource || "",
+          onChange: (y) => U("resource", y.target.value),
           fullWidth: !0,
           size: "small",
           slotProps: { inputLabel: { shrink: !0 } },
-          sx: R
+          sx: w
         }
       ),
       /* @__PURE__ */ e(
-        Z,
+        te,
         {
-          label: d("Response Code"),
+          label: p("Response Code"),
           placeholder: "200",
-          value: u.responseCode || "",
-          onChange: (x) => z("responseCode", x.target.value),
+          value: h.responseCode || "",
+          onChange: (y) => U("responseCode", y.target.value),
           fullWidth: !0,
           size: "small",
           type: "number",
           slotProps: { inputLabel: { shrink: !0 } },
-          sx: R
+          sx: w
         }
       )
     ] }),
-    /* @__PURE__ */ e(h, { className: "flex justify-stretch mt-4", children: /* @__PURE__ */ e(
-      fe,
+    /* @__PURE__ */ e(g, { className: "flex justify-stretch mt-4", children: /* @__PURE__ */ e(
+      ue,
       {
         variant: "contained",
         onClick: G,
         fullWidth: !0,
-        startIcon: /* @__PURE__ */ e(w, { icon: me }),
+        startIcon: /* @__PURE__ */ e(R, { icon: me }),
         sx: {
           backgroundColor: t.palette.primary.main,
           height: "45px",
@@ -498,59 +498,63 @@ function at({
           letterSpacing: "1px",
           "&:hover": { backgroundColor: t.palette.primary.dark }
         },
-        children: d("Apply Filters")
+        children: p("Apply Filters")
       }
     ) })
   ] });
 }
-function ot({ selectedUserId: i, initialSessionId: p, initialAttributes: T, onBack: d }) {
-  const t = ue(), [m, u] = f([]), [b, A] = f(!0), [C, I] = f(!1), F = 50, [c, M] = f(i), [$, z] = f((i == null ? void 0 : i.toString()) || ""), [G, R] = f(!1), [x, N] = f(!1), [g, s] = f({
+function ot({ selectedUserId: i, initialSessionId: m, initialAttributes: C, onBack: p }) {
+  const t = fe(), [u, h] = f([]), [N, _] = f(!0), [T, I] = f(!1), F = 50, [d, $] = f(i), [E, U] = f((i == null ? void 0 : i.toString()) || ""), [G, w] = f(!1), [y, v] = f(!1), [b, l] = f({
     sortBy: "timestamp",
     sortOrder: "desc"
   }), [o, D] = f({
     startTime: null,
     endTime: null,
-    sessionId: p || null,
+    sessionId: m || null,
     httpMethod: null,
     resource: null,
     responseCode: null
-  }), [E, W] = f(!1), J = (a) => a ? a === "/oauth/token" || a === "/api/oauth/token" ? `${a} (Login)` : a === "/user/logout" || a === "/api/user/logout" ? `${a} (Logout)` : a : "", r = ge(() => {
-    if (T && (T.user_agent || T.userAgent || T.ip))
-      return T;
-    if (m && m.length > 0) {
-      const a = m[0];
-      if (a.attributes)
+  }), [z, O] = f(!1), K = (n, a) => {
+    if (!n) return "";
+    const c = n.toLowerCase(), M = c === "/oauth/token" || c === "/api/oauth/token" || c === "/oauth2/token" || c === "/api/oauth2/token", S = (a == null ? void 0 : a.event_type) === "TOKEN_REFRESH" || (a == null ? void 0 : a.eventType) === "TOKEN_REFRESH" || (a == null ? void 0 : a.query_params) && a.query_params.includes("grant_type=refresh_token");
+    return M && !S ? `${n} (Login)` : c === "/user/logout" || c === "/api/user/logout" ? `${n} (Logout)` : n;
+  }, r = ye(() => {
+    if (C && (C.user_agent || C.userAgent || C.ip))
+      return C;
+    if (u && u.length > 0) {
+      const n = u[0];
+      if (n.attributes)
         try {
-          return JSON.parse(a.attributes);
+          return JSON.parse(n.attributes);
         } catch {
         }
     }
-    return T || {};
-  }, [T, m]);
-  te(() => {
-    M(i), z((i == null ? void 0 : i.toString()) || ""), p && D((a) => ({ ...a, sessionId: p }));
-  }, [i, p]);
+    return C || {};
+  }, [C, u]);
+  ae(() => {
+    $(i), U((i == null ? void 0 : i.toString()) || ""), m && D((n) => ({ ...n, sessionId: m }));
+  }, [i, m]);
   const B = () => {
-    if (!$.trim()) {
-      X({ message: "Please enter a valid User ID", type: "warning" });
+    if (!E.trim()) {
+      ee({ message: "Please enter a valid User ID", type: "warning" });
       return;
     }
-    const a = parseInt($, 10);
-    if (isNaN(a)) {
-      X({ message: "User ID must be a number", type: "warning" });
+    const n = parseInt(E, 10);
+    if (isNaN(n)) {
+      ee({ message: "User ID must be a number", type: "warning" });
       return;
     }
-    M(a);
-  }, K = () => {
-    N((a) => !a);
-  }, re = async (a) => {
-    const l = g.sortBy === a.field && g.sortOrder === "asc" ? "desc" : "asc";
-    s({ sortBy: a.field, sortOrder: l });
-  }, he = (a) => {
-    D(a), N((l) => !l), R(!1);
-  }, ce = () => {
-    R(!G);
-  }, ke = () => {
+    $(n);
+  }, J = () => {
+    v((n) => !n);
+  }, oe = async (n) => {
+    const a = b.sortBy === n.field && b.sortOrder === "asc" ? "desc" : "asc";
+    l({ sortBy: n.field, sortOrder: a });
+  }, he = (n) => {
+    D(n), v((a) => !a), w(!1);
+  }, de = () => {
+    w(!G);
+  }, xe = () => {
     D({
       startTime: null,
       endTime: null,
@@ -558,176 +562,176 @@ function ot({ selectedUserId: i, initialSessionId: p, initialAttributes: T, onBa
       httpMethod: null,
       resource: null,
       responseCode: null
-    }), R(!1);
-  }, Te = ge(() => {
-    const a = [
+    }), w(!1);
+  }, Ce = ye(() => {
+    const n = [
       { field: "Sr. No.", label: "#", align: "left", width: "60px" },
       {
         field: "timestamp",
         label: "TIMESTAMP",
         sortable: !0,
-        sortOrder: g.sortBy === "timestamp" ? g.sortOrder : "asc",
+        sortOrder: b.sortBy === "timestamp" ? b.sortOrder : "asc",
         align: "left",
-        render: (l) => /* @__PURE__ */ e(V, { title: Ce(l.timestamp), arrow: !0, placement: "top", children: /* @__PURE__ */ n("div", { className: "inline-flex flex-col cursor-pointer", children: [
-          /* @__PURE__ */ e(S, { className: "text-sm font-black", sx: { color: t.palette.text.primary }, children: j(l.timestamp).format("DD/MM/YYYY") }),
-          /* @__PURE__ */ e(S, { variant: "caption", className: "font-bold text-primary-main opacity-80", children: j(l.timestamp).format("hh:mm:ss A") })
+        render: (a) => /* @__PURE__ */ e(H, { title: Te(a.timestamp), arrow: !0, placement: "top", children: /* @__PURE__ */ s("div", { className: "inline-flex flex-col cursor-pointer", children: [
+          /* @__PURE__ */ e(k, { className: "text-sm font-black", sx: { color: t.palette.text.primary }, children: j(a.timestamp).format("DD/MM/YYYY") }),
+          /* @__PURE__ */ e(k, { variant: "caption", className: "font-bold text-primary-main opacity-80", children: j(a.timestamp).format("hh:mm:ss A") })
         ] }) })
       }
     ];
-    return o.sessionId || a.push({
+    return o.sessionId || n.push({
       field: "session_id",
       label: "SESSION ID",
       align: "left",
-      render: (l) => /* @__PURE__ */ e(S, { variant: "caption", className: "font-mono font-bold opacity-70", children: l.session_id || "N/A" })
-    }), a.push(
+      render: (a) => /* @__PURE__ */ e(k, { variant: "caption", className: "font-mono font-bold opacity-70", children: a.session_id || "N/A" })
+    }), n.push(
       {
         field: "http_method",
         label: "METHOD",
         sortable: !0,
-        sortOrder: g.sortBy === "http_method" ? g.sortOrder : "asc",
+        sortOrder: b.sortBy === "http_method" ? b.sortOrder : "asc",
         align: "left",
-        render: (l) => /* @__PURE__ */ e(S, { variant: "caption", className: "font-black uppercase tracking-widest", sx: { color: t.palette.text.primary }, children: l.http_method || "GET" })
+        render: (a) => /* @__PURE__ */ e(k, { variant: "caption", className: "font-black uppercase tracking-widest", sx: { color: t.palette.text.primary }, children: a.http_method || "GET" })
       },
       {
         field: "resource",
         label: "RESOURCE ACCESSED",
         sortable: !0,
-        sortOrder: g.sortBy === "resource" ? g.sortOrder : "asc",
+        sortOrder: b.sortBy === "resource" ? b.sortOrder : "asc",
         align: "left",
-        render: (l) => {
-          const v = l.resource === "/oauth/token" || l.resource === "/api/oauth/token", U = l.resource === "/user/logout" || l.resource === "/api/user/logout", k = v || U, _ = v ? " (Login)" : " (Logout)", L = /* @__PURE__ */ n(h, { children: [
-            /* @__PURE__ */ n(S, { variant: "body2", className: "font-bold", sx: { color: t.palette.text.primary }, children: [
-              l.resource,
-              k && /* @__PURE__ */ e("span", { className: "font-black text-primary-main ml-1", children: _ })
+        render: (a) => {
+          const c = a.resource ? a.resource.toLowerCase() : "", M = c === "/oauth/token" || c === "/api/oauth/token" || c === "/oauth2/token" || c === "/api/oauth2/token", S = a.event_type === "TOKEN_REFRESH" || a.eventType === "TOKEN_REFRESH" || a.query_params && a.query_params.includes("grant_type=refresh_token"), A = M && !S, L = A || (c === "/user/logout" || c === "/api/user/logout"), Q = A ? " (Login)" : " (Logout)", X = /* @__PURE__ */ s(g, { children: [
+            /* @__PURE__ */ s(k, { variant: "body2", className: "font-bold", sx: { color: t.palette.text.primary }, children: [
+              a.resource,
+              L && /* @__PURE__ */ e("span", { className: "font-black text-primary-main ml-1", children: Q })
             ] }),
-            l.query_params && /* @__PURE__ */ e(S, { variant: "caption", className: "block font-mono opacity-50 truncate max-w-md", children: l.query_params })
+            a.query_params && /* @__PURE__ */ e(k, { variant: "caption", className: "block font-mono opacity-50 truncate max-w-md", children: a.query_params })
           ] });
-          return l.query_params ? /* @__PURE__ */ e(V, { title: l.query_params, arrow: !0, placement: "top", children: L }) : L;
+          return a.query_params ? /* @__PURE__ */ e(H, { title: a.query_params, arrow: !0, placement: "top", children: X }) : X;
         }
       },
       {
         field: "response_code",
         label: "STATUS",
         sortable: !0,
-        sortOrder: g.sortBy === "response_code" ? g.sortOrder : "asc",
+        sortOrder: b.sortBy === "response_code" ? b.sortOrder : "asc",
         align: "center",
-        render: (l) => {
-          const v = l.response_code || 200, U = v >= 200 && v < 300, k = U ? t.palette.success.main : t.palette.error.main;
-          return /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ n(
-            h,
+        render: (a) => {
+          const c = a.response_code || 200, M = c >= 200 && c < 300, S = M ? t.palette.success.main : t.palette.error.main;
+          return /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ s(
+            g,
             {
               className: "inline-flex items-center justify-center rounded-full text-[0.7rem] font-black px-3 py-1 border shadow-sm",
               sx: {
-                backgroundColor: q(k, 0.1),
-                color: k,
-                borderColor: q(k, 0.2)
+                backgroundColor: q(S, 0.1),
+                color: S,
+                borderColor: q(S, 0.2)
               },
               children: [
                 /* @__PURE__ */ e(
-                  h,
+                  g,
                   {
                     component: "span",
-                    className: `w-1.5 h-1.5 rounded-full mr-2 ${U ? "bg-emerald-500 animate-pulse" : "bg-red-500"}`
+                    className: `w-1.5 h-1.5 rounded-full mr-2 ${M ? "bg-emerald-500 animate-pulse" : "bg-red-500"}`
                   }
                 ),
-                v
+                c
               ]
             }
           ) });
         }
       }
-    ), i && !o.sessionId && a.push({
+    ), i && !o.sessionId && n.push({
       field: "Actions",
       label: "Trace Session".toUpperCase(),
       align: "center",
-      render: (l) => /* @__PURE__ */ e(V, { title: "Filter Activity Analytics by this Session ID", arrow: !0, placement: "top", children: /* @__PURE__ */ e(
-        H,
+      render: (a) => /* @__PURE__ */ e(H, { title: "Filter Activity Analytics by this Session ID", arrow: !0, placement: "top", children: /* @__PURE__ */ e(
+        V,
         {
-          onClick: () => D((v) => ({ ...v, sessionId: l.session_id })),
+          onClick: () => D((c) => ({ ...c, sessionId: a.session_id })),
           sx: { color: t.palette.secondary.main },
-          children: /* @__PURE__ */ e(w, { icon: He, className: "text-base" })
+          children: /* @__PURE__ */ e(R, { icon: Ve, className: "text-base" })
         }
       ) })
-    }), a;
-  }, [t, g, i, o.sessionId]);
-  async function Ie(a, l) {
-    var v;
+    }), n;
+  }, [t, b, i, o.sessionId]);
+  async function Ie(n, a) {
+    var c;
     try {
-      if (!c && !o.sessionId) return [];
-      l && I(!0);
-      const U = {
-        limit: a.limit,
-        offset: a.offset || 0,
-        userId: c,
+      if (!d && !o.sessionId) return [];
+      a && I(!0);
+      const M = {
+        limit: n.limit,
+        offset: n.offset || 0,
+        userId: d,
         startTime: o.startTime ? j(o.startTime).startOf("day").valueOf() : null,
         endTime: o.endTime ? j(o.endTime).endOf("day").valueOf() : null,
         sessionId: o.sessionId || null,
         httpMethod: o.httpMethod || null,
         resource: o.resource || null,
         responseCode: o.responseCode || null,
-        sortBy: g.sortBy,
-        sortOrder: g.sortOrder
-      }, k = await ye(
+        sortBy: b.sortBy,
+        sortOrder: b.sortOrder
+      }, S = await be(
         {
           code: "GET_USER_ACTIVITY_BY_ID",
-          parameters: U
+          parameters: M
         },
         { showLoader: !1 }
-      ), L = (((v = k == null ? void 0 : k.data) == null ? void 0 : v.result) || []).map((Y, oe) => ({
-        ...Y,
-        index: (a.offset || 0) + oe + 1
+      ), Y = (((c = S == null ? void 0 : S.data) == null ? void 0 : c.result) || []).map((L, Q) => ({
+        ...L,
+        index: (n.offset || 0) + Q + 1
       }));
-      return l && I(!1), L;
+      return a && I(!1), Y;
     } catch {
-      return X({ message: "Failed to fetch user activities", type: "error" }), I(!1), [];
+      return ee({ message: "Failed to fetch user activities", type: "error" }), I(!1), [];
     }
   }
-  const { data: ae, fetchNextPage: De, hasNextPage: xe } = ve({
+  const { data: ne, fetchNextPage: De, hasNextPage: ge } = Se({
     key: [
       "userActivity",
-      c,
+      d,
       o.startTime,
       o.endTime,
       o.sessionId,
       o.httpMethod,
       o.resource,
       o.responseCode,
-      g,
-      x
+      b,
+      y
     ],
-    queryFn: ({ pageParam: a }) => {
-      const l = !(a != null && a.offset) || (a == null ? void 0 : a.offset) === 0;
-      return Ie(a, l);
+    queryFn: ({ pageParam: n }) => {
+      const a = !(n != null && n.offset) || (n == null ? void 0 : n.offset) === 0;
+      return Ie(n, a);
     },
     limit: F,
-    enabled: !!c || !!o.sessionId
+    enabled: !!d || !!o.sessionId
   });
-  te(() => {
-    var l;
-    const a = ((l = ae == null ? void 0 : ae.pages) == null ? void 0 : l.flat()) || [];
-    A(a.length > 0 ? xe : !1), u(a);
-  }, [ae, xe]);
-  const we = async () => {
+  ae(() => {
+    var a;
+    const n = ((a = ne == null ? void 0 : ne.pages) == null ? void 0 : a.flat()) || [];
+    _(n.length > 0 ? ge : !1), h(n);
+  }, [ne, ge]);
+  const Ae = async () => {
     try {
-      if (m.length === 0) return;
-      const a = (y) => y ? y.split("&").map((P) => {
-        var ne;
-        return ((ne = P.match(/.{1,15}/g)) == null ? void 0 : ne.join("​")) || P;
+      if (u.length === 0) return;
+      const n = (x) => x ? x.split("&").map((P) => {
+        var se;
+        return ((se = P.match(/.{1,15}/g)) == null ? void 0 : se.join("​")) || P;
       }).join(`
-`) : "N/A", l = !o.sessionId, v = ["Date", "Time"];
-      l && v.push("Session ID"), v.push("Method", "API url", "Params", "Status");
-      const U = m.map((y) => {
+`) : "N/A", a = !o.sessionId, c = ["Date", "Time"];
+      a && c.push("Session ID"), c.push("Method", "API url", "Params", "Status");
+      const M = u.map((x) => {
         const P = {
-          Date: j(y.timestamp).format("DD/MM/YYYY"),
-          Time: j(y.timestamp).format("hh:mm:ss A"),
-          Method: y.http_method || "N/A",
-          "API url": J(y.resource),
-          Params: a(y.query_params),
-          Status: y.response_code || "N/A"
+          Date: j(x.timestamp).format("DD/MM/YYYY"),
+          Time: j(x.timestamp).format("hh:mm:ss A"),
+          Method: x.http_method || "N/A",
+          "API url": K(x.resource, x),
+          Params: n(x.query_params),
+          Status: x.response_code || "N/A"
         };
-        return l && (P["Session ID"] = y.session_id || "N/A"), P;
-      }), k = /* @__PURE__ */ new Date(), _ = `UserActivityDetail_${c || "Session"}-${k.getDate()}-${k.getMonth() + 1}-${k.getFullYear()}.pdf`, L = l ? [20, 50, 55, 90, 35, "*", 130, 30] : [20, 55, 60, 35, "*", 140, 35];
-      ie.vfs = { ...et, ...ie.vfs }, ie.addFonts({
+        return a && (P["Session ID"] = x.session_id || "N/A"), P;
+      }), S = /* @__PURE__ */ new Date(), A = `UserActivityDetail_${d || "Session"}-${S.getDate()}-${S.getMonth() + 1}-${S.getFullYear()}.pdf`, Y = a ? [20, 50, 55, 90, 35, "*", 130, 30] : [20, 55, 60, 35, "*", 140, 35];
+      ce.vfs = { ...et, ...ce.vfs }, ce.addFonts({
         Roboto: {
           normal: "Roboto-Regular.ttf",
           bold: "Roboto-Medium.ttf",
@@ -741,7 +745,7 @@ function ot({ selectedUserId: i, initialSessionId: p, initialAttributes: T, onBa
           bolditalics: "MuktaVaani-Regular.ttf"
         }
       });
-      const Y = (y) => /[\u0A80-\u0AFF]/.test(y), oe = [
+      const L = (x) => /[\u0A80-\u0AFF]/.test(x), Q = [
         {
           text: "USER ACTIVITY TRACE REPORT",
           fontSize: 12,
@@ -751,7 +755,7 @@ function ot({ selectedUserId: i, initialSessionId: p, initialAttributes: T, onBa
           font: "Roboto"
         },
         {
-          text: `User ID: ${c || (r == null ? void 0 : r.user_id) || "N/A"} | Username: ${(r == null ? void 0 : r.user_name) || "N/A"}`,
+          text: `User ID: ${d || (r == null ? void 0 : r.user_id) || "N/A"} | Username: ${(r == null ? void 0 : r.user_name) || "N/A"}`,
           fontSize: 8.5,
           alignment: "center",
           margin: [0, 1],
@@ -778,53 +782,53 @@ function ot({ selectedUserId: i, initialSessionId: p, initialAttributes: T, onBa
           margin: [0, 1],
           font: "Roboto"
         }
-      ], de = ["S.No", ...v], Re = U.map((y, P) => [
+      ], X = ["S.No", ...c], _e = M.map((x, P) => [
         { text: P + 1, fontSize: 8 },
-        ...v.map((ne) => {
-          const pe = y[ne], se = (pe == null ? void 0 : pe.toString()) || "", _e = se.includes("(Login)") || se.includes("(Logout)");
+        ...c.map((se) => {
+          const pe = x[se], le = (pe == null ? void 0 : pe.toString()) || "", Me = le.includes("(Login)") || le.includes("(Logout)");
           return {
-            text: se,
+            text: le,
             fontSize: 8,
-            bold: _e ? !0 : void 0,
-            font: Y(se) ? "MuktaVaani" : "Roboto"
+            bold: Me ? !0 : void 0,
+            font: L(le) ? "MuktaVaani" : "Roboto"
           };
         })
-      ]), Me = {
+      ]), we = {
         pageOrientation: "landscape",
         content: [
-          ...oe,
+          ...Q,
           {
             table: {
               headerRows: 1,
-              widths: L,
+              widths: Y,
               body: [
-                de.map((y) => ({
-                  text: y,
+                X.map((x) => ({
+                  text: x,
                   fillColor: "#243a50",
                   color: "#ffffff",
                   bold: !0,
                   fontSize: 8.5
                 })),
-                ...Re
+                ..._e
               ]
             },
             layout: {
-              fillColor: (y) => y === 0 ? "#243a50" : null,
+              fillColor: (x) => x === 0 ? "#243a50" : null,
               hLineWidth: () => 0.1,
               vLineWidth: () => 0.1
             },
             margin: [0, 8]
           }
         ],
-        footer: (y, P) => ({
-          text: `Page ${y} of ${P} | User Activity Trace`,
+        footer: (x, P) => ({
+          text: `Page ${x} of ${P} | User Activity Trace`,
           alignment: "left",
           margin: [14, 0],
           fontSize: 7,
           font: "Roboto"
         }),
         header: {
-          text: `User Activity Trace (${m.length} records)`,
+          text: `User Activity Trace (${u.length} records)`,
           alignment: "left",
           margin: [14, 8],
           fontSize: 8,
@@ -834,17 +838,17 @@ function ot({ selectedUserId: i, initialSessionId: p, initialAttributes: T, onBa
           font: "MuktaVaani"
         }
       };
-      ie.createPdf(Me).download(_);
+      ce.createPdf(we).download(A);
     } catch {
-      X({ message: "Error generating PDF", type: "error" });
+      ee({ message: "Error generating PDF", type: "error" });
     }
-  }, Ae = async () => {
-    if (m.length === 0) return;
-    const a = !o.sessionId, l = ["Date", "Time"];
-    a && l.push("Session ID"), l.push("Method", "Resource", "Params", "Status");
-    const v = [
+  }, Re = async () => {
+    if (u.length === 0) return;
+    const n = !o.sessionId, a = ["Date", "Time"];
+    n && a.push("Session ID"), a.push("Method", "Resource", "Params", "Status");
+    const c = [
       ["USER ACTIVITY TRACE REPORT"],
-      [`User ID: ${c || (r == null ? void 0 : r.user_id) || "N/A"}`],
+      [`User ID: ${d || (r == null ? void 0 : r.user_id) || "N/A"}`],
       [`Username: ${(r == null ? void 0 : r.user_name) || "N/A"}`],
       [`Name: ${(r == null ? void 0 : r.name) || "N/A"}`],
       [`Role Name: ${(r == null ? void 0 : r.role_name) || "N/A"} (Role Id: ${(r == null ? void 0 : r.role_id) || "N/A"}, Role Code: ${(r == null ? void 0 : r.role_code) || "N/A"})`],
@@ -855,53 +859,55 @@ function ot({ selectedUserId: i, initialSessionId: p, initialAttributes: T, onBa
       [],
       // blank row separator
       // Table headers
-      l
+      a
     ];
-    m.forEach((_) => {
-      const L = [
-        j(_.timestamp).format("DD/MM/YYYY"),
-        j(_.timestamp).format("hh:mm:ss A")
+    u.forEach((A) => {
+      const Y = [
+        j(A.timestamp).format("DD/MM/YYYY"),
+        j(A.timestamp).format("hh:mm:ss A")
       ];
-      a && L.push(_.session_id || "N/A");
-      const Y = J(_.resource), de = Y.includes("(Login)") || Y.includes("(Logout)") ? { v: Y, s: { font: { bold: !0 } } } : Y;
-      L.push(
-        _.http_method || "N/A",
-        de,
-        _.query_params || "N/A",
-        _.response_code || "N/A"
-      ), v.push(L);
+      n && Y.push(A.session_id || "N/A");
+      const L = K(A.resource, A), X = L.includes("(Login)") || L.includes("(Logout)") ? { v: L, s: { font: { bold: !0 } } } : L;
+      Y.push(
+        A.http_method || "N/A",
+        X,
+        A.query_params || "N/A",
+        A.response_code || "N/A"
+      ), c.push(Y);
     });
-    const U = le.utils.aoa_to_sheet(v), k = le.utils.book_new();
-    le.utils.book_append_sheet(k, U, "UserActivityAnalytics"), le.writeFile(k, `UserActivity_${c || "Session"}_${ee().format("YYYYMMDD")}.xlsx`);
+    const M = ie.utils.aoa_to_sheet(c), S = ie.utils.book_new();
+    ie.utils.book_append_sheet(S, M, "UserActivityAnalytics"), ie.writeFile(S, `UserActivity_${d || "Session"}_${re().format("YYYYMMDD")}.xlsx`);
   };
-  return /* @__PURE__ */ n(h, { className: "flex flex-col h-full w-full", children: [
-    /* @__PURE__ */ n(h, { className: "flex flex-col md:flex-row justify-between items-start md:items-center p-6 border-b border-slate-200/60 dark:border-slate-800/60 gap-4", children: [
-      /* @__PURE__ */ n("div", { className: "flex items-center gap-4", children: [
+  return /* @__PURE__ */ s(g, { className: "flex flex-col h-full w-full", children: [
+    /* @__PURE__ */ s(g, { className: "flex flex-col md:flex-row justify-between items-start md:items-center p-6 border-b border-slate-200/60 dark:border-slate-800/60 gap-4", children: [
+      /* @__PURE__ */ s("div", { className: "flex items-center gap-4", children: [
         /* @__PURE__ */ e(
-          H,
+          V,
           {
-            onClick: d,
+            onClick: () => {
+              o.sessionId ? xe() : p();
+            },
             size: "medium",
             sx: {
               backgroundColor: q(t.palette.primary.main, 0.1),
               color: t.palette.primary.main,
               "&:hover": { backgroundColor: t.palette.primary.main, color: "white" }
             },
-            children: /* @__PURE__ */ e(w, { icon: qe, className: "text-sm" })
+            children: /* @__PURE__ */ e(R, { icon: qe, className: "text-sm" })
           }
         ),
-        /* @__PURE__ */ n("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ e(S, { variant: "body2", className: "font-bold font-sans text-lg text-customBlue uppercase", children: "USER ACTIVITY LOGS" }),
-          /* @__PURE__ */ e("div", { className: "flex items-center mt-1.5 font-semibold text-[13px] text-slate-600 dark:text-slate-400", children: /* @__PURE__ */ n("span", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ s("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ e(k, { variant: "body2", className: "font-bold font-sans text-lg text-customBlue uppercase", children: "USER ACTIVITY LOGS" }),
+          /* @__PURE__ */ e("div", { className: "flex items-center mt-1.5 font-semibold text-[13px] text-slate-600 dark:text-slate-400", children: /* @__PURE__ */ s("span", { className: "flex items-center gap-1.5", children: [
             "User ID: ",
-            /* @__PURE__ */ e("span", { className: "text-primary-main font-black", children: c || r.user_id || "N/A" }),
-            /* @__PURE__ */ e(V, { title: "View User Info Details", arrow: !0, placement: "top", children: /* @__PURE__ */ e(
+            /* @__PURE__ */ e("span", { className: "text-primary-main font-black", children: d || r.user_id || "N/A" }),
+            /* @__PURE__ */ e(H, { title: "View User Info Details", arrow: !0, placement: "top", children: /* @__PURE__ */ e(
               "span",
               {
-                ref: (a) => {
-                  a && a.style.setProperty("border-radius", "50%", "important");
+                ref: (n) => {
+                  n && n.style.setProperty("border-radius", "50%", "important");
                 },
-                onClick: () => W(!0),
+                onClick: () => O(!0),
                 className: "cursor-pointer inline-flex items-center justify-center",
                 style: {
                   width: "15px",
@@ -916,21 +922,21 @@ function ot({ selectedUserId: i, initialSessionId: p, initialAttributes: T, onBa
                   justifyContent: "center",
                   verticalAlign: "middle"
                 },
-                children: /* @__PURE__ */ e(w, { icon: Ge })
+                children: /* @__PURE__ */ e(R, { icon: Ge })
               }
             ) })
           ] }) })
         ] })
       ] }),
-      /* @__PURE__ */ n(h, { className: "flex flex-wrap items-center gap-3 ml-auto", children: [
+      /* @__PURE__ */ s(g, { className: "flex flex-wrap items-center gap-3 ml-auto", children: [
         /* @__PURE__ */ e(
-          Z,
+          te,
           {
             size: "small",
             placeholder: "Search by User ID...",
-            value: $,
-            onChange: (a) => z(a.target.value),
-            onKeyDown: (a) => a.key === "Enter" && B(),
+            value: E,
+            onChange: (n) => U(n.target.value),
+            onKeyDown: (n) => n.key === "Enter" && B(),
             sx: {
               width: { xs: "100%", md: "200px" },
               "& .MuiInputBase-root": {
@@ -939,41 +945,41 @@ function ot({ selectedUserId: i, initialSessionId: p, initialAttributes: T, onBa
               }
             },
             InputProps: {
-              endAdornment: /* @__PURE__ */ e(Le, { position: "end", children: /* @__PURE__ */ e(H, { size: "small", onClick: B, color: "primary", children: /* @__PURE__ */ e(w, { icon: me }) }) })
+              endAdornment: /* @__PURE__ */ e(Le, { position: "end", children: /* @__PURE__ */ e(V, { size: "small", onClick: B, color: "primary", children: /* @__PURE__ */ e(R, { icon: me }) }) })
             }
           }
         ),
-        /* @__PURE__ */ n("div", { className: `flex items-center rounded-2xl p-1 shadow-sm border ${t.palette.mode === "dark" ? "bg-slate-900 border-slate-800" : "bg-white border-slate-200"}`, children: [
-          /* @__PURE__ */ n(
+        /* @__PURE__ */ s("div", { className: `flex items-center rounded-2xl p-1 shadow-sm border ${t.palette.mode === "dark" ? "bg-slate-900 border-slate-800" : "bg-white border-slate-200"}`, children: [
+          /* @__PURE__ */ s(
             "button",
             {
-              disabled: C,
-              onClick: we,
+              disabled: T,
+              onClick: Ae,
               className: `px-4 py-2 rounded-xl transition-all flex items-center gap-2 text-xs font-black uppercase tracking-wider ${t.palette.mode === "dark" ? "text-slate-400 hover:text-slate-100 hover:bg-slate-800" : "text-slate-600 hover:text-red-600 hover:bg-slate-50"}`,
               children: [
-                /* @__PURE__ */ e(w, { icon: Je, className: "mr-1" }),
+                /* @__PURE__ */ e(R, { icon: Ke, className: "mr-1" }),
                 "Pdf"
               ]
             }
           ),
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ s(
             "button",
             {
-              disabled: C,
-              onClick: Ae,
+              disabled: T,
+              onClick: Re,
               className: `px-4 py-2 rounded-xl transition-all flex items-center gap-2 text-xs font-black uppercase tracking-wider ml-1 ${t.palette.mode === "dark" ? "bg-slate-800 text-slate-100 hover:bg-slate-700" : "bg-[var(--color-tableHeader)] text-white hover:bg-[var(--color-tableHeader)]"}`,
               children: [
-                /* @__PURE__ */ e(w, { icon: Ke, className: "mr-1" }),
+                /* @__PURE__ */ e(R, { icon: Je, className: "mr-1" }),
                 "Excel"
               ]
             }
           )
         ] }),
         /* @__PURE__ */ e(
-          H,
+          V,
           {
             color: "primary",
-            onClick: ce,
+            onClick: de,
             className: "rounded-xl border border-slate-200 dark:border-slate-800 shadow-sm",
             sx: {
               backgroundColor: q(t.palette.primary.main, 0.1),
@@ -981,14 +987,14 @@ function ot({ selectedUserId: i, initialSessionId: p, initialAttributes: T, onBa
               height: 40,
               "&:hover": { backgroundColor: t.palette.primary.main, color: "white" }
             },
-            children: /* @__PURE__ */ e(w, { icon: Qe, className: "text-sm" })
+            children: /* @__PURE__ */ e(R, { icon: Qe, className: "text-sm" })
           }
         ),
         /* @__PURE__ */ e(
-          H,
+          V,
           {
             color: "primary",
-            onClick: K,
+            onClick: J,
             className: "rounded-xl border border-slate-200 dark:border-slate-800 shadow-sm",
             sx: {
               backgroundColor: q(t.palette.primary.main, 0.1),
@@ -996,13 +1002,13 @@ function ot({ selectedUserId: i, initialSessionId: p, initialAttributes: T, onBa
               height: 40,
               "&:hover": { backgroundColor: t.palette.primary.main, color: "white" }
             },
-            children: /* @__PURE__ */ e(w, { icon: Ne, className: "text-sm" })
+            children: /* @__PURE__ */ e(R, { icon: ve, className: "text-sm" })
           }
         )
       ] })
     ] }),
     /* @__PURE__ */ e(
-      h,
+      g,
       {
         className: "flex-1 overflow-hidden relative",
         sx: {
@@ -1011,27 +1017,27 @@ function ot({ selectedUserId: i, initialSessionId: p, initialAttributes: T, onBa
           // Kill every curve inside this box
           "& .MuiTableContainer-root": { height: "100% !important", maxHeight: "100% !important" }
         },
-        children: !c && !o.sessionId ? /* @__PURE__ */ n(h, { className: "w-full h-full flex flex-col items-center justify-center space-y-4 opacity-50", children: [
-          /* @__PURE__ */ e(w, { icon: me, className: "text-5xl text-slate-300" }),
-          /* @__PURE__ */ e(S, { variant: "h6", className: "font-bold text-slate-400", children: "Search a User ID or Session to trace actions" })
+        children: !d && !o.sessionId ? /* @__PURE__ */ s(g, { className: "w-full h-full flex flex-col items-center justify-center space-y-4 opacity-50", children: [
+          /* @__PURE__ */ e(R, { icon: me, className: "text-5xl text-slate-300" }),
+          /* @__PURE__ */ e(k, { variant: "h6", className: "font-bold text-slate-400", children: "Search a User ID or Session to trace actions" })
         ] }) : /* @__PURE__ */ e(
-          be,
+          Ne,
           {
             id: "user-activity-detail-list",
-            columns: Te,
-            tableData: m,
+            columns: Ce,
+            tableData: u,
             paginationConfig: {
               pagination: !0,
               paginationType: "infinite-scroll",
               rowsPerPageInTable: F,
-              hasMore: b,
-              loadMore: () => b && De({ cancelRefetch: !1 })
+              hasMore: N,
+              loadMore: () => N && De({ cancelRefetch: !1 })
             },
             styleConfig: {
               cellStyle: { padding: "8px 16px", height: 40, maxLines: 1 }
             },
-            isLoading: C,
-            handleSort: re,
+            isLoading: T,
+            handleSort: oe,
             emptyBoxText: "Activity for this User ID doesn't exist in our logs.",
             getActions: () => []
           }
@@ -1043,9 +1049,9 @@ function ot({ selectedUserId: i, initialSessionId: p, initialAttributes: T, onBa
       {
         title: "Activity Filters",
         resetButtonLabel: "Reset",
-        onResetClick: ke,
+        onResetClick: xe,
         FormBody: at,
-        handleOverlayState: ce,
+        handleOverlayState: de,
         overlayOpen: G,
         dataTestId: "user-activity-filter",
         ModalProps: {
@@ -1066,15 +1072,15 @@ function ot({ selectedUserId: i, initialSessionId: p, initialAttributes: T, onBa
         formProps: {
           filter: o,
           onApply: he,
-          handleOverlayState: ce
+          handleOverlayState: de
         }
       }
     ),
-    /* @__PURE__ */ n(
-      Oe,
+    /* @__PURE__ */ s(
+      We,
       {
-        open: E,
-        onClose: () => W(!1),
+        open: z,
+        onClose: () => O(!1),
         maxWidth: "sm",
         fullWidth: !0,
         PaperProps: {
@@ -1088,7 +1094,7 @@ function ot({ selectedUserId: i, initialSessionId: p, initialAttributes: T, onBa
         },
         children: [
           /* @__PURE__ */ e(Fe, { className: "border-b border-slate-200 dark:border-slate-800 pb-3 flex justify-between items-center", children: /* @__PURE__ */ e(
-            S,
+            k,
             {
               variant: "h6",
               style: {
@@ -1098,8 +1104,8 @@ function ot({ selectedUserId: i, initialSessionId: p, initialAttributes: T, onBa
               children: "User Information"
             }
           ) }),
-          /* @__PURE__ */ e(Be, { className: "pt-4 pb-6", sx: { color: t.palette.text.primary }, children: /* @__PURE__ */ n("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-            /* @__PURE__ */ n("div", { className: "flex flex-col gap-0.5", children: [
+          /* @__PURE__ */ e(Be, { className: "pt-4 pb-6", sx: { color: t.palette.text.primary }, children: /* @__PURE__ */ s("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ s("div", { className: "flex flex-col gap-0.5", children: [
               /* @__PURE__ */ e(
                 "span",
                 {
@@ -1121,11 +1127,11 @@ function ot({ selectedUserId: i, initialSessionId: p, initialAttributes: T, onBa
                     fontWeight: 800,
                     fontSize: "14px"
                   },
-                  children: c || r.user_id || "N/A"
+                  children: d || r.user_id || "N/A"
                 }
               )
             ] }),
-            /* @__PURE__ */ n("div", { className: "flex flex-col gap-0.5", children: [
+            /* @__PURE__ */ s("div", { className: "flex flex-col gap-0.5", children: [
               /* @__PURE__ */ e(
                 "span",
                 {
@@ -1151,7 +1157,7 @@ function ot({ selectedUserId: i, initialSessionId: p, initialAttributes: T, onBa
                 }
               )
             ] }),
-            /* @__PURE__ */ n("div", { className: "flex flex-col gap-0.5", children: [
+            /* @__PURE__ */ s("div", { className: "flex flex-col gap-0.5", children: [
               /* @__PURE__ */ e(
                 "span",
                 {
@@ -1177,7 +1183,7 @@ function ot({ selectedUserId: i, initialSessionId: p, initialAttributes: T, onBa
                 }
               )
             ] }),
-            /* @__PURE__ */ n("div", { className: "flex flex-col gap-0.5", children: [
+            /* @__PURE__ */ s("div", { className: "flex flex-col gap-0.5", children: [
               /* @__PURE__ */ e(
                 "span",
                 {
@@ -1203,7 +1209,7 @@ function ot({ selectedUserId: i, initialSessionId: p, initialAttributes: T, onBa
                 }
               )
             ] }),
-            /* @__PURE__ */ n("div", { className: "flex flex-col gap-0.5", children: [
+            /* @__PURE__ */ s("div", { className: "flex flex-col gap-0.5", children: [
               /* @__PURE__ */ e(
                 "span",
                 {
@@ -1229,7 +1235,7 @@ function ot({ selectedUserId: i, initialSessionId: p, initialAttributes: T, onBa
                 }
               )
             ] }),
-            /* @__PURE__ */ n("div", { className: "flex flex-col gap-0.5", children: [
+            /* @__PURE__ */ s("div", { className: "flex flex-col gap-0.5", children: [
               /* @__PURE__ */ e(
                 "span",
                 {
@@ -1255,7 +1261,7 @@ function ot({ selectedUserId: i, initialSessionId: p, initialAttributes: T, onBa
                 }
               )
             ] }),
-            /* @__PURE__ */ n("div", { className: "flex flex-col gap-0.5", children: [
+            /* @__PURE__ */ s("div", { className: "flex flex-col gap-0.5", children: [
               /* @__PURE__ */ e(
                 "span",
                 {
@@ -1281,7 +1287,7 @@ function ot({ selectedUserId: i, initialSessionId: p, initialAttributes: T, onBa
                 }
               )
             ] }),
-            /* @__PURE__ */ n("div", { className: "flex flex-col gap-0.5", children: [
+            /* @__PURE__ */ s("div", { className: "flex flex-col gap-0.5", children: [
               /* @__PURE__ */ e(
                 "span",
                 {
@@ -1307,7 +1313,7 @@ function ot({ selectedUserId: i, initialSessionId: p, initialAttributes: T, onBa
                 }
               )
             ] }),
-            /* @__PURE__ */ n("div", { className: "flex flex-col gap-0.5 md:col-span-2", children: [
+            /* @__PURE__ */ s("div", { className: "flex flex-col gap-0.5 md:col-span-2", children: [
               /* @__PURE__ */ e(
                 "span",
                 {
@@ -1333,7 +1339,7 @@ function ot({ selectedUserId: i, initialSessionId: p, initialAttributes: T, onBa
                 }
               )
             ] }),
-            (o.sessionId || r.session_id || r.sessionId) && /* @__PURE__ */ n("div", { className: "flex flex-col gap-0.5 md:col-span-2", children: [
+            (o.sessionId || r.session_id || r.sessionId) && /* @__PURE__ */ s("div", { className: "flex flex-col gap-0.5 md:col-span-2", children: [
               /* @__PURE__ */ e(
                 "span",
                 {
@@ -1361,9 +1367,9 @@ function ot({ selectedUserId: i, initialSessionId: p, initialAttributes: T, onBa
             ] })
           ] }) }),
           /* @__PURE__ */ e(Pe, { className: "border-t border-slate-200 dark:border-slate-800 px-6 py-3", children: /* @__PURE__ */ e(
-            fe,
+            ue,
             {
-              onClick: () => W(!1),
+              onClick: () => O(!1),
               variant: "contained",
               sx: {
                 borderRadius: "8px",
@@ -1378,27 +1384,27 @@ function ot({ selectedUserId: i, initialSessionId: p, initialAttributes: T, onBa
   ] });
 }
 function It() {
-  const i = ue(), p = $e(), [T, d] = f(null), [t, m] = f(null), [u, b] = f(null), [A, C] = f("list");
-  te(() => {
-    const c = new URLSearchParams(p.search || window.location.hash.split("?")[1] || window.location.search), M = c.get("sessionId"), $ = c.get("attributes");
-    if (M) {
-      if (m(M), $)
+  const i = fe(), m = $e(), [C, p] = f(null), [t, u] = f(null), [h, N] = f(null), [_, T] = f("list");
+  ae(() => {
+    const d = new URLSearchParams(m.search || window.location.hash.split("?")[1] || window.location.search), $ = d.get("sessionId"), E = d.get("attributes");
+    if ($) {
+      if (u($), E)
         try {
-          b(JSON.parse(decodeURIComponent($)));
+          N(JSON.parse(decodeURIComponent(E)));
         } catch {
         }
-      C("detail");
+      T("detail");
     }
-  }, [p.search]);
-  const I = (c, M = null) => {
-    d(c), m(null), b(M), C("detail");
+  }, [m.search]);
+  const I = (d, $ = null) => {
+    p(d), u(null), N($), T("detail");
   }, F = () => {
-    d(null), m(null), b(null);
-    const c = window.location.pathname + (window.location.hash ? window.location.hash.split("?")[0] : "");
-    window.history.replaceState({}, "", c), C("list");
+    p(null), u(null), N(null);
+    const d = window.location.pathname + (window.location.hash ? window.location.hash.split("?")[0] : "");
+    window.history.replaceState({}, "", d), T("list");
   };
-  return /* @__PURE__ */ n(
-    h,
+  return /* @__PURE__ */ s(
+    g,
     {
       id: "activity-analytics-root",
       className: "w-full h-full flex flex-col p-4 bg-[var(--color-gray4)] dark:bg-[#0f172a]",
@@ -1412,18 +1418,18 @@ function It() {
         }
       ` }),
         /* @__PURE__ */ e(
-          h,
+          g,
           {
             className: "w-full h-full flex flex-col",
             sx: {
               backgroundColor: i.palette.mode === "dark" ? "#0f172a" : "var(--color-gray4)"
             },
-            children: /* @__PURE__ */ e(h, { className: "flex-1 overflow-hidden", children: A === "list" ? /* @__PURE__ */ e(rt, { onUserSelect: I }) : /* @__PURE__ */ e(
+            children: /* @__PURE__ */ e(g, { className: "flex-1 overflow-hidden", children: _ === "list" ? /* @__PURE__ */ e(rt, { onUserSelect: I }) : /* @__PURE__ */ e(
               ot,
               {
-                selectedUserId: T,
+                selectedUserId: C,
                 initialSessionId: t,
-                initialAttributes: u,
+                initialAttributes: h,
                 onBack: F
               }
             ) })
@@ -1436,4 +1442,4 @@ function It() {
 export {
   It as default
 };
-//# sourceMappingURL=index-D9YNFPn9.js.map
+//# sourceMappingURL=index-o8Pyt1Bt.js.map