@itilite/iui-user-management 1.5.14 → 1.5.16-beta.1

package/dist/index.js

@@ -54,7 +54,7 @@ function _objectWithoutPropertiesLoose(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (e.includes(n)) continue;
+    if (-1 !== e.indexOf(n)) continue;
     t[n] = r[n];
   }
   return t;
@@ -423,6 +423,9 @@ var userAddEditUrl = {
   setDefaultCard: function setDefaultCard(pmId, vendorId) {
     return env.getPaymentUrl() + "/api/v1/card/default";
   },
+  personalCardEligibility: function personalCardEligibility() {
+    return env.getPaymentUrl() + "/api/v1/card/clients/" + IUILocalStorageService.getClientId() + "/personal/eligibility?app_type=1";
+  },
   disablePaymentCard: function disablePaymentCard() {
     return env.getPaymentUrl() + "/api/v1/card/status";
   },
@@ -881,7 +884,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$employeeInfo10;
+  var _payload$employeeInfo, _payload$employeeInfo2, _payload$employeeInfo3, _payload$employeeInfo4, _payload$employeeInfo5, _payload$employeeInfo6, _payload$employeeInfo7, _payload$employeeInfo8, _payload$employeeInfo9, _payload$employeeInfo0;
   var res = {
     company_id: +IUILocalStorageService$1.getCompanyId(),
     first_name: payload.personalInfoInput.first_name,
@@ -902,7 +905,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$employeeInfo10 = _payload$employeeInfo9.currency) !== null && _payload$employeeInfo10 !== void 0 && _payload$employeeInfo10.value ? payload.employeeInfoInput.currency.value : 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
     },
     custom_attribute: payload.customFieldsInput || null,
     product: function () {
@@ -1087,23 +1090,23 @@ var formatUpdateUserPayload = function formatUpdateUserPayload(payload, inputCha
     res.fields.user_personal_info.gender = payload.personalInfoInput.gender || null;
   }
   if (inputChangeLog.emp_level) {
-    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;
+    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;
   }
   if (inputChangeLog.employee_id) {
     res.fields.employee_info.employee_id = payload.employeeInfoInput.employee_id || null;
   }
   if (inputChangeLog.entity) {
-    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;
+    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;
   }
   if (inputChangeLog.business_unit) {
-    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;
+    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;
   }
   if (inputChangeLog.department) {
-    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;
+    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;
   }
   if (inputChangeLog.designation) {
     res.fields.employee_info.designation = payload.employeeInfoInput.designation || null;
@@ -1112,8 +1115,8 @@ var formatUpdateUserPayload = function formatUpdateUserPayload(payload, inputCha
     res.fields.employee_info.base_location = payload.employeeInfoInput.base_location || null;
   }
   if (inputChangeLog.currency) {
-    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;
+    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;
   }
   if (payload.productAccess.travel) {
     if (!env$1.isProfilePage()) {
@@ -1747,8 +1750,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$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$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]);
           reject(err);
           return;
         }
@@ -1766,10 +1769,10 @@ var resendInviteForUser = function resendInviteForUser(data) {
         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]);
+        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]);
           reject(err);
           return;
         }
@@ -1792,9 +1795,9 @@ var updateUser = function updateUser(payload, userId, inputChangeLog) {
           reject(res.data.errors);
         }
       })["catch"](function (err) {
-        var _err$response13;
+        var _err$response11;
         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 !== null && err !== void 0 && (_err$response11 = err.response) !== null && _err$response11 !== void 0 && _err$response11.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;
@@ -1837,8 +1840,8 @@ var deletePaymentCard = function deletePaymentCard(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$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.');
         reject(err);
       })["finally"](function () {
         dispatch(stopLoader());
@@ -1869,8 +1872,8 @@ var setDefaultPaymentCard = function setDefaultPaymentCard(payload) {
           reject(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$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());
@@ -1893,8 +1896,8 @@ var verifyUserInfo = function verifyUserInfo(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 fetch user info.');
+        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.');
         setTimeout(function () {
           window.history.back();
         }, 1000);
@@ -1909,8 +1912,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$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.');
+        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.');
         dispatch(stopLoader());
       });
     });
@@ -1928,8 +1931,8 @@ var rejectUserVerification = function rejectUserVerification(userId) {
           reject(res);
         }
       })["catch"](function (err) {
-        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.');
+        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.');
         reject(err);
       });
     });
@@ -2670,13 +2673,12 @@ var CARDS_DISABLED = {
 };
 
 var IUILocalStorageService$3 = utils.services.IUILocalStorageService;
