@bigbinary/neeto-team-members-frontend 2.4.2 → 2.4.4

package/dist/index.cjs.js

@@ -4,15 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var ReactDOM = require('react-dom');
-var formik = require('formik');
-var neetoui = require('@bigbinary/neetoui');
-var neetoIcons = require('@bigbinary/neeto-icons');
-var classnames = require('classnames');
-var formik$1 = require('@bigbinary/neetoui/formik');
 var axios = require('axios');
+var neetoui = require('@bigbinary/neetoui');
 var ramda = require('ramda');
 var layouts = require('@bigbinary/neetoui/layouts');
+var formik = require('formik');
+var formik$1 = require('@bigbinary/neetoui/formik');
 var yup = require('yup');
+var classnames = require('classnames');
+var neetoIcons = require('@bigbinary/neeto-icons');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -36,9 +36,9 @@ function _interopNamespace(e) {
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
 var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
@@ -122,7 +122,7 @@ function _getPrototypeOf(o) {
   return _getPrototypeOf(o);
 }
 
-function _defineProperty$2(obj, key, value) {
+function _defineProperty(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -136,15 +136,15 @@ function _defineProperty$2(obj, key, value) {
   return obj;
 }
 
-function _arrayWithHoles$2(arr) {
+function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
 
-function _iterableToArray$2(iter) {
+function _iterableToArray(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 
-function _arrayLikeToArray$2(arr, len) {
+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];
@@ -152,26 +152,26 @@ function _arrayLikeToArray$2(arr, len) {
   return arr2;
 }
 
-function _unsupportedIterableToArray$2(o, minLen) {
+function _unsupportedIterableToArray(o, minLen) {
   if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray$2(o, minLen);
+  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$2(o, minLen);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 
-function _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 _toArray(arr) {
-  return _arrayWithHoles$2(arr) || _iterableToArray$2(arr) || _unsupportedIterableToArray$2(arr) || _nonIterableRest$2();
+  return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest();
 }
 
-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 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 _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$2(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; }
+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(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; }
 
 var consoleLogger = {
   type: 'logger',
@@ -258,7 +258,7 @@ var Logger = function () {
   }, {
     key: "create",
     value: function create(moduleName) {
-      return new Logger(this.logger, _objectSpread$d(_objectSpread$d({}, {
+      return new Logger(this.logger, _objectSpread$9(_objectSpread$9({}, {
         prefix: "".concat(this.prefix, ":").concat(moduleName, ":")
       }), this.options));
     }
@@ -484,7 +484,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(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); }; }
 
@@ -729,7 +729,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(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); }; }
 
@@ -1652,7 +1652,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(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() {
@@ -1879,7 +1879,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(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();
@@ -2037,7 +2037,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(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); }; }
 
@@ -2381,13 +2381,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(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$2() {}
 
 function bindMemberFunctions(inst) {
   var mems = Object.getOwnPropertyNames(Object.getPrototypeOf(inst));
@@ -2552,7 +2552,7 @@ var I18n = function (_EventEmitter) {
       }
 
       this.format = this.options.interpolation.format;
-      if (!callback) callback = noop$3;
+      if (!callback) callback = noop$2;
 
       if (this.options.fallbackLng && !this.services.languageDetector && !this.options.lng) {
         var codes = this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);
@@ -2613,7 +2613,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$2;
       var usedCallback = callback;
       var usedLng = typeof language === 'string' ? language : this.language;
       if (typeof language === 'function') usedCallback = language;
@@ -2661,7 +2661,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$2;
       this.services.backendConnector.reload(lngs, ns, function (err) {
         deferred.resolve();
         callback(err);
@@ -2940,7 +2940,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$2;
 
       var mergedOptions = _objectSpread$6$1(_objectSpread$6$1(_objectSpread$6$1({}, this.options), options), {
         isClone: true
@@ -2991,7 +2991,7 @@ var I18n = function (_EventEmitter) {
   return I18n;
 }(EventEmitter);
 
-_defineProperty$2(I18n, "createInstance", function () {
+_defineProperty(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);
@@ -3201,7 +3201,7 @@ var localStorageAvailable = function localStorageAvailable() {
   return hasLocalStorageSupport;
 };
 
-var localStorage = {
+var localStorage$1 = {
   name: 'localStorage',
   lookup: function lookup(options) {
     var found;
@@ -3375,7 +3375,7 @@ var Browser = /*#__PURE__*/function () {
       this.i18nOptions = i18nOptions;
       this.addDetector(cookie$1);
       this.addDetector(querystring);
-      this.addDetector(localStorage);
+      this.addDetector(localStorage$1);
       this.addDetector(sessionStorage);
       this.addDetector(navigator$1);
       this.addDetector(htmlTag);
@@ -3425,7 +3425,7 @@ var Browser = /*#__PURE__*/function () {
 
 Browser.type = 'languageDetector';
 
-function _objectWithoutPropertiesLoose$1(source, excluded) {
+function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
@@ -3438,9 +3438,9 @@ function _objectWithoutPropertiesLoose$1(source, excluded) {
   return target;
 }
 
-function _objectWithoutProperties$1(source, excluded) {
+function _objectWithoutProperties(source, excluded) {
   if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose$1(source, excluded);
+  var target = _objectWithoutPropertiesLoose(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -3456,30 +3456,6 @@ function _objectWithoutProperties$1(source, excluded) {
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
-/**
- * This file automatically generated from `pre-publish.js`.
- * Do not manually edit.
- */
-
-var voidElements = {
-  "area": true,
-  "base": true,
-  "br": true,
-  "col": true,
-  "embed": true,
-  "hr": true,
-  "img": true,
-  "input": true,
-  "link": true,
-  "meta": true,
-  "param": true,
-  "source": true,
-  "track": true,
-  "wbr": true
-};
-
-var t$1=/\s([^'"/\s><]+?)[\s/>]|([^\s=]+)=\s?(".*?"|'.*?')/g;function n$1(n){var r={type:"tag",name:"",voidElement:!1,attrs:{},children:[]},i=n.match(/<\/?([^\s]+?)[/\s>]/);if(i&&(r.name=i[1],(voidElements[i[1]]||"/"===n.charAt(n.length-2))&&(r.voidElement=!0),r.name.startsWith("!--"))){var s=n.indexOf("--\x3e");return {type:"comment",comment:-1!==s?n.slice(4,s):""}}for(var a=new RegExp(t$1),c=null;null!==(c=a.exec(n));)if(c[0].trim())if(c[1]){var o=c[1].trim(),l=[o,""];o.indexOf("=")>-1&&(l=o.split("=")),r.attrs[l[0]]=l[1],a.lastIndex--;}else c[2]&&(r.attrs[c[2]]=c[3].trim().substring(1,c[3].length-1));return r}var r=/<[a-zA-Z0-9\-\!\/](?:"[^"]*"|'[^']*'|[^'">])*>/g,i=/^\s*$/,s=Object.create(null);function a(e,t){switch(t.type){case"text":return e+t.content;case"tag":return e+="<"+t.name+(t.attrs?function(e){var t=[];for(var n in e)t.push(n+'="'+e[n]+'"');return t.length?" "+t.join(" "):""}(t.attrs):"")+(t.voidElement?"/>":">"),t.voidElement?e:e+t.children.reduce(a,"")+"</"+t.name+">";case"comment":return e+"\x3c!--"+t.comment+"--\x3e"}}var c={parse:function(e,t){t||(t={}),t.components||(t.components=s);var a,c=[],o=[],l=-1,m=!1;if(0!==e.indexOf("<")){var u=e.indexOf("<");c.push({type:"text",content:-1===u?e:e.substring(0,u)});}return e.replace(r,function(r,s){if(m){if(r!=="</"+a.name+">")return;m=!1;}var u,f="/"!==r.charAt(1),h=r.startsWith("\x3c!--"),p=s+r.length,d=e.charAt(p);if(h){var v=n$1(r);return l<0?(c.push(v),c):((u=o[l]).children.push(v),c)}if(f&&(l++,"tag"===(a=n$1(r)).type&&t.components[a.name]&&(a.type="component",m=!0),a.voidElement||m||!d||"<"===d||a.children.push({type:"text",content:e.slice(p,e.indexOf("<",p))}),0===l&&c.push(a),(u=o[l-1])&&u.children.push(a),o[l]=a),(!f||a.voidElement)&&(l>-1&&(a.voidElement||a.name===r.slice(2,-1))&&(l--,a=-1===l?c:o[l]),!m&&"<"!==d&&d)){u=-1===l?c:o[l].children;var x=e.indexOf("<",p),g=e.slice(p,-1===x?void 0:x);i.test(g)&&(g=" "),(x>-1&&l+u.length>=0||" "!==g)&&u.push({type:"text",content:g});}}),c},stringify:function(e){return e.reduce(function(e,t){return e+a("",t)},"")}};
-
 var matchHtmlEntity = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g;
 var htmlEntities = {
   '&amp;': '&',
@@ -3512,9 +3488,9 @@ var unescape = function unescape(text) {
   return text.replace(matchHtmlEntity, unescapeHtmlEntity);
 };
 
-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$8(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$8(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$8(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var defaultOptions = {
   bindI18n: 'languageChanged',
   bindI18nStore: '',
@@ -3529,7 +3505,7 @@ var i18nInstance;
 var I18nContext = React.createContext();
 function setDefaults() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  defaultOptions = _objectSpread$c(_objectSpread$c({}, defaultOptions), options);
+  defaultOptions = _objectSpread$8(_objectSpread$8({}, defaultOptions), options);
 }
 function getDefaults() {
   return defaultOptions;
@@ -3653,275 +3629,7 @@ 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$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$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$2(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;
-  var base = node.props ? node.props.children : node.children;
-  if (checkLength) return base.length > 0;
-  return !!base;
-}
-
-function getChildren(node) {
-  if (!node) return [];
-  return node.props ? node.props.children : node.children;
-}
-
-function hasValidReactChildren(children) {
-  if (Object.prototype.toString.call(children) !== '[object Array]') return false;
-  return children.every(function (child) {
-    return React.isValidElement(child);
-  });
-}
-
-function getAsArray(data) {
-  return Array.isArray(data) ? data : [data];
-}
-
-function mergeProps(source, target) {
-  var newTarget = _objectSpread$b({}, target);
-
-  newTarget.props = Object.assign(source.props, target.props);
-  return newTarget;
-}
-
-function nodesToString(children, i18nOptions) {
-  if (!children) return '';
-  var stringNode = '';
-  var childrenArray = getAsArray(children);
-  var keepArray = i18nOptions.transSupportBasicHtmlNodes && i18nOptions.transKeepBasicHtmlNodesFor ? i18nOptions.transKeepBasicHtmlNodesFor : [];
-  childrenArray.forEach(function (child, childIndex) {
-    if (typeof child === 'string') {
-      stringNode += "".concat(child);
-    } else if (React.isValidElement(child)) {
-      var childPropsCount = Object.keys(child.props).length;
-      var shouldKeepChild = keepArray.indexOf(child.type) > -1;
-      var childChildren = child.props.children;
-
-      if (!childChildren && shouldKeepChild && childPropsCount === 0) {
-        stringNode += "<".concat(child.type, "/>");
-      } else if (!childChildren && (!shouldKeepChild || childPropsCount !== 0)) {
-        stringNode += "<".concat(childIndex, "></").concat(childIndex, ">");
-      } else if (child.props.i18nIsDynamicList) {
-        stringNode += "<".concat(childIndex, "></").concat(childIndex, ">");
-      } else if (shouldKeepChild && childPropsCount === 1 && typeof childChildren === 'string') {
-        stringNode += "<".concat(child.type, ">").concat(childChildren, "</").concat(child.type, ">");
-      } else {
-        var content = nodesToString(childChildren, i18nOptions);
-        stringNode += "<".concat(childIndex, ">").concat(content, "</").concat(childIndex, ">");
-      }
-    } else if (child === null) {
-      warn("Trans: the passed in value is invalid - seems you passed in a null child.");
-    } else if (_typeof(child) === 'object') {
-      var format = child.format,
-          clone = _objectWithoutProperties$1(child, _excluded$4);
-
-      var keys = Object.keys(clone);
-
-      if (keys.length === 1) {
-        var value = format ? "".concat(keys[0], ", ").concat(format) : keys[0];
-        stringNode += "{{".concat(value, "}}");
-      } else {
-        warn("react-i18next: the passed in object contained more than one variable - the object should look like {{ value, format }} where format is optional.", child);
-      }
-    } else {
-      warn("Trans: the passed in value is invalid - seems you passed in a variable like {number} - please pass in variables for interpolation as full objects like {{number}}.", child);
-    }
-  });
-  return stringNode;
-}
-
-function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, shouldUnescape) {
-  if (targetString === '') return [];
-  var keepArray = i18nOptions.transKeepBasicHtmlNodesFor || [];
-  var emptyChildrenButNeedsHandling = targetString && new RegExp(keepArray.join('|')).test(targetString);
-  if (!children && !emptyChildrenButNeedsHandling) return [targetString];
-  var data = {};
-
-  function getData(childs) {
-    var childrenArray = getAsArray(childs);
-    childrenArray.forEach(function (child) {
-      if (typeof child === 'string') return;
-      if (hasChildren(child)) getData(getChildren(child));else if (_typeof(child) === 'object' && !React.isValidElement(child)) Object.assign(data, child);
-    });
-  }
-
-  getData(children);
-  var ast = c.parse("<0>".concat(targetString, "</0>"));
-
-  var opts = _objectSpread$b(_objectSpread$b({}, data), combinedTOpts);
-
-  function renderInner(child, node, rootReactNode) {
-    var childs = getChildren(child);
-    var mappedChildren = mapAST(childs, node.children, rootReactNode);
-    return hasValidReactChildren(childs) && mappedChildren.length === 0 ? childs : mappedChildren;
-  }
-
-  function pushTranslatedJSX(child, inner, mem, i, isVoid) {
-    if (child.dummy) child.children = inner;
-    mem.push(React.cloneElement(child, _objectSpread$b(_objectSpread$b({}, child.props), {}, {
-      key: i
-    }), isVoid ? undefined : inner));
-  }
-
-  function mapAST(reactNode, astNode, rootReactNode) {
-    var reactNodes = getAsArray(reactNode);
-    var astNodes = getAsArray(astNode);
-    return astNodes.reduce(function (mem, node, i) {
-      var translationContent = node.children && node.children[0] && node.children[0].content && i18n.services.interpolator.interpolate(node.children[0].content, opts, i18n.language);
-
-      if (node.type === 'tag') {
-        var tmp = reactNodes[parseInt(node.name, 10)];
-        if (!tmp && rootReactNode.length === 1 && rootReactNode[0][node.name]) tmp = rootReactNode[0][node.name];
-        if (!tmp) tmp = {};
-        var child = Object.keys(node.attrs).length !== 0 ? mergeProps({
-          props: node.attrs
-        }, tmp) : tmp;
-        var isElement = React.isValidElement(child);
-        var isValidTranslationWithChildren = isElement && hasChildren(node, true) && !node.voidElement;
-        var isEmptyTransWithHTML = emptyChildrenButNeedsHandling && _typeof(child) === 'object' && child.dummy && !isElement;
-        var isKnownComponent = _typeof(children) === 'object' && children !== null && Object.hasOwnProperty.call(children, node.name);
-
-        if (typeof child === 'string') {
-          var value = i18n.services.interpolator.interpolate(child, opts, i18n.language);
-          mem.push(value);
-        } else if (hasChildren(child) || isValidTranslationWithChildren) {
-            var inner = renderInner(child, node, rootReactNode);
-            pushTranslatedJSX(child, inner, mem, i);
-          } else if (isEmptyTransWithHTML) {
-          var _inner = mapAST(reactNodes, node.children, rootReactNode);
-
-          mem.push(React.cloneElement(child, _objectSpread$b(_objectSpread$b({}, child.props), {}, {
-            key: i
-          }), _inner));
-        } else if (Number.isNaN(parseFloat(node.name))) {
-          if (isKnownComponent) {
-            var _inner2 = renderInner(child, node, rootReactNode);
-
-            pushTranslatedJSX(child, _inner2, mem, i, node.voidElement);
-          } else if (i18nOptions.transSupportBasicHtmlNodes && keepArray.indexOf(node.name) > -1) {
-            if (node.voidElement) {
-              mem.push(React.createElement(node.name, {
-                key: "".concat(node.name, "-").concat(i)
-              }));
-            } else {
-              var _inner3 = mapAST(reactNodes, node.children, rootReactNode);
-
-              mem.push(React.createElement(node.name, {
-                key: "".concat(node.name, "-").concat(i)
-              }, _inner3));
-            }
-          } else if (node.voidElement) {
-            mem.push("<".concat(node.name, " />"));
-          } else {
-            var _inner4 = mapAST(reactNodes, node.children, rootReactNode);
-
-            mem.push("<".concat(node.name, ">").concat(_inner4, "</").concat(node.name, ">"));
-          }
-        } else if (_typeof(child) === 'object' && !isElement) {
-          var content = node.children[0] ? translationContent : null;
-          if (content) mem.push(content);
-        } else if (node.children.length === 1 && translationContent) {
-          mem.push(React.cloneElement(child, _objectSpread$b(_objectSpread$b({}, child.props), {}, {
-            key: i
-          }), translationContent));
-        } else {
-          mem.push(React.cloneElement(child, _objectSpread$b(_objectSpread$b({}, child.props), {}, {
-            key: i
-          })));
-        }
-      } else if (node.type === 'text') {
-        var wrapTextNodes = i18nOptions.transWrapTextNodes;
-
-        var _content = shouldUnescape ? i18nOptions.unescape(i18n.services.interpolator.interpolate(node.content, opts, i18n.language)) : i18n.services.interpolator.interpolate(node.content, opts, i18n.language);
-
-        if (wrapTextNodes) {
-          mem.push(React.createElement(wrapTextNodes, {
-            key: "".concat(node.name, "-").concat(i)
-          }, _content));
-        } else {
-          mem.push(_content);
-        }
-      }
-
-      return mem;
-    }, []);
-  }
-
-  var result = mapAST([{
-    dummy: true,
-    children: children || []
-  }], ast, getAsArray(children || []));
-  return getChildren(result[0]);
-}
-
-function Trans(_ref) {
-  var children = _ref.children,
-      count = _ref.count,
-      parent = _ref.parent,
-      i18nKey = _ref.i18nKey,
-      context = _ref.context,
-      _ref$tOptions = _ref.tOptions,
-      tOptions = _ref$tOptions === void 0 ? {} : _ref$tOptions,
-      values = _ref.values,
-      defaults = _ref.defaults,
-      components = _ref.components,
-      ns = _ref.ns,
-      i18nFromProps = _ref.i18n,
-      tFromProps = _ref.t,
-      shouldUnescape = _ref.shouldUnescape,
-      additionalProps = _objectWithoutProperties$1(_ref, _excluded2$3);
-
-  var _ref2 = React.useContext(I18nContext) || {},
-      i18nFromContext = _ref2.i18n,
-      defaultNSFromContext = _ref2.defaultNS;
-
-  var i18n = i18nFromProps || i18nFromContext || getI18n();
-
-  if (!i18n) {
-    warnOnce('You will need to pass in an i18next instance by using i18nextReactModule');
-    return children;
-  }
-
-  var t = tFromProps || i18n.t.bind(i18n) || function (k) {
-    return k;
-  };
-
-  if (context) tOptions.context = context;
-
-  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'];
-  var defaultValue = defaults || nodesToString(children, reactI18nextOptions) || reactI18nextOptions.transEmptyNodeValue || i18nKey;
-  var hashTransKey = reactI18nextOptions.hashTransKey;
-  var key = i18nKey || (hashTransKey ? hashTransKey(defaultValue) : defaultValue);
-  var interpolationOverride = values ? tOptions.interpolation : {
-    interpolation: _objectSpread$b(_objectSpread$b({}, tOptions.interpolation), {}, {
-      prefix: '#$?',
-      suffix: '?$#'
-    })
-  };
-
-  var combinedTOpts = _objectSpread$b(_objectSpread$b(_objectSpread$b(_objectSpread$b({}, tOptions), {}, {
-    count: count
-  }, values), interpolationOverride), {}, {
-    defaultValue: defaultValue,
-    ns: namespaces
-  });
-
-  var translation = key ? t(key, combinedTOpts) : defaultValue;
-  var content = renderNodes(components || children, translation, i18n, reactI18nextOptions, combinedTOpts, shouldUnescape);
-  var useAsParent = parent !== undefined ? parent : reactI18nextOptions.defaultTransParent;
-  return useAsParent ? React.createElement(useAsParent, additionalProps, content) : content;
-}
-
-function _iterableToArrayLimit$2(arr, i) {
+function _iterableToArrayLimit(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null) return;
   var _arr = [];
@@ -3946,13 +3654,13 @@ function _iterableToArrayLimit$2(arr, i) {
   return _arr;
 }
 
-function _slicedToArray$2(arr, i) {
-  return _arrayWithHoles$2(arr) || _iterableToArrayLimit$2(arr, i) || _unsupportedIterableToArray$2(arr, i) || _nonIterableRest$2();
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-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$7(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$2(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$7(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$7(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var usePrevious = function usePrevious(value, ignore) {
   var ref = React.useRef();
@@ -3989,7 +3697,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$a(_objectSpread$a(_objectSpread$a({}, getDefaults()), i18n.options.react), props);
+  var i18nOptions = _objectSpread$7(_objectSpread$7(_objectSpread$7({}, getDefaults()), i18n.options.react), props);
 
   var useSuspense = i18nOptions.useSuspense,
       keyPrefix = i18nOptions.keyPrefix;
@@ -4005,7 +3713,7 @@ function useTranslation(ns) {
   }
 
   var _useState = React.useState(getT),
-      _useState2 = _slicedToArray$2(_useState, 2),
+      _useState2 = _slicedToArray(_useState, 2),
       t = _useState2[0],
       setT = _useState2[1];
 
@@ -4071,12 +3779,12 @@ var alerts$1 = {
 };
 var buttons$1 = {
 	cancel: "Cancel",
-	copyLink: "Copy link",
-	createLink: "Create link",
-	inviteFrom: "Invite from",
 	proceed: "Proceed",
-	saveChanges: "Save changes",
-	sendInvites: "Send invites"
+	saveChanges: "Save changes"
+};
+var columns$1 = {
+	search: "Search columns",
+	noColumnsFound: "No columns found."
 };
 var common$1 = {
 	activate: "Activate",
@@ -4086,6 +3794,8 @@ var common$1 = {
 	add_: "Add {{what}}",
 	all: "All",
 	all_: "All {{what}}",
+	column_one: "Column",
+	column_other: "Columns",
 	deactivate: "Deactivate",
 	deactivate_: "Deactivate {{what}}",
 	deactivated: "Deactivated",
@@ -4093,12 +3803,10 @@ var common$1 = {
 	"delete": "Delete",
 	delete_: "Delete {{what}}",
 	description: "Description",
-	download_: "Download {{what}}",
 	edit: "Edit",
 	edit_: "Edit {{what}}",
 	email_one: "Email",
 	email_other: "Emails",
-	invite_: "Invite {{what}}",
 	manage_: "Manage {{what}}",
 	name: "Name",
 	notFound_: "Sorry, no {{what}} were found.",
@@ -4107,26 +3815,11 @@ var common$1 = {
 	role_one: "Role",
 	role_other: "Roles",
 	search_: "Search {{what}}",
-	settings: "Settings",
-	update_: "Update {{what}}",
-	upload_: "Upload {{what}}"
+	update_: "Update {{what}}"
 };
 var helpers$1 = {
-	bulkInvite: "Bulk invite using CSV",
 	configPermissions: "Configure permissions for the modules.",
-	copiedToClipboard: "Copied to clipboard",
-	dropFilesHere: "Drop files here",
-	enterMultipleEmails: "Please press space, tab or enter key after entering an email address.",
-	expiresIn: "Expires in ",
-	files: "Files",
-	getInviteLink: "Get invite link",
-	inviteLinkInstruction: "Anyone signing up with this link will be added to the list of candidates.",
-	noOfRows: "No. of rows",
-	status: "Status",
-	uploaded: "Uploaded",
-	uploadInstruction1: "Files must be in CSV format.",
-	uploadInstruction2: "The file must contain the following columns: <strong>{{what}}</strong>.",
-	uploadInstruction3: "The first row must contain the header."
+	enterMultipleEmails: "Please press space, tab or enter key after entering an email address."
 };
 var metaNames$1 = {
 	agent_one: "Agent",
@@ -4153,6 +3846,7 @@ var tooltips$1 = {
 var validations$1 = {
 	enterRoleName: "Please enter a valid role name.",
 	filterInvalidEmails: "Click here to remove invalid emails.",
+	limitExceeded: "You have exceeded the limit of {{limit}} characters for the {{what}}.",
 	minOneEmail: "Please enter at least one email address.",
 	roleRequired: "Please select a role.",
 	validEmail: "Please ensure that all email addresses are valid."
@@ -4160,6 +3854,7 @@ var validations$1 = {
 var en = {
 	alerts: alerts$1,
 	buttons: buttons$1,
+	columns: columns$1,
 	common: common$1,
 	helpers: helpers$1,
 	metaNames: metaNames$1,
@@ -4175,12 +3870,12 @@ var alerts = {
 };
 var buttons = {
 	cancel: "Annuler",
-	copyLink: "Copier le lien",
-	createLink: "Créer un lien",
-	inviteFrom: "Inviter de",
 	proceed: "Procéder",
-	saveChanges: "Sauvegarder les modifications",
-	sendInvites: "Envoie des invitations"
+	saveChanges: "Sauvegarder les modifications"
+};
+var columns = {
+	search: "Colonnes de recherche",
+	noColumnsFound: "Aucune colonne trouvée."
 };
 var common = {
 	activate: "Activer",
@@ -4190,6 +3885,8 @@ var common = {
 	add_: "Ajouter {{what}}",
 	all: "Tous",
 	all_: "tous les {{what}}",
+	column_one: "Colonne",
+	column_other: "Colonnes",
 	deactivate: "Désactiver",
 	deactivate_: "Désactiver le {{what}}",
 	deactivated: "Désactivé",
@@ -4197,12 +3894,10 @@ var common = {
 	"delete": "Effacer",
 	delete_: "Supprimer le {{what}}",
 	description: "La description",
-	download_: "Télécharger {{what}}",
 	edit: "Éditer",
 	edit_: "Modifier le {{what}}",
 	email_one: "E-mail",
 	email_other: "E-mails",
-	invite_: "Inviter des {{what}}",
 	manage_: "Gérer {{what}}",
 	name: "Nom",
 	notFound_: "Désolé, aucun {{what}} n'a été trouvé.",
@@ -4211,26 +3906,11 @@ var common = {
 	role_one: "Rôle",
 	role_other: "Rôles",
 	search_: "Rechercher des {{what}}",
-	settings: "Paramètres",
-	update_: "Mettre à jour le {{what}}",
-	upload_: "Importer des {{what}}"
+	update_: "Mettre à jour le {{what}}"
 };
 var helpers = {
-	bulkInvite: "Invitation groupée à l'aide de CSV",
 	configPermissions: "Configurez les autorisations pour les modules.",
-	copiedToClipboard: "Copié dans le presse-papier",
-	dropFilesHere: "Déposez les fichiers ici",
-	enterMultipleEmails: "Veuillez appuyer sur espace, tabulation ou entrée après avoir saisi une adresse e-mail.",
-	expiresIn: "Expire dans ",
-	files: "Fichiers",
-	getInviteLink: "Obtenir le lien d'invitation",
-	inviteLinkInstruction: "Toute personne s'inscrivant avec ce lien sera ajoutée à la liste des candidats.",
-	noOfRows: "Nombre de rangées",
-	status: "Statut",
-	uploaded: "Téléchargé",
-	uploadInstruction1: "Les fichiers doivent être au format CSV.",
-	uploadInstruction2: "Le fichier doit contenir les colonnes suivantes: <strong>{{what}}</strong>.",
-	uploadInstruction3: "La première ligne doit contenir l'en-tête."
+	enterMultipleEmails: "Veuillez appuyer sur espace, tabulation ou entrée après avoir saisi une adresse e-mail."
 };
 var metaNames = {
 	member_one: "Membre",
@@ -4253,7 +3933,9 @@ var tooltips = {
 	noPermissionToRemoveRoles: "Veuillez demander à l'administrateur de vous autoriser à supprimer des rôles."
 };
 var validations = {
+	enterRoleName: "Veuillez entrer le nom du rôle",
 	filterInvalidEmails: "Cliquez ici pour supprimer les e-mails invalides.",
+	limitExceeded: "Vous avez dépassé la limite de {{limit}} caractères pour le {{what}}.",
 	minOneEmail: "Veuillez saisir au moins une adresse e-mail.",
 	roleRequired: "Veuillez sélectionner un rôle.",
 	validEmail: "Veuillez vous assurer que toutes les adresses e-mail sont valides."
@@ -4261,6 +3943,7 @@ var validations = {
 var fr = {
 	alerts: alerts,
 	buttons: buttons,
+	columns: columns,
 	common: common,
 	helpers: helpers,
 	metaNames: metaNames,
@@ -4317,7 +4000,7 @@ const getScrollBarWidth = () => {
   document.body.removeChild(outerElement);
   return w1 - w2;
 };
-const noop$2 = () => {};
+const noop$1 = () => {};
 const slugify = string => string.toString().toLowerCase().replace(/\s+/g, "-") // Replace spaces with -
 .replace(/&/g, "-and-") // Replace & with 'and'
 .replace(/[^\w-]+/g, "") // Remove all non-word characters
@@ -4325,21 +4008,6 @@ const slugify = string => string.toString().toLowerCase().replace(/\s+/g, "-") /
 .replace(/^-+/, "") // Trim - from start of text
 .replace(/-+$/, ""); // Trim - from end of text
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
 const SINGULAR = {
   count: 1
 };
@@ -4393,10 +4061,25 @@ var Subscribable = /*#__PURE__*/function () {
   return Subscribable;
 }();
 
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
 // TYPES
 // UTILS
 var isServer = typeof window === 'undefined';
-function noop$1() {
+function noop() {
   return undefined;
 }
 function functionalUpdate(updater, input) {
@@ -5259,7 +4942,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$1).catch(noop$1) : Promise.resolve();
+    return promise ? promise.then(noop).catch(noop) : Promise.resolve();
   };
 
   _proto.destroy = function destroy() {
@@ -5833,7 +5516,7 @@ var Mutation = /*#__PURE__*/function () {
   _proto.cancel = function cancel() {
     if (this.retryer) {
       this.retryer.cancel();
-      return this.retryer.promise.then(noop$1).catch(noop$1);
+      return this.retryer.promise.then(noop).catch(noop);
     }
 
     return Promise.resolve();
@@ -5949,7 +5632,7 @@ var Mutation = /*#__PURE__*/function () {
   _proto.dispatch = function dispatch(action) {
     var _this3 = this;
 
-    this.state = reducer$1(this.state, action);
+    this.state = reducer(this.state, action);
     notifyManager.batch(function () {
       _this3.observers.forEach(function (observer) {
         observer.onMutationUpdate(action);
@@ -5973,7 +5656,7 @@ function getDefaultState() {
   };
 }
 
-function reducer$1(state, action) {
+function reducer(state, action) {
   switch (action.type) {
     case 'failed':
       return _extends({}, state, {
@@ -6122,7 +5805,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$1);
+          return mutation.continue().catch(noop);
         });
       }, Promise.resolve());
     });
@@ -6405,7 +6088,7 @@ var QueryClient = /*#__PURE__*/function () {
         return query.cancel(cancelOptions);
       });
     });
-    return Promise.all(promises).then(noop$1).catch(noop$1);
+    return Promise.all(promises).then(noop).catch(noop);
   };
 
   _proto.invalidateQueries = function invalidateQueries(arg1, arg2, arg3) {
@@ -6450,10 +6133,10 @@ var QueryClient = /*#__PURE__*/function () {
         }));
       });
     });
-    var promise = Promise.all(promises).then(noop$1);
+    var promise = Promise.all(promises).then(noop);
 
     if (!(options == null ? void 0 : options.throwOnError)) {
-      promise = promise.catch(noop$1);
+      promise = promise.catch(noop);
     }
 
     return promise;
@@ -6472,7 +6155,7 @@ var QueryClient = /*#__PURE__*/function () {
   };
 
   _proto.prefetchQuery = function prefetchQuery(arg1, arg2, arg3) {
-    return this.fetchQuery(arg1, arg2, arg3).then(noop$1).catch(noop$1);
+    return this.fetchQuery(arg1, arg2, arg3).then(noop).catch(noop);
   };
 
   _proto.fetchInfiniteQuery = function fetchInfiniteQuery(arg1, arg2, arg3) {
@@ -6482,7 +6165,7 @@ var QueryClient = /*#__PURE__*/function () {
   };
 
   _proto.prefetchInfiniteQuery = function prefetchInfiniteQuery(arg1, arg2, arg3) {
-    return this.fetchInfiniteQuery(arg1, arg2, arg3).then(noop$1).catch(noop$1);
+    return this.fetchInfiniteQuery(arg1, arg2, arg3).then(noop).catch(noop);
   };
 
   _proto.cancelMutations = function cancelMutations() {
@@ -6493,7 +6176,7 @@ var QueryClient = /*#__PURE__*/function () {
         return mutation.cancel();
       });
     });
-    return Promise.all(promises).then(noop$1).catch(noop$1);
+    return Promise.all(promises).then(noop).catch(noop);
   };
 
   _proto.resumePausedMutations = function resumePausedMutations() {
@@ -6797,7 +6480,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$1);
+      promise = promise.catch(noop);
     }
 
     return promise;
@@ -7389,7 +7072,7 @@ function useMutation(arg1, arg2, arg3) {
     };
   }, []);
   var mutate = React__default["default"].useCallback(function (variables, mutateOptions) {
-    obsRef.current.mutate(variables, mutateOptions).catch(noop$1);
+    obsRef.current.mutate(variables, mutateOptions).catch(noop);
   }, []);
 
   if (currentResult.error && shouldThrowError(undefined, obsRef.current.options.useErrorBoundary, [currentResult.error])) {
@@ -7536,2296 +7219,115 @@ const withReactQuery = Component => {
   return QueryWrapper;
 };
 
-var propTypes = {exports: {}};
-
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
+/* eslint-disable @bigbinary/neeto/no-dangling-constants */
+const BASE_URL = "team_members";
 
-var ReactPropTypesSecret$1 = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
+const fetch$2 = () => axios__default["default"].get(`${BASE_URL}/permissions`);
+const permissionsApi = {
+  fetch: fetch$2
+};
 
-var ReactPropTypesSecret_1 = ReactPropTypesSecret$1;
+const DEFAULT_STALE_TIME = 300000; // 5 minutes
 
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
+const QUERY_KEYS = {
+  TEAMS: "neeto-team-members-teams",
+  ROLES: "neeto-team-members-roles",
+  PERMISSIONS: "neeto-team-members-permissions"
+};
 
-var ReactPropTypesSecret = ReactPropTypesSecret_1;
+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; }
+const useFetchPermissions = function () {
+  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return useQuery(QUERY_KEYS.PERMISSIONS, permissionsApi.fetch, _objectSpread$6({
+    staleTime: DEFAULT_STALE_TIME,
+    select: response => response.permissions || response.data.permissions
+  }, options));
+};
 
-function emptyFunction() {}
-function emptyFunctionWithReset() {}
-emptyFunctionWithReset.resetWarningCache = emptyFunction;
+const fetch$1 = () => axios__default["default"].get(`${BASE_URL}/organization_roles`);
+const create$1 = payload => axios__default["default"].post(`${BASE_URL}/organization_roles`, payload);
+const update$1 = (id, payload) => axios__default["default"].patch(`${BASE_URL}/organization_roles/${id}`, payload);
+const destroy = (id, payload) => axios__default["default"].delete(`${BASE_URL}/organization_roles/${id}`, {
+  data: payload
+});
+const organizationRolesApi = {
+  fetch: fetch$1,
+  create: create$1,
+  update: update$1,
+  destroy
+};
 
-var factoryWithThrowingShims = function() {
-  function shim(props, propName, componentName, location, propFullName, secret) {
-    if (secret === ReactPropTypesSecret) {
-      // It is still safe when called from React.
-      return;
+const _excluded$1 = ["onSuccess"],
+  _excluded2$1 = ["onSuccess"],
+  _excluded3 = ["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(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] : {};
+  return useQuery(QUERY_KEYS.ROLES, organizationRolesApi.fetch, _objectSpread$5({
+    staleTime: DEFAULT_STALE_TIME,
+    select: response => response.organizationRoles || response.data.organizationRoles
+  }, options));
+};
+const useCreateRole = _ref => {
+  let onSuccess = _ref.onSuccess,
+    options = _objectWithoutProperties(_ref, _excluded$1);
+  return useMutation(organizationRolesApi.create, _objectSpread$5({
+    onSuccess: response => {
+      queryClient.setQueriesData(QUERY_KEYS.ROLES, cachedData => {
+        if (!!cachedData.data && !!cachedData.data.organizationRoles) {
+          return ramda.modifyPath(["data", "organizationRoles"], ramda.prepend(response.data.organizationRole), cachedData);
+        }
+        return ramda.modifyPath(["organizationRoles"], ramda.prepend(response.organizationRole), cachedData);
+      });
+      neetoui.Toastr.success(response.ntmNotice || response.data.ntmNotice);
+      onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
     }
-    var err = new Error(
-      'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
-      'Use PropTypes.checkPropTypes() to call them. ' +
-      'Read more at http://fb.me/use-check-prop-types'
-    );
-    err.name = 'Invariant Violation';
-    throw err;
-  }  shim.isRequired = shim;
-  function getShim() {
-    return shim;
-  }  // Important!
-  // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
-  var ReactPropTypes = {
-    array: shim,
-    bigint: shim,
-    bool: shim,
-    func: shim,
-    number: shim,
-    object: shim,
-    string: shim,
-    symbol: shim,
-
-    any: shim,
-    arrayOf: getShim,
-    element: shim,
-    elementType: shim,
-    instanceOf: getShim,
-    node: shim,
-    objectOf: getShim,
-    oneOf: getShim,
-    oneOfType: getShim,
-    shape: getShim,
-    exact: getShim,
-
-    checkPropTypes: emptyFunctionWithReset,
-    resetWarningCache: emptyFunction
-  };
-
-  ReactPropTypes.PropTypes = ReactPropTypes;
-
-  return ReactPropTypes;
+  }, options));
 };
-
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-{
-  // By explicitly using `prop-types` you are opting into new production behavior.
-  // http://fb.me/prop-types-in-prod
-  propTypes.exports = factoryWithThrowingShims();
-}
-
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-function __generator(thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-}
-
-function __read(o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-}
-
-function __spreadArray(to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-}
-
-var COMMON_MIME_TYPES = new Map([
-    // https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types
-    ['aac', 'audio/aac'],
-    ['abw', 'application/x-abiword'],
-    ['arc', 'application/x-freearc'],
-    ['avif', 'image/avif'],
-    ['avi', 'video/x-msvideo'],
-    ['azw', 'application/vnd.amazon.ebook'],
-    ['bin', 'application/octet-stream'],
-    ['bmp', 'image/bmp'],
-    ['bz', 'application/x-bzip'],
-    ['bz2', 'application/x-bzip2'],
-    ['cda', 'application/x-cdf'],
-    ['csh', 'application/x-csh'],
-    ['css', 'text/css'],
-    ['csv', 'text/csv'],
-    ['doc', 'application/msword'],
-    ['docx', 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'],
-    ['eot', 'application/vnd.ms-fontobject'],
-    ['epub', 'application/epub+zip'],
-    ['gz', 'application/gzip'],
-    ['gif', 'image/gif'],
-    ['heic', 'image/heic'],
-    ['heif', 'image/heif'],
-    ['htm', 'text/html'],
-    ['html', 'text/html'],
-    ['ico', 'image/vnd.microsoft.icon'],
-    ['ics', 'text/calendar'],
-    ['jar', 'application/java-archive'],
-    ['jpeg', 'image/jpeg'],
-    ['jpg', 'image/jpeg'],
-    ['js', 'text/javascript'],
-    ['json', 'application/json'],
-    ['jsonld', 'application/ld+json'],
-    ['mid', 'audio/midi'],
-    ['midi', 'audio/midi'],
-    ['mjs', 'text/javascript'],
-    ['mp3', 'audio/mpeg'],
-    ['mp4', 'video/mp4'],
-    ['mpeg', 'video/mpeg'],
-    ['mpkg', 'application/vnd.apple.installer+xml'],
-    ['odp', 'application/vnd.oasis.opendocument.presentation'],
-    ['ods', 'application/vnd.oasis.opendocument.spreadsheet'],
-    ['odt', 'application/vnd.oasis.opendocument.text'],
-    ['oga', 'audio/ogg'],
-    ['ogv', 'video/ogg'],
-    ['ogx', 'application/ogg'],
-    ['opus', 'audio/opus'],
-    ['otf', 'font/otf'],
-    ['png', 'image/png'],
-    ['pdf', 'application/pdf'],
-    ['php', 'application/x-httpd-php'],
-    ['ppt', 'application/vnd.ms-powerpoint'],
-    ['pptx', 'application/vnd.openxmlformats-officedocument.presentationml.presentation'],
-    ['rar', 'application/vnd.rar'],
-    ['rtf', 'application/rtf'],
-    ['sh', 'application/x-sh'],
-    ['svg', 'image/svg+xml'],
-    ['swf', 'application/x-shockwave-flash'],
-    ['tar', 'application/x-tar'],
-    ['tif', 'image/tiff'],
-    ['tiff', 'image/tiff'],
-    ['ts', 'video/mp2t'],
-    ['ttf', 'font/ttf'],
-    ['txt', 'text/plain'],
-    ['vsd', 'application/vnd.visio'],
-    ['wav', 'audio/wav'],
-    ['weba', 'audio/webm'],
-    ['webm', 'video/webm'],
-    ['webp', 'image/webp'],
-    ['woff', 'font/woff'],
-    ['woff2', 'font/woff2'],
-    ['xhtml', 'application/xhtml+xml'],
-    ['xls', 'application/vnd.ms-excel'],
-    ['xlsx', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'],
-    ['xml', 'application/xml'],
-    ['xul', 'application/vnd.mozilla.xul+xml'],
-    ['zip', 'application/zip'],
-    ['7z', 'application/x-7z-compressed'],
-    // Others
-    ['mkv', 'video/x-matroska'],
-    ['mov', 'video/quicktime'],
-    ['msg', 'application/vnd.ms-outlook']
-]);
-function toFileWithPath(file, path) {
-    var f = withMimeType(file);
-    if (typeof f.path !== 'string') { // on electron, path is already set to the absolute path
-        var webkitRelativePath = file.webkitRelativePath;
-        Object.defineProperty(f, 'path', {
-            value: typeof path === 'string'
-                ? path
-                // If <input webkitdirectory> is set,
-                // the File will have a {webkitRelativePath} property
-                // https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/webkitdirectory
-                : typeof webkitRelativePath === 'string' && webkitRelativePath.length > 0
-                    ? webkitRelativePath
-                    : file.name,
-            writable: false,
-            configurable: false,
-            enumerable: true
-        });
+const useUpdateRole = _ref2 => {
+  let onSuccess = _ref2.onSuccess,
+    options = _objectWithoutProperties(_ref2, _excluded2$1);
+  return useMutation(_ref3 => {
+    let id = _ref3.id,
+      payload = _ref3.payload;
+    return organizationRolesApi.update(id, payload);
+  }, _objectSpread$5({
+    onSuccess: response => {
+      queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
+      queryClient.setQueriesData(QUERY_KEYS.ROLES, cachedData => {
+        if (!!cachedData.data && !!cachedData.data.organizationRoles) {
+          return ramda.assocPath(["data", "organizationRoles", ramda.findIndex(ramda.propEq("id", response.data.organizationRole.id), cachedData.data.organizationRoles)], response.data.organizationRole, cachedData);
+        }
+        return ramda.assocPath(["organizationRoles", ramda.findIndex(ramda.propEq("id", response.organizationRole.id), cachedData.organizationRoles)], response.organizationRole, cachedData);
+      });
+      neetoui.Toastr.success(response.ntmNotice || response.data.ntmNotice);
+      onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
     }
-    return f;
-}
-function withMimeType(file) {
-    var name = file.name;
-    var hasExtension = name && name.lastIndexOf('.') !== -1;
-    if (hasExtension && !file.type) {
-        var ext = name.split('.')
-            .pop().toLowerCase();
-        var type = COMMON_MIME_TYPES.get(ext);
-        if (type) {
-            Object.defineProperty(file, 'type', {
-                value: type,
-                writable: false,
-                configurable: false,
-                enumerable: true
-            });
+  }, options));
+};
+const useDestroyRole = _ref4 => {
+  let _ref4$onSuccess = _ref4.onSuccess,
+    onSuccess = _ref4$onSuccess === void 0 ? noop$1 : _ref4$onSuccess,
+    options = _objectWithoutProperties(_ref4, _excluded3);
+  return useMutation(_ref5 => {
+    let id = _ref5.id,
+      payload = _ref5.payload;
+    return organizationRolesApi.destroy(id, payload);
+  }, _objectSpread$5({
+    onSuccess: response => {
+      queryClient.setQueriesData(QUERY_KEYS.ROLES, cachedData => {
+        if (!!cachedData.data && !!cachedData.data.organizationRoles) {
+          return ramda.dissocPath(["data", "organizationRoles", ramda.findIndex(ramda.propEq("id", response.data.id), cachedData.data.organizationRoles)], cachedData);
         }
+        return ramda.dissocPath(["organizationRoles", ramda.findIndex(ramda.propEq("id", response.id), cachedData.organizationRoles)], cachedData);
+      });
+      neetoui.Toastr.success(response.ntmNotice || response.data.ntmNotice);
+      onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
     }
-    return file;
-}
-
-var FILES_TO_IGNORE = [
-    // Thumbnail cache files for macOS and Windows
-    '.DS_Store',
-    'Thumbs.db' // Windows
-];
-/**
- * Convert a DragEvent's DataTrasfer object to a list of File objects
- * NOTE: If some of the items are folders,
- * everything will be flattened and placed in the same list but the paths will be kept as a {path} property.
- *
- * EXPERIMENTAL: A list of https://developer.mozilla.org/en-US/docs/Web/API/FileSystemHandle objects can also be passed as an arg
- * and a list of File objects will be returned.
- *
- * @param evt
- */
-function fromEvent(evt) {
-    return __awaiter(this, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            if (isObject(evt) && isDataTransfer(evt.dataTransfer)) {
-                return [2 /*return*/, getDataTransferFiles(evt.dataTransfer, evt.type)];
-            }
-            else if (isChangeEvt(evt)) {
-                return [2 /*return*/, getInputFiles(evt)];
-            }
-            else if (Array.isArray(evt) && evt.every(function (item) { return 'getFile' in item && typeof item.getFile === 'function'; })) {
-                return [2 /*return*/, getFsHandleFiles(evt)];
-            }
-            return [2 /*return*/, []];
-        });
-    });
-}
-function isDataTransfer(value) {
-    return isObject(value);
-}
-function isChangeEvt(value) {
-    return isObject(value) && isObject(value.target);
-}
-function isObject(v) {
-    return typeof v === 'object' && v !== null;
-}
-function getInputFiles(evt) {
-    return fromList(evt.target.files).map(function (file) { return toFileWithPath(file); });
-}
-// Ee expect each handle to be https://developer.mozilla.org/en-US/docs/Web/API/FileSystemFileHandle
-function getFsHandleFiles(handles) {
-    return __awaiter(this, void 0, void 0, function () {
-        var files;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, Promise.all(handles.map(function (h) { return h.getFile(); }))];
-                case 1:
-                    files = _a.sent();
-                    return [2 /*return*/, files.map(function (file) { return toFileWithPath(file); })];
-            }
-        });
-    });
-}
-function getDataTransferFiles(dt, type) {
-    return __awaiter(this, void 0, void 0, function () {
-        var items, files;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!dt.items) return [3 /*break*/, 2];
-                    items = fromList(dt.items)
-                        .filter(function (item) { return item.kind === 'file'; });
-                    // According to https://html.spec.whatwg.org/multipage/dnd.html#dndevents,
-                    // only 'dragstart' and 'drop' has access to the data (source node)
-                    if (type !== 'drop') {
-                        return [2 /*return*/, items];
-                    }
-                    return [4 /*yield*/, Promise.all(items.map(toFilePromises))];
-                case 1:
-                    files = _a.sent();
-                    return [2 /*return*/, noIgnoredFiles(flatten(files))];
-                case 2: return [2 /*return*/, noIgnoredFiles(fromList(dt.files)
-                        .map(function (file) { return toFileWithPath(file); }))];
-            }
-        });
-    });
-}
-function noIgnoredFiles(files) {
-    return files.filter(function (file) { return FILES_TO_IGNORE.indexOf(file.name) === -1; });
-}
-// IE11 does not support Array.from()
-// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/from#Browser_compatibility
-// https://developer.mozilla.org/en-US/docs/Web/API/FileList
-// https://developer.mozilla.org/en-US/docs/Web/API/DataTransferItemList
-function fromList(items) {
-    if (items === null) {
-        return [];
-    }
-    var files = [];
-    // tslint:disable: prefer-for-of
-    for (var i = 0; i < items.length; i++) {
-        var file = items[i];
-        files.push(file);
-    }
-    return files;
-}
-// https://developer.mozilla.org/en-US/docs/Web/API/DataTransferItem
-function toFilePromises(item) {
-    if (typeof item.webkitGetAsEntry !== 'function') {
-        return fromDataTransferItem(item);
-    }
-    var entry = item.webkitGetAsEntry();
-    // Safari supports dropping an image node from a different window and can be retrieved using
-    // the DataTransferItem.getAsFile() API
-    // NOTE: FileSystemEntry.file() throws if trying to get the file
-    if (entry && entry.isDirectory) {
-        return fromDirEntry(entry);
-    }
-    return fromDataTransferItem(item);
-}
-function flatten(items) {
-    return items.reduce(function (acc, files) { return __spreadArray(__spreadArray([], __read(acc), false), __read((Array.isArray(files) ? flatten(files) : [files])), false); }, []);
-}
-function fromDataTransferItem(item) {
-    var file = item.getAsFile();
-    if (!file) {
-        return Promise.reject("".concat(item, " is not a File"));
-    }
-    var fwp = toFileWithPath(file);
-    return Promise.resolve(fwp);
-}
-// https://developer.mozilla.org/en-US/docs/Web/API/FileSystemEntry
-function fromEntry(entry) {
-    return __awaiter(this, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            return [2 /*return*/, entry.isDirectory ? fromDirEntry(entry) : fromFileEntry(entry)];
-        });
-    });
-}
-// https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryEntry
-function fromDirEntry(entry) {
-    var reader = entry.createReader();
-    return new Promise(function (resolve, reject) {
-        var entries = [];
-        function readEntries() {
-            var _this = this;
-            // https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryEntry/createReader
-            // https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryReader/readEntries
-            reader.readEntries(function (batch) { return __awaiter(_this, void 0, void 0, function () {
-                var files, err_1, items;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            if (!!batch.length) return [3 /*break*/, 5];
-                            _a.label = 1;
-                        case 1:
-                            _a.trys.push([1, 3, , 4]);
-                            return [4 /*yield*/, Promise.all(entries)];
-                        case 2:
-                            files = _a.sent();
-                            resolve(files);
-                            return [3 /*break*/, 4];
-                        case 3:
-                            err_1 = _a.sent();
-                            reject(err_1);
-                            return [3 /*break*/, 4];
-                        case 4: return [3 /*break*/, 6];
-                        case 5:
-                            items = Promise.all(batch.map(fromEntry));
-                            entries.push(items);
-                            // Continue reading
-                            readEntries();
-                            _a.label = 6;
-                        case 6: return [2 /*return*/];
-                    }
-                });
-            }); }, function (err) {
-                reject(err);
-            });
-        }
-        readEntries();
-    });
-}
-// https://developer.mozilla.org/en-US/docs/Web/API/FileSystemFileEntry
-function fromFileEntry(entry) {
-    return __awaiter(this, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            return [2 /*return*/, new Promise(function (resolve, reject) {
-                    entry.file(function (file) {
-                        var fwp = toFileWithPath(file, entry.fullPath);
-                        resolve(fwp);
-                    }, function (err) {
-                        reject(err);
-                    });
-                })];
-        });
-    });
-}
-
-var _default = function (file, acceptedFiles) {
-  if (file && acceptedFiles) {
-    var acceptedFilesArray = Array.isArray(acceptedFiles) ? acceptedFiles : acceptedFiles.split(',');
-    var fileName = file.name || '';
-    var mimeType = (file.type || '').toLowerCase();
-    var baseMimeType = mimeType.replace(/\/.*$/, '');
-    return acceptedFilesArray.some(function (type) {
-      var validType = type.trim().toLowerCase();
-
-      if (validType.charAt(0) === '.') {
-        return fileName.toLowerCase().endsWith(validType);
-      } else if (validType.endsWith('/*')) {
-        // This is something like a image/* mime type
-        return baseMimeType === validType.replace(/\/.*$/, '');
-      }
-
-      return mimeType === validType;
-    });
-  }
-
-  return true;
-};
-
-function _toConsumableArray$1(arr) { return _arrayWithoutHoles$1(arr) || _iterableToArray$1(arr) || _unsupportedIterableToArray$1(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 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$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$1(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 _slicedToArray$1(arr, i) { return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest$1(); }
-
-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 _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 _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 _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 _arrayWithHoles$1(arr) { if (Array.isArray(arr)) return arr; }
-
-var FILE_INVALID_TYPE = "file-invalid-type";
-var FILE_TOO_LARGE = "file-too-large";
-var FILE_TOO_SMALL = "file-too-small";
-var TOO_MANY_FILES = "too-many-files";
-
-var getInvalidTypeRejectionErr = function getInvalidTypeRejectionErr(accept) {
-  accept = Array.isArray(accept) && accept.length === 1 ? accept[0] : accept;
-  var messageSuffix = Array.isArray(accept) ? "one of ".concat(accept.join(", ")) : accept;
-  return {
-    code: FILE_INVALID_TYPE,
-    message: "File type must be ".concat(messageSuffix)
-  };
-};
-var getTooLargeRejectionErr = function getTooLargeRejectionErr(maxSize) {
-  return {
-    code: FILE_TOO_LARGE,
-    message: "File is larger than ".concat(maxSize, " ").concat(maxSize === 1 ? "byte" : "bytes")
-  };
-};
-var getTooSmallRejectionErr = function getTooSmallRejectionErr(minSize) {
-  return {
-    code: FILE_TOO_SMALL,
-    message: "File is smaller than ".concat(minSize, " ").concat(minSize === 1 ? "byte" : "bytes")
-  };
-};
-var TOO_MANY_FILES_REJECTION = {
-  code: TOO_MANY_FILES,
-  message: "Too many files"
-}; // Firefox versions prior to 53 return a bogus MIME type for every file drag, so dragovers with
-// that MIME type will always be accepted
-
-function fileAccepted(file, accept) {
-  var isAcceptable = file.type === "application/x-moz-file" || _default(file, accept);
-  return [isAcceptable, isAcceptable ? null : getInvalidTypeRejectionErr(accept)];
-}
-function fileMatchSize(file, minSize, maxSize) {
-  if (isDefined(file.size)) {
-    if (isDefined(minSize) && isDefined(maxSize)) {
-      if (file.size > maxSize) return [false, getTooLargeRejectionErr(maxSize)];
-      if (file.size < minSize) return [false, getTooSmallRejectionErr(minSize)];
-    } else if (isDefined(minSize) && file.size < minSize) return [false, getTooSmallRejectionErr(minSize)];else if (isDefined(maxSize) && file.size > maxSize) return [false, getTooLargeRejectionErr(maxSize)];
-  }
-
-  return [true, null];
-}
-
-function isDefined(value) {
-  return value !== undefined && value !== null;
-}
-/**
- *
- * @param {object} options
- * @param {File[]} options.files
- * @param {string|string[]} [options.accept]
- * @param {number} [options.minSize]
- * @param {number} [options.maxSize]
- * @param {boolean} [options.multiple]
- * @param {number} [options.maxFiles]
- * @param {(f: File) => FileError|FileError[]|null} [options.validator]
- * @returns
- */
-
-
-function allFilesAccepted(_ref) {
-  var files = _ref.files,
-      accept = _ref.accept,
-      minSize = _ref.minSize,
-      maxSize = _ref.maxSize,
-      multiple = _ref.multiple,
-      maxFiles = _ref.maxFiles,
-      validator = _ref.validator;
-
-  if (!multiple && files.length > 1 || multiple && maxFiles >= 1 && files.length > maxFiles) {
-    return false;
-  }
-
-  return files.every(function (file) {
-    var _fileAccepted = fileAccepted(file, accept),
-        _fileAccepted2 = _slicedToArray$1(_fileAccepted, 1),
-        accepted = _fileAccepted2[0];
-
-    var _fileMatchSize = fileMatchSize(file, minSize, maxSize),
-        _fileMatchSize2 = _slicedToArray$1(_fileMatchSize, 1),
-        sizeMatch = _fileMatchSize2[0];
-
-    var customErrors = validator ? validator(file) : null;
-    return accepted && sizeMatch && !customErrors;
-  });
-} // React's synthetic events has event.isPropagationStopped,
-// but to remain compatibility with other libs (Preact) fall back
-// to check event.cancelBubble
-
-function isPropagationStopped(event) {
-  if (typeof event.isPropagationStopped === "function") {
-    return event.isPropagationStopped();
-  } else if (typeof event.cancelBubble !== "undefined") {
-    return event.cancelBubble;
-  }
-
-  return false;
-}
-function isEvtWithFiles(event) {
-  if (!event.dataTransfer) {
-    return !!event.target && !!event.target.files;
-  } // https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/types
-  // https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Recommended_drag_types#file
-
-
-  return Array.prototype.some.call(event.dataTransfer.types, function (type) {
-    return type === "Files" || type === "application/x-moz-file";
-  });
-}
-
-function onDocumentDragOver(event) {
-  event.preventDefault();
-}
-
-function isIe(userAgent) {
-  return userAgent.indexOf("MSIE") !== -1 || userAgent.indexOf("Trident/") !== -1;
-}
-
-function isEdge(userAgent) {
-  return userAgent.indexOf("Edge/") !== -1;
-}
-
-function isIeOrEdge() {
-  var userAgent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.navigator.userAgent;
-  return isIe(userAgent) || isEdge(userAgent);
-}
-/**
- * This is intended to be used to compose event handlers
- * They are executed in order until one of them calls `event.isPropagationStopped()`.
- * Note that the check is done on the first invoke too,
- * meaning that if propagation was stopped before invoking the fns,
- * no handlers will be executed.
- *
- * @param {Function} fns the event hanlder functions
- * @return {Function} the event handler to add to an element
- */
-
-function composeEventHandlers() {
-  for (var _len = arguments.length, fns = new Array(_len), _key = 0; _key < _len; _key++) {
-    fns[_key] = arguments[_key];
-  }
-
-  return function (event) {
-    for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-      args[_key2 - 1] = arguments[_key2];
-    }
-
-    return fns.some(function (fn) {
-      if (!isPropagationStopped(event) && fn) {
-        fn.apply(void 0, [event].concat(args));
-      }
-
-      return isPropagationStopped(event);
-    });
-  };
-}
-/**
- * canUseFileSystemAccessAPI checks if the [File System Access API](https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API)
- * is supported by the browser.
- * @returns {boolean}
- */
-
-function canUseFileSystemAccessAPI() {
-  return "showOpenFilePicker" in window;
-}
-/**
- * Convert the `{accept}` dropzone prop to the
- * `{types}` option for https://developer.mozilla.org/en-US/docs/Web/API/window/showOpenFilePicker
- *
- * @param {AcceptProp} accept
- * @returns {{accept: string[]}[]}
- */
-
-function pickerOptionsFromAccept(accept) {
-  if (isDefined(accept)) {
-    var acceptForPicker = Object.entries(accept).filter(function (_ref2) {
-      var _ref3 = _slicedToArray$1(_ref2, 2),
-          mimeType = _ref3[0],
-          ext = _ref3[1];
-
-      var ok = true;
-
-      if (!isMIMEType(mimeType)) {
-        console.warn("Skipped \"".concat(mimeType, "\" because it is not a valid MIME type. Check https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types for a list of valid MIME types."));
-        ok = false;
-      }
-
-      if (!Array.isArray(ext) || !ext.every(isExt)) {
-        console.warn("Skipped \"".concat(mimeType, "\" because an invalid file extension was provided."));
-        ok = false;
-      }
-
-      return ok;
-    }).reduce(function (agg, _ref4) {
-      var _ref5 = _slicedToArray$1(_ref4, 2),
-          mimeType = _ref5[0],
-          ext = _ref5[1];
-
-      return _objectSpread$9(_objectSpread$9({}, agg), {}, _defineProperty$1({}, mimeType, ext));
-    }, {});
-    return [{
-      accept: acceptForPicker
-    }];
-  }
-
-  return accept;
-}
-/**
- * Convert the `{accept}` dropzone prop to an array of MIME types/extensions.
- * @param {AcceptProp} accept
- * @returns {string}
- */
-
-function acceptPropAsAcceptAttr(accept) {
-  if (isDefined(accept)) {
-    return Object.entries(accept).reduce(function (a, _ref6) {
-      var _ref7 = _slicedToArray$1(_ref6, 2),
-          mimeType = _ref7[0],
-          ext = _ref7[1];
-
-      return [].concat(_toConsumableArray$1(a), [mimeType], _toConsumableArray$1(ext));
-    }, []) // Silently discard invalid entries as pickerOptionsFromAccept warns about these
-    .filter(function (v) {
-      return isMIMEType(v) || isExt(v);
-    }).join(",");
-  }
-
-  return undefined;
-}
-/**
- * Check if v is an exception caused by aborting a request (e.g window.showOpenFilePicker()).
- *
- * See https://developer.mozilla.org/en-US/docs/Web/API/DOMException.
- * @param {any} v
- * @returns {boolean} True if v is an abort exception.
- */
-
-function isAbort(v) {
-  return v instanceof DOMException && (v.name === "AbortError" || v.code === v.ABORT_ERR);
-}
-/**
- * Check if v is a security error.
- *
- * See https://developer.mozilla.org/en-US/docs/Web/API/DOMException.
- * @param {any} v
- * @returns {boolean} True if v is a security error.
- */
-
-function isSecurityError(v) {
-  return v instanceof DOMException && (v.name === "SecurityError" || v.code === v.SECURITY_ERR);
-}
-/**
- * Check if v is a MIME type string.
- *
- * See accepted format: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers.
- *
- * @param {string} v
- */
-
-function isMIMEType(v) {
-  return v === "audio/*" || v === "video/*" || v === "image/*" || v === "text/*" || /\w+\/[-+.\w]+/g.test(v);
-}
-/**
- * Check if v is a file extension.
- * @param {string} v
- */
-
-function isExt(v) {
-  return /^.*\.[\w]+$/.test(v);
-}
-/**
- * @typedef {Object.<string, string[]>} AcceptProp
- */
-
-/**
- * @typedef {object} FileError
- * @property {string} message
- * @property {ErrorCode|string} code
- */
-
-/**
- * @typedef {"file-invalid-type"|"file-too-large"|"file-too-small"|"too-many-files"} ErrorCode
- */
-
-var _excluded$3 = ["children"],
-    _excluded2$2 = ["open"],
-    _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 _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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-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 _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 _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 _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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return 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 _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(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 _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; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-/**
- * Convenience wrapper component for the `useDropzone` hook
- *
- * ```jsx
- * <Dropzone>
- *   {({getRootProps, getInputProps}) => (
- *     <div {...getRootProps()}>
- *       <input {...getInputProps()} />
- *       <p>Drag 'n' drop some files here, or click to select files</p>
- *     </div>
- *   )}
- * </Dropzone>
- * ```
- */
-
-var Dropzone = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-      params = _objectWithoutProperties(_ref, _excluded$3);
-
-  var _useDropzone = useDropzone(params),
-      open = _useDropzone.open,
-      props = _objectWithoutProperties(_useDropzone, _excluded2$2);
-
-  React.useImperativeHandle(ref, function () {
-    return {
-      open: open
-    };
-  }, [open]); // TODO: Figure out why react-styleguidist cannot create docs if we don't return a jsx element
-
-  return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, children(_objectSpread$8(_objectSpread$8({}, props), {}, {
-    open: open
-  })));
-});
-Dropzone.displayName = "Dropzone"; // Add default props for react-docgen
-
-var defaultProps = {
-  disabled: false,
-  getFilesFromEvent: fromEvent,
-  maxSize: Infinity,
-  minSize: 0,
-  multiple: true,
-  maxFiles: 0,
-  preventDropOnDocument: true,
-  noClick: false,
-  noKeyboard: false,
-  noDrag: false,
-  noDragEventsBubbling: false,
-  validator: null,
-  useFsAccessApi: true,
-  autoFocus: false
-};
-Dropzone.defaultProps = defaultProps;
-Dropzone.propTypes = {
-  /**
-   * Render function that exposes the dropzone state and prop getter fns
-   *
-   * @param {object} params
-   * @param {Function} params.getRootProps Returns the props you should apply to the root drop container you render
-   * @param {Function} params.getInputProps Returns the props you should apply to hidden file input you render
-   * @param {Function} params.open Open the native file selection dialog
-   * @param {boolean} params.isFocused Dropzone area is in focus
-   * @param {boolean} params.isFileDialogActive File dialog is opened
-   * @param {boolean} params.isDragActive Active drag is in progress
-   * @param {boolean} params.isDragAccept Dragged files are accepted
-   * @param {boolean} params.isDragReject Some dragged files are rejected
-   * @param {File[]} params.acceptedFiles Accepted files
-   * @param {FileRejection[]} params.fileRejections Rejected files and why they were rejected
-   */
-  children: propTypes.exports.func,
-
-  /**
-   * Set accepted file types.
-   * Checkout https://developer.mozilla.org/en-US/docs/Web/API/window/showOpenFilePicker types option for more information.
-   * Keep in mind that mime type determination is not reliable across platforms. CSV files,
-   * for example, are reported as text/plain under macOS but as application/vnd.ms-excel under
-   * Windows. In some cases there might not be a mime type set at all (https://github.com/react-dropzone/react-dropzone/issues/276).
-   */
-  accept: propTypes.exports.objectOf(propTypes.exports.arrayOf(propTypes.exports.string)),
-
-  /**
-   * Allow drag 'n' drop (or selection from the file dialog) of multiple files
-   */
-  multiple: propTypes.exports.bool,
-
-  /**
-   * If false, allow dropped items to take over the current browser window
-   */
-  preventDropOnDocument: propTypes.exports.bool,
-
-  /**
-   * If true, disables click to open the native file selection dialog
-   */
-  noClick: propTypes.exports.bool,
-
-  /**
-   * If true, disables SPACE/ENTER to open the native file selection dialog.
-   * Note that it also stops tracking the focus state.
-   */
-  noKeyboard: propTypes.exports.bool,
-
-  /**
-   * If true, disables drag 'n' drop
-   */
-  noDrag: propTypes.exports.bool,
-
-  /**
-   * If true, stops drag event propagation to parents
-   */
-  noDragEventsBubbling: propTypes.exports.bool,
-
-  /**
-   * Minimum file size (in bytes)
-   */
-  minSize: propTypes.exports.number,
-
-  /**
-   * Maximum file size (in bytes)
-   */
-  maxSize: propTypes.exports.number,
-
-  /**
-   * Maximum accepted number of files
-   * The default value is 0 which means there is no limitation to how many files are accepted.
-   */
-  maxFiles: propTypes.exports.number,
-
-  /**
-   * Enable/disable the dropzone
-   */
-  disabled: propTypes.exports.bool,
-
-  /**
-   * Use this to provide a custom file aggregator
-   *
-   * @param {(DragEvent|Event)} event A drag event or input change event (if files were selected via the file dialog)
-   */
-  getFilesFromEvent: propTypes.exports.func,
-
-  /**
-   * Cb for when closing the file dialog with no selection
-   */
-  onFileDialogCancel: propTypes.exports.func,
-
-  /**
-   * Cb for when opening the file dialog
-   */
-  onFileDialogOpen: propTypes.exports.func,
-
-  /**
-   * Set to true to use the https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API
-   * to open the file picker instead of using an `<input type="file">` click event.
-   */
-  useFsAccessApi: propTypes.exports.bool,
-
-  /**
-   * Set to true to focus the root element on render
-   */
-  autoFocus: propTypes.exports.bool,
-
-  /**
-   * Cb for when the `dragenter` event occurs.
-   *
-   * @param {DragEvent} event
-   */
-  onDragEnter: propTypes.exports.func,
-
-  /**
-   * Cb for when the `dragleave` event occurs
-   *
-   * @param {DragEvent} event
-   */
-  onDragLeave: propTypes.exports.func,
-
-  /**
-   * Cb for when the `dragover` event occurs
-   *
-   * @param {DragEvent} event
-   */
-  onDragOver: propTypes.exports.func,
-
-  /**
-   * Cb for when the `drop` event occurs.
-   * Note that this callback is invoked after the `getFilesFromEvent` callback is done.
-   *
-   * Files are accepted or rejected based on the `accept`, `multiple`, `minSize` and `maxSize` props.
-   * `accept` must be a valid [MIME type](http://www.iana.org/assignments/media-types/media-types.xhtml) according to [input element specification](https://www.w3.org/wiki/HTML/Elements/input/file) or a valid file extension.
-   * If `multiple` is set to false and additional files are dropped,
-   * all files besides the first will be rejected.
-   * Any file which does not have a size in the [`minSize`, `maxSize`] range, will be rejected as well.
-   *
-   * Note that the `onDrop` callback will always be invoked regardless if the dropped files were accepted or rejected.
-   * If you'd like to react to a specific scenario, use the `onDropAccepted`/`onDropRejected` props.
-   *
-   * `onDrop` will provide you with an array of [File](https://developer.mozilla.org/en-US/docs/Web/API/File) objects which you can then process and send to a server.
-   * For example, with [SuperAgent](https://github.com/visionmedia/superagent) as a http/ajax library:
-   *
-   * ```js
-   * function onDrop(acceptedFiles) {
-   *   const req = request.post('/upload')
-   *   acceptedFiles.forEach(file => {
-   *     req.attach(file.name, file)
-   *   })
-   *   req.end(callback)
-   * }
-   * ```
-   *
-   * @param {File[]} acceptedFiles
-   * @param {FileRejection[]} fileRejections
-   * @param {(DragEvent|Event)} event A drag event or input change event (if files were selected via the file dialog)
-   */
-  onDrop: propTypes.exports.func,
-
-  /**
-   * Cb for when the `drop` event occurs.
-   * Note that if no files are accepted, this callback is not invoked.
-   *
-   * @param {File[]} files
-   * @param {(DragEvent|Event)} event
-   */
-  onDropAccepted: propTypes.exports.func,
-
-  /**
-   * Cb for when the `drop` event occurs.
-   * Note that if no files are rejected, this callback is not invoked.
-   *
-   * @param {FileRejection[]} fileRejections
-   * @param {(DragEvent|Event)} event
-   */
-  onDropRejected: propTypes.exports.func,
-
-  /**
-   * Cb for when there's some error from any of the promises.
-   *
-   * @param {Error} error
-   */
-  onError: propTypes.exports.func,
-
-  /**
-   * Custom validation function. It must return null if there's no errors.
-   * @param {File} file
-   * @returns {FileError|FileError[]|null}
-   */
-  validator: propTypes.exports.func
-};
-var Dropzone$1 = Dropzone;
-/**
- * A function that is invoked for the `dragenter`,
- * `dragover` and `dragleave` events.
- * It is not invoked if the items are not files (such as link, text, etc.).
- *
- * @callback dragCb
- * @param {DragEvent} event
- */
-
-/**
- * A function that is invoked for the `drop` or input change event.
- * It is not invoked if the items are not files (such as link, text, etc.).
- *
- * @callback dropCb
- * @param {File[]} acceptedFiles List of accepted files
- * @param {FileRejection[]} fileRejections List of rejected files and why they were rejected
- * @param {(DragEvent|Event)} event A drag event or input change event (if files were selected via the file dialog)
- */
-
-/**
- * A function that is invoked for the `drop` or input change event.
- * It is not invoked if the items are files (such as link, text, etc.).
- *
- * @callback dropAcceptedCb
- * @param {File[]} files List of accepted files that meet the given criteria
- * (`accept`, `multiple`, `minSize`, `maxSize`)
- * @param {(DragEvent|Event)} event A drag event or input change event (if files were selected via the file dialog)
- */
-
-/**
- * A function that is invoked for the `drop` or input change event.
- *
- * @callback dropRejectedCb
- * @param {File[]} files List of rejected files that do not meet the given criteria
- * (`accept`, `multiple`, `minSize`, `maxSize`)
- * @param {(DragEvent|Event)} event A drag event or input change event (if files were selected via the file dialog)
- */
-
-/**
- * A function that is used aggregate files,
- * in a asynchronous fashion, from drag or input change events.
- *
- * @callback getFilesFromEvent
- * @param {(DragEvent|Event)} event A drag event or input change event (if files were selected via the file dialog)
- * @returns {(File[]|Promise<File[]>)}
- */
-
-/**
- * An object with the current dropzone state.
- *
- * @typedef {object} DropzoneState
- * @property {boolean} isFocused Dropzone area is in focus
- * @property {boolean} isFileDialogActive File dialog is opened
- * @property {boolean} isDragActive Active drag is in progress
- * @property {boolean} isDragAccept Dragged files are accepted
- * @property {boolean} isDragReject Some dragged files are rejected
- * @property {File[]} acceptedFiles Accepted files
- * @property {FileRejection[]} fileRejections Rejected files and why they were rejected
- */
-
-/**
- * An object with the dropzone methods.
- *
- * @typedef {object} DropzoneMethods
- * @property {Function} getRootProps Returns the props you should apply to the root drop container you render
- * @property {Function} getInputProps Returns the props you should apply to hidden file input you render
- * @property {Function} open Open the native file selection dialog
- */
-
-var initialState = {
-  isFocused: false,
-  isFileDialogActive: false,
-  isDragActive: false,
-  isDragAccept: false,
-  isDragReject: false,
-  acceptedFiles: [],
-  fileRejections: []
-};
-/**
- * A React hook that creates a drag 'n' drop area.
- *
- * ```jsx
- * function MyDropzone(props) {
- *   const {getRootProps, getInputProps} = useDropzone({
- *     onDrop: acceptedFiles => {
- *       // do something with the File objects, e.g. upload to some server
- *     }
- *   });
- *   return (
- *     <div {...getRootProps()}>
- *       <input {...getInputProps()} />
- *       <p>Drag and drop some files here, or click to select files</p>
- *     </div>
- *   )
- * }
- * ```
- *
- * @function useDropzone
- *
- * @param {object} props
- * @param {import("./utils").AcceptProp} [props.accept] Set accepted file types.
- * Checkout https://developer.mozilla.org/en-US/docs/Web/API/window/showOpenFilePicker types option for more information.
- * Keep in mind that mime type determination is not reliable across platforms. CSV files,
- * for example, are reported as text/plain under macOS but as application/vnd.ms-excel under
- * Windows. In some cases there might not be a mime type set at all (https://github.com/react-dropzone/react-dropzone/issues/276).
- * @param {boolean} [props.multiple=true] Allow drag 'n' drop (or selection from the file dialog) of multiple files
- * @param {boolean} [props.preventDropOnDocument=true] If false, allow dropped items to take over the current browser window
- * @param {boolean} [props.noClick=false] If true, disables click to open the native file selection dialog
- * @param {boolean} [props.noKeyboard=false] If true, disables SPACE/ENTER to open the native file selection dialog.
- * Note that it also stops tracking the focus state.
- * @param {boolean} [props.noDrag=false] If true, disables drag 'n' drop
- * @param {boolean} [props.noDragEventsBubbling=false] If true, stops drag event propagation to parents
- * @param {number} [props.minSize=0] Minimum file size (in bytes)
- * @param {number} [props.maxSize=Infinity] Maximum file size (in bytes)
- * @param {boolean} [props.disabled=false] Enable/disable the dropzone
- * @param {getFilesFromEvent} [props.getFilesFromEvent] Use this to provide a custom file aggregator
- * @param {Function} [props.onFileDialogCancel] Cb for when closing the file dialog with no selection
- * @param {boolean} [props.useFsAccessApi] Set to true to use the https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API
- * to open the file picker instead of using an `<input type="file">` click event.
- * @param {boolean} autoFocus Set to true to auto focus the root element.
- * @param {Function} [props.onFileDialogOpen] Cb for when opening the file dialog
- * @param {dragCb} [props.onDragEnter] Cb for when the `dragenter` event occurs.
- * @param {dragCb} [props.onDragLeave] Cb for when the `dragleave` event occurs
- * @param {dragCb} [props.onDragOver] Cb for when the `dragover` event occurs
- * @param {dropCb} [props.onDrop] Cb for when the `drop` event occurs.
- * Note that this callback is invoked after the `getFilesFromEvent` callback is done.
- *
- * Files are accepted or rejected based on the `accept`, `multiple`, `minSize` and `maxSize` props.
- * `accept` must be an object with keys as a valid [MIME type](http://www.iana.org/assignments/media-types/media-types.xhtml) according to [input element specification](https://www.w3.org/wiki/HTML/Elements/input/file) and the value an array of file extensions (optional).
- * If `multiple` is set to false and additional files are dropped,
- * all files besides the first will be rejected.
- * Any file which does not have a size in the [`minSize`, `maxSize`] range, will be rejected as well.
- *
- * Note that the `onDrop` callback will always be invoked regardless if the dropped files were accepted or rejected.
- * If you'd like to react to a specific scenario, use the `onDropAccepted`/`onDropRejected` props.
- *
- * `onDrop` will provide you with an array of [File](https://developer.mozilla.org/en-US/docs/Web/API/File) objects which you can then process and send to a server.
- * For example, with [SuperAgent](https://github.com/visionmedia/superagent) as a http/ajax library:
- *
- * ```js
- * function onDrop(acceptedFiles) {
- *   const req = request.post('/upload')
- *   acceptedFiles.forEach(file => {
- *     req.attach(file.name, file)
- *   })
- *   req.end(callback)
- * }
- * ```
- * @param {dropAcceptedCb} [props.onDropAccepted]
- * @param {dropRejectedCb} [props.onDropRejected]
- * @param {(error: Error) => void} [props.onError]
- *
- * @returns {DropzoneState & DropzoneMethods}
- */
-
-function useDropzone() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-  var _defaultProps$props = _objectSpread$8(_objectSpread$8({}, defaultProps), props),
-      accept = _defaultProps$props.accept,
-      disabled = _defaultProps$props.disabled,
-      getFilesFromEvent = _defaultProps$props.getFilesFromEvent,
-      maxSize = _defaultProps$props.maxSize,
-      minSize = _defaultProps$props.minSize,
-      multiple = _defaultProps$props.multiple,
-      maxFiles = _defaultProps$props.maxFiles,
-      onDragEnter = _defaultProps$props.onDragEnter,
-      onDragLeave = _defaultProps$props.onDragLeave,
-      onDragOver = _defaultProps$props.onDragOver,
-      onDrop = _defaultProps$props.onDrop,
-      onDropAccepted = _defaultProps$props.onDropAccepted,
-      onDropRejected = _defaultProps$props.onDropRejected,
-      onFileDialogCancel = _defaultProps$props.onFileDialogCancel,
-      onFileDialogOpen = _defaultProps$props.onFileDialogOpen,
-      useFsAccessApi = _defaultProps$props.useFsAccessApi,
-      autoFocus = _defaultProps$props.autoFocus,
-      preventDropOnDocument = _defaultProps$props.preventDropOnDocument,
-      noClick = _defaultProps$props.noClick,
-      noKeyboard = _defaultProps$props.noKeyboard,
-      noDrag = _defaultProps$props.noDrag,
-      noDragEventsBubbling = _defaultProps$props.noDragEventsBubbling,
-      onError = _defaultProps$props.onError,
-      validator = _defaultProps$props.validator;
-
-  var acceptAttr = React.useMemo(function () {
-    return acceptPropAsAcceptAttr(accept);
-  }, [accept]);
-  var pickerTypes = React.useMemo(function () {
-    return pickerOptionsFromAccept(accept);
-  }, [accept]);
-  var onFileDialogOpenCb = React.useMemo(function () {
-    return typeof onFileDialogOpen === "function" ? onFileDialogOpen : noop;
-  }, [onFileDialogOpen]);
-  var onFileDialogCancelCb = React.useMemo(function () {
-    return typeof onFileDialogCancel === "function" ? onFileDialogCancel : noop;
-  }, [onFileDialogCancel]);
-  /**
-   * @constant
-   * @type {React.MutableRefObject<HTMLElement>}
-   */
-
-  var rootRef = React.useRef(null);
-  var inputRef = React.useRef(null);
-
-  var _useReducer = React.useReducer(reducer, initialState),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      state = _useReducer2[0],
-      dispatch = _useReducer2[1];
-
-  var isFocused = state.isFocused,
-      isFileDialogActive = state.isFileDialogActive;
-  var fsAccessApiWorksRef = React.useRef(typeof window !== "undefined" && window.isSecureContext && useFsAccessApi && canUseFileSystemAccessAPI()); // Update file dialog active state when the window is focused on
-
-  var onWindowFocus = function onWindowFocus() {
-    // Execute the timeout only if the file dialog is opened in the browser
-    if (!fsAccessApiWorksRef.current && isFileDialogActive) {
-      setTimeout(function () {
-        if (inputRef.current) {
-          var files = inputRef.current.files;
-
-          if (!files.length) {
-            dispatch({
-              type: "closeDialog"
-            });
-            onFileDialogCancelCb();
-          }
-        }
-      }, 300);
-    }
-  };
-
-  React.useEffect(function () {
-    window.addEventListener("focus", onWindowFocus, false);
-    return function () {
-      window.removeEventListener("focus", onWindowFocus, false);
-    };
-  }, [inputRef, isFileDialogActive, onFileDialogCancelCb, fsAccessApiWorksRef]);
-  var dragTargetsRef = React.useRef([]);
-
-  var onDocumentDrop = function onDocumentDrop(event) {
-    if (rootRef.current && rootRef.current.contains(event.target)) {
-      // If we intercepted an event for our instance, let it propagate down to the instance's onDrop handler
-      return;
-    }
-
-    event.preventDefault();
-    dragTargetsRef.current = [];
-  };
-
-  React.useEffect(function () {
-    if (preventDropOnDocument) {
-      document.addEventListener("dragover", onDocumentDragOver, false);
-      document.addEventListener("drop", onDocumentDrop, false);
-    }
-
-    return function () {
-      if (preventDropOnDocument) {
-        document.removeEventListener("dragover", onDocumentDragOver);
-        document.removeEventListener("drop", onDocumentDrop);
-      }
-    };
-  }, [rootRef, preventDropOnDocument]); // Auto focus the root when autoFocus is true
-
-  React.useEffect(function () {
-    if (!disabled && autoFocus && rootRef.current) {
-      rootRef.current.focus();
-    }
-
-    return function () {};
-  }, [rootRef, autoFocus, disabled]);
-  var onErrCb = React.useCallback(function (e) {
-    if (onError) {
-      onError(e);
-    } else {
-      // Let the user know something's gone wrong if they haven't provided the onError cb.
-      console.error(e);
-    }
-  }, [onError]);
-  var onDragEnterCb = React.useCallback(function (event) {
-    event.preventDefault(); // Persist here because we need the event later after getFilesFromEvent() is done
-
-    event.persist();
-    stopPropagation(event);
-    dragTargetsRef.current = [].concat(_toConsumableArray(dragTargetsRef.current), [event.target]);
-
-    if (isEvtWithFiles(event)) {
-      Promise.resolve(getFilesFromEvent(event)).then(function (files) {
-        if (isPropagationStopped(event) && !noDragEventsBubbling) {
-          return;
-        }
-
-        var fileCount = files.length;
-        var isDragAccept = fileCount > 0 && allFilesAccepted({
-          files: files,
-          accept: acceptAttr,
-          minSize: minSize,
-          maxSize: maxSize,
-          multiple: multiple,
-          maxFiles: maxFiles,
-          validator: validator
-        });
-        var isDragReject = fileCount > 0 && !isDragAccept;
-        dispatch({
-          isDragAccept: isDragAccept,
-          isDragReject: isDragReject,
-          isDragActive: true,
-          type: "setDraggedFiles"
-        });
-
-        if (onDragEnter) {
-          onDragEnter(event);
-        }
-      }).catch(function (e) {
-        return onErrCb(e);
-      });
-    }
-  }, [getFilesFromEvent, onDragEnter, onErrCb, noDragEventsBubbling, acceptAttr, minSize, maxSize, multiple, maxFiles, validator]);
-  var onDragOverCb = React.useCallback(function (event) {
-    event.preventDefault();
-    event.persist();
-    stopPropagation(event);
-    var hasFiles = isEvtWithFiles(event);
-
-    if (hasFiles && event.dataTransfer) {
-      try {
-        event.dataTransfer.dropEffect = "copy";
-      } catch (_unused) {}
-      /* eslint-disable-line no-empty */
-
-    }
-
-    if (hasFiles && onDragOver) {
-      onDragOver(event);
-    }
-
-    return false;
-  }, [onDragOver, noDragEventsBubbling]);
-  var onDragLeaveCb = React.useCallback(function (event) {
-    event.preventDefault();
-    event.persist();
-    stopPropagation(event); // Only deactivate once the dropzone and all children have been left
-
-    var targets = dragTargetsRef.current.filter(function (target) {
-      return rootRef.current && rootRef.current.contains(target);
-    }); // Make sure to remove a target present multiple times only once
-    // (Firefox may fire dragenter/dragleave multiple times on the same element)
-
-    var targetIdx = targets.indexOf(event.target);
-
-    if (targetIdx !== -1) {
-      targets.splice(targetIdx, 1);
-    }
-
-    dragTargetsRef.current = targets;
-
-    if (targets.length > 0) {
-      return;
-    }
-
-    dispatch({
-      type: "setDraggedFiles",
-      isDragActive: false,
-      isDragAccept: false,
-      isDragReject: false
-    });
-
-    if (isEvtWithFiles(event) && onDragLeave) {
-      onDragLeave(event);
-    }
-  }, [rootRef, onDragLeave, noDragEventsBubbling]);
-  var setFiles = React.useCallback(function (files, event) {
-    var acceptedFiles = [];
-    var fileRejections = [];
-    files.forEach(function (file) {
-      var _fileAccepted = fileAccepted(file, acceptAttr),
-          _fileAccepted2 = _slicedToArray(_fileAccepted, 2),
-          accepted = _fileAccepted2[0],
-          acceptError = _fileAccepted2[1];
-
-      var _fileMatchSize = fileMatchSize(file, minSize, maxSize),
-          _fileMatchSize2 = _slicedToArray(_fileMatchSize, 2),
-          sizeMatch = _fileMatchSize2[0],
-          sizeError = _fileMatchSize2[1];
-
-      var customErrors = validator ? validator(file) : null;
-
-      if (accepted && sizeMatch && !customErrors) {
-        acceptedFiles.push(file);
-      } else {
-        var errors = [acceptError, sizeError];
-
-        if (customErrors) {
-          errors = errors.concat(customErrors);
-        }
-
-        fileRejections.push({
-          file: file,
-          errors: errors.filter(function (e) {
-            return e;
-          })
-        });
-      }
-    });
-
-    if (!multiple && acceptedFiles.length > 1 || multiple && maxFiles >= 1 && acceptedFiles.length > maxFiles) {
-      // Reject everything and empty accepted files
-      acceptedFiles.forEach(function (file) {
-        fileRejections.push({
-          file: file,
-          errors: [TOO_MANY_FILES_REJECTION]
-        });
-      });
-      acceptedFiles.splice(0);
-    }
-
-    dispatch({
-      acceptedFiles: acceptedFiles,
-      fileRejections: fileRejections,
-      type: "setFiles"
-    });
-
-    if (onDrop) {
-      onDrop(acceptedFiles, fileRejections, event);
-    }
-
-    if (fileRejections.length > 0 && onDropRejected) {
-      onDropRejected(fileRejections, event);
-    }
-
-    if (acceptedFiles.length > 0 && onDropAccepted) {
-      onDropAccepted(acceptedFiles, event);
-    }
-  }, [dispatch, multiple, acceptAttr, minSize, maxSize, maxFiles, onDrop, onDropAccepted, onDropRejected, validator]);
-  var onDropCb = React.useCallback(function (event) {
-    event.preventDefault(); // Persist here because we need the event later after getFilesFromEvent() is done
-
-    event.persist();
-    stopPropagation(event);
-    dragTargetsRef.current = [];
-
-    if (isEvtWithFiles(event)) {
-      Promise.resolve(getFilesFromEvent(event)).then(function (files) {
-        if (isPropagationStopped(event) && !noDragEventsBubbling) {
-          return;
-        }
-
-        setFiles(files, event);
-      }).catch(function (e) {
-        return onErrCb(e);
-      });
-    }
-
-    dispatch({
-      type: "reset"
-    });
-  }, [getFilesFromEvent, setFiles, onErrCb, noDragEventsBubbling]); // Fn for opening the file dialog programmatically
-
-  var openFileDialog = React.useCallback(function () {
-    // No point to use FS access APIs if context is not secure
-    // https://developer.mozilla.org/en-US/docs/Web/Security/Secure_Contexts#feature_detection
-    if (fsAccessApiWorksRef.current) {
-      dispatch({
-        type: "openDialog"
-      });
-      onFileDialogOpenCb(); // https://developer.mozilla.org/en-US/docs/Web/API/window/showOpenFilePicker
-
-      var opts = {
-        multiple: multiple,
-        types: pickerTypes
-      };
-      window.showOpenFilePicker(opts).then(function (handles) {
-        return getFilesFromEvent(handles);
-      }).then(function (files) {
-        setFiles(files, null);
-        dispatch({
-          type: "closeDialog"
-        });
-      }).catch(function (e) {
-        // AbortError means the user canceled
-        if (isAbort(e)) {
-          onFileDialogCancelCb(e);
-          dispatch({
-            type: "closeDialog"
-          });
-        } else if (isSecurityError(e)) {
-          fsAccessApiWorksRef.current = false; // CORS, so cannot use this API
-          // Try using the input
-
-          if (inputRef.current) {
-            inputRef.current.value = null;
-            inputRef.current.click();
-          } else {
-            onErrCb(new Error("Cannot open the file picker because the https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API is not supported and no <input> was provided."));
-          }
-        } else {
-          onErrCb(e);
-        }
-      });
-      return;
-    }
-
-    if (inputRef.current) {
-      dispatch({
-        type: "openDialog"
-      });
-      onFileDialogOpenCb();
-      inputRef.current.value = null;
-      inputRef.current.click();
-    }
-  }, [dispatch, onFileDialogOpenCb, onFileDialogCancelCb, useFsAccessApi, setFiles, onErrCb, pickerTypes, multiple]); // Cb to open the file dialog when SPACE/ENTER occurs on the dropzone
-
-  var onKeyDownCb = React.useCallback(function (event) {
-    // Ignore keyboard events bubbling up the DOM tree
-    if (!rootRef.current || !rootRef.current.isEqualNode(event.target)) {
-      return;
-    }
-
-    if (event.key === " " || event.key === "Enter" || event.keyCode === 32 || event.keyCode === 13) {
-      event.preventDefault();
-      openFileDialog();
-    }
-  }, [rootRef, openFileDialog]); // Update focus state for the dropzone
-
-  var onFocusCb = React.useCallback(function () {
-    dispatch({
-      type: "focus"
-    });
-  }, []);
-  var onBlurCb = React.useCallback(function () {
-    dispatch({
-      type: "blur"
-    });
-  }, []); // Cb to open the file dialog when click occurs on the dropzone
-
-  var onClickCb = React.useCallback(function () {
-    if (noClick) {
-      return;
-    } // In IE11/Edge the file-browser dialog is blocking, therefore, use setTimeout()
-    // to ensure React can handle state changes
-    // See: https://github.com/react-dropzone/react-dropzone/issues/450
-
-
-    if (isIeOrEdge()) {
-      setTimeout(openFileDialog, 0);
-    } else {
-      openFileDialog();
-    }
-  }, [noClick, openFileDialog]);
-
-  var composeHandler = function composeHandler(fn) {
-    return disabled ? null : fn;
-  };
-
-  var composeKeyboardHandler = function composeKeyboardHandler(fn) {
-    return noKeyboard ? null : composeHandler(fn);
-  };
-
-  var composeDragHandler = function composeDragHandler(fn) {
-    return noDrag ? null : composeHandler(fn);
-  };
-
-  var stopPropagation = function stopPropagation(event) {
-    if (noDragEventsBubbling) {
-      event.stopPropagation();
-    }
-  };
-
-  var getRootProps = React.useMemo(function () {
-    return function () {
-      var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          _ref2$refKey = _ref2.refKey,
-          refKey = _ref2$refKey === void 0 ? "ref" : _ref2$refKey,
-          role = _ref2.role,
-          onKeyDown = _ref2.onKeyDown,
-          onFocus = _ref2.onFocus,
-          onBlur = _ref2.onBlur,
-          onClick = _ref2.onClick,
-          onDragEnter = _ref2.onDragEnter,
-          onDragOver = _ref2.onDragOver,
-          onDragLeave = _ref2.onDragLeave,
-          onDrop = _ref2.onDrop,
-          rest = _objectWithoutProperties(_ref2, _excluded3$1);
-
-      return _objectSpread$8(_objectSpread$8(_defineProperty({
-        onKeyDown: composeKeyboardHandler(composeEventHandlers(onKeyDown, onKeyDownCb)),
-        onFocus: composeKeyboardHandler(composeEventHandlers(onFocus, onFocusCb)),
-        onBlur: composeKeyboardHandler(composeEventHandlers(onBlur, onBlurCb)),
-        onClick: composeHandler(composeEventHandlers(onClick, onClickCb)),
-        onDragEnter: composeDragHandler(composeEventHandlers(onDragEnter, onDragEnterCb)),
-        onDragOver: composeDragHandler(composeEventHandlers(onDragOver, onDragOverCb)),
-        onDragLeave: composeDragHandler(composeEventHandlers(onDragLeave, onDragLeaveCb)),
-        onDrop: composeDragHandler(composeEventHandlers(onDrop, onDropCb)),
-        role: typeof role === "string" && role !== "" ? role : "presentation"
-      }, refKey, rootRef), !disabled && !noKeyboard ? {
-        tabIndex: 0
-      } : {}), rest);
-    };
-  }, [rootRef, onKeyDownCb, onFocusCb, onBlurCb, onClickCb, onDragEnterCb, onDragOverCb, onDragLeaveCb, onDropCb, noKeyboard, noDrag, disabled]);
-  var onInputElementClick = React.useCallback(function (event) {
-    event.stopPropagation();
-  }, []);
-  var getInputProps = React.useMemo(function () {
-    return function () {
-      var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          _ref3$refKey = _ref3.refKey,
-          refKey = _ref3$refKey === void 0 ? "ref" : _ref3$refKey,
-          onChange = _ref3.onChange,
-          onClick = _ref3.onClick,
-          rest = _objectWithoutProperties(_ref3, _excluded4);
-
-      var inputProps = _defineProperty({
-        accept: acceptAttr,
-        multiple: multiple,
-        type: "file",
-        style: {
-          display: "none"
-        },
-        onChange: composeHandler(composeEventHandlers(onChange, onDropCb)),
-        onClick: composeHandler(composeEventHandlers(onClick, onInputElementClick)),
-        tabIndex: -1
-      }, refKey, inputRef);
-
-      return _objectSpread$8(_objectSpread$8({}, inputProps), rest);
-    };
-  }, [inputRef, accept, multiple, onDropCb, disabled]);
-  return _objectSpread$8(_objectSpread$8({}, state), {}, {
-    isFocused: isFocused && !disabled,
-    getRootProps: getRootProps,
-    getInputProps: getInputProps,
-    rootRef: rootRef,
-    inputRef: inputRef,
-    open: composeHandler(openFileDialog)
-  });
-}
-/**
- * @param {DropzoneState} state
- * @param {{type: string} & DropzoneState} action
- * @returns {DropzoneState}
- */
-
-function reducer(state, action) {
-  /* istanbul ignore next */
-  switch (action.type) {
-    case "focus":
-      return _objectSpread$8(_objectSpread$8({}, state), {}, {
-        isFocused: true
-      });
-
-    case "blur":
-      return _objectSpread$8(_objectSpread$8({}, state), {}, {
-        isFocused: false
-      });
-
-    case "openDialog":
-      return _objectSpread$8(_objectSpread$8({}, initialState), {}, {
-        isFileDialogActive: true
-      });
-
-    case "closeDialog":
-      return _objectSpread$8(_objectSpread$8({}, state), {}, {
-        isFileDialogActive: false
-      });
-
-    case "setDraggedFiles":
-      return _objectSpread$8(_objectSpread$8({}, state), {}, {
-        isDragActive: action.isDragActive,
-        isDragAccept: action.isDragAccept,
-        isDragReject: action.isDragReject
-      });
-
-    case "setFiles":
-      return _objectSpread$8(_objectSpread$8({}, state), {}, {
-        acceptedFiles: action.acceptedFiles,
-        fileRejections: action.fileRejections
-      });
-
-    case "reset":
-      return _objectSpread$8({}, initialState);
-
-    default:
-      return state;
-  }
-}
-
-function noop() {}
-
-const Uploader = _ref => {
-  let sampleFileUrl = _ref.sampleFileUrl,
-    csvColumns = _ref.csvColumns;
-  return /*#__PURE__*/React__default["default"].createElement(Dropzone$1, {
-    onDrop: noop$2
-  }, _ref2 => {
-    let getRootProps = _ref2.getRootProps,
-      getInputProps = _ref2.getInputProps;
-    return /*#__PURE__*/React__default["default"].createElement("div", _extends({}, getRootProps(), {
-      className: "ntm-invitations__dnd"
-    }), /*#__PURE__*/React__default["default"].createElement("input", getInputProps()), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-      style: "h3"
-    }, instance.t("helpers.dropFilesHere")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-      style: "body2"
-    }, instance.t("helpers.uploadInstruction1")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-      style: "body2"
-    }, /*#__PURE__*/React__default["default"].createElement(Trans, {
-      i18nKey: "helpers.uploadInstruction2",
-      values: {
-        what: csvColumns.join(", ")
-      }
-    })), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-      style: "body2"
-    }, instance.t("helpers.uploadInstruction3")), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-      style: "link",
-      type: "submit",
-      icon: neetoIcons.Download,
-      iconPosition: "left",
-      label: instance.t("common.download_", {
-        what: "sample.csv"
-      }),
-      onClick: event => {
-        event.stopPropagation();
-        window.open(sampleFileUrl);
-      }
-    }));
-  });
-};
-
-/* eslint-disable @bigbinary/neeto/no-dangling-constants */
-const DATETIME_OPTIONS = {
-  year: "numeric",
-  month: "short",
-  day: "numeric",
-  hour: "numeric",
-  minute: "numeric"
-};
-const COLUMN_DATA = [{
-  title: instance.t("helpers.files"),
-  dataIndex: "filename",
-  key: "filename",
-  render: (filename, row) => /*#__PURE__*/React__default["default"].createElement("a", {
-    href: row.download_url,
-    download: true,
-    className: "ntm-invitations__table-filename"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoIcons.File, null), filename)
-}, {
-  title: instance.t("helpers.status"),
-  dataIndex: "status",
-  key: "status",
-  render: status => /*#__PURE__*/React__default["default"].createElement("p", {
-    className: classnames__default["default"]("ntm-invitations__table-status", {
-      "neeto-ui-text-error-500": status === "failed",
-      "neeto-ui-text-success-500": status === "processed"
-    })
-  }, status)
-}, {
-  title: instance.t("helpers.noOfRows"),
-  dataIndex: "rows_count",
-  key: "rows_count",
-  render: rows_count => rows_count !== null && rows_count !== void 0 ? rows_count : "-",
-  width: 120,
-  align: "center"
-}, {
-  title: instance.t("helpers.uploaded"),
-  dataIndex: "uploaded_by",
-  key: "uploaded_by",
-  render: (uploaded_by, row) => `${uploaded_by} at ${new Date(row.created_at).toLocaleString("en-US", DATETIME_OPTIONS)}`
-}];
-const SAMPLE_ROW_DATA = [{
-  key: "1",
-  filename: "sample-1.csv",
-  status: "processed",
-  rows_count: "10",
-  created_at: new Date(),
-  download_url: "https://example.com/sample.csv",
-  uploaded_by: "Oliver Smith"
-}, {
-  key: "2",
-  filename: "sample-2.csv",
-  status: "failed",
-  rows_count: "20",
-  created_at: new Date(),
-  download_url: "https://example.com/sample-2.csv",
-  uploaded_by: "Sam Smith"
-}, {
-  key: "3",
-  filename: "sample-3.csv",
-  status: "failed",
-  rows_count: "30",
-  created_at: new Date(),
-  download_url: "https://example.com/sample-3.csv",
-  uploaded_by: "Eve Smith"
-}, {
-  key: "4",
-  filename: "sample-4.csv",
-  status: "processed",
-  rows_count: "40",
-  created_at: new Date(),
-  download_url: "https://example.com/sample-4.csv",
-  uploaded_by: "Anna Smith"
-}, {
-  key: "5",
-  filename: "sample-5.csv",
-  status: "processed",
-  rows_count: "50",
-  created_at: new Date(),
-  download_url: "https://example.com/sample-5.csv",
-  uploaded_by: "Will Smith"
-}];
-
-const Uploads = () => /*#__PURE__*/React__default["default"].createElement("div", {
-  className: "ntm-invitations__table"
-}, /*#__PURE__*/React__default["default"].createElement(neetoui.Table, {
-  fixedHeight: true,
-  rowData: SAMPLE_ROW_DATA,
-  columnData: COLUMN_DATA,
-  rowSelection: false
-}));
-
-const Csv = _ref => {
-  let label = _ref.label,
-    sampleFileUrl = _ref.sampleFileUrl,
-    csvColumns = _ref.csvColumns,
-    setIsCSVInviteSelected = _ref.setIsCSVInviteSelected;
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    size: "small",
-    style: "text",
-    icon: neetoIcons.LeftArrow,
-    onClick: () => setIsCSVInviteSelected(false)
-  })), /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Body, {
-    className: "ntm-invitations__body"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    style: "h4"
-  }, instance.t("common.upload_", {
-    what: label
-  })), /*#__PURE__*/React__default["default"].createElement(Uploader, {
-    sampleFileUrl: sampleFileUrl,
-    csvColumns: csvColumns
-  })), /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Footer, {
-    className: "ntm-invitations__footer"
-  }, /*#__PURE__*/React__default["default"].createElement(Uploads, null)));
-};
-
-/* eslint-disable @bigbinary/neeto/no-dangling-constants */
-const BASE_URL = "team_members";
-const INVITATIONS_URL = "neeto_invitations";
-
-const fetch$3 = params => axios__default["default"].get(`${INVITATIONS_URL}/invite_links`, {
-  params
-});
-const create$2 = payload => axios__default["default"].post(`${INVITATIONS_URL}/invite_links`, payload);
-const destroy$1 = (id, payload) => axios__default["default"].delete(`${INVITATIONS_URL}/invite_links/${id}`, payload);
-const inviteLinksApi = {
-  fetch: fetch$3,
-  create: create$2,
-  destroy: destroy$1
-};
-
-const DEFAULT_STALE_TIME = 300000; // 5 minutes
-const INVITATIONS_STALE_TIME = 3600000; //1 hour
-
-const QUERY_KEYS = {
-  TEAMS: "neeto-team-members-teams",
-  ROLES: "neeto-team-members-roles",
-  PERMISSIONS: "neeto-team-members-permissions",
-  INVITE_LINKS: "neeto-team-members-invite-links"
-};
-
-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$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$2(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 useFetchInviteLink = 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.INVITE_LINKS, params], () => inviteLinksApi.fetch(params), _objectSpread$7({
-    staleTime: INVITATIONS_STALE_TIME,
-    select: ramda.prop("inviteLink"),
-    retry: false
-  }, options));
-};
-const useCreateInviteLink = () => useMutation(inviteLinksApi.create, {
-  onSuccess: _ref => {
-    let inviteLink = _ref.inviteLink;
-    const resourceType = inviteLink.resourceType,
-      resourceId = inviteLink.resourceId;
-    queryClient.setQueryData([QUERY_KEYS.INVITE_LINKS, {
-      resource_type: resourceType,
-      resource_id: resourceId
-    }], {
-      inviteLink
-    });
-  }
-});
-const useDestroyInviteLink = () => useMutation(inviteLinksApi.destroy, {
-  onSuccess: _ref2 => {
-    let inviteLink = _ref2.inviteLink;
-    const resourceType = inviteLink.resourceType,
-      resourceId = inviteLink.resourceId;
-    queryClient.invalidateQueries([QUERY_KEYS.INVITE_LINKS, {
-      resource_type: resourceType,
-      resource_id: resourceId
-    }]);
-  }
-});
-
-var dist$1 = {exports: {}};
-
-(function (module, exports) {
-	!function(e,t){module.exports=t(React__default["default"]);}("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 renderTime = time => {
-  if (time.days) return `${time.days}d ${time.hours}h`;else if (time.hours) return `${time.hours}h ${time.minutes}m`;
-  return `${time.minutes}m ${time.seconds}s`;
-};
-
-const Timer = _ref => {
-  let expiresAt = _ref.expiresAt;
-  const _useTimer = dist$1.exports.useTimer({
-      expiryTimestamp: new Date(expiresAt)
-    }),
-    seconds = _useTimer.seconds,
-    minutes = _useTimer.minutes,
-    hours = _useTimer.hours,
-    days = _useTimer.days;
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    style: "body3"
-  }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, instance.t("helpers.expiresIn"), renderTime({
-    days,
-    hours,
-    minutes,
-    seconds
-  })));
-};
-
-const InviteLink = _ref => {
-  let resourceType = _ref.resourceType,
-    resourceId = _ref.resourceId;
-  const _useFetchInviteLink = useFetchInviteLink({
-      resource_type: resourceType,
-      resource_id: resourceId
-    }),
-    inviteLink = _useFetchInviteLink.data,
-    isLoading = _useFetchInviteLink.isLoading;
-  const _useCreateInviteLink = useCreateInviteLink(),
-    createInviteLink = _useCreateInviteLink.mutate,
-    isCreating = _useCreateInviteLink.isLoading;
-  const _useDestroyInviteLink = useDestroyInviteLink(),
-    deleteInviteLink = _useDestroyInviteLink.mutate,
-    isDeleting = _useDestroyInviteLink.isLoading;
-  const showInviteLink = inviteLink && new Date(inviteLink.expiresAt) > new Date();
-  const handleCopyInviteLink = () => {
-    navigator.clipboard.writeText(`${window.location.host}/neeto_invitations/${inviteLink.id}`);
-    neetoui.Toastr.info(instance.t("helpers.copiedToClipboard"));
-  };
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "ntm-invitations__invite-link"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "ntm-invitations__invite-link-instructions"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    style: "h4"
-  }, instance.t("helpers.getInviteLink")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    style: "body2"
-  }, instance.t("helpers.inviteLinkInstruction"))), showInviteLink ? /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "ntm-invitations__invite-link-btns"
-  }, /*#__PURE__*/React__default["default"].createElement(Timer, {
-    expiresAt: inviteLink.expiresAt
-  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    style: "danger-text",
-    label: instance.t("common.delete"),
-    loading: isDeleting,
-    disabled: isDeleting,
-    onClick: () => deleteInviteLink(inviteLink.id)
-  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    style: "primary",
-    label: instance.t("buttons.copyLink"),
-    onClick: handleCopyInviteLink
-  })) : /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    style: "secondary",
-    loading: isLoading || isCreating,
-    disabled: isLoading || isCreating,
-    label: instance.t("buttons.createLink"),
-    onClick: () => createInviteLink({
-      inviteLink: {
-        resourceType,
-        resourceId
-      }
-    })
-  }));
-};
-
-const Normal = _ref => {
-  let label = _ref.label,
-    children = _ref.children,
-    submitButtonProps = _ref.submitButtonProps,
-    setIsCSVInviteSelected = _ref.setIsCSVInviteSelected,
-    isCSVInviteEnabled = _ref.isCSVInviteEnabled,
-    isInviteLinkEnabled = _ref.isInviteLinkEnabled,
-    _ref$inviteLinkProps = _ref.inviteLinkProps,
-    inviteLinkProps = _ref$inviteLinkProps === void 0 ? {} : _ref$inviteLinkProps;
-  const _useFormikContext = formik.useFormikContext(),
-    isSubmitting = _useFormikContext.isSubmitting,
-    dirty = _useFormikContext.dirty;
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Header, null, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "ntm-invitations__header"
-  })), /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Body, {
-    className: "ntm-invitations__body"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "ntm-invitations__body-header"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    style: "h4"
-  }, instance.t("common.invite_", {
-    what: label.toLowerCase()
-  })), isCSVInviteEnabled && /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    style: "body2"
-  }, instance.t("buttons.inviteFrom")), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    style: "secondary",
-    icon: neetoIcons.File,
-    onClick: () => setIsCSVInviteSelected(true),
-    tooltipProps: {
-      content: instance.t("helpers.bulkInvite"),
-      placement: "bottom"
-    }
-  }))), /*#__PURE__*/React__default["default"].createElement(formik$1.EmailInput, {
-    name: "emails",
-    label: null,
-    placeholder: instance.t("placeholders.email")
-  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends({
-    type: "submit",
-    label: instance.t("buttons.sendInvites"),
-    className: "ntm-invitations__submit-btn",
-    loading: isSubmitting,
-    disabled: !dirty || isSubmitting
-  }, submitButtonProps)), children), /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Footer, {
-    className: classnames__default["default"]({
-      "ntm-invitations__footer": isInviteLinkEnabled
-    })
-  }, isInviteLinkEnabled && /*#__PURE__*/React__default["default"].createElement(InviteLink, inviteLinkProps)));
-};
-
-const _excluded$2 = ["label", "isOpen", "onClose", "submitButtonProps", "csvColumns", "sampleFileUrl", "isCSVInviteEnabled", "isInviteLinkEnabled", "inviteLinkProps", "children"];
-const Invitations = _ref => {
-  let _ref$label = _ref.label,
-    label = _ref$label === void 0 ? instance.t("metaNames.member", PLURAL) : _ref$label,
-    _ref$isOpen = _ref.isOpen,
-    isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
-    _ref$onClose = _ref.onClose,
-    onClose = _ref$onClose === void 0 ? noop$2 : _ref$onClose,
-    _ref$submitButtonProp = _ref.submitButtonProps,
-    submitButtonProps = _ref$submitButtonProp === void 0 ? {} : _ref$submitButtonProp,
-    _ref$csvColumns = _ref.csvColumns,
-    csvColumns = _ref$csvColumns === void 0 ? [] : _ref$csvColumns,
-    _ref$sampleFileUrl = _ref.sampleFileUrl,
-    sampleFileUrl = _ref$sampleFileUrl === void 0 ? "" : _ref$sampleFileUrl,
-    _ref$isCSVInviteEnabl = _ref.isCSVInviteEnabled,
-    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 = React.useState(false),
-    _useState2 = _slicedToArray$2(_useState, 2),
-    isCSVInviteSelected = _useState2[0],
-    setIsCSVInviteSelected = _useState2[1];
-  const handleClose = () => {
-    onClose();
-    setIsCSVInviteSelected(false);
-  };
-  return /*#__PURE__*/React__default["default"].createElement(formik.Formik, {
-    initialValues: {
-      emails: []
-    },
-    onSubmit: noop$2
-  }, /*#__PURE__*/React__default["default"].createElement(formik.Form, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Modal, _extends({
-    isOpen: isOpen,
-    onClose: handleClose,
-    size: "large"
-  }, otherProps), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "ntm-invitations__wrapper"
-  }, isCSVInviteSelected ? /*#__PURE__*/React__default["default"].createElement(Csv, {
-    label: label,
-    csvColumns: csvColumns,
-    sampleFileUrl: sampleFileUrl,
-    setIsCSVInviteSelected: setIsCSVInviteSelected
-  }) : /*#__PURE__*/React__default["default"].createElement(Normal, {
-    label: label,
-    submitButtonProps: submitButtonProps,
-    setIsCSVInviteSelected: setIsCSVInviteSelected,
-    isCSVInviteEnabled: isCSVInviteEnabled,
-    isInviteLinkEnabled: isInviteLinkEnabled,
-    inviteLinkProps: inviteLinkProps
-  }, children)))));
-};
-var index$2 = withReactQuery(Invitations);
-
-const fetch$2 = () => axios__default["default"].get(`${BASE_URL}/permissions`);
-const permissionsApi = {
-  fetch: fetch$2
-};
-
-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$2(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; }
-const useFetchPermissions = function () {
-  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return useQuery(QUERY_KEYS.PERMISSIONS, permissionsApi.fetch, _objectSpread$6({
-    staleTime: DEFAULT_STALE_TIME,
-    select: response => response.permissions || response.data.permissions
-  }, options));
-};
-
-const fetch$1 = () => axios__default["default"].get(`${BASE_URL}/organization_roles`);
-const create$1 = payload => axios__default["default"].post(`${BASE_URL}/organization_roles`, payload);
-const update$1 = (id, payload) => axios__default["default"].patch(`${BASE_URL}/organization_roles/${id}`, payload);
-const destroy = (id, payload) => axios__default["default"].delete(`${BASE_URL}/organization_roles/${id}`, {
-  data: payload
-});
-const organizationRolesApi = {
-  fetch: fetch$1,
-  create: create$1,
-  update: update$1,
-  destroy
-};
-
-const _excluded$1 = ["onSuccess"],
-  _excluded2$1 = ["onSuccess"],
-  _excluded3 = ["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$2(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] : {};
-  return useQuery(QUERY_KEYS.ROLES, organizationRolesApi.fetch, _objectSpread$5({
-    staleTime: DEFAULT_STALE_TIME,
-    select: response => response.organizationRoles || response.data.organizationRoles
-  }, options));
-};
-const useCreateRole = _ref => {
-  let onSuccess = _ref.onSuccess,
-    options = _objectWithoutProperties$1(_ref, _excluded$1);
-  return useMutation(organizationRolesApi.create, _objectSpread$5({
-    onSuccess: response => {
-      queryClient.setQueriesData(QUERY_KEYS.ROLES, cachedData => {
-        if (!!cachedData.data && !!cachedData.data.organizationRoles) {
-          return ramda.modifyPath(["data", "organizationRoles"], ramda.prepend(response.data.organizationRole), cachedData);
-        }
-        return ramda.modifyPath(["organizationRoles"], ramda.prepend(response.organizationRole), cachedData);
-      });
-      neetoui.Toastr.success(response.ntmNotice || response.data.ntmNotice);
-      onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
-    }
-  }, options));
-};
-const useUpdateRole = _ref2 => {
-  let onSuccess = _ref2.onSuccess,
-    options = _objectWithoutProperties$1(_ref2, _excluded2$1);
-  return useMutation(_ref3 => {
-    let id = _ref3.id,
-      payload = _ref3.payload;
-    return organizationRolesApi.update(id, payload);
-  }, _objectSpread$5({
-    onSuccess: response => {
-      queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
-      queryClient.setQueriesData(QUERY_KEYS.ROLES, cachedData => {
-        if (!!cachedData.data && !!cachedData.data.organizationRoles) {
-          return ramda.assocPath(["data", "organizationRoles", ramda.findIndex(ramda.propEq("id", response.data.organizationRole.id), cachedData.data.organizationRoles)], response.data.organizationRole, cachedData);
-        }
-        return ramda.assocPath(["organizationRoles", ramda.findIndex(ramda.propEq("id", response.organizationRole.id), cachedData.organizationRoles)], response.organizationRole, cachedData);
-      });
-      neetoui.Toastr.success(response.ntmNotice || response.data.ntmNotice);
-      onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
-    }
-  }, options));
-};
-const useDestroyRole = _ref4 => {
-  let _ref4$onSuccess = _ref4.onSuccess,
-    onSuccess = _ref4$onSuccess === void 0 ? noop$2 : _ref4$onSuccess,
-    options = _objectWithoutProperties$1(_ref4, _excluded3);
-  return useMutation(_ref5 => {
-    let id = _ref5.id,
-      payload = _ref5.payload;
-    return organizationRolesApi.destroy(id, payload);
-  }, _objectSpread$5({
-    onSuccess: response => {
-      queryClient.setQueriesData(QUERY_KEYS.ROLES, cachedData => {
-        if (!!cachedData.data && !!cachedData.data.organizationRoles) {
-          return ramda.dissocPath(["data", "organizationRoles", ramda.findIndex(ramda.propEq("id", response.data.id), cachedData.data.organizationRoles)], cachedData);
-        }
-        return ramda.dissocPath(["organizationRoles", ramda.findIndex(ramda.propEq("id", response.id), cachedData.organizationRoles)], cachedData);
-      });
-      neetoui.Toastr.success(response.ntmNotice || response.data.ntmNotice);
-      onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
-    }
-  }, options));
-};
+  }, options));
+};
 
 var dist = {exports: {}};
 
