ahs-cti 0.0.4 → 0.0.6

package/dist/{campaigns-JZE22SIM.mjs → campaigns-5PVHXBSD.mjs}

@@ -1,85 +1,137 @@
 import {
+  Pause_default,
   useGetCallerData
-} from "./chunk-IBFF6DJA.mjs";
+} from "./chunk-H7GRWLYI.mjs";
 import {
   SDKPageHeader
-} from "./chunk-RZZQ42MG.mjs";
+} from "./chunk-DNTGBNZD.mjs";
+import {
+  Phone_default
+} from "./chunk-6WLG2PXL.mjs";
 import {
   getRecordingByCall
-} from "./chunk-UNTGXE6T.mjs";
+} from "./chunk-DJP744FF.mjs";
+import {
+  Download_default
+} from "./chunk-FRKV2U3I.mjs";
 import {
   SDKPermissionGuard,
   useSDKPermissions
-} from "./chunk-FVVDDZCA.mjs";
+} from "./chunk-3J7KQNEU.mjs";
+import {
+  PlayArrow_default
+} from "./chunk-7LE2VTAI.mjs";
 import {
   AdapterDayjs,
   DateRangePicker,
   LocalizationProvider
-} from "./chunk-AJQBR3AZ.mjs";
+} from "./chunk-E6KYWWAI.mjs";
+import {
+  Refresh_default,
+  Search_default
+} from "./chunk-YAQYTUTX.mjs";
 import {
   SDKProvider,
   useToast
-} from "./chunk-6ICPXSN6.mjs";
+} from "./chunk-VVDJLUYT.mjs";
 import {
   END_POINT,
   SDK_PERMISSIONS,
   axios_default,
   deepFindArray,
   deepFindTotal
-} from "./chunk-OVC42HVH.mjs";
+} from "./chunk-LHE4QGJJ.mjs";
 import {
+  Box_default,
+  Button_default,
+  Checkbox_default,
+  Chip_default,
+  CircularProgress_default,
+  FormControlLabel_default,
+  FormControl_default,
+  IconButton_default,
+  InputAdornment_default,
+  MenuItem_default,
+  OutlinedInput_default,
+  Paper_default,
+  Select_default,
+  Tab_default,
+  TableBody_default,
+  TableCell_default,
+  TableContainer_default,
+  TableHead_default,
+  TablePagination_default,
+  TableRow_default,
+  Table_default,
+  Tabs_default,
+  TextField_default,
+  Tooltip_default,
+  Typography_default,
   __spreadProps,
-  __spreadValues
-} from "./chunk-UB5HSUGK.mjs";
+  __spreadValues,
+  alpha,
+  createSvgIcon,
+  useTheme
+} from "./chunk-Q6G3MPS7.mjs";
 
 // call-control-sdk/lib/pages/campaigns/index.tsx
 import { memo, useCallback as useCallback2, useEffect, useRef, useState as useState2 } from "react";
