@itilite/iui-user-management 0.4.319 → 0.4.500

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import { IUIAsyncSelect, IUIBox, IUILabel, IUIFileUpload, IUICheckboxButton, IUIPhone, IUISelect, IUIDatePicker, IUIInput, IUIDivider, IUIGrid, IUITypography, IUIRadio, IUIButton, IUIModal, IUIAccordion, IUIAccordionSummary, IUIAccordionDetails, IUIIconButton, IUICard, IUIBackdrop, IUICircularProgress, IUIBreadCrumb, IUIDropzone, IUIStepper, IUIFormControlLabel, IUICheckBox, IUIPrimaryRadio, IUITable, IUISkeleton, IUIProfileBox, IUIFormGroup, IUIDropdownButton } from '@itilite/iuistyles';
+import { IUIAsyncSelect, IUIBox, IUILabel, IUIFileUpload, IUICheckboxButton, IUIPhone, IUISelect, IUIDatePicker, IUIInput, IUIDivider, IUIGrid, IUITypography, IUIRadio, IUIButton, IUIModal, IUIAccordion, IUIAccordionSummary, IUIAccordionDetails, IUIIconButton, IUICard, IUIBackdrop, IUICircularProgress, IUIBreadCrumb, IUIDropzone, IUIStepper, IUIFormControlLabel, IUICheckBox, IUIPrimaryRadio, IUITable, IUISkeleton, IUIProfileBox, IUIFormGroup, IUISearch, IUIDropdownButton, IUITabs } from '@itilite/iuistyles';
 import React, { useState, useEffect, useRef, Fragment as Fragment$1 } from 'react';
 import { configs, services, utilUrls } from '@itilite/utils';
 import axios from 'axios';
@@ -9,9 +9,14 @@ 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 { withStyles } from '@material-ui/core/styles';
+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';
+import MoreHorizIcon from '@material-ui/icons/MoreHoriz';
+import Button from '@material-ui/core/Button';
+import { Popper, Grow, Paper, ClickAwayListener, MenuList, MenuItem, Typography, Box } from '@material-ui/core';
+import { useScrollPosition } from '@n8tb1t/use-scroll-position';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -64,7 +69,6 @@ var _Pact = /*#__PURE__*/function () {
   };
   return _Pact;
 }();
