@bigbinary/neeto-team-members-frontend 2.7.1 → 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';
@@ -23,7 +23,7 @@ import require$$0 from 'util';
 import classnames from 'classnames';
 import MenuBar from '@bigbinary/neeto-molecules/MenuBar';
 
-/*! @license DOMPurify 3.0.2 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.0.2/LICENSE */
+/*! @license DOMPurify 3.0.3 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.0.3/LICENSE */
 
 const {
   entries,
@@ -99,7 +99,9 @@ function unconstruct(func) {
 /* Add properties to a lookup table */
 
 function addToSet(set, array, transformCaseFunc) {
-  transformCaseFunc = transformCaseFunc ? transformCaseFunc : stringToLowerCase;
+  var _transformCaseFunc;
+
+  transformCaseFunc = (_transformCaseFunc = transformCaseFunc) !== null && _transformCaseFunc !== void 0 ? _transformCaseFunc : stringToLowerCase;
 
   if (setPrototypeOf) {
     // Make 'in' and truthy checks like Boolean(set.constructor)
@@ -173,12 +175,12 @@ function lookupGetter(object, prop) {
 const html$1 = freeze(['a', 'abbr', 'acronym', 'address', 'area', 'article', 'aside', 'audio', 'b', 'bdi', 'bdo', 'big', 'blink', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'center', 'cite', 'code', 'col', 'colgroup', 'content', 'data', 'datalist', 'dd', 'decorator', 'del', 'details', 'dfn', 'dialog', 'dir', 'div', 'dl', 'dt', 'element', 'em', 'fieldset', 'figcaption', 'figure', 'font', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'img', 'input', 'ins', 'kbd', 'label', 'legend', 'li', 'main', 'map', 'mark', 'marquee', 'menu', 'menuitem', 'meter', 'nav', 'nobr', 'ol', 'optgroup', 'option', 'output', 'p', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'section', 'select', 'shadow', 'small', 'source', 'spacer', 'span', 'strike', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'time', 'tr', 'track', 'tt', 'u', 'ul', 'var', 'video', 'wbr']); // SVG
 
 const svg$1 = freeze(['svg', 'a', 'altglyph', 'altglyphdef', 'altglyphitem', 'animatecolor', 'animatemotion', 'animatetransform', 'circle', 'clippath', 'defs', 'desc', 'ellipse', 'filter', 'font', 'g', 'glyph', 'glyphref', 'hkern', 'image', 'line', 'lineargradient', 'marker', 'mask', 'metadata', 'mpath', 'path', 'pattern', 'polygon', 'polyline', 'radialgradient', 'rect', 'stop', 'style', 'switch', 'symbol', 'text', 'textpath', 'title', 'tref', 'tspan', 'view', 'vkern']);
-const svgFilters = freeze(['feBlend', 'feColorMatrix', 'feComponentTransfer', 'feComposite', 'feConvolveMatrix', 'feDiffuseLighting', 'feDisplacementMap', 'feDistantLight', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG', 'feFuncR', 'feGaussianBlur', 'feImage', 'feMerge', 'feMergeNode', 'feMorphology', 'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile', 'feTurbulence']); // List of SVG elements that are disallowed by default.
+const svgFilters = freeze(['feBlend', 'feColorMatrix', 'feComponentTransfer', 'feComposite', 'feConvolveMatrix', 'feDiffuseLighting', 'feDisplacementMap', 'feDistantLight', 'feDropShadow', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG', 'feFuncR', 'feGaussianBlur', 'feImage', 'feMerge', 'feMergeNode', 'feMorphology', 'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile', 'feTurbulence']); // List of SVG elements that are disallowed by default.
 // We still need to know them so that we can do namespace
 // checks properly in case one wants to add them to
 // allow-list.
 
-const svgDisallowed = freeze(['animate', 'color-profile', 'cursor', 'discard', 'fedropshadow', 'font-face', 'font-face-format', 'font-face-name', 'font-face-src', 'font-face-uri', 'foreignobject', 'hatch', 'hatchpath', 'mesh', 'meshgradient', 'meshpatch', 'meshrow', 'missing-glyph', 'script', 'set', 'solidcolor', 'unknown', 'use']);
+const svgDisallowed = freeze(['animate', 'color-profile', 'cursor', 'discard', 'font-face', 'font-face-format', 'font-face-name', 'font-face-src', 'font-face-uri', 'foreignobject', 'hatch', 'hatchpath', 'mesh', 'meshgradient', 'meshpatch', 'meshrow', 'missing-glyph', 'script', 'set', 'solidcolor', 'unknown', 'use']);
 const mathMl$1 = freeze(['math', 'menclose', 'merror', 'mfenced', 'mfrac', 'mglyph', 'mi', 'mlabeledtr', 'mmultiscripts', 'mn', 'mo', 'mover', 'mpadded', 'mphantom', 'mroot', 'mrow', 'ms', 'mspace', 'msqrt', 'mstyle', 'msub', 'msup', 'msubsup', 'mtable', 'mtd', 'mtext', 'mtr', 'munder', 'munderover', 'mprescripts']); // Similarly to SVG, we want to know all MathML elements,
 // even those that we disallow by default.
 
@@ -223,13 +225,13 @@ const getGlobal = () => typeof window === 'undefined' ? null : window;
  * Creates a no-op policy for internal use only.
  * Don't export this function outside this module!
  * @param {?TrustedTypePolicyFactory} trustedTypes The policy factory.
- * @param {Document} document The document object (to determine policy name suffix)
+ * @param {HTMLScriptElement} purifyHostElement The Script element used to load DOMPurify (to determine policy name suffix).
  * @return {?TrustedTypePolicy} The policy created (or null, if Trusted Types
- * are not supported).
+ * are not supported or creating the policy failed).
  */
 
 
-const _createTrustedTypesPolicy = function _createTrustedTypesPolicy(trustedTypes, document) {
+const _createTrustedTypesPolicy = function _createTrustedTypesPolicy(trustedTypes, purifyHostElement) {
   if (typeof trustedTypes !== 'object' || typeof trustedTypes.createPolicy !== 'function') {
     return null;
   } // Allow the callers to control the unique policy name
@@ -240,8 +242,8 @@ const _createTrustedTypesPolicy = function _createTrustedTypesPolicy(trustedType
   let suffix = null;
   const ATTR_NAME = 'data-tt-policy-suffix';
 
-  if (document.currentScript && document.currentScript.hasAttribute(ATTR_NAME)) {
-    suffix = document.currentScript.getAttribute(ATTR_NAME);
+  if (purifyHostElement && purifyHostElement.hasAttribute(ATTR_NAME)) {
+    suffix = purifyHostElement.getAttribute(ATTR_NAME);
   }
 
   const policyName = 'dompurify' + (suffix ? '#' + suffix : '');
@@ -276,7 +278,7 @@ function createDOMPurify() {
    */
 
 
-  DOMPurify.version = '3.0.2';
+  DOMPurify.version = '3.0.3';
   /**
    * Array of elements that DOMPurify removed during sanitation.
    * Empty if nothing was removed.
@@ -292,6 +294,7 @@ function createDOMPurify() {
   }
 
   const originalDocument = window.document;
+  const currentScript = originalDocument.currentScript;
   let {
     document
   } = window;
@@ -325,9 +328,8 @@ function createDOMPurify() {
     }
   }
 
-  const trustedTypesPolicy = _createTrustedTypesPolicy(trustedTypes, originalDocument);
-
-  const emptyHTML = trustedTypesPolicy ? trustedTypesPolicy.createHTML('') : '';
+  let trustedTypesPolicy;
+  let emptyHTML = '';
   const {
     implementation,
     createNodeIterator,
@@ -342,7 +344,7 @@ function createDOMPurify() {
    * Expose whether this browser supports running the full DOMPurify.
    */
 
-  DOMPurify.isSupported = typeof entries === 'function' && typeof getParentNode === 'function' && implementation && typeof implementation.createHTMLDocument !== 'undefined';
+  DOMPurify.isSupported = typeof entries === 'function' && typeof getParentNode === 'function' && implementation && implementation.createHTMLDocument !== undefined;
   const {
     MUSTACHE_EXPR,
     ERB_EXPR,
@@ -689,6 +691,31 @@ function createDOMPurify() {
     if (ALLOWED_TAGS.table) {
       addToSet(ALLOWED_TAGS, ['tbody']);
       delete FORBID_TAGS.tbody;
+    }
+
+    if (cfg.TRUSTED_TYPES_POLICY) {
+      if (typeof cfg.TRUSTED_TYPES_POLICY.createHTML !== 'function') {
+        throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');
+      }
+
+      if (typeof cfg.TRUSTED_TYPES_POLICY.createScriptURL !== 'function') {
+        throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');
+      } // Overwrite existing TrustedTypes policy.
+
+
+      trustedTypesPolicy = cfg.TRUSTED_TYPES_POLICY; // Sign local variables required by `sanitize`.
+
+      emptyHTML = trustedTypesPolicy.createHTML('');
+    } else {
+      // Uninitialized policy, attempt to initialize the internal dompurify policy.
+      if (trustedTypesPolicy === undefined) {
+        trustedTypesPolicy = _createTrustedTypesPolicy(trustedTypes, currentScript);
+      } // If creating the internal policy succeeded sign internal variables.
+
+
+      if (trustedTypesPolicy !== null && typeof emptyHTML === 'string') {
+        emptyHTML = trustedTypesPolicy.createHTML('');
+      }
     } // Prevent further manipulation of configuration.
     // Not available in IE8, Safari 5, etc.
 
@@ -1125,9 +1152,9 @@ function createDOMPurify() {
       }
       /* Check value is safe. First, is attr inert? If so, is safe */
 
-    } else if (URI_SAFE_ATTRIBUTES[lcName]) ; else if (regExpTest(IS_ALLOWED_URI$1, stringReplace(value, ATTR_WHITESPACE, ''))) ; else if ((lcName === 'src' || lcName === 'xlink:href' || lcName === 'href') && lcTag !== 'script' && stringIndexOf(value, 'data:') === 0 && DATA_URI_TAGS[lcTag]) ; else if (ALLOW_UNKNOWN_PROTOCOLS && !regExpTest(IS_SCRIPT_OR_DATA, stringReplace(value, ATTR_WHITESPACE, ''))) ; else if (!value) ; else {
+    } else if (URI_SAFE_ATTRIBUTES[lcName]) ; else if (regExpTest(IS_ALLOWED_URI$1, stringReplace(value, ATTR_WHITESPACE, ''))) ; else if ((lcName === 'src' || lcName === 'xlink:href' || lcName === 'href') && lcTag !== 'script' && stringIndexOf(value, 'data:') === 0 && DATA_URI_TAGS[lcTag]) ; else if (ALLOW_UNKNOWN_PROTOCOLS && !regExpTest(IS_SCRIPT_OR_DATA, stringReplace(value, ATTR_WHITESPACE, ''))) ; else if (value) {
       return false;
-    }
+    } else ;
 
     return true;
   };
@@ -1257,12 +1284,16 @@ function createDOMPurify() {
         if (namespaceURI) ; else {
           switch (trustedTypes.getAttributeType(lcTag, lcName)) {
             case 'TrustedHTML':
-              value = trustedTypesPolicy.createHTML(value);
-              break;
+              {
+                value = trustedTypesPolicy.createHTML(value);
+                break;
+              }
 
             case 'TrustedScriptURL':
-              value = trustedTypesPolicy.createScriptURL(value);
-              break;
+              {
+                value = trustedTypesPolicy.createScriptURL(value);
+                break;
+              }
           }
         }
       }
@@ -1355,15 +1386,14 @@ function createDOMPurify() {
 
 
     if (typeof dirty !== 'string' && !_isNode(dirty)) {
-      // eslint-disable-next-line no-negated-condition
-      if (typeof dirty.toString !== 'function') {
-        throw typeErrorCreate('toString is not a function');
-      } else {
+      if (typeof dirty.toString === 'function') {
         dirty = dirty.toString();
 
         if (typeof dirty !== 'string') {
           throw typeErrorCreate('dirty is not a string, aborting');
         }
+      } else {
+        throw typeErrorCreate('toString is not a function');
       }
     }
     /* Return dirty HTML if DOMPurify cannot run */
@@ -3731,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() {}
@@ -3792,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;
@@ -4072,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;
@@ -4199,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);
@@ -4210,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)
       };
@@ -4787,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: '',
@@ -4802,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;
@@ -4819,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;
@@ -4847,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;
@@ -4917,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);
@@ -4927,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));
   }
@@ -4959,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))) {
@@ -4990,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
           })));
         }
