call-control-sdk 6.5.1-uat.5 → 6.5.1-uat.7

package/dist/index.js

@@ -129,9 +129,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 },
@@ -227,9 +224,6 @@ var SDKStateManager = class {
             enabled: {},
             outlined: {}
           },
-          isHolding: parsedState.isHolding || false,
-          isMuted: parsedState.isMuted || false,
-          status: parsedState.status || "idle",
           callStartTime: parsedState.callStartTime || null,
           controlPanelPosition: parsedState.controlPanelPosition || {
             x: 10,
@@ -248,12 +242,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() {
@@ -266,9 +259,6 @@ 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,
@@ -277,7 +267,7 @@ var SDKStateManager = class {
       };
       localStorage.setItem(this.STORAGE_KEY, JSON.stringify(persistentState));
     } catch (error) {
-      console.warn("Failed to save SDK state to localStorage:", error);
+      console.warn("Failed to save SDK state:", error);
     }
   }
   notifyListeners() {
@@ -339,21 +329,16 @@ var SDKStateManager = class {
       }
     };
   }
-  setHolding(isHolding) {
-    this.state.isHolding = isHolding;
-    this.saveToStorage();
-    this.notifyListeners();
-  }
-  setMuted(isMuted) {
-    this.state.isMuted = isMuted;
-    this.saveToStorage();
-    this.notifyListeners();
-  }
-  setStatus(status) {
-    this.state.status = status;
-    this.saveToStorage();
-    this.notifyListeners();
-  }
+  // public setHolding(isHolding: boolean): void {
+  // 	this.state.isHolding = isHolding;
+  // 	this.saveToStorage();
+  // 	this.notifyListeners();
+  // }
+  // public setMuted(isMuted: boolean): void {
+  // 	this.state.isMuted = isMuted;
+  // 	this.saveToStorage();
+  // 	this.notifyListeners();
+  // }
   setProcess(process) {
     this.state.process = process;
     this.saveToStorage();
@@ -371,15 +356,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();
   }
