call-control-sdk 6.5.5 → 6.5.6-uat.1

package/dist/index.js

@@ -64,7 +64,7 @@ module.exports = __toCommonJS(index_exports);
 var import_vault = require("@react-solutions/vault");
 
 // 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 = {
@@ -1675,7 +1675,7 @@ function ConferenceDialog() {
                     onClick: handleTransferConferenceCall,
                     disabled: conferenceLineCount <= 1 || isHold || isLineDialing || isOnCall,
                     startIcon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.TransferWithinAStation, {}),
-                    children: "Exit Conference"
+                    children: "Transfer Conference"
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
@@ -3041,6 +3041,83 @@ function createMicController(constraints = { audio: true }) {
   };
 }
 
+// call-control-sdk/lib/utils/audioLoader.ts
+var import_incoming = __toESM(require("./incoming-4WP3FJI4.mp3"));
+var audioBlobUrl = null;
+var audioBuffer = null;
+async function loadAudioAsBlob() {
+  if (audioBlobUrl) {
+    return audioBlobUrl;
+  }
+  if (import_incoming.default.startsWith("data:") || import_incoming.default.startsWith("http://") || import_incoming.default.startsWith("https://") || import_incoming.default.startsWith("blob:")) {
+    return import_incoming.default;
+  }
+  try {
+    const response = await fetch(import_incoming.default);
+    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 import_incoming.default;
+  }
+}
+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 = import_incoming.default;
+  }
+  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 !== import_incoming.default) {
+    loaded = await tryLoadAudio(import_incoming.default);
+    if (loaded) {
+      audioUrl = import_incoming.default;
+    }
+  }
+  return audio;
+}
+function cleanupAudioResources() {
+  if (audioBlobUrl) {
+    URL.revokeObjectURL(audioBlobUrl);
+    audioBlobUrl = null;
+  }
+  audioBuffer = null;
+}
+
 // call-control-sdk/lib/components/callControls.tsx
 var import_vault5 = require("@react-solutions/vault");
 var import_jsx_runtime3 = require("react/jsx-runtime");
@@ -3073,7 +3150,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;
+  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;
   const theme = (0, import_material4.useTheme)();
   const state = useSDKState();
   const { showToast } = useToast();
@@ -3084,6 +3161,7 @@ function CallControls({ onDataChange }) {
   });
   const micRef = (0, import_react11.useRef)(null);
   const webSocketRef = (0, import_react11.useRef)(null);
+  const audioRef = (0, import_react11.useRef)(null);
   const reconnectTimeoutRef = (0, import_react11.useRef)(null);
   const pingIntervalRef = (0, import_react11.useRef)(null);
   const reconnectAttemptsRef = (0, import_react11.useRef)(0);
@@ -3126,16 +3204,8 @@ function CallControls({ onDataChange }) {
       setDialerAnchorEl(null);
     }
   });
