ahs-cti 0.0.4 → 0.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/agentDetailReport-F7XZLVVO.mjs +16 -0
- package/dist/{agentPerformanceReport-6RO6STKU.mjs → agentPerformanceReport-U2QGVTXF.mjs} +27 -13
- package/dist/agentPerformanceReport-U2QGVTXF.mjs.map +1 -0
- package/dist/{auditReport-PYRZU3NA.mjs → auditReport-DEVQDTDT.mjs} +4 -3
- package/dist/{auditReport-PYRZU3NA.mjs.map → auditReport-DEVQDTDT.mjs.map} +1 -1
- package/dist/{callHistory-4JI64TU7.mjs → callHistory-MRBBY3UO.mjs} +27 -15
- package/dist/callHistory-MRBBY3UO.mjs.map +1 -0
- package/dist/{campaigns-JZE22SIM.mjs → campaigns-ERO3QM6I.mjs} +108 -51
- package/dist/campaigns-ERO3QM6I.mjs.map +1 -0
- package/dist/{cdrReport-RJTURVVV.mjs → cdrReport-EZNOCELK.mjs} +35 -18
- package/dist/cdrReport-EZNOCELK.mjs.map +1 -0
- package/dist/chunk-3DOSR6LQ.mjs +14 -0
- package/dist/chunk-3DOSR6LQ.mjs.map +1 -0
- package/dist/{chunk-HAJ6SECI.mjs → chunk-53DYH64M.mjs} +10 -6
- package/dist/{chunk-HAJ6SECI.mjs.map → chunk-53DYH64M.mjs.map} +1 -1
- package/dist/{chunk-UNTGXE6T.mjs → chunk-5FSMIU5K.mjs} +2 -2
- package/dist/{chunk-PO6POUPL.mjs → chunk-6MURUWDX.mjs} +39 -14
- package/dist/chunk-6MURUWDX.mjs.map +1 -0
- package/dist/{chunk-RZZQ42MG.mjs → chunk-BVQNDAS6.mjs} +6 -3
- package/dist/{chunk-RZZQ42MG.mjs.map → chunk-BVQNDAS6.mjs.map} +1 -1
- package/dist/chunk-DXZIYCNQ.mjs +14 -0
- package/dist/chunk-DXZIYCNQ.mjs.map +1 -0
- package/dist/{chunk-IBFF6DJA.mjs → chunk-ICGEHYJL.mjs} +11 -3
- package/dist/chunk-ICGEHYJL.mjs.map +1 -0
- package/dist/{chunk-BDQZYTAY.mjs → chunk-ISQBOS5Q.mjs} +20 -14
- package/dist/chunk-ISQBOS5Q.mjs.map +1 -0
- package/dist/chunk-MBHP7UOP.mjs +14 -0
- package/dist/chunk-MBHP7UOP.mjs.map +1 -0
- package/dist/chunk-MBXHRFGP.mjs +14 -0
- package/dist/chunk-MBXHRFGP.mjs.map +1 -0
- package/dist/chunk-MFZKONNR.mjs +14 -0
- package/dist/chunk-MFZKONNR.mjs.map +1 -0
- package/dist/{chunk-OVC42HVH.mjs → chunk-Q7FIRWF2.mjs} +6 -2
- package/dist/chunk-Q7FIRWF2.mjs.map +1 -0
- package/dist/{chunk-ATAP77RC.mjs → chunk-QPOHVXUK.mjs} +2 -2
- package/dist/chunk-RSL5OBRQ.mjs +28 -0
- package/dist/chunk-RSL5OBRQ.mjs.map +1 -0
- package/dist/chunk-XA5SCAZJ.mjs +14 -0
- package/dist/chunk-XA5SCAZJ.mjs.map +1 -0
- package/dist/{chunk-JOZ4YQMR.mjs → chunk-XMRM5VR4.mjs} +6 -3
- package/dist/{chunk-JOZ4YQMR.mjs.map → chunk-XMRM5VR4.mjs.map} +1 -1
- package/dist/{chunk-FVVDDZCA.mjs → chunk-YFW47Y76.mjs} +12 -4
- package/dist/chunk-YFW47Y76.mjs.map +1 -0
- package/dist/index.js +2718 -2134
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +229 -104
- package/dist/index.mjs.map +1 -1
- package/dist/{liveStatus-E7UP37FK.mjs → liveStatus-F6AKCC27.mjs} +4 -4
- package/dist/{loginReport-5QYHG6OM.mjs → loginReport-MWTI4G6O.mjs} +35 -16
- package/dist/loginReport-MWTI4G6O.mjs.map +1 -0
- package/dist/{managementDashboard-PARD3QHL.mjs → managementDashboard-6UBOCLBA.mjs} +15 -10
- package/dist/{managementDashboard-PARD3QHL.mjs.map → managementDashboard-6UBOCLBA.mjs.map} +1 -1
- package/package.json +1 -1
- package/dist/agentDetailReport-JYBV3TF6.mjs +0 -13
- package/dist/agentPerformanceReport-6RO6STKU.mjs.map +0 -1
- package/dist/callHistory-4JI64TU7.mjs.map +0 -1
- package/dist/campaigns-JZE22SIM.mjs.map +0 -1
- package/dist/cdrReport-RJTURVVV.mjs.map +0 -1
- package/dist/chunk-BDQZYTAY.mjs.map +0 -1
- package/dist/chunk-FVVDDZCA.mjs.map +0 -1
- package/dist/chunk-IBFF6DJA.mjs.map +0 -1
- package/dist/chunk-OVC42HVH.mjs.map +0 -1
- package/dist/chunk-PO6POUPL.mjs.map +0 -1
- package/dist/loginReport-5QYHG6OM.mjs.map +0 -1
- /package/dist/{agentDetailReport-JYBV3TF6.mjs.map → agentDetailReport-F7XZLVVO.mjs.map} +0 -0
- /package/dist/{chunk-UNTGXE6T.mjs.map → chunk-5FSMIU5K.mjs.map} +0 -0
- /package/dist/{chunk-ATAP77RC.mjs.map → chunk-QPOHVXUK.mjs.map} +0 -0
- /package/dist/{liveStatus-E7UP37FK.mjs.map → liveStatus-F6AKCC27.mjs.map} +0 -0
|
@@ -3,22 +3,32 @@ import {
|
|
|
3
3
|
getCdrReport,
|
|
4
4
|
getQueues,
|
|
5
5
|
getRecordingByCall
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-5FSMIU5K.mjs";
|
|
7
|
+
import {
|
|
8
|
+
Download_default
|
|
9
|
+
} from "./chunk-3DOSR6LQ.mjs";
|
|
7
10
|
import {
|
|
8
11
|
AuditReportDialog
|
|
9
|
-
} from "./chunk-
|
|
12
|
+
} from "./chunk-6MURUWDX.mjs";
|
|
10
13
|
import {
|
|
11
14
|
ReportFilterBar,
|
|
12
15
|
SearchBar,
|
|
13
16
|
headCellSx
|
|
14
|
-
} from "./chunk-
|
|
17
|
+
} from "./chunk-53DYH64M.mjs";
|
|
15
18
|
import {
|
|
16
19
|
SDKPermissionGuard,
|
|
17
20
|
useSDKPermissions
|
|
18
|
-
} from "./chunk-
|
|
21
|
+
} from "./chunk-YFW47Y76.mjs";
|
|
22
|
+
import "./chunk-XA5SCAZJ.mjs";
|
|
23
|
+
import {
|
|
24
|
+
FileDownload_default
|
|
25
|
+
} from "./chunk-MFZKONNR.mjs";
|
|
26
|
+
import {
|
|
27
|
+
PlayArrow_default
|
|
28
|
+
} from "./chunk-MBXHRFGP.mjs";
|
|
19
29
|
import {
|
|
20
30
|
PageHeader
|
|
21
|
-
} from "./chunk-
|
|
31
|
+
} from "./chunk-XMRM5VR4.mjs";
|
|
22
32
|
import {
|
|
23
33
|
AppButton
|
|
24
34
|
} from "./chunk-HBR2JS4C.mjs";
|
|
@@ -26,13 +36,17 @@ import {
|
|
|
26
36
|
AdapterDayjs,
|
|
27
37
|
LocalizationProvider
|
|
28
38
|
} from "./chunk-AJQBR3AZ.mjs";
|
|
39
|
+
import {
|
|
40
|
+
Refresh_default
|
|
41
|
+
} from "./chunk-RSL5OBRQ.mjs";
|
|
29
42
|
import {
|
|
30
43
|
SDKProvider
|
|
31
44
|
} from "./chunk-6ICPXSN6.mjs";
|
|
32
45
|
import {
|
|
33
46
|
SDK_PERMISSIONS,
|
|
47
|
+
createSvgIcon,
|
|
34
48
|
deepFindArray
|
|
35
|
-
} from "./chunk-
|
|
49
|
+
} from "./chunk-Q7FIRWF2.mjs";
|
|
36
50
|
import {
|
|
37
51
|
__spreadProps,
|
|
38
52
|
__spreadValues
|
|
@@ -65,11 +79,14 @@ import {
|
|
|
65
79
|
Tooltip,
|
|
66
80
|
Typography
|
|
67
81
|
} from "@mui/material";
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
import
|
|
71
|
-
|
|
72
|
-
|
|
82
|
+
|
|
83
|
+
// node_modules/@mui/icons-material/Assignment.mjs
|
|
84
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
85
|
+
var Assignment_default = createSvgIcon(/* @__PURE__ */ _jsx("path", {
|
|
86
|
+
d: "M19 3h-4.18C14.4 1.84 13.3 1 12 1s-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1m2 14H7v-2h7zm3-4H7v-2h10zm0-4H7V7h10z"
|
|
87
|
+
}), "Assignment");
|
|
88
|
+
|
|
89
|
+
// call-control-sdk/lib/pages/cdrReport/index.tsx
|
|
73
90
|
import dayjs from "dayjs";
|
|
74
91
|
import isoWeek from "dayjs/plugin/isoWeek";
|
|
75
92
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -243,7 +260,7 @@ function RecordingCell({
|
|
|
243
260
|
size: "small",
|
|
244
261
|
onClick: handleDownload,
|
|
245
262
|
sx: { color: COLORS.blue, p: 0.4 },
|
|
246
|
-
children: /* @__PURE__ */ jsx(
|
|
263
|
+
children: /* @__PURE__ */ jsx(FileDownload_default, { sx: { fontSize: 16 } })
|
|
247
264
|
}
|
|
248
265
|
) })
|
|
249
266
|
] });
|
|
@@ -256,7 +273,7 @@ function RecordingCell({
|
|
|
256
273
|
onClick: handlePlay,
|
|
257
274
|
disabled: loading || error || unavailable,
|
|
258
275
|
sx: { color: unavailable ? "#b0b8c8" : COLORS.green, p: 0.4 },
|
|
259
|
-
children: loading ? /* @__PURE__ */ jsx(CircularProgress, { size: 14 }) : /* @__PURE__ */ jsx(
|
|
276
|
+
children: loading ? /* @__PURE__ */ jsx(CircularProgress, { size: 14 }) : /* @__PURE__ */ jsx(PlayArrow_default, { sx: { fontSize: 16 } })
|
|
260
277
|
}
|
|
261
278
|
) }) }),
|
|
262
279
|
/* @__PURE__ */ jsx(
|
|
@@ -270,7 +287,7 @@ function RecordingCell({
|
|
|
270
287
|
onClick: handleDownload,
|
|
271
288
|
disabled: loading || error || unavailable,
|
|
272
289
|
sx: { color: unavailable ? "#b0b8c8" : COLORS.blue, p: 0.4 },
|
|
273
|
-
children: /* @__PURE__ */ jsx(
|
|
290
|
+
children: /* @__PURE__ */ jsx(FileDownload_default, { sx: { fontSize: 16 } })
|
|
274
291
|
}
|
|
275
292
|
) })
|
|
276
293
|
}
|
|
@@ -470,7 +487,7 @@ function CdrReportContent() {
|
|
|
470
487
|
children: /* @__PURE__ */ jsx(
|
|
471
488
|
AppButton,
|
|
472
489
|
{
|
|
473
|
-
startIcon: /* @__PURE__ */ jsx(
|
|
490
|
+
startIcon: /* @__PURE__ */ jsx(Download_default, { sx: { fontSize: "0.95rem !important" } }),
|
|
474
491
|
disabled: !records.length,
|
|
475
492
|
onClick: handleExportExcel,
|
|
476
493
|
sx: { height: 36 },
|
|
@@ -510,7 +527,7 @@ function CdrReportContent() {
|
|
|
510
527
|
extra: /* @__PURE__ */ jsx(
|
|
511
528
|
AppButton,
|
|
512
529
|
{
|
|
513
|
-
startIcon: /* @__PURE__ */ jsx(
|
|
530
|
+
startIcon: /* @__PURE__ */ jsx(Refresh_default, { sx: { fontSize: "0.9rem !important" } }),
|
|
514
531
|
disabled: loading,
|
|
515
532
|
onClick: handleRefresh,
|
|
516
533
|
sx: { height: 32 },
|
|
@@ -641,7 +658,7 @@ function CdrReportContent() {
|
|
|
641
658
|
setAuditDialogOpen(true);
|
|
642
659
|
},
|
|
643
660
|
sx: { color: COLORS.blue, p: 0.4 },
|
|
644
|
-
children: /* @__PURE__ */ jsx(
|
|
661
|
+
children: /* @__PURE__ */ jsx(Assignment_default, { sx: { fontSize: 16 } })
|
|
645
662
|
}
|
|
646
663
|
) }) }),
|
|
647
664
|
canViewRecording && /* @__PURE__ */ jsx(TableCell, { sx: { verticalAlign: "middle" }, children: row.callUuid ? /* @__PURE__ */ jsx(
|
|
@@ -846,4 +863,4 @@ var cdrReport_default = CdrReport;
|
|
|
846
863
|
export {
|
|
847
864
|
cdrReport_default as default
|
|
848
865
|
};
|
|
849
|
-
//# sourceMappingURL=cdrReport-
|
|
866
|
+
//# sourceMappingURL=cdrReport-EZNOCELK.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../call-control-sdk/lib/pages/cdrReport/index.tsx","../node_modules/@mui/icons-material/Assignment.mjs"],"sourcesContent":["import React, {\r\n useCallback,\r\n useEffect,\r\n useMemo,\r\n useRef,\r\n useState,\r\n} from \"react\";\r\nimport {\r\n Alert,\r\n Box,\r\n Chip,\r\n Paper,\r\n Stack,\r\n Table,\r\n TableBody,\r\n TableCell,\r\n TableContainer,\r\n TableHead,\r\n TableRow,\r\n TablePagination,\r\n TableSortLabel,\r\n CircularProgress,\r\n IconButton,\r\n Tooltip,\r\n Typography,\r\n} from \"@mui/material\";\r\nimport AppButton from \"../common/components/AppButton\";\r\nimport AuditReportDialog from \"../common/components/AuditReport\";\r\n\r\nimport ReportFilterBar, {\r\n type QuickRange,\r\n} from \"../common/components/ReportFilterBar\";\r\nimport DownloadIcon from \"@mui/icons-material/Download\";\r\nimport RefreshIcon from \"@mui/icons-material/Refresh\";\r\nimport PlayArrowIcon from \"@mui/icons-material/PlayArrow\";\r\nimport FileDownloadIcon from \"@mui/icons-material/FileDownload\";\r\nimport AssignmentIcon from \"@mui/icons-material/Assignment\";\r\n\r\nimport dayjs, { Dayjs } from \"dayjs\";\r\nimport isoWeek from \"dayjs/plugin/isoWeek\";\r\n\r\nimport { LocalizationProvider } from \"@mui/x-date-pickers/LocalizationProvider\";\r\nimport { AdapterDayjs } from \"@mui/x-date-pickers/AdapterDayjs\";\r\nimport {\r\n getCdrReport,\r\n exportCdrReportToExcel,\r\n getRecordingByCall,\r\n getQueues,\r\n type Queue,\r\n} from \"./useCdrReport\";\r\nimport { deepFindArray } from \"../../services/axios\";\r\nimport type { CdrReportParams, CdrRecordResponse } from \"./types\";\r\nimport { type AgentOption } from \"../common/components/AgentMultiSelect\";\r\nimport { headCellSx } from \"../common/utils/tableStyles\";\r\nimport PageHeader from \"../common/components/PageHeader\";\r\nimport SearchBar from \"../common/components/SearchBar\";\r\n\r\nimport { SDKProvider } from \"../../components/SDKProvider\";\r\nimport { SDKPermissionGuard } from \"../../components/SDKPermissionGuard\";\r\nimport { useSDKPermissions } from \"../../hooks/useSDKPermissions\";\r\nimport { SDK_PERMISSIONS } from \"../../permissions/sdk-constants\";\r\n\r\ndayjs.extend(isoWeek);\r\n\r\nconst FONT =\r\n \"'Inter', 'Segoe UI', 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif\";\r\n\r\nconst COLORS = {\r\n navy: \"#0d2a56\",\r\n blue: \"#1565c8\",\r\n green: \"#0a9a62\",\r\n amber: \"#c47c00\",\r\n red: \"#cc2a2a\",\r\n purple: \"#6b3fbf\",\r\n bg: \"transparent\",\r\n surface: \"transparent\",\r\n} as const;\r\n\r\nconst DEFAULT_PAGE_SIZE = 15;\r\n\r\ntype SortKey =\r\n | \"phoneNumber\"\r\n | \"callStartTime\"\r\n | \"callType\"\r\n | \"callStatus\"\r\n | \"agentName\"\r\n | \"queueName\"\r\n | \"extension\"\r\n | \"talkDurationFmt\"\r\n | \"holdDurationFmt\"\r\n | \"ringingDurationFmt\"\r\n | \"queueDurationFmt\"\r\n | \"wrapupDurationFmt\"\r\n | \"disposition\"\r\n | \"remarks\"\r\n | \"wasTransferred\";\r\n\r\ntype SortDir = \"asc\" | \"desc\";\r\n\r\nconst comparator = (\r\n a: CdrRecordResponse,\r\n b: CdrRecordResponse,\r\n key: SortKey,\r\n): number => {\r\n const av = a[key as keyof CdrRecordResponse];\r\n const bv = b[key as keyof CdrRecordResponse];\r\n if (typeof av === \"number\" && typeof bv === \"number\") return av - bv;\r\n if (typeof av === \"boolean\" && typeof bv === \"boolean\")\r\n return (av ? 1 : 0) - (bv ? 1 : 0);\r\n return String(av ?? \"\").localeCompare(String(bv ?? \"\"));\r\n};\r\n\r\nfunction CallTypePill({ value }: { value: string }) {\r\n const v = (value || \"\").toLowerCase();\r\n let color = \"#6b7b8d\";\r\n let bg = \"transparent\";\r\n if (v.includes(\"inbound\")) {\r\n color = COLORS.green;\r\n bg = \"#e6f7ef\";\r\n } else if (v.includes(\"outbound\")) {\r\n color = COLORS.blue;\r\n bg = \"#e3eefa\";\r\n } else if (v.includes(\"internal\")) {\r\n color = COLORS.purple;\r\n bg = \"#f0e8ff\";\r\n }\r\n return (\r\n <Chip\r\n label={value}\r\n size=\"small\"\r\n sx={{\r\n fontFamily: FONT,\r\n bgcolor: bg,\r\n color,\r\n fontWeight: 600,\r\n fontSize: \"0.65rem\",\r\n height: 20,\r\n borderRadius: \"6px\",\r\n }}\r\n />\r\n );\r\n}\r\n\r\nfunction StatusPill({ value }: { value: string }) {\r\n const v = (value || \"\").toLowerCase();\r\n let color = \"#6b7b8d\";\r\n let bg = \"transparent\";\r\n if (v.includes(\"answered\")) {\r\n color = COLORS.green;\r\n bg = \"#e6f7ef\";\r\n } else if (v.includes(\"abandoned\") || v.includes(\"missed\")) {\r\n color = COLORS.red;\r\n bg = \"#fce8e8\";\r\n }\r\n return (\r\n <Chip\r\n label={value}\r\n size=\"small\"\r\n sx={{\r\n fontFamily: FONT,\r\n bgcolor: bg,\r\n color,\r\n fontWeight: 600,\r\n fontSize: \"0.65rem\",\r\n height: 20,\r\n borderRadius: \"6px\",\r\n }}\r\n />\r\n );\r\n}\r\n\r\nconst fmtRecordingDuration = (s: number): string => {\r\n if (!isFinite(s) || s < 0) return \"\";\r\n const m = Math.floor(s / 60);\r\n const sec = Math.floor(s % 60);\r\n return `${m}:${sec.toString().padStart(2, \"0\")}`;\r\n};\r\n\r\n/* Coordinates playback so only one recording is open at a time. */\r\nconst activePlayers = new Set<(activeId: string) => void>();\r\nconst notifyPlay = (activeId: string) => {\r\n activePlayers.forEach((fn) => fn(activeId));\r\n};\r\n\r\nfunction RecordingCell({\r\n callUuid,\r\n recordingPath,\r\n}: {\r\n callUuid: string;\r\n recordingPath: string | null;\r\n}) {\r\n const [audioUrl, setAudioUrl] = useState<string | null>(null);\r\n const [loading, setLoading] = useState(false);\r\n const [error, setError] = useState(false);\r\n const [durationSec, setDurationSec] = useState<number | null>(null);\r\n const [currentSec, setCurrentSec] = useState(0);\r\n const unavailable = recordingPath === null;\r\n const totalLabel = durationSec != null ? fmtRecordingDuration(durationSec) : \"\";\r\n\r\n const closePlayer = useCallback(() => {\r\n setAudioUrl((prev) => {\r\n if (prev && prev.startsWith(\"blob:\")) URL.revokeObjectURL(prev);\r\n return null;\r\n });\r\n setCurrentSec(0);\r\n setDurationSec(null);\r\n }, []);\r\n\r\n // Close this player whenever another recording starts playing.\r\n useEffect(() => {\r\n const onPlay = (activeId: string) => {\r\n if (activeId !== callUuid) closePlayer();\r\n };\r\n activePlayers.add(onPlay);\r\n return () => {\r\n activePlayers.delete(onPlay);\r\n };\r\n }, [callUuid, closePlayer]);\r\n\r\n const handlePlay = async () => {\r\n if (audioUrl) return;\r\n notifyPlay(callUuid);\r\n try {\r\n setLoading(true);\r\n setError(false);\r\n const blob = await getRecordingByCall(callUuid);\r\n const url = URL.createObjectURL(blob);\r\n setAudioUrl(url);\r\n } catch {\r\n setError(true);\r\n } finally {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const handleDownload = async () => {\r\n try {\r\n const blob = audioUrl\r\n ? await fetch(audioUrl).then((r) => r.blob())\r\n : await getRecordingByCall(callUuid);\r\n const url = URL.createObjectURL(blob);\r\n const a = document.createElement(\"a\");\r\n a.href = url;\r\n a.download = `recording_${callUuid}.wav`;\r\n a.click();\r\n URL.revokeObjectURL(url);\r\n } catch {\r\n /* ignore */\r\n }\r\n };\r\n\r\n if (audioUrl) {\r\n return (\r\n <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 0.5 }}>\r\n <audio\r\n controls\r\n autoPlay\r\n src={audioUrl}\r\n onLoadedMetadata={(e) => setDurationSec(e.currentTarget.duration)}\r\n onTimeUpdate={(e) => setCurrentSec(e.currentTarget.currentTime)}\r\n onEnded={closePlayer}\r\n style={{ width: 180, height: 30 }}\r\n />\r\n {totalLabel && (\r\n <Typography sx={{ fontSize: 12, fontWeight: 600, color: COLORS.navy, whiteSpace: \"nowrap\" }}>\r\n {fmtRecordingDuration(currentSec)} / {totalLabel}\r\n </Typography>\r\n )}\r\n <Tooltip title=\"Download\">\r\n <IconButton\r\n size=\"small\"\r\n onClick={handleDownload}\r\n sx={{ color: COLORS.blue, p: 0.4 }}\r\n >\r\n <FileDownloadIcon sx={{ fontSize: 16 }} />\r\n </IconButton>\r\n </Tooltip>\r\n </Box>\r\n );\r\n }\r\n\r\n return (\r\n <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 0.3 }}>\r\n <Tooltip title={unavailable || error ? \"Recording Unavailable\" : \"Play\"}>\r\n <span>\r\n <IconButton\r\n size=\"small\"\r\n onClick={handlePlay}\r\n disabled={loading || error || unavailable}\r\n sx={{ color: unavailable ? \"#b0b8c8\" : COLORS.green, p: 0.4 }}\r\n >\r\n {loading ? (\r\n <CircularProgress size={14} />\r\n ) : (\r\n <PlayArrowIcon sx={{ fontSize: 16 }} />\r\n )}\r\n </IconButton>\r\n </span>\r\n </Tooltip>\r\n <Tooltip\r\n title={unavailable || error ? \"Recording Unavailable\" : \"Download\"}\r\n >\r\n <span>\r\n <IconButton\r\n size=\"small\"\r\n onClick={handleDownload}\r\n disabled={loading || error || unavailable}\r\n sx={{ color: unavailable ? \"#b0b8c8\" : COLORS.blue, p: 0.4 }}\r\n >\r\n <FileDownloadIcon sx={{ fontSize: 16 }} />\r\n </IconButton>\r\n </span>\r\n </Tooltip>\r\n {totalLabel && (\r\n <Typography sx={{ fontSize: 12, fontWeight: 600, color: COLORS.navy, whiteSpace: \"nowrap\", ml: 0.3 }}>\r\n {totalLabel}\r\n </Typography>\r\n )}\r\n </Box>\r\n );\r\n}\r\n\r\nfunction CdrReportContent() {\r\n // These columns show when the backend grants the matching permission,\r\n // OR when the user has the CDR \"manage\" permission.\r\n const { hasAnyPermission } = useSDKPermissions();\r\n const canViewRecording = hasAnyPermission([\r\n SDK_PERMISSIONS.REPORTS_CDR_RECORDING,\r\n SDK_PERMISSIONS.REPORTS_CDR_MANAGE,\r\n ]);\r\n const canViewAudit = hasAnyPermission([\r\n SDK_PERMISSIONS.REPORTS_CDR_AUDIT,\r\n SDK_PERMISSIONS.REPORTS_CDR_MANAGE,\r\n ]);\r\n\r\n const [startDate, setStartDate] = useState<Dayjs | null>(\r\n dayjs().startOf(\"day\"),\r\n );\r\n const [endDate, setEndDate] = useState<Dayjs | null>(dayjs());\r\n const [activeQuickDate, setActiveQuickDate] = useState<\r\n \"today\" | \"week\" | \"month\" | null\r\n >(\"today\");\r\n const [searchText, setSearchText] = useState(\"\");\r\n\r\n const [selectedAgents, setSelectedAgents] = useState<AgentOption[]>([]);\r\n const [isAllUsersSelected, setIsAllUsersSelected] = useState(false);\r\n\r\n const [queues, setQueues] = useState<Queue[]>([]);\r\n const [selectedQueues, setSelectedQueues] = useState<Queue[]>([]);\r\n\r\n const [callType, setCallType] = useState<string>(\"\");\r\n const [callStatus, setCallStatus] = useState<string>(\"\");\r\n\r\n const [records, setRecords] = useState<CdrRecordResponse[]>([]);\r\n const [totalRecords, setTotalRecords] = useState(0);\r\n const [loading, setLoading] = useState(false);\r\n const [error, setError] = useState(\"\");\r\n\r\n const [page, setPage] = useState(0);\r\n const [rowsPerPage, setRowsPerPage] = useState(DEFAULT_PAGE_SIZE);\r\n const [sortKey, setSortKey] = useState<SortKey>(\"callStartTime\");\r\n const [sortDir, setSortDir] = useState<SortDir>(\"desc\");\r\n\r\n const [auditDialogOpen, setAuditDialogOpen] = useState(false);\r\n const [selectedAuditRow, setSelectedAuditRow] =\r\n useState<CdrRecordResponse | null>(null);\r\n\r\n useEffect(() => {\r\n getQueues()\r\n .then((data) => setQueues(data || []))\r\n .catch(() => setError(\"Failed to load filter options\"));\r\n }, []);\r\n\r\n const handleQuickRangeChange = (range: QuickRange) => {\r\n setActiveQuickDate(range || null);\r\n };\r\n\r\n const [debouncedSearch, setDebouncedSearch] = useState(\"\");\r\n const debounceRef = useRef<ReturnType<typeof setTimeout>>(undefined);\r\n\r\n useEffect(() => {\r\n debounceRef.current = setTimeout(\r\n () => setDebouncedSearch(searchText.trim()),\r\n 400,\r\n );\r\n return () => clearTimeout(debounceRef.current);\r\n }, [searchText]);\r\n\r\n const fetchReport = useCallback(\r\n async (pageNum: number) => {\r\n const sd = startDate ?? dayjs();\r\n const ed = endDate ?? dayjs();\r\n\r\n if (!sd || !ed) {\r\n setError(\"Select a valid date range\");\r\n return;\r\n }\r\n\r\n const params: CdrReportParams = {\r\n start_date: sd.format(\"YYYY-MM-DDTHH:mm:ss\"),\r\n end_date: ed.format(\"YYYY-MM-DDTHH:mm:ss\"),\r\n agent_id:\r\n !isAllUsersSelected && selectedAgents.length > 0\r\n ? selectedAgents.map((a) => a.id)\r\n : undefined,\r\n // All queues selected → send no queue_id (backend returns all).\r\n queue_id:\r\n selectedQueues.length > 0 && selectedQueues.length < queues.length\r\n ? selectedQueues.map((q) => q.id)\r\n : undefined,\r\n call_type: callType || undefined,\r\n status: callStatus || undefined,\r\n search: debouncedSearch || undefined,\r\n page: pageNum + 1,\r\n pageSize: rowsPerPage,\r\n };\r\n\r\n try {\r\n setError(\"\");\r\n setLoading(true);\r\n const response: any = await getCdrReport(params);\r\n setRecords(\r\n deepFindArray<CdrRecordResponse>(response, [\"data\", \"records\"]),\r\n );\r\n setTotalRecords(\r\n response?.records?.total ??\r\n response?.total ??\r\n response?.data?.total ??\r\n 0,\r\n );\r\n } catch (err: any) {\r\n setError(err?.message || \"Failed to fetch CDR report\");\r\n setRecords([]);\r\n } finally {\r\n setLoading(false);\r\n }\r\n },\r\n [\r\n startDate,\r\n endDate,\r\n selectedAgents,\r\n isAllUsersSelected,\r\n selectedQueues,\r\n callType,\r\n callStatus,\r\n debouncedSearch,\r\n rowsPerPage,\r\n ],\r\n );\r\n\r\n useEffect(() => {\r\n setPage(0);\r\n fetchReport(0);\r\n }, [fetchReport]);\r\n\r\n const handleRefresh = () => {\r\n if (activeQuickDate) {\r\n const now = dayjs();\r\n let sd = now.startOf(\"day\");\r\n const ed = now;\r\n if (activeQuickDate === \"week\") sd = now.startOf(\"week\").startOf(\"day\");\r\n else if (activeQuickDate === \"month\")\r\n sd = now.startOf(\"month\").startOf(\"day\");\r\n setStartDate(sd);\r\n setEndDate(ed);\r\n } else {\r\n fetchReport(page);\r\n }\r\n };\r\n\r\n const handlePageChange = useCallback(\r\n (_event: React.MouseEvent<HTMLButtonElement> | null, newPage: number) => {\r\n setPage(newPage);\r\n fetchReport(newPage);\r\n },\r\n [fetchReport],\r\n );\r\n\r\n const handleSort = (key: SortKey) => {\r\n if (sortKey === key) {\r\n setSortDir((d) => (d === \"asc\" ? \"desc\" : \"asc\"));\r\n } else {\r\n setSortKey(key);\r\n setSortDir(\"asc\");\r\n }\r\n };\r\n\r\n const sortedRecords = useMemo(() => {\r\n const rows = [...records];\r\n rows.sort((a, b) => {\r\n const cmp = comparator(a, b, sortKey);\r\n return sortDir === \"asc\" ? cmp : -cmp;\r\n });\r\n return rows;\r\n }, [records, sortKey, sortDir]);\r\n\r\n const handleExportExcel = async () => {\r\n const sd = startDate ?? dayjs();\r\n const ed = endDate ?? dayjs();\r\n const params: CdrReportParams = {\r\n start_date: sd.format(\"YYYY-MM-DDTHH:mm:ss\"),\r\n end_date: ed.format(\"YYYY-MM-DDTHH:mm:ss\"),\r\n agent_id:\r\n !isAllUsersSelected && selectedAgents.length > 0\r\n ? selectedAgents.map((a) => a.id)\r\n : undefined,\r\n queue_id:\r\n selectedQueues.length > 0 && selectedQueues.length < queues.length\r\n ? selectedQueues.map((q) => q.id)\r\n : undefined,\r\n call_type: callType || undefined,\r\n status: callStatus || undefined,\r\n search: debouncedSearch || undefined,\r\n };\r\n try {\r\n await exportCdrReportToExcel(params);\r\n } catch (err: any) {\r\n setError(err?.message || \"Failed to export Excel\");\r\n }\r\n };\r\n\r\n return (\r\n <LocalizationProvider dateAdapter={AdapterDayjs}>\r\n <Box\r\n sx={{\r\n height: \"100%\",\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n fontFamily: FONT,\r\n }}\r\n >\r\n <PageHeader\r\n title=\"CDR Report\"\r\n actions={\r\n <Stack direction=\"row\" alignItems=\"center\" spacing={1}>\r\n <SearchBar\r\n value={searchText}\r\n onChange={setSearchText}\r\n placeholder=\"Search phone, agent...\"\r\n width={250}\r\n />\r\n <SDKPermissionGuard\r\n permissions={[\r\n SDK_PERMISSIONS.REPORTS_CDR_EXPORT,\r\n SDK_PERMISSIONS.REPORTS_CDR_MANAGE,\r\n ]}\r\n showFallback={false}\r\n >\r\n <AppButton\r\n startIcon={\r\n <DownloadIcon sx={{ fontSize: \"0.95rem !important\" }} />\r\n }\r\n disabled={!records.length}\r\n onClick={handleExportExcel}\r\n sx={{ height: 36 }}\r\n >\r\n Export Excel\r\n </AppButton>\r\n </SDKPermissionGuard>\r\n </Stack>\r\n }\r\n />\r\n\r\n <Box sx={{ flex: 1, overflow: \"auto\", py: 0.8, px: 0 }}>\r\n <Box sx={{ mb: 0.8 }}>\r\n <ReportFilterBar\r\n startDate={startDate}\r\n endDate={endDate}\r\n onStartChange={setStartDate}\r\n onEndChange={setEndDate}\r\n quickRange={activeQuickDate || \"\"}\r\n onQuickRangeChange={handleQuickRangeChange}\r\n showAgentSelect\r\n selectedAgents={selectedAgents}\r\n onAgentsChange={setSelectedAgents}\r\n setIsAllUsersSelected={setIsAllUsersSelected}\r\n showQueueSelect\r\n queues={queues}\r\n selectedQueues={selectedQueues}\r\n onQueuesChange={setSelectedQueues}\r\n showCallTypeSelect\r\n selectedCallType={callType}\r\n onCallTypeChange={setCallType}\r\n showStatusSelect\r\n selectedStatus={callStatus}\r\n onStatusChange={setCallStatus}\r\n extra={\r\n <AppButton\r\n startIcon={\r\n <RefreshIcon sx={{ fontSize: \"0.9rem !important\" }} />\r\n }\r\n disabled={loading}\r\n onClick={handleRefresh}\r\n sx={{ height: 32 }}\r\n >\r\n Refresh\r\n </AppButton>\r\n }\r\n />\r\n\r\n {error && (\r\n <Alert\r\n severity=\"error\"\r\n sx={{ mt: 1, fontFamily: FONT, fontSize: \"0.78rem\" }}\r\n >\r\n {error}\r\n </Alert>\r\n )}\r\n </Box>\r\n\r\n {loading && (\r\n <Box sx={{ textAlign: \"center\", py: 2.5 }}>\r\n <CircularProgress sx={{ color: COLORS.blue }} size={28} />\r\n </Box>\r\n )}\r\n\r\n <Paper\r\n elevation={0}\r\n sx={{\r\n borderRadius: \"8px\",\r\n border: \"1px solid #e0e7ef\",\r\n overflow: \"hidden\",\r\n mb: 2,\r\n }}\r\n >\r\n <TableContainer>\r\n <Table\r\n size=\"small\"\r\n sx={{\r\n minWidth: 1400,\r\n fontFamily: FONT,\r\n \"& .MuiTableCell-root\": {\r\n fontFamily: FONT,\r\n fontSize: \"0.75rem\",\r\n borderBottom: \"1px solid #eef1f6\",\r\n py: 0.6,\r\n px: 1,\r\n },\r\n }}\r\n >\r\n <TableHead>\r\n <TableRow>\r\n {canViewAudit && (\r\n <TableCell\r\n sx={{ ...(headCellSx as object), minWidth: 110, textAlign: \"center\" }}\r\n >\r\n Audit Report\r\n </TableCell>\r\n )}\r\n {canViewRecording && (\r\n <TableCell\r\n sx={{ ...(headCellSx as object), minWidth: 100 }}\r\n >\r\n Recording\r\n </TableCell>\r\n )}\r\n {(\r\n [\r\n { id: \"phoneNumber\" as SortKey, label: \"Phone Number\" },\r\n { id: \"callStartTime\" as SortKey, label: \"Call Start\" },\r\n { id: \"callType\" as SortKey, label: \"Call Type\" },\r\n { id: \"callStatus\" as SortKey, label: \"Status\" },\r\n { id: \"agentName\" as SortKey, label: \"User Name\" },\r\n { id: \"queueName\" as SortKey, label: \"Queues\" },\r\n { id: \"extension\" as SortKey, label: \"Extension\" },\r\n {\r\n id: \"talkDurationFmt\" as SortKey,\r\n label: \"Talk Duration\",\r\n },\r\n {\r\n id: \"holdDurationFmt\" as SortKey,\r\n label: \"Hold Duration\",\r\n },\r\n {\r\n id: \"ringingDurationFmt\" as SortKey,\r\n label: \"Ringing Duration\",\r\n },\r\n {\r\n id: \"queueDurationFmt\" as SortKey,\r\n label: \"Queue Duration\",\r\n },\r\n {\r\n id: \"wrapupDurationFmt\" as SortKey,\r\n label: \"Wrapup Duration\",\r\n },\r\n { id: \"disposition\" as SortKey, label: \"Disposition\" },\r\n { id: \"remarks\" as SortKey, label: \"Remarks\" },\r\n {\r\n id: \"wasTransferred\" as SortKey,\r\n label: \"Transferred\",\r\n },\r\n ] as { id: SortKey; label: string }[]\r\n ).map((col) => (\r\n <TableCell key={col.id} sx={headCellSx}>\r\n <TableSortLabel\r\n active={sortKey === col.id}\r\n direction={sortKey === col.id ? sortDir : \"asc\"}\r\n onClick={() => handleSort(col.id)}\r\n sx={{\r\n \"&.MuiTableSortLabel-root\": { color: \"#333\" },\r\n \"&.MuiTableSortLabel-root:hover\": { color: \"#555\" },\r\n \"&.Mui-active\": { color: \"#333\" },\r\n \"& .MuiTableSortLabel-icon\": {\r\n color: \"#333 !important\",\r\n },\r\n }}\r\n >\r\n {col.label}\r\n </TableSortLabel>\r\n </TableCell>\r\n ))}\r\n </TableRow>\r\n </TableHead>\r\n\r\n <TableBody>\r\n {sortedRecords.map((row, idx) => (\r\n <TableRow\r\n key={row.callUuid || idx}\r\n hover\r\n sx={{\r\n backgroundColor: \"#fff\",\r\n \"&:hover\": { backgroundColor: \"#f0f7f8\" },\r\n }}\r\n >\r\n {canViewAudit && (\r\n <TableCell sx={{ textAlign: \"center\", verticalAlign: \"middle\" }}>\r\n <Tooltip title=\"View Audit Report\">\r\n <IconButton\r\n size=\"small\"\r\n onClick={() => {\r\n setSelectedAuditRow(row);\r\n setAuditDialogOpen(true);\r\n }}\r\n sx={{ color: COLORS.blue, p: 0.4 }}\r\n >\r\n <AssignmentIcon sx={{ fontSize: 16 }} />\r\n </IconButton>\r\n </Tooltip>\r\n </TableCell>\r\n )}\r\n {canViewRecording && (\r\n <TableCell sx={{ verticalAlign: \"middle\" }}>\r\n {row.callUuid ? (\r\n <RecordingCell\r\n callUuid={row.callUuid}\r\n recordingPath={row.recordingPath}\r\n />\r\n ) : null}\r\n </TableCell>\r\n )}\r\n <TableCell\r\n sx={{\r\n fontWeight: 600,\r\n color: COLORS.navy,\r\n fontSize: \"0.75rem\",\r\n }}\r\n >\r\n {row.phoneNumber || \"\"}\r\n </TableCell>\r\n <TableCell sx={{ fontSize: \"0.73rem\", color: \"#4a5568\" }}>\r\n {row.callStartTime\r\n ? dayjs(row.callStartTime).format(\r\n \"DD MMM YYYY hh:mm A\",\r\n )\r\n : \"\"}\r\n </TableCell>\r\n <TableCell>\r\n <CallTypePill value={row.callType || \"\"} />\r\n </TableCell>\r\n <TableCell>\r\n <StatusPill value={row.callStatus || \"\"} />\r\n </TableCell>\r\n <TableCell sx={{ fontSize: \"0.73rem\", color: \"#4a5568\" }}>\r\n {row.agentName || \"\"}\r\n </TableCell>\r\n <TableCell>\r\n {row.queueName ? (\r\n <Chip\r\n label={row.queueName}\r\n size=\"small\"\r\n sx={{\r\n fontFamily: FONT,\r\n backgroundColor: \"#f0ebfa\",\r\n color: COLORS.purple,\r\n fontWeight: 500,\r\n fontSize: \"0.67rem\",\r\n height: 22,\r\n }}\r\n />\r\n ) : null}\r\n </TableCell>\r\n <TableCell sx={{ fontSize: \"0.73rem\", color: \"#4a5568\" }}>\r\n {row.extension || \"\"}\r\n </TableCell>\r\n <TableCell\r\n sx={{\r\n fontWeight: 600,\r\n color: COLORS.blue,\r\n fontSize: \"0.75rem\",\r\n fontVariantNumeric: \"tabular-nums\",\r\n }}\r\n >\r\n {row.talkDurationFmt || \"\"}\r\n </TableCell>\r\n <TableCell\r\n sx={{\r\n fontWeight: 500,\r\n color: COLORS.amber,\r\n fontSize: \"0.75rem\",\r\n fontVariantNumeric: \"tabular-nums\",\r\n }}\r\n >\r\n {row.holdDurationFmt || \"\"}\r\n </TableCell>\r\n <TableCell\r\n sx={{\r\n fontWeight: 500,\r\n fontSize: \"0.75rem\",\r\n fontVariantNumeric: \"tabular-nums\",\r\n }}\r\n >\r\n {row.ringingDurationFmt || \"\"}\r\n </TableCell>\r\n <TableCell\r\n sx={{\r\n fontWeight: 500,\r\n fontSize: \"0.75rem\",\r\n fontVariantNumeric: \"tabular-nums\",\r\n }}\r\n >\r\n {row.queueDurationFmt || \"\"}\r\n </TableCell>\r\n <TableCell\r\n sx={{\r\n fontWeight: 500,\r\n fontSize: \"0.75rem\",\r\n fontVariantNumeric: \"tabular-nums\",\r\n }}\r\n >\r\n {row.wrapupDurationFmt || \"\"}\r\n </TableCell>\r\n <TableCell sx={{ fontSize: \"0.73rem\", color: \"#4a5568\" }}>\r\n {row.disposition || \"\"}\r\n </TableCell>\r\n <TableCell sx={{ fontSize: \"0.73rem\", color: \"#4a5568\" }}>\r\n {row.remarks ? (\r\n <Tooltip title={row.remarks}>\r\n <span\r\n style={{\r\n display: \"inline-block\",\r\n maxWidth: 180,\r\n overflow: \"hidden\",\r\n textOverflow: \"ellipsis\",\r\n whiteSpace: \"nowrap\",\r\n verticalAlign: \"bottom\",\r\n }}\r\n >\r\n {row.remarks}\r\n </span>\r\n </Tooltip>\r\n ) : (\r\n \"\"\r\n )}\r\n </TableCell>\r\n <TableCell>\r\n {row.wasTransferred ? (\r\n <Chip\r\n label=\"Yes\"\r\n size=\"small\"\r\n sx={{\r\n fontFamily: FONT,\r\n backgroundColor: \"#e6f7ef\",\r\n color: COLORS.green,\r\n fontWeight: 600,\r\n fontSize: \"0.65rem\",\r\n height: 20,\r\n borderRadius: \"6px\",\r\n }}\r\n />\r\n ) : (\r\n <Chip\r\n label=\"No\"\r\n size=\"small\"\r\n sx={{\r\n fontFamily: FONT,\r\n backgroundColor: \"transparent\",\r\n color: \"#6b7b8d\",\r\n fontWeight: 600,\r\n fontSize: \"0.65rem\",\r\n height: 20,\r\n borderRadius: \"6px\",\r\n }}\r\n />\r\n )}\r\n </TableCell>\r\n </TableRow>\r\n ))}\r\n </TableBody>\r\n </Table>\r\n </TableContainer>\r\n\r\n <TablePagination\r\n component=\"div\"\r\n count={totalRecords}\r\n page={page}\r\n onPageChange={handlePageChange}\r\n rowsPerPage={rowsPerPage}\r\n rowsPerPageOptions={[10, 15, 25, 50, 100]}\r\n onRowsPerPageChange={(e) => {\r\n setRowsPerPage(parseInt(e.target.value, 10));\r\n setPage(0);\r\n }}\r\n sx={{\r\n borderTop: \"1px solid #eef1f6\",\r\n fontFamily: FONT,\r\n \"& .MuiTablePagination-displayedRows\": {\r\n fontFamily: FONT,\r\n fontSize: \"0.73rem\",\r\n },\r\n \"& .MuiTablePagination-selectLabel\": {\r\n fontFamily: FONT,\r\n fontSize: \"0.73rem\",\r\n },\r\n }}\r\n />\r\n </Paper>\r\n </Box>\r\n </Box>\r\n\r\n <AuditReportDialog\r\n open={auditDialogOpen}\r\n onClose={() => {\r\n setAuditDialogOpen(false);\r\n setSelectedAuditRow(null);\r\n }}\r\n rowData={selectedAuditRow ?? undefined}\r\n />\r\n </LocalizationProvider>\r\n );\r\n}\r\n\r\nconst CdrReport: React.FC = () => (\r\n <SDKProvider>\r\n <CdrReportContent />\r\n </SDKProvider>\r\n);\r\n\r\nexport default CdrReport;\r\n","\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n d: \"M19 3h-4.18C14.4 1.84 13.3 1 12 1s-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1m2 14H7v-2h7zm3-4H7v-2h10zm0-4H7V7h10z\"\n}), 'Assignment');"],"mappings":"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","names":[]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import {
|
|
2
|
+
createSvgIcon
|
|
3
|
+
} from "./chunk-Q7FIRWF2.mjs";
|
|
4
|
+
|
|
5
|
+
// node_modules/@mui/icons-material/Download.mjs
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
var Download_default = createSvgIcon(/* @__PURE__ */ _jsx("path", {
|
|
8
|
+
d: "M5 20h14v-2H5zM19 9h-4V3H9v6H5l7 7z"
|
|
9
|
+
}), "Download");
|
|
10
|
+
|
|
11
|
+
export {
|
|
12
|
+
Download_default
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=chunk-3DOSR6LQ.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../node_modules/@mui/icons-material/Download.mjs"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n d: \"M5 20h14v-2H5zM19 9h-4V3H9v6H5l7 7z\"\n}), 'Download');"],"mappings":";;;;;AAGA,SAAS,OAAO,YAAY;AAC5B,IAAO,mBAAQ,cAA2B,qBAAK,QAAQ;AAAA,EACrD,GAAG;AACL,CAAC,GAAG,UAAU;","names":[]}
|
|
@@ -1,21 +1,25 @@
|
|
|
1
|
+
import {
|
|
2
|
+
Close_default
|
|
3
|
+
} from "./chunk-XA5SCAZJ.mjs";
|
|
1
4
|
import {
|
|
2
5
|
AppButton
|
|
3
6
|
} from "./chunk-HBR2JS4C.mjs";
|
|
4
7
|
import {
|
|
5
8
|
DateRangePicker
|
|
6
9
|
} from "./chunk-AJQBR3AZ.mjs";
|
|
10
|
+
import {
|
|
11
|
+
Search_default
|
|
12
|
+
} from "./chunk-RSL5OBRQ.mjs";
|
|
7
13
|
import {
|
|
8
14
|
END_POINT,
|
|
9
15
|
axios_default
|
|
10
|
-
} from "./chunk-
|
|
16
|
+
} from "./chunk-Q7FIRWF2.mjs";
|
|
11
17
|
import {
|
|
12
18
|
__spreadValues
|
|
13
19
|
} from "./chunk-UB5HSUGK.mjs";
|
|
14
20
|
|
|
15
21
|
// call-control-sdk/lib/pages/common/components/SearchBar.tsx
|
|
16
22
|
import { TextField, InputAdornment, IconButton } from "@mui/material";
|
|
17
|
-
import SearchIcon from "@mui/icons-material/Search";
|
|
18
|
-
import CloseIcon from "@mui/icons-material/Close";
|
|
19
23
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
20
24
|
function SearchBar({
|
|
21
25
|
value,
|
|
@@ -29,8 +33,8 @@ function SearchBar({
|
|
|
29
33
|
inputRef,
|
|
30
34
|
sx
|
|
31
35
|
}) {
|
|
32
|
-
const searchAdornment = /* @__PURE__ */ jsx(InputAdornment, { position: iconPosition, children: /* @__PURE__ */ jsx(
|
|
33
|
-
const clearButton = showClear && value ? /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: () => onChange(""), edge: "end", children: /* @__PURE__ */ jsx(
|
|
36
|
+
const searchAdornment = /* @__PURE__ */ jsx(InputAdornment, { position: iconPosition, children: /* @__PURE__ */ jsx(Search_default, { sx: { color: "#1A5F6C", fontSize: 18 } }) });
|
|
37
|
+
const clearButton = showClear && value ? /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: () => onChange(""), edge: "end", children: /* @__PURE__ */ jsx(Close_default, { sx: { fontSize: 16, color: "#94a3b8" } }) }) }) : null;
|
|
34
38
|
const startAdornment = iconPosition === "start" ? searchAdornment : void 0;
|
|
35
39
|
const endAdornment = iconPosition === "end" ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
36
40
|
clearButton,
|
|
@@ -415,4 +419,4 @@ export {
|
|
|
415
419
|
sortLabelSx,
|
|
416
420
|
reportBodyCellSx
|
|
417
421
|
};
|
|
418
|
-
//# sourceMappingURL=chunk-
|
|
422
|
+
//# sourceMappingURL=chunk-53DYH64M.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../call-control-sdk/lib/pages/common/components/SearchBar.tsx","../call-control-sdk/lib/pages/common/components/ReportFilterBar.tsx","../call-control-sdk/lib/pages/common/components/AgentMultiSelect.tsx","../call-control-sdk/lib/pages/common/utils/tableStyles.ts"],"sourcesContent":["import React from \"react\";\r\nimport { TextField, InputAdornment, IconButton } from \"@mui/material\";\r\nimport SearchIcon from \"@mui/icons-material/Search\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\n\r\ninterface SearchBarProps {\r\n value: string;\r\n onChange: (value: string) => void;\r\n placeholder?: string;\r\n iconPosition?: \"start\" | \"end\";\r\n showClear?: boolean;\r\n width?: number | string | Record<string, number | string>;\r\n borderRadius?: number | string;\r\n autoFocus?: boolean;\r\n inputRef?: React.Ref<any>;\r\n sx?: SxProps<Theme>;\r\n}\r\n\r\nexport default function SearchBar({\r\n value,\r\n onChange,\r\n placeholder = \"Search...\",\r\n iconPosition = \"start\",\r\n showClear = true,\r\n width = 250,\r\n borderRadius = \"50px\",\r\n autoFocus = false,\r\n inputRef,\r\n sx,\r\n}: SearchBarProps) {\r\n const searchAdornment = (\r\n <InputAdornment position={iconPosition}>\r\n <SearchIcon sx={{ color: \"#1A5F6C\", fontSize: 18 }} />\r\n </InputAdornment>\r\n );\r\n\r\n const clearButton =\r\n showClear && value ? (\r\n <InputAdornment position=\"end\">\r\n <IconButton size=\"small\" onClick={() => onChange(\"\")} edge=\"end\">\r\n <CloseIcon sx={{ fontSize: 16, color: \"#94a3b8\" }} />\r\n </IconButton>\r\n </InputAdornment>\r\n ) : null;\r\n\r\n const startAdornment = iconPosition === \"start\" ? searchAdornment : undefined;\r\n const endAdornment =\r\n iconPosition === \"end\" ? (\r\n <>\r\n {clearButton}\r\n {searchAdornment}\r\n </>\r\n ) : (\r\n clearButton || undefined\r\n );\r\n\r\n return (\r\n <TextField\r\n size=\"small\"\r\n placeholder={placeholder}\r\n value={value}\r\n autoFocus={autoFocus}\r\n inputRef={inputRef}\r\n onChange={(e) => onChange(e.target.value)}\r\n InputProps={{ startAdornment, endAdornment }}\r\n sx={{\r\n width,\r\n \"& .MuiOutlinedInput-root\": {\r\n borderRadius,\r\n height: 36,\r\n backgroundColor: \"#f5f7f8\",\r\n \"& fieldset\": { borderColor: \"#dde3e8\" },\r\n \"&:hover fieldset\": { borderColor: \"#1A5F6C\" },\r\n \"&.Mui-focused fieldset\": { borderColor: \"#1A5F6C\", borderWidth: \"1.5px\" },\r\n },\r\n \"& .MuiInputBase-input\": {\r\n fontSize: \"0.85rem\",\r\n \"&::placeholder\": { color: \"#94a3b8\", opacity: 1 },\r\n },\r\n ...((sx as object) || {}),\r\n }}\r\n />\r\n );\r\n}\r\n","import React from \"react\";\r\nimport {\r\n Box,\r\n Checkbox,\r\n FormControl,\r\n InputLabel,\r\n MenuItem,\r\n Select,\r\n TextField,\r\n CircularProgress,\r\n} from \"@mui/material\";\r\nimport AppButton from \"./AppButton\";\r\nimport dayjs, { Dayjs } from \"dayjs\";\r\nimport isoWeek from \"dayjs/plugin/isoWeek\";\r\nimport SearchBar from \"./SearchBar\";\r\nimport DateRangePicker from \"./DateRangePicker\";\r\nimport AgentMultiSelect, { type AgentOption } from \"./AgentMultiSelect\";\r\nimport { type Queue } from \"../../cdrReport/useCdrReport\";\r\n\r\ndayjs.extend(isoWeek);\r\n\r\nconst FILTER_HEIGHT = 32;\r\n\r\ntype QuickRange = \"today\" | \"week\" | \"month\" | \"\";\r\n\r\ninterface ProcessOption {\r\n label: string;\r\n value: string;\r\n}\r\n\r\ninterface ReportFilterBarProps {\r\n startDate: Dayjs | null;\r\n endDate: Dayjs | null;\r\n onStartChange: (val: Dayjs | null) => void;\r\n onEndChange: (val: Dayjs | null) => void;\r\n showTime?: boolean;\r\n quickRange: string;\r\n onQuickRangeChange: (range: QuickRange) => void;\r\n showAgentSelect?: boolean;\r\n selectedAgents?: AgentOption[];\r\n onAgentsChange?: (agents: AgentOption[]) => void;\r\n showQueueSelect?: boolean;\r\n queues?: Queue[];\r\n selectedQueues?: Queue[];\r\n onQueuesChange?: (queues: Queue[]) => void;\r\n showProcessSelect?: boolean;\r\n processes?: ProcessOption[];\r\n selectedProcess?: string;\r\n onProcessChange?: (process: string) => void;\r\n showCallTypeSelect?: boolean;\r\n selectedCallType?: string;\r\n onCallTypeChange?: (callType: string) => void;\r\n callTypeOptions?: ProcessOption[];\r\n showStatusSelect?: boolean;\r\n selectedStatus?: string;\r\n onStatusChange?: (status: string) => void;\r\n statusOptions?: ProcessOption[];\r\n showSearchBar?: boolean;\r\n searchValue?: string;\r\n onSearchChange?: (value: string) => void;\r\n searchPlaceholder?: string;\r\n showSearchButton?: boolean;\r\n onSearch?: () => void;\r\n loading?: boolean;\r\n extra?: React.ReactNode;\r\n setIsAllUsersSelected?: (allSelected: boolean) => void;\r\n}\r\n\r\nexport default function ReportFilterBar({\r\n startDate,\r\n endDate,\r\n onStartChange,\r\n onEndChange,\r\n showTime = true,\r\n quickRange,\r\n onQuickRangeChange,\r\n showAgentSelect = false,\r\n selectedAgents = [],\r\n onAgentsChange,\r\n setIsAllUsersSelected,\r\n showQueueSelect = false,\r\n queues = [],\r\n selectedQueues = [],\r\n onQueuesChange,\r\n showProcessSelect = false,\r\n processes = [],\r\n selectedProcess = \"\",\r\n onProcessChange,\r\n showCallTypeSelect = false,\r\n selectedCallType = \"\",\r\n onCallTypeChange,\r\n callTypeOptions = [\r\n { label: \"All Call Types\", value: \"\" },\r\n { label: \"Inbound\", value: \"Inbound\" },\r\n { label: \"Outbound\", value: \"Outbound\" }\r\n ],\r\n showStatusSelect = false,\r\n selectedStatus = \"\",\r\n onStatusChange,\r\n statusOptions = [\r\n { label: \"All Statuses\", value: \"\" },\r\n { label: \"Answered\", value: \"Answered\" },\r\n { label: \"Abandoned\", value: \"Abandoned\" },\r\n { label: \"Not Answered\", value: \"NO_ANSWER\" },\r\n ],\r\n showSearchBar = false,\r\n searchValue = \"\",\r\n onSearchChange,\r\n searchPlaceholder = \"Search...\",\r\n showSearchButton = false,\r\n onSearch,\r\n loading = false,\r\n extra,\r\n}: ReportFilterBarProps) {\r\n const setQuick = (range: QuickRange) => {\r\n onQuickRangeChange(range);\r\n const today = dayjs();\r\n let sd: Dayjs = today.startOf(\"day\");\r\n const ed: Dayjs = today;\r\n if (range === \"week\") sd = today.startOf(\"week\").startOf(\"day\");\r\n else if (range === \"month\") sd = today.startOf(\"month\").startOf(\"day\");\r\n onStartChange(sd);\r\n onEndChange(ed);\r\n };\r\n\r\n return (\r\n <Box sx={{ py: 0.6, px: 1, display: \"flex\", alignItems: \"center\", gap: 1, flexWrap: \"wrap\", rowGap: 1 }}>\r\n <DateRangePicker\r\n startDate={startDate}\r\n endDate={endDate}\r\n onStartChange={(v) => { onStartChange(v); onQuickRangeChange(\"\"); }}\r\n onEndChange={(v) => { onEndChange(v); onQuickRangeChange(\"\"); }}\r\n showTime={showTime}\r\n />\r\n\r\n <AppButton variant={quickRange === \"today\" ? \"primary\" : \"outlined\"} onClick={() => setQuick(\"today\")} sx={{ height: FILTER_HEIGHT, whiteSpace: \"nowrap\" }}>\r\n Today\r\n </AppButton>\r\n <AppButton variant={quickRange === \"week\" ? \"primary\" : \"outlined\"} onClick={() => setQuick(\"week\")} sx={{ height: FILTER_HEIGHT, whiteSpace: \"nowrap\" }}>\r\n This Week\r\n </AppButton>\r\n <AppButton variant={quickRange === \"month\" ? \"primary\" : \"outlined\"} onClick={() => setQuick(\"month\")} sx={{ height: FILTER_HEIGHT, whiteSpace: \"nowrap\" }}>\r\n This Month\r\n </AppButton>\r\n\r\n {showAgentSelect && onAgentsChange && (\r\n <AgentMultiSelect value={selectedAgents} onChange={onAgentsChange} setIsAllUsersSelected={setIsAllUsersSelected} minWidth={130} />\r\n )}\r\n\r\n {showQueueSelect && onQueuesChange && (\r\n <FormControl size=\"small\" sx={{ minWidth: 130 }}>\r\n <InputLabel sx={{ fontSize: \"0.76rem\" }}>All Queues</InputLabel>\r\n <Select\r\n multiple\r\n sx={{ fontSize: \"0.76rem\", height: FILTER_HEIGHT, borderRadius: \"6px\" }}\r\n MenuProps={{\r\n variant: \"menu\",\r\n PaperProps: {\r\n sx: {\r\n maxHeight: 280,\r\n \"& .MuiMenuItem-root\": { fontSize: \"0.76rem\", minHeight: 32, py: 0.3 },\r\n },\r\n },\r\n }}\r\n value={selectedQueues.map((q) => q.id)}\r\n label=\"All Queues\"\r\n onChange={(e) => {\r\n const ids = e.target.value as number[];\r\n if (ids.includes(-1)) {\r\n onQueuesChange(selectedQueues.length === queues.length ? [] : [...queues]);\r\n } else {\r\n onQueuesChange(queues.filter((q) => ids.includes(q.id)));\r\n }\r\n }}\r\n renderValue={(selected) => {\r\n if ((selected as number[]).length === 0) return \"All Queues\";\r\n if ((selected as number[]).length === queues.length) return \"All Queues\";\r\n return `${(selected as number[]).length} Queue(s)`;\r\n }}\r\n >\r\n <MenuItem value={-1}>\r\n <Checkbox checked={selectedQueues.length === queues.length && queues.length > 0} size=\"small\" />\r\n Select All\r\n </MenuItem>\r\n {queues.map((q) => (\r\n <MenuItem key={q.id} value={q.id}>\r\n <Checkbox checked={selectedQueues.some((sq) => sq.id === q.id)} size=\"small\" />\r\n {q.name}\r\n </MenuItem>\r\n ))}\r\n </Select>\r\n </FormControl>\r\n )}\r\n\r\n {showProcessSelect && processes.length > 0 && onProcessChange && (\r\n <TextField\r\n select\r\n size=\"small\"\r\n value={selectedProcess}\r\n onChange={(e) => onProcessChange(e.target.value)}\r\n sx={{ width: 140, \"& .MuiOutlinedInput-root\": { height: FILTER_HEIGHT, borderRadius: \"6px\", fontSize: 13 } }}\r\n >\r\n {processes.map((p) => (\r\n <option key={p.value} value={p.value}>\r\n {p.label}\r\n </option>\r\n ))}\r\n </TextField>\r\n )}\r\n\r\n {showCallTypeSelect && onCallTypeChange && (\r\n <FormControl size=\"small\" sx={{ minWidth: 130 }}>\r\n <InputLabel sx={{ fontSize: \"0.76rem\" }}>Call Type</InputLabel>\r\n <Select\r\n value={selectedCallType}\r\n label=\"Call Type\"\r\n onChange={(e) => onCallTypeChange(e.target.value as string)}\r\n sx={{ fontSize: \"0.76rem\", height: FILTER_HEIGHT, borderRadius: \"6px\" }}\r\n MenuProps={{\r\n PaperProps: {\r\n sx: {\r\n \"& .MuiMenuItem-root\": { fontSize: \"0.76rem\", minHeight: 32, py: 0.3 },\r\n },\r\n },\r\n }}\r\n >\r\n {callTypeOptions.map((opt) => (\r\n <MenuItem key={opt.value || \"all\"} value={opt.value}>\r\n {opt.label}\r\n </MenuItem>\r\n ))}\r\n </Select>\r\n </FormControl>\r\n )}\r\n\r\n {showStatusSelect && onStatusChange && (\r\n <FormControl size=\"small\" sx={{ minWidth: 130 }}>\r\n <InputLabel sx={{ fontSize: \"0.76rem\" }}>Status</InputLabel>\r\n <Select\r\n value={selectedStatus}\r\n label=\"Status\"\r\n onChange={(e) => onStatusChange(e.target.value as string)}\r\n sx={{ fontSize: \"0.76rem\", height: FILTER_HEIGHT, borderRadius: \"6px\" }}\r\n MenuProps={{\r\n PaperProps: {\r\n sx: {\r\n \"& .MuiMenuItem-root\": { fontSize: \"0.76rem\", minHeight: 32, py: 0.3 },\r\n },\r\n },\r\n }}\r\n >\r\n {statusOptions.map((opt) => (\r\n <MenuItem key={opt.value || \"all\"} value={opt.value}>\r\n {opt.label}\r\n </MenuItem>\r\n ))}\r\n </Select>\r\n </FormControl>\r\n )}\r\n\r\n {showSearchBar && onSearchChange && (\r\n <SearchBar\r\n value={searchValue}\r\n onChange={onSearchChange}\r\n placeholder={searchPlaceholder}\r\n width={200}\r\n borderRadius=\"6px\"\r\n sx={{ \"& .MuiOutlinedInput-root\": { height: FILTER_HEIGHT, fontSize: 13 } }}\r\n />\r\n )}\r\n\r\n {showSearchButton && onSearch && (\r\n <AppButton onClick={onSearch} disabled={loading} sx={{ height: FILTER_HEIGHT }}>\r\n {loading ? <CircularProgress size={16} sx={{ color: \"#fff\" }} /> : \"Search\"}\r\n </AppButton>\r\n )}\r\n\r\n {extra}\r\n </Box>\r\n );\r\n}\r\n\r\nexport type { QuickRange, ProcessOption, ReportFilterBarProps };\r\n","import { useState, useEffect } from \"react\";\r\nimport {\r\n Checkbox,\r\n FormControl,\r\n InputLabel,\r\n MenuItem,\r\n Select,\r\n CircularProgress,\r\n Typography,\r\n} from \"@mui/material\";\r\nimport axiosInstance from \"../../../services/axios\";\r\nimport { END_POINT } from \"../../../services/endPoint\";\r\n\r\ninterface User {\r\n id: number;\r\n userId: string;\r\n firstName: string;\r\n lastName: string;\r\n role: any;\r\n}\r\n\r\nasync function getUsers(params?: { role?: string; pageSize?: number }): Promise<User[]> {\r\n const res = await axiosInstance.get(END_POINT.USERS_LIST, { params });\r\n return Array.isArray(res.data) ? res.data : Array.isArray(res.data?.data) ? res.data.data : [];\r\n}\r\n\r\nexport interface AgentOption {\r\n id: number;\r\n userId: string;\r\n displayName: string;\r\n}\r\n\r\ninterface AgentMultiSelectProps {\r\n value: AgentOption[];\r\n onChange: (agents: AgentOption[]) => void;\r\n agents?: AgentOption[];\r\n label?: string;\r\n placeholder?: string;\r\n role?: string;\r\n minWidth?: number;\r\n disabled?: boolean;\r\n setIsAllUsersSelected?: (allSelected: boolean) => void;\r\n}\r\n\r\nconst SELECT_ALL_ID = -999;\r\n\r\nexport default function AgentMultiSelect({\r\n value,\r\n onChange,\r\n agents: externalAgents,\r\n label = \"Agents\",\r\n placeholder = \"All Agents\",\r\n role = \"\",\r\n minWidth = 160,\r\n disabled = false,\r\n setIsAllUsersSelected,\r\n}: AgentMultiSelectProps) {\r\n const [internalAgents, setInternalAgents] = useState<AgentOption[]>([]);\r\n const [loading, setLoading] = useState(false);\r\n\r\n const agents = externalAgents ?? internalAgents;\r\n\r\n useEffect(() => {\r\n if (externalAgents) return;\r\n let cancelled = false;\r\n (async () => {\r\n try {\r\n setLoading(true);\r\n const users = await getUsers(role ? { role, pageSize: 500 } : { pageSize: 500 });\r\n if (cancelled) return;\r\n // An empty `role` lists all users (all roles) instead of agents only.\r\n const filtered = role\r\n ? (users || []).filter((u: User) => {\r\n const roleName =\r\n typeof u.role === \"object\" && u.role !== null ? u.role.name : u.role;\r\n return roleName === role;\r\n })\r\n : (users || []);\r\n setInternalAgents(\r\n filtered.map((u: User) => ({\r\n id: u.id,\r\n userId: u.userId,\r\n displayName:\r\n [u.firstName, u.lastName].filter(Boolean).join(\" \") || u.userId,\r\n })),\r\n );\r\n } catch {\r\n /* silently fail */\r\n } finally {\r\n if (!cancelled) setLoading(false);\r\n }\r\n })();\r\n return () => {\r\n cancelled = true;\r\n };\r\n }, [externalAgents, role]);\r\n\r\n const selectedIds = value.map((a) => a.id);\r\n const allSelected = agents.length > 0 && value.length === agents.length;\r\n\r\n const handleChange = (ids: number[]) => {\r\n setIsAllUsersSelected?.(ids.includes(SELECT_ALL_ID));\r\n if (ids.includes(SELECT_ALL_ID)) {\r\n onChange(allSelected ? [] : [...agents]);\r\n } else {\r\n onChange(agents.filter((a) => ids.includes(a.id)));\r\n }\r\n };\r\n\r\n const renderValue = (selected: unknown) => {\r\n const sel = selected as number[];\r\n if (sel.length === 0 || sel.length === agents.length) return placeholder;\r\n return `${sel.length} Agent(s)`;\r\n };\r\n\r\n return (\r\n <FormControl size=\"small\" sx={{ minWidth }} disabled={disabled || loading}>\r\n <InputLabel sx={{ fontSize: \"0.76rem\" }}>{label}</InputLabel>\r\n <Select\r\n multiple\r\n value={selectedIds}\r\n label={label}\r\n onChange={(e) => handleChange(e.target.value as number[])}\r\n renderValue={renderValue}\r\n sx={{ fontSize: \"0.76rem\", height: 32, borderRadius: \"6px\" }}\r\n MenuProps={{\r\n variant: \"menu\",\r\n PaperProps: {\r\n sx: {\r\n maxHeight: 280,\r\n \"& .MuiMenuItem-root\": { fontSize: \"0.76rem\", minHeight: 32, py: 0.3 },\r\n },\r\n },\r\n }}\r\n >\r\n {loading && (\r\n <MenuItem disabled>\r\n <CircularProgress size={16} sx={{ mr: 1 }} /> Loading…\r\n </MenuItem>\r\n )}\r\n {!loading && (\r\n <MenuItem value={SELECT_ALL_ID}>\r\n <Checkbox checked={allSelected} indeterminate={value.length > 0 && !allSelected} size=\"small\" />\r\n Select All\r\n </MenuItem>\r\n )}\r\n {!loading &&\r\n agents.map((agent) => (\r\n <MenuItem key={agent.id} value={agent.id}>\r\n <Checkbox checked={selectedIds.includes(agent.id)} size=\"small\" />\r\n <Typography noWrap sx={{ fontSize: \"0.76rem\", maxWidth: 180 }} title={agent.displayName}>\r\n {agent.displayName}\r\n </Typography>\r\n </MenuItem>\r\n ))}\r\n </Select>\r\n </FormControl>\r\n );\r\n}\r\n\r\nexport function toAgentOptions(users: User[]): AgentOption[] {\r\n return users.map((u) => ({\r\n id: u.id,\r\n userId: u.userId,\r\n displayName:\r\n [u.firstName, u.lastName].filter(Boolean).join(\" \") || u.userId,\r\n }));\r\n}\r\n","import type { SxProps, Theme } from \"@mui/material/styles\";\r\n\r\nexport const headCellSx: SxProps<Theme> = {\r\n fontFamily: \"poppins, Arial, sans-serif\",\r\n bgcolor: \"#f1f1f1\",\r\n color: \"#333\",\r\n fontWeight: 600,\r\n whiteSpace: \"nowrap\",\r\n fontSize: \"14px\",\r\n};\r\n\r\nexport const sortLabelSx: SxProps<Theme> = {\r\n \"&.MuiTableSortLabel-root\": { color: \"#333\" },\r\n \"&.MuiTableSortLabel-root:hover\": { color: \"#555\" },\r\n \"&.Mui-active\": { color: \"#333\" },\r\n \"& .MuiTableSortLabel-icon\": { color: \"#333 !important\" },\r\n};\r\n\r\nexport const reportBodyCellSx: SxProps<Theme> = {\r\n fontSize: \"0.75rem\",\r\n py: 0.6,\r\n px: 1,\r\n borderBottom: \"1px solid #eef1f6\",\r\n whiteSpace: \"nowrap\",\r\n};\r\n\r\nexport const tableRowSx: SxProps<Theme> = {\r\n \"&:nth-of-type(odd)\": { backgroundColor: \"#fff\" },\r\n \"&:nth-of-type(even)\": { backgroundColor: \"#fff\" },\r\n \"&:hover\": { backgroundColor: \"#f0f7f8\" },\r\n \"&:last-child td, &:last-child th\": { border: 0 },\r\n};\r\n\r\nexport const bodyCellSx: SxProps<Theme> = {\r\n fontFamily: \"poppins, Arial, sans-serif\",\r\n fontSize: \"14px\",\r\n padding: \"4px 12px\",\r\n};\r\n"],"mappings":"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","names":["Checkbox","FormControl","InputLabel","MenuItem","Select","TextField","CircularProgress","jsx","jsxs","jsx","jsxs","FormControl","InputLabel","Select","MenuItem","Checkbox","TextField","CircularProgress"]}
|
|
1
|
+
{"version":3,"sources":["../call-control-sdk/lib/pages/common/components/SearchBar.tsx","../call-control-sdk/lib/pages/common/components/ReportFilterBar.tsx","../call-control-sdk/lib/pages/common/components/AgentMultiSelect.tsx","../call-control-sdk/lib/pages/common/utils/tableStyles.ts"],"sourcesContent":["import React from \"react\";\r\nimport { TextField, InputAdornment, IconButton } from \"@mui/material\";\r\nimport SearchIcon from \"@mui/icons-material/Search\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport type { SxProps, Theme } from \"@mui/material/styles\";\r\n\r\ninterface SearchBarProps {\r\n value: string;\r\n onChange: (value: string) => void;\r\n placeholder?: string;\r\n iconPosition?: \"start\" | \"end\";\r\n showClear?: boolean;\r\n width?: number | string | Record<string, number | string>;\r\n borderRadius?: number | string;\r\n autoFocus?: boolean;\r\n inputRef?: React.Ref<any>;\r\n sx?: SxProps<Theme>;\r\n}\r\n\r\nexport default function SearchBar({\r\n value,\r\n onChange,\r\n placeholder = \"Search...\",\r\n iconPosition = \"start\",\r\n showClear = true,\r\n width = 250,\r\n borderRadius = \"50px\",\r\n autoFocus = false,\r\n inputRef,\r\n sx,\r\n}: SearchBarProps) {\r\n const searchAdornment = (\r\n <InputAdornment position={iconPosition}>\r\n <SearchIcon sx={{ color: \"#1A5F6C\", fontSize: 18 }} />\r\n </InputAdornment>\r\n );\r\n\r\n const clearButton =\r\n showClear && value ? (\r\n <InputAdornment position=\"end\">\r\n <IconButton size=\"small\" onClick={() => onChange(\"\")} edge=\"end\">\r\n <CloseIcon sx={{ fontSize: 16, color: \"#94a3b8\" }} />\r\n </IconButton>\r\n </InputAdornment>\r\n ) : null;\r\n\r\n const startAdornment = iconPosition === \"start\" ? searchAdornment : undefined;\r\n const endAdornment =\r\n iconPosition === \"end\" ? (\r\n <>\r\n {clearButton}\r\n {searchAdornment}\r\n </>\r\n ) : (\r\n clearButton || undefined\r\n );\r\n\r\n return (\r\n <TextField\r\n size=\"small\"\r\n placeholder={placeholder}\r\n value={value}\r\n autoFocus={autoFocus}\r\n inputRef={inputRef}\r\n onChange={(e) => onChange(e.target.value)}\r\n InputProps={{ startAdornment, endAdornment }}\r\n sx={{\r\n width,\r\n \"& .MuiOutlinedInput-root\": {\r\n borderRadius,\r\n height: 36,\r\n backgroundColor: \"#f5f7f8\",\r\n \"& fieldset\": { borderColor: \"#dde3e8\" },\r\n \"&:hover fieldset\": { borderColor: \"#1A5F6C\" },\r\n \"&.Mui-focused fieldset\": { borderColor: \"#1A5F6C\", borderWidth: \"1.5px\" },\r\n },\r\n \"& .MuiInputBase-input\": {\r\n fontSize: \"0.85rem\",\r\n \"&::placeholder\": { color: \"#94a3b8\", opacity: 1 },\r\n },\r\n ...((sx as object) || {}),\r\n }}\r\n />\r\n );\r\n}\r\n","import React from \"react\";\r\nimport {\r\n Box,\r\n Checkbox,\r\n FormControl,\r\n InputLabel,\r\n MenuItem,\r\n Select,\r\n TextField,\r\n CircularProgress,\r\n} from \"@mui/material\";\r\nimport AppButton from \"./AppButton\";\r\nimport dayjs, { Dayjs } from \"dayjs\";\r\nimport isoWeek from \"dayjs/plugin/isoWeek\";\r\nimport SearchBar from \"./SearchBar\";\r\nimport DateRangePicker from \"./DateRangePicker\";\r\nimport AgentMultiSelect, { type AgentOption } from \"./AgentMultiSelect\";\r\nimport { type Queue } from \"../../cdrReport/useCdrReport\";\r\n\r\ndayjs.extend(isoWeek);\r\n\r\nconst FILTER_HEIGHT = 32;\r\n\r\ntype QuickRange = \"today\" | \"week\" | \"month\" | \"\";\r\n\r\ninterface ProcessOption {\r\n label: string;\r\n value: string;\r\n}\r\n\r\ninterface ReportFilterBarProps {\r\n startDate: Dayjs | null;\r\n endDate: Dayjs | null;\r\n onStartChange: (val: Dayjs | null) => void;\r\n onEndChange: (val: Dayjs | null) => void;\r\n showTime?: boolean;\r\n quickRange: string;\r\n onQuickRangeChange: (range: QuickRange) => void;\r\n showAgentSelect?: boolean;\r\n selectedAgents?: AgentOption[];\r\n onAgentsChange?: (agents: AgentOption[]) => void;\r\n showQueueSelect?: boolean;\r\n queues?: Queue[];\r\n selectedQueues?: Queue[];\r\n onQueuesChange?: (queues: Queue[]) => void;\r\n showProcessSelect?: boolean;\r\n processes?: ProcessOption[];\r\n selectedProcess?: string;\r\n onProcessChange?: (process: string) => void;\r\n showCallTypeSelect?: boolean;\r\n selectedCallType?: string;\r\n onCallTypeChange?: (callType: string) => void;\r\n callTypeOptions?: ProcessOption[];\r\n showStatusSelect?: boolean;\r\n selectedStatus?: string;\r\n onStatusChange?: (status: string) => void;\r\n statusOptions?: ProcessOption[];\r\n showSearchBar?: boolean;\r\n searchValue?: string;\r\n onSearchChange?: (value: string) => void;\r\n searchPlaceholder?: string;\r\n showSearchButton?: boolean;\r\n onSearch?: () => void;\r\n loading?: boolean;\r\n extra?: React.ReactNode;\r\n setIsAllUsersSelected?: (allSelected: boolean) => void;\r\n}\r\n\r\nexport default function ReportFilterBar({\r\n startDate,\r\n endDate,\r\n onStartChange,\r\n onEndChange,\r\n showTime = true,\r\n quickRange,\r\n onQuickRangeChange,\r\n showAgentSelect = false,\r\n selectedAgents = [],\r\n onAgentsChange,\r\n setIsAllUsersSelected,\r\n showQueueSelect = false,\r\n queues = [],\r\n selectedQueues = [],\r\n onQueuesChange,\r\n showProcessSelect = false,\r\n processes = [],\r\n selectedProcess = \"\",\r\n onProcessChange,\r\n showCallTypeSelect = false,\r\n selectedCallType = \"\",\r\n onCallTypeChange,\r\n callTypeOptions = [\r\n { label: \"All Call Types\", value: \"\" },\r\n { label: \"Inbound\", value: \"Inbound\" },\r\n { label: \"Outbound\", value: \"Outbound\" }\r\n ],\r\n showStatusSelect = false,\r\n selectedStatus = \"\",\r\n onStatusChange,\r\n statusOptions = [\r\n { label: \"All Statuses\", value: \"\" },\r\n { label: \"Answered\", value: \"Answered\" },\r\n { label: \"Abandoned\", value: \"Abandoned\" },\r\n { label: \"Not Answered\", value: \"NO_ANSWER\" },\r\n ],\r\n showSearchBar = false,\r\n searchValue = \"\",\r\n onSearchChange,\r\n searchPlaceholder = \"Search...\",\r\n showSearchButton = false,\r\n onSearch,\r\n loading = false,\r\n extra,\r\n}: ReportFilterBarProps) {\r\n const setQuick = (range: QuickRange) => {\r\n onQuickRangeChange(range);\r\n const today = dayjs();\r\n let sd: Dayjs = today.startOf(\"day\");\r\n const ed: Dayjs = today;\r\n if (range === \"week\") sd = today.startOf(\"week\").startOf(\"day\");\r\n else if (range === \"month\") sd = today.startOf(\"month\").startOf(\"day\");\r\n onStartChange(sd);\r\n onEndChange(ed);\r\n };\r\n\r\n return (\r\n <Box sx={{ py: 0.6, px: 1, display: \"flex\", alignItems: \"center\", gap: 1, flexWrap: \"wrap\", rowGap: 1 }}>\r\n <DateRangePicker\r\n startDate={startDate}\r\n endDate={endDate}\r\n onStartChange={(v) => { onStartChange(v); onQuickRangeChange(\"\"); }}\r\n onEndChange={(v) => { onEndChange(v); onQuickRangeChange(\"\"); }}\r\n showTime={showTime}\r\n />\r\n\r\n <AppButton variant={quickRange === \"today\" ? \"primary\" : \"outlined\"} onClick={() => setQuick(\"today\")} sx={{ height: FILTER_HEIGHT, whiteSpace: \"nowrap\" }}>\r\n Today\r\n </AppButton>\r\n <AppButton variant={quickRange === \"week\" ? \"primary\" : \"outlined\"} onClick={() => setQuick(\"week\")} sx={{ height: FILTER_HEIGHT, whiteSpace: \"nowrap\" }}>\r\n This Week\r\n </AppButton>\r\n <AppButton variant={quickRange === \"month\" ? \"primary\" : \"outlined\"} onClick={() => setQuick(\"month\")} sx={{ height: FILTER_HEIGHT, whiteSpace: \"nowrap\" }}>\r\n This Month\r\n </AppButton>\r\n\r\n {showAgentSelect && onAgentsChange && (\r\n <AgentMultiSelect value={selectedAgents} onChange={onAgentsChange} setIsAllUsersSelected={setIsAllUsersSelected} minWidth={130} />\r\n )}\r\n\r\n {showQueueSelect && onQueuesChange && (\r\n <FormControl size=\"small\" sx={{ minWidth: 130 }}>\r\n <InputLabel sx={{ fontSize: \"0.76rem\" }}>All Queues</InputLabel>\r\n <Select\r\n multiple\r\n sx={{ fontSize: \"0.76rem\", height: FILTER_HEIGHT, borderRadius: \"6px\" }}\r\n MenuProps={{\r\n variant: \"menu\",\r\n PaperProps: {\r\n sx: {\r\n maxHeight: 280,\r\n \"& .MuiMenuItem-root\": { fontSize: \"0.76rem\", minHeight: 32, py: 0.3 },\r\n },\r\n },\r\n }}\r\n value={selectedQueues.map((q) => q.id)}\r\n label=\"All Queues\"\r\n onChange={(e) => {\r\n const ids = e.target.value as number[];\r\n if (ids.includes(-1)) {\r\n onQueuesChange(selectedQueues.length === queues.length ? [] : [...queues]);\r\n } else {\r\n onQueuesChange(queues.filter((q) => ids.includes(q.id)));\r\n }\r\n }}\r\n renderValue={(selected) => {\r\n if ((selected as number[]).length === 0) return \"All Queues\";\r\n if ((selected as number[]).length === queues.length) return \"All Queues\";\r\n return `${(selected as number[]).length} Queue(s)`;\r\n }}\r\n >\r\n <MenuItem value={-1}>\r\n <Checkbox checked={selectedQueues.length === queues.length && queues.length > 0} size=\"small\" />\r\n Select All\r\n </MenuItem>\r\n {queues.map((q) => (\r\n <MenuItem key={q.id} value={q.id}>\r\n <Checkbox checked={selectedQueues.some((sq) => sq.id === q.id)} size=\"small\" />\r\n {q.name}\r\n </MenuItem>\r\n ))}\r\n </Select>\r\n </FormControl>\r\n )}\r\n\r\n {showProcessSelect && processes.length > 0 && onProcessChange && (\r\n <TextField\r\n select\r\n size=\"small\"\r\n value={selectedProcess}\r\n onChange={(e) => onProcessChange(e.target.value)}\r\n sx={{ width: 140, \"& .MuiOutlinedInput-root\": { height: FILTER_HEIGHT, borderRadius: \"6px\", fontSize: 13 } }}\r\n >\r\n {processes.map((p) => (\r\n <option key={p.value} value={p.value}>\r\n {p.label}\r\n </option>\r\n ))}\r\n </TextField>\r\n )}\r\n\r\n {showCallTypeSelect && onCallTypeChange && (\r\n <FormControl size=\"small\" sx={{ minWidth: 130 }}>\r\n <InputLabel sx={{ fontSize: \"0.76rem\" }}>Call Type</InputLabel>\r\n <Select\r\n value={selectedCallType}\r\n label=\"Call Type\"\r\n onChange={(e) => onCallTypeChange(e.target.value as string)}\r\n sx={{ fontSize: \"0.76rem\", height: FILTER_HEIGHT, borderRadius: \"6px\" }}\r\n MenuProps={{\r\n PaperProps: {\r\n sx: {\r\n \"& .MuiMenuItem-root\": { fontSize: \"0.76rem\", minHeight: 32, py: 0.3 },\r\n },\r\n },\r\n }}\r\n >\r\n {callTypeOptions.map((opt) => (\r\n <MenuItem key={opt.value || \"all\"} value={opt.value}>\r\n {opt.label}\r\n </MenuItem>\r\n ))}\r\n </Select>\r\n </FormControl>\r\n )}\r\n\r\n {showStatusSelect && onStatusChange && (\r\n <FormControl size=\"small\" sx={{ minWidth: 130 }}>\r\n <InputLabel sx={{ fontSize: \"0.76rem\" }}>Status</InputLabel>\r\n <Select\r\n value={selectedStatus}\r\n label=\"Status\"\r\n onChange={(e) => onStatusChange(e.target.value as string)}\r\n sx={{ fontSize: \"0.76rem\", height: FILTER_HEIGHT, borderRadius: \"6px\" }}\r\n MenuProps={{\r\n PaperProps: {\r\n sx: {\r\n \"& .MuiMenuItem-root\": { fontSize: \"0.76rem\", minHeight: 32, py: 0.3 },\r\n },\r\n },\r\n }}\r\n >\r\n {statusOptions.map((opt) => (\r\n <MenuItem key={opt.value || \"all\"} value={opt.value}>\r\n {opt.label}\r\n </MenuItem>\r\n ))}\r\n </Select>\r\n </FormControl>\r\n )}\r\n\r\n {showSearchBar && onSearchChange && (\r\n <SearchBar\r\n value={searchValue}\r\n onChange={onSearchChange}\r\n placeholder={searchPlaceholder}\r\n width={200}\r\n borderRadius=\"6px\"\r\n sx={{ \"& .MuiOutlinedInput-root\": { height: FILTER_HEIGHT, fontSize: 13 } }}\r\n />\r\n )}\r\n\r\n {showSearchButton && onSearch && (\r\n <AppButton onClick={onSearch} disabled={loading} sx={{ height: FILTER_HEIGHT }}>\r\n {loading ? <CircularProgress size={16} sx={{ color: \"#fff\" }} /> : \"Search\"}\r\n </AppButton>\r\n )}\r\n\r\n {extra}\r\n </Box>\r\n );\r\n}\r\n\r\nexport type { QuickRange, ProcessOption, ReportFilterBarProps };\r\n","import { useState, useEffect } from \"react\";\r\nimport {\r\n Checkbox,\r\n FormControl,\r\n InputLabel,\r\n MenuItem,\r\n Select,\r\n CircularProgress,\r\n Typography,\r\n} from \"@mui/material\";\r\nimport axiosInstance from \"../../../services/axios\";\r\nimport { END_POINT } from \"../../../services/endPoint\";\r\n\r\ninterface User {\r\n id: number;\r\n userId: string;\r\n firstName: string;\r\n lastName: string;\r\n role: any;\r\n}\r\n\r\nasync function getUsers(params?: { role?: string; pageSize?: number }): Promise<User[]> {\r\n const res = await axiosInstance.get(END_POINT.USERS_LIST, { params });\r\n return Array.isArray(res.data) ? res.data : Array.isArray(res.data?.data) ? res.data.data : [];\r\n}\r\n\r\nexport interface AgentOption {\r\n id: number;\r\n userId: string;\r\n displayName: string;\r\n}\r\n\r\ninterface AgentMultiSelectProps {\r\n value: AgentOption[];\r\n onChange: (agents: AgentOption[]) => void;\r\n agents?: AgentOption[];\r\n label?: string;\r\n placeholder?: string;\r\n role?: string;\r\n minWidth?: number;\r\n disabled?: boolean;\r\n setIsAllUsersSelected?: (allSelected: boolean) => void;\r\n}\r\n\r\nconst SELECT_ALL_ID = -999;\r\n\r\nexport default function AgentMultiSelect({\r\n value,\r\n onChange,\r\n agents: externalAgents,\r\n label = \"Agents\",\r\n placeholder = \"All Agents\",\r\n role = \"\",\r\n minWidth = 160,\r\n disabled = false,\r\n setIsAllUsersSelected,\r\n}: AgentMultiSelectProps) {\r\n const [internalAgents, setInternalAgents] = useState<AgentOption[]>([]);\r\n const [loading, setLoading] = useState(false);\r\n\r\n const agents = externalAgents ?? internalAgents;\r\n\r\n useEffect(() => {\r\n if (externalAgents) return;\r\n let cancelled = false;\r\n (async () => {\r\n try {\r\n setLoading(true);\r\n const users = await getUsers(role ? { role, pageSize: 500 } : { pageSize: 500 });\r\n if (cancelled) return;\r\n // An empty `role` lists all users (all roles) instead of agents only.\r\n const filtered = role\r\n ? (users || []).filter((u: User) => {\r\n const roleName =\r\n typeof u.role === \"object\" && u.role !== null ? u.role.name : u.role;\r\n return roleName === role;\r\n })\r\n : (users || []);\r\n setInternalAgents(\r\n filtered.map((u: User) => ({\r\n id: u.id,\r\n userId: u.userId,\r\n displayName:\r\n [u.firstName, u.lastName].filter(Boolean).join(\" \") || u.userId,\r\n })),\r\n );\r\n } catch {\r\n /* silently fail */\r\n } finally {\r\n if (!cancelled) setLoading(false);\r\n }\r\n })();\r\n return () => {\r\n cancelled = true;\r\n };\r\n }, [externalAgents, role]);\r\n\r\n const selectedIds = value.map((a) => a.id);\r\n const allSelected = agents.length > 0 && value.length === agents.length;\r\n\r\n const handleChange = (ids: number[]) => {\r\n setIsAllUsersSelected?.(ids.includes(SELECT_ALL_ID));\r\n if (ids.includes(SELECT_ALL_ID)) {\r\n onChange(allSelected ? [] : [...agents]);\r\n } else {\r\n onChange(agents.filter((a) => ids.includes(a.id)));\r\n }\r\n };\r\n\r\n const renderValue = (selected: unknown) => {\r\n const sel = selected as number[];\r\n if (sel.length === 0 || sel.length === agents.length) return placeholder;\r\n return `${sel.length} Agent(s)`;\r\n };\r\n\r\n return (\r\n <FormControl size=\"small\" sx={{ minWidth }} disabled={disabled || loading}>\r\n <InputLabel sx={{ fontSize: \"0.76rem\" }}>{label}</InputLabel>\r\n <Select\r\n multiple\r\n value={selectedIds}\r\n label={label}\r\n onChange={(e) => handleChange(e.target.value as number[])}\r\n renderValue={renderValue}\r\n sx={{ fontSize: \"0.76rem\", height: 32, borderRadius: \"6px\" }}\r\n MenuProps={{\r\n variant: \"menu\",\r\n PaperProps: {\r\n sx: {\r\n maxHeight: 280,\r\n \"& .MuiMenuItem-root\": { fontSize: \"0.76rem\", minHeight: 32, py: 0.3 },\r\n },\r\n },\r\n }}\r\n >\r\n {loading && (\r\n <MenuItem disabled>\r\n <CircularProgress size={16} sx={{ mr: 1 }} /> Loading…\r\n </MenuItem>\r\n )}\r\n {!loading && (\r\n <MenuItem value={SELECT_ALL_ID}>\r\n <Checkbox checked={allSelected} indeterminate={value.length > 0 && !allSelected} size=\"small\" />\r\n Select All\r\n </MenuItem>\r\n )}\r\n {!loading &&\r\n agents.map((agent) => (\r\n <MenuItem key={agent.id} value={agent.id}>\r\n <Checkbox checked={selectedIds.includes(agent.id)} size=\"small\" />\r\n <Typography noWrap sx={{ fontSize: \"0.76rem\", maxWidth: 180 }} title={agent.displayName}>\r\n {agent.displayName}\r\n </Typography>\r\n </MenuItem>\r\n ))}\r\n </Select>\r\n </FormControl>\r\n );\r\n}\r\n\r\nexport function toAgentOptions(users: User[]): AgentOption[] {\r\n return users.map((u) => ({\r\n id: u.id,\r\n userId: u.userId,\r\n displayName:\r\n [u.firstName, u.lastName].filter(Boolean).join(\" \") || u.userId,\r\n }));\r\n}\r\n","import type { SxProps, Theme } from \"@mui/material/styles\";\r\n\r\nexport const headCellSx: SxProps<Theme> = {\r\n fontFamily: \"poppins, Arial, sans-serif\",\r\n bgcolor: \"#f1f1f1\",\r\n color: \"#333\",\r\n fontWeight: 600,\r\n whiteSpace: \"nowrap\",\r\n fontSize: \"14px\",\r\n};\r\n\r\nexport const sortLabelSx: SxProps<Theme> = {\r\n \"&.MuiTableSortLabel-root\": { color: \"#333\" },\r\n \"&.MuiTableSortLabel-root:hover\": { color: \"#555\" },\r\n \"&.Mui-active\": { color: \"#333\" },\r\n \"& .MuiTableSortLabel-icon\": { color: \"#333 !important\" },\r\n};\r\n\r\nexport const reportBodyCellSx: SxProps<Theme> = {\r\n fontSize: \"0.75rem\",\r\n py: 0.6,\r\n px: 1,\r\n borderBottom: \"1px solid #eef1f6\",\r\n whiteSpace: \"nowrap\",\r\n};\r\n\r\nexport const tableRowSx: SxProps<Theme> = {\r\n \"&:nth-of-type(odd)\": { backgroundColor: \"#fff\" },\r\n \"&:nth-of-type(even)\": { backgroundColor: \"#fff\" },\r\n \"&:hover\": { backgroundColor: \"#f0f7f8\" },\r\n \"&:last-child td, &:last-child th\": { border: 0 },\r\n};\r\n\r\nexport const bodyCellSx: SxProps<Theme> = {\r\n fontFamily: \"poppins, Arial, sans-serif\",\r\n fontSize: \"14px\",\r\n padding: \"4px 12px\",\r\n};\r\n"],"mappings":"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","names":["Checkbox","FormControl","InputLabel","MenuItem","Select","TextField","CircularProgress","jsx","jsxs","jsx","jsxs","FormControl","InputLabel","Select","MenuItem","Checkbox","TextField","CircularProgress"]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import {
|
|
2
2
|
END_POINT,
|
|
3
3
|
axios_default
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-Q7FIRWF2.mjs";
|
|
5
5
|
|
|
6
6
|
// call-control-sdk/lib/pages/cdrReport/useCdrReport.ts
|
|
7
7
|
import { useCallback, useState } from "react";
|
|
@@ -58,4 +58,4 @@ export {
|
|
|
58
58
|
exportCdrReportToExcel,
|
|
59
59
|
getRecordingByCall
|
|
60
60
|
};
|
|
61
|
-
//# sourceMappingURL=chunk-
|
|
61
|
+
//# sourceMappingURL=chunk-5FSMIU5K.mjs.map
|
|
@@ -1,7 +1,11 @@
|
|
|
1
|
+
import {
|
|
2
|
+
Close_default
|
|
3
|
+
} from "./chunk-XA5SCAZJ.mjs";
|
|
1
4
|
import {
|
|
2
5
|
END_POINT,
|
|
3
|
-
axios_default
|
|
4
|
-
|
|
6
|
+
axios_default,
|
|
7
|
+
createSvgIcon
|
|
8
|
+
} from "./chunk-Q7FIRWF2.mjs";
|
|
5
9
|
import {
|
|
6
10
|
__spreadProps,
|
|
7
11
|
__spreadValues
|
|
@@ -33,11 +37,32 @@ import {
|
|
|
33
37
|
ToggleButtonGroup
|
|
34
38
|
} from "@mui/material";
|
|
35
39
|
import { alpha } from "@mui/material/styles";
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
import
|
|
39
|
-
|
|
40
|
-
|
|
40
|
+
|
|
41
|
+
// node_modules/@mui/icons-material/Launch.mjs
|
|
42
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
43
|
+
var Launch_default = createSvgIcon(/* @__PURE__ */ _jsx("path", {
|
|
44
|
+
d: "M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3z"
|
|
45
|
+
}), "Launch");
|
|
46
|
+
|
|
47
|
+
// node_modules/@mui/icons-material/CheckCircleOutlined.mjs
|
|
48
|
+
import { jsx as _jsx2 } from "react/jsx-runtime";
|
|
49
|
+
var CheckCircleOutlined_default = createSvgIcon(/* @__PURE__ */ _jsx2("path", {
|
|
50
|
+
d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m4.59-12.42L10 14.17l-2.59-2.58L6 13l4 4 8-8z"
|
|
51
|
+
}), "CheckCircleOutlined");
|
|
52
|
+
|
|
53
|
+
// node_modules/@mui/icons-material/HighlightOff.mjs
|
|
54
|
+
import { jsx as _jsx3 } from "react/jsx-runtime";
|
|
55
|
+
var HighlightOff_default = createSvgIcon(/* @__PURE__ */ _jsx3("path", {
|
|
56
|
+
d: "M14.59 8 12 10.59 9.41 8 8 9.41 10.59 12 8 14.59 9.41 16 12 13.41 14.59 16 16 14.59 13.41 12 16 9.41zM12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8"
|
|
57
|
+
}), "HighlightOff");
|
|
58
|
+
|
|
59
|
+
// node_modules/@mui/icons-material/RemoveCircleOutlined.mjs
|
|
60
|
+
import { jsx as _jsx4 } from "react/jsx-runtime";
|
|
61
|
+
var RemoveCircleOutlined_default = createSvgIcon(/* @__PURE__ */ _jsx4("path", {
|
|
62
|
+
d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m5 11H7v-2h10z"
|
|
63
|
+
}), "RemoveCircleOutlined");
|
|
64
|
+
|
|
65
|
+
// call-control-sdk/lib/pages/common/components/AuditReport.tsx
|
|
41
66
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
42
67
|
function toStringArray(value) {
|
|
43
68
|
if (!value) return [];
|
|
@@ -80,13 +105,13 @@ function StatusIconBadge({ label }) {
|
|
|
80
105
|
const key = label.toLowerCase().replace(/[^a-z]/g, "");
|
|
81
106
|
let icon;
|
|
82
107
|
if (key === "complied" || key === "completed" || key === "pass") {
|
|
83
|
-
icon = /* @__PURE__ */ jsx(
|
|
108
|
+
icon = /* @__PURE__ */ jsx(CheckCircleOutlined_default, { sx: { fontSize: 15, color: "#2e7d32" } });
|
|
84
109
|
} else if (key === "partial") {
|
|
85
|
-
icon = /* @__PURE__ */ jsx(
|
|
110
|
+
icon = /* @__PURE__ */ jsx(RemoveCircleOutlined_default, { sx: { fontSize: 15, color: "#e65100" } });
|
|
86
111
|
} else if (key === "na") {
|
|
87
|
-
icon = /* @__PURE__ */ jsx(
|
|
112
|
+
icon = /* @__PURE__ */ jsx(RemoveCircleOutlined_default, { sx: { fontSize: 15, color: "#757575" } });
|
|
88
113
|
} else {
|
|
89
|
-
icon = /* @__PURE__ */ jsx(
|
|
114
|
+
icon = /* @__PURE__ */ jsx(HighlightOff_default, { sx: { fontSize: 15, color: "#c62828" } });
|
|
90
115
|
}
|
|
91
116
|
return /* @__PURE__ */ jsxs(Box, { sx: { display: "inline-flex", alignItems: "center", gap: "4px" }, children: [
|
|
92
117
|
icon,
|
|
@@ -582,8 +607,8 @@ function AuditReportInner({ callUuid, active = true, primary, onClose, onMaximiz
|
|
|
582
607
|
subtitle && /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.78rem", color: "text.secondary", mt: "3px" }, children: subtitle })
|
|
583
608
|
] }),
|
|
584
609
|
/* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 0.75, flexShrink: 0 }, children: [
|
|
585
|
-
onMaximize && /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: onMaximize, title: "Open in new tab", sx: iconButtonSx, children: /* @__PURE__ */ jsx(
|
|
586
|
-
onClose && /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: onClose, title: "Close", sx: iconButtonSx, children: /* @__PURE__ */ jsx(
|
|
610
|
+
onMaximize && /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: onMaximize, title: "Open in new tab", sx: iconButtonSx, children: /* @__PURE__ */ jsx(Launch_default, { sx: { fontSize: 14 } }) }),
|
|
611
|
+
onClose && /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: onClose, title: "Close", sx: iconButtonSx, children: /* @__PURE__ */ jsx(Close_default, { sx: { fontSize: 15 } }) })
|
|
587
612
|
] })
|
|
588
613
|
] }),
|
|
589
614
|
headerBadges.length > 0 && /* @__PURE__ */ jsx(Box, { sx: { px: { xs: 2, md: 2.5 }, py: "8px", display: "flex", alignItems: "center", gap: "8px", flexWrap: "wrap", borderBottom: "1px solid", borderColor: "divider", backgroundColor: "#f5f7f8", flexShrink: 0 }, children: headerBadges.map(
|
|
@@ -675,4 +700,4 @@ export {
|
|
|
675
700
|
AuditReportDialog,
|
|
676
701
|
AuditReportFullPage
|
|
677
702
|
};
|
|
678
|
-
//# sourceMappingURL=chunk-
|
|
703
|
+
//# sourceMappingURL=chunk-6MURUWDX.mjs.map
|