@itilite/iui-user-management 1.0.4 → 1.1.0

package/dist/index.css

@@ -684,18 +684,6 @@
 ._3WNHx {
   background-color: #ffffff;
 }
-._3WNHx ._2_WEg {
-  position: sticky;
-  background: white;
-  z-index: 3;
-  right: 0;
-  left: 0;
-  top: 60px;
-  box-shadow: 14px 14px 32px 1px #f9f9f9;
-}
-._3WNHx ._2_WEg ._1Pbhb {
-  width: 400px;
-}
 ._3WNHx ._1WLpc {
   padding: 24px 40px;
 }
@@ -777,7 +765,7 @@
 ._3WNHx ._1-RPw ._151u_ {
   width: 55px;
   height: 24px;
-  background: #f9fafb;
+  background: #F9FAFB;
   border-radius: 8px;
   display: flex;
   justify-content: center;
@@ -789,7 +777,7 @@
 }
 
 ._-LQNH {
-  background: #1f2937;
+  background: #1F2937;
   font-size: 14px;
   color: #ffffff;
   padding: 12px 16px;
@@ -860,7 +848,7 @@
 
 ._1ky1x {
   z-index: 9999 !important;
-  color: #eb5c24 !important;
+  color: #EB5C24 !important;
   background-color: rgba(0, 0, 0, 0.2) !important;
 }
 
@@ -881,15 +869,15 @@
   font-size: 12px !important;
   text-align: center;
   letter-spacing: 0.01em !important;
-  color: #6b7280 !important;
+  color: #6B7280 !important;
 }
 ._xWE7K *[aria-selected=true] ._13pXn {
-  background: #fff1e1 !important;
+  background: #FFF1E1 !important;
   color: #893404 !important;
 }
 ._xWE7K *[aria-selected=false] ._13pXn {
-  color: #6b7280;
-  background: #f9fafb;
+  color: #6B7280;
+  background: #F9FAFB;
 }
 ._tdVCY {
   background-color: #ffffff;

package/dist/index.js

@@ -14,11 +14,11 @@ var moment = _interopDefault(require('moment'));
 var reduxDevtoolsExtension = require('redux-devtools-extension');
 var reactRouterDom = require('react-router-dom');
 var styles$8 = require('@material-ui/core/styles');
+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 useScrollPosition = require('@n8tb1t/use-scroll-position');
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -1254,7 +1254,6 @@ var fetchRenderFileds = function fetchRenderFileds() {
           var _res$data;
           IUIToastMessageService$1.warningNotify((res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.message) || 'Opps, Something went wrong.');
           dispatch(stopLoader());
-          reject();
         }
       })["catch"](function (err) {
         reject(err);
@@ -1426,11 +1425,9 @@ var createUser = function createUser(payload) {
         } else {
           if (res.data.errors && typeof res.data.errors === 'object') {
             reject(res.data.errors);
-            return;
           } else if (!Object.keys(res.data.errors).length) {
             IUIToastMessageService$1.warningNotify(res.data.message);
           }
-          reject();
         }
       })["catch"](function (err) {
         var _err$response6;
@@ -1546,6 +1543,48 @@ var undoneSignUpRejection = function undoneSignUpRejection(userId) {
     });
   };
 };
