call-control-sdk 6.5.2 → 6.5.3

package/dist/index.js

@@ -60,8 +60,11 @@ __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 = "cti.aighospitals.com";
+var IP = "uat-cti.aighospitals.com";
 var BASE_URL = `https://${IP}:8095`;
 var WS_BASE_URL = `wss://${IP}:8095`;
 var VERSION = {
@@ -88,7 +91,10 @@ var END_POINT = {
   TRANSFER_TO_DETAILS: `${BASE_URL}${VERSION.v1}/cti/transfer-to-details?provider=convox`,
   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`
+  SENTIMENTAL_ANALYSIS: `${BASE_URL}${VERSION.v1}/users/get_sentiment_analysis`,
+  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`
@@ -128,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 },
@@ -203,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,
@@ -226,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,
@@ -247,12 +247,11 @@ 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
         });
       }
     } catch (error) {
-      console.warn("Failed to load SDK state from localStorage:", error);
+      console.warn("Failed to load SDK state:", error);
     }
   }
   saveToStorage() {
@@ -265,18 +264,15 @@ 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 to localStorage:", error);
+      console.warn("Failed to save SDK state:", error);
     }
   }
   notifyListeners() {
@@ -338,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();
@@ -370,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();
   }
@@ -410,7 +397,6 @@ var SDKStateManager = class {
   setConferenceLine(line) {
     var _a2;
     if (!this.state.conferenceLine || !Array.isArray(this.state.conferenceLine)) {
-      console.warn("Conference line data corrupted, resetting to initial state");
       this.state.conferenceLine = this.getInitialState().conferenceLine;
     }
     const conferenceLineData = (_a2 = this.state.conferenceLine) == null ? void 0 : _a2.map((each) => {
@@ -481,23 +467,11 @@ 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) {
-      console.warn("Failed to clear localStorage:", error);
-    }
-  }
-  debugStorage() {
-    try {
-      const stored = localStorage.getItem(this.STORAGE_KEY);
-      console.log("Current localStorage data:", stored);
-      if (stored) {
-        console.log("Parsed localStorage data:", JSON.parse(stored));
-      }
-      console.log("Current state:", this.state);
-    } catch (error) {
-      console.error("Error debugging storage:", error);
+      console.warn("Failed to clear:", error);
     }
   }
   getConferenceLines() {
@@ -512,23 +486,17 @@ var EventTrackerSDK = class {
     __publicField(this, "config", null);
     __publicField(this, "ticketId", null);
     __publicField(this, "baseUrl", "");
-    __publicField(this, "eventQueue", []);
-    // private isOnline: boolean = true;
-    // private retryQueue: Array<() => Promise<void>> = [];
     __publicField(this, "flushTimer", null);
   }
   async init(config) {
     this.config = __spreadValues({
-      autoTrack: true,
       retryAttempts: 3,
       queueSize: 100,
       flushInterval: 5e3
     }, config);
     this.baseUrl = config.baseUrl || (typeof window !== "undefined" ? window.location.origin : "");
-    this.setupNetworkDetection();
     const ticket = await this.createTicket();
     this.startPeriodicFlush();
-    console.log("EventTracker SDK initialized successfully");
     return ticket;
   }
   isInitialized() {
@@ -562,104 +530,11 @@ var EventTrackerSDK = class {
       }
       const data = await response.json();
       this.ticketId = data.ticketId;
-      if (this.config.autoTrack) {
-        this.setupAutoTracking();
-      }
       return data;
     } catch (error) {
-      console.error("EventTracker initialization failed:", error);
       throw error;
     }
   }
-  async logEvent(eventType, eventData) {
-    if (!this.config || !this.ticketId) {
-      console.warn("EventTracker not initialized, skipping event:", eventType);
-      return;
-    }
-    const event = {
-      eventType,
-      eventData,
-      timestamp: Date.now()
-    };
-    this.eventQueue.push(event);
-    if (this.eventQueue.length > (this.config.queueSize || 100)) {
-      this.eventQueue.shift();
-    }
-  }
-  // private async sendEvent(event: {
-  // 	eventType: string;
-  // 	eventData?: EventData;
-  // 	timestamp: number;
-  // }): Promise<void> {
-  // 	if (!this.config || !this.ticketId) return;
-  // 	try {
-  // 		const response = await this.makeRequest("/api/v1/et/event", {
-  // 			method: "POST",
-  // 			headers: {
-  // 				"Content-Type": "application/json",
-  // 				"X-API-Key": this.config.apiKey,
-  // 			},
-  // 			body: JSON.stringify({
-  // 				ticketId: this.ticketId,
-  // 				eventType: event.eventType,
-  // 				eventData: event.eventData,
-  // 			}),
-  // 		});
-  // 		if (!response.ok) {
-  // 			throw new Error(`Failed to log event: ${response.status} ${response.statusText}`);
-  // 		}
-  // 		const index = this.eventQueue.findIndex((e) => e.timestamp === event.timestamp);
-  // 		if (index > -1) {
-  // 			this.eventQueue.splice(index, 1);
-  // 		}
-  // 	} catch (error) {
-  // 		console.error("Event logging failed:", error);
-  // 		// this.retryQueue.push(() => this.sendEvent(event));
-  // 	}
-  // }
-  // async closeTicket(): Promise<void> {
-  // 	if (!this.config || !this.ticketId) {
-  // 		throw new Error("EventTracker not initialized");
-  // 	}
-  // 	await this.flush();
-  // 	try {
-  // 		const response = await this.makeRequest("/api/v1/et/close", {
-  // 			method: "POST",
-  // 			headers: {
-  // 				"Content-Type": "application/json",
-  // 				"X-API-Key": this.config.apiKey,
-  // 			},
-  // 			body: JSON.stringify({
-  // 				ticketId: this.ticketId,
-  // 			}),
-  // 		});
-  // 		if (!response.ok) {
-  // 			throw new Error(`Failed to close ticket: ${response.status} ${response.statusText}`);
-  // 		}
-  // 		this.ticketId = null;
-  // 		this.stopPeriodicFlush();
-  // 		console.log("Ticket closed successfully");
-  // 	} catch (error) {
-  // 		console.error("Ticket close failed:", error);
-  // 		throw error;
-  // 	}
-  // }
-  // async flush(): Promise<void> {
-  // 	if (!this.isOnline || this.eventQueue.length === 0) return;
-  // 	// const eventsToFlush = [...this.eventQueue];
-  // 	// for (const event of eventsToFlush) {
-  // 	// 	await this.sendEvent(event);
-  // 	// }
-  // 	const retryItems = [...this.retryQueue];
-  // 	this.retryQueue = [];
-  // 	for (const retryFn of retryItems) {
-  // 		try {
-  // 			await retryFn();
-  // 		} catch (error) {
-  // 			console.error("Retry failed:", error);
-  // 		}
-  // 	}
-  // }
   async makeRequest(url, options) {
     var _a2;
     const fullUrl = `${this.baseUrl}${url}`;
@@ -678,156 +553,11 @@ var EventTrackerSDK = class {
     }
     throw new Error("Max retries exceeded");
   }
-  setupAutoTracking() {
-    var _a2;
-    if (typeof window === "undefined" || !((_a2 = this.config) == null ? void 0 : _a2.autoTrack)) return;
-    const autoTrackConfig = this.config.autoTrack === true ? {} : this.config.autoTrack;
-    if (autoTrackConfig.pageVisits !== false) {
-      this.logEvent("pageVisit", {
-        url: window.location.href,
-        title: document.title,
-        referrer: document.referrer,
-        userAgent: navigator.userAgent,
-        viewport: {
-          width: window.innerWidth,
-          height: window.innerHeight
-        },
-        timestamp: (/* @__PURE__ */ new Date()).toISOString()
-      }).catch((error) => console.warn("Failed to track page visit:", error));
-    }
-    if (autoTrackConfig.clicks !== false) {
-      document.addEventListener("click", (event) => {
-        var _a3;
-        const target = event.target;
-        if (target.tagName === "BUTTON" || target.tagName === "A" || target.onclick || target.getAttribute("role") === "button" || target instanceof HTMLButtonElement && target.type === "button") {
-          this.logEvent("click", {
-            element: target.tagName,
-            text: (_a3 = target.textContent) == null ? void 0 : _a3.trim().substring(0, 100),
-            href: target.getAttribute("href"),
-            id: target.id,
-            className: target.className,
-            role: target.getAttribute("role"),
-            position: {
-              x: event.clientX,
-              y: event.clientY
-            },
-            timestamp: (/* @__PURE__ */ new Date()).toISOString()
-          }).catch((error) => console.warn("Failed to track click:", error));
-        }
-      });
-    }
-    if (autoTrackConfig.forms !== false) {
-      document.addEventListener("submit", (event) => {
-        const target = event.target;
-        const formData = new FormData(target);
-        const formFields = {};
-        formData.forEach((value, key) => {
-          formFields[key] = value.toString();
-        });
-        this.logEvent("formSubmission", {
-          formId: target.id,
-          action: target.action,
-          method: target.method,
-          fields: Object.keys(formFields),
-          fieldCount: Object.keys(formFields).length,
-          timestamp: (/* @__PURE__ */ new Date()).toISOString()
-        }).catch((error) => console.warn("Failed to track form submission:", error));
-      });
-    }
-    if (autoTrackConfig.inputs !== false) {
-      let inputTimer;
-      document.addEventListener("input", (event) => {
-        const target = event.target;
-        if (target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.tagName === "SELECT") {
-          clearTimeout(inputTimer);
-          inputTimer = setTimeout(() => {
-            var _a3;
-            this.logEvent("fieldChange", {
-              element: target.tagName,
-              type: target.getAttribute("type"),
-              name: target.getAttribute("name"),
-              id: target.id,
-              valueLength: ((_a3 = target.value) == null ? void 0 : _a3.length) || 0,
-              timestamp: (/* @__PURE__ */ new Date()).toISOString()
-            }).catch((error) => console.warn("Failed to track field change:", error));
-          }, 1e3);
-        }
-      });
-    }
-    const sessionStartTime = Date.now();
-    window.addEventListener("beforeunload", () => {
-      const sessionDuration = Date.now() - sessionStartTime;
-      this.logEvent("pageUnload", {
-        url: window.location.href,
-        sessionDuration,
-        timestamp: (/* @__PURE__ */ new Date()).toISOString()
-      });
-    });
-    if (autoTrackConfig.visibility !== false) {
-      document.addEventListener("visibilitychange", () => {
-        this.logEvent("visibilityChange", {
-          hidden: document.hidden,
-          visibilityState: document.visibilityState,
-          timestamp: (/* @__PURE__ */ new Date()).toISOString()
-        });
-      });
-    }
-    if (autoTrackConfig.errors !== false) {
-      window.addEventListener("error", (event) => {
-        this.logEvent("jsError", {
-          message: event.message,
-          filename: event.filename,
-          lineno: event.lineno,
-          colno: event.colno,
-          timestamp: (/* @__PURE__ */ new Date()).toISOString()
-        });
-      });
-      window.addEventListener("unhandledrejection", (event) => {
-        var _a3;
-        this.logEvent("unhandledRejection", {
-          reason: (_a3 = event.reason) == null ? void 0 : _a3.toString(),
-          timestamp: (/* @__PURE__ */ new Date()).toISOString()
-        });
-      });
-    }
-    if (autoTrackConfig.performance !== false && typeof window.performance !== "undefined" && window.performance.navigation) {
-      window.addEventListener("load", () => {
-        setTimeout(() => {
-          const navigation = window.performance.navigation;
-          const timing = window.performance.timing;
-          this.logEvent("performanceMetrics", {
-            navigationTime: timing.navigationStart,
-            loadTime: timing.loadEventEnd - timing.navigationStart,
-            domReady: timing.domContentLoadedEventEnd - timing.navigationStart,
-            renderTime: timing.loadEventEnd - timing.domContentLoadedEventEnd,
-            navigationType: navigation.type,
-            redirectCount: navigation.redirectCount,
-            timestamp: (/* @__PURE__ */ new Date()).toISOString()
-          });
-        }, 1e3);
-      });
-    }
-  }
-  setupNetworkDetection() {
-    if (typeof window === "undefined") return;
-    window.addEventListener("online", () => {
-      console.log("EventTracker: Back online, flushing queued events");
-    });
-    window.addEventListener("offline", () => {
-      console.log("EventTracker: Offline, queueing events");
-    });
-  }
   startPeriodicFlush() {
     if (this.flushTimer) {
       clearInterval(this.flushTimer);
     }
   }
-  // private stopPeriodicFlush(): void {
-  // 	if (this.flushTimer) {
-  // 		clearInterval(this.flushTimer);
-  // 		this.flushTimer = null;
-  // 	}
-  // }
 };
 var eventTracker = new EventTrackerSDK();
 if (typeof window !== "undefined") {
@@ -876,12 +606,6 @@ function createAxiosInstance() {
   );
   instance.interceptors.response.use(
     (response) => {
-      var _a3;
-      const endTime = (/* @__PURE__ */ new Date()).getTime();
-      const startTime = (_a3 = response.config.metadata) == null ? void 0 : _a3.startTime;
-      if (startTime) {
-        console.log(`Request to ${response.config.url} took ${endTime - startTime}ms`);
-      }
       return response;
     },
     async (error) => {
@@ -908,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);
@@ -915,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",
@@ -924,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);
     });
