@bigbinary/neeto-team-members-frontend 2.2.9 → 2.3.0

package/dist/index.esm.js

@@ -1,22 +1,4 @@
-import _typeof$2 from '@babel/runtime/helpers/esm/typeof';
-import _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';
-import _createClass from '@babel/runtime/helpers/esm/createClass';
-import _assertThisInitialized from '@babel/runtime/helpers/esm/assertThisInitialized';
-import _inherits from '@babel/runtime/helpers/esm/inherits';
-import _possibleConstructorReturn from '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import _getPrototypeOf from '@babel/runtime/helpers/esm/getPrototypeOf';
-import _defineProperty$3 from '@babel/runtime/helpers/esm/defineProperty';
-import _toArray from '@babel/runtime/helpers/esm/toArray';
-import _objectWithoutProperties$1 from '@babel/runtime/helpers/objectWithoutProperties';
-import _typeof$3 from '@babel/runtime/helpers/typeof';
-import _defineProperty$4 from '@babel/runtime/helpers/defineProperty';
 import React, { createContext, useContext, createElement, isValidElement, cloneElement, useState, useRef, useEffect, forwardRef, useImperativeHandle, Fragment, useMemo, useReducer, useCallback } from 'react';
-import _classCallCheck$1 from '@babel/runtime/helpers/classCallCheck';
-import _createClass$1 from '@babel/runtime/helpers/createClass';
-import _slicedToArray$4 from '@babel/runtime/helpers/slicedToArray';
-import _extends$1 from '@babel/runtime/helpers/extends';
-import _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';
-import _extends from '@babel/runtime/helpers/esm/extends';
 import ReactDOM from 'react-dom';
 import { useFormikContext, Formik, Form } from 'formik';
 import { Typography, Button, Table as Table$1, Modal, Toastr, Tooltip, Checkbox, Pane, Dropdown, Alert, Input as Input$1, PageLoader, Avatar, Tag } from '@bigbinary/neetoui';
@@ -24,16 +6,150 @@ import { Download, File, LeftArrow, Plus, MenuHorizontal, Up, Down, Search } fro
 import classnames from 'classnames';
 import { EmailInput, Input, Textarea, Select } from '@bigbinary/neetoui/formik';
 import axios from 'axios';
-import { curry, isNil, complement, findLast, findLastIndex, count, isEmpty, equals, fromPairs, toPairs, path as path$1, modifyPath, prepend, assocPath, findIndex, propEq, dissocPath, groupBy, prop, keys, map, identical, modify, includes, filter, clamp, toLower, mergeLeft, pluck, head, assoc } from 'ramda';
+import { prop, modifyPath, prepend, assocPath, findIndex, propEq, dissocPath, groupBy, keys, map, identical, modify, includes, fromPairs, toPairs, filter, isEmpty, clamp, toLower, mergeLeft, isNil, pluck, head, assoc } from 'ramda';
 import { Header as Header$2, Container, MenuBar, SubHeader as SubHeader$1 } from '@bigbinary/neetoui/layouts';
-import * as Yup from 'yup';
+import * as yup from 'yup';
 import { object, string } from 'yup';
-import { Honeybadger } from '@honeybadger-io/react';
-import 'react-router-dom';
+
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  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(obj);
+}
+
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+
+function _defineProperties(target, props) {
+  for (var i = 0; i < props.length; i++) {
+    var descriptor = props[i];
+    descriptor.enumerable = descriptor.enumerable || false;
+    descriptor.configurable = true;
+    if ("value" in descriptor) descriptor.writable = true;
+    Object.defineProperty(target, descriptor.key, descriptor);
+  }
+}
+
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
+  return Constructor;
+}
+
+function _assertThisInitialized(self) {
+  if (self === void 0) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  }
+
+  return self;
+}
+
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+  return _setPrototypeOf(o, p);
+}
+
+function _inherits(subClass, superClass) {
+  if (typeof superClass !== "function" && superClass !== null) {
+    throw new TypeError("Super expression must either be null or a function");
+  }
+
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      writable: true,
+      configurable: true
+    }
+  });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
+  if (superClass) _setPrototypeOf(subClass, superClass);
+}
+
+function _possibleConstructorReturn(self, call) {
+  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");
+  }
+
+  return _assertThisInitialized(self);
+}
+
+function _getPrototypeOf(o) {
+  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
+    return o.__proto__ || Object.getPrototypeOf(o);
+  };
+  return _getPrototypeOf(o);
+}
+
+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 _arrayWithHoles$2(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+
+function _iterableToArray$2(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+
+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 _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 _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$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',
@@ -339,7 +455,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); }; }
 
@@ -584,7 +700,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); }; }
 
@@ -675,7 +791,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);
       }
 
@@ -1507,7 +1623,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() {
@@ -1729,7 +1845,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();
@@ -1852,7 +1968,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); }; }
 
@@ -2152,11 +2268,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];
@@ -2196,13 +2312,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));
@@ -2367,7 +2483,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);
@@ -2428,7 +2544,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;
@@ -2476,7 +2592,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);
@@ -2611,7 +2727,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];
           }