-  const [holdOrUnHold, { isLoading: holdOrUnHoldLoading }] = usePostRequest({
-    // onSuccess: () => {
-    // 	sdkStateManager.setHolding(!state.isHolding);
-    // },
-  });
-  const [muteOrUnMute, { isLoading: muteOrUnMuteLoading }] = usePostRequest({
-    // onSuccess: () => {
-    // 	sdkStateManager.setMuted(!state.isMuted);
-    // },
-  });
+  const [holdOrUnHold, { isLoading: holdOrUnHoldLoading }] = usePostRequest();
+  const [muteOrUnMute, { isLoading: muteOrUnMuteLoading }] = usePostRequest();
   const [readyAgentStatus, { isLoading: agentReadyLoading }] = usePostRequest({
     onSuccess: () => {
       sdkStateManager.setAgentStatus("");
@@ -3346,6 +3416,22 @@ function CallControls({ onDataChange }) {
       if (wrapUpinterval) clearInterval(wrapUpinterval);
     };
   }, [state.callData.status]);
+  (0, import_react11.useEffect)(() => {
+    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();
+    };
+  }, []);
   (0, import_react11.useEffect)(() => {
     if (onDataChange && state.callData) {
       const { process_id, process_name, status, phone_number, agent_id, convox_id } = state.callData;
@@ -3415,7 +3501,7 @@ function CallControls({ onDataChange }) {
         }, 3e4);
       };
       webSocketRef.current.onmessage = (event) => {
-        var _a3, _b2, _c2, _d2;
+        var _a3, _b2, _c2, _d2, _e2;
         try {
           const data = JSON.parse(event.data);
           if (data.type === "pong") {
@@ -3494,6 +3580,16 @@ function CallControls({ onDataChange }) {
                 isMergeCall: false
               }
             ]);
+            if ((data == null ? void 0 : data.mode) !== "manual" && audioRef.current && ((_c2 = state == null ? void 0 : state.sdkConfig) == null ? void 0 : _c2.enableRingtone)) {
+              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 === "IDLE" /* IDLE */) {
             USB_LIGHT_REQUEST(USB_LIGHT_ON("green"));
@@ -3506,8 +3602,8 @@ function CallControls({ onDataChange }) {
           } else if (((data == null ? void 0 : data.mute) === 1 || (data == null ? void 0 : data.hold) === 1) && data.status === "ONCALL" /* ONCALL */) {
             USB_LIGHT_REQUEST(USB_LIGHT_FLASH("red", 1));
           } else if (data.status === "BREAK" /* BREAK */) {
-            const breakTime = (_c2 = sdkState == null ? void 0 : sdkState.sdkConfig) == null ? void 0 : _c2.break_time;
-            const eventTime = (_d2 = data == null ? void 0 : data.event_time) != null ? _d2 : null;
+            const breakTime = (_d2 = sdkState == null ? void 0 : sdkState.sdkConfig) == null ? void 0 : _d2.break_time;
+            const eventTime = (_e2 = data == null ? void 0 : data.event_time) != null ? _e2 : null;
             if (eventTime !== lastEventTimeRef.current) {
               hasFlashedRef.current = false;
               lastEventTimeRef.current = eventTime;
@@ -3847,18 +3943,18 @@ function CallControls({ onDataChange }) {
                           {
                             variant: state.openCallTransferDialog ? "contained" : "outlined",
                             onClick: (e) => {
-                              var _a3, _b2;
-                              if (((_b2 = (_a3 = state.callData) == null ? void 0 : _a3.status) == null ? void 0 : _b2.toUpperCase()) === "ONCALL" /* ONCALL */) {
+                              var _a3, _b2, _c2;
+                              if (((_b2 = (_a3 = state.callData) == null ? void 0 : _a3.status) == null ? void 0 : _b2.toUpperCase()) === "ONCALL" /* ONCALL */ || ((_c2 = state == null ? void 0 : state.conferenceLine[0]) == null ? void 0 : _c2.status) === "HOLD" /* HOLD */) {
                                 e.stopPropagation();
                                 sdkStateManager.setOpenCallTransferDialog(true);
                               }
                             },
-                            sx: state.openCallTransferDialog ? __spreadValues({}, enabled) : ((_aa = (_$ = state.callData) == null ? void 0 : _$.status) == null ? void 0 : _aa.toUpperCase()) === "ONCALL" /* ONCALL */ ? __spreadValues({}, outlined) : __spreadValues({}, disabled),
-                            disabled: ((_ca = (_ba = state.callData) == null ? void 0 : _ba.status) == null ? void 0 : _ca.toUpperCase()) !== "ONCALL" /* ONCALL */,
+                            sx: state.openCallTransferDialog ? __spreadValues({}, enabled) : ((_aa = (_$ = state.callData) == null ? void 0 : _$.status) == null ? void 0 : _aa.toUpperCase()) === "ONCALL" /* ONCALL */ || ((_ba = state == null ? void 0 : state.conferenceLine[0]) == null ? void 0 : _ba.status) === "HOLD" /* HOLD */ ? __spreadValues({}, outlined) : __spreadValues({}, disabled),
+                            disabled: ((_da = (_ca = state.callData) == null ? void 0 : _ca.status) == null ? void 0 : _da.toUpperCase()) !== "ONCALL" /* ONCALL */ || ((_ea = state == null ? void 0 : state.conferenceLine[0]) == null ? void 0 : _ea.status) === "HOLD" /* HOLD */,
                             children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_material2.TransferWithinAStation, {})
                           }
                         ) }),
-                        !((_da = state.sdkConfig) == null ? void 0 : _da.disableConferenceButton) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material4.Tooltip, { title: "Conference Call", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                        !((_fa = state.sdkConfig) == null ? void 0 : _fa.disableConferenceButton) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material4.Tooltip, { title: "Conference Call", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                           import_material4.Button,
                           {
                             variant: state.openConferenceDialog ? "contained" : "outlined",
@@ -3869,12 +3965,12 @@ function CallControls({ onDataChange }) {
                                 sdkStateManager.setOpenConferenceDialog(true);
                               }
                             },
-                            sx: state.openConferenceDialog ? __spreadValues({}, enabled) : ((_fa = (_ea = state.callData) == null ? void 0 : _ea.status) == null ? void 0 : _fa.toUpperCase()) === "ONCALL" /* ONCALL */ ? __spreadValues({}, outlined) : __spreadValues({}, disabled),
-                            disabled: ((_ha = (_ga = state.callData) == null ? void 0 : _ga.status) == null ? void 0 : _ha.toUpperCase()) !== "ONCALL" /* ONCALL */,
+                            sx: state.openConferenceDialog ? __spreadValues({}, enabled) : ((_ha = (_ga = state.callData) == null ? void 0 : _ga.status) == null ? void 0 : _ha.toUpperCase()) === "ONCALL" /* ONCALL */ ? __spreadValues({}, outlined) : __spreadValues({}, disabled),
+                            disabled: ((_ja = (_ia = state.callData) == null ? void 0 : _ia.status) == null ? void 0 : _ja.toUpperCase()) !== "ONCALL" /* ONCALL */,
                             children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_material2.Group, {})
                           }
                         ) }),
