@bigbinary/neeto-team-members-frontend 2.4.17 → 2.5.0

package/dist/index.esm.js

@@ -1,25 +1,27 @@
 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, assoc, head, reverse } 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';
 import * as yup from 'yup';
 import { object, string } from 'yup';
 import classnames from 'classnames';
+import require$$0 from 'util';
+import { Filters, buildFiltersFromURL, Bar } from '@bigbinary/neeto-filters-frontend';
 
-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 +31,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 +43,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 +97,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 +127,7 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _arrayWithHoles(arr) {
+function _arrayWithHoles$1(arr) {
   if (Array.isArray(arr)) return arr;
 }
 
@@ -133,29 +135,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; }
@@ -402,7 +402,7 @@ var _entityMap = {
   "'": '&#39;',
   '/': '&#x2F;'
 };
-function escape(data) {
+function escape$1(data) {
   if (typeof data === 'string') {
     return data.replace(/[&<>"'\/]/g, function (s) {
       return _entityMap[s];
@@ -710,7 +710,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 = {};
@@ -1456,7 +1456,7 @@ var Interpolator = function () {
         escapeValue: true
       };
       var iOpts = options.interpolation;
-      this.escape = iOpts.escape !== undefined ? iOpts.escape : escape;
+      this.escape = iOpts.escape !== undefined ? iOpts.escape : escape$1;
       this.escapeValue = iOpts.escapeValue !== undefined ? iOpts.escapeValue : true;
       this.useRawValueToEscape = iOpts.useRawValueToEscape !== undefined ? iOpts.useRawValueToEscape : false;
       this.prefix = iOpts.prefix ? regexEscape(iOpts.prefix) : iOpts.prefixEscaped || '{{';
@@ -2065,10 +2065,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];
@@ -2438,7 +2438,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];
           }
@@ -2632,9 +2632,9 @@ instance.loadLanguages;
 
 var arr = [];
 var each = arr.forEach;
-var slice = arr.slice;
-function defaults(obj) {
-  each.call(slice.call(arguments, 1), function (source) {
+var slice$1 = arr.slice;
+function defaults$2(obj) {
+  each.call(slice$1.call(arguments, 1), function (source) {
     if (source) {
       for (var prop in source) {
         if (obj[prop] === undefined) obj[prop] = source[prop];
@@ -2928,7 +2928,7 @@ var Browser = /*#__PURE__*/function () {
       var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
       var i18nOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       this.services = services;
-      this.options = defaults(options, this.options || {}, getDefaults$1());
+      this.options = defaults$2(options, this.options || {}, getDefaults$1());
 
       // backwards compatibility
       if (this.options.lookupFromUrlIndex) this.options.lookupFromPathIndex = this.options.lookupFromUrlIndex;
@@ -3142,7 +3142,7 @@ var unescapeHtmlEntity = function unescapeHtmlEntity(m) {
   return htmlEntities[m];
 };
 
-var unescape = function unescape(text) {
+var unescape$1 = function unescape(text) {
   return text.replace(matchHtmlEntity, unescapeHtmlEntity);
 };
 
@@ -3157,7 +3157,7 @@ var defaultOptions = {
   transWrapTextNodes: '',
   transKeepBasicHtmlNodesFor: ['br', 'strong', 'i', 'p'],
   useSuspense: true,
-  unescape: unescape
+  unescape: unescape$1
 };
 function setDefaults() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -3239,7 +3239,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);
 
@@ -3269,7 +3269,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);
     });
   }
 
@@ -3306,8 +3306,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);
@@ -3345,7 +3345,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) {
@@ -3523,7 +3523,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,
@@ -3537,9 +3537,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 {
@@ -3553,8 +3551,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; }
@@ -3612,7 +3610,7 @@ function useTranslation(ns) {
   }
 
   var _useState = useState(getT),
-      _useState2 = _slicedToArray(_useState, 2),
+      _useState2 = _slicedToArray$1(_useState, 2),
       t = _useState2[0],
       setT = _useState2[1];
 
@@ -3914,17 +3912,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
@@ -3960,9 +3947,10 @@ const permissionsApi = {
 const DEFAULT_STALE_TIME = 300000; // 5 minutes
 
 const QUERY_KEYS = {
-  TEAMS: "neeto-team-members-teams",
+  PERMISSIONS: "neeto-team-members-permissions",
   ROLES: "neeto-team-members-roles",
-  PERMISSIONS: "neeto-team-members-permissions"
+  TEAMS: "neeto-team-members-teams",
+  TEAMS_DEPENDENCIES: "neeto-team-members-teams-dependencies"
 };
 
 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; }
@@ -3988,6 +3976,204 @@ 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 toLabelAndValue = function toLabelAndValue(string) {
+  return {
+    label: string,
+    value: string
+  };
+};
+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"];
@@ -4005,6 +4191,7 @@ const useCreateRole = _ref => {
     options = _objectWithoutProperties(_ref, _excluded$2);
   return useMutation(organizationRolesApi.create, _objectSpread$7({
     onSuccess: response => {
+      queryClient.invalidateQueries(QUERY_KEYS.TEAMS_DEPENDENCIES);
       queryClient.setQueriesData(QUERY_KEYS.ROLES, cachedData => {
         if (!!cachedData.data && !!cachedData.data.organizationRoles) {
           return modifyPath(["data", "organizationRoles"], prepend(response.data.organizationRole), cachedData);
@@ -4026,6 +4213,7 @@ const useUpdateRole = _ref2 => {
   }, _objectSpread$7({
     onSuccess: response => {
       queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
+      queryClient.invalidateQueries(QUERY_KEYS.TEAMS_DEPENDENCIES);
       queryClient.setQueriesData(QUERY_KEYS.ROLES, cachedData => {
         if (!!cachedData.data && !!cachedData.data.organizationRoles) {
           return assocPath(["data", "organizationRoles", findIndex(propEq("id", response.data.organizationRole.id), cachedData.data.organizationRoles)], response.data.organizationRole, cachedData);
@@ -4047,6 +4235,8 @@ const useDestroyRole = _ref4 => {
     return organizationRolesApi.destroy(id, payload);
   }, _objectSpread$7({
     onSuccess: response => {
+      queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
+      queryClient.invalidateQueries(QUERY_KEYS.TEAMS_DEPENDENCIES);
       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);
@@ -4059,7 +4249,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) {
@@ -5903,7 +6097,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", {
@@ -6090,7 +6284,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);
@@ -6102,7 +6296,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"
@@ -6213,7 +6407,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"
@@ -6245,15 +6439,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 => {
@@ -6261,7 +6455,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 => {
@@ -6301,15 +6495,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({
@@ -6335,7 +6529,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,
@@ -6365,89 +6559,6 @@ const Roles = _ref => {
 };
 var index$1 = withReactQuery(Roles);
 
-const fetch = params => axios.get(`${BASE_URL}/teams`, {
-  params
-});
-const create = payload => axios.post(`${BASE_URL}/teams`, payload);
-const update = (id, payload) => axios.put(`${BASE_URL}/teams/${id}`, {
-  team: payload
-});
-const bulkUpdate = payload => axios.patch(`${BASE_URL}/teams/bulk_update`, payload);
-const teamsApi = {
-  bulkUpdate,
-  create,
-  fetch,
-  update
-};
-
-const _excluded$1 = ["onSuccess"],
-  _excluded2$1 = ["onSuccess"],
-  _excluded3 = ["onSuccess"];
-function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const useFetchMembers = function () {
-  let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return useQuery([QUERY_KEYS.TEAMS, params], () => teamsApi.fetch(params), _objectSpread$4({
-    staleTime: DEFAULT_STALE_TIME,
-    select: response => response.data || response,
-    keepPreviousData: true
-  }, options));
-};
-const useCreateMember = _ref => {
-  let onSuccess = _ref.onSuccess,
-    options = _objectWithoutProperties(_ref, _excluded$1);
-  return useMutation(teamsApi.create, _objectSpread$4({
-    onSuccess: response => {
-      queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
-      Toastr.success(response.ntmNotice || response.data.ntmNotice);
-      onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
-    }
-  }, options));
-};
-const useUpdateMember = _ref2 => {
-  let onSuccess = _ref2.onSuccess,
-    options = _objectWithoutProperties(_ref2, _excluded2$1);
-  return useMutation(_ref3 => {
-    let id = _ref3.id,
-      payload = _ref3.payload;
-    return teamsApi.update(id, payload);
-  }, _objectSpread$4({
-    onSuccess: response => {
-      queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
-      Toastr.success(response.ntmNotice || response.data.ntmNotice);
-      onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
-    }
-  }, options));
-};
-const useBulkUpdateMembers = _ref4 => {
-  let onSuccess = _ref4.onSuccess,
-    options = _objectWithoutProperties(_ref4, _excluded3);
-  return useMutation(teamsApi.bulkUpdate, _objectSpread$4({
-    onSuccess: response => {
-      queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
-      Toastr.success(response.ntmNotice || response.data.ntmNotice);
-      onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
-    }
-  }, options));
-};
-const refetchMembers = () => {
-  queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
-};
-
-const useDebounce = function (value) {
-  let delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 350;
-  const _useState = useState(value),
-    _useState2 = _slicedToArray(_useState, 2),
-    debouncedValue = _useState2[0],
-    setDebouncedValue = _useState2[1];
-  useEffect(() => {
-    const handler = setTimeout(() => setDebouncedValue(value), delay);
-    return () => clearTimeout(handler);
-  }, [value, delay]);
-  return debouncedValue;
-};
-
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -6463,55 +6574,2182 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-const FIXED_COLUMNS = ["actions"];
-const COLUMNS_DROPDOWN_PROPS = {
-  label: instance.t("common.column", PLURAL)
-};
-const COLUMNS_SEARCH_PROPS = {
-  placeholder: instance.t("columns.search")
+/* eslint complexity: [2, 18], max-statements: [2, 33] */
+var shams = function hasSymbols() {
+	if (typeof Symbol !== 'function' || typeof Object.getOwnPropertySymbols !== 'function') { return false; }
+	if (typeof Symbol.iterator === 'symbol') { return true; }
+
+	var obj = {};
+	var sym = Symbol('test');
+	var symObj = Object(sym);
+	if (typeof sym === 'string') { return false; }
+
+	if (Object.prototype.toString.call(sym) !== '[object Symbol]') { return false; }
+	if (Object.prototype.toString.call(symObj) !== '[object Symbol]') { return false; }
+
+	// temp disabled per https://github.com/ljharb/object.assign/issues/17
+	// if (sym instanceof Symbol) { return false; }
+	// temp disabled per https://github.com/WebReflection/get-own-property-symbols/issues/4
+	// if (!(symObj instanceof Symbol)) { return false; }
+
+	// if (typeof Symbol.prototype.toString !== 'function') { return false; }
+	// if (String(sym) !== Symbol.prototype.toString.call(sym)) { return false; }
+
+	var symVal = 42;
+	obj[sym] = symVal;
+	for (sym in obj) { return false; } // eslint-disable-line no-restricted-syntax, no-unreachable-loop
+	if (typeof Object.keys === 'function' && Object.keys(obj).length !== 0) { return false; }
+
+	if (typeof Object.getOwnPropertyNames === 'function' && Object.getOwnPropertyNames(obj).length !== 0) { return false; }
+
+	var syms = Object.getOwnPropertySymbols(obj);
+	if (syms.length !== 1 || syms[0] !== sym) { return false; }
+
+	if (!Object.prototype.propertyIsEnumerable.call(obj, sym)) { return false; }
+
+	if (typeof Object.getOwnPropertyDescriptor === 'function') {
+		var descriptor = Object.getOwnPropertyDescriptor(obj, sym);
+		if (descriptor.value !== symVal || descriptor.enumerable !== true) { return false; }
+	}
+
+	return true;
 };
-const MANAGE_ROLES_BUTTON_LABEL = instance.t("common.manage_", {
-  what: instance.t("common.role", PLURAL).toLocaleLowerCase()
-});
 
-const Header = _ref => {
-  var _permissions$create, _config$header;
-  let config = _ref.config,
-    _ref$isEmptyState = _ref.isEmptyState,
-    isEmptyState = _ref$isEmptyState === void 0 ? false : _ref$isEmptyState,
-    metaName = _ref.metaName,
-    _ref$onClick = _ref.onClick,
-    onClick = _ref$onClick === void 0 ? noop : _ref$onClick,
-    permissions = _ref.permissions,
-    rolesButtonProps = _ref.rolesButtonProps;
-  const isRolesButtonVisible = !!rolesButtonProps;
-  const hasCreatePermission = (_permissions$create = permissions === null || permissions === void 0 ? void 0 : permissions.create) !== null && _permissions$create !== void 0 ? _permissions$create : hasPermission(MANAGE_MEMBER_PERMISSIONS);
-  const isOtherActionBlockVisible = !!(config !== null && config !== void 0 && (_config$header = config.header) !== null && _config$header !== void 0 && _config$header.otherActionBlock) && !isEmptyState;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, isOtherActionBlockVisible && config.header.otherActionBlock(), isRolesButtonVisible ? /*#__PURE__*/React.createElement(Button, _extends({
-    "data-cy": "ntm-manage-roles-button",
-    label: MANAGE_ROLES_BUTTON_LABEL,
-    style: "secondary"
-  }, rolesButtonProps)) : null, /*#__PURE__*/React.createElement(Tooltip, {
-    content: instance.t("tooltips.noPermissionToAddMember"),
-    disabled: hasCreatePermission,
-    position: "bottom"
-  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Button, {
-    "data-cy": "ntm-add-member-button",
-    disabled: !hasCreatePermission,
-    label: instance.t("common.add_", {
-      what: metaName(SINGULAR).toLocaleLowerCase()
-    }),
-    onClick: onClick
-  }))));
+var origSymbol = typeof Symbol !== 'undefined' && Symbol;
+var hasSymbolSham = shams;
+
+var hasSymbols$1 = function hasNativeSymbols() {
+	if (typeof origSymbol !== 'function') { return false; }
+	if (typeof Symbol !== 'function') { return false; }
+	if (typeof origSymbol('foo') !== 'symbol') { return false; }
+	if (typeof Symbol('bar') !== 'symbol') { return false; }
+
+	return hasSymbolSham();
 };
 
-const getStorageValue = (key, defaultValue) => {
-  const saved = localStorage.getItem(key);
+/* eslint no-invalid-this: 1 */
+
+var ERROR_MESSAGE = 'Function.prototype.bind called on incompatible ';
+var slice = Array.prototype.slice;
+var toStr$1 = Object.prototype.toString;
+var funcType = '[object Function]';
+
+var implementation$1 = function bind(that) {
+    var target = this;
+    if (typeof target !== 'function' || toStr$1.call(target) !== funcType) {
+        throw new TypeError(ERROR_MESSAGE + target);
+    }
+    var args = slice.call(arguments, 1);
+
+    var bound;
+    var binder = function () {
+        if (this instanceof bound) {
+            var result = target.apply(
+                this,
+                args.concat(slice.call(arguments))
+            );
+            if (Object(result) === result) {
+                return result;
+            }
+            return this;
+        } else {
+            return target.apply(
+                that,
+                args.concat(slice.call(arguments))
+            );
+        }
+    };
+
+    var boundLength = Math.max(0, target.length - args.length);
+    var boundArgs = [];
+    for (var i = 0; i < boundLength; i++) {
+        boundArgs.push('$' + i);
+    }
+
+    bound = Function('binder', 'return function (' + boundArgs.join(',') + '){ return binder.apply(this,arguments); }')(binder);
+
+    if (target.prototype) {
+        var Empty = function Empty() {};
+        Empty.prototype = target.prototype;
+        bound.prototype = new Empty();
+        Empty.prototype = null;
+    }
+
+    return bound;
+};
+
+var implementation = implementation$1;
+
+var functionBind = Function.prototype.bind || implementation;
+
+var bind$1 = functionBind;
+
+var src = bind$1.call(Function.call, Object.prototype.hasOwnProperty);
+
+var undefined$1;
+
+var $SyntaxError = SyntaxError;
+var $Function = Function;
+var $TypeError$1 = TypeError;
+
+// eslint-disable-next-line consistent-return
+var getEvalledConstructor = function (expressionSyntax) {
+	try {
+		return $Function('"use strict"; return (' + expressionSyntax + ').constructor;')();
+	} catch (e) {}
+};
+
+var $gOPD = Object.getOwnPropertyDescriptor;
+if ($gOPD) {
+	try {
+		$gOPD({}, '');
+	} catch (e) {
+		$gOPD = null; // this is IE 8, which has a broken gOPD
+	}
+}
+
+var throwTypeError = function () {
+	throw new $TypeError$1();
+};
+var ThrowTypeError = $gOPD
+	? (function () {
+		try {
+			// eslint-disable-next-line no-unused-expressions, no-caller, no-restricted-properties
+			arguments.callee; // IE 8 does not throw here
+			return throwTypeError;
+		} catch (calleeThrows) {
+			try {
+				// IE 8 throws on Object.getOwnPropertyDescriptor(arguments, '')
+				return $gOPD(arguments, 'callee').get;
+			} catch (gOPDthrows) {
+				return throwTypeError;
+			}
+		}
+	}())
+	: throwTypeError;
+
+var hasSymbols = hasSymbols$1();
+
+var getProto = Object.getPrototypeOf || function (x) { return x.__proto__; }; // eslint-disable-line no-proto
+
+var needsEval = {};
+
+var TypedArray = typeof Uint8Array === 'undefined' ? undefined$1 : getProto(Uint8Array);
+
+var INTRINSICS = {
+	'%AggregateError%': typeof AggregateError === 'undefined' ? undefined$1 : AggregateError,
+	'%Array%': Array,
+	'%ArrayBuffer%': typeof ArrayBuffer === 'undefined' ? undefined$1 : ArrayBuffer,
+	'%ArrayIteratorPrototype%': hasSymbols ? getProto([][Symbol.iterator]()) : undefined$1,
+	'%AsyncFromSyncIteratorPrototype%': undefined$1,
+	'%AsyncFunction%': needsEval,
+	'%AsyncGenerator%': needsEval,
+	'%AsyncGeneratorFunction%': needsEval,
+	'%AsyncIteratorPrototype%': needsEval,
+	'%Atomics%': typeof Atomics === 'undefined' ? undefined$1 : Atomics,
+	'%BigInt%': typeof BigInt === 'undefined' ? undefined$1 : BigInt,
+	'%Boolean%': Boolean,
+	'%DataView%': typeof DataView === 'undefined' ? undefined$1 : DataView,
+	'%Date%': Date,
+	'%decodeURI%': decodeURI,
+	'%decodeURIComponent%': decodeURIComponent,
+	'%encodeURI%': encodeURI,
+	'%encodeURIComponent%': encodeURIComponent,
+	'%Error%': Error,
+	'%eval%': eval, // eslint-disable-line no-eval
+	'%EvalError%': EvalError,
+	'%Float32Array%': typeof Float32Array === 'undefined' ? undefined$1 : Float32Array,
+	'%Float64Array%': typeof Float64Array === 'undefined' ? undefined$1 : Float64Array,
+	'%FinalizationRegistry%': typeof FinalizationRegistry === 'undefined' ? undefined$1 : FinalizationRegistry,
+	'%Function%': $Function,
+	'%GeneratorFunction%': needsEval,
+	'%Int8Array%': typeof Int8Array === 'undefined' ? undefined$1 : Int8Array,
+	'%Int16Array%': typeof Int16Array === 'undefined' ? undefined$1 : Int16Array,
+	'%Int32Array%': typeof Int32Array === 'undefined' ? undefined$1 : Int32Array,
+	'%isFinite%': isFinite,
+	'%isNaN%': isNaN,
+	'%IteratorPrototype%': hasSymbols ? getProto(getProto([][Symbol.iterator]())) : undefined$1,
+	'%JSON%': typeof JSON === 'object' ? JSON : undefined$1,
+	'%Map%': typeof Map === 'undefined' ? undefined$1 : Map,
+	'%MapIteratorPrototype%': typeof Map === 'undefined' || !hasSymbols ? undefined$1 : getProto(new Map()[Symbol.iterator]()),
+	'%Math%': Math,
+	'%Number%': Number,
+	'%Object%': Object,
+	'%parseFloat%': parseFloat,
+	'%parseInt%': parseInt,
+	'%Promise%': typeof Promise === 'undefined' ? undefined$1 : Promise,
+	'%Proxy%': typeof Proxy === 'undefined' ? undefined$1 : Proxy,
+	'%RangeError%': RangeError,
+	'%ReferenceError%': ReferenceError,
+	'%Reflect%': typeof Reflect === 'undefined' ? undefined$1 : Reflect,
+	'%RegExp%': RegExp,
+	'%Set%': typeof Set === 'undefined' ? undefined$1 : Set,
+	'%SetIteratorPrototype%': typeof Set === 'undefined' || !hasSymbols ? undefined$1 : getProto(new Set()[Symbol.iterator]()),
+	'%SharedArrayBuffer%': typeof SharedArrayBuffer === 'undefined' ? undefined$1 : SharedArrayBuffer,
+	'%String%': String,
+	'%StringIteratorPrototype%': hasSymbols ? getProto(''[Symbol.iterator]()) : undefined$1,
+	'%Symbol%': hasSymbols ? Symbol : undefined$1,
+	'%SyntaxError%': $SyntaxError,
+	'%ThrowTypeError%': ThrowTypeError,
+	'%TypedArray%': TypedArray,
+	'%TypeError%': $TypeError$1,
+	'%Uint8Array%': typeof Uint8Array === 'undefined' ? undefined$1 : Uint8Array,
+	'%Uint8ClampedArray%': typeof Uint8ClampedArray === 'undefined' ? undefined$1 : Uint8ClampedArray,
+	'%Uint16Array%': typeof Uint16Array === 'undefined' ? undefined$1 : Uint16Array,
+	'%Uint32Array%': typeof Uint32Array === 'undefined' ? undefined$1 : Uint32Array,
+	'%URIError%': URIError,
+	'%WeakMap%': typeof WeakMap === 'undefined' ? undefined$1 : WeakMap,
+	'%WeakRef%': typeof WeakRef === 'undefined' ? undefined$1 : WeakRef,
+	'%WeakSet%': typeof WeakSet === 'undefined' ? undefined$1 : WeakSet
+};
+
+var doEval = function doEval(name) {
+	var value;
+	if (name === '%AsyncFunction%') {
+		value = getEvalledConstructor('async function () {}');
+	} else if (name === '%GeneratorFunction%') {
+		value = getEvalledConstructor('function* () {}');
+	} else if (name === '%AsyncGeneratorFunction%') {
+		value = getEvalledConstructor('async function* () {}');
+	} else if (name === '%AsyncGenerator%') {
+		var fn = doEval('%AsyncGeneratorFunction%');
+		if (fn) {
+			value = fn.prototype;
+		}
+	} else if (name === '%AsyncIteratorPrototype%') {
+		var gen = doEval('%AsyncGenerator%');
+		if (gen) {
+			value = getProto(gen.prototype);
+		}
+	}
+
+	INTRINSICS[name] = value;
+
+	return value;
+};
+
+var LEGACY_ALIASES = {
+	'%ArrayBufferPrototype%': ['ArrayBuffer', 'prototype'],
+	'%ArrayPrototype%': ['Array', 'prototype'],
+	'%ArrayProto_entries%': ['Array', 'prototype', 'entries'],
+	'%ArrayProto_forEach%': ['Array', 'prototype', 'forEach'],
+	'%ArrayProto_keys%': ['Array', 'prototype', 'keys'],
+	'%ArrayProto_values%': ['Array', 'prototype', 'values'],
+	'%AsyncFunctionPrototype%': ['AsyncFunction', 'prototype'],
+	'%AsyncGenerator%': ['AsyncGeneratorFunction', 'prototype'],
+	'%AsyncGeneratorPrototype%': ['AsyncGeneratorFunction', 'prototype', 'prototype'],
+	'%BooleanPrototype%': ['Boolean', 'prototype'],
+	'%DataViewPrototype%': ['DataView', 'prototype'],
+	'%DatePrototype%': ['Date', 'prototype'],
+	'%ErrorPrototype%': ['Error', 'prototype'],
+	'%EvalErrorPrototype%': ['EvalError', 'prototype'],
+	'%Float32ArrayPrototype%': ['Float32Array', 'prototype'],
+	'%Float64ArrayPrototype%': ['Float64Array', 'prototype'],
+	'%FunctionPrototype%': ['Function', 'prototype'],
+	'%Generator%': ['GeneratorFunction', 'prototype'],
+	'%GeneratorPrototype%': ['GeneratorFunction', 'prototype', 'prototype'],
+	'%Int8ArrayPrototype%': ['Int8Array', 'prototype'],
+	'%Int16ArrayPrototype%': ['Int16Array', 'prototype'],
+	'%Int32ArrayPrototype%': ['Int32Array', 'prototype'],
+	'%JSONParse%': ['JSON', 'parse'],
+	'%JSONStringify%': ['JSON', 'stringify'],
+	'%MapPrototype%': ['Map', 'prototype'],
+	'%NumberPrototype%': ['Number', 'prototype'],
+	'%ObjectPrototype%': ['Object', 'prototype'],
+	'%ObjProto_toString%': ['Object', 'prototype', 'toString'],
+	'%ObjProto_valueOf%': ['Object', 'prototype', 'valueOf'],
+	'%PromisePrototype%': ['Promise', 'prototype'],
+	'%PromiseProto_then%': ['Promise', 'prototype', 'then'],
+	'%Promise_all%': ['Promise', 'all'],
+	'%Promise_reject%': ['Promise', 'reject'],
+	'%Promise_resolve%': ['Promise', 'resolve'],
+	'%RangeErrorPrototype%': ['RangeError', 'prototype'],
+	'%ReferenceErrorPrototype%': ['ReferenceError', 'prototype'],
+	'%RegExpPrototype%': ['RegExp', 'prototype'],
+	'%SetPrototype%': ['Set', 'prototype'],
+	'%SharedArrayBufferPrototype%': ['SharedArrayBuffer', 'prototype'],
+	'%StringPrototype%': ['String', 'prototype'],
+	'%SymbolPrototype%': ['Symbol', 'prototype'],
+	'%SyntaxErrorPrototype%': ['SyntaxError', 'prototype'],
+	'%TypedArrayPrototype%': ['TypedArray', 'prototype'],
+	'%TypeErrorPrototype%': ['TypeError', 'prototype'],
+	'%Uint8ArrayPrototype%': ['Uint8Array', 'prototype'],
+	'%Uint8ClampedArrayPrototype%': ['Uint8ClampedArray', 'prototype'],
+	'%Uint16ArrayPrototype%': ['Uint16Array', 'prototype'],
+	'%Uint32ArrayPrototype%': ['Uint32Array', 'prototype'],
+	'%URIErrorPrototype%': ['URIError', 'prototype'],
+	'%WeakMapPrototype%': ['WeakMap', 'prototype'],
+	'%WeakSetPrototype%': ['WeakSet', 'prototype']
+};
+
+var bind = functionBind;
+var hasOwn$1 = src;
+var $concat$1 = bind.call(Function.call, Array.prototype.concat);
+var $spliceApply = bind.call(Function.apply, Array.prototype.splice);
+var $replace$1 = bind.call(Function.call, String.prototype.replace);
+var $strSlice = bind.call(Function.call, String.prototype.slice);
+var $exec = bind.call(Function.call, RegExp.prototype.exec);
+
+/* adapted from https://github.com/lodash/lodash/blob/4.17.15/dist/lodash.js#L6735-L6744 */
+var rePropName = /[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g;
+var reEscapeChar = /\\(\\)?/g; /** Used to match backslashes in property paths. */
+var stringToPath = function stringToPath(string) {
+	var first = $strSlice(string, 0, 1);
+	var last = $strSlice(string, -1);
+	if (first === '%' && last !== '%') {
+		throw new $SyntaxError('invalid intrinsic syntax, expected closing `%`');
+	} else if (last === '%' && first !== '%') {
+		throw new $SyntaxError('invalid intrinsic syntax, expected opening `%`');
+	}
+	var result = [];
+	$replace$1(string, rePropName, function (match, number, quote, subString) {
+		result[result.length] = quote ? $replace$1(subString, reEscapeChar, '$1') : number || match;
+	});
+	return result;
+};
+/* end adaptation */
+
+var getBaseIntrinsic = function getBaseIntrinsic(name, allowMissing) {
+	var intrinsicName = name;
+	var alias;
+	if (hasOwn$1(LEGACY_ALIASES, intrinsicName)) {
+		alias = LEGACY_ALIASES[intrinsicName];
+		intrinsicName = '%' + alias[0] + '%';
+	}
+
+	if (hasOwn$1(INTRINSICS, intrinsicName)) {
+		var value = INTRINSICS[intrinsicName];
+		if (value === needsEval) {
+			value = doEval(intrinsicName);
+		}
+		if (typeof value === 'undefined' && !allowMissing) {
+			throw new $TypeError$1('intrinsic ' + name + ' exists, but is not available. Please file an issue!');
+		}
+
+		return {
+			alias: alias,
+			name: intrinsicName,
+			value: value
+		};
+	}
+
+	throw new $SyntaxError('intrinsic ' + name + ' does not exist!');
+};
+
+var getIntrinsic = function GetIntrinsic(name, allowMissing) {
+	if (typeof name !== 'string' || name.length === 0) {
+		throw new $TypeError$1('intrinsic name must be a non-empty string');
+	}
+	if (arguments.length > 1 && typeof allowMissing !== 'boolean') {
+		throw new $TypeError$1('"allowMissing" argument must be a boolean');
+	}
+
+	if ($exec(/^%?[^%]*%?$/, name) === null) {
+		throw new $SyntaxError('`%` may not be present anywhere but at the beginning and end of the intrinsic name');
+	}
+	var parts = stringToPath(name);
+	var intrinsicBaseName = parts.length > 0 ? parts[0] : '';
+
+	var intrinsic = getBaseIntrinsic('%' + intrinsicBaseName + '%', allowMissing);
+	var intrinsicRealName = intrinsic.name;
+	var value = intrinsic.value;
+	var skipFurtherCaching = false;
+
+	var alias = intrinsic.alias;
+	if (alias) {
+		intrinsicBaseName = alias[0];
+		$spliceApply(parts, $concat$1([0, 1], alias));
+	}
+
+	for (var i = 1, isOwn = true; i < parts.length; i += 1) {
+		var part = parts[i];
+		var first = $strSlice(part, 0, 1);
+		var last = $strSlice(part, -1);
+		if (
+			(
+				(first === '"' || first === "'" || first === '`')
+				|| (last === '"' || last === "'" || last === '`')
+			)
+			&& first !== last
+		) {
+			throw new $SyntaxError('property names with quotes must have matching quotes');
+		}
+		if (part === 'constructor' || !isOwn) {
+			skipFurtherCaching = true;
+		}
+
+		intrinsicBaseName += '.' + part;
+		intrinsicRealName = '%' + intrinsicBaseName + '%';
+
+		if (hasOwn$1(INTRINSICS, intrinsicRealName)) {
+			value = INTRINSICS[intrinsicRealName];
+		} else if (value != null) {
+			if (!(part in value)) {
+				if (!allowMissing) {
+					throw new $TypeError$1('base intrinsic for ' + name + ' exists, but the property is not available.');
+				}
+				return void undefined$1;
+			}
+			if ($gOPD && (i + 1) >= parts.length) {
+				var desc = $gOPD(value, part);
+				isOwn = !!desc;
+
+				// By convention, when a data property is converted to an accessor
+				// property to emulate a data property that does not suffer from
+				// the override mistake, that accessor's getter is marked with
+				// an `originalValue` property. Here, when we detect this, we
+				// uphold the illusion by pretending to see that original data
+				// property, i.e., returning the value rather than the getter
+				// itself.
+				if (isOwn && 'get' in desc && !('originalValue' in desc.get)) {
+					value = desc.get;
+				} else {
+					value = value[part];
+				}
+			} else {
+				isOwn = hasOwn$1(value, part);
+				value = value[part];
+			}
+
+			if (isOwn && !skipFurtherCaching) {
+				INTRINSICS[intrinsicRealName] = value;
+			}
+		}
+	}
+	return value;
+};
+
+var callBindExports = {};
+var callBind$1 = {
+  get exports(){ return callBindExports; },
+  set exports(v){ callBindExports = v; },
+};
+
+(function (module) {
+
+	var bind = functionBind;
+	var GetIntrinsic = getIntrinsic;
+
+	var $apply = GetIntrinsic('%Function.prototype.apply%');
+	var $call = GetIntrinsic('%Function.prototype.call%');
+	var $reflectApply = GetIntrinsic('%Reflect.apply%', true) || bind.call($call, $apply);
+
+	var $gOPD = GetIntrinsic('%Object.getOwnPropertyDescriptor%', true);
+	var $defineProperty = GetIntrinsic('%Object.defineProperty%', true);
+	var $max = GetIntrinsic('%Math.max%');
+
+	if ($defineProperty) {
+		try {
+			$defineProperty({}, 'a', { value: 1 });
+		} catch (e) {
+			// IE 8 has a broken defineProperty
+			$defineProperty = null;
+		}
+	}
+
+	module.exports = function callBind(originalFunction) {
+		var func = $reflectApply(bind, $call, arguments);
+		if ($gOPD && $defineProperty) {
+			var desc = $gOPD(func, 'length');
+			if (desc.configurable) {
+				// original length, plus the receiver, minus any additional arguments (after the receiver)
+				$defineProperty(
+					func,
+					'length',
+					{ value: 1 + $max(0, originalFunction.length - (arguments.length - 1)) }
+				);
+			}
+		}
+		return func;
+	};
+
+	var applyBind = function applyBind() {
+		return $reflectApply(bind, $apply, arguments);
+	};
+
+	if ($defineProperty) {
+		$defineProperty(module.exports, 'apply', { value: applyBind });
+	} else {
+		module.exports.apply = applyBind;
+	}
+} (callBind$1));
+
+var GetIntrinsic$1 = getIntrinsic;
+
+var callBind = callBindExports;
+
+var $indexOf = callBind(GetIntrinsic$1('String.prototype.indexOf'));
+
+var callBound$1 = function callBoundIntrinsic(name, allowMissing) {
+	var intrinsic = GetIntrinsic$1(name, !!allowMissing);
+	if (typeof intrinsic === 'function' && $indexOf(name, '.prototype.') > -1) {
+		return callBind(intrinsic);
+	}
+	return intrinsic;
+};
+
+var util_inspect = require$$0.inspect;
+
+var hasMap = typeof Map === 'function' && Map.prototype;
+var mapSizeDescriptor = Object.getOwnPropertyDescriptor && hasMap ? Object.getOwnPropertyDescriptor(Map.prototype, 'size') : null;
+var mapSize = hasMap && mapSizeDescriptor && typeof mapSizeDescriptor.get === 'function' ? mapSizeDescriptor.get : null;
+var mapForEach = hasMap && Map.prototype.forEach;
+var hasSet = typeof Set === 'function' && Set.prototype;
+var setSizeDescriptor = Object.getOwnPropertyDescriptor && hasSet ? Object.getOwnPropertyDescriptor(Set.prototype, 'size') : null;
+var setSize = hasSet && setSizeDescriptor && typeof setSizeDescriptor.get === 'function' ? setSizeDescriptor.get : null;
+var setForEach = hasSet && Set.prototype.forEach;
+var hasWeakMap = typeof WeakMap === 'function' && WeakMap.prototype;
+var weakMapHas = hasWeakMap ? WeakMap.prototype.has : null;
+var hasWeakSet = typeof WeakSet === 'function' && WeakSet.prototype;
+var weakSetHas = hasWeakSet ? WeakSet.prototype.has : null;
+var hasWeakRef = typeof WeakRef === 'function' && WeakRef.prototype;
+var weakRefDeref = hasWeakRef ? WeakRef.prototype.deref : null;
+var booleanValueOf = Boolean.prototype.valueOf;
+var objectToString = Object.prototype.toString;
+var functionToString = Function.prototype.toString;
+var $match = String.prototype.match;
+var $slice = String.prototype.slice;
+var $replace = String.prototype.replace;
+var $toUpperCase = String.prototype.toUpperCase;
+var $toLowerCase = String.prototype.toLowerCase;
+var $test = RegExp.prototype.test;
+var $concat = Array.prototype.concat;
+var $join = Array.prototype.join;
+var $arrSlice = Array.prototype.slice;
+var $floor = Math.floor;
+var bigIntValueOf = typeof BigInt === 'function' ? BigInt.prototype.valueOf : null;
+var gOPS = Object.getOwnPropertySymbols;
+var symToString = typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol' ? Symbol.prototype.toString : null;
+var hasShammedSymbols = typeof Symbol === 'function' && typeof Symbol.iterator === 'object';
+// ie, `has-tostringtag/shams
+var toStringTag = typeof Symbol === 'function' && Symbol.toStringTag && (typeof Symbol.toStringTag === hasShammedSymbols ? 'object' : 'symbol')
+    ? Symbol.toStringTag
+    : null;
+var isEnumerable = Object.prototype.propertyIsEnumerable;
+
+var gPO = (typeof Reflect === 'function' ? Reflect.getPrototypeOf : Object.getPrototypeOf) || (
+    [].__proto__ === Array.prototype // eslint-disable-line no-proto
+        ? function (O) {
+            return O.__proto__; // eslint-disable-line no-proto
+        }
+        : null
+);
+
+function addNumericSeparator(num, str) {
+    if (
+        num === Infinity
+        || num === -Infinity
+        || num !== num
+        || (num && num > -1000 && num < 1000)
+        || $test.call(/e/, str)
+    ) {
+        return str;
+    }
+    var sepRegex = /[0-9](?=(?:[0-9]{3})+(?![0-9]))/g;
+    if (typeof num === 'number') {
+        var int = num < 0 ? -$floor(-num) : $floor(num); // trunc(num)
+        if (int !== num) {
+            var intStr = String(int);
+            var dec = $slice.call(str, intStr.length + 1);
+            return $replace.call(intStr, sepRegex, '$&_') + '.' + $replace.call($replace.call(dec, /([0-9]{3})/g, '$&_'), /_$/, '');
+        }
+    }
+    return $replace.call(str, sepRegex, '$&_');
+}
+
+var utilInspect = util_inspect;
+var inspectCustom = utilInspect.custom;
+var inspectSymbol = isSymbol(inspectCustom) ? inspectCustom : null;
+
+var objectInspect = function inspect_(obj, options, depth, seen) {
+    var opts = options || {};
+
+    if (has$3(opts, 'quoteStyle') && (opts.quoteStyle !== 'single' && opts.quoteStyle !== 'double')) {
+        throw new TypeError('option "quoteStyle" must be "single" or "double"');
+    }
+    if (
+        has$3(opts, 'maxStringLength') && (typeof opts.maxStringLength === 'number'
+            ? opts.maxStringLength < 0 && opts.maxStringLength !== Infinity
+            : opts.maxStringLength !== null
+        )
+    ) {
+        throw new TypeError('option "maxStringLength", if provided, must be a positive integer, Infinity, or `null`');
+    }
+    var customInspect = has$3(opts, 'customInspect') ? opts.customInspect : true;
+    if (typeof customInspect !== 'boolean' && customInspect !== 'symbol') {
+        throw new TypeError('option "customInspect", if provided, must be `true`, `false`, or `\'symbol\'`');
+    }
+
+    if (
+        has$3(opts, 'indent')
+        && opts.indent !== null
+        && opts.indent !== '\t'
+        && !(parseInt(opts.indent, 10) === opts.indent && opts.indent > 0)
+    ) {
+        throw new TypeError('option "indent" must be "\\t", an integer > 0, or `null`');
+    }
+    if (has$3(opts, 'numericSeparator') && typeof opts.numericSeparator !== 'boolean') {
+        throw new TypeError('option "numericSeparator", if provided, must be `true` or `false`');
+    }
+    var numericSeparator = opts.numericSeparator;
+
+    if (typeof obj === 'undefined') {
+        return 'undefined';
+    }
+    if (obj === null) {
+        return 'null';
+    }
+    if (typeof obj === 'boolean') {
+        return obj ? 'true' : 'false';
+    }
+
+    if (typeof obj === 'string') {
+        return inspectString(obj, opts);
+    }
+    if (typeof obj === 'number') {
+        if (obj === 0) {
+            return Infinity / obj > 0 ? '0' : '-0';
+        }
+        var str = String(obj);
+        return numericSeparator ? addNumericSeparator(obj, str) : str;
+    }
+    if (typeof obj === 'bigint') {
+        var bigIntStr = String(obj) + 'n';
+        return numericSeparator ? addNumericSeparator(obj, bigIntStr) : bigIntStr;
+    }
+
+    var maxDepth = typeof opts.depth === 'undefined' ? 5 : opts.depth;
+    if (typeof depth === 'undefined') { depth = 0; }
+    if (depth >= maxDepth && maxDepth > 0 && typeof obj === 'object') {
+        return isArray$3(obj) ? '[Array]' : '[Object]';
+    }
+
+    var indent = getIndent(opts, depth);
+
+    if (typeof seen === 'undefined') {
+        seen = [];
+    } else if (indexOf(seen, obj) >= 0) {
+        return '[Circular]';
+    }
+
+    function inspect(value, from, noIndent) {
+        if (from) {
+            seen = $arrSlice.call(seen);
+            seen.push(from);
+        }
+        if (noIndent) {
+            var newOpts = {
+                depth: opts.depth
+            };
+            if (has$3(opts, 'quoteStyle')) {
+                newOpts.quoteStyle = opts.quoteStyle;
+            }
+            return inspect_(value, newOpts, depth + 1, seen);
+        }
+        return inspect_(value, opts, depth + 1, seen);
+    }
+
+    if (typeof obj === 'function' && !isRegExp$1(obj)) { // in older engines, regexes are callable
+        var name = nameOf(obj);
+        var keys = arrObjKeys(obj, inspect);
+        return '[Function' + (name ? ': ' + name : ' (anonymous)') + ']' + (keys.length > 0 ? ' { ' + $join.call(keys, ', ') + ' }' : '');
+    }
+    if (isSymbol(obj)) {
+        var symString = hasShammedSymbols ? $replace.call(String(obj), /^(Symbol\(.*\))_[^)]*$/, '$1') : symToString.call(obj);
+        return typeof obj === 'object' && !hasShammedSymbols ? markBoxed(symString) : symString;
+    }
+    if (isElement(obj)) {
+        var s = '<' + $toLowerCase.call(String(obj.nodeName));
+        var attrs = obj.attributes || [];
+        for (var i = 0; i < attrs.length; i++) {
+            s += ' ' + attrs[i].name + '=' + wrapQuotes(quote(attrs[i].value), 'double', opts);
+        }
+        s += '>';
+        if (obj.childNodes && obj.childNodes.length) { s += '...'; }
+        s += '</' + $toLowerCase.call(String(obj.nodeName)) + '>';
+        return s;
+    }
+    if (isArray$3(obj)) {
+        if (obj.length === 0) { return '[]'; }
+        var xs = arrObjKeys(obj, inspect);
+        if (indent && !singleLineValues(xs)) {
+            return '[' + indentedJoin(xs, indent) + ']';
+        }
+        return '[ ' + $join.call(xs, ', ') + ' ]';
+    }
+    if (isError(obj)) {
+        var parts = arrObjKeys(obj, inspect);
+        if (!('cause' in Error.prototype) && 'cause' in obj && !isEnumerable.call(obj, 'cause')) {
+            return '{ [' + String(obj) + '] ' + $join.call($concat.call('[cause]: ' + inspect(obj.cause), parts), ', ') + ' }';
+        }
+        if (parts.length === 0) { return '[' + String(obj) + ']'; }
+        return '{ [' + String(obj) + '] ' + $join.call(parts, ', ') + ' }';
+    }
+    if (typeof obj === 'object' && customInspect) {
+        if (inspectSymbol && typeof obj[inspectSymbol] === 'function' && utilInspect) {
+            return utilInspect(obj, { depth: maxDepth - depth });
+        } else if (customInspect !== 'symbol' && typeof obj.inspect === 'function') {
+            return obj.inspect();
+        }
+    }
+    if (isMap(obj)) {
+        var mapParts = [];
+        mapForEach.call(obj, function (value, key) {
+            mapParts.push(inspect(key, obj, true) + ' => ' + inspect(value, obj));
+        });
+        return collectionOf('Map', mapSize.call(obj), mapParts, indent);
+    }
+    if (isSet(obj)) {
+        var setParts = [];
+        setForEach.call(obj, function (value) {
+            setParts.push(inspect(value, obj));
+        });
+        return collectionOf('Set', setSize.call(obj), setParts, indent);
+    }
+    if (isWeakMap(obj)) {
+        return weakCollectionOf('WeakMap');
+    }
+    if (isWeakSet(obj)) {
+        return weakCollectionOf('WeakSet');
+    }
+    if (isWeakRef(obj)) {
+        return weakCollectionOf('WeakRef');
+    }
+    if (isNumber(obj)) {
+        return markBoxed(inspect(Number(obj)));
+    }
+    if (isBigInt(obj)) {
+        return markBoxed(inspect(bigIntValueOf.call(obj)));
+    }
+    if (isBoolean(obj)) {
+        return markBoxed(booleanValueOf.call(obj));
+    }
+    if (isString(obj)) {
+        return markBoxed(inspect(String(obj)));
+    }
+    if (!isDate(obj) && !isRegExp$1(obj)) {
+        var ys = arrObjKeys(obj, inspect);
+        var isPlainObject = gPO ? gPO(obj) === Object.prototype : obj instanceof Object || obj.constructor === Object;
+        var protoTag = obj instanceof Object ? '' : 'null prototype';
+        var stringTag = !isPlainObject && toStringTag && Object(obj) === obj && toStringTag in obj ? $slice.call(toStr(obj), 8, -1) : protoTag ? 'Object' : '';
+        var constructorTag = isPlainObject || typeof obj.constructor !== 'function' ? '' : obj.constructor.name ? obj.constructor.name + ' ' : '';
+        var tag = constructorTag + (stringTag || protoTag ? '[' + $join.call($concat.call([], stringTag || [], protoTag || []), ': ') + '] ' : '');
+        if (ys.length === 0) { return tag + '{}'; }
+        if (indent) {
+            return tag + '{' + indentedJoin(ys, indent) + '}';
+        }
+        return tag + '{ ' + $join.call(ys, ', ') + ' }';
+    }
+    return String(obj);
+};
+
+function wrapQuotes(s, defaultStyle, opts) {
+    var quoteChar = (opts.quoteStyle || defaultStyle) === 'double' ? '"' : "'";
+    return quoteChar + s + quoteChar;
+}
+
+function quote(s) {
+    return $replace.call(String(s), /"/g, '&quot;');
+}
+
+function isArray$3(obj) { return toStr(obj) === '[object Array]' && (!toStringTag || !(typeof obj === 'object' && toStringTag in obj)); }
+function isDate(obj) { return toStr(obj) === '[object Date]' && (!toStringTag || !(typeof obj === 'object' && toStringTag in obj)); }
+function isRegExp$1(obj) { return toStr(obj) === '[object RegExp]' && (!toStringTag || !(typeof obj === 'object' && toStringTag in obj)); }
+function isError(obj) { return toStr(obj) === '[object Error]' && (!toStringTag || !(typeof obj === 'object' && toStringTag in obj)); }
+function isString(obj) { return toStr(obj) === '[object String]' && (!toStringTag || !(typeof obj === 'object' && toStringTag in obj)); }
+function isNumber(obj) { return toStr(obj) === '[object Number]' && (!toStringTag || !(typeof obj === 'object' && toStringTag in obj)); }
+function isBoolean(obj) { return toStr(obj) === '[object Boolean]' && (!toStringTag || !(typeof obj === 'object' && toStringTag in obj)); }
+
+// Symbol and BigInt do have Symbol.toStringTag by spec, so that can't be used to eliminate false positives
+function isSymbol(obj) {
+    if (hasShammedSymbols) {
+        return obj && typeof obj === 'object' && obj instanceof Symbol;
+    }
+    if (typeof obj === 'symbol') {
+        return true;
+    }
+    if (!obj || typeof obj !== 'object' || !symToString) {
+        return false;
+    }
+    try {
+        symToString.call(obj);
+        return true;
+    } catch (e) {}
+    return false;
+}
+
+function isBigInt(obj) {
+    if (!obj || typeof obj !== 'object' || !bigIntValueOf) {
+        return false;
+    }
+    try {
+        bigIntValueOf.call(obj);
+        return true;
+    } catch (e) {}
+    return false;
+}
+
+var hasOwn = Object.prototype.hasOwnProperty || function (key) { return key in this; };
+function has$3(obj, key) {
+    return hasOwn.call(obj, key);
+}
+
+function toStr(obj) {
+    return objectToString.call(obj);
+}
+
+function nameOf(f) {
+    if (f.name) { return f.name; }
+    var m = $match.call(functionToString.call(f), /^function\s*([\w$]+)/);
+    if (m) { return m[1]; }
+    return null;
+}
+
+function indexOf(xs, x) {
+    if (xs.indexOf) { return xs.indexOf(x); }
+    for (var i = 0, l = xs.length; i < l; i++) {
+        if (xs[i] === x) { return i; }
+    }
+    return -1;
+}
+
+function isMap(x) {
+    if (!mapSize || !x || typeof x !== 'object') {
+        return false;
+    }
+    try {
+        mapSize.call(x);
+        try {
+            setSize.call(x);
+        } catch (s) {
+            return true;
+        }
+        return x instanceof Map; // core-js workaround, pre-v2.5.0
+    } catch (e) {}
+    return false;
+}
+
+function isWeakMap(x) {
+    if (!weakMapHas || !x || typeof x !== 'object') {
+        return false;
+    }
+    try {
+        weakMapHas.call(x, weakMapHas);
+        try {
+            weakSetHas.call(x, weakSetHas);
+        } catch (s) {
+            return true;
+        }
+        return x instanceof WeakMap; // core-js workaround, pre-v2.5.0
+    } catch (e) {}
+    return false;
+}
+
+function isWeakRef(x) {
+    if (!weakRefDeref || !x || typeof x !== 'object') {
+        return false;
+    }
+    try {
+        weakRefDeref.call(x);
+        return true;
+    } catch (e) {}
+    return false;
+}
+
+function isSet(x) {
+    if (!setSize || !x || typeof x !== 'object') {
+        return false;
+    }
+    try {
+        setSize.call(x);
+        try {
+            mapSize.call(x);
+        } catch (m) {
+            return true;
+        }
+        return x instanceof Set; // core-js workaround, pre-v2.5.0
+    } catch (e) {}
+    return false;
+}
+
+function isWeakSet(x) {
+    if (!weakSetHas || !x || typeof x !== 'object') {
+        return false;
+    }
+    try {
+        weakSetHas.call(x, weakSetHas);
+        try {
+            weakMapHas.call(x, weakMapHas);
+        } catch (s) {
+            return true;
+        }
+        return x instanceof WeakSet; // core-js workaround, pre-v2.5.0
+    } catch (e) {}
+    return false;
+}
+
+function isElement(x) {
+    if (!x || typeof x !== 'object') { return false; }
+    if (typeof HTMLElement !== 'undefined' && x instanceof HTMLElement) {
+        return true;
+    }
+    return typeof x.nodeName === 'string' && typeof x.getAttribute === 'function';
+}
+
+function inspectString(str, opts) {
+    if (str.length > opts.maxStringLength) {
+        var remaining = str.length - opts.maxStringLength;
+        var trailer = '... ' + remaining + ' more character' + (remaining > 1 ? 's' : '');
+        return inspectString($slice.call(str, 0, opts.maxStringLength), opts) + trailer;
+    }
+    // eslint-disable-next-line no-control-regex
+    var s = $replace.call($replace.call(str, /(['\\])/g, '\\$1'), /[\x00-\x1f]/g, lowbyte);
+    return wrapQuotes(s, 'single', opts);
+}
+
+function lowbyte(c) {
+    var n = c.charCodeAt(0);
+    var x = {
+        8: 'b',
+        9: 't',
+        10: 'n',
+        12: 'f',
+        13: 'r'
+    }[n];
+    if (x) { return '\\' + x; }
+    return '\\x' + (n < 0x10 ? '0' : '') + $toUpperCase.call(n.toString(16));
+}
+
+function markBoxed(str) {
+    return 'Object(' + str + ')';
+}
+
+function weakCollectionOf(type) {
+    return type + ' { ? }';
+}
+
+function collectionOf(type, size, entries, indent) {
+    var joinedEntries = indent ? indentedJoin(entries, indent) : $join.call(entries, ', ');
+    return type + ' (' + size + ') {' + joinedEntries + '}';
+}
+
+function singleLineValues(xs) {
+    for (var i = 0; i < xs.length; i++) {
+        if (indexOf(xs[i], '\n') >= 0) {
+            return false;
+        }
+    }
+    return true;
+}
+
+function getIndent(opts, depth) {
+    var baseIndent;
+    if (opts.indent === '\t') {
+        baseIndent = '\t';
+    } else if (typeof opts.indent === 'number' && opts.indent > 0) {
+        baseIndent = $join.call(Array(opts.indent + 1), ' ');
+    } else {
+        return null;
+    }
+    return {
+        base: baseIndent,
+        prev: $join.call(Array(depth + 1), baseIndent)
+    };
+}
+
+function indentedJoin(xs, indent) {
+    if (xs.length === 0) { return ''; }
+    var lineJoiner = '\n' + indent.prev + indent.base;
+    return lineJoiner + $join.call(xs, ',' + lineJoiner) + '\n' + indent.prev;
+}
+
+function arrObjKeys(obj, inspect) {
+    var isArr = isArray$3(obj);
+    var xs = [];
+    if (isArr) {
+        xs.length = obj.length;
+        for (var i = 0; i < obj.length; i++) {
+            xs[i] = has$3(obj, i) ? inspect(obj[i], obj) : '';
+        }
+    }
+    var syms = typeof gOPS === 'function' ? gOPS(obj) : [];
+    var symMap;
+    if (hasShammedSymbols) {
+        symMap = {};
+        for (var k = 0; k < syms.length; k++) {
+            symMap['$' + syms[k]] = syms[k];
+        }
+    }
+
+    for (var key in obj) { // eslint-disable-line no-restricted-syntax
+        if (!has$3(obj, key)) { continue; } // eslint-disable-line no-restricted-syntax, no-continue
+        if (isArr && String(Number(key)) === key && key < obj.length) { continue; } // eslint-disable-line no-restricted-syntax, no-continue
+        if (hasShammedSymbols && symMap['$' + key] instanceof Symbol) {
+            // this is to prevent shammed Symbols, which are stored as strings, from being included in the string key section
+            continue; // eslint-disable-line no-restricted-syntax, no-continue
+        } else if ($test.call(/[^\w$]/, key)) {
+            xs.push(inspect(key, obj) + ': ' + inspect(obj[key], obj));
+        } else {
+            xs.push(key + ': ' + inspect(obj[key], obj));
+        }
+    }
+    if (typeof gOPS === 'function') {
+        for (var j = 0; j < syms.length; j++) {
+            if (isEnumerable.call(obj, syms[j])) {
+                xs.push('[' + inspect(syms[j]) + ']: ' + inspect(obj[syms[j]], obj));
+            }
+        }
+    }
+    return xs;
+}
+
+var GetIntrinsic = getIntrinsic;
+var callBound = callBound$1;
+var inspect = objectInspect;
+
+var $TypeError = GetIntrinsic('%TypeError%');
+var $WeakMap = GetIntrinsic('%WeakMap%', true);
+var $Map = GetIntrinsic('%Map%', true);
+
+var $weakMapGet = callBound('WeakMap.prototype.get', true);
+var $weakMapSet = callBound('WeakMap.prototype.set', true);
+var $weakMapHas = callBound('WeakMap.prototype.has', true);
+var $mapGet = callBound('Map.prototype.get', true);
+var $mapSet = callBound('Map.prototype.set', true);
+var $mapHas = callBound('Map.prototype.has', true);
+
+/*
+ * This function traverses the list returning the node corresponding to the
+ * given key.
+ *
+ * That node is also moved to the head of the list, so that if it's accessed
+ * again we don't need to traverse the whole list. By doing so, all the recently
+ * used nodes can be accessed relatively quickly.
+ */
+var listGetNode = function (list, key) { // eslint-disable-line consistent-return
+	for (var prev = list, curr; (curr = prev.next) !== null; prev = curr) {
+		if (curr.key === key) {
+			prev.next = curr.next;
+			curr.next = list.next;
+			list.next = curr; // eslint-disable-line no-param-reassign
+			return curr;
+		}
+	}
+};
+
+var listGet = function (objects, key) {
+	var node = listGetNode(objects, key);
+	return node && node.value;
+};
+var listSet = function (objects, key, value) {
+	var node = listGetNode(objects, key);
+	if (node) {
+		node.value = value;
+	} else {
+		// Prepend the new node to the beginning of the list
+		objects.next = { // eslint-disable-line no-param-reassign
+			key: key,
+			next: objects.next,
+			value: value
+		};
+	}
+};
+var listHas = function (objects, key) {
+	return !!listGetNode(objects, key);
+};
+
+var sideChannel = function getSideChannel() {
+	var $wm;
+	var $m;
+	var $o;
+	var channel = {
+		assert: function (key) {
+			if (!channel.has(key)) {
+				throw new $TypeError('Side channel does not contain ' + inspect(key));
+			}
+		},
+		get: function (key) { // eslint-disable-line consistent-return
+			if ($WeakMap && key && (typeof key === 'object' || typeof key === 'function')) {
+				if ($wm) {
+					return $weakMapGet($wm, key);
+				}
+			} else if ($Map) {
+				if ($m) {
+					return $mapGet($m, key);
+				}
+			} else {
+				if ($o) { // eslint-disable-line no-lonely-if
+					return listGet($o, key);
+				}
+			}
+		},
+		has: function (key) {
+			if ($WeakMap && key && (typeof key === 'object' || typeof key === 'function')) {
+				if ($wm) {
+					return $weakMapHas($wm, key);
+				}
+			} else if ($Map) {
+				if ($m) {
+					return $mapHas($m, key);
+				}
+			} else {
+				if ($o) { // eslint-disable-line no-lonely-if
+					return listHas($o, key);
+				}
+			}
+			return false;
+		},
+		set: function (key, value) {
+			if ($WeakMap && key && (typeof key === 'object' || typeof key === 'function')) {
+				if (!$wm) {
+					$wm = new $WeakMap();
+				}
+				$weakMapSet($wm, key, value);
+			} else if ($Map) {
+				if (!$m) {
+					$m = new $Map();
+				}
+				$mapSet($m, key, value);
+			} else {
+				if (!$o) {
+					/*
+					 * Initialize the linked list as an empty node, so that we don't have
+					 * to special-case handling of the first node: we can always refer to
+					 * it as (previous node).next, instead of something like (list).head
+					 */
+					$o = { key: {}, next: null };
+				}
+				listSet($o, key, value);
+			}
+		}
+	};
+	return channel;
+};
+
+var replace = String.prototype.replace;
+var percentTwenties = /%20/g;
+
+var Format = {
+    RFC1738: 'RFC1738',
+    RFC3986: 'RFC3986'
+};
+
+var formats$3 = {
+    'default': Format.RFC3986,
+    formatters: {
+        RFC1738: function (value) {
+            return replace.call(value, percentTwenties, '+');
+        },
+        RFC3986: function (value) {
+            return String(value);
+        }
+    },
+    RFC1738: Format.RFC1738,
+    RFC3986: Format.RFC3986
+};
+
+var formats$2 = formats$3;
+
+var has$2 = Object.prototype.hasOwnProperty;
+var isArray$2 = Array.isArray;
+
+var hexTable = (function () {
+    var array = [];
+    for (var i = 0; i < 256; ++i) {
+        array.push('%' + ((i < 16 ? '0' : '') + i.toString(16)).toUpperCase());
+    }
+
+    return array;
+}());
+
+var compactQueue = function compactQueue(queue) {
+    while (queue.length > 1) {
+        var item = queue.pop();
+        var obj = item.obj[item.prop];
+
+        if (isArray$2(obj)) {
+            var compacted = [];
+
+            for (var j = 0; j < obj.length; ++j) {
+                if (typeof obj[j] !== 'undefined') {
+                    compacted.push(obj[j]);
+                }
+            }
+
+            item.obj[item.prop] = compacted;
+        }
+    }
+};
+
+var arrayToObject = function arrayToObject(source, options) {
+    var obj = options && options.plainObjects ? Object.create(null) : {};
+    for (var i = 0; i < source.length; ++i) {
+        if (typeof source[i] !== 'undefined') {
+            obj[i] = source[i];
+        }
+    }
+
+    return obj;
+};
+
+var merge = function merge(target, source, options) {
+    /* eslint no-param-reassign: 0 */
+    if (!source) {
+        return target;
+    }
+
+    if (typeof source !== 'object') {
+        if (isArray$2(target)) {
+            target.push(source);
+        } else if (target && typeof target === 'object') {
+            if ((options && (options.plainObjects || options.allowPrototypes)) || !has$2.call(Object.prototype, source)) {
+                target[source] = true;
+            }
+        } else {
+            return [target, source];
+        }
+
+        return target;
+    }
+
+    if (!target || typeof target !== 'object') {
+        return [target].concat(source);
+    }
+
+    var mergeTarget = target;
+    if (isArray$2(target) && !isArray$2(source)) {
+        mergeTarget = arrayToObject(target, options);
+    }
+
+    if (isArray$2(target) && isArray$2(source)) {
+        source.forEach(function (item, i) {
+            if (has$2.call(target, i)) {
+                var targetItem = target[i];
+                if (targetItem && typeof targetItem === 'object' && item && typeof item === 'object') {
+                    target[i] = merge(targetItem, item, options);
+                } else {
+                    target.push(item);
+                }
+            } else {
+                target[i] = item;
+            }
+        });
+        return target;
+    }
+
+    return Object.keys(source).reduce(function (acc, key) {
+        var value = source[key];
+
+        if (has$2.call(acc, key)) {
+            acc[key] = merge(acc[key], value, options);
+        } else {
+            acc[key] = value;
+        }
+        return acc;
+    }, mergeTarget);
+};
+
+var assign = function assignSingleSource(target, source) {
+    return Object.keys(source).reduce(function (acc, key) {
+        acc[key] = source[key];
+        return acc;
+    }, target);
+};
+
+var decode = function (str, decoder, charset) {
+    var strWithoutPlus = str.replace(/\+/g, ' ');
+    if (charset === 'iso-8859-1') {
+        // unescape never throws, no try...catch needed:
+        return strWithoutPlus.replace(/%[0-9a-f]{2}/gi, unescape);
+    }
+    // utf-8
+    try {
+        return decodeURIComponent(strWithoutPlus);
+    } catch (e) {
+        return strWithoutPlus;
+    }
+};
+
+var encode = function encode(str, defaultEncoder, charset, kind, format) {
+    // This code was originally written by Brian White (mscdex) for the io.js core querystring library.
+    // It has been adapted here for stricter adherence to RFC 3986
+    if (str.length === 0) {
+        return str;
+    }
+
+    var string = str;
+    if (typeof str === 'symbol') {
+        string = Symbol.prototype.toString.call(str);
+    } else if (typeof str !== 'string') {
+        string = String(str);
+    }
+
+    if (charset === 'iso-8859-1') {
+        return escape(string).replace(/%u[0-9a-f]{4}/gi, function ($0) {
+            return '%26%23' + parseInt($0.slice(2), 16) + '%3B';
+        });
+    }
+
+    var out = '';
+    for (var i = 0; i < string.length; ++i) {
+        var c = string.charCodeAt(i);
+
+        if (
+            c === 0x2D // -
+            || c === 0x2E // .
+            || c === 0x5F // _
+            || c === 0x7E // ~
+            || (c >= 0x30 && c <= 0x39) // 0-9
+            || (c >= 0x41 && c <= 0x5A) // a-z
+            || (c >= 0x61 && c <= 0x7A) // A-Z
+            || (format === formats$2.RFC1738 && (c === 0x28 || c === 0x29)) // ( )
+        ) {
+            out += string.charAt(i);
+            continue;
+        }
+
+        if (c < 0x80) {
+            out = out + hexTable[c];
+            continue;
+        }
+
+        if (c < 0x800) {
+            out = out + (hexTable[0xC0 | (c >> 6)] + hexTable[0x80 | (c & 0x3F)]);
+            continue;
+        }
+
+        if (c < 0xD800 || c >= 0xE000) {
+            out = out + (hexTable[0xE0 | (c >> 12)] + hexTable[0x80 | ((c >> 6) & 0x3F)] + hexTable[0x80 | (c & 0x3F)]);
+            continue;
+        }
+
+        i += 1;
+        c = 0x10000 + (((c & 0x3FF) << 10) | (string.charCodeAt(i) & 0x3FF));
+        /* eslint operator-linebreak: [2, "before"] */
+        out += hexTable[0xF0 | (c >> 18)]
+            + hexTable[0x80 | ((c >> 12) & 0x3F)]
+            + hexTable[0x80 | ((c >> 6) & 0x3F)]
+            + hexTable[0x80 | (c & 0x3F)];
+    }
+
+    return out;
+};
+
+var compact = function compact(value) {
+    var queue = [{ obj: { o: value }, prop: 'o' }];
+    var refs = [];
+
+    for (var i = 0; i < queue.length; ++i) {
+        var item = queue[i];
+        var obj = item.obj[item.prop];
+
+        var keys = Object.keys(obj);
+        for (var j = 0; j < keys.length; ++j) {
+            var key = keys[j];
+            var val = obj[key];
+            if (typeof val === 'object' && val !== null && refs.indexOf(val) === -1) {
+                queue.push({ obj: obj, prop: key });
+                refs.push(val);
+            }
+        }
+    }
+
+    compactQueue(queue);
+
+    return value;
+};
+
+var isRegExp = function isRegExp(obj) {
+    return Object.prototype.toString.call(obj) === '[object RegExp]';
+};
+
+var isBuffer = function isBuffer(obj) {
+    if (!obj || typeof obj !== 'object') {
+        return false;
+    }
+
+    return !!(obj.constructor && obj.constructor.isBuffer && obj.constructor.isBuffer(obj));
+};
+
+var combine = function combine(a, b) {
+    return [].concat(a, b);
+};
+
+var maybeMap = function maybeMap(val, fn) {
+    if (isArray$2(val)) {
+        var mapped = [];
+        for (var i = 0; i < val.length; i += 1) {
+            mapped.push(fn(val[i]));
+        }
+        return mapped;
+    }
+    return fn(val);
+};
+
+var utils$2 = {
+    arrayToObject: arrayToObject,
+    assign: assign,
+    combine: combine,
+    compact: compact,
+    decode: decode,
+    encode: encode,
+    isBuffer: isBuffer,
+    isRegExp: isRegExp,
+    maybeMap: maybeMap,
+    merge: merge
+};
+
+var getSideChannel = sideChannel;
+var utils$1 = utils$2;
+var formats$1 = formats$3;
+var has$1 = Object.prototype.hasOwnProperty;
+
+var arrayPrefixGenerators = {
+    brackets: function brackets(prefix) {
+        return prefix + '[]';
+    },
+    comma: 'comma',
+    indices: function indices(prefix, key) {
+        return prefix + '[' + key + ']';
+    },
+    repeat: function repeat(prefix) {
+        return prefix;
+    }
+};
+
+var isArray$1 = Array.isArray;
+var split = String.prototype.split;
+var push = Array.prototype.push;
+var pushToArray = function (arr, valueOrArray) {
+    push.apply(arr, isArray$1(valueOrArray) ? valueOrArray : [valueOrArray]);
+};
+
+var toISO = Date.prototype.toISOString;
+
+var defaultFormat = formats$1['default'];
+var defaults$1 = {
+    addQueryPrefix: false,
+    allowDots: false,
+    charset: 'utf-8',
+    charsetSentinel: false,
+    delimiter: '&',
+    encode: true,
+    encoder: utils$1.encode,
+    encodeValuesOnly: false,
+    format: defaultFormat,
+    formatter: formats$1.formatters[defaultFormat],
+    // deprecated
+    indices: false,
+    serializeDate: function serializeDate(date) {
+        return toISO.call(date);
+    },
+    skipNulls: false,
+    strictNullHandling: false
+};
+
+var isNonNullishPrimitive = function isNonNullishPrimitive(v) {
+    return typeof v === 'string'
+        || typeof v === 'number'
+        || typeof v === 'boolean'
+        || typeof v === 'symbol'
+        || typeof v === 'bigint';
+};
+
+var sentinel = {};
+
+var stringify$1 = function stringify(
+    object,
+    prefix,
+    generateArrayPrefix,
+    commaRoundTrip,
+    strictNullHandling,
+    skipNulls,
+    encoder,
+    filter,
+    sort,
+    allowDots,
+    serializeDate,
+    format,
+    formatter,
+    encodeValuesOnly,
+    charset,
+    sideChannel
+) {
+    var obj = object;
+
+    var tmpSc = sideChannel;
+    var step = 0;
+    var findFlag = false;
+    while ((tmpSc = tmpSc.get(sentinel)) !== void undefined && !findFlag) {
+        // Where object last appeared in the ref tree
+        var pos = tmpSc.get(object);
+        step += 1;
+        if (typeof pos !== 'undefined') {
+            if (pos === step) {
+                throw new RangeError('Cyclic object value');
+            } else {
+                findFlag = true; // Break while
+            }
+        }
+        if (typeof tmpSc.get(sentinel) === 'undefined') {
+            step = 0;
+        }
+    }
+
+    if (typeof filter === 'function') {
+        obj = filter(prefix, obj);
+    } else if (obj instanceof Date) {
+        obj = serializeDate(obj);
+    } else if (generateArrayPrefix === 'comma' && isArray$1(obj)) {
+        obj = utils$1.maybeMap(obj, function (value) {
+            if (value instanceof Date) {
+                return serializeDate(value);
+            }
+            return value;
+        });
+    }
+
+    if (obj === null) {
+        if (strictNullHandling) {
+            return encoder && !encodeValuesOnly ? encoder(prefix, defaults$1.encoder, charset, 'key', format) : prefix;
+        }
+
+        obj = '';
+    }
+
+    if (isNonNullishPrimitive(obj) || utils$1.isBuffer(obj)) {
+        if (encoder) {
+            var keyValue = encodeValuesOnly ? prefix : encoder(prefix, defaults$1.encoder, charset, 'key', format);
+            if (generateArrayPrefix === 'comma' && encodeValuesOnly) {
+                var valuesArray = split.call(String(obj), ',');
+                var valuesJoined = '';
+                for (var i = 0; i < valuesArray.length; ++i) {
+                    valuesJoined += (i === 0 ? '' : ',') + formatter(encoder(valuesArray[i], defaults$1.encoder, charset, 'value', format));
+                }
+                return [formatter(keyValue) + (commaRoundTrip && isArray$1(obj) && valuesArray.length === 1 ? '[]' : '') + '=' + valuesJoined];
+            }
+            return [formatter(keyValue) + '=' + formatter(encoder(obj, defaults$1.encoder, charset, 'value', format))];
+        }
+        return [formatter(prefix) + '=' + formatter(String(obj))];
+    }
+
+    var values = [];
+
+    if (typeof obj === 'undefined') {
+        return values;
+    }
+
+    var objKeys;
+    if (generateArrayPrefix === 'comma' && isArray$1(obj)) {
+        // we need to join elements in
+        objKeys = [{ value: obj.length > 0 ? obj.join(',') || null : void undefined }];
+    } else if (isArray$1(filter)) {
+        objKeys = filter;
+    } else {
+        var keys = Object.keys(obj);
+        objKeys = sort ? keys.sort(sort) : keys;
+    }
+
+    var adjustedPrefix = commaRoundTrip && isArray$1(obj) && obj.length === 1 ? prefix + '[]' : prefix;
+
+    for (var j = 0; j < objKeys.length; ++j) {
+        var key = objKeys[j];
+        var value = typeof key === 'object' && typeof key.value !== 'undefined' ? key.value : obj[key];
+
+        if (skipNulls && value === null) {
+            continue;
+        }
+
+        var keyPrefix = isArray$1(obj)
+            ? typeof generateArrayPrefix === 'function' ? generateArrayPrefix(adjustedPrefix, key) : adjustedPrefix
+            : adjustedPrefix + (allowDots ? '.' + key : '[' + key + ']');
+
+        sideChannel.set(object, step);
+        var valueSideChannel = getSideChannel();
+        valueSideChannel.set(sentinel, sideChannel);
+        pushToArray(values, stringify(
+            value,
+            keyPrefix,
+            generateArrayPrefix,
+            commaRoundTrip,
+            strictNullHandling,
+            skipNulls,
+            encoder,
+            filter,
+            sort,
+            allowDots,
+            serializeDate,
+            format,
+            formatter,
+            encodeValuesOnly,
+            charset,
+            valueSideChannel
+        ));
+    }
+
+    return values;
+};
+
+var normalizeStringifyOptions = function normalizeStringifyOptions(opts) {
+    if (!opts) {
+        return defaults$1;
+    }
+
+    if (opts.encoder !== null && typeof opts.encoder !== 'undefined' && typeof opts.encoder !== 'function') {
+        throw new TypeError('Encoder has to be a function.');
+    }
+
+    var charset = opts.charset || defaults$1.charset;
+    if (typeof opts.charset !== 'undefined' && opts.charset !== 'utf-8' && opts.charset !== 'iso-8859-1') {
+        throw new TypeError('The charset option must be either utf-8, iso-8859-1, or undefined');
+    }
+
+    var format = formats$1['default'];
+    if (typeof opts.format !== 'undefined') {
+        if (!has$1.call(formats$1.formatters, opts.format)) {
+            throw new TypeError('Unknown format option provided.');
+        }
+        format = opts.format;
+    }
+    var formatter = formats$1.formatters[format];
+
+    var filter = defaults$1.filter;
+    if (typeof opts.filter === 'function' || isArray$1(opts.filter)) {
+        filter = opts.filter;
+    }
+
+    return {
+        addQueryPrefix: typeof opts.addQueryPrefix === 'boolean' ? opts.addQueryPrefix : defaults$1.addQueryPrefix,
+        allowDots: typeof opts.allowDots === 'undefined' ? defaults$1.allowDots : !!opts.allowDots,
+        charset: charset,
+        charsetSentinel: typeof opts.charsetSentinel === 'boolean' ? opts.charsetSentinel : defaults$1.charsetSentinel,
+        delimiter: typeof opts.delimiter === 'undefined' ? defaults$1.delimiter : opts.delimiter,
+        encode: typeof opts.encode === 'boolean' ? opts.encode : defaults$1.encode,
+        encoder: typeof opts.encoder === 'function' ? opts.encoder : defaults$1.encoder,
+        encodeValuesOnly: typeof opts.encodeValuesOnly === 'boolean' ? opts.encodeValuesOnly : defaults$1.encodeValuesOnly,
+        filter: filter,
+        format: format,
+        formatter: formatter,
+        serializeDate: typeof opts.serializeDate === 'function' ? opts.serializeDate : defaults$1.serializeDate,
+        skipNulls: typeof opts.skipNulls === 'boolean' ? opts.skipNulls : defaults$1.skipNulls,
+        sort: typeof opts.sort === 'function' ? opts.sort : null,
+        strictNullHandling: typeof opts.strictNullHandling === 'boolean' ? opts.strictNullHandling : defaults$1.strictNullHandling
+    };
+};
+
+var stringify_1 = function (object, opts) {
+    var obj = object;
+    var options = normalizeStringifyOptions(opts);
+
+    var objKeys;
+    var filter;
+
+    if (typeof options.filter === 'function') {
+        filter = options.filter;
+        obj = filter('', obj);
+    } else if (isArray$1(options.filter)) {
+        filter = options.filter;
+        objKeys = filter;
+    }
+
+    var keys = [];
+
+    if (typeof obj !== 'object' || obj === null) {
+        return '';
+    }
+
+    var arrayFormat;
+    if (opts && opts.arrayFormat in arrayPrefixGenerators) {
+        arrayFormat = opts.arrayFormat;
+    } else if (opts && 'indices' in opts) {
+        arrayFormat = opts.indices ? 'indices' : 'repeat';
+    } else {
+        arrayFormat = 'indices';
+    }
+
+    var generateArrayPrefix = arrayPrefixGenerators[arrayFormat];
+    if (opts && 'commaRoundTrip' in opts && typeof opts.commaRoundTrip !== 'boolean') {
+        throw new TypeError('`commaRoundTrip` must be a boolean, or absent');
+    }
+    var commaRoundTrip = generateArrayPrefix === 'comma' && opts && opts.commaRoundTrip;
+
+    if (!objKeys) {
+        objKeys = Object.keys(obj);
+    }
+
+    if (options.sort) {
+        objKeys.sort(options.sort);
+    }
+
+    var sideChannel = getSideChannel();
+    for (var i = 0; i < objKeys.length; ++i) {
+        var key = objKeys[i];
+
+        if (options.skipNulls && obj[key] === null) {
+            continue;
+        }
+        pushToArray(keys, stringify$1(
+            obj[key],
+            key,
+            generateArrayPrefix,
+            commaRoundTrip,
+            options.strictNullHandling,
+            options.skipNulls,
+            options.encode ? options.encoder : null,
+            options.filter,
+            options.sort,
+            options.allowDots,
+            options.serializeDate,
+            options.format,
+            options.formatter,
+            options.encodeValuesOnly,
+            options.charset,
+            sideChannel
+        ));
+    }
+
+    var joined = keys.join(options.delimiter);
+    var prefix = options.addQueryPrefix === true ? '?' : '';
+
+    if (options.charsetSentinel) {
+        if (options.charset === 'iso-8859-1') {
+            // encodeURIComponent('&#10003;'), the "numeric entity" representation of a checkmark
+            prefix += 'utf8=%26%2310003%3B&';
+        } else {
+            // encodeURIComponent('✓')
+            prefix += 'utf8=%E2%9C%93&';
+        }
+    }
+
+    return joined.length > 0 ? prefix + joined : '';
+};
+
+var utils = utils$2;
+
+var has = Object.prototype.hasOwnProperty;
+var isArray = Array.isArray;
+
+var defaults = {
+    allowDots: false,
+    allowPrototypes: false,
+    allowSparse: false,
+    arrayLimit: 20,
+    charset: 'utf-8',
+    charsetSentinel: false,
+    comma: false,
+    decoder: utils.decode,
+    delimiter: '&',
+    depth: 5,
+    ignoreQueryPrefix: false,
+    interpretNumericEntities: false,
+    parameterLimit: 1000,
+    parseArrays: true,
+    plainObjects: false,
+    strictNullHandling: false
+};
+
+var interpretNumericEntities = function (str) {
+    return str.replace(/&#(\d+);/g, function ($0, numberStr) {
+        return String.fromCharCode(parseInt(numberStr, 10));
+    });
+};
+
+var parseArrayValue = function (val, options) {
+    if (val && typeof val === 'string' && options.comma && val.indexOf(',') > -1) {
+        return val.split(',');
+    }
+
+    return val;
+};
+
+// This is what browsers will submit when the ✓ character occurs in an
+// application/x-www-form-urlencoded body and the encoding of the page containing
+// the form is iso-8859-1, or when the submitted form has an accept-charset
+// attribute of iso-8859-1. Presumably also with other charsets that do not contain
+// the ✓ character, such as us-ascii.
+var isoSentinel = 'utf8=%26%2310003%3B'; // encodeURIComponent('&#10003;')
+
+// These are the percent-encoded utf-8 octets representing a checkmark, indicating that the request actually is utf-8 encoded.
+var charsetSentinel = 'utf8=%E2%9C%93'; // encodeURIComponent('✓')
+
+var parseValues = function parseQueryStringValues(str, options) {
+    var obj = {};
+    var cleanStr = options.ignoreQueryPrefix ? str.replace(/^\?/, '') : str;
+    var limit = options.parameterLimit === Infinity ? undefined : options.parameterLimit;
+    var parts = cleanStr.split(options.delimiter, limit);
+    var skipIndex = -1; // Keep track of where the utf8 sentinel was found
+    var i;
+
+    var charset = options.charset;
+    if (options.charsetSentinel) {
+        for (i = 0; i < parts.length; ++i) {
+            if (parts[i].indexOf('utf8=') === 0) {
+                if (parts[i] === charsetSentinel) {
+                    charset = 'utf-8';
+                } else if (parts[i] === isoSentinel) {
+                    charset = 'iso-8859-1';
+                }
+                skipIndex = i;
+                i = parts.length; // The eslint settings do not allow break;
+            }
+        }
+    }
+
+    for (i = 0; i < parts.length; ++i) {
+        if (i === skipIndex) {
+            continue;
+        }
+        var part = parts[i];
+
+        var bracketEqualsPos = part.indexOf(']=');
+        var pos = bracketEqualsPos === -1 ? part.indexOf('=') : bracketEqualsPos + 1;
+
+        var key, val;
+        if (pos === -1) {
+            key = options.decoder(part, defaults.decoder, charset, 'key');
+            val = options.strictNullHandling ? null : '';
+        } else {
+            key = options.decoder(part.slice(0, pos), defaults.decoder, charset, 'key');
+            val = utils.maybeMap(
+                parseArrayValue(part.slice(pos + 1), options),
+                function (encodedVal) {
+                    return options.decoder(encodedVal, defaults.decoder, charset, 'value');
+                }
+            );
+        }
+
+        if (val && options.interpretNumericEntities && charset === 'iso-8859-1') {
+            val = interpretNumericEntities(val);
+        }
+
+        if (part.indexOf('[]=') > -1) {
+            val = isArray(val) ? [val] : val;
+        }
+
+        if (has.call(obj, key)) {
+            obj[key] = utils.combine(obj[key], val);
+        } else {
+            obj[key] = val;
+        }
+    }
+
+    return obj;
+};
+
+var parseObject = function (chain, val, options, valuesParsed) {
+    var leaf = valuesParsed ? val : parseArrayValue(val, options);
+
+    for (var i = chain.length - 1; i >= 0; --i) {
+        var obj;
+        var root = chain[i];
+
+        if (root === '[]' && options.parseArrays) {
+            obj = [].concat(leaf);
+        } else {
+            obj = options.plainObjects ? Object.create(null) : {};
+            var cleanRoot = root.charAt(0) === '[' && root.charAt(root.length - 1) === ']' ? root.slice(1, -1) : root;
+            var index = parseInt(cleanRoot, 10);
+            if (!options.parseArrays && cleanRoot === '') {
+                obj = { 0: leaf };
+            } else if (
+                !isNaN(index)
+                && root !== cleanRoot
+                && String(index) === cleanRoot
+                && index >= 0
+                && (options.parseArrays && index <= options.arrayLimit)
+            ) {
+                obj = [];
+                obj[index] = leaf;
+            } else if (cleanRoot !== '__proto__') {
+                obj[cleanRoot] = leaf;
+            }
+        }
+
+        leaf = obj;
+    }
+
+    return leaf;
+};
+
+var parseKeys = function parseQueryStringKeys(givenKey, val, options, valuesParsed) {
+    if (!givenKey) {
+        return;
+    }
+
+    // Transform dot notation to bracket notation
+    var key = options.allowDots ? givenKey.replace(/\.([^.[]+)/g, '[$1]') : givenKey;
+
+    // The regex chunks
+
+    var brackets = /(\[[^[\]]*])/;
+    var child = /(\[[^[\]]*])/g;
+
+    // Get the parent
+
+    var segment = options.depth > 0 && brackets.exec(key);
+    var parent = segment ? key.slice(0, segment.index) : key;
+
+    // Stash the parent if it exists
+
+    var keys = [];
+    if (parent) {
+        // If we aren't using plain objects, optionally prefix keys that would overwrite object prototype properties
+        if (!options.plainObjects && has.call(Object.prototype, parent)) {
+            if (!options.allowPrototypes) {
+                return;
+            }
+        }
+
+        keys.push(parent);
+    }
+
+    // Loop through children appending to the array until we hit depth
+
+    var i = 0;
+    while (options.depth > 0 && (segment = child.exec(key)) !== null && i < options.depth) {
+        i += 1;
+        if (!options.plainObjects && has.call(Object.prototype, segment[1].slice(1, -1))) {
+            if (!options.allowPrototypes) {
+                return;
+            }
+        }
+        keys.push(segment[1]);
+    }
+
+    // If there's a remainder, just add whatever is left
+
+    if (segment) {
+        keys.push('[' + key.slice(segment.index) + ']');
+    }
+
+    return parseObject(keys, val, options, valuesParsed);
+};
+
+var normalizeParseOptions = function normalizeParseOptions(opts) {
+    if (!opts) {
+        return defaults;
+    }
+
+    if (opts.decoder !== null && opts.decoder !== undefined && typeof opts.decoder !== 'function') {
+        throw new TypeError('Decoder has to be a function.');
+    }
+
+    if (typeof opts.charset !== 'undefined' && opts.charset !== 'utf-8' && opts.charset !== 'iso-8859-1') {
+        throw new TypeError('The charset option must be either utf-8, iso-8859-1, or undefined');
+    }
+    var charset = typeof opts.charset === 'undefined' ? defaults.charset : opts.charset;
+
+    return {
+        allowDots: typeof opts.allowDots === 'undefined' ? defaults.allowDots : !!opts.allowDots,
+        allowPrototypes: typeof opts.allowPrototypes === 'boolean' ? opts.allowPrototypes : defaults.allowPrototypes,
+        allowSparse: typeof opts.allowSparse === 'boolean' ? opts.allowSparse : defaults.allowSparse,
+        arrayLimit: typeof opts.arrayLimit === 'number' ? opts.arrayLimit : defaults.arrayLimit,
+        charset: charset,
+        charsetSentinel: typeof opts.charsetSentinel === 'boolean' ? opts.charsetSentinel : defaults.charsetSentinel,
+        comma: typeof opts.comma === 'boolean' ? opts.comma : defaults.comma,
+        decoder: typeof opts.decoder === 'function' ? opts.decoder : defaults.decoder,
+        delimiter: typeof opts.delimiter === 'string' || utils.isRegExp(opts.delimiter) ? opts.delimiter : defaults.delimiter,
+        // eslint-disable-next-line no-implicit-coercion, no-extra-parens
+        depth: (typeof opts.depth === 'number' || opts.depth === false) ? +opts.depth : defaults.depth,
+        ignoreQueryPrefix: opts.ignoreQueryPrefix === true,
+        interpretNumericEntities: typeof opts.interpretNumericEntities === 'boolean' ? opts.interpretNumericEntities : defaults.interpretNumericEntities,
+        parameterLimit: typeof opts.parameterLimit === 'number' ? opts.parameterLimit : defaults.parameterLimit,
+        parseArrays: opts.parseArrays !== false,
+        plainObjects: typeof opts.plainObjects === 'boolean' ? opts.plainObjects : defaults.plainObjects,
+        strictNullHandling: typeof opts.strictNullHandling === 'boolean' ? opts.strictNullHandling : defaults.strictNullHandling
+    };
+};
+
+var parse$1 = function (str, opts) {
+    var options = normalizeParseOptions(opts);
+
+    if (str === '' || str === null || typeof str === 'undefined') {
+        return options.plainObjects ? Object.create(null) : {};
+    }
+
+    var tempObj = typeof str === 'string' ? parseValues(str, options) : str;
+    var obj = options.plainObjects ? Object.create(null) : {};
+
+    // Iterate over the keys and setup the new object
+
+    var keys = Object.keys(tempObj);
+    for (var i = 0; i < keys.length; ++i) {
+        var key = keys[i];
+        var newObj = parseKeys(key, tempObj[key], options, typeof str === 'string');
+        obj = utils.merge(obj, newObj, options);
+    }
+
+    if (options.allowSparse === true) {
+        return obj;
+    }
+
+    return utils.compact(obj);
+};
+
+var stringify = stringify_1;
+var parse = parse$1;
+var formats = formats$3;
+
+var lib = {
+    formats: formats,
+    parse: parse,
+    stringify: stringify
+};
+
+const fetch = params => axios.get(`${BASE_URL}/teams`, {
+  params: keysToSnakeCase(params),
+  paramsSerializer: params => lib.stringify(params, {
+    arrayFormat: "brackets",
+    encode: false
+  })
+});
+const create = payload => axios.post(`${BASE_URL}/teams`, payload);
+const update = (id, payload) => axios.put(`${BASE_URL}/teams/${id}`, {
+  team: payload
+});
+const bulkUpdate = payload => axios.patch(`${BASE_URL}/teams/bulk_update`, payload);
+const fetchFilterOptions = params => axios.get(`${BASE_URL}/teams/filter_options`, {
+  params: keysToSnakeCase(params)
+});
+const teamsApi = {
+  bulkUpdate,
+  create,
+  fetch,
+  fetchFilterOptions,
+  update
+};
+
+const _excluded$1 = ["onSuccess"],
+  _excluded2$1 = ["onSuccess"],
+  _excluded3 = ["onSuccess"];
+function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const useFetchMembers = function () {
+  let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return useQuery([QUERY_KEYS.TEAMS, params], () => teamsApi.fetch(params), _objectSpread$4({
+    staleTime: DEFAULT_STALE_TIME,
+    select: response => response.data || response,
+    keepPreviousData: true
+  }, options));
+};
+const useCreateMember = _ref => {
+  let onSuccess = _ref.onSuccess,
+    options = _objectWithoutProperties(_ref, _excluded$1);
+  return useMutation(teamsApi.create, _objectSpread$4({
+    onSuccess: response => {
+      queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
+      queryClient.invalidateQueries(QUERY_KEYS.TEAMS_DEPENDENCIES);
+      Toastr.success(response.ntmNotice || response.data.ntmNotice);
+      onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
+    }
+  }, options));
+};
+const useUpdateMember = _ref2 => {
+  let onSuccess = _ref2.onSuccess,
+    options = _objectWithoutProperties(_ref2, _excluded2$1);
+  return useMutation(_ref3 => {
+    let id = _ref3.id,
+      payload = _ref3.payload;
+    return teamsApi.update(id, payload);
+  }, _objectSpread$4({
+    onSuccess: response => {
+      queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
+      queryClient.invalidateQueries(QUERY_KEYS.TEAMS_DEPENDENCIES);
+      Toastr.success(response.ntmNotice || response.data.ntmNotice);
+      onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
+    }
+  }, options));
+};
+const useBulkUpdateMembers = _ref4 => {
+  let onSuccess = _ref4.onSuccess,
+    options = _objectWithoutProperties(_ref4, _excluded3);
+  return useMutation(teamsApi.bulkUpdate, _objectSpread$4({
+    onSuccess: response => {
+      queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
+      queryClient.invalidateQueries(QUERY_KEYS.TEAMS_DEPENDENCIES);
+      Toastr.success(response.ntmNotice || response.data.ntmNotice);
+      onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
+    }
+  }, options));
+};
+const refetchMembers = () => {
+  queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
+  queryClient.invalidateQueries(QUERY_KEYS.TEAMS_DEPENDENCIES);
+};
+const useFetchFilterOptions = _ref5 => {
+  let _ref5$params = _ref5.params,
+    params = _ref5$params === void 0 ? {} : _ref5$params,
+    _ref5$options = _ref5.options,
+    options = _ref5$options === void 0 ? {} : _ref5$options;
+  return useQuery([QUERY_KEYS.TEAMS_DEPENDENCIES, params], () => teamsApi.fetchFilterOptions(params), _objectSpread$4({
+    staleTime: DEFAULT_STALE_TIME,
+    select: response => response.data || response
+  }, options));
+};
+
+const FIXED_COLUMNS = ["actions"];
+const COLUMNS_DROPDOWN_PROPS = {
+  label: instance.t("common.column", PLURAL)
+};
+const COLUMNS_SEARCH_PROPS = {
+  placeholder: instance.t("columns.search")
+};
+const MANAGE_ROLES_BUTTON_LABEL = instance.t("common.manage_", {
+  what: instance.t("common.role", PLURAL).toLocaleLowerCase()
+});
+
+const Header = _ref => {
+  var _permissions$create, _config$header;
+  let config = _ref.config,
+    _ref$isEmptyState = _ref.isEmptyState,
+    isEmptyState = _ref$isEmptyState === void 0 ? false : _ref$isEmptyState,
+    metaName = _ref.metaName,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? noop : _ref$onClick,
+    permissions = _ref.permissions,
+    rolesButtonProps = _ref.rolesButtonProps;
+  const isRolesButtonVisible = !!rolesButtonProps;
+  const hasCreatePermission = (_permissions$create = permissions === null || permissions === void 0 ? void 0 : permissions.create) !== null && _permissions$create !== void 0 ? _permissions$create : hasPermission(MANAGE_MEMBER_PERMISSIONS);
+  const isOtherActionBlockVisible = !!(config !== null && config !== void 0 && (_config$header = config.header) !== null && _config$header !== void 0 && _config$header.otherActionBlock) && !isEmptyState;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, isOtherActionBlockVisible && config.header.otherActionBlock(), isRolesButtonVisible ? /*#__PURE__*/React.createElement(Button, _extends({
+    "data-cy": "ntm-manage-roles-button",
+    label: MANAGE_ROLES_BUTTON_LABEL,
+    style: "secondary"
+  }, rolesButtonProps)) : null, /*#__PURE__*/React.createElement(Tooltip, {
+    content: instance.t("tooltips.noPermissionToAddMember"),
+    disabled: hasCreatePermission,
+    position: "bottom"
+  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Button, {
+    "data-cy": "ntm-add-member-button",
+    disabled: !hasCreatePermission,
+    label: instance.t("common.add_", {
+      what: metaName(SINGULAR).toLocaleLowerCase()
+    }),
+    onClick: onClick
+  }))));
+};
+
+const useDebounce = function (value) {
+  let delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 350;
+  const _useState = useState(value),
+    _useState2 = _slicedToArray$1(_useState, 2),
+    debouncedValue = _useState2[0],
+    setDebouncedValue = _useState2[1];
+  useEffect(() => {
+    const handler = setTimeout(() => setDebouncedValue(value), delay);
+    return () => clearTimeout(handler);
+  }, [value, delay]);
+  return debouncedValue;
+};
+
+const getStorageValue = (key, defaultValue) => {
+  const saved = localStorage.getItem(key);
   return JSON.parse(saved) || 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 => {
@@ -6525,27 +8763,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);
 
@@ -6574,11 +8796,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);
@@ -6640,8 +8862,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;
@@ -6653,11 +8881,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);
@@ -6703,7 +8931,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, {
@@ -6740,7 +8968,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"
@@ -6755,17 +8983,32 @@ 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: "",
+  neetoFilters: []
 };
 const DEFAULT_SELECTED_ROWS = {
   active: [],
   emails: [],
   keys: []
 };
+const DEFAULT_NEETO_FILTERS_COLUMNS = [{
+  key: "email",
+  node: "email",
+  label: instance.t("common.email", SINGULAR),
+  type: "multi_option",
+  values: []
+}, {
+  key: "role",
+  node: "organization_role.name",
+  model: "OrganizationRole",
+  label: instance.t("common.role", SINGULAR),
+  type: "multi_option",
+  values: []
+}];
 
 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,
@@ -6773,7 +9016,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();
@@ -6831,15 +9074,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
@@ -6847,8 +9090,12 @@ const Left = _ref => {
 };
 const Right = _ref2 => {
   let columns = _ref2.columns,
-    setColumnData = _ref2.setColumnData;
-  return /*#__PURE__*/React.createElement(Columns, {
+    setColumnData = _ref2.setColumnData,
+    filterColumns = _ref2.filterColumns,
+    handleFilterChange = _ref2.handleFilterChange,
+    setIsFiltersPaneOpen = _ref2.setIsFiltersPaneOpen,
+    isFiltersPaneOpen = _ref2.isFiltersPaneOpen;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Columns, {
     columnData: columns,
     dropdownProps: COLUMNS_DROPDOWN_PROPS,
     fixedColumns: FIXED_COLUMNS,
@@ -6856,7 +9103,15 @@ const Right = _ref2 => {
     noColumnMessage: instance.t("columns.noColumnsFound"),
     onChange: setColumnData,
     searchProps: COLUMNS_SEARCH_PROPS
-  });
+  }), /*#__PURE__*/React.createElement(Filters, {
+    columns: filterColumns,
+    onChange: filters => handleFilterChange({
+      neetoFilters: filters,
+      page: DEFAULT_PAGE_NUMBER
+    }),
+    isOpen: isFiltersPaneOpen,
+    setIsOpen: setIsFiltersPaneOpen
+  }));
 };
 const SubHeader = {
   Left,
@@ -6867,7 +9122,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 */
 
@@ -7370,10 +9629,8 @@ 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; }
 const Menu$1 = Dropdown.Menu,
   MenuItem = Dropdown.MenuItem;
 const renderNameColumn = (_ref, diplayStatusTag) => {
@@ -7531,9 +9788,15 @@ const renderUpdateAlert = (field, props) => {
   }
   return field === "title" ? getDefaultAlertTitle(props) : getDefaultAlertMessage(props);
 };
-const getSearchParams = (page, filter) => new URLSearchParams(_objectSpread$3(_objectSpread$3({}, page), {}, {
-  filter: filter.toLowerCase()
-})).toString();
+const getSearchParams = (_ref9, filter) => {
+  let page = _ref9.page,
+    results = _ref9.results;
+  const searchParams = new URLSearchParams(window.location.search);
+  searchParams.set("page", page);
+  searchParams.set("results", results);
+  searchParams.set("filter", filter.toLowerCase());
+  return searchParams.toString();
+};
 const handlePageChange = (setFilters, filter) => (page, results) => {
   const pageParams = {
     page,
@@ -7551,7 +9814,31 @@ 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 buildFilterColumns = _ref10 => {
+  let _ref10$options = _ref10.options,
+    _ref10$options$emails = _ref10$options.emails,
+    emails = _ref10$options$emails === void 0 ? [] : _ref10$options$emails,
+    _ref10$options$organi = _ref10$options.organizationRoles,
+    organizationRoles = _ref10$options$organi === void 0 ? [] : _ref10$options$organi,
+    _ref10$emailConfig = _ref10.emailConfig,
+    setSearchTerm = _ref10$emailConfig.setSearchTerm,
+    isLoading = _ref10$emailConfig.isLoading;
+  const columnValues = {
+    email: emails.map(toLabelAndValue),
+    role: organizationRoles.map(toLabelAndValue)
+  };
+  return DEFAULT_NEETO_FILTERS_COLUMNS.map(column => {
+    const values = columnValues[column.key];
+    if (column.key === "role") return assoc("values", values, column);
+    const emailConfig = {
+      values,
+      isLoading,
+      onInputChange: setSearchTerm
+    };
+    return mergeLeft(emailConfig, column);
+  });
+};
 
 const _excluded = ["className", "children"],
   _excluded2 = ["className", "children"];
@@ -7575,15 +9862,15 @@ Page.Header = PageWrapper;
 Page.Body = PageWrapper;
 Page.Footer = PageWrapper;
 
-function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const MULTIPLE_EMAIL_INPUT_VALIDATION_SCHEMA = {
   emails: yup.array().min(1, instance.t("validations.minOneEmail")).test("are-all-emails-valid", instance.t("validations.validEmail"), emails => emails.every(prop("valid"))).nullable()
 };
 const ROLES_RADIO_GROUP_VALIDATION_SCHEMA = {
   role: yup.string().required(instance.t("validations.roleRequired"))
 };
-const VALIDATION_SCHEMA$1 = yup.object().shape(_objectSpread$2(_objectSpread$2({}, MULTIPLE_EMAIL_INPUT_VALIDATION_SCHEMA), ROLES_RADIO_GROUP_VALIDATION_SCHEMA));
+const VALIDATION_SCHEMA$1 = yup.object().shape(_objectSpread$3(_objectSpread$3({}, MULTIPLE_EMAIL_INPUT_VALIDATION_SCHEMA), ROLES_RADIO_GROUP_VALIDATION_SCHEMA));
 const FILTER_INVALID_EMAILS = {
   label: instance.t("validations.filterInvalidEmails")
 };
@@ -7702,8 +9989,8 @@ RolesRadioGroup.defaultProps = {
   roles: []
 };
 
-function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const ManageMember = _ref => {
   var _config$permissions$v, _config$permissions, _config$manageMember;
   let config = _ref.config,
@@ -7715,11 +10002,11 @@ 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);
-  const manageMemberComponentConfig = _objectSpread$1(_objectSpread$1({}, DEFAULT_COMPONENT_CONFIG), componentConfig);
+  const manageMemberComponentConfig = _objectSpread$2(_objectSpread$2({}, DEFAULT_COMPONENT_CONFIG), componentConfig);
   const Component = MEMBERS_FORM_COMPONENT_MAPPER[manageMemberComponentConfig.type || "pane"];
   const handleClose = () => {
     onComplete();
@@ -7788,7 +10075,7 @@ const ManageMember = _ref => {
     weight: "semibold"
   }, getTitle())), config !== null && config !== void 0 && (_config$manageMember = config.manageMember) !== null && _config$manageMember !== void 0 && _config$manageMember.component ? config.manageMember.component(manageMemberProps) : /*#__PURE__*/React.createElement(Form, {
     ref: formReference,
-    formikProps: _objectSpread$1(_objectSpread$1({}, MANAGE_MEMBERS_FORMIK_PROPS), {}, {
+    formikProps: _objectSpread$2(_objectSpread$2({}, MANAGE_MEMBERS_FORMIK_PROPS), {}, {
       initialValues: renderInitialValues(selectedMember, rolesList),
       onSubmit: handleAddMember,
       validateOnBlur: hasSubmitted,
@@ -7851,33 +10138,98 @@ const Menu = _ref => {
   })), (config === null || config === void 0 ? void 0 : config.otherMenuElements) && config.otherMenuElements());
 };
 
+function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const useFilters = _ref => {
+  let config = _ref.config;
+  const metaName = getMetaName((config === null || config === void 0 ? void 0 : config.metaName) || "member");
+  const defaultNeetoFilters = buildFiltersFromURL(DEFAULT_NEETO_FILTERS_COLUMNS);
+  const _useState = useState(_objectSpread$1(_objectSpread$1(_objectSpread$1({}, DEFAULT_FILTER_VALUES), defaultNeetoFilters), config === null || config === void 0 ? void 0 : config.defaultFilterValues)),
+    _useState2 = _slicedToArray$1(_useState, 2),
+    filters = _useState2[0],
+    setFilters = _useState2[1];
+  const _useState3 = useState(""),
+    _useState4 = _slicedToArray$1(_useState3, 2),
+    emailSearchTerm = _useState4[0],
+    setEmailSearchTerm = _useState4[1];
+  const debouncedSearch = useDebounce(filters.search, 750);
+  const debouncedEmailSearchTerm = useDebounce(emailSearchTerm, 750);
+  const shouldFetchFilterOptions = isNil(config === null || config === void 0 ? void 0 : config.filterColumns);
+  const _useFetchFilterOption = useFetchFilterOptions({
+      params: {
+        emailSearchTerm: debouncedEmailSearchTerm
+      },
+      options: {
+        enabled: shouldFetchFilterOptions
+      }
+    }),
+    _useFetchFilterOption2 = _useFetchFilterOption.data,
+    filterOptions = _useFetchFilterOption2 === void 0 ? {} : _useFetchFilterOption2,
+    isFilterOptionsLoading = _useFetchFilterOption.isLoading;
+  const filterColumns = shouldFetchFilterOptions ? buildFilterColumns({
+    options: filterOptions,
+    emailConfig: {
+      setSearchTerm: setEmailSearchTerm,
+      isLoading: isFilterOptionsLoading
+    }
+  }) : config === null || config === void 0 ? void 0 : config.filterColumns;
+  const searchProps = {
+    "data-cy": "ntm-search-members-input",
+    onChange: _ref2 => {
+      let value = _ref2.target.value;
+      return setFilters(mergeLeft({
+        search: value,
+        page: DEFAULT_PAGE_NUMBER
+      }));
+    },
+    placeholder: instance.t("common.search_", {
+      what: metaName(PLURAL).toLocaleLowerCase()
+    }),
+    value: filters.search
+  };
+  return {
+    filters,
+    setFilters,
+    filterColumns,
+    debouncedSearch,
+    searchProps
+  };
+};
+
 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, _config$table, _config$table$onDropd;
+  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),
-    filters = _useState4[0],
-    setFilters = _useState4[1];
-  const _useState5 = useState(null),
-    _useState6 = _slicedToArray(_useState5, 2),
-    selectedMember = _useState6[0],
-    setSelectedMember = _useState6[1];
-  const debouncedSearch = useDebounce(filters.search, 750);
-  const _useState7 = useState([]),
-    _useState8 = _slicedToArray(_useState7, 2),
-    columnData = _useState8[0],
-    setColumnData = _useState8[1];
-  const _useState9 = useState(DEFAULT_SELECTED_ROWS),
-    _useState10 = _slicedToArray(_useState9, 2),
-    selectedRows = _useState10[0],
-    setSelectedRows = _useState10[1];
+  const _useState3 = useState(null),
+    _useState4 = _slicedToArray$1(_useState3, 2),
+    selectedMember = _useState4[0],
+    setSelectedMember = _useState4[1];
+  const _useState5 = useState([]),
+    _useState6 = _slicedToArray$1(_useState5, 2),
+    columnData = _useState6[0],
+    setColumnData = _useState6[1];
+  const _useState7 = useState(DEFAULT_SELECTED_ROWS),
+    _useState8 = _slicedToArray$1(_useState7, 2),
+    selectedRows = _useState8[0],
+    setSelectedRows = _useState8[1];
+  const _useState9 = useState(false),
+    _useState10 = _slicedToArray$1(_useState9, 2),
+    isFiltersPaneOpen = _useState10[0],
+    setIsFiltersPaneOpen = _useState10[1];
+  const _useFilters = useFilters({
+      config
+    }),
+    filters = _useFilters.filters,
+    setFilters = _useFilters.setFilters,
+    filterColumns = _useFilters.filterColumns,
+    debouncedSearch = _useFilters.debouncedSearch,
+    searchProps = _useFilters.searchProps;
   const _useFetchMembers = useFetchMembers(_objectSpread(_objectSpread({}, filters), {}, {
       search: debouncedSearch.trim(),
       category: filters.category.toLowerCase()
@@ -7905,20 +10257,6 @@ const TeamMembers = _ref => {
     team
   });
   const currentCategoryCount = team === null || team === void 0 ? void 0 : team.perCategoryCount[filters === null || filters === void 0 ? void 0 : (_filters$category = filters.category) === null || _filters$category === void 0 ? void 0 : _filters$category.toLowerCase()];
-  const searchProps = {
-    "data-cy": "ntm-search-members-input",
-    onChange: _ref3 => {
-      let value = _ref3.target.value;
-      return setFilters(mergeLeft({
-        search: value,
-        page: DEFAULT_PAGE_NUMBER
-      }));
-    },
-    placeholder: instance.t("common.search_", {
-      what: metaName(PLURAL).toLocaleLowerCase()
-    }),
-    value: filters.search
-  };
   const updateMemberAlertProps = {
     member: selectedMember,
     metaName,
@@ -7969,10 +10307,14 @@ const TeamMembers = _ref => {
     clearSelectedMembers(filters.category, filter) && setSelectedRows(DEFAULT_SELECTED_ROWS);
     handlePageChange(setFilters, filter)(DEFAULT_PAGE_NUMBER, filters.results);
   };
+  const handleNeetoFilterChange = filter => {
+    setFilters(mergeLeft(filter));
+    clearSelectedMembers(filters.category, filter) && setSelectedRows(DEFAULT_SELECTED_ROWS);
+  };
   const handleTableChange = (_, __, sorter) => {
     setFilters(mergeLeft({
-      sort_by: sorter.field,
-      sort_direction: sorter.order
+      sortBy: sorter.field,
+      sortDirection: sorter.order
     }));
   };
   const handleRowSelect = (keys, rowData) => {
@@ -8005,7 +10347,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
@@ -8018,7 +10360,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,
@@ -8030,8 +10372,19 @@ const TeamMembers = _ref => {
     }),
     rightActionBlock: /*#__PURE__*/React.createElement(SubHeader.Right, {
       columns: columns,
-      setColumnData: setColumnData
+      setColumnData: setColumnData,
+      filterColumns: filterColumns,
+      handleFilterChange: handleNeetoFilterChange,
+      setIsFiltersPaneOpen: setIsFiltersPaneOpen,
+      isFiltersPaneOpen: isFiltersPaneOpen
     })
+  }), /*#__PURE__*/React.createElement(Bar, {
+    columns: filterColumns,
+    onChange: filters => handleNeetoFilterChange({
+      neetoFilters: filters,
+      page: DEFAULT_PAGE_NUMBER
+    }),
+    setIsPaneOpen: setIsFiltersPaneOpen
   }), (team === null || team === void 0 ? void 0 : team.membersCount) !== 0 ? /*#__PURE__*/React.createElement("div", {
     className: "ntm-members__table-wrapper"
   }, /*#__PURE__*/React.createElement(Table$1, {