@itilite/iui-user-management 0.4.13 → 0.4.15

package/dist/index.js

@@ -14,12 +14,11 @@ var thunk = _interopDefault(require('redux-thunk'));
 var reduxDevtoolsExtension = require('redux-devtools-extension');
 var reactRouterDom = require('react-router-dom');
 var styles$8 = require('@material-ui/core/styles');
-require('@material-ui/core/Tooltip');
+var Tooltip = _interopDefault(require('@material-ui/core/Tooltip'));
 var Switch = _interopDefault(require('@material-ui/core/Switch'));
 var MoreHorizIcon = _interopDefault(require('@material-ui/icons/MoreHoriz'));
 var Button = _interopDefault(require('@material-ui/core/Button'));
 var core = require('@material-ui/core');
-var InfoIcon = _interopDefault(require('@material-ui/icons/Info'));
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -199,9 +198,6 @@ var userAddEditUrl = {
   editUser: function editUser(userId) {
     return "api/v1/user-management/users/" + userId;
   },
-  primaryAdmin: function primaryAdmin(userId) {
-    return "api/v1/user-management/mark-primary/" + userId;
-  },
   resetPasswordForUserApi: function resetPasswordForUserApi() {
     return "account/auth/password-reset/";
   },
@@ -1913,24 +1909,6 @@ var fetchUserDetails = function fetchUserDetails(payload) {
     });
   };
 };