@@ -2755,7 +2871,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
@@ -2801,7 +2917,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);
@@ -3235,6 +3351,40 @@ var Browser = /*#__PURE__*/function () {
 
 Browser.type = 'languageDetector';
 
+function _objectWithoutPropertiesLoose$1(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+
+  return target;
+}
+
+function _objectWithoutProperties$1(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose$1(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;
+}
+
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 /**
@@ -3261,7 +3411,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;': '&',
@@ -3280,7 +3430,9 @@ var htmlEntities = {
   '&reg;': '®',
   '&#174;': '®',
   '&hellip;': '…',
-  '&#8230;': '…'
+  '&#8230;': '…',
+  '&#x2F;': '/',
+  '&#47;': '/'
 };
 
 var unescapeHtmlEntity = function unescapeHtmlEntity(m) {
@@ -3293,7 +3445,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$4(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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: '',
@@ -3315,12 +3467,12 @@ function getDefaults() {
 }
 var ReportNamespaces = function () {
   function ReportNamespaces() {
-    _classCallCheck$1(this, ReportNamespaces);
+    _classCallCheck(this, ReportNamespaces);
 
     this.usedNamespaces = {};
   }
 
-  _createClass$1(ReportNamespaces, [{
+  _createClass(ReportNamespaces, [{
     key: "addUsedNamespaces",
     value: function addUsedNamespaces(namespaces) {
       var _this = this;
@@ -3437,7 +3589,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$4(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _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;
@@ -3496,7 +3648,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$3(child) === 'object') {
+    } else if (_typeof(child) === 'object') {
       var format = child.format,
           clone = _objectWithoutProperties$1(child, _excluded$4);
 
@@ -3526,7 +3678,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$3(child) === 'object' && !isValidElement(child)) Object.assign(data, child);
+      if (hasChildren(child)) getData(getChildren(child));else if (_typeof(child) === 'object' && !isValidElement(child)) Object.assign(data, child);
     });
   }
 
@@ -3563,8 +3715,8 @@ function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, s
         }, tmp) : tmp;
         var isElement = isValidElement(child);
         var isValidTranslationWithChildren = isElement && hasChildren(node, true) && !node.voidElement;
-        var isEmptyTransWithHTML = emptyChildrenButNeedsHandling && _typeof$3(child) === 'object' && child.dummy && !isElement;
-        var isKnownComponent = _typeof$3(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);
@@ -3602,7 +3754,7 @@ function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, s
 
             mem.push("<".concat(node.name, ">").concat(_inner4, "</").concat(node.name, ">"));
           }
-        } else if (_typeof$3(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) {
@@ -3700,9 +3852,43 @@ function Trans(_ref) {
   return useAsParent ? createElement(useAsParent, additionalProps, content) : content;
 }
 
+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 _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$4(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 = useRef();
@@ -3755,7 +3941,7 @@ function useTranslation(ns) {
   }
 
   var _useState = useState(getT),
-      _useState2 = _slicedToArray$4(_useState, 2),
+      _useState2 = _slicedToArray$2(_useState, 2),
       t = _useState2[0],
       setT = _useState2[1];
 
@@ -3822,6 +4008,7 @@ var alerts$1 = {
 var buttons$1 = {
 	cancel: "Cancel",
 	copyLink: "Copy Link",
+	createLink: "Create Link",
 	inviteFrom: "Invite From",
 	proceed: "Proceed",
 	sendInvites: "Send Invites"
@@ -3862,8 +4049,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.",
@@ -3893,7 +4082,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.",
@@ -3921,6 +4112,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"
@@ -3961,8 +4153,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.",
@@ -3990,7 +4184,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.",
@@ -4060,6 +4256,24 @@ const getScrollBarWidth = () => {
   document.body.removeChild(outerElement);
   return w1 - w2;
 };
+const noop$2 = () => {};
+
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
 
 const SINGULAR = {
   count: 1
@@ -4068,6 +4282,13 @@ 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);
+  subClass.prototype.constructor = subClass;
+  _setPrototypeOf(subClass, superClass);
+}
 
 var Subscribable = /*#__PURE__*/function () {
   function Subscribable() {
@@ -4110,7 +4331,7 @@ var Subscribable = /*#__PURE__*/function () {
 // TYPES
 // UTILS
 var isServer = typeof window === 'undefined';
-function noop$3() {
+function noop$1() {
   return undefined;
 }
 function functionalUpdate(updater, input) {
@@ -4973,7 +5194,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() {
@@ -5547,7 +5768,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();
@@ -5836,7 +6057,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());
     });
@@ -6119,7 +6340,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) {
@@ -6164,10 +6385,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;
@@ -6186,7 +6407,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) {
@@ -6196,7 +6417,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() {
@@ -6207,7 +6428,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() {
@@ -6511,7 +6732,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;
@@ -7103,7 +7324,7 @@ function useMutation(arg1, arg2, arg3) {
     };
   }, []);
   var mutate = React.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])) {
@@ -7758,31 +7979,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";
@@ -7862,11 +8083,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;
@@ -7963,7 +8184,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];
 
@@ -7981,11 +8202,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
@@ -8003,7 +8224,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];
 
@@ -8076,31 +8297,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; }
 
