ahs-cti 0.0.2 → 0.0.4

package/dist/{campaigns-JSMYHHDF.mjs → campaigns-JZE22SIM.mjs}

@@ -1,16 +1,21 @@
 import {
   useGetCallerData
-} from "./chunk-WWWM33FY.mjs";
+} from "./chunk-IBFF6DJA.mjs";
 import {
   SDKPageHeader
 } from "./chunk-RZZQ42MG.mjs";
 import {
   getRecordingByCall
-} from "./chunk-HRM6S6J2.mjs";
+} from "./chunk-UNTGXE6T.mjs";
 import {
   SDKPermissionGuard,
   useSDKPermissions
-} from "./chunk-GGACEO3I.mjs";
+} from "./chunk-FVVDDZCA.mjs";
+import {
+  AdapterDayjs,
+  DateRangePicker,
+  LocalizationProvider
+} from "./chunk-AJQBR3AZ.mjs";
 import {
   SDKProvider,
   useToast
@@ -21,11 +26,11 @@ import {
   axios_default,
   deepFindArray,
   deepFindTotal
-} from "./chunk-O2XGWZLT.mjs";
+} from "./chunk-OVC42HVH.mjs";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-VQCHBU2Q.mjs";
+} from "./chunk-UB5HSUGK.mjs";
 
 // call-control-sdk/lib/pages/campaigns/index.tsx
 import { memo, useCallback as useCallback2, useEffect, useRef, useState as useState2 } from "react";
@@ -229,6 +234,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 +350,9 @@ function useQueues() {
   return { queues, loading, fetchQueues, createQueue };
 }
 
+// call-control-sdk/lib/pages/campaigns/index.tsx
+import ClearIcon from "@mui/icons-material/Clear";
+
 // call-control-sdk/lib/pages/campaigns/types.ts
 var CAMPAIGN_TYPES = ["OUTBOUND_CAMPAIGN", "ABANDONED_CALLBACK"];
 var DIALING_MODES_MAP = {
@@ -1689,6 +1699,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 +1711,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 +1765,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 }
           }
         ),
@@ -1756,10 +1784,7 @@ function CallRecording({ callUuid, recordingPath, iconOnly = false }) {
   }
   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("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(DownloadIcon, { sx: { fontSize: 18 } }) }) })
     ] });
   }
@@ -2032,6 +2057,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 +2106,8 @@ var CampaignsContent = memo(function CampaignsContent2() {
     setLeadStatusFilter("All states");
     setLeadSearch("");
     setDebouncedSearch("");
+    setLeadStartDate(null);
+    setLeadEndDate(null);
     setLeadPage(0);
     setSelectedId(id);
   }, [selectedId]);
@@ -2098,18 +2127,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(() => {
@@ -2714,25 +2752,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(UploadFileIcon, { 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(AddIcon, { 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(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: 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(ClearIcon, { sx: { fontSize: 16 } }) }) })
+                      ]
                     }
                   ),
                   /* @__PURE__ */ jsx2(
@@ -2743,47 +2861,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(DownloadIcon, { 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: {
@@ -3046,4 +3126,4 @@ var campaigns_default = Campaigns;
 export {
   campaigns_default as default
 };
-//# sourceMappingURL=campaigns-JSMYHHDF.mjs.map
+//# sourceMappingURL=campaigns-JZE22SIM.mjs.map