call-control-sdk 6.5.1-uat.6 → 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,7 +242,6 @@ var SDKStateManager = class {
             event_time: "",
             phone_number: ""
           },
-          // Fix: Properly handle conferenceLine with fallback to initial state
           conferenceLine: parsedState.conferenceLine && Array.isArray(parsedState.conferenceLine) && parsedState.conferenceLine.length > 0 ? parsedState.conferenceLine : this.state.conferenceLine
         });
       }
@@ -266,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,
@@ -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();
   }
@@ -864,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());
     });
@@ -968,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);
@@ -1051,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",
@@ -1104,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",
@@ -1149,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 = ({
@@ -1221,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));
   };
@@ -1242,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,
@@ -1335,20 +1226,12 @@ var ConferenceTableRow = ({ each }) => {
       setConferenceCallEnd(false);
     });
   };
-  const [holdOrUnHold] = usePostRequest({
-    onSuccess: () => {
-      sdkStateManager.setHolding(!state.isHolding);
-    }
-  });
-  const [muteOrUnMute] = usePostRequest({
-    onSuccess: () => {
-      sdkStateManager.setMuted(!state.isMuted);
-    }
-  });
+  const [holdOrUnHold] = usePostRequest();
+  const [muteOrUnMute] = usePostRequest();
   const handleHoldToggle = () => {
     var _a3;
     const payload = {
-      action: ((_a3 = state.callData) == null ? void 0 : _a3.hold) === 1 ? "UNHOLD" : "HOLD",
+      action: ((_a3 = state.callData) == null ? void 0 : _a3.hold) === 1 ? "UNHOLD" /* UNHOLD */ : "HOLD" /* HOLD */,
       userId: state.agentId
     };
     holdOrUnHold(END_POINT.HOLD_CALL, payload);
@@ -1356,7 +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);
@@ -1418,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 });
                 }
@@ -1431,7 +1314,6 @@ var ConferenceTableRow = ({ each }) => {
           {
             sx: {
               padding: "6px",
-              // width: "200px",
               flex: 1
             },
             children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
@@ -1445,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: {
@@ -1475,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"
                               }
@@ -1507,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"
@@ -1530,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",
@@ -1547,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,
                         {
@@ -1558,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"
                           }
                         }
                       )
@@ -1567,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,
                         {
@@ -1603,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",
@@ -1631,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,
                         {
@@ -1655,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);
   };
@@ -1858,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
   });
@@ -1908,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
@@ -2241,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: "",
@@ -2270,10 +2148,10 @@ function EndCallDispositionDialog({ open, setOpen, onSubmitDisposition }) {
     handleReset();
     setOpen(false);
   };
-  (0, import_react10.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     getDispositions(END_POINT.DISPOSITIONS);
   }, []);