@@ -411,7 +392,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) => {
@@ -486,19 +466,7 @@ var SDKStateManager = class {
       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() {
@@ -513,23 +481,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() {
@@ -563,104 +525,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}`;
@@ -679,156 +548,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") {
@@ -877,12 +601,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) => {
@@ -1127,101 +845,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());
     });
@@ -1231,22 +864,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);
@@ -1314,8 +947,8 @@ var reducer = (state, action) => {
 var useGetRequest = (props = {}) => {
   const { onSuccess = null, onError = null } = props;
   const { showToast } = useToast();
-  const [state, dispatch] = (0, import_react9.useReducer)(reducer, initialState);
-  const getRequest = (0, import_react9.useCallback)(
+  const [state, dispatch] = (0, import_react8.useReducer)(reducer, initialState);
+  const getRequest = (0, import_react8.useCallback)(
     (url, config = {}) => {
       dispatch({
         type: "isLoading",
@@ -1367,8 +1000,8 @@ var useGetRequest = (props = {}) => {
 var usePostRequest = (props = {}) => {
   const { onSuccess = null, onError = null, disabledSuccessToast = false } = props;
   const { showToast } = useToast();
-  const [state, dispatch] = (0, import_react9.useReducer)(reducer, initialState);
-  const postRequest = (0, import_react9.useCallback)(
+  const [state, dispatch] = (0, import_react8.useReducer)(reducer, initialState);
+  const postRequest = (0, import_react8.useCallback)(
     (url, payload, config = {}) => {
       dispatch({
         type: "isLoading",
@@ -1412,11 +1045,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 = ({
@@ -1484,19 +1112,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));
   };
@@ -1505,7 +1133,7 @@ var ConferenceTableRow = ({ each }) => {
     const line_used = __spreadValues(__spreadValues({}, line), data);
     setConferenceCallStart(true);
     const payload = {
-      action: "INTERNAL_CONFERENCE",
+      action: "EXTERNAL_CONFERENCE",
       operation: `CALL${line_used.line}`,
       line_used: String(line_used.line),
       thirdparty_no: line_used.phone,
@@ -1598,26 +1226,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);
@@ -1625,7 +1239,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);
@@ -1687,7 +1301,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 });
                 }
@@ -1700,7 +1314,6 @@ var ConferenceTableRow = ({ each }) => {
           {
             sx: {
               padding: "6px",
-              // width: "200px",
               flex: 1
             },
             children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
@@ -1714,20 +1327,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: {
@@ -1744,7 +1357,7 @@ var ConferenceTableRow = ({ each }) => {
                                 variant: "body2",
                                 sx: {
                                   fontSize: "12px",
-                                  color: each.status === "HOLD" ? "#fff" : "initial"
+                                  color: each.status === "HOLD" /* HOLD */ ? "#fff" : "initial"
                                 },
                                 children: "Unhold"
                               }
@@ -1776,7 +1389,7 @@ var ConferenceTableRow = ({ each }) => {
                               {
                                 variant: "body2",
                                 sx: {
-                                  color: each.status === "HOLD" ? "#fff" : "#000",
+                                  color: each.status === "HOLD" /* HOLD */ ? "#fff" : "#000",
                                   fontSize: "12px"
                                 },
                                 children: "Hold"
@@ -1799,9 +1412,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",
@@ -1816,7 +1429,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,
                         {
@@ -1827,7 +1440,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"
                           }
                         }
                       )
@@ -1836,34 +1449,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,
                         {
@@ -1872,15 +1481,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",
@@ -1900,7 +1509,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,
                         {
@@ -1924,7 +1533,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);
   };
@@ -2127,7 +1736,7 @@ function CallTransferDialog({ open }) {
       sdkStateManager.setOpenCallTransferDialog(false);
     }
   });
-  const [currentselecteTab, setCurrentselecteTab] = (0, import_react10.useState)("process");
+  const [currentselecteTab, setCurrentselecteTab] = (0, import_react9.useState)("process");
   const [getIdelAgentsList, { data: idleAgentsList, isLoading: isIdleAgentsListLoading }] = usePostRequest({
     disabledSuccessToast: true
   });
@@ -2177,7 +1786,7 @@ function CallTransferDialog({ open }) {
       transferCall(END_POINT.TRANSFER_CALL, payload);
     }
   };
-  (0, import_react10.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     getIdelAgentsList(END_POINT.AGENTS_LIST, {
       status: "IDLE",
       active: true
@@ -2510,7 +2119,7 @@ function CallTransferDialog({ open }) {
 function EndCallDispositionDialog({ open, setOpen, onSubmitDisposition }) {
   var _a2, _b, _c, _d, _e;
   const [getDispositions, data] = useGetRequest();
-  const [formData, setFormData] = (0, import_react10.useState)({
+  const [formData, setFormData] = (0, import_react9.useState)({
     disposition: { label: "Resolved", value: "RES" },
     followUp: { label: "No", value: "N" },
     callbackDate: "",
@@ -2539,11 +2148,10 @@ function EndCallDispositionDialog({ open, setOpen, onSubmitDisposition }) {
     handleReset();
     setOpen(false);
   };
-  (0, import_react10.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     getDispositions(END_POINT.DISPOSITIONS);
   }, []);
-  console.log("dispositionsData", formData);
-  const dispositionsOptions = (0, import_react10.useMemo)(() => {
+  const dispositionsOptions = (0, import_react9.useMemo)(() => {
     var _a3, _b2;
     return ((_b2 = (_a3 = data == null ? void 0 : data.data) == null ? void 0 : _a3.data) == null ? void 0 : _b2.map((item) => ({
       label: item.name,
@@ -2896,6 +2504,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;
@@ -2919,7 +2668,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;
   }
 }
@@ -2958,15 +2707,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() {
@@ -2977,57 +2722,6 @@ function cleanupAudioResources() {
   audioBuffer = null;
 }
 
-// call-control-sdk/lib/services/micController.ts
-function createMicController(constraints = { audio: true }) {
-  let stream = null;
-  let muted = false;
-  async function start() {
-    if (stream) return;
-    stream = await navigator.mediaDevices.getUserMedia(constraints);
-    stream.getAudioTracks().forEach((track) => track.enabled = true);
-    muted = false;
-  }
-  function setEnabled(enabled) {
-    if (!stream) return;
-    stream.getAudioTracks().forEach((track) => track.enabled = enabled);
-    muted = !enabled;
-  }
-  function mute() {
-    setEnabled(false);
-  }
-  function unmute() {
-    setEnabled(true);
-  }
-  function toggleMute() {
-    if (muted) {
-      unmute();
-    } else {
-      mute();
-    }
-  }
-  function stop() {
-    if (!stream) return;
-    stream.getTracks().forEach((t) => t.stop());
-    stream = null;
-    muted = false;
-  }
-  function isMuted() {
-    return muted;
-  }
-  function getStream() {
-    return stream;
-  }
-  return {
-    start,
-    stop,
-    mute,
-    unmute,
-    toggleMute,
-    isMuted,
-    getStream
-  };
-}
-
 // call-control-sdk/lib/components/callControls.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var getCombineConfrenceData = (localState, apiData) => {
@@ -3059,7 +2753,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();
@@ -3078,16 +2772,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)
@@ -3109,26 +2804,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();
     }
   });
@@ -3138,15 +2829,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 = () => {
@@ -3191,7 +2878,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);
@@ -3199,7 +2886,7 @@ function CallControls({ onDataChange }) {
   const handleMuteToggle = () => {
     var _a3;
     const payload = {
-      action: ((_a3 = state.callData) == null ? void 0 : _a3.mute) === 1 ? "UNMUTE" : "MUTE",
+      action: ((_a3 = state.callData) == null ? void 0 : _a3.mute) === 1 ? "UNMUTE" /* UNMUTE */ : "MUTE" /* MUTE */,
       userId: state.agentId
     };
     muteOrUnMute(END_POINT.MUTE_CALL, payload);
@@ -3226,8 +2913,6 @@ function CallControls({ onDataChange }) {
         isBreak: (_q2 = data == null ? void 0 : data.selected_break) != null ? _q2 : false
       }
     });
-    sdkStateManager.endCall();
-    setOpenCallDisposition(false);
   };
   (0, import_react11.useEffect)(() => {
     const handleBeforeUnload = (e) => {
@@ -3248,14 +2933,14 @@ function CallControls({ onDataChange }) {
       var _a3, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
       const fullState = JSON.parse((_a3 = localStorage.getItem("call-control-sdk-state")) != null ? _a3 : "");
       const key = (_b2 = event.key) == null ? void 0 : _b2.toLowerCase();
-      if (!event.altKey || ((_c2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _c2.status) !== "ONCALL") {
+      if (!event.altKey || ((_c2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _c2.status) !== "ONCALL" /* ONCALL */) {
         return;
       }
       if (key === "m" && String((_d2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _d2.mute) === "0") {
         event.preventDefault();
         (_e2 = micRef.current) == null ? void 0 : _e2.mute();
         const payload = {
-          action: "MUTE",
+          action: "MUTE" /* MUTE */,
           userId: fullState.agentId
         };
         muteOrUnMute(END_POINT.MUTE_CALL, payload);
@@ -3263,7 +2948,7 @@ function CallControls({ onDataChange }) {
       if (key === "u" && String((_f2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _f2.mute) === "1") {
         event.preventDefault();
         const payload = {
-          action: "UNMUTE",
+          action: "UNMUTE" /* UNMUTE */,
           userId: fullState.agentId
         };
         muteOrUnMute(END_POINT.MUTE_CALL, payload);
@@ -3272,7 +2957,7 @@ function CallControls({ onDataChange }) {
       if (key === "h" && String((_h2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _h2.hold) === "0") {
         event.preventDefault();
         const payload = {
-          action: "HOLD",
+          action: "HOLD" /* HOLD */,
           userId: fullState.agentId
         };
         holdOrUnHold(END_POINT.HOLD_CALL, payload);
@@ -3280,7 +2965,7 @@ function CallControls({ onDataChange }) {
       if (key === "r" && String((_i2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _i2.hold) === "1") {
         event.preventDefault();
         const payload = {
-          action: "UNHOLD",
+          action: "UNHOLD" /* UNHOLD */,
           userId: fullState.agentId
         };
         holdOrUnHold(END_POINT.HOLD_CALL, payload);
@@ -3293,7 +2978,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);
@@ -3301,8 +2987,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)(() => {
@@ -3353,13 +3059,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) {
@@ -3378,7 +3081,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);
             }
@@ -3386,71 +3088,88 @@ function CallControls({ onDataChange }) {
         }, 3e4);
       };
       webSocketRef.current.onmessage = (event) => {
+        var _a3, _b2, _c2;
         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 = JSON.parse((_a3 = localStorage.getItem(STORAGE_KEY)) != null ? _a3 : "{}");
+          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((_c2 = (_b2 = sdkState == null ? void 0 : sdkState.sdkConfig) == null ? void 0 : _b2.auto_wrapup_time) != null ? _c2 : 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);
               });
@@ -3461,21 +3180,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;
@@ -3486,14 +3204,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");
         }
       };
@@ -3501,7 +3218,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(
@@ -3617,32 +3333,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,
                           {
@@ -3654,7 +3367,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)(
@@ -3684,7 +3397,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,
@@ -3708,32 +3421,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,
                               {
@@ -3742,19 +3455,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,
                               {
@@ -3763,69 +3476,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",
@@ -3844,7 +3581,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,
                               {
@@ -3884,7 +3626,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: [
@@ -3918,7 +3660,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",
@@ -4203,24 +3945,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(),
         __spreadValues(__spreadValues({}, initResult == null ? void 0 : initResult.call_controls), sdkConfig),
-        initResult
+        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;