@bigbinary/neeto-team-members-frontend 2.2.4 → 2.2.7

package/dist/{index.js → index.esm.js}

@@ -1,41 +1,39 @@
-import './main.css';
-
-import _typeof from '@babel/runtime/helpers/esm/typeof';
+import _typeof$2 from '@babel/runtime/helpers/esm/typeof';
 import _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';
 import _createClass from '@babel/runtime/helpers/esm/createClass';
 import _assertThisInitialized from '@babel/runtime/helpers/esm/assertThisInitialized';
 import _inherits from '@babel/runtime/helpers/esm/inherits';
 import _possibleConstructorReturn from '@babel/runtime/helpers/esm/possibleConstructorReturn';
 import _getPrototypeOf from '@babel/runtime/helpers/esm/getPrototypeOf';
-import _defineProperty$2 from '@babel/runtime/helpers/esm/defineProperty';
+import _defineProperty$3 from '@babel/runtime/helpers/esm/defineProperty';
 import _toArray from '@babel/runtime/helpers/esm/toArray';
 import _objectWithoutProperties$1 from '@babel/runtime/helpers/objectWithoutProperties';
-import _typeof$1 from '@babel/runtime/helpers/typeof';
-import _defineProperty$3 from '@babel/runtime/helpers/defineProperty';
+import _typeof$3 from '@babel/runtime/helpers/typeof';
+import _defineProperty$4 from '@babel/runtime/helpers/defineProperty';
 import React, { createContext, useContext, createElement, isValidElement, cloneElement, useState, useRef, useEffect, forwardRef, useImperativeHandle, Fragment, useMemo, useReducer, useCallback } from 'react';
 import _classCallCheck$1 from '@babel/runtime/helpers/classCallCheck';
 import _createClass$1 from '@babel/runtime/helpers/createClass';
-import _slicedToArray$2 from '@babel/runtime/helpers/slicedToArray';
+import _slicedToArray$4 from '@babel/runtime/helpers/slicedToArray';
 import _extends$1 from '@babel/runtime/helpers/extends';
 import _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';
 import _extends from '@babel/runtime/helpers/esm/extends';
 import ReactDOM from 'react-dom';
 import { useFormikContext, Formik, Form } from 'formik';
-import { Typography, Button, Table as Table$1, Modal, Toastr, Checkbox, Pane, Dropdown, Alert, Input as Input$1, PageLoader, Avatar, Tag } from '@bigbinary/neetoui';
+import { Typography, Button, Table as Table$1, Modal, Toastr, Tooltip, Checkbox, Pane, Dropdown, Alert, Input as Input$1, PageLoader, Avatar, Tag } from '@bigbinary/neetoui';
 import { Download, File, LeftArrow, Plus, MenuHorizontal, Up, Down, Search } from '@bigbinary/neeto-icons';
 import classnames from 'classnames';
 import { EmailInput, Input, Textarea, Select } from '@bigbinary/neetoui/formik';
 import axios from 'axios';
-import { noop as noop$4 } from '@bigbinary/neeto-commons-frontend/pure';
-import { modifyPath, prepend, assocPath, findIndex, propEq, dissocPath, groupBy, prop, keys, map, identical, modify, includes, fromPairs, toPairs, filter, isEmpty, clamp, toLower, mergeLeft, isNil, pluck, head, assoc } from 'ramda';
+import { curry, isNil, complement, findLast, findLastIndex, count, isEmpty, equals, fromPairs, toPairs, path as path$1, modifyPath, prepend, assocPath, findIndex, propEq, dissocPath, groupBy, prop, keys, map, identical, modify, includes, filter, clamp, toLower, mergeLeft, pluck, head, assoc } from 'ramda';
 import { Header as Header$2, Container, MenuBar, SubHeader as SubHeader$1 } from '@bigbinary/neetoui/layouts';
-import * as yup from 'yup';
+import * as Yup from 'yup';
 import { object, string } from 'yup';
-import { useDebounce } from '@bigbinary/neeto-commons-frontend/react-utils';
+import { Honeybadger } from '@honeybadger-io/react';
+import 'react-router-dom';
 
