ahs-cti 0.0.8 → 0.0.9

package/dist-react/campaigns-J7KIAATE.mjs

@@ -0,0 +1,3139 @@
+import * as __ext_react from "react";
+import * as __ext_react_dom from "react-dom";
+import * as __ext_react_jsx from "react/jsx-runtime";
+var __cjsExternals = { "react": __ext_react, "react-dom": __ext_react_dom, "react/jsx-runtime": __ext_react_jsx };
+var require = function (id) {
+  var mod = __cjsExternals[id];
+  if (mod) return mod.default || mod;
+  throw new Error('Dynamic require of "' + id + '" is not supported');
+};
+
+import {
+  useGetCallerData
+} from "./chunk-ORNNWQI6.mjs";
+import {
+  SDKPageHeader
+} from "./chunk-T53WMN5A.mjs";
+import {
+  getRecordingByCall
+} from "./chunk-GUMGXVIT.mjs";
+import {
+  SDKPermissionGuard,
+  useSDKPermissions
+} from "./chunk-ADM2JJCP.mjs";
+import {
+  DateRangePicker
+} from "./chunk-UTSRABCL.mjs";
+import {
+  SDKProvider,
+  useToast
+} from "./chunk-4YF4IDV6.mjs";
+import {
+  END_POINT,
+  SDK_PERMISSIONS,
+  axios_default,
+  deepFindArray,
+  deepFindTotal
+} from "./chunk-F7G2XFRU.mjs";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-S4J35V4B.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";
+
+// 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",
+  danger: "contained",
+  cancel: "text",
+  outlined: "outlined"
+};
+function SDKButton({
+  children,
+  variant = "primary",
+  onClick,
+  startIcon,
+  endIcon,
+  disabled = false,
+  type = "button",
+  size = "medium",
+  fullWidth = false,
+  sx
+}) {
+  const theme = useTheme();
+  const primary = theme.palette.primary.main;
+  const primaryDark = theme.palette.primary.dark;
+  const styles = {
+    primary: {
+      textTransform: "none",
+      fontWeight: 600,
+      backgroundColor: primary,
+      borderRadius: "30px",
+      fontSize: "0.82rem",
+      px: 2,
+      boxShadow: `0 2px 8px ${alpha(primary, 0.25)}`,
+      "&:hover": {
+        backgroundColor: primaryDark,
+        boxShadow: `0 4px 12px ${alpha(primary, 0.35)}`
+      },
+      "&.Mui-disabled": {
+        backgroundColor: alpha(primary, 0.4),
+        color: "#fff"
+      }
+    },
+    danger: {
+      textTransform: "none",
+      fontWeight: 600,
+      backgroundColor: "#d32f2f",
+      borderRadius: "8px",
+      fontSize: "0.82rem",
+      px: 2,
+      "&:hover": { backgroundColor: "#b71c1c" },
+      "&.Mui-disabled": { backgroundColor: "#e57373", color: "#fff" }
+    },
+    cancel: {
+      textTransform: "none",
+      fontWeight: 600,
+      color: "#666",
+      borderRadius: "30px",
+      fontSize: "0.82rem",
+      px: 2,
+      border: "1px solid #d0d0d0",
+      "&:hover": { backgroundColor: "#f5f5f5", borderColor: "#bbb" }
+    },
+    outlined: {
+      textTransform: "none",
+      fontWeight: 600,
+      color: primary,
+      borderColor: primary,
+      borderRadius: "30px",
+      fontSize: "0.82rem",
+      px: 2,
+      "&:hover": { borderColor: primaryDark, backgroundColor: alpha(primary, 0.05) }
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: muiVariant[variant],
+      onClick,
+      startIcon,
+      endIcon,
+      disabled,
+      type,
+      size,
+      fullWidth,
+      sx: [styles[variant], ...Array.isArray(sx) ? sx : [sx]],
+      children
+    }
+  );
+}
+
+// call-control-sdk/lib/pages/campaigns/useCampaigns.ts
+import { useState, useCallback } from "react";
+function useCampaigns() {
+  const [campaigns, setCampaigns] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const fetchCampaigns = useCallback(async () => {
+    setLoading(true);
+    try {
+      const res = await axios_default.get(END_POINT.CAMPAIGNS_GET_ALL);
+      setCampaigns(Array.isArray(res.data) ? res.data : []);
+    } catch (e) {
+      setCampaigns([]);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  const getCampaignById = useCallback(async (id) => {
+    const res = await axios_default.get(END_POINT.CAMPAIGNS_GET_BY_ID(id));
+    return res.data;
+  }, []);
+  const createCampaign = useCallback(async (data) => {
+    const res = await axios_default.post(END_POINT.CAMPAIGNS_CREATE, data);
+    return res.data;
+  }, []);
+  const updateCampaign = useCallback(async (id, data) => {
+    const res = await axios_default.put(END_POINT.CAMPAIGNS_UPDATE(id), data);
+    return res.data;
+  }, []);
+  const activateCampaign = useCallback(async (id) => {
+    const res = await axios_default.post(END_POINT.CAMPAIGNS_ACTIVATE(id));
+    return res.data;
+  }, []);
+  const pauseCampaign = useCallback(async (id) => {
+    const res = await axios_default.post(END_POINT.CAMPAIGNS_PAUSE(id));
+    return res.data;
+  }, []);
+  const archiveCampaign = useCallback(async (id) => {
+    const res = await axios_default.post(END_POINT.CAMPAIGNS_ARCHIVE(id));
+    return res.data;
+  }, []);
+  return {
+    campaigns,
+    loading,
+    fetchCampaigns,
+    getCampaignById,
+    createCampaign,
+    updateCampaign,
+    activateCampaign,
+    pauseCampaign,
+    archiveCampaign
+  };
+}
+function useLeads() {
+  const [leads, setLeads] = useState([]);
+  const [leadTotal, setLeadTotal] = useState(0);
+  const [leadsMeta, setLeadsMeta] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const fetchLeads = useCallback(async (campaignId, params, opts) => {
+    var _a, _b, _c, _d, _e, _f;
+    if (!(opts == null ? void 0 : opts.silent)) setLoading(true);
+    try {
+      const qs = new URLSearchParams();
+      if ((params == null ? void 0 : params.page) != null) qs.append("page", String(params.page));
+      if ((params == null ? void 0 : params.pageSize) != null) qs.append("pageSize", String(params.pageSize));
+      if (params == null ? void 0 : params.lead_status) qs.append("lead_status", params.lead_status);
+      if (params == null ? void 0 : params.search) qs.append("search", params.search);
+      if (params == null ? void 0 : params.start_date) qs.append("start_date", params.start_date);
+      if (params == null ? void 0 : params.end_date) qs.append("end_date", params.end_date);
+      const qsStr = qs.toString();
+      const url = `${END_POINT.CAMPAIGNS_LEADS(campaignId)}${qsStr ? `?${qsStr}` : ""}`;
+      const res = await axios_default.get(url);
+      const body = res.data;
+      const fetchedLeads = deepFindArray(body, ["leads"]);
+      setLeads(fetchedLeads);
+      const foundTotal = deepFindTotal(body);
+      setLeadTotal(foundTotal >= 0 ? foundTotal : fetchedLeads.length);
+      setLeadsMeta({
+        isDialerEnabled: (_b = body == null ? void 0 : body.isDialerEnabled) != null ? _b : (_a = body == null ? void 0 : body.data) == null ? void 0 : _a.isDialerEnabled,
+        dialingMode: (_d = body == null ? void 0 : body.dialingMode) != null ? _d : (_c = body == null ? void 0 : body.data) == null ? void 0 : _c.dialingMode,
+        campaignStatus: (_f = body == null ? void 0 : body.campaignStatus) != null ? _f : (_e = body == null ? void 0 : body.data) == null ? void 0 : _e.campaignStatus
+      });
+    } catch (e) {
+      setLeads([]);
+      setLeadTotal(0);
+      setLeadsMeta(null);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  const createLead = useCallback(async (campaignId, data) => {
+    const res = await axios_default.post(END_POINT.CAMPAIGNS_LEADS(campaignId), data);
+    return res.data;
+  }, []);
+  const deleteLead = useCallback(async (campaignId, leadId) => {
+    await axios_default.delete(END_POINT.CAMPAIGNS_DELETE_LEAD(campaignId, leadId));
+  }, []);
+  const dialPreview = useCallback(async (campaignId, leadId) => {
+    const res = await axios_default.post(END_POINT.CAMPAIGNS_DIAL_PREVIEW(campaignId, leadId));
+    return res.data;
+  }, []);
+  const getLeadCallData = useCallback(async (callUuid) => {
+    var _a, _b;
+    const res = await axios_default.get(END_POINT.CALL_DATA_BY_CALL(callUuid));
+    return (_b = (_a = res.data) == null ? void 0 : _a.data) != null ? _b : res.data;
+  }, []);
+  const uploadLeadsExcel = useCallback(async (campaignId, file) => {
+    const formData = new FormData();
+    formData.append("file", file);
+    const res = await axios_default.post(END_POINT.CAMPAIGNS_LEADS_UPLOAD_EXCEL(campaignId), formData, {
+      headers: { "Content-Type": "multipart/form-data" }
+    });
+    return res.data;
+  }, []);
+  const downloadLeadTemplate = useCallback(async (campaignId) => {
+    const res = await axios_default.get(END_POINT.CAMPAIGNS_LEADS_TEMPLATE_EXCEL(campaignId), {
+      responseType: "blob"
+    });
+    const blob = res.data;
+    const url = window.URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = "lead_template.xlsx";
+    document.body.appendChild(a);
+    a.click();
+    a.remove();
+    window.URL.revokeObjectURL(url);
+  }, []);
+  const exportLeads = useCallback(async (campaignId) => {
+    const res = await axios_default.get(END_POINT.CAMPAIGNS_LEADS_EXPORT_EXCEL(campaignId), {
+      responseType: "blob"
+    });
+    const blob = res.data;
+    const url = window.URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = "leads_export.xlsx";
+    document.body.appendChild(a);
+    a.click();
+    a.remove();
+    window.URL.revokeObjectURL(url);
+  }, []);
+  return {
+    leads,
+    leadTotal,
+    leadsMeta,
+    loading,
+    fetchLeads,
+    createLead,
+    deleteLead,
+    dialPreview,
+    getLeadCallData,
+    uploadLeadsExcel,
+    downloadLeadTemplate,
+    exportLeads
+  };
+}
+function useQueues() {
+  const [queues, setQueues] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const fetchQueues = useCallback(async () => {
+    var _a;
+    setLoading(true);
+    try {
+      const res = await axios_default.get(END_POINT.QUEUES_GET_ALL);
+      const list = Array.isArray(res.data) ? res.data : Array.isArray((_a = res.data) == null ? void 0 : _a.data) ? res.data.data : [];
+      setQueues(list);
+      return list;
+    } catch (e) {
+      setQueues([]);
+      return [];
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  const createQueue = useCallback(async (payload) => {
+    var _a, _b;
+    const res = await axios_default.post(END_POINT.QUEUES_CREATE, payload);
+    return (_b = (_a = res.data) == null ? void 0 : _a.data) != null ? _b : res.data;
+  }, []);
+  return { queues, loading, fetchQueues, createQueue };
+}
+
+// call-control-sdk/lib/pages/campaigns/index.tsx
+import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
+import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
+import ClearIcon from "@mui/icons-material/Clear";
+
+// call-control-sdk/lib/pages/campaigns/types.ts
+var CAMPAIGN_TYPES = ["OUTBOUND_CAMPAIGN", "ABANDONED_CALLBACK"];
+var DIALING_MODES_MAP = {
+  OUTBOUND_CAMPAIGN: ["PREVIEW", "AI_CALLBACK"],
+  ABANDONED_CALLBACK: ["PROGRESSIVE", "PREDICTIVE"]
+};
+var AGENT_TYPES = ["HUMAN", "AI", "HYBRID"];
+var LEAD_PRIORITY_OPTIONS = [
+  { label: "HIGH", value: 10 },
+  { label: "MEDIUM", value: 5 },
+  { label: "LOW", value: 1 }
+];
+var DAYS_OF_WEEK = [
+  { label: "Sun", value: 0 },
+  { label: "Mon", value: 1 },
+  { label: "Tue", value: 2 },
+  { label: "Wed", value: 3 },
+  { label: "Thu", value: 4 },
+  { label: "Fri", value: 5 },
+  { label: "Sat", value: 6 }
+];
+var LEAD_STATUSES = [
+  "All states",
+  "PENDING",
+  "SCHEDULED",
+  "IN_PROGRESS",
+  "COMPLETED",
+  "FAILED",
+  "DO_NOT_CALL",
+  "INVALID",
+  "CANCELLED"
+];
+var defaultFormData = {
+  name: "",
+  description: "",
+  campaignType: "OUTBOUND_CAMPAIGN",
+  dialingMode: "PREVIEW",
+  maxConcurrentCalls: 5,
+  callsPerAgent: 1,
+  startTime: "09:00",
+  endTime: "17:00",
+  daysOfWeek: [1, 2, 3, 4, 5],
+  timezone: "Asia/Kolkata",
+  scheduledStart: "",
+  scheduledEnd: "",
+  maxAttempts: 1,
+  retryIntervalMinutes: 15,
+  callerId: "",
+  ringTimeoutSeconds: 30,
+  answerTimeoutSeconds: 30,
+  agentType: "HUMAN",
+  aiBotId: null,
+  priority: 5,
+  settings: {},
+  queueLinks: []
+};
+
+// call-control-sdk/lib/pages/campaigns/styles.ts
+var labelSx = {
+  fontWeight: 600,
+  fontSize: "0.85rem",
+  color: "#333",
+  mb: 0.5
+};
+var sectionTitleSx = {
+  fontWeight: 700,
+  fontSize: "1rem",
+  color: "#1a1a1a",
+  mb: 1.5,
+  mt: 0.5,
+  fontFamily: "poppins, Arial, sans-serif"
+};
+var headCellSx = {
+  fontFamily: "poppins, Arial, sans-serif",
+  bgcolor: "#f1f1f1",
+  color: "#333",
+  fontWeight: 600,
+  whiteSpace: "nowrap",
+  fontSize: "0.8rem",
+  py: "6px",
+  px: "12px"
+};
+var bodyCellSx = {
+  fontFamily: "poppins, Arial, sans-serif",
+  fontSize: "0.82rem",
+  py: "4px",
+  px: "12px"
+};
+var tableRowSx = {
+  "&:hover": { backgroundColor: "#f0f7f8" },
+  "&:last-child td, &:last-child th": { border: 0 }
+};
+var campaignCardBaseSx = {
+  p: 1.5,
+  mb: 0.75,
+  borderRadius: "12px",
+  cursor: "pointer",
+  border: "1px solid #e8e8e8",
+  backgroundColor: "#fff",
+  boxShadow: "0 1px 2px rgba(0,0,0,0.04)",
+  transition: "all 0.2s ease"
+};
+var campaignCardSelectedSx = __spreadProps(__spreadValues({}, campaignCardBaseSx), {
+  border: "2px solid #1A5F6C",
+  backgroundColor: "#f0f7f8",
+  boxShadow: "0 2px 8px rgba(26,95,108,0.12)"
+});
+var inputSx = {
+  "& .MuiOutlinedInput-root": {
+    borderRadius: "8px",
+    backgroundColor: "#fff",
+    "&:hover fieldset": { borderColor: "#1A5F6C" },
+    "&.Mui-focused fieldset": { borderColor: "#1A5F6C" }
+  }
+};
+var dialogHeaderSx = {
+  px: 2.5,
+  py: 1.5,
+  borderBottom: "1px solid #eee",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between"
+};
+var dialogFooterSx = {
+  px: 2.5,
+  py: 1.5,
+  borderTop: "1px solid #eee",
+  display: "flex",
+  justifyContent: "flex-end",
+  gap: 1
+};
+var STATUS_COLORS = {
+  draft: "#9e9e9e",
+  active: "#4caf50",
+  paused: "#ff9800",
+  completed: "#2196f3",
+  archived: "#795548"
+};
+function statusChipSx(status) {
+  var _a;
+  const color = (_a = STATUS_COLORS[status == null ? void 0 : status.toLowerCase()]) != null ? _a : "#9e9e9e";
+  return {
+    height: 22,
+    fontSize: "0.68rem",
+    fontWeight: 700,
+    textTransform: "capitalize",
+    borderRadius: "6px",
+    backgroundColor: color + "18",
+    color,
+    border: `1px solid ${color}40`
+  };
+}
+function leadStatusChipSx(status) {
+  const s = status == null ? void 0 : status.toUpperCase();
+  return {
+    height: 22,
+    fontSize: "0.72rem",
+    fontWeight: 700,
+    textTransform: "capitalize",
+    borderRadius: "6px",
+    backgroundColor: s === "COMPLETED" ? "#e8f5e9" : s === "FAILED" ? "#ffebee" : s === "DIALING" ? "#e3f2fd" : "#f5f5f5",
+    color: s === "COMPLETED" ? "#2e7d32" : s === "FAILED" ? "#c62828" : s === "DIALING" ? "#1565c0" : "#666"
+  };
+}
+function leadPriorityChipSx(priority) {
+  const label = priority == null ? "\u2014" : priority >= 8 ? "HIGH" : priority >= 4 ? "MEDIUM" : "LOW";
+  return {
+    chip: {
+      height: 22,
+      fontSize: "0.72rem",
+      fontWeight: 700,
+      borderRadius: "6px",
+      backgroundColor: label === "HIGH" ? "#ffebee" : label === "MEDIUM" ? "#e3f2fd" : label === "LOW" ? "#e8f5e9" : "#f5f5f5",
+      color: label === "HIGH" ? "#c62828" : label === "MEDIUM" ? "#1565c0" : label === "LOW" ? "#2e7d32" : "#666"
+    },
+    label
+  };
+}
+function daychipSx(selected) {
+  return {
+    cursor: "pointer",
+    backgroundColor: selected ? "#1A5F6C" : "transparent",
+    color: selected ? "#fff" : "#333",
+    borderColor: "#1A5F6C",
+    fontWeight: 500,
+    "&:hover": {
+      backgroundColor: selected ? "#164e57" : "#E3F2F5"
+    }
+  };
+}
+
+// call-control-sdk/lib/pages/campaigns/index.tsx
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+function validatePhone(raw) {
+  const trimmed = (raw || "").trim();
+  if (!trimmed) return "Phone number is required";
+  const digits = trimmed.startsWith("+91") ? trimmed.slice(3) : trimmed.startsWith("91") && trimmed.length === 12 ? trimmed.slice(2) : trimmed;
+  if (!/^\d{10}$/.test(digits)) return "Must be 10 digits, 91+10, or +91+10";
+  return null;
+}
+function campaignToFormData(c) {
+  var _a, _b, _c, _d, _e, _f, _g;
+  return {
+    name: c.name || "",
+    description: c.description || "",
+    campaignType: (c.campaignType || "OUTBOUND_CAMPAIGN").toUpperCase(),
+    dialingMode: (c.dialingMode || "PREVIEW").toUpperCase(),
+    maxConcurrentCalls: (_a = c.maxConcurrentCalls) != null ? _a : 5,
+    callsPerAgent: (_b = c.callsPerAgent) != null ? _b : 1,
+    startTime: c.startTime ? c.startTime.slice(0, 5) : "09:00",
+    endTime: c.endTime ? c.endTime.slice(0, 5) : "17:00",
+    daysOfWeek: c.daysOfWeek || [1, 2, 3, 4, 5],
+    timezone: c.timezone || "Asia/Kolkata",
+    scheduledStart: c.scheduledStart || "",
+    scheduledEnd: c.scheduledEnd || "",
+    maxAttempts: (_c = c.maxAttempts) != null ? _c : 3,
+    retryIntervalMinutes: (_d = c.retryIntervalMinutes) != null ? _d : 15,
+    callerId: c.callerId || "",
+    ringTimeoutSeconds: (_e = c.ringTimeoutSeconds) != null ? _e : 30,
+    answerTimeoutSeconds: (_f = c.answerTimeoutSeconds) != null ? _f : 30,
+    agentType: c.agentType || "HUMAN",
+    aiBotId: null,
+    priority: (_g = c.priority) != null ? _g : 5,
+    settings: c.settings || {},
+    queueLinks: (c.campaignQueues || []).map((q) => {
+      var _a2, _b2;
+      return {
+        queueId: q.queueId,
+        priorityOverride: (_a2 = q.priorityOverride) != null ? _a2 : 1,
+        minWaitBeforeCallback: (_b2 = q.minWaitBeforeCallback) != null ? _b2 : 0
+      };
+    })
+  };
+}
+function BasicInfoTab({ formData, setFormData, isEditMode }) {
+  var _a;
+  const handleChange = (field, value) => {
+    setFormData((prev) => {
+      var _a2;
+      const updated = __spreadProps(__spreadValues({}, prev), { [field]: value });
+      if (field === "campaignType") {
+        updated.dialingMode = ((_a2 = DIALING_MODES_MAP[value]) == null ? void 0 : _a2[0]) || "";
+      }
+      return updated;
+    });
+  };
+  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: [
+          "Campaign Name ",
+          /* @__PURE__ */ jsx2("span", { style: { color: "red" }, children: "*" })
+        ] }),
+        /* @__PURE__ */ jsx2(
+          TextField,
+          {
+            fullWidth: true,
+            size: "small",
+            value: formData.name,
+            onChange: (e) => handleChange("name", e.target.value),
+            sx: inputSx
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsxs(Typography, { sx: labelSx, children: [
+          "Campaign Type ",
+          /* @__PURE__ */ jsx2("span", { style: { color: "red" }, children: "*" })
+        ] }),
+        /* @__PURE__ */ jsx2(FormControl, { fullWidth: true, size: "small", children: /* @__PURE__ */ jsx2(
+          Select,
+          {
+            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))
+          }
+        ) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { sx: { mb: 2 }, children: [
+      /* @__PURE__ */ jsx2(Typography, { sx: labelSx, children: "Description" }),
+      /* @__PURE__ */ jsx2(
+        TextField,
+        {
+          fullWidth: true,
+          size: "small",
+          multiline: true,
+          rows: 3,
+          value: formData.description,
+          onChange: (e) => handleChange("description", e.target.value),
+          sx: inputSx
+        }
+      )
+    ] }),
+    /* @__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: [
+          "Dialing Mode ",
+          /* @__PURE__ */ jsx2("span", { style: { color: "red" }, children: "*" })
+        ] }),
+        /* @__PURE__ */ jsx2(FormControl, { fullWidth: true, size: "small", children: /* @__PURE__ */ jsx2(
+          Select,
+          {
+            value: formData.dialingMode,
+            onChange: (e) => handleChange("dialingMode", e.target.value),
+            children: availableModes.map((m) => /* @__PURE__ */ jsx2(MenuItem, { 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,
+          {
+            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))
+          }
+        ) })
+      ] })
+    ] })
+  ] });
+}
+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: [
+          "Max Concurrent Calls ",
+          /* @__PURE__ */ jsx2("span", { style: { color: "red" }, children: "*" })
+        ] }),
+        /* @__PURE__ */ jsx2(
+          TextField,
+          {
+            fullWidth: true,
+            size: "small",
+            type: "number",
+            value: formData.maxConcurrentCalls,
+            onChange: (e) => handleChange("maxConcurrentCalls", parseInt(e.target.value) || 1),
+            slotProps: { htmlInput: { min: 1 } },
+            sx: inputSx
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx2(Typography, { sx: labelSx, children: "Calls Per Agent" }),
+        /* @__PURE__ */ jsx2(
+          TextField,
+          {
+            fullWidth: true,
+            size: "small",
+            type: "number",
+            value: formData.callsPerAgent,
+            onChange: (e) => handleChange("callsPerAgent", parseFloat(e.target.value) || 1),
+            slotProps: { htmlInput: { min: 0.1, step: 0.1 } },
+            sx: inputSx
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx2(Typography, { sx: labelSx, children: "Ring Timeout (sec)" }),
+        /* @__PURE__ */ jsx2(
+          TextField,
+          {
+            fullWidth: true,
+            size: "small",
+            type: "number",
+            value: formData.ringTimeoutSeconds,
+            onChange: (e) => handleChange("ringTimeoutSeconds", parseInt(e.target.value) || 30),
+            slotProps: { htmlInput: { min: 5 } },
+            sx: inputSx
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx2(Typography, { sx: labelSx, children: "Answer Timeout (sec)" }),
+        /* @__PURE__ */ jsx2(
+          TextField,
+          {
+            fullWidth: true,
+            size: "small",
+            type: "number",
+            value: formData.answerTimeoutSeconds,
+            onChange: (e) => handleChange("answerTimeoutSeconds", parseInt(e.target.value) || 0),
+            slotProps: { htmlInput: { min: 0 } },
+            sx: inputSx
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsxs(Typography, { sx: labelSx, children: [
+          "Max Attempts ",
+          /* @__PURE__ */ jsx2("span", { style: { color: "red" }, children: "*" })
+        ] }),
+        /* @__PURE__ */ jsx2(
+          TextField,
+          {
+            fullWidth: true,
+            size: "small",
+            type: "number",
+            value: formData.maxAttempts || "",
+            onChange: (e) => handleChange("maxAttempts", parseInt(e.target.value) || 0),
+            slotProps: { htmlInput: { min: 1 } },
+            sx: inputSx
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx2(Typography, { sx: labelSx, children: "Retry Interval (min)" }),
+        /* @__PURE__ */ jsx2(
+          TextField,
+          {
+            fullWidth: true,
+            size: "small",
+            type: "number",
+            value: formData.retryIntervalMinutes,
+            onChange: (e) => handleChange("retryIntervalMinutes", parseInt(e.target.value) || 5),
+            slotProps: { htmlInput: { min: 1 } },
+            sx: inputSx
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx2(Typography, { sx: labelSx, children: "Agent Type" }),
+        /* @__PURE__ */ jsx2(FormControl, { fullWidth: true, size: "small", children: /* @__PURE__ */ jsx2(
+          Select,
+          {
+            value: formData.agentType,
+            onChange: (e) => handleChange("agentType", e.target.value),
+            children: AGENT_TYPES.map((t) => /* @__PURE__ */ jsx2(MenuItem, { value: t, children: t }, t))
+          }
+        ) })
+      ] })
+    ] })
+  ] });
+}
+function ScheduleTab({ formData, setFormData }) {
+  const handleChange = (field, value) => setFormData((prev) => __spreadProps(__spreadValues({}, prev), { [field]: value }));
+  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: [
+          "Start Time ",
+          /* @__PURE__ */ jsx2("span", { style: { color: "red" }, children: "*" })
+        ] }),
+        /* @__PURE__ */ jsx2(
+          TextField,
+          {
+            fullWidth: true,
+            size: "small",
+            type: "time",
+            value: formData.startTime,
+            onChange: (e) => handleChange("startTime", e.target.value),
+            sx: inputSx
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsxs(Typography, { sx: labelSx, children: [
+          "End Time ",
+          /* @__PURE__ */ jsx2("span", { style: { color: "red" }, children: "*" })
+        ] }),
+        /* @__PURE__ */ jsx2(
+          TextField,
+          {
+            fullWidth: true,
+            size: "small",
+            type: "time",
+            value: formData.endTime,
+            onChange: (e) => handleChange("endTime", e.target.value),
+            sx: inputSx
+          }
+        )
+      ] })
+    ] }),
+    /* @__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: [
+        "Etc/UTC",
+        "US/Eastern",
+        "US/Central",
+        "US/Mountain",
+        "US/Pacific",
+        "Europe/London",
+        "Europe/Berlin",
+        "Asia/Kolkata",
+        "Asia/Tokyo",
+        "Australia/Sydney"
+      ].map((tz) => /* @__PURE__ */ jsx2(MenuItem, { 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,
+        {
+          label: day.label,
+          onClick: () => toggleDay(day.value),
+          variant: formData.daysOfWeek.includes(day.value) ? "filled" : "outlined",
+          size: "small",
+          sx: daychipSx(formData.daysOfWeek.includes(day.value))
+        },
+        day.value
+      )) })
+    ] })
+  ] });
+}
+function QueueLinkingTab({
+  formData,
+  setFormData,
+  editingCampaign,
+  parentQueueNameMap,
+  onQueuesRefreshed
+}) {
+  const { showToast } = useToast();
+  const { fetchQueues, createQueue } = useQueues();
+  const queueLinks = formData.queueLinks || [];
+  const isEditMode = !!editingCampaign;
+  const campaignQueues = (editingCampaign == null ? void 0 : editingCampaign.campaignQueues) || [];
+  const [allQueues, setAllQueues] = useState2([]);
+  const [queueNames, setQueueNames] = useState2({});
+  const [selectedQueueIds, setSelectedQueueIds] = useState2([]);
+  const [createOpen, setCreateOpen] = useState2(false);
+  const [newQueue, setNewQueue] = useState2({ name: "", description: "" });
+  const [creatingQueue, setCreatingQueue] = useState2(false);
+  const loadQueues = useCallback2(async () => {
+    const list = await fetchQueues();
+    setAllQueues(list);
+    const map = {};
+    list.forEach((q) => {
+      map[q.id] = q.name;
+    });
+    setQueueNames(map);
+    onQueuesRefreshed == null ? void 0 : onQueuesRefreshed(list);
+  }, [fetchQueues, onQueuesRefreshed]);
+  useEffect(() => {
+    loadQueues();
+  }, [loadQueues]);
+  const handleCreateQueue = async () => {
+    var _a, _b;
+    if (!newQueue.name.trim()) {
+      showToast("Queue name is required", "warning");
+      return;
+    }
+    setCreatingQueue(true);
+    try {
+      await createQueue(newQueue);
+      showToast("Queue created successfully", "success");
+      setCreateOpen(false);
+      setNewQueue({ name: "", description: "" });
+      loadQueues();
+    } catch (err) {
+      showToast(((_b = (_a = err == null ? void 0 : err.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) || (err == null ? void 0 : err.message) || "Failed to create queue", "error");
+    } finally {
+      setCreatingQueue(false);
+    }
+  };
+  const linkedIds = new Set(
+    isEditMode ? campaignQueues.map((q) => q.queueId) : queueLinks.map((q) => q.queueId)
+  );
+  const availableQueues = allQueues.filter((q) => !linkedIds.has(q.id));
+  const handleAddQueues = () => {
+    if (selectedQueueIds.length === 0) return;
+    const newLinks = selectedQueueIds.map((qId) => ({
+      queueId: qId,
+      priorityOverride: 5,
+      minWaitBeforeCallback: 0
+    }));
+    setFormData((prev) => __spreadProps(__spreadValues({}, prev), { queueLinks: [...prev.queueLinks || [], ...newLinks] }));
+    showToast(`${selectedQueueIds.length} queue(s) added`, "success");
+    setSelectedQueueIds([]);
+  };
+  const handleRemoveQueue = (queueId) => {
+    setFormData((prev) => __spreadProps(__spreadValues({}, prev), {
+      queueLinks: (prev.queueLinks || []).filter((q) => q.queueId !== queueId)
+    }));
+    showToast("Queue removed", "success");
+  };
+  const handleCellUpdate = (queueId, field, value) => {
+    const numVal = parseInt(value) || 0;
+    setFormData((prev) => __spreadProps(__spreadValues({}, prev), {
+      queueLinks: (prev.queueLinks || []).map(
+        (q) => q.queueId === queueId ? __spreadProps(__spreadValues({}, q), { [field]: numVal }) : q
+      )
+    }));
+  };
+  return /* @__PURE__ */ jsxs(Box, { sx: { p: 2.5 }, children: [
+    createOpen && /* @__PURE__ */ jsx2(
+      Box,
+      {
+        sx: {
+          position: "fixed",
+          inset: 0,
+          zIndex: 1600,
+          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: 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" })
+          ] }),
+          /* @__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: [
+                "Queue Name ",
+                /* @__PURE__ */ jsx2("span", { style: { color: "red" }, children: "*" })
+              ] }),
+              /* @__PURE__ */ jsx2(
+                TextField,
+                {
+                  fullWidth: true,
+                  size: "small",
+                  value: newQueue.name,
+                  onChange: (e) => setNewQueue(__spreadProps(__spreadValues({}, newQueue), { name: e.target.value })),
+                  sx: inputSx
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs(Box, { children: [
+              /* @__PURE__ */ jsx2(Typography, { sx: labelSx, children: "Description" }),
+              /* @__PURE__ */ jsx2(
+                TextField,
+                {
+                  fullWidth: true,
+                  size: "small",
+                  multiline: true,
+                  rows: 3,
+                  value: newQueue.description,
+                  onChange: (e) => setNewQueue(__spreadProps(__spreadValues({}, newQueue), { description: e.target.value })),
+                  sx: inputSx
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(Box, { 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,
+                children: "Create"
+              }
+            )
+          ] })
+        ] })
+      }
+    ),
+    /* @__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, { 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,
+        {
+          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,
+            {
+              size: "small",
+              label: queueNames[id] || parentQueueNameMap[id] || `Queue #${id}`,
+              sx: { height: 22, fontSize: "0.75rem", fontWeight: 600, backgroundColor: "#e0f2f1", color: "#00695c" }
+            },
+            id
+          )) }),
+          sx: {
+            borderRadius: "8px",
+            fontSize: "0.85rem",
+            "& .MuiSelect-select": { display: "flex", flexWrap: "wrap", gap: 0.5, py: 0.75 }
+          },
+          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: [
+            /* @__PURE__ */ jsx2(
+              Checkbox,
+              {
+                size: "small",
+                checked: selectedQueueIds.includes(q.id),
+                sx: { p: 0.5, mr: 1, color: "#1A5F6C", "&.Mui-checked": { color: "#1A5F6C" } }
+              }
+            ),
+            q.name,
+            " (ID: ",
+            q.id,
+            ")"
+          ] }, q.id))
+        }
+      ) }),
+      /* @__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" })
+      ] }) }),
+      /* @__PURE__ */ jsx2(TableBody, { 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,
+            {
+              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))
+            }
+          ) }) }),
+          /* @__PURE__ */ jsx2(TableCell, { sx: bodyCellSx, children: /* @__PURE__ */ jsx2(
+            TextField,
+            {
+              size: "small",
+              type: "number",
+              value: q.minWaitBeforeCallback,
+              onChange: (e) => handleCellUpdate(q.queueId, "minWaitBeforeCallback", e.target.value),
+              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" }) })
+                }
+              },
+              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" }) })
+        ] }, q.queueId);
+      }) })
+    ] }) })
+  ] });
+}
+function LeadsTabInDialog({
+  editingCampaign,
+  onLeadsChange
+}) {
+  var _a;
+  const { showToast } = useToast();
+  const showVoicemail = (editingCampaign == null ? void 0 : editingCampaign.campaignType) === "AFTER_HOURS_CALLBACK";
+  const { leads, fetchLeads, createLead, uploadLeadsExcel, downloadLeadTemplate } = useLeads();
+  const [adding, setAdding] = useState2(false);
+  const [leadForm, setLeadForm] = useState2({ phoneNumber: "", callerName: "", priority: 5 });
+  const [search, setSearch] = useState2("");
+  const [uploadFile, setUploadFile] = useState2(null);
+  const [uploading, setUploading] = useState2(false);
+  const uploadRef = useRef(null);
+  useEffect(() => {
+    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." }) });
+  }
+  const handleAddLead = async () => {
+    var _a2, _b, _c;
+    const err = validatePhone(leadForm.phoneNumber);
+    if (err) {
+      showToast(err, "warning");
+      return;
+    }
+    setAdding(true);
+    try {
+      await createLead(editingCampaign.id, __spreadProps(__spreadValues({}, leadForm), { priority: (_a2 = leadForm.priority) != null ? _a2 : 5 }));
+      showToast("Lead added successfully", "success");
+      setLeadForm({ phoneNumber: "", callerName: "", priority: 5 });
+      fetchLeads(editingCampaign.id, { page: 1, pageSize: 100 });
+      onLeadsChange == null ? void 0 : onLeadsChange();
+    } catch (err2) {
+      showToast(((_c = (_b = err2 == null ? void 0 : err2.response) == null ? void 0 : _b.data) == null ? void 0 : _c.message) || (err2 == null ? void 0 : err2.message) || "Failed to add lead", "error");
+    } finally {
+      setAdding(false);
+    }
+  };
+  const handleUpload = async () => {
+    var _a2, _b;
+    if (!uploadFile) return;
+    setUploading(true);
+    try {
+      await uploadLeadsExcel(editingCampaign.id, uploadFile);
+      showToast("Leads uploaded successfully", "success");
+      setUploadFile(null);
+      if (uploadRef.current) uploadRef.current.value = "";
+      fetchLeads(editingCampaign.id, { page: 1, pageSize: 100 });
+      onLeadsChange == null ? void 0 : onLeadsChange();
+    } catch (err) {
+      showToast(((_b = (_a2 = err == null ? void 0 : err.response) == null ? void 0 : _a2.data) == null ? void 0 : _b.message) || (err == null ? void 0 : err.message) || "Failed to upload leads", "error");
+    } finally {
+      setUploading(false);
+    }
+  };
+  const handleDownload = async () => {
+    var _a2, _b;
+    try {
+      await downloadLeadTemplate(editingCampaign.id);
+    } catch (err) {
+      showToast(((_b = (_a2 = err == null ? void 0 : err.response) == null ? void 0 : _a2.data) == null ? void 0 : _b.message) || (err == null ? void 0 : err.message) || "Download failed", "error");
+    }
+  };
+  const filtered = leads.filter(
+    (l) => {
+      var _a2, _b;
+      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: [
+            "Phone Number ",
+            /* @__PURE__ */ jsx2("span", { style: { color: "red" }, children: "*" })
+          ] }),
+          /* @__PURE__ */ jsx2(
+            TextField,
+            {
+              fullWidth: true,
+              size: "small",
+              placeholder: "+1234567890",
+              value: leadForm.phoneNumber,
+              onChange: (e) => setLeadForm((p) => __spreadProps(__spreadValues({}, p), { phoneNumber: e.target.value.replace(/[^0-9+\-() ]/g, "") })),
+              error: !!leadForm.phoneNumber && !!validatePhone(leadForm.phoneNumber),
+              helperText: leadForm.phoneNumber ? validatePhone(leadForm.phoneNumber) || "" : "",
+              sx: inputSx
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsx2(Typography, { sx: labelSx, children: "Caller Name" }),
+          /* @__PURE__ */ jsx2(
+            TextField,
+            {
+              fullWidth: true,
+              size: "small",
+              value: leadForm.callerName || "",
+              onChange: (e) => setLeadForm((p) => __spreadProps(__spreadValues({}, p), { callerName: e.target.value })),
+              sx: inputSx
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsx2(Typography, { sx: labelSx, children: "Source" }),
+          /* @__PURE__ */ jsx2(
+            TextField,
+            {
+              fullWidth: true,
+              size: "small",
+              value: leadForm.source || "",
+              onChange: (e) => setLeadForm((p) => __spreadProps(__spreadValues({}, p), { source: e.target.value })),
+              sx: inputSx
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsx2(Typography, { sx: labelSx, children: "Priority" }),
+          /* @__PURE__ */ jsx2(FormControl, { fullWidth: true, size: "small", children: /* @__PURE__ */ jsx2(
+            Select,
+            {
+              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))
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs(Box, { sx: { gridColumn: "1 / -1" }, children: [
+          /* @__PURE__ */ jsx2(Typography, { sx: labelSx, children: "Notes" }),
+          /* @__PURE__ */ jsx2(
+            TextField,
+            {
+              fullWidth: true,
+              size: "small",
+              multiline: true,
+              minRows: 2,
+              maxRows: 8,
+              value: leadForm.notes || "",
+              onChange: (e) => setLeadForm((p) => __spreadProps(__spreadValues({}, p), { notes: e.target.value })),
+              sx: inputSx
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx2(Box, { 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,
+          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: () => {
+          var _a2;
+          return (_a2 = uploadRef.current) == null ? void 0 : _a2.click();
+        }, children: "Choose File" }),
+        /* @__PURE__ */ jsx2(
+          "input",
+          {
+            ref: uploadRef,
+            type: "file",
+            accept: ".csv,.xlsx,.xls",
+            hidden: true,
+            onChange: (e) => {
+              var _a2;
+              const f = (_a2 = e.target.files) == null ? void 0 : _a2[0];
+              if (!f) return;
+              if (![".csv", ".xlsx", ".xls"].some((ext) => f.name.toLowerCase().endsWith(ext))) {
+                showToast("Please select a CSV or Excel file", "warning");
+                return;
+              }
+              setUploadFile(f);
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx2(Typography, { sx: { fontSize: "0.82rem", color: "#666", flex: 1, fontFamily: "poppins, Arial, sans-serif" }, children: uploadFile ? uploadFile.name : "No file chosen" }),
+        uploadFile && /* @__PURE__ */ jsx2(
+          SDKButton,
+          {
+            variant: "cancel",
+            size: "small",
+            onClick: () => {
+              setUploadFile(null);
+              if (uploadRef.current) uploadRef.current.value = "";
+            },
+            children: "Clear"
+          }
+        ),
+        /* @__PURE__ */ jsx2(SDKButton, { variant: "outlined", startIcon: /* @__PURE__ */ jsx2(DownloadIcon, {}), onClick: handleDownload, children: "Sample Template" })
+      ] }),
+      /* @__PURE__ */ jsx2(Box, { 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,
+          children: "Upload"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", mb: 1.5 }, children: [
+      /* @__PURE__ */ jsxs(Typography, { sx: sectionTitleSx, children: [
+        "Leads (",
+        leads.length,
+        ")"
+      ] }),
+      /* @__PURE__ */ jsx2(
+        OutlinedInput,
+        {
+          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" } }) })
+        }
+      )
+    ] }),
+    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" })
+      ] }) }),
+      /* @__PURE__ */ jsx2(TableBody, { 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 }) : "" })
+        ] }, lead.id);
+      }) })
+    ] }) })
+  ] });
+}
+var CampaignDialog = memo(function CampaignDialog2({
+  open,
+  editingCampaign,
+  formData,
+  setFormData,
+  saving,
+  onSave,
+  onClose,
+  parentQueueNameMap,
+  onQueuesRefreshed,
+  onLeadsChange
+}) {
+  const { showToast } = useToast();
+  const [tab, setTab] = useState2(0);
+  useEffect(() => {
+    if (open) setTab(0);
+  }, [open]);
+  if (!open) return null;
+  const TAB_LABELS = ["Basic Info", "Dialing Configuration", "Schedule & Operating Hours", "Queue Linking", "Leads"];
+  const lastSaveTab = 3;
+  const leadsTabDisabled = !editingCampaign;
+  const isDirty = !editingCampaign || JSON.stringify(formData) !== JSON.stringify(campaignToFormData(editingCampaign));
+  const validateTab = (t) => {
+    if (t === 0) {
+      if (!formData.name.trim()) {
+        showToast("Please fill Campaign Name", "warning");
+        return false;
+      }
+      if (!formData.campaignType) {
+        showToast("Please fill Campaign Type", "warning");
+        return false;
+      }
+      if (!formData.dialingMode) {
+        showToast("Please fill Dialing Mode", "warning");
+        return false;
+      }
+    }
+    if (t === 1) {
+      if (!formData.maxConcurrentCalls) {
+        showToast("Please fill Max Concurrent Calls", "warning");
+        return false;
+      }
+      if (!formData.maxAttempts) {
+        showToast("Please fill Max Attempts", "warning");
+        return false;
+      }
+    }
+    if (t === 2) {
+      if (!formData.startTime) {
+        showToast("Please fill Start Time", "warning");
+        return false;
+      }
+      if (!formData.endTime) {
+        showToast("Please fill End Time", "warning");
+        return false;
+      }
+    }
+    return true;
+  };
+  const handleTabChange = (newTab) => {
+    if (newTab === 4 && leadsTabDisabled) return;
+    if (newTab > tab && !validateTab(tab)) return;
+    setTab(newTab);
+  };
+  return /* @__PURE__ */ jsx2(
+    Box,
+    {
+      sx: {
+        position: "fixed",
+        inset: 0,
+        zIndex: 1300,
+        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: "95vw", sm: 720, md: 880 },
+            maxHeight: "92vh",
+            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",
+              "& .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(
+              Tabs,
+              {
+                value: tab,
+                onChange: (_, v) => handleTabChange(v),
+                variant: "scrollable",
+                scrollButtons: "auto",
+                sx: {
+                  borderBottom: "1px solid #eee",
+                  minHeight: 44,
+                  "& .MuiTab-root": {
+                    fontSize: "0.85rem",
+                    minHeight: 44,
+                    textTransform: "none",
+                    fontWeight: 600,
+                    fontFamily: "poppins, Arial, sans-serif"
+                  },
+                  "& .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))
+              }
+            ),
+            /* @__PURE__ */ jsxs(Box, { 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 }),
+              tab === 3 && /* @__PURE__ */ jsx2(
+                QueueLinkingTab,
+                {
+                  formData,
+                  setFormData,
+                  editingCampaign,
+                  parentQueueNameMap,
+                  onQueuesRefreshed
+                }
+              ),
+              tab === 4 && /* @__PURE__ */ jsx2(
+                LeadsTabInDialog,
+                {
+                  editingCampaign,
+                  onLeadsChange
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs(Box, { 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" }),
+              tab === lastSaveTab && /* @__PURE__ */ jsx2(
+                SDKPermissionGuard,
+                {
+                  permissions: [
+                    editingCampaign ? SDK_PERMISSIONS.CAMPAIGNS_UPDATE : SDK_PERMISSIONS.CAMPAIGNS_CREATE,
+                    SDK_PERMISSIONS.CAMPAIGNS_MANAGE
+                  ],
+                  showFallback: false,
+                  children: /* @__PURE__ */ jsx2(
+                    SDKButton,
+                    {
+                      onClick: onSave,
+                      disabled: saving || !isDirty,
+                      startIcon: saving ? /* @__PURE__ */ jsx2(CircularProgress, { size: 14, color: "inherit" }) : void 0,
+                      children: editingCampaign ? "Update" : "Create"
+                    }
+                  )
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+});
+var AddLeadDialog = memo(function AddLeadDialog2({
+  open,
+  data,
+  onChange,
+  saving,
+  onSave,
+  onClose
+}) {
+  var _a;
+  if (!open) return null;
+  const phoneError = data.phoneNumber ? validatePhone(data.phoneNumber) : null;
+  return /* @__PURE__ */ jsx2(
+    Box,
+    {
+      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: "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" })
+        ] }),
+        /* @__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: [
+              "Phone Number ",
+              /* @__PURE__ */ jsx2("span", { style: { color: "red" }, children: "*" })
+            ] }),
+            /* @__PURE__ */ jsx2(
+              TextField,
+              {
+                fullWidth: true,
+                size: "small",
+                placeholder: "+1234567890",
+                value: data.phoneNumber,
+                onChange: (e) => onChange(__spreadProps(__spreadValues({}, data), { phoneNumber: e.target.value.replace(/[^0-9+\-() ]/g, "") })),
+                error: !!phoneError,
+                helperText: phoneError || "",
+                sx: inputSx
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(Box, { children: [
+            /* @__PURE__ */ jsx2(Typography, { sx: labelSx, children: "Caller Name" }),
+            /* @__PURE__ */ jsx2(
+              TextField,
+              {
+                fullWidth: true,
+                size: "small",
+                value: data.callerName || "",
+                onChange: (e) => onChange(__spreadProps(__spreadValues({}, data), { callerName: e.target.value })),
+                sx: inputSx
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(Box, { children: [
+            /* @__PURE__ */ jsx2(Typography, { sx: labelSx, children: "Source" }),
+            /* @__PURE__ */ jsx2(
+              TextField,
+              {
+                fullWidth: true,
+                size: "small",
+                value: data.source || "",
+                onChange: (e) => onChange(__spreadProps(__spreadValues({}, data), { source: e.target.value })),
+                sx: inputSx
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(Box, { children: [
+            /* @__PURE__ */ jsx2(Typography, { sx: labelSx, children: "Priority" }),
+            /* @__PURE__ */ jsx2(FormControl, { fullWidth: true, size: "small", children: /* @__PURE__ */ jsx2(
+              Select,
+              {
+                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))
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs(Box, { sx: { gridColumn: "1 / -1" }, children: [
+            /* @__PURE__ */ jsx2(Typography, { sx: labelSx, children: "Notes" }),
+            /* @__PURE__ */ jsx2(
+              TextField,
+              {
+                fullWidth: true,
+                size: "small",
+                multiline: true,
+                minRows: 2,
+                maxRows: 8,
+                value: data.notes || "",
+                onChange: (e) => onChange(__spreadProps(__spreadValues({}, data), { notes: e.target.value })),
+                sx: inputSx
+              }
+            )
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsxs(Box, { 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,
+              children: "Add Lead"
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+});
+function ConfirmDialog({
+  open,
+  title,
+  message,
+  loading,
+  onConfirm,
+  onClose
+}) {
+  if (!open) return null;
+  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: "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" })
+        ] }),
+        /* @__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(SDKButton, { variant: "cancel", onClick: onClose, children: "Cancel" }),
+          /* @__PURE__ */ jsx2(
+            SDKButton,
+            {
+              variant: "danger",
+              onClick: onConfirm,
+              disabled: loading,
+              startIcon: loading ? /* @__PURE__ */ jsx2(CircularProgress, { size: 14, color: "inherit" }) : void 0,
+              children: "Confirm"
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+var fmtRecordingDuration = (s) => {
+  if (!isFinite(s) || s < 0) return "";
+  const m = Math.floor(s / 60);
+  const sec = Math.floor(s % 60);
+  return `${m}:${sec.toString().padStart(2, "0")}`;
+};
+var activePlayers = /* @__PURE__ */ new Set();
+var notifyPlay = (activeId) => {
+  activePlayers.forEach((fn) => fn(activeId));
+};
+function CallRecording({ callUuid, recordingPath, iconOnly = false }) {
+  const [audioUrl, setAudioUrl] = useState2(null);
+  const [loading, setLoading] = useState2(false);
+  const [error, setError] = useState2(false);
+  const [durationSec, setDurationSec] = useState2(null);
+  const [currentSec, setCurrentSec] = useState2(0);
+  const unavailable = !recordingPath;
+  const totalLabel = durationSec != null ? fmtRecordingDuration(durationSec) : "";
+  const closePlayer = useCallback2(() => {
+    setAudioUrl((prev) => {
+      if (prev && prev.startsWith("blob:")) URL.revokeObjectURL(prev);
+      return null;
+    });
+    setCurrentSec(0);
+    setDurationSec(null);
+  }, []);
+  useEffect(() => {
+    const onPlay = (activeId) => {
+      if (activeId !== callUuid) closePlayer();
+    };
+    activePlayers.add(onPlay);
+    return () => {
+      activePlayers.delete(onPlay);
+    };
+  }, [callUuid, closePlayer]);
+  const handlePlay = async () => {
+    if (audioUrl) return;
+    notifyPlay(callUuid);
+    try {
+      setLoading(true);
+      setError(false);
+      const blob = await getRecordingByCall(callUuid);
+      setAudioUrl(URL.createObjectURL(blob));
+    } catch (e) {
+      setError(true);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleDownload = async () => {
+    try {
+      const blob = audioUrl ? await fetch(audioUrl).then((r) => r.blob()) : await getRecordingByCall(callUuid);
+      const url = URL.createObjectURL(blob);
+      const a = document.createElement("a");
+      a.href = url;
+      a.download = `recording_${callUuid}.wav`;
+      a.click();
+      URL.revokeObjectURL(url);
+    } catch (e) {
+    }
+  };
+  if (iconOnly) {
+    if (audioUrl) {
+      return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+        /* @__PURE__ */ jsx2(
+          "audio",
+          {
+            controls: true,
+            autoPlay: true,
+            src: audioUrl,
+            onLoadedMetadata: (e) => setDurationSec(e.currentTarget.duration),
+            onTimeUpdate: (e) => setCurrentSec(e.currentTarget.currentTime),
+            onEnded: closePlayer,
+            style: { height: 32, maxWidth: 170 }
+          }
+        ),
+        totalLabel && /* @__PURE__ */ jsxs(Typography, { 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 } }) }) })
+      ] });
+    }
+    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 } }) }) }) });
+  }
+  if (unavailable) {
+    return /* @__PURE__ */ jsx2(Typography, { sx: { fontSize: "0.82rem", color: "#999" }, fontFamily: "poppins, Arial, sans-serif", children: "No recording available for this call." });
+  }
+  if (audioUrl) {
+    return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+      /* @__PURE__ */ jsx2("audio", { controls: true, autoPlay: true, src: audioUrl, onEnded: 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 } }) }) })
+    ] });
+  }
+  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 } }) }) }) })
+  ] });
+}
+function CallDataDialog({
+  open,
+  lead,
+  data,
+  loading,
+  error,
+  onClose
+}) {
+  if (!open) return null;
+  const fmt = (v) => v ? new Date(v).toLocaleString() : "\u2014";
+  const fieldCardSx = {
+    display: "flex",
+    flexDirection: "column",
+    gap: 0.25,
+    p: 1,
+    borderRadius: "8px",
+    backgroundColor: "#fafafa",
+    border: "1px solid #eee"
+  };
+  const fieldLabelSx = {
+    fontSize: "0.66rem",
+    fontWeight: 600,
+    color: "#888",
+    textTransform: "uppercase",
+    letterSpacing: 0.3
+  };
+  const fieldValueSx = {
+    fontSize: "0.82rem",
+    fontWeight: 600,
+    color: "#1a1a1a",
+    wordBreak: "break-word"
+  };
+  const sectionTitle = {
+    fontSize: "0.7rem",
+    fontWeight: 700,
+    color: "#1A5F6C",
+    textTransform: "uppercase",
+    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 })
+  ] }, label);
+  const overview = data ? [
+    ["Phone Number", data.phoneNumber || "\u2014"],
+    ["Call Type", data.callType || "\u2014"],
+    ["Call Status", data.callStatus || "\u2014"],
+    ["Disposition", data.disposition || "\u2014"],
+    ["Agent Disposition", data.agentSelectedDisposition || "\u2014"],
+    ["Transferred", data.wasTransferred ? "Yes" : "No"],
+    ["Hangup By", data.hangupInitiator || "\u2014"]
+  ] : [];
+  const agentQueue = data ? [
+    ["Agent", data.agentName || "\u2014"],
+    ["Agent ID", data.agentUserId || "\u2014"],
+    ["Extension", data.extension || "\u2014"],
+    ["Queue", data.queueName || "\u2014"]
+  ] : [];
+  const timing = data ? [
+    ["Start Time", fmt(data.callStartTime)],
+    ["Connect Time", fmt(data.connectTime)]
+  ] : [];
+  const durations = data ? [
+    ["Talk", data.talkDurationFmt || "\u2014"],
+    ["Ringing", data.ringingDurationFmt || "\u2014"],
+    ["Hold", data.holdDurationFmt || "\u2014"],
+    ["Mute", data.muteDurationFmt || "\u2014"],
+    ["Wrap-up", data.wrapupDurationFmt || "\u2014"],
+    ["Queue", data.queueDurationFmt || "\u2014"],
+    ["IVR", data.ivrDurationFmt || "\u2014"]
+  ] : [];
+  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: [
+          "Latest call for ",
+          lead.phoneNumber
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ jsx2(IconButton, { 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__ */ 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, { 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, { 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, { 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, { 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 }) })
+      ] })
+    ] }) : null }),
+    /* @__PURE__ */ jsx2(Box, { sx: dialogFooterSx, children: /* @__PURE__ */ jsx2(SDKButton, { variant: "cancel", onClick: onClose, children: "Close" }) })
+  ] }) });
+}
+function ImportLeadsDialog({
+  open,
+  file,
+  onFileChange,
+  uploading,
+  onUpload,
+  onDownloadTemplate,
+  onClose
+}) {
+  const fileRef = useRef(null);
+  if (!open) return null;
+  return /* @__PURE__ */ jsx2(
+    Box,
+    {
+      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" })
+        ] }),
+        /* @__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__ */ jsx2(
+              SDKButton,
+              {
+                variant: "outlined",
+                startIcon: /* @__PURE__ */ jsx2(UploadFileIcon, {}),
+                onClick: () => {
+                  var _a;
+                  return (_a = fileRef.current) == null ? void 0 : _a.click();
+                },
+                children: "Choose File"
+              }
+            ),
+            /* @__PURE__ */ jsx2(
+              "input",
+              {
+                ref: fileRef,
+                type: "file",
+                accept: ".csv,.xlsx,.xls",
+                hidden: true,
+                onChange: (e) => {
+                  var _a;
+                  const f = (_a = e.target.files) == null ? void 0 : _a[0];
+                  if (!f) return;
+                  if ([".csv", ".xlsx", ".xls"].some((ext) => f.name.toLowerCase().endsWith(ext))) onFileChange(f);
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx2(Typography, { sx: { fontSize: "0.82rem", color: "#666", flex: 1, fontFamily: "poppins, Arial, sans-serif" }, children: file ? file.name : "No file chosen" }),
+            file && /* @__PURE__ */ jsx2(
+              SDKButton,
+              {
+                variant: "cancel",
+                size: "small",
+                onClick: () => {
+                  onFileChange(null);
+                  if (fileRef.current) fileRef.current.value = "";
+                },
+                children: "Clear"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx2(SDKButton, { variant: "outlined", startIcon: /* @__PURE__ */ jsx2(DownloadIcon, {}), onClick: onDownloadTemplate, children: "Download Template" })
+        ] }),
+        /* @__PURE__ */ jsxs(Box, { 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,
+              children: "Upload"
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+var CampaignsContent = memo(function CampaignsContent2() {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+  const theme = useTheme2();
+  const { showToast } = useToast();
+  const { isBitEnabled } = useSDKPermissions();
+  const callerData = useGetCallerData();
+  const isAgentIdle = callerData.status === "IDLE";
+  const hasOutboundPermission = isBitEnabled("calls", SDK_PERMISSIONS.CALL_OUTBOUND);
+  const {
+    campaigns,
+    loading,
+    fetchCampaigns,
+    getCampaignById,
+    createCampaign,
+    updateCampaign,
+    activateCampaign,
+    pauseCampaign,
+    archiveCampaign
+  } = useCampaigns();
+  const {
+    leads,
+    leadTotal,
+    leadsMeta,
+    loading: leadsLoading,
+    fetchLeads,
+    createLead,
+    deleteLead,
+    dialPreview,
+    getLeadCallData,
+    uploadLeadsExcel,
+    downloadLeadTemplate,
+    exportLeads
+  } = useLeads();
+  const { fetchQueues } = useQueues();
+  const [queueNameMap, setQueueNameMap] = useState2({});
+  useEffect(() => {
+    fetchQueues().then((qs) => {
+      const map = {};
+      qs.forEach((q) => {
+        map[q.id] = q.name;
+      });
+      setQueueNameMap(map);
+    }).catch(() => {
+    });
+  }, [fetchQueues]);
+  const handleQueuesRefreshed = useCallback2((qs) => {
+    const map = {};
+    qs.forEach((q) => {
+      map[q.id] = q.name;
+    });
+    setQueueNameMap(map);
+  }, []);
+  const [selectedId, setSelectedId] = useState2(null);
+  const [showArchived, setShowArchived] = useState2(false);
+  const [campaignListCollapsed, setCampaignListCollapsed] = useState2(false);
+  const [dialogOpen, setDialogOpen] = useState2(false);
+  const [editingCampaign, setEditingCampaign] = useState2(null);
+  const [formData, setFormData] = useState2(defaultFormData);
+  const [saving, setSaving] = useState2(false);
+  const [archiveOpen, setArchiveOpen] = useState2(false);
+  const [archiveTarget, setArchiveTarget] = useState2(null);
+  const [archiving, setArchiving] = useState2(false);
+  const [leadPage, setLeadPage] = useState2(0);
+  const [leadRowsPerPage, setLeadRowsPerPage] = useState2(10);
+  const [leadSearch, setLeadSearch] = useState2("");
+  const [debouncedSearch, setDebouncedSearch] = useState2("");
+  const [leadStatusFilter, setLeadStatusFilter] = useState2("All states");
+  const [leadStartDate, setLeadStartDate] = useState2(null);
+  const [leadEndDate, setLeadEndDate] = useState2(null);
+  const debounceRef = useRef(null);
+  const [addLeadOpen, setAddLeadOpen] = useState2(false);
+  const [addLeadData, setAddLeadData] = useState2({ phoneNumber: "", callerName: "", priority: 5 });
+  const [addLeadSaving, setAddLeadSaving] = useState2(false);
+  const [importOpen, setImportOpen] = useState2(false);
+  const [importFile, setImportFile] = useState2(null);
+  const [importing, setImporting] = useState2(false);
+  const [deleteLeadOpen, setDeleteLeadOpen] = useState2(false);
+  const [deleteLeadTarget, setDeleteLeadTarget] = useState2(null);
+  const [deletingLead, setDeletingLead] = useState2(false);
+  const [callDataOpen, setCallDataOpen] = useState2(false);
+  const [callDataLead, setCallDataLead] = useState2(null);
+  const [callDataLoading, setCallDataLoading] = useState2(false);
+  const [callData, setCallData] = useState2(null);
+  const [callDataError, setCallDataError] = useState2(null);
+  const handleViewCallData = useCallback2(async (lead) => {
+    var _a2, _b2;
+    const callId = lead.latestCallId;
+    if (!callId) return;
+    setCallDataLead(lead);
+    setCallDataOpen(true);
+    setCallData(null);
+    setCallDataError(null);
+    setCallDataLoading(true);
+    try {
+      const data = await getLeadCallData(callId);
+      setCallData(data);
+    } catch (e) {
+      setCallDataError(((_b2 = (_a2 = e == null ? void 0 : e.response) == null ? void 0 : _a2.data) == null ? void 0 : _b2.message) || "Failed to load call data");
+    } finally {
+      setCallDataLoading(false);
+    }
+  }, [getLeadCallData]);
+  const [dialLoading, setDialLoading] = useState2(null);
+  const selected = (_a = campaigns.find((c) => c.id === selectedId)) != null ? _a : null;
+  const showVoicemail = (selected == null ? void 0 : selected.campaignType) === "AFTER_HOURS_CALLBACK";
+  const visibleCampaigns = campaigns.filter(
+    (c) => {
+      var _a2;
+      return showArchived ? true : ((_a2 = c.status) == null ? void 0 : _a2.toLowerCase()) !== "archived";
+    }
+  );
+  const handleSelectCampaign = useCallback2((id) => {
+    if (id === selectedId) return;
+    setLeadStatusFilter("All states");
+    setLeadSearch("");
+    setDebouncedSearch("");
+    setLeadStartDate(null);
+    setLeadEndDate(null);
+    setLeadPage(0);
+    setSelectedId(id);
+  }, [selectedId]);
+  useEffect(() => {
+    fetchCampaigns();
+  }, [fetchCampaigns]);
+  useEffect(() => {
+    debounceRef.current = setTimeout(() => setDebouncedSearch(leadSearch.trim()), 400);
+    return () => {
+      if (debounceRef.current) clearTimeout(debounceRef.current);
+    };
+  }, [leadSearch]);
+  useEffect(() => {
+    if (!selectedId) return;
+    setLeadPage(0);
+    fetchLeads(selectedId, {
+      page: 1,
+      pageSize: leadRowsPerPage,
+      lead_status: leadStatusFilter !== "All states" ? leadStatusFilter : void 0,
+      search: debouncedSearch || void 0,
+      start_date: leadStartDate ? leadStartDate.format("YYYY-MM-DDTHH:mm:ss") : void 0,
+      end_date: leadEndDate ? leadEndDate.format("YYYY-MM-DDTHH:mm:ss") : void 0
+    });
+  }, [selectedId, leadRowsPerPage, leadStatusFilter, debouncedSearch, leadStartDate, leadEndDate, fetchLeads]);
+  const refetchLeads = useCallback2((page = leadPage, silent = false) => {
+    if (!selectedId) return;
+    fetchLeads(selectedId, {
+      page: page + 1,
+      pageSize: leadRowsPerPage,
+      lead_status: leadStatusFilter !== "All states" ? leadStatusFilter : void 0,
+      search: debouncedSearch || void 0,
+      start_date: leadStartDate ? leadStartDate.format("YYYY-MM-DDTHH:mm:ss") : void 0,
+      end_date: leadEndDate ? leadEndDate.format("YYYY-MM-DDTHH:mm:ss") : void 0
+    }, { silent });
+  }, [selectedId, leadPage, leadRowsPerPage, leadStatusFilter, debouncedSearch, leadStartDate, leadEndDate, fetchLeads]);
+  const clearLeadDates = () => {
+    setLeadStartDate(null);
+    setLeadEndDate(null);
+    setLeadPage(0);
+  };
+  useEffect(() => {
+    if (!selectedId) return;
+    const intervalId = setInterval(() => {
+      refetchLeads(leadPage, true);
+    }, 3e3);
+    return () => clearInterval(intervalId);
+  }, [selectedId, leadPage, refetchLeads]);
+  const handleOpenCreate = () => {
+    setEditingCampaign(null);
+    setFormData(defaultFormData);
+    setDialogOpen(true);
+  };
+  const handleOpenEdit = async (c) => {
+    setEditingCampaign(c);
+    setFormData(campaignToFormData(c));
+    setDialogOpen(true);
+    try {
+      const fresh = await getCampaignById(c.id);
+      setEditingCampaign(fresh);
+      setFormData(campaignToFormData(fresh));
+    } catch (e) {
+    }
+  };
+  const handleSave = async () => {
+    var _a2, _b2, _c2, _d2, _e2;
+    if (!formData.name.trim()) {
+      showToast("Campaign name is required", "warning");
+      return;
+    }
+    setSaving(true);
+    const startTime = ((_a2 = formData.startTime) == null ? void 0 : _a2.length) === 5 ? `${formData.startTime}:00` : formData.startTime;
+    const endTime = ((_b2 = formData.endTime) == null ? void 0 : _b2.length) === 5 ? `${formData.endTime}:00` : formData.endTime;
+    const toIso = (d) => d ? new Date(d).toISOString() : void 0;
+    const scheduledStart = toIso(formData.scheduledStart);
+    const scheduledEnd = toIso(formData.scheduledEnd);
+    try {
+      if (editingCampaign) {
+        const updatePayload = __spreadProps(__spreadValues({}, formData), { startTime, endTime });
+        if (scheduledStart) updatePayload.scheduledStart = scheduledStart;
+        else delete updatePayload.scheduledStart;
+        if (scheduledEnd) updatePayload.scheduledEnd = scheduledEnd;
+        else delete updatePayload.scheduledEnd;
+        await updateCampaign(editingCampaign.id, updatePayload);
+        showToast("Campaign updated", "success");
+      } else {
+        const payload = __spreadProps(__spreadValues({}, formData), { startTime, endTime });
+        if (scheduledStart) payload.scheduledStart = scheduledStart;
+        else delete payload.scheduledStart;
+        if (scheduledEnd) payload.scheduledEnd = scheduledEnd;
+        else delete payload.scheduledEnd;
+        if (!payload.callerId) delete payload.callerId;
+        if (!payload.answerTimeoutSeconds) delete payload.answerTimeoutSeconds;
+        if (payload.aiBotId == null) delete payload.aiBotId;
+        if (!((_c2 = payload.queueLinks) == null ? void 0 : _c2.length)) delete payload.queueLinks;
+        if (payload.settings && !Object.keys(payload.settings).length) delete payload.settings;
+        const created = await createCampaign(payload);
+        showToast("Campaign created", "success");
+        setSelectedId(created.id);
+      }
+      setDialogOpen(false);
+      fetchCampaigns();
+    } catch (err) {
+      showToast(((_e2 = (_d2 = err == null ? void 0 : err.response) == null ? void 0 : _d2.data) == null ? void 0 : _e2.message) || (err == null ? void 0 : err.message) || "Failed to save campaign", "error");
+    } finally {
+      setSaving(false);
+    }
+  };
+  const handleStart = async (c) => {
+    var _a2, _b2;
+    try {
+      await activateCampaign(c.id);
+      showToast("Campaign started", "success");
+      fetchCampaigns();
+    } catch (err) {
+      showToast(((_b2 = (_a2 = err == null ? void 0 : err.response) == null ? void 0 : _a2.data) == null ? void 0 : _b2.message) || (err == null ? void 0 : err.message) || "Failed to start", "error");
+    }
+  };
+  const handlePause = async (c) => {
+    var _a2, _b2;
+    try {
+      await pauseCampaign(c.id);
+      showToast("Campaign paused", "success");
+      fetchCampaigns();
+    } catch (err) {
+      showToast(((_b2 = (_a2 = err == null ? void 0 : err.response) == null ? void 0 : _a2.data) == null ? void 0 : _b2.message) || (err == null ? void 0 : err.message) || "Failed to pause", "error");
+    }
+  };
+  const confirmArchive = async () => {
+    var _a2, _b2;
+    if (!archiveTarget) return;
+    setArchiving(true);
+    try {
+      await archiveCampaign(archiveTarget.id);
+      showToast("Campaign archived", "success");
+      setArchiveOpen(false);
+      setArchiveTarget(null);
+      fetchCampaigns();
+    } catch (err) {
+      showToast(((_b2 = (_a2 = err == null ? void 0 : err.response) == null ? void 0 : _a2.data) == null ? void 0 : _b2.message) || (err == null ? void 0 : err.message) || "Failed to archive", "error");
+    } finally {
+      setArchiving(false);
+    }
+  };
+  const handleAddLead = async () => {
+    var _a2, _b2;
+    if (!selectedId) return;
+    const err = validatePhone(addLeadData.phoneNumber);
+    if (err) {
+      showToast(err, "warning");
+      return;
+    }
+    setAddLeadSaving(true);
+    try {
+      await createLead(selectedId, addLeadData);
+      showToast("Lead added", "success");
+      setAddLeadOpen(false);
+      setAddLeadData({ phoneNumber: "", callerName: "", priority: 5 });
+      refetchLeads(0);
+      setLeadPage(0);
+    } catch (err2) {
+      showToast(((_b2 = (_a2 = err2 == null ? void 0 : err2.response) == null ? void 0 : _a2.data) == null ? void 0 : _b2.message) || (err2 == null ? void 0 : err2.message) || "Failed to add lead", "error");
+    } finally {
+      setAddLeadSaving(false);
+    }
+  };
+  const handleImport = async () => {
+    var _a2, _b2;
+    if (!selectedId || !importFile) return;
+    setImporting(true);
+    try {
+      const result = await uploadLeadsExcel(selectedId, importFile);
+      showToast((result == null ? void 0 : result.message) || "Leads uploaded", "success");
+      setImportFile(null);
+      setImportOpen(false);
+      refetchLeads(0);
+      setLeadPage(0);
+    } catch (err) {
+      showToast(((_b2 = (_a2 = err == null ? void 0 : err.response) == null ? void 0 : _a2.data) == null ? void 0 : _b2.message) || (err == null ? void 0 : err.message) || "Upload failed", "error");
+    } finally {
+      setImporting(false);
+    }
+  };
+  const handleExport = async () => {
+    var _a2, _b2;
+    if (!selectedId) return;
+    try {
+      await exportLeads(selectedId);
+      showToast("Leads exported", "success");
+    } catch (err) {
+      showToast(((_b2 = (_a2 = err == null ? void 0 : err.response) == null ? void 0 : _a2.data) == null ? void 0 : _b2.message) || (err == null ? void 0 : err.message) || "Export failed", "error");
+    }
+  };
+  const handleDownloadTemplate = async () => {
+    var _a2, _b2;
+    if (!selectedId) return;
+    try {
+      await downloadLeadTemplate(selectedId);
+    } catch (err) {
+      showToast(((_b2 = (_a2 = err == null ? void 0 : err.response) == null ? void 0 : _a2.data) == null ? void 0 : _b2.message) || (err == null ? void 0 : err.message) || "Download failed", "error");
+    }
+  };
+  const handleDialPreview = async (leadId) => {
+    var _a2, _b2;
+    if (!selectedId) return;
+    setDialLoading(leadId);
+    try {
+      const res = await dialPreview(selectedId, leadId);
+      showToast((res == null ? void 0 : res.message) || "Preview dial initiated", "success");
+    } catch (err) {
+      showToast(((_b2 = (_a2 = err == null ? void 0 : err.response) == null ? void 0 : _a2.data) == null ? void 0 : _b2.message) || (err == null ? void 0 : err.message) || "Dial failed", "error");
+    } finally {
+      setDialLoading(null);
+    }
+  };
+  const confirmDeleteLead = async () => {
+    var _a2, _b2;
+    if (!selectedId || !deleteLeadTarget) return;
+    setDeletingLead(true);
+    try {
+      await deleteLead(selectedId, deleteLeadTarget.id);
+      showToast("Lead deleted", "success");
+      setDeleteLeadOpen(false);
+      setDeleteLeadTarget(null);
+      refetchLeads(leadPage);
+    } catch (err) {
+      showToast(((_b2 = (_a2 = err == null ? void 0 : err.response) == null ? void 0 : _a2.data) == null ? void 0 : _b2.message) || (err == null ? void 0 : err.message) || "Delete failed", "error");
+    } finally {
+      setDeletingLead(false);
+    }
+  };
+  const sc = selected;
+  const scActive = ((_b = sc == null ? void 0 : sc.status) == null ? void 0 : _b.toLowerCase()) === "active";
+  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: [
+    /* @__PURE__ */ jsx2(
+      SDKPageHeader,
+      {
+        title: "Call Scheduling",
+        actions: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+          /* @__PURE__ */ jsx2(
+            SDKButton,
+            {
+              startIcon: /* @__PURE__ */ jsx2(RefreshIcon, {}),
+              onClick: () => {
+                fetchCampaigns();
+                if (selectedId) refetchLeads();
+              },
+              children: "Refresh"
+            }
+          ),
+          /* @__PURE__ */ jsx2(
+            SDKPermissionGuard,
+            {
+              permissions: [
+                SDK_PERMISSIONS.CAMPAIGNS_CREATE,
+                SDK_PERMISSIONS.CAMPAIGNS_MANAGE
+              ],
+              showFallback: false,
+              children: /* @__PURE__ */ jsx2(SDKButton, { startIcon: /* @__PURE__ */ jsx2(AddIcon, {}), onClick: handleOpenCreate, children: "New Campaign" })
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: { xs: "column", md: "row" }, gap: 1.5, p: 1.5 }, children: [
+      /* @__PURE__ */ jsx2(
+        Paper,
+        {
+          elevation: 0,
+          sx: {
+            width: campaignListCollapsed ? { xs: "100%", md: 48 } : { xs: "100%", md: 280, lg: 320 },
+            minWidth: campaignListCollapsed ? { xs: "auto", md: 48 } : { xs: "auto", md: 240 },
+            flexShrink: 0,
+            borderRadius: "16px",
+            display: "flex",
+            flexDirection: "column",
+            maxHeight: { xs: campaignListCollapsed ? "auto" : 260, md: "calc(100vh - 160px)" },
+            overflow: "hidden",
+            border: "1px solid #e0e0e0",
+            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: {
+            display: "flex",
+            flexDirection: { xs: "row", md: "column" },
+            alignItems: "center",
+            gap: 0.75,
+            p: 0.75,
+            height: "100%",
+            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,
+              {
+                size: "small",
+                onClick: () => setCampaignListCollapsed(false),
+                sx: {
+                  color: "#1A5F6C",
+                  backgroundColor: "#f0f7f8",
+                  flexShrink: 0,
+                  "&:hover": { backgroundColor: "#e0eff1" }
+                },
+                children: /* @__PURE__ */ jsx2(ChevronRightIcon, { fontSize: "small" })
+              }
+            ) }),
+            visibleCampaigns.map((c, idx) => {
+              var _a2;
+              const isSel = c.id === selectedId;
+              const status = (c.status || "draft").toLowerCase();
+              const statusColor = (_a2 = STATUS_COLORS[status]) != null ? _a2 : "#9e9e9e";
+              return /* @__PURE__ */ jsx2(
+                Tooltip,
+                {
+                  arrow: true,
+                  placement: "right",
+                  title: `${c.name} \u2022 ${c.status || "draft"}`,
+                  children: /* @__PURE__ */ jsx2(
+                    Box,
+                    {
+                      onClick: () => handleSelectCampaign(c.id),
+                      sx: {
+                        width: 32,
+                        height: 32,
+                        borderRadius: "8px",
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        cursor: "pointer",
+                        flexShrink: 0,
+                        backgroundColor: isSel ? "#fff" : "#fafafa",
+                        color: "#333",
+                        fontFamily: "poppins, Arial, sans-serif",
+                        fontWeight: 700,
+                        fontSize: "0.8rem",
+                        borderLeft: `3px solid ${statusColor}`,
+                        boxShadow: isSel ? `-3px 0 8px ${statusColor}66` : `-2px 0 4px ${statusColor}33`,
+                        transition: "box-shadow 0.15s ease",
+                        "&:hover": {
+                          boxShadow: `-3px 0 8px ${statusColor}80`
+                        }
+                      },
+                      children: idx + 1
+                    }
+                  )
+                },
+                c.id
+              );
+            })
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs(Box, { sx: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between",
+              px: 2,
+              py: 1.25,
+              borderBottom: "1px solid #eee",
+              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,
+                  {
+                    size: "small",
+                    onClick: () => setCampaignListCollapsed(true),
+                    sx: { p: 0.5, color: "#666" },
+                    children: /* @__PURE__ */ jsx2(ChevronLeftIcon, { fontSize: "small" })
+                  }
+                ) }),
+                /* @__PURE__ */ jsx2(Typography, { sx: { fontWeight: 700, fontSize: "0.95rem", color: "#333", fontFamily: "poppins, Arial, sans-serif" }, children: "Campaigns" })
+              ] }),
+              /* @__PURE__ */ jsx2(
+                FormControlLabel,
+                {
+                  control: /* @__PURE__ */ jsx2(
+                    Checkbox,
+                    {
+                      size: "small",
+                      checked: showArchived,
+                      onChange: (e) => setShowArchived(e.target.checked),
+                      sx: { p: 0.5 }
+                    }
+                  ),
+                  label: /* @__PURE__ */ jsx2(Typography, { 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) => {
+              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,
+                {
+                  elevation: 0,
+                  onClick: () => handleSelectCampaign(c.id),
+                  sx: isSel ? campaignCardSelectedSx : __spreadProps(__spreadValues({}, campaignCardBaseSx), {
+                    "&: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(Typography, { sx: { fontSize: "0.73rem", color: "#999", fontFamily: "poppins, Arial, sans-serif" }, children: [
+                      c.dialingMode,
+                      " \xB7 TZ: ",
+                      c.timezone || "Etc/UTC",
+                      " \xB7 ",
+                      wStr
+                    ] })
+                  ]
+                },
+                c.id
+              );
+            }) })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx2(Box, { sx: { flex: 1, display: "flex", flexDirection: "column", gap: 1.5, minWidth: 0, overflow: "hidden" }, children: !sc ? /* @__PURE__ */ jsx2(
+        Paper,
+        {
+          elevation: 0,
+          sx: {
+            borderRadius: "16px",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            minHeight: 200,
+            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" })
+          ] })
+        }
+      ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs(
+          Paper,
+          {
+            elevation: 0,
+            sx: {
+              borderRadius: "16px",
+              p: { xs: 1.5, sm: 2.5 },
+              border: "1px solid #e0e0e0",
+              boxShadow: "0 1px 3px rgba(0,0,0,0.08)"
+            },
+            children: [
+              /* @__PURE__ */ jsxs(Box, { sx: {
+                display: "flex",
+                alignItems: { xs: "flex-start", sm: "center" },
+                justifyContent: "space-between",
+                flexWrap: "wrap",
+                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) })
+                ] }),
+                !scArchived && /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 1, flexWrap: "wrap" }, children: [
+                  /* @__PURE__ */ jsx2(
+                    SDKPermissionGuard,
+                    {
+                      permissions: [
+                        SDK_PERMISSIONS.CAMPAIGNS_UPDATE,
+                        SDK_PERMISSIONS.CAMPAIGNS_MANAGE
+                      ],
+                      showFallback: false,
+                      children: /* @__PURE__ */ jsx2(
+                        SDKButton,
+                        {
+                          variant: "outlined",
+                          startIcon: /* @__PURE__ */ jsx2(EditIcon, {}),
+                          onClick: () => handleOpenEdit(sc),
+                          children: "Edit"
+                        }
+                      )
+                    }
+                  ),
+                  (scDraft || scPaused) && /* @__PURE__ */ jsx2(
+                    SDKPermissionGuard,
+                    {
+                      permissions: [
+                        SDK_PERMISSIONS.CAMPAIGNS_CONTROL,
+                        SDK_PERMISSIONS.CAMPAIGNS_MANAGE
+                      ],
+                      showFallback: false,
+                      children: /* @__PURE__ */ jsx2(
+                        SDKButton,
+                        {
+                          startIcon: /* @__PURE__ */ jsx2(PlayArrowIcon, {}),
+                          onClick: () => handleStart(sc),
+                          sx: { backgroundColor: "#4caf50", "&:hover": { backgroundColor: "#388e3c" } },
+                          children: "Start"
+                        }
+                      )
+                    }
+                  ),
+                  scActive && /* @__PURE__ */ jsx2(
+                    SDKPermissionGuard,
+                    {
+                      permissions: [
+                        SDK_PERMISSIONS.CAMPAIGNS_CONTROL,
+                        SDK_PERMISSIONS.CAMPAIGNS_MANAGE
+                      ],
+                      showFallback: false,
+                      children: /* @__PURE__ */ jsx2(
+                        SDKButton,
+                        {
+                          startIcon: /* @__PURE__ */ jsx2(PauseIcon, {}),
+                          onClick: () => handlePause(sc),
+                          sx: { backgroundColor: "#ff9800", boxShadow: "0 2px 8px rgba(255,152,0,0.25)", "&:hover": { backgroundColor: "#f57c00" } },
+                          children: "Pause"
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsx2(
+                    SDKPermissionGuard,
+                    {
+                      permissions: [
+                        SDK_PERMISSIONS.CAMPAIGNS_DELETE,
+                        SDK_PERMISSIONS.CAMPAIGNS_MANAGE
+                      ],
+                      showFallback: false,
+                      children: /* @__PURE__ */ jsx2(
+                        SDKButton,
+                        {
+                          variant: "danger",
+                          startIcon: /* @__PURE__ */ jsx2(ArchiveIcon, {}),
+                          onClick: () => {
+                            setArchiveTarget(sc);
+                            setArchiveOpen(true);
+                          },
+                          children: "Archive"
+                        }
+                      )
+                    }
+                  )
+                ] })
+              ] }),
+              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 }),
+              /* @__PURE__ */ jsx2(
+                Box,
+                {
+                  sx: {
+                    overflowX: "auto",
+                    pb: 0.5,
+                    "&::-webkit-scrollbar": { height: 6 },
+                    "&::-webkit-scrollbar-track": { backgroundColor: "#f0f0f0", borderRadius: 3 },
+                    "&::-webkit-scrollbar-thumb": {
+                      backgroundColor: "#c0c0c0",
+                      borderRadius: 3,
+                      "&:hover": { backgroundColor: "#a0a0a0" }
+                    }
+                  },
+                  children: /* @__PURE__ */ jsx2(
+                    Box,
+                    {
+                      sx: {
+                        display: "flex",
+                        flexWrap: "nowrap",
+                        gap: 1.5
+                      },
+                      children: [
+                        {
+                          accent: "#1565c0",
+                          fields: [
+                            { label: "Type", value: sc.campaignType || "N/A" },
+                            { label: "Mode", value: sc.dialingMode || "N/A" }
+                          ]
+                        },
+                        {
+                          accent: "#2e7d32",
+                          fields: [
+                            { label: "Agent", value: sc.agentType || "HUMAN" },
+                            { label: "Dialer", value: (leadsMeta == null ? void 0 : leadsMeta.isDialerEnabled) ? "Enabled" : "Disabled" }
+                          ]
+                        },
+                        {
+                          accent: "#c62828",
+                          fields: [
+                            { label: "Priority", value: leadPriorityChipSx(sc.priority).label },
+                            { label: "Max Concurrent", value: String((_f = sc.maxConcurrentCalls) != null ? _f : 1) }
+                          ]
+                        },
+                        {
+                          accent: "#283593",
+                          fields: [
+                            { label: "Retry", value: `${(_g = sc.retryIntervalMinutes) != null ? _g : 15}min / ${(_h = sc.maxAttempts) != null ? _h : 3} attempts` },
+                            { label: "Leads", value: `${(_i = sc.totalLeads) != null ? _i : 0} total / ${(_j = sc.completedLeads) != null ? _j : 0} completed / ${(_k = sc.successfulCalls) != null ? _k : 0} success` }
+                          ]
+                        }
+                      ].map((card, idx) => /* @__PURE__ */ jsx2(
+                        Box,
+                        {
+                          sx: {
+                            display: "flex",
+                            flexDirection: "column",
+                            gap: 0.5,
+                            px: 1.5,
+                            py: 1,
+                            borderRadius: "10px",
+                            backgroundColor: "#fafafa",
+                            borderLeft: `3px solid ${card.accent}`,
+                            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: [
+                              field.label,
+                              ":"
+                            ] }),
+                            /* @__PURE__ */ jsx2(Typography, { sx: { fontFamily: "poppins, Arial, sans-serif", fontSize: "0.75rem", fontWeight: 700, color: "#333", whiteSpace: "nowrap" }, children: field.value })
+                          ] }, field.label))
+                        },
+                        idx
+                      ))
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx2(SDKPermissionGuard, { permission: SDK_PERMISSIONS.CAMPAIGNS_LEADS_READ, showFallback: false, children: /* @__PURE__ */ jsxs(
+          Paper,
+          {
+            elevation: 0,
+            sx: {
+              borderRadius: "16px",
+              overflow: "hidden",
+              border: "1px solid #e0e0e0",
+              boxShadow: "0 1px 3px rgba(0,0,0,0.08)"
+            },
+            children: [
+              /* @__PURE__ */ jsxs(Box, { sx: {
+                display: "flex",
+                flexDirection: "column",
+                gap: 1.25,
+                px: { xs: 1.5, sm: 2 },
+                py: 1.5,
+                borderBottom: "1px solid #eee",
+                backgroundColor: "#fafafa"
+              }, children: [
+                /* @__PURE__ */ jsxs(Box, { sx: {
+                  display: "flex",
+                  alignItems: { xs: "flex-start", sm: "center" },
+                  justifyContent: "space-between",
+                  flexDirection: { xs: "column", sm: "row" },
+                  gap: 1
+                }, children: [
+                  /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap" }, children: [
+                    /* @__PURE__ */ jsx2(Typography, { sx: { fontWeight: 700, fontSize: "1rem", color: "#1a1a1a", fontFamily: "poppins, Arial, sans-serif" }, children: "Leads" }),
+                    /* @__PURE__ */ jsx2(
+                      SDKPermissionGuard,
+                      {
+                        permissions: [
+                          SDK_PERMISSIONS.CAMPAIGNS_LEADS_IMPORT
+                        ],
+                        showFallback: false,
+                        children: /* @__PURE__ */ jsx2(SDKButton, { variant: "outlined", onClick: () => setImportOpen(true), disabled: scArchived, startIcon: /* @__PURE__ */ jsx2(UploadFileIcon, { sx: { fontSize: 15 } }), size: "small", sx: { height: 36 }, children: "Import Leads" })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx2(
+                      SDKPermissionGuard,
+                      {
+                        permissions: [
+                          SDK_PERMISSIONS.CAMPAIGNS_LEADS_CREATE
+                        ],
+                        showFallback: false,
+                        children: /* @__PURE__ */ jsx2(SDKButton, { variant: "primary", onClick: () => setAddLeadOpen(true), disabled: scArchived, startIcon: /* @__PURE__ */ jsx2(AddIcon, { sx: { fontSize: 15 } }), size: "small", sx: { height: 36 }, children: "Add Lead" })
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap", width: { xs: "100%", sm: "auto" } }, children: [
+                    /* @__PURE__ */ jsx2(
+                      OutlinedInput,
+                      {
+                        size: "small",
+                        value: leadSearch,
+                        onChange: (e) => {
+                          setLeadSearch(e.target.value);
+                          setLeadPage(0);
+                        },
+                        placeholder: "Search number...",
+                        sx: { width: { xs: "100%", sm: 200 }, fontSize: "0.85rem", height: 36, borderRadius: "20px" },
+                        startAdornment: /* @__PURE__ */ jsx2(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx2(SearchIcon, { sx: { fontSize: 16, color: "#aaa" } }) })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx2(FormControl, { size: "small", sx: { minWidth: 130 }, children: /* @__PURE__ */ jsx2(
+                      Select,
+                      {
+                        value: leadStatusFilter,
+                        onChange: (e) => {
+                          setLeadStatusFilter(e.target.value);
+                          setLeadPage(0);
+                        },
+                        sx: { height: 36, borderRadius: "30px", fontSize: "0.85rem" },
+                        children: LEAD_STATUSES.map((s) => /* @__PURE__ */ jsx2(MenuItem, { value: s, children: s }, s))
+                      }
+                    ) })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 1, flexWrap: "wrap" }, children: [
+                  /* @__PURE__ */ jsxs(
+                    Box,
+                    {
+                      sx: {
+                        display: "flex",
+                        alignItems: "center",
+                        gap: 0.75,
+                        flexWrap: "wrap",
+                        px: 1,
+                        py: 0.5,
+                        borderRadius: "30px",
+                        border: "1px solid #e0e4ea",
+                        backgroundColor: "#f7f9fb"
+                      },
+                      children: [
+                        /* @__PURE__ */ jsx2(LocalizationProvider, { dateAdapter: AdapterDayjs, children: /* @__PURE__ */ jsx2(
+                          DateRangePicker,
+                          {
+                            startDate: leadStartDate,
+                            endDate: leadEndDate,
+                            onStartChange: (v) => {
+                              setLeadStartDate(v);
+                              setLeadPage(0);
+                            },
+                            onEndChange: (v) => {
+                              setLeadEndDate(v);
+                              setLeadPage(0);
+                            }
+                          }
+                        ) }),
+                        (leadStartDate || leadEndDate) && /* @__PURE__ */ jsx2(Tooltip, { title: "Clear dates", children: /* @__PURE__ */ jsx2(IconButton, { size: "small", onClick: clearLeadDates, sx: { p: 0.5, color: "#7a8599" }, children: /* @__PURE__ */ jsx2(ClearIcon, { sx: { fontSize: 16 } }) }) })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx2(
+                    SDKPermissionGuard,
+                    {
+                      permissions: [
+                        SDK_PERMISSIONS.CAMPAIGNS_READ,
+                        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" })
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx2(Box, { 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: [
+                  "Number",
+                  "Status",
+                  "Priority",
+                  "Source",
+                  "Call ID",
+                  "Queue Name",
+                  "Attempts",
+                  "Created At",
+                  "Last Attempt",
+                  "Next Attempt",
+                  "Last Outcome",
+                  "Completed At",
+                  "Notes",
+                  "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,
+                  {
+                    colSpan: showVoicemail ? 16 : 15,
+                    align: "center",
+                    sx: { py: 4, color: "#999", fontFamily: "poppins, Arial, sans-serif" },
+                    children: 'No leads found. Add leads using "Add Lead" or "Import Leads".'
+                  }
+                ) }) : leads.map((lead) => {
+                  var _a2;
+                  const nonDeletable = ["IN_PROGRESS", "COMPLETED", "FAILED", "DO_NOT_CALL"];
+                  const leadStatus = (lead.status || "").toUpperCase();
+                  const deleteDisabled = nonDeletable.includes(leadStatus);
+                  const isDialerEnabled = !!(leadsMeta == null ? void 0 : leadsMeta.isDialerEnabled);
+                  const isCompleted = leadStatus === "COMPLETED";
+                  const isInProgress = leadStatus === "IN_PROGRESS";
+                  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,
+                        {
+                          size: "small",
+                          onClick: () => handleDialPreview(lead.id),
+                          disabled: !isDialable,
+                          sx: {
+                            color: isDialable ? "#2e7d32" : "#bdbdbd",
+                            backgroundColor: isDialable ? "#e8f5e9" : "transparent",
+                            borderRadius: "50%",
+                            transition: "all 0.2s ease-in-out",
+                            "&:hover": {
+                              backgroundColor: isDialable ? "#43a047" : "transparent",
+                              color: isDialable ? "#fff" : "#bdbdbd",
+                              transform: isDialable ? "scale(1.2)" : "none",
+                              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 } })
+                        }
+                      ) }) }),
+                      /* @__PURE__ */ jsx2(Tooltip, { title: lead.latestCallId ? "View call details" : "No call data available", children: /* @__PURE__ */ jsx2("span", { children: /* @__PURE__ */ jsx2(
+                        IconButton,
+                        {
+                          size: "small",
+                          onClick: () => handleViewCallData(lead),
+                          disabled: !lead.latestCallId,
+                          sx: {
+                            ml: 0.5,
+                            color: lead.latestCallId ? "#1A5F6C" : "#bdbdbd",
+                            "&:hover": { backgroundColor: "transparent" }
+                          },
+                          children: /* @__PURE__ */ jsx2(VisibilityOutlinedIcon, { sx: { fontSize: 18 } })
+                        }
+                      ) }) }),
+                      /* @__PURE__ */ jsx2(
+                        SDKPermissionGuard,
+                        {
+                          permissions: [
+                            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,
+                            {
+                              size: "small",
+                              onClick: () => {
+                                setDeleteLeadTarget(lead);
+                                setDeleteLeadOpen(true);
+                              },
+                              disabled: deleteDisabled,
+                              sx: {
+                                ml: 0.5,
+                                color: deleteDisabled ? "#bdbdbd" : "#c62828",
+                                backgroundColor: deleteDisabled ? "transparent" : "#ffebee",
+                                borderRadius: "50%",
+                                transition: "all 0.2s ease-in-out",
+                                "&:hover": {
+                                  backgroundColor: deleteDisabled ? "transparent" : "#d32f2f",
+                                  color: deleteDisabled ? "#bdbdbd" : "#fff",
+                                  transform: deleteDisabled ? "none" : "scale(1.2)",
+                                  boxShadow: deleteDisabled ? "none" : "0 0 8px rgba(211,47,47,0.5)"
+                                }
+                              },
+                              children: /* @__PURE__ */ jsx2(DeleteIcon, { sx: { fontSize: 18 } })
+                            }
+                          ) }) })
+                        }
+                      )
+                    ] })
+                  ] }, lead.id);
+                }) })
+              ] }) }),
+              leads.length > 0 && /* @__PURE__ */ jsx2(
+                TablePagination,
+                {
+                  component: "div",
+                  count: leadTotal,
+                  page: leadPage,
+                  rowsPerPage: leadRowsPerPage,
+                  onPageChange: (_, p) => {
+                    setLeadPage(p);
+                    refetchLeads(p);
+                  },
+                  onRowsPerPageChange: (e) => {
+                    setLeadRowsPerPage(parseInt(e.target.value, 10));
+                    setLeadPage(0);
+                  },
+                  rowsPerPageOptions: [10, 15, 25, 50, 100],
+                  sx: {
+                    fontSize: "0.82rem",
+                    "& .MuiTablePagination-toolbar": { minHeight: 40, px: 1 },
+                    "& .MuiTablePagination-selectLabel, & .MuiTablePagination-displayedRows": { fontSize: "0.82rem" }
+                  }
+                }
+              )
+            ]
+          }
+        ) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx2(
+      CampaignDialog,
+      {
+        open: dialogOpen,
+        editingCampaign,
+        formData,
+        setFormData,
+        saving,
+        onSave: handleSave,
+        onClose: () => setDialogOpen(false),
+        parentQueueNameMap: queueNameMap,
+        onQueuesRefreshed: handleQueuesRefreshed,
+        onLeadsChange: () => {
+          fetchCampaigns();
+          if (selectedId) refetchLeads();
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx2(
+      AddLeadDialog,
+      {
+        open: addLeadOpen,
+        data: addLeadData,
+        onChange: setAddLeadData,
+        saving: addLeadSaving,
+        onSave: handleAddLead,
+        onClose: () => {
+          setAddLeadOpen(false);
+          setAddLeadData({ phoneNumber: "", callerName: "", priority: 5 });
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx2(
+      ImportLeadsDialog,
+      {
+        open: importOpen,
+        file: importFile,
+        onFileChange: setImportFile,
+        uploading: importing,
+        onUpload: handleImport,
+        onDownloadTemplate: handleDownloadTemplate,
+        onClose: () => {
+          setImportOpen(false);
+          setImportFile(null);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx2(
+      ConfirmDialog,
+      {
+        open: archiveOpen,
+        title: "Archive Campaign",
+        message: `Archive "${archiveTarget == null ? void 0 : archiveTarget.name}"? It will no longer run.`,
+        loading: archiving,
+        onConfirm: confirmArchive,
+        onClose: () => {
+          setArchiveOpen(false);
+          setArchiveTarget(null);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx2(
+      ConfirmDialog,
+      {
+        open: deleteLeadOpen,
+        title: "Delete Lead",
+        message: `Delete lead ${deleteLeadTarget == null ? void 0 : deleteLeadTarget.phoneNumber}? This cannot be undone.`,
+        loading: deletingLead,
+        onConfirm: confirmDeleteLead,
+        onClose: () => {
+          setDeleteLeadOpen(false);
+          setDeleteLeadTarget(null);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx2(
+      CallDataDialog,
+      {
+        open: callDataOpen,
+        lead: callDataLead,
+        data: callData,
+        loading: callDataLoading,
+        error: callDataError,
+        onClose: () => {
+          setCallDataOpen(false);
+          setCallData(null);
+          setCallDataError(null);
+          setCallDataLead(null);
+        }
+      }
+    )
+  ] });
+});
+var Campaigns = () => /* @__PURE__ */ jsx2(SDKProvider, { children: /* @__PURE__ */ jsx2(CampaignsContent, {}) });
+var campaigns_default = Campaigns;
+export {
+  campaigns_default as default
+};
+//# sourceMappingURL=campaigns-J7KIAATE.mjs.map