call-control-sdk 6.5.5-uat.2 → 6.5.5-uat.4

package/dist/index.js

@@ -88,6 +88,7 @@ var END_POINT = {
   TRANSFER_CALL: `${BASE_URL}${VERSION.v1}/cti/calls/transfer?provider=convox`,
   AGENTS_LIST: `${BASE_URL}${VERSION.v1}/cti/users`,
   PROCESS_LIST: `${BASE_URL}${VERSION.v1}/cti/processes-list`,
+  BREAKS_LIST: `${BASE_URL}${VERSION.v1}/cti/breaks`,
   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`,
@@ -201,7 +202,8 @@ var SDKStateManager = class {
         }
       ],
       hold: 0,
-      mute: 0
+      mute: 0,
+      agentStatus: ""
     };
   }
   loadFromStorage() {
@@ -210,6 +212,7 @@ var SDKStateManager = class {
       const stored = (0, import_vault.getItem)(this.STORAGE_KEY);
       if (stored) {
         const parsedState = stored;
+        console.log("loading from storage", parsedState);
         this.state = __spreadProps(__spreadValues({}, this.state), {
           agentId: parsedState.agentId || "",
           authorization: parsedState.authorization || void 0,
@@ -249,7 +252,8 @@ var SDKStateManager = class {
             event_time: "",
             phone_number: ""
           },
-          conferenceLine: parsedState.conferenceLine && Array.isArray(parsedState.conferenceLine) && parsedState.conferenceLine.length > 0 ? parsedState.conferenceLine : this.state.conferenceLine
+          conferenceLine: parsedState.conferenceLine && Array.isArray(parsedState.conferenceLine) && parsedState.conferenceLine.length > 0 ? parsedState.conferenceLine : this.state.conferenceLine,
+          agentStatus: parsedState.agentStatus
         });
       }
     } catch (error) {
@@ -270,7 +274,8 @@ var SDKStateManager = class {
         controlPanelPosition: this.state.controlPanelPosition,
         iframePosition: this.state.iframePosition,
         callData: this.state.callData,
-        conferenceLine: this.state.conferenceLine
+        conferenceLine: this.state.conferenceLine,
+        agentStatus: this.state.agentStatus
       };
       (0, import_vault.setItem)(this.STORAGE_KEY, persistentState);
     } catch (error) {
@@ -387,6 +392,11 @@ var SDKStateManager = class {
     this.saveToStorage();
     this.notifyListeners();
   }
+  setAgentStatus(status) {
+    this.state.agentStatus = status;
+    this.saveToStorage();
+    this.notifyListeners();
+  }
   updateCallData(data) {
     this.state.callData = __spreadValues(__spreadValues({}, this.state.callData), data);
     this.saveToStorage();
@@ -656,10 +666,14 @@ var useLogout = () => {
       setSuccess(true);
       return res == null ? void 0 : res.data;
     }).catch((err) => {
-      var _a2;
+      var _a2, _b, _c, _d;
       setIsError(true);
       setError(err);
-      return (_a2 = err == null ? void 0 : err.response) == null ? void 0 : _a2.data;
+      if ((_c = (_b = (_a2 = err == null ? void 0 : err.response) == null ? void 0 : _a2.data) == null ? void 0 : _b.data) == null ? void 0 : _c.clearAgentData) {
+        sdkStateManager.clearStorageAndReset();
+        (0, import_vault2.removeItem)(STORAGE_KEY);
+      }
+      return (_d = err == null ? void 0 : err.response) == null ? void 0 : _d.data;
     }).finally(() => {
       setLoading(false);
     });
@@ -1012,43 +1026,45 @@ var usePostRequest = (props = {}) => {
   const { showToast } = useToast();
   const [state, dispatch] = (0, import_react8.useReducer)(reducer, initialState);
   const postRequest = (0, import_react8.useCallback)(
-    (url, payload, config = {}) => {
+    async (url, payload, config = {}) => {
+      var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
       dispatch({
         type: "isLoading",
         payload: true
       });
-      axios_default.post(url, payload, config).then((res) => {
-        var _a2;
-        dispatch({
-          type: "isSuccess",
-          payload: res.data
-        });
-        onSuccess == null ? void 0 : onSuccess(res.data, payload);
-        if (!disabledSuccessToast) {
-          showToast((_a2 = res.data) == null ? void 0 : _a2.message, "success");
+      try {
+        try {
+          const res = await axios_default.post(url, payload, config);
+          dispatch({
+            type: "isSuccess",
+            payload: res.data
+          });
+          onSuccess == null ? void 0 : onSuccess(res.data, payload);
+          if (!disabledSuccessToast) {
+            showToast((_a2 = res.data) == null ? void 0 : _a2.message, "success");
+          }
+        } catch (err) {
+          const error = {
+            status: (_c = (_b = err.response) == null ? void 0 : _b.status) != null ? _c : 500,
+            message: ((_e = (_d = err.response) == null ? void 0 : _d.data) == null ? void 0 : _e.detail) || ((_g = (_f = err.response) == null ? void 0 : _f.data) == null ? void 0 : _g.message) || err.message || "An unknown error occurred",
+            data: (_i = (_h = err.response) == null ? void 0 : _h.data) != null ? _i : null,
+            statusText: (_k = (_j = err.response) == null ? void 0 : _j.statusText) != null ? _k : "",
+            code: (_l = err == null ? void 0 : err.code) != null ? _l : "",
+            name: (_m = err == null ? void 0 : err.name) != null ? _m : ""
+          };
+          showToast(error.message, "error");
+          dispatch({
+            type: "isError",
+            payload: error
+          });
+          onError == null ? void 0 : onError(error, payload);
         }
-      }).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, payload);
-      }).finally(() => {
+      } finally {
         dispatch({
           type: "isLoading",
           payload: false
         });
-      });
+      }
     },
     [onSuccess, onError, showToast]
   );
@@ -1121,7 +1137,7 @@ var styles_default = useStyles;
 
 // call-control-sdk/lib/components/dialog.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var ConferenceTableRow = ({ each }) => {
+var ConferenceTableRow = ({ each, isLineDialing }) => {
   var _a2, _b, _c, _d, _e, _f;
   const state = useSDKState();
   const theme = (0, import_material3.useTheme)();
@@ -1311,7 +1327,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 });
                 }
@@ -1439,7 +1455,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__ */ (0, import_jsx_runtime2.jsx)(
                         import_material3.CircularProgress,
                         {
@@ -1540,7 +1556,7 @@ var ConferenceTableRow = ({ each }) => {
   );
 };
 function ConferenceDialog() {
-  var _a2;
+  var _a2, _b;
   const state = useSDKState();
   const { showToast } = useToast();
   const [conferenceCallEndAll, setConferenceCallEndAll] = (0, import_react9.useState)(false);
@@ -1548,12 +1564,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) => {
@@ -1562,13 +1578,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__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     import_material3.Dialog,
     {
@@ -1588,7 +1606,7 @@ function ConferenceDialog() {
             },
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material3.Typography, { variant: "body1", children: [
-                (_a2 = state == null ? void 0 : state.agentId) != null ? _a2 : "",
+                (_b = state == null ? void 0 : state.agentId) != null ? _b : "",
                 " conference"
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material3.IconButton, { onClick: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.Close, {}) })
@@ -1664,7 +1682,7 @@ function ConferenceDialog() {
                           ]
                         }
                       ) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material3.TableBody, { children: state == null ? void 0 : state.conferenceLine.map((each) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ConferenceTableRow, { each })) })
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material3.TableBody, { children: state == null ? void 0 : state.conferenceLine.map((each) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ConferenceTableRow, { each, isLineDialing })) })
                     ]
                   }
                 )
@@ -2994,6 +3012,7 @@ function CallControls({ onDataChange }) {
   const [openProcessorDialog, setOpenProcessorDialog] = (0, import_react11.useState)(false);
   const [openCallHistoryDialog, setOpenCallHistoryDialog] = (0, import_react11.useState)(false);
   const [processList, setProcessList] = (0, import_react11.useState)(null);
+  const [breaksList, setBreaksList] = (0, import_react11.useState)(null);
   const [phoneNumber, setPhoneNumber] = (0, import_react11.useState)("");
   const [callDuration, setCallDuration] = (0, import_react11.useState)(0);
   const [callWrapuptime, setCallWrapuptime] = (0, import_react11.useState)(null);
@@ -3027,7 +3046,11 @@ function CallControls({ onDataChange }) {
     // 	sdkStateManager.setMuted(!state.isMuted);
     // },
   });
-  const [readyAgentStatus, { isLoading: agentReadyLoading }] = usePostRequest();
+  const [readyAgentStatus, { isLoading: agentReadyLoading }] = usePostRequest({
+    onSuccess: () => {
+      sdkStateManager.setAgentStatus("");
+    }
+  });
   const [updateAgentStatus, { isLoading }] = usePostRequest();
   const [sendNotification] = usePostRequest();
   const [endCall, { isLoading: endCallLoading }] = usePostRequest({
@@ -3079,7 +3102,9 @@ function CallControls({ onDataChange }) {
       break_type: status,
       userId: state.agentId
     };
-    updateAgentStatus(END_POINT.UPDATE_AGENT_BREAK, payload);
+    updateAgentStatus(END_POINT.UPDATE_AGENT_BREAK, payload).then(() => {
+      sdkStateManager.setAgentStatus(status);
+    });
   };
   const handleStartCall = (number) => {
     if (number.length !== 10) {
@@ -3213,7 +3238,7 @@ function CallControls({ onDataChange }) {
           if (prevTime === null || prevTime <= 1) {
             clearInterval(wrapUpinterval);
             handleEndCall({
-              disposition: { label: "Resolved", value: "RES" },
+              disposition: { label: "Resolved", value: "AUTO_WRAPUP" },
               followUp: { label: "No", value: "N" },
               callbackDate: "",
               callbackHrs: "",
@@ -3279,6 +3304,14 @@ function CallControls({ onDataChange }) {
       }).catch((err) => {
         showToast(err.response.data.message, "error");
       });
+      axios_default.get(END_POINT.BREAKS_LIST).then((res) => {
+        var _a3, _b2, _c2;
+        if (res && ((_a3 = res.data) == null ? void 0 : _a3.data) && ((_c2 = (_b2 = res == null ? void 0 : res.data) == null ? void 0 : _b2.data) == null ? void 0 : _c2.length)) {
+          setBreaksList(res.data.data);
+        }
+      }).catch((err) => {
+        showToast(err.response.data.message, "error");
+      });
     }
   }, [state.agentId]);
   const connectWebSocket = () => {
@@ -3832,7 +3865,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)(
+                        !((_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)(
                           import_material4.Button,
                           {
                             variant: Boolean(moreOptionsAnchorEl) ? "contained" : "outlined",
@@ -4115,7 +4148,32 @@ function CallControls({ onDataChange }) {
         sx: {
           zIndex: 99999
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material4.MenuItem, { onClick: () => handleUpdateAgentStatus("Lunch"), children: "- Break" })
+        children: !breaksList || (breaksList == null ? void 0 : breaksList.length) === 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material4.MenuItem, { onClick: () => handleUpdateAgentStatus("Lunch"), children: "- Break" }) : breaksList == null ? void 0 : breaksList.map((item) => {
+          var _a3, _b2, _c2;
+          return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+            import_material4.MenuItem,
+            {
+              sx: {
+                // hilight background of selected
+                backgroundColor: ((_a3 = state == null ? void 0 : state.callData) == null ? void 0 : _a3.status) === "BREAK" && (state == null ? void 0 : state.agentStatus) === (item == null ? void 0 : item.type) ? "primary.main" : "transparent",
+                color: ((_b2 = state == null ? void 0 : state.callData) == null ? void 0 : _b2.status) === "BREAK" && (state == null ? void 0 : state.agentStatus) === (item == null ? void 0 : item.type) ? "white" : "primary.main",
+                ":hover": {
+                  backgroundColor: ((_c2 = state == null ? void 0 : state.callData) == null ? void 0 : _c2.status) === "BREAK" && (state == null ? void 0 : state.agentStatus) === (item == null ? void 0 : item.type) ? "primary.dark" : "selected.hover"
+                  // color:
+                  // 	state?.callData?.status === "BREAK" && state?.agentStatus === item?.type ?
+                  // 		"primary.main"
+                  // 	:	"primary.main",
+                }
+              },
+              onClick: () => handleUpdateAgentStatus(item == null ? void 0 : item.type),
+              children: [
+                "- ",
+                item == null ? void 0 : item.type
+              ]
+            },
+            item == null ? void 0 : item.type
+          );
+        })
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(