ahs-cti 0.0.2-beta.8 → 0.0.2

package/dist/cdrReport-44LN5VUX.mjs

@@ -0,0 +1,819 @@
+import {
+  exportCdrReportToExcel,
+  getCdrReport,
+  getQueues,
+  getRecordingByCall
+} from "./chunk-HRM6S6J2.mjs";
+import {
+  AuditReportDialog
+} from "./chunk-UZF5Q3GR.mjs";
+import {
+  ReportFilterBar,
+  SearchBar,
+  headCellSx
+} from "./chunk-CXULBAK6.mjs";
+import {
+  SDKPermissionGuard
+} from "./chunk-GGACEO3I.mjs";
+import {
+  PageHeader
+} from "./chunk-JOZ4YQMR.mjs";
+import {
+  AppButton
+} from "./chunk-HBR2JS4C.mjs";
+import {
+  SDKProvider
+} from "./chunk-6ICPXSN6.mjs";
+import {
+  SDK_PERMISSIONS,
+  deepFindArray
+} from "./chunk-O2XGWZLT.mjs";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-VQCHBU2Q.mjs";
+
+// call-control-sdk/lib/pages/cdrReport/index.tsx
+import {
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import {
+  Alert,
+  Box,
+  Chip,
+  Paper,
+  Stack,
+  Table,
+  TableBody,
+  TableCell,
+  TableContainer,
+  TableHead,
+  TableRow,
+  TablePagination,
+  TableSortLabel,
+  CircularProgress,
+  IconButton,
+  Tooltip,
+  Typography
+} from "@mui/material";
+import DownloadIcon from "@mui/icons-material/Download";
+import RefreshIcon from "@mui/icons-material/Refresh";
+import PlayArrowIcon from "@mui/icons-material/PlayArrow";
+import FileDownloadIcon from "@mui/icons-material/FileDownload";
+import AssignmentIcon from "@mui/icons-material/Assignment";
+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";
+import { jsx, jsxs } from "react/jsx-runtime";
+dayjs.extend(isoWeek);
+var FONT = "'Inter', 'Segoe UI', 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif";
+var COLORS = {
+  navy: "#0d2a56",
+  blue: "#1565c8",
+  green: "#0a9a62",
+  amber: "#c47c00",
+  red: "#cc2a2a",
+  purple: "#6b3fbf",
+  bg: "transparent",
+  surface: "transparent"
+};
+var DEFAULT_PAGE_SIZE = 15;
+var comparator = (a, b, key) => {
+  const av = a[key];
+  const bv = b[key];
+  if (typeof av === "number" && typeof bv === "number") return av - bv;
+  if (typeof av === "boolean" && typeof bv === "boolean")
+    return (av ? 1 : 0) - (bv ? 1 : 0);
+  return String(av != null ? av : "").localeCompare(String(bv != null ? bv : ""));
+};
+function CallTypePill({ value }) {
+  const v = (value || "").toLowerCase();
+  let color = "#6b7b8d";
+  let bg = "transparent";
+  if (v.includes("inbound")) {
+    color = COLORS.green;
+    bg = "#e6f7ef";
+  } else if (v.includes("outbound")) {
+    color = COLORS.blue;
+    bg = "#e3eefa";
+  } else if (v.includes("internal")) {
+    color = COLORS.purple;
+    bg = "#f0e8ff";
+  }
+  return /* @__PURE__ */ jsx(
+    Chip,
+    {
+      label: value,
+      size: "small",
+      sx: {
+        fontFamily: FONT,
+        bgcolor: bg,
+        color,
+        fontWeight: 600,
+        fontSize: "0.65rem",
+        height: 20,
+        borderRadius: "6px"
+      }
+    }
+  );
+}
+function StatusPill({ value }) {
+  const v = (value || "").toLowerCase();
+  let color = "#6b7b8d";
+  let bg = "transparent";
+  if (v.includes("answered")) {
+    color = COLORS.green;
+    bg = "#e6f7ef";
+  } else if (v.includes("abandoned") || v.includes("missed")) {
+    color = COLORS.red;
+    bg = "#fce8e8";
+  }
+  return /* @__PURE__ */ jsx(
+    Chip,
+    {
+      label: value,
+      size: "small",
+      sx: {
+        fontFamily: FONT,
+        bgcolor: bg,
+        color,
+        fontWeight: 600,
+        fontSize: "0.65rem",
+        height: 20,
+        borderRadius: "6px"
+      }
+    }
+  );
+}
+var fmtRecordingDuration = (s) => {
+  if (!isFinite(s) || s < 0) return "";
+  const m = Math.floor(s / 60);
+  const sec = Math.floor(s % 60);
+  return `${m}:${sec.toString().padStart(2, "0")}`;
+};
+function RecordingCell({
+  callUuid,
+  recordingPath
+}) {
+  const [audioUrl, setAudioUrl] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(false);
+  const [durationSec, setDurationSec] = useState(null);
+  const [currentSec, setCurrentSec] = useState(0);
+  const unavailable = recordingPath === null;
+  const totalLabel = durationSec != null ? fmtRecordingDuration(durationSec) : "";
+  const handlePlay = async () => {
+    if (audioUrl) return;
+    try {
+      setLoading(true);
+      setError(false);
+      const blob = await getRecordingByCall(callUuid);
+      const url = URL.createObjectURL(blob);
+      setAudioUrl(url);
+    } catch (e) {
+      setError(true);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleDownload = async () => {
+    try {
+      const blob = audioUrl ? await fetch(audioUrl).then((r) => r.blob()) : await getRecordingByCall(callUuid);
+      const url = URL.createObjectURL(blob);
+      const a = document.createElement("a");
+      a.href = url;
+      a.download = `recording_${callUuid}.wav`;
+      a.click();
+      URL.revokeObjectURL(url);
+    } catch (e) {
+    }
+  };
+  if (audioUrl) {
+    return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+      /* @__PURE__ */ jsx(
+        "audio",
+        {
+          controls: true,
+          autoPlay: true,
+          src: audioUrl,
+          onLoadedMetadata: (e) => setDurationSec(e.currentTarget.duration),
+          onTimeUpdate: (e) => setCurrentSec(e.currentTarget.currentTime),
+          onEnded: () => {
+            if (audioUrl.startsWith("blob:")) URL.revokeObjectURL(audioUrl);
+            setAudioUrl(null);
+            setCurrentSec(0);
+          },
+          style: { width: 180, height: 30 }
+        }
+      ),
+      totalLabel && /* @__PURE__ */ jsxs(Typography, { sx: { fontSize: 12, fontWeight: 600, color: COLORS.navy, whiteSpace: "nowrap" }, children: [
+        fmtRecordingDuration(currentSec),
+        " / ",
+        totalLabel
+      ] }),
+      /* @__PURE__ */ jsx(Tooltip, { title: "Download", children: /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          size: "small",
+          onClick: handleDownload,
+          sx: { color: COLORS.blue, p: 0.4 },
+          children: /* @__PURE__ */ jsx(FileDownloadIcon, { sx: { fontSize: 16 } })
+        }
+      ) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 0.3 }, children: [
+    /* @__PURE__ */ jsx(Tooltip, { title: unavailable || error ? "Recording Unavailable" : "Play", children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        size: "small",
+        onClick: handlePlay,
+        disabled: loading || error || unavailable,
+        sx: { color: unavailable ? "#b0b8c8" : COLORS.green, p: 0.4 },
+        children: loading ? /* @__PURE__ */ jsx(CircularProgress, { size: 14 }) : /* @__PURE__ */ jsx(PlayArrowIcon, { sx: { fontSize: 16 } })
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx(
+      Tooltip,
+      {
+        title: unavailable || error ? "Recording Unavailable" : "Download",
+        children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            size: "small",
+            onClick: handleDownload,
+            disabled: loading || error || unavailable,
+            sx: { color: unavailable ? "#b0b8c8" : COLORS.blue, p: 0.4 },
+            children: /* @__PURE__ */ jsx(FileDownloadIcon, { sx: { fontSize: 16 } })
+          }
+        ) })
+      }
+    ),
+    totalLabel && /* @__PURE__ */ jsx(Typography, { sx: { fontSize: 12, fontWeight: 600, color: COLORS.navy, whiteSpace: "nowrap", ml: 0.3 }, children: totalLabel })
+  ] });
+}
+function CdrReportContent() {
+  const [startDate, setStartDate] = useState(
+    dayjs().startOf("day")
+  );
+  const [endDate, setEndDate] = useState(dayjs());
+  const [activeQuickDate, setActiveQuickDate] = useState("today");
+  const [searchText, setSearchText] = useState("");
+  const [selectedAgents, setSelectedAgents] = useState([]);
+  const [isAllUsersSelected, setIsAllUsersSelected] = useState(false);
+  const [queues, setQueues] = useState([]);
+  const [selectedQueues, setSelectedQueues] = useState([]);
+  const [callType, setCallType] = useState("");
+  const [callStatus, setCallStatus] = useState("");
+  const [records, setRecords] = useState([]);
+  const [totalRecords, setTotalRecords] = useState(0);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState("");
+  const [page, setPage] = useState(0);
+  const [rowsPerPage, setRowsPerPage] = useState(DEFAULT_PAGE_SIZE);
+  const [sortKey, setSortKey] = useState("callStartTime");
+  const [sortDir, setSortDir] = useState("desc");
+  const [auditDialogOpen, setAuditDialogOpen] = useState(false);
+  const [selectedAuditRow, setSelectedAuditRow] = useState(null);
+  useEffect(() => {
+    getQueues().then((data) => setQueues(data || [])).catch(() => setError("Failed to load filter options"));
+  }, []);
+  const handleQuickRangeChange = (range) => {
+    setActiveQuickDate(range || null);
+  };
+  const [debouncedSearch, setDebouncedSearch] = useState("");
+  const debounceRef = useRef(void 0);
+  useEffect(() => {
+    debounceRef.current = setTimeout(
+      () => setDebouncedSearch(searchText.trim()),
+      400
+    );
+    return () => clearTimeout(debounceRef.current);
+  }, [searchText]);
+  const fetchReport = useCallback(
+    async (pageNum) => {
+      var _a, _b, _c, _d, _e;
+      const sd = startDate != null ? startDate : dayjs();
+      const ed = endDate != null ? endDate : dayjs();
+      if (!sd || !ed) {
+        setError("Select a valid date range");
+        return;
+      }
+      const params = {
+        start_date: sd.format("YYYY-MM-DDTHH:mm:ss"),
+        end_date: ed.format("YYYY-MM-DDTHH:mm:ss"),
+        agent_id: !isAllUsersSelected && selectedAgents.length > 0 ? selectedAgents.map((a) => a.id) : void 0,
+        // All queues selected → send no queue_id (backend returns all).
+        queue_id: selectedQueues.length > 0 && selectedQueues.length < queues.length ? selectedQueues.map((q) => q.id) : void 0,
+        call_type: callType || void 0,
+        status: callStatus || void 0,
+        search: debouncedSearch || void 0,
+        page: pageNum + 1,
+        pageSize: rowsPerPage
+      };
+      try {
+        setError("");
+        setLoading(true);
+        const response = await getCdrReport(params);
+        setRecords(
+          deepFindArray(response, ["data", "records"])
+        );
+        setTotalRecords(
+          (_e = (_d = (_b = (_a = response == null ? void 0 : response.records) == null ? void 0 : _a.total) != null ? _b : response == null ? void 0 : response.total) != null ? _d : (_c = response == null ? void 0 : response.data) == null ? void 0 : _c.total) != null ? _e : 0
+        );
+      } catch (err) {
+        setError((err == null ? void 0 : err.message) || "Failed to fetch CDR report");
+        setRecords([]);
+      } finally {
+        setLoading(false);
+      }
+    },
+    [
+      startDate,
+      endDate,
+      selectedAgents,
+      isAllUsersSelected,
+      selectedQueues,
+      callType,
+      callStatus,
+      debouncedSearch,
+      rowsPerPage
+    ]
+  );
+  useEffect(() => {
+    setPage(0);
+    fetchReport(0);
+  }, [fetchReport]);
+  const handleRefresh = () => {
+    if (activeQuickDate) {
+      const now = dayjs();
+      let sd = now.startOf("day");
+      const ed = now;
+      if (activeQuickDate === "week") sd = now.startOf("week").startOf("day");
+      else if (activeQuickDate === "month")
+        sd = now.startOf("month").startOf("day");
+      setStartDate(sd);
+      setEndDate(ed);
+    } else {
+      fetchReport(page);
+    }
+  };
+  const handlePageChange = useCallback(
+    (_event, newPage) => {
+      setPage(newPage);
+      fetchReport(newPage);
+    },
+    [fetchReport]
+  );
+  const handleSort = (key) => {
+    if (sortKey === key) {
+      setSortDir((d) => d === "asc" ? "desc" : "asc");
+    } else {
+      setSortKey(key);
+      setSortDir("asc");
+    }
+  };
+  const sortedRecords = useMemo(() => {
+    const rows = [...records];
+    rows.sort((a, b) => {
+      const cmp = comparator(a, b, sortKey);
+      return sortDir === "asc" ? cmp : -cmp;
+    });
+    return rows;
+  }, [records, sortKey, sortDir]);
+  const handleExportExcel = async () => {
+    const sd = startDate != null ? startDate : dayjs();
+    const ed = endDate != null ? endDate : dayjs();
+    const params = {
+      start_date: sd.format("YYYY-MM-DDTHH:mm:ss"),
+      end_date: ed.format("YYYY-MM-DDTHH:mm:ss"),
+      agent_id: !isAllUsersSelected && selectedAgents.length > 0 ? selectedAgents.map((a) => a.id) : void 0,
+      queue_id: selectedQueues.length > 0 && selectedQueues.length < queues.length ? selectedQueues.map((q) => q.id) : void 0,
+      call_type: callType || void 0,
+      status: callStatus || void 0,
+      search: debouncedSearch || void 0
+    };
+    try {
+      await exportCdrReportToExcel(params);
+    } catch (err) {
+      setError((err == null ? void 0 : err.message) || "Failed to export Excel");
+    }
+  };
+  return /* @__PURE__ */ jsxs(LocalizationProvider, { dateAdapter: AdapterDayjs, children: [
+    /* @__PURE__ */ jsxs(
+      Box,
+      {
+        sx: {
+          height: "100%",
+          display: "flex",
+          flexDirection: "column",
+          fontFamily: FONT
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            PageHeader,
+            {
+              title: "CDR Report",
+              actions: /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", spacing: 1, children: [
+                /* @__PURE__ */ jsx(
+                  SearchBar,
+                  {
+                    value: searchText,
+                    onChange: setSearchText,
+                    placeholder: "Search phone, agent...",
+                    width: 250
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  SDKPermissionGuard,
+                  {
+                    permissions: [
+                      SDK_PERMISSIONS.REPORTS_CDR_EXPORT,
+                      SDK_PERMISSIONS.REPORTS_CDR_MANAGE
+                    ],
+                    showFallback: false,
+                    children: /* @__PURE__ */ jsx(
+                      AppButton,
+                      {
+                        startIcon: /* @__PURE__ */ jsx(DownloadIcon, { sx: { fontSize: "0.95rem !important" } }),
+                        disabled: !records.length,
+                        onClick: handleExportExcel,
+                        sx: { height: 36 },
+                        children: "Export Excel"
+                      }
+                    )
+                  }
+                )
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsxs(Box, { sx: { flex: 1, overflow: "auto", py: 0.8, px: 0 }, children: [
+            /* @__PURE__ */ jsxs(Box, { sx: { mb: 0.8 }, children: [
+              /* @__PURE__ */ jsx(
+                ReportFilterBar,
+                {
+                  startDate,
+                  endDate,
+                  onStartChange: setStartDate,
+                  onEndChange: setEndDate,
+                  quickRange: activeQuickDate || "",
+                  onQuickRangeChange: handleQuickRangeChange,
+                  showAgentSelect: true,
+                  selectedAgents,
+                  onAgentsChange: setSelectedAgents,
+                  setIsAllUsersSelected,
+                  showQueueSelect: true,
+                  queues,
+                  selectedQueues,
+                  onQueuesChange: setSelectedQueues,
+                  showCallTypeSelect: true,
+                  selectedCallType: callType,
+                  onCallTypeChange: setCallType,
+                  showStatusSelect: true,
+                  selectedStatus: callStatus,
+                  onStatusChange: setCallStatus,
+                  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: { mt: 1, fontFamily: FONT, fontSize: "0.78rem" },
+                  children: error
+                }
+              )
+            ] }),
+            loading && /* @__PURE__ */ jsx(Box, { sx: { textAlign: "center", py: 2.5 }, children: /* @__PURE__ */ jsx(CircularProgress, { sx: { color: COLORS.blue }, size: 28 }) }),
+            /* @__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,
+                        fontFamily: FONT,
+                        "& .MuiTableCell-root": {
+                          fontFamily: FONT,
+                          fontSize: "0.75rem",
+                          borderBottom: "1px solid #eef1f6",
+                          py: 0.6,
+                          px: 1
+                        }
+                      },
+                      children: [
+                        /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+                          /* @__PURE__ */ jsx(
+                            TableCell,
+                            {
+                              sx: __spreadProps(__spreadValues({}, headCellSx), { minWidth: 110, textAlign: "center" }),
+                              children: "Audit Report"
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(
+                            TableCell,
+                            {
+                              sx: __spreadProps(__spreadValues({}, headCellSx), { minWidth: 100 }),
+                              children: "Recording"
+                            }
+                          ),
+                          [
+                            { id: "phoneNumber", label: "Phone Number" },
+                            { id: "callStartTime", label: "Call Start" },
+                            { id: "callType", label: "Call Type" },
+                            { id: "callStatus", label: "Status" },
+                            { id: "agentName", label: "User Name" },
+                            { id: "queueName", label: "Queues" },
+                            { id: "extension", label: "Extension" },
+                            {
+                              id: "talkDurationFmt",
+                              label: "Talk Duration"
+                            },
+                            {
+                              id: "holdDurationFmt",
+                              label: "Hold Duration"
+                            },
+                            {
+                              id: "ringingDurationFmt",
+                              label: "Ringing Duration"
+                            },
+                            {
+                              id: "queueDurationFmt",
+                              label: "Queue Duration"
+                            },
+                            {
+                              id: "wrapupDurationFmt",
+                              label: "Wrapup Duration"
+                            },
+                            { id: "disposition", label: "Disposition" },
+                            { id: "remarks", label: "Remarks" },
+                            {
+                              id: "wasTransferred",
+                              label: "Transferred"
+                            }
+                          ].map((col) => /* @__PURE__ */ jsx(TableCell, { sx: headCellSx, children: /* @__PURE__ */ jsx(
+                            TableSortLabel,
+                            {
+                              active: sortKey === col.id,
+                              direction: sortKey === col.id ? sortDir : "asc",
+                              onClick: () => handleSort(col.id),
+                              sx: {
+                                "&.MuiTableSortLabel-root": { color: "#333" },
+                                "&.MuiTableSortLabel-root:hover": { color: "#555" },
+                                "&.Mui-active": { color: "#333" },
+                                "& .MuiTableSortLabel-icon": {
+                                  color: "#333 !important"
+                                }
+                              },
+                              children: col.label
+                            }
+                          ) }, col.id))
+                        ] }) }),
+                        /* @__PURE__ */ jsx(TableBody, { children: sortedRecords.map((row, idx) => /* @__PURE__ */ jsxs(
+                          TableRow,
+                          {
+                            hover: true,
+                            sx: {
+                              backgroundColor: "#fff",
+                              "&:hover": { backgroundColor: "#f0f7f8" }
+                            },
+                            children: [
+                              /* @__PURE__ */ jsx(TableCell, { sx: { textAlign: "center", verticalAlign: "middle" }, children: /* @__PURE__ */ jsx(Tooltip, { title: "View Audit Report", children: /* @__PURE__ */ jsx(
+                                IconButton,
+                                {
+                                  size: "small",
+                                  onClick: () => {
+                                    setSelectedAuditRow(row);
+                                    setAuditDialogOpen(true);
+                                  },
+                                  sx: { color: COLORS.blue, p: 0.4 },
+                                  children: /* @__PURE__ */ jsx(AssignmentIcon, { sx: { fontSize: 16 } })
+                                }
+                              ) }) }),
+                              /* @__PURE__ */ jsx(TableCell, { sx: { verticalAlign: "middle" }, children: row.callUuid ? /* @__PURE__ */ jsx(
+                                RecordingCell,
+                                {
+                                  callUuid: row.callUuid,
+                                  recordingPath: row.recordingPath
+                                }
+                              ) : null }),
+                              /* @__PURE__ */ jsx(
+                                TableCell,
+                                {
+                                  sx: {
+                                    fontWeight: 600,
+                                    color: COLORS.navy,
+                                    fontSize: "0.75rem"
+                                  },
+                                  children: row.phoneNumber || ""
+                                }
+                              ),
+                              /* @__PURE__ */ jsx(TableCell, { sx: { fontSize: "0.73rem", color: "#4a5568" }, children: row.callStartTime ? dayjs(row.callStartTime).format(
+                                "DD MMM YYYY hh:mm A"
+                              ) : "" }),
+                              /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(CallTypePill, { value: row.callType || "" }) }),
+                              /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(StatusPill, { value: row.callStatus || "" }) }),
+                              /* @__PURE__ */ jsx(TableCell, { sx: { fontSize: "0.73rem", color: "#4a5568" }, children: row.agentName || "" }),
+                              /* @__PURE__ */ jsx(TableCell, { children: row.queueName ? /* @__PURE__ */ jsx(
+                                Chip,
+                                {
+                                  label: row.queueName,
+                                  size: "small",
+                                  sx: {
+                                    fontFamily: FONT,
+                                    backgroundColor: "#f0ebfa",
+                                    color: COLORS.purple,
+                                    fontWeight: 500,
+                                    fontSize: "0.67rem",
+                                    height: 22
+                                  }
+                                }
+                              ) : null }),
+                              /* @__PURE__ */ jsx(TableCell, { sx: { fontSize: "0.73rem", color: "#4a5568" }, children: row.extension || "" }),
+                              /* @__PURE__ */ jsx(
+                                TableCell,
+                                {
+                                  sx: {
+                                    fontWeight: 600,
+                                    color: COLORS.blue,
+                                    fontSize: "0.75rem",
+                                    fontVariantNumeric: "tabular-nums"
+                                  },
+                                  children: row.talkDurationFmt || ""
+                                }
+                              ),
+                              /* @__PURE__ */ jsx(
+                                TableCell,
+                                {
+                                  sx: {
+                                    fontWeight: 500,
+                                    color: COLORS.amber,
+                                    fontSize: "0.75rem",
+                                    fontVariantNumeric: "tabular-nums"
+                                  },
+                                  children: row.holdDurationFmt || ""
+                                }
+                              ),
+                              /* @__PURE__ */ jsx(
+                                TableCell,
+                                {
+                                  sx: {
+                                    fontWeight: 500,
+                                    fontSize: "0.75rem",
+                                    fontVariantNumeric: "tabular-nums"
+                                  },
+                                  children: row.ringingDurationFmt || ""
+                                }
+                              ),
+                              /* @__PURE__ */ jsx(
+                                TableCell,
+                                {
+                                  sx: {
+                                    fontWeight: 500,
+                                    fontSize: "0.75rem",
+                                    fontVariantNumeric: "tabular-nums"
+                                  },
+                                  children: row.queueDurationFmt || ""
+                                }
+                              ),
+                              /* @__PURE__ */ jsx(
+                                TableCell,
+                                {
+                                  sx: {
+                                    fontWeight: 500,
+                                    fontSize: "0.75rem",
+                                    fontVariantNumeric: "tabular-nums"
+                                  },
+                                  children: row.wrapupDurationFmt || ""
+                                }
+                              ),
+                              /* @__PURE__ */ jsx(TableCell, { sx: { fontSize: "0.73rem", color: "#4a5568" }, children: row.disposition || "" }),
+                              /* @__PURE__ */ jsx(TableCell, { sx: { fontSize: "0.73rem", color: "#4a5568" }, children: row.remarks ? /* @__PURE__ */ jsx(Tooltip, { title: row.remarks, children: /* @__PURE__ */ jsx(
+                                "span",
+                                {
+                                  style: {
+                                    display: "inline-block",
+                                    maxWidth: 180,
+                                    overflow: "hidden",
+                                    textOverflow: "ellipsis",
+                                    whiteSpace: "nowrap",
+                                    verticalAlign: "bottom"
+                                  },
+                                  children: row.remarks
+                                }
+                              ) }) : "" }),
+                              /* @__PURE__ */ jsx(TableCell, { children: row.wasTransferred ? /* @__PURE__ */ jsx(
+                                Chip,
+                                {
+                                  label: "Yes",
+                                  size: "small",
+                                  sx: {
+                                    fontFamily: FONT,
+                                    backgroundColor: "#e6f7ef",
+                                    color: COLORS.green,
+                                    fontWeight: 600,
+                                    fontSize: "0.65rem",
+                                    height: 20,
+                                    borderRadius: "6px"
+                                  }
+                                }
+                              ) : /* @__PURE__ */ jsx(
+                                Chip,
+                                {
+                                  label: "No",
+                                  size: "small",
+                                  sx: {
+                                    fontFamily: FONT,
+                                    backgroundColor: "transparent",
+                                    color: "#6b7b8d",
+                                    fontWeight: 600,
+                                    fontSize: "0.65rem",
+                                    height: 20,
+                                    borderRadius: "6px"
+                                  }
+                                }
+                              ) })
+                            ]
+                          },
+                          row.callUuid || idx
+                        )) })
+                      ]
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(
+                    TablePagination,
+                    {
+                      component: "div",
+                      count: totalRecords,
+                      page,
+                      onPageChange: handlePageChange,
+                      rowsPerPage,
+                      rowsPerPageOptions: [10, 15, 25, 50, 100],
+                      onRowsPerPageChange: (e) => {
+                        setRowsPerPage(parseInt(e.target.value, 10));
+                        setPage(0);
+                      },
+                      sx: {
+                        borderTop: "1px solid #eef1f6",
+                        fontFamily: FONT,
+                        "& .MuiTablePagination-displayedRows": {
+                          fontFamily: FONT,
+                          fontSize: "0.73rem"
+                        },
+                        "& .MuiTablePagination-selectLabel": {
+                          fontFamily: FONT,
+                          fontSize: "0.73rem"
+                        }
+                      }
+                    }
+                  )
+                ]
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      AuditReportDialog,
+      {
+        open: auditDialogOpen,
+        onClose: () => {
+          setAuditDialogOpen(false);
+          setSelectedAuditRow(null);
+        },
+        rowData: selectedAuditRow != null ? selectedAuditRow : void 0
+      }
+    )
+  ] });
+}
+var CdrReport = () => /* @__PURE__ */ jsx(SDKProvider, { children: /* @__PURE__ */ jsx(CdrReportContent, {}) });
+var cdrReport_default = CdrReport;
+export {
+  cdrReport_default as default
+};
+//# sourceMappingURL=cdrReport-44LN5VUX.mjs.map