@itilite/iui-user-management 1.0.3 → 1.1.0

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import { IUIAsyncSelect, IUIBox, IUILabel, IUIFileUpload, IUICheckboxButton, IUIPhone, IUISelect, IUIDatePicker, IUIInput, IUIDivider, IUIGrid, IUITypography, IUIRadio, IUIButton, IUIModal, IUIAccordion, IUIAccordionSummary, IUIAccordionDetails, IUIIconButton, IUICard, IUIBackdrop, IUICircularProgress, IUIBreadCrumb, IUIDropzone, IUIStepper, IUIFormControlLabel, IUICheckBox, IUIPrimaryRadio, IUITable, IUISkeleton, IUIProfileBox, IUIFormGroup, IUISearch, IUIDropdownButton, IUITabs } from '@itilite/iuistyles';
+import { IUIAsyncSelect, IUIBox, IUILabel, IUIFileUpload, IUICheckboxButton, IUIPhone, IUISelect, IUIDatePicker, IUIInput, IUIDivider, IUIGrid, IUITypography, IUIRadio, IUIButton, IUIModal, IUIAccordion, IUIAccordionSummary, IUIAccordionDetails, IUIIconButton, IUICard, IUIBackdrop, IUICircularProgress, IUIBreadCrumb, IUIDropzone, IUIStepper, IUIFormControlLabel, IUICheckBox, IUIPrimaryRadio, IUITable, IUISkeleton, IUIProfileBox, IUIFormGroup, IUIDropdownButton, IUITabs } from '@itilite/iuistyles';
 import React, { useState, useEffect, useRef, Fragment as Fragment$1 } from 'react';
 import { configs, services, utilUrls } from '@itilite/utils';
 import axios from 'axios';
@@ -10,12 +10,12 @@ import thunk from 'redux-thunk';
 import moment from 'moment';
 import { composeWithDevTools } from 'redux-devtools-extension';
 import { useHistory } from 'react-router-dom';
-import { withStyles } from '@material-ui/core/styles';
+import { withStyles, makeStyles } from '@material-ui/core/styles';
+import Tooltip from '@material-ui/core/Tooltip';
 import Switch from '@material-ui/core/Switch';
 import MoreHorizIcon from '@material-ui/icons/MoreHoriz';
 import Button from '@material-ui/core/Button';
-import { Popper, Grow, Paper, ClickAwayListener, MenuList, MenuItem, Typography, Box } from '@material-ui/core';
-import { useScrollPosition } from '@n8tb1t/use-scroll-position';
+import { Popper, Grow, Paper, ClickAwayListener, MenuList, MenuItem, Typography } from '@material-ui/core';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -1251,7 +1251,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);
@@ -1423,11 +1422,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;
@@ -1543,6 +1540,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) {
@@ -6699,7 +6738,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,
@@ -8122,6 +8161,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,
@@ -8139,6 +8182,21 @@ var StickyHeadTable = function StickyHeadTable(props) {
     searchValue = props.searchValue,
     _props$isILadmin = props.isILadmin,
     isILadmin = _props$isILadmin === void 0 ? false : _props$isILadmin;
+  var useStyles = 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',
@@ -8158,6 +8216,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.createElement(IUIBox, {
+        component: "div",
+        width: 60
+      }, row && row.has_visited === 0 ? /*#__PURE__*/React.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.createElement("div", {
+        className: clsx(styles$5.tooltipText)
+      }, "Invited")) : null);
+    }
   }, {
     id: 'emp_info__department__name',
     label: 'Department',
@@ -8245,6 +8323,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',
@@ -8297,8 +8390,7 @@ var StickyHeadTable = function StickyHeadTable(props) {
     isDataFetching: isDataFetching,
     disableRowCheckbox: disableRowCheckbox,
     searchBoxWidth: "400px",
-    searchValue: searchValue,
-    hideTopPagination: false
+    searchValue: searchValue
   });
 };
 var SingupRequests = function SingupRequests(props) {
@@ -8413,6 +8505,22 @@ var SingupRequests = function SingupRequests(props) {
   });
 };
 
