ahs-cti 0.0.2-beta.9 → 0.0.2

package/dist/agentDetailReport-XSBMOUMW.mjs

@@ -0,0 +1,12 @@
+import {
+  agentDetailReport_default
+} from "./chunk-G6KDIN5W.mjs";
+import "./chunk-JOZ4YQMR.mjs";
+import "./chunk-HBR2JS4C.mjs";
+import "./chunk-6ICPXSN6.mjs";
+import "./chunk-O2XGWZLT.mjs";
+import "./chunk-VQCHBU2Q.mjs";
+export {
+  agentDetailReport_default as default
+};
+//# sourceMappingURL=agentDetailReport-XSBMOUMW.mjs.map

package/dist/agentDetailReport-XSBMOUMW.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/agentPerformanceReport-UT6QZWYD.mjs

@@ -0,0 +1,533 @@
+import {
+  ReportFilterBar,
+  SearchBar,
+  headCellSx,
+  reportBodyCellSx,
+  sortLabelSx
+} from "./chunk-CXULBAK6.mjs";
+import {
+  SDKPermissionGuard
+} from "./chunk-GGACEO3I.mjs";
+import {
+  agentDetailReport_default
+} from "./chunk-G6KDIN5W.mjs";
+import {
+  PageHeader
+} from "./chunk-JOZ4YQMR.mjs";
+import {
+  AppButton
+} from "./chunk-HBR2JS4C.mjs";
+import {
+  SDKProvider
+} from "./chunk-6ICPXSN6.mjs";
+import {
+  END_POINT,
+  SDK_PERMISSIONS,
+  axios_default
+} from "./chunk-O2XGWZLT.mjs";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-VQCHBU2Q.mjs";
+
+// call-control-sdk/lib/pages/agentPerformanceReport/index.tsx
+import { useState as useState2, useEffect, useCallback as useCallback2, useMemo, useRef } from "react";
+import {
+  Box,
+  Paper,
+  Table,
+  TableBody,
+  TableCell,
+  TableContainer,
+  TableHead,
+  TableRow,
+  TableSortLabel,
+  TablePagination,
+  CircularProgress,
+  Alert,
+  Stack,
+  IconButton
+} from "@mui/material";
+import FileDownloadIcon from "@mui/icons-material/FileDownload";
+import RefreshIcon from "@mui/icons-material/Refresh";
+import VisibilityIcon from "@mui/icons-material/Visibility";
+import dayjs from "dayjs";
+import isoWeek from "dayjs/plugin/isoWeek";
+import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
+import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
+
+// call-control-sdk/lib/pages/agentPerformanceReport/useAgentPerformanceReport.ts
+import { useCallback, useState } from "react";
+function fmtSecs(s) {
+  if (!s || s <= 0) return "00:00:00";
+  const h = Math.floor(s / 3600);
+  const m = Math.floor(s % 3600 / 60);
+  const sc = Math.floor(s % 60);
+  return [h, m, sc].map((x) => String(x).padStart(2, "0")).join(":");
+}
+function validateReportPayload(payload) {
+  if (!payload.startDate || !payload.startTime) return { isValid: false, error: "Start date/time required" };
+  if (!payload.endDate || !payload.endTime) return { isValid: false, error: "End date/time required" };
+  if (!payload.loginUsersOnly && !payload.agents) return { isValid: false, error: "Select at least one agent" };
+  return { isValid: true };
+}
+function mapAgentPerfRow(a) {
+  var _a;
+  return {
+    agentDetails: { agentId: a.agentId, fullName: a.fullName, process: a.processName, queueNames: a.queueNames },
+    calls: { totalCalls: a.totalCalls, answered: a.answeredCalls, missed: a.missedCalls },
+    inCalls: { total: a.inCalls },
+    outCalls: { total: a.outCalls },
+    average: { holdTime: fmtSecs(a.holdTimeSeconds), wrapUp: fmtSecs(a.wrapupSeconds), aht: fmtSecs(a.ahtSeconds), ringing: "00:00:00", dialing: "00:00:00" },
+    loginDetails: { loggedInDuration: fmtSecs(a.loginDurationSeconds), talkTime: fmtSecs(a.talkTimeSeconds), idleTime: fmtSecs(a.idleTimeSeconds) },
+    breaks: { shortBreak: fmtSecs(a.breakTimeSeconds), breakCount: a.breakCount, lunch: "00:00:00", tea: "00:00:00", training: "00:00:00", meeting: "00:00:00" },
+    loginStats: { firstLogin: a.firstLoginTime || "", noOfLogins: 0 },
+    adherence: { pct: (_a = a.adherencePct) != null ? _a : null }
+  };
+}
+async function getUserPerformanceReportPaged(payload) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const params = {
+    start_date: payload.startDate,
+    end_date: payload.endDate,
+    agent_id: payload.agents,
+    queue_id: payload.queueIds && payload.queueIds.length > 0 ? payload.queueIds : void 0,
+    page: (_a = payload.page) != null ? _a : 1,
+    pageSize: (_b = payload.pageSize) != null ? _b : 10,
+    search: payload.search
+  };
+  const res = await axios_default.get(
+    `${END_POINT.AGENT_PERFORMANCE_REPORT}${buildQs(params)}`
+  );
+  const data = res.data;
+  const agentsPage = data == null ? void 0 : data.agents;
+  const rawRows = Array.isArray(agentsPage) ? agentsPage : Array.isArray(agentsPage == null ? void 0 : agentsPage.data) ? agentsPage.data : [];
+  const rows = rawRows.map(mapAgentPerfRow);
+  const total = (_h = (_g = (_e = (_c = agentsPage == null ? void 0 : agentsPage.total) != null ? _c : data == null ? void 0 : data.total) != null ? _e : (_d = data == null ? void 0 : data.pagination) == null ? void 0 : _d.total) != null ? _g : (_f = data == null ? void 0 : data.summary) == null ? void 0 : _f.agentsLoggedIn) != null ? _h : rows.length;
+  return { rows, total };
+}
+async function fetchQueues() {
+  var _a;
+  const res = await axios_default.get(END_POINT.MASTER_QUEUES);
+  if (Array.isArray(res.data)) return res.data;
+  if (Array.isArray((_a = res.data) == null ? void 0 : _a.data)) return res.data.data;
+  return [];
+}
+async function fetchProcesses() {
+  var _a;
+  const res = await axios_default.get(END_POINT.MASTER_PROCESS);
+  if (Array.isArray(res.data)) return res.data;
+  if (Array.isArray((_a = res.data) == null ? void 0 : _a.data)) return res.data.data;
+  return [];
+}
+function buildQs(params) {
+  const qs = new URLSearchParams();
+  if (params.start_date) qs.append("start_date", params.start_date);
+  if (params.end_date) qs.append("end_date", params.end_date);
+  if (params.agent_id) for (const id of params.agent_id) qs.append("agent_id", id);
+  if (params.queue_id) for (const id of params.queue_id) qs.append("queue_id", String(id));
+  if (params.process_id) for (const id of params.process_id) qs.append("process_id", String(id));
+  if (params.top_n) qs.append("top_n", String(params.top_n));
+  if (params.search) qs.append("search", params.search);
+  if (params.page) qs.append("page", String(params.page));
+  if (params.pageSize) qs.append("pageSize", String(params.pageSize));
+  const str = qs.toString();
+  return str ? `?${str}` : "";
+}
+async function exportAgentPerformanceToExcel(params) {
+  var _a;
+  const res = await axios_default.get(
+    `${END_POINT.AGENT_PERFORMANCE_REPORT_EXPORT_EXCEL}${buildQs(params)}`,
+    { responseType: "blob" }
+  );
+  const url = URL.createObjectURL(new Blob([res.data]));
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = `agent-performance-${(_a = params.start_date) != null ? _a : "export"}.xlsx`;
+  a.click();
+  URL.revokeObjectURL(url);
+}
+
+// call-control-sdk/lib/pages/agentPerformanceReport/index.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+dayjs.extend(isoWeek);
+var C = {
+  navy: "#0d2a56",
+  blue: "#1565c8",
+  green: "#0a9a62",
+  amber: "#c47c00",
+  red: "#cc2a2a",
+  purple: "#6b3fbf",
+  teal: "#0b7a8f",
+  bg: "transparent",
+  surface: "#fff",
+  s2: "#f7f9fc",
+  s3: "#eef2f7",
+  b1: "rgba(20,50,100,.07)",
+  b2: "rgba(20,50,100,.13)",
+  t1: "#0d1e35",
+  t2: "#364f6e",
+  t3: "#7a93b5",
+  t4: "#bccad9",
+  blt: "#e8f0fc",
+  glt: "#e4f6ef",
+  alt: "#fdf3e0",
+  rlt: "#fde8e8",
+  plt: "#f0eafa",
+  tlt: "#e3f4f7"
+};
+function parseDur(d) {
+  if (!d || d === "00:00:00") return 0;
+  const p = d.split(":").map(Number);
+  if (p.length === 3) return p[0] * 3600 + p[1] * 60 + p[2];
+  if (p.length === 2) return p[0] * 60 + p[1];
+  return 0;
+}
+function fmtDur(s) {
+  if (!s || s <= 0) return "00:00:00";
+  const h = Math.floor(s / 3600);
+  const m = Math.floor(s % 3600 / 60);
+  const sc = Math.floor(s % 60);
+  return [h, m, sc].map((x) => String(x).padStart(2, "0")).join(":");
+}
+function getVal(row, key) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B;
+  switch (key) {
+    case "id":
+      return ((_a = row.agentDetails) == null ? void 0 : _a.agentId) || "";
+    case "name":
+      return ((_b = row.agentDetails) == null ? void 0 : _b.fullName) || "";
+    case "process":
+      return ((_c = row.agentDetails) == null ? void 0 : _c.process) || "";
+    case "queue":
+      return ((_d = row.agentDetails) == null ? void 0 : _d.queueNames) || "";
+    case "total":
+      return (_f = (_e = row.calls) == null ? void 0 : _e.totalCalls) != null ? _f : 0;
+    case "ans":
+      return (_h = (_g = row.calls) == null ? void 0 : _g.answered) != null ? _h : 0;
+    case "miss":
+      return (_j = (_i = row.calls) == null ? void 0 : _i.missed) != null ? _j : 0;
+    case "inTotal":
+      return (_l = (_k = row.inCalls) == null ? void 0 : _k.total) != null ? _l : 0;
+    case "outTotal":
+      return (_n = (_m = row.outCalls) == null ? void 0 : _m.total) != null ? _n : 0;
+    case "aht":
+      return parseDur(((_o = row.average) == null ? void 0 : _o.aht) || "00:00:00");
+    case "loginDur":
+      return parseDur(((_p = row.loginDetails) == null ? void 0 : _p.loggedInDuration) || "00:00:00");
+    case "talk":
+      return parseDur(((_q = row.loginDetails) == null ? void 0 : _q.talkTime) || "00:00:00");
+    case "hold":
+      return parseDur(((_r = row.average) == null ? void 0 : _r.holdTime) || "00:00:00");
+    case "wrapup":
+      return parseDur(((_s = row.average) == null ? void 0 : _s.wrapUp) || "00:00:00");
+    case "breakTime":
+      return parseDur(((_t = row.breaks) == null ? void 0 : _t.lunch) || "00:00:00") + parseDur(((_u = row.breaks) == null ? void 0 : _u.tea) || "00:00:00") + parseDur(((_v = row.breaks) == null ? void 0 : _v.training) || "00:00:00") + parseDur(((_w = row.breaks) == null ? void 0 : _w.meeting) || "00:00:00") + parseDur(((_x = row.breaks) == null ? void 0 : _x.shortBreak) || "00:00:00");
+    case "idle":
+      return parseDur(((_y = row.loginDetails) == null ? void 0 : _y.idleTime) || "00:00:00");
+    case "adherence":
+      return (_A = (_z = row.adherence) == null ? void 0 : _z.pct) != null ? _A : null;
+    case "firstLogin":
+      return ((_B = row.loginStats) == null ? void 0 : _B.firstLogin) || "";
+    default:
+      return "";
+  }
+}
+var COLUMNS = [
+  { key: "id", label: "User ID", group: "Agent" },
+  { key: "name", label: "Full Name", group: "Agent" },
+  { key: "queue", label: "Queues", group: "Agent" },
+  { key: "total", label: "Total Calls", group: "Calls", align: "right" },
+  { key: "ans", label: "Answered", group: "Calls", align: "right" },
+  { key: "miss", label: "Missed", group: "Calls", align: "right" },
+  { key: "inTotal", label: "Inbound", group: "Calls", align: "right" },
+  { key: "outTotal", label: "Outbound", group: "Calls", align: "right" },
+  { key: "aht", label: "AHT", group: "Time", align: "right" },
+  { key: "loginDur", label: "Login Dur", group: "Time", align: "right" },
+  { key: "talk", label: "Talk Time", group: "Time", align: "right" },
+  { key: "hold", label: "Hold Time", group: "Time", align: "right" },
+  { key: "wrapup", label: "Wrapup Time", group: "Time", align: "right" },
+  { key: "breakTime", label: "Break Time", group: "Breaks", align: "right" },
+  { key: "idle", label: "Idle Time", group: "Time", align: "right" },
+  { key: "firstLogin", label: "First Login", group: "Login" },
+  { key: "adherence", label: "Adherence %", group: "Agent", align: "right" }
+];
+function AgentPerformanceReportContent() {
+  const [startDate, setStartDate] = useState2(dayjs().startOf("day"));
+  const [endDate, setEndDate] = useState2(dayjs());
+  const [quickRange, setQuickRange] = useState2("today");
+  const [selectedUsers, setSelectedUsers] = useState2([]);
+  const [isAllUsersSelected, setIsAllUsersSelected] = useState2(false);
+  const [processes, setProcesses] = useState2([]);
+  const [process, setProcess] = useState2("");
+  const [search, setSearch] = useState2("");
+  const [loginUsersOnly] = useState2(true);
+  const [queues, setQueues] = useState2([]);
+  const [selectedQueues, setSelectedQueues] = useState2([]);
+  const [data, setData] = useState2([]);
+  const [loading, setLoading] = useState2(false);
+  const [error, setError] = useState2("");
+  const [selectedAgent, setSelectedAgent] = useState2(null);
+  const [orderBy, setOrderBy] = useState2("total");
+  const [order, setOrder] = useState2("desc");
+  const [page, setPage] = useState2(0);
+  const [rowsPerPage, setRowsPerPage] = useState2(10);
+  const [totalCount, setTotalCount] = useState2(-1);
+  const [visibleCols] = useState2(new Set(COLUMNS.map((c) => c.key)));
+  const [debouncedSearch, setDebouncedSearch] = useState2("");
+  const debounceRef = useRef(void 0);
+  useEffect(() => {
+    debounceRef.current = setTimeout(() => setDebouncedSearch(search.trim()), 400);
+    return () => clearTimeout(debounceRef.current);
+  }, [search]);
+  useEffect(() => {
+    fetchProcesses().then((p) => {
+      const mapped = p.map((x) => ({ label: x.name, value: x.name }));
+      setProcesses(mapped);
+      if (mapped.length) setProcess(mapped[0].value);
+    }).catch(() => {
+    });
+    fetchQueues().then((data2) => setQueues(data2 || [])).catch(() => {
+    });
+  }, []);
+  const handleQuickRangeChange = (range) => {
+    setQuickRange(range);
+  };
+  const handleRefresh = () => {
+    if (quickRange === "today" || quickRange === "week" || quickRange === "month") {
+      const now = dayjs();
+      let sd = now.startOf("day");
+      const ed = now;
+      if (quickRange === "week") sd = now.startOf("week").startOf("day");
+      else if (quickRange === "month") sd = now.startOf("month").startOf("day");
+      setStartDate(sd);
+      setEndDate(ed);
+    } else {
+      fetchReport(page);
+    }
+  };
+  const fetchReport = useCallback2(async (pageNum) => {
+    const fromDate = startDate;
+    const toDate = endDate;
+    if (!fromDate || !toDate) {
+      setError("Select date range");
+      return;
+    }
+    const payload = {
+      startDate: fromDate.format("YYYY-MM-DDTHH:mm:ss"),
+      endDate: toDate.format("YYYY-MM-DDTHH:mm:ss"),
+      startTime: fromDate.format("HH:mm:ss"),
+      endTime: toDate.format("HH:mm:ss"),
+      process,
+      agents: isAllUsersSelected ? [] : selectedUsers.map((u) => u.userId),
+      loginUsersOnly,
+      queueIds: selectedQueues.length > 0 && selectedQueues.length < queues.length ? selectedQueues.map((q) => q.id) : void 0,
+      search: debouncedSearch || void 0,
+      page: pageNum + 1,
+      pageSize: rowsPerPage
+    };
+    const valid = validateReportPayload(payload);
+    if (!valid.isValid) {
+      setError(valid.error || "Invalid");
+      return;
+    }
+    try {
+      setLoading(true);
+      setError("");
+      const { rows, total } = await getUserPerformanceReportPaged(payload);
+      setData(rows);
+      setTotalCount(typeof total === "number" ? total : rows.length);
+    } catch (err) {
+      setError((err == null ? void 0 : err.message) || "Failed to fetch report");
+      setData([]);
+    } finally {
+      setLoading(false);
+    }
+  }, [startDate, endDate, process, selectedUsers, isAllUsersSelected, selectedQueues, loginUsersOnly, debouncedSearch, rowsPerPage]);
+  useEffect(() => {
+    setPage(0);
+    fetchReport(0);
+  }, [fetchReport]);
+  const handlePageChange = useCallback2(
+    (_event, newPage) => {
+      setPage(newPage);
+      fetchReport(newPage);
+    },
+    [fetchReport]
+  );
+  const sorted = useMemo(() => {
+    return [...data].sort((a, b) => {
+      const av = getVal(a, orderBy);
+      const bv = getVal(b, orderBy);
+      if (typeof av === "number" && typeof bv === "number") return order === "asc" ? av - bv : bv - av;
+      return order === "asc" ? String(av).localeCompare(String(bv)) : String(bv).localeCompare(String(av));
+    });
+  }, [data, orderBy, order]);
+  const paged = sorted;
+  const handleSort = (key) => {
+    setOrder(orderBy === key && order === "asc" ? "desc" : "asc");
+    setOrderBy(key);
+  };
+  const handleExportExcel = async () => {
+    const fromDate = startDate;
+    const toDate = endDate;
+    if (!fromDate || !toDate) {
+      setError("Select date range");
+      return;
+    }
+    const params = {
+      start_date: fromDate.format("YYYY-MM-DDTHH:mm:ss"),
+      end_date: toDate.format("YYYY-MM-DDTHH:mm:ss"),
+      agent_id: !isAllUsersSelected && selectedUsers.length > 0 ? selectedUsers.map((u) => u.userId) : void 0,
+      queue_id: selectedQueues.length > 0 && selectedQueues.length < queues.length ? selectedQueues.map((q) => q.id) : void 0,
+      search: debouncedSearch || void 0
+    };
+    try {
+      await exportAgentPerformanceToExcel(params);
+    } catch (err) {
+      setError((err == null ? void 0 : err.message) || "Failed to export Excel");
+    }
+  };
+  const renderCellValue = (row, col) => {
+    const v = getVal(row, col.key);
+    const durKeys = ["aht", "loginDur", "talk", "hold", "wrapup", "breakTime", "idle"];
+    if (durKeys.includes(col.key)) return fmtDur(v);
+    if (col.key === "adherence") return v != null ? `${v}%` : "\u2014";
+    if (col.key === "firstLogin") return v ? dayjs(v).format("DD MMM YYYY hh:mm A") : "";
+    return v != null ? v : "";
+  };
+  const activeCols = COLUMNS.filter((c) => visibleCols.has(c.key));
+  if (selectedAgent) {
+    return /* @__PURE__ */ jsx(
+      agentDetailReport_default,
+      {
+        agentRow: selectedAgent,
+        onBack: () => setSelectedAgent(null),
+        initialStartDate: startDate,
+        initialEndDate: endDate,
+        initialQuickRange: quickRange,
+        from: "REPORTS_LIST"
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, children: /* @__PURE__ */ jsxs(Box, { sx: { background: C.bg, minHeight: "100vh" }, children: [
+    /* @__PURE__ */ jsx(
+      PageHeader,
+      {
+        title: " Performance Report",
+        actions: /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", spacing: 1, children: [
+          /* @__PURE__ */ jsx(
+            SearchBar,
+            {
+              value: search,
+              onChange: setSearch,
+              placeholder: "Search name, ID...",
+              width: 250
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            SDKPermissionGuard,
+            {
+              permissions: [SDK_PERMISSIONS.REPORTS_AGENT_PERFORMANCE_EXPORT, SDK_PERMISSIONS.REPORTS_AGENT_PERFORMANCE_MANAGE],
+              showFallback: false,
+              children: /* @__PURE__ */ jsx(
+                AppButton,
+                {
+                  startIcon: /* @__PURE__ */ jsx(FileDownloadIcon, { sx: { fontSize: "0.95rem !important" } }),
+                  disabled: !data.length,
+                  onClick: handleExportExcel,
+                  sx: { height: 36 },
+                  children: "Export Excel"
+                }
+              )
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ReportFilterBar,
+      {
+        startDate,
+        endDate,
+        onStartChange: setStartDate,
+        onEndChange: setEndDate,
+        quickRange,
+        onQuickRangeChange: handleQuickRangeChange,
+        showAgentSelect: true,
+        selectedAgents: selectedUsers,
+        onAgentsChange: setSelectedUsers,
+        setIsAllUsersSelected,
+        showQueueSelect: true,
+        queues,
+        selectedQueues,
+        onQueuesChange: setSelectedQueues,
+        showProcessSelect: true,
+        processes,
+        selectedProcess: process,
+        onProcessChange: setProcess,
+        extra: /* @__PURE__ */ jsx(
+          AppButton,
+          {
+            startIcon: /* @__PURE__ */ jsx(RefreshIcon, { sx: { fontSize: "0.9rem !important" } }),
+            disabled: loading,
+            onClick: handleRefresh,
+            sx: { height: 32 },
+            children: "Refresh"
+          }
+        )
+      }
+    ),
+    error && /* @__PURE__ */ jsx(Alert, { severity: "error", sx: { mx: 2.5, mt: 1.5 }, onClose: () => setError(""), children: error }),
+    /* @__PURE__ */ jsxs(Box, { sx: { py: 2, px: 1, overflow: "auto", position: "relative" }, children: [
+      loading && /* @__PURE__ */ jsx(Box, { sx: { position: "absolute", top: 0, left: 0, right: 0, bottom: 0, background: "rgba(240,244,248,0.7)", display: "flex", alignItems: "center", justifyContent: "center", zIndex: 10 }, children: /* @__PURE__ */ jsx(CircularProgress, {}) }),
+      /* @__PURE__ */ jsxs(Paper, { elevation: 0, sx: { borderRadius: "8px", border: "1px solid #e0e7ef", overflow: "hidden", mb: 2 }, children: [
+        /* @__PURE__ */ jsx(TableContainer, { children: /* @__PURE__ */ jsxs(Table, { size: "small", sx: {
+          minWidth: 1400,
+          "& .MuiTableCell-root": { fontSize: "0.75rem", borderBottom: "1px solid #eef1f6", py: 0.6, px: 1 }
+        }, children: [
+          /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+            activeCols.map((col) => /* @__PURE__ */ jsx(TableCell, { align: col.align || "left", sx: headCellSx, children: /* @__PURE__ */ jsx(TableSortLabel, { active: orderBy === col.key, direction: orderBy === col.key ? order : "asc", onClick: () => handleSort(col.key), sx: sortLabelSx, children: col.label }) }, col.key)),
+            /* @__PURE__ */ jsx(TableCell, { sx: __spreadProps(__spreadValues({}, headCellSx), { width: 48 }), children: "Detail" })
+          ] }) }),
+          /* @__PURE__ */ jsxs(TableBody, { children: [
+            paged.map((row, idx) => /* @__PURE__ */ jsxs(TableRow, { hover: true, onClick: () => setSelectedAgent(row), sx: {
+              backgroundColor: "#fff",
+              "&:hover": { backgroundColor: "#f0f7f8" },
+              cursor: "pointer"
+            }, children: [
+              activeCols.map((col) => /* @__PURE__ */ jsx(TableCell, { align: col.align || "left", sx: reportBodyCellSx, children: renderCellValue(row, col) }, col.key)),
+              /* @__PURE__ */ jsx(TableCell, { sx: reportBodyCellSx, align: "center", children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: (e) => {
+                e.stopPropagation();
+                setSelectedAgent(row);
+              }, sx: { color: C.blue }, children: /* @__PURE__ */ jsx(VisibilityIcon, { sx: { fontSize: 16 } }) }) })
+            ] }, idx)),
+            paged.length === 0 && /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: activeCols.length + 1, sx: { textAlign: "center", py: 4, color: C.t3, fontSize: 13 }, children: "No data found" }) })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx(
+          TablePagination,
+          {
+            component: "div",
+            count: totalCount,
+            page,
+            onPageChange: handlePageChange,
+            rowsPerPage,
+            onRowsPerPageChange: (e) => {
+              setRowsPerPage(parseInt(e.target.value, 10));
+              setPage(0);
+            },
+            rowsPerPageOptions: [10, 15, 25, 50, 100],
+            sx: { borderTop: "1px solid #eef1f6", "& .MuiTablePagination-displayedRows": { fontSize: "0.73rem" }, "& .MuiTablePagination-selectLabel": { fontSize: "0.73rem" } }
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}
+var AgentPerformanceReport = () => /* @__PURE__ */ jsx(SDKProvider, { children: /* @__PURE__ */ jsx(AgentPerformanceReportContent, {}) });
+var agentPerformanceReport_default = AgentPerformanceReport;
+export {
+  agentPerformanceReport_default as default
+};
+//# sourceMappingURL=agentPerformanceReport-UT6QZWYD.mjs.map

package/dist/agentPerformanceReport-UT6QZWYD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../call-control-sdk/lib/pages/agentPerformanceReport/index.tsx","../call-control-sdk/lib/pages/agentPerformanceReport/useAgentPerformanceReport.ts"],"sourcesContent":["import React, { useState, useEffect, useCallback, useMemo, useRef } from \"react\";\nimport {\n  Box, Paper, Table, TableBody, TableCell, TableContainer, TableHead,\n  TableRow, TableSortLabel, TablePagination, CircularProgress, Alert,\n  Stack, IconButton, Tooltip,\n} from \"@mui/material\";\nimport AppButton from \"../common/components/AppButton\";\nimport FileDownloadIcon from \"@mui/icons-material/FileDownload\";\nimport RefreshIcon from \"@mui/icons-material/Refresh\";\nimport VisibilityIcon from \"@mui/icons-material/Visibility\";\nimport dayjs, { Dayjs } from \"dayjs\";\nimport isoWeek from \"dayjs/plugin/isoWeek\";\nimport { LocalizationProvider } from \"@mui/x-date-pickers/LocalizationProvider\";\nimport { AdapterDayjs } from \"@mui/x-date-pickers/AdapterDayjs\";\n\ndayjs.extend(isoWeek);\n\nimport {\n  fetchQueues, fetchProcesses,\n  getUserPerformanceReportPaged, validateReportPayload, exportAgentPerformanceToExcel,\n  type Queue,\n} from \"./useAgentPerformanceReport\";\nimport type { AgentPerfReportParams, ReportData, ReportRequestPayload } from \"./types\";\nimport { type AgentOption } from \"../common/components/AgentMultiSelect\";\nimport ReportFilterBar, { type QuickRange, type ProcessOption } from \"../common/components/ReportFilterBar\";\nimport { headCellSx as headSx, sortLabelSx, reportBodyCellSx as bodySx } from \"../common/utils/tableStyles\";\nimport PageHeader from \"../common/components/PageHeader\";\nimport SearchBar from \"../common/components/SearchBar\";\n\nimport { SDKProvider } from \"../../components/SDKProvider\";\nimport { SDKPermissionGuard } from \"../../components/SDKPermissionGuard\";\nimport { SDK_PERMISSIONS } from \"../../permissions/sdk-constants\";\nimport AgentDetailReport from \"../agentDetailReport\";\n\nconst C = {\n  navy: \"#0d2a56\", blue: \"#1565c8\", green: \"#0a9a62\", amber: \"#c47c00\",\n  red: \"#cc2a2a\", purple: \"#6b3fbf\", teal: \"#0b7a8f\",\n  bg: \"transparent\", surface: \"#fff\", s2: \"#f7f9fc\", s3: \"#eef2f7\",\n  b1: \"rgba(20,50,100,.07)\", b2: \"rgba(20,50,100,.13)\",\n  t1: \"#0d1e35\", t2: \"#364f6e\", t3: \"#7a93b5\", t4: \"#bccad9\",\n  blt: \"#e8f0fc\", glt: \"#e4f6ef\", alt: \"#fdf3e0\", rlt: \"#fde8e8\",\n  plt: \"#f0eafa\", tlt: \"#e3f4f7\",\n};\n\ntype Order = \"asc\" | \"desc\";\ntype SortKey = string;\n\nfunction parseDur(d: string): number {\n  if (!d || d === \"00:00:00\") return 0;\n  const p = d.split(\":\").map(Number);\n  if (p.length === 3) return p[0] * 3600 + p[1] * 60 + p[2];\n  if (p.length === 2) return p[0] * 60 + p[1];\n  return 0;\n}\n\nfunction fmtDur(s: number): string {\n  if (!s || s <= 0) return \"00:00:00\";\n  const h = Math.floor(s / 3600);\n  const m = Math.floor((s % 3600) / 60);\n  const sc = Math.floor(s % 60);\n  return [h, m, sc].map((x) => String(x).padStart(2, \"0\")).join(\":\");\n}\n\nfunction getVal(row: ReportData, key: string): any {\n  switch (key) {\n    case \"id\": return row.agentDetails?.agentId || \"\";\n    case \"name\": return row.agentDetails?.fullName || \"\";\n    case \"process\": return row.agentDetails?.process || \"\";\n    case \"queue\": return row.agentDetails?.queueNames || \"\";\n    case \"total\": return row.calls?.totalCalls ?? 0;\n    case \"ans\": return row.calls?.answered ?? 0;\n    case \"miss\": return row.calls?.missed ?? 0;\n    case \"inTotal\": return row.inCalls?.total ?? 0;\n    case \"outTotal\": return row.outCalls?.total ?? 0;\n    case \"aht\": return parseDur(row.average?.aht || \"00:00:00\");\n    case \"loginDur\": return parseDur(row.loginDetails?.loggedInDuration || \"00:00:00\");\n    case \"talk\": return parseDur(row.loginDetails?.talkTime || \"00:00:00\");\n    case \"hold\": return parseDur(row.average?.holdTime || \"00:00:00\");\n    case \"wrapup\": return parseDur(row.average?.wrapUp || \"00:00:00\");\n    case \"breakTime\": return parseDur(row.breaks?.lunch || \"00:00:00\") + parseDur(row.breaks?.tea || \"00:00:00\") + parseDur(row.breaks?.training || \"00:00:00\") + parseDur(row.breaks?.meeting || \"00:00:00\") + parseDur(row.breaks?.shortBreak || \"00:00:00\");\n    case \"idle\": return parseDur(row.loginDetails?.idleTime || \"00:00:00\");\n    case \"adherence\": return row.adherence?.pct ?? null;\n    case \"firstLogin\": return row.loginStats?.firstLogin || \"\";\n    default: return \"\";\n  }\n}\n\ninterface ColDef { key: string; label: string; group: string; fmt?: (row: ReportData) => any; align?: \"left\" | \"right\" | \"center\"; }\n\nconst COLUMNS: ColDef[] = [\n  { key: \"id\", label: \"User ID\", group: \"Agent\" },\n  { key: \"name\", label: \"Full Name\", group: \"Agent\" },\n  { key: \"queue\", label: \"Queues\", group: \"Agent\" },\n  { key: \"total\", label: \"Total Calls\", group: \"Calls\", align: \"right\" },\n  { key: \"ans\", label: \"Answered\", group: \"Calls\", align: \"right\" },\n  { key: \"miss\", label: \"Missed\", group: \"Calls\", align: \"right\" },\n  { key: \"inTotal\", label: \"Inbound\", group: \"Calls\", align: \"right\" },\n  { key: \"outTotal\", label: \"Outbound\", group: \"Calls\", align: \"right\" },\n  { key: \"aht\", label: \"AHT\", group: \"Time\", align: \"right\" },\n  { key: \"loginDur\", label: \"Login Dur\", group: \"Time\", align: \"right\" },\n  { key: \"talk\", label: \"Talk Time\", group: \"Time\", align: \"right\" },\n  { key: \"hold\", label: \"Hold Time\", group: \"Time\", align: \"right\" },\n  { key: \"wrapup\", label: \"Wrapup Time\", group: \"Time\", align: \"right\" },\n  { key: \"breakTime\", label: \"Break Time\", group: \"Breaks\", align: \"right\" },\n  { key: \"idle\", label: \"Idle Time\", group: \"Time\", align: \"right\" },\n  { key: \"firstLogin\", label: \"First Login\", group: \"Login\" },\n  { key: \"adherence\", label: \"Adherence %\", group: \"Agent\", align: \"right\" },\n];\n\nfunction AgentPerformanceReportContent() {\n  const [startDate, setStartDate] = useState<Dayjs | null>(dayjs().startOf(\"day\"));\n  const [endDate, setEndDate] = useState<Dayjs | null>(dayjs());\n  const [quickRange, setQuickRange] = useState<string>(\"today\");\n  const [selectedUsers, setSelectedUsers] = useState<AgentOption[]>([]);\n  const [isAllUsersSelected, setIsAllUsersSelected] = useState(false);\n  const [processes, setProcesses] = useState<ProcessOption[]>([]);\n  const [process, setProcess] = useState(\"\");\n  const [search, setSearch] = useState(\"\");\n  const [loginUsersOnly] = useState(true);\n\n  const [queues, setQueues] = useState<Queue[]>([]);\n  const [selectedQueues, setSelectedQueues] = useState<Queue[]>([]);\n\n  const [data, setData] = useState<ReportData[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState(\"\");\n  const [selectedAgent, setSelectedAgent] = useState<ReportData | null>(null);\n\n  const [orderBy, setOrderBy] = useState<SortKey>(\"total\");\n  const [order, setOrder] = useState<Order>(\"desc\");\n  const [page, setPage] = useState(0);\n  const [rowsPerPage, setRowsPerPage] = useState(10);\n  const [totalCount, setTotalCount] = useState(-1);\n  const [visibleCols] = useState<Set<string>>(new Set(COLUMNS.map((c) => c.key)));\n\n  // Debounced search (sent to the server)\n  const [debouncedSearch, setDebouncedSearch] = useState(\"\");\n  const debounceRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n\n  useEffect(() => {\n    debounceRef.current = setTimeout(() => setDebouncedSearch(search.trim()), 400);\n    return () => clearTimeout(debounceRef.current);\n  }, [search]);\n\n  useEffect(() => {\n    fetchProcesses().then((p) => {\n      const mapped = p.map((x) => ({ label: x.name, value: x.name }));\n      setProcesses(mapped);\n      if (mapped.length) setProcess(mapped[0].value);\n    }).catch(() => { });\n    fetchQueues().then((data) => setQueues(data || [])).catch(() => { });\n  }, []);\n\n  const handleQuickRangeChange = (range: QuickRange) => {\n    setQuickRange(range);\n  };\n\n  const handleRefresh = () => {\n    if (quickRange === \"today\" || quickRange === \"week\" || quickRange === \"month\") {\n      const now = dayjs();\n      let sd = now.startOf(\"day\");\n      const ed = now;\n      if (quickRange === \"week\") sd = now.startOf(\"week\").startOf(\"day\");\n      else if (quickRange === \"month\") sd = now.startOf(\"month\").startOf(\"day\");\n      // Setting the dates re-triggers the auto-fetch effect below.\n      setStartDate(sd);\n      setEndDate(ed);\n    } else {\n      fetchReport(page);\n    }\n  };\n\n  const fetchReport = useCallback(async (pageNum: number) => {\n    const fromDate = startDate;\n    const toDate = endDate;\n    if (!fromDate || !toDate) { setError(\"Select date range\"); return; }\n\n    const payload: ReportRequestPayload = {\n      startDate: fromDate.format(\"YYYY-MM-DDTHH:mm:ss\"),\n      endDate: toDate.format(\"YYYY-MM-DDTHH:mm:ss\"),\n      startTime: fromDate.format(\"HH:mm:ss\"),\n      endTime: toDate.format(\"HH:mm:ss\"),\n      process,\n      agents: isAllUsersSelected ? [] : selectedUsers.map((u) => u.userId),\n      loginUsersOnly,\n      queueIds: selectedQueues.length > 0 && selectedQueues.length < queues.length ? selectedQueues.map((q) => q.id) : undefined,\n      search: debouncedSearch || undefined,\n      page: pageNum + 1,\n      pageSize: rowsPerPage,\n    };\n\n    const valid = validateReportPayload(payload);\n    if (!valid.isValid) { setError(valid.error || \"Invalid\"); return; }\n\n    try {\n      setLoading(true);\n      setError(\"\");\n      const { rows, total } = await getUserPerformanceReportPaged(payload);\n      setData(rows);\n      setTotalCount(typeof total === \"number\" ? total : rows.length);\n    } catch (err: any) {\n      setError(err?.message || \"Failed to fetch report\");\n      setData([]);\n    } finally {\n      setLoading(false);\n    }\n  }, [startDate, endDate, process, selectedUsers, isAllUsersSelected, selectedQueues, loginUsersOnly, debouncedSearch, rowsPerPage]);\n\n  useEffect(() => {\n    setPage(0);\n    fetchReport(0);\n  }, [fetchReport]);\n\n  const handlePageChange = useCallback(\n    (_event: React.MouseEvent<HTMLButtonElement> | null, newPage: number) => {\n      setPage(newPage);\n      fetchReport(newPage);\n    },\n    [fetchReport],\n  );\n\n  // Search + paging are server-side; sorting is applied client-side to the current page.\n  const sorted = useMemo(() => {\n    return [...data].sort((a, b) => {\n      const av = getVal(a, orderBy);\n      const bv = getVal(b, orderBy);\n      if (typeof av === \"number\" && typeof bv === \"number\") return order === \"asc\" ? av - bv : bv - av;\n      return order === \"asc\" ? String(av).localeCompare(String(bv)) : String(bv).localeCompare(String(av));\n    });\n  }, [data, orderBy, order]);\n\n  const paged = sorted;\n\n  const handleSort = (key: string) => {\n    setOrder(orderBy === key && order === \"asc\" ? \"desc\" : \"asc\");\n    setOrderBy(key);\n  };\n\n  const handleExportExcel = async () => {\n    const fromDate = startDate;\n    const toDate = endDate;\n    if (!fromDate || !toDate) { setError(\"Select date range\"); return; }\n    const params: AgentPerfReportParams = {\n      start_date: fromDate.format(\"YYYY-MM-DDTHH:mm:ss\"),\n      end_date: toDate.format(\"YYYY-MM-DDTHH:mm:ss\"),\n      agent_id: !isAllUsersSelected && selectedUsers.length > 0\n        ? selectedUsers.map((u) => u.userId)\n        : undefined,\n      queue_id: selectedQueues.length > 0 && selectedQueues.length < queues.length\n        ? selectedQueues.map((q) => q.id)\n        : undefined,\n      search: debouncedSearch || undefined,\n    };\n    try {\n      await exportAgentPerformanceToExcel(params);\n    } catch (err: any) {\n      setError(err?.message || \"Failed to export Excel\");\n    }\n  };\n\n  const renderCellValue = (row: ReportData, col: ColDef) => {\n    const v = getVal(row, col.key);\n    const durKeys = [\"aht\", \"loginDur\", \"talk\", \"hold\", \"wrapup\", \"breakTime\", \"idle\"];\n    if (durKeys.includes(col.key)) return fmtDur(v);\n    if (col.key === \"adherence\") return v != null ? `${v}%` : \"—\";\n    if (col.key === \"firstLogin\") return v ? dayjs(v).format(\"DD MMM YYYY hh:mm A\") : \"\";\n    return v ?? \"\";\n  };\n\n  const activeCols = COLUMNS.filter((c) => visibleCols.has(c.key));\n\n  if (selectedAgent) {\n    return (\n      <AgentDetailReport\n        agentRow={selectedAgent}\n        onBack={() => setSelectedAgent(null)}\n        initialStartDate={startDate}\n        initialEndDate={endDate}\n        initialQuickRange={quickRange}\n        from=\"REPORTS_LIST\"\n      />\n    );\n  }\n\n  return (\n    <LocalizationProvider dateAdapter={AdapterDayjs}>\n      <Box sx={{ background: C.bg, minHeight: \"100vh\" }}>\n        <PageHeader\n          title=\" Performance Report\"\n          actions={\n            <Stack direction=\"row\" alignItems=\"center\" spacing={1}>\n              <SearchBar\n                value={search}\n                onChange={setSearch}\n                placeholder=\"Search name, ID...\"\n                width={250}\n              />\n              <SDKPermissionGuard\n                permissions={[SDK_PERMISSIONS.REPORTS_AGENT_PERFORMANCE_EXPORT, SDK_PERMISSIONS.REPORTS_AGENT_PERFORMANCE_MANAGE]}\n                showFallback={false}\n              >\n                <AppButton\n                  startIcon={<FileDownloadIcon sx={{ fontSize: \"0.95rem !important\" }} />}\n                  disabled={!data.length}\n                  onClick={handleExportExcel}\n                  sx={{ height: 36 }}\n                >\n                  Export Excel\n                </AppButton>\n              </SDKPermissionGuard>\n            </Stack>\n          }\n        />\n\n        <ReportFilterBar\n          startDate={startDate}\n          endDate={endDate}\n          onStartChange={setStartDate}\n          onEndChange={setEndDate}\n          quickRange={quickRange}\n          onQuickRangeChange={handleQuickRangeChange}\n          showAgentSelect\n          selectedAgents={selectedUsers}\n          onAgentsChange={setSelectedUsers}\n          setIsAllUsersSelected={setIsAllUsersSelected}\n          showQueueSelect\n          queues={queues}\n          selectedQueues={selectedQueues}\n          onQueuesChange={setSelectedQueues}\n          showProcessSelect\n          processes={processes}\n          selectedProcess={process}\n          onProcessChange={setProcess}\n          extra={\n            <AppButton\n              startIcon={<RefreshIcon sx={{ fontSize: \"0.9rem !important\" }} />}\n              disabled={loading}\n              onClick={handleRefresh}\n              sx={{ height: 32 }}\n            >\n              Refresh\n            </AppButton>\n          }\n        />\n\n        {error && <Alert severity=\"error\" sx={{ mx: 2.5, mt: 1.5 }} onClose={() => setError(\"\")}>{error}</Alert>}\n\n        <Box sx={{ py: 2, px: 1, overflow: \"auto\", position: \"relative\" }}>\n          {loading && (\n            <Box sx={{ position: \"absolute\", top: 0, left: 0, right: 0, bottom: 0, background: \"rgba(240,244,248,0.7)\", display: \"flex\", alignItems: \"center\", justifyContent: \"center\", zIndex: 10 }}>\n              <CircularProgress />\n            </Box>\n          )}\n\n          <Paper elevation={0} sx={{ borderRadius: \"8px\", border: \"1px solid #e0e7ef\", overflow: \"hidden\", mb: 2 }}>\n            <TableContainer>\n              <Table size=\"small\" sx={{\n                minWidth: 1400,\n                \"& .MuiTableCell-root\": { fontSize: \"0.75rem\", borderBottom: \"1px solid #eef1f6\", py: 0.6, px: 1 },\n              }}>\n                <TableHead>\n                  <TableRow>\n                    {activeCols.map((col) => (\n                      <TableCell key={col.key} align={col.align || \"left\"} sx={headSx}>\n                        <TableSortLabel active={orderBy === col.key} direction={orderBy === col.key ? order : \"asc\"} onClick={() => handleSort(col.key)} sx={sortLabelSx}>\n                          {col.label}\n                        </TableSortLabel>\n                      </TableCell>\n                    ))}\n                    <TableCell sx={{ ...headSx, width: 48 }}>Detail</TableCell>\n                  </TableRow>\n                </TableHead>\n                <TableBody>\n                  {paged.map((row, idx) => (\n                    <TableRow key={idx} hover onClick={() => setSelectedAgent(row)} sx={{\n                      backgroundColor: \"#fff\",\n                      \"&:hover\": { backgroundColor: \"#f0f7f8\" },\n                      cursor: \"pointer\",\n                    }}>\n                      {activeCols.map((col) => (\n                        <TableCell key={col.key} align={col.align || \"left\"} sx={bodySx}>\n                          {renderCellValue(row, col)}\n                        </TableCell>\n                      ))}\n                      <TableCell sx={bodySx} align=\"center\">\n                        <IconButton size=\"small\" onClick={(e) => { e.stopPropagation(); setSelectedAgent(row); }} sx={{ color: C.blue }}>\n                          <VisibilityIcon sx={{ fontSize: 16 }} />\n                        </IconButton>\n                      </TableCell>\n                    </TableRow>\n                  ))}\n                  {paged.length === 0 && (\n                    <TableRow><TableCell colSpan={activeCols.length + 1} sx={{ textAlign: \"center\", py: 4, color: C.t3, fontSize: 13 }}>No data found</TableCell></TableRow>\n                  )}\n                </TableBody>\n              </Table>\n            </TableContainer>\n\n            <TablePagination\n              component=\"div\" count={totalCount} page={page}\n              onPageChange={handlePageChange} rowsPerPage={rowsPerPage}\n              onRowsPerPageChange={(e) => { setRowsPerPage(parseInt(e.target.value, 10)); setPage(0); }}\n              rowsPerPageOptions={[10, 15, 25, 50, 100]}\n              sx={{ borderTop: \"1px solid #eef1f6\", \"& .MuiTablePagination-displayedRows\": { fontSize: \"0.73rem\" }, \"& .MuiTablePagination-selectLabel\": { fontSize: \"0.73rem\" } }}\n            />\n          </Paper>\n        </Box>\n      </Box>\n    </LocalizationProvider>\n  );\n}\n\nconst AgentPerformanceReport: React.FC = () => (\n  <SDKProvider>\n    <AgentPerformanceReportContent />\n  </SDKProvider>\n);\n\nexport default AgentPerformanceReport;\n","import { useCallback, useState } from \"react\";\r\nimport axiosInstance from \"../../services/axios\";\r\nimport { END_POINT } from \"../../services/endPoint\";\r\nimport type { AgentPerfReportParams, AgentPerfReportResponse, AgentPerfRow, ReportData, ReportRequestPayload } from \"./types\";\r\n\r\nfunction fmtSecs(s: number): string {\r\n\tif (!s || s <= 0) return \"00:00:00\";\r\n\tconst h = Math.floor(s / 3600);\r\n\tconst m = Math.floor((s % 3600) / 60);\r\n\tconst sc = Math.floor(s % 60);\r\n\treturn [h, m, sc].map((x) => String(x).padStart(2, \"0\")).join(\":\");\r\n}\r\n\r\nexport function validateReportPayload(payload: Partial<ReportRequestPayload>): { isValid: boolean; error?: string } {\r\n\tif (!payload.startDate || !payload.startTime) return { isValid: false, error: \"Start date/time required\" };\r\n\tif (!payload.endDate || !payload.endTime) return { isValid: false, error: \"End date/time required\" };\r\n\tif (!payload.loginUsersOnly && !payload.agents) return { isValid: false, error: \"Select at least one agent\" };\r\n\treturn { isValid: true };\r\n}\r\n\r\n// Map a raw AgentPerfRow into the legacy ReportData shape the table renders.\r\nfunction mapAgentPerfRow(a: AgentPerfRow): ReportData {\r\n\treturn {\r\n\t\tagentDetails: { agentId: a.agentId, fullName: a.fullName, process: a.processName, queueNames: a.queueNames },\r\n\t\tcalls: { totalCalls: a.totalCalls, answered: a.answeredCalls, missed: a.missedCalls },\r\n\t\tinCalls: { total: a.inCalls },\r\n\t\toutCalls: { total: a.outCalls },\r\n\t\taverage: { holdTime: fmtSecs(a.holdTimeSeconds), wrapUp: fmtSecs(a.wrapupSeconds), aht: fmtSecs(a.ahtSeconds), ringing: \"00:00:00\", dialing: \"00:00:00\" },\r\n\t\tloginDetails: { loggedInDuration: fmtSecs(a.loginDurationSeconds), talkTime: fmtSecs(a.talkTimeSeconds), idleTime: fmtSecs(a.idleTimeSeconds) },\r\n\t\tbreaks: { shortBreak: fmtSecs(a.breakTimeSeconds), breakCount: a.breakCount, lunch: \"00:00:00\", tea: \"00:00:00\", training: \"00:00:00\", meeting: \"00:00:00\" },\r\n\t\tloginStats: { firstLogin: a.firstLoginTime || \"\", noOfLogins: 0 },\r\n\t\tadherence: { pct: a.adherencePct ?? null },\r\n\t};\r\n}\r\n\r\nexport async function getUserPerformanceReport(payload: ReportRequestPayload): Promise<ReportData[]> {\r\n\tconst params: AgentPerfReportParams = {\r\n\t\tstart_date: payload.startDate,\r\n\t\tend_date: payload.endDate,\r\n\t\tagent_id: payload.agents,\r\n\t\tqueue_id: payload.queueIds && payload.queueIds.length > 0 ? payload.queueIds : undefined,\r\n\t\t// Always send page + pageSize; callers that don't paginate get the full list.\r\n\t\tpage: payload.page ?? 1,\r\n\t\tpageSize: payload.pageSize ?? 500,\r\n\t\tsearch: payload.search,\r\n\t};\r\n\t// Use the combined endpoint, which honours page/pageSize/search.\r\n\tconst res = await axiosInstance.get<AgentPerfReportResponse>(\r\n\t\t`${END_POINT.AGENT_PERFORMANCE_REPORT}${buildQs(params)}`,\r\n\t);\r\n\tconst agentsPage: any = (res.data as any)?.agents;\r\n\tconst agents: AgentPerfRow[] = Array.isArray(agentsPage)\r\n\t\t? agentsPage\r\n\t\t: Array.isArray(agentsPage?.data)\r\n\t\t\t? agentsPage.data\r\n\t\t\t: [];\r\n\treturn agents.map(mapAgentPerfRow);\r\n}\r\n\r\n/**\r\n * Paginated variant — returns the mapped rows for the current page plus the\r\n * real total (so the table shows \"1–25 of N\").\r\n */\r\nexport async function getUserPerformanceReportPaged(\r\n\tpayload: ReportRequestPayload,\r\n): Promise<{ rows: ReportData[]; total: number }> {\r\n\tconst params: AgentPerfReportParams = {\r\n\t\tstart_date: payload.startDate,\r\n\t\tend_date: payload.endDate,\r\n\t\tagent_id: payload.agents,\r\n\t\tqueue_id: payload.queueIds && payload.queueIds.length > 0 ? payload.queueIds : undefined,\r\n\t\tpage: payload.page ?? 1,\r\n\t\tpageSize: payload.pageSize ?? 10,\r\n\t\tsearch: payload.search,\r\n\t};\r\n\tconst res = await axiosInstance.get<AgentPerfReportResponse>(\r\n\t\t`${END_POINT.AGENT_PERFORMANCE_REPORT}${buildQs(params)}`,\r\n\t);\r\n\tconst data = res.data;\r\n\t// `agents` is a paginated envelope ({ data, total, ... }); support a bare array for older shapes.\r\n\tconst agentsPage: any = (data as any)?.agents;\r\n\tconst rawRows: AgentPerfRow[] = Array.isArray(agentsPage)\r\n\t\t? agentsPage\r\n\t\t: Array.isArray(agentsPage?.data)\r\n\t\t\t? agentsPage.data\r\n\t\t\t: [];\r\n\tconst rows = rawRows.map(mapAgentPerfRow);\r\n\tconst total =\r\n\t\tagentsPage?.total ??\r\n\t\t(data as any)?.total ??\r\n\t\t(data as any)?.pagination?.total ??\r\n\t\tdata?.summary?.agentsLoggedIn ??\r\n\t\trows.length;\r\n\treturn { rows, total };\r\n}\r\n\r\nexport interface Queue {\r\n\tid: number;\r\n\tname: string;\r\n\tdescription: string;\r\n\tprocessId?: number;\r\n\tisActive: boolean;\r\n}\r\n\r\nexport interface Process {\r\n\tid: number;\r\n\tname: string;\r\n\tdescription: string;\r\n\tisActive: boolean;\r\n}\r\n\r\nexport async function fetchQueues(): Promise<Queue[]> {\r\n\tconst res = await axiosInstance.get(END_POINT.MASTER_QUEUES);\r\n\tif (Array.isArray(res.data)) return res.data;\r\n\tif (Array.isArray(res.data?.data)) return res.data.data;\r\n\treturn [];\r\n}\r\n\r\nexport async function fetchProcesses(): Promise<Process[]> {\r\n\tconst res = await axiosInstance.get(END_POINT.MASTER_PROCESS);\r\n\tif (Array.isArray(res.data)) return res.data;\r\n\tif (Array.isArray(res.data?.data)) return res.data.data;\r\n\treturn [];\r\n}\r\n\r\nfunction buildQs(params: AgentPerfReportParams): string {\r\n\tconst qs = new URLSearchParams();\r\n\tif (params.start_date) qs.append(\"start_date\", params.start_date);\r\n\tif (params.end_date) qs.append(\"end_date\", params.end_date);\r\n\tif (params.agent_id) for (const id of params.agent_id) qs.append(\"agent_id\", id);\r\n\tif (params.queue_id) for (const id of params.queue_id) qs.append(\"queue_id\", String(id));\r\n\tif (params.process_id) for (const id of params.process_id) qs.append(\"process_id\", String(id));\r\n\tif (params.top_n) qs.append(\"top_n\", String(params.top_n));\r\n\tif (params.search) qs.append(\"search\", params.search);\r\n\tif (params.page) qs.append(\"page\", String(params.page));\r\n\tif (params.pageSize) qs.append(\"pageSize\", String(params.pageSize));\r\n\tconst str = qs.toString();\r\n\treturn str ? `?${str}` : \"\";\r\n}\r\n\r\nexport function useAgentPerformanceReport() {\r\n\tconst [agents, setAgents] = useState<AgentPerfRow[]>([]);\r\n\tconst [loading, setLoading] = useState(false);\r\n\tconst [error, setError] = useState(\"\");\r\n\r\n\tconst fetchAgents = useCallback(async (params: AgentPerfReportParams) => {\r\n\t\tsetLoading(true);\r\n\t\tsetError(\"\");\r\n\t\ttry {\r\n\t\t\tconst res = await axiosInstance.get<AgentPerfRow[]>(\r\n\t\t\t\t`${END_POINT.AGENT_PERFORMANCE_REPORT_AGENTS}${params}`,\r\n\t\t\t);\r\n\t\t\tsetAgents(Array.isArray(res.data) ? res.data : []);\r\n\t\t} catch (err: any) {\r\n\t\t\tsetError(err?.response?.data?.message || err?.message || \"Failed to fetch performance report\");\r\n\t\t\tsetAgents([]);\r\n\t\t} finally {\r\n\t\t\tsetLoading(false);\r\n\t\t}\r\n\t}, []);\r\n\r\n\tconst exportExcel = useCallback(async (params: AgentPerfReportParams) => {\r\n\t\tconst res = await axiosInstance.get(\r\n\t\t\t`${END_POINT.AGENT_PERFORMANCE_REPORT_EXPORT_EXCEL}${buildQs(params)}`,\r\n\t\t\t{ responseType: \"blob\" },\r\n\t\t);\r\n\t\tconst url = URL.createObjectURL(new Blob([res.data]));\r\n\t\tconst a = document.createElement(\"a\");\r\n\t\ta.href = url;\r\n\t\ta.download = `agent-performance-${params.start_date ?? \"export\"}.xlsx`;\r\n\t\ta.click();\r\n\t\tURL.revokeObjectURL(url);\r\n\t}, []);\r\n\r\n\treturn { agents, loading, error, setError, fetchAgents, exportExcel };\r\n}\r\n\r\nexport async function exportAgentPerformanceToExcel(params: AgentPerfReportParams): Promise<void> {\r\n\tconst res = await axiosInstance.get(\r\n\t\t`${END_POINT.AGENT_PERFORMANCE_REPORT_EXPORT_EXCEL}${buildQs(params)}`,\r\n\t\t{ responseType: \"blob\" },\r\n\t);\r\n\tconst url = URL.createObjectURL(new Blob([res.data]));\r\n\tconst a = document.createElement(\"a\");\r\n\ta.href = url;\r\n\ta.download = `agent-performance-${params.start_date ?? \"export\"}.xlsx`;\r\n\ta.click();\r\n\tURL.revokeObjectURL(url);\r\n}\r\n"],"mappings":"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","names":["useState","useCallback","useState","data","useCallback"]}