@itilite/iui-user-management 1.4.964-beta.7 → 1.4.964-beta.8

package/dist/index.modern.js

@@ -1,8 +1,8 @@
-import { IUIAsyncSelect, IUIBox, IUILabel, IUIFileUpload, IUICheckboxButton, IUIPhone, IUISelect, IUIDatePicker, IUIInput, IUIGrid, IUIDivider, IUITypography, IUIRadio, IUIButton, IUIModal, IUISearch, IUICircularProgress, IUIAccordion, IUIAccordionSummary, IUIAccordionDetails, IUICard, IUIBackdrop, IUIBreadCrumb, IUIDropdownButton, IUIDropzone, IUIStepper, IUIIconButton, IUIFormControlLabel, IUICheckBox, IUIPrimaryRadio, IUITable, IUISkeleton, IUIProfileBox, IUIFormGroup, IUITabs } from '@itilite/iuistyles';
+import { IUIAsyncSelect, IUIBox, IUILabel, IUIFileUpload, IUICheckboxButton, IUIPhone, IUISelect, IUIDatePicker, IUIInput, IUIGrid, IUIDivider, IUITypography, IUITooltip, IUIRadio, IUIButton, IUIModal, IUISearch, IUICircularProgress, IUIAccordion, IUIAccordionSummary, IUIAccordionDetails, IUICard, IUIBackdrop, IUIBreadCrumb, IUIDropdownButton, IUIDropzone, IUIStepper, IUIIconButton, IUIFormControlLabel, IUICheckBox, IUIPrimaryRadio, IUITable, IUISkeleton, IUIProfileBox, IUIFormGroup, IUITabs } from '@itilite/iuistyles';
 import React, { useState, Fragment as Fragment$1, useEffect, memo, useRef } from 'react';
 import { configs, services, utilUrls } from '@itilite/utils';
 import axios from 'axios';
-import { IconButton, Menu, MenuItem, Popper, Grow, Paper, ClickAwayListener, MenuList, Typography, Box } from '@material-ui/core';
+import { Tooltip, IconButton, Menu, MenuItem, Popper, Grow, Paper, ClickAwayListener, MenuList, Typography, Box } from '@material-ui/core';
 import { useDispatch, useSelector, Provider } from 'react-redux';
 import { combineReducers, createStore, applyMiddleware } from 'redux';
 import thunk from 'redux-thunk';
@@ -10,7 +10,7 @@ import moment from 'moment';
 import { composeWithDevTools } from 'redux-devtools-extension';
 import { useParams, useHistory, useLocation } from 'react-router-dom';
 import { withStyles, makeStyles } from '@material-ui/core/styles';
-import Tooltip from '@material-ui/core/Tooltip';
+import Tooltip$1 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';
@@ -51,7 +51,7 @@ function _objectWithoutPropertiesLoose(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (-1 !== e.indexOf(n)) continue;
+    if (e.includes(n)) continue;
     t[n] = r[n];
   }
   return t;
@@ -839,7 +839,7 @@ var UserRole = function UserRole(_ref) {
 
 var styles$1 = {"defaultLabel":"_smjc4","card":"_3_S9J","cardNumber":"_36E9M","cardDigit":"_2pm-T","expiryDate":"_2tBnF","cardImage":"_3QvZh","visa":"_1IpBm","mastercard":"_2x6IX","amex":"_2a38S","discover":"_2vksl","diners":"_2kQRs","jcb":"_2bO1f","unionpay":"_2_jfu","is_nothing":"_1Lrzs","addCard":"_3711U","cardDeleteBtn":"_7Da2t","cardLabel":"_PQTex","defaultBtn":"_1_ArA","cursonPointer":"_1L115","sectionWrapper":"_VpUCK","margin":"_1Fs_D","minGridWidth":"_1hl-Z","firstRowMargin":"_1WZZj","firstChildMargin":"_IT_O_","paddingTop":"_Mhnl7","dividerColor":"_3ltFd"};
 
-var classes = {"disabledCard":"_3MVKj","expiredLabel":"_2_sgJ","expiresoonLabel":"_3G7La","sectionHeader":"_2d_OH","myCardsSection":"_3MNHj","companyCardsSection":"_34lN6","disabledNotice":"_1yV0j","cardsGrid":"_1oHGu","card":"_3ZTQc","moreIcon":"_3utA0","personal":"_duePd","corporate":"_3O33a","company":"_180_L","cardHeader":"_1eF61","cardTitleSection":"_2c40W","cardMaskedNumber":"_2Vlhq","cardName":"_bp-Mt","cardAlias":"_19m4v","cardType":"_3l4HZ","menuButton":"_3TTEn","lockIcon":"_1S27X","cardDetails":"_IP2rg","cardNumber":"_7FOPe","cardExpiry":"_CI_p2","cardCvv":"_3Gzqu","cardUnhide":"_ivgBf","cardFooter":"_1WgPL","brandLogo":"_EV0l8","addCardButton":"_1oaCc","plusIcon":"_w9L5L"};
+var classes = {"disabledCard":"_3MVKj","expiredLabel":"_2_sgJ","invalidLabel":"_1Oqzs","expiresoonLabel":"_3G7La","sectionHeader":"_2d_OH","myCardsSection":"_3MNHj","companyCardsSection":"_34lN6","disabledNotice":"_1yV0j","cardsGrid":"_1oHGu","card":"_3ZTQc","moreIcon":"_3utA0","personal":"_duePd","corporate":"_3O33a","company":"_180_L","cardHeader":"_1eF61","cardTitleSection":"_2c40W","cardMaskedNumber":"_2Vlhq","cardName":"_bp-Mt","cardAlias":"_19m4v","cardType":"_3l4HZ","menuButton":"_3TTEn","lockIcon":"_1S27X","cardDetails":"_IP2rg","cardNumber":"_7FOPe","cardExpiry":"_CI_p2","cardCvv":"_3Gzqu","cardUnhide":"_ivgBf","cardFooter":"_1WgPL","brandLogo":"_EV0l8","addCardButton":"_1oaCc","plusIcon":"_w9L5L"};
 
 var SHOW_LOADER = 'SHOW_LOADER';
 var STOP_LOADER = 'STOP_LOADER';
@@ -878,7 +878,7 @@ var resolveMembershipName = function resolveMembershipName(membership) {
   }
 };
 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$employeeInfo0;
