@bigbinary/neeto-team-members-frontend 2.7.2 → 2.8.0

package/dist/index.cjs.js

@@ -9,7 +9,7 @@ var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var neetoIcons = require('@bigbinary/neeto-icons');
 var Container = require('@bigbinary/neeto-molecules/Container');
 var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
-var SubHeader$2 = require('@bigbinary/neeto-molecules/SubHeader');
+var SubHeaderMolecule = require('@bigbinary/neeto-molecules/SubHeader');
 var neetoui = require('@bigbinary/neetoui');
 var ramda = require('ramda');
 var reactQuery = require('react-query');
@@ -19,11 +19,11 @@ var NeetoHeader = require('@bigbinary/neeto-molecules/Header');
 var formik$1 = require('@bigbinary/neetoui/formik');
 var formik = require('formik');
 var yup = require('yup');
-var TableWrapper = require('@bigbinary/neeto-molecules/TableWrapper');
+var classnames = require('classnames');
 var neetoFiltersFrontend = require('@bigbinary/neeto-filters-frontend');
+var TableWrapper = require('@bigbinary/neeto-molecules/TableWrapper');
 var reactRouterDom = require('react-router-dom');
 var require$$0 = require('util');
-var classnames = require('classnames');
 var MenuBar = require('@bigbinary/neeto-molecules/MenuBar');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -49,13 +49,13 @@ function _interopNamespace(e) {
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
 var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
-var SubHeader__default = /*#__PURE__*/_interopDefaultLegacy(SubHeader$2);
+var SubHeaderMolecule__default = /*#__PURE__*/_interopDefaultLegacy(SubHeaderMolecule);
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
 var NeetoHeader__default = /*#__PURE__*/_interopDefaultLegacy(NeetoHeader);
 var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 var TableWrapper__default = /*#__PURE__*/_interopDefaultLegacy(TableWrapper);
 var require$$0__default = /*#__PURE__*/_interopDefaultLegacy(require$$0);
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 var MenuBar__default = /*#__PURE__*/_interopDefaultLegacy(MenuBar);
 
 /*! @license DOMPurify 3.0.3 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.0.3/LICENSE */
@@ -1802,19 +1802,19 @@ function _iterableToArray(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 
-function _arrayLikeToArray(arr, len) {
+function _arrayLikeToArray$1(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
-function _unsupportedIterableToArray(o, minLen) {
+function _unsupportedIterableToArray$1(o, minLen) {
   if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  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(o, minLen);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen);
 }
 
 function _nonIterableRest() {
@@ -1822,7 +1822,7 @@ function _nonIterableRest() {
 }
 
 function _toArray(arr) {
-  return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest();
+  return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$1(arr) || _nonIterableRest();
 }
 
 function ownKeys$6$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; }
@@ -3796,8 +3796,8 @@ function transformOptions(options) {
   return options;
 }
 
-function ownKeys$g(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$g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$g(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$h(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$h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$h(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$h(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); }; }
 function _isNativeReflectConstruct() { 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() {}
@@ -3857,9 +3857,9 @@ var I18n = function (_EventEmitter) {
         }
       }
       var defOpts = get();
-      this.options = _objectSpread$g(_objectSpread$g(_objectSpread$g({}, defOpts), this.options), transformOptions(options));
+      this.options = _objectSpread$h(_objectSpread$h(_objectSpread$h({}, defOpts), this.options), transformOptions(options));
       if (this.options.compatibilityAPI !== 'v1') {
-        this.options.interpolation = _objectSpread$g(_objectSpread$g({}, defOpts.interpolation), this.options.interpolation);
+        this.options.interpolation = _objectSpread$h(_objectSpread$h({}, defOpts.interpolation), this.options.interpolation);
       }
       if (options.keySeparator !== undefined) {
         this.options.userDefinedKeySeparator = options.keySeparator;
@@ -4137,7 +4137,7 @@ var I18n = function (_EventEmitter) {
           }
           options = _this5.options.overloadTranslationOptionHandler([key, opts].concat(rest));
         } else {
-          options = _objectSpread$g({}, opts);
+          options = _objectSpread$h({}, opts);
         }
         options.lng = options.lng || fixedT.lng;
         options.lngs = options.lngs || fixedT.lngs;
@@ -4264,7 +4264,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;
-      var mergedOptions = _objectSpread$g(_objectSpread$g(_objectSpread$g({}, this.options), options), {
+      var mergedOptions = _objectSpread$h(_objectSpread$h(_objectSpread$h({}, this.options), options), {
         isClone: true
       });
       var clone = new I18n(mergedOptions);
@@ -4275,7 +4275,7 @@ var I18n = function (_EventEmitter) {
       membersToCopy.forEach(function (m) {
         clone[m] = _this8[m];
       });
-      clone.services = _objectSpread$g({}, this.services);
+      clone.services = _objectSpread$h({}, this.services);
       clone.services.utils = {
         hasLoadedNamespace: clone.hasLoadedNamespace.bind(clone)
       };
@@ -4852,9 +4852,9 @@ var unescape$1 = function unescape(text) {
   return text.replace(matchHtmlEntity, unescapeHtmlEntity);
 };
 
-function ownKeys$f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$g(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$f(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$f(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$g(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var defaultOptions = {
   bindI18n: 'languageChanged',
   bindI18nStore: '',
@@ -4867,7 +4867,7 @@ var defaultOptions = {
 };
 function setDefaults() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  defaultOptions = _objectSpread$f(_objectSpread$f({}, defaultOptions), options);
+  defaultOptions = _objectSpread$g(_objectSpread$g({}, defaultOptions), options);
 }
 function getDefaults() {
   return defaultOptions;
@@ -4884,9 +4884,9 @@ function getI18n() {
 var _excluded$4 = ["format"],
     _excluded2$3 = ["children", "count", "parent", "i18nKey", "context", "tOptions", "values", "defaults", "components", "ns", "i18n", "t", "shouldUnescape"];
 
-function ownKeys$e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$f(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$e(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$e(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$f(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function hasChildren(node, checkLength) {
   if (!node) return false;
@@ -4912,7 +4912,7 @@ function getAsArray(data) {
 }
 
 function mergeProps(source, target) {
-  var newTarget = _objectSpread$e({}, target);
+  var newTarget = _objectSpread$f({}, target);
 
   newTarget.props = Object.assign(source.props, target.props);
   return newTarget;
@@ -4982,7 +4982,7 @@ function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, s
   getData(children);
   var ast = c.parse("<0>".concat(targetString, "</0>"));
 
-  var opts = _objectSpread$e(_objectSpread$e({}, data), combinedTOpts);
+  var opts = _objectSpread$f(_objectSpread$f({}, data), combinedTOpts);
 
   function renderInner(child, node, rootReactNode) {
     var childs = getChildren(child);
@@ -4992,7 +4992,7 @@ function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, s
 
   function pushTranslatedJSX(child, inner, mem, i, isVoid) {
     if (child.dummy) child.children = inner;
-    mem.push(React.cloneElement(child, _objectSpread$e(_objectSpread$e({}, child.props), {}, {
+    mem.push(React.cloneElement(child, _objectSpread$f(_objectSpread$f({}, child.props), {}, {
       key: i
     }), isVoid ? undefined : inner));
   }
@@ -5024,7 +5024,7 @@ function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, s
           } else if (isEmptyTransWithHTML) {
           var _inner = mapAST(reactNodes, node.children, rootReactNode);
 
-          mem.push(React.cloneElement(child, _objectSpread$e(_objectSpread$e({}, child.props), {}, {
+          mem.push(React.cloneElement(child, _objectSpread$f(_objectSpread$f({}, child.props), {}, {
             key: i
           }), _inner));
         } else if (Number.isNaN(parseFloat(node.name))) {
@@ -5055,11 +5055,11 @@ function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, s
           var content = node.children[0] ? translationContent : null;
           if (content) mem.push(content);
         } else if (node.children.length === 1 && translationContent) {
-          mem.push(React.cloneElement(child, _objectSpread$e(_objectSpread$e({}, child.props), {}, {
+          mem.push(React.cloneElement(child, _objectSpread$f(_objectSpread$f({}, child.props), {}, {
             key: i
           }), translationContent));
         } else {
-          mem.push(React.cloneElement(child, _objectSpread$e(_objectSpread$e({}, child.props), {}, {
+          mem.push(React.cloneElement(child, _objectSpread$f(_objectSpread$f({}, child.props), {}, {
             key: i
           })));
         }
@@ -5118,7 +5118,7 @@ function Trans$1(_ref) {
 
   if (context) tOptions.context = context;
 
-  var reactI18nextOptions = _objectSpread$e(_objectSpread$e({}, getDefaults()), i18n.options && i18n.options.react);
+  var reactI18nextOptions = _objectSpread$f(_objectSpread$f({}, getDefaults()), i18n.options && i18n.options.react);
 
   var namespaces = ns || t.ns || i18n.options && i18n.options.defaultNS;
   namespaces = typeof namespaces === 'string' ? [namespaces] : namespaces || ['translation'];
@@ -5126,13 +5126,13 @@ function Trans$1(_ref) {
   var hashTransKey = reactI18nextOptions.hashTransKey;
   var key = i18nKey || (hashTransKey ? hashTransKey(defaultValue) : defaultValue);
   var interpolationOverride = values ? tOptions.interpolation : {
-    interpolation: _objectSpread$e(_objectSpread$e({}, tOptions.interpolation), {}, {
+    interpolation: _objectSpread$f(_objectSpread$f({}, tOptions.interpolation), {}, {
       prefix: '#$?',
       suffix: '?$#'
     })
   };
 
-  var combinedTOpts = _objectSpread$e(_objectSpread$e(_objectSpread$e(_objectSpread$e({}, tOptions), {}, {
+  var combinedTOpts = _objectSpread$f(_objectSpread$f(_objectSpread$f(_objectSpread$f({}, tOptions), {}, {
     count: count
   }, values), interpolationOverride), {}, {
     defaultValue: defaultValue,
@@ -5182,9 +5182,9 @@ var ReportNamespaces = function () {
 
 var _excluded$3 = ["children", "count", "parent", "i18nKey", "context", "tOptions", "values", "defaults", "components", "ns", "i18n", "t", "shouldUnescape"];
 
-function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$e(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(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$e(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$e(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 function Trans(_ref) {
   var children = _ref.children,
       count = _ref.count,
@@ -5208,7 +5208,7 @@ function Trans(_ref) {
 
   var i18n = i18nFromProps || i18nFromContext || getI18n();
   var t = tFromProps || i18n && i18n.t.bind(i18n);
-  return Trans$1(_objectSpread$d({
+  return Trans$1(_objectSpread$e({
     children: children,
     count: count,
     parent: parent,
@@ -5254,12 +5254,12 @@ function _iterableToArrayLimit(arr, i) {
 }
 
 function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest();
 }
 
-function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$c(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$d(Object(source), true).forEach(function (key) { _defineProperty(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 usePrevious = function usePrevious(value, ignore) {
   var ref = React.useRef();
@@ -5298,7 +5298,7 @@ function useTranslation(ns) {
 
   if (i18n.options.react && i18n.options.react.wait !== undefined) warnOnce('It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.');
 
-  var i18nOptions = _objectSpread$c(_objectSpread$c(_objectSpread$c({}, getDefaults()), i18n.options.react), props);
+  var i18nOptions = _objectSpread$d(_objectSpread$d(_objectSpread$d({}, getDefaults()), i18n.options.react), props);
 
   var useSuspense = i18nOptions.useSuspense,
       keyPrefix = i18nOptions.keyPrefix;
@@ -5374,14 +5374,19 @@ function useTranslation(ns) {
 }
 
 var alerts$1 = {
-	activating_: "You are activating <strong>{{person}}</strong>. Are you sure you want to proceed?",
-	deactivating_: "You are deactivating <strong>{{person}}</strong>. Are you sure you want to proceed?",
-	deleting_: "You are permanently deleting the {{what}} <strong>{{name}}</strong>. This action cannot be undone. Are you sure you want to proceed?"
+	messages: {
+		activateMember_one: "You are activating <strong>{{person}}</strong>. Are you sure you want to proceed?",
+		activateMember_other: "You are activating <strong>{{count}}</strong> {{metaName}}. Are you sure you want to proceed?",
+		changeRole_one: "You are changing role of <strong>{{person}}</strong> to <strong>{{role}}</strong>. Are you sure you want to proceed?",
+		changeRole_other: "You are changing role of <strong>{{count}}</strong> {{metaName}} to <strong>{{role}}</strong>. Are you sure you want to proceed?",
+		deactivateMember_one: "You are deactivating <strong>{{person}}</strong>. Are you sure you want to proceed?",
+		deactivateMember_other: "You are deactivating <strong>{{count}}</strong> {{metaName}}. Are you sure you want to proceed?",
+		deleting_: "You are permanently deleting the {{what}} <strong>{{name}}</strong>. This action cannot be undone. Are you sure you want to proceed?"
+	}
 };
 var buttons$1 = {
 	back: "Back",
 	cancel: "Cancel",
-	changeRole: "Change role",
 	"continue": "Continue",
 	proceed: "Proceed",
 	reset: "Reset",
@@ -5399,6 +5404,7 @@ var common$1 = {
 	addNew_: "Add new {{what}}",
 	all: "All",
 	all_: "All {{what}}",
+	changeRole: "Change role",
 	deactivate: "Deactivate",
 	deactivate_: "Deactivate {{what}}",
 	deactivated: "Deactivated",
@@ -5499,14 +5505,19 @@ var en = {
 };
 
 var alerts = {
-	activating_: "Vous activez <strong>{{person}}</strong>. Es-tu sur de vouloir continuer?",
-	deactivating_: "Vous désactivez <strong>{{person}}</strong>. Es-tu sur de vouloir continuer?",
-	deleting_: "Vous supprimez définitivement le {{what}} <strong>{{name}}</strong>. Cette action ne peut pas être annulée. Êtes-vous sur de vouloir continuer?"
+	messages: {
+		activateMember_one: "Vous activez <strong>{{person}}</strong>. Es-tu sur de vouloir continuer?",
+		activateMember_other: "Vous activez <strong>{{count}}</strong> {{metaName}}. Êtes-vous sûr de vouloir continuer?",
+		changeRole_one: "Vous changez le rôle de <strong>{{person}}</strong> en <strong>{{role}}</strong>. Êtes-vous sur de vouloir continuer?",
+		changeRole_other: "Vous changez le rôle de <strong>{{count}}</strong> {{metaName}} en <strong>{{role}}</strong>. Êtes-vous sur de vouloir continuer?",
+		deactivateMember_one: "Vous désactivez <strong>{{person}}</strong>. Es-tu sur de vouloir continuer?",
+		deactivateMember_other: "Vous désactivez <strong>{{count}}</strong> {{metaName}}. Êtes-vous sur de vouloir continuer?",
+		deleting_: "Vous supprimez définitivement le {{what}} <strong>{{name}}</strong>. Cette action ne peut pas être annulée. Êtes-vous sur de vouloir continuer?"
+	}
 };
 var buttons = {
 	back: "Retour",
 	cancel: "Annuler",
-	changeRole: "Changer de rôle",
 	"continue": "Continuer",
 	proceed: "Procéder",
 	reset: "Réinitialiser",
@@ -5524,6 +5535,7 @@ var common = {
 	addNew_: "Ajouter un nouveau {{what}}",
 	all: "Tous",
 	all_: "tous les {{what}}",
+	changeRole: "Changer de rôle",
 	column_one: "Colonne",
 	column_other: "Colonnes",
 	deactivate: "Désactiver",
@@ -5669,223 +5681,1622 @@ var hasPermission = function hasPermission() {
   }
   return false;
 };
-
-var SINGULAR = {
-  count: 1
+var isOverflown = function isOverflown(_ref) {
+  var clientWidth = _ref.clientWidth,
+    clientHeight = _ref.clientHeight,
+    scrollWidth = _ref.scrollWidth,
+    scrollHeight = _ref.scrollHeight;
+  return scrollHeight > clientHeight || scrollWidth > clientWidth;
 };
-var PLURAL = {
-  count: 2
+var getScrollBarWidth = function getScrollBarWidth() {
+  var innerElement = document.createElement("p");
+  innerElement.classList.add("ntm-scrollbar__inner");
+  var outerElement = document.createElement("div");
+  outerElement.classList.add("ntm-scrollbar__outer");
+  outerElement.appendChild(innerElement);
+  document.body.appendChild(outerElement);
+  var w1 = innerElement.offsetWidth;
+  outerElement.style.overflow = "scroll";
+  var w2 = innerElement.offsetWidth;
+  if (w1 === w2) w2 = outerElement.clientWidth;
+  document.body.removeChild(outerElement);
+  return w1 - w2;
 };
-var MANAGE_MEMBER_PERMISSIONS = ["members.manage_members", "agents.manage_agents"];
-var DEFAULT_PERMISSION = true;
-var DEFAULT_PAGE_SIZE = 30;
-var ADMIN_ROLE_NAME = "Admin";
-var OWNER_ROLE_NAME = "Owner";
-var ADMIN_ROLES = [ADMIN_ROLE_NAME, OWNER_ROLE_NAME];
 
-var queryClient = new reactQuery.QueryClient({
-  queryCache: new reactQuery.QueryCache()
-});
+var dist = {exports: {}};
 
-var withReactQuery = function withReactQuery(Component) {
-  var QueryWrapper = function QueryWrapper(props) {
-    return /*#__PURE__*/React__default["default"].createElement(reactQuery.QueryClientProvider, {
-      client: queryClient
-    }, /*#__PURE__*/React__default["default"].createElement(Component, props), /*#__PURE__*/React__default["default"].createElement(devtools.ReactQueryDevtools, {
-      initialIsOpen: false,
-      position: "bottom-right"
-    }));
-  };
-  return QueryWrapper;
-};
+dist.exports;
 
-/* eslint-disable @bigbinary/neeto/no-dangling-constants */
-var BASE_URL = "team_members";
+(function (module, exports) {
+	(function webpackUniversalModuleDefinition(root, factory) {
+		module.exports = factory(React__default["default"]);
+	})(commonjsGlobal, function(__WEBPACK_EXTERNAL_MODULE_4__) {
+	return /******/ (function(modules) { // webpackBootstrap
+	/******/ 	// The module cache
+	/******/ 	var installedModules = {};
+	/******/
+	/******/ 	// The require function
+	/******/ 	function __webpack_require__(moduleId) {
+	/******/
+	/******/ 		// Check if module is in cache
+	/******/ 		if(installedModules[moduleId]) {
+	/******/ 			return installedModules[moduleId].exports;
+	/******/ 		}
+	/******/ 		// Create a new module (and put it into the cache)
+	/******/ 		var module = installedModules[moduleId] = {
+	/******/ 			i: moduleId,
+	/******/ 			l: false,
+	/******/ 			exports: {}
+	/******/ 		};
+	/******/
+	/******/ 		// Execute the module function
+	/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+	/******/
+	/******/ 		// Flag the module as loaded
+	/******/ 		module.l = true;
+	/******/
+	/******/ 		// Return the exports of the module
+	/******/ 		return module.exports;
+	/******/ 	}
+	/******/
+	/******/
+	/******/ 	// expose the modules object (__webpack_modules__)
+	/******/ 	__webpack_require__.m = modules;
+	/******/
+	/******/ 	// expose the module cache
+	/******/ 	__webpack_require__.c = installedModules;
+	/******/
+	/******/ 	// identity function for calling harmony imports with the correct context
+	/******/ 	__webpack_require__.i = function(value) { return value; };
+	/******/
+	/******/ 	// define getter function for harmony exports
+	/******/ 	__webpack_require__.d = function(exports, name, getter) {
+	/******/ 		if(!__webpack_require__.o(exports, name)) {
+	/******/ 			Object.defineProperty(exports, name, {
+	/******/ 				configurable: false,
+	/******/ 				enumerable: true,
+	/******/ 				get: getter
+	/******/ 			});
+	/******/ 		}
+	/******/ 	};
+	/******/
+	/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+	/******/ 	__webpack_require__.n = function(module) {
+	/******/ 		var getter = module && module.__esModule ?
+	/******/ 			function getDefault() { return module['default']; } :
+	/******/ 			function getModuleExports() { return module; };
+	/******/ 		__webpack_require__.d(getter, 'a', getter);
+	/******/ 		return getter;
+	/******/ 	};
+	/******/
+	/******/ 	// Object.prototype.hasOwnProperty.call
+	/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+	/******/
+	/******/ 	// __webpack_public_path__
+	/******/ 	__webpack_require__.p = "";
+	/******/
+	/******/ 	// Load entry module and return exports
+	/******/ 	return __webpack_require__(__webpack_require__.s = 10);
+	/******/ })
+	/************************************************************************/
+	/******/ ([
+	/* 0 */
+	/***/ (function(module, exports) {
+
+	// shim for using process in browser
+	var process = module.exports = {};
+
+	// cached from whatever global is present so that test runners that stub it
+	// don't break things.  But we need to wrap it in a try catch in case it is
+	// wrapped in strict mode code which doesn't define any globals.  It's inside a
+	// function because try/catches deoptimize in certain engines.
+
+	var cachedSetTimeout;
+	var cachedClearTimeout;
+
+	function defaultSetTimout() {
+	    throw new Error('setTimeout has not been defined');
+	}
+	function defaultClearTimeout () {
+	    throw new Error('clearTimeout has not been defined');
+	}
+	(function () {
+	    try {
+	        if (typeof setTimeout === 'function') {
+	            cachedSetTimeout = setTimeout;
+	        } else {
+	            cachedSetTimeout = defaultSetTimout;
+	        }
+	    } catch (e) {
+	        cachedSetTimeout = defaultSetTimout;
+	    }
+	    try {
+	        if (typeof clearTimeout === 'function') {
+	            cachedClearTimeout = clearTimeout;
+	        } else {
+	            cachedClearTimeout = defaultClearTimeout;
+	        }
+	    } catch (e) {
+	        cachedClearTimeout = defaultClearTimeout;
+	    }
+	} ());
+	function runTimeout(fun) {
+	    if (cachedSetTimeout === setTimeout) {
+	        //normal enviroments in sane situations
+	        return setTimeout(fun, 0);
+	    }
+	    // if setTimeout wasn't available but was latter defined
+	    if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
+	        cachedSetTimeout = setTimeout;
+	        return setTimeout(fun, 0);
+	    }
+	    try {
+	        // when when somebody has screwed with setTimeout but no I.E. maddness
+	        return cachedSetTimeout(fun, 0);
+	    } catch(e){
+	        try {
+	            // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
+	            return cachedSetTimeout.call(null, fun, 0);
+	        } catch(e){
+	            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
+	            return cachedSetTimeout.call(this, fun, 0);
+	        }
+	    }
 
-var fetch$3 = function fetch() {
-  return axios__default["default"].get("".concat(BASE_URL, "/permissions"));
-};
-var permissionsApi = {
-  fetch: fetch$3
-};
 
-var DEFAULT_STALE_TIME = 300000; // 5 minutes
+	}
+	function runClearTimeout(marker) {
+	    if (cachedClearTimeout === clearTimeout) {
+	        //normal enviroments in sane situations
+	        return clearTimeout(marker);
+	    }
+	    // if clearTimeout wasn't available but was latter defined
+	    if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
+	        cachedClearTimeout = clearTimeout;
+	        return clearTimeout(marker);
+	    }
+	    try {
+	        // when when somebody has screwed with setTimeout but no I.E. maddness
+	        return cachedClearTimeout(marker);
+	    } catch (e){
+	        try {
+	            // When we are in I.E. but the script has been evaled so I.E. doesn't  trust the global object when called normally
+	            return cachedClearTimeout.call(null, marker);
+	        } catch (e){
+	            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
+	            // Some versions of I.E. have different rules for clearTimeout vs setTimeout
+	            return cachedClearTimeout.call(this, marker);
+	        }
+	    }
 
-var QUERY_KEYS = {
-  PERMISSIONS: "neeto-team-members-permissions",
-  ROLES: "neeto-team-members-roles",
-  GLOBAL_ROLES: "neeto-team-members-global-roles",
-  TEAMS: "neeto-team-members-teams",
-  TEAMS_DEPENDENCIES: "neeto-team-members-teams-dependencies"
-};
 
-function ownKeys$b(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$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$b(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var useFetchPermissions = function useFetchPermissions() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return reactQuery.useQuery(QUERY_KEYS.PERMISSIONS, permissionsApi.fetch, _objectSpread$b({
-    staleTime: DEFAULT_STALE_TIME,
-    select: function select(response) {
-      return response === null || response === void 0 ? void 0 : response.permissions;
-    }
-  }, options));
-};
 
-var fetch$2 = function fetch() {
-  return axios__default["default"].get("".concat(BASE_URL, "/global_roles"));
-};
-var globalRolesApi = {
-  fetch: fetch$2
-};
+	}
+	var queue = [];
+	var draining = false;
+	var currentQueue;
+	var queueIndex = -1;
+
+	function cleanUpNextTick() {
+	    if (!draining || !currentQueue) {
+	        return;
+	    }
+	    draining = false;
+	    if (currentQueue.length) {
+	        queue = currentQueue.concat(queue);
+	    } else {
+	        queueIndex = -1;
+	    }
+	    if (queue.length) {
+	        drainQueue();
+	    }
+	}
 
-var fetch$1 = function fetch() {
-  return axios__default["default"].get("".concat(BASE_URL, "/organization_roles"));
-};
-var create$1 = function create(payload) {
-  return axios__default["default"].post("".concat(BASE_URL, "/organization_roles"), payload);
-};
-var update$1 = function update(id, payload) {
-  return axios__default["default"].patch("".concat(BASE_URL, "/organization_roles/").concat(id), payload);
-};
-var destroy = function destroy(id, payload) {
-  return axios__default["default"]["delete"]("".concat(BASE_URL, "/organization_roles/").concat(id), {
-    data: payload
-  });
-};
-var bulkUpdate$1 = function bulkUpdate(payload) {
-  return axios__default["default"].patch("".concat(BASE_URL, "/organization_roles/bulk_update"), payload);
-};
-var organizationRolesApi = {
-  bulkUpdate: bulkUpdate$1,
-  create: create$1,
-  destroy: destroy,
-  fetch: fetch$1,
-  update: update$1
-};
+	function drainQueue() {
+	    if (draining) {
+	        return;
+	    }
+	    var timeout = runTimeout(cleanUpNextTick);
+	    draining = true;
+
+	    var len = queue.length;
+	    while(len) {
+	        currentQueue = queue;
+	        queue = [];
+	        while (++queueIndex < len) {
+	            if (currentQueue) {
+	                currentQueue[queueIndex].run();
+	            }
+	        }
+	        queueIndex = -1;
+	        len = queue.length;
+	    }
+	    currentQueue = null;
+	    draining = false;
+	    runClearTimeout(timeout);
+	}
 
-var _excluded$2 = ["onSuccess"],
-  _excluded2$2 = ["onSuccess"],
-  _excluded3$1 = ["onSuccess"],
-  _excluded4 = ["onSuccess"];
-function ownKeys$a(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$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var useFetchRoles = function useFetchRoles() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return reactQuery.useQuery(QUERY_KEYS.ROLES, organizationRolesApi.fetch, _objectSpread$a({
-    staleTime: DEFAULT_STALE_TIME,
-    select: function select(response) {
-      return response === null || response === void 0 ? void 0 : response.organizationRoles;
-    }
-  }, options));
-};
-var useFetchGlobalRoles = function useFetchGlobalRoles() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return reactQuery.useQuery(QUERY_KEYS.GLOBAL_ROLES, globalRolesApi.fetch, _objectSpread$a({
-    staleTime: DEFAULT_STALE_TIME
-  }, options));
-};
-var useCreateRole = function useCreateRole(_ref) {
-  var _onSuccess = _ref.onSuccess,
-    options = _objectWithoutProperties(_ref, _excluded$2);
-  return reactQuery.useMutation(organizationRolesApi.create, _objectSpread$a({
-    onSuccess: function onSuccess(response) {
-      queryClient.invalidateQueries(QUERY_KEYS.TEAMS_DEPENDENCIES);
-      queryClient.setQueriesData(QUERY_KEYS.ROLES, function (cachedData) {
-        return ramda.modifyPath(["organizationRoles"], ramda.prepend(response.organizationRole), cachedData);
-      });
-      _onSuccess === null || _onSuccess === void 0 ? void 0 : _onSuccess();
-    }
-  }, options));
-};
-var useUpdateRole = function useUpdateRole(_ref2) {
-  var _onSuccess2 = _ref2.onSuccess,
-    options = _objectWithoutProperties(_ref2, _excluded2$2);
-  return reactQuery.useMutation(function (_ref3) {
-    var id = _ref3.id,
-      payload = _ref3.payload;
-    return organizationRolesApi.update(id, payload);
-  }, _objectSpread$a({
-    onSuccess: function onSuccess(response) {
-      queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
-      queryClient.invalidateQueries(QUERY_KEYS.TEAMS_DEPENDENCIES);
-      queryClient.setQueriesData(QUERY_KEYS.ROLES, function (cachedData) {
-        return ramda.assocPath(["organizationRoles", ramda.findIndex(ramda.propEq("id", response.organizationRole.id), cachedData.organizationRoles)], response.organizationRole, cachedData);
-      });
-      _onSuccess2 === null || _onSuccess2 === void 0 ? void 0 : _onSuccess2();
-    }
-  }, options));
-};
-var useDestroyRole = function useDestroyRole(_ref4) {
-  var _ref4$onSuccess = _ref4.onSuccess,
-    _onSuccess3 = _ref4$onSuccess === void 0 ? pure.noop : _ref4$onSuccess,
-    options = _objectWithoutProperties(_ref4, _excluded3$1);
-  return reactQuery.useMutation(function (_ref5) {
-    var id = _ref5.id,
-      payload = _ref5.payload;
-    return organizationRolesApi.destroy(id, payload);
-  }, _objectSpread$a({
-    onSuccess: function onSuccess(response) {
-      queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
-      queryClient.invalidateQueries(QUERY_KEYS.TEAMS_DEPENDENCIES);
-      queryClient.setQueriesData(QUERY_KEYS.ROLES, function (cachedData) {
-        return ramda.dissocPath(["organizationRoles", ramda.findIndex(ramda.propEq("id", response.id), cachedData.organizationRoles)], cachedData);
-      });
-      _onSuccess3 === null || _onSuccess3 === void 0 ? void 0 : _onSuccess3();
-    }
-  }, options));
-};
-var useBulkUpdateRoles = function useBulkUpdateRoles(_ref6) {
-  var _onSuccess4 = _ref6.onSuccess,
-    options = _objectWithoutProperties(_ref6, _excluded4);
-  return reactQuery.useMutation(organizationRolesApi.bulkUpdate, _objectSpread$a({
-    onSuccess: function onSuccess() {
-      queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
-      queryClient.invalidateQueries(QUERY_KEYS.TEAMS_DEPENDENCIES);
-      queryClient.invalidateQueries(QUERY_KEYS.ROLES);
-      _onSuccess4 === null || _onSuccess4 === void 0 ? void 0 : _onSuccess4();
-    }
-  }, options));
-};
+	process.nextTick = function (fun) {
+	    var args = new Array(arguments.length - 1);
+	    if (arguments.length > 1) {
+	        for (var i = 1; i < arguments.length; i++) {
+	            args[i - 1] = arguments[i];
+	        }
+	    }
+	    queue.push(new Item(fun, args));
+	    if (queue.length === 1 && !draining) {
+	        runTimeout(drainQueue);
+	    }
+	};
 
-var renderSearchProps = function renderSearchProps(searchString, setSearchString) {
-  return {
-    "data-cy": "ntm-search-roles-input",
-    onChange: function onChange(_ref) {
-      var value = _ref.target.value;
-      return setSearchString(value);
-    },
-    placeholder: instance.t("common.search_", {
-      what: instance.t("common.role", PLURAL).toLocaleLowerCase()
-    }),
-    value: searchString
-  };
-};
-var renderBreadcrumbs = function renderBreadcrumbs(breadcrumbs) {
-  return breadcrumbs !== null && breadcrumbs !== void 0 ? breadcrumbs : [{
-    text: instance.t("metaNames.member", PLURAL),
-    link: "/members"
-  }];
-};
+	// v8 likes predictible objects
+	function Item(fun, array) {
+	    this.fun = fun;
+	    this.array = array;
+	}
+	Item.prototype.run = function () {
+	    this.fun.apply(null, this.array);
+	};
+	process.title = 'browser';
+	process.browser = true;
+	process.env = {};
+	process.argv = [];
+	process.version = ''; // empty string to avoid regexp issues
+	process.versions = {};
+
+	function noop() {}
+
+	process.on = noop;
+	process.addListener = noop;
+	process.once = noop;
+	process.off = noop;
+	process.removeListener = noop;
+	process.removeAllListeners = noop;
+	process.emit = noop;
+	process.prependListener = noop;
+	process.prependOnceListener = noop;
+
+	process.listeners = function (name) { return [] };
+
+	process.binding = function (name) {
+	    throw new Error('process.binding is not supported');
+	};
 
-var AddRoleButton = function AddRoleButton(_ref) {
-  var _permissions$create, _permissions$create2;
-  var onClick = _ref.onClick,
-    permissions = _ref.permissions;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
-    content: t("tooltips.noPermissionToAddRole"),
-    disabled: (_permissions$create = permissions === null || permissions === void 0 ? void 0 : permissions.create) !== null && _permissions$create !== void 0 ? _permissions$create : hasPermission(MANAGE_MEMBER_PERMISSIONS),
-    position: "bottom"
-  }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    "data-cy": "ntm-add-role-button",
-    disabled: !((_permissions$create2 = permissions === null || permissions === void 0 ? void 0 : permissions.create) !== null && _permissions$create2 !== void 0 ? _permissions$create2 : hasPermission(MANAGE_MEMBER_PERMISSIONS)),
-    label: t("common.addNew_", {
-      what: t("common.role", SINGULAR).toLocaleLowerCase()
-    }),
-    onClick: onClick
-  })));
-};
+	process.cwd = function () { return '/' };
+	process.chdir = function (dir) {
+	    throw new Error('process.chdir is not supported');
+	};
+	process.umask = function() { return 0; };
+
+
+	/***/ }),
+	/* 1 */
+	/***/ (function(module, exports, __webpack_require__) {
+
+
+	/**
+	 * Copyright (c) 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 * 
+	 */
+
+	function makeEmptyFunction(arg) {
+	  return function () {
+	    return arg;
+	  };
+	}
+
+	/**
+	 * This function accepts and discards inputs; it has no side effects. This is
+	 * primarily useful idiomatically for overridable function endpoints which
+	 * always need to be callable, since JS lacks a null-call idiom ala Cocoa.
+	 */
+	var emptyFunction = function emptyFunction() {};
+
+	emptyFunction.thatReturns = makeEmptyFunction;
+	emptyFunction.thatReturnsFalse = makeEmptyFunction(false);
+	emptyFunction.thatReturnsTrue = makeEmptyFunction(true);
+	emptyFunction.thatReturnsNull = makeEmptyFunction(null);
+	emptyFunction.thatReturnsThis = function () {
+	  return this;
+	};
+	emptyFunction.thatReturnsArgument = function (arg) {
+	  return arg;
+	};
+
+	module.exports = emptyFunction;
+
+	/***/ }),
+	/* 2 */
+	/***/ (function(module, exports, __webpack_require__) {
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright (c) 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
+
+	function invariant(condition, format, a, b, c, d, e, f) {
+
+	  if (!condition) {
+	    var error;
+	    if (format === undefined) {
+	      error = new Error('Minified exception occurred; use the non-minified dev environment ' + 'for the full error message and additional helpful warnings.');
+	    } else {
+	      var args = [a, b, c, d, e, f];
+	      var argIndex = 0;
+	      error = new Error(format.replace(/%s/g, function () {
+	        return args[argIndex++];
+	      }));
+	      error.name = 'Invariant Violation';
+	    }
+
+	    error.framesToPop = 1; // we don't care about invariant's own frame
+	    throw error;
+	  }
+	}
+
+	module.exports = invariant;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0)));
+
+	/***/ }),
+	/* 3 */
+	/***/ (function(module, exports, __webpack_require__) {
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 */
+
+
+
+	var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
+
+	module.exports = ReactPropTypesSecret;
+
+
+	/***/ }),
+	/* 4 */
+	/***/ (function(module, exports) {
+
+	module.exports = __WEBPACK_EXTERNAL_MODULE_4__;
+
+	/***/ }),
+	/* 5 */
+	/***/ (function(module, exports, __webpack_require__) {
+
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+
+	var _react = __webpack_require__(4);
+
+	var _react2 = _interopRequireDefault(_react);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+	var ScrollSyncContext = _react2.default.createContext({
+	  registerPane: function registerPane() {},
+	  unregisterPane: function unregisterPane() {}
+	});
+
+	exports.default = ScrollSyncContext;
+	module.exports = exports['default'];
+
+	/***/ }),
+	/* 6 */
+	/***/ (function(module, exports, __webpack_require__) {
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2014-2015, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
+
+
+
+	var emptyFunction = __webpack_require__(1);
+
+	/**
+	 * Similar to invariant but only logs a warning if the condition is not met.
+	 * This can be used to log issues in development environments in critical
+	 * paths. Removing the logging code for production environments will keep the
+	 * same logic and follow the same code paths.
+	 */
+
+	var warning = emptyFunction;
+
+	module.exports = warning;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0)));
+
+	/***/ }),
+	/* 7 */
+	/***/ (function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 */
+
+	{
+	  // By explicitly using `prop-types` you are opting into new production behavior.
+	  // http://fb.me/prop-types-in-prod
+	  module.exports = __webpack_require__(12)();
+	}
+
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0)));
+
+	/***/ }),
+	/* 8 */
+	/***/ (function(module, exports, __webpack_require__) {
+
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+
+	var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+	var _react = __webpack_require__(4);
+
+	var _react2 = _interopRequireDefault(_react);
+
+	var _propTypes = __webpack_require__(7);
+
+	var _propTypes2 = _interopRequireDefault(_propTypes);
+
+	var _ScrollSyncContext = __webpack_require__(5);
+
+	var _ScrollSyncContext2 = _interopRequireDefault(_ScrollSyncContext);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+	function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+	/**
+	 * ScrollSync provider component
+	 *
+	 */
+
+	var ScrollSync = function (_Component) {
+	  _inherits(ScrollSync, _Component);
+
+	  function ScrollSync() {
+	    var _ref;
+
+	    var _temp, _this, _ret;
+
+	    _classCallCheck(this, ScrollSync);
+
+	    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+	      args[_key] = arguments[_key];
+	    }
+
+	    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = ScrollSync.__proto__ || Object.getPrototypeOf(ScrollSync)).call.apply(_ref, [this].concat(args))), _this), _this.panes = {}, _this.registerPane = function (node, groups) {
+	      groups.forEach(function (group) {
+	        if (!_this.panes[group]) {
+	          _this.panes[group] = [];
+	        }
+
+	        if (!_this.findPane(node, group)) {
+	          if (_this.panes[group].length > 0) {
+	            _this.syncScrollPosition(_this.panes[group][0], node);
+	          }
+	          _this.panes[group].push(node);
+	        }
+	      });
+	      _this.addEvents(node, groups);
+	    }, _this.unregisterPane = function (node, groups) {
+	      groups.forEach(function (group) {
+	        if (_this.findPane(node, group)) {
+	          _this.removeEvents(node);
+	          _this.panes[group].splice(_this.panes[group].indexOf(node), 1);
+	        }
+	      });
+	    }, _this.addEvents = function (node, groups) {
+	      /* For some reason element.addEventListener doesnt work with document.body */
+	      node.onscroll = _this.handlePaneScroll.bind(_this, node, groups); // eslint-disable-line
+	    }, _this.removeEvents = function (node) {
+	      /* For some reason element.removeEventListener doesnt work with document.body */
+	      node.onscroll = null; // eslint-disable-line
+	    }, _this.findPane = function (node, group) {
+	      if (!_this.panes[group]) {
+	        return false;
+	      }
+
+	      return _this.panes[group].find(function (pane) {
+	        return pane === node;
+	      });
+	    }, _this.handlePaneScroll = function (node, groups) {
+	      if (!_this.props.enabled) {
+	        return;
+	      }
+
+	      window.requestAnimationFrame(function () {
+	        _this.syncScrollPositions(node, groups);
+	      });
+	    }, _this.syncScrollPositions = function (scrolledPane, groups) {
+	      groups.forEach(function (group) {
+	        _this.panes[group].forEach(function (pane) {
+	          /* For all panes beside the currently scrolling one */
+	          if (scrolledPane !== pane) {
+	            /* Remove event listeners from the node that we'll manipulate */
+	            _this.removeEvents(pane, group);
+	            _this.syncScrollPosition(scrolledPane, pane);
+	            /* Re-attach event listeners after we're done scrolling */
+	            window.requestAnimationFrame(function () {
+	              _this.addEvents(pane, groups);
+	            });
+	          }
+	        });
+	      });
+	      if (_this.props.onSync) _this.props.onSync(scrolledPane);
+	    }, _temp), _possibleConstructorReturn(_this, _ret);
+	  }
+
+	  _createClass(ScrollSync, [{
+	    key: 'getContextValue',
+	    value: function getContextValue() {
+	      return {
+	        registerPane: this.registerPane,
+	        unregisterPane: this.unregisterPane
+	      };
+	    }
+	  }, {
+	    key: 'syncScrollPosition',
+	    value: function syncScrollPosition(scrolledPane, pane) {
+	      var scrollTop = scrolledPane.scrollTop,
+	          scrollHeight = scrolledPane.scrollHeight,
+	          clientHeight = scrolledPane.clientHeight,
+	          scrollLeft = scrolledPane.scrollLeft,
+	          scrollWidth = scrolledPane.scrollWidth,
+	          clientWidth = scrolledPane.clientWidth;
+
+
+	      var scrollTopOffset = scrollHeight - clientHeight;
+	      var scrollLeftOffset = scrollWidth - clientWidth;
+
+	      var _props = this.props,
+	          proportional = _props.proportional,
+	          vertical = _props.vertical,
+	          horizontal = _props.horizontal;
+
+	      /* Calculate the actual pane height */
+
+	      var paneHeight = pane.scrollHeight - clientHeight;
+	      var paneWidth = pane.scrollWidth - clientWidth;
+	      /* Adjust the scrollTop position of it accordingly */
+	      if (vertical && scrollTopOffset > 0) {
+	        pane.scrollTop = proportional ? paneHeight * scrollTop / scrollTopOffset : scrollTop; // eslint-disable-line
+	      }
+	      if (horizontal && scrollLeftOffset > 0) {
+	        pane.scrollLeft = proportional ? paneWidth * scrollLeft / scrollLeftOffset : scrollLeft; // eslint-disable-line
+	      }
+	    }
+	  }, {
+	    key: 'render',
+	    value: function render() {
+	      return _react2.default.createElement(
+	        _ScrollSyncContext2.default.Provider,
+	        { value: this.getContextValue() },
+	        _react2.default.Children.only(this.props.children)
+	      );
+	    }
+	  }]);
+
+	  return ScrollSync;
+	}(_react.Component);
+
+	ScrollSync.propTypes = {
+	  /**
+	   * Callback to be invoked any time synchronization happens
+	   *
+	   * @param {Element} el The element that has received the scroll event
+	   */
+	  onSync: _propTypes2.default.func,
+	  children: _propTypes2.default.element.isRequired,
+	  proportional: _propTypes2.default.bool,
+	  vertical: _propTypes2.default.bool,
+	  horizontal: _propTypes2.default.bool,
+	  enabled: _propTypes2.default.bool
+	};
+	ScrollSync.defaultProps = {
+	  proportional: true,
+	  vertical: true,
+	  horizontal: true,
+	  enabled: true
+	};
+	exports.default = ScrollSync;
+	module.exports = exports['default'];
+
+	/***/ }),
+	/* 9 */
+	/***/ (function(module, exports, __webpack_require__) {
+
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+
+	var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+	var _react = __webpack_require__(4);
+
+	var _propTypes = __webpack_require__(7);
+
+	var _propTypes2 = _interopRequireDefault(_propTypes);
+
+	var _ScrollSyncContext = __webpack_require__(5);
+
+	var _ScrollSyncContext2 = _interopRequireDefault(_ScrollSyncContext);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+	function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* eslint react/no-find-dom-node: 0 */
+
+	/**
+	 * ScrollSyncPane Component
+	 *
+	 * Wrap your content in it to keep its scroll position in sync with other panes
+	 *
+	 * @example ./example.md
+	 */
+
+	var ScrollSyncPane = function (_Component) {
+	  _inherits(ScrollSyncPane, _Component);
+
+	  function ScrollSyncPane(props) {
+	    _classCallCheck(this, ScrollSyncPane);
+
+	    var _this = _possibleConstructorReturn(this, (ScrollSyncPane.__proto__ || Object.getPrototypeOf(ScrollSyncPane)).call(this, props));
+
+	    _this.toArray = function (groups) {
+	      return [].concat(groups);
+	    };
+
+	    _this.updateNode = function () {
+	      if (_this.props.attachTo) {
+	        _this.node = _this.props.attachTo.current;
+	      } else {
+	        _this.node = _this.childRef.current;
+	      }
+	    };
+
+	    _this.childRef = (0, _react.createRef)();
+	    return _this;
+	  }
+
+	  _createClass(ScrollSyncPane, [{
+	    key: 'componentDidMount',
+	    value: function componentDidMount() {
+	      if (this.props.enabled) {
+	        this.updateNode();
+	        if (this.node) {
+	          this.context.registerPane(this.node, this.toArray(this.props.group));
+	        }
+	      }
+	    }
+	  }, {
+	    key: 'componentDidUpdate',
+	    value: function componentDidUpdate(prevProps) {
+	      if (this.props.attachTo !== prevProps.attachTo) {
+	        if (this.node) {
+	          this.context.unregisterPane(this.node, this.toArray(prevProps.group));
+	        }
+	        this.updateNode();
+	        if (this.node) {
+	          this.context.registerPane(this.node, this.toArray(prevProps.group));
+	        }
+	      }
+	      if (this.node && this.props.enabled !== prevProps.enabled) {
+	        if (this.props.enabled) {
+	          this.context.registerPane(this.node, this.toArray(prevProps.group));
+	        } else {
+	          this.context.unregisterPane(this.node, this.toArray(prevProps.group));
+	        }
+	      }
+	      if (this.node && this.props.enabled && this.props.group !== prevProps.group) {
+	        this.context.unregisterPane(this.node, this.toArray(prevProps.group));
+	        this.context.registerPane(this.node, this.toArray(this.props.group));
+	      }
+	    }
+	  }, {
+	    key: 'componentWillUnmount',
+	    value: function componentWillUnmount() {
+	      if (this.node && this.props.enabled) {
+	        this.context.unregisterPane(this.node, this.toArray(this.props.group));
+	      }
+	    }
+	  }, {
+	    key: 'render',
+	    value: function render() {
+	      if (this.props.attachTo) {
+	        return this.props.children;
+	      }
+	      return (0, _react.cloneElement)(_react.Children.only(this.props.children), { ref: this.childRef });
+	    }
+	  }]);
+
+	  return ScrollSyncPane;
+	}(_react.Component);
+
+	ScrollSyncPane.contextType = _ScrollSyncContext2.default;
+	ScrollSyncPane.propTypes = {
+	  children: _propTypes2.default.node.isRequired,
+	  attachTo: _propTypes2.default.oneOfType([_propTypes2.default.func, _propTypes2.default.shape({ current: _propTypes2.default.any })]),
+	  group: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.arrayOf(_propTypes2.default.string)]),
+	  enabled: _propTypes2.default.bool
+	};
+	ScrollSyncPane.defaultProps = {
+	  group: 'default',
+	  enabled: true
+	};
+	exports.default = ScrollSyncPane;
+	module.exports = exports['default'];
+
+	/***/ }),
+	/* 10 */
+	/***/ (function(module, exports, __webpack_require__) {
+
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+
+	var _ScrollSync = __webpack_require__(8);
+
+	Object.defineProperty(exports, 'ScrollSync', {
+	  enumerable: true,
+	  get: function get() {
+	    return _interopRequireDefault(_ScrollSync).default;
+	  }
+	});
+
+	var _ScrollSyncPane = __webpack_require__(9);
+
+	Object.defineProperty(exports, 'ScrollSyncPane', {
+	  enumerable: true,
+	  get: function get() {
+	    return _interopRequireDefault(_ScrollSyncPane).default;
+	  }
+	});
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+	/***/ }),
+	/* 11 */
+	/***/ (function(module, exports, __webpack_require__) {
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 */
+
+	/**
+	 * Assert that the values match with the type specs.
+	 * Error messages are memorized and will only be shown once.
+	 *
+	 * @param {object} typeSpecs Map of name to a ReactPropType
+	 * @param {object} values Runtime values that need to be type-checked
+	 * @param {string} location e.g. "prop", "context", "child context"
+	 * @param {string} componentName Name of the component for error messages.
+	 * @param {?Function} getStack Returns the component stack.
+	 * @private
+	 */
+	function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
+	}
+
+	module.exports = checkPropTypes;
+
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0)));
+
+	/***/ }),
+	/* 12 */
+	/***/ (function(module, exports, __webpack_require__) {
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 */
+
+
+
+	var emptyFunction = __webpack_require__(1);
+	var invariant = __webpack_require__(2);
+	var ReactPropTypesSecret = __webpack_require__(3);
+
+	module.exports = function() {
+	  function shim(props, propName, componentName, location, propFullName, secret) {
+	    if (secret === ReactPropTypesSecret) {
+	      // It is still safe when called from React.
+	      return;
+	    }
+	    invariant(
+	      false,
+	      'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
+	      'Use PropTypes.checkPropTypes() to call them. ' +
+	      'Read more at http://fb.me/use-check-prop-types'
+	    );
+	  }	  shim.isRequired = shim;
+	  function getShim() {
+	    return shim;
+	  }	  // Important!
+	  // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
+	  var ReactPropTypes = {
+	    array: shim,
+	    bool: shim,
+	    func: shim,
+	    number: shim,
+	    object: shim,
+	    string: shim,
+	    symbol: shim,
+
+	    any: shim,
+	    arrayOf: getShim,
+	    element: shim,
+	    instanceOf: getShim,
+	    node: shim,
+	    objectOf: getShim,
+	    oneOf: getShim,
+	    oneOfType: getShim,
+	    shape: getShim
+	  };
+
+	  ReactPropTypes.checkPropTypes = emptyFunction;
+	  ReactPropTypes.PropTypes = ReactPropTypes;
+
+	  return ReactPropTypes;
+	};
+
+
+	/***/ }),
+	/* 13 */
+	/***/ (function(module, exports, __webpack_require__) {
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 */
+
+
+
+	var emptyFunction = __webpack_require__(1);
+	var invariant = __webpack_require__(2);
+	var warning = __webpack_require__(6);
+
+	var ReactPropTypesSecret = __webpack_require__(3);
+	var checkPropTypes = __webpack_require__(11);
+
+	module.exports = function(isValidElement, throwOnDirectAccess) {
+	  /* global Symbol */
+	  var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
+	  var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec.
+
+	  /**
+	   * Returns the iterator method function contained on the iterable object.
+	   *
+	   * Be sure to invoke the function with the iterable as context:
+	   *
+	   *     var iteratorFn = getIteratorFn(myIterable);
+	   *     if (iteratorFn) {
+	   *       var iterator = iteratorFn.call(myIterable);
+	   *       ...
+	   *     }
+	   *
+	   * @param {?object} maybeIterable
+	   * @return {?function}
+	   */
+	  function getIteratorFn(maybeIterable) {
+	    var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]);
+	    if (typeof iteratorFn === 'function') {
+	      return iteratorFn;
+	    }
+	  }
+
+	  /**
+	   * Collection of methods that allow declaration and validation of props that are
+	   * supplied to React components. Example usage:
+	   *
+	   *   var Props = require('ReactPropTypes');
+	   *   var MyArticle = React.createClass({
+	   *     propTypes: {
+	   *       // An optional string prop named "description".
+	   *       description: Props.string,
+	   *
+	   *       // A required enum prop named "category".
+	   *       category: Props.oneOf(['News','Photos']).isRequired,
+	   *
+	   *       // A prop named "dialog" that requires an instance of Dialog.
+	   *       dialog: Props.instanceOf(Dialog).isRequired
+	   *     },
+	   *     render: function() { ... }
+	   *   });
+	   *
+	   * A more formal specification of how these methods are used:
+	   *
+	   *   type := array|bool|func|object|number|string|oneOf([...])|instanceOf(...)
+	   *   decl := ReactPropTypes.{type}(.isRequired)?
+	   *
+	   * Each and every declaration produces a function with the same signature. This
+	   * allows the creation of custom validation functions. For example:
+	   *
+	   *  var MyLink = React.createClass({
+	   *    propTypes: {
+	   *      // An optional string or URI prop named "href".
+	   *      href: function(props, propName, componentName) {
+	   *        var propValue = props[propName];
+	   *        if (propValue != null && typeof propValue !== 'string' &&
+	   *            !(propValue instanceof URI)) {
+	   *          return new Error(
+	   *            'Expected a string or an URI for ' + propName + ' in ' +
+	   *            componentName
+	   *          );
+	   *        }
+	   *      }
+	   *    },
+	   *    render: function() {...}
+	   *  });
+	   *
+	   * @internal
+	   */
+
+	  var ANONYMOUS = '<<anonymous>>';
+
+	  // Important!
+	  // Keep this list in sync with production version in `./factoryWithThrowingShims.js`.
+	  var ReactPropTypes = {
+	    array: createPrimitiveTypeChecker('array'),
+	    bool: createPrimitiveTypeChecker('boolean'),
+	    func: createPrimitiveTypeChecker('function'),
+	    number: createPrimitiveTypeChecker('number'),
+	    object: createPrimitiveTypeChecker('object'),
+	    string: createPrimitiveTypeChecker('string'),
+	    symbol: createPrimitiveTypeChecker('symbol'),
+
+	    any: createAnyTypeChecker(),
+	    arrayOf: createArrayOfTypeChecker,
+	    element: createElementTypeChecker(),
+	    instanceOf: createInstanceTypeChecker,
+	    node: createNodeChecker(),
+	    objectOf: createObjectOfTypeChecker,
+	    oneOf: createEnumTypeChecker,
+	    oneOfType: createUnionTypeChecker,
+	    shape: createShapeTypeChecker
+	  };
+
+	  /**
+	   * inlined Object.is polyfill to avoid requiring consumers ship their own
+	   * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
+	   */
+	  /*eslint-disable no-self-compare*/
+	  function is(x, y) {
+	    // SameValue algorithm
+	    if (x === y) {
+	      // Steps 1-5, 7-10
+	      // Steps 6.b-6.e: +0 != -0
+	      return x !== 0 || 1 / x === 1 / y;
+	    } else {
+	      // Step 6.a: NaN == NaN
+	      return x !== x && y !== y;
+	    }
+	  }
+	  /*eslint-enable no-self-compare*/
+
+	  /**
+	   * We use an Error-like object for backward compatibility as people may call
+	   * PropTypes directly and inspect their output. However, we don't use real
+	   * Errors anymore. We don't inspect their stack anyway, and creating them
+	   * is prohibitively expensive if they are created too often, such as what
+	   * happens in oneOfType() for any type before the one that matched.
+	   */
+	  function PropTypeError(message) {
+	    this.message = message;
+	    this.stack = '';
+	  }
+	  // Make `instanceof Error` still work for returned errors.
+	  PropTypeError.prototype = Error.prototype;
+
+	  function createChainableTypeChecker(validate) {
+	    function checkType(isRequired, props, propName, componentName, location, propFullName, secret) {
+	      componentName = componentName || ANONYMOUS;
+	      propFullName = propFullName || propName;
+
+	      if (secret !== ReactPropTypesSecret) {
+	        if (throwOnDirectAccess) {
+	          // New behavior only for users of `prop-types` package
+	          invariant(
+	            false,
+	            'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
+	            'Use `PropTypes.checkPropTypes()` to call them. ' +
+	            'Read more at http://fb.me/use-check-prop-types'
+	          );
+	        }
+	      }
+	      if (props[propName] == null) {
+	        if (isRequired) {
+	          if (props[propName] === null) {
+	            return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required ' + ('in `' + componentName + '`, but its value is `null`.'));
+	          }
+	          return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required in ' + ('`' + componentName + '`, but its value is `undefined`.'));
+	        }
+	        return null;
+	      } else {
+	        return validate(props, propName, componentName, location, propFullName);
+	      }
+	    }
+
+	    var chainedCheckType = checkType.bind(null, false);
+	    chainedCheckType.isRequired = checkType.bind(null, true);
+
+	    return chainedCheckType;
+	  }
+
+	  function createPrimitiveTypeChecker(expectedType) {
+	    function validate(props, propName, componentName, location, propFullName, secret) {
+	      var propValue = props[propName];
+	      var propType = getPropType(propValue);
+	      if (propType !== expectedType) {
+	        // `propValue` being instance of, say, date/regexp, pass the 'object'
+	        // check, but we can offer a more precise error message here rather than
+	        // 'of type `object`'.
+	        var preciseType = getPreciseType(propValue);
+
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'));
+	      }
+	      return null;
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function createAnyTypeChecker() {
+	    return createChainableTypeChecker(emptyFunction.thatReturnsNull);
+	  }
+
+	  function createArrayOfTypeChecker(typeChecker) {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      if (typeof typeChecker !== 'function') {
+	        return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside arrayOf.');
+	      }
+	      var propValue = props[propName];
+	      if (!Array.isArray(propValue)) {
+	        var propType = getPropType(propValue);
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.'));
+	      }
+	      for (var i = 0; i < propValue.length; i++) {
+	        var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret);
+	        if (error instanceof Error) {
+	          return error;
+	        }
+	      }
+	      return null;
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function createElementTypeChecker() {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      var propValue = props[propName];
+	      if (!isValidElement(propValue)) {
+	        var propType = getPropType(propValue);
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement.'));
+	      }
+	      return null;
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function createInstanceTypeChecker(expectedClass) {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      if (!(props[propName] instanceof expectedClass)) {
+	        var expectedClassName = expectedClass.name || ANONYMOUS;
+	        var actualClassName = getClassName(props[propName]);
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + actualClassName + '` supplied to `' + componentName + '`, expected ') + ('instance of `' + expectedClassName + '`.'));
+	      }
+	      return null;
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function createEnumTypeChecker(expectedValues) {
+	    if (!Array.isArray(expectedValues)) {
+	      return emptyFunction.thatReturnsNull;
+	    }
+
+	    function validate(props, propName, componentName, location, propFullName) {
+	      var propValue = props[propName];
+	      for (var i = 0; i < expectedValues.length; i++) {
+	        if (is(propValue, expectedValues[i])) {
+	          return null;
+	        }
+	      }
+
+	      var valuesString = JSON.stringify(expectedValues);
+	      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of value `' + propValue + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.'));
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function createObjectOfTypeChecker(typeChecker) {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      if (typeof typeChecker !== 'function') {
+	        return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside objectOf.');
+	      }
+	      var propValue = props[propName];
+	      var propType = getPropType(propValue);
+	      if (propType !== 'object') {
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.'));
+	      }
+	      for (var key in propValue) {
+	        if (propValue.hasOwnProperty(key)) {
+	          var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
+	          if (error instanceof Error) {
+	            return error;
+	          }
+	        }
+	      }
+	      return null;
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function createUnionTypeChecker(arrayOfTypeCheckers) {
+	    if (!Array.isArray(arrayOfTypeCheckers)) {
+	      return emptyFunction.thatReturnsNull;
+	    }
+
+	    for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
+	      var checker = arrayOfTypeCheckers[i];
+	      if (typeof checker !== 'function') {
+	        warning(
+	          false,
+	          'Invalid argument supplid to oneOfType. Expected an array of check functions, but ' +
+	          'received %s at index %s.',
+	          getPostfixForTypeWarning(checker),
+	          i
+	        );
+	        return emptyFunction.thatReturnsNull;
+	      }
+	    }
+
+	    function validate(props, propName, componentName, location, propFullName) {
+	      for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
+	        var checker = arrayOfTypeCheckers[i];
+	        if (checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret) == null) {
+	          return null;
+	        }
+	      }
+
+	      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`.'));
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function createNodeChecker() {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      if (!isNode(props[propName])) {
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`, expected a ReactNode.'));
+	      }
+	      return null;
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function createShapeTypeChecker(shapeTypes) {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      var propValue = props[propName];
+	      var propType = getPropType(propValue);
+	      if (propType !== 'object') {
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
+	      }
+	      for (var key in shapeTypes) {
+	        var checker = shapeTypes[key];
+	        if (!checker) {
+	          continue;
+	        }
+	        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
+	        if (error) {
+	          return error;
+	        }
+	      }
+	      return null;
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function isNode(propValue) {
+	    switch (typeof propValue) {
+	      case 'number':
+	      case 'string':
+	      case 'undefined':
+	        return true;
+	      case 'boolean':
+	        return !propValue;
+	      case 'object':
+	        if (Array.isArray(propValue)) {
+	          return propValue.every(isNode);
+	        }
+	        if (propValue === null || isValidElement(propValue)) {
+	          return true;
+	        }
+
+	        var iteratorFn = getIteratorFn(propValue);
+	        if (iteratorFn) {
+	          var iterator = iteratorFn.call(propValue);
+	          var step;
+	          if (iteratorFn !== propValue.entries) {
+	            while (!(step = iterator.next()).done) {
+	              if (!isNode(step.value)) {
+	                return false;
+	              }
+	            }
+	          } else {
+	            // Iterator will provide entry [k,v] tuples rather than values.
+	            while (!(step = iterator.next()).done) {
+	              var entry = step.value;
+	              if (entry) {
+	                if (!isNode(entry[1])) {
+	                  return false;
+	                }
+	              }
+	            }
+	          }
+	        } else {
+	          return false;
+	        }
+
+	        return true;
+	      default:
+	        return false;
+	    }
+	  }
+
+	  function isSymbol(propType, propValue) {
+	    // Native Symbol.
+	    if (propType === 'symbol') {
+	      return true;
+	    }
+
+	    // 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol'
+	    if (propValue['@@toStringTag'] === 'Symbol') {
+	      return true;
+	    }
+
+	    // Fallback for non-spec compliant Symbols which are polyfilled.
+	    if (typeof Symbol === 'function' && propValue instanceof Symbol) {
+	      return true;
+	    }
+
+	    return false;
+	  }
+
+	  // Equivalent of `typeof` but with special handling for array and regexp.
+	  function getPropType(propValue) {
+	    var propType = typeof propValue;
+	    if (Array.isArray(propValue)) {
+	      return 'array';
+	    }
+	    if (propValue instanceof RegExp) {
+	      // Old webkits (at least until Android 4.0) return 'function' rather than
+	      // 'object' for typeof a RegExp. We'll normalize this here so that /bla/
+	      // passes PropTypes.object.
+	      return 'object';
+	    }
+	    if (isSymbol(propType, propValue)) {
+	      return 'symbol';
+	    }
+	    return propType;
+	  }
+
+	  // This handles more types than `getPropType`. Only used for error messages.
+	  // See `createPrimitiveTypeChecker`.
+	  function getPreciseType(propValue) {
+	    if (typeof propValue === 'undefined' || propValue === null) {
+	      return '' + propValue;
+	    }
+	    var propType = getPropType(propValue);
+	    if (propType === 'object') {
+	      if (propValue instanceof Date) {
+	        return 'date';
+	      } else if (propValue instanceof RegExp) {
+	        return 'regexp';
+	      }
+	    }
+	    return propType;
+	  }
+
+	  // Returns a string that is postfixed to a warning about an invalid type.
+	  // For example, "undefined" or "of type array"
+	  function getPostfixForTypeWarning(value) {
+	    var type = getPreciseType(value);
+	    switch (type) {
+	      case 'array':
+	      case 'object':
+	        return 'an ' + type;
+	      case 'boolean':
+	      case 'date':
+	      case 'regexp':
+	        return 'a ' + type;
+	      default:
+	        return type;
+	    }
+	  }
+
+	  // Returns class name of the object, if any.
+	  function getClassName(propValue) {
+	    if (!propValue.constructor || !propValue.constructor.name) {
+	      return ANONYMOUS;
+	    }
+	    return propValue.constructor.name;
+	  }
+
+	  ReactPropTypes.checkPropTypes = checkPropTypes;
+	  ReactPropTypes.PropTypes = ReactPropTypes;
+
+	  return ReactPropTypes;
+	};
+
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0)));
+
+	/***/ })
+	/******/ ]);
+	});
+	
+} (dist, dist.exports));
+
+var distExports = dist.exports;
+
+var SINGULAR = {
+  count: 1
+};
+var PLURAL = {
+  count: 2
+};
+var MANAGE_MEMBER_PERMISSIONS = ["members.manage_members", "agents.manage_agents"];
+var DEFAULT_PERMISSION = true;
+var DEFAULT_PAGE_SIZE = 30;
+var ADMIN_ROLE_NAME = "Admin";
+var OWNER_ROLE_NAME = "Owner";
+var ADMIN_ROLES = [ADMIN_ROLE_NAME, OWNER_ROLE_NAME];
+
+var queryClient = new reactQuery.QueryClient({
+  queryCache: new reactQuery.QueryCache()
+});
+
+var withReactQuery = function withReactQuery(Component) {
+  var QueryWrapper = function QueryWrapper(props) {
+    return /*#__PURE__*/React__default["default"].createElement(reactQuery.QueryClientProvider, {
+      client: queryClient
+    }, /*#__PURE__*/React__default["default"].createElement(Component, props), /*#__PURE__*/React__default["default"].createElement(devtools.ReactQueryDevtools, {
+      initialIsOpen: false,
+      position: "bottom-right"
+    }));
+  };
+  return QueryWrapper;
+};
+
+/* eslint-disable @bigbinary/neeto/no-dangling-constants */
+var BASE_URL = "team_members";
+
+var fetch$3 = function fetch() {
+  return axios__default["default"].get("".concat(BASE_URL, "/permissions"));
+};
+var permissionsApi = {
+  fetch: fetch$3
+};
+
+var DEFAULT_STALE_TIME = 300000; // 5 minutes
+
+var QUERY_KEYS = {
+  PERMISSIONS: "neeto-team-members-permissions",
+  ROLES: "neeto-team-members-roles",
+  GLOBAL_ROLES: "neeto-team-members-global-roles",
+  TEAMS: "neeto-team-members-teams",
+  TEAMS_DEPENDENCIES: "neeto-team-members-teams-dependencies"
+};
+
+function ownKeys$c(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$c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$c(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var useFetchPermissions = function useFetchPermissions() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return reactQuery.useQuery(QUERY_KEYS.PERMISSIONS, permissionsApi.fetch, _objectSpread$c({
+    staleTime: DEFAULT_STALE_TIME,
+    select: function select(response) {
+      return response === null || response === void 0 ? void 0 : response.permissions;
+    }
+  }, options));
+};
+
+var fetch$2 = function fetch() {
+  return axios__default["default"].get("".concat(BASE_URL, "/global_roles"));
+};
+var globalRolesApi = {
+  fetch: fetch$2
+};
+
+var fetch$1 = function fetch() {
+  return axios__default["default"].get("".concat(BASE_URL, "/organization_roles"));
+};
+var create$1 = function create(payload) {
+  return axios__default["default"].post("".concat(BASE_URL, "/organization_roles"), payload);
+};
+var update$1 = function update(id, payload) {
+  return axios__default["default"].patch("".concat(BASE_URL, "/organization_roles/").concat(id), payload);
+};
+var destroy = function destroy(id, payload) {
+  return axios__default["default"]["delete"]("".concat(BASE_URL, "/organization_roles/").concat(id), {
+    data: payload
+  });
+};
+var bulkUpdate$1 = function bulkUpdate(payload) {
+  return axios__default["default"].patch("".concat(BASE_URL, "/organization_roles/bulk_update"), payload);
+};
+var organizationRolesApi = {
+  bulkUpdate: bulkUpdate$1,
+  create: create$1,
+  destroy: destroy,
+  fetch: fetch$1,
+  update: update$1
+};
+
+var _excluded$2 = ["onSuccess"],
+  _excluded2$2 = ["onSuccess"],
+  _excluded3$1 = ["onSuccess"],
+  _excluded4 = ["onSuccess"];
+function ownKeys$b(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$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$b(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var useFetchRoles = function useFetchRoles() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return reactQuery.useQuery(QUERY_KEYS.ROLES, organizationRolesApi.fetch, _objectSpread$b({
+    staleTime: DEFAULT_STALE_TIME,
+    select: function select(response) {
+      return response === null || response === void 0 ? void 0 : response.organizationRoles;
+    }
+  }, options));
+};
+var useFetchGlobalRoles = function useFetchGlobalRoles() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return reactQuery.useQuery(QUERY_KEYS.GLOBAL_ROLES, globalRolesApi.fetch, _objectSpread$b({
+    staleTime: DEFAULT_STALE_TIME
+  }, options));
+};
+var useCreateRole = function useCreateRole(_ref) {
+  var _onSuccess = _ref.onSuccess,
+    options = _objectWithoutProperties(_ref, _excluded$2);
+  return reactQuery.useMutation(organizationRolesApi.create, _objectSpread$b({
+    onSuccess: function onSuccess(response) {
+      queryClient.invalidateQueries(QUERY_KEYS.TEAMS_DEPENDENCIES);
+      queryClient.setQueriesData(QUERY_KEYS.ROLES, function (cachedData) {
+        return ramda.modifyPath(["organizationRoles"], ramda.prepend(response.organizationRole), cachedData);
+      });
+      _onSuccess === null || _onSuccess === void 0 ? void 0 : _onSuccess();
+    }
+  }, options));
+};
+var useUpdateRole = function useUpdateRole(_ref2) {
+  var _onSuccess2 = _ref2.onSuccess,
+    options = _objectWithoutProperties(_ref2, _excluded2$2);
+  return reactQuery.useMutation(function (_ref3) {
+    var id = _ref3.id,
+      payload = _ref3.payload;
+    return organizationRolesApi.update(id, payload);
+  }, _objectSpread$b({
+    onSuccess: function onSuccess(response) {
+      queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
+      queryClient.invalidateQueries(QUERY_KEYS.TEAMS_DEPENDENCIES);
+      queryClient.setQueriesData(QUERY_KEYS.ROLES, function (cachedData) {
+        return ramda.assocPath(["organizationRoles", ramda.findIndex(ramda.propEq("id", response.organizationRole.id), cachedData.organizationRoles)], response.organizationRole, cachedData);
+      });
+      _onSuccess2 === null || _onSuccess2 === void 0 ? void 0 : _onSuccess2();
+    }
+  }, options));
+};
+var useDestroyRole = function useDestroyRole(_ref4) {
+  var _ref4$onSuccess = _ref4.onSuccess,
+    _onSuccess3 = _ref4$onSuccess === void 0 ? pure.noop : _ref4$onSuccess,
+    options = _objectWithoutProperties(_ref4, _excluded3$1);
+  return reactQuery.useMutation(function (_ref5) {
+    var id = _ref5.id,
+      payload = _ref5.payload;
+    return organizationRolesApi.destroy(id, payload);
+  }, _objectSpread$b({
+    onSuccess: function onSuccess(response) {
+      queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
+      queryClient.invalidateQueries(QUERY_KEYS.TEAMS_DEPENDENCIES);
+      queryClient.setQueriesData(QUERY_KEYS.ROLES, function (cachedData) {
+        return ramda.dissocPath(["organizationRoles", ramda.findIndex(ramda.propEq("id", response.id), cachedData.organizationRoles)], cachedData);
+      });
+      _onSuccess3 === null || _onSuccess3 === void 0 ? void 0 : _onSuccess3();
+    }
+  }, options));
+};
+var useBulkUpdateRoles = function useBulkUpdateRoles(_ref6) {
+  var _onSuccess4 = _ref6.onSuccess,
+    options = _objectWithoutProperties(_ref6, _excluded4);
+  return reactQuery.useMutation(organizationRolesApi.bulkUpdate, _objectSpread$b({
+    onSuccess: function onSuccess() {
+      queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
+      queryClient.invalidateQueries(QUERY_KEYS.TEAMS_DEPENDENCIES);
+      queryClient.invalidateQueries(QUERY_KEYS.ROLES);
+      _onSuccess4 === null || _onSuccess4 === void 0 ? void 0 : _onSuccess4();
+    }
+  }, options));
+};
+
+var renderSearchProps = function renderSearchProps(searchString, setSearchString) {
+  return {
+    "data-cy": "ntm-search-roles-input",
+    onChange: function onChange(_ref) {
+      var value = _ref.target.value;
+      return setSearchString(value);
+    },
+    placeholder: instance.t("common.search_", {
+      what: instance.t("common.role", PLURAL).toLocaleLowerCase()
+    }),
+    value: searchString
+  };
+};
+var renderBreadcrumbs = function renderBreadcrumbs(breadcrumbs) {
+  return breadcrumbs !== null && breadcrumbs !== void 0 ? breadcrumbs : [{
+    text: instance.t("metaNames.member", PLURAL),
+    link: "/members"
+  }];
+};
+
+var AddRoleButton = function AddRoleButton(_ref) {
+  var _permissions$create, _permissions$create2;
+  var onClick = _ref.onClick,
+    permissions = _ref.permissions;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
+    content: t("tooltips.noPermissionToAddRole"),
+    disabled: (_permissions$create = permissions === null || permissions === void 0 ? void 0 : permissions.create) !== null && _permissions$create !== void 0 ? _permissions$create : hasPermission(MANAGE_MEMBER_PERMISSIONS),
+    position: "bottom"
+  }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    "data-cy": "ntm-add-role-button",
+    disabled: !((_permissions$create2 = permissions === null || permissions === void 0 ? void 0 : permissions.create) !== null && _permissions$create2 !== void 0 ? _permissions$create2 : hasPermission(MANAGE_MEMBER_PERMISSIONS)),
+    label: t("common.addNew_", {
+      what: t("common.role", SINGULAR).toLocaleLowerCase()
+    }),
+    onClick: onClick
+  })));
+};
 
 var Header$1 = function Header(_ref) {
   var _config$permissions$u, _config$permissions, _config$header;
@@ -5940,7 +7351,7 @@ var Header$1 = function Header(_ref) {
 };
 
 function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+  if (Array.isArray(arr)) return _arrayLikeToArray$1(arr);
 }
 
 function _nonIterableSpread() {
@@ -5948,7 +7359,7 @@ function _nonIterableSpread() {
 }
 
 function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$1(arr) || _nonIterableSpread();
 }
 
 var transformObjectToDotNotation = function transformObjectToDotNotation(object) {
@@ -6002,13 +7413,19 @@ var ScrollToErrorField = function ScrollToErrorField(_ref) {
 var ROLE_NAME_MAX_LENGTH = 40;
 var ROLE_DESCRIPTION_MAX_LENGTH = 255;
 var ADD_ROLE_FORM_VALIDATION_SCHEMA = yup.object({
-  name: yup.string().trim().max(ROLE_NAME_MAX_LENGTH, instance.t("validations.limitExceeded", {
+  name: yup.string().trim().max(ROLE_NAME_MAX_LENGTH,
+  // @ts-ignore
+  instance.t("validations.limitExceeded", {
     what: instance.t("common.name").toLocaleLowerCase(),
     limit: ROLE_NAME_MAX_LENGTH
-  })).required(instance.t("validations.enterRoleName")),
-  description: yup.string().trim().max(ROLE_DESCRIPTION_MAX_LENGTH, instance.t("validations.limitExceeded", {
+  }))
+  // @ts-ignore
+  .required(instance.t("validations.enterRoleName")),
+  description: yup.string().trim().max(ROLE_DESCRIPTION_MAX_LENGTH,
+  // @ts-ignore
+  instance.t("validations.limitExceeded", {
     what: instance.t("common.description").toLocaleLowerCase(),
-    limit: ROLE_NAME_MAX_LENGTH
+    limit: ROLE_DESCRIPTION_MAX_LENGTH
   }))
 });
 var ADD_ROLE_FORM_INITIAL_VALUES = {
@@ -6022,8 +7439,8 @@ var ROLE_FORMIK_PROPS = {
   validationSchema: ADD_ROLE_FORM_VALIDATION_SCHEMA
 };
 
-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(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 ownKeys$a(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$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var sortPermissionsBySequence = function sortPermissionsBySequence() {
   var _permissions$;
   var permissions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
@@ -6031,6 +7448,25 @@ var sortPermissionsBySequence = function sortPermissionsBySequence() {
     return first.sequence - second.sequence;
   }) : permissions;
 };
+var getPermissionGroups = function getPermissionGroups() {
+  var permissions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var sortBySequence = sortPermissionsBySequence(permissions);
+  var groupedPermissions = new Map();
+  sortBySequence.forEach(function (permission) {
+    if (groupedPermissions.has(permission === null || permission === void 0 ? void 0 : permission.category)) {
+      var category = groupedPermissions.get(permission.category);
+      var currentPermissions = category.get("permissions");
+      var _permissions = ramda.append(permission, currentPermissions);
+      category.set("permissions", _permissions);
+    } else {
+      var value = new Map();
+      value.set("permissions", ramda.append(permission, []));
+      value.set("isPermissionVisible", true);
+      groupedPermissions.set(permission === null || permission === void 0 ? void 0 : permission.category, value);
+    }
+  });
+  return groupedPermissions;
+};
 var getModifiedPermissions = function getModifiedPermissions() {
   var roles = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var modifiedRoles = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
@@ -6046,7 +7482,7 @@ var getModifiedPermissions = function getModifiedPermissions() {
 var attachChildrenRecursively = function attachChildrenRecursively(permission, permissionsNameMap, permissionRelationConfig) {
   var _ref = permissionRelationConfig[permission.name] || {},
     children = _ref.children;
-  return children ? _objectSpread$9(_objectSpread$9({}, permission), {}, {
+  return children ? _objectSpread$a(_objectSpread$a({}, permission), {}, {
     children: children.flatMap(function (childName) {
       return attachChildrenRecursively(permissionsNameMap[childName][0], permissionsNameMap, permissionRelationConfig);
     })
@@ -6072,8 +7508,8 @@ var getChildrenRemovedFromRoot = function getChildrenRemovedFromRoot(_ref3) {
   });
 };
 
-function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function 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(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; }
 var Permissions = function Permissions(_ref) {
   var _ref$permissions = _ref.permissions,
     permissions = _ref$permissions === void 0 ? [] : _ref$permissions,
@@ -6166,7 +7602,7 @@ var Permissions = function Permissions(_ref) {
     }), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "ntm-roles-permission__sub-blocks neeto-ui-relative neeto-ui-pl-6"
     }, sortedChildren === null || sortedChildren === void 0 ? void 0 : sortedChildren.map(function (childPermission) {
-      return renderPermission(_objectSpread$8(_objectSpread$8({}, childPermission), {}, {
+      return renderPermission(_objectSpread$9(_objectSpread$9({}, childPermission), {}, {
         isParentChecked: isChecked
       }));
     })))));
@@ -6197,8 +7633,8 @@ var Permissions = function Permissions(_ref) {
   }));
 };
 
-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(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 ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ManageRoles = function ManageRoles(_ref) {
   var config = _ref.config,
     _ref$isOpen = _ref.isOpen,
@@ -6226,7 +7662,7 @@ var ManageRoles = function ManageRoles(_ref) {
   var isSubmitting = isCreatingRole || isUpdatingRole;
   var handleSubmit = function handleSubmit(formValues) {
     var payload = {
-      organizationRole: _objectSpread$7(_objectSpread$7({}, formValues), {}, {
+      organizationRole: _objectSpread$8(_objectSpread$8({}, formValues), {}, {
         name: formValues.name.trim(),
         description: formValues.description.trim()
       })
@@ -6237,7 +7673,7 @@ var ManageRoles = function ManageRoles(_ref) {
     }) : createRole(payload);
   };
   var initialValues = isEdit ? selectedRole : ADD_ROLE_FORM_INITIAL_VALUES;
-  var formikProps = _objectSpread$7(_objectSpread$7({}, ROLE_FORMIK_PROPS), {}, {
+  var formikProps = _objectSpread$8(_objectSpread$8({}, ROLE_FORMIK_PROPS), {}, {
     initialValues: initialValues,
     onSubmit: handleSubmit
   });
@@ -6309,61 +7745,212 @@ var ManageRoles = function ManageRoles(_ref) {
   }));
 };
 
-var Left$1 = function Left(_ref) {
-  var filteredCount = _ref.filteredCount;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-ui-flex neeto-ui-items-center neeto-ui-gap-4"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    component: "h4",
-    "data-cy": "ntm-filtered-members-count",
-    style: "h4"
-  }, t("helpers.roleWithCount", {
-    count: filteredCount
-  })));
+var DEFAULT_MANAGE_ROLE_VALUES = {
+  isDelete: false,
+  isEdit: false,
+  selectedRole: {}
+};
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+neetoui.Dropdown.Menu;
+  neetoui.Dropdown.MenuItem;
+var deepClone = function deepClone(object) {
+  if (!object || true === object) {
+    //this also handles boolean as true and false
+    return object;
+  }
+  var objectType = _typeof$1(object);
+  if ("number" === objectType || "string" === objectType) {
+    // add your immutables here
+    return object;
+  }
+  var result = null;
+  if (Array.isArray(object)) {
+    result = [];
+  } else if (!object.constructor) {
+    result = {};
+  } else {
+    result = new object.constructor();
+  }
+  if (object instanceof Map) {
+    var _iterator = _createForOfIteratorHelper(object.keys()),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var key = _step.value;
+        result.set(key, deepClone(object.get(key)));
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  }
+  Object.keys(object).forEach(function (key) {
+    if (Object.prototype.hasOwnProperty.call(object, key)) {
+      result[key] = deepClone(object[key]);
+    }
+  });
+  return result;
 };
-var SubHeader$1 = {
-  Left: Left$1
+var renderRolesTooltipContent = function renderRolesTooltipContent(roleName) {
+  return Object.is(roleName, "Admin") ? t$2("tooltips.adminMustHaveAccess") : t$2("tooltips.noPermissionToEditRoles");
+};
+var removeDuplicates = function removeDuplicates(array) {
+  return _toConsumableArray(new Set(array));
+};
+var updatePermissionVisibility = function updatePermissionVisibility(categoryName, permissions) {
+  var category = permissions.get(categoryName);
+  var isPermissionVisible = category.get("isPermissionVisible");
+  category.set("isPermissionVisible", !isPermissionVisible);
+  return new Map(permissions.set(categoryName, category));
+};
+var filterPermissionsBySearch = function filterPermissionsBySearch(searchTerm, permissionGroups) {
+  var newValue = deepClone(permissionGroups);
+  newValue.forEach(function (value) {
+    var permissions = value.get("permissions");
+    var filteredPermissions = permissions.filter(function (permission) {
+      var _permission$descripti, _permission$descripti2, _permission$descripti3;
+      return permission === null || permission === void 0 ? void 0 : (_permission$descripti = permission.description) === null || _permission$descripti === void 0 ? void 0 : (_permission$descripti2 = _permission$descripti.toLowerCase()) === null || _permission$descripti2 === void 0 ? void 0 : (_permission$descripti3 = _permission$descripti2.trim()) === null || _permission$descripti3 === void 0 ? void 0 : _permission$descripti3.includes(searchTerm.toLowerCase().trim());
+    });
+    value.set("permissions", filteredPermissions);
+  });
+  return newValue;
 };
 
-var Menu$3 = neetoui.Dropdown.Menu,
-  MenuItem$2 = neetoui.Dropdown.MenuItem;
-var getColumns = function getColumns(_ref) {
-  var onEdit = _ref.onEdit,
-    onDelete = _ref.onDelete;
-  return [{
-    title: t$2("common.name"),
-    dataIndex: "name",
-    key: "id",
-    render: function render(_, role) {
-      return /*#__PURE__*/React__default["default"].createElement("span", {
-        className: "ntm-roles-table__name-column"
-      }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-        label: role.name,
-        style: "link",
-        onClick: function onClick() {
-          return onEdit(role);
-        }
-      }), /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
-        buttonStyle: "text",
-        icon: neetoIcons.MenuHorizontal,
-        strategy: "fixed"
-      }, /*#__PURE__*/React__default["default"].createElement(Menu$3, null, /*#__PURE__*/React__default["default"].createElement(MenuItem$2.Button, {
-        onClick: function onClick() {
-          return onEdit(role);
-        }
-      }, t$2("common.edit")), role.kind === "custom" && /*#__PURE__*/React__default["default"].createElement(MenuItem$2.Button, {
-        onClick: function onClick() {
-          return onDelete(role);
-        }
-      }, t$2("common.delete")))));
-    },
-    width: 300
-  }, {
-    title: t$2("common.description"),
-    dataIndex: "description"
-  }];
+var Row = function Row(_ref) {
+  var _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,
+    roles = _ref.roles,
+    setModifiedRoles = _ref.setModifiedRoles;
+  var permissions = (allPermissionsOfCategory === null || allPermissionsOfCategory === void 0 ? void 0 : allPermissionsOfCategory.get("permissions")) || [];
+  var allPermissionIdsOfCategory = ramda.map(ramda.prop("id"), permissions);
+  var handleSubmit = function handleSubmit(role, checked) {
+    var permissionIds = pure.isNotEmpty(allPermissionIdsOfCategory) ? allPermissionIdsOfCategory : [permission === null || permission === void 0 ? void 0 : permission.id];
+    var modifiedRole = ramda.modify("permissionIds", function () {
+      return checked ? removeDuplicates([].concat(_toConsumableArray(role.permissionIds), _toConsumableArray(permissionIds))) : role.permissionIds.filter(function (id) {
+        return !permissionIds.includes(id);
+      });
+    }, role);
+    setModifiedRoles(pure.replaceById(role.id, modifiedRole));
+  };
+  var isCheckboxChecked = function isCheckboxChecked(role) {
+    return !allPermissionsOfCategory ? ramda.includes(permission === null || permission === void 0 ? void 0 : permission.id, role.permissionIds) : allPermissionIdsOfCategory.every(ramda.includes(ramda.__, role.permissionIds));
+  };
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classnames__default["default"]("ntm-roles-table__row", {
+      "ntm-roles-table__row--highlighted": !!allPermissionsOfCategory
+    })
+  }, roles.map(function (role) {
+    var _config$permissions$u, _config$permissions;
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "ntm-roles-table__cell",
+      key: role.id
+    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
+      content: renderRolesTooltipContent(role.name),
+      position: "top",
+      disabled: ((_config$permissions$u = config === null || config === void 0 ? void 0 : (_config$permissions = config.permissions) === null || _config$permissions === void 0 ? void 0 : _config$permissions.update) !== null && _config$permissions$u !== void 0 ? _config$permissions$u : DEFAULT_PERMISSION) && !ramda.identical(role.name, "Admin")
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "ntm-roles-table-cell__checkbox-wrapper"
+    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Checkbox, {
+      disabled: true,
+      checked: isCheckboxChecked(role),
+      className: "ntm-roles-table-cell__checkbox",
+      "data-cy": "ntm-roles-table-permission-checkbox",
+      onChange: function onChange(_ref2) {
+        var checked = _ref2.target.checked;
+        return handleSubmit(role, checked);
+      }
+    }))));
+  }));
+};
+
+var Menu$4 = neetoui.Dropdown.Menu,
+  MenuItem$3 = neetoui.Dropdown.MenuItem;
+var TableHeader = function TableHeader(_ref) {
+  var config = _ref.config,
+    roles = _ref.roles,
+    setManageRole = _ref.setManageRole,
+    setIsScrollPresent = _ref.setIsScrollPresent;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var scrollSyncElement = React.useRef(null);
+  var getOverflowStatus = React.useCallback(function () {
+    if (scrollSyncElement.current) {
+      var headerElement = scrollSyncElement.current.node;
+      var isScrollBarPresent = isOverflown(headerElement);
+      setIsScrollPresent(isScrollBarPresent);
+    }
+  }, [setIsScrollPresent]);
+  React.useEffect(function () {
+    return getOverflowStatus();
+  }, [getOverflowStatus, scrollSyncElement, roles]);
+  return /*#__PURE__*/React__default["default"].createElement(distExports.ScrollSyncPane, {
+    group: "horizontal",
+    ref: scrollSyncElement
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "ntm-roles-table__header"
+  }, roles === null || roles === void 0 ? void 0 : roles.map(function (role, index) {
+    var _config$permissions$u, _config$permissions, _config$permissions$u2, _config$permissions2, _config$permissions$d, _config$permissions3, _config$permissions$d2, _config$permissions4;
+    var isSystemRole = ramda.identical("system", role.kind);
+    var isAdminRole = ADMIN_ROLES.includes(role.name) && isSystemRole;
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "ntm-roles-table__cell",
+      key: "ntm-roles-".concat(index)
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "ntm-roles-table-header-cell__container"
+    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+      className: "ntm-roles-table-header__role-name",
+      "data-cy": "ntm-roles-table-header-role-title",
+      lineHeight: "normal",
+      style: "h4",
+      weight: "semibold"
+    }, role.name), !isAdminRole && /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
+      autoWidth: true,
+      buttonStyle: "text",
+      icon: neetoIcons.MenuHorizontal,
+      buttonProps: {
+        className: "ntm-roles-table-header__dropdown",
+        "data-cy": "ntm-roles-table-header-role-dropdown-button"
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(Menu$4, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
+      content: t("tooltips.noPermissionToEditRoles"),
+      position: "left",
+      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
+    }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(MenuItem$3.Button, {
+      className: "ntm-dropdown__button",
+      "data-cy": "ntm-roles-table-edit-role-button",
+      size: "small",
+      style: "text",
+      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),
+      onClick: function onClick() {
+        return setManageRole({
+          isEdit: true,
+          selectedRole: role
+        });
+      }
+    }, t("common.edit")))), !isSystemRole && /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
+      content: t("tooltips.noPermissionToRemoveRoles"),
+      position: "left",
+      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
+    }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(MenuItem$3.Button, {
+      className: "ntm-dropdown__button",
+      "data-cy": "ntm-roles-table-delete-role-button",
+      size: "small",
+      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),
+      onClick: function onClick() {
+        return setManageRole({
+          isDelete: true,
+          selectedRole: role
+        });
+      }
+    }, t("common.delete"))))))));
+  })));
 };
 
 var Delete = function Delete(_ref) {
@@ -6397,7 +7984,7 @@ var Delete = function Delete(_ref) {
     isSubmitting: isDeleting,
     submitButtonLabel: t("buttons.proceed"),
     message: /*#__PURE__*/React__default["default"].createElement(Trans, {
-      i18nKey: "alerts.deleting_",
+      i18nKey: "alerts.messages.deleting_",
       values: {
         name: selectedRole === null || selectedRole === void 0 ? void 0 : selectedRole.name,
         what: t("common.role", SINGULAR).toLocaleLowerCase()
@@ -6411,38 +7998,233 @@ var Delete = function Delete(_ref) {
   });
 };
 
+var Columns = function Columns(_ref) {
+  var config = _ref.config,
+    filteredGroupPermissions = _ref.filteredGroupPermissions,
+    filteredRoles = _ref.filteredRoles,
+    permissions = _ref.permissions,
+    roles = _ref.roles,
+    setModifiedRoles = _ref.setModifiedRoles,
+    setIsScrollPresent = _ref.setIsScrollPresent;
+  var _useState = React.useState(DEFAULT_MANAGE_ROLE_VALUES),
+    _useState2 = _slicedToArray(_useState, 2),
+    manageRole = _useState2[0],
+    setManageRole = _useState2[1];
+  var categories = Array.from(filteredGroupPermissions === null || filteredGroupPermissions === void 0 ? void 0 : filteredGroupPermissions.keys());
+  var onClose = function onClose() {
+    return setManageRole(DEFAULT_MANAGE_ROLE_VALUES);
+  };
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "ntm-roles-table__columns"
+  }, /*#__PURE__*/React__default["default"].createElement(TableHeader, {
+    config: config,
+    roles: filteredRoles,
+    setIsScrollPresent: setIsScrollPresent,
+    setManageRole: setManageRole
+  }), /*#__PURE__*/React__default["default"].createElement(distExports.ScrollSyncPane, {
+    group: ["horizontal", "vertical"]
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "ntm-roles-table__rows"
+  }, categories.map(function (category, index) {
+    var groupedPermissions = filteredGroupPermissions.get(category);
+    var isPermissionVisible = groupedPermissions.get("isPermissionVisible");
+    var permissions = groupedPermissions.get("permissions");
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      key: index
+    }, /*#__PURE__*/React__default["default"].createElement(Row, {
+      allPermissionsOfCategory: groupedPermissions,
+      config: config,
+      roles: filteredRoles,
+      setModifiedRoles: setModifiedRoles
+    }), isPermissionVisible && permissions.map(function (permission) {
+      return /*#__PURE__*/React__default["default"].createElement(Row, {
+        config: config,
+        key: permission.id,
+        permission: permission,
+        roles: filteredRoles,
+        setModifiedRoles: setModifiedRoles
+      });
+    }));
+  }))), /*#__PURE__*/React__default["default"].createElement(ManageRoles, {
+    config: config,
+    isOpen: manageRole.isEdit,
+    permissions: permissions,
+    selectedRole: manageRole.selectedRole,
+    onClose: onClose
+  }), /*#__PURE__*/React__default["default"].createElement(Delete, {
+    isOpen: manageRole.isDelete,
+    roles: roles,
+    selectedRole: manageRole.selectedRole,
+    onClose: onClose
+  }));
+};
+
+var ToggleDropdown = function ToggleDropdown(_ref) {
+  var isVisible = _ref.isVisible,
+    onClick = _ref.onClick;
+  return isVisible ? /*#__PURE__*/React__default["default"].createElement(neetoIcons.Up, {
+    className: "ntm-roles-table-sidebar__drop-down-button",
+    "data-cy": "ntm-permission-category-hide-button",
+    size: 16,
+    strokeWidth: 2,
+    onClick: onClick
+  }) : /*#__PURE__*/React__default["default"].createElement(neetoIcons.Down, {
+    className: "ntm-roles-table-sidebar__drop-down-button",
+    "data-cy": "ntm-permission-category-show-button",
+    size: 16,
+    strokeWidth: 2,
+    onClick: onClick
+  });
+};
+
+var ROLES_TABLE_CELL_HEIGHT_VARIABLE = "--ntm-roles-table-cell-height";
+
+var getCurrentTableCellHeight = function getCurrentTableCellHeight() {
+  return parseInt(getComputedStyle(document.documentElement).getPropertyValue(ROLES_TABLE_CELL_HEIGHT_VARIABLE), 10);
+};
+var renderDescription = function renderDescription(permissions) {
+  return permissions === null || permissions === void 0 ? void 0 : permissions.map(function (_ref) {
+    var id = _ref.id,
+      description = _ref.description;
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "ntm-roles-table-sidebar__list-item",
+      key: id
+    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+      "data-cy": "ntm-permission-category-description",
+      lineHeight: "normal",
+      style: "body2"
+    }, description));
+  });
+};
+var getSearchWrapperStyle = function getSearchWrapperStyle() {
+  var scrollBarWidth = getScrollBarWidth();
+  document.documentElement.style.setProperty("--ntm-roles-table-default-scroll", "".concat(scrollBarWidth, "px"));
+  return {
+    marginBottom: "".concat(scrollBarWidth, "px")
+  };
+};
+var assignRolesTableCellHeight = function assignRolesTableCellHeight() {
+  var sidebarItems = _toConsumableArray(document.getElementsByClassName("ntm-roles-table-sidebar__list-item"));
+  var clientHeights = ramda.pluck("clientHeight", sidebarItems);
+  var maxClientHeight = Math.max.apply(Math, _toConsumableArray(clientHeights));
+  var currentTableCellHeight = getCurrentTableCellHeight();
+  if (maxClientHeight > currentTableCellHeight) {
+    document.documentElement.style.setProperty(ROLES_TABLE_CELL_HEIGHT_VARIABLE, "".concat(maxClientHeight, "px"));
+  }
+};
+
+var Sidebar = function Sidebar(_ref) {
+  var searchTerm = _ref.searchTerm,
+    setSearchTerm = _ref.setSearchTerm,
+    filteredGroupPermissions = _ref.filteredGroupPermissions,
+    toggleDropdown = _ref.toggleDropdown,
+    isScrollPresent = _ref.isScrollPresent;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var categories = Array.from(filteredGroupPermissions.keys());
+  var searchWrapperStyle = isScrollPresent ? getSearchWrapperStyle() : {};
+  React.useLayoutEffect(function () {
+    assignRolesTableCellHeight();
+  }, []);
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "ntm-roles-table__sidebar"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "ntm-roles-table-sidebar__search",
+    style: searchWrapperStyle
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
+    "data-cy": "ntm-search-permissions-input",
+    prefix: /*#__PURE__*/React__default["default"].createElement(neetoIcons.Search, null),
+    type: "search",
+    value: searchTerm,
+    placeholder: t("common.search_", {
+      what: t("common.permission", PLURAL).toLocaleLowerCase()
+    }),
+    onChange: function onChange(_ref2) {
+      var value = _ref2.target.value;
+      return setSearchTerm(value);
+    }
+  })), /*#__PURE__*/React__default["default"].createElement(distExports.ScrollSyncPane, {
+    group: "vertical"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "ntm-roles-table-sidebar__list"
+  }, categories.map(function (category, index) {
+    var groupedPermissions = filteredGroupPermissions.get(category);
+    var isPermissionVisible = groupedPermissions.get("isPermissionVisible");
+    var permissions = groupedPermissions.get("permissions");
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      key: index
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "ntm-roles-table-sidebar__list-item ntm-roles-table-sidebar__list-item--highlighted cursor-pointer",
+      onClick: function onClick() {
+        return toggleDropdown(category);
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+      "data-cy": "ntm-permission-category-title",
+      lineHeight: "normal",
+      style: "h4",
+      weight: "semibold"
+    }, category), /*#__PURE__*/React__default["default"].createElement(ToggleDropdown, {
+      isVisible: isPermissionVisible,
+      onClick: function onClick() {
+        return toggleDropdown(category);
+      }
+    })), isPermissionVisible && renderDescription(permissions));
+  }))));
+};
+
 var Table = function Table(_ref) {
   var _config$permissions$c, _config$permissions;
   var config = _ref.config,
     filteredRoles = _ref.filteredRoles,
     roles = _ref.roles,
+    permissionGroups = _ref.permissionGroups,
     permissions = _ref.permissions,
+    setModifiedRoles = _ref.setModifiedRoles,
     setIsNewRolePaneOpen = _ref.setIsNewRolePaneOpen;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var _useState = React.useState(),
+  var _useState = React.useState(""),
     _useState2 = _slicedToArray(_useState, 2),
-    selectedRole = _useState2[0],
-    setSelectedRole = _useState2[1];
-  var _useState3 = React.useState(false),
+    searchTerm = _useState2[0],
+    setSearchTerm = _useState2[1];
+  var _useState3 = React.useState(permissionGroups),
     _useState4 = _slicedToArray(_useState3, 2),
-    isDeleteAlertOpen = _useState4[0],
-    setIsDeleteAlertOpen = _useState4[1];
+    filteredGroupPermissions = _useState4[0],
+    setFilteredGroupPermissions = _useState4[1];
   var _useState5 = React.useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
-    isEditPaneOpen = _useState6[0],
-    setIsEditPaneOpen = _useState6[1];
-  var _useState7 = React.useState(1),
+    isScrollPresent = _useState6[0],
+    setIsScrollPresent = _useState6[1];
+  var _useState7 = React.useState(),
     _useState8 = _slicedToArray(_useState7, 2),
-    pageNumber = _useState8[0],
-    setPageNumber = _useState8[1];
-  var handlePageChange = function handlePageChange(pageNumber) {
-    return setPageNumber(pageNumber);
-  };
+    selectedRole = _useState8[0],
+    setSelectedRole = _useState8[1];
+  var _useState9 = React.useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    isDeleteAlertOpen = _useState10[0],
+    setIsDeleteAlertOpen = _useState10[1];
+  var _useState11 = React.useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    isEditPaneOpen = _useState12[0],
+    setIsEditPaneOpen = _useState12[1];
   var isAddRoleDisabled = !((_config$permissions$c = (_config$permissions = config.permissions) === null || _config$permissions === void 0 ? void 0 : _config$permissions.create) !== null && _config$permissions$c !== void 0 ? _config$permissions$c : hasPermission(MANAGE_MEMBER_PERMISSIONS));
-  return /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], {
-    hasPagination: (filteredRoles === null || filteredRoles === void 0 ? void 0 : filteredRoles.length) > DEFAULT_PAGE_SIZE
-  }, ramda.isEmpty(filteredRoles) ? /*#__PURE__*/React__default["default"].createElement("div", {
+  var toggleDropdown = function toggleDropdown(category) {
+    var permissions = updatePermissionVisibility(category, filteredGroupPermissions);
+    setFilteredGroupPermissions(permissions);
+  };
+  React.useEffect(function () {
+    var newValue = filterPermissionsBySearch(searchTerm, permissionGroups);
+    setFilteredGroupPermissions(newValue);
+  }, [permissionGroups, searchTerm]);
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "ntm-roles-table__wrapper"
+  }, /*#__PURE__*/React__default["default"].createElement(Sidebar, {
+    filteredGroupPermissions: filteredGroupPermissions,
+    isScrollPresent: isScrollPresent,
+    searchTerm: searchTerm,
+    setSearchTerm: setSearchTerm,
+    toggleDropdown: toggleDropdown
+  }), ramda.isEmpty(filteredRoles) ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: "ntm-empty-state"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.NoData, {
     primaryButtonProps: {
@@ -6458,23 +8240,15 @@ var Table = function Table(_ref) {
     title: t("common.notFound_", {
       what: t("common.role", PLURAL).toLocaleLowerCase()
     })
-  })) : /*#__PURE__*/React__default["default"].createElement(neetoui.Table, {
-    fixedHeight: true,
-    currentPageNumber: pageNumber,
-    defaultPageSize: DEFAULT_PAGE_SIZE,
-    handlePageChange: handlePageChange,
-    rowData: filteredRoles,
-    columnData: getColumns({
-      onEdit: function onEdit(role) {
-        setSelectedRole(role);
-        setIsEditPaneOpen(true);
-      },
-      onDelete: function onDelete(role) {
-        setSelectedRole(role);
-        setIsDeleteAlertOpen(true);
-      }
-    })
-  }), /*#__PURE__*/React__default["default"].createElement(ManageRoles, {
+  })) : /*#__PURE__*/React__default["default"].createElement(Columns, {
+    config: config,
+    filteredGroupPermissions: filteredGroupPermissions,
+    filteredRoles: filteredRoles,
+    permissions: permissions,
+    roles: roles,
+    setIsScrollPresent: setIsScrollPresent,
+    setModifiedRoles: setModifiedRoles
+  })), /*#__PURE__*/React__default["default"].createElement(ManageRoles, {
     config: config,
     isOpen: isEditPaneOpen,
     permissions: permissions,
@@ -6497,8 +8271,8 @@ var Table = function Table(_ref) {
 var Roles = function Roles(_ref) {
   var _config$permissions$v, _config$permissions, _config$permissions$v2, _config$permissions2, _config$permissions$u, _config$permissions3;
   var config = _ref.config;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
+  var _useTranslation = useTranslation();
+    _useTranslation.t;
   var _useState = React.useState(""),
     _useState2 = _slicedToArray(_useState, 2),
     searchString = _useState2[0],
@@ -6534,6 +8308,7 @@ var Roles = function Roles(_ref) {
     setModifiedRoles = _useState8[1];
   var isDirty = pure.isPresent(getModifiedPermissions(roles, modifiedRoles));
   var permissions = sortPermissionsBySequence(permissionData);
+  var permissionGroups = getPermissionGroups(permissions);
   React.useEffect(function () {
     setFilteredRoles(ramda.filter(function (_ref2) {
       var name = _ref2.name;
@@ -6556,7 +8331,9 @@ var Roles = function Roles(_ref) {
       className: "ntm-members-page-loader"
     }, /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null));
   }
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Header$1, {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(distExports.ScrollSync, null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
+    isHeaderFixed: true
+  }, /*#__PURE__*/React__default["default"].createElement(Header$1, {
     config: config,
     handleReset: handleReset,
     handleSubmit: handleSubmit,
@@ -6564,26 +8341,14 @@ var Roles = function Roles(_ref) {
     searchString: searchString,
     setIsNewRolePaneOpen: setIsNewRolePaneOpen,
     setSearchString: setSearchString
-  }), /*#__PURE__*/React__default["default"].createElement(SubHeader__default["default"], {
-    leftActionBlock: /*#__PURE__*/React__default["default"].createElement(SubHeader$1.Left, {
-      filteredCount: filteredRoles === null || filteredRoles === void 0 ? void 0 : filteredRoles.length
-    })
   }), /*#__PURE__*/React__default["default"].createElement(Table, {
     config: config,
     filteredRoles: filteredRoles,
     permissions: permissions,
     roles: roles,
+    permissionGroups: permissionGroups,
     setIsNewRolePaneOpen: setIsNewRolePaneOpen,
     setModifiedRoles: setModifiedRoles
-  }), (config === null || config === void 0 ? void 0 : config.helpUrl) && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "ntm-roles-help-url-wrapper"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    "data-cy": "ntm-roles-permission-more-info-button",
-    href: config.helpUrl,
-    icon: neetoIcons.ExternalLink,
-    label: t("helpers.visitToKnowMoreAboutPermissions"),
-    style: "link",
-    target: "_blank"
   }))), /*#__PURE__*/React__default["default"].createElement(ManageRoles, {
     config: config,
     isOpen: isNewRolePaneOpen,
@@ -6663,6 +8428,16 @@ var hasSymbols$1 = function hasNativeSymbols() {
 	return hasSymbolSham();
 };
 
+var test = {
+	foo: {}
+};
+
+var $Object = Object;
+
+var hasProto$1 = function hasProto() {
+	return { __proto__: test }.foo === test.foo && !({ __proto__: null } instanceof $Object);
+};
+
 /* eslint no-invalid-this: 1 */
 
 var ERROR_MESSAGE = 'Function.prototype.bind called on incompatible ';
@@ -6765,18 +8540,23 @@ var ThrowTypeError = $gOPD
 	: throwTypeError;
 
 var hasSymbols = hasSymbols$1();
+var hasProto = hasProto$1();
 
-var getProto = Object.getPrototypeOf || function (x) { return x.__proto__; }; // eslint-disable-line no-proto
+var getProto = Object.getPrototypeOf || (
+	hasProto
+		? function (x) { return x.__proto__; } // eslint-disable-line no-proto
+		: null
+);
 
 var needsEval = {};
 
-var TypedArray = typeof Uint8Array === 'undefined' ? undefined$1 : getProto(Uint8Array);
+var TypedArray = typeof Uint8Array === 'undefined' || !getProto ? undefined$1 : getProto(Uint8Array);
 
 var INTRINSICS = {
 	'%AggregateError%': typeof AggregateError === 'undefined' ? undefined$1 : AggregateError,
 	'%Array%': Array,
 	'%ArrayBuffer%': typeof ArrayBuffer === 'undefined' ? undefined$1 : ArrayBuffer,
-	'%ArrayIteratorPrototype%': hasSymbols ? getProto([][Symbol.iterator]()) : undefined$1,
+	'%ArrayIteratorPrototype%': hasSymbols && getProto ? getProto([][Symbol.iterator]()) : undefined$1,
 	'%AsyncFromSyncIteratorPrototype%': undefined$1,
 	'%AsyncFunction%': needsEval,
 	'%AsyncGenerator%': needsEval,
@@ -6806,10 +8586,10 @@ var INTRINSICS = {
 	'%Int32Array%': typeof Int32Array === 'undefined' ? undefined$1 : Int32Array,
 	'%isFinite%': isFinite,
 	'%isNaN%': isNaN,
-	'%IteratorPrototype%': hasSymbols ? getProto(getProto([][Symbol.iterator]())) : undefined$1,
+	'%IteratorPrototype%': hasSymbols && getProto ? getProto(getProto([][Symbol.iterator]())) : undefined$1,
 	'%JSON%': typeof JSON === 'object' ? JSON : undefined$1,
 	'%Map%': typeof Map === 'undefined' ? undefined$1 : Map,
-	'%MapIteratorPrototype%': typeof Map === 'undefined' || !hasSymbols ? undefined$1 : getProto(new Map()[Symbol.iterator]()),
+	'%MapIteratorPrototype%': typeof Map === 'undefined' || !hasSymbols || !getProto ? undefined$1 : getProto(new Map()[Symbol.iterator]()),
 	'%Math%': Math,
 	'%Number%': Number,
 	'%Object%': Object,
@@ -6822,10 +8602,10 @@ var INTRINSICS = {
 	'%Reflect%': typeof Reflect === 'undefined' ? undefined$1 : Reflect,
 	'%RegExp%': RegExp,
 	'%Set%': typeof Set === 'undefined' ? undefined$1 : Set,
-	'%SetIteratorPrototype%': typeof Set === 'undefined' || !hasSymbols ? undefined$1 : getProto(new Set()[Symbol.iterator]()),
+	'%SetIteratorPrototype%': typeof Set === 'undefined' || !hasSymbols || !getProto ? undefined$1 : getProto(new Set()[Symbol.iterator]()),
 	'%SharedArrayBuffer%': typeof SharedArrayBuffer === 'undefined' ? undefined$1 : SharedArrayBuffer,
 	'%String%': String,
-	'%StringIteratorPrototype%': hasSymbols ? getProto(''[Symbol.iterator]()) : undefined$1,
+	'%StringIteratorPrototype%': hasSymbols && getProto ? getProto(''[Symbol.iterator]()) : undefined$1,
 	'%Symbol%': hasSymbols ? Symbol : undefined$1,
 	'%SyntaxError%': $SyntaxError,
 	'%ThrowTypeError%': ThrowTypeError,
@@ -6841,12 +8621,14 @@ var INTRINSICS = {
 	'%WeakSet%': typeof WeakSet === 'undefined' ? undefined$1 : WeakSet
 };
 
-try {
-	null.error; // eslint-disable-line no-unused-expressions
-} catch (e) {
-	// https://github.com/tc39/proposal-shadowrealm/pull/384#issuecomment-1364264229
-	var errorProto = getProto(getProto(e));
-	INTRINSICS['%Error.prototype%'] = errorProto;
+if (getProto) {
+	try {
+		null.error; // eslint-disable-line no-unused-expressions
+	} catch (e) {
+		// https://github.com/tc39/proposal-shadowrealm/pull/384#issuecomment-1364264229
+		var errorProto = getProto(getProto(e));
+		INTRINSICS['%Error.prototype%'] = errorProto;
+	}
 }
 
 var doEval = function doEval(name) {
@@ -6864,7 +8646,7 @@ var doEval = function doEval(name) {
 		}
 	} else if (name === '%AsyncIteratorPrototype%') {
 		var gen = doEval('%AsyncGenerator%');
-		if (gen) {
+		if (gen && getProto) {
 			value = getProto(gen.prototype);
 		}
 	}
@@ -8417,7 +10199,8 @@ var isoSentinel = 'utf8=%26%2310003%3B'; // encodeURIComponent('&#10003;')
 var charsetSentinel = 'utf8=%E2%9C%93'; // encodeURIComponent('✓')
 
 var parseValues = function parseQueryStringValues(str, options) {
-    var obj = {};
+    var obj = { __proto__: null };
+
     var cleanStr = options.ignoreQueryPrefix ? str.replace(/^\?/, '') : str;
     var limit = options.parameterLimit === Infinity ? undefined : options.parameterLimit;
     var parts = cleanStr.split(options.delimiter, limit);
@@ -8676,14 +10459,14 @@ var teamsApi = {
 var _excluded$1 = ["onSuccess"],
   _excluded2$1 = ["onSuccess"],
   _excluded3 = ["onSuccess"];
-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; }
+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(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; }
 var useFetchMembers = function useFetchMembers() {
   var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return reactQuery.useQuery([QUERY_KEYS.TEAMS, params], function () {
     return teamsApi.fetch(params);
-  }, _objectSpread$6({
+  }, _objectSpread$7({
     staleTime: DEFAULT_STALE_TIME,
     select: ramda.identity,
     keepPreviousData: true
@@ -8692,7 +10475,7 @@ var useFetchMembers = function useFetchMembers() {
 var useCreateMember = function useCreateMember(_ref) {
   var _onSuccess = _ref.onSuccess,
     options = _objectWithoutProperties(_ref, _excluded$1);
-  return reactQuery.useMutation(teamsApi.create, _objectSpread$6({
+  return reactQuery.useMutation(teamsApi.create, _objectSpread$7({
     onSuccess: function onSuccess() {
       queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
       queryClient.invalidateQueries(QUERY_KEYS.TEAMS_DEPENDENCIES);
@@ -8707,7 +10490,7 @@ var useUpdateMember = function useUpdateMember(_ref2) {
     var id = _ref3.id,
       payload = _ref3.payload;
     return teamsApi.update(id, payload);
-  }, _objectSpread$6({
+  }, _objectSpread$7({
     onSuccess: function onSuccess() {
       queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
       queryClient.invalidateQueries(QUERY_KEYS.TEAMS_DEPENDENCIES);
@@ -8718,7 +10501,7 @@ var useUpdateMember = function useUpdateMember(_ref2) {
 var useBulkUpdateMembers = function useBulkUpdateMembers(_ref4) {
   var _onSuccess3 = _ref4.onSuccess,
     options = _objectWithoutProperties(_ref4, _excluded3);
-  return reactQuery.useMutation(teamsApi.bulkUpdate, _objectSpread$6({
+  return reactQuery.useMutation(teamsApi.bulkUpdate, _objectSpread$7({
     onSuccess: function onSuccess() {
       queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
       queryClient.invalidateQueries(QUERY_KEYS.TEAMS_DEPENDENCIES);
@@ -8737,7 +10520,7 @@ var useFetchFilterOptions = function useFetchFilterOptions(_ref5) {
     options = _ref5$options === void 0 ? {} : _ref5$options;
   return reactQuery.useQuery([QUERY_KEYS.TEAMS_DEPENDENCIES, params], function () {
     return teamsApi.fetchFilterOptions(params);
-  }, _objectSpread$6({
+  }, _objectSpread$7({
     staleTime: DEFAULT_STALE_TIME,
     select: ramda.identity
   }, options));
@@ -8783,7 +10566,8 @@ var DEFAULT_FILTER_VALUES = {
 var DEFAULT_SELECTED_ROWS = {
   active: [],
   emails: [],
-  keys: []
+  keys: [],
+  displayNames: []
 };
 var DEFAULT_NEETO_FILTERS_COLUMNS = [{
   key: "email",
@@ -9317,8 +11101,10 @@ pluralize$1.exports;
 var pluralizeExports = pluralize$1.exports;
 var pluralize = /*@__PURE__*/getDefaultExportFromCjs(pluralizeExports);
 
-var Menu$2 = neetoui.Dropdown.Menu,
-  MenuItem$1 = neetoui.Dropdown.MenuItem;
+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; }
+var Menu$3 = neetoui.Dropdown.Menu,
+  MenuItem$2 = neetoui.Dropdown.MenuItem;
 var renderNameColumn = function renderNameColumn(_ref) {
   var displayStatusTag = _ref.displayStatusTag,
     handleUpdateRole = _ref.handleUpdateRole,
@@ -9376,11 +11162,11 @@ var renderDropdownButton = function renderDropdownButton(_ref2, handleUpdateRole
     disabled: isDropDownButtonDisabled(permissions),
     icon: neetoIcons.MenuHorizontal,
     strategy: "fixed"
-  }, /*#__PURE__*/React__default["default"].createElement(Menu$2, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
+  }, /*#__PURE__*/React__default["default"].createElement(Menu$3, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
     content: instance.t("tooltips.activateUserToEdit", SINGULAR),
     disabled: active,
     position: "top"
-  }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(MenuItem$1.Button, {
+  }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(MenuItem$2.Button, {
     className: "ntm-dropdown__button",
     "data-cy": "ntm-edit-member-button",
     disabled: !active,
@@ -9395,7 +11181,7 @@ var renderDropdownButton = function renderDropdownButton(_ref2, handleUpdateRole
         role: role
       });
     }
-  }, instance.t("common.edit")))), /*#__PURE__*/React__default["default"].createElement(MenuItem$1.Button, {
+  }, instance.t("common.edit")))), /*#__PURE__*/React__default["default"].createElement(MenuItem$2.Button, {
     className: "ntm-dropdown__button",
     "data-cy": "ntm-deactivate-member-button",
     size: "small",
@@ -9420,10 +11206,10 @@ var getDefaultAlertTitle = function getDefaultAlertTitle(_ref3) {
 var getDefaultAlertMessage = function getDefaultAlertMessage(_ref4) {
   var member = _ref4.member;
   return /*#__PURE__*/React__default["default"].createElement(Trans, {
-    i18nKey: member !== null && member !== void 0 && member.active ? "alerts.deactivating_" : "alerts.activating_",
-    values: {
+    i18nKey: member !== null && member !== void 0 && member.active ? "alerts.messages.deactivateMember" : "alerts.messages.activateMember_one",
+    values: _objectSpread$6(_objectSpread$6({}, SINGULAR), {}, {
       person: member === null || member === void 0 ? void 0 : member.name
-    }
+    })
   });
 };
 var renderInvitedStatus = function renderInvitedStatus(inviteStatus) {
@@ -10135,6 +11921,7 @@ var useTeams = function useTeams(_ref) {
     var _config$table, _config$table$onRowSe;
     var rows = {
       active: ramda.pluck("active", rowData),
+      displayNames: ramda.pluck("displayName", rowData),
       emails: ramda.pluck("email", rowData),
       keys: keys
     };
@@ -10220,17 +12007,18 @@ var getDeactivatedButtonVisible = function getDeactivatedButtonVisible(selectedR
   }) && !(config !== null && config !== void 0 && (_config$hiddenBulkAct2 = config.hiddenBulkActions) !== null && _config$hiddenBulkAct2 !== void 0 && _config$hiddenBulkAct2.includes("deactivate"));
 };
 
-var Menu$1 = neetoui.Dropdown.Menu,
-  MenuItem = neetoui.Dropdown.MenuItem;
+var Menu$2 = neetoui.Dropdown.Menu,
+  MenuItem$1 = neetoui.Dropdown.MenuItem;
 var RolesDropdown = function RolesDropdown(_ref) {
   var _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    handleRoleChange = _ref.handleRoleChange,
     hasUpdatePermission = _ref.hasUpdatePermission,
     _ref$isSearchable = _ref.isSearchable,
     isSearchable = _ref$isSearchable === void 0 ? false : _ref$isSearchable,
     _ref$roles = _ref.roles,
-    roles = _ref$roles === void 0 ? [] : _ref$roles;
+    roles = _ref$roles === void 0 ? [] : _ref$roles,
+    setAlertType = _ref.setAlertType,
+    setBulkUpdateRole = _ref.setBulkUpdateRole;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useState = React.useState(false),
@@ -10248,7 +12036,8 @@ var RolesDropdown = function RolesDropdown(_ref) {
     return setSearchTerm(value);
   };
   var handleSelectRole = function handleSelectRole(role) {
-    handleRoleChange(role);
+    setBulkUpdateRole(role);
+    setAlertType("role");
     setIsDropdownOpen(false);
   };
   var handleOnClose = function handleOnClose() {
@@ -10270,15 +12059,15 @@ var RolesDropdown = function RolesDropdown(_ref) {
     disabled: !isUpdationAllowed,
     isOpen: isUpdationAllowed && isDropdownOpen,
     position: "auto-end",
-    customTarget: /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
+    customTarget: /*#__PURE__*/React__default["default"].createElement(MenuItem$1.Button, {
       disabled: !isUpdationAllowed,
       suffix: /*#__PURE__*/React__default["default"].createElement(neetoIcons.Right, {
         size: 16
       })
-    }, t("buttons.changeRole")),
+    }, t("common.changeRole")),
     onClick: handleClick,
     onClose: handleOnClose
-  }, /*#__PURE__*/React__default["default"].createElement(Menu$1, null, isSearchable && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement(Menu$2, null, isSearchable && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-px-3 neeto-ui-py-2",
     onClick: function onClick(event) {
       event.stopPropagation();
@@ -10293,7 +12082,7 @@ var RolesDropdown = function RolesDropdown(_ref) {
   })), pure.isNotEmpty(filteredRoles) ? filteredRoles.map(function (_ref3) {
     var id = _ref3.id,
       name = _ref3.name;
-    return /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
+    return /*#__PURE__*/React__default["default"].createElement(MenuItem$1.Button, {
       key: id,
       onClick: function onClick() {
         return handleSelectRole(name);
@@ -10307,8 +12096,10 @@ var RolesDropdown = function RolesDropdown(_ref) {
   }, t("helpers.noRolesFound")))))));
 };
 
+var Menu$1 = neetoui.Dropdown.Menu,
+  MenuItem = neetoui.Dropdown.MenuItem;
 var Left = function Left(_ref) {
-  var _selectedRows$keys, _config$permissions$u, _config$permissions, _selectedRows$active, _config$hiddenBulkAct, _config$otherBulkActi;
+  var _selectedRows$keys$le, _selectedRows$keys, _config$permissions$u, _config$permissions, _selectedRows$active, _config$hiddenBulkAct, _config$otherBulkActi;
   var config = _ref.config,
     filteredCount = _ref.filteredCount,
     metaName = _ref.metaName,
@@ -10317,9 +12108,17 @@ var Left = function Left(_ref) {
     setSelectedRows = _ref.setSelectedRows;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var _useState = React.useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    alertType = _useState2[0],
+    setAlertType = _useState2[1];
+  var _useState3 = React.useState(""),
+    _useState4 = _slicedToArray(_useState3, 2),
+    bulkUpdateRole = _useState4[0],
+    setBulkUpdateRole = _useState4[1];
   var hasSelectedRows = pure.isNotEmpty(selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.keys);
   var selectedMembersCountValues = {
-    count: selectedRows === null || selectedRows === void 0 ? void 0 : (_selectedRows$keys = selectedRows.keys) === null || _selectedRows$keys === void 0 ? void 0 : _selectedRows$keys.length,
+    count: (_selectedRows$keys$le = selectedRows === null || selectedRows === void 0 ? void 0 : (_selectedRows$keys = selectedRows.keys) === null || _selectedRows$keys === void 0 ? void 0 : _selectedRows$keys.length) !== null && _selectedRows$keys$le !== void 0 ? _selectedRows$keys$le : 0,
     metaName: metaName({
       count: hasSelectedRows ? selectedRows.keys.length : filteredCount
     }).toLocaleLowerCase(),
@@ -10362,8 +12161,33 @@ var Left = function Left(_ref) {
       }
     });
   };
-  var Menu = neetoui.Dropdown.Menu,
-    MenuItem = neetoui.Dropdown.MenuItem;
+  var handleAlertClose = function handleAlertClose() {
+    selectedAlert.onSubmit();
+    setAlertType("");
+  };
+  var alertTypes = [{
+    message: "alerts.messages.deactivateMember",
+    onSubmit: handleDeactivateMembers,
+    title: t("common.deactivate_", {
+      what: selectedMembersCountValues === null || selectedMembersCountValues === void 0 ? void 0 : selectedMembersCountValues.metaName
+    }),
+    type: "deactivate"
+  }, {
+    message: "alerts.messages.activateMember",
+    onSubmit: handleActivateMembers,
+    title: t("common.activate_", {
+      what: selectedMembersCountValues === null || selectedMembersCountValues === void 0 ? void 0 : selectedMembersCountValues.metaName
+    }),
+    type: "activate"
+  }, {
+    message: "alerts.messages.changeRole",
+    onSubmit: handleRoleChange,
+    title: t("common.changeRole"),
+    type: "role"
+  }];
+  var selectedAlert = pure.findBy({
+    type: alertType
+  }, alertTypes);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-flex neeto-ui-items-center neeto-ui-gap-4"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
@@ -10387,24 +12211,43 @@ var Left = function Left(_ref) {
     "data-cy": "ntm-members-take-action-dropdown-button",
     disabled: !hasUpdatePermission,
     label: t("common.takeAction")
-  }, /*#__PURE__*/React__default["default"].createElement(Menu, null, getDeactivatedButtonVisible(selectedRows, config) && /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
+  }, /*#__PURE__*/React__default["default"].createElement(Menu$1, null, getDeactivatedButtonVisible(selectedRows, config) && /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
     "data-cy": "ntm-deactivate-members-button",
     disabled: !hasUpdatePermission,
     onClick: function onClick() {
-      return handleDeactivateMembers();
+      return setAlertType("deactivate");
     }
   }, t("common.deactivate")), getActivateButtonVisible(selectedRows, config) && /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
     "data-cy": "ntm-activate-members-button",
     disabled: !hasUpdatePermission,
     onClick: function onClick() {
-      return handleActivateMembers();
+      return setAlertType("activate");
     }
   }, t("common.activate")), !(config !== null && config !== void 0 && (_config$hiddenBulkAct = config.hiddenBulkActions) !== null && _config$hiddenBulkAct !== void 0 && _config$hiddenBulkAct.includes("role")) && /*#__PURE__*/React__default["default"].createElement(RolesDropdown, {
     disabled: hasDeactivateMembers,
-    handleRoleChange: handleRoleChange,
     hasUpdatePermission: hasUpdatePermission,
-    roles: roles
-  }), config === null || config === void 0 ? void 0 : (_config$otherBulkActi = config.otherBulkActions) === null || _config$otherBulkActi === void 0 ? void 0 : _config$otherBulkActi.call(config))))));
+    roles: roles,
+    setAlertType: setAlertType,
+    setBulkUpdateRole: setBulkUpdateRole
+  }), config === null || config === void 0 ? void 0 : (_config$otherBulkActi = config.otherBulkActions) === null || _config$otherBulkActi === void 0 ? void 0 : _config$otherBulkActi.call(config))))), /*#__PURE__*/React__default["default"].createElement(neetoui.Alert, {
+    isOpen: selectedAlert,
+    message: /*#__PURE__*/React__default["default"].createElement(Trans, {
+      i18nKey: selectedAlert === null || selectedAlert === void 0 ? void 0 : selectedAlert.message,
+      values: {
+        count: selectedMembersCountValues.count,
+        metaName: selectedMembersCountValues.metaName,
+        person: selectedRows.displayNames[0],
+        role: bulkUpdateRole
+      }
+    }),
+    title: selectedAlert === null || selectedAlert === void 0 ? void 0 : selectedAlert.title,
+    onClose: function onClose() {
+      return setAlertType("");
+    },
+    onSubmit: function onSubmit() {
+      return handleAlertClose();
+    }
+  }));
 };
 var Right = function Right(_ref2) {
   var columns = _ref2.columns,
@@ -10415,7 +12258,7 @@ var Right = function Right(_ref2) {
     isFiltersPaneOpen = _ref2.isFiltersPaneOpen;
   var _useTranslation2 = useTranslation(),
     t = _useTranslation2.t;
-  return /*#__PURE__*/React__default["default"].createElement(SubHeader__default["default"].RightBlock, {
+  return /*#__PURE__*/React__default["default"].createElement(SubHeaderMolecule__default["default"].RightBlock, {
     columnsButtonProps: {
       columnData: columns,
       fixedColumns: FIXED_COLUMNS,
@@ -11287,7 +13130,7 @@ var TeamMembers = function TeamMembers(_ref) {
       });
     },
     title: renderHeaderTitle(MEMBER_FILTER[filters.category].value, metaName)
-  }, config === null || config === void 0 ? void 0 : (_config$header = config.header) === null || _config$header === void 0 ? void 0 : _config$header.otherProps)), /*#__PURE__*/React__default["default"].createElement(SubHeader__default["default"], {
+  }, config === null || config === void 0 ? void 0 : (_config$header = config.header) === null || _config$header === void 0 ? void 0 : _config$header.otherProps)), /*#__PURE__*/React__default["default"].createElement(SubHeaderMolecule__default["default"], {
     leftActionBlock: /*#__PURE__*/React__default["default"].createElement(SubHeader.Left, {
       config: config,
       filteredCount: team === null || team === void 0 ? void 0 : team.membersCount,
@@ -11374,7 +13217,7 @@ var index = reactUtils.withTitle(withReactQuery(TeamMembers), instance.t("metaNa
 
 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 = ".ntm-empty-state{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.ntm-members{overflow:auto;width:100%}.ntm-members-wrapper{display:flex}.ntm-members-page-loader{height:100vh;width:100%}.ntm-members-table__wrapper{display:flex;gap:.75rem;justify-content:space-between;width:100%}.ntm-members-table__column{align-items:center;display:flex;gap:.5rem}.ntm-members-form__header{margin-bottom:.5rem}.ntm-members-form__body{padding-bottom:1rem;width:100%}.ntm-members-form__body>*+*{margin-top:1.5rem}.ntm-members-form__footer{display:flex;gap:.5rem}.ntm-manage-members__header{align-items:flex-start;display:flex}.ntm-manage-members__header>*+*{margin-left:.5rem}.ntm-manage-members__app-roles{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0;width:100%}.ntm-manage-members-app-roles__select-wrapper{max-width:250px;width:50%}.ntm-manage-members-effective-app-roles{align-items:center;display:flex;justify-content:space-between;padding:.25rem 0}.ntm-manage-members-effective-app-roles__role-name{max-width:300px;width:67%}.ntm-members-radio-group,.ntm-members-radio-group .neeto-ui-radio__container--stacked{width:100%}.ntm-members-radio-group__label{padding-right:4px}.ntm-members-radio-group__icon{cursor:pointer}.ntm-members-form-radio-item__wrapper{cursor:pointer;padding:8px 0!important;width:100%}.ntm-members-form-radio-item__wrapper:first-child{padding-top:0!important}.ntm-members-form-radio-item__label{margin-bottom:0!important}.ntm-members-form-radio-item__description,.ntm-product-roles-table th{color:rgb(var(--neeto-ui-gray-700))}.ntm-product-roles-table th{font-size:var(--neeto-ui-text-xs);font-weight:var(--neeto-ui-font-bold);text-transform:uppercase;vertical-align:middle}.ntm-product-roles-table td,.ntm-product-roles-table th{border:1px solid rgb(var(--neeto-ui-gray-300));padding:8px;text-align:left}.ntm-manage-members__checkbox-align-start.neeto-ui-checkbox__wrapper .neeto-ui-checkbox__container{align-items:flex-start}.ntm-manage-members__checkbox-align-start.neeto-ui-checkbox__wrapper .neeto-ui-checkbox[type=checkbox]{margin-top:4px}.ntm-roles-table__wrapper{display:flex;height:calc(100vh - var(--neeto-ui-main-header-with-breadcrumbs-height));padding:0 1.5rem;width:100%}.ntm-roles-table__name-column{display:flex;justify-content:space-between;width:100%}.ntm-roles-pane__body{margin-bottom:1.5rem;width:100%}.ntm-roles-pane__body-wrapper>*+*{margin-top:1rem}.ntm-roles-pane__body>*+*{margin-top:1.5rem}.ntm-roles-pane__footer{display:flex;gap:.5rem}.ntm-roles-permission-category-card{border:1px solid rgb(var(--neeto-ui-gray-400));border-radius:var(--neeto-ui-rounded);padding:10px 20px}.ntm-roles-permission-category-card>.ntm-roles-permission__card:after{display:none}.ntm-roles-permission__heading{color:rgb(var(--neeto-ui-gray-500));text-transform:uppercase}.ntm-roles-permission__card{background-color:rgb(var(--neeto-ui-white));display:flex;flex-direction:column;gap:.75rem;padding:.4rem 0;position:relative}.ntm-roles-permission__card:after{background-color:rgb(var(--neeto-ui-gray-300));content:\"\";height:1px;left:-15px;position:absolute;top:14px;width:10px}.ntm-roles-permission__card--description{flex-grow:1}.ntm-roles-permission__card--checkbox{padding:0 .5rem}.ntm-roles-permission__card .neeto-ui-checkbox__wrapper .neeto-ui-checkbox__container{align-items:flex-start}.ntm-roles-permission__card .neeto-ui-checkbox__wrapper .neeto-ui-checkbox__container .neeto-ui-checkbox[type=checkbox]:disabled+.neeto-ui-label{cursor:not-allowed;opacity:.5}.ntm-roles-permission__sub-blocks{position:relative}.ntm-roles-permission__sub-blocks:before{background-color:rgb(var(--neeto-ui-gray-300));content:\"\";height:calc(100% - 14px);left:8px;position:absolute;top:0;width:1px}.ntm-roles-permission__sub-blocks:empty{display:none}.ntm-roles-help-url-wrapper{align-items:center;display:flex;justify-content:center;padding:1rem 0;width:100%}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9zdHlsZXNoZWV0cy9jb21wb25lbnRzL19lbXB0eS1zdGF0ZS5zY3NzIiwic3JjL3N0eWxlc2hlZXRzL2FwcGxpY2F0aW9uLnNjc3MiLCJzcmMvc3R5bGVzaGVldHMvcGFnZXMvX21lbWJlcnMuc2NzcyIsInNyYy9zdHlsZXNoZWV0cy9wYWdlcy9fcm9sZXMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFJRSxrQkFBQSxDQURBLFlBQUEsQ0FEQSxXQUFBLENBR0Esc0JBQUEsQ0FKQSxVQ0tGLENDTkEsYUFDRSxhQUFBLENBQ0EsVURTRixDQ1BFLHFCQUNFLFlEU0osQ0NORSx5QkFFRSxZQUFBLENBREEsVURTSixDQ0pJLDRCQUVFLFlBQUEsQ0FFQSxVQUFBLENBREEsNkJBQUEsQ0FGQSxVRFNOLENDSkksMkJBRUUsa0JBQUEsQ0FEQSxZQUFBLENBRUEsU0RNTixDQ0RJLDBCQUNFLG1CREdOLENDQUksd0JBRUUsbUJBQUEsQ0FEQSxVREdOLENDRE0sNEJBQ0UsaUJER1IsQ0NDSSwwQkFDRSxZQUFBLENBQ0EsU0RDTixDQ0lBLDRCQUVFLHNCQUFBLENBREEsWURBRixDQ0dFLGdDQUNFLGlCRERKLENDS0EsK0JBRUUsa0JBQUEsQ0FEQSxZQUFBLENBRUEsNkJBQUEsQ0FFQSxlQUFBLENBREEsVURERixDQ0tBLDhDQUVFLGVBQUEsQ0FEQSxTRERGLENDS0Esd0NBRUUsa0JBQUEsQ0FEQSxZQUFBLENBRUEsNkJBQUEsQ0FDQSxnQkRGRixDQ0tBLG1EQUVFLGVBQUEsQ0FEQSxTRERGLENDT0Usc0ZBQ0UsVURESixDQ0lFLGdDQUNFLGlCREZKLENDS0UsK0JBQ0UsY0RISixDQ1FFLHNDQUVFLGNBQUEsQ0FDQSx1QkFBQSxDQUZBLFVESEosQ0NNSSxrREFDRSx1QkRKTixDQ1FFLG9DQUNFLHlCRE5KLENDZUUsc0VBTEUsbUNEQ0osQ0NJRSw0QkFFRSxpQ0FBQSxDQUVBLHFDQUFBLENBQ0Esd0JBQUEsQ0FGQSxxQkRQSixDQ1dFLHdEQUVFLDhDQUFBLENBRUEsV0FBQSxDQURBLGVEUkosQ0NjRSxtR0FDRSxzQkRYSixDQ2FFLHVHQUNFLGNEWEosQ0U3SEEsMEJBR0UsWUFBQSxDQURBLHdFQUFBLENBRUEsZ0JBQUEsQ0FIQSxVRm1JRixDRTdIQSw4QkFFRSxZQUFBLENBQ0EsNkJBQUEsQ0FGQSxVRmtJRixDRTVIRSxzQkFFRSxvQkFBQSxDQURBLFVGZ0lKLENFN0hJLGtDQUNFLGVGK0hOLENFNUhJLDBCQUNFLGlCRjhITixDRTFIRSx3QkFDRSxZQUFBLENBQ0EsU0Y0SEosQ0V4SEEsb0NBR0UsOENBQUEsQ0FEQSxxQ0FBQSxDQURBLGlCRjZIRixDRXpISSxzRUFDRSxZRjJITixDRXJIRSwrQkFDRSxtQ0FBQSxDQUNBLHdCRndISixDRXJIRSw0QkFDRSwyQ0FBQSxDQUdBLFlBQUEsQ0FDQSxxQkFBQSxDQUNBLFVBQUEsQ0FDQSxlQUFBLENBTEEsaUJGMkhKLENFcEhJLGtDQUNFLDhDQUFBLENBQ0EsVUFBQSxDQUNBLFVBQUEsQ0FDQSxVQUFBLENBQ0EsaUJBQUEsQ0FDQSxRQUFBLENBQ0EsVUZzSE4sQ0VuSEkseUNBQ0UsV0ZxSE4sQ0VsSEksc0NBQ0UsZUZvSE4sQ0VqSEksc0ZBQ0Usc0JGbUhOLENFakhNLGlKQUVFLGtCQUFBLENBREEsVUZvSFIsQ0U5R0Usa0NBQ0UsaUJGZ0hKLENFOUdJLHlDQUNFLDhDQUFBLENBRUEsVUFBQSxDQUNBLHdCQUFBLENBQ0EsUUFBQSxDQUNBLGlCQUFBLENBSkEsS0FBQSxDQUtBLFNGZ0hOLENFN0dJLHdDQUNFLFlGK0dOLENFMUdBLDRCQUdFLGtCQUFBLENBRkEsWUFBQSxDQUdBLHNCQUFBLENBQ0EsY0FBQSxDQUhBLFVGZ0hGIiwic291cmNlc0NvbnRlbnQiOlsiLm50bS1lbXB0eS1zdGF0ZSB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xufVxuIiwiLm50bS1lbXB0eS1zdGF0ZSB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xufVxuXG4ubnRtLW1lbWJlcnMge1xuICBvdmVyZmxvdzogYXV0bztcbiAgd2lkdGg6IDEwMCU7XG59XG4ubnRtLW1lbWJlcnMtd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG59XG4ubnRtLW1lbWJlcnMtcGFnZS1sb2FkZXIge1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDB2aDtcbn1cbi5udG0tbWVtYmVycy10YWJsZV9fd3JhcHBlciB7XG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGdhcDogMC43NXJlbTtcbn1cbi5udG0tbWVtYmVycy10YWJsZV9fY29sdW1uIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAwLjVyZW07XG59XG4ubnRtLW1lbWJlcnMtZm9ybV9faGVhZGVyIHtcbiAgbWFyZ2luLWJvdHRvbTogMC41cmVtO1xufVxuLm50bS1tZW1iZXJzLWZvcm1fX2JvZHkge1xuICB3aWR0aDogMTAwJTtcbiAgcGFkZGluZy1ib3R0b206IDFyZW07XG59XG4ubnRtLW1lbWJlcnMtZm9ybV9fYm9keSA+ICogKyAqIHtcbiAgbWFyZ2luLXRvcDogMS41cmVtO1xufVxuLm50bS1tZW1iZXJzLWZvcm1fX2Zvb3RlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogMC41cmVtO1xufVxuXG4ubnRtLW1hbmFnZS1tZW1iZXJzX19oZWFkZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbn1cbi5udG0tbWFuYWdlLW1lbWJlcnNfX2hlYWRlciA+ICogKyAqIHtcbiAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbn1cblxuLm50bS1tYW5hZ2UtbWVtYmVyc19fYXBwLXJvbGVzIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB3aWR0aDogMTAwJTtcbiAgcGFkZGluZzogMC41cmVtIDA7XG59XG5cbi5udG0tbWFuYWdlLW1lbWJlcnMtYXBwLXJvbGVzX19zZWxlY3Qtd3JhcHBlciB7XG4gIHdpZHRoOiA1MCU7XG4gIG1heC13aWR0aDogMjUwcHg7XG59XG5cbi5udG0tbWFuYWdlLW1lbWJlcnMtZWZmZWN0aXZlLWFwcC1yb2xlcyB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgcGFkZGluZzogMC4yNXJlbSAwO1xufVxuXG4ubnRtLW1hbmFnZS1tZW1iZXJzLWVmZmVjdGl2ZS1hcHAtcm9sZXNfX3JvbGUtbmFtZSB7XG4gIHdpZHRoOiA2NyU7XG4gIG1heC13aWR0aDogMzAwcHg7XG59XG5cbi5udG0tbWVtYmVycy1yYWRpby1ncm91cCB7XG4gIHdpZHRoOiAxMDAlO1xufVxuLm50bS1tZW1iZXJzLXJhZGlvLWdyb3VwIC5uZWV0by11aS1yYWRpb19fY29udGFpbmVyLS1zdGFja2VkIHtcbiAgd2lkdGg6IDEwMCU7XG59XG4ubnRtLW1lbWJlcnMtcmFkaW8tZ3JvdXBfX2xhYmVsIHtcbiAgcGFkZGluZy1yaWdodDogNHB4O1xufVxuLm50bS1tZW1iZXJzLXJhZGlvLWdyb3VwX19pY29uIHtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG4ubnRtLW1lbWJlcnMtZm9ybS1yYWRpby1pdGVtX193cmFwcGVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgcGFkZGluZzogOHB4IDBweCAhaW1wb3J0YW50O1xufVxuLm50bS1tZW1iZXJzLWZvcm0tcmFkaW8taXRlbV9fd3JhcHBlcjpmaXJzdC1jaGlsZCB7XG4gIHBhZGRpbmctdG9wOiAwcHggIWltcG9ydGFudDtcbn1cbi5udG0tbWVtYmVycy1mb3JtLXJhZGlvLWl0ZW1fX2xhYmVsIHtcbiAgbWFyZ2luLWJvdHRvbTogMCAhaW1wb3J0YW50O1xufVxuLm50bS1tZW1iZXJzLWZvcm0tcmFkaW8taXRlbV9fZGVzY3JpcHRpb24ge1xuICBjb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktNzAwKSk7XG59XG5cbi5udG0tcHJvZHVjdC1yb2xlcy10YWJsZSB0aCB7XG4gIGNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktZ3JheS03MDApKTtcbiAgZm9udC1zaXplOiB2YXIoLS1uZWV0by11aS10ZXh0LXhzKTtcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgZm9udC13ZWlnaHQ6IHZhcigtLW5lZXRvLXVpLWZvbnQtYm9sZCk7XG4gIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG59XG4ubnRtLXByb2R1Y3Qtcm9sZXMtdGFibGUgdGQsXG4ubnRtLXByb2R1Y3Qtcm9sZXMtdGFibGUgdGgge1xuICBib3JkZXI6IDFweCBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS0zMDApKTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgcGFkZGluZzogOHB4O1xufVxuXG4ubnRtLW1hbmFnZS1tZW1iZXJzX19jaGVja2JveC1hbGlnbi1zdGFydC5uZWV0by11aS1jaGVja2JveF9fd3JhcHBlciAubmVldG8tdWktY2hlY2tib3hfX2NvbnRhaW5lciB7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xufVxuLm50bS1tYW5hZ2UtbWVtYmVyc19fY2hlY2tib3gtYWxpZ24tc3RhcnQubmVldG8tdWktY2hlY2tib3hfX3dyYXBwZXIgLm5lZXRvLXVpLWNoZWNrYm94W3R5cGU9Y2hlY2tib3hdIHtcbiAgbWFyZ2luLXRvcDogNHB4O1xufVxuXG4ubnRtLXJvbGVzLXRhYmxlX193cmFwcGVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogY2FsYygxMDB2aCAtIHZhcigtLW5lZXRvLXVpLW1haW4taGVhZGVyLXdpdGgtYnJlYWRjcnVtYnMtaGVpZ2h0KSk7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6IDAgMS41cmVtO1xufVxuXG4ubnRtLXJvbGVzLXRhYmxlX19uYW1lLWNvbHVtbiB7XG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG59XG5cbi5udG0tcm9sZXMtcGFuZV9fYm9keSB7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW4tYm90dG9tOiAxLjVyZW07XG59XG4ubnRtLXJvbGVzLXBhbmVfX2JvZHktd3JhcHBlciA+ICogKyAqIHtcbiAgbWFyZ2luLXRvcDogMXJlbTtcbn1cbi5udG0tcm9sZXMtcGFuZV9fYm9keSA+ICogKyAqIHtcbiAgbWFyZ2luLXRvcDogMS41cmVtO1xufVxuLm50bS1yb2xlcy1wYW5lX19mb290ZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6IDAuNXJlbTtcbn1cblxuLm50bS1yb2xlcy1wZXJtaXNzaW9uLWNhdGVnb3J5LWNhcmQge1xuICBwYWRkaW5nOiAxMHB4IDIwcHg7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQpO1xuICBib3JkZXI6IDFweCBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS00MDApKTtcbn1cbi5udG0tcm9sZXMtcGVybWlzc2lvbi1jYXRlZ29yeS1jYXJkID4gLm50bS1yb2xlcy1wZXJtaXNzaW9uX19jYXJkOjphZnRlciB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5udG0tcm9sZXMtcGVybWlzc2lvbl9faGVhZGluZyB7XG4gIGNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktZ3JheS01MDApKTtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbn1cbi5udG0tcm9sZXMtcGVybWlzc2lvbl9fY2FyZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS13aGl0ZSkpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogMC43NXJlbTtcbiAgcGFkZGluZzogMC40cmVtIDA7XG59XG4ubnRtLXJvbGVzLXBlcm1pc3Npb25fX2NhcmQ6OmFmdGVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMzAwKSk7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGhlaWdodDogMXB4O1xuICBsZWZ0OiAtMTVweDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDE0cHg7XG4gIHdpZHRoOiAxMHB4O1xufVxuLm50bS1yb2xlcy1wZXJtaXNzaW9uX19jYXJkLS1kZXNjcmlwdGlvbiB7XG4gIGZsZXgtZ3JvdzogMTtcbn1cbi5udG0tcm9sZXMtcGVybWlzc2lvbl9fY2FyZC0tY2hlY2tib3gge1xuICBwYWRkaW5nOiAwIDAuNXJlbTtcbn1cbi5udG0tcm9sZXMtcGVybWlzc2lvbl9fY2FyZCAubmVldG8tdWktY2hlY2tib3hfX3dyYXBwZXIgLm5lZXRvLXVpLWNoZWNrYm94X19jb250YWluZXIge1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbn1cbi5udG0tcm9sZXMtcGVybWlzc2lvbl9fY2FyZCAubmVldG8tdWktY2hlY2tib3hfX3dyYXBwZXIgLm5lZXRvLXVpLWNoZWNrYm94X19jb250YWluZXIgLm5lZXRvLXVpLWNoZWNrYm94W3R5cGU9Y2hlY2tib3hdOmRpc2FibGVkICsgLm5lZXRvLXVpLWxhYmVsIHtcbiAgb3BhY2l0eTogMC41O1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xufVxuLm50bS1yb2xlcy1wZXJtaXNzaW9uX19zdWItYmxvY2tzIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuLm50bS1yb2xlcy1wZXJtaXNzaW9uX19zdWItYmxvY2tzOjpiZWZvcmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktZ3JheS0zMDApKTtcbiAgdG9wOiAwO1xuICBjb250ZW50OiBcIlwiO1xuICBoZWlnaHQ6IGNhbGMoMTAwJSAtIDE0cHgpO1xuICBsZWZ0OiA4cHg7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbn1cbi5udG0tcm9sZXMtcGVybWlzc2lvbl9fc3ViLWJsb2NrczplbXB0eSB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5udG0tcm9sZXMtaGVscC11cmwtd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHdpZHRoOiAxMDAlO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcGFkZGluZzogMXJlbSAwO1xufSIsIi5udG0tbWVtYmVycyB7XG4gIG92ZXJmbG93OiBhdXRvO1xuICB3aWR0aDogMTAwJTtcblxuICAmLXdyYXBwZXIge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gIH1cblxuICAmLXBhZ2UtbG9hZGVyIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMHZoO1xuICB9XG5cbiAgJi10YWJsZSB7XG4gICAgJl9fd3JhcHBlciB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICBnYXA6IDAuNzVyZW07XG4gICAgfVxuICAgICZfX2NvbHVtbiB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGdhcDogMC41cmVtO1xuICAgIH1cbiAgfVxuXG4gICYtZm9ybSB7XG4gICAgJl9faGVhZGVyIHtcbiAgICAgIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcbiAgICB9XG5cbiAgICAmX19ib2R5IHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgcGFkZGluZy1ib3R0b206IDFyZW07XG4gICAgICAmID4gKiArICoge1xuICAgICAgICBtYXJnaW4tdG9wOiAxLjVyZW07XG4gICAgICB9XG4gICAgfVxuXG4gICAgJl9fZm9vdGVyIHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBnYXA6IDAuNXJlbTtcbiAgICB9XG4gIH1cbn1cblxuLm50bS1tYW5hZ2UtbWVtYmVyc19faGVhZGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cbiAgJiA+ICogKyAqIHtcbiAgICBtYXJnaW4tbGVmdDogMC41cmVtO1xuICB9XG59XG5cbi5udG0tbWFuYWdlLW1lbWJlcnNfX2FwcC1yb2xlcyB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG4gIHBhZGRpbmc6IDAuNXJlbSAwO1xufVxuXG4ubnRtLW1hbmFnZS1tZW1iZXJzLWFwcC1yb2xlc19fc2VsZWN0LXdyYXBwZXIge1xuICB3aWR0aDogNTAlO1xuICBtYXgtd2lkdGg6IDI1MHB4O1xufVxuXG4ubnRtLW1hbmFnZS1tZW1iZXJzLWVmZmVjdGl2ZS1hcHAtcm9sZXMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHBhZGRpbmc6IDAuMjVyZW0gMDtcbn1cblxuLm50bS1tYW5hZ2UtbWVtYmVycy1lZmZlY3RpdmUtYXBwLXJvbGVzX19yb2xlLW5hbWUge1xuICB3aWR0aDogNjclO1xuICBtYXgtd2lkdGg6IDMwMHB4O1xufVxuXG4ubnRtLW1lbWJlcnMtcmFkaW8tZ3JvdXAge1xuICB3aWR0aDogMTAwJTtcbiAgLm5lZXRvLXVpLXJhZGlvX19jb250YWluZXItLXN0YWNrZWQge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG5cbiAgJl9fbGFiZWwge1xuICAgIHBhZGRpbmctcmlnaHQ6IDRweDtcbiAgfVxuXG4gICZfX2ljb24ge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxufVxuXG4ubnRtLW1lbWJlcnMtZm9ybS1yYWRpby1pdGVtIHtcbiAgJl9fd3JhcHBlciB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHBhZGRpbmc6IDhweCAwcHggIWltcG9ydGFudDtcbiAgICAmOmZpcnN0LWNoaWxkIHtcbiAgICAgIHBhZGRpbmctdG9wOiAwcHggIWltcG9ydGFudDtcbiAgICB9XG4gIH1cblxuICAmX19sYWJlbCB7XG4gICAgbWFyZ2luLWJvdHRvbTogMCAhaW1wb3J0YW50O1xuICB9XG5cbiAgJl9fZGVzY3JpcHRpb24ge1xuICAgIGNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktZ3JheS03MDApKTtcbiAgfVxufVxuXG4ubnRtLXByb2R1Y3Qtcm9sZXMtdGFibGUge1xuICB0aCB7XG4gICAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTcwMCkpO1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tbmVldG8tdWktdGV4dC14cyk7XG4gICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tbmVldG8tdWktZm9udC1ib2xkKTtcbiAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICB9XG4gIHRkLFxuICB0aCB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMzAwKSk7XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBwYWRkaW5nOiA4cHg7XG4gIH1cbn1cblxuLm50bS1tYW5hZ2UtbWVtYmVyc19fY2hlY2tib3gtYWxpZ24tc3RhcnQubmVldG8tdWktY2hlY2tib3hfX3dyYXBwZXIge1xuICAubmVldG8tdWktY2hlY2tib3hfX2NvbnRhaW5lciB7XG4gICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIH1cbiAgLm5lZXRvLXVpLWNoZWNrYm94W3R5cGU9XCJjaGVja2JveFwiXSB7XG4gICAgbWFyZ2luLXRvcDogNHB4O1xuICB9XG59XG4iLCIubnRtLXJvbGVzLXRhYmxlX193cmFwcGVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogY2FsYygxMDB2aCAtICN7dmFyKC0tbmVldG8tdWktbWFpbi1oZWFkZXItd2l0aC1icmVhZGNydW1icy1oZWlnaHQpfSk7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6IDAgMS41cmVtO1xufVxuXG4ubnRtLXJvbGVzLXRhYmxlX19uYW1lLWNvbHVtbiB7XG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG59XG5cbi5udG0tcm9sZXMtcGFuZSB7XG4gICZfX2JvZHkge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1hcmdpbi1ib3R0b206IDEuNXJlbTtcblxuICAgICYtd3JhcHBlciA+ICogKyAqIHtcbiAgICAgIG1hcmdpbi10b3A6IDFyZW07XG4gICAgfVxuXG4gICAgJiA+ICogKyAqIHtcbiAgICAgIG1hcmdpbi10b3A6IDEuNXJlbTtcbiAgICB9XG4gIH1cblxuICAmX19mb290ZXIge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZ2FwOiAwLjVyZW07XG4gIH1cbn1cblxuLm50bS1yb2xlcy1wZXJtaXNzaW9uLWNhdGVnb3J5LWNhcmQge1xuICBwYWRkaW5nOiAxMHB4IDIwcHg7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQpO1xuICBib3JkZXI6IDFweCBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS00MDApKTtcbiAgJiA+IC5udG0tcm9sZXMtcGVybWlzc2lvbl9fY2FyZCB7XG4gICAgJjo6YWZ0ZXIge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIH1cbn1cblxuLm50bS1yb2xlcy1wZXJtaXNzaW9uIHtcbiAgJl9faGVhZGluZyB7XG4gICAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTUwMCkpO1xuICAgIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG4gIH1cblxuICAmX19jYXJkIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktd2hpdGUpKTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgZ2FwOiAwLjc1cmVtO1xuICAgIHBhZGRpbmc6IDAuNHJlbSAwO1xuXG4gICAgJjo6YWZ0ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMzAwKSk7XG4gICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgaGVpZ2h0OiAxcHg7XG4gICAgICBsZWZ0OiAtMTVweDtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHRvcDogMTRweDtcbiAgICAgIHdpZHRoOiAxMHB4O1xuICAgIH1cblxuICAgICYtLWRlc2NyaXB0aW9uIHtcbiAgICAgIGZsZXgtZ3JvdzogMTtcbiAgICB9XG5cbiAgICAmLS1jaGVja2JveCB7XG4gICAgICBwYWRkaW5nOiAwIDAuNXJlbTtcbiAgICB9XG5cbiAgICAubmVldG8tdWktY2hlY2tib3hfX3dyYXBwZXIgLm5lZXRvLXVpLWNoZWNrYm94X19jb250YWluZXIge1xuICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cbiAgICAgIC5uZWV0by11aS1jaGVja2JveFt0eXBlPVwiY2hlY2tib3hcIl06ZGlzYWJsZWQgKyAubmVldG8tdWktbGFiZWwge1xuICAgICAgICBvcGFjaXR5OiAwLjU7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgJl9fc3ViLWJsb2NrcyB7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTMwMCkpO1xuICAgICAgdG9wOiAwO1xuICAgICAgY29udGVudDogXCJcIjtcbiAgICAgIGhlaWdodDogY2FsYygxMDAlIC0gMTRweCk7XG4gICAgICBsZWZ0OiA4cHg7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICB3aWR0aDogMXB4O1xuICAgIH1cblxuICAgICY6ZW1wdHkge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIH1cbn1cblxuLm50bS1yb2xlcy1oZWxwLXVybC13cmFwcGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgd2lkdGg6IDEwMCU7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBwYWRkaW5nOiAxcmVtIDA7XG59XG4iXX0= */";
+var css = ":root{--ntm-roles-table-default-scroll:15px;--ntm-roles-table-cell-height:68px;--ntm-roles-sidebar-width:396px;--ntm-roles-table-header-height:72px}.ntm-scrollbar__inner{height:200px;width:100%}.ntm-scrollbar__outer{height:150px;left:0;overflow:\"hidden\";position:\"absolute\";top:0;visibility:\"hidden\";width:200px}.ntm-empty-state{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.ntm-members{overflow:auto;width:100%}.ntm-members-wrapper{display:flex}.ntm-members-page-loader{height:100vh;width:100%}.ntm-members-table__wrapper{display:flex;gap:.75rem;justify-content:space-between;width:100%}.ntm-members-table__column{align-items:center;display:flex;gap:.5rem}.ntm-members-form__header{margin-bottom:.5rem}.ntm-members-form__body{padding-bottom:1rem;width:100%}.ntm-members-form__body>*+*{margin-top:1.5rem}.ntm-members-form__footer{display:flex;gap:.5rem}.ntm-manage-members__header{align-items:flex-start;display:flex}.ntm-manage-members__header>*+*{margin-left:.5rem}.ntm-manage-members__app-roles{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0;width:100%}.ntm-manage-members-app-roles__select-wrapper{max-width:250px;width:50%}.ntm-manage-members-effective-app-roles{align-items:center;display:flex;justify-content:space-between;padding:.25rem 0}.ntm-manage-members-effective-app-roles__role-name{max-width:300px;width:67%}.ntm-members-radio-group,.ntm-members-radio-group .neeto-ui-radio__container--stacked{width:100%}.ntm-members-radio-group__label{padding-right:4px}.ntm-members-radio-group__icon{cursor:pointer}.ntm-members-form-radio-item__wrapper{cursor:pointer;padding:8px 0!important;width:100%}.ntm-members-form-radio-item__wrapper:first-child{padding-top:0!important}.ntm-members-form-radio-item__label{margin-bottom:0!important}.ntm-members-form-radio-item__description,.ntm-product-roles-table th{color:rgb(var(--neeto-ui-gray-700))}.ntm-product-roles-table th{font-size:var(--neeto-ui-text-xs);font-weight:var(--neeto-ui-font-bold);text-transform:uppercase;vertical-align:middle}.ntm-product-roles-table td,.ntm-product-roles-table th{border:1px solid rgb(var(--neeto-ui-gray-300));padding:8px;text-align:left}.ntm-manage-members__checkbox-align-start.neeto-ui-checkbox__wrapper .neeto-ui-checkbox__container{align-items:flex-start}.ntm-manage-members__checkbox-align-start.neeto-ui-checkbox__wrapper .neeto-ui-checkbox[type=checkbox]{margin-top:4px}.ntm-roles-table__wrapper{display:flex;height:calc(100vh - var(--neeto-ui-main-header-with-breadcrumbs-height));padding:0 1.5rem;width:100%}.ntm-roles-table__sidebar{border-left:thin solid rgb(var(--neeto-ui-gray-300));border-right:thin solid rgb(var(--neeto-ui-gray-300));border-top:thin solid rgb(var(--neeto-ui-gray-300));min-width:396px;min-width:var(--ntm-roles-sidebar-width);width:396px;width:var(--ntm-roles-sidebar-width)}.ntm-roles-table-sidebar__search{height:72px;height:var(--ntm-roles-table-header-height);padding:20px 24px}.ntm-roles-table-sidebar__list{height:calc(100vh - var(--neeto-ui-main-header-with-breadcrumbs-height) - 87px);height:calc(100vh - var(--neeto-ui-main-header-with-breadcrumbs-height) - var(\n        --ntm-roles-table-header-height\n      ) - var(--ntm-roles-table-default-scroll));overflow-y:auto}.ntm-roles-table-sidebar__list-item{align-items:center;display:flex;justify-content:space-between;min-height:68px;min-height:var(--ntm-roles-table-cell-height);padding:12px 24px}.ntm-roles-table-sidebar__list-item.ntm-roles-table-sidebar__list-item--highlighted{background-color:rgb(var(--neeto-ui-primary-100));padding:12px 24px}.ntm-roles-table-sidebar__list-item:not(.ntm-roles-table-sidebar__list-item--highlighted),.ntm-roles-table__columns{border-bottom:thin solid rgb(var(--neeto-ui-gray-300))}.ntm-roles-table__columns{border-top:thin solid rgb(var(--neeto-ui-gray-300));overflow:hidden;width:calc(100vw - var(--neeto-ui-sidebar-width) - 420px);width:calc(100vw - var(--neeto-ui-sidebar-width) - var(--ntm-roles-sidebar-width) - 24px)}.ntm-roles-table__cell{align-items:center;border-right:thin solid rgb(var(--neeto-ui-gray-300));display:flex;height:68px;height:var(--ntm-roles-table-cell-height);justify-content:center;min-width:200px;padding:12px 8px;width:100%}.ntm-roles-table-cell__checkbox-wrapper{height:1rem;margin:auto;position:absolute;width:1rem;z-index:10}.ntm-roles-table-cell__checkbox{z-index:10}.ntm-roles-table__header{align-items:center;display:flex;overflow-x:auto}.ntm-roles-table__header .ntm-roles-table__cell{height:72px;height:var(--ntm-roles-table-header-height)}.ntm-roles-table-header-cell__container{align-items:center;display:flex;justify-content:space-between;overflow:hidden;width:100%}.ntm-roles-table-header__dropdown{flex-shrink:0;margin:3px}.ntm-roles-table-header__role-name{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.ntm-roles-table__rows{height:calc(100vh - var(--neeto-ui-main-header-with-breadcrumbs-height) - 87px);height:calc(100vh - var(--neeto-ui-main-header-with-breadcrumbs-height) - var(\n        --ntm-roles-table-header-height\n      ) - var(--ntm-roles-table-default-scroll));overflow-y:auto;scrollbar-width:none;width:100%}.ntm-roles-table__rows::-webkit-scrollbar{height:0;width:0}.ntm-roles-table__rows::-webkit-scrollbar-thumb{background:rgb(var(--neeto-ui-gray-300));border-radius:50px}.ntm-roles-table__rows::-webkit-scrollbar-thumb:hover{border-radius:50px}.ntm-roles-table__rows::-webkit-scrollbar-track{background:rgb(var(--neeto-ui-gray-300))}.ntm-roles-table__row{align-items:center;display:flex}.ntm-roles-table__row .ntm-roles-table__cell{overflow:hidden;position:relative}.ntm-roles-table__row .ntm-roles-table__cell p{min-width:340px;opacity:0;width:340px}.ntm-roles-table__row.ntm-roles-table__row--highlighted .ntm-roles-table__cell{background-color:rgb(var(--neeto-ui-primary-100))}.ntm-roles-table__row:not(.ntm-roles-table__row--highlighted) .ntm-roles-table__cell{border-bottom:thin solid rgb(var(--neeto-ui-gray-300))}.ntm-roles-table-sidebar__drop-down-button{color:rgb(var(--neeto-ui-gray-600));cursor:pointer}.ntm-roles-modal__body>*+*{margin-top:1rem}.ntm-roles-modal__footer{display:flex;gap:.5rem}.ntm-roles-pane__body{margin-bottom:1.5rem;width:100%}.ntm-roles-pane__body-wrapper>*+*{margin-top:1rem}.ntm-roles-pane__body>*+*{margin-top:1.5rem}.ntm-roles-pane__footer{display:flex;gap:.5rem}.ntm-roles-permission__heading{color:rgb(var(--neeto-ui-gray-500));text-transform:uppercase}.ntm-roles-permission__card{background-color:rgb(var(--neeto-ui-white));display:flex;flex-direction:column;gap:.75rem;padding:.4rem 0;position:relative}.ntm-roles-permission__card:after{background-color:rgb(var(--neeto-ui-gray-300));content:\"\";height:1px;left:-15px;position:absolute;top:14px;width:10px}.ntm-roles-permission__card--description{flex-grow:1}.ntm-roles-permission__card--checkbox{padding:0 .5rem}.ntm-roles-permission__card .neeto-ui-checkbox__wrapper .neeto-ui-checkbox__container{align-items:flex-start}.ntm-roles-permission__card .neeto-ui-checkbox__wrapper .neeto-ui-checkbox__container .neeto-ui-checkbox[type=checkbox]:disabled+.neeto-ui-label{cursor:not-allowed;opacity:.5}.ntm-roles-permission__sub-blocks{position:relative}.ntm-roles-permission__sub-blocks:before{background-color:rgb(var(--neeto-ui-gray-300));content:\"\";height:calc(100% - 14px);left:8px;position:absolute;top:0;width:1px}.ntm-roles-permission__sub-blocks:empty{display:none}.ntm-roles-permission-category-card{border:1px solid rgb(var(--neeto-ui-gray-400));border-radius:var(--neeto-ui-rounded);padding:10px 20px}.ntm-roles-permission-category-card>.ntm-roles-permission__card:after{display:none}.ntm-roles-help-url-wrapper{align-items:center;display:flex;justify-content:center;padding:1rem 0;width:100%}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9zdHlsZXNoZWV0cy9hYnN0cmFjdHMvX3Jvb3Quc2NzcyIsInNyYy9zdHlsZXNoZWV0cy9hcHBsaWNhdGlvbi5zY3NzIiwic3JjL3N0eWxlc2hlZXRzL2Jhc2UvX2Jhc2Uuc2NzcyIsInNyYy9zdHlsZXNoZWV0cy9jb21wb25lbnRzL19lbXB0eS1zdGF0ZS5zY3NzIiwic3JjL3N0eWxlc2hlZXRzL3BhZ2VzL19tZW1iZXJzLnNjc3MiLCJzcmMvc3R5bGVzaGVldHMvcGFnZXMvX3JvbGVzLnNjc3MiLCJzcmMvc3R5bGVzaGVldHMvYWJzdHJhY3RzL19taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUNFLHFDQUFBLENBQ0Esa0NBQUEsQ0FDQSwrQkFBQSxDQUNBLG9DQ0NGLENDSkUsc0JBRUUsWUFBQSxDQURBLFVEUUosQ0NKRSxzQkFLRSxZQUFBLENBRkEsTUFBQSxDQUdBLGlCQUFBLENBTEEsbUJBQUEsQ0FDQSxLQUFBLENBS0EsbUJBQUEsQ0FIQSxXRFNKLENFbkJBLGlCQUlFLGtCQUFBLENBREEsWUFBQSxDQURBLFdBQUEsQ0FHQSxzQkFBQSxDQUpBLFVGMEJGLENHM0JBLGFBQ0UsYUFBQSxDQUNBLFVIOEJGLENHNUJFLHFCQUNFLFlIOEJKLENHM0JFLHlCQUVFLFlBQUEsQ0FEQSxVSDhCSixDR3pCSSw0QkFFRSxZQUFBLENBRUEsVUFBQSxDQURBLDZCQUFBLENBRkEsVUg4Qk4sQ0d6QkksMkJBRUUsa0JBQUEsQ0FEQSxZQUFBLENBRUEsU0gyQk4sQ0d0QkksMEJBQ0UsbUJId0JOLENHckJJLHdCQUVFLG1CQUFBLENBREEsVUh3Qk4sQ0d0Qk0sNEJBQ0UsaUJId0JSLENHcEJJLDBCQUNFLFlBQUEsQ0FDQSxTSHNCTixDR2pCQSw0QkFFRSxzQkFBQSxDQURBLFlIcUJGLENHbEJFLGdDQUNFLGlCSG9CSixDR2hCQSwrQkFFRSxrQkFBQSxDQURBLFlBQUEsQ0FFQSw2QkFBQSxDQUVBLGVBQUEsQ0FEQSxVSG9CRixDR2hCQSw4Q0FFRSxlQUFBLENBREEsU0hvQkYsQ0doQkEsd0NBRUUsa0JBQUEsQ0FEQSxZQUFBLENBRUEsNkJBQUEsQ0FDQSxnQkhtQkYsQ0doQkEsbURBRUUsZUFBQSxDQURBLFNIb0JGLENHZEUsc0ZBQ0UsVUhvQkosQ0dqQkUsZ0NBQ0UsaUJIbUJKLENHaEJFLCtCQUNFLGNIa0JKLENHYkUsc0NBRUUsY0FBQSxDQUNBLHVCQUFBLENBRkEsVUhrQkosQ0dmSSxrREFDRSx1QkhpQk4sQ0diRSxvQ0FDRSx5QkhlSixDR05FLHNFQUxFLG1DSHNCSixDR2pCRSw0QkFFRSxpQ0FBQSxDQUVBLHFDQUFBLENBQ0Esd0JBQUEsQ0FGQSxxQkhjSixDR1ZFLHdEQUVFLDhDQUFBLENBRUEsV0FBQSxDQURBLGVIYUosQ0dQRSxtR0FDRSxzQkhVSixDR1JFLHVHQUNFLGNIVUosQ0lsSkEsMEJBR0UsWUFBQSxDQURBLHdFQUFBLENBRUEsZ0JBQUEsQ0FIQSxVSndKRixDSWxKQSwwQkFJRSxvREFBQSxDQURBLHFEQUFBLENBRUEsbURBQUEsQ0FIQSxlQUFBLENBQUEsd0NBQUEsQ0FEQSxXQUFBLENBQUEsb0NKeUpGLENJbEpBLGlDQUVFLFdBQUEsQ0FBQSwyQ0FBQSxDQURBLGlCSnNKRixDSWxKQSwrQkFDRSwrRUFBQSxDQUFBOztnREFBQSxDQUtBLGVKcUpGLENJbEpBLG9DQUdFLGtCQUFBLENBRkEsWUFBQSxDQUNBLDZCQUFBLENBR0EsZUFBQSxDQUFBLDZDQUFBLENBREEsaUJKc0pGLENJbkpFLG9GQUNFLGlEQUFBLENBQ0EsaUJKcUpKLENJN0lBLG9IQUpJLHNESjZKSixDSXpKQSwwQkFLRSxtREFBQSxDQURBLGVBQUEsQ0FIQSx5REFBQSxDQUFBLHlGSndKRixDSWhKQSx1QkFRRSxrQkFBQSxDQUVBLHFEQUFBLENBSkEsWUFBQSxDQUhBLFdBQUEsQ0FBQSx5Q0FBQSxDQUlBLHNCQUFBLENBTEEsZUFBQSxDQUVBLGdCQUFBLENBSEEsVUowSkYsQ0k5SUEsd0NBRUUsV0FBQSxDQUVBLFdBQUEsQ0FIQSxpQkFBQSxDQUVBLFVBQUEsQ0FFQSxVSmlKRixDSTlJQSxnQ0FDRSxVSmlKRixDSTlJQSx5QkFFRSxrQkFBQSxDQURBLFlBQUEsQ0FFQSxlSmlKRixDSS9JRSxnREFDRSxXQUFBLENBQUEsMkNKaUpKLENJN0lBLHdDQUdFLGtCQUFBLENBRkEsWUFBQSxDQUNBLDZCQUFBLENBR0EsZUFBQSxDQURBLFVKaUpGLENJN0lBLGtDQUVFLGFBQUEsQ0FEQSxVSmlKRixDSTdJQSxtQ0FDRSxlQUFBLENBR0EsaUJBQUEsQ0FGQSxzQkFBQSxDQUNBLGtCQUFBLENBRUEsVUpnSkYsQ0k3SUEsdUJBRUUsK0VBQUEsQ0FBQTs7Z0RBQUEsQ0FLQSxlQUFBLENDakhBLG9CQUFBLENEMkdBLFVKdUpGLENLaFFFLDBDQUVFLFFEK0dBLENDaEhBLE9MbVFKLENLL1BFLGdEQUNFLHdDRDRHQSxDQzNHQSxrQkxpUUosQ0s5UEUsc0RBQ0Usa0JMZ1FKLENLN1BFLGdEQUNFLHdDTCtQSixDSXZKQSxzQkFFRSxrQkFBQSxDQURBLFlKMkpGLENJeEpFLDZDQUNFLGVBQUEsQ0FDQSxpQkowSkosQ0l2SkksK0NBR0UsZUFBQSxDQUZBLFNBQUEsQ0FDQSxXSjBKTixDSXBKSSwrRUFDRSxpREpzSk4sQ0lqSkkscUZBQ0Usc0RKbUpOLENJOUlBLDJDQUNFLG1DQUFBLENBQ0EsY0ppSkYsQ0k3SUUsMkJBQ0UsZUpnSkosQ0k3SUUseUJBQ0UsWUFBQSxDQUNBLFNKK0lKLENJMUlFLHNCQUVFLG9CQUFBLENBREEsVUo4SUosQ0kzSUksa0NBQ0UsZUo2SU4sQ0kxSUksMEJBQ0UsaUJKNElOLENJeElFLHdCQUNFLFlBQUEsQ0FDQSxTSjBJSixDSXJJRSwrQkFDRSxtQ0FBQSxDQUNBLHdCSndJSixDSXJJRSw0QkFDRSwyQ0FBQSxDQUdBLFlBQUEsQ0FDQSxxQkFBQSxDQUNBLFVBQUEsQ0FDQSxlQUFBLENBTEEsaUJKMklKLENJcElJLGtDQUNFLDhDQUFBLENBQ0EsVUFBQSxDQUNBLFVBQUEsQ0FDQSxVQUFBLENBQ0EsaUJBQUEsQ0FDQSxRQUFBLENBQ0EsVUpzSU4sQ0luSUkseUNBQ0UsV0pxSU4sQ0lsSUksc0NBQ0UsZUpvSU4sQ0lqSUksc0ZBQ0Usc0JKbUlOLENJaklNLGlKQUVFLGtCQUFBLENBREEsVUpvSVIsQ0k5SEUsa0NBQ0UsaUJKZ0lKLENJOUhJLHlDQUNFLDhDQUFBLENBRUEsVUFBQSxDQUNBLHdCQUFBLENBQ0EsUUFBQSxDQUNBLGlCQUFBLENBSkEsS0FBQSxDQUtBLFNKZ0lOLENJN0hJLHdDQUNFLFlKK0hOLENJMUhBLG9DQUdFLDhDQUFBLENBREEscUNBQUEsQ0FEQSxpQkorSEYsQ0kzSEksc0VBQ0UsWUo2SE4sQ0l4SEEsNEJBR0Usa0JBQUEsQ0FGQSxZQUFBLENBR0Esc0JBQUEsQ0FDQSxjQUFBLENBSEEsVUo4SEYiLCJzb3VyY2VzQ29udGVudCI6WyI6cm9vdCB7XG4gIC0tbnRtLXJvbGVzLXRhYmxlLWRlZmF1bHQtc2Nyb2xsOiAxNXB4O1xuICAtLW50bS1yb2xlcy10YWJsZS1jZWxsLWhlaWdodDogNjhweDtcbiAgLS1udG0tcm9sZXMtc2lkZWJhci13aWR0aDogMzk2cHg7XG4gIC0tbnRtLXJvbGVzLXRhYmxlLWhlYWRlci1oZWlnaHQ6IDcycHg7XG59XG4iLCI6cm9vdCB7XG4gIC0tbnRtLXJvbGVzLXRhYmxlLWRlZmF1bHQtc2Nyb2xsOiAxNXB4O1xuICAtLW50bS1yb2xlcy10YWJsZS1jZWxsLWhlaWdodDogNjhweDtcbiAgLS1udG0tcm9sZXMtc2lkZWJhci13aWR0aDogMzk2cHg7XG4gIC0tbnRtLXJvbGVzLXRhYmxlLWhlYWRlci1oZWlnaHQ6IDcycHg7XG59XG5cbi5udG0tc2Nyb2xsYmFyX19pbm5lciB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDIwMHB4O1xufVxuLm50bS1zY3JvbGxiYXJfX291dGVyIHtcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIjtcbiAgdG9wOiAwcHg7XG4gIGxlZnQ6IDBweDtcbiAgd2lkdGg6IDIwMHB4O1xuICBoZWlnaHQ6IDE1MHB4O1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIjtcbiAgdmlzaWJpbGl0eTogXCJoaWRkZW5cIjtcbn1cblxuLm50bS1lbXB0eS1zdGF0ZSB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xufVxuXG4ubnRtLW1lbWJlcnMge1xuICBvdmVyZmxvdzogYXV0bztcbiAgd2lkdGg6IDEwMCU7XG59XG4ubnRtLW1lbWJlcnMtd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG59XG4ubnRtLW1lbWJlcnMtcGFnZS1sb2FkZXIge1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDB2aDtcbn1cbi5udG0tbWVtYmVycy10YWJsZV9fd3JhcHBlciB7XG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGdhcDogMC43NXJlbTtcbn1cbi5udG0tbWVtYmVycy10YWJsZV9fY29sdW1uIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAwLjVyZW07XG59XG4ubnRtLW1lbWJlcnMtZm9ybV9faGVhZGVyIHtcbiAgbWFyZ2luLWJvdHRvbTogMC41cmVtO1xufVxuLm50bS1tZW1iZXJzLWZvcm1fX2JvZHkge1xuICB3aWR0aDogMTAwJTtcbiAgcGFkZGluZy1ib3R0b206IDFyZW07XG59XG4ubnRtLW1lbWJlcnMtZm9ybV9fYm9keSA+ICogKyAqIHtcbiAgbWFyZ2luLXRvcDogMS41cmVtO1xufVxuLm50bS1tZW1iZXJzLWZvcm1fX2Zvb3RlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogMC41cmVtO1xufVxuXG4ubnRtLW1hbmFnZS1tZW1iZXJzX19oZWFkZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbn1cbi5udG0tbWFuYWdlLW1lbWJlcnNfX2hlYWRlciA+ICogKyAqIHtcbiAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbn1cblxuLm50bS1tYW5hZ2UtbWVtYmVyc19fYXBwLXJvbGVzIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB3aWR0aDogMTAwJTtcbiAgcGFkZGluZzogMC41cmVtIDA7XG59XG5cbi5udG0tbWFuYWdlLW1lbWJlcnMtYXBwLXJvbGVzX19zZWxlY3Qtd3JhcHBlciB7XG4gIHdpZHRoOiA1MCU7XG4gIG1heC13aWR0aDogMjUwcHg7XG59XG5cbi5udG0tbWFuYWdlLW1lbWJlcnMtZWZmZWN0aXZlLWFwcC1yb2xlcyB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgcGFkZGluZzogMC4yNXJlbSAwO1xufVxuXG4ubnRtLW1hbmFnZS1tZW1iZXJzLWVmZmVjdGl2ZS1hcHAtcm9sZXNfX3JvbGUtbmFtZSB7XG4gIHdpZHRoOiA2NyU7XG4gIG1heC13aWR0aDogMzAwcHg7XG59XG5cbi5udG0tbWVtYmVycy1yYWRpby1ncm91cCB7XG4gIHdpZHRoOiAxMDAlO1xufVxuLm50bS1tZW1iZXJzLXJhZGlvLWdyb3VwIC5uZWV0by11aS1yYWRpb19fY29udGFpbmVyLS1zdGFja2VkIHtcbiAgd2lkdGg6IDEwMCU7XG59XG4ubnRtLW1lbWJlcnMtcmFkaW8tZ3JvdXBfX2xhYmVsIHtcbiAgcGFkZGluZy1yaWdodDogNHB4O1xufVxuLm50bS1tZW1iZXJzLXJhZGlvLWdyb3VwX19pY29uIHtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG4ubnRtLW1lbWJlcnMtZm9ybS1yYWRpby1pdGVtX193cmFwcGVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgcGFkZGluZzogOHB4IDBweCAhaW1wb3J0YW50O1xufVxuLm50bS1tZW1iZXJzLWZvcm0tcmFkaW8taXRlbV9fd3JhcHBlcjpmaXJzdC1jaGlsZCB7XG4gIHBhZGRpbmctdG9wOiAwcHggIWltcG9ydGFudDtcbn1cbi5udG0tbWVtYmVycy1mb3JtLXJhZGlvLWl0ZW1fX2xhYmVsIHtcbiAgbWFyZ2luLWJvdHRvbTogMCAhaW1wb3J0YW50O1xufVxuLm50bS1tZW1iZXJzLWZvcm0tcmFkaW8taXRlbV9fZGVzY3JpcHRpb24ge1xuICBjb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktNzAwKSk7XG59XG5cbi5udG0tcHJvZHVjdC1yb2xlcy10YWJsZSB0aCB7XG4gIGNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktZ3JheS03MDApKTtcbiAgZm9udC1zaXplOiB2YXIoLS1uZWV0by11aS10ZXh0LXhzKTtcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgZm9udC13ZWlnaHQ6IHZhcigtLW5lZXRvLXVpLWZvbnQtYm9sZCk7XG4gIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG59XG4ubnRtLXByb2R1Y3Qtcm9sZXMtdGFibGUgdGQsXG4ubnRtLXByb2R1Y3Qtcm9sZXMtdGFibGUgdGgge1xuICBib3JkZXI6IDFweCBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS0zMDApKTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgcGFkZGluZzogOHB4O1xufVxuXG4ubnRtLW1hbmFnZS1tZW1iZXJzX19jaGVja2JveC1hbGlnbi1zdGFydC5uZWV0by11aS1jaGVja2JveF9fd3JhcHBlciAubmVldG8tdWktY2hlY2tib3hfX2NvbnRhaW5lciB7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xufVxuLm50bS1tYW5hZ2UtbWVtYmVyc19fY2hlY2tib3gtYWxpZ24tc3RhcnQubmVldG8tdWktY2hlY2tib3hfX3dyYXBwZXIgLm5lZXRvLXVpLWNoZWNrYm94W3R5cGU9Y2hlY2tib3hdIHtcbiAgbWFyZ2luLXRvcDogNHB4O1xufVxuXG4ubnRtLXJvbGVzLXRhYmxlX193cmFwcGVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogY2FsYygxMDB2aCAtIHZhcigtLW5lZXRvLXVpLW1haW4taGVhZGVyLXdpdGgtYnJlYWRjcnVtYnMtaGVpZ2h0KSk7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6IDAgMS41cmVtO1xufVxuXG4ubnRtLXJvbGVzLXRhYmxlX19zaWRlYmFyIHtcbiAgd2lkdGg6IHZhcigtLW50bS1yb2xlcy1zaWRlYmFyLXdpZHRoKTtcbiAgbWluLXdpZHRoOiB2YXIoLS1udG0tcm9sZXMtc2lkZWJhci13aWR0aCk7XG4gIGJvcmRlci1yaWdodDogdGhpbiBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS0zMDApKTtcbiAgYm9yZGVyLWxlZnQ6IHRoaW4gc29saWQgcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMzAwKSk7XG4gIGJvcmRlci10b3A6IHRoaW4gc29saWQgcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMzAwKSk7XG59XG5cbi5udG0tcm9sZXMtdGFibGUtc2lkZWJhcl9fc2VhcmNoIHtcbiAgcGFkZGluZzogMjBweCAyNHB4O1xuICBoZWlnaHQ6IHZhcigtLW50bS1yb2xlcy10YWJsZS1oZWFkZXItaGVpZ2h0KTtcbn1cblxuLm50bS1yb2xlcy10YWJsZS1zaWRlYmFyX19saXN0IHtcbiAgaGVpZ2h0OiBjYWxjKFxuICAgIDEwMHZoIC0gdmFyKC0tbmVldG8tdWktbWFpbi1oZWFkZXItd2l0aC1icmVhZGNydW1icy1oZWlnaHQpIC0gdmFyKFxuICAgICAgICAtLW50bS1yb2xlcy10YWJsZS1oZWFkZXItaGVpZ2h0XG4gICAgICApIC0gdmFyKC0tbnRtLXJvbGVzLXRhYmxlLWRlZmF1bHQtc2Nyb2xsKVxuICApO1xuICBvdmVyZmxvdy15OiBhdXRvO1xufVxuXG4ubnRtLXJvbGVzLXRhYmxlLXNpZGViYXJfX2xpc3QtaXRlbSB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogMTJweCAyNHB4O1xuICBtaW4taGVpZ2h0OiB2YXIoLS1udG0tcm9sZXMtdGFibGUtY2VsbC1oZWlnaHQpO1xufVxuLm50bS1yb2xlcy10YWJsZS1zaWRlYmFyX19saXN0LWl0ZW0ubnRtLXJvbGVzLXRhYmxlLXNpZGViYXJfX2xpc3QtaXRlbS0taGlnaGxpZ2h0ZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktcHJpbWFyeS0xMDApKTtcbiAgcGFkZGluZzogMTJweCAyNHB4O1xufVxuLm50bS1yb2xlcy10YWJsZS1zaWRlYmFyX19saXN0LWl0ZW06bm90KC5udG0tcm9sZXMtdGFibGUtc2lkZWJhcl9fbGlzdC1pdGVtLS1oaWdobGlnaHRlZCkge1xuICBib3JkZXItYm90dG9tOiB0aGluIHNvbGlkIHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTMwMCkpO1xufVxuXG4ubnRtLXJvbGVzLXRhYmxlX19jb2x1bW5zIHtcbiAgd2lkdGg6IGNhbGMoXG4gICAgMTAwdncgLSB2YXIoLS1uZWV0by11aS1zaWRlYmFyLXdpZHRoKSAtIHZhcigtLW50bS1yb2xlcy1zaWRlYmFyLXdpZHRoKSAtIDI0cHhcbiAgKTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYm9yZGVyLXRvcDogdGhpbiBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS0zMDApKTtcbiAgYm9yZGVyLWJvdHRvbTogdGhpbiBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS0zMDApKTtcbn1cblxuLm50bS1yb2xlcy10YWJsZV9fY2VsbCB7XG4gIHdpZHRoOiAxMDAlO1xuICBtaW4td2lkdGg6IDIwMHB4O1xuICBoZWlnaHQ6IHZhcigtLW50bS1yb2xlcy10YWJsZS1jZWxsLWhlaWdodCk7XG4gIHBhZGRpbmc6IDEycHggOHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm9yZGVyLXJpZ2h0OiB0aGluIHNvbGlkIHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTMwMCkpO1xufVxuXG4ubnRtLXJvbGVzLXRhYmxlLWNlbGxfX2NoZWNrYm94LXdyYXBwZXIge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGhlaWdodDogMXJlbTtcbiAgd2lkdGg6IDFyZW07XG4gIG1hcmdpbjogYXV0bztcbiAgei1pbmRleDogMTA7XG59XG5cbi5udG0tcm9sZXMtdGFibGUtY2VsbF9fY2hlY2tib3gge1xuICB6LWluZGV4OiAxMDtcbn1cblxuLm50bS1yb2xlcy10YWJsZV9faGVhZGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgb3ZlcmZsb3cteDogYXV0bztcbn1cbi5udG0tcm9sZXMtdGFibGVfX2hlYWRlciAubnRtLXJvbGVzLXRhYmxlX19jZWxsIHtcbiAgaGVpZ2h0OiB2YXIoLS1udG0tcm9sZXMtdGFibGUtaGVhZGVyLWhlaWdodCk7XG59XG5cbi5udG0tcm9sZXMtdGFibGUtaGVhZGVyLWNlbGxfX2NvbnRhaW5lciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG59XG5cbi5udG0tcm9sZXMtdGFibGUtaGVhZGVyX19kcm9wZG93biB7XG4gIG1hcmdpbjogM3B4O1xuICBmbGV4LXNocmluazogMDtcbn1cblxuLm50bS1yb2xlcy10YWJsZS1oZWFkZXJfX3JvbGUtbmFtZSB7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4ubnRtLXJvbGVzLXRhYmxlX19yb3dzIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogY2FsYyhcbiAgICAxMDB2aCAtIHZhcigtLW5lZXRvLXVpLW1haW4taGVhZGVyLXdpdGgtYnJlYWRjcnVtYnMtaGVpZ2h0KSAtIHZhcihcbiAgICAgICAgLS1udG0tcm9sZXMtdGFibGUtaGVhZGVyLWhlaWdodFxuICAgICAgKSAtIHZhcigtLW50bS1yb2xlcy10YWJsZS1kZWZhdWx0LXNjcm9sbClcbiAgKTtcbiAgb3ZlcmZsb3cteTogYXV0bztcbiAgc2Nyb2xsYmFyLXdpZHRoOiBub25lO1xufVxuLm50bS1yb2xlcy10YWJsZV9fcm93czo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICB3aWR0aDogMHB4O1xuICBoZWlnaHQ6IDBweDtcbn1cbi5udG0tcm9sZXMtdGFibGVfX3Jvd3M6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iIHtcbiAgYmFja2dyb3VuZDogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMzAwKSk7XG4gIGJvcmRlci1yYWRpdXM6IDUwcHg7XG59XG4ubnRtLXJvbGVzLXRhYmxlX19yb3dzOjotd2Via2l0LXNjcm9sbGJhci10aHVtYjpob3ZlciB7XG4gIGJvcmRlci1yYWRpdXM6IDUwcHg7XG59XG4ubnRtLXJvbGVzLXRhYmxlX19yb3dzOjotd2Via2l0LXNjcm9sbGJhci10cmFjayB7XG4gIGJhY2tncm91bmQ6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTMwMCkpO1xufVxuXG4ubnRtLXJvbGVzLXRhYmxlX19yb3cge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLm50bS1yb2xlcy10YWJsZV9fcm93IC5udG0tcm9sZXMtdGFibGVfX2NlbGwge1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4ubnRtLXJvbGVzLXRhYmxlX19yb3cgLm50bS1yb2xlcy10YWJsZV9fY2VsbCBwIHtcbiAgb3BhY2l0eTogMDtcbiAgd2lkdGg6IDM0MHB4O1xuICBtaW4td2lkdGg6IDM0MHB4O1xufVxuLm50bS1yb2xlcy10YWJsZV9fcm93Lm50bS1yb2xlcy10YWJsZV9fcm93LS1oaWdobGlnaHRlZCAubnRtLXJvbGVzLXRhYmxlX19jZWxsIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLXByaW1hcnktMTAwKSk7XG59XG4ubnRtLXJvbGVzLXRhYmxlX19yb3c6bm90KC5udG0tcm9sZXMtdGFibGVfX3Jvdy0taGlnaGxpZ2h0ZWQpIC5udG0tcm9sZXMtdGFibGVfX2NlbGwge1xuICBib3JkZXItYm90dG9tOiB0aGluIHNvbGlkIHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTMwMCkpO1xufVxuXG4ubnRtLXJvbGVzLXRhYmxlLXNpZGViYXJfX2Ryb3AtZG93bi1idXR0b24ge1xuICBjb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktNjAwKSk7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLm50bS1yb2xlcy1tb2RhbF9fYm9keSA+ICogKyAqIHtcbiAgbWFyZ2luLXRvcDogMXJlbTtcbn1cbi5udG0tcm9sZXMtbW9kYWxfX2Zvb3RlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogMC41cmVtO1xufVxuXG4ubnRtLXJvbGVzLXBhbmVfX2JvZHkge1xuICB3aWR0aDogMTAwJTtcbiAgbWFyZ2luLWJvdHRvbTogMS41cmVtO1xufVxuLm50bS1yb2xlcy1wYW5lX19ib2R5LXdyYXBwZXIgPiAqICsgKiB7XG4gIG1hcmdpbi10b3A6IDFyZW07XG59XG4ubnRtLXJvbGVzLXBhbmVfX2JvZHkgPiAqICsgKiB7XG4gIG1hcmdpbi10b3A6IDEuNXJlbTtcbn1cbi5udG0tcm9sZXMtcGFuZV9fZm9vdGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAwLjVyZW07XG59XG5cbi5udG0tcm9sZXMtcGVybWlzc2lvbl9faGVhZGluZyB7XG4gIGNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktZ3JheS01MDApKTtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbn1cbi5udG0tcm9sZXMtcGVybWlzc2lvbl9fY2FyZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS13aGl0ZSkpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogMC43NXJlbTtcbiAgcGFkZGluZzogMC40cmVtIDA7XG59XG4ubnRtLXJvbGVzLXBlcm1pc3Npb25fX2NhcmQ6OmFmdGVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMzAwKSk7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGhlaWdodDogMXB4O1xuICBsZWZ0OiAtMTVweDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDE0cHg7XG4gIHdpZHRoOiAxMHB4O1xufVxuLm50bS1yb2xlcy1wZXJtaXNzaW9uX19jYXJkLS1kZXNjcmlwdGlvbiB7XG4gIGZsZXgtZ3JvdzogMTtcbn1cbi5udG0tcm9sZXMtcGVybWlzc2lvbl9fY2FyZC0tY2hlY2tib3gge1xuICBwYWRkaW5nOiAwIDAuNXJlbTtcbn1cbi5udG0tcm9sZXMtcGVybWlzc2lvbl9fY2FyZCAubmVldG8tdWktY2hlY2tib3hfX3dyYXBwZXIgLm5lZXRvLXVpLWNoZWNrYm94X19jb250YWluZXIge1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbn1cbi5udG0tcm9sZXMtcGVybWlzc2lvbl9fY2FyZCAubmVldG8tdWktY2hlY2tib3hfX3dyYXBwZXIgLm5lZXRvLXVpLWNoZWNrYm94X19jb250YWluZXIgLm5lZXRvLXVpLWNoZWNrYm94W3R5cGU9Y2hlY2tib3hdOmRpc2FibGVkICsgLm5lZXRvLXVpLWxhYmVsIHtcbiAgb3BhY2l0eTogMC41O1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xufVxuLm50bS1yb2xlcy1wZXJtaXNzaW9uX19zdWItYmxvY2tzIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuLm50bS1yb2xlcy1wZXJtaXNzaW9uX19zdWItYmxvY2tzOjpiZWZvcmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktZ3JheS0zMDApKTtcbiAgdG9wOiAwO1xuICBjb250ZW50OiBcIlwiO1xuICBoZWlnaHQ6IGNhbGMoMTAwJSAtIDE0cHgpO1xuICBsZWZ0OiA4cHg7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbn1cbi5udG0tcm9sZXMtcGVybWlzc2lvbl9fc3ViLWJsb2NrczplbXB0eSB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5udG0tcm9sZXMtcGVybWlzc2lvbi1jYXRlZ29yeS1jYXJkIHtcbiAgcGFkZGluZzogMTBweCAyMHB4O1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1uZWV0by11aS1yb3VuZGVkKTtcbiAgYm9yZGVyOiAxcHggc29saWQgcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktNDAwKSk7XG59XG4ubnRtLXJvbGVzLXBlcm1pc3Npb24tY2F0ZWdvcnktY2FyZCA+IC5udG0tcm9sZXMtcGVybWlzc2lvbl9fY2FyZDo6YWZ0ZXIge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4ubnRtLXJvbGVzLWhlbHAtdXJsLXdyYXBwZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICB3aWR0aDogMTAwJTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDFyZW0gMDtcbn0iLCIubnRtLXNjcm9sbGJhciB7XG4gICZfX2lubmVyIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDIwMHB4O1xuICB9XG5cbiAgJl9fb3V0ZXIge1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCI7XG4gICAgdG9wOiAwcHg7XG4gICAgbGVmdDogMHB4O1xuICAgIHdpZHRoOiAyMDBweDtcbiAgICBoZWlnaHQ6IDE1MHB4O1xuICAgIG92ZXJmbG93OiBcImhpZGRlblwiO1xuICAgIHZpc2liaWxpdHk6IFwiaGlkZGVuXCI7XG4gIH1cbn1cbiIsIi5udG0tZW1wdHktc3RhdGUge1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cbiIsIi5udG0tbWVtYmVycyB7XG4gIG92ZXJmbG93OiBhdXRvO1xuICB3aWR0aDogMTAwJTtcblxuICAmLXdyYXBwZXIge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gIH1cblxuICAmLXBhZ2UtbG9hZGVyIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMHZoO1xuICB9XG5cbiAgJi10YWJsZSB7XG4gICAgJl9fd3JhcHBlciB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICBnYXA6IDAuNzVyZW07XG4gICAgfVxuICAgICZfX2NvbHVtbiB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGdhcDogMC41cmVtO1xuICAgIH1cbiAgfVxuXG4gICYtZm9ybSB7XG4gICAgJl9faGVhZGVyIHtcbiAgICAgIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcbiAgICB9XG5cbiAgICAmX19ib2R5IHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgcGFkZGluZy1ib3R0b206IDFyZW07XG4gICAgICAmID4gKiArICoge1xuICAgICAgICBtYXJnaW4tdG9wOiAxLjVyZW07XG4gICAgICB9XG4gICAgfVxuXG4gICAgJl9fZm9vdGVyIHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBnYXA6IDAuNXJlbTtcbiAgICB9XG4gIH1cbn1cblxuLm50bS1tYW5hZ2UtbWVtYmVyc19faGVhZGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cbiAgJiA+ICogKyAqIHtcbiAgICBtYXJnaW4tbGVmdDogMC41cmVtO1xuICB9XG59XG5cbi5udG0tbWFuYWdlLW1lbWJlcnNfX2FwcC1yb2xlcyB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG4gIHBhZGRpbmc6IDAuNXJlbSAwO1xufVxuXG4ubnRtLW1hbmFnZS1tZW1iZXJzLWFwcC1yb2xlc19fc2VsZWN0LXdyYXBwZXIge1xuICB3aWR0aDogNTAlO1xuICBtYXgtd2lkdGg6IDI1MHB4O1xufVxuXG4ubnRtLW1hbmFnZS1tZW1iZXJzLWVmZmVjdGl2ZS1hcHAtcm9sZXMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHBhZGRpbmc6IDAuMjVyZW0gMDtcbn1cblxuLm50bS1tYW5hZ2UtbWVtYmVycy1lZmZlY3RpdmUtYXBwLXJvbGVzX19yb2xlLW5hbWUge1xuICB3aWR0aDogNjclO1xuICBtYXgtd2lkdGg6IDMwMHB4O1xufVxuXG4ubnRtLW1lbWJlcnMtcmFkaW8tZ3JvdXAge1xuICB3aWR0aDogMTAwJTtcbiAgLm5lZXRvLXVpLXJhZGlvX19jb250YWluZXItLXN0YWNrZWQge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG5cbiAgJl9fbGFiZWwge1xuICAgIHBhZGRpbmctcmlnaHQ6IDRweDtcbiAgfVxuXG4gICZfX2ljb24ge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxufVxuXG4ubnRtLW1lbWJlcnMtZm9ybS1yYWRpby1pdGVtIHtcbiAgJl9fd3JhcHBlciB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHBhZGRpbmc6IDhweCAwcHggIWltcG9ydGFudDtcbiAgICAmOmZpcnN0LWNoaWxkIHtcbiAgICAgIHBhZGRpbmctdG9wOiAwcHggIWltcG9ydGFudDtcbiAgICB9XG4gIH1cblxuICAmX19sYWJlbCB7XG4gICAgbWFyZ2luLWJvdHRvbTogMCAhaW1wb3J0YW50O1xuICB9XG5cbiAgJl9fZGVzY3JpcHRpb24ge1xuICAgIGNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktZ3JheS03MDApKTtcbiAgfVxufVxuXG4ubnRtLXByb2R1Y3Qtcm9sZXMtdGFibGUge1xuICB0aCB7XG4gICAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTcwMCkpO1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tbmVldG8tdWktdGV4dC14cyk7XG4gICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tbmVldG8tdWktZm9udC1ib2xkKTtcbiAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICB9XG4gIHRkLFxuICB0aCB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMzAwKSk7XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBwYWRkaW5nOiA4cHg7XG4gIH1cbn1cblxuLm50bS1tYW5hZ2UtbWVtYmVyc19fY2hlY2tib3gtYWxpZ24tc3RhcnQubmVldG8tdWktY2hlY2tib3hfX3dyYXBwZXIge1xuICAubmVldG8tdWktY2hlY2tib3hfX2NvbnRhaW5lciB7XG4gICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIH1cbiAgLm5lZXRvLXVpLWNoZWNrYm94W3R5cGU9XCJjaGVja2JveFwiXSB7XG4gICAgbWFyZ2luLXRvcDogNHB4O1xuICB9XG59XG4iLCIubnRtLXJvbGVzLXRhYmxlX193cmFwcGVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogY2FsYygxMDB2aCAtICN7dmFyKC0tbmVldG8tdWktbWFpbi1oZWFkZXItd2l0aC1icmVhZGNydW1icy1oZWlnaHQpfSk7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6IDAgMS41cmVtO1xufVxuXG4ubnRtLXJvbGVzLXRhYmxlX19zaWRlYmFyIHtcbiAgd2lkdGg6IHZhcigtLW50bS1yb2xlcy1zaWRlYmFyLXdpZHRoKTtcbiAgbWluLXdpZHRoOiB2YXIoLS1udG0tcm9sZXMtc2lkZWJhci13aWR0aCk7XG4gIGJvcmRlci1yaWdodDogdGhpbiBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS0zMDApKTtcbiAgYm9yZGVyLWxlZnQ6IHRoaW4gc29saWQgcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMzAwKSk7XG4gIGJvcmRlci10b3A6IHRoaW4gc29saWQgcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMzAwKSk7XG59XG5cbi5udG0tcm9sZXMtdGFibGUtc2lkZWJhcl9fc2VhcmNoIHtcbiAgcGFkZGluZzogMjBweCAyNHB4O1xuICBoZWlnaHQ6IHZhcigtLW50bS1yb2xlcy10YWJsZS1oZWFkZXItaGVpZ2h0KTtcbn1cblxuLm50bS1yb2xlcy10YWJsZS1zaWRlYmFyX19saXN0IHtcbiAgaGVpZ2h0OiBjYWxjKFxuICAgIDEwMHZoIC0gI3t2YXIoLS1uZWV0by11aS1tYWluLWhlYWRlci13aXRoLWJyZWFkY3J1bWJzLWhlaWdodCl9IC0gdmFyKFxuICAgICAgICAtLW50bS1yb2xlcy10YWJsZS1oZWFkZXItaGVpZ2h0XG4gICAgICApIC0gdmFyKC0tbnRtLXJvbGVzLXRhYmxlLWRlZmF1bHQtc2Nyb2xsKVxuICApO1xuICBvdmVyZmxvdy15OiBhdXRvO1xufVxuXG4ubnRtLXJvbGVzLXRhYmxlLXNpZGViYXJfX2xpc3QtaXRlbSB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogMTJweCAyNHB4O1xuICBtaW4taGVpZ2h0OiB2YXIoLS1udG0tcm9sZXMtdGFibGUtY2VsbC1oZWlnaHQpO1xuXG4gICYubnRtLXJvbGVzLXRhYmxlLXNpZGViYXJfX2xpc3QtaXRlbS0taGlnaGxpZ2h0ZWQge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1wcmltYXJ5LTEwMCkpO1xuICAgIHBhZGRpbmc6IDEycHggMjRweDtcbiAgfVxuXG4gICY6bm90KC5udG0tcm9sZXMtdGFibGUtc2lkZWJhcl9fbGlzdC1pdGVtLS1oaWdobGlnaHRlZCkge1xuICAgIGJvcmRlci1ib3R0b206IHRoaW4gc29saWQgcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMzAwKSk7XG4gIH1cbn1cblxuLm50bS1yb2xlcy10YWJsZV9fY29sdW1ucyB7XG4gIHdpZHRoOiBjYWxjKFxuICAgIDEwMHZ3IC0gI3t2YXIoLS1uZWV0by11aS1zaWRlYmFyLXdpZHRoKX0gLSB2YXIoLS1udG0tcm9sZXMtc2lkZWJhci13aWR0aCkgLSAyNHB4XG4gICk7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJvcmRlci10b3A6IHRoaW4gc29saWQgcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMzAwKSk7XG4gIGJvcmRlci1ib3R0b206IHRoaW4gc29saWQgcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMzAwKSk7XG59XG5cbi5udG0tcm9sZXMtdGFibGVfX2NlbGwge1xuICB3aWR0aDogMTAwJTtcbiAgbWluLXdpZHRoOiAyMDBweDtcbiAgaGVpZ2h0OiB2YXIoLS1udG0tcm9sZXMtdGFibGUtY2VsbC1oZWlnaHQpO1xuICBwYWRkaW5nOiAxMnB4IDhweDtcblxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICBib3JkZXItcmlnaHQ6IHRoaW4gc29saWQgcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMzAwKSk7XG59XG5cbi5udG0tcm9sZXMtdGFibGUtY2VsbF9fY2hlY2tib3gtd3JhcHBlciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgaGVpZ2h0OiAxcmVtO1xuICB3aWR0aDogMXJlbTtcbiAgbWFyZ2luOiBhdXRvO1xuICB6LWluZGV4OiAxMDtcbn1cblxuLm50bS1yb2xlcy10YWJsZS1jZWxsX19jaGVja2JveCB7XG4gIHotaW5kZXg6IDEwO1xufVxuXG4ubnRtLXJvbGVzLXRhYmxlX19oZWFkZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBvdmVyZmxvdy14OiBhdXRvO1xuXG4gIC5udG0tcm9sZXMtdGFibGVfX2NlbGwge1xuICAgIGhlaWdodDogdmFyKC0tbnRtLXJvbGVzLXRhYmxlLWhlYWRlci1oZWlnaHQpO1xuICB9XG59XG5cbi5udG0tcm9sZXMtdGFibGUtaGVhZGVyLWNlbGxfX2NvbnRhaW5lciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG59XG5cbi5udG0tcm9sZXMtdGFibGUtaGVhZGVyX19kcm9wZG93biB7XG4gIG1hcmdpbjogM3B4O1xuICBmbGV4LXNocmluazogMDtcbn1cblxuLm50bS1yb2xlcy10YWJsZS1oZWFkZXJfX3JvbGUtbmFtZSB7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4ubnRtLXJvbGVzLXRhYmxlX19yb3dzIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogY2FsYyhcbiAgICAxMDB2aCAtICN7dmFyKC0tbmVldG8tdWktbWFpbi1oZWFkZXItd2l0aC1icmVhZGNydW1icy1oZWlnaHQpfSAtIHZhcihcbiAgICAgICAgLS1udG0tcm9sZXMtdGFibGUtaGVhZGVyLWhlaWdodFxuICAgICAgKSAtIHZhcigtLW50bS1yb2xlcy10YWJsZS1kZWZhdWx0LXNjcm9sbClcbiAgKTtcbiAgb3ZlcmZsb3cteTogYXV0bztcbiAgQGluY2x1ZGUgc2Nyb2xsYmFycyhcbiAgICAwcHgsXG4gICAgcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMzAwKSksXG4gICAgcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMzAwKSlcbiAgKTtcbn1cblxuLm50bS1yb2xlcy10YWJsZV9fcm93IHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAubnRtLXJvbGVzLXRhYmxlX19jZWxsIHtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgIC8vIEhpZGRlbiAtIEp1c3QgZm9yIGhlaWdodCByZWZlcmVuY2VcbiAgICBwIHtcbiAgICAgIG9wYWNpdHk6IDA7XG4gICAgICB3aWR0aDogMzQwcHg7XG4gICAgICBtaW4td2lkdGg6IDM0MHB4O1xuICAgIH1cbiAgfVxuXG4gICYubnRtLXJvbGVzLXRhYmxlX19yb3ctLWhpZ2hsaWdodGVkIHtcbiAgICAubnRtLXJvbGVzLXRhYmxlX19jZWxsIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1wcmltYXJ5LTEwMCkpO1xuICAgIH1cbiAgfVxuXG4gICY6bm90KC5udG0tcm9sZXMtdGFibGVfX3Jvdy0taGlnaGxpZ2h0ZWQpIHtcbiAgICAubnRtLXJvbGVzLXRhYmxlX19jZWxsIHtcbiAgICAgIGJvcmRlci1ib3R0b206IHRoaW4gc29saWQgcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMzAwKSk7XG4gICAgfVxuICB9XG59XG5cbi5udG0tcm9sZXMtdGFibGUtc2lkZWJhcl9fZHJvcC1kb3duLWJ1dHRvbiB7XG4gIGNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktZ3JheS02MDApKTtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG4ubnRtLXJvbGVzLW1vZGFsIHtcbiAgJl9fYm9keSA+ICogKyAqIHtcbiAgICBtYXJnaW4tdG9wOiAxcmVtO1xuICB9XG5cbiAgJl9fZm9vdGVyIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGdhcDogMC41cmVtO1xuICB9XG59XG5cbi5udG0tcm9sZXMtcGFuZSB7XG4gICZfX2JvZHkge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1hcmdpbi1ib3R0b206IDEuNXJlbTtcblxuICAgICYtd3JhcHBlciA+ICogKyAqIHtcbiAgICAgIG1hcmdpbi10b3A6IDFyZW07XG4gICAgfVxuXG4gICAgJiA+ICogKyAqIHtcbiAgICAgIG1hcmdpbi10b3A6IDEuNXJlbTtcbiAgICB9XG4gIH1cblxuICAmX19mb290ZXIge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZ2FwOiAwLjVyZW07XG4gIH1cbn1cblxuLm50bS1yb2xlcy1wZXJtaXNzaW9uIHtcbiAgJl9faGVhZGluZyB7XG4gICAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTUwMCkpO1xuICAgIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG4gIH1cblxuICAmX19jYXJkIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktd2hpdGUpKTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgZ2FwOiAwLjc1cmVtO1xuICAgIHBhZGRpbmc6IDAuNHJlbSAwO1xuXG4gICAgJjo6YWZ0ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMzAwKSk7XG4gICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgaGVpZ2h0OiAxcHg7XG4gICAgICBsZWZ0OiAtMTVweDtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHRvcDogMTRweDtcbiAgICAgIHdpZHRoOiAxMHB4O1xuICAgIH1cblxuICAgICYtLWRlc2NyaXB0aW9uIHtcbiAgICAgIGZsZXgtZ3JvdzogMTtcbiAgICB9XG5cbiAgICAmLS1jaGVja2JveCB7XG4gICAgICBwYWRkaW5nOiAwIDAuNXJlbTtcbiAgICB9XG5cbiAgICAubmVldG8tdWktY2hlY2tib3hfX3dyYXBwZXIgLm5lZXRvLXVpLWNoZWNrYm94X19jb250YWluZXIge1xuICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cbiAgICAgIC5uZWV0by11aS1jaGVja2JveFt0eXBlPVwiY2hlY2tib3hcIl06ZGlzYWJsZWQgKyAubmVldG8tdWktbGFiZWwge1xuICAgICAgICBvcGFjaXR5OiAwLjU7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgJl9fc3ViLWJsb2NrcyB7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTMwMCkpO1xuICAgICAgdG9wOiAwO1xuICAgICAgY29udGVudDogXCJcIjtcbiAgICAgIGhlaWdodDogY2FsYygxMDAlIC0gMTRweCk7XG4gICAgICBsZWZ0OiA4cHg7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICB3aWR0aDogMXB4O1xuICAgIH1cblxuICAgICY6ZW1wdHkge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIH1cbn1cblxuLm50bS1yb2xlcy1wZXJtaXNzaW9uLWNhdGVnb3J5LWNhcmQge1xuICBwYWRkaW5nOiAxMHB4IDIwcHg7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQpO1xuICBib3JkZXI6IDFweCBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS00MDApKTtcbiAgJiA+IC5udG0tcm9sZXMtcGVybWlzc2lvbl9fY2FyZCB7XG4gICAgJjo6YWZ0ZXIge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIH1cbn1cblxuLm50bS1yb2xlcy1oZWxwLXVybC13cmFwcGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgd2lkdGg6IDEwMCU7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBwYWRkaW5nOiAxcmVtIDA7XG59XG4iLCJAbWl4aW4gc2Nyb2xsYmFycyhcbiAgJHNpemUsXG4gICRmb3JlZ3JvdW5kLWNvbG9yOiAkbmVldG8tdWktZ3JheS0zMDAsXG4gICRiYWNrZ3JvdW5kLWNvbG9yOiBcInRyYW5zcGFyZW50XCJcbikge1xuICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7XG5cbiAgJjo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgIHdpZHRoOiAkc2l6ZTtcbiAgICBoZWlnaHQ6ICRzaXplO1xuICB9XG5cbiAgJjo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWIge1xuICAgIGJhY2tncm91bmQ6ICRmb3JlZ3JvdW5kLWNvbG9yO1xuICAgIGJvcmRlci1yYWRpdXM6IDUwcHg7XG4gIH1cblxuICAmOjotd2Via2l0LXNjcm9sbGJhci10aHVtYjpob3ZlciB7XG4gICAgYm9yZGVyLXJhZGl1czogNTBweDtcbiAgfVxuXG4gICY6Oi13ZWJraXQtc2Nyb2xsYmFyLXRyYWNrIHtcbiAgICBiYWNrZ3JvdW5kOiAkYmFja2dyb3VuZC1jb2xvcjtcbiAgfVxufVxuIl19 */";
 n(css,{});
 
 exports.ManageMember = ManageMember;