@bigbinary/neeto-team-members-frontend 2.2.5 → 2.2.8

package/dist/index.esm.js

@@ -1,39 +1,39 @@
-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',
@@ -120,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));
     }
@@ -339,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); }; }
 
@@ -584,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); }; }
 
@@ -675,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);
       }
 
@@ -1507,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() {
@@ -1729,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();
@@ -1852,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); }; }
 
@@ -1892,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 = [];
 
@@ -1998,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, {});
 
@@ -2024,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);
@@ -2150,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];
@@ -2194,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));
@@ -2266,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) {
@@ -2365,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);
@@ -2426,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;
@@ -2474,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);
@@ -2609,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];
           }
@@ -2753,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
@@ -2799,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);
@@ -2843,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) {
@@ -2856,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) {
@@ -2864,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) {
@@ -2872,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';
@@ -2922,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++) {
@@ -3132,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];
   }
 };
 
@@ -3159,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'
 
   };
 }
@@ -3294,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: '',
@@ -3311,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;
@@ -3438,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;
@@ -3451,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) {
@@ -3466,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;
@@ -3499,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);
 
@@ -3529,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);
@@ -3546,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));
   }
@@ -3566,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);
@@ -3578,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))) {
@@ -3605,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
           })));
         }
@@ -3676,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'];
@@ -3684,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,
@@ -3703,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();
@@ -3742,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;
@@ -3758,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];
 
@@ -3803,7 +3800,7 @@ function useTranslation(ns) {
     }
 
     isInitial.current = false;
-  }, [i18n]);
+  }, [i18n, keyPrefix]);
   var ret = [t, i18n, ready];
   ret.t = t;
   ret.i18n = i18n;
@@ -3890,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.",
@@ -3904,6 +3909,7 @@ var en = {
 	helpers: helpers$1,
 	metaNames: metaNames$1,
 	placeholders: placeholders$1,
+	tooltips: tooltips$1,
 	validations: validations$1
 };
 
@@ -3978,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.",
@@ -3991,6 +4005,7 @@ var fr = {
 	helpers: helpers,
 	metaNames: metaNames,
 	placeholders: placeholders,
+	tooltips: tooltips,
 	validations: validations
 };
 
@@ -4095,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) {
@@ -4958,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() {
@@ -5532,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();
@@ -5821,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());
     });
@@ -6104,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) {
@@ -6149,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;
@@ -6171,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) {
@@ -6181,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() {
@@ -6192,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() {
@@ -6496,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;
@@ -7088,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])) {
@@ -7743,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";
@@ -7847,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;
@@ -7948,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];
 
@@ -7966,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
@@ -7988,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];
 
@@ -8061,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; }
 
@@ -8119,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
   })));
 });
@@ -8492,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,
@@ -8525,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
@@ -8539,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];
 
@@ -8709,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];
 
@@ -8917,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)),
@@ -8944,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",
@@ -8956,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,
@@ -8978,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,
@@ -9173,9 +9188,56 @@ const Csv = _ref => {
   }, /*#__PURE__*/React.createElement(Uploads, null)));
 };
 