+  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$1.getCompanyId(),
     first_name: payload.personalInfoInput.first_name,
@@ -899,7 +899,7 @@ var formatCreateUserPayload = function formatCreateUserPayload(payload) {
       department_id: payload !== null && payload !== void 0 && (_payload$employeeInfo7 = payload.employeeInfoInput) !== null && _payload$employeeInfo7 !== void 0 && (_payload$employeeInfo8 = _payload$employeeInfo7.department) !== null && _payload$employeeInfo8 !== void 0 && _payload$employeeInfo8.value ? payload.employeeInfoInput.department.value : null,
       designation: payload.employeeInfoInput.designation || null,
       base_location: payload.employeeInfoInput.base_location || null,
-      currency: payload !== null && payload !== void 0 && (_payload$employeeInfo9 = payload.employeeInfoInput) !== null && _payload$employeeInfo9 !== void 0 && (_payload$employeeInfo0 = _payload$employeeInfo9.currency) !== null && _payload$employeeInfo0 !== void 0 && _payload$employeeInfo0.value ? payload.employeeInfoInput.currency.value : null
+      currency: payload !== null && payload !== void 0 && (_payload$employeeInfo9 = payload.employeeInfoInput) !== null && _payload$employeeInfo9 !== void 0 && (_payload$employeeInfo10 = _payload$employeeInfo9.currency) !== null && _payload$employeeInfo10 !== void 0 && _payload$employeeInfo10.value ? payload.employeeInfoInput.currency.value : null
     },
     custom_attribute: payload.customFieldsInput || null,
     product: function () {
@@ -1084,23 +1084,23 @@ var formatUpdateUserPayload = function formatUpdateUserPayload(payload, inputCha
     res.fields.user_personal_info.gender = payload.personalInfoInput.gender || null;
   }
   if (inputChangeLog.emp_level) {
-    var _payload$employeeInfo1, _payload$employeeInfo10;
-    res.fields.employee_info.emp_level_id = payload !== null && payload !== void 0 && (_payload$employeeInfo1 = payload.employeeInfoInput) !== null && _payload$employeeInfo1 !== void 0 && (_payload$employeeInfo10 = _payload$employeeInfo1.emp_level) !== null && _payload$employeeInfo10 !== void 0 && _payload$employeeInfo10.value ? payload.employeeInfoInput.emp_level.value : null;
+    var _payload$employeeInfo11, _payload$employeeInfo12;
+    res.fields.employee_info.emp_level_id = payload !== null && payload !== void 0 && (_payload$employeeInfo11 = payload.employeeInfoInput) !== null && _payload$employeeInfo11 !== void 0 && (_payload$employeeInfo12 = _payload$employeeInfo11.emp_level) !== null && _payload$employeeInfo12 !== void 0 && _payload$employeeInfo12.value ? payload.employeeInfoInput.emp_level.value : null;
   }
   if (inputChangeLog.employee_id) {
     res.fields.employee_info.employee_id = payload.employeeInfoInput.employee_id || null;
   }
   if (inputChangeLog.entity) {
-    var _payload$employeeInfo11, _payload$employeeInfo12;
-    res.fields.employee_info.entity_id = payload !== null && payload !== void 0 && (_payload$employeeInfo11 = payload.employeeInfoInput) !== null && _payload$employeeInfo11 !== void 0 && (_payload$employeeInfo12 = _payload$employeeInfo11.entity) !== null && _payload$employeeInfo12 !== void 0 && _payload$employeeInfo12.value ? payload.employeeInfoInput.entity.value : null;
+    var _payload$employeeInfo13, _payload$employeeInfo14;
+    res.fields.employee_info.entity_id = payload !== null && payload !== void 0 && (_payload$employeeInfo13 = payload.employeeInfoInput) !== null && _payload$employeeInfo13 !== void 0 && (_payload$employeeInfo14 = _payload$employeeInfo13.entity) !== null && _payload$employeeInfo14 !== void 0 && _payload$employeeInfo14.value ? payload.employeeInfoInput.entity.value : null;
   }
   if (inputChangeLog.business_unit) {
-    var _payload$employeeInfo13, _payload$employeeInfo14;
-    res.fields.employee_info.business_unit_id = payload !== null && payload !== void 0 && (_payload$employeeInfo13 = payload.employeeInfoInput) !== null && _payload$employeeInfo13 !== void 0 && (_payload$employeeInfo14 = _payload$employeeInfo13.business_unit) !== null && _payload$employeeInfo14 !== void 0 && _payload$employeeInfo14.value ? payload.employeeInfoInput.business_unit.value : null;
+    var _payload$employeeInfo15, _payload$employeeInfo16;
+    res.fields.employee_info.business_unit_id = payload !== null && payload !== void 0 && (_payload$employeeInfo15 = payload.employeeInfoInput) !== null && _payload$employeeInfo15 !== void 0 && (_payload$employeeInfo16 = _payload$employeeInfo15.business_unit) !== null && _payload$employeeInfo16 !== void 0 && _payload$employeeInfo16.value ? payload.employeeInfoInput.business_unit.value : null;
   }
   if (inputChangeLog.department) {
-    var _payload$employeeInfo15, _payload$employeeInfo16;
-    res.fields.employee_info.department_id = payload !== null && payload !== void 0 && (_payload$employeeInfo15 = payload.employeeInfoInput) !== null && _payload$employeeInfo15 !== void 0 && (_payload$employeeInfo16 = _payload$employeeInfo15.department) !== null && _payload$employeeInfo16 !== void 0 && _payload$employeeInfo16.value ? payload.employeeInfoInput.department.value : null;
+    var _payload$employeeInfo17, _payload$employeeInfo18;
+    res.fields.employee_info.department_id = payload !== null && payload !== void 0 && (_payload$employeeInfo17 = payload.employeeInfoInput) !== null && _payload$employeeInfo17 !== void 0 && (_payload$employeeInfo18 = _payload$employeeInfo17.department) !== null && _payload$employeeInfo18 !== void 0 && _payload$employeeInfo18.value ? payload.employeeInfoInput.department.value : null;
   }
   if (inputChangeLog.designation) {
     res.fields.employee_info.designation = payload.employeeInfoInput.designation || null;
@@ -1109,8 +1109,8 @@ var formatUpdateUserPayload = function formatUpdateUserPayload(payload, inputCha
     res.fields.employee_info.base_location = payload.employeeInfoInput.base_location || null;
   }
   if (inputChangeLog.currency) {
-    var _payload$employeeInfo17, _payload$employeeInfo18;
-    res.fields.employee_info.currency = payload !== null && payload !== void 0 && (_payload$employeeInfo17 = payload.employeeInfoInput) !== null && _payload$employeeInfo17 !== void 0 && (_payload$employeeInfo18 = _payload$employeeInfo17.currency) !== null && _payload$employeeInfo18 !== void 0 && _payload$employeeInfo18.value ? payload.employeeInfoInput.currency.value : null;
+    var _payload$employeeInfo19, _payload$employeeInfo20;
+    res.fields.employee_info.currency = payload !== null && payload !== void 0 && (_payload$employeeInfo19 = payload.employeeInfoInput) !== null && _payload$employeeInfo19 !== void 0 && (_payload$employeeInfo20 = _payload$employeeInfo19.currency) !== null && _payload$employeeInfo20 !== void 0 && _payload$employeeInfo20.value ? payload.employeeInfoInput.currency.value : null;
   }
   if (payload.productAccess.travel) {
     if (!env$1.isProfilePage()) {
@@ -1744,8 +1744,8 @@ var resetPasswordForUser = function resetPasswordForUser(data) {
       })["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$response0, _err$response0$data, _err$response0$data$m;
-          IUIToastMessageService$1.errNotify(err === null || err === void 0 ? void 0 : (_err$response0 = err.response) === null || _err$response0 === void 0 ? void 0 : (_err$response0$data = _err$response0.data) === null || _err$response0$data === void 0 ? void 0 : (_err$response0$data$m = _err$response0$data.message) === null || _err$response0$data$m === void 0 ? void 0 : _err$response0$data$m.email[0]);
+          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;
         }
@@ -1763,10 +1763,10 @@ var resendInviteForUser = function resendInviteForUser(data) {
         IUIToastMessageService$1.sNotify(res.data.message);
         resolve();
       })["catch"](function (err) {
-        var _err$response1, _err$response1$data;
-        if (!(err !== null && err !== void 0 && (_err$response1 = err.response) !== null && _err$response1 !== void 0 && (_err$response1$data = _err$response1.data) !== null && _err$response1$data !== void 0 && _err$response1$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]);
+        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;
         }
@@ -1789,9 +1789,9 @@ var updateUser = function updateUser(payload, userId, inputChangeLog) {
           reject(res.data.errors);
         }
       })["catch"](function (err) {
-        var _err$response11;
+        var _err$response13;
         var error = 'Opps, Something went error.';
-        if (err !== null && err !== void 0 && (_err$response11 = err.response) !== null && _err$response11 !== void 0 && _err$response11.data) {
+        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;
@@ -1838,8 +1838,8 @@ var deletePaymentCard = function deletePaymentCard(payload) {
           reject(res);
         }
       })["catch"](function (err) {
-        var _err$response12, _err$response12$data;
-        IUIToastMessageService$1.warningNotify((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.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());
@@ -1874,8 +1874,8 @@ var setDefaultPaymentCard = function setDefaultPaymentCard(payload) {
           reject(res);
         }
       })["catch"](function (err) {
-        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.');
+        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, Something went wrong.');
         reject(err);
       })["finally"](function () {
         dispatch(stopLoader());
@@ -1898,8 +1898,8 @@ var verifyUserInfo = function verifyUserInfo(userId) {
           reject(res);
         }
       })["catch"](function (err) {
-        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, Unable to fetch user info.');
+        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, Unable to fetch user info.');
         setTimeout(function () {
           window.history.back();
         }, 1000);
@@ -1914,8 +1914,8 @@ var submitAddModalData = function submitAddModalData(tableName, data) {
       api$2.post(tableName === 'department' ? departmentUrl.departmentUrl() : userAddEditUrl.dropdownList() + ("?action=add&table=" + tableName), data).then(function (res) {
         resolve(res);
       })["catch"](function (err) {
-        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, Something went wrong.');
+        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, Something went wrong.');
         dispatch(stopLoader());
       });
     });
@@ -1933,8 +1933,8 @@ var rejectUserVerification = function rejectUserVerification(userId) {
           reject(res);
         }
       })["catch"](function (err) {
-        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, Unable to reject user.');
+        var _err$response19, _err$response19$data;
+        IUIToastMessageService$1.warningNotify((err === null || err === void 0 ? void 0 : (_err$response19 = err.response) === null || _err$response19 === void 0 ? void 0 : (_err$response19$data = _err$response19.data) === null || _err$response19$data === void 0 ? void 0 : _err$response19$data.message) || 'Opps, Unable to reject user.');
         reject(err);
       });
     });
