ahs-cti 0.0.1

package/dist/index.mjs

@@ -0,0 +1,4641 @@
+import {
+  useCallMonitoring
+} from "./chunk-BU6FMNBY.mjs";
+import {
+  useGetCallerData
+} from "./chunk-L4LLUMYA.mjs";
+import {
+  setAuditReportUrlResolver
+} from "./chunk-NUYGQI7D.mjs";
+import {
+  SDKAccessDenied,
+  SDKPermissionGuard,
+  useSDKPermissions
+} from "./chunk-NQL4VODC.mjs";
+import {
+  SDKProvider,
+  useToast
+} from "./chunk-6ICPXSN6.mjs";
+import {
+  END_POINT,
+  SDK_MENU_CODES,
+  SDK_PERMISSIONS,
+  SDK_WILDCARD,
+  STORAGE_KEY,
+  axios_default,
+  sdkStateManager
+} from "./chunk-DBSNJ3QH.mjs";
+import {
+  __publicField,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-UB5HSUGK.mjs";
+
+// call-control-sdk/lib/hooks/eventsTracker.ts
+var EventTrackerSDK = class {
+  constructor() {
+    __publicField(this, "config", null);
+    __publicField(this, "ticketId", null);
+    __publicField(this, "baseUrl", "");
+    __publicField(this, "flushTimer", null);
+  }
+  async init(config) {
+    this.config = __spreadValues({
+      retryAttempts: 3,
+      queueSize: 100,
+      flushInterval: 5e3
+    }, config);
+    this.baseUrl = config.baseUrl || (typeof window !== "undefined" ? window.location.origin : "");
+    const ticket = await this.createTicket();
+    this.startPeriodicFlush();
+    return ticket;
+  }
+  isInitialized() {
+    return this.config !== null && this.ticketId !== null;
+  }
+  getConfig() {
+    return this.config;
+  }
+  getTicketId() {
+    return this.ticketId;
+  }
+  async createTicket() {
+    var _a;
+    if (!this.config) {
+      throw new Error("EventTracker not initialized");
+    }
+    try {
+      const response = await this.makeRequest("/api/v1/auth/login", {
+        // login with base url - same as main application
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({
+          userId: String((_a = this.config.agentId) != null ? _a : ""),
+          // sessionId: this.config.sessionId,
+          password: this.config.password
+        })
+      });
+      const data = await response.json();
+      this.ticketId = data.ticketId;
+      return data;
+    } catch (error) {
+      throw error;
+    }
+  }
+  async makeRequest(url, options) {
+    var _a;
+    const fullUrl = `${this.baseUrl}${url}`;
+    const maxRetries = ((_a = this.config) == null ? void 0 : _a.retryAttempts) || 3;
+    for (let attempt = 1; attempt <= maxRetries; attempt++) {
+      try {
+        const response = await fetch(fullUrl, options);
+        return response;
+      } catch (error) {
+        if (attempt === maxRetries) {
+          throw error;
+        }
+        const delay = Math.min(1e3 * Math.pow(2, attempt - 1), 1e4);
+        await new Promise((resolve) => setTimeout(resolve, delay));
+      }
+    }
+    throw new Error("Max retries exceeded");
+  }
+  startPeriodicFlush() {
+    if (this.flushTimer) {
+      clearInterval(this.flushTimer);
+    }
+  }
+};
+var eventTracker = new EventTrackerSDK();
+if (typeof window !== "undefined") {
+  window.EventTracker = eventTracker;
+}
+
+// call-control-sdk/lib/hooks/useLogout.ts
+import { useCallback, useState } from "react";
+import { removeSession } from "@react-solutions/vault";
+var useLogout = () => {
+  const [loading, setLoading] = useState(false);
+  const [success, setSuccess] = useState(false);
+  const [isError, setIsError] = useState(false);
+  const [error, setError] = useState(null);
+  const [data, setData] = useState(null);
+  const { showToast } = useToast();
+  const handleLogout = useCallback(async () => {
+    var _a, _b;
+    setLoading(true);
+    try {
+      await axios_default.post(END_POINT.AUTH_LOGOUT);
+    } catch (err) {
+      const message = ((_b = (_a = err == null ? void 0 : err.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) || "Logout failed. Please try again.";
+      showToast(message, "error");
+    } finally {
+      sdkStateManager.clearStorageAndReset();
+      removeSession(STORAGE_KEY);
+      setSuccess(true);
+      setLoading(false);
+    }
+  }, []);
+  return {
+    logout: handleLogout,
+    isLoading: loading,
+    isSuccess: success,
+    isError,
+    error,
+    data
+  };
+};
+
+// call-control-sdk/lib/hooks/useEndCall.ts
+import { useCallback as useCallback2, useState as useState2 } from "react";
+import { getSession } from "@react-solutions/vault";
+var useEndCall = () => {
+  const [loading, setLoading] = useState2(false);
+  const [success, setSuccess] = useState2(false);
+  const [isError, setIsError] = useState2(false);
+  const [error, setError] = useState2(null);
+  const [data, setData] = useState2(null);
+  const handleEndCall = useCallback2(
+    async (data2 = {}) => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t;
+      const state = getSession(STORAGE_KEY);
+      setLoading(true);
+      const payload = {
+        call_id: (_c = (_b = data2 == null ? void 0 : data2.call_id) != null ? _b : (_a = state == null ? void 0 : state.callData) == null ? void 0 : _a.call_id) != null ? _c : "",
+        agent_id: (_e = (_d = data2 == null ? void 0 : data2.agent_id) != null ? _d : state == null ? void 0 : state.agentId) != null ? _e : "",
+        set_followUp: (_f = data2 == null ? void 0 : data2.set_followUp) != null ? _f : "N",
+        callback_date: (_g = data2 == null ? void 0 : data2.callback_date) != null ? _g : "",
+        callback_hrs: (_h = data2 == null ? void 0 : data2.callback_hrs) != null ? _h : 0,
+        callback_mins: (_i = data2 == null ? void 0 : data2.callback_mins) != null ? _i : 0,
+        mobile_number: (_l = (_k = data2 == null ? void 0 : data2.mobile_number) != null ? _k : (_j = state == null ? void 0 : state.callData) == null ? void 0 : _j.phone_number) != null ? _l : "",
+        list_comments: (_m = data2 == null ? void 0 : data2.list_comments) != null ? _m : "",
+        call_reference_id: (_p = (_o = data2 == null ? void 0 : data2.call_reference_id) != null ? _o : (_n = state == null ? void 0 : state.callData) == null ? void 0 : _n.call_id) != null ? _p : "",
+        is_mark_as_break: (_q = data2 == null ? void 0 : data2.is_mark_as_break) != null ? _q : false,
+        disposition: (_r = data2 == null ? void 0 : data2.disposition) != null ? _r : "RES",
+        line_number: (_s = data2 == null ? void 0 : data2.line_number) != null ? _s : 0,
+        reason: (_t = data2 == null ? void 0 : data2.reason) != null ? _t : "normal"
+      };
+      return axios_default.post(END_POINT.END_CALL, payload).then((res) => {
+        sdkStateManager.resetConferenceLines();
+        sdkStateManager.endCall();
+        setData(res == null ? void 0 : res.data);
+        setSuccess(true);
+        return res == null ? void 0 : res.data;
+      }).catch((err) => {
+        var _a2;
+        setIsError(true);
+        setError(err);
+        return (_a2 = err == null ? void 0 : err.response) == null ? void 0 : _a2.data;
+      }).finally(() => {
+        setLoading(false);
+      });
+    },
+    []
+  );
+  return {
+    handleEndCall,
+    isLoading: loading,
+    isSuccess: success,
+    isError,
+    error,
+    data
+  };
+};
+
+// call-control-sdk/lib/hooks/useClickToCall.ts
+import { useCallback as useCallback3, useState as useState3 } from "react";
+import { getSession as getSession2 } from "@react-solutions/vault";
+var useClickToCall = () => {
+  const [loading, setLoading] = useState3(false);
+  const [success, setSuccess] = useState3(false);
+  const [isError, setIsError] = useState3(false);
+  const [error, setError] = useState3(null);
+  const [data, setData] = useState3(null);
+  const handleStartCall = useCallback3(async (data2) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
+    const state = getSession2(STORAGE_KEY);
+    const status = (_a = state == null ? void 0 : state.callData) == null ? void 0 : _a.status;
+    setLoading(true);
+    if (status === "IDLE" || status === "ONCALL" || status === "WRAPUP") {
+      const liveState = sdkStateManager.getState();
+      const isWrapupCall = status === "WRAPUP";
+      let parentCallUuid = "";
+      if (data2 == null ? void 0 : data2.parentCallUuid) {
+        parentCallUuid = data2.parentCallUuid;
+      } else if ((_b = liveState.sdkConfig) == null ? void 0 : _b.disableAlternateDialing) {
+        if (isWrapupCall) {
+          if (liveState.rootCallUuid) {
+            parentCallUuid = liveState.rootCallUuid;
+          } else if ((_c = state == null ? void 0 : state.callData) == null ? void 0 : _c.call_id) {
+            parentCallUuid = state.callData.call_id;
+            sdkStateManager.setRootCallUuid(parentCallUuid);
+          }
+        } else if (liveState.rootCallUuid) {
+          sdkStateManager.setRootCallUuid(null);
+        }
+      } else if (liveState.rootCallUuid) {
+        sdkStateManager.setRootCallUuid(null);
+      }
+      const payload = {
+        phone_number: data2 == null ? void 0 : data2.mobileNumber,
+        user: (_e = (_d = data2 == null ? void 0 : data2.user) != null ? _d : state == null ? void 0 : state.agentId) != null ? _e : "",
+        auto_answer: (_f = data2 == null ? void 0 : data2.auto_answer) != null ? _f : false,
+        call_id: (_i = (_h = (_g = state == null ? void 0 : state.callData) == null ? void 0 : _g.call_id) != null ? _h : data2 == null ? void 0 : data2.call_id) != null ? _i : "",
+        reference_id: (_j = data2 == null ? void 0 : data2.reference_id) != null ? _j : "",
+        call_source: (_k = data2 == null ? void 0 : data2.call_source) != null ? _k : "",
+        caseId: (_l = data2 == null ? void 0 : data2.caseId) != null ? _l : "",
+        isWrapup: (_m = data2 == null ? void 0 : data2.isWrapup) != null ? _m : false,
+        parentCallUuid: (_p = (_o = (_n = data2 == null ? void 0 : data2.parentCallUuid) != null ? _n : data2.parentCallUuid) != null ? _o : parentCallUuid) != null ? _p : ""
+      };
+      return axios_default.post(END_POINT.CLICK_TO_CALL, payload).then((res) => {
+        sdkStateManager.resetConferenceLines();
+        setData(res == null ? void 0 : res.data);
+        setSuccess(true);
+        return res == null ? void 0 : res.data;
+      }).catch((err) => {
+        var _a2;
+        setIsError(true);
+        setError(err);
+        return (_a2 = err == null ? void 0 : err.response) == null ? void 0 : _a2.data;
+      }).finally(() => {
+        setLoading(false);
+      });
+    } else {
+      setLoading(false);
+      alert("Agent is not ready");
+    }
+  }, []);
+  return {
+    handleStartCall,
+    isLoading: loading,
+    isSuccess: success,
+    isError,
+    error,
+    data
+  };
+};
+
+// call-control-sdk/lib/hooks/useGetAuthorizationToken.ts
+import { useState as useState4, useEffect } from "react";
+var useGetAuthorizationToken = () => {
+  const [token, setToken] = useState4(sdkStateManager.getSdkAuthToken());
+  useEffect(() => {
+    const unsubscribe = sdkStateManager.subscribe(() => {
+      setToken(sdkStateManager.getSdkAuthToken());
+    });
+    return unsubscribe;
+  }, []);
+  return token;
+};
+
+// call-control-sdk/lib/hooks/useSDKState.ts
+import { useState as useState5, useEffect as useEffect2 } from "react";
+function useSDKState() {
+  const [state, setState] = useState5(sdkStateManager.getState());
+  useEffect2(() => {
+    const unsubscribe = sdkStateManager.subscribe(() => {
+      setState(sdkStateManager.getState());
+    });
+    return unsubscribe;
+  }, []);
+  return state;
+}
+
+// call-control-sdk/lib/components/callControlPanel.tsx
+import { memo, useCallback as useCallback6 } from "react";
+
+// call-control-sdk/lib/components/callControls.tsx
+import CallEnd2 from "@mui/icons-material/CallEnd";
+import Close2 from "@mui/icons-material/Close";
+import DragIndicator from "@mui/icons-material/DragIndicator";
+import Group from "@mui/icons-material/Group";
+import KeyboardArrowDown from "@mui/icons-material/KeyboardArrowDown";
+import Layers from "@mui/icons-material/Layers";
+import Mic from "@mui/icons-material/Mic";
+import MicOff from "@mui/icons-material/MicOff";
+import Pause2 from "@mui/icons-material/Pause";
+import Pending from "@mui/icons-material/Pending";
+import Phone from "@mui/icons-material/Phone";
+import PlayArrow2 from "@mui/icons-material/PlayArrow";
+import SupportAgent2 from "@mui/icons-material/SupportAgent";
+import TransferWithinAStation2 from "@mui/icons-material/TransferWithinAStation";
+import Upcoming2 from "@mui/icons-material/Upcoming";
+import WifiCalling3 from "@mui/icons-material/WifiCalling3";
+import SendRounded from "@mui/icons-material/SendRounded";
+import SmsSharp from "@mui/icons-material/SmsSharp";
+import MoreVert from "@mui/icons-material/MoreVert";
+import {
+  Box as Box2,
+  Button as Button2,
+  Chip,
+  CircularProgress as CircularProgress2,
+  Fade,
+  IconButton as IconButton2,
+  Menu as Menu2,
+  MenuItem as MenuItem2,
+  Paper as Paper2,
+  TextField as TextField2,
+  Tooltip as Tooltip2,
+  Typography as Typography2,
+  useTheme as useTheme3
+} from "@mui/material";
+import { useEffect as useEffect4, useRef as useRef2, useState as useState8 } from "react";
+
+// call-control-sdk/lib/components/dialog.tsx
+import Airlines from "@mui/icons-material/Airlines";
+import Call from "@mui/icons-material/Call";
+import CallEnd from "@mui/icons-material/CallEnd";
+import CallSplit from "@mui/icons-material/CallSplit";
+import Close from "@mui/icons-material/Close";
+import MemoryOutlined from "@mui/icons-material/MemoryOutlined";
+import Pause from "@mui/icons-material/Pause";
+import PhoneDisabled from "@mui/icons-material/PhoneDisabled";
+import PlayArrow from "@mui/icons-material/PlayArrow";
+import RecordVoiceOver from "@mui/icons-material/RecordVoiceOver";
+import Roofing from "@mui/icons-material/Roofing";
+import SupportAgent from "@mui/icons-material/SupportAgent";
+import TransferWithinAStation from "@mui/icons-material/TransferWithinAStation";
+import Upcoming from "@mui/icons-material/Upcoming";
+import {
+  Box,
+  Button,
+  Dialog,
+  IconButton,
+  Menu,
+  MenuItem,
+  Paper,
+  TextField,
+  Typography,
+  Autocomplete,
+  Tooltip,
+  useTheme as useTheme2,
+  TableContainer,
+  Table,
+  TableHead,
+  TableRow,
+  TableCell,
+  TableBody,
+  CircularProgress,
+  Checkbox
+} from "@mui/material";
+import { useEffect as useEffect3, useMemo, useState as useState6 } from "react";
+
+// call-control-sdk/lib/services/request.ts
+import { useCallback as useCallback4, useReducer } from "react";
+var initialState = {
+  isLoading: false,
+  isSuccess: false,
+  isError: false,
+  error: null,
+  data: null
+};
+var reducer = (state, action) => {
+  if (action.type === "isLoading") {
+    return __spreadProps(__spreadValues({}, state), {
+      isLoading: action.payload
+    });
+  } else if (action.type === "isSuccess") {
+    return __spreadProps(__spreadValues({}, state), {
+      isSuccess: true,
+      data: action.payload
+    });
+  } else if (action.type === "isError") {
+    return __spreadProps(__spreadValues({}, state), {
+      isError: true,
+      error: action.payload
+    });
+  } else if (action.type === "reset") {
+    return {
+      isLoading: false,
+      isSuccess: false,
+      isError: false,
+      error: null,
+      data: null
+    };
+  }
+  throw Error("Unknown action.");
+};
+var useGetRequest = (props = {}) => {
+  const { onSuccess = null, onError = null } = props;
+  const { showToast } = useToast();
+  const [state, dispatch] = useReducer(reducer, initialState);
+  const getRequest = useCallback4(
+    (url, config = {}) => {
+      dispatch({
+        type: "isLoading",
+        payload: true
+      });
+      axios_default.get(url, config).then((res) => {
+        var _a, _b;
+        if ((_a = res.data) == null ? void 0 : _a.success) {
+          dispatch({
+            type: "isSuccess",
+            payload: res.data
+          });
+          onSuccess == null ? void 0 : onSuccess(res.data, config);
+        } else {
+          dispatch({
+            type: "isError",
+            payload: res.data
+          });
+          showToast((_b = res.data) == null ? void 0 : _b.message, "error");
+          onError == null ? void 0 : onError(res.data, config);
+        }
+      }).catch((err) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+        const error = {
+          status: (_b = (_a = err.response) == null ? void 0 : _a.status) != null ? _b : 500,
+          message: ((_d = (_c = err.response) == null ? void 0 : _c.data) == null ? void 0 : _d.detail) || ((_f = (_e = err.response) == null ? void 0 : _e.data) == null ? void 0 : _f.message) || err.message || "An unknown error occurred",
+          data: (_h = (_g = err.response) == null ? void 0 : _g.data) != null ? _h : null,
+          statusText: (_j = (_i = err.response) == null ? void 0 : _i.statusText) != null ? _j : "",
+          code: (_k = err == null ? void 0 : err.code) != null ? _k : "",
+          name: (_l = err == null ? void 0 : err.name) != null ? _l : ""
+        };
+        showToast(error.message, "error");
+        dispatch({
+          type: "isError",
+          payload: error
+        });
+        onError == null ? void 0 : onError(error, config);
+      }).finally(() => {
+        dispatch({
+          type: "isLoading",
+          payload: false
+        });
+      });
+    },
+    [onSuccess, onError, showToast]
+  );
+  return [getRequest, state];
+};
+var usePostRequest = (props = {}) => {
+  const { onSuccess = null, onError = null, disabledSuccessToast = false } = props;
+  const { showToast } = useToast();
+  const [state, dispatch] = useReducer(reducer, initialState);
+  const postRequest = useCallback4(
+    async (url, payload, config = {}) => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+      dispatch({
+        type: "isLoading",
+        payload: true
+      });
+      try {
+        try {
+          const res = await axios_default.post(url, payload, config);
+          dispatch({
+            type: "isSuccess",
+            payload: res.data
+          });
+          onSuccess == null ? void 0 : onSuccess(res.data, payload);
+          if (!disabledSuccessToast) {
+            showToast((_a = res.data) == null ? void 0 : _a.message, "success");
+          }
+        } catch (err) {
+          const error = {
+            status: (_c = (_b = err.response) == null ? void 0 : _b.status) != null ? _c : 500,
+            message: ((_e = (_d = err.response) == null ? void 0 : _d.data) == null ? void 0 : _e.detail) || ((_g = (_f = err.response) == null ? void 0 : _f.data) == null ? void 0 : _g.message) || err.message || "An unknown error occurred",
+            data: (_i = (_h = err.response) == null ? void 0 : _h.data) != null ? _i : null,
+            statusText: (_k = (_j = err.response) == null ? void 0 : _j.statusText) != null ? _k : "",
+            code: (_l = err == null ? void 0 : err.code) != null ? _l : "",
+            name: (_m = err == null ? void 0 : err.name) != null ? _m : ""
+          };
+          showToast(error.message, "error");
+          dispatch({
+            type: "isError",
+            payload: error
+          });
+          onError == null ? void 0 : onError(error, payload);
+        }
+      } finally {
+        dispatch({
+          type: "isLoading",
+          payload: false
+        });
+      }
+    },
+    [onSuccess, onError, showToast]
+  );
+  return [postRequest, state];
+};
+
+// call-control-sdk/lib/components/styles.ts
+import { useTheme } from "@mui/material";
+var useStyles = ({
+  disabled,
+  enabled,
+  outlined
+}) => {
+  const theme = useTheme();
+  return {
+    disabled: __spreadValues({
+      padding: "0px",
+      margin: "0px",
+      minWidth: "40px !important",
+      borderRadius: "16px",
+      border: `1px solid rgb(206, 204, 204)`,
+      height: "40px",
+      "&:hover": {
+        boxShadow: " 0px 2px 2px rgba(0, 0, 0, 0.79)",
+        border: `1px solid ${theme.palette.primary.main}`
+      },
+      "&:active": {
+        bgcolor: "primary.main",
+        boxShadow: `inset 1px -2px 4px ${theme.palette.primary.light}`
+      }
+    }, disabled),
+    enabled: __spreadValues({
+      padding: "0px",
+      margin: "0px",
+      minWidth: "40px !important",
+      borderRadius: "16px",
+      boxShadow: " 0px 2px 1px rgba(0, 0, 0, 0.507)",
+      border: `1px solid ${theme.palette.primary.main}`,
+      height: "40px",
+      "&:hover": {
+        boxShadow: " 0px 2px 1px rgba(0, 0, 0, 0.507)",
+        border: `1px solid ${theme.palette.primary.main}`
+      },
+      "&:active": {
+        bgcolor: "primary.main",
+        boxShadow: `inset 1px -2px 4px ${theme.palette.primary.light}`
+      }
+    }, enabled),
+    outlined: __spreadValues({
+      padding: "0px",
+      margin: "0px",
+      minWidth: "40px !important",
+      borderRadius: "16px",
+      backgroundColor: theme.palette.grey[200],
+      boxShadow: `0px 2px 1px ${theme.palette.primary.light}`,
+      border: `0px solid ${theme.palette.primary.main}`,
+      height: "40px",
+      "&:hover": {
+        boxShadow: `0px 2px 1px ${theme.palette.primary.main}`,
+        border: `0px solid ${theme.palette.primary.main}`
+      },
+      "&:active": {
+        bgcolor: "primary.main",
+        boxShadow: `inset 1px -2px 4px ${theme.palette.primary.light}`
+      }
+    }, outlined)
+  };
+};
+var styles_default = useStyles;
+
+// call-control-sdk/lib/components/dialog.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var ConferenceTableRow = ({ each, isLineDialing }) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const state = useSDKState();
+  const theme = useTheme2();
+  const { showToast } = useToast();
+  const { disabled, enabled, outlined } = styles_default({
+    disabled: ((_a = state.sdkConfig) == null ? void 0 : _a.disabled) || {},
+    enabled: ((_b = state.sdkConfig) == null ? void 0 : _b.enabled) || {},
+    outlined: ((_c = state.sdkConfig) == null ? void 0 : _c.outlined) || {}
+  });
+  const [conferenceCallStart, setConferenceCallStart] = useState6(false);
+  const [conferenceCallMerge, setConferenceCallMerge] = useState6(false);
+  const [conferenceCallHoldOrUnHold, setConferenceCallHoldOrUnHold] = useState6(false);
+  const [conferenceCallEnd, setConferenceCallEnd] = useState6(false);
+  const isSameAsActiveCall = (each == null ? void 0 : each.phone) === ((_d = state.callData) == null ? void 0 : _d.phone_number) && !!(each == null ? void 0 : each.phone);
+  const isDuplicateInConference = !!(each == null ? void 0 : each.phone) && (each == null ? void 0 : each.line) !== 1 && ((_e = state.conferenceLine) == null ? void 0 : _e.some(
+    (line) => line.line < each.line && line.phone === (each == null ? void 0 : each.phone) && !!line.phone
+  ));
+  const hasPhoneConflict = isDuplicateInConference;
+  const phoneConflictHelperText = isDuplicateInConference ? "Number already used in another conference line" : "";
+  const onConferenceLineUpdate = (line, data) => {
+    sdkStateManager.setConferenceLine(__spreadValues(__spreadValues({}, line), data));
+  };
+  const onConferenceCallStart = (line, data) => {
+    var _a2, _b2, _c2, _d2, _e2;
+    const line_used = __spreadValues(__spreadValues({}, line), data);
+    if (line_used.phone === ((_a2 = state.callData) == null ? void 0 : _a2.phone_number)) {
+      showToast("Cannot conference with the active call number", "error");
+      return;
+    }
+    const isDuplicateNumber = (_b2 = state.conferenceLine) == null ? void 0 : _b2.some(
+      (l) => l.line !== line_used.line && l.phone === line_used.phone && !!l.phone
+    );
+    if (isDuplicateNumber) {
+      showToast("Number already used in another conference line", "error");
+      return;
+    }
+    if (!line_used.phone || line_used.phone.length < 10) {
+      showToast("Invalid phone number", "error");
+      return;
+    }
+    setConferenceCallStart(true);
+    const payload = {
+      action: "EXTERNAL_CONFERENCE",
+      operation: `CALL${line_used.line}`,
+      // line_used: Number(line_used.line),
+      // thirdparty_no: line_used.phone,
+      target: line_used.phone,
+      line_number: Number(line_used.line),
+      userid: (_c2 = state.agentId) != null ? _c2 : "",
+      process: (_e2 = (_d2 = state.callData) == null ? void 0 : _d2.process_name) != null ? _e2 : ""
+    };
+    axios_default.post(END_POINT.CONFERENCE_CALL, payload).then((res) => {
+      var _a3;
+      showToast((_a3 = res.data) == null ? void 0 : _a3.message, "success");
+    }).catch((err) => {
+      var _a3, _b3, _c3, _d3;
+      const message = ((_b3 = (_a3 = err.response) == null ? void 0 : _a3.data) == null ? void 0 : _b3.detail) || ((_d3 = (_c3 = err.response) == null ? void 0 : _c3.data) == null ? void 0 : _d3.message) || err.message || "An unknown error occurred";
+      showToast(message, "error");
+    }).finally(() => {
+      setConferenceCallStart(false);
+    });
+  };
+  const onMergeConferenceCall = (line, data) => {
+    var _a2, _b2, _c2, _d2, _e2;
+    const line_used = __spreadValues(__spreadValues({}, line), data);
+    setConferenceCallMerge(true);
+    const payload = {
+      action: "EXTERNAL_CONFERENCE",
+      operation: `CONFERENCE`,
+      line_used: String(line_used.line),
+      thirdparty_no: line_used.phone,
+      userid: (_a2 = state.agentId) != null ? _a2 : "",
+      process: (_c2 = (_b2 = state.callData) == null ? void 0 : _b2.process_name) != null ? _c2 : "",
+      call_id: (_e2 = (_d2 = state.callData) == null ? void 0 : _d2.call_id) != null ? _e2 : ""
+    };
+    axios_default.post(END_POINT.CONFERENCE_MERGE_CALL, payload).then((res) => {
+      var _a3, _b3, _c3;
+      if (((_a3 = state.callData) == null ? void 0 : _a3.hold) === 1) {
+        handleHoldToggle();
+      }
+      if (((_b3 = state.callData) == null ? void 0 : _b3.mute) === 1) {
+        handleMuteToggle();
+      }
+      showToast((_c3 = res.data) == null ? void 0 : _c3.message, "success");
+    }).catch((err) => {
+      var _a3, _b3, _c3, _d3;
+      const message = ((_b3 = (_a3 = err.response) == null ? void 0 : _a3.data) == null ? void 0 : _b3.detail) || ((_d3 = (_c3 = err.response) == null ? void 0 : _c3.data) == null ? void 0 : _d3.message) || err.message || "An unknown error occurred";
+      showToast(message, "error");
+    }).finally(() => {
+      setConferenceCallMerge(false);
+    });
+  };
+  const onHoldOrUnHoldConferenceCall = (line, data, type) => {
+    var _a2, _b2, _c2, _d2, _e2;
+    const line_used = __spreadValues(__spreadValues({}, line), data);
+    setConferenceCallHoldOrUnHold(true);
+    const payload = {
+      action: type === "HOLDUSER" ? "HOLD" : "UNHOLD",
+      operation: type,
+      hold_channel_no: type === "HOLDUSER" ? `hold${line_used.line}` : `unhold${line_used.line}`,
+      userid: (_a2 = state.agentId) != null ? _a2 : "",
+      process: (_c2 = (_b2 = state.callData) == null ? void 0 : _b2.process_name) != null ? _c2 : "",
+      call_uuid: (_e2 = (_d2 = state.callData) == null ? void 0 : _d2.call_id) != null ? _e2 : "",
+      line_number: Number(line_used.line)
+    };
+    axios_default.post(END_POINT.CONFERENCE_CALL_HOLD_OR_UN_HOLD, payload).then((res) => {
+      var _a3;
+      showToast((_a3 = res.data) == null ? void 0 : _a3.message, "success");
+    }).catch((err) => {
+      var _a3, _b3, _c3, _d3;
+      const message = ((_b3 = (_a3 = err.response) == null ? void 0 : _a3.data) == null ? void 0 : _b3.detail) || ((_d3 = (_c3 = err.response) == null ? void 0 : _c3.data) == null ? void 0 : _d3.message) || err.message || "An unknown error occurred";
+      showToast(message, "error");
+    }).finally(() => {
+      setConferenceCallHoldOrUnHold(false);
+    });
+  };
+  const onEndConferenceCall = (line, data) => {
+    var _a2, _b2, _c2, _d2;
+    const line_used = __spreadValues(__spreadValues({}, line), data);
+    if (line_used.line === 1) {
+      showToast("Cannot end the primary call from conference controls", "error");
+      return;
+    }
+    setConferenceCallEnd(true);
+    const payload = {
+      call_id: (_b2 = (_a2 = state.callData) == null ? void 0 : _a2.call_id) != null ? _b2 : "",
+      agent_id: (_c2 = state.agentId) != null ? _c2 : "",
+      mobile_number: (_d2 = line_used.phone) != null ? _d2 : "",
+      line_number: Number(line_used.line),
+      reason: "normal"
+    };
+    axios_default.post(END_POINT.CONFERENCE_CALL_END, payload).then(() => {
+      showToast("Call disconnected successfully", "success");
+    }).catch((err) => {
+      var _a3, _b3, _c3, _d3;
+      const message = ((_b3 = (_a3 = err.response) == null ? void 0 : _a3.data) == null ? void 0 : _b3.detail) || ((_d3 = (_c3 = err.response) == null ? void 0 : _c3.data) == null ? void 0 : _d3.message) || err.message || "An unknown error occurred";
+      showToast(message, "error");
+    }).finally(() => {
+      setConferenceCallEnd(false);
+    });
+  };
+  const [holdOrUnHold] = usePostRequest();
+  const [muteOrUnMute] = usePostRequest();
+  const handleHoldToggle = () => {
+    var _a2, _b2, _c2, _d2;
+    const payload = {
+      action: ((_a2 = state.callData) == null ? void 0 : _a2.hold) === 1 ? "UNHOLD" /* UNHOLD */ : "HOLD" /* HOLD */,
+      user_id: String((_b2 = state.agentId) != null ? _b2 : ""),
+      call_uuid: (_d2 = (_c2 = state.callData) == null ? void 0 : _c2.call_id) != null ? _d2 : "",
+      line_number: 0
+    };
+    holdOrUnHold(END_POINT.HOLD_CALL, payload);
+  };
+  const handleMuteToggle = () => {
+    var _a2, _b2, _c2, _d2;
+    const payload = {
+      action: ((_a2 = state.callData) == null ? void 0 : _a2.mute) === 1 ? "UNMUTE" /* UNMUTE */ : "MUTE" /* MUTE */,
+      direction: "both",
+      user_id: String((_b2 = state.agentId) != null ? _b2 : ""),
+      call_uuid: (_d2 = (_c2 = state.callData) == null ? void 0 : _c2.call_id) != null ? _d2 : "",
+      line_number: 0
+    };
+    muteOrUnMute(END_POINT.MUTE_CALL, payload);
+  };
+  return /* @__PURE__ */ jsxs(
+    TableRow,
+    {
+      sx: {
+        border: "2px solid #fff"
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          TableCell,
+          {
+            sx: {
+              padding: "6px",
+              flex: 1,
+              width: "100px"
+            },
+            children: /* @__PURE__ */ jsxs(Typography, { children: [
+              "Line ",
+              (_f = each == null ? void 0 : each.line) != null ? _f : "",
+              ". "
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          TableCell,
+          {
+            sx: {
+              padding: "6px",
+              width: "150px"
+            },
+            children: /* @__PURE__ */ jsx(
+              Typography,
+              {
+                variant: "body2",
+                sx: {
+                  px: 1,
+                  borderRadius: "10px",
+                  width: "150px"
+                },
+                children: (_g = each == null ? void 0 : each.status) != null ? _g : ""
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          TableCell,
+          {
+            sx: {
+              padding: "6px",
+              flex: 1
+            },
+            children: /* @__PURE__ */ jsx(
+              TextField,
+              {
+                size: "small",
+                type: "tel",
+                placeholder: "Phone Number",
+                fullWidth: true,
+                value: (each == null ? void 0 : each.phone) || "",
+                error: hasPhoneConflict,
+                helperText: phoneConflictHelperText,
+                slotProps: {
+                  htmlInput: {
+                    inputMode: "numeric",
+                    maxLength: 11
+                  }
+                },
+                disabled: (each == null ? void 0 : each.line) === 1 || [
+                  "ONCALL" /* ONCALL */,
+                  "DISCONNECTED" /* DISCONNECTED */,
+                  "CONFERENCE" /* CONFERENCE */,
+                  "HOLD" /* HOLD */,
+                  "MUTE" /* MUTE */,
+                  "DIALING" /* DIALING */,
+                  "RINGING" /* RINGING */
+                ].includes((_h = each == null ? void 0 : each.status) != null ? _h : "") || isLineDialing,
+                onKeyDown: (e) => {
+                  const allowedKeys = [
+                    "Backspace",
+                    "Delete",
+                    "Tab",
+                    "ArrowLeft",
+                    "ArrowRight",
+                    "ArrowUp",
+                    "ArrowDown",
+                    "Home",
+                    "End"
+                  ];
+                  if (!/^\d$/.test(e.key) && !allowedKeys.includes(e.key) && !(e.ctrlKey || e.metaKey)) {
+                    e.preventDefault();
+                  }
+                },
+                onPaste: (e) => {
+                  const pasted = e.clipboardData.getData("text");
+                  if (!/^\d*$/.test(pasted)) {
+                    e.preventDefault();
+                  }
+                },
+                onChange: (e) => {
+                  const v = e.target.value;
+                  if (/^\d*$/.test(v)) {
+                    onConferenceLineUpdate(each, { phone: v });
+                  }
+                }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          TableCell,
+          {
+            sx: {
+              padding: "6px",
+              flex: 1
+            },
+            children: /* @__PURE__ */ jsxs(
+              Box,
+              {
+                sx: {
+                  width: "100%",
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "flex-start",
+                  gap: "10px"
+                },
+                children: [
+                  (each == null ? void 0 : each.line) === 1 && /* @__PURE__ */ jsx(Tooltip, { title: (each == null ? void 0 : each.status) !== "HOLD" /* HOLD */ ? "Hold" : "Resume", children: /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: (each == null ? void 0 : each.status) === "HOLD" /* HOLD */ ? "contained" : "outlined",
+                      sx: (each == null ? void 0 : each.status) === "CONFERENCE" /* CONFERENCE */ ? __spreadValues({}, outlined) : __spreadValues({}, disabled),
+                      onClick: () => {
+                        if (each.status === "HOLD" /* HOLD */) {
+                          onHoldOrUnHoldConferenceCall(each, { isHold: false }, "UNHOLDUSER");
+                        } else {
+                          onHoldOrUnHoldConferenceCall(each, { isHold: true }, "HOLDUSER");
+                        }
+                      },
+                      disabled: (each == null ? void 0 : each.status) !== "CONFERENCE" /* CONFERENCE */ && (each == null ? void 0 : each.status) !== "HOLD" /* HOLD */ || conferenceCallHoldOrUnHold,
+                      children: each.status === "HOLD" /* HOLD */ ? /* @__PURE__ */ jsxs(
+                        Box,
+                        {
+                          sx: {
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            gap: "5px",
+                            width: "98px"
+                          },
+                          children: [
+                            /* @__PURE__ */ jsx(
+                              Typography,
+                              {
+                                variant: "body2",
+                                sx: {
+                                  fontSize: "12px",
+                                  color: each.status === "HOLD" /* HOLD */ ? "#fff" : "initial"
+                                },
+                                children: "Unhold"
+                              }
+                            ),
+                            conferenceCallHoldOrUnHold ? /* @__PURE__ */ jsx(CircularProgress, { size: "16px", sx: { color: theme.palette.primary.main } }) : /* @__PURE__ */ jsx(PlayArrow, {})
+                          ]
+                        }
+                      ) : /* @__PURE__ */ jsxs(
+                        Box,
+                        {
+                          sx: {
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            gap: "5px",
+                            width: "98px"
+                          },
+                          children: [
+                            /* @__PURE__ */ jsx(
+                              Typography,
+                              {
+                                variant: "body2",
+                                sx: { color: each.status === "HOLD" /* HOLD */ ? "#fff" : "#000", fontSize: "12px" },
+                                children: "Hold"
+                              }
+                            ),
+                            conferenceCallHoldOrUnHold ? /* @__PURE__ */ jsx(CircularProgress, { size: "16px", sx: { color: theme.palette.primary.main } }) : /* @__PURE__ */ jsx(Pause, {})
+                          ]
+                        }
+                      )
+                    }
+                  ) }),
+                  (each == null ? void 0 : each.line) !== 1 && (() => {
+                    var _a2, _b2;
+                    const hasMinDigits = ((_b2 = (_a2 = each == null ? void 0 : each.phone) == null ? void 0 : _a2.length) != null ? _b2 : 0) >= 3;
+                    const callDisabled = (each == null ? void 0 : each.status) !== "IDLE" /* IDLE */ || isLineDialing || hasPhoneConflict || !hasMinDigits;
+                    const tooltipTitle = hasPhoneConflict ? phoneConflictHelperText || "Cannot dial this number" : !(each == null ? void 0 : each.phone) ? "Enter mobile number" : !hasMinDigits ? "Enter at least 3 digits" : "Call";
+                    return /* @__PURE__ */ jsx(Tooltip, { title: tooltipTitle, children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        variant: callDisabled ? "outlined" : "contained",
+                        color: "success",
+                        sx: callDisabled ? __spreadValues({}, disabled) : __spreadProps(__spreadValues({}, enabled), {
+                          border: `0px solid ${theme.palette.success.light}`,
+                          "&:hover": {
+                            bgcolor: "success.light",
+                            boxShadow: `0px 2px 1px ${theme.palette.success.light}`,
+                            border: `0px solid ${theme.palette.success.light}`
+                          },
+                          "&:active": {
+                            bgcolor: "success.light",
+                            boxShadow: `inset 1px -2px 4px ${theme.palette.primary.light}`
+                          }
+                        }),
+                        onClick: () => {
+                          onConferenceCallStart(each, {});
+                        },
+                        disabled: callDisabled,
+                        children: conferenceCallStart ? /* @__PURE__ */ jsx(CircularProgress, { size: "20px", color: "success" }) : /* @__PURE__ */ jsx(
+                          Call,
+                          {
+                            sx: {
+                              color: callDisabled ? "default" : "#f3f2f2"
+                            }
+                          }
+                        )
+                      }
+                    ) }) });
+                  })(),
+                  (each == null ? void 0 : each.line) !== 1 && /* @__PURE__ */ jsx(Tooltip, { title: "Merge Call", children: /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: (each == null ? void 0 : each.status) === "ONCALL" /* ONCALL */ ? "contained" : "outlined",
+                      sx: (each == null ? void 0 : each.status) === "ONCALL" /* ONCALL */ ? __spreadValues({}, enabled) : __spreadValues({}, disabled),
+                      onClick: () => {
+                        onMergeConferenceCall(each, { isMergeCall: true });
+                      },
+                      disabled: (each == null ? void 0 : each.status) !== "ONCALL" /* ONCALL */,
+                      children: conferenceCallMerge ? /* @__PURE__ */ jsx(CircularProgress, { size: "20px" }) : /* @__PURE__ */ jsx(CallSplit, {})
+                    }
+                  ) }),
+                  (each == null ? void 0 : each.line) !== 1 && /* @__PURE__ */ jsx(Tooltip, { title: (each == null ? void 0 : each.status) !== "HOLD" /* HOLD */ ? "Hold" : "Resume", children: /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: (each == null ? void 0 : each.status) === "HOLD" /* HOLD */ ? "contained" : "outlined",
+                      sx: (each == null ? void 0 : each.status) === "CONFERENCE" /* CONFERENCE */ ? __spreadValues({}, outlined) : __spreadValues({}, disabled),
+                      onClick: () => {
+                        if (each.status === "HOLD" /* HOLD */) {
+                          onHoldOrUnHoldConferenceCall(each, { isHold: false }, "UNHOLDUSER");
+                        } else {
+                          onHoldOrUnHoldConferenceCall(each, { isHold: true }, "HOLDUSER");
+                        }
+                      },
+                      disabled: (each == null ? void 0 : each.status) !== "CONFERENCE" /* CONFERENCE */ && (each == null ? void 0 : each.status) !== "HOLD" /* HOLD */ || conferenceCallHoldOrUnHold,
+                      children: conferenceCallHoldOrUnHold ? /* @__PURE__ */ jsx(CircularProgress, { size: "20px", sx: { color: theme.palette.primary.main } }) : each.status === "HOLD" /* HOLD */ ? /* @__PURE__ */ jsx(PlayArrow, {}) : /* @__PURE__ */ jsx(Pause, {})
+                    }
+                  ) }),
+                  (each == null ? void 0 : each.line) !== 1 && /* @__PURE__ */ jsx(Tooltip, { title: "End Call", children: /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: (each == null ? void 0 : each.status) !== "IDLE" /* IDLE */ && (each == null ? void 0 : each.status) !== "DISCONNECTED" /* DISCONNECTED */ ? "contained" : "outlined",
+                      color: "error",
+                      sx: (each == null ? void 0 : each.status) !== "IDLE" /* IDLE */ && (each == null ? void 0 : each.status) !== "DISCONNECTED" /* DISCONNECTED */ ? __spreadProps(__spreadValues({}, enabled), {
+                        border: `0px solid ${theme.palette.error.light}`,
+                        "&:hover": {
+                          bgcolor: "error.light",
+                          boxShadow: `0px 2px 1px ${theme.palette.error.light}`,
+                          border: `0px solid ${theme.palette.error.light}`
+                        },
+                        "&:active": {
+                          bgcolor: "error.light",
+                          boxShadow: `inset 1px -2px 4px ${theme.palette.primary.light}`
+                        }
+                      }) : __spreadValues({}, disabled),
+                      onClick: () => {
+                        onEndConferenceCall(each, {
+                          isCallStart: false,
+                          isMergeCall: false,
+                          isMute: false,
+                          isHold: false
+                        });
+                      },
+                      disabled: (each == null ? void 0 : each.status) === "IDLE" /* IDLE */ || (each == null ? void 0 : each.status) === "DISCONNECTED" /* DISCONNECTED */ || conferenceCallEnd,
+                      children: conferenceCallEnd ? /* @__PURE__ */ jsx(CircularProgress, { size: "20px", color: "error" }) : /* @__PURE__ */ jsx(CallEnd, {})
+                    }
+                  ) })
+                ]
+              }
+            )
+          }
+        )
+      ]
+    },
+    each.line
+  );
+};
+function ConferenceDialog() {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+  const state = useSDKState();
+  const { showToast } = useToast();
+  const [conferenceCallEndAll, setConferenceCallEndAll] = useState6(false);
+  const handleClose = () => {
+    sdkStateManager.setOpenConferenceDialog(false);
+  };
+  const onEndAllConferenceCalls = () => {
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n;
+    setConferenceCallEndAll(true);
+    const payload = {
+      action: "EXTERNAL_CONFERENCE",
+      operation: "ENDCONFERENCE",
+      userid: (_a2 = state.agentId) != null ? _a2 : "",
+      process: (_c2 = (_b2 = state.callData) == null ? void 0 : _b2.process_name) != null ? _c2 : "",
+      processid: (_f2 = (_e2 = (_d2 = state.process) == null ? void 0 : _d2.process_id) == null ? void 0 : _e2.toString()) != null ? _f2 : "",
+      process_name: (_h2 = (_g2 = state.process) == null ? void 0 : _g2.process_name) != null ? _h2 : "",
+      callreferenceid: (_j2 = (_i2 = state.callData) == null ? void 0 : _i2.call_id) != null ? _j2 : "",
+      call_id: (_l2 = (_k2 = state.callData) == null ? void 0 : _k2.call_id) != null ? _l2 : "",
+      mobile_number: (_n = (_m2 = state.callData) == null ? void 0 : _m2.phone_number) != null ? _n : ""
+    };
+    axios_default.post(END_POINT.CONFERENCE_CALL_END_ALL, payload).then(() => {
+      showToast("Call disconnected successfully", "success");
+      sdkStateManager.resetConferenceLines();
+      handleClose();
+    }).catch((err) => {
+      var _a3, _b3, _c3, _d3;
+      const message = ((_b3 = (_a3 = err.response) == null ? void 0 : _a3.data) == null ? void 0 : _b3.detail) || ((_d3 = (_c3 = err.response) == null ? void 0 : _c3.data) == null ? void 0 : _d3.message) || err.message || "An unknown error occurred";
+      showToast(message, "error");
+    }).finally(() => {
+      setConferenceCallEndAll(false);
+    });
+  };
+  const handleTransferConferenceCall = () => {
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n;
+    const payload = {
+      action: "TRANSFERAPI",
+      userid: (_a2 = state.agentId) != null ? _a2 : "",
+      process: (_c2 = (_b2 = state.callData) == null ? void 0 : _b2.process_name) != null ? _c2 : "",
+      processid: (_f2 = (_e2 = (_d2 = state.process) == null ? void 0 : _d2.process_id) == null ? void 0 : _e2.toString()) != null ? _f2 : "",
+      process_name: (_h2 = (_g2 = state.process) == null ? void 0 : _g2.process_name) != null ? _h2 : "",
+      callreferenceid: (_j2 = (_i2 = state.callData) == null ? void 0 : _i2.call_id) != null ? _j2 : "",
+      call_id: (_l2 = (_k2 = state.callData) == null ? void 0 : _k2.call_id) != null ? _l2 : "",
+      mobile_number: (_n = (_m2 = state.callData) == null ? void 0 : _m2.phone_number) != null ? _n : ""
+    };
+    axios_default.post(END_POINT.CONFERENCE_CALL_TRANSFER, payload).then((res) => {
+      var _a3;
+      showToast((_a3 = res.data) == null ? void 0 : _a3.message, "success");
+      sdkStateManager.resetConferenceLines();
+      handleClose();
+    }).catch((err) => {
+      var _a3, _b3, _c3, _d3;
+      const message = ((_b3 = (_a3 = err.response) == null ? void 0 : _a3.data) == null ? void 0 : _b3.detail) || ((_d3 = (_c3 = err.response) == null ? void 0 : _c3.data) == null ? void 0 : _d3.message) || err.message || "An unknown error occurred";
+      showToast(message, "error");
+    });
+  };
+  const isLineDialing = (_a = state == null ? void 0 : state.conferenceLine) == null ? void 0 : _a.some((item) => (item == null ? void 0 : item.status) === "DIALING" /* DIALING */);
+  const conferenceLineCount = (_d = (_c = (_b = state == null ? void 0 : state.conferenceLine) == null ? void 0 : _b.filter((item) => (item == null ? void 0 : item.status) === "CONFERENCE" /* CONFERENCE */)) == null ? void 0 : _c.length) != null ? _d : 0;
+  const isHold = (_e = state == null ? void 0 : state.conferenceLine) == null ? void 0 : _e.some((item) => (item == null ? void 0 : item.status) === "HOLD" /* HOLD */);
+  const isOnCall = (_f = state == null ? void 0 : state.conferenceLine) == null ? void 0 : _f.some((item) => (item == null ? void 0 : item.status) === "ONCALL" /* ONCALL */);
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      open: state.openConferenceDialog,
+      "aria-labelledby": "alert-dialog-title",
+      "aria-describedby": "alert-dialog-description",
+      maxWidth: "md",
+      slotProps: { paper: { sx: { minWidth: 800 } } },
+      children: /* @__PURE__ */ jsxs(Paper, { sx: { borderRadius: 2 }, children: [
+        /* @__PURE__ */ jsxs(
+          Box,
+          {
+            sx: {
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center",
+              padding: "0px 16px",
+              paddingBottom: "6px",
+              boxShadow: "1px 1px 2px #e7e5e5ff",
+              margin: "10px 0px"
+            },
+            children: [
+              /* @__PURE__ */ jsxs(
+                Typography,
+                {
+                  variant: "body1",
+                  color: "primary.main",
+                  sx: { textTransform: "uppercase", fontWeight: "bold", fontSize: "14px" },
+                  children: [
+                    (_g = state == null ? void 0 : state.agentId) != null ? _g : "",
+                    " conference"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  onClick: handleClose,
+                  color: "primary",
+                  children: /* @__PURE__ */ jsx(Close, { sx: { color: "primary.main" } })
+                }
+              ) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            sx: {
+              boxShadow: "1px 1px 2px #e7e5e5ff",
+              margin: "0px 15px",
+              borderRadius: "20px"
+            },
+            children: /* @__PURE__ */ jsx(
+              TableContainer,
+              {
+                component: Paper,
+                sx: {
+                  outline: "0px solid gray !important",
+                  boxShadow: "1px 1px 6px #e7e5e5ff"
+                },
+                children: /* @__PURE__ */ jsxs(Table, { sx: { border: "4px solid #ffffff !important" }, children: [
+                  /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsxs(TableRow, { sx: { border: "2px solid #f3f3f3ff !important" }, children: [
+                    /* @__PURE__ */ jsx(TableCell, { sx: { padding: "6px" }, children: "Line" }),
+                    /* @__PURE__ */ jsx(TableCell, { sx: { padding: "6px" }, children: "Status" }),
+                    /* @__PURE__ */ jsx(TableCell, { sx: { padding: "6px" }, children: "Mobile Number" }),
+                    /* @__PURE__ */ jsx(TableCell, { sx: { padding: "6px" }, children: "Call Actions" })
+                  ] }) }),
+                  /* @__PURE__ */ jsx(TableBody, { children: state == null ? void 0 : state.conferenceLine.map((each) => /* @__PURE__ */ jsx(ConferenceTableRow, { each, isLineDialing }, each.line)) })
+                ] })
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(Box, { sx: { textAlign: "center", m: 2 }, children: /* @__PURE__ */ jsx(Tooltip, { title: ((_h = state.sdkConfig) == null ? void 0 : _h.disableEndConference) ? "End Conference feature is disabled" : "", children: /* @__PURE__ */ jsx(Box, { component: "span", children: /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outlined",
+            color: "error",
+            size: "large",
+            onClick: onEndAllConferenceCalls,
+            disabled: conferenceCallEndAll || conferenceLineCount <= 0 || ((_i = state.sdkConfig) == null ? void 0 : _i.disableEndConference),
+            sx: { px: 2, borderRadius: "20px", textTransform: "capitalize" },
+            children: [
+              conferenceCallEndAll ? /* @__PURE__ */ jsx(
+                CircularProgress,
+                {
+                  size: "20px",
+                  color: "error",
+                  sx: { marginRight: "8px" }
+                }
+              ) : /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  disabled: !!((_j = state.sdkConfig) == null ? void 0 : _j.disableEndConference),
+                  sx: {
+                    bgcolor: ((_k = state.sdkConfig) == null ? void 0 : _k.disableEndConference) ? "action.disabledBackground" : "error.main",
+                    "&:hover": { bgcolor: ((_l = state.sdkConfig) == null ? void 0 : _l.disableEndConference) ? "action.disabledBackground" : "error.dark" },
+                    marginRight: "8px",
+                    width: "28px",
+                    height: "28px",
+                    fontSize: "12px",
+                    fontWeight: "600",
+                    lineHeight: "16px",
+                    letterSpacing: "0.02em",
+                    textTransform: "capitalize",
+                    color: "white",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    borderRadius: "50%"
+                  },
+                  children: /* @__PURE__ */ jsx(PhoneDisabled, { sx: { color: ((_m = state.sdkConfig) == null ? void 0 : _m.disableEndConference) ? "action.disabled" : "white", fontSize: "16px", fontWeight: "600" } })
+                }
+              ),
+              "End Conference"
+            ]
+          }
+        ) }) }) })
+      ] })
+    }
+  ) });
+}
+function CallTransferDialog({ open }) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
+  const state = useSDKState();
+  const [mobileNumber, setMobileNumber] = useState6("");
+  const [transferCall, { isLoading: isTransferLoading }] = usePostRequest({
+    onSuccess: () => {
+      sdkStateManager.setOpenCallTransferDialog(false);
+    }
+  });
+  const [initiateConsultCall] = usePostRequest({});
+  const [completeConsultTransfer, { isLoading: isCompleteConsultLoading }] = usePostRequest({
+    onSuccess: () => {
+      sdkStateManager.setConsultInfo(null);
+      sdkStateManager.setOpenCallTransferDialog(false);
+    }
+  });
+  const [cancelConsultTransfer, { isLoading: isCancelConsultLoading }] = usePostRequest({
+    onSuccess: () => {
+      sdkStateManager.setConsultInfo(null);
+    }
+  });
+  const [currentselecteTab, setCurrentselecteTab] = useState6("queues");
+  const [transferMenuAnchor, setTransferMenuAnchor] = useState6(null);
+  const [pendingTransferData, setPendingTransferData] = useState6(null);
+  const blindEnabled = !((_a = state.sdkConfig) == null ? void 0 : _a.disableBlindTransfer);
+  const attendedEnabled = !((_b = state.sdkConfig) == null ? void 0 : _b.disableAttendedTransfer);
+  const enabledTransferModeCount = (blindEnabled ? 1 : 0) + (attendedEnabled ? 1 : 0);
+  const singleTransferMode = enabledTransferModeCount === 1 ? blindEnabled ? "DEFAULT" : "CONSULT" : null;
+  const [getIdelAgentsList, { data: idleAgentsList, isLoading: isIdleAgentsListLoading }] = usePostRequest({ disabledSuccessToast: true });
+  const [
+    getHospitalsServicesList,
+    { data: hospitalsServicesList, isLoading: isHospitalsServicesListLoading }
+  ] = useGetRequest({ disabledSuccessToast: true });
+  const [
+    getProcessAndQueuesList,
+    { data: processAndQueuesList, isLoading: isProcessAndQueuesListLoading }
+  ] = usePostRequest({ disabledSuccessToast: true });
+  const handleClose = () => {
+    sdkStateManager.setOpenCallTransferDialog(false);
+  };
+  const handleTransferCall = (data, type, mode = "DEFAULT") => {
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q2, _r2, _s2, _t2, _u2, _v2, _w2, _x2, _y2, _z, _A, _B, _C, _D, _E;
+    const lead_data = sdkStateManager.getTransferLeadData();
+    if (type === "PROCESS") {
+      const payload = __spreadValues({
+        mobile_number: (_b2 = (_a2 = state.callData) == null ? void 0 : _a2.phone_number) != null ? _b2 : "",
+        userid: state.agentId,
+        type: "PROCESS",
+        transfer_to: (_c2 = data == null ? void 0 : data.process_name) != null ? _c2 : "",
+        callreferenceid: (_e2 = (_d2 = state.callData) == null ? void 0 : _d2.call_id) != null ? _e2 : "",
+        processid: String((_g2 = (_f2 = state.callData) == null ? void 0 : _f2.process_id) != null ? _g2 : ""),
+        process_name: (_i2 = (_h2 = state.callData) == null ? void 0 : _h2.process_name) != null ? _i2 : ""
+      }, lead_data !== void 0 && { lead_data });
+      transferCall(END_POINT.TRANSFER_CALL, payload);
+    } else if (type === "QUEUE") {
+      const payload = __spreadValues({
+        mobile_number: (_k2 = (_j2 = state.callData) == null ? void 0 : _j2.phone_number) != null ? _k2 : "",
+        userid: state.agentId,
+        type: "QUEUE",
+        transfer_to: (_l2 = data == null ? void 0 : data.queue_name) != null ? _l2 : "",
+        callreferenceid: (_n2 = (_m2 = state.callData) == null ? void 0 : _m2.call_id) != null ? _n2 : "",
+        processid: String((_p2 = (_o2 = state.callData) == null ? void 0 : _o2.process_id) != null ? _p2 : ""),
+        process_name: (_r2 = (_q2 = state.callData) == null ? void 0 : _q2.process_name) != null ? _r2 : ""
+      }, lead_data !== void 0 && { lead_data });
+      transferCall(END_POINT.TRANSFER_CALL, payload);
+    } else if (type === "AGENT") {
+      const payload = __spreadValues({
+        mobile_number: (_t2 = (_s2 = state.callData) == null ? void 0 : _s2.phone_number) != null ? _t2 : "",
+        userid: state.agentId,
+        type: "AGENT",
+        transfer_type: mode === "CONSULT" ? "ATTENDED" : "BLIND",
+        transfer_to: (_v2 = (_u2 = data == null ? void 0 : data.user_id) == null ? void 0 : _u2.toString()) != null ? _v2 : "",
+        callreferenceid: (_x2 = (_w2 = state.callData) == null ? void 0 : _w2.call_id) != null ? _x2 : "",
+        processid: String((_z = (_y2 = state.callData) == null ? void 0 : _y2.process_id) != null ? _z : ""),
+        process_name: (_B = (_A = state.callData) == null ? void 0 : _A.process_name) != null ? _B : ""
+      }, lead_data !== void 0 && { lead_data });
+      if (mode === "CONSULT") {
+        initiateConsultCall(END_POINT.TRANSFER_CALL, payload);
+      } else {
+        transferCall(END_POINT.TRANSFER_CALL, payload);
+      }
+    } else if (type === "OTHER") {
+      const payload = __spreadValues({
+        // action: mode === "CONSULT" ? "ATTENDED" : "BLIND_TRANSFER",
+        transfer_type: mode === "CONSULT" ? "ATTENDED" : "BLIND",
+        type: "OTHER",
+        transfer_to: (_C = data == null ? void 0 : data.mobile_number) != null ? _C : "",
+        userid: state.agentId,
+        callreferenceid: (_E = (_D = state.callData) == null ? void 0 : _D.call_id) != null ? _E : ""
+      }, lead_data !== void 0 && { lead_data });
+      if (mode === "CONSULT") {
+        initiateConsultCall(END_POINT.TRANSFER_CALL, payload);
+      } else {
+        transferCall(END_POINT.TRANSFER_CALL, payload);
+      }
+    }
+  };
+  const handleTransferClick = (e, data, type) => {
+    if (singleTransferMode) {
+      handleTransferCall(data, type, singleTransferMode);
+    } else {
+      setPendingTransferData({ data, type });
+      setTransferMenuAnchor(e.currentTarget);
+    }
+  };
+  useEffect3(() => {
+    getIdelAgentsList(END_POINT.AGENTS_LIST, { status: "IDLE", active: true });
+    getProcessAndQueuesList(END_POINT.TRANSFER_TO_DETAILS, { status: "ACTIVE", active: true });
+    getHospitalsServicesList(END_POINT.HOSPITALS_SERVICES);
+  }, []);
+  useEffect3(() => {
+    if (!open || currentselecteTab !== "agents") return;
+    const intervalId = setInterval(() => {
+      getIdelAgentsList(END_POINT.AGENTS_LIST, { status: "IDLE", active: true });
+    }, 2e3);
+    return () => clearInterval(intervalId);
+  }, [open, currentselecteTab]);
+  const idleAgentsLoaderActive = isIdleAgentsListLoading && !(idleAgentsList == null ? void 0 : idleAgentsList.data);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Dialog,
+      {
+        open,
+        "aria-labelledby": "alert-dialog-title",
+        "aria-describedby": "alert-dialog-description",
+        maxWidth: "md",
+        slotProps: { paper: { sx: { minWidth: 600 } } },
+        children: /* @__PURE__ */ jsxs(Paper, { sx: { borderRadius: 2 }, children: [
+          /* @__PURE__ */ jsxs(
+            Box,
+            {
+              sx: {
+                display: "flex",
+                alignItems: "center",
+                padding: "4px 16px",
+                boxShadow: "0px 1px 2px #f5f5f5ff",
+                position: "relative"
+              },
+              children: [
+                /* @__PURE__ */ jsx(Typography, { variant: "body1", sx: { flex: 1 }, children: " Call Transfer" }),
+                /* @__PURE__ */ jsxs(Box, { sx: { position: "absolute", left: "50%", transform: "translateX(-50%)" }, children: [
+                  state.consultInfo && ((_c = state.consultInfo.status) == null ? void 0 : _c.toUpperCase()) === "RINGING" /* RINGING */ && /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+                    /* @__PURE__ */ jsx(Typography, { variant: "body1", sx: { whiteSpace: "nowrap" }, children: "Trying to consult" }),
+                    /* @__PURE__ */ jsx(Box, { component: "span", sx: { display: "inline-flex", gap: "3px", alignItems: "flex-end", height: "14px" }, children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx(Box, { component: "span", sx: {
+                      "@keyframes jumpDot": {
+                        "0%, 60%, 100%": { transform: "translateY(0)" },
+                        "30%": { transform: "translateY(-5px)" }
+                      },
+                      animation: "jumpDot 1s ease-in-out infinite",
+                      animationDelay: `${i * 0.15}s`,
+                      fontSize: "14px",
+                      fontWeight: 700,
+                      lineHeight: 1,
+                      display: "inline-block"
+                    }, children: "." }, i)) })
+                  ] }),
+                  state.consultInfo && ((_d = state.consultInfo.status) == null ? void 0 : _d.toUpperCase()) === "ONCALL" /* ONCALL */ && /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                    /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        variant: "outlined",
+                        size: "small",
+                        startIcon: isCompleteConsultLoading ? /* @__PURE__ */ jsx(CircularProgress, { size: 14 }) : /* @__PURE__ */ jsx(TransferWithinAStation, { sx: { fontSize: 16 } }),
+                        disabled: isCompleteConsultLoading || isCancelConsultLoading,
+                        onClick: () => {
+                          if (state.consultInfo) {
+                            completeConsultTransfer(END_POINT.TRANSFER_COMPLETE, {}, {
+                              params: { call_uuid: state.consultInfo.call_uuid }
+                            });
+                          }
+                        },
+                        children: "Transfer"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        variant: "outlined",
+                        size: "small",
+                        color: "error",
+                        startIcon: isCancelConsultLoading ? /* @__PURE__ */ jsx(CircularProgress, { size: 14 }) : /* @__PURE__ */ jsx(PhoneDisabled, { sx: { fontSize: 16 } }),
+                        disabled: isCancelConsultLoading || isCompleteConsultLoading,
+                        onClick: () => {
+                          if (state.consultInfo) {
+                            cancelConsultTransfer(END_POINT.TRANSFER_CANCEL, {
+                              status: state.consultInfo.status,
+                              participant_identifier: state.consultInfo.participant_identifier,
+                              channel_id: state.consultInfo.channel_id,
+                              call_uuid: state.consultInfo.call_uuid,
+                              bridge_id: state.consultInfo.bridge_id
+                            });
+                          }
+                        },
+                        children: "Cancel"
+                      }
+                    )
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx(Box, { sx: { flex: 1, display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ jsx(IconButton, { onClick: handleClose, children: /* @__PURE__ */ jsx(Close, {}) }) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(Box, { sx: { margin: "10px", borderRadius: "10px" }, children: [
+            /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 1, margin: "10px" }, children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: currentselecteTab === "queues" ? "contained" : "outlined",
+                  onClick: () => setCurrentselecteTab("queues"),
+                  children: "Queues"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: currentselecteTab === "agents" ? "contained" : "outlined",
+                  onClick: () => {
+                    setCurrentselecteTab("agents");
+                    getIdelAgentsList(END_POINT.AGENTS_LIST, { status: "IDLE", active: true });
+                  },
+                  children: "Agents"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: currentselecteTab === "others" ? "contained" : "outlined",
+                  onClick: () => setCurrentselecteTab("others"),
+                  children: "Others"
+                }
+              )
+            ] }),
+            (isProcessAndQueuesListLoading || idleAgentsLoaderActive || isHospitalsServicesListLoading || isTransferLoading) && /* @__PURE__ */ jsx(
+              Box,
+              {
+                sx: {
+                  display: "flex",
+                  justifyContent: "center",
+                  alignItems: "center",
+                  height: "80px"
+                },
+                children: /* @__PURE__ */ jsx(CircularProgress, {})
+              }
+            ),
+            !isProcessAndQueuesListLoading && !idleAgentsLoaderActive && !isHospitalsServicesListLoading && !isTransferLoading && currentselecteTab === "process" && /* @__PURE__ */ jsx(
+              Box,
+              {
+                sx: {
+                  display: "grid",
+                  gridTemplateColumns: ((_e = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _e.process) && ((_g = (_f = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _f.process) == null ? void 0 : _g.length) > 0 ? "repeat(2, 1fr)" : "repeat(1, 1fr)",
+                  gap: 1,
+                  padding: "10px",
+                  flexWrap: "wrap",
+                  boxShadow: "1px 1px 4px #d3d3d3ff",
+                  borderRadius: "10px"
+                },
+                children: ((_h = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _h.process) && ((_j = (_i = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _i.process) == null ? void 0 : _j.length) > 0 ? (_l = (_k = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _k.process) == null ? void 0 : _l.map((process, index) => /* @__PURE__ */ jsxs(
+                  Box,
+                  {
+                    sx: {
+                      p: 1,
+                      display: "flex",
+                      alignItems: "center",
+                      boxShadow: "1px 1px 4px #d3d3d3ff",
+                      padding: "6px",
+                      borderRadius: "10px",
+                      "&:hover": { bgcolor: "action.selected" }
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxs(
+                        Typography,
+                        {
+                          variant: "body1",
+                          sx: {
+                            mx: 1,
+                            width: "200px",
+                            maxWidth: "250px",
+                            display: "flex",
+                            alignItems: "center"
+                          },
+                          children: [
+                            /* @__PURE__ */ jsx(MemoryOutlined, { sx: { marginRight: "4px" } }),
+                            process.process_name
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(Tooltip, { title: state.consultInfo ? "Please complete or cancel the ongoing consult transfer before proceeding." : "", children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+                        IconButton,
+                        {
+                          color: "success",
+                          sx: {
+                            bgcolor: "action.hover",
+                            "&:hover": { bgcolor: "action.selected" }
+                          },
+                          disabled: !!state.consultInfo,
+                          onClick: () => handleTransferCall(process, "PROCESS"),
+                          children: /* @__PURE__ */ jsx(Call, {})
+                        }
+                      ) }) })
+                    ]
+                  },
+                  index
+                )) : /* @__PURE__ */ jsxs(
+                  Box,
+                  {
+                    sx: {
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      flexDirection: "column",
+                      p: 2
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(Upcoming, { color: "primary" }),
+                      /* @__PURE__ */ jsx(
+                        Typography,
+                        {
+                          variant: "body1",
+                          sx: {
+                            fontSize: "16px",
+                            letterSpacing: "0.02em",
+                            textTransform: "capitalize",
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            width: "100%",
+                            margin: "10px 0px",
+                            color: "primary.main",
+                            height: "20px"
+                          },
+                          children: "No Process Found"
+                        }
+                      )
+                    ]
+                  }
+                )
+              }
+            ),
+            !isProcessAndQueuesListLoading && !idleAgentsLoaderActive && !isHospitalsServicesListLoading && !isTransferLoading && currentselecteTab === "queues" && /* @__PURE__ */ jsx(
+              Box,
+              {
+                sx: {
+                  display: "grid",
+                  gridTemplateColumns: ((_m = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _m.queue) && ((_o = (_n = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _n.queue) == null ? void 0 : _o.length) > 0 ? "repeat(2, 1fr)" : "repeat(1, 1fr)",
+                  gap: 1,
+                  padding: "10px",
+                  flexWrap: "wrap",
+                  boxShadow: "1px 1px 4px #d3d3d3ff",
+                  borderRadius: "10px"
+                },
+                children: ((_p = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _p.queue) && ((_r = (_q = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _q.queue) == null ? void 0 : _r.length) > 0 ? (_t = (_s = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _s.queue) == null ? void 0 : _t.map((queue, index) => {
+                  var _a2, _b2, _c2, _d2, _e2, _f2;
+                  return /* @__PURE__ */ jsxs(
+                    Box,
+                    {
+                      sx: {
+                        p: 1,
+                        display: "flex",
+                        alignItems: "center",
+                        boxShadow: "1px 1px 4px #d3d3d3ff",
+                        padding: "6px",
+                        borderRadius: "10px",
+                        "&:hover": { bgcolor: "action.selected" }
+                      },
+                      children: [
+                        /* @__PURE__ */ jsxs(
+                          Typography,
+                          {
+                            variant: "body1",
+                            sx: {
+                              mx: 1,
+                              width: "200px",
+                              maxWidth: "250px",
+                              display: "flex",
+                              alignItems: "center"
+                            },
+                            children: [
+                              /* @__PURE__ */ jsx(Airlines, { sx: { marginRight: "4px" } }),
+                              queue.queue_name,
+                              ((_c2 = (_b2 = (_a2 = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _a2.process) == null ? void 0 : _b2.find(
+                                (process) => process.process_id === queue.process_id
+                              )) == null ? void 0 : _c2.process_name) ? /* @__PURE__ */ jsx(
+                                Typography,
+                                {
+                                  variant: "body1",
+                                  sx: {
+                                    fontSize: "12px",
+                                    fontWeight: "600",
+                                    letterSpacing: "0.02em",
+                                    textTransform: "capitalize",
+                                    color: "gray"
+                                  },
+                                  children: "(" + ((_f2 = (_e2 = (_d2 = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _d2.process) == null ? void 0 : _e2.find(
+                                    (process) => process.process_id === queue.process_id
+                                  )) == null ? void 0 : _f2.process_name) + ")"
+                                }
+                              ) : ""
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(Tooltip, { title: state.consultInfo ? "Please complete or cancel the ongoing consult transfer before proceeding." : "", children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+                          IconButton,
+                          {
+                            color: "success",
+                            sx: {
+                              bgcolor: "action.hover",
+                              "&:hover": { bgcolor: "action.selected" }
+                            },
+                            disabled: !!state.consultInfo,
+                            onClick: () => handleTransferCall(queue, "QUEUE"),
+                            children: /* @__PURE__ */ jsx(Call, {})
+                          }
+                        ) }) })
+                      ]
+                    },
+                    index
+                  );
+                }) : /* @__PURE__ */ jsxs(
+                  Box,
+                  {
+                    sx: {
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      flexDirection: "column",
+                      p: 2
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(Upcoming, { color: "primary" }),
+                      /* @__PURE__ */ jsx(
+                        Typography,
+                        {
+                          variant: "body1",
+                          sx: {
+                            fontSize: "16px",
+                            letterSpacing: "0.02em",
+                            textTransform: "capitalize",
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            width: "100%",
+                            margin: "10px 0px",
+                            color: "primary.main",
+                            height: "20px"
+                          },
+                          children: "No Queues Found"
+                        }
+                      )
+                    ]
+                  }
+                )
+              }
+            ),
+            !isProcessAndQueuesListLoading && !idleAgentsLoaderActive && !isHospitalsServicesListLoading && !isTransferLoading && currentselecteTab === "agents" && /* @__PURE__ */ jsx(
+              Box,
+              {
+                sx: {
+                  display: "grid",
+                  gridTemplateColumns: (idleAgentsList == null ? void 0 : idleAgentsList.data) && ((_u = idleAgentsList == null ? void 0 : idleAgentsList.data) == null ? void 0 : _u.length) > 0 ? "repeat(2, 1fr)" : "repeat(1, 1fr)",
+                  gap: 1,
+                  padding: "10px",
+                  flexWrap: "wrap",
+                  boxShadow: "1px 1px 4px #d3d3d3ff",
+                  borderRadius: "10px"
+                },
+                children: (idleAgentsList == null ? void 0 : idleAgentsList.data) && ((_v = idleAgentsList == null ? void 0 : idleAgentsList.data) == null ? void 0 : _v.length) > 0 ? (_w = idleAgentsList == null ? void 0 : idleAgentsList.data) == null ? void 0 : _w.map((agent, index) => /* @__PURE__ */ jsxs(
+                  Box,
+                  {
+                    sx: {
+                      p: 1,
+                      display: "flex",
+                      alignItems: "center",
+                      boxShadow: "1px 1px 4px #d3d3d3ff",
+                      padding: "6px",
+                      borderRadius: "10px",
+                      "&:hover": { bgcolor: "action.selected" }
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxs(
+                        Typography,
+                        {
+                          variant: "body1",
+                          sx: {
+                            mx: 1,
+                            width: "200px",
+                            maxWidth: "250px",
+                            display: "flex",
+                            alignItems: "center"
+                          },
+                          children: [
+                            /* @__PURE__ */ jsx(SupportAgent, { sx: { marginRight: "4px" } }),
+                            agent.name
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(Tooltip, { title: state.consultInfo ? "Please complete or cancel the ongoing consult transfer before proceeding." : "", children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+                        IconButton,
+                        {
+                          color: "success",
+                          sx: {
+                            bgcolor: "action.hover",
+                            "&:hover": { bgcolor: "action.selected" }
+                          },
+                          disabled: !!state.consultInfo,
+                          onClick: (e) => handleTransferClick(e, agent, "AGENT"),
+                          children: /* @__PURE__ */ jsx(Call, {})
+                        }
+                      ) }) })
+                    ]
+                  },
+                  index
+                )) : /* @__PURE__ */ jsxs(
+                  Box,
+                  {
+                    sx: {
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      flexDirection: "column",
+                      p: 2
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(Upcoming, { color: "primary" }),
+                      /* @__PURE__ */ jsx(
+                        Typography,
+                        {
+                          variant: "body1",
+                          sx: {
+                            fontSize: "16px",
+                            letterSpacing: "0.02em",
+                            textTransform: "capitalize",
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            width: "100%",
+                            margin: "10px 0px",
+                            color: "primary.main",
+                            height: "20px"
+                          },
+                          children: "No Agents Found"
+                        }
+                      )
+                    ]
+                  }
+                )
+              }
+            ),
+            !isProcessAndQueuesListLoading && !idleAgentsLoaderActive && !isHospitalsServicesListLoading && !isTransferLoading && currentselecteTab === "others" && /* @__PURE__ */ jsxs(
+              Box,
+              {
+                sx: {
+                  display: "grid",
+                  gridTemplateColumns: "repeat(2, 1fr)",
+                  gap: 1,
+                  padding: "10px",
+                  flexWrap: "wrap",
+                  boxShadow: "1px 1px 4px #d3d3d3ff",
+                  borderRadius: "10px"
+                },
+                children: [
+                  (hospitalsServicesList == null ? void 0 : hospitalsServicesList.data) && ((_x = hospitalsServicesList == null ? void 0 : hospitalsServicesList.data) == null ? void 0 : _x.length) > 0 && ((_y = hospitalsServicesList == null ? void 0 : hospitalsServicesList.data) == null ? void 0 : _y.map((service, index) => {
+                    var _a2, _b2, _c2;
+                    return /* @__PURE__ */ jsxs(
+                      Box,
+                      {
+                        sx: {
+                          p: 1,
+                          display: "flex",
+                          alignItems: "center",
+                          boxShadow: "1px 1px 4px #d3d3d3ff",
+                          padding: "6px",
+                          borderRadius: "10px",
+                          "&:hover": { bgcolor: "action.selected" }
+                        },
+                        children: [
+                          /* @__PURE__ */ jsxs(
+                            Typography,
+                            {
+                              variant: "body1",
+                              sx: {
+                                mx: 1,
+                                width: "200px",
+                                maxWidth: "250px",
+                                display: "flex",
+                                alignItems: "center"
+                              },
+                              children: [
+                                /* @__PURE__ */ jsx(Roofing, { sx: { marginRight: "4px" } }),
+                                /* @__PURE__ */ jsx(Tooltip, { title: `${(_a2 = service == null ? void 0 : service.description) != null ? _a2 : ""}`, children: /* @__PURE__ */ jsxs(Box, { sx: { color: "text.secondary" }, children: [
+                                  service.name,
+                                  /* @__PURE__ */ jsx(
+                                    Box,
+                                    {
+                                      sx: {
+                                        fontSize: "9px",
+                                        fontWeight: "600",
+                                        letterSpacing: "0.02em",
+                                        textTransform: "capitalize",
+                                        color: "gray",
+                                        textOverflow: "ellipsis",
+                                        whiteSpace: "nowrap",
+                                        overflow: "hidden",
+                                        maxWidth: "160px"
+                                      },
+                                      children: (_b2 = service == null ? void 0 : service.description) != null ? _b2 : ""
+                                    }
+                                  )
+                                ] }) })
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(Tooltip, { title: state.consultInfo ? "Please complete or cancel the ongoing consult transfer before proceeding." : (_c2 = service == null ? void 0 : service.phone_number) != null ? _c2 : "", children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+                            IconButton,
+                            {
+                              color: "success",
+                              disabled: !!state.consultInfo,
+                              sx: {
+                                bgcolor: "action.hover",
+                                "&:hover": { bgcolor: "action.selected" }
+                              },
+                              onClick: (e) => {
+                                var _a3;
+                                return handleTransferClick(e, { mobile_number: (_a3 = service == null ? void 0 : service.phone_number) != null ? _a3 : "" }, "OTHER");
+                              },
+                              children: /* @__PURE__ */ jsx(Call, {})
+                            }
+                          ) }) })
+                        ]
+                      },
+                      index
+                    );
+                  })),
+                  /* @__PURE__ */ jsx(
+                    Box,
+                    {
+                      sx: {
+                        p: 1,
+                        display: "flex",
+                        alignItems: "center",
+                        boxShadow: "1px 1px 4px #d3d3d3ff",
+                        padding: "6px",
+                        borderRadius: "10px"
+                      },
+                      children: (() => {
+                        var _a2, _b2;
+                        const isSameAsActiveCall = !!mobileNumber && mobileNumber === ((_b2 = (_a2 = state.callData) == null ? void 0 : _a2.phone_number) != null ? _b2 : "");
+                        const hasMinDigits = mobileNumber.length >= 3;
+                        const transferDisabled = !!state.consultInfo || !hasMinDigits || isSameAsActiveCall;
+                        const tooltipTitle = state.consultInfo ? "Please complete or cancel the ongoing consult transfer before proceeding." : isSameAsActiveCall ? "Cannot transfer to the same number" : !mobileNumber ? "Enter mobile number" : !hasMinDigits ? "Enter at least 3 digits" : `Call To - ${mobileNumber}`;
+                        return /* @__PURE__ */ jsxs(Fragment, { children: [
+                          /* @__PURE__ */ jsx(
+                            Typography,
+                            {
+                              variant: "body1",
+                              sx: {
+                                mx: 1,
+                                width: "200px",
+                                maxWidth: "250px",
+                                display: "flex",
+                                alignItems: "center"
+                              },
+                              children: /* @__PURE__ */ jsx(
+                                TextField,
+                                {
+                                  size: "small",
+                                  name: "others",
+                                  label: "Mobile number",
+                                  variant: "outlined",
+                                  type: "tel",
+                                  value: mobileNumber,
+                                  error: isSameAsActiveCall,
+                                  helperText: isSameAsActiveCall ? "Cannot transfer to the same number" : "",
+                                  onKeyDown: (e) => {
+                                    const allowedKeys = [
+                                      "Backspace",
+                                      "Delete",
+                                      "Tab",
+                                      "ArrowLeft",
+                                      "ArrowRight",
+                                      "ArrowUp",
+                                      "ArrowDown",
+                                      "Home",
+                                      "End"
+                                    ];
+                                    if (!/^\d$/.test(e.key) && !allowedKeys.includes(e.key) && !(e.ctrlKey || e.metaKey)) {
+                                      e.preventDefault();
+                                    }
+                                  },
+                                  onPaste: (e) => {
+                                    const pasted = e.clipboardData.getData("text");
+                                    if (!/^\d*$/.test(pasted)) {
+                                      e.preventDefault();
+                                    }
+                                  },
+                                  onChange: (e) => {
+                                    const v = e.target.value;
+                                    if (/^\d*$/.test(v)) {
+                                      setMobileNumber(v);
+                                    }
+                                  },
+                                  slotProps: {
+                                    htmlInput: {
+                                      inputMode: "numeric",
+                                      maxLength: 11
+                                    },
+                                    formHelperText: {
+                                      sx: {
+                                        whiteSpace: "normal",
+                                        wordBreak: "break-word",
+                                        lineHeight: 1.2,
+                                        mx: 0
+                                      }
+                                    }
+                                  },
+                                  placeholder: "Enter mobile number",
+                                  autoComplete: "off"
+                                }
+                              )
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(Tooltip, { title: tooltipTitle, children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+                            IconButton,
+                            {
+                              color: "success",
+                              disabled: transferDisabled,
+                              sx: {
+                                bgcolor: "action.hover",
+                                "&:hover": { bgcolor: "action.selected" }
+                              },
+                              onClick: (e) => handleTransferClick(e, { mobile_number: mobileNumber != null ? mobileNumber : "" }, "OTHER"),
+                              children: /* @__PURE__ */ jsx(Call, {})
+                            }
+                          ) }) })
+                        ] });
+                      })()
+                    }
+                  )
+                ]
+              }
+            )
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      Menu,
+      {
+        anchorEl: transferMenuAnchor,
+        open: Boolean(transferMenuAnchor),
+        onClose: () => setTransferMenuAnchor(null),
+        anchorOrigin: { vertical: "top", horizontal: "left" },
+        transformOrigin: { vertical: "bottom", horizontal: "left" },
+        children: [
+          blindEnabled && /* @__PURE__ */ jsxs(
+            MenuItem,
+            {
+              onClick: () => {
+                if (pendingTransferData) handleTransferCall(pendingTransferData.data, pendingTransferData.type, "DEFAULT");
+                setTransferMenuAnchor(null);
+              },
+              sx: { gap: 1 },
+              children: [
+                /* @__PURE__ */ jsx(TransferWithinAStation, { fontSize: "small", color: "primary" }),
+                "Transfer"
+              ]
+            }
+          ),
+          attendedEnabled && /* @__PURE__ */ jsxs(
+            MenuItem,
+            {
+              onClick: () => {
+                if (pendingTransferData) handleTransferCall(pendingTransferData.data, pendingTransferData.type, "CONSULT");
+                setTransferMenuAnchor(null);
+              },
+              sx: { gap: 1 },
+              children: [
+                /* @__PURE__ */ jsx(RecordVoiceOver, { fontSize: "small", color: "primary" }),
+                "Consult then Transfer"
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function EndCallDispositionDialog({ open, setOpen, onSubmitDisposition }) {
+  var _a, _b, _c, _d, _e;
+  const [getDispositions, data] = useGetRequest();
+  const [formData, setFormData] = useState6({
+    disposition: { label: "", value: "", id: 0 },
+    followUp: { label: "No", value: "N" },
+    callbackDate: "",
+    callbackHrs: "",
+    callbackMins: "",
+    selected_break: false,
+    notes: ""
+  });
+  const followUpOptions = [
+    { label: "Yes", value: "Y" },
+    { label: "No", value: "N" }
+  ];
+  const handleChange = (field, value) => {
+    setFormData((prev) => __spreadProps(__spreadValues({}, prev), { [field]: value }));
+  };
+  const handleReset = () => {
+    setFormData({
+      disposition: { label: "", value: "", id: 0 },
+      followUp: { label: "No", value: "N" },
+      callbackDate: "",
+      callbackHrs: "",
+      callbackMins: "",
+      selected_break: false,
+      notes: ""
+    });
+  };
+  const handleClose = () => {
+    handleReset();
+    setOpen(false);
+  };
+  useEffect3(() => {
+    getDispositions(END_POINT.DISPOSITIONS);
+  }, []);
+  const dispositionsOptions = useMemo(() => {
+    var _a2, _b2, _c2, _d2;
+    return ((_d2 = (_c2 = (_b2 = (_a2 = data == null ? void 0 : data.data) == null ? void 0 : _a2.data) == null ? void 0 : _b2.filter((item) => item.name !== "Resolved")) == null ? void 0 : _c2.map((item) => ({
+      label: item.name,
+      value: item.code,
+      id: item.disposition_id
+    }))) == null ? void 0 : _d2.sort((a, b) => a.label.localeCompare(b.label))) || [];
+  }, [(_a = data == null ? void 0 : data.data) == null ? void 0 : _a.data]);
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      open,
+      "aria-labelledby": "alert-dialog-title",
+      "aria-describedby": "alert-dialog-description",
+      maxWidth: "sm",
+      fullWidth: true,
+      slotProps: { paper: { sx: { minWidth: 600 } } },
+      sx: {
+        minWidth: "650px"
+      },
+      children: /* @__PURE__ */ jsxs(Paper, { sx: { borderRadius: 2 }, children: [
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            sx: {
+              display: "flex",
+              justifyContent: "center",
+              alignItems: "center",
+              padding: "4px 16px",
+              boxShadow: "0px 1px 2px #f5f5f5ff"
+            },
+            children: /* @__PURE__ */ jsxs(
+              Typography,
+              {
+                variant: "body1",
+                sx: { m: 1 },
+                children: [
+                  " ",
+                  "Call Disposition"
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Box,
+          {
+            sx: {
+              boxShadow: "1px 1px 4px #d3d3d3ff",
+              padding: "10px",
+              margin: "10px",
+              borderRadius: "10px"
+            },
+            children: [
+              /* @__PURE__ */ jsxs(
+                Box,
+                {
+                  sx: { display: "flex", gap: 2 },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      Autocomplete,
+                      {
+                        value: formData.disposition,
+                        options: dispositionsOptions,
+                        getOptionLabel: (opt) => opt.label,
+                        onChange: (_, val) => handleChange("disposition", val),
+                        size: "small",
+                        renderInput: (params) => /* @__PURE__ */ jsx(
+                          TextField,
+                          __spreadProps(__spreadValues({}, params), {
+                            label: "Disposition",
+                            fullWidth: true
+                          })
+                        ),
+                        sx: { flex: 1 }
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      Autocomplete,
+                      {
+                        options: followUpOptions,
+                        getOptionLabel: (opt) => opt.label,
+                        value: formData.followUp,
+                        onChange: (_, val) => handleChange("followUp", val),
+                        size: "small",
+                        renderInput: (params) => /* @__PURE__ */ jsx(
+                          TextField,
+                          __spreadProps(__spreadValues({}, params), {
+                            label: "Follow Up",
+                            fullWidth: true
+                          })
+                        ),
+                        sx: { flex: 1 }
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                Box,
+                {
+                  sx: { display: "flex", gap: 2, mt: 2 },
+                  children: [
+                    /* @__PURE__ */ jsxs(
+                      Box,
+                      {
+                        sx: {
+                          flex: "1",
+                          border: "1px solid #bdbdbd",
+                          borderRadius: "5px"
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx(
+                            Checkbox,
+                            {
+                              name: "selected_break",
+                              sx: {
+                                padding: "6px"
+                              },
+                              checked: formData.selected_break,
+                              onChange: (event) => {
+                                handleChange("selected_break", event.target.checked);
+                              },
+                              slotProps: {
+                                input: { "aria-label": "controlled" }
+                              }
+                            }
+                          ),
+                          " ",
+                          "Mark as break"
+                        ]
+                      }
+                    ),
+                    ((_c = (_b = formData == null ? void 0 : formData.followUp) == null ? void 0 : _b.label) == null ? void 0 : _c.toLowerCase()) === "yes" ? /* @__PURE__ */ jsx(
+                      TextField,
+                      {
+                        size: "small",
+                        label: "Callback Date",
+                        type: "date",
+                        slotProps: {
+                          inputLabel: { shrink: true },
+                          htmlInput: {
+                            min: (/* @__PURE__ */ new Date()).toISOString().split("T")[0]
+                          }
+                        },
+                        value: formData.callbackDate,
+                        onChange: (e) => {
+                          handleChange("callbackDate", e.target.value);
+                          const isToday = e.target.value === (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
+                          if (isToday) {
+                            const now = /* @__PURE__ */ new Date();
+                            const currentHr = now.getHours();
+                            if (formData.callbackHrs && Number(formData.callbackHrs) < currentHr) {
+                              handleChange("callbackHrs", "");
+                              handleChange("callbackMins", "");
+                            } else if (formData.callbackHrs && Number(formData.callbackHrs) === currentHr && formData.callbackMins && Number(formData.callbackMins) < now.getMinutes()) {
+                              handleChange("callbackMins", "");
+                            }
+                          }
+                        },
+                        fullWidth: true,
+                        sx: { flex: 1 }
+                      }
+                    ) : /* @__PURE__ */ jsx(Box, { sx: { flex: 1 } })
+                  ]
+                }
+              ),
+              ((_e = (_d = formData == null ? void 0 : formData.followUp) == null ? void 0 : _d.label) == null ? void 0 : _e.toLowerCase()) === "yes" && /* @__PURE__ */ jsxs(
+                Box,
+                {
+                  sx: { display: "flex", gap: 2, mt: 2 },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      Autocomplete,
+                      {
+                        size: "small",
+                        options: Array.from({ length: 24 }, (_, i) => String(i).padStart(2, "0")),
+                        getOptionDisabled: (option) => {
+                          const isToday = formData.callbackDate === (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
+                          return isToday && Number(option) < (/* @__PURE__ */ new Date()).getHours();
+                        },
+                        value: formData.callbackHrs || null,
+                        onChange: (_, value) => handleChange("callbackHrs", value || ""),
+                        renderInput: (params) => /* @__PURE__ */ jsx(TextField, __spreadProps(__spreadValues({}, params), { label: "Hours (0-23)" })),
+                        fullWidth: true,
+                        sx: { flex: 1 }
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      Autocomplete,
+                      {
+                        size: "small",
+                        options: Array.from({ length: 60 }, (_, i) => String(i).padStart(2, "0")),
+                        getOptionDisabled: (option) => {
+                          const isToday = formData.callbackDate === (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
+                          const now = /* @__PURE__ */ new Date();
+                          const isCurrentHr = isToday && formData.callbackHrs === String(now.getHours()).padStart(2, "0");
+                          return isCurrentHr && Number(option) < now.getMinutes();
+                        },
+                        value: formData.callbackMins || null,
+                        onChange: (_, value) => handleChange("callbackMins", value || ""),
+                        renderInput: (params) => /* @__PURE__ */ jsx(TextField, __spreadProps(__spreadValues({}, params), { label: "Minutes (0-59)" })),
+                        fullWidth: true,
+                        sx: { flex: 1 }
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(Box, { sx: { mt: 2 }, children: /* @__PURE__ */ jsx(
+                TextField,
+                {
+                  size: "small",
+                  label: "Notes",
+                  multiline: true,
+                  minRows: 2,
+                  maxRows: 4,
+                  value: formData.notes,
+                  onChange: (e) => handleChange("notes", e.target.value),
+                  fullWidth: true
+                }
+              ) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Box,
+          {
+            sx: { textAlign: "right", m: 2 },
+            children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "outlined",
+                  color: "error",
+                  size: "large",
+                  onClick: handleClose,
+                  sx: {
+                    px: 2,
+                    mx: 1,
+                    borderRadius: "10px",
+                    textTransform: "capitalize"
+                  },
+                  children: "cancel"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "contained",
+                  color: "primary",
+                  size: "large",
+                  onClick: () => onSubmitDisposition(formData),
+                  sx: { px: 2, borderRadius: "10px", textTransform: "capitalize" },
+                  children: "Submit"
+                }
+              )
+            ]
+          }
+        )
+      ] })
+    }
+  ) });
+}
+function ProcessorListDialog({
+  open,
+  setOpen,
+  processList = null,
+  handleSelectedProcessor
+}) {
+  const handleClose = () => {
+    setOpen(false);
+  };
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      open,
+      "aria-labelledby": "alert-dialog-title",
+      "aria-describedby": "alert-dialog-description",
+      maxWidth: false,
+      slotProps: { paper: { sx: { minWidth: 500 } } },
+      children: /* @__PURE__ */ jsxs(Paper, { sx: { borderRadius: 2 }, children: [
+        /* @__PURE__ */ jsxs(
+          Box,
+          {
+            sx: {
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center",
+              padding: "4px 16px",
+              boxShadow: "0px 1px 2px #f5f5f5ff"
+            },
+            children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "body1", children: " Process List" }),
+              /* @__PURE__ */ jsx(IconButton, { onClick: handleClose, children: /* @__PURE__ */ jsx(Close, {}) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            sx: {
+              boxShadow: "1px 1px 4px #d3d3d3ff",
+              padding: "6px 10px",
+              margin: "10px",
+              borderRadius: "10px"
+            },
+            children: processList.length > 0 ? processList == null ? void 0 : processList.map((process, index) => /* @__PURE__ */ jsx(
+              Box,
+              {
+                sx: {
+                  p: 1,
+                  display: "flex",
+                  alignItems: "center",
+                  boxShadow: "1px 1px 4px #d3d3d3ff",
+                  padding: "6px",
+                  margin: "10px 0px",
+                  borderRadius: "10px",
+                  cursor: "pointer",
+                  "&:hover": { bgcolor: "action.selected" }
+                },
+                onClick: () => {
+                  handleSelectedProcessor(process);
+                },
+                children: /* @__PURE__ */ jsxs(
+                  Typography,
+                  {
+                    variant: "body1",
+                    sx: {
+                      mx: 1,
+                      width: "200px",
+                      maxWidth: "250px",
+                      display: "flex",
+                      alignItems: "center"
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(SupportAgent, { sx: { marginRight: "4px" } }),
+                      process.process_name
+                    ]
+                  }
+                )
+              },
+              index
+            )) : null
+          }
+        )
+      ] })
+    }
+  ) });
+}
+function CallHistoryDialog({ open, setOpen }) {
+  const handleClose = () => {
+    setOpen(false);
+  };
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      open,
+      "aria-labelledby": "alert-dialog-title",
+      "aria-describedby": "alert-dialog-description",
+      maxWidth: "md",
+      slotProps: { paper: { sx: { minWidth: 500 } } },
+      children: /* @__PURE__ */ jsxs(Paper, { sx: { borderRadius: 2 }, children: [
+        /* @__PURE__ */ jsxs(
+          Box,
+          {
+            sx: {
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center",
+              padding: "4px 16px",
+              boxShadow: "0px 1px 2px #f5f5f5ff"
+            },
+            children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "body1", children: " Call History" }),
+              /* @__PURE__ */ jsx(IconButton, { onClick: handleClose, children: /* @__PURE__ */ jsx(Close, {}) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            sx: {
+              boxShadow: "1px 1px 4px #d3d3d3ff",
+              margin: "10px",
+              borderRadius: "10px",
+              textAlign: "center",
+              fontSize: "16px",
+              fontWeight: "bold",
+              p: 6
+            },
+            children: "Coming Soon..."
+          }
+        )
+      ] })
+    }
+  ) });
+}
+
+// call-control-sdk/lib/hooks/useDraggable.ts
+import { useCallback as useCallback5, useRef, useState as useState7 } from "react";
+function useDraggable(initialPosition, onPositionChange) {
+  const [position, setPosition] = useState7(initialPosition);
+  const [isDragging, setIsDragging] = useState7(false);
+  const dragRef = useRef();
+  const dragStart = useRef({ x: 0, y: 0 });
+  const elementStart = useRef({ x: 0, y: 0 });
+  const updatePosition = useCallback5(
+    (newPosition) => {
+      const element = dragRef.current;
+      if (!element) return;
+      const rect = element.getBoundingClientRect();
+      const viewportWidth = window.innerWidth;
+      const viewportHeight = window.innerHeight;
+      const constrainedPosition = {
+        x: Math.max(0, Math.min(newPosition.x, viewportWidth - rect.width)),
+        y: Math.max(0, Math.min(newPosition.y, viewportHeight - rect.height))
+      };
+      setPosition(constrainedPosition);
+      onPositionChange == null ? void 0 : onPositionChange(constrainedPosition);
+    },
+    [onPositionChange]
+  );
+  const handleStart = useCallback5(
+    (clientX, clientY) => {
+      setIsDragging(true);
+      dragStart.current = { x: clientX, y: clientY };
+      elementStart.current = position;
+      const handleMove = (moveClientX, moveClientY) => {
+        const deltaX = moveClientX - dragStart.current.x;
+        const deltaY = moveClientY - dragStart.current.y;
+        updatePosition({
+          x: elementStart.current.x + deltaX,
+          y: elementStart.current.y + deltaY
+        });
+      };
+      const handleMouseMove = (e) => {
+        e.preventDefault();
+        handleMove(e.clientX, e.clientY);
+      };
+      const handleTouchMove = (e) => {
+        e.preventDefault();
+        const touch = e.touches[0];
+        if (touch) {
+          handleMove(touch.clientX, touch.clientY);
+        }
+      };
+      const handleEnd = () => {
+        setIsDragging(false);
+        document.removeEventListener("mousemove", handleMouseMove);
+        document.removeEventListener("mouseup", handleEnd);
+        document.removeEventListener("touchmove", handleTouchMove);
+        document.removeEventListener("touchend", handleEnd);
+      };
+      document.addEventListener("mousemove", handleMouseMove);
+      document.addEventListener("mouseup", handleEnd);
+      document.addEventListener("touchmove", handleTouchMove, {
+        passive: false
+      });
+      document.addEventListener("touchend", handleEnd);
+    },
+    [position, updatePosition]
+  );
+  const handleMouseDown = useCallback5(
+    (e) => {
+      e.preventDefault();
+      handleStart(e.clientX, e.clientY);
+    },
+    [handleStart]
+  );
+  const handleTouchStart = useCallback5(
+    (e) => {
+      e.preventDefault();
+      const touch = e.touches[0];
+      if (touch) {
+        handleStart(touch.clientX, touch.clientY);
+      }
+    },
+    [handleStart]
+  );
+  return {
+    position,
+    isDragging,
+    dragRef,
+    handleMouseDown,
+    handleTouchStart
+  };
+}
+
+// call-control-sdk/lib/services/micController.ts
+function createMicController(constraints = { audio: true }) {
+  let stream = null;
+  let muted = false;
+  async function start() {
+    if (stream) return;
+    stream = await navigator.mediaDevices.getUserMedia(constraints);
+    stream.getAudioTracks().forEach((track) => track.enabled = true);
+    muted = false;
+  }
+  function setEnabled(enabled) {
+    if (!stream) return;
+    stream.getAudioTracks().forEach((track) => track.enabled = enabled);
+    muted = !enabled;
+  }
+  function mute() {
+    setEnabled(false);
+  }
+  function unmute() {
+    setEnabled(true);
+  }
+  function toggleMute() {
+    if (muted) {
+      unmute();
+    } else {
+      mute();
+    }
+  }
+  function stop() {
+    if (!stream) return;
+    stream.getTracks().forEach((t) => t.stop());
+    stream = null;
+    muted = false;
+  }
+  function isMuted() {
+    return muted;
+  }
+  function getStream() {
+    return stream;
+  }
+  return {
+    start,
+    stop,
+    mute,
+    unmute,
+    toggleMute,
+    isMuted,
+    getStream
+  };
+}
+
+// call-control-sdk/lib/utils/audioLoader.ts
+import incomingRingtoneUrl from "./incoming-4WP3FJI4.mp3";
+var audioBlobUrl = null;
+var audioBuffer = null;
+async function loadAudioAsBlob() {
+  if (audioBlobUrl) {
+    return audioBlobUrl;
+  }
+  if (incomingRingtoneUrl.startsWith("data:") || incomingRingtoneUrl.startsWith("http://") || incomingRingtoneUrl.startsWith("https://") || incomingRingtoneUrl.startsWith("blob:")) {
+    return incomingRingtoneUrl;
+  }
+  try {
+    const response = await fetch(incomingRingtoneUrl);
+    if (!response.ok) {
+      throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+    }
+    const blob = await response.blob();
+    if (blob.size === 0) {
+      throw new Error("Empty blob");
+    }
+    audioBlobUrl = URL.createObjectURL(blob);
+    return audioBlobUrl;
+  } catch (error) {
+    console.error("Could not create blob URL, using direct URL:", error);
+    return incomingRingtoneUrl;
+  }
+}
+async function createAudioElement() {
+  const audio = new Audio();
+  audio.loop = true;
+  audio.volume = 0.7;
+  audio.preload = "auto";
+  let audioUrl = "";
+  try {
+    audioUrl = await loadAudioAsBlob();
+  } catch (error) {
+    console.warn("Failed to load audio as blob, trying direct URL:", error);
+    audioUrl = incomingRingtoneUrl;
+  }
+  const tryLoadAudio = async (url) => {
+    return new Promise((resolve) => {
+      const checkCanPlay = () => {
+        const canPlay = audio.readyState >= HTMLMediaElement.HAVE_FUTURE_DATA;
+        if (canPlay) {
+          resolve(true);
+          return;
+        }
+        if (audio.error) {
+          resolve(false);
+          return;
+        }
+        setTimeout(checkCanPlay, 100);
+      };
+      audio.addEventListener("canplay", () => resolve(true), { once: true });
+      audio.addEventListener("error", () => resolve(false), { once: true });
+      audio.src = url;
+      audio.load();
+      setTimeout(() => resolve(false), 2e3);
+    });
+  };
+  let loaded = await tryLoadAudio(audioUrl);
+  if (!loaded && audioUrl !== incomingRingtoneUrl) {
+    loaded = await tryLoadAudio(incomingRingtoneUrl);
+    if (loaded) {
+      audioUrl = incomingRingtoneUrl;
+    }
+  }
+  return audio;
+}
+function cleanupAudioResources() {
+  if (audioBlobUrl) {
+    URL.revokeObjectURL(audioBlobUrl);
+    audioBlobUrl = null;
+  }
+  audioBuffer = null;
+}
+
+// call-control-sdk/lib/components/callControls.tsx
+import { getSession as getSession3 } from "@react-solutions/vault";
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var getCombineConfrenceData = (localState, apiData) => {
+  const localConfrenceData = localState == null ? void 0 : localState.conferenceLine;
+  const apiConferenceData = apiData == null ? void 0 : apiData.conferencestatus;
+  const updatedConferenceData = localConfrenceData.map((item) => {
+    var _a, _b, _c, _d, _e;
+    if ((item == null ? void 0 : item.line) === 1) {
+      const statusKey = `line_${item.line}_status`;
+      return __spreadProps(__spreadValues({}, item), {
+        line: 1,
+        status: (_b = apiConferenceData == null ? void 0 : apiConferenceData[statusKey]) != null ? _b : (_a = localState == null ? void 0 : localState.callData) == null ? void 0 : _a.status,
+        phone: (_d = (_c = localState == null ? void 0 : localState.callData) == null ? void 0 : _c.phone_number) != null ? _d : ""
+      });
+    } else {
+      const statusKey = `line_${item.line}_status`;
+      const phoneKey = `line_${item.line}_phonenumber`;
+      const newStatus = apiConferenceData ? (_e = apiConferenceData[statusKey]) != null ? _e : "IDLE" : item.status;
+      let newPhone = apiConferenceData == null ? void 0 : apiConferenceData[phoneKey];
+      if (newPhone === null || newPhone === "0" || newPhone === void 0) {
+        newPhone = newStatus === "IDLE" ? "" : item.phone;
+      }
+      return __spreadProps(__spreadValues({}, item), {
+        status: newStatus,
+        phone: newPhone
+      });
+    }
+  });
+  return updatedConferenceData;
+};
+var formatDuration = (seconds) => {
+  const mins = Math.floor(seconds / 60);
+  const secs = seconds % 60;
+  return `${mins.toString().padStart(2, "0")}:${secs.toString().padStart(2, "0")}`;
+};
+function CallControls({ onDataChange }) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca, _da, _ea, _fa, _ga, _ha, _ia, _ja, _ka, _la, _ma, _na, _oa, _pa, _qa, _ra, _sa, _ta, _ua, _va, _wa, _xa, _ya, _za, _Aa, _Ba, _Ca, _Da, _Ea, _Fa, _Ga, _Ha, _Ia, _Ja, _Ka, _La, _Ma, _Na, _Oa, _Pa, _Qa, _Ra, _Sa, _Ta, _Ua, _Va, _Wa, _Xa, _Ya, _Za, __a, _$a, _ab, _bb, _cb, _db, _eb, _fb, _gb, _hb, _ib, _jb, _kb, _lb, _mb, _nb, _ob, _pb, _qb, _rb, _sb, _tb, _ub, _vb, _wb, _xb, _yb, _zb;
+  const theme = useTheme3();
+  const state = useSDKState();
+  const { showToast } = useToast();
+  const { disabled, enabled, outlined } = styles_default({
+    disabled: ((_a = state.sdkConfig) == null ? void 0 : _a.disabled) || {},
+    enabled: ((_b = state.sdkConfig) == null ? void 0 : _b.enabled) || {},
+    outlined: ((_c = state.sdkConfig) == null ? void 0 : _c.outlined) || {}
+  });
+  const micRef = useRef2(null);
+  const webSocketRef = useRef2(null);
+  const audioRef = useRef2(null);
+  const reconnectTimeoutRef = useRef2(null);
+  const pingIntervalRef = useRef2(null);
+  const reconnectAttemptsRef = useRef2(0);
+  const hasFlashedRef = useRef2(false);
+  const lastEventTimeRef = useRef2(null);
+  const conferenceAutoOpenedRef = useRef2(false);
+  const holdStartTimeRef = useRef2(null);
+  const muteStartTimeRef = useRef2(null);
+  const maxReconnectAttempts = 60;
+  const baseReconnectDelay = 2e3;
+  const maxReconnectDelay = 3e4;
+  const [anchorEl, setAnchorEl] = useState8(null);
+  const [statusAnchorEl, setStatusAnchorEl] = useState8(null);
+  const [dialerAnchorEl, setDialerAnchorEl] = useState8(null);
+  const [ambulanceAnchorEl, setAmbulanceAnchorEl] = useState8(null);
+  const [moreOptionsAnchorEl, setMoreOptionsAnchorEl] = useState8(null);
+  const [showIframe, setShowIframe] = useState8(true);
+  const [openCallDisposition, setOpenCallDisposition] = useState8(false);
+  const [openProcessorDialog, setOpenProcessorDialog] = useState8(false);
+  const [openCallHistoryDialog, setOpenCallHistoryDialog] = useState8(false);
+  const [processList, setProcessList] = useState8(null);
+  const [breaksList, setBreaksList] = useState8(null);
+  const [phoneNumber, setPhoneNumber] = useState8("");
+  const [callDuration, setCallDuration] = useState8(0);
+  const [callWrapuptime, setCallWrapuptime] = useState8(null);
+  const [holdDuration, setHoldDuration] = useState8(0);
+  const [muteDuration, setMuteDuration] = useState8(0);
+  const { position, isDragging, dragRef, handleMouseDown, handleTouchStart } = useDraggable(
+    state.controlPanelPosition,
+    (newPosition) => sdkStateManager.setControlPanelPosition(newPosition)
+  );
+  const {
+    position: iframePosition,
+    isDragging: iframeIsDragging,
+    dragRef: iframeDragRef,
+    handleMouseDown: iframeHandleMouseDown,
+    handleTouchStart: iframeHandleTouchStart
+  } = useDraggable(
+    state.iframePosition,
+    (newPosition) => sdkStateManager.setIframePosition(newPosition)
+  );
+  const [clickToCall2, { isLoading: clickToCallLoading }] = usePostRequest({
+    onSuccess: () => {
+      setPhoneNumber("");
+      setDialerAnchorEl(null);
+    }
+  });
+  const [holdOrUnHold, { isLoading: holdOrUnHoldLoading }] = usePostRequest();
+  const [muteOrUnMute, { isLoading: muteOrUnMuteLoading }] = usePostRequest();
+  const [readyAgentStatus, { isLoading: agentReadyLoading }] = usePostRequest({
+    onSuccess: () => {
+      sdkStateManager.setAgentStatus("");
+    }
+  });
+  const [updateAgentStatus, { isLoading }] = usePostRequest();
+  const [sendNotification] = usePostRequest();
+  const [endCall2, { isLoading: endCallLoading }] = usePostRequest({
+    disabledSuccessToast: true,
+    onSuccess: (res) => {
+      sdkStateManager.endCall();
+      setOpenCallDisposition(false);
+      sdkStateManager.resetConferenceLines();
+      showToast((res == null ? void 0 : res.message) || "Call ended successfully", "success");
+    }
+  });
+  const handleCloseQueueCounts = () => {
+    setAnchorEl(null);
+  };
+  const handleOpenDialer = (event) => {
+    setShowIframe(true);
+    setDialerAnchorEl(event.currentTarget);
+  };
+  const handleOpenAbulanceServices = (event) => {
+    setAmbulanceAnchorEl(event.currentTarget);
+  };
+  const handleOpenMoreOptions = (event) => {
+    setMoreOptionsAnchorEl(event.currentTarget);
+  };
+  const handleCloseDialer = () => {
+    setDialerAnchorEl(null);
+  };
+  const handleCloseAmbulance = () => {
+    setAmbulanceAnchorEl(null);
+  };
+  const handleCloseMoreOptions = () => {
+    setMoreOptionsAnchorEl(null);
+  };
+  const handleOpenAgentStatus = (event) => {
+    setStatusAnchorEl(event.currentTarget);
+  };
+  const handleCloseAgentStatus = () => {
+    setStatusAnchorEl(null);
+  };
+  const handleAgentReady = () => {
+    var _a2;
+    const payload = {
+      action: "READYAGENT",
+      userId: String((_a2 = state.agentId) != null ? _a2 : "")
+    };
+    readyAgentStatus(END_POINT.READY_AGENT, payload);
+  };
+  const handleUpdateAgentStatus = (status) => {
+    var _a2, _b2, _c2;
+    setStatusAnchorEl(null);
+    const currentStatus = (_b2 = (_a2 = state.callData) == null ? void 0 : _a2.status) == null ? void 0 : _b2.toUpperCase();
+    if (["ONCALL" /* ONCALL */, "RINGING" /* RINGING */, "DIALING" /* DIALING */, "WRAPUP" /* WRAPUP */].includes(currentStatus)) {
+      showToast("Cannot put agent on break while on a call", "error");
+      return;
+    }
+    const payload = {
+      action: "AGENTBREAK",
+      break_type: status,
+      userId: String((_c2 = state.agentId) != null ? _c2 : "")
+    };
+    updateAgentStatus(END_POINT.UPDATE_AGENT_BREAK, payload).then(() => {
+      sdkStateManager.setAgentStatus(status);
+    });
+  };
+  const handleStartCall = (number) => {
+    var _a2, _b2, _c2, _d2;
+    if (number.length !== 10) {
+      showToast("Invalid phone number", "error");
+    } else if (!/^\d+$/.test(number)) {
+      showToast("Invalid phone number", "error");
+    } else {
+      const currentStatus = ((_b2 = (_a2 = state.callData) == null ? void 0 : _a2.status) != null ? _b2 : "").toUpperCase();
+      const isWrapupCall = currentStatus === "WRAPUP" /* WRAPUP */;
+      let parentCallUuid = "";
+      if (!((_c2 = state.sdkConfig) == null ? void 0 : _c2.disableAlternateDialing)) {
+        if (isWrapupCall) {
+          if (state.rootCallUuid) {
+            parentCallUuid = state.rootCallUuid;
+          } else if ((_d2 = state.callData) == null ? void 0 : _d2.call_id) {
+            parentCallUuid = state.callData.call_id;
+            sdkStateManager.setRootCallUuid(parentCallUuid);
+          }
+        } else if (state.rootCallUuid) {
+          sdkStateManager.setRootCallUuid(null);
+        }
+      } else if (state.rootCallUuid) {
+        sdkStateManager.setRootCallUuid(null);
+      }
+      const payload = {
+        phone_number: number,
+        user: state.agentId,
+        auto_answer: false,
+        call_id: "",
+        reference_id: "",
+        call_source: "",
+        caseId: "",
+        isWrapup: isWrapupCall,
+        parentCallUuid
+      };
+      clickToCall2(END_POINT.CLICK_TO_CALL, payload);
+    }
+  };
+  const handleHoldToggle = () => {
+    var _a2, _b2, _c2, _d2;
+    const payload = {
+      action: ((_a2 = state.callData) == null ? void 0 : _a2.hold) === 1 ? "UNHOLD" /* UNHOLD */ : "HOLD" /* HOLD */,
+      user_id: String((_b2 = state.agentId) != null ? _b2 : ""),
+      call_uuid: (_d2 = (_c2 = state.callData) == null ? void 0 : _c2.call_id) != null ? _d2 : "",
+      line_number: 0
+    };
+    holdOrUnHold(END_POINT.HOLD_CALL, payload);
+  };
+  const handleMuteToggle = () => {
+    var _a2, _b2, _c2, _d2;
+    const payload = {
+      action: ((_a2 = state.callData) == null ? void 0 : _a2.mute) === 1 ? "UNMUTE" /* UNMUTE */ : "MUTE" /* MUTE */,
+      direction: "both",
+      user_id: String((_b2 = state.agentId) != null ? _b2 : ""),
+      call_uuid: (_d2 = (_c2 = state.callData) == null ? void 0 : _c2.call_id) != null ? _d2 : "",
+      line_number: 0
+    };
+    muteOrUnMute(END_POINT.MUTE_CALL, payload);
+  };
+  const handleEndCall = (data) => {
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2;
+    const payload = {
+      call_id: (_b2 = (_a2 = state.callData) == null ? void 0 : _a2.call_id) != null ? _b2 : "",
+      agent_id: (_c2 = state.agentId) != null ? _c2 : "",
+      set_followUp: (_e2 = (_d2 = data == null ? void 0 : data.followUp) == null ? void 0 : _d2.value) != null ? _e2 : "",
+      callback_date: (_f2 = data == null ? void 0 : data.callbackDate) != null ? _f2 : "",
+      callback_hrs: Number(data == null ? void 0 : data.callbackHrs) || 0,
+      callback_mins: Number(data == null ? void 0 : data.callbackMins) || 0,
+      mobile_number: (_h2 = (_g2 = state.callData) == null ? void 0 : _g2.phone_number) != null ? _h2 : "",
+      list_comments: (_i2 = data == null ? void 0 : data.notes) != null ? _i2 : "",
+      call_reference_id: (_k2 = (_j2 = state.callData) == null ? void 0 : _j2.call_id) != null ? _k2 : "",
+      is_mark_as_break: (_l2 = data == null ? void 0 : data.selected_break) != null ? _l2 : false,
+      disposition: (_n2 = (_m2 = data == null ? void 0 : data.disposition) == null ? void 0 : _m2.value) != null ? _n2 : "",
+      line_number: 0,
+      reason: "normal"
+    };
+    setPhoneNumber("");
+    endCall2(END_POINT.END_CALL, payload);
+  };
+  useEffect4(() => {
+    const handleBeforeUnload = (e) => {
+      e.preventDefault();
+    };
+    window.addEventListener("beforeunload", handleBeforeUnload);
+    return () => {
+      window.removeEventListener("beforeunload", handleBeforeUnload);
+    };
+  }, []);
+  useEffect4(() => {
+    const mic = createMicController();
+    micRef.current = mic;
+    mic.start().catch((err) => {
+      console.error("Failed to start mic:", err);
+    });
+    const handleKeyDown = (event) => {
+      var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q2, _r2, _s2, _t2;
+      const fullState = getSession3(STORAGE_KEY);
+      const key = (_a2 = event.key) == null ? void 0 : _a2.toLowerCase();
+      if (!event.altKey || ((_b2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _b2.status) !== "ONCALL" /* ONCALL */) {
+        return;
+      }
+      if (key === "m" && String((_c2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _c2.mute) === "0") {
+        event.preventDefault();
+        (_d2 = micRef.current) == null ? void 0 : _d2.mute();
+        const payload = {
+          action: "MUTE" /* MUTE */,
+          direction: "both",
+          user_id: String((_e2 = fullState.agentId) != null ? _e2 : ""),
+          call_uuid: (_g2 = (_f2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _f2.call_id) != null ? _g2 : "",
+          line_number: 0
+        };
+        muteOrUnMute(END_POINT.MUTE_CALL, payload);
+      }
+      if (key === "u" && String((_h2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _h2.mute) === "1") {
+        event.preventDefault();
+        const payload = {
+          action: "UNMUTE" /* UNMUTE */,
+          direction: "both",
+          user_id: String((_i2 = fullState.agentId) != null ? _i2 : ""),
+          call_uuid: (_k2 = (_j2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _j2.call_id) != null ? _k2 : "",
+          line_number: 0
+        };
+        muteOrUnMute(END_POINT.MUTE_CALL, payload);
+        (_l2 = micRef.current) == null ? void 0 : _l2.unmute();
+      }
+      if (key === "h" && String((_m2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _m2.hold) === "0") {
+        event.preventDefault();
+        const payload = {
+          action: "HOLD" /* HOLD */,
+          user_id: String((_n2 = fullState.agentId) != null ? _n2 : ""),
+          call_uuid: (_p2 = (_o2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _o2.call_id) != null ? _p2 : "",
+          line_number: 0
+        };
+        holdOrUnHold(END_POINT.HOLD_CALL, payload);
+      }
+      if (key === "r" && String((_q2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _q2.hold) === "1") {
+        event.preventDefault();
+        const payload = {
+          action: "UNHOLD" /* UNHOLD */,
+          user_id: String((_r2 = fullState.agentId) != null ? _r2 : ""),
+          call_uuid: (_t2 = (_s2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _s2.call_id) != null ? _t2 : "",
+          line_number: 0
+        };
+        holdOrUnHold(END_POINT.HOLD_CALL, payload);
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, []);
+  useEffect4(() => {
+    let interval;
+    let wrapUpinterval;
+    if (state.callData.status && state.callData.status === "ONCALL" /* ONCALL */) {
+      interval = setInterval(() => {
+        const elapsed = state.callStartTime ? Math.floor((Date.now() - Number(state.callStartTime)) / 1e3) : 0;
+        setCallDuration(elapsed);
+      }, 1e3);
+    } else {
+      setCallDuration(0);
+    }
+    if (state.callData.status && state.callData.status === "WRAPUP" /* WRAPUP */ && callWrapuptime !== null) {
+      wrapUpinterval = setInterval(() => {
+        setCallWrapuptime((prevTime) => {
+          if (prevTime === null || prevTime <= 1) {
+            clearInterval(wrapUpinterval);
+            handleEndCall({
+              disposition: { label: "Auto Wrapup", value: "AUTO_WRAPUP" },
+              followUp: { label: "No", value: "N" },
+              callbackDate: "",
+              callbackHrs: "",
+              callbackMins: "",
+              selected_break: false
+            });
+            return null;
+          }
+          return prevTime - 1;
+        });
+      }, 1e3);
+    }
+    return () => {
+      if (interval) clearInterval(interval);
+      if (wrapUpinterval) clearInterval(wrapUpinterval);
+    };
+  }, [state.callData.status]);
+  useEffect4(() => {
+    var _a2, _b2, _c2;
+    let holdInterval;
+    const isOnCall = ((_b2 = (_a2 = state.callData) == null ? void 0 : _a2.status) == null ? void 0 : _b2.toUpperCase()) === "ONCALL" /* ONCALL */;
+    const isOnHold2 = ((_c2 = state.callData) == null ? void 0 : _c2.hold) === 1;
+    if (isOnHold2 && isOnCall) {
+      if (!holdStartTimeRef.current) {
+        holdStartTimeRef.current = Date.now();
+      }
+      holdInterval = setInterval(() => {
+        setHoldDuration(
+          Math.floor((Date.now() - holdStartTimeRef.current) / 1e3)
+        );
+      }, 1e3);
+    } else {
+      holdStartTimeRef.current = null;
+      setHoldDuration(0);
+    }
+    return () => {
+      if (holdInterval) clearInterval(holdInterval);
+    };
+  }, [(_d = state.callData) == null ? void 0 : _d.hold, (_e = state.callData) == null ? void 0 : _e.status]);
+  useEffect4(() => {
+    var _a2, _b2, _c2, _d2;
+    let muteInterval;
+    const isOnCall = ((_b2 = (_a2 = state.callData) == null ? void 0 : _a2.status) == null ? void 0 : _b2.toUpperCase()) === "ONCALL" /* ONCALL */;
+    const isMuted2 = ((_c2 = state.callData) == null ? void 0 : _c2.mute) === 1;
+    const isHeld = ((_d2 = state.callData) == null ? void 0 : _d2.hold) === 1;
+    if (isMuted2 && isOnCall && !isHeld) {
+      if (!muteStartTimeRef.current) {
+        muteStartTimeRef.current = Date.now();
+      }
+      muteInterval = setInterval(() => {
+        setMuteDuration(
+          Math.floor((Date.now() - muteStartTimeRef.current) / 1e3)
+        );
+      }, 1e3);
+    } else {
+      muteStartTimeRef.current = null;
+      setMuteDuration(0);
+    }
+    return () => {
+      if (muteInterval) clearInterval(muteInterval);
+    };
+  }, [(_f = state.callData) == null ? void 0 : _f.mute, (_g = state.callData) == null ? void 0 : _g.status]);
+  useEffect4(() => {
+    createAudioElement().then((audio) => {
+      audioRef.current = audio;
+    }).catch((error) => {
+      console.error("Failed to load audio element:", error);
+    });
+    return () => {
+      if (audioRef.current) {
+        audioRef.current.pause();
+        audioRef.current.currentTime = 0;
+        audioRef.current.src = "";
+        audioRef.current = null;
+      }
+      cleanupAudioResources();
+    };
+  }, []);
+  useEffect4(() => {
+    var _a2, _b2;
+    if (onDataChange && state.callData) {
+      const { process_id, process_name, status, phone_number, agent_id, call_id, call_details } = state.callData;
+      const lead_data = sdkStateManager.getTransferLeadData();
+      const callData = __spreadProps(__spreadValues({
+        phone_number,
+        status,
+        callReferenceId: call_id,
+        agent_id,
+        process_id,
+        process_name,
+        call_details,
+        auto_wrapup_time: (_b2 = (_a2 = state.backendCallControls) == null ? void 0 : _a2.auto_wrapup_time) != null ? _b2 : null
+      }, lead_data !== void 0 && { lead_data }), {
+        socket_info: state.callData
+      });
+      onDataChange(callData);
+    }
+  }, [state.callData, onDataChange]);
+  useEffect4(() => {
+    if (state.agentId) {
+      axios_default.get(END_POINT.BREAKS_LIST).then((res) => {
+        var _a2, _b2, _c2, _d2;
+        if (res && ((_a2 = res.data) == null ? void 0 : _a2.data) && ((_c2 = (_b2 = res == null ? void 0 : res.data) == null ? void 0 : _b2.data) == null ? void 0 : _c2.length)) {
+          setBreaksList(res.data.data);
+          const liveStatus = (_d2 = sdkStateManager.getState().callData) == null ? void 0 : _d2.status;
+          if (!liveStatus) {
+            handleUpdateAgentStatus(res.data.data[0].type);
+          }
+        }
+      }).catch((err) => {
+        showToast(err.response.data.message, "error");
+      });
+    }
+  }, [state.agentId]);
+  const connectWebSocket = () => {
+    var _a2, _b2;
+    if (!state.agentId) {
+      return;
+    }
+    if (reconnectTimeoutRef.current) {
+      clearTimeout(reconnectTimeoutRef.current);
+      reconnectTimeoutRef.current = null;
+    }
+    try {
+      webSocketRef.current = new WebSocket(`${(_a2 = state.urlConfig) == null ? void 0 : _a2.webSocketURL}/api/v1/ws/agent/events?token=${(_b2 = state.authorization) == null ? void 0 : _b2.accessToken}`);
+      webSocketRef.current.onopen = () => {
+        console.log("\u{1F310} WebSocket connection established");
+        reconnectAttemptsRef.current = 0;
+        if (pingIntervalRef.current) {
+          clearInterval(pingIntervalRef.current);
+        }
+        pingIntervalRef.current = setInterval(() => {
+          if (webSocketRef.current && webSocketRef.current.readyState === WebSocket.OPEN) {
+            try {
+              webSocketRef.current.send(JSON.stringify({ type: "ping" }));
+            } catch (error) {
+              console.error("Failed to send ping:", error);
+            }
+          }
+        }, 3e4);
+      };
+      webSocketRef.current.onmessage = (event) => {
+        var _a3, _b3, _c2, _d2, _e2, _f2, _g2;
+        try {
+          const data = JSON.parse(event.data);
+          if (data.type === "pong") {
+            return;
+          }
+          const sdkState = getSession3(STORAGE_KEY);
+          const confrence = getCombineConfrenceData(sdkState, data);
+          const callData = __spreadValues(__spreadValues(__spreadValues(__spreadProps(__spreadValues({}, data), {
+            agent_id: data == null ? void 0 : data.agent_id,
+            status: data == null ? void 0 : data.status,
+            type: data == null ? void 0 : data.type,
+            event_time: data == null ? void 0 : data.event_time,
+            phone_number: data == null ? void 0 : data.phone_number,
+            call_id: data == null ? void 0 : data.call_id,
+            process_id: data == null ? void 0 : data.process_id,
+            process_name: data == null ? void 0 : data.process_name,
+            hold: data == null ? void 0 : data.hold,
+            mute: data == null ? void 0 : data.mute,
+            mode: data == null ? void 0 : data.mode,
+            queue_name: data == null ? void 0 : data.queue_name,
+            auto_wrapup_time: (_a3 = data == null ? void 0 : data.auto_wrapup_time) != null ? _a3 : null
+          }), (data == null ? void 0 : data.call_details) !== void 0 && { call_details: data.call_details }), (data == null ? void 0 : data.break_details) !== void 0 && { break_details: data.break_details }), (data == null ? void 0 : data.call_sage) !== void 0 && { call_sage: data.call_sage });
+          sdkStateManager.updateCallData(callData);
+          sdkStateManager.updateConferenceData([...confrence]);
+          sdkStateManager.setConsultInfo((_b3 = data.consult_info) != null ? _b3 : null);
+          const conferenceStatus = data == null ? void 0 : data.conferencestatus;
+          if (conferenceStatus) {
+            const hasAnsweredSecondaryLine = Object.keys(conferenceStatus).some((key) => {
+              var _a4;
+              const match = key.match(/^line_(\d+)_status$/);
+              if (!match) return false;
+              const lineNum = Number(match[1]);
+              if (lineNum <= 1) return false;
+              const status = String((_a4 = conferenceStatus[key]) != null ? _a4 : "").toUpperCase();
+              return status === "ONCALL" /* ONCALL */;
+            });
+            if (hasAnsweredSecondaryLine) {
+              if (!conferenceAutoOpenedRef.current) {
+                sdkStateManager.setOpenConferenceDialog(true);
+                conferenceAutoOpenedRef.current = true;
+              }
+            } else {
+              conferenceAutoOpenedRef.current = false;
+            }
+          } else {
+            conferenceAutoOpenedRef.current = false;
+          }
+          if (data == null ? void 0 : data.call_consult_controls) {
+            sdkStateManager.updateSDKConfigFromPermissions(data.call_consult_controls);
+          } else {
+            sdkStateManager.resetConsultControls();
+          }
+          if (["RINGING" /* RINGING */, "DIALING" /* DIALING */].includes(data.status)) {
+            setShowIframe(true);
+            setCallWrapuptime((_d2 = (_c2 = sdkState == null ? void 0 : sdkState.sdkConfig) == null ? void 0 : _c2.auto_wrapup_time) != null ? _d2 : null);
+            sdkStateManager.updateConferenceData([
+              {
+                line: 1,
+                status: "IDLE",
+                type: "",
+                phone: "",
+                isMute: false,
+                isHold: false,
+                isCallStart: false,
+                isMergeCall: false
+              },
+              {
+                line: 2,
+                status: "IDLE",
+                type: "",
+                phone: "",
+                isMute: false,
+                isHold: false,
+                isCallStart: false,
+                isMergeCall: false
+              },
+              {
+                line: 3,
+                status: "IDLE",
+                type: "",
+                phone: "",
+                isMute: false,
+                isHold: false,
+                isCallStart: false,
+                isMergeCall: false
+              },
+              {
+                line: 4,
+                status: "IDLE",
+                type: "",
+                phone: "",
+                isMute: false,
+                isHold: false,
+                isCallStart: false,
+                isMergeCall: false
+              },
+              {
+                line: 5,
+                status: "IDLE",
+                type: "",
+                phone: "",
+                isMute: false,
+                isHold: false,
+                isCallStart: false,
+                isMergeCall: false
+              }
+            ]);
+            if ((data == null ? void 0 : data.mode) !== "manual" && audioRef.current && ((_e2 = state == null ? void 0 : state.sdkConfig) == null ? void 0 : _e2.enableRingtone)) {
+              audioRef.current.play().catch((error) => {
+                console.error("Failed to play ringtone:", error);
+              });
+            }
+          } else {
+            if (audioRef.current) {
+              audioRef.current.pause();
+              audioRef.current.currentTime = 0;
+            }
+          }
+          if (data.status === "IDLE" /* IDLE */) {
+            sdkStateManager.setOpenCallTransferDialog(false);
+            sdkStateManager.setOpenConferenceDialog(false);
+            sdkStateManager.clearTransferLeadData();
+          } else if (data.status === "ONCALL" /* ONCALL */) {
+            if (data.status === "ONCALL" /* ONCALL */) {
+              sdkStateManager.startCall();
+            }
+            if (!showIframe) {
+              setShowIframe(true);
+            }
+            if ((data == null ? void 0 : data.mute) !== 1 && (data == null ? void 0 : data.hold) !== 1) {
+            } else {
+            }
+          } else if (((data == null ? void 0 : data.mute) === 1 || (data == null ? void 0 : data.hold) === 1) && data.status === "ONCALL" /* ONCALL */) {
+          } else if (data.status === "BREAK" /* BREAK */) {
+            const breakTime = (_f2 = sdkState == null ? void 0 : sdkState.sdkConfig) == null ? void 0 : _f2.break_time;
+            const eventTime = (_g2 = data == null ? void 0 : data.event_time) != null ? _g2 : null;
+            if (eventTime !== lastEventTimeRef.current) {
+              hasFlashedRef.current = false;
+              lastEventTimeRef.current = eventTime;
+            }
+            let isOverLimit = false;
+            if (breakTime && eventTime) {
+              const differenceInMinutes = ((/* @__PURE__ */ new Date()).getTime() - new Date(eventTime).getTime()) / 6e4;
+              if (Number(differenceInMinutes.toFixed(0)) >= Number(breakTime)) {
+                isOverLimit = true;
+              }
+            }
+            if (isOverLimit) {
+              if (!hasFlashedRef.current) {
+                hasFlashedRef.current = true;
+              }
+            } else {
+            }
+          } else if (data.status === "WRAPUP" /* WRAPUP */) {
+            sdkStateManager.endCall();
+            sdkStateManager.setOpenCallTransferDialog(false);
+            sdkStateManager.setOpenConferenceDialog(false);
+          }
+        } catch (e) {
+          console.error("\u{1F4E8} Raw message:", event.data);
+        }
+      };
+      webSocketRef.current.onclose = (event) => {
+        if (pingIntervalRef.current) {
+          clearInterval(pingIntervalRef.current);
+          pingIntervalRef.current = null;
+        }
+        if (event.code !== 1e3 && reconnectAttemptsRef.current < maxReconnectAttempts) {
+          reconnectAttemptsRef.current += 1;
+          const delay = Math.min(
+            baseReconnectDelay * Math.pow(2, reconnectAttemptsRef.current - 1),
+            maxReconnectDelay
+          );
+          console.warn(
+            `\u{1F504} Attempting to reconnect WebSocket (attempt ${reconnectAttemptsRef.current}/${maxReconnectAttempts}) in ${delay}ms`
+          );
+          reconnectTimeoutRef.current = setTimeout(() => {
+            connectWebSocket();
+          }, delay);
+        } else if (reconnectAttemptsRef.current >= maxReconnectAttempts) {
+          showToast("WebSocket connection failed. Please refresh the page.", "error");
+        }
+      };
+      webSocketRef.current.onerror = (error) => {
+        console.error("\u274C WebSocket error:", error);
+      };
+    } catch (error) {
+      if (reconnectAttemptsRef.current < maxReconnectAttempts) {
+        reconnectAttemptsRef.current += 1;
+        const delay = Math.min(
+          baseReconnectDelay * Math.pow(2, reconnectAttemptsRef.current - 1),
+          maxReconnectDelay
+        );
+        reconnectTimeoutRef.current = setTimeout(() => {
+          connectWebSocket();
+        }, delay);
+      }
+    }
+  };
+  useEffect4(() => {
+    if (state.agentId) {
+      connectWebSocket();
+    }
+    return () => {
+      if (reconnectTimeoutRef.current) {
+        clearTimeout(reconnectTimeoutRef.current);
+        reconnectTimeoutRef.current = null;
+      }
+      if (pingIntervalRef.current) {
+        clearInterval(pingIntervalRef.current);
+        pingIntervalRef.current = null;
+      }
+      if (webSocketRef.current) {
+        webSocketRef.current.close(1e3, "Component unmounting");
+        webSocketRef.current = null;
+      }
+      reconnectAttemptsRef.current = 0;
+    };
+  }, [state.agentId]);
+  const handleSendSMS = (data) => {
+    var _a2;
+    sendNotification(END_POINT.SEND_NOTIFICATIONS, {
+      phone_number: (_a2 = data == null ? void 0 : data.phone_number) != null ? _a2 : "",
+      type: "ambulance"
+    });
+  };
+  if (!state.isInitialized) {
+    return /* @__PURE__ */ jsx2(Box2, { children: Boolean(openProcessorDialog) && /* @__PURE__ */ jsx2(
+      ProcessorListDialog,
+      {
+        processList,
+        open: openProcessorDialog,
+        setOpen: setOpenProcessorDialog,
+        handleSelectedProcessor: (data) => {
+          sdkStateManager.setProcess(data);
+        }
+      }
+    ) });
+  }
+  const isOnHold = ((_h = state.callData) == null ? void 0 : _h.hold) === 1 && ((_j = (_i = state.callData) == null ? void 0 : _i.status) == null ? void 0 : _j.toUpperCase()) === "ONCALL" /* ONCALL */;
+  const isMuted = ((_k = state.callData) == null ? void 0 : _k.mute) === 1 && ((_m = (_l = state.callData) == null ? void 0 : _l.status) == null ? void 0 : _m.toUpperCase()) === "ONCALL" /* ONCALL */;
+  const isVertical = ((_n = state.sdkConfig) == null ? void 0 : _n.sdkPosition) === "vertical";
+  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsx2(Box2, { children: /* @__PURE__ */ jsx2(Fade, { in: true, timeout: 300, children: /* @__PURE__ */ jsx2(
+      Paper2,
+      {
+        ref: ((_o = state.sdkConfig) == null ? void 0 : _o.isDraggable) ? dragRef : null,
+        elevation: isDragging ? 4 : ((_p = state.sdkConfig) == null ? void 0 : _p.isDraggable) ? 1 : 0,
+        sx: {
+          position: ((_q = state.sdkConfig) == null ? void 0 : _q.isDraggable) ? "fixed" : "relative",
+          left: ((_r = state.sdkConfig) == null ? void 0 : _r.isDraggable) ? position.x : "auto",
+          top: ((_s = state.sdkConfig) == null ? void 0 : _s.isDraggable) ? position.y : "auto",
+          display: "inline-block",
+          width: isVertical ? "180px" : "auto",
+          flexShrink: 0,
+          whiteSpace: "nowrap",
+          p: 0.5,
+          borderRadius: 3,
+          bgcolor: "background.paper",
+          zIndex: ((_t = state.sdkConfig) == null ? void 0 : _t.isDraggable) ? Number.MAX_SAFE_INTEGER : 0,
+          transition: theme.transitions.create(["box-shadow", "transform"], {
+            duration: theme.transitions.duration.short
+          }),
+          userSelect: "none"
+        },
+        children: /* @__PURE__ */ jsxs2(
+          Box2,
+          {
+            sx: {
+              display: "flex",
+              flexDirection: isVertical ? "column" : "row",
+              alignItems: isVertical ? "stretch" : "center"
+            },
+            children: [
+              /* @__PURE__ */ jsxs2(
+                Box2,
+                {
+                  sx: {
+                    display: "flex",
+                    flexDirection: isVertical ? "column" : "row",
+                    alignItems: isVertical ? "stretch" : "center",
+                    gap: 1,
+                    margin: isVertical ? "10px 8px 4px 8px" : "0px 10px"
+                  },
+                  children: [
+                    ((_u = state.sdkConfig) == null ? void 0 : _u.isDraggable) && /* @__PURE__ */ jsx2(
+                      IconButton2,
+                      {
+                        component: "div",
+                        size: "small",
+                        sx: {
+                          cursor: "all-scroll"
+                        },
+                        onMouseDown: handleMouseDown,
+                        onTouchStart: handleTouchStart,
+                        children: /* @__PURE__ */ jsx2(DragIndicator, {})
+                      }
+                    ),
+                    ((_v = state.sdkConfig) == null ? void 0 : _v.enableQueueName) && ((_w = state == null ? void 0 : state.callData) == null ? void 0 : _w.queue_name) && ((_x = state == null ? void 0 : state.callData) == null ? void 0 : _x.mode) !== "manual" && /* @__PURE__ */ jsx2(Chip, { label: (_y = state == null ? void 0 : state.callData) == null ? void 0 : _y.queue_name }),
+                    /* @__PURE__ */ jsx2(Tooltip2, { title: ((_z = state.sdkConfig) == null ? void 0 : _z.disabledDialButton) ? "Outbound call feature is disabled" : "Dial", children: /* @__PURE__ */ jsx2(Box2, { component: "span", sx: isVertical ? { display: "block" } : {}, children: isVertical ? /* @__PURE__ */ jsx2(
+                      Button2,
+                      {
+                        variant: "outlined",
+                        startIcon: /* @__PURE__ */ jsx2(WifiCalling3, {}),
+                        onClick: (e) => {
+                          var _a2, _b2, _c2, _d2, _e2, _f2;
+                          if (![
+                            "BREAK" /* BREAK */,
+                            "ONCALL" /* ONCALL */,
+                            "RINGING" /* RINGING */
+                          ].includes((_b2 = (_a2 = state.callData) == null ? void 0 : _a2.status) == null ? void 0 : _b2.toUpperCase()) && !((_c2 = state.sdkConfig) == null ? void 0 : _c2.disabledDialButton) && !(((_e2 = (_d2 = state.callData) == null ? void 0 : _d2.status) == null ? void 0 : _e2.toUpperCase()) === "WRAPUP" /* WRAPUP */ && ((_f2 = state.sdkConfig) == null ? void 0 : _f2.disableAlternateDialing))) {
+                            handleOpenDialer(e);
+                          }
+                        },
+                        disabled: [
+                          "BREAK" /* BREAK */,
+                          "ONCALL" /* ONCALL */,
+                          "RINGING" /* RINGING */
+                        ].includes((_A = state.callData.status) == null ? void 0 : _A.toUpperCase()) || ((_B = state.sdkConfig) == null ? void 0 : _B.disabledDialButton) || ((_C = state.callData.status) == null ? void 0 : _C.toUpperCase()) === "WRAPUP" /* WRAPUP */ && !!((_D = state.sdkConfig) == null ? void 0 : _D.disableAlternateDialing),
+                        sx: {
+                          justifyContent: "flex-start",
+                          width: "100%",
+                          px: 2,
+                          color: [
+                            "BREAK" /* BREAK */,
+                            "ONCALL" /* ONCALL */,
+                            "RINGING" /* RINGING */
+                          ].includes((_E = state.callData.status) == null ? void 0 : _E.toUpperCase()) || ((_F = state.sdkConfig) == null ? void 0 : _F.disabledDialButton) || ((_G = state.callData.status) == null ? void 0 : _G.toUpperCase()) === "WRAPUP" /* WRAPUP */ && !!((_H = state.sdkConfig) == null ? void 0 : _H.disableAlternateDialing) ? "action.selected" : "success.main",
+                          borderColor: [
+                            "BREAK" /* BREAK */,
+                            "ONCALL" /* ONCALL */,
+                            "RINGING" /* RINGING */
+                          ].includes((_I = state.callData.status) == null ? void 0 : _I.toUpperCase()) || ((_J = state.sdkConfig) == null ? void 0 : _J.disabledDialButton) || ((_K = state.callData.status) == null ? void 0 : _K.toUpperCase()) === "WRAPUP" /* WRAPUP */ && !!((_L = state.sdkConfig) == null ? void 0 : _L.disableAlternateDialing) ? "action.selected" : "success.main"
+                        },
+                        children: "Dial"
+                      }
+                    ) : /* @__PURE__ */ jsx2(
+                      IconButton2,
+                      {
+                        size: "small",
+                        onClick: (e) => {
+                          var _a2, _b2, _c2, _d2, _e2, _f2;
+                          if (![
+                            "BREAK" /* BREAK */,
+                            "ONCALL" /* ONCALL */,
+                            "RINGING" /* RINGING */
+                          ].includes((_b2 = (_a2 = state.callData) == null ? void 0 : _a2.status) == null ? void 0 : _b2.toUpperCase()) && !((_c2 = state.sdkConfig) == null ? void 0 : _c2.disabledDialButton) && !(((_e2 = (_d2 = state.callData) == null ? void 0 : _d2.status) == null ? void 0 : _e2.toUpperCase()) === "WRAPUP" /* WRAPUP */ && ((_f2 = state.sdkConfig) == null ? void 0 : _f2.disableAlternateDialing))) {
+                            handleOpenDialer(e);
+                          }
+                        },
+                        disabled: [
+                          "BREAK" /* BREAK */,
+                          "ONCALL" /* ONCALL */,
+                          "RINGING" /* RINGING */
+                        ].includes((_M = state.callData.status) == null ? void 0 : _M.toUpperCase()) || ((_N = state.sdkConfig) == null ? void 0 : _N.disabledDialButton) || ((_O = state.callData.status) == null ? void 0 : _O.toUpperCase()) === "WRAPUP" /* WRAPUP */ && !!((_P = state.sdkConfig) == null ? void 0 : _P.disableAlternateDialing),
+                        children: /* @__PURE__ */ jsx2(
+                          WifiCalling3,
+                          {
+                            sx: {
+                              color: [
+                                "BREAK" /* BREAK */,
+                                "ONCALL" /* ONCALL */,
+                                "RINGING" /* RINGING */
+                              ].includes((_Q = state.callData.status) == null ? void 0 : _Q.toUpperCase()) || ((_R = state.sdkConfig) == null ? void 0 : _R.disabledDialButton) || ((_S = state.callData.status) == null ? void 0 : _S.toUpperCase()) === "WRAPUP" /* WRAPUP */ && !!((_T = state.sdkConfig) == null ? void 0 : _T.disableAlternateDialing) ? "action.selected" : "success.main"
+                            }
+                          }
+                        )
+                      }
+                    ) }) }),
+                    /* @__PURE__ */ jsxs2(
+                      Box2,
+                      {
+                        onClick: () => setShowIframe(true),
+                        sx: {
+                          display: "flex",
+                          flexDirection: "column",
+                          alignItems: "center",
+                          cursor: "pointer",
+                          minWidth: "52px",
+                          marginRight: "10px"
+                        },
+                        children: [
+                          ((_V = (_U = state.callData) == null ? void 0 : _U.status) == null ? void 0 : _V.toUpperCase()) === "BREAK" /* BREAK */ && ((_X = (_W = state.callData) == null ? void 0 : _W.break_details) == null ? void 0 : _X.value) ? /* @__PURE__ */ jsx2(Tooltip2, { title: state.callData.break_details.value, children: /* @__PURE__ */ jsx2(
+                            Box2,
+                            {
+                              sx: {
+                                border: "1.5px solid",
+                                borderColor: "success.main",
+                                borderRadius: "50px",
+                                px: "8px",
+                                py: "3px",
+                                maxWidth: "80px",
+                                minWidth: "80px",
+                                overflow: "hidden",
+                                textAlign: "center"
+                              },
+                              children: /* @__PURE__ */ jsx2(
+                                Typography2,
+                                {
+                                  sx: {
+                                    color: "success.main",
+                                    fontSize: "10px",
+                                    fontWeight: "700",
+                                    lineHeight: 1.2,
+                                    overflow: "hidden",
+                                    textOverflow: "ellipsis",
+                                    whiteSpace: "nowrap",
+                                    textTransform: "uppercase"
+                                  },
+                                  children: state.callData.break_details.value
+                                }
+                              )
+                            }
+                          ) }) : /* @__PURE__ */ jsx2(
+                            Typography2,
+                            {
+                              sx: {
+                                color: isOnHold ? "warning.main" : isMuted ? "error.main" : "success.main",
+                                fontSize: "18px",
+                                fontWeight: "600",
+                                lineHeight: 1.2
+                              },
+                              children: state.callData.status === "WRAPUP" /* WRAPUP */ && callWrapuptime !== null ? formatDuration(callWrapuptime) : formatDuration(callDuration)
+                            }
+                          ),
+                          isOnHold && /* @__PURE__ */ jsxs2(
+                            Box2,
+                            {
+                              sx: {
+                                display: "flex",
+                                alignItems: "center",
+                                gap: "3px",
+                                backgroundColor: "warning.main",
+                                color: "#fff",
+                                borderRadius: "6px",
+                                px: "5px",
+                                py: "1px",
+                                mt: "2px"
+                              },
+                              children: [
+                                /* @__PURE__ */ jsx2(Pause2, { sx: { fontSize: "11px" } }),
+                                /* @__PURE__ */ jsx2(
+                                  Typography2,
+                                  {
+                                    sx: {
+                                      fontSize: "11px",
+                                      fontWeight: 700,
+                                      lineHeight: 1
+                                    },
+                                    children: formatDuration(holdDuration)
+                                  }
+                                )
+                              ]
+                            }
+                          ),
+                          isMuted && !isOnHold && /* @__PURE__ */ jsxs2(
+                            Box2,
+                            {
+                              sx: {
+                                display: "flex",
+                                alignItems: "center",
+                                gap: "3px",
+                                backgroundColor: "error.main",
+                                color: "#fff",
+                                borderRadius: "6px",
+                                px: "5px",
+                                py: "1px",
+                                mt: "2px"
+                              },
+                              children: [
+                                /* @__PURE__ */ jsx2(MicOff, { sx: { fontSize: "11px" } }),
+                                /* @__PURE__ */ jsx2(
+                                  Typography2,
+                                  {
+                                    sx: {
+                                      fontSize: "11px",
+                                      fontWeight: 700,
+                                      lineHeight: 1
+                                    },
+                                    children: formatDuration(muteDuration)
+                                  }
+                                )
+                              ]
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsx2(
+                      Chip,
+                      {
+                        sx: { padding: "18px 0px" },
+                        label: isLoading || agentReadyLoading ? /* @__PURE__ */ jsx2(
+                          Box2,
+                          {
+                            sx: {
+                              fontWeight: "bold",
+                              width: "60px",
+                              display: "flex",
+                              alignItems: "center",
+                              justifyContent: "center"
+                            },
+                            children: /* @__PURE__ */ jsx2(CircularProgress2, { size: "20px" })
+                          }
+                        ) : /* @__PURE__ */ jsx2(
+                          Typography2,
+                          {
+                            variant: "body2",
+                            sx: {
+                              fontWeight: "bold",
+                              width: "60px",
+                              textAlign: "center"
+                            },
+                            children: (__ = (_Z = (_Y = state.callData) == null ? void 0 : _Y.status) == null ? void 0 : _Z.toUpperCase()) != null ? __ : "N/A"
+                          }
+                        ),
+                        onClick: handleOpenAgentStatus,
+                        deleteIcon: /* @__PURE__ */ jsx2(KeyboardArrowDown, { color: "primary" }),
+                        onDelete: handleOpenAgentStatus
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs2(
+                Box2,
+                {
+                  sx: {
+                    display: "flex",
+                    flexDirection: isVertical ? "column" : "row",
+                    gap: 1,
+                    justifyContent: "center",
+                    alignItems: isVertical ? "stretch" : "center",
+                    margin: isVertical ? "0px 8px 8px 8px" : "0px"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx2(Tooltip2, { title: "Agent Ready", children: /* @__PURE__ */ jsx2(
+                      Button2,
+                      {
+                        variant: ["BREAK" /* BREAK */, "MISSED" /* MISSED */].includes(
+                          (_aa = (_$ = state.callData) == null ? void 0 : _$.status) == null ? void 0 : _aa.toUpperCase()
+                        ) ? "outlined" : "contained",
+                        startIcon: isVertical ? /* @__PURE__ */ jsx2(SupportAgent2, {}) : void 0,
+                        onClick: (e) => {
+                          var _a2, _b2;
+                          if (["BREAK" /* BREAK */, "MISSED" /* MISSED */].includes(
+                            (_b2 = (_a2 = state.callData) == null ? void 0 : _a2.status) == null ? void 0 : _b2.toUpperCase()
+                          )) {
+                            e.stopPropagation();
+                            handleAgentReady();
+                          }
+                        },
+                        classes: {
+                          root: ["BREAK" /* BREAK */, "MISSED" /* MISSED */].includes(
+                            (_ca = (_ba = state.callData) == null ? void 0 : _ba.status) == null ? void 0 : _ca.toUpperCase()
+                          ) ? "outlined" : "enabled"
+                        },
+                        sx: __spreadValues(__spreadValues({}, ["BREAK" /* BREAK */, "MISSED" /* MISSED */].includes(
+                          (_ea = (_da = state.callData) == null ? void 0 : _da.status) == null ? void 0 : _ea.toUpperCase()
+                        ) ? outlined : enabled), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }),
+                        disabled: agentReadyLoading,
+                        children: isVertical ? "Agent Ready" : /* @__PURE__ */ jsx2(SupportAgent2, {})
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx2(Tooltip2, { title: ((_fa = state.sdkConfig) == null ? void 0 : _fa.disableHoldButton) ? "Hold feature is disabled" : ((_ga = state.callData) == null ? void 0 : _ga.hold) === 1 ? "Resume" : "Hold", children: /* @__PURE__ */ jsx2(Box2, { component: "span", sx: isVertical ? { display: "block" } : {}, children: /* @__PURE__ */ jsx2(
+                      Button2,
+                      {
+                        variant: ((_ha = state.callData) == null ? void 0 : _ha.hold) === 1 && ((_ja = (_ia = state.callData) == null ? void 0 : _ia.status) == null ? void 0 : _ja.toUpperCase()) === "ONCALL" /* ONCALL */ ? "contained" : "outlined",
+                        startIcon: isVertical ? holdOrUnHoldLoading ? void 0 : ((_ka = state.callData) == null ? void 0 : _ka.hold) === 1 ? /* @__PURE__ */ jsx2(PlayArrow2, {}) : /* @__PURE__ */ jsx2(Pause2, {}) : void 0,
+                        onClick: (e) => {
+                          var _a2;
+                          e.stopPropagation();
+                          if (!((_a2 = state.sdkConfig) == null ? void 0 : _a2.disableHoldButton)) {
+                            handleHoldToggle();
+                          }
+                        },
+                        sx: ((_la = state.callData) == null ? void 0 : _la.hold) === 1 && ((_na = (_ma = state.callData) == null ? void 0 : _ma.status) == null ? void 0 : _na.toUpperCase()) === "ONCALL" /* ONCALL */ ? __spreadValues(__spreadValues({}, enabled), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }) : ((_pa = (_oa = state.callData) == null ? void 0 : _oa.status) == null ? void 0 : _pa.toUpperCase()) === "ONCALL" /* ONCALL */ && !((_qa = state.sdkConfig) == null ? void 0 : _qa.disableHoldButton) ? __spreadValues(__spreadValues({}, outlined), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }) : __spreadValues(__spreadValues({}, disabled), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }),
+                        disabled: ((_sa = (_ra = state.callData) == null ? void 0 : _ra.status) == null ? void 0 : _sa.toUpperCase()) !== "ONCALL" /* ONCALL */ && ((_ta = state.callData) == null ? void 0 : _ta.hold) !== 1 || holdOrUnHoldLoading || ((_ua = state.sdkConfig) == null ? void 0 : _ua.disableHoldButton),
+                        children: holdOrUnHoldLoading ? /* @__PURE__ */ jsx2(
+                          CircularProgress2,
+                          {
+                            size: "20px",
+                            sx: { color: theme.palette.primary.main }
+                          }
+                        ) : isVertical ? ((_va = state.callData) == null ? void 0 : _va.hold) === 1 ? "Resume" : "Hold" : ((_wa = state.callData) == null ? void 0 : _wa.hold) === 1 ? /* @__PURE__ */ jsx2(PlayArrow2, {}) : /* @__PURE__ */ jsx2(Pause2, {})
+                      }
+                    ) }) }),
+                    /* @__PURE__ */ jsx2(Tooltip2, { title: ((_xa = state.sdkConfig) == null ? void 0 : _xa.disableMuteButton) ? "Mute feature is disabled" : ((_ya = state.callData) == null ? void 0 : _ya.mute) === 1 ? "Unmute" : "Mute", children: /* @__PURE__ */ jsx2(Box2, { component: "span", sx: isVertical ? { display: "block" } : {}, children: /* @__PURE__ */ jsx2(
+                      Button2,
+                      {
+                        variant: ((_za = state.callData) == null ? void 0 : _za.mute) === 1 && ((_Ba = (_Aa = state.callData) == null ? void 0 : _Aa.status) == null ? void 0 : _Ba.toUpperCase()) === "ONCALL" /* ONCALL */ ? "contained" : "outlined",
+                        startIcon: isVertical ? muteOrUnMuteLoading ? void 0 : ((_Ca = state.callData) == null ? void 0 : _Ca.mute) === 1 ? /* @__PURE__ */ jsx2(MicOff, {}) : /* @__PURE__ */ jsx2(Mic, {}) : void 0,
+                        onClick: (e) => {
+                          var _a2;
+                          e.stopPropagation();
+                          if (!((_a2 = state.sdkConfig) == null ? void 0 : _a2.disableMuteButton)) {
+                            handleMuteToggle();
+                          }
+                        },
+                        sx: ((_Da = state.sdkConfig) == null ? void 0 : _Da.disableMuteButton) || ((_Ea = state.callData) == null ? void 0 : _Ea.hold) === 1 ? __spreadValues(__spreadValues({}, disabled), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }) : ((_Fa = state.callData) == null ? void 0 : _Fa.mute) === 1 && ((_Ha = (_Ga = state.callData) == null ? void 0 : _Ga.status) == null ? void 0 : _Ha.toUpperCase()) === "ONCALL" /* ONCALL */ ? __spreadValues(__spreadValues({}, enabled), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }) : ((_Ja = (_Ia = state.callData) == null ? void 0 : _Ia.status) == null ? void 0 : _Ja.toUpperCase()) === "ONCALL" /* ONCALL */ ? __spreadValues(__spreadValues({}, outlined), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }) : __spreadValues(__spreadValues({}, disabled), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }),
+                        disabled: ((_La = (_Ka = state.callData) == null ? void 0 : _Ka.status) == null ? void 0 : _La.toUpperCase()) !== "ONCALL" /* ONCALL */ && ((_Ma = state.callData) == null ? void 0 : _Ma.mute) !== 1 || muteOrUnMuteLoading || ((_Na = state.callData) == null ? void 0 : _Na.hold) === 1 || ((_Oa = state.sdkConfig) == null ? void 0 : _Oa.disableMuteButton),
+                        children: muteOrUnMuteLoading ? /* @__PURE__ */ jsx2(
+                          CircularProgress2,
+                          {
+                            size: "20px",
+                            sx: { color: theme.palette.primary.main }
+                          }
+                        ) : isVertical ? ((_Pa = state.callData) == null ? void 0 : _Pa.mute) === 1 ? "Unmute" : "Mute" : ((_Qa = state.callData) == null ? void 0 : _Qa.mute) === 1 ? /* @__PURE__ */ jsx2(MicOff, {}) : /* @__PURE__ */ jsx2(Mic, {})
+                      }
+                    ) }) }),
+                    /* @__PURE__ */ jsx2(Tooltip2, { title: ((_Ra = state.sdkConfig) == null ? void 0 : _Ra.disableCallTransferButton) ? "Transfer Call feature is disabled" : "Transfer Call", children: /* @__PURE__ */ jsx2(Box2, { component: "span", sx: isVertical ? { display: "block" } : {}, children: /* @__PURE__ */ jsx2(
+                      Button2,
+                      {
+                        variant: state.openCallTransferDialog ? "contained" : "outlined",
+                        startIcon: isVertical ? /* @__PURE__ */ jsx2(TransferWithinAStation2, {}) : void 0,
+                        onClick: (e) => {
+                          var _a2, _b2, _c2;
+                          if (((_b2 = (_a2 = state.callData) == null ? void 0 : _a2.status) == null ? void 0 : _b2.toUpperCase()) === "ONCALL" /* ONCALL */ && !((_c2 = state.sdkConfig) == null ? void 0 : _c2.disableCallTransferButton)) {
+                            e.stopPropagation();
+                            sdkStateManager.setOpenCallTransferDialog(true);
+                          }
+                        },
+                        sx: state.openCallTransferDialog ? __spreadValues(__spreadValues({}, enabled), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }) : ((_Ta = (_Sa = state.callData) == null ? void 0 : _Sa.status) == null ? void 0 : _Ta.toUpperCase()) === "ONCALL" /* ONCALL */ && !((_Ua = state.sdkConfig) == null ? void 0 : _Ua.disableCallTransferButton) ? __spreadValues(__spreadValues({}, outlined), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }) : __spreadValues(__spreadValues({}, disabled), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }),
+                        disabled: ((_Wa = (_Va = state.callData) == null ? void 0 : _Va.status) == null ? void 0 : _Wa.toUpperCase()) !== "ONCALL" /* ONCALL */ || ((_Xa = state.sdkConfig) == null ? void 0 : _Xa.disableCallTransferButton),
+                        children: isVertical ? "Transfer" : /* @__PURE__ */ jsx2(TransferWithinAStation2, {})
+                      }
+                    ) }) }),
+                    /* @__PURE__ */ jsx2(Tooltip2, { title: ((_Ya = state.sdkConfig) == null ? void 0 : _Ya.disableConferenceButton) ? "Conference Call feature is disabled" : "Conference Call", children: /* @__PURE__ */ jsx2(Box2, { component: "span", sx: isVertical ? { display: "block" } : {}, children: /* @__PURE__ */ jsx2(
+                      Button2,
+                      {
+                        variant: state.openConferenceDialog ? "contained" : "outlined",
+                        startIcon: isVertical ? /* @__PURE__ */ jsx2(Group, {}) : void 0,
+                        onClick: (e) => {
+                          var _a2, _b2, _c2;
+                          if (((_b2 = (_a2 = state.callData) == null ? void 0 : _a2.status) == null ? void 0 : _b2.toUpperCase()) === "ONCALL" /* ONCALL */ && !((_c2 = state.sdkConfig) == null ? void 0 : _c2.disableConferenceButton)) {
+                            e.stopPropagation();
+                            sdkStateManager.setOpenConferenceDialog(true);
+                          }
+                        },
+                        sx: state.openConferenceDialog ? __spreadValues(__spreadValues({}, enabled), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }) : ((__a = (_Za = state.callData) == null ? void 0 : _Za.status) == null ? void 0 : __a.toUpperCase()) === "ONCALL" /* ONCALL */ && !((_$a = state.sdkConfig) == null ? void 0 : _$a.disableConferenceButton) ? __spreadValues(__spreadValues({}, outlined), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }) : __spreadValues(__spreadValues({}, disabled), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }),
+                        disabled: ((_bb = (_ab = state.callData) == null ? void 0 : _ab.status) == null ? void 0 : _bb.toUpperCase()) !== "ONCALL" /* ONCALL */ || ((_cb = state.sdkConfig) == null ? void 0 : _cb.disableConferenceButton),
+                        children: isVertical ? "Conference" : /* @__PURE__ */ jsx2(Group, {})
+                      }
+                    ) }) }),
+                    ((_db = state.sdkConfig) == null ? void 0 : _db.enableSmsServices) && /* @__PURE__ */ jsx2(Tooltip2, { title: "Send SMS", children: /* @__PURE__ */ jsx2(
+                      Button2,
+                      {
+                        variant: Boolean(ambulanceAnchorEl) ? "contained" : "outlined",
+                        startIcon: isVertical ? /* @__PURE__ */ jsx2(SmsSharp, {}) : void 0,
+                        onClick: (e) => {
+                          var _a2, _b2;
+                          if (["ONCALL" /* ONCALL */, "WRAPUP" /* WRAPUP */].includes(
+                            (_b2 = (_a2 = state.callData) == null ? void 0 : _a2.status) == null ? void 0 : _b2.toUpperCase()
+                          )) {
+                            e.stopPropagation();
+                            handleOpenAbulanceServices(e);
+                          }
+                        },
+                        sx: Boolean(ambulanceAnchorEl) ? __spreadValues(__spreadValues({}, enabled), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }) : ["ONCALL" /* ONCALL */, "WRAPUP" /* WRAPUP */].includes(
+                          (_fb = (_eb = state.callData) == null ? void 0 : _eb.status) == null ? void 0 : _fb.toUpperCase()
+                        ) ? __spreadValues(__spreadValues({}, outlined), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }) : __spreadValues(__spreadValues({}, disabled), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }),
+                        disabled: !["ONCALL" /* ONCALL */, "WRAPUP" /* WRAPUP */].includes(
+                          (_hb = (_gb = state.callData) == null ? void 0 : _gb.status) == null ? void 0 : _hb.toUpperCase()
+                        ),
+                        children: isVertical ? "Send SMS" : /* @__PURE__ */ jsx2(SmsSharp, {})
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx2(Tooltip2, { title: ((_ib = state.sdkConfig) == null ? void 0 : _ib.disableEndCallButton) ? "End Call feature is disabled" : "End Call", children: /* @__PURE__ */ jsx2(Box2, { component: "span", sx: isVertical ? { display: "block" } : {}, children: /* @__PURE__ */ jsx2(
+                      Button2,
+                      {
+                        variant: [
+                          "ONCALL" /* ONCALL */,
+                          "RINGING" /* RINGING */,
+                          "DIALING" /* DIALING */,
+                          "WRAPUP" /* WRAPUP */
+                        ].includes((_kb = (_jb = state.callData) == null ? void 0 : _jb.status) == null ? void 0 : _kb.toUpperCase()) && !((_lb = state.sdkConfig) == null ? void 0 : _lb.disableEndCallButton) ? "contained" : "outlined",
+                        startIcon: isVertical && !endCallLoading ? /* @__PURE__ */ jsx2(CallEnd2, {}) : void 0,
+                        onClick: (e) => {
+                          var _a2, _b2, _c2;
+                          if ([
+                            "ONCALL" /* ONCALL */,
+                            "RINGING" /* RINGING */,
+                            "DIALING" /* DIALING */,
+                            "WRAPUP" /* WRAPUP */
+                          ].includes((_b2 = (_a2 = state.callData) == null ? void 0 : _a2.status) == null ? void 0 : _b2.toUpperCase()) && !((_c2 = state.sdkConfig) == null ? void 0 : _c2.disableEndCallButton)) {
+                            e.stopPropagation();
+                            setOpenCallDisposition(true);
+                          }
+                        },
+                        sx: [
+                          "ONCALL" /* ONCALL */,
+                          "RINGING" /* RINGING */,
+                          "DIALING" /* DIALING */,
+                          "WRAPUP" /* WRAPUP */
+                        ].includes((_nb = (_mb = state.callData) == null ? void 0 : _mb.status) == null ? void 0 : _nb.toUpperCase()) && !((_ob = state.sdkConfig) == null ? void 0 : _ob.disableEndCallButton) ? __spreadValues(__spreadProps(__spreadValues({}, enabled), {
+                          borderRight: "1px",
+                          backgroundColor: "error.main",
+                          minWidth: "60px !important",
+                          boxShadow: " 0px 2px 1px #5f3f3f",
+                          border: `1px solid ${theme.palette.error.light}`,
+                          height: "40px",
+                          "&:hover": {
+                            bgcolor: "error.light",
+                            boxShadow: " 0px 2px 1px #5f3f3f",
+                            border: `0px solid ${theme.palette.error.light}`
+                          },
+                          "&:active": {
+                            bgcolor: "error.light",
+                            boxShadow: `inset 1px -2px 4px ${theme.palette.primary.light}`
+                          }
+                        }), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }) : __spreadValues(__spreadProps(__spreadValues({}, disabled), {
+                          minWidth: "60px !important"
+                        }), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }),
+                        disabled: ![
+                          "ONCALL" /* ONCALL */,
+                          "RINGING" /* RINGING */,
+                          "DIALING" /* DIALING */,
+                          "WRAPUP" /* WRAPUP */
+                        ].includes((_qb = (_pb = state.callData) == null ? void 0 : _pb.status) == null ? void 0 : _qb.toUpperCase()) || endCallLoading || ((_rb = state.sdkConfig) == null ? void 0 : _rb.disableEndCallButton),
+                        children: endCallLoading ? /* @__PURE__ */ jsx2(CircularProgress2, { size: "20px", color: "error" }) : isVertical ? "End Call" : /* @__PURE__ */ jsx2(CallEnd2, {})
+                      }
+                    ) }) }),
+                    !((_sb = state.sdkConfig) == null ? void 0 : _sb.disabledMoreOptionsButton) && processList && (processList == null ? void 0 : processList.length) > 1 && /* @__PURE__ */ jsx2(Tooltip2, { title: "Switch Process", children: /* @__PURE__ */ jsx2(
+                      Button2,
+                      {
+                        variant: Boolean(moreOptionsAnchorEl) ? "contained" : "outlined",
+                        startIcon: isVertical ? /* @__PURE__ */ jsx2(MoreVert, {}) : void 0,
+                        onClick: (e) => {
+                          var _a2, _b2;
+                          if (["BREAK" /* BREAK */, "IDLE" /* IDLE */].includes(
+                            (_b2 = (_a2 = state.callData) == null ? void 0 : _a2.status) == null ? void 0 : _b2.toUpperCase()
+                          )) {
+                            e.stopPropagation();
+                            handleOpenMoreOptions(e);
+                          }
+                        },
+                        sx: Boolean(moreOptionsAnchorEl) ? __spreadValues(__spreadValues({}, enabled), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }) : __spreadValues(__spreadValues({}, outlined), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }),
+                        disabled: !["BREAK" /* BREAK */, "IDLE" /* IDLE */].includes(
+                          (_ub = (_tb = state.callData) == null ? void 0 : _tb.status) == null ? void 0 : _ub.toUpperCase()
+                        ),
+                        children: isVertical ? "Switch Process" : /* @__PURE__ */ jsx2(MoreVert, {})
+                      }
+                    ) })
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx2(
+      Fade,
+      {
+        in: true,
+        timeout: 300,
+        children: /* @__PURE__ */ jsxs2(
+          Paper2,
+          {
+            ref: iframeDragRef,
+            elevation: iframeIsDragging ? 4 : 1,
+            sx: {
+              position: "absolute",
+              left: iframePosition.x,
+              top: iframePosition.y,
+              borderRadius: 2,
+              bgcolor: "background.paper",
+              zIndex: Number.MAX_SAFE_INTEGER,
+              transition: theme.transitions.create(["box-shadow", "transform"], {
+                duration: theme.transitions.duration.short
+              }),
+              visibility: showIframe && !((_vb = state.sdkConfig) == null ? void 0 : _vb.disableSoftPhone) ? "visible" : "hidden",
+              userSelect: "none"
+            },
+            children: [
+              /* @__PURE__ */ jsxs2(
+                Box2,
+                {
+                  sx: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "space-between",
+                    cursor: "all-scroll",
+                    padding: "0px 10px"
+                  },
+                  onMouseDown: iframeHandleMouseDown,
+                  onTouchStart: iframeHandleTouchStart,
+                  children: [
+                    /* @__PURE__ */ jsx2(
+                      DragIndicator,
+                      {
+                        sx: {
+                          transform: "rotate(90deg)",
+                          color: "#7b7b7b"
+                        }
+                      }
+                    ),
+                    " ",
+                    /* @__PURE__ */ jsx2(Typography2, { variant: "subtitle1", fontWeight: 600, sx: { textAlign: "center" }, children: "ahs-cti" }),
+                    /* @__PURE__ */ jsx2(IconButton2, { onClick: () => setShowIframe(false), children: /* @__PURE__ */ jsx2(Close2, {}) })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx2(Box2, { children: /* @__PURE__ */ jsx2(
+                "iframe",
+                {
+                  src: `${(_wb = state.urlConfig) == null ? void 0 : _wb.iframeURL}/static/phone/index.html?user_id=${(_xb = state.urlConfig) == null ? void 0 : _xb.id}&api_url=${(_yb = state.urlConfig) == null ? void 0 : _yb.iframeAPIURL}&token=${(_zb = state.authorization) == null ? void 0 : _zb.accessToken}`,
+                  height: 380,
+                  width: 420,
+                  allow: "camera; microphone; autoplay",
+                  style: {
+                    border: "none"
+                  }
+                }
+              ) })
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx2(
+      Menu2,
+      {
+        anchorEl: dialerAnchorEl,
+        open: Boolean(dialerAnchorEl),
+        onClose: handleCloseDialer,
+        onClick: (e) => e.stopPropagation(),
+        sx: {
+          zIndex: 99999
+        },
+        children: /* @__PURE__ */ jsxs2(
+          Box2,
+          {
+            sx: {
+              all: "unset",
+              padding: "10px",
+              "&hover": {
+                backgroundColor: "white"
+              }
+            },
+            children: [
+              /* @__PURE__ */ jsx2(
+                TextField2,
+                {
+                  size: "small",
+                  type: "tel",
+                  value: phoneNumber,
+                  placeholder: "Enter Mobile No.",
+                  slotProps: {
+                    htmlInput: {
+                      inputMode: "numeric",
+                      maxLength: 11
+                    }
+                  },
+                  onChange: (e) => {
+                    const value = e.target.value;
+                    if (/^\d*$/.test(value)) {
+                      setPhoneNumber(value);
+                    }
+                  },
+                  onPaste: (e) => {
+                    const pasted = e.clipboardData.getData("text");
+                    if (!/^\d*$/.test(pasted)) {
+                      e.preventDefault();
+                    }
+                  },
+                  onKeyDown: (e) => {
+                    if (e.key === "Enter") {
+                      handleStartCall(phoneNumber);
+                      return;
+                    }
+                    const allowedKeys = [
+                      "Backspace",
+                      "Delete",
+                      "Tab",
+                      "ArrowLeft",
+                      "ArrowRight",
+                      "ArrowUp",
+                      "ArrowDown",
+                      "Home",
+                      "End"
+                    ];
+                    if (!/^\d$/.test(e.key) && !allowedKeys.includes(e.key) && !(e.ctrlKey || e.metaKey)) {
+                      e.preventDefault();
+                    }
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx2(
+                IconButton2,
+                {
+                  color: "info",
+                  onClick: () => {
+                    handleStartCall(phoneNumber);
+                  },
+                  children: clickToCallLoading ? /* @__PURE__ */ jsx2(
+                    CircularProgress2,
+                    {
+                      size: "20px",
+                      sx: {
+                        color: theme.palette.success.main
+                      }
+                    }
+                  ) : /* @__PURE__ */ jsx2(Phone, { color: "success" })
+                }
+              )
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx2(
+      Menu2,
+      {
+        anchorEl: ambulanceAnchorEl,
+        open: Boolean(ambulanceAnchorEl),
+        onClose: handleCloseAmbulance,
+        onClick: (e) => e.stopPropagation(),
+        sx: {
+          zIndex: 99999
+        },
+        children: /* @__PURE__ */ jsx2(
+          Box2,
+          {
+            sx: {
+              all: "unset",
+              padding: " 0px 20px",
+              "&hover": {
+                backgroundColor: "white"
+              },
+              display: "flex",
+              alignItems: "center"
+            },
+            children: /* @__PURE__ */ jsx2(Tooltip2, { title: "Ambulance Service", children: /* @__PURE__ */ jsxs2(
+              Button2,
+              {
+                color: "primary",
+                variant: "outlined",
+                onClick: () => {
+                  handleSendSMS(state.callData);
+                },
+                children: [
+                  "Ambulance",
+                  /* @__PURE__ */ jsxs2(
+                    Box2,
+                    {
+                      sx: {
+                        display: "flex",
+                        alignItems: "center",
+                        backgroundColor: "green",
+                        color: "#fff",
+                        marginLeft: "14px",
+                        padding: "2px 6px",
+                        borderRadius: "10px"
+                      },
+                      children: [
+                        "Send",
+                        /* @__PURE__ */ jsx2(
+                          SendRounded,
+                          {
+                            sx: {
+                              marginLeft: "8px",
+                              width: "18px",
+                              transform: "rotate(-16deg)"
+                            }
+                          }
+                        )
+                      ]
+                    }
+                  )
+                ]
+              }
+            ) })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx2(
+      Menu2,
+      {
+        anchorEl: moreOptionsAnchorEl,
+        open: Boolean(moreOptionsAnchorEl),
+        onClose: handleCloseMoreOptions,
+        onClick: (e) => e.stopPropagation(),
+        sx: {
+          zIndex: 99999
+        },
+        children: /* @__PURE__ */ jsx2(
+          Box2,
+          {
+            sx: {
+              all: "unset",
+              padding: " 0px 20px",
+              "&hover": {
+                backgroundColor: "white"
+              },
+              display: "flex",
+              alignItems: "center",
+              flexDirection: "column",
+              gap: 1
+            },
+            children: processList == null ? void 0 : processList.map((item) => {
+              var _a2, _b2, _c2;
+              return /* @__PURE__ */ jsx2(
+                Box2,
+                {
+                  sx: {
+                    width: "100%"
+                  },
+                  children: /* @__PURE__ */ jsx2(Tooltip2, { title: (_a2 = item == null ? void 0 : item.process_name) != null ? _a2 : "", children: /* @__PURE__ */ jsx2(
+                    Button2,
+                    {
+                      color: "primary",
+                      variant: ((_b2 = state == null ? void 0 : state.process) == null ? void 0 : _b2.process_id) === (item == null ? void 0 : item.process_id) ? "contained" : "outlined",
+                      onClick: () => {
+                        sdkStateManager.setProcess(item);
+                      },
+                      sx: {
+                        width: "100%"
+                      },
+                      children: (_c2 = item == null ? void 0 : item.process_name) != null ? _c2 : ""
+                    }
+                  ) })
+                },
+                item == null ? void 0 : item.process_id
+              );
+            })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx2(
+      Menu2,
+      {
+        anchorEl: statusAnchorEl,
+        open: Boolean(statusAnchorEl),
+        onClose: handleCloseAgentStatus,
+        onClick: (e) => e.stopPropagation(),
+        sx: {
+          zIndex: 99999
+        },
+        children: !breaksList || (breaksList == null ? void 0 : breaksList.length) === 0 ? /* @__PURE__ */ jsx2(MenuItem2, { onClick: () => handleUpdateAgentStatus("Lunch"), children: "- Break" }) : breaksList == null ? void 0 : breaksList.map((item) => {
+          var _a2, _b2, _c2;
+          return /* @__PURE__ */ jsxs2(
+            MenuItem2,
+            {
+              sx: {
+                // hilight background of selected
+                backgroundColor: ((_a2 = state == null ? void 0 : state.callData) == null ? void 0 : _a2.status) === "BREAK" && (state == null ? void 0 : state.agentStatus) === (item == null ? void 0 : item.type) ? "primary.main" : "transparent",
+                color: ((_b2 = state == null ? void 0 : state.callData) == null ? void 0 : _b2.status) === "BREAK" && (state == null ? void 0 : state.agentStatus) === (item == null ? void 0 : item.type) ? "white" : "primary.main",
+                ":hover": {
+                  backgroundColor: ((_c2 = state == null ? void 0 : state.callData) == null ? void 0 : _c2.status) === "BREAK" && (state == null ? void 0 : state.agentStatus) === (item == null ? void 0 : item.type) ? "primary.dark" : "selected.hover"
+                  // color:
+                  // 	state?.callData?.status === "BREAK" && state?.agentStatus === item?.type ?
+                  // 		"primary.main"
+                  // 	:	"primary.main",
+                }
+              },
+              onClick: () => handleUpdateAgentStatus(item == null ? void 0 : item.type),
+              children: [
+                "- ",
+                item == null ? void 0 : item.type
+              ]
+            },
+            item == null ? void 0 : item.type
+          );
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx2(
+      Menu2,
+      {
+        anchorEl,
+        open: Boolean(anchorEl),
+        onClose: handleCloseQueueCounts,
+        onClick: (e) => e.stopPropagation(),
+        sx: {
+          zIndex: 99999
+        },
+        children: /* @__PURE__ */ jsxs2(
+          Box2,
+          {
+            sx: {
+              display: "flex",
+              justifyContent: "flex-start",
+              flexDirection: "column",
+              padding: "0px 10px",
+              "&hover": {
+                backgroundColor: "white"
+              }
+            },
+            children: [
+              /* @__PURE__ */ jsx2(
+                Chip,
+                {
+                  icon: /* @__PURE__ */ jsx2(Layers, { color: "secondary" }),
+                  variant: "outlined",
+                  label: "Waiting - 25",
+                  sx: {
+                    margin: "4px 2px"
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx2(
+                Chip,
+                {
+                  icon: /* @__PURE__ */ jsx2(Pending, { color: "info" }),
+                  label: "Pending - 99+",
+                  variant: "outlined",
+                  sx: {
+                    margin: "4px 2px"
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx2(
+                Chip,
+                {
+                  icon: /* @__PURE__ */ jsx2(Upcoming2, { color: "success" }),
+                  variant: "outlined",
+                  label: "Upcoming - 66",
+                  sx: {
+                    margin: "4px 2px"
+                  }
+                }
+              )
+            ]
+          }
+        )
+      }
+    ),
+    Boolean(state.openConferenceDialog) && /* @__PURE__ */ jsx2(ConferenceDialog, {}),
+    Boolean(state.openCallTransferDialog) && /* @__PURE__ */ jsx2(CallTransferDialog, { open: state.openCallTransferDialog }),
+    Boolean(openCallDisposition) && /* @__PURE__ */ jsx2(
+      EndCallDispositionDialog,
+      {
+        open: openCallDisposition,
+        setOpen: setOpenCallDisposition,
+        onSubmitDisposition: handleEndCall
+      }
+    ),
+    Boolean(openCallHistoryDialog) && /* @__PURE__ */ jsx2(
+      CallHistoryDialog,
+      {
+        open: openCallHistoryDialog,
+        setOpen: setOpenCallHistoryDialog
+      }
+    )
+  ] });
+}
+
+// call-control-sdk/lib/components/callControlPanel.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var CallControlPanel = memo(({ onDataChange }) => {
+  var _a;
+  const { sdk } = useSDKState();
+  const handleDataChange = useCallback6(
+    (data) => {
+      try {
+        if (onDataChange && typeof onDataChange === "function") {
+          onDataChange(data);
+        }
+      } catch (error) {
+        console.error("Error in CallControlPanel data change handler:", error);
+      }
+    },
+    [onDataChange]
+  );
+  const sdkObject = sdk == null ? void 0 : sdk.calls;
+  const hasDialerAccess = (sdkObject == null ? void 0 : sdkObject.enabled) && ((_a = sdkObject == null ? void 0 : sdkObject.items) == null ? void 0 : _a.some(
+    (item) => item.code === SDK_PERMISSIONS.CALL_OUTBOUND || item.code === SDK_PERMISSIONS.CALL_INBOUND
+  ));
+  if (!hasDialerAccess) return null;
+  return /* @__PURE__ */ jsx3(SDKProvider, { children: /* @__PURE__ */ jsx3(CallControls, { onDataChange: handleDataChange }) });
+});
+CallControlPanel.displayName = "CallControlPanel";
+
+// call-control-sdk/lib/pages/sdkPages.tsx
+import React3 from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+function withGuard(menuCodes, loader) {
+  return React3.lazy(async () => {
+    const mod = await loader();
+    const Page = mod.default;
+    const Guarded = (props) => /* @__PURE__ */ jsx4(SDKPermissionGuard, { menuFeature: menuCodes, children: /* @__PURE__ */ jsx4(Page, __spreadValues({}, props)) });
+    return { default: Guarded };
+  });
+}
+var SDKPages = {
+  CallHistory: withGuard(SDK_MENU_CODES.CALL_HISTORY, () => import("./callHistory-743J7EKD.mjs")),
+  Campaigns: withGuard(SDK_MENU_CODES.CAMPAIGNS, () => import("./campaigns-N2RLUJHH.mjs")),
+  LoginReport: withGuard(SDK_MENU_CODES.LOGIN_REPORT, () => import("./loginReport-H6XJU2MY.mjs")),
+  CdrReports: withGuard(SDK_MENU_CODES.CDR_REPORT, () => import("./cdrReport-577UYGZA.mjs")),
+  AuditReportPage: withGuard(SDK_MENU_CODES.CDR_REPORT, () => import("./auditReport-CJ23LXIZ.mjs")),
+  AgentPerformanceReport: withGuard(SDK_MENU_CODES.AGENT_PERFORMANCE_REPORT, () => import("./agentPerformanceReport-R3WY7Q7D.mjs")),
+  AgentDetailReport: withGuard(SDK_MENU_CODES.AGENT_DETAIL_REPORT, () => import("./agentDetailReport-7TDO6MYQ.mjs")),
+  LiveStatus: withGuard(SDK_MENU_CODES.LIVE_STATUS, () => import("./liveStatus-IQIEZZE5.mjs")),
+  ManagementDashboard: withGuard(SDK_MENU_CODES.MANAGEMENT_DASHBOARD, () => import("./managementDashboard-NZMAJPPB.mjs")),
+  CaroVoiceAI: withGuard(SDK_MENU_CODES.CARO_VOICE_AI, () => import("./caroVoiceAI-Z5BDDDSY.mjs")),
+  QualityAuditDashboard: withGuard(SDK_MENU_CODES.MANAGEMENT_DASHBOARD, () => import("./qualityAuditDashboard-ZJEEAMBS.mjs")),
+  CaroQualityAuditDashboard: withGuard(SDK_MENU_CODES.MANAGEMENT_DASHBOARD, () => import("./caroQualityAuditDashboard-NRWY6SEC.mjs"))
+};
+
+// call-control-sdk/lib/hooks/useClickToConference.ts
+import { useCallback as useCallback7, useEffect as useEffect5, useRef as useRef3, useState as useState9 } from "react";
+import { getSession as getSession4 } from "@react-solutions/vault";
+var useClickToConference = () => {
+  const [loading, setLoading] = useState9(false);
+  const [success, setSuccess] = useState9(false);
+  const [isError, setIsError] = useState9(false);
+  const [error, setError] = useState9(null);
+  const [data, setData] = useState9(null);
+  const pendingLineRef = useRef3(null);
+  const prevConferenceRef = useRef3([]);
+  useEffect5(() => {
+    if (pendingLineRef.current === null) return;
+    const unsubscribe = sdkStateManager.subscribe(() => {
+      var _a;
+      const state = sdkStateManager.getState();
+      const targetLine = pendingLineRef.current;
+      if (targetLine === null) return;
+      const line = (_a = state.conferenceLine) == null ? void 0 : _a.find(
+        (l) => l.line === targetLine
+      );
+      if (line && line.status !== "IDLE") {
+        pendingLineRef.current = null;
+        prevConferenceRef.current = [];
+        sdkStateManager.setOpenConferenceDialog(true);
+      }
+    });
+    return unsubscribe;
+  }, [loading]);
+  const handleStartConferenceCall = useCallback7(
+    async (payload) => {
+      var _a, _b, _c, _d, _e, _f;
+      const state = getSession4(STORAGE_KEY);
+      if (((_a = state == null ? void 0 : state.callData) == null ? void 0 : _a.status) !== "ONCALL") {
+        const msg = "Conference call requires an active call (ONCALL status)";
+        setIsError(true);
+        setError(new Error(msg));
+        throw new Error(msg);
+      }
+      const availableLine = payload.lineNumber != null ? (_b = state == null ? void 0 : state.conferenceLine) == null ? void 0 : _b.find(
+        (l) => l.line === payload.lineNumber
+      ) : (_d = (_c = state == null ? void 0 : state.conferenceLine) == null ? void 0 : _c.filter((l) => l.line !== 1)) == null ? void 0 : _d.find((l) => l.status === "IDLE" && !(l == null ? void 0 : l.isCallStart));
+      if (!availableLine) {
+        const msg = "No available conference line found";
+        setIsError(true);
+        setError(new Error(msg));
+        throw new Error(msg);
+      }
+      const requestPayload = {
+        action: "EXTERNAL_CONFERENCE",
+        operation: `CALL${availableLine.line}`,
+        target: payload.mobileNumber,
+        line_number: Number(availableLine.line),
+        userid: state.agentId,
+        process: (_f = (_e = state.callData) == null ? void 0 : _e.process_name) != null ? _f : ""
+      };
+      setLoading(true);
+      setIsError(false);
+      setError(null);
+      setSuccess(false);
+      pendingLineRef.current = availableLine.line;
+      return axios_default.post(END_POINT.CONFERENCE_CALL, requestPayload).then((res) => {
+        setData(res == null ? void 0 : res.data);
+        setSuccess(true);
+        return res == null ? void 0 : res.data;
+      }).catch((err) => {
+        var _a2;
+        pendingLineRef.current = null;
+        setIsError(true);
+        setError(err);
+        return (_a2 = err == null ? void 0 : err.response) == null ? void 0 : _a2.data;
+      }).finally(() => {
+        setLoading(false);
+      });
+    },
+    []
+  );
+  return {
+    handleStartConferenceCall,
+    isLoading: loading,
+    isSuccess: success,
+    isError,
+    error,
+    data
+  };
+};
+
+// call-control-sdk/lib/angular-services/index.ts
+import { removeSession as removeSession2 } from "@react-solutions/vault";
+function clickToCall(payload) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+  const state = sdkStateManager.getState();
+  const body = {
+    phone_number: payload.mobileNumber,
+    user: (_b = (_a = payload.user) != null ? _a : state == null ? void 0 : state.agentId) != null ? _b : "",
+    auto_answer: (_c = payload.auto_answer) != null ? _c : false,
+    call_id: (_f = (_e = payload.call_id) != null ? _e : (_d = state == null ? void 0 : state.callData) == null ? void 0 : _d.call_id) != null ? _f : "",
+    reference_id: (_g = payload.reference_id) != null ? _g : "",
+    call_source: (_h = payload.call_source) != null ? _h : "",
+    caseId: (_i = payload.caseId) != null ? _i : "",
+    isWrapup: (_j = payload.isWrapup) != null ? _j : false,
+    parentCallUuid: (_k = payload.parentCallUuid) != null ? _k : ""
+  };
+  return axios_default.post(END_POINT.CLICK_TO_CALL, body).then((res) => {
+    try {
+      sdkStateManager.resetConferenceLines();
+    } catch (_) {
+    }
+    return res.data;
+  }).catch((err) => {
+    var _a2;
+    return (_a2 = err == null ? void 0 : err.response) == null ? void 0 : _a2.data;
+  });
+}
+function clickToConference(payload) {
+  var _a, _b, _c, _d, _e;
+  const state = sdkStateManager.getState();
+  const availableLine = payload.lineNumber != null ? (_a = state == null ? void 0 : state.conferenceLine) == null ? void 0 : _a.find((l) => l.line === payload.lineNumber) : (_c = (_b = state == null ? void 0 : state.conferenceLine) == null ? void 0 : _b.filter((l) => l.line !== 1)) == null ? void 0 : _c.find((l) => l.status === "IDLE" && !(l == null ? void 0 : l.isCallStart));
+  if (!availableLine) {
+    return Promise.reject(new Error("No available conference line found"));
+  }
+  const body = {
+    action: "EXTERNAL_CONFERENCE",
+    operation: `CALL${availableLine.line}`,
+    target: payload.mobileNumber,
+    line_number: Number(availableLine.line),
+    userid: state.agentId,
+    process: (_e = (_d = state.callData) == null ? void 0 : _d.process_name) != null ? _e : ""
+  };
+  return axios_default.post(END_POINT.CONFERENCE_CALL, body).then((res) => {
+    try {
+      sdkStateManager.setOpenConferenceDialog(true);
+    } catch (_) {
+    }
+    return res.data;
+  }).catch((err) => {
+    var _a2;
+    return (_a2 = err == null ? void 0 : err.response) == null ? void 0 : _a2.data;
+  });
+}
+async function endCall(options = {}) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t;
+  const state = sdkStateManager.getState();
+  const body = {
+    call_id: (_c = (_b = options.call_id) != null ? _b : (_a = state == null ? void 0 : state.callData) == null ? void 0 : _a.call_id) != null ? _c : "",
+    agent_id: (_e = (_d = options.agent_id) != null ? _d : state == null ? void 0 : state.agentId) != null ? _e : "",
+    set_followUp: (_f = options.set_followUp) != null ? _f : "N",
+    callback_date: (_g = options.callback_date) != null ? _g : "",
+    callback_hrs: (_h = options.callback_hrs) != null ? _h : 0,
+    callback_mins: (_i = options.callback_mins) != null ? _i : 0,
+    mobile_number: (_l = (_k = options.mobile_number) != null ? _k : (_j = state == null ? void 0 : state.callData) == null ? void 0 : _j.phone_number) != null ? _l : "",
+    list_comments: (_m = options.list_comments) != null ? _m : "",
+    call_reference_id: (_p = (_o = options.call_reference_id) != null ? _o : (_n = state == null ? void 0 : state.callData) == null ? void 0 : _n.call_id) != null ? _p : "",
+    is_mark_as_break: (_q = options.is_mark_as_break) != null ? _q : false,
+    disposition: (_r = options.disposition) != null ? _r : "RES",
+    line_number: (_s = options.line_number) != null ? _s : 0,
+    reason: (_t = options.reason) != null ? _t : "normal"
+  };
+  const res = await axios_default.post(END_POINT.END_CALL, body);
+  sdkStateManager.resetConferenceLines();
+  sdkStateManager.endCall();
+  return res.data;
+}
+async function logout() {
+  var _a, _b;
+  let logoutError;
+  try {
+    await axios_default.post(END_POINT.AUTH_LOGOUT);
+  } catch (err) {
+    logoutError = new Error(((_b = (_a = err == null ? void 0 : err.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) || "Logout failed. Please try again.");
+  } finally {
+    sdkStateManager.clearStorageAndReset();
+    removeSession2(STORAGE_KEY);
+  }
+  if (logoutError) throw logoutError;
+}
+async function startMonitoring(payload) {
+  const res = await axios_default.post(END_POINT.SUPERVISOR_CALL_LISTEN, payload);
+  return res.data;
+}
+async function stopMonitoring(payload) {
+  const res = await axios_default.post(END_POINT.SUPERVISOR_CALL_LEAVE, payload);
+  return res.data;
+}
+async function changeMonitorMode(payload) {
+  const res = await axios_default.post(END_POINT.SUPERVISOR_CALL_CHANGE_MODE, payload);
+  return res.data;
+}
+function setTransferLeadData(data) {
+  sdkStateManager.setTransferLeadData(data);
+}
+
+// call-control-sdk/index.ts
+async function initSDK({
+  apiKey,
+  tenantId,
+  agentId,
+  sdkConfig,
+  urlConfig
+}) {
+  if (!apiKey || typeof apiKey !== "string" || apiKey.trim().length === 0) {
+    throw new Error("SDK initialization failed: API key is required");
+  }
+  if (!tenantId || typeof tenantId !== "string" || tenantId.trim().length === 0) {
+    throw new Error("SDK initialization failed: Tenant ID is required");
+  }
+  if (!agentId || typeof agentId !== "string" || agentId.trim().length === 0) {
+    throw new Error("SDK initialization failed: Agent ID is required");
+  }
+  try {
+    const initResult = await eventTracker.init({
+      apiKey: apiKey.trim(),
+      tenantId: tenantId.trim(),
+      agentId: agentId.trim(),
+      password: urlConfig == null ? void 0 : urlConfig.password,
+      accessToken: urlConfig == null ? void 0 : urlConfig.accessToken,
+      baseUrl: urlConfig == null ? void 0 : urlConfig.coreBaseURL
+    });
+    if (!initResult) {
+      sdkStateManager.setInitCheck();
+      throw new Error("SDK initialization failed");
+    }
+    if (initResult.userInfo) {
+      sdkStateManager.setSDKPermissions(initResult.userInfo);
+    }
+    const permissionControlsConfig = sdkStateManager.getControlsConfig();
+    const callcontrolConfig = __spreadValues(__spreadValues(__spreadValues({}, initResult.callControls || {}), permissionControlsConfig), sdkConfig || {});
+    const res = {
+      accessToken: initResult.accessToken,
+      expiration: initResult.expiration,
+      ticketId: initResult.ticketId,
+      callControls: callcontrolConfig,
+      userInfo: initResult.userInfo
+    };
+    console.info("SDK initialized successfully");
+    sdkStateManager.initialize(
+      apiKey.trim(),
+      tenantId.trim(),
+      agentId.trim(),
+      urlConfig,
+      res,
+      callcontrolConfig,
+      initResult.callControls
+    );
+    return res;
+  } catch (error) {
+    sdkStateManager.setInitCheck();
+    if (error instanceof Error) {
+      throw error;
+    }
+    throw new Error(`SDK initialization failed: ${String(error)}`);
+  }
+}
+function getSDKVersion() {
+  return "6.x.x";
+}
+function isSDKInitialized() {
+  return sdkStateManager.getState().isInitialized;
+}
+export {
+  CallControlPanel,
+  SDKAccessDenied,
+  SDKPages,
+  SDKPermissionGuard,
+  SDK_MENU_CODES,
+  SDK_PERMISSIONS,
+  SDK_WILDCARD,
+  changeMonitorMode,
+  clickToCall,
+  clickToConference,
+  endCall,
+  getSDKVersion,
+  initSDK,
+  isSDKInitialized,
+  logout,
+  sdkStateManager,
+  setAuditReportUrlResolver,
+  setTransferLeadData,
+  startMonitoring,
+  stopMonitoring,
+  useCallMonitoring,
+  useClickToCall,
+  useClickToConference,
+  useEndCall,
+  useGetAuthorizationToken,
+  useGetCallerData,
+  useLogout,
+  useSDKPermissions,
+  useSDKState
+};
+//# sourceMappingURL=index.mjs.map