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

package/dist/index.js

@@ -88,7 +88,8 @@ var END_POINT = {
   TRANSFER_TO_DETAILS: `${BASE_URL}${VERSION.v1}/cti/transfer-to-details?provider=convox`,
   SEND_NOTIFICATIONS: `${BASE_URL}${VERSION.v1}/cti/notifications/send`,
   CALL_HISTORY: `${BASE_URL}${VERSION.v1}/dashboard/call-history`,
-  SENTIMENTAL_ANALYSIS: `${BASE_URL}${VERSION.v1}/users/get_sentiment_analysis`
+  SENTIMENTAL_ANALYSIS: `${BASE_URL}${VERSION.v1}/users/get_sentiment_analysis`,
+  DISPOSITIONS: `${BASE_URL}${VERSION.v1}/cti/calls/dispositions`
 };
 var WS_END_POINT = {
   WS: `${WS_BASE_URL}${VERSION.v1}/cti/ws`
@@ -958,7 +959,7 @@ var useEndCall = () => {
   const [data, setData] = (0, import_react2.useState)(null);
   const handleEndCall = (0, import_react2.useCallback)(
     async (data2) => {
-      var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+      var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
       const state = JSON.parse((_a2 = localStorage.getItem(STORAGE_KEY)) != null ? _a2 : "");
       setLoading(true);
       const payload = {
@@ -975,7 +976,11 @@ var useEndCall = () => {
         callback_mins: (_o = data2 == null ? void 0 : data2.callbackMins) != null ? _o : "",
         endcall_type: "CLOSE"
       };
-      return axios_default.post(END_POINT.END_CALL, payload).then((res) => {
+      return axios_default.post(END_POINT.END_CALL, payload, {
+        params: {
+          isBreak: (_p = data2 == null ? void 0 : data2.isBreak) != null ? _p : false
+        }
+      }).then((res) => {
         sdkStateManager.resetConferenceLines();
         sdkStateManager.endCall();
         setData(res == null ? void 0 : res.data);
@@ -1306,6 +1311,59 @@ var reducer = (state, action) => {
   }
   throw Error("Unknown action.");
 };
+var useGetRequest = (props = {}) => {
+  const { onSuccess = null, onError = null } = props;
+  const { showToast } = useToast();
+  const [state, dispatch] = (0, import_react9.useReducer)(reducer, initialState);
+  const getRequest = (0, import_react9.useCallback)(
+    (url, config = {}) => {
+      dispatch({
+        type: "isLoading",
+        payload: true
+      });
+      axios_default.get(url, config).then((res) => {
+        var _a2, _b;
+        if ((_a2 = res.data) == null ? void 0 : _a2.success) {
+          dispatch({
+            type: "isSuccess",
+            payload: res.data
+          });
+          onSuccess == null ? void 0 : onSuccess(res.data, config);
+        } else {
+          dispatch({
+            type: "isError",
+            payload: res.data
+          });
+          showToast((_b = res.data) == null ? void 0 : _b.message, "error");
+          onError == null ? void 0 : onError(res.data, config);
+        }
+      }).catch((err) => {
+        var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+        const error = {
+          status: (_b = (_a2 = err.response) == null ? void 0 : _a2.status) != null ? _b : 500,
+          message: ((_d = (_c = err.response) == null ? void 0 : _c.data) == null ? void 0 : _d.detail) || ((_f = (_e = err.response) == null ? void 0 : _e.data) == null ? void 0 : _f.message) || err.message || "An unknown error occurred",
+          data: (_h = (_g = err.response) == null ? void 0 : _g.data) != null ? _h : null,
+          statusText: (_j = (_i = err.response) == null ? void 0 : _i.statusText) != null ? _j : "",
+          code: (_k = err == null ? void 0 : err.code) != null ? _k : "",
+          name: (_l = err == null ? void 0 : err.name) != null ? _l : ""
+        };
+        showToast(error.message, "error");
+        dispatch({
+          type: "isError",
+          payload: error
+        });
+        onError == null ? void 0 : onError(error, config);
+      }).finally(() => {
+        dispatch({
+          type: "isLoading",
+          payload: false
+        });
+      });
+    },
+    [onSuccess, onError, showToast]
+  );
+  return [getRequest, state];
+};
 var usePostRequest = (props = {}) => {
   const { onSuccess = null, onError = null, disabledSuccessToast = false } = props;
   const { showToast } = useToast();
@@ -1447,7 +1505,7 @@ var ConferenceTableRow = ({ each }) => {
     const line_used = __spreadValues(__spreadValues({}, line), data);
     setConferenceCallStart(true);
     const payload = {
-      action: "EXTERNAL_CONFERENCE",
+      action: "INTERNAL_CONFERENCE",
       operation: `CALL${line_used.line}`,
       line_used: String(line_used.line),
       thirdparty_no: line_used.phone,
@@ -2450,18 +2508,16 @@ function CallTransferDialog({ open }) {
   ) });
 }
 function EndCallDispositionDialog({ open, setOpen, onSubmitDisposition }) {
-  var _a2, _b, _c, _d;
+  var _a2, _b, _c, _d, _e;
+  const [getDispositions, data] = useGetRequest();
   const [formData, setFormData] = (0, import_react10.useState)({
     disposition: { label: "Resolved", value: "RES" },
     followUp: { label: "No", value: "N" },
     callbackDate: "",
     callbackHrs: "",
-    callbackMins: ""
+    callbackMins: "",
+    selected_break: false
   });
-  const dispositionOptions = [
-    { label: "Not Interested", value: "NI" },
-    { label: "Resolved", value: "RES" }
-  ];
   const followUpOptions = [
     { label: "Yes", value: "Y" },
     { label: "No", value: "N" }
@@ -2475,13 +2531,25 @@ function EndCallDispositionDialog({ open, setOpen, onSubmitDisposition }) {
       followUp: { label: "No", value: "N" },
       callbackDate: "",
       callbackHrs: "",
-      callbackMins: ""
+      callbackMins: "",
+      selected_break: false
     });
   };
   const handleClose = () => {
     handleReset();
     setOpen(false);
   };
+  (0, import_react10.useEffect)(() => {
+    getDispositions(END_POINT.DISPOSITIONS);
+  }, []);
+  console.log("dispositionsData", formData);
+  const dispositionsOptions = (0, import_react10.useMemo)(() => {
+    var _a3, _b2;
+    return ((_b2 = (_a3 = data == null ? void 0 : data.data) == null ? void 0 : _a3.data) == null ? void 0 : _b2.map((item) => ({
+      label: item.name,
+      value: item.code
+    }))) || [];
+  }, [(_a2 = data == null ? void 0 : data.data) == null ? void 0 : _a2.data]);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     import_material3.Dialog,
     {
@@ -2534,7 +2602,7 @@ function EndCallDispositionDialog({ open, setOpen, onSubmitDisposition }) {
                       import_material3.Autocomplete,
                       {
                         value: formData.disposition,
-                        options: dispositionOptions,
+                        options: dispositionsOptions,
                         getOptionLabel: (opt) => opt.label,
                         onChange: (_, val) => handleChange("disposition", val),
                         size: "small",
@@ -2569,14 +2637,37 @@ function EndCallDispositionDialog({ open, setOpen, onSubmitDisposition }) {
                   ]
                 }
               ),
-              ((_b = (_a2 = formData == null ? void 0 : formData.followUp) == null ? void 0 : _a2.label) == null ? void 0 : _b.toLowerCase()) === "yes" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
                 import_material3.Box,
                 {
                   display: "flex",
                   gap: 2,
                   mt: 2,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material3.Box, { sx: {
+                      flex: "1",
+                      border: "1px solid #bdbdbd",
+                      borderRadius: "5px"
+                    }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                        import_material3.Checkbox,
+                        {
+                          name: "selected_break",
+                          sx: {
+                            padding: "6px"
+                          },
+                          checked: formData.selected_break,
+                          onChange: (event) => {
+                            handleChange("selected_break", event.target.checked);
+                          },
+                          slotProps: {
+                            input: { "aria-label": "controlled" }
+                          }
+                        }
+                      ),
+                      " Mark as break"
+                    ] }),
+                    ((_c = (_b = formData == null ? void 0 : formData.followUp) == null ? void 0 : _b.label) == null ? void 0 : _c.toLowerCase()) === "yes" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                       import_material3.TextField,
                       {
                         size: "small",
@@ -2590,7 +2681,17 @@ function EndCallDispositionDialog({ open, setOpen, onSubmitDisposition }) {
                         fullWidth: true,
                         sx: { flex: 1 }
                       }
-                    ),
+                    ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material3.Box, { sx: { flex: 1 } })
+                  ]
+                }
+              ),
+              ((_e = (_d = formData == null ? void 0 : formData.followUp) == null ? void 0 : _d.label) == null ? void 0 : _e.toLowerCase()) === "yes" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                import_material3.Box,
+                {
+                  display: "flex",
+                  gap: 2,
+                  mt: 2,
+                  children: [
                     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                       import_material3.TextField,
                       {
@@ -2602,17 +2703,7 @@ function EndCallDispositionDialog({ open, setOpen, onSubmitDisposition }) {
                         fullWidth: true,
                         sx: { flex: 1 }
                       }
-                    )
-                  ]
-                }
-              ),
-              ((_d = (_c = formData == null ? void 0 : formData.followUp) == null ? void 0 : _c.label) == null ? void 0 : _d.toLowerCase()) === "yes" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-                import_material3.Box,
-                {
-                  display: "flex",
-                  gap: 2,
-                  mt: 2,
-                  children: [
+                    ),
                     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                       import_material3.TextField,
                       {
@@ -2624,8 +2715,7 @@ function EndCallDispositionDialog({ open, setOpen, onSubmitDisposition }) {
                         fullWidth: true,
                         sx: { flex: 1 }
                       }
-                    ),
-                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material3.Box, { sx: { flex: 1 } })
+                    )
                   ]
                 }
               )
