@itilite/iui-user-management 1.4.963 → 1.4.964-beta.10

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';
@@ -184,7 +184,17 @@ function _finallyRethrows(body, finalizer) {
 
 var styles = {"UUIUserManagementAddEdit":"_3n-WG","pageHeader":"_3qWcA","buttonWrapper":"_1IP9P","scrolled":"_m8f96","headingButtonWrapper":"_w9z7b","headingButtonWrapperProfile":"_12Wd9","hintText":"_ySdbZ","heading":"_2Y1Aw","headingLarge":"_2K1NF","headingMedium":"_RUuAz","headingSmall":"_23Dye","additionalInfoContainer":"_1Suhw","additionalInfoTitle":"_56iJF","titleContainer":"_H5nfl","expandIconAlign":"_3F4i0","detailsContainer":"_2G0LW","formWrapper":"_2fPRc","sectionWrapper":"_37Gqp","margin":"_2Sdl7","minGridWidth":"_2D7iu","firstRowMargin":"_1BozG","firstChildMargin":"_2C3Mb","paddingTop":"_DBPjV","backGrdColorOnHover":"_5oE6H","fieldMargin":"_RCWjq","productContainerGap":"_tuCbi","containerWidth":"_1oWos","productItemBroder":"_T0Hcd","headingPadding":"_2MFfQ","emptyFieldContainer":"_3VWtw","emptyFieldDescription":"_2jC5u","rowGap":"_1NJFY","formTitle":"_GAKk2","formDescription":"_3TZ6Z","themeLink":"_eJ_1B","dashedLine":"_3ZOs1","dividerColor":"_2pxEJ","errorTextCls":"_27eth","backdrop":"_Pm0Au","inputWidth":"_ajB82","buttonRight":"_1lEyQ","containedDropdownBtn":"_3ymE1"};
 
-function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
+function r(e) {
+  var t,
+    f,
+    n = "";
+  if ("string" == typeof e || "number" == typeof e) n += e;else if ("object" == typeof e) if (Array.isArray(e)) for (t = 0; t < e.length; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);else for (t in e) e[t] && (n && (n += " "), n += t);
+  return n;
+}
+function clsx() {
+  for (var e, t, f = 0, n = ""; f < arguments.length;) (e = arguments[f++]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
+}
 
 var GetInputType = React.forwardRef(function (props, ref) {
   var _p = props._p,
@@ -829,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';
@@ -2658,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) {
@@ -2814,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", {
@@ -2834,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 && !isInvalid && /*#__PURE__*/React.createElement("span", {
       className: clsx(classes.expiresoonLabel, classes.expiredLabel)
     }, "Expires Soon")), /*#__PURE__*/React.createElement("span", {
       className: classes.cardType
@@ -2861,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);
@@ -3067,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);
   };
@@ -3174,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
@@ -10309,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: {
@@ -10687,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;
@@ -11290,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,
@@ -11343,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
@@ -11417,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));
@@ -11427,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