@itilite/iui-user-management 0.4.206 → 0.4.208

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, useLocation } from 'react-router-dom';
+import { useHistory } 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,9 +354,6 @@ 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";
   },
@@ -453,14 +450,6 @@ 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 = {
@@ -605,20 +594,28 @@ var currencyLoadOptions = function currencyLoadOptions(search, loadedOptions, _r
 var approversOptions = function approversOptions(search, loadedOptions, _ref4) {
   var page = _ref4.page,
     product = _ref4.product,
-    userId = _ref4.userId;
+    userId = _ref4.userId,
+    placeholder = _ref4.placeholder;
   try {
     return Promise.resolve(_catch(function () {
-      return Promise.resolve(api.get(userAddEditUrl._approversSearch() + "user_id=" + userId + "&page=" + page).then(function (res) {
+      return Promise.resolve(api.get(userAddEditUrl.approversSearch() + "?page=" + page + "&product=" + product + "&search=" + search + "&user_id=" + userId).then(function (res) {
         return res.data;
       })).then(function (response) {
         var mappedValue = response.results.map(function (item) {
           return {
-            value: item.email,
-            label: item.email,
+            value: item.approver.email,
+            label: item.approver.email,
             type: 'detailed',
-            data: item
+            data: item.approver
           };
         });
+        if (page === 1) {
+          var placeholderLbl = {
+            value: '',
+            label: placeholder
+          };
+          mappedValue.unshift(placeholderLbl);
+        }
         return {
           options: mappedValue,
           hasMore: !!response.next,
@@ -681,46 +678,6 @@ var countryOptions = function countryOptions(search, loadedOptions, _ref5) {
     return Promise.reject(e);
   }
 };
-var departmentHeadOptions = function departmentHeadOptions(search, loadedOptions, _ref6) {
-  var page = _ref6.page,
-    departmentId = _ref6.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,
@@ -1097,6 +1054,12 @@ 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,
@@ -1157,25 +1120,36 @@ 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, roleTransfer, newApproverUserId) {
-  if (roleTransfer === void 0) {
-    roleTransfer = false;
-  }
-  var _payload = {
-    role_transfer: roleTransfer
-  };
-  if (roleTransfer) {
-    _payload['new_approver_user_id'] = newApproverUserId;
-  }
+var updateActiveStatus = function updateActiveStatus(activateVal, id) {
   return function (dispatch) {
     return new Promise(function (resolve, reject) {
-      api$1.put(userListUrl.updateActiveStatus + "user_id=" + id + "&activate=" + activateVal, _payload).then(function (res) {
+      api$1.get(userListUrl.updateActiveStatus + 'user_id=' + id + '&activate=' + activateVal).then(function (res) {
         dispatch(setUserActiveStatus({
           is_active: activateVal !== 0,
           id: id
@@ -1739,7 +1713,7 @@ var verifyUserInfo = function verifyUserInfo(userId) {
 var submitAddModalData = function submitAddModalData(tableName, data) {
   return function (dispatch) {
     return new Promise(function (resolve, reject) {
-      api$2.post(tableName === 'department' ? departmentUrl.departmentUrl() : userAddEditUrl.dropdownList() + ("?action=add&table=" + tableName), data).then(function (res) {
+      api$2.post(userAddEditUrl.dropdownList() + ("?action=add&table=" + tableName), data).then(function (res) {
         resolve(res);
       })["catch"](function (err) {
         var _err$response17, _err$response17$data;
@@ -1775,7 +1749,6 @@ 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;
@@ -1825,14 +1798,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(tableName === 'department' ? departmentUrl.departmentUrl() : userPanelUrl.addUnit(tableName), data).then(function (res) {
+      api$3.post(userPanelUrl.addUnit(tableName), data).then(function (res) {
         dispatch(getUserPanalData(getParam));
         dispatch(closeDialog());
         resolve(res);
       })["catch"](function (err) {
-        var _err$response3, _err$response3$data;
+        var _err$response2, _err$response2$data;
         dispatch(userPanelStopLoader());
-        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.');
+        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.');
       });
     });
   };
@@ -1846,37 +1819,25 @@ var deleteRecord = function deleteRecord(tableName, id, getParam) {
         dispatch(userPanelStopLoader());
         resolve();
       })["catch"](function (err) {
-        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.');
+        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.');
         dispatch(userPanelStopLoader());
       });
     });
   };
 };
-var editRecord = function editRecord(tableName, data, getParam, optionalParams) {
+var editRecord = function editRecord(tableName, data, getParam) {
   return function (dispatch) {
     return new Promise(function (resolve, reject) {
-      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.');
-        });
-      }
+      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.');
+      });
     });
   };
 };
@@ -1888,8 +1849,8 @@ var moveRecord = function moveRecord(tableName, data, getParam) {
         dispatch(closeDialog());
         resolve(res);
       })["catch"](function (err) {
-        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.');
+        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.');
       });
     });
   };
@@ -3989,7 +3950,6 @@ var initialState$2 = {
     previous: null,
     results: []
   },
-  deptUsers: [],
   loading: false
 };
 var reducer$2 = function reducer(state, action) {
@@ -4059,12 +4019,6 @@ var reducer$2 = function reducer(state, action) {
           loading: false
         });
       }
-    case FETCH_DEPARTMENT_USERS_DATA:
-      {
-        return _extends({}, state, {
-          deptUsers: action.payload
-        });
-      }
     default:
       return state;
   }
@@ -4843,7 +4797,6 @@ var UserAddEdit = function UserAddEdit(props) {
     isILadmin = _useSelector2.isILadmin,
     companyName = _useSelector2.companyName;
   var history = useHistory();
-  var location = useLocation();
   var _useState = useState({
       travel: false,
       expense: false
@@ -5099,18 +5052,6 @@ 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') {
@@ -5136,42 +5077,24 @@ var UserAddEdit = function UserAddEdit(props) {
       }));
     } else {
       dispatch(showLoader());
-      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;
+      dispatch(submitAddModalData(addModalData.id, {
+        names: [validatedValue]
+      })).then(function (res) {
+        var _extends2, _extends3;
         setAddModalData(_extends({}, addModalData, {
           isOpen: false
         }));
         IUIToastMessageService$4.sNotify(addModalData.title + " added successfully.");
         var tempKey = addModalData.id === 'employee_level' ? 'emp_level' : addModalData.id;
-        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)));
+        setEmployeeInfoInput(_extends({}, employeeInfoInput, (_extends2 = {}, _extends2[tempKey] = {
+          value: res.data.value,
+          label: res.data.label
+        }, _extends2)));
+        updateInputChangeLog(_extends({}, inputChangeLog, (_extends3 = {}, _extends3[tempKey] = true, _extends3)));
         asyncSelectRefs.current[tempKey].current.blur();
         clearCacheForAsyncDropdown(function (prevState) {
-          var _extends5;
-          return _extends({}, prevState, (_extends5 = {}, _extends5[tempKey] = prevState[tempKey] + 1, _extends5));
+          var _extends4;
+          return _extends({}, prevState, (_extends4 = {}, _extends4[tempKey] = prevState[tempKey] + 1, _extends4));
         });
         dispatch(stopLoader());
       });
@@ -5190,8 +5113,8 @@ var UserAddEdit = function UserAddEdit(props) {
     try {
       var _temp5 = function _temp5() {
         if (Object.hasOwnProperty.call(inputChangeLog, _name)) {
-          var _extends6;
-          updateInputChangeLog(_extends({}, inputChangeLog, (_extends6 = {}, _extends6[_name] = true, _extends6)));
+          var _extends5;
+          updateInputChangeLog(_extends({}, inputChangeLog, (_extends5 = {}, _extends5[_name] = true, _extends5)));
         }
       };
       var _name = args._name,
@@ -5214,8 +5137,8 @@ var UserAddEdit = function UserAddEdit(props) {
           updateError('contact_country_code', _isError, _errorMsg);
         } else {
           var _temp3 = function _temp3() {
-            var _extends7;
-            setPersonalInfoInput(_extends({}, personalInfoInput, (_extends7 = {}, _extends7[_name] = _value, _extends7)));
+            var _extends6;
+            setPersonalInfoInput(_extends({}, personalInfoInput, (_extends6 = {}, _extends6[_name] = _value, _extends6)));
             updateError(_name, _isError, _errorMsg);
           };
           var _temp2 = function () {
@@ -5263,7 +5186,7 @@ var UserAddEdit = function UserAddEdit(props) {
     }
   };
   var onEmployeeInfoChange = function onEmployeeInfoChange(args) {
-    var _extends8;
+    var _extends7;
     var _name = args._name,
       _value = args._value,
       _isError = args._isError,
@@ -5272,11 +5195,11 @@ var UserAddEdit = function UserAddEdit(props) {
       _name: _name,
       _value: _value
     });
-    setEmployeeInfoInput(_extends({}, employeeInfoInput, (_extends8 = {}, _extends8[_name] = _value, _extends8)));
+    setEmployeeInfoInput(_extends({}, employeeInfoInput, (_extends7 = {}, _extends7[_name] = _value, _extends7)));
     updateError(_name, _isError, _errorMsg);
     if (Object.hasOwnProperty.call(inputChangeLog, _name)) {
-      var _extends9;
-      updateInputChangeLog(_extends({}, inputChangeLog, (_extends9 = {}, _extends9[_name] = true, _extends9)));
+      var _extends8;
+      updateInputChangeLog(_extends({}, inputChangeLog, (_extends8 = {}, _extends8[_name] = true, _extends8)));
     }
   };
   var getUserTagTypeId = function getUserTagTypeId(name) {
@@ -5286,9 +5209,9 @@ var UserAddEdit = function UserAddEdit(props) {
     return tag.id;
   };
   var onUserTagTypeChange = function onUserTagTypeChange(args) {
-    var _extends10;
+    var _extends9;
     var e = args._event;
-    setUserTagType(_extends({}, userTagType, (_extends10 = {}, _extends10[e.target.name] = userTagType[e.target.name] ? false : getUserTagTypeId(e.target.name), _extends10)));
+    setUserTagType(_extends({}, userTagType, (_extends9 = {}, _extends9[e.target.name] = userTagType[e.target.name] ? false : getUserTagTypeId(e.target.name), _extends9)));
     if (Object.hasOwnProperty.call(inputChangeLog, 'userTagType')) {
       updateInputChangeLog(_extends({}, inputChangeLog, {
         userTagType: true
@@ -5296,23 +5219,22 @@ var UserAddEdit = function UserAddEdit(props) {
     }
   };
   var onCustomFieldsChange = function onCustomFieldsChange(_ref2) {
-    var _extends11;
+    var _extends10;
     var _name = _ref2._name,
       _value = _ref2._value;
-    setCustomFieldsInput(_extends({}, customFieldsInput, (_extends11 = {}, _extends11[_name] = _value, _extends11)));
+    setCustomFieldsInput(_extends({}, customFieldsInput, (_extends10 = {}, _extends10[_name] = _value, _extends10)));
   };
   var onTravelApproversInputChange = function onTravelApproversInputChange(_ref3) {
-    var _extends12;
+    var _extends11;
     var _name = _ref3._name,
       _value = _ref3._value;
-    console.log(_name, _value, 'travel');
-    setTravelApproversInput(_extends({}, travelApproversInput, (_extends12 = {}, _extends12[_name] = _value, _extends12)));
+    setTravelApproversInput(_extends({}, travelApproversInput, (_extends11 = {}, _extends11[_name] = _value, _extends11)));
   };
   var onExpenseApproversInputChange = function onExpenseApproversInputChange(_ref4) {
-    var _extends13;
+    var _extends12;
     var _name = _ref4._name,
       _value = _ref4._value;
-    setExpenseApproversInput(_extends({}, expenseApproversInput, (_extends13 = {}, _extends13[_name] = _value, _extends13)));
+    setExpenseApproversInput(_extends({}, expenseApproversInput, (_extends12 = {}, _extends12[_name] = _value, _extends12)));
   };
   var onMemInfoInputChange = function onMemInfoInputChange(index, key, val) {
     var _membershipInfoInput = [].concat(membershipInfoInput);
@@ -5346,39 +5268,39 @@ var UserAddEdit = function UserAddEdit(props) {
     setMembershipInfoInput(_membershipInfoInputTemp);
   };
   var travelPreferenceOnChange = function travelPreferenceOnChange(args) {
-    var _extends14;
+    var _extends13;
     var _name = args._name,
       _value = args._value,
       _isError = args._isError,
       _errorMsg = args._errorMsg;
-    settravelPreferenceInfo(_extends({}, travelPreferenceInfo, (_extends14 = {}, _extends14[_name] = _value, _extends14)));
+    settravelPreferenceInfo(_extends({}, travelPreferenceInfo, (_extends13 = {}, _extends13[_name] = _value, _extends13)));
     if (Object.hasOwnProperty.call(inputChangeLog, _name)) {
-      var _extends15;
-      updateInputChangeLog(_extends({}, inputChangeLog, (_extends15 = {}, _extends15[_name] = true, _extends15)));
+      var _extends14;
+      updateInputChangeLog(_extends({}, inputChangeLog, (_extends14 = {}, _extends14[_name] = true, _extends14)));
     }
     updateError(_name, _isError, _errorMsg);
   };
   var onSecureTraveelerInfoInputChange = function onSecureTraveelerInfoInputChange(args) {
-    var _extends16;
+    var _extends15;
     var _name = args._name,
       _value = args._value,
       _isError = args._isError,
       _errorMsg = args._errorMsg;
-    setSecureTravelInputInfo(_extends({}, secureTravelInputInfo, (_extends16 = {}, _extends16[_name] = _value, _extends16)));
+    setSecureTravelInputInfo(_extends({}, secureTravelInputInfo, (_extends15 = {}, _extends15[_name] = _value, _extends15)));
     if (Object.hasOwnProperty.call(inputChangeLog, _name)) {
-      var _extends17;
-      updateInputChangeLog(_extends({}, inputChangeLog, (_extends17 = {}, _extends17[_name] = true, _extends17)));
+      var _extends16;
+      updateInputChangeLog(_extends({}, inputChangeLog, (_extends16 = {}, _extends16[_name] = true, _extends16)));
     }
     updateError(_name, _isError, _errorMsg);
   };
   var onPassportInfoInputChange = function onPassportInfoInputChange(args) {
     try {
       var _temp8 = function _temp8() {
-        var _extends18;
-        setPassportInfoInput(_extends({}, passportInfoInput, (_extends18 = {}, _extends18[_name] = _value, _extends18)));
+        var _extends17;
+        setPassportInfoInput(_extends({}, passportInfoInput, (_extends17 = {}, _extends17[_name] = _value, _extends17)));
         if (Object.hasOwnProperty.call(inputChangeLog, _name)) {
-          var _extends19;
-          updateInputChangeLog(_extends({}, inputChangeLog, (_extends19 = {}, _extends19[_name] = true, _extends19)));
+          var _extends18;
+          updateInputChangeLog(_extends({}, inputChangeLog, (_extends18 = {}, _extends18[_name] = true, _extends18)));
         }
         updateError(_name, _isError, _errorMsg);
       };
@@ -5484,8 +5406,8 @@ var UserAddEdit = function UserAddEdit(props) {
       return _errorArray;
     });
     setErrorMsgs(function (prevState) {
-      var _extends20;
-      return _extends({}, prevState, (_extends20 = {}, _extends20[_name] = _errorMsg, _extends20));
+      var _extends19;
+      return _extends({}, prevState, (_extends19 = {}, _extends19[_name] = _errorMsg, _extends19));
     });
   };
   var dispatch = useDispatch();
@@ -6814,7 +6736,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_","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 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 BulkUploadModal = function BulkUploadModal(props) {
   var isOpenImportUsersModal = props.isOpenImportUsersModal,
@@ -8300,9 +8222,9 @@ var StickyHeadTable = function StickyHeadTable(props) {
     cell: function cell(row) {
       return /*#__PURE__*/React.createElement(IUIBox, {
         component: "div",
-        width: 60
+        width: 80
       }, row && row.has_visited === 0 ? /*#__PURE__*/React.createElement(Tooltip, {
-        title: "This user hasn't logged on to the platform yet",
+        title: "This user hasn't logged in to the platform yet",
         arrow: true,
         classes: {
           arrow: classes.arrow,
@@ -8310,7 +8232,7 @@ var StickyHeadTable = function StickyHeadTable(props) {
         },
         placement: "top-start"
       }, /*#__PURE__*/React.createElement("div", {
-        className: clsx(styles$5.tooltipText)
+        className: clsx(styles$5.tooltipTextDiv)
       }, "Invited")) : null);
     }
   }, {
@@ -8411,7 +8333,7 @@ var StickyHeadTable = function StickyHeadTable(props) {
         options.push({
           label: 'Resend invite',
           handler: function handler() {
-            return toggleInviteModal(row.id, 'single');
+            return toggleInviteModal(row.id, 'single', row.first_name, row.last_name);
           }
         });
       }
@@ -8583,42 +8505,6 @@ 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",
@@ -8636,8 +8522,7 @@ function InviteInfoIcon() {
 }
 
 var IUIToastMessageService$7 = services.IUIToastMessageService;
-var env$7 = configs.env,
-  api$7 = configs.api;
+var env$7 = configs.env;
 var UndoButton = function UndoButton(_ref) {
   var onUndo = _ref.onUndo,
     msg = _ref.msg;
@@ -8675,33 +8560,21 @@ var UserList = function UserList(_ref2) {
     isDataFetching = _useSelector.isDataFetching,
     deactivatedUsers = _useSelector.deactivatedUsers,
     tabValue = _useSelector.tabValue;
-  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 _React$useState = React.useState(1),
+    page = _React$useState[0],
+    setPage = _React$useState[1];
   var _useState = useState(10),
     rowsPerPage = _useState[0],
     setRowsPerPage = _useState[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 _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 _useState2 = useState(''),
     searchValue = _useState2[0],
     setSearchValue = _useState2[1];
@@ -8719,44 +8592,38 @@ var UserList = function UserList(_ref2) {
     isOpenImportUsersModal = _useState4[0],
     setOpenImportUsersModal = _useState4[1];
   var _useState5 = useState(false),
-    approveeStatus = _useState5[0],
-    setApproveeStatus = _useState5[1];
+    isFileDownloading = _useState5[0],
+    setDownlStatus = _useState5[1];
   var _useState6 = useState(false),
-    isFileDownloading = _useState6[0],
-    setDownlStatus = _useState6[1];
+    isSortingChange = _useState6[0],
+    setSortingChange = _useState6[1];
   var _useState7 = useState(false),
-    isSortingChange = _useState7[0],
-    setSortingChange = _useState7[1];
+    isSearchingChange = _useState7[0],
+    setSearchingChange = _useState7[1];
   var _useState8 = useState(false),
-    isSearchingChange = _useState8[0],
-    setSearchingChange = _useState8[1];
+    isSortingChangeTemp = _useState8[0],
+    setSortingChangeTemp = _useState8[1];
   var _useState9 = useState(false),
-    isSortingChangeTemp = _useState9[0],
-    setSortingChangeTemp = _useState9[1];
+    isSearchingChangeTemp = _useState9[0],
+    setSearchingChangeTemp = _useState9[1];
   var _useState10 = useState(false),
-    isSearchingChangeTemp = _useState10[0],
-    setSearchingChangeTemp = _useState10[1];
+    isApiFetching = _useState10[0],
+    setisApiFetching = _useState10[1];
   var _useState11 = useState(false),
-    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];
+    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];
   var _useState14 = useState(''),
-    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];
+    userLastName = _useState14[0],
+    setUserLastName = _useState14[1];
   useScrollPosition(function (_ref3) {
     var prevPos = _ref3.prevPos,
       currPos = _ref3.currPos;
@@ -8777,33 +8644,33 @@ var UserList = function UserList(_ref2) {
       behavior: 'smooth'
     });
   };
-  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 _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 _useState18 = useState(false),
-    isSignUpSortingChange = _useState18[0],
-    setSignUpSortingChange = _useState18[1];
+    isSignUpSearchingChange = _useState18[0],
+    setSignUpSearchingChange = _useState18[1];
   var _useState19 = useState(false),
-    isSignUpSearchingChange = _useState19[0],
-    setSignUpSearchingChange = _useState19[1];
+    isSignUpSortingChangeTemp = _useState19[0],
+    setSignUpSortingChangeTemp = _useState19[1];
   var _useState20 = useState(false),
-    isSignUpSortingChangeTemp = _useState20[0],
-    setSignUpSortingChangeTemp = _useState20[1];
-  var _useState21 = useState(false),
-    isSignUpSearchingChangeTemp = _useState21[0],
-    setSignUpSearchingChangeTemp = _useState21[1];
+    isSignUpSearchingChangeTemp = _useState20[0],
+    setSignUpSearchingChangeTemp = _useState20[1];
   var _useSelector3 = useSelector(function (state) {
       return state.userList;
     }),
@@ -8865,12 +8732,12 @@ var UserList = function UserList(_ref2) {
   };
   var deselectingCheckboxHandler = function deselectingCheckboxHandler(page) {
     var _extends2;
-    var _newSelecteds = newSelecteds.filter(function (n) {
+    var newSelecteds = userListInfo.results.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;
@@ -8904,43 +8771,18 @@ 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);
@@ -8950,43 +8792,20 @@ var UserList = function UserList(_ref2) {
   };
   var handleActiveUser = function handleActiveUser(e, id, page) {
     var isActive = e.target.checked;
-    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)));
-              }
-            }
-          });
+    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 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(updateActiveStatus(0, user.id, user.roles.is_approver, approverRole.data.id));
+    dispatch(deActivateUsers(Object.values(selected).flat()));
     setOpenDeActivateModalFlag(false);
-    setDeactivateSingle(false);
     setSelected({});
   };
   var importUserHandler = function importUserHandler() {
@@ -9004,13 +8823,19 @@ var UserList = function UserList(_ref2) {
       email: email
     }));
   };
-  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;
+  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;
+      }
     }
     setUserIds(ids);
+    setUserFirstName(firstName);
+    setUserLastName(lastName);
+    setToggleInviteModal(!showInviteModal);
+  };
+  var toggleInviteModalClose = function toggleInviteModalClose() {
     setToggleInviteModal(!showInviteModal);
   };
   var onResendInviteHandler = function onResendInviteHandler() {
@@ -9366,45 +9191,6 @@ 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: approversOptions,
-    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",
@@ -9432,7 +9218,9 @@ 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: toggleInviteModal,
+    closeHandler: function closeHandler() {
+      return toggleInviteModalClose();
+    },
     cancelLabel: "Cancel",
     headerText: "Resend Invites?",
     submitLabel: "Send",
@@ -9464,7 +9252,13 @@ var UserList = function UserList(_ref2) {
       fontSize: '14px',
       color: '#374151'
     }
-  }, "This invitation will be sent to users who have not logged into the platform."))), /*#__PURE__*/React.createElement(BulkUploadModal, {
+  }, "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, {
     isOpenImportUsersModal: isOpenImportUsersModal,
     closeImportUsersModal: closeImportUsersModal,
     closeImportModal: closeImportModal
@@ -9473,8 +9267,8 @@ var UserList = function UserList(_ref2) {
     errMsg: hasVerificationError
   }));
 };
-var TabLabelCount = function TabLabelCount(_ref5) {
-  var count = _ref5.count;
+var TabLabelCount = function TabLabelCount(_ref4) {
+  var count = _ref4.count;
   return /*#__PURE__*/React.createElement(IUIBox, {
     className: styles$5.TabLabelCount
   }, " ", count, " ");
@@ -9549,12 +9343,11 @@ 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","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"};
+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"};
 
 function Listview(_ref) {
   var data = _ref.data,
     name = _ref.name,
-    tableName = _ref.tableName,
     handleEditDialog = _ref.handleEditDialog,
     handleDeleteDialog = _ref.handleDeleteDialog,
     orderBy = _ref.orderBy,
@@ -9567,82 +9360,16 @@ 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: '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%',
+    width: '45%',
     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',
@@ -9656,7 +9383,7 @@ function Listview(_ref) {
   }, {
     id: 'actions',
     label: 'Actions',
-    width: '15%',
+    width: '10%',
     cell: function cell(row) {
       return row.code !== UNASSIGNED_USERS && /*#__PURE__*/React.createElement(IUIBox, {
         display: "flex"
@@ -9689,7 +9416,7 @@ function Listview(_ref) {
     hasFilter: true,
     isCheckboxTable: false,
     count: data.count,
-    columns: tableName === 'department' ? departmentColumns : columns,
+    columns: columns,
     rows: data.results,
     page: page,
     handleChangePage: handleChangePage,
@@ -9746,44 +9473,15 @@ 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,
-    rowData = _ref.rowData,
-    tableName = _ref.tableName,
-    config = _ref.config;
+    validation = _ref.validation;
   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,
@@ -9791,59 +9489,25 @@ 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: function submitHandler() {
-      return _submitHandler(head);
-    },
-    width: tableName === 'department' ? '400px' : '365px',
+    submitHandler: submitHandler,
+    width: "365px",
     hideCloseIcon: false,
     modalBodyStyle: {
-      overflowY: 'visible'
+      maxHeight: '400px',
+      overflow: 'auto',
+      margin: '0px'
     },
     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",
-    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, {
+    padding: "8px 24px"
+  }, /*#__PURE__*/React.createElement(IUIInput, {
     label: name + " name",
     name: "name",
     defaultValue: dialogData.data.name,
@@ -9852,49 +9516,7 @@ function EditPanelDialog(_ref) {
     isError: isError,
     validation: validation,
     errorMsg: "Please enter " + name.toLowerCase() + " name.",
-    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'
-    }
+    required: true
   })));
 }
 
@@ -10073,15 +9695,12 @@ var UserPanel = function UserPanel(_ref) {
   var _useState13 = useState(false),
     isSortingChangeTemp = _useState13[0],
     setSortingChangeTemp = _useState13[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 _useState14 = useState(1),
+    page = _useState14[0],
+    setPage = _useState14[1];
+  var _useState15 = useState(5),
+    rowsPerPage = _useState15[0],
+    setRowsPerPage = _useState15[1];
   var orderingParam = orderBy;
   var _useSelector = useSelector(function (state) {
       return state.userPanel;
@@ -10177,7 +9796,6 @@ var UserPanel = function UserPanel(_ref) {
       submitLabel: 'Save'
     }, '', data));
     setDataList(data.name);
-    setRowData(data);
     setEditModal(true);
   };
   var closeEditDialog = function closeEditDialog() {
@@ -10192,12 +9810,6 @@ 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 {
@@ -10211,12 +9823,9 @@ var UserPanel = function UserPanel(_ref) {
     var message = title + " deleted successfully.";
     handleApiCall(deleteRecord, payload, message, 'delete');
   };
-  var handleApiCall = function handleApiCall(dispatchFun, payload, message, type, optionalParams) {
-    if (optionalParams === void 0) {
-      optionalParams = null;
-    }
+  var handleApiCall = function handleApiCall(dispatchFun, payload, message, type) {
     dispatch(userPanelShowLoader());
-    dispatch(dispatchFun(tableName, payload, getApiData(), optionalParams)).then(function (res) {
+    dispatch(dispatchFun(tableName, payload, getApiData())).then(function (res) {
       IUIToastMessageService$8.sNotify(type === 'move' ? res.data.message : "" + message);
       dispatch(userPanelStopLoader());
       if (type === 'delete') {
@@ -10258,14 +9867,8 @@ 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', dialogData.data.id);
+      handleApiCall(editRecord, payload, message, 'edit');
       setErrorEdit(false);
     } else {
       setErrorEdit(true);
@@ -10372,10 +9975,7 @@ var UserPanel = function UserPanel(_ref) {
     submitHandler: handleEditPanel,
     isError: errorEdit,
     isDisabledSubmitBtn: loading,
-    validation: validation,
-    rowData: rowData,
-    tableName: tableName,
-    config: config
+    validation: validation
   })) : /*#__PURE__*/React.createElement(VerificationError, {
     config: config
   }));