@@ -950,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);
@@ -958,24 +682,29 @@ 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;
-      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, _p;
+      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 : "",
-        endcall_type: "CLOSE"
+        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",
+        patient_enquiry: (_o = data2 == null ? void 0 : data2.patientLog) != null ? _o : null
       };
-      return axios_default.post(END_POINT.END_CALL, payload).then((res) => {
+      return axios_default.post(END_POINT.END_CALL, payload, {
+        params: {
+          isBreak: (_p = data2 == null ? void 0 : data2.isBreak) != null ? _p : false
+        }
+      }).then((res) => {
         sdkStateManager.resetConferenceLines();
         sdkStateManager.endCall();
         setData(res == null ? void 0 : res.data);
@@ -1004,6 +733,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);
@@ -1011,10 +741,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,
@@ -1033,15 +763,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);
@@ -1122,101 +852,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());
     });
@@ -1226,22 +871,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);
@@ -1306,11 +951,64 @@ var reducer = (state, action) => {
   }
   throw Error("Unknown action.");
 };
+var useGetRequest = (props = {}) => {
+  const { onSuccess = null, onError = null } = props;
+  const { showToast } = useToast();
+  const [state, dispatch] = (0, import_react8.useReducer)(reducer, initialState);
+  const getRequest = (0, import_react8.useCallback)(
+    (url, config = {}) => {
+      dispatch({
+        type: "isLoading",
+        payload: true
+      });
+      axios_default.get(url, config).then((res) => {
+        var _a2, _b;
+        if ((_a2 = res.data) == null ? void 0 : _a2.success) {
+          dispatch({
+            type: "isSuccess",
+            payload: res.data
+          });
+          onSuccess == null ? void 0 : onSuccess(res.data, config);
+        } else {
+          dispatch({
+            type: "isError",
+            payload: res.data
+          });
+          showToast((_b = res.data) == null ? void 0 : _b.message, "error");
+          onError == null ? void 0 : onError(res.data, config);
+        }
+      }).catch((err) => {
+        var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+        const error = {
+          status: (_b = (_a2 = err.response) == null ? void 0 : _a2.status) != null ? _b : 500,
+          message: ((_d = (_c = err.response) == null ? void 0 : _c.data) == null ? void 0 : _d.detail) || ((_f = (_e = err.response) == null ? void 0 : _e.data) == null ? void 0 : _f.message) || err.message || "An unknown error occurred",
+          data: (_h = (_g = err.response) == null ? void 0 : _g.data) != null ? _h : null,
+          statusText: (_j = (_i = err.response) == null ? void 0 : _i.statusText) != null ? _j : "",
+          code: (_k = err == null ? void 0 : err.code) != null ? _k : "",
+          name: (_l = err == null ? void 0 : err.name) != null ? _l : ""
+        };
+        showToast(error.message, "error");
+        dispatch({
+          type: "isError",
+          payload: error
+        });
+        onError == null ? void 0 : onError(error, config);
+      }).finally(() => {
+        dispatch({
+          type: "isLoading",
+          payload: false
+        });
+      });
+    },
+    [onSuccess, onError, showToast]
+  );
+  return [getRequest, state];
+};
 var usePostRequest = (props = {}) => {
   const { onSuccess = null, onError = null, disabledSuccessToast = false } = props;
   const { showToast } = useToast();
-  const [state, dispatch] = (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",
@@ -1354,11 +1052,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 = ({
@@ -1426,19 +1119,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));
   };
@@ -1540,26 +1233,12 @@ var ConferenceTableRow = ({ each }) => {
       setConferenceCallEnd(false);
     });
   };