-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) {
-          IUIToastMessageService.sNotify(res.data.message);
-          resolve();
-        } else {
-          reject(res);
-        }
-      })["catch"](function (err) {
-        var _err$response6, _err$response6$data;
-        IUIToastMessageService.warningNotify((err === null || err === void 0 ? void 0 : (_err$response6 = err.response) === null || _err$response6 === void 0 ? void 0 : (_err$response6$data = _err$response6.data) === null || _err$response6$data === void 0 ? void 0 : _err$response6$data.message) || 'Opps, Something went wrong.');
-        reject(err);
-      });
-    });
-  };
-};
 var resetPasswordForUser = function resetPasswordForUser(data) {
   return function (dispatch) {
     return new Promise(function (resolve, reject) {
@@ -1940,10 +1918,10 @@ var resetPasswordForUser = function resetPasswordForUser(data) {
         IUIToastMessageService.sNotify(res.data.status);
         resolve();
       })["catch"](function (err) {
-        var _err$response7, _err$response7$data;
-        if (!(err !== null && err !== void 0 && (_err$response7 = err.response) !== null && _err$response7 !== void 0 && (_err$response7$data = _err$response7.data) !== null && _err$response7$data !== void 0 && _err$response7$data.status)) {
-          var _err$response8, _err$response8$data, _err$response8$data$m;
-          IUIToastMessageService.errNotify(err === null || err === void 0 ? void 0 : (_err$response8 = err.response) === null || _err$response8 === void 0 ? void 0 : (_err$response8$data = _err$response8.data) === null || _err$response8$data === void 0 ? void 0 : (_err$response8$data$m = _err$response8$data.message) === null || _err$response8$data$m === void 0 ? void 0 : _err$response8$data$m.email[0]);
+        var _err$response6, _err$response6$data;
+        if (!(err !== null && err !== void 0 && (_err$response6 = err.response) !== null && _err$response6 !== void 0 && (_err$response6$data = _err$response6.data) !== null && _err$response6$data !== void 0 && _err$response6$data.status)) {
+          var _err$response7, _err$response7$data, _err$response7$data$m;
+          IUIToastMessageService.errNotify(err === null || err === void 0 ? void 0 : (_err$response7 = err.response) === null || _err$response7 === void 0 ? void 0 : (_err$response7$data = _err$response7.data) === null || _err$response7$data === void 0 ? void 0 : (_err$response7$data$m = _err$response7$data.message) === null || _err$response7$data$m === void 0 ? void 0 : _err$response7$data$m.email[0]);
           reject(err);
           return;
         }
@@ -1961,10 +1939,10 @@ var resendInviteForUser = function resendInviteForUser(data) {
         IUIToastMessageService.sNotify(res.data.message);
         resolve();
       })["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.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$response8, _err$response8$data;
+        if (!(err !== null && err !== void 0 && (_err$response8 = err.response) !== null && _err$response8 !== void 0 && (_err$response8$data = _err$response8.data) !== null && _err$response8$data !== void 0 && _err$response8$data.status)) {
+          var _err$response9, _err$response9$data, _err$response9$data$m;
+          IUIToastMessageService.errNotify(err === null || err === void 0 ? void 0 : (_err$response9 = err.response) === null || _err$response9 === void 0 ? void 0 : (_err$response9$data = _err$response9.data) === null || _err$response9$data === void 0 ? void 0 : (_err$response9$data$m = _err$response9$data.message) === null || _err$response9$data$m === void 0 ? void 0 : _err$response9$data$m.email[0]);
           reject(err);
           return;
         }
@@ -1987,9 +1965,9 @@ var updateUser = function updateUser(payload, userId, inputChangeLog) {
           reject(res.data.errors);
         }
       })["catch"](function (err) {
-        var _err$response11;
+        var _err$response10;
         var error = 'Opps, Something went error.';
-        if (err !== null && err !== void 0 && (_err$response11 = err.response) !== null && _err$response11 !== void 0 && _err$response11.data) {
+        if (err !== null && err !== void 0 && (_err$response10 = err.response) !== null && _err$response10 !== void 0 && _err$response10.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;
@@ -2036,8 +2014,8 @@ var deletePaymentCard = function deletePaymentCard(payload) {
           reject(res);
         }
       })["catch"](function (err) {
-        var _err$response12, _err$response12$data;
-        IUIToastMessageService.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.');
+        var _err$response11, _err$response11$data;
+        IUIToastMessageService.warningNotify((err === null || err === void 0 ? void 0 : (_err$response11 = err.response) === null || _err$response11 === void 0 ? void 0 : (_err$response11$data = _err$response11.data) === null || _err$response11$data === void 0 ? void 0 : _err$response11$data.message) || 'Opps, Something went wrong.');
         reject(err);
       })["finally"](function () {
         dispatch(stopLoader());
@@ -2072,8 +2050,8 @@ var setDefaultPaymentCard = function setDefaultPaymentCard(payload) {
           reject(res);
         }
       })["catch"](function (err) {
-        var _err$response13, _err$response13$data;
-        IUIToastMessageService.warningNotify((err === null || err === void 0 ? void 0 : (_err$response13 = err.response) === null || _err$response13 === void 0 ? void 0 : (_err$response13$data = _err$response13.data) === null || _err$response13$data === void 0 ? void 0 : _err$response13$data.message) || 'Opps, Something went wrong.');
+        var _err$response12, _err$response12$data;
+        IUIToastMessageService.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());
@@ -2096,8 +2074,8 @@ var verifyUserInfo = function verifyUserInfo(userId) {
           reject(res);
         }
       })["catch"](function (err) {
-        var _err$response14, _err$response14$data;
-        IUIToastMessageService.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, Unable to fetch user info.');
+        var _err$response13, _err$response13$data;
+        IUIToastMessageService.warningNotify((err === null || err === void 0 ? void 0 : (_err$response13 = err.response) === null || _err$response13 === void 0 ? void 0 : (_err$response13$data = _err$response13.data) === null || _err$response13$data === void 0 ? void 0 : _err$response13$data.message) || 'Opps, Unable to fetch user info.');
         setTimeout(function () {
           window.history.back();
         }, 1000);
@@ -2120,8 +2098,8 @@ var rejectUserVerification = function rejectUserVerification(userId) {
           reject(res);
         }
       })["catch"](function (err) {
-        var _err$response16, _err$response16$data;
-        IUIToastMessageService.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, Unable to reject user.');
+        var _err$response15, _err$response15$data;
+        IUIToastMessageService.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 reject user.');
         reject(err);
       });
     });
@@ -7605,6 +7583,10 @@ var StickyHeadTable = function StickyHeadTable(props) {
     selected = props.selected,
     _props$handleSingleCh = props.handleSingleCheckBoxClick,
     handleSingleCheckBoxClick = _props$handleSingleCh === void 0 ? function () {} : _props$handleSingleCh,
+    _props$onResetPasswor = props.onResetPasswordHandler,
+    onResetPasswordHandler = _props$onResetPasswor === void 0 ? function () {} : _props$onResetPasswor,
+    _props$toggleInviteMo = props.toggleInviteModal,
+    toggleInviteModal = _props$toggleInviteMo === void 0 ? function () {} : _props$toggleInviteMo,
     orderBy = props.orderBy,
     order = props.order,
     _props$onRequestSort = props.onRequestSort,
@@ -7613,15 +7595,11 @@ var StickyHeadTable = function StickyHeadTable(props) {
     onSearchHandler = _props$onSearchHandle === void 0 ? function () {} : _props$onSearchHandle,
     _props$onEditHandler = props.onEditHandler,
     onEditHandler = _props$onEditHandler === void 0 ? function () {} : _props$onEditHandler,
-    _props$onPrimaryAdmin = props.onPrimaryAdminHandler,
-    onPrimaryAdminHandler = _props$onPrimaryAdmin === void 0 ? function () {} : _props$onPrimaryAdmin,
     _props$isDataFetching = props.isDataFetching,
     isDataFetching = _props$isDataFetching === void 0 ? false : _props$isDataFetching,
     _props$disableRowChec = props.disableRowCheckbox,
     disableRowCheckbox = _props$disableRowChec === void 0 ? false : _props$disableRowChec,
-    searchValue = props.searchValue,
-    _props$isILadmin = props.isILadmin,
-    isILadmin = _props$isILadmin === void 0 ? false : _props$isILadmin;
+    searchValue = props.searchValue;
   var useStyles = styles$8.makeStyles(function (theme) {
     return {
       tooltip: {
@@ -7656,8 +7634,28 @@ var StickyHeadTable = function StickyHeadTable(props) {
         profilePath: row === null || row === void 0 ? void 0 : (_row$profile_pic = row.profile_pic) === null || _row$profile_pic === void 0 ? void 0 : _row$profile_pic.presigned_url
       }));
     }
-  },
-  {
+  }, {
+    id: 'first_name',
+    label: '',
+    minWidth: 60,
+    sortable: true,
+    cell: function cell(row) {
+      return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
+        component: "div",
+        width: 60
+      }, row && row.has_visited === 0 ? /*#__PURE__*/React__default.createElement(Tooltip, {
+        title: "This user hasn't logged on to the platform yet",
+        arrow: true,
+        classes: {
+          arrow: classes.arrow,
+          tooltip: classes.tooltip
+        },
+        placement: "top-start"
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: clsx(styles$5.tooltipText)
+      }, "Invited")) : null);
+    }
+  }, {
     id: 'emp_info__department__name',
     label: 'Department',
     minWidth: 80,
@@ -7744,15 +7742,21 @@ var StickyHeadTable = function StickyHeadTable(props) {
           return onEditHandler(row.id);
         }
       }];
-      if (isILadmin) {
+      if (row && row.has_visited && row.is_active) {
+        options.push({
+          label: 'Resend invite',
+          handler: function handler() {
+            return toggleInviteModal(row.id);
+          }
+        });
+      } else if (row && row.is_active) {
         options.push({
-          label: 'Make primary admin',
+          label: 'Reset password',
           handler: function handler() {
-            return onPrimaryAdminHandler(row.id);
+            return onResetPasswordHandler(row.email);
           }
         });
       }
-
       return /*#__PURE__*/React__default.createElement("div", {
         style: {
           marginLeft: '50px'
@@ -7802,6 +7806,22 @@ var StickyHeadTable = function StickyHeadTable(props) {
   });
 };
 
+function InviteInfoIcon() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "20",
+    height: "20",
+    fill: "none",
+    viewBox: "0 0 20 20"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    fill: "#CA8A04",
+    d: "M11 5a1 1 0 11-2 0 1 1 0 012 0zM8 8a1 1 0 000 2h1v3H8a1 1 0 100 2h4a1 1 0 100-2h-1V9a1 1 0 00-1-1H8z"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fill: "#CA8A04",
+    d: "M0 10c0 5.522 4.477 10 10 10s10-4.478 10-10c0-5.523-4.477-10-10-10S0 4.477 0 10zm10-8a8 8 0 110 16 8 8 0 010-16z"
+  }));
+}
+
 var IUIToastMessageService$7 = utils.services.IUIToastMessageService;
 var env$7 = utils.configs.env;
 var UserList = function UserList(_ref) {
@@ -7986,6 +8006,10 @@ var UserList = function UserList(_ref) {
     }));
   };
   var toggleInviteModal = function toggleInviteModal(ids) {
+    if (Object.values(selected).flat().length === 0 || Object.values(selected).flat() === undefined) {
+      IUIToastMessageService$7.warningNotify('Select at least one user to invite.');
+      return false;
+    }
     setUserIds(ids);
     setToggleInviteModal(!showInviteModal);
   };
