ahs-cti 0.0.3 → 0.0.5

package/dist/{campaigns-PIXRNMM4.mjs → campaigns-ERO3QM6I.mjs}

@@ -1,16 +1,35 @@
 import {
+  Pause_default,
   useGetCallerData
-} from "./chunk-L4LLUMYA.mjs";
+} from "./chunk-ICGEHYJL.mjs";
 import {
   SDKPageHeader
-} from "./chunk-RZZQ42MG.mjs";
+} from "./chunk-BVQNDAS6.mjs";
+import {
+  Phone_default
+} from "./chunk-MBHP7UOP.mjs";
 import {
   getRecordingByCall
-} from "./chunk-VZCHJLAW.mjs";
+} from "./chunk-5FSMIU5K.mjs";
+import {
+  Download_default
+} from "./chunk-3DOSR6LQ.mjs";
 import {
   SDKPermissionGuard,
   useSDKPermissions
-} from "./chunk-NQL4VODC.mjs";
+} from "./chunk-YFW47Y76.mjs";
+import {
+  PlayArrow_default
+} from "./chunk-MBXHRFGP.mjs";
+import {
+  AdapterDayjs,
+  DateRangePicker,
+  LocalizationProvider
+} from "./chunk-AJQBR3AZ.mjs";
+import {
+  Refresh_default,
+  Search_default
+} from "./chunk-RSL5OBRQ.mjs";
 import {
   SDKProvider,
   useToast
@@ -19,9 +38,10 @@ import {
   END_POINT,
   SDK_PERMISSIONS,
   axios_default,
+  createSvgIcon,
   deepFindArray,
   deepFindTotal
-} from "./chunk-DBSNJ3QH.mjs";
+} from "./chunk-Q7FIRWF2.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -56,21 +76,60 @@ import {
   Typography,
   useTheme as useTheme2
 } from "@mui/material";
-import AddIcon from "@mui/icons-material/Add";
-import ArchiveIcon from "@mui/icons-material/Archive";
-import ChevronLeftIcon from "@mui/icons-material/ChevronLeft";
-import ChevronRightIcon from "@mui/icons-material/ChevronRight";
-import DeleteIcon from "@mui/icons-material/Delete";
-import DownloadIcon from "@mui/icons-material/Download";
-import EditIcon from "@mui/icons-material/Edit";
-import PauseIcon from "@mui/icons-material/Pause";
-import PhoneIcon from "@mui/icons-material/Phone";
-import PlayArrowIcon from "@mui/icons-material/PlayArrow";
-import RefreshIcon from "@mui/icons-material/Refresh";
-import SearchIcon from "@mui/icons-material/Search";
-import SettingsIcon from "@mui/icons-material/Settings";
-import UploadFileIcon from "@mui/icons-material/UploadFile";
-import VisibilityOutlinedIcon from "@mui/icons-material/VisibilityOutlined";
+
+// node_modules/@mui/icons-material/Add.mjs
+import { jsx as _jsx } from "react/jsx-runtime";
+var Add_default = createSvgIcon(/* @__PURE__ */ _jsx("path", {
+  d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z"
+}), "Add");
+
+// node_modules/@mui/icons-material/Archive.mjs
+import { jsx as _jsx2 } from "react/jsx-runtime";
+var Archive_default = createSvgIcon(/* @__PURE__ */ _jsx2("path", {
+  d: "m20.54 5.23-1.39-1.68C18.88 3.21 18.47 3 18 3H6c-.47 0-.88.21-1.16.55L3.46 5.23C3.17 5.57 3 6.02 3 6.5V19c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6.5c0-.48-.17-.93-.46-1.27M12 17.5 6.5 12H10v-2h4v2h3.5zM5.12 5l.81-1h12l.94 1z"
+}), "Archive");
+
+// node_modules/@mui/icons-material/ChevronLeft.mjs
+import { jsx as _jsx3 } from "react/jsx-runtime";
+var ChevronLeft_default = createSvgIcon(/* @__PURE__ */ _jsx3("path", {
+  d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"
+}), "ChevronLeft");
+
+// node_modules/@mui/icons-material/ChevronRight.mjs
+import { jsx as _jsx4 } from "react/jsx-runtime";
+var ChevronRight_default = createSvgIcon(/* @__PURE__ */ _jsx4("path", {
+  d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
+}), "ChevronRight");
+
+// node_modules/@mui/icons-material/Delete.mjs
+import { jsx as _jsx5 } from "react/jsx-runtime";
+var Delete_default = createSvgIcon(/* @__PURE__ */ _jsx5("path", {
+  d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z"
+}), "Delete");
+
+// node_modules/@mui/icons-material/Edit.mjs
+import { jsx as _jsx6 } from "react/jsx-runtime";
+var Edit_default = createSvgIcon(/* @__PURE__ */ _jsx6("path", {
+  d: "M3 17.25V21h3.75L17.81 9.94l-3.75-3.75zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75z"
+}), "Edit");
+
+// node_modules/@mui/icons-material/Settings.mjs
+import { jsx as _jsx7 } from "react/jsx-runtime";
+var Settings_default = createSvgIcon(/* @__PURE__ */ _jsx7("path", {
+  d: "M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6"
+}), "Settings");
+
+// node_modules/@mui/icons-material/UploadFile.mjs
+import { jsx as _jsx8 } from "react/jsx-runtime";
+var UploadFile_default = createSvgIcon(/* @__PURE__ */ _jsx8("path", {
+  d: "M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8zm4 18H6V4h7v5h5zM8 15.01l1.41 1.41L11 14.84V19h2v-4.16l1.59 1.59L16 15.01 12.01 11z"
+}), "UploadFile");
+
+// node_modules/@mui/icons-material/VisibilityOutlined.mjs
+import { jsx as _jsx9 } from "react/jsx-runtime";
+var VisibilityOutlined_default = createSvgIcon(/* @__PURE__ */ _jsx9("path", {
+  d: "M12 6c3.79 0 7.17 2.13 8.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5C4.83 8.13 8.21 6 12 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4m0 5c1.38 0 2.5 1.12 2.5 2.5S13.38 14 12 14s-2.5-1.12-2.5-2.5S10.62 9 12 9m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7"
+}), "VisibilityOutlined");
 
 // call-control-sdk/lib/components/SDKButton.tsx
 import { Button, useTheme } from "@mui/material";
