call-control-sdk 6.4.8 → 6.4.9-dev.0

package/dist/index.mjs

@@ -20,7 +20,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 
 // call-control-sdk/lib/services/endPoint.ts
-var IP = "cti.aighospitals.com";
+var IP = "uat-cti.aighospitals.com";
 var BASE_URL = `https://${IP}:8095`;
 var WS_BASE_URL = `wss://${IP}:8095`;
 var VERSION = {
@@ -91,6 +91,8 @@ var SDKStateManager = class {
       iframePosition: { x: 10, y: 80 },
       callData: {
         agent_id: "",
+        hold: 0,
+        mute: 0,
         status: "",
         type: "",
         event_time: "",
@@ -147,7 +149,9 @@ var SDKStateManager = class {
           isCallStart: false,
           isMergeCall: false
         }
-      ]
+      ],
+      hold: 0,
+      mute: 0
     };
   }
   loadFromStorage() {
@@ -366,7 +370,58 @@ var SDKStateManager = class {
     this.notifyListeners();
   }
   resetConferenceLines() {
-    this.state.conferenceLine = this.getInitialState().conferenceLine;
+    this.state.conferenceLine = [
+      {
+        line: 1,
+        status: "IDLE",
+        type: "",
+        phone: "",
+        isMute: false,
+        isHold: false,
+        isCallStart: false,
+        isMergeCall: false
+      },
+      {
+        line: 2,
+        status: "IDLE",
+        type: "",
+        phone: "",
+        isMute: false,
+        isHold: false,
+        isCallStart: false,
+        isMergeCall: false
+      },
+      {
+        line: 3,
+        status: "IDLE",
+        type: "",
+        phone: "",
+        isMute: false,
+        isHold: false,
+        isCallStart: false,
+        isMergeCall: false
+      },
+      {
+        line: 4,
+        status: "IDLE",
+        type: "",
+        phone: "",
+        isMute: false,
+        isHold: false,
+        isCallStart: false,
+        isMergeCall: false
+      },
+      {
+        line: 5,
+        status: "IDLE",
+        type: "",
+        phone: "",
+        isMute: false,
+        isHold: false,
+        isCallStart: false,
+        isMergeCall: false
+      }
+    ];
     this.saveToStorage();
     this.notifyListeners();
   }
@@ -867,6 +922,7 @@ var useEndCall = () => {
         endcall_type: "CLOSE"
       };
       return axios_default.post(END_POINT.END_CALL, payload).then((res) => {
+        sdkStateManager.resetConferenceLines();
         sdkStateManager.endCall();
         setData(res == null ? void 0 : res.data);
         setSuccess(true);
@@ -911,6 +967,7 @@ var useClickToCall = () => {
         phone_number: data2 == null ? void 0 : data2.mobileNumber
       };
       return axios_default.post(END_POINT.CLICK_TO_CALL, payload).then((res) => {
+        sdkStateManager.resetConferenceLines();
         setData(res == null ? void 0 : res.data);
         setSuccess(true);
         return res == null ? void 0 : res.data;
@@ -1285,8 +1342,6 @@ import {
   CallEnd,
   CallSplit,
   Close,
-  Mic,
-  MicOff,
   Pause,
   PhoneDisabled,
   PlayArrow,
@@ -1311,7 +1366,7 @@ import {
   TableBody,
   CircularProgress
 } from "@mui/material";
-import { useEffect as useEffect4, useMemo, useState as useState9 } from "react";
+import { useEffect as useEffect4, useState as useState9 } from "react";
 
 // call-control-sdk/lib/components/styles.ts
 import { useTheme } from "@mui/material";
@@ -1379,8 +1434,8 @@ var styles_default = useStyles;
 
 // call-control-sdk/lib/components/dialog.tsx
 import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var ConferenceTableRow = ({ each, isMergeCall }) => {
-  var _a2, _b, _c, _d, _e;
+var ConferenceTableRow = ({ each }) => {
+  var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t;
   const state = useSDKState();
   const { showToast } = useToast();
   const { disabled, enabled, outlined } = styles_default({
@@ -1392,7 +1447,6 @@ var ConferenceTableRow = ({ each, isMergeCall }) => {
   const [conferenceCallStart, setConferenceCallStart] = useState9(false);
   const [conferenceCallMerge, setConferenceCallMerge] = useState9(false);
   const [conferenceCallHoldOrUnHold, setConferenceCallHoldOrUnHold] = useState9(false);
-  const [conferenceCallMuteOrUnMute, setConferenceCallMuteOrUnMute] = useState9(false);
   const [conferenceCallEnd, setConferenceCallEnd] = useState9(false);
   const onConferenceLineUpdate = (line, data) => {
     sdkStateManager.setConferenceLine(__spreadValues(__spreadValues({}, line), data));
@@ -1468,30 +1522,6 @@ var ConferenceTableRow = ({ each, isMergeCall }) => {
       setConferenceCallHoldOrUnHold(false);
     });
   };
-  const onMuteOrUnMuteConferenceCall = (line, data, type) => {
-    var _a3, _b2, _c2, _d2;
-    const line_used = __spreadValues(__spreadValues({}, line), data);
-    setConferenceCallMuteOrUnMute(true);
-    const payload = {
-      action: "EXTERNAL_CONFERENCE",
-      operation: type,
-      channel_no: type === "MUTEUSER" ? `mute${line_used.line}` : `play${line_used.line}`,
-      userid: (_b2 = (_a3 = state.callData) == null ? void 0 : _a3.agent_id) != null ? _b2 : "",
-      thirdparty_no: line_used.phone,
-      process: (_d2 = (_c2 = state.callData) == null ? void 0 : _c2.process_name) != null ? _d2 : ""
-    };
-    axios_default.post(END_POINT.CONFERENCE_CALL_MUTE_OT_UN_MUTE, payload).then((res) => {
-      var _a4;
-      showToast((_a4 = res.data) == null ? void 0 : _a4.message, "success");
-      sdkStateManager.setConferenceLine(__spreadValues(__spreadValues({}, line), data));
-    }).catch((err) => {
-      var _a4, _b3, _c3, _d3;
-      const message = ((_b3 = (_a4 = err.response) == null ? void 0 : _a4.data) == null ? void 0 : _b3.detail) || ((_d3 = (_c3 = err.response) == null ? void 0 : _c3.data) == null ? void 0 : _d3.message) || err.message || "An unknown error occurred";
-      showToast(message, "error");
-    }).finally(() => {
-      setConferenceCallMuteOrUnMute(false);
-    });
-  };
   const onEndConferenceCall = (line, data) => {
     var _a3, _b2, _c2, _d2;
     const line_used = __spreadValues(__spreadValues({}, line), data);
@@ -1517,6 +1547,38 @@ var ConferenceTableRow = ({ each, isMergeCall }) => {
       setConferenceCallEnd(false);
     });
   };
+  const [holdOrUnHold, { isLoading: holdOrUnHoldLoading }] = usePostRequest({
+    onSuccess: () => {
+      sdkStateManager.setHolding(!state.isHolding);
+    },
+    onError: (error) => {
+      console.log("\u274C Hold operation error:", error);
+    }
+  });
+  const [muteOrUnMute, { isLoading: muteOrUnMuteLoading }] = usePostRequest({
+    onSuccess: () => {
+      sdkStateManager.setMuted(!state.isMuted);
+    },
+    onError: (error) => {
+      console.log("\u274C Mute operation error:", error);
+    }
+  });
+  const handleHoldToggle = () => {
+    var _a3;
+    const payload = {
+      action: ((_a3 = state.callData) == null ? void 0 : _a3.hold) === 1 ? "UNHOLD" : "HOLD",
+      userId: state.agentId
+    };
+    holdOrUnHold(END_POINT.HOLD_CALL, payload);
+  };
+  const handleMuteToggle = () => {
+    var _a3;
+    const payload = {
+      action: ((_a3 = state.callData) == null ? void 0 : _a3.mute) === 1 ? "UNMUTE" : "MUTE",
+      userId: state.agentId
+    };
+    muteOrUnMute(END_POINT.MUTE_CALL, payload);
+  };
   return /* @__PURE__ */ jsxs2(
     TableRow,
     {
@@ -1528,7 +1590,9 @@ var ConferenceTableRow = ({ each, isMergeCall }) => {
           TableCell,
           {
             sx: {
-              padding: "6px"
+              padding: "6px",
+              flex: 1,
+              width: "100px"
             },
             children: /* @__PURE__ */ jsxs2(Typography, { children: [
               "Line ",
@@ -1541,7 +1605,8 @@ var ConferenceTableRow = ({ each, isMergeCall }) => {
           TableCell,
           {
             sx: {
-              padding: "6px"
+              padding: "6px",
+              width: "100px"
             },
             children: /* @__PURE__ */ jsx2(
               Typography,
@@ -1549,7 +1614,8 @@ var ConferenceTableRow = ({ each, isMergeCall }) => {
                 variant: "body2",
                 sx: {
                   px: 1,
-                  borderRadius: "10px"
+                  borderRadius: "10px",
+                  flex: 1
                 },
                 children: (_e = each == null ? void 0 : each.status) != null ? _e : ""
               }
@@ -1560,25 +1626,8 @@ var ConferenceTableRow = ({ each, isMergeCall }) => {
           TableCell,
           {
             sx: {
-              padding: "6px"
-            },
-            children: /* @__PURE__ */ jsx2(
-              Button,
-              {
-                sx: {
-                  textTransform: "capitalize"
-                },
-                size: "small",
-                children: /* @__PURE__ */ jsx2(Typography, { variant: "body2", children: (each == null ? void 0 : each.line) === 1 ? "Internal" : "External" })
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx2(
-          TableCell,
-          {
-            sx: {
-              padding: "6px"
+              padding: "6px",
+              flex: 1
             },
             children: /* @__PURE__ */ jsx2(
               TextField,
@@ -1587,7 +1636,7 @@ var ConferenceTableRow = ({ each, isMergeCall }) => {
                 placeholder: "Phone Number",
                 fullWidth: true,
                 value: (each == null ? void 0 : each.phone) || "",
-                disabled: (each == null ? void 0 : each.line) === 1 || (each == null ? void 0 : each.status) === "ONCALL" || (each == null ? void 0 : each.status) === "DISCONNECTED" || (each == null ? void 0 : each.status) === "CONFERENCE" || (each == null ? void 0 : each.status) === "HOLD" || (each == null ? void 0 : each.status) === "MUTE",
+                disabled: (each == null ? void 0 : each.line) === 1 || (each == null ? void 0 : each.status) === "ONCALL" || (each == null ? void 0 : each.status) === "DISCONNECTED" || (each == null ? void 0 : each.status) === "CONFERENCE" || (each == null ? void 0 : each.status) === "HOLD" || (each == null ? void 0 : each.status) === "MUTE" || (each == null ? void 0 : each.status) === "DIALING" || (each == null ? void 0 : each.status) === "RINGING",
                 onChange: (e) => {
                   onConferenceLineUpdate(each, { phone: e.target.value });
                 }
@@ -1599,17 +1648,100 @@ var ConferenceTableRow = ({ each, isMergeCall }) => {
           TableCell,
           {
             sx: {
-              padding: "6px"
+              padding: "6px",
+              // width: "200px",
+              flex: 1
             },
             children: /* @__PURE__ */ jsxs2(
               Box,
               {
                 sx: {
+                  width: "100%",
                   display: "flex",
                   alignItems: "center",
-                  justifyContent: "space-around"
+                  justifyContent: "flex-start",
+                  gap: "10px"
                 },
                 children: [
+                  (each == null ? void 0 : each.line) === 1 && /* @__PURE__ */ jsx2(Tooltip, { title: ((_f = state.callData) == null ? void 0 : _f.hold) === 1 ? "Resume" : "Hold", children: /* @__PURE__ */ jsx2(
+                    Button,
+                    {
+                      variant: ((_g = state.callData) == null ? void 0 : _g.hold) === 1 && ((_i = (_h = state.callData) == null ? void 0 : _h.status) == null ? void 0 : _i.toUpperCase()) === "ONCALL" ? "contained" : "outlined",
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        handleHoldToggle();
+                      },
+                      sx: ((_j = state.callData) == null ? void 0 : _j.hold) === 1 && ((_l = (_k = state.callData) == null ? void 0 : _k.status) == null ? void 0 : _l.toUpperCase()) === "ONCALL" ? __spreadValues({}, enabled) : ((_n = (_m = state.callData) == null ? void 0 : _m.status) == null ? void 0 : _n.toUpperCase()) === "ONCALL" ? __spreadValues({}, outlined) : __spreadValues({}, disabled),
+                      disabled: ((_p = (_o = state.callData) == null ? void 0 : _o.status) == null ? void 0 : _p.toUpperCase()) !== "ONCALL" && ((_q = state.callData) == null ? void 0 : _q.hold) !== 1 || holdOrUnHoldLoading,
+                      children: ((_r = state.callData) == null ? void 0 : _r.hold) === 1 ? /* @__PURE__ */ jsxs2(
+                        Box,
+                        {
+                          sx: {
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            gap: "5px",
+                            width: "98px"
+                          },
+                          children: [
+                            /* @__PURE__ */ jsx2(
+                              Typography,
+                              {
+                                variant: "body2",
+                                sx: {
+                                  fontSize: "12px",
+                                  color: ((_s = state.callData) == null ? void 0 : _s.hold) === 1 ? "#fff" : "initial"
+                                },
+                                children: "Unhold"
+                              }
+                            ),
+                            holdOrUnHoldLoading ? /* @__PURE__ */ jsx2(
+                              CircularProgress,
+                              {
+                                size: "16px",
+                                sx: {
+                                  color: theme.palette.primary.main
+                                }
+                              }
+                            ) : /* @__PURE__ */ jsx2(PlayArrow, {})
+                          ]
+                        }
+                      ) : /* @__PURE__ */ jsxs2(
+                        Box,
+                        {
+                          sx: {
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            gap: "5px",
+                            width: "98px"
+                          },
+                          children: [
+                            /* @__PURE__ */ jsx2(
+                              Typography,
+                              {
+                                variant: "body2",
+                                sx: {
+                                  color: ((_t = state.callData) == null ? void 0 : _t.hold) === 1 ? "#fff" : "#000",
+                                  fontSize: "12px"
+                                },
+                                children: "Hold"
+                              }
+                            ),
+                            holdOrUnHoldLoading ? /* @__PURE__ */ jsx2(
+                              CircularProgress,
+                              {
+                                size: "16px",
+                                sx: {
+                                  color: theme.palette.primary.main
+                                }
+                              }
+                            ) : /* @__PURE__ */ jsx2(Pause, {})
+                          ]
+                        }
+                      )
+                    }
+                  ) }),
                   (each == null ? void 0 : each.line) !== 1 && /* @__PURE__ */ jsx2(Tooltip, { title: "Call", children: /* @__PURE__ */ jsx2(
                     Button,
                     {
@@ -1647,31 +1779,25 @@ var ConferenceTableRow = ({ each, isMergeCall }) => {
                       )
                     }
                   ) }),
-                  (each == null ? void 0 : each.line) === 1 && /* @__PURE__ */ jsx2(Tooltip, { title: "Merge Call", children: /* @__PURE__ */ jsxs2(
+                  (each == null ? void 0 : each.line) !== 1 && /* @__PURE__ */ jsx2(Tooltip, { title: "Merge Call", children: /* @__PURE__ */ jsx2(
                     Button,
                     {
-                      variant: isMergeCall ? "contained" : "outlined",
-                      sx: isMergeCall ? __spreadProps(__spreadValues({}, enabled), { padding: "0px 16px" }) : __spreadProps(__spreadValues({}, disabled), { padding: "0px 16px" }),
+                      variant: (each == null ? void 0 : each.status) === "ONCALL" ? "contained" : "outlined",
+                      sx: (each == null ? void 0 : each.status) === "ONCALL" ? __spreadValues({}, enabled) : __spreadValues({}, disabled),
                       onClick: () => {
                         onMergeConferenceCall(each, {
                           isMergeCall: true
                         });
                       },
-                      disabled: !isMergeCall || conferenceCallMerge,
-                      children: [
-                        (each == null ? void 0 : each.isMergeCall) ? "Merged" : "Merge",
-                        conferenceCallMerge ? /* @__PURE__ */ jsx2(CircularProgress, { size: "20px" }) : /* @__PURE__ */ jsx2(CallSplit, {})
-                      ]
+                      disabled: (each == null ? void 0 : each.status) !== "ONCALL",
+                      children: conferenceCallMerge ? /* @__PURE__ */ jsx2(CircularProgress, { size: "20px" }) : /* @__PURE__ */ jsx2(CallSplit, {})
                     }
                   ) }),
-                  /* @__PURE__ */ jsx2(Tooltip, { title: (each == null ? void 0 : each.status) !== "HOLD" ? "Hold" : "Un Hold", children: /* @__PURE__ */ jsx2(
+                  (each == null ? void 0 : each.line) !== 1 && /* @__PURE__ */ jsx2(Tooltip, { title: (each == null ? void 0 : each.status) !== "HOLD" ? "Hold" : "Un Hold", children: /* @__PURE__ */ jsx2(
                     Button,
                     {
                       variant: (each == null ? void 0 : each.status) === "HOLD" ? "contained" : "outlined",
-                      sx: (each == null ? void 0 : each.status) === "DISCONNECTED" || (each == null ? void 0 : each.status) === "ONCALL" || (each == null ? void 0 : each.status) === "CONFERENCE" || (each == null ? void 0 : each.status) === "DIALING" || (each == null ? void 0 : each.status) === "RINGING" ? __spreadValues({}, disabled) : (each == null ? void 0 : each.status) === "ONCALL" || (each == null ? void 0 : each.status) === "CONFERENCE" ? (
-                        // each.status === "IDLE"
-                        __spreadValues({}, outlined)
-                      ) : __spreadValues({}, disabled),
+                      sx: (each == null ? void 0 : each.status) === "CONFERENCE" ? __spreadValues({}, outlined) : __spreadValues({}, disabled),
                       onClick: () => {
                         if (each.status === "HOLD") {
                           onHoldOrUnHoldConferenceCall(each, { isHold: false }, "UNHOLDUSER");
@@ -1679,7 +1805,11 @@ var ConferenceTableRow = ({ each, isMergeCall }) => {
                           onHoldOrUnHoldConferenceCall(each, { isHold: true }, "HOLDUSER");
                         }
                       },
-                      disabled: (each == null ? void 0 : each.status) === "DISCONNECTED" || (each == null ? void 0 : each.status) === "IDLE" || (each == null ? void 0 : each.status) === "ONCALL" || (each == null ? void 0 : each.status) === "DIALING" || (each == null ? void 0 : each.status) === "RINGING" || conferenceCallHoldOrUnHold,
+                      disabled: (each == null ? void 0 : each.status) !== "CONFERENCE" && (each == null ? void 0 : each.status) !== "HOLD" || // each?.status === "IDLE" ||
+                      // each?.status === "ONCALL" ||
+                      // each?.status === "DIALING" ||
+                      // each?.status === "RINGING" ||
+                      conferenceCallHoldOrUnHold,
                       children: conferenceCallHoldOrUnHold ? /* @__PURE__ */ jsx2(
                         CircularProgress,
                         {
@@ -1691,31 +1821,7 @@ var ConferenceTableRow = ({ each, isMergeCall }) => {
                       ) : each.status === "HOLD" ? /* @__PURE__ */ jsx2(PlayArrow, {}) : /* @__PURE__ */ jsx2(Pause, {})
                     }
                   ) }),
-                  /* @__PURE__ */ jsx2(Tooltip, { title: each.status !== "MUTE" ? "Mute" : "Un Mute", children: /* @__PURE__ */ jsx2(
-                    Button,
-                    {
-                      variant: each.status === "MUTE" ? "contained" : "outlined",
-                      sx: each.status === "DISCONNECTED" || (each == null ? void 0 : each.status) === "ONCALL" || (each == null ? void 0 : each.status) === "CONFERENCE" || (each == null ? void 0 : each.status) === "DIALING" || (each == null ? void 0 : each.status) === "RINGING" ? __spreadValues({}, disabled) : (each == null ? void 0 : each.status) === "ONCALL" || (each == null ? void 0 : each.status) === "CONFERENCE" ? __spreadValues({}, outlined) : __spreadValues({}, disabled),
-                      onClick: () => {
-                        if (each.status === "MUTE") {
-                          onMuteOrUnMuteConferenceCall(each, { isMute: false }, "PLAYUSER");
-                        } else {
-                          onMuteOrUnMuteConferenceCall(each, { isMute: true }, "MUTEUSER");
-                        }
-                      },
-                      disabled: (each == null ? void 0 : each.status) === "DISCONNECTED" || (each == null ? void 0 : each.status) === "IDLE" || (each == null ? void 0 : each.status) === "HOLD" || (each == null ? void 0 : each.status) === "ONCALL" || (each == null ? void 0 : each.status) === "DIALING" || (each == null ? void 0 : each.status) === "RINGING" || conferenceCallMuteOrUnMute,
-                      children: conferenceCallMuteOrUnMute ? /* @__PURE__ */ jsx2(
-                        CircularProgress,
-                        {
-                          size: "20px",
-                          sx: {
-                            color: theme.palette.primary.main
-                          }
-                        }
-                      ) : each.status === "MUTE" ? /* @__PURE__ */ jsx2(MicOff, {}) : /* @__PURE__ */ jsx2(Mic, {})
-                    }
-                  ) }),
-                  (each == null ? void 0 : each.line) !== 1 ? /* @__PURE__ */ jsx2(Tooltip, { title: "End Call", children: /* @__PURE__ */ jsx2(
+                  (each == null ? void 0 : each.line) !== 1 && /* @__PURE__ */ jsx2(Tooltip, { title: "End Call", children: /* @__PURE__ */ jsx2(
                     Button,
                     {
                       variant: (each == null ? void 0 : each.status) !== "IDLE" && (each == null ? void 0 : each.status) !== "DISCONNECTED" ? "contained" : "outlined",
@@ -1749,32 +1855,7 @@ var ConferenceTableRow = ({ each, isMergeCall }) => {
                         }
                       ) : /* @__PURE__ */ jsx2(CallEnd, {})
                     }
-                  ) }) : /* @__PURE__ */ jsx2(
-                    Button,
-                    {
-                      variant: (each == null ? void 0 : each.status) !== "IDLE" || (each == null ? void 0 : each.status) !== "DISCONNECTED" ? "contained" : "outlined",
-                      color: "error",
-                      sx: {
-                        display: "none"
-                      },
-                      onClick: () => {
-                        onEndConferenceCall(each, {
-                          isCallStart: false,
-                          isMergeCall: false,
-                          isMute: false,
-                          isHold: false
-                        });
-                      },
-                      disabled: (each == null ? void 0 : each.status) === "IDLE" || (each == null ? void 0 : each.status) === "DISCONNECTED" || conferenceCallEnd,
-                      children: conferenceCallEnd ? /* @__PURE__ */ jsx2(
-                        CircularProgress,
-                        {
-                          size: "20px",
-                          color: "error"
-                        }
-                      ) : /* @__PURE__ */ jsx2(CallEnd, {})
-                    }
-                  )
+                  ) })
                 ]
               }
             )
@@ -1815,22 +1896,12 @@ function ConferenceDialog() {
       setConferenceCallEndAll(false);
     });
   };
-  const isMergeCall = useMemo(() => {
-    var _a3;
-    return (_a3 = state == null ? void 0 : state.conferenceLine) == null ? void 0 : _a3.some((each) => {
-      if ((each == null ? void 0 : each.line) !== 1) {
-        return (each == null ? void 0 : each.status) === "ONCALL";
-      }
-      return false;
-    });
-  }, [state == null ? void 0 : state.conferenceLine]);
   return /* @__PURE__ */ jsx2(Fragment, { children: /* @__PURE__ */ jsx2(
     Dialog,
     {
       open: state.openConferenceDialog,
       "aria-labelledby": "alert-dialog-title",
       "aria-describedby": "alert-dialog-description",
-      fullWidth: true,
       maxWidth: "md",
       children: /* @__PURE__ */ jsxs2(Paper, { sx: { borderRadius: 2 }, children: [
         /* @__PURE__ */ jsxs2(
@@ -1899,15 +1970,6 @@ function ConferenceDialog() {
                                 children: "Status"
                               }
                             ),
-                            /* @__PURE__ */ jsx2(
-                              TableCell,
-                              {
-                                sx: {
-                                  padding: "6px"
-                                },
-                                children: "Call Type"
-                              }
-                            ),
                             /* @__PURE__ */ jsx2(
                               TableCell,
                               {
@@ -1929,13 +1991,7 @@ function ConferenceDialog() {
                           ]
                         }
                       ) }),
-                      /* @__PURE__ */ jsx2(TableBody, { children: state == null ? void 0 : state.conferenceLine.map((each) => /* @__PURE__ */ jsx2(
-                        ConferenceTableRow,
-                        {
-                          each,
-                          isMergeCall
-                        }
-                      )) })
+                      /* @__PURE__ */ jsx2(TableBody, { children: state == null ? void 0 : state.conferenceLine.map((each) => /* @__PURE__ */ jsx2(ConferenceTableRow, { each })) })
                     ]
                   }
                 )
@@ -2841,19 +2897,19 @@ var getCombineConfrenceData = (localState, apiData) => {
   const localConfrenceData = localState == null ? void 0 : localState.conferenceLine;
   const apiConferenceData = apiData == null ? void 0 : apiData.conferencestatus;
   const updatedConferenceData = localConfrenceData.map((item) => {
-    var _a2, _b, _c, _d;
+    var _a2, _b, _c, _d, _e;
     if ((item == null ? void 0 : item.line) === 1) {
       const statusKey = `line_${item.line}_status`;
       return __spreadProps(__spreadValues({}, item), {
         line: 1,
-        status: (_a2 = apiConferenceData[statusKey]) != null ? _a2 : item == null ? void 0 : item.status,
-        phone: (_c = (_b = localState == null ? void 0 : localState.callData) == null ? void 0 : _b.phone_number) != null ? _c : ""
+        status: (_b = apiConferenceData[statusKey]) != null ? _b : (_a2 = localState == null ? void 0 : localState.callData) == null ? void 0 : _a2.status,
+        phone: (_d = (_c = localState == null ? void 0 : localState.callData) == null ? void 0 : _c.phone_number) != null ? _d : ""
       });
     } else {
       const statusKey = `line_${item.line}_status`;
       const phoneKey = `line_${item.line}_phonenumber`;
       return __spreadProps(__spreadValues({}, item), {
-        status: (_d = apiConferenceData[statusKey]) != null ? _d : item.status,
+        status: (_e = apiConferenceData[statusKey]) != null ? _e : item.status,
         phone: apiConferenceData[phoneKey] === null || apiConferenceData[phoneKey] === "0" ? item.phone : apiConferenceData[phoneKey]
       });
     }
@@ -2866,7 +2922,7 @@ var formatDuration = (seconds) => {
   return `${mins.toString().padStart(2, "0")}:${secs.toString().padStart(2, "0")}`;
 };
 function CallControls({ onDataChange }) {
-  var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca, _da, _ea, _fa, _ga, _ha, _ia, _ja, _ka, _la, _ma, _na, _oa, _pa, _qa, _ra, _sa, _ta, _ua, _va, _wa, _xa, _ya, _za, _Aa;
+  var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca, _da, _ea, _fa, _ga, _ha, _ia, _ja, _ka, _la, _ma, _na, _oa, _pa, _qa, _ra, _sa, _ta, _ua, _va, _wa, _xa, _ya, _za, _Aa, _Ba, _Ca, _Da, _Ea, _Fa, _Ga, _Ha, _Ia, _Ja, _Ka, _La, _Ma;
   const theme = useTheme3();
   const state = useSDKState();
   const { showToast } = useToast();
@@ -2931,7 +2987,11 @@ function CallControls({ onDataChange }) {
   });
   const [readyAgentStatus, { isLoading: agentReadyLoading }] = usePostRequest();
   const [updateAgentStatus, { isLoading }] = usePostRequest();
-  const [endCall, { isLoading: endCallLoading }] = usePostRequest();
+  const [endCall, { isLoading: endCallLoading }] = usePostRequest({
+    onSuccess: () => {
+      sdkStateManager.resetConferenceLines();
+    }
+  });
   const handleCloseQueueCounts = () => {
     setAnchorEl(null);
   };
@@ -2983,15 +3043,17 @@ function CallControls({ onDataChange }) {
     }
   };
   const handleHoldToggle = () => {
+    var _a3;
     const payload = {
-      action: state.isHolding ? "UNHOLD" : "HOLD",
+      action: ((_a3 = state.callData) == null ? void 0 : _a3.hold) === 1 ? "UNHOLD" : "HOLD",
       userId: state.agentId
     };
     holdOrUnHold(END_POINT.HOLD_CALL, payload);
   };
   const handleMuteToggle = () => {
+    var _a3;
     const payload = {
-      action: state.isMuted ? "UNMUTE" : "MUTE",
+      action: ((_a3 = state.callData) == null ? void 0 : _a3.mute) === 1 ? "UNMUTE" : "MUTE",
       userId: state.agentId
     };
     muteOrUnMute(END_POINT.MUTE_CALL, payload);
@@ -3397,16 +3459,16 @@ function CallControls({ onDataChange }) {
                             children: /* @__PURE__ */ jsx3(SupportAgent2, {})
                           }
                         ) }),
-                        /* @__PURE__ */ jsx3(Tooltip2, { title: state.isHolding ? "Resume" : "Hold", children: /* @__PURE__ */ jsx3(
+                        /* @__PURE__ */ jsx3(Tooltip2, { title: ((_I = state.callData) == null ? void 0 : _I.hold) === 1 ? "Resume" : "Hold", children: /* @__PURE__ */ jsx3(
                           Button2,
                           {
-                            variant: state.isHolding && ((_J = (_I = state.callData) == null ? void 0 : _I.status) == null ? void 0 : _J.toUpperCase()) === "ONCALL" ? "contained" : "outlined",
+                            variant: ((_J = state.callData) == null ? void 0 : _J.hold) === 1 && ((_L = (_K = state.callData) == null ? void 0 : _K.status) == null ? void 0 : _L.toUpperCase()) === "ONCALL" ? "contained" : "outlined",
                             onClick: (e) => {
                               e.stopPropagation();
                               handleHoldToggle();
                             },
-                            sx: state.isHolding && ((_L = (_K = state.callData) == null ? void 0 : _K.status) == null ? void 0 : _L.toUpperCase()) === "ONCALL" ? __spreadValues({}, enabled) : ((_N = (_M = state.callData) == null ? void 0 : _M.status) == null ? void 0 : _N.toUpperCase()) === "ONCALL" ? __spreadValues({}, outlined) : __spreadValues({}, disabled),
-                            disabled: ((_P = (_O = state.callData) == null ? void 0 : _O.status) == null ? void 0 : _P.toUpperCase()) !== "ONCALL" && !state.isHolding || holdOrUnHoldLoading,
+                            sx: ((_M = state.callData) == null ? void 0 : _M.hold) === 1 && ((_O = (_N = state.callData) == null ? void 0 : _N.status) == null ? void 0 : _O.toUpperCase()) === "ONCALL" ? __spreadValues({}, enabled) : ((_Q = (_P = state.callData) == null ? void 0 : _P.status) == null ? void 0 : _Q.toUpperCase()) === "ONCALL" ? __spreadValues({}, outlined) : __spreadValues({}, disabled),
+                            disabled: ((_S = (_R = state.callData) == null ? void 0 : _R.status) == null ? void 0 : _S.toUpperCase()) !== "ONCALL" && ((_T = state.callData) == null ? void 0 : _T.hold) !== 1 || holdOrUnHoldLoading,
                             children: holdOrUnHoldLoading ? /* @__PURE__ */ jsx3(
                               CircularProgress2,
                               {
@@ -3415,19 +3477,19 @@ function CallControls({ onDataChange }) {
                                   color: theme.palette.primary.main
                                 }
                               }
-                            ) : state.isHolding ? /* @__PURE__ */ jsx3(PlayArrow2, {}) : /* @__PURE__ */ jsx3(Pause2, {})
+                            ) : ((_U = state.callData) == null ? void 0 : _U.hold) === 1 ? /* @__PURE__ */ jsx3(PlayArrow2, {}) : /* @__PURE__ */ jsx3(Pause2, {})
                           }
                         ) }),
-                        /* @__PURE__ */ jsx3(Tooltip2, { title: state.isMuted ? "Unmute" : "Mute", children: /* @__PURE__ */ jsx3(
+                        /* @__PURE__ */ jsx3(Tooltip2, { title: ((_V = state.callData) == null ? void 0 : _V.mute) === 1 ? "Unmute" : "Mute", children: /* @__PURE__ */ jsx3(
                           Button2,
                           {
-                            variant: state.isHolding ? "outlined" : state.isMuted && ((_R = (_Q = state.callData) == null ? void 0 : _Q.status) == null ? void 0 : _R.toUpperCase()) === "ONCALL" ? "contained" : "outlined",
+                            variant: state.isHolding ? "outlined" : ((_W = state.callData) == null ? void 0 : _W.mute) === 1 && ((_Y = (_X = state.callData) == null ? void 0 : _X.status) == null ? void 0 : _Y.toUpperCase()) === "ONCALL" ? "contained" : "outlined",
                             onClick: (e) => {
                               e.stopPropagation();
                               handleMuteToggle();
                             },
-                            sx: state.isHolding ? __spreadValues({}, disabled) : state.isMuted && ((_T = (_S = state.callData) == null ? void 0 : _S.status) == null ? void 0 : _T.toUpperCase()) === "ONCALL" ? __spreadValues({}, enabled) : ((_V = (_U = state.callData) == null ? void 0 : _U.status) == null ? void 0 : _V.toUpperCase()) === "ONCALL" ? __spreadValues({}, outlined) : __spreadValues({}, disabled),
-                            disabled: ((_X = (_W = state.callData) == null ? void 0 : _W.status) == null ? void 0 : _X.toUpperCase()) !== "ONCALL" && !state.isMuted || muteOrUnMuteLoading || state.isHolding,
+                            sx: ((_Z = state.callData) == null ? void 0 : _Z.hold) === 1 ? __spreadValues({}, disabled) : ((__ = state.callData) == null ? void 0 : __.mute) === 1 && ((_aa = (_$ = state.callData) == null ? void 0 : _$.status) == null ? void 0 : _aa.toUpperCase()) === "ONCALL" ? __spreadValues({}, enabled) : ((_ca = (_ba = state.callData) == null ? void 0 : _ba.status) == null ? void 0 : _ca.toUpperCase()) === "ONCALL" ? __spreadValues({}, outlined) : __spreadValues({}, disabled),
+                            disabled: ((_ea = (_da = state.callData) == null ? void 0 : _da.status) == null ? void 0 : _ea.toUpperCase()) !== "ONCALL" && ((_fa = state.callData) == null ? void 0 : _fa.mute) !== 1 || muteOrUnMuteLoading || ((_ga = state.callData) == null ? void 0 : _ga.hold) === 1,
                             children: muteOrUnMuteLoading ? /* @__PURE__ */ jsx3(
                               CircularProgress2,
                               {
@@ -3436,10 +3498,10 @@ function CallControls({ onDataChange }) {
                                   color: theme.palette.primary.main
                                 }
                               }
-                            ) : state.isMuted ? /* @__PURE__ */ jsx3(MicOff2, {}) : /* @__PURE__ */ jsx3(Mic2, {})
+                            ) : ((_ha = state.callData) == null ? void 0 : _ha.mute) === 1 ? /* @__PURE__ */ jsx3(MicOff2, {}) : /* @__PURE__ */ jsx3(Mic2, {})
                           }
                         ) }),
-                        !((_Y = state.sdkConfig) == null ? void 0 : _Y.disableCallTransferButton) && /* @__PURE__ */ jsx3(Tooltip2, { title: "Transfer Call", children: /* @__PURE__ */ jsx3(
+                        !((_ia = state.sdkConfig) == null ? void 0 : _ia.disableCallTransferButton) && /* @__PURE__ */ jsx3(Tooltip2, { title: "Transfer Call", children: /* @__PURE__ */ jsx3(
                           Button2,
                           {
                             variant: state.openCallTransferDialog ? "contained" : "outlined",
@@ -3450,12 +3512,12 @@ function CallControls({ onDataChange }) {
                                 sdkStateManager.setOpenCallTransferDialog(true);
                               }
                             },
-                            sx: state.openCallTransferDialog ? __spreadValues({}, enabled) : ((__ = (_Z = state.callData) == null ? void 0 : _Z.status) == null ? void 0 : __.toUpperCase()) === "ONCALL" ? __spreadValues({}, outlined) : __spreadValues({}, disabled),
-                            disabled: ((_aa = (_$ = state.callData) == null ? void 0 : _$.status) == null ? void 0 : _aa.toUpperCase()) !== "ONCALL",
+                            sx: state.openCallTransferDialog ? __spreadValues({}, enabled) : ((_ka = (_ja = state.callData) == null ? void 0 : _ja.status) == null ? void 0 : _ka.toUpperCase()) === "ONCALL" ? __spreadValues({}, outlined) : __spreadValues({}, disabled),
+                            disabled: ((_ma = (_la = state.callData) == null ? void 0 : _la.status) == null ? void 0 : _ma.toUpperCase()) !== "ONCALL",
                             children: /* @__PURE__ */ jsx3(TransferWithinAStation, {})
                           }
                         ) }),
-                        !((_ba = state.sdkConfig) == null ? void 0 : _ba.disableConferenceButton) && /* @__PURE__ */ jsx3(Tooltip2, { title: "Conference Call", children: /* @__PURE__ */ jsx3(
+                        !((_na = state.sdkConfig) == null ? void 0 : _na.disableConferenceButton) && /* @__PURE__ */ jsx3(Tooltip2, { title: "Conference Call", children: /* @__PURE__ */ jsx3(
                           Button2,
                           {
                             variant: state.openConferenceDialog ? "contained" : "outlined",
@@ -3466,15 +3528,15 @@ function CallControls({ onDataChange }) {
                                 sdkStateManager.setOpenConferenceDialog(true);
                               }
                             },
-                            sx: state.openConferenceDialog ? __spreadValues({}, enabled) : ((_da = (_ca = state.callData) == null ? void 0 : _ca.status) == null ? void 0 : _da.toUpperCase()) === "ONCALL" ? __spreadValues({}, outlined) : __spreadValues({}, disabled),
-                            disabled: ((_fa = (_ea = state.callData) == null ? void 0 : _ea.status) == null ? void 0 : _fa.toUpperCase()) !== "ONCALL",
+                            sx: state.openConferenceDialog ? __spreadValues({}, enabled) : ((_pa = (_oa = state.callData) == null ? void 0 : _oa.status) == null ? void 0 : _pa.toUpperCase()) === "ONCALL" ? __spreadValues({}, outlined) : __spreadValues({}, disabled),
+                            disabled: ((_ra = (_qa = state.callData) == null ? void 0 : _qa.status) == null ? void 0 : _ra.toUpperCase()) !== "ONCALL",
                             children: /* @__PURE__ */ jsx3(Group, {})
                           }
                         ) }),
-                        !((_ga = state.sdkConfig) == null ? void 0 : _ga.disableEndCallButton) && /* @__PURE__ */ jsx3(Tooltip2, { title: "End Call", children: /* @__PURE__ */ jsx3(
+                        !((_sa = state.sdkConfig) == null ? void 0 : _sa.disableEndCallButton) && /* @__PURE__ */ jsx3(Tooltip2, { title: "End Call", children: /* @__PURE__ */ jsx3(
                           Button2,
                           {
-                            variant: ((_ia = (_ha = state.callData) == null ? void 0 : _ha.status) == null ? void 0 : _ia.toUpperCase()) === "ONCALL" || ((_ka = (_ja = state.callData) == null ? void 0 : _ja.status) == null ? void 0 : _ka.toUpperCase()) === "RINGING" || ((_ma = (_la = state.callData) == null ? void 0 : _la.status) == null ? void 0 : _ma.toUpperCase()) === "WRAPUP" ? "contained" : "outlined",
+                            variant: ((_ua = (_ta = state.callData) == null ? void 0 : _ta.status) == null ? void 0 : _ua.toUpperCase()) === "ONCALL" || ((_wa = (_va = state.callData) == null ? void 0 : _va.status) == null ? void 0 : _wa.toUpperCase()) === "RINGING" || ((_ya = (_xa = state.callData) == null ? void 0 : _xa.status) == null ? void 0 : _ya.toUpperCase()) === "WRAPUP" ? "contained" : "outlined",
                             onClick: (e) => {
                               var _a3, _b2, _c2, _d2, _e2, _f2;
                               if (((_b2 = (_a3 = state.callData) == null ? void 0 : _a3.status) == null ? void 0 : _b2.toUpperCase()) === "ONCALL" || ((_d2 = (_c2 = state.callData) == null ? void 0 : _c2.status) == null ? void 0 : _d2.toUpperCase()) === "RINGING" || ((_f2 = (_e2 = state.callData) == null ? void 0 : _e2.status) == null ? void 0 : _f2.toUpperCase()) === "WRAPUP") {
@@ -3482,7 +3544,7 @@ function CallControls({ onDataChange }) {
                                 setOpenCallDisposition(true);
                               }
                             },
-                            sx: ((_oa = (_na = state.callData) == null ? void 0 : _na.status) == null ? void 0 : _oa.toUpperCase()) === "ONCALL" || ((_qa = (_pa = state.callData) == null ? void 0 : _pa.status) == null ? void 0 : _qa.toUpperCase()) === "RINGING" || ((_sa = (_ra = state.callData) == null ? void 0 : _ra.status) == null ? void 0 : _sa.toUpperCase()) === "WRAPUP" ? __spreadProps(__spreadValues({}, enabled), {
+                            sx: ((_Aa = (_za = state.callData) == null ? void 0 : _za.status) == null ? void 0 : _Aa.toUpperCase()) === "ONCALL" || ((_Ca = (_Ba = state.callData) == null ? void 0 : _Ba.status) == null ? void 0 : _Ca.toUpperCase()) === "RINGING" || ((_Ea = (_Da = state.callData) == null ? void 0 : _Da.status) == null ? void 0 : _Ea.toUpperCase()) === "WRAPUP" ? __spreadProps(__spreadValues({}, enabled), {
                               borderRight: "1px",
                               backgroundColor: "error.main",
                               minWidth: "60px !important",
@@ -3501,7 +3563,7 @@ function CallControls({ onDataChange }) {
                             }) : __spreadProps(__spreadValues({}, disabled), {
                               minWidth: "60px !important"
                             }),
-                            disabled: ((_ua = (_ta = state.callData) == null ? void 0 : _ta.status) == null ? void 0 : _ua.toUpperCase()) !== "ONCALL" && ((_wa = (_va = state.callData) == null ? void 0 : _va.status) == null ? void 0 : _wa.toUpperCase()) !== "RINGING" && ((_ya = (_xa = state.callData) == null ? void 0 : _xa.status) == null ? void 0 : _ya.toUpperCase()) !== "WRAPUP" || endCallLoading,
+                            disabled: ((_Ga = (_Fa = state.callData) == null ? void 0 : _Fa.status) == null ? void 0 : _Ga.toUpperCase()) !== "ONCALL" && ((_Ia = (_Ha = state.callData) == null ? void 0 : _Ha.status) == null ? void 0 : _Ia.toUpperCase()) !== "RINGING" && ((_Ka = (_Ja = state.callData) == null ? void 0 : _Ja.status) == null ? void 0 : _Ka.toUpperCase()) !== "WRAPUP" || endCallLoading,
                             children: endCallLoading ? /* @__PURE__ */ jsx3(
                               CircularProgress2,
                               {
@@ -3541,7 +3603,7 @@ function CallControls({ onDataChange }) {
               transition: theme.transitions.create(["box-shadow", "transform"], {
                 duration: theme.transitions.duration.short
               }),
-              visibility: showIframe && !((_za = state.sdkConfig) == null ? void 0 : _za.disableSoftPhone) ? "visible" : "hidden",
+              visibility: showIframe && !((_La = state.sdkConfig) == null ? void 0 : _La.disableSoftPhone) ? "visible" : "hidden",
               userSelect: "none"
             },
             children: [
@@ -3575,7 +3637,7 @@ function CallControls({ onDataChange }) {
               /* @__PURE__ */ jsx3(Box2, { children: /* @__PURE__ */ jsx3(
                 "iframe",
                 {
-                  src: `https://${IP}/ConVoxCCS/iframe?agent_id=${state.agentId}&process_id=${(_Aa = state.process) == null ? void 0 : _Aa.process_id}`,
+                  src: `https://${IP}/ConVoxCCS/iframe?agent_id=${state.agentId}&process_id=${(_Ma = state.process) == null ? void 0 : _Ma.process_id}`,
                   height: 380,
                   width: 420,
                   allow: "camera; microphone; autoplay",