@@ -8045,19 +8069,15 @@ var UserList = function UserList(_ref) {
   }, {
     label: 'Bulk action history',
     handler: handleBulkActionHistoryClick
-  }
-  ];
-
+  }, {
+    label: 'Resend invite',
+    handler: toggleInviteModal
+  }];
   React.useEffect(function () {
     var roleCanAccess = ['travel_itilite_admin', 'travel_admin', 'expense_itilite_admin', 'expense_admin'];
     dispatch(showDataFetchingStatus());
     dispatch(verifyAccessToken(roleCanAccess));
   }, []);
-  var onPrimaryAdminHandler = function onPrimaryAdminHandler(userId) {
-    dispatch(makePrimaryAdmin({
-      userId: userId
-    }));
-  };
   var dispatch = reactRedux.useDispatch();
   React.useEffect(function () {
     if (isTokenVerified === true) {
@@ -8194,7 +8214,6 @@ var UserList = function UserList(_ref) {
     disableRowCheckbox: deactivatedUsers,
     searchValue: searchValue,
     isILadmin: isILadmin,
-    onPrimaryAdminHandler: onPrimaryAdminHandler,
     onResetPasswordHandler: onResetPasswordHandler,
     toggleInviteModal: toggleInviteModal
   }))), /*#__PURE__*/React__default.createElement(iuistyles.IUIModal, {
@@ -8224,10 +8243,10 @@ var UserList = function UserList(_ref) {
   }, 'Are you sure you want to deactivate ' + Object.values(selected).flat().length.toString() + (Object.values(selected).flat().length === 1 ? ' user ?' : ' users ?')), /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
     className: styles$5.description
   }, "The", ' ', Object.values(selected).flat().length === 1 ? ' user ' : ' users ', "won\u2019t be able to access itilite platform"))), /*#__PURE__*/React__default.createElement(iuistyles.IUIModal, {
-    isOpen: showInviteModal,
+    isOpen: Object.values(selected).flat().length > 0 && showInviteModal,
     closeHandler: toggleInviteModal,
     cancelLabel: "Cancel",
-    headerText: "Resend Invites",
+    headerText: "Resend Invites?",
     submitLabel: "Send",
     submitHandler: function submitHandler() {
       return onResendInviteHandler();
@@ -8245,14 +8264,14 @@ var UserList = function UserList(_ref) {
       padding: '16px',
       margin: '8px 24px',
       border: '1px solid #FDE047',
-      background: '#FEFCE8'
+      background: '#FEFCE8',
+      borderRadius: '5px'
     }
-  }, /*#__PURE__*/React__default.createElement(InfoIcon, {
+  }, /*#__PURE__*/React__default.createElement("div", {
     style: {
-      marginRight: '10px',
-      color: '#EC5D25'
+      marginRight: '5px'
     }
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement(InviteInfoIcon, null)), /*#__PURE__*/React__default.createElement("div", {
     style: {
       fontSize: '14px',
       color: '#374151'