-  const [holdOrUnHold] = usePostRequest({
-    onSuccess: () => {
-      sdkStateManager.setHolding(!state.isHolding);
-    },
-    onError: (error) => {
-      console.log("\u274C Hold operation error:", error);
-    }
-  });
-  const [muteOrUnMute] = usePostRequest({
-    onSuccess: () => {
-      sdkStateManager.setMuted(!state.isMuted);
-    },
-    onError: (error) => {
-      console.log("\u274C Mute operation error:", error);
-    }
-  });
+  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);
@@ -1567,7 +1246,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);
@@ -1629,7 +1308,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 });
                 }
@@ -1642,7 +1321,6 @@ var ConferenceTableRow = ({ each }) => {
           {
             sx: {
               padding: "6px",
-              // width: "200px",
               flex: 1
             },
             children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
@@ -1656,20 +1334,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: {
@@ -1686,7 +1364,7 @@ var ConferenceTableRow = ({ each }) => {
                                 variant: "body2",
                                 sx: {
                                   fontSize: "12px",
-                                  color: each.status === "HOLD" ? "#fff" : "initial"
+                                  color: each.status === "HOLD" /* HOLD */ ? "#fff" : "initial"
                                 },
                                 children: "Unhold"
                               }
@@ -1718,7 +1396,7 @@ var ConferenceTableRow = ({ each }) => {
                               {
                                 variant: "body2",
                                 sx: {
-                                  color: each.status === "HOLD" ? "#fff" : "#000",
+                                  color: each.status === "HOLD" /* HOLD */ ? "#fff" : "#000",
                                   fontSize: "12px"
                                 },
                                 children: "Hold"
@@ -1741,9 +1419,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",
@@ -1758,7 +1436,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,
                         {
@@ -1769,7 +1447,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"
                           }
                         }
                       )
@@ -1778,34 +1456,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,
                         {
@@ -1814,15 +1488,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",
@@ -1842,7 +1516,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,
                         {
@@ -1866,7 +1540,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);
   };
@@ -2062,17 +1736,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 }
@@ -2083,7 +1766,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 : "",
@@ -2097,13 +1780,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") {
@@ -2117,9 +1800,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
@@ -2128,6 +1820,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,
@@ -2136,7 +1829,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,
@@ -2158,23 +1851,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"
                   }
@@ -2185,10 +1872,6 @@ function CallTransferDialog({ open }) {
                     variant: currentselecteTab === "queues" ? "contained" : "outlined",
                     onClick: () => {
                       setCurrentselecteTab("queues");
-                      getProcessAndQueuesList(END_POINT.TRANSFER_TO_DETAILS, {
-                        status: "ACTIVE",
-                        active: true
-                      });
                     },
                     children: "Queues"
                   }
@@ -2206,9 +1889,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: {
@@ -2223,7 +1916,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: {
@@ -2248,7 +1941,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
                         ]
                       }
@@ -2270,26 +1963,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,
@@ -2316,7 +2024,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
@@ -2357,26 +2065,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: {
@@ -2423,25 +2146,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, {})
+                        }
+                      ) })
+                    ]
+                  }
+                )
+              ] })
             ]
           }
         )