@@ -8540,10 +8761,10 @@ function useDropzone() {
     return pickerOptionsFromAccept(accept);
   }, [accept]);
   var onFileDialogOpenCb = useMemo(function () {
-    return typeof onFileDialogOpen === "function" ? onFileDialogOpen : noop$2;
+    return typeof onFileDialogOpen === "function" ? onFileDialogOpen : noop;
   }, [onFileDialogOpen]);
   var onFileDialogCancelCb = useMemo(function () {
-    return typeof onFileDialogCancel === "function" ? onFileDialogCancel : noop$2;
+    return typeof onFileDialogCancel === "function" ? onFileDialogCancel : noop;
   }, [onFileDialogCancel]);
   /**
    * @constant
@@ -8554,7 +8775,7 @@ function useDropzone() {
   var inputRef = useRef(null);
 
   var _useReducer = useReducer(reducer, initialState),
-      _useReducer2 = _slicedToArray$2(_useReducer, 2),
+      _useReducer2 = _slicedToArray(_useReducer, 2),
       state = _useReducer2[0],
       dispatch = _useReducer2[1];
 
@@ -8724,12 +8945,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];
 
@@ -8932,7 +9153,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)),
@@ -8959,7 +9180,7 @@ function useDropzone() {
           onClick = _ref3.onClick,
           rest = _objectWithoutProperties(_ref3, _excluded4);
 
-      var inputProps = _defineProperty$1({
+      var inputProps = _defineProperty({
         accept: acceptAttr,
         multiple: multiple,
         type: "file",
@@ -9033,17 +9254,17 @@ function reducer(state, action) {
   }
 }
 
-function noop$2() {}
+function noop() {}
 
 const Uploader = _ref => {
   let sampleFileUrl = _ref.sampleFileUrl,
       csvColumns = _ref.csvColumns;
   return /*#__PURE__*/React.createElement(Dropzone, {
-    onDrop: () => {}
+    onDrop: noop$2
   }, _ref2 => {
     let getRootProps = _ref2.getRootProps,
         getInputProps = _ref2.getInputProps;
-    return /*#__PURE__*/React.createElement("div", _extends$1({}, getRootProps(), {
+    return /*#__PURE__*/React.createElement("div", _extends({}, getRootProps(), {
       className: "ntm-invitations__dnd"
     }), /*#__PURE__*/React.createElement("input", getInputProps()), /*#__PURE__*/React.createElement(Typography, {
       style: "h3"
@@ -9188,35 +9409,91 @@ const Csv = _ref => {
   }, /*#__PURE__*/React.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.get("".concat(INVITATIONS_URL, "/invite_links"), {
+  params
+});
+
+const create$2 = payload => axios.post("".concat(INVITATIONS_URL, "/invite_links"), payload);
+
+const destroy$1 = (id, payload) => axios.delete("".concat(INVITATIONS_URL, "/invite_links/").concat(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: 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);}("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 "".concat(time.days, "d ").concat(time.hours, "h");else if (time.hours) return "".concat(time.hours, "h ").concat(time.minutes, "m");
+  return "".concat(time.minutes, "m ").concat(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,
@@ -9224,22 +9501,40 @@ const Timer = _ref => {
         days = _useTimer.days;
 
   return /*#__PURE__*/React.createElement(Typography, {
-    style: "body2"
-  }, renderTime({
+    style: "body3"
+  }, /*#__PURE__*/React.createElement(React.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 = 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("".concat(window.location.host, "/neeto_invitations/").concat(inviteLink.id));
+    Toastr.info(instance.t("helpers.copiedToClipboard"));
+  };
 
   return /*#__PURE__*/React.createElement("div", {
     className: "ntm-invitations__invite-link"
@@ -9249,24 +9544,34 @@ const InviteLink = _ref => {
     style: "h4"
   }, instance.t("helpers.getInviteLink")), /*#__PURE__*/React.createElement(Typography, {
     style: "body2"
-  }, instance.t("helpers.inviteLinkInstruction"))), isInviteLinkActive ? /*#__PURE__*/React.createElement("div", {
+  }, instance.t("helpers.inviteLinkInstruction"))), showInviteLink ? /*#__PURE__*/React.createElement("div", {
     className: "ntm-invitations__invite-link-btns"
   }, /*#__PURE__*/React.createElement(Timer, {
-    expiryTimestamp: inviteLinkProps.expiryTimestamp
+    expiresAt: inviteLink.expiresAt
   }), /*#__PURE__*/React.createElement(Button, {
     size: "large",
     style: "danger-text",
     label: instance.t("common.delete"),
-    onClick: () => setIsInviteLinkActive(false)
+    loading: isDeleting,
+    disabled: isDeleting,
+    onClick: () => deleteInviteLink(inviteLink.id)
   }), /*#__PURE__*/React.createElement(Button, {
     size: "large",
     style: "primary",
-    label: instance.t("buttons.copyLink")
+    label: instance.t("buttons.copyLink"),
+    onClick: handleCopyInviteLink
   })) : /*#__PURE__*/React.createElement(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
+      }
+    })
   }));
 };
 
@@ -9277,7 +9582,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 = useFormikContext(),
         isSubmitting = _useFormikContext.isSubmitting,
@@ -9308,7 +9614,7 @@ const Normal = _ref => {
     name: "emails",
     label: null,
     placeholder: instance.t("placeholders.email")
-  }), /*#__PURE__*/React.createElement(Button, _extends$1({
+  }), /*#__PURE__*/React.createElement(Button, _extends({
     size: "large",
     type: "submit",
     label: instance.t("buttons.sendInvites"),
@@ -9319,9 +9625,7 @@ const Normal = _ref => {
     className: classnames({
       "ntm-invitations__footer": isInviteLinkEnabled
     })
-  }, isInviteLinkEnabled && /*#__PURE__*/React.createElement(InviteLink, {
-    inviteLinkProps: inviteLinkProps
-  })));
+  }, isInviteLinkEnabled && /*#__PURE__*/React.createElement(InviteLink, inviteLinkProps)));
 };
 
 const _excluded$2 = ["label", "isOpen", "onClose", "submitButtonProps", "csvColumns", "sampleFileUrl", "isCSVInviteEnabled", "isInviteLinkEnabled", "inviteLinkProps", "children"];
@@ -9332,7 +9636,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,
@@ -9349,7 +9653,7 @@ const Invitations = _ref => {
       otherProps = _objectWithoutProperties$1(_ref, _excluded$2);
 
   const _useState = useState(false),
-        _useState2 = _slicedToArray$4(_useState, 2),
+        _useState2 = _slicedToArray$2(_useState, 2),
         isCSVInviteSelected = _useState2[0],
         setIsCSVInviteSelected = _useState2[1];
 
@@ -9362,8 +9666,8 @@ const Invitations = _ref => {
     initialValues: {
       emails: []
     },
-    onSubmit: () => {}
-  }, /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement(Modal, _extends$1({
+    onSubmit: noop$2
+  }, /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement(Modal, _extends({
     isOpen: isOpen,
     onClose: handleClose,
     size: "md"
@@ -9380,303 +9684,66 @@ 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.get("".concat(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$4(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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;
-}
+const fetch$1 = () => axios.get("".concat(BASE_URL, "/organization_roles"));
 
-function _iterableToArrayLimit$1(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+const create$1 = payload => axios.post("".concat(BASE_URL, "/organization_roles"), payload);
 
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
+const update$1 = (id, payload) => axios.patch("".concat(BASE_URL, "/organization_roles/").concat(id), payload);
 
-  var _s, _e;
+const destroy = (id, payload) => axios.delete("".concat(BASE_URL, "/organization_roles/").concat(id), {
+  data: payload
+});
 
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
+const organizationRolesApi = {
+  fetch: fetch$1,
+  create: create$1,
+  update: update$1,
+  destroy
+};
 
-      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;
-    }
-  }
+const _excluded$1 = ["onSuccess"],
+      _excluded2$1 = ["onSuccess"],
+      _excluded3 = ["onSuccess"];
 
-  return _arr;
-}
+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 _arrayLikeToArray$1(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
+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; }
 
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
+const useFetchRoles = function () {
+  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return useQuery(QUERY_KEYS.ROLES, organizationRolesApi.fetch, _objectSpread$5({
+    staleTime: DEFAULT_STALE_TIME,
+    select: response => response.organizationRoles || response.data.organizationRoles
+  }, options));
+};
 
-  return arr2;
-}
-
-function _unsupportedIterableToArray$1(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray$1(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen);
-}
-
-function _nonIterableRest$1() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _slicedToArray$1(arr, i) {
-  return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest$1();
-}
-
-function _typeof$1(obj) {
-  "@babel/helpers - typeof";
-
-  return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof$1(obj);
-}
-var matches = curry(function (pattern, object) {
-  var __parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : object;
-
-  if (object === pattern) return true;
-  if (typeof pattern === "function" && pattern(object, __parent)) return true;
-  if (isNil(pattern) || isNil(object)) return false;
-  if (_typeof$1(pattern) !== "object") return false;
-  return Object.entries(pattern).every(function (_ref5) {
-    var _ref6 = _slicedToArray$1(_ref5, 2),
-        key = _ref6[0],
-        value = _ref6[1];
-
-    return matches(value, object[key], __parent);
-  });
-});
-
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-
-function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-curry(function (id, array) {
-  return array.filter(function (item) {
-    return item.id !== id;
-  });
-});
-curry(function (id, array) {
-  return array.find(function (item) {
-    return item.id === id;
-  });
-});
-curry(function (id, newItem, array) {
-  return array.map(function (item) {
-    return item.id === id ? newItem : item;
-  });
-});
-curry(function (id, modifier, array) {
-  return array.map(function (item) {
-    return item.id === id ? modifier(item) : item;
-  });
-});
-curry(function (pattern, array) {
-  return array.find(matches(pattern));
-});
-curry(function (pattern, array) {
-  return array.filter(complement(matches(pattern)));
-});
-curry(function (pattern, newItem, array) {
-  return array.map(function (item) {
-    return matches(pattern, item) ? newItem : item;
-  });
-});
-curry(function (pattern, modifier, array) {
-  return array.map(function (item) {
-    return matches(pattern, item) ? modifier(item) : item;
-  });
-});
-curry(function (id, array) {
-  return array.some(function (item) {
-    return item.id === id;
-  });
-});
-curry(function (pattern, array) {
-  return array.some(matches(pattern));
-});
-curry(function (pattern, array) {
-  return findLast(matches(pattern), array);
-});
-curry(function (id, array) {
-  return array.findIndex(function (item) {
-    return item.id === id;
-  });
-});
-curry(function (pattern, array) {
-  return array.findIndex(matches(pattern));
-});
-curry(function (pattern, array) {
-  return findLastIndex(matches(pattern), array);
-});
-curry(function (pattern, array) {
-  return array.filter(matches(pattern));
-});
-curry(function (pattern, array) {
-  return count(matches(pattern), array);
-});
-curry(function (keyMap, objectArray) {
-  return objectArray.map(function (object) {
-    var shallowCopy = _objectSpread$6({}, object);
-
-    for (var source in keyMap) {
-      shallowCopy[keyMap[source]] = object[source];
-    }
-
-    return shallowCopy;
-  });
-});
-curry(function (keyMap, objectArray) {
-  return objectArray.map(function (object) {
-    var shallowCopy = _objectSpread$6({}, object);
-
-    for (var source in keyMap) {
-      shallowCopy[keyMap[source]] = object[source];
-      delete shallowCopy[source];
-    }
-
-    return shallowCopy;
-  });
-});
-curry(function (keyMap, objectArray) {
-  var copyKeysSingleObject = function copyKeysSingleObject(object, keyMap) {
-    var root = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : object;
-    return _objectSpread$6(_objectSpread$6({}, object), fromPairs(toPairs(keyMap).map(function (_ref) {
-      var _ref2 = _slicedToArray$1(_ref, 2),
-          destination = _ref2[0],
-          source = _ref2[1];
-
-      if (typeof source === "function") {
-        return [destination, source(object[destination], root)];
-      } else if (Array.isArray(source)) {
-        return [destination, path$1(source, root)];
-      } else if (_typeof$1(source) === "object") {
-        return [destination, copyKeysSingleObject(object[destination], source, root)];
-      }
-
-      return [destination, object[source]];
-    })));
-  };
-
-  return objectArray.map(function (object) {
-    return copyKeysSingleObject(object, keyMap);
-  });
-});
-
-var noop$1 = function noop() {};
-complement(isNil);
-complement(isEmpty);
-curry(function (x, y) {
-  return x !== y;
-});
-complement(equals);
-
-const fetch$1 = () => axios.get("".concat(BASE_URL, "/organization_roles"));
-
-const create$1 = payload => axios.post("".concat(BASE_URL, "/organization_roles"), payload);
-
-const update$1 = (id, payload) => axios.patch("".concat(BASE_URL, "/organization_roles/").concat(id), payload);
-
-const destroy = (id, payload) => axios.delete("".concat(BASE_URL, "/organization_roles/").concat(id), {
-  data: payload
-});
-
-const organizationRolesApi = {
-  fetch: fetch$1,
-  create: create$1,
-  update: update$1,
-  destroy
-};
-
-const _excluded$1 = ["onSuccess"],
-      _excluded2$1 = ["onSuccess"],
-      _excluded3 = ["onSuccess"];
-
-function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty$4(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const useFetchRoles = function () {
-  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  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)
-  }, options));
-};
-
-const useCreateRole = _ref => {
-  let onSuccess = _ref.onSuccess,
-      options = _objectWithoutProperties$1(_ref, _excluded$1);
+const useCreateRole = _ref => {
+  let onSuccess = _ref.onSuccess,
+      options = _objectWithoutProperties$1(_ref, _excluded$1);
 
   return useMutation(organizationRolesApi.create, _objectSpread$5({
     onSuccess: response => {
@@ -9719,7 +9786,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 => {
@@ -11131,14 +11198,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.createElement(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.createElement("span", null, /*#__PURE__*/React.createElement(Button, {
     icon: Plus,
@@ -11147,27 +11217,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.createElement(Header$2, {
     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.createElement(AddRoleButton, {
-      onClick: () => setIsNewRolePaneOpen(true)
+      onClick: () => setIsNewRolePaneOpen(true),
+      permissions: config === null || config === void 0 ? void 0 : config.permissions
     }),
     className: "ntm-roles-header"
   });
@@ -11256,7 +11328,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$4(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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,
@@ -11459,12 +11531,15 @@ const DEFAULT_MANAGE_ROLE_VALUES = {
   selectedRole: {}
 };
 
+const renderRolesTooltipContent = roleName => Object.is(roleName, "Admin") ? instance.t("tooltips.editAdminRoleNotAllowed") : instance.t("tooltips.noPermissionToEditRoles");
+
 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;
@@ -11488,31 +11563,36 @@ const Row = _ref => {
     className: classnames("ntm-roles-table__row", {
       "ntm-roles-table__row--highlighted": !!allPermissionsOfCategory
     })
-  }, roles.map((role, index) => /*#__PURE__*/React.createElement("div", {
-    key: index,
-    className: "ntm-roles-table__cell"
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    content: instance.t("tooltips.editAdminRoleNotAllowed"),
-    disabled: !identical(role.name, "Admin"),
-    position: "top"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "ntm-roles-table-cell__checkbox-wrapper"
-  }, /*#__PURE__*/React.createElement(Checkbox, {
-    className: "ntm-roles-table-cell__checkbox",
-    disabled: identical(role.name, "Admin"),
-    checked: isCheckboxChecked(role),
-    onChange: _ref2 => {
-      let checked = _ref2.target.checked;
-      return handleSubmit(role, checked);
-    }
-  }))), /*#__PURE__*/React.createElement(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.createElement("div", {
+      key: index,
+      className: "ntm-roles-table__cell"
+    }, /*#__PURE__*/React.createElement(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) && !identical(role.name, "Admin"),
+      position: "top"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "ntm-roles-table-cell__checkbox-wrapper"
+    }, /*#__PURE__*/React.createElement(Checkbox, {
+      className: "ntm-roles-table-cell__checkbox",
+      disabled: 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.createElement(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;
 
@@ -11534,6 +11614,8 @@ const TableHeader = _ref => {
   }, /*#__PURE__*/React.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.createElement("div", {
       key: "ntm-roles-".concat(index),
@@ -11549,6 +11631,10 @@ const TableHeader = _ref => {
       autoWidth: true,
       buttonStyle: "text",
       icon: MenuHorizontal
+    }, /*#__PURE__*/React.createElement(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.createElement("li", {
       className: "ntm-dropdown__item"
     }, /*#__PURE__*/React.createElement(Button, {
@@ -11557,9 +11643,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.createElement("li", {
+    }))), !hasSystemRole && /*#__PURE__*/React.createElement(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.createElement("li", {
       className: "ntm-dropdown__item"
     }, /*#__PURE__*/React.createElement(Button, {
       label: t("common.delete"),
@@ -11567,9 +11658,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"
-    })))));
+    }))))));
   })));
 };
 
@@ -11619,7 +11711,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$4(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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,
@@ -11698,13 +11790,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 = useState(DEFAULT_MANAGE_ROLE_VALUES),
-        _useState2 = _slicedToArray$4(_useState, 2),
+        _useState2 = _slicedToArray$2(_useState, 2),
         manageRole = _useState2[0],
         setManageRole = _useState2[1];
 
@@ -11715,6 +11808,7 @@ const Columns = _ref => {
   return /*#__PURE__*/React.createElement("div", {
     className: "ntm-roles-table__columns"
   }, /*#__PURE__*/React.createElement(TableHeader, {
+    config: config,
     setManageRole: setManageRole,
     roles: filteredRoles,
     setIsScrollPresent: setIsScrollPresent
@@ -11729,8 +11823,10 @@ const Columns = _ref => {
       key: index
     }, /*#__PURE__*/React.createElement(Row, {
       allPermissionsOfCategory: groupedPermissions,
+      config: config,
       roles: filteredRoles
     }), isPermissionsVisible && groupedPermissions.permissions.map((permission, permissionIndex) => /*#__PURE__*/React.createElement(Row, {
+      config: config,
       key: permissionIndex,
       permission: permission,
       roles: filteredRoles
@@ -11833,26 +11929,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 = useState(""),
-        _useState2 = _slicedToArray$4(_useState, 2),
+        _useState2 = _slicedToArray$2(_useState, 2),
         searchTerm = _useState2[0],
         setSearchTerm = _useState2[1];
 
   const _useState3 = useState(permissionGroups),
-        _useState4 = _slicedToArray$4(_useState3, 2),
+        _useState4 = _slicedToArray$2(_useState3, 2),
         filteredGroupPermissions = _useState4[0],
         setFilteredGroupPermissions = _useState4[1];
 
   const _useState5 = useState(false),
-        _useState6 = _slicedToArray$4(_useState5, 2),
+        _useState6 = _slicedToArray$2(_useState5, 2),
         isScrollPresent = _useState6[0],
         setIsScrollPresent = _useState6[1];
 
@@ -11862,7 +11959,7 @@ const Table = _ref => {
 
   useEffect(() => {
     setFilteredGroupPermissions(fromPairs(toPairs(permissionGroups).map(_ref2 => {
-      let _ref3 = _slicedToArray$4(_ref2, 2),
+      let _ref3 = _slicedToArray$2(_ref2, 2),
           category = _ref3[0],
           options = _ref3[1];
 
@@ -11885,43 +11982,48 @@ const Table = _ref => {
       what: t("common.role", PLURAL).toLocaleLowerCase()
     }),
     actionBlock: /*#__PURE__*/React.createElement(AddRoleButton, {
-      onClick: () => setIsNewRolePaneOpen(true)
+      onClick: () => setIsNewRolePaneOpen(true),
+      permissions: config === null || config === void 0 ? void 0 : config.permissions
     })
   }) : /*#__PURE__*/React.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 = useState(""),
-        _useState2 = _slicedToArray$4(_useState, 2),
+        _useState2 = _slicedToArray$2(_useState, 2),
         searchString = _useState2[0],
         setSearchString = _useState2[1];
 
   const _useState3 = useState([]),
-        _useState4 = _slicedToArray$4(_useState3, 2),
+        _useState4 = _slicedToArray$2(_useState3, 2),
         filteredRoles = _useState4[0],
         setFilteredRoles = _useState4[1];
 
   const _useState5 = 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;
 
@@ -11942,16 +12044,16 @@ const Roles = _ref => {
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(dist.exports.ScrollSync, null, /*#__PURE__*/React.createElement(Container, {
     isHeaderFixed: true
   }, /*#__PURE__*/React.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.createElement(Table, {
-    permissionGroups: permissionGroups,
-    setIsNewRolePaneOpen: setIsNewRolePaneOpen,
+    config: config,
     filteredRoles: filteredRoles,
-    roles: roles
+    permissionGroups: permissionGroups,
+    roles: roles,
+    setIsNewRolePaneOpen: setIsNewRolePaneOpen
   }))), /*#__PURE__*/React.createElement(New, {
     isOpen: isNewRolePaneOpen,
     onClose: () => setIsNewRolePaneOpen(false),
@@ -11966,493 +12068,6 @@ Roles.defaultProps = {
 };
 var index$1 = withReactQuery(Roles);
 
-Honeybadger.beforeNotify(function (notice) {
-  return !/ResizeObserver/.test(notice.message);
-});
-Honeybadger.configure({
-  apiKey: globalProps.honeybadgerApiKey,
-  environment: globalProps.nodeEnv,
-  revision: globalProps.honeybadgerRevision,
-  developmentEnvironments: ["development", "test"],
-  enableUncaught: true,
-  async: true,
-  breadcrumbsEnabled: true,
-  projectRoot: "webpack:///./"
-});
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
-    try {
-      if (!_n && _i["return"] != null) _i["return"]();
-    } finally {
-      if (_d) throw _e;
-    }
-  }
-
-  return _arr;
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
-
-  return arr2;
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-
-function useDebounce(value) {
-  var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 350;
-
-  var _useState = useState(value),
-      _useState2 = _slicedToArray(_useState, 2),
-      debouncedValue = _useState2[0],
-      setDebouncedValue = _useState2[1];
-
-  useEffect(function () {
-    var handler = setTimeout(function () {
-      setDebouncedValue(value);
-    }, delay);
-    return function () {
-      clearTimeout(handler);
-    };
-  }, [value]);
-  return debouncedValue;
-}
-
-var regeneratorRuntime$1 = {exports: {}};
-
-var _typeof = {exports: {}};
-
-(function (module) {
-	function _typeof(obj) {
-	  "@babel/helpers - typeof";
-
-	  return (module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-	    return typeof obj;
-	  } : function (obj) {
-	    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-	  }, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(obj);
-	}
-
-	module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
-} (_typeof));
-
-(function (module) {
-	var _typeof$1 = _typeof.exports["default"];
-
-	function _regeneratorRuntime() {
-	  /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
-
-	  module.exports = _regeneratorRuntime = function _regeneratorRuntime() {
-	    return exports;
-	  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
-	  var exports = {},
-	      Op = Object.prototype,
-	      hasOwn = Op.hasOwnProperty,
-	      $Symbol = "function" == typeof Symbol ? Symbol : {},
-	      iteratorSymbol = $Symbol.iterator || "@@iterator",
-	      asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator",
-	      toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
-
-	  function define(obj, key, value) {
-	    return Object.defineProperty(obj, key, {
-	      value: value,
-	      enumerable: !0,
-	      configurable: !0,
-	      writable: !0
-	    }), obj[key];
-	  }
-
-	  try {
-	    define({}, "");
-	  } catch (err) {
-	    define = function define(obj, key, value) {
-	      return obj[key] = value;
-	    };
-	  }
-
-	  function wrap(innerFn, outerFn, self, tryLocsList) {
-	    var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator,
-	        generator = Object.create(protoGenerator.prototype),
-	        context = new Context(tryLocsList || []);
-	    return generator._invoke = function (innerFn, self, context) {
-	      var state = "suspendedStart";
-	      return function (method, arg) {
-	        if ("executing" === state) throw new Error("Generator is already running");
-
-	        if ("completed" === state) {
-	          if ("throw" === method) throw arg;
-	          return doneResult();
-	        }
-
-	        for (context.method = method, context.arg = arg;;) {
-	          var delegate = context.delegate;
-
-	          if (delegate) {
-	            var delegateResult = maybeInvokeDelegate(delegate, context);
-
-	            if (delegateResult) {
-	              if (delegateResult === ContinueSentinel) continue;
-	              return delegateResult;
-	            }
-	          }
-
-	          if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) {
-	            if ("suspendedStart" === state) throw state = "completed", context.arg;
-	            context.dispatchException(context.arg);
-	          } else "return" === context.method && context.abrupt("return", context.arg);
-	          state = "executing";
-	          var record = tryCatch(innerFn, self, context);
-
-	          if ("normal" === record.type) {
-	            if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
-	            return {
-	              value: record.arg,
-	              done: context.done
-	            };
-	          }
-
-	          "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
-	        }
-	      };
-	    }(innerFn, self, context), generator;
-	  }
-
-	  function tryCatch(fn, obj, arg) {
-	    try {
-	      return {
-	        type: "normal",
-	        arg: fn.call(obj, arg)
-	      };
-	    } catch (err) {
-	      return {
-	        type: "throw",
-	        arg: err
-	      };
-	    }
-	  }
-
-	  exports.wrap = wrap;
-	  var ContinueSentinel = {};
-
-	  function Generator() {}
-
-	  function GeneratorFunction() {}
-
-	  function GeneratorFunctionPrototype() {}
-
-	  var IteratorPrototype = {};
-	  define(IteratorPrototype, iteratorSymbol, function () {
-	    return this;
-	  });
-	  var getProto = Object.getPrototypeOf,
-	      NativeIteratorPrototype = getProto && getProto(getProto(values([])));
-	  NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
-	  var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
-
-	  function defineIteratorMethods(prototype) {
-	    ["next", "throw", "return"].forEach(function (method) {
-	      define(prototype, method, function (arg) {
-	        return this._invoke(method, arg);
-	      });
-	    });
-	  }
-
-	  function AsyncIterator(generator, PromiseImpl) {
-	    function invoke(method, arg, resolve, reject) {
-	      var record = tryCatch(generator[method], generator, arg);
-
-	      if ("throw" !== record.type) {
-	        var result = record.arg,
-	            value = result.value;
-	        return value && "object" == _typeof$1(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) {
-	          invoke("next", value, resolve, reject);
-	        }, function (err) {
-	          invoke("throw", err, resolve, reject);
-	        }) : PromiseImpl.resolve(value).then(function (unwrapped) {
-	          result.value = unwrapped, resolve(result);
-	        }, function (error) {
-	          return invoke("throw", error, resolve, reject);
-	        });
-	      }
-
-	      reject(record.arg);
-	    }
-
-	    var previousPromise;
-
-	    this._invoke = function (method, arg) {
-	      function callInvokeWithMethodAndArg() {
-	        return new PromiseImpl(function (resolve, reject) {
-	          invoke(method, arg, resolve, reject);
-	        });
-	      }
-
-	      return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-	    };
-	  }
-
-	  function maybeInvokeDelegate(delegate, context) {
-	    var method = delegate.iterator[context.method];
-
-	    if (undefined === method) {
-	      if (context.delegate = null, "throw" === context.method) {
-	        if (delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel;
-	        context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method");
-	      }
-
-	      return ContinueSentinel;
-	    }
-
-	    var record = tryCatch(method, delegate.iterator, context.arg);
-	    if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
-	    var info = record.arg;
-	    return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel);
-	  }
-
-	  function pushTryEntry(locs) {
-	    var entry = {
-	      tryLoc: locs[0]
-	    };
-	    1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry);
-	  }
-
-	  function resetTryEntry(entry) {
-	    var record = entry.completion || {};
-	    record.type = "normal", delete record.arg, entry.completion = record;
-	  }
-
-	  function Context(tryLocsList) {
-	    this.tryEntries = [{
-	      tryLoc: "root"
-	    }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
-	  }
-
-	  function values(iterable) {
-	    if (iterable) {
-	      var iteratorMethod = iterable[iteratorSymbol];
-	      if (iteratorMethod) return iteratorMethod.call(iterable);
-	      if ("function" == typeof iterable.next) return iterable;
-
-	      if (!isNaN(iterable.length)) {
-	        var i = -1,
-	            next = function next() {
-	          for (; ++i < iterable.length;) {
-	            if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
-	          }
-
-	          return next.value = undefined, next.done = !0, next;
-	        };
-
-	        return next.next = next;
-	      }
-	    }
-
-	    return {
-	      next: doneResult
-	    };
-	  }
-
-	  function doneResult() {
-	    return {
-	      value: undefined,
-	      done: !0
-	    };
-	  }
-
-	  return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) {
-	    var ctor = "function" == typeof genFun && genFun.constructor;
-	    return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
-	  }, exports.mark = function (genFun) {
-	    return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun;
-	  }, exports.awrap = function (arg) {
-	    return {
-	      __await: arg
-	    };
-	  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
-	    return this;
-	  }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) {
-	    void 0 === PromiseImpl && (PromiseImpl = Promise);
-	    var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
-	    return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) {
-	      return result.done ? result.value : iter.next();
-	    });
-	  }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () {
-	    return this;
-	  }), define(Gp, "toString", function () {
-	    return "[object Generator]";
-	  }), exports.keys = function (object) {
-	    var keys = [];
-
-	    for (var key in object) {
-	      keys.push(key);
-	    }
-
-	    return keys.reverse(), function next() {
-	      for (; keys.length;) {
-	        var key = keys.pop();
-	        if (key in object) return next.value = key, next.done = !1, next;
-	      }
-
-	      return next.done = !0, next;
-	    };
-	  }, exports.values = values, Context.prototype = {
-	    constructor: Context,
-	    reset: function reset(skipTempReset) {
-	      if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) {
-	        "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined);
-	      }
-	    },
-	    stop: function stop() {
-	      this.done = !0;
-	      var rootRecord = this.tryEntries[0].completion;
-	      if ("throw" === rootRecord.type) throw rootRecord.arg;
-	      return this.rval;
-	    },
-	    dispatchException: function dispatchException(exception) {
-	      if (this.done) throw exception;
-	      var context = this;
-
-	      function handle(loc, caught) {
-	        return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught;
-	      }
-
-	      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-	        var entry = this.tryEntries[i],
-	            record = entry.completion;
-	        if ("root" === entry.tryLoc) return handle("end");
-
-	        if (entry.tryLoc <= this.prev) {
-	          var hasCatch = hasOwn.call(entry, "catchLoc"),
-	              hasFinally = hasOwn.call(entry, "finallyLoc");
-
-	          if (hasCatch && hasFinally) {
-	            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
-	            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
-	          } else if (hasCatch) {
-	            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
-	          } else {
-	            if (!hasFinally) throw new Error("try statement without catch or finally");
-	            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
-	          }
-	        }
-	      }
-	    },
-	    abrupt: function abrupt(type, arg) {
-	      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-	        var entry = this.tryEntries[i];
-
-	        if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
-	          var finallyEntry = entry;
-	          break;
-	        }
-	      }
-
-	      finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null);
-	      var record = finallyEntry ? finallyEntry.completion : {};
-	      return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record);
-	    },
-	    complete: function complete(record, afterLoc) {
-	      if ("throw" === record.type) throw record.arg;
-	      return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel;
-	    },
-	    finish: function finish(finallyLoc) {
-	      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-	        var entry = this.tryEntries[i];
-	        if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel;
-	      }
-	    },
-	    "catch": function _catch(tryLoc) {
-	      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-	        var entry = this.tryEntries[i];
-
-	        if (entry.tryLoc === tryLoc) {
-	          var record = entry.completion;
-
-	          if ("throw" === record.type) {
-	            var thrown = record.arg;
-	            resetTryEntry(entry);
-	          }
-
-	          return thrown;
-	        }
-	      }
-
-	      throw new Error("illegal catch attempt");
-	    },
-	    delegateYield: function delegateYield(iterable, resultName, nextLoc) {
-	      return this.delegate = {
-	        iterator: values(iterable),
-	        resultName: resultName,
-	        nextLoc: nextLoc
-	      }, "next" === this.method && (this.arg = undefined), ContinueSentinel;
-	    }
-	  }, exports;
-	}
-
-	module.exports = _regeneratorRuntime, module.exports.__esModule = true, module.exports["default"] = module.exports;
-} (regeneratorRuntime$1));
-
-// TODO(Babel 8): Remove this file.
-
-var runtime = regeneratorRuntime$1.exports();
-
-// Copied from https://github.com/facebook/regenerator/blob/main/packages/runtime/runtime.js#L736=
-try {
-  regeneratorRuntime = runtime;
-} catch (accidentalStrictMode) {
-  if (typeof globalThis === "object") {
-    globalThis.regeneratorRuntime = runtime;
-  } else {
-    Function("r", "regeneratorRuntime = r")(runtime);
-  }
-}
-Yup.object().shape({
-  email: Yup.string().email("Please enter a valid email").required("Email is required"),
-  password: Yup.string().required("Password is required")
-});
-
 const fetch = params => axios.get("".concat(BASE_URL, "/teams"), {
   params
 });
@@ -12472,7 +12087,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$4(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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] : {};
@@ -12514,16 +12129,32 @@ const useUpdateMember = _ref2 => {
   }, options));
 };
 
-const noop = () => {};
+const useDebounce = function (value) {
+  let delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 350;
+
+  const _useState = useState(value),
+        _useState2 = _slicedToArray$2(_useState, 2),
+        debouncedValue = _useState2[0],
+        setDebouncedValue = _useState2[1];
+
+  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.createElement(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.createElement("span", null, /*#__PURE__*/React.createElement(Button, {
     icon: Plus,
@@ -12531,7 +12162,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
   })));
 };
@@ -12557,7 +12188,7 @@ const Right = _ref2 => {
   const isVisible = !!rolesButtonProps;
   const permissions = window.globalProps.permissions;
   const hasRequiredPermissions = permissions && hasPermission(MANAGE_MEMBER_PERMISSIONS);
-  return isVisible && hasRequiredPermissions ? /*#__PURE__*/React.createElement(Button, _extends$1({
+  return isVisible && hasRequiredPermissions ? /*#__PURE__*/React.createElement(Button, _extends({
     label: instance.t("common.manage_", {
       what: instance.t("common.role", PLURAL).toLocaleLowerCase()
     })
@@ -12611,7 +12242,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$4(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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,
@@ -12637,11 +12268,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,
@@ -12649,14 +12284,14 @@ const renderDropdownButton = (_ref2, handleUpdateStatus, handleUpdateRole) => {
       role = _ref2.role;
   return /*#__PURE__*/React.createElement(Tooltip, {
     content: getDropDownTooltipContent(email),
-    disabled: !isDropDownButtonDisabled(email),
+    disabled: !isDropDownButtonDisabled(email, permissions),
     position: "top"
   }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Dropdown, {
     icon: MenuHorizontal,
     buttonStyle: "text",
     buttonProps: DROPDOWN_BUTTON_PROPS,
     strategy: "fixed",
-    disabled: isDropDownButtonDisabled(email)
+    disabled: isDropDownButtonDisabled(email, permissions)
   }, /*#__PURE__*/React.createElement(Tooltip, {
     content: instance.t("tooltips.activateUserToEdit"),
     disabled: active,
@@ -12690,7 +12325,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 = identical(memberFilter, MEMBER_FILTER.ALL.value);
   return [{
     title: instance.t("common.name"),
@@ -12713,7 +12349,7 @@ const getColumnData = _ref3 => {
     sorter: true
   }, {
     key: "icon_button",
-    render: (_, props) => renderDropdownButton(props, handleUpdateStatus, handleUpdateRole),
+    render: (_, props) => renderDropdownButton(props, handleUpdateStatus, handleUpdateRole, permissions),
     width: "10%"
   }];
 };
@@ -12770,9 +12406,9 @@ const renderPaginationProps = size => ({
 });
 const getPerCategoryCount = (perCategoryCount, category) => isNil(perCategoryCount) ? MEMBER_FILTER[category].defaultCount : perCategoryCount[category === null || category === void 0 ? void 0 : category.toLowerCase()];
 
-const VALIDATION_SCHEMA = Yup.object().shape({
-  emails: Yup.array().min(1, instance.t("validations.minOneEmail")).test("are-all-emails-valid", instance.t("validations.validEmail"), emails => emails.every(prop("valid"))).nullable(),
-  role: Yup.string().required(instance.t("validations.roleRequired"))
+const VALIDATION_SCHEMA = yup.object().shape({
+  emails: yup.array().min(1, instance.t("validations.minOneEmail")).test("are-all-emails-valid", instance.t("validations.validEmail"), emails => emails.every(prop("valid"))).nullable(),
+  role: yup.string().required(instance.t("validations.roleRequired"))
 });
 const FILTER_INVALID_EMAILS = {
   label: instance.t("validations.filterInvalidEmails")
@@ -12938,24 +12574,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$4(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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 = useState(DEFAULT_IS_OPEN_VALUES),
-        _useState2 = _slicedToArray$4(_useState, 2),
+        _useState2 = _slicedToArray$2(_useState, 2),
         isOpen = _useState2[0],
         setIsOpen = _useState2[1];
 
   const _useState3 = useState(DEFAULT_FILTER_VALUES),
-        _useState4 = _slicedToArray$4(_useState3, 2),
+        _useState4 = _slicedToArray$2(_useState3, 2),
         filters = _useState4[0],
         setFilters = _useState4[1];
 
   const _useState5 = useState(null),
-        _useState6 = _slicedToArray$4(_useState5, 2),
+        _useState6 = _slicedToArray$2(_useState5, 2),
         selectedMember = _useState6[0],
         setSelectedMember = _useState6[1];
 
@@ -12964,7 +12602,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;
@@ -12973,7 +12613,8 @@ const TeamMembers = _ref => {
     select: response => {
       const roles = response.organizationRoles || response.data.organizationRoles;
       return 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;
@@ -13066,7 +12707,8 @@ const TeamMembers = _ref => {
     searchProps: searchProps,
     actionBlock: /*#__PURE__*/React.createElement(Header, {
       metaName: metaName,
-      onClick: () => setIsOpen(assoc("manageMember", true))
+      onClick: () => setIsOpen(assoc("manageMember", true)),
+      permissions: config === null || config === void 0 ? void 0 : config.permissions
     })
   }), /*#__PURE__*/React.createElement(SubHeader$1, {
     leftActionBlock: /*#__PURE__*/React.createElement(SubHeader.Left, {
@@ -13089,7 +12731,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),
@@ -13123,13 +12766,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,{});
 
 export { index$2 as Invitations, index$1 as Roles, index as TeamMembers, hasPermission };