@@ -2668,6 +2668,12 @@ var Visa = function Visa(props) {
   }))));
 };
 
+var CARDS_DISABLED = {
+  DISABLED: '0',
+  EXPIRED: '2',
+  INVALID: '3'
+};
+
 var IUILocalStorageService$4 = services.IUILocalStorageService;
 var env$3 = configs.env;
 var CardsManagement = function CardsManagement(_ref) {
@@ -2824,14 +2830,20 @@ var CardsManagement = function CardsManagement(_ref) {
     var isCompanyCard = (card === null || card === void 0 ? void 0 : card.category) === 'Company';
     var cardClass = getCardTypeClass(card === null || card === void 0 ? void 0 : card.category);
     var isDefaultCard = !!+(card === null || card === void 0 ? void 0 : (_card$metadata = card.metadata) === null || _card$metadata === void 0 ? void 0 : _card$metadata.default_card);
-    var isExpired = card.metadata.is_enabled === '2';
-    var isDisabled = card.metadata.is_enabled === '0' || isExpired;
+    var isExpired = card.metadata.is_enabled === CARDS_DISABLED.EXPIRED;
+    var isInvalid = card.metadata.is_enabled === CARDS_DISABLED.INVALID;
+    var isDisabled = card.metadata.is_enabled === CARDS_DISABLED.DISABLED || isExpired || isInvalid;
     var currentDate = new Date();
     var cardExpDate = new Date(parseInt(card.card.exp_year, 10), parseInt(card.card.exp_month, 10) - 1);
     var timeDiff = cardExpDate.getTime() - currentDate.getTime();
     var daysToExpire = Math.ceil(timeDiff / (1000 * 3600 * 24));
     var expiresSoon = daysToExpire <= 30 && !isExpired;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement(Tooltip, {
+      title: isInvalid ? 'This card is invalid, because you have been issued a new card.' : null,
+      disableHoverListener: !isInvalid,
+      placement: "top",
+      arrow: true
+    }, /*#__PURE__*/React.createElement("div", {
       key: card.id,
       className: clsx(classes.card, classes[cardClass], (_clsx = {}, _clsx[classes.disabledCard] = isDisabled, _clsx))
     }, /*#__PURE__*/React.createElement("div", {
@@ -2844,7 +2856,9 @@ var CardsManagement = function CardsManagement(_ref) {
       className: classes.cardAlias
     }, card === null || card === void 0 ? void 0 : card.alias), isExpired && /*#__PURE__*/React.createElement("span", {
       className: classes.expiredLabel
-    }, "Expired"), expiresSoon && /*#__PURE__*/React.createElement("span", {
+    }, "Expired"), isInvalid && /*#__PURE__*/React.createElement("span", {
+      className: classes.invalidLabel
+    }, "Invalid"), expiresSoon && /*#__PURE__*/React.createElement("span", {
       className: clsx(classes.expiresoonLabel, classes.expiredLabel)
     }, "Expires Soon")), /*#__PURE__*/React.createElement("span", {
       className: classes.cardType
@@ -2871,7 +2885,7 @@ var CardsManagement = function CardsManagement(_ref) {
       className: classes.cardCvv
     }, "CVV \u2022\u2022\u2022")), /*#__PURE__*/React.createElement("div", {
       className: classes.cardFooter
-    }, /*#__PURE__*/React.createElement("div", null), getBrandLogo(card === null || card === void 0 ? void 0 : (_card$card4 = card.card) === null || _card$card4 === void 0 ? void 0 : _card$card4.brand)));
+    }, /*#__PURE__*/React.createElement("div", null), getBrandLogo(card === null || card === void 0 ? void 0 : (_card$card4 = card.card) === null || _card$card4 === void 0 ? void 0 : _card$card4.brand))));
   };
   var _url = env$3.getPaymentUrl() + ("/api/v1/auth/" + IUILocalStorageService$4.getAccessToken() + "/1/" + pg.entity_id + "/0/" + pg.vendor_id + "/1");
   var showMenuButton = cardsCount === 1 || cardsCount > 1 && !+(selectedCard === null || selectedCard === void 0 ? void 0 : (_selectedCard$metadat = selectedCard.metadata) === null || _selectedCard$metadat === void 0 ? void 0 : _selectedCard$metadat.default_card);
