@bigbinary/neeto-team-members-frontend 2.4.16 → 2.4.18

package/dist/index.esm.js

@@ -1,10 +1,10 @@
 import React, { createElement, isValidElement, cloneElement, createContext, useContext, useState, useRef, useEffect, useMemo, useCallback, useLayoutEffect } from 'react';
-import { complement, isEmpty, modifyPath, prepend, assocPath, findIndex, propEq, dissocPath, groupBy, is, prop, keys, map, identical, modify, includes, pluck, fromPairs, toPairs, filter, isNil, curry, __, trim, toLower, identity, without, append, clamp, mergeLeft, head, reverse, assoc } from 'ramda';
-import { ExternalLink, MenuHorizontal, Up, Down, Search, Right as Right$1, Info } from '@bigbinary/neeto-icons';
 import { QueryClient, QueryCache, QueryClientProvider, useQuery, useMutation } from 'react-query';
 import { ReactQueryDevtools } from 'react-query/devtools';
 import axios from 'axios';
+import { curryN, isNil, complement, isEmpty, curry, modifyPath, prepend, assocPath, findIndex, propEq, dissocPath, groupBy, is, prop, keys, map, identical, modify, includes, pluck, fromPairs, toPairs, filter, __, trim, toLower, identity, without, append, clamp, mergeLeft, head, reverse, assoc } from 'ramda';
 import { Toastr, Tooltip, Button, Typography, Checkbox, Pane, Dropdown, Alert, Input as Input$1, PageLoader, Label, Avatar, Tag, Modal, Table as Table$1 } from '@bigbinary/neetoui';
+import { ExternalLink, MenuHorizontal, Up, Down, Search, Right as Right$1, Info } from '@bigbinary/neeto-icons';
 import { Header as Header$2, Container, MenuBar, SubHeader as SubHeader$1 } from '@bigbinary/neetoui/layouts';
 import { useFormikContext } from 'formik';
 import { Form, Input, Textarea, MultiEmailInput, Radio } from '@bigbinary/neetoui/formik';
@@ -12,14 +12,14 @@ import * as yup from 'yup';
 import { object, string } from 'yup';
 import classnames from 'classnames';
 
