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

package/dist/index.cjs.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var ramda = require('ramda');
 var ReactDOM = require('react-dom');
 var axios = require('axios');
 var neetoui = require('@bigbinary/neetoui');
-var ramda = require('ramda');
 var layouts = require('@bigbinary/neetoui/layouts');
 var formik = require('formik');
 var formik$1 = require('@bigbinary/neetoui/formik');
@@ -169,9 +169,9 @@ function _toArray(arr) {
   return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest();
 }
 
-function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$9(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$b(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var consoleLogger = {
   type: 'logger',
@@ -258,7 +258,7 @@ var Logger = function () {
   }, {
     key: "create",
     value: function create(moduleName) {
-      return new Logger(this.logger, _objectSpread$9(_objectSpread$9({}, {
+      return new Logger(this.logger, _objectSpread$b(_objectSpread$b({}, {
         prefix: "".concat(this.prefix, ":").concat(moduleName, ":")
       }), this.options));
     }
@@ -1174,7 +1174,7 @@ var Translator = function (_EventEmitter) {
   return Translator;
 }(EventEmitter);
 
-function capitalize(string) {
+function capitalize$1(string) {
   return string.charAt(0).toUpperCase() + string.slice(1);
 }
 
@@ -1218,13 +1218,13 @@ var LanguageUtil = function () {
         } else if (p.length === 2) {
           p[0] = p[0].toLowerCase();
           p[1] = p[1].toUpperCase();
-          if (specialCases.indexOf(p[1].toLowerCase()) > -1) p[1] = capitalize(p[1].toLowerCase());
+          if (specialCases.indexOf(p[1].toLowerCase()) > -1) p[1] = capitalize$1(p[1].toLowerCase());
         } else if (p.length === 3) {
           p[0] = p[0].toLowerCase();
           if (p[1].length === 2) p[1] = p[1].toUpperCase();
           if (p[0] !== 'sgn' && p[2].length === 2) p[2] = p[2].toUpperCase();
-          if (specialCases.indexOf(p[1].toLowerCase()) > -1) p[1] = capitalize(p[1].toLowerCase());
-          if (specialCases.indexOf(p[2].toLowerCase()) > -1) p[2] = capitalize(p[2].toLowerCase());
+          if (specialCases.indexOf(p[1].toLowerCase()) > -1) p[1] = capitalize$1(p[1].toLowerCase());
+          if (specialCases.indexOf(p[2].toLowerCase()) > -1) p[2] = capitalize$1(p[2].toLowerCase());
         }
 
         return p.join('-');
@@ -3030,103 +3030,80 @@ function defaults(obj) {
 
 // eslint-disable-next-line no-control-regex
 var fieldContentRegExp = /^[\u0009\u0020-\u007e\u0080-\u00ff]+$/;
-
 var serializeCookie = function serializeCookie(name, val, options) {
   var opt = options || {};
   opt.path = opt.path || '/';
   var value = encodeURIComponent(val);
   var str = "".concat(name, "=").concat(value);
-
   if (opt.maxAge > 0) {
     var maxAge = opt.maxAge - 0;
     if (Number.isNaN(maxAge)) throw new Error('maxAge should be a Number');
     str += "; Max-Age=".concat(Math.floor(maxAge));
   }
-
   if (opt.domain) {
     if (!fieldContentRegExp.test(opt.domain)) {
       throw new TypeError('option domain is invalid');
     }
-
     str += "; Domain=".concat(opt.domain);
   }
-
   if (opt.path) {
     if (!fieldContentRegExp.test(opt.path)) {
       throw new TypeError('option path is invalid');
     }
-
     str += "; Path=".concat(opt.path);
   }
-
   if (opt.expires) {
     if (typeof opt.expires.toUTCString !== 'function') {
       throw new TypeError('option expires is invalid');
     }
-
     str += "; Expires=".concat(opt.expires.toUTCString());
   }
-
   if (opt.httpOnly) str += '; HttpOnly';
   if (opt.secure) str += '; Secure';
-
   if (opt.sameSite) {
     var sameSite = typeof opt.sameSite === 'string' ? opt.sameSite.toLowerCase() : opt.sameSite;
-
     switch (sameSite) {
       case true:
         str += '; SameSite=Strict';
         break;
-
       case 'lax':
         str += '; SameSite=Lax';
         break;
-
       case 'strict':
         str += '; SameSite=Strict';
         break;
-
       case 'none':
         str += '; SameSite=None';
         break;
-
       default:
         throw new TypeError('option sameSite is invalid');
     }
   }
-
   return str;
 };
-
 var cookie = {
   create: function create(name, value, minutes, domain) {
     var cookieOptions = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {
       path: '/',
       sameSite: 'strict'
     };
-
     if (minutes) {
       cookieOptions.expires = new Date();
       cookieOptions.expires.setTime(cookieOptions.expires.getTime() + minutes * 60 * 1000);
     }
-
     if (domain) cookieOptions.domain = domain;
     document.cookie = serializeCookie(name, encodeURIComponent(value), cookieOptions);
   },
   read: function read(name) {
     var nameEQ = "".concat(name, "=");
     var ca = document.cookie.split(';');
-
     for (var i = 0; i < ca.length; i++) {
       var c = ca[i];
-
       while (c.charAt(0) === ' ') {
         c = c.substring(1, c.length);
       }
-
       if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
     }
-
     return null;
   },
   remove: function remove(name) {
@@ -3137,12 +3114,10 @@ var cookie$1 = {
   name: 'cookie',
   lookup: function lookup(options) {
     var found;
-
     if (options.lookupCookie && typeof document !== 'undefined') {
       var c = cookie.read(options.lookupCookie);
       if (c) found = c;
     }
-
     return found;
   },
   cacheUserLanguage: function cacheUserLanguage(lng, options) {
@@ -3156,39 +3131,30 @@ var querystring = {
   name: 'querystring',
   lookup: function lookup(options) {
     var found;
-
     if (typeof window !== 'undefined') {
       var search = window.location.search;
-
       if (!window.location.search && window.location.hash && window.location.hash.indexOf('?') > -1) {
         search = window.location.hash.substring(window.location.hash.indexOf('?'));
       }
-
       var query = search.substring(1);
       var params = query.split('&');
-
       for (var i = 0; i < params.length; i++) {
         var pos = params[i].indexOf('=');
-
         if (pos > 0) {
           var key = params[i].substring(0, pos);
-
           if (key === options.lookupQuerystring) {
             found = params[i].substring(pos + 1);
           }
         }
       }
     }
-
     return found;
   }
 };
 
 var hasLocalStorageSupport = null;
-
 var localStorageAvailable = function localStorageAvailable() {
   if (hasLocalStorageSupport !== null) return hasLocalStorageSupport;
-
   try {
     hasLocalStorageSupport = window !== 'undefined' && window.localStorage !== null;
     var testKey = 'i18next.translate.boo';
@@ -3197,20 +3163,16 @@ var localStorageAvailable = function localStorageAvailable() {
   } catch (e) {
     hasLocalStorageSupport = false;
   }
-
   return hasLocalStorageSupport;
 };
-
 var localStorage$1 = {
   name: 'localStorage',
   lookup: function lookup(options) {
     var found;
-
     if (options.lookupLocalStorage && localStorageAvailable()) {
       var lng = window.localStorage.getItem(options.lookupLocalStorage);
       if (lng) found = lng;
     }
-
     return found;
   },
   cacheUserLanguage: function cacheUserLanguage(lng, options) {
@@ -3221,10 +3183,8 @@ var localStorage$1 = {
 };
 
 var hasSessionStorageSupport = null;
-
 var sessionStorageAvailable = function sessionStorageAvailable() {
   if (hasSessionStorageSupport !== null) return hasSessionStorageSupport;
-
   try {
     hasSessionStorageSupport = window !== 'undefined' && window.sessionStorage !== null;
     var testKey = 'i18next.translate.boo';
@@ -3233,20 +3193,16 @@ var sessionStorageAvailable = function sessionStorageAvailable() {
   } catch (e) {
     hasSessionStorageSupport = false;
   }
-
   return hasSessionStorageSupport;
 };
-
 var sessionStorage = {
   name: 'sessionStorage',
   lookup: function lookup(options) {
     var found;
-
     if (options.lookupSessionStorage && sessionStorageAvailable()) {
       var lng = window.sessionStorage.getItem(options.lookupSessionStorage);
       if (lng) found = lng;
     }
-
     return found;
   },
   cacheUserLanguage: function cacheUserLanguage(lng, options) {
@@ -3260,7 +3216,6 @@ var navigator$1 = {
   name: 'navigator',
   lookup: function lookup(options) {
     var found = [];
-
     if (typeof navigator !== 'undefined') {
       if (navigator.languages) {
         // chrome only; not an array, so can't use .push.apply instead of iterating
@@ -3268,16 +3223,13 @@ var navigator$1 = {
           found.push(navigator.languages[i]);
         }
       }
-
       if (navigator.userLanguage) {
         found.push(navigator.userLanguage);
       }
-
       if (navigator.language) {
         found.push(navigator.language);
       }
     }
-
     return found.length > 0 ? found : undefined;
   }
 };
@@ -3287,11 +3239,9 @@ var htmlTag = {
   lookup: function lookup(options) {
     var found;
     var htmlTag = options.htmlTag || (typeof document !== 'undefined' ? document.documentElement : null);
-
     if (htmlTag && typeof htmlTag.getAttribute === 'function') {
       found = htmlTag.getAttribute('lang');
     }
-
     return found;
   }
 };
@@ -3300,23 +3250,19 @@ var path = {
   name: 'path',
   lookup: function lookup(options) {
     var found;
-
     if (typeof window !== 'undefined') {
       var language = window.location.pathname.match(/\/([a-zA-Z-]*)/g);
-
       if (language instanceof Array) {
         if (typeof options.lookupFromPathIndex === 'number') {
           if (typeof language[options.lookupFromPathIndex] !== 'string') {
             return undefined;
           }
-
           found = language[options.lookupFromPathIndex].replace('/', '');
         } else {
           found = language[0].replace('/', '');
         }
       }
     }
-
     return found;
   }
 };
@@ -3325,14 +3271,15 @@ var subdomain = {
   name: 'subdomain',
   lookup: function lookup(options) {
     // If given get the subdomain index else 1
-    var lookupFromSubdomainIndex = typeof options.lookupFromSubdomainIndex === 'number' ? options.lookupFromSubdomainIndex + 1 : 1; // get all matches if window.location. is existing
+    var lookupFromSubdomainIndex = typeof options.lookupFromSubdomainIndex === 'number' ? options.lookupFromSubdomainIndex + 1 : 1;
+    // get all matches if window.location. is existing
     // first item of match is the match itself and the second is the first group macht which sould be the first subdomain match
     // is the hostname no public domain get the or option of localhost
+    var language = typeof window !== 'undefined' && window.location && window.location.hostname && window.location.hostname.match(/^(\w{2,5})\.(([a-z0-9-]{1,63}\.[a-z]{2,6})|localhost)/i);
 
-    var language = typeof window !== 'undefined' && window.location && window.location.hostname && window.location.hostname.match(/^(\w{2,5})\.(([a-z0-9-]{1,63}\.[a-z]{2,6})|localhost)/i); // if there is no match (null) return undefined
-
-    if (!language) return undefined; // return the given group match
-
+    // if there is no match (null) return undefined
+    if (!language) return undefined;
+    // return the given group match
     return language[lookupFromSubdomainIndex];
   }
 };
@@ -3346,31 +3293,28 @@ function getDefaults$1() {
     lookupSessionStorage: 'i18nextLng',
     // cache user language
     caches: ['localStorage'],
-    excludeCacheFor: ['cimode'] // cookieMinutes: 10,
+    excludeCacheFor: ['cimode']
+    // cookieMinutes: 10,
     // cookieDomain: 'myDomain'
-
   };
 }
-
 var Browser = /*#__PURE__*/function () {
   function Browser(services) {
     var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
     _classCallCheck(this, Browser);
-
     this.type = 'languageDetector';
     this.detectors = {};
     this.init(services, options);
   }
-
   _createClass(Browser, [{
     key: "init",
     value: function init(services) {
       var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
       var i18nOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       this.services = services;
-      this.options = defaults(options, this.options || {}, getDefaults$1()); // backwards compatibility
+      this.options = defaults(options, this.options || {}, getDefaults$1());
 
+      // backwards compatibility
       if (this.options.lookupFromUrlIndex) this.options.lookupFromPathIndex = this.options.lookupFromUrlIndex;
       this.i18nOptions = i18nOptions;
       this.addDetector(cookie$1);
@@ -3391,26 +3335,22 @@ var Browser = /*#__PURE__*/function () {
     key: "detect",
     value: function detect(detectionOrder) {
       var _this = this;
-
       if (!detectionOrder) detectionOrder = this.options.order;
       var detected = [];
       detectionOrder.forEach(function (detectorName) {
         if (_this.detectors[detectorName]) {
           var lookup = _this.detectors[detectorName].lookup(_this.options);
-
           if (lookup && typeof lookup === 'string') lookup = [lookup];
           if (lookup) detected = detected.concat(lookup);
         }
       });
       if (this.services.languageUtils.getBestMatchFromCodes) return detected; // new i18next v19.5.0
-
       return detected.length > 0 ? detected[0] : null; // a little backward compatibility
     }
   }, {
     key: "cacheUserLanguage",
     value: function cacheUserLanguage(lng, caches) {
       var _this2 = this;
-
       if (!caches) caches = this.options.caches;
       if (!caches) return;
       if (this.options.excludeCacheFor && this.options.excludeCacheFor.indexOf(lng) > -1) return;
@@ -3419,10 +3359,8 @@ var Browser = /*#__PURE__*/function () {
       });
     }
   }]);
-
   return Browser;
 }();
-
 Browser.type = 'languageDetector';
 
 function _objectWithoutPropertiesLoose(source, excluded) {
@@ -3456,6 +3394,30 @@ function _objectWithoutProperties(source, excluded) {
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
+/**
+ * This file automatically generated from `pre-publish.js`.
+ * Do not manually edit.
+ */
+
+var voidElements = {
+  "area": true,
+  "base": true,
+  "br": true,
+  "col": true,
+  "embed": true,
+  "hr": true,
+  "img": true,
+  "input": true,
+  "link": true,
+  "meta": true,
+  "param": true,
+  "source": true,
+  "track": true,
+  "wbr": true
+};
+
+var t$1=/\s([^'"/\s><]+?)[\s/>]|([^\s=]+)=\s?(".*?"|'.*?')/g;function n$1(n){var r={type:"tag",name:"",voidElement:!1,attrs:{},children:[]},i=n.match(/<\/?([^\s]+?)[/\s>]/);if(i&&(r.name=i[1],(voidElements[i[1]]||"/"===n.charAt(n.length-2))&&(r.voidElement=!0),r.name.startsWith("!--"))){var s=n.indexOf("--\x3e");return {type:"comment",comment:-1!==s?n.slice(4,s):""}}for(var a=new RegExp(t$1),c=null;null!==(c=a.exec(n));)if(c[0].trim())if(c[1]){var o=c[1].trim(),l=[o,""];o.indexOf("=")>-1&&(l=o.split("=")),r.attrs[l[0]]=l[1],a.lastIndex--;}else c[2]&&(r.attrs[c[2]]=c[3].trim().substring(1,c[3].length-1));return r}var r=/<[a-zA-Z0-9\-\!\/](?:"[^"]*"|'[^']*'|[^'">])*>/g,i=/^\s*$/,s=Object.create(null);function a(e,t){switch(t.type){case"text":return e+t.content;case"tag":return e+="<"+t.name+(t.attrs?function(e){var t=[];for(var n in e)t.push(n+'="'+e[n]+'"');return t.length?" "+t.join(" "):""}(t.attrs):"")+(t.voidElement?"/>":">"),t.voidElement?e:e+t.children.reduce(a,"")+"</"+t.name+">";case"comment":return e+"\x3c!--"+t.comment+"--\x3e"}}var c={parse:function(e,t){t||(t={}),t.components||(t.components=s);var a,c=[],o=[],l=-1,m=!1;if(0!==e.indexOf("<")){var u=e.indexOf("<");c.push({type:"text",content:-1===u?e:e.substring(0,u)});}return e.replace(r,function(r,s){if(m){if(r!=="</"+a.name+">")return;m=!1;}var u,f="/"!==r.charAt(1),h=r.startsWith("\x3c!--"),p=s+r.length,d=e.charAt(p);if(h){var v=n$1(r);return l<0?(c.push(v),c):((u=o[l]).children.push(v),c)}if(f&&(l++,"tag"===(a=n$1(r)).type&&t.components[a.name]&&(a.type="component",m=!0),a.voidElement||m||!d||"<"===d||a.children.push({type:"text",content:e.slice(p,e.indexOf("<",p))}),0===l&&c.push(a),(u=o[l-1])&&u.children.push(a),o[l]=a),(!f||a.voidElement)&&(l>-1&&(a.voidElement||a.name===r.slice(2,-1))&&(l--,a=-1===l?c:o[l]),!m&&"<"!==d&&d)){u=-1===l?c:o[l].children;var x=e.indexOf("<",p),g=e.slice(p,-1===x?void 0:x);i.test(g)&&(g=" "),(x>-1&&l+u.length>=0||" "!==g)&&u.push({type:"text",content:g});}}),c},stringify:function(e){return e.reduce(function(e,t){return e+a("",t)},"")}};
+
 var matchHtmlEntity = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g;
 var htmlEntities = {
   '&amp;': '&',
@@ -3488,9 +3450,9 @@ var unescape = function unescape(text) {
   return text.replace(matchHtmlEntity, unescapeHtmlEntity);
 };
 
-function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$8(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$a(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var defaultOptions = {
   bindI18n: 'languageChanged',
   bindI18nStore: '',
@@ -3505,7 +3467,7 @@ var i18nInstance;
 var I18nContext = React.createContext();
 function setDefaults() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  defaultOptions = _objectSpread$8(_objectSpread$8({}, defaultOptions), options);
+  defaultOptions = _objectSpread$a(_objectSpread$a({}, defaultOptions), options);
 }
 function getDefaults() {
   return defaultOptions;
@@ -3629,6 +3591,274 @@ function hasLoadedNamespace(ns, i18n) {
   });
 }
 
+var _excluded$2 = ["format"],
+    _excluded2$2 = ["children", "count", "parent", "i18nKey", "context", "tOptions", "values", "defaults", "components", "ns", "i18n", "t", "shouldUnescape"];
+
+function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$9(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function hasChildren(node, checkLength) {
+  if (!node) return false;
+  var base = node.props ? node.props.children : node.children;
+  if (checkLength) return base.length > 0;
+  return !!base;
+}
+
+function getChildren(node) {
+  if (!node) return [];
+  return node.props ? node.props.children : node.children;
+}
+
+function hasValidReactChildren(children) {
+  if (Object.prototype.toString.call(children) !== '[object Array]') return false;
+  return children.every(function (child) {
+    return React.isValidElement(child);
+  });
+}
+
+function getAsArray(data) {
+  return Array.isArray(data) ? data : [data];
+}
+
+function mergeProps(source, target) {
+  var newTarget = _objectSpread$9({}, target);
+
+  newTarget.props = Object.assign(source.props, target.props);
+  return newTarget;
+}
+
+function nodesToString(children, i18nOptions) {
+  if (!children) return '';
+  var stringNode = '';
+  var childrenArray = getAsArray(children);
+  var keepArray = i18nOptions.transSupportBasicHtmlNodes && i18nOptions.transKeepBasicHtmlNodesFor ? i18nOptions.transKeepBasicHtmlNodesFor : [];
+  childrenArray.forEach(function (child, childIndex) {
+    if (typeof child === 'string') {
+      stringNode += "".concat(child);
+    } else if (React.isValidElement(child)) {
+      var childPropsCount = Object.keys(child.props).length;
+      var shouldKeepChild = keepArray.indexOf(child.type) > -1;
+      var childChildren = child.props.children;
+
+      if (!childChildren && shouldKeepChild && childPropsCount === 0) {
+        stringNode += "<".concat(child.type, "/>");
+      } else if (!childChildren && (!shouldKeepChild || childPropsCount !== 0)) {
+        stringNode += "<".concat(childIndex, "></").concat(childIndex, ">");
+      } else if (child.props.i18nIsDynamicList) {
+        stringNode += "<".concat(childIndex, "></").concat(childIndex, ">");
+      } else if (shouldKeepChild && childPropsCount === 1 && typeof childChildren === 'string') {
+        stringNode += "<".concat(child.type, ">").concat(childChildren, "</").concat(child.type, ">");
+      } else {
+        var content = nodesToString(childChildren, i18nOptions);
+        stringNode += "<".concat(childIndex, ">").concat(content, "</").concat(childIndex, ">");
+      }
+    } else if (child === null) {
+      warn("Trans: the passed in value is invalid - seems you passed in a null child.");
+    } else if (_typeof(child) === 'object') {
+      var format = child.format,
+          clone = _objectWithoutProperties(child, _excluded$2);
+
+      var keys = Object.keys(clone);
+
+      if (keys.length === 1) {
+        var value = format ? "".concat(keys[0], ", ").concat(format) : keys[0];
+        stringNode += "{{".concat(value, "}}");
+      } else {
+        warn("react-i18next: the passed in object contained more than one variable - the object should look like {{ value, format }} where format is optional.", child);
+      }
+    } else {
+      warn("Trans: the passed in value is invalid - seems you passed in a variable like {number} - please pass in variables for interpolation as full objects like {{number}}.", child);
+    }
+  });
+  return stringNode;
+}
+
+function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, shouldUnescape) {
+  if (targetString === '') return [];
+  var keepArray = i18nOptions.transKeepBasicHtmlNodesFor || [];
+  var emptyChildrenButNeedsHandling = targetString && new RegExp(keepArray.join('|')).test(targetString);
+  if (!children && !emptyChildrenButNeedsHandling) return [targetString];
+  var data = {};
+
+  function getData(childs) {
+    var childrenArray = getAsArray(childs);
+    childrenArray.forEach(function (child) {
+      if (typeof child === 'string') return;
+      if (hasChildren(child)) getData(getChildren(child));else if (_typeof(child) === 'object' && !React.isValidElement(child)) Object.assign(data, child);
+    });
+  }
+
+  getData(children);
+  var ast = c.parse("<0>".concat(targetString, "</0>"));
+
+  var opts = _objectSpread$9(_objectSpread$9({}, data), combinedTOpts);
+
+  function renderInner(child, node, rootReactNode) {
+    var childs = getChildren(child);
+    var mappedChildren = mapAST(childs, node.children, rootReactNode);
+    return hasValidReactChildren(childs) && mappedChildren.length === 0 ? childs : mappedChildren;
+  }
+
+  function pushTranslatedJSX(child, inner, mem, i, isVoid) {
+    if (child.dummy) child.children = inner;
+    mem.push(React.cloneElement(child, _objectSpread$9(_objectSpread$9({}, child.props), {}, {
+      key: i
+    }), isVoid ? undefined : inner));
+  }
+
+  function mapAST(reactNode, astNode, rootReactNode) {
+    var reactNodes = getAsArray(reactNode);
+    var astNodes = getAsArray(astNode);
+    return astNodes.reduce(function (mem, node, i) {
+      var translationContent = node.children && node.children[0] && node.children[0].content && i18n.services.interpolator.interpolate(node.children[0].content, opts, i18n.language);
+
+      if (node.type === 'tag') {
+        var tmp = reactNodes[parseInt(node.name, 10)];
+        if (!tmp && rootReactNode.length === 1 && rootReactNode[0][node.name]) tmp = rootReactNode[0][node.name];
+        if (!tmp) tmp = {};
+        var child = Object.keys(node.attrs).length !== 0 ? mergeProps({
+          props: node.attrs
+        }, tmp) : tmp;
+        var isElement = React.isValidElement(child);
+        var isValidTranslationWithChildren = isElement && hasChildren(node, true) && !node.voidElement;
+        var isEmptyTransWithHTML = emptyChildrenButNeedsHandling && _typeof(child) === 'object' && child.dummy && !isElement;
+        var isKnownComponent = _typeof(children) === 'object' && children !== null && Object.hasOwnProperty.call(children, node.name);
+
+        if (typeof child === 'string') {
+          var value = i18n.services.interpolator.interpolate(child, opts, i18n.language);
+          mem.push(value);
+        } else if (hasChildren(child) || isValidTranslationWithChildren) {
+            var inner = renderInner(child, node, rootReactNode);
+            pushTranslatedJSX(child, inner, mem, i);
+          } else if (isEmptyTransWithHTML) {
+          var _inner = mapAST(reactNodes, node.children, rootReactNode);
+
+          mem.push(React.cloneElement(child, _objectSpread$9(_objectSpread$9({}, child.props), {}, {
+            key: i
+          }), _inner));
+        } else if (Number.isNaN(parseFloat(node.name))) {
+          if (isKnownComponent) {
+            var _inner2 = renderInner(child, node, rootReactNode);
+
+            pushTranslatedJSX(child, _inner2, mem, i, node.voidElement);
+          } else if (i18nOptions.transSupportBasicHtmlNodes && keepArray.indexOf(node.name) > -1) {
+            if (node.voidElement) {
+              mem.push(React.createElement(node.name, {
+                key: "".concat(node.name, "-").concat(i)
+              }));
+            } else {
+              var _inner3 = mapAST(reactNodes, node.children, rootReactNode);
+
+              mem.push(React.createElement(node.name, {
+                key: "".concat(node.name, "-").concat(i)
+              }, _inner3));
+            }
+          } else if (node.voidElement) {
+            mem.push("<".concat(node.name, " />"));
+          } else {
+            var _inner4 = mapAST(reactNodes, node.children, rootReactNode);
+
+            mem.push("<".concat(node.name, ">").concat(_inner4, "</").concat(node.name, ">"));
+          }
+        } else if (_typeof(child) === 'object' && !isElement) {
+          var content = node.children[0] ? translationContent : null;
+          if (content) mem.push(content);
+        } else if (node.children.length === 1 && translationContent) {
+          mem.push(React.cloneElement(child, _objectSpread$9(_objectSpread$9({}, child.props), {}, {
+            key: i
+          }), translationContent));
+        } else {
+          mem.push(React.cloneElement(child, _objectSpread$9(_objectSpread$9({}, child.props), {}, {
+            key: i
+          })));
+        }
+      } else if (node.type === 'text') {
+        var wrapTextNodes = i18nOptions.transWrapTextNodes;
+
+        var _content = shouldUnescape ? i18nOptions.unescape(i18n.services.interpolator.interpolate(node.content, opts, i18n.language)) : i18n.services.interpolator.interpolate(node.content, opts, i18n.language);
+
+        if (wrapTextNodes) {
+          mem.push(React.createElement(wrapTextNodes, {
+            key: "".concat(node.name, "-").concat(i)
+          }, _content));
+        } else {
+          mem.push(_content);
+        }
+      }
+
+      return mem;
+    }, []);
+  }
+
+  var result = mapAST([{
+    dummy: true,
+    children: children || []
+  }], ast, getAsArray(children || []));
+  return getChildren(result[0]);
+}
+
+function Trans(_ref) {
+  var children = _ref.children,
+      count = _ref.count,
+      parent = _ref.parent,
+      i18nKey = _ref.i18nKey,
+      context = _ref.context,
+      _ref$tOptions = _ref.tOptions,
+      tOptions = _ref$tOptions === void 0 ? {} : _ref$tOptions,
+      values = _ref.values,
+      defaults = _ref.defaults,
+      components = _ref.components,
+      ns = _ref.ns,
+      i18nFromProps = _ref.i18n,
+      tFromProps = _ref.t,
+      shouldUnescape = _ref.shouldUnescape,
+      additionalProps = _objectWithoutProperties(_ref, _excluded2$2);
+
+  var _ref2 = React.useContext(I18nContext) || {},
+      i18nFromContext = _ref2.i18n,
+      defaultNSFromContext = _ref2.defaultNS;
+
+  var i18n = i18nFromProps || i18nFromContext || getI18n();
+
+  if (!i18n) {
+    warnOnce('You will need to pass in an i18next instance by using i18nextReactModule');
+    return children;
+  }
+
+  var t = tFromProps || i18n.t.bind(i18n) || function (k) {
+    return k;
+  };
+
+  if (context) tOptions.context = context;
+
+  var reactI18nextOptions = _objectSpread$9(_objectSpread$9({}, getDefaults()), i18n.options && i18n.options.react);
+
+  var namespaces = ns || t.ns || defaultNSFromContext || i18n.options && i18n.options.defaultNS;
+  namespaces = typeof namespaces === 'string' ? [namespaces] : namespaces || ['translation'];
+  var defaultValue = defaults || nodesToString(children, reactI18nextOptions) || reactI18nextOptions.transEmptyNodeValue || i18nKey;
+  var hashTransKey = reactI18nextOptions.hashTransKey;
+  var key = i18nKey || (hashTransKey ? hashTransKey(defaultValue) : defaultValue);
+  var interpolationOverride = values ? tOptions.interpolation : {
+    interpolation: _objectSpread$9(_objectSpread$9({}, tOptions.interpolation), {}, {
+      prefix: '#$?',
+      suffix: '?$#'
+    })
+  };
+
+  var combinedTOpts = _objectSpread$9(_objectSpread$9(_objectSpread$9(_objectSpread$9({}, tOptions), {}, {
+    count: count
+  }, values), interpolationOverride), {}, {
+    defaultValue: defaultValue,
+    ns: namespaces
+  });
+
+  var translation = key ? t(key, combinedTOpts) : defaultValue;
+  var content = renderNodes(components || children, translation, i18n, reactI18nextOptions, combinedTOpts, shouldUnescape);
+  var useAsParent = parent !== undefined ? parent : reactI18nextOptions.defaultTransParent;
+  return useAsParent ? React.createElement(useAsParent, additionalProps, content) : content;
+}
+
 function _iterableToArrayLimit(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null) return;
@@ -3658,9 +3888,9 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$7(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$8(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var usePrevious = function usePrevious(value, ignore) {
   var ref = React.useRef();
@@ -3697,7 +3927,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$7(_objectSpread$7(_objectSpread$7({}, getDefaults()), i18n.options.react), props);
+  var i18nOptions = _objectSpread$8(_objectSpread$8(_objectSpread$8({}, getDefaults()), i18n.options.react), props);
 
   var useSuspense = i18nOptions.useSuspense,
       keyPrefix = i18nOptions.keyPrefix;
@@ -3779,6 +4009,7 @@ var alerts$1 = {
 };
 var buttons$1 = {
 	cancel: "Cancel",
+	changeRole: "Change role",
 	proceed: "Proceed",
 	saveChanges: "Save changes"
 };
@@ -3819,7 +4050,10 @@ var common$1 = {
 };
 var helpers$1 = {
 	configPermissions: "Configure permissions for the modules.",
-	enterMultipleEmails: "Please press space, tab or enter key after entering an email address."
+	enterMultipleEmails: "Please press space, tab or enter key after entering an email address.",
+	noRolesFound: "No roles found.",
+	searchRoles: "Search roles",
+	selectedMembersCount: "{{count}} {{metaName}} selected from {{totalCount}}"
 };
 var metaNames$1 = {
 	agent_one: "Agent",
@@ -3870,6 +4104,7 @@ var alerts = {
 };
 var buttons = {
 	cancel: "Annuler",
+	changeRole: "Changer de rôle",
 	proceed: "Procéder",
 	saveChanges: "Sauvegarder les modifications"
 };
@@ -3910,7 +4145,11 @@ var common = {
 };
 var helpers = {
 	configPermissions: "Configurez les autorisations pour les modules.",
-	enterMultipleEmails: "Veuillez appuyer sur espace, tabulation ou entrée après avoir saisi une adresse e-mail."
+	enterMultipleEmails: "Veuillez appuyer sur espace, tabulation ou entrée après avoir saisi une adresse e-mail.",
+	noRolesFound: "Aucun rôle trouvé.",
+	searchRoles: "Rechercher des rôles",
+	selectedMembersCount_one: "{{count}} {{metaName}} sélectionné parmi {{totalCount}}",
+	selectedMembersCount_other: "{{count}} {{metaName}} sélectionnés parmi {{totalCount}}"
 };
 var metaNames = {
 	member_one: "Membre",
@@ -4008,6 +4247,9 @@ const slugify = string => string.toString().toLowerCase().replace(/\s+/g, "-") /
 .replace(/^-+/, "") // Trim - from start of text
 .replace(/-+$/, ""); // Trim - from end of text
 
+const capitalize = string => string.charAt(0).toUpperCase() + string.slice(1);
+const isNotEmpty$1 = ramda.complement(ramda.isEmpty);
+
 const SINGULAR = {
   count: 1
 };
@@ -7235,11 +7477,11 @@ const QUERY_KEYS = {
   PERMISSIONS: "neeto-team-members-permissions"
 };
 
-function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _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; }
 const useFetchPermissions = function () {
   let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return useQuery(QUERY_KEYS.PERMISSIONS, permissionsApi.fetch, _objectSpread$6({
+  return useQuery(QUERY_KEYS.PERMISSIONS, permissionsApi.fetch, _objectSpread$7({
     staleTime: DEFAULT_STALE_TIME,
     select: response => response.permissions || response.data.permissions
   }, options));
@@ -7260,12 +7502,12 @@ const organizationRolesApi = {
 
 const _excluded$1 = ["onSuccess"],
   _excluded2$1 = ["onSuccess"],
-  _excluded3 = ["onSuccess"];
-function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  _excluded3$1 = ["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; }
 const useFetchRoles = function () {
   let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return useQuery(QUERY_KEYS.ROLES, organizationRolesApi.fetch, _objectSpread$5({
+  return useQuery(QUERY_KEYS.ROLES, organizationRolesApi.fetch, _objectSpread$6({
     staleTime: DEFAULT_STALE_TIME,
     select: response => response.organizationRoles || response.data.organizationRoles
   }, options));
@@ -7273,7 +7515,7 @@ const useFetchRoles = function () {
 const useCreateRole = _ref => {
   let onSuccess = _ref.onSuccess,
     options = _objectWithoutProperties(_ref, _excluded$1);
-  return useMutation(organizationRolesApi.create, _objectSpread$5({
+  return useMutation(organizationRolesApi.create, _objectSpread$6({
     onSuccess: response => {
       queryClient.setQueriesData(QUERY_KEYS.ROLES, cachedData => {
         if (!!cachedData.data && !!cachedData.data.organizationRoles) {
@@ -7293,7 +7535,7 @@ const useUpdateRole = _ref2 => {
     let id = _ref3.id,
       payload = _ref3.payload;
     return organizationRolesApi.update(id, payload);
-  }, _objectSpread$5({
+  }, _objectSpread$6({
     onSuccess: response => {
       queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
       queryClient.setQueriesData(QUERY_KEYS.ROLES, cachedData => {
@@ -7310,12 +7552,12 @@ const useUpdateRole = _ref2 => {
 const useDestroyRole = _ref4 => {
   let _ref4$onSuccess = _ref4.onSuccess,
     onSuccess = _ref4$onSuccess === void 0 ? noop$1 : _ref4$onSuccess,
-    options = _objectWithoutProperties(_ref4, _excluded3);
+    options = _objectWithoutProperties(_ref4, _excluded3$1);
   return useMutation(_ref5 => {
     let id = _ref5.id,
       payload = _ref5.payload;
     return organizationRolesApi.destroy(id, payload);
-  }, _objectSpread$5({
+  }, _objectSpread$6({
     onSuccess: response => {
       queryClient.setQueriesData(QUERY_KEYS.ROLES, cachedData => {
         if (!!cachedData.data && !!cachedData.data.organizationRoles) {
@@ -8885,8 +9127,8 @@ const Permissions = _ref => {
   }))));
 };
 
-function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const New = _ref => {
   let isOpen = _ref.isOpen,
     onClose = _ref.onClose,
@@ -8900,7 +9142,7 @@ const New = _ref => {
     createRole = _useCreateRole.mutate,
     isSubmitting = _useCreateRole.isLoading;
   const handleFormSubmit = formValues => {
-    const modifiedFormValues = _objectSpread$4(_objectSpread$4({}, formValues), {}, {
+    const modifiedFormValues = _objectSpread$5(_objectSpread$5({}, formValues), {}, {
       description: formValues.description.trim()
     });
     createRole({
@@ -9259,8 +9501,8 @@ const Delete = _ref => {
   });
 };
 
-function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const Edit = _ref => {
   let isOpen = _ref.isOpen,
     onClose = _ref.onClose,
@@ -9279,7 +9521,7 @@ const Edit = _ref => {
   };
   const handleFormSubmit = formValues => {
     const payload = {
-      organizationRole: _objectSpread$3(_objectSpread$3(_objectSpread$3({}, selectedRole), formValues), {}, {
+      organizationRole: _objectSpread$4(_objectSpread$4(_objectSpread$4({}, selectedRole), formValues), {}, {
         description: formValues.description.trim()
       })
     };
@@ -9607,20 +9849,23 @@ const fetch = params => axios__default["default"].get(`${BASE_URL}/teams`, {
 });
 const create = payload => axios__default["default"].post(`${BASE_URL}/teams`, payload);
 const update = (id, payload) => axios__default["default"].put(`${BASE_URL}/teams/${id}`, payload);
+const bulkUpdate = payload => axios__default["default"].patch(`${BASE_URL}/teams/bulk_update`, payload);
 const teamsApi = {
-  fetch,
+  bulkUpdate,
   create,
+  fetch,
   update
 };
 
 const _excluded = ["onSuccess"],
-  _excluded2 = ["onSuccess"];
-function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  _excluded2 = ["onSuccess"],
+  _excluded3 = ["onSuccess"];
+function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const useFetchMembers = function () {
   let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return useQuery([QUERY_KEYS.TEAMS, params], () => teamsApi.fetch(params), _objectSpread$2({
+  return useQuery([QUERY_KEYS.TEAMS, params], () => teamsApi.fetch(params), _objectSpread$3({
     staleTime: DEFAULT_STALE_TIME,
     select: response => response.data || response,
     keepPreviousData: true
@@ -9629,7 +9874,7 @@ const useFetchMembers = function () {
 const useCreateMember = _ref => {
   let onSuccess = _ref.onSuccess,
     options = _objectWithoutProperties(_ref, _excluded);
-  return useMutation(teamsApi.create, _objectSpread$2({
+  return useMutation(teamsApi.create, _objectSpread$3({
     onSuccess: response => {
       queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
       neetoui.Toastr.success(response.ntmNotice || response.data.ntmNotice);
@@ -9644,7 +9889,18 @@ const useUpdateMember = _ref2 => {
     let id = _ref3.id,
       payload = _ref3.payload;
     return teamsApi.update(id, payload);
-  }, _objectSpread$2({
+  }, _objectSpread$3({
+    onSuccess: response => {
+      queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
+      neetoui.Toastr.success(response.ntmNotice || response.data.ntmNotice);
+      onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
+    }
+  }, options));
+};
+const useBulkUpdateMembers = _ref4 => {
+  let onSuccess = _ref4.onSuccess,
+    options = _objectWithoutProperties(_ref4, _excluded3);
+  return useMutation(teamsApi.bulkUpdate, _objectSpread$3({
     onSuccess: response => {
       queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
       neetoui.Toastr.success(response.ntmNotice || response.data.ntmNotice);
@@ -9668,8 +9924,7 @@ const useDebounce = function (value) {
 
 const Header = _ref => {
   var _permissions$create, _permissions$create2;
-  let _ref$metaName = _ref.metaName,
-    metaName = _ref$metaName === void 0 ? "" : _ref$metaName,
+  let metaName = _ref.metaName,
     _ref$onClick = _ref.onClick,
     onClick = _ref$onClick === void 0 ? noop$1 : _ref$onClick,
     permissions = _ref.permissions;
@@ -9681,7 +9936,7 @@ const Header = _ref => {
     "data-cy": "ntm-add-member-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: instance.t("common.add_", {
-      what: instance.t(metaName, SINGULAR).toLocaleLowerCase()
+      what: metaName(SINGULAR).toLocaleLowerCase()
     }),
     onClick: onClick
   })));
@@ -9726,7 +9981,7 @@ const removeBy = ramda.curry((pattern, array) => array.filter(ramda.complement(m
 const removeFixedColumns = (fixedColumns, columnData) => removeBy({
   dataIndex: ramda.includes(ramda.__, fixedColumns)
 }, columnData);
-const filterBySearchTerm = (searchTerm, columns) => ramda.filter(_ref3 => {
+const filterBySearchTerm$1 = (searchTerm, columns) => ramda.filter(_ref3 => {
   let title = _ref3.title;
   return ramda.includes(ramda.trim(ramda.toLower(searchTerm)), ramda.trim(ramda.toLower(title)));
 }, columns);
@@ -9764,7 +10019,7 @@ const Columns = _ref => {
     searchTerm = _useState2[0],
     setSearchTerm = _useState2[1];
   const columns = removeFixedColumns(fixedColumns, columnData);
-  const filteredColumns = filterBySearchTerm(searchTerm, columns);
+  const filteredColumns = filterBySearchTerm$1(searchTerm, columns);
   const handleChange = _ref2 => {
     let _ref2$target = _ref2.target,
       dataIndex = _ref2$target.name,
@@ -9832,44 +10087,70 @@ const MANAGE_ROLES_BUTTON_LABEL = instance.t("common.manage_", {
   what: instance.t("common.role", PLURAL).toLocaleLowerCase()
 });
 
-const Left = _ref => {
-  let metaName = _ref.metaName,
-    count = _ref.count;
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    "data-cy": "ntm-filtered-members-count",
-    component: "h4",
-    style: "h4"
-  }, count, " ", instance.t(metaName, {
-    count
-  }).toLocaleLowerCase());
-};
-Left.defaultProps = {
-  metaName: "metaNames.member",
-  count: 0
-};
-const Right = _ref2 => {
-  let columns = _ref2.columns,
-    rolesButtonProps = _ref2.rolesButtonProps,
-    setColumnData = _ref2.setColumnData;
-  const isRolesButtonVisible = !!rolesButtonProps;
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Columns, {
-    columnData: columns,
-    dropdownProps: COLUMNS_DROPDOWN_PROPS,
-    fixedColumns: FIXED_COLUMNS,
-    localStorageKey: "NTM_MEMBERS_TABLE_HIDDEN_COLUMNS",
-    noColumnMessage: instance.t("columns.noColumnsFound"),
-    onChange: setColumnData,
-    searchProps: COLUMNS_SEARCH_PROPS
-  }), isRolesButtonVisible ? /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends({
-    "data-cy": "ntm-manage-roles-button",
-    label: MANAGE_ROLES_BUTTON_LABEL,
-    size: "small",
-    style: "secondary"
-  }, rolesButtonProps)) : null);
-};
-const SubHeader = {
-  Left,
-  Right
+const filterBySearchTerm = (searchTerm, roles) => ramda.filter(_ref => {
+  let name = _ref.name;
+  return ramda.includes(ramda.trim(ramda.toLower(searchTerm)), ramda.trim(ramda.toLower(name)));
+}, roles);
+const getActivateButtonVisible = selectedRows => selectedRows.active.some(active => active === false);
+const getDeactivatedButtonVisible = selectedRows => selectedRows.active.some(active => active === true);
+
+const Menu$1 = neetoui.Dropdown.Menu,
+  MenuItem = neetoui.Dropdown.MenuItem;
+const RolesDropdown = _ref => {
+  let handleRoleChange = _ref.handleRoleChange,
+    _ref$isSearchable = _ref.isSearchable,
+    isSearchable = _ref$isSearchable === void 0 ? false : _ref$isSearchable,
+    _ref$roles = _ref.roles,
+    roles = _ref$roles === void 0 ? [] : _ref$roles;
+  const _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isDropdownOpen = _useState2[0],
+    setIsDropdownOpen = _useState2[1];
+  const _useState3 = React.useState(""),
+    _useState4 = _slicedToArray(_useState3, 2),
+    searchTerm = _useState4[0],
+    setSearchTerm = _useState4[1];
+  const filteredRoles = filterBySearchTerm(searchTerm, roles);
+  const handleSearch = _ref2 => {
+    let value = _ref2.target.value;
+    return setSearchTerm(value);
+  };
+  const handleSelectRole = role => {
+    handleRoleChange(role);
+    setIsDropdownOpen(false);
+  };
+  const handleOnClose = () => {
+    setSearchTerm("");
+    setIsDropdownOpen(false);
+  };
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
+    buttonSize: "small",
+    buttonStyle: "secondary",
+    closeOnSelect: false,
+    "data-cy": "ntm-members-roles-update-dropdown",
+    label: instance.t("buttons.changeRole"),
+    isOpen: isDropdownOpen,
+    onClick: () => setIsDropdownOpen(true),
+    onClose: () => handleOnClose(),
+    position: "bottom-end"
+  }, /*#__PURE__*/React__default["default"].createElement(Menu$1, null, /*#__PURE__*/React__default["default"].createElement("div", null, isSearchable && /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
+    className: "neeto-ui-px-3 neeto-ui-py-2",
+    "data-cy": "ntm-members-roles-search-input",
+    onChange: handleSearch,
+    placeholder: instance.t("helpers.searchRoles"),
+    prefix: /*#__PURE__*/React__default["default"].createElement(neetoIcons.Search, null),
+    type: "search",
+    value: searchTerm
+  }), isNotEmpty$1(filteredRoles) ? filteredRoles.map(_ref3 => {
+    let id = _ref3.id,
+      name = _ref3.name;
+    return /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
+      key: id,
+      onClick: () => handleSelectRole(name)
+    }, name);
+  }) : /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "neeto-ui-flex neeto-ui-flex-col neeto-ui-items-center neeto-ui-p-2"
+  }, instance.t("helpers.noRolesFound")))));
 };
 
 var _URLSearchParams$get;
@@ -9912,9 +10193,617 @@ const DEFAULT_FILTER_VALUES = {
   sort_by: "",
   sort_direction: ""
 };
+const DEFAULT_SELECTED_ROWS = {
+  active: [],
+  emails: [],
+  keys: []
+};
 
-function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const Left = _ref => {
+  var _selectedRows$keys, _selectedRows$keys2;
+  let filteredCount = _ref.filteredCount,
+    metaName = _ref.metaName,
+    selectedRows = _ref.selectedRows,
+    totalCount = _ref.totalCount;
+  const hasSelectedRows = isNotEmpty$1(selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.keys);
+  const pluralizedByFilterCount = metaName({
+    count: filteredCount
+  }).toLocaleLowerCase();
+  const selectedMembersCountValues = {
+    count: selectedRows === null || selectedRows === void 0 ? void 0 : (_selectedRows$keys = selectedRows.keys) === null || _selectedRows$keys === void 0 ? void 0 : _selectedRows$keys.length,
+    metaName: metaName({
+      count: selectedRows === null || selectedRows === void 0 ? void 0 : (_selectedRows$keys2 = selectedRows.keys) === null || _selectedRows$keys2 === void 0 ? void 0 : _selectedRows$keys2.length
+    }).toLocaleLowerCase(),
+    totalCount
+  };
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    "data-cy": "ntm-filtered-members-count",
+    component: "h4",
+    style: "h4"
+  }, hasSelectedRows ? /*#__PURE__*/React__default["default"].createElement(Trans, {
+    i18nKey: "helpers.selectedMembersCount",
+    values: selectedMembersCountValues
+  }) : `${filteredCount} ${pluralizedByFilterCount}`);
+};
+const Right = _ref2 => {
+  let columns = _ref2.columns,
+    roles = _ref2.roles,
+    rolesButtonProps = _ref2.rolesButtonProps,
+    selectedRows = _ref2.selectedRows,
+    setColumnData = _ref2.setColumnData,
+    setSelectedRows = _ref2.setSelectedRows;
+  const isRolesButtonVisible = !!rolesButtonProps;
+  const _useBulkUpdateMembers = useBulkUpdateMembers({
+      onSuccess: () => setSelectedRows(DEFAULT_SELECTED_ROWS)
+    }),
+    bulkUpdateMember = _useBulkUpdateMembers.mutate;
+  const handleDeactivateMembers = () => bulkUpdateMember({
+    users: {
+      active: false,
+      emails: selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.emails
+    }
+  });
+  const handleActivateMembers = () => bulkUpdateMember({
+    users: {
+      active: true,
+      emails: selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.emails
+    }
+  });
+  const handleRoleChange = role => {
+    bulkUpdateMember({
+      users: {
+        active: true,
+        emails: selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.emails,
+        organization_role: role
+      }
+    });
+  };
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, getDeactivatedButtonVisible(selectedRows) && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    "data-cy": "ntm-deactivate-members-button",
+    label: instance.t("common.deactivate"),
+    size: "small",
+    style: "secondary",
+    onClick: () => handleDeactivateMembers()
+  }), getActivateButtonVisible(selectedRows) && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    "data-cy": "ntm-activate-members-button",
+    label: instance.t("common.activate"),
+    size: "small",
+    style: "secondary",
+    onClick: () => handleActivateMembers()
+  }), isNotEmpty$1(selectedRows.keys) && /*#__PURE__*/React__default["default"].createElement(RolesDropdown, {
+    handleRoleChange: handleRoleChange,
+    roles: roles
+  }), /*#__PURE__*/React__default["default"].createElement(Columns, {
+    columnData: columns,
+    dropdownProps: COLUMNS_DROPDOWN_PROPS,
+    fixedColumns: FIXED_COLUMNS,
+    localStorageKey: "NTM_MEMBERS_TABLE_HIDDEN_COLUMNS",
+    noColumnMessage: instance.t("columns.noColumnsFound"),
+    onChange: setColumnData,
+    searchProps: COLUMNS_SEARCH_PROPS
+  }), isRolesButtonVisible ? /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends({
+    "data-cy": "ntm-manage-roles-button",
+    label: MANAGE_ROLES_BUTTON_LABEL,
+    size: "small",
+    style: "secondary"
+  }, rolesButtonProps)) : null);
+};
+const SubHeader = {
+  Left,
+  Right
+};
+
+function commonjsRequire(path) {
+	throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
+}
+
+var pluralize$1 = {exports: {}};
+
+/* global define */
+
+(function (module, exports) {
+	(function (root, pluralize) {
+	  /* istanbul ignore else */
+	  if (typeof commonjsRequire === 'function' && 'object' === 'object' && 'object' === 'object') {
+	    // Node.
+	    module.exports = pluralize();
+	  } else {
+	    // Browser global.
+	    root.pluralize = pluralize();
+	  }
+	})(commonjsGlobal, function () {
+	  // Rule storage - pluralize and singularize need to be run sequentially,
+	  // while other rules can be optimized using an object for instant lookups.
+	  var pluralRules = [];
+	  var singularRules = [];
+	  var uncountables = {};
+	  var irregularPlurals = {};
+	  var irregularSingles = {};
+
+	  /**
+	   * Sanitize a pluralization rule to a usable regular expression.
+	   *
+	   * @param  {(RegExp|string)} rule
+	   * @return {RegExp}
+	   */
+	  function sanitizeRule (rule) {
+	    if (typeof rule === 'string') {
+	      return new RegExp('^' + rule + '$', 'i');
+	    }
+
+	    return rule;
+	  }
+
+	  /**
+	   * Pass in a word token to produce a function that can replicate the case on
+	   * another word.
+	   *
+	   * @param  {string}   word
+	   * @param  {string}   token
+	   * @return {Function}
+	   */
+	  function restoreCase (word, token) {
+	    // Tokens are an exact match.
+	    if (word === token) return token;
+
+	    // Lower cased words. E.g. "hello".
+	    if (word === word.toLowerCase()) return token.toLowerCase();
+
+	    // Upper cased words. E.g. "WHISKY".
+	    if (word === word.toUpperCase()) return token.toUpperCase();
+
+	    // Title cased words. E.g. "Title".
+	    if (word[0] === word[0].toUpperCase()) {
+	      return token.charAt(0).toUpperCase() + token.substr(1).toLowerCase();
+	    }
+
+	    // Lower cased words. E.g. "test".
+	    return token.toLowerCase();
+	  }
+
+	  /**
+	   * Interpolate a regexp string.
+	   *
+	   * @param  {string} str
+	   * @param  {Array}  args
+	   * @return {string}
+	   */
+	  function interpolate (str, args) {
+	    return str.replace(/\$(\d{1,2})/g, function (match, index) {
+	      return args[index] || '';
+	    });
+	  }
+
+	  /**
+	   * Replace a word using a rule.
+	   *
+	   * @param  {string} word
+	   * @param  {Array}  rule
+	   * @return {string}
+	   */
+	  function replace (word, rule) {
+	    return word.replace(rule[0], function (match, index) {
+	      var result = interpolate(rule[1], arguments);
+
+	      if (match === '') {
+	        return restoreCase(word[index - 1], result);
+	      }
+
+	      return restoreCase(match, result);
+	    });
+	  }
+
+	  /**
+	   * Sanitize a word by passing in the word and sanitization rules.
+	   *
+	   * @param  {string}   token
+	   * @param  {string}   word
+	   * @param  {Array}    rules
+	   * @return {string}
+	   */
+	  function sanitizeWord (token, word, rules) {
+	    // Empty string or doesn't need fixing.
+	    if (!token.length || uncountables.hasOwnProperty(token)) {
+	      return word;
+	    }
+
+	    var len = rules.length;
+
+	    // Iterate over the sanitization rules and use the first one to match.
+	    while (len--) {
+	      var rule = rules[len];
+
+	      if (rule[0].test(word)) return replace(word, rule);
+	    }
+
+	    return word;
+	  }
+
+	  /**
+	   * Replace a word with the updated word.
+	   *
+	   * @param  {Object}   replaceMap
+	   * @param  {Object}   keepMap
+	   * @param  {Array}    rules
+	   * @return {Function}
+	   */
+	  function replaceWord (replaceMap, keepMap, rules) {
+	    return function (word) {
+	      // Get the correct token and case restoration functions.
+	      var token = word.toLowerCase();
+
+	      // Check against the keep object map.
+	      if (keepMap.hasOwnProperty(token)) {
+	        return restoreCase(word, token);
+	      }
+
+	      // Check against the replacement map for a direct word replacement.
+	      if (replaceMap.hasOwnProperty(token)) {
+	        return restoreCase(word, replaceMap[token]);
+	      }
+
+	      // Run all the rules against the word.
+	      return sanitizeWord(token, word, rules);
+	    };
+	  }
+
+	  /**
+	   * Check if a word is part of the map.
+	   */
+	  function checkWord (replaceMap, keepMap, rules, bool) {
+	    return function (word) {
+	      var token = word.toLowerCase();
+
+	      if (keepMap.hasOwnProperty(token)) return true;
+	      if (replaceMap.hasOwnProperty(token)) return false;
+
+	      return sanitizeWord(token, token, rules) === token;
+	    };
+	  }
+
+	  /**
+	   * Pluralize or singularize a word based on the passed in count.
+	   *
+	   * @param  {string}  word      The word to pluralize
+	   * @param  {number}  count     How many of the word exist
+	   * @param  {boolean} inclusive Whether to prefix with the number (e.g. 3 ducks)
+	   * @return {string}
+	   */
+	  function pluralize (word, count, inclusive) {
+	    var pluralized = count === 1
+	      ? pluralize.singular(word) : pluralize.plural(word);
+
+	    return (inclusive ? count + ' ' : '') + pluralized;
+	  }
+
+	  /**
+	   * Pluralize a word.
+	   *
+	   * @type {Function}
+	   */
+	  pluralize.plural = replaceWord(
+	    irregularSingles, irregularPlurals, pluralRules
+	  );
+
+	  /**
+	   * Check if a word is plural.
+	   *
+	   * @type {Function}
+	   */
+	  pluralize.isPlural = checkWord(
+	    irregularSingles, irregularPlurals, pluralRules
+	  );
+
+	  /**
+	   * Singularize a word.
+	   *
+	   * @type {Function}
+	   */
+	  pluralize.singular = replaceWord(
+	    irregularPlurals, irregularSingles, singularRules
+	  );
+
+	  /**
+	   * Check if a word is singular.
+	   *
+	   * @type {Function}
+	   */
+	  pluralize.isSingular = checkWord(
+	    irregularPlurals, irregularSingles, singularRules
+	  );
+
+	  /**
+	   * Add a pluralization rule to the collection.
+	   *
+	   * @param {(string|RegExp)} rule
+	   * @param {string}          replacement
+	   */
+	  pluralize.addPluralRule = function (rule, replacement) {
+	    pluralRules.push([sanitizeRule(rule), replacement]);
+	  };
+
+	  /**
+	   * Add a singularization rule to the collection.
+	   *
+	   * @param {(string|RegExp)} rule
+	   * @param {string}          replacement
+	   */
+	  pluralize.addSingularRule = function (rule, replacement) {
+	    singularRules.push([sanitizeRule(rule), replacement]);
+	  };
+
+	  /**
+	   * Add an uncountable word rule.
+	   *
+	   * @param {(string|RegExp)} word
+	   */
+	  pluralize.addUncountableRule = function (word) {
+	    if (typeof word === 'string') {
+	      uncountables[word.toLowerCase()] = true;
+	      return;
+	    }
+
+	    // Set singular and plural references for the word.
+	    pluralize.addPluralRule(word, '$0');
+	    pluralize.addSingularRule(word, '$0');
+	  };
+
+	  /**
+	   * Add an irregular word definition.
+	   *
+	   * @param {string} single
+	   * @param {string} plural
+	   */
+	  pluralize.addIrregularRule = function (single, plural) {
+	    plural = plural.toLowerCase();
+	    single = single.toLowerCase();
+
+	    irregularSingles[single] = plural;
+	    irregularPlurals[plural] = single;
+	  };
+
+	  /**
+	   * Irregular rules.
+	   */
+	  [
+	    // Pronouns.
+	    ['I', 'we'],
+	    ['me', 'us'],
+	    ['he', 'they'],
+	    ['she', 'they'],
+	    ['them', 'them'],
+	    ['myself', 'ourselves'],
+	    ['yourself', 'yourselves'],
+	    ['itself', 'themselves'],
+	    ['herself', 'themselves'],
+	    ['himself', 'themselves'],
+	    ['themself', 'themselves'],
+	    ['is', 'are'],
+	    ['was', 'were'],
+	    ['has', 'have'],
+	    ['this', 'these'],
+	    ['that', 'those'],
+	    // Words ending in with a consonant and `o`.
+	    ['echo', 'echoes'],
+	    ['dingo', 'dingoes'],
+	    ['volcano', 'volcanoes'],
+	    ['tornado', 'tornadoes'],
+	    ['torpedo', 'torpedoes'],
+	    // Ends with `us`.
+	    ['genus', 'genera'],
+	    ['viscus', 'viscera'],
+	    // Ends with `ma`.
+	    ['stigma', 'stigmata'],
+	    ['stoma', 'stomata'],
+	    ['dogma', 'dogmata'],
+	    ['lemma', 'lemmata'],
+	    ['schema', 'schemata'],
+	    ['anathema', 'anathemata'],
+	    // Other irregular rules.
+	    ['ox', 'oxen'],
+	    ['axe', 'axes'],
+	    ['die', 'dice'],
+	    ['yes', 'yeses'],
+	    ['foot', 'feet'],
+	    ['eave', 'eaves'],
+	    ['goose', 'geese'],
+	    ['tooth', 'teeth'],
+	    ['quiz', 'quizzes'],
+	    ['human', 'humans'],
+	    ['proof', 'proofs'],
+	    ['carve', 'carves'],
+	    ['valve', 'valves'],
+	    ['looey', 'looies'],
+	    ['thief', 'thieves'],
+	    ['groove', 'grooves'],
+	    ['pickaxe', 'pickaxes'],
+	    ['passerby', 'passersby']
+	  ].forEach(function (rule) {
+	    return pluralize.addIrregularRule(rule[0], rule[1]);
+	  });
+
+	  /**
+	   * Pluralization rules.
+	   */
+	  [
+	    [/s?$/i, 's'],
+	    [/[^\u0000-\u007F]$/i, '$0'],
+	    [/([^aeiou]ese)$/i, '$1'],
+	    [/(ax|test)is$/i, '$1es'],
+	    [/(alias|[^aou]us|t[lm]as|gas|ris)$/i, '$1es'],
+	    [/(e[mn]u)s?$/i, '$1s'],
+	    [/([^l]ias|[aeiou]las|[ejzr]as|[iu]am)$/i, '$1'],
+	    [/(alumn|syllab|vir|radi|nucle|fung|cact|stimul|termin|bacill|foc|uter|loc|strat)(?:us|i)$/i, '$1i'],
+	    [/(alumn|alg|vertebr)(?:a|ae)$/i, '$1ae'],
+	    [/(seraph|cherub)(?:im)?$/i, '$1im'],
+	    [/(her|at|gr)o$/i, '$1oes'],
+	    [/(agend|addend|millenni|dat|extrem|bacteri|desiderat|strat|candelabr|errat|ov|symposi|curricul|automat|quor)(?:a|um)$/i, '$1a'],
+	    [/(apheli|hyperbat|periheli|asyndet|noumen|phenomen|criteri|organ|prolegomen|hedr|automat)(?:a|on)$/i, '$1a'],
+	    [/sis$/i, 'ses'],
+	    [/(?:(kni|wi|li)fe|(ar|l|ea|eo|oa|hoo)f)$/i, '$1$2ves'],
+	    [/([^aeiouy]|qu)y$/i, '$1ies'],
+	    [/([^ch][ieo][ln])ey$/i, '$1ies'],
+	    [/(x|ch|ss|sh|zz)$/i, '$1es'],
+	    [/(matr|cod|mur|sil|vert|ind|append)(?:ix|ex)$/i, '$1ices'],
+	    [/\b((?:tit)?m|l)(?:ice|ouse)$/i, '$1ice'],
+	    [/(pe)(?:rson|ople)$/i, '$1ople'],
+	    [/(child)(?:ren)?$/i, '$1ren'],
+	    [/eaux$/i, '$0'],
+	    [/m[ae]n$/i, 'men'],
+	    ['thou', 'you']
+	  ].forEach(function (rule) {
+	    return pluralize.addPluralRule(rule[0], rule[1]);
+	  });
+
+	  /**
+	   * Singularization rules.
+	   */
+	  [
+	    [/s$/i, ''],
+	    [/(ss)$/i, '$1'],
+	    [/(wi|kni|(?:after|half|high|low|mid|non|night|[^\w]|^)li)ves$/i, '$1fe'],
+	    [/(ar|(?:wo|[ae])l|[eo][ao])ves$/i, '$1f'],
+	    [/ies$/i, 'y'],
+	    [/\b([pl]|zomb|(?:neck|cross)?t|coll|faer|food|gen|goon|group|lass|talk|goal|cut)ies$/i, '$1ie'],
+	    [/\b(mon|smil)ies$/i, '$1ey'],
+	    [/\b((?:tit)?m|l)ice$/i, '$1ouse'],
+	    [/(seraph|cherub)im$/i, '$1'],
+	    [/(x|ch|ss|sh|zz|tto|go|cho|alias|[^aou]us|t[lm]as|gas|(?:her|at|gr)o|[aeiou]ris)(?:es)?$/i, '$1'],
+	    [/(analy|diagno|parenthe|progno|synop|the|empha|cri|ne)(?:sis|ses)$/i, '$1sis'],
+	    [/(movie|twelve|abuse|e[mn]u)s$/i, '$1'],
+	    [/(test)(?:is|es)$/i, '$1is'],
+	    [/(alumn|syllab|vir|radi|nucle|fung|cact|stimul|termin|bacill|foc|uter|loc|strat)(?:us|i)$/i, '$1us'],
+	    [/(agend|addend|millenni|dat|extrem|bacteri|desiderat|strat|candelabr|errat|ov|symposi|curricul|quor)a$/i, '$1um'],
+	    [/(apheli|hyperbat|periheli|asyndet|noumen|phenomen|criteri|organ|prolegomen|hedr|automat)a$/i, '$1on'],
+	    [/(alumn|alg|vertebr)ae$/i, '$1a'],
+	    [/(cod|mur|sil|vert|ind)ices$/i, '$1ex'],
+	    [/(matr|append)ices$/i, '$1ix'],
+	    [/(pe)(rson|ople)$/i, '$1rson'],
+	    [/(child)ren$/i, '$1'],
+	    [/(eau)x?$/i, '$1'],
+	    [/men$/i, 'man']
+	  ].forEach(function (rule) {
+	    return pluralize.addSingularRule(rule[0], rule[1]);
+	  });
+
+	  /**
+	   * Uncountable rules.
+	   */
+	  [
+	    // Singular words with no plurals.
+	    'adulthood',
+	    'advice',
+	    'agenda',
+	    'aid',
+	    'aircraft',
+	    'alcohol',
+	    'ammo',
+	    'analytics',
+	    'anime',
+	    'athletics',
+	    'audio',
+	    'bison',
+	    'blood',
+	    'bream',
+	    'buffalo',
+	    'butter',
+	    'carp',
+	    'cash',
+	    'chassis',
+	    'chess',
+	    'clothing',
+	    'cod',
+	    'commerce',
+	    'cooperation',
+	    'corps',
+	    'debris',
+	    'diabetes',
+	    'digestion',
+	    'elk',
+	    'energy',
+	    'equipment',
+	    'excretion',
+	    'expertise',
+	    'firmware',
+	    'flounder',
+	    'fun',
+	    'gallows',
+	    'garbage',
+	    'graffiti',
+	    'hardware',
+	    'headquarters',
+	    'health',
+	    'herpes',
+	    'highjinks',
+	    'homework',
+	    'housework',
+	    'information',
+	    'jeans',
+	    'justice',
+	    'kudos',
+	    'labour',
+	    'literature',
+	    'machinery',
+	    'mackerel',
+	    'mail',
+	    'media',
+	    'mews',
+	    'moose',
+	    'music',
+	    'mud',
+	    'manga',
+	    'news',
+	    'only',
+	    'personnel',
+	    'pike',
+	    'plankton',
+	    'pliers',
+	    'police',
+	    'pollution',
+	    'premises',
+	    'rain',
+	    'research',
+	    'rice',
+	    'salmon',
+	    'scissors',
+	    'series',
+	    'sewage',
+	    'shambles',
+	    'shrimp',
+	    'software',
+	    'species',
+	    'staff',
+	    'swine',
+	    'tennis',
+	    'traffic',
+	    'transportation',
+	    'trout',
+	    'tuna',
+	    'wealth',
+	    'welfare',
+	    'whiting',
+	    'wildebeest',
+	    'wildlife',
+	    'you',
+	    /pok[eé]mon$/i,
+	    // Regexes.
+	    /[^aeiou]ese$/i, // "chinese", "japanese"
+	    /deer$/i, // "deer", "reindeer"
+	    /fish$/i, // "fish", "blowfish", "angelfish"
+	    /measles$/i,
+	    /o[iu]s$/i, // "carnivorous"
+	    /pox$/i, // "chickpox", "smallpox"
+	    /sheep$/i
+	  ].forEach(pluralize.addUncountableRule);
+
+	  return pluralize;
+	});
+} (pluralize$1));
+
+var pluralize = pluralize$1.exports;
+
+function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const renderNameColumn = (_ref, diplayStatusTag) => {
   let displayName = _ref.displayName,
     imageUrl = _ref.profileImageUrl,
@@ -9987,19 +10876,19 @@ const getDefaultAlertTitle = _ref3 => {
   let member = _ref3.member,
     metaName = _ref3.metaName;
   return member !== null && member !== void 0 && member.active ? instance.t("common.deactivate_", {
-    what: instance.t(metaName, SINGULAR).toLocaleLowerCase()
+    what: metaName(SINGULAR).toLocaleLowerCase()
   }) : instance.t("common.activate_", {
-    what: instance.t(metaName, SINGULAR).toLocaleLowerCase()
+    what: metaName(SINGULAR).toLocaleLowerCase()
   });
 };
 const getDefaultAlertMessage = _ref4 => {
   let member = _ref4.member,
     metaName = _ref4.metaName;
   return member !== null && member !== void 0 && member.active ? instance.t("alerts.deactivating_", {
-    what: instance.t(metaName, SINGULAR).toLocaleLowerCase(),
+    what: metaName(SINGULAR).toLocaleLowerCase(),
     person: member === null || member === void 0 ? void 0 : member.name
   }) : instance.t("alerts.activating_", {
-    what: instance.t(metaName, SINGULAR).toLocaleLowerCase(),
+    what: metaName(SINGULAR).toLocaleLowerCase(),
     person: member === null || member === void 0 ? void 0 : member.name
   });
 };
@@ -10036,7 +10925,7 @@ const getColumnData = _ref5 => {
   }];
 };
 const renderHeaderTitle = (filterStatus, metaName) => instance.t(`common.${ramda.toLower(filterStatus)}_`, {
-  what: instance.t(metaName, PLURAL).toLocaleLowerCase()
+  what: metaName(PLURAL).toLocaleLowerCase()
 });
 const renderUpdateAlert = (field, props) => {
   var _config$alert;
@@ -10052,7 +10941,7 @@ const renderUpdateAlert = (field, props) => {
   }
   return field === "title" ? getDefaultAlertTitle(props) : getDefaultAlertMessage(props);
 };
-const getSearchParams = (page, filter) => new URLSearchParams(_objectSpread$1(_objectSpread$1({}, page), {}, {
+const getSearchParams = (page, filter) => new URLSearchParams(_objectSpread$2(_objectSpread$2({}, page), {}, {
   filter: filter.toLowerCase()
 })).toString();
 const handlePageChange = (setFilters, filter) => (page, results) => {
@@ -10067,11 +10956,21 @@ const renderPaginationProps = size => ({
   pageSize: parseInt(size, DEFAULT_RADIX)
 });
 const getPerCategoryCount = (perCategoryCount, category) => ramda.isNil(perCategoryCount) ? MEMBER_FILTER[category].defaultCount : perCategoryCount[category === null || category === void 0 ? void 0 : category.toLowerCase()];
+const getMetaName = ramda.curry((metaName, count) => {
+  const singularizedMetaName = pluralize(metaName.toLowerCase(), 1);
+  const translationWord = `metaNames.${singularizedMetaName}`;
+  return instance.exists(translationWord, count) ? instance.t(translationWord, count) : pluralize(capitalize(singularizedMetaName), count.count);
+});
 
-const VALIDATION_SCHEMA = yup__namespace.object().shape({
-  emails: yup__namespace.array().min(1, instance.t("validations.minOneEmail")).test("are-all-emails-valid", instance.t("validations.validEmail"), emails => emails.every(ramda.prop("valid"))).nullable(),
+function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const MULTIPLE_EMAIL_INPUT_VALIDATION_SCHEMA = {
+  emails: yup__namespace.array().min(1, instance.t("validations.minOneEmail")).test("are-all-emails-valid", instance.t("validations.validEmail"), emails => emails.every(ramda.prop("valid"))).nullable()
+};
+const ROLES_RADIO_GROUP_VALIDATION_SCHEMA = {
   role: yup__namespace.string().required(instance.t("validations.roleRequired"))
-});
+};
+const VALIDATION_SCHEMA$1 = yup__namespace.object().shape(_objectSpread$1(_objectSpread$1({}, MULTIPLE_EMAIL_INPUT_VALIDATION_SCHEMA), ROLES_RADIO_GROUP_VALIDATION_SCHEMA));
 const FILTER_INVALID_EMAILS = {
   label: instance.t("validations.filterInvalidEmails")
 };
@@ -10106,6 +11005,70 @@ const renderPayload = function (_ref) {
   };
 };
 
+const MultipleEmailInput = _ref => {
+  var _head;
+  let emails = _ref.emails,
+    selectedMember = _ref.selectedMember;
+  return selectedMember ? /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
+    disabled: true,
+    "data-cy": "ntm-manage-member-email-input",
+    label: instance.t("common.email", SINGULAR),
+    name: "emails",
+    size: "medium",
+    value: (_head = ramda.head(emails)) === null || _head === void 0 ? void 0 : _head.value
+  }) : /*#__PURE__*/React__default["default"].createElement(formik$1.EmailInput, {
+    counter: COUNTER_PROPS,
+    "data-cy": "ntm-manage-member-email-input",
+    filterInvalidEmails: FILTER_INVALID_EMAILS,
+    helpText: instance.t("helpers.enterMultipleEmails"),
+    label: `${instance.t("common.email", PLURAL)}*`,
+    name: "emails",
+    placeholder: instance.t("placeholders.email")
+  });
+};
+MultipleEmailInput.defaultProps = {
+  emails: [],
+  selectedMember: null
+};
+
+const RolesRadioGroup = _ref => {
+  let role = _ref.role,
+    roles = _ref.roles;
+  return /*#__PURE__*/React__default["default"].createElement(formik$1.Radio, {
+    stacked: true,
+    className: "ntm-members-radio-group",
+    "data-cy": "ntm-manage-member-roles-group",
+    label: `${instance.t("common.role", SINGULAR)}*`,
+    name: "role"
+  }, roles.map(_ref2 => {
+    let description = _ref2.description,
+      id = _ref2.id,
+      name = _ref2.name;
+    return /*#__PURE__*/React__default["default"].createElement("label", {
+      className: "ntm-members-pane-radio-item__wrapper",
+      htmlFor: slugify(name),
+      key: id
+    }, /*#__PURE__*/React__default["default"].createElement(formik$1.Radio.Item, {
+      className: "ntm-members-pane-radio-item__label",
+      "data-cy": "ntm-manage-member-roles-button",
+      defaultChecked: ramda.identical(name, role),
+      id: slugify(name),
+      label: name,
+      name: "role",
+      value: name
+    }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+      className: "neeto-ui-input__help-text",
+      "data-cy": "ntm-manage-member-roles-description",
+      style: "body3",
+      weight: "normal"
+    }, description));
+  }));
+};
+RolesRadioGroup.defaultProps = {
+  role: "",
+  roles: []
+};
+
 const ManageMember = _ref => {
   var _config$manageMember;
   let config = _ref.config,
@@ -10162,16 +11125,16 @@ const ManageMember = _ref => {
     style: "h2",
     weight: "semibold"
   }, selectedMember ? instance.t("common.edit_", {
-    what: instance.t(metaName, SINGULAR).toLocaleLowerCase()
+    what: metaName(SINGULAR).toLocaleLowerCase()
   }) : instance.t("common.add_", {
-    what: instance.t(metaName, SINGULAR).toLocaleLowerCase()
+    what: metaName(SINGULAR).toLocaleLowerCase()
   }))), config !== null && config !== void 0 && (_config$manageMember = config.manageMember) !== null && _config$manageMember !== void 0 && _config$manageMember.component ? config.manageMember.component(manageMemberProps) : /*#__PURE__*/React__default["default"].createElement(formik.Formik, {
     enableReinitialize: true,
     initialValues: renderInitialValues(selectedMember, roles),
     onSubmit: handleAddMember,
     validateOnBlur: hasSubmitted,
     validateOnChange: hasSubmitted,
-    validationSchema: VALIDATION_SCHEMA
+    validationSchema: VALIDATION_SCHEMA$1
   }, _ref2 => {
     let values = _ref2.values,
       dirty = _ref2.dirty;
@@ -10183,51 +11146,13 @@ const ManageMember = _ref => {
       formRef: formReference
     }), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "ntm-members-pane__body"
-    }, selectedMember ? /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
-      "data-cy": "ntm-manage-member-email-input",
-      disabled: selectedMember,
-      label: instance.t("common.email", SINGULAR),
-      name: "emails",
-      size: "medium",
-      value: ramda.head(emails).value
-    }) : /*#__PURE__*/React__default["default"].createElement(formik$1.EmailInput, {
-      counter: COUNTER_PROPS,
-      "data-cy": "ntm-manage-member-email-input",
-      disabled: selectedMember,
-      filterInvalidEmails: FILTER_INVALID_EMAILS,
-      helpText: instance.t("helpers.enterMultipleEmails"),
-      label: `${instance.t("common.email", PLURAL)}*`,
-      name: "emails",
-      placeholder: instance.t("placeholders.email")
-    }), /*#__PURE__*/React__default["default"].createElement(formik$1.Radio, {
-      stacked: true,
-      className: "ntm-members-radio-group",
-      "data-cy": "ntm-manage-member-roles-group",
-      label: `${instance.t("common.role", SINGULAR)}*`,
-      name: "role"
-    }, roles.map(_ref3 => {
-      let description = _ref3.description,
-        id = _ref3.id,
-        name = _ref3.name;
-      return /*#__PURE__*/React__default["default"].createElement("label", {
-        className: "ntm-members-pane-radio-item__wrapper",
-        htmlFor: slugify(name),
-        key: id
-      }, /*#__PURE__*/React__default["default"].createElement(formik$1.Radio.Item, {
-        className: "ntm-members-pane-radio-item__label",
-        "data-cy": "ntm-manage-member-roles-button",
-        defaultChecked: ramda.identical(name, role),
-        id: slugify(name),
-        label: name,
-        name: "role",
-        value: name
-      }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-        className: "neeto-ui-input__help-text",
-        "data-cy": "ntm-manage-member-roles-description",
-        style: "body3",
-        weight: "normal"
-      }, description));
-    })))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
+    }, /*#__PURE__*/React__default["default"].createElement(MultipleEmailInput, {
+      emails: emails,
+      selectedMember: selectedMember
+    }), /*#__PURE__*/React__default["default"].createElement(RolesRadioGroup, {
+      role: role,
+      roles: roles
+    }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
       className: "ntm-members-pane__footer"
     }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
       "data-cy": "ntm-manage-member-submit-button",
@@ -10256,7 +11181,7 @@ const Menu = _ref => {
   return /*#__PURE__*/React__default["default"].createElement(layouts.MenuBar, {
     "data-cy": "ntm-members-menubar-heading",
     showMenu: isMenuOpen,
-    title: instance.t(metaName, PLURAL)
+    title: metaName(PLURAL)
   }, memberFilterKeys.map(filter => /*#__PURE__*/React__default["default"].createElement(layouts.MenuBar.Block, {
     active: memberFilterKeys.includes(memberFilter) && ramda.identical(filter, memberFilter),
     count: getPerCategoryCount(filterCounts, filter),
@@ -10270,9 +11195,9 @@ const Menu = _ref => {
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const TeamMembers = _ref => {
-  var _config$permissions$v, _config$permissions, _config$permissions$v2, _config$permissions2;
-  let metaName = _ref.metaName,
-    config = _ref.config;
+  var _config$permissions$v, _config$permissions, _config$permissions$v2, _config$permissions2, _filters$category;
+  let config = _ref.config;
+  const metaName = getMetaName((config === null || config === void 0 ? void 0 : config.metaName) || "member");
   const _useState = React.useState(DEFAULT_IS_OPEN_VALUES),
     _useState2 = _slicedToArray(_useState, 2),
     isOpen = _useState2[0],
@@ -10290,6 +11215,10 @@ const TeamMembers = _ref => {
     _useState8 = _slicedToArray(_useState7, 2),
     columnData = _useState8[0],
     setColumnData = _useState8[1];
+  const _useState9 = React.useState(DEFAULT_SELECTED_ROWS),
+    _useState10 = _slicedToArray(_useState9, 2),
+    selectedRows = _useState10[0],
+    setSelectedRows = _useState10[1];
   const _useFetchMembers = useFetchMembers(_objectSpread(_objectSpread({}, filters), {}, {
       search: debouncedSearch.trim(),
       category: filters.category.toLowerCase()
@@ -10313,6 +11242,7 @@ const TeamMembers = _ref => {
     }),
     updateMember = _useUpdateMember.mutate,
     isUpdatingMember = _useUpdateMember.isLoading;
+  const currentCategoryCount = team === null || team === void 0 ? void 0 : team.perCategoryCount[filters === null || filters === void 0 ? void 0 : (_filters$category = filters.category) === null || _filters$category === void 0 ? void 0 : _filters$category.toLowerCase()];
   const searchProps = {
     "data-cy": "ntm-search-members-input",
     onChange: _ref3 => {
@@ -10323,7 +11253,7 @@ const TeamMembers = _ref => {
       }));
     },
     placeholder: instance.t("common.search_", {
-      what: instance.t(metaName, PLURAL).toLocaleLowerCase()
+      what: metaName(PLURAL).toLocaleLowerCase()
     }),
     value: filters.search
   };
@@ -10377,6 +11307,13 @@ const TeamMembers = _ref => {
       sort_direction: sorter.order
     }));
   };
+  const handleRowSelect = (keys, rowData) => {
+    setSelectedRows({
+      active: ramda.pluck("active", rowData),
+      emails: ramda.pluck("email", rowData),
+      keys
+    });
+  };
   if (isRolesLoading || isMembersLoading) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "ntm-members-page-loader"
@@ -10405,18 +11342,24 @@ const TeamMembers = _ref => {
     })
   }), /*#__PURE__*/React__default["default"].createElement(layouts.SubHeader, {
     leftActionBlock: /*#__PURE__*/React__default["default"].createElement(SubHeader.Left, {
+      filteredCount: team === null || team === void 0 ? void 0 : team.membersCount,
       metaName: metaName,
-      count: team === null || team === void 0 ? void 0 : team.membersCount
+      selectedRows: selectedRows,
+      totalCount: currentCategoryCount
     }),
     rightActionBlock: /*#__PURE__*/React__default["default"].createElement(SubHeader.Right, {
       columns: columns,
+      roles: roles,
       rolesButtonProps: config.rolesButtonProps,
-      setColumnData: setColumnData
+      selectedRows: selectedRows,
+      setColumnData: setColumnData,
+      setSelectedRows: setSelectedRows
     })
   }), (team === null || team === void 0 ? void 0 : team.membersCount) !== 0 ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: "ntm-members__table-wrapper"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Table, {
     fixedHeight: true,
+    rowSelection: true,
     allowRowClick: false,
     columnData: columnData,
     currentPageNumber: parseInt(filters.page, DEFAULT_RADIX),
@@ -10424,14 +11367,15 @@ const TeamMembers = _ref => {
     defaultPageSize: parseInt(filters.results, DEFAULT_RADIX),
     handlePageChange: handlePageChange(setFilters, filters.category),
     loading: isMembersFetching,
-    onChange: (_, __, sorter) => handleTableChange(_, __, sorter),
+    onChange: handleTableChange,
+    onRowSelect: handleRowSelect,
     paginationProps: renderPaginationProps(filters.results),
     rowData: team === null || team === void 0 ? void 0 : team.members,
-    rowSelection: false,
+    selectedRowKeys: selectedRows.keys,
     totalCount: team === null || team === void 0 ? void 0 : team.membersCount
   })) : /*#__PURE__*/React__default["default"].createElement(EmptyState, {
     title: instance.t("common.notFound_", {
-      what: instance.t(metaName, PLURAL).toLocaleLowerCase()
+      what: metaName(PLURAL).toLocaleLowerCase()
     }),
     actionBlock: /*#__PURE__*/React__default["default"].createElement(Header, {
       metaName: metaName,
@@ -10456,8 +11400,8 @@ const TeamMembers = _ref => {
   })));
 };
 TeamMembers.defaultProps = {
-  metaName: "metaNames.member",
   config: {
+    metaName: "member",
     permissions: {
       create: true,
       update: true,
@@ -10467,12 +11411,20 @@ TeamMembers.defaultProps = {
 };
 var index = withReactQuery(TeamMembers);
 
+const VALIDATION_SCHEMA = {
+  MULTIPLE_EMAIL_INPUT: MULTIPLE_EMAIL_INPUT_VALIDATION_SCHEMA,
+  ROLES_RADIO_GROUP: ROLES_RADIO_GROUP_VALIDATION_SCHEMA
+};
+
 var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
 
 var css = ":root {\n  --ntm-roles-table-default-scroll: 15px;\n}\n\n.ntm-dropdown__button {\n  border-radius: 0 !important;\n  font-weight: var(--neeto-ui-font-normal);\n  min-height: 34px;\n  min-width: 150px;\n  text-align: left;\n  width: 100%;\n}\n\n.ntm-scrollbar__inner {\n  width: 100%;\n  height: 200px;\n}\n.ntm-scrollbar__outer {\n  position: \"absolute\";\n  top: 0px;\n  left: 0px;\n  width: 200px;\n  height: 150px;\n  overflow: \"hidden\";\n  visibility: \"hidden\";\n}\n\n.ntm-empty-state {\n  align-items: center;\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  width: 100%;\n}\n.ntm-empty-state__image {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 2rem;\n}\n.ntm-empty-state__title--with-action-block {\n  margin-bottom: 1rem;\n}\n.ntm-empty-state__action-block {\n  display: flex;\n  justify-content: center;\n}\n\n.ntm-members {\n  overflow: auto;\n  width: 100%;\n}\n.ntm-members-wrapper {\n  display: flex;\n}\n.ntm-members-page-loader {\n  width: 100%;\n  height: 100vh;\n}\n.ntm-members__table-wrapper {\n  height: calc(100vh - 205px);\n  width: 100%;\n}\n.ntm-members-table__column {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.ntm-members-pane__header {\n  margin-bottom: 0.5rem;\n}\n.ntm-members-pane__body {\n  width: 100%;\n  padding-bottom: 1rem;\n}\n.ntm-members-pane__body > * + * {\n  margin-top: 1rem;\n}\n.ntm-members-pane__footer {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ntm-members-radio-group {\n  width: 100%;\n}\n.ntm-members-radio-group .neeto-ui-radio__container--stacked {\n  width: 100%;\n}\n\n.ntm-members-pane-radio-item__wrapper {\n  width: 100%;\n  cursor: pointer;\n  padding: 16px 0px !important;\n  border-bottom: 1px solid rgb(var(--neeto-ui-gray-200));\n}\n.ntm-members-pane-radio-item__wrapper:first-child {\n  padding-top: 0px !important;\n}\n.ntm-members-pane-radio-item__label {\n  margin-bottom: 0 !important;\n}\n.ntm-members-pane-radio-item__description {\n  color: rgb(var(--neeto-ui-gray-700));\n}\n\n.ntm-roles-header {\n  border-bottom: 1px solid rgb(var(--neeto-ui-gray-300));\n}\n\n.ntm-roles-table__wrapper {\n  width: 100%;\n  height: calc(100vh - var(--neeto-ui-main-header-height));\n  display: flex;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar {\n  width: 396px;\n  min-width: 396px;\n  border-right: thin solid rgb(var(--neeto-ui-gray-300));\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__search {\n  padding: 24px 24px 16px;\n  height: 72px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__list {\n  height: calc(\n        100vh - var(--neeto-ui-main-header-height) - 72px -\n          var(--ntm-roles-table-default-scroll)\n      );\n  overflow-y: auto;\n  padding-left: 24px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__list .ntm-roles-table-sidebar__list-item {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 8px;\n  min-height: 48px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__list .ntm-roles-table-sidebar__list-item.ntm-roles-table-sidebar__list-item--highlighted {\n  background-color: rgb(var(--neeto-ui-primary-100));\n  padding: 12px 8px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__list .ntm-roles-table-sidebar__list-item:not(.ntm-roles-table-sidebar__list-item--highlighted) {\n  border-bottom: thin solid rgb(var(--neeto-ui-gray-300));\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns {\n  width: calc(\n      100vw - var(--neeto-ui-sidebar-width) - 396px - 24px\n    );\n  overflow: hidden;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__cell {\n  width: 100%;\n  min-width: 200px;\n  min-height: 48px;\n  padding: 12px 8px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-right: thin solid rgb(var(--neeto-ui-gray-300));\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table-cell__checkbox-wrapper {\n  position: absolute;\n  height: 1rem;\n  width: 1rem;\n  margin: auto;\n  z-index: 10;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table-cell__checkbox {\n  z-index: 10;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header {\n  display: flex;\n  align-items: center;\n  overflow-x: auto;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header .ntm-roles-table__cell {\n  height: 72px;\n  padding-left: 24px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header .ntm-roles-table-header-cell__container {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 1rem;\n  overflow: hidden;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header .ntm-roles-table-header__dropdown {\n  margin: 3px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header .ntm-roles-table-header__role-name {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows {\n  width: 100%;\n  height: calc(\n        100vh - var(--neeto-ui-main-header-height) - 72px -\n          var(--ntm-roles-table-default-scroll)\n      );\n  overflow-y: auto;\n  scrollbar-width: none;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar {\n  width: 0px;\n  height: 0px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar-thumb {\n  background: rgb(var(--neeto-ui-gray-300));\n  border-radius: 50px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar-thumb:hover {\n  border-radius: 50px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar-track {\n  background: rgb(var(--neeto-ui-gray-300));\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row {\n  display: flex;\n  align-items: center;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row .ntm-roles-table__cell {\n  overflow: hidden;\n  position: relative;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row .ntm-roles-table__cell p {\n  opacity: 0;\n  width: 340px;\n  min-width: 340px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row.ntm-roles-table__row--highlighted .ntm-roles-table__cell {\n  background-color: rgb(var(--neeto-ui-primary-100));\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row:not(.ntm-roles-table__row--highlighted) .ntm-roles-table__cell {\n  border-bottom: thin solid rgb(var(--neeto-ui-gray-300));\n}\n\n.ntm-roles-table-sidebar__drop-down-button {\n  color: rgb(var(--neeto-ui-gray-600));\n  cursor: pointer;\n}\n\n.ntm-roles-modal__body > * + * {\n  margin-top: 1rem;\n}\n.ntm-roles-modal__footer {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ntm-roles-pane__body {\n  width: 100%;\n  margin-bottom: 1.5rem;\n}\n.ntm-roles-pane__body-wrapper > * + * {\n  margin-top: 1rem;\n}\n.ntm-roles-pane__body > * + * {\n  margin-top: 1.5rem;\n}\n.ntm-roles-pane__footer {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ntm-roles-permission > * + * {\n  margin: 0.5rem;\n}\n.ntm-roles-permission__heading {\n  color: rgb(var(--neeto-ui-gray-500));\n  text-transform: uppercase;\n}\n.ntm-roles-permission__card {\n  background-color: rgb(var(--neeto-ui-white));\n  align-items: center;\n  border-radius: var(--neeto-ui-rounded);\n  border-width: 1px;\n  border-color: rgb(var(--neeto-ui-gray-300));\n  cursor: pointer;\n  display: flex;\n  gap: 0.75rem;\n  padding: 1rem 0.75rem;\n}\n.ntm-roles-permission__card--description {\n  flex-grow: 1;\n}\n.ntm-roles-permission__card--checkbox {\n  padding: 0 0.5rem;\n}\n\ntd.ant-table-column-sort {\n  background: transparent;\n}";
 n(css,{});
 
+exports.MultipleEmailInput = MultipleEmailInput;
 exports.Roles = index$1;
+exports.RolesRadioGroup = RolesRadioGroup;
 exports.TeamMembers = index;
+exports.VALIDATION_SCHEMA = VALIDATION_SCHEMA;
 exports.hasPermission = hasPermission;
 //# sourceMappingURL=index.cjs.js.map