@@ -229,6 +288,8 @@ function useLeads() {
       if ((params == null ? void 0 : params.pageSize) != null) qs.append("pageSize", String(params.pageSize));
       if (params == null ? void 0 : params.lead_status) qs.append("lead_status", params.lead_status);
       if (params == null ? void 0 : params.search) qs.append("search", params.search);
+      if (params == null ? void 0 : params.start_date) qs.append("start_date", params.start_date);
+      if (params == null ? void 0 : params.end_date) qs.append("end_date", params.end_date);
       const qsStr = qs.toString();
       const url = `${END_POINT.CAMPAIGNS_LEADS(campaignId)}${qsStr ? `?${qsStr}` : ""}`;
       const res = await axios_default.get(url);
@@ -343,6 +404,12 @@ function useQueues() {
   return { queues, loading, fetchQueues, createQueue };
 }
 
+// node_modules/@mui/icons-material/Clear.mjs
+import { jsx as _jsx10 } from "react/jsx-runtime";
+var Clear_default = createSvgIcon(/* @__PURE__ */ _jsx10("path", {
+  d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+}), "Clear");
+
 // call-control-sdk/lib/pages/campaigns/types.ts
 var CAMPAIGN_TYPES = ["OUTBOUND_CAMPAIGN", "ABANDONED_CALLBACK"];
 var DIALING_MODES_MAP = {
@@ -1007,7 +1074,7 @@ function QueueLinkingTab({
     ),
     /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", mb: 2 }, children: [
       /* @__PURE__ */ jsx2(Typography, { sx: sectionTitleSx, children: "Linked Queues" }),
-      /* @__PURE__ */ jsx2(SDKButton, { startIcon: /* @__PURE__ */ jsx2(AddIcon, {}), onClick: () => setCreateOpen(true), children: "Create New Queue" })
+      /* @__PURE__ */ jsx2(SDKButton, { startIcon: /* @__PURE__ */ jsx2(Add_default, {}), onClick: () => setCreateOpen(true), children: "Create New Queue" })
     ] }),
     /* @__PURE__ */ jsxs(Box, { sx: {
       display: "flex",
@@ -1260,7 +1327,7 @@ function LeadsTabInDialog({
     /* @__PURE__ */ jsx2(Typography, { sx: sectionTitleSx, children: "Upload Leads from File" }),
     /* @__PURE__ */ jsxs(Paper, { variant: "outlined", sx: { p: 2, mb: 2.5, borderRadius: 2 }, children: [
       /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1.5, flexWrap: "wrap" }, children: [
-        /* @__PURE__ */ jsx2(SDKButton, { variant: "outlined", startIcon: /* @__PURE__ */ jsx2(UploadFileIcon, {}), onClick: () => {
+        /* @__PURE__ */ jsx2(SDKButton, { variant: "outlined", startIcon: /* @__PURE__ */ jsx2(UploadFile_default, {}), onClick: () => {
           var _a2;
           return (_a2 = uploadRef.current) == null ? void 0 : _a2.click();
         }, children: "Choose File" }),
@@ -1296,7 +1363,7 @@ function LeadsTabInDialog({
             children: "Clear"
           }
         ),
-        /* @__PURE__ */ jsx2(SDKButton, { variant: "outlined", startIcon: /* @__PURE__ */ jsx2(DownloadIcon, {}), onClick: handleDownload, children: "Sample Template" })
+        /* @__PURE__ */ jsx2(SDKButton, { variant: "outlined", startIcon: /* @__PURE__ */ jsx2(Download_default, {}), onClick: handleDownload, children: "Sample Template" })
       ] }),
       /* @__PURE__ */ jsx2(Box, { sx: { display: "flex", justifyContent: "flex-end", mt: 1.5 }, children: /* @__PURE__ */ jsx2(
         SDKButton,
@@ -1322,7 +1389,7 @@ function LeadsTabInDialog({
           onChange: (e) => setSearch(e.target.value),
           placeholder: "Search...",
           sx: { width: 200, fontSize: "0.85rem", height: 34, borderRadius: "20px" },
-          startAdornment: /* @__PURE__ */ jsx2(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx2(SearchIcon, { sx: { fontSize: 16, color: "#aaa" } }) })
+          startAdornment: /* @__PURE__ */ jsx2(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx2(Search_default, { sx: { fontSize: 16, color: "#aaa" } }) })
         }
       )
     ] }),
@@ -1689,6 +1756,10 @@ var fmtRecordingDuration = (s) => {
   const sec = Math.floor(s % 60);
   return `${m}:${sec.toString().padStart(2, "0")}`;
 };
+var activePlayers = /* @__PURE__ */ new Set();
+var notifyPlay = (activeId) => {
+  activePlayers.forEach((fn) => fn(activeId));
+};
 function CallRecording({ callUuid, recordingPath, iconOnly = false }) {
   const [audioUrl, setAudioUrl] = useState2(null);
   const [loading, setLoading] = useState2(false);
@@ -1697,8 +1768,26 @@ function CallRecording({ callUuid, recordingPath, iconOnly = false }) {
   const [currentSec, setCurrentSec] = useState2(0);
   const unavailable = !recordingPath;
   const totalLabel = durationSec != null ? fmtRecordingDuration(durationSec) : "";
+  const closePlayer = useCallback2(() => {
+    setAudioUrl((prev) => {
+      if (prev && prev.startsWith("blob:")) URL.revokeObjectURL(prev);
+      return null;
+    });
+    setCurrentSec(0);
+    setDurationSec(null);
+  }, []);
+  useEffect(() => {
+    const onPlay = (activeId) => {
+      if (activeId !== callUuid) closePlayer();
+    };
+    activePlayers.add(onPlay);
+    return () => {
+      activePlayers.delete(onPlay);
+    };
+  }, [callUuid, closePlayer]);
   const handlePlay = async () => {
     if (audioUrl) return;
+    notifyPlay(callUuid);
     try {
       setLoading(true);
       setError(false);
@@ -1733,11 +1822,7 @@ function CallRecording({ callUuid, recordingPath, iconOnly = false }) {
             src: audioUrl,
             onLoadedMetadata: (e) => setDurationSec(e.currentTarget.duration),
             onTimeUpdate: (e) => setCurrentSec(e.currentTarget.currentTime),
-            onEnded: () => {
-              URL.revokeObjectURL(audioUrl);
-              setAudioUrl(null);
-              setCurrentSec(0);
-            },
+            onEnded: closePlayer,
             style: { height: 32, maxWidth: 170 }
           }
         ),
@@ -1746,26 +1831,23 @@ function CallRecording({ callUuid, recordingPath, iconOnly = false }) {
           " / ",
           totalLabel
         ] }),
-        /* @__PURE__ */ jsx2(Tooltip, { title: "Download", children: /* @__PURE__ */ jsx2(IconButton, { size: "small", onClick: handleDownload, sx: { color: "#1565c0" }, children: /* @__PURE__ */ jsx2(DownloadIcon, { sx: { fontSize: 16 } }) }) })
+        /* @__PURE__ */ jsx2(Tooltip, { title: "Download", children: /* @__PURE__ */ jsx2(IconButton, { size: "small", onClick: handleDownload, sx: { color: "#1565c0" }, children: /* @__PURE__ */ jsx2(Download_default, { sx: { fontSize: 16 } }) }) })
       ] });
     }
-    return /* @__PURE__ */ jsx2(Tooltip, { title: unavailable ? "No recording available for this call." : error ? "Recording unavailable" : "Play voicemail", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(IconButton, { size: "small", onClick: handlePlay, disabled: unavailable || loading || error, sx: { color: unavailable ? "#bdbdbd" : "#1A5F6C" }, children: loading ? /* @__PURE__ */ jsx2(CircularProgress, { size: 16, color: "inherit" }) : /* @__PURE__ */ jsx2(PlayArrowIcon, { sx: { fontSize: 18 } }) }) }) });
+    return /* @__PURE__ */ jsx2(Tooltip, { title: unavailable ? "No recording available for this call." : error ? "Recording unavailable" : "Play voicemail", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(IconButton, { size: "small", onClick: handlePlay, disabled: unavailable || loading || error, sx: { color: unavailable ? "#bdbdbd" : "#1A5F6C" }, children: loading ? /* @__PURE__ */ jsx2(CircularProgress, { size: 16, color: "inherit" }) : /* @__PURE__ */ jsx2(PlayArrow_default, { sx: { fontSize: 18 } }) }) }) });
   }
   if (unavailable) {
     return /* @__PURE__ */ jsx2(Typography, { sx: { fontSize: "0.82rem", color: "#999" }, fontFamily: "poppins, Arial, sans-serif", children: "No recording available for this call." });
   }
   if (audioUrl) {
     return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-      /* @__PURE__ */ jsx2("audio", { controls: true, autoPlay: true, src: audioUrl, onEnded: () => {
-        URL.revokeObjectURL(audioUrl);
-        setAudioUrl(null);
-      }, style: { height: 38, flex: 1 } }),
-      /* @__PURE__ */ jsx2(Tooltip, { title: "Download", children: /* @__PURE__ */ jsx2(IconButton, { size: "small", onClick: handleDownload, sx: { color: "#1565c0" }, children: /* @__PURE__ */ jsx2(DownloadIcon, { sx: { fontSize: 18 } }) }) })
+      /* @__PURE__ */ jsx2("audio", { controls: true, autoPlay: true, src: audioUrl, onEnded: closePlayer, style: { height: 38, flex: 1 } }),
+      /* @__PURE__ */ jsx2(Tooltip, { title: "Download", children: /* @__PURE__ */ jsx2(IconButton, { size: "small", onClick: handleDownload, sx: { color: "#1565c0" }, children: /* @__PURE__ */ jsx2(Download_default, { sx: { fontSize: 18 } }) }) })
     ] });
   }
   return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-    /* @__PURE__ */ jsx2(SDKButton, { variant: "outlined", onClick: handlePlay, disabled: loading || error, startIcon: loading ? /* @__PURE__ */ jsx2(CircularProgress, { size: 16, color: "inherit" }) : /* @__PURE__ */ jsx2(PlayArrowIcon, { sx: { fontSize: 16 } }), children: error ? "Recording unavailable" : "Play recording" }),