+var resetPasswordForUser = function resetPasswordForUser(data) {
+  return function (dispatch) {
+    return new Promise(function (resolve, reject) {
+      api$2.post("" + userAddEditUrl.resetPasswordForUserApi(), {
+        email: data.email
+      }).then(function (res) {
+        IUIToastMessageService$1.sNotify("The link to reset the password has been sent to the user's email address. Check your \"junk mail\" or \"spam\" folders in case it's not received.");
+        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$1.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]);
+          reject(err);
+          return;
+        }
+        reject(err);
+      });
+    });
+  };
+};
+var resendInviteForUser = function resendInviteForUser(data) {
+  return function (dispatch) {
+    return new Promise(function (resolve, reject) {
+      api$2.post(userAddEditUrl.resendInviteForUserApi(), {
+        user_ids: data
+      }).then(function (res) {
+        IUIToastMessageService$1.sNotify(res.data.message);
+        resolve();
+      })["catch"](function (err) {
+        var _err$response11, _err$response11$data;
+        if (!(err !== null && err !== void 0 && (_err$response11 = err.response) !== null && _err$response11 !== void 0 && (_err$response11$data = _err$response11.data) !== null && _err$response11$data !== void 0 && _err$response11$data.status)) {
+          var _err$response12, _err$response12$data, _err$response12$data$;
+          IUIToastMessageService$1.errNotify(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$ = _err$response12$data.message) === null || _err$response12$data$ === void 0 ? void 0 : _err$response12$data$.email[0]);
+          reject(err);
+          return;
+        }
+        reject(err);
+      });
+    });
+  };
+};
 var updateUser = function updateUser(payload, userId, inputChangeLog) {
   return function (dispatch) {
     return new Promise(function (resolve, reject) {
@@ -6702,7 +6741,7 @@ var fetchBulkactionHistory = function fetchBulkactionHistory(url) {
   };
 };
 
-var styles$5 = {"UUIUserManagementList":"_3WNHx","scrollOverlayMenu":"_2_WEg","overlaysearch":"_1Pbhb","pageHeader":"_1WLpc","buttonWrapper":"_2egTG","headingWrapper":"_1He01","headingSignUpWrapper":"_Q8vqd","heading":"_1uPaO","headingLarge":"_2FsLd","headingMedium":"_nGXA9","headingSmall":"_2rpwF","description":"_25vb9","headerText":"_1Ny9J","letterImage":"_2hr3R","tablewrapper":"_1-RPw","rowText":"_1LXyO","textTransform":"_3kFQS","lightColor":"_3Ghgw","avatarClassName":"_2qO_X","tooltipText":"_151u_","tooltip":"_-LQNH","importModalBodyContainer":"_25xUk","dividerColor":"_2HZv9","w100":"_3vGmU","downloadTemplateContainer":"_3-Xu_","downloadTemplateDescContainer":"_tLw43","labelContainer":"_7TYUZ","downlTempHeader":"__CZpe","downlTempDescription":"_19jEe","downloadTemplateButton":"_1qXtq","fileUploaderContainer":"_1YVz2","colGap":"_3vnY5","deActivateModalContainer":"_28H9H","backdrop":"_1ky1x","errorText":"_26_if","user_list_page_tabs":"_xWE7K","TabLabelCount":"_13pXn"};
+var styles$5 = {"UUIUserManagementList":"_3WNHx","pageHeader":"_1WLpc","buttonWrapper":"_2egTG","headingWrapper":"_1He01","headingSignUpWrapper":"_Q8vqd","heading":"_1uPaO","headingLarge":"_2FsLd","headingMedium":"_nGXA9","headingSmall":"_2rpwF","description":"_25vb9","headerText":"_1Ny9J","letterImage":"_2hr3R","tablewrapper":"_1-RPw","rowText":"_1LXyO","textTransform":"_3kFQS","lightColor":"_3Ghgw","avatarClassName":"_2qO_X","tooltipText":"_151u_","tooltip":"_-LQNH","importModalBodyContainer":"_25xUk","dividerColor":"_2HZv9","w100":"_3vGmU","downloadTemplateContainer":"_3-Xu_","downloadTemplateDescContainer":"_tLw43","labelContainer":"_7TYUZ","downlTempHeader":"__CZpe","downlTempDescription":"_19jEe","downloadTemplateButton":"_1qXtq","fileUploaderContainer":"_1YVz2","colGap":"_3vnY5","deActivateModalContainer":"_28H9H","backdrop":"_1ky1x","errorText":"_26_if","user_list_page_tabs":"_xWE7K","TabLabelCount":"_13pXn"};
 
 var BulkUploadModal = function BulkUploadModal(props) {
   var isOpenImportUsersModal = props.isOpenImportUsersModal,
@@ -8125,6 +8164,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,
@@ -8142,6 +8185,21 @@ var StickyHeadTable = function StickyHeadTable(props) {
     searchValue = props.searchValue,
     _props$isILadmin = props.isILadmin,
     isILadmin = _props$isILadmin === void 0 ? false : _props$isILadmin;
+  var useStyles = styles$8.makeStyles(function (theme) {
+    return {
+      tooltip: {
+        background: '#1F2937',
+        fontSize: '14px',
+        color: '#ffffff',
+        padding: '12px 16px',
+        borderRadius: '6px'
+      },
+      arrow: {
+        color: '#1F2937'
+      }
+    };
+  });
+  var classes = useStyles();
   var columns = [{
     id: 'first_name',
     label: 'Name',
@@ -8161,6 +8219,26 @@ 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,
+    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',
@@ -8248,6 +8326,21 @@ var StickyHeadTable = function StickyHeadTable(props) {
           return onEditHandler(row.id);
         }
       }];
+      if (row && row.has_visited && row.is_active) {
+        options.push({
+          label: 'Reset password',
+          handler: function handler() {
+            return onResetPasswordHandler(row.email);
+          }
+        });
+      } else if (row && row.is_active) {
+        options.push({
+          label: 'Resend invite',
+          handler: function handler() {
+            return toggleInviteModal(row.id, 'single');
+          }
+        });
+      }
       if (isILadmin) {
         options.push({
           label: 'Make primary admin',
@@ -8300,8 +8393,7 @@ var StickyHeadTable = function StickyHeadTable(props) {
     isDataFetching: isDataFetching,
     disableRowCheckbox: disableRowCheckbox,
     searchBoxWidth: "400px",
-    searchValue: searchValue,
-    hideTopPagination: false
+    searchValue: searchValue
   });
 };
 var SingupRequests = function SingupRequests(props) {
@@ -8416,6 +8508,22 @@ var SingupRequests = function SingupRequests(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 UndoButton = function UndoButton(_ref) {
@@ -8458,7 +8566,7 @@ var UserList = function UserList(_ref2) {
   var _React$useState = React__default.useState(1),
     page = _React$useState[0],
     setPage = _React$useState[1];
-  var _useState = React.useState(10),
+  var _useState = React.useState(5),
     rowsPerPage = _useState[0],
     setRowsPerPage = _useState[1];
   var _React$useState2 = React__default.useState({}),
@@ -8504,56 +8612,39 @@ var UserList = function UserList(_ref2) {
   var _useState10 = React.useState(false),
     isApiFetching = _useState10[0],
     setisApiFetching = _useState10[1];
-  var _React$useState5 = React__default.useState(false),
-    overlayMenu = _React$useState5[0],
-    setOverlayMenu = _React$useState5[1];
-  useScrollPosition.useScrollPosition(function (_ref3) {
-    var prevPos = _ref3.prevPos,
-      currPos = _ref3.currPos;
-    if (prevPos.y - currPos.y > 0) {
-      if (currPos.y <= -275) {
-        setOverlayMenu(true);
-      }
-    } else {
-      if (currPos.y > -295) {
-        setOverlayMenu(false);
-      }
-    }
-  }, [overlayMenu]);
-  var scrollTo = function scrollTo(id) {
-    var el = document.getElementById(id);
-    window.scrollTo({
-      top: el.offsetTop,
-      behavior: 'smooth'
-    });
-  };
-  var _React$useState6 = React__default.useState(1),
-    signup_page = _React$useState6[0],
-    setSignUpPage = _React$useState6[1];
-  var _useState11 = React.useState(5),
-    signup_rowsPerPage = _useState11[0],
-    setSignUpRowsPerPage = _useState11[1];
-  var _React$useState7 = React__default.useState('asc'),
-    signup_order = _React$useState7[0],
-    setSignUpOrder = _React$useState7[1];
-  var _React$useState8 = React__default.useState('fname'),
-    signup_orderBy = _React$useState8[0],
-    setSignUpOrderBy = _React$useState8[1];
+  var _useState11 = React.useState(false),
+    showInviteModal = _useState11[0],
+    setToggleInviteModal = _useState11[1];
   var _useState12 = React.useState(''),
-    signup_searchValue = _useState12[0],
-    set_signup_SearchValue = _useState12[1];
-  var _useState13 = React.useState(false),
-    isSignUpSortingChange = _useState13[0],
-    setSignUpSortingChange = _useState13[1];
-  var _useState14 = React.useState(false),
-    isSignUpSearchingChange = _useState14[0],
-    setSignUpSearchingChange = _useState14[1];
+    userIds = _useState12[0],
+    setUserIds = _useState12[1];
+  var _React$useState5 = React__default.useState(1),
+    signup_page = _React$useState5[0],
+    setSignUpPage = _React$useState5[1];
+  var _useState13 = React.useState(5),
+    signup_rowsPerPage = _useState13[0],
+    setSignUpRowsPerPage = _useState13[1];
+  var _React$useState6 = React__default.useState('asc'),
+    signup_order = _React$useState6[0],
+    setSignUpOrder = _React$useState6[1];
+  var _React$useState7 = React__default.useState('fname'),
+    signup_orderBy = _React$useState7[0],
+    setSignUpOrderBy = _React$useState7[1];
+  var _useState14 = React.useState(''),
+    signup_searchValue = _useState14[0],
+    set_signup_SearchValue = _useState14[1];
   var _useState15 = React.useState(false),
-    isSignUpSortingChangeTemp = _useState15[0],
-    setSignUpSortingChangeTemp = _useState15[1];
+    isSignUpSortingChange = _useState15[0],
+    setSignUpSortingChange = _useState15[1];
   var _useState16 = React.useState(false),
-    isSignUpSearchingChangeTemp = _useState16[0],
-    setSignUpSearchingChangeTemp = _useState16[1];
+    isSignUpSearchingChange = _useState16[0],
+    setSignUpSearchingChange = _useState16[1];
+  var _useState17 = React.useState(false),
+    isSignUpSortingChangeTemp = _useState17[0],
+    setSignUpSortingChangeTemp = _useState17[1];
+  var _useState18 = React.useState(false),
+    isSignUpSearchingChangeTemp = _useState18[0],
+    setSignUpSearchingChangeTemp = _useState18[1];
   var _useSelector3 = reactRedux.useSelector(function (state) {
       return state.userList;
     }),
@@ -8700,6 +8791,37 @@ var UserList = function UserList(_ref2) {
     setOpenImportUsersModal(false);
     handleImportPagenavigation(jobId);
   };
+  var onResetPasswordHandler = function onResetPasswordHandler(email) {
+    dispatch(resetPasswordForUser({
+      email: email
+    }));
+  };
+  var toggleInviteModal = function toggleInviteModal(ids, type) {
+    console.log(type);
+    if (!type && (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);
+  };
+  var onResendInviteHandler = function onResendInviteHandler() {
+    var userIdArr = [];
+    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() {
     try {
       setDownlStatus(true);
@@ -8739,6 +8861,9 @@ var UserList = function UserList(_ref2) {
   }, {
     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'];
@@ -8763,7 +8888,6 @@ var UserList = function UserList(_ref2) {
           dispatch(fetchUsersList(url)).then(function () {
             setSearchingChange(false);
             setisApiFetching(false);
-            scrollTo('table-root');
           });
         }, 1000);
         return function () {
@@ -8789,7 +8913,6 @@ var UserList = function UserList(_ref2) {
       }
       if (isSortingChange) {
         setisApiFetching(true);
-        scrollTo('table-root');
         dispatch(fetchUsersList(url)).then(function () {
           setisApiFetching(false);
           setSortingChange(false);
@@ -8828,89 +8951,15 @@ var UserList = function UserList(_ref2) {
       }
     }
   }, [isTokenVerified, isSearchingChangeTemp, isSortingChangeTemp, isSignUpSearchingChangeTemp, isSignUpSortingChangeTemp]);
-  var topRightButtons = function topRightButtons() {
-    return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
-      component: "div",
-      className: styles$5.buttonWrapper,
-      display: "flex",
-      justifyContent: "space-between",
-      alignItems: "center",
-      alignSelf: "flex-start"
-    }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
-      component: "div",
-      className: clsx(styles$5.buttonSingle, styles$5.buttonLeft)
-    }, /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
-      buttonText: "Export all users",
-      type: "outlined",
-      startIcon: /*#__PURE__*/React__default.createElement(BulkDownloadIcon, {
-        width: "22",
-        height: "22"
-      }),
-      onClick: handleExportUsers
-    })), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
-      component: "div",
-      className: clsx(styles$5.buttonSingle, styles$5.buttonLeft)
-    }, /*#__PURE__*/React__default.createElement(iuistyles.IUIDropdownButton, {
-      buttonText: "Bulk actions",
-      type: "outlined",
-      menuListInfo: BulkUploadInfo
-    })), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
-      component: "div",
-      className: "pageHeader--button-single button-right"
-    }, /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
-      buttonText: "Add user",
-      type: "contained",
-      startIcon: /*#__PURE__*/React__default.createElement(AddIcon, {
-        width: "9",
-        height: "9",
-        color: "white"
-      }),
-      onClick: handleAddPageNavigation
-    })));
-  };
   return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
     component: "div",
     className: styles$5.UUIUserManagementList
-  }, overlayMenu ? /*#__PURE__*/React__default.createElement(core.Box, {
-    className: styles$5.scrollOverlayMenu
-  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
-    component: "div",
-    className: clsx(styles$5.pageHeader)
-  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
-    component: "div",
-    display: "flex",
-    justifyContent: "space-between",
-    alignItems: "center",
-    flexWrap: "wrap",
-    style: {
-      gap: '1rem'
-    }
-  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
-    component: "div",
-    display: "flex",
-    flexDirection: "column",
-    style: {
-      gap: '0.5rem'
-    }
-  }, /*#__PURE__*/React__default.createElement(iuistyles.IUISearch, {
-    placeholder: "Search by name, email & department",
-    value: searchValue,
-    onChangeHandler: function onChangeHandler(e) {
-      return onSearchHandler(e.target.value);
-    },
-    className: styles$5.overlaysearch
-  })), topRightButtons()), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
-    component: "div",
-    display: "flex",
-    justifyContent: "space-between",
-    alignItems: "center"
-  }))) : '', !hasVerificationError ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(iuistyles.IUIBackdrop, {
+  }, !hasVerificationError ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(iuistyles.IUIBackdrop, {
     open: isFileDownloading || isApiFetching,
     className: styles$5.backdrop
   }, /*#__PURE__*/React__default.createElement(iuistyles.IUICircularProgress, {
     color: "inherit"
   })), isDataFetching ? /*#__PURE__*/React__default.createElement(SkeletonLoader, null) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
-    id: "table-root",
     component: "div",
     className: clsx(styles$5.pageHeader)
   }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
