call-control-sdk 6.5.1-uat.6 → 6.5.2-uat.1

package/dist/index.js

@@ -60,6 +60,9 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 
+// call-control-sdk/lib/hooks/sdk-state.ts
+var import_vault = require("@react-solutions/vault");
+
 // call-control-sdk/lib/services/endPoint.ts
 var IP = "uat-cti.aighospitals.com";
 var BASE_URL = `https://${IP}:8095`;
@@ -89,7 +92,9 @@ var END_POINT = {
   SEND_NOTIFICATIONS: `${BASE_URL}${VERSION.v1}/cti/notifications/send`,
   CALL_HISTORY: `${BASE_URL}${VERSION.v1}/dashboard/call-history`,
   SENTIMENTAL_ANALYSIS: `${BASE_URL}${VERSION.v1}/users/get_sentiment_analysis`,
-  DISPOSITIONS: `${BASE_URL}${VERSION.v1}/cti/calls/dispositions`
+  DISPOSITIONS: `${BASE_URL}${VERSION.v1}/cti/calls/dispositions`,
+  HOSPITALS_SERVICES: `${BASE_URL}${VERSION.v1}/cti/hospital/services`,
+  BLIEND_TRANSFER: `${BASE_URL}${VERSION.v1}/cti/calls/blind_transfer?provider=convox`
 };
 var WS_END_POINT = {
   WS: `${WS_BASE_URL}${VERSION.v1}/cti/ws`
@@ -129,9 +134,6 @@ var SDKStateManager = class {
         enabled: {},
         outlined: {}
       },
-      isHolding: false,
-      isMuted: false,
-      status: "idle",
       callStartTime: null,
       controlPanelPosition: { x: 10, y: 10 },
       iframePosition: { x: ((_a2 = window.screen) == null ? void 0 : _a2.availWidth) - 460, y: ((_b = window.screen) == null ? void 0 : _b.height) - 580 },
@@ -204,9 +206,9 @@ var SDKStateManager = class {
   loadFromStorage() {
     var _a2, _b;
     try {
-      const stored = localStorage.getItem(this.STORAGE_KEY);
+      const stored = (0, import_vault.getItem)(this.STORAGE_KEY);
       if (stored) {
-        const parsedState = JSON.parse(stored);
+        const parsedState = stored;
         this.state = __spreadProps(__spreadValues({}, this.state), {
           agentId: parsedState.agentId || "",
           authorization: parsedState.authorization || void 0,
@@ -227,9 +229,6 @@ var SDKStateManager = class {
             enabled: {},
             outlined: {}
           },
-          isHolding: parsedState.isHolding || false,
-          isMuted: parsedState.isMuted || false,
-          status: parsedState.status || "idle",
           callStartTime: parsedState.callStartTime || null,
           controlPanelPosition: parsedState.controlPanelPosition || {
             x: 10,
@@ -248,7 +247,6 @@ var SDKStateManager = class {
             event_time: "",
             phone_number: ""
           },
-          // Fix: Properly handle conferenceLine with fallback to initial state
           conferenceLine: parsedState.conferenceLine && Array.isArray(parsedState.conferenceLine) && parsedState.conferenceLine.length > 0 ? parsedState.conferenceLine : this.state.conferenceLine
         });
       }
@@ -266,16 +264,13 @@ var SDKStateManager = class {
         openConferenceDialog: this.state.openConferenceDialog,
         openCallTransferDialog: this.state.openCallTransferDialog,
         sdkConfig: this.state.sdkConfig,
-        isHolding: this.state.isHolding,
-        isMuted: this.state.isMuted,
-        status: this.state.status,
         callStartTime: this.state.callStartTime,
         controlPanelPosition: this.state.controlPanelPosition,
         iframePosition: this.state.iframePosition,
         callData: this.state.callData,
         conferenceLine: this.state.conferenceLine
       };
-      localStorage.setItem(this.STORAGE_KEY, JSON.stringify(persistentState));
+      (0, import_vault.setItem)(this.STORAGE_KEY, persistentState);
     } catch (error) {
       console.warn("Failed to save SDK state:", error);
     }
@@ -339,21 +334,16 @@ var SDKStateManager = class {
       }
     };
   }
-  setHolding(isHolding) {
-    this.state.isHolding = isHolding;
-    this.saveToStorage();
-    this.notifyListeners();
-  }
-  setMuted(isMuted) {
-    this.state.isMuted = isMuted;
-    this.saveToStorage();
-    this.notifyListeners();
-  }
-  setStatus(status) {
-    this.state.status = status;
-    this.saveToStorage();
-    this.notifyListeners();
-  }
+  // public setHolding(isHolding: boolean): void {
+  // 	this.state.isHolding = isHolding;
+  // 	this.saveToStorage();
+  // 	this.notifyListeners();
+  // }
+  // public setMuted(isMuted: boolean): void {
+  // 	this.state.isMuted = isMuted;
+  // 	this.saveToStorage();
+  // 	this.notifyListeners();
+  // }
   setProcess(process) {
     this.state.process = process;
     this.saveToStorage();
@@ -371,15 +361,11 @@ var SDKStateManager = class {
   }
   startCall() {
     this.state.callStartTime = Date.now();
-    this.state.status = "on call";
     this.saveToStorage();
     this.notifyListeners();
   }
   endCall() {
     this.state.callStartTime = null;
-    this.state.status = "idle";
-    this.state.isHolding = false;
-    this.state.isMuted = false;
     this.saveToStorage();
     this.notifyListeners();
   }
@@ -481,7 +467,7 @@ var SDKStateManager = class {
   }
   clearStorageAndReset() {
     try {
-      localStorage.removeItem(this.STORAGE_KEY);
+      (0, import_vault.removeItem)(this.STORAGE_KEY);
       this.state = this.getInitialState();
       this.notifyListeners();
     } catch (error) {
@@ -646,6 +632,7 @@ var axiosInstance = createAxiosInstance();
 var axios_default = axiosInstance;
 
 // call-control-sdk/lib/hooks/useLogout.ts
+var import_vault2 = require("@react-solutions/vault");
 var useLogout = () => {
   const [loading, setLoading] = (0, import_react.useState)(false);
   const [success, setSuccess] = (0, import_react.useState)(false);
@@ -653,8 +640,7 @@ var useLogout = () => {
   const [error, setError] = (0, import_react.useState)(null);
   const [data, setData] = (0, import_react.useState)(null);
   const handleLogout = (0, import_react.useCallback)(async () => {
-    var _a2;
-    const state = JSON.parse((_a2 = localStorage.getItem(STORAGE_KEY)) != null ? _a2 : "");
+    const state = (0, import_vault2.getItem)(STORAGE_KEY);
     setLoading(true);
     const payload = {
       action: "LOGOUTUSER",
@@ -662,16 +648,15 @@ var useLogout = () => {
     };
     return axios_default.post(END_POINT.LOGOUT, payload).then((res) => {
       sdkStateManager.clearStorageAndReset();
-      localStorage.clear();
-      sessionStorage.clear();
+      (0, import_vault2.removeItem)(STORAGE_KEY);
       setData(res == null ? void 0 : res.data);
       setSuccess(true);
       return res == null ? void 0 : res.data;
     }).catch((err) => {
-      var _a3;
+      var _a2;
       setIsError(true);
       setError(err);
-      return (_a3 = err == null ? void 0 : err.response) == null ? void 0 : _a3.data;
+      return (_a2 = err == null ? void 0 : err.response) == null ? void 0 : _a2.data;
     }).finally(() => {
       setLoading(false);
     });
@@ -688,6 +673,7 @@ var useLogout = () => {
 
 // call-control-sdk/lib/hooks/useEndCall.ts
 var import_react2 = require("react");
+var import_vault3 = require("@react-solutions/vault");
 var useEndCall = () => {
   const [loading, setLoading] = (0, import_react2.useState)(false);
   const [success, setSuccess] = (0, import_react2.useState)(false);
@@ -696,26 +682,26 @@ var useEndCall = () => {
   const [data, setData] = (0, import_react2.useState)(null);
   const handleEndCall = (0, import_react2.useCallback)(
     async (data2) => {
-      var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
-      const state = JSON.parse((_a2 = localStorage.getItem(STORAGE_KEY)) != null ? _a2 : "");
+      var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+      const state = (0, import_vault3.getItem)(STORAGE_KEY);
       setLoading(true);
       const payload = {
         action: "ENDCALL",
         userId: state == null ? void 0 : state.agentId,
-        processid: (_d = (_c = (_b = state == null ? void 0 : state.process) == null ? void 0 : _b.process_id) == null ? void 0 : _c.toString()) != null ? _d : "",
-        process_name: (_f = (_e = state == null ? void 0 : state.process) == null ? void 0 : _e.process_name) != null ? _f : "",
-        callreferenceid: (_h = (_g = state == null ? void 0 : state.callData) == null ? void 0 : _g.convox_id) != null ? _h : "",
-        mobile_number: (_j = (_i = state == null ? void 0 : state.callData) == null ? void 0 : _i.phone_number) != null ? _j : "",
-        disposition: (_k = data2 == null ? void 0 : data2.disposition) != null ? _k : "RES",
-        set_followUp: (_l = data2 == null ? void 0 : data2.followUp) != null ? _l : "N",
-        callback_date: (_m = data2 == null ? void 0 : data2.callbackDate) != null ? _m : "",
-        callback_hrs: (_n = data2 == null ? void 0 : data2.callbackHrs) != null ? _n : "",
-        callback_mins: (_o = data2 == null ? void 0 : data2.callbackMins) != null ? _o : "",
+        processid: (_c = (_b = (_a2 = state == null ? void 0 : state.process) == null ? void 0 : _a2.process_id) == null ? void 0 : _b.toString()) != null ? _c : "",
+        process_name: (_e = (_d = state == null ? void 0 : state.process) == null ? void 0 : _d.process_name) != null ? _e : "",
+        callreferenceid: (_g = (_f = state == null ? void 0 : state.callData) == null ? void 0 : _f.convox_id) != null ? _g : "",
+        mobile_number: (_i = (_h = state == null ? void 0 : state.callData) == null ? void 0 : _h.phone_number) != null ? _i : "",
+        disposition: (_j = data2 == null ? void 0 : data2.disposition) != null ? _j : "RES",
+        set_followUp: (_k = data2 == null ? void 0 : data2.followUp) != null ? _k : "N",
+        callback_date: (_l = data2 == null ? void 0 : data2.callbackDate) != null ? _l : "",
+        callback_hrs: (_m = data2 == null ? void 0 : data2.callbackHrs) != null ? _m : "",
+        callback_mins: (_n = data2 == null ? void 0 : data2.callbackMins) != null ? _n : "",
         endcall_type: "CLOSE"
       };
       return axios_default.post(END_POINT.END_CALL, payload, {
         params: {
-          isBreak: (_p = data2 == null ? void 0 : data2.isBreak) != null ? _p : false
+          isBreak: (_o = data2 == null ? void 0 : data2.isBreak) != null ? _o : false
         }
       }).then((res) => {
         sdkStateManager.resetConferenceLines();
@@ -746,6 +732,7 @@ var useEndCall = () => {
 
 // call-control-sdk/lib/hooks/useClickToCall.ts
 var import_react3 = require("react");
+var import_vault4 = require("@react-solutions/vault");
 var useClickToCall = () => {
   const [loading, setLoading] = (0, import_react3.useState)(false);
   const [success, setSuccess] = (0, import_react3.useState)(false);
@@ -753,10 +740,10 @@ var useClickToCall = () => {
   const [error, setError] = (0, import_react3.useState)(null);
   const [data, setData] = (0, import_react3.useState)(null);
   const handleStartCall = (0, import_react3.useCallback)(async (data2) => {
-    var _a2, _b, _c, _d, _e, _f, _g, _h, _i;
-    const state = JSON.parse((_a2 = localStorage.getItem(STORAGE_KEY)) != null ? _a2 : "");
+    var _a2, _b, _c, _d, _e, _f, _g, _h;
+    const state = (0, import_vault4.getItem)(STORAGE_KEY);
     setLoading(true);
-    if (((_b = state == null ? void 0 : state.callData) == null ? void 0 : _b.status) === "IDLE") {
+    if (((_a2 = state == null ? void 0 : state.callData) == null ? void 0 : _a2.status) === "IDLE") {
       const payload = {
         action: "CALL",
         userId: state == null ? void 0 : state.agentId,
@@ -775,15 +762,15 @@ var useClickToCall = () => {
       }).finally(() => {
         setLoading(false);
       });
-    } else if (((_c = state == null ? void 0 : state.callData) == null ? void 0 : _c.status) === "ONCALL") {
-      const line_used = (_e = (_d = state == null ? void 0 : state.conferenceLine) == null ? void 0 : _d.filter((each) => each.line !== 1)) == null ? void 0 : _e.find((each) => each.status === "IDLE" && !(each == null ? void 0 : each.isCallStart));
+    } else if (((_b = state == null ? void 0 : state.callData) == null ? void 0 : _b.status) === "ONCALL") {
+      const line_used = (_d = (_c = state == null ? void 0 : state.conferenceLine) == null ? void 0 : _c.filter((each) => each.line !== 1)) == null ? void 0 : _d.find((each) => each.status === "IDLE" && !(each == null ? void 0 : each.isCallStart));
       const payload = {
         action: "EXTERNAL_CONFERENCE",
         operation: `CALL${line_used.line}`,
         line_used: String(line_used.line),
         thirdparty_no: data2 == null ? void 0 : data2.mobileNumber,
-        userid: (_g = (_f = state.callData) == null ? void 0 : _f.agent_id) != null ? _g : "",
-        process: (_i = (_h = state.callData) == null ? void 0 : _h.process_name) != null ? _i : ""
+        userid: (_f = (_e = state.callData) == null ? void 0 : _e.agent_id) != null ? _f : "",
+        process: (_h = (_g = state.callData) == null ? void 0 : _g.process_name) != null ? _h : ""
       };
       return axios_default.post(END_POINT.CONFERENCE_CALL, payload).then((res) => {
         setData(res == null ? void 0 : res.data);
@@ -864,101 +851,16 @@ var import_icons_material2 = require("@mui/icons-material");
 var import_material4 = require("@mui/material");
 var import_react11 = require("react");
 
-// call-control-sdk/lib/hooks/useDraggable.ts
-var import_react6 = require("react");
-function useDraggable(initialPosition, onPositionChange) {
-  const [position, setPosition] = (0, import_react6.useState)(initialPosition);
-  const [isDragging, setIsDragging] = (0, import_react6.useState)(false);
-  const dragRef = (0, import_react6.useRef)();
-  const dragStart = (0, import_react6.useRef)({ x: 0, y: 0 });
-  const elementStart = (0, import_react6.useRef)({ x: 0, y: 0 });
-  const updatePosition = (0, import_react6.useCallback)(
-    (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 = (0, import_react6.useCallback)(
-    (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 = (0, import_react6.useCallback)(
-    (e) => {
-      e.preventDefault();
-      handleStart(e.clientX, e.clientY);
-    },
-    [handleStart]
-  );
-  const handleTouchStart = (0, import_react6.useCallback)(
-    (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/components/dialog.tsx
+var import_icons_material = require("@mui/icons-material");
+var import_material3 = require("@mui/material");
+var import_react9 = require("react");
 
 // call-control-sdk/lib/hooks/useSDKState.ts
-var import_react7 = require("react");
+var import_react6 = require("react");
 function useSDKState() {
-  const [state, setState] = (0, import_react7.useState)(sdkStateManager.getState());
-  (0, import_react7.useEffect)(() => {
+  const [state, setState] = (0, import_react6.useState)(sdkStateManager.getState());
+  (0, import_react6.useEffect)(() => {
     const unsubscribe = sdkStateManager.subscribe(() => {
       setState(sdkStateManager.getState());
     });
@@ -968,22 +870,22 @@ function useSDKState() {
 }
 
 // call-control-sdk/lib/services/request.ts
-var import_react9 = require("react");
+var import_react8 = require("react");
 
 // call-control-sdk/lib/services/toastMessage.tsx
-var import_react8 = require("react");
+var import_react7 = require("react");
 var import_material = require("@mui/material");
 var import_jsx_runtime = require("react/jsx-runtime");
-var ToastContext = (0, import_react8.createContext)(void 0);
+var ToastContext = (0, import_react7.createContext)(void 0);
 var useToast = () => {
-  const ctx = (0, import_react8.useContext)(ToastContext);
+  const ctx = (0, import_react7.useContext)(ToastContext);
   if (!ctx) throw new Error("useToast must be used inside ToastProvider");
   return ctx;
 };
 var ToastProvider = ({ children }) => {
-  const [open, setOpen] = (0, import_react8.useState)(false);
-  const [message, setMessage] = (0, import_react8.useState)("");
-  const [severity, setSeverity] = (0, import_react8.useState)("info");
+  const [open, setOpen] = (0, import_react7.useState)(false);
+  const [message, setMessage] = (0, import_react7.useState)("");
+  const [severity, setSeverity] = (0, import_react7.useState)("info");
   const showToast = (msg, sev = "info") => {
     setMessage(msg);
     setSeverity(sev);
@@ -1051,8 +953,8 @@ var reducer = (state, action) => {
 var useGetRequest = (props = {}) => {
   const { onSuccess = null, onError = null } = props;
   const { showToast } = useToast();
-  const [state, dispatch] = (0, import_react9.useReducer)(reducer, initialState);
-  const getRequest = (0, import_react9.useCallback)(
+  const [state, dispatch] = (0, import_react8.useReducer)(reducer, initialState);
+  const getRequest = (0, import_react8.useCallback)(
     (url, config = {}) => {
       dispatch({
         type: "isLoading",
@@ -1104,8 +1006,8 @@ var useGetRequest = (props = {}) => {
 var usePostRequest = (props = {}) => {
   const { onSuccess = null, onError = null, disabledSuccessToast = false } = props;
   const { showToast } = useToast();
-  const [state, dispatch] = (0, import_react9.useReducer)(reducer, initialState);
-  const postRequest = (0, import_react9.useCallback)(
+  const [state, dispatch] = (0, import_react8.useReducer)(reducer, initialState);
+  const postRequest = (0, import_react8.useCallback)(
     (url, payload, config = {}) => {
       dispatch({
         type: "isLoading",
@@ -1149,11 +1051,6 @@ var usePostRequest = (props = {}) => {
   return [postRequest, state];
 };
 
-// call-control-sdk/lib/components/dialog.tsx
-var import_icons_material = require("@mui/icons-material");
-var import_material3 = require("@mui/material");
-var import_react10 = require("react");
-
 // call-control-sdk/lib/components/styles.ts
 var import_material2 = require("@mui/material");
 var useStyles = ({
@@ -1221,19 +1118,19 @@ var styles_default = useStyles;
 // call-control-sdk/lib/components/dialog.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var ConferenceTableRow = ({ each }) => {
-  var _a2, _b, _c, _d, _e;
+  var _a2, _b, _c, _d, _e, _f;
   const state = useSDKState();
+  const theme = (0, import_material3.useTheme)();
   const { showToast } = useToast();
   const { disabled, enabled, outlined } = styles_default({
     disabled: ((_a2 = state.sdkConfig) == null ? void 0 : _a2.disabled) || {},
     enabled: ((_b = state.sdkConfig) == null ? void 0 : _b.enabled) || {},
     outlined: ((_c = state.sdkConfig) == null ? void 0 : _c.outlined) || {}
   });
-  const theme = (0, import_material3.useTheme)();
-  const [conferenceCallStart, setConferenceCallStart] = (0, import_react10.useState)(false);
-  const [conferenceCallMerge, setConferenceCallMerge] = (0, import_react10.useState)(false);
-  const [conferenceCallHoldOrUnHold, setConferenceCallHoldOrUnHold] = (0, import_react10.useState)(false);
-  const [conferenceCallEnd, setConferenceCallEnd] = (0, import_react10.useState)(false);
+  const [conferenceCallStart, setConferenceCallStart] = (0, import_react9.useState)(false);
+  const [conferenceCallMerge, setConferenceCallMerge] = (0, import_react9.useState)(false);
+  const [conferenceCallHoldOrUnHold, setConferenceCallHoldOrUnHold] = (0, import_react9.useState)(false);
+  const [conferenceCallEnd, setConferenceCallEnd] = (0, import_react9.useState)(false);
   const onConferenceLineUpdate = (line, data) => {
     sdkStateManager.setConferenceLine(__spreadValues(__spreadValues({}, line), data));
   };
@@ -1242,7 +1139,7 @@ var ConferenceTableRow = ({ each }) => {
     const line_used = __spreadValues(__spreadValues({}, line), data);
     setConferenceCallStart(true);
     const payload = {
-      action: "INTERNAL_CONFERENCE",
+      action: "EXTERNAL_CONFERENCE",
       operation: `CALL${line_used.line}`,
       line_used: String(line_used.line),
       thirdparty_no: line_used.phone,
@@ -1335,20 +1232,12 @@ var ConferenceTableRow = ({ each }) => {
       setConferenceCallEnd(false);
     });
   };
-  const [holdOrUnHold] = usePostRequest({
-    onSuccess: () => {
-      sdkStateManager.setHolding(!state.isHolding);
-    }
-  });
-  const [muteOrUnMute] = usePostRequest({
-    onSuccess: () => {
-      sdkStateManager.setMuted(!state.isMuted);
-    }
-  });
+  const [holdOrUnHold] = usePostRequest();
+  const [muteOrUnMute] = usePostRequest();
   const handleHoldToggle = () => {
     var _a3;
     const payload = {
-      action: ((_a3 = state.callData) == null ? void 0 : _a3.hold) === 1 ? "UNHOLD" : "HOLD",
+      action: ((_a3 = state.callData) == null ? void 0 : _a3.hold) === 1 ? "UNHOLD" /* UNHOLD */ : "HOLD" /* HOLD */,
       userId: state.agentId
     };
     holdOrUnHold(END_POINT.HOLD_CALL, payload);
@@ -1356,7 +1245,7 @@ var ConferenceTableRow = ({ each }) => {
   const handleMuteToggle = () => {
     var _a3;
     const payload = {
-      action: ((_a3 = state.callData) == null ? void 0 : _a3.mute) === 1 ? "UNMUTE" : "MUTE",
+      action: ((_a3 = state.callData) == null ? void 0 : _a3.mute) === 1 ? "UNMUTE" /* UNMUTE */ : "MUTE" /* MUTE */,
       userId: state.agentId
     };
     muteOrUnMute(END_POINT.MUTE_CALL, payload);
@@ -1418,7 +1307,7 @@ var ConferenceTableRow = ({ each }) => {
                 placeholder: "Phone Number",
                 fullWidth: true,
                 value: (each == null ? void 0 : each.phone) || "",
-                disabled: (each == null ? void 0 : each.line) === 1 || (each == null ? void 0 : each.status) === "ONCALL" || (each == null ? void 0 : each.status) === "DISCONNECTED" || (each == null ? void 0 : each.status) === "CONFERENCE" || (each == null ? void 0 : each.status) === "HOLD" || (each == null ? void 0 : each.status) === "MUTE" || (each == null ? void 0 : each.status) === "DIALING" || (each == null ? void 0 : each.status) === "RINGING",
+                disabled: (each == null ? void 0 : each.line) === 1 || ["ONCALL" /* ONCALL */, "DISCONNECTED" /* DISCONNECTED */, "CONFERENCE" /* CONFERENCE */, "HOLD" /* HOLD */, "MUTE" /* MUTE */, "DIALING" /* DIALING */, "RINGING" /* RINGING */].includes((_f = each == null ? void 0 : each.status) != null ? _f : ""),
                 onChange: (e) => {
                   onConferenceLineUpdate(each, { phone: e.target.value });
                 }
@@ -1431,7 +1320,6 @@ var ConferenceTableRow = ({ each }) => {
           {
             sx: {
               padding: "6px",
-              // width: "200px",
               flex: 1
             },
             children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
@@ -1445,20 +1333,20 @@ var ConferenceTableRow = ({ each }) => {
                   gap: "10px"
                 },
                 children: [
-                  (each == null ? void 0 : each.line) === 1 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material3.Tooltip, { title: (each == null ? void 0 : each.status) !== "HOLD" ? "Hold" : "Resume", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  (each == null ? void 0 : each.line) === 1 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material3.Tooltip, { title: (each == null ? void 0 : each.status) !== "HOLD" /* HOLD */ ? "Hold" : "Resume", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                     import_material3.Button,
                     {
-                      variant: (each == null ? void 0 : each.status) === "HOLD" ? "contained" : "outlined",
-                      sx: (each == null ? void 0 : each.status) === "CONFERENCE" ? __spreadValues({}, outlined) : __spreadValues({}, disabled),
+                      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") {
+                        if (each.status === "HOLD" /* HOLD */) {
                           onHoldOrUnHoldConferenceCall(each, { isHold: false }, "UNHOLDUSER");
                         } else {
                           onHoldOrUnHoldConferenceCall(each, { isHold: true }, "HOLDUSER");
                         }
                       },
-                      disabled: (each == null ? void 0 : each.status) !== "CONFERENCE" && (each == null ? void 0 : each.status) !== "HOLD" || conferenceCallHoldOrUnHold,
-                      children: each.status === "HOLD" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                      disabled: (each == null ? void 0 : each.status) !== "CONFERENCE" /* CONFERENCE */ && (each == null ? void 0 : each.status) !== "HOLD" /* HOLD */ || conferenceCallHoldOrUnHold,
+                      children: each.status === "HOLD" /* HOLD */ ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
                         import_material3.Box,
                         {
                           sx: {
@@ -1475,7 +1363,7 @@ var ConferenceTableRow = ({ each }) => {
                                 variant: "body2",
                                 sx: {
                                   fontSize: "12px",
-                                  color: each.status === "HOLD" ? "#fff" : "initial"
+                                  color: each.status === "HOLD" /* HOLD */ ? "#fff" : "initial"
                                 },
                                 children: "Unhold"
                               }
@@ -1507,7 +1395,7 @@ var ConferenceTableRow = ({ each }) => {
                               {
                                 variant: "body2",
                                 sx: {
-                                  color: each.status === "HOLD" ? "#fff" : "#000",
+                                  color: each.status === "HOLD" /* HOLD */ ? "#fff" : "#000",
                                   fontSize: "12px"
                                 },
                                 children: "Hold"
@@ -1530,9 +1418,9 @@ var ConferenceTableRow = ({ each }) => {
                   (each == null ? void 0 : each.line) !== 1 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material3.Tooltip, { title: "Call", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                     import_material3.Button,
                     {
-                      variant: (each == null ? void 0 : each.status) !== "IDLE" ? "outlined" : "contained",
+                      variant: (each == null ? void 0 : each.status) !== "IDLE" /* IDLE */ ? "outlined" : "contained",
                       color: "success",
-                      sx: (each == null ? void 0 : each.status) !== "IDLE" ? __spreadValues({}, disabled) : __spreadProps(__spreadValues({}, enabled), {
+                      sx: (each == null ? void 0 : each.status) !== "IDLE" /* IDLE */ ? __spreadValues({}, disabled) : __spreadProps(__spreadValues({}, enabled), {
                         border: `0px solid ${theme.palette.success.light}`,
                         "&:hover": {
                           bgcolor: "success.light",
@@ -1547,7 +1435,7 @@ var ConferenceTableRow = ({ each }) => {
                       onClick: () => {
                         onConferenceCallStart(each, {});
                       },
-                      disabled: (each == null ? void 0 : each.status) !== "IDLE",
+                      disabled: (each == null ? void 0 : each.status) !== "IDLE" /* IDLE */,
                       children: conferenceCallStart ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                         import_material3.CircularProgress,
                         {
@@ -1558,7 +1446,7 @@ var ConferenceTableRow = ({ each }) => {
                         import_icons_material.Call,
                         {
                           sx: {
-                            color: (each == null ? void 0 : each.status) !== "IDLE" ? "default" : "#f3f2f2"
+                            color: (each == null ? void 0 : each.status) !== "IDLE" /* IDLE */ ? "default" : "#f3f2f2"
                           }
                         }
                       )
@@ -1567,34 +1455,30 @@ var ConferenceTableRow = ({ each }) => {
                   (each == null ? void 0 : each.line) !== 1 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material3.Tooltip, { title: "Merge Call", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                     import_material3.Button,
                     {
-                      variant: (each == null ? void 0 : each.status) === "ONCALL" ? "contained" : "outlined",
-                      sx: (each == null ? void 0 : each.status) === "ONCALL" ? __spreadValues({}, enabled) : __spreadValues({}, disabled),
+                      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",
+                      disabled: (each == null ? void 0 : each.status) !== "ONCALL" /* ONCALL */,
                       children: conferenceCallMerge ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material3.CircularProgress, { size: "20px" }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.CallSplit, {})
                     }
                   ) }),
-                  (each == null ? void 0 : each.line) !== 1 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material3.Tooltip, { title: (each == null ? void 0 : each.status) !== "HOLD" ? "Hold" : "Resume", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  (each == null ? void 0 : each.line) !== 1 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material3.Tooltip, { title: (each == null ? void 0 : each.status) !== "HOLD" /* HOLD */ ? "Hold" : "Resume", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                     import_material3.Button,
                     {
-                      variant: (each == null ? void 0 : each.status) === "HOLD" ? "contained" : "outlined",
-                      sx: (each == null ? void 0 : each.status) === "CONFERENCE" ? __spreadValues({}, outlined) : __spreadValues({}, disabled),
+                      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") {
+                        if (each.status === "HOLD" /* HOLD */) {
                           onHoldOrUnHoldConferenceCall(each, { isHold: false }, "UNHOLDUSER");
                         } else {
                           onHoldOrUnHoldConferenceCall(each, { isHold: true }, "HOLDUSER");
                         }
                       },
-                      disabled: (each == null ? void 0 : each.status) !== "CONFERENCE" && (each == null ? void 0 : each.status) !== "HOLD" || // each?.status === "IDLE" ||
-                      // each?.status === "ONCALL" ||
-                      // each?.status === "DIALING" ||
-                      // each?.status === "RINGING" ||
-                      conferenceCallHoldOrUnHold,
+                      disabled: (each == null ? void 0 : each.status) !== "CONFERENCE" /* CONFERENCE */ && (each == null ? void 0 : each.status) !== "HOLD" /* HOLD */ || conferenceCallHoldOrUnHold,
                       children: conferenceCallHoldOrUnHold ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                         import_material3.CircularProgress,
                         {
@@ -1603,15 +1487,15 @@ var ConferenceTableRow = ({ each }) => {
                             color: theme.palette.primary.main
                           }
                         }
-                      ) : each.status === "HOLD" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.PlayArrow, {}) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.Pause, {})
+                      ) : each.status === "HOLD" /* HOLD */ ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.PlayArrow, {}) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.Pause, {})
                     }
                   ) }),
                   (each == null ? void 0 : each.line) !== 1 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material3.Tooltip, { title: "End Call", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                     import_material3.Button,
                     {
-                      variant: (each == null ? void 0 : each.status) !== "IDLE" && (each == null ? void 0 : each.status) !== "DISCONNECTED" ? "contained" : "outlined",
+                      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" && (each == null ? void 0 : each.status) !== "DISCONNECTED" ? __spreadProps(__spreadValues({}, enabled), {
+                      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",
@@ -1631,7 +1515,7 @@ var ConferenceTableRow = ({ each }) => {
                           isHold: false
                         });
                       },
-                      disabled: (each == null ? void 0 : each.status) === "IDLE" || (each == null ? void 0 : each.status) === "DISCONNECTED" || conferenceCallEnd,
+                      disabled: (each == null ? void 0 : each.status) === "IDLE" /* IDLE */ || (each == null ? void 0 : each.status) === "DISCONNECTED" /* DISCONNECTED */ || conferenceCallEnd,
                       children: conferenceCallEnd ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                         import_material3.CircularProgress,
                         {
@@ -1655,7 +1539,7 @@ function ConferenceDialog() {
   var _a2;
   const state = useSDKState();
   const { showToast } = useToast();
-  const [conferenceCallEndAll, setConferenceCallEndAll] = (0, import_react10.useState)(false);
+  const [conferenceCallEndAll, setConferenceCallEndAll] = (0, import_react9.useState)(false);
   const handleClose = () => {
     sdkStateManager.setOpenConferenceDialog(false);
   };
@@ -1851,17 +1735,26 @@ function ConferenceDialog() {
   ) });
 }
 function CallTransferDialog({ open }) {
-  var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+  var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
   const state = useSDKState();
+  const [mobileNumber, setMobileNumber] = (0, import_react9.useState)("");
   const [transferCall] = usePostRequest({
     onSuccess: () => {
       sdkStateManager.setOpenCallTransferDialog(false);
     }
   });
-  const [currentselecteTab, setCurrentselecteTab] = (0, import_react10.useState)("process");
+  const [blindTransferCall] = usePostRequest({
+    onSuccess: () => {
+      sdkStateManager.setOpenCallTransferDialog(false);
+    }
+  });
+  const [currentselecteTab, setCurrentselecteTab] = (0, import_react9.useState)("process");
   const [getIdelAgentsList, { data: idleAgentsList, isLoading: isIdleAgentsListLoading }] = usePostRequest({
     disabledSuccessToast: true
   });
+  const [getHospitalsServicesList, { data: hospitalsServicesList, isLoading: isHospitalsServicesListLoading }] = useGetRequest({
+    disabledSuccessToast: true
+  });
   const [
     getProcessAndQueuesList,
     { data: processAndQueuesList, isLoading: isProcessAndQueuesListLoading }
@@ -1872,7 +1765,7 @@ function CallTransferDialog({ open }) {
     sdkStateManager.setOpenCallTransferDialog(false);
   };
   const handleTransferCall = (data, type) => {
-    var _a3, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G;
+    var _a3, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q2, _r2, _s2, _t2, _u2, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L;
     if (type === "PROCESS") {
       const payload = {
         mobile_number: (_b2 = (_a3 = state.callData) == null ? void 0 : _a3.phone_number) != null ? _b2 : "",
@@ -1886,13 +1779,13 @@ function CallTransferDialog({ open }) {
       transferCall(END_POINT.TRANSFER_CALL, payload);
     } else if (type === "QUEUE") {
       const payload = {
-        mobile_number: (_m = (_l2 = state.callData) == null ? void 0 : _l2.phone_number) != null ? _m : "",
-        userid: (_o = (_n = state.callData) == null ? void 0 : _n.agent_id) != null ? _o : "",
+        mobile_number: (_m2 = (_l2 = state.callData) == null ? void 0 : _l2.phone_number) != null ? _m2 : "",
+        userid: (_o2 = (_n2 = state.callData) == null ? void 0 : _n2.agent_id) != null ? _o2 : "",
         type: "QUEUE",
-        transfer_to: (_p = data == null ? void 0 : data.queue_name) != null ? _p : "",
-        callreferenceid: (_r = (_q = state.callData) == null ? void 0 : _q.convox_id) != null ? _r : "",
-        processid: String((_t = (_s = state.callData) == null ? void 0 : _s.process_id) != null ? _t : ""),
-        process_name: (_v = (_u = state.callData) == null ? void 0 : _u.process_name) != null ? _v : ""
+        transfer_to: (_p2 = data == null ? void 0 : data.queue_name) != null ? _p2 : "",
+        callreferenceid: (_r2 = (_q2 = state.callData) == null ? void 0 : _q2.convox_id) != null ? _r2 : "",
+        processid: String((_t2 = (_s2 = state.callData) == null ? void 0 : _s2.process_id) != null ? _t2 : ""),
+        process_name: (_v = (_u2 = state.callData) == null ? void 0 : _u2.process_name) != null ? _v : ""
       };
       transferCall(END_POINT.TRANSFER_CALL, payload);
     } else if (type === "AGENT") {
@@ -1906,9 +1799,18 @@ function CallTransferDialog({ open }) {
         process_name: (_G = (_F = state.callData) == null ? void 0 : _F.process_name) != null ? _G : ""
       };
       transferCall(END_POINT.TRANSFER_CALL, payload);
+    } else if (type === "OTHER") {
+      const payload = {
+        action: "BLIND_TRANSFER",
+        userid: (_I = (_H = state.callData) == null ? void 0 : _H.agent_id) != null ? _I : "",
+        callreferenceid: (_K = (_J = state.callData) == null ? void 0 : _J.convox_id) != null ? _K : "",
+        blind_transfer_no: (_L = data == null ? void 0 : data.mobile_number) != null ? _L : ""
+      };
+      console.log("payload", payload);
+      blindTransferCall(END_POINT.BLIEND_TRANSFER, payload);
     }
   };
-  (0, import_react10.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     getIdelAgentsList(END_POINT.AGENTS_LIST, {
       status: "IDLE",
       active: true
@@ -1917,6 +1819,7 @@ function CallTransferDialog({ open }) {
       status: "ACTIVE",
       active: true
     });
+    getHospitalsServicesList(END_POINT.HOSPITALS_SERVICES);
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     import_material3.Dialog,
@@ -1925,7 +1828,7 @@ function CallTransferDialog({ open }) {
       "aria-labelledby": "alert-dialog-title",
       "aria-describedby": "alert-dialog-description",
       fullWidth: true,
-      maxWidth: "md",
+      maxWidth: "sm",
       children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material3.Paper, { sx: { borderRadius: 2 }, children: [
         /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
           import_material3.Box,
@@ -1947,23 +1850,17 @@ function CallTransferDialog({ open }) {
           import_material3.Box,
           {
             sx: {
-              boxShadow: "1px 1px 4px #d3d3d3ff",
-              padding: "6px 10px",
               margin: "10px",
               borderRadius: "10px"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material3.Box, { sx: { display: "flex", gap: 1 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material3.Box, { sx: { display: "flex", gap: 1, margin: "10px" }, children: [
                 /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                   import_material3.Button,
                   {
                     variant: currentselecteTab === "process" ? "contained" : "outlined",
                     onClick: () => {
                       setCurrentselecteTab("process");
-                      getProcessAndQueuesList(END_POINT.TRANSFER_TO_DETAILS, {
-                        status: "ACTIVE",
-                        active: true
-                      });
                     },
                     children: "Process"
                   }
@@ -1974,10 +1871,6 @@ function CallTransferDialog({ open }) {
                     variant: currentselecteTab === "queues" ? "contained" : "outlined",
                     onClick: () => {
                       setCurrentselecteTab("queues");
-                      getProcessAndQueuesList(END_POINT.TRANSFER_TO_DETAILS, {
-                        status: "ACTIVE",
-                        active: true
-                      });
                     },
                     children: "Queues"
                   }
@@ -1995,9 +1888,19 @@ function CallTransferDialog({ open }) {
                     },
                     children: "Agents"
                   }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  import_material3.Button,
+                  {
+                    variant: currentselecteTab === "others" ? "contained" : "outlined",
+                    onClick: () => {
+                      setCurrentselecteTab("others");
+                    },
+                    children: "Others"
+                  }
                 )
               ] }),
-              (isProcessAndQueuesListLoading || isIdleAgentsListLoading) && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+              (isProcessAndQueuesListLoading || isIdleAgentsListLoading || isHospitalsServicesListLoading) && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
                 import_material3.Box,
                 {
                   sx: {
@@ -2012,7 +1915,7 @@ function CallTransferDialog({ open }) {
                   ]
                 }
               ),
-              !isProcessAndQueuesListLoading && !isIdleAgentsListLoading && currentselecteTab === "process" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material3.Box, { sx: { display: "flex", gap: 1, flexWrap: "wrap" }, children: ((_a2 = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _a2.process) && ((_c = (_b = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _b.process) == null ? void 0 : _c.length) > 0 ? (_e = (_d = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _d.process) == null ? void 0 : _e.map((process, index) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+              !isProcessAndQueuesListLoading && !isIdleAgentsListLoading && !isHospitalsServicesListLoading && currentselecteTab === "process" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material3.Box, { sx: { display: "grid", gridTemplateColumns: ((_a2 = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _a2.process) && ((_c = (_b = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _b.process) == null ? void 0 : _c.length) > 0 ? "repeat(2, 1fr)" : "repeat(1, 1fr)", gap: 1, padding: "10px", flexWrap: "wrap", boxShadow: "1px 1px 4px #d3d3d3ff", borderRadius: "10px" }, children: ((_d = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _d.process) && ((_f = (_e = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _e.process) == null ? void 0 : _f.length) > 0 ? (_h = (_g = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _g.process) == null ? void 0 : _h.map((process, index) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
                 import_material3.Box,
                 {
                   sx: {
@@ -2037,7 +1940,7 @@ function CallTransferDialog({ open }) {
                           alignItems: "center"
                         },
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.SupportAgent, { sx: { marginRight: "4px" } }),
+                          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.MemoryOutlined, { sx: { marginRight: "4px" } }),
                           process.process_name
                         ]
                       }
@@ -2059,26 +1962,41 @@ function CallTransferDialog({ open }) {
                   ]
                 },
                 index
-              )) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                import_material3.Typography,
+              )) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                import_material3.Box,
                 {
-                  variant: "body1",
                   sx: {
-                    fontSize: "16px",
-                    letterSpacing: "0.02em",
-                    textTransform: "capitalize",
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "center",
-                    width: "100%",
-                    margin: "10px 0px",
-                    color: "gray",
-                    height: "60px"
+                    flexDirection: "column"
                   },
-                  children: "No Process Found"
+                  p: 2,
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.Upcoming, { color: "primary" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                      import_material3.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 && !isIdleAgentsListLoading && currentselecteTab === "queues" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material3.Box, { sx: { display: "flex", gap: 1, flexWrap: "wrap" }, children: ((_f = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _f.queue) && ((_h = (_g = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _g.queue) == null ? void 0 : _h.length) > 0 ? (_j = (_i = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _i.queue) == null ? void 0 : _j.map((queue, index) => {
+              !isProcessAndQueuesListLoading && !isIdleAgentsListLoading && !isHospitalsServicesListLoading && currentselecteTab === "queues" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material3.Box, { sx: { display: "grid", gridTemplateColumns: ((_i = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _i.queue) && ((_k = (_j = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _j.queue) == null ? void 0 : _k.length) > 0 ? "repeat(2, 1fr)" : "repeat(1, 1fr)", gap: 1, padding: "10px", flexWrap: "wrap", boxShadow: "1px 1px 4px #d3d3d3ff", borderRadius: "10px" }, children: ((_l = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _l.queue) && ((_n = (_m = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _m.queue) == null ? void 0 : _n.length) > 0 ? (_p = (_o = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _o.queue) == null ? void 0 : _p.map((queue, index) => {
                 var _a3, _b2, _c2, _d2, _e2, _f2;
                 return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
                   import_material3.Box,
@@ -2105,7 +2023,7 @@ function CallTransferDialog({ open }) {
                             alignItems: "center"
                           },
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.SupportAgent, { sx: { marginRight: "4px" } }),
+                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.Airlines, { sx: { marginRight: "4px" } }),
                             queue.queue_name,
                             ((_c2 = (_b2 = (_a3 = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _a3.process) == null ? void 0 : _b2.find(
                               (process) => process.process_id === queue.process_id
@@ -2146,26 +2064,41 @@ function CallTransferDialog({ open }) {
                   },
                   index
                 );
-              }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                import_material3.Typography,
+              }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                import_material3.Box,
                 {
-                  variant: "body1",
                   sx: {
-                    fontSize: "16px",
-                    letterSpacing: "0.02em",
-                    textTransform: "capitalize",
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "center",
-                    width: "100%",
-                    margin: "10px 0px",
-                    color: "gray",
-                    height: "60px"
+                    flexDirection: "column"
                   },
-                  children: "No Queues Found"
+                  p: 2,
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.Upcoming, { color: "primary" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                      import_material3.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 && !isIdleAgentsListLoading && currentselecteTab === "agents" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material3.Box, { sx: { display: "flex", gap: 1, flexWrap: "wrap" }, children: (idleAgentsList == null ? void 0 : idleAgentsList.data) && ((_k = idleAgentsList == null ? void 0 : idleAgentsList.data) == null ? void 0 : _k.length) > 0 ? (_l = idleAgentsList == null ? void 0 : idleAgentsList.data) == null ? void 0 : _l.map((agent, index) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+              !isProcessAndQueuesListLoading && !isIdleAgentsListLoading && !isHospitalsServicesListLoading && currentselecteTab === "agents" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material3.Box, { sx: { display: "grid", gridTemplateColumns: (idleAgentsList == null ? void 0 : idleAgentsList.data) && ((_q = idleAgentsList == null ? void 0 : idleAgentsList.data) == null ? void 0 : _q.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) && ((_r = idleAgentsList == null ? void 0 : idleAgentsList.data) == null ? void 0 : _r.length) > 0 ? (_s = idleAgentsList == null ? void 0 : idleAgentsList.data) == null ? void 0 : _s.map((agent, index) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
                 import_material3.Box,
                 {
                   sx: {
@@ -2212,25 +2145,178 @@ function CallTransferDialog({ open }) {
                   ]
                 },
                 index
-              )) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                import_material3.Typography,
+              )) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                import_material3.Box,
                 {
-                  variant: "body1",
                   sx: {
-                    fontSize: "16px",
-                    letterSpacing: "0.02em",
-                    textTransform: "capitalize",
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "center",
-                    width: "100%",
-                    margin: "10px 0px",
-                    color: "gray",
-                    height: "60px"
+                    flexDirection: "column"
                   },
-                  children: "No Agents Found"
+                  p: 2,
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.Upcoming, { color: "primary" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                      import_material3.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 && !isIdleAgentsListLoading && !isHospitalsServicesListLoading && currentselecteTab === "others" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material3.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) && ((_t = hospitalsServicesList == null ? void 0 : hospitalsServicesList.data) == null ? void 0 : _t.length) > 0 && ((_u = hospitalsServicesList == null ? void 0 : hospitalsServicesList.data) == null ? void 0 : _u.map((service, index) => {
+                  var _a3, _b2, _c2;
+                  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                    import_material3.Box,
+                    {
+                      sx: {
+                        p: 1,
+                        display: "flex",
+                        alignItems: "center",
+                        boxShadow: "1px 1px 4px #d3d3d3ff",
+                        padding: "6px",
+                        borderRadius: "10px",
+                        "&:hover": { bgcolor: "action.selected" }
+                      },
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                          import_material3.Typography,
+                          {
+                            variant: "body1",
+                            sx: {
+                              mx: 1,
+                              width: "200px",
+                              maxWidth: "250px",
+                              display: "flex",
+                              alignItems: "center"
+                            },
+                            children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.Roofing, { sx: { marginRight: "4px" } }),
+                              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material3.Tooltip, { title: `${(_a3 = service == null ? void 0 : service.description) != null ? _a3 : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material3.Box, { sx: { color: "text.secondary" }, children: [
+                                service.name,
+                                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material3.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__ */ (0, import_jsx_runtime2.jsx)(import_material3.Tooltip, { title: (_c2 = service == null ? void 0 : service.phone_number) != null ? _c2 : "", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                          import_material3.IconButton,
+                          {
+                            color: "success",
+                            sx: {
+                              bgcolor: "action.hover",
+                              "&:hover": { bgcolor: "action.selected" }
+                            },
+                            onClick: () => {
+                              var _a4;
+                              handleTransferCall({
+                                mobile_number: (_a4 = service == null ? void 0 : service.phone_number) != null ? _a4 : ""
+                              }, "OTHER");
+                            },
+                            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.Call, {})
+                          }
+                        ) })
+                      ]
+                    },
+                    index
+                  );
+                })),
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                  import_material3.Box,
+                  {
+                    sx: {
+                      p: 1,
+                      display: "flex",
+                      alignItems: "center",
+                      boxShadow: "1px 1px 4px #d3d3d3ff",
+                      padding: "6px",
+                      borderRadius: "10px"
+                    },
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                        import_material3.Typography,
+                        {
+                          variant: "body1",
+                          sx: {
+                            mx: 1,
+                            width: "200px",
+                            maxWidth: "250px",
+                            display: "flex",
+                            alignItems: "center"
+                          },
+                          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                            import_material3.TextField,
+                            {
+                              size: "small",
+                              name: "others",
+                              label: "Mobile number",
+                              variant: "outlined",
+                              type: "tel",
+                              value: mobileNumber,
+                              onChange: (e) => {
+                                const v = e.target.value;
+                                if (/^\d*$/.test(v)) {
+                                  setMobileNumber(v);
+                                }
+                              },
+                              slotProps: {
+                                htmlInput: {
+                                  inputMode: "numeric",
+                                  maxLength: 11
+                                }
+                              },
+                              placeholder: "Enter mobile number",
+                              autoComplete: "off"
+                            }
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material3.Tooltip, { title: mobileNumber ? `Call To - ${mobileNumber}` : "Enter mobile number", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                        import_material3.IconButton,
+                        {
+                          color: "success",
+                          sx: {
+                            bgcolor: "action.hover",
+                            "&:hover": { bgcolor: "action.selected" }
+                          },
+                          onClick: () => {
+                            handleTransferCall({
+                              mobile_number: mobileNumber != null ? mobileNumber : ""
+                            }, "OTHER");
+                          },
+                          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.Call, {})
+                        }
+                      ) })
+                    ]
+                  }
+                )
+              ] })
             ]
           }
         )
@@ -2241,7 +2327,7 @@ function CallTransferDialog({ open }) {
 function EndCallDispositionDialog({ open, setOpen, onSubmitDisposition }) {
   var _a2, _b, _c, _d, _e;
   const [getDispositions, data] = useGetRequest();
-  const [formData, setFormData] = (0, import_react10.useState)({
+  const [formData, setFormData] = (0, import_react9.useState)({
     disposition: { label: "Resolved", value: "RES" },
     followUp: { label: "No", value: "N" },
     callbackDate: "",
@@ -2270,10 +2356,10 @@ function EndCallDispositionDialog({ open, setOpen, onSubmitDisposition }) {
     handleReset();
     setOpen(false);
   };
-  (0, import_react10.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     getDispositions(END_POINT.DISPOSITIONS);
   }, []);
-  const dispositionsOptions = (0, import_react10.useMemo)(() => {
+  const dispositionsOptions = (0, import_react9.useMemo)(() => {
     var _a3, _b2;
     return ((_b2 = (_a3 = data == null ? void 0 : data.data) == null ? void 0 : _a3.data) == null ? void 0 : _b2.map((item) => ({
       label: item.name,
@@ -2626,6 +2712,147 @@ function CallHistoryDialog({ open, setOpen }) {
   ) });
 }
 
+// call-control-sdk/lib/hooks/useDraggable.ts
+var import_react10 = require("react");
+function useDraggable(initialPosition, onPositionChange) {
+  const [position, setPosition] = (0, import_react10.useState)(initialPosition);
+  const [isDragging, setIsDragging] = (0, import_react10.useState)(false);
+  const dragRef = (0, import_react10.useRef)();
+  const dragStart = (0, import_react10.useRef)({ x: 0, y: 0 });
+  const elementStart = (0, import_react10.useRef)({ x: 0, y: 0 });
+  const updatePosition = (0, import_react10.useCallback)(
+    (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 = (0, import_react10.useCallback)(
+    (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 = (0, import_react10.useCallback)(
+    (e) => {
+      e.preventDefault();
+      handleStart(e.clientX, e.clientY);
+    },
+    [handleStart]
+  );
+  const handleTouchStart = (0, import_react10.useCallback)(
+    (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
 var import_incoming = __toESM(require("./incoming-4WP3FJI4.mp3"));
 var audioBlobUrl = null;
@@ -2703,58 +2930,8 @@ function cleanupAudioResources() {
   audioBuffer = null;
 }
 
-// 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/components/callControls.tsx
+var import_vault5 = require("@react-solutions/vault");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var getCombineConfrenceData = (localState, apiData) => {
   const localConfrenceData = localState == null ? void 0 : localState.conferenceLine;
@@ -2785,7 +2962,7 @@ var formatDuration = (seconds) => {
   return `${mins.toString().padStart(2, "0")}:${secs.toString().padStart(2, "0")}`;
 };
 function CallControls({ onDataChange }) {
-  var _a2, _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;
+  var _a2, _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;
   const theme = (0, import_material4.useTheme)();
   const state = useSDKState();
   const { showToast } = useToast();
@@ -2804,10 +2981,10 @@ function CallControls({ onDataChange }) {
   const baseReconnectDelay = 2e3;
   const maxReconnectDelay = 3e4;
   const [anchorEl, setAnchorEl] = (0, import_react11.useState)(null);
-  const [showIframe, setShowIframe] = (0, import_react11.useState)(true);
   const [statusAnchorEl, setStatusAnchorEl] = (0, import_react11.useState)(null);
   const [dialerAnchorEl, setDialerAnchorEl] = (0, import_react11.useState)(null);
   const [ambulanceAnchorEl, setAmbulanceAnchorEl] = (0, import_react11.useState)(null);
+  const [showIframe, setShowIframe] = (0, import_react11.useState)(true);
   const [openCallDisposition, setOpenCallDisposition] = (0, import_react11.useState)(false);
   const [openProcessorDialog, setOpenProcessorDialog] = (0, import_react11.useState)(false);
   const [openCallHistoryDialog, setOpenCallHistoryDialog] = (0, import_react11.useState)(false);
@@ -2836,20 +3013,22 @@ function CallControls({ onDataChange }) {
     }
   });
   const [holdOrUnHold, { isLoading: holdOrUnHoldLoading }] = usePostRequest({
-    onSuccess: () => {
-      sdkStateManager.setHolding(!state.isHolding);
-    }
+    // onSuccess: () => {
+    // 	sdkStateManager.setHolding(!state.isHolding);
+    // },
   });
   const [muteOrUnMute, { isLoading: muteOrUnMuteLoading }] = usePostRequest({
-    onSuccess: () => {
-      sdkStateManager.setMuted(!state.isMuted);
-    }
+    // onSuccess: () => {
+    // 	sdkStateManager.setMuted(!state.isMuted);
+    // },
   });
   const [readyAgentStatus, { isLoading: agentReadyLoading }] = usePostRequest();
   const [updateAgentStatus, { isLoading }] = usePostRequest();
   const [sendNotification] = usePostRequest();
   const [endCall, { isLoading: endCallLoading }] = usePostRequest({
     onSuccess: () => {
+      sdkStateManager.endCall();
+      setOpenCallDisposition(false);
       sdkStateManager.resetConferenceLines();
     }
   });
@@ -2859,15 +3038,11 @@ function CallControls({ onDataChange }) {
   const handleOpenDialer = (event) => {
     setShowIframe(true);
     setDialerAnchorEl(event.currentTarget);
-    sdkStateManager.setStatus("dial");
   };
   const handleOpenAbulanceServices = (event) => {
     setAmbulanceAnchorEl(event.currentTarget);
   };
   const handleCloseDialer = () => {
-    if (state.status !== "on call") {
-      sdkStateManager.setStatus("idle");
-    }
     setDialerAnchorEl(null);
   };
   const handleCloseAmbulance = () => {
@@ -2912,7 +3087,7 @@ function CallControls({ onDataChange }) {
   const handleHoldToggle = () => {
     var _a3;
     const payload = {
-      action: ((_a3 = state.callData) == null ? void 0 : _a3.hold) === 1 ? "UNHOLD" : "HOLD",
+      action: ((_a3 = state.callData) == null ? void 0 : _a3.hold) === 1 ? "UNHOLD" /* UNHOLD */ : "HOLD" /* HOLD */,
       userId: state.agentId
     };
     holdOrUnHold(END_POINT.HOLD_CALL, payload);
@@ -2920,7 +3095,7 @@ function CallControls({ onDataChange }) {
   const handleMuteToggle = () => {
     var _a3;
     const payload = {
-      action: ((_a3 = state.callData) == null ? void 0 : _a3.mute) === 1 ? "UNMUTE" : "MUTE",
+      action: ((_a3 = state.callData) == null ? void 0 : _a3.mute) === 1 ? "UNMUTE" /* UNMUTE */ : "MUTE" /* MUTE */,
       userId: state.agentId
     };
     muteOrUnMute(END_POINT.MUTE_CALL, payload);
@@ -2947,8 +3122,6 @@ function CallControls({ onDataChange }) {
         isBreak: (_q2 = data == null ? void 0 : data.selected_break) != null ? _q2 : false
       }
     });
-    sdkStateManager.endCall();
-    setOpenCallDisposition(false);
   };
   (0, import_react11.useEffect)(() => {
     const handleBeforeUnload = (e) => {
@@ -2966,42 +3139,42 @@ function CallControls({ onDataChange }) {
       console.error("Failed to start mic:", err);
     });
     const handleKeyDown = (event) => {
-      var _a3, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
-      const fullState = JSON.parse((_a3 = localStorage.getItem("call-control-sdk-state")) != null ? _a3 : "");
-      const key = (_b2 = event.key) == null ? void 0 : _b2.toLowerCase();
-      if (!event.altKey || ((_c2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _c2.status) !== "ONCALL") {
+      var _a3, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
+      const fullState = (0, import_vault5.getItem)(STORAGE_KEY);
+      const key = (_a3 = event.key) == null ? void 0 : _a3.toLowerCase();
+      if (!event.altKey || ((_b2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _b2.status) !== "ONCALL" /* ONCALL */) {
         return;
       }
-      if (key === "m" && String((_d2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _d2.mute) === "0") {
+      if (key === "m" && String((_c2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _c2.mute) === "0") {
         event.preventDefault();
-        (_e2 = micRef.current) == null ? void 0 : _e2.mute();
+        (_d2 = micRef.current) == null ? void 0 : _d2.mute();
         const payload = {
-          action: "MUTE",
+          action: "MUTE" /* MUTE */,
           userId: fullState.agentId
         };
         muteOrUnMute(END_POINT.MUTE_CALL, payload);
       }
-      if (key === "u" && String((_f2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _f2.mute) === "1") {
+      if (key === "u" && String((_e2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _e2.mute) === "1") {
         event.preventDefault();
         const payload = {
-          action: "UNMUTE",
+          action: "UNMUTE" /* UNMUTE */,
           userId: fullState.agentId
         };
         muteOrUnMute(END_POINT.MUTE_CALL, payload);
-        (_g2 = micRef.current) == null ? void 0 : _g2.unmute();
+        (_f2 = micRef.current) == null ? void 0 : _f2.unmute();
       }
-      if (key === "h" && String((_h2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _h2.hold) === "0") {
+      if (key === "h" && String((_g2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _g2.hold) === "0") {
         event.preventDefault();
         const payload = {
-          action: "HOLD",
+          action: "HOLD" /* HOLD */,
           userId: fullState.agentId
         };
         holdOrUnHold(END_POINT.HOLD_CALL, payload);
       }
-      if (key === "r" && String((_i2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _i2.hold) === "1") {
+      if (key === "r" && String((_h2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _h2.hold) === "1") {
         event.preventDefault();
         const payload = {
-          action: "UNHOLD",
+          action: "UNHOLD" /* UNHOLD */,
           userId: fullState.agentId
         };
         holdOrUnHold(END_POINT.HOLD_CALL, payload);
@@ -3015,7 +3188,7 @@ function CallControls({ onDataChange }) {
   (0, import_react11.useEffect)(() => {
     let interval;
     let wrapUpinterval;
-    if (state.callData.status && state.callData.status === "ONCALL") {
+    if (state.callData.status && state.callData.status === "ONCALL" /* ONCALL */) {
       interval = setInterval(() => {
         const elapsed = Math.floor((Date.now() - state.callStartTime) / 1e3);
         setCallDuration(elapsed);
@@ -3023,7 +3196,7 @@ function CallControls({ onDataChange }) {
     } else {
       setCallDuration(0);
     }
-    if (state.callData.status && state.callData.status === "WRAPUP" && callWrapuptime !== null) {
+    if (state.callData.status && state.callData.status === "WRAPUP" /* WRAPUP */ && callWrapuptime !== null) {
       wrapUpinterval = setInterval(() => {
         setCallWrapuptime((prevTime) => {
           if (prevTime === null || prevTime <= 1) {
@@ -3124,71 +3297,88 @@ function CallControls({ onDataChange }) {
         }, 3e4);
       };
       webSocketRef.current.onmessage = (event) => {
-        var _a3, _b2, _c2;
+        var _a3, _b2;
         try {
           const data = JSON.parse(event.data);
           if (data.type === "pong") {
             return;
           }
-          const rls = JSON.parse((_a3 = localStorage.getItem("call-control-sdk-state")) != null ? _a3 : "{}");
-          const confrence = getCombineConfrenceData(rls, data);
-          sdkStateManager.updateCallData(data);
+          const sdkState = (0, import_vault5.getItem)(STORAGE_KEY);
+          const confrence = getCombineConfrenceData(sdkState, data);
+          const callData = {
+            "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,
+            "convox_id": data == null ? void 0 : data.convox_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
+          };
+          sdkStateManager.updateCallData(callData);
           sdkStateManager.updateConferenceData([...confrence]);
-          if ((data.status === "RINGING" || data.status === "DIALING") && (data == null ? void 0 : data.mode) !== "manual") {
+          if (["RINGING" /* RINGING */, "DIALING" /* DIALING */].includes(data.status)) {
             setShowIframe(true);
-            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 (audioRef.current) {
+            setCallWrapuptime((_b2 = (_a3 = sdkState == null ? void 0 : sdkState.sdkConfig) == null ? void 0 : _a3.auto_wrapup_time) != null ? _b2 : 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) {
               audioRef.current.play().catch((error) => {
                 console.error("Failed to play ringtone:", error);
               });
@@ -3199,14 +3389,13 @@ function CallControls({ onDataChange }) {
               audioRef.current.currentTime = 0;
             }
           }
-          if (data.status === "ONCALL") {
+          if (data.status === "ONCALL" /* ONCALL */) {
             sdkStateManager.startCall();
-            setCallWrapuptime((_c2 = (_b2 = rls == null ? void 0 : rls.sdkConfig) == null ? void 0 : _b2.auto_wrapup_time) != null ? _c2 : null);
             if (!showIframe) {
               setShowIframe(true);
             }
           }
-          if (data.status === "WRAPUP") {
+          if (data.status === "WRAPUP" /* WRAPUP */) {
             sdkStateManager.endCall();
           }
         } catch (e) {
@@ -3353,32 +3542,29 @@ function CallControls({ onDataChange }) {
                           }
                         ),
                         ((_k = state.sdkConfig) == null ? void 0 : _k.enableQueueName) && ((_l = state == null ? void 0 : state.callData) == null ? void 0 : _l.queue_name) && ((_m = state == null ? void 0 : state.callData) == null ? void 0 : _m.mode) !== "manual" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material4.Chip, { label: (_n = state == null ? void 0 : state.callData) == null ? void 0 : _n.queue_name }),
-                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material4.Box, { children: !((_o = state.sdkConfig) == null ? void 0 : _o.disabledDialButton) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material4.Tooltip, { title: "Dial", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                        !((_o = state.sdkConfig) == null ? void 0 : _o.disabledDialButton) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material4.Tooltip, { title: "Dial", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                           import_material4.IconButton,
                           {
                             size: "small",
                             onClick: (e) => {
-                              var _a3, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
-                              if (((_b2 = (_a3 = state.callData) == null ? void 0 : _a3.status) == null ? void 0 : _b2.toUpperCase()) !== "ONCALL" && ((_d2 = (_c2 = state.callData) == null ? void 0 : _c2.status) == null ? void 0 : _d2.toUpperCase()) !== "BREAK" && ((_f2 = (_e2 = state.callData) == null ? void 0 : _e2.status) == null ? void 0 : _f2.toUpperCase()) !== "RINGING" && ((_h2 = (_g2 = state.callData) == null ? void 0 : _g2.status) == null ? void 0 : _h2.toUpperCase()) !== "WRAPUP") {
+                              var _a3, _b2;
+                              if (!["BREAK" /* BREAK */, "ONCALL" /* ONCALL */, "RINGING" /* RINGING */, "WRAPUP" /* WRAPUP */].includes(
+                                (_b2 = (_a3 = state.callData) == null ? void 0 : _a3.status) == null ? void 0 : _b2.toUpperCase()
+                              )) {
                                 handleOpenDialer(e);
                               }
                             },
-                            sx: {
-                              bgcolor: "action.hover",
-                              "&:hover": {
-                                bgcolor: "warning"
-                              }
-                            },
+                            disabled: ["BREAK" /* BREAK */, "ONCALL" /* ONCALL */, "RINGING" /* RINGING */, "WRAPUP" /* WRAPUP */].includes(state.callData.status.toUpperCase()),
                             children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                               import_icons_material2.WifiCalling3,
                               {
                                 sx: {
-                                  color: ((_q = (_p = state.callData) == null ? void 0 : _p.status) == null ? void 0 : _q.toUpperCase()) === "ONCALL" || ((_s = (_r = state.callData) == null ? void 0 : _r.status) == null ? void 0 : _s.toUpperCase()) === "BREAK" || ((_u = (_t = state.callData) == null ? void 0 : _t.status) == null ? void 0 : _u.toUpperCase()) === "RINGING" || ((_w = (_v = state.callData) == null ? void 0 : _v.status) == null ? void 0 : _w.toUpperCase()) === "WRAPUP" ? "action.selected" : "success.main"
+                                  color: ["BREAK" /* BREAK */, "ONCALL" /* ONCALL */, "RINGING" /* RINGING */, "WRAPUP" /* WRAPUP */].includes(state.callData.status.toUpperCase()) ? "action.selected" : "success.main"
                                 }
                               }
                             )
                           }
-                        ) }) }),
+                        ) }),
                         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material4.Box, { onClick: () => setShowIframe(true), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                           import_material4.Typography,
                           {
@@ -3390,7 +3576,7 @@ function CallControls({ onDataChange }) {
                               fontWeight: "600",
                               cursor: "pointer"
                             },
-                            children: state.callData.status === "WRAPUP" && callWrapuptime !== null ? formatDuration(callWrapuptime) : formatDuration(callDuration)
+                            children: state.callData.status === "WRAPUP" /* WRAPUP */ && callWrapuptime !== null ? formatDuration(callWrapuptime) : formatDuration(callDuration)
                           }
                         ) }),
                         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -3420,7 +3606,7 @@ function CallControls({ onDataChange }) {
                                   width: "60px",
                                   textAlign: "center"
                                 },
-                                children: (_z = (_y = (_x = state.callData) == null ? void 0 : _x.status) == null ? void 0 : _y.toUpperCase()) != null ? _z : "N/A"
+                                children: (_r = (_q = (_p = state.callData) == null ? void 0 : _p.status) == null ? void 0 : _q.toUpperCase()) != null ? _r : "N/A"
                               }
                             ),
                             onClick: handleOpenAgentStatus,
@@ -3444,32 +3630,32 @@ function CallControls({ onDataChange }) {
                         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material4.Tooltip, { title: "Agent Ready", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                           import_material4.Button,
                           {
-                            variant: ((_B = (_A = state.callData) == null ? void 0 : _A.status) == null ? void 0 : _B.toUpperCase()) === "BREAK" || ((_D = (_C = state.callData) == null ? void 0 : _C.status) == null ? void 0 : _D.toUpperCase()) === "MISSED" ? "outlined" : "contained",
+                            variant: ["BREAK" /* BREAK */, "MISSED" /* MISSED */].includes((_t = (_s = state.callData) == null ? void 0 : _s.status) == null ? void 0 : _t.toUpperCase()) ? "outlined" : "contained",
                             onClick: (e) => {
-                              var _a3, _b2, _c2, _d2;
-                              if (((_b2 = (_a3 = state.callData) == null ? void 0 : _a3.status) == null ? void 0 : _b2.toUpperCase()) === "BREAK" || ((_d2 = (_c2 = state.callData) == null ? void 0 : _c2.status) == null ? void 0 : _d2.toUpperCase()) === "MISSED") {
+                              var _a3, _b2;
+                              if (["BREAK" /* BREAK */, "MISSED" /* MISSED */].includes((_b2 = (_a3 = state.callData) == null ? void 0 : _a3.status) == null ? void 0 : _b2.toUpperCase())) {
                                 e.stopPropagation();
                                 handleAgentReady();
                               }
                             },
                             classes: {
-                              root: ((_F = (_E = state.callData) == null ? void 0 : _E.status) == null ? void 0 : _F.toUpperCase()) === "BREAK" || ((_H = (_G = state.callData) == null ? void 0 : _G.status) == null ? void 0 : _H.toUpperCase()) === "MISSED" ? "outlined" : "enabled"
+                              root: ["BREAK" /* BREAK */, "MISSED" /* MISSED */].includes((_v = (_u = state.callData) == null ? void 0 : _u.status) == null ? void 0 : _v.toUpperCase()) ? "outlined" : "enabled"
                             },
-                            sx: __spreadValues({}, ((_J = (_I = state.callData) == null ? void 0 : _I.status) == null ? void 0 : _J.toUpperCase()) === "BREAK" || ((_L = (_K = state.callData) == null ? void 0 : _K.status) == null ? void 0 : _L.toUpperCase()) === "MISSED" ? outlined : enabled),
+                            sx: __spreadValues({}, ["BREAK" /* BREAK */, "MISSED" /* MISSED */].includes((_x = (_w = state.callData) == null ? void 0 : _w.status) == null ? void 0 : _x.toUpperCase()) ? outlined : enabled),
                             disabled: agentReadyLoading,
                             children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_material2.SupportAgent, {})
                           }
                         ) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material4.Tooltip, { title: ((_M = state.callData) == null ? void 0 : _M.hold) === 1 ? "Resume" : "Hold", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material4.Tooltip, { title: ((_y = state.callData) == null ? void 0 : _y.hold) === 1 ? "Resume" : "Hold", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                           import_material4.Button,
                           {
-                            variant: ((_N = state.callData) == null ? void 0 : _N.hold) === 1 && ((_P = (_O = state.callData) == null ? void 0 : _O.status) == null ? void 0 : _P.toUpperCase()) === "ONCALL" ? "contained" : "outlined",
+                            variant: ((_z = state.callData) == null ? void 0 : _z.hold) === 1 && ((_B = (_A = state.callData) == null ? void 0 : _A.status) == null ? void 0 : _B.toUpperCase()) === "ONCALL" /* ONCALL */ ? "contained" : "outlined",
                             onClick: (e) => {
                               e.stopPropagation();
                               handleHoldToggle();
                             },
-                            sx: ((_Q = state.callData) == null ? void 0 : _Q.hold) === 1 && ((_S = (_R = state.callData) == null ? void 0 : _R.status) == null ? void 0 : _S.toUpperCase()) === "ONCALL" ? __spreadValues({}, enabled) : ((_U = (_T = state.callData) == null ? void 0 : _T.status) == null ? void 0 : _U.toUpperCase()) === "ONCALL" ? __spreadValues({}, outlined) : __spreadValues({}, disabled),
-                            disabled: ((_W = (_V = state.callData) == null ? void 0 : _V.status) == null ? void 0 : _W.toUpperCase()) !== "ONCALL" && ((_X = state.callData) == null ? void 0 : _X.hold) !== 1 || holdOrUnHoldLoading,
+                            sx: ((_C = state.callData) == null ? void 0 : _C.hold) === 1 && ((_E = (_D = state.callData) == null ? void 0 : _D.status) == null ? void 0 : _E.toUpperCase()) === "ONCALL" /* ONCALL */ ? __spreadValues({}, enabled) : ((_G = (_F = state.callData) == null ? void 0 : _F.status) == null ? void 0 : _G.toUpperCase()) === "ONCALL" /* ONCALL */ ? __spreadValues({}, outlined) : __spreadValues({}, disabled),
+                            disabled: ((_I = (_H = state.callData) == null ? void 0 : _H.status) == null ? void 0 : _I.toUpperCase()) !== "ONCALL" /* ONCALL */ && ((_J = state.callData) == null ? void 0 : _J.hold) !== 1 || holdOrUnHoldLoading,
                             children: holdOrUnHoldLoading ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                               import_material4.CircularProgress,
                               {
@@ -3478,19 +3664,19 @@ function CallControls({ onDataChange }) {
                                   color: theme.palette.primary.main
                                 }
                               }
-                            ) : ((_Y = state.callData) == null ? void 0 : _Y.hold) === 1 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_material2.PlayArrow, {}) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_material2.Pause, {})
+                            ) : ((_K = state.callData) == null ? void 0 : _K.hold) === 1 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_material2.PlayArrow, {}) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_material2.Pause, {})
                           }
                         ) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material4.Tooltip, { title: ((_Z = state.callData) == null ? void 0 : _Z.mute) === 1 ? "Unmute" : "Mute", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material4.Tooltip, { title: ((_L = state.callData) == null ? void 0 : _L.mute) === 1 ? "Unmute" : "Mute", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                           import_material4.Button,
                           {
-                            variant: ((__ = state.callData) == null ? void 0 : __.mute) === 1 && ((_aa = (_$ = state.callData) == null ? void 0 : _$.status) == null ? void 0 : _aa.toUpperCase()) === "ONCALL" ? "contained" : "outlined",
+                            variant: ((_M = state.callData) == null ? void 0 : _M.mute) === 1 && ((_O = (_N = state.callData) == null ? void 0 : _N.status) == null ? void 0 : _O.toUpperCase()) === "ONCALL" /* ONCALL */ ? "contained" : "outlined",
                             onClick: (e) => {
                               e.stopPropagation();
                               handleMuteToggle();
                             },
-                            sx: ((_ba = state.callData) == null ? void 0 : _ba.hold) === 1 ? __spreadValues({}, disabled) : ((_ca = state.callData) == null ? void 0 : _ca.mute) === 1 && ((_ea = (_da = state.callData) == null ? void 0 : _da.status) == null ? void 0 : _ea.toUpperCase()) === "ONCALL" ? __spreadValues({}, enabled) : ((_ga = (_fa = state.callData) == null ? void 0 : _fa.status) == null ? void 0 : _ga.toUpperCase()) === "ONCALL" ? __spreadValues({}, outlined) : __spreadValues({}, disabled),
-                            disabled: ((_ia = (_ha = state.callData) == null ? void 0 : _ha.status) == null ? void 0 : _ia.toUpperCase()) !== "ONCALL" && ((_ja = state.callData) == null ? void 0 : _ja.mute) !== 1 || muteOrUnMuteLoading || ((_ka = state.callData) == null ? void 0 : _ka.hold) === 1,
+                            sx: ((_P = state.callData) == null ? void 0 : _P.hold) === 1 ? __spreadValues({}, disabled) : ((_Q = state.callData) == null ? void 0 : _Q.mute) === 1 && ((_S = (_R = state.callData) == null ? void 0 : _R.status) == null ? void 0 : _S.toUpperCase()) === "ONCALL" /* ONCALL */ ? __spreadValues({}, enabled) : ((_U = (_T = state.callData) == null ? void 0 : _T.status) == null ? void 0 : _U.toUpperCase()) === "ONCALL" /* ONCALL */ ? __spreadValues({}, outlined) : __spreadValues({}, disabled),
+                            disabled: ((_W = (_V = state.callData) == null ? void 0 : _V.status) == null ? void 0 : _W.toUpperCase()) !== "ONCALL" /* ONCALL */ && ((_X = state.callData) == null ? void 0 : _X.mute) !== 1 || muteOrUnMuteLoading || ((_Y = state.callData) == null ? void 0 : _Y.hold) === 1,
                             children: muteOrUnMuteLoading ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                               import_material4.CircularProgress,
                               {
@@ -3499,69 +3685,93 @@ function CallControls({ onDataChange }) {
                                   color: theme.palette.primary.main
                                 }
                               }
-                            ) : ((_la = state.callData) == null ? void 0 : _la.mute) === 1 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_material2.MicOff, {}) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_material2.Mic, {})
+                            ) : ((_Z = state.callData) == null ? void 0 : _Z.mute) === 1 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_material2.MicOff, {}) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_material2.Mic, {})
                           }
                         ) }),
-                        !((_ma = state.sdkConfig) == null ? void 0 : _ma.disableCallTransferButton) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material4.Tooltip, { title: "Transfer Call", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                        !((__ = state.sdkConfig) == null ? void 0 : __.disableCallTransferButton) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material4.Tooltip, { title: "Transfer Call", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                           import_material4.Button,
                           {
                             variant: state.openCallTransferDialog ? "contained" : "outlined",
                             onClick: (e) => {
                               var _a3, _b2;
-                              if (((_b2 = (_a3 = state.callData) == null ? void 0 : _a3.status) == null ? void 0 : _b2.toUpperCase()) === "ONCALL") {
+                              if (((_b2 = (_a3 = state.callData) == null ? void 0 : _a3.status) == null ? void 0 : _b2.toUpperCase()) === "ONCALL" /* ONCALL */) {
                                 e.stopPropagation();
                                 sdkStateManager.setOpenCallTransferDialog(true);
                               }
                             },
-                            sx: state.openCallTransferDialog ? __spreadValues({}, enabled) : ((_oa = (_na = state.callData) == null ? void 0 : _na.status) == null ? void 0 : _oa.toUpperCase()) === "ONCALL" ? __spreadValues({}, outlined) : __spreadValues({}, disabled),
-                            disabled: ((_qa = (_pa = state.callData) == null ? void 0 : _pa.status) == null ? void 0 : _qa.toUpperCase()) !== "ONCALL",
+                            sx: state.openCallTransferDialog ? __spreadValues({}, enabled) : ((_aa = (_$ = state.callData) == null ? void 0 : _$.status) == null ? void 0 : _aa.toUpperCase()) === "ONCALL" /* ONCALL */ ? __spreadValues({}, outlined) : __spreadValues({}, disabled),
+                            disabled: ((_ca = (_ba = state.callData) == null ? void 0 : _ba.status) == null ? void 0 : _ca.toUpperCase()) !== "ONCALL" /* ONCALL */,
                             children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_material2.TransferWithinAStation, {})
                           }
                         ) }),
-                        !((_ra = state.sdkConfig) == null ? void 0 : _ra.disableConferenceButton) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material4.Tooltip, { title: "Conference Call", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                        !((_da = state.sdkConfig) == null ? void 0 : _da.disableConferenceButton) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material4.Tooltip, { title: "Conference Call", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                           import_material4.Button,
                           {
                             variant: state.openConferenceDialog ? "contained" : "outlined",
                             onClick: (e) => {
                               var _a3, _b2;
-                              if (((_b2 = (_a3 = state.callData) == null ? void 0 : _a3.status) == null ? void 0 : _b2.toUpperCase()) === "ONCALL") {
+                              if (((_b2 = (_a3 = state.callData) == null ? void 0 : _a3.status) == null ? void 0 : _b2.toUpperCase()) === "ONCALL" /* ONCALL */) {
                                 e.stopPropagation();
                                 sdkStateManager.setOpenConferenceDialog(true);
                               }
                             },
-                            sx: state.openConferenceDialog ? __spreadValues({}, enabled) : ((_ta = (_sa = state.callData) == null ? void 0 : _sa.status) == null ? void 0 : _ta.toUpperCase()) === "ONCALL" ? __spreadValues({}, outlined) : __spreadValues({}, disabled),
-                            disabled: ((_va = (_ua = state.callData) == null ? void 0 : _ua.status) == null ? void 0 : _va.toUpperCase()) !== "ONCALL",
+                            sx: state.openConferenceDialog ? __spreadValues({}, enabled) : ((_fa = (_ea = state.callData) == null ? void 0 : _ea.status) == null ? void 0 : _fa.toUpperCase()) === "ONCALL" /* ONCALL */ ? __spreadValues({}, outlined) : __spreadValues({}, disabled),
+                            disabled: ((_ha = (_ga = state.callData) == null ? void 0 : _ga.status) == null ? void 0 : _ha.toUpperCase()) !== "ONCALL" /* ONCALL */,
                             children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_material2.Group, {})
                           }
                         ) }),
-                        ((_wa = state.sdkConfig) == null ? void 0 : _wa.enableSmsServices) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material4.Tooltip, { title: "Send SMS", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                        ((_ia = state.sdkConfig) == null ? void 0 : _ia.enableSmsServices) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material4.Tooltip, { title: "Send SMS", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                           import_material4.Button,
                           {
                             variant: Boolean(ambulanceAnchorEl) ? "contained" : "outlined",
                             onClick: (e) => {
-                              var _a3, _b2, _c2, _d2;
-                              if (((_b2 = (_a3 = state.callData) == null ? void 0 : _a3.status) == null ? void 0 : _b2.toUpperCase()) === "ONCALL" || ((_d2 = (_c2 = state.callData) == null ? void 0 : _c2.status) == null ? void 0 : _d2.toUpperCase()) === "WRAPUP") {
+                              var _a3, _b2;
+                              if ([
+                                "ONCALL" /* ONCALL */,
+                                "WRAPUP" /* WRAPUP */
+                              ].includes((_b2 = (_a3 = state.callData) == null ? void 0 : _a3.status) == null ? void 0 : _b2.toUpperCase())) {
                                 e.stopPropagation();
                                 handleOpenAbulanceServices(e);
                               }
                             },
-                            sx: Boolean(ambulanceAnchorEl) ? __spreadValues({}, enabled) : ((_ya = (_xa = state.callData) == null ? void 0 : _xa.status) == null ? void 0 : _ya.toUpperCase()) === "ONCALL" || ((_Aa = (_za = state.callData) == null ? void 0 : _za.status) == null ? void 0 : _Aa.toUpperCase()) === "WRAPUP" ? __spreadValues({}, outlined) : __spreadValues({}, disabled),
-                            disabled: ((_Ca = (_Ba = state.callData) == null ? void 0 : _Ba.status) == null ? void 0 : _Ca.toUpperCase()) !== "ONCALL" && ((_Ea = (_Da = state.callData) == null ? void 0 : _Da.status) == null ? void 0 : _Ea.toUpperCase()) !== "WRAPUP",
+                            sx: Boolean(ambulanceAnchorEl) ? __spreadValues({}, enabled) : [
+                              "ONCALL" /* ONCALL */,
+                              "WRAPUP" /* WRAPUP */
+                            ].includes((_ka = (_ja = state.callData) == null ? void 0 : _ja.status) == null ? void 0 : _ka.toUpperCase()) ? __spreadValues({}, outlined) : __spreadValues({}, disabled),
+                            disabled: ![
+                              "ONCALL" /* ONCALL */,
+                              "WRAPUP" /* WRAPUP */
+                            ].includes((_ma = (_la = state.callData) == null ? void 0 : _la.status) == null ? void 0 : _ma.toUpperCase()),
                             children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_material2.SmsSharp, {})
                           }
                         ) }),
-                        !((_Fa = state.sdkConfig) == null ? void 0 : _Fa.disableEndCallButton) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material4.Tooltip, { title: "End Call", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                        !((_na = state.sdkConfig) == null ? void 0 : _na.disableEndCallButton) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material4.Tooltip, { title: "End Call", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                           import_material4.Button,
                           {
-                            variant: ((_Ha = (_Ga = state.callData) == null ? void 0 : _Ga.status) == null ? void 0 : _Ha.toUpperCase()) === "ONCALL" || ((_Ja = (_Ia = state.callData) == null ? void 0 : _Ia.status) == null ? void 0 : _Ja.toUpperCase()) === "RINGING" || ((_La = (_Ka = state.callData) == null ? void 0 : _Ka.status) == null ? void 0 : _La.toUpperCase()) === "WRAPUP" ? "contained" : "outlined",
+                            variant: [
+                              "ONCALL" /* ONCALL */,
+                              "RINGING" /* RINGING */,
+                              "DIALING" /* DIALING */,
+                              "WRAPUP" /* WRAPUP */
+                            ].includes((_pa = (_oa = state.callData) == null ? void 0 : _oa.status) == null ? void 0 : _pa.toUpperCase()) ? "contained" : "outlined",
                             onClick: (e) => {
-                              var _a3, _b2, _c2, _d2, _e2, _f2;
-                              if (((_b2 = (_a3 = state.callData) == null ? void 0 : _a3.status) == null ? void 0 : _b2.toUpperCase()) === "ONCALL" || ((_d2 = (_c2 = state.callData) == null ? void 0 : _c2.status) == null ? void 0 : _d2.toUpperCase()) === "RINGING" || ((_f2 = (_e2 = state.callData) == null ? void 0 : _e2.status) == null ? void 0 : _f2.toUpperCase()) === "WRAPUP") {
+                              var _a3, _b2;
+                              if ([
+                                "ONCALL" /* ONCALL */,
+                                "RINGING" /* RINGING */,
+                                "DIALING" /* DIALING */,
+                                "WRAPUP" /* WRAPUP */
+                              ].includes((_b2 = (_a3 = state.callData) == null ? void 0 : _a3.status) == null ? void 0 : _b2.toUpperCase())) {
                                 e.stopPropagation();
                                 setOpenCallDisposition(true);
                               }
                             },
-                            sx: ((_Na = (_Ma = state.callData) == null ? void 0 : _Ma.status) == null ? void 0 : _Na.toUpperCase()) === "ONCALL" || ((_Pa = (_Oa = state.callData) == null ? void 0 : _Oa.status) == null ? void 0 : _Pa.toUpperCase()) === "RINGING" || ((_Ra = (_Qa = state.callData) == null ? void 0 : _Qa.status) == null ? void 0 : _Ra.toUpperCase()) === "WRAPUP" ? __spreadProps(__spreadValues({}, enabled), {
+                            sx: [
+                              "ONCALL" /* ONCALL */,
+                              "RINGING" /* RINGING */,
+                              "DIALING" /* DIALING */,
+                              "WRAPUP" /* WRAPUP */
+                            ].includes((_ra = (_qa = state.callData) == null ? void 0 : _qa.status) == null ? void 0 : _ra.toUpperCase()) ? __spreadProps(__spreadValues({}, enabled), {
                               borderRight: "1px",
                               backgroundColor: "error.main",
                               minWidth: "60px !important",
@@ -3580,7 +3790,12 @@ function CallControls({ onDataChange }) {
                             }) : __spreadProps(__spreadValues({}, disabled), {
                               minWidth: "60px !important"
                             }),
-                            disabled: ((_Ta = (_Sa = state.callData) == null ? void 0 : _Sa.status) == null ? void 0 : _Ta.toUpperCase()) !== "ONCALL" && ((_Va = (_Ua = state.callData) == null ? void 0 : _Ua.status) == null ? void 0 : _Va.toUpperCase()) !== "RINGING" && ((_Xa = (_Wa = state.callData) == null ? void 0 : _Wa.status) == null ? void 0 : _Xa.toUpperCase()) !== "WRAPUP" || endCallLoading,
+                            disabled: ![
+                              "ONCALL" /* ONCALL */,
+                              "RINGING" /* RINGING */,
+                              "DIALING" /* DIALING */,
+                              "WRAPUP" /* WRAPUP */
+                            ].includes((_ta = (_sa = state.callData) == null ? void 0 : _sa.status) == null ? void 0 : _ta.toUpperCase()) || endCallLoading,
                             children: endCallLoading ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                               import_material4.CircularProgress,
                               {
@@ -3620,7 +3835,7 @@ function CallControls({ onDataChange }) {
               transition: theme.transitions.create(["box-shadow", "transform"], {
                 duration: theme.transitions.duration.short
               }),
-              visibility: showIframe && !((_Ya = state.sdkConfig) == null ? void 0 : _Ya.disableSoftPhone) ? "visible" : "hidden",
+              visibility: showIframe && !((_ua = state.sdkConfig) == null ? void 0 : _ua.disableSoftPhone) ? "visible" : "hidden",
               userSelect: "none"
             },
             children: [
@@ -3654,7 +3869,7 @@ function CallControls({ onDataChange }) {
               /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material4.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                 "iframe",
                 {
-                  src: `https://${IP}/ConVoxCCS/iframe?agent_id=${state.agentId}&process_id=${(_Za = state.process) == null ? void 0 : _Za.process_id}`,
+                  src: `https://${IP}/ConVoxCCS/iframe?agent_id=${state.agentId}&process_id=${(_va = state.process) == null ? void 0 : _va.process_id}`,
                   height: 380,
                   width: 420,
                   allow: "camera; microphone; autoplay",
@@ -3939,6 +4154,11 @@ async function initSDK({
       agentId: agentId.trim(),
       baseUrl: BASE_URL
     });
+    const res = {
+      accessToken: initResult == null ? void 0 : initResult.accessToken,
+      expiration: initResult == null ? void 0 : initResult.expiration,
+      ticketId: initResult == null ? void 0 : initResult.ticketId
+    };
     if (initResult) {
       console.info("SDK initialized successfully");
       sdkStateManager.initialize(
@@ -3946,7 +4166,7 @@ async function initSDK({
         tenantId.trim(),
         agentId.trim(),
         __spreadValues(__spreadValues({}, initResult == null ? void 0 : initResult.call_controls), sdkConfig),
-        initResult
+        res
       );
     } else {
       sdkStateManager.setInitCheck();