@@ -2450,18 +2326,16 @@ function CallTransferDialog({ open }) {
   ) });
 }
 function EndCallDispositionDialog({ open, setOpen, onSubmitDisposition }) {
-  var _a2, _b, _c, _d;
-  const [formData, setFormData] = (0, import_react10.useState)({
+  var _a2, _b, _c, _d, _e;
+  const [getDispositions, data] = useGetRequest();
+  const [formData, setFormData] = (0, import_react9.useState)({
     disposition: { label: "Resolved", value: "RES" },
     followUp: { label: "No", value: "N" },
     callbackDate: "",
     callbackHrs: "",
-    callbackMins: ""
+    callbackMins: "",
+    selected_break: false
   });
-  const dispositionOptions = [
-    { label: "Not Interested", value: "NI" },
-    { label: "Resolved", value: "RES" }
-  ];
   const followUpOptions = [
     { label: "Yes", value: "Y" },
     { label: "No", value: "N" }
@@ -2475,13 +2349,24 @@ function EndCallDispositionDialog({ open, setOpen, onSubmitDisposition }) {
       followUp: { label: "No", value: "N" },
       callbackDate: "",
       callbackHrs: "",
-      callbackMins: ""
+      callbackMins: "",
+      selected_break: false
     });
   };
   const handleClose = () => {
     handleReset();
     setOpen(false);
   };
+  (0, import_react9.useEffect)(() => {
+    getDispositions(END_POINT.DISPOSITIONS);
+  }, []);
+  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,
+      value: item.code
+    }))) || [];
+  }, [(_a2 = data == null ? void 0 : data.data) == null ? void 0 : _a2.data]);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     import_material3.Dialog,
     {
@@ -2534,7 +2419,7 @@ function EndCallDispositionDialog({ open, setOpen, onSubmitDisposition }) {
                       import_material3.Autocomplete,
                       {
                         value: formData.disposition,
-                        options: dispositionOptions,
+                        options: dispositionsOptions,
                         getOptionLabel: (opt) => opt.label,
                         onChange: (_, val) => handleChange("disposition", val),
                         size: "small",
@@ -2569,14 +2454,37 @@ function EndCallDispositionDialog({ open, setOpen, onSubmitDisposition }) {
                   ]
                 }
               ),
-              ((_b = (_a2 = formData == null ? void 0 : formData.followUp) == null ? void 0 : _a2.label) == null ? void 0 : _b.toLowerCase()) === "yes" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
                 import_material3.Box,
                 {
                   display: "flex",
                   gap: 2,
                   mt: 2,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material3.Box, { sx: {
+                      flex: "1",
+                      border: "1px solid #bdbdbd",
+                      borderRadius: "5px"
+                    }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                        import_material3.Checkbox,
+                        {
+                          name: "selected_break",
+                          sx: {
+                            padding: "6px"
+                          },
+                          checked: formData.selected_break,
+                          onChange: (event) => {
+                            handleChange("selected_break", event.target.checked);
+                          },
+                          slotProps: {
+                            input: { "aria-label": "controlled" }
+                          }
+                        }
+                      ),
+                      " Mark as break"
+                    ] }),
+                    ((_c = (_b = formData == null ? void 0 : formData.followUp) == null ? void 0 : _b.label) == null ? void 0 : _c.toLowerCase()) === "yes" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                       import_material3.TextField,
                       {
                         size: "small",
@@ -2590,7 +2498,17 @@ function EndCallDispositionDialog({ open, setOpen, onSubmitDisposition }) {
                         fullWidth: true,
                         sx: { flex: 1 }
                       }
-                    ),
+                    ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material3.Box, { sx: { flex: 1 } })
+                  ]
+                }
+              ),
+              ((_e = (_d = formData == null ? void 0 : formData.followUp) == null ? void 0 : _d.label) == null ? void 0 : _e.toLowerCase()) === "yes" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                import_material3.Box,
+                {
+                  display: "flex",
+                  gap: 2,
+                  mt: 2,
+                  children: [
                     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                       import_material3.TextField,
                       {
@@ -2602,17 +2520,7 @@ function EndCallDispositionDialog({ open, setOpen, onSubmitDisposition }) {
                         fullWidth: true,
                         sx: { flex: 1 }
                       }
-                    )
-                  ]
-                }
-              ),
-              ((_d = (_c = formData == null ? void 0 : formData.followUp) == null ? void 0 : _c.label) == null ? void 0 : _d.toLowerCase()) === "yes" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-                import_material3.Box,
-                {
-                  display: "flex",
-                  gap: 2,
-                  mt: 2,
-                  children: [
+                    ),
                     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                       import_material3.TextField,
                       {
@@ -2624,8 +2532,7 @@ function EndCallDispositionDialog({ open, setOpen, onSubmitDisposition }) {
                         fullWidth: true,
                         sx: { flex: 1 }
                       }
-                    ),
-                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material3.Box, { sx: { flex: 1 } })
+                    )
                   ]
                 }
               )
