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

package/dist/index.js

@@ -1,6 +1,6 @@
 import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
 import React, { createElement, isValidElement, cloneElement, createContext, useContext, useState, useRef, useEffect, useMemo, Fragment } from 'react';
-import { noop as noop$1, findById, isNotEmpty, isPresent, keysToSnakeCase, capitalize as capitalize$1, notEquals, toLabelAndValue, _findBy, filterBy, slugify } from '@bigbinary/neeto-commons-frontend/pure';
+import { noop as noop$1, findById, isNotEmpty, isPresent, keysToSnakeCase, capitalize as capitalize$1, notEquals, toLabelAndValue, findBy, _findBy, filterBy, slugify } from '@bigbinary/neeto-commons-frontend/pure';
 import { withTitle, useDebounce } from '@bigbinary/neeto-commons-frontend/react-utils';
 import { ExternalLink, MenuHorizontal, Right as Right$1, Search, Info, LeftArrow } from '@bigbinary/neeto-icons';
 import Container from '@bigbinary/neeto-molecules/Container';
@@ -3761,8 +3761,8 @@ function transformOptions(options) {
   return options;
 }
 
-function ownKeys$g(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$g(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$h(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$h(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function noop() {}
@@ -3822,9 +3822,9 @@ var I18n = function (_EventEmitter) {
         }
       }
       var defOpts = get();
-      this.options = _objectSpread$g(_objectSpread$g(_objectSpread$g({}, defOpts), this.options), transformOptions(options));
+      this.options = _objectSpread$h(_objectSpread$h(_objectSpread$h({}, defOpts), this.options), transformOptions(options));
       if (this.options.compatibilityAPI !== 'v1') {
-        this.options.interpolation = _objectSpread$g(_objectSpread$g({}, defOpts.interpolation), this.options.interpolation);
+        this.options.interpolation = _objectSpread$h(_objectSpread$h({}, defOpts.interpolation), this.options.interpolation);
       }
       if (options.keySeparator !== undefined) {
         this.options.userDefinedKeySeparator = options.keySeparator;
@@ -4102,7 +4102,7 @@ var I18n = function (_EventEmitter) {
           }
           options = _this5.options.overloadTranslationOptionHandler([key, opts].concat(rest));
         } else {
-          options = _objectSpread$g({}, opts);
+          options = _objectSpread$h({}, opts);
         }
         options.lng = options.lng || fixedT.lng;
         options.lngs = options.lngs || fixedT.lngs;
@@ -4229,7 +4229,7 @@ var I18n = function (_EventEmitter) {
       var _this8 = this;
       var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop;
-      var mergedOptions = _objectSpread$g(_objectSpread$g(_objectSpread$g({}, this.options), options), {
+      var mergedOptions = _objectSpread$h(_objectSpread$h(_objectSpread$h({}, this.options), options), {
         isClone: true
       });
       var clone = new I18n(mergedOptions);
@@ -4240,7 +4240,7 @@ var I18n = function (_EventEmitter) {
       membersToCopy.forEach(function (m) {
         clone[m] = _this8[m];
       });
-      clone.services = _objectSpread$g({}, this.services);
+      clone.services = _objectSpread$h({}, this.services);
       clone.services.utils = {
         hasLoadedNamespace: clone.hasLoadedNamespace.bind(clone)
       };
@@ -4817,9 +4817,9 @@ var unescape$1 = function unescape(text) {
   return text.replace(matchHtmlEntity, unescapeHtmlEntity);
 };
 
-function ownKeys$f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$g(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$f(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$g(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var defaultOptions = {
   bindI18n: 'languageChanged',
   bindI18nStore: '',
@@ -4832,7 +4832,7 @@ var defaultOptions = {
 };
 function setDefaults() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  defaultOptions = _objectSpread$f(_objectSpread$f({}, defaultOptions), options);
+  defaultOptions = _objectSpread$g(_objectSpread$g({}, defaultOptions), options);
 }
 function getDefaults() {
   return defaultOptions;
@@ -4849,9 +4849,9 @@ function getI18n() {
 var _excluded$4 = ["format"],
     _excluded2$3 = ["children", "count", "parent", "i18nKey", "context", "tOptions", "values", "defaults", "components", "ns", "i18n", "t", "shouldUnescape"];
 
-function ownKeys$e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$e(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$f(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function hasChildren(node, checkLength) {
   if (!node) return false;
@@ -4877,7 +4877,7 @@ function getAsArray(data) {
 }
 
 function mergeProps(source, target) {
-  var newTarget = _objectSpread$e({}, target);
+  var newTarget = _objectSpread$f({}, target);
 
   newTarget.props = Object.assign(source.props, target.props);
   return newTarget;
@@ -4947,7 +4947,7 @@ function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, s
   getData(children);
   var ast = c.parse("<0>".concat(targetString, "</0>"));
 
-  var opts = _objectSpread$e(_objectSpread$e({}, data), combinedTOpts);
+  var opts = _objectSpread$f(_objectSpread$f({}, data), combinedTOpts);
 
   function renderInner(child, node, rootReactNode) {
     var childs = getChildren(child);
@@ -4957,7 +4957,7 @@ function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, s
 
   function pushTranslatedJSX(child, inner, mem, i, isVoid) {
     if (child.dummy) child.children = inner;
-    mem.push(cloneElement(child, _objectSpread$e(_objectSpread$e({}, child.props), {}, {
+    mem.push(cloneElement(child, _objectSpread$f(_objectSpread$f({}, child.props), {}, {
       key: i
     }), isVoid ? undefined : inner));
   }
@@ -4989,7 +4989,7 @@ function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, s
           } else if (isEmptyTransWithHTML) {
           var _inner = mapAST(reactNodes, node.children, rootReactNode);
 
-          mem.push(cloneElement(child, _objectSpread$e(_objectSpread$e({}, child.props), {}, {
+          mem.push(cloneElement(child, _objectSpread$f(_objectSpread$f({}, child.props), {}, {
             key: i
           }), _inner));
         } else if (Number.isNaN(parseFloat(node.name))) {
@@ -5020,11 +5020,11 @@ function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, s
           var content = node.children[0] ? translationContent : null;
           if (content) mem.push(content);
         } else if (node.children.length === 1 && translationContent) {
-          mem.push(cloneElement(child, _objectSpread$e(_objectSpread$e({}, child.props), {}, {
+          mem.push(cloneElement(child, _objectSpread$f(_objectSpread$f({}, child.props), {}, {
             key: i
           }), translationContent));
         } else {
-          mem.push(cloneElement(child, _objectSpread$e(_objectSpread$e({}, child.props), {}, {
+          mem.push(cloneElement(child, _objectSpread$f(_objectSpread$f({}, child.props), {}, {
             key: i
           })));
         }
@@ -5083,7 +5083,7 @@ function Trans$1(_ref) {
 
   if (context) tOptions.context = context;
 
-  var reactI18nextOptions = _objectSpread$e(_objectSpread$e({}, getDefaults()), i18n.options && i18n.options.react);
+  var reactI18nextOptions = _objectSpread$f(_objectSpread$f({}, getDefaults()), i18n.options && i18n.options.react);
 
   var namespaces = ns || t.ns || i18n.options && i18n.options.defaultNS;
   namespaces = typeof namespaces === 'string' ? [namespaces] : namespaces || ['translation'];
@@ -5091,13 +5091,13 @@ function Trans$1(_ref) {
   var hashTransKey = reactI18nextOptions.hashTransKey;
   var key = i18nKey || (hashTransKey ? hashTransKey(defaultValue) : defaultValue);
   var interpolationOverride = values ? tOptions.interpolation : {
-    interpolation: _objectSpread$e(_objectSpread$e({}, tOptions.interpolation), {}, {
+    interpolation: _objectSpread$f(_objectSpread$f({}, tOptions.interpolation), {}, {
       prefix: '#$?',
       suffix: '?$#'
     })
   };
 
-  var combinedTOpts = _objectSpread$e(_objectSpread$e(_objectSpread$e(_objectSpread$e({}, tOptions), {}, {
+  var combinedTOpts = _objectSpread$f(_objectSpread$f(_objectSpread$f(_objectSpread$f({}, tOptions), {}, {
     count: count
   }, values), interpolationOverride), {}, {
     defaultValue: defaultValue,
@@ -5147,9 +5147,9 @@ var ReportNamespaces = function () {
 
 var _excluded$3 = ["children", "count", "parent", "i18nKey", "context", "tOptions", "values", "defaults", "components", "ns", "i18n", "t", "shouldUnescape"];
 
-function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$d(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$e(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 function Trans(_ref) {
   var children = _ref.children,
       count = _ref.count,
@@ -5173,7 +5173,7 @@ function Trans(_ref) {
 
   var i18n = i18nFromProps || i18nFromContext || getI18n();
   var t = tFromProps || i18n && i18n.t.bind(i18n);
-  return Trans$1(_objectSpread$d({
+  return Trans$1(_objectSpread$e({
     children: children,
     count: count,
     parent: parent,
@@ -5222,9 +5222,9 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$c(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$d(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var usePrevious = function usePrevious(value, ignore) {
   var ref = useRef();
@@ -5263,7 +5263,7 @@ function useTranslation(ns) {
 
   if (i18n.options.react && i18n.options.react.wait !== undefined) warnOnce('It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.');
 
-  var i18nOptions = _objectSpread$c(_objectSpread$c(_objectSpread$c({}, getDefaults()), i18n.options.react), props);
+  var i18nOptions = _objectSpread$d(_objectSpread$d(_objectSpread$d({}, getDefaults()), i18n.options.react), props);
 
   var useSuspense = i18nOptions.useSuspense,
       keyPrefix = i18nOptions.keyPrefix;
@@ -5339,14 +5339,19 @@ function useTranslation(ns) {
 }
 
 var alerts$1 = {
-	activating_: "You are activating <strong>{{person}}</strong>. Are you sure you want to proceed?",
-	deactivating_: "You are deactivating <strong>{{person}}</strong>. Are you sure you want to proceed?",
-	deleting_: "You are permanently deleting the {{what}} <strong>{{name}}</strong>. This action cannot be undone. Are you sure you want to proceed?"
+	messages: {
+		activateMember_one: "You are activating <strong>{{person}}</strong>. Are you sure you want to proceed?",
+		activateMember_other: "You are activating <strong>{{count}}</strong> {{metaName}}. Are you sure you want to proceed?",
+		changeRole_one: "You are changing role of <strong>{{person}}</strong> to <strong>{{role}}</strong>. Are you sure you want to proceed?",
+		changeRole_other: "You are changing role of <strong>{{count}}</strong> {{metaName}} to <strong>{{role}}</strong>. Are you sure you want to proceed?",
+		deactivateMember_one: "You are deactivating <strong>{{person}}</strong>. Are you sure you want to proceed?",
+		deactivateMember_other: "You are deactivating <strong>{{count}}</strong> {{metaName}}. Are you sure you want to proceed?",
+		deleting_: "You are permanently deleting the {{what}} <strong>{{name}}</strong>. This action cannot be undone. Are you sure you want to proceed?"
+	}
 };
 var buttons$1 = {
 	back: "Back",
 	cancel: "Cancel",
-	changeRole: "Change role",
 	"continue": "Continue",
 	proceed: "Proceed",
 	reset: "Reset",
@@ -5364,6 +5369,7 @@ var common$1 = {
 	addNew_: "Add new {{what}}",
 	all: "All",
 	all_: "All {{what}}",
+	changeRole: "Change role",
 	deactivate: "Deactivate",
 	deactivate_: "Deactivate {{what}}",
 	deactivated: "Deactivated",
@@ -5464,14 +5470,19 @@ var en = {
 };
 
 var alerts = {
-	activating_: "Vous activez <strong>{{person}}</strong>. Es-tu sur de vouloir continuer?",
-	deactivating_: "Vous désactivez <strong>{{person}}</strong>. Es-tu sur de vouloir continuer?",
-	deleting_: "Vous supprimez définitivement le {{what}} <strong>{{name}}</strong>. Cette action ne peut pas être annulée. Êtes-vous sur de vouloir continuer?"
+	messages: {
+		activateMember_one: "Vous activez <strong>{{person}}</strong>. Es-tu sur de vouloir continuer?",
+		activateMember_other: "Vous activez <strong>{{count}}</strong> {{metaName}}. Êtes-vous sûr de vouloir continuer?",
+		changeRole_one: "Vous changez le rôle de <strong>{{person}}</strong> en <strong>{{role}}</strong>. Êtes-vous sur de vouloir continuer?",
+		changeRole_other: "Vous changez le rôle de <strong>{{count}}</strong> {{metaName}} en <strong>{{role}}</strong>. Êtes-vous sur de vouloir continuer?",
+		deactivateMember_one: "Vous désactivez <strong>{{person}}</strong>. Es-tu sur de vouloir continuer?",
+		deactivateMember_other: "Vous désactivez <strong>{{count}}</strong> {{metaName}}. Êtes-vous sur de vouloir continuer?",
+		deleting_: "Vous supprimez définitivement le {{what}} <strong>{{name}}</strong>. Cette action ne peut pas être annulée. Êtes-vous sur de vouloir continuer?"
+	}
 };
 var buttons = {
 	back: "Retour",
 	cancel: "Annuler",
-	changeRole: "Changer de rôle",
 	"continue": "Continuer",
 	proceed: "Procéder",
 	reset: "Réinitialiser",
@@ -5489,6 +5500,7 @@ var common = {
 	addNew_: "Ajouter un nouveau {{what}}",
 	all: "Tous",
 	all_: "tous les {{what}}",
+	changeRole: "Changer de rôle",
 	column_one: "Colonne",
 	column_other: "Colonnes",
 	deactivate: "Désactiver",
@@ -5684,11 +5696,11 @@ var QUERY_KEYS = {
   TEAMS_DEPENDENCIES: "neeto-team-members-teams-dependencies"
 };
 
-function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$b(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$c(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var useFetchPermissions = function useFetchPermissions() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return useQuery(QUERY_KEYS.PERMISSIONS, permissionsApi.fetch, _objectSpread$b({
+  return useQuery(QUERY_KEYS.PERMISSIONS, permissionsApi.fetch, _objectSpread$c({
     staleTime: DEFAULT_STALE_TIME,
     select: function select(response) {
       return response === null || response === void 0 ? void 0 : response.permissions;
@@ -5732,11 +5744,11 @@ var _excluded$2 = ["onSuccess"],
   _excluded2$2 = ["onSuccess"],
   _excluded3$1 = ["onSuccess"],
   _excluded4 = ["onSuccess"];
-function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$b(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var useFetchRoles = function useFetchRoles() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return useQuery(QUERY_KEYS.ROLES, organizationRolesApi.fetch, _objectSpread$a({
+  return useQuery(QUERY_KEYS.ROLES, organizationRolesApi.fetch, _objectSpread$b({
     staleTime: DEFAULT_STALE_TIME,
     select: function select(response) {
       return response === null || response === void 0 ? void 0 : response.organizationRoles;
@@ -5745,14 +5757,14 @@ var useFetchRoles = function useFetchRoles() {
 };
 var useFetchGlobalRoles = function useFetchGlobalRoles() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return useQuery(QUERY_KEYS.GLOBAL_ROLES, globalRolesApi.fetch, _objectSpread$a({
+  return useQuery(QUERY_KEYS.GLOBAL_ROLES, globalRolesApi.fetch, _objectSpread$b({
     staleTime: DEFAULT_STALE_TIME
   }, options));
 };
 var useCreateRole = function useCreateRole(_ref) {
   var _onSuccess = _ref.onSuccess,
     options = _objectWithoutProperties(_ref, _excluded$2);
-  return useMutation(organizationRolesApi.create, _objectSpread$a({
+  return useMutation(organizationRolesApi.create, _objectSpread$b({
     onSuccess: function onSuccess(response) {
       queryClient.invalidateQueries(QUERY_KEYS.TEAMS_DEPENDENCIES);
       queryClient.setQueriesData(QUERY_KEYS.ROLES, function (cachedData) {
@@ -5769,7 +5781,7 @@ var useUpdateRole = function useUpdateRole(_ref2) {
     var id = _ref3.id,
       payload = _ref3.payload;
     return organizationRolesApi.update(id, payload);
-  }, _objectSpread$a({
+  }, _objectSpread$b({
     onSuccess: function onSuccess(response) {
       queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
       queryClient.invalidateQueries(QUERY_KEYS.TEAMS_DEPENDENCIES);
@@ -5788,7 +5800,7 @@ var useDestroyRole = function useDestroyRole(_ref4) {
     var id = _ref5.id,
       payload = _ref5.payload;
     return organizationRolesApi.destroy(id, payload);
-  }, _objectSpread$a({
+  }, _objectSpread$b({
     onSuccess: function onSuccess(response) {
       queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
       queryClient.invalidateQueries(QUERY_KEYS.TEAMS_DEPENDENCIES);
@@ -5802,7 +5814,7 @@ var useDestroyRole = function useDestroyRole(_ref4) {
 var useBulkUpdateRoles = function useBulkUpdateRoles(_ref6) {
   var _onSuccess4 = _ref6.onSuccess,
     options = _objectWithoutProperties(_ref6, _excluded4);
-  return useMutation(organizationRolesApi.bulkUpdate, _objectSpread$a({
+  return useMutation(organizationRolesApi.bulkUpdate, _objectSpread$b({
     onSuccess: function onSuccess() {
       queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
       queryClient.invalidateQueries(QUERY_KEYS.TEAMS_DEPENDENCIES);
@@ -5987,8 +5999,8 @@ var ROLE_FORMIK_PROPS = {
   validationSchema: ADD_ROLE_FORM_VALIDATION_SCHEMA
 };
 
-function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var sortPermissionsBySequence = function sortPermissionsBySequence() {
   var _permissions$;
   var permissions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
@@ -6011,7 +6023,7 @@ var getModifiedPermissions = function getModifiedPermissions() {
 var attachChildrenRecursively = function attachChildrenRecursively(permission, permissionsNameMap, permissionRelationConfig) {
   var _ref = permissionRelationConfig[permission.name] || {},
     children = _ref.children;
-  return children ? _objectSpread$9(_objectSpread$9({}, permission), {}, {
+  return children ? _objectSpread$a(_objectSpread$a({}, permission), {}, {
     children: children.flatMap(function (childName) {
       return attachChildrenRecursively(permissionsNameMap[childName][0], permissionsNameMap, permissionRelationConfig);
     })
@@ -6037,8 +6049,8 @@ var getChildrenRemovedFromRoot = function getChildrenRemovedFromRoot(_ref3) {
   });
 };
 
-function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Permissions = function Permissions(_ref) {
   var _ref$permissions = _ref.permissions,
     permissions = _ref$permissions === void 0 ? [] : _ref$permissions,
@@ -6131,7 +6143,7 @@ var Permissions = function Permissions(_ref) {
     }), /*#__PURE__*/React.createElement("div", {
       className: "ntm-roles-permission__sub-blocks neeto-ui-relative neeto-ui-pl-6"
     }, sortedChildren === null || sortedChildren === void 0 ? void 0 : sortedChildren.map(function (childPermission) {
-      return renderPermission(_objectSpread$8(_objectSpread$8({}, childPermission), {}, {
+      return renderPermission(_objectSpread$9(_objectSpread$9({}, childPermission), {}, {
         isParentChecked: isChecked
       }));
     })))));
@@ -6162,8 +6174,8 @@ var Permissions = function Permissions(_ref) {
   }));
 };
 
-function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ManageRoles = function ManageRoles(_ref) {
   var config = _ref.config,
     _ref$isOpen = _ref.isOpen,
@@ -6191,7 +6203,7 @@ var ManageRoles = function ManageRoles(_ref) {
   var isSubmitting = isCreatingRole || isUpdatingRole;
   var handleSubmit = function handleSubmit(formValues) {
     var payload = {
-      organizationRole: _objectSpread$7(_objectSpread$7({}, formValues), {}, {
+      organizationRole: _objectSpread$8(_objectSpread$8({}, formValues), {}, {
         name: formValues.name.trim(),
         description: formValues.description.trim()
       })
@@ -6202,7 +6214,7 @@ var ManageRoles = function ManageRoles(_ref) {
     }) : createRole(payload);
   };
   var initialValues = isEdit ? selectedRole : ADD_ROLE_FORM_INITIAL_VALUES;
-  var formikProps = _objectSpread$7(_objectSpread$7({}, ROLE_FORMIK_PROPS), {}, {
+  var formikProps = _objectSpread$8(_objectSpread$8({}, ROLE_FORMIK_PROPS), {}, {
     initialValues: initialValues,
     onSubmit: handleSubmit
   });
@@ -6292,8 +6304,8 @@ var SubHeader$1 = {
   Left: Left$1
 };
 
-var Menu$3 = Dropdown.Menu,
-  MenuItem$2 = Dropdown.MenuItem;
+var Menu$4 = Dropdown.Menu,
+  MenuItem$3 = Dropdown.MenuItem;
 var getColumns = function getColumns(_ref) {
   var onEdit = _ref.onEdit,
     onDelete = _ref.onDelete;
@@ -6314,11 +6326,11 @@ var getColumns = function getColumns(_ref) {
         buttonStyle: "text",
         icon: MenuHorizontal,
         strategy: "fixed"
-      }, /*#__PURE__*/React.createElement(Menu$3, null, /*#__PURE__*/React.createElement(MenuItem$2.Button, {
+      }, /*#__PURE__*/React.createElement(Menu$4, null, /*#__PURE__*/React.createElement(MenuItem$3.Button, {
         onClick: function onClick() {
           return onEdit(role);
         }
-      }, t$2("common.edit")), role.kind === "custom" && /*#__PURE__*/React.createElement(MenuItem$2.Button, {
+      }, t$2("common.edit")), role.kind === "custom" && /*#__PURE__*/React.createElement(MenuItem$3.Button, {
         onClick: function onClick() {
           return onDelete(role);
         }
@@ -6362,7 +6374,7 @@ var Delete = function Delete(_ref) {
     isSubmitting: isDeleting,
     submitButtonLabel: t("buttons.proceed"),
     message: /*#__PURE__*/React.createElement(Trans, {
-      i18nKey: "alerts.deleting_",
+      i18nKey: "alerts.messages.deleting_",
       values: {
         name: selectedRole === null || selectedRole === void 0 ? void 0 : selectedRole.name,
         what: t("common.role", SINGULAR).toLocaleLowerCase()
@@ -8641,14 +8653,14 @@ var teamsApi = {
 var _excluded$1 = ["onSuccess"],
   _excluded2$1 = ["onSuccess"],
   _excluded3 = ["onSuccess"];
-function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var useFetchMembers = function useFetchMembers() {
   var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return useQuery([QUERY_KEYS.TEAMS, params], function () {
     return teamsApi.fetch(params);
-  }, _objectSpread$6({
+  }, _objectSpread$7({
     staleTime: DEFAULT_STALE_TIME,
     select: identity,
     keepPreviousData: true
@@ -8657,7 +8669,7 @@ var useFetchMembers = function useFetchMembers() {
 var useCreateMember = function useCreateMember(_ref) {
   var _onSuccess = _ref.onSuccess,
     options = _objectWithoutProperties(_ref, _excluded$1);
-  return useMutation(teamsApi.create, _objectSpread$6({
+  return useMutation(teamsApi.create, _objectSpread$7({
     onSuccess: function onSuccess() {
       queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
       queryClient.invalidateQueries(QUERY_KEYS.TEAMS_DEPENDENCIES);
@@ -8672,7 +8684,7 @@ var useUpdateMember = function useUpdateMember(_ref2) {
     var id = _ref3.id,
       payload = _ref3.payload;
     return teamsApi.update(id, payload);
-  }, _objectSpread$6({
+  }, _objectSpread$7({
     onSuccess: function onSuccess() {
       queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
       queryClient.invalidateQueries(QUERY_KEYS.TEAMS_DEPENDENCIES);
@@ -8683,7 +8695,7 @@ var useUpdateMember = function useUpdateMember(_ref2) {
 var useBulkUpdateMembers = function useBulkUpdateMembers(_ref4) {
   var _onSuccess3 = _ref4.onSuccess,
     options = _objectWithoutProperties(_ref4, _excluded3);
-  return useMutation(teamsApi.bulkUpdate, _objectSpread$6({
+  return useMutation(teamsApi.bulkUpdate, _objectSpread$7({
     onSuccess: function onSuccess() {
       queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
       queryClient.invalidateQueries(QUERY_KEYS.TEAMS_DEPENDENCIES);
@@ -8702,7 +8714,7 @@ var useFetchFilterOptions = function useFetchFilterOptions(_ref5) {
     options = _ref5$options === void 0 ? {} : _ref5$options;
   return useQuery([QUERY_KEYS.TEAMS_DEPENDENCIES, params], function () {
     return teamsApi.fetchFilterOptions(params);
-  }, _objectSpread$6({
+  }, _objectSpread$7({
     staleTime: DEFAULT_STALE_TIME,
     select: identity
   }, options));
@@ -8748,7 +8760,8 @@ var DEFAULT_FILTER_VALUES = {
 var DEFAULT_SELECTED_ROWS = {
   active: [],
   emails: [],
-  keys: []
+  keys: [],
+  displayNames: []
 };
 var DEFAULT_NEETO_FILTERS_COLUMNS = [{
   key: "email",
@@ -9282,8 +9295,10 @@ pluralize$1.exports;
 var pluralizeExports = pluralize$1.exports;
 var pluralize = /*@__PURE__*/getDefaultExportFromCjs(pluralizeExports);
 
-var Menu$2 = Dropdown.Menu,
-  MenuItem$1 = Dropdown.MenuItem;
+function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Menu$3 = Dropdown.Menu,
+  MenuItem$2 = Dropdown.MenuItem;
 var renderNameColumn = function renderNameColumn(_ref) {
   var displayStatusTag = _ref.displayStatusTag,
     handleUpdateRole = _ref.handleUpdateRole,
@@ -9341,11 +9356,11 @@ var renderDropdownButton = function renderDropdownButton(_ref2, handleUpdateRole
     disabled: isDropDownButtonDisabled(permissions),
     icon: MenuHorizontal,
     strategy: "fixed"
-  }, /*#__PURE__*/React.createElement(Menu$2, null, /*#__PURE__*/React.createElement(Tooltip, {
+  }, /*#__PURE__*/React.createElement(Menu$3, null, /*#__PURE__*/React.createElement(Tooltip, {
     content: instance.t("tooltips.activateUserToEdit", SINGULAR),
     disabled: active,
     position: "top"
-  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(MenuItem$1.Button, {
+  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(MenuItem$2.Button, {
     className: "ntm-dropdown__button",
     "data-cy": "ntm-edit-member-button",
     disabled: !active,
@@ -9360,7 +9375,7 @@ var renderDropdownButton = function renderDropdownButton(_ref2, handleUpdateRole
         role: role
       });
     }
-  }, instance.t("common.edit")))), /*#__PURE__*/React.createElement(MenuItem$1.Button, {
+  }, instance.t("common.edit")))), /*#__PURE__*/React.createElement(MenuItem$2.Button, {
     className: "ntm-dropdown__button",
     "data-cy": "ntm-deactivate-member-button",
     size: "small",
@@ -9385,10 +9400,10 @@ var getDefaultAlertTitle = function getDefaultAlertTitle(_ref3) {
 var getDefaultAlertMessage = function getDefaultAlertMessage(_ref4) {
   var member = _ref4.member;
   return /*#__PURE__*/React.createElement(Trans, {
-    i18nKey: member !== null && member !== void 0 && member.active ? "alerts.deactivating_" : "alerts.activating_",
-    values: {
+    i18nKey: member !== null && member !== void 0 && member.active ? "alerts.messages.deactivateMember" : "alerts.messages.activateMember_one",
+    values: _objectSpread$6(_objectSpread$6({}, SINGULAR), {}, {
       person: member === null || member === void 0 ? void 0 : member.name
-    }
+    })
   });
 };
 var renderInvitedStatus = function renderInvitedStatus(inviteStatus) {
@@ -10100,6 +10115,7 @@ var useTeams = function useTeams(_ref) {
     var _config$table, _config$table$onRowSe;
     var rows = {
       active: pluck("active", rowData),
+      displayNames: pluck("displayName", rowData),
       emails: pluck("email", rowData),
       keys: keys
     };
@@ -10185,17 +10201,18 @@ var getDeactivatedButtonVisible = function getDeactivatedButtonVisible(selectedR
   }) && !(config !== null && config !== void 0 && (_config$hiddenBulkAct2 = config.hiddenBulkActions) !== null && _config$hiddenBulkAct2 !== void 0 && _config$hiddenBulkAct2.includes("deactivate"));
 };
 
-var Menu$1 = Dropdown.Menu,
-  MenuItem = Dropdown.MenuItem;
+var Menu$2 = Dropdown.Menu,
+  MenuItem$1 = Dropdown.MenuItem;
 var RolesDropdown = function RolesDropdown(_ref) {
   var _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    handleRoleChange = _ref.handleRoleChange,
     hasUpdatePermission = _ref.hasUpdatePermission,
     _ref$isSearchable = _ref.isSearchable,
     isSearchable = _ref$isSearchable === void 0 ? false : _ref$isSearchable,
     _ref$roles = _ref.roles,
-    roles = _ref$roles === void 0 ? [] : _ref$roles;
+    roles = _ref$roles === void 0 ? [] : _ref$roles,
+    setAlertType = _ref.setAlertType,
+    setBulkUpdateRole = _ref.setBulkUpdateRole;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useState = useState(false),
@@ -10213,7 +10230,8 @@ var RolesDropdown = function RolesDropdown(_ref) {
     return setSearchTerm(value);
   };
   var handleSelectRole = function handleSelectRole(role) {
-    handleRoleChange(role);
+    setBulkUpdateRole(role);
+    setAlertType("role");
     setIsDropdownOpen(false);
   };
   var handleOnClose = function handleOnClose() {
@@ -10235,15 +10253,15 @@ var RolesDropdown = function RolesDropdown(_ref) {
     disabled: !isUpdationAllowed,
     isOpen: isUpdationAllowed && isDropdownOpen,
     position: "auto-end",
-    customTarget: /*#__PURE__*/React.createElement(MenuItem.Button, {
+    customTarget: /*#__PURE__*/React.createElement(MenuItem$1.Button, {
       disabled: !isUpdationAllowed,
       suffix: /*#__PURE__*/React.createElement(Right$1, {
         size: 16
       })
-    }, t("buttons.changeRole")),
+    }, t("common.changeRole")),
     onClick: handleClick,
     onClose: handleOnClose
-  }, /*#__PURE__*/React.createElement(Menu$1, null, isSearchable && /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(Menu$2, null, isSearchable && /*#__PURE__*/React.createElement("div", {
     className: "neeto-ui-px-3 neeto-ui-py-2",
     onClick: function onClick(event) {
       event.stopPropagation();
@@ -10258,7 +10276,7 @@ var RolesDropdown = function RolesDropdown(_ref) {
   })), isNotEmpty(filteredRoles) ? filteredRoles.map(function (_ref3) {
     var id = _ref3.id,
       name = _ref3.name;
-    return /*#__PURE__*/React.createElement(MenuItem.Button, {
+    return /*#__PURE__*/React.createElement(MenuItem$1.Button, {
       key: id,
       onClick: function onClick() {
         return handleSelectRole(name);
@@ -10272,8 +10290,10 @@ var RolesDropdown = function RolesDropdown(_ref) {
   }, t("helpers.noRolesFound")))))));
 };
 
+var Menu$1 = Dropdown.Menu,
+  MenuItem = Dropdown.MenuItem;
 var Left = function Left(_ref) {
-  var _selectedRows$keys, _config$permissions$u, _config$permissions, _selectedRows$active, _config$hiddenBulkAct, _config$otherBulkActi;
+  var _selectedRows$keys$le, _selectedRows$keys, _config$permissions$u, _config$permissions, _selectedRows$active, _config$hiddenBulkAct, _config$otherBulkActi;
   var config = _ref.config,
     filteredCount = _ref.filteredCount,
     metaName = _ref.metaName,
@@ -10282,9 +10302,17 @@ var Left = function Left(_ref) {
     setSelectedRows = _ref.setSelectedRows;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    alertType = _useState2[0],
+    setAlertType = _useState2[1];
+  var _useState3 = useState(""),
+    _useState4 = _slicedToArray(_useState3, 2),
+    bulkUpdateRole = _useState4[0],
+    setBulkUpdateRole = _useState4[1];
   var hasSelectedRows = isNotEmpty(selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.keys);
   var selectedMembersCountValues = {
-    count: selectedRows === null || selectedRows === void 0 ? void 0 : (_selectedRows$keys = selectedRows.keys) === null || _selectedRows$keys === void 0 ? void 0 : _selectedRows$keys.length,
+    count: (_selectedRows$keys$le = selectedRows === null || selectedRows === void 0 ? void 0 : (_selectedRows$keys = selectedRows.keys) === null || _selectedRows$keys === void 0 ? void 0 : _selectedRows$keys.length) !== null && _selectedRows$keys$le !== void 0 ? _selectedRows$keys$le : 0,
     metaName: metaName({
       count: hasSelectedRows ? selectedRows.keys.length : filteredCount
     }).toLocaleLowerCase(),
@@ -10327,8 +10355,33 @@ var Left = function Left(_ref) {
       }
     });
   };
-  var Menu = Dropdown.Menu,
-    MenuItem = Dropdown.MenuItem;
+  var handleAlertClose = function handleAlertClose() {
+    selectedAlert.onSubmit();
+    setAlertType("");
+  };
+  var alertTypes = [{
+    message: "alerts.messages.deactivateMember",
+    onSubmit: handleDeactivateMembers,
+    title: t("common.deactivate_", {
+      what: selectedMembersCountValues === null || selectedMembersCountValues === void 0 ? void 0 : selectedMembersCountValues.metaName
+    }),
+    type: "deactivate"
+  }, {
+    message: "alerts.messages.activateMember",
+    onSubmit: handleActivateMembers,
+    title: t("common.activate_", {
+      what: selectedMembersCountValues === null || selectedMembersCountValues === void 0 ? void 0 : selectedMembersCountValues.metaName
+    }),
+    type: "activate"
+  }, {
+    message: "alerts.messages.changeRole",
+    onSubmit: handleRoleChange,
+    title: t("common.changeRole"),
+    type: "role"
+  }];
+  var selectedAlert = findBy({
+    type: alertType
+  }, alertTypes);
   return /*#__PURE__*/React.createElement("div", {
     className: "neeto-ui-flex neeto-ui-items-center neeto-ui-gap-4"
   }, /*#__PURE__*/React.createElement(Typography, {
@@ -10352,24 +10405,43 @@ var Left = function Left(_ref) {
     "data-cy": "ntm-members-take-action-dropdown-button",
     disabled: !hasUpdatePermission,
     label: t("common.takeAction")
-  }, /*#__PURE__*/React.createElement(Menu, null, getDeactivatedButtonVisible(selectedRows, config) && /*#__PURE__*/React.createElement(MenuItem.Button, {
+  }, /*#__PURE__*/React.createElement(Menu$1, null, getDeactivatedButtonVisible(selectedRows, config) && /*#__PURE__*/React.createElement(MenuItem.Button, {
     "data-cy": "ntm-deactivate-members-button",
     disabled: !hasUpdatePermission,
     onClick: function onClick() {
-      return handleDeactivateMembers();
+      return setAlertType("deactivate");
     }
   }, t("common.deactivate")), getActivateButtonVisible(selectedRows, config) && /*#__PURE__*/React.createElement(MenuItem.Button, {
     "data-cy": "ntm-activate-members-button",
     disabled: !hasUpdatePermission,
     onClick: function onClick() {
-      return handleActivateMembers();
+      return setAlertType("activate");
     }
   }, t("common.activate")), !(config !== null && config !== void 0 && (_config$hiddenBulkAct = config.hiddenBulkActions) !== null && _config$hiddenBulkAct !== void 0 && _config$hiddenBulkAct.includes("role")) && /*#__PURE__*/React.createElement(RolesDropdown, {
     disabled: hasDeactivateMembers,
-    handleRoleChange: handleRoleChange,
     hasUpdatePermission: hasUpdatePermission,
-    roles: roles
-  }), config === null || config === void 0 ? void 0 : (_config$otherBulkActi = config.otherBulkActions) === null || _config$otherBulkActi === void 0 ? void 0 : _config$otherBulkActi.call(config))))));
+    roles: roles,
+    setAlertType: setAlertType,
+    setBulkUpdateRole: setBulkUpdateRole
+  }), config === null || config === void 0 ? void 0 : (_config$otherBulkActi = config.otherBulkActions) === null || _config$otherBulkActi === void 0 ? void 0 : _config$otherBulkActi.call(config))))), /*#__PURE__*/React.createElement(Alert, {
+    isOpen: selectedAlert,
+    message: /*#__PURE__*/React.createElement(Trans, {
+      i18nKey: selectedAlert === null || selectedAlert === void 0 ? void 0 : selectedAlert.message,
+      values: {
+        count: selectedMembersCountValues.count,
+        metaName: selectedMembersCountValues.metaName,
+        person: selectedRows.displayNames[0],
+        role: bulkUpdateRole
+      }
+    }),
+    title: selectedAlert === null || selectedAlert === void 0 ? void 0 : selectedAlert.title,
+    onClose: function onClose() {
+      return setAlertType("");
+    },
+    onSubmit: function onSubmit() {
+      return handleAlertClose();
+    }
+  }));
 };
 var Right = function Right(_ref2) {
   var columns = _ref2.columns,