ahs-cti 0.0.2-beta.8 → 0.0.2

package/dist/chunk-CXULBAK6.mjs

@@ -0,0 +1,493 @@
+import {
+  AppButton
+} from "./chunk-HBR2JS4C.mjs";
+import {
+  END_POINT,
+  axios_default
+} from "./chunk-O2XGWZLT.mjs";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-VQCHBU2Q.mjs";
+
+// call-control-sdk/lib/pages/common/components/SearchBar.tsx
+import { TextField, InputAdornment, IconButton } from "@mui/material";
+import SearchIcon from "@mui/icons-material/Search";
+import CloseIcon from "@mui/icons-material/Close";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function SearchBar({
+  value,
+  onChange,
+  placeholder = "Search...",
+  iconPosition = "start",
+  showClear = true,
+  width = 250,
+  borderRadius = "50px",
+  autoFocus = false,
+  inputRef,
+  sx
+}) {
+  const searchAdornment = /* @__PURE__ */ jsx(InputAdornment, { position: iconPosition, children: /* @__PURE__ */ jsx(SearchIcon, { sx: { color: "#1A5F6C", fontSize: 18 } }) });
+  const clearButton = showClear && value ? /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: () => onChange(""), edge: "end", children: /* @__PURE__ */ jsx(CloseIcon, { sx: { fontSize: 16, color: "#94a3b8" } }) }) }) : null;
+  const startAdornment = iconPosition === "start" ? searchAdornment : void 0;
+  const endAdornment = iconPosition === "end" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    clearButton,
+    searchAdornment
+  ] }) : clearButton || void 0;
+  return /* @__PURE__ */ jsx(
+    TextField,
+    {
+      size: "small",
+      placeholder,
+      value,
+      autoFocus,
+      inputRef,
+      onChange: (e) => onChange(e.target.value),
+      InputProps: { startAdornment, endAdornment },
+      sx: __spreadValues({
+        width,
+        "& .MuiOutlinedInput-root": {
+          borderRadius,
+          height: 36,
+          backgroundColor: "#f5f7f8",
+          "& fieldset": { borderColor: "#dde3e8" },
+          "&:hover fieldset": { borderColor: "#1A5F6C" },
+          "&.Mui-focused fieldset": { borderColor: "#1A5F6C", borderWidth: "1.5px" }
+        },
+        "& .MuiInputBase-input": {
+          fontSize: "0.85rem",
+          "&::placeholder": { color: "#94a3b8", opacity: 1 }
+        }
+      }, sx || {})
+    }
+  );
+}
+
+// call-control-sdk/lib/pages/common/components/ReportFilterBar.tsx
+import {
+  Box,
+  Checkbox as Checkbox2,
+  FormControl as FormControl2,
+  InputLabel as InputLabel2,
+  MenuItem as MenuItem2,
+  Select as Select2,
+  TextField as TextField2,
+  CircularProgress as CircularProgress2
+} from "@mui/material";
+import dayjs2 from "dayjs";
+import isoWeek from "dayjs/plugin/isoWeek";
+
+// call-control-sdk/lib/pages/common/components/DateRangePicker.tsx
+import { Fragment as Fragment2 } from "react";
+import { Typography } from "@mui/material";
+import dayjs from "dayjs";
+import { DateTimePicker } from "@mui/x-date-pickers/DateTimePicker";
+import { DatePicker } from "@mui/x-date-pickers/DatePicker";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var pickerSx = {
+  width: 170,
+  "& .MuiOutlinedInput-root": { borderRadius: "6px", height: 32, px: 0.5 },
+  "& .MuiInputBase-input": { py: 0, px: "4px", fontSize: "0.72rem" },
+  "& .MuiInputAdornment-root": { ml: 0 },
+  "& .MuiInputAdornment-root .MuiSvgIcon-root": { fontSize: "0.8rem" },
+  "& .MuiOutlinedInput-notchedOutline": { borderColor: "#c0c8d4" },
+  "& .MuiPickersSectionList-root": { py: "4px", px: 0, fontSize: 12 }
+};
+function DateRangePicker({
+  startDate,
+  endDate,
+  onStartChange,
+  onEndChange,
+  showTime = true
+}) {
+  const Picker = showTime ? DateTimePicker : DatePicker;
+  const format = showTime ? "DD-MM-YYYY hh:mm A" : void 0;
+  const now = dayjs();
+  const minKey = showTime ? "minDateTime" : "minDate";
+  const maxKey = showTime ? "maxDateTime" : "maxDate";
+  const clampFuture = (v) => {
+    if (!v) return v;
+    const current = dayjs();
+    return v.isAfter(current) ? current : v;
+  };
+  const handleStartChange = (v) => {
+    const clamped = clampFuture(v);
+    onStartChange(clamped);
+    if (clamped && endDate && endDate.isBefore(clamped)) {
+      onEndChange(clamped);
+    }
+  };
+  const handleEndChange = (v) => {
+    let clamped = clampFuture(v);
+    if (clamped && startDate && clamped.isBefore(startDate)) {
+      clamped = startDate;
+    }
+    onEndChange(clamped);
+  };
+  const startMax = endDate && endDate.isBefore(now) ? endDate : now;
+  const startPickerBounds = { [maxKey]: startMax };
+  const endPickerBounds = __spreadValues({
+    [maxKey]: now
+  }, startDate ? { [minKey]: startDate } : {});
+  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsx2(
+      Picker,
+      __spreadProps(__spreadValues(__spreadValues({
+        value: startDate,
+        onChange: (v) => handleStartChange(v),
+        disableFuture: true
+      }, startPickerBounds), format ? { format } : {}), {
+        slotProps: { textField: { size: "small", sx: pickerSx } }
+      })
+    ),
+    /* @__PURE__ */ jsx2(Typography, { sx: { fontSize: "0.72rem", color: "#7a8599" }, children: "to" }),
+    /* @__PURE__ */ jsx2(
+      Picker,
+      __spreadProps(__spreadValues(__spreadValues({
+        value: endDate,
+        onChange: (v) => handleEndChange(v),
+        disableFuture: true
+      }, endPickerBounds), format ? { format } : {}), {
+        slotProps: { textField: { size: "small", sx: pickerSx } }
+      })
+    )
+  ] });
+}
+
+// call-control-sdk/lib/pages/common/components/AgentMultiSelect.tsx
+import { useState, useEffect } from "react";
+import {
+  Checkbox,
+  FormControl,
+  InputLabel,
+  MenuItem,
+  Select,
+  CircularProgress,
+  Typography as Typography2
+} from "@mui/material";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+async function getUsers(params) {
+  var _a;
+  const res = await axios_default.get(END_POINT.USERS_LIST, { params });
+  return Array.isArray(res.data) ? res.data : Array.isArray((_a = res.data) == null ? void 0 : _a.data) ? res.data.data : [];
+}
+var SELECT_ALL_ID = -999;
+function AgentMultiSelect({
+  value,
+  onChange,
+  agents: externalAgents,
+  label = "Agents",
+  placeholder = "All Agents",
+  role = "",
+  minWidth = 160,
+  disabled = false,
+  setIsAllUsersSelected
+}) {
+  const [internalAgents, setInternalAgents] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const agents = externalAgents != null ? externalAgents : internalAgents;
+  useEffect(() => {
+    if (externalAgents) return;
+    let cancelled = false;
+    (async () => {
+      try {
+        setLoading(true);
+        const users = await getUsers(role ? { role, pageSize: 500 } : { pageSize: 500 });
+        if (cancelled) return;
+        const filtered = role ? (users || []).filter((u) => {
+          const roleName = typeof u.role === "object" && u.role !== null ? u.role.name : u.role;
+          return roleName === role;
+        }) : users || [];
+        setInternalAgents(
+          filtered.map((u) => ({
+            id: u.id,
+            userId: u.userId,
+            displayName: [u.firstName, u.lastName].filter(Boolean).join(" ") || u.userId
+          }))
+        );
+      } catch (e) {
+      } finally {
+        if (!cancelled) setLoading(false);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [externalAgents, role]);
+  const selectedIds = value.map((a) => a.id);
+  const allSelected = agents.length > 0 && value.length === agents.length;
+  const handleChange = (ids) => {
+    setIsAllUsersSelected == null ? void 0 : setIsAllUsersSelected(ids.includes(SELECT_ALL_ID));
+    if (ids.includes(SELECT_ALL_ID)) {
+      onChange(allSelected ? [] : [...agents]);
+    } else {
+      onChange(agents.filter((a) => ids.includes(a.id)));
+    }
+  };
+  const renderValue = (selected) => {
+    const sel = selected;
+    if (sel.length === 0 || sel.length === agents.length) return placeholder;
+    return `${sel.length} Agent(s)`;
+  };
+  return /* @__PURE__ */ jsxs3(FormControl, { size: "small", sx: { minWidth }, disabled: disabled || loading, children: [
+    /* @__PURE__ */ jsx3(InputLabel, { sx: { fontSize: "0.76rem" }, children: label }),
+    /* @__PURE__ */ jsxs3(
+      Select,
+      {
+        multiple: true,
+        value: selectedIds,
+        label,
+        onChange: (e) => handleChange(e.target.value),
+        renderValue,
+        sx: { fontSize: "0.76rem", height: 32, borderRadius: "6px" },
+        MenuProps: {
+          variant: "menu",
+          PaperProps: {
+            sx: {
+              maxHeight: 280,
+              "& .MuiMenuItem-root": { fontSize: "0.76rem", minHeight: 32, py: 0.3 }
+            }
+          }
+        },
+        children: [
+          loading && /* @__PURE__ */ jsxs3(MenuItem, { disabled: true, children: [
+            /* @__PURE__ */ jsx3(CircularProgress, { size: 16, sx: { mr: 1 } }),
+            " Loading\u2026"
+          ] }),
+          !loading && /* @__PURE__ */ jsxs3(MenuItem, { value: SELECT_ALL_ID, children: [
+            /* @__PURE__ */ jsx3(Checkbox, { checked: allSelected, indeterminate: value.length > 0 && !allSelected, size: "small" }),
+            "Select All"
+          ] }),
+          !loading && agents.map((agent) => /* @__PURE__ */ jsxs3(MenuItem, { value: agent.id, children: [
+            /* @__PURE__ */ jsx3(Checkbox, { checked: selectedIds.includes(agent.id), size: "small" }),
+            /* @__PURE__ */ jsx3(Typography2, { noWrap: true, sx: { fontSize: "0.76rem", maxWidth: 180 }, title: agent.displayName, children: agent.displayName })
+          ] }, agent.id))
+        ]
+      }
+    )
+  ] });
+}
+
+// call-control-sdk/lib/pages/common/components/ReportFilterBar.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+dayjs2.extend(isoWeek);
+var FILTER_HEIGHT = 32;
+function ReportFilterBar({
+  startDate,
+  endDate,
+  onStartChange,
+  onEndChange,
+  showTime = true,
+  quickRange,
+  onQuickRangeChange,
+  showAgentSelect = false,
+  selectedAgents = [],
+  onAgentsChange,
+  setIsAllUsersSelected,
+  showQueueSelect = false,
+  queues = [],
+  selectedQueues = [],
+  onQueuesChange,
+  showProcessSelect = false,
+  processes = [],
+  selectedProcess = "",
+  onProcessChange,
+  showCallTypeSelect = false,
+  selectedCallType = "",
+  onCallTypeChange,
+  callTypeOptions = [
+    { label: "All Call Types", value: "" },
+    { label: "Inbound", value: "Inbound" },
+    { label: "Outbound", value: "Outbound" }
+  ],
+  showStatusSelect = false,
+  selectedStatus = "",
+  onStatusChange,
+  statusOptions = [
+    { label: "All Statuses", value: "" },
+    { label: "Answered", value: "Answered" },
+    { label: "Abandoned", value: "Abandoned" },
+    { label: "Not Answered", value: "NO_ANSWER" }
+  ],
+  showSearchBar = false,
+  searchValue = "",
+  onSearchChange,
+  searchPlaceholder = "Search...",
+  showSearchButton = false,
+  onSearch,
+  loading = false,
+  extra
+}) {
+  const setQuick = (range) => {
+    onQuickRangeChange(range);
+    const today = dayjs2();
+    let sd = today.startOf("day");
+    const ed = today;
+    if (range === "week") sd = today.startOf("week").startOf("day");
+    else if (range === "month") sd = today.startOf("month").startOf("day");
+    onStartChange(sd);
+    onEndChange(ed);
+  };
+  return /* @__PURE__ */ jsxs4(Box, { sx: { py: 0.6, px: 1, display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap", rowGap: 1 }, children: [
+    /* @__PURE__ */ jsx4(
+      DateRangePicker,
+      {
+        startDate,
+        endDate,
+        onStartChange: (v) => {
+          onStartChange(v);
+          onQuickRangeChange("");
+        },
+        onEndChange: (v) => {
+          onEndChange(v);
+          onQuickRangeChange("");
+        },
+        showTime
+      }
+    ),
+    /* @__PURE__ */ jsx4(AppButton, { variant: quickRange === "today" ? "primary" : "outlined", onClick: () => setQuick("today"), sx: { height: FILTER_HEIGHT, whiteSpace: "nowrap" }, children: "Today" }),
+    /* @__PURE__ */ jsx4(AppButton, { variant: quickRange === "week" ? "primary" : "outlined", onClick: () => setQuick("week"), sx: { height: FILTER_HEIGHT, whiteSpace: "nowrap" }, children: "This Week" }),
+    /* @__PURE__ */ jsx4(AppButton, { variant: quickRange === "month" ? "primary" : "outlined", onClick: () => setQuick("month"), sx: { height: FILTER_HEIGHT, whiteSpace: "nowrap" }, children: "This Month" }),
+    showAgentSelect && onAgentsChange && /* @__PURE__ */ jsx4(AgentMultiSelect, { value: selectedAgents, onChange: onAgentsChange, setIsAllUsersSelected, minWidth: 130 }),
+    showQueueSelect && onQueuesChange && /* @__PURE__ */ jsxs4(FormControl2, { size: "small", sx: { minWidth: 130 }, children: [
+      /* @__PURE__ */ jsx4(InputLabel2, { sx: { fontSize: "0.76rem" }, children: "All Queues" }),
+      /* @__PURE__ */ jsxs4(
+        Select2,
+        {
+          multiple: true,
+          sx: { fontSize: "0.76rem", height: FILTER_HEIGHT, borderRadius: "6px" },
+          MenuProps: {
+            variant: "menu",
+            PaperProps: {
+              sx: {
+                maxHeight: 280,
+                "& .MuiMenuItem-root": { fontSize: "0.76rem", minHeight: 32, py: 0.3 }
+              }
+            }
+          },
+          value: selectedQueues.map((q) => q.id),
+          label: "All Queues",
+          onChange: (e) => {
+            const ids = e.target.value;
+            if (ids.includes(-1)) {
+              onQueuesChange(selectedQueues.length === queues.length ? [] : [...queues]);
+            } else {
+              onQueuesChange(queues.filter((q) => ids.includes(q.id)));
+            }
+          },
+          renderValue: (selected) => {
+            if (selected.length === 0) return "All Queues";
+            if (selected.length === queues.length) return "All Queues";
+            return `${selected.length} Queue(s)`;
+          },
+          children: [
+            /* @__PURE__ */ jsxs4(MenuItem2, { value: -1, children: [
+              /* @__PURE__ */ jsx4(Checkbox2, { checked: selectedQueues.length === queues.length && queues.length > 0, size: "small" }),
+              "Select All"
+            ] }),
+            queues.map((q) => /* @__PURE__ */ jsxs4(MenuItem2, { value: q.id, children: [
+              /* @__PURE__ */ jsx4(Checkbox2, { checked: selectedQueues.some((sq) => sq.id === q.id), size: "small" }),
+              q.name
+            ] }, q.id))
+          ]
+        }
+      )
+    ] }),
+    showProcessSelect && processes.length > 0 && onProcessChange && /* @__PURE__ */ jsx4(
+      TextField2,
+      {
+        select: true,
+        size: "small",
+        value: selectedProcess,
+        onChange: (e) => onProcessChange(e.target.value),
+        sx: { width: 140, "& .MuiOutlinedInput-root": { height: FILTER_HEIGHT, borderRadius: "6px", fontSize: 13 } },
+        children: processes.map((p) => /* @__PURE__ */ jsx4("option", { value: p.value, children: p.label }, p.value))
+      }
+    ),
+    showCallTypeSelect && onCallTypeChange && /* @__PURE__ */ jsxs4(FormControl2, { size: "small", sx: { minWidth: 130 }, children: [
+      /* @__PURE__ */ jsx4(InputLabel2, { sx: { fontSize: "0.76rem" }, children: "Call Type" }),
+      /* @__PURE__ */ jsx4(
+        Select2,
+        {
+          value: selectedCallType,
+          label: "Call Type",
+          onChange: (e) => onCallTypeChange(e.target.value),
+          sx: { fontSize: "0.76rem", height: FILTER_HEIGHT, borderRadius: "6px" },
+          MenuProps: {
+            PaperProps: {
+              sx: {
+                "& .MuiMenuItem-root": { fontSize: "0.76rem", minHeight: 32, py: 0.3 }
+              }
+            }
+          },
+          children: callTypeOptions.map((opt) => /* @__PURE__ */ jsx4(MenuItem2, { value: opt.value, children: opt.label }, opt.value || "all"))
+        }
+      )
+    ] }),
+    showStatusSelect && onStatusChange && /* @__PURE__ */ jsxs4(FormControl2, { size: "small", sx: { minWidth: 130 }, children: [
+      /* @__PURE__ */ jsx4(InputLabel2, { sx: { fontSize: "0.76rem" }, children: "Status" }),
+      /* @__PURE__ */ jsx4(
+        Select2,
+        {
+          value: selectedStatus,
+          label: "Status",
+          onChange: (e) => onStatusChange(e.target.value),
+          sx: { fontSize: "0.76rem", height: FILTER_HEIGHT, borderRadius: "6px" },
+          MenuProps: {
+            PaperProps: {
+              sx: {
+                "& .MuiMenuItem-root": { fontSize: "0.76rem", minHeight: 32, py: 0.3 }
+              }
+            }
+          },
+          children: statusOptions.map((opt) => /* @__PURE__ */ jsx4(MenuItem2, { value: opt.value, children: opt.label }, opt.value || "all"))
+        }
+      )
+    ] }),
+    showSearchBar && onSearchChange && /* @__PURE__ */ jsx4(
+      SearchBar,
+      {
+        value: searchValue,
+        onChange: onSearchChange,
+        placeholder: searchPlaceholder,
+        width: 200,
+        borderRadius: "6px",
+        sx: { "& .MuiOutlinedInput-root": { height: FILTER_HEIGHT, fontSize: 13 } }
+      }
+    ),
+    showSearchButton && onSearch && /* @__PURE__ */ jsx4(AppButton, { onClick: onSearch, disabled: loading, sx: { height: FILTER_HEIGHT }, children: loading ? /* @__PURE__ */ jsx4(CircularProgress2, { size: 16, sx: { color: "#fff" } }) : "Search" }),
+    extra
+  ] });
+}
+
+// call-control-sdk/lib/pages/common/utils/tableStyles.ts
+var headCellSx = {
+  fontFamily: "poppins, Arial, sans-serif",
+  bgcolor: "#f1f1f1",
+  color: "#333",
+  fontWeight: 600,
+  whiteSpace: "nowrap",
+  fontSize: "14px"
+};
+var sortLabelSx = {
+  "&.MuiTableSortLabel-root": { color: "#333" },
+  "&.MuiTableSortLabel-root:hover": { color: "#555" },
+  "&.Mui-active": { color: "#333" },
+  "& .MuiTableSortLabel-icon": { color: "#333 !important" }
+};
+var reportBodyCellSx = {
+  fontSize: "0.75rem",
+  py: 0.6,
+  px: 1,
+  borderBottom: "1px solid #eef1f6",
+  whiteSpace: "nowrap"
+};
+
+export {
+  SearchBar,
+  ReportFilterBar,
+  headCellSx,
+  sortLabelSx,
+  reportBodyCellSx
+};
+//# sourceMappingURL=chunk-CXULBAK6.mjs.map

package/dist/chunk-CXULBAK6.mjs.map

@@ -0,0 +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/DateRangePicker.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 { Fragment } from \"react\";\r\nimport { Typography } from \"@mui/material\";\r\nimport dayjs, { Dayjs } from \"dayjs\";\r\nimport { DateTimePicker } from \"@mui/x-date-pickers/DateTimePicker\";\r\nimport { DatePicker } from \"@mui/x-date-pickers/DatePicker\";\r\n\r\nconst pickerSx = {\r\n  width: 170,\r\n  \"& .MuiOutlinedInput-root\": { borderRadius: \"6px\", height: 32, px: 0.5 },\r\n  \"& .MuiInputBase-input\": { py: 0, px: \"4px\", fontSize: \"0.72rem\" },\r\n  \"& .MuiInputAdornment-root\": { ml: 0 },\r\n  \"& .MuiInputAdornment-root .MuiSvgIcon-root\": { fontSize: \"0.8rem\" },\r\n  \"& .MuiOutlinedInput-notchedOutline\": { borderColor: \"#c0c8d4\" },\r\n  \"& .MuiPickersSectionList-root\": { py: \"4px\", px: 0, fontSize: 12 },\r\n};\r\n\r\ninterface DateRangePickerProps {\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}\r\n\r\nexport default function DateRangePicker({\r\n  startDate,\r\n  endDate,\r\n  onStartChange,\r\n  onEndChange,\r\n  showTime = true,\r\n}: DateRangePickerProps) {\r\n  const Picker = showTime ? DateTimePicker : DatePicker;\r\n  const format = showTime ? \"DD-MM-YYYY hh:mm A\" : undefined;\r\n  const now = dayjs();\r\n  const minKey = showTime ? \"minDateTime\" : \"minDate\";\r\n  const maxKey = showTime ? \"maxDateTime\" : \"maxDate\";\r\n\r\n  const clampFuture = (v: Dayjs | null): Dayjs | null => {\r\n    if (!v) return v;\r\n    const current = dayjs();\r\n    return v.isAfter(current) ? current : v;\r\n  };\r\n\r\n  const handleStartChange = (v: Dayjs | null) => {\r\n    const clamped = clampFuture(v);\r\n    onStartChange(clamped);\r\n    if (clamped && endDate && endDate.isBefore(clamped)) {\r\n      onEndChange(clamped);\r\n    }\r\n  };\r\n\r\n  const handleEndChange = (v: Dayjs | null) => {\r\n    let clamped = clampFuture(v);\r\n    if (clamped && startDate && clamped.isBefore(startDate)) {\r\n      clamped = startDate;\r\n    }\r\n    onEndChange(clamped);\r\n  };\r\n\r\n  const startMax = endDate && endDate.isBefore(now) ? endDate : now;\r\n  const startPickerBounds = { [maxKey]: startMax };\r\n  const endPickerBounds = {\r\n    [maxKey]: now,\r\n    ...(startDate ? { [minKey]: startDate } : {}),\r\n  };\r\n\r\n  return (\r\n    <Fragment>\r\n      <Picker\r\n        value={startDate}\r\n        onChange={(v) => handleStartChange(v as Dayjs | null)}\r\n        disableFuture\r\n        {...startPickerBounds}\r\n        {...(format ? { format } : {})}\r\n        slotProps={{ textField: { size: \"small\" as const, sx: pickerSx } }}\r\n      />\r\n      <Typography sx={{ fontSize: \"0.72rem\", color: \"#7a8599\" }}>to</Typography>\r\n      <Picker\r\n        value={endDate}\r\n        onChange={(v) => handleEndChange(v as Dayjs | null)}\r\n        disableFuture\r\n        {...endPickerBounds}\r\n        {...(format ? { format } : {})}\r\n        slotProps={{ textField: { size: \"small\" as const, sx: pickerSx } }}\r\n      />\r\n    </Fragment>\r\n  );\r\n}\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","dayjs","Fragment","jsx","jsxs","Fragment","Typography","jsx","jsxs","Typography","jsx","jsxs","dayjs","FormControl","InputLabel","Select","MenuItem","Checkbox","TextField","CircularProgress"]}

package/dist/chunk-FVXHNBYV.mjs

@@ -0,0 +1,82 @@
+import {
+  END_POINT,
+  axios_default
+} from "./chunk-O2XGWZLT.mjs";
+
+// call-control-sdk/lib/hooks/useCallMonitoring.ts
+import { useCallback, useState } from "react";
+var useCallMonitoring = () => {
+  const [loading, setLoading] = useState(false);
+  const [success, setSuccess] = useState(false);
+  const [isError, setIsError] = useState(false);
+  const [error, setError] = useState(null);
+  const [data, setData] = useState(null);
+  const resetState = () => {
+    setSuccess(false);
+    setIsError(false);
+    setError(null);
+  };
+  const startMonitoring = useCallback(async (payload) => {
+    resetState();
+    setLoading(true);
+    return axios_default.post(END_POINT.SUPERVISOR_CALL_LISTEN, payload).then((res) => {
+      setData(res == null ? void 0 : res.data);
+      setSuccess(true);
+      return res == null ? void 0 : res.data;
+    }).catch((err) => {
+      var _a;
+      setIsError(true);
+      setError(err);
+      return (_a = err == null ? void 0 : err.response) == null ? void 0 : _a.data;
+    }).finally(() => {
+      setLoading(false);
+    });
+  }, []);
+  const stopMonitoring = useCallback(async (payload) => {
+    resetState();
+    setLoading(true);
+    return axios_default.post(END_POINT.SUPERVISOR_CALL_LEAVE, payload).then((res) => {
+      setData(res == null ? void 0 : res.data);
+      setSuccess(true);
+      return res == null ? void 0 : res.data;
+    }).catch((err) => {
+      var _a;
+      setIsError(true);
+      setError(err);
+      return (_a = err == null ? void 0 : err.response) == null ? void 0 : _a.data;
+    }).finally(() => {
+      setLoading(false);
+    });
+  }, []);
+  const changeMode = useCallback(async (payload) => {
+    resetState();
+    setLoading(true);
+    return axios_default.post(END_POINT.SUPERVISOR_CALL_CHANGE_MODE, payload).then((res) => {
+      setData(res == null ? void 0 : res.data);
+      setSuccess(true);
+      return res == null ? void 0 : res.data;
+    }).catch((err) => {
+      var _a;
+      setIsError(true);
+      setError(err);
+      return (_a = err == null ? void 0 : err.response) == null ? void 0 : _a.data;
+    }).finally(() => {
+      setLoading(false);
+    });
+  }, []);
+  return {
+    startMonitoring,
+    stopMonitoring,
+    changeMode,
+    isLoading: loading,
+    isSuccess: success,
+    isError,
+    error,
+    data
+  };
+};
+
+export {
+  useCallMonitoring
+};
+//# sourceMappingURL=chunk-FVXHNBYV.mjs.map