@itilite/iui-user-management 0.4.4 → 0.4.6

package/dist/index.modern.js

@@ -13,6 +13,7 @@ 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) {
@@ -1505,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);
@@ -1526,7 +1527,7 @@ var resetPasswordForUser = function resetPasswordForUser(data) {
       api$1.post("" + userAddEditUrl.resetPasswordForUserApi(), {
         email: data.email
       }).then(function (res) {
-        IUIToastMessageService.sNotify(' Reset password link sent successfully');
+        IUIToastMessageService.sNotify(res.data.message.toString());
         resolve();
       })["catch"](function (err) {
         if (!err.response.data.status) {
@@ -1546,7 +1547,7 @@ var resendInviteForUser = function resendInviteForUser(data) {
       api$1.post(userAddEditUrl.resendInviteForUserApi(), {
         user_ids: data
       }).then(function (res) {
-        IUIToastMessageService.sNotify('Invitation sent successfully');
+        IUIToastMessageService.sNotify(res.data.message.toString());
         resolve();
       })["catch"](function (err) {
         if (!err.response.data.status) {
@@ -8640,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,
@@ -8682,12 +8683,12 @@ var StickyHeadTable = function StickyHeadTable(props) {
   }, {
     id: 'first_name',
     label: '',
-    minWidth: 100,
+    minWidth: 60,
     sortable: true,
     cell: function cell(row) {
       return /*#__PURE__*/React.createElement(IUIBox, {
         component: "div",
-        width: 100
+        width: 60
       }, row && row.has_visited === 0 ? /*#__PURE__*/React.createElement("div", {
         title: "This user hasn't logged on to the platform yet",
         style: {
@@ -8756,7 +8757,7 @@ var StickyHeadTable = function StickyHeadTable(props) {
   }, {
     id: 'status',
     label: 'Status',
-    minWidth: 190,
+    minWidth: 170,
     cell: function cell(row) {
       return /*#__PURE__*/React.createElement(IUIFormGroup, null, /*#__PURE__*/React.createElement(IUITypography, {
         component: "div",
@@ -8782,7 +8783,7 @@ var StickyHeadTable = function StickyHeadTable(props) {
   }, {
     id: 'actions',
     label: 'Actions',
-    minWidth: 170,
+    minWidth: 100,
     align: 'left',
     cell: function cell(row) {
       var options = [{
@@ -8812,7 +8813,7 @@ var StickyHeadTable = function StickyHeadTable(props) {
         options.push({
           label: 'Resend invite',
           handler: function handler() {
-            return onResendInviteHandler(row.id);
+            return toggleInviteModal(row.id);
           }
         });
       }
@@ -8945,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.');
@@ -9090,16 +9099,29 @@ 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];
-    } else if (selected[page] && selected[page].length) {
-      userIdArr = selected[page];
+    if (userIds && !isNaN(userIds)) {
+      userIdArr = [userIds];
+    } else if (Object.keys(selected).length) {
+      Object.values(selected).map(function (val, i) {
+        if (val.length) {
+          val.map(function (idx, i) {
+            userIdArr.push(idx);
+          });
+        }
+      });
     }
 
+    setUserIds('');
     dispatch(resendInviteForUser(userIdArr));
+    setToggleInviteModal(!showInviteModal);
   };
 
   var handleExportUsers = function handleExportUsers() {
@@ -9145,7 +9167,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'];
@@ -9300,7 +9322,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,
@@ -9327,7 +9349,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