ahs-cti 0.0.3 → 0.0.5

package/dist/chunk-53DYH64M.mjs

@@ -0,0 +1,422 @@
+import {
+  Close_default
+} from "./chunk-XA5SCAZJ.mjs";
+import {
+  AppButton
+} from "./chunk-HBR2JS4C.mjs";
+import {
+  DateRangePicker
+} from "./chunk-AJQBR3AZ.mjs";
+import {
+  Search_default
+} from "./chunk-RSL5OBRQ.mjs";
+import {
+  END_POINT,
+  axios_default
+} from "./chunk-Q7FIRWF2.mjs";
+import {
+  __spreadValues
+} from "./chunk-UB5HSUGK.mjs";
+
+// call-control-sdk/lib/pages/common/components/SearchBar.tsx
+import { TextField, InputAdornment, IconButton } from "@mui/material";
+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(Search_default, { 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(Close_default, { 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 dayjs from "dayjs";
+import isoWeek from "dayjs/plugin/isoWeek";
+
+// call-control-sdk/lib/pages/common/components/AgentMultiSelect.tsx
+import { useState, useEffect } from "react";
+import {
+  Checkbox,
+  FormControl,
+  InputLabel,
+  MenuItem,
+  Select,
+  CircularProgress,
+  Typography
+} from "@mui/material";
+import { jsx as jsx2, jsxs as jsxs2 } 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__ */ jsxs2(FormControl, { size: "small", sx: { minWidth }, disabled: disabled || loading, children: [
+    /* @__PURE__ */ jsx2(InputLabel, { sx: { fontSize: "0.76rem" }, children: label }),
+    /* @__PURE__ */ jsxs2(
+      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__ */ jsxs2(MenuItem, { disabled: true, children: [
+            /* @__PURE__ */ jsx2(CircularProgress, { size: 16, sx: { mr: 1 } }),
+            " Loading\u2026"
+          ] }),
+          !loading && /* @__PURE__ */ jsxs2(MenuItem, { value: SELECT_ALL_ID, children: [
+            /* @__PURE__ */ jsx2(Checkbox, { checked: allSelected, indeterminate: value.length > 0 && !allSelected, size: "small" }),
+            "Select All"
+          ] }),
+          !loading && agents.map((agent) => /* @__PURE__ */ jsxs2(MenuItem, { value: agent.id, children: [
+            /* @__PURE__ */ jsx2(Checkbox, { checked: selectedIds.includes(agent.id), size: "small" }),
+            /* @__PURE__ */ jsx2(Typography, { 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 jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+dayjs.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 = dayjs();
+    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__ */ jsxs3(Box, { sx: { py: 0.6, px: 1, display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap", rowGap: 1 }, children: [
+    /* @__PURE__ */ jsx3(
+      DateRangePicker,
+      {
+        startDate,
+        endDate,
+        onStartChange: (v) => {
+          onStartChange(v);
+          onQuickRangeChange("");
+        },
+        onEndChange: (v) => {
+          onEndChange(v);
+          onQuickRangeChange("");
+        },
+        showTime
+      }
+    ),
+    /* @__PURE__ */ jsx3(AppButton, { variant: quickRange === "today" ? "primary" : "outlined", onClick: () => setQuick("today"), sx: { height: FILTER_HEIGHT, whiteSpace: "nowrap" }, children: "Today" }),
+    /* @__PURE__ */ jsx3(AppButton, { variant: quickRange === "week" ? "primary" : "outlined", onClick: () => setQuick("week"), sx: { height: FILTER_HEIGHT, whiteSpace: "nowrap" }, children: "This Week" }),
+    /* @__PURE__ */ jsx3(AppButton, { variant: quickRange === "month" ? "primary" : "outlined", onClick: () => setQuick("month"), sx: { height: FILTER_HEIGHT, whiteSpace: "nowrap" }, children: "This Month" }),
+    showAgentSelect && onAgentsChange && /* @__PURE__ */ jsx3(AgentMultiSelect, { value: selectedAgents, onChange: onAgentsChange, setIsAllUsersSelected, minWidth: 130 }),
+    showQueueSelect && onQueuesChange && /* @__PURE__ */ jsxs3(FormControl2, { size: "small", sx: { minWidth: 130 }, children: [
+      /* @__PURE__ */ jsx3(InputLabel2, { sx: { fontSize: "0.76rem" }, children: "All Queues" }),
+      /* @__PURE__ */ jsxs3(
+        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__ */ jsxs3(MenuItem2, { value: -1, children: [
+              /* @__PURE__ */ jsx3(Checkbox2, { checked: selectedQueues.length === queues.length && queues.length > 0, size: "small" }),
+              "Select All"
+            ] }),
+            queues.map((q) => /* @__PURE__ */ jsxs3(MenuItem2, { value: q.id, children: [
+              /* @__PURE__ */ jsx3(Checkbox2, { checked: selectedQueues.some((sq) => sq.id === q.id), size: "small" }),
+              q.name
+            ] }, q.id))
+          ]
+        }
+      )
+    ] }),
+    showProcessSelect && processes.length > 0 && onProcessChange && /* @__PURE__ */ jsx3(
+      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__ */ jsx3("option", { value: p.value, children: p.label }, p.value))
+      }
+    ),
+    showCallTypeSelect && onCallTypeChange && /* @__PURE__ */ jsxs3(FormControl2, { size: "small", sx: { minWidth: 130 }, children: [
+      /* @__PURE__ */ jsx3(InputLabel2, { sx: { fontSize: "0.76rem" }, children: "Call Type" }),
+      /* @__PURE__ */ jsx3(
+        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__ */ jsx3(MenuItem2, { value: opt.value, children: opt.label }, opt.value || "all"))
+        }
+      )
+    ] }),
+    showStatusSelect && onStatusChange && /* @__PURE__ */ jsxs3(FormControl2, { size: "small", sx: { minWidth: 130 }, children: [
+      /* @__PURE__ */ jsx3(InputLabel2, { sx: { fontSize: "0.76rem" }, children: "Status" }),
+      /* @__PURE__ */ jsx3(
+        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__ */ jsx3(MenuItem2, { value: opt.value, children: opt.label }, opt.value || "all"))
+        }
+      )
+    ] }),
+    showSearchBar && onSearchChange && /* @__PURE__ */ jsx3(
+      SearchBar,
+      {
+        value: searchValue,
+        onChange: onSearchChange,
+        placeholder: searchPlaceholder,
+        width: 200,
+        borderRadius: "6px",
+        sx: { "& .MuiOutlinedInput-root": { height: FILTER_HEIGHT, fontSize: 13 } }
+      }
+    ),
+    showSearchButton && onSearch && /* @__PURE__ */ jsx3(AppButton, { onClick: onSearch, disabled: loading, sx: { height: FILTER_HEIGHT }, children: loading ? /* @__PURE__ */ jsx3(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-53DYH64M.mjs.map

package/dist/chunk-53DYH64M.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/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"]}

package/dist/{chunk-VZCHJLAW.mjs → chunk-5FSMIU5K.mjs}

@@ -1,7 +1,7 @@
 import {
   END_POINT,
   axios_default
-} from "./chunk-DBSNJ3QH.mjs";
+} from "./chunk-Q7FIRWF2.mjs";
 
 // call-control-sdk/lib/pages/cdrReport/useCdrReport.ts
 import { useCallback, useState } from "react";
@@ -58,4 +58,4 @@ export {
   exportCdrReportToExcel,
   getRecordingByCall
 };
-//# sourceMappingURL=chunk-VZCHJLAW.mjs.map
+//# sourceMappingURL=chunk-5FSMIU5K.mjs.map

package/dist/{chunk-NUYGQI7D.mjs → chunk-6MURUWDX.mjs}

@@ -1,7 +1,11 @@
+import {
+  Close_default
+} from "./chunk-XA5SCAZJ.mjs";
 import {
   END_POINT,
-  axios_default
-} from "./chunk-DBSNJ3QH.mjs";
+  axios_default,
+  createSvgIcon
+} from "./chunk-Q7FIRWF2.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -33,11 +37,32 @@ import {
   ToggleButtonGroup
 } from "@mui/material";
 import { alpha } from "@mui/material/styles";
-import CloseIcon from "@mui/icons-material/Close";
-import LaunchIcon from "@mui/icons-material/Launch";
-import CheckCircleOutlineIcon from "@mui/icons-material/CheckCircleOutlined";
-import HighlightOffIcon from "@mui/icons-material/HighlightOff";
-import RemoveCircleOutlineIcon from "@mui/icons-material/RemoveCircleOutlined";
+
+// node_modules/@mui/icons-material/Launch.mjs
+import { jsx as _jsx } from "react/jsx-runtime";
+var Launch_default = createSvgIcon(/* @__PURE__ */ _jsx("path", {
+  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"
+}), "Launch");
+
+// node_modules/@mui/icons-material/CheckCircleOutlined.mjs
+import { jsx as _jsx2 } from "react/jsx-runtime";
+var CheckCircleOutlined_default = createSvgIcon(/* @__PURE__ */ _jsx2("path", {
+  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"
+}), "CheckCircleOutlined");
+
+// node_modules/@mui/icons-material/HighlightOff.mjs
+import { jsx as _jsx3 } from "react/jsx-runtime";
+var HighlightOff_default = createSvgIcon(/* @__PURE__ */ _jsx3("path", {
+  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"
+}), "HighlightOff");
+
+// node_modules/@mui/icons-material/RemoveCircleOutlined.mjs
+import { jsx as _jsx4 } from "react/jsx-runtime";
+var RemoveCircleOutlined_default = createSvgIcon(/* @__PURE__ */ _jsx4("path", {
+  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"
+}), "RemoveCircleOutlined");
+
+// call-control-sdk/lib/pages/common/components/AuditReport.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function toStringArray(value) {
   if (!value) return [];
@@ -80,13 +105,13 @@ function StatusIconBadge({ label }) {
   const key = label.toLowerCase().replace(/[^a-z]/g, "");
   let icon;
   if (key === "complied" || key === "completed" || key === "pass") {
-    icon = /* @__PURE__ */ jsx(CheckCircleOutlineIcon, { sx: { fontSize: 15, color: "#2e7d32" } });
+    icon = /* @__PURE__ */ jsx(CheckCircleOutlined_default, { sx: { fontSize: 15, color: "#2e7d32" } });
   } else if (key === "partial") {
-    icon = /* @__PURE__ */ jsx(RemoveCircleOutlineIcon, { sx: { fontSize: 15, color: "#e65100" } });
+    icon = /* @__PURE__ */ jsx(RemoveCircleOutlined_default, { sx: { fontSize: 15, color: "#e65100" } });
   } else if (key === "na") {
-    icon = /* @__PURE__ */ jsx(RemoveCircleOutlineIcon, { sx: { fontSize: 15, color: "#757575" } });
+    icon = /* @__PURE__ */ jsx(RemoveCircleOutlined_default, { sx: { fontSize: 15, color: "#757575" } });
   } else {
-    icon = /* @__PURE__ */ jsx(HighlightOffIcon, { sx: { fontSize: 15, color: "#c62828" } });
+    icon = /* @__PURE__ */ jsx(HighlightOff_default, { sx: { fontSize: 15, color: "#c62828" } });
   }
   return /* @__PURE__ */ jsxs(Box, { sx: { display: "inline-flex", alignItems: "center", gap: "4px" }, children: [
     icon,
@@ -582,8 +607,8 @@ function AuditReportInner({ callUuid, active = true, primary, onClose, onMaximiz
         subtitle && /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.78rem", color: "text.secondary", mt: "3px" }, children: subtitle })
       ] }),
       /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 0.75, flexShrink: 0 }, children: [
-        onMaximize && /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: onMaximize, title: "Open in new tab", sx: iconButtonSx, children: /* @__PURE__ */ jsx(LaunchIcon, { sx: { fontSize: 14 } }) }),
-        onClose && /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: onClose, title: "Close", sx: iconButtonSx, children: /* @__PURE__ */ jsx(CloseIcon, { sx: { fontSize: 15 } }) })
+        onMaximize && /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: onMaximize, title: "Open in new tab", sx: iconButtonSx, children: /* @__PURE__ */ jsx(Launch_default, { sx: { fontSize: 14 } }) }),
+        onClose && /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: onClose, title: "Close", sx: iconButtonSx, children: /* @__PURE__ */ jsx(Close_default, { sx: { fontSize: 15 } }) })
       ] })
     ] }),
     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 {
   AuditReportDialog,
   AuditReportFullPage
 };
-//# sourceMappingURL=chunk-NUYGQI7D.mjs.map
+//# sourceMappingURL=chunk-6MURUWDX.mjs.map