-    /* @__PURE__ */ jsx2(Tooltip, { title: "Download", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(IconButton, { size: "small", onClick: handleDownload, disabled: loading || error, sx: { color: "#1565c0" }, children: /* @__PURE__ */ jsx2(DownloadIcon, { sx: { fontSize: 18 } }) }) }) })
+    /* @__PURE__ */ jsx2(SDKButton, { variant: "outlined", onClick: handlePlay, disabled: loading || error, startIcon: loading ? /* @__PURE__ */ jsx2(CircularProgress, { size: 16, color: "inherit" }) : /* @__PURE__ */ jsx2(PlayArrow_default, { sx: { fontSize: 16 } }), children: error ? "Recording unavailable" : "Play recording" }),
+    /* @__PURE__ */ jsx2(Tooltip, { title: "Download", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(IconButton, { size: "small", onClick: handleDownload, disabled: loading || error, sx: { color: "#1565c0" }, children: /* @__PURE__ */ jsx2(Download_default, { sx: { fontSize: 18 } }) }) }) })
   ] });
 }
 function CallDataDialog({
@@ -1910,7 +1992,7 @@ function ImportLeadsDialog({
               SDKButton,
               {
                 variant: "outlined",
-                startIcon: /* @__PURE__ */ jsx2(UploadFileIcon, {}),
+                startIcon: /* @__PURE__ */ jsx2(UploadFile_default, {}),
                 onClick: () => {
                   var _a;
                   return (_a = fileRef.current) == null ? void 0 : _a.click();
@@ -1947,7 +2029,7 @@ function ImportLeadsDialog({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx2(SDKButton, { variant: "outlined", startIcon: /* @__PURE__ */ jsx2(DownloadIcon, {}), onClick: onDownloadTemplate, children: "Download Template" })
+          /* @__PURE__ */ jsx2(SDKButton, { variant: "outlined", startIcon: /* @__PURE__ */ jsx2(Download_default, {}), onClick: onDownloadTemplate, children: "Download Template" })
         ] }),
         /* @__PURE__ */ jsxs(Box, { sx: dialogFooterSx, children: [
           /* @__PURE__ */ jsx2(SDKButton, { variant: "cancel", onClick: onClose, children: "Cancel" }),
@@ -2032,6 +2114,8 @@ var CampaignsContent = memo(function CampaignsContent2() {
   const [leadSearch, setLeadSearch] = useState2("");
   const [debouncedSearch, setDebouncedSearch] = useState2("");
   const [leadStatusFilter, setLeadStatusFilter] = useState2("All states");
+  const [leadStartDate, setLeadStartDate] = useState2(null);
+  const [leadEndDate, setLeadEndDate] = useState2(null);
   const debounceRef = useRef(null);
   const [addLeadOpen, setAddLeadOpen] = useState2(false);
   const [addLeadData, setAddLeadData] = useState2({ phoneNumber: "", callerName: "", priority: 5 });
@@ -2079,6 +2163,8 @@ var CampaignsContent = memo(function CampaignsContent2() {
     setLeadStatusFilter("All states");
     setLeadSearch("");
     setDebouncedSearch("");
+    setLeadStartDate(null);
+    setLeadEndDate(null);
     setLeadPage(0);
     setSelectedId(id);
   }, [selectedId]);
@@ -2098,18 +2184,27 @@ var CampaignsContent = memo(function CampaignsContent2() {
       page: 1,
       pageSize: leadRowsPerPage,
       lead_status: leadStatusFilter !== "All states" ? leadStatusFilter : void 0,
-      search: debouncedSearch || void 0
+      search: debouncedSearch || void 0,
+      start_date: leadStartDate ? leadStartDate.format("YYYY-MM-DDTHH:mm:ss") : void 0,
+      end_date: leadEndDate ? leadEndDate.format("YYYY-MM-DDTHH:mm:ss") : void 0
     });
-  }, [selectedId, leadRowsPerPage, leadStatusFilter, debouncedSearch, fetchLeads]);
+  }, [selectedId, leadRowsPerPage, leadStatusFilter, debouncedSearch, leadStartDate, leadEndDate, fetchLeads]);
   const refetchLeads = useCallback2((page = leadPage, silent = false) => {
     if (!selectedId) return;
     fetchLeads(selectedId, {
       page: page + 1,
       pageSize: leadRowsPerPage,
       lead_status: leadStatusFilter !== "All states" ? leadStatusFilter : void 0,
-      search: debouncedSearch || void 0
+      search: debouncedSearch || void 0,
+      start_date: leadStartDate ? leadStartDate.format("YYYY-MM-DDTHH:mm:ss") : void 0,
+      end_date: leadEndDate ? leadEndDate.format("YYYY-MM-DDTHH:mm:ss") : void 0
     }, { silent });
-  }, [selectedId, leadPage, leadRowsPerPage, leadStatusFilter, debouncedSearch, fetchLeads]);
+  }, [selectedId, leadPage, leadRowsPerPage, leadStatusFilter, debouncedSearch, leadStartDate, leadEndDate, fetchLeads]);
+  const clearLeadDates = () => {
+    setLeadStartDate(null);
+    setLeadEndDate(null);
+    setLeadPage(0);
+  };
   useEffect(() => {
     if (!selectedId) return;
     const intervalId = setInterval(() => {
@@ -2314,7 +2409,7 @@ var CampaignsContent = memo(function CampaignsContent2() {
           /* @__PURE__ */ jsx2(
             SDKButton,
             {
-              startIcon: /* @__PURE__ */ jsx2(RefreshIcon, {}),
+              startIcon: /* @__PURE__ */ jsx2(Refresh_default, {}),
               onClick: () => {
                 fetchCampaigns();
                 if (selectedId) refetchLeads();
@@ -2330,7 +2425,7 @@ var CampaignsContent = memo(function CampaignsContent2() {
                 SDK_PERMISSIONS.CAMPAIGNS_MANAGE
               ],
               showFallback: false,
-              children: /* @__PURE__ */ jsx2(SDKButton, { startIcon: /* @__PURE__ */ jsx2(AddIcon, {}), onClick: handleOpenCreate, children: "New Campaign" })
+              children: /* @__PURE__ */ jsx2(SDKButton, { startIcon: /* @__PURE__ */ jsx2(Add_default, {}), onClick: handleOpenCreate, children: "New Campaign" })
             }
           )
         ] })
@@ -2375,7 +2470,7 @@ var CampaignsContent = memo(function CampaignsContent2() {
                   flexShrink: 0,
                   "&:hover": { backgroundColor: "#e0eff1" }
                 },
-                children: /* @__PURE__ */ jsx2(ChevronRightIcon, { fontSize: "small" })
+                children: /* @__PURE__ */ jsx2(ChevronRight_default, { fontSize: "small" })
               }
             ) }),
             visibleCampaigns.map((c, idx) => {
@@ -2439,7 +2534,7 @@ var CampaignsContent = memo(function CampaignsContent2() {
                     size: "small",
                     onClick: () => setCampaignListCollapsed(true),
                     sx: { p: 0.5, color: "#666" },
-                    children: /* @__PURE__ */ jsx2(ChevronLeftIcon, { fontSize: "small" })
+                    children: /* @__PURE__ */ jsx2(ChevronLeft_default, { fontSize: "small" })
                   }
                 ) }),
                 /* @__PURE__ */ jsx2(Typography, { sx: { fontWeight: 700, fontSize: "0.95rem", color: "#333", fontFamily: "poppins, Arial, sans-serif" }, children: "Campaigns" })
@@ -2507,7 +2602,7 @@ var CampaignsContent = memo(function CampaignsContent2() {
             backgroundColor: "#fafafa"
           },
           children: /* @__PURE__ */ jsxs(Box, { sx: { textAlign: "center" }, children: [
-            /* @__PURE__ */ jsx2(SettingsIcon, { sx: { fontSize: 40, color: "#ccc", mb: 1 } }),
+            /* @__PURE__ */ jsx2(Settings_default, { sx: { fontSize: 40, color: "#ccc", mb: 1 } }),
             /* @__PURE__ */ jsx2(Typography, { sx: { fontSize: "0.95rem", color: "#999", fontFamily: "poppins, Arial, sans-serif" }, children: "Select a campaign to view details" })
           ] })
         }
@@ -2548,7 +2643,7 @@ var CampaignsContent = memo(function CampaignsContent2() {
                         SDKButton,
                         {
                           variant: "outlined",
-                          startIcon: /* @__PURE__ */ jsx2(EditIcon, {}),
+                          startIcon: /* @__PURE__ */ jsx2(Edit_default, {}),
                           onClick: () => handleOpenEdit(sc),
                           children: "Edit"
                         }
@@ -2566,7 +2661,7 @@ var CampaignsContent = memo(function CampaignsContent2() {
                       children: /* @__PURE__ */ jsx2(
                         SDKButton,
                         {
-                          startIcon: /* @__PURE__ */ jsx2(PlayArrowIcon, {}),
+                          startIcon: /* @__PURE__ */ jsx2(PlayArrow_default, {}),
                           onClick: () => handleStart(sc),
                           sx: { backgroundColor: "#4caf50", "&:hover": { backgroundColor: "#388e3c" } },
                           children: "Start"
@@ -2585,7 +2680,7 @@ var CampaignsContent = memo(function CampaignsContent2() {
                       children: /* @__PURE__ */ jsx2(
                         SDKButton,
                         {
-                          startIcon: /* @__PURE__ */ jsx2(PauseIcon, {}),
+                          startIcon: /* @__PURE__ */ jsx2(Pause_default, {}),
                           onClick: () => handlePause(sc),
                           sx: { backgroundColor: "#ff9800", boxShadow: "0 2px 8px rgba(255,152,0,0.25)", "&:hover": { backgroundColor: "#f57c00" } },
                           children: "Pause"
@@ -2605,7 +2700,7 @@ var CampaignsContent = memo(function CampaignsContent2() {
                         SDKButton,
                         {
                           variant: "danger",
-                          startIcon: /* @__PURE__ */ jsx2(ArchiveIcon, {}),
+                          startIcon: /* @__PURE__ */ jsx2(Archive_default, {}),
                           onClick: () => {
                             setArchiveTarget(sc);
                             setArchiveOpen(true);
@@ -2714,25 +2809,105 @@ var CampaignsContent = memo(function CampaignsContent2() {
             children: [
               /* @__PURE__ */ jsxs(Box, { sx: {
                 display: "flex",
-                alignItems: { xs: "flex-start", sm: "center" },
-                justifyContent: "space-between",
-                flexDirection: { xs: "column", sm: "row" },
-                gap: 1,
+                flexDirection: "column",
+                gap: 1.25,
                 px: { xs: 1.5, sm: 2 },
                 py: 1.5,
                 borderBottom: "1px solid #eee",
                 backgroundColor: "#fafafa"
               }, children: [
-                /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap" }, children: [
-                  /* @__PURE__ */ jsx2(Typography, { sx: { fontWeight: 700, fontSize: "1rem", color: "#1a1a1a", fontFamily: "poppins, Arial, sans-serif" }, children: "Leads" }),
-                  /* @__PURE__ */ jsx2(
-                    SDKPermissionGuard,
+                /* @__PURE__ */ jsxs(Box, { sx: {
+                  display: "flex",
+                  alignItems: { xs: "flex-start", sm: "center" },
+                  justifyContent: "space-between",
+                  flexDirection: { xs: "column", sm: "row" },
+                  gap: 1
+                }, children: [
+                  /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap" }, children: [
+                    /* @__PURE__ */ jsx2(Typography, { sx: { fontWeight: 700, fontSize: "1rem", color: "#1a1a1a", fontFamily: "poppins, Arial, sans-serif" }, children: "Leads" }),
+                    /* @__PURE__ */ jsx2(
+                      SDKPermissionGuard,
+                      {
+                        permissions: [
+                          SDK_PERMISSIONS.CAMPAIGNS_LEADS_IMPORT
+                        ],
+                        showFallback: false,
+                        children: /* @__PURE__ */ jsx2(SDKButton, { variant: "outlined", onClick: () => setImportOpen(true), disabled: scArchived, startIcon: /* @__PURE__ */ jsx2(UploadFile_default, { sx: { fontSize: 15 } }), size: "small", sx: { height: 36 }, children: "Import Leads" })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx2(
+                      SDKPermissionGuard,
+                      {
+                        permissions: [
+                          SDK_PERMISSIONS.CAMPAIGNS_LEADS_CREATE
+                        ],
+                        showFallback: false,
+                        children: /* @__PURE__ */ jsx2(SDKButton, { variant: "primary", onClick: () => setAddLeadOpen(true), disabled: scArchived, startIcon: /* @__PURE__ */ jsx2(Add_default, { sx: { fontSize: 15 } }), size: "small", sx: { height: 36 }, children: "Add Lead" })
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap", width: { xs: "100%", sm: "auto" } }, children: [
+                    /* @__PURE__ */ jsx2(
+                      OutlinedInput,
+                      {
+                        size: "small",
+                        value: leadSearch,
+                        onChange: (e) => {
+                          setLeadSearch(e.target.value);
+                          setLeadPage(0);
+                        },
+                        placeholder: "Search number...",
+                        sx: { width: { xs: "100%", sm: 200 }, fontSize: "0.85rem", height: 36, borderRadius: "20px" },
+                        startAdornment: /* @__PURE__ */ jsx2(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx2(Search_default, { sx: { fontSize: 16, color: "#aaa" } }) })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx2(FormControl, { size: "small", sx: { minWidth: 130 }, children: /* @__PURE__ */ jsx2(
+                      Select,
+                      {
+                        value: leadStatusFilter,
+                        onChange: (e) => {
+                          setLeadStatusFilter(e.target.value);
+                          setLeadPage(0);
+                        },
+                        sx: { height: 36, borderRadius: "30px", fontSize: "0.85rem" },
+                        children: LEAD_STATUSES.map((s) => /* @__PURE__ */ jsx2(MenuItem, { value: s, children: s }, s))
+                      }
+                    ) })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 1, flexWrap: "wrap" }, children: [
+                  /* @__PURE__ */ jsxs(
+                    Box,
                     {
-                      permissions: [
-                        SDK_PERMISSIONS.CAMPAIGNS_LEADS_IMPORT
-                      ],
-                      showFallback: false,
-                      children: /* @__PURE__ */ jsx2(SDKButton, { variant: "outlined", onClick: () => setImportOpen(true), disabled: scArchived, startIcon: /* @__PURE__ */ jsx2(UploadFileIcon, { sx: { fontSize: 15 } }), size: "small", children: "Import Leads" })
+                      sx: {
+                        display: "flex",
+                        alignItems: "center",
+                        gap: 0.75,
+                        flexWrap: "wrap",
+                        px: 1,
+                        py: 0.5,
+                        borderRadius: "30px",
+                        border: "1px solid #e0e4ea",
+                        backgroundColor: "#f7f9fb"
+                      },
+                      children: [
+                        /* @__PURE__ */ jsx2(LocalizationProvider, { dateAdapter: AdapterDayjs, children: /* @__PURE__ */ jsx2(
+                          DateRangePicker,
+                          {
+                            startDate: leadStartDate,
+                            endDate: leadEndDate,
+                            onStartChange: (v) => {
+                              setLeadStartDate(v);
+                              setLeadPage(0);
+                            },
+                            onEndChange: (v) => {
+                              setLeadEndDate(v);
+                              setLeadPage(0);
+                            }
+                          }
+                        ) }),
+                        (leadStartDate || leadEndDate) && /* @__PURE__ */ jsx2(Tooltip, { title: "Clear dates", children: /* @__PURE__ */ jsx2(IconButton, { size: "small", onClick: clearLeadDates, sx: { p: 0.5, color: "#7a8599" }, children: /* @__PURE__ */ jsx2(Clear_default, { sx: { fontSize: 16 } }) }) })
+                      ]
                     }
                   ),
                   /* @__PURE__ */ jsx2(
@@ -2743,47 +2918,9 @@ var CampaignsContent = memo(function CampaignsContent2() {
                         SDK_PERMISSIONS.CAMPAIGNS_MANAGE
                       ],
                       showFallback: false,
-                      children: /* @__PURE__ */ jsx2(SDKButton, { variant: "primary", onClick: handleExport, disabled: leadsLoading || leadTotal === 0, startIcon: /* @__PURE__ */ jsx2(DownloadIcon, { sx: { fontSize: 15 } }), size: "small", children: "Export Excel" })
-                    }
-                  ),
-                  /* @__PURE__ */ jsx2(
-                    SDKPermissionGuard,
-                    {
-                      permissions: [
-                        SDK_PERMISSIONS.CAMPAIGNS_LEADS_CREATE
-                      ],
-                      showFallback: false,
-                      children: /* @__PURE__ */ jsx2(SDKButton, { variant: "primary", onClick: () => setAddLeadOpen(true), disabled: scArchived, startIcon: /* @__PURE__ */ jsx2(AddIcon, { sx: { fontSize: 15 } }), size: "small", children: "Add Lead" })
+                      children: /* @__PURE__ */ jsx2(SDKButton, { variant: "primary", onClick: handleExport, disabled: leadsLoading || leadTotal === 0, startIcon: /* @__PURE__ */ jsx2(Download_default, { sx: { fontSize: 15 } }), size: "small", sx: { height: 36 }, children: "Export Excel" })
                     }
                   )
-                ] }),
-                /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1, width: { xs: "100%", sm: "auto" } }, children: [
-                  /* @__PURE__ */ jsx2(
-                    OutlinedInput,
-                    {
-                      size: "small",
-                      value: leadSearch,
-                      onChange: (e) => {
-                        setLeadSearch(e.target.value);
-                        setLeadPage(0);
-                      },
-                      placeholder: "Search number...",
-                      sx: { width: { xs: "100%", sm: 200 }, fontSize: "0.85rem", height: 34, borderRadius: "20px" },
-                      startAdornment: /* @__PURE__ */ jsx2(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx2(SearchIcon, { sx: { fontSize: 16, color: "#aaa" } }) })
-                    }
-                  ),
-                  /* @__PURE__ */ jsx2(FormControl, { size: "small", sx: { minWidth: 130 }, children: /* @__PURE__ */ jsx2(
-                    Select,
-                    {
-                      value: leadStatusFilter,
-                      onChange: (e) => {
-                        setLeadStatusFilter(e.target.value);
-                        setLeadPage(0);
-                      },
-                      sx: { height: 34, borderRadius: "30px", fontSize: "0.85rem" },
-                      children: LEAD_STATUSES.map((s) => /* @__PURE__ */ jsx2(MenuItem, { value: s, children: s }, s))
-                    }
-                  ) })
                 ] })
               ] }),
               /* @__PURE__ */ jsx2(Box, { sx: {
@@ -2865,7 +3002,7 @@ var CampaignsContent = memo(function CampaignsContent2() {
                               boxShadow: isDialable ? "0 0 8px rgba(67,160,71,0.5)" : "none"
                             }
                           },
-                          children: dialLoading === lead.id ? /* @__PURE__ */ jsx2(CircularProgress, { size: 16 }) : /* @__PURE__ */ jsx2(PhoneIcon, { sx: { fontSize: 18 } })
+                          children: dialLoading === lead.id ? /* @__PURE__ */ jsx2(CircularProgress, { size: 16 }) : /* @__PURE__ */ jsx2(Phone_default, { sx: { fontSize: 18 } })
                         }
                       ) }) }),
                       /* @__PURE__ */ jsx2(Tooltip, { title: lead.latestCallId ? "View call details" : "No call data available", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(
@@ -2879,7 +3016,7 @@ var CampaignsContent = memo(function CampaignsContent2() {
                             color: lead.latestCallId ? "#1A5F6C" : "#bdbdbd",
                             "&:hover": { backgroundColor: "transparent" }
                           },
-                          children: /* @__PURE__ */ jsx2(VisibilityOutlinedIcon, { sx: { fontSize: 18 } })
+                          children: /* @__PURE__ */ jsx2(VisibilityOutlined_default, { sx: { fontSize: 18 } })
                         }
                       ) }) }),
                       /* @__PURE__ */ jsx2(
@@ -2911,7 +3048,7 @@ var CampaignsContent = memo(function CampaignsContent2() {
                                   boxShadow: deleteDisabled ? "none" : "0 0 8px rgba(211,47,47,0.5)"
                                 }
                               },
-                              children: /* @__PURE__ */ jsx2(DeleteIcon, { sx: { fontSize: 18 } })
+                              children: /* @__PURE__ */ jsx2(Delete_default, { sx: { fontSize: 18 } })
                             }
                           ) }) })
                         }
@@ -3046,4 +3183,4 @@ var campaigns_default = Campaigns;
 export {
   campaigns_default as default
 };
-//# sourceMappingURL=campaigns-PIXRNMM4.mjs.map
+//# sourceMappingURL=campaigns-ERO3QM6I.mjs.map