@bigbinary/neeto-team-members-frontend 2.2.11 → 2.3.2

package/dist/index.cjs.js

@@ -12,9 +12,7 @@ var formik$1 = require('@bigbinary/neetoui/formik');
 var axios = require('axios');
 var ramda = require('ramda');
 var layouts = require('@bigbinary/neetoui/layouts');
-var Yup = require('yup');
-require('@honeybadger-io/react');
-require('react-router-dom');
+var yup = require('yup');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -40,16 +38,16 @@ 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 yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 
-function _typeof$2(obj) {
+function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  return _typeof$2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
     return typeof obj;
   } : function (obj) {
     return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof$2(obj);
+  }, _typeof(obj);
 }
 
 function _classCallCheck(instance, Constructor) {
@@ -112,7 +110,7 @@ function _inherits(subClass, superClass) {
 }
 
 function _possibleConstructorReturn(self, call) {
-  if (call && (_typeof$2(call) === "object" || typeof call === "function")) {
+  if (call && (_typeof(call) === "object" || typeof call === "function")) {
     return call;
   } else if (call !== void 0) {
     throw new TypeError("Derived constructors may only return object or undefined");
@@ -128,7 +126,7 @@ function _getPrototypeOf(o) {
   return _getPrototypeOf(o);
 }
 
-function _defineProperty$3(obj, key, value) {
+function _defineProperty$2(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -143,7 +141,7 @@ function _defineProperty$3(obj, key, value) {
   return obj;
 }
 
-function _arrayWithHoles$4(arr) {
+function _arrayWithHoles$2(arr) {
   if (Array.isArray(arr)) return arr;
 }
 
@@ -151,7 +149,7 @@ function _iterableToArray$2(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 
-function _arrayLikeToArray$4(arr, len) {
+function _arrayLikeToArray$2(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
 
   for (var i = 0, arr2 = new Array(len); i < len; i++) {
@@ -161,26 +159,26 @@ function _arrayLikeToArray$4(arr, len) {
   return arr2;
 }
 
-function _unsupportedIterableToArray$4(o, minLen) {
+function _unsupportedIterableToArray$2(o, minLen) {
   if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray$4(o, minLen);
+  if (typeof o === "string") return _arrayLikeToArray$2(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor) n = o.constructor.name;
   if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$4(o, minLen);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$2(o, minLen);
 }
 
-function _nonIterableRest$4() {
+function _nonIterableRest$2() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
 function _toArray(arr) {
-  return _arrayWithHoles$4(arr) || _iterableToArray$2(arr) || _unsupportedIterableToArray$4(arr) || _nonIterableRest$4();
+  return _arrayWithHoles$2(arr) || _iterableToArray$2(arr) || _unsupportedIterableToArray$2(arr) || _nonIterableRest$2();
 }
 
 function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$d(Object(source), true).forEach(function (key) { _defineProperty$3(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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; }
 
 var consoleLogger = {
   type: 'logger',
@@ -486,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$3(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _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 _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); }; }
 
@@ -731,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$3(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$2$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _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 _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); }; }
 
@@ -822,7 +820,7 @@ var Translator = function (_EventEmitter) {
     value: function translate(keys, options, lastKey) {
       var _this2 = this;
 
-      if (_typeof$2(options) !== 'object' && this.options.overloadTranslationOptionHandler) {
+      if (_typeof(options) !== 'object' && this.options.overloadTranslationOptionHandler) {
         options = this.options.overloadTranslationOptionHandler(arguments);
       }
 
@@ -1654,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$3(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$3$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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; }
 
 var Interpolator = function () {
   function Interpolator() {
@@ -1876,7 +1874,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$3(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$4$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _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 parseFormatStr(formatStr) {
   var formatName = formatStr.toLowerCase().trim();
@@ -1999,7 +1997,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$3(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$5$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _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 _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); }; }
 
@@ -2299,11 +2297,11 @@ function get() {
     appendNamespaceToCIMode: false,
     overloadTranslationOptionHandler: function handle(args) {
       var ret = {};
-      if (_typeof$2(args[1]) === 'object') ret = args[1];
+      if (_typeof(args[1]) === 'object') ret = args[1];
       if (typeof args[1] === 'string') ret.defaultValue = args[1];
       if (typeof args[2] === 'string') ret.tDescription = args[2];
 
-      if (_typeof$2(args[2]) === 'object' || _typeof$2(args[3]) === 'object') {
+      if (_typeof(args[2]) === 'object' || _typeof(args[3]) === 'object') {
         var options = args[3] || args[2];
         Object.keys(options).forEach(function (key) {
           ret[key] = options[key];
@@ -2343,13 +2341,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$3(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$6$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _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 _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$4() {}
+function noop$3() {}
 
 function bindMemberFunctions(inst) {
   var mems = Object.getOwnPropertyNames(Object.getPrototypeOf(inst));
@@ -2514,7 +2512,7 @@ var I18n = function (_EventEmitter) {
       }
 
       this.format = this.options.interpolation.format;
-      if (!callback) callback = noop$4;
+      if (!callback) callback = noop$3;
 
       if (this.options.fallbackLng && !this.services.languageDetector && !this.options.lng) {
         var codes = this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);
@@ -2575,7 +2573,7 @@ var I18n = function (_EventEmitter) {
     value: function loadResources(language) {
       var _this3 = this;
 
-      var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$4;
+      var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$3;
       var usedCallback = callback;
       var usedLng = typeof language === 'string' ? language : this.language;
       if (typeof language === 'function') usedCallback = language;
@@ -2623,7 +2621,7 @@ var I18n = function (_EventEmitter) {
       var deferred = defer();
       if (!lngs) lngs = this.languages;
       if (!ns) ns = this.options.ns;
-      if (!callback) callback = noop$4;
+      if (!callback) callback = noop$3;
       this.services.backendConnector.reload(lngs, ns, function (err) {
         deferred.resolve();
         callback(err);
@@ -2758,7 +2756,7 @@ var I18n = function (_EventEmitter) {
       var fixedT = function fixedT(key, opts) {
         var options;
 
-        if (_typeof$2(opts) !== 'object') {
+        if (_typeof(opts) !== 'object') {
           for (var _len3 = arguments.length, rest = new Array(_len3 > 2 ? _len3 - 2 : 0), _key3 = 2; _key3 < _len3; _key3++) {
             rest[_key3 - 2] = arguments[_key3];
           }
@@ -2902,7 +2900,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$4;
+      var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$3;
 
       var mergedOptions = _objectSpread$6$1(_objectSpread$6$1(_objectSpread$6$1({}, this.options), options), {
         isClone: true
@@ -2948,7 +2946,7 @@ var I18n = function (_EventEmitter) {
   return I18n;
 }(EventEmitter);
 
-_defineProperty$3(I18n, "createInstance", function () {
+_defineProperty$2(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);
@@ -3442,7 +3440,7 @@ var voidElements = {
 
 var t$1=/\s([^'"/\s><]+?)[\s/>]|([^\s=]+)=\s?(".*?"|'.*?')/g;function n$1(n){var r={type:"tag",name:"",voidElement:!1,attrs:{},children:[]},i=n.match(/<\/?([^\s]+?)[/\s>]/);if(i&&(r.name=i[1],(voidElements[i[1]]||"/"===n.charAt(n.length-2))&&(r.voidElement=!0),r.name.startsWith("!--"))){var s=n.indexOf("--\x3e");return {type:"comment",comment:-1!==s?n.slice(4,s):""}}for(var a=new RegExp(t$1),c=null;null!==(c=a.exec(n));)if(c[0].trim())if(c[1]){var o=c[1].trim(),l=[o,""];o.indexOf("=")>-1&&(l=o.split("=")),r.attrs[l[0]]=l[1],a.lastIndex--;}else c[2]&&(r.attrs[c[2]]=c[3].trim().substring(1,c[3].length-1));return r}var r=/<[a-zA-Z0-9\-\!\/](?:"[^"]*"|'[^']*'|[^'">])*>/g,i=/^\s*$/,s=Object.create(null);function a(e,t){switch(t.type){case"text":return e+t.content;case"tag":return e+="<"+t.name+(t.attrs?function(e){var t=[];for(var n in e)t.push(n+'="'+e[n]+'"');return t.length?" "+t.join(" "):""}(t.attrs):"")+(t.voidElement?"/>":">"),t.voidElement?e:e+t.children.reduce(a,"")+"</"+t.name+">";case"comment":return e+"\x3c!--"+t.comment+"--\x3e"}}var c={parse:function(e,t){t||(t={}),t.components||(t.components=s);var a,c=[],o=[],l=-1,m=!1;if(0!==e.indexOf("<")){var u=e.indexOf("<");c.push({type:"text",content:-1===u?e:e.substring(0,u)});}return e.replace(r,function(r,s){if(m){if(r!=="</"+a.name+">")return;m=!1;}var u,f="/"!==r.charAt(1),h=r.startsWith("\x3c!--"),p=s+r.length,d=e.charAt(p);if(h){var v=n$1(r);return l<0?(c.push(v),c):((u=o[l]).children.push(v),c)}if(f&&(l++,"tag"===(a=n$1(r)).type&&t.components[a.name]&&(a.type="component",m=!0),a.voidElement||m||!d||"<"===d||a.children.push({type:"text",content:e.slice(p,e.indexOf("<",p))}),0===l&&c.push(a),(u=o[l-1])&&u.children.push(a),o[l]=a),(!f||a.voidElement)&&(l>-1&&(a.voidElement||a.name===r.slice(2,-1))&&(l--,a=-1===l?c:o[l]),!m&&"<"!==d&&d)){u=-1===l?c:o[l].children;var x=e.indexOf("<",p),g=e.slice(p,-1===x?void 0:x);i.test(g)&&(g=" "),(x>-1&&l+u.length>=0||" "!==g)&&u.push({type:"text",content:g});}}),c},stringify:function(e){return e.reduce(function(e,t){return e+a("",t)},"")}};
 
-var matchHtmlEntity = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230);/g;
+var 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;': '&',
   '&#38;': '&',
@@ -3461,7 +3459,9 @@ var htmlEntities = {
   '&reg;': '®',
   '&#174;': '®',
   '&hellip;': '…',
-  '&#8230;': '…'
+  '&#8230;': '…',
+  '&#x2F;': '/',
+  '&#47;': '/'
 };
 
 var unescapeHtmlEntity = function unescapeHtmlEntity(m) {
@@ -3474,7 +3474,7 @@ var unescape = function unescape(text) {
 
 function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$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$3(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$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; }
 var defaultOptions = {
   bindI18n: 'languageChanged',
   bindI18nStore: '',
@@ -3618,7 +3618,7 @@ var _excluded$4 = ["format"],
 
 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$3(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$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;
@@ -3677,7 +3677,7 @@ function nodesToString(children, i18nOptions) {
       }
     } else if (child === null) {
       warn("Trans: the passed in value is invalid - seems you passed in a null child.");
-    } else if (_typeof$2(child) === 'object') {
+    } else if (_typeof(child) === 'object') {
       var format = child.format,
           clone = _objectWithoutProperties$1(child, _excluded$4);
 
@@ -3707,7 +3707,7 @@ function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, s
     var childrenArray = getAsArray(childs);
     childrenArray.forEach(function (child) {
       if (typeof child === 'string') return;
-      if (hasChildren(child)) getData(getChildren(child));else if (_typeof$2(child) === 'object' && !React.isValidElement(child)) Object.assign(data, child);
+      if (hasChildren(child)) getData(getChildren(child));else if (_typeof(child) === 'object' && !React.isValidElement(child)) Object.assign(data, child);
     });
   }
 
@@ -3744,8 +3744,8 @@ function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, s
         }, tmp) : tmp;
         var isElement = React.isValidElement(child);
         var isValidTranslationWithChildren = isElement && hasChildren(node, true) && !node.voidElement;
-        var isEmptyTransWithHTML = emptyChildrenButNeedsHandling && _typeof$2(child) === 'object' && child.dummy && !isElement;
-        var isKnownComponent = _typeof$2(children) === 'object' && children !== null && Object.hasOwnProperty.call(children, node.name);
+        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);
@@ -3783,7 +3783,7 @@ function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, s
 
             mem.push("<".concat(node.name, ">").concat(_inner4, "</").concat(node.name, ">"));
           }
-        } else if (_typeof$2(child) === 'object' && !isElement) {
+        } 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) {
@@ -3881,7 +3881,7 @@ function Trans(_ref) {
   return useAsParent ? React.createElement(useAsParent, additionalProps, content) : content;
 }
 
-function _iterableToArrayLimit$4(arr, i) {
+function _iterableToArrayLimit$2(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
 
   if (_i == null) return;
@@ -3911,13 +3911,13 @@ function _iterableToArrayLimit$4(arr, i) {
   return _arr;
 }
 
-function _slicedToArray$4(arr, i) {
-  return _arrayWithHoles$4(arr) || _iterableToArrayLimit$4(arr, i) || _unsupportedIterableToArray$4(arr, i) || _nonIterableRest$4();
+function _slicedToArray$2(arr, i) {
+  return _arrayWithHoles$2(arr) || _iterableToArrayLimit$2(arr, i) || _unsupportedIterableToArray$2(arr, i) || _nonIterableRest$2();
 }
 
 function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$a(Object(source), true).forEach(function (key) { _defineProperty$3(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$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; }
 
 var usePrevious = function usePrevious(value, ignore) {
   var ref = React.useRef();
@@ -3970,7 +3970,7 @@ function useTranslation(ns) {
   }
 
   var _useState = React.useState(getT),
-      _useState2 = _slicedToArray$4(_useState, 2),
+      _useState2 = _slicedToArray$2(_useState, 2),
       t = _useState2[0],
       setT = _useState2[1];
 
@@ -4037,6 +4037,7 @@ var alerts$1 = {
 var buttons$1 = {
 	cancel: "Cancel",
 	copyLink: "Copy Link",
+	createLink: "Create Link",
 	inviteFrom: "Invite From",
 	proceed: "Proceed",
 	sendInvites: "Send Invites"
@@ -4077,8 +4078,10 @@ var common$1 = {
 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.",
@@ -4108,7 +4111,9 @@ var tooltips$1 = {
 	editCurrentUserNotAllowed: "Sorry, you are not allowed to edit your role.",
 	noPermissionToAddMember: "Sorry, you do not have permission to add a member.",
 	noPermissionToAddRole: "Sorry, you do not have permission to add a new role.",
-	noPermissionToEditMembers: "Sorry, you do not have permission to edit members."
+	noPermissionToEditMembers: "Sorry, you do not have permission to edit members.",
+	noPermissionToEditRoles: "Sorry, you do not have permission to edit roles.",
+	noPermissionToRemoveRoles: "Sorry, you do not have permission to remove roles."
 };
 var validations$1 = {
 	enterRoleName: "Please enter a valid role name.",
@@ -4136,6 +4141,7 @@ var alerts = {
 var buttons = {
 	cancel: "Annuler",
 	copyLink: "Copier le lien",
+	createLink: "Créer un lien",
 	inviteFrom: "Inviter de",
 	proceed: "Procéder",
 	sendInvites: "Envoie des invitations"
@@ -4176,8 +4182,10 @@ var common = {
 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.",
@@ -4205,7 +4213,9 @@ var tooltips = {
 	editCurrentUserNotAllowed: "Désolé, vous n'êtes pas autorisé à modifier votre rôle.",
 	noPermissionToAddMember: "Désolé, vous n'avez pas la permission d'ajouter un membre.",
 	noPermissionToAddRole: "Désolé, vous n'avez pas la permission d'ajouter un nouveau rôle.",
-	noPermissionToEditMembers: "Désolé, vous n'avez pas la permission de modifier les membres."
+	noPermissionToEditMembers: "Désolé, vous n'avez pas la permission de modifier les membres.",
+	noPermissionToEditRoles: "Désolé, vous n'avez pas la permission de modifier les rôles.",
+	noPermissionToRemoveRoles: "Désolé, vous n'avez pas la permission de supprimer des rôles."
 };
 var validations = {
 	filterInvalidEmails: "Cliquez ici pour supprimer les e-mails invalides.",
@@ -4275,6 +4285,7 @@ const getScrollBarWidth = () => {
   document.body.removeChild(outerElement);
   return w1 - w2;
 };
+const noop$2 = () => {};
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -4300,6 +4311,7 @@ const PLURAL = {
   count: 2
 };
 const MANAGE_MEMBER_PERMISSIONS = ["members.manage_members", "agents.manage_agents"];
+const DEFAULT_PERMISSION = true; // Until we add permission prop to all neeto apps, this is the default permission.
 
 function _inheritsLoose(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
@@ -4348,7 +4360,7 @@ var Subscribable = /*#__PURE__*/function () {
 // TYPES
 // UTILS
 var isServer = typeof window === 'undefined';
-function noop$3() {
+function noop$1() {
   return undefined;
 }
 function functionalUpdate(updater, input) {
@@ -5211,7 +5223,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$3).catch(noop$3) : Promise.resolve();
+    return promise ? promise.then(noop$1).catch(noop$1) : Promise.resolve();
   };
 
   _proto.destroy = function destroy() {
@@ -5785,7 +5797,7 @@ var Mutation = /*#__PURE__*/function () {
   _proto.cancel = function cancel() {
     if (this.retryer) {
       this.retryer.cancel();
-      return this.retryer.promise.then(noop$3).catch(noop$3);
+      return this.retryer.promise.then(noop$1).catch(noop$1);
     }
 
     return Promise.resolve();
@@ -6074,7 +6086,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$3);
+          return mutation.continue().catch(noop$1);
         });
       }, Promise.resolve());
     });
@@ -6357,7 +6369,7 @@ var QueryClient = /*#__PURE__*/function () {
         return query.cancel(cancelOptions);
       });
     });
-    return Promise.all(promises).then(noop$3).catch(noop$3);
+    return Promise.all(promises).then(noop$1).catch(noop$1);
   };
 
   _proto.invalidateQueries = function invalidateQueries(arg1, arg2, arg3) {
@@ -6402,10 +6414,10 @@ var QueryClient = /*#__PURE__*/function () {
         }));
       });
     });
-    var promise = Promise.all(promises).then(noop$3);
+    var promise = Promise.all(promises).then(noop$1);
 
     if (!(options == null ? void 0 : options.throwOnError)) {
-      promise = promise.catch(noop$3);
+      promise = promise.catch(noop$1);
     }
 
     return promise;
@@ -6424,7 +6436,7 @@ var QueryClient = /*#__PURE__*/function () {
   };
 
   _proto.prefetchQuery = function prefetchQuery(arg1, arg2, arg3) {
-    return this.fetchQuery(arg1, arg2, arg3).then(noop$3).catch(noop$3);
+    return this.fetchQuery(arg1, arg2, arg3).then(noop$1).catch(noop$1);
   };
 
   _proto.fetchInfiniteQuery = function fetchInfiniteQuery(arg1, arg2, arg3) {
@@ -6434,7 +6446,7 @@ var QueryClient = /*#__PURE__*/function () {
   };
 
   _proto.prefetchInfiniteQuery = function prefetchInfiniteQuery(arg1, arg2, arg3) {
-    return this.fetchInfiniteQuery(arg1, arg2, arg3).then(noop$3).catch(noop$3);
+    return this.fetchInfiniteQuery(arg1, arg2, arg3).then(noop$1).catch(noop$1);
   };
 
   _proto.cancelMutations = function cancelMutations() {
@@ -6445,7 +6457,7 @@ var QueryClient = /*#__PURE__*/function () {
         return mutation.cancel();
       });
     });
-    return Promise.all(promises).then(noop$3).catch(noop$3);
+    return Promise.all(promises).then(noop$1).catch(noop$1);
   };
 
   _proto.resumePausedMutations = function resumePausedMutations() {
@@ -6749,7 +6761,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$3);
+      promise = promise.catch(noop$1);
     }
 
     return promise;
@@ -7341,7 +7353,7 @@ function useMutation(arg1, arg2, arg3) {
     };
   }, []);
   var mutate = React__default["default"].useCallback(function (variables, mutateOptions) {
-    obsRef.current.mutate(variables, mutateOptions).catch(noop$3);
+    obsRef.current.mutate(variables, mutateOptions).catch(noop$1);
   }, []);
 
   if (currentResult.error && shouldThrowError(undefined, obsRef.current.options.useErrorBoundary, [currentResult.error])) {
@@ -7996,31 +8008,31 @@ var _default = function (file, acceptedFiles) {
   return true;
 };
 
-function _toConsumableArray$1(arr) { return _arrayWithoutHoles$1(arr) || _iterableToArray$1(arr) || _unsupportedIterableToArray$3(arr) || _nonIterableSpread$1(); }
+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$3(arr); }
+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$2(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _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$2(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _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$3(arr, i) { return _arrayWithHoles$3(arr) || _iterableToArrayLimit$3(arr, i) || _unsupportedIterableToArray$3(arr, i) || _nonIterableRest$3(); }
+function _slicedToArray$1(arr, i) { return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest$1(); }
 
-function _nonIterableRest$3() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _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$3(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$3(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$3(o, minLen); }
+function _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$3(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _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$3(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _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$3(arr) { if (Array.isArray(arr)) 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";
@@ -8100,11 +8112,11 @@ function allFilesAccepted(_ref) {
 
   return files.every(function (file) {
     var _fileAccepted = fileAccepted(file, accept),
-        _fileAccepted2 = _slicedToArray$3(_fileAccepted, 1),
+        _fileAccepted2 = _slicedToArray$1(_fileAccepted, 1),
         accepted = _fileAccepted2[0];
 
     var _fileMatchSize = fileMatchSize(file, minSize, maxSize),
-        _fileMatchSize2 = _slicedToArray$3(_fileMatchSize, 1),
+        _fileMatchSize2 = _slicedToArray$1(_fileMatchSize, 1),
         sizeMatch = _fileMatchSize2[0];
 
     var customErrors = validator ? validator(file) : null;
@@ -8201,7 +8213,7 @@ function canUseFileSystemAccessAPI() {
 function pickerOptionsFromAccept(accept) {
   if (isDefined(accept)) {
     var acceptForPicker = Object.entries(accept).filter(function (_ref2) {
-      var _ref3 = _slicedToArray$3(_ref2, 2),
+      var _ref3 = _slicedToArray$1(_ref2, 2),
           mimeType = _ref3[0],
           ext = _ref3[1];
 
@@ -8219,11 +8231,11 @@ function pickerOptionsFromAccept(accept) {
 
       return ok;
     }).reduce(function (agg, _ref4) {
-      var _ref5 = _slicedToArray$3(_ref4, 2),
+      var _ref5 = _slicedToArray$1(_ref4, 2),
           mimeType = _ref5[0],
           ext = _ref5[1];
 
-      return _objectSpread$9(_objectSpread$9({}, agg), {}, _defineProperty$2({}, mimeType, ext));
+      return _objectSpread$9(_objectSpread$9({}, agg), {}, _defineProperty$1({}, mimeType, ext));
     }, {});
     return [{
       accept: acceptForPicker
@@ -8241,7 +8253,7 @@ function pickerOptionsFromAccept(accept) {
 function acceptPropAsAcceptAttr(accept) {
   if (isDefined(accept)) {
     return Object.entries(accept).reduce(function (a, _ref6) {
-      var _ref7 = _slicedToArray$3(_ref6, 2),
+      var _ref7 = _slicedToArray$1(_ref6, 2),
           mimeType = _ref7[0],
           ext = _ref7[1];
 
@@ -8314,31 +8326,31 @@ var _excluded$3 = ["children"],
     _excluded3$1 = ["refKey", "role", "onKeyDown", "onFocus", "onBlur", "onClick", "onDragEnter", "onDragOver", "onDragLeave", "onDrop"],
     _excluded4 = ["refKey", "onChange", "onClick"];
 
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$2(arr) || _nonIterableSpread(); }
+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$2(arr); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(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 _nonIterableRest$2() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _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$2(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$2(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$2(o, minLen); }
+function _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$2(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _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$2(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _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$2(arr) { if (Array.isArray(arr)) 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$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$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$1(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(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; }
 
@@ -8778,10 +8790,10 @@ function useDropzone() {
     return pickerOptionsFromAccept(accept);
   }, [accept]);
   var onFileDialogOpenCb = React.useMemo(function () {
-    return typeof onFileDialogOpen === "function" ? onFileDialogOpen : noop$2;
+    return typeof onFileDialogOpen === "function" ? onFileDialogOpen : noop;
   }, [onFileDialogOpen]);
   var onFileDialogCancelCb = React.useMemo(function () {
-    return typeof onFileDialogCancel === "function" ? onFileDialogCancel : noop$2;
+    return typeof onFileDialogCancel === "function" ? onFileDialogCancel : noop;
   }, [onFileDialogCancel]);
   /**
    * @constant
@@ -8792,7 +8804,7 @@ function useDropzone() {
   var inputRef = React.useRef(null);
 
   var _useReducer = React.useReducer(reducer, initialState),
-      _useReducer2 = _slicedToArray$2(_useReducer, 2),
+      _useReducer2 = _slicedToArray(_useReducer, 2),
       state = _useReducer2[0],
       dispatch = _useReducer2[1];
 
@@ -8962,12 +8974,12 @@ function useDropzone() {
     var fileRejections = [];
     files.forEach(function (file) {
       var _fileAccepted = fileAccepted(file, acceptAttr),
-          _fileAccepted2 = _slicedToArray$2(_fileAccepted, 2),
+          _fileAccepted2 = _slicedToArray(_fileAccepted, 2),
           accepted = _fileAccepted2[0],
           acceptError = _fileAccepted2[1];
 
       var _fileMatchSize = fileMatchSize(file, minSize, maxSize),
-          _fileMatchSize2 = _slicedToArray$2(_fileMatchSize, 2),
+          _fileMatchSize2 = _slicedToArray(_fileMatchSize, 2),
           sizeMatch = _fileMatchSize2[0],
           sizeError = _fileMatchSize2[1];
 
@@ -9170,7 +9182,7 @@ function useDropzone() {
           onDrop = _ref2.onDrop,
           rest = _objectWithoutProperties(_ref2, _excluded3$1);
 
-      return _objectSpread$8(_objectSpread$8(_defineProperty$1({
+      return _objectSpread$8(_objectSpread$8(_defineProperty({
         onKeyDown: composeKeyboardHandler(composeEventHandlers(onKeyDown, onKeyDownCb)),
         onFocus: composeKeyboardHandler(composeEventHandlers(onFocus, onFocusCb)),
         onBlur: composeKeyboardHandler(composeEventHandlers(onBlur, onBlurCb)),
@@ -9197,7 +9209,7 @@ function useDropzone() {
           onClick = _ref3.onClick,
           rest = _objectWithoutProperties(_ref3, _excluded4);
 
-      var inputProps = _defineProperty$1({
+      var inputProps = _defineProperty({
         accept: acceptAttr,
         multiple: multiple,
         type: "file",
@@ -9271,13 +9283,13 @@ function reducer(state, action) {
   }
 }
 
-function noop$2() {}
+function noop() {}
 
 const Uploader = _ref => {
   let sampleFileUrl = _ref.sampleFileUrl,
       csvColumns = _ref.csvColumns;
   return /*#__PURE__*/React__default["default"].createElement(Dropzone, {
-    onDrop: () => {}
+    onDrop: noop$2
   }, _ref2 => {
     let getRootProps = _ref2.getRootProps,
         getInputProps = _ref2.getInputProps;
@@ -9350,7 +9362,7 @@ const COLUMN_DATA = [{
   title: instance.t("helpers.uploaded"),
   dataIndex: "uploaded_by",
   key: "uploaded_by",
-  render: (uploaded_by, row) => "".concat(uploaded_by, " at ").concat(new Date(row.created_at).toLocaleString("en-US", DATETIME_OPTIONS))
+  render: (uploaded_by, row) => `${uploaded_by} at ${new Date(row.created_at).toLocaleString("en-US", DATETIME_OPTIONS)}`
 }];
 const SAMPLE_ROW_DATA = [{
   key: "1",
@@ -9426,35 +9438,91 @@ const Csv = _ref => {
   }, /*#__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 = 60000; // 1 minute
+
+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 DEFAULT_INVITATION_TIME = 1000 * 60 * 60; // 1 hour
-
-const getDefaultExpiryTime = () => {
-  const now = new Date();
-  return new Date(now.getTime() + DEFAULT_INVITATION_TIME);
-};
 const renderTime = time => {
-  let timeString = "";
-  Object.entries(time).forEach(_ref => {
-    let _ref2 = _slicedToArray$4(_ref, 2),
-        key = _ref2[0],
-        value = _ref2[1];
-
-    timeString += "".concat(value).concat(key[0], " ");
-  });
-  return timeString;
+  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 expiryTimestamp = _ref.expiryTimestamp;
+  let expiresAt = _ref.expiresAt;
 
   const _useTimer = dist$1.exports.useTimer({
-    expiryTimestamp: expiryTimestamp !== null && expiryTimestamp !== void 0 ? expiryTimestamp : getDefaultExpiryTime()
+    expiryTimestamp: new Date(expiresAt)
   }),
         seconds = _useTimer.seconds,
         minutes = _useTimer.minutes,
@@ -9462,22 +9530,40 @@ const Timer = _ref => {
         days = _useTimer.days;
 
   return /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    style: "body2"
-  }, renderTime({
+    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 inviteLinkProps = _ref.inviteLinkProps;
+  let resourceType = _ref.resourceType,
+      resourceId = _ref.resourceId;
 
-  const _useState = React.useState(false),
-        _useState2 = _slicedToArray$4(_useState, 2),
-        isInviteLinkActive = _useState2[0],
-        setIsInviteLinkActive = _useState2[1];
+  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"
@@ -9487,24 +9573,34 @@ const InviteLink = _ref => {
     style: "h4"
   }, instance.t("helpers.getInviteLink")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     style: "body2"
-  }, instance.t("helpers.inviteLinkInstruction"))), isInviteLinkActive ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, instance.t("helpers.inviteLinkInstruction"))), showInviteLink ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: "ntm-invitations__invite-link-btns"
   }, /*#__PURE__*/React__default["default"].createElement(Timer, {
-    expiryTimestamp: inviteLinkProps.expiryTimestamp
+    expiresAt: inviteLink.expiresAt
   }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     size: "large",
     style: "danger-text",
     label: instance.t("common.delete"),
-    onClick: () => setIsInviteLinkActive(false)
+    loading: isDeleting,
+    disabled: isDeleting,
+    onClick: () => deleteInviteLink(inviteLink.id)
   }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     size: "large",
     style: "primary",
-    label: instance.t("buttons.copyLink")
+    label: instance.t("buttons.copyLink"),
+    onClick: handleCopyInviteLink
   })) : /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     size: "large",
     style: "secondary",
-    label: instance.t("buttons.copyLink"),
-    onClick: () => setIsInviteLinkActive(true)
+    loading: isLoading || isCreating,
+    disabled: isLoading || isCreating,
+    label: instance.t("buttons.createLink"),
+    onClick: () => createInviteLink({
+      inviteLink: {
+        resourceType,
+        resourceId
+      }
+    })
   }));
 };
 
@@ -9515,7 +9611,8 @@ const Normal = _ref => {
       setIsCSVInviteSelected = _ref.setIsCSVInviteSelected,
       isCSVInviteEnabled = _ref.isCSVInviteEnabled,
       isInviteLinkEnabled = _ref.isInviteLinkEnabled,
-      inviteLinkProps = _ref.inviteLinkProps;
+      _ref$inviteLinkProps = _ref.inviteLinkProps,
+      inviteLinkProps = _ref$inviteLinkProps === void 0 ? {} : _ref$inviteLinkProps;
 
   const _useFormikContext = formik.useFormikContext(),
         isSubmitting = _useFormikContext.isSubmitting,
@@ -9557,9 +9654,7 @@ const Normal = _ref => {
     className: classnames__default["default"]({
       "ntm-invitations__footer": isInviteLinkEnabled
     })
-  }, isInviteLinkEnabled && /*#__PURE__*/React__default["default"].createElement(InviteLink, {
-    inviteLinkProps: inviteLinkProps
-  })));
+  }, isInviteLinkEnabled && /*#__PURE__*/React__default["default"].createElement(InviteLink, inviteLinkProps)));
 };
 
 const _excluded$2 = ["label", "isOpen", "onClose", "submitButtonProps", "csvColumns", "sampleFileUrl", "isCSVInviteEnabled", "isInviteLinkEnabled", "inviteLinkProps", "children"];
@@ -9570,7 +9665,7 @@ const Invitations = _ref => {
       _ref$isOpen = _ref.isOpen,
       isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
       _ref$onClose = _ref.onClose,
-      onClose = _ref$onClose === void 0 ? () => {} : _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,
@@ -9587,7 +9682,7 @@ const Invitations = _ref => {
       otherProps = _objectWithoutProperties$1(_ref, _excluded$2);
 
   const _useState = React.useState(false),
-        _useState2 = _slicedToArray$4(_useState, 2),
+        _useState2 = _slicedToArray$2(_useState, 2),
         isCSVInviteSelected = _useState2[0],
         setIsCSVInviteSelected = _useState2[1];
 
@@ -9600,7 +9695,7 @@ const Invitations = _ref => {
     initialValues: {
       emails: []
     },
-    onSubmit: () => {}
+    onSubmit: noop$2
   }, /*#__PURE__*/React__default["default"].createElement(formik.Form, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Modal, _extends({
     isOpen: isOpen,
     onClose: handleClose,
@@ -9618,273 +9713,37 @@ const Invitations = _ref => {
     setIsCSVInviteSelected: setIsCSVInviteSelected,
     isCSVInviteEnabled: isCSVInviteEnabled,
     isInviteLinkEnabled: isInviteLinkEnabled,
-    inviteLinkProps: isInviteLinkEnabled && inviteLinkProps
+    inviteLinkProps: inviteLinkProps
   }, children)))));
 };
 
 var index$2 = withReactQuery(Invitations);
 
-/* eslint-disable @bigbinary/neeto/no-dangling-constants */
-const BASE_URL = "team_members";
-
-const fetch$2 = () => axios__default["default"].get("".concat(BASE_URL, "/permissions"));
+const fetch$2 = () => axios__default["default"].get(`${BASE_URL}/permissions`);
 
 const permissionsApi = {
   fetch: fetch$2
 };
 
-const DEFAULT_STALE_TIME = 60000; // 1 minute
-
-const QUERY_KEYS = {
-  TEAMS: "teams",
-  ROLES: "roles",
-  PERMISSIONS: "permissions"
-};
-
-function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$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$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$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$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$7({
+  return useQuery(QUERY_KEYS.PERMISSIONS, permissionsApi.fetch, _objectSpread$6({
     staleTime: DEFAULT_STALE_TIME,
-    select: response => response.permissions || response.data.permissions,
-    enabled: hasPermission(MANAGE_MEMBER_PERMISSIONS)
+    select: response => response.permissions || response.data.permissions
   }, options));
 };
 
-function _arrayWithHoles$1(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit$1(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
-    try {
-      if (!_n && _i["return"] != null) _i["return"]();
-    } finally {
-      if (_d) throw _e;
-    }
-  }
-
-  return _arr;
-}
+const fetch$1 = () => axios__default["default"].get(`${BASE_URL}/organization_roles`);
 
-function _arrayLikeToArray$1(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
+const create$1 = payload => axios__default["default"].post(`${BASE_URL}/organization_roles`, payload);
 
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
-
-  return arr2;
-}
+const update$1 = (id, payload) => axios__default["default"].patch(`${BASE_URL}/organization_roles/${id}`, payload);
 
-function _unsupportedIterableToArray$1(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray$1(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen);
-}
-
-function _nonIterableRest$1() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _slicedToArray$1(arr, i) {
-  return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest$1();
-}
-
-function _typeof$1(obj) {
-  "@babel/helpers - typeof";
-
-  return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof$1(obj);
-}
-var matches = ramda.curry(function (pattern, object) {
-  var __parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : object;
-
-  if (object === pattern) return true;
-  if (typeof pattern === "function" && pattern(object, __parent)) return true;
-  if (ramda.isNil(pattern) || ramda.isNil(object)) return false;
-  if (_typeof$1(pattern) !== "object") return false;
-  return Object.entries(pattern).every(function (_ref5) {
-    var _ref6 = _slicedToArray$1(_ref5, 2),
-        key = _ref6[0],
-        value = _ref6[1];
-
-    return matches(value, object[key], __parent);
-  });
-});
-
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-
-function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-ramda.curry(function (id, array) {
-  return array.filter(function (item) {
-    return item.id !== id;
-  });
-});
-ramda.curry(function (id, array) {
-  return array.find(function (item) {
-    return item.id === id;
-  });
-});
-ramda.curry(function (id, newItem, array) {
-  return array.map(function (item) {
-    return item.id === id ? newItem : item;
-  });
-});
-ramda.curry(function (id, modifier, array) {
-  return array.map(function (item) {
-    return item.id === id ? modifier(item) : item;
-  });
-});
-ramda.curry(function (pattern, array) {
-  return array.find(matches(pattern));
-});
-ramda.curry(function (pattern, array) {
-  return array.filter(ramda.complement(matches(pattern)));
-});
-ramda.curry(function (pattern, newItem, array) {
-  return array.map(function (item) {
-    return matches(pattern, item) ? newItem : item;
-  });
-});
-ramda.curry(function (pattern, modifier, array) {
-  return array.map(function (item) {
-    return matches(pattern, item) ? modifier(item) : item;
-  });
-});
-ramda.curry(function (id, array) {
-  return array.some(function (item) {
-    return item.id === id;
-  });
-});
-ramda.curry(function (pattern, array) {
-  return array.some(matches(pattern));
-});
-ramda.curry(function (pattern, array) {
-  return ramda.findLast(matches(pattern), array);
-});
-ramda.curry(function (id, array) {
-  return array.findIndex(function (item) {
-    return item.id === id;
-  });
-});
-ramda.curry(function (pattern, array) {
-  return array.findIndex(matches(pattern));
-});
-ramda.curry(function (pattern, array) {
-  return ramda.findLastIndex(matches(pattern), array);
-});
-ramda.curry(function (pattern, array) {
-  return array.filter(matches(pattern));
-});
-ramda.curry(function (pattern, array) {
-  return ramda.count(matches(pattern), array);
-});
-ramda.curry(function (keyMap, objectArray) {
-  return objectArray.map(function (object) {
-    var shallowCopy = _objectSpread$6({}, object);
-
-    for (var source in keyMap) {
-      shallowCopy[keyMap[source]] = object[source];
-    }
-
-    return shallowCopy;
-  });
-});
-ramda.curry(function (keyMap, objectArray) {
-  return objectArray.map(function (object) {
-    var shallowCopy = _objectSpread$6({}, object);
-
-    for (var source in keyMap) {
-      shallowCopy[keyMap[source]] = object[source];
-      delete shallowCopy[source];
-    }
-
-    return shallowCopy;
-  });
-});
-ramda.curry(function (keyMap, objectArray) {
-  var copyKeysSingleObject = function copyKeysSingleObject(object, keyMap) {
-    var root = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : object;
-    return _objectSpread$6(_objectSpread$6({}, object), ramda.fromPairs(ramda.toPairs(keyMap).map(function (_ref) {
-      var _ref2 = _slicedToArray$1(_ref, 2),
-          destination = _ref2[0],
-          source = _ref2[1];
-
-      if (typeof source === "function") {
-        return [destination, source(object[destination], root)];
-      } else if (Array.isArray(source)) {
-        return [destination, ramda.path(source, root)];
-      } else if (_typeof$1(source) === "object") {
-        return [destination, copyKeysSingleObject(object[destination], source, root)];
-      }
-
-      return [destination, object[source]];
-    })));
-  };
-
-  return objectArray.map(function (object) {
-    return copyKeysSingleObject(object, keyMap);
-  });
-});
-
-var noop$1 = function noop() {};
-ramda.complement(ramda.isNil);
-ramda.complement(ramda.isEmpty);
-ramda.curry(function (x, y) {
-  return x !== y;
-});
-ramda.complement(ramda.equals);
-
-const fetch$1 = () => axios__default["default"].get("".concat(BASE_URL, "/organization_roles"));
-
-const create$1 = payload => axios__default["default"].post("".concat(BASE_URL, "/organization_roles"), payload);
-
-const update$1 = (id, payload) => axios__default["default"].patch("".concat(BASE_URL, "/organization_roles/").concat(id), payload);
-
-const destroy = (id, payload) => axios__default["default"].delete("".concat(BASE_URL, "/organization_roles/").concat(id), {
+const destroy = (id, payload) => axios__default["default"].delete(`${BASE_URL}/organization_roles/${id}`, {
   data: payload
 });
 
@@ -9901,14 +9760,13 @@ const _excluded$1 = ["onSuccess"],
 
 function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty$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,
-    enabled: hasPermission(MANAGE_MEMBER_PERMISSIONS)
+    select: response => response.organizationRoles || response.data.organizationRoles
   }, options));
 };
 
@@ -9957,7 +9815,7 @@ const useUpdateRole = _ref2 => {
 
 const useDestroyRole = _ref4 => {
   let _ref4$onSuccess = _ref4.onSuccess,
-      onSuccess = _ref4$onSuccess === void 0 ? noop$1 : _ref4$onSuccess,
+      onSuccess = _ref4$onSuccess === void 0 ? noop$2 : _ref4$onSuccess,
       options = _objectWithoutProperties$1(_ref4, _excluded3);
 
   return useMutation(_ref5 => {
@@ -11369,14 +11227,17 @@ const renderBreadcrumbs = (breadcrumbs, membersPageUrl) => breadcrumbs !== null
 }];
 
 const AddRoleButton = _ref => {
-  let onClick = _ref.onClick;
+  var _permissions$create, _permissions$create2;
+
+  let onClick = _ref.onClick,
+      permissions = _ref.permissions;
 
   const _useTranslation = useTranslation(),
         t = _useTranslation.t;
 
   return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
     content: t("tooltips.noPermissionToAddRole"),
-    disabled: hasPermission(MANAGE_MEMBER_PERMISSIONS),
+    disabled: (_permissions$create = permissions === null || permissions === void 0 ? void 0 : permissions.create) !== null && _permissions$create !== void 0 ? _permissions$create : hasPermission(MANAGE_MEMBER_PERMISSIONS),
     position: "bottom"
   }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     icon: neetoIcons.Plus,
@@ -11385,27 +11246,29 @@ const AddRoleButton = _ref => {
       what: t("common.role", SINGULAR).toLocaleLowerCase()
     }),
     onClick: onClick,
-    disabled: !hasPermission(MANAGE_MEMBER_PERMISSIONS),
+    disabled: !((_permissions$create2 = permissions === null || permissions === void 0 ? void 0 : permissions.create) !== null && _permissions$create2 !== void 0 ? _permissions$create2 : hasPermission(MANAGE_MEMBER_PERMISSIONS)),
     "data-cy": "new-role-button"
   })));
 };
 
 const Header$1 = _ref => {
-  let breadcrumbs = _ref.breadcrumbs,
+  var _config$header;
+
+  let config = _ref.config,
       searchString = _ref.searchString,
       setSearchString = _ref.setSearchString,
-      setIsNewRolePaneOpen = _ref.setIsNewRolePaneOpen,
-      membersPageUrl = _ref.membersPageUrl;
+      setIsNewRolePaneOpen = _ref.setIsNewRolePaneOpen;
 
   const _useTranslation = useTranslation(),
         t = _useTranslation.t;
 
   return /*#__PURE__*/React__default["default"].createElement(layouts.Header, {
     title: t("common.role", PLURAL),
-    breadcrumbs: renderBreadcrumbs(breadcrumbs, membersPageUrl),
+    breadcrumbs: renderBreadcrumbs(config === null || config === void 0 ? void 0 : (_config$header = config.header) === null || _config$header === void 0 ? void 0 : _config$header.breadcrumbs, config === null || config === void 0 ? void 0 : config.membersPageUrl),
     searchProps: renderSearchProps(searchString, setSearchString),
     actionBlock: /*#__PURE__*/React__default["default"].createElement(AddRoleButton, {
-      onClick: () => setIsNewRolePaneOpen(true)
+      onClick: () => setIsNewRolePaneOpen(true),
+      permissions: config === null || config === void 0 ? void 0 : config.permissions
     }),
     className: "ntm-roles-header"
   });
@@ -11427,9 +11290,9 @@ const ADD_ROLE_FORM_INITIAL_VALUES = {
   description: "",
   permissionIds: []
 };
-const ADD_ROLE_FORM_VALIDATION_SCHEMA = Yup.object({
-  name: Yup.string().trim().required(instance.t("validations.enterRoleName")),
-  description: Yup.string().trim().max(255, instance.t("validations.limitExceeded", {
+const ADD_ROLE_FORM_VALIDATION_SCHEMA = yup.object({
+  name: yup.string().trim().required(instance.t("validations.enterRoleName")),
+  description: yup.string().trim().max(255, instance.t("validations.limitExceeded", {
     what: instance.t("common.description"),
     count: 255
   }))
@@ -11494,7 +11357,7 @@ const Permissions = _ref => {
 
 function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty$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; }
 
 const New = _ref => {
   let isOpen = _ref.isOpen,
@@ -11697,12 +11560,16 @@ const DEFAULT_MANAGE_ROLE_VALUES = {
   selectedRole: {}
 };
 
+const renderRolesTooltipContent = roleName => Object.is(roleName, "Admin") ? instance.t("tooltips.editAdminRoleNotAllowed") : instance.t("tooltips.noPermissionToEditRoles");
+const removeDuplicates = array => [...new Set(array)];
+
 const Row = _ref => {
-  let roles = _ref.roles,
-      _ref$allPermissionsOf = _ref.allPermissionsOfCategory,
+  let _ref$allPermissionsOf = _ref.allPermissionsOfCategory,
       allPermissionsOfCategory = _ref$allPermissionsOf === void 0 ? null : _ref$allPermissionsOf,
+      config = _ref.config,
       _ref$permission = _ref.permission,
-      permission = _ref$permission === void 0 ? null : _ref$permission;
+      permission = _ref$permission === void 0 ? null : _ref$permission,
+      roles = _ref.roles;
 
   const _useUpdateRole = useUpdateRole({}),
         updateRole = _useUpdateRole.mutate;
@@ -11711,7 +11578,7 @@ const Row = _ref => {
 
   const handleSubmit = (role, checked) => {
     const permissionIds = allPermissionIdsOfCategory.length > 0 ? allPermissionIdsOfCategory : [permission.id];
-    const modifiedRole = ramda.modify("permissionIds", () => checked ? [...role.permissionIds, ...permissionIds] : role.permissionIds.filter(id => !permissionIds.includes(id)), role);
+    const modifiedRole = ramda.modify("permissionIds", () => checked ? removeDuplicates([...role.permissionIds, ...permissionIds]) : role.permissionIds.filter(id => !permissionIds.includes(id)), role);
     updateRole({
       id: role.id,
       payload: {
@@ -11726,31 +11593,36 @@ const Row = _ref => {
     className: classnames__default["default"]("ntm-roles-table__row", {
       "ntm-roles-table__row--highlighted": !!allPermissionsOfCategory
     })
-  }, roles.map((role, index) => /*#__PURE__*/React__default["default"].createElement("div", {
-    key: index,
-    className: "ntm-roles-table__cell"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
-    content: instance.t("tooltips.editAdminRoleNotAllowed"),
-    disabled: !ramda.identical(role.name, "Admin"),
-    position: "top"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "ntm-roles-table-cell__checkbox-wrapper"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Checkbox, {
-    className: "ntm-roles-table-cell__checkbox",
-    disabled: ramda.identical(role.name, "Admin"),
-    checked: isCheckboxChecked(role),
-    onChange: _ref2 => {
-      let checked = _ref2.target.checked;
-      return handleSubmit(role, checked);
-    }
-  }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    style: "body2",
-    lineHeight: "normal"
-  }, permission === null || permission === void 0 ? void 0 : permission.description))));
+  }, roles.map((role, index) => {
+    var _config$permissions$u, _config$permissions, _config$permissions$u2, _config$permissions2;
+
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      key: index,
+      className: "ntm-roles-table__cell"
+    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
+      content: renderRolesTooltipContent(role.name),
+      disabled: ((_config$permissions$u = config === null || config === void 0 ? void 0 : (_config$permissions = config.permissions) === null || _config$permissions === void 0 ? void 0 : _config$permissions.update) !== null && _config$permissions$u !== void 0 ? _config$permissions$u : DEFAULT_PERMISSION) && !ramda.identical(role.name, "Admin"),
+      position: "top"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "ntm-roles-table-cell__checkbox-wrapper"
+    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Checkbox, {
+      className: "ntm-roles-table-cell__checkbox",
+      disabled: ramda.identical(role.name, "Admin") || !((_config$permissions$u2 = config === null || config === void 0 ? void 0 : (_config$permissions2 = config.permissions) === null || _config$permissions2 === void 0 ? void 0 : _config$permissions2.update) !== null && _config$permissions$u2 !== void 0 ? _config$permissions$u2 : DEFAULT_PERMISSION),
+      checked: isCheckboxChecked(role),
+      onChange: _ref2 => {
+        let checked = _ref2.target.checked;
+        return handleSubmit(role, checked);
+      }
+    }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+      style: "body2",
+      lineHeight: "normal"
+    }, permission === null || permission === void 0 ? void 0 : permission.description));
+  }));
 };
 
 const TableHeader = _ref => {
-  let roles = _ref.roles,
+  let config = _ref.config,
+      roles = _ref.roles,
       setManageRole = _ref.setManageRole,
       setIsScrollPresent = _ref.setIsScrollPresent;
 
@@ -11772,9 +11644,11 @@ const TableHeader = _ref => {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "ntm-roles-table__header"
   }, roles === null || roles === void 0 ? void 0 : roles.map((role, index) => {
+    var _config$permissions$u, _config$permissions, _config$permissions$u2, _config$permissions2, _config$permissions$d, _config$permissions3, _config$permissions$d2, _config$permissions4;
+
     const hasSystemRole = Object.is(role.kind, "system");
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      key: "ntm-roles-".concat(index),
+      key: `ntm-roles-${index}`,
       className: "ntm-roles-table__cell"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "ntm-roles-table-header-cell__container"
@@ -11787,6 +11661,10 @@ const TableHeader = _ref => {
       autoWidth: true,
       buttonStyle: "text",
       icon: neetoIcons.MenuHorizontal
+    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
+      content: t("tooltips.noPermissionToEditRoles"),
+      disabled: (_config$permissions$u = config === null || config === void 0 ? void 0 : (_config$permissions = config.permissions) === null || _config$permissions === void 0 ? void 0 : _config$permissions.update) !== null && _config$permissions$u !== void 0 ? _config$permissions$u : DEFAULT_PERMISSION,
+      position: "top"
     }, /*#__PURE__*/React__default["default"].createElement("li", {
       className: "ntm-dropdown__item"
     }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
@@ -11795,9 +11673,14 @@ const TableHeader = _ref => {
         isEdit: true,
         selectedRole: role
       }),
+      disabled: !((_config$permissions$u2 = config === null || config === void 0 ? void 0 : (_config$permissions2 = config.permissions) === null || _config$permissions2 === void 0 ? void 0 : _config$permissions2.update) !== null && _config$permissions$u2 !== void 0 ? _config$permissions$u2 : DEFAULT_PERMISSION),
       style: "text",
       className: "ntm-dropdown__button"
-    })), !hasSystemRole && /*#__PURE__*/React__default["default"].createElement("li", {
+    }))), !hasSystemRole && /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
+      content: t("tooltips.noPermissionToRemoveRoles"),
+      disabled: (_config$permissions$d = config === null || config === void 0 ? void 0 : (_config$permissions3 = config.permissions) === null || _config$permissions3 === void 0 ? void 0 : _config$permissions3.delete) !== null && _config$permissions$d !== void 0 ? _config$permissions$d : DEFAULT_PERMISSION,
+      position: "bottom"
+    }, /*#__PURE__*/React__default["default"].createElement("li", {
       className: "ntm-dropdown__item"
     }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
       label: t("common.delete"),
@@ -11805,9 +11688,10 @@ const TableHeader = _ref => {
         isDelete: true,
         selectedRole: role
       }),
+      disabled: !((_config$permissions$d2 = config === null || config === void 0 ? void 0 : (_config$permissions4 = config.permissions) === null || _config$permissions4 === void 0 ? void 0 : _config$permissions4.delete) !== null && _config$permissions$d2 !== void 0 ? _config$permissions$d2 : DEFAULT_PERMISSION),
       style: "danger-text",
       className: "ntm-dropdown__button"
-    })))));
+    }))))));
   })));
 };
 
@@ -11857,7 +11741,7 @@ const Delete = _ref => {
 
 function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty$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; }
 
 const Edit = _ref => {
   let isOpen = _ref.isOpen,
@@ -11936,13 +11820,14 @@ const Edit = _ref => {
 };
 
 const Columns = _ref => {
-  let setIsScrollPresent = _ref.setIsScrollPresent,
-      roles = _ref.roles,
+  let config = _ref.config,
+      filteredGroupPermissions = _ref.filteredGroupPermissions,
       filteredRoles = _ref.filteredRoles,
-      filteredGroupPermissions = _ref.filteredGroupPermissions;
+      roles = _ref.roles,
+      setIsScrollPresent = _ref.setIsScrollPresent;
 
   const _useState = React.useState(DEFAULT_MANAGE_ROLE_VALUES),
-        _useState2 = _slicedToArray$4(_useState, 2),
+        _useState2 = _slicedToArray$2(_useState, 2),
         manageRole = _useState2[0],
         setManageRole = _useState2[1];
 
@@ -11953,6 +11838,7 @@ const Columns = _ref => {
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "ntm-roles-table__columns"
   }, /*#__PURE__*/React__default["default"].createElement(TableHeader, {
+    config: config,
     setManageRole: setManageRole,
     roles: filteredRoles,
     setIsScrollPresent: setIsScrollPresent
@@ -11967,8 +11853,10 @@ const Columns = _ref => {
       key: index
     }, /*#__PURE__*/React__default["default"].createElement(Row, {
       allPermissionsOfCategory: groupedPermissions,
+      config: config,
       roles: filteredRoles
     }), isPermissionsVisible && groupedPermissions.permissions.map((permission, permissionIndex) => /*#__PURE__*/React__default["default"].createElement(Row, {
+      config: config,
       key: permissionIndex,
       permission: permission,
       roles: filteredRoles
@@ -11998,9 +11886,9 @@ const renderDescription = permissions => permissions === null || permissions ===
 });
 const getSearchWrapperStyle = () => {
   const scrollBarWidth = getScrollBarWidth();
-  document.documentElement.style.setProperty("--ntm-roles-table-default-scroll", "".concat(scrollBarWidth, "px"));
+  document.documentElement.style.setProperty("--ntm-roles-table-default-scroll", `${scrollBarWidth}px`);
   return {
-    marginBottom: "".concat(scrollBarWidth, "px")
+    marginBottom: `${scrollBarWidth}px`
   };
 };
 
@@ -12071,26 +11959,27 @@ const Sidebar = _ref => {
 };
 
 const Table = _ref => {
-  let roles = _ref.roles,
+  let config = _ref.config,
+      filteredRoles = _ref.filteredRoles,
       permissionGroups = _ref.permissionGroups,
-      setIsNewRolePaneOpen = _ref.setIsNewRolePaneOpen,
-      filteredRoles = _ref.filteredRoles;
+      roles = _ref.roles,
+      setIsNewRolePaneOpen = _ref.setIsNewRolePaneOpen;
 
   const _useTranslation = useTranslation(),
         t = _useTranslation.t;
 
   const _useState = React.useState(""),
-        _useState2 = _slicedToArray$4(_useState, 2),
+        _useState2 = _slicedToArray$2(_useState, 2),
         searchTerm = _useState2[0],
         setSearchTerm = _useState2[1];
 
   const _useState3 = React.useState(permissionGroups),
-        _useState4 = _slicedToArray$4(_useState3, 2),
+        _useState4 = _slicedToArray$2(_useState3, 2),
         filteredGroupPermissions = _useState4[0],
         setFilteredGroupPermissions = _useState4[1];
 
   const _useState5 = React.useState(false),
-        _useState6 = _slicedToArray$4(_useState5, 2),
+        _useState6 = _slicedToArray$2(_useState5, 2),
         isScrollPresent = _useState6[0],
         setIsScrollPresent = _useState6[1];
 
@@ -12100,7 +11989,7 @@ const Table = _ref => {
 
   React.useEffect(() => {
     setFilteredGroupPermissions(ramda.fromPairs(ramda.toPairs(permissionGroups).map(_ref2 => {
-      let _ref3 = _slicedToArray$4(_ref2, 2),
+      let _ref3 = _slicedToArray$2(_ref2, 2),
           category = _ref3[0],
           options = _ref3[1];
 
@@ -12123,43 +12012,48 @@ const Table = _ref => {
       what: t("common.role", PLURAL).toLocaleLowerCase()
     }),
     actionBlock: /*#__PURE__*/React__default["default"].createElement(AddRoleButton, {
-      onClick: () => setIsNewRolePaneOpen(true)
+      onClick: () => setIsNewRolePaneOpen(true),
+      permissions: config === null || config === void 0 ? void 0 : config.permissions
     })
   }) : /*#__PURE__*/React__default["default"].createElement(Columns, {
-    setIsScrollPresent: setIsScrollPresent,
-    filteredRoles: filteredRoles,
+    config: config,
     filteredGroupPermissions: filteredGroupPermissions,
-    roles: roles
+    filteredRoles: filteredRoles,
+    roles: roles,
+    setIsScrollPresent: setIsScrollPresent
   }));
 };
 
 const Roles = _ref => {
-  var _config$header;
+  var _config$permissions$v, _config$permissions, _config$permissions$v2, _config$permissions2;
 
   let config = _ref.config;
 
   const _useState = React.useState(""),
-        _useState2 = _slicedToArray$4(_useState, 2),
+        _useState2 = _slicedToArray$2(_useState, 2),
         searchString = _useState2[0],
         setSearchString = _useState2[1];
 
   const _useState3 = React.useState([]),
-        _useState4 = _slicedToArray$4(_useState3, 2),
+        _useState4 = _slicedToArray$2(_useState3, 2),
         filteredRoles = _useState4[0],
         setFilteredRoles = _useState4[1];
 
   const _useState5 = React.useState(false),
-        _useState6 = _slicedToArray$4(_useState5, 2),
+        _useState6 = _slicedToArray$2(_useState5, 2),
         isNewRolePaneOpen = _useState6[0],
         setIsNewRolePaneOpen = _useState6[1];
 
   const _useFetchRoles = useFetchRoles({
-    onSuccess: roles => setFilteredRoles(roles)
+    onSuccess: roles => setFilteredRoles(roles),
+    enabled: (_config$permissions$v = config === null || config === void 0 ? void 0 : (_config$permissions = config.permissions) === null || _config$permissions === void 0 ? void 0 : _config$permissions.view) !== null && _config$permissions$v !== void 0 ? _config$permissions$v : DEFAULT_PERMISSION
   }),
         roles = _useFetchRoles.data,
         isRolesLoading = _useFetchRoles.isLoading;
 
-  const _useFetchPermissions = useFetchPermissions({}),
+  const _useFetchPermissions = useFetchPermissions({
+    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
+  }),
         permissions = _useFetchPermissions.data,
         isPermissionsLoading = _useFetchPermissions.isLoading;
 
@@ -12180,16 +12074,16 @@ const Roles = _ref => {
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(dist.exports.ScrollSync, null, /*#__PURE__*/React__default["default"].createElement(layouts.Container, {
     isHeaderFixed: true
   }, /*#__PURE__*/React__default["default"].createElement(Header$1, {
-    breadcrumbs: config === null || config === void 0 ? void 0 : (_config$header = config.header) === null || _config$header === void 0 ? void 0 : _config$header.breadcrumbs,
-    membersPageUrl: config === null || config === void 0 ? void 0 : config.membersPageUrl,
+    config: config,
     searchString: searchString,
     setSearchString: setSearchString,
     setIsNewRolePaneOpen: setIsNewRolePaneOpen
   }), /*#__PURE__*/React__default["default"].createElement(Table, {
-    permissionGroups: permissionGroups,
-    setIsNewRolePaneOpen: setIsNewRolePaneOpen,
+    config: config,
     filteredRoles: filteredRoles,
-    roles: roles
+    permissionGroups: permissionGroups,
+    roles: roles,
+    setIsNewRolePaneOpen: setIsNewRolePaneOpen
   }))), /*#__PURE__*/React__default["default"].createElement(New, {
     isOpen: isNewRolePaneOpen,
     onClose: () => setIsNewRolePaneOpen(false),
@@ -12204,486 +12098,13 @@ Roles.defaultProps = {
 };
 var index$1 = withReactQuery(Roles);
 
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
-    try {
-      if (!_n && _i["return"] != null) _i["return"]();
-    } finally {
-      if (_d) throw _e;
-    }
-  }
-
-  return _arr;
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
-
-  return arr2;
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-
-function useDebounce(value) {
-  var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 350;
-
-  var _useState = React.useState(value),
-      _useState2 = _slicedToArray(_useState, 2),
-      debouncedValue = _useState2[0],
-      setDebouncedValue = _useState2[1];
-
-  React.useEffect(function () {
-    var handler = setTimeout(function () {
-      setDebouncedValue(value);
-    }, delay);
-    return function () {
-      clearTimeout(handler);
-    };
-  }, [value]);
-  return debouncedValue;
-}
-
-var regeneratorRuntime$1 = {exports: {}};
-
-var _typeof = {exports: {}};
-
-(function (module) {
-	function _typeof(obj) {
-	  "@babel/helpers - typeof";
-
-	  return (module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-	    return typeof obj;
-	  } : function (obj) {
-	    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-	  }, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(obj);
-	}
-
-	module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
-} (_typeof));
-
-(function (module) {
-	var _typeof$1 = _typeof.exports["default"];
-
-	function _regeneratorRuntime() {
-	  /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
-
-	  module.exports = _regeneratorRuntime = function _regeneratorRuntime() {
-	    return exports;
-	  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
-	  var exports = {},
-	      Op = Object.prototype,
-	      hasOwn = Op.hasOwnProperty,
-	      $Symbol = "function" == typeof Symbol ? Symbol : {},
-	      iteratorSymbol = $Symbol.iterator || "@@iterator",
-	      asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator",
-	      toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
-
-	  function define(obj, key, value) {
-	    return Object.defineProperty(obj, key, {
-	      value: value,
-	      enumerable: !0,
-	      configurable: !0,
-	      writable: !0
-	    }), obj[key];
-	  }
-
-	  try {
-	    define({}, "");
-	  } catch (err) {
-	    define = function define(obj, key, value) {
-	      return obj[key] = value;
-	    };
-	  }
-
-	  function wrap(innerFn, outerFn, self, tryLocsList) {
-	    var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator,
-	        generator = Object.create(protoGenerator.prototype),
-	        context = new Context(tryLocsList || []);
-	    return generator._invoke = function (innerFn, self, context) {
-	      var state = "suspendedStart";
-	      return function (method, arg) {
-	        if ("executing" === state) throw new Error("Generator is already running");
-
-	        if ("completed" === state) {
-	          if ("throw" === method) throw arg;
-	          return doneResult();
-	        }
-
-	        for (context.method = method, context.arg = arg;;) {
-	          var delegate = context.delegate;
-
-	          if (delegate) {
-	            var delegateResult = maybeInvokeDelegate(delegate, context);
-
-	            if (delegateResult) {
-	              if (delegateResult === ContinueSentinel) continue;
-	              return delegateResult;
-	            }
-	          }
-
-	          if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) {
-	            if ("suspendedStart" === state) throw state = "completed", context.arg;
-	            context.dispatchException(context.arg);
-	          } else "return" === context.method && context.abrupt("return", context.arg);
-	          state = "executing";
-	          var record = tryCatch(innerFn, self, context);
-
-	          if ("normal" === record.type) {
-	            if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
-	            return {
-	              value: record.arg,
-	              done: context.done
-	            };
-	          }
-
-	          "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
-	        }
-	      };
-	    }(innerFn, self, context), generator;
-	  }
-
-	  function tryCatch(fn, obj, arg) {
-	    try {
-	      return {
-	        type: "normal",
-	        arg: fn.call(obj, arg)
-	      };
-	    } catch (err) {
-	      return {
-	        type: "throw",
-	        arg: err
-	      };
-	    }
-	  }
-
-	  exports.wrap = wrap;
-	  var ContinueSentinel = {};
-
-	  function Generator() {}
-
-	  function GeneratorFunction() {}
-
-	  function GeneratorFunctionPrototype() {}
-
-	  var IteratorPrototype = {};
-	  define(IteratorPrototype, iteratorSymbol, function () {
-	    return this;
-	  });
-	  var getProto = Object.getPrototypeOf,
-	      NativeIteratorPrototype = getProto && getProto(getProto(values([])));
-	  NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
-	  var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
-
-	  function defineIteratorMethods(prototype) {
-	    ["next", "throw", "return"].forEach(function (method) {
-	      define(prototype, method, function (arg) {
-	        return this._invoke(method, arg);
-	      });
-	    });
-	  }
-
-	  function AsyncIterator(generator, PromiseImpl) {
-	    function invoke(method, arg, resolve, reject) {
-	      var record = tryCatch(generator[method], generator, arg);
-
-	      if ("throw" !== record.type) {
-	        var result = record.arg,
-	            value = result.value;
-	        return value && "object" == _typeof$1(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) {
-	          invoke("next", value, resolve, reject);
-	        }, function (err) {
-	          invoke("throw", err, resolve, reject);
-	        }) : PromiseImpl.resolve(value).then(function (unwrapped) {
-	          result.value = unwrapped, resolve(result);
-	        }, function (error) {
-	          return invoke("throw", error, resolve, reject);
-	        });
-	      }
-
-	      reject(record.arg);
-	    }
-
-	    var previousPromise;
-
-	    this._invoke = function (method, arg) {
-	      function callInvokeWithMethodAndArg() {
-	        return new PromiseImpl(function (resolve, reject) {
-	          invoke(method, arg, resolve, reject);
-	        });
-	      }
-
-	      return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-	    };
-	  }
-
-	  function maybeInvokeDelegate(delegate, context) {
-	    var method = delegate.iterator[context.method];
-
-	    if (undefined === method) {
-	      if (context.delegate = null, "throw" === context.method) {
-	        if (delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel;
-	        context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method");
-	      }
-
-	      return ContinueSentinel;
-	    }
-
-	    var record = tryCatch(method, delegate.iterator, context.arg);
-	    if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
-	    var info = record.arg;
-	    return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel);
-	  }
-
-	  function pushTryEntry(locs) {
-	    var entry = {
-	      tryLoc: locs[0]
-	    };
-	    1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry);
-	  }
-
-	  function resetTryEntry(entry) {
-	    var record = entry.completion || {};
-	    record.type = "normal", delete record.arg, entry.completion = record;
-	  }
-
-	  function Context(tryLocsList) {
-	    this.tryEntries = [{
-	      tryLoc: "root"
-	    }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
-	  }
-
-	  function values(iterable) {
-	    if (iterable) {
-	      var iteratorMethod = iterable[iteratorSymbol];
-	      if (iteratorMethod) return iteratorMethod.call(iterable);
-	      if ("function" == typeof iterable.next) return iterable;
-
-	      if (!isNaN(iterable.length)) {
-	        var i = -1,
-	            next = function next() {
-	          for (; ++i < iterable.length;) {
-	            if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
-	          }
-
-	          return next.value = undefined, next.done = !0, next;
-	        };
-
-	        return next.next = next;
-	      }
-	    }
-
-	    return {
-	      next: doneResult
-	    };
-	  }
-
-	  function doneResult() {
-	    return {
-	      value: undefined,
-	      done: !0
-	    };
-	  }
-
-	  return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) {
-	    var ctor = "function" == typeof genFun && genFun.constructor;
-	    return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
-	  }, exports.mark = function (genFun) {
-	    return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun;
-	  }, exports.awrap = function (arg) {
-	    return {
-	      __await: arg
-	    };
-	  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
-	    return this;
-	  }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) {
-	    void 0 === PromiseImpl && (PromiseImpl = Promise);
-	    var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
-	    return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) {
-	      return result.done ? result.value : iter.next();
-	    });
-	  }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () {
-	    return this;
-	  }), define(Gp, "toString", function () {
-	    return "[object Generator]";
-	  }), exports.keys = function (object) {
-	    var keys = [];
-
-	    for (var key in object) {
-	      keys.push(key);
-	    }
-
-	    return keys.reverse(), function next() {
-	      for (; keys.length;) {
-	        var key = keys.pop();
-	        if (key in object) return next.value = key, next.done = !1, next;
-	      }
-
-	      return next.done = !0, next;
-	    };
-	  }, exports.values = values, Context.prototype = {
-	    constructor: Context,
-	    reset: function reset(skipTempReset) {
-	      if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) {
-	        "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined);
-	      }
-	    },
-	    stop: function stop() {
-	      this.done = !0;
-	      var rootRecord = this.tryEntries[0].completion;
-	      if ("throw" === rootRecord.type) throw rootRecord.arg;
-	      return this.rval;
-	    },
-	    dispatchException: function dispatchException(exception) {
-	      if (this.done) throw exception;
-	      var context = this;
-
-	      function handle(loc, caught) {
-	        return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught;
-	      }
-
-	      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-	        var entry = this.tryEntries[i],
-	            record = entry.completion;
-	        if ("root" === entry.tryLoc) return handle("end");
-
-	        if (entry.tryLoc <= this.prev) {
-	          var hasCatch = hasOwn.call(entry, "catchLoc"),
-	              hasFinally = hasOwn.call(entry, "finallyLoc");
-
-	          if (hasCatch && hasFinally) {
-	            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
-	            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
-	          } else if (hasCatch) {
-	            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
-	          } else {
-	            if (!hasFinally) throw new Error("try statement without catch or finally");
-	            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
-	          }
-	        }
-	      }
-	    },
-	    abrupt: function abrupt(type, arg) {
-	      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-	        var entry = this.tryEntries[i];
-
-	        if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
-	          var finallyEntry = entry;
-	          break;
-	        }
-	      }
-
-	      finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null);
-	      var record = finallyEntry ? finallyEntry.completion : {};
-	      return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record);
-	    },
-	    complete: function complete(record, afterLoc) {
-	      if ("throw" === record.type) throw record.arg;
-	      return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel;
-	    },
-	    finish: function finish(finallyLoc) {
-	      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-	        var entry = this.tryEntries[i];
-	        if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel;
-	      }
-	    },
-	    "catch": function _catch(tryLoc) {
-	      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-	        var entry = this.tryEntries[i];
-
-	        if (entry.tryLoc === tryLoc) {
-	          var record = entry.completion;
-
-	          if ("throw" === record.type) {
-	            var thrown = record.arg;
-	            resetTryEntry(entry);
-	          }
-
-	          return thrown;
-	        }
-	      }
-
-	      throw new Error("illegal catch attempt");
-	    },
-	    delegateYield: function delegateYield(iterable, resultName, nextLoc) {
-	      return this.delegate = {
-	        iterator: values(iterable),
-	        resultName: resultName,
-	        nextLoc: nextLoc
-	      }, "next" === this.method && (this.arg = undefined), ContinueSentinel;
-	    }
-	  }, exports;
-	}
-
-	module.exports = _regeneratorRuntime, module.exports.__esModule = true, module.exports["default"] = module.exports;
-} (regeneratorRuntime$1));
-
-// TODO(Babel 8): Remove this file.
-
-var runtime = regeneratorRuntime$1.exports();
-
-// Copied from https://github.com/facebook/regenerator/blob/main/packages/runtime/runtime.js#L736=
-try {
-  regeneratorRuntime = runtime;
-} catch (accidentalStrictMode) {
-  if (typeof globalThis === "object") {
-    globalThis.regeneratorRuntime = runtime;
-  } else {
-    Function("r", "regeneratorRuntime = r")(runtime);
-  }
-}
-Yup__namespace.object().shape({
-  email: Yup__namespace.string().email("Please enter a valid email").required("Email is required"),
-  password: Yup__namespace.string().required("Password is required")
-});
-
-const fetch = params => axios__default["default"].get("".concat(BASE_URL, "/teams"), {
+const fetch = params => axios__default["default"].get(`${BASE_URL}/teams`, {
   params
 });
 
-const create = payload => axios__default["default"].post("".concat(BASE_URL, "/teams"), payload);
+const create = payload => axios__default["default"].post(`${BASE_URL}/teams`, payload);
 
-const update = (id, payload) => axios__default["default"].put("".concat(BASE_URL, "/teams/").concat(id), payload);
+const update = (id, payload) => axios__default["default"].put(`${BASE_URL}/teams/${id}`, payload);
 
 const teamsApi = {
   fetch,
@@ -12696,7 +12117,7 @@ const _excluded = ["onSuccess"],
 
 function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty$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; }
 
 const useFetchMembers = function () {
   let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -12738,16 +12159,32 @@ const useUpdateMember = _ref2 => {
   }, options));
 };
 
-const noop = () => {};
+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),
+        debouncedValue = _useState2[0],
+        setDebouncedValue = _useState2[1];
+
+  React.useEffect(() => {
+    const handler = setTimeout(() => setDebouncedValue(value), delay);
+    return () => clearTimeout(handler);
+  }, [value, delay]);
+  return debouncedValue;
+};
 
 const Header = _ref => {
+  var _permissions$create, _permissions$create2;
+
   let _ref$metaName = _ref.metaName,
       metaName = _ref$metaName === void 0 ? "" : _ref$metaName,
       _ref$onClick = _ref.onClick,
-      onClick = _ref$onClick === void 0 ? noop : _ref$onClick;
+      onClick = _ref$onClick === void 0 ? noop$2 : _ref$onClick,
+      permissions = _ref.permissions;
   return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
     content: instance.t("tooltips.noPermissionToAddMember"),
-    disabled: hasPermission(MANAGE_MEMBER_PERMISSIONS),
+    disabled: (_permissions$create = permissions === null || permissions === void 0 ? void 0 : permissions.create) !== null && _permissions$create !== void 0 ? _permissions$create : hasPermission(MANAGE_MEMBER_PERMISSIONS),
     position: "bottom"
   }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     icon: neetoIcons.Plus,
@@ -12755,7 +12192,7 @@ const Header = _ref => {
     label: instance.t("common.add_", {
       what: instance.t(metaName, SINGULAR).toLocaleLowerCase()
     }),
-    disabled: !hasPermission(MANAGE_MEMBER_PERMISSIONS),
+    disabled: !((_permissions$create2 = permissions === null || permissions === void 0 ? void 0 : permissions.create) !== null && _permissions$create2 !== void 0 ? _permissions$create2 : hasPermission(MANAGE_MEMBER_PERMISSIONS)),
     onClick: onClick
   })));
 };
@@ -12835,7 +12272,7 @@ const DEFAULT_FILTER_VALUES = {
 
 function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty$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; }
 
 const renderNameColumn = (_ref, diplayStatusTag) => {
   let displayName = _ref.displayName,
@@ -12861,11 +12298,15 @@ const isCurrentUserEmail = email => {
   return (user === null || user === void 0 ? void 0 : user.email) === email;
 };
 
-const isDropDownButtonDisabled = email => !hasPermission(MANAGE_MEMBER_PERMISSIONS) || isCurrentUserEmail(email);
+const isDropDownButtonDisabled = (email, permissions) => {
+  var _permissions$update;
+
+  return !((_permissions$update = permissions === null || permissions === void 0 ? void 0 : permissions.update) !== null && _permissions$update !== void 0 ? _permissions$update : hasPermission(MANAGE_MEMBER_PERMISSIONS)) || isCurrentUserEmail(email);
+};
 
 const getDropDownTooltipContent = email => isCurrentUserEmail(email) ? instance.t("tooltips.editCurrentUserNotAllowed") : instance.t("tooltips.noPermissionToEditMembers");
 
-const renderDropdownButton = (_ref2, handleUpdateStatus, handleUpdateRole) => {
+const renderDropdownButton = (_ref2, handleUpdateStatus, handleUpdateRole, permissions) => {
   let displayName = _ref2.displayName,
       id = _ref2.id,
       active = _ref2.active,
@@ -12873,14 +12314,14 @@ const renderDropdownButton = (_ref2, handleUpdateStatus, handleUpdateRole) => {
       role = _ref2.role;
   return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
     content: getDropDownTooltipContent(email),
-    disabled: !isDropDownButtonDisabled(email),
+    disabled: !isDropDownButtonDisabled(email, permissions),
     position: "top"
   }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
     icon: neetoIcons.MenuHorizontal,
     buttonStyle: "text",
     buttonProps: DROPDOWN_BUTTON_PROPS,
     strategy: "fixed",
-    disabled: isDropDownButtonDisabled(email)
+    disabled: isDropDownButtonDisabled(email, permissions)
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
     content: instance.t("tooltips.activateUserToEdit"),
     disabled: active,
@@ -12914,7 +12355,8 @@ const renderDropdownButton = (_ref2, handleUpdateStatus, handleUpdateRole) => {
 const getColumnData = _ref3 => {
   let memberFilter = _ref3.memberFilter,
       handleUpdateStatus = _ref3.handleUpdateStatus,
-      handleUpdateRole = _ref3.handleUpdateRole;
+      handleUpdateRole = _ref3.handleUpdateRole,
+      permissions = _ref3.permissions;
   const diplayStatusTag = ramda.identical(memberFilter, MEMBER_FILTER.ALL.value);
   return [{
     title: instance.t("common.name"),
@@ -12937,11 +12379,11 @@ const getColumnData = _ref3 => {
     sorter: true
   }, {
     key: "icon_button",
-    render: (_, props) => renderDropdownButton(props, handleUpdateStatus, handleUpdateRole),
+    render: (_, props) => renderDropdownButton(props, handleUpdateStatus, handleUpdateRole, permissions),
     width: "10%"
   }];
 };
-const renderHeaderTitle = (filterStatus, metaName) => instance.t("common.".concat(ramda.toLower(filterStatus), "_"), {
+const renderHeaderTitle = (filterStatus, metaName) => instance.t(`common.${ramda.toLower(filterStatus)}_`, {
   what: instance.t(metaName, PLURAL).toLocaleLowerCase()
 });
 const renderUpdateAlertTitle = (member, metaName, config) => {
@@ -12986,7 +12428,7 @@ const handlePageChange = (setFilters, filter) => (page, results) => {
     page,
     results
   };
-  window.history.replaceState({}, "", "?".concat(getSearchParams(pageParams, filter)));
+  window.history.replaceState({}, "", `?${getSearchParams(pageParams, filter)}`);
   setFilters(ramda.mergeLeft(pageParams));
 };
 const renderPaginationProps = size => ({
@@ -12994,9 +12436,9 @@ const renderPaginationProps = size => ({
 });
 const getPerCategoryCount = (perCategoryCount, category) => ramda.isNil(perCategoryCount) ? MEMBER_FILTER[category].defaultCount : perCategoryCount[category === null || category === void 0 ? void 0 : category.toLowerCase()];
 
-const VALIDATION_SCHEMA = Yup__namespace.object().shape({
-  emails: Yup__namespace.array().min(1, instance.t("validations.minOneEmail")).test("are-all-emails-valid", instance.t("validations.validEmail"), emails => emails.every(ramda.prop("valid"))).nullable(),
-  role: Yup__namespace.string().required(instance.t("validations.roleRequired"))
+const VALIDATION_SCHEMA = yup__namespace.object().shape({
+  emails: yup__namespace.array().min(1, instance.t("validations.minOneEmail")).test("are-all-emails-valid", instance.t("validations.validEmail"), emails => emails.every(ramda.prop("valid"))).nullable(),
+  role: yup__namespace.string().required(instance.t("validations.roleRequired"))
 });
 const FILTER_INVALID_EMAILS = {
   label: instance.t("validations.filterInvalidEmails")
@@ -13101,7 +12543,7 @@ const ManageMember = _ref => {
       counter: COUNTER_PROPS,
       filterInvalidEmails: FILTER_INVALID_EMAILS,
       disabled: selectedMember,
-      label: "".concat(instance.t("common.email", PLURAL), "*"),
+      label: `${instance.t("common.email", PLURAL)}*`,
       placeholder: instance.t("placeholders.email"),
       helpText: instance.t("helpers.enterMultipleEmails")
     }), /*#__PURE__*/React__default["default"].createElement(formik$1.Select, {
@@ -13162,24 +12604,26 @@ const Menu = _ref => {
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty$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; }
 
 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$4(_useState, 2),
+        _useState2 = _slicedToArray$2(_useState, 2),
         isOpen = _useState2[0],
         setIsOpen = _useState2[1];
 
   const _useState3 = React.useState(DEFAULT_FILTER_VALUES),
-        _useState4 = _slicedToArray$4(_useState3, 2),
+        _useState4 = _slicedToArray$2(_useState3, 2),
         filters = _useState4[0],
         setFilters = _useState4[1];
 
   const _useState5 = React.useState(null),
-        _useState6 = _slicedToArray$4(_useState5, 2),
+        _useState6 = _slicedToArray$2(_useState5, 2),
         selectedMember = _useState6[0],
         setSelectedMember = _useState6[1];
 
@@ -13188,7 +12632,9 @@ const TeamMembers = _ref => {
   const _useFetchMembers = useFetchMembers(_objectSpread(_objectSpread({}, filters), {}, {
     search: debouncedSearch.trim(),
     category: filters.category.toLowerCase()
-  })),
+  }), {
+    enabled: (_config$permissions$v = config === null || config === void 0 ? void 0 : (_config$permissions = config.permissions) === null || _config$permissions === void 0 ? void 0 : _config$permissions.view) !== null && _config$permissions$v !== void 0 ? _config$permissions$v : DEFAULT_PERMISSION
+  }),
         team = _useFetchMembers.data,
         isMembersLoading = _useFetchMembers.isLoading,
         isMembersFetching = _useFetchMembers.isFetching;
@@ -13197,7 +12643,8 @@ const TeamMembers = _ref => {
     select: response => {
       const roles = response.organizationRoles || response.data.organizationRoles;
       return ramda.pluck("name", roles).sort((a, b) => a.localeCompare(b));
-    }
+    },
+    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
   }),
         roles = _useFetchRoles.data,
         isRolesLoading = _useFetchRoles.isLoading;
@@ -13290,7 +12737,8 @@ const TeamMembers = _ref => {
     searchProps: searchProps,
     actionBlock: /*#__PURE__*/React__default["default"].createElement(Header, {
       metaName: metaName,
-      onClick: () => setIsOpen(ramda.assoc("manageMember", true))
+      onClick: () => setIsOpen(ramda.assoc("manageMember", true)),
+      permissions: config === null || config === void 0 ? void 0 : config.permissions
     })
   }), /*#__PURE__*/React__default["default"].createElement(layouts.SubHeader, {
     leftActionBlock: /*#__PURE__*/React__default["default"].createElement(SubHeader.Left, {
@@ -13313,7 +12761,8 @@ const TeamMembers = _ref => {
     columnData: getColumnData({
       memberFilter: filters.category,
       handleUpdateStatus,
-      handleUpdateRole
+      handleUpdateRole,
+      permissions: config === null || config === void 0 ? void 0 : config.permissions
     }),
     onChange: (_, __, sorter) => handleTableChange(_, __, sorter),
     currentPageNumber: parseInt(filters.page, DEFAULT_RADIX),
@@ -13347,13 +12796,19 @@ const TeamMembers = _ref => {
 
 TeamMembers.defaultProps = {
   metaName: "metaNames.member",
-  config: {}
+  config: {
+    permissions: {
+      create: true,
+      update: true,
+      view: true
+    }
+  }
 };
 var index = withReactQuery(TeamMembers);
 
 var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
 
-var css = ":root {\n  --ntm-roles-table-default-scroll: 15px;\n}\n\n.ntm-dropdown__item {\n  background-color: transparent !important;\n  padding: 0 !important;\n}\n\n.ntm-dropdown__button {\n  border-radius: 0 !important;\n  font-weight: 400;\n  min-height: 34px;\n  min-width: 150px;\n  text-align: left;\n  width: 100%;\n}\n\n.ntm-scrollbar__inner {\n  width: 100%;\n  height: 200px;\n}\n.ntm-scrollbar__outer {\n  position: \"absolute\";\n  top: 0px;\n  left: 0px;\n  width: 200px;\n  height: 150px;\n  overflow: \"hidden\";\n  visibility: \"hidden\";\n}\n\n.ntm-empty-state {\n  align-items: center;\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  width: 100%;\n}\n.ntm-empty-state__image {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 2rem;\n}\n.ntm-empty-state__title--with-action-block {\n  margin-bottom: 1rem;\n}\n.ntm-empty-state__action-block {\n  display: flex;\n  justify-content: center;\n}\n\n.ntm-members {\n  overflow: auto;\n  width: 100%;\n  background-color: #ffffff;\n}\n.ntm-members-wrapper {\n  display: flex;\n}\n.ntm-members-page-loader {\n  width: 100%;\n  height: 100vh;\n}\n.ntm-members__table-wrapper {\n  height: calc(100vh - 205px);\n  width: 100%;\n}\n.ntm-members-table__column {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.ntm-members-modal__header {\n  margin-bottom: 0.5rem;\n}\n.ntm-members-modal__body > * + * {\n  margin-top: 1rem;\n}\n.ntm-members-modal__footer {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ntm-roles-header {\n  border-bottom: 1px solid #d8dcde;\n}\n\n.ntm-roles-table__wrapper {\n  width: 100%;\n  height: calc(100vh - 80px);\n  display: flex;\n  background-color: #ffffff;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar {\n  width: 396px;\n  min-width: 396px;\n  border-right: thin solid #d8dcde;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__search {\n  padding: 24px 24px 16px;\n  height: 72px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__list {\n  height: calc(\n        100vh - 80px - 72px -\n          var(--ntm-roles-table-default-scroll)\n      );\n  overflow-y: auto;\n  padding-left: 24px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__list .ntm-roles-table-sidebar__list-item {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 8px;\n  min-height: 48px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__list .ntm-roles-table-sidebar__list-item.ntm-roles-table-sidebar__list-item--highlighted {\n  background-color: #eaf3fc;\n  padding: 12px 8px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__list .ntm-roles-table-sidebar__list-item:not(.ntm-roles-table-sidebar__list-item--highlighted) {\n  border-bottom: thin solid #d8dcde;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns {\n  width: calc(\n      100vw - 64px - 396px - 24px\n    );\n  overflow: hidden;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__cell {\n  width: 100%;\n  min-width: 200px;\n  min-height: 48px;\n  padding: 12px 8px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-right: thin solid #d8dcde;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table-cell__checkbox-wrapper {\n  position: absolute;\n  height: 1rem;\n  width: 1rem;\n  margin: auto;\n  z-index: 10;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table-cell__checkbox {\n  z-index: 10;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header {\n  display: flex;\n  align-items: center;\n  overflow-x: auto;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header .ntm-roles-table__cell {\n  height: 72px;\n  padding-left: 24px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header .ntm-roles-table-header-cell__container {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 1rem;\n  overflow: hidden;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header .ntm-roles-table-header__role-name {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows {\n  width: 100%;\n  height: calc(\n        100vh - 80px - 72px -\n          var(--ntm-roles-table-default-scroll)\n      );\n  overflow-y: auto;\n  scrollbar-width: none;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar {\n  width: 0px;\n  height: 0px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar-thumb {\n  background: #d8dcde;\n  border-radius: 50px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar-thumb:hover {\n  background: #939ea4;\n  border-radius: 50px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar-track {\n  background: #d8dcde;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row {\n  display: flex;\n  align-items: center;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row .ntm-roles-table__cell {\n  overflow: hidden;\n  position: relative;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row .ntm-roles-table__cell p {\n  opacity: 0;\n  width: 340px;\n  min-width: 340px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row.ntm-roles-table__row--highlighted .ntm-roles-table__cell {\n  background-color: #eaf3fc;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row:not(.ntm-roles-table__row--highlighted) .ntm-roles-table__cell {\n  border-bottom: thin solid #d8dcde;\n}\n\n.ntm-roles-table-sidebar__drop-down-button {\n  color: #68737d;\n  cursor: pointer;\n}\n\n.ntm-roles-modal__body > * + * {\n  margin-top: 1rem;\n}\n.ntm-roles-modal__footer {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ntm-roles-pane__body {\n  width: 100%;\n  margin-bottom: 1.5rem;\n}\n.ntm-roles-pane__body-wrapper > * + * {\n  margin-top: 1rem;\n}\n.ntm-roles-pane__body > * + * {\n  margin-top: 1.5rem;\n}\n.ntm-roles-pane__footer {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ntm-roles-permission > * + * {\n  margin: 0.5rem;\n}\n.ntm-roles-permission__heading {\n  color: #87929d;\n  text-transform: uppercase;\n}\n.ntm-roles-permission__card {\n  background-color: white;\n  box-shadow: 0px 3px 12px -1px rgba(28, 52, 84, 0.12), 0px 2px 4px -1px rgba(28, 55, 90, 0.08);\n  border-radius: 0.125rem;\n  border-width: 1px;\n  border-color: #d8dcde;\n  cursor: pointer;\n  display: flex;\n  gap: 0.75rem;\n  padding: 1rem 0.75rem;\n}\n.ntm-roles-permission__card--description {\n  flex-grow: 1;\n}\n.ntm-roles-permission__card--checkbox {\n  padding: 0 0.5rem;\n}\n\n.ntm-invitations__wrapper .ntm-invitations__header {\n  height: 28px;\n}\n.ntm-invitations__wrapper .ntm-invitations__body {\n  display: flex;\n  flex-direction: column;\n}\n.ntm-invitations__wrapper .ntm-invitations__body > * {\n  margin-bottom: 8px;\n}\n.ntm-invitations__wrapper .ntm-invitations__body-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.ntm-invitations__wrapper .ntm-invitations__body-header div {\n  display: flex;\n  align-items: center;\n}\n.ntm-invitations__wrapper .ntm-invitations__body-header div p {\n  margin-right: 8px;\n}\n.ntm-invitations__wrapper .ntm-invitations__body .ntm-invitations__dnd {\n  color: #49545c;\n  background: #f8f9f9;\n  padding: 20px 40px;\n  border: 1px dashed;\n  border-radius: 6px;\n  cursor: pointer;\n  counter-reset: dnd-counter;\n}\n.ntm-invitations__wrapper .ntm-invitations__body .ntm-invitations__dnd h3 {\n  margin-bottom: 8px;\n  text-align: center !important;\n}\n.ntm-invitations__wrapper .ntm-invitations__body .ntm-invitations__dnd p::before {\n  counter-increment: dnd-counter;\n  content: counter(dnd-counter) \". \";\n}\n.ntm-invitations__wrapper .ntm-invitations__body .ntm-invitations__submit-btn {\n  align-self: end !important;\n  margin-top: 16px;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer {\n  background: #f8f9f9;\n  margin-top: 24px;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__invite-link {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__invite-link-instructions {\n  display: flex;\n  flex-direction: column;\n  width: 50%;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__invite-link-instructions h4 {\n  margin-bottom: 8px;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__invite-link-btns {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  font-weight: bold;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__invite-link-btns > button:first-child {\n  margin-right: 8px;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__table {\n  max-height: 192px;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__table-filename {\n  display: flex;\n  align-items: center;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__table-filename svg {\n  margin-right: 4px;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__table-status {\n  text-transform: capitalize;\n}";
+var css = ":root {\n  --ntm-roles-table-default-scroll: 15px;\n}\n\n.ntm-dropdown__item {\n  background-color: transparent !important;\n  padding: 0 !important;\n}\n\n.ntm-dropdown__button {\n  border-radius: 0 !important;\n  font-weight: 400;\n  min-height: 34px;\n  min-width: 150px;\n  text-align: left;\n  width: 100%;\n}\n\n.ntm-scrollbar__inner {\n  width: 100%;\n  height: 200px;\n}\n.ntm-scrollbar__outer {\n  position: \"absolute\";\n  top: 0px;\n  left: 0px;\n  width: 200px;\n  height: 150px;\n  overflow: \"hidden\";\n  visibility: \"hidden\";\n}\n\n.ntm-empty-state {\n  align-items: center;\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  width: 100%;\n}\n.ntm-empty-state__image {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 2rem;\n}\n.ntm-empty-state__title--with-action-block {\n  margin-bottom: 1rem;\n}\n.ntm-empty-state__action-block {\n  display: flex;\n  justify-content: center;\n}\n\n.ntm-members {\n  overflow: auto;\n  width: 100%;\n  background-color: #ffffff;\n}\n.ntm-members-wrapper {\n  display: flex;\n}\n.ntm-members-page-loader {\n  width: 100%;\n  height: 100vh;\n}\n.ntm-members__table-wrapper {\n  height: calc(100vh - 205px);\n  width: 100%;\n}\n.ntm-members-table__column {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.ntm-members-modal__header {\n  margin-bottom: 0.5rem;\n}\n.ntm-members-modal__body > * + * {\n  margin-top: 1rem;\n}\n.ntm-members-modal__footer {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ntm-roles-header {\n  border-bottom: 1px solid #d8dcde;\n}\n\n.ntm-roles-table__wrapper {\n  width: 100%;\n  height: calc(100vh - 80px);\n  display: flex;\n  background-color: #ffffff;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar {\n  width: 396px;\n  min-width: 396px;\n  border-right: thin solid #d8dcde;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__search {\n  padding: 24px 24px 16px;\n  height: 72px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__list {\n  height: calc(\n        100vh - 80px - 72px -\n          var(--ntm-roles-table-default-scroll)\n      );\n  overflow-y: auto;\n  padding-left: 24px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__list .ntm-roles-table-sidebar__list-item {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 8px;\n  min-height: 48px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__list .ntm-roles-table-sidebar__list-item.ntm-roles-table-sidebar__list-item--highlighted {\n  background-color: #eaf3fc;\n  padding: 12px 8px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__list .ntm-roles-table-sidebar__list-item:not(.ntm-roles-table-sidebar__list-item--highlighted) {\n  border-bottom: thin solid #d8dcde;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns {\n  width: calc(\n      100vw - 64px - 396px - 24px\n    );\n  overflow: hidden;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__cell {\n  width: 100%;\n  min-width: 200px;\n  min-height: 48px;\n  padding: 12px 8px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-right: thin solid #d8dcde;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table-cell__checkbox-wrapper {\n  position: absolute;\n  height: 1rem;\n  width: 1rem;\n  margin: auto;\n  z-index: 10;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table-cell__checkbox {\n  z-index: 10;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header {\n  display: flex;\n  align-items: center;\n  overflow-x: auto;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header .ntm-roles-table__cell {\n  height: 72px;\n  padding-left: 24px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header .ntm-roles-table-header-cell__container {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 1rem;\n  overflow: hidden;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header .ntm-roles-table-header__role-name {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows {\n  width: 100%;\n  height: calc(\n        100vh - 80px - 72px -\n          var(--ntm-roles-table-default-scroll)\n      );\n  overflow-y: auto;\n  scrollbar-width: none;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar {\n  width: 0px;\n  height: 0px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar-thumb {\n  background: #d8dcde;\n  border-radius: 50px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar-thumb:hover {\n  background: #939ea4;\n  border-radius: 50px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar-track {\n  background: #d8dcde;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row {\n  display: flex;\n  align-items: center;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row .ntm-roles-table__cell {\n  overflow: hidden;\n  position: relative;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row .ntm-roles-table__cell p {\n  opacity: 0;\n  width: 340px;\n  min-width: 340px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row.ntm-roles-table__row--highlighted .ntm-roles-table__cell {\n  background-color: #eaf3fc;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row:not(.ntm-roles-table__row--highlighted) .ntm-roles-table__cell {\n  border-bottom: thin solid #d8dcde;\n}\n\n.ntm-roles-table-sidebar__drop-down-button {\n  color: #68737d;\n  cursor: pointer;\n}\n\n.ntm-roles-modal__body > * + * {\n  margin-top: 1rem;\n}\n.ntm-roles-modal__footer {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ntm-roles-pane__body {\n  width: 100%;\n  margin-bottom: 1.5rem;\n}\n.ntm-roles-pane__body-wrapper > * + * {\n  margin-top: 1rem;\n}\n.ntm-roles-pane__body > * + * {\n  margin-top: 1.5rem;\n}\n.ntm-roles-pane__footer {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ntm-roles-permission > * + * {\n  margin: 0.5rem;\n}\n.ntm-roles-permission__heading {\n  color: #87929d;\n  text-transform: uppercase;\n}\n.ntm-roles-permission__card {\n  background-color: white;\n  box-shadow: 0px 3px 12px -1px rgba(28, 52, 84, 0.12), 0px 2px 4px -1px rgba(28, 55, 90, 0.08);\n  border-radius: 0.125rem;\n  border-width: 1px;\n  border-color: #d8dcde;\n  cursor: pointer;\n  display: flex;\n  gap: 0.75rem;\n  padding: 1rem 0.75rem;\n}\n.ntm-roles-permission__card--description {\n  flex-grow: 1;\n}\n.ntm-roles-permission__card--checkbox {\n  padding: 0 0.5rem;\n}\n\n.ntm-invitations__wrapper .ntm-invitations__header {\n  height: 28px;\n}\n.ntm-invitations__wrapper .ntm-invitations__body {\n  display: flex;\n  flex-direction: column;\n}\n.ntm-invitations__wrapper .ntm-invitations__body > * {\n  margin-bottom: 8px;\n}\n.ntm-invitations__wrapper .ntm-invitations__body-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.ntm-invitations__wrapper .ntm-invitations__body-header div {\n  display: flex;\n  align-items: center;\n}\n.ntm-invitations__wrapper .ntm-invitations__body-header div p {\n  margin-right: 8px;\n}\n.ntm-invitations__wrapper .ntm-invitations__body .ntm-invitations__dnd {\n  color: #49545c;\n  background: #f8f9f9;\n  padding: 20px 40px;\n  border: 1px dashed;\n  border-radius: 6px;\n  cursor: pointer;\n  counter-reset: dnd-counter;\n}\n.ntm-invitations__wrapper .ntm-invitations__body .ntm-invitations__dnd h3 {\n  margin-bottom: 8px;\n  text-align: center !important;\n}\n.ntm-invitations__wrapper .ntm-invitations__body .ntm-invitations__dnd p::before {\n  counter-increment: dnd-counter;\n  content: counter(dnd-counter) \". \";\n}\n.ntm-invitations__wrapper .ntm-invitations__body .ntm-invitations__submit-btn {\n  align-self: end !important;\n  margin-top: 16px;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer {\n  background: #f8f9f9;\n  margin-top: 24px;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__invite-link {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__invite-link-instructions {\n  display: flex;\n  flex-direction: column;\n  width: 50%;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__invite-link-instructions h4 {\n  margin-bottom: 8px;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__invite-link-btns {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  font-weight: bold;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__invite-link-btns > button:first-child {\n  margin-right: 8px;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__invite-link-btns p {\n  font-weight: normal;\n  color: #49545c;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__table {\n  max-height: 192px;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__table-filename {\n  display: flex;\n  align-items: center;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__table-filename svg {\n  margin-right: 4px;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__table-status {\n  text-transform: capitalize;\n}";
 n(css,{});
 
 exports.Invitations = index$2;