@@ -5053,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'];
@@ -5061,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,
@@ -5117,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,
@@ -5143,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,
@@ -5192,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();
@@ -5233,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;
@@ -5309,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",
@@ -5334,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",
@@ -5434,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",
@@ -5459,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",
@@ -5654,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;
@@ -5702,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;
@@ -5715,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) {
@@ -5739,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);
@@ -5758,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);
@@ -5772,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);
@@ -5957,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] : [];
@@ -5981,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);
     })
@@ -6007,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,
@@ -6101,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
       }));
     })))));
@@ -6132,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,
@@ -6161,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()
       })
@@ -6172,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
   });
@@ -6262,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;
@@ -6284,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);
         }
@@ -6332,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()
@@ -8611,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
@@ -8627,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);
@@ -8642,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);
@@ -8653,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);
@@ -8672,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));
@@ -8718,7 +8760,8 @@ var DEFAULT_FILTER_VALUES = {
 var DEFAULT_SELECTED_ROWS = {
   active: [],
   emails: [],
-  keys: []
+  keys: [],
+  displayNames: []
 };
 var DEFAULT_NEETO_FILTERS_COLUMNS = [{
   key: "email",
@@ -9252,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,
@@ -9311,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,
@@ -9330,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",
@@ -9355,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) {
@@ -9376,6 +9421,7 @@ var getDefaultColumns = function getDefaultColumns(_ref5) {
     permissions = _ref5.permissions;
   return [{
     dataIndex: "name",
+    fixed: "left",
     key: "name",
     render: function render(_, tableData) {
       return renderNameColumn({
@@ -10069,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
     };
@@ -10154,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),
@@ -10182,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() {
@@ -10204,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();
@@ -10227,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);
@@ -10241,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,
@@ -10251,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(),
@@ -10296,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, {
@@ -10321,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,
@@ -10390,7 +10493,7 @@ var AppList = function AppList(_ref) {
   var selectedEmail = pluck("value", emails);
   useEffect(function () {
     if (savedStateRef.current.isAppListEnabled !== isAppListEnabled) {
-      appRoles.forEach(function (appRole, index) {
+      appRoles === null || appRoles === void 0 ? void 0 : appRoles.forEach(function (appRole, index) {
         var _globalProps$appName;
         if ((appRole === null || appRole === void 0 ? void 0 : appRole.appName) === ((_globalProps$appName = globalProps.appName) === null || _globalProps$appName === void 0 ? void 0 : _globalProps$appName.substring(5))) {
           setFieldValue("appRoles[".concat(index, "].isEnabled"), true);
@@ -10788,8 +10891,9 @@ var RolesRadioGroup = function RolesRadioGroup(_ref) {
     values = _useFormikContext.values,
     setFieldValue = _useFormikContext.setFieldValue;
   var setDefaultSelection = function setDefaultSelection(currentRole) {
+    var _values$appRoles;
     var condition = isAdminRole(currentRole);
-    values.appRoles.forEach(function (_ref2, index) {
+    (_values$appRoles = values.appRoles) === null || _values$appRoles === void 0 ? void 0 : _values$appRoles.forEach(function (_ref2, index) {
       var _globalProps$appName;
       var appName = _ref2.appName,
         activeRole = _ref2.activeRole;