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

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]
   );
@@ -2994,6 +3010,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 +3044,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 +3100,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 +3236,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 +3302,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 +3863,7 @@ function CallControls({ onDataChange }) {
                             ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_material2.CallEnd, {})
                           }
                         ) }),
-                        !((_ua = state.sdkConfig) == null ? void 0 : _ua.disabledMoreOptionsButton) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material4.Tooltip, { title: "More Options", 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 +4146,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)(