@itilite/iui-user-management 0.4.3 → 0.4.5

package/dist/index.modern.js

@@ -12,6 +12,8 @@ import { composeWithDevTools } from 'redux-devtools-extension';
 import { useHistory } from 'react-router-dom';
 import { withStyles } from '@material-ui/core/styles';
 import Switch from '@material-ui/core/Switch';
+import MoreHorizIcon from '@material-ui/icons/MoreHoriz';
+import InfoIcon from '@material-ui/icons/Info';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -1504,8 +1506,8 @@ var makePrimaryAdmin = function makePrimaryAdmin(payload) {
   return function (dispatch) {
     return new Promise(function (resolve, reject) {
       api$1.put(userAddEditUrl.primaryAdmin(payload.userId)).then(function (res) {
-        if (res.message) {
-          IUIToastMessageService.sNotify(res.message);
+        if (res) {
+          IUIToastMessageService.sNotify('Primary Admin updated successfully.');
           resolve();
         } else {
           reject(res);
@@ -8639,8 +8641,8 @@ var StickyHeadTable = function StickyHeadTable(props) {
       handleSingleCheckBoxClick = _props$handleSingleCh === void 0 ? function () {} : _props$handleSingleCh,
       _props$onResetPasswor = props.onResetPasswordHandler,
       onResetPasswordHandler = _props$onResetPasswor === void 0 ? function () {} : _props$onResetPasswor,
-      _props$onResendInvite = props.onResendInviteHandler,
-      onResendInviteHandler = _props$onResendInvite === void 0 ? function () {} : _props$onResendInvite,
+      _props$toggleInviteMo = props.toggleInviteModal,
+      toggleInviteModal = _props$toggleInviteMo === void 0 ? function () {} : _props$toggleInviteMo,
       orderBy = props.orderBy,
       order = props.order,
       _props$onRequestSort = props.onRequestSort,
@@ -8692,7 +8694,7 @@ var StickyHeadTable = function StickyHeadTable(props) {
         style: {
           width: '55px',
           height: '24px',
-          background: '#F9FAFB',
+          background: 'lightgrey',
           borderRadius: '8px',
           display: 'flex',
           justifyContent: 'center',
@@ -8811,16 +8813,28 @@ var StickyHeadTable = function StickyHeadTable(props) {
         options.push({
           label: 'Resend invite',
           handler: function handler() {
-            return onResendInviteHandler(row.id);
+            return toggleInviteModal(row.id);
           }
         });
       }
 
-      return /*#__PURE__*/React.createElement(IUIDropdownButton, {
-        buttonText: "Options",
-        type: "outlined",
-        menuListInfo: options
-      });
+      return /*#__PURE__*/React.createElement("div", {
+        style: {
+          marginLeft: '50px'
+        }
+      }, /*#__PURE__*/React.createElement(IUIDropdownButton, {
+        buttonText: /*#__PURE__*/React.createElement(MoreHorizIcon, {
+          fontSize: "medium",
+          color: "#6B7280"
+        }),
+        disableRipple: false,
+        menuListInfo: options,
+        menuListClass: "menuClass",
+        endIcon: null,
+        outlinedBtn: false,
+        className: "threedotMenuBtn",
+        placement: "bottom-end"
+      }));
     },
     style: {
       paddingLeft: '40px'
@@ -8932,6 +8946,14 @@ var UserList = function UserList(_ref) {
       isApiFetching = _useState10[0],
       setisApiFetching = _useState10[1];
 
+  var _useState11 = useState(false),
+      showInviteModal = _useState11[0],
+      setToggleInviteModal = _useState11[1];
+
+  var _useState12 = useState(''),
+      userIds = _useState12[0],
+      setUserIds = _useState12[1];
+
   var openDeactivateModal = function openDeactivateModal() {
     if (Object.values(selected).flat().length === 0 || Object.values(selected).flat() === undefined) {
       IUIToastMessageService$7.warningNotify('Select at least one user to deactivate.');
@@ -9077,16 +9099,23 @@ var UserList = function UserList(_ref) {
     }));
   };
 
-  var onResendInviteHandler = function onResendInviteHandler(userId) {
+  var toggleInviteModal = function toggleInviteModal(ids) {
+    setUserIds(ids);
+    setToggleInviteModal(!showInviteModal);
+  };
+
+  var onResendInviteHandler = function onResendInviteHandler() {
     var userIdArr = [];
 
-    if (userId && !isNaN(userId)) {
-      userIdArr = [userId];
+    if (userIds && !isNaN(userIds)) {
+      userIdArr = [userIds];
     } else if (selected[page] && selected[page].length) {
       userIdArr = selected[page];
     }
 
+    setUserIds('');
     dispatch(resendInviteForUser(userIdArr));
+    setToggleInviteModal(!showInviteModal);
   };
 
   var handleExportUsers = function handleExportUsers() {
@@ -9132,7 +9161,7 @@ var UserList = function UserList(_ref) {
     handler: handleBulkActionHistoryClick
   }, {
     label: 'Resend invite',
-    handler: onResendInviteHandler
+    handler: toggleInviteModal
   }];
   useEffect(function () {
     var roleCanAccess = ['travel_itilite_admin', 'travel_admin', 'expense_itilite_admin', 'expense_admin'];
@@ -9287,7 +9316,7 @@ var UserList = function UserList(_ref) {
     isILadmin: isILadmin,
     onPrimaryAdminHandler: onPrimaryAdminHandler,
     onResetPasswordHandler: onResetPasswordHandler,
-    onResendInviteHandler: onResendInviteHandler
+    toggleInviteModal: toggleInviteModal
   }))), /*#__PURE__*/React.createElement(IUIModal, {
     isOpen: Object.values(selected).flat().length > 0 && isOpenDeActivateModal,
     closeHandler: closeDeActivateModal,
@@ -9314,7 +9343,41 @@ var UserList = function UserList(_ref) {
     className: styles$5.headerText
   }, 'Are you sure you want to deactivate ' + Object.values(selected).flat().length.toString() + (Object.values(selected).flat().length === 1 ? ' user ?' : ' users ?')), /*#__PURE__*/React.createElement(IUITypography, {
     className: styles$5.description
-  }, "The", ' ', Object.values(selected).flat().length === 1 ? ' user ' : ' users ', "won\u2019t be able to access itilite platform"))), /*#__PURE__*/React.createElement(BulkUploadModal, {
+  }, "The", ' ', Object.values(selected).flat().length === 1 ? ' user ' : ' users ', "won\u2019t be able to access itilite platform"))), /*#__PURE__*/React.createElement(IUIModal, {
+    isOpen: showInviteModal,
+    closeHandler: toggleInviteModal,
+    cancelLabel: "Cancel",
+    headerText: "Resend Invites",
+    submitLabel: "Send",
+    submitHandler: function submitHandler() {
+      return onResendInviteHandler();
+    },
+    width: "400px",
+    modalBodyStyle: {
+      padding: '0px'
+    },
+    footerStyle: {
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      padding: '16px',
+      margin: '8px 24px',
+      border: '1px solid #FDE047',
+      background: '#FEFCE8'
+    }
+  }, /*#__PURE__*/React.createElement(InfoIcon, {
+    style: {
+      marginRight: '10px',
+      color: '#EC5D25'
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: '14px',
+      color: '#374151'
+    }
+  }, "This invitation will be sent to users who have not logged into the platform."))), /*#__PURE__*/React.createElement(BulkUploadModal, {
     isOpenImportUsersModal: isOpenImportUsersModal,
     closeImportUsersModal: closeImportUsersModal,
     closeImportModal: closeImportModal