-const InviteLink = () => {
+var dist$1 = {exports: {}};
+
+(function (module, exports) {
+	!function(e,t){module.exports=t(React);}("undefined"!=typeof self?self:commonjsGlobal,function(e){return function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n});},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0});},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=3)}([function(t,r){t.exports=e;},function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.Validate=t.Time=void 0;var n=u(r(5)),o=u(r(6));function u(e){return e&&e.__esModule?e:{default:e}}t.Time=n.default,t.Validate=o.default;},function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.useInterval=void 0;var n=function(e){return e&&e.__esModule?e:{default:e}}(r(7));t.useInterval=n.default;},function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.useTime=t.useStopwatch=t.useTimer=void 0;var n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);}return e};t.default=function(e){if((0, o.useEffect)(function(){console.warn("react-timer-hook: default export useTimer is deprecated, use named exports { useTimer, useStopwatch, useTime } instead");},[]),e.expiryTimestamp){var t=(0, u.default)(e);return n({},t,{startTimer:t.start,stopTimer:t.pause,resetTimer:function(){}})}var r=(0, i.default)(e);return n({},r,{startTimer:r.start,stopTimer:r.pause,resetTimer:r.reset})};var o=r(0),u=c(r(4)),i=c(r(8)),a=c(r(9));function c(e){return e&&e.__esModule?e:{default:e}}t.useTimer=u.default,t.useStopwatch=i.default,t.useTime=a.default;},function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);}return e},o=function(){return function(e,t){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return function(e,t){var r=[],n=!0,o=!1,u=void 0;try{for(var i,a=e[Symbol.iterator]();!(n=(i=a.next()).done)&&(r.push(i.value),!t||r.length!==t);n=!0);}catch(e){o=!0,u=e;}finally{try{!n&&a.return&&a.return();}finally{if(o)throw u}}return r}(e,t);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}();t.default=function(e){var t=e.expiryTimestamp,r=e.onExpire,s=e.autoStart,l=void 0===s||s,d=(0, u.useState)(t),m=o(d,2),v=m[0],p=m[1],y=(0, u.useState)(i.Time.getSecondsFromExpiry(v)),T=o(y,2),g=T[0],b=T[1],h=(0, u.useState)(l),S=o(h,2),w=S[0],O=S[1],j=(0, u.useState)(l),x=o(j,2),_=x[0],M=x[1],P=(0, u.useState)(f(v)),F=o(P,2),E=F[0],k=F[1];function I(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];k(f(e)),M(t),O(t),p(e),b(i.Time.getSecondsFromExpiry(e));}function D(){var e=new Date;e.setMilliseconds(e.getMilliseconds()+1e3*g),I(e);}return (0, a.useInterval)(function(){E!==c&&k(c);var e=i.Time.getSecondsFromExpiry(v);b(e),e<=0&&(i.Validate.onExpire(r)&&r(),O(!1),k(null));},w?E:null),n({},i.Time.getTimeFromSeconds(g),{start:function(){_?(b(i.Time.getSecondsFromExpiry(v)),O(!0)):D();},pause:function(){O(!1);},resume:D,restart:I,isRunning:w})};var u=r(0),i=r(1),a=r(2),c=1e3;function f(e){if(!i.Validate.expiryTimestamp(e))return null;var t=i.Time.getSecondsFromExpiry(e),r=Math.floor(1e3*(t-Math.floor(t)));return r>0?r:c}},function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0});var n=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n);}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}();var o=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e);}return n(e,null,[{key:"getTimeFromSeconds",value:function(e){var t=Math.ceil(e),r=Math.floor(t/86400),n=Math.floor(t%86400/3600),o=Math.floor(t%3600/60);return {seconds:Math.floor(t%60),minutes:o,hours:n,days:r}}},{key:"getSecondsFromExpiry",value:function(e,t){var r=e-(new Date).getTime();if(r>0){var n=r/1e3;return t?Math.round(n):n}return 0}},{key:"getSecondsFromPrevTime",value:function(e,t){var r=(new Date).getTime()-e;if(r>0){var n=r/1e3;return t?Math.round(n):n}return 0}},{key:"getSecondsFromTimeNow",value:function(){var e=new Date;return e.getTime()/1e3-60*e.getTimezoneOffset()}},{key:"getFormattedTimeFromSeconds",value:function(t,r){var n=e.getTimeFromSeconds(t),o=n.seconds,u=n.minutes,i=n.hours,a="",c=i;return "12-hour"===r&&(a=i>=12?"pm":"am",c=i%12),{seconds:o,minutes:u,hours:c,ampm:a}}}]),e}();t.default=o;},function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0});var n=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n);}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}();var o=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e);}return n(e,null,[{key:"expiryTimestamp",value:function(e){var t=new Date(e).getTime()>0;return t||console.warn("react-timer-hook: { useTimer } Invalid expiryTimestamp settings",e),t}},{key:"onExpire",value:function(e){var t=e&&"function"==typeof e;return e&&!t&&console.warn("react-timer-hook: { useTimer } Invalid onExpire settings function",e),t}}]),e}();t.default=o;},function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){var r=(0, n.useRef)();(0, n.useEffect)(function(){r.current=e;}),(0, n.useEffect)(function(){if(!t)return function(){};var e=setInterval(function(){r.current&&r.current();},t);return function(){return clearInterval(e)}},[t]);};var n=r(0);},function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);}return e},o=function(){return function(e,t){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return function(e,t){var r=[],n=!0,o=!1,u=void 0;try{for(var i,a=e[Symbol.iterator]();!(n=(i=a.next()).done)&&(r.push(i.value),!t||r.length!==t);n=!0);}catch(e){o=!0,u=e;}finally{try{!n&&a.return&&a.return();}finally{if(o)throw u}}return r}(e,t);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}();t.default=function(e){var t=e.autoStart,r=e.offsetTimestamp,c=(0, u.useState)(i.Time.getSecondsFromExpiry(r,!0)||0),f=o(c,2),s=f[0],l=f[1],d=(0, u.useState)(new Date),m=o(d,2),v=m[0],p=m[1],y=(0, u.useState)(s+i.Time.getSecondsFromPrevTime(v||0,!0)),T=o(y,2),g=T[0],b=T[1],h=(0, u.useState)(t),S=o(h,2),w=S[0],O=S[1];return (0, a.useInterval)(function(){b(s+i.Time.getSecondsFromPrevTime(v,!0));},w?1e3:null),n({},i.Time.getTimeFromSeconds(g),{start:function(){var e=new Date;p(e),O(!0),b(s+i.Time.getSecondsFromPrevTime(e,!0));},pause:function(){l(g),O(!1);},reset:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=i.Time.getSecondsFromExpiry(e,!0)||0,n=new Date;p(n),l(r),O(t),b(r+i.Time.getSecondsFromPrevTime(n,!0));},isRunning:w})};var u=r(0),i=r(1),a=r(2);},function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);}return e},o=function(){return function(e,t){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return function(e,t){var r=[],n=!0,o=!1,u=void 0;try{for(var i,a=e[Symbol.iterator]();!(n=(i=a.next()).done)&&(r.push(i.value),!t||r.length!==t);n=!0);}catch(e){o=!0,u=e;}finally{try{!n&&a.return&&a.return();}finally{if(o)throw u}}return r}(e,t);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}();t.default=function(e){var t=e.format,r=(0, u.useState)(i.Time.getSecondsFromTimeNow()),c=o(r,2),f=c[0],s=c[1];return (0, a.useInterval)(function(){s(i.Time.getSecondsFromTimeNow());},1e3),n({},i.Time.getFormattedTimeFromSeconds(f,t))};var u=r(0),i=r(1),a=r(2);}])});
+} (dist$1));
+
+const DEFAULT_INVITATION_TIME = 1000 * 60 * 60; // 1 hour
+
+const getDefaultExpiryTime = () => {
+  const now = new Date();
+  return new Date(now.getTime() + DEFAULT_INVITATION_TIME);
+};
+const renderTime = time => {
+  let timeString = "";
+  Object.entries(time).forEach(_ref => {
+    let _ref2 = _slicedToArray$4(_ref, 2),
+        key = _ref2[0],
+        value = _ref2[1];
+
+    timeString += "".concat(value).concat(key[0], " ");
+  });
+  return timeString;
+};
+
+const Timer = _ref => {
+  let expiryTimestamp = _ref.expiryTimestamp;
+
+  const _useTimer = dist$1.exports.useTimer({
+    expiryTimestamp: expiryTimestamp !== null && expiryTimestamp !== void 0 ? expiryTimestamp : getDefaultExpiryTime()
+  }),
+        seconds = _useTimer.seconds,
+        minutes = _useTimer.minutes,
+        hours = _useTimer.hours,
+        days = _useTimer.days;
+
+  return /*#__PURE__*/React.createElement(Typography, {
+    style: "body2"
+  }, renderTime({
+    days,
+    hours,
+    minutes,
+    seconds
+  }));
+};
+
+const InviteLink = _ref => {
+  let inviteLinkProps = _ref.inviteLinkProps;
+
   const _useState = useState(false),
-        _useState2 = _slicedToArray$2(_useState, 2),
+        _useState2 = _slicedToArray$4(_useState, 2),
         isInviteLinkActive = _useState2[0],
         setIsInviteLinkActive = _useState2[1];
 
@@ -9189,7 +9251,9 @@ const InviteLink = () => {
     style: "body2"
   }, instance.t("helpers.inviteLinkInstruction"))), isInviteLinkActive ? /*#__PURE__*/React.createElement("div", {
     className: "ntm-invitations__invite-link-btns"
-  }, /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(Timer, {
+    expiryTimestamp: inviteLinkProps.expiryTimestamp
+  }), /*#__PURE__*/React.createElement(Button, {
     size: "large",
     style: "danger-text",
     label: instance.t("common.delete"),
@@ -9212,7 +9276,8 @@ const Normal = _ref => {
       submitButtonProps = _ref.submitButtonProps,
       setIsCSVInviteSelected = _ref.setIsCSVInviteSelected,
       isCSVInviteEnabled = _ref.isCSVInviteEnabled,
-      isInviteLinkEnabled = _ref.isInviteLinkEnabled;
+      isInviteLinkEnabled = _ref.isInviteLinkEnabled,
+      inviteLinkProps = _ref.inviteLinkProps;
 
   const _useFormikContext = useFormikContext(),
         isSubmitting = _useFormikContext.isSubmitting,
@@ -9254,10 +9319,12 @@ const Normal = _ref => {
     className: classnames({
       "ntm-invitations__footer": isInviteLinkEnabled
     })
-  }, isInviteLinkEnabled && /*#__PURE__*/React.createElement(InviteLink, null)));
+  }, isInviteLinkEnabled && /*#__PURE__*/React.createElement(InviteLink, {
+    inviteLinkProps: inviteLinkProps
+  })));
 };
 
