ahs-cti 1.0.1-beta.2 → 1.0.1-beta.21

package/dist/index.mjs

@@ -1,3 +1,11 @@
+import {
+  useGetCallerData
+} from "./chunk-AEDSLIHI.mjs";
+import {
+  SDKAccessDenied,
+  SDKPermissionGuard,
+  useSDKPermissions
+} from "./chunk-I4CJTHZR.mjs";
 import {
   END_POINT,
   SDKProvider,
@@ -11,7 +19,7 @@ import {
   axios_default,
   sdkStateManager,
   useToast
-} from "./chunk-FFYJ4LWU.mjs";
+} from "./chunk-YREOEULC.mjs";
 
 // call-control-sdk/lib/hooks/eventsTracker.ts
 var EventTrackerSDK = class {
@@ -42,6 +50,7 @@ var EventTrackerSDK = class {
     return this.ticketId;
   }
   async createTicket() {
+    var _a;
     if (!this.config) {
       throw new Error("EventTracker not initialized");
     }
@@ -53,7 +62,7 @@ var EventTrackerSDK = class {
           "Content-Type": "application/json"
         },
         body: JSON.stringify({
-          userId: this.config.agentId,
+          userId: String((_a = this.config.agentId) != null ? _a : ""),
           // sessionId: this.config.sessionId,
           password: this.config.password
         })
@@ -139,29 +148,26 @@ var useEndCall = () => {
   const [error, setError] = useState2(null);
   const [data, setData] = useState2(null);
   const handleEndCall = useCallback2(
-    async (data2) => {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+    async (data2 = {}) => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t;
       const state = getSession(STORAGE_KEY);
       setLoading(true);
       const payload = {
-        convox_id: (_b = (_a = state == null ? void 0 : state.callData) == null ? void 0 : _a.convox_id) != null ? _b : "",
-        agent_id: (_c = state == null ? void 0 : state.agentId) != null ? _c : "",
-        set_followUp: (_d = data2 == null ? void 0 : data2.followUp) != null ? _d : "N",
-        callback_date: (_e = data2 == null ? void 0 : data2.callbackDate) != null ? _e : "",
-        callback_hrs: Number(data2 == null ? void 0 : data2.callbackHrs) || 0,
-        callback_mins: Number(data2 == null ? void 0 : data2.callbackMins) || 0,
-        mobile_number: (_g = (_f = state == null ? void 0 : state.callData) == null ? void 0 : _f.phone_number) != null ? _g : "",
-        list_comments: "",
-        call_reference_id: (_i = (_h = state == null ? void 0 : state.callData) == null ? void 0 : _h.convox_id) != null ? _i : "",
-        disposition: (_j = data2 == null ? void 0 : data2.disposition) != null ? _j : "RES",
-        line_number: 0,
-        reason: "normal"
+        call_id: (_c = (_b = data2 == null ? void 0 : data2.call_id) != null ? _b : (_a = state == null ? void 0 : state.callData) == null ? void 0 : _a.call_id) != null ? _c : "",
+        agent_id: (_e = (_d = data2 == null ? void 0 : data2.agent_id) != null ? _d : state == null ? void 0 : state.agentId) != null ? _e : "",
+        set_followUp: (_f = data2 == null ? void 0 : data2.set_followUp) != null ? _f : "N",
+        callback_date: (_g = data2 == null ? void 0 : data2.callback_date) != null ? _g : "",
+        callback_hrs: (_h = data2 == null ? void 0 : data2.callback_hrs) != null ? _h : 0,
+        callback_mins: (_i = data2 == null ? void 0 : data2.callback_mins) != null ? _i : 0,
+        mobile_number: (_l = (_k = data2 == null ? void 0 : data2.mobile_number) != null ? _k : (_j = state == null ? void 0 : state.callData) == null ? void 0 : _j.phone_number) != null ? _l : "",
+        list_comments: (_m = data2 == null ? void 0 : data2.list_comments) != null ? _m : "",
+        call_reference_id: (_p = (_o = data2 == null ? void 0 : data2.call_reference_id) != null ? _o : (_n = state == null ? void 0 : state.callData) == null ? void 0 : _n.call_id) != null ? _p : "",
+        is_mark_as_break: (_q = data2 == null ? void 0 : data2.is_mark_as_break) != null ? _q : false,
+        disposition: (_r = data2 == null ? void 0 : data2.disposition) != null ? _r : "RES",
+        line_number: (_s = data2 == null ? void 0 : data2.line_number) != null ? _s : 0,
+        reason: (_t = data2 == null ? void 0 : data2.reason) != null ? _t : "normal"
       };
-      return axios_default.post(END_POINT.END_CALL, payload, {
-        params: {
-          isBreak: (_k = data2 == null ? void 0 : data2.isBreak) != null ? _k : false
-        }
-      }).then((res) => {
+      return axios_default.post(END_POINT.END_CALL, payload).then((res) => {
         sdkStateManager.resetConferenceLines();
         sdkStateManager.endCall();
         setData(res == null ? void 0 : res.data);
@@ -198,19 +204,40 @@ var useClickToCall = () => {
   const [error, setError] = useState3(null);
   const [data, setData] = useState3(null);
   const handleStartCall = useCallback3(async (data2) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
     const state = getSession2(STORAGE_KEY);
     const status = (_a = state == null ? void 0 : state.callData) == null ? void 0 : _a.status;
     setLoading(true);
-    if (status === "IDLE" || status === "ONCALL") {
+    if (status === "IDLE" || status === "ONCALL" || status === "WRAPUP") {
+      const liveState = sdkStateManager.getState();
+      const isWrapupCall = status === "WRAPUP";
+      let parentCallUuid = "";
+      if (data2 == null ? void 0 : data2.parentCallUuid) {
+        parentCallUuid = data2.parentCallUuid;
+      } else if ((_b = liveState.sdkConfig) == null ? void 0 : _b.disableAlternateDialing) {
+        if (isWrapupCall) {
+          if (liveState.rootCallUuid) {
+            parentCallUuid = liveState.rootCallUuid;
+          } else if ((_c = state == null ? void 0 : state.callData) == null ? void 0 : _c.call_id) {
+            parentCallUuid = state.callData.call_id;
+            sdkStateManager.setRootCallUuid(parentCallUuid);
+          }
+        } else if (liveState.rootCallUuid) {
+          sdkStateManager.setRootCallUuid(null);
+        }
+      } else if (liveState.rootCallUuid) {
+        sdkStateManager.setRootCallUuid(null);
+      }
       const payload = {
         phone_number: data2 == null ? void 0 : data2.mobileNumber,
-        user: (_c = (_b = data2 == null ? void 0 : data2.user) != null ? _b : state == null ? void 0 : state.agentId) != null ? _c : "",
-        auto_answer: (_d = data2 == null ? void 0 : data2.auto_answer) != null ? _d : false,
-        convox_id: (_g = (_f = (_e = state == null ? void 0 : state.callData) == null ? void 0 : _e.convox_id) != null ? _f : data2 == null ? void 0 : data2.convox_id) != null ? _g : "",
-        reference_id: (_h = data2 == null ? void 0 : data2.reference_id) != null ? _h : "",
-        call_source: (_i = data2 == null ? void 0 : data2.call_source) != null ? _i : "",
-        caseId: (_j = data2 == null ? void 0 : data2.caseId) != null ? _j : ""
+        user: (_e = (_d = data2 == null ? void 0 : data2.user) != null ? _d : state == null ? void 0 : state.agentId) != null ? _e : "",
+        auto_answer: (_f = data2 == null ? void 0 : data2.auto_answer) != null ? _f : false,
+        call_id: (_i = (_h = (_g = state == null ? void 0 : state.callData) == null ? void 0 : _g.call_id) != null ? _h : data2 == null ? void 0 : data2.call_id) != null ? _i : "",
+        reference_id: (_j = data2 == null ? void 0 : data2.reference_id) != null ? _j : "",
+        call_source: (_k = data2 == null ? void 0 : data2.call_source) != null ? _k : "",
+        caseId: (_l = data2 == null ? void 0 : data2.caseId) != null ? _l : "",
+        isWrapup: (_m = data2 == null ? void 0 : data2.isWrapup) != null ? _m : false,
+        parentCallUuid: (_p = (_o = (_n = data2 == null ? void 0 : data2.parentCallUuid) != null ? _n : data2.parentCallUuid) != null ? _o : parentCallUuid) != null ? _p : ""
       };
       return axios_default.post(END_POINT.CLICK_TO_CALL, payload).then((res) => {
         sdkStateManager.resetConferenceLines();
@@ -240,44 +267,11 @@ var useClickToCall = () => {
   };
 };
 
-// call-control-sdk/lib/hooks/useGetCallerData.ts
-import { useState as useState4, useEffect } from "react";
-var useGetCallerData = () => {
-  const { process_id, process_name, status, phone_number, agent_id, convox_id, call_details } = sdkStateManager.getState().callData;
-  const initialCallData = {
-    phone_number,
-    status,
-    callReferenceId: convox_id,
-    agent_id,
-    process_id,
-    process_name,
-    call_details
-  };
-  const [callData, setCallData] = useState4(initialCallData);
-  useEffect(() => {
-    const unsubscribe = sdkStateManager.subscribe(() => {
-      const { process_id: process_id2, process_name: process_name2, status: status2, phone_number: phone_number2, agent_id: agent_id2, convox_id: convox_id2, call_details: call_details2 } = sdkStateManager.getState().callData;
-      const currentCallData = {
-        phone_number: phone_number2,
-        status: status2,
-        callReferenceId: convox_id2,
-        agent_id: agent_id2,
-        process_id: process_id2,
-        process_name: process_name2,
-        call_details: call_details2
-      };
-      setCallData(currentCallData);
-    });
-    return unsubscribe;
-  }, []);
-  return callData;
-};
-
 // call-control-sdk/lib/hooks/useGetAuthorizationToken.ts
-import { useState as useState5, useEffect as useEffect2 } from "react";
+import { useState as useState4, useEffect } from "react";
 var useGetAuthorizationToken = () => {
-  const [token, setToken] = useState5(sdkStateManager.getSdkAuthToken());
-  useEffect2(() => {
+  const [token, setToken] = useState4(sdkStateManager.getSdkAuthToken());
+  useEffect(() => {
     const unsubscribe = sdkStateManager.subscribe(() => {
       setToken(sdkStateManager.getSdkAuthToken());
     });
@@ -287,10 +281,10 @@ var useGetAuthorizationToken = () => {
 };
 
 // call-control-sdk/lib/hooks/useSDKState.ts
-import { useState as useState6, useEffect as useEffect3 } from "react";
+import { useState as useState5, useEffect as useEffect2 } from "react";
 function useSDKState() {
-  const [state, setState] = useState6(sdkStateManager.getState());
-  useEffect3(() => {
+  const [state, setState] = useState5(sdkStateManager.getState());
+  useEffect2(() => {
     const unsubscribe = sdkStateManager.subscribe(() => {
       setState(sdkStateManager.getState());
     });
@@ -300,13 +294,13 @@ function useSDKState() {
 }
 
 // call-control-sdk/lib/hooks/useCallMonitoring.ts
-import { useCallback as useCallback4, useState as useState7 } from "react";
+import { useCallback as useCallback4, useState as useState6 } from "react";
 var useCallMonitoring = () => {
-  const [loading, setLoading] = useState7(false);
-  const [success, setSuccess] = useState7(false);
-  const [isError, setIsError] = useState7(false);
-  const [error, setError] = useState7(null);
-  const [data, setData] = useState7(null);
+  const [loading, setLoading] = useState6(false);
+  const [success, setSuccess] = useState6(false);
+  const [isError, setIsError] = useState6(false);
+  const [error, setError] = useState6(null);
+  const [data, setData] = useState6(null);
   const resetState = () => {
     setSuccess(false);
     setIsError(false);
@@ -376,27 +370,25 @@ var useCallMonitoring = () => {
 import { memo, useCallback as useCallback7 } from "react";
 
 // call-control-sdk/lib/components/callControls.tsx
-import {
-  CallEnd as CallEnd2,
-  Close as Close2,
-  DragIndicator,
-  Group,
-  KeyboardArrowDown,
-  Layers,
-  Mic,
-  MicOff,
-  Pause as Pause2,
-  Pending,
-  Phone,
-  PlayArrow as PlayArrow2,
-  SupportAgent as SupportAgent2,
-  TransferWithinAStation as TransferWithinAStation2,
-  Upcoming as Upcoming2,
-  WifiCalling3,
-  SendRounded,
-  SmsSharp,
-  MoreVert
-} from "@mui/icons-material";
+import CallEnd2 from "@mui/icons-material/CallEnd";
+import Close2 from "@mui/icons-material/Close";
+import DragIndicator from "@mui/icons-material/DragIndicator";
+import Group from "@mui/icons-material/Group";
+import KeyboardArrowDown from "@mui/icons-material/KeyboardArrowDown";
+import Layers from "@mui/icons-material/Layers";
+import Mic from "@mui/icons-material/Mic";
+import MicOff from "@mui/icons-material/MicOff";
+import Pause2 from "@mui/icons-material/Pause";
+import Pending from "@mui/icons-material/Pending";
+import Phone from "@mui/icons-material/Phone";
+import PlayArrow2 from "@mui/icons-material/PlayArrow";
+import SupportAgent2 from "@mui/icons-material/SupportAgent";
+import TransferWithinAStation2 from "@mui/icons-material/TransferWithinAStation";
+import Upcoming2 from "@mui/icons-material/Upcoming";
+import WifiCalling3 from "@mui/icons-material/WifiCalling3";
+import SendRounded from "@mui/icons-material/SendRounded";
+import SmsSharp from "@mui/icons-material/SmsSharp";
+import MoreVert from "@mui/icons-material/MoreVert";
 import {
   Box as Box2,
   Button as Button2,
@@ -412,25 +404,23 @@ import {
   Typography as Typography2,
   useTheme as useTheme3
 } from "@mui/material";
-import { useEffect as useEffect5, useRef as useRef2, useState as useState10 } from "react";
+import { useEffect as useEffect4, useRef as useRef2, useState as useState9 } from "react";
 
 // call-control-sdk/lib/components/dialog.tsx
-import {
-  Airlines,
-  Call,
-  CallEnd,
-  CallSplit,
-  Close,
-  MemoryOutlined,
-  Pause,
-  PhoneDisabled,
-  PlayArrow,
-  RecordVoiceOver,
-  Roofing,
-  SupportAgent,
-  TransferWithinAStation,
-  Upcoming
-} from "@mui/icons-material";
+import Airlines from "@mui/icons-material/Airlines";
+import Call from "@mui/icons-material/Call";
+import CallEnd from "@mui/icons-material/CallEnd";
+import CallSplit from "@mui/icons-material/CallSplit";
+import Close from "@mui/icons-material/Close";
+import MemoryOutlined from "@mui/icons-material/MemoryOutlined";
+import Pause from "@mui/icons-material/Pause";
+import PhoneDisabled from "@mui/icons-material/PhoneDisabled";
+import PlayArrow from "@mui/icons-material/PlayArrow";
+import RecordVoiceOver from "@mui/icons-material/RecordVoiceOver";
+import Roofing from "@mui/icons-material/Roofing";
+import SupportAgent from "@mui/icons-material/SupportAgent";
+import TransferWithinAStation from "@mui/icons-material/TransferWithinAStation";
+import Upcoming from "@mui/icons-material/Upcoming";
 import {
   Box,
   Button,
@@ -453,7 +443,7 @@ import {
   CircularProgress,
   Checkbox
 } from "@mui/material";
-import { useEffect as useEffect4, useMemo, useState as useState8 } from "react";
+import { useEffect as useEffect3, useMemo, useState as useState7 } from "react";
 
 // call-control-sdk/lib/services/request.ts
 import { useCallback as useCallback5, useReducer } from "react";
@@ -669,10 +659,10 @@ var ConferenceTableRow = ({ each, isLineDialing }) => {
     enabled: ((_b = state.sdkConfig) == null ? void 0 : _b.enabled) || {},
     outlined: ((_c = state.sdkConfig) == null ? void 0 : _c.outlined) || {}
   });
-  const [conferenceCallStart, setConferenceCallStart] = useState8(false);
-  const [conferenceCallMerge, setConferenceCallMerge] = useState8(false);
-  const [conferenceCallHoldOrUnHold, setConferenceCallHoldOrUnHold] = useState8(false);
-  const [conferenceCallEnd, setConferenceCallEnd] = useState8(false);
+  const [conferenceCallStart, setConferenceCallStart] = useState7(false);
+  const [conferenceCallMerge, setConferenceCallMerge] = useState7(false);
+  const [conferenceCallHoldOrUnHold, setConferenceCallHoldOrUnHold] = useState7(false);
+  const [conferenceCallEnd, setConferenceCallEnd] = useState7(false);
   const isSameAsActiveCall = (each == null ? void 0 : each.phone) === ((_d = state.callData) == null ? void 0 : _d.phone_number) && !!(each == null ? void 0 : each.phone);
   const isDuplicateInConference = !!(each == null ? void 0 : each.phone) && (each == null ? void 0 : each.line) !== 1 && ((_e = state.conferenceLine) == null ? void 0 : _e.some(
     (line) => line.line < each.line && line.phone === (each == null ? void 0 : each.phone) && !!line.phone
@@ -683,7 +673,7 @@ var ConferenceTableRow = ({ each, isLineDialing }) => {
     sdkStateManager.setConferenceLine(__spreadValues(__spreadValues({}, line), data));
   };
   const onConferenceCallStart = (line, data) => {
-    var _a2, _b2, _c2, _d2, _e2, _f2;
+    var _a2, _b2, _c2, _d2, _e2;
     const line_used = __spreadValues(__spreadValues({}, line), data);
     if (line_used.phone === ((_a2 = state.callData) == null ? void 0 : _a2.phone_number)) {
       showToast("Cannot conference with the active call number", "error");
@@ -708,8 +698,8 @@ var ConferenceTableRow = ({ each, isLineDialing }) => {
       // thirdparty_no: line_used.phone,
       target: line_used.phone,
       line_number: Number(line_used.line),
-      userid: (_d2 = (_c2 = state.callData) == null ? void 0 : _c2.agent_id) != null ? _d2 : -1,
-      process: (_f2 = (_e2 = state.callData) == null ? void 0 : _e2.process_name) != null ? _f2 : ""
+      userid: (_c2 = state.agentId) != null ? _c2 : "",
+      process: (_e2 = (_d2 = state.callData) == null ? void 0 : _d2.process_name) != null ? _e2 : ""
     };
     axios_default.post(END_POINT.CONFERENCE_CALL, payload).then((res) => {
       var _a3;
@@ -723,7 +713,7 @@ var ConferenceTableRow = ({ each, isLineDialing }) => {
     });
   };
   const onMergeConferenceCall = (line, data) => {
-    var _a2, _b2, _c2, _d2, _e2, _f2;
+    var _a2, _b2, _c2, _d2, _e2;
     const line_used = __spreadValues(__spreadValues({}, line), data);
     setConferenceCallMerge(true);
     const payload = {
@@ -731,9 +721,9 @@ var ConferenceTableRow = ({ each, isLineDialing }) => {
       operation: `CONFERENCE`,
       line_used: String(line_used.line),
       thirdparty_no: line_used.phone,
-      userid: (_b2 = (_a2 = state.callData) == null ? void 0 : _a2.agent_id) != null ? _b2 : -1,
-      process: (_d2 = (_c2 = state.callData) == null ? void 0 : _c2.process_name) != null ? _d2 : "",
-      convox_id: (_f2 = (_e2 = state.callData) == null ? void 0 : _e2.convox_id) != null ? _f2 : ""
+      userid: (_a2 = state.agentId) != null ? _a2 : "",
+      process: (_c2 = (_b2 = state.callData) == null ? void 0 : _b2.process_name) != null ? _c2 : "",
+      call_id: (_e2 = (_d2 = state.callData) == null ? void 0 : _d2.call_id) != null ? _e2 : ""
     };
     axios_default.post(END_POINT.CONFERENCE_MERGE_CALL, payload).then((res) => {
       var _a3, _b3, _c3;
@@ -753,16 +743,16 @@ var ConferenceTableRow = ({ each, isLineDialing }) => {
     });
   };
   const onHoldOrUnHoldConferenceCall = (line, data, type) => {
-    var _a2, _b2, _c2, _d2, _e2, _f2;
+    var _a2, _b2, _c2, _d2, _e2;
     const line_used = __spreadValues(__spreadValues({}, line), data);
     setConferenceCallHoldOrUnHold(true);
     const payload = {
       action: type === "HOLDUSER" ? "HOLD" : "UNHOLD",
       operation: type,
       hold_channel_no: type === "HOLDUSER" ? `hold${line_used.line}` : `unhold${line_used.line}`,
-      userid: (_b2 = (_a2 = state.callData) == null ? void 0 : _a2.agent_id) != null ? _b2 : -1,
-      process: (_d2 = (_c2 = state.callData) == null ? void 0 : _c2.process_name) != null ? _d2 : "",
-      convox_id: (_f2 = (_e2 = state.callData) == null ? void 0 : _e2.convox_id) != null ? _f2 : "",
+      userid: (_a2 = state.agentId) != null ? _a2 : "",
+      process: (_c2 = (_b2 = state.callData) == null ? void 0 : _b2.process_name) != null ? _c2 : "",
+      call_uuid: (_e2 = (_d2 = state.callData) == null ? void 0 : _d2.call_id) != null ? _e2 : "",
       line_number: Number(line_used.line)
     };
     axios_default.post(END_POINT.CONFERENCE_CALL_HOLD_OR_UN_HOLD, payload).then((res) => {
@@ -785,7 +775,7 @@ var ConferenceTableRow = ({ each, isLineDialing }) => {
     }
     setConferenceCallEnd(true);
     const payload = {
-      convox_id: (_b2 = (_a2 = state.callData) == null ? void 0 : _a2.convox_id) != null ? _b2 : "",
+      call_id: (_b2 = (_a2 = state.callData) == null ? void 0 : _a2.call_id) != null ? _b2 : "",
       agent_id: (_c2 = state.agentId) != null ? _c2 : "",
       mobile_number: (_d2 = line_used.phone) != null ? _d2 : "",
       line_number: Number(line_used.line),
@@ -805,18 +795,23 @@ var ConferenceTableRow = ({ each, isLineDialing }) => {
   const [holdOrUnHold] = usePostRequest();
   const [muteOrUnMute] = usePostRequest();
   const handleHoldToggle = () => {
-    var _a2;
+    var _a2, _b2, _c2, _d2;
     const payload = {
       action: ((_a2 = state.callData) == null ? void 0 : _a2.hold) === 1 ? "UNHOLD" /* UNHOLD */ : "HOLD" /* HOLD */,
-      userId: state.agentId
+      user_id: String((_b2 = state.agentId) != null ? _b2 : ""),
+      call_uuid: (_d2 = (_c2 = state.callData) == null ? void 0 : _c2.call_id) != null ? _d2 : "",
+      line_number: 0
     };
     holdOrUnHold(END_POINT.HOLD_CALL, payload);
   };
   const handleMuteToggle = () => {
-    var _a2;
+    var _a2, _b2, _c2, _d2;
     const payload = {
       action: ((_a2 = state.callData) == null ? void 0 : _a2.mute) === 1 ? "UNMUTE" /* UNMUTE */ : "MUTE" /* MUTE */,
-      userId: state.agentId
+      direction: "both",
+      user_id: String((_b2 = state.agentId) != null ? _b2 : ""),
+      call_uuid: (_d2 = (_c2 = state.callData) == null ? void 0 : _c2.call_id) != null ? _d2 : "",
+      line_number: 0
     };
     muteOrUnMute(END_POINT.MUTE_CALL, payload);
   };
@@ -1081,26 +1076,26 @@ var ConferenceTableRow = ({ each, isLineDialing }) => {
   );
 };
 function ConferenceDialog() {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
   const state = useSDKState();
   const { showToast } = useToast();
-  const [conferenceCallEndAll, setConferenceCallEndAll] = useState8(false);
+  const [conferenceCallEndAll, setConferenceCallEndAll] = useState7(false);
   const handleClose = () => {
     sdkStateManager.setOpenConferenceDialog(false);
   };
   const onEndAllConferenceCalls = () => {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h, _i, _j, _k, _l, _m, _n, _o;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n;
     setConferenceCallEndAll(true);
     const payload = {
       action: "EXTERNAL_CONFERENCE",
       operation: "ENDCONFERENCE",
-      userid: (_b2 = (_a2 = state.callData) == null ? void 0 : _a2.agent_id) != null ? _b2 : -1,
-      process: (_d2 = (_c2 = state.callData) == null ? void 0 : _c2.process_name) != null ? _d2 : "",
-      processid: (_g2 = (_f2 = (_e2 = state.process) == null ? void 0 : _e2.process_id) == null ? void 0 : _f2.toString()) != null ? _g2 : "",
-      process_name: (_i = (_h = state.process) == null ? void 0 : _h.process_name) != null ? _i : "",
-      callreferenceid: (_k = (_j = state.callData) == null ? void 0 : _j.convox_id) != null ? _k : "",
-      convox_id: (_m = (_l = state.callData) == null ? void 0 : _l.convox_id) != null ? _m : "",
-      mobile_number: (_o = (_n = state.callData) == null ? void 0 : _n.phone_number) != null ? _o : ""
+      userid: (_a2 = state.agentId) != null ? _a2 : "",
+      process: (_c2 = (_b2 = state.callData) == null ? void 0 : _b2.process_name) != null ? _c2 : "",
+      processid: (_f2 = (_e2 = (_d2 = state.process) == null ? void 0 : _d2.process_id) == null ? void 0 : _e2.toString()) != null ? _f2 : "",
+      process_name: (_h2 = (_g2 = state.process) == null ? void 0 : _g2.process_name) != null ? _h2 : "",
+      callreferenceid: (_j2 = (_i2 = state.callData) == null ? void 0 : _i2.call_id) != null ? _j2 : "",
+      call_id: (_l2 = (_k2 = state.callData) == null ? void 0 : _k2.call_id) != null ? _l2 : "",
+      mobile_number: (_n = (_m2 = state.callData) == null ? void 0 : _m2.phone_number) != null ? _n : ""
     };
     axios_default.post(END_POINT.CONFERENCE_CALL_END_ALL, payload).then((res) => {
       var _a3;
@@ -1116,16 +1111,16 @@ function ConferenceDialog() {
     });
   };
   const handleTransferConferenceCall = () => {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h, _i, _j, _k, _l, _m, _n, _o;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n;
     const payload = {
       action: "TRANSFERAPI",
-      userid: (_b2 = (_a2 = state.callData) == null ? void 0 : _a2.agent_id) != null ? _b2 : -1,
-      process: (_d2 = (_c2 = state.callData) == null ? void 0 : _c2.process_name) != null ? _d2 : "",
-      processid: (_g2 = (_f2 = (_e2 = state.process) == null ? void 0 : _e2.process_id) == null ? void 0 : _f2.toString()) != null ? _g2 : "",
-      process_name: (_i = (_h = state.process) == null ? void 0 : _h.process_name) != null ? _i : "",
-      callreferenceid: (_k = (_j = state.callData) == null ? void 0 : _j.convox_id) != null ? _k : "",
-      convox_id: (_m = (_l = state.callData) == null ? void 0 : _l.convox_id) != null ? _m : "",
-      mobile_number: (_o = (_n = state.callData) == null ? void 0 : _n.phone_number) != null ? _o : ""
+      userid: (_a2 = state.agentId) != null ? _a2 : "",
+      process: (_c2 = (_b2 = state.callData) == null ? void 0 : _b2.process_name) != null ? _c2 : "",
+      processid: (_f2 = (_e2 = (_d2 = state.process) == null ? void 0 : _d2.process_id) == null ? void 0 : _e2.toString()) != null ? _f2 : "",
+      process_name: (_h2 = (_g2 = state.process) == null ? void 0 : _g2.process_name) != null ? _h2 : "",
+      callreferenceid: (_j2 = (_i2 = state.callData) == null ? void 0 : _i2.call_id) != null ? _j2 : "",
+      call_id: (_l2 = (_k2 = state.callData) == null ? void 0 : _k2.call_id) != null ? _l2 : "",
+      mobile_number: (_n = (_m2 = state.callData) == null ? void 0 : _m2.phone_number) != null ? _n : ""
     };
     axios_default.post(END_POINT.CONFERENCE_CALL_TRANSFER, payload).then((res) => {
       var _a3;
@@ -1216,14 +1211,14 @@ function ConferenceDialog() {
             )
           }
         ),
-        /* @__PURE__ */ jsx(Box, { textAlign: "center", m: 2, children: /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx(Box, { sx: { textAlign: "center", m: 2 }, children: /* @__PURE__ */ jsx(Tooltip, { title: ((_h = state.sdkConfig) == null ? void 0 : _h.disableEndConference) ? "End Conference feature is disabled" : "", children: /* @__PURE__ */ jsx(Box, { component: "span", children: /* @__PURE__ */ jsxs(
           Button,
           {
             variant: "outlined",
             color: "error",
             size: "large",
             onClick: onEndAllConferenceCalls,
-            disabled: conferenceCallEndAll || conferenceLineCount <= 0,
+            disabled: conferenceCallEndAll || conferenceLineCount <= 0 || ((_i = state.sdkConfig) == null ? void 0 : _i.disableEndConference),
             sx: { px: 2, borderRadius: "20px", textTransform: "capitalize" },
             children: [
               conferenceCallEndAll ? /* @__PURE__ */ jsx(
@@ -1236,9 +1231,10 @@ function ConferenceDialog() {
               ) : /* @__PURE__ */ jsx(
                 IconButton,
                 {
+                  disabled: !!((_j = state.sdkConfig) == null ? void 0 : _j.disableEndConference),
                   sx: {
-                    bgcolor: "error.main",
-                    "&:hover": { bgcolor: "error.dark" },
+                    bgcolor: ((_k = state.sdkConfig) == null ? void 0 : _k.disableEndConference) ? "action.disabledBackground" : "error.main",
+                    "&:hover": { bgcolor: ((_l = state.sdkConfig) == null ? void 0 : _l.disableEndConference) ? "action.disabledBackground" : "error.dark" },
                     marginRight: "8px",
                     width: "28px",
                     height: "28px",
@@ -1253,13 +1249,13 @@ function ConferenceDialog() {
                     justifyContent: "center",
                     borderRadius: "50%"
                   },
-                  children: /* @__PURE__ */ jsx(PhoneDisabled, { sx: { color: "white", fontSize: "16px", fontWeight: "600" } })
+                  children: /* @__PURE__ */ jsx(PhoneDisabled, { sx: { color: ((_m = state.sdkConfig) == null ? void 0 : _m.disableEndConference) ? "action.disabled" : "white", fontSize: "16px", fontWeight: "600" } })
                 }
               ),
               "End Conference"
             ]
           }
-        ) })
+        ) }) }) })
       ] })
     }
   ) });
@@ -1267,7 +1263,7 @@ function ConferenceDialog() {
 function CallTransferDialog({ open }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
   const state = useSDKState();
-  const [mobileNumber, setMobileNumber] = useState8("");
+  const [mobileNumber, setMobileNumber] = useState7("");
   const [transferCall, { isLoading: isTransferLoading }] = usePostRequest({
     onSuccess: () => {
       sdkStateManager.setOpenCallTransferDialog(false);
@@ -1285,9 +1281,9 @@ function CallTransferDialog({ open }) {
       sdkStateManager.setConsultInfo(null);
     }
   });
-  const [currentselecteTab, setCurrentselecteTab] = useState8("queues");
-  const [transferMenuAnchor, setTransferMenuAnchor] = useState8(null);
-  const [pendingTransferData, setPendingTransferData] = useState8(null);
+  const [currentselecteTab, setCurrentselecteTab] = useState7("queues");
+  const [transferMenuAnchor, setTransferMenuAnchor] = useState7(null);
+  const [pendingTransferData, setPendingTransferData] = useState7(null);
   const blindEnabled = !((_a = state.sdkConfig) == null ? void 0 : _a.disableBlindTransfer);
   const attendedEnabled = !((_b = state.sdkConfig) == null ? void 0 : _b.disableAttendedTransfer);
   const enabledTransferModeCount = (blindEnabled ? 1 : 0) + (attendedEnabled ? 1 : 0);
@@ -1305,39 +1301,39 @@ function CallTransferDialog({ open }) {
     sdkStateManager.setOpenCallTransferDialog(false);
   };
   const handleTransferCall = (data, type, mode = "DEFAULT") => {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q2, _r2, _s2, _t2, _u2, _v2, _w2, _x2, _y2, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q2, _r2, _s2, _t2, _u2, _v2, _w2, _x2, _y2, _z, _A, _B, _C, _D, _E;
     if (type === "PROCESS") {
       const payload = {
         mobile_number: (_b2 = (_a2 = state.callData) == null ? void 0 : _a2.phone_number) != null ? _b2 : "",
-        userid: (_d2 = (_c2 = state.callData) == null ? void 0 : _c2.agent_id) != null ? _d2 : -1,
+        userid: state.agentId,
         type: "PROCESS",
-        transfer_to: (_e2 = data == null ? void 0 : data.process_name) != null ? _e2 : "",
-        callreferenceid: (_g2 = (_f2 = state.callData) == null ? void 0 : _f2.convox_id) != null ? _g2 : "",
-        processid: String((_i2 = (_h2 = state.callData) == null ? void 0 : _h2.process_id) != null ? _i2 : ""),
-        process_name: (_k2 = (_j2 = state.callData) == null ? void 0 : _j2.process_name) != null ? _k2 : ""
+        transfer_to: (_c2 = data == null ? void 0 : data.process_name) != null ? _c2 : "",
+        callreferenceid: (_e2 = (_d2 = state.callData) == null ? void 0 : _d2.call_id) != null ? _e2 : "",
+        processid: String((_g2 = (_f2 = state.callData) == null ? void 0 : _f2.process_id) != null ? _g2 : ""),
+        process_name: (_i2 = (_h2 = state.callData) == null ? void 0 : _h2.process_name) != null ? _i2 : ""
       };
       transferCall(END_POINT.TRANSFER_CALL, payload);
     } else if (type === "QUEUE") {
       const payload = {
-        mobile_number: (_m2 = (_l2 = state.callData) == null ? void 0 : _l2.phone_number) != null ? _m2 : "",
-        userid: (_o2 = (_n2 = state.callData) == null ? void 0 : _n2.agent_id) != null ? _o2 : -1,
+        mobile_number: (_k2 = (_j2 = state.callData) == null ? void 0 : _j2.phone_number) != null ? _k2 : "",
+        userid: state.agentId,
         type: "QUEUE",
-        transfer_to: (_p2 = data == null ? void 0 : data.queue_name) != null ? _p2 : "",
-        callreferenceid: (_r2 = (_q2 = state.callData) == null ? void 0 : _q2.convox_id) != null ? _r2 : "",
-        processid: String((_t2 = (_s2 = state.callData) == null ? void 0 : _s2.process_id) != null ? _t2 : ""),
-        process_name: (_v2 = (_u2 = state.callData) == null ? void 0 : _u2.process_name) != null ? _v2 : ""
+        transfer_to: (_l2 = data == null ? void 0 : data.queue_name) != null ? _l2 : "",
+        callreferenceid: (_n2 = (_m2 = state.callData) == null ? void 0 : _m2.call_id) != null ? _n2 : "",
+        processid: String((_p2 = (_o2 = state.callData) == null ? void 0 : _o2.process_id) != null ? _p2 : ""),
+        process_name: (_r2 = (_q2 = state.callData) == null ? void 0 : _q2.process_name) != null ? _r2 : ""
       };
       transferCall(END_POINT.TRANSFER_CALL, payload);
     } else if (type === "AGENT") {
       const payload = {
-        mobile_number: (_x2 = (_w2 = state.callData) == null ? void 0 : _w2.phone_number) != null ? _x2 : "",
-        userid: (_z = (_y2 = state.callData) == null ? void 0 : _y2.agent_id) != null ? _z : "",
+        mobile_number: (_t2 = (_s2 = state.callData) == null ? void 0 : _s2.phone_number) != null ? _t2 : "",
+        userid: state.agentId,
         type: "AGENT",
         transfer_type: mode === "CONSULT" ? "ATTENDED" : "BLIND",
-        transfer_to: (_B = (_A = data == null ? void 0 : data.id) == null ? void 0 : _A.toString()) != null ? _B : "",
-        callreferenceid: (_D = (_C = state.callData) == null ? void 0 : _C.convox_id) != null ? _D : "",
-        processid: String((_F = (_E = state.callData) == null ? void 0 : _E.process_id) != null ? _F : ""),
-        process_name: (_H = (_G = state.callData) == null ? void 0 : _G.process_name) != null ? _H : ""
+        transfer_to: (_v2 = (_u2 = data == null ? void 0 : data.user_id) == null ? void 0 : _u2.toString()) != null ? _v2 : "",
+        callreferenceid: (_x2 = (_w2 = state.callData) == null ? void 0 : _w2.call_id) != null ? _x2 : "",
+        processid: String((_z = (_y2 = state.callData) == null ? void 0 : _y2.process_id) != null ? _z : ""),
+        process_name: (_B = (_A = state.callData) == null ? void 0 : _A.process_name) != null ? _B : ""
       };
       if (mode === "CONSULT") {
         initiateConsultCall(END_POINT.TRANSFER_CALL, payload);
@@ -1346,13 +1342,13 @@ function CallTransferDialog({ open }) {
       }
     } else if (type === "OTHER") {
       const payload = {
-        action: mode === "CONSULT" ? "ATTENDED" : "BLIND_TRANSFER",
+        // action: mode === "CONSULT" ? "ATTENDED" : "BLIND_TRANSFER",
         transfer_type: mode === "CONSULT" ? "ATTENDED" : "BLIND",
         type: "OTHER",
-        transfer_to: (_I = data == null ? void 0 : data.mobile_number) != null ? _I : "",
-        userid: (_K = (_J = state.callData) == null ? void 0 : _J.agent_id) != null ? _K : -1,
-        callreferenceid: (_M = (_L = state.callData) == null ? void 0 : _L.convox_id) != null ? _M : "",
-        blind_transfer_no: (_N = data == null ? void 0 : data.mobile_number) != null ? _N : ""
+        transfer_to: (_C = data == null ? void 0 : data.mobile_number) != null ? _C : "",
+        userid: state.agentId,
+        callreferenceid: (_E = (_D = state.callData) == null ? void 0 : _D.call_id) != null ? _E : ""
+        // blind_transfer_no: data?.mobile_number ?? "",
       };
       if (mode === "CONSULT") {
         initiateConsultCall(END_POINT.TRANSFER_CALL, payload);
@@ -1369,7 +1365,7 @@ function CallTransferDialog({ open }) {
       setTransferMenuAnchor(e.currentTarget);
     }
   };
-  useEffect4(() => {
+  useEffect3(() => {
     getIdelAgentsList(END_POINT.AGENTS_LIST, { status: "IDLE", active: true });
     getProcessAndQueuesList(END_POINT.TRANSFER_TO_DETAILS, { status: "ACTIVE", active: true });
     getHospitalsServicesList(END_POINT.HOSPITALS_SERVICES);
@@ -1565,9 +1561,9 @@ function CallTransferDialog({ open }) {
                       display: "flex",
                       alignItems: "center",
                       justifyContent: "center",
-                      flexDirection: "column"
+                      flexDirection: "column",
+                      p: 2
                     },
-                    p: 2,
                     children: [
                       /* @__PURE__ */ jsx(Upcoming, { color: "primary" }),
                       /* @__PURE__ */ jsx(
@@ -1680,9 +1676,9 @@ function CallTransferDialog({ open }) {
                       display: "flex",
                       alignItems: "center",
                       justifyContent: "center",
-                      flexDirection: "column"
+                      flexDirection: "column",
+                      p: 2
                     },
-                    p: 2,
                     children: [
                       /* @__PURE__ */ jsx(Upcoming, { color: "primary" }),
                       /* @__PURE__ */ jsx(
@@ -1774,9 +1770,9 @@ function CallTransferDialog({ open }) {
                       display: "flex",
                       alignItems: "center",
                       justifyContent: "center",
-                      flexDirection: "column"
+                      flexDirection: "column",
+                      p: 2
                     },
-                    p: 2,
                     children: [
                       /* @__PURE__ */ jsx(Upcoming, { color: "primary" }),
                       /* @__PURE__ */ jsx(
@@ -2012,7 +2008,7 @@ function CallTransferDialog({ open }) {
 function EndCallDispositionDialog({ open, setOpen, onSubmitDisposition }) {
   var _a, _b, _c, _d, _e;
   const [getDispositions, data] = useGetRequest();
-  const [formData, setFormData] = useState8({
+  const [formData, setFormData] = useState7({
     disposition: { label: "", value: "", id: 0 },
     followUp: { label: "No", value: "N" },
     callbackDate: "",
@@ -2043,7 +2039,7 @@ function EndCallDispositionDialog({ open, setOpen, onSubmitDisposition }) {
     handleReset();
     setOpen(false);
   };
-  useEffect4(() => {
+  useEffect3(() => {
     getDispositions(END_POINT.DISPOSITIONS);
   }, []);
   const dispositionsOptions = useMemo(() => {
@@ -2060,10 +2056,11 @@ function EndCallDispositionDialog({ open, setOpen, onSubmitDisposition }) {
       open,
       "aria-labelledby": "alert-dialog-title",
       "aria-describedby": "alert-dialog-description",
-      maxWidth: "xs",
+      maxWidth: "sm",
+      fullWidth: true,
       slotProps: { paper: { sx: { minWidth: 600 } } },
       sx: {
-        minWidth: "700px"
+        minWidth: "650px"
       },
       children: /* @__PURE__ */ jsxs(Paper, { sx: { borderRadius: 2 }, children: [
         /* @__PURE__ */ jsx(
@@ -2080,7 +2077,7 @@ function EndCallDispositionDialog({ open, setOpen, onSubmitDisposition }) {
               Typography,
               {
                 variant: "body1",
-                m: 1,
+                sx: { m: 1 },
                 children: [
                   " ",
                   "Call Disposition"
@@ -2102,8 +2099,7 @@ function EndCallDispositionDialog({ open, setOpen, onSubmitDisposition }) {
               /* @__PURE__ */ jsxs(
                 Box,
                 {
-                  display: "flex",
-                  gap: 2,
+                  sx: { display: "flex", gap: 2 },
                   children: [
                     /* @__PURE__ */ jsx(
                       Autocomplete,
@@ -2147,9 +2143,7 @@ function EndCallDispositionDialog({ open, setOpen, onSubmitDisposition }) {
               /* @__PURE__ */ jsxs(
                 Box,
                 {
-                  display: "flex",
-                  gap: 2,
-                  mt: 2,
+                  sx: { display: "flex", gap: 2, mt: 2 },
                   children: [
                     /* @__PURE__ */ jsxs(
                       Box,
@@ -2218,9 +2212,7 @@ function EndCallDispositionDialog({ open, setOpen, onSubmitDisposition }) {
               ((_e = (_d = formData == null ? void 0 : formData.followUp) == null ? void 0 : _d.label) == null ? void 0 : _e.toLowerCase()) === "yes" && /* @__PURE__ */ jsxs(
                 Box,
                 {
-                  display: "flex",
-                  gap: 2,
-                  mt: 2,
+                  sx: { display: "flex", gap: 2, mt: 2 },
                   children: [
                     /* @__PURE__ */ jsx(
                       Autocomplete,
@@ -2259,7 +2251,7 @@ function EndCallDispositionDialog({ open, setOpen, onSubmitDisposition }) {
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx(Box, { mt: 2, children: /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx(Box, { sx: { mt: 2 }, children: /* @__PURE__ */ jsx(
                 TextField,
                 {
                   size: "small",
@@ -2278,8 +2270,7 @@ function EndCallDispositionDialog({ open, setOpen, onSubmitDisposition }) {
         /* @__PURE__ */ jsxs(
           Box,
           {
-            textAlign: "right",
-            m: 2,
+            sx: { textAlign: "right", m: 2 },
             children: [
               /* @__PURE__ */ jsx(
                 Button,
@@ -2330,7 +2321,7 @@ function ProcessorListDialog({
       open,
       "aria-labelledby": "alert-dialog-title",
       "aria-describedby": "alert-dialog-description",
-      maxWidth: "xs",
+      maxWidth: false,
       slotProps: { paper: { sx: { minWidth: 500 } } },
       children: /* @__PURE__ */ jsxs(Paper, { sx: { borderRadius: 2 }, children: [
         /* @__PURE__ */ jsxs(
@@ -2439,9 +2430,9 @@ function CallHistoryDialog({ open, setOpen }) {
               borderRadius: "10px",
               textAlign: "center",
               fontSize: "16px",
-              fontWeight: "bold"
+              fontWeight: "bold",
+              p: 6
             },
-            p: 6,
             children: "Coming Soon..."
           }
         )
@@ -2451,10 +2442,10 @@ function CallHistoryDialog({ open, setOpen }) {
 }
 
 // call-control-sdk/lib/hooks/useDraggable.ts
-import { useCallback as useCallback6, useRef, useState as useState9 } from "react";
+import { useCallback as useCallback6, useRef, useState as useState8 } from "react";
 function useDraggable(initialPosition, onPositionChange) {
-  const [position, setPosition] = useState9(initialPosition);
-  const [isDragging, setIsDragging] = useState9(false);
+  const [position, setPosition] = useState8(initialPosition);
+  const [isDragging, setIsDragging] = useState8(false);
   const dragRef = useRef();
   const dragStart = useRef({ x: 0, y: 0 });
   const elementStart = useRef({ x: 0, y: 0 });
@@ -2705,7 +2696,7 @@ var formatDuration = (seconds) => {
   return `${mins.toString().padStart(2, "0")}:${secs.toString().padStart(2, "0")}`;
 };
 function CallControls({ onDataChange }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca, _da, _ea, _fa, _ga, _ha, _ia, _ja, _ka, _la, _ma, _na, _oa, _pa, _qa, _ra, _sa, _ta, _ua, _va, _wa, _xa, _ya, _za, _Aa, _Ba, _Ca, _Da, _Ea, _Fa, _Ga, _Ha, _Ia, _Ja, _Ka, _La, _Ma, _Na, _Oa, _Pa, _Qa, _Ra, _Sa, _Ta, _Ua, _Va, _Wa, _Xa, _Ya, _Za, __a, _$a, _ab, _bb, _cb, _db, _eb, _fb, _gb, _hb, _ib, _jb, _kb, _lb;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca, _da, _ea, _fa, _ga, _ha, _ia, _ja, _ka, _la, _ma, _na, _oa, _pa, _qa, _ra, _sa, _ta, _ua, _va, _wa, _xa, _ya, _za, _Aa, _Ba, _Ca, _Da, _Ea, _Fa, _Ga, _Ha, _Ia, _Ja, _Ka, _La, _Ma, _Na, _Oa, _Pa, _Qa, _Ra, _Sa, _Ta, _Ua, _Va, _Wa, _Xa, _Ya, _Za, __a, _$a, _ab, _bb, _cb, _db, _eb, _fb, _gb, _hb, _ib, _jb, _kb, _lb, _mb, _nb, _ob, _pb, _qb, _rb, _sb, _tb, _ub, _vb;
   const theme = useTheme3();
   const state = useSDKState();
   const { showToast } = useToast();
@@ -2728,22 +2719,22 @@ function CallControls({ onDataChange }) {
   const maxReconnectAttempts = 60;
   const baseReconnectDelay = 2e3;
   const maxReconnectDelay = 3e4;
-  const [anchorEl, setAnchorEl] = useState10(null);
-  const [statusAnchorEl, setStatusAnchorEl] = useState10(null);
-  const [dialerAnchorEl, setDialerAnchorEl] = useState10(null);
-  const [ambulanceAnchorEl, setAmbulanceAnchorEl] = useState10(null);
-  const [moreOptionsAnchorEl, setMoreOptionsAnchorEl] = useState10(null);
-  const [showIframe, setShowIframe] = useState10(true);
-  const [openCallDisposition, setOpenCallDisposition] = useState10(false);
-  const [openProcessorDialog, setOpenProcessorDialog] = useState10(false);
-  const [openCallHistoryDialog, setOpenCallHistoryDialog] = useState10(false);
-  const [processList, setProcessList] = useState10(null);
-  const [breaksList, setBreaksList] = useState10(null);
-  const [phoneNumber, setPhoneNumber] = useState10("");
-  const [callDuration, setCallDuration] = useState10(0);
-  const [callWrapuptime, setCallWrapuptime] = useState10(null);
-  const [holdDuration, setHoldDuration] = useState10(0);
-  const [muteDuration, setMuteDuration] = useState10(0);
+  const [anchorEl, setAnchorEl] = useState9(null);
+  const [statusAnchorEl, setStatusAnchorEl] = useState9(null);
+  const [dialerAnchorEl, setDialerAnchorEl] = useState9(null);
+  const [ambulanceAnchorEl, setAmbulanceAnchorEl] = useState9(null);
+  const [moreOptionsAnchorEl, setMoreOptionsAnchorEl] = useState9(null);
+  const [showIframe, setShowIframe] = useState9(true);
+  const [openCallDisposition, setOpenCallDisposition] = useState9(false);
+  const [openProcessorDialog, setOpenProcessorDialog] = useState9(false);
+  const [openCallHistoryDialog, setOpenCallHistoryDialog] = useState9(false);
+  const [processList, setProcessList] = useState9(null);
+  const [breaksList, setBreaksList] = useState9(null);
+  const [phoneNumber, setPhoneNumber] = useState9("");
+  const [callDuration, setCallDuration] = useState9(0);
+  const [callWrapuptime, setCallWrapuptime] = useState9(null);
+  const [holdDuration, setHoldDuration] = useState9(0);
+  const [muteDuration, setMuteDuration] = useState9(0);
   const { position, isDragging, dragRef, handleMouseDown, handleTouchStart } = useDraggable(
     state.controlPanelPosition,
     (newPosition) => sdkStateManager.setControlPanelPosition(newPosition)
@@ -2809,14 +2800,15 @@ function CallControls({ onDataChange }) {
     setStatusAnchorEl(null);
   };
   const handleAgentReady = () => {
+    var _a2;
     const payload = {
       action: "READYAGENT",
-      userId: state.agentId
+      userId: String((_a2 = state.agentId) != null ? _a2 : "")
     };
     readyAgentStatus(END_POINT.READY_AGENT, payload);
   };
   const handleUpdateAgentStatus = (status) => {
-    var _a2, _b2;
+    var _a2, _b2, _c2;
     setStatusAnchorEl(null);
     const currentStatus = (_b2 = (_a2 = state.callData) == null ? void 0 : _a2.status) == null ? void 0 : _b2.toUpperCase();
     if (["ONCALL" /* ONCALL */, "RINGING" /* RINGING */, "DIALING" /* DIALING */, "WRAPUP" /* WRAPUP */].includes(currentStatus)) {
@@ -2826,50 +2818,75 @@ function CallControls({ onDataChange }) {
     const payload = {
       action: "AGENTBREAK",
       break_type: status,
-      userId: state.agentId
+      userId: String((_c2 = state.agentId) != null ? _c2 : "")
     };
     updateAgentStatus(END_POINT.UPDATE_AGENT_BREAK, payload).then(() => {
       sdkStateManager.setAgentStatus(status);
     });
   };
   const handleStartCall = (number) => {
+    var _a2, _b2, _c2, _d2;
     if (number.length !== 10) {
       showToast("Invalid phone number", "error");
     } else if (!/^\d+$/.test(number)) {
       showToast("Invalid phone number", "error");
     } else {
+      const currentStatus = ((_b2 = (_a2 = state.callData) == null ? void 0 : _a2.status) != null ? _b2 : "").toUpperCase();
+      const isWrapupCall = currentStatus === "WRAPUP" /* WRAPUP */;
+      let parentCallUuid = "";
+      if (!((_c2 = state.sdkConfig) == null ? void 0 : _c2.disableAlternateDialing)) {
+        if (isWrapupCall) {
+          if (state.rootCallUuid) {
+            parentCallUuid = state.rootCallUuid;
+          } else if ((_d2 = state.callData) == null ? void 0 : _d2.call_id) {
+            parentCallUuid = state.callData.call_id;
+            sdkStateManager.setRootCallUuid(parentCallUuid);
+          }
+        } else if (state.rootCallUuid) {
+          sdkStateManager.setRootCallUuid(null);
+        }
+      } else if (state.rootCallUuid) {
+        sdkStateManager.setRootCallUuid(null);
+      }
       const payload = {
         phone_number: number,
         user: state.agentId,
         auto_answer: false,
-        convox_id: "",
+        call_id: "",
         reference_id: "",
         call_source: "",
-        caseId: ""
+        caseId: "",
+        isWrapup: isWrapupCall,
+        parentCallUuid
       };
       clickToCall2(END_POINT.CLICK_TO_CALL, payload);
     }
   };
   const handleHoldToggle = () => {
-    var _a2;
+    var _a2, _b2, _c2, _d2;
     const payload = {
       action: ((_a2 = state.callData) == null ? void 0 : _a2.hold) === 1 ? "UNHOLD" /* UNHOLD */ : "HOLD" /* HOLD */,
-      userId: state.agentId
+      user_id: String((_b2 = state.agentId) != null ? _b2 : ""),
+      call_uuid: (_d2 = (_c2 = state.callData) == null ? void 0 : _c2.call_id) != null ? _d2 : "",
+      line_number: 0
     };
     holdOrUnHold(END_POINT.HOLD_CALL, payload);
   };
   const handleMuteToggle = () => {
-    var _a2;
+    var _a2, _b2, _c2, _d2;
     const payload = {
       action: ((_a2 = state.callData) == null ? void 0 : _a2.mute) === 1 ? "UNMUTE" /* UNMUTE */ : "MUTE" /* MUTE */,
-      userId: state.agentId
+      direction: "both",
+      user_id: String((_b2 = state.agentId) != null ? _b2 : ""),
+      call_uuid: (_d2 = (_c2 = state.callData) == null ? void 0 : _c2.call_id) != null ? _d2 : "",
+      line_number: 0
     };
     muteOrUnMute(END_POINT.MUTE_CALL, payload);
   };
   const handleEndCall = (data) => {
     var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2;
     const payload = {
-      convox_id: (_b2 = (_a2 = state.callData) == null ? void 0 : _a2.convox_id) != null ? _b2 : "",
+      call_id: (_b2 = (_a2 = state.callData) == null ? void 0 : _a2.call_id) != null ? _b2 : "",
       agent_id: (_c2 = state.agentId) != null ? _c2 : "",
       set_followUp: (_e2 = (_d2 = data == null ? void 0 : data.followUp) == null ? void 0 : _d2.value) != null ? _e2 : "",
       callback_date: (_f2 = data == null ? void 0 : data.callbackDate) != null ? _f2 : "",
@@ -2877,19 +2894,16 @@ function CallControls({ onDataChange }) {
       callback_mins: Number(data == null ? void 0 : data.callbackMins) || 0,
       mobile_number: (_h2 = (_g2 = state.callData) == null ? void 0 : _g2.phone_number) != null ? _h2 : "",
       list_comments: (_i2 = data == null ? void 0 : data.notes) != null ? _i2 : "",
-      call_reference_id: (_k2 = (_j2 = state.callData) == null ? void 0 : _j2.convox_id) != null ? _k2 : "",
-      disposition: (_m2 = (_l2 = data == null ? void 0 : data.disposition) == null ? void 0 : _l2.value) != null ? _m2 : "",
+      call_reference_id: (_k2 = (_j2 = state.callData) == null ? void 0 : _j2.call_id) != null ? _k2 : "",
+      is_mark_as_break: (_l2 = data == null ? void 0 : data.selected_break) != null ? _l2 : false,
+      disposition: (_n2 = (_m2 = data == null ? void 0 : data.disposition) == null ? void 0 : _m2.value) != null ? _n2 : "",
       line_number: 0,
       reason: "normal"
     };
     setPhoneNumber("");
-    endCall2(END_POINT.END_CALL, payload, {
-      params: {
-        isBreak: (_n2 = data == null ? void 0 : data.selected_break) != null ? _n2 : false
-      }
-    });
+    endCall2(END_POINT.END_CALL, payload);
   };
-  useEffect5(() => {
+  useEffect4(() => {
     const handleBeforeUnload = (e) => {
       e.preventDefault();
     };
@@ -2898,14 +2912,14 @@ function CallControls({ onDataChange }) {
       window.removeEventListener("beforeunload", handleBeforeUnload);
     };
   }, []);
-  useEffect5(() => {
+  useEffect4(() => {
     const mic = createMicController();
     micRef.current = mic;
     mic.start().catch((err) => {
       console.error("Failed to start mic:", err);
     });
     const handleKeyDown = (event) => {
-      var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
+      var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q2, _r2, _s2, _t2;
       const fullState = getSession3(STORAGE_KEY);
       const key = (_a2 = event.key) == null ? void 0 : _a2.toLowerCase();
       if (!event.altKey || ((_b2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _b2.status) !== "ONCALL" /* ONCALL */) {
@@ -2916,32 +2930,42 @@ function CallControls({ onDataChange }) {
         (_d2 = micRef.current) == null ? void 0 : _d2.mute();
         const payload = {
           action: "MUTE" /* MUTE */,
-          userId: fullState.agentId
+          direction: "both",
+          user_id: String((_e2 = fullState.agentId) != null ? _e2 : ""),
+          call_uuid: (_g2 = (_f2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _f2.call_id) != null ? _g2 : "",
+          line_number: 0
         };
         muteOrUnMute(END_POINT.MUTE_CALL, payload);
       }
-      if (key === "u" && String((_e2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _e2.mute) === "1") {
+      if (key === "u" && String((_h2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _h2.mute) === "1") {
         event.preventDefault();
         const payload = {
           action: "UNMUTE" /* UNMUTE */,
-          userId: fullState.agentId
+          direction: "both",
+          user_id: String((_i2 = fullState.agentId) != null ? _i2 : ""),
+          call_uuid: (_k2 = (_j2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _j2.call_id) != null ? _k2 : "",
+          line_number: 0
         };
         muteOrUnMute(END_POINT.MUTE_CALL, payload);
-        (_f2 = micRef.current) == null ? void 0 : _f2.unmute();
+        (_l2 = micRef.current) == null ? void 0 : _l2.unmute();
       }
-      if (key === "h" && String((_g2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _g2.hold) === "0") {
+      if (key === "h" && String((_m2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _m2.hold) === "0") {
         event.preventDefault();
         const payload = {
           action: "HOLD" /* HOLD */,
-          userId: fullState.agentId
+          user_id: String((_n2 = fullState.agentId) != null ? _n2 : ""),
+          call_uuid: (_p2 = (_o2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _o2.call_id) != null ? _p2 : "",
+          line_number: 0
         };
         holdOrUnHold(END_POINT.HOLD_CALL, payload);
       }
-      if (key === "r" && String((_h2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _h2.hold) === "1") {
+      if (key === "r" && String((_q2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _q2.hold) === "1") {
         event.preventDefault();
         const payload = {
           action: "UNHOLD" /* UNHOLD */,
-          userId: fullState.agentId
+          user_id: String((_r2 = fullState.agentId) != null ? _r2 : ""),
+          call_uuid: (_t2 = (_s2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _s2.call_id) != null ? _t2 : "",
+          line_number: 0
         };
         holdOrUnHold(END_POINT.HOLD_CALL, payload);
       }
@@ -2951,7 +2975,7 @@ function CallControls({ onDataChange }) {
       window.removeEventListener("keydown", handleKeyDown);
     };
   }, []);
-  useEffect5(() => {
+  useEffect4(() => {
     let interval;
     let wrapUpinterval;
     if (state.callData.status && state.callData.status === "ONCALL" /* ONCALL */) {
@@ -2986,7 +3010,7 @@ function CallControls({ onDataChange }) {
       if (wrapUpinterval) clearInterval(wrapUpinterval);
     };
   }, [state.callData.status]);
-  useEffect5(() => {
+  useEffect4(() => {
     var _a2, _b2, _c2;
     let holdInterval;
     const isOnCall = ((_b2 = (_a2 = state.callData) == null ? void 0 : _a2.status) == null ? void 0 : _b2.toUpperCase()) === "ONCALL" /* ONCALL */;
@@ -3008,7 +3032,7 @@ function CallControls({ onDataChange }) {
       if (holdInterval) clearInterval(holdInterval);
     };
   }, [(_d = state.callData) == null ? void 0 : _d.hold, (_e = state.callData) == null ? void 0 : _e.status]);
-  useEffect5(() => {
+  useEffect4(() => {
     var _a2, _b2, _c2, _d2;
     let muteInterval;
     const isOnCall = ((_b2 = (_a2 = state.callData) == null ? void 0 : _a2.status) == null ? void 0 : _b2.toUpperCase()) === "ONCALL" /* ONCALL */;
@@ -3031,7 +3055,7 @@ function CallControls({ onDataChange }) {
       if (muteInterval) clearInterval(muteInterval);
     };
   }, [(_f = state.callData) == null ? void 0 : _f.mute, (_g = state.callData) == null ? void 0 : _g.status]);
-  useEffect5(() => {
+  useEffect4(() => {
     createAudioElement().then((audio) => {
       audioRef.current = audio;
     }).catch((error) => {
@@ -3047,22 +3071,25 @@ function CallControls({ onDataChange }) {
       cleanupAudioResources();
     };
   }, []);
-  useEffect5(() => {
+  useEffect4(() => {
+    var _a2, _b2;
     if (onDataChange && state.callData) {
-      const { process_id, process_name, status, phone_number, agent_id, convox_id, call_details } = state.callData;
+      const { process_id, process_name, status, phone_number, agent_id, call_id, call_details } = state.callData;
       const callData = {
         phone_number,
         status,
-        callReferenceId: convox_id,
+        callReferenceId: call_id,
         agent_id,
         process_id,
         process_name,
-        call_details
+        call_details,
+        auto_wrapup_time: (_b2 = (_a2 = state.backendCallControls) == null ? void 0 : _a2.auto_wrapup_time) != null ? _b2 : null,
+        socket_info: state.callData
       };
       onDataChange(callData);
     }
   }, [state.callData, onDataChange]);
-  useEffect5(() => {
+  useEffect4(() => {
     if (state.agentId) {
       axios_default.get(END_POINT.BREAKS_LIST).then((res) => {
         var _a2, _b2, _c2, _d2;
@@ -3106,7 +3133,7 @@ function CallControls({ onDataChange }) {
         }, 3e4);
       };
       webSocketRef.current.onmessage = (event) => {
-        var _a3, _b3, _c2, _d2, _e2, _f2;
+        var _a3, _b3, _c2, _d2, _e2, _f2, _g2;
         try {
           const data = JSON.parse(event.data);
           if (data.type === "pong") {
@@ -3120,17 +3147,18 @@ function CallControls({ onDataChange }) {
             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,
+            call_id: data == null ? void 0 : data.call_id,
             process_id: data == null ? void 0 : data.process_id,
             process_name: data == null ? void 0 : data.process_name,
             hold: data == null ? void 0 : data.hold,
             mute: data == null ? void 0 : data.mute,
             mode: data == null ? void 0 : data.mode,
-            queue_name: data == null ? void 0 : data.queue_name
+            queue_name: data == null ? void 0 : data.queue_name,
+            auto_wrapup_time: (_a3 = data == null ? void 0 : data.auto_wrapup_time) != null ? _a3 : null
           }, (data == null ? void 0 : data.call_details) !== void 0 && { call_details: data.call_details });
           sdkStateManager.updateCallData(callData);
           sdkStateManager.updateConferenceData([...confrence]);
-          sdkStateManager.setConsultInfo((_a3 = data.consult_info) != null ? _a3 : null);
+          sdkStateManager.setConsultInfo((_b3 = data.consult_info) != null ? _b3 : null);
           const conferenceStatus = data == null ? void 0 : data.conferencestatus;
           if (conferenceStatus) {
             const hasAnsweredSecondaryLine = Object.keys(conferenceStatus).some((key) => {
@@ -3160,7 +3188,7 @@ function CallControls({ onDataChange }) {
           }
           if (["RINGING" /* RINGING */, "DIALING" /* DIALING */].includes(data.status)) {
             setShowIframe(true);
-            setCallWrapuptime((_c2 = (_b3 = sdkState == null ? void 0 : sdkState.sdkConfig) == null ? void 0 : _b3.auto_wrapup_time) != null ? _c2 : null);
+            setCallWrapuptime((_d2 = (_c2 = sdkState == null ? void 0 : sdkState.sdkConfig) == null ? void 0 : _c2.auto_wrapup_time) != null ? _d2 : null);
             sdkStateManager.updateConferenceData([
               {
                 line: 1,
@@ -3213,7 +3241,7 @@ function CallControls({ onDataChange }) {
                 isMergeCall: false
               }
             ]);
-            if ((data == null ? void 0 : data.mode) !== "manual" && audioRef.current && ((_d2 = state == null ? void 0 : state.sdkConfig) == null ? void 0 : _d2.enableRingtone)) {
+            if ((data == null ? void 0 : data.mode) !== "manual" && audioRef.current && ((_e2 = state == null ? void 0 : state.sdkConfig) == null ? void 0 : _e2.enableRingtone)) {
               audioRef.current.play().catch((error) => {
                 console.error("Failed to play ringtone:", error);
               });
@@ -3237,8 +3265,8 @@ function CallControls({ onDataChange }) {
             }
           } else if (((data == null ? void 0 : data.mute) === 1 || (data == null ? void 0 : data.hold) === 1) && data.status === "ONCALL" /* ONCALL */) {
           } else if (data.status === "BREAK" /* BREAK */) {
-            const breakTime = (_e2 = sdkState == null ? void 0 : sdkState.sdkConfig) == null ? void 0 : _e2.break_time;
-            const eventTime = (_f2 = data == null ? void 0 : data.event_time) != null ? _f2 : null;
+            const breakTime = (_f2 = sdkState == null ? void 0 : sdkState.sdkConfig) == null ? void 0 : _f2.break_time;
+            const eventTime = (_g2 = data == null ? void 0 : data.event_time) != null ? _g2 : null;
             if (eventTime !== lastEventTimeRef.current) {
               hasFlashedRef.current = false;
               lastEventTimeRef.current = eventTime;
@@ -3300,7 +3328,7 @@ function CallControls({ onDataChange }) {
       }
     }
   };
-  useEffect5(() => {
+  useEffect4(() => {
     if (state.agentId) {
       connectWebSocket();
     }
@@ -3406,22 +3434,20 @@ function CallControls({ onDataChange }) {
                         variant: "outlined",
                         startIcon: /* @__PURE__ */ jsx2(WifiCalling3, {}),
                         onClick: (e) => {
-                          var _a2, _b2, _c2;
+                          var _a2, _b2, _c2, _d2, _e2, _f2;
                           if (![
                             "BREAK" /* BREAK */,
                             "ONCALL" /* ONCALL */,
-                            "RINGING" /* RINGING */,
-                            "WRAPUP" /* WRAPUP */
-                          ].includes((_b2 = (_a2 = state.callData) == null ? void 0 : _a2.status) == null ? void 0 : _b2.toUpperCase()) && !((_c2 = state.sdkConfig) == null ? void 0 : _c2.disabledDialButton)) {
+                            "RINGING" /* RINGING */
+                          ].includes((_b2 = (_a2 = state.callData) == null ? void 0 : _a2.status) == null ? void 0 : _b2.toUpperCase()) && !((_c2 = state.sdkConfig) == null ? void 0 : _c2.disabledDialButton) && !(((_e2 = (_d2 = state.callData) == null ? void 0 : _d2.status) == null ? void 0 : _e2.toUpperCase()) === "WRAPUP" /* WRAPUP */ && ((_f2 = state.sdkConfig) == null ? void 0 : _f2.disableAlternateDialing))) {
                             handleOpenDialer(e);
                           }
                         },
                         disabled: [
                           "BREAK" /* BREAK */,
                           "ONCALL" /* ONCALL */,
-                          "RINGING" /* RINGING */,
-                          "WRAPUP" /* WRAPUP */
-                        ].includes((_A = state.callData.status) == null ? void 0 : _A.toUpperCase()) || ((_B = state.sdkConfig) == null ? void 0 : _B.disabledDialButton),
+                          "RINGING" /* RINGING */
+                        ].includes((_A = state.callData.status) == null ? void 0 : _A.toUpperCase()) || ((_B = state.sdkConfig) == null ? void 0 : _B.disabledDialButton) || ((_C = state.callData.status) == null ? void 0 : _C.toUpperCase()) === "WRAPUP" /* WRAPUP */ && !!((_D = state.sdkConfig) == null ? void 0 : _D.disableAlternateDialing),
                         sx: {
                           justifyContent: "flex-start",
                           width: "100%",
@@ -3429,15 +3455,13 @@ function CallControls({ onDataChange }) {
                           color: [
                             "BREAK" /* BREAK */,
                             "ONCALL" /* ONCALL */,
-                            "RINGING" /* RINGING */,
-                            "WRAPUP" /* WRAPUP */
-                          ].includes((_C = state.callData.status) == null ? void 0 : _C.toUpperCase()) || ((_D = state.sdkConfig) == null ? void 0 : _D.disabledDialButton) ? "action.selected" : "success.main",
+                            "RINGING" /* RINGING */
+                          ].includes((_E = state.callData.status) == null ? void 0 : _E.toUpperCase()) || ((_F = state.sdkConfig) == null ? void 0 : _F.disabledDialButton) || ((_G = state.callData.status) == null ? void 0 : _G.toUpperCase()) === "WRAPUP" /* WRAPUP */ && !!((_H = state.sdkConfig) == null ? void 0 : _H.disableAlternateDialing) ? "action.selected" : "success.main",
                           borderColor: [
                             "BREAK" /* BREAK */,
                             "ONCALL" /* ONCALL */,
-                            "RINGING" /* RINGING */,
-                            "WRAPUP" /* WRAPUP */
-                          ].includes((_E = state.callData.status) == null ? void 0 : _E.toUpperCase()) || ((_F = state.sdkConfig) == null ? void 0 : _F.disabledDialButton) ? "action.selected" : "success.main"
+                            "RINGING" /* RINGING */
+                          ].includes((_I = state.callData.status) == null ? void 0 : _I.toUpperCase()) || ((_J = state.sdkConfig) == null ? void 0 : _J.disabledDialButton) || ((_K = state.callData.status) == null ? void 0 : _K.toUpperCase()) === "WRAPUP" /* WRAPUP */ && !!((_L = state.sdkConfig) == null ? void 0 : _L.disableAlternateDialing) ? "action.selected" : "success.main"
                         },
                         children: "Dial"
                       }
@@ -3446,22 +3470,20 @@ function CallControls({ onDataChange }) {
                       {
                         size: "small",
                         onClick: (e) => {
-                          var _a2, _b2, _c2;
+                          var _a2, _b2, _c2, _d2, _e2, _f2;
                           if (![
                             "BREAK" /* BREAK */,
                             "ONCALL" /* ONCALL */,
-                            "RINGING" /* RINGING */,
-                            "WRAPUP" /* WRAPUP */
-                          ].includes((_b2 = (_a2 = state.callData) == null ? void 0 : _a2.status) == null ? void 0 : _b2.toUpperCase()) && !((_c2 = state.sdkConfig) == null ? void 0 : _c2.disabledDialButton)) {
+                            "RINGING" /* RINGING */
+                          ].includes((_b2 = (_a2 = state.callData) == null ? void 0 : _a2.status) == null ? void 0 : _b2.toUpperCase()) && !((_c2 = state.sdkConfig) == null ? void 0 : _c2.disabledDialButton) && !(((_e2 = (_d2 = state.callData) == null ? void 0 : _d2.status) == null ? void 0 : _e2.toUpperCase()) === "WRAPUP" /* WRAPUP */ && ((_f2 = state.sdkConfig) == null ? void 0 : _f2.disableAlternateDialing))) {
                             handleOpenDialer(e);
                           }
                         },
                         disabled: [
                           "BREAK" /* BREAK */,
                           "ONCALL" /* ONCALL */,
-                          "RINGING" /* RINGING */,
-                          "WRAPUP" /* WRAPUP */
-                        ].includes((_G = state.callData.status) == null ? void 0 : _G.toUpperCase()) || ((_H = state.sdkConfig) == null ? void 0 : _H.disabledDialButton),
+                          "RINGING" /* RINGING */
+                        ].includes((_M = state.callData.status) == null ? void 0 : _M.toUpperCase()) || ((_N = state.sdkConfig) == null ? void 0 : _N.disabledDialButton) || ((_O = state.callData.status) == null ? void 0 : _O.toUpperCase()) === "WRAPUP" /* WRAPUP */ && !!((_P = state.sdkConfig) == null ? void 0 : _P.disableAlternateDialing),
                         children: /* @__PURE__ */ jsx2(
                           WifiCalling3,
                           {
@@ -3469,9 +3491,8 @@ function CallControls({ onDataChange }) {
                               color: [
                                 "BREAK" /* BREAK */,
                                 "ONCALL" /* ONCALL */,
-                                "RINGING" /* RINGING */,
-                                "WRAPUP" /* WRAPUP */
-                              ].includes((_I = state.callData.status) == null ? void 0 : _I.toUpperCase()) || ((_J = state.sdkConfig) == null ? void 0 : _J.disabledDialButton) ? "action.selected" : "success.main"
+                                "RINGING" /* RINGING */
+                              ].includes((_Q = state.callData.status) == null ? void 0 : _Q.toUpperCase()) || ((_R = state.sdkConfig) == null ? void 0 : _R.disabledDialButton) || ((_S = state.callData.status) == null ? void 0 : _S.toUpperCase()) === "WRAPUP" /* WRAPUP */ && !!((_T = state.sdkConfig) == null ? void 0 : _T.disableAlternateDialing) ? "action.selected" : "success.main"
                             }
                           }
                         )
@@ -3590,7 +3611,7 @@ function CallControls({ onDataChange }) {
                               width: "60px",
                               textAlign: "center"
                             },
-                            children: (_M = (_L = (_K = state.callData) == null ? void 0 : _K.status) == null ? void 0 : _L.toUpperCase()) != null ? _M : "N/A"
+                            children: (_W = (_V = (_U = state.callData) == null ? void 0 : _U.status) == null ? void 0 : _V.toUpperCase()) != null ? _W : "N/A"
                           }
                         ),
                         onClick: handleOpenAgentStatus,
@@ -3617,7 +3638,7 @@ function CallControls({ onDataChange }) {
                       Button2,
                       {
                         variant: ["BREAK" /* BREAK */, "MISSED" /* MISSED */].includes(
-                          (_O = (_N = state.callData) == null ? void 0 : _N.status) == null ? void 0 : _O.toUpperCase()
+                          (_Y = (_X = state.callData) == null ? void 0 : _X.status) == null ? void 0 : _Y.toUpperCase()
                         ) ? "outlined" : "contained",
                         startIcon: isVertical ? /* @__PURE__ */ jsx2(SupportAgent2, {}) : void 0,
                         onClick: (e) => {
@@ -3631,21 +3652,21 @@ function CallControls({ onDataChange }) {
                         },
                         classes: {
                           root: ["BREAK" /* BREAK */, "MISSED" /* MISSED */].includes(
-                            (_Q = (_P = state.callData) == null ? void 0 : _P.status) == null ? void 0 : _Q.toUpperCase()
+                            (__ = (_Z = state.callData) == null ? void 0 : _Z.status) == null ? void 0 : __.toUpperCase()
                           ) ? "outlined" : "enabled"
                         },
                         sx: __spreadValues(__spreadValues({}, ["BREAK" /* BREAK */, "MISSED" /* MISSED */].includes(
-                          (_S = (_R = state.callData) == null ? void 0 : _R.status) == null ? void 0 : _S.toUpperCase()
+                          (_aa = (_$ = state.callData) == null ? void 0 : _$.status) == null ? void 0 : _aa.toUpperCase()
                         ) ? outlined : enabled), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }),
                         disabled: agentReadyLoading,
                         children: isVertical ? "Agent Ready" : /* @__PURE__ */ jsx2(SupportAgent2, {})
                       }
                     ) }),
-                    /* @__PURE__ */ jsx2(Tooltip2, { title: ((_T = state.sdkConfig) == null ? void 0 : _T.disableHoldButton) ? "Hold feature is disabled" : ((_U = state.callData) == null ? void 0 : _U.hold) === 1 ? "Resume" : "Hold", children: /* @__PURE__ */ jsx2(Box2, { component: "span", sx: isVertical ? { display: "block" } : {}, children: /* @__PURE__ */ jsx2(
+                    /* @__PURE__ */ jsx2(Tooltip2, { title: ((_ba = state.sdkConfig) == null ? void 0 : _ba.disableHoldButton) ? "Hold feature is disabled" : ((_ca = state.callData) == null ? void 0 : _ca.hold) === 1 ? "Resume" : "Hold", children: /* @__PURE__ */ jsx2(Box2, { component: "span", sx: isVertical ? { display: "block" } : {}, children: /* @__PURE__ */ jsx2(
                       Button2,
                       {
-                        variant: ((_V = state.callData) == null ? void 0 : _V.hold) === 1 && ((_X = (_W = state.callData) == null ? void 0 : _W.status) == null ? void 0 : _X.toUpperCase()) === "ONCALL" /* ONCALL */ ? "contained" : "outlined",
-                        startIcon: isVertical ? holdOrUnHoldLoading ? void 0 : ((_Y = state.callData) == null ? void 0 : _Y.hold) === 1 ? /* @__PURE__ */ jsx2(PlayArrow2, {}) : /* @__PURE__ */ jsx2(Pause2, {}) : void 0,
+                        variant: ((_da = state.callData) == null ? void 0 : _da.hold) === 1 && ((_fa = (_ea = state.callData) == null ? void 0 : _ea.status) == null ? void 0 : _fa.toUpperCase()) === "ONCALL" /* ONCALL */ ? "contained" : "outlined",
+                        startIcon: isVertical ? holdOrUnHoldLoading ? void 0 : ((_ga = state.callData) == null ? void 0 : _ga.hold) === 1 ? /* @__PURE__ */ jsx2(PlayArrow2, {}) : /* @__PURE__ */ jsx2(Pause2, {}) : void 0,
                         onClick: (e) => {
                           var _a2;
                           e.stopPropagation();
@@ -3653,22 +3674,22 @@ function CallControls({ onDataChange }) {
                             handleHoldToggle();
                           }
                         },
-                        sx: ((_Z = state.callData) == null ? void 0 : _Z.hold) === 1 && ((_$ = (__ = state.callData) == null ? void 0 : __.status) == null ? void 0 : _$.toUpperCase()) === "ONCALL" /* ONCALL */ ? __spreadValues(__spreadValues({}, enabled), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }) : ((_ba = (_aa = state.callData) == null ? void 0 : _aa.status) == null ? void 0 : _ba.toUpperCase()) === "ONCALL" /* ONCALL */ && !((_ca = state.sdkConfig) == null ? void 0 : _ca.disableHoldButton) ? __spreadValues(__spreadValues({}, outlined), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }) : __spreadValues(__spreadValues({}, disabled), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }),
-                        disabled: ((_ea = (_da = state.callData) == null ? void 0 : _da.status) == null ? void 0 : _ea.toUpperCase()) !== "ONCALL" /* ONCALL */ && ((_fa = state.callData) == null ? void 0 : _fa.hold) !== 1 || holdOrUnHoldLoading || ((_ga = state.sdkConfig) == null ? void 0 : _ga.disableHoldButton),
+                        sx: ((_ha = state.callData) == null ? void 0 : _ha.hold) === 1 && ((_ja = (_ia = state.callData) == null ? void 0 : _ia.status) == null ? void 0 : _ja.toUpperCase()) === "ONCALL" /* ONCALL */ ? __spreadValues(__spreadValues({}, enabled), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }) : ((_la = (_ka = state.callData) == null ? void 0 : _ka.status) == null ? void 0 : _la.toUpperCase()) === "ONCALL" /* ONCALL */ && !((_ma = state.sdkConfig) == null ? void 0 : _ma.disableHoldButton) ? __spreadValues(__spreadValues({}, outlined), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }) : __spreadValues(__spreadValues({}, disabled), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }),
+                        disabled: ((_oa = (_na = state.callData) == null ? void 0 : _na.status) == null ? void 0 : _oa.toUpperCase()) !== "ONCALL" /* ONCALL */ && ((_pa = state.callData) == null ? void 0 : _pa.hold) !== 1 || holdOrUnHoldLoading || ((_qa = state.sdkConfig) == null ? void 0 : _qa.disableHoldButton),
                         children: holdOrUnHoldLoading ? /* @__PURE__ */ jsx2(
                           CircularProgress2,
                           {
                             size: "20px",
                             sx: { color: theme.palette.primary.main }
                           }
-                        ) : isVertical ? ((_ha = state.callData) == null ? void 0 : _ha.hold) === 1 ? "Resume" : "Hold" : ((_ia = state.callData) == null ? void 0 : _ia.hold) === 1 ? /* @__PURE__ */ jsx2(PlayArrow2, {}) : /* @__PURE__ */ jsx2(Pause2, {})
+                        ) : isVertical ? ((_ra = state.callData) == null ? void 0 : _ra.hold) === 1 ? "Resume" : "Hold" : ((_sa = state.callData) == null ? void 0 : _sa.hold) === 1 ? /* @__PURE__ */ jsx2(PlayArrow2, {}) : /* @__PURE__ */ jsx2(Pause2, {})
                       }
                     ) }) }),
-                    /* @__PURE__ */ jsx2(Tooltip2, { title: ((_ja = state.sdkConfig) == null ? void 0 : _ja.disableMuteButton) ? "Mute feature is disabled" : ((_ka = state.callData) == null ? void 0 : _ka.mute) === 1 ? "Unmute" : "Mute", children: /* @__PURE__ */ jsx2(Box2, { component: "span", sx: isVertical ? { display: "block" } : {}, children: /* @__PURE__ */ jsx2(
+                    /* @__PURE__ */ jsx2(Tooltip2, { title: ((_ta = state.sdkConfig) == null ? void 0 : _ta.disableMuteButton) ? "Mute feature is disabled" : ((_ua = state.callData) == null ? void 0 : _ua.mute) === 1 ? "Unmute" : "Mute", children: /* @__PURE__ */ jsx2(Box2, { component: "span", sx: isVertical ? { display: "block" } : {}, children: /* @__PURE__ */ jsx2(
                       Button2,
                       {
-                        variant: ((_la = state.callData) == null ? void 0 : _la.mute) === 1 && ((_na = (_ma = state.callData) == null ? void 0 : _ma.status) == null ? void 0 : _na.toUpperCase()) === "ONCALL" /* ONCALL */ ? "contained" : "outlined",
-                        startIcon: isVertical ? muteOrUnMuteLoading ? void 0 : ((_oa = state.callData) == null ? void 0 : _oa.mute) === 1 ? /* @__PURE__ */ jsx2(MicOff, {}) : /* @__PURE__ */ jsx2(Mic, {}) : void 0,
+                        variant: ((_va = state.callData) == null ? void 0 : _va.mute) === 1 && ((_xa = (_wa = state.callData) == null ? void 0 : _wa.status) == null ? void 0 : _xa.toUpperCase()) === "ONCALL" /* ONCALL */ ? "contained" : "outlined",
+                        startIcon: isVertical ? muteOrUnMuteLoading ? void 0 : ((_ya = state.callData) == null ? void 0 : _ya.mute) === 1 ? /* @__PURE__ */ jsx2(MicOff, {}) : /* @__PURE__ */ jsx2(Mic, {}) : void 0,
                         onClick: (e) => {
                           var _a2;
                           e.stopPropagation();
@@ -3676,18 +3697,18 @@ function CallControls({ onDataChange }) {
                             handleMuteToggle();
                           }
                         },
-                        sx: ((_pa = state.sdkConfig) == null ? void 0 : _pa.disableMuteButton) || ((_qa = state.callData) == null ? void 0 : _qa.hold) === 1 ? __spreadValues(__spreadValues({}, disabled), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }) : ((_ra = state.callData) == null ? void 0 : _ra.mute) === 1 && ((_ta = (_sa = state.callData) == null ? void 0 : _sa.status) == null ? void 0 : _ta.toUpperCase()) === "ONCALL" /* ONCALL */ ? __spreadValues(__spreadValues({}, enabled), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }) : ((_va = (_ua = state.callData) == null ? void 0 : _ua.status) == null ? void 0 : _va.toUpperCase()) === "ONCALL" /* ONCALL */ ? __spreadValues(__spreadValues({}, outlined), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }) : __spreadValues(__spreadValues({}, disabled), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }),
-                        disabled: ((_xa = (_wa = state.callData) == null ? void 0 : _wa.status) == null ? void 0 : _xa.toUpperCase()) !== "ONCALL" /* ONCALL */ && ((_ya = state.callData) == null ? void 0 : _ya.mute) !== 1 || muteOrUnMuteLoading || ((_za = state.callData) == null ? void 0 : _za.hold) === 1 || ((_Aa = state.sdkConfig) == null ? void 0 : _Aa.disableMuteButton),
+                        sx: ((_za = state.sdkConfig) == null ? void 0 : _za.disableMuteButton) || ((_Aa = state.callData) == null ? void 0 : _Aa.hold) === 1 ? __spreadValues(__spreadValues({}, disabled), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }) : ((_Ba = state.callData) == null ? void 0 : _Ba.mute) === 1 && ((_Da = (_Ca = state.callData) == null ? void 0 : _Ca.status) == null ? void 0 : _Da.toUpperCase()) === "ONCALL" /* ONCALL */ ? __spreadValues(__spreadValues({}, enabled), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }) : ((_Fa = (_Ea = state.callData) == null ? void 0 : _Ea.status) == null ? void 0 : _Fa.toUpperCase()) === "ONCALL" /* ONCALL */ ? __spreadValues(__spreadValues({}, outlined), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }) : __spreadValues(__spreadValues({}, disabled), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }),
+                        disabled: ((_Ha = (_Ga = state.callData) == null ? void 0 : _Ga.status) == null ? void 0 : _Ha.toUpperCase()) !== "ONCALL" /* ONCALL */ && ((_Ia = state.callData) == null ? void 0 : _Ia.mute) !== 1 || muteOrUnMuteLoading || ((_Ja = state.callData) == null ? void 0 : _Ja.hold) === 1 || ((_Ka = state.sdkConfig) == null ? void 0 : _Ka.disableMuteButton),
                         children: muteOrUnMuteLoading ? /* @__PURE__ */ jsx2(
                           CircularProgress2,
                           {
                             size: "20px",
                             sx: { color: theme.palette.primary.main }
                           }
-                        ) : isVertical ? ((_Ba = state.callData) == null ? void 0 : _Ba.mute) === 1 ? "Unmute" : "Mute" : ((_Ca = state.callData) == null ? void 0 : _Ca.mute) === 1 ? /* @__PURE__ */ jsx2(MicOff, {}) : /* @__PURE__ */ jsx2(Mic, {})
+                        ) : isVertical ? ((_La = state.callData) == null ? void 0 : _La.mute) === 1 ? "Unmute" : "Mute" : ((_Ma = state.callData) == null ? void 0 : _Ma.mute) === 1 ? /* @__PURE__ */ jsx2(MicOff, {}) : /* @__PURE__ */ jsx2(Mic, {})
                       }
                     ) }) }),
-                    /* @__PURE__ */ jsx2(Tooltip2, { title: ((_Da = state.sdkConfig) == null ? void 0 : _Da.disableCallTransferButton) ? "Transfer Call feature is disabled" : "Transfer Call", children: /* @__PURE__ */ jsx2(Box2, { component: "span", sx: isVertical ? { display: "block" } : {}, children: /* @__PURE__ */ jsx2(
+                    /* @__PURE__ */ jsx2(Tooltip2, { title: ((_Na = state.sdkConfig) == null ? void 0 : _Na.disableCallTransferButton) ? "Transfer Call feature is disabled" : "Transfer Call", children: /* @__PURE__ */ jsx2(Box2, { component: "span", sx: isVertical ? { display: "block" } : {}, children: /* @__PURE__ */ jsx2(
                       Button2,
                       {
                         variant: state.openCallTransferDialog ? "contained" : "outlined",
@@ -3699,12 +3720,12 @@ function CallControls({ onDataChange }) {
                             sdkStateManager.setOpenCallTransferDialog(true);
                           }
                         },
-                        sx: state.openCallTransferDialog ? __spreadValues(__spreadValues({}, enabled), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }) : ((_Fa = (_Ea = state.callData) == null ? void 0 : _Ea.status) == null ? void 0 : _Fa.toUpperCase()) === "ONCALL" /* ONCALL */ && !((_Ga = state.sdkConfig) == null ? void 0 : _Ga.disableCallTransferButton) ? __spreadValues(__spreadValues({}, outlined), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }) : __spreadValues(__spreadValues({}, disabled), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }),
-                        disabled: ((_Ia = (_Ha = state.callData) == null ? void 0 : _Ha.status) == null ? void 0 : _Ia.toUpperCase()) !== "ONCALL" /* ONCALL */ || ((_Ja = state.sdkConfig) == null ? void 0 : _Ja.disableCallTransferButton),
+                        sx: state.openCallTransferDialog ? __spreadValues(__spreadValues({}, enabled), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }) : ((_Pa = (_Oa = state.callData) == null ? void 0 : _Oa.status) == null ? void 0 : _Pa.toUpperCase()) === "ONCALL" /* ONCALL */ && !((_Qa = state.sdkConfig) == null ? void 0 : _Qa.disableCallTransferButton) ? __spreadValues(__spreadValues({}, outlined), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }) : __spreadValues(__spreadValues({}, disabled), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }),
+                        disabled: ((_Sa = (_Ra = state.callData) == null ? void 0 : _Ra.status) == null ? void 0 : _Sa.toUpperCase()) !== "ONCALL" /* ONCALL */ || ((_Ta = state.sdkConfig) == null ? void 0 : _Ta.disableCallTransferButton),
                         children: isVertical ? "Transfer" : /* @__PURE__ */ jsx2(TransferWithinAStation2, {})
                       }
                     ) }) }),
-                    /* @__PURE__ */ jsx2(Tooltip2, { title: ((_Ka = state.sdkConfig) == null ? void 0 : _Ka.disableConferenceButton) ? "Conference Call feature is disabled" : "Conference Call", children: /* @__PURE__ */ jsx2(Box2, { component: "span", sx: isVertical ? { display: "block" } : {}, children: /* @__PURE__ */ jsx2(
+                    /* @__PURE__ */ jsx2(Tooltip2, { title: ((_Ua = state.sdkConfig) == null ? void 0 : _Ua.disableConferenceButton) ? "Conference Call feature is disabled" : "Conference Call", children: /* @__PURE__ */ jsx2(Box2, { component: "span", sx: isVertical ? { display: "block" } : {}, children: /* @__PURE__ */ jsx2(
                       Button2,
                       {
                         variant: state.openConferenceDialog ? "contained" : "outlined",
@@ -3716,12 +3737,12 @@ function CallControls({ onDataChange }) {
                             sdkStateManager.setOpenConferenceDialog(true);
                           }
                         },
-                        sx: state.openConferenceDialog ? __spreadValues(__spreadValues({}, enabled), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }) : ((_Ma = (_La = state.callData) == null ? void 0 : _La.status) == null ? void 0 : _Ma.toUpperCase()) === "ONCALL" /* ONCALL */ && !((_Na = state.sdkConfig) == null ? void 0 : _Na.disableConferenceButton) ? __spreadValues(__spreadValues({}, outlined), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }) : __spreadValues(__spreadValues({}, disabled), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }),
-                        disabled: ((_Pa = (_Oa = state.callData) == null ? void 0 : _Oa.status) == null ? void 0 : _Pa.toUpperCase()) !== "ONCALL" /* ONCALL */ || ((_Qa = state.sdkConfig) == null ? void 0 : _Qa.disableConferenceButton),
+                        sx: state.openConferenceDialog ? __spreadValues(__spreadValues({}, enabled), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }) : ((_Wa = (_Va = state.callData) == null ? void 0 : _Va.status) == null ? void 0 : _Wa.toUpperCase()) === "ONCALL" /* ONCALL */ && !((_Xa = state.sdkConfig) == null ? void 0 : _Xa.disableConferenceButton) ? __spreadValues(__spreadValues({}, outlined), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }) : __spreadValues(__spreadValues({}, disabled), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }),
+                        disabled: ((_Za = (_Ya = state.callData) == null ? void 0 : _Ya.status) == null ? void 0 : _Za.toUpperCase()) !== "ONCALL" /* ONCALL */ || ((__a = state.sdkConfig) == null ? void 0 : __a.disableConferenceButton),
                         children: isVertical ? "Conference" : /* @__PURE__ */ jsx2(Group, {})
                       }
                     ) }) }),
-                    ((_Ra = state.sdkConfig) == null ? void 0 : _Ra.enableSmsServices) && /* @__PURE__ */ jsx2(Tooltip2, { title: "Send SMS", children: /* @__PURE__ */ jsx2(
+                    ((_$a = state.sdkConfig) == null ? void 0 : _$a.enableSmsServices) && /* @__PURE__ */ jsx2(Tooltip2, { title: "Send SMS", children: /* @__PURE__ */ jsx2(
                       Button2,
                       {
                         variant: Boolean(ambulanceAnchorEl) ? "contained" : "outlined",
@@ -3736,15 +3757,15 @@ function CallControls({ onDataChange }) {
                           }
                         },
                         sx: Boolean(ambulanceAnchorEl) ? __spreadValues(__spreadValues({}, enabled), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }) : ["ONCALL" /* ONCALL */, "WRAPUP" /* WRAPUP */].includes(
-                          (_Ta = (_Sa = state.callData) == null ? void 0 : _Sa.status) == null ? void 0 : _Ta.toUpperCase()
+                          (_bb = (_ab = state.callData) == null ? void 0 : _ab.status) == null ? void 0 : _bb.toUpperCase()
                         ) ? __spreadValues(__spreadValues({}, outlined), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }) : __spreadValues(__spreadValues({}, disabled), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }),
                         disabled: !["ONCALL" /* ONCALL */, "WRAPUP" /* WRAPUP */].includes(
-                          (_Va = (_Ua = state.callData) == null ? void 0 : _Ua.status) == null ? void 0 : _Va.toUpperCase()
+                          (_db = (_cb = state.callData) == null ? void 0 : _cb.status) == null ? void 0 : _db.toUpperCase()
                         ),
                         children: isVertical ? "Send SMS" : /* @__PURE__ */ jsx2(SmsSharp, {})
                       }
                     ) }),
-                    /* @__PURE__ */ jsx2(Tooltip2, { title: ((_Wa = state.sdkConfig) == null ? void 0 : _Wa.disableEndCallButton) ? "End Call feature is disabled" : "End Call", children: /* @__PURE__ */ jsx2(Box2, { component: "span", sx: isVertical ? { display: "block" } : {}, children: /* @__PURE__ */ jsx2(
+                    /* @__PURE__ */ jsx2(Tooltip2, { title: ((_eb = state.sdkConfig) == null ? void 0 : _eb.disableEndCallButton) ? "End Call feature is disabled" : "End Call", children: /* @__PURE__ */ jsx2(Box2, { component: "span", sx: isVertical ? { display: "block" } : {}, children: /* @__PURE__ */ jsx2(
                       Button2,
                       {
                         variant: [
@@ -3752,7 +3773,7 @@ function CallControls({ onDataChange }) {
                           "RINGING" /* RINGING */,
                           "DIALING" /* DIALING */,
                           "WRAPUP" /* WRAPUP */
-                        ].includes((_Ya = (_Xa = state.callData) == null ? void 0 : _Xa.status) == null ? void 0 : _Ya.toUpperCase()) && !((_Za = state.sdkConfig) == null ? void 0 : _Za.disableEndCallButton) ? "contained" : "outlined",
+                        ].includes((_gb = (_fb = state.callData) == null ? void 0 : _fb.status) == null ? void 0 : _gb.toUpperCase()) && !((_hb = state.sdkConfig) == null ? void 0 : _hb.disableEndCallButton) ? "contained" : "outlined",
                         startIcon: isVertical && !endCallLoading ? /* @__PURE__ */ jsx2(CallEnd2, {}) : void 0,
                         onClick: (e) => {
                           var _a2, _b2, _c2;
@@ -3771,7 +3792,7 @@ function CallControls({ onDataChange }) {
                           "RINGING" /* RINGING */,
                           "DIALING" /* DIALING */,
                           "WRAPUP" /* WRAPUP */
-                        ].includes((_$a = (__a = state.callData) == null ? void 0 : __a.status) == null ? void 0 : _$a.toUpperCase()) && !((_ab = state.sdkConfig) == null ? void 0 : _ab.disableEndCallButton) ? __spreadValues(__spreadProps(__spreadValues({}, enabled), {
+                        ].includes((_jb = (_ib = state.callData) == null ? void 0 : _ib.status) == null ? void 0 : _jb.toUpperCase()) && !((_kb = state.sdkConfig) == null ? void 0 : _kb.disableEndCallButton) ? __spreadValues(__spreadProps(__spreadValues({}, enabled), {
                           borderRight: "1px",
                           backgroundColor: "error.main",
                           minWidth: "60px !important",
@@ -3795,11 +3816,11 @@ function CallControls({ onDataChange }) {
                           "RINGING" /* RINGING */,
                           "DIALING" /* DIALING */,
                           "WRAPUP" /* WRAPUP */
-                        ].includes((_cb = (_bb = state.callData) == null ? void 0 : _bb.status) == null ? void 0 : _cb.toUpperCase()) || endCallLoading || ((_db = state.sdkConfig) == null ? void 0 : _db.disableEndCallButton),
+                        ].includes((_mb = (_lb = state.callData) == null ? void 0 : _lb.status) == null ? void 0 : _mb.toUpperCase()) || endCallLoading || ((_nb = state.sdkConfig) == null ? void 0 : _nb.disableEndCallButton),
                         children: endCallLoading ? /* @__PURE__ */ jsx2(CircularProgress2, { size: "20px", color: "error" }) : isVertical ? "End Call" : /* @__PURE__ */ jsx2(CallEnd2, {})
                       }
                     ) }) }),
-                    !((_eb = state.sdkConfig) == null ? void 0 : _eb.disabledMoreOptionsButton) && processList && (processList == null ? void 0 : processList.length) > 1 && /* @__PURE__ */ jsx2(Tooltip2, { title: "Switch Process", children: /* @__PURE__ */ jsx2(
+                    !((_ob = state.sdkConfig) == null ? void 0 : _ob.disabledMoreOptionsButton) && processList && (processList == null ? void 0 : processList.length) > 1 && /* @__PURE__ */ jsx2(Tooltip2, { title: "Switch Process", children: /* @__PURE__ */ jsx2(
                       Button2,
                       {
                         variant: Boolean(moreOptionsAnchorEl) ? "contained" : "outlined",
@@ -3815,7 +3836,7 @@ function CallControls({ onDataChange }) {
                         },
                         sx: Boolean(moreOptionsAnchorEl) ? __spreadValues(__spreadValues({}, enabled), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }) : __spreadValues(__spreadValues({}, outlined), isVertical && { justifyContent: "flex-start", width: "100%", px: 2 }),
                         disabled: !["BREAK" /* BREAK */, "IDLE" /* IDLE */].includes(
-                          (_gb = (_fb = state.callData) == null ? void 0 : _fb.status) == null ? void 0 : _gb.toUpperCase()
+                          (_qb = (_pb = state.callData) == null ? void 0 : _pb.status) == null ? void 0 : _qb.toUpperCase()
                         ),
                         children: isVertical ? "Switch Process" : /* @__PURE__ */ jsx2(MoreVert, {})
                       }
@@ -3848,7 +3869,7 @@ function CallControls({ onDataChange }) {
               transition: theme.transitions.create(["box-shadow", "transform"], {
                 duration: theme.transitions.duration.short
               }),
-              visibility: showIframe && !((_hb = state.sdkConfig) == null ? void 0 : _hb.disableSoftPhone) ? "visible" : "hidden",
+              visibility: showIframe && !((_rb = state.sdkConfig) == null ? void 0 : _rb.disableSoftPhone) ? "visible" : "hidden",
               userSelect: "none"
             },
             children: [
@@ -3875,7 +3896,7 @@ function CallControls({ onDataChange }) {
                       }
                     ),
                     " ",
-                    /* @__PURE__ */ jsx2(Typography2, { variant: "subtitle1", fontWeight: 600, textAlign: "center", children: "ahs-cti" }),
+                    /* @__PURE__ */ jsx2(Typography2, { variant: "subtitle1", fontWeight: 600, sx: { textAlign: "center" }, children: "ahs-cti" }),
                     /* @__PURE__ */ jsx2(IconButton2, { onClick: () => setShowIframe(false), children: /* @__PURE__ */ jsx2(Close2, {}) })
                   ]
                 }
@@ -3883,7 +3904,7 @@ function CallControls({ onDataChange }) {
               /* @__PURE__ */ jsx2(Box2, { children: /* @__PURE__ */ jsx2(
                 "iframe",
                 {
-                  src: `${(_ib = state.urlConfig) == null ? void 0 : _ib.iframeURL}/static/phone/index.html?user_id=${(_jb = state.urlConfig) == null ? void 0 : _jb.id}&api_url=${(_kb = state.urlConfig) == null ? void 0 : _kb.iframeAPIURL}&token=${(_lb = state.authorization) == null ? void 0 : _lb.accessToken}`,
+                  src: `${(_sb = state.urlConfig) == null ? void 0 : _sb.iframeURL}/static/phone/index.html?user_id=${(_tb = state.urlConfig) == null ? void 0 : _tb.id}&api_url=${(_ub = state.urlConfig) == null ? void 0 : _ub.iframeAPIURL}&token=${(_vb = state.authorization) == null ? void 0 : _vb.accessToken}`,
                   height: 380,
                   width: 420,
                   allow: "camera; microphone; autoplay",
@@ -4225,159 +4246,36 @@ CallControlPanel.displayName = "CallControlPanel";
 
 // call-control-sdk/lib/pages/sdkPages.tsx
 import React3 from "react";
-
-// call-control-sdk/lib/hooks/useSDKPermissions.ts
-import { useState as useState11, useEffect as useEffect6, useCallback as useCallback8 } from "react";
-function useSDKPermissions() {
-  var _a, _b;
-  const [state, setState] = useState11(() => sdkStateManager.getState());
-  useEffect6(() => {
-    const unsubscribe = sdkStateManager.subscribe(() => {
-      setState(sdkStateManager.getState());
-    });
-    return unsubscribe;
-  }, []);
-  const hasPermission = useCallback8(
-    (permission) => sdkStateManager.hasPermission(permission),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [state.userPermissions]
-  );
-  const hasAnyPermission = useCallback8(
-    (permissions) => sdkStateManager.hasAnyPermission(permissions),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [state.userPermissions]
-  );
-  const hasAllPermissions = useCallback8(
-    (permissions) => sdkStateManager.hasAllPermissions(permissions),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [state.userPermissions]
-  );
-  const hasMenuFeature = useCallback8(
-    (code) => sdkStateManager.hasMenuFeature(code),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [state.menuEntitlements]
-  );
-  return {
-    permissions: (_a = state.userPermissions) != null ? _a : [],
-    menuEntitlements: (_b = state.menuEntitlements) != null ? _b : [],
-    isLoaded: state.isPermissionsLoaded,
-    hasPermission,
-    hasAnyPermission,
-    hasAllPermissions,
-    hasMenuFeature
-  };
-}
-
-// call-control-sdk/lib/components/SDKAccessDenied.tsx
-import { Box as Box3, Typography as Typography3 } from "@mui/material";
-import LockOutlinedIcon from "@mui/icons-material/LockOutlined";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-var SDKAccessDenied = ({
-  message = "You don't have permission to view this page."
-}) => /* @__PURE__ */ jsxs3(
-  Box3,
-  {
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "center",
-    justifyContent: "center",
-    minHeight: 300,
-    gap: 2,
-    p: 4,
-    children: [
-      /* @__PURE__ */ jsx4(LockOutlinedIcon, { sx: { fontSize: 56, color: "text.disabled" } }),
-      /* @__PURE__ */ jsx4(Typography3, { variant: "h6", fontWeight: 600, color: "text.secondary", children: "Access Denied" }),
-      /* @__PURE__ */ jsx4(Typography3, { variant: "body2", color: "text.disabled", textAlign: "center", children: message })
-    ]
-  }
-);
-
-// call-control-sdk/lib/components/SDKPermissionGuard.tsx
-import { Fragment as Fragment3, jsx as jsx5 } from "react/jsx-runtime";
-var SDKPermissionGuard = ({
-  children,
-  permission,
-  permissions,
-  requireAll = false,
-  menuFeature,
-  requireAllMenus = false,
-  fallback,
-  showFallback = true,
-  onDenied
-}) => {
-  const { isLoaded, hasPermission, hasAnyPermission, hasAllPermissions, hasMenuFeature } = useSDKPermissions();
-  if (!isLoaded) return null;
-  const isAllowed = checkAccess({
-    permission,
-    permissions,
-    requireAll,
-    menuFeature,
-    requireAllMenus,
-    hasPermission,
-    hasAnyPermission,
-    hasAllPermissions,
-    hasMenuFeature
-  });
-  if (!isAllowed) {
-    onDenied == null ? void 0 : onDenied();
-    if (fallback !== void 0) return /* @__PURE__ */ jsx5(Fragment3, { children: fallback });
-    if (showFallback) return /* @__PURE__ */ jsx5(SDKAccessDenied, {});
-    return null;
-  }
-  return /* @__PURE__ */ jsx5(Fragment3, { children });
-};
-function checkAccess({
-  permission,
-  permissions,
-  requireAll,
-  menuFeature,
-  requireAllMenus,
-  hasPermission,
-  hasAnyPermission,
-  hasAllPermissions,
-  hasMenuFeature
-}) {
-  const menuCodes = menuFeature ? Array.isArray(menuFeature) ? menuFeature : [menuFeature] : [];
-  const hasNoGuards = !permission && (!permissions || permissions.length === 0) && menuCodes.length === 0;
-  if (hasNoGuards) return true;
-  if (menuCodes.length > 0) {
-    const menuGranted = requireAllMenus ? menuCodes.every((c) => hasMenuFeature(c)) : menuCodes.some((c) => hasMenuFeature(c));
-    if (!menuGranted) return false;
-  }
-  if (permission && !hasPermission(permission)) return false;
-  if (permissions && permissions.length > 0) {
-    const granted = requireAll ? hasAllPermissions(permissions) : hasAnyPermission(permissions);
-    if (!granted) return false;
-  }
-  return true;
-}
-
-// call-control-sdk/lib/pages/sdkPages.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 function withGuard(menuCodes, loader) {
   return React3.lazy(async () => {
     const mod = await loader();
     const Page = mod.default;
-    const Guarded = (props) => /* @__PURE__ */ jsx6(SDKPermissionGuard, { menuFeature: menuCodes, children: /* @__PURE__ */ jsx6(Page, __spreadValues({}, props)) });
+    const Guarded = (props) => /* @__PURE__ */ jsx4(SDKPermissionGuard, { menuFeature: menuCodes, children: /* @__PURE__ */ jsx4(Page, __spreadValues({}, props)) });
     return { default: Guarded };
   });
 }
 var SDKPages = {
-  CallHistory: withGuard(SDK_MENU_CODES.CALL_HISTORY, () => import("./callHistory-A5CBDPZR.mjs"))
+  CallHistory: withGuard(SDK_MENU_CODES.CALL_HISTORY, () => import("./callHistory-3CMW24B6.mjs")),
+  Campaigns: withGuard(SDK_MENU_CODES.CAMPAIGNS, () => import("./campaigns-FR7EIRXI.mjs")),
+  LoginReport: withGuard(SDK_MENU_CODES.LOGIN_REPORT, () => import("./loginReport-MHNHB5F6.mjs")),
+  CdrReports: withGuard(SDK_MENU_CODES.CDR_REPORT, () => import("./cdrReport-6OBRKAYS.mjs")),
+  AgentPerformanceReport: withGuard(SDK_MENU_CODES.AGENT_PERFORMANCE_REPORT, () => import("./agentPerformanceReport-4WNLHIFT.mjs")),
+  AgentDetailReport: withGuard(SDK_MENU_CODES.AGENT_DETAIL_REPORT, () => import("./agentDetailReport-XUNWPSQW.mjs"))
 };
 
 // call-control-sdk/lib/hooks/useClickToConference.ts
-import { useCallback as useCallback9, useEffect as useEffect7, useRef as useRef3, useState as useState12 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect5, useRef as useRef3, useState as useState10 } from "react";
 import { getSession as getSession4 } from "@react-solutions/vault";
 var useClickToConference = () => {
-  const [loading, setLoading] = useState12(false);
-  const [success, setSuccess] = useState12(false);
-  const [isError, setIsError] = useState12(false);
-  const [error, setError] = useState12(null);
-  const [data, setData] = useState12(null);
+  const [loading, setLoading] = useState10(false);
+  const [success, setSuccess] = useState10(false);
+  const [isError, setIsError] = useState10(false);
+  const [error, setError] = useState10(null);
+  const [data, setData] = useState10(null);
   const pendingLineRef = useRef3(null);
   const prevConferenceRef = useRef3([]);
-  useEffect7(() => {
+  useEffect5(() => {
     if (pendingLineRef.current === null) return;
     const unsubscribe = sdkStateManager.subscribe(() => {
       var _a;
@@ -4395,9 +4293,9 @@ var useClickToConference = () => {
     });
     return unsubscribe;
   }, [loading]);
-  const handleStartConferenceCall = useCallback9(
+  const handleStartConferenceCall = useCallback8(
     async (payload) => {
-      var _a, _b, _c, _d, _e, _f, _g, _h;
+      var _a, _b, _c, _d, _e, _f;
       const state = getSession4(STORAGE_KEY);
       if (((_a = state == null ? void 0 : state.callData) == null ? void 0 : _a.status) !== "ONCALL") {
         const msg = "Conference call requires an active call (ONCALL status)";
@@ -4419,8 +4317,8 @@ var useClickToConference = () => {
         operation: `CALL${availableLine.line}`,
         target: payload.mobileNumber,
         line_number: Number(availableLine.line),
-        userid: (_f = (_e = state.callData) == null ? void 0 : _e.agent_id) != null ? _f : -1,
-        process: (_h = (_g = state.callData) == null ? void 0 : _g.process_name) != null ? _h : ""
+        userid: state.agentId,
+        process: (_f = (_e = state.callData) == null ? void 0 : _e.process_name) != null ? _f : ""
       };
       setLoading(true);
       setIsError(false);
@@ -4454,21 +4352,20 @@ var useClickToConference = () => {
 };
 
 // call-control-sdk/lib/angular-services/index.ts
-import { getSession as getSession5, removeSession as removeSession2 } from "@react-solutions/vault";
+import { removeSession as removeSession2 } from "@react-solutions/vault";
 function clickToCall(payload) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
-  const state = getSession5(STORAGE_KEY);
-  if (((_a = state == null ? void 0 : state.callData) == null ? void 0 : _a.status) !== "IDLE" && ((_b = state == null ? void 0 : state.callData) == null ? void 0 : _b.status) !== "ONCALL") {
-    return Promise.reject(new Error("Agent is not ready"));
-  }
+  const state = sdkStateManager.getState();
   const body = {
     phone_number: payload.mobileNumber,
-    user: (_d = (_c = payload.user) != null ? _c : state == null ? void 0 : state.agentId) != null ? _d : "",
-    auto_answer: (_e = payload.auto_answer) != null ? _e : false,
-    convox_id: (_h = (_g = (_f = state == null ? void 0 : state.callData) == null ? void 0 : _f.convox_id) != null ? _g : payload.convox_id) != null ? _h : "",
-    reference_id: (_i = payload.reference_id) != null ? _i : "",
-    call_source: (_j = payload.call_source) != null ? _j : "",
-    caseId: (_k = payload.caseId) != null ? _k : ""
+    user: (_b = (_a = payload.user) != null ? _a : state == null ? void 0 : state.agentId) != null ? _b : "",
+    auto_answer: (_c = payload.auto_answer) != null ? _c : false,
+    call_id: (_f = (_e = payload.call_id) != null ? _e : (_d = state == null ? void 0 : state.callData) == null ? void 0 : _d.call_id) != null ? _f : "",
+    reference_id: (_g = payload.reference_id) != null ? _g : "",
+    call_source: (_h = payload.call_source) != null ? _h : "",
+    caseId: (_i = payload.caseId) != null ? _i : "",
+    isWrapup: (_j = payload.isWrapup) != null ? _j : false,
+    parentCallUuid: (_k = payload.parentCallUuid) != null ? _k : ""
   };
   return axios_default.post(END_POINT.CLICK_TO_CALL, body).then((res) => {
     try {
@@ -4482,12 +4379,9 @@ function clickToCall(payload) {
   });
 }
 function clickToConference(payload) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
-  const state = getSession5(STORAGE_KEY);
-  if (((_a = state == null ? void 0 : state.callData) == null ? void 0 : _a.status) !== "ONCALL") {
-    return Promise.reject(new Error("Conference call requires an active call (ONCALL status)"));
-  }
-  const availableLine = payload.lineNumber != null ? (_b = state == null ? void 0 : state.conferenceLine) == null ? void 0 : _b.find((l) => l.line === payload.lineNumber) : (_d = (_c = state == null ? void 0 : state.conferenceLine) == null ? void 0 : _c.filter((l) => l.line !== 1)) == null ? void 0 : _d.find((l) => l.status === "IDLE" && !(l == null ? void 0 : l.isCallStart));
+  var _a, _b, _c, _d, _e;
+  const state = sdkStateManager.getState();
+  const availableLine = payload.lineNumber != null ? (_a = state == null ? void 0 : state.conferenceLine) == null ? void 0 : _a.find((l) => l.line === payload.lineNumber) : (_c = (_b = state == null ? void 0 : state.conferenceLine) == null ? void 0 : _b.filter((l) => l.line !== 1)) == null ? void 0 : _c.find((l) => l.status === "IDLE" && !(l == null ? void 0 : l.isCallStart));
   if (!availableLine) {
     return Promise.reject(new Error("No available conference line found"));
   }
@@ -4496,8 +4390,8 @@ function clickToConference(payload) {
     operation: `CALL${availableLine.line}`,
     target: payload.mobileNumber,
     line_number: Number(availableLine.line),
-    userid: (_f = (_e = state.callData) == null ? void 0 : _e.agent_id) != null ? _f : -1,
-    process: (_h = (_g = state.callData) == null ? void 0 : _g.process_name) != null ? _h : ""
+    userid: state.agentId,
+    process: (_e = (_d = state.callData) == null ? void 0 : _d.process_name) != null ? _e : ""
   };
   return axios_default.post(END_POINT.CONFERENCE_CALL, body).then((res) => {
     try {
@@ -4511,25 +4405,24 @@ function clickToConference(payload) {
   });
 }
 async function endCall(options = {}) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
-  const state = getSession5(STORAGE_KEY);
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t;
+  const state = sdkStateManager.getState();
   const body = {
-    convox_id: (_b = (_a = state == null ? void 0 : state.callData) == null ? void 0 : _a.convox_id) != null ? _b : "",
-    agent_id: (_c = state == null ? void 0 : state.agentId) != null ? _c : "",
-    set_followUp: (_d = options.followUp) != null ? _d : "N",
-    callback_date: (_e = options.callbackDate) != null ? _e : "",
-    callback_hrs: Number(options.callbackHrs) || 0,
-    callback_mins: Number(options.callbackMins) || 0,
-    mobile_number: (_g = (_f = state == null ? void 0 : state.callData) == null ? void 0 : _f.phone_number) != null ? _g : "",
-    list_comments: "",
-    call_reference_id: (_i = (_h = state == null ? void 0 : state.callData) == null ? void 0 : _h.convox_id) != null ? _i : "",
-    disposition: (_j = options.disposition) != null ? _j : "RES",
-    line_number: 0,
-    reason: "normal"
+    call_id: (_c = (_b = options.call_id) != null ? _b : (_a = state == null ? void 0 : state.callData) == null ? void 0 : _a.call_id) != null ? _c : "",
+    agent_id: (_e = (_d = options.agent_id) != null ? _d : state == null ? void 0 : state.agentId) != null ? _e : "",
+    set_followUp: (_f = options.set_followUp) != null ? _f : "N",
+    callback_date: (_g = options.callback_date) != null ? _g : "",
+    callback_hrs: (_h = options.callback_hrs) != null ? _h : 0,
+    callback_mins: (_i = options.callback_mins) != null ? _i : 0,
+    mobile_number: (_l = (_k = options.mobile_number) != null ? _k : (_j = state == null ? void 0 : state.callData) == null ? void 0 : _j.phone_number) != null ? _l : "",
+    list_comments: (_m = options.list_comments) != null ? _m : "",
+    call_reference_id: (_p = (_o = options.call_reference_id) != null ? _o : (_n = state == null ? void 0 : state.callData) == null ? void 0 : _n.call_id) != null ? _p : "",
+    is_mark_as_break: (_q = options.is_mark_as_break) != null ? _q : false,
+    disposition: (_r = options.disposition) != null ? _r : "RES",
+    line_number: (_s = options.line_number) != null ? _s : 0,
+    reason: (_t = options.reason) != null ? _t : "normal"
   };
-  const res = await axios_default.post(END_POINT.END_CALL, body, {
-    params: { isBreak: (_k = options.isBreak) != null ? _k : false }
-  });
+  const res = await axios_default.post(END_POINT.END_CALL, body);
   sdkStateManager.resetConferenceLines();
   sdkStateManager.endCall();
   return res.data;
@@ -4609,7 +4502,8 @@ async function initSDK({
       agentId.trim(),
       urlConfig,
       res,
-      callcontrolConfig
+      callcontrolConfig,
+      initResult.callControls
     );
   } catch (error) {
     sdkStateManager.setInitCheck();