@@ -3077,6 +3091,9 @@ var TravelExpenseFields = function TravelExpenseFields(props) {
   var paymentDetails = useSelector(function (state) {
     return state.userAddEdit.paymentDetails;
   });
+  var isItiliteAdminRoleRestricted = type === 'travel' && roles.some(function (role) {
+    return (role === null || role === void 0 ? void 0 : role.name) === 'travel_itilite_admin';
+  });
   var openEditAproverModal = function openEditAproverModal() {
     setOpenEditAproverModalFlag(true);
   };
@@ -3184,7 +3201,16 @@ var TravelExpenseFields = function TravelExpenseFields(props) {
   }, isProfile ? /*#__PURE__*/React.createElement(UserRole, {
     list: roles,
     value: roleValue
-  }) : /*#__PURE__*/React.createElement(IUIRadio, {
+  }) : isItiliteAdminRoleRestricted ? /*#__PURE__*/React.createElement(IUITooltip, {
+    tooltipText: "To change the role, please reach out to IT team"
+  }, /*#__PURE__*/React.createElement(IUIGrid, {
+    item: true
+  }, /*#__PURE__*/React.createElement(IUIRadio, {
+    list: roles,
+    value: roleValue,
+    onValueChange: onRoleChange,
+    disabled: true
+  }))) : /*#__PURE__*/React.createElement(IUIRadio, {
     list: roles,
     value: roleValue,
     onValueChange: onRoleChange
@@ -4557,8 +4583,8 @@ var reducer = function reducer(state, action) {
     case SET_STATIC_FIELDS_VISIBILITY:
       {
         var _personalInfo = state.renderFields.personalInfo.map(function (input) {
-          var _action$payload0;
-          if (action !== null && action !== void 0 && action.payload && Object.hasOwnProperty.call(action.payload, input.name) && action !== null && action !== void 0 && (_action$payload0 = action.payload) !== null && _action$payload0 !== void 0 && _action$payload0[input.name]) {
+          var _action$payload10;
+          if (action !== null && action !== void 0 && action.payload && Object.hasOwnProperty.call(action.payload, input.name) && action !== null && action !== void 0 && (_action$payload10 = action.payload) !== null && _action$payload10 !== void 0 && _action$payload10[input.name]) {
             if (Object.hasOwnProperty.call(action.payload[input.name], 'readOnly')) {
               input.readOnly = action.payload[input.name].readOnly;
             }
@@ -5794,21 +5820,21 @@ var Membership = function Membership(_ref2) {
   var _useState9 = useState(1),
     page = _useState9[0],
     setPage = _useState9[1];
-  var _useState0 = useState(false),
-    loading = _useState0[0],
-    setLoading = _useState0[1];
-  var _useState1 = useState(false),
-    isOtherMembership = _useState1[0],
-    setIsOtherMembership = _useState1[1];
-  var _useState10 = useState(null),
-    selectedMembershipChain = _useState10[0],
-    setSelectedMembershipChain = _useState10[1];
-  var _useState11 = useState(''),
-    membershipName = _useState11[0],
-    setMembershipName = _useState11[1];
-  var _useState12 = useState(''),
-    membershipNumber = _useState12[0],
-    setMembershipNumber = _useState12[1];
+  var _useState10 = useState(false),
+    loading = _useState10[0],
+    setLoading = _useState10[1];
+  var _useState11 = useState(false),
+    isOtherMembership = _useState11[0],
+    setIsOtherMembership = _useState11[1];
+  var _useState12 = useState(null),
+    selectedMembershipChain = _useState12[0],
+    setSelectedMembershipChain = _useState12[1];
+  var _useState13 = useState(''),
+    membershipName = _useState13[0],
+    setMembershipName = _useState13[1];
+  var _useState14 = useState(''),
+    membershipNumber = _useState14[0],
+    setMembershipNumber = _useState14[1];
   var wrapperRef = useRef(null);
   var nextRef = useRef(null);
   var isEditing = editIndex !== null;
@@ -6845,40 +6871,40 @@ var UserAddEdit = function UserAddEdit(props) {
   var _useState9 = useState(false),
     scroll = _useState9[0],
     setScroll = _useState9[1];
-  var _useState0 = useState({}),
-    customFieldsInput = _useState0[0],
-    setCustomFieldsInput = _useState0[1];
-  var _useState1 = useState('traveler'),
-    travelRole = _useState1[0],
-    setTravelRole = _useState1[1];
   var _useState10 = useState({}),
-    travelApproversInput = _useState10[0],
-    setTravelApproversInput = _useState10[1];
-  var _useState11 = useState({
+    customFieldsInput = _useState10[0],
+    setCustomFieldsInput = _useState10[1];
+  var _useState11 = useState('traveler'),
+    travelRole = _useState11[0],
+    setTravelRole = _useState11[1];
+  var _useState12 = useState({}),
+    travelApproversInput = _useState12[0],
+    setTravelApproversInput = _useState12[1];
+  var _useState13 = useState({
       value: '',
       label: 'Select approver'
     }),
-    travelFYI = _useState11[0],
-    setTravelFYI = _useState11[1];
-  var _useState12 = useState([]),
-    membershipInfoInput = _useState12[0],
-    setMembershipInfoInput = _useState12[1];
-  var _useState13 = useState([]),
-    removedMembershipInfoInput = _useState13[0],
-    setRemovedMembershipInfoInput = _useState13[1];
-  var _useState14 = useState({
+    travelFYI = _useState13[0],
+    setTravelFYI = _useState13[1];
+  var _useState14 = useState([]),
+    membershipInfoInput = _useState14[0],
+    setMembershipInfoInput = _useState14[1];
+  var _useState15 = useState([]),
+    removedMembershipInfoInput = _useState15[0],
+    setRemovedMembershipInfoInput = _useState15[1];
+  var _useState16 = useState({
       flight_seat_preference: '',
       meal_preference: ''
     }),
-    travelPreferenceInfo = _useState14[0],
-    settravelPreferenceInfo = _useState14[1];
-  var _useState15 = useState({
+    travelPreferenceInfo = _useState16[0],
+    settravelPreferenceInfo = _useState16[1];
+  var _useState17 = useState({
       trusted_traveller: '',
       redress_number: ''
     }),
-    secureTravelInputInfo = _useState15[0],
-    setSecureTravelInputInfo = _useState15[1];
-  var _useState16 = useState({
+    secureTravelInputInfo = _useState17[0],
+    setSecureTravelInputInfo = _useState17[1];
+  var _useState18 = useState({
       passport_issue_country: {
         value: '',
         label: 'Select country'
@@ -6893,32 +6919,32 @@ var UserAddEdit = function UserAddEdit(props) {
       passport_photo: [],
       travel_docs: []
     }),
-    passportInfoInput = _useState16[0],
-    setPassportInfoInput = _useState16[1];
-  var _useState17 = useState([]),
-    filesForDelete = _useState17[0],
-    setFilesForDelete = _useState17[1];
-  var _useState18 = useState([]),
-    profilePicDelete = _useState18[0],
-    setProfilePicDelete = _useState18[1];
-  var _useState19 = useState(config.env.isTravelProduct && isProfile ? 'open' : ''),
-    isAdditionalInfoExpanded = _useState19[0],
-    setAdditionalInfoFlag = _useState19[1];
-  var _useState20 = useState('submitter'),
-    expenseRole = _useState20[0],
-    setExpenseRole = _useState20[1];
-  var _useState21 = useState({}),
-    expenseApproversInput = _useState21[0],
-    setExpenseApproversInput = _useState21[1];
-  var _useState22 = useState({
+    passportInfoInput = _useState18[0],
+    setPassportInfoInput = _useState18[1];
+  var _useState19 = useState([]),
+    filesForDelete = _useState19[0],
+    setFilesForDelete = _useState19[1];
+  var _useState20 = useState([]),
+    profilePicDelete = _useState20[0],
+    setProfilePicDelete = _useState20[1];
+  var _useState21 = useState(config.env.isTravelProduct && isProfile ? 'open' : ''),
+    isAdditionalInfoExpanded = _useState21[0],
+    setAdditionalInfoFlag = _useState21[1];
+  var _useState22 = useState('submitter'),
+    expenseRole = _useState22[0],
+    setExpenseRole = _useState22[1];
+  var _useState23 = useState({}),
+    expenseApproversInput = _useState23[0],
+    setExpenseApproversInput = _useState23[1];
+  var _useState24 = useState({
       value: '',
       label: 'Select approver'
     }),
-    expenseFYI = _useState22[0],
-    setExpenseFYI = _useState22[1];
-  var _useState23 = useState(''),
-    cardsRole = _useState23[0],
-    setCardsRole = _useState23[1];
+    expenseFYI = _useState24[0],
+    setExpenseFYI = _useState24[1];
+  var _useState25 = useState(''),
+    cardsRole = _useState25[0],
+    setCardsRole = _useState25[1];
   useEffect(function () {
     if (productAccess.card === false) {
       setCardsRole('');
@@ -6966,10 +6992,10 @@ var UserAddEdit = function UserAddEdit(props) {
     business_unit: useRef(null),
     department: useRef(null)
   });
-  var _useState24 = useState([]),
-    errorArray = _useState24[0],
-    setErrorArray = _useState24[1];
-  var _useState25 = useState({
+  var _useState26 = useState([]),
+    errorArray = _useState26[0],
+    setErrorArray = _useState26[1];
+  var _useState27 = useState({
       first_name: '',
       last_name: '',
       email: '',
@@ -6999,9 +7025,9 @@ var UserAddEdit = function UserAddEdit(props) {
       userTagType: '',
       profile_pic: ''
     }),
-    errorMsgs = _useState25[0],
-    setErrorMsgs = _useState25[1];
-  var _useState26 = useState({
+    errorMsgs = _useState27[0],
+    setErrorMsgs = _useState27[1];
+  var _useState28 = useState({
       first_name: false,
       last_name: false,
       email: false,
@@ -7028,14 +7054,14 @@ var UserAddEdit = function UserAddEdit(props) {
       userTagType: false,
       profile_pic: false
     }),
-    inputChangeLog = _useState26[0],
-    updateInputChangeLog = _useState26[1];
-  var _useState27 = useState([]),
-    uploadedFiles = _useState27[0],
-    setUploadedFiles = _useState27[1];
-  var _useState28 = useState(70),
-    maxLengthForModal = _useState28[0],
-    setMaxLengthForModal = _useState28[1];
+    inputChangeLog = _useState28[0],
+    updateInputChangeLog = _useState28[1];
+  var _useState29 = useState([]),
+    uploadedFiles = _useState29[0],
+    setUploadedFiles = _useState29[1];
+  var _useState30 = useState(70),
+    maxLengthForModal = _useState30[0],
+    setMaxLengthForModal = _useState30[1];
   var defaultAddModalData = {
     isOpen: false,
     isError: false,
@@ -7051,9 +7077,9 @@ var UserAddEdit = function UserAddEdit(props) {
     maxLength: maxLengthForModal,
     minLength: 0
   };
-  var _useState29 = useState(defaultAddModalData),
-    addModalData = _useState29[0],
-    setAddModalData = _useState29[1];
+  var _useState31 = useState(defaultAddModalData),
+    addModalData = _useState31[0],
+    setAddModalData = _useState31[1];
   var onAddModalClose = function onAddModalClose() {
     setAddModalData(_extends({}, defaultAddModalData));
   };
@@ -7244,9 +7270,9 @@ var UserAddEdit = function UserAddEdit(props) {
     return tag.id;
   };
   var onUserTagTypeChange = function onUserTagTypeChange(args) {
-    var _extends0;
+    var _extends10;
     var e = args._event;
-    setUserTagType(_extends({}, userTagType, (_extends0 = {}, _extends0[e.target.name] = userTagType[e.target.name] ? false : getUserTagTypeId(e.target.name), _extends0)));
+    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
@@ -7254,22 +7280,22 @@ var UserAddEdit = function UserAddEdit(props) {
     }
   };
   var onCustomFieldsChange = function onCustomFieldsChange(_ref2) {
-    var _extends1;
+    var _extends11;
     var _name = _ref2._name,
       _value = _ref2._value;
-    setCustomFieldsInput(_extends({}, customFieldsInput, (_extends1 = {}, _extends1[_name] = _value, _extends1)));
+    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)));
+    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);
@@ -7303,39 +7329,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 _temp8 = function _temp8() {
-        var _extends16;
-        setPassportInfoInput(_extends({}, passportInfoInput, (_extends16 = {}, _extends16[_name] = _value, _extends16)));
+        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);
       };
@@ -7441,8 +7467,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();
@@ -7774,7 +7800,7 @@ var UserAddEdit = function UserAddEdit(props) {
   }, [renderFields.expenseApprovers]);
   var uploadDocs = function uploadDocs(docToUpload, type) {
     try {
-      var _temp0 = function _temp0() {
+      var _temp10 = function _temp10() {
         setUploadedFiles([].concat(uploadedFiles, data));
         dispatch(stopLoader());
         return data;
@@ -7795,7 +7821,7 @@ var UserAddEdit = function UserAddEdit(props) {
           data.push(res);
         });
       });
-      return Promise.resolve(_temp9 && _temp9.then ? _temp9.then(_temp0) : _temp0(_temp9));
+      return Promise.resolve(_temp9 && _temp9.then ? _temp9.then(_temp10) : _temp10(_temp9));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -10319,7 +10345,7 @@ var StickyHeadTable = function StickyHeadTable(props) {
       return /*#__PURE__*/React.createElement(IUIBox, {
         component: "div",
         width: 80
-      }, row && row.has_visited === 0 ? /*#__PURE__*/React.createElement(Tooltip, {
+      }, row && row.has_visited === 0 ? /*#__PURE__*/React.createElement(Tooltip$1, {
         title: "This user hasn't logged in to the platform yet",
         arrow: true,
         classes: {
@@ -10697,9 +10723,11 @@ var UndoButton = function UndoButton(_ref) {
   }, "UNDO"));
 };
 var UserList = function UserList(_ref2) {
+  var _config$features;
   var config = _ref2.config,
     isProfile = _ref2.isProfile;
   env$7.init(config, isProfile);
+  var hideSignupRequestsTab = !!(config !== null && config !== void 0 && (_config$features = config.features) !== null && _config$features !== void 0 && _config$features.hideSignupRequestsTab);
   var history = useHistory();
   var _useSelector = useSelector(function (state) {
       return state.userList;
@@ -10767,45 +10795,45 @@ var UserList = function UserList(_ref2) {
   var _useState9 = useState(false),
     isFileDownloading = _useState9[0],
     setDownlStatus = _useState9[1];
-  var _useState0 = useState(false),
-    isSortingChange = _useState0[0],
-    setSortingChange = _useState0[1];
-  var _useState1 = useState(false),
-    isSearchingChange = _useState1[0],
-    setSearchingChange = _useState1[1];
   var _useState10 = useState(false),
-    isSortingChangeTemp = _useState10[0],
-    setSortingChangeTemp = _useState10[1];
+    isSortingChange = _useState10[0],
+    setSortingChange = _useState10[1];
   var _useState11 = useState(false),
-    isSearchingChangeTemp = _useState11[0],
-    setSearchingChangeTemp = _useState11[1];
+    isSearchingChange = _useState11[0],
+    setSearchingChange = _useState11[1];
   var _useState12 = useState(false),
-    isApiFetching = _useState12[0],
-    setisApiFetching = _useState12[1];
-  var _useState13 = useState({
+    isSortingChangeTemp = _useState12[0],
+    setSortingChangeTemp = _useState12[1];
+  var _useState13 = useState(false),
+    isSearchingChangeTemp = _useState13[0],
+    setSearchingChangeTemp = _useState13[1];
+  var _useState14 = useState(false),
+    isApiFetching = _useState14[0],
+    setisApiFetching = _useState14[1];
+  var _useState15 = useState({
       value: '',
       label: 'Select approver'
     }),
-    approverRole = _useState13[0],
-    setApproverRole = _useState13[1];
-  var _useState14 = useState(false),
-    showInviteModal = _useState14[0],
-    setToggleInviteModal = _useState14[1];
-  var _useState15 = useState(''),
-    userIds = _useState15[0],
-    setUserIds = _useState15[1];
+    approverRole = _useState15[0],
+    setApproverRole = _useState15[1];
+  var _useState16 = useState(false),
+    showInviteModal = _useState16[0],
+    setToggleInviteModal = _useState16[1];
+  var _useState17 = useState(''),
+    userIds = _useState17[0],
+    setUserIds = _useState17[1];
   var _React$useState9 = React.useState(false),
     overlayMenu = _React$useState9[0],
     setOverlayMenu = _React$useState9[1];
-  var _useState16 = useState(''),
-    userFirstName = _useState16[0],
-    setUserFirstName = _useState16[1];
-  var _useState17 = useState(''),
-    userLastName = _useState17[0],
-    setUserLastName = _useState17[1];
-  var _useState18 = useState(true),
-    isDisabledSubmitBtn = _useState18[0],
-    setIsDisabledSubmitBtn = _useState18[1];
+  var _useState18 = useState(''),
+    userFirstName = _useState18[0],
+    setUserFirstName = _useState18[1];
+  var _useState19 = useState(''),
+    userLastName = _useState19[0],
+    setUserLastName = _useState19[1];
+  var _useState20 = useState(true),
+    isDisabledSubmitBtn = _useState20[0],
+    setIsDisabledSubmitBtn = _useState20[1];
   useScrollPosition(function (_ref3) {
     var prevPos = _ref3.prevPos,
       currPos = _ref3.currPos;
@@ -10826,33 +10854,33 @@ var UserList = function UserList(_ref2) {
       behavior: 'smooth'
     });
   };
-  var _React$useState0 = React.useState(1),
-    signup_page = _React$useState0[0],
-    setSignUpPage = _React$useState0[1];
-  var _useState19 = useState(5),
-    signup_rowsPerPage = _useState19[0],
-    setSignUpRowsPerPage = _useState19[1];
-  var _React$useState1 = React.useState('asc'),
-    signup_order = _React$useState1[0],
-    setSignUpOrder = _React$useState1[1];
-  var _React$useState10 = React.useState('first_name'),
-    signup_orderBy = _React$useState10[0],
-    setSignUpOrderBy = _React$useState10[1];
-  var _useState20 = useState(''),
-    signup_searchValue = _useState20[0],
-    set_signup_SearchValue = _useState20[1];
-  var _useState21 = useState(false),
-    isSignUpSortingChange = _useState21[0],
-    setSignUpSortingChange = _useState21[1];
-  var _useState22 = useState(false),
-    isSignUpSearchingChange = _useState22[0],
-    setSignUpSearchingChange = _useState22[1];
+  var _React$useState10 = React.useState(1),
+    signup_page = _React$useState10[0],
+    setSignUpPage = _React$useState10[1];
+  var _useState21 = useState(5),
+    signup_rowsPerPage = _useState21[0],
+    setSignUpRowsPerPage = _useState21[1];
+  var _React$useState11 = React.useState('asc'),
+    signup_order = _React$useState11[0],
+    setSignUpOrder = _React$useState11[1];
+  var _React$useState12 = React.useState('first_name'),
+    signup_orderBy = _React$useState12[0],
+    setSignUpOrderBy = _React$useState12[1];
+  var _useState22 = useState(''),
+    signup_searchValue = _useState22[0],
+    set_signup_SearchValue = _useState22[1];
   var _useState23 = useState(false),
-    isSignUpSortingChangeTemp = _useState23[0],
-    setSignUpSortingChangeTemp = _useState23[1];
+    isSignUpSortingChange = _useState23[0],
+    setSignUpSortingChange = _useState23[1];
   var _useState24 = useState(false),
-    isSignUpSearchingChangeTemp = _useState24[0],
-    setSignUpSearchingChangeTemp = _useState24[1];
+    isSignUpSearchingChange = _useState24[0],
+    setSignUpSearchingChange = _useState24[1];
+  var _useState25 = useState(false),
+    isSignUpSortingChangeTemp = _useState25[0],
+    setSignUpSortingChangeTemp = _useState25[1];
+  var _useState26 = useState(false),
+    isSignUpSearchingChangeTemp = _useState26[0],
+    setSignUpSearchingChangeTemp = _useState26[1];
   var _useSelector3 = useSelector(function (state) {
       return state.userList;
     }),
@@ -11300,6 +11328,10 @@ var UserList = function UserList(_ref2) {
       if (!isSearchingChange && !isSortingChange && !isSignUpSearchingChange && !isSignUpSortingChange) {
         dispatch(showDataFetchingStatus());
         dispatch(fetchUsersList(url)).then(function () {
+          if (hideSignupRequestsTab) {
+            dispatch(stopDataFetchingStatus());
+            return;
+          }
           dispatch(fetchUserSignupRequests({
             ordering: signup_order === 'asc' ? signup_orderBy : "-" + signup_orderBy,
             length: signup_rowsPerPage,
@@ -11353,6 +11385,38 @@ var UserList = function UserList(_ref2) {
       onClick: handleAddPageNavigation
     })));
   };
+  var currentUsersPanel = /*#__PURE__*/React.createElement(IUIBox, {
+    style: {
+      marginLeft: '-17px'
+    }
+  }, /*#__PURE__*/React.createElement(IUIBox, {
+    component: "div",
+    className: styles$6.headingWrapper
+  }, /*#__PURE__*/React.createElement(IUITypography, {
+    variant: "body2",
+    className: clsx(styles$6.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
+  }));
   return /*#__PURE__*/React.createElement(IUIBox, {
     component: "div",
     className: styles$6.UUIUserManagementList
@@ -11427,7 +11491,7 @@ var UserList = function UserList(_ref2) {
     alignItems: "center"
   })), /*#__PURE__*/React.createElement(IUIBox, {
     className: styles$6.tablewrapper
-  }, /*#__PURE__*/React.createElement(IUITabs, {
+  }, hideSignupRequestsTab ? currentUsersPanel : /*#__PURE__*/React.createElement(IUITabs, {
     value: tabValue,
     customTabHandler: function customTabHandler(value) {
       return dispatch(updateTabValue(value));
@@ -11437,38 +11501,7 @@ var UserList = function UserList(_ref2) {
       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$6.headingWrapper
-      }, /*#__PURE__*/React.createElement(IUITypography, {
-        variant: "body2",
-        className: clsx(styles$6.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
-      }))
+      content: currentUsersPanel
     }, {
       label: /*#__PURE__*/React.createElement(IUIBox, null, "Sign-up requests", ' ', /*#__PURE__*/React.createElement(TabLabelCount, {
         count: signupRequestListInfo.count
@@ -12298,33 +12331,33 @@ var UserPanel = function UserPanel(_ref) {
   var _useState9 = useState(false),
     errorMove = _useState9[0],
     setErrorMove = _useState9[1];
-  var _useState0 = useState([]),
-    dropdownList = _useState0[0],
-    setDropdownList = _useState0[1];
-  var _useState1 = useState(false),
-    alertModal = _useState1[0],
-    setAlertModal = _useState1[1];
+  var _useState10 = useState([]),
+    dropdownList = _useState10[0],
+    setDropdownList = _useState10[1];
+  var _useState11 = useState(false),
+    alertModal = _useState11[0],
+    setAlertModal = _useState11[1];
   var _React$useState = React.useState('asc'),
     order = _React$useState[0],
     setOrder = _React$useState[1];
   var _React$useState2 = React.useState('name'),
     orderBy = _React$useState2[0],
     setOrderBy = _React$useState2[1];
-  var _useState10 = useState(false),
-    isSortingChange = _useState10[0],
-    setSortingChange = _useState10[1];
-  var _useState11 = useState(false),
-    isSortingChangeTemp = _useState11[0],
-    setSortingChangeTemp = _useState11[1];
-  var _useState12 = useState([]),
-    rowData = _useState12[0],
-    setRowData = _useState12[1];
-  var _useState13 = useState(1),
-    page = _useState13[0],
-    setPage = _useState13[1];
-  var _useState14 = useState(5),
-    rowsPerPage = _useState14[0],
-    setRowsPerPage = _useState14[1];
+  var _useState12 = useState(false),
+    isSortingChange = _useState12[0],
+    setSortingChange = _useState12[1];
+  var _useState13 = useState(false),
+    isSortingChangeTemp = _useState13[0],
+    setSortingChangeTemp = _useState13[1];
+  var _useState14 = useState([]),
+    rowData = _useState14[0],
+    setRowData = _useState14[1];
+  var _useState15 = useState(1),
+    page = _useState15[0],
+    setPage = _useState15[1];
+  var _useState16 = useState(5),
+    rowsPerPage = _useState16[0],
+    setRowsPerPage = _useState16[1];
   var orderingParam = orderBy;
   var _useSelector = useSelector(function (state) {
       return state.userPanel;
@@ -12342,9 +12375,9 @@ var UserPanel = function UserPanel(_ref) {
     var validatedValue = _value.replace(/\s+/g, ' ').trim();
     setDataList(validatedValue);
   };
-  var _useState15 = useState(70),
-    maxLengthForModal = _useState15[0],
-    setMaxLengthForModal = _useState15[1];
+  var _useState17 = useState(70),
+    maxLengthForModal = _useState17[0],
+    setMaxLengthForModal = _useState17[1];
   useEffect(function () {
     if (title === 'Business unit') {
       setMaxLengthForModal(150);