@@ -2806,6 +2713,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;
@@ -2829,7 +2877,7 @@ async function loadAudioAsBlob() {
     audioBlobUrl = URL.createObjectURL(blob);
     return audioBlobUrl;
   } catch (error) {
-    console.warn("Could not create blob URL, using direct URL:", error);
+    console.error("Could not create blob URL, using direct URL:", error);
     return import_incoming.default;
   }
 }
@@ -2868,15 +2916,11 @@ async function createAudioElement() {
   };
   let loaded = await tryLoadAudio(audioUrl);
   if (!loaded && audioUrl !== import_incoming.default) {
-    console.log("Primary URL failed, trying original import URL:", import_incoming.default);
     loaded = await tryLoadAudio(import_incoming.default);
     if (loaded) {
       audioUrl = import_incoming.default;
     }
   }
-  if (!loaded) {
-    console.error("Failed to load audio with all methods. URL:", audioUrl);
-  }
   return audio;
 }
 function cleanupAudioResources() {
@@ -2888,6 +2932,7 @@ function cleanupAudioResources() {
 }
 
 // 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;
@@ -2918,7 +2963,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();
@@ -2927,6 +2972,7 @@ function CallControls({ onDataChange }) {
     enabled: ((_b = state.sdkConfig) == null ? void 0 : _b.enabled) || {},
     outlined: ((_c = state.sdkConfig) == null ? void 0 : _c.outlined) || {}
   });
