@itilite/iui-user-management 1.5.13 → 1.5.14-beta.2

package/dist/index.modern.js

@@ -1,5 +1,5 @@
 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 React, { useState, useEffect, Fragment as Fragment$1, memo, useRef } from 'react';
 import { configs, services, utilUrls } from '@itilite/utils';
 import axios from 'axios';
 import { Tooltip, IconButton, Menu, MenuItem, Popper, Grow, Paper, ClickAwayListener, MenuList, Typography, Box } from '@material-ui/core';
@@ -182,7 +182,7 @@ function _finallyRethrows(body, finalizer) {
   return finalizer(false, result);
 }
 
-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"};
+var styles = {"UUIUserManagementAddEdit":"_3n-WG","pageHeader":"_3qWcA","buttonWrapper":"_1IP9P","scrolled":"_m8f96","pageHeaderIframe":"_1D2-R","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,
@@ -420,6 +420,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";
   },
@@ -2667,7 +2670,8 @@ var CARDS_DISABLED = {
 };
 
 var IUILocalStorageService$3 = services.IUILocalStorageService;
-var env$3 = configs.env;
+var env$3 = configs.env,
+  paymentApi$1 = configs.paymentApi;
 var CardsManagement = function CardsManagement(_ref) {
   var _selectedCard$metadat, _pg$gateway;
   var _ref$paymentDetails = _ref.paymentDetails,
@@ -2688,6 +2692,23 @@ var CardsManagement = function CardsManagement(_ref) {
   var _useState2 = useState(null),
     selectedCard = _useState2[0],
     setSelectedCard = _useState2[1];
+  var _useState3 = useState(false),
+    allowPersonalCardAdd = _useState3[0],
+    setAllowPersonalCardAdd = _useState3[1];
+  useEffect(function () {
+    var isActive = true;
+    paymentApi$1.get(userAddEditUrl.personalCardEligibility()).then(function (res) {
+      if (isActive) {
+        var _res$data;
+        setAllowPersonalCardAdd((res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$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);
@@ -2913,7 +2934,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.createElement("button", {
+  }) : null), (!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 && allowPersonalCardAdd && /*#__PURE__*/React.createElement("button", {
     className: classes.addCardButton,
     onClick: function onClick() {
       sendLog({
@@ -2962,7 +2983,7 @@ var CardsManagement = function CardsManagement(_ref) {
       vertical: 'top',
       horizontal: 'right'
     }
-  }, selectedCard && selectedCard.metadata.is_enabled !== CARDS_DISABLED.EXPIRED && selectedCard.metadata.is_enabled !== CARDS_DISABLED.INVALID && !+selectedCard.metadata.default_card && /*#__PURE__*/React.createElement(MenuItem, {
+  }, selectedCard && selectedCard.metadata.is_enabled !== CARDS_DISABLED.DISABLED && selectedCard.metadata.is_enabled !== CARDS_DISABLED.EXPIRED && selectedCard.metadata.is_enabled !== CARDS_DISABLED.INVALID && !+selectedCard.metadata.default_card && /*#__PURE__*/React.createElement(MenuItem, {
     onClick: handleMarkAsDefault
   }, "Mark as default"), showMenuButton && /*#__PURE__*/React.createElement(MenuItem, {
     onClick: handleDeleteCard,
@@ -6859,6 +6880,13 @@ var UserAddEdit = function UserAddEdit(props) {
   var _useState9 = useState(false),
     scroll = _useState9[0],
     setScroll = _useState9[1];
+  var isInsideIframe = function () {
+    try {
+      return window.self !== window.top;
+    } catch (e) {
+      return true;
+    }
+  }();
   var _useState10 = useState({}),
     customFieldsInput = _useState10[0],
     setCustomFieldsInput = _useState10[1];
@@ -8205,7 +8233,7 @@ var UserAddEdit = function UserAddEdit(props) {
     color: "inherit"
   })), /*#__PURE__*/React.createElement(IUIBox, {
     component: "div",
-    className: clsx(styles.pageHeader, scroll ? styles.scrolled : '')
+    className: clsx(styles.pageHeader, scroll ? styles.scrolled : '', isInsideIframe ? styles.pageHeaderIframe : '')
   }, !isProfile && /*#__PURE__*/React.createElement(IUIBox, {
     component: "div",
     className: styles.breadcrumb
@@ -10170,7 +10198,6 @@ var DropdownBtn = function DropdownBtn(props) {
     anchorEl: anchorRef.current,
     role: undefined,
     transition: true,
-    disablePortal: true,
     style: {
       zIndex: '9'
     },
@@ -10705,9 +10732,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;
@@ -11308,6 +11337,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,
@@ -11361,6 +11394,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
@@ -11435,7 +11500,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));
@@ -11445,38 +11510,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