-
 function _settle(pact, state, value) {
   if (!pact.s) {
     if (value instanceof _Pact) {
@@ -93,7 +97,6 @@ function _settle(pact, state, value) {
 function _isSettledPact(thenable) {
   return thenable instanceof _Pact && thenable.s & 1;
 }
-
 function _forTo(array, body, check) {
   var i = -1,
     pact,
@@ -125,7 +128,6 @@ function _forTo(array, body, check) {
 }
 var _iteratorSymbol = /*#__PURE__*/typeof Symbol !== "undefined" ? Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator")) : "@@iterator";
 var _asyncIteratorSymbol = /*#__PURE__*/typeof Symbol !== "undefined" ? Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator")) : "@@asyncIterator";
-
 function _catch(body, recover) {
   try {
     var result = body();
@@ -144,17 +146,11 @@ function r(e) {
   var t,
     f,
     n = "";
-  if ("string" == typeof e || "number" == typeof e) n += e;else if ("object" == typeof e) if (Array.isArray(e)) for (t = 0; t < e.length; t++) {
-    e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
-  } else for (t in e) {
-    e[t] && (n && (n += " "), n += t);
-  }
+  if ("string" == typeof e || "number" == typeof e) n += e;else if ("object" == typeof e) if (Array.isArray(e)) for (t = 0; t < e.length; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);else for (t in e) e[t] && (n && (n += " "), n += t);
   return n;
 }
 function clsx() {
-  for (var e, t, f = 0, n = ""; f < arguments.length;) {
-    (e = arguments[f++]) && (t = r(e)) && (n && (n += " "), n += t);
-  }
+  for (var e, t, f = 0, n = ""; f < arguments.length;) (e = arguments[f++]) && (t = r(e)) && (n && (n += " "), n += t);
   return n;
 }
 
@@ -358,12 +354,24 @@ 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";
   },
   editUser: function editUser(userId) {
     return "api/v1/user-management/users/" + userId;
   },
+  primaryAdmin: function primaryAdmin(userId) {
+    return "api/v1/user-management/mark-primary/" + userId;
+  },
+  resetPasswordForUserApi: function resetPasswordForUserApi() {
+    return "account/auth/password-reset/";
+  },
+  resendInviteForUserApi: function resendInviteForUserApi() {
+    return "api/v1/user-management/resend-welcome-email";
+  },
   deletePaymentCard: function deletePaymentCard(pmId, vendorId) {
     return env.getPaymentUrl() + "/api/v1/card/delete/" + pmId + "/" + vendorId + "/1";
   },
@@ -378,16 +386,23 @@ var userAddEditUrl = {
   },
   rejectUserVerification: function rejectUserVerification(userId) {
     return "api/v1/onboarding/user-signup-reject/" + userId;
+  },
+  undoRejectUserVerification: function undoRejectUserVerification(userId) {
+    return "api/v1/onboarding/user-signup-reject/" + userId + "?action=undo";
   }
 };
 var userListUrl = {
   getUser: "api/v1/user-management/users",
+  signupRequests: 'api/v1/onboarding/user-sign-up-list/',
   updateActiveStatus: 'api/v1/user-management/users/activate?',
   bulkDeactivate: function bulkDeactivate() {
     return "api/v1/user-management/company/" + IUILocalStorageService.getCompanyId() + "/bulk-users/activate-or-deactivate?action=deactivate";
   },
   exportUsers: function exportUsers() {
     return "api/v1/user-management/company/" + IUILocalStorageService.getCompanyId() + "/bulk-users/download/users";
+  },
+  rejectUser: function rejectUser(userId) {
+    return "api/v2/users/signup-users/" + userId + "/reject";
   }
 };
 var userBulkImport = {
@@ -429,10 +444,10 @@ var userPanelUrl = {
     return "api/v1/user-management/company/" + IUILocalStorageService.getCompanyId() + "/table?action=delete&table=" + tableName;
   },
   getUnit: function getUnit(tableName, length, sort) {
-    return "api/v1/user-management/company/" + IUILocalStorageService.getCompanyId() + "/table?table_name=" + tableName + "&length=" + length + "&order=" + sort;
+    return "api/v1/user-management/company/" + IUILocalStorageService.getCompanyId() + "/table?table_name=" + tableName + "&length=" + length + "&ordering=" + sort;
   },
   getPaginationUnit: function getPaginationUnit(tableName, length, page, sort) {
-    return "api/v1/user-management/company/" + IUILocalStorageService.getCompanyId() + "/table?table_name=" + tableName + "&length=" + length + "&page=" + page + "&order=" + sort;
+    return "api/v1/user-management/company/" + IUILocalStorageService.getCompanyId() + "/table?table_name=" + tableName + "&length=" + length + "&page=" + page + "&ordering=" + sort;
   },
   moveUnit: function moveUnit() {
     return "api/v1/user-management/company/" + IUILocalStorageService.getCompanyId() + "/transfer-users";
@@ -447,7 +462,6 @@ var departmentUrl = {
   }
 };
 
-var IUILocalStorageService$1 = services.IUILocalStorageService;
 var api = configs.api;
 var NAoptionConfig = {
   option: {
@@ -456,7 +470,6 @@ var NAoptionConfig = {
   },
   applyFor: ['employee_level', 'department']
 };
-
 var commonLoadOptions = function commonLoadOptions(search, loadedOptions, _ref) {
   var page = _ref.page,
     tabelName = _ref.tabelName,
@@ -589,31 +602,23 @@ 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() + "?page=" + page + "&product=" + product + "&search=" + search + "&user_id=" + userId).then(function (res) {
+      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.approver.email,
-            label: item.approver.email,
+            value: item.email,
+            label: item.email,
             type: 'detailed',
-            data: item.approver
+            data: item
           };
         });
-        if (page === 1) {
-          var placeholderLbl = {
-            value: '',
-            label: placeholder
-          };
-          mappedValue.unshift(placeholderLbl);
-        }
         return {
           options: mappedValue,
           hasMore: !!response.next,
@@ -639,27 +644,38 @@ var approversOptions = function approversOptions(search, loadedOptions, _ref4) {
     return Promise.reject(e);
   }
 };
-var countryOptions = function countryOptions(search, loadedOptions, _ref5) {
+var approversOptions = function approversOptions(search, loadedOptions, _ref5) {
   var page = _ref5.page,
-    tabelName = _ref5.tabelName;
+    product = _ref5.product,
+    userId = _ref5.userId,
+    placeholder = _ref5.placeholder;
   try {
     return Promise.resolve(_catch(function () {
-      return Promise.resolve(api.get(userAddEditUrl.countryPaginated() + "&search=" + search + "&page=" + page + "&info=" + tabelName).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[tabelName],
-            label: item[tabelName]
+            value: item.approver.email,
+            label: item.approver.email,
+            type: 'detailed',
+            data: item.approver
           };
         });
-
+        if (page === 1) {
+          var placeholderLbl = {
+            value: '',
+            label: placeholder
+          };
+          mappedValue.unshift(placeholderLbl);
+        }
         return {
           options: mappedValue,
           hasMore: !!response.next,
           additional: {
             page: page + 1,
-            tabelName: tabelName
+            product: product,
+            userId: userId
           }
         };
       });
@@ -669,7 +685,8 @@ var countryOptions = function countryOptions(search, loadedOptions, _ref5) {
         hasMore: false,
         additional: {
           page: 1,
-          tabelName: tabelName
+          product: product,
+          userId: userId
         }
       };
     }));
@@ -677,30 +694,26 @@ var countryOptions = function countryOptions(search, loadedOptions, _ref5) {
     return Promise.reject(e);
   }
 };
-var departmentHeadOptions = function departmentHeadOptions(search, loadedOptions, _ref6) {
+var countryOptions = function countryOptions(search, loadedOptions, _ref6) {
   var page = _ref6.page,
-    departmentId = _ref6.departmentId;
+    tabelName = _ref6.tabelName;
   try {
     return Promise.resolve(_catch(function () {
-      return Promise.resolve(api.get(departmentUrl.getDepartmentHead(departmentId, page) + "&search=" + search).then(function (res) {
+      return Promise.resolve(api.get(userAddEditUrl.countryPaginated() + "&search=" + search + "&page=" + page + "&info=" + tabelName).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
+            value: item[tabelName],
+            label: item[tabelName]
           };
         });
-
-        console.log(response.next);
         return {
           options: mappedValue,
           hasMore: !!response.next,
           additional: {
             page: page + 1,
-            departmentId: departmentId
+            tabelName: tabelName
           }
         };
       });
@@ -710,7 +723,7 @@ var departmentHeadOptions = function departmentHeadOptions(search, loadedOptions
         hasMore: false,
         additional: {
           page: 1,
-          departmentId: departmentId
+          tabelName: tabelName
         }
       };
     }));
@@ -718,48 +731,39 @@ var departmentHeadOptions = function departmentHeadOptions(search, loadedOptions
     return Promise.reject(e);
   }
 };
-var airlineOptionsfn = function airlineOptionsfn(search, loadedOptions, _ref7) {
+var departmentHeadOptions = function departmentHeadOptions(search, loadedOptions, _ref7) {
   var page = _ref7.page,
-    placeholder = _ref7.placeholder;
+    departmentId = _ref7.departmentId;
   try {
     return Promise.resolve(_catch(function () {
-      var url = userAddEditUrl.airlineList() + ("?page=" + page + "&search=" + search);
-      var token = IUILocalStorageService$1.getAccessToken();
-      return Promise.resolve(axios.get(url, {
-        headers: {
-          Authorization: 'Bearer ' + token
-        }
+      return Promise.resolve(api.get(departmentUrl.getDepartmentHead(departmentId, page) + "&search=" + search).then(function (res) {
+        return res.data;
       })).then(function (response) {
-        var mappedValue = response.data.results.map(function (item) {
+        var mappedValue = response.results.map(function (item) {
           return {
             value: item.id,
-            label: item.name
+            label: item.first_name + ' ' + item.last_name,
+            type: 'detailed',
+            data: item
           };
         });
-        if (placeholder) {
-          var placeholderLbl = {
-            value: '',
-            label: placeholder
-          };
-          mappedValue.unshift(placeholderLbl);
-        }
+        console.log(response.next);
         return {
           options: mappedValue,
-          hasMore: !!response.data.next,
+          hasMore: !!response.next,
           additional: {
             page: page + 1,
-            placeholder: placeholder
+            departmentId: departmentId
           }
         };
       });
-    }, function (error) {
-      console.log(error);
+    }, function () {
       return {
         options: [],
         hasMore: false,
         additional: {
           page: 1,
-          placeholder: placeholder
+          departmentId: departmentId
         }
       };
     }));
@@ -798,11 +802,11 @@ var SET_STATIC_FIELDS_VISIBILITY = 'SET_STATIC_FIELDS_VISIBILITY';
 var SET_PAYMENT_DETAILS = 'SET_PAYMENT_DETAILS';
 
 var env$1 = configs.env;
-var IUILocalStorageService$2 = services.IUILocalStorageService;
+var IUILocalStorageService$1 = services.IUILocalStorageService;
 var formatCreateUserPayload = function formatCreateUserPayload(payload) {
   var _payload$employeeInfo, _payload$employeeInfo2, _payload$employeeInfo3, _payload$employeeInfo4, _payload$employeeInfo5, _payload$employeeInfo6, _payload$employeeInfo7, _payload$employeeInfo8, _payload$employeeInfo9, _payload$employeeInfo10;
   var res = {
-    company_id: +IUILocalStorageService$2.getCompanyId(),
+    company_id: +IUILocalStorageService$1.getCompanyId(),
     first_name: payload.personalInfoInput.first_name,
     last_name: payload.personalInfoInput.last_name,
     email: payload.personalInfoInput.email,
@@ -845,7 +849,6 @@ var formatCreateUserPayload = function formatCreateUserPayload(payload) {
   if (userTags.length) {
     res.user_tags = userTags;
   }
-
   if (payload.productAccess.travel) {
     var _payload$passportInfo, _payload$passportInfo2, _payload$passportInfo3, _payload$passportInfo4, _payload$membershipIn, _payload$uploadedFile;
     res.approvers.travel = [];
@@ -857,14 +860,12 @@ var formatCreateUserPayload = function formatCreateUserPayload(payload) {
         });
       }
     }
-
     if (payload.travelFYI && payload.travelFYI.value) {
       res.approvers.travel.push({
         email: payload.travelFYI.value,
         sequence: 'fyi'
       });
     }
-
     res.user_travel_info = {
       passport_issue_country: payload !== null && payload !== void 0 && (_payload$passportInfo = payload.passportInfoInput) !== null && _payload$passportInfo !== void 0 && (_payload$passportInfo2 = _payload$passportInfo.passport_issue_country) !== null && _payload$passportInfo2 !== void 0 && _payload$passportInfo2.value ? payload.passportInfoInput.passport_issue_country.value : null,
       nationality: payload !== null && payload !== void 0 && (_payload$passportInfo3 = payload.passportInfoInput) !== null && _payload$passportInfo3 !== void 0 && (_payload$passportInfo4 = _payload$passportInfo3.nationality) !== null && _payload$passportInfo4 !== void 0 && _payload$passportInfo4.value ? payload.passportInfoInput.nationality.value : null,
@@ -903,7 +904,6 @@ var formatCreateUserPayload = function formatCreateUserPayload(payload) {
       res.files = [];
     }
   }
-
   if (payload.productAccess.expense) {
     res.approvers.expense = [];
     for (var _key2 in payload.expenseApproversInput) {
@@ -914,7 +914,6 @@ var formatCreateUserPayload = function formatCreateUserPayload(payload) {
         });
       }
     }
-
     if (payload.expenseFYI && payload.expenseFYI.value) {
       res.approvers.expense.push({
         email: payload.expenseFYI.value,
@@ -1022,7 +1021,6 @@ var formatUpdateUserPayload = function formatUpdateUserPayload(payload, inputCha
           });
         }
       }
-
       if (payload.travelFYI && payload.travelFYI.value) {
         res.fields.approvers.travel.push({
           email: payload.travelFYI.value,
@@ -1045,6 +1043,9 @@ var formatUpdateUserPayload = function formatUpdateUserPayload(payload, inputCha
     if (payload.filesForDelete.length > 0) {
       res.fields.filesToDelete = payload.filesForDelete;
     }
+    if (payload.profilePicDelete.length > 0) {
+      res.fields.profilePicDelete = payload.profilePicDelete;
+    }
     if (payload.membershipInfoInput && payload.membershipInfoInput.length > 0) {
       res.fields.membership_info = payload.membershipInfoInput.filter(function (membership) {
         return !!membership.isEditMode;
@@ -1096,7 +1097,6 @@ var formatUpdateUserPayload = function formatUpdateUserPayload(payload, inputCha
       res.fields.user_travel_info.redress_number = payload.secureTravelInputInfo.redress_number || null;
     }
   }
-
   if (payload.productAccess.expense) {
     if (!env$1.isProfilePage()) {
       res.fields.approvers.expense = [];
@@ -1108,7 +1108,6 @@ var formatUpdateUserPayload = function formatUpdateUserPayload(payload, inputCha
           });
         }
       }
-
       if (payload.expenseFYI && payload.expenseFYI.value) {
         res.fields.approvers.expense.push({
           email: payload.expenseFYI.value,
@@ -1120,9 +1119,134 @@ var formatUpdateUserPayload = function formatUpdateUserPayload(payload, inputCha
   return res;
 };
 
+var SHOW_LOADER$1 = 'SHOW_LOADER';
+var STOP_LOADER$1 = 'STOP_LOADER';
+var SET_USER_LIST_FIELDS = 'SET_USER_LIST_FIELDS';
+var SET_ACTIVE_STATUS = 'SET_ACTIVE_STATUS';
+var SET_BULK_DEACTIVATED_USERS = 'SET_BULK_DEACTIVATED_USERS';
+var SET_SIGNUP_REQUEST_LIST = 'SET_SIGNUP_REQUEST_LIST';
+var SET_TAB_VALUE = 'SET_TAB_VALUE';
+
 var api$1 = configs.api;
-var IUIToastMessageService = services.IUIToastMessageService,
-  IUILocalStorageService$3 = services.IUILocalStorageService;
+var IUIToastMessageService = services.IUIToastMessageService;
+var setUserListFields = function setUserListFields(payload) {
+  return {
+    type: SET_USER_LIST_FIELDS,
+    payload: payload
+  };
+};
+var setSignUpRequestList = function setSignUpRequestList(payload) {
+  return {
+    type: SET_SIGNUP_REQUEST_LIST,
+    payload: payload
+  };
+};
+var setUserActiveStatus = function setUserActiveStatus(payload) {
+  return {
+    type: SET_ACTIVE_STATUS,
+    payload: payload
+  };
+};
+var showDataFetchingStatus = function showDataFetchingStatus(payload) {
+  return {
+    type: SHOW_LOADER$1,
+    payload: payload
+  };
+};
+var stopDataFetchingStatus = function stopDataFetchingStatus(payload) {
+  return {
+    type: STOP_LOADER$1,
+    payload: payload
+  };
+};
+var fetchUsersList = function fetchUsersList(url) {
+  return function (dispatch, getState) {
+    return new Promise(function (resolve, reject) {
+      api$1.get(url + ("&company_id=" + getState().common.company)).then(function (res) {
+        dispatch(setUserListFields(res.data));
+        dispatch(stopDataFetchingStatus());
+        resolve();
+      })["catch"](function (err) {
+        reject(err);
+        dispatch(stopDataFetchingStatus());
+      })["finally"](function () {
+        dispatch(stopDataFetchingStatus());
+      });
+    });
+  };
+};
+var fetchUserSignupRequests = function fetchUserSignupRequests(params) {
+  if (params === void 0) {
+    params = {};
+  }
+  return function (dispatch, getState) {
+    return new Promise(function (resolve, reject) {
+      api$1.get(userListUrl.signupRequests, {
+        params: params
+      }).then(function (res) {
+        dispatch(setSignUpRequestList(res.data));
+        dispatch(stopDataFetchingStatus());
+        resolve();
+      })["catch"](function (err) {
+        reject(err);
+        dispatch(stopDataFetchingStatus());
+      })["finally"](function () {
+        dispatch(stopDataFetchingStatus());
+      });
+    });
+  };
+};
+var exportUsers = function exportUsers(payload) {
+  return function (dispatch) {
+    return new Promise(function (resolve, reject) {
+      api$1.get("" + userListUrl.exportUsers()).then(function (res) {
+        resolve(res);
+      })["catch"](function (err) {
+        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;
+  }
+  return function (dispatch) {
+    return new Promise(function (resolve, reject) {
+      api$1.put(userListUrl.updateActiveStatus + "user_id=" + id + "&activate=" + activateVal, _payload).then(function (res) {
+        dispatch(setUserActiveStatus({
+          is_active: activateVal !== 0,
+          id: id
+        }));
+        IUIToastMessageService.sNotify(res.data.message);
+        resolve(res);
+      })["catch"](function (err) {
+        if (!err.response.data.status) {
+          IUIToastMessageService.warningNotify(err.response.data.message);
+          reject(err);
+          return;
+        }
+        reject(err);
+      });
+    });
+  };
+};
+
+var api$2 = configs.api;
+var IUIToastMessageService$1 = services.IUIToastMessageService,
+  IUILocalStorageService$2 = services.IUILocalStorageService;
 var showLoader = function showLoader() {
   return {
     type: SHOW_LOADER
@@ -1190,15 +1314,14 @@ var setPaymentDetails = function setPaymentDetails(payload) {
 var fetchRenderFileds = function fetchRenderFileds() {
   return function (dispatch) {
     return new Promise(function (resolve, reject) {
-      api$1.get(userAddEditUrl.renderFields()).then(function (res) {
+      api$2.get(userAddEditUrl.renderFields()).then(function (res) {
         if (res.data.status === true) {
           dispatch(setRenderFields(res.data));
           resolve();
         } else {
           var _res$data;
-          IUIToastMessageService.warningNotify((res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.message) || 'Opps, Something went wrong.');
+          IUIToastMessageService$1.warningNotify((res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.message) || 'Opps, Something went wrong.');
           dispatch(stopLoader());
-          reject();
         }
       })["catch"](function (err) {
         reject(err);
@@ -1209,7 +1332,7 @@ var fetchRenderFileds = function fetchRenderFileds() {
 var fetchCountryCodes = function fetchCountryCodes() {
   return function (dispatch) {
     return new Promise(function (resolve, reject) {
-      api$1.get(userAddEditUrl.countryCode()).then(function (res) {
+      api$2.get(userAddEditUrl.countryCode()).then(function (res) {
         dispatch(setCountryCodes(res.data.country_code_details));
         resolve('success');
       })["catch"](function (err) {
@@ -1221,12 +1344,12 @@ var fetchCountryCodes = function fetchCountryCodes() {
 var addCustomFieldLabel = function addCustomFieldLabel(payload) {
   return function (dispatch) {
     return new Promise(function (resolve, reject) {
-      api$1.post(customFieldsUrls.customFields(), payload).then(function (res) {
+      api$2.post(customFieldsUrls.customFields(), payload).then(function (res) {
         dispatch(setCustomField(res.data.result));
         resolve();
       })["catch"](function (err) {
         var _err$response, _err$response$data;
-        IUIToastMessageService.warningNotify((err === null || err === void 0 ? void 0 : (_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : _err$response$data.message) || 'Opps, Something went wrong.');
+        IUIToastMessageService$1.warningNotify((err === null || err === void 0 ? void 0 : (_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : _err$response$data.message) || 'Opps, Something went wrong.');
         reject(err);
       });
     });
@@ -1244,7 +1367,7 @@ var addTravelApproverField = function addTravelApproverField() {
           label = "Travel approver " + sNo;
         }
       });
-      api$1.post(userAddEditUrl.approverField(), {
+      api$2.post(userAddEditUrl.approverField(), {
         product: 'Travel',
         label: label
       }).then(function (res) {
@@ -1265,7 +1388,36 @@ var addTravelApproverField = function addTravelApproverField() {
       })["catch"](function (err) {
         var _err$response2, _err$response2$data;
         if (err !== null && err !== void 0 && (_err$response2 = err.response) !== null && _err$response2 !== void 0 && (_err$response2$data = _err$response2.data) !== null && _err$response2$data !== void 0 && _err$response2$data.message) {
-          IUIToastMessageService.warningNotify(err.response.data.message);
+          IUIToastMessageService$1.warningNotify(err.response.data.message);
+        }
+        reject(err);
+      });
+    });
+  };
+};
+var addManagerApproverField = function addManagerApproverField() {
+  return function (dispatch, getState) {
+    return new Promise(function (resolve, reject) {
+      api$2.post(userAddEditUrl.approverField(), {
+        label: 'Manager'
+      }).then(function (res) {
+        dispatch(setTravelApproverField({
+          id: 7,
+          label: 'Manager',
+          name: 'manager',
+          required: false,
+          type: 'async_select',
+          fullWidth: false,
+          visibility: true,
+          sequence: res.data.sequence,
+          placeholder: 'Select manager',
+          loadOption: approversOptions
+        }));
+        resolve();
+      })["catch"](function (err) {
+        var _err$response3, _err$response3$data;
+        if (err !== null && err !== void 0 && (_err$response3 = err.response) !== null && _err$response3 !== void 0 && (_err$response3$data = _err$response3.data) !== null && _err$response3$data !== void 0 && _err$response3$data.message) {
+          IUIToastMessageService$1.warningNotify(err.response.data.message);
         }
         reject(err);
       });
@@ -1284,7 +1436,7 @@ var addExpenseApproverField = function addExpenseApproverField() {
           label = "Expense approver " + sNo;
         }
       });
-      api$1.post(userAddEditUrl.approverField(), {
+      api$2.post(userAddEditUrl.approverField(), {
         product: 'Expense',
         label: label
       }).then(function (res) {
@@ -1303,9 +1455,9 @@ var addExpenseApproverField = function addExpenseApproverField() {
         }));
         resolve();
       })["catch"](function (err) {
-        var _err$response3, _err$response3$data;
-        if (err !== null && err !== void 0 && (_err$response3 = err.response) !== null && _err$response3 !== void 0 && (_err$response3$data = _err$response3.data) !== null && _err$response3$data !== void 0 && _err$response3$data.message) {
-          IUIToastMessageService.warningNotify(err.response.data.message);
+        var _err$response4, _err$response4$data;
+        if (err !== null && err !== void 0 && (_err$response4 = err.response) !== null && _err$response4 !== void 0 && (_err$response4$data = _err$response4.data) !== null && _err$response4$data !== void 0 && _err$response4$data.message) {
+          IUIToastMessageService$1.warningNotify(err.response.data.message);
         }
         reject(err);
       });
@@ -1318,13 +1470,13 @@ var editApproverLabel = function editApproverLabel(payload) {
   });
   return function (dispatch) {
     return new Promise(function (resolve, reject) {
-      api$1.put(userAddEditUrl.approverField(), payload).then(function (res) {
+      api$2.put(userAddEditUrl.approverField(), payload).then(function (res) {
         dispatch(payload.product === 'travel' ? setEditedTravelApproverField(payload) : setEditedExpenseApproverField(payload));
         resolve();
       })["catch"](function (err) {
-        var _err$response4, _err$response4$data;
-        if (err !== null && err !== void 0 && (_err$response4 = err.response) !== null && _err$response4 !== void 0 && (_err$response4$data = _err$response4.data) !== null && _err$response4$data !== void 0 && _err$response4$data.message) {
-          IUIToastMessageService.warningNotify(err.response.data.message);
+        var _err$response5, _err$response5$data;
+        if (err !== null && err !== void 0 && (_err$response5 = err.response) !== null && _err$response5 !== void 0 && (_err$response5$data = _err$response5.data) !== null && _err$response5$data !== void 0 && _err$response5$data.message) {
+          IUIToastMessageService$1.warningNotify(err.response.data.message);
         }
         reject(err);
       });
@@ -1334,23 +1486,21 @@ var editApproverLabel = function editApproverLabel(payload) {
 var createUser = function createUser(payload) {
   return function (dispatch) {
     return new Promise(function (resolve, reject) {
-      api$1.post(userAddEditUrl.createUser(), formatCreateUserPayload(payload)).then(function (res) {
+      api$2.post(userAddEditUrl.createUser(), formatCreateUserPayload(payload)).then(function (res) {
         if (res.data.status === true) {
-          IUIToastMessageService.sNotify(res.data.message);
+          IUIToastMessageService$1.sNotify(res.data.message);
           resolve(res.data);
         } else {
           if (res.data.errors && typeof res.data.errors === 'object') {
             reject(res.data.errors);
-            return;
           } else if (!Object.keys(res.data.errors).length) {
-            IUIToastMessageService.warningNotify(res.data.message);
+            IUIToastMessageService$1.warningNotify(res.data.message);
           }
-          reject();
         }
       })["catch"](function (err) {
-        var _err$response5;
+        var _err$response6;
         var error = 'Opps, Something went error.';
-        if (err !== null && err !== void 0 && (_err$response5 = err.response) !== null && _err$response5 !== void 0 && _err$response5.data) {
+        if (err !== null && err !== void 0 && (_err$response6 = err.response) !== null && _err$response6 !== void 0 && _err$response6.data) {
           if (err.response.data.errors && typeof err.response.data.errors === 'object' && Object.keys(err.response.data.errors).length) {
             reject(err.response.data.errors);
             return;
@@ -1372,7 +1522,7 @@ var uploadSingleDocumnet = function uploadSingleDocumnet(payload) {
       profile_pic: 'profile_pic'
     };
     return new Promise(function (resolve, reject) {
-      api$1.get(userAddEditUrl.preSignedUrl() + "?action=upload&item_type=" + payload.itemType + "&file_name=" + encodeURIComponent(payload.fileName)).then(function (res) {
+      api$2.get(userAddEditUrl.preSignedUrl() + "?action=upload&item_type=" + payload.itemType + "&file_name=" + encodeURIComponent(payload.fileName)).then(function (res) {
         var resolveResponse = {
           file_type: itemTypes[payload.itemType],
           file_path: res.data.presigned_url.fields.key,
@@ -1391,17 +1541,13 @@ var uploadSingleDocumnet = function uploadSingleDocumnet(payload) {
     });
   };
 };
-
 var uploadFileToS3 = function uploadFileToS3(presignedPostData, file) {
   return new Promise(function (resolve, reject) {
     var formData = new FormData();
-
     Object.keys(presignedPostData.fields).forEach(function (key) {
       formData.append(key, presignedPostData.fields[key]);
     });
-
     formData.append('file', file);
-
     axios.post(presignedPostData.url, formData, {
       headers: {
         'Content-Type': 'multipart/form-data'
@@ -1416,7 +1562,7 @@ var uploadFileToS3 = function uploadFileToS3(presignedPostData, file) {
 var fetchUserDetails = function fetchUserDetails(payload) {
   return function (dispatch) {
     return new Promise(function (resolve, reject) {
-      api$1.get(userAddEditUrl.editUser(payload.userId)).then(function (res) {
+      api$2.get(userAddEditUrl.editUser(payload.userId)).then(function (res) {
         if (res.data.status) {
           resolve(res.data.result);
         } else {
@@ -1428,41 +1574,120 @@ var fetchUserDetails = function fetchUserDetails(payload) {
     });
   };
 };
-var updateUser = function updateUser(payload, userId, inputChangeLog) {
+var makePrimaryAdmin = function makePrimaryAdmin(payload) {
   return function (dispatch) {
     return new Promise(function (resolve, reject) {
-      api$1.put(userAddEditUrl.editUser(userId), formatUpdateUserPayload(payload, inputChangeLog)).then(function (res) {
-        if (res.data.status === true) {
-          IUIToastMessageService.sNotify(res.data.message);
-          resolve(res.data);
+      api$2.put(userAddEditUrl.primaryAdmin(payload.userId)).then(function (res) {
+        if (res) {
+          IUIToastMessageService$1.sNotify(res.data.message);
+          resolve();
         } else {
-          if (!Object.keys(res.data.errors).length) {
-            IUIToastMessageService.warningNotify(res.data.message);
-          }
-          reject(res.data.errors);
+          reject(res);
         }
       })["catch"](function (err) {
-        var _err$response6;
-        var error = 'Opps, Something went error.';
-        if (err !== null && err !== void 0 && (_err$response6 = err.response) !== null && _err$response6 !== void 0 && _err$response6.data) {
-          if (err.response.data.errors && typeof err.response.data.errors === 'object' && Object.keys(err.response.data.errors).length) {
-            reject(err.response.data.errors);
-            return;
-          } else if (err.response.data.message) {
-            reject(err.response.data.message);
-            return;
-          }
-        }
-        reject(error);
+        var _err$response7, _err$response7$data;
+        IUIToastMessageService$1.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.');
+        reject(err);
       });
     });
   };
 };
-var downloadSingleDocumnet = function downloadSingleDocumnet(payload) {
+var undoneSignUpRejection = function undoneSignUpRejection(userId) {
   return function (dispatch) {
     return new Promise(function (resolve, reject) {
-      api$1.get(userAddEditUrl.preSignedUrl() + "?action=download&traveler_type=staff&item_type=" + payload.itemType + "&file_name=" + payload.fileName + "&user_id=" + payload.userId).then(function (res) {
-        resolve(res);
+      api$2.patch(userAddEditUrl.undoRejectUserVerification(userId)).then(function (res) {
+        dispatch(fetchUserSignupRequests({
+          ordering: 'asc',
+          length: 5,
+          page: 1,
+          search: ''
+        }));
+        resolve();
+      })["catch"](function (err) {
+        var _err$response8, _err$response8$data;
+        IUIToastMessageService$1.warningNotify((err === null || err === void 0 ? void 0 : (_err$response8 = err.response) === null || _err$response8 === void 0 ? void 0 : (_err$response8$data = _err$response8.data) === null || _err$response8$data === void 0 ? void 0 : _err$response8$data.message) || 'Opps, Something went wrong.');
+        reject(err);
+      });
+    });
+  };
+};
+var resetPasswordForUser = function resetPasswordForUser(data) {
+  return function (dispatch) {
+    return new Promise(function (resolve, reject) {
+      api$2.post("" + userAddEditUrl.resetPasswordForUserApi(), {
+        email: data.email
+      }).then(function (res) {
+        IUIToastMessageService$1.sNotify("The link to reset the password has been sent to the user's email address. Check your \"junk mail\" or \"spam\" folders in case it's not received.");
+        resolve();
+      })["catch"](function (err) {
+        var _err$response9, _err$response9$data;
+        if (!(err !== null && err !== void 0 && (_err$response9 = err.response) !== null && _err$response9 !== void 0 && (_err$response9$data = _err$response9.data) !== null && _err$response9$data !== void 0 && _err$response9$data.status)) {
+          var _err$response10, _err$response10$data, _err$response10$data$;
+          IUIToastMessageService$1.errNotify(err === null || err === void 0 ? void 0 : (_err$response10 = err.response) === null || _err$response10 === void 0 ? void 0 : (_err$response10$data = _err$response10.data) === null || _err$response10$data === void 0 ? void 0 : (_err$response10$data$ = _err$response10$data.message) === null || _err$response10$data$ === void 0 ? void 0 : _err$response10$data$.email[0]);
+          reject(err);
+          return;
+        }
+        reject(err);
+      });
+    });
+  };
+};
+var resendInviteForUser = function resendInviteForUser(data) {
+  return function (dispatch) {
+    return new Promise(function (resolve, reject) {
+      api$2.post(userAddEditUrl.resendInviteForUserApi(), {
+        user_ids: data
+      }).then(function (res) {
+        IUIToastMessageService$1.sNotify(res.data.message);
+        resolve();
+      })["catch"](function (err) {
+        var _err$response11, _err$response11$data;
+        if (!(err !== null && err !== void 0 && (_err$response11 = err.response) !== null && _err$response11 !== void 0 && (_err$response11$data = _err$response11.data) !== null && _err$response11$data !== void 0 && _err$response11$data.status)) {
+          var _err$response12, _err$response12$data, _err$response12$data$;
+          IUIToastMessageService$1.errNotify(err === null || err === void 0 ? void 0 : (_err$response12 = err.response) === null || _err$response12 === void 0 ? void 0 : (_err$response12$data = _err$response12.data) === null || _err$response12$data === void 0 ? void 0 : (_err$response12$data$ = _err$response12$data.message) === null || _err$response12$data$ === void 0 ? void 0 : _err$response12$data$.email[0]);
+          reject(err);
+          return;
+        }
+        reject(err);
+      });
+    });
+  };
+};
+var updateUser = function updateUser(payload, userId, inputChangeLog) {
+  return function (dispatch) {
+    return new Promise(function (resolve, reject) {
+      api$2.put(userAddEditUrl.editUser(userId), formatUpdateUserPayload(payload, inputChangeLog)).then(function (res) {
+        if (res.data.status === true) {
+          IUIToastMessageService$1.sNotify(res.data.message);
+          resolve(res.data);
+        } else {
+          if (!Object.keys(res.data.errors).length) {
+            IUIToastMessageService$1.warningNotify(res.data.message);
+          }
+          reject(res.data.errors);
+        }
+      })["catch"](function (err) {
+        var _err$response13;
+        var error = 'Opps, Something went error.';
+        if (err !== null && err !== void 0 && (_err$response13 = err.response) !== null && _err$response13 !== void 0 && _err$response13.data) {
+          if (err.response.data.errors && typeof err.response.data.errors === 'object' && Object.keys(err.response.data.errors).length) {
+            reject(err.response.data.errors);
+            return;
+          } else if (err.response.data.message) {
+            reject(err.response.data.message);
+            return;
+          }
+        }
+        reject(error);
+      });
+    });
+  };
+};
+var downloadSingleDocumnet = function downloadSingleDocumnet(payload) {
+  return function (dispatch) {
+    return new Promise(function (resolve, reject) {
+      api$2.get(userAddEditUrl.preSignedUrl() + "?action=download&traveler_type=staff&item_type=" + payload.itemType + "&file_name=" + payload.fileName + "&user_id=" + payload.userId).then(function (res) {
+        resolve(res);
       })["catch"](function (err) {
         reject(err);
       });
@@ -1475,7 +1700,7 @@ var deletePaymentCard = function deletePaymentCard(payload) {
       dispatch(showLoader());
       axios["delete"](userAddEditUrl.deletePaymentCard(payload.pmId, payload.vendorId), {
         headers: {
-          Authorization: 'Bearer ' + IUILocalStorageService$3.getAccessToken()
+          Authorization: 'Bearer ' + IUILocalStorageService$2.getAccessToken()
         }
       }).then(function (res) {
         if (res.data.status) {
@@ -1487,12 +1712,12 @@ var deletePaymentCard = function deletePaymentCard(payload) {
           dispatch(setPaymentDetails(_paymentDetails));
         } else {
           var _res$data2;
-          IUIToastMessageService.warningNotify((res === null || res === void 0 ? void 0 : (_res$data2 = res.data) === null || _res$data2 === void 0 ? void 0 : _res$data2.message) || 'Opps, Something went wrong.');
+          IUIToastMessageService$1.warningNotify((res === null || res === void 0 ? void 0 : (_res$data2 = res.data) === null || _res$data2 === void 0 ? void 0 : _res$data2.message) || 'Opps, Something went wrong.');
           reject(res);
         }
       })["catch"](function (err) {
-        var _err$response7, _err$response7$data;
-        IUIToastMessageService.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$response14, _err$response14$data;
+        IUIToastMessageService$1.warningNotify((err === null || err === void 0 ? void 0 : (_err$response14 = err.response) === null || _err$response14 === void 0 ? void 0 : (_err$response14$data = _err$response14.data) === null || _err$response14$data === void 0 ? void 0 : _err$response14$data.message) || 'Opps, Something went wrong.');
         reject(err);
       })["finally"](function () {
         dispatch(stopLoader());
@@ -1506,7 +1731,7 @@ var setDefaultPaymentCard = function setDefaultPaymentCard(payload) {
       dispatch(showLoader());
       axios.put(userAddEditUrl.setDefaultCard(), payload, {
         headers: {
-          Authorization: 'Bearer ' + IUILocalStorageService$3.getAccessToken()
+          Authorization: 'Bearer ' + IUILocalStorageService$2.getAccessToken()
         }
       }).then(function (res) {
         if (res.data.status) {
@@ -1523,12 +1748,12 @@ var setDefaultPaymentCard = function setDefaultPaymentCard(payload) {
           dispatch(setPaymentDetails(_paymentDetails));
         } else {
           var _res$data3;
-          IUIToastMessageService.warningNotify((res === null || res === void 0 ? void 0 : (_res$data3 = res.data) === null || _res$data3 === void 0 ? void 0 : _res$data3.message) || 'Opps, Something went wrong.');
+          IUIToastMessageService$1.warningNotify((res === null || res === void 0 ? void 0 : (_res$data3 = res.data) === null || _res$data3 === void 0 ? void 0 : _res$data3.message) || 'Opps, Something went wrong.');
           reject(res);
         }
       })["catch"](function (err) {
-        var _err$response8, _err$response8$data;
-        IUIToastMessageService.warningNotify((err === null || err === void 0 ? void 0 : (_err$response8 = err.response) === null || _err$response8 === void 0 ? void 0 : (_err$response8$data = _err$response8.data) === null || _err$response8$data === void 0 ? void 0 : _err$response8$data.message) || 'Opps, Something went wrong.');
+        var _err$response15, _err$response15$data;
+        IUIToastMessageService$1.warningNotify((err === null || err === void 0 ? void 0 : (_err$response15 = err.response) === null || _err$response15 === void 0 ? void 0 : (_err$response15$data = _err$response15.data) === null || _err$response15$data === void 0 ? void 0 : _err$response15$data.message) || 'Opps, Something went wrong.');
         reject(err);
       })["finally"](function () {
         dispatch(stopLoader());
@@ -1539,20 +1764,20 @@ var setDefaultPaymentCard = function setDefaultPaymentCard(payload) {
 var verifyUserInfo = function verifyUserInfo(userId) {
   return function (dispatch) {
     return new Promise(function (resolve, reject) {
-      api$1.get(userAddEditUrl.verifyUserInfo(userId)).then(function (res) {
+      api$2.get(userAddEditUrl.verifyUserInfo(userId)).then(function (res) {
         if (res.data.status === 200) {
           resolve(res.data.result);
         } else {
           var _res$data4;
-          IUIToastMessageService.warningNotify((res === null || res === void 0 ? void 0 : (_res$data4 = res.data) === null || _res$data4 === void 0 ? void 0 : _res$data4.message) || 'Opps, Unable to fetch user info.');
+          IUIToastMessageService$1.warningNotify((res === null || res === void 0 ? void 0 : (_res$data4 = res.data) === null || _res$data4 === void 0 ? void 0 : _res$data4.message) || 'Opps, Unable to fetch user info.');
           setTimeout(function () {
             window.history.back();
           }, 1000);
           reject(res);
         }
       })["catch"](function (err) {
-        var _err$response9, _err$response9$data;
-        IUIToastMessageService.warningNotify((err === null || err === void 0 ? void 0 : (_err$response9 = err.response) === null || _err$response9 === void 0 ? void 0 : (_err$response9$data = _err$response9.data) === null || _err$response9$data === void 0 ? void 0 : _err$response9$data.message) || 'Opps, Unable to fetch user info.');
+        var _err$response16, _err$response16$data;
+        IUIToastMessageService$1.warningNotify((err === null || err === void 0 ? void 0 : (_err$response16 = err.response) === null || _err$response16 === void 0 ? void 0 : (_err$response16$data = _err$response16.data) === null || _err$response16$data === void 0 ? void 0 : _err$response16$data.message) || 'Opps, Unable to fetch user info.');
         setTimeout(function () {
           window.history.back();
         }, 1000);
@@ -1564,11 +1789,11 @@ var verifyUserInfo = function verifyUserInfo(userId) {
 var submitAddModalData = function submitAddModalData(tableName, data) {
   return function (dispatch) {
     return new Promise(function (resolve, reject) {
-      api$1.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$response10, _err$response10$data;
-        IUIToastMessageService.warningNotify((err === null || err === void 0 ? void 0 : (_err$response10 = err.response) === null || _err$response10 === void 0 ? void 0 : (_err$response10$data = _err$response10.data) === null || _err$response10$data === void 0 ? void 0 : _err$response10$data.message) || 'Opps, Something went wrong.');
+        var _err$response17, _err$response17$data;
+        IUIToastMessageService$1.warningNotify((err === null || err === void 0 ? void 0 : (_err$response17 = err.response) === null || _err$response17 === void 0 ? void 0 : (_err$response17$data = _err$response17.data) === null || _err$response17$data === void 0 ? void 0 : _err$response17$data.message) || 'Opps, Something went wrong.');
         dispatch(stopLoader());
       });
     });
@@ -1577,101 +1802,17 @@ var submitAddModalData = function submitAddModalData(tableName, data) {
 var rejectUserVerification = function rejectUserVerification(userId) {
   return function (dispatch) {
     return new Promise(function (resolve, reject) {
-      api$1.get(userAddEditUrl.rejectUserVerification(userId)).then(function (res) {
-        console.log(res);
+      api$2.get(userAddEditUrl.rejectUserVerification(userId)).then(function (res) {
         if (res.data.status === true) {
-          var _res$data5;
-          IUIToastMessageService.sNotify((res === null || res === void 0 ? void 0 : (_res$data5 = res.data) === null || _res$data5 === void 0 ? void 0 : _res$data5.message) || 'User rejected successfully.');
           resolve(res.data);
         } else {
-          var _res$data6;
-          IUIToastMessageService.warningNotify((res === null || res === void 0 ? void 0 : (_res$data6 = res.data) === null || _res$data6 === void 0 ? void 0 : _res$data6.message) || 'Opps, Unable to reject user.');
+          var _res$data5;
+          IUIToastMessageService$1.warningNotify((res === null || res === void 0 ? void 0 : (_res$data5 = res.data) === null || _res$data5 === void 0 ? void 0 : _res$data5.message) || 'Opps, Unable to reject user.');
           reject(res);
         }
       })["catch"](function (err) {
-        var _err$response11, _err$response11$data;
-        console.log(err);
-        IUIToastMessageService.warningNotify((err === null || err === void 0 ? void 0 : (_err$response11 = err.response) === null || _err$response11 === void 0 ? void 0 : (_err$response11$data = _err$response11.data) === null || _err$response11$data === void 0 ? void 0 : _err$response11$data.message) || 'Opps, Unable to reject user.');
-        reject(err);
-      });
-    });
-  };
-};
-
-var SHOW_LOADER$1 = 'SHOW_LOADER';
-var STOP_LOADER$1 = 'STOP_LOADER';
-var SET_USER_LIST_FIELDS = 'SET_USER_LIST_FIELDS';
-var SET_ACTIVE_STATUS = 'SET_ACTIVE_STATUS';
-var SET_BULK_DEACTIVATED_USERS = 'SET_BULK_DEACTIVATED_USERS';
-
-var api$2 = configs.api;
-var IUIToastMessageService$1 = services.IUIToastMessageService;
-var setUserListFields = function setUserListFields(payload) {
-  return {
-    type: SET_USER_LIST_FIELDS,
-    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,
-    payload: payload
-  };
-};
-var stopDataFetchingStatus = function stopDataFetchingStatus(payload) {
-  return {
-    type: STOP_LOADER$1,
-    payload: payload
-  };
-};
-var fetchUsersList = function fetchUsersList(url) {
-  return function (dispatch, getState) {
-    return new Promise(function (resolve, reject) {
-      api$2.get(url + ("&company_id=" + getState().common.company)).then(function (res) {
-        dispatch(setUserListFields(res.data));
-        dispatch(stopDataFetchingStatus());
-        resolve();
-      })["catch"](function (err) {
-        reject(err);
-        dispatch(stopDataFetchingStatus());
-      })["finally"](function () {
-        dispatch(stopDataFetchingStatus());
-      });
-    });
-  };
-};
-var exportUsers = function exportUsers(payload) {
-  return function (dispatch) {
-    return new Promise(function (resolve, reject) {
-      api$2.get("" + userListUrl.exportUsers()).then(function (res) {
-        resolve(res);
-      })["catch"](function (err) {
-        reject(err);
-      });
-    });
-  };
-};
-var deActivateUsers = function deActivateUsers(ids) {
-  return function (dispatch) {
-    return new Promise(function (resolve, reject) {
-      api$2.post("" + userListUrl.bulkDeactivate(), {
-        user_ids: ids
-      }).then(function (res) {
-        dispatch(setBulkDeactivatedUsers(ids));
-        IUIToastMessageService$1.sNotify(ids.length + ' Users deactivated successfully');
-        resolve();
-      })["catch"](function (err) {
-        if (!err.response.data.status) {
-          IUIToastMessageService$1.warningNotify(err.response.data.message);
-          reject(err);
-          return;
-        }
+        var _err$response18, _err$response18$data;
+        IUIToastMessageService$1.warningNotify((err === null || err === void 0 ? void 0 : (_err$response18 = err.response) === null || _err$response18 === void 0 ? void 0 : (_err$response18$data = _err$response18.data) === null || _err$response18$data === void 0 ? void 0 : _err$response18$data.message) || 'Opps, Unable to reject user.');
         reject(err);
       });
     });
@@ -1731,7 +1872,6 @@ var getUserPanalData = function getUserPanalData(params) {
     });
   };
 };
-
 var addRecord = function addRecord(tableName, data, getParam) {
   return function (dispatch) {
     return new Promise(function (resolve, reject) {
@@ -1811,7 +1951,7 @@ var SET_VERIFICATION_ERROR = 'SET_VERIFICATION_ERROR';
 var api$4 = configs.api,
   env$2 = configs.env;
 var common = utilUrls.common;
-var IUILocalStorageService$4 = services.IUILocalStorageService;
+var IUILocalStorageService$3 = services.IUILocalStorageService;
 var setTokenResponse = function setTokenResponse(payload) {
   return {
     type: VERIFY_ACCESS_TOKEN,
@@ -1832,7 +1972,7 @@ var verifyAccessToken = function verifyAccessToken(roleCanAccess) {
     return new Promise(function (resolve, reject) {
       dispatch(setVerificationError(false));
       api$4.post(common.verifyToken(), {
-        client_id: +IUILocalStorageService$4.getClientId() || null,
+        client_id: +IUILocalStorageService$3.getClientId() || null,
         product: env$2.isExpense() ? 'expense' : 'travel'
       }).then(function (res) {
         if (res.data.status === true) {
@@ -1842,21 +1982,21 @@ var verifyAccessToken = function verifyAccessToken(roleCanAccess) {
             return;
           }
           if (env$2.isProfilePage()) {
-            IUILocalStorageService$4.setCompanyId(res.data.company);
+            IUILocalStorageService$3.setCompanyId(res.data.company);
             dispatch(setTokenResponse(res.data));
             dispatch(setVerificationError(false));
             if (env$2.isExpense()) {
-              IUILocalStorageService$4.setRole('submitter');
+              IUILocalStorageService$3.setRole('submitter');
             } else {
-              IUILocalStorageService$4.setRole('traveler');
+              IUILocalStorageService$3.setRole('traveler');
             }
             resolve();
             return;
           } else {
             for (var index = 0; index < res.data.applicable_role.length; index++) {
               if (roleCanAccess.includes(res.data.applicable_role[index])) {
-                IUILocalStorageService$4.setCompanyId(res.data.company);
-                IUILocalStorageService$4.setRole(res.data.applicable_role[index]);
+                IUILocalStorageService$3.setCompanyId(res.data.company);
+                IUILocalStorageService$3.setRole(res.data.applicable_role[index]);
                 dispatch(setTokenResponse(res.data));
                 dispatch(setVerificationError(false));
                 resolve();
@@ -2007,7 +2147,7 @@ var editCustomFieldLabel = function editCustomFieldLabel(payload) {
   };
 };
 
-var IUILocalStorageService$5 = services.IUILocalStorageService;
+var IUILocalStorageService$4 = services.IUILocalStorageService;
 var env$3 = configs.env;
 var CreditCard = function CreditCard(_ref) {
   var cardId = _ref.cardId,
@@ -2069,7 +2209,7 @@ var CreditCard = function CreditCard(_ref) {
 };
 var AddCard = function AddCard(_ref2) {
   var pg = _ref2.pg;
-  var _url = env$3.getPaymentUrl() + ("/api/v1/auth/" + IUILocalStorageService$5.getAccessToken() + "/1/" + pg.entity_id + "/0/" + pg.vendor_id + "/1");
+  var _url = env$3.getPaymentUrl() + ("/api/v1/auth/" + IUILocalStorageService$4.getAccessToken() + "/1/" + pg.entity_id + "/0/" + pg.vendor_id + "/1");
   var handleAddCard = function handleAddCard() {
     window.location.assign(_url);
   };
@@ -2287,7 +2427,6 @@ var TravelExpenseFields = function TravelExpenseFields(props) {
       setOpenEditAproverModalFlag(false);
     });
   };
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IUIGrid, {
     container: true,
     className: (styles.headingPadding)
@@ -2435,8 +2574,7 @@ var TravelExpenseFields = function TravelExpenseFields(props) {
     headerText: "Edit approver field",
     cancelLabel: "Cancel",
     submitLabel: "Save",
-    submitHandler: handleEditAproverLabel
-    ,
+    submitHandler: handleEditAproverLabel,
     width: "420px",
     modalBodyStyle: {
       maxHeight: '600px',
@@ -2992,7 +3130,7 @@ var workInfo = [{
   },
   disableText: 'Please get in touch with your administrator to change this value.'
 }, {
-  id: 7,
+  id: 9,
   label: 'Base location',
   name: 'base_location',
   required: false,
@@ -3017,7 +3155,7 @@ var workInfo = [{
   },
   disableText: 'Please get in touch with your administrator to change this value.'
 }, {
-  id: 7,
+  id: 10,
   label: 'Default currency',
   name: 'currency',
   required: false,
@@ -3031,7 +3169,7 @@ var workInfo = [{
   tooltip: 'This only changes the currency for this user',
   disableText: 'Please get in touch with your administrator to change this value.'
 }, {
-  id: 8,
+  id: 11,
   empty: true
 }];
 var products = [{
@@ -3401,6 +3539,7 @@ var userAddPageFormLabels = {
     business_unit: 'Business unit',
     department: 'Department',
     designation: 'Designation',
+    manager: 'Manager',
     base_location: 'Base location',
     currency: 'Default currency'
   },
@@ -3772,7 +3911,14 @@ var initialState$1 = {
     previous: null,
     results: []
   },
-  deactivatedUsers: []
+  signupRequestListInfo: {
+    count: 0,
+    next: null,
+    previous: null,
+    results: []
+  },
+  deactivatedUsers: [],
+  tabValue: 0
 };
 var reducer$1 = function reducer(state, action) {
   if (state === void 0) {
@@ -3804,6 +3950,12 @@ var reducer$1 = function reducer(state, action) {
           deactivatedUsers: deactivatedUsers
         });
       }
+    case SET_SIGNUP_REQUEST_LIST:
+      {
+        return _extends({}, state, {
+          signupRequestListInfo: action.payload
+        });
+      }
     case SET_ACTIVE_STATUS:
       {
         var _userListInfo = _extends({}, state.userListInfo);
@@ -3812,7 +3964,6 @@ var reducer$1 = function reducer(state, action) {
             _userListInfo.results[i].is_active = action.payload.is_active;
           }
         });
-
         var _deactivatedUsers = _userListInfo.results.length > 0 ? _userListInfo.results.filter(function (val) {
           return !val.is_active;
         }).map(function (obj) {
@@ -3835,7 +3986,6 @@ var reducer$1 = function reducer(state, action) {
             }
           });
         });
-
         var _deactivatedUsers2 = _userListInfo2.results.length > 0 ? _userListInfo2.results.filter(function (val) {
           return !val.is_active;
         }).map(function (obj) {
@@ -3848,6 +3998,12 @@ var reducer$1 = function reducer(state, action) {
           deactivatedUsers: _deactivatedUsers2
         });
       }
+    case SET_TAB_VALUE:
+      {
+        return _extends({}, state, {
+          tabValue: action.payload
+        });
+      }
     default:
       return state;
   }
@@ -4145,8 +4301,7 @@ var rootReducer = combineReducers({
   customFields: reducer$5
 });
 
-var store = createStore(rootReducer, composeWithDevTools(applyMiddleware(thunk)
-));
+var store = createStore(rootReducer, composeWithDevTools(applyMiddleware(thunk)));
 
 function withStore(Component) {
   function WrappedComponent(props) {
@@ -4245,25 +4400,19 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
     var val = _ref2.val,
       index = _ref2.index;
     if (val.membership_type === 'flight') {
-      return /*#__PURE__*/React.createElement(IUIAsyncSelect, {
-        id: "membership-name-" + index,
-        name: "membership-name-" + index,
-        title: "Membership number",
-        label: "Airline name",
-        additional: {
-          page: 1
-        },
-        value: {
-          value: val.name,
-          label: val.name ? val.name : 'Enter airline name'
-        },
-        onValueChange: function onValueChange(_ref3) {
-          var _value = _ref3._value;
-          return onMemInfoInputChange(index, 'name', _value);
-        },
-        loadOption: airlineOptionsfn,
-        placeHolderCheck: !val.name
-      });
+      return (
+        /*#__PURE__*/
+        React.createElement(IUIInput, {
+          label: "Airline name",
+          placeholder: "Enter airline name",
+          fullwidth: false,
+          defaultValue: val.name,
+          onValueChange: function onValueChange(_ref3) {
+            var _value = _ref3._value;
+            return onMemInfoInputChange(index, 'name', _value);
+          }
+        })
+      );
     }
     if (val.membership_type === 'hotel') {
       return /*#__PURE__*/React.createElement(IUIInput, {
@@ -4695,8 +4844,7 @@ function AddPanelDialog(_ref) {
     flexDirection: "column",
     padding: "8px 20px"
   }, /*#__PURE__*/React.createElement(IUIInput, {
-    label: name + " name"
-    ,
+    label: name + " name",
     name: "name",
     defaultValue: "",
     onValueChange: onValueChange,
@@ -4745,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
@@ -4780,7 +4929,6 @@ var UserAddEdit = function UserAddEdit(props) {
     }
     setProductAccess(_productAccess);
   };
-
   var _useState2 = useState({
       first_name: '',
       last_name: '',
@@ -4889,31 +5037,34 @@ var UserAddEdit = function UserAddEdit(props) {
   var _useState16 = useState([]),
     filesForDelete = _useState16[0],
     setFilesForDelete = _useState16[1];
-  var _useState17 = useState(config.env.isTravelProduct && isProfile ? 'open' : ''),
-    isAdditionalInfoExpanded = _useState17[0],
-    setAdditionalInfoFlag = _useState17[1];
-  var _useState18 = useState('submitter'),
-    expenseRole = _useState18[0],
-    setExpenseRole = _useState18[1];
-  var _useState19 = useState({}),
-    expenseApproversInput = _useState19[0],
-    setExpenseApproversInput = _useState19[1];
-  var _useState20 = useState({
+  var _useState17 = useState([]),
+    profilePicDelete = _useState17[0],
+    setProfilePicDelete = _useState17[1];
+  var _useState18 = useState(config.env.isTravelProduct && isProfile ? 'open' : ''),
+    isAdditionalInfoExpanded = _useState18[0],
+    setAdditionalInfoFlag = _useState18[1];
+  var _useState19 = useState('submitter'),
+    expenseRole = _useState19[0],
+    setExpenseRole = _useState19[1];
+  var _useState20 = useState({}),
+    expenseApproversInput = _useState20[0],
+    setExpenseApproversInput = _useState20[1];
+  var _useState21 = useState({
       value: '',
       label: 'Select approver'
     }),
-    expenseFYI = _useState20[0],
-    setExpenseFYI = _useState20[1];
+    expenseFYI = _useState21[0],
+    setExpenseFYI = _useState21[1];
   var asyncSelectRefs = useRef({
     emp_level: useRef(null),
     entity: useRef(null),
     business_unit: useRef(null),
     department: useRef(null)
   });
-  var _useState21 = useState([]),
-    errorArray = _useState21[0],
-    setErrorArray = _useState21[1];
-  var _useState22 = useState({
+  var _useState22 = useState([]),
+    errorArray = _useState22[0],
+    setErrorArray = _useState22[1];
+  var _useState23 = useState({
       first_name: '',
       last_name: '',
       email: '',
@@ -4943,9 +5094,9 @@ var UserAddEdit = function UserAddEdit(props) {
       userTagType: '',
       profile_pic: ''
     }),
-    errorMsgs = _useState22[0],
-    setErrorMsgs = _useState22[1];
-  var _useState23 = useState({
+    errorMsgs = _useState23[0],
+    setErrorMsgs = _useState23[1];
+  var _useState24 = useState({
       first_name: false,
       last_name: false,
       email: false,
@@ -4972,11 +5123,11 @@ var UserAddEdit = function UserAddEdit(props) {
       userTagType: false,
       profile_pic: false
     }),
-    inputChangeLog = _useState23[0],
-    updateInputChangeLog = _useState23[1];
-  var _useState24 = useState([]),
-    uploadedFiles = _useState24[0],
-    setUploadedFiles = _useState24[1];
+    inputChangeLog = _useState24[0],
+    updateInputChangeLog = _useState24[1];
+  var _useState25 = useState([]),
+    uploadedFiles = _useState25[0],
+    setUploadedFiles = _useState25[1];
   var defaultAddModalData = {
     isOpen: false,
     isError: false,
@@ -4992,14 +5143,25 @@ var UserAddEdit = function UserAddEdit(props) {
     maxLength: 70,
     minLength: 0
   };
-  var _useState25 = useState(defaultAddModalData),
-    addModalData = _useState25[0],
-    setAddModalData = _useState25[1];
+  var _useState26 = useState(defaultAddModalData),
+    addModalData = _useState26[0],
+    setAddModalData = _useState26[1];
   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) {
-    console.log('onModalOpen', e, id);
     var title = '';
     if (id === 'entity') {
       title = 'Entity';
@@ -5024,23 +5186,42 @@ var UserAddEdit = function UserAddEdit(props) {
       }));
     } else {
       dispatch(showLoader());
-      dispatch(submitAddModalData(addModalData.id, {
-        names: [validatedValue]
-      })).then(function (res) {
-        var _extends2;
+      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)));
+        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 _extends3;
-          return _extends({}, prevState, (_extends3 = {}, _extends3[tempKey] = prevState[tempKey] + 1, _extends3));
+          var _extends5;
+          return _extends({}, prevState, (_extends5 = {}, _extends5[tempKey] = prevState[tempKey] + 1, _extends5));
         });
         dispatch(stopLoader());
       });
@@ -5057,10 +5238,10 @@ var UserAddEdit = function UserAddEdit(props) {
   };
   var onPersonalInfoChange = function onPersonalInfoChange(args) {
     try {
-      var _temp6 = function _temp6() {
+      var _temp5 = function _temp5() {
         if (Object.hasOwnProperty.call(inputChangeLog, _name)) {
-          var _extends4;
-          updateInputChangeLog(_extends({}, inputChangeLog, (_extends4 = {}, _extends4[_name] = true, _extends4)));
+          var _extends6;
+          updateInputChangeLog(_extends({}, inputChangeLog, (_extends6 = {}, _extends6[_name] = true, _extends6)));
         }
       };
       var _name = args._name,
@@ -5071,7 +5252,7 @@ var UserAddEdit = function UserAddEdit(props) {
         _errorMsg = _args$_errorMsg === void 0 ? '' : _args$_errorMsg,
         _args$_obj = args._obj,
         _obj = _args$_obj === void 0 ? {} : _args$_obj;
-      var _temp7 = function () {
+      var _temp4 = function () {
         if (_name === 'contact_number') {
           setPersonalInfoInput(_extends({}, personalInfoInput, {
             contact_number: _value.trim(),
@@ -5082,14 +5263,14 @@ var UserAddEdit = function UserAddEdit(props) {
           updateError('country_code', _isError, _errorMsg);
           updateError('contact_country_code', _isError, _errorMsg);
         } else {
-          var _temp8 = function _temp8() {
-            var _extends5;
-            setPersonalInfoInput(_extends({}, personalInfoInput, (_extends5 = {}, _extends5[_name] = _value, _extends5)));
+          var _temp3 = function _temp3() {
+            var _extends7;
+            setPersonalInfoInput(_extends({}, personalInfoInput, (_extends7 = {}, _extends7[_name] = _value, _extends7)));
             updateError(_name, _isError, _errorMsg);
           };
-          var _temp9 = function () {
+          var _temp2 = function () {
             if (_name === 'profile_pic') {
-              var _temp10 = function () {
+              var _temp = function () {
                 if (_obj.isUpload) {
                   return Promise.resolve(uploadDocs(_value, _name)).then(function (docsData) {
                     _value = _value.map(function (_val) {
@@ -5117,31 +5298,35 @@ var UserAddEdit = function UserAddEdit(props) {
                     return result;
                   });
                   setUploadedFiles(_uploadedFiles);
-                  setFilesForDelete([].concat(filesForDelete, _deletedFiles));
+                  setProfilePicDelete([].concat(profilePicDelete, _deletedFiles));
                 }
               }();
-              if (_temp10 && _temp10.then) return _temp10.then(function () {});
+              if (_temp && _temp.then) return _temp.then(function () {});
             }
           }();
-          return _temp9 && _temp9.then ? _temp9.then(_temp8) : _temp8(_temp9);
+          return _temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2);
         }
       }();
-      return Promise.resolve(_temp7 && _temp7.then ? _temp7.then(_temp6) : _temp6(_temp7));
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp5) : _temp5(_temp4));
     } catch (e) {
       return Promise.reject(e);
     }
   };
   var onEmployeeInfoChange = function onEmployeeInfoChange(args) {
-    var _extends6;
+    var _extends8;
     var _name = args._name,
       _value = args._value,
       _isError = args._isError,
       _errorMsg = args._errorMsg;
-    setEmployeeInfoInput(_extends({}, employeeInfoInput, (_extends6 = {}, _extends6[_name] = _value, _extends6)));
+    console.log({
+      _name: _name,
+      _value: _value
+    });
+    setEmployeeInfoInput(_extends({}, employeeInfoInput, (_extends8 = {}, _extends8[_name] = _value, _extends8)));
     updateError(_name, _isError, _errorMsg);
     if (Object.hasOwnProperty.call(inputChangeLog, _name)) {
-      var _extends7;
-      updateInputChangeLog(_extends({}, inputChangeLog, (_extends7 = {}, _extends7[_name] = true, _extends7)));
+      var _extends9;
+      updateInputChangeLog(_extends({}, inputChangeLog, (_extends9 = {}, _extends9[_name] = true, _extends9)));
     }
   };
   var getUserTagTypeId = function getUserTagTypeId(name) {
@@ -5151,9 +5336,9 @@ var UserAddEdit = function UserAddEdit(props) {
     return tag.id;
   };
   var onUserTagTypeChange = function onUserTagTypeChange(args) {
-    var _extends8;
+    var _extends10;
     var e = args._event;
-    setUserTagType(_extends({}, userTagType, (_extends8 = {}, _extends8[e.target.name] = userTagType[e.target.name] ? false : getUserTagTypeId(e.target.name), _extends8)));
+    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
@@ -5161,30 +5346,27 @@ var UserAddEdit = function UserAddEdit(props) {
     }
   };
   var onCustomFieldsChange = function onCustomFieldsChange(_ref2) {
-    var _extends9;
+    var _extends11;
     var _name = _ref2._name,
       _value = _ref2._value;
-    setCustomFieldsInput(_extends({}, customFieldsInput, (_extends9 = {}, _extends9[_name] = _value, _extends9)));
+    setCustomFieldsInput(_extends({}, customFieldsInput, (_extends11 = {}, _extends11[_name] = _value, _extends11)));
   };
   var onTravelApproversInputChange = function onTravelApproversInputChange(_ref3) {
-    var _extends10;
+    var _extends12;
     var _name = _ref3._name,
       _value = _ref3._value;
-    setTravelApproversInput(_extends({}, travelApproversInput, (_extends10 = {}, _extends10[_name] = _value, _extends10)));
+    console.log(_name, _value, 'travel');
+    setTravelApproversInput(_extends({}, travelApproversInput, (_extends12 = {}, _extends12[_name] = _value, _extends12)));
   };
   var onExpenseApproversInputChange = function onExpenseApproversInputChange(_ref4) {
-    var _extends11;
+    var _extends13;
     var _name = _ref4._name,
       _value = _ref4._value;
-    setExpenseApproversInput(_extends({}, expenseApproversInput, (_extends11 = {}, _extends11[_name] = _value, _extends11)));
+    setExpenseApproversInput(_extends({}, expenseApproversInput, (_extends13 = {}, _extends13[_name] = _value, _extends13)));
   };
   var onMemInfoInputChange = function onMemInfoInputChange(index, key, val) {
     var _membershipInfoInput = [].concat(membershipInfoInput);
-    if (_membershipInfoInput[index].membership_type === 'flight' && key === 'name') {
-      _membershipInfoInput[index][key] = val.label;
-    } else {
-      _membershipInfoInput[index][key] = val;
-    }
+    _membershipInfoInput[index][key] = val;
     _membershipInfoInput[index].isEditMode = isEditMode;
     setMembershipInfoInput(_membershipInfoInput);
   };
@@ -5214,39 +5396,39 @@ var UserAddEdit = function UserAddEdit(props) {
     setMembershipInfoInput(_membershipInfoInputTemp);
   };
   var travelPreferenceOnChange = function travelPreferenceOnChange(args) {
-    var _extends12;
+    var _extends14;
     var _name = args._name,
       _value = args._value,
       _isError = args._isError,
       _errorMsg = args._errorMsg;
-    settravelPreferenceInfo(_extends({}, travelPreferenceInfo, (_extends12 = {}, _extends12[_name] = _value, _extends12)));
+    settravelPreferenceInfo(_extends({}, travelPreferenceInfo, (_extends14 = {}, _extends14[_name] = _value, _extends14)));
     if (Object.hasOwnProperty.call(inputChangeLog, _name)) {
-      var _extends13;
-      updateInputChangeLog(_extends({}, inputChangeLog, (_extends13 = {}, _extends13[_name] = true, _extends13)));
+      var _extends15;
+      updateInputChangeLog(_extends({}, inputChangeLog, (_extends15 = {}, _extends15[_name] = true, _extends15)));
     }
     updateError(_name, _isError, _errorMsg);
   };
   var onSecureTraveelerInfoInputChange = function onSecureTraveelerInfoInputChange(args) {
-    var _extends14;
+    var _extends16;
     var _name = args._name,
       _value = args._value,
       _isError = args._isError,
       _errorMsg = args._errorMsg;
-    setSecureTravelInputInfo(_extends({}, secureTravelInputInfo, (_extends14 = {}, _extends14[_name] = _value, _extends14)));
+    setSecureTravelInputInfo(_extends({}, secureTravelInputInfo, (_extends16 = {}, _extends16[_name] = _value, _extends16)));
     if (Object.hasOwnProperty.call(inputChangeLog, _name)) {
-      var _extends15;
-      updateInputChangeLog(_extends({}, inputChangeLog, (_extends15 = {}, _extends15[_name] = true, _extends15)));
+      var _extends17;
+      updateInputChangeLog(_extends({}, inputChangeLog, (_extends17 = {}, _extends17[_name] = true, _extends17)));
     }
     updateError(_name, _isError, _errorMsg);
   };
   var onPassportInfoInputChange = function onPassportInfoInputChange(args) {
     try {
-      var _temp14 = function _temp14() {
-        var _extends16;
-        setPassportInfoInput(_extends({}, passportInfoInput, (_extends16 = {}, _extends16[_name] = _value, _extends16)));
+      var _temp8 = function _temp8() {
+        var _extends18;
+        setPassportInfoInput(_extends({}, passportInfoInput, (_extends18 = {}, _extends18[_name] = _value, _extends18)));
         if (Object.hasOwnProperty.call(inputChangeLog, _name)) {
-          var _extends17;
-          updateInputChangeLog(_extends({}, inputChangeLog, (_extends17 = {}, _extends17[_name] = true, _extends17)));
+          var _extends19;
+          updateInputChangeLog(_extends({}, inputChangeLog, (_extends19 = {}, _extends19[_name] = true, _extends19)));
         }
         updateError(_name, _isError, _errorMsg);
       };
@@ -5284,9 +5466,9 @@ var UserAddEdit = function UserAddEdit(props) {
         }
         return Promise.resolve();
       }
-      var _temp15 = function () {
+      var _temp7 = function () {
         if (_name === 'passport_photo' || _name === 'travel_docs') {
-          var _temp16 = function () {
+          var _temp6 = function () {
             if (_obj.isUpload) {
               var checkAlreadyUploadedFiles = uploadedFiles.filter(function (_file) {
                 if (_name === 'passport_photo') {
@@ -5330,10 +5512,10 @@ var UserAddEdit = function UserAddEdit(props) {
               setFilesForDelete([].concat(filesForDelete, _deletedFiles));
             }
           }();
-          if (_temp16 && _temp16.then) return _temp16.then(function () {});
+          if (_temp6 && _temp6.then) return _temp6.then(function () {});
         }
       }();
-      return Promise.resolve(_temp15 && _temp15.then ? _temp15.then(_temp14) : _temp14(_temp15));
+      return Promise.resolve(_temp7 && _temp7.then ? _temp7.then(_temp8) : _temp8(_temp7));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -5352,8 +5534,8 @@ var UserAddEdit = function UserAddEdit(props) {
       return _errorArray;
     });
     setErrorMsgs(function (prevState) {
-      var _extends18;
-      return _extends({}, prevState, (_extends18 = {}, _extends18[_name] = _errorMsg, _extends18));
+      var _extends20;
+      return _extends({}, prevState, (_extends20 = {}, _extends20[_name] = _errorMsg, _extends20));
     });
   };
   var dispatch = useDispatch();
@@ -5612,7 +5794,6 @@ var UserAddEdit = function UserAddEdit(props) {
               required: true
             }
           }));
-
           var _productAccess = _extends({}, productAccess);
           renderFields.products.forEach(function (product) {
             _productAccess[product.name] = true;
@@ -5660,7 +5841,7 @@ var UserAddEdit = function UserAddEdit(props) {
   }, [renderFields.expenseApprovers]);
   var uploadDocs = function uploadDocs(docToUpload, type) {
     try {
-      var _temp19 = function _temp19() {
+      var _temp10 = function _temp10() {
         setUploadedFiles([].concat(uploadedFiles, data));
         dispatch(stopLoader());
         return data;
@@ -5676,12 +5857,12 @@ var UserAddEdit = function UserAddEdit(props) {
           userID: editUserId
         });
       });
-      var _temp20 = _forTo(docs, function (i) {
+      var _temp9 = _forTo(docs, function (i) {
         return Promise.resolve(dispatch(uploadSingleDocumnet(docs[i]))).then(function (res) {
           data.push(res);
         });
       });
-      return Promise.resolve(_temp20 && _temp20.then ? _temp20.then(_temp19) : _temp19(_temp20));
+      return Promise.resolve(_temp9 && _temp9.then ? _temp9.then(_temp10) : _temp10(_temp9));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -5710,9 +5891,10 @@ var UserAddEdit = function UserAddEdit(props) {
         expenseFYI: expenseFYI,
         uploadedFiles: uploadedFiles,
         filesForDelete: filesForDelete,
+        profilePicDelete: profilePicDelete,
         userTagType: userTagType
       };
-      if (verifyUserId && isILadmin) {
+      if (verifyUserId) {
         payload.verifyUserId = verifyUserId;
       }
       var _errorArray = [].concat(errorArray);
@@ -5808,8 +5990,7 @@ var UserAddEdit = function UserAddEdit(props) {
           }
           _errorMsgs.passport_issue_date = '';
         }
-        if (passportInfoInput.passport_photo.length === 0 && userTravelInfo.file_name === false &&
-        fieldsVisibility.user_travel_info.file_name !== 2) {
+        if (passportInfoInput.passport_photo.length === 0 && userTravelInfo.file_name === false && fieldsVisibility.user_travel_info.file_name !== 2) {
           _isError = true;
           if (_errorArray.indexOf('passport_photo') === -1) {
             _errorArray.push('passport_photo');
@@ -5821,8 +6002,7 @@ var UserAddEdit = function UserAddEdit(props) {
           }
           _errorMsgs.passport_photo = '';
         }
-        if (passportInfoInput.travel_docs.length === 0 && userTravelInfo.file_name === false &&
-        fieldsVisibility.user_travel_info.file_name !== 2) {
+        if (passportInfoInput.travel_docs.length === 0 && userTravelInfo.file_name === false && fieldsVisibility.user_travel_info.file_name !== 2) {
           _isError = true;
           if (_errorArray.indexOf('travel_docs') === -1) {
             _errorArray.push('travel_docs');
@@ -5838,27 +6018,28 @@ var UserAddEdit = function UserAddEdit(props) {
       if (_isError) {
         setErrorArray(_errorArray);
         setErrorMsgs(_errorMsgs);
-        for (var _key3 in _errorMsgs) {
+        var _loop = function _loop() {
           if (Object.hasOwnProperty.call(_errorMsgs, _key3)) {
             if (_errorMsgs[_key3]) {
-              var _ret = function () {
-                if (_key3 in passportInfoInput || _key3 in travelPreferenceInfo || _key3 in secureTravelInputInfo) {
-                  setAdditionalInfoFlag('open');
-                }
-                var el = document.getElementById(_key3 === 'country_code' || _key3 === 'contact_country_code' ? 'contact_number' : _key3);
-                if (el) {
-                  setTimeout(function () {
-                    el.scrollIntoView({
-                      behavior: 'smooth',
-                      block: 'center'
-                    });
-                  }, 500);
-                  return "break";
-                }
-              }();
-              if (_ret === "break") break;
+              if (_key3 in passportInfoInput || _key3 in travelPreferenceInfo || _key3 in secureTravelInputInfo) {
+                setAdditionalInfoFlag('open');
+              }
+              var el = document.getElementById(_key3 === 'country_code' || _key3 === 'contact_country_code' ? 'contact_number' : _key3);
+              if (el) {
+                setTimeout(function () {
+                  el.scrollIntoView({
+                    behavior: 'smooth',
+                    block: 'center'
+                  });
+                }, 500);
+                return "break";
+              }
             }
           }
+        };
+        for (var _key3 in _errorMsgs) {
+          var _ret = _loop();
+          if (_ret === "break") break;
         }
         return Promise.resolve();
       }
@@ -5872,6 +6053,8 @@ var UserAddEdit = function UserAddEdit(props) {
             var _config$routes2, _config$routes2$users, _config$routes2$users2;
             (config === null || config === void 0 ? void 0 : (_config$routes2 = config.routes) === null || _config$routes2 === void 0 ? void 0 : (_config$routes2$users = _config$routes2.users) === null || _config$routes2$users === void 0 ? void 0 : (_config$routes2$users2 = _config$routes2$users.list) === null || _config$routes2$users2 === void 0 ? void 0 : _config$routes2$users2.path) && history.push(config.routes.users.list.path);
           }
+          setFilesForDelete([]);
+          setProfilePicDelete([]);
         })["catch"](function (err) {
           if (typeof err === 'object') {
             if (err.country_code) {
@@ -5886,27 +6069,28 @@ var UserAddEdit = function UserAddEdit(props) {
             }
             setErrorArray(Object.keys(err));
             setErrorMsgs(err);
-            for (var _key4 in err) {
+            var _loop2 = function _loop2() {
               if (Object.hasOwnProperty.call(err, _key4)) {
                 if (err[_key4]) {
-                  var _ret2 = function () {
-                    if (_key4 in passportInfoInput || _key4 in travelPreferenceInfo || _key4 in secureTravelInputInfo) {
-                      setAdditionalInfoFlag('open');
-                    }
-                    var el = document.getElementById(_key4 === 'country_code' || _key4 === 'contact_country_code' ? 'contact_number' : _key4);
-                    if (el) {
-                      setTimeout(function () {
-                        el.scrollIntoView({
-                          behavior: 'smooth',
-                          block: 'center'
-                        });
-                      }, 500);
-                      return "break";
-                    }
-                  }();
-                  if (_ret2 === "break") break;
+                  if (_key4 in passportInfoInput || _key4 in travelPreferenceInfo || _key4 in secureTravelInputInfo) {
+                    setAdditionalInfoFlag('open');
+                  }
+                  var el = document.getElementById(_key4 === 'country_code' || _key4 === 'contact_country_code' ? 'contact_number' : _key4);
+                  if (el) {
+                    setTimeout(function () {
+                      el.scrollIntoView({
+                        behavior: 'smooth',
+                        block: 'center'
+                      });
+                    }, 500);
+                    return "break";
+                  }
                 }
               }
+            };
+            for (var _key4 in err) {
+              var _ret2 = _loop2();
+              if (_ret2 === "break") break;
             }
           } else if (typeof err === 'string') {
             IUIToastMessageService$4.warningNotify(err);
@@ -5935,27 +6119,28 @@ var UserAddEdit = function UserAddEdit(props) {
             }
             setErrorArray(Object.keys(err));
             setErrorMsgs(err);
-            for (var _key5 in err) {
+            var _loop3 = function _loop3() {
               if (Object.hasOwnProperty.call(err, _key5)) {
                 if (err[_key5]) {
-                  var _ret3 = function () {
-                    if (_key5 in passportInfoInput || _key5 in travelPreferenceInfo || _key5 in secureTravelInputInfo) {
-                      setAdditionalInfoFlag('open');
-                    }
-                    var el = document.getElementById(_key5 === 'country_code' || _key5 === 'contact_country_code' ? 'contact_number' : _key5);
-                    if (el) {
-                      setTimeout(function () {
-                        el.scrollIntoView({
-                          behavior: 'smooth',
-                          block: 'center'
-                        });
-                      }, 500);
-                      return "break";
-                    }
-                  }();
-                  if (_ret3 === "break") break;
+                  if (_key5 in passportInfoInput || _key5 in travelPreferenceInfo || _key5 in secureTravelInputInfo) {
+                    setAdditionalInfoFlag('open');
+                  }
+                  var el = document.getElementById(_key5 === 'country_code' || _key5 === 'contact_country_code' ? 'contact_number' : _key5);
+                  if (el) {
+                    setTimeout(function () {
+                      el.scrollIntoView({
+                        behavior: 'smooth',
+                        block: 'center'
+                      });
+                    }, 500);
+                    return "break";
+                  }
                 }
               }
+            };
+            for (var _key5 in err) {
+              var _ret3 = _loop3();
+              if (_ret3 === "break") break;
             }
           } else if (typeof err === 'string') {
             IUIToastMessageService$4.warningNotify(err);
@@ -5980,12 +6165,9 @@ var UserAddEdit = function UserAddEdit(props) {
           window.location.href = config.routes.profile.redirectUrl.cancel;
         }
       }
-    } else if (verifyUserId && isILadmin) {
-      var _config$routes4, _config$routes4$signu, _config$routes4$signu2;
-      (config === null || config === void 0 ? void 0 : (_config$routes4 = config.routes) === null || _config$routes4 === void 0 ? void 0 : (_config$routes4$signu = _config$routes4.signupRequest) === null || _config$routes4$signu === void 0 ? void 0 : (_config$routes4$signu2 = _config$routes4$signu.list) === null || _config$routes4$signu2 === void 0 ? void 0 : _config$routes4$signu2.path) && window.location.assign(config.routes.signupRequest.list.path);
     } else {
-      var _config$routes5, _config$routes5$users, _config$routes5$users2;
-      (config === null || config === void 0 ? void 0 : (_config$routes5 = config.routes) === null || _config$routes5 === void 0 ? void 0 : (_config$routes5$users = _config$routes5.users) === null || _config$routes5$users === void 0 ? void 0 : (_config$routes5$users2 = _config$routes5$users.list) === null || _config$routes5$users2 === void 0 ? void 0 : _config$routes5$users2.path) && history.push(config.routes.users.list.path);
+      var _config$routes4, _config$routes4$users, _config$routes4$users2;
+      (config === null || config === void 0 ? void 0 : (_config$routes4 = config.routes) === null || _config$routes4 === void 0 ? void 0 : (_config$routes4$users = _config$routes4.users) === null || _config$routes4$users === void 0 ? void 0 : (_config$routes4$users2 = _config$routes4$users.list) === null || _config$routes4$users2 === void 0 ? void 0 : _config$routes4$users2.path) && history.push(config.routes.users.list.path);
     }
   };
   var handleCustomFieldsNavigation = function handleCustomFieldsNavigation() {
@@ -6002,7 +6184,7 @@ var UserAddEdit = function UserAddEdit(props) {
     return false;
   };
   var getUserInfoForVerification = function getUserInfoForVerification() {
-    if (verifyUserId && isILadmin) {
+    if (verifyUserId) {
       dispatch(showLoader());
       dispatch(verifyUserInfo(verifyUserId)).then(function (res) {
         setPersonalInfoInput(function (prevState) {
@@ -6016,7 +6198,6 @@ var UserAddEdit = function UserAddEdit(props) {
               var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
               return dt.getDate() + " " + months[dt.getMonth()] + " " + dt.getFullYear();
             }(),
-
             gender: function () {
               if (res.gender === 'male') return 'Male';else if (res.gender === 'female') return 'Female';else if (res.gender === 'others') return 'Others';else return '';
             }()
@@ -6061,7 +6242,6 @@ var UserAddEdit = function UserAddEdit(props) {
             }()
           });
         });
-
         if (res.client_admin) {
           setTravelApproversInput(function (prevState) {
             var nextState = _extends({}, prevState);
@@ -6095,18 +6275,6 @@ var UserAddEdit = function UserAddEdit(props) {
       });
     }
   };
-  var handleSignUpRequestRejection = function handleSignUpRequestRejection() {
-    if (verifyUserId && isILadmin) {
-      dispatch(showLoader());
-      dispatch(rejectUserVerification(verifyUserId)).then(function (res) {
-        setTimeout(function () {
-          window.location.assign(config.routes.signupRequest.list.path);
-        }, 1500);
-      })["finally"](function () {
-        dispatch(stopLoader());
-      });
-    }
-  };
   return /*#__PURE__*/React.createElement(IUIBox, {
     component: "div",
     className: styles.UUIUserManagementAddEdit
@@ -6123,7 +6291,7 @@ var UserAddEdit = function UserAddEdit(props) {
     className: styles.breadcrumb
   }, /*#__PURE__*/React.createElement(IUIBreadCrumb, {
     breadCrumbs: [{
-      href: verifyUserId && isILadmin ? config.routes.signupRequest.list.path : config.routes.users.list.path,
+      href: config.routes.users.list.path,
       label: 'Users',
       hasLink: true
     }]
@@ -6158,14 +6326,7 @@ var UserAddEdit = function UserAddEdit(props) {
     type: "contained",
     onClick: formSubmitHandler,
     disabled: isPageLoading || productAccess.travel === false && productAccess.expense === false || !!doesFormHasError()
-  })), verifyUserId && isILadmin ? /*#__PURE__*/React.createElement(IUIBox, {
-    component: "div",
-    className: clsx(styles.buttonSingle, styles.buttonLeft)
-  }, /*#__PURE__*/React.createElement(IUIButton, {
-    buttonText: "Reject",
-    type: "outlined",
-    onClick: handleSignUpRequestRejection
-  })) : null))), /*#__PURE__*/React.createElement(IUIBox, {
+  }))))), /*#__PURE__*/React.createElement(IUIBox, {
     component: "div",
     marginTop: "8rem",
     flexDirection: "column"
@@ -6199,6 +6360,9 @@ var UserAddEdit = function UserAddEdit(props) {
     if (!p.visibility) {
       return null;
     }
+    if (p.name === 'profile_pic' && config.env.isExpenseProduct) {
+      return null;
+    }
     return /*#__PURE__*/React.createElement(IUIGrid, {
       item: true,
       sm: 12,
@@ -6351,6 +6515,9 @@ var UserAddEdit = function UserAddEdit(props) {
     addFields: function addFields() {
       return dispatch(addTravelApproverField());
     },
+    addManager: function addManager() {
+      return dispatch(addManagerApproverField);
+    },
     onRoleChange: function onRoleChange(_ref5) {
       var _value = _ref5._value;
       return setTravelRole(_value);
@@ -6392,6 +6559,9 @@ var UserAddEdit = function UserAddEdit(props) {
     addFields: function addFields() {
       return dispatch(addExpenseApproverField());
     },
+    addManager: function addManager() {
+      return dispatch(addManagerApproverField);
+    },
     onRoleChange: function onRoleChange(_ref6) {
       var _value = _ref6._value;
       return setExpenseRole(_value);
@@ -6571,17 +6741,13 @@ var uploadBulkUsersFile = function uploadBulkUsersFile(payload) {
     });
   };
 };
-
 var uploadFileToS3$1 = function uploadFileToS3(presignedPostData, file) {
   return new Promise(function (resolve, reject) {
     var formData = new FormData();
-
     Object.keys(presignedPostData.fields).forEach(function (key) {
       formData.append(key, presignedPostData.fields[key]);
     });
-
     formData.append('file', file);
-
     axios.post(presignedPostData.url, formData, {
       headers: {
         'Content-Type': 'multipart/form-data'
@@ -6698,7 +6864,7 @@ var fetchBulkactionHistory = function fetchBulkactionHistory(url) {
   };
 };
 
-var styles$5 = {"UUIUserManagementList":"_3WNHx","pageHeader":"_1WLpc","buttonWrapper":"_2egTG","headingWrapper":"_1He01","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","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"};
+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","deactivateAlert":"_3hvWz","departmentHeadText":"_3pOsV","deactivateBtn":"_2v6e4","user_list_page_tabs":"_xWE7K","TabLabelCount":"_13pXn"};
 
 var BulkUploadModal = function BulkUploadModal(props) {
   var isOpenImportUsersModal = props.isOpenImportUsersModal,
@@ -6767,7 +6933,7 @@ var BulkUploadModal = function BulkUploadModal(props) {
           file: doc
         });
       });
-      var _temp2 = _forTo(docs, function (i) {
+      var _temp = _forTo(docs, function (i) {
         return Promise.resolve(dispatch(uploadBulkUsersFile(docs[i]))).then(function (res) {
           return Promise.resolve(dispatch(validateUploadedFile(res.user_file_name)).then(function (validatedRes) {
             if (validatedRes.data.status) {
@@ -6807,7 +6973,7 @@ var BulkUploadModal = function BulkUploadModal(props) {
           })).then(function () {});
         });
       });
-      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
@@ -6982,7 +7148,6 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
     setOpenImportUsersModal(false);
     handleImportPagenavigation(jobId);
   };
-
   var handleDownloadRecords = function handleDownloadRecords(type) {
     try {
       setDownlStatus(true);
@@ -7958,6 +8123,120 @@ var BulkDownloadIcon = function BulkDownloadIcon(props) {
   }));
 };
 
+var classes = {"containedBtn":"_2A4_u","customMiniBox":"_QGIKG","muiBtn":"_3iFbO","outlinedBtn":"_3lQYD","menuList":"_1C8bJ","menuListContainer":"_1N83W","menuItemContainer":"_3VtcE","menuItemtext":"_2xqnU","subTxt":"_3CVzX"};
+
+var DropdownBtn = function DropdownBtn(props) {
+  var _clsx;
+  var _props$buttonText = props.buttonText,
+    buttonText = _props$buttonText === void 0 ? '' : _props$buttonText,
+    _props$disableRipple = props.disableRipple,
+    disableRipple = _props$disableRipple === void 0 ? true : _props$disableRipple,
+    _props$onClickHandler = props.onClickHandler,
+    onClickHandler = _props$onClickHandler === void 0 ? function () {} : _props$onClickHandler,
+    _props$menuListInfo = props.menuListInfo,
+    menuListInfo = _props$menuListInfo === void 0 ? [] : _props$menuListInfo,
+    _props$endIcon = props.endIcon,
+    endIcon = _props$endIcon === void 0 ? /*#__PURE__*/React.createElement(ExpandMoreIcon, {
+      width: "10",
+      height: "10"
+    }) : _props$endIcon,
+    _props$outlinedBtn = props.outlinedBtn,
+    outlinedBtn = _props$outlinedBtn === void 0 ? true : _props$outlinedBtn,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'auto-center' : _props$placement,
+    className = props.className,
+    menuListClass = props.menuListClass;
+  var _React$useState = React.useState(false),
+    open = _React$useState[0],
+    setOpen = _React$useState[1];
+  var anchorRef = React.useRef(null);
+  var handleToggle = function handleToggle() {
+    setOpen(function (prevOpen) {
+      return !prevOpen;
+    });
+  };
+  var handleClose = function handleClose(event) {
+    if (anchorRef.current && anchorRef.current.contains(event.target)) {
+      return;
+    }
+    setOpen(false);
+    onClickHandler(event);
+  };
+  var handleListKeyDown = function handleListKeyDown(event) {
+    if (event.key === 'Tab') {
+      event.preventDefault();
+      setOpen(false);
+    }
+  };
+  var handleMenuClick = function handleMenuClick(val) {
+    setOpen(false);
+    if (val.disable) return false;
+    if (val.handler && typeof val.handler === 'function') val.handler();
+  };
+  var prevOpen = React.useRef(open);
+  React.useEffect(function () {
+    if (prevOpen.current === true && open === false) {
+      anchorRef.current.focus();
+    }
+    prevOpen.current = open;
+  }, [open]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+    endIcon: endIcon,
+    className: clsx(classes.muiBtn, className, (_clsx = {}, _clsx[classes.outlinedBtn] = outlinedBtn, _clsx)),
+    disableRipple: disableRipple,
+    variant: "outlined",
+    ref: anchorRef,
+    "aria-controls": open ? 'menu-list-grow' : undefined,
+    "aria-haspopup": "true",
+    onClick: handleToggle
+  }, buttonText), /*#__PURE__*/React.createElement(Popper, {
+    open: open,
+    anchorEl: anchorRef.current,
+    role: undefined,
+    transition: true,
+    disablePortal: true,
+    style: {
+      zIndex: '9'
+    },
+    placement: placement
+  }, function (_ref) {
+    var _clsx2;
+    var TransitionProps = _ref.TransitionProps,
+      placement = _ref.placement;
+    return /*#__PURE__*/React.createElement(Grow, _extends({}, TransitionProps, {
+      style: {
+        transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom'
+      }
+    }), /*#__PURE__*/React.createElement(Paper, {
+      className: classes.menuListContainer,
+      elevation: 0
+    }, /*#__PURE__*/React.createElement(ClickAwayListener, {
+      onClickAway: handleClose
+    }, /*#__PURE__*/React.createElement(MenuList, {
+      autoFocusItem: open,
+      className: clsx(classes.menuList, (_clsx2 = {}, _clsx2[classes.outlinedBtn] = outlinedBtn, _clsx2), menuListClass),
+      id: "menu-list-grow",
+      onKeyDown: function onKeyDown(e) {
+        return handleListKeyDown(e);
+      }
+    }, menuListInfo.map(function (val, _i) {
+      return /*#__PURE__*/React.createElement(MenuItem, {
+        onClick: function onClick() {
+          return handleMenuClick(val);
+        },
+        key: _i,
+        className: clsx(classes.menuItemContainer, val.disable && 'iui__cursor-not-allowed'),
+        disableRipple: true
+      }, /*#__PURE__*/React.createElement(Typography, {
+        className: clsx(classes.menuItemtext, val && val.disable && 'iui__opacity--60')
+      }, val.label), val.subText && /*#__PURE__*/React.createElement(IUITypography, {
+        variant: "subtitle2",
+        className: clsx(classes.menuItemtext, classes.subTxt)
+      }, val.subText));
+    })))));
+  }));
+};
+
 var AntSwitch = withStyles(function (theme) {
   return {
     root: {
@@ -8008,6 +8287,10 @@ var StickyHeadTable = function StickyHeadTable(props) {
     selected = props.selected,
     _props$handleSingleCh = props.handleSingleCheckBoxClick,
     handleSingleCheckBoxClick = _props$handleSingleCh === void 0 ? function () {} : _props$handleSingleCh,
+    _props$onResetPasswor = props.onResetPasswordHandler,
+    onResetPasswordHandler = _props$onResetPasswor === void 0 ? function () {} : _props$onResetPasswor,
+    _props$toggleInviteMo = props.toggleInviteModal,
+    toggleInviteModal = _props$toggleInviteMo === void 0 ? function () {} : _props$toggleInviteMo,
     orderBy = props.orderBy,
     order = props.order,
     _props$onRequestSort = props.onRequestSort,
@@ -8016,11 +8299,30 @@ var StickyHeadTable = function StickyHeadTable(props) {
     onSearchHandler = _props$onSearchHandle === void 0 ? function () {} : _props$onSearchHandle,
     _props$onEditHandler = props.onEditHandler,
     onEditHandler = _props$onEditHandler === void 0 ? function () {} : _props$onEditHandler,
+    _props$onPrimaryAdmin = props.onPrimaryAdminHandler,
+    onPrimaryAdminHandler = _props$onPrimaryAdmin === void 0 ? function () {} : _props$onPrimaryAdmin,
     _props$isDataFetching = props.isDataFetching,
     isDataFetching = _props$isDataFetching === void 0 ? false : _props$isDataFetching,
     _props$disableRowChec = props.disableRowCheckbox,
     disableRowCheckbox = _props$disableRowChec === void 0 ? false : _props$disableRowChec,
-    searchValue = props.searchValue;
+    searchValue = props.searchValue,
+    _props$isILadmin = props.isILadmin,
+    isILadmin = _props$isILadmin === void 0 ? false : _props$isILadmin;
+  var useStyles = makeStyles(function (theme) {
+    return {
+      tooltip: {
+        background: '#1F2937',
+        fontSize: '14px',
+        color: '#ffffff',
+        padding: '12px 16px',
+        borderRadius: '6px'
+      },
+      arrow: {
+        color: '#1F2937'
+      }
+    };
+  });
+  var classes = useStyles();
   var columns = [{
     id: 'first_name',
     label: 'Name',
@@ -8031,8 +8333,7 @@ var StickyHeadTable = function StickyHeadTable(props) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IUIProfileBox, {
         firstName: row.first_name,
         lastName: row.last_name,
-        isLetterAvatar:
-        row.profile_pic && row.profile_pic.presigned_url ? false : true,
+        isLetterAvatar: !(row.profile_pic && row.profile_pic.presigned_url),
         primaryText: row.first_name + ' ' + row.last_name,
         secondaryText: row.email,
         letterAvatarTextColor: "black",
@@ -8041,10 +8342,31 @@ var StickyHeadTable = function StickyHeadTable(props) {
         profilePath: row === null || row === void 0 ? void 0 : (_row$profile_pic = row.profile_pic) === null || _row$profile_pic === void 0 ? void 0 : _row$profile_pic.presigned_url
       }));
     }
+  }, {
+    id: 'first_name',
+    label: '',
+    minWidth: 60,
+    sortable: false,
+    cell: function cell(row) {
+      return /*#__PURE__*/React.createElement(IUIBox, {
+        component: "div",
+        width: 80
+      }, row && row.has_visited === 0 ? /*#__PURE__*/React.createElement(Tooltip, {
+        title: "This user hasn't logged in to the platform yet",
+        arrow: true,
+        classes: {
+          arrow: classes.arrow,
+          tooltip: classes.tooltip
+        },
+        placement: "top-start"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: clsx(styles$5.tooltipTextDiv)
+      }, "Invited")) : null);
+    }
   }, {
     id: 'emp_info__department__name',
     label: 'Department',
-    minWidth: 100,
+    minWidth: 80,
     sortable: true,
     cell: function cell(row) {
       return /*#__PURE__*/React.createElement(IUIBox, {
@@ -8057,7 +8379,7 @@ var StickyHeadTable = function StickyHeadTable(props) {
   }, {
     id: 'productusermapping__role',
     label: 'Product roles',
-    minWidth: 170,
+    minWidth: 125,
     sortable: true,
     cell: function cell(row) {
       return /*#__PURE__*/React.createElement(IUIBox, {
@@ -8093,7 +8415,7 @@ var StickyHeadTable = function StickyHeadTable(props) {
   }, {
     id: 'status',
     label: 'Status',
-    minWidth: 190,
+    minWidth: 160,
     cell: function cell(row) {
       return /*#__PURE__*/React.createElement(IUIFormGroup, null, /*#__PURE__*/React.createElement(IUITypography, {
         component: "div",
@@ -8119,15 +8441,55 @@ var StickyHeadTable = function StickyHeadTable(props) {
   }, {
     id: 'actions',
     label: 'Actions',
-    minWidth: 170,
+    minWidth: 70,
     align: 'left',
     cell: function cell(row) {
-      return /*#__PURE__*/React.createElement(IUIButton, {
-        buttonText: "Edit",
-        onClick: function onClick() {
+      var options = [{
+        label: 'Edit details',
+        handler: function handler() {
           return onEditHandler(row.id);
         }
-      });
+      }];
+      if (row && row.has_visited && row.is_active) {
+        options.push({
+          label: 'Reset password',
+          handler: function handler() {
+            return onResetPasswordHandler(row.email);
+          }
+        });
+      } else if (row && row.is_active) {
+        options.push({
+          label: 'Resend invite',
+          handler: function handler() {
+            return toggleInviteModal(row.id, 'single', row.first_name, row.last_name);
+          }
+        });
+      }
+      if (isILadmin) {
+        options.push({
+          label: 'Make primary admin',
+          handler: function handler() {
+            return onPrimaryAdminHandler(row.id);
+          }
+        });
+      }
+      return /*#__PURE__*/React.createElement("div", {
+        style: {
+          marginLeft: '50px'
+        }
+      }, /*#__PURE__*/React.createElement(DropdownBtn, {
+        buttonText: /*#__PURE__*/React.createElement(MoreHorizIcon, {
+          fontSize: "medium",
+          color: "#6B7280"
+        }),
+        disableRipple: false,
+        menuListInfo: options,
+        menuListClass: "menuClass",
+        endIcon: null,
+        outlinedBtn: false,
+        className: "threedotMenuBtn",
+        placement: "bottom-end"
+      }));
     },
     style: {
       paddingLeft: '40px'
@@ -8155,6 +8517,118 @@ var StickyHeadTable = function StickyHeadTable(props) {
     isDataFetching: isDataFetching,
     disableRowCheckbox: disableRowCheckbox,
     searchBoxWidth: "400px",
+    searchValue: searchValue,
+    hideTopPagination: false
+  });
+};
+var SingupRequests = function SingupRequests(props) {
+  var data = props.data,
+    _props$handleChangeRo2 = props.handleChangeRowsPerPage,
+    handleChangeRowsPerPage = _props$handleChangeRo2 === void 0 ? function () {} : _props$handleChangeRo2,
+    handleChangePage = props.handleChangePage,
+    page = props.page,
+    rowsPerPage = props.rowsPerPage,
+    _props$handleSelectAl2 = props.handleSelectAllClick,
+    handleSelectAllClick = _props$handleSelectAl2 === void 0 ? function () {} : _props$handleSelectAl2,
+    selected = props.selected,
+    orderBy = props.orderBy,
+    order = props.order,
+    _props$onRequestSort2 = props.onRequestSort,
+    onRequestSort = _props$onRequestSort2 === void 0 ? function () {} : _props$onRequestSort2,
+    _props$onSearchHandle2 = props.onSearchHandler,
+    onSearchHandler = _props$onSearchHandle2 === void 0 ? function () {} : _props$onSearchHandle2,
+    _props$onVerifyHandle = props.onVerifyHandler,
+    onVerifyHandler = _props$onVerifyHandle === void 0 ? function () {} : _props$onVerifyHandle,
+    _props$onRejectHandle = props.onRejectHandler,
+    onRejectHandler = _props$onRejectHandle === void 0 ? function () {} : _props$onRejectHandle,
+    _props$isDataFetching2 = props.isDataFetching,
+    isDataFetching = _props$isDataFetching2 === void 0 ? false : _props$isDataFetching2,
+    searchValue = props.searchValue;
+  var formatDate = function formatDate(date) {
+    var dt = new Date(date);
+    var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+    return dt.getDate() + " " + months[dt.getMonth()] + " " + dt.getFullYear();
+  };
+  var columns = [{
+    id: 'fname',
+    label: 'Name',
+    minWidth: 250,
+    sortable: true,
+    cell: function cell(row) {
+      var _row$profile_pic2;
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IUIProfileBox, {
+        firstName: row.fname,
+        lastName: row.lname,
+        isLetterAvatar: row.profile_pic && row.profile_pic.presigned_url ? false : true,
+        primaryText: row.fname + ' ' + row.lname,
+        secondaryText: row.email,
+        letterAvatarTextColor: "black",
+        letterAvatarBackgroundColor: "#d3d3d3",
+        avatarClassName: styles$5.avatarClassName,
+        profilePath: row === null || row === void 0 ? void 0 : (_row$profile_pic2 = row.profile_pic) === null || _row$profile_pic2 === void 0 ? void 0 : _row$profile_pic2.presigned_url
+      }));
+    }
+  }, {
+    id: 'created',
+    label: 'Requested on',
+    minWidth: 100,
+    sortable: true,
+    cell: function cell(row) {
+      return /*#__PURE__*/React.createElement(IUIBox, {
+        component: "div",
+        width: 100
+      }, /*#__PURE__*/React.createElement(IUITypography, {
+        className: clsx(styles$5.rowText, styles$5.textTransform)
+      }, formatDate(row.created)));
+    }
+  }, {
+    id: 'actions',
+    label: 'Actions',
+    minWidth: 170,
+    align: 'left',
+    cell: function cell(row) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IUIButton, {
+        buttonText: "Verify",
+        onClick: function onClick() {
+          return onVerifyHandler(row.id);
+        },
+        style: {
+          display: 'inline'
+        }
+      }), /*#__PURE__*/React.createElement(IUIButton, {
+        buttonText: "Reject",
+        onClick: function onClick() {
+          return onRejectHandler(row.id);
+        },
+        style: {
+          display: 'inline'
+        }
+      }));
+    },
+    style: {
+      paddingLeft: '40px'
+    }
+  }];
+  return /*#__PURE__*/React.createElement(IUITable, {
+    searchPlaceholder: "Search by name or email",
+    isCheckboxTable: false,
+    columns: columns,
+    rows: data.results,
+    count: data.count,
+    handleChangeRowsPerPage: handleChangeRowsPerPage,
+    handleChangePage: handleChangePage,
+    page: page,
+    rowsPerPage: rowsPerPage,
+    handleSelectAllClick: handleSelectAllClick,
+    selected: selected,
+    orderBy: orderBy,
+    order: order,
+    searchHide: false,
+    hasFilter: true,
+    onRequestSort: onRequestSort,
+    onSearchHandler: onSearchHandler,
+    isDataFetching: isDataFetching,
+    searchBoxWidth: "400px",
     searchValue: searchValue
   });
 };
@@ -8178,11 +8652,70 @@ function InfoYellowIcon(props) {
   }));
 }
 
+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",
+    width: "20",
+    height: "20",
+    fill: "none",
+    viewBox: "0 0 20 20"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#CA8A04",
+    d: "M11 5a1 1 0 11-2 0 1 1 0 012 0zM8 8a1 1 0 000 2h1v3H8a1 1 0 100 2h4a1 1 0 100-2h-1V9a1 1 0 00-1-1H8z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#CA8A04",
+    d: "M0 10c0 5.522 4.477 10 10 10s10-4.478 10-10c0-5.523-4.477-10-10-10S0 4.477 0 10zm10-8a8 8 0 110 16 8 8 0 010-16z"
+  }));
+}
+
 var IUIToastMessageService$7 = services.IUIToastMessageService;
-var env$7 = configs.env;
-var UserList = function UserList(_ref) {
-  var config = _ref.config,
-    isProfile = _ref.isProfile;
+var env$7 = configs.env,
+  api$7 = configs.api;
+var UndoButton = function UndoButton(_ref) {
+  var onUndo = _ref.onUndo,
+    msg = _ref.msg;
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'row',
+      width: '270px',
+      justifyContent: 'space-between'
+    }
+  }, /*#__PURE__*/React.createElement("p", {
+    style: {
+      whiteSpace: 'nowrap',
+      paddingTop: '8px'
+    }
+  }, msg), /*#__PURE__*/React.createElement("p", {
+    onClick: onUndo,
+    style: {
+      whiteSpace: 'nowrap',
+      fontWeight: '600',
+      fontSize: '1rem',
+      padding: '8px 20px 0'
+    }
+  }, "UNDO"));
+};
+var UserList = function UserList(_ref2) {
+  var config = _ref2.config,
+    isProfile = _ref2.isProfile;
   env$7.init(config, isProfile);
   var history = useHistory();
   var _useSelector = useSelector(function (state) {
@@ -8190,25 +8723,35 @@ var UserList = function UserList(_ref) {
     }),
     userListInfo = _useSelector.userListInfo,
     isDataFetching = _useSelector.isDataFetching,
-    deactivatedUsers = _useSelector.deactivatedUsers;
-  var _React$useState = React.useState(1),
-    page = _React$useState[0],
-    setPage = _React$useState[1];
-  var _useState = useState(5),
+    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 _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(false),
-    deactivateSingle = _React$useState4[0],
-    setDeactivateSingle = _React$useState4[1];
-  var _React$useState5 = React.useState('first_name'),
-    orderBy = _React$useState5[0],
-    setOrderBy = _React$useState5[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];
@@ -8226,29 +8769,104 @@ var UserList = function UserList(_ref) {
     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];
-  var _useState11 = useState({
+    isSearchingChangeTemp = _useState10[0],
+    setSearchingChangeTemp = _useState10[1];
+  var _useState11 = useState(false),
+    isApiFetching = _useState11[0],
+    setisApiFetching = _useState11[1];
+  var _useState12 = useState({
       value: '',
       label: 'Select approver'
     }),
-    travelFYI = _useState11[0],
-    setTravelFYI = _useState11[1];
+    approverRole = _useState12[0],
+    setApproverRole = _useState12[1];
+  var _useState13 = useState(false),
+    showInviteModal = _useState13[0],
+    setToggleInviteModal = _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(''),
+    userFirstName = _useState15[0],
+    setUserFirstName = _useState15[1];
+  var _useState16 = useState(''),
+    userLastName = _useState16[0],
+    setUserLastName = _useState16[1];
+  var _useState17 = useState(true),
+    isDisabledSubmitBtn = _useState17[0],
+    setIsDisabledSubmitBtn = _useState17[1];
+  useScrollPosition(function (_ref3) {
+    var prevPos = _ref3.prevPos,
+      currPos = _ref3.currPos;
+    if (prevPos.y - currPos.y > 0) {
+      if (currPos.y <= -275) {
+        setOverlayMenu(true);
+      }
+    } else {
+      if (currPos.y > -295) {
+        setOverlayMenu(false);
+      }
+    }
+  }, [overlayMenu]);
+  var scrollTo = function scrollTo(id) {
+    var el = document.getElementById(id);
+    window.scrollTo({
+      top: el.offsetTop,
+      behavior: 'smooth'
+    });
+  };
+  var _React$useState10 = React.useState(1),
+    signup_page = _React$useState10[0],
+    setSignUpPage = _React$useState10[1];
+  var _useState18 = useState(5),
+    signup_rowsPerPage = _useState18[0],
+    setSignUpRowsPerPage = _useState18[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 _useState19 = useState(''),
+    signup_searchValue = _useState19[0],
+    set_signup_SearchValue = _useState19[1];
+  var _useState20 = useState(false),
+    isSignUpSortingChange = _useState20[0],
+    setSignUpSortingChange = _useState20[1];
+  var _useState21 = useState(false),
+    isSignUpSearchingChange = _useState21[0],
+    setSignUpSearchingChange = _useState21[1];
+  var _useState22 = useState(false),
+    isSignUpSortingChangeTemp = _useState22[0],
+    setSignUpSortingChangeTemp = _useState22[1];
+  var _useState23 = useState(false),
+    isSignUpSearchingChangeTemp = _useState23[0],
+    setSignUpSearchingChangeTemp = _useState23[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.');
@@ -8268,6 +8886,34 @@ var UserList = function UserList(_ref) {
   var handleEditUserClick = function handleEditUserClick(userId) {
     history.push(config.routes.users.edit.path.replace(":" + config.routes.users.edit.paramKeys.userId, userId));
   };
+  var handleVerifyUserClick = function handleVerifyUserClick(userId) {
+    history.push(config.routes.users.add.path + "?" + config.routes.users.add.queryParamKeys.verifyUserId + "=" + userId);
+  };
+  var handleRejectUserClick = function handleRejectUserClick(userId) {
+    dispatch(rejectUserVerification(userId)).then(function (res) {
+      if (res.status === true) {
+        var _res$data;
+        IUIToastMessageService$7.undoNotify( /*#__PURE__*/React.createElement(UndoButton, {
+          onUndo: function onUndo() {
+            return dispatch(undoneSignUpRejection(userId));
+          },
+          msg: (res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.message) || 'Sign-up request rejected'
+        }));
+        dispatch(showDataFetchingStatus());
+        dispatch(fetchUserSignupRequests({
+          ordering: signup_order === 'asc' ? signup_orderBy : "-" + signup_orderBy,
+          length: signup_rowsPerPage,
+          page: signup_page,
+          search: signup_searchValue.trim(),
+          pagename: 'company'
+        })).then(function () {
+          return dispatch(stopDataFetchingStatus());
+        });
+      }
+    })["catch"](function (err) {
+      console.log(err);
+    });
+  };
   var handleBulkActionHistoryClick = function handleBulkActionHistoryClick() {
     history.push(config.routes.bulkUpload.bulkActionHistory.path);
   };
@@ -8278,12 +8924,12 @@ var UserList = function UserList(_ref) {
   };
   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;
@@ -8305,6 +8951,11 @@ var UserList = function UserList(_ref) {
     setSearchingChange(true);
     setSearchingChangeTemp(!isSearchingChangeTemp);
   };
+  var onSignUpReqeustSearchHandler = function onSignUpReqeustSearchHandler(value) {
+    set_signup_SearchValue(value);
+    setSignUpSearchingChange(true);
+    setSignUpSearchingChangeTemp(!isSignUpSearchingChangeTemp);
+  };
   var handleSingleCheckBoxClick = function handleSingleCheckBoxClick(event, id, page) {
     var _extends4;
     var selectedTemp = _extends({}, selected);
@@ -8312,18 +8963,43 @@ var UserList = function UserList(_ref) {
       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);
@@ -8332,12 +9008,44 @@ var UserList = function UserList(_ref) {
     setSortingChangeTemp(!isSortingChangeTemp);
   };
   var handleActiveUser = function handleActiveUser(e, id, page) {
-    setDeactivateSingle(true);
+    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)));
+              }
+            }
+          });
+        }
+      }
+    });
+  };
+  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() {
@@ -8350,6 +9058,43 @@ var UserList = function UserList(_ref) {
     setOpenImportUsersModal(false);
     handleImportPagenavigation(jobId);
   };
+  var onResetPasswordHandler = function onResetPasswordHandler(email) {
+    dispatch(resetPasswordForUser({
+      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;
+      }
+    }
+    setUserIds(ids);
+    setUserFirstName(firstName);
+    setUserLastName(lastName);
+    setToggleInviteModal(!showInviteModal);
+  };
+  var toggleInviteModalClose = function toggleInviteModalClose() {
+    setToggleInviteModal(!showInviteModal);
+  };
+  var onResendInviteHandler = function onResendInviteHandler() {
+    var userIdArr = [];
+    if (userIds && !isNaN(userIds)) {
+      userIdArr = [userIds];
+    } else if (Object.keys(selected).length) {
+      Object.values(selected).map(function (val, i) {
+        if (val.length) {
+          val.map(function (idx, i) {
+            userIdArr.push(idx);
+          });
+        }
+      });
+    }
+    setUserIds('');
+    dispatch(resendInviteForUser(userIdArr));
+    setToggleInviteModal(!showInviteModal);
+  };
   var handleExportUsers = function handleExportUsers() {
     try {
       setDownlStatus(true);
@@ -8389,12 +9134,20 @@ var UserList = function UserList(_ref) {
   }, {
     label: 'Bulk action history',
     handler: handleBulkActionHistoryClick
+  }, {
+    label: 'Resend invite',
+    handler: toggleInviteModal
   }];
   useEffect(function () {
     var roleCanAccess = ['travel_itilite_admin', 'travel_admin', 'expense_itilite_admin', 'expense_admin'];
     dispatch(showDataFetchingStatus());
     dispatch(verifyAccessToken(roleCanAccess));
   }, []);
+  var onPrimaryAdminHandler = function onPrimaryAdminHandler(userId) {
+    dispatch(makePrimaryAdmin({
+      userId: userId
+    }));
+  };
   var dispatch = useDispatch();
   useEffect(function () {
     if (isTokenVerified === true) {
@@ -8404,16 +9157,38 @@ var UserList = function UserList(_ref) {
       var url = userListUrl.getUser + '?length=' + rowsPerPage + '&page=' + pageNum + searchParam + orderingParam;
       if (isSearchingChange) {
         var delayDebounceFn = setTimeout(function () {
+          setisApiFetching(true);
           dispatch(fetchUsersList(url)).then(function () {
-            return setSearchingChange(false);
+            setSearchingChange(false);
+            setisApiFetching(false);
+            scrollTo('table-root');
           });
-        }, 2000);
+        }, 1000);
         return function () {
           return clearTimeout(delayDebounceFn);
         };
       }
+      if (isSignUpSearchingChange) {
+        var delayDebounceFn2 = setTimeout(function () {
+          setisApiFetching(true);
+          dispatch(fetchUserSignupRequests({
+            ordering: signup_order === 'asc' ? signup_orderBy : "-" + signup_orderBy,
+            length: signup_rowsPerPage,
+            page: signup_page,
+            search: signup_searchValue.trim(),
+            pagename: 'company'
+          })).then(function () {
+            setSignUpSearchingChange(false);
+            setisApiFetching(false);
+          });
+        }, 1000);
+        return function () {
+          return clearTimeout(delayDebounceFn2);
+        };
+      }
       if (isSortingChange) {
         setisApiFetching(true);
+        scrollTo('table-root');
         dispatch(fetchUsersList(url)).then(function () {
           setisApiFetching(false);
           setSortingChange(false);
@@ -8422,23 +9197,121 @@ var UserList = function UserList(_ref) {
           setSortingChange(false);
         });
       }
-      if (!isSearchingChange && !isSortingChange) {
+      if (isSignUpSortingChange) {
+        setisApiFetching(true);
+        dispatch(fetchUserSignupRequests({
+          ordering: signup_order === 'asc' ? signup_orderBy : "-" + signup_orderBy,
+          length: signup_rowsPerPage,
+          page: signup_page,
+          search: signup_searchValue.trim(),
+          pagename: 'company'
+        })).then(function () {
+          setisApiFetching(false);
+          setSignUpSortingChange(false);
+        })["catch"](function () {
+          setisApiFetching(false);
+          setSignUpSortingChange(false);
+        });
+      }
+      if (!isSearchingChange && !isSortingChange && !isSignUpSearchingChange && !isSignUpSortingChange) {
         dispatch(showDataFetchingStatus());
         dispatch(fetchUsersList(url)).then(function () {
-          return dispatch(stopDataFetchingStatus());
+          dispatch(fetchUserSignupRequests({
+            ordering: signup_order === 'asc' ? signup_orderBy : "-" + signup_orderBy,
+            length: signup_rowsPerPage,
+            page: signup_page,
+            search: signup_searchValue.trim(),
+            pagename: 'company'
+          })).then(function () {
+            return dispatch(stopDataFetchingStatus());
+          });
         });
       }
     }
-  }, [isTokenVerified, isSearchingChangeTemp, isSortingChangeTemp]);
+  }, [isTokenVerified, isSearchingChangeTemp, isSortingChangeTemp, isSignUpSearchingChangeTemp, isSignUpSortingChangeTemp]);
+  var topRightButtons = function topRightButtons() {
+    return /*#__PURE__*/React.createElement(IUIBox, {
+      component: "div",
+      className: styles$5.buttonWrapper,
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: "center",
+      alignSelf: "flex-start"
+    }, /*#__PURE__*/React.createElement(IUIBox, {
+      component: "div",
+      className: clsx(styles$5.buttonSingle, styles$5.buttonLeft)
+    }, /*#__PURE__*/React.createElement(IUIButton, {
+      buttonText: "Export all users",
+      type: "outlined",
+      startIcon: /*#__PURE__*/React.createElement(BulkDownloadIcon, {
+        width: "22",
+        height: "22"
+      }),
+      onClick: handleExportUsers
+    })), /*#__PURE__*/React.createElement(IUIBox, {
+      component: "div",
+      className: clsx(styles$5.buttonSingle, styles$5.buttonLeft)
+    }, /*#__PURE__*/React.createElement(IUIDropdownButton, {
+      buttonText: "Bulk actions",
+      type: "outlined",
+      menuListInfo: BulkUploadInfo
+    })), /*#__PURE__*/React.createElement(IUIBox, {
+      component: "div",
+      className: "pageHeader--button-single button-right"
+    }, /*#__PURE__*/React.createElement(IUIButton, {
+      buttonText: "Add user",
+      type: "contained",
+      startIcon: /*#__PURE__*/React.createElement(AddIcon, {
+        width: "9",
+        height: "9",
+        color: "white"
+      }),
+      onClick: handleAddPageNavigation
+    })));
+  };
   return /*#__PURE__*/React.createElement(IUIBox, {
     component: "div",
     className: styles$5.UUIUserManagementList
-  }, !hasVerificationError ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IUIBackdrop, {
+  }, overlayMenu ? /*#__PURE__*/React.createElement(Box, {
+    className: styles$5.scrollOverlayMenu
+  }, /*#__PURE__*/React.createElement(IUIBox, {
+    component: "div",
+    className: clsx(styles$5.pageHeader)
+  }, /*#__PURE__*/React.createElement(IUIBox, {
+    component: "div",
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    flexWrap: "wrap",
+    style: {
+      gap: '1rem'
+    }
+  }, /*#__PURE__*/React.createElement(IUIBox, {
+    component: "div",
+    display: "flex",
+    flexDirection: "column",
+    style: {
+      gap: '0.5rem'
+    }
+  }, /*#__PURE__*/React.createElement(IUISearch, {
+    placeholder: "Search by name, email & department",
+    value: searchValue,
+    onChangeHandler: function onChangeHandler(e) {
+      return onSearchHandler(e.target.value);
+    },
+    className: styles$5.overlaysearch
+  })), topRightButtons()), /*#__PURE__*/React.createElement(IUIBox, {
+    component: "div",
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center"
+  }))) : '', !hasVerificationError ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IUIBackdrop, {
     open: isFileDownloading || isApiFetching,
     className: styles$5.backdrop
   }, /*#__PURE__*/React.createElement(IUICircularProgress, {
     color: "inherit"
   })), isDataFetching ? /*#__PURE__*/React.createElement(SkeletonLoader, null) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IUIBox, {
+    id: "table-root",
     component: "div",
     className: clsx(styles$5.pageHeader)
   }, /*#__PURE__*/React.createElement(IUIBox, {
@@ -8463,73 +9336,104 @@ var UserList = function UserList(_ref) {
   }, /*#__PURE__*/React.createElement(IUITypography, {
     variant: "h3",
     className: clsx(styles$5.heading, styles$5.headingLarge)
-  }, isILadmin && companyName ? companyName + " - Users" : 'Users')), /*#__PURE__*/React.createElement(IUIBox, {
-    component: "div",
-    className: styles$5.headingWrapper
-  }, /*#__PURE__*/React.createElement(IUITypography, {
-    variant: "body2",
-    className: clsx(styles$5.description)
-  }, "Create new users, customize user permissions and manage user accounts"))), /*#__PURE__*/React.createElement(IUIBox, {
-    component: "div",
-    className: styles$5.buttonWrapper,
-    display: "flex",
-    justifyContent: "space-between",
-    alignItems: "center",
-    alignSelf: "flex-start"
-  }, /*#__PURE__*/React.createElement(IUIBox, {
-    component: "div",
-    className: clsx(styles$5.buttonSingle, styles$5.buttonLeft)
-  }, /*#__PURE__*/React.createElement(IUIButton, {
-    buttonText: "Export all users",
-    type: "outlined",
-    startIcon: /*#__PURE__*/React.createElement(BulkDownloadIcon, {
-      width: "22",
-      height: "22"
-    }),
-    onClick: handleExportUsers
-  })), /*#__PURE__*/React.createElement(IUIBox, {
-    component: "div",
-    className: clsx(styles$5.buttonSingle, styles$5.buttonLeft)
-  }, /*#__PURE__*/React.createElement(IUIDropdownButton, {
-    buttonText: "Bulk actions",
-    type: "outlined",
-    menuListInfo: BulkUploadInfo
-  })), /*#__PURE__*/React.createElement(IUIBox, {
-    component: "div",
-    className: "pageHeader--button-single button-right"
-  }, /*#__PURE__*/React.createElement(IUIButton, {
-    buttonText: "Add user",
-    type: "contained",
-    startIcon: /*#__PURE__*/React.createElement(AddIcon, {
-      width: "9",
-      height: "9",
-      color: "white"
-    }),
-    onClick: handleAddPageNavigation
-  })))), /*#__PURE__*/React.createElement(IUIBox, {
+  }, isILadmin && companyName ? companyName + " - Users" : 'Users'))), topRightButtons()), /*#__PURE__*/React.createElement(IUIBox, {
     component: "div",
     display: "flex",
     justifyContent: "space-between",
     alignItems: "center"
   })), /*#__PURE__*/React.createElement(IUIBox, {
     className: styles$5.tablewrapper
-  }, /*#__PURE__*/React.createElement(StickyHeadTable, {
-    data: userListInfo,
-    handleChangeRowsPerPage: handleChangeRowsPerPage,
-    handleChangePage: handleChangePage,
-    page: page,
-    rowsPerPage: rowsPerPage,
-    handleActiveUser: handleActiveUser,
-    handleSelectAllClick: handleSelectAllClick,
-    selected: selected,
-    handleSingleCheckBoxClick: handleSingleCheckBoxClick,
-    orderBy: orderBy,
-    order: order,
-    onRequestSort: onRequestSort,
-    onSearchHandler: onSearchHandler,
-    onEditHandler: handleEditUserClick,
-    disableRowCheckbox: deactivatedUsers,
-    searchValue: searchValue
+  }, /*#__PURE__*/React.createElement(IUITabs, {
+    value: tabValue,
+    customTabHandler: function customTabHandler(value) {
+      return dispatch(updateTabValue(value));
+    },
+    className: styles$5.user_list_page_tabs,
+    tabs: [{
+      label: /*#__PURE__*/React.createElement(IUIBox, null, "Current users", ' ', /*#__PURE__*/React.createElement(TabLabelCount, {
+        count: userListInfo.count
+      }), ' '),
+      content: /*#__PURE__*/React.createElement(IUIBox, {
+        style: {
+          marginLeft: '-17px'
+        }
+      }, /*#__PURE__*/React.createElement(IUIBox, {
+        component: "div",
+        className: styles$5.headingWrapper
+      }, /*#__PURE__*/React.createElement(IUITypography, {
+        variant: "body2",
+        className: clsx(styles$5.description)
+      }, "Create new users, customize user permissions and manage user accounts")), /*#__PURE__*/React.createElement(StickyHeadTable, {
+        data: userListInfo,
+        handleChangeRowsPerPage: handleChangeRowsPerPage,
+        handleChangePage: handleChangePage,
+        page: page,
+        rowsPerPage: rowsPerPage,
+        handleActiveUser: handleActiveUser,
+        handleSelectAllClick: handleSelectAllClick,
+        selected: selected,
+        handleSingleCheckBoxClick: handleSingleCheckBoxClick,
+        orderBy: orderBy,
+        order: order,
+        onRequestSort: onRequestSort,
+        onSearchHandler: onSearchHandler,
+        onEditHandler: handleEditUserClick,
+        disableRowCheckbox: deactivatedUsers,
+        searchValue: searchValue,
+        isILadmin: isILadmin,
+        onPrimaryAdminHandler: onPrimaryAdminHandler,
+        onResetPasswordHandler: onResetPasswordHandler,
+        toggleInviteModal: toggleInviteModal
+      }))
+    }, {
+      label: /*#__PURE__*/React.createElement(IUIBox, null, "Sign-up requests", ' ', /*#__PURE__*/React.createElement(TabLabelCount, {
+        count: signupRequestListInfo.count
+      }), ' '),
+      content: /*#__PURE__*/React.createElement(IUIBox, {
+        style: {
+          marginLeft: '-17px'
+        }
+      }, /*#__PURE__*/React.createElement(IUIBox, {
+        component: "div",
+        className: styles$5.headingSignUpWrapper
+      }, /*#__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", ' ', /*#__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);
+          setSignUpPage(1);
+          setSignUpSortingChange(true);
+          setSignUpSortingChangeTemp(!isSignUpSortingChangeTemp);
+        },
+        handleChangePage: function handleChangePage(event, newPage) {
+          setSignUpPage(newPage);
+          setSignUpSortingChange(true);
+          setSignUpSortingChangeTemp(!isSignUpSortingChangeTemp);
+        },
+        page: signup_page,
+        rowsPerPage: signup_rowsPerPage,
+        handleActiveUser: handleActiveUser,
+        orderBy: signup_orderBy,
+        order: signup_order,
+        onRequestSort: function onRequestSort(event, property) {
+          var isAsc = signup_orderBy === property && signup_order === 'asc';
+          setSignUpOrder(isAsc ? 'desc' : 'asc');
+          setSignUpOrderBy(property);
+          setSignUpSortingChange(true);
+          setSignUpSortingChangeTemp(!isSignUpSortingChangeTemp);
+        },
+        onSearchHandler: onSignUpReqeustSearchHandler,
+        onVerifyHandler: handleVerifyUserClick,
+        onRejectHandler: handleRejectUserClick,
+        searchValue: signup_searchValue
+      }))
+    }]
   }))), /*#__PURE__*/React.createElement(IUIModal, {
     isOpen: deactivateSingle,
     closeHandler: function closeHandler() {
@@ -8542,7 +9446,7 @@ var UserList = function UserList(_ref) {
     width: "400px",
     subHanderText: "",
     submitBtnClass: styles$5.deactivateBtn,
-    isDisabledSubmitBtn: true
+    isDisabledSubmitBtn: isDisabledSubmitBtn
   }, /*#__PURE__*/React.createElement(IUIBox, {
     className: styles$5.deactivateSingle
   }, /*#__PURE__*/React.createElement(IUIBox, {
@@ -8550,66 +9454,26 @@ var UserList = function UserList(_ref) {
   }, /*#__PURE__*/React.createElement(InfoYellowIcon, {
     width: "9",
     height: "9"
-  }), /*#__PURE__*/React.createElement(IUITypography, null, /*#__PURE__*/React.createElement("b", null, "Anvesh Dunna"), " is linked with multiple roles. You can deactivate them only once you transfer the roles to another user.")), /*#__PURE__*/React.createElement(IUIBox, {
-    className: "iui__mb-15 iui__mt-15"
-  }, /*#__PURE__*/React.createElement(IUIAsyncSelect, {
-    isMove: true,
-    additional: {
-      page: 1,
-      product: 'travel',
-      placeholder: 'Select a user'
-    },
-    placeHolderCheck: travelFYI !== undefined && travelFYI.value === '',
-    label: "Transfer admin role to",
-    value: travelFYI,
-    onValueChange: function onValueChange(_ref2) {
-      var _value = _ref2._value;
-      return setTravelFYI(_value);
-    },
-    loadOption: approversOptions
-    ,
-    disableText: "Please get in touch with your administrator to change this value."
-  })), /*#__PURE__*/React.createElement(IUITypography, {
-    className: clsx('iui__mb-5', styles$5.departmentHeadText)
-  }, "Anvesh Dunna is the department head for: Product Design."), /*#__PURE__*/React.createElement(IUIBox, {
-    className: "iui__mb-15"
-  }, /*#__PURE__*/React.createElement(IUIAsyncSelect, {
-    isMove: true,
-    additional: {
-      page: 1,
-      product: 'travel',
-      placeholder: 'Select a user'
-    },
-    placeHolderCheck: travelFYI !== undefined && travelFYI.value === '',
-    label: "Transfer department head role to",
-    value: travelFYI,
-    onValueChange: function onValueChange(_ref3) {
-      var _value = _ref3._value;
-      return setTravelFYI(_value);
-    },
-    loadOption: approversOptions
-    ,
-    disableText: "Please get in touch with your administrator to change this value."
-  })), /*#__PURE__*/React.createElement(IUIBox, {
-    className: "iui__mb-15"
+  }), /*#__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',
-      placeholder: 'Select a user'
+      userId: user.id
     },
-    placeHolderCheck: travelFYI !== undefined && travelFYI.value === '',
+    placeHolderCheck: approverRole !== undefined && approverRole.value === '',
     label: "Transfer approver role to",
-    value: travelFYI,
-    onValueChange: function onValueChange(_ref4) {
-      var _value = _ref4._value;
-      return setTravelFYI(_value);
-    },
-    loadOption: approversOptions
-    ,
+    value: approverRole,
+    onValueChange: selectApprover,
+    loadOption: transferRoleOptions,
     disableText: "Please get in touch with your administrator to change this value."
-  })))), /*#__PURE__*/React.createElement(IUIModal, {
+  }), 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",
@@ -8635,7 +9499,49 @@ var UserList = function UserList(_ref) {
     className: styles$5.headerText
   }, 'Are you sure you want to deactivate ' + Object.values(selected).flat().length.toString() + (Object.values(selected).flat().length === 1 ? ' user ?' : ' users ?')), /*#__PURE__*/React.createElement(IUITypography, {
     className: styles$5.description
-  }, "The", ' ', Object.values(selected).flat().length === 1 ? ' user ' : ' users ', "won\u2019t be able to access itilite platform"))), /*#__PURE__*/React.createElement(BulkUploadModal, {
+  }, "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();
+    },
+    cancelLabel: "Cancel",
+    headerText: "Resend Invites?",
+    submitLabel: "Send",
+    submitHandler: function submitHandler() {
+      return onResendInviteHandler();
+    },
+    width: "400px",
+    modalBodyStyle: {
+      padding: '0px'
+    },
+    footerStyle: {
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      padding: '16px',
+      margin: '8px 24px',
+      border: '1px solid #FDE047',
+      background: '#FEFCE8',
+      borderRadius: '5px'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginRight: '5px'
+    }
+  }, /*#__PURE__*/React.createElement(InviteInfoIcon, null)), /*#__PURE__*/React.createElement("div", {
+    style: {
+      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, {
     isOpenImportUsersModal: isOpenImportUsersModal,
     closeImportUsersModal: closeImportUsersModal,
     closeImportModal: closeImportModal
@@ -8644,6 +9550,12 @@ var UserList = function UserList(_ref) {
     errMsg: hasVerificationError
   }));
 };
+var TabLabelCount = function TabLabelCount(_ref5) {
+  var count = _ref5.count;
+  return /*#__PURE__*/React.createElement(IUIBox, {
+    className: styles$5.TabLabelCount
+  }, " ", count, " ");
+};
 var index$2 = withStore(UserList);
 
 function Header(props) {
@@ -8737,7 +9649,6 @@ function Listview(_ref) {
     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;
     }
-    return 'Unassigned';
   };
   var columns = [{
     id: 'name',
@@ -8812,8 +9723,8 @@ function Listview(_ref) {
   }, {
     id: 'no_of_users',
     label: 'Number of users',
-    width: '25%',
-    sortable: true,
+    width: '45%',
+    sortable: false,
     cell: function cell(row) {
       return /*#__PURE__*/React.createElement(IUIBox, {
         component: "div"
@@ -8926,7 +9837,6 @@ function EditPanelDialog(_ref) {
     dialogData = _useSelector.dialogData;
   var deptHeadDetails = function deptHeadDetails(data) {
     var _data$dept_head_detai;
-    console.log(data);
     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,
@@ -8945,7 +9855,11 @@ function EditPanelDialog(_ref) {
   }, [rowData]);
   var history = useHistory();
   var handleAddPageNavigation = function handleAddPageNavigation() {
-    history.push(config.routes.users.add.path);
+    console.log(rowData);
+    history.push({
+      pathname: config.routes.users.add.path,
+      state: rowData
+    });
   };
   return /*#__PURE__*/React.createElement(IUIModal, {
     isDisabledSubmitBtn: isDisabledSubmitBtn,
@@ -9007,8 +9921,7 @@ function EditPanelDialog(_ref) {
     onClick: handleAddPageNavigation,
     className: styles$7.addUserButton
   }))), /*#__PURE__*/React.createElement(IUIInput, {
-    label: name + " name"
-    ,
+    label: name + " name",
     name: "name",
     defaultValue: dialogData.data.name,
     onValueChange: onValueChange,
@@ -9026,8 +9939,7 @@ function EditPanelDialog(_ref) {
       width: '100%'
     }
   }, /*#__PURE__*/React.createElement(IUIInput, {
-    label: "Department head"
-    ,
+    label: "Department head",
     name: "name",
     defaultValue: head.label,
     placeholder: "",
@@ -9054,8 +9966,7 @@ function EditPanelDialog(_ref) {
       var _value = _ref2._value;
       return setHead(_value);
     },
-    loadOption: departmentHeadOptions
-    ,
+    loadOption: departmentHeadOptions,
     disableText: "Please get in touch with your administrator to change this value.",
     customLoadingText: "No users found in this department",
     customLoadingTextStyle: {
@@ -9260,7 +10171,6 @@ var UserPanel = function UserPanel(_ref) {
     }),
     isTokenVerified = _useSelector2.isTokenVerified,
     hasVerificationError = _useSelector2.hasVerificationError;
-
   var onValueChange = function onValueChange(_ref2) {
     var _value = _ref2._value;
     var validatedValue = _value.replace(/\s+/g, ' ').trim();
@@ -9378,7 +10288,6 @@ 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;