@@ -8935,7 +8984,44 @@ var UserList = function UserList(_ref2) {
   }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
     variant: "h3",
     className: clsx(styles$5.heading, styles$5.headingLarge)
-  }, isILadmin && companyName ? companyName + " - Users" : 'Users'))), topRightButtons()), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
+  }, isILadmin && companyName ? companyName + " - Users" : 'Users'))), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
+    component: "div",
+    className: styles$5.buttonWrapper,
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    alignSelf: "flex-start"
+  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
+    component: "div",
+    className: clsx(styles$5.buttonSingle, styles$5.buttonLeft)
+  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
+    buttonText: "Export all users",
+    type: "outlined",
+    startIcon: /*#__PURE__*/React__default.createElement(BulkDownloadIcon, {
+      width: "22",
+      height: "22"
+    }),
+    onClick: handleExportUsers
+  })), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
+    component: "div",
+    className: clsx(styles$5.buttonSingle, styles$5.buttonLeft)
+  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIDropdownButton, {
+    buttonText: "Bulk actions",
+    type: "outlined",
+    menuListInfo: BulkUploadInfo
+  })), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
+    component: "div",
+    className: "pageHeader--button-single button-right"
+  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
+    buttonText: "Add user",
+    type: "contained",
+    startIcon: /*#__PURE__*/React__default.createElement(AddIcon, {
+      width: "9",
+      height: "9",
+      color: "white"
+    }),
+    onClick: handleAddPageNavigation
+  })))), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
     component: "div",
     display: "flex",
     justifyContent: "space-between",
