call-control-sdk 6.5.5-uat.3 → 6.5.5-uat.5

package/dist/index.mjs

@@ -1162,7 +1162,7 @@ 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 }) => {
+var ConferenceTableRow = ({ each, isLineDialing }) => {
   var _a2, _b, _c, _d, _e, _f;
   const state = useSDKState();
   const theme = useTheme2();
@@ -1352,7 +1352,7 @@ var ConferenceTableRow = ({ each }) => {
                 placeholder: "Phone Number",
                 fullWidth: true,
                 value: (each == null ? void 0 : each.phone) || "",
-                disabled: (each == null ? void 0 : each.line) === 1 || ["ONCALL" /* ONCALL */, "DISCONNECTED" /* DISCONNECTED */, "CONFERENCE" /* CONFERENCE */, "HOLD" /* HOLD */, "MUTE" /* MUTE */, "DIALING" /* DIALING */, "RINGING" /* RINGING */].includes((_f = each == null ? void 0 : each.status) != null ? _f : ""),
+                disabled: (each == null ? void 0 : each.line) === 1 || ["ONCALL" /* ONCALL */, "DISCONNECTED" /* DISCONNECTED */, "CONFERENCE" /* CONFERENCE */, "HOLD" /* HOLD */, "MUTE" /* MUTE */, "DIALING" /* DIALING */, "RINGING" /* RINGING */].includes((_f = each == null ? void 0 : each.status) != null ? _f : "") || isLineDialing,
                 onChange: (e) => {
                   onConferenceLineUpdate(each, { phone: e.target.value });
                 }
@@ -1480,7 +1480,7 @@ var ConferenceTableRow = ({ each }) => {
                       onClick: () => {
                         onConferenceCallStart(each, {});
                       },
-                      disabled: (each == null ? void 0 : each.status) !== "IDLE" /* IDLE */,
+                      disabled: (each == null ? void 0 : each.status) !== "IDLE" /* IDLE */ || isLineDialing,
                       children: conferenceCallStart ? /* @__PURE__ */ jsx2(
                         CircularProgress,
                         {
@@ -1581,7 +1581,7 @@ var ConferenceTableRow = ({ each }) => {
   );
 };
 function ConferenceDialog() {
-  var _a2;
+  var _a2, _b;
   const state = useSDKState();
   const { showToast } = useToast();
   const [conferenceCallEndAll, setConferenceCallEndAll] = useState8(false);
@@ -1589,12 +1589,12 @@ function ConferenceDialog() {
     sdkStateManager.setOpenConferenceDialog(false);
   };
   const onEndAllConferenceCalls = () => {
-    var _a3, _b, _c, _d;
+    var _a3, _b2, _c, _d;
     setConferenceCallEndAll(true);
     const payload = {
       action: "EXTERNAL_CONFERENCE",
       operation: "ENDCONFERENCE",
-      userid: (_b = (_a3 = state.callData) == null ? void 0 : _a3.agent_id) != null ? _b : "",
+      userid: (_b2 = (_a3 = state.callData) == null ? void 0 : _a3.agent_id) != null ? _b2 : "",
       process: (_d = (_c = state.callData) == null ? void 0 : _c.process_name) != null ? _d : ""
     };
     axios_default.post(END_POINT.CONFERENCE_CALL_END_ALL, payload).then((res) => {
@@ -1603,13 +1603,15 @@ function ConferenceDialog() {
       sdkStateManager.resetConferenceLines();
       handleClose();
     }).catch((err) => {
-      var _a4, _b2, _c2, _d2;
-      const message = ((_b2 = (_a4 = err.response) == null ? void 0 : _a4.data) == null ? void 0 : _b2.detail) || ((_d2 = (_c2 = err.response) == null ? void 0 : _c2.data) == null ? void 0 : _d2.message) || err.message || "An unknown error occurred";
+      var _a4, _b3, _c2, _d2;
+      const message = ((_b3 = (_a4 = err.response) == null ? void 0 : _a4.data) == null ? void 0 : _b3.detail) || ((_d2 = (_c2 = err.response) == null ? void 0 : _c2.data) == null ? void 0 : _d2.message) || err.message || "An unknown error occurred";
       showToast(message, "error");
     }).finally(() => {
       setConferenceCallEndAll(false);
     });
   };
+  const isLineDialing = (_a2 = state == null ? void 0 : state.conferenceLine) == null ? void 0 : _a2.some((item) => (item == null ? void 0 : item.status) === "DIALING" /* DIALING */);
+  console.log("dataaaaa", state == null ? void 0 : state.conferenceLine, isLineDialing);
   return /* @__PURE__ */ jsx2(Fragment, { children: /* @__PURE__ */ jsx2(
     Dialog,
     {
@@ -1629,7 +1631,7 @@ function ConferenceDialog() {
             },
             children: [
               /* @__PURE__ */ jsxs2(Typography, { variant: "body1", children: [
-                (_a2 = state == null ? void 0 : state.agentId) != null ? _a2 : "",
+                (_b = state == null ? void 0 : state.agentId) != null ? _b : "",
                 " conference"
               ] }),
               /* @__PURE__ */ jsx2(IconButton, { onClick: handleClose, children: /* @__PURE__ */ jsx2(Close, {}) })
@@ -1705,7 +1707,7 @@ function ConferenceDialog() {
                           ]
                         }
                       ) }),
-                      /* @__PURE__ */ jsx2(TableBody, { children: state == null ? void 0 : state.conferenceLine.map((each) => /* @__PURE__ */ jsx2(ConferenceTableRow, { each })) })
+                      /* @__PURE__ */ jsx2(TableBody, { children: state == null ? void 0 : state.conferenceLine.map((each) => /* @__PURE__ */ jsx2(ConferenceTableRow, { each, isLineDialing })) })
                     ]
                   }
                 )
@@ -2898,83 +2900,6 @@ function createMicController(constraints = { audio: true }) {
   };
 }
 
-// call-control-sdk/lib/utils/audioLoader.ts
-import incomingRingtoneUrl from "./incoming-4WP3FJI4.mp3";
-var audioBlobUrl = null;
-var audioBuffer = null;
-async function loadAudioAsBlob() {
-  if (audioBlobUrl) {
-    return audioBlobUrl;
-  }
-  if (incomingRingtoneUrl.startsWith("data:") || incomingRingtoneUrl.startsWith("http://") || incomingRingtoneUrl.startsWith("https://") || incomingRingtoneUrl.startsWith("blob:")) {
-    return incomingRingtoneUrl;
-  }
-  try {
-    const response = await fetch(incomingRingtoneUrl);
-    if (!response.ok) {
-      throw new Error(`HTTP ${response.status}: ${response.statusText}`);
-    }
-    const blob = await response.blob();
-    if (blob.size === 0) {
-      throw new Error("Empty blob");
-    }
-    audioBlobUrl = URL.createObjectURL(blob);
-    return audioBlobUrl;
-  } catch (error) {
-    console.error("Could not create blob URL, using direct URL:", error);
-    return incomingRingtoneUrl;
-  }
-}
-async function createAudioElement() {
-  const audio = new Audio();
-  audio.loop = true;
-  audio.volume = 0.7;
-  audio.preload = "auto";
-  let audioUrl = "";
-  try {
-    audioUrl = await loadAudioAsBlob();
-  } catch (error) {
-    console.warn("Failed to load audio as blob, trying direct URL:", error);
-    audioUrl = incomingRingtoneUrl;
-  }
-  const tryLoadAudio = async (url) => {
-    return new Promise((resolve) => {
-      const checkCanPlay = () => {
-        const canPlay = audio.readyState >= HTMLMediaElement.HAVE_FUTURE_DATA;
-        if (canPlay) {
-          resolve(true);
-          return;
-        }
-        if (audio.error) {
-          resolve(false);
-          return;
-        }
-        setTimeout(checkCanPlay, 100);
-      };
-      audio.addEventListener("canplay", () => resolve(true), { once: true });
-      audio.addEventListener("error", () => resolve(false), { once: true });
-      audio.src = url;
-      audio.load();
-      setTimeout(() => resolve(false), 2e3);
-    });
-  };
-  let loaded = await tryLoadAudio(audioUrl);
-  if (!loaded && audioUrl !== incomingRingtoneUrl) {
-    loaded = await tryLoadAudio(incomingRingtoneUrl);
-    if (loaded) {
-      audioUrl = incomingRingtoneUrl;
-    }
-  }
-  return audio;
-}
-function cleanupAudioResources() {
-  if (audioBlobUrl) {
-    URL.revokeObjectURL(audioBlobUrl);
-    audioBlobUrl = null;
-  }
-  audioBuffer = null;
-}
-
 // call-control-sdk/lib/components/callControls.tsx
 import { getItem as getItem5 } from "@react-solutions/vault";
 import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
@@ -3018,7 +2943,6 @@ function CallControls({ onDataChange }) {
   });
   const micRef = useRef2(null);
   const webSocketRef = useRef2(null);
-  const audioRef = useRef2(null);
   const reconnectTimeoutRef = useRef2(null);
   const pingIntervalRef = useRef2(null);
   const reconnectAttemptsRef = useRef2(0);
@@ -3279,22 +3203,6 @@ function CallControls({ onDataChange }) {
       if (wrapUpinterval) clearInterval(wrapUpinterval);
     };
   }, [state.callData.status]);
-  useEffect5(() => {
-    createAudioElement().then((audio) => {
-      audioRef.current = audio;
-    }).catch((error) => {
-      console.error("Failed to load audio element:", error);
-    });
-    return () => {
-      if (audioRef.current) {
-        audioRef.current.pause();
-        audioRef.current.currentTime = 0;
-        audioRef.current.src = "";
-        audioRef.current = null;
-      }
-      cleanupAudioResources();
-    };
-  }, []);
   useEffect5(() => {
     if (onDataChange && state.callData) {
       const { process_id, process_name, status, phone_number, agent_id, convox_id } = state.callData;
@@ -3443,16 +3351,6 @@ function CallControls({ onDataChange }) {
                 isMergeCall: false
               }
             ]);
-            if ((data == null ? void 0 : data.mode) !== "manual" && audioRef.current) {
-              audioRef.current.play().catch((error) => {
-                console.error("Failed to play ringtone:", error);
-              });
-            }
-          } else {
-            if (audioRef.current) {
-              audioRef.current.pause();
-              audioRef.current.currentTime = 0;
-            }
           }
           if (data.status === "ONCALL" /* ONCALL */) {
             sdkStateManager.startCall();