@@ -2887,6 +2977,57 @@ function cleanupAudioResources() {
   audioBuffer = null;
 }
 
+// call-control-sdk/lib/services/micController.ts
+function createMicController(constraints = { audio: true }) {
+  let stream = null;
+  let muted = false;
+  async function start() {
+    if (stream) return;
+    stream = await navigator.mediaDevices.getUserMedia(constraints);
+    stream.getAudioTracks().forEach((track) => track.enabled = true);
+    muted = false;
+  }
+  function setEnabled(enabled) {
+    if (!stream) return;
+    stream.getAudioTracks().forEach((track) => track.enabled = enabled);
+    muted = !enabled;
+  }
+  function mute() {
+    setEnabled(false);
+  }
+  function unmute() {
+    setEnabled(true);
+  }
+  function toggleMute() {
+    if (muted) {
+      unmute();
+    } else {
+      mute();
+    }
+  }
+  function stop() {
+    if (!stream) return;
+    stream.getTracks().forEach((t) => t.stop());
+    stream = null;
+    muted = false;
+  }
+  function isMuted() {
+    return muted;
+  }
+  function getStream() {
+    return stream;
+  }
+  return {
+    start,
+    stop,
+    mute,
+    unmute,
+    toggleMute,
+    isMuted,
+    getStream
+  };
+}
+
 // call-control-sdk/lib/components/callControls.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var getCombineConfrenceData = (localState, apiData) => {
