@itilite/iui-user-management 0.0.27 → 0.0.28

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 } 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 } from '@itilite/iuistyles';
 import React, { useState, useEffect, Fragment as Fragment$1 } from 'react';
 import { configs, services, utilUrls } from '@itilite/utils';
 import moment from 'moment';
@@ -10,10 +10,13 @@ import { combineReducers, createStore, applyMiddleware } from 'redux';
 import thunk from 'redux-thunk';
 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 { useScrollPosition } from '@n8tb1t/use-scroll-position';
-import { Box } from '@material-ui/core';
+import MoreHorizIcon from '@material-ui/icons/MoreHoriz';
+import Button from '@material-ui/core/Button';
+import { Popper, Grow, Paper, ClickAwayListener, MenuList, MenuItem, Typography } from '@material-ui/core';
+import InfoIcon from '@material-ui/icons/Info';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -193,6 +196,15 @@ 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/";
+  },
+  resendInviteForUserApi: function resendInviteForUserApi() {
+    return "api/v1/user-management/resend-welcome-email";
+  },
   deletePaymentCard: function deletePaymentCard(pmId, vendorId) {
     return env.getPaymentUrl() + "/api/v1/card/delete/" + pmId + "/" + vendorId + "/1";
   },
@@ -202,6 +214,9 @@ var userAddEditUrl = {
   verifyUserInfo: function verifyUserInfo(userId) {
     return "api/v1/onboarding/user-sign-up-info/" + userId + "?company_id=" + IUILocalStorageService.getCompanyId();
   },
+  airlineList: function airlineList() {
+    return env.getServiceBaseUrl() + "/api/v1/paginated/airline/";
+  },
   rejectUserVerification: function rejectUserVerification(userId) {
     return "api/v1/onboarding/user-signup-reject/" + userId;
   }
@@ -254,11 +269,11 @@ var userPanelUrl = {
   deleteUnit: function deleteUnit(tableName) {
     return "api/v1/user-management/company/" + IUILocalStorageService.getCompanyId() + "/table?action=delete&table=" + tableName;
   },
-  getUnit: function getUnit(tableName, length) {
-    return "api/v1/user-management/company/" + IUILocalStorageService.getCompanyId() + "/table?table_name=" + tableName + "&length=" + length;
+  getUnit: function getUnit(tableName, length, sort) {
+    return "api/v1/user-management/company/" + IUILocalStorageService.getCompanyId() + "/table?table_name=" + tableName + "&length=" + length + "&order=" + sort;
   },
-  getPaginationUnit: function getPaginationUnit(tableName, length, page) {
-    return "api/v1/user-management/company/" + IUILocalStorageService.getCompanyId() + "/table?table_name=" + tableName + "&length=" + length + "&page=" + page;
+  getPaginationUnit: function getPaginationUnit(tableName, length, page, sort) {
+    return "api/v1/user-management/company/" + IUILocalStorageService.getCompanyId() + "/table?table_name=" + tableName + "&length=" + length + "&page=" + page + "&order=" + sort;
   },
   moveUnit: function moveUnit() {
     return "api/v1/user-management/company/" + IUILocalStorageService.getCompanyId() + "/transfer-users";
@@ -1668,7 +1683,6 @@ var fetchRenderFileds = function fetchRenderFileds() {
           var _res$data;
           IUIToastMessageService.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);
@@ -1811,11 +1825,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.warningNotify(res.data.message);
           }
-          reject();
         }
       })["catch"](function (err) {
         var _err$response5;
@@ -1838,10 +1850,11 @@ var uploadSingleDocumnet = function uploadSingleDocumnet(payload) {
   return function (dispatch) {
     var itemTypes = {
       passport: 'passport',
-      travel_docs: 'travel_docs'
+      travel_docs: 'travel_docs',
+      profile_pic: 'profile_pic'
     };
     return new Promise(function (resolve, reject) {
-      api$1.get(userAddEditUrl.preSignedUrl() + "?action=upload&item_type=" + payload.itemType + "&file_name=" + payload.fileName).then(function (res) {
+      api$1.get(userAddEditUrl.preSignedUrl() + "?action=upload&item_type=" + payload.itemType + "&file_name=" + encodeURIComponent(payload.fileName)).then(function (res) {
         var resolveResponse = {
           file_type: itemTypes[payload.itemType],
           file_path: res.data.presigned_url.fields.key,
@@ -1897,6 +1910,66 @@ 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) {
+      api$1.post("" + userAddEditUrl.resetPasswordForUserApi(), {
+        email: data.email
+      }).then(function (res) {
+        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]);
+          reject(err);
+          return;
+        }
+        reject(err);
+      });
+    });
+  };
+};
+var resendInviteForUser = function resendInviteForUser(data) {
+  return function (dispatch) {
+    return new Promise(function (resolve, reject) {
+      api$1.post(userAddEditUrl.resendInviteForUserApi(), {
+        user_ids: data
+      }).then(function (res) {
+        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]);
+          reject(err);
+          return;
+        }
+        reject(err);
+      });
+    });
+  };
+};
 var updateUser = function updateUser(payload, userId, inputChangeLog) {
   return function (dispatch) {
     return new Promise(function (resolve, reject) {
@@ -1911,9 +1984,9 @@ var updateUser = function updateUser(payload, userId, inputChangeLog) {
           reject(res.data.errors);
         }
       })["catch"](function (err) {
-        var _err$response6;
+        var _err$response11;
         var error = 'Opps, Something went error.';
-        if (err !== null && err !== void 0 && (_err$response6 = err.response) !== null && _err$response6 !== void 0 && _err$response6.data) {
+        if (err !== null && err !== void 0 && (_err$response11 = err.response) !== null && _err$response11 !== void 0 && _err$response11.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;
@@ -1960,8 +2033,8 @@ var deletePaymentCard = function deletePaymentCard(payload) {
           reject(res);
         }
       })["catch"](function (err) {
-        var _err$response7, _err$response7$data;
-        IUIToastMessageService.warningNotify((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.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());
@@ -1996,8 +2069,8 @@ var setDefaultPaymentCard = function setDefaultPaymentCard(payload) {
           reject(res);
         }
       })["catch"](function (err) {
-        var _err$response8, _err$response8$data;
-        IUIToastMessageService.warningNotify((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.message) || 'Opps, Something went wrong.');
+        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.');
         reject(err);
       })["finally"](function () {
         dispatch(stopLoader());
@@ -2020,8 +2093,8 @@ var verifyUserInfo = function verifyUserInfo(userId) {
           reject(res);
         }
       })["catch"](function (err) {
-        var _err$response9, _err$response9$data;
-        IUIToastMessageService.warningNotify((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.message) || 'Opps, Unable to fetch user info.');
+        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.');
         setTimeout(function () {
           window.history.back();
         }, 1000);
@@ -2034,7 +2107,6 @@ var rejectUserVerification = function rejectUserVerification(userId) {
   return function (dispatch) {
     return new Promise(function (resolve, reject) {
       api$1.get(userAddEditUrl.rejectUserVerification(userId)).then(function (res) {
-        console.log(res);
         if (res.data.status === true) {
           var _res$data5;
           IUIToastMessageService.sNotify((res === null || res === void 0 ? void 0 : (_res$data5 = res.data) === null || _res$data5 === void 0 ? void 0 : _res$data5.message) || 'User rejected successfully.');
@@ -2045,9 +2117,8 @@ var rejectUserVerification = function rejectUserVerification(userId) {
           reject(res);
         }
       })["catch"](function (err) {
-        var _err$response10, _err$response10$data;
-        console.log(err);
-        IUIToastMessageService.warningNotify((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.message) || 'Opps, Unable to reject user.');
+        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.');
         reject(err);
       });
     });
@@ -6109,7 +6180,7 @@ var fetchBulkactionHistory = function fetchBulkactionHistory(url) {
   };
 };
 
-var styles$5 = {"UUIUserManagementList":"_3WNHx","scrollOverlayMenu":"_2_WEg","overlaysearch":"_1Pbhb","pageHeader":"_1WLpc","buttonWrapper":"_2egTG","headingWrapper":"_1He01","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","importModalBodyContainer":"_25xUk","dividerColor":"_2HZv9","w100":"_3vGmU","downloadTemplateContainer":"_3-Xu_","downloadTemplateDescContainer":"_tLw43","labelContainer":"_7TYUZ","downlTempHeader":"__CZpe","downlTempDescription":"_19jEe","colGap":"_3vnY5","deActivateModalContainer":"_28H9H","backdrop":"_1ky1x","errorText":"_26_if"};
+var styles$5 = {"UUIUserManagementList":"_3WNHx","pageHeader":"_1WLpc","buttonWrapper":"_2egTG","headingWrapper":"_1He01","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"};
 
 var BulkUploadModal = function BulkUploadModal(props) {
   var isOpenImportUsersModal = props.isOpenImportUsersModal,
@@ -7350,19 +7421,134 @@ var BulkActionHistory = function BulkActionHistory(_ref) {
 };
 var BulkActionHistory$1 = withStore(BulkActionHistory);
 
-var ExportIcon = function ExportIcon(props) {
+var BulkDownloadIcon = function BulkDownloadIcon(props) {
   return /*#__PURE__*/React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
     width: props.width,
     height: props.height,
+    viewBox: "0 0 11 15",
     fill: "none",
-    viewBox: "0 0 11 12"
+    xmlns: "http://www.w3.org/2000/svg"
   }, /*#__PURE__*/React.createElement("path", {
-    stroke: "#6B7280",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: "2",
-    d: "M4 1.501h6m0 0v6m0-6l-9 9"
+    d: "M5.85357 0.980736C5.65831 0.785474 5.34173 0.785474 5.14647 0.980736L2.9798 3.1474C2.78454 3.34267 2.78454 3.65925 2.9798 3.85451C3.17506 4.04977 3.49164 4.04977 3.68691 3.85451L5.00002 2.5414V9.50096C5.00002 9.7771 5.22388 10.001 5.50002 10.001C5.77616 10.001 6.00002 9.7771 6.00002 9.50096V2.5414L7.31313 3.85451C7.5084 4.04977 7.82498 4.04977 8.02024 3.85451C8.2155 3.65925 8.2155 3.34267 8.02024 3.1474L5.85357 0.980736Z",
+    fill: "#6B7280"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M2.16669 5.33429C1.06212 5.33429 0.166687 6.22972 0.166687 7.33429V12.6676C0.166687 13.7722 1.06212 14.6676 2.16669 14.6676H8.83335C9.93792 14.6676 10.8334 13.7722 10.8334 12.6676V7.33429C10.8334 6.22972 9.93792 5.33429 8.83335 5.33429H8.00002C7.72388 5.33429 7.50002 5.55815 7.50002 5.83429C7.50002 6.11043 7.72388 6.33429 8.00002 6.33429H8.83335C9.38564 6.33429 9.83335 6.782 9.83335 7.33429V12.6676C9.83335 13.2199 9.38564 13.6676 8.83335 13.6676H2.16669C1.6144 13.6676 1.16669 13.2199 1.16669 12.6676V7.33429C1.16669 6.782 1.6144 6.33429 2.16669 6.33429H3.00002C3.27616 6.33429 3.50002 6.11043 3.50002 5.83429C3.50002 5.55815 3.27616 5.33429 3.00002 5.33429H2.16669Z",
+    fill: "#6B7280"
+  }));
+};
+
+var classes = {"containedBtn":"_2A4_u","customMiniBox":"_QGIKG","muiBtn":"_3iFbO","outlinedBtn":"_3lQYD","menuList":"_1C8bJ","menuListContainer":"_1N83W","menuItemContainer":"_3VtcE","menuItemtext":"_2xqnU","subTxt":"_3CVzX"};
+
+var DropdownBtn = function DropdownBtn(props) {
+  var _clsx;
+  var _props$buttonText = props.buttonText,
+    buttonText = _props$buttonText === void 0 ? '' : _props$buttonText,
+    _props$disableRipple = props.disableRipple,
+    disableRipple = _props$disableRipple === void 0 ? true : _props$disableRipple,
+    _props$onClickHandler = props.onClickHandler,
+    onClickHandler = _props$onClickHandler === void 0 ? function () {} : _props$onClickHandler,
+    _props$menuListInfo = props.menuListInfo,
+    menuListInfo = _props$menuListInfo === void 0 ? [] : _props$menuListInfo,
+    _props$endIcon = props.endIcon,
+    endIcon = _props$endIcon === void 0 ? /*#__PURE__*/React.createElement(ExpandMoreIcon, {
+      width: "10",
+      height: "10"
+    }) : _props$endIcon,
+    _props$outlinedBtn = props.outlinedBtn,
+    outlinedBtn = _props$outlinedBtn === void 0 ? true : _props$outlinedBtn,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'auto-center' : _props$placement,
+    className = props.className,
+    menuListClass = props.menuListClass;
+  var _React$useState = React.useState(false),
+    open = _React$useState[0],
+    setOpen = _React$useState[1];
+  var anchorRef = React.useRef(null);
+  var handleToggle = function handleToggle() {
+    setOpen(function (prevOpen) {
+      return !prevOpen;
+    });
+  };
+  var handleClose = function handleClose(event) {
+    if (anchorRef.current && anchorRef.current.contains(event.target)) {
+      return;
+    }
+    setOpen(false);
+    onClickHandler(event);
+  };
+  var handleListKeyDown = function handleListKeyDown(event) {
+    if (event.key === 'Tab') {
+      event.preventDefault();
+      setOpen(false);
+    }
+  };
+  var handleMenuClick = function handleMenuClick(val) {
+    setOpen(false);
+    if (val.disable) return false;
+    if (val.handler && typeof val.handler === 'function') val.handler();
+  };
+
+  var prevOpen = React.useRef(open);
+  React.useEffect(function () {
+    if (prevOpen.current === true && open === false) {
+      anchorRef.current.focus();
+    }
+    prevOpen.current = open;
+  }, [open]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+    endIcon: endIcon,
+    className: clsx(classes.muiBtn, className, (_clsx = {}, _clsx[classes.outlinedBtn] = outlinedBtn, _clsx)),
+    disableRipple: disableRipple,
+    variant: "outlined",
+    ref: anchorRef,
+    "aria-controls": open ? 'menu-list-grow' : undefined,
+    "aria-haspopup": "true",
+    onClick: handleToggle
+  }, buttonText), /*#__PURE__*/React.createElement(Popper, {
+    open: open,
+    anchorEl: anchorRef.current,
+    role: undefined,
+    transition: true,
+    disablePortal: true,
+    style: {
+      zIndex: '9'
+    },
+    placement: placement
+  }, function (_ref) {
+    var _clsx2;
+    var TransitionProps = _ref.TransitionProps,
+      placement = _ref.placement;
+    return /*#__PURE__*/React.createElement(Grow, _extends({}, TransitionProps, {
+      style: {
+        transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom'
+      }
+    }), /*#__PURE__*/React.createElement(Paper, {
+      className: classes.menuListContainer,
+      elevation: 0
+    }, /*#__PURE__*/React.createElement(ClickAwayListener, {
+      onClickAway: handleClose
+    }, /*#__PURE__*/React.createElement(MenuList, {
+      autoFocusItem: open,
+      className: clsx(classes.menuList, (_clsx2 = {}, _clsx2[classes.outlinedBtn] = outlinedBtn, _clsx2), menuListClass),
+      id: "menu-list-grow",
+      onKeyDown: function onKeyDown(e) {
+        return handleListKeyDown(e);
+      }
+    }, menuListInfo.map(function (val, _i) {
+      return /*#__PURE__*/React.createElement(MenuItem, {
+        onClick: function onClick() {
+          return handleMenuClick(val);
+        },
+        key: _i,
+        className: clsx(classes.menuItemContainer, val.disable && 'iui__cursor-not-allowed'),
+        disableRipple: true
+      }, /*#__PURE__*/React.createElement(Typography, {
+        className: clsx(classes.menuItemtext, val && val.disable && 'iui__opacity--60')
+      }, val.label), val.subText && /*#__PURE__*/React.createElement(IUITypography, {
+        variant: "subtitle2",
+        className: clsx(classes.menuItemtext, classes.subTxt)
+      }, val.subText));
+    })))));
   }));
 };
 
@@ -7416,6 +7602,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,
@@ -7424,32 +7614,74 @@ 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;
+    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',
     minWidth: 250,
     sortable: true,
     cell: function cell(row) {
-      return /*#__PURE__*/React.createElement(IUIProfileBox, {
+      var _row$profile_pic;
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IUIProfileBox, {
         firstName: row.first_name,
         lastName: row.last_name,
-        isLetterAvatar: true,
+        isLetterAvatar: !(row.profile_pic && row.profile_pic.presigned_url),
         primaryText: row.first_name + ' ' + row.last_name,
         secondaryText: row.email,
         letterAvatarTextColor: "black",
         letterAvatarBackgroundColor: "#d3d3d3",
-        avatarClassName: styles$5.avatarClassName
-      });
+        avatarClassName: styles$5.avatarClassName,
+        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.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',
-    minWidth: 100,
+    minWidth: 80,
     sortable: true,
     cell: function cell(row) {
       return /*#__PURE__*/React.createElement(IUIBox, {
@@ -7462,7 +7694,7 @@ var StickyHeadTable = function StickyHeadTable(props) {
   }, {
     id: 'productusermapping__role',
     label: 'Product roles',
-    minWidth: 170,
+    minWidth: 125,
     sortable: true,
     cell: function cell(row) {
       return /*#__PURE__*/React.createElement(IUIBox, {
@@ -7498,7 +7730,7 @@ var StickyHeadTable = function StickyHeadTable(props) {
   }, {
     id: 'status',
     label: 'Status',
-    minWidth: 190,
+    minWidth: 160,
     cell: function cell(row) {
       return /*#__PURE__*/React.createElement(IUIFormGroup, null, /*#__PURE__*/React.createElement(IUITypography, {
         component: "div",
@@ -7524,20 +7756,61 @@ var StickyHeadTable = function StickyHeadTable(props) {
   }, {
     id: 'actions',
     label: 'Actions',
-    minWidth: 170,
+    minWidth: 70,
     align: 'left',
     cell: function cell(row) {
-      return /*#__PURE__*/React.createElement(IUIButton, {
-        buttonText: "Edit",
-        onClick: function onClick() {
+      var options = [{
+        label: 'Edit details',
+        handler: function handler() {
           return onEditHandler(row.id);
         }
-      });
+      }];
+      if (isILadmin) {
+        options.push({
+          label: 'Make primary admin',
+          handler: function handler() {
+            return onPrimaryAdminHandler(row.id);
+          }
+        });
+      }
+      if (row && row.has_visited) {
+        options.push({
+          label: 'Reset password',
+          handler: function handler() {
+            return onResetPasswordHandler(row.email);
+          }
+        });
+      } else {
+        options.push({
+          label: 'Resend invite',
+          handler: function handler() {
+            return toggleInviteModal(row.id);
+          }
+        });
+      }
+      return /*#__PURE__*/React.createElement("div", {
+        style: {
+          marginLeft: '50px'
+        }
+      }, /*#__PURE__*/React.createElement(DropdownBtn, {
+        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'
     }
   }];
+
   return /*#__PURE__*/React.createElement(IUITable, {
     searchPlaceholder: "Search by name, email & department",
     isCheckboxTable: true,
@@ -7560,8 +7833,7 @@ var StickyHeadTable = function StickyHeadTable(props) {
     isDataFetching: isDataFetching,
     disableRowCheckbox: disableRowCheckbox,
     searchBoxWidth: "400px",
-    searchValue: searchValue,
-    hideTopPagination: false
+    searchValue: searchValue
   });
 };
 
@@ -7581,7 +7853,7 @@ var UserList = function UserList(_ref) {
   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({}),
@@ -7627,29 +7899,12 @@ var UserList = function UserList(_ref) {
   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 (_ref2) {
-    var prevPos = _ref2.prevPos,
-      currPos = _ref2.currPos;
-    if (prevPos.y - currPos.y > 0) {
-      if (currPos.y < -130) {
-        setOverlayMenu(true);
-      }
-    } else {
-      if (currPos.y > -190) {
-        setOverlayMenu(false);
-      }
-    }
-  }, [overlayMenu]);
-  var scrollTo = function scrollTo(id) {
-    var el = document.getElementById(id);
-    window.scrollTo({
-      top: el.offsetTop,
-      behavior: 'smooth'
-    });
-  };
+  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.');
@@ -7760,6 +8015,32 @@ var UserList = function UserList(_ref) {
     setOpenImportUsersModal(false);
     handleImportPagenavigation(jobId);
   };
+  var onResetPasswordHandler = function onResetPasswordHandler(email) {
+    dispatch(resetPasswordForUser({
+      email: email
+    }));
+  };
+  var toggleInviteModal = function toggleInviteModal(ids) {
+    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);
@@ -7799,12 +8080,20 @@ var UserList = function UserList(_ref) {
   }, {
     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'];
     dispatch(showDataFetchingStatus());
     dispatch(verifyAccessToken(roleCanAccess));
   }, []);
+  var onPrimaryAdminHandler = function onPrimaryAdminHandler(userId) {
+    dispatch(makePrimaryAdmin({
+      userId: userId
+    }));
+  };
   var dispatch = useDispatch();
   useEffect(function () {
     if (isTokenVerified === true) {
@@ -7815,8 +8104,7 @@ var UserList = function UserList(_ref) {
       if (isSearchingChange) {
         var delayDebounceFn = setTimeout(function () {
           dispatch(fetchUsersList(url)).then(function () {
-            setSearchingChange(false);
-            scrollTo('table-root');
+            return setSearchingChange(false);
           });
         }, 2000);
         return function () {
@@ -7825,7 +8113,6 @@ var UserList = function UserList(_ref) {
       }
       if (isSortingChange) {
         setisApiFetching(true);
-        scrollTo('table-root');
         dispatch(fetchUsersList(url)).then(function () {
           setisApiFetching(false);
           setSortingChange(false);
@@ -7842,89 +8129,15 @@ var UserList = function UserList(_ref) {
       }
     }
   }, [isTokenVerified, isSearchingChangeTemp, isSortingChangeTemp]);
-  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(ExportIcon, {
-        width: "12",
-        height: "12"
-      }),
-      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, {
@@ -7955,7 +8168,44 @@ var UserList = function UserList(_ref) {
   }, /*#__PURE__*/React.createElement(IUITypography, {
     variant: "body2",
     className: clsx(styles$5.description)
-  }, "Create new users, customize user permissions and manage user accounts"))), topRightButtons()), /*#__PURE__*/React.createElement(IUIBox, {
+  }, "Create new users, customize user permissions and manage user accounts"))), /*#__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",
@@ -7978,7 +8228,11 @@ var UserList = function UserList(_ref) {
     onSearchHandler: onSearchHandler,
     onEditHandler: handleEditUserClick,
     disableRowCheckbox: deactivatedUsers,
-    searchValue: searchValue
+    searchValue: searchValue,
+    isILadmin: isILadmin,
+    onPrimaryAdminHandler: onPrimaryAdminHandler,
+    onResetPasswordHandler: onResetPasswordHandler,
+    toggleInviteModal: toggleInviteModal
   }))), /*#__PURE__*/React.createElement(IUIModal, {
     isOpen: Object.values(selected).flat().length > 0 && isOpenDeActivateModal,
     closeHandler: closeDeActivateModal,
@@ -8005,7 +8259,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