-                        ((_ia = state.sdkConfig) == null ? void 0 : _ia.enableSmsServices) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material4.Tooltip, { title: "Send SMS", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                        ((_ka = state.sdkConfig) == null ? void 0 : _ka.enableSmsServices) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material4.Tooltip, { title: "Send SMS", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                           import_material4.Button,
                           {
                             variant: Boolean(ambulanceAnchorEl) ? "contained" : "outlined",
@@ -3888,15 +3984,15 @@ function CallControls({ onDataChange }) {
                               }
                             },
                             sx: Boolean(ambulanceAnchorEl) ? __spreadValues({}, enabled) : ["ONCALL" /* ONCALL */, "WRAPUP" /* WRAPUP */].includes(
-                              (_ka = (_ja = state.callData) == null ? void 0 : _ja.status) == null ? void 0 : _ka.toUpperCase()
+                              (_ma = (_la = state.callData) == null ? void 0 : _la.status) == null ? void 0 : _ma.toUpperCase()
                             ) ? __spreadValues({}, outlined) : __spreadValues({}, disabled),
                             disabled: !["ONCALL" /* ONCALL */, "WRAPUP" /* WRAPUP */].includes(
-                              (_ma = (_la = state.callData) == null ? void 0 : _la.status) == null ? void 0 : _ma.toUpperCase()
+                              (_oa = (_na = state.callData) == null ? void 0 : _na.status) == null ? void 0 : _oa.toUpperCase()
                             ),
                             children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_material2.SmsSharp, {})
                           }
                         ) }),