+  const micRef = (0, import_react11.useRef)(null);
   const webSocketRef = (0, import_react11.useRef)(null);
   const audioRef = (0, import_react11.useRef)(null);
   const reconnectTimeoutRef = (0, import_react11.useRef)(null);
@@ -2936,16 +2982,17 @@ 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);
   const [processList, setProcessList] = (0, import_react11.useState)(null);
   const [phoneNumber, setPhoneNumber] = (0, import_react11.useState)("");
   const [callDuration, setCallDuration] = (0, import_react11.useState)(0);
+  const [callWrapuptime, setCallWrapuptime] = (0, import_react11.useState)(null);
   const { position, isDragging, dragRef, handleMouseDown, handleTouchStart } = useDraggable(
     state.controlPanelPosition,
     (newPosition) => sdkStateManager.setControlPanelPosition(newPosition)
@@ -2967,26 +3014,22 @@ function CallControls({ onDataChange }) {
     }
   });
   const [holdOrUnHold, { isLoading: holdOrUnHoldLoading }] = usePostRequest({
-    onSuccess: () => {
-      sdkStateManager.setHolding(!state.isHolding);
-    },
-    onError: (error) => {
-      console.log("\u274C Hold operation error:", error);
-    }
+    // onSuccess: () => {
+    // 	sdkStateManager.setHolding(!state.isHolding);
+    // },
   });
   const [muteOrUnMute, { isLoading: muteOrUnMuteLoading }] = usePostRequest({
-    onSuccess: () => {
-      sdkStateManager.setMuted(!state.isMuted);
-    },
-    onError: (error) => {
-      console.log("\u274C Mute operation error:", error);
-    }
+    // 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();
     }
   });