@@ -8980,7 +9066,9 @@ var UserList = function UserList(_ref2) {
         disableRowCheckbox: deactivatedUsers,
         searchValue: searchValue,
         isILadmin: isILadmin,
-        onPrimaryAdminHandler: onPrimaryAdminHandler
+        onPrimaryAdminHandler: onPrimaryAdminHandler,
+        onResetPasswordHandler: onResetPasswordHandler,
+        toggleInviteModal: toggleInviteModal
       }))
     }, {
       label: /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, null, "Sign-up requests", ' ', /*#__PURE__*/React__default.createElement(TabLabelCount, {
@@ -9053,7 +9141,41 @@ var UserList = function UserList(_ref2) {
     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__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(BulkUploadModal, {
+  }, "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,
+    closeHandler: toggleInviteModal,
+    cancelLabel: "Cancel",
+    headerText: "Resend Invites?",
+    submitLabel: "Send",
+    submitHandler: function submitHandler() {
+      return onResendInviteHandler();
+    },
+    width: "400px",
+    modalBodyStyle: {
+      padding: '0px'
+    },
+    footerStyle: {
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      display: 'flex',
+      padding: '16px',
+      margin: '8px 24px',
+      border: '1px solid #FDE047',
+      background: '#FEFCE8',
+      borderRadius: '5px'
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      marginRight: '5px'
+    }
+  }, /*#__PURE__*/React__default.createElement(InviteInfoIcon, null)), /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      fontSize: '14px',
+      color: '#374151'
+    }
+  }, "This invitation will be sent to users who have not logged into the platform."))), /*#__PURE__*/React__default.createElement(BulkUploadModal, {
     isOpenImportUsersModal: isOpenImportUsersModal,
     closeImportUsersModal: closeImportUsersModal,
     closeImportModal: closeImportModal
@@ -9062,8 +9184,8 @@ var UserList = function UserList(_ref2) {
     errMsg: hasVerificationError
   }));
 };
-var TabLabelCount = function TabLabelCount(_ref4) {
-  var count = _ref4.count;
+var TabLabelCount = function TabLabelCount(_ref3) {
+  var count = _ref3.count;
   return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
     className: styles$5.TabLabelCount
   }, " ", count, " ");