+function InviteInfoIcon() {
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "20",
+    height: "20",
+    fill: "none",
+    viewBox: "0 0 20 20"
+  }, /*#__PURE__*/React.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.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 = services.IUIToastMessageService;
 var env$7 = configs.env;
 var UndoButton = function UndoButton(_ref) {
@@ -8455,7 +8563,7 @@ var UserList = function UserList(_ref2) {
   var _React$useState = React.useState(1),
     page = _React$useState[0],
     setPage = _React$useState[1];
-  var _useState = useState(10),
+  var _useState = useState(5),
     rowsPerPage = _useState[0],
     setRowsPerPage = _useState[1];
   var _React$useState2 = React.useState({}),
@@ -8501,57 +8609,39 @@ var UserList = function UserList(_ref2) {
   var _useState10 = useState(false),
     isApiFetching = _useState10[0],
     setisApiFetching = _useState10[1];
-  var _React$useState5 = React.useState(false),
-    overlayMenu = _React$useState5[0],
-    setOverlayMenu = _React$useState5[1];
-  useScrollPosition(function (_ref3) {
-    var prevPos = _ref3.prevPos,
-      currPos = _ref3.currPos;
-    console.log(currPos.y, 'zz');
-    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.useState(1),
-    signup_page = _React$useState6[0],
-    setSignUpPage = _React$useState6[1];
-  var _useState11 = useState(5),
-    signup_rowsPerPage = _useState11[0],
-    setSignUpRowsPerPage = _useState11[1];
-  var _React$useState7 = React.useState('asc'),
-    signup_order = _React$useState7[0],
-    setSignUpOrder = _React$useState7[1];
-  var _React$useState8 = React.useState('fname'),
-    signup_orderBy = _React$useState8[0],
-    setSignUpOrderBy = _React$useState8[1];
+  var _useState11 = useState(false),
+    showInviteModal = _useState11[0],
+    setToggleInviteModal = _useState11[1];
   var _useState12 = useState(''),
-    signup_searchValue = _useState12[0],
-    set_signup_SearchValue = _useState12[1];
-  var _useState13 = useState(false),
-    isSignUpSortingChange = _useState13[0],
-    setSignUpSortingChange = _useState13[1];
-  var _useState14 = useState(false),
-    isSignUpSearchingChange = _useState14[0],
-    setSignUpSearchingChange = _useState14[1];
+    userIds = _useState12[0],
+    setUserIds = _useState12[1];
+  var _React$useState5 = React.useState(1),
+    signup_page = _React$useState5[0],
+    setSignUpPage = _React$useState5[1];
+  var _useState13 = useState(5),
+    signup_rowsPerPage = _useState13[0],
+    setSignUpRowsPerPage = _useState13[1];
+  var _React$useState6 = React.useState('asc'),
+    signup_order = _React$useState6[0],
+    setSignUpOrder = _React$useState6[1];
+  var _React$useState7 = React.useState('fname'),
+    signup_orderBy = _React$useState7[0],
+    setSignUpOrderBy = _React$useState7[1];
+  var _useState14 = useState(''),
+    signup_searchValue = _useState14[0],
+    set_signup_SearchValue = _useState14[1];
   var _useState15 = useState(false),
-    isSignUpSortingChangeTemp = _useState15[0],
-    setSignUpSortingChangeTemp = _useState15[1];
+    isSignUpSortingChange = _useState15[0],
+    setSignUpSortingChange = _useState15[1];
   var _useState16 = useState(false),
-    isSignUpSearchingChangeTemp = _useState16[0],
-    setSignUpSearchingChangeTemp = _useState16[1];
+    isSignUpSearchingChange = _useState16[0],
+    setSignUpSearchingChange = _useState16[1];
+  var _useState17 = useState(false),
+    isSignUpSortingChangeTemp = _useState17[0],
+    setSignUpSortingChangeTemp = _useState17[1];
+  var _useState18 = useState(false),
+    isSignUpSearchingChangeTemp = _useState18[0],
+    setSignUpSearchingChangeTemp = _useState18[1];
   var _useSelector3 = useSelector(function (state) {
       return state.userList;
     }),
@@ -8698,6 +8788,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);
@@ -8737,6 +8858,9 @@ var UserList = function UserList(_ref2) {
   }, {
     label: 'Bulk action history',
     handler: handleBulkActionHistoryClick
+  }, {
+    label: 'Resend invite',
+    handler: toggleInviteModal
   }];
   useEffect(function () {
     var roleCanAccess = ['travel_itilite_admin', 'travel_admin', 'expense_itilite_admin', 'expense_admin'];
@@ -8761,7 +8885,6 @@ var UserList = function UserList(_ref2) {
           dispatch(fetchUsersList(url)).then(function () {
             setSearchingChange(false);
             setisApiFetching(false);
-            scrollTo('table-root');
           });
         }, 1000);
         return function () {
@@ -8787,7 +8910,6 @@ var UserList = function UserList(_ref2) {
       }
       if (isSortingChange) {
         setisApiFetching(true);
-        scrollTo('table-root');
         dispatch(fetchUsersList(url)).then(function () {
           setisApiFetching(false);
           setSortingChange(false);
@@ -8826,89 +8948,15 @@ var UserList = function UserList(_ref2) {
       }
     }
   }, [isTokenVerified, isSearchingChangeTemp, isSortingChangeTemp, isSignUpSearchingChangeTemp, isSignUpSortingChangeTemp]);
-  var topRightButtons = function topRightButtons() {
-    return /*#__PURE__*/React.createElement(IUIBox, {
-      component: "div",
-      className: styles$5.buttonWrapper,
-      display: "flex",
-      justifyContent: "space-between",
-      alignItems: "center",
-      alignSelf: "flex-start"
-    }, /*#__PURE__*/React.createElement(IUIBox, {
-      component: "div",
-      className: clsx(styles$5.buttonSingle, styles$5.buttonLeft)
-    }, /*#__PURE__*/React.createElement(IUIButton, {
-      buttonText: "Export all users",
-      type: "outlined",
-      startIcon: /*#__PURE__*/React.createElement(BulkDownloadIcon, {
-        width: "22",
-        height: "22"
-      }),
-      onClick: handleExportUsers
-    })), /*#__PURE__*/React.createElement(IUIBox, {
-      component: "div",
-      className: clsx(styles$5.buttonSingle, styles$5.buttonLeft)
-    }, /*#__PURE__*/React.createElement(IUIDropdownButton, {
-      buttonText: "Bulk actions",
-      type: "outlined",
-      menuListInfo: BulkUploadInfo
-    })), /*#__PURE__*/React.createElement(IUIBox, {
-      component: "div",
-      className: "pageHeader--button-single button-right"
-    }, /*#__PURE__*/React.createElement(IUIButton, {
-      buttonText: "Add user",
-      type: "contained",
-      startIcon: /*#__PURE__*/React.createElement(AddIcon, {
-        width: "9",
-        height: "9",
-        color: "white"
-      }),
-      onClick: handleAddPageNavigation
-    })));
-  };
   return /*#__PURE__*/React.createElement(IUIBox, {
     component: "div",
     className: styles$5.UUIUserManagementList
-  }, overlayMenu ? /*#__PURE__*/React.createElement(Box, {
-    className: styles$5.scrollOverlayMenu
-  }, /*#__PURE__*/React.createElement(IUIBox, {
-    component: "div",
-    className: clsx(styles$5.pageHeader)
-  }, /*#__PURE__*/React.createElement(IUIBox, {
-    component: "div",
-    display: "flex",
-    justifyContent: "space-between",
-    alignItems: "center",
-    flexWrap: "wrap",
-    style: {
-      gap: '1rem'
-    }
-  }, /*#__PURE__*/React.createElement(IUIBox, {
-    component: "div",
-    display: "flex",
-    flexDirection: "column",
-    style: {
-      gap: '0.5rem'
-    }
-  }, /*#__PURE__*/React.createElement(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.createElement(IUIBox, {
-    component: "div",
-    display: "flex",
-    justifyContent: "space-between",
-    alignItems: "center"
-  }))) : '', !hasVerificationError ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IUIBackdrop, {
+  }, !hasVerificationError ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IUIBackdrop, {
     open: isFileDownloading || isApiFetching,
     className: styles$5.backdrop
   }, /*#__PURE__*/React.createElement(IUICircularProgress, {
     color: "inherit"
   })), isDataFetching ? /*#__PURE__*/React.createElement(SkeletonLoader, null) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IUIBox, {
-    id: "table-root",
     component: "div",
     className: clsx(styles$5.pageHeader)
   }, /*#__PURE__*/React.createElement(IUIBox, {
@@ -8933,7 +8981,44 @@ var UserList = function UserList(_ref2) {
   }, /*#__PURE__*/React.createElement(IUITypography, {
     variant: "h3",
     className: clsx(styles$5.heading, styles$5.headingLarge)
-  }, isILadmin && companyName ? companyName + " - Users" : 'Users'))), topRightButtons()), /*#__PURE__*/React.createElement(IUIBox, {
+  }, isILadmin && companyName ? companyName + " - Users" : 'Users'))), /*#__PURE__*/React.createElement(IUIBox, {
+    component: "div",
+    className: styles$5.buttonWrapper,
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    alignSelf: "flex-start"
+  }, /*#__PURE__*/React.createElement(IUIBox, {
+    component: "div",
+    className: clsx(styles$5.buttonSingle, styles$5.buttonLeft)
+  }, /*#__PURE__*/React.createElement(IUIButton, {
+    buttonText: "Export all users",
+    type: "outlined",
+    startIcon: /*#__PURE__*/React.createElement(BulkDownloadIcon, {
+      width: "22",
+      height: "22"
+    }),
+    onClick: handleExportUsers
+  })), /*#__PURE__*/React.createElement(IUIBox, {
+    component: "div",
+    className: clsx(styles$5.buttonSingle, styles$5.buttonLeft)
+  }, /*#__PURE__*/React.createElement(IUIDropdownButton, {
+    buttonText: "Bulk actions",
+    type: "outlined",
+    menuListInfo: BulkUploadInfo
+  })), /*#__PURE__*/React.createElement(IUIBox, {
+    component: "div",
+    className: "pageHeader--button-single button-right"
+  }, /*#__PURE__*/React.createElement(IUIButton, {
+    buttonText: "Add user",
+    type: "contained",
+    startIcon: /*#__PURE__*/React.createElement(AddIcon, {
+      width: "9",
+      height: "9",
+      color: "white"
+    }),
+    onClick: handleAddPageNavigation
+  })))), /*#__PURE__*/React.createElement(IUIBox, {
     component: "div",
     display: "flex",
     justifyContent: "space-between",
@@ -8978,7 +9063,9 @@ var UserList = function UserList(_ref2) {
         disableRowCheckbox: deactivatedUsers,
         searchValue: searchValue,
         isILadmin: isILadmin,
-        onPrimaryAdminHandler: onPrimaryAdminHandler
+        onPrimaryAdminHandler: onPrimaryAdminHandler,
+        onResetPasswordHandler: onResetPasswordHandler,
+        toggleInviteModal: toggleInviteModal
       }))
     }, {
       label: /*#__PURE__*/React.createElement(IUIBox, null, "Sign-up requests", ' ', /*#__PURE__*/React.createElement(TabLabelCount, {
@@ -9051,7 +9138,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.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',
+      borderRadius: '5px'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginRight: '5px'
+    }
+  }, /*#__PURE__*/React.createElement(InviteInfoIcon, null)), /*#__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
@@ -9060,8 +9181,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.createElement(IUIBox, {
     className: styles$5.TabLabelCount
   }, " ", count, " ");