-                        !((_na = state.sdkConfig) == null ? void 0 : _na.disableEndCallButton) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material4.Tooltip, { title: "End Call", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                        !((_pa = state.sdkConfig) == null ? void 0 : _pa.disableEndCallButton) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material4.Tooltip, { title: "End Call", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                           import_material4.Button,
                           {
                             variant: [
@@ -3904,7 +4000,7 @@ function CallControls({ onDataChange }) {
                               "RINGING" /* RINGING */,
                               "DIALING" /* DIALING */,
                               "WRAPUP" /* WRAPUP */
-                            ].includes((_pa = (_oa = state.callData) == null ? void 0 : _oa.status) == null ? void 0 : _pa.toUpperCase()) ? "contained" : "outlined",
+                            ].includes((_ra = (_qa = state.callData) == null ? void 0 : _qa.status) == null ? void 0 : _ra.toUpperCase()) ? "contained" : "outlined",
                             onClick: (e) => {
                               var _a3, _b2;
                               if ([
@@ -3922,7 +4018,7 @@ function CallControls({ onDataChange }) {
                               "RINGING" /* RINGING */,
                               "DIALING" /* DIALING */,
                               "WRAPUP" /* WRAPUP */
-                            ].includes((_ra = (_qa = state.callData) == null ? void 0 : _qa.status) == null ? void 0 : _ra.toUpperCase()) ? __spreadProps(__spreadValues({}, enabled), {
+                            ].includes((_ta = (_sa = state.callData) == null ? void 0 : _sa.status) == null ? void 0 : _ta.toUpperCase()) ? __spreadProps(__spreadValues({}, enabled), {
                               borderRight: "1px",
                               backgroundColor: "error.main",
                               minWidth: "60px !important",
@@ -3946,7 +4042,7 @@ function CallControls({ onDataChange }) {
                               "RINGING" /* RINGING */,
                               "DIALING" /* DIALING */,
                               "WRAPUP" /* WRAPUP */
-                            ].includes((_ta = (_sa = state.callData) == null ? void 0 : _sa.status) == null ? void 0 : _ta.toUpperCase()) || endCallLoading,
+                            ].includes((_va = (_ua = state.callData) == null ? void 0 : _ua.status) == null ? void 0 : _va.toUpperCase()) || endCallLoading,
                             children: endCallLoading ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                               import_material4.CircularProgress,
                               {
@@ -3956,7 +4052,7 @@ function CallControls({ onDataChange }) {
                             ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_material2.CallEnd, {})
                           }
                         ) }),
-                        !((_ua = state.sdkConfig) == null ? void 0 : _ua.disabledMoreOptionsButton) && processList && (processList == null ? void 0 : processList.length) > 1 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material4.Tooltip, { title: "Switch Process", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                        !((_wa = state.sdkConfig) == null ? void 0 : _wa.disabledMoreOptionsButton) && processList && (processList == null ? void 0 : processList.length) > 1 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material4.Tooltip, { title: "Switch Process", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                           import_material4.Button,
                           {
                             variant: Boolean(moreOptionsAnchorEl) ? "contained" : "outlined",
@@ -3971,7 +4067,7 @@ function CallControls({ onDataChange }) {
                             },
                             sx: Boolean(moreOptionsAnchorEl) ? __spreadValues({}, enabled) : __spreadValues({}, outlined),
                             disabled: !["BREAK" /* BREAK */, "IDLE" /* IDLE */].includes(
-                              (_wa = (_va = state.callData) == null ? void 0 : _va.status) == null ? void 0 : _wa.toUpperCase()
+                              (_ya = (_xa = state.callData) == null ? void 0 : _xa.status) == null ? void 0 : _ya.toUpperCase()
                             ),
                             children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_material2.MoreVert, {})
                           }
@@ -4006,7 +4102,7 @@ function CallControls({ onDataChange }) {
               transition: theme.transitions.create(["box-shadow", "transform"], {
                 duration: theme.transitions.duration.short
               }),
-              visibility: showIframe && !((_xa = state.sdkConfig) == null ? void 0 : _xa.disableSoftPhone) ? "visible" : "hidden",
+              visibility: showIframe && !((_za = state.sdkConfig) == null ? void 0 : _za.disableSoftPhone) ? "visible" : "hidden",
               userSelect: "none"
             },
             children: [
@@ -4040,7 +4136,7 @@ function CallControls({ onDataChange }) {
               /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material4.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                 "iframe",
                 {
-                  src: `https://${IP}/ConVoxCCS/iframe?agent_id=${state.agentId}&process_id=${(_ya = state.process) == null ? void 0 : _ya.process_id}`,
+                  src: `https://${IP}/ConVoxCCS/iframe?agent_id=${state.agentId}&process_id=${(_Aa = state.process) == null ? void 0 : _Aa.process_id}`,
                   height: 380,
                   width: 420,
                   allow: "camera; microphone; autoplay",