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

package/dist/index.js

@@ -958,7 +958,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 +975,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);
@@ -2456,7 +2460,8 @@ function EndCallDispositionDialog({ open, setOpen, onSubmitDisposition }) {
     followUp: { label: "No", value: "N" },
     callbackDate: "",
     callbackHrs: "",
-    callbackMins: ""
+    callbackMins: "",
+    selected_break: false
   });
   const dispositionOptions = [
     { label: "Not Interested", value: "NI" },
@@ -2475,7 +2480,8 @@ function EndCallDispositionDialog({ open, setOpen, onSubmitDisposition }) {
       followUp: { label: "No", value: "N" },
       callbackDate: "",
       callbackHrs: "",
-      callbackMins: ""
+      callbackMins: "",
+      selected_break: false
     });
   };
   const handleClose = () => {
@@ -2569,14 +2575,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"
+                    ] }),
+                    ((_b = (_a2 = formData == null ? void 0 : formData.followUp) == null ? void 0 : _a2.label) == null ? void 0 : _b.toLowerCase()) === "yes" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                       import_material3.TextField,
                       {
                         size: "small",
@@ -2590,7 +2619,17 @@ function EndCallDispositionDialog({ open, setOpen, onSubmitDisposition }) {
                         fullWidth: true,
                         sx: { flex: 1 }
                       }
-                    ),
+                    ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material3.Box, { 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,
                       {
@@ -2602,17 +2641,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 +2653,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 +2915,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 +3006,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 +3143,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 +3159,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 +3177,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 +3191,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 +3215,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 +4147,7 @@ async function initSDK({
         apiKey.trim(),
         tenantId.trim(),
         agentId.trim(),
-        sdkConfig,
+        __spreadValues(__spreadValues({}, initResult == null ? void 0 : initResult.call_controls), sdkConfig),
         initResult
       );
     } else {