-function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$c(Object(source), true).forEach(function (key) { _defineProperty$2(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$d(Object(source), true).forEach(function (key) { _defineProperty$3(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var consoleLogger = {
   type: 'logger',
@@ -122,7 +120,7 @@ var Logger = function () {
   }, {
     key: "create",
     value: function create(moduleName) {
-      return new Logger(this.logger, _objectSpread$c(_objectSpread$c({}, {
+      return new Logger(this.logger, _objectSpread$d(_objectSpread$d({}, {
         prefix: "".concat(this.prefix, ":").concat(moduleName, ":")
       }), this.options));
     }
@@ -341,7 +339,7 @@ function looksLikeObjectPath(key, nsSeparator, keySeparator) {
 
 function ownKeys$1$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1$1(Object(source), true).forEach(function (key) { _defineProperty$2(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$1$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1$1(Object(source), true).forEach(function (key) { _defineProperty$3(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -586,7 +584,7 @@ var postProcessor = {
 
 function ownKeys$2$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$2$1(Object(source), true).forEach(function (key) { _defineProperty$2(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$2$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$2$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$2$1(Object(source), true).forEach(function (key) { _defineProperty$3(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$2$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -677,7 +675,7 @@ var Translator = function (_EventEmitter) {
     value: function translate(keys, options, lastKey) {
       var _this2 = this;
 
-      if (_typeof(options) !== 'object' && this.options.overloadTranslationOptionHandler) {
+      if (_typeof$2(options) !== 'object' && this.options.overloadTranslationOptionHandler) {
         options = this.options.overloadTranslationOptionHandler(arguments);
       }
 
@@ -1509,7 +1507,7 @@ var PluralResolver = function () {
 
 function ownKeys$3$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$3$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3$1(Object(source), true).forEach(function (key) { _defineProperty$2(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$3$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$3$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3$1(Object(source), true).forEach(function (key) { _defineProperty$3(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$3$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var Interpolator = function () {
   function Interpolator() {
@@ -1731,7 +1729,7 @@ var Interpolator = function () {
 
 function ownKeys$4$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$4$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$4$1(Object(source), true).forEach(function (key) { _defineProperty$2(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$4$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$4$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$4$1(Object(source), true).forEach(function (key) { _defineProperty$3(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$4$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function parseFormatStr(formatStr) {
   var formatName = formatStr.toLowerCase().trim();
@@ -1854,7 +1852,7 @@ var Formatter = function () {
 
 function ownKeys$5$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$5$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$5$1(Object(source), true).forEach(function (key) { _defineProperty$2(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$5$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$5$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$5$1(Object(source), true).forEach(function (key) { _defineProperty$3(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$5$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -1894,6 +1892,8 @@ var Connector = function (_EventEmitter) {
     _this.waitingReads = [];
     _this.maxParallelReads = options.maxParallelReads || 10;
     _this.readingCalls = 0;
+    _this.maxRetries = options.maxRetries >= 0 ? options.maxRetries : 5;
+    _this.retryTimeout = options.retryTimeout >= 1 ? options.retryTimeout : 350;
     _this.state = {};
     _this.queue = [];
 
@@ -2000,7 +2000,7 @@ var Connector = function (_EventEmitter) {
       var _this3 = this;
 
       var tried = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-      var wait = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 350;
+      var wait = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : this.retryTimeout;
       var callback = arguments.length > 5 ? arguments[5] : undefined;
       if (!lng.length) return callback(null, {});
 
@@ -2026,7 +2026,7 @@ var Connector = function (_EventEmitter) {
           _this3.read(next.lng, next.ns, next.fcName, next.tried, next.wait, next.callback);
         }
 
-        if (err && data && tried < 5) {
+        if (err && data && tried < _this3.maxRetries) {
           setTimeout(function () {
             _this3.read.call(_this3, lng, ns, fcName, tried + 1, wait * 2, callback);
           }, wait);
@@ -2152,11 +2152,11 @@ function get() {
     appendNamespaceToCIMode: false,
     overloadTranslationOptionHandler: function handle(args) {
       var ret = {};
-      if (_typeof(args[1]) === 'object') ret = args[1];
+      if (_typeof$2(args[1]) === 'object') ret = args[1];
       if (typeof args[1] === 'string') ret.defaultValue = args[1];
       if (typeof args[2] === 'string') ret.tDescription = args[2];
 
-      if (_typeof(args[2]) === 'object' || _typeof(args[3]) === 'object') {
+      if (_typeof$2(args[2]) === 'object' || _typeof$2(args[3]) === 'object') {
         var options = args[3] || args[2];
         Object.keys(options).forEach(function (key) {
           ret[key] = options[key];
@@ -2196,13 +2196,13 @@ function transformOptions(options) {
 
 function ownKeys$6$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$6$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$6$1(Object(source), true).forEach(function (key) { _defineProperty$2(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$6$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$6$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$6$1(Object(source), true).forEach(function (key) { _defineProperty$3(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$6$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
 function _isNativeReflectConstruct$3() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function noop$3() {}
+function noop$4() {}
 
 function bindMemberFunctions(inst) {
   var mems = Object.getOwnPropertyNames(Object.getPrototypeOf(inst));
@@ -2268,7 +2268,7 @@ var I18n = function (_EventEmitter) {
         options = {};
       }
 
-      if (!options.defaultNS && options.ns) {
+      if (!options.defaultNS && options.defaultNS !== false && options.ns) {
         if (typeof options.ns === 'string') {
           options.defaultNS = options.ns;
         } else if (options.ns.indexOf('translation') < 0) {
@@ -2367,7 +2367,7 @@ var I18n = function (_EventEmitter) {
       }
 
       this.format = this.options.interpolation.format;
-      if (!callback) callback = noop$3;
+      if (!callback) callback = noop$4;
 
       if (this.options.fallbackLng && !this.services.languageDetector && !this.options.lng) {
         var codes = this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);
@@ -2428,7 +2428,7 @@ var I18n = function (_EventEmitter) {
     value: function loadResources(language) {
       var _this3 = this;
 
-      var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$3;
+      var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$4;
       var usedCallback = callback;
       var usedLng = typeof language === 'string' ? language : this.language;
       if (typeof language === 'function') usedCallback = language;
@@ -2476,7 +2476,7 @@ var I18n = function (_EventEmitter) {
       var deferred = defer();
       if (!lngs) lngs = this.languages;
       if (!ns) ns = this.options.ns;
-      if (!callback) callback = noop$3;
+      if (!callback) callback = noop$4;
       this.services.backendConnector.reload(lngs, ns, function (err) {
         deferred.resolve();
         callback(err);
@@ -2611,7 +2611,7 @@ var I18n = function (_EventEmitter) {
       var fixedT = function fixedT(key, opts) {
         var options;
 
-        if (_typeof(opts) !== 'object') {
+        if (_typeof$2(opts) !== 'object') {
           for (var _len3 = arguments.length, rest = new Array(_len3 > 2 ? _len3 - 2 : 0), _key3 = 2; _key3 < _len3; _key3++) {
             rest[_key3 - 2] = arguments[_key3];
           }
@@ -2755,7 +2755,7 @@ var I18n = function (_EventEmitter) {
       var _this8 = this;
 
       var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$3;
+      var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$4;
 
       var mergedOptions = _objectSpread$6$1(_objectSpread$6$1(_objectSpread$6$1({}, this.options), options), {
         isClone: true
@@ -2801,7 +2801,7 @@ var I18n = function (_EventEmitter) {
   return I18n;
 }(EventEmitter);
 
-_defineProperty$2(I18n, "createInstance", function () {
+_defineProperty$3(I18n, "createInstance", function () {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var callback = arguments.length > 1 ? arguments[1] : undefined;
   return new I18n(options, callback);
@@ -2845,12 +2845,12 @@ var serializeCookie = function serializeCookie(name, val, options) {
   var opt = options || {};
   opt.path = opt.path || '/';
   var value = encodeURIComponent(val);
-  var str = name + '=' + value;
+  var str = "".concat(name, "=").concat(value);
 
   if (opt.maxAge > 0) {
     var maxAge = opt.maxAge - 0;
-    if (isNaN(maxAge)) throw new Error('maxAge should be a Number');
-    str += '; Max-Age=' + Math.floor(maxAge);
+    if (Number.isNaN(maxAge)) throw new Error('maxAge should be a Number');
+    str += "; Max-Age=".concat(Math.floor(maxAge));
   }
 
   if (opt.domain) {
@@ -2858,7 +2858,7 @@ var serializeCookie = function serializeCookie(name, val, options) {
       throw new TypeError('option domain is invalid');
     }
 
-    str += '; Domain=' + opt.domain;
+    str += "; Domain=".concat(opt.domain);
   }
 
   if (opt.path) {
@@ -2866,7 +2866,7 @@ var serializeCookie = function serializeCookie(name, val, options) {
       throw new TypeError('option path is invalid');
     }
 
-    str += '; Path=' + opt.path;
+    str += "; Path=".concat(opt.path);
   }
 
   if (opt.expires) {
@@ -2874,7 +2874,7 @@ var serializeCookie = function serializeCookie(name, val, options) {
       throw new TypeError('option expires is invalid');
     }
 
-    str += '; Expires=' + opt.expires.toUTCString();
+    str += "; Expires=".concat(opt.expires.toUTCString());
   }
 
   if (opt.httpOnly) str += '; HttpOnly';
@@ -2924,7 +2924,7 @@ var cookie = {
     document.cookie = serializeCookie(name, encodeURIComponent(value), cookieOptions);
   },
   read: function read(name) {
-    var nameEQ = name + '=';
+    var nameEQ = "".concat(name, "=");
     var ca = document.cookie.split(';');
 
     for (var i = 0; i < ca.length; i++) {
@@ -3134,21 +3134,16 @@ var path = {
 var subdomain = {
   name: 'subdomain',
   lookup: function lookup(options) {
-    var found;
+    // If given get the subdomain index else 1
+    var lookupFromSubdomainIndex = typeof options.lookupFromSubdomainIndex === 'number' ? options.lookupFromSubdomainIndex + 1 : 1; // get all matches if window.location. is existing
+    // first item of match is the match itself and the second is the first group macht which sould be the first subdomain match
+    // is the hostname no public domain get the or option of localhost
 
-    if (typeof window !== 'undefined') {
-      var language = window.location.href.match(/(?:http[s]*\:\/\/)*(.*?)\.(?=[^\/]*\..{2,5})/gi);
+    var language = typeof window !== 'undefined' && window.location && window.location.hostname && window.location.hostname.match(/^(\w{2,5})\.(([a-z0-9-]{1,63}\.[a-z]{2,6})|localhost)/i); // if there is no match (null) return undefined
 
-      if (language instanceof Array) {
-        if (typeof options.lookupFromSubdomainIndex === 'number') {
-          found = language[options.lookupFromSubdomainIndex].replace('http://', '').replace('https://', '').replace('.', '');
-        } else {
-          found = language[0].replace('http://', '').replace('https://', '').replace('.', '');
-        }
-      }
-    }
+    if (!language) return undefined; // return the given group match
 
-    return found;
+    return language[lookupFromSubdomainIndex];
   }
 };
 
@@ -3161,8 +3156,8 @@ function getDefaults$1() {
     lookupSessionStorage: 'i18nextLng',
     // cache user language
     caches: ['localStorage'],
-    excludeCacheFor: ['cimode'] //cookieMinutes: 10,
-    //cookieDomain: 'myDomain'
+    excludeCacheFor: ['cimode'] // cookieMinutes: 10,
+    // cookieDomain: 'myDomain'
 
   };
 }
@@ -3264,7 +3259,7 @@ var voidElements = {
   "wbr": true
 };
 
-var t=/\s([^'"/\s><]+?)[\s/>]|([^\s=]+)=\s?(".*?"|'.*?')/g;function n(n){var r={type:"tag",name:"",voidElement:!1,attrs:{},children:[]},i=n.match(/<\/?([^\s]+?)[/\s>]/);if(i&&(r.name=i[1],(voidElements[i[1]]||"/"===n.charAt(n.length-2))&&(r.voidElement=!0),r.name.startsWith("!--"))){var s=n.indexOf("--\x3e");return {type:"comment",comment:-1!==s?n.slice(4,s):""}}for(var a=new RegExp(t),c=null;null!==(c=a.exec(n));)if(c[0].trim())if(c[1]){var o=c[1].trim(),l=[o,""];o.indexOf("=")>-1&&(l=o.split("=")),r.attrs[l[0]]=l[1],a.lastIndex--;}else c[2]&&(r.attrs[c[2]]=c[3].trim().substring(1,c[3].length-1));return r}var r=/<[a-zA-Z0-9\-\!\/](?:"[^"]*"|'[^']*'|[^'">])*>/g,i=/^\s*$/,s=Object.create(null);function a(e,t){switch(t.type){case"text":return e+t.content;case"tag":return e+="<"+t.name+(t.attrs?function(e){var t=[];for(var n in e)t.push(n+'="'+e[n]+'"');return t.length?" "+t.join(" "):""}(t.attrs):"")+(t.voidElement?"/>":">"),t.voidElement?e:e+t.children.reduce(a,"")+"</"+t.name+">";case"comment":return e+"\x3c!--"+t.comment+"--\x3e"}}var c={parse:function(e,t){t||(t={}),t.components||(t.components=s);var a,c=[],o=[],l=-1,m=!1;if(0!==e.indexOf("<")){var u=e.indexOf("<");c.push({type:"text",content:-1===u?e:e.substring(0,u)});}return e.replace(r,function(r,s){if(m){if(r!=="</"+a.name+">")return;m=!1;}var u,f="/"!==r.charAt(1),h=r.startsWith("\x3c!--"),p=s+r.length,d=e.charAt(p);if(h){var v=n(r);return l<0?(c.push(v),c):((u=o[l]).children.push(v),c)}if(f&&(l++,"tag"===(a=n(r)).type&&t.components[a.name]&&(a.type="component",m=!0),a.voidElement||m||!d||"<"===d||a.children.push({type:"text",content:e.slice(p,e.indexOf("<",p))}),0===l&&c.push(a),(u=o[l-1])&&u.children.push(a),o[l]=a),(!f||a.voidElement)&&(l>-1&&(a.voidElement||a.name===r.slice(2,-1))&&(l--,a=-1===l?c:o[l]),!m&&"<"!==d&&d)){u=-1===l?c:o[l].children;var x=e.indexOf("<",p),g=e.slice(p,-1===x?void 0:x);i.test(g)&&(g=" "),(x>-1&&l+u.length>=0||" "!==g)&&u.push({type:"text",content:g});}}),c},stringify:function(e){return e.reduce(function(e,t){return e+a("",t)},"")}};
+var t$1=/\s([^'"/\s><]+?)[\s/>]|([^\s=]+)=\s?(".*?"|'.*?')/g;function n$1(n){var r={type:"tag",name:"",voidElement:!1,attrs:{},children:[]},i=n.match(/<\/?([^\s]+?)[/\s>]/);if(i&&(r.name=i[1],(voidElements[i[1]]||"/"===n.charAt(n.length-2))&&(r.voidElement=!0),r.name.startsWith("!--"))){var s=n.indexOf("--\x3e");return {type:"comment",comment:-1!==s?n.slice(4,s):""}}for(var a=new RegExp(t$1),c=null;null!==(c=a.exec(n));)if(c[0].trim())if(c[1]){var o=c[1].trim(),l=[o,""];o.indexOf("=")>-1&&(l=o.split("=")),r.attrs[l[0]]=l[1],a.lastIndex--;}else c[2]&&(r.attrs[c[2]]=c[3].trim().substring(1,c[3].length-1));return r}var r=/<[a-zA-Z0-9\-\!\/](?:"[^"]*"|'[^']*'|[^'">])*>/g,i=/^\s*$/,s=Object.create(null);function a(e,t){switch(t.type){case"text":return e+t.content;case"tag":return e+="<"+t.name+(t.attrs?function(e){var t=[];for(var n in e)t.push(n+'="'+e[n]+'"');return t.length?" "+t.join(" "):""}(t.attrs):"")+(t.voidElement?"/>":">"),t.voidElement?e:e+t.children.reduce(a,"")+"</"+t.name+">";case"comment":return e+"\x3c!--"+t.comment+"--\x3e"}}var c={parse:function(e,t){t||(t={}),t.components||(t.components=s);var a,c=[],o=[],l=-1,m=!1;if(0!==e.indexOf("<")){var u=e.indexOf("<");c.push({type:"text",content:-1===u?e:e.substring(0,u)});}return e.replace(r,function(r,s){if(m){if(r!=="</"+a.name+">")return;m=!1;}var u,f="/"!==r.charAt(1),h=r.startsWith("\x3c!--"),p=s+r.length,d=e.charAt(p);if(h){var v=n$1(r);return l<0?(c.push(v),c):((u=o[l]).children.push(v),c)}if(f&&(l++,"tag"===(a=n$1(r)).type&&t.components[a.name]&&(a.type="component",m=!0),a.voidElement||m||!d||"<"===d||a.children.push({type:"text",content:e.slice(p,e.indexOf("<",p))}),0===l&&c.push(a),(u=o[l-1])&&u.children.push(a),o[l]=a),(!f||a.voidElement)&&(l>-1&&(a.voidElement||a.name===r.slice(2,-1))&&(l--,a=-1===l?c:o[l]),!m&&"<"!==d&&d)){u=-1===l?c:o[l].children;var x=e.indexOf("<",p),g=e.slice(p,-1===x?void 0:x);i.test(g)&&(g=" "),(x>-1&&l+u.length>=0||" "!==g)&&u.push({type:"text",content:g});}}),c},stringify:function(e){return e.reduce(function(e,t){return e+a("",t)},"")}};
 
 var matchHtmlEntity = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230);/g;
 var htmlEntities = {
@@ -3296,9 +3291,9 @@ var unescape = function unescape(text) {
   return text.replace(matchHtmlEntity, unescapeHtmlEntity);
 };
 
-function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$b(Object(source), true).forEach(function (key) { _defineProperty$3(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$c(Object(source), true).forEach(function (key) { _defineProperty$4(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var defaultOptions = {
   bindI18n: 'languageChanged',
   bindI18nStore: '',
@@ -3313,7 +3308,7 @@ var i18nInstance;
 var I18nContext = createContext();
 function setDefaults() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  defaultOptions = _objectSpread$b(_objectSpread$b({}, defaultOptions), options);
+  defaultOptions = _objectSpread$c(_objectSpread$c({}, defaultOptions), options);
 }
 function getDefaults() {
   return defaultOptions;
@@ -3440,9 +3435,9 @@ function hasLoadedNamespace(ns, i18n) {
 var _excluded$4 = ["format"],
     _excluded2$3 = ["children", "count", "parent", "i18nKey", "context", "tOptions", "values", "defaults", "components", "ns", "i18n", "t", "shouldUnescape"];
 
-function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$a(Object(source), true).forEach(function (key) { _defineProperty$3(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$b(Object(source), true).forEach(function (key) { _defineProperty$4(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function hasChildren(node, checkLength) {
   if (!node) return false;
@@ -3453,7 +3448,7 @@ function hasChildren(node, checkLength) {
 
 function getChildren(node) {
   if (!node) return [];
-  return node && node.children ? node.children : node.props && node.props.children;
+  return node.props ? node.props.children : node.children;
 }
 
 function hasValidReactChildren(children) {
@@ -3468,7 +3463,7 @@ function getAsArray(data) {
 }
 
 function mergeProps(source, target) {
-  var newTarget = _objectSpread$a({}, target);
+  var newTarget = _objectSpread$b({}, target);
 
   newTarget.props = Object.assign(source.props, target.props);
   return newTarget;
@@ -3501,7 +3496,7 @@ function nodesToString(children, i18nOptions) {
       }
     } else if (child === null) {
       warn("Trans: the passed in value is invalid - seems you passed in a null child.");
-    } else if (_typeof$1(child) === 'object') {
+    } else if (_typeof$3(child) === 'object') {
       var format = child.format,
           clone = _objectWithoutProperties$1(child, _excluded$4);
 
@@ -3531,14 +3526,14 @@ function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, s
     var childrenArray = getAsArray(childs);
     childrenArray.forEach(function (child) {
       if (typeof child === 'string') return;
-      if (hasChildren(child)) getData(getChildren(child));else if (_typeof$1(child) === 'object' && !isValidElement(child)) Object.assign(data, child);
+      if (hasChildren(child)) getData(getChildren(child));else if (_typeof$3(child) === 'object' && !isValidElement(child)) Object.assign(data, child);
     });
   }
 
   getData(children);
   var ast = c.parse("<0>".concat(targetString, "</0>"));
 
-  var opts = _objectSpread$a(_objectSpread$a({}, data), combinedTOpts);
+  var opts = _objectSpread$b(_objectSpread$b({}, data), combinedTOpts);
 
   function renderInner(child, node, rootReactNode) {
     var childs = getChildren(child);
@@ -3548,7 +3543,7 @@ function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, s
 
   function pushTranslatedJSX(child, inner, mem, i, isVoid) {
     if (child.dummy) child.children = inner;
-    mem.push(cloneElement(child, _objectSpread$a(_objectSpread$a({}, child.props), {}, {
+    mem.push(cloneElement(child, _objectSpread$b(_objectSpread$b({}, child.props), {}, {
       key: i
     }), isVoid ? undefined : inner));
   }
@@ -3568,8 +3563,8 @@ function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, s
         }, tmp) : tmp;
         var isElement = isValidElement(child);
         var isValidTranslationWithChildren = isElement && hasChildren(node, true) && !node.voidElement;
-        var isEmptyTransWithHTML = emptyChildrenButNeedsHandling && _typeof$1(child) === 'object' && child.dummy && !isElement;
-        var isKnownComponent = _typeof$1(children) === 'object' && children !== null && Object.hasOwnProperty.call(children, node.name);
+        var isEmptyTransWithHTML = emptyChildrenButNeedsHandling && _typeof$3(child) === 'object' && child.dummy && !isElement;
+        var isKnownComponent = _typeof$3(children) === 'object' && children !== null && Object.hasOwnProperty.call(children, node.name);
 
         if (typeof child === 'string') {
           var value = i18n.services.interpolator.interpolate(child, opts, i18n.language);
@@ -3580,7 +3575,7 @@ function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, s
           } else if (isEmptyTransWithHTML) {
           var _inner = mapAST(reactNodes, node.children, rootReactNode);
 
-          mem.push(cloneElement(child, _objectSpread$a(_objectSpread$a({}, child.props), {}, {
+          mem.push(cloneElement(child, _objectSpread$b(_objectSpread$b({}, child.props), {}, {
             key: i
           }), _inner));
         } else if (Number.isNaN(parseFloat(node.name))) {
@@ -3607,15 +3602,15 @@ function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, s
 
             mem.push("<".concat(node.name, ">").concat(_inner4, "</").concat(node.name, ">"));
           }
-        } else if (_typeof$1(child) === 'object' && !isElement) {
+        } else if (_typeof$3(child) === 'object' && !isElement) {
           var content = node.children[0] ? translationContent : null;
           if (content) mem.push(content);
         } else if (node.children.length === 1 && translationContent) {
-          mem.push(cloneElement(child, _objectSpread$a(_objectSpread$a({}, child.props), {}, {
+          mem.push(cloneElement(child, _objectSpread$b(_objectSpread$b({}, child.props), {}, {
             key: i
           }), translationContent));
         } else {
-          mem.push(cloneElement(child, _objectSpread$a(_objectSpread$a({}, child.props), {}, {
+          mem.push(cloneElement(child, _objectSpread$b(_objectSpread$b({}, child.props), {}, {
             key: i
           })));
         }
@@ -3678,7 +3673,7 @@ function Trans(_ref) {
 
   if (context) tOptions.context = context;
 
-  var reactI18nextOptions = _objectSpread$a(_objectSpread$a({}, getDefaults()), i18n.options && i18n.options.react);
+  var reactI18nextOptions = _objectSpread$b(_objectSpread$b({}, getDefaults()), i18n.options && i18n.options.react);
 
   var namespaces = ns || t.ns || defaultNSFromContext || i18n.options && i18n.options.defaultNS;
   namespaces = typeof namespaces === 'string' ? [namespaces] : namespaces || ['translation'];
@@ -3686,13 +3681,13 @@ function Trans(_ref) {
   var hashTransKey = reactI18nextOptions.hashTransKey;
   var key = i18nKey || (hashTransKey ? hashTransKey(defaultValue) : defaultValue);
   var interpolationOverride = values ? tOptions.interpolation : {
-    interpolation: _objectSpread$a(_objectSpread$a({}, tOptions.interpolation), {}, {
+    interpolation: _objectSpread$b(_objectSpread$b({}, tOptions.interpolation), {}, {
       prefix: '#$?',
       suffix: '?$#'
     })
   };
 
-  var combinedTOpts = _objectSpread$a(_objectSpread$a(_objectSpread$a(_objectSpread$a({}, tOptions), {}, {
+  var combinedTOpts = _objectSpread$b(_objectSpread$b(_objectSpread$b(_objectSpread$b({}, tOptions), {}, {
     count: count
   }, values), interpolationOverride), {}, {
     defaultValue: defaultValue,
@@ -3705,9 +3700,9 @@ function Trans(_ref) {
   return useAsParent ? createElement(useAsParent, additionalProps, content) : content;
 }
 
-function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$9(Object(source), true).forEach(function (key) { _defineProperty$3(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$a(Object(source), true).forEach(function (key) { _defineProperty$4(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var usePrevious = function usePrevious(value, ignore) {
   var ref = useRef();
@@ -3744,7 +3739,7 @@ function useTranslation(ns) {
 
   if (i18n.options.react && i18n.options.react.wait !== undefined) warnOnce('It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.');
 
-  var i18nOptions = _objectSpread$9(_objectSpread$9(_objectSpread$9({}, getDefaults()), i18n.options.react), props);
+  var i18nOptions = _objectSpread$a(_objectSpread$a(_objectSpread$a({}, getDefaults()), i18n.options.react), props);
 
   var useSuspense = i18nOptions.useSuspense,
       keyPrefix = i18nOptions.keyPrefix;
@@ -3760,7 +3755,7 @@ function useTranslation(ns) {
   }
 
   var _useState = useState(getT),
-      _useState2 = _slicedToArray$2(_useState, 2),
+      _useState2 = _slicedToArray$4(_useState, 2),
       t = _useState2[0],
       setT = _useState2[1];
 
@@ -3805,7 +3800,7 @@ function useTranslation(ns) {
     }
 
     isInitial.current = false;
-  }, [i18n]);
+  }, [i18n, keyPrefix]);
   var ret = [t, i18n, ready];
   ret.t = t;
   ret.i18n = i18n;
@@ -3892,6 +3887,14 @@ var placeholders$1 = {
 	enterRoleName: "Please enter the role name",
 	role: "Please select a role"
 };
+var tooltips$1 = {
+	activateUserToEdit: "Please activate the user to edit their role.",
+	editAdminRoleNotAllowed: "Sorry, you are not allowed to edit the admin role.",
+	editCurrentUserNotAllowed: "Sorry, you are not allowed to edit your role.",
+	noPermissionToAddMember: "Sorry, you do not have permission to add a member.",
+	noPermissionToAddRole: "Sorry, you do not have permission to add a new role.",
+	noPermissionToEditMembers: "Sorry, you do not have permission to edit members."
+};
 var validations$1 = {
 	enterRoleName: "Please enter a valid role name.",
 	filterInvalidEmails: "Click here to remove invalid emails.",
@@ -3906,6 +3909,7 @@ var en = {
 	helpers: helpers$1,
 	metaNames: metaNames$1,
 	placeholders: placeholders$1,
+	tooltips: tooltips$1,
 	validations: validations$1
 };
 
@@ -3980,6 +3984,14 @@ var placeholders = {
 	enterRoleName: "Veuillez entrer le nom du rôle",
 	role: "Veuillez sélectionner un rôle"
 };
+var tooltips = {
+	activateUserToEdit: "Veuillez activer l'utilisateur pour modifier son rôle.",
+	editAdminRoleNotAllowed: "Désolé, vous n'êtes pas autorisé à modifier le rôle admin.",
+	editCurrentUserNotAllowed: "Désolé, vous n'êtes pas autorisé à modifier votre rôle.",
+	noPermissionToAddMember: "Désolé, vous n'avez pas la permission d'ajouter un membre.",
+	noPermissionToAddRole: "Désolé, vous n'avez pas la permission d'ajouter un nouveau rôle.",
+	noPermissionToEditMembers: "Désolé, vous n'avez pas la permission de modifier les membres."
+};
 var validations = {
 	filterInvalidEmails: "Cliquez ici pour supprimer les e-mails invalides.",
 	minOneEmail: "Veuillez saisir au moins une adresse e-mail.",
@@ -3993,6 +4005,7 @@ var fr = {
 	helpers: helpers,
 	metaNames: metaNames,
 	placeholders: placeholders,
+	tooltips: tooltips,
 	validations: validations
 };
 
@@ -4097,7 +4110,7 @@ var Subscribable = /*#__PURE__*/function () {
 // TYPES
 // UTILS
 var isServer = typeof window === 'undefined';
-function noop$2() {
+function noop$3() {
   return undefined;
 }
 function functionalUpdate(updater, input) {
@@ -4960,7 +4973,7 @@ var Query = /*#__PURE__*/function () {
 
     var promise = this.promise;
     (_this$retryer = this.retryer) == null ? void 0 : _this$retryer.cancel(options);
-    return promise ? promise.then(noop$2).catch(noop$2) : Promise.resolve();
+    return promise ? promise.then(noop$3).catch(noop$3) : Promise.resolve();
   };
 
   _proto.destroy = function destroy() {
@@ -5534,7 +5547,7 @@ var Mutation = /*#__PURE__*/function () {
   _proto.cancel = function cancel() {
     if (this.retryer) {
       this.retryer.cancel();
-      return this.retryer.promise.then(noop$2).catch(noop$2);
+      return this.retryer.promise.then(noop$3).catch(noop$3);
     }
 
     return Promise.resolve();
@@ -5823,7 +5836,7 @@ var MutationCache = /*#__PURE__*/function (_Subscribable) {
     return notifyManager.batch(function () {
       return pausedMutations.reduce(function (promise, mutation) {
         return promise.then(function () {
-          return mutation.continue().catch(noop$2);
+          return mutation.continue().catch(noop$3);
         });
       }, Promise.resolve());
     });
@@ -6106,7 +6119,7 @@ var QueryClient = /*#__PURE__*/function () {
         return query.cancel(cancelOptions);
       });
     });
-    return Promise.all(promises).then(noop$2).catch(noop$2);
+    return Promise.all(promises).then(noop$3).catch(noop$3);
   };
 
   _proto.invalidateQueries = function invalidateQueries(arg1, arg2, arg3) {
@@ -6151,10 +6164,10 @@ var QueryClient = /*#__PURE__*/function () {
         }));
       });
     });
-    var promise = Promise.all(promises).then(noop$2);
+    var promise = Promise.all(promises).then(noop$3);
 
     if (!(options == null ? void 0 : options.throwOnError)) {
-      promise = promise.catch(noop$2);
+      promise = promise.catch(noop$3);
     }
 
     return promise;
@@ -6173,7 +6186,7 @@ var QueryClient = /*#__PURE__*/function () {
   };
 
   _proto.prefetchQuery = function prefetchQuery(arg1, arg2, arg3) {
-    return this.fetchQuery(arg1, arg2, arg3).then(noop$2).catch(noop$2);
+    return this.fetchQuery(arg1, arg2, arg3).then(noop$3).catch(noop$3);
   };
 
   _proto.fetchInfiniteQuery = function fetchInfiniteQuery(arg1, arg2, arg3) {
@@ -6183,7 +6196,7 @@ var QueryClient = /*#__PURE__*/function () {
   };
 
   _proto.prefetchInfiniteQuery = function prefetchInfiniteQuery(arg1, arg2, arg3) {
-    return this.fetchInfiniteQuery(arg1, arg2, arg3).then(noop$2).catch(noop$2);
+    return this.fetchInfiniteQuery(arg1, arg2, arg3).then(noop$3).catch(noop$3);
   };
 
   _proto.cancelMutations = function cancelMutations() {
@@ -6194,7 +6207,7 @@ var QueryClient = /*#__PURE__*/function () {
         return mutation.cancel();
       });
     });
-    return Promise.all(promises).then(noop$2).catch(noop$2);
+    return Promise.all(promises).then(noop$3).catch(noop$3);
   };
 
   _proto.resumePausedMutations = function resumePausedMutations() {
@@ -6498,7 +6511,7 @@ var QueryObserver = /*#__PURE__*/function (_Subscribable) {
     var promise = this.currentQuery.fetch(this.options, fetchOptions);
 
     if (!(fetchOptions == null ? void 0 : fetchOptions.throwOnError)) {
-      promise = promise.catch(noop$2);
+      promise = promise.catch(noop$3);
     }
 
     return promise;
@@ -7090,7 +7103,7 @@ function useMutation(arg1, arg2, arg3) {
     };
   }, []);
   var mutate = React.useCallback(function (variables, mutateOptions) {
-    obsRef.current.mutate(variables, mutateOptions).catch(noop$2);
+    obsRef.current.mutate(variables, mutateOptions).catch(noop$3);
   }, []);
 
   if (currentResult.error && shouldThrowError(undefined, obsRef.current.options.useErrorBoundary, [currentResult.error])) {
@@ -7745,31 +7758,31 @@ var _default = function (file, acceptedFiles) {
   return true;
 };
 
-function _toConsumableArray$1(arr) { return _arrayWithoutHoles$1(arr) || _iterableToArray$1(arr) || _unsupportedIterableToArray$1(arr) || _nonIterableSpread$1(); }
+function _toConsumableArray$1(arr) { return _arrayWithoutHoles$1(arr) || _iterableToArray$1(arr) || _unsupportedIterableToArray$3(arr) || _nonIterableSpread$1(); }
 
 function _nonIterableSpread$1() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
 function _iterableToArray$1(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 
-function _arrayWithoutHoles$1(arr) { if (Array.isArray(arr)) return _arrayLikeToArray$1(arr); }
+function _arrayWithoutHoles$1(arr) { if (Array.isArray(arr)) return _arrayLikeToArray$3(arr); }
 
-function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty$2(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _defineProperty$1(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty$2(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _slicedToArray$1(arr, i) { return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest$1(); }
+function _slicedToArray$3(arr, i) { return _arrayWithHoles$3(arr) || _iterableToArrayLimit$3(arr, i) || _unsupportedIterableToArray$3(arr, i) || _nonIterableRest$3(); }
 
-function _nonIterableRest$1() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _nonIterableRest$3() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-function _unsupportedIterableToArray$1(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$1(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen); }
+function _unsupportedIterableToArray$3(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$3(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$3(o, minLen); }
 
-function _arrayLikeToArray$1(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _arrayLikeToArray$3(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _iterableToArrayLimit$1(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit$3(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
-function _arrayWithHoles$1(arr) { if (Array.isArray(arr)) return arr; }
+function _arrayWithHoles$3(arr) { if (Array.isArray(arr)) return arr; }
 
 var FILE_INVALID_TYPE = "file-invalid-type";
 var FILE_TOO_LARGE = "file-too-large";
@@ -7849,11 +7862,11 @@ function allFilesAccepted(_ref) {
 
   return files.every(function (file) {
     var _fileAccepted = fileAccepted(file, accept),
-        _fileAccepted2 = _slicedToArray$1(_fileAccepted, 1),
+        _fileAccepted2 = _slicedToArray$3(_fileAccepted, 1),
         accepted = _fileAccepted2[0];
 
     var _fileMatchSize = fileMatchSize(file, minSize, maxSize),
-        _fileMatchSize2 = _slicedToArray$1(_fileMatchSize, 1),
+        _fileMatchSize2 = _slicedToArray$3(_fileMatchSize, 1),
         sizeMatch = _fileMatchSize2[0];
 
     var customErrors = validator ? validator(file) : null;
@@ -7950,7 +7963,7 @@ function canUseFileSystemAccessAPI() {
 function pickerOptionsFromAccept(accept) {
   if (isDefined(accept)) {
     var acceptForPicker = Object.entries(accept).filter(function (_ref2) {
-      var _ref3 = _slicedToArray$1(_ref2, 2),
+      var _ref3 = _slicedToArray$3(_ref2, 2),
           mimeType = _ref3[0],
           ext = _ref3[1];
 
@@ -7968,11 +7981,11 @@ function pickerOptionsFromAccept(accept) {
 
       return ok;
     }).reduce(function (agg, _ref4) {
-      var _ref5 = _slicedToArray$1(_ref4, 2),
+      var _ref5 = _slicedToArray$3(_ref4, 2),
           mimeType = _ref5[0],
           ext = _ref5[1];
 
-      return _objectSpread$8(_objectSpread$8({}, agg), {}, _defineProperty$1({}, mimeType, ext));
+      return _objectSpread$9(_objectSpread$9({}, agg), {}, _defineProperty$2({}, mimeType, ext));
     }, {});
     return [{
       accept: acceptForPicker
@@ -7990,7 +8003,7 @@ function pickerOptionsFromAccept(accept) {
 function acceptPropAsAcceptAttr(accept) {
   if (isDefined(accept)) {
     return Object.entries(accept).reduce(function (a, _ref6) {
-      var _ref7 = _slicedToArray$1(_ref6, 2),
+      var _ref7 = _slicedToArray$3(_ref6, 2),
           mimeType = _ref7[0],
           ext = _ref7[1];
 
@@ -8063,31 +8076,31 @@ var _excluded$3 = ["children"],
     _excluded3$1 = ["refKey", "role", "onKeyDown", "onFocus", "onBlur", "onClick", "onDragEnter", "onDragOver", "onDragLeave", "onDrop"],
     _excluded4 = ["refKey", "onChange", "onClick"];
 
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$2(arr) || _nonIterableSpread(); }
 
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray$2(arr); }
 
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _slicedToArray$2(arr, i) { return _arrayWithHoles$2(arr) || _iterableToArrayLimit$2(arr, i) || _unsupportedIterableToArray$2(arr, i) || _nonIterableRest$2(); }
 
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _nonIterableRest$2() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _unsupportedIterableToArray$2(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$2(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$2(o, minLen); }
 
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _arrayLikeToArray$2(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit$2(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _arrayWithHoles$2(arr) { if (Array.isArray(arr)) return arr; }
 
-function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty$1(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
@@ -8121,7 +8134,7 @@ var Dropzone = /*#__PURE__*/forwardRef(function (_ref, ref) {
     };
   }, [open]); // TODO: Figure out why react-styleguidist cannot create docs if we don't return a jsx element
 
-  return /*#__PURE__*/React.createElement(Fragment, null, children(_objectSpread$7(_objectSpread$7({}, props), {}, {
+  return /*#__PURE__*/React.createElement(Fragment, null, children(_objectSpread$8(_objectSpread$8({}, props), {}, {
     open: open
   })));
 });
@@ -8494,7 +8507,7 @@ var initialState = {
 function useDropzone() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
-  var _defaultProps$props = _objectSpread$7(_objectSpread$7({}, defaultProps), props),
+  var _defaultProps$props = _objectSpread$8(_objectSpread$8({}, defaultProps), props),
       accept = _defaultProps$props.accept,
       disabled = _defaultProps$props.disabled,
       getFilesFromEvent = _defaultProps$props.getFilesFromEvent,
@@ -8527,10 +8540,10 @@ function useDropzone() {
     return pickerOptionsFromAccept(accept);
   }, [accept]);
   var onFileDialogOpenCb = useMemo(function () {
-    return typeof onFileDialogOpen === "function" ? onFileDialogOpen : noop$1;
+    return typeof onFileDialogOpen === "function" ? onFileDialogOpen : noop$2;
   }, [onFileDialogOpen]);
   var onFileDialogCancelCb = useMemo(function () {
-    return typeof onFileDialogCancel === "function" ? onFileDialogCancel : noop$1;
+    return typeof onFileDialogCancel === "function" ? onFileDialogCancel : noop$2;
   }, [onFileDialogCancel]);
   /**
    * @constant
@@ -8541,7 +8554,7 @@ function useDropzone() {
   var inputRef = useRef(null);
 
   var _useReducer = useReducer(reducer, initialState),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
+      _useReducer2 = _slicedToArray$2(_useReducer, 2),
       state = _useReducer2[0],
       dispatch = _useReducer2[1];
 
@@ -8711,12 +8724,12 @@ function useDropzone() {
     var fileRejections = [];
     files.forEach(function (file) {
       var _fileAccepted = fileAccepted(file, acceptAttr),
-          _fileAccepted2 = _slicedToArray(_fileAccepted, 2),
+          _fileAccepted2 = _slicedToArray$2(_fileAccepted, 2),
           accepted = _fileAccepted2[0],
           acceptError = _fileAccepted2[1];
 
       var _fileMatchSize = fileMatchSize(file, minSize, maxSize),
-          _fileMatchSize2 = _slicedToArray(_fileMatchSize, 2),
+          _fileMatchSize2 = _slicedToArray$2(_fileMatchSize, 2),
           sizeMatch = _fileMatchSize2[0],
           sizeError = _fileMatchSize2[1];
 
@@ -8919,7 +8932,7 @@ function useDropzone() {
           onDrop = _ref2.onDrop,
           rest = _objectWithoutProperties(_ref2, _excluded3$1);
 
-      return _objectSpread$7(_objectSpread$7(_defineProperty({
+      return _objectSpread$8(_objectSpread$8(_defineProperty$1({
         onKeyDown: composeKeyboardHandler(composeEventHandlers(onKeyDown, onKeyDownCb)),
         onFocus: composeKeyboardHandler(composeEventHandlers(onFocus, onFocusCb)),
         onBlur: composeKeyboardHandler(composeEventHandlers(onBlur, onBlurCb)),
@@ -8946,7 +8959,7 @@ function useDropzone() {
           onClick = _ref3.onClick,
           rest = _objectWithoutProperties(_ref3, _excluded4);
 
-      var inputProps = _defineProperty({
+      var inputProps = _defineProperty$1({
         accept: acceptAttr,
         multiple: multiple,
         type: "file",
@@ -8958,10 +8971,10 @@ function useDropzone() {
         tabIndex: -1
       }, refKey, inputRef);
 
-      return _objectSpread$7(_objectSpread$7({}, inputProps), rest);
+      return _objectSpread$8(_objectSpread$8({}, inputProps), rest);
     };
   }, [inputRef, accept, multiple, onDropCb, disabled]);
-  return _objectSpread$7(_objectSpread$7({}, state), {}, {
+  return _objectSpread$8(_objectSpread$8({}, state), {}, {
     isFocused: isFocused && !disabled,
     getRootProps: getRootProps,
     getInputProps: getInputProps,
@@ -8980,47 +8993,47 @@ function reducer(state, action) {
   /* istanbul ignore next */
   switch (action.type) {
     case "focus":
-      return _objectSpread$7(_objectSpread$7({}, state), {}, {
+      return _objectSpread$8(_objectSpread$8({}, state), {}, {
         isFocused: true
       });
 
     case "blur":
-      return _objectSpread$7(_objectSpread$7({}, state), {}, {
+      return _objectSpread$8(_objectSpread$8({}, state), {}, {
         isFocused: false
       });
 
     case "openDialog":
-      return _objectSpread$7(_objectSpread$7({}, initialState), {}, {
+      return _objectSpread$8(_objectSpread$8({}, initialState), {}, {
         isFileDialogActive: true
       });
 
     case "closeDialog":
-      return _objectSpread$7(_objectSpread$7({}, state), {}, {
+      return _objectSpread$8(_objectSpread$8({}, state), {}, {
         isFileDialogActive: false
       });
 
     case "setDraggedFiles":
-      return _objectSpread$7(_objectSpread$7({}, state), {}, {
+      return _objectSpread$8(_objectSpread$8({}, state), {}, {
         isDragActive: action.isDragActive,
         isDragAccept: action.isDragAccept,
         isDragReject: action.isDragReject
       });
 
     case "setFiles":
-      return _objectSpread$7(_objectSpread$7({}, state), {}, {
+      return _objectSpread$8(_objectSpread$8({}, state), {}, {
         acceptedFiles: action.acceptedFiles,
         fileRejections: action.fileRejections
       });
 
     case "reset":
-      return _objectSpread$7({}, initialState);
+      return _objectSpread$8({}, initialState);
 
     default:
       return state;
   }
 }
 
-function noop$1() {}
+function noop$2() {}
 
 const Uploader = _ref => {
   let sampleFileUrl = _ref.sampleFileUrl,
@@ -9177,7 +9190,7 @@ const Csv = _ref => {
 
 const InviteLink = () => {
   const _useState = useState(false),
-        _useState2 = _slicedToArray$2(_useState, 2),
+        _useState2 = _slicedToArray$4(_useState, 2),
         isInviteLinkActive = _useState2[0],
         setIsInviteLinkActive = _useState2[1];
 
@@ -9282,7 +9295,7 @@ const Invitations = _ref => {
       otherProps = _objectWithoutProperties$1(_ref, _excluded$2);
 
   const _useState = useState(false),
-        _useState2 = _slicedToArray$2(_useState, 2),
+        _useState2 = _slicedToArray$4(_useState, 2),
         isCSVInviteSelected = _useState2[0],
         setIsCSVInviteSelected = _useState2[1];
 
@@ -9335,19 +9348,243 @@ const QUERY_KEYS = {
   PERMISSIONS: "permissions"
 };
 
-function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty$4(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 const useFetchPermissions = function () {
   let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return useQuery(QUERY_KEYS.PERMISSIONS, permissionsApi.fetch, _objectSpread$6({
+  return useQuery(QUERY_KEYS.PERMISSIONS, permissionsApi.fetch, _objectSpread$7({
     staleTime: DEFAULT_STALE_TIME,
     select: response => response.permissions || response.data.permissions,
     enabled: hasPermission(MANAGE_MEMBER_PERMISSIONS)
   }, options));
 };
 
+function _arrayWithHoles$1(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+
+function _iterableToArrayLimit$1(arr, i) {
+  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+
+  if (_i == null) return;
+  var _arr = [];
+  var _n = true;
+  var _d = false;
+
+  var _s, _e;
+
+  try {
+    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
+      _arr.push(_s.value);
+
+      if (i && _arr.length === i) break;
+    }
+  } catch (err) {
+    _d = true;
+    _e = err;
+  } finally {
+    try {
+      if (!_n && _i["return"] != null) _i["return"]();
+    } finally {
+      if (_d) throw _e;
+    }
+  }
+
+  return _arr;
+}
+
+function _arrayLikeToArray$1(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+
+  for (var i = 0, arr2 = new Array(len); i < len; i++) {
+    arr2[i] = arr[i];
+  }
+
+  return arr2;
+}
+
+function _unsupportedIterableToArray$1(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray$1(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen);
+}
+
+function _nonIterableRest$1() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _slicedToArray$1(arr, i) {
+  return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest$1();
+}
+
+function _typeof$1(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof$1(obj);
+}
+var matches = curry(function (pattern, object) {
+  var __parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : object;
+
+  if (object === pattern) return true;
+  if (typeof pattern === "function" && pattern(object, __parent)) return true;
+  if (isNil(pattern) || isNil(object)) return false;
+  if (_typeof$1(pattern) !== "object") return false;
+  return Object.entries(pattern).every(function (_ref5) {
+    var _ref6 = _slicedToArray$1(_ref5, 2),
+        key = _ref6[0],
+        value = _ref6[1];
+
+    return matches(value, object[key], __parent);
+  });
+});
+
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+curry(function (id, array) {
+  return array.filter(function (item) {
+    return item.id !== id;
+  });
+});
+curry(function (id, array) {
+  return array.find(function (item) {
+    return item.id === id;
+  });
+});
+curry(function (id, newItem, array) {
+  return array.map(function (item) {
+    return item.id === id ? newItem : item;
+  });
+});
+curry(function (id, modifier, array) {
+  return array.map(function (item) {
+    return item.id === id ? modifier(item) : item;
+  });
+});
+curry(function (pattern, array) {
+  return array.find(matches(pattern));
+});
+curry(function (pattern, array) {
+  return array.filter(complement(matches(pattern)));
+});
+curry(function (pattern, newItem, array) {
+  return array.map(function (item) {
+    return matches(pattern, item) ? newItem : item;
+  });
+});
+curry(function (pattern, modifier, array) {
+  return array.map(function (item) {
+    return matches(pattern, item) ? modifier(item) : item;
+  });
+});
+curry(function (id, array) {
+  return array.some(function (item) {
+    return item.id === id;
+  });
+});
+curry(function (pattern, array) {
+  return array.some(matches(pattern));
+});
+curry(function (pattern, array) {
+  return findLast(matches(pattern), array);
+});
+curry(function (id, array) {
+  return array.findIndex(function (item) {
+    return item.id === id;
+  });
+});
+curry(function (pattern, array) {
+  return array.findIndex(matches(pattern));
+});
+curry(function (pattern, array) {
+  return findLastIndex(matches(pattern), array);
+});
+curry(function (pattern, array) {
+  return array.filter(matches(pattern));
+});
+curry(function (pattern, array) {
+  return count(matches(pattern), array);
+});
+curry(function (keyMap, objectArray) {
+  return objectArray.map(function (object) {
+    var shallowCopy = _objectSpread$6({}, object);
+
+    for (var source in keyMap) {
+      shallowCopy[keyMap[source]] = object[source];
+    }
+
+    return shallowCopy;
+  });
+});
+curry(function (keyMap, objectArray) {
+  return objectArray.map(function (object) {
+    var shallowCopy = _objectSpread$6({}, object);
+
+    for (var source in keyMap) {
+      shallowCopy[keyMap[source]] = object[source];
+      delete shallowCopy[source];
+    }
+
+    return shallowCopy;
+  });
+});
+curry(function (keyMap, objectArray) {
+  var copyKeysSingleObject = function copyKeysSingleObject(object, keyMap) {
+    var root = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : object;
+    return _objectSpread$6(_objectSpread$6({}, object), fromPairs(toPairs(keyMap).map(function (_ref) {
+      var _ref2 = _slicedToArray$1(_ref, 2),
+          destination = _ref2[0],
+          source = _ref2[1];
+
+      if (typeof source === "function") {
+        return [destination, source(object[destination], root)];
+      } else if (Array.isArray(source)) {
+        return [destination, path$1(source, root)];
+      } else if (_typeof$1(source) === "object") {
+        return [destination, copyKeysSingleObject(object[destination], source, root)];
+      }
+
+      return [destination, object[source]];
+    })));
+  };
+
+  return objectArray.map(function (object) {
+    return copyKeysSingleObject(object, keyMap);
+  });
+});
+
+var noop$1 = function noop() {};
+complement(isNil);
+complement(isEmpty);
+curry(function (x, y) {
+  return x !== y;
+});
+complement(equals);
+
 const fetch$1 = () => axios.get("".concat(BASE_URL, "/organization_roles"));
 
 const create$1 = payload => axios.post("".concat(BASE_URL, "/organization_roles"), payload);
@@ -9371,7 +9608,7 @@ const _excluded$1 = ["onSuccess"],
 
 function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty$4(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 const useFetchRoles = function () {
   let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -9427,7 +9664,7 @@ const useUpdateRole = _ref2 => {
 
 const useDestroyRole = _ref4 => {
   let _ref4$onSuccess = _ref4.onSuccess,
-      onSuccess = _ref4$onSuccess === void 0 ? noop$4 : _ref4$onSuccess,
+      onSuccess = _ref4$onSuccess === void 0 ? noop$1 : _ref4$onSuccess,
       options = _objectWithoutProperties$1(_ref4, _excluded3);
 
   return useMutation(_ref5 => {
@@ -10844,7 +11081,11 @@ const AddRoleButton = _ref => {
   const _useTranslation = useTranslation(),
         t = _useTranslation.t;
 
-  return /*#__PURE__*/React.createElement(Button, {
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    content: t("tooltips.noPermissionToAddRole"),
+    disabled: hasPermission(MANAGE_MEMBER_PERMISSIONS),
+    position: "bottom"
+  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Button, {
     icon: Plus,
     size: "large",
     label: t("common.add_", {
@@ -10853,7 +11094,7 @@ const AddRoleButton = _ref => {
     onClick: onClick,
     disabled: !hasPermission(MANAGE_MEMBER_PERMISSIONS),
     "data-cy": "new-role-button"
-  });
+  })));
 };
 
 const Header$1 = _ref => {
@@ -10960,7 +11201,7 @@ const Permissions = _ref => {
 
 function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty$4(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 const New = _ref => {
   let isOpen = _ref.isOpen,
@@ -11195,6 +11436,10 @@ const Row = _ref => {
   }, roles.map((role, index) => /*#__PURE__*/React.createElement("div", {
     key: index,
     className: "ntm-roles-table__cell"
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    content: instance.t("tooltips.editAdminRoleNotAllowed"),
+    disabled: !identical(role.name, "Admin"),
+    position: "top"
   }, /*#__PURE__*/React.createElement("div", {
     className: "ntm-roles-table-cell__checkbox-wrapper"
   }, /*#__PURE__*/React.createElement(Checkbox, {
@@ -11205,7 +11450,7 @@ const Row = _ref => {
       let checked = _ref2.target.checked;
       return handleSubmit(role, checked);
     }
-  })), /*#__PURE__*/React.createElement(Typography, {
+  }))), /*#__PURE__*/React.createElement(Typography, {
     style: "body2",
     lineHeight: "normal"
   }, permission === null || permission === void 0 ? void 0 : permission.description))));
@@ -11319,7 +11564,7 @@ const Delete = _ref => {
 
 function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty$4(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 const Edit = _ref => {
   let isOpen = _ref.isOpen,
@@ -11404,7 +11649,7 @@ const Columns = _ref => {
       filteredGroupPermissions = _ref.filteredGroupPermissions;
 
   const _useState = useState(DEFAULT_MANAGE_ROLE_VALUES),
-        _useState2 = _slicedToArray$2(_useState, 2),
+        _useState2 = _slicedToArray$4(_useState, 2),
         manageRole = _useState2[0],
         setManageRole = _useState2[1];
 
@@ -11542,17 +11787,17 @@ const Table = _ref => {
         t = _useTranslation.t;
 
   const _useState = useState(""),
-        _useState2 = _slicedToArray$2(_useState, 2),
+        _useState2 = _slicedToArray$4(_useState, 2),
         searchTerm = _useState2[0],
         setSearchTerm = _useState2[1];
 
   const _useState3 = useState(permissionGroups),
-        _useState4 = _slicedToArray$2(_useState3, 2),
+        _useState4 = _slicedToArray$4(_useState3, 2),
         filteredGroupPermissions = _useState4[0],
         setFilteredGroupPermissions = _useState4[1];
 
   const _useState5 = useState(false),
-        _useState6 = _slicedToArray$2(_useState5, 2),
+        _useState6 = _slicedToArray$4(_useState5, 2),
         isScrollPresent = _useState6[0],
         setIsScrollPresent = _useState6[1];
 
@@ -11562,7 +11807,7 @@ const Table = _ref => {
 
   useEffect(() => {
     setFilteredGroupPermissions(fromPairs(toPairs(permissionGroups).map(_ref2 => {
-      let _ref3 = _slicedToArray$2(_ref2, 2),
+      let _ref3 = _slicedToArray$4(_ref2, 2),
           category = _ref3[0],
           options = _ref3[1];
 
@@ -11601,17 +11846,17 @@ const Roles = _ref => {
   let config = _ref.config;
 
   const _useState = useState(""),
-        _useState2 = _slicedToArray$2(_useState, 2),
+        _useState2 = _slicedToArray$4(_useState, 2),
         searchString = _useState2[0],
         setSearchString = _useState2[1];
 
   const _useState3 = useState([]),
-        _useState4 = _slicedToArray$2(_useState3, 2),
+        _useState4 = _slicedToArray$4(_useState3, 2),
         filteredRoles = _useState4[0],
         setFilteredRoles = _useState4[1];
 
   const _useState5 = useState(false),
-        _useState6 = _slicedToArray$2(_useState5, 2),
+        _useState6 = _slicedToArray$4(_useState5, 2),
         isNewRolePaneOpen = _useState6[0],
         setIsNewRolePaneOpen = _useState6[1];
 
@@ -11666,6 +11911,493 @@ Roles.defaultProps = {
 };
 var index$1 = withReactQuery(Roles);
 
+Honeybadger.beforeNotify(function (notice) {
+  return !/ResizeObserver/.test(notice.message);
+});
+Honeybadger.configure({
+  apiKey: globalProps.honeybadgerApiKey,
+  environment: globalProps.nodeEnv,
+  revision: globalProps.honeybadgerRevision,
+  developmentEnvironments: ["development", "test"],
+  enableUncaught: true,
+  async: true,
+  breadcrumbsEnabled: true,
+  projectRoot: "webpack:///./"
+});
+
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+
+function _iterableToArrayLimit(arr, i) {
+  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+
+  if (_i == null) return;
+  var _arr = [];
+  var _n = true;
+  var _d = false;
+
+  var _s, _e;
+
+  try {
+    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
+      _arr.push(_s.value);
+
+      if (i && _arr.length === i) break;
+    }
+  } catch (err) {
+    _d = true;
+    _e = err;
+  } finally {
+    try {
+      if (!_n && _i["return"] != null) _i["return"]();
+    } finally {
+      if (_d) throw _e;
+    }
+  }
+
+  return _arr;
+}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+
+  for (var i = 0, arr2 = new Array(len); i < len; i++) {
+    arr2[i] = arr[i];
+  }
+
+  return arr2;
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+
+function useDebounce(value) {
+  var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 350;
+
+  var _useState = useState(value),
+      _useState2 = _slicedToArray(_useState, 2),
+      debouncedValue = _useState2[0],
+      setDebouncedValue = _useState2[1];
+
+  useEffect(function () {
+    var handler = setTimeout(function () {
+      setDebouncedValue(value);
+    }, delay);
+    return function () {
+      clearTimeout(handler);
+    };
+  }, [value]);
+  return debouncedValue;
+}
+
+var regeneratorRuntime$1 = {exports: {}};
+
+var _typeof = {exports: {}};
+
+(function (module) {
+	function _typeof(obj) {
+	  "@babel/helpers - typeof";
+
+	  return (module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+	    return typeof obj;
+	  } : function (obj) {
+	    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+	  }, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(obj);
+	}
+
+	module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
+} (_typeof));
+
+(function (module) {
+	var _typeof$1 = _typeof.exports["default"];
+
+	function _regeneratorRuntime() {
+	  /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
+
+	  module.exports = _regeneratorRuntime = function _regeneratorRuntime() {
+	    return exports;
+	  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
+	  var exports = {},
+	      Op = Object.prototype,
+	      hasOwn = Op.hasOwnProperty,
+	      $Symbol = "function" == typeof Symbol ? Symbol : {},
+	      iteratorSymbol = $Symbol.iterator || "@@iterator",
+	      asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator",
+	      toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
+
+	  function define(obj, key, value) {
+	    return Object.defineProperty(obj, key, {
+	      value: value,
+	      enumerable: !0,
+	      configurable: !0,
+	      writable: !0
+	    }), obj[key];
+	  }
+
+	  try {
+	    define({}, "");
+	  } catch (err) {
+	    define = function define(obj, key, value) {
+	      return obj[key] = value;
+	    };
+	  }
+
+	  function wrap(innerFn, outerFn, self, tryLocsList) {
+	    var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator,
+	        generator = Object.create(protoGenerator.prototype),
+	        context = new Context(tryLocsList || []);
+	    return generator._invoke = function (innerFn, self, context) {
+	      var state = "suspendedStart";
+	      return function (method, arg) {
+	        if ("executing" === state) throw new Error("Generator is already running");
+
+	        if ("completed" === state) {
+	          if ("throw" === method) throw arg;
+	          return doneResult();
+	        }
+
+	        for (context.method = method, context.arg = arg;;) {
+	          var delegate = context.delegate;
+
+	          if (delegate) {
+	            var delegateResult = maybeInvokeDelegate(delegate, context);
+
+	            if (delegateResult) {
+	              if (delegateResult === ContinueSentinel) continue;
+	              return delegateResult;
+	            }
+	          }
+
+	          if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) {
+	            if ("suspendedStart" === state) throw state = "completed", context.arg;
+	            context.dispatchException(context.arg);
+	          } else "return" === context.method && context.abrupt("return", context.arg);
+	          state = "executing";
+	          var record = tryCatch(innerFn, self, context);
+
+	          if ("normal" === record.type) {
+	            if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
+	            return {
+	              value: record.arg,
+	              done: context.done
+	            };
+	          }
+
+	          "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
+	        }
+	      };
+	    }(innerFn, self, context), generator;
+	  }
+
+	  function tryCatch(fn, obj, arg) {
+	    try {
+	      return {
+	        type: "normal",
+	        arg: fn.call(obj, arg)
+	      };
+	    } catch (err) {
+	      return {
+	        type: "throw",
+	        arg: err
+	      };
+	    }
+	  }
+
+	  exports.wrap = wrap;
+	  var ContinueSentinel = {};
+
+	  function Generator() {}
+
+	  function GeneratorFunction() {}
+
+	  function GeneratorFunctionPrototype() {}
+
+	  var IteratorPrototype = {};
+	  define(IteratorPrototype, iteratorSymbol, function () {
+	    return this;
+	  });
+	  var getProto = Object.getPrototypeOf,
+	      NativeIteratorPrototype = getProto && getProto(getProto(values([])));
+	  NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
+	  var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
+
+	  function defineIteratorMethods(prototype) {
+	    ["next", "throw", "return"].forEach(function (method) {
+	      define(prototype, method, function (arg) {
+	        return this._invoke(method, arg);
+	      });
+	    });
+	  }
+
+	  function AsyncIterator(generator, PromiseImpl) {
+	    function invoke(method, arg, resolve, reject) {
+	      var record = tryCatch(generator[method], generator, arg);
+
+	      if ("throw" !== record.type) {
+	        var result = record.arg,
+	            value = result.value;
+	        return value && "object" == _typeof$1(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) {
+	          invoke("next", value, resolve, reject);
+	        }, function (err) {
+	          invoke("throw", err, resolve, reject);
+	        }) : PromiseImpl.resolve(value).then(function (unwrapped) {
+	          result.value = unwrapped, resolve(result);
+	        }, function (error) {
+	          return invoke("throw", error, resolve, reject);
+	        });
+	      }
+
+	      reject(record.arg);
+	    }
+
+	    var previousPromise;
+
+	    this._invoke = function (method, arg) {
+	      function callInvokeWithMethodAndArg() {
+	        return new PromiseImpl(function (resolve, reject) {
+	          invoke(method, arg, resolve, reject);
+	        });
+	      }
+
+	      return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
+	    };
+	  }
+
+	  function maybeInvokeDelegate(delegate, context) {
+	    var method = delegate.iterator[context.method];
+
+	    if (undefined === method) {
+	      if (context.delegate = null, "throw" === context.method) {
+	        if (delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel;
+	        context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method");
+	      }
+
+	      return ContinueSentinel;
+	    }
+
+	    var record = tryCatch(method, delegate.iterator, context.arg);
+	    if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
+	    var info = record.arg;
+	    return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel);
+	  }
+
+	  function pushTryEntry(locs) {
+	    var entry = {
+	      tryLoc: locs[0]
+	    };
+	    1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry);
+	  }
+
+	  function resetTryEntry(entry) {
+	    var record = entry.completion || {};
+	    record.type = "normal", delete record.arg, entry.completion = record;
+	  }
+
+	  function Context(tryLocsList) {
+	    this.tryEntries = [{
+	      tryLoc: "root"
+	    }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
+	  }
+
+	  function values(iterable) {
+	    if (iterable) {
+	      var iteratorMethod = iterable[iteratorSymbol];
+	      if (iteratorMethod) return iteratorMethod.call(iterable);
+	      if ("function" == typeof iterable.next) return iterable;
+
+	      if (!isNaN(iterable.length)) {
+	        var i = -1,
+	            next = function next() {
+	          for (; ++i < iterable.length;) {
+	            if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
+	          }
+
+	          return next.value = undefined, next.done = !0, next;
+	        };
+
+	        return next.next = next;
+	      }
+	    }
+
+	    return {
+	      next: doneResult
+	    };
+	  }
+
+	  function doneResult() {
+	    return {
+	      value: undefined,
+	      done: !0
+	    };
+	  }
+
+	  return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) {
+	    var ctor = "function" == typeof genFun && genFun.constructor;
+	    return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
+	  }, exports.mark = function (genFun) {
+	    return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun;
+	  }, exports.awrap = function (arg) {
+	    return {
+	      __await: arg
+	    };
+	  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
+	    return this;
+	  }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) {
+	    void 0 === PromiseImpl && (PromiseImpl = Promise);
+	    var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
+	    return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) {
+	      return result.done ? result.value : iter.next();
+	    });
+	  }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () {
+	    return this;
+	  }), define(Gp, "toString", function () {
+	    return "[object Generator]";
+	  }), exports.keys = function (object) {
+	    var keys = [];
+
+	    for (var key in object) {
+	      keys.push(key);
+	    }
+
+	    return keys.reverse(), function next() {
+	      for (; keys.length;) {
+	        var key = keys.pop();
+	        if (key in object) return next.value = key, next.done = !1, next;
+	      }
+
+	      return next.done = !0, next;
+	    };
+	  }, exports.values = values, Context.prototype = {
+	    constructor: Context,
+	    reset: function reset(skipTempReset) {
+	      if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) {
+	        "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined);
+	      }
+	    },
+	    stop: function stop() {
+	      this.done = !0;
+	      var rootRecord = this.tryEntries[0].completion;
+	      if ("throw" === rootRecord.type) throw rootRecord.arg;
+	      return this.rval;
+	    },
+	    dispatchException: function dispatchException(exception) {
+	      if (this.done) throw exception;
+	      var context = this;
+
+	      function handle(loc, caught) {
+	        return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught;
+	      }
+
+	      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+	        var entry = this.tryEntries[i],
+	            record = entry.completion;
+	        if ("root" === entry.tryLoc) return handle("end");
+
+	        if (entry.tryLoc <= this.prev) {
+	          var hasCatch = hasOwn.call(entry, "catchLoc"),
+	              hasFinally = hasOwn.call(entry, "finallyLoc");
+
+	          if (hasCatch && hasFinally) {
+	            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
+	            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
+	          } else if (hasCatch) {
+	            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
+	          } else {
+	            if (!hasFinally) throw new Error("try statement without catch or finally");
+	            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
+	          }
+	        }
+	      }
+	    },
+	    abrupt: function abrupt(type, arg) {
+	      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+	        var entry = this.tryEntries[i];
+
+	        if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
+	          var finallyEntry = entry;
+	          break;
+	        }
+	      }
+
+	      finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null);
+	      var record = finallyEntry ? finallyEntry.completion : {};
+	      return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record);
+	    },
+	    complete: function complete(record, afterLoc) {
+	      if ("throw" === record.type) throw record.arg;
+	      return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel;
+	    },
+	    finish: function finish(finallyLoc) {
+	      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+	        var entry = this.tryEntries[i];
+	        if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel;
+	      }
+	    },
+	    "catch": function _catch(tryLoc) {
+	      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+	        var entry = this.tryEntries[i];
+
+	        if (entry.tryLoc === tryLoc) {
+	          var record = entry.completion;
+
+	          if ("throw" === record.type) {
+	            var thrown = record.arg;
+	            resetTryEntry(entry);
+	          }
+
+	          return thrown;
+	        }
+	      }
+
+	      throw new Error("illegal catch attempt");
+	    },
+	    delegateYield: function delegateYield(iterable, resultName, nextLoc) {
+	      return this.delegate = {
+	        iterator: values(iterable),
+	        resultName: resultName,
+	        nextLoc: nextLoc
+	      }, "next" === this.method && (this.arg = undefined), ContinueSentinel;
+	    }
+	  }, exports;
+	}
+
+	module.exports = _regeneratorRuntime, module.exports.__esModule = true, module.exports["default"] = module.exports;
+} (regeneratorRuntime$1));
+
+// TODO(Babel 8): Remove this file.
+
+var runtime = regeneratorRuntime$1.exports();
+
+// Copied from https://github.com/facebook/regenerator/blob/main/packages/runtime/runtime.js#L736=
+try {
+  regeneratorRuntime = runtime;
+} catch (accidentalStrictMode) {
+  if (typeof globalThis === "object") {
+    globalThis.regeneratorRuntime = runtime;
+  } else {
+    Function("r", "regeneratorRuntime = r")(runtime);
+  }
+}
+Yup.object().shape({
+  email: Yup.string().email("Please enter a valid email").required("Email is required"),
+  password: Yup.string().required("Password is required")
+});
+
 const fetch = params => axios.get("".concat(BASE_URL, "/teams"), {
   params
 });
@@ -11685,14 +12417,15 @@ const _excluded = ["onSuccess"],
 
 function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty$4(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 const useFetchMembers = function () {
   let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return useQuery([QUERY_KEYS.TEAMS, params], () => teamsApi.fetch(params), _objectSpread$2({
     staleTime: DEFAULT_STALE_TIME,
-    select: response => response.data || response
+    select: response => response.data || response,
+    keepPreviousData: true
   }, options));
 };
 
@@ -11733,7 +12466,11 @@ const Header = _ref => {
       metaName = _ref$metaName === void 0 ? "" : _ref$metaName,
       _ref$onClick = _ref.onClick,
       onClick = _ref$onClick === void 0 ? noop : _ref$onClick;
-  return /*#__PURE__*/React.createElement(Button, {
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    content: instance.t("tooltips.noPermissionToAddMember"),
+    disabled: hasPermission(MANAGE_MEMBER_PERMISSIONS),
+    position: "bottom"
+  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Button, {
     icon: Plus,
     size: "large",
     label: instance.t("common.add_", {
@@ -11741,7 +12478,7 @@ const Header = _ref => {
     }),
     disabled: !hasPermission(MANAGE_MEMBER_PERMISSIONS),
     onClick: onClick
-  });
+  })));
 };
 
 const Left = _ref => {
@@ -11819,7 +12556,7 @@ const DEFAULT_FILTER_VALUES = {
 
 function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty$4(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 const renderNameColumn = (_ref, diplayStatusTag) => {
   let displayName = _ref.displayName,
@@ -11840,22 +12577,38 @@ const renderNameColumn = (_ref, diplayStatusTag) => {
   }));
 };
 
+const isCurrentUserEmail = email => {
+  const user = window.globalProps.user;
+  return (user === null || user === void 0 ? void 0 : user.email) === email;
+};
+
+const isDropDownButtonDisabled = email => !hasPermission(MANAGE_MEMBER_PERMISSIONS) || isCurrentUserEmail(email);
+
+const getDropDownTooltipContent = email => isCurrentUserEmail(email) ? instance.t("tooltips.editCurrentUserNotAllowed") : instance.t("tooltips.noPermissionToEditMembers");
+
 const renderDropdownButton = (_ref2, handleUpdateStatus, handleUpdateRole) => {
   let displayName = _ref2.displayName,
       id = _ref2.id,
       active = _ref2.active,
       email = _ref2.email,
       role = _ref2.role;
-  const user = window.globalProps.user;
-  return /*#__PURE__*/React.createElement(Dropdown, {
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    content: getDropDownTooltipContent(email),
+    disabled: !isDropDownButtonDisabled(email),
+    position: "top"
+  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Dropdown, {
     icon: MenuHorizontal,
     buttonStyle: "text",
     buttonProps: DROPDOWN_BUTTON_PROPS,
     strategy: "fixed",
-    disabled: !hasPermission(MANAGE_MEMBER_PERMISSIONS) || (user === null || user === void 0 ? void 0 : user.email) === email
+    disabled: isDropDownButtonDisabled(email)
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    content: instance.t("tooltips.activateUserToEdit"),
+    disabled: active,
+    position: "top"
   }, /*#__PURE__*/React.createElement("li", {
     className: "ntm-dropdown__item",
-    onClick: () => handleUpdateRole({
+    onClick: () => active && handleUpdateRole({
       id,
       email,
       role
@@ -11865,7 +12618,7 @@ const renderDropdownButton = (_ref2, handleUpdateStatus, handleUpdateRole) => {
     label: instance.t("common.edit"),
     disabled: !active,
     style: "text"
-  })), /*#__PURE__*/React.createElement("li", {
+  }))), /*#__PURE__*/React.createElement("li", {
     className: "ntm-dropdown__item",
     onClick: () => handleUpdateStatus({
       id,
@@ -11876,7 +12629,7 @@ const renderDropdownButton = (_ref2, handleUpdateStatus, handleUpdateRole) => {
     className: "ntm-dropdown__button",
     label: active ? instance.t("common.deactivate") : instance.t("common.activate"),
     style: active ? "danger-text" : "text"
-  })));
+  })))));
 };
 
 const getColumnData = _ref3 => {
@@ -11962,9 +12715,9 @@ const renderPaginationProps = size => ({
 });
 const getPerCategoryCount = (perCategoryCount, category) => isNil(perCategoryCount) ? MEMBER_FILTER[category].defaultCount : perCategoryCount[category === null || category === void 0 ? void 0 : category.toLowerCase()];
 
-const VALIDATION_SCHEMA = yup.object().shape({
-  emails: yup.array().min(1, instance.t("validations.minOneEmail")).test("are-all-emails-valid", instance.t("validations.validEmail"), emails => emails.every(prop("valid"))).nullable(),
-  role: yup.string().required(instance.t("validations.roleRequired"))
+const VALIDATION_SCHEMA = Yup.object().shape({
+  emails: Yup.array().min(1, instance.t("validations.minOneEmail")).test("are-all-emails-valid", instance.t("validations.validEmail"), emails => emails.every(prop("valid"))).nullable(),
+  role: Yup.string().required(instance.t("validations.roleRequired"))
 });
 const FILTER_INVALID_EMAILS = {
   label: instance.t("validations.filterInvalidEmails")
@@ -12130,24 +12883,24 @@ const Menu = _ref => {
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty$4(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 const TeamMembers = _ref => {
   let metaName = _ref.metaName,
       config = _ref.config;
 
   const _useState = useState(DEFAULT_IS_OPEN_VALUES),
-        _useState2 = _slicedToArray$2(_useState, 2),
+        _useState2 = _slicedToArray$4(_useState, 2),
         isOpen = _useState2[0],
         setIsOpen = _useState2[1];
 
   const _useState3 = useState(DEFAULT_FILTER_VALUES),
-        _useState4 = _slicedToArray$2(_useState3, 2),
+        _useState4 = _slicedToArray$4(_useState3, 2),
         filters = _useState4[0],
         setFilters = _useState4[1];
 
   const _useState5 = useState(null),
-        _useState6 = _slicedToArray$2(_useState5, 2),
+        _useState6 = _slicedToArray$4(_useState5, 2),
         selectedMember = _useState6[0],
         setSelectedMember = _useState6[1];
 
@@ -12158,7 +12911,8 @@ const TeamMembers = _ref => {
     category: filters.category.toLowerCase()
   })),
         team = _useFetchMembers.data,
-        isMembersLoading = _useFetchMembers.isLoading;
+        isMembersLoading = _useFetchMembers.isLoading,
+        isMembersFetching = _useFetchMembers.isFetching;
 
   const _useFetchRoles = useFetchRoles({
     select: response => {
@@ -12226,14 +12980,14 @@ const TeamMembers = _ref => {
     handlePageChange(setFilters, filter)(DEFAULT_PAGE_NUMBER, filters.results);
   };
 
-  const handleTableChange = (pagination, filters, sorter) => {
+  const handleTableChange = (_, __, sorter) => {
     setFilters(mergeLeft({
       sort_by: sorter.field,
       sort_direction: sorter.order
     }));
   };
 
-  if (isRolesLoading) {
+  if (isRolesLoading || isMembersLoading) {
     return /*#__PURE__*/React.createElement("div", {
       className: "ntm-members-page-loader"
     }, /*#__PURE__*/React.createElement(PageLoader, null));
@@ -12274,7 +13028,7 @@ const TeamMembers = _ref => {
     totalCount: team === null || team === void 0 ? void 0 : team.membersCount,
     allowRowClick: false,
     rowSelection: false,
-    loading: isMembersLoading,
+    loading: isMembersFetching,
     defaultPageSize: parseInt(filters.results, DEFAULT_RADIX),
     rowData: team === null || team === void 0 ? void 0 : team.members,
     columnData: getColumnData({
@@ -12282,7 +13036,7 @@ const TeamMembers = _ref => {
       handleUpdateStatus,
       handleUpdateRole
     }),
-    onChange: (pagination, filters, sorter) => handleTableChange(pagination, filters, sorter),
+    onChange: (_, __, sorter) => handleTableChange(_, __, sorter),
     currentPageNumber: parseInt(filters.page, DEFAULT_RADIX),
     paginationProps: renderPaginationProps(filters.results),
     handlePageChange: handlePageChange(setFilters, filters.category)
@@ -12318,5 +13072,10 @@ TeamMembers.defaultProps = {
 };
 var index = withReactQuery(TeamMembers);
 
+var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
+
+var css = ":root {\n  --ntm-roles-table-default-scroll: 15px;\n}\n\n.ntm-dropdown__item {\n  background-color: transparent !important;\n  padding: 0 !important;\n}\n\n.ntm-dropdown__button {\n  border-radius: 0 !important;\n  font-weight: 400;\n  min-height: 34px;\n  min-width: 150px;\n  text-align: left;\n  width: 100%;\n}\n\n.ntm-scrollbar__inner {\n  width: 100%;\n  height: 200px;\n}\n.ntm-scrollbar__outer {\n  position: \"absolute\";\n  top: 0px;\n  left: 0px;\n  width: 200px;\n  height: 150px;\n  overflow: \"hidden\";\n  visibility: \"hidden\";\n}\n\n.ntm-empty-state {\n  align-items: center;\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  width: 100%;\n}\n.ntm-empty-state__image {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 2rem;\n}\n.ntm-empty-state__title--with-action-block {\n  margin-bottom: 1rem;\n}\n.ntm-empty-state__action-block {\n  display: flex;\n  justify-content: center;\n}\n\n.ntm-members {\n  overflow: auto;\n  width: 100%;\n  background-color: #ffffff;\n}\n.ntm-members-wrapper {\n  display: flex;\n}\n.ntm-members-page-loader {\n  width: 100%;\n  height: 100vh;\n}\n.ntm-members__table-wrapper {\n  height: calc(100vh - 205px);\n  width: 100%;\n}\n.ntm-members-table__column {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.ntm-members-modal__header {\n  margin-bottom: 0.5rem;\n}\n.ntm-members-modal__body > * + * {\n  margin-top: 1rem;\n}\n.ntm-members-modal__footer {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ntm-roles-header {\n  border-bottom: 1px solid #d8dcde;\n}\n\n.ntm-roles-table__wrapper {\n  width: 100%;\n  height: calc(100vh - 80px);\n  display: flex;\n  background-color: #ffffff;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar {\n  width: 396px;\n  min-width: 396px;\n  border-right: thin solid #d8dcde;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__search {\n  padding: 24px 24px 16px;\n  height: 72px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__list {\n  height: calc(\n        100vh - 80px - 72px -\n          var(--ntm-roles-table-default-scroll)\n      );\n  overflow-y: auto;\n  padding-left: 24px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__list .ntm-roles-table-sidebar__list-item {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 8px;\n  min-height: 48px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__list .ntm-roles-table-sidebar__list-item.ntm-roles-table-sidebar__list-item--highlighted {\n  background-color: #eaf3fc;\n  padding: 12px 8px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__list .ntm-roles-table-sidebar__list-item:not(.ntm-roles-table-sidebar__list-item--highlighted) {\n  border-bottom: thin solid #d8dcde;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns {\n  width: calc(\n      100vw - 64px - 396px - 24px\n    );\n  overflow: hidden;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__cell {\n  width: 100%;\n  min-width: 200px;\n  min-height: 48px;\n  padding: 12px 8px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-right: thin solid #d8dcde;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table-cell__checkbox-wrapper {\n  position: absolute;\n  height: 1rem;\n  width: 1rem;\n  margin: auto;\n  z-index: 10;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table-cell__checkbox {\n  z-index: 10;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header {\n  display: flex;\n  align-items: center;\n  overflow-x: auto;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header .ntm-roles-table__cell {\n  height: 72px;\n  padding-left: 24px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header .ntm-roles-table-header-cell__container {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 1rem;\n  overflow: hidden;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header .ntm-roles-table-header__role-name {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows {\n  width: 100%;\n  height: calc(\n        100vh - 80px - 72px -\n          var(--ntm-roles-table-default-scroll)\n      );\n  overflow-y: auto;\n  scrollbar-width: none;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar {\n  width: 0px;\n  height: 0px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar-thumb {\n  background: #d8dcde;\n  border-radius: 50px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar-thumb:hover {\n  background: #939ea4;\n  border-radius: 50px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar-track {\n  background: #d8dcde;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row {\n  display: flex;\n  align-items: center;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row .ntm-roles-table__cell {\n  overflow: hidden;\n  position: relative;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row .ntm-roles-table__cell p {\n  opacity: 0;\n  width: 340px;\n  min-width: 340px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row.ntm-roles-table__row--highlighted .ntm-roles-table__cell {\n  background-color: #eaf3fc;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row:not(.ntm-roles-table__row--highlighted) .ntm-roles-table__cell {\n  border-bottom: thin solid #d8dcde;\n}\n\n.ntm-roles-table-sidebar__drop-down-button {\n  color: #68737d;\n  cursor: pointer;\n}\n\n.ntm-roles-modal__body > * + * {\n  margin-top: 1rem;\n}\n.ntm-roles-modal__footer {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ntm-roles-pane__body {\n  width: 100%;\n  margin-bottom: 1.5rem;\n}\n.ntm-roles-pane__body-wrapper > * + * {\n  margin-top: 1rem;\n}\n.ntm-roles-pane__body > * + * {\n  margin-top: 1.5rem;\n}\n.ntm-roles-pane__footer {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ntm-roles-permission > * + * {\n  margin: 0.5rem;\n}\n.ntm-roles-permission__heading {\n  color: #87929d;\n  text-transform: uppercase;\n}\n.ntm-roles-permission__card {\n  background-color: white;\n  box-shadow: 0px 3px 12px -1px rgba(28, 52, 84, 0.12), 0px 2px 4px -1px rgba(28, 55, 90, 0.08);\n  border-radius: 0.125rem;\n  border-width: 1px;\n  border-color: #d8dcde;\n  cursor: pointer;\n  display: flex;\n  gap: 0.75rem;\n  padding: 1rem 0.75rem;\n}\n.ntm-roles-permission__card--description {\n  flex-grow: 1;\n}\n.ntm-roles-permission__card--checkbox {\n  padding: 0 0.5rem;\n}\n\n.ntm-invitations__wrapper .ntm-invitations__header {\n  height: 28px;\n}\n.ntm-invitations__wrapper .ntm-invitations__body {\n  display: flex;\n  flex-direction: column;\n}\n.ntm-invitations__wrapper .ntm-invitations__body > * {\n  margin-bottom: 8px;\n}\n.ntm-invitations__wrapper .ntm-invitations__body-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.ntm-invitations__wrapper .ntm-invitations__body-header div {\n  display: flex;\n  align-items: center;\n}\n.ntm-invitations__wrapper .ntm-invitations__body-header div p {\n  margin-right: 8px;\n}\n.ntm-invitations__wrapper .ntm-invitations__body .ntm-invitations__dnd {\n  color: #49545c;\n  background: #f8f9f9;\n  padding: 20px 40px;\n  border: 1px dashed;\n  border-radius: 6px;\n  cursor: pointer;\n  counter-reset: dnd-counter;\n}\n.ntm-invitations__wrapper .ntm-invitations__body .ntm-invitations__dnd h3 {\n  margin-bottom: 8px;\n  text-align: center !important;\n}\n.ntm-invitations__wrapper .ntm-invitations__body .ntm-invitations__dnd p::before {\n  counter-increment: dnd-counter;\n  content: counter(dnd-counter) \". \";\n}\n.ntm-invitations__wrapper .ntm-invitations__body .ntm-invitations__submit-btn {\n  align-self: end !important;\n  margin-top: 16px;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer {\n  background: #f8f9f9;\n  margin-top: 24px;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__invite-link {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__invite-link-instructions {\n  display: flex;\n  flex-direction: column;\n  width: 50%;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__invite-link-instructions h4 {\n  margin-bottom: 8px;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__invite-link-btns {\n  display: flex;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__invite-link-btns > button:first-child {\n  margin-right: 8px;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__table {\n  max-height: 192px;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__table-filename {\n  display: flex;\n  align-items: center;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__table-filename svg {\n  margin-right: 4px;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__table-status {\n  text-transform: capitalize;\n}";
+n(css,{});
+
 export { index$2 as Invitations, index$1 as Roles, index as TeamMembers, hasPermission };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.esm.js.map