-var env$3 = utils.configs.env;
+var env$3 = utils.configs.env,
+  paymentApi$1 = utils.configs.paymentApi;
 var CardsManagement = function CardsManagement(_ref) {
-  var _selectedCard$metadat, _pg$gateway;
+  var _selectedCard$metadat;
   var _ref$paymentDetails = _ref.paymentDetails,
     paymentDetails = _ref$paymentDetails === void 0 ? {} : _ref$paymentDetails,
-    _ref$paymentMethod = _ref.paymentMethod,
-    paymentMethod = _ref$paymentMethod === void 0 ? null : _ref$paymentMethod,
     _ref$sendLog = _ref.sendLog,
     sendLog = _ref$sendLog === void 0 ? function () {} : _ref$sendLog;
   var dispatch = reactRedux.useDispatch();
@@ -2691,6 +2693,23 @@ var CardsManagement = function CardsManagement(_ref) {
   var _useState2 = React.useState(null),
     selectedCard = _useState2[0],
     setSelectedCard = _useState2[1];
+  var _useState3 = React.useState(false),
+    allowPersonalCardAdd = _useState3[0],
+    setAllowPersonalCardAdd = _useState3[1];
+  React.useEffect(function () {
+    var isActive = true;
+    paymentApi$1.get(userAddEditUrl.personalCardEligibility()).then(function (res) {
+      if (isActive) {
+        var _res$data, _res$data$data;
+        setAllowPersonalCardAdd((res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : (_res$data$data = _res$data.data) === null || _res$data$data === void 0 ? void 0 : _res$data$data.allow_personal_card_add) === true);
+      }
+    })["catch"](function () {
+      if (isActive) setAllowPersonalCardAdd(false);
+    });
+    return function () {
+      isActive = false;
+    };
+  }, []);
   var handleMenuClick = function handleMenuClick(event, card) {
     setAnchorEl(event.currentTarget);
     setSelectedCard(card);
@@ -2908,7 +2927,7 @@ var CardsManagement = function CardsManagement(_ref) {
   }, /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
     container: true,
     className: styles$1.formFieldsWrapper
-  }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", null, paymentMethod === 2 && /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", null, !allowPersonalCardAdd && /*#__PURE__*/React__default.createElement("div", {
     className: classes.disabledNotice
   }, "Company has disabled usage of your personal cards, please reach out to your admin"), /*#__PURE__*/React__default.createElement("div", {
     className: classes.cardsGrid
@@ -2916,7 +2935,7 @@ var CardsManagement = function CardsManagement(_ref) {
     return renderCard(card);
   }) : null, corporateCards.length !== 0 ? corporateCards === null || corporateCards === void 0 ? void 0 : corporateCards.map(function (card) {
     return renderCard(card);
-  }) : null), console.log('cards', cards, 'cardsCount', cardsCount, pg), (!cards || cardsCount < 10) && (pg === null || pg === void 0 ? void 0 : (_pg$gateway = pg.gateway) === null || _pg$gateway === void 0 ? void 0 : _pg$gateway.toLowerCase()) === 'stripe' && (pg === null || pg === void 0 ? void 0 : pg.save_card_enable) === 1 && paymentMethod === 1 && /*#__PURE__*/React__default.createElement("button", {
+  }) : null), (!cards || cardsCount < 10) && allowPersonalCardAdd && /*#__PURE__*/React__default.createElement("button", {
     className: classes.addCardButton,
     onClick: function onClick() {
       sendLog({
@@ -4578,8 +4597,8 @@ var reducer = function reducer(state, action) {
     case SET_STATIC_FIELDS_VISIBILITY:
       {
         var _personalInfo = state.renderFields.personalInfo.map(function (input) {
-          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]) {
+          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]) {
             if (Object.hasOwnProperty.call(action.payload[input.name], 'readOnly')) {
               input.readOnly = action.payload[input.name].readOnly;
             }
@@ -5815,21 +5834,21 @@ var Membership = function Membership(_ref2) {
   var _useState9 = React.useState(1),
     page = _useState9[0],
     setPage = _useState9[1];
-  var _useState10 = React.useState(false),
-    loading = _useState10[0],
-    setLoading = _useState10[1];
-  var _useState11 = React.useState(false),
-    isOtherMembership = _useState11[0],
-    setIsOtherMembership = _useState11[1];
-  var _useState12 = React.useState(null),
-    selectedMembershipChain = _useState12[0],
-    setSelectedMembershipChain = _useState12[1];
-  var _useState13 = React.useState(''),
-    membershipName = _useState13[0],
-    setMembershipName = _useState13[1];
-  var _useState14 = React.useState(''),
-    membershipNumber = _useState14[0],
-    setMembershipNumber = _useState14[1];
+  var _useState0 = React.useState(false),
+    loading = _useState0[0],
+    setLoading = _useState0[1];
+  var _useState1 = React.useState(false),
+    isOtherMembership = _useState1[0],
+    setIsOtherMembership = _useState1[1];
+  var _useState10 = React.useState(null),
+    selectedMembershipChain = _useState10[0],
+    setSelectedMembershipChain = _useState10[1];
+  var _useState11 = React.useState(''),
+    membershipName = _useState11[0],
+    setMembershipName = _useState11[1];
+  var _useState12 = React.useState(''),
+    membershipNumber = _useState12[0],
+    setMembershipNumber = _useState12[1];
   var wrapperRef = React.useRef(null);
   var nextRef = React.useRef(null);
   var isEditing = editIndex !== null;
@@ -6869,40 +6888,40 @@ var UserAddEdit = function UserAddEdit(props) {
       return true;
     }
   }();
+  var _useState0 = React.useState({}),
+    customFieldsInput = _useState0[0],
+    setCustomFieldsInput = _useState0[1];
+  var _useState1 = React.useState('traveler'),
+    travelRole = _useState1[0],
+    setTravelRole = _useState1[1];
   var _useState10 = React.useState({}),
-    customFieldsInput = _useState10[0],
-    setCustomFieldsInput = _useState10[1];
-  var _useState11 = React.useState('traveler'),
-    travelRole = _useState11[0],
-    setTravelRole = _useState11[1];
-  var _useState12 = React.useState({}),
-    travelApproversInput = _useState12[0],
-    setTravelApproversInput = _useState12[1];
-  var _useState13 = React.useState({
+    travelApproversInput = _useState10[0],
+    setTravelApproversInput = _useState10[1];
+  var _useState11 = React.useState({
       value: '',
       label: 'Select approver'
     }),
-    travelFYI = _useState13[0],
-    setTravelFYI = _useState13[1];
-  var _useState14 = React.useState([]),
-    membershipInfoInput = _useState14[0],
-    setMembershipInfoInput = _useState14[1];
-  var _useState15 = React.useState([]),
-    removedMembershipInfoInput = _useState15[0],
-    setRemovedMembershipInfoInput = _useState15[1];
-  var _useState16 = React.useState({
+    travelFYI = _useState11[0],
+    setTravelFYI = _useState11[1];
+  var _useState12 = React.useState([]),
+    membershipInfoInput = _useState12[0],
+    setMembershipInfoInput = _useState12[1];
+  var _useState13 = React.useState([]),
+    removedMembershipInfoInput = _useState13[0],
+    setRemovedMembershipInfoInput = _useState13[1];
+  var _useState14 = React.useState({
       flight_seat_preference: '',
       meal_preference: ''
     }),
-    travelPreferenceInfo = _useState16[0],
-    settravelPreferenceInfo = _useState16[1];
-  var _useState17 = React.useState({
+    travelPreferenceInfo = _useState14[0],
+    settravelPreferenceInfo = _useState14[1];
+  var _useState15 = React.useState({
       trusted_traveller: '',
       redress_number: ''
     }),
-    secureTravelInputInfo = _useState17[0],
-    setSecureTravelInputInfo = _useState17[1];
-  var _useState18 = React.useState({
+    secureTravelInputInfo = _useState15[0],
+    setSecureTravelInputInfo = _useState15[1];
+  var _useState16 = React.useState({
       passport_issue_country: {
         value: '',
         label: 'Select country'
@@ -6917,32 +6936,32 @@ var UserAddEdit = function UserAddEdit(props) {
       passport_photo: [],
       travel_docs: []
     }),
-    passportInfoInput = _useState18[0],
-    setPassportInfoInput = _useState18[1];
-  var _useState19 = React.useState([]),
-    filesForDelete = _useState19[0],
-    setFilesForDelete = _useState19[1];
-  var _useState20 = React.useState([]),
-    profilePicDelete = _useState20[0],
-    setProfilePicDelete = _useState20[1];
-  var _useState21 = React.useState(config.env.isTravelProduct && isProfile ? 'open' : ''),
-    isAdditionalInfoExpanded = _useState21[0],
-    setAdditionalInfoFlag = _useState21[1];
-  var _useState22 = React.useState('submitter'),
-    expenseRole = _useState22[0],
-    setExpenseRole = _useState22[1];
-  var _useState23 = React.useState({}),
-    expenseApproversInput = _useState23[0],
-    setExpenseApproversInput = _useState23[1];
-  var _useState24 = React.useState({
+    passportInfoInput = _useState16[0],
+    setPassportInfoInput = _useState16[1];
+  var _useState17 = React.useState([]),
+    filesForDelete = _useState17[0],
+    setFilesForDelete = _useState17[1];
+  var _useState18 = React.useState([]),
+    profilePicDelete = _useState18[0],
+    setProfilePicDelete = _useState18[1];
+  var _useState19 = React.useState(config.env.isTravelProduct && isProfile ? 'open' : ''),
+    isAdditionalInfoExpanded = _useState19[0],
+    setAdditionalInfoFlag = _useState19[1];
+  var _useState20 = React.useState('submitter'),
+    expenseRole = _useState20[0],
+    setExpenseRole = _useState20[1];
+  var _useState21 = React.useState({}),
+    expenseApproversInput = _useState21[0],
+    setExpenseApproversInput = _useState21[1];
+  var _useState22 = React.useState({
       value: '',
       label: 'Select approver'
     }),
-    expenseFYI = _useState24[0],
-    setExpenseFYI = _useState24[1];
-  var _useState25 = React.useState(''),
-    cardsRole = _useState25[0],
-    setCardsRole = _useState25[1];
+    expenseFYI = _useState22[0],
+    setExpenseFYI = _useState22[1];
+  var _useState23 = React.useState(''),
+    cardsRole = _useState23[0],
+    setCardsRole = _useState23[1];
   React.useEffect(function () {
     if (productAccess.card === false) {
       setCardsRole('');
@@ -6990,10 +7009,10 @@ var UserAddEdit = function UserAddEdit(props) {
     business_unit: React.useRef(null),
     department: React.useRef(null)
   });
-  var _useState26 = React.useState([]),
-    errorArray = _useState26[0],
-    setErrorArray = _useState26[1];
-  var _useState27 = React.useState({
+  var _useState24 = React.useState([]),
+    errorArray = _useState24[0],
+    setErrorArray = _useState24[1];
+  var _useState25 = React.useState({
       first_name: '',
       last_name: '',
       email: '',
@@ -7023,9 +7042,9 @@ var UserAddEdit = function UserAddEdit(props) {
       userTagType: '',
       profile_pic: ''
     }),
-    errorMsgs = _useState27[0],
-    setErrorMsgs = _useState27[1];
-  var _useState28 = React.useState({
+    errorMsgs = _useState25[0],
+    setErrorMsgs = _useState25[1];
+  var _useState26 = React.useState({
       first_name: false,
       last_name: false,
       email: false,
@@ -7052,14 +7071,14 @@ var UserAddEdit = function UserAddEdit(props) {
       userTagType: false,
       profile_pic: false
     }),
-    inputChangeLog = _useState28[0],
-    updateInputChangeLog = _useState28[1];
-  var _useState29 = React.useState([]),
-    uploadedFiles = _useState29[0],
-    setUploadedFiles = _useState29[1];
-  var _useState30 = React.useState(70),
-    maxLengthForModal = _useState30[0],
-    setMaxLengthForModal = _useState30[1];
+    inputChangeLog = _useState26[0],
+    updateInputChangeLog = _useState26[1];
+  var _useState27 = React.useState([]),
+    uploadedFiles = _useState27[0],
+    setUploadedFiles = _useState27[1];
+  var _useState28 = React.useState(70),
+    maxLengthForModal = _useState28[0],
+    setMaxLengthForModal = _useState28[1];
   var defaultAddModalData = {
     isOpen: false,
     isError: false,
@@ -7075,9 +7094,9 @@ var UserAddEdit = function UserAddEdit(props) {
     maxLength: maxLengthForModal,
     minLength: 0
   };
-  var _useState31 = React.useState(defaultAddModalData),
-    addModalData = _useState31[0],
-    setAddModalData = _useState31[1];
+  var _useState29 = React.useState(defaultAddModalData),
+    addModalData = _useState29[0],
+    setAddModalData = _useState29[1];
   var onAddModalClose = function onAddModalClose() {
     setAddModalData(_extends({}, defaultAddModalData));
   };
@@ -7268,9 +7287,9 @@ var UserAddEdit = function UserAddEdit(props) {
     return tag.id;
   };
   var onUserTagTypeChange = function onUserTagTypeChange(args) {
-    var _extends10;
+    var _extends0;
     var e = args._event;
-    setUserTagType(_extends({}, userTagType, (_extends10 = {}, _extends10[e.target.name] = userTagType[e.target.name] ? false : getUserTagTypeId(e.target.name), _extends10)));
+    setUserTagType(_extends({}, userTagType, (_extends0 = {}, _extends0[e.target.name] = userTagType[e.target.name] ? false : getUserTagTypeId(e.target.name), _extends0)));
     if (Object.hasOwnProperty.call(inputChangeLog, 'userTagType')) {
       updateInputChangeLog(_extends({}, inputChangeLog, {
         userTagType: true
@@ -7278,22 +7297,22 @@ var UserAddEdit = function UserAddEdit(props) {
     }
   };
   var onCustomFieldsChange = function onCustomFieldsChange(_ref2) {
-    var _extends11;
+    var _extends1;
     var _name = _ref2._name,
       _value = _ref2._value;
-    setCustomFieldsInput(_extends({}, customFieldsInput, (_extends11 = {}, _extends11[_name] = _value, _extends11)));
+    setCustomFieldsInput(_extends({}, customFieldsInput, (_extends1 = {}, _extends1[_name] = _value, _extends1)));
   };
   var onTravelApproversInputChange = function onTravelApproversInputChange(_ref3) {
-    var _extends12;
+    var _extends10;
     var _name = _ref3._name,
       _value = _ref3._value;
-    setTravelApproversInput(_extends({}, travelApproversInput, (_extends12 = {}, _extends12[_name] = _value, _extends12)));
+    setTravelApproversInput(_extends({}, travelApproversInput, (_extends10 = {}, _extends10[_name] = _value, _extends10)));
   };
   var onExpenseApproversInputChange = function onExpenseApproversInputChange(_ref4) {
-    var _extends13;
+    var _extends11;
     var _name = _ref4._name,
       _value = _ref4._value;
-    setExpenseApproversInput(_extends({}, expenseApproversInput, (_extends13 = {}, _extends13[_name] = _value, _extends13)));
+    setExpenseApproversInput(_extends({}, expenseApproversInput, (_extends11 = {}, _extends11[_name] = _value, _extends11)));
   };
   var onMemInfoInputChange = function onMemInfoInputChange(index, key, val) {
     var _membershipInfoInput = [].concat(membershipInfoInput);
@@ -7327,39 +7346,39 @@ var UserAddEdit = function UserAddEdit(props) {
     setMembershipInfoInput(_membershipInfoInputTemp);
   };
   var travelPreferenceOnChange = function travelPreferenceOnChange(args) {
-    var _extends14;
+    var _extends12;
     var _name = args._name,
       _value = args._value,
       _isError = args._isError,
       _errorMsg = args._errorMsg;
-    settravelPreferenceInfo(_extends({}, travelPreferenceInfo, (_extends14 = {}, _extends14[_name] = _value, _extends14)));
+    settravelPreferenceInfo(_extends({}, travelPreferenceInfo, (_extends12 = {}, _extends12[_name] = _value, _extends12)));
     if (Object.hasOwnProperty.call(inputChangeLog, _name)) {
-      var _extends15;
-      updateInputChangeLog(_extends({}, inputChangeLog, (_extends15 = {}, _extends15[_name] = true, _extends15)));
+      var _extends13;
+      updateInputChangeLog(_extends({}, inputChangeLog, (_extends13 = {}, _extends13[_name] = true, _extends13)));
     }
     updateError(_name, _isError, _errorMsg);
   };
   var onSecureTraveelerInfoInputChange = function onSecureTraveelerInfoInputChange(args) {
-    var _extends16;
+    var _extends14;
     var _name = args._name,
       _value = args._value,
       _isError = args._isError,
       _errorMsg = args._errorMsg;
-    setSecureTravelInputInfo(_extends({}, secureTravelInputInfo, (_extends16 = {}, _extends16[_name] = _value, _extends16)));
+    setSecureTravelInputInfo(_extends({}, secureTravelInputInfo, (_extends14 = {}, _extends14[_name] = _value, _extends14)));
     if (Object.hasOwnProperty.call(inputChangeLog, _name)) {
-      var _extends17;
-      updateInputChangeLog(_extends({}, inputChangeLog, (_extends17 = {}, _extends17[_name] = true, _extends17)));
+      var _extends15;
+      updateInputChangeLog(_extends({}, inputChangeLog, (_extends15 = {}, _extends15[_name] = true, _extends15)));
     }
     updateError(_name, _isError, _errorMsg);
   };
   var onPassportInfoInputChange = function onPassportInfoInputChange(args) {
     try {
       var _temp8 = function _temp8() {
-        var _extends18;
-        setPassportInfoInput(_extends({}, passportInfoInput, (_extends18 = {}, _extends18[_name] = _value, _extends18)));
+        var _extends16;
+        setPassportInfoInput(_extends({}, passportInfoInput, (_extends16 = {}, _extends16[_name] = _value, _extends16)));
         if (Object.hasOwnProperty.call(inputChangeLog, _name)) {
-          var _extends19;
-          updateInputChangeLog(_extends({}, inputChangeLog, (_extends19 = {}, _extends19[_name] = true, _extends19)));
+          var _extends17;
+          updateInputChangeLog(_extends({}, inputChangeLog, (_extends17 = {}, _extends17[_name] = true, _extends17)));
         }
         updateError(_name, _isError, _errorMsg);
       };
@@ -7465,8 +7484,8 @@ var UserAddEdit = function UserAddEdit(props) {
       return _errorArray;
     });
     setErrorMsgs(function (prevState) {
-      var _extends20;
-      return _extends({}, prevState, (_extends20 = {}, _extends20[_name] = _errorMsg, _extends20));
+      var _extends18;
+      return _extends({}, prevState, (_extends18 = {}, _extends18[_name] = _errorMsg, _extends18));
     });
   };
   var dispatch = reactRedux.useDispatch();
@@ -7798,7 +7817,7 @@ var UserAddEdit = function UserAddEdit(props) {
   }, [renderFields.expenseApprovers]);
   var uploadDocs = function uploadDocs(docToUpload, type) {
     try {
-      var _temp10 = function _temp10() {
+      var _temp0 = function _temp0() {
         setUploadedFiles([].concat(uploadedFiles, data));
         dispatch(stopLoader());
         return data;
@@ -7819,7 +7838,7 @@ var UserAddEdit = function UserAddEdit(props) {
           data.push(res);
         });
       });
-      return Promise.resolve(_temp9 && _temp9.then ? _temp9.then(_temp10) : _temp10(_temp9));
+      return Promise.resolve(_temp9 && _temp9.then ? _temp9.then(_temp0) : _temp0(_temp9));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -8832,7 +8851,7 @@ var fetchBulkactionHistory = function fetchBulkactionHistory(url) {
   };
 };
 
-var styles$6 = {"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","warningSvg":"_2H6Bq","departmentHeadText":"_3pOsV","deactivateBtn":"_2v6e4","user_list_page_tabs":"_xWE7K","TabLabelCount":"_13pXn","deactivateSubmitBtn":"_1qxY-","deactivateCustomButtonClass":"_2YBWE"};
+var styles$6 = {"UUIUserManagementList":"_3WNHx","scrollOverlayMenu":"_2_WEg","overlaysearch":"_1Pbhb","pageHeader":"_1WLpc","pageHeaderSticky":"_KAjNw","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","warningSvg":"_2H6Bq","departmentHeadText":"_3pOsV","deactivateBtn":"_2v6e4","user_list_page_tabs":"_xWE7K","TabLabelCount":"_13pXn","deactivateSubmitBtn":"_1qxY-","deactivateCustomButtonClass":"_2YBWE"};
 
 var BulkUploadModal = function BulkUploadModal(props) {
   var isOpenImportUsersModal = props.isOpenImportUsersModal,
@@ -9851,7 +9870,7 @@ var BulkActionHistoryTable = function BulkActionHistoryTable(props) {
   });
 };
 
-var styles$7 = {"UUICustomFields":"_tdVCY","pageHeader":"_8iQvL","buttonWrapper":"_2k_GJ","headingWrapper":"_1rYVz","heading":"_2nxXO","headingLarge":"_2auvl","headingMedium":"_Wjaw1","headingSmall":"_1UmTe","description":"_2BS2i","headerText":"_3SZ_X","letterImage":"_2AwAF","tablewrapper":"_3qSxj","rowText":"_2ZSw6","textTransform":"_1F6ss","lightColor":"_2Wjom","importModalBodyContainer":"_2JCWP","dividerColor":"_3EsJG","downloadTemplateContainer":"_2uRic","downloadTemplateDescContainer":"_55kg5","labelContainer":"_78mCn","downlTempHeader":"_lqUA2","downlTempDescription":"_1vT5l","colGap":"_1x_9W","tableHead":"_5SygC","actionButtons":"_3PeqN","emptyData":"_1bHs-","buttonWidth":"_2W2Jo","iconLayout":"_31IgO","baseAlert":"_342t1","iconStyle":"_3hgYk"};
+var styles$7 = {"UUICustomFields":"_tdVCY","pageHeader":"_8iQvL","pageHeaderSticky":"_2_5ZB","buttonWrapper":"_2k_GJ","headingWrapper":"_1rYVz","heading":"_2nxXO","headingLarge":"_2auvl","headingMedium":"_Wjaw1","headingSmall":"_1UmTe","description":"_2BS2i","headerText":"_3SZ_X","letterImage":"_2AwAF","tablewrapper":"_3qSxj","rowText":"_2ZSw6","textTransform":"_1F6ss","lightColor":"_2Wjom","importModalBodyContainer":"_2JCWP","dividerColor":"_3EsJG","downloadTemplateContainer":"_2uRic","downloadTemplateDescContainer":"_55kg5","labelContainer":"_78mCn","downlTempHeader":"_lqUA2","downlTempDescription":"_1vT5l","colGap":"_1x_9W","tableHead":"_5SygC","actionButtons":"_3PeqN","emptyData":"_1bHs-","buttonWidth":"_2W2Jo","iconLayout":"_31IgO","baseAlert":"_342t1","iconStyle":"_3hgYk"};
 
 function SkeletonLoader(_ref) {
   var _ref$data = _ref.data,
@@ -10786,45 +10805,45 @@ var UserList = function UserList(_ref2) {
   var _useState9 = React.useState(false),
     isFileDownloading = _useState9[0],
     setDownlStatus = _useState9[1];
+  var _useState0 = React.useState(false),
+    isSortingChange = _useState0[0],
+    setSortingChange = _useState0[1];
+  var _useState1 = React.useState(false),
+    isSearchingChange = _useState1[0],
+    setSearchingChange = _useState1[1];
   var _useState10 = React.useState(false),
-    isSortingChange = _useState10[0],
-    setSortingChange = _useState10[1];
+    isSortingChangeTemp = _useState10[0],
+    setSortingChangeTemp = _useState10[1];
   var _useState11 = React.useState(false),
-    isSearchingChange = _useState11[0],
-    setSearchingChange = _useState11[1];
+    isSearchingChangeTemp = _useState11[0],
+    setSearchingChangeTemp = _useState11[1];
   var _useState12 = React.useState(false),
-    isSortingChangeTemp = _useState12[0],
-    setSortingChangeTemp = _useState12[1];
-  var _useState13 = React.useState(false),
-    isSearchingChangeTemp = _useState13[0],
-    setSearchingChangeTemp = _useState13[1];
-  var _useState14 = React.useState(false),
-    isApiFetching = _useState14[0],
-    setisApiFetching = _useState14[1];
-  var _useState15 = React.useState({
+    isApiFetching = _useState12[0],
+    setisApiFetching = _useState12[1];
+  var _useState13 = React.useState({
       value: '',
       label: 'Select approver'
     }),
-    approverRole = _useState15[0],
-    setApproverRole = _useState15[1];
-  var _useState16 = React.useState(false),
-    showInviteModal = _useState16[0],
-    setToggleInviteModal = _useState16[1];
-  var _useState17 = React.useState(''),
-    userIds = _useState17[0],
-    setUserIds = _useState17[1];
+    approverRole = _useState13[0],
+    setApproverRole = _useState13[1];
+  var _useState14 = React.useState(false),
+    showInviteModal = _useState14[0],
+    setToggleInviteModal = _useState14[1];
+  var _useState15 = React.useState(''),
+    userIds = _useState15[0],
+    setUserIds = _useState15[1];
   var _React$useState9 = React__default.useState(false),
     overlayMenu = _React$useState9[0],
     setOverlayMenu = _React$useState9[1];
-  var _useState18 = React.useState(''),
-    userFirstName = _useState18[0],
-    setUserFirstName = _useState18[1];
-  var _useState19 = React.useState(''),
-    userLastName = _useState19[0],
-    setUserLastName = _useState19[1];
-  var _useState20 = React.useState(true),
-    isDisabledSubmitBtn = _useState20[0],
-    setIsDisabledSubmitBtn = _useState20[1];
+  var _useState16 = React.useState(''),
+    userFirstName = _useState16[0],
+    setUserFirstName = _useState16[1];
+  var _useState17 = React.useState(''),
+    userLastName = _useState17[0],
+    setUserLastName = _useState17[1];
+  var _useState18 = React.useState(true),
+    isDisabledSubmitBtn = _useState18[0],
+    setIsDisabledSubmitBtn = _useState18[1];
   useScrollPosition.useScrollPosition(function (_ref3) {
     var prevPos = _ref3.prevPos,
       currPos = _ref3.currPos;
@@ -10845,33 +10864,33 @@ var UserList = function UserList(_ref2) {
       behavior: 'smooth'
     });
   };
-  var _React$useState10 = React__default.useState(1),
-    signup_page = _React$useState10[0],
-    setSignUpPage = _React$useState10[1];
-  var _useState21 = React.useState(5),
-    signup_rowsPerPage = _useState21[0],
-    setSignUpRowsPerPage = _useState21[1];
-  var _React$useState11 = React__default.useState('asc'),
-    signup_order = _React$useState11[0],
-    setSignUpOrder = _React$useState11[1];
-  var _React$useState12 = React__default.useState('first_name'),
-    signup_orderBy = _React$useState12[0],
-    setSignUpOrderBy = _React$useState12[1];
-  var _useState22 = React.useState(''),
-    signup_searchValue = _useState22[0],
-    set_signup_SearchValue = _useState22[1];
+  var _React$useState0 = React__default.useState(1),
+    signup_page = _React$useState0[0],
+    setSignUpPage = _React$useState0[1];
+  var _useState19 = React.useState(5),
+    signup_rowsPerPage = _useState19[0],
+    setSignUpRowsPerPage = _useState19[1];
+  var _React$useState1 = React__default.useState('asc'),
+    signup_order = _React$useState1[0],
+    setSignUpOrder = _React$useState1[1];
+  var _React$useState10 = React__default.useState('first_name'),
+    signup_orderBy = _React$useState10[0],
+    setSignUpOrderBy = _React$useState10[1];
+  var _useState20 = React.useState(''),
+    signup_searchValue = _useState20[0],
+    set_signup_SearchValue = _useState20[1];
+  var _useState21 = React.useState(false),
+    isSignUpSortingChange = _useState21[0],
+    setSignUpSortingChange = _useState21[1];
+  var _useState22 = React.useState(false),
+    isSignUpSearchingChange = _useState22[0],
+    setSignUpSearchingChange = _useState22[1];
   var _useState23 = React.useState(false),
-    isSignUpSortingChange = _useState23[0],
-    setSignUpSortingChange = _useState23[1];
+    isSignUpSortingChangeTemp = _useState23[0],
+    setSignUpSortingChangeTemp = _useState23[1];
   var _useState24 = React.useState(false),
-    isSignUpSearchingChange = _useState24[0],
-    setSignUpSearchingChange = _useState24[1];
-  var _useState25 = React.useState(false),
-    isSignUpSortingChangeTemp = _useState25[0],
-    setSignUpSortingChangeTemp = _useState25[1];
-  var _useState26 = React.useState(false),
-    isSignUpSearchingChangeTemp = _useState26[0],
-    setSignUpSearchingChangeTemp = _useState26[1];
+    isSignUpSearchingChangeTemp = _useState24[0],
+    setSignUpSearchingChangeTemp = _useState24[1];
   var _useSelector3 = reactRedux.useSelector(function (state) {
       return state.userList;
     }),
@@ -11749,7 +11768,16 @@ var TabLabelCount = function TabLabelCount(_ref5) {
 };
 var index$2 = withStore(UserList);
 
+var isInsideIframe = function isInsideIframe() {
+  try {
+    return window.self !== window.top;
+  } catch (e) {
+    return true;
+  }
+};
+
 function Header(props) {
+  var _clsx;
   var HeaderButton = props.HeaderButton,
     _props$name = props.name,
     name = _props$name === void 0 ? '' : _props$name,
@@ -11765,7 +11793,7 @@ function Header(props) {
     isILadmin = _useSelector.isILadmin;
   return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
     component: "div",
-    className: clsx(styles$6.pageHeader)
+    className: clsx(styles$6.pageHeader, (_clsx = {}, _clsx[styles$6.pageHeaderSticky] = isInsideIframe(), _clsx))
   }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
     component: "div",
     display: "flex",
@@ -12322,33 +12350,33 @@ var UserPanel = function UserPanel(_ref) {
   var _useState9 = React.useState(false),
     errorMove = _useState9[0],
     setErrorMove = _useState9[1];
-  var _useState10 = React.useState([]),
-    dropdownList = _useState10[0],
-    setDropdownList = _useState10[1];
-  var _useState11 = React.useState(false),
-    alertModal = _useState11[0],
-    setAlertModal = _useState11[1];
+  var _useState0 = React.useState([]),
+    dropdownList = _useState0[0],
+    setDropdownList = _useState0[1];
+  var _useState1 = React.useState(false),
+    alertModal = _useState1[0],
+    setAlertModal = _useState1[1];
   var _React$useState = React__default.useState('asc'),
     order = _React$useState[0],
     setOrder = _React$useState[1];
   var _React$useState2 = React__default.useState('name'),
     orderBy = _React$useState2[0],
     setOrderBy = _React$useState2[1];
-  var _useState12 = React.useState(false),
-    isSortingChange = _useState12[0],
-    setSortingChange = _useState12[1];
-  var _useState13 = React.useState(false),
-    isSortingChangeTemp = _useState13[0],
-    setSortingChangeTemp = _useState13[1];
-  var _useState14 = React.useState([]),
-    rowData = _useState14[0],
-    setRowData = _useState14[1];
-  var _useState15 = React.useState(1),
-    page = _useState15[0],
-    setPage = _useState15[1];
-  var _useState16 = React.useState(5),
-    rowsPerPage = _useState16[0],
-    setRowsPerPage = _useState16[1];
+  var _useState10 = React.useState(false),
+    isSortingChange = _useState10[0],
+    setSortingChange = _useState10[1];
+  var _useState11 = React.useState(false),
+    isSortingChangeTemp = _useState11[0],
+    setSortingChangeTemp = _useState11[1];
+  var _useState12 = React.useState([]),
+    rowData = _useState12[0],
+    setRowData = _useState12[1];
+  var _useState13 = React.useState(1),
+    page = _useState13[0],
+    setPage = _useState13[1];
+  var _useState14 = React.useState(5),
+    rowsPerPage = _useState14[0],
+    setRowsPerPage = _useState14[1];
   var orderingParam = orderBy;
   var _useSelector = reactRedux.useSelector(function (state) {
       return state.userPanel;
@@ -12366,9 +12394,9 @@ var UserPanel = function UserPanel(_ref) {
     var validatedValue = _value.replace(/\s+/g, ' ').trim();
     setDataList(validatedValue);
   };
-  var _useState17 = React.useState(70),
-    maxLengthForModal = _useState17[0],
-    setMaxLengthForModal = _useState17[1];
+  var _useState15 = React.useState(70),
+    maxLengthForModal = _useState15[0],
+    setMaxLengthForModal = _useState15[1];
   React.useEffect(function () {
     if (title === 'Business unit') {
       setMaxLengthForModal(150);
@@ -12762,6 +12790,7 @@ var DeleteCustomFieldModal = function DeleteCustomFieldModal(_ref) {
 };
 
 var PageHeader = function PageHeader() {
+  var _clsx;
   var dispatch = reactRedux.useDispatch();
   var _useSelector = reactRedux.useSelector(function (state) {
       return state.customFields;
@@ -12780,7 +12809,7 @@ var PageHeader = function PageHeader() {
   };
   return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
     component: "div",
-    className: clsx(styles$7.pageHeader)
+    className: clsx(styles$7.pageHeader, (_clsx = {}, _clsx[styles$7.pageHeaderSticky] = isInsideIframe(), _clsx))
   }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
     component: "div",
     display: "flex",