@@ -2996,15 +3039,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 = () => {
@@ -3049,7 +3088,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);
@@ -3057,13 +3096,13 @@ 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);
   };
   const handleEndCall = (data) => {
-    var _a3, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2;
+    var _a3, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q2;
     const payload = {
       action: "ENDCALL",
       userId: state.agentId,
@@ -3079,9 +3118,11 @@ function CallControls({ onDataChange }) {
       endcall_type: "CLOSE"
     };
     setPhoneNumber("");
-    endCall(END_POINT.END_CALL, payload);
-    sdkStateManager.endCall();
-    setOpenCallDisposition(false);
+    endCall(END_POINT.END_CALL, payload, {
+      params: {
+        isBreak: (_q2 = data == null ? void 0 : data.selected_break) != null ? _q2 : false
+      }
+    });
   };
   (0, import_react11.useEffect)(() => {
     const handleBeforeUnload = (e) => {
@@ -3093,17 +3134,23 @@ function CallControls({ onDataChange }) {
     };
   }, []);
   (0, import_react11.useEffect)(() => {
+    const mic = createMicController();
+    micRef.current = mic;
+    mic.start().catch((err) => {
+      console.error("Failed to start mic:", err);
+    });
     const handleKeyDown = (event) => {
-      var _a3, _b2, _c2, _d2, _e2, _f2, _g2;
-      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();
+        (_d2 = micRef.current) == null ? void 0 : _d2.mute();
         const payload = {
-          action: "MUTE",
+          action: "MUTE" /* MUTE */,
           userId: fullState.agentId
         };
         muteOrUnMute(END_POINT.MUTE_CALL, payload);
@@ -3111,23 +3158,24 @@ function CallControls({ onDataChange }) {
       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);
+        (_f2 = micRef.current) == null ? void 0 : _f2.unmute();
       }
-      if (key === "h" && String((_f2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _f2.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((_g2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _g2.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);
@@ -3140,7 +3188,8 @@ function CallControls({ onDataChange }) {
   }, []);
   (0, import_react11.useEffect)(() => {
     let interval;
-    if (state.callData.status && state.callData.status === "ONCALL") {
+    let wrapUpinterval;
+    if (state.callData.status && state.callData.status === "ONCALL" /* ONCALL */) {
       interval = setInterval(() => {
         const elapsed = Math.floor((Date.now() - state.callStartTime) / 1e3);
         setCallDuration(elapsed);
@@ -3148,8 +3197,28 @@ function CallControls({ onDataChange }) {
     } else {
       setCallDuration(0);
     }
+    if (state.callData.status && state.callData.status === "WRAPUP" /* WRAPUP */ && callWrapuptime !== null) {
+      wrapUpinterval = setInterval(() => {
+        setCallWrapuptime((prevTime) => {
+          if (prevTime === null || prevTime <= 1) {
+            clearInterval(wrapUpinterval);
+            handleEndCall({
+              disposition: { label: "Resolved", value: "RES" },
+              followUp: { label: "No", value: "N" },
+              callbackDate: "",
+              callbackHrs: "",
+              callbackMins: "",
+              selected_break: false
+            });
+            return null;
+          }
+          return prevTime - 1;
+        });
+      }, 1e3);
+    }
     return () => {
       if (interval) clearInterval(interval);
+      if (wrapUpinterval) clearInterval(wrapUpinterval);
     };
   }, [state.callData.status]);
   (0, import_react11.useEffect)(() => {
@@ -3200,13 +3269,10 @@ function CallControls({ onDataChange }) {
       }).catch((err) => {
         showToast(err.response.data.message, "error");
       });
-    } else {
-      console.log("No agentId available, skipping API call");
     }
   }, [state.agentId]);
   const connectWebSocket = () => {
     if (!state.agentId) {
-      console.log("No agentId available, cannot connect WebSocket");
       return;
     }
     if (reconnectTimeoutRef.current) {
@@ -3225,7 +3291,6 @@ function CallControls({ onDataChange }) {
           if (webSocketRef.current && webSocketRef.current.readyState === WebSocket.OPEN) {
             try {
               webSocketRef.current.send(JSON.stringify({ type: "ping" }));
-              console.log("\u{1F4E1} WebSocket ping sent");
             } catch (error) {
               console.error("Failed to send ping:", error);
             }
@@ -3233,71 +3298,88 @@ function CallControls({ onDataChange }) {
         }, 3e4);
       };
       webSocketRef.current.onmessage = (event) => {
+        var _a3, _b2;
         try {
           const data = JSON.parse(event.data);
           if (data.type === "pong") {
-            console.log("\u{1F4E1} WebSocket pong received");
             return;
           }
-          const rls = localStorage.getItem("call-control-sdk-state");
-          const confrence = getCombineConfrenceData(JSON.parse(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);
               });
@@ -3308,21 +3390,20 @@ function CallControls({ onDataChange }) {
               audioRef.current.currentTime = 0;
             }
           }
-          if (data.status === "ONCALL") {
+          if (data.status === "ONCALL" /* ONCALL */) {
             sdkStateManager.startCall();
             if (!showIframe) {
               setShowIframe(true);
             }
           }
-          if (data.status === "WRAPUP") {
+          if (data.status === "WRAPUP" /* WRAPUP */) {
             sdkStateManager.endCall();
           }
         } catch (e) {
-          console.log("\u{1F4E8} Raw message:", event.data);
+          console.error("\u{1F4E8} Raw message:", event.data);
         }
       };
       webSocketRef.current.onclose = (event) => {
-        console.log("\u{1F50C} WebSocket connection closed", event.code, event.reason);
         if (pingIntervalRef.current) {
           clearInterval(pingIntervalRef.current);
           pingIntervalRef.current = null;
@@ -3333,14 +3414,13 @@ function CallControls({ onDataChange }) {
             baseReconnectDelay * Math.pow(2, reconnectAttemptsRef.current - 1),
             maxReconnectDelay
           );
-          console.log(
+          console.warn(
             `\u{1F504} Attempting to reconnect WebSocket (attempt ${reconnectAttemptsRef.current}/${maxReconnectAttempts}) in ${delay}ms`
           );
           reconnectTimeoutRef.current = setTimeout(() => {
             connectWebSocket();
           }, delay);
         } else if (reconnectAttemptsRef.current >= maxReconnectAttempts) {
-          console.error("\u274C Maximum reconnection attempts reached. Please refresh the page.");
           showToast("WebSocket connection failed. Please refresh the page.", "error");
         }
       };
@@ -3348,7 +3428,6 @@ function CallControls({ onDataChange }) {
         console.error("\u274C WebSocket error:", error);
       };
     } catch (error) {
-      console.error("\u274C Failed to create WebSocket:", error);
       if (reconnectAttemptsRef.current < maxReconnectAttempts) {
         reconnectAttemptsRef.current += 1;
         const delay = Math.min(
@@ -3464,32 +3543,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,
                           {
@@ -3501,7 +3577,7 @@ function CallControls({ onDataChange }) {
                               fontWeight: "600",
                               cursor: "pointer"
                             },
-                            children: formatDuration(callDuration)
+                            children: state.callData.status === "WRAPUP" /* WRAPUP */ && callWrapuptime !== null ? formatDuration(callWrapuptime) : formatDuration(callDuration)
                           }
                         ) }),
                         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -3531,7 +3607,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,
@@ -3555,32 +3631,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,
                               {
@@ -3589,19 +3665,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,
                               {
@@ -3610,69 +3686,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",
@@ -3691,7 +3791,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,
                               {
@@ -3731,7 +3836,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: [
@@ -3765,7 +3870,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",
@@ -4050,24 +4155,27 @@ 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.log("SDK initialized successfully");
+      console.info("SDK initialized successfully");
       sdkStateManager.initialize(
         apiKey.trim(),
         tenantId.trim(),
         agentId.trim(),
-        sdkConfig,
-        initResult
+        __spreadValues(__spreadValues({}, initResult == null ? void 0 : initResult.call_controls), sdkConfig),
+        res
       );
     } else {
-      console.error("SDK initialization failed: Event tracker initialization returned false");
       sdkStateManager.setInitCheck();
       throw new Error(
         "SDK initialization failed: Unable to establish connection with the CTI system"
       );
     }
   } catch (error) {
-    console.error("SDK initialization error:", error);
     sdkStateManager.setInitCheck();
     if (error instanceof Error) {
       throw error;