@@ -2927,6 +3068,7 @@ function CallControls({ onDataChange }) {
     enabled: ((_b = state.sdkConfig) == null ? void 0 : _b.enabled) || {},
     outlined: ((_c = state.sdkConfig) == null ? void 0 : _c.outlined) || {}
   });
+  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);
@@ -3063,7 +3205,7 @@ function CallControls({ onDataChange }) {
     muteOrUnMute(END_POINT.MUTE_CALL, payload);
   };
   const handleEndCall = (data) => {
-    var _a3, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2;
+    var _a3, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q2;
     const payload = {
       action: "ENDCALL",
       userId: state.agentId,
@@ -3079,7 +3221,11 @@ function CallControls({ onDataChange }) {
       endcall_type: "CLOSE"
     };
     setPhoneNumber("");
-    endCall(END_POINT.END_CALL, payload);
+    endCall(END_POINT.END_CALL, payload, {
+      params: {
+        isBreak: (_q2 = data == null ? void 0 : data.selected_break) != null ? _q2 : false
+      }
+    });
     sdkStateManager.endCall();
     setOpenCallDisposition(false);
   };
@@ -3093,8 +3239,13 @@ function CallControls({ onDataChange }) {
     };
   }, []);
   (0, import_react11.useEffect)(() => {
+    const mic = createMicController();
+    micRef.current = mic;
+    mic.start().catch((err) => {
+      console.error("Failed to start mic:", err);
+    });
     const handleKeyDown = (event) => {
-      var _a3, _b2, _c2, _d2, _e2, _f2, _g2;
+      var _a3, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
       const fullState = JSON.parse((_a3 = localStorage.getItem("call-control-sdk-state")) != null ? _a3 : "");
       const key = (_b2 = event.key) == null ? void 0 : _b2.toLowerCase();
       if (!event.altKey || ((_c2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _c2.status) !== "ONCALL") {
@@ -3102,21 +3253,23 @@ function CallControls({ onDataChange }) {
       }
       if (key === "m" && String((_d2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _d2.mute) === "0") {
         event.preventDefault();
+        (_e2 = micRef.current) == null ? void 0 : _e2.mute();
         const payload = {
           action: "MUTE",
           userId: fullState.agentId
         };
         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((_f2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _f2.mute) === "1") {
         event.preventDefault();
         const payload = {
           action: "UNMUTE",
           userId: fullState.agentId
         };
         muteOrUnMute(END_POINT.MUTE_CALL, payload);
+        (_g2 = micRef.current) == null ? void 0 : _g2.unmute();
       }
-      if (key === "h" && String((_f2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _f2.hold) === "0") {
+      if (key === "h" && String((_h2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _h2.hold) === "0") {
         event.preventDefault();
         const payload = {
           action: "HOLD",
@@ -3124,7 +3277,7 @@ function CallControls({ onDataChange }) {
         };
         holdOrUnHold(END_POINT.HOLD_CALL, payload);
       }
-      if (key === "r" && String((_g2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _g2.hold) === "1") {
+      if (key === "r" && String((_i2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _i2.hold) === "1") {
         event.preventDefault();
         const payload = {
           action: "UNHOLD",
@@ -4056,7 +4209,7 @@ async function initSDK({
         apiKey.trim(),
         tenantId.trim(),
         agentId.trim(),
-        sdkConfig,
+        __spreadValues(__spreadValues({}, initResult == null ? void 0 : initResult.call_controls), sdkConfig),
         initResult
       );
     } else {