-import {
-  Box,
-  Chip,
-  CircularProgress,
-  FormControl,
-  FormControlLabel,
-  Checkbox,
-  IconButton,
-  InputAdornment,
-  MenuItem,
-  OutlinedInput,
-  Paper,
-  Select,
-  Tab,
-  Table,
-  TableBody,
-  TableCell,
-  TableContainer,
-  TableHead,
-  TablePagination,
-  TableRow,
-  Tabs,
-  TextField,
-  Tooltip,
-  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";
-import { alpha } from "@mui/material/styles";
 import { jsx } from "react/jsx-runtime";
 var muiVariant = {
   primary: "contained",
@@ -152,7 +204,7 @@ function SDKButton({
     }
   };
   return /* @__PURE__ */ jsx(
-    Button,
+    Button_default,
     {
       variant: muiVariant[variant],
       onClick,
@@ -350,8 +402,11 @@ function useQueues() {
   return { queues, loading, fetchQueues, createQueue };
 }
 
-// call-control-sdk/lib/pages/campaigns/index.tsx
-import ClearIcon from "@mui/icons-material/Clear";
+// 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"];
@@ -601,16 +656,16 @@ function BasicInfoTab({ formData, setFormData, isEditMode }) {
   };
   const mappedModes = DIALING_MODES_MAP[formData.campaignType] || [];
   const availableModes = formData.dialingMode && !mappedModes.includes(formData.dialingMode) ? [formData.dialingMode, ...mappedModes] : mappedModes;
-  return /* @__PURE__ */ jsxs(Box, { sx: { p: 2.5 }, children: [
-    /* @__PURE__ */ jsx2(Typography, { sx: sectionTitleSx, children: "Basic Info" }),
-    /* @__PURE__ */ jsxs(Box, { sx: { display: "grid", gridTemplateColumns: { xs: "1fr", sm: "1.5fr 1fr", lg: "1.5fr 1fr 1fr" }, gap: 2, mb: 2 }, children: [
-      /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsxs(Typography, { sx: labelSx, children: [
+  return /* @__PURE__ */ jsxs(Box_default, { sx: { p: 2.5 }, children: [
+    /* @__PURE__ */ jsx2(Typography_default, { sx: sectionTitleSx, children: "Basic Info" }),
+    /* @__PURE__ */ jsxs(Box_default, { sx: { display: "grid", gridTemplateColumns: { xs: "1fr", sm: "1.5fr 1fr", lg: "1.5fr 1fr 1fr" }, gap: 2, mb: 2 }, children: [
+      /* @__PURE__ */ jsxs(Box_default, { children: [
+        /* @__PURE__ */ jsxs(Typography_default, { sx: labelSx, children: [
           "Campaign Name ",
           /* @__PURE__ */ jsx2("span", { style: { color: "red" }, children: "*" })
         ] }),
         /* @__PURE__ */ jsx2(
-          TextField,
+          TextField_default,
           {
             fullWidth: true,
             size: "small",
@@ -620,26 +675,26 @@ function BasicInfoTab({ formData, setFormData, isEditMode }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsxs(Typography, { sx: labelSx, children: [
+      /* @__PURE__ */ jsxs(Box_default, { children: [
+        /* @__PURE__ */ jsxs(Typography_default, { sx: labelSx, children: [
           "Campaign Type ",
           /* @__PURE__ */ jsx2("span", { style: { color: "red" }, children: "*" })
         ] }),
-        /* @__PURE__ */ jsx2(FormControl, { fullWidth: true, size: "small", children: /* @__PURE__ */ jsx2(
-          Select,
+        /* @__PURE__ */ jsx2(FormControl_default, { fullWidth: true, size: "small", children: /* @__PURE__ */ jsx2(
+          Select_default,
           {
             value: formData.campaignType,
             onChange: (e) => handleChange("campaignType", e.target.value),
             disabled: isEditMode,
-            children: CAMPAIGN_TYPES.map((t) => /* @__PURE__ */ jsx2(MenuItem, { value: t, children: t }, t))
+            children: CAMPAIGN_TYPES.map((t) => /* @__PURE__ */ jsx2(MenuItem_default, { value: t, children: t }, t))
           }
         ) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs(Box, { sx: { mb: 2 }, children: [
-      /* @__PURE__ */ jsx2(Typography, { sx: labelSx, children: "Description" }),
+    /* @__PURE__ */ jsxs(Box_default, { sx: { mb: 2 }, children: [
+      /* @__PURE__ */ jsx2(Typography_default, { sx: labelSx, children: "Description" }),
       /* @__PURE__ */ jsx2(
-        TextField,
+        TextField_default,
         {
           fullWidth: true,
           size: "small",
@@ -651,29 +706,29 @@ function BasicInfoTab({ formData, setFormData, isEditMode }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs(Box, { sx: { display: "grid", gridTemplateColumns: { xs: "1fr", sm: "1fr 1fr", lg: "1fr 1fr 1fr" }, gap: 2 }, children: [
-      /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsxs(Typography, { sx: labelSx, children: [
+    /* @__PURE__ */ jsxs(Box_default, { sx: { display: "grid", gridTemplateColumns: { xs: "1fr", sm: "1fr 1fr", lg: "1fr 1fr 1fr" }, gap: 2 }, children: [
+      /* @__PURE__ */ jsxs(Box_default, { children: [
+        /* @__PURE__ */ jsxs(Typography_default, { sx: labelSx, children: [
           "Dialing Mode ",
           /* @__PURE__ */ jsx2("span", { style: { color: "red" }, children: "*" })
         ] }),
-        /* @__PURE__ */ jsx2(FormControl, { fullWidth: true, size: "small", children: /* @__PURE__ */ jsx2(
-          Select,
+        /* @__PURE__ */ jsx2(FormControl_default, { fullWidth: true, size: "small", children: /* @__PURE__ */ jsx2(
+          Select_default,
           {
             value: formData.dialingMode,
             onChange: (e) => handleChange("dialingMode", e.target.value),
-            children: availableModes.map((m) => /* @__PURE__ */ jsx2(MenuItem, { value: m, children: m }, m))
+            children: availableModes.map((m) => /* @__PURE__ */ jsx2(MenuItem_default, { value: m, children: m }, m))
           }
         ) })
       ] }),
-      /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsx2(Typography, { sx: labelSx, children: "Priority" }),
-        /* @__PURE__ */ jsx2(FormControl, { fullWidth: true, size: "small", children: /* @__PURE__ */ jsx2(
-          Select,
+      /* @__PURE__ */ jsxs(Box_default, { children: [
+        /* @__PURE__ */ jsx2(Typography_default, { sx: labelSx, children: "Priority" }),
+        /* @__PURE__ */ jsx2(FormControl_default, { fullWidth: true, size: "small", children: /* @__PURE__ */ jsx2(
+          Select_default,
           {
             value: (_a = formData.priority) != null ? _a : 5,
             onChange: (e) => handleChange("priority", Number(e.target.value)),
-            children: LEAD_PRIORITY_OPTIONS.map((o) => /* @__PURE__ */ jsx2(MenuItem, { value: o.value, children: o.label }, o.label))
+            children: LEAD_PRIORITY_OPTIONS.map((o) => /* @__PURE__ */ jsx2(MenuItem_default, { value: o.value, children: o.label }, o.label))
           }
         ) })
       ] })
@@ -682,16 +737,16 @@ function BasicInfoTab({ formData, setFormData, isEditMode }) {
 }
 function DialingConfigTab({ formData, setFormData }) {
   const handleChange = (field, value) => setFormData((prev) => __spreadProps(__spreadValues({}, prev), { [field]: value }));
-  return /* @__PURE__ */ jsxs(Box, { sx: { p: 2.5 }, children: [
-    /* @__PURE__ */ jsx2(Typography, { sx: sectionTitleSx, children: "Dialing Configuration" }),
-    /* @__PURE__ */ jsxs(Box, { sx: { display: "grid", gridTemplateColumns: { xs: "1fr", sm: "1fr 1fr", lg: "1fr 1fr 1fr" }, gap: 2 }, children: [
-      /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsxs(Typography, { sx: labelSx, children: [
+  return /* @__PURE__ */ jsxs(Box_default, { sx: { p: 2.5 }, children: [
+    /* @__PURE__ */ jsx2(Typography_default, { sx: sectionTitleSx, children: "Dialing Configuration" }),
+    /* @__PURE__ */ jsxs(Box_default, { sx: { display: "grid", gridTemplateColumns: { xs: "1fr", sm: "1fr 1fr", lg: "1fr 1fr 1fr" }, gap: 2 }, children: [
+      /* @__PURE__ */ jsxs(Box_default, { children: [
+        /* @__PURE__ */ jsxs(Typography_default, { sx: labelSx, children: [
           "Max Concurrent Calls ",
           /* @__PURE__ */ jsx2("span", { style: { color: "red" }, children: "*" })
         ] }),
         /* @__PURE__ */ jsx2(
-          TextField,
+          TextField_default,
           {
             fullWidth: true,
             size: "small",
@@ -703,10 +758,10 @@ function DialingConfigTab({ formData, setFormData }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsx2(Typography, { sx: labelSx, children: "Calls Per Agent" }),
+      /* @__PURE__ */ jsxs(Box_default, { children: [
+        /* @__PURE__ */ jsx2(Typography_default, { sx: labelSx, children: "Calls Per Agent" }),
         /* @__PURE__ */ jsx2(
-          TextField,
+          TextField_default,
           {
             fullWidth: true,
             size: "small",
@@ -718,10 +773,10 @@ function DialingConfigTab({ formData, setFormData }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsx2(Typography, { sx: labelSx, children: "Ring Timeout (sec)" }),
+      /* @__PURE__ */ jsxs(Box_default, { children: [
+        /* @__PURE__ */ jsx2(Typography_default, { sx: labelSx, children: "Ring Timeout (sec)" }),
         /* @__PURE__ */ jsx2(
-          TextField,
+          TextField_default,
           {
             fullWidth: true,
             size: "small",
@@ -733,10 +788,10 @@ function DialingConfigTab({ formData, setFormData }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsx2(Typography, { sx: labelSx, children: "Answer Timeout (sec)" }),
+      /* @__PURE__ */ jsxs(Box_default, { children: [
+        /* @__PURE__ */ jsx2(Typography_default, { sx: labelSx, children: "Answer Timeout (sec)" }),
         /* @__PURE__ */ jsx2(
-          TextField,
+          TextField_default,
           {
             fullWidth: true,
             size: "small",
@@ -748,13 +803,13 @@ function DialingConfigTab({ formData, setFormData }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsxs(Typography, { sx: labelSx, children: [
+      /* @__PURE__ */ jsxs(Box_default, { children: [
+        /* @__PURE__ */ jsxs(Typography_default, { sx: labelSx, children: [
           "Max Attempts ",
           /* @__PURE__ */ jsx2("span", { style: { color: "red" }, children: "*" })
         ] }),
         /* @__PURE__ */ jsx2(
-          TextField,
+          TextField_default,
           {
             fullWidth: true,
             size: "small",
@@ -766,10 +821,10 @@ function DialingConfigTab({ formData, setFormData }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsx2(Typography, { sx: labelSx, children: "Retry Interval (min)" }),
+      /* @__PURE__ */ jsxs(Box_default, { children: [
+        /* @__PURE__ */ jsx2(Typography_default, { sx: labelSx, children: "Retry Interval (min)" }),
         /* @__PURE__ */ jsx2(
-          TextField,
+          TextField_default,
           {
             fullWidth: true,
             size: "small",
@@ -781,14 +836,14 @@ function DialingConfigTab({ formData, setFormData }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsx2(Typography, { sx: labelSx, children: "Agent Type" }),
-        /* @__PURE__ */ jsx2(FormControl, { fullWidth: true, size: "small", children: /* @__PURE__ */ jsx2(
-          Select,
+      /* @__PURE__ */ jsxs(Box_default, { children: [
+        /* @__PURE__ */ jsx2(Typography_default, { sx: labelSx, children: "Agent Type" }),
+        /* @__PURE__ */ jsx2(FormControl_default, { fullWidth: true, size: "small", children: /* @__PURE__ */ jsx2(
+          Select_default,
           {
             value: formData.agentType,
             onChange: (e) => handleChange("agentType", e.target.value),
-            children: AGENT_TYPES.map((t) => /* @__PURE__ */ jsx2(MenuItem, { value: t, children: t }, t))
+            children: AGENT_TYPES.map((t) => /* @__PURE__ */ jsx2(MenuItem_default, { value: t, children: t }, t))
           }
         ) })
       ] })
@@ -800,16 +855,16 @@ function ScheduleTab({ formData, setFormData }) {
   const toggleDay = (day) => setFormData((prev) => __spreadProps(__spreadValues({}, prev), {
     daysOfWeek: prev.daysOfWeek.includes(day) ? prev.daysOfWeek.filter((d) => d !== day) : [...prev.daysOfWeek, day].sort()
   }));
-  return /* @__PURE__ */ jsxs(Box, { sx: { p: 2.5 }, children: [
-    /* @__PURE__ */ jsx2(Typography, { sx: sectionTitleSx, children: "Operating Schedule" }),
-    /* @__PURE__ */ jsxs(Box, { sx: { display: "grid", gridTemplateColumns: { xs: "1fr", sm: "1fr 1fr", lg: "1fr 1fr 1fr" }, gap: 2, mb: 2 }, children: [
-      /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsxs(Typography, { sx: labelSx, children: [
+  return /* @__PURE__ */ jsxs(Box_default, { sx: { p: 2.5 }, children: [
+    /* @__PURE__ */ jsx2(Typography_default, { sx: sectionTitleSx, children: "Operating Schedule" }),
+    /* @__PURE__ */ jsxs(Box_default, { sx: { display: "grid", gridTemplateColumns: { xs: "1fr", sm: "1fr 1fr", lg: "1fr 1fr 1fr" }, gap: 2, mb: 2 }, children: [
+      /* @__PURE__ */ jsxs(Box_default, { children: [
+        /* @__PURE__ */ jsxs(Typography_default, { sx: labelSx, children: [
           "Start Time ",
           /* @__PURE__ */ jsx2("span", { style: { color: "red" }, children: "*" })
         ] }),
         /* @__PURE__ */ jsx2(
-          TextField,
+          TextField_default,
           {
             fullWidth: true,
             size: "small",
@@ -820,13 +875,13 @@ function ScheduleTab({ formData, setFormData }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsxs(Typography, { sx: labelSx, children: [
+      /* @__PURE__ */ jsxs(Box_default, { children: [
+        /* @__PURE__ */ jsxs(Typography_default, { sx: labelSx, children: [
           "End Time ",
           /* @__PURE__ */ jsx2("span", { style: { color: "red" }, children: "*" })
         ] }),
         /* @__PURE__ */ jsx2(
-          TextField,
+          TextField_default,
           {
             fullWidth: true,
             size: "small",
@@ -838,9 +893,9 @@ function ScheduleTab({ formData, setFormData }) {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs(Box, { sx: { mb: 2 }, children: [
-      /* @__PURE__ */ jsx2(Typography, { sx: labelSx, children: "Timezone" }),
-      /* @__PURE__ */ jsx2(FormControl, { fullWidth: true, size: "small", children: /* @__PURE__ */ jsx2(Select, { value: formData.timezone, onChange: (e) => handleChange("timezone", e.target.value), children: [
+    /* @__PURE__ */ jsxs(Box_default, { sx: { mb: 2 }, children: [
+      /* @__PURE__ */ jsx2(Typography_default, { sx: labelSx, children: "Timezone" }),
+      /* @__PURE__ */ jsx2(FormControl_default, { fullWidth: true, size: "small", children: /* @__PURE__ */ jsx2(Select_default, { value: formData.timezone, onChange: (e) => handleChange("timezone", e.target.value), children: [
         "Etc/UTC",
         "US/Eastern",
         "US/Central",
@@ -851,12 +906,12 @@ function ScheduleTab({ formData, setFormData }) {
         "Asia/Kolkata",
         "Asia/Tokyo",
         "Australia/Sydney"
-      ].map((tz) => /* @__PURE__ */ jsx2(MenuItem, { value: tz, children: tz }, tz)) }) })
+      ].map((tz) => /* @__PURE__ */ jsx2(MenuItem_default, { value: tz, children: tz }, tz)) }) })
     ] }),
-    /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx2(Typography, { sx: labelSx, children: "Days of Week" }),
-      /* @__PURE__ */ jsx2(Box, { sx: { display: "flex", gap: 1, flexWrap: "wrap", mt: 0.5 }, children: DAYS_OF_WEEK.map((day) => /* @__PURE__ */ jsx2(
-        Chip,
+    /* @__PURE__ */ jsxs(Box_default, { children: [
+      /* @__PURE__ */ jsx2(Typography_default, { sx: labelSx, children: "Days of Week" }),
+      /* @__PURE__ */ jsx2(Box_default, { sx: { display: "flex", gap: 1, flexWrap: "wrap", mt: 0.5 }, children: DAYS_OF_WEEK.map((day) => /* @__PURE__ */ jsx2(
+        Chip_default,
         {
           label: day.label,
           onClick: () => toggleDay(day.value),
@@ -948,9 +1003,9 @@ function QueueLinkingTab({
       )
     }));
   };
-  return /* @__PURE__ */ jsxs(Box, { sx: { p: 2.5 }, children: [
+  return /* @__PURE__ */ jsxs(Box_default, { sx: { p: 2.5 }, children: [
     createOpen && /* @__PURE__ */ jsx2(
-      Box,
+      Box_default,
       {
         sx: {
           position: "fixed",
@@ -962,19 +1017,19 @@ function QueueLinkingTab({
           justifyContent: "center"
         },
         onClick: (e) => e.stopPropagation(),
-        children: /* @__PURE__ */ jsxs(Paper, { elevation: 6, sx: { width: { xs: "90vw", sm: 420 }, borderRadius: "16px", overflow: "hidden", boxShadow: "0 8px 32px rgba(26,95,108,0.18)" }, children: [
-          /* @__PURE__ */ jsxs(Box, { sx: __spreadProps(__spreadValues({}, dialogHeaderSx), { backgroundColor: "#1A5F6C", color: "#fff" }), children: [
-            /* @__PURE__ */ jsx2(Typography, { fontWeight: 700, fontSize: "1rem", fontFamily: "poppins, Arial, sans-serif", children: "Create New Queue" }),
-            /* @__PURE__ */ jsx2(IconButton, { size: "small", onClick: () => !creatingQueue && setCreateOpen(false), sx: { color: "#fff" }, children: "\u2715" })
+        children: /* @__PURE__ */ jsxs(Paper_default, { elevation: 6, sx: { width: { xs: "90vw", sm: 420 }, borderRadius: "16px", overflow: "hidden", boxShadow: "0 8px 32px rgba(26,95,108,0.18)" }, children: [
+          /* @__PURE__ */ jsxs(Box_default, { sx: __spreadProps(__spreadValues({}, dialogHeaderSx), { backgroundColor: "#1A5F6C", color: "#fff" }), children: [
+            /* @__PURE__ */ jsx2(Typography_default, { fontWeight: 700, fontSize: "1rem", fontFamily: "poppins, Arial, sans-serif", children: "Create New Queue" }),
+            /* @__PURE__ */ jsx2(IconButton_default, { size: "small", onClick: () => !creatingQueue && setCreateOpen(false), sx: { color: "#fff" }, children: "\u2715" })
           ] }),
-          /* @__PURE__ */ jsxs(Box, { sx: { p: 2.5, display: "flex", flexDirection: "column", gap: 1.5 }, children: [
-            /* @__PURE__ */ jsxs(Box, { children: [
-              /* @__PURE__ */ jsxs(Typography, { sx: labelSx, children: [
+          /* @__PURE__ */ jsxs(Box_default, { sx: { p: 2.5, display: "flex", flexDirection: "column", gap: 1.5 }, children: [
+            /* @__PURE__ */ jsxs(Box_default, { children: [
+              /* @__PURE__ */ jsxs(Typography_default, { sx: labelSx, children: [
                 "Queue Name ",
                 /* @__PURE__ */ jsx2("span", { style: { color: "red" }, children: "*" })
               ] }),
               /* @__PURE__ */ jsx2(
-                TextField,
+                TextField_default,
                 {
                   fullWidth: true,
                   size: "small",
@@ -984,10 +1039,10 @@ function QueueLinkingTab({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs(Box, { children: [
-              /* @__PURE__ */ jsx2(Typography, { sx: labelSx, children: "Description" }),
+            /* @__PURE__ */ jsxs(Box_default, { children: [
+              /* @__PURE__ */ jsx2(Typography_default, { sx: labelSx, children: "Description" }),
               /* @__PURE__ */ jsx2(
-                TextField,
+                TextField_default,
                 {
                   fullWidth: true,
                   size: "small",
@@ -1000,14 +1055,14 @@ function QueueLinkingTab({
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsxs(Box, { sx: dialogFooterSx, children: [
+          /* @__PURE__ */ jsxs(Box_default, { sx: dialogFooterSx, children: [
             /* @__PURE__ */ jsx2(SDKButton, { variant: "cancel", onClick: () => setCreateOpen(false), disabled: creatingQueue, children: "Cancel" }),
             /* @__PURE__ */ jsx2(
               SDKButton,
               {
                 onClick: handleCreateQueue,
                 disabled: creatingQueue,
-                startIcon: creatingQueue ? /* @__PURE__ */ jsx2(CircularProgress, { size: 14, color: "inherit" }) : void 0,
+                startIcon: creatingQueue ? /* @__PURE__ */ jsx2(CircularProgress_default, { size: 14, color: "inherit" }) : void 0,
                 children: "Create"
               }
             )
@@ -1015,26 +1070,26 @@ 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__ */ jsxs(Box_default, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", mb: 2 }, children: [
+      /* @__PURE__ */ jsx2(Typography_default, { sx: sectionTitleSx, children: "Linked Queues" }),
+      /* @__PURE__ */ jsx2(SDKButton, { startIcon: /* @__PURE__ */ jsx2(Add_default, {}), onClick: () => setCreateOpen(true), children: "Create New Queue" })
     ] }),
-    /* @__PURE__ */ jsxs(Box, { sx: {
+    /* @__PURE__ */ jsxs(Box_default, { sx: {
       display: "flex",
       alignItems: { xs: "stretch", sm: "center" },
       flexDirection: { xs: "column", sm: "row" },
       gap: 1.5,
       mb: 2
     }, children: [
-      /* @__PURE__ */ jsx2(FormControl, { size: "small", sx: { flex: 2 }, children: /* @__PURE__ */ jsx2(
-        Select,
+      /* @__PURE__ */ jsx2(FormControl_default, { size: "small", sx: { flex: 2 }, children: /* @__PURE__ */ jsx2(
+        Select_default,
         {
           multiple: true,
           value: selectedQueueIds,
           onChange: (e) => setSelectedQueueIds(e.target.value),
           displayEmpty: true,
-          renderValue: (selected) => selected.length === 0 ? /* @__PURE__ */ jsx2(Typography, { sx: { color: "#999", fontSize: "0.85rem" }, children: "Select queues to link" }) : /* @__PURE__ */ jsx2(Box, { sx: { display: "flex", flexWrap: "wrap", gap: 0.5 }, children: selected.map((id) => /* @__PURE__ */ jsx2(
-            Chip,
+          renderValue: (selected) => selected.length === 0 ? /* @__PURE__ */ jsx2(Typography_default, { sx: { color: "#999", fontSize: "0.85rem" }, children: "Select queues to link" }) : /* @__PURE__ */ jsx2(Box_default, { sx: { display: "flex", flexWrap: "wrap", gap: 0.5 }, children: selected.map((id) => /* @__PURE__ */ jsx2(
+            Chip_default,
             {
               size: "small",
               label: queueNames[id] || parentQueueNameMap[id] || `Queue #${id}`,
@@ -1050,9 +1105,9 @@ function QueueLinkingTab({
           MenuProps: {
             PaperProps: { sx: { maxHeight: 250, borderRadius: "8px", mt: 0.5, boxShadow: "0 4px 20px rgba(0,0,0,0.12)" } }
           },
-          children: availableQueues.length === 0 ? /* @__PURE__ */ jsx2(MenuItem, { value: "", disabled: true, children: "No available queues" }) : availableQueues.map((q) => /* @__PURE__ */ jsxs(MenuItem, { value: q.id, sx: { py: 0.75, px: 1.5, fontSize: "0.85rem" }, children: [
+          children: availableQueues.length === 0 ? /* @__PURE__ */ jsx2(MenuItem_default, { value: "", disabled: true, children: "No available queues" }) : availableQueues.map((q) => /* @__PURE__ */ jsxs(MenuItem_default, { value: q.id, sx: { py: 0.75, px: 1.5, fontSize: "0.85rem" }, children: [
             /* @__PURE__ */ jsx2(
-              Checkbox,
+              Checkbox_default,
               {
                 size: "small",
                 checked: selectedQueueIds.includes(q.id),
@@ -1068,27 +1123,27 @@ function QueueLinkingTab({
       ) }),
       /* @__PURE__ */ jsx2(SDKButton, { onClick: handleAddQueues, disabled: selectedQueueIds.length === 0, sx: { whiteSpace: "nowrap" }, children: "Add To List" })
     ] }),
-    queueLinks.length === 0 ? /* @__PURE__ */ jsx2(Paper, { variant: "outlined", sx: { p: 3, textAlign: "center", borderRadius: 2, borderStyle: "dashed" }, children: /* @__PURE__ */ jsx2(Typography, { sx: { color: "#999", fontSize: "0.9rem" }, children: "No queues linked yet. Select queues above to add." }) }) : /* @__PURE__ */ jsx2(TableContainer, { component: Paper, variant: "outlined", sx: { borderRadius: 2, overflow: "visible" }, children: /* @__PURE__ */ jsxs(Table, { size: "small", children: [
-      /* @__PURE__ */ jsx2(TableHead, { children: /* @__PURE__ */ jsxs(TableRow, { sx: { backgroundColor: "#f1f1f1" }, children: [
-        /* @__PURE__ */ jsx2(TableCell, { sx: headCellSx, children: "Queue Name" }),
-        /* @__PURE__ */ jsx2(TableCell, { sx: headCellSx, children: "Priority Override" }),
-        /* @__PURE__ */ jsx2(TableCell, { sx: headCellSx, children: "Min Wait Before Callback" }),
-        /* @__PURE__ */ jsx2(TableCell, { sx: __spreadProps(__spreadValues({}, headCellSx), { textAlign: "right" }), children: "Action" })
+    queueLinks.length === 0 ? /* @__PURE__ */ jsx2(Paper_default, { variant: "outlined", sx: { p: 3, textAlign: "center", borderRadius: 2, borderStyle: "dashed" }, children: /* @__PURE__ */ jsx2(Typography_default, { sx: { color: "#999", fontSize: "0.9rem" }, children: "No queues linked yet. Select queues above to add." }) }) : /* @__PURE__ */ jsx2(TableContainer_default, { component: Paper_default, variant: "outlined", sx: { borderRadius: 2, overflow: "visible" }, children: /* @__PURE__ */ jsxs(Table_default, { size: "small", children: [
+      /* @__PURE__ */ jsx2(TableHead_default, { children: /* @__PURE__ */ jsxs(TableRow_default, { sx: { backgroundColor: "#f1f1f1" }, children: [
+        /* @__PURE__ */ jsx2(TableCell_default, { sx: headCellSx, children: "Queue Name" }),
+        /* @__PURE__ */ jsx2(TableCell_default, { sx: headCellSx, children: "Priority Override" }),
+        /* @__PURE__ */ jsx2(TableCell_default, { sx: headCellSx, children: "Min Wait Before Callback" }),
+        /* @__PURE__ */ jsx2(TableCell_default, { sx: __spreadProps(__spreadValues({}, headCellSx), { textAlign: "right" }), children: "Action" })
       ] }) }),
-      /* @__PURE__ */ jsx2(TableBody, { children: queueLinks.map((q) => {
+      /* @__PURE__ */ jsx2(TableBody_default, { children: queueLinks.map((q) => {
         var _a;
-        return /* @__PURE__ */ jsxs(TableRow, { sx: tableRowSx, children: [
-          /* @__PURE__ */ jsx2(TableCell, { sx: bodyCellSx, children: queueNames[q.queueId] || parentQueueNameMap[q.queueId] || `Queue #${q.queueId}` }),
-          /* @__PURE__ */ jsx2(TableCell, { sx: bodyCellSx, children: /* @__PURE__ */ jsx2(FormControl, { size: "small", sx: { width: 120 }, children: /* @__PURE__ */ jsx2(
-            Select,
+        return /* @__PURE__ */ jsxs(TableRow_default, { sx: tableRowSx, children: [
+          /* @__PURE__ */ jsx2(TableCell_default, { sx: bodyCellSx, children: queueNames[q.queueId] || parentQueueNameMap[q.queueId] || `Queue #${q.queueId}` }),
+          /* @__PURE__ */ jsx2(TableCell_default, { sx: bodyCellSx, children: /* @__PURE__ */ jsx2(FormControl_default, { size: "small", sx: { width: 120 }, children: /* @__PURE__ */ jsx2(
+            Select_default,
             {
               value: (_a = q.priorityOverride) != null ? _a : 5,
               onChange: (e) => handleCellUpdate(q.queueId, "priorityOverride", String(e.target.value)),
-              children: LEAD_PRIORITY_OPTIONS.map((opt) => /* @__PURE__ */ jsx2(MenuItem, { value: opt.value, children: opt.label }, opt.label))
+              children: LEAD_PRIORITY_OPTIONS.map((opt) => /* @__PURE__ */ jsx2(MenuItem_default, { value: opt.value, children: opt.label }, opt.label))
             }
           ) }) }),
-          /* @__PURE__ */ jsx2(TableCell, { sx: bodyCellSx, children: /* @__PURE__ */ jsx2(
-            TextField,
+          /* @__PURE__ */ jsx2(TableCell_default, { sx: bodyCellSx, children: /* @__PURE__ */ jsx2(
+            TextField_default,
             {
               size: "small",
               type: "number",
@@ -1097,13 +1152,13 @@ function QueueLinkingTab({
               slotProps: {
                 htmlInput: { min: 0, style: { fontSize: "0.85rem", padding: "4px 8px" } },
                 input: {
-                  endAdornment: /* @__PURE__ */ jsx2(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx2(Typography, { sx: { fontSize: "0.75rem", color: "#666" }, children: "s" }) })
+                  endAdornment: /* @__PURE__ */ jsx2(InputAdornment_default, { position: "end", children: /* @__PURE__ */ jsx2(Typography_default, { sx: { fontSize: "0.75rem", color: "#666" }, children: "s" }) })
                 }
               },
               sx: { width: 100, "& .MuiOutlinedInput-root": { borderRadius: "4px" } }
             }
           ) }),
-          /* @__PURE__ */ jsx2(TableCell, { sx: __spreadProps(__spreadValues({}, bodyCellSx), { textAlign: "right" }), children: /* @__PURE__ */ jsx2(SDKButton, { variant: "danger", size: "small", onClick: () => handleRemoveQueue(q.queueId), children: "Remove" }) })
+          /* @__PURE__ */ jsx2(TableCell_default, { sx: __spreadProps(__spreadValues({}, bodyCellSx), { textAlign: "right" }), children: /* @__PURE__ */ jsx2(SDKButton, { variant: "danger", size: "small", onClick: () => handleRemoveQueue(q.queueId), children: "Remove" }) })
         ] }, q.queueId);
       }) })
     ] }) })
@@ -1127,7 +1182,7 @@ function LeadsTabInDialog({
     if (editingCampaign) fetchLeads(editingCampaign.id, { page: 1, pageSize: 100 });
   }, [editingCampaign, fetchLeads]);
   if (!editingCampaign) {
-    return /* @__PURE__ */ jsx2(Box, { sx: { p: 4, textAlign: "center" }, children: /* @__PURE__ */ jsx2(Typography, { sx: { color: "#999", fontSize: "0.9rem", fontFamily: "poppins, Arial, sans-serif" }, children: "Save the campaign first, then you can add leads." }) });
+    return /* @__PURE__ */ jsx2(Box_default, { sx: { p: 4, textAlign: "center" }, children: /* @__PURE__ */ jsx2(Typography_default, { sx: { color: "#999", fontSize: "0.9rem", fontFamily: "poppins, Arial, sans-serif" }, children: "Save the campaign first, then you can add leads." }) });
   }
   const handleAddLead = async () => {
     var _a2, _b, _c;
@@ -1180,17 +1235,17 @@ function LeadsTabInDialog({
       return !search || ((_a2 = l.callerName) == null ? void 0 : _a2.toLowerCase().includes(search.toLowerCase())) || ((_b = l.phoneNumber) == null ? void 0 : _b.includes(search));
     }
   );
-  return /* @__PURE__ */ jsxs(Box, { sx: { p: 2.5 }, children: [
-    /* @__PURE__ */ jsx2(Typography, { sx: sectionTitleSx, children: "Add Lead Manually" }),
-    /* @__PURE__ */ jsxs(Paper, { variant: "outlined", sx: { p: 2, mb: 2.5, borderRadius: 2 }, children: [
-      /* @__PURE__ */ jsxs(Box, { sx: { display: "grid", gridTemplateColumns: { xs: "1fr", sm: "1fr 1fr", lg: "1fr 1fr 1fr" }, gap: 2, mb: 2 }, children: [
-        /* @__PURE__ */ jsxs(Box, { children: [
-          /* @__PURE__ */ jsxs(Typography, { sx: labelSx, children: [
+  return /* @__PURE__ */ jsxs(Box_default, { sx: { p: 2.5 }, children: [
+    /* @__PURE__ */ jsx2(Typography_default, { sx: sectionTitleSx, children: "Add Lead Manually" }),
+    /* @__PURE__ */ jsxs(Paper_default, { variant: "outlined", sx: { p: 2, mb: 2.5, borderRadius: 2 }, children: [
+      /* @__PURE__ */ jsxs(Box_default, { sx: { display: "grid", gridTemplateColumns: { xs: "1fr", sm: "1fr 1fr", lg: "1fr 1fr 1fr" }, gap: 2, mb: 2 }, children: [
+        /* @__PURE__ */ jsxs(Box_default, { children: [
+          /* @__PURE__ */ jsxs(Typography_default, { sx: labelSx, children: [
             "Phone Number ",
             /* @__PURE__ */ jsx2("span", { style: { color: "red" }, children: "*" })
           ] }),
           /* @__PURE__ */ jsx2(
-            TextField,
+            TextField_default,
             {
               fullWidth: true,
               size: "small",
@@ -1203,10 +1258,10 @@ function LeadsTabInDialog({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs(Box, { children: [
-          /* @__PURE__ */ jsx2(Typography, { sx: labelSx, children: "Caller Name" }),
+        /* @__PURE__ */ jsxs(Box_default, { children: [
+          /* @__PURE__ */ jsx2(Typography_default, { sx: labelSx, children: "Caller Name" }),
           /* @__PURE__ */ jsx2(
-            TextField,
+            TextField_default,
             {
               fullWidth: true,
               size: "small",
@@ -1216,10 +1271,10 @@ function LeadsTabInDialog({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs(Box, { children: [
-          /* @__PURE__ */ jsx2(Typography, { sx: labelSx, children: "Source" }),
+        /* @__PURE__ */ jsxs(Box_default, { children: [
+          /* @__PURE__ */ jsx2(Typography_default, { sx: labelSx, children: "Source" }),
           /* @__PURE__ */ jsx2(
-            TextField,
+            TextField_default,
             {
               fullWidth: true,
               size: "small",
@@ -1229,21 +1284,21 @@ function LeadsTabInDialog({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs(Box, { children: [
-          /* @__PURE__ */ jsx2(Typography, { sx: labelSx, children: "Priority" }),
-          /* @__PURE__ */ jsx2(FormControl, { fullWidth: true, size: "small", children: /* @__PURE__ */ jsx2(
-            Select,
+        /* @__PURE__ */ jsxs(Box_default, { children: [
+          /* @__PURE__ */ jsx2(Typography_default, { sx: labelSx, children: "Priority" }),
+          /* @__PURE__ */ jsx2(FormControl_default, { fullWidth: true, size: "small", children: /* @__PURE__ */ jsx2(
+            Select_default,
             {
               value: (_a = leadForm.priority) != null ? _a : 5,
               onChange: (e) => setLeadForm((p) => __spreadProps(__spreadValues({}, p), { priority: Number(e.target.value) })),
-              children: LEAD_PRIORITY_OPTIONS.map((opt) => /* @__PURE__ */ jsx2(MenuItem, { value: opt.value, children: opt.label }, opt.label))
+              children: LEAD_PRIORITY_OPTIONS.map((opt) => /* @__PURE__ */ jsx2(MenuItem_default, { value: opt.value, children: opt.label }, opt.label))
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsxs(Box, { sx: { gridColumn: "1 / -1" }, children: [
-          /* @__PURE__ */ jsx2(Typography, { sx: labelSx, children: "Notes" }),
+        /* @__PURE__ */ jsxs(Box_default, { sx: { gridColumn: "1 / -1" }, children: [
+          /* @__PURE__ */ jsx2(Typography_default, { sx: labelSx, children: "Notes" }),
           /* @__PURE__ */ jsx2(
-            TextField,
+            TextField_default,
             {
               fullWidth: true,
               size: "small",
@@ -1257,20 +1312,20 @@ function LeadsTabInDialog({
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsx2(Box, { sx: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ jsx2(
+      /* @__PURE__ */ jsx2(Box_default, { sx: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ jsx2(
         SDKButton,
         {
           onClick: handleAddLead,
           disabled: adding,
-          startIcon: adding ? /* @__PURE__ */ jsx2(CircularProgress, { size: 14, color: "inherit" }) : void 0,
+          startIcon: adding ? /* @__PURE__ */ jsx2(CircularProgress_default, { size: 14, color: "inherit" }) : void 0,
           children: "Add Lead"
         }
       ) })
     ] }),
-    /* @__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(Typography_default, { sx: sectionTitleSx, children: "Upload Leads from File" }),
+    /* @__PURE__ */ jsxs(Paper_default, { variant: "outlined", sx: { p: 2, mb: 2.5, borderRadius: 2 }, children: [
+      /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", alignItems: "center", gap: 1.5, flexWrap: "wrap" }, children: [
+        /* @__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" }),
@@ -1293,7 +1348,7 @@ function LeadsTabInDialog({
             }
           }
         ),
-        /* @__PURE__ */ jsx2(Typography, { sx: { fontSize: "0.82rem", color: "#666", flex: 1, fontFamily: "poppins, Arial, sans-serif" }, children: uploadFile ? uploadFile.name : "No file chosen" }),
+        /* @__PURE__ */ jsx2(Typography_default, { sx: { fontSize: "0.82rem", color: "#666", flex: 1, fontFamily: "poppins, Arial, sans-serif" }, children: uploadFile ? uploadFile.name : "No file chosen" }),
         uploadFile && /* @__PURE__ */ jsx2(
           SDKButton,
           {
@@ -1306,58 +1361,58 @@ 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(
+      /* @__PURE__ */ jsx2(Box_default, { sx: { display: "flex", justifyContent: "flex-end", mt: 1.5 }, children: /* @__PURE__ */ jsx2(
         SDKButton,
         {
           onClick: handleUpload,
           disabled: uploading || !uploadFile,
-          startIcon: uploading ? /* @__PURE__ */ jsx2(CircularProgress, { size: 14, color: "inherit" }) : void 0,
+          startIcon: uploading ? /* @__PURE__ */ jsx2(CircularProgress_default, { size: 14, color: "inherit" }) : void 0,
           children: "Upload"
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", mb: 1.5 }, children: [
-      /* @__PURE__ */ jsxs(Typography, { sx: sectionTitleSx, children: [
+    /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", mb: 1.5 }, children: [
+      /* @__PURE__ */ jsxs(Typography_default, { sx: sectionTitleSx, children: [
         "Leads (",
         leads.length,
         ")"
       ] }),
       /* @__PURE__ */ jsx2(
-        OutlinedInput,
+        OutlinedInput_default,
         {
           size: "small",
           value: search,
           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_default, { position: "start", children: /* @__PURE__ */ jsx2(Search_default, { sx: { fontSize: 16, color: "#aaa" } }) })
         }
       )
     ] }),
-    filtered.length === 0 ? /* @__PURE__ */ jsx2(Paper, { variant: "outlined", sx: { p: 3, textAlign: "center", borderRadius: 2, borderStyle: "dashed" }, children: /* @__PURE__ */ jsx2(Typography, { sx: { color: "#999", fontSize: "0.9rem" }, children: leads.length === 0 ? "No leads yet." : "No leads match your search." }) }) : /* @__PURE__ */ jsx2(TableContainer, { component: Paper, variant: "outlined", sx: { borderRadius: 2, overflow: "visible" }, children: /* @__PURE__ */ jsxs(Table, { size: "small", children: [
-      /* @__PURE__ */ jsx2(TableHead, { children: /* @__PURE__ */ jsxs(TableRow, { sx: { backgroundColor: "#f1f1f1" }, children: [
-        /* @__PURE__ */ jsx2(TableCell, { sx: headCellSx, children: "Phone Number" }),
-        /* @__PURE__ */ jsx2(TableCell, { sx: headCellSx, children: "Status" }),
-        /* @__PURE__ */ jsx2(TableCell, { sx: headCellSx, children: "Source" }),
-        /* @__PURE__ */ jsx2(TableCell, { sx: headCellSx, children: "Attempts" }),
-        /* @__PURE__ */ jsx2(TableCell, { sx: headCellSx, children: "Last Outcome" }),
-        /* @__PURE__ */ jsx2(TableCell, { sx: headCellSx, children: "Notes" }),
-        /* @__PURE__ */ jsx2(TableCell, { sx: headCellSx, children: "Outcome" }),
-        showVoicemail && /* @__PURE__ */ jsx2(TableCell, { sx: headCellSx, children: "Voice Mail" })
+    filtered.length === 0 ? /* @__PURE__ */ jsx2(Paper_default, { variant: "outlined", sx: { p: 3, textAlign: "center", borderRadius: 2, borderStyle: "dashed" }, children: /* @__PURE__ */ jsx2(Typography_default, { sx: { color: "#999", fontSize: "0.9rem" }, children: leads.length === 0 ? "No leads yet." : "No leads match your search." }) }) : /* @__PURE__ */ jsx2(TableContainer_default, { component: Paper_default, variant: "outlined", sx: { borderRadius: 2, overflow: "visible" }, children: /* @__PURE__ */ jsxs(Table_default, { size: "small", children: [
+      /* @__PURE__ */ jsx2(TableHead_default, { children: /* @__PURE__ */ jsxs(TableRow_default, { sx: { backgroundColor: "#f1f1f1" }, children: [
+        /* @__PURE__ */ jsx2(TableCell_default, { sx: headCellSx, children: "Phone Number" }),
+        /* @__PURE__ */ jsx2(TableCell_default, { sx: headCellSx, children: "Status" }),
+        /* @__PURE__ */ jsx2(TableCell_default, { sx: headCellSx, children: "Source" }),
+        /* @__PURE__ */ jsx2(TableCell_default, { sx: headCellSx, children: "Attempts" }),
+        /* @__PURE__ */ jsx2(TableCell_default, { sx: headCellSx, children: "Last Outcome" }),
+        /* @__PURE__ */ jsx2(TableCell_default, { sx: headCellSx, children: "Notes" }),
+        /* @__PURE__ */ jsx2(TableCell_default, { sx: headCellSx, children: "Outcome" }),
+        showVoicemail && /* @__PURE__ */ jsx2(TableCell_default, { sx: headCellSx, children: "Voice Mail" })
       ] }) }),
-      /* @__PURE__ */ jsx2(TableBody, { children: filtered.map((lead) => {
+      /* @__PURE__ */ jsx2(TableBody_default, { children: filtered.map((lead) => {
         var _a2;
-        return /* @__PURE__ */ jsxs(TableRow, { sx: tableRowSx, children: [
-          /* @__PURE__ */ jsx2(TableCell, { sx: bodyCellSx, children: lead.phoneNumber }),
-          /* @__PURE__ */ jsx2(TableCell, { sx: bodyCellSx, children: /* @__PURE__ */ jsx2(Chip, { label: lead.status || "pending", size: "small", sx: leadStatusChipSx(lead.status) }) }),
-          /* @__PURE__ */ jsx2(TableCell, { sx: bodyCellSx, children: lead.source || "" }),
-          /* @__PURE__ */ jsx2(TableCell, { sx: bodyCellSx, children: (_a2 = lead.attemptCount) != null ? _a2 : 0 }),
-          /* @__PURE__ */ jsx2(TableCell, { sx: bodyCellSx, children: lead.lastOutcome || "" }),
-          /* @__PURE__ */ jsx2(TableCell, { sx: __spreadProps(__spreadValues({}, bodyCellSx), { maxWidth: 200, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }), children: lead.notes ? /* @__PURE__ */ jsx2(Tooltip, { title: lead.notes, arrow: true, placement: "top", children: /* @__PURE__ */ jsx2("span", { children: lead.notes }) }) : "" }),
-          /* @__PURE__ */ jsx2(TableCell, { sx: bodyCellSx, children: lead.lastReason || "" }),
-          showVoicemail && /* @__PURE__ */ jsx2(TableCell, { sx: __spreadProps(__spreadValues({}, bodyCellSx), { minWidth: 180 }), children: lead.originalCallId ? /* @__PURE__ */ jsx2(CallRecording, { callUuid: lead.originalCallId, recordingPath: lead.voicemail, iconOnly: true }) : "" })
+        return /* @__PURE__ */ jsxs(TableRow_default, { sx: tableRowSx, children: [
+          /* @__PURE__ */ jsx2(TableCell_default, { sx: bodyCellSx, children: lead.phoneNumber }),
+          /* @__PURE__ */ jsx2(TableCell_default, { sx: bodyCellSx, children: /* @__PURE__ */ jsx2(Chip_default, { label: lead.status || "pending", size: "small", sx: leadStatusChipSx(lead.status) }) }),
+          /* @__PURE__ */ jsx2(TableCell_default, { sx: bodyCellSx, children: lead.source || "" }),
+          /* @__PURE__ */ jsx2(TableCell_default, { sx: bodyCellSx, children: (_a2 = lead.attemptCount) != null ? _a2 : 0 }),
+          /* @__PURE__ */ jsx2(TableCell_default, { sx: bodyCellSx, children: lead.lastOutcome || "" }),
+          /* @__PURE__ */ jsx2(TableCell_default, { sx: __spreadProps(__spreadValues({}, bodyCellSx), { maxWidth: 200, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }), children: lead.notes ? /* @__PURE__ */ jsx2(Tooltip_default, { title: lead.notes, arrow: true, placement: "top", children: /* @__PURE__ */ jsx2("span", { children: lead.notes }) }) : "" }),
+          /* @__PURE__ */ jsx2(TableCell_default, { sx: bodyCellSx, children: lead.lastReason || "" }),
+          showVoicemail && /* @__PURE__ */ jsx2(TableCell_default, { sx: __spreadProps(__spreadValues({}, bodyCellSx), { minWidth: 180 }), children: lead.originalCallId ? /* @__PURE__ */ jsx2(CallRecording, { callUuid: lead.originalCallId, recordingPath: lead.voicemail, iconOnly: true }) : "" })
         ] }, lead.id);
       }) })
     ] }) })
@@ -1428,7 +1483,7 @@ var CampaignDialog = memo(function CampaignDialog2({
     setTab(newTab);
   };
   return /* @__PURE__ */ jsx2(
-    Box,
+    Box_default,
     {
       sx: {
         position: "fixed",
@@ -1441,7 +1496,7 @@ var CampaignDialog = memo(function CampaignDialog2({
       },
       onClick: (e) => e.stopPropagation(),
       children: /* @__PURE__ */ jsxs(
-        Paper,
+        Paper_default,
         {
           elevation: 6,
           sx: {
@@ -1454,16 +1509,16 @@ var CampaignDialog = memo(function CampaignDialog2({
             boxShadow: "0 8px 32px rgba(26,95,108,0.18)"
           },
           children: [
-            /* @__PURE__ */ jsxs(Box, { sx: __spreadProps(__spreadValues({}, dialogHeaderSx), {
+            /* @__PURE__ */ jsxs(Box_default, { sx: __spreadProps(__spreadValues({}, dialogHeaderSx), {
               backgroundColor: "#1A5F6C",
               color: "#fff",
               "& .MuiIconButton-root": { color: "#fff" }
             }), children: [
-              /* @__PURE__ */ jsx2(Typography, { fontWeight: 700, fontSize: "1rem", fontFamily: "poppins, Arial, sans-serif", children: editingCampaign ? "Edit Campaign" : "Create Campaign" }),
-              /* @__PURE__ */ jsx2(IconButton, { size: "small", onClick: onClose, sx: { color: "#fff" }, children: "\u2715" })
+              /* @__PURE__ */ jsx2(Typography_default, { fontWeight: 700, fontSize: "1rem", fontFamily: "poppins, Arial, sans-serif", children: editingCampaign ? "Edit Campaign" : "Create Campaign" }),
+              /* @__PURE__ */ jsx2(IconButton_default, { size: "small", onClick: onClose, sx: { color: "#fff" }, children: "\u2715" })
             ] }),
             /* @__PURE__ */ jsx2(
-              Tabs,
+              Tabs_default,
               {
                 value: tab,
                 onChange: (_, v) => handleTabChange(v),
@@ -1482,10 +1537,10 @@ var CampaignDialog = memo(function CampaignDialog2({
                   "& .Mui-selected": { color: "#1A5F6C" }
                 },
                 TabIndicatorProps: { style: { height: 3, backgroundColor: "#1A5F6C", borderRadius: "3px 3px 0 0" } },
-                children: TAB_LABELS.map((label, i) => /* @__PURE__ */ jsx2(Tab, { label, value: i, disabled: i === 4 && leadsTabDisabled }, label))
+                children: TAB_LABELS.map((label, i) => /* @__PURE__ */ jsx2(Tab_default, { label, value: i, disabled: i === 4 && leadsTabDisabled }, label))
               }
             ),
-            /* @__PURE__ */ jsxs(Box, { sx: { flex: 1, overflowY: "auto", minHeight: 380 }, children: [
+            /* @__PURE__ */ jsxs(Box_default, { sx: { flex: 1, overflowY: "auto", minHeight: 380 }, children: [
               tab === 0 && /* @__PURE__ */ jsx2(BasicInfoTab, { formData, setFormData, isEditMode: !!editingCampaign }),
               tab === 1 && /* @__PURE__ */ jsx2(DialingConfigTab, { formData, setFormData }),
               tab === 2 && /* @__PURE__ */ jsx2(ScheduleTab, { formData, setFormData }),
@@ -1507,7 +1562,7 @@ var CampaignDialog = memo(function CampaignDialog2({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs(Box, { sx: dialogFooterSx, children: [
+            /* @__PURE__ */ jsxs(Box_default, { sx: dialogFooterSx, children: [
               /* @__PURE__ */ jsx2(SDKButton, { variant: "cancel", onClick: onClose, children: "Cancel" }),
               tab > 0 && /* @__PURE__ */ jsx2(SDKButton, { variant: "outlined", onClick: () => setTab((t) => t - 1), children: "Back" }),
               tab < lastSaveTab && /* @__PURE__ */ jsx2(SDKButton, { onClick: () => handleTabChange(tab + 1), children: "Next" }),
@@ -1524,7 +1579,7 @@ var CampaignDialog = memo(function CampaignDialog2({
                     {
                       onClick: onSave,
                       disabled: saving || !isDirty,
-                      startIcon: saving ? /* @__PURE__ */ jsx2(CircularProgress, { size: 14, color: "inherit" }) : void 0,
+                      startIcon: saving ? /* @__PURE__ */ jsx2(CircularProgress_default, { size: 14, color: "inherit" }) : void 0,
                       children: editingCampaign ? "Update" : "Create"
                     }
                   )
@@ -1549,7 +1604,7 @@ var AddLeadDialog = memo(function AddLeadDialog2({
   if (!open) return null;
   const phoneError = data.phoneNumber ? validatePhone(data.phoneNumber) : null;
   return /* @__PURE__ */ jsx2(
-    Box,
+    Box_default,
     {
       sx: {
         position: "fixed",
@@ -1561,19 +1616,19 @@ var AddLeadDialog = memo(function AddLeadDialog2({
         justifyContent: "center"
       },
       onClick: (e) => e.stopPropagation(),
-      children: /* @__PURE__ */ jsxs(Paper, { elevation: 6, sx: { width: { xs: "95vw", sm: 560, lg: 720 }, borderRadius: "16px", overflow: "hidden", boxShadow: "0 8px 32px rgba(26,95,108,0.18)" }, children: [
-        /* @__PURE__ */ jsxs(Box, { sx: __spreadProps(__spreadValues({}, dialogHeaderSx), { backgroundColor: "#1A5F6C", color: "#fff" }), children: [
-          /* @__PURE__ */ jsx2(Typography, { fontWeight: 700, fontSize: "1rem", fontFamily: "poppins, Arial, sans-serif", children: "Add Lead" }),
-          /* @__PURE__ */ jsx2(IconButton, { size: "small", onClick: onClose, sx: { color: "#fff" }, children: "\u2715" })
+      children: /* @__PURE__ */ jsxs(Paper_default, { elevation: 6, sx: { width: { xs: "95vw", sm: 560, lg: 720 }, borderRadius: "16px", overflow: "hidden", boxShadow: "0 8px 32px rgba(26,95,108,0.18)" }, children: [
+        /* @__PURE__ */ jsxs(Box_default, { sx: __spreadProps(__spreadValues({}, dialogHeaderSx), { backgroundColor: "#1A5F6C", color: "#fff" }), children: [
+          /* @__PURE__ */ jsx2(Typography_default, { fontWeight: 700, fontSize: "1rem", fontFamily: "poppins, Arial, sans-serif", children: "Add Lead" }),
+          /* @__PURE__ */ jsx2(IconButton_default, { size: "small", onClick: onClose, sx: { color: "#fff" }, children: "\u2715" })
         ] }),
-        /* @__PURE__ */ jsx2(Box, { sx: { p: 2.5 }, children: /* @__PURE__ */ jsxs(Box, { sx: { display: "grid", gridTemplateColumns: { xs: "1fr", sm: "1fr 1fr", lg: "1fr 1fr 1fr" }, gap: 2 }, children: [
-          /* @__PURE__ */ jsxs(Box, { children: [
-            /* @__PURE__ */ jsxs(Typography, { sx: labelSx, children: [
+        /* @__PURE__ */ jsx2(Box_default, { sx: { p: 2.5 }, children: /* @__PURE__ */ jsxs(Box_default, { sx: { display: "grid", gridTemplateColumns: { xs: "1fr", sm: "1fr 1fr", lg: "1fr 1fr 1fr" }, gap: 2 }, children: [
+          /* @__PURE__ */ jsxs(Box_default, { children: [
+            /* @__PURE__ */ jsxs(Typography_default, { sx: labelSx, children: [
               "Phone Number ",
               /* @__PURE__ */ jsx2("span", { style: { color: "red" }, children: "*" })
             ] }),
             /* @__PURE__ */ jsx2(
-              TextField,
+              TextField_default,
               {
                 fullWidth: true,
                 size: "small",
@@ -1586,10 +1641,10 @@ var AddLeadDialog = memo(function AddLeadDialog2({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs(Box, { children: [
-            /* @__PURE__ */ jsx2(Typography, { sx: labelSx, children: "Caller Name" }),
+          /* @__PURE__ */ jsxs(Box_default, { children: [
+            /* @__PURE__ */ jsx2(Typography_default, { sx: labelSx, children: "Caller Name" }),
             /* @__PURE__ */ jsx2(
-              TextField,
+              TextField_default,
               {
                 fullWidth: true,
                 size: "small",
@@ -1599,10 +1654,10 @@ var AddLeadDialog = memo(function AddLeadDialog2({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs(Box, { children: [
-            /* @__PURE__ */ jsx2(Typography, { sx: labelSx, children: "Source" }),
+          /* @__PURE__ */ jsxs(Box_default, { children: [
+            /* @__PURE__ */ jsx2(Typography_default, { sx: labelSx, children: "Source" }),
             /* @__PURE__ */ jsx2(
-              TextField,
+              TextField_default,
               {
                 fullWidth: true,
                 size: "small",
@@ -1612,21 +1667,21 @@ var AddLeadDialog = memo(function AddLeadDialog2({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs(Box, { children: [
-            /* @__PURE__ */ jsx2(Typography, { sx: labelSx, children: "Priority" }),
-            /* @__PURE__ */ jsx2(FormControl, { fullWidth: true, size: "small", children: /* @__PURE__ */ jsx2(
-              Select,
+          /* @__PURE__ */ jsxs(Box_default, { children: [
+            /* @__PURE__ */ jsx2(Typography_default, { sx: labelSx, children: "Priority" }),
+            /* @__PURE__ */ jsx2(FormControl_default, { fullWidth: true, size: "small", children: /* @__PURE__ */ jsx2(
+              Select_default,
               {
                 value: (_a = data.priority) != null ? _a : 5,
                 onChange: (e) => onChange(__spreadProps(__spreadValues({}, data), { priority: Number(e.target.value) })),
-                children: LEAD_PRIORITY_OPTIONS.map((o) => /* @__PURE__ */ jsx2(MenuItem, { value: o.value, children: o.label }, o.label))
+                children: LEAD_PRIORITY_OPTIONS.map((o) => /* @__PURE__ */ jsx2(MenuItem_default, { value: o.value, children: o.label }, o.label))
               }
             ) })
           ] }),
-          /* @__PURE__ */ jsxs(Box, { sx: { gridColumn: "1 / -1" }, children: [
-            /* @__PURE__ */ jsx2(Typography, { sx: labelSx, children: "Notes" }),
+          /* @__PURE__ */ jsxs(Box_default, { sx: { gridColumn: "1 / -1" }, children: [
+            /* @__PURE__ */ jsx2(Typography_default, { sx: labelSx, children: "Notes" }),
             /* @__PURE__ */ jsx2(
-              TextField,
+              TextField_default,
               {
                 fullWidth: true,
                 size: "small",
@@ -1640,14 +1695,14 @@ var AddLeadDialog = memo(function AddLeadDialog2({
             )
           ] })
         ] }) }),
-        /* @__PURE__ */ jsxs(Box, { sx: dialogFooterSx, children: [
+        /* @__PURE__ */ jsxs(Box_default, { sx: dialogFooterSx, children: [
           /* @__PURE__ */ jsx2(SDKButton, { variant: "cancel", onClick: onClose, children: "Cancel" }),
           /* @__PURE__ */ jsx2(
             SDKButton,
             {
               onClick: onSave,
               disabled: saving,
-              startIcon: saving ? /* @__PURE__ */ jsx2(CircularProgress, { size: 14, color: "inherit" }) : void 0,
+              startIcon: saving ? /* @__PURE__ */ jsx2(CircularProgress_default, { size: 14, color: "inherit" }) : void 0,
               children: "Add Lead"
             }
           )
@@ -1666,17 +1721,17 @@ function ConfirmDialog({
 }) {
   if (!open) return null;
   return /* @__PURE__ */ jsx2(
-    Box,
+    Box_default,
     {
       sx: { position: "fixed", inset: 0, zIndex: 1500, backgroundColor: "rgba(0,0,0,0.45)", display: "flex", alignItems: "center", justifyContent: "center" },
       onClick: (e) => e.stopPropagation(),
-      children: /* @__PURE__ */ jsxs(Paper, { elevation: 6, sx: { width: { xs: "90vw", sm: 400 }, borderRadius: "16px", overflow: "hidden", boxShadow: "0 8px 32px rgba(0,0,0,0.18)" }, children: [
-        /* @__PURE__ */ jsxs(Box, { sx: __spreadProps(__spreadValues({}, dialogHeaderSx), { borderBottom: "none", pb: 0 }), children: [
-          /* @__PURE__ */ jsx2(Typography, { fontWeight: 700, fontSize: "1rem", fontFamily: "poppins, Arial, sans-serif", children: title }),
-          /* @__PURE__ */ jsx2(IconButton, { size: "small", onClick: onClose, children: "\u2715" })
+      children: /* @__PURE__ */ jsxs(Paper_default, { elevation: 6, sx: { width: { xs: "90vw", sm: 400 }, borderRadius: "16px", overflow: "hidden", boxShadow: "0 8px 32px rgba(0,0,0,0.18)" }, children: [
+        /* @__PURE__ */ jsxs(Box_default, { sx: __spreadProps(__spreadValues({}, dialogHeaderSx), { borderBottom: "none", pb: 0 }), children: [
+          /* @__PURE__ */ jsx2(Typography_default, { fontWeight: 700, fontSize: "1rem", fontFamily: "poppins, Arial, sans-serif", children: title }),
+          /* @__PURE__ */ jsx2(IconButton_default, { size: "small", onClick: onClose, children: "\u2715" })
         ] }),
-        /* @__PURE__ */ jsx2(Box, { sx: { px: 2.5, py: 1.5 }, children: /* @__PURE__ */ jsx2(Typography, { fontSize: "0.85rem", color: "#555", fontFamily: "poppins, Arial, sans-serif", children: message }) }),
-        /* @__PURE__ */ jsxs(Box, { sx: dialogFooterSx, children: [
+        /* @__PURE__ */ jsx2(Box_default, { sx: { px: 2.5, py: 1.5 }, children: /* @__PURE__ */ jsx2(Typography_default, { fontSize: "0.85rem", color: "#555", fontFamily: "poppins, Arial, sans-serif", children: message }) }),
+        /* @__PURE__ */ jsxs(Box_default, { sx: dialogFooterSx, children: [
           /* @__PURE__ */ jsx2(SDKButton, { variant: "cancel", onClick: onClose, children: "Cancel" }),
           /* @__PURE__ */ jsx2(
             SDKButton,
@@ -1684,7 +1739,7 @@ function ConfirmDialog({
               variant: "danger",
               onClick: onConfirm,
               disabled: loading,
-              startIcon: loading ? /* @__PURE__ */ jsx2(CircularProgress, { size: 14, color: "inherit" }) : void 0,
+              startIcon: loading ? /* @__PURE__ */ jsx2(CircularProgress_default, { size: 14, color: "inherit" }) : void 0,
               children: "Confirm"
             }
           )
@@ -1756,7 +1811,7 @@ function CallRecording({ callUuid, recordingPath, iconOnly = false }) {
   };
   if (iconOnly) {
     if (audioUrl) {
-      return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+      return /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
         /* @__PURE__ */ jsx2(
           "audio",
           {
@@ -1769,28 +1824,28 @@ function CallRecording({ callUuid, recordingPath, iconOnly = false }) {
             style: { height: 32, maxWidth: 170 }
           }
         ),
-        totalLabel && /* @__PURE__ */ jsxs(Typography, { sx: { fontSize: 12, fontWeight: 600, color: "#1A5F6C", whiteSpace: "nowrap" }, children: [
+        totalLabel && /* @__PURE__ */ jsxs(Typography_default, { sx: { fontSize: 12, fontWeight: 600, color: "#1A5F6C", whiteSpace: "nowrap" }, children: [
           fmtRecordingDuration(currentSec),
           " / ",
           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_default, { title: "Download", children: /* @__PURE__ */ jsx2(IconButton_default, { 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_default, { title: unavailable ? "No recording available for this call." : error ? "Recording unavailable" : "Play voicemail", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(IconButton_default, { size: "small", onClick: handlePlay, disabled: unavailable || loading || error, sx: { color: unavailable ? "#bdbdbd" : "#1A5F6C" }, children: loading ? /* @__PURE__ */ jsx2(CircularProgress_default, { 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." });
+    return /* @__PURE__ */ jsx2(Typography_default, { 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: [
+    return /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
       /* @__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 } }) }) })
+      /* @__PURE__ */ jsx2(Tooltip_default, { title: "Download", children: /* @__PURE__ */ jsx2(IconButton_default, { 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 } }) }) }) })
+  return /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+    /* @__PURE__ */ jsx2(SDKButton, { variant: "outlined", onClick: handlePlay, disabled: loading || error, startIcon: loading ? /* @__PURE__ */ jsx2(CircularProgress_default, { size: 16, color: "inherit" }) : /* @__PURE__ */ jsx2(PlayArrow_default, { sx: { fontSize: 16 } }), children: error ? "Recording unavailable" : "Play recording" }),
+    /* @__PURE__ */ jsx2(Tooltip_default, { title: "Download", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(IconButton_default, { size: "small", onClick: handleDownload, disabled: loading || error, sx: { color: "#1565c0" }, children: /* @__PURE__ */ jsx2(Download_default, { sx: { fontSize: 18 } }) }) }) })
   ] });
 }
 function CallDataDialog({
@@ -1833,9 +1888,9 @@ function CallDataDialog({
     letterSpacing: 0.5,
     mb: 0.75
   };
-  const fieldCard = (label, value, full) => /* @__PURE__ */ jsxs(Box, { sx: __spreadValues(__spreadValues({}, fieldCardSx), full ? { gridColumn: "1 / -1" } : {}), children: [
-    /* @__PURE__ */ jsx2(Typography, { sx: fieldLabelSx, fontFamily: "poppins, Arial, sans-serif", children: label }),
-    /* @__PURE__ */ jsx2(Typography, { sx: fieldValueSx, fontFamily: "poppins, Arial, sans-serif", children: value })
+  const fieldCard = (label, value, full) => /* @__PURE__ */ jsxs(Box_default, { sx: __spreadValues(__spreadValues({}, fieldCardSx), full ? { gridColumn: "1 / -1" } : {}), children: [
+    /* @__PURE__ */ jsx2(Typography_default, { sx: fieldLabelSx, fontFamily: "poppins, Arial, sans-serif", children: label }),
+    /* @__PURE__ */ jsx2(Typography_default, { sx: fieldValueSx, fontFamily: "poppins, Arial, sans-serif", children: value })
   ] }, label);
   const overview = data ? [
     ["Phone Number", data.phoneNumber || "\u2014"],
@@ -1867,44 +1922,44 @@ function CallDataDialog({
   ] : [];
   const twoColGrid = { display: "grid", gridTemplateColumns: { xs: "1fr", sm: "1fr 1fr" }, gap: 1.25 };
   const compactGrid = { display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(96px, 1fr))", gap: 1.25 };
-  return /* @__PURE__ */ jsx2(Box, { sx: { position: "fixed", inset: 0, zIndex: 1500, backgroundColor: "rgba(0,0,0,0.45)", display: "flex", alignItems: "center", justifyContent: "center" }, onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxs(Paper, { elevation: 6, sx: { width: { xs: "92vw", sm: 600 }, maxHeight: "85vh", display: "flex", flexDirection: "column", borderRadius: "16px", overflow: "hidden", boxShadow: "0 8px 32px rgba(26,95,108,0.18)" }, children: [
-    /* @__PURE__ */ jsxs(Box, { sx: __spreadProps(__spreadValues({}, dialogHeaderSx), { backgroundColor: "#1A5F6C", color: "#fff" }), children: [
-      /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsx2(Typography, { fontWeight: 700, fontSize: "1rem", fontFamily: "poppins, Arial, sans-serif", children: "Call Details" }),
-        (lead == null ? void 0 : lead.phoneNumber) ? /* @__PURE__ */ jsxs(Typography, { fontSize: "0.72rem", sx: { opacity: 0.85 }, fontFamily: "poppins, Arial, sans-serif", children: [
+  return /* @__PURE__ */ jsx2(Box_default, { sx: { position: "fixed", inset: 0, zIndex: 1500, backgroundColor: "rgba(0,0,0,0.45)", display: "flex", alignItems: "center", justifyContent: "center" }, onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxs(Paper_default, { elevation: 6, sx: { width: { xs: "92vw", sm: 600 }, maxHeight: "85vh", display: "flex", flexDirection: "column", borderRadius: "16px", overflow: "hidden", boxShadow: "0 8px 32px rgba(26,95,108,0.18)" }, children: [
+    /* @__PURE__ */ jsxs(Box_default, { sx: __spreadProps(__spreadValues({}, dialogHeaderSx), { backgroundColor: "#1A5F6C", color: "#fff" }), children: [
+      /* @__PURE__ */ jsxs(Box_default, { children: [
+        /* @__PURE__ */ jsx2(Typography_default, { fontWeight: 700, fontSize: "1rem", fontFamily: "poppins, Arial, sans-serif", children: "Call Details" }),
+        (lead == null ? void 0 : lead.phoneNumber) ? /* @__PURE__ */ jsxs(Typography_default, { fontSize: "0.72rem", sx: { opacity: 0.85 }, fontFamily: "poppins, Arial, sans-serif", children: [
           "Latest call for ",
           lead.phoneNumber
         ] }) : null
       ] }),
-      /* @__PURE__ */ jsx2(IconButton, { size: "small", onClick: onClose, sx: { color: "#fff" }, children: "\u2715" })
+      /* @__PURE__ */ jsx2(IconButton_default, { size: "small", onClick: onClose, sx: { color: "#fff" }, children: "\u2715" })
     ] }),
-    /* @__PURE__ */ jsx2(Box, { sx: { px: 2.5, py: 2, overflowY: "auto" }, children: loading ? /* @__PURE__ */ jsx2(Box, { sx: { display: "flex", justifyContent: "center", py: 4 }, children: /* @__PURE__ */ jsx2(CircularProgress, { size: 30 }) }) : error ? /* @__PURE__ */ jsx2(Typography, { fontSize: "0.85rem", color: "#d32f2f", textAlign: "center", sx: { py: 3 }, fontFamily: "poppins, Arial, sans-serif", children: error }) : data ? /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
-      /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsx2(Typography, { sx: sectionTitle, fontFamily: "poppins, Arial, sans-serif", children: "Call Overview" }),
-        /* @__PURE__ */ jsx2(Box, { sx: twoColGrid, children: overview.map(([l, v]) => fieldCard(l, v)) })
+    /* @__PURE__ */ jsx2(Box_default, { sx: { px: 2.5, py: 2, overflowY: "auto" }, children: loading ? /* @__PURE__ */ jsx2(Box_default, { sx: { display: "flex", justifyContent: "center", py: 4 }, children: /* @__PURE__ */ jsx2(CircularProgress_default, { size: 30 }) }) : error ? /* @__PURE__ */ jsx2(Typography_default, { fontSize: "0.85rem", color: "#d32f2f", textAlign: "center", sx: { py: 3 }, fontFamily: "poppins, Arial, sans-serif", children: error }) : data ? /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
+      /* @__PURE__ */ jsxs(Box_default, { children: [
+        /* @__PURE__ */ jsx2(Typography_default, { sx: sectionTitle, fontFamily: "poppins, Arial, sans-serif", children: "Call Overview" }),
+        /* @__PURE__ */ jsx2(Box_default, { sx: twoColGrid, children: overview.map(([l, v]) => fieldCard(l, v)) })
       ] }),
-      /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsx2(Typography, { sx: sectionTitle, fontFamily: "poppins, Arial, sans-serif", children: "Agent & Queue" }),
-        /* @__PURE__ */ jsx2(Box, { sx: twoColGrid, children: agentQueue.map(([l, v]) => fieldCard(l, v)) })
+      /* @__PURE__ */ jsxs(Box_default, { children: [
+        /* @__PURE__ */ jsx2(Typography_default, { sx: sectionTitle, fontFamily: "poppins, Arial, sans-serif", children: "Agent & Queue" }),
+        /* @__PURE__ */ jsx2(Box_default, { sx: twoColGrid, children: agentQueue.map(([l, v]) => fieldCard(l, v)) })
       ] }),
-      /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsx2(Typography, { sx: sectionTitle, fontFamily: "poppins, Arial, sans-serif", children: "Timing" }),
-        /* @__PURE__ */ jsx2(Box, { sx: twoColGrid, children: timing.map(([l, v]) => fieldCard(l, v)) })
+      /* @__PURE__ */ jsxs(Box_default, { children: [
+        /* @__PURE__ */ jsx2(Typography_default, { sx: sectionTitle, fontFamily: "poppins, Arial, sans-serif", children: "Timing" }),
+        /* @__PURE__ */ jsx2(Box_default, { sx: twoColGrid, children: timing.map(([l, v]) => fieldCard(l, v)) })
       ] }),
-      /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsx2(Typography, { sx: sectionTitle, fontFamily: "poppins, Arial, sans-serif", children: "Durations" }),
-        /* @__PURE__ */ jsx2(Box, { sx: compactGrid, children: durations.map(([l, v]) => fieldCard(l, v)) })
+      /* @__PURE__ */ jsxs(Box_default, { children: [
+        /* @__PURE__ */ jsx2(Typography_default, { sx: sectionTitle, fontFamily: "poppins, Arial, sans-serif", children: "Durations" }),
+        /* @__PURE__ */ jsx2(Box_default, { sx: compactGrid, children: durations.map(([l, v]) => fieldCard(l, v)) })
       ] }),
-      /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsx2(Typography, { sx: sectionTitle, fontFamily: "poppins, Arial, sans-serif", children: "Remarks" }),
-        /* @__PURE__ */ jsx2(Box, { sx: __spreadProps(__spreadValues({}, fieldCardSx), { minHeight: 44 }), children: /* @__PURE__ */ jsx2(Typography, { sx: fieldValueSx, fontFamily: "poppins, Arial, sans-serif", children: data.remarks || "\u2014" }) })
+      /* @__PURE__ */ jsxs(Box_default, { children: [
+        /* @__PURE__ */ jsx2(Typography_default, { sx: sectionTitle, fontFamily: "poppins, Arial, sans-serif", children: "Remarks" }),
+        /* @__PURE__ */ jsx2(Box_default, { sx: __spreadProps(__spreadValues({}, fieldCardSx), { minHeight: 44 }), children: /* @__PURE__ */ jsx2(Typography_default, { sx: fieldValueSx, fontFamily: "poppins, Arial, sans-serif", children: data.remarks || "\u2014" }) })
       ] }),
-      /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsx2(Typography, { sx: sectionTitle, fontFamily: "poppins, Arial, sans-serif", children: "Recording" }),
-        /* @__PURE__ */ jsx2(Box, { sx: fieldCardSx, children: /* @__PURE__ */ jsx2(CallRecording, { callUuid: data.callUuid, recordingPath: data.recordingPath }) })
+      /* @__PURE__ */ jsxs(Box_default, { children: [
+        /* @__PURE__ */ jsx2(Typography_default, { sx: sectionTitle, fontFamily: "poppins, Arial, sans-serif", children: "Recording" }),
+        /* @__PURE__ */ jsx2(Box_default, { sx: fieldCardSx, children: /* @__PURE__ */ jsx2(CallRecording, { callUuid: data.callUuid, recordingPath: data.recordingPath }) })
       ] })
     ] }) : null }),
-    /* @__PURE__ */ jsx2(Box, { sx: dialogFooterSx, children: /* @__PURE__ */ jsx2(SDKButton, { variant: "cancel", onClick: onClose, children: "Close" }) })
+    /* @__PURE__ */ jsx2(Box_default, { sx: dialogFooterSx, children: /* @__PURE__ */ jsx2(SDKButton, { variant: "cancel", onClick: onClose, children: "Close" }) })
   ] }) });
 }
 function ImportLeadsDialog({
@@ -1919,23 +1974,23 @@ function ImportLeadsDialog({
   const fileRef = useRef(null);
   if (!open) return null;
   return /* @__PURE__ */ jsx2(
-    Box,
+    Box_default,
     {
       sx: { position: "fixed", inset: 0, zIndex: 1400, backgroundColor: "rgba(0,0,0,0.45)", display: "flex", alignItems: "center", justifyContent: "center" },
       onClick: (e) => e.stopPropagation(),
-      children: /* @__PURE__ */ jsxs(Paper, { elevation: 6, sx: { width: { xs: "90vw", sm: 460 }, borderRadius: "16px", overflow: "hidden", boxShadow: "0 8px 32px rgba(26,95,108,0.18)" }, children: [
-        /* @__PURE__ */ jsxs(Box, { sx: __spreadProps(__spreadValues({}, dialogHeaderSx), { backgroundColor: "#1A5F6C", color: "#fff" }), children: [
-          /* @__PURE__ */ jsx2(Typography, { fontWeight: 700, fontSize: "1rem", fontFamily: "poppins, Arial, sans-serif", children: "Import Leads" }),
-          /* @__PURE__ */ jsx2(IconButton, { size: "small", onClick: onClose, sx: { color: "#fff" }, children: "\u2715" })
+      children: /* @__PURE__ */ jsxs(Paper_default, { elevation: 6, sx: { width: { xs: "90vw", sm: 460 }, borderRadius: "16px", overflow: "hidden", boxShadow: "0 8px 32px rgba(26,95,108,0.18)" }, children: [
+        /* @__PURE__ */ jsxs(Box_default, { sx: __spreadProps(__spreadValues({}, dialogHeaderSx), { backgroundColor: "#1A5F6C", color: "#fff" }), children: [
+          /* @__PURE__ */ jsx2(Typography_default, { fontWeight: 700, fontSize: "1rem", fontFamily: "poppins, Arial, sans-serif", children: "Import Leads" }),
+          /* @__PURE__ */ jsx2(IconButton_default, { size: "small", onClick: onClose, sx: { color: "#fff" }, children: "\u2715" })
         ] }),
-        /* @__PURE__ */ jsxs(Box, { sx: { p: 2.5 }, children: [
-          /* @__PURE__ */ jsx2(Typography, { fontSize: "0.82rem", color: "#555", fontFamily: "poppins, Arial, sans-serif", mb: 2, children: "Upload a CSV or Excel file. Use the template for the correct format." }),
-          /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1.5, flexWrap: "wrap", mb: 1.5 }, children: [
+        /* @__PURE__ */ jsxs(Box_default, { sx: { p: 2.5 }, children: [
+          /* @__PURE__ */ jsx2(Typography_default, { fontSize: "0.82rem", color: "#555", fontFamily: "poppins, Arial, sans-serif", mb: 2, children: "Upload a CSV or Excel file. Use the template for the correct format." }),
+          /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", alignItems: "center", gap: 1.5, flexWrap: "wrap", mb: 1.5 }, children: [
             /* @__PURE__ */ jsx2(
               SDKButton,
               {
                 variant: "outlined",
-                startIcon: /* @__PURE__ */ jsx2(UploadFileIcon, {}),
+                startIcon: /* @__PURE__ */ jsx2(UploadFile_default, {}),
                 onClick: () => {
                   var _a;
                   return (_a = fileRef.current) == null ? void 0 : _a.click();
@@ -1958,7 +2013,7 @@ function ImportLeadsDialog({
                 }
               }
             ),
-            /* @__PURE__ */ jsx2(Typography, { sx: { fontSize: "0.82rem", color: "#666", flex: 1, fontFamily: "poppins, Arial, sans-serif" }, children: file ? file.name : "No file chosen" }),
+            /* @__PURE__ */ jsx2(Typography_default, { sx: { fontSize: "0.82rem", color: "#666", flex: 1, fontFamily: "poppins, Arial, sans-serif" }, children: file ? file.name : "No file chosen" }),
             file && /* @__PURE__ */ jsx2(
               SDKButton,
               {
@@ -1972,16 +2027,16 @@ 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__ */ jsxs(Box_default, { sx: dialogFooterSx, children: [
           /* @__PURE__ */ jsx2(SDKButton, { variant: "cancel", onClick: onClose, children: "Cancel" }),
           /* @__PURE__ */ jsx2(
             SDKButton,
             {
               onClick: onUpload,
               disabled: uploading || !file,
-              startIcon: uploading ? /* @__PURE__ */ jsx2(CircularProgress, { size: 14, color: "inherit" }) : void 0,
+              startIcon: uploading ? /* @__PURE__ */ jsx2(CircularProgress_default, { size: 14, color: "inherit" }) : void 0,
               children: "Upload"
             }
           )
@@ -1992,7 +2047,7 @@ function ImportLeadsDialog({
 }
 var CampaignsContent = memo(function CampaignsContent2() {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
-  const theme = useTheme2();
+  const theme = useTheme();
   const { showToast } = useToast();
   const { isBitEnabled } = useSDKPermissions();
   const callerData = useGetCallerData();
@@ -2343,16 +2398,16 @@ var CampaignsContent = memo(function CampaignsContent2() {
   const scDraft = ((_c = sc == null ? void 0 : sc.status) == null ? void 0 : _c.toLowerCase()) === "draft";
   const scPaused = ((_d = sc == null ? void 0 : sc.status) == null ? void 0 : _d.toLowerCase()) === "paused";
   const scArchived = ((_e = sc == null ? void 0 : sc.status) == null ? void 0 : _e.toLowerCase()) === "archived";
-  return /* @__PURE__ */ jsxs(Box, { sx: { fontFamily: "poppins, Arial, sans-serif" }, children: [
+  return /* @__PURE__ */ jsxs(Box_default, { sx: { fontFamily: "poppins, Arial, sans-serif" }, children: [
     /* @__PURE__ */ jsx2(
       SDKPageHeader,
       {
         title: "Call Scheduling",
-        actions: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+        actions: /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
           /* @__PURE__ */ jsx2(
             SDKButton,
             {
-              startIcon: /* @__PURE__ */ jsx2(RefreshIcon, {}),
+              startIcon: /* @__PURE__ */ jsx2(Refresh_default, {}),
               onClick: () => {
                 fetchCampaigns();
                 if (selectedId) refetchLeads();
@@ -2368,15 +2423,15 @@ 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" })
             }
           )
         ] })
       }
     ),
-    /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: { xs: "column", md: "row" }, gap: 1.5, p: 1.5 }, children: [
+    /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", flexDirection: { xs: "column", md: "row" }, gap: 1.5, p: 1.5 }, children: [
       /* @__PURE__ */ jsx2(
-        Paper,
+        Paper_default,
         {
           elevation: 0,
           sx: {
@@ -2392,7 +2447,7 @@ var CampaignsContent = memo(function CampaignsContent2() {
             boxShadow: "0 1px 3px rgba(0,0,0,0.08)",
             transition: "width 0.2s ease, min-width 0.2s ease"
           },
-          children: campaignListCollapsed ? /* @__PURE__ */ jsxs(Box, { sx: {
+          children: campaignListCollapsed ? /* @__PURE__ */ jsxs(Box_default, { sx: {
             display: "flex",
             flexDirection: { xs: "row", md: "column" },
             alignItems: "center",
@@ -2402,8 +2457,8 @@ var CampaignsContent = memo(function CampaignsContent2() {
             overflowY: { xs: "visible", md: "auto" },
             overflowX: { xs: "auto", md: "visible" }
           }, children: [
-            /* @__PURE__ */ jsx2(Tooltip, { title: "Expand campaigns", arrow: true, placement: "right", children: /* @__PURE__ */ jsx2(
-              IconButton,
+            /* @__PURE__ */ jsx2(Tooltip_default, { title: "Expand campaigns", arrow: true, placement: "right", children: /* @__PURE__ */ jsx2(
+              IconButton_default,
               {
                 size: "small",
                 onClick: () => setCampaignListCollapsed(false),
@@ -2413,7 +2468,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) => {
@@ -2422,13 +2477,13 @@ var CampaignsContent = memo(function CampaignsContent2() {
               const status = (c.status || "draft").toLowerCase();
               const statusColor = (_a2 = STATUS_COLORS[status]) != null ? _a2 : "#9e9e9e";
               return /* @__PURE__ */ jsx2(
-                Tooltip,
+                Tooltip_default,
                 {
                   arrow: true,
                   placement: "right",
                   title: `${c.name} \u2022 ${c.status || "draft"}`,
                   children: /* @__PURE__ */ jsx2(
-                    Box,
+                    Box_default,
                     {
                       onClick: () => handleSelectCampaign(c.id),
                       sx: {
@@ -2460,7 +2515,7 @@ var CampaignsContent = memo(function CampaignsContent2() {
               );
             })
           ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsxs(Box, { sx: {
+            /* @__PURE__ */ jsxs(Box_default, { sx: {
               display: "flex",
               alignItems: "center",
               justifyContent: "space-between",
@@ -2470,23 +2525,23 @@ var CampaignsContent = memo(function CampaignsContent2() {
               backgroundColor: "#fafafa",
               gap: 1
             }, children: [
-              /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 0.5, minWidth: 0 }, children: [
-                /* @__PURE__ */ jsx2(Tooltip, { title: "Minimize", arrow: true, children: /* @__PURE__ */ jsx2(
-                  IconButton,
+              /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", alignItems: "center", gap: 0.5, minWidth: 0 }, children: [
+                /* @__PURE__ */ jsx2(Tooltip_default, { title: "Minimize", arrow: true, children: /* @__PURE__ */ jsx2(
+                  IconButton_default,
                   {
                     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" })
+                /* @__PURE__ */ jsx2(Typography_default, { sx: { fontWeight: 700, fontSize: "0.95rem", color: "#333", fontFamily: "poppins, Arial, sans-serif" }, children: "Campaigns" })
               ] }),
               /* @__PURE__ */ jsx2(
-                FormControlLabel,
+                FormControlLabel_default,
                 {
                   control: /* @__PURE__ */ jsx2(
-                    Checkbox,
+                    Checkbox_default,
                     {
                       size: "small",
                       checked: showArchived,
@@ -2494,17 +2549,17 @@ var CampaignsContent = memo(function CampaignsContent2() {
                       sx: { p: 0.5 }
                     }
                   ),
-                  label: /* @__PURE__ */ jsx2(Typography, { sx: { fontSize: "0.78rem", color: "#666" }, children: "Show archived" }),
+                  label: /* @__PURE__ */ jsx2(Typography_default, { sx: { fontSize: "0.78rem", color: "#666" }, children: "Show archived" }),
                   sx: { mr: 0 }
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx2(Box, { sx: { flex: 1, overflow: "auto", p: 1 }, children: loading ? /* @__PURE__ */ jsx2(Box, { sx: { display: "flex", justifyContent: "center", py: 4 }, children: /* @__PURE__ */ jsx2(CircularProgress, { size: 24, sx: { color: "#1A5F6C" } }) }) : visibleCampaigns.length === 0 ? /* @__PURE__ */ jsx2(Typography, { sx: { textAlign: "center", py: 3, color: "#999", fontSize: "0.85rem" }, children: "No campaigns" }) : visibleCampaigns.map((c) => {
+            /* @__PURE__ */ jsx2(Box_default, { sx: { flex: 1, overflow: "auto", p: 1 }, children: loading ? /* @__PURE__ */ jsx2(Box_default, { sx: { display: "flex", justifyContent: "center", py: 4 }, children: /* @__PURE__ */ jsx2(CircularProgress_default, { size: 24, sx: { color: "#1A5F6C" } }) }) : visibleCampaigns.length === 0 ? /* @__PURE__ */ jsx2(Typography_default, { sx: { textAlign: "center", py: 3, color: "#999", fontSize: "0.85rem" }, children: "No campaigns" }) : visibleCampaigns.map((c) => {
               var _a2, _b2;
               const isSel = c.id === selectedId;
               const wStr = `${((_a2 = c.startTime) == null ? void 0 : _a2.slice(0, 5)) || "09:00"}\u2013${((_b2 = c.endTime) == null ? void 0 : _b2.slice(0, 5)) || "17:00"}`;
               return /* @__PURE__ */ jsxs(
-                Paper,
+                Paper_default,
                 {
                   elevation: 0,
                   onClick: () => handleSelectCampaign(c.id),
@@ -2512,11 +2567,11 @@ var CampaignsContent = memo(function CampaignsContent2() {
                     "&:hover": { borderColor: "#1A5F6C", backgroundColor: "#f5fafb", boxShadow: "0 2px 6px rgba(26,95,108,0.1)" }
                   }),
                   children: [
-                    /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center", mb: 0.5 }, children: [
-                      /* @__PURE__ */ jsx2(Typography, { sx: { fontWeight: 600, fontSize: "0.88rem", color: "#1a1a1a", fontFamily: "poppins, Arial, sans-serif" }, children: c.name }),
-                      /* @__PURE__ */ jsx2(Chip, { label: c.status || "draft", size: "small", sx: statusChipSx(c.status) })
+                    /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center", mb: 0.5 }, children: [
+                      /* @__PURE__ */ jsx2(Typography_default, { sx: { fontWeight: 600, fontSize: "0.88rem", color: "#1a1a1a", fontFamily: "poppins, Arial, sans-serif" }, children: c.name }),
+                      /* @__PURE__ */ jsx2(Chip_default, { label: c.status || "draft", size: "small", sx: statusChipSx(c.status) })
                     ] }),
-                    /* @__PURE__ */ jsxs(Typography, { sx: { fontSize: "0.73rem", color: "#999", fontFamily: "poppins, Arial, sans-serif" }, children: [
+                    /* @__PURE__ */ jsxs(Typography_default, { sx: { fontSize: "0.73rem", color: "#999", fontFamily: "poppins, Arial, sans-serif" }, children: [
                       c.dialingMode,
                       " \xB7 TZ: ",
                       c.timezone || "Etc/UTC",
@@ -2531,8 +2586,8 @@ var CampaignsContent = memo(function CampaignsContent2() {
           ] })
         }
       ),
-      /* @__PURE__ */ jsx2(Box, { sx: { flex: 1, display: "flex", flexDirection: "column", gap: 1.5, minWidth: 0, overflow: "hidden" }, children: !sc ? /* @__PURE__ */ jsx2(
-        Paper,
+      /* @__PURE__ */ jsx2(Box_default, { sx: { flex: 1, display: "flex", flexDirection: "column", gap: 1.5, minWidth: 0, overflow: "hidden" }, children: !sc ? /* @__PURE__ */ jsx2(
+        Paper_default,
         {
           elevation: 0,
           sx: {
@@ -2544,14 +2599,14 @@ var CampaignsContent = memo(function CampaignsContent2() {
             border: "2px dashed #d0d0d0",
             backgroundColor: "#fafafa"
           },
-          children: /* @__PURE__ */ jsxs(Box, { sx: { textAlign: "center" }, children: [
-            /* @__PURE__ */ jsx2(SettingsIcon, { 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" })
+          children: /* @__PURE__ */ jsxs(Box_default, { sx: { textAlign: "center" }, children: [
+            /* @__PURE__ */ jsx2(Settings_default, { sx: { fontSize: 40, color: "#ccc", mb: 1 } }),
+            /* @__PURE__ */ jsx2(Typography_default, { sx: { fontSize: "0.95rem", color: "#999", fontFamily: "poppins, Arial, sans-serif" }, children: "Select a campaign to view details" })
           ] })
         }
       ) : /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsxs(
-          Paper,
+          Paper_default,
           {
             elevation: 0,
             sx: {
@@ -2561,7 +2616,7 @@ var CampaignsContent = memo(function CampaignsContent2() {
               boxShadow: "0 1px 3px rgba(0,0,0,0.08)"
             },
             children: [
-              /* @__PURE__ */ jsxs(Box, { sx: {
+              /* @__PURE__ */ jsxs(Box_default, { sx: {
                 display: "flex",
                 alignItems: { xs: "flex-start", sm: "center" },
                 justifyContent: "space-between",
@@ -2569,11 +2624,11 @@ var CampaignsContent = memo(function CampaignsContent2() {
                 gap: 1,
                 mb: 2
               }, children: [
-                /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap" }, children: [
-                  /* @__PURE__ */ jsx2(Typography, { sx: { fontWeight: 700, fontSize: { xs: "1rem", sm: "1.2rem" }, color: "#1a1a1a", fontFamily: "poppins, Arial, sans-serif" }, children: sc.name }),
-                  /* @__PURE__ */ jsx2(Chip, { label: sc.status || "draft", size: "small", sx: statusChipSx(sc.status) })
+                /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap" }, children: [
+                  /* @__PURE__ */ jsx2(Typography_default, { sx: { fontWeight: 700, fontSize: { xs: "1rem", sm: "1.2rem" }, color: "#1a1a1a", fontFamily: "poppins, Arial, sans-serif" }, children: sc.name }),
+                  /* @__PURE__ */ jsx2(Chip_default, { label: sc.status || "draft", size: "small", sx: statusChipSx(sc.status) })
                 ] }),
-                !scArchived && /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 1, flexWrap: "wrap" }, children: [
+                !scArchived && /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", gap: 1, flexWrap: "wrap" }, children: [
                   /* @__PURE__ */ jsx2(
                     SDKPermissionGuard,
                     {
@@ -2586,7 +2641,7 @@ var CampaignsContent = memo(function CampaignsContent2() {
                         SDKButton,
                         {
                           variant: "outlined",
-                          startIcon: /* @__PURE__ */ jsx2(EditIcon, {}),
+                          startIcon: /* @__PURE__ */ jsx2(Edit_default, {}),
                           onClick: () => handleOpenEdit(sc),
                           children: "Edit"
                         }
@@ -2604,7 +2659,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"
@@ -2623,7 +2678,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"
@@ -2643,7 +2698,7 @@ var CampaignsContent = memo(function CampaignsContent2() {
                         SDKButton,
                         {
                           variant: "danger",
-                          startIcon: /* @__PURE__ */ jsx2(ArchiveIcon, {}),
+                          startIcon: /* @__PURE__ */ jsx2(Archive_default, {}),
                           onClick: () => {
                             setArchiveTarget(sc);
                             setArchiveOpen(true);
@@ -2655,9 +2710,9 @@ var CampaignsContent = memo(function CampaignsContent2() {
                   )
                 ] })
               ] }),
-              sc.description && /* @__PURE__ */ jsx2(Typography, { sx: { fontSize: "0.85rem", color: "#666", mb: 1.5, fontFamily: "poppins, Arial, sans-serif", lineHeight: 1.5 }, children: sc.description }),
+              sc.description && /* @__PURE__ */ jsx2(Typography_default, { sx: { fontSize: "0.85rem", color: "#666", mb: 1.5, fontFamily: "poppins, Arial, sans-serif", lineHeight: 1.5 }, children: sc.description }),
               /* @__PURE__ */ jsx2(
-                Box,
+                Box_default,
                 {
                   sx: {
                     overflowX: "auto",
@@ -2671,7 +2726,7 @@ var CampaignsContent = memo(function CampaignsContent2() {
                     }
                   },
                   children: /* @__PURE__ */ jsx2(
-                    Box,
+                    Box_default,
                     {
                       sx: {
                         display: "flex",
@@ -2708,7 +2763,7 @@ var CampaignsContent = memo(function CampaignsContent2() {
                           ]
                         }
                       ].map((card, idx) => /* @__PURE__ */ jsx2(
-                        Box,
+                        Box_default,
                         {
                           sx: {
                             display: "flex",
@@ -2722,12 +2777,12 @@ var CampaignsContent = memo(function CampaignsContent2() {
                             flex: "0 0 auto",
                             minWidth: 180
                           },
-                          children: card.fields.map((field) => /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 0.75 }, children: [
-                            /* @__PURE__ */ jsxs(Typography, { sx: { fontFamily: "poppins, Arial, sans-serif", fontSize: "0.72rem", fontWeight: 600, color: "#888", whiteSpace: "nowrap", flexShrink: 0 }, children: [
+                          children: card.fields.map((field) => /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", alignItems: "center", gap: 0.75 }, children: [
+                            /* @__PURE__ */ jsxs(Typography_default, { sx: { fontFamily: "poppins, Arial, sans-serif", fontSize: "0.72rem", fontWeight: 600, color: "#888", whiteSpace: "nowrap", flexShrink: 0 }, children: [
                               field.label,
                               ":"
                             ] }),
-                            /* @__PURE__ */ jsx2(Typography, { sx: { fontFamily: "poppins, Arial, sans-serif", fontSize: "0.75rem", fontWeight: 700, color: "#333", whiteSpace: "nowrap" }, children: field.value })
+                            /* @__PURE__ */ jsx2(Typography_default, { sx: { fontFamily: "poppins, Arial, sans-serif", fontSize: "0.75rem", fontWeight: 700, color: "#333", whiteSpace: "nowrap" }, children: field.value })
                           ] }, field.label))
                         },
                         idx
@@ -2740,7 +2795,7 @@ var CampaignsContent = memo(function CampaignsContent2() {
           }
         ),
         /* @__PURE__ */ jsx2(SDKPermissionGuard, { permission: SDK_PERMISSIONS.CAMPAIGNS_LEADS_READ, showFallback: false, children: /* @__PURE__ */ jsxs(
-          Paper,
+          Paper_default,
           {
             elevation: 0,
             sx: {
@@ -2750,7 +2805,7 @@ var CampaignsContent = memo(function CampaignsContent2() {
               boxShadow: "0 1px 3px rgba(0,0,0,0.08)"
             },
             children: [
-              /* @__PURE__ */ jsxs(Box, { sx: {
+              /* @__PURE__ */ jsxs(Box_default, { sx: {
                 display: "flex",
                 flexDirection: "column",
                 gap: 1.25,
@@ -2759,15 +2814,15 @@ var CampaignsContent = memo(function CampaignsContent2() {
                 borderBottom: "1px solid #eee",
                 backgroundColor: "#fafafa"
               }, children: [
-                /* @__PURE__ */ jsxs(Box, { sx: {
+                /* @__PURE__ */ jsxs(Box_default, { 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__ */ jsxs(Box_default, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap" }, children: [
+                    /* @__PURE__ */ jsx2(Typography_default, { sx: { fontWeight: 700, fontSize: "1rem", color: "#1a1a1a", fontFamily: "poppins, Arial, sans-serif" }, children: "Leads" }),
                     /* @__PURE__ */ jsx2(
                       SDKPermissionGuard,
                       {
@@ -2775,7 +2830,7 @@ var CampaignsContent = memo(function CampaignsContent2() {
                           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" })
+                        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(
@@ -2785,13 +2840,13 @@ var CampaignsContent = memo(function CampaignsContent2() {
                           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" })
+                        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__ */ jsxs(Box_default, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap", width: { xs: "100%", sm: "auto" } }, children: [
                     /* @__PURE__ */ jsx2(
-                      OutlinedInput,
+                      OutlinedInput_default,
                       {
                         size: "small",
                         value: leadSearch,
@@ -2801,11 +2856,11 @@ var CampaignsContent = memo(function CampaignsContent2() {
                         },
                         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" } }) })
+                        startAdornment: /* @__PURE__ */ jsx2(InputAdornment_default, { position: "start", children: /* @__PURE__ */ jsx2(Search_default, { sx: { fontSize: 16, color: "#aaa" } }) })
                       }
                     ),
-                    /* @__PURE__ */ jsx2(FormControl, { size: "small", sx: { minWidth: 130 }, children: /* @__PURE__ */ jsx2(
-                      Select,
+                    /* @__PURE__ */ jsx2(FormControl_default, { size: "small", sx: { minWidth: 130 }, children: /* @__PURE__ */ jsx2(
+                      Select_default,
                       {
                         value: leadStatusFilter,
                         onChange: (e) => {
@@ -2813,14 +2868,14 @@ var CampaignsContent = memo(function CampaignsContent2() {
                           setLeadPage(0);
                         },
                         sx: { height: 36, borderRadius: "30px", fontSize: "0.85rem" },
-                        children: LEAD_STATUSES.map((s) => /* @__PURE__ */ jsx2(MenuItem, { value: s, children: s }, s))
+                        children: LEAD_STATUSES.map((s) => /* @__PURE__ */ jsx2(MenuItem_default, { value: s, children: s }, s))
                       }
                     ) })
                   ] })
                 ] }),
-                /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 1, flexWrap: "wrap" }, children: [
+                /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 1, flexWrap: "wrap" }, children: [
                   /* @__PURE__ */ jsxs(
-                    Box,
+                    Box_default,
                     {
                       sx: {
                         display: "flex",
@@ -2849,7 +2904,7 @@ var CampaignsContent = memo(function CampaignsContent2() {
                             }
                           }
                         ) }),
-                        (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 } }) }) })
+                        (leadStartDate || leadEndDate) && /* @__PURE__ */ jsx2(Tooltip_default, { title: "Clear dates", children: /* @__PURE__ */ jsx2(IconButton_default, { size: "small", onClick: clearLeadDates, sx: { p: 0.5, color: "#7a8599" }, children: /* @__PURE__ */ jsx2(Clear_default, { sx: { fontSize: 16 } }) }) })
                       ]
                     }
                   ),
@@ -2861,19 +2916,19 @@ 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", sx: { height: 36 }, children: "Export Excel" })
+                      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__ */ jsx2(Box, { sx: {
+              /* @__PURE__ */ jsx2(Box_default, { sx: {
                 overflowX: "auto",
                 overflowY: "visible",
                 WebkitOverflowScrolling: "touch",
                 "&::-webkit-scrollbar": { height: 4 },
                 "&::-webkit-scrollbar-thumb": { backgroundColor: "#ccc", borderRadius: 2 }
-              }, children: /* @__PURE__ */ jsxs(Table, { size: "small", sx: { minWidth: 980 }, children: [
-                /* @__PURE__ */ jsx2(TableHead, { children: /* @__PURE__ */ jsx2(TableRow, { sx: { backgroundColor: "#f1f1f1" }, children: [
+              }, children: /* @__PURE__ */ jsxs(Table_default, { size: "small", sx: { minWidth: 980 }, children: [
+                /* @__PURE__ */ jsx2(TableHead_default, { children: /* @__PURE__ */ jsx2(TableRow_default, { sx: { backgroundColor: "#f1f1f1" }, children: [
                   "Number",
                   "Status",
                   "Priority",
@@ -2890,9 +2945,9 @@ var CampaignsContent = memo(function CampaignsContent2() {
                   "Outcome",
                   ...showVoicemail ? ["Voice Mail"] : [],
                   "Actions"
-                ].map((col) => /* @__PURE__ */ jsx2(TableCell, { sx: __spreadValues(__spreadValues({}, headCellSx), col === "Actions" ? { textAlign: "center" } : {}), children: col }, col)) }) }),
-                /* @__PURE__ */ jsx2(TableBody, { children: leadsLoading ? /* @__PURE__ */ jsx2(TableRow, { children: /* @__PURE__ */ jsx2(TableCell, { colSpan: showVoicemail ? 16 : 15, align: "center", sx: { py: 4 }, children: /* @__PURE__ */ jsx2(CircularProgress, { size: 24, sx: { color: "#1A5F6C" } }) }) }) : leads.length === 0 ? /* @__PURE__ */ jsx2(TableRow, { children: /* @__PURE__ */ jsx2(
-                  TableCell,
+                ].map((col) => /* @__PURE__ */ jsx2(TableCell_default, { sx: __spreadValues(__spreadValues({}, headCellSx), col === "Actions" ? { textAlign: "center" } : {}), children: col }, col)) }) }),
+                /* @__PURE__ */ jsx2(TableBody_default, { children: leadsLoading ? /* @__PURE__ */ jsx2(TableRow_default, { children: /* @__PURE__ */ jsx2(TableCell_default, { colSpan: showVoicemail ? 16 : 15, align: "center", sx: { py: 4 }, children: /* @__PURE__ */ jsx2(CircularProgress_default, { size: 24, sx: { color: "#1A5F6C" } }) }) }) : leads.length === 0 ? /* @__PURE__ */ jsx2(TableRow_default, { children: /* @__PURE__ */ jsx2(
+                  TableCell_default,
                   {
                     colSpan: showVoicemail ? 16 : 15,
                     align: "center",
@@ -2910,25 +2965,25 @@ var CampaignsContent = memo(function CampaignsContent2() {
                   const isDialable = isDialerEnabled && hasOutboundPermission && isAgentIdle && !isCompleted && !isInProgress && dialLoading !== lead.id;
                   const dialTooltip = !isDialerEnabled ? "Dialer is not enabled" : !hasOutboundPermission ? "No outbound call permission" : isCompleted ? "Lead is completed" : isInProgress ? "Lead is in progress" : !isAgentIdle ? "Agent is not idle" : dialLoading === lead.id ? "Dialing\u2026" : `Call ${lead.phoneNumber}`;
                   const { chip: prioChip, label: prioLabel } = leadPriorityChipSx(lead.priority);
-                  return /* @__PURE__ */ jsxs(TableRow, { sx: tableRowSx, children: [
-                    /* @__PURE__ */ jsx2(TableCell, { sx: bodyCellSx, children: lead.phoneNumber }),
-                    /* @__PURE__ */ jsx2(TableCell, { sx: bodyCellSx, children: /* @__PURE__ */ jsx2(Chip, { label: lead.status || "pending", size: "small", sx: leadStatusChipSx(lead.status) }) }),
-                    /* @__PURE__ */ jsx2(TableCell, { sx: bodyCellSx, children: /* @__PURE__ */ jsx2(Chip, { label: prioLabel, size: "small", sx: prioChip }) }),
-                    /* @__PURE__ */ jsx2(TableCell, { sx: bodyCellSx, children: lead.source || "" }),
-                    /* @__PURE__ */ jsx2(TableCell, { sx: __spreadProps(__spreadValues({}, bodyCellSx), { maxWidth: 140, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }), children: /* @__PURE__ */ jsx2(Tooltip, { title: lead.originalCallId || "", children: /* @__PURE__ */ jsx2("span", { children: lead.originalCallId || "" }) }) }),
-                    /* @__PURE__ */ jsx2(TableCell, { sx: bodyCellSx, children: lead.queueName || "" }),
-                    /* @__PURE__ */ jsx2(TableCell, { sx: bodyCellSx, children: (_a2 = lead.attemptCount) != null ? _a2 : 0 }),
-                    /* @__PURE__ */ jsx2(TableCell, { sx: __spreadProps(__spreadValues({}, bodyCellSx), { whiteSpace: "nowrap" }), children: lead.createdAt ? new Date(lead.createdAt).toLocaleString() : "" }),
-                    /* @__PURE__ */ jsx2(TableCell, { sx: __spreadProps(__spreadValues({}, bodyCellSx), { whiteSpace: "nowrap" }), children: lead.lastAttemptAt ? new Date(lead.lastAttemptAt).toLocaleString() : "" }),
-                    /* @__PURE__ */ jsx2(TableCell, { sx: __spreadProps(__spreadValues({}, bodyCellSx), { whiteSpace: "nowrap" }), children: lead.nextAttemptAt ? new Date(lead.nextAttemptAt).toLocaleString() : "" }),
-                    /* @__PURE__ */ jsx2(TableCell, { sx: bodyCellSx, children: lead.lastOutcome || "" }),
-                    /* @__PURE__ */ jsx2(TableCell, { sx: __spreadProps(__spreadValues({}, bodyCellSx), { whiteSpace: "nowrap" }), children: lead.completedAt ? new Date(lead.completedAt).toLocaleString() : "" }),
-                    /* @__PURE__ */ jsx2(TableCell, { sx: __spreadProps(__spreadValues({}, bodyCellSx), { maxWidth: 150, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }), children: lead.notes ? /* @__PURE__ */ jsx2(Tooltip, { title: lead.notes, arrow: true, placement: "top", children: /* @__PURE__ */ jsx2("span", { children: lead.notes }) }) : "" }),
-                    /* @__PURE__ */ jsx2(TableCell, { sx: bodyCellSx, children: lead.lastReason || "" }),
-                    showVoicemail && /* @__PURE__ */ jsx2(TableCell, { sx: __spreadProps(__spreadValues({}, bodyCellSx), { minWidth: 180 }), children: lead.originalCallId ? /* @__PURE__ */ jsx2(CallRecording, { callUuid: lead.originalCallId, recordingPath: lead.voicemail, iconOnly: true }) : "" }),
-                    /* @__PURE__ */ jsxs(TableCell, { sx: __spreadProps(__spreadValues({}, bodyCellSx), { textAlign: "center", whiteSpace: "nowrap" }), children: [
-                      /* @__PURE__ */ jsx2(Tooltip, { title: dialTooltip, children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(
-                        IconButton,
+                  return /* @__PURE__ */ jsxs(TableRow_default, { sx: tableRowSx, children: [
+                    /* @__PURE__ */ jsx2(TableCell_default, { sx: bodyCellSx, children: lead.phoneNumber }),
+                    /* @__PURE__ */ jsx2(TableCell_default, { sx: bodyCellSx, children: /* @__PURE__ */ jsx2(Chip_default, { label: lead.status || "pending", size: "small", sx: leadStatusChipSx(lead.status) }) }),
+                    /* @__PURE__ */ jsx2(TableCell_default, { sx: bodyCellSx, children: /* @__PURE__ */ jsx2(Chip_default, { label: prioLabel, size: "small", sx: prioChip }) }),
+                    /* @__PURE__ */ jsx2(TableCell_default, { sx: bodyCellSx, children: lead.source || "" }),
+                    /* @__PURE__ */ jsx2(TableCell_default, { sx: __spreadProps(__spreadValues({}, bodyCellSx), { maxWidth: 140, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }), children: /* @__PURE__ */ jsx2(Tooltip_default, { title: lead.originalCallId || "", children: /* @__PURE__ */ jsx2("span", { children: lead.originalCallId || "" }) }) }),
+                    /* @__PURE__ */ jsx2(TableCell_default, { sx: bodyCellSx, children: lead.queueName || "" }),
+                    /* @__PURE__ */ jsx2(TableCell_default, { sx: bodyCellSx, children: (_a2 = lead.attemptCount) != null ? _a2 : 0 }),
+                    /* @__PURE__ */ jsx2(TableCell_default, { sx: __spreadProps(__spreadValues({}, bodyCellSx), { whiteSpace: "nowrap" }), children: lead.createdAt ? new Date(lead.createdAt).toLocaleString() : "" }),
+                    /* @__PURE__ */ jsx2(TableCell_default, { sx: __spreadProps(__spreadValues({}, bodyCellSx), { whiteSpace: "nowrap" }), children: lead.lastAttemptAt ? new Date(lead.lastAttemptAt).toLocaleString() : "" }),
+                    /* @__PURE__ */ jsx2(TableCell_default, { sx: __spreadProps(__spreadValues({}, bodyCellSx), { whiteSpace: "nowrap" }), children: lead.nextAttemptAt ? new Date(lead.nextAttemptAt).toLocaleString() : "" }),
+                    /* @__PURE__ */ jsx2(TableCell_default, { sx: bodyCellSx, children: lead.lastOutcome || "" }),
+                    /* @__PURE__ */ jsx2(TableCell_default, { sx: __spreadProps(__spreadValues({}, bodyCellSx), { whiteSpace: "nowrap" }), children: lead.completedAt ? new Date(lead.completedAt).toLocaleString() : "" }),
+                    /* @__PURE__ */ jsx2(TableCell_default, { sx: __spreadProps(__spreadValues({}, bodyCellSx), { maxWidth: 150, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }), children: lead.notes ? /* @__PURE__ */ jsx2(Tooltip_default, { title: lead.notes, arrow: true, placement: "top", children: /* @__PURE__ */ jsx2("span", { children: lead.notes }) }) : "" }),
+                    /* @__PURE__ */ jsx2(TableCell_default, { sx: bodyCellSx, children: lead.lastReason || "" }),
+                    showVoicemail && /* @__PURE__ */ jsx2(TableCell_default, { sx: __spreadProps(__spreadValues({}, bodyCellSx), { minWidth: 180 }), children: lead.originalCallId ? /* @__PURE__ */ jsx2(CallRecording, { callUuid: lead.originalCallId, recordingPath: lead.voicemail, iconOnly: true }) : "" }),
+                    /* @__PURE__ */ jsxs(TableCell_default, { sx: __spreadProps(__spreadValues({}, bodyCellSx), { textAlign: "center", whiteSpace: "nowrap" }), children: [
+                      /* @__PURE__ */ jsx2(Tooltip_default, { title: dialTooltip, children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(
+                        IconButton_default,
                         {
                           size: "small",
                           onClick: () => handleDialPreview(lead.id),
@@ -2945,11 +3000,11 @@ 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_default, { 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(
-                        IconButton,
+                      /* @__PURE__ */ jsx2(Tooltip_default, { title: lead.latestCallId ? "View call details" : "No call data available", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(
+                        IconButton_default,
                         {
                           size: "small",
                           onClick: () => handleViewCallData(lead),
@@ -2959,7 +3014,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(
@@ -2969,8 +3024,8 @@ var CampaignsContent = memo(function CampaignsContent2() {
                             SDK_PERMISSIONS.CAMPAIGNS_LEADS_DELETE
                           ],
                           showFallback: false,
-                          children: /* @__PURE__ */ jsx2(Tooltip, { title: deleteDisabled ? `Cannot delete \u2014 status is ${leadStatus.toLowerCase().replace("_", " ")}` : `Delete lead ${lead.phoneNumber}`, children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(
-                            IconButton,
+                          children: /* @__PURE__ */ jsx2(Tooltip_default, { title: deleteDisabled ? `Cannot delete \u2014 status is ${leadStatus.toLowerCase().replace("_", " ")}` : `Delete lead ${lead.phoneNumber}`, children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(
+                            IconButton_default,
                             {
                               size: "small",
                               onClick: () => {
@@ -2991,7 +3046,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 } })
                             }
                           ) }) })
                         }
@@ -3001,7 +3056,7 @@ var CampaignsContent = memo(function CampaignsContent2() {
                 }) })
               ] }) }),
               leads.length > 0 && /* @__PURE__ */ jsx2(
-                TablePagination,
+                TablePagination_default,
                 {
                   component: "div",
                   count: leadTotal,
@@ -3126,4 +3181,4 @@ var campaigns_default = Campaigns;
 export {
   campaigns_default as default
 };
-//# sourceMappingURL=campaigns-JZE22SIM.mjs.map
+//# sourceMappingURL=campaigns-5PVHXBSD.mjs.map