@itilite/iui-user-management 0.4.208 → 0.4.209

package/dist/index.modern.js

@@ -9,7 +9,7 @@ import { combineReducers, createStore, applyMiddleware } from 'redux';
 import thunk from 'redux-thunk';
 import moment from 'moment';
 import { composeWithDevTools } from 'redux-devtools-extension';
-import { useHistory } from 'react-router-dom';
+import { useHistory, useLocation } from 'react-router-dom';
 import { withStyles, makeStyles } from '@material-ui/core/styles';
 import Tooltip from '@material-ui/core/Tooltip';
 import Switch from '@material-ui/core/Switch';
@@ -354,6 +354,9 @@ var userAddEditUrl = {
   approversSearch: function approversSearch() {
     return "api/v1/user-management/company/" + IUILocalStorageService.getCompanyId() + "/company-approvers";
   },
+  _approversSearch: function _approversSearch() {
+    return "api/v1/user-management/users/single-user/transfer-approver-role?";
+  },
   preSignedUrl: function preSignedUrl() {
     return "api/v1/user-management/company/" + IUILocalStorageService.getCompanyId() + "/presigned-url";
   },
@@ -450,6 +453,14 @@ var userPanelUrl = {
     return "api/v1/user-management/company/" + IUILocalStorageService.getCompanyId() + "/transfer-users";
   }
 };
+var departmentUrl = {
+  departmentUrl: function departmentUrl() {
+    return "api/v1/user-management/company/" + IUILocalStorageService.getCompanyId() + "/department";
+  },
+  getDepartmentHead: function getDepartmentHead(departmentId, page) {
+    return "api/v1/user-management/company/" + IUILocalStorageService.getCompanyId() + "/department/" + departmentId + "/users?page=" + page;
+  }
+};
 
 var api = configs.api;
 var NAoptionConfig = {
@@ -591,11 +602,53 @@ var currencyLoadOptions = function currencyLoadOptions(search, loadedOptions, _r
     return Promise.reject(e);
   }
 };