@@ -11268,16 +8770,63 @@ const getPermissionGroups = function () {
   return groupedPermissions;
 };
 
+const transformObjectToDotNotation = function (object) {
+  let prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
+  let result = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  const errorKey = Object.keys(object).find(key => !!object[key]);
+  if (!errorKey) return;
+  const value = object[errorKey];
+  if (!value) return;
+  const nextKey = prefix ? `${prefix}.${errorKey}` : errorKey;
+  ramda.is(Object, value) ? transformObjectToDotNotation(value, nextKey, result) : result.push(nextKey);
+
+  // eslint-disable-next-line consistent-return
+  return result;
+};
+const getErrorFieldName = formikErrors => {
+  var _transformObjectToDot;
+  return (_transformObjectToDot = transformObjectToDotNotation(formikErrors)) === null || _transformObjectToDot === void 0 ? void 0 : _transformObjectToDot[0];
+};
+
+const ScrollToErrorField = _ref => {
+  let formRef = _ref.formRef;
+  const _useFormikContext = formik.useFormikContext(),
+    submitCount = _useFormikContext.submitCount,
+    isValid = _useFormikContext.isValid,
+    errors = _useFormikContext.errors;
+  const isValidatedReference = React.useRef(false);
+  React.useEffect(() => {
+    isValidatedReference.current = false;
+  }, [submitCount]);
+  React.useEffect(() => {
+    if (!formRef.current) return;
+    if (isValidatedReference.current || isValid) return;
+    isValidatedReference.current = true;
+    const fieldErrorNames = getErrorFieldName(errors);
+    if (fieldErrorNames.length <= 0) return;
+    const errorFormElement = [...formRef.current.elements].find(element => element.name === fieldErrorNames);
+    errorFormElement === null || errorFormElement === void 0 ? void 0 : errorFormElement.scrollIntoView({
+      behavior: "smooth",
+      block: "center"
+    });
+  }, [submitCount, errors]); // eslint-disable-line react-hooks/exhaustive-deps
+
+  return null;
+};
+
 const ADD_ROLE_FORM_INITIAL_VALUES = {
   name: "",
   description: "",
   permissionIds: []
 };
 const ADD_ROLE_FORM_VALIDATION_SCHEMA = yup.object({
-  name: yup.string().trim().required(instance.t("validations.enterRoleName")),
+  name: yup.string().trim().max(40, instance.t("validations.limitExceeded", {
+    what: instance.t("common.name").toLocaleLowerCase(),
+    limit: 40
+  })).required(instance.t("validations.enterRoleName")),
   description: yup.string().trim().max(255, instance.t("validations.limitExceeded", {
-    what: instance.t("common.description"),
-    count: 255
+    what: instance.t("common.description").toLocaleLowerCase(),
+    limit: 255
   }))
 });
 
