@argusoft/medplat-core 1.0.18 → 1.0.20

package/dist/index-D9YNFPn9.js

@@ -0,0 +1,1439 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { useState as f, useEffect as te, useMemo as ge } 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 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 j from "dayjs";
+import { p as ie } from "./pdfmake-Cf-381ou.js";
+import et from "@/assets/fonts/vfs_fonts";
+const Ce = (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();
+  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`;
+  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";
+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 = [
+    { 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]" }) }),
+          /* @__PURE__ */ e(
+            V,
+            {
+              title: /* @__PURE__ */ n("div", { className: "flex flex-col gap-1 text-xs", children: [
+                /* @__PURE__ */ n("div", { children: [
+                  /* @__PURE__ */ e("b", { children: "Username:" }),
+                  " ",
+                  ((o = s.parsedAttributes) == null ? void 0 : o.user_name) || "N/A"
+                ] }),
+                /* @__PURE__ */ n("div", { children: [
+                  /* @__PURE__ */ e("b", { children: "Name:" }),
+                  " ",
+                  ((D = s.parsedAttributes) == null ? void 0 : D.name) || "N/A"
+                ] }),
+                /* @__PURE__ */ n("div", { children: [
+                  /* @__PURE__ */ e("b", { children: "Role ID:" }),
+                  " ",
+                  ((E = s.parsedAttributes) == null ? void 0 : E.role_id) || "N/A"
+                ] }),
+                /* @__PURE__ */ n("div", { children: [
+                  /* @__PURE__ */ e("b", { children: "Role Name:" }),
+                  " ",
+                  ((W = s.parsedAttributes) == null ? void 0 : W.role_name) || "N/A"
+                ] }),
+                /* @__PURE__ */ n("div", { children: [
+                  /* @__PURE__ */ e("b", { children: "Role Code:" }),
+                  " ",
+                  ((J = s.parsedAttributes) == null ? void 0 : J.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: [
+                  "User ID: ",
+                  s.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",
+                  " ",
+                  (B = s.parsedAttributes) != null && B.name ? `• ${s.parsedAttributes.name}` : "",
+                  " ",
+                  (K = s.parsedAttributes) != null && K.role_code ? `(${s.parsedAttributes.role_code})` : ""
+                ] })
+              ] })
+            }
+          )
+        ] });
+      }
+    },
+    {
+      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: [
+            "IP: ",
+            ((o = s.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" }) })
+        ] });
+      }
+    },
+    {
+      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) }) })
+    },
+    {
+      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,
+        {
+          onClick: () => i(s.userId, s.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}`,
+            borderRadius: "50% !important",
+            width: 36,
+            height: 36,
+            display: "inline-flex",
+            alignItems: "center",
+            justifyContent: "center",
+            marginTop: "-4px",
+            // Slightly raise to match symmetry with last active text
+            transition: "all 0.2s ease-in-out",
+            "&:hover": {
+              backgroundColor: p.palette.primary.main,
+              color: "white",
+              transform: "scale(1.1)"
+            }
+          },
+          children: /* @__PURE__ */ e(w, { icon: je, className: "text-base" })
+        }
+      ) })
+    }
+  ];
+  async function G(s, o) {
+    var D;
+    try {
+      o && b(!0);
+      const E = {
+        limit: s.limit,
+        offset: s.offset || 0
+        // userId: manualSearchId || null
+      }, W = await ye(
+        {
+          code: "LIVE_USER_ACTIVITY",
+          parameters: E
+        },
+        { showLoader: !1 }
+      ), r = (((D = W == null ? void 0 : W.data) == null ? void 0 : D.result) || []).map((B, K) => {
+        let re = null;
+        if (B.attributes)
+          try {
+            re = JSON.parse(B.attributes);
+          } catch {
+          }
+        return {
+          ...B,
+          parsedAttributes: re,
+          index: (s.offset || 0) + K + 1
+        };
+      });
+      return o && b(!1), r;
+    } catch {
+      return X({ message: "Failed to fetch active users", type: "error" }), b(!1), [];
+    }
+  }
+  const { data: R, fetchNextPage: x, hasNextPage: N } = ve({
+    key: ["activeUsers", I],
+    queryFn: ({ pageParam: s }) => {
+      const o = !(s != null && s.offset) || (s == null ? void 0 : s.offset) === 0;
+      return G(s, o);
+    },
+    limit: A
+  });
+  te(() => {
+    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);
+  };
+  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" })
+      ] }),
+      /* @__PURE__ */ n(h, { className: "flex flex-wrap items-center gap-3 w-full md:w-auto ml-auto", children: [
+        /* @__PURE__ */ e(
+          Z,
+          {
+            size: "small",
+            placeholder: "User ID lookup...",
+            value: c,
+            onChange: (s) => M(s.target.value),
+            onKeyDown: (s) => s.key === "Enter" && $(),
+            sx: {
+              width: { xs: "100%", md: "200px" },
+              "& .MuiInputBase-root": {
+                backgroundColor: p.palette.background.paper,
+                borderRadius: "12px"
+              }
+            }
+          }
+        ),
+        /* @__PURE__ */ e(
+          fe,
+          {
+            variant: "contained",
+            color: "primary",
+            disableElevation: !0,
+            onClick: $,
+            className: "rounded-xl font-black h-10 px-4 whitespace-nowrap",
+            size: "small",
+            children: "Show Activity"
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: "h-8 w-[1px] bg-slate-300 dark:bg-slate-700 mx-1 hidden md:block" }),
+        /* @__PURE__ */ e(
+          H,
+          {
+            color: "primary",
+            onClick: () => g(),
+            className: "rounded-none border border-slate-200 dark:border-slate-800 shadow-sm",
+            sx: {
+              backgroundColor: q(p.palette.primary.main, 0.1),
+              width: 40,
+              height: 40,
+              "&:hover": { backgroundColor: p.palette.primary.main, color: "white" }
+            },
+            children: /* @__PURE__ */ e(w, { icon: Ne, className: "text-sm" })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e(
+      h,
+      {
+        className: "flex-1 overflow-hidden",
+        sx: {
+          height: "100%",
+          "& *:not(.MuiIconButton-root):not(.MuiIconButton-root *)": { borderRadius: "0px !important" },
+          // Kill every single curve locally except action buttons
+          "& .MuiTableContainer-root": { height: "100% !important", maxHeight: "100% !important" }
+        },
+        children: /* @__PURE__ */ e(
+          be,
+          {
+            id: "active-user-list",
+            columns: z,
+            tableData: T,
+            actions: null,
+            styleConfig: {
+              cellStyle: { padding: "8px 16px", height: 40, maxLines: 1 }
+            },
+            paginationConfig: {
+              pagination: !0,
+              paginationType: "infinite-scroll",
+              rowsPerPageInTable: A,
+              hasMore: t,
+              loadMore: () => t && x({ cancelRefetch: !1 })
+            },
+            isLoading: u,
+            emptyBoxText: "Silence... No active users found at the moment."
+          }
+        )
+      }
+    )
+  ] });
+}
+function at({
+  filter: i,
+  onApply: p,
+  handleOverlayState: T
+}) {
+  const { translate: d } = Se(), t = Ue(), m = t.palette.mode === "dark", [u, b] = f(i), [A, C] = 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([
+      {
+        startDate: i.startTime ? new Date(i.startTime) : /* @__PURE__ */ new Date(),
+        endDate: i.endTime ? new Date(i.endTime) : /* @__PURE__ */ new Date(),
+        key: "selection"
+      }
+    ]);
+  }, [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) => ({
+      ...o,
+      startTime: g,
+      endTime: s
+    }));
+  }, 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 }));
+  }, G = () => {
+    p(u);
+  }, R = {
+    "& .MuiInputLabel-root": {
+      color: t.palette.text.secondary,
+      fontSize: "0.85rem",
+      fontWeight: 500,
+      transform: "translate(0, -1.5px) scale(1)",
+      "&.Mui-focused": { color: t.palette.primary.main }
+    },
+    "& .MuiInputBase-root": {
+      backgroundColor: O(t.palette.text.primary, 0.05),
+      borderRadius: "12px",
+      color: t.palette.text.primary,
+      marginTop: "20px",
+      "& fieldset": {
+        borderColor: O(t.palette.text.primary, 0.1),
+        borderRadius: "12px"
+      },
+      "&:hover fieldset": { borderColor: O(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"
+    }
+  };
+  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,
+        {
+          onClick: () => C(!A),
+          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) }
+          },
+          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" })
+          ]
+        }
+      ),
+      A && /* @__PURE__ */ e(
+        h,
+        {
+          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),
+            "& .rdrCalendarWrapper": {
+              backgroundColor: t.palette.background.paper,
+              color: t.palette.text.primary
+            },
+            "& .rdrDateDisplayWrapper": {
+              backgroundColor: O(t.palette.text.primary, 0.05)
+            },
+            "& .rdrMonthAndYearWrapper": {
+              color: t.palette.text.primary
+            },
+            "& .rdrMonthName": {
+              color: t.palette.text.primary
+            },
+            "& .rdrDayNumber span": {
+              color: t.palette.text.primary
+            },
+            "& .rdrDayDisabled": {
+              backgroundColor: "transparent",
+              "& .rdrDayNumber span": {
+                color: O(t.palette.text.primary, 0.25)
+              }
+            },
+            "& .rdrDayPassive": {
+              "& .rdrDayNumber span": {
+                color: O(t.palette.text.primary, 0.3)
+              }
+            }
+          },
+          children: /* @__PURE__ */ e(
+            Ze,
+            {
+              editableDateInputs: !1,
+              onChange: c,
+              moveRangeOnFirstSelection: !1,
+              ranges: I,
+              rangeColors: [t.palette.primary.main]
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ n(h, { className: "flex flex-col gap-4 pt-2", children: [
+      /* @__PURE__ */ e(
+        Z,
+        {
+          label: d("Session ID"),
+          placeholder: d("e.g. E561890..."),
+          value: u.sessionId || "",
+          onChange: (x) => z("sessionId", x.target.value),
+          fullWidth: !0,
+          size: "small",
+          slotProps: { inputLabel: { shrink: !0 } },
+          sx: R
+        }
+      ),
+      /* @__PURE__ */ n(ze, { fullWidth: !0, size: "small", sx: R, children: [
+        /* @__PURE__ */ e(Ee, { shrink: !0, children: d("HTTP Method") }),
+        /* @__PURE__ */ n(
+          We,
+          {
+            value: u.httpMethod || "",
+            onChange: (x) => z("httpMethod", x.target.value),
+            label: d("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,
+        {
+          label: d("Resource Path"),
+          placeholder: "/api/v1/...",
+          value: u.resource || "",
+          onChange: (x) => z("resource", x.target.value),
+          fullWidth: !0,
+          size: "small",
+          slotProps: { inputLabel: { shrink: !0 } },
+          sx: R
+        }
+      ),
+      /* @__PURE__ */ e(
+        Z,
+        {
+          label: d("Response Code"),
+          placeholder: "200",
+          value: u.responseCode || "",
+          onChange: (x) => z("responseCode", x.target.value),
+          fullWidth: !0,
+          size: "small",
+          type: "number",
+          slotProps: { inputLabel: { shrink: !0 } },
+          sx: R
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(h, { className: "flex justify-stretch mt-4", children: /* @__PURE__ */ e(
+      fe,
+      {
+        variant: "contained",
+        onClick: G,
+        fullWidth: !0,
+        startIcon: /* @__PURE__ */ e(w, { icon: me }),
+        sx: {
+          backgroundColor: t.palette.primary.main,
+          height: "45px",
+          borderRadius: "12px",
+          fontWeight: "bold",
+          textTransform: "uppercase",
+          letterSpacing: "1px",
+          "&:hover": { backgroundColor: t.palette.primary.dark }
+        },
+        children: d("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({
+    sortBy: "timestamp",
+    sortOrder: "desc"
+  }), [o, D] = f({
+    startTime: null,
+    endTime: null,
+    sessionId: p || 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)
+        try {
+          return JSON.parse(a.attributes);
+        } catch {
+        }
+    }
+    return T || {};
+  }, [T, m]);
+  te(() => {
+    M(i), z((i == null ? void 0 : i.toString()) || ""), p && D((a) => ({ ...a, sessionId: p }));
+  }, [i, p]);
+  const B = () => {
+    if (!$.trim()) {
+      X({ 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" });
+      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 = () => {
+    D({
+      startTime: null,
+      endTime: null,
+      sessionId: null,
+      httpMethod: null,
+      resource: null,
+      responseCode: null
+    }), R(!1);
+  }, Te = ge(() => {
+    const a = [
+      { field: "Sr. No.", label: "#", align: "left", width: "60px" },
+      {
+        field: "timestamp",
+        label: "TIMESTAMP",
+        sortable: !0,
+        sortOrder: g.sortBy === "timestamp" ? g.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") })
+        ] }) })
+      }
+    ];
+    return o.sessionId || a.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(
+      {
+        field: "http_method",
+        label: "METHOD",
+        sortable: !0,
+        sortOrder: g.sortBy === "http_method" ? g.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" })
+      },
+      {
+        field: "resource",
+        label: "RESOURCE ACCESSED",
+        sortable: !0,
+        sortOrder: g.sortBy === "resource" ? g.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: _ })
+            ] }),
+            l.query_params && /* @__PURE__ */ e(S, { variant: "caption", className: "block font-mono opacity-50 truncate max-w-md", children: l.query_params })
+          ] });
+          return l.query_params ? /* @__PURE__ */ e(V, { title: l.query_params, arrow: !0, placement: "top", children: L }) : L;
+        }
+      },
+      {
+        field: "response_code",
+        label: "STATUS",
+        sortable: !0,
+        sortOrder: g.sortBy === "response_code" ? g.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,
+            {
+              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)
+              },
+              children: [
+                /* @__PURE__ */ e(
+                  h,
+                  {
+                    component: "span",
+                    className: `w-1.5 h-1.5 rounded-full mr-2 ${U ? "bg-emerald-500 animate-pulse" : "bg-red-500"}`
+                  }
+                ),
+                v
+              ]
+            }
+          ) });
+        }
+      }
+    ), i && !o.sessionId && a.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,
+        {
+          onClick: () => D((v) => ({ ...v, sessionId: l.session_id })),
+          sx: { color: t.palette.secondary.main },
+          children: /* @__PURE__ */ e(w, { icon: He, className: "text-base" })
+        }
+      ) })
+    }), a;
+  }, [t, g, i, o.sessionId]);
+  async function Ie(a, l) {
+    var v;
+    try {
+      if (!c && !o.sessionId) return [];
+      l && I(!0);
+      const U = {
+        limit: a.limit,
+        offset: a.offset || 0,
+        userId: c,
+        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(
+        {
+          code: "GET_USER_ACTIVITY_BY_ID",
+          parameters: U
+        },
+        { 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
+      }));
+      return l && I(!1), L;
+    } catch {
+      return X({ message: "Failed to fetch user activities", type: "error" }), I(!1), [];
+    }
+  }
+  const { data: ae, fetchNextPage: De, hasNextPage: xe } = ve({
+    key: [
+      "userActivity",
+      c,
+      o.startTime,
+      o.endTime,
+      o.sessionId,
+      o.httpMethod,
+      o.resource,
+      o.responseCode,
+      g,
+      x
+    ],
+    queryFn: ({ pageParam: a }) => {
+      const l = !(a != null && a.offset) || (a == null ? void 0 : a.offset) === 0;
+      return Ie(a, l);
+    },
+    limit: F,
+    enabled: !!c || !!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 () => {
+    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;
+      }).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) => {
+        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"
+        };
+        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({
+        Roboto: {
+          normal: "Roboto-Regular.ttf",
+          bold: "Roboto-Medium.ttf",
+          italics: "Roboto-Regular.ttf",
+          bolditalics: "Roboto-Regular.ttf"
+        },
+        MuktaVaani: {
+          normal: "MuktaVaani-Regular.ttf",
+          bold: "MuktaVaani-Regular.ttf",
+          italics: "MuktaVaani-Regular.ttf",
+          bolditalics: "MuktaVaani-Regular.ttf"
+        }
+      });
+      const Y = (y) => /[\u0A80-\u0AFF]/.test(y), oe = [
+        {
+          text: "USER ACTIVITY TRACE REPORT",
+          fontSize: 12,
+          bold: !0,
+          alignment: "center",
+          margin: [0, 2],
+          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"}`,
+          fontSize: 8.5,
+          alignment: "center",
+          margin: [0, 1],
+          font: "Roboto"
+        },
+        {
+          text: `Name: ${(r == null ? void 0 : r.name) || "N/A"} | Role ID: ${(r == null ? void 0 : r.role_id) || "N/A"} | Role Name: ${(r == null ? void 0 : r.role_name) || "N/A"} | Role Code: ${(r == null ? void 0 : r.role_code) || "N/A"}`,
+          fontSize: 8.5,
+          alignment: "center",
+          margin: [0, 1],
+          font: "Roboto"
+        },
+        {
+          text: `IP Address: ${(r == null ? void 0 : r.ip) || "N/A"} | Server Instance: ${window.location.hostname || "N/A"}`,
+          fontSize: 8.5,
+          alignment: "center",
+          margin: [0, 1],
+          font: "Roboto"
+        },
+        {
+          text: `User Agent: ${(r == null ? void 0 : r.user_agent) || (r == null ? void 0 : r.userAgent) || "N/A"}` + (o.sessionId ? ` | Session ID: ${o.sessionId}` : ""),
+          fontSize: 8,
+          alignment: "center",
+          margin: [0, 1],
+          font: "Roboto"
+        }
+      ], de = ["S.No", ...v], Re = U.map((y, 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)");
+          return {
+            text: se,
+            fontSize: 8,
+            bold: _e ? !0 : void 0,
+            font: Y(se) ? "MuktaVaani" : "Roboto"
+          };
+        })
+      ]), Me = {
+        pageOrientation: "landscape",
+        content: [
+          ...oe,
+          {
+            table: {
+              headerRows: 1,
+              widths: L,
+              body: [
+                de.map((y) => ({
+                  text: y,
+                  fillColor: "#243a50",
+                  color: "#ffffff",
+                  bold: !0,
+                  fontSize: 8.5
+                })),
+                ...Re
+              ]
+            },
+            layout: {
+              fillColor: (y) => y === 0 ? "#243a50" : null,
+              hLineWidth: () => 0.1,
+              vLineWidth: () => 0.1
+            },
+            margin: [0, 8]
+          }
+        ],
+        footer: (y, P) => ({
+          text: `Page ${y} of ${P} | User Activity Trace`,
+          alignment: "left",
+          margin: [14, 0],
+          fontSize: 7,
+          font: "Roboto"
+        }),
+        header: {
+          text: `User Activity Trace (${m.length} records)`,
+          alignment: "left",
+          margin: [14, 8],
+          fontSize: 8,
+          font: "Roboto"
+        },
+        defaultStyle: {
+          font: "MuktaVaani"
+        }
+      };
+      ie.createPdf(Me).download(_);
+    } catch {
+      X({ 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 = [
+      ["USER ACTIVITY TRACE REPORT"],
+      [`User ID: ${c || (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"})`],
+      [`IP Address: ${(r == null ? void 0 : r.ip) || "N/A"}`],
+      [`User Agent: ${(r == null ? void 0 : r.user_agent) || (r == null ? void 0 : r.userAgent) || "N/A"}`],
+      ...o.sessionId ? [[`Session ID: ${o.sessionId}`]] : [],
+      [`Server Instance: ${window.location.hostname || "N/A"}`],
+      [],
+      // blank row separator
+      // Table headers
+      l
+    ];
+    m.forEach((_) => {
+      const L = [
+        j(_.timestamp).format("DD/MM/YYYY"),
+        j(_.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);
+    });
+    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`);
+  };
+  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: [
+        /* @__PURE__ */ e(
+          H,
+          {
+            onClick: d,
+            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" })
+          }
+        ),
+        /* @__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: [
+            "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(
+              "span",
+              {
+                ref: (a) => {
+                  a && a.style.setProperty("border-radius", "50%", "important");
+                },
+                onClick: () => W(!0),
+                className: "cursor-pointer inline-flex items-center justify-center",
+                style: {
+                  width: "15px",
+                  height: "15px",
+                  border: `1.5px solid ${t.palette.primary.main}`,
+                  color: t.palette.primary.main,
+                  fontSize: "8px",
+                  fontWeight: "bold",
+                  lineHeight: 1,
+                  display: "inline-flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  verticalAlign: "middle"
+                },
+                children: /* @__PURE__ */ e(w, { icon: Ge })
+              }
+            ) })
+          ] }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ n(h, { className: "flex flex-wrap items-center gap-3 ml-auto", children: [
+        /* @__PURE__ */ e(
+          Z,
+          {
+            size: "small",
+            placeholder: "Search by User ID...",
+            value: $,
+            onChange: (a) => z(a.target.value),
+            onKeyDown: (a) => a.key === "Enter" && B(),
+            sx: {
+              width: { xs: "100%", md: "200px" },
+              "& .MuiInputBase-root": {
+                backgroundColor: t.palette.background.paper,
+                borderRadius: "12px"
+              }
+            },
+            InputProps: {
+              endAdornment: /* @__PURE__ */ e(Le, { position: "end", children: /* @__PURE__ */ e(H, { size: "small", onClick: B, color: "primary", children: /* @__PURE__ */ e(w, { 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(
+            "button",
+            {
+              disabled: C,
+              onClick: we,
+              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" }),
+                "Pdf"
+              ]
+            }
+          ),
+          /* @__PURE__ */ n(
+            "button",
+            {
+              disabled: C,
+              onClick: Ae,
+              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" }),
+                "Excel"
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(
+          H,
+          {
+            color: "primary",
+            onClick: ce,
+            className: "rounded-xl border border-slate-200 dark:border-slate-800 shadow-sm",
+            sx: {
+              backgroundColor: q(t.palette.primary.main, 0.1),
+              width: 40,
+              height: 40,
+              "&:hover": { backgroundColor: t.palette.primary.main, color: "white" }
+            },
+            children: /* @__PURE__ */ e(w, { icon: Qe, className: "text-sm" })
+          }
+        ),
+        /* @__PURE__ */ e(
+          H,
+          {
+            color: "primary",
+            onClick: K,
+            className: "rounded-xl border border-slate-200 dark:border-slate-800 shadow-sm",
+            sx: {
+              backgroundColor: q(t.palette.primary.main, 0.1),
+              width: 40,
+              height: 40,
+              "&:hover": { backgroundColor: t.palette.primary.main, color: "white" }
+            },
+            children: /* @__PURE__ */ e(w, { icon: Ne, className: "text-sm" })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e(
+      h,
+      {
+        className: "flex-1 overflow-hidden relative",
+        sx: {
+          height: "100%",
+          "& *": { borderRadius: "0px !important" },
+          // 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" })
+        ] }) : /* @__PURE__ */ e(
+          be,
+          {
+            id: "user-activity-detail-list",
+            columns: Te,
+            tableData: m,
+            paginationConfig: {
+              pagination: !0,
+              paginationType: "infinite-scroll",
+              rowsPerPageInTable: F,
+              hasMore: b,
+              loadMore: () => b && De({ cancelRefetch: !1 })
+            },
+            styleConfig: {
+              cellStyle: { padding: "8px 16px", height: 40, maxLines: 1 }
+            },
+            isLoading: C,
+            handleSort: re,
+            emptyBoxText: "Activity for this User ID doesn't exist in our logs.",
+            getActions: () => []
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e(
+      Xe,
+      {
+        title: "Activity Filters",
+        resetButtonLabel: "Reset",
+        onResetClick: ke,
+        FormBody: at,
+        handleOverlayState: ce,
+        overlayOpen: G,
+        dataTestId: "user-activity-filter",
+        ModalProps: {
+          sx: {
+            "& .MuiDrawer-paper": {
+              backgroundColor: t.palette.background.paper,
+              color: t.palette.text.primary,
+              "& .p-2\\.5": {
+                backgroundColor: t.palette.background.paper,
+                borderBottom: `1px solid ${t.palette.divider}`,
+                color: t.palette.primary.main,
+                fontWeight: "bold",
+                letterSpacing: "1px"
+              }
+            }
+          }
+        },
+        formProps: {
+          filter: o,
+          onApply: he,
+          handleOverlayState: ce
+        }
+      }
+    ),
+    /* @__PURE__ */ n(
+      Oe,
+      {
+        open: E,
+        onClose: () => W(!1),
+        maxWidth: "sm",
+        fullWidth: !0,
+        PaperProps: {
+          sx: {
+            borderRadius: "16px",
+            boxShadow: "0 10px 30px rgba(0,0,0,0.15)",
+            backgroundImage: "none",
+            backgroundColor: t.palette.background.paper,
+            color: t.palette.text.primary
+          }
+        },
+        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,
+            {
+              variant: "h6",
+              style: {
+                color: t.palette.text.primary,
+                fontWeight: 900
+              },
+              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(
+                "span",
+                {
+                  style: {
+                    color: t.palette.text.secondary,
+                    fontWeight: 700,
+                    fontSize: "11.5px",
+                    textTransform: "uppercase",
+                    letterSpacing: "0.05em"
+                  },
+                  children: "User ID"
+                }
+              ),
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  style: {
+                    color: t.palette.text.primary,
+                    fontWeight: 800,
+                    fontSize: "14px"
+                  },
+                  children: c || r.user_id || "N/A"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ n("div", { className: "flex flex-col gap-0.5", children: [
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  style: {
+                    color: t.palette.text.secondary,
+                    fontWeight: 700,
+                    fontSize: "11.5px",
+                    textTransform: "uppercase",
+                    letterSpacing: "0.05em"
+                  },
+                  children: "Username"
+                }
+              ),
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  style: {
+                    color: t.palette.text.primary,
+                    fontWeight: 800,
+                    fontSize: "14px"
+                  },
+                  children: r.user_name || "N/A"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ n("div", { className: "flex flex-col gap-0.5", children: [
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  style: {
+                    color: t.palette.text.secondary,
+                    fontWeight: 700,
+                    fontSize: "11.5px",
+                    textTransform: "uppercase",
+                    letterSpacing: "0.05em"
+                  },
+                  children: "Full Name"
+                }
+              ),
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  style: {
+                    color: t.palette.text.primary,
+                    fontWeight: 800,
+                    fontSize: "14px"
+                  },
+                  children: r.name || "N/A"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ n("div", { className: "flex flex-col gap-0.5", children: [
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  style: {
+                    color: t.palette.text.secondary,
+                    fontWeight: 700,
+                    fontSize: "11.5px",
+                    textTransform: "uppercase",
+                    letterSpacing: "0.05em"
+                  },
+                  children: "Role Name"
+                }
+              ),
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  style: {
+                    color: t.palette.text.primary,
+                    fontWeight: 800,
+                    fontSize: "14px"
+                  },
+                  children: r.role_name || "N/A"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ n("div", { className: "flex flex-col gap-0.5", children: [
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  style: {
+                    color: t.palette.text.secondary,
+                    fontWeight: 700,
+                    fontSize: "11.5px",
+                    textTransform: "uppercase",
+                    letterSpacing: "0.05em"
+                  },
+                  children: "Role ID"
+                }
+              ),
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  style: {
+                    color: t.palette.text.primary,
+                    fontWeight: 800,
+                    fontSize: "14px"
+                  },
+                  children: r.role_id || "N/A"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ n("div", { className: "flex flex-col gap-0.5", children: [
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  style: {
+                    color: t.palette.text.secondary,
+                    fontWeight: 700,
+                    fontSize: "11.5px",
+                    textTransform: "uppercase",
+                    letterSpacing: "0.05em"
+                  },
+                  children: "Role Code"
+                }
+              ),
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  style: {
+                    color: t.palette.text.primary,
+                    fontWeight: 800,
+                    fontSize: "14px"
+                  },
+                  children: r.role_code || "N/A"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ n("div", { className: "flex flex-col gap-0.5", children: [
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  style: {
+                    color: t.palette.text.secondary,
+                    fontWeight: 700,
+                    fontSize: "11.5px",
+                    textTransform: "uppercase",
+                    letterSpacing: "0.05em"
+                  },
+                  children: "IP Address"
+                }
+              ),
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  style: {
+                    color: t.palette.text.primary,
+                    fontWeight: 800,
+                    fontSize: "14px"
+                  },
+                  children: r.ip || "N/A"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ n("div", { className: "flex flex-col gap-0.5", children: [
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  style: {
+                    color: t.palette.text.secondary,
+                    fontWeight: 700,
+                    fontSize: "11.5px",
+                    textTransform: "uppercase",
+                    letterSpacing: "0.05em"
+                  },
+                  children: "Server Instance"
+                }
+              ),
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  style: {
+                    color: t.palette.text.primary,
+                    fontWeight: 800,
+                    fontSize: "14px"
+                  },
+                  children: window.location.hostname || "N/A"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ n("div", { className: "flex flex-col gap-0.5 md:col-span-2", children: [
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  style: {
+                    color: t.palette.text.secondary,
+                    fontWeight: 700,
+                    fontSize: "11.5px",
+                    textTransform: "uppercase",
+                    letterSpacing: "0.05em"
+                  },
+                  children: "User Agent"
+                }
+              ),
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  className: "text-xs font-mono break-all leading-relaxed",
+                  style: {
+                    color: t.palette.text.primary,
+                    fontWeight: 800
+                  },
+                  children: r.user_agent || r.userAgent || "N/A"
+                }
+              )
+            ] }),
+            (o.sessionId || r.session_id || r.sessionId) && /* @__PURE__ */ n("div", { className: "flex flex-col gap-0.5 md:col-span-2", children: [
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  style: {
+                    color: t.palette.text.secondary,
+                    fontWeight: 700,
+                    fontSize: "11.5px",
+                    textTransform: "uppercase",
+                    letterSpacing: "0.05em"
+                  },
+                  children: "Session ID"
+                }
+              ),
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  className: "text-xs font-mono break-all",
+                  style: {
+                    color: t.palette.text.primary,
+                    fontWeight: 800
+                  },
+                  children: o.sessionId || r.session_id || r.sessionId
+                }
+              )
+            ] })
+          ] }) }),
+          /* @__PURE__ */ e(Pe, { className: "border-t border-slate-200 dark:border-slate-800 px-6 py-3", children: /* @__PURE__ */ e(
+            fe,
+            {
+              onClick: () => W(!1),
+              variant: "contained",
+              sx: {
+                borderRadius: "8px",
+                textTransform: "none"
+              },
+              children: "Close"
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
+}
+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), $)
+        try {
+          b(JSON.parse(decodeURIComponent($)));
+        } catch {
+        }
+      C("detail");
+    }
+  }, [p.search]);
+  const I = (c, M = null) => {
+    d(c), m(null), b(M), C("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");
+  };
+  return /* @__PURE__ */ n(
+    h,
+    {
+      id: "activity-analytics-root",
+      className: "w-full h-full flex flex-col p-4 bg-[var(--color-gray4)] dark:bg-[#0f172a]",
+      children: [
+        /* @__PURE__ */ e("style", { children: `
+        #activity-analytics-root *, 
+        #activity-analytics-root .MuiTableContainer-root, 
+        #activity-analytics-root .MuiPaper-root,
+        #activity-analytics-root [class*="rounded-"] { 
+          border-radius: 0px !important; 
+        }
+      ` }),
+        /* @__PURE__ */ e(
+          h,
+          {
+            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(
+              ot,
+              {
+                selectedUserId: T,
+                initialSessionId: t,
+                initialAttributes: u,
+                onBack: F
+              }
+            ) })
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  It as default
+};
+//# sourceMappingURL=index-D9YNFPn9.js.map