-var approversOptions = function approversOptions(search, loadedOptions, _ref4) {
+var transferRoleOptions = function transferRoleOptions(search, loadedOptions, _ref4) {
   var page = _ref4.page,
     product = _ref4.product,
-    userId = _ref4.userId,
-    placeholder = _ref4.placeholder;
+    userId = _ref4.userId;
+  try {
+    return Promise.resolve(_catch(function () {
+      return Promise.resolve(api.get(userAddEditUrl._approversSearch() + "user_id=" + userId + "&page=" + page).then(function (res) {
+        return res.data;
+      })).then(function (response) {
+        var mappedValue = response.results.map(function (item) {
+          return {
+            value: item.email,
+            label: item.email,
+            type: 'detailed',
+            data: item
+          };
+        });
+        return {
+          options: mappedValue,
+          hasMore: !!response.next,
+          additional: {
+            page: page + 1,
+            product: product,
+            userId: userId
+          }
+        };
+      });
+    }, function () {
+      return {
+        options: [],
+        hasMore: false,
+        additional: {
+          page: 1,
+          product: product,
+          userId: userId
+        }
+      };
+    }));
+  } catch (e) {
+    return Promise.reject(e);
+  }
+};
+var approversOptions = function approversOptions(search, loadedOptions, _ref5) {
+  var page = _ref5.page,
+    product = _ref5.product,
+    userId = _ref5.userId,
+    placeholder = _ref5.placeholder;
   try {
     return Promise.resolve(_catch(function () {
       return Promise.resolve(api.get(userAddEditUrl.approversSearch() + "?page=" + page + "&product=" + product + "&search=" + search + "&user_id=" + userId).then(function (res) {
@@ -641,9 +694,9 @@ var approversOptions = function approversOptions(search, loadedOptions, _ref4) {
     return Promise.reject(e);
   }
 };
-var countryOptions = function countryOptions(search, loadedOptions, _ref5) {
-  var page = _ref5.page,
-    tabelName = _ref5.tabelName;
+var countryOptions = function countryOptions(search, loadedOptions, _ref6) {
+  var page = _ref6.page,
+    tabelName = _ref6.tabelName;
   try {
     return Promise.resolve(_catch(function () {
       return Promise.resolve(api.get(userAddEditUrl.countryPaginated() + "&search=" + search + "&page=" + page + "&info=" + tabelName).then(function (res) {
@@ -678,6 +731,46 @@ var countryOptions = function countryOptions(search, loadedOptions, _ref5) {
     return Promise.reject(e);
   }
 };
+var departmentHeadOptions = function departmentHeadOptions(search, loadedOptions, _ref7) {
+  var page = _ref7.page,
+    departmentId = _ref7.departmentId;
+  try {
+    return Promise.resolve(_catch(function () {
+      return Promise.resolve(api.get(departmentUrl.getDepartmentHead(departmentId, page) + "&search=" + search).then(function (res) {
+        return res.data;
+      })).then(function (response) {
+        var mappedValue = response.results.map(function (item) {
+          return {
+            value: item.id,
+            label: item.first_name + ' ' + item.last_name,
+            type: 'detailed',
+            data: item
+          };
+        });
+        console.log(response.next);
+        return {
+          options: mappedValue,
+          hasMore: !!response.next,
+          additional: {
+            page: page + 1,
+            departmentId: departmentId
+          }
+        };
+      });
+    }, function () {
+      return {
+        options: [],
+        hasMore: false,
+        additional: {
+          page: 1,
+          departmentId: departmentId
+        }
+      };
+    }));
+  } catch (e) {
+    return Promise.reject(e);
+  }
+};
 
 var UserRole = function UserRole(_ref) {
   var _ref$list = _ref.list,
@@ -1054,12 +1147,6 @@ var setUserActiveStatus = function setUserActiveStatus(payload) {
     payload: payload
   };
 };
-var setBulkDeactivatedUsers = function setBulkDeactivatedUsers(payload) {
-  return {
-    type: SET_BULK_DEACTIVATED_USERS,
-    payload: payload
-  };
-};
 var showDataFetchingStatus = function showDataFetchingStatus(payload) {
   return {
     type: SHOW_LOADER$1,
@@ -1120,36 +1207,25 @@ var exportUsers = function exportUsers(payload) {
     });
   };
 };
-var deActivateUsers = function deActivateUsers(ids) {
-  return function (dispatch) {
-    return new Promise(function (resolve, reject) {
-      api$1.post("" + userListUrl.bulkDeactivate(), {
-        user_ids: ids
-      }).then(function (res) {
-        dispatch(setBulkDeactivatedUsers(ids));
-        IUIToastMessageService.sNotify(ids.length + ' Users deactivated successfully');
-        resolve();
-      })["catch"](function (err) {
-        if (!err.response.data.status) {
-          IUIToastMessageService.warningNotify(err.response.data.message);
-          reject(err);
-          return;
-        }
-        reject(err);
-      });
-    });
-  };
-};
 var updateTabValue = function updateTabValue(tabId) {
   return {
     type: SET_TAB_VALUE,
     payload: tabId
   };
 };
-var updateActiveStatus = function updateActiveStatus(activateVal, id) {
+var updateActiveStatus = function updateActiveStatus(activateVal, id, roleTransfer, newApproverUserId) {
+  if (roleTransfer === void 0) {
+    roleTransfer = false;
+  }
+  var _payload = {
+    role_transfer: roleTransfer
+  };
+  if (roleTransfer) {
+    _payload['new_approver_user_id'] = newApproverUserId;
+  }
   return function (dispatch) {
     return new Promise(function (resolve, reject) {
-      api$1.get(userListUrl.updateActiveStatus + 'user_id=' + id + '&activate=' + activateVal).then(function (res) {
+      api$1.put(userListUrl.updateActiveStatus + "user_id=" + id + "&activate=" + activateVal, _payload).then(function (res) {
         dispatch(setUserActiveStatus({
           is_active: activateVal !== 0,
           id: id
@@ -1713,7 +1789,7 @@ var verifyUserInfo = function verifyUserInfo(userId) {
 var submitAddModalData = function submitAddModalData(tableName, data) {
   return function (dispatch) {
     return new Promise(function (resolve, reject) {
-      api$2.post(userAddEditUrl.dropdownList() + ("?action=add&table=" + tableName), data).then(function (res) {
+      api$2.post(tableName === 'department' ? departmentUrl.departmentUrl() : userAddEditUrl.dropdownList() + ("?action=add&table=" + tableName), data).then(function (res) {
         resolve(res);
       })["catch"](function (err) {
         var _err$response17, _err$response17$data;
@@ -1749,6 +1825,7 @@ var OPEN_DIALOG = 'OPEN_DIALOG';
 var CLOSE_DIALOG = 'CLOSE_DIALOG';
 var FETCH_USERPANEL_DATA = 'FETCH_USERPANEL_DATA';
 var UNASSIGNED_USERS = 'Not assigned';
+var FETCH_DEPARTMENT_USERS_DATA = 'FETCH_DEPARTMENT_USERS_DATA';
 
 var api$3 = configs.api;
 var IUIToastMessageService$2 = services.IUIToastMessageService;
@@ -1798,14 +1875,14 @@ var getUserPanalData = function getUserPanalData(params) {
 var addRecord = function addRecord(tableName, data, getParam) {
   return function (dispatch) {
     return new Promise(function (resolve, reject) {
-      api$3.post(userPanelUrl.addUnit(tableName), data).then(function (res) {
+      api$3.post(tableName === 'department' ? departmentUrl.departmentUrl() : userPanelUrl.addUnit(tableName), data).then(function (res) {
         dispatch(getUserPanalData(getParam));
         dispatch(closeDialog());
         resolve(res);
       })["catch"](function (err) {
-        var _err$response2, _err$response2$data;
+        var _err$response3, _err$response3$data;
         dispatch(userPanelStopLoader());
-        IUIToastMessageService$2.warningNotify((err === null || err === void 0 ? void 0 : (_err$response2 = err.response) === null || _err$response2 === void 0 ? void 0 : (_err$response2$data = _err$response2.data) === null || _err$response2$data === void 0 ? void 0 : _err$response2$data.message) || 'Opps, Something went wrong.');
+        IUIToastMessageService$2.warningNotify((err === null || err === void 0 ? void 0 : (_err$response3 = err.response) === null || _err$response3 === void 0 ? void 0 : (_err$response3$data = _err$response3.data) === null || _err$response3$data === void 0 ? void 0 : _err$response3$data.message) || 'Opps, Something went wrong.');
       });
     });
   };
@@ -1819,25 +1896,37 @@ var deleteRecord = function deleteRecord(tableName, id, getParam) {
         dispatch(userPanelStopLoader());
         resolve();
       })["catch"](function (err) {
-        var _err$response3, _err$response3$data;
-        IUIToastMessageService$2.warningNotify((err === null || err === void 0 ? void 0 : (_err$response3 = err.response) === null || _err$response3 === void 0 ? void 0 : (_err$response3$data = _err$response3.data) === null || _err$response3$data === void 0 ? void 0 : _err$response3$data.message) || 'Opps, Something went wrong.');
+        var _err$response4, _err$response4$data;
+        IUIToastMessageService$2.warningNotify((err === null || err === void 0 ? void 0 : (_err$response4 = err.response) === null || _err$response4 === void 0 ? void 0 : (_err$response4$data = _err$response4.data) === null || _err$response4$data === void 0 ? void 0 : _err$response4$data.message) || 'Opps, Something went wrong.');
         dispatch(userPanelStopLoader());
       });
     });
   };
 };
-var editRecord = function editRecord(tableName, data, getParam) {
+var editRecord = function editRecord(tableName, data, getParam, optionalParams) {
   return function (dispatch) {
     return new Promise(function (resolve, reject) {
-      api$3.post(userPanelUrl.editUnit(tableName), data).then(function (res) {
-        dispatch(getUserPanalData(getParam));
-        dispatch(closeDialog());
-        resolve();
-      })["catch"](function (err) {
-        var _err$response4, _err$response4$data;
-        dispatch(userPanelStopLoader());
-        IUIToastMessageService$2.warningNotify((err === null || err === void 0 ? void 0 : (_err$response4 = err.response) === null || _err$response4 === void 0 ? void 0 : (_err$response4$data = _err$response4.data) === null || _err$response4$data === void 0 ? void 0 : _err$response4$data.message) || 'Opps, Something went wrong.');
-      });
+      if (tableName === 'department') {
+        api$3.put(departmentUrl.departmentUrl() + "/" + optionalParams, data).then(function (res) {
+          dispatch(getUserPanalData(getParam));
+          dispatch(closeDialog());
+          resolve();
+        })["catch"](function (err) {
+          var _err$response5, _err$response5$data;
+          dispatch(userPanelStopLoader());
+          IUIToastMessageService$2.warningNotify((err === null || err === void 0 ? void 0 : (_err$response5 = err.response) === null || _err$response5 === void 0 ? void 0 : (_err$response5$data = _err$response5.data) === null || _err$response5$data === void 0 ? void 0 : _err$response5$data.message) || 'Opps, Something went wrong.');
+        });
+      } else {
+        api$3.post(userPanelUrl.editUnit(tableName), data).then(function (res) {
+          dispatch(getUserPanalData(getParam));
+          dispatch(closeDialog());
+          resolve();
+        })["catch"](function (err) {
+          var _err$response6, _err$response6$data;
+          dispatch(userPanelStopLoader());
+          IUIToastMessageService$2.warningNotify((err === null || err === void 0 ? void 0 : (_err$response6 = err.response) === null || _err$response6 === void 0 ? void 0 : (_err$response6$data = _err$response6.data) === null || _err$response6$data === void 0 ? void 0 : _err$response6$data.message) || 'Opps, Something went wrong.');
+        });
+      }
     });
   };
 };
@@ -1849,8 +1938,8 @@ var moveRecord = function moveRecord(tableName, data, getParam) {
         dispatch(closeDialog());
         resolve(res);
       })["catch"](function (err) {
-        var _err$response5, _err$response5$data;
-        IUIToastMessageService$2.warningNotify((err === null || err === void 0 ? void 0 : (_err$response5 = err.response) === null || _err$response5 === void 0 ? void 0 : (_err$response5$data = _err$response5.data) === null || _err$response5$data === void 0 ? void 0 : _err$response5$data.message) || 'Opps, Something went wrong.');
+        var _err$response7, _err$response7$data;
+        IUIToastMessageService$2.warningNotify((err === null || err === void 0 ? void 0 : (_err$response7 = err.response) === null || _err$response7 === void 0 ? void 0 : (_err$response7$data = _err$response7.data) === null || _err$response7$data === void 0 ? void 0 : _err$response7$data.message) || 'Opps, Something went wrong.');
       });
     });
   };
@@ -3950,6 +4039,7 @@ var initialState$2 = {
     previous: null,
     results: []
   },
+  deptUsers: [],
   loading: false
 };
 var reducer$2 = function reducer(state, action) {
@@ -4019,6 +4109,12 @@ var reducer$2 = function reducer(state, action) {
           loading: false
         });
       }
+    case FETCH_DEPARTMENT_USERS_DATA:
+      {
+        return _extends({}, state, {
+          deptUsers: action.payload
+        });
+      }
     default:
       return state;
   }
@@ -4797,6 +4893,7 @@ var UserAddEdit = function UserAddEdit(props) {
     isILadmin = _useSelector2.isILadmin,
     companyName = _useSelector2.companyName;
   var history = useHistory();
+  var location = useLocation();
   var _useState = useState({
       travel: false,
       expense: false
@@ -5052,6 +5149,18 @@ var UserAddEdit = function UserAddEdit(props) {
   var onAddModalClose = function onAddModalClose() {
     setAddModalData(_extends({}, defaultAddModalData));
   };
+  useEffect(function () {
+    var _location$state, _location$state2;
+    if (location !== null && location !== void 0 && (_location$state = location.state) !== null && _location$state !== void 0 && _location$state.id && location !== null && location !== void 0 && (_location$state2 = location.state) !== null && _location$state2 !== void 0 && _location$state2.name) {
+      var _location$state3, _location$state4;
+      setEmployeeInfoInput(_extends({}, employeeInfoInput, {
+        department: {
+          value: location === null || location === void 0 ? void 0 : (_location$state3 = location.state) === null || _location$state3 === void 0 ? void 0 : _location$state3.id,
+          label: location === null || location === void 0 ? void 0 : (_location$state4 = location.state) === null || _location$state4 === void 0 ? void 0 : _location$state4.name
+        }
+      }));
+    }
+  }, []);
   var onModalOpen = function onModalOpen(e, id) {
     var title = '';
     if (id === 'entity') {
@@ -5077,24 +5186,42 @@ var UserAddEdit = function UserAddEdit(props) {
       }));
     } else {
       dispatch(showLoader());
-      dispatch(submitAddModalData(addModalData.id, {
-        names: [validatedValue]
-      })).then(function (res) {
-        var _extends2, _extends3;
+      var dataObj;
+      if (addModalData.id === 'department') {
+        dataObj = {
+          name: validatedValue,
+          department_head_id: null
+        };
+      } else {
+        dataObj = {
+          names: [validatedValue]
+        };
+      }
+      dispatch(submitAddModalData(addModalData.id, dataObj)).then(function (res) {
+        var _extends4;
         setAddModalData(_extends({}, addModalData, {
           isOpen: false
         }));
         IUIToastMessageService$4.sNotify(addModalData.title + " added successfully.");
         var tempKey = addModalData.id === 'employee_level' ? 'emp_level' : addModalData.id;
-        setEmployeeInfoInput(_extends({}, employeeInfoInput, (_extends2 = {}, _extends2[tempKey] = {
-          value: res.data.value,
-          label: res.data.label
-        }, _extends2)));
-        updateInputChangeLog(_extends({}, inputChangeLog, (_extends3 = {}, _extends3[tempKey] = true, _extends3)));
+        if (addModalData.id === 'department') {
+          var _extends2;
+          setEmployeeInfoInput(_extends({}, employeeInfoInput, (_extends2 = {}, _extends2[tempKey] = {
+            value: res.data.result.id,
+            label: res.data.result.name
+          }, _extends2)));
+        } else {
+          var _extends3;
+          setEmployeeInfoInput(_extends({}, employeeInfoInput, (_extends3 = {}, _extends3[tempKey] = {
+            value: res.data.value,
+            label: res.data.label
+          }, _extends3)));
+        }
+        updateInputChangeLog(_extends({}, inputChangeLog, (_extends4 = {}, _extends4[tempKey] = true, _extends4)));
         asyncSelectRefs.current[tempKey].current.blur();
         clearCacheForAsyncDropdown(function (prevState) {
-          var _extends4;
-          return _extends({}, prevState, (_extends4 = {}, _extends4[tempKey] = prevState[tempKey] + 1, _extends4));
+          var _extends5;
+          return _extends({}, prevState, (_extends5 = {}, _extends5[tempKey] = prevState[tempKey] + 1, _extends5));
         });
         dispatch(stopLoader());
       });
@@ -5113,8 +5240,8 @@ var UserAddEdit = function UserAddEdit(props) {
     try {
       var _temp5 = function _temp5() {
         if (Object.hasOwnProperty.call(inputChangeLog, _name)) {
-          var _extends5;
-          updateInputChangeLog(_extends({}, inputChangeLog, (_extends5 = {}, _extends5[_name] = true, _extends5)));
+          var _extends6;
+          updateInputChangeLog(_extends({}, inputChangeLog, (_extends6 = {}, _extends6[_name] = true, _extends6)));
         }
       };
       var _name = args._name,
@@ -5137,8 +5264,8 @@ var UserAddEdit = function UserAddEdit(props) {
           updateError('contact_country_code', _isError, _errorMsg);
         } else {
           var _temp3 = function _temp3() {
-            var _extends6;
-            setPersonalInfoInput(_extends({}, personalInfoInput, (_extends6 = {}, _extends6[_name] = _value, _extends6)));
+            var _extends7;
+            setPersonalInfoInput(_extends({}, personalInfoInput, (_extends7 = {}, _extends7[_name] = _value, _extends7)));
             updateError(_name, _isError, _errorMsg);
           };
           var _temp2 = function () {
@@ -5186,7 +5313,7 @@ var UserAddEdit = function UserAddEdit(props) {
     }
   };
   var onEmployeeInfoChange = function onEmployeeInfoChange(args) {
-    var _extends7;
+    var _extends8;
     var _name = args._name,
       _value = args._value,
       _isError = args._isError,
@@ -5195,11 +5322,11 @@ var UserAddEdit = function UserAddEdit(props) {
       _name: _name,
       _value: _value
     });
-    setEmployeeInfoInput(_extends({}, employeeInfoInput, (_extends7 = {}, _extends7[_name] = _value, _extends7)));
+    setEmployeeInfoInput(_extends({}, employeeInfoInput, (_extends8 = {}, _extends8[_name] = _value, _extends8)));
     updateError(_name, _isError, _errorMsg);
     if (Object.hasOwnProperty.call(inputChangeLog, _name)) {
-      var _extends8;
-      updateInputChangeLog(_extends({}, inputChangeLog, (_extends8 = {}, _extends8[_name] = true, _extends8)));
+      var _extends9;
+      updateInputChangeLog(_extends({}, inputChangeLog, (_extends9 = {}, _extends9[_name] = true, _extends9)));
     }
   };
   var getUserTagTypeId = function getUserTagTypeId(name) {
@@ -5209,9 +5336,9 @@ var UserAddEdit = function UserAddEdit(props) {
     return tag.id;
   };
   var onUserTagTypeChange = function onUserTagTypeChange(args) {
-    var _extends9;
+    var _extends10;
     var e = args._event;
-    setUserTagType(_extends({}, userTagType, (_extends9 = {}, _extends9[e.target.name] = userTagType[e.target.name] ? false : getUserTagTypeId(e.target.name), _extends9)));
+    setUserTagType(_extends({}, userTagType, (_extends10 = {}, _extends10[e.target.name] = userTagType[e.target.name] ? false : getUserTagTypeId(e.target.name), _extends10)));
     if (Object.hasOwnProperty.call(inputChangeLog, 'userTagType')) {
       updateInputChangeLog(_extends({}, inputChangeLog, {
         userTagType: true
@@ -5219,22 +5346,23 @@ var UserAddEdit = function UserAddEdit(props) {
     }
   };
   var onCustomFieldsChange = function onCustomFieldsChange(_ref2) {
-    var _extends10;
+    var _extends11;
     var _name = _ref2._name,
       _value = _ref2._value;
-    setCustomFieldsInput(_extends({}, customFieldsInput, (_extends10 = {}, _extends10[_name] = _value, _extends10)));
+    setCustomFieldsInput(_extends({}, customFieldsInput, (_extends11 = {}, _extends11[_name] = _value, _extends11)));
   };
   var onTravelApproversInputChange = function onTravelApproversInputChange(_ref3) {
-    var _extends11;
+    var _extends12;
     var _name = _ref3._name,
       _value = _ref3._value;
-    setTravelApproversInput(_extends({}, travelApproversInput, (_extends11 = {}, _extends11[_name] = _value, _extends11)));
+    console.log(_name, _value, 'travel');
+    setTravelApproversInput(_extends({}, travelApproversInput, (_extends12 = {}, _extends12[_name] = _value, _extends12)));
   };
   var onExpenseApproversInputChange = function onExpenseApproversInputChange(_ref4) {
-    var _extends12;
+    var _extends13;
     var _name = _ref4._name,
       _value = _ref4._value;
-    setExpenseApproversInput(_extends({}, expenseApproversInput, (_extends12 = {}, _extends12[_name] = _value, _extends12)));
+    setExpenseApproversInput(_extends({}, expenseApproversInput, (_extends13 = {}, _extends13[_name] = _value, _extends13)));
   };
   var onMemInfoInputChange = function onMemInfoInputChange(index, key, val) {
     var _membershipInfoInput = [].concat(membershipInfoInput);
@@ -5268,39 +5396,39 @@ var UserAddEdit = function UserAddEdit(props) {
     setMembershipInfoInput(_membershipInfoInputTemp);
   };
   var travelPreferenceOnChange = function travelPreferenceOnChange(args) {
-    var _extends13;
+    var _extends14;
     var _name = args._name,
       _value = args._value,
       _isError = args._isError,
       _errorMsg = args._errorMsg;
-    settravelPreferenceInfo(_extends({}, travelPreferenceInfo, (_extends13 = {}, _extends13[_name] = _value, _extends13)));
+    settravelPreferenceInfo(_extends({}, travelPreferenceInfo, (_extends14 = {}, _extends14[_name] = _value, _extends14)));
     if (Object.hasOwnProperty.call(inputChangeLog, _name)) {
-      var _extends14;
-      updateInputChangeLog(_extends({}, inputChangeLog, (_extends14 = {}, _extends14[_name] = true, _extends14)));
+      var _extends15;
+      updateInputChangeLog(_extends({}, inputChangeLog, (_extends15 = {}, _extends15[_name] = true, _extends15)));
     }
     updateError(_name, _isError, _errorMsg);
   };
   var onSecureTraveelerInfoInputChange = function onSecureTraveelerInfoInputChange(args) {
-    var _extends15;
+    var _extends16;
     var _name = args._name,
       _value = args._value,
       _isError = args._isError,
       _errorMsg = args._errorMsg;
-    setSecureTravelInputInfo(_extends({}, secureTravelInputInfo, (_extends15 = {}, _extends15[_name] = _value, _extends15)));
+    setSecureTravelInputInfo(_extends({}, secureTravelInputInfo, (_extends16 = {}, _extends16[_name] = _value, _extends16)));
     if (Object.hasOwnProperty.call(inputChangeLog, _name)) {
-      var _extends16;
-      updateInputChangeLog(_extends({}, inputChangeLog, (_extends16 = {}, _extends16[_name] = true, _extends16)));
+      var _extends17;
+      updateInputChangeLog(_extends({}, inputChangeLog, (_extends17 = {}, _extends17[_name] = true, _extends17)));
     }
     updateError(_name, _isError, _errorMsg);
   };
   var onPassportInfoInputChange = function onPassportInfoInputChange(args) {
     try {
       var _temp8 = function _temp8() {
-        var _extends17;
-        setPassportInfoInput(_extends({}, passportInfoInput, (_extends17 = {}, _extends17[_name] = _value, _extends17)));
+        var _extends18;
+        setPassportInfoInput(_extends({}, passportInfoInput, (_extends18 = {}, _extends18[_name] = _value, _extends18)));
         if (Object.hasOwnProperty.call(inputChangeLog, _name)) {
-          var _extends18;
-          updateInputChangeLog(_extends({}, inputChangeLog, (_extends18 = {}, _extends18[_name] = true, _extends18)));
+          var _extends19;
+          updateInputChangeLog(_extends({}, inputChangeLog, (_extends19 = {}, _extends19[_name] = true, _extends19)));
         }
         updateError(_name, _isError, _errorMsg);
       };
@@ -5406,8 +5534,8 @@ var UserAddEdit = function UserAddEdit(props) {
       return _errorArray;
     });
     setErrorMsgs(function (prevState) {
-      var _extends19;
-      return _extends({}, prevState, (_extends19 = {}, _extends19[_name] = _errorMsg, _extends19));
+      var _extends20;
+      return _extends({}, prevState, (_extends20 = {}, _extends20[_name] = _errorMsg, _extends20));
     });
   };
   var dispatch = useDispatch();
@@ -6736,7 +6864,7 @@ var fetchBulkactionHistory = function fetchBulkactionHistory(url) {
   };
 };
 
-var styles$5 = {"UUIUserManagementList":"_3WNHx","scrollOverlayMenu":"_2_WEg","overlaysearch":"_1Pbhb","pageHeader":"_1WLpc","buttonWrapper":"_2egTG","headingWrapper":"_1He01","headingSignUpWrapper":"_Q8vqd","heading":"_1uPaO","headingLarge":"_2FsLd","headingMedium":"_nGXA9","headingSmall":"_2rpwF","description":"_25vb9","headerText":"_1Ny9J","letterImage":"_2hr3R","tablewrapper":"_1-RPw","rowText":"_1LXyO","textTransform":"_3kFQS","lightColor":"_3Ghgw","avatarClassName":"_2qO_X","tooltipText":"_151u_","tooltipTextDiv":"_1l4V-","tooltip":"_-LQNH","importModalBodyContainer":"_25xUk","dividerColor":"_2HZv9","w100":"_3vGmU","downloadTemplateContainer":"_3-Xu_","downloadTemplateDescContainer":"_tLw43","labelContainer":"_7TYUZ","downlTempHeader":"__CZpe","downlTempDescription":"_19jEe","downloadTemplateButton":"_1qXtq","fileUploaderContainer":"_1YVz2","colGap":"_3vnY5","deActivateModalContainer":"_28H9H","backdrop":"_1ky1x","errorText":"_26_if","user_list_page_tabs":"_xWE7K","TabLabelCount":"_13pXn"};
+var styles$5 = {"UUIUserManagementList":"_3WNHx","scrollOverlayMenu":"_2_WEg","overlaysearch":"_1Pbhb","pageHeader":"_1WLpc","buttonWrapper":"_2egTG","headingWrapper":"_1He01","headingSignUpWrapper":"_Q8vqd","heading":"_1uPaO","headingLarge":"_2FsLd","headingMedium":"_nGXA9","headingSmall":"_2rpwF","description":"_25vb9","headerText":"_1Ny9J","letterImage":"_2hr3R","tablewrapper":"_1-RPw","rowText":"_1LXyO","textTransform":"_3kFQS","lightColor":"_3Ghgw","avatarClassName":"_2qO_X","tooltipText":"_151u_","tooltip":"_-LQNH","importModalBodyContainer":"_25xUk","dividerColor":"_2HZv9","w100":"_3vGmU","downloadTemplateContainer":"_3-Xu_","downloadTemplateDescContainer":"_tLw43","labelContainer":"_7TYUZ","downlTempHeader":"__CZpe","downlTempDescription":"_19jEe","downloadTemplateButton":"_1qXtq","fileUploaderContainer":"_1YVz2","colGap":"_3vnY5","deActivateModalContainer":"_28H9H","backdrop":"_1ky1x","errorText":"_26_if","deactivateAlert":"_3hvWz","departmentHeadText":"_3pOsV","deactivateBtn":"_2v6e4","user_list_page_tabs":"_xWE7K","TabLabelCount":"_13pXn"};
 
 var BulkUploadModal = function BulkUploadModal(props) {
   var isOpenImportUsersModal = props.isOpenImportUsersModal,
@@ -8222,9 +8350,9 @@ var StickyHeadTable = function StickyHeadTable(props) {
     cell: function cell(row) {
       return /*#__PURE__*/React.createElement(IUIBox, {
         component: "div",
-        width: 80
+        width: 60
       }, row && row.has_visited === 0 ? /*#__PURE__*/React.createElement(Tooltip, {
-        title: "This user hasn't logged in to the platform yet",
+        title: "This user hasn't logged on to the platform yet",
         arrow: true,
         classes: {
           arrow: classes.arrow,
@@ -8232,7 +8360,7 @@ var StickyHeadTable = function StickyHeadTable(props) {
         },
         placement: "top-start"
       }, /*#__PURE__*/React.createElement("div", {
-        className: clsx(styles$5.tooltipTextDiv)
+        className: clsx(styles$5.tooltipText)
       }, "Invited")) : null);
     }
   }, {
@@ -8333,7 +8461,7 @@ var StickyHeadTable = function StickyHeadTable(props) {
         options.push({
           label: 'Resend invite',
           handler: function handler() {
-            return toggleInviteModal(row.id, 'single', row.first_name, row.last_name);
+            return toggleInviteModal(row.id, 'single');
           }
         });
       }
@@ -8505,6 +8633,42 @@ var SingupRequests = function SingupRequests(props) {
   });
 };
 
+function InfoYellowIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: props.width,
+    height: props.height,
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M11 4.99951C11 5.5518 10.5523 5.99951 10 5.99951C9.44771 5.99951 9 5.5518 9 4.99951C9 4.44723 9.44771 3.99951 10 3.99951C10.5523 3.99951 11 4.44723 11 4.99951Z",
+    fill: "#CA8A04"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M8 7.99951C7.44772 7.99951 7 8.44723 7 8.99951C7 9.5518 7.44772 9.99951 8 9.99951H9V12.9995H8C7.44772 12.9995 7 13.4472 7 13.9995C7 14.5518 7.44772 14.9995 8 14.9995H12C12.5523 14.9995 13 14.5518 13 13.9995C13 13.4472 12.5523 12.9995 12 12.9995H11V8.99951C11 8.44723 10.5523 7.99951 10 7.99951H8Z",
+    fill: "#CA8A04"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M0 9.99951C0 15.5224 4.47715 19.9995 10 19.9995C15.5228 19.9995 20 15.5224 20 9.99951C20 4.47666 15.5228 -0.000488281 10 -0.000488281C4.47715 -0.000488281 0 4.47666 0 9.99951ZM10 1.99951C14.4183 1.99951 18 5.58123 18 9.99951C18 14.4178 14.4183 17.9995 10 17.9995C5.58172 17.9995 2 14.4178 2 9.99951C2 5.58123 5.58172 1.99951 10 1.99951Z",
+    fill: "#CA8A04"
+  }));
+}
+
+function RedWarningIcon(props) {
+  var _props$color = props.color,
+    color = _props$color === void 0 ? '#E11D48' : _props$color,
+    _props$size = props.size,
+    size = _props$size === void 0 ? '14' : _props$size;
+  return /*#__PURE__*/React.createElement("svg", {
+    width: size,
+    height: size,
+    viewBox: "0 0 14 14",
+    fill: color,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M7 14C10.866 14 14 10.866 14 7C14 3.13401 10.866 0 7 0C3.13401 0 0 3.13401 0 7C0 10.866 3.13401 14 7 14ZM6 4C6 3.44772 6.44772 3 7 3C7.55229 3 8 3.44772 8 4V6C8 6.55229 7.55229 7 7 7C6.44772 7 6 6.55229 6 6V4ZM6 10C6 9.44771 6.44772 9 7 9C7.55229 9 8 9.44771 8 10C8 10.5523 7.55229 11 7 11C6.44772 11 6 10.5523 6 10Z",
+    fill: color
+  }));
+}
+
 function InviteInfoIcon() {
   return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -8522,7 +8686,8 @@ function InviteInfoIcon() {
 }
 
 var IUIToastMessageService$7 = services.IUIToastMessageService;
-var env$7 = configs.env;
+var env$7 = configs.env,
+  api$7 = configs.api;
 var UndoButton = function UndoButton(_ref) {
   var onUndo = _ref.onUndo,
     msg = _ref.msg;
@@ -8560,21 +8725,33 @@ var UserList = function UserList(_ref2) {
     isDataFetching = _useSelector.isDataFetching,
     deactivatedUsers = _useSelector.deactivatedUsers,
     tabValue = _useSelector.tabValue;
-  var _React$useState = React.useState(1),
-    page = _React$useState[0],
-    setPage = _React$useState[1];
+  var newSelecteds = userListInfo.results;
+  var _React$useState = React.useState(''),
+    deactivateUser = _React$useState[0],
+    setDeactivateUser = _React$useState[1];
+  var _React$useState2 = React.useState(null),
+    setDefaultId = _React$useState2[1];
+  var _React$useState3 = React.useState(1),
+    page = _React$useState3[0],
+    setPage = _React$useState3[1];
+  var _React$useState4 = React.useState(''),
+    user = _React$useState4[0],
+    setUser = _React$useState4[1];
   var _useState = useState(10),
     rowsPerPage = _useState[0],
     setRowsPerPage = _useState[1];
-  var _React$useState2 = React.useState({}),
-    selected = _React$useState2[0],
-    setSelected = _React$useState2[1];
-  var _React$useState3 = React.useState('asc'),
-    order = _React$useState3[0],
-    setOrder = _React$useState3[1];
-  var _React$useState4 = React.useState('first_name'),
-    orderBy = _React$useState4[0],
-    setOrderBy = _React$useState4[1];
+  var _React$useState5 = React.useState({}),
+    selected = _React$useState5[0],
+    setSelected = _React$useState5[1];
+  var _React$useState6 = React.useState('asc'),
+    order = _React$useState6[0],
+    setOrder = _React$useState6[1];
+  var _React$useState7 = React.useState(false),
+    deactivateSingle = _React$useState7[0],
+    setDeactivateSingle = _React$useState7[1];
+  var _React$useState8 = React.useState('first_name'),
+    orderBy = _React$useState8[0],
+    setOrderBy = _React$useState8[1];
   var _useState2 = useState(''),
     searchValue = _useState2[0],
     setSearchValue = _useState2[1];
@@ -8592,38 +8769,44 @@ var UserList = function UserList(_ref2) {
     isOpenImportUsersModal = _useState4[0],
     setOpenImportUsersModal = _useState4[1];
   var _useState5 = useState(false),
-    isFileDownloading = _useState5[0],
-    setDownlStatus = _useState5[1];
+    approveeStatus = _useState5[0],
+    setApproveeStatus = _useState5[1];
   var _useState6 = useState(false),
-    isSortingChange = _useState6[0],
-    setSortingChange = _useState6[1];
+    isFileDownloading = _useState6[0],
+    setDownlStatus = _useState6[1];
   var _useState7 = useState(false),
-    isSearchingChange = _useState7[0],
-    setSearchingChange = _useState7[1];
+    isSortingChange = _useState7[0],
+    setSortingChange = _useState7[1];
   var _useState8 = useState(false),
-    isSortingChangeTemp = _useState8[0],
-    setSortingChangeTemp = _useState8[1];
+    isSearchingChange = _useState8[0],
+    setSearchingChange = _useState8[1];
   var _useState9 = useState(false),
-    isSearchingChangeTemp = _useState9[0],
-    setSearchingChangeTemp = _useState9[1];
+    isSortingChangeTemp = _useState9[0],
+    setSortingChangeTemp = _useState9[1];
   var _useState10 = useState(false),
-    isApiFetching = _useState10[0],
-    setisApiFetching = _useState10[1];
+    isSearchingChangeTemp = _useState10[0],
+    setSearchingChangeTemp = _useState10[1];
   var _useState11 = useState(false),
-    showInviteModal = _useState11[0],
-    setToggleInviteModal = _useState11[1];
-  var _useState12 = useState(''),
-    userIds = _useState12[0],
-    setUserIds = _useState12[1];
-  var _React$useState5 = React.useState(false),
-    overlayMenu = _React$useState5[0],
-    setOverlayMenu = _React$useState5[1];
-  var _useState13 = useState(''),
-    userFirstName = _useState13[0],
-    setUserFirstName = _useState13[1];
+    isApiFetching = _useState11[0],
+    setisApiFetching = _useState11[1];
+  var _useState12 = useState({
+      value: '',
+      label: 'Select approver'
+    }),
+    approverRole = _useState12[0],
+    setApproverRole = _useState12[1];
+  var _useState13 = useState(false),
+    showInviteModal = _useState13[0],
+    setToggleInviteModal = _useState13[1];
   var _useState14 = useState(''),
-    userLastName = _useState14[0],
-    setUserLastName = _useState14[1];
+    userIds = _useState14[0],
+    setUserIds = _useState14[1];
+  var _React$useState9 = React.useState(false),
+    overlayMenu = _React$useState9[0],
+    setOverlayMenu = _React$useState9[1];
+  var _useState15 = useState(true),
+    isDisabledSubmitBtn = _useState15[0],
+    setIsDisabledSubmitBtn = _useState15[1];
   useScrollPosition(function (_ref3) {
     var prevPos = _ref3.prevPos,
       currPos = _ref3.currPos;
@@ -8644,37 +8827,40 @@ var UserList = function UserList(_ref2) {
       behavior: 'smooth'
     });
   };
-  var _React$useState6 = React.useState(1),
-    signup_page = _React$useState6[0],
-    setSignUpPage = _React$useState6[1];
-  var _useState15 = useState(5),
-    signup_rowsPerPage = _useState15[0],
-    setSignUpRowsPerPage = _useState15[1];
-  var _React$useState7 = React.useState('asc'),
-    signup_order = _React$useState7[0],
-    setSignUpOrder = _React$useState7[1];
-  var _React$useState8 = React.useState('fname'),
-    signup_orderBy = _React$useState8[0],
-    setSignUpOrderBy = _React$useState8[1];
-  var _useState16 = useState(''),
-    signup_searchValue = _useState16[0],
-    set_signup_SearchValue = _useState16[1];
-  var _useState17 = useState(false),
-    isSignUpSortingChange = _useState17[0],
-    setSignUpSortingChange = _useState17[1];
+  var _React$useState10 = React.useState(1),
+    signup_page = _React$useState10[0],
+    setSignUpPage = _React$useState10[1];
+  var _useState16 = useState(5),
+    signup_rowsPerPage = _useState16[0],
+    setSignUpRowsPerPage = _useState16[1];
+  var _React$useState11 = React.useState('asc'),
+    signup_order = _React$useState11[0],
+    setSignUpOrder = _React$useState11[1];
+  var _React$useState12 = React.useState('fname'),
+    signup_orderBy = _React$useState12[0],
+    setSignUpOrderBy = _React$useState12[1];
+  var _useState17 = useState(''),
+    signup_searchValue = _useState17[0],
+    set_signup_SearchValue = _useState17[1];
   var _useState18 = useState(false),
-    isSignUpSearchingChange = _useState18[0],
-    setSignUpSearchingChange = _useState18[1];
+    isSignUpSortingChange = _useState18[0],
+    setSignUpSortingChange = _useState18[1];
   var _useState19 = useState(false),
-    isSignUpSortingChangeTemp = _useState19[0],
-    setSignUpSortingChangeTemp = _useState19[1];
+    isSignUpSearchingChange = _useState19[0],
+    setSignUpSearchingChange = _useState19[1];
   var _useState20 = useState(false),
-    isSignUpSearchingChangeTemp = _useState20[0],
-    setSignUpSearchingChangeTemp = _useState20[1];
+    isSignUpSortingChangeTemp = _useState20[0],
+    setSignUpSortingChangeTemp = _useState20[1];
+  var _useState21 = useState(false),
+    isSignUpSearchingChangeTemp = _useState21[0],
+    setSignUpSearchingChangeTemp = _useState21[1];
   var _useSelector3 = useSelector(function (state) {
       return state.userList;
     }),
     signupRequestListInfo = _useSelector3.signupRequestListInfo;
+  var redirectToNotifications = function redirectToNotifications() {
+    history.push(config.routes.notification.path);
+  };
   var openDeactivateModal = function openDeactivateModal() {
     if (Object.values(selected).flat().length === 0 || Object.values(selected).flat() === undefined) {
       IUIToastMessageService$7.warningNotify('Select at least one user to deactivate.');
@@ -8732,12 +8918,12 @@ var UserList = function UserList(_ref2) {
   };
   var deselectingCheckboxHandler = function deselectingCheckboxHandler(page) {
     var _extends2;
-    var newSelecteds = userListInfo.results.filter(function (n) {
+    var _newSelecteds = newSelecteds.filter(function (n) {
       return n.is_active;
     }).map(function (obj) {
       return obj.id.toString();
     });
-    setSelected(_extends({}, selected, (_extends2 = {}, _extends2[page] = newSelecteds, _extends2)));
+    setSelected(_extends({}, selected, (_extends2 = {}, _extends2[page] = _newSelecteds, _extends2)));
   };
   var handleSelectAllClick = function handleSelectAllClick(event, page) {
     var _extends3;
@@ -8771,18 +8957,43 @@ var UserList = function UserList(_ref2) {
       selectedTemp[page] = [];
     }
     var selectedIndex = selectedTemp[page].indexOf(id);
-    var newSelected = [];
+    var _newSelected = [];
     if (selectedIndex === -1) {
-      newSelected = newSelected.concat(selectedTemp[page], id);
+      _newSelected = _newSelected.concat(selectedTemp[page], id);
     } else if (selectedIndex === 0) {
-      newSelected = newSelected.concat(selectedTemp[page].slice(1));
+      _newSelected = _newSelected.concat(selectedTemp[page].slice(1));
     } else if (selectedIndex === selectedTemp[page].length - 1) {
-      newSelected = newSelected.concat(selectedTemp[page].slice(0, -1));
+      _newSelected = _newSelected.concat(selectedTemp[page].slice(0, -1));
     } else if (selectedIndex > 0) {
-      newSelected = newSelected.concat(selectedTemp[page].slice(0, selectedIndex), selectedTemp[page].slice(selectedIndex + 1));
+      _newSelected = _newSelected.concat(selectedTemp[page].slice(0, selectedIndex), selectedTemp[page].slice(selectedIndex + 1));
     }
-    setSelected(_extends({}, selected, (_extends4 = {}, _extends4[page] = newSelected, _extends4)));
+    setSelected(_extends({}, selected, (_extends4 = {}, _extends4[page] = _newSelected, _extends4)));
   };
+  useEffect(function () {
+    setApproverRole({
+      value: '',
+      label: 'Select approver'
+    });
+    setIsDisabledSubmitBtn(true);
+    setApproveeStatus(false);
+    if (deactivateSingle === true) {
+      api$7.get(userAddEditUrl._approversSearch() + "user_id=" + user.id + "&page=1").then(function (response) {
+        setDefaultId(response.data["default"].id);
+        response.data.results.map(function (item) {
+          if (response.data["default"].id === item.id) {
+            setApproverRole({
+              value: '',
+              label: item.email
+            });
+            setIsDisabledSubmitBtn(false);
+            if (item.approvee_status) {
+              setApproveeStatus(true);
+            }
+          }
+        });
+      });
+    }
+  }, [deactivateSingle]);
   var handleChangeRowsPerPage = function handleChangeRowsPerPage(event) {
     setRowsPerPage(+event.target.value);
     setPage(1);
@@ -8792,20 +9003,43 @@ var UserList = function UserList(_ref2) {
   };
   var handleActiveUser = function handleActiveUser(e, id, page) {
     var isActive = e.target.checked;
-    dispatch(updateActiveStatus(e.target.checked ? 1 : 0, e.target.id)).then(function () {
-      if (!isActive) {
-        if (Object.values(selected).flat().includes(id.toString())) {
-          var _extends5;
-          var selectedTemp = _extends({}, selected);
-          selectedTemp[page].splice(selectedTemp[page].indexOf(id.toString()), 1);
-          setSelected(_extends({}, selected, (_extends5 = {}, _extends5[page] = selectedTemp[page], _extends5)));
+    var _isApprover;
+    newSelecteds.map(function (item) {
+      if (item.id === id) {
+        _isApprover = item.roles.is_approver;
+        if (_isApprover === true && isActive === false) {
+          setDeactivateSingle(true);
+          setDeactivateUser(item.first_name + ' ' + item.last_name);
+          setUser(item);
+        } else {
+          dispatch(updateActiveStatus(e.target.checked ? 1 : 0, e.target.id, _isApprover)).then(function () {
+            if (!isActive) {
+              if (Object.values(selected).flat().includes(id.toString())) {
+                var _extends5;
+                var selectedTemp = _extends({}, selected);
+                selectedTemp[page].splice(selectedTemp[page].indexOf(id.toString()), 1);
+                setSelected(_extends({}, selected, (_extends5 = {}, _extends5[page] = selectedTemp[page], _extends5)));
+              }
+            }
+          });
         }
       }
     });
   };
+  var selectApprover = function selectApprover(_ref4) {
+    var _value = _ref4._value;
+    if (_value.data.approvee_status) {
+      setApproveeStatus(true);
+    } else {
+      setApproveeStatus(false);
+    }
+    setApproverRole(_value);
+    setIsDisabledSubmitBtn(false);
+  };
   var handleDeactivateUsers = function handleDeactivateUsers() {
-    dispatch(deActivateUsers(Object.values(selected).flat()));
+    dispatch(updateActiveStatus(0, user.id, user.roles.is_approver, approverRole.data.id));
     setOpenDeActivateModalFlag(false);
+    setDeactivateSingle(false);
     setSelected({});
   };
   var importUserHandler = function importUserHandler() {
@@ -8823,19 +9057,13 @@ var UserList = function UserList(_ref2) {
       email: email
     }));
   };
-  var toggleInviteModal = function toggleInviteModal(ids, type, firstName, lastName) {
-    if (type === undefined) {
-      if (Object.values(selected).flat().length === 0 || Object.values(selected).flat() === undefined) {
-        IUIToastMessageService$7.warningNotify('Select at least one user to invite.');
-        return false;
-      }
+  var toggleInviteModal = function toggleInviteModal(ids, type) {
+    console.log(type);
+    if (!type && (Object.values(selected).flat().length === 0 || Object.values(selected).flat() === undefined)) {
+      IUIToastMessageService$7.warningNotify('Select at least one user to invite.');
+      return false;
     }
     setUserIds(ids);
-    setUserFirstName(firstName);
-    setUserLastName(lastName);
-    setToggleInviteModal(!showInviteModal);
-  };
-  var toggleInviteModalClose = function toggleInviteModalClose() {
     setToggleInviteModal(!showInviteModal);
   };
   var onResendInviteHandler = function onResendInviteHandler() {
@@ -9159,7 +9387,11 @@ var UserList = function UserList(_ref2) {
       }, /*#__PURE__*/React.createElement(IUITypography, {
         variant: "body2",
         className: clsx(styles$5.description)
-      }, "Verify and add users to allow them to start using ITILITE. Set up preferences for receiving sign up request updates in Notifications.")), /*#__PURE__*/React.createElement(SingupRequests, {
+      }, "Verify and add users to allow them to start using ITILITE. Set up preferences for receiving sign up request updates in", ' ', /*#__PURE__*/React.createElement(IUITypography, {
+        variant: "span",
+        onClick: config.routes.notification && redirectToNotifications,
+        className: clsx(config.routes.notification && 'iui__cursor-pointer iui__border--bottom_solid_black500-1')
+      }, "Notifications"))), /*#__PURE__*/React.createElement(SingupRequests, {
         data: signupRequestListInfo,
         handleChangeRowsPerPage: function handleChangeRowsPerPage(event) {
           setSignUpRowsPerPage(+event.target.value);
@@ -9191,6 +9423,45 @@ var UserList = function UserList(_ref2) {
       }))
     }]
   }))), /*#__PURE__*/React.createElement(IUIModal, {
+    isOpen: deactivateSingle,
+    closeHandler: function closeHandler() {
+      setDeactivateSingle(false);
+    },
+    cancelLabel: "Cancel",
+    submitLabel: "Deactivate",
+    submitHandler: handleDeactivateUsers,
+    headerText: "Deactivate this user?",
+    width: "400px",
+    subHanderText: "",
+    submitBtnClass: styles$5.deactivateBtn,
+    isDisabledSubmitBtn: isDisabledSubmitBtn
+  }, /*#__PURE__*/React.createElement(IUIBox, {
+    className: styles$5.deactivateSingle
+  }, /*#__PURE__*/React.createElement(IUIBox, {
+    className: styles$5.deactivateAlert
+  }, /*#__PURE__*/React.createElement(InfoYellowIcon, {
+    width: "9",
+    height: "9"
+  }), /*#__PURE__*/React.createElement(IUITypography, null, /*#__PURE__*/React.createElement("b", null, deactivateUser), " is linked with multiple roles. You can deactivate them only once you transfer the roles to another user.")), /*#__PURE__*/React.createElement(IUIBox, {
+    className: "iui__my-15"
+  }, /*#__PURE__*/React.createElement(IUIAsyncSelect, {
+    isMove: true,
+    additional: {
+      page: 1,
+      product: 'travel',
+      userId: user.id
+    },
+    placeHolderCheck: approverRole !== undefined && approverRole.value === '',
+    label: "Transfer approver role to",
+    value: approverRole,
+    onValueChange: selectApprover,
+    loadOption: transferRoleOptions,
+    disableText: "Please get in touch with your administrator to change this value."
+  }), approveeStatus && /*#__PURE__*/React.createElement(IUIBox, {
+    className: "iui__d-flex iui__align-items-baseline iui__mr-5"
+  }, /*#__PURE__*/React.createElement(IUIBox, null, /*#__PURE__*/React.createElement(RedWarningIcon, null)), /*#__PURE__*/React.createElement(IUIBox, {
+    className: "iui__font--para-normal iui__font--color-black500 iui__mt-5 iui__ml-5"
+  }, "The user You're deactivating is the approver of the user you're transferring the role to. If you continue, this user will become a self-approver"))))), /*#__PURE__*/React.createElement(IUIModal, {
     isOpen: Object.values(selected).flat().length > 0 && isOpenDeActivateModal,
     closeHandler: closeDeActivateModal,
     cancelLabel: "Cancel",
@@ -9218,9 +9489,7 @@ var UserList = function UserList(_ref2) {
     className: styles$5.description
   }, "The", ' ', Object.values(selected).flat().length === 1 ? ' user ' : ' users ', "won\u2019t be able to access itilite platform"))), /*#__PURE__*/React.createElement(IUIModal, {
     isOpen: showInviteModal,
-    closeHandler: function closeHandler() {
-      return toggleInviteModalClose();
-    },
+    closeHandler: toggleInviteModal,
     cancelLabel: "Cancel",
     headerText: "Resend Invites?",
     submitLabel: "Send",
@@ -9252,13 +9521,7 @@ var UserList = function UserList(_ref2) {
       fontSize: '14px',
       color: '#374151'
     }
-  }, "This invitation will be sent to", ' ', /*#__PURE__*/React.createElement("span", {
-    style: {
-      fontSize: '14px',
-      color: '#374151',
-      fontWeight: 'bold'
-    }
-  }, userFirstName != null ? userFirstName + " " + userLastName : 'selected users'), ", who have not logged into the platform."))), /*#__PURE__*/React.createElement(BulkUploadModal, {
+  }, "This invitation will be sent to users who have not logged into the platform."))), /*#__PURE__*/React.createElement(BulkUploadModal, {
     isOpenImportUsersModal: isOpenImportUsersModal,
     closeImportUsersModal: closeImportUsersModal,
     closeImportModal: closeImportModal
@@ -9267,8 +9530,8 @@ var UserList = function UserList(_ref2) {
     errMsg: hasVerificationError
   }));
 };
-var TabLabelCount = function TabLabelCount(_ref4) {
-  var count = _ref4.count;
+var TabLabelCount = function TabLabelCount(_ref5) {
+  var count = _ref5.count;
   return /*#__PURE__*/React.createElement(IUIBox, {
     className: styles$5.TabLabelCount
   }, " ", count, " ");
@@ -9343,11 +9606,12 @@ function Header(props) {
   })));
 }
 
-var styles$7 = {"sidebar__container":"_1EFxC","sidebar__wrapper":"_3Mk3_","sidebar__navlinks":"_29KVG","sidebar__navlinks-title":"_2Eg7m","MuiListItem-button":"_3yWwI","Mui-selected":"_3Ou88","buttonWidth":"_13tv0","onBoardText":"_HUoW-","iconStyle":"_3k0Fb","iconLayout":"_v3GT2","baseAlert":"_12zY5","headingWrapper":"_20Qv9","pageHeader":"_36au5","description":"_tULrl","headerText":"_3W_ZV","tableContainer":"_3xdGF"};
+var styles$7 = {"sidebar__container":"_1EFxC","sidebar__wrapper":"_3Mk3_","sidebar__navlinks":"_29KVG","sidebar__navlinks-title":"_2Eg7m","MuiListItem-button":"_3yWwI","Mui-selected":"_3Ou88","rowText":"_2XKxl","lightColor":"_3uyfh","buttonWidth":"_13tv0","readOnlyInput":"_3yYuQ","addUserButton":"_1zbr_","alertDescContainer":"_3h8DM","onBoardText":"_HUoW-","iconStyle":"_3k0Fb","iconLayout":"_v3GT2","baseAlert":"_12zY5","headingWrapper":"_20Qv9","pageHeader":"_36au5","description":"_tULrl","headerText":"_3W_ZV","tableContainer":"_3xdGF"};
 
 function Listview(_ref) {
   var data = _ref.data,
     name = _ref.name,
+    tableName = _ref.tableName,
     handleEditDialog = _ref.handleEditDialog,
     handleDeleteDialog = _ref.handleDeleteDialog,
     orderBy = _ref.orderBy,
@@ -9360,16 +9624,82 @@ function Listview(_ref) {
     handleChangePage = _ref$handleChangePage === void 0 ? function () {} : _ref$handleChangePage,
     page = _ref.page,
     rowsPerPage = _ref.rowsPerPage;
+  var deptHeadDetails = function deptHeadDetails(data) {
+    var _data$dept_head_detai;
+    if ((data === null || data === void 0 ? void 0 : (_data$dept_head_detai = data.dept_head_details) === null || _data$dept_head_detai === void 0 ? void 0 : _data$dept_head_detai.length) > 0) {
+      return data.dept_head_details[0].first_name + ' ' + data.dept_head_details[0].last_name;
+    }
+  };
   var columns = [{
     id: 'name',
     label: name,
-    width: '45%',
+    width: '40%',
+    sortable: true,
+    cell: function cell(row) {
+      return /*#__PURE__*/React.createElement(IUIBox, {
+        component: "div"
+      }, row.name);
+    }
+  }, {
+    id: 'no_of_users',
+    label: 'Number of users',
+    width: '40%',
+    sortable: true,
+    cell: function cell(row) {
+      return /*#__PURE__*/React.createElement(IUIBox, {
+        component: "div"
+      }, row.no_of_users);
+    }
+  }, {
+    id: 'actions',
+    label: 'Actions',
+    width: '20%',
+    cell: function cell(row) {
+      return row.code !== UNASSIGNED_USERS && /*#__PURE__*/React.createElement(IUIBox, {
+        display: "flex"
+      }, /*#__PURE__*/React.createElement(IUIButton, {
+        buttonText: "Edit",
+        className: styles$7.buttonWidth,
+        onClick: function onClick() {
+          return handleEditDialog(row);
+        }
+      }), row.no_of_users > 0 ? /*#__PURE__*/React.createElement(IUIButton, {
+        buttonText: "Delete",
+        className: styles$7.buttonWidth,
+        onClick: function onClick() {
+          return handleDeleteDialog(row, true);
+        }
+      }) : /*#__PURE__*/React.createElement(IUIButton, {
+        buttonText: "Delete",
+        className: styles$7.buttonWidth,
+        onClick: function onClick() {
+          return handleDeleteDialog(row, false);
+        }
+      }));
+    }
+  }];
+  var departmentColumns = [{
+    id: 'name',
+    label: name,
+    width: '30%',
     sortable: true,
     cell: function cell(row) {
       return /*#__PURE__*/React.createElement(IUIBox, {
         component: "div"
       }, row.name);
     }
+  }, {
+    id: 'department_head',
+    label: 'Department head',
+    width: '30%',
+    sortable: true,
+    cell: function cell(row) {
+      return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(IUIBox, {
+        component: "div"
+      }, deptHeadDetails(row)), row.is_default_dept_head && /*#__PURE__*/React.createElement(IUITypography, {
+        className: clsx(styles$7.rowText, styles$7.textTransform, styles$7.lightColor)
+      }, "Assigned by default"));
+    }
   }, {
     id: 'no_of_users',
     label: 'Number of users',
@@ -9383,7 +9713,7 @@ function Listview(_ref) {
   }, {
     id: 'actions',
     label: 'Actions',
-    width: '10%',
+    width: '15%',
     cell: function cell(row) {
       return row.code !== UNASSIGNED_USERS && /*#__PURE__*/React.createElement(IUIBox, {
         display: "flex"
@@ -9416,7 +9746,7 @@ function Listview(_ref) {
     hasFilter: true,
     isCheckboxTable: false,
     count: data.count,
-    columns: columns,
+    columns: tableName === 'department' ? departmentColumns : columns,
     rows: data.results,
     page: page,
     handleChangePage: handleChangePage,
@@ -9473,15 +9803,44 @@ function EditPanelDialog(_ref) {
   var isOpen = _ref.isOpen,
     closeHandler = _ref.closeHandler,
     onValueChange = _ref.onValueChange,
-    submitHandler = _ref.submitHandler,
+    _submitHandler = _ref.submitHandler,
     isError = _ref.isError,
     name = _ref.name,
     isDisabledSubmitBtn = _ref.isDisabledSubmitBtn,
-    validation = _ref.validation;
+    validation = _ref.validation,
+    rowData = _ref.rowData,
+    tableName = _ref.tableName,
+    config = _ref.config;
   var _useSelector = useSelector(function (state) {
       return state.userPanel;
     }),
     dialogData = _useSelector.dialogData;
+  var deptHeadDetails = function deptHeadDetails(data) {
+    var _data$dept_head_detai;
+    if ((data === null || data === void 0 ? void 0 : (_data$dept_head_detai = data.dept_head_details) === null || _data$dept_head_detai === void 0 ? void 0 : _data$dept_head_detai.length) > 0) {
+      setHead({
+        value: data.dept_head_details[0].id,
+        label: data.dept_head_details[0].first_name + ' ' + data.dept_head_details[0].last_name
+      });
+    }
+  };
+  var _useState = useState({
+      value: '',
+      label: 'Select'
+    }),
+    head = _useState[0],
+    setHead = _useState[1];
+  useEffect(function () {
+    deptHeadDetails(rowData);
+  }, [rowData]);
+  var history = useHistory();
+  var handleAddPageNavigation = function handleAddPageNavigation() {
+    console.log(rowData);
+    history.push({
+      pathname: config.routes.users.add.path,
+      state: rowData
+    });
+  };
   return /*#__PURE__*/React.createElement(IUIModal, {
     isDisabledSubmitBtn: isDisabledSubmitBtn,
     isOpen: isOpen,
@@ -9489,25 +9848,59 @@ function EditPanelDialog(_ref) {
     headerText: "Edit " + name.toLowerCase(),
     cancelLabel: (_dialogData$labels = dialogData.labels) === null || _dialogData$labels === void 0 ? void 0 : _dialogData$labels.cancelLabel,
     submitLabel: (_dialogData$labels2 = dialogData.labels) === null || _dialogData$labels2 === void 0 ? void 0 : _dialogData$labels2.submitLabel,
-    submitHandler: submitHandler,
-    width: "365px",
+    submitHandler: function submitHandler() {
+      return _submitHandler(head);
+    },
+    width: tableName === 'department' ? '400px' : '365px',
     hideCloseIcon: false,
     modalBodyStyle: {
-      maxHeight: '400px',
-      overflow: 'auto',
-      margin: '0px'
+      overflowY: 'visible'
     },
     footerStyle: {
       justifyContent: 'end'
     }
+  }, tableName === 'department' && rowData.no_of_users === 0 && /*#__PURE__*/React.createElement(IUIBox, {
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    flexDirection: "column",
+    style: {
+      marginBottom: '30px'
+    }
   }, /*#__PURE__*/React.createElement(IUIBox, {
-    component: "div",
     display: "flex",
     justifyContent: "center",
     alignItems: "center",
     flexDirection: "column",
-    padding: "8px 24px"
-  }, /*#__PURE__*/React.createElement(IUIInput, {
+    className: styles$7.baseAlert
+  }, /*#__PURE__*/React.createElement(IUIBox, {
+    className: styles$7.alertDescContainer
+  }, /*#__PURE__*/React.createElement(IUIBox, {
+    className: styles$7.iconLayout,
+    style: {
+      paddingTop: '4px'
+    }
+  }, /*#__PURE__*/React.createElement(BoldInfoIcon, {
+    color: "#CA8A04",
+    width: "25",
+    height: "20",
+    className: styles$7.iconStyle
+  })), /*#__PURE__*/React.createElement(IUILabel, {
+    label: "By default, the primary admin gets assigned as the department head. This department has no users, so to change department head, add a new user.",
+    style: {
+      fontWeight: 'normal'
+    }
+  })), /*#__PURE__*/React.createElement(IUIButton, {
+    buttonText: "Add user",
+    type: "text",
+    startIcon: /*#__PURE__*/React.createElement(AddIcon, {
+      width: "9",
+      height: "9",
+      color: "#EC5D25"
+    }),
+    onClick: handleAddPageNavigation,
+    className: styles$7.addUserButton
+  }))), /*#__PURE__*/React.createElement(IUIInput, {
     label: name + " name",
     name: "name",
     defaultValue: dialogData.data.name,
@@ -9516,7 +9909,49 @@ function EditPanelDialog(_ref) {
     isError: isError,
     validation: validation,
     errorMsg: "Please enter " + name.toLowerCase() + " name.",
-    required: true
+    required: true,
+    style: tableName === 'department' && {
+      width: '350px'
+    }
+  }), tableName === 'department' && rowData.no_of_users === 0 && /*#__PURE__*/React.createElement(IUIBox, {
+    className: "iui__mt-15",
+    style: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/React.createElement(IUIInput, {
+    label: "Department head",
+    name: "name",
+    defaultValue: head.label,
+    placeholder: "",
+    readOnly: true,
+    style: {
+      width: '350px'
+    }
+  })), tableName === 'department' && rowData.no_of_users > 0 && /*#__PURE__*/React.createElement(IUIBox, {
+    className: "iui__mt-15",
+    style: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/React.createElement(IUIAsyncSelect, {
+    noResultsText: true,
+    isMove: true,
+    additional: {
+      page: 1,
+      departmentId: rowData.id
+    },
+    placeHolderCheck: head !== undefined && head.value === '',
+    label: "Department head",
+    value: head,
+    onValueChange: function onValueChange(_ref2) {
+      var _value = _ref2._value;
+      return setHead(_value);
+    },
+    loadOption: departmentHeadOptions,
+    disableText: "Please get in touch with your administrator to change this value.",
+    customLoadingText: "No users found in this department",
+    customLoadingTextStyle: {
+      color: '#374151'
+    }
   })));
 }
 
@@ -9695,12 +10130,15 @@ var UserPanel = function UserPanel(_ref) {
   var _useState13 = useState(false),
     isSortingChangeTemp = _useState13[0],
     setSortingChangeTemp = _useState13[1];
-  var _useState14 = useState(1),
-    page = _useState14[0],
-    setPage = _useState14[1];
-  var _useState15 = useState(5),
-    rowsPerPage = _useState15[0],
-    setRowsPerPage = _useState15[1];
+  var _useState14 = useState([]),
+    rowData = _useState14[0],
+    setRowData = _useState14[1];
+  var _useState15 = useState(1),
+    page = _useState15[0],
+    setPage = _useState15[1];
+  var _useState16 = useState(5),
+    rowsPerPage = _useState16[0],
+    setRowsPerPage = _useState16[1];
   var orderingParam = orderBy;
   var _useSelector = useSelector(function (state) {
       return state.userPanel;
@@ -9796,6 +10234,7 @@ var UserPanel = function UserPanel(_ref) {
       submitLabel: 'Save'
     }, '', data));
     setDataList(data.name);
+    setRowData(data);
     setEditModal(true);
   };
   var closeEditDialog = function closeEditDialog() {
@@ -9810,6 +10249,12 @@ var UserPanel = function UserPanel(_ref) {
       var payload = {
         names: [dataList]
       };
+      if (tableName === 'department') {
+        payload = {
+          name: dataList,
+          department_head_id: null
+        };
+      }
       var message = title + " added successfully.";
       handleApiCall(addRecord, payload, message, 'add');
     } else {
@@ -9823,9 +10268,12 @@ var UserPanel = function UserPanel(_ref) {
     var message = title + " deleted successfully.";
     handleApiCall(deleteRecord, payload, message, 'delete');
   };
-  var handleApiCall = function handleApiCall(dispatchFun, payload, message, type) {
+  var handleApiCall = function handleApiCall(dispatchFun, payload, message, type, optionalParams) {
+    if (optionalParams === void 0) {
+      optionalParams = null;
+    }
     dispatch(userPanelShowLoader());
-    dispatch(dispatchFun(tableName, payload, getApiData())).then(function (res) {
+    dispatch(dispatchFun(tableName, payload, getApiData(), optionalParams)).then(function (res) {
       IUIToastMessageService$8.sNotify(type === 'move' ? res.data.message : "" + message);
       dispatch(userPanelStopLoader());
       if (type === 'delete') {
@@ -9867,8 +10315,14 @@ var UserPanel = function UserPanel(_ref) {
           name: dataList
         }]
       };
+      if (tableName === 'department') {
+        payload = {
+          name: dataList,
+          department_head_id: data.value === '' || rowData.is_default_dept_head && rowData.dept_head === data.value ? null : data.value
+        };
+      }
       var message = title + " updated successfully.";
-      handleApiCall(editRecord, payload, message, 'edit');
+      handleApiCall(editRecord, payload, message, 'edit', dialogData.data.id);
       setErrorEdit(false);
     } else {
       setErrorEdit(true);
@@ -9975,7 +10429,10 @@ var UserPanel = function UserPanel(_ref) {
     submitHandler: handleEditPanel,
     isError: errorEdit,
     isDisabledSubmitBtn: loading,
-    validation: validation
+    validation: validation,
+    rowData: rowData,
+    tableName: tableName,
+    config: config
   })) : /*#__PURE__*/React.createElement(VerificationError, {
     config: config
   }));