-const _excluded$2 = ["label", "isOpen", "onClose", "submitButtonProps", "csvColumns", "sampleFileUrl", "isCSVInviteEnabled", "isInviteLinkEnabled", "children"];
+const _excluded$2 = ["label", "isOpen", "onClose", "submitButtonProps", "csvColumns", "sampleFileUrl", "isCSVInviteEnabled", "isInviteLinkEnabled", "inviteLinkProps", "children"];
 
 const Invitations = _ref => {
   let _ref$label = _ref.label,
@@ -9276,11 +9343,13 @@ const Invitations = _ref => {
       isCSVInviteEnabled = _ref$isCSVInviteEnabl === void 0 ? true : _ref$isCSVInviteEnabl,
       _ref$isInviteLinkEnab = _ref.isInviteLinkEnabled,
       isInviteLinkEnabled = _ref$isInviteLinkEnab === void 0 ? true : _ref$isInviteLinkEnab,
+      _ref$inviteLinkProps = _ref.inviteLinkProps,
+      inviteLinkProps = _ref$inviteLinkProps === void 0 ? {} : _ref$inviteLinkProps,
       children = _ref.children,
       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];
 
@@ -9310,7 +9379,8 @@ const Invitations = _ref => {
     submitButtonProps: submitButtonProps,
     setIsCSVInviteSelected: setIsCSVInviteSelected,
     isCSVInviteEnabled: isCSVInviteEnabled,
-    isInviteLinkEnabled: isInviteLinkEnabled
+    isInviteLinkEnabled: isInviteLinkEnabled,
+    inviteLinkProps: isInviteLinkEnabled && inviteLinkProps
   }, children)))));
 };
 