-  const dispositionsOptions = (0, import_react10.useMemo)(() => {
+  const dispositionsOptions = (0, import_react9.useMemo)(() => {
     var _a3, _b2;
     return ((_b2 = (_a3 = data == null ? void 0 : data.data) == null ? void 0 : _a3.data) == null ? void 0 : _b2.map((item) => ({
       label: item.name,
@@ -2626,6 +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;
@@ -2703,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) => {
@@ -2785,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();
@@ -2804,10 +2772,10 @@ function CallControls({ onDataChange }) {
   const baseReconnectDelay = 2e3;
   const maxReconnectDelay = 3e4;
   const [anchorEl, setAnchorEl] = (0, import_react11.useState)(null);
-  const [showIframe, setShowIframe] = (0, import_react11.useState)(true);
   const [statusAnchorEl, setStatusAnchorEl] = (0, import_react11.useState)(null);
   const [dialerAnchorEl, setDialerAnchorEl] = (0, import_react11.useState)(null);
   const [ambulanceAnchorEl, setAmbulanceAnchorEl] = (0, import_react11.useState)(null);
+  const [showIframe, setShowIframe] = (0, import_react11.useState)(true);
   const [openCallDisposition, setOpenCallDisposition] = (0, import_react11.useState)(false);
   const [openProcessorDialog, setOpenProcessorDialog] = (0, import_react11.useState)(false);
   const [openCallHistoryDialog, setOpenCallHistoryDialog] = (0, import_react11.useState)(false);
@@ -2836,20 +2804,22 @@ function CallControls({ onDataChange }) {
     }
   });
   const [holdOrUnHold, { isLoading: holdOrUnHoldLoading }] = usePostRequest({
-    onSuccess: () => {
-      sdkStateManager.setHolding(!state.isHolding);
-    }
+    // onSuccess: () => {
+    // 	sdkStateManager.setHolding(!state.isHolding);
+    // },
   });
   const [muteOrUnMute, { isLoading: muteOrUnMuteLoading }] = usePostRequest({
-    onSuccess: () => {
-      sdkStateManager.setMuted(!state.isMuted);
-    }
+    // onSuccess: () => {
+    // 	sdkStateManager.setMuted(!state.isMuted);
+    // },
   });
   const [readyAgentStatus, { isLoading: agentReadyLoading }] = usePostRequest();
   const [updateAgentStatus, { isLoading }] = usePostRequest();
   const [sendNotification] = usePostRequest();
   const [endCall, { isLoading: endCallLoading }] = usePostRequest({
     onSuccess: () => {
+      sdkStateManager.endCall();
+      setOpenCallDisposition(false);
       sdkStateManager.resetConferenceLines();
     }
   });
@@ -2859,15 +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 = () => {
@@ -2912,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);
@@ -2920,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);
@@ -2947,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) => {
@@ -2969,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);
@@ -2984,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);
@@ -2993,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);
@@ -3001,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);
@@ -3015,7 +2979,7 @@ function CallControls({ onDataChange }) {
   (0, import_react11.useEffect)(() => {
     let interval;
     let wrapUpinterval;
-    if (state.callData.status && state.callData.status === "ONCALL") {
+    if (state.callData.status && state.callData.status === "ONCALL" /* ONCALL */) {
       interval = setInterval(() => {
         const elapsed = Math.floor((Date.now() - state.callStartTime) / 1e3);
         setCallDuration(elapsed);
@@ -3023,7 +2987,7 @@ function CallControls({ onDataChange }) {
     } else {
       setCallDuration(0);
     }
-    if (state.callData.status && state.callData.status === "WRAPUP" && callWrapuptime !== null) {
+    if (state.callData.status && state.callData.status === "WRAPUP" /* WRAPUP */ && callWrapuptime !== null) {
       wrapUpinterval = setInterval(() => {
         setCallWrapuptime((prevTime) => {
           if (prevTime === null || prevTime <= 1) {
@@ -3130,65 +3094,82 @@ function CallControls({ onDataChange }) {
           if (data.type === "pong") {
             return;
           }
-          const rls = JSON.parse((_a3 = localStorage.getItem("call-control-sdk-state")) != null ? _a3 : "{}");
-          const confrence = getCombineConfrenceData(rls, data);
-          sdkStateManager.updateCallData(data);
+          const sdkState = 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);
               });
@@ -3199,14 +3180,13 @@ function CallControls({ onDataChange }) {
               audioRef.current.currentTime = 0;
             }
           }
-          if (data.status === "ONCALL") {
+          if (data.status === "ONCALL" /* ONCALL */) {
             sdkStateManager.startCall();
-            setCallWrapuptime((_c2 = (_b2 = rls == null ? void 0 : rls.sdkConfig) == null ? void 0 : _b2.auto_wrapup_time) != null ? _c2 : null);
             if (!showIframe) {
               setShowIframe(true);
             }
           }
-          if (data.status === "WRAPUP") {
+          if (data.status === "WRAPUP" /* WRAPUP */) {
             sdkStateManager.endCall();
           }
         } catch (e) {
@@ -3353,32 +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,
                           {
@@ -3390,7 +3367,7 @@ function CallControls({ onDataChange }) {
                               fontWeight: "600",
                               cursor: "pointer"
                             },
-                            children: state.callData.status === "WRAPUP" && callWrapuptime !== null ? formatDuration(callWrapuptime) : formatDuration(callDuration)
+                            children: state.callData.status === "WRAPUP" /* WRAPUP */ && callWrapuptime !== null ? formatDuration(callWrapuptime) : formatDuration(callDuration)
                           }
                         ) }),
                         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -3420,7 +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,
@@ -3444,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,
                               {
@@ -3478,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,
                               {
@@ -3499,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",
@@ -3580,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,
                               {
@@ -3620,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: [
@@ -3654,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",
@@ -3939,6 +3945,11 @@ async function initSDK({
       agentId: agentId.trim(),
       baseUrl: BASE_URL
     });
+    const res = {
+      accessToken: initResult == null ? void 0 : initResult.accessToken,
+      expiration: initResult == null ? void 0 : initResult.expiration,
+      ticketId: initResult == null ? void 0 : initResult.ticketId
+    };
     if (initResult) {
       console.info("SDK initialized successfully");
       sdkStateManager.initialize(
@@ -3946,7 +3957,7 @@ async function initSDK({
         tenantId.trim(),
         agentId.trim(),
         __spreadValues(__spreadValues({}, initResult == null ? void 0 : initResult.call_controls), sdkConfig),
-        initResult
+        res
       );
     } else {
       sdkStateManager.setInitCheck();