-function _typeof(obj) {
+function _typeof$1(obj) {
   "@babel/helpers - typeof";
 
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+  return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
     return typeof obj;
   } : function (obj) {
     return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof(obj);
+  }, _typeof$1(obj);
 }
 
 function _classCallCheck(instance, Constructor) {
@@ -29,11 +29,11 @@ function _classCallCheck(instance, Constructor) {
 }
 
 function _toPrimitive(input, hint) {
-  if (_typeof(input) !== "object" || input === null) return input;
+  if (_typeof$1(input) !== "object" || input === null) return input;
   var prim = input[Symbol.toPrimitive];
   if (prim !== undefined) {
     var res = prim.call(input, hint || "default");
-    if (_typeof(res) !== "object") return res;
+    if (_typeof$1(res) !== "object") return res;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (hint === "string" ? String : Number)(input);
@@ -41,7 +41,7 @@ function _toPrimitive(input, hint) {
 
 function _toPropertyKey(arg) {
   var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
+  return _typeof$1(key) === "symbol" ? key : String(key);
 }
 
 function _defineProperties(target, props) {
@@ -95,7 +95,7 @@ function _inherits(subClass, superClass) {
 }
 
 function _possibleConstructorReturn(self, call) {
-  if (call && (_typeof(call) === "object" || typeof call === "function")) {
+  if (call && (_typeof$1(call) === "object" || typeof call === "function")) {
     return call;
   } else if (call !== void 0) {
     throw new TypeError("Derived constructors may only return object or undefined");
@@ -125,7 +125,7 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _arrayWithHoles(arr) {
+function _arrayWithHoles$1(arr) {
   if (Array.isArray(arr)) return arr;
 }
 
@@ -133,29 +133,27 @@ function _iterableToArray(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 
-function _arrayLikeToArray(arr, len) {
+function _arrayLikeToArray$1(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
-function _unsupportedIterableToArray(o, minLen) {
+function _unsupportedIterableToArray$1(o, minLen) {
   if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  if (typeof o === "string") return _arrayLikeToArray$1(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor) n = o.constructor.name;
   if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen);
 }
 
-function _nonIterableRest() {
+function _nonIterableRest$1() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
 function _toArray(arr) {
-  return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest();
+  return _arrayWithHoles$1(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$1(arr) || _nonIterableRest$1();
 }
 
 function ownKeys$6$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -710,7 +708,7 @@ var Translator = function (_EventEmitter) {
     key: "translate",
     value: function translate(keys, options, lastKey) {
       var _this2 = this;
-      if (_typeof(options) !== 'object' && this.options.overloadTranslationOptionHandler) {
+      if (_typeof$1(options) !== 'object' && this.options.overloadTranslationOptionHandler) {
         options = this.options.overloadTranslationOptionHandler(arguments);
       }
       if (!options) options = {};
@@ -2065,10 +2063,10 @@ function get() {
     appendNamespaceToCIMode: false,
     overloadTranslationOptionHandler: function handle(args) {
       var ret = {};
-      if (_typeof(args[1]) === 'object') ret = args[1];
+      if (_typeof$1(args[1]) === 'object') ret = args[1];
       if (typeof args[1] === 'string') ret.defaultValue = args[1];
       if (typeof args[2] === 'string') ret.tDescription = args[2];
-      if (_typeof(args[2]) === 'object' || _typeof(args[3]) === 'object') {
+      if (_typeof$1(args[2]) === 'object' || _typeof$1(args[3]) === 'object') {
         var options = args[3] || args[2];
         Object.keys(options).forEach(function (key) {
           ret[key] = options[key];
@@ -2220,7 +2218,7 @@ var I18n = function (_EventEmitter) {
         });
         if (this.modules.languageDetector) {
           s.languageDetector = createClassOnDemand(this.modules.languageDetector);
-          s.languageDetector.init(s, this.options.detection, this.options);
+          if (s.languageDetector.init) s.languageDetector.init(s, this.options.detection, this.options);
         }
         if (this.modules.i18nFormat) {
           s.i18nFormat = createClassOnDemand(this.modules.i18nFormat);
@@ -2413,7 +2411,7 @@ var I18n = function (_EventEmitter) {
             setLngProps(l);
           }
           if (!_this4.translator.language) _this4.translator.changeLanguage(l);
-          if (_this4.services.languageDetector) _this4.services.languageDetector.cacheUserLanguage(l);
+          if (_this4.services.languageDetector && _this4.services.languageDetector.cacheUserLanguage) _this4.services.languageDetector.cacheUserLanguage(l);
         }
         _this4.loadResources(l, function (err) {
           done(err, l);
@@ -2422,7 +2420,11 @@ var I18n = function (_EventEmitter) {
       if (!lng && this.services.languageDetector && !this.services.languageDetector.async) {
         setLng(this.services.languageDetector.detect());
       } else if (!lng && this.services.languageDetector && this.services.languageDetector.async) {
-        this.services.languageDetector.detect(setLng);
+        if (this.services.languageDetector.detect.length === 0) {
+          this.services.languageDetector.detect().then(setLng);
+        } else {
+          this.services.languageDetector.detect(setLng);
+        }
       } else {
         setLng(lng);
       }
@@ -2434,7 +2436,7 @@ var I18n = function (_EventEmitter) {
       var _this5 = this;
       var fixedT = function fixedT(key, opts) {
         var options;
-        if (_typeof(opts) !== 'object') {
+        if (_typeof$1(opts) !== 'object') {
           for (var _len3 = arguments.length, rest = new Array(_len3 > 2 ? _len3 - 2 : 0), _key3 = 2; _key3 < _len3; _key3++) {
             rest[_key3 - 2] = arguments[_key3];
           }
@@ -3235,7 +3237,7 @@ function nodesToString(children, i18nOptions) {
       }
     } else if (child === null) {
       warn("Trans: the passed in value is invalid - seems you passed in a null child.");
-    } else if (_typeof(child) === 'object') {
+    } else if (_typeof$1(child) === 'object') {
       var format = child.format,
           clone = _objectWithoutProperties(child, _excluded$4);
 
@@ -3265,7 +3267,7 @@ function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, s
     var childrenArray = getAsArray(childs);
     childrenArray.forEach(function (child) {
       if (typeof child === 'string') return;
-      if (hasChildren(child)) getData(getChildren(child));else if (_typeof(child) === 'object' && !isValidElement(child)) Object.assign(data, child);
+      if (hasChildren(child)) getData(getChildren(child));else if (_typeof$1(child) === 'object' && !isValidElement(child)) Object.assign(data, child);
     });
   }
 
@@ -3302,8 +3304,8 @@ function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, s
         }, tmp) : tmp;
         var isElement = isValidElement(child);
         var isValidTranslationWithChildren = isElement && hasChildren(node, true) && !node.voidElement;
-        var isEmptyTransWithHTML = emptyChildrenButNeedsHandling && _typeof(child) === 'object' && child.dummy && !isElement;
-        var isKnownComponent = _typeof(children) === 'object' && children !== null && Object.hasOwnProperty.call(children, node.name);
+        var isEmptyTransWithHTML = emptyChildrenButNeedsHandling && _typeof$1(child) === 'object' && child.dummy && !isElement;
+        var isKnownComponent = _typeof$1(children) === 'object' && children !== null && Object.hasOwnProperty.call(children, node.name);
 
         if (typeof child === 'string') {
           var value = i18n.services.interpolator.interpolate(child, opts, i18n.language);
@@ -3341,7 +3343,7 @@ function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, s
 
             mem.push("<".concat(node.name, ">").concat(_inner4, "</").concat(node.name, ">"));
           }
-        } else if (_typeof(child) === 'object' && !isElement) {
+        } else if (_typeof$1(child) === 'object' && !isElement) {
           var content = node.children[0] ? translationContent : null;
           if (content) mem.push(content);
         } else if (node.children.length === 1 && translationContent) {
@@ -3519,7 +3521,7 @@ function Trans(_ref) {
   }, additionalProps));
 }
 
-function _iterableToArrayLimit(arr, i) {
+function _iterableToArrayLimit$1(arr, i) {
   var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
   if (null != _i) {
     var _s,
@@ -3533,9 +3535,7 @@ function _iterableToArrayLimit(arr, i) {
       if (_x = (_i = _i.call(arr)).next, 0 === i) {
         if (Object(_i) !== _i) return;
         _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -3549,8 +3549,8 @@ function _iterableToArrayLimit(arr, i) {
   }
 }
 
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+function _slicedToArray$1(arr, i) {
+  return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest$1();
 }
 
 function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
@@ -3608,7 +3608,7 @@ function useTranslation(ns) {
   }
 
   var _useState = useState(getT),
-      _useState2 = _slicedToArray(_useState, 2),
+      _useState2 = _slicedToArray$1(_useState, 2),
       t = _useState2[0],
       setT = _useState2[1];
 
@@ -3910,17 +3910,6 @@ const getScrollBarWidth = () => {
   document.body.removeChild(outerElement);
   return w1 - w2;
 };
-const noop = () => {};
-const slugify = string => string.toString().toLowerCase().replace(/\s+/g, "-") // Replace spaces with -
-.replace(/&/g, "-and-") // Replace & with 'and'
-.replace(/[^\w-]+/g, "") // Remove all non-word characters
-.replace(/--+/g, "-") // Replace multiple - with single -
-.replace(/^-+/, "") // Trim - from start of text
-.replace(/-+$/, ""); // Trim - from end of text
-
-const capitalize = string => string.charAt(0).toUpperCase() + string.slice(1);
-const isNotEmpty$1 = complement(isEmpty);
-const isNotEqual = (a, b) => !Object.is(a, b);
 
 const SINGULAR = {
   count: 1
@@ -3984,6 +3973,198 @@ const organizationRolesApi = {
   destroy
 };
 
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+
+function _iterableToArrayLimit(arr, i) {
+  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+
+  if (_i == null) return;
+  var _arr = [];
+  var _n = true;
+  var _d = false;
+
+  var _s, _e;
+
+  try {
+    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
+      _arr.push(_s.value);
+
+      if (i && _arr.length === i) break;
+    }
+  } catch (err) {
+    _d = true;
+    _e = err;
+  } finally {
+    try {
+      if (!_n && _i["return"] != null) _i["return"]();
+    } finally {
+      if (_d) throw _e;
+    }
+  }
+
+  return _arr;
+}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+
+  for (var i = 0, arr2 = new Array(len); i < len; i++) {
+    arr2[i] = arr[i];
+  }
+
+  return arr2;
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+/**
+ * @template {Function} T
+ * @param {T} func
+ * @returns {T}
+ */
+
+var nullSafe = function nullSafe(func) {
+  return (// @ts-ignore
+    curryN(func.length, function () {
+      var _ref;
+
+      var dataArg = (_ref = func.length - 1, _ref < 0 || arguments.length <= _ref ? undefined : arguments[_ref]);
+      return isNil(dataArg) ? dataArg : func.apply(void 0, arguments);
+    })
+  );
+};
+var noop = function noop() {};
+var isNotEmpty = /*#__PURE__*/complement(isEmpty);
+var notEquals = /*#__PURE__*/curry(function (x, y) {
+  return x !== y;
+});
+
+var slugify = function slugify(string) {
+  return string.toString().toLowerCase().replace(/\s+/g, "-") // Replace spaces with -
+  .replace(/&/g, "-and-") // Replace & with 'and'
+  .replace(/[^\w-]+/g, "") // Remove all non-word characters
+  .replace(/--+/g, "-") // Replace multiple - with single -
+  .replace(/^-+/, "") // Trim - from start of text
+  .replace(/-+$/, "");
+}; // Trim - from end of text
+
+var humanize = function humanize(string) {
+  string = string.replace(/[_-]+/g, " ").replace(/\s{2,}/g, " ").replace(/([a-z\d])([A-Z])/g, "$1" + " " + "$2").replace(/([A-Z]+)([A-Z][a-z\d]+)/g, "$1" + " " + "$2").toLowerCase().trim();
+  string = string.charAt(0).toUpperCase() + string.slice(1);
+  return string;
+};
+var snakeToCamelCase = function snakeToCamelCase(string) {
+  return string.replace(/(_\w)/g, function (letter) {
+    return letter[1].toUpperCase();
+  });
+};
+var camelToSnakeCase = function camelToSnakeCase(string) {
+  return string.replace(/[A-Z]/g, function (letter) {
+    return "_".concat(letter.toLowerCase());
+  });
+};
+var capitalize = function capitalize(string) {
+  return string.charAt(0).toUpperCase() + string.slice(1);
+};
+nullSafe(slugify);
+nullSafe(humanize);
+nullSafe(snakeToCamelCase);
+nullSafe(camelToSnakeCase);
+nullSafe(capitalize);
+
+var matchesImpl = function matchesImpl(pattern, object) {
+  var __parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : object;
+
+  if (object === pattern) return true;
+  if (typeof pattern === "function" && pattern(object, __parent)) return true;
+  if (isNil(pattern) || isNil(object)) return false;
+  if (_typeof(pattern) !== "object") return false;
+  return Object.entries(pattern).every(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+        key = _ref2[0],
+        value = _ref2[1];
+
+    return matchesImpl(value, object[key], __parent);
+  });
+};
+
+var transformObjectDeep = function transformObjectDeep(object, keyValueTransformer) {
+  var objectPreProcessor = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+
+  if (objectPreProcessor && typeof objectPreProcessor === "function") {
+    object = objectPreProcessor(object);
+  }
+
+  if (Array.isArray(object)) {
+    return object.map(function (obj) {
+      return transformObjectDeep(obj, keyValueTransformer, objectPreProcessor);
+    });
+  } else if (object === null || _typeof(object) !== "object") {
+    return object;
+  }
+
+  return Object.fromEntries(Object.entries(object).map(function (_ref3) {
+    var _ref4 = _slicedToArray(_ref3, 2),
+        key = _ref4[0],
+        value = _ref4[1];
+
+    return keyValueTransformer(key, transformObjectDeep(value, keyValueTransformer, objectPreProcessor));
+  }));
+};
+var keysToSnakeCase = function keysToSnakeCase(object) {
+  return transformObjectDeep(object, function (key, value) {
+    return [camelToSnakeCase(key), value];
+  });
+};
+var matches = /*#__PURE__*/curry(function (pattern, object) {
+  return matchesImpl(pattern, object);
+});
+var filterNonNull = function filterNonNull(object) {
+  return Object.fromEntries(Object.entries(object).filter(function (_ref5) {
+    var _ref6 = _slicedToArray(_ref5, 2),
+        v = _ref6[1];
+
+    return !isNil(v);
+  }).map(function (_ref7) {
+    var _ref8 = _slicedToArray(_ref7, 2),
+        k = _ref8[0],
+        v = _ref8[1];
+
+    return [k, _typeof(v) === "object" && !Array.isArray(v) ? filterNonNull(v) : v];
+  }));
+};
+nullSafe(filterNonNull);
+var removeBy = /*#__PURE__*/curry(function (pattern, array) {
+  return array.filter(complement(matches(pattern)));
+});
+
 const _excluded$2 = ["onSuccess"],
   _excluded2$2 = ["onSuccess"],
   _excluded3$1 = ["onSuccess"];
@@ -4043,6 +4224,7 @@ const useDestroyRole = _ref4 => {
     return organizationRolesApi.destroy(id, payload);
   }, _objectSpread$7({
     onSuccess: response => {
+      queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
       queryClient.setQueriesData(QUERY_KEYS.ROLES, cachedData => {
         if (!!cachedData.data && !!cachedData.data.organizationRoles) {
           return dissocPath(["data", "organizationRoles", findIndex(propEq("id", response.data.id), cachedData.data.organizationRoles)], cachedData);
@@ -4055,7 +4237,11 @@ const useDestroyRole = _ref4 => {
   }, options));
 };
 
-var dist = {exports: {}};
+var distExports = {};
+var dist = {
+  get exports(){ return distExports; },
+  set exports(v){ distExports = v; },
+};
 
 (function (module, exports) {
 	(function webpackUniversalModuleDefinition(root, factory) {
@@ -5899,7 +6085,7 @@ const TableHeader = _ref => {
     }
   }, [setIsScrollPresent]);
   useEffect(() => getOverflowStatus(), [getOverflowStatus, scrollSyncElement, roles]);
-  return /*#__PURE__*/React.createElement(dist.exports.ScrollSyncPane, {
+  return /*#__PURE__*/React.createElement(distExports.ScrollSyncPane, {
     ref: scrollSyncElement,
     group: "horizontal"
   }, /*#__PURE__*/React.createElement("div", {
@@ -6086,7 +6272,7 @@ const Columns$1 = _ref => {
     roles = _ref.roles,
     setIsScrollPresent = _ref.setIsScrollPresent;
   const _useState = useState(DEFAULT_MANAGE_ROLE_VALUES),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray$1(_useState, 2),
     manageRole = _useState2[0],
     setManageRole = _useState2[1];
   const categories = Object.keys(filteredGroupPermissions);
@@ -6098,7 +6284,7 @@ const Columns$1 = _ref => {
     setManageRole: setManageRole,
     roles: filteredRoles,
     setIsScrollPresent: setIsScrollPresent
-  }), /*#__PURE__*/React.createElement(dist.exports.ScrollSyncPane, {
+  }), /*#__PURE__*/React.createElement(distExports.ScrollSyncPane, {
     group: ["horizontal", "vertical"]
   }, /*#__PURE__*/React.createElement("div", {
     className: "ntm-roles-table__rows"
@@ -6209,7 +6395,7 @@ const Sidebar = _ref => {
     prefix: /*#__PURE__*/React.createElement(Search, null),
     type: "search",
     value: searchTerm
-  })), /*#__PURE__*/React.createElement(dist.exports.ScrollSyncPane, {
+  })), /*#__PURE__*/React.createElement(distExports.ScrollSyncPane, {
     group: "vertical"
   }, /*#__PURE__*/React.createElement("div", {
     className: "ntm-roles-table-sidebar__list"
@@ -6241,15 +6427,15 @@ const Table = _ref => {
   const _useTranslation = useTranslation(),
     t = _useTranslation.t;
   const _useState = useState(""),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray$1(_useState, 2),
     searchTerm = _useState2[0],
     setSearchTerm = _useState2[1];
   const _useState3 = useState(permissionGroups),
-    _useState4 = _slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray$1(_useState3, 2),
     filteredGroupPermissions = _useState4[0],
     setFilteredGroupPermissions = _useState4[1];
   const _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
+    _useState6 = _slicedToArray$1(_useState5, 2),
     isScrollPresent = _useState6[0],
     setIsScrollPresent = _useState6[1];
   const toggleDropdown = category => {
@@ -6257,7 +6443,7 @@ const Table = _ref => {
   };
   useEffect(() => {
     setFilteredGroupPermissions(fromPairs(toPairs(permissionGroups).map(_ref2 => {
-      let _ref3 = _slicedToArray(_ref2, 2),
+      let _ref3 = _slicedToArray$1(_ref2, 2),
         category = _ref3[0],
         options = _ref3[1];
       return [category, modify("permissions", filter(_ref4 => {
@@ -6297,15 +6483,15 @@ const Roles = _ref => {
   const _useTranslation = useTranslation(),
     t = _useTranslation.t;
   const _useState = useState(""),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray$1(_useState, 2),
     searchString = _useState2[0],
     setSearchString = _useState2[1];
   const _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray$1(_useState3, 2),
     filteredRoles = _useState4[0],
     setFilteredRoles = _useState4[1];
   const _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
+    _useState6 = _slicedToArray$1(_useState5, 2),
     isNewRolePaneOpen = _useState6[0],
     setIsNewRolePaneOpen = _useState6[1];
   const _useFetchRoles = useFetchRoles({
@@ -6331,7 +6517,7 @@ const Roles = _ref => {
       className: "ntm-members-page-loader"
     }, /*#__PURE__*/React.createElement(PageLoader, null));
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(dist.exports.ScrollSync, null, /*#__PURE__*/React.createElement(Container, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(distExports.ScrollSync, null, /*#__PURE__*/React.createElement(Container, {
     isHeaderFixed: true
   }, /*#__PURE__*/React.createElement(Header$1, {
     config: config,
@@ -6361,8 +6547,23 @@ const Roles = _ref => {
 };
 var index$1 = withReactQuery(Roles);
 
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
 const fetch = params => axios.get(`${BASE_URL}/teams`, {
-  params
+  params: keysToSnakeCase(params)
 });
 const create = payload => axios.post(`${BASE_URL}/teams`, payload);
 const update = (id, payload) => axios.put(`${BASE_URL}/teams/${id}`, {
@@ -6434,7 +6635,7 @@ const refetchMembers = () => {
 const useDebounce = function (value) {
   let delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 350;
   const _useState = useState(value),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray$1(_useState, 2),
     debouncedValue = _useState2[0],
     setDebouncedValue = _useState2[1];
   useEffect(() => {
@@ -6444,21 +6645,6 @@ const useDebounce = function (value) {
   return debouncedValue;
 };
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
 const FIXED_COLUMNS = ["actions"];
 const COLUMNS_DROPDOWN_PROPS = {
   label: instance.t("common.column", PLURAL)
@@ -6507,7 +6693,7 @@ const getStorageValue = (key, defaultValue) => {
 };
 const useLocalStorage = (key, defaultValue) => {
   const _useState = useState(() => getStorageValue(key, defaultValue)),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray$1(_useState, 2),
     storedValue = _useState2[0],
     setStoredValue = _useState2[1];
   const setValue = value => {
@@ -6521,27 +6707,11 @@ const useLocalStorage = (key, defaultValue) => {
   return [storedValue, setValue];
 };
 
-const matchesImpl = function (pattern, object) {
-  let __parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : object;
-  if (object === pattern) return true;
-  if (typeof pattern === "function" && pattern(object, __parent)) return true;
-  if (isNil(pattern) || isNil(object)) return false;
-  if (typeof pattern !== "object") return false;
-  return Object.entries(pattern).every(_ref => {
-    let _ref2 = _slicedToArray(_ref, 2),
-      key = _ref2[0],
-      value = _ref2[1];
-    return matchesImpl(value, object[key], __parent);
-  });
-};
-const matches = curry((pattern, object) => matchesImpl(pattern, object));
-const isNotEmpty = complement(isEmpty);
-const removeBy = curry((pattern, array) => array.filter(complement(matches(pattern))));
 const removeFixedColumns = (fixedColumns, columnData) => removeBy({
   dataIndex: includes(__, fixedColumns)
 }, columnData);
-const filterBySearchTerm$1 = (searchTerm, columns) => filter(_ref3 => {
-  let title = _ref3.title;
+const filterBySearchTerm$1 = (searchTerm, columns) => filter(_ref => {
+  let title = _ref.title;
   return includes(trim(toLower(searchTerm)), trim(toLower(title)));
 }, columns);
 
@@ -6570,11 +6740,11 @@ const Columns = _ref => {
     Menu = Dropdown.Menu,
     MenuItem = Dropdown.MenuItem;
   const _useLocalStorage = useLocalStorage(localStorageKey, []),
-    _useLocalStorage2 = _slicedToArray(_useLocalStorage, 2),
+    _useLocalStorage2 = _slicedToArray$1(_useLocalStorage, 2),
     hiddenColumns = _useLocalStorage2[0],
     setHiddenColumns = _useLocalStorage2[1];
   const _useState = useState(""),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray$1(_useState, 2),
     searchTerm = _useState2[0],
     setSearchTerm = _useState2[1];
   const columns = removeFixedColumns(fixedColumns, columnData);
@@ -6636,8 +6806,14 @@ const filterBySearchTerm = (searchTerm, roles) => filter(_ref => {
   let name = _ref.name;
   return includes(trim(toLower(searchTerm)), trim(toLower(name)));
 }, roles);
-const getActivateButtonVisible = selectedRows => selectedRows.active.some(active => active === false);
-const getDeactivatedButtonVisible = selectedRows => selectedRows.active.some(active => active === true);
+const getActivateButtonVisible = (selectedRows, config) => {
+  var _config$hiddenBulkAct;
+  return selectedRows.active.some(active => active === false) && !(config !== null && config !== void 0 && (_config$hiddenBulkAct = config.hiddenBulkActions) !== null && _config$hiddenBulkAct !== void 0 && _config$hiddenBulkAct.includes("activate"));
+};
+const getDeactivatedButtonVisible = (selectedRows, config) => {
+  var _config$hiddenBulkAct2;
+  return selectedRows.active.some(active => active === true) && !(config !== null && config !== void 0 && (_config$hiddenBulkAct2 = config.hiddenBulkActions) !== null && _config$hiddenBulkAct2 !== void 0 && _config$hiddenBulkAct2.includes("deactivate"));
+};
 
 const Menu$2 = Dropdown.Menu,
   MenuItem$1 = Dropdown.MenuItem;
@@ -6649,11 +6825,11 @@ const RolesDropdown = _ref => {
     _ref$roles = _ref.roles,
     roles = _ref$roles === void 0 ? [] : _ref$roles;
   const _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray$1(_useState, 2),
     isDropdownOpen = _useState2[0],
     setIsDropdownOpen = _useState2[1];
   const _useState3 = useState(""),
-    _useState4 = _slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray$1(_useState3, 2),
     searchTerm = _useState4[0],
     setSearchTerm = _useState4[1];
   const filteredRoles = filterBySearchTerm(searchTerm, roles);
@@ -6699,7 +6875,7 @@ const RolesDropdown = _ref => {
     prefix: /*#__PURE__*/React.createElement(Search, null),
     type: "search",
     value: searchTerm
-  })), isNotEmpty$1(filteredRoles) ? filteredRoles.map(_ref3 => {
+  })), isNotEmpty(filteredRoles) ? filteredRoles.map(_ref3 => {
     let id = _ref3.id,
       name = _ref3.name;
     return /*#__PURE__*/React.createElement(MenuItem$1.Button, {
@@ -6736,7 +6912,7 @@ const MEMBER_FILTER = {
 const DEFAULT_RADIX = 10;
 const DEFAULT_MEMBER_FILTER = MEMBER_FILTER.ACTIVE.value;
 const DEFAULT_PAGE_NUMBER = 1;
-const DEFAULT_PAGE_SIZE = 15;
+const DEFAULT_PAGE_SIZE = 50;
 const DROPDOWN_BUTTON_PROPS = {
   "data-cy": "ntm-members-table-row-dropdown-button",
   size: "medium"
@@ -6751,8 +6927,8 @@ const DEFAULT_FILTER_VALUES = {
   results: clamp(10, 100, parseInt(URL_PARAMS.get("results"))) || DEFAULT_PAGE_SIZE,
   category: ((_URLSearchParams$get = new URLSearchParams(window.location.search).get("filter")) === null || _URLSearchParams$get === void 0 ? void 0 : _URLSearchParams$get.toUpperCase()) || DEFAULT_MEMBER_FILTER,
   search: "",
-  sort_by: "",
-  sort_direction: ""
+  sortBy: "",
+  sortDirection: ""
 };
 const DEFAULT_SELECTED_ROWS = {
   active: [],
@@ -6761,7 +6937,7 @@ const DEFAULT_SELECTED_ROWS = {
 };
 
 const Left = _ref => {
-  var _selectedRows$keys, _selectedRows$keys2, _config$permissions$u, _config$permissions, _config$otherBulkActi;
+  var _selectedRows$keys, _selectedRows$keys2, _config$permissions$u, _config$permissions, _config$hiddenBulkAct, _config$otherBulkActi;
   let config = _ref.config,
     filteredCount = _ref.filteredCount,
     metaName = _ref.metaName,
@@ -6769,7 +6945,7 @@ const Left = _ref => {
     selectedRows = _ref.selectedRows,
     setSelectedRows = _ref.setSelectedRows,
     totalCount = _ref.totalCount;
-  const hasSelectedRows = isNotEmpty$1(selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.keys);
+  const hasSelectedRows = isNotEmpty(selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.keys);
   const pluralizedByFilterCount = metaName({
     count: filteredCount
   }).toLocaleLowerCase();
@@ -6827,15 +7003,15 @@ const Left = _ref => {
     buttonStyle: "secondary",
     disabled: !hasUpdatePermission,
     label: instance.t("common.takeAction")
-  }, /*#__PURE__*/React.createElement(Menu, null, getDeactivatedButtonVisible(selectedRows) && /*#__PURE__*/React.createElement(MenuItem.Button, {
+  }, /*#__PURE__*/React.createElement(Menu, null, getDeactivatedButtonVisible(selectedRows, config) && /*#__PURE__*/React.createElement(MenuItem.Button, {
     "data-cy": "ntm-deactivate-members-button",
     disabled: !hasUpdatePermission,
     onClick: () => handleDeactivateMembers()
-  }, instance.t("common.deactivate")), getActivateButtonVisible(selectedRows) && /*#__PURE__*/React.createElement(MenuItem.Button, {
+  }, instance.t("common.deactivate")), getActivateButtonVisible(selectedRows, config) && /*#__PURE__*/React.createElement(MenuItem.Button, {
     "data-cy": "ntm-activate-members-button",
     disabled: !hasUpdatePermission,
     onClick: () => handleActivateMembers()
-  }, instance.t("common.activate")), /*#__PURE__*/React.createElement(RolesDropdown, {
+  }, instance.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, {
     handleRoleChange: handleRoleChange,
     hasUpdatePermission: hasUpdatePermission,
     roles: roles
@@ -6863,7 +7039,11 @@ function commonjsRequire(path) {
 	throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
 }
 
-var pluralize$1 = {exports: {}};
+var pluralizeExports = {};
+var pluralize$1 = {
+  get exports(){ return pluralizeExports; },
+  set exports(v){ pluralizeExports = v; },
+};
 
 /* global define */
 
@@ -7366,7 +7546,7 @@ var pluralize$1 = {exports: {}};
 	});
 } (pluralize$1));
 
-var pluralize = pluralize$1.exports;
+var pluralize = pluralizeExports;
 
 function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -7547,7 +7727,7 @@ const getMetaName = curry((metaName, count) => {
   const translationWord = `metaNames.${singularizedMetaName}`;
   return instance.exists(translationWord, count) ? instance.t(translationWord, count) : pluralize(capitalize(singularizedMetaName), count.count);
 });
-const clearSelectedMembers = (previousCategory, currentCategory) => isNotEqual(previousCategory, currentCategory) && isNotEqual(currentCategory, "ALL");
+const clearSelectedMembers = (previousCategory, currentCategory) => notEquals(previousCategory, currentCategory) && notEquals(currentCategory, "ALL");
 
 const _excluded = ["className", "children"],
   _excluded2 = ["className", "children"];
@@ -7711,7 +7891,7 @@ const ManageMember = _ref => {
     _ref$componentConfig = _ref.componentConfig,
     componentConfig = _ref$componentConfig === void 0 ? {} : _ref$componentConfig;
   const _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray$1(_useState, 2),
     hasSubmitted = _useState2[0],
     setHasSubmitted = _useState2[1];
   const formReference = useRef(null);
@@ -7850,28 +8030,28 @@ const Menu = _ref => {
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const TeamMembers = _ref => {
-  var _config$permissions$v, _config$permissions, _config$permissions$v2, _config$permissions2, _config$fetchApiRespo, _filters$category;
+  var _config$permissions$v, _config$permissions, _config$permissions$v2, _config$permissions2, _config$fetchApiRespo, _filters$category, _config$table, _config$table$onDropd, _config$header;
   let config = _ref.config;
   const metaName = getMetaName((config === null || config === void 0 ? void 0 : config.metaName) || "member");
   const _useState = useState(DEFAULT_IS_OPEN_VALUES),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray$1(_useState, 2),
     isOpen = _useState2[0],
     setIsOpen = _useState2[1];
-  const _useState3 = useState(DEFAULT_FILTER_VALUES),
-    _useState4 = _slicedToArray(_useState3, 2),
+  const _useState3 = useState(_objectSpread(_objectSpread({}, DEFAULT_FILTER_VALUES), config === null || config === void 0 ? void 0 : config.defaultFilterValues)),
+    _useState4 = _slicedToArray$1(_useState3, 2),
     filters = _useState4[0],
     setFilters = _useState4[1];
   const _useState5 = useState(null),
-    _useState6 = _slicedToArray(_useState5, 2),
+    _useState6 = _slicedToArray$1(_useState5, 2),
     selectedMember = _useState6[0],
     setSelectedMember = _useState6[1];
   const debouncedSearch = useDebounce(filters.search, 750);
   const _useState7 = useState([]),
-    _useState8 = _slicedToArray(_useState7, 2),
+    _useState8 = _slicedToArray$1(_useState7, 2),
     columnData = _useState8[0],
     setColumnData = _useState8[1];
   const _useState9 = useState(DEFAULT_SELECTED_ROWS),
-    _useState10 = _slicedToArray(_useState9, 2),
+    _useState10 = _slicedToArray$1(_useState9, 2),
     selectedRows = _useState10[0],
     setSelectedRows = _useState10[1];
   const _useFetchMembers = useFetchMembers(_objectSpread(_objectSpread({}, filters), {}, {
@@ -7939,6 +8119,10 @@ const TeamMembers = _ref => {
     setSelectedMember(user);
     setIsOpen(assoc("manageMember", true));
   };
+  config === null || config === void 0 ? void 0 : (_config$table = config.table) === null || _config$table === void 0 ? void 0 : (_config$table$onDropd = _config$table.onDropdownClick) === null || _config$table$onDropd === void 0 ? void 0 : _config$table$onDropd.call(_config$table, {
+    handleUpdateRole,
+    handleUpdateStatus
+  });
   const columns = useMemo(() => getColumnData({
     config,
     handleUpdateRole,
@@ -7963,19 +8147,19 @@ const TeamMembers = _ref => {
   };
   const handleTableChange = (_, __, sorter) => {
     setFilters(mergeLeft({
-      sort_by: sorter.field,
-      sort_direction: sorter.order
+      sortBy: sorter.field,
+      sortDirection: sorter.order
     }));
   };
   const handleRowSelect = (keys, rowData) => {
-    var _config$table, _config$table$onRowSe;
+    var _config$table2, _config$table2$onRowS;
     const rows = {
       active: pluck("active", rowData),
       emails: pluck("email", rowData),
       keys
     };
     setSelectedRows(_objectSpread({}, rows));
-    config === null || config === void 0 ? void 0 : (_config$table = config.table) === null || _config$table === void 0 ? void 0 : (_config$table$onRowSe = _config$table.onRowSelect) === null || _config$table$onRowSe === void 0 ? void 0 : _config$table$onRowSe.call(_config$table, {
+    config === null || config === void 0 ? void 0 : (_config$table2 = config.table) === null || _config$table2 === void 0 ? void 0 : (_config$table2$onRowS = _config$table2.onRowSelect) === null || _config$table2$onRowS === void 0 ? void 0 : _config$table2$onRowS.call(_config$table2, {
       rows,
       resetSelectedRows,
       rowData
@@ -7997,7 +8181,7 @@ const TeamMembers = _ref => {
     isMenuOpen: isOpen.menuBar,
     memberFilter: filters.category,
     metaName: metaName
-  }), /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Header$2, {
+  }), /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Header$2, _extends({
     title: renderHeaderTitle(MEMBER_FILTER[filters.category].value, metaName),
     menuBarToggle: () => setIsOpen(state => _objectSpread(_objectSpread({}, state), {}, {
       menuBar: !state.menuBar
@@ -8010,7 +8194,7 @@ const TeamMembers = _ref => {
       permissions: config === null || config === void 0 ? void 0 : config.permissions,
       rolesButtonProps: config.rolesButtonProps
     })
-  }), /*#__PURE__*/React.createElement(SubHeader$1, {
+  }, config === null || config === void 0 ? void 0 : (_config$header = config.header) === null || _config$header === void 0 ? void 0 : _config$header.otherProps)), /*#__PURE__*/React.createElement(SubHeader$1, {
     leftActionBlock: /*#__PURE__*/React.createElement(SubHeader.Left, {
       config: config,
       filteredCount: team === null || team === void 0 ? void 0 : team.membersCount,