@@ -9333,19 +9403,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);
@@ -9369,7 +9663,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] : {};
@@ -9425,7 +9719,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 => {
@@ -10842,7 +11136,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_", {
@@ -10851,7 +11149,7 @@ const AddRoleButton = _ref => {
     onClick: onClick,
     disabled: !hasPermission(MANAGE_MEMBER_PERMISSIONS),
     "data-cy": "new-role-button"
-  });
+  })));
 };
 
 const Header$1 = _ref => {
@@ -10958,7 +11256,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,
@@ -11193,6 +11491,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, {
@@ -11203,7 +11505,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))));
@@ -11317,7 +11619,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,
@@ -11402,7 +11704,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];
 
@@ -11540,17 +11842,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];
 
@@ -11560,7 +11862,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];
 
@@ -11599,17 +11901,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];
 
@@ -11664,6 +11966,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
 });
@@ -11683,14 +12472,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));
 };
 
@@ -11731,7 +12521,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_", {
@@ -11739,7 +12533,7 @@ const Header = _ref => {
     }),
     disabled: !hasPermission(MANAGE_MEMBER_PERMISSIONS),
     onClick: onClick
-  });
+  })));
 };
 
 const Left = _ref => {
@@ -11817,7 +12611,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,
@@ -11838,22 +12632,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
@@ -11863,7 +12673,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,
@@ -11874,7 +12684,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 => {
@@ -11960,9 +12770,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")
@@ -12128,24 +12938,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];
 
@@ -12156,7 +12966,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 => {
@@ -12224,14 +13035,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));
@@ -12272,7 +13083,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({
@@ -12280,7 +13091,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,7 +13129,7 @@ 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}";
+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  align-items: center;\n  gap: 0.5rem;\n  font-weight: bold;\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 };