@@ -11337,13 +8886,14 @@ 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$2(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(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,
     onClose = _ref.onClose,
     permissions = _ref.permissions;
   const _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  const formReference = React.useRef(null);
   const _useCreateRole = useCreateRole({
       onSuccess: onClose
     }),
@@ -11366,16 +8916,19 @@ const New = _ref => {
   }, t("common.add_", {
     what: t("common.role", SINGULAR).toLocaleLowerCase()
   }))), /*#__PURE__*/React__default["default"].createElement(formik.Formik, {
-    validateOnChange: false,
-    validateOnBlur: false,
     initialValues: ADD_ROLE_FORM_INITIAL_VALUES,
-    validationSchema: ADD_ROLE_FORM_VALIDATION_SCHEMA,
-    onSubmit: handleFormSubmit
+    onSubmit: handleFormSubmit,
+    validateOnBlur: false,
+    validateOnChange: false,
+    validationSchema: ADD_ROLE_FORM_VALIDATION_SCHEMA
   }, _ref2 => {
     let dirty = _ref2.dirty;
     return /*#__PURE__*/React__default["default"].createElement(formik.Form, {
+      ref: formReference,
       noValidate: true
-    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    }, /*#__PURE__*/React__default["default"].createElement(ScrollToErrorField, {
+      formRef: formReference
+    }), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "ntm-roles-pane__body"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "ntm-roles-pane__body-wrapper"
@@ -11391,6 +8944,7 @@ const New = _ref => {
     }), /*#__PURE__*/React__default["default"].createElement(formik$1.Textarea, {
       "data-cy": "ntm-add-role-description-text-field",
       label: t("common.description"),
+      maxLength: 255,
       name: "description",
       placeholder: t("placeholders.enter_", {
         what: t("common.description").toLocaleLowerCase()
@@ -11706,13 +9260,14 @@ 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$2(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(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,
     onClose = _ref.onClose,
     selectedRole = _ref.selectedRole;
   const _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  const formReference = React.useRef(null);
   const _useUpdateRole = useUpdateRole({
       onSuccess: onClose
     }),
@@ -11733,24 +9288,29 @@ const Edit = _ref => {
       payload
     });
   };
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Modal, {
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
     isOpen: isOpen,
     onClose: onClose
-  }, /*#__PURE__*/React__default["default"].createElement(formik.Formik, {
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    "data-cy": "ntm-update-role-title",
+    style: "h2"
+  }, t("common.update_", {
+    what: t("common.role", SINGULAR).toLocaleLowerCase()
+  }))), /*#__PURE__*/React__default["default"].createElement(formik.Formik, {
     initialValues: initialValues,
-    validationSchema: ADD_ROLE_FORM_VALIDATION_SCHEMA,
-    onSubmit: handleFormSubmit
+    onSubmit: handleFormSubmit,
+    validateOnBlur: false,
+    validateOnChange: false,
+    validationSchema: ADD_ROLE_FORM_VALIDATION_SCHEMA
   }, _ref2 => {
     let dirty = _ref2.dirty;
     return /*#__PURE__*/React__default["default"].createElement(formik.Form, {
+      ref: formReference,
       noValidate: true
-    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-      "data-cy": "ntm-update-role-title",
-      style: "h2"
-    }, t("common.update_", {
-      what: t("common.role", SINGULAR).toLocaleLowerCase()
-    }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "ntm-roles-modal__body"
+    }, /*#__PURE__*/React__default["default"].createElement(ScrollToErrorField, {
+      formRef: formReference
+    }), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "ntm-roles-pane__body"
     }, /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
       required: true,
       "data-cy": "ntm-update-role-name-text-field",
@@ -11761,10 +9321,11 @@ const Edit = _ref => {
     }), /*#__PURE__*/React__default["default"].createElement(formik$1.Textarea, {
       "data-cy": "ntm-update-role-description-text-field",
       label: t("common.description"),
+      maxLength: 255,
       name: "description",
       placeholder: t("placeholders.enterDescription")
-    }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Footer, null, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "ntm-roles-modal__footer"
+    }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, null, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "ntm-roles-pane__footer"
     }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
       "data-cy": "ntm-update-role-submit-button",
       disabled: !dirty || isSubmitting,
@@ -11780,14 +9341,14 @@ const Edit = _ref => {
   }));
 };
 
-const Columns = _ref => {
+const Columns$1 = _ref => {
   let config = _ref.config,
     filteredGroupPermissions = _ref.filteredGroupPermissions,
     filteredRoles = _ref.filteredRoles,
     roles = _ref.roles,
     setIsScrollPresent = _ref.setIsScrollPresent;
   const _useState = React.useState(DEFAULT_MANAGE_ROLE_VALUES),
-    _useState2 = _slicedToArray$2(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     manageRole = _useState2[0],
     setManageRole = _useState2[1];
   const categories = Object.keys(filteredGroupPermissions);
@@ -11927,15 +9488,15 @@ const Table = _ref => {
   const _useTranslation = useTranslation(),
     t = _useTranslation.t;
   const _useState = React.useState(""),
-    _useState2 = _slicedToArray$2(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     searchTerm = _useState2[0],
     setSearchTerm = _useState2[1];
   const _useState3 = React.useState(permissionGroups),
-    _useState4 = _slicedToArray$2(_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     filteredGroupPermissions = _useState4[0],
     setFilteredGroupPermissions = _useState4[1];
   const _useState5 = React.useState(false),
-    _useState6 = _slicedToArray$2(_useState5, 2),
+    _useState6 = _slicedToArray(_useState5, 2),
     isScrollPresent = _useState6[0],
     setIsScrollPresent = _useState6[1];
   const toggleDropdown = category => {
@@ -11943,7 +9504,7 @@ const Table = _ref => {
   };
   React.useEffect(() => {
     setFilteredGroupPermissions(ramda.fromPairs(ramda.toPairs(permissionGroups).map(_ref2 => {
-      let _ref3 = _slicedToArray$2(_ref2, 2),
+      let _ref3 = _slicedToArray(_ref2, 2),
         category = _ref3[0],
         options = _ref3[1];
       return [category, ramda.modify("permissions", ramda.filter(_ref4 => {
@@ -11968,7 +9529,7 @@ const Table = _ref => {
       onClick: () => setIsNewRolePaneOpen(true),
       permissions: config === null || config === void 0 ? void 0 : config.permissions
     })
-  }) : /*#__PURE__*/React__default["default"].createElement(Columns, {
+  }) : /*#__PURE__*/React__default["default"].createElement(Columns$1, {
     config: config,
     filteredGroupPermissions: filteredGroupPermissions,
     filteredRoles: filteredRoles,
@@ -11981,15 +9542,15 @@ const Roles = _ref => {
   var _config$permissions$v, _config$permissions, _config$permissions$v2, _config$permissions2;
   let config = _ref.config;
   const _useState = React.useState(""),
-    _useState2 = _slicedToArray$2(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     searchString = _useState2[0],
     setSearchString = _useState2[1];
   const _useState3 = React.useState([]),
-    _useState4 = _slicedToArray$2(_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     filteredRoles = _useState4[0],
     setFilteredRoles = _useState4[1];
   const _useState5 = React.useState(false),
-    _useState6 = _slicedToArray$2(_useState5, 2),
+    _useState6 = _slicedToArray(_useState5, 2),
     isNewRolePaneOpen = _useState6[0],
     setIsNewRolePaneOpen = _useState6[1];
   const _useFetchRoles = useFetchRoles({
@@ -12055,7 +9616,7 @@ const teamsApi = {
 const _excluded = ["onSuccess"],
   _excluded2 = ["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$2(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(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] : {};
@@ -12067,7 +9628,7 @@ const useFetchMembers = function () {
 };
 const useCreateMember = _ref => {
   let onSuccess = _ref.onSuccess,
-    options = _objectWithoutProperties$1(_ref, _excluded);
+    options = _objectWithoutProperties(_ref, _excluded);
   return useMutation(teamsApi.create, _objectSpread$2({
     onSuccess: response => {
       queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
@@ -12078,7 +9639,7 @@ const useCreateMember = _ref => {
 };
 const useUpdateMember = _ref2 => {
   let onSuccess = _ref2.onSuccess,
-    options = _objectWithoutProperties$1(_ref2, _excluded2);
+    options = _objectWithoutProperties(_ref2, _excluded2);
   return useMutation(_ref3 => {
     let id = _ref3.id,
       payload = _ref3.payload;
@@ -12095,7 +9656,7 @@ const useUpdateMember = _ref2 => {
 const useDebounce = function (value) {
   let delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 350;
   const _useState = React.useState(value),
-    _useState2 = _slicedToArray$2(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     debouncedValue = _useState2[0],
     setDebouncedValue = _useState2[1];
   React.useEffect(() => {
@@ -12110,7 +9671,7 @@ const Header = _ref => {
   let _ref$metaName = _ref.metaName,
     metaName = _ref$metaName === void 0 ? "" : _ref$metaName,
     _ref$onClick = _ref.onClick,
-    onClick = _ref$onClick === void 0 ? noop$2 : _ref$onClick,
+    onClick = _ref$onClick === void 0 ? noop$1 : _ref$onClick,
     permissions = _ref.permissions;
   return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
     content: instance.t("tooltips.noPermissionToAddMember"),
@@ -12126,6 +9687,151 @@ const Header = _ref => {
   })));
 };
 
+const getStorageValue = (key, defaultValue) => {
+  const saved = localStorage.getItem(key);
+  return JSON.parse(saved) || defaultValue;
+};
+const useLocalStorage = (key, defaultValue) => {
+  const _useState = React.useState(() => getStorageValue(key, defaultValue)),
+    _useState2 = _slicedToArray(_useState, 2),
+    storedValue = _useState2[0],
+    setStoredValue = _useState2[1];
+  const setValue = value => {
+    if (ramda.isNil(value)) {
+      localStorage.removeItem(key);
+    } else {
+      localStorage.setItem(key, JSON.stringify(value));
+    }
+    setStoredValue(value);
+  };
+  return [storedValue, setValue];
+};
+
+const matchesImpl = function (pattern, object) {
+  let __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 (ramda.isNil(pattern) || ramda.isNil(object)) return false;
+  if (typeof pattern !== "object") return false;
+  return Object.entries(pattern).every(_ref => {
+    let _ref2 = _slicedToArray(_ref, 2),
+      key = _ref2[0],
+      value = _ref2[1];
+    return matchesImpl(value, object[key], __parent);
+  });
+};
+const matches = ramda.curry((pattern, object) => matchesImpl(pattern, object));
+const isNotEmpty = ramda.complement(ramda.isEmpty);
+const removeBy = ramda.curry((pattern, array) => array.filter(ramda.complement(matches(pattern))));
+const removeFixedColumns = (fixedColumns, columnData) => removeBy({
+  dataIndex: ramda.includes(ramda.__, fixedColumns)
+}, columnData);
+const filterBySearchTerm = (searchTerm, columns) => ramda.filter(_ref3 => {
+  let title = _ref3.title;
+  return ramda.includes(ramda.trim(ramda.toLower(searchTerm)), ramda.trim(ramda.toLower(title)));
+}, columns);
+
+const Columns = _ref => {
+  let actionBlock = _ref.actionBlock,
+    _ref$checkboxProps = _ref.checkboxProps,
+    checkboxProps = _ref$checkboxProps === void 0 ? {} : _ref$checkboxProps,
+    _ref$columnData = _ref.columnData,
+    columnData = _ref$columnData === void 0 ? [] : _ref$columnData,
+    _ref$dropdownProps = _ref.dropdownProps,
+    dropdownProps = _ref$dropdownProps === void 0 ? {} : _ref$dropdownProps,
+    _ref$fixedColumns = _ref.fixedColumns,
+    fixedColumns = _ref$fixedColumns === void 0 ? [] : _ref$fixedColumns,
+    _ref$isSearchable = _ref.isSearchable,
+    isSearchable = _ref$isSearchable === void 0 ? false : _ref$isSearchable,
+    _ref$localStorageKey = _ref.localStorageKey,
+    localStorageKey = _ref$localStorageKey === void 0 ? "" : _ref$localStorageKey,
+    _ref$noColumnMessage = _ref.noColumnMessage,
+    noColumnMessage = _ref$noColumnMessage === void 0 ? "No columns found!" : _ref$noColumnMessage,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? ramda.identity : _ref$onChange,
+    _ref$searchProps = _ref.searchProps,
+    searchProps = _ref$searchProps === void 0 ? {} : _ref$searchProps;
+  // @ts-ignore
+  const Divider = neetoui.Dropdown.Divider,
+    Menu = neetoui.Dropdown.Menu,
+    MenuItem = neetoui.Dropdown.MenuItem;
+  const _useLocalStorage = useLocalStorage(localStorageKey, []),
+    _useLocalStorage2 = _slicedToArray(_useLocalStorage, 2),
+    hiddenColumns = _useLocalStorage2[0],
+    setHiddenColumns = _useLocalStorage2[1];
+  const _useState = React.useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    searchTerm = _useState2[0],
+    setSearchTerm = _useState2[1];
+  const columns = removeFixedColumns(fixedColumns, columnData);
+  const filteredColumns = filterBySearchTerm(searchTerm, columns);
+  const handleChange = _ref2 => {
+    let _ref2$target = _ref2.target,
+      dataIndex = _ref2$target.name,
+      checked = _ref2$target.checked;
+    return checked ? setHiddenColumns(ramda.without([dataIndex], hiddenColumns)) : setHiddenColumns(ramda.append(dataIndex, hiddenColumns));
+  };
+  const handleSearch = _ref3 => {
+    let value = _ref3.target.value;
+    return setSearchTerm(value);
+  };
+  React.useEffect(() => {
+    onChange(removeBy({
+      dataIndex: ramda.includes(ramda.__, hiddenColumns)
+    }, columnData));
+  }, [columnData, hiddenColumns]); // eslint-disable-line react-hooks/exhaustive-deps
+
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, _extends({
+    buttonSize: "medium",
+    buttonStyle: "secondary",
+    closeOnSelect: false,
+    label: "Columns",
+    onClose: () => setSearchTerm(""),
+    position: "bottom-end"
+  }, dropdownProps), /*#__PURE__*/React__default["default"].createElement(Menu, null, /*#__PURE__*/React__default["default"].createElement("div", null, isSearchable && /*#__PURE__*/React__default["default"].createElement(neetoui.Input, _extends({
+    className: "neeto-ui-px-3 neeto-ui-py-2",
+    "data-cy": "neeto-ui-columns-search",
+    onChange: handleSearch,
+    placeholder: "Search columns",
+    prefix: /*#__PURE__*/React__default["default"].createElement(neetoIcons.Search, null),
+    type: "search",
+    value: searchTerm
+  }, searchProps)), isNotEmpty(filteredColumns) ? filteredColumns.map(_ref4 => {
+    let dataIndex = _ref4.dataIndex,
+      key = _ref4.key,
+      title = _ref4.title;
+    return /*#__PURE__*/React__default["default"].createElement(MenuItem, {
+      key: key
+    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
+      className: "neeto-ui-w-full neeto-ui-px-3 neeto-ui-py-2 hover:neeto-ui-bg-gray-200 neeto-ui-cursor-pointer",
+      htmlFor: dataIndex
+    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Checkbox, _extends({
+      id: dataIndex,
+      name: dataIndex,
+      checked: !hiddenColumns.includes(dataIndex),
+      "data-cy": "neeto-ui-columns-checkbox",
+      label: title,
+      onChange: handleChange
+    }, checkboxProps))));
+  }) : /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "neeto-ui-flex neeto-ui-flex-col neeto-ui-items-center neeto-ui-p-2"
+  }, noColumnMessage), !!actionBlock && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Divider, null), actionBlock))));
+};
+
+const FIXED_COLUMNS = ["actions"];
+const COLUMNS_DROPDOWN_PROPS = {
+  buttonProps: {
+    size: "small"
+  },
+  label: instance.t("common.column", PLURAL)
+};
+const COLUMNS_SEARCH_PROPS = {
+  placeholder: instance.t("columns.search")
+};
+const MANAGE_ROLES_BUTTON_LABEL = instance.t("common.manage_", {
+  what: instance.t("common.role", PLURAL).toLocaleLowerCase()
+});
+
 const Left = _ref => {
   let metaName = _ref.metaName,
     count = _ref.count;
@@ -12142,18 +9848,24 @@ Left.defaultProps = {
   count: 0
 };
 const Right = _ref2 => {
-  let rolesButtonProps = _ref2.rolesButtonProps;
-  const isVisible = !!rolesButtonProps;
-  const permissions = window.globalProps.permissions;
-  const hasRequiredPermissions = permissions && hasPermission(MANAGE_MEMBER_PERMISSIONS);
-  return isVisible && hasRequiredPermissions ? /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends({
+  let columns = _ref2.columns,
+    rolesButtonProps = _ref2.rolesButtonProps,
+    setColumnData = _ref2.setColumnData;
+  const isRolesButtonVisible = !!rolesButtonProps;
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Columns, {
+    columnData: columns,
+    dropdownProps: COLUMNS_DROPDOWN_PROPS,
+    fixedColumns: FIXED_COLUMNS,
+    localStorageKey: "NTM_MEMBERS_TABLE_HIDDEN_COLUMNS",
+    noColumnMessage: instance.t("columns.noColumnsFound"),
+    onChange: setColumnData,
+    searchProps: COLUMNS_SEARCH_PROPS
+  }), isRolesButtonVisible ? /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends({
     "data-cy": "ntm-manage-roles-button",
-    label: instance.t("common.manage_", {
-      what: instance.t("common.role", PLURAL).toLocaleLowerCase()
-    }),
+    label: MANAGE_ROLES_BUTTON_LABEL,
     size: "small",
     style: "secondary"
-  }, rolesButtonProps)) : null;
+  }, rolesButtonProps)) : null);
 };
 const SubHeader = {
   Left,
@@ -12202,7 +9914,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$2(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(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,
     imageUrl = _ref.profileImageUrl,
@@ -12317,6 +10029,7 @@ const getColumnData = _ref5 => {
     width: "25%",
     sorter: true
   }, {
+    dataIndex: "actions",
     key: "icon_button",
     render: (_, props) => renderDropdownButton(props, handleUpdateStatus, handleUpdateRole, permissions),
     width: "10%"
@@ -12367,14 +10080,17 @@ const COUNTER_PROPS = {
   startsFrom: 4
 };
 
-const renderInitialValues = selectedMember => ({
-  emails: selectedMember ? [{
-    label: selectedMember.email,
-    value: selectedMember.email,
-    valid: true
-  }] : [],
-  role: (selectedMember === null || selectedMember === void 0 ? void 0 : selectedMember.role) || ""
-});
+const renderInitialValues = (selectedMember, roles) => {
+  var _roles$;
+  return {
+    emails: selectedMember ? [{
+      label: selectedMember.email,
+      value: selectedMember.email,
+      valid: true
+    }] : [],
+    role: (selectedMember === null || selectedMember === void 0 ? void 0 : selectedMember.role) || ((_roles$ = roles[1]) === null || _roles$ === void 0 ? void 0 : _roles$.name) || ""
+  };
+};
 const renderPayload = function (_ref) {
   let role = _ref.role,
     emails = _ref.emails;
@@ -12400,9 +10116,10 @@ const ManageMember = _ref => {
     roles = _ref$roles === void 0 ? [] : _ref$roles,
     selectedMember = _ref.selectedMember;
   const _useState = React.useState(false),
-    _useState2 = _slicedToArray$2(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     hasSubmitted = _useState2[0],
     setHasSubmitted = _useState2[1];
+  const formReference = React.useRef(null);
   const onPaneClose = () => {
     onClose();
     setHasSubmitted(false);
@@ -12449,23 +10166,22 @@ const ManageMember = _ref => {
   }) : instance.t("common.add_", {
     what: instance.t(metaName, SINGULAR).toLocaleLowerCase()
   }))), config !== null && config !== void 0 && (_config$manageMember = config.manageMember) !== null && _config$manageMember !== void 0 && _config$manageMember.component ? config.manageMember.component(manageMemberProps) : /*#__PURE__*/React__default["default"].createElement(formik.Formik, {
-    initialValues: renderInitialValues(selectedMember),
+    enableReinitialize: true,
+    initialValues: renderInitialValues(selectedMember, roles),
     onSubmit: handleAddMember,
-    validationSchema: VALIDATION_SCHEMA,
-    validateOnChange: hasSubmitted,
     validateOnBlur: hasSubmitted,
-    enableReinitialize: true
+    validateOnChange: hasSubmitted,
+    validationSchema: VALIDATION_SCHEMA
   }, _ref2 => {
     let values = _ref2.values,
-      setFieldValue = _ref2.setFieldValue,
       dirty = _ref2.dirty;
     const emails = values.emails,
       role = values.role;
-    const roleValue = role && {
-      label: role,
-      value: role
-    };
-    return /*#__PURE__*/React__default["default"].createElement(formik.Form, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    return /*#__PURE__*/React__default["default"].createElement(formik.Form, {
+      ref: formReference
+    }, /*#__PURE__*/React__default["default"].createElement(ScrollToErrorField, {
+      formRef: formReference
+    }), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "ntm-members-pane__body"
     }, selectedMember ? /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
       "data-cy": "ntm-manage-member-email-input",
@@ -12483,23 +10199,35 @@ const ManageMember = _ref => {
       label: `${instance.t("common.email", PLURAL)}*`,
       name: "emails",
       placeholder: instance.t("placeholders.email")
-    }), /*#__PURE__*/React__default["default"].createElement(formik$1.Select, {
-      required: true,
-      "data-cy": "ntm-manage-member-role-select",
-      label: instance.t("common.role", SINGULAR),
-      name: "role",
-      onChange: _ref3 => {
-        let value = _ref3.value;
-        return setFieldValue("role", value);
-      },
-      options: roles.map(role => ({
-        label: role,
-        value: role
-      })),
-      placeholder: instance.t("placeholders.role"),
-      size: "medium",
-      value: roleValue
-    }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
+    }), /*#__PURE__*/React__default["default"].createElement(formik$1.Radio, {
+      stacked: true,
+      className: "ntm-members-radio-group",
+      "data-cy": "ntm-manage-member-roles-group",
+      label: `${instance.t("common.role", SINGULAR)}*`,
+      name: "role"
+    }, roles.map(_ref3 => {
+      let description = _ref3.description,
+        id = _ref3.id,
+        name = _ref3.name;
+      return /*#__PURE__*/React__default["default"].createElement("label", {
+        className: "ntm-members-pane-radio-item__wrapper",
+        htmlFor: slugify(name),
+        key: id
+      }, /*#__PURE__*/React__default["default"].createElement(formik$1.Radio.Item, {
+        className: "ntm-members-pane-radio-item__label",
+        "data-cy": "ntm-manage-member-roles-button",
+        defaultChecked: ramda.identical(name, role),
+        id: slugify(name),
+        label: name,
+        name: "role",
+        value: name
+      }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+        className: "neeto-ui-input__help-text",
+        "data-cy": "ntm-manage-member-roles-description",
+        style: "body3",
+        weight: "normal"
+      }, description));
+    })))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
       className: "ntm-members-pane__footer"
     }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
       "data-cy": "ntm-manage-member-submit-button",
@@ -12540,24 +10268,28 @@ 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$2(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(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 => {
   var _config$permissions$v, _config$permissions, _config$permissions$v2, _config$permissions2;
   let metaName = _ref.metaName,
     config = _ref.config;
   const _useState = React.useState(DEFAULT_IS_OPEN_VALUES),
-    _useState2 = _slicedToArray$2(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     isOpen = _useState2[0],
     setIsOpen = _useState2[1];
   const _useState3 = React.useState(DEFAULT_FILTER_VALUES),
-    _useState4 = _slicedToArray$2(_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     filters = _useState4[0],
     setFilters = _useState4[1];
   const _useState5 = React.useState(null),
-    _useState6 = _slicedToArray$2(_useState5, 2),
+    _useState6 = _slicedToArray(_useState5, 2),
     selectedMember = _useState6[0],
     setSelectedMember = _useState6[1];
   const debouncedSearch = useDebounce(filters.search, 750);
+  const _useState7 = React.useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    columnData = _useState8[0],
+    setColumnData = _useState8[1];
   const _useFetchMembers = useFetchMembers(_objectSpread(_objectSpread({}, filters), {}, {
       search: debouncedSearch.trim(),
       category: filters.category.toLowerCase()
@@ -12569,8 +10301,8 @@ const TeamMembers = _ref => {
     isMembersFetching = _useFetchMembers.isFetching;
   const _useFetchRoles = useFetchRoles({
       select: response => {
-        const roles = response.organizationRoles || response.data.organizationRoles;
-        return ramda.pluck("name", roles).sort((a, b) => a.localeCompare(b));
+        var _ref2;
+        return ramda.reverse((_ref2 = response.organizationRoles || response.data.organizationRoles) !== null && _ref2 !== void 0 ? _ref2 : []);
       },
       enabled: (_config$permissions$v2 = config === null || config === void 0 ? void 0 : (_config$permissions2 = config.permissions) === null || _config$permissions2 === void 0 ? void 0 : _config$permissions2.view) !== null && _config$permissions$v2 !== void 0 ? _config$permissions$v2 : DEFAULT_PERMISSION
     }),
@@ -12583,8 +10315,8 @@ const TeamMembers = _ref => {
     isUpdatingMember = _useUpdateMember.isLoading;
   const searchProps = {
     "data-cy": "ntm-search-members-input",
-    onChange: _ref2 => {
-      let value = _ref2.target.value;
+    onChange: _ref3 => {
+      let value = _ref3.target.value;
       return setFilters(ramda.mergeLeft({
         search: value,
         page: DEFAULT_PAGE_NUMBER
@@ -12619,6 +10351,14 @@ const TeamMembers = _ref => {
     setSelectedMember(user);
     setIsOpen(ramda.assoc("manageMember", true));
   };
+  const columns = React.useMemo(() => getColumnData({
+    memberFilter: filters.category,
+    handleUpdateStatus,
+    handleUpdateRole,
+    permissions: config === null || config === void 0 ? void 0 : config.permissions
+  }), [] // eslint-disable-line react-hooks/exhaustive-deps
+  );
+
   const handleAlertClose = () => {
     setIsOpen(ramda.assoc("alert", false));
     setSelectedMember(null);
@@ -12669,19 +10409,16 @@ const TeamMembers = _ref => {
       count: team === null || team === void 0 ? void 0 : team.membersCount
     }),
     rightActionBlock: /*#__PURE__*/React__default["default"].createElement(SubHeader.Right, {
-      rolesButtonProps: config.rolesButtonProps
+      columns: columns,
+      rolesButtonProps: config.rolesButtonProps,
+      setColumnData: setColumnData
     })
   }), (team === null || team === void 0 ? void 0 : team.membersCount) !== 0 ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: "ntm-members__table-wrapper"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Table, {
     fixedHeight: true,
     allowRowClick: false,
-    columnData: getColumnData({
-      memberFilter: filters.category,
-      handleUpdateStatus,
-      handleUpdateRole,
-      permissions: config === null || config === void 0 ? void 0 : config.permissions
-    }),
+    columnData: columnData,
     currentPageNumber: parseInt(filters.page, DEFAULT_RADIX),
     "data-cy": "ntm-members-table",
     defaultPageSize: parseInt(filters.results, DEFAULT_RADIX),
@@ -12732,10 +10469,9 @@ 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__button {\n  border-radius: 0 !important;\n  font-weight: var(--neeto-ui-font-normal);\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}\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-pane__header {\n  margin-bottom: 0.5rem;\n}\n.ntm-members-pane__body {\n  width: 100%;\n}\n.ntm-members-pane__body > * + * {\n  margin-top: 1rem;\n}\n.ntm-members-pane__footer {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ntm-roles-header {\n  border-bottom: 1px solid rgb(var(--neeto-ui-gray-300));\n}\n\n.ntm-roles-table__wrapper {\n  width: 100%;\n  height: calc(100vh - var(--neeto-ui-main-header-height));\n  display: flex;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar {\n  width: 396px;\n  min-width: 396px;\n  border-right: thin solid rgb(var(--neeto-ui-gray-300));\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 - var(--neeto-ui-main-header-height) - 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: rgb(var(--neeto-ui-primary-100));\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 rgb(var(--neeto-ui-gray-300));\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns {\n  width: calc(\n      100vw - var(--neeto-ui-sidebar-width) - 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 rgb(var(--neeto-ui-gray-300));\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__dropdown {\n  margin: 3px;\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 - var(--neeto-ui-main-header-height) - 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: rgb(var(--neeto-ui-gray-300));\n  border-radius: 50px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar-thumb:hover {\n  border-radius: 50px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar-track {\n  background: rgb(var(--neeto-ui-gray-300));\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: rgb(var(--neeto-ui-primary-100));\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 rgb(var(--neeto-ui-gray-300));\n}\n\n.ntm-roles-table-sidebar__drop-down-button {\n  color: rgb(var(--neeto-ui-gray-600));\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: rgb(var(--neeto-ui-gray-500));\n  text-transform: uppercase;\n}\n.ntm-roles-permission__card {\n  background-color: rgb(var(--neeto-ui-white));\n  border-radius: var(--neeto-ui-rounded);\n  border-width: 1px;\n  border-color: rgb(var(--neeto-ui-gray-300));\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: rgb(var(--neeto-ui-gray-700));\n  background: rgb(var(--neeto-ui-gray-100));\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: rgb(var(--neeto-ui-gray-100));\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__invite-link-btns p {\n  font-weight: normal;\n  color: rgb(var(--neeto-ui-gray-700));\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__button {\n  border-radius: 0 !important;\n  font-weight: var(--neeto-ui-font-normal);\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}\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-pane__header {\n  margin-bottom: 0.5rem;\n}\n.ntm-members-pane__body {\n  width: 100%;\n  padding-bottom: 1rem;\n}\n.ntm-members-pane__body > * + * {\n  margin-top: 1rem;\n}\n.ntm-members-pane__footer {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ntm-members-radio-group {\n  width: 100%;\n}\n.ntm-members-radio-group .neeto-ui-radio__container--stacked {\n  width: 100%;\n}\n\n.ntm-members-pane-radio-item__wrapper {\n  width: 100%;\n  cursor: pointer;\n  padding: 16px 0px !important;\n  border-bottom: 1px solid rgb(var(--neeto-ui-gray-200));\n}\n.ntm-members-pane-radio-item__wrapper:first-child {\n  padding-top: 0px !important;\n}\n.ntm-members-pane-radio-item__label {\n  margin-bottom: 0 !important;\n}\n.ntm-members-pane-radio-item__description {\n  color: rgb(var(--neeto-ui-gray-700));\n}\n\n.ntm-roles-header {\n  border-bottom: 1px solid rgb(var(--neeto-ui-gray-300));\n}\n\n.ntm-roles-table__wrapper {\n  width: 100%;\n  height: calc(100vh - var(--neeto-ui-main-header-height));\n  display: flex;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar {\n  width: 396px;\n  min-width: 396px;\n  border-right: thin solid rgb(var(--neeto-ui-gray-300));\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 - var(--neeto-ui-main-header-height) - 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: rgb(var(--neeto-ui-primary-100));\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 rgb(var(--neeto-ui-gray-300));\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns {\n  width: calc(\n      100vw - var(--neeto-ui-sidebar-width) - 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 rgb(var(--neeto-ui-gray-300));\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__dropdown {\n  margin: 3px;\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 - var(--neeto-ui-main-header-height) - 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: rgb(var(--neeto-ui-gray-300));\n  border-radius: 50px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar-thumb:hover {\n  border-radius: 50px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar-track {\n  background: rgb(var(--neeto-ui-gray-300));\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: rgb(var(--neeto-ui-primary-100));\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 rgb(var(--neeto-ui-gray-300));\n}\n\n.ntm-roles-table-sidebar__drop-down-button {\n  color: rgb(var(--neeto-ui-gray-600));\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: rgb(var(--neeto-ui-gray-500));\n  text-transform: uppercase;\n}\n.ntm-roles-permission__card {\n  background-color: rgb(var(--neeto-ui-white));\n  align-items: center;\n  border-radius: var(--neeto-ui-rounded);\n  border-width: 1px;\n  border-color: rgb(var(--neeto-ui-gray-300));\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\ntd.ant-table-column-sort {\n  background: transparent;\n}";
 n(css,{});
 
-exports.Invitations = index$2;
 exports.Roles = index$1;
 exports.TeamMembers = index;
 exports.hasPermission = hasPermission;