@bigbinary/neeto-team-members-frontend 2.4.13 → 2.4.15

package/dist/index.esm.js

@@ -1,9 +1,10 @@
 import React, { createContext, useContext, createElement, isValidElement, cloneElement, 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, Info } from '@bigbinary/neeto-icons';
-import ReactDOM from 'react-dom';
+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 { Toastr, Tooltip, Button, Typography, Checkbox, Pane, Dropdown, Alert, Input as Input$1, PageLoader, Label, Avatar, Tag, Table as Table$1 } from '@bigbinary/neetoui';
+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 { 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';
@@ -27,13 +28,29 @@ function _classCallCheck(instance, Constructor) {
   }
 }
 
+function _toPrimitive(input, hint) {
+  if (_typeof(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;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
 function _defineProperties(target, props) {
   for (var i = 0; i < props.length; i++) {
     var descriptor = props[i];
     descriptor.enumerable = descriptor.enumerable || false;
     descriptor.configurable = true;
     if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, descriptor.key, descriptor);
+    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
   }
 }
 function _createClass(Constructor, protoProps, staticProps) {
@@ -94,6 +111,7 @@ function _getPrototypeOf(o) {
 }
 
 function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -2358,7 +2376,7 @@ function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeRefl
 
 function _isNativeReflectConstruct$3() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function noop$2() {}
+function noop$1() {}
 
 function bindMemberFunctions(inst) {
   var mems = Object.getOwnPropertyNames(Object.getPrototypeOf(inst));
@@ -2523,7 +2541,7 @@ var I18n = function (_EventEmitter) {
       }
 
       this.format = this.options.interpolation.format;
-      if (!callback) callback = noop$2;
+      if (!callback) callback = noop$1;
 
       if (this.options.fallbackLng && !this.services.languageDetector && !this.options.lng) {
         var codes = this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);
@@ -2584,7 +2602,7 @@ var I18n = function (_EventEmitter) {
     value: function loadResources(language) {
       var _this3 = this;
 
-      var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$2;
+      var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$1;
       var usedCallback = callback;
       var usedLng = typeof language === 'string' ? language : this.language;
       if (typeof language === 'function') usedCallback = language;
@@ -2632,7 +2650,7 @@ var I18n = function (_EventEmitter) {
       var deferred = defer();
       if (!lngs) lngs = this.languages;
       if (!ns) ns = this.options.ns;
-      if (!callback) callback = noop$2;
+      if (!callback) callback = noop$1;
       this.services.backendConnector.reload(lngs, ns, function (err) {
         deferred.resolve();
         callback(err);
@@ -2911,7 +2929,7 @@ var I18n = function (_EventEmitter) {
       var _this8 = this;
 
       var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$2;
+      var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$1;
 
       var mergedOptions = _objectSpread$6$1(_objectSpread$6$1(_objectSpread$6$1({}, this.options), options), {
         isClone: true
@@ -3562,8 +3580,8 @@ function hasLoadedNamespace(ns, i18n) {
   });
 }
 
-var _excluded$2 = ["format"],
-    _excluded2$2 = ["children", "count", "parent", "i18nKey", "context", "tOptions", "values", "defaults", "components", "ns", "i18n", "t", "shouldUnescape"];
+var _excluded$3 = ["format"],
+    _excluded2$3 = ["children", "count", "parent", "i18nKey", "context", "tOptions", "values", "defaults", "components", "ns", "i18n", "t", "shouldUnescape"];
 
 function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -3628,7 +3646,7 @@ function nodesToString(children, i18nOptions) {
       warn("Trans: the passed in value is invalid - seems you passed in a null child.");
     } else if (_typeof(child) === 'object') {
       var format = child.format,
-          clone = _objectWithoutProperties(child, _excluded$2);
+          clone = _objectWithoutProperties(child, _excluded$3);
 
       var keys = Object.keys(clone);
 
@@ -3784,7 +3802,7 @@ function Trans(_ref) {
       i18nFromProps = _ref.i18n,
       tFromProps = _ref.t,
       shouldUnescape = _ref.shouldUnescape,
-      additionalProps = _objectWithoutProperties(_ref, _excluded2$2);
+      additionalProps = _objectWithoutProperties(_ref, _excluded2$3);
 
   var _ref2 = useContext(I18nContext) || {},
       i18nFromContext = _ref2.i18n,
@@ -3831,28 +3849,33 @@ function Trans(_ref) {
 }
 
 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 {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (!_n && _i["return"] != null) _i["return"]();
+      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) {
+        ;
+      }
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
-      if (_d) throw _e;
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
     }
+    return _arr;
   }
-  return _arr;
 }
 
 function _slicedToArray(arr, i) {
@@ -4017,7 +4040,8 @@ var common$1 = {
 	role_one: "Role",
 	role_other: "Roles",
 	search_: "Search {{what}}",
-	update_: "Update {{what}}"
+	update_: "Update {{what}}",
+	takeAction: "Take action"
 };
 var helpers$1 = {
 	configPermissions: "Configure permissions for the modules.",
@@ -4025,7 +4049,7 @@ var helpers$1 = {
 	moreInfoAboutPermissions: "More information about permissions",
 	noRolesFound: "No roles found.",
 	searchRoles: "Search roles",
-	selectedMembersCount: "{{count}} {{metaName}} selected from {{totalCount}}",
+	selectedMembersCount: "{{count}} {{metaName}} selected of",
 	visitToKnowMoreAboutPermissions: "Visit to know more about permissions"
 };
 var metaNames$1 = {
@@ -4114,7 +4138,8 @@ var common = {
 	role_one: "Rôle",
 	role_other: "Rôles",
 	search_: "Rechercher des {{what}}",
-	update_: "Mettre à jour le {{what}}"
+	update_: "Mettre à jour le {{what}}",
+	takeAction: "Passer à l'action"
 };
 var helpers = {
 	configPermissions: "Configurez les autorisations pour les modules.",
@@ -4122,8 +4147,8 @@ var helpers = {
 	moreInfoAboutPermissions: "Plus d'informations sur les autorisations",
 	noRolesFound: "Aucun rôle trouvé.",
 	searchRoles: "Rechercher des rôles",
-	selectedMembersCount_one: "{{count}} {{metaName}} sélectionné parmi {{totalCount}}",
-	selectedMembersCount_other: "{{count}} {{metaName}} sélectionnés parmi {{totalCount}}",
+	selectedMembersCount_one: "{{count}} {{metaName}} sélectionné sur",
+	selectedMembersCount_other: "{{count}} {{metaName}} sélectionnés sur",
 	visitToKnowMoreAboutPermissions: "Visitez pour en savoir plus sur les autorisations"
 };
 var metaNames = {
@@ -4214,7 +4239,7 @@ const getScrollBarWidth = () => {
   document.body.removeChild(outerElement);
   return w1 - w2;
 };
-const noop$1 = () => {};
+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
@@ -4235,3403 +4260,215 @@ const PLURAL = {
 const MANAGE_MEMBER_PERMISSIONS = ["members.manage_members", "agents.manage_agents"];
 const DEFAULT_PERMISSION = true; // Until we add permission prop to all neeto apps, this is the default permission.
 
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-  _setPrototypeOf(subClass, superClass);
-}
-
-var Subscribable = /*#__PURE__*/function () {
-  function Subscribable() {
-    this.listeners = [];
-  }
-
-  var _proto = Subscribable.prototype;
-
-  _proto.subscribe = function subscribe(listener) {
-    var _this = this;
+const queryClient = new QueryClient({
+  queryCache: new QueryCache()
+});
 
-    var callback = listener || function () {
-      return undefined;
-    };
+const withReactQuery = Component => {
+  const QueryWrapper = props => /*#__PURE__*/React.createElement(QueryClientProvider, {
+    client: queryClient
+  }, /*#__PURE__*/React.createElement(Component, props), /*#__PURE__*/React.createElement(ReactQueryDevtools, {
+    initialIsOpen: false,
+    position: "bottom-right"
+  }));
+  return QueryWrapper;
+};
 
-    this.listeners.push(callback);
-    this.onSubscribe();
-    return function () {
-      _this.listeners = _this.listeners.filter(function (x) {
-        return x !== callback;
-      });
+/* eslint-disable @bigbinary/neeto/no-dangling-constants */
+const BASE_URL = "team_members";
 
-      _this.onUnsubscribe();
-    };
-  };
+const fetch$2 = () => axios.get(`${BASE_URL}/permissions`);
+const permissionsApi = {
+  fetch: fetch$2
+};
 
-  _proto.hasListeners = function hasListeners() {
-    return this.listeners.length > 0;
-  };
+const DEFAULT_STALE_TIME = 300000; // 5 minutes
 
-  _proto.onSubscribe = function onSubscribe() {// Do nothing
-  };
+const QUERY_KEYS = {
+  TEAMS: "neeto-team-members-teams",
+  ROLES: "neeto-team-members-roles",
+  PERMISSIONS: "neeto-team-members-permissions"
+};
 
-  _proto.onUnsubscribe = function onUnsubscribe() {// Do nothing
-  };
+function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const useFetchPermissions = function () {
+  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return useQuery(QUERY_KEYS.PERMISSIONS, permissionsApi.fetch, _objectSpread$8({
+    staleTime: DEFAULT_STALE_TIME,
+    select: response => response.permissions || response.data.permissions
+  }, options));
+};
 
-  return Subscribable;
-}();
+const fetch$1 = () => axios.get(`${BASE_URL}/organization_roles`);
+const create$1 = payload => axios.post(`${BASE_URL}/organization_roles`, payload);
+const update$1 = (id, payload) => axios.patch(`${BASE_URL}/organization_roles/${id}`, payload);
+const destroy = (id, payload) => axios.delete(`${BASE_URL}/organization_roles/${id}`, {
+  data: payload
+});
+const organizationRolesApi = {
+  fetch: fetch$1,
+  create: create$1,
+  update: update$1,
+  destroy
+};
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
+const _excluded$2 = ["onSuccess"],
+  _excluded2$2 = ["onSuccess"],
+  _excluded3$1 = ["onSuccess"];
+function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const useFetchRoles = function () {
+  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return useQuery(QUERY_KEYS.ROLES, organizationRolesApi.fetch, _objectSpread$7({
+    staleTime: DEFAULT_STALE_TIME,
+    select: response => response.organizationRoles || response.data.organizationRoles
+  }, options));
+};
+const useCreateRole = _ref => {
+  let onSuccess = _ref.onSuccess,
+    options = _objectWithoutProperties(_ref, _excluded$2);
+  return useMutation(organizationRolesApi.create, _objectSpread$7({
+    onSuccess: response => {
+      queryClient.setQueriesData(QUERY_KEYS.ROLES, cachedData => {
+        if (!!cachedData.data && !!cachedData.data.organizationRoles) {
+          return modifyPath(["data", "organizationRoles"], prepend(response.data.organizationRole), cachedData);
         }
-      }
+        return modifyPath(["organizationRoles"], prepend(response.organizationRole), cachedData);
+      });
+      Toastr.success(response.ntmNotice || response.data.ntmNotice);
+      onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-// TYPES
-// UTILS
-var isServer = typeof window === 'undefined';
-function noop() {
-  return undefined;
-}
-function functionalUpdate(updater, input) {
-  return typeof updater === 'function' ? updater(input) : updater;
-}
-function isValidTimeout(value) {
-  return typeof value === 'number' && value >= 0 && value !== Infinity;
-}
-function ensureQueryKeyArray(value) {
-  return Array.isArray(value) ? value : [value];
-}
-function timeUntilStale(updatedAt, staleTime) {
-  return Math.max(updatedAt + (staleTime || 0) - Date.now(), 0);
-}
-function parseQueryArgs(arg1, arg2, arg3) {
-  if (!isQueryKey(arg1)) {
-    return arg1;
-  }
-
-  if (typeof arg2 === 'function') {
-    return _extends({}, arg3, {
-      queryKey: arg1,
-      queryFn: arg2
-    });
-  }
-
-  return _extends({}, arg2, {
-    queryKey: arg1
-  });
-}
-function parseMutationArgs(arg1, arg2, arg3) {
-  if (isQueryKey(arg1)) {
-    if (typeof arg2 === 'function') {
-      return _extends({}, arg3, {
-        mutationKey: arg1,
-        mutationFn: arg2
+  }, options));
+};
+const useUpdateRole = _ref2 => {
+  let onSuccess = _ref2.onSuccess,
+    options = _objectWithoutProperties(_ref2, _excluded2$2);
+  return useMutation(_ref3 => {
+    let id = _ref3.id,
+      payload = _ref3.payload;
+    return organizationRolesApi.update(id, payload);
+  }, _objectSpread$7({
+    onSuccess: response => {
+      queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
+      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);
+        }
+        return assocPath(["organizationRoles", findIndex(propEq("id", response.organizationRole.id), cachedData.organizationRoles)], response.organizationRole, cachedData);
       });
+      Toastr.success(response.ntmNotice || response.data.ntmNotice);
+      onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
     }
-
-    return _extends({}, arg2, {
-      mutationKey: arg1
-    });
-  }
-
-  if (typeof arg1 === 'function') {
-    return _extends({}, arg2, {
-      mutationFn: arg1
-    });
-  }
-
-  return _extends({}, arg1);
-}
-function parseFilterArgs(arg1, arg2, arg3) {
-  return isQueryKey(arg1) ? [_extends({}, arg2, {
-    queryKey: arg1
-  }), arg3] : [arg1 || {}, arg2];
-}
-function mapQueryStatusFilter(active, inactive) {
-  if (active === true && inactive === true || active == null && inactive == null) {
-    return 'all';
-  } else if (active === false && inactive === false) {
-    return 'none';
-  } else {
-    // At this point, active|inactive can only be true|false or false|true
-    // so, when only one value is provided, the missing one has to be the negated value
-    var isActive = active != null ? active : !inactive;
-    return isActive ? 'active' : 'inactive';
-  }
-}
-function matchQuery(filters, query) {
-  var active = filters.active,
-      exact = filters.exact,
-      fetching = filters.fetching,
-      inactive = filters.inactive,
-      predicate = filters.predicate,
-      queryKey = filters.queryKey,
-      stale = filters.stale;
-
-  if (isQueryKey(queryKey)) {
-    if (exact) {
-      if (query.queryHash !== hashQueryKeyByOptions(queryKey, query.options)) {
-        return false;
-      }
-    } else if (!partialMatchKey(query.queryKey, queryKey)) {
-      return false;
+  }, options));
+};
+const useDestroyRole = _ref4 => {
+  let _ref4$onSuccess = _ref4.onSuccess,
+    onSuccess = _ref4$onSuccess === void 0 ? noop : _ref4$onSuccess,
+    options = _objectWithoutProperties(_ref4, _excluded3$1);
+  return useMutation(_ref5 => {
+    let id = _ref5.id,
+      payload = _ref5.payload;
+    return organizationRolesApi.destroy(id, payload);
+  }, _objectSpread$7({
+    onSuccess: response => {
+      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);
+        }
+        return dissocPath(["organizationRoles", findIndex(propEq("id", response.id), cachedData.organizationRoles)], cachedData);
+      });
+      Toastr.success(response.ntmNotice || response.data.ntmNotice);
+      onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
     }
-  }
+  }, options));
+};
 
-  var queryStatusFilter = mapQueryStatusFilter(active, inactive);
+var dist = {exports: {}};
 
-  if (queryStatusFilter === 'none') {
-    return false;
-  } else if (queryStatusFilter !== 'all') {
-    var isActive = query.isActive();
+(function (module, exports) {
+	(function webpackUniversalModuleDefinition(root, factory) {
+		module.exports = factory(React);
+	})(commonjsGlobal, function(__WEBPACK_EXTERNAL_MODULE_4__) {
+	return /******/ (function(modules) { // webpackBootstrap
+	/******/ 	// The module cache
+	/******/ 	var installedModules = {};
+	/******/
+	/******/ 	// The require function
+	/******/ 	function __webpack_require__(moduleId) {
+	/******/
+	/******/ 		// Check if module is in cache
+	/******/ 		if(installedModules[moduleId]) {
+	/******/ 			return installedModules[moduleId].exports;
+	/******/ 		}
+	/******/ 		// Create a new module (and put it into the cache)
+	/******/ 		var module = installedModules[moduleId] = {
+	/******/ 			i: moduleId,
+	/******/ 			l: false,
+	/******/ 			exports: {}
+	/******/ 		};
+	/******/
+	/******/ 		// Execute the module function
+	/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+	/******/
+	/******/ 		// Flag the module as loaded
+	/******/ 		module.l = true;
+	/******/
+	/******/ 		// Return the exports of the module
+	/******/ 		return module.exports;
+	/******/ 	}
+	/******/
+	/******/
+	/******/ 	// expose the modules object (__webpack_modules__)
+	/******/ 	__webpack_require__.m = modules;
+	/******/
+	/******/ 	// expose the module cache
+	/******/ 	__webpack_require__.c = installedModules;
+	/******/
+	/******/ 	// identity function for calling harmony imports with the correct context
+	/******/ 	__webpack_require__.i = function(value) { return value; };
+	/******/
+	/******/ 	// define getter function for harmony exports
+	/******/ 	__webpack_require__.d = function(exports, name, getter) {
+	/******/ 		if(!__webpack_require__.o(exports, name)) {
+	/******/ 			Object.defineProperty(exports, name, {
+	/******/ 				configurable: false,
+	/******/ 				enumerable: true,
+	/******/ 				get: getter
+	/******/ 			});
+	/******/ 		}
+	/******/ 	};
+	/******/
+	/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+	/******/ 	__webpack_require__.n = function(module) {
+	/******/ 		var getter = module && module.__esModule ?
+	/******/ 			function getDefault() { return module['default']; } :
+	/******/ 			function getModuleExports() { return module; };
+	/******/ 		__webpack_require__.d(getter, 'a', getter);
+	/******/ 		return getter;
+	/******/ 	};
+	/******/
+	/******/ 	// Object.prototype.hasOwnProperty.call
+	/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+	/******/
+	/******/ 	// __webpack_public_path__
+	/******/ 	__webpack_require__.p = "";
+	/******/
+	/******/ 	// Load entry module and return exports
+	/******/ 	return __webpack_require__(__webpack_require__.s = 10);
+	/******/ })
+	/************************************************************************/
+	/******/ ([
+	/* 0 */
+	/***/ (function(module, exports) {
 
-    if (queryStatusFilter === 'active' && !isActive) {
-      return false;
-    }
+	// shim for using process in browser
+	var process = module.exports = {};
 
-    if (queryStatusFilter === 'inactive' && isActive) {
-      return false;
-    }
-  }
-
-  if (typeof stale === 'boolean' && query.isStale() !== stale) {
-    return false;
-  }
-
-  if (typeof fetching === 'boolean' && query.isFetching() !== fetching) {
-    return false;
-  }
-
-  if (predicate && !predicate(query)) {
-    return false;
-  }
-
-  return true;
-}
-function matchMutation(filters, mutation) {
-  var exact = filters.exact,
-      fetching = filters.fetching,
-      predicate = filters.predicate,
-      mutationKey = filters.mutationKey;
-
-  if (isQueryKey(mutationKey)) {
-    if (!mutation.options.mutationKey) {
-      return false;
-    }
-
-    if (exact) {
-      if (hashQueryKey(mutation.options.mutationKey) !== hashQueryKey(mutationKey)) {
-        return false;
-      }
-    } else if (!partialMatchKey(mutation.options.mutationKey, mutationKey)) {
-      return false;
-    }
-  }
-
-  if (typeof fetching === 'boolean' && mutation.state.status === 'loading' !== fetching) {
-    return false;
-  }
-
-  if (predicate && !predicate(mutation)) {
-    return false;
-  }
-
-  return true;
-}
-function hashQueryKeyByOptions(queryKey, options) {
-  var hashFn = (options == null ? void 0 : options.queryKeyHashFn) || hashQueryKey;
-  return hashFn(queryKey);
-}
-/**
- * Default query keys hash function.
- */
-
-function hashQueryKey(queryKey) {
-  var asArray = ensureQueryKeyArray(queryKey);
-  return stableValueHash(asArray);
-}
-/**
- * Hashes the value into a stable hash.
- */
-
-function stableValueHash(value) {
-  return JSON.stringify(value, function (_, val) {
-    return isPlainObject(val) ? Object.keys(val).sort().reduce(function (result, key) {
-      result[key] = val[key];
-      return result;
-    }, {}) : val;
-  });
-}
-/**
- * Checks if key `b` partially matches with key `a`.
- */
-
-function partialMatchKey(a, b) {
-  return partialDeepEqual(ensureQueryKeyArray(a), ensureQueryKeyArray(b));
-}
-/**
- * Checks if `b` partially matches with `a`.
- */
-
-function partialDeepEqual(a, b) {
-  if (a === b) {
-    return true;
-  }
-
-  if (typeof a !== typeof b) {
-    return false;
-  }
-
-  if (a && b && typeof a === 'object' && typeof b === 'object') {
-    return !Object.keys(b).some(function (key) {
-      return !partialDeepEqual(a[key], b[key]);
-    });
-  }
-
-  return false;
-}
-/**
- * This function returns `a` if `b` is deeply equal.
- * If not, it will replace any deeply equal children of `b` with those of `a`.
- * This can be used for structural sharing between JSON values for example.
- */
-
-function replaceEqualDeep(a, b) {
-  if (a === b) {
-    return a;
-  }
-
-  var array = Array.isArray(a) && Array.isArray(b);
-
-  if (array || isPlainObject(a) && isPlainObject(b)) {
-    var aSize = array ? a.length : Object.keys(a).length;
-    var bItems = array ? b : Object.keys(b);
-    var bSize = bItems.length;
-    var copy = array ? [] : {};
-    var equalItems = 0;
-
-    for (var i = 0; i < bSize; i++) {
-      var key = array ? i : bItems[i];
-      copy[key] = replaceEqualDeep(a[key], b[key]);
-
-      if (copy[key] === a[key]) {
-        equalItems++;
-      }
-    }
-
-    return aSize === bSize && equalItems === aSize ? a : copy;
-  }
-
-  return b;
-}
-/**
- * Shallow compare objects. Only works with objects that always have the same properties.
- */
-
-function shallowEqualObjects(a, b) {
-  if (a && !b || b && !a) {
-    return false;
-  }
-
-  for (var key in a) {
-    if (a[key] !== b[key]) {
-      return false;
-    }
-  }
-
-  return true;
-} // Copied from: https://github.com/jonschlinkert/is-plain-object
-
-function isPlainObject(o) {
-  if (!hasObjectPrototype(o)) {
-    return false;
-  } // If has modified constructor
-
-
-  var ctor = o.constructor;
-
-  if (typeof ctor === 'undefined') {
-    return true;
-  } // If has modified prototype
-
-
-  var prot = ctor.prototype;
-
-  if (!hasObjectPrototype(prot)) {
-    return false;
-  } // If constructor does not have an Object-specific method
-
-
-  if (!prot.hasOwnProperty('isPrototypeOf')) {
-    return false;
-  } // Most likely a plain Object
-
-
-  return true;
-}
-
-function hasObjectPrototype(o) {
-  return Object.prototype.toString.call(o) === '[object Object]';
-}
-
-function isQueryKey(value) {
-  return typeof value === 'string' || Array.isArray(value);
-}
-function sleep(timeout) {
-  return new Promise(function (resolve) {
-    setTimeout(resolve, timeout);
-  });
-}
-/**
- * Schedules a microtask.
- * This can be useful to schedule state updates after rendering.
- */
-
-function scheduleMicrotask(callback) {
-  Promise.resolve().then(callback).catch(function (error) {
-    return setTimeout(function () {
-      throw error;
-    });
-  });
-}
-function getAbortController() {
-  if (typeof AbortController === 'function') {
-    return new AbortController();
-  }
-}
-
-var FocusManager = /*#__PURE__*/function (_Subscribable) {
-  _inheritsLoose(FocusManager, _Subscribable);
-
-  function FocusManager() {
-    var _this;
-
-    _this = _Subscribable.call(this) || this;
-
-    _this.setup = function (onFocus) {
-      var _window;
-
-      if (!isServer && ((_window = window) == null ? void 0 : _window.addEventListener)) {
-        var listener = function listener() {
-          return onFocus();
-        }; // Listen to visibillitychange and focus
-
-
-        window.addEventListener('visibilitychange', listener, false);
-        window.addEventListener('focus', listener, false);
-        return function () {
-          // Be sure to unsubscribe if a new handler is set
-          window.removeEventListener('visibilitychange', listener);
-          window.removeEventListener('focus', listener);
-        };
-      }
-    };
-
-    return _this;
-  }
-
-  var _proto = FocusManager.prototype;
-
-  _proto.onSubscribe = function onSubscribe() {
-    if (!this.cleanup) {
-      this.setEventListener(this.setup);
-    }
-  };
-
-  _proto.onUnsubscribe = function onUnsubscribe() {
-    if (!this.hasListeners()) {
-      var _this$cleanup;
-
-      (_this$cleanup = this.cleanup) == null ? void 0 : _this$cleanup.call(this);
-      this.cleanup = undefined;
-    }
-  };
-
-  _proto.setEventListener = function setEventListener(setup) {
-    var _this$cleanup2,
-        _this2 = this;
-
-    this.setup = setup;
-    (_this$cleanup2 = this.cleanup) == null ? void 0 : _this$cleanup2.call(this);
-    this.cleanup = setup(function (focused) {
-      if (typeof focused === 'boolean') {
-        _this2.setFocused(focused);
-      } else {
-        _this2.onFocus();
-      }
-    });
-  };
-
-  _proto.setFocused = function setFocused(focused) {
-    this.focused = focused;
-
-    if (focused) {
-      this.onFocus();
-    }
-  };
-
-  _proto.onFocus = function onFocus() {
-    this.listeners.forEach(function (listener) {
-      listener();
-    });
-  };
-
-  _proto.isFocused = function isFocused() {
-    if (typeof this.focused === 'boolean') {
-      return this.focused;
-    } // document global can be unavailable in react native
-
-
-    if (typeof document === 'undefined') {
-      return true;
-    }
-
-    return [undefined, 'visible', 'prerender'].includes(document.visibilityState);
-  };
-
-  return FocusManager;
-}(Subscribable);
-var focusManager = new FocusManager();
-
-var OnlineManager = /*#__PURE__*/function (_Subscribable) {
-  _inheritsLoose(OnlineManager, _Subscribable);
-
-  function OnlineManager() {
-    var _this;
-
-    _this = _Subscribable.call(this) || this;
-
-    _this.setup = function (onOnline) {
-      var _window;
-
-      if (!isServer && ((_window = window) == null ? void 0 : _window.addEventListener)) {
-        var listener = function listener() {
-          return onOnline();
-        }; // Listen to online
-
-
-        window.addEventListener('online', listener, false);
-        window.addEventListener('offline', listener, false);
-        return function () {
-          // Be sure to unsubscribe if a new handler is set
-          window.removeEventListener('online', listener);
-          window.removeEventListener('offline', listener);
-        };
-      }
-    };
-
-    return _this;
-  }
-
-  var _proto = OnlineManager.prototype;
-
-  _proto.onSubscribe = function onSubscribe() {
-    if (!this.cleanup) {
-      this.setEventListener(this.setup);
-    }
-  };
-
-  _proto.onUnsubscribe = function onUnsubscribe() {
-    if (!this.hasListeners()) {
-      var _this$cleanup;
-
-      (_this$cleanup = this.cleanup) == null ? void 0 : _this$cleanup.call(this);
-      this.cleanup = undefined;
-    }
-  };
-
-  _proto.setEventListener = function setEventListener(setup) {
-    var _this$cleanup2,
-        _this2 = this;
-
-    this.setup = setup;
-    (_this$cleanup2 = this.cleanup) == null ? void 0 : _this$cleanup2.call(this);
-    this.cleanup = setup(function (online) {
-      if (typeof online === 'boolean') {
-        _this2.setOnline(online);
-      } else {
-        _this2.onOnline();
-      }
-    });
-  };
-
-  _proto.setOnline = function setOnline(online) {
-    this.online = online;
-
-    if (online) {
-      this.onOnline();
-    }
-  };
-
-  _proto.onOnline = function onOnline() {
-    this.listeners.forEach(function (listener) {
-      listener();
-    });
-  };
-
-  _proto.isOnline = function isOnline() {
-    if (typeof this.online === 'boolean') {
-      return this.online;
-    }
-
-    if (typeof navigator === 'undefined' || typeof navigator.onLine === 'undefined') {
-      return true;
-    }
-
-    return navigator.onLine;
-  };
-
-  return OnlineManager;
-}(Subscribable);
-var onlineManager = new OnlineManager();
-
-function defaultRetryDelay(failureCount) {
-  return Math.min(1000 * Math.pow(2, failureCount), 30000);
-}
-
-function isCancelable(value) {
-  return typeof (value == null ? void 0 : value.cancel) === 'function';
-}
-var CancelledError = function CancelledError(options) {
-  this.revert = options == null ? void 0 : options.revert;
-  this.silent = options == null ? void 0 : options.silent;
-};
-function isCancelledError(value) {
-  return value instanceof CancelledError;
-} // CLASS
-
-var Retryer = function Retryer(config) {
-  var _this = this;
-
-  var cancelRetry = false;
-  var cancelFn;
-  var continueFn;
-  var promiseResolve;
-  var promiseReject;
-  this.abort = config.abort;
-
-  this.cancel = function (cancelOptions) {
-    return cancelFn == null ? void 0 : cancelFn(cancelOptions);
-  };
-
-  this.cancelRetry = function () {
-    cancelRetry = true;
-  };
-
-  this.continueRetry = function () {
-    cancelRetry = false;
-  };
-
-  this.continue = function () {
-    return continueFn == null ? void 0 : continueFn();
-  };
-
-  this.failureCount = 0;
-  this.isPaused = false;
-  this.isResolved = false;
-  this.isTransportCancelable = false;
-  this.promise = new Promise(function (outerResolve, outerReject) {
-    promiseResolve = outerResolve;
-    promiseReject = outerReject;
-  });
-
-  var resolve = function resolve(value) {
-    if (!_this.isResolved) {
-      _this.isResolved = true;
-      config.onSuccess == null ? void 0 : config.onSuccess(value);
-      continueFn == null ? void 0 : continueFn();
-      promiseResolve(value);
-    }
-  };
-
-  var reject = function reject(value) {
-    if (!_this.isResolved) {
-      _this.isResolved = true;
-      config.onError == null ? void 0 : config.onError(value);
-      continueFn == null ? void 0 : continueFn();
-      promiseReject(value);
-    }
-  };
-
-  var pause = function pause() {
-    return new Promise(function (continueResolve) {
-      continueFn = continueResolve;
-      _this.isPaused = true;
-      config.onPause == null ? void 0 : config.onPause();
-    }).then(function () {
-      continueFn = undefined;
-      _this.isPaused = false;
-      config.onContinue == null ? void 0 : config.onContinue();
-    });
-  }; // Create loop function
-
-
-  var run = function run() {
-    // Do nothing if already resolved
-    if (_this.isResolved) {
-      return;
-    }
-
-    var promiseOrValue; // Execute query
-
-    try {
-      promiseOrValue = config.fn();
-    } catch (error) {
-      promiseOrValue = Promise.reject(error);
-    } // Create callback to cancel this fetch
-
-
-    cancelFn = function cancelFn(cancelOptions) {
-      if (!_this.isResolved) {
-        reject(new CancelledError(cancelOptions));
-        _this.abort == null ? void 0 : _this.abort(); // Cancel transport if supported
-
-        if (isCancelable(promiseOrValue)) {
-          try {
-            promiseOrValue.cancel();
-          } catch (_unused) {}
-        }
-      }
-    }; // Check if the transport layer support cancellation
-
-
-    _this.isTransportCancelable = isCancelable(promiseOrValue);
-    Promise.resolve(promiseOrValue).then(resolve).catch(function (error) {
-      var _config$retry, _config$retryDelay;
-
-      // Stop if the fetch is already resolved
-      if (_this.isResolved) {
-        return;
-      } // Do we need to retry the request?
-
-
-      var retry = (_config$retry = config.retry) != null ? _config$retry : 3;
-      var retryDelay = (_config$retryDelay = config.retryDelay) != null ? _config$retryDelay : defaultRetryDelay;
-      var delay = typeof retryDelay === 'function' ? retryDelay(_this.failureCount, error) : retryDelay;
-      var shouldRetry = retry === true || typeof retry === 'number' && _this.failureCount < retry || typeof retry === 'function' && retry(_this.failureCount, error);
-
-      if (cancelRetry || !shouldRetry) {
-        // We are done if the query does not need to be retried
-        reject(error);
-        return;
-      }
-
-      _this.failureCount++; // Notify on fail
-
-      config.onFail == null ? void 0 : config.onFail(_this.failureCount, error); // Delay
-
-      sleep(delay) // Pause if the document is not visible or when the device is offline
-      .then(function () {
-        if (!focusManager.isFocused() || !onlineManager.isOnline()) {
-          return pause();
-        }
-      }).then(function () {
-        if (cancelRetry) {
-          reject(error);
-        } else {
-          run();
-        }
-      });
-    });
-  }; // Start loop
-
-
-  run();
-};
-
-// CLASS
-var NotifyManager = /*#__PURE__*/function () {
-  function NotifyManager() {
-    this.queue = [];
-    this.transactions = 0;
-
-    this.notifyFn = function (callback) {
-      callback();
-    };
-
-    this.batchNotifyFn = function (callback) {
-      callback();
-    };
-  }
-
-  var _proto = NotifyManager.prototype;
-
-  _proto.batch = function batch(callback) {
-    var result;
-    this.transactions++;
-
-    try {
-      result = callback();
-    } finally {
-      this.transactions--;
-
-      if (!this.transactions) {
-        this.flush();
-      }
-    }
-
-    return result;
-  };
-
-  _proto.schedule = function schedule(callback) {
-    var _this = this;
-
-    if (this.transactions) {
-      this.queue.push(callback);
-    } else {
-      scheduleMicrotask(function () {
-        _this.notifyFn(callback);
-      });
-    }
-  }
-  /**
-   * All calls to the wrapped function will be batched.
-   */
-  ;
-
-  _proto.batchCalls = function batchCalls(callback) {
-    var _this2 = this;
-
-    return function () {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      _this2.schedule(function () {
-        callback.apply(void 0, args);
-      });
-    };
-  };
-
-  _proto.flush = function flush() {
-    var _this3 = this;
-
-    var queue = this.queue;
-    this.queue = [];
-
-    if (queue.length) {
-      scheduleMicrotask(function () {
-        _this3.batchNotifyFn(function () {
-          queue.forEach(function (callback) {
-            _this3.notifyFn(callback);
-          });
-        });
-      });
-    }
-  }
-  /**
-   * Use this method to set a custom notify function.
-   * This can be used to for example wrap notifications with `React.act` while running tests.
-   */
-  ;
-
-  _proto.setNotifyFunction = function setNotifyFunction(fn) {
-    this.notifyFn = fn;
-  }
-  /**
-   * Use this method to set a custom function to batch notifications together into a single tick.
-   * By default React Query will use the batch function provided by ReactDOM or React Native.
-   */
-  ;
-
-  _proto.setBatchNotifyFunction = function setBatchNotifyFunction(fn) {
-    this.batchNotifyFn = fn;
-  };
-
-  return NotifyManager;
-}(); // SINGLETON
-
-var notifyManager = new NotifyManager();
-
-// TYPES
-// FUNCTIONS
-var logger$1 = console;
-function getLogger() {
-  return logger$1;
-}
-function setLogger(newLogger) {
-  logger$1 = newLogger;
-}
-
-// CLASS
-var Query = /*#__PURE__*/function () {
-  function Query(config) {
-    this.abortSignalConsumed = false;
-    this.hadObservers = false;
-    this.defaultOptions = config.defaultOptions;
-    this.setOptions(config.options);
-    this.observers = [];
-    this.cache = config.cache;
-    this.queryKey = config.queryKey;
-    this.queryHash = config.queryHash;
-    this.initialState = config.state || this.getDefaultState(this.options);
-    this.state = this.initialState;
-    this.meta = config.meta;
-    this.scheduleGc();
-  }
-
-  var _proto = Query.prototype;
-
-  _proto.setOptions = function setOptions(options) {
-    var _this$options$cacheTi;
-
-    this.options = _extends({}, this.defaultOptions, options);
-    this.meta = options == null ? void 0 : options.meta; // Default to 5 minutes if not cache time is set
-
-    this.cacheTime = Math.max(this.cacheTime || 0, (_this$options$cacheTi = this.options.cacheTime) != null ? _this$options$cacheTi : 5 * 60 * 1000);
-  };
-
-  _proto.setDefaultOptions = function setDefaultOptions(options) {
-    this.defaultOptions = options;
-  };
-
-  _proto.scheduleGc = function scheduleGc() {
-    var _this = this;
-
-    this.clearGcTimeout();
-
-    if (isValidTimeout(this.cacheTime)) {
-      this.gcTimeout = setTimeout(function () {
-        _this.optionalRemove();
-      }, this.cacheTime);
-    }
-  };
-
-  _proto.clearGcTimeout = function clearGcTimeout() {
-    if (this.gcTimeout) {
-      clearTimeout(this.gcTimeout);
-      this.gcTimeout = undefined;
-    }
-  };
-
-  _proto.optionalRemove = function optionalRemove() {
-    if (!this.observers.length) {
-      if (this.state.isFetching) {
-        if (this.hadObservers) {
-          this.scheduleGc();
-        }
-      } else {
-        this.cache.remove(this);
-      }
-    }
-  };
-
-  _proto.setData = function setData(updater, options) {
-    var _this$options$isDataE, _this$options;
-
-    var prevData = this.state.data; // Get the new data
-
-    var data = functionalUpdate(updater, prevData); // Use prev data if an isDataEqual function is defined and returns `true`
-
-    if ((_this$options$isDataE = (_this$options = this.options).isDataEqual) == null ? void 0 : _this$options$isDataE.call(_this$options, prevData, data)) {
-      data = prevData;
-    } else if (this.options.structuralSharing !== false) {
-      // Structurally share data between prev and new data if needed
-      data = replaceEqualDeep(prevData, data);
-    } // Set data and mark it as cached
-
-
-    this.dispatch({
-      data: data,
-      type: 'success',
-      dataUpdatedAt: options == null ? void 0 : options.updatedAt
-    });
-    return data;
-  };
-
-  _proto.setState = function setState(state, setStateOptions) {
-    this.dispatch({
-      type: 'setState',
-      state: state,
-      setStateOptions: setStateOptions
-    });
-  };
-
-  _proto.cancel = function cancel(options) {
-    var _this$retryer;
-
-    var promise = this.promise;
-    (_this$retryer = this.retryer) == null ? void 0 : _this$retryer.cancel(options);
-    return promise ? promise.then(noop).catch(noop) : Promise.resolve();
-  };
-
-  _proto.destroy = function destroy() {
-    this.clearGcTimeout();
-    this.cancel({
-      silent: true
-    });
-  };
-
-  _proto.reset = function reset() {
-    this.destroy();
-    this.setState(this.initialState);
-  };
-
-  _proto.isActive = function isActive() {
-    return this.observers.some(function (observer) {
-      return observer.options.enabled !== false;
-    });
-  };
-
-  _proto.isFetching = function isFetching() {
-    return this.state.isFetching;
-  };
-
-  _proto.isStale = function isStale() {
-    return this.state.isInvalidated || !this.state.dataUpdatedAt || this.observers.some(function (observer) {
-      return observer.getCurrentResult().isStale;
-    });
-  };
-
-  _proto.isStaleByTime = function isStaleByTime(staleTime) {
-    if (staleTime === void 0) {
-      staleTime = 0;
-    }
-
-    return this.state.isInvalidated || !this.state.dataUpdatedAt || !timeUntilStale(this.state.dataUpdatedAt, staleTime);
-  };
-
-  _proto.onFocus = function onFocus() {
-    var _this$retryer2;
-
-    var observer = this.observers.find(function (x) {
-      return x.shouldFetchOnWindowFocus();
-    });
-
-    if (observer) {
-      observer.refetch();
-    } // Continue fetch if currently paused
-
-
-    (_this$retryer2 = this.retryer) == null ? void 0 : _this$retryer2.continue();
-  };
-
-  _proto.onOnline = function onOnline() {
-    var _this$retryer3;
-
-    var observer = this.observers.find(function (x) {
-      return x.shouldFetchOnReconnect();
-    });
-
-    if (observer) {
-      observer.refetch();
-    } // Continue fetch if currently paused
-
-
-    (_this$retryer3 = this.retryer) == null ? void 0 : _this$retryer3.continue();
-  };
-
-  _proto.addObserver = function addObserver(observer) {
-    if (this.observers.indexOf(observer) === -1) {
-      this.observers.push(observer);
-      this.hadObservers = true; // Stop the query from being garbage collected
-
-      this.clearGcTimeout();
-      this.cache.notify({
-        type: 'observerAdded',
-        query: this,
-        observer: observer
-      });
-    }
-  };
-
-  _proto.removeObserver = function removeObserver(observer) {
-    if (this.observers.indexOf(observer) !== -1) {
-      this.observers = this.observers.filter(function (x) {
-        return x !== observer;
-      });
-
-      if (!this.observers.length) {
-        // If the transport layer does not support cancellation
-        // we'll let the query continue so the result can be cached
-        if (this.retryer) {
-          if (this.retryer.isTransportCancelable || this.abortSignalConsumed) {
-            this.retryer.cancel({
-              revert: true
-            });
-          } else {
-            this.retryer.cancelRetry();
-          }
-        }
-
-        if (this.cacheTime) {
-          this.scheduleGc();
-        } else {
-          this.cache.remove(this);
-        }
-      }
-
-      this.cache.notify({
-        type: 'observerRemoved',
-        query: this,
-        observer: observer
-      });
-    }
-  };
-
-  _proto.getObserversCount = function getObserversCount() {
-    return this.observers.length;
-  };
-
-  _proto.invalidate = function invalidate() {
-    if (!this.state.isInvalidated) {
-      this.dispatch({
-        type: 'invalidate'
-      });
-    }
-  };
-
-  _proto.fetch = function fetch(options, fetchOptions) {
-    var _this2 = this,
-        _this$options$behavio,
-        _context$fetchOptions,
-        _abortController$abor;
-
-    if (this.state.isFetching) {
-      if (this.state.dataUpdatedAt && (fetchOptions == null ? void 0 : fetchOptions.cancelRefetch)) {
-        // Silently cancel current fetch if the user wants to cancel refetches
-        this.cancel({
-          silent: true
-        });
-      } else if (this.promise) {
-        var _this$retryer4;
-
-        // make sure that retries that were potentially cancelled due to unmounts can continue
-        (_this$retryer4 = this.retryer) == null ? void 0 : _this$retryer4.continueRetry(); // Return current promise if we are already fetching
-
-        return this.promise;
-      }
-    } // Update config if passed, otherwise the config from the last execution is used
-
-
-    if (options) {
-      this.setOptions(options);
-    } // Use the options from the first observer with a query function if no function is found.
-    // This can happen when the query is hydrated or created with setQueryData.
-
-
-    if (!this.options.queryFn) {
-      var observer = this.observers.find(function (x) {
-        return x.options.queryFn;
-      });
-
-      if (observer) {
-        this.setOptions(observer.options);
-      }
-    }
-
-    var queryKey = ensureQueryKeyArray(this.queryKey);
-    var abortController = getAbortController(); // Create query function context
-
-    var queryFnContext = {
-      queryKey: queryKey,
-      pageParam: undefined,
-      meta: this.meta
-    };
-    Object.defineProperty(queryFnContext, 'signal', {
-      enumerable: true,
-      get: function get() {
-        if (abortController) {
-          _this2.abortSignalConsumed = true;
-          return abortController.signal;
-        }
-
-        return undefined;
-      }
-    }); // Create fetch function
-
-    var fetchFn = function fetchFn() {
-      if (!_this2.options.queryFn) {
-        return Promise.reject('Missing queryFn');
-      }
-
-      _this2.abortSignalConsumed = false;
-      return _this2.options.queryFn(queryFnContext);
-    }; // Trigger behavior hook
-
-
-    var context = {
-      fetchOptions: fetchOptions,
-      options: this.options,
-      queryKey: queryKey,
-      state: this.state,
-      fetchFn: fetchFn,
-      meta: this.meta
-    };
-
-    if ((_this$options$behavio = this.options.behavior) == null ? void 0 : _this$options$behavio.onFetch) {
-      var _this$options$behavio2;
-
-      (_this$options$behavio2 = this.options.behavior) == null ? void 0 : _this$options$behavio2.onFetch(context);
-    } // Store state in case the current fetch needs to be reverted
-
-
-    this.revertState = this.state; // Set to fetching state if not already in it
-
-    if (!this.state.isFetching || this.state.fetchMeta !== ((_context$fetchOptions = context.fetchOptions) == null ? void 0 : _context$fetchOptions.meta)) {
-      var _context$fetchOptions2;
-
-      this.dispatch({
-        type: 'fetch',
-        meta: (_context$fetchOptions2 = context.fetchOptions) == null ? void 0 : _context$fetchOptions2.meta
-      });
-    } // Try to fetch the data
-
-
-    this.retryer = new Retryer({
-      fn: context.fetchFn,
-      abort: abortController == null ? void 0 : (_abortController$abor = abortController.abort) == null ? void 0 : _abortController$abor.bind(abortController),
-      onSuccess: function onSuccess(data) {
-        _this2.setData(data); // Notify cache callback
-
-
-        _this2.cache.config.onSuccess == null ? void 0 : _this2.cache.config.onSuccess(data, _this2); // Remove query after fetching if cache time is 0
-
-        if (_this2.cacheTime === 0) {
-          _this2.optionalRemove();
-        }
-      },
-      onError: function onError(error) {
-        // Optimistically update state if needed
-        if (!(isCancelledError(error) && error.silent)) {
-          _this2.dispatch({
-            type: 'error',
-            error: error
-          });
-        }
-
-        if (!isCancelledError(error)) {
-          // Notify cache callback
-          _this2.cache.config.onError == null ? void 0 : _this2.cache.config.onError(error, _this2); // Log error
-
-          getLogger().error(error);
-        } // Remove query after fetching if cache time is 0
-
-
-        if (_this2.cacheTime === 0) {
-          _this2.optionalRemove();
-        }
-      },
-      onFail: function onFail() {
-        _this2.dispatch({
-          type: 'failed'
-        });
-      },
-      onPause: function onPause() {
-        _this2.dispatch({
-          type: 'pause'
-        });
-      },
-      onContinue: function onContinue() {
-        _this2.dispatch({
-          type: 'continue'
-        });
-      },
-      retry: context.options.retry,
-      retryDelay: context.options.retryDelay
-    });
-    this.promise = this.retryer.promise;
-    return this.promise;
-  };
-
-  _proto.dispatch = function dispatch(action) {
-    var _this3 = this;
-
-    this.state = this.reducer(this.state, action);
-    notifyManager.batch(function () {
-      _this3.observers.forEach(function (observer) {
-        observer.onQueryUpdate(action);
-      });
-
-      _this3.cache.notify({
-        query: _this3,
-        type: 'queryUpdated',
-        action: action
-      });
-    });
-  };
-
-  _proto.getDefaultState = function getDefaultState(options) {
-    var data = typeof options.initialData === 'function' ? options.initialData() : options.initialData;
-    var hasInitialData = typeof options.initialData !== 'undefined';
-    var initialDataUpdatedAt = hasInitialData ? typeof options.initialDataUpdatedAt === 'function' ? options.initialDataUpdatedAt() : options.initialDataUpdatedAt : 0;
-    var hasData = typeof data !== 'undefined';
-    return {
-      data: data,
-      dataUpdateCount: 0,
-      dataUpdatedAt: hasData ? initialDataUpdatedAt != null ? initialDataUpdatedAt : Date.now() : 0,
-      error: null,
-      errorUpdateCount: 0,
-      errorUpdatedAt: 0,
-      fetchFailureCount: 0,
-      fetchMeta: null,
-      isFetching: false,
-      isInvalidated: false,
-      isPaused: false,
-      status: hasData ? 'success' : 'idle'
-    };
-  };
-
-  _proto.reducer = function reducer(state, action) {
-    var _action$meta, _action$dataUpdatedAt;
-
-    switch (action.type) {
-      case 'failed':
-        return _extends({}, state, {
-          fetchFailureCount: state.fetchFailureCount + 1
-        });
-
-      case 'pause':
-        return _extends({}, state, {
-          isPaused: true
-        });
-
-      case 'continue':
-        return _extends({}, state, {
-          isPaused: false
-        });
-
-      case 'fetch':
-        return _extends({}, state, {
-          fetchFailureCount: 0,
-          fetchMeta: (_action$meta = action.meta) != null ? _action$meta : null,
-          isFetching: true,
-          isPaused: false
-        }, !state.dataUpdatedAt && {
-          error: null,
-          status: 'loading'
-        });
-
-      case 'success':
-        return _extends({}, state, {
-          data: action.data,
-          dataUpdateCount: state.dataUpdateCount + 1,
-          dataUpdatedAt: (_action$dataUpdatedAt = action.dataUpdatedAt) != null ? _action$dataUpdatedAt : Date.now(),
-          error: null,
-          fetchFailureCount: 0,
-          isFetching: false,
-          isInvalidated: false,
-          isPaused: false,
-          status: 'success'
-        });
-
-      case 'error':
-        var error = action.error;
-
-        if (isCancelledError(error) && error.revert && this.revertState) {
-          return _extends({}, this.revertState);
-        }
-
-        return _extends({}, state, {
-          error: error,
-          errorUpdateCount: state.errorUpdateCount + 1,
-          errorUpdatedAt: Date.now(),
-          fetchFailureCount: state.fetchFailureCount + 1,
-          isFetching: false,
-          isPaused: false,
-          status: 'error'
-        });
-
-      case 'invalidate':
-        return _extends({}, state, {
-          isInvalidated: true
-        });
-
-      case 'setState':
-        return _extends({}, state, action.state);
-
-      default:
-        return state;
-    }
-  };
-
-  return Query;
-}();
-
-// CLASS
-var QueryCache = /*#__PURE__*/function (_Subscribable) {
-  _inheritsLoose(QueryCache, _Subscribable);
-
-  function QueryCache(config) {
-    var _this;
-
-    _this = _Subscribable.call(this) || this;
-    _this.config = config || {};
-    _this.queries = [];
-    _this.queriesMap = {};
-    return _this;
-  }
-
-  var _proto = QueryCache.prototype;
-
-  _proto.build = function build(client, options, state) {
-    var _options$queryHash;
-
-    var queryKey = options.queryKey;
-    var queryHash = (_options$queryHash = options.queryHash) != null ? _options$queryHash : hashQueryKeyByOptions(queryKey, options);
-    var query = this.get(queryHash);
-
-    if (!query) {
-      query = new Query({
-        cache: this,
-        queryKey: queryKey,
-        queryHash: queryHash,
-        options: client.defaultQueryOptions(options),
-        state: state,
-        defaultOptions: client.getQueryDefaults(queryKey),
-        meta: options.meta
-      });
-      this.add(query);
-    }
-
-    return query;
-  };
-
-  _proto.add = function add(query) {
-    if (!this.queriesMap[query.queryHash]) {
-      this.queriesMap[query.queryHash] = query;
-      this.queries.push(query);
-      this.notify({
-        type: 'queryAdded',
-        query: query
-      });
-    }
-  };
-
-  _proto.remove = function remove(query) {
-    var queryInMap = this.queriesMap[query.queryHash];
-
-    if (queryInMap) {
-      query.destroy();
-      this.queries = this.queries.filter(function (x) {
-        return x !== query;
-      });
-
-      if (queryInMap === query) {
-        delete this.queriesMap[query.queryHash];
-      }
-
-      this.notify({
-        type: 'queryRemoved',
-        query: query
-      });
-    }
-  };
-
-  _proto.clear = function clear() {
-    var _this2 = this;
-
-    notifyManager.batch(function () {
-      _this2.queries.forEach(function (query) {
-        _this2.remove(query);
-      });
-    });
-  };
-
-  _proto.get = function get(queryHash) {
-    return this.queriesMap[queryHash];
-  };
-
-  _proto.getAll = function getAll() {
-    return this.queries;
-  };
-
-  _proto.find = function find(arg1, arg2) {
-    var _parseFilterArgs = parseFilterArgs(arg1, arg2),
-        filters = _parseFilterArgs[0];
-
-    if (typeof filters.exact === 'undefined') {
-      filters.exact = true;
-    }
-
-    return this.queries.find(function (query) {
-      return matchQuery(filters, query);
-    });
-  };
-
-  _proto.findAll = function findAll(arg1, arg2) {
-    var _parseFilterArgs2 = parseFilterArgs(arg1, arg2),
-        filters = _parseFilterArgs2[0];
-
-    return Object.keys(filters).length > 0 ? this.queries.filter(function (query) {
-      return matchQuery(filters, query);
-    }) : this.queries;
-  };
-
-  _proto.notify = function notify(event) {
-    var _this3 = this;
-
-    notifyManager.batch(function () {
-      _this3.listeners.forEach(function (listener) {
-        listener(event);
-      });
-    });
-  };
-
-  _proto.onFocus = function onFocus() {
-    var _this4 = this;
-
-    notifyManager.batch(function () {
-      _this4.queries.forEach(function (query) {
-        query.onFocus();
-      });
-    });
-  };
-
-  _proto.onOnline = function onOnline() {
-    var _this5 = this;
-
-    notifyManager.batch(function () {
-      _this5.queries.forEach(function (query) {
-        query.onOnline();
-      });
-    });
-  };
-
-  return QueryCache;
-}(Subscribable);
-
-// CLASS
-var Mutation = /*#__PURE__*/function () {
-  function Mutation(config) {
-    this.options = _extends({}, config.defaultOptions, config.options);
-    this.mutationId = config.mutationId;
-    this.mutationCache = config.mutationCache;
-    this.observers = [];
-    this.state = config.state || getDefaultState();
-    this.meta = config.meta;
-  }
-
-  var _proto = Mutation.prototype;
-
-  _proto.setState = function setState(state) {
-    this.dispatch({
-      type: 'setState',
-      state: state
-    });
-  };
-
-  _proto.addObserver = function addObserver(observer) {
-    if (this.observers.indexOf(observer) === -1) {
-      this.observers.push(observer);
-    }
-  };
-
-  _proto.removeObserver = function removeObserver(observer) {
-    this.observers = this.observers.filter(function (x) {
-      return x !== observer;
-    });
-  };
-
-  _proto.cancel = function cancel() {
-    if (this.retryer) {
-      this.retryer.cancel();
-      return this.retryer.promise.then(noop).catch(noop);
-    }
-
-    return Promise.resolve();
-  };
-
-  _proto.continue = function _continue() {
-    if (this.retryer) {
-      this.retryer.continue();
-      return this.retryer.promise;
-    }
-
-    return this.execute();
-  };
-
-  _proto.execute = function execute() {
-    var _this = this;
-
-    var data;
-    var restored = this.state.status === 'loading';
-    var promise = Promise.resolve();
-
-    if (!restored) {
-      this.dispatch({
-        type: 'loading',
-        variables: this.options.variables
-      });
-      promise = promise.then(function () {
-        // Notify cache callback
-        _this.mutationCache.config.onMutate == null ? void 0 : _this.mutationCache.config.onMutate(_this.state.variables, _this);
-      }).then(function () {
-        return _this.options.onMutate == null ? void 0 : _this.options.onMutate(_this.state.variables);
-      }).then(function (context) {
-        if (context !== _this.state.context) {
-          _this.dispatch({
-            type: 'loading',
-            context: context,
-            variables: _this.state.variables
-          });
-        }
-      });
-    }
-
-    return promise.then(function () {
-      return _this.executeMutation();
-    }).then(function (result) {
-      data = result; // Notify cache callback
-
-      _this.mutationCache.config.onSuccess == null ? void 0 : _this.mutationCache.config.onSuccess(data, _this.state.variables, _this.state.context, _this);
-    }).then(function () {
-      return _this.options.onSuccess == null ? void 0 : _this.options.onSuccess(data, _this.state.variables, _this.state.context);
-    }).then(function () {
-      return _this.options.onSettled == null ? void 0 : _this.options.onSettled(data, null, _this.state.variables, _this.state.context);
-    }).then(function () {
-      _this.dispatch({
-        type: 'success',
-        data: data
-      });
-
-      return data;
-    }).catch(function (error) {
-      // Notify cache callback
-      _this.mutationCache.config.onError == null ? void 0 : _this.mutationCache.config.onError(error, _this.state.variables, _this.state.context, _this); // Log error
-
-      getLogger().error(error);
-      return Promise.resolve().then(function () {
-        return _this.options.onError == null ? void 0 : _this.options.onError(error, _this.state.variables, _this.state.context);
-      }).then(function () {
-        return _this.options.onSettled == null ? void 0 : _this.options.onSettled(undefined, error, _this.state.variables, _this.state.context);
-      }).then(function () {
-        _this.dispatch({
-          type: 'error',
-          error: error
-        });
-
-        throw error;
-      });
-    });
-  };
-
-  _proto.executeMutation = function executeMutation() {
-    var _this2 = this,
-        _this$options$retry;
-
-    this.retryer = new Retryer({
-      fn: function fn() {
-        if (!_this2.options.mutationFn) {
-          return Promise.reject('No mutationFn found');
-        }
-
-        return _this2.options.mutationFn(_this2.state.variables);
-      },
-      onFail: function onFail() {
-        _this2.dispatch({
-          type: 'failed'
-        });
-      },
-      onPause: function onPause() {
-        _this2.dispatch({
-          type: 'pause'
-        });
-      },
-      onContinue: function onContinue() {
-        _this2.dispatch({
-          type: 'continue'
-        });
-      },
-      retry: (_this$options$retry = this.options.retry) != null ? _this$options$retry : 0,
-      retryDelay: this.options.retryDelay
-    });
-    return this.retryer.promise;
-  };
-
-  _proto.dispatch = function dispatch(action) {
-    var _this3 = this;
-
-    this.state = reducer(this.state, action);
-    notifyManager.batch(function () {
-      _this3.observers.forEach(function (observer) {
-        observer.onMutationUpdate(action);
-      });
-
-      _this3.mutationCache.notify(_this3);
-    });
-  };
-
-  return Mutation;
-}();
-function getDefaultState() {
-  return {
-    context: undefined,
-    data: undefined,
-    error: null,
-    failureCount: 0,
-    isPaused: false,
-    status: 'idle',
-    variables: undefined
-  };
-}
-
-function reducer(state, action) {
-  switch (action.type) {
-    case 'failed':
-      return _extends({}, state, {
-        failureCount: state.failureCount + 1
-      });
-
-    case 'pause':
-      return _extends({}, state, {
-        isPaused: true
-      });
-
-    case 'continue':
-      return _extends({}, state, {
-        isPaused: false
-      });
-
-    case 'loading':
-      return _extends({}, state, {
-        context: action.context,
-        data: undefined,
-        error: null,
-        isPaused: false,
-        status: 'loading',
-        variables: action.variables
-      });
-
-    case 'success':
-      return _extends({}, state, {
-        data: action.data,
-        error: null,
-        status: 'success',
-        isPaused: false
-      });
-
-    case 'error':
-      return _extends({}, state, {
-        data: undefined,
-        error: action.error,
-        failureCount: state.failureCount + 1,
-        isPaused: false,
-        status: 'error'
-      });
-
-    case 'setState':
-      return _extends({}, state, action.state);
-
-    default:
-      return state;
-  }
-}
-
-// CLASS
-var MutationCache = /*#__PURE__*/function (_Subscribable) {
-  _inheritsLoose(MutationCache, _Subscribable);
-
-  function MutationCache(config) {
-    var _this;
-
-    _this = _Subscribable.call(this) || this;
-    _this.config = config || {};
-    _this.mutations = [];
-    _this.mutationId = 0;
-    return _this;
-  }
-
-  var _proto = MutationCache.prototype;
-
-  _proto.build = function build(client, options, state) {
-    var mutation = new Mutation({
-      mutationCache: this,
-      mutationId: ++this.mutationId,
-      options: client.defaultMutationOptions(options),
-      state: state,
-      defaultOptions: options.mutationKey ? client.getMutationDefaults(options.mutationKey) : undefined,
-      meta: options.meta
-    });
-    this.add(mutation);
-    return mutation;
-  };
-
-  _proto.add = function add(mutation) {
-    this.mutations.push(mutation);
-    this.notify(mutation);
-  };
-
-  _proto.remove = function remove(mutation) {
-    this.mutations = this.mutations.filter(function (x) {
-      return x !== mutation;
-    });
-    mutation.cancel();
-    this.notify(mutation);
-  };
-
-  _proto.clear = function clear() {
-    var _this2 = this;
-
-    notifyManager.batch(function () {
-      _this2.mutations.forEach(function (mutation) {
-        _this2.remove(mutation);
-      });
-    });
-  };
-
-  _proto.getAll = function getAll() {
-    return this.mutations;
-  };
-
-  _proto.find = function find(filters) {
-    if (typeof filters.exact === 'undefined') {
-      filters.exact = true;
-    }
-
-    return this.mutations.find(function (mutation) {
-      return matchMutation(filters, mutation);
-    });
-  };
-
-  _proto.findAll = function findAll(filters) {
-    return this.mutations.filter(function (mutation) {
-      return matchMutation(filters, mutation);
-    });
-  };
-
-  _proto.notify = function notify(mutation) {
-    var _this3 = this;
-
-    notifyManager.batch(function () {
-      _this3.listeners.forEach(function (listener) {
-        listener(mutation);
-      });
-    });
-  };
-
-  _proto.onFocus = function onFocus() {
-    this.resumePausedMutations();
-  };
-
-  _proto.onOnline = function onOnline() {
-    this.resumePausedMutations();
-  };
-
-  _proto.resumePausedMutations = function resumePausedMutations() {
-    var pausedMutations = this.mutations.filter(function (x) {
-      return x.state.isPaused;
-    });
-    return notifyManager.batch(function () {
-      return pausedMutations.reduce(function (promise, mutation) {
-        return promise.then(function () {
-          return mutation.continue().catch(noop);
-        });
-      }, Promise.resolve());
-    });
-  };
-
-  return MutationCache;
-}(Subscribable);
-
-function infiniteQueryBehavior() {
-  return {
-    onFetch: function onFetch(context) {
-      context.fetchFn = function () {
-        var _context$fetchOptions, _context$fetchOptions2, _context$fetchOptions3, _context$fetchOptions4, _context$state$data, _context$state$data2;
-
-        var refetchPage = (_context$fetchOptions = context.fetchOptions) == null ? void 0 : (_context$fetchOptions2 = _context$fetchOptions.meta) == null ? void 0 : _context$fetchOptions2.refetchPage;
-        var fetchMore = (_context$fetchOptions3 = context.fetchOptions) == null ? void 0 : (_context$fetchOptions4 = _context$fetchOptions3.meta) == null ? void 0 : _context$fetchOptions4.fetchMore;
-        var pageParam = fetchMore == null ? void 0 : fetchMore.pageParam;
-        var isFetchingNextPage = (fetchMore == null ? void 0 : fetchMore.direction) === 'forward';
-        var isFetchingPreviousPage = (fetchMore == null ? void 0 : fetchMore.direction) === 'backward';
-        var oldPages = ((_context$state$data = context.state.data) == null ? void 0 : _context$state$data.pages) || [];
-        var oldPageParams = ((_context$state$data2 = context.state.data) == null ? void 0 : _context$state$data2.pageParams) || [];
-        var abortController = getAbortController();
-        var abortSignal = abortController == null ? void 0 : abortController.signal;
-        var newPageParams = oldPageParams;
-        var cancelled = false; // Get query function
-
-        var queryFn = context.options.queryFn || function () {
-          return Promise.reject('Missing queryFn');
-        };
-
-        var buildNewPages = function buildNewPages(pages, param, page, previous) {
-          newPageParams = previous ? [param].concat(newPageParams) : [].concat(newPageParams, [param]);
-          return previous ? [page].concat(pages) : [].concat(pages, [page]);
-        }; // Create function to fetch a page
-
-
-        var fetchPage = function fetchPage(pages, manual, param, previous) {
-          if (cancelled) {
-            return Promise.reject('Cancelled');
-          }
-
-          if (typeof param === 'undefined' && !manual && pages.length) {
-            return Promise.resolve(pages);
-          }
-
-          var queryFnContext = {
-            queryKey: context.queryKey,
-            signal: abortSignal,
-            pageParam: param,
-            meta: context.meta
-          };
-          var queryFnResult = queryFn(queryFnContext);
-          var promise = Promise.resolve(queryFnResult).then(function (page) {
-            return buildNewPages(pages, param, page, previous);
-          });
-
-          if (isCancelable(queryFnResult)) {
-            var promiseAsAny = promise;
-            promiseAsAny.cancel = queryFnResult.cancel;
-          }
-
-          return promise;
-        };
-
-        var promise; // Fetch first page?
-
-        if (!oldPages.length) {
-          promise = fetchPage([]);
-        } // Fetch next page?
-        else if (isFetchingNextPage) {
-            var manual = typeof pageParam !== 'undefined';
-            var param = manual ? pageParam : getNextPageParam(context.options, oldPages);
-            promise = fetchPage(oldPages, manual, param);
-          } // Fetch previous page?
-          else if (isFetchingPreviousPage) {
-              var _manual = typeof pageParam !== 'undefined';
-
-              var _param = _manual ? pageParam : getPreviousPageParam(context.options, oldPages);
-
-              promise = fetchPage(oldPages, _manual, _param, true);
-            } // Refetch pages
-            else {
-                (function () {
-                  newPageParams = [];
-                  var manual = typeof context.options.getNextPageParam === 'undefined';
-                  var shouldFetchFirstPage = refetchPage && oldPages[0] ? refetchPage(oldPages[0], 0, oldPages) : true; // Fetch first page
-
-                  promise = shouldFetchFirstPage ? fetchPage([], manual, oldPageParams[0]) : Promise.resolve(buildNewPages([], oldPageParams[0], oldPages[0])); // Fetch remaining pages
-
-                  var _loop = function _loop(i) {
-                    promise = promise.then(function (pages) {
-                      var shouldFetchNextPage = refetchPage && oldPages[i] ? refetchPage(oldPages[i], i, oldPages) : true;
-
-                      if (shouldFetchNextPage) {
-                        var _param2 = manual ? oldPageParams[i] : getNextPageParam(context.options, pages);
-
-                        return fetchPage(pages, manual, _param2);
-                      }
-
-                      return Promise.resolve(buildNewPages(pages, oldPageParams[i], oldPages[i]));
-                    });
-                  };
-
-                  for (var i = 1; i < oldPages.length; i++) {
-                    _loop(i);
-                  }
-                })();
-              }
-
-        var finalPromise = promise.then(function (pages) {
-          return {
-            pages: pages,
-            pageParams: newPageParams
-          };
-        });
-        var finalPromiseAsAny = finalPromise;
-
-        finalPromiseAsAny.cancel = function () {
-          cancelled = true;
-          abortController == null ? void 0 : abortController.abort();
-
-          if (isCancelable(promise)) {
-            promise.cancel();
-          }
-        };
-
-        return finalPromise;
-      };
-    }
-  };
-}
-function getNextPageParam(options, pages) {
-  return options.getNextPageParam == null ? void 0 : options.getNextPageParam(pages[pages.length - 1], pages);
-}
-function getPreviousPageParam(options, pages) {
-  return options.getPreviousPageParam == null ? void 0 : options.getPreviousPageParam(pages[0], pages);
-}
-
-// CLASS
-var QueryClient = /*#__PURE__*/function () {
-  function QueryClient(config) {
-    if (config === void 0) {
-      config = {};
-    }
-
-    this.queryCache = config.queryCache || new QueryCache();
-    this.mutationCache = config.mutationCache || new MutationCache();
-    this.defaultOptions = config.defaultOptions || {};
-    this.queryDefaults = [];
-    this.mutationDefaults = [];
-  }
-
-  var _proto = QueryClient.prototype;
-
-  _proto.mount = function mount() {
-    var _this = this;
-
-    this.unsubscribeFocus = focusManager.subscribe(function () {
-      if (focusManager.isFocused() && onlineManager.isOnline()) {
-        _this.mutationCache.onFocus();
-
-        _this.queryCache.onFocus();
-      }
-    });
-    this.unsubscribeOnline = onlineManager.subscribe(function () {
-      if (focusManager.isFocused() && onlineManager.isOnline()) {
-        _this.mutationCache.onOnline();
-
-        _this.queryCache.onOnline();
-      }
-    });
-  };
-
-  _proto.unmount = function unmount() {
-    var _this$unsubscribeFocu, _this$unsubscribeOnli;
-
-    (_this$unsubscribeFocu = this.unsubscribeFocus) == null ? void 0 : _this$unsubscribeFocu.call(this);
-    (_this$unsubscribeOnli = this.unsubscribeOnline) == null ? void 0 : _this$unsubscribeOnli.call(this);
-  };
-
-  _proto.isFetching = function isFetching(arg1, arg2) {
-    var _parseFilterArgs = parseFilterArgs(arg1, arg2),
-        filters = _parseFilterArgs[0];
-
-    filters.fetching = true;
-    return this.queryCache.findAll(filters).length;
-  };
-
-  _proto.isMutating = function isMutating(filters) {
-    return this.mutationCache.findAll(_extends({}, filters, {
-      fetching: true
-    })).length;
-  };
-
-  _proto.getQueryData = function getQueryData(queryKey, filters) {
-    var _this$queryCache$find;
-
-    return (_this$queryCache$find = this.queryCache.find(queryKey, filters)) == null ? void 0 : _this$queryCache$find.state.data;
-  };
-
-  _proto.getQueriesData = function getQueriesData(queryKeyOrFilters) {
-    return this.getQueryCache().findAll(queryKeyOrFilters).map(function (_ref) {
-      var queryKey = _ref.queryKey,
-          state = _ref.state;
-      var data = state.data;
-      return [queryKey, data];
-    });
-  };
-
-  _proto.setQueryData = function setQueryData(queryKey, updater, options) {
-    var parsedOptions = parseQueryArgs(queryKey);
-    var defaultedOptions = this.defaultQueryOptions(parsedOptions);
-    return this.queryCache.build(this, defaultedOptions).setData(updater, options);
-  };
-
-  _proto.setQueriesData = function setQueriesData(queryKeyOrFilters, updater, options) {
-    var _this2 = this;
-
-    return notifyManager.batch(function () {
-      return _this2.getQueryCache().findAll(queryKeyOrFilters).map(function (_ref2) {
-        var queryKey = _ref2.queryKey;
-        return [queryKey, _this2.setQueryData(queryKey, updater, options)];
-      });
-    });
-  };
-
-  _proto.getQueryState = function getQueryState(queryKey, filters) {
-    var _this$queryCache$find2;
-
-    return (_this$queryCache$find2 = this.queryCache.find(queryKey, filters)) == null ? void 0 : _this$queryCache$find2.state;
-  };
-
-  _proto.removeQueries = function removeQueries(arg1, arg2) {
-    var _parseFilterArgs2 = parseFilterArgs(arg1, arg2),
-        filters = _parseFilterArgs2[0];
-
-    var queryCache = this.queryCache;
-    notifyManager.batch(function () {
-      queryCache.findAll(filters).forEach(function (query) {
-        queryCache.remove(query);
-      });
-    });
-  };
-
-  _proto.resetQueries = function resetQueries(arg1, arg2, arg3) {
-    var _this3 = this;
-
-    var _parseFilterArgs3 = parseFilterArgs(arg1, arg2, arg3),
-        filters = _parseFilterArgs3[0],
-        options = _parseFilterArgs3[1];
-
-    var queryCache = this.queryCache;
-
-    var refetchFilters = _extends({}, filters, {
-      active: true
-    });
-
-    return notifyManager.batch(function () {
-      queryCache.findAll(filters).forEach(function (query) {
-        query.reset();
-      });
-      return _this3.refetchQueries(refetchFilters, options);
-    });
-  };
-
-  _proto.cancelQueries = function cancelQueries(arg1, arg2, arg3) {
-    var _this4 = this;
-
-    var _parseFilterArgs4 = parseFilterArgs(arg1, arg2, arg3),
-        filters = _parseFilterArgs4[0],
-        _parseFilterArgs4$ = _parseFilterArgs4[1],
-        cancelOptions = _parseFilterArgs4$ === void 0 ? {} : _parseFilterArgs4$;
-
-    if (typeof cancelOptions.revert === 'undefined') {
-      cancelOptions.revert = true;
-    }
-
-    var promises = notifyManager.batch(function () {
-      return _this4.queryCache.findAll(filters).map(function (query) {
-        return query.cancel(cancelOptions);
-      });
-    });
-    return Promise.all(promises).then(noop).catch(noop);
-  };
-
-  _proto.invalidateQueries = function invalidateQueries(arg1, arg2, arg3) {
-    var _ref3,
-        _filters$refetchActiv,
-        _filters$refetchInact,
-        _this5 = this;
-
-    var _parseFilterArgs5 = parseFilterArgs(arg1, arg2, arg3),
-        filters = _parseFilterArgs5[0],
-        options = _parseFilterArgs5[1];
-
-    var refetchFilters = _extends({}, filters, {
-      // if filters.refetchActive is not provided and filters.active is explicitly false,
-      // e.g. invalidateQueries({ active: false }), we don't want to refetch active queries
-      active: (_ref3 = (_filters$refetchActiv = filters.refetchActive) != null ? _filters$refetchActiv : filters.active) != null ? _ref3 : true,
-      inactive: (_filters$refetchInact = filters.refetchInactive) != null ? _filters$refetchInact : false
-    });
-
-    return notifyManager.batch(function () {
-      _this5.queryCache.findAll(filters).forEach(function (query) {
-        query.invalidate();
-      });
-
-      return _this5.refetchQueries(refetchFilters, options);
-    });
-  };
-
-  _proto.refetchQueries = function refetchQueries(arg1, arg2, arg3) {
-    var _this6 = this;
-
-    var _parseFilterArgs6 = parseFilterArgs(arg1, arg2, arg3),
-        filters = _parseFilterArgs6[0],
-        options = _parseFilterArgs6[1];
-
-    var promises = notifyManager.batch(function () {
-      return _this6.queryCache.findAll(filters).map(function (query) {
-        return query.fetch(undefined, _extends({}, options, {
-          meta: {
-            refetchPage: filters == null ? void 0 : filters.refetchPage
-          }
-        }));
-      });
-    });
-    var promise = Promise.all(promises).then(noop);
-
-    if (!(options == null ? void 0 : options.throwOnError)) {
-      promise = promise.catch(noop);
-    }
-
-    return promise;
-  };
-
-  _proto.fetchQuery = function fetchQuery(arg1, arg2, arg3) {
-    var parsedOptions = parseQueryArgs(arg1, arg2, arg3);
-    var defaultedOptions = this.defaultQueryOptions(parsedOptions); // https://github.com/tannerlinsley/react-query/issues/652
-
-    if (typeof defaultedOptions.retry === 'undefined') {
-      defaultedOptions.retry = false;
-    }
-
-    var query = this.queryCache.build(this, defaultedOptions);
-    return query.isStaleByTime(defaultedOptions.staleTime) ? query.fetch(defaultedOptions) : Promise.resolve(query.state.data);
-  };
-
-  _proto.prefetchQuery = function prefetchQuery(arg1, arg2, arg3) {
-    return this.fetchQuery(arg1, arg2, arg3).then(noop).catch(noop);
-  };
-
-  _proto.fetchInfiniteQuery = function fetchInfiniteQuery(arg1, arg2, arg3) {
-    var parsedOptions = parseQueryArgs(arg1, arg2, arg3);
-    parsedOptions.behavior = infiniteQueryBehavior();
-    return this.fetchQuery(parsedOptions);
-  };
-
-  _proto.prefetchInfiniteQuery = function prefetchInfiniteQuery(arg1, arg2, arg3) {
-    return this.fetchInfiniteQuery(arg1, arg2, arg3).then(noop).catch(noop);
-  };
-
-  _proto.cancelMutations = function cancelMutations() {
-    var _this7 = this;
-
-    var promises = notifyManager.batch(function () {
-      return _this7.mutationCache.getAll().map(function (mutation) {
-        return mutation.cancel();
-      });
-    });
-    return Promise.all(promises).then(noop).catch(noop);
-  };
-
-  _proto.resumePausedMutations = function resumePausedMutations() {
-    return this.getMutationCache().resumePausedMutations();
-  };
-
-  _proto.executeMutation = function executeMutation(options) {
-    return this.mutationCache.build(this, options).execute();
-  };
-
-  _proto.getQueryCache = function getQueryCache() {
-    return this.queryCache;
-  };
-
-  _proto.getMutationCache = function getMutationCache() {
-    return this.mutationCache;
-  };
-
-  _proto.getDefaultOptions = function getDefaultOptions() {
-    return this.defaultOptions;
-  };
-
-  _proto.setDefaultOptions = function setDefaultOptions(options) {
-    this.defaultOptions = options;
-  };
-
-  _proto.setQueryDefaults = function setQueryDefaults(queryKey, options) {
-    var result = this.queryDefaults.find(function (x) {
-      return hashQueryKey(queryKey) === hashQueryKey(x.queryKey);
-    });
-
-    if (result) {
-      result.defaultOptions = options;
-    } else {
-      this.queryDefaults.push({
-        queryKey: queryKey,
-        defaultOptions: options
-      });
-    }
-  };
-
-  _proto.getQueryDefaults = function getQueryDefaults(queryKey) {
-    var _this$queryDefaults$f;
-
-    return queryKey ? (_this$queryDefaults$f = this.queryDefaults.find(function (x) {
-      return partialMatchKey(queryKey, x.queryKey);
-    })) == null ? void 0 : _this$queryDefaults$f.defaultOptions : undefined;
-  };
-
-  _proto.setMutationDefaults = function setMutationDefaults(mutationKey, options) {
-    var result = this.mutationDefaults.find(function (x) {
-      return hashQueryKey(mutationKey) === hashQueryKey(x.mutationKey);
-    });
-
-    if (result) {
-      result.defaultOptions = options;
-    } else {
-      this.mutationDefaults.push({
-        mutationKey: mutationKey,
-        defaultOptions: options
-      });
-    }
-  };
-
-  _proto.getMutationDefaults = function getMutationDefaults(mutationKey) {
-    var _this$mutationDefault;
-
-    return mutationKey ? (_this$mutationDefault = this.mutationDefaults.find(function (x) {
-      return partialMatchKey(mutationKey, x.mutationKey);
-    })) == null ? void 0 : _this$mutationDefault.defaultOptions : undefined;
-  };
-
-  _proto.defaultQueryOptions = function defaultQueryOptions(options) {
-    if (options == null ? void 0 : options._defaulted) {
-      return options;
-    }
-
-    var defaultedOptions = _extends({}, this.defaultOptions.queries, this.getQueryDefaults(options == null ? void 0 : options.queryKey), options, {
-      _defaulted: true
-    });
-
-    if (!defaultedOptions.queryHash && defaultedOptions.queryKey) {
-      defaultedOptions.queryHash = hashQueryKeyByOptions(defaultedOptions.queryKey, defaultedOptions);
-    }
-
-    return defaultedOptions;
-  };
-
-  _proto.defaultQueryObserverOptions = function defaultQueryObserverOptions(options) {
-    return this.defaultQueryOptions(options);
-  };
-
-  _proto.defaultMutationOptions = function defaultMutationOptions(options) {
-    if (options == null ? void 0 : options._defaulted) {
-      return options;
-    }
-
-    return _extends({}, this.defaultOptions.mutations, this.getMutationDefaults(options == null ? void 0 : options.mutationKey), options, {
-      _defaulted: true
-    });
-  };
-
-  _proto.clear = function clear() {
-    this.queryCache.clear();
-    this.mutationCache.clear();
-  };
-
-  return QueryClient;
-}();
-
-var QueryObserver = /*#__PURE__*/function (_Subscribable) {
-  _inheritsLoose(QueryObserver, _Subscribable);
-
-  function QueryObserver(client, options) {
-    var _this;
-
-    _this = _Subscribable.call(this) || this;
-    _this.client = client;
-    _this.options = options;
-    _this.trackedProps = [];
-    _this.selectError = null;
-
-    _this.bindMethods();
-
-    _this.setOptions(options);
-
-    return _this;
-  }
-
-  var _proto = QueryObserver.prototype;
-
-  _proto.bindMethods = function bindMethods() {
-    this.remove = this.remove.bind(this);
-    this.refetch = this.refetch.bind(this);
-  };
-
-  _proto.onSubscribe = function onSubscribe() {
-    if (this.listeners.length === 1) {
-      this.currentQuery.addObserver(this);
-
-      if (shouldFetchOnMount(this.currentQuery, this.options)) {
-        this.executeFetch();
-      }
-
-      this.updateTimers();
-    }
-  };
-
-  _proto.onUnsubscribe = function onUnsubscribe() {
-    if (!this.listeners.length) {
-      this.destroy();
-    }
-  };
-
-  _proto.shouldFetchOnReconnect = function shouldFetchOnReconnect() {
-    return shouldFetchOn(this.currentQuery, this.options, this.options.refetchOnReconnect);
-  };
-
-  _proto.shouldFetchOnWindowFocus = function shouldFetchOnWindowFocus() {
-    return shouldFetchOn(this.currentQuery, this.options, this.options.refetchOnWindowFocus);
-  };
-
-  _proto.destroy = function destroy() {
-    this.listeners = [];
-    this.clearTimers();
-    this.currentQuery.removeObserver(this);
-  };
-
-  _proto.setOptions = function setOptions(options, notifyOptions) {
-    var prevOptions = this.options;
-    var prevQuery = this.currentQuery;
-    this.options = this.client.defaultQueryObserverOptions(options);
-
-    if (typeof this.options.enabled !== 'undefined' && typeof this.options.enabled !== 'boolean') {
-      throw new Error('Expected enabled to be a boolean');
-    } // Keep previous query key if the user does not supply one
-
-
-    if (!this.options.queryKey) {
-      this.options.queryKey = prevOptions.queryKey;
-    }
-
-    this.updateQuery();
-    var mounted = this.hasListeners(); // Fetch if there are subscribers
-
-    if (mounted && shouldFetchOptionally(this.currentQuery, prevQuery, this.options, prevOptions)) {
-      this.executeFetch();
-    } // Update result
-
-
-    this.updateResult(notifyOptions); // Update stale interval if needed
-
-    if (mounted && (this.currentQuery !== prevQuery || this.options.enabled !== prevOptions.enabled || this.options.staleTime !== prevOptions.staleTime)) {
-      this.updateStaleTimeout();
-    }
-
-    var nextRefetchInterval = this.computeRefetchInterval(); // Update refetch interval if needed
-
-    if (mounted && (this.currentQuery !== prevQuery || this.options.enabled !== prevOptions.enabled || nextRefetchInterval !== this.currentRefetchInterval)) {
-      this.updateRefetchInterval(nextRefetchInterval);
-    }
-  };
-
-  _proto.getOptimisticResult = function getOptimisticResult(options) {
-    var defaultedOptions = this.client.defaultQueryObserverOptions(options);
-    var query = this.client.getQueryCache().build(this.client, defaultedOptions);
-    return this.createResult(query, defaultedOptions);
-  };
-
-  _proto.getCurrentResult = function getCurrentResult() {
-    return this.currentResult;
-  };
-
-  _proto.trackResult = function trackResult(result, defaultedOptions) {
-    var _this2 = this;
-
-    var trackedResult = {};
-
-    var trackProp = function trackProp(key) {
-      if (!_this2.trackedProps.includes(key)) {
-        _this2.trackedProps.push(key);
-      }
-    };
-
-    Object.keys(result).forEach(function (key) {
-      Object.defineProperty(trackedResult, key, {
-        configurable: false,
-        enumerable: true,
-        get: function get() {
-          trackProp(key);
-          return result[key];
-        }
-      });
-    });
-
-    if (defaultedOptions.useErrorBoundary || defaultedOptions.suspense) {
-      trackProp('error');
-    }
-
-    return trackedResult;
-  };
-
-  _proto.getNextResult = function getNextResult(options) {
-    var _this3 = this;
-
-    return new Promise(function (resolve, reject) {
-      var unsubscribe = _this3.subscribe(function (result) {
-        if (!result.isFetching) {
-          unsubscribe();
-
-          if (result.isError && (options == null ? void 0 : options.throwOnError)) {
-            reject(result.error);
-          } else {
-            resolve(result);
-          }
-        }
-      });
-    });
-  };
-
-  _proto.getCurrentQuery = function getCurrentQuery() {
-    return this.currentQuery;
-  };
-
-  _proto.remove = function remove() {
-    this.client.getQueryCache().remove(this.currentQuery);
-  };
-
-  _proto.refetch = function refetch(options) {
-    return this.fetch(_extends({}, options, {
-      meta: {
-        refetchPage: options == null ? void 0 : options.refetchPage
-      }
-    }));
-  };
-
-  _proto.fetchOptimistic = function fetchOptimistic(options) {
-    var _this4 = this;
-
-    var defaultedOptions = this.client.defaultQueryObserverOptions(options);
-    var query = this.client.getQueryCache().build(this.client, defaultedOptions);
-    return query.fetch().then(function () {
-      return _this4.createResult(query, defaultedOptions);
-    });
-  };
-
-  _proto.fetch = function fetch(fetchOptions) {
-    var _this5 = this;
-
-    return this.executeFetch(fetchOptions).then(function () {
-      _this5.updateResult();
-
-      return _this5.currentResult;
-    });
-  };
-
-  _proto.executeFetch = function executeFetch(fetchOptions) {
-    // Make sure we reference the latest query as the current one might have been removed
-    this.updateQuery(); // Fetch
-
-    var promise = this.currentQuery.fetch(this.options, fetchOptions);
-
-    if (!(fetchOptions == null ? void 0 : fetchOptions.throwOnError)) {
-      promise = promise.catch(noop);
-    }
-
-    return promise;
-  };
-
-  _proto.updateStaleTimeout = function updateStaleTimeout() {
-    var _this6 = this;
-
-    this.clearStaleTimeout();
-
-    if (isServer || this.currentResult.isStale || !isValidTimeout(this.options.staleTime)) {
-      return;
-    }
-
-    var time = timeUntilStale(this.currentResult.dataUpdatedAt, this.options.staleTime); // The timeout is sometimes triggered 1 ms before the stale time expiration.
-    // To mitigate this issue we always add 1 ms to the timeout.
-
-    var timeout = time + 1;
-    this.staleTimeoutId = setTimeout(function () {
-      if (!_this6.currentResult.isStale) {
-        _this6.updateResult();
-      }
-    }, timeout);
-  };
-
-  _proto.computeRefetchInterval = function computeRefetchInterval() {
-    var _this$options$refetch;
-
-    return typeof this.options.refetchInterval === 'function' ? this.options.refetchInterval(this.currentResult.data, this.currentQuery) : (_this$options$refetch = this.options.refetchInterval) != null ? _this$options$refetch : false;
-  };
-
-  _proto.updateRefetchInterval = function updateRefetchInterval(nextInterval) {
-    var _this7 = this;
-
-    this.clearRefetchInterval();
-    this.currentRefetchInterval = nextInterval;
-
-    if (isServer || this.options.enabled === false || !isValidTimeout(this.currentRefetchInterval) || this.currentRefetchInterval === 0) {
-      return;
-    }
-
-    this.refetchIntervalId = setInterval(function () {
-      if (_this7.options.refetchIntervalInBackground || focusManager.isFocused()) {
-        _this7.executeFetch();
-      }
-    }, this.currentRefetchInterval);
-  };
-
-  _proto.updateTimers = function updateTimers() {
-    this.updateStaleTimeout();
-    this.updateRefetchInterval(this.computeRefetchInterval());
-  };
-
-  _proto.clearTimers = function clearTimers() {
-    this.clearStaleTimeout();
-    this.clearRefetchInterval();
-  };
-
-  _proto.clearStaleTimeout = function clearStaleTimeout() {
-    if (this.staleTimeoutId) {
-      clearTimeout(this.staleTimeoutId);
-      this.staleTimeoutId = undefined;
-    }
-  };
-
-  _proto.clearRefetchInterval = function clearRefetchInterval() {
-    if (this.refetchIntervalId) {
-      clearInterval(this.refetchIntervalId);
-      this.refetchIntervalId = undefined;
-    }
-  };
-
-  _proto.createResult = function createResult(query, options) {
-    var prevQuery = this.currentQuery;
-    var prevOptions = this.options;
-    var prevResult = this.currentResult;
-    var prevResultState = this.currentResultState;
-    var prevResultOptions = this.currentResultOptions;
-    var queryChange = query !== prevQuery;
-    var queryInitialState = queryChange ? query.state : this.currentQueryInitialState;
-    var prevQueryResult = queryChange ? this.currentResult : this.previousQueryResult;
-    var state = query.state;
-    var dataUpdatedAt = state.dataUpdatedAt,
-        error = state.error,
-        errorUpdatedAt = state.errorUpdatedAt,
-        isFetching = state.isFetching,
-        status = state.status;
-    var isPreviousData = false;
-    var isPlaceholderData = false;
-    var data; // Optimistically set result in fetching state if needed
-
-    if (options.optimisticResults) {
-      var mounted = this.hasListeners();
-      var fetchOnMount = !mounted && shouldFetchOnMount(query, options);
-      var fetchOptionally = mounted && shouldFetchOptionally(query, prevQuery, options, prevOptions);
-
-      if (fetchOnMount || fetchOptionally) {
-        isFetching = true;
-
-        if (!dataUpdatedAt) {
-          status = 'loading';
-        }
-      }
-    } // Keep previous data if needed
-
-
-    if (options.keepPreviousData && !state.dataUpdateCount && (prevQueryResult == null ? void 0 : prevQueryResult.isSuccess) && status !== 'error') {
-      data = prevQueryResult.data;
-      dataUpdatedAt = prevQueryResult.dataUpdatedAt;
-      status = prevQueryResult.status;
-      isPreviousData = true;
-    } // Select data if needed
-    else if (options.select && typeof state.data !== 'undefined') {
-        // Memoize select result
-        if (prevResult && state.data === (prevResultState == null ? void 0 : prevResultState.data) && options.select === this.selectFn) {
-          data = this.selectResult;
-        } else {
-          try {
-            this.selectFn = options.select;
-            data = options.select(state.data);
-
-            if (options.structuralSharing !== false) {
-              data = replaceEqualDeep(prevResult == null ? void 0 : prevResult.data, data);
-            }
-
-            this.selectResult = data;
-            this.selectError = null;
-          } catch (selectError) {
-            getLogger().error(selectError);
-            this.selectError = selectError;
-          }
-        }
-      } // Use query data
-      else {
-          data = state.data;
-        } // Show placeholder data if needed
-
-
-    if (typeof options.placeholderData !== 'undefined' && typeof data === 'undefined' && (status === 'loading' || status === 'idle')) {
-      var placeholderData; // Memoize placeholder data
-
-      if ((prevResult == null ? void 0 : prevResult.isPlaceholderData) && options.placeholderData === (prevResultOptions == null ? void 0 : prevResultOptions.placeholderData)) {
-        placeholderData = prevResult.data;
-      } else {
-        placeholderData = typeof options.placeholderData === 'function' ? options.placeholderData() : options.placeholderData;
-
-        if (options.select && typeof placeholderData !== 'undefined') {
-          try {
-            placeholderData = options.select(placeholderData);
-
-            if (options.structuralSharing !== false) {
-              placeholderData = replaceEqualDeep(prevResult == null ? void 0 : prevResult.data, placeholderData);
-            }
-
-            this.selectError = null;
-          } catch (selectError) {
-            getLogger().error(selectError);
-            this.selectError = selectError;
-          }
-        }
-      }
-
-      if (typeof placeholderData !== 'undefined') {
-        status = 'success';
-        data = placeholderData;
-        isPlaceholderData = true;
-      }
-    }
-
-    if (this.selectError) {
-      error = this.selectError;
-      data = this.selectResult;
-      errorUpdatedAt = Date.now();
-      status = 'error';
-    }
-
-    var result = {
-      status: status,
-      isLoading: status === 'loading',
-      isSuccess: status === 'success',
-      isError: status === 'error',
-      isIdle: status === 'idle',
-      data: data,
-      dataUpdatedAt: dataUpdatedAt,
-      error: error,
-      errorUpdatedAt: errorUpdatedAt,
-      failureCount: state.fetchFailureCount,
-      errorUpdateCount: state.errorUpdateCount,
-      isFetched: state.dataUpdateCount > 0 || state.errorUpdateCount > 0,
-      isFetchedAfterMount: state.dataUpdateCount > queryInitialState.dataUpdateCount || state.errorUpdateCount > queryInitialState.errorUpdateCount,
-      isFetching: isFetching,
-      isRefetching: isFetching && status !== 'loading',
-      isLoadingError: status === 'error' && state.dataUpdatedAt === 0,
-      isPlaceholderData: isPlaceholderData,
-      isPreviousData: isPreviousData,
-      isRefetchError: status === 'error' && state.dataUpdatedAt !== 0,
-      isStale: isStale(query, options),
-      refetch: this.refetch,
-      remove: this.remove
-    };
-    return result;
-  };
-
-  _proto.shouldNotifyListeners = function shouldNotifyListeners(result, prevResult) {
-    if (!prevResult) {
-      return true;
-    }
-
-    var _this$options = this.options,
-        notifyOnChangeProps = _this$options.notifyOnChangeProps,
-        notifyOnChangePropsExclusions = _this$options.notifyOnChangePropsExclusions;
-
-    if (!notifyOnChangeProps && !notifyOnChangePropsExclusions) {
-      return true;
-    }
-
-    if (notifyOnChangeProps === 'tracked' && !this.trackedProps.length) {
-      return true;
-    }
-
-    var includedProps = notifyOnChangeProps === 'tracked' ? this.trackedProps : notifyOnChangeProps;
-    return Object.keys(result).some(function (key) {
-      var typedKey = key;
-      var changed = result[typedKey] !== prevResult[typedKey];
-      var isIncluded = includedProps == null ? void 0 : includedProps.some(function (x) {
-        return x === key;
-      });
-      var isExcluded = notifyOnChangePropsExclusions == null ? void 0 : notifyOnChangePropsExclusions.some(function (x) {
-        return x === key;
-      });
-      return changed && !isExcluded && (!includedProps || isIncluded);
-    });
-  };
-
-  _proto.updateResult = function updateResult(notifyOptions) {
-    var prevResult = this.currentResult;
-    this.currentResult = this.createResult(this.currentQuery, this.options);
-    this.currentResultState = this.currentQuery.state;
-    this.currentResultOptions = this.options; // Only notify if something has changed
-
-    if (shallowEqualObjects(this.currentResult, prevResult)) {
-      return;
-    } // Determine which callbacks to trigger
-
-
-    var defaultNotifyOptions = {
-      cache: true
-    };
-
-    if ((notifyOptions == null ? void 0 : notifyOptions.listeners) !== false && this.shouldNotifyListeners(this.currentResult, prevResult)) {
-      defaultNotifyOptions.listeners = true;
-    }
-
-    this.notify(_extends({}, defaultNotifyOptions, notifyOptions));
-  };
-
-  _proto.updateQuery = function updateQuery() {
-    var query = this.client.getQueryCache().build(this.client, this.options);
-
-    if (query === this.currentQuery) {
-      return;
-    }
-
-    var prevQuery = this.currentQuery;
-    this.currentQuery = query;
-    this.currentQueryInitialState = query.state;
-    this.previousQueryResult = this.currentResult;
-
-    if (this.hasListeners()) {
-      prevQuery == null ? void 0 : prevQuery.removeObserver(this);
-      query.addObserver(this);
-    }
-  };
-
-  _proto.onQueryUpdate = function onQueryUpdate(action) {
-    var notifyOptions = {};
-
-    if (action.type === 'success') {
-      notifyOptions.onSuccess = true;
-    } else if (action.type === 'error' && !isCancelledError(action.error)) {
-      notifyOptions.onError = true;
-    }
-
-    this.updateResult(notifyOptions);
-
-    if (this.hasListeners()) {
-      this.updateTimers();
-    }
-  };
-
-  _proto.notify = function notify(notifyOptions) {
-    var _this8 = this;
-
-    notifyManager.batch(function () {
-      // First trigger the configuration callbacks
-      if (notifyOptions.onSuccess) {
-        _this8.options.onSuccess == null ? void 0 : _this8.options.onSuccess(_this8.currentResult.data);
-        _this8.options.onSettled == null ? void 0 : _this8.options.onSettled(_this8.currentResult.data, null);
-      } else if (notifyOptions.onError) {
-        _this8.options.onError == null ? void 0 : _this8.options.onError(_this8.currentResult.error);
-        _this8.options.onSettled == null ? void 0 : _this8.options.onSettled(undefined, _this8.currentResult.error);
-      } // Then trigger the listeners
-
-
-      if (notifyOptions.listeners) {
-        _this8.listeners.forEach(function (listener) {
-          listener(_this8.currentResult);
-        });
-      } // Then the cache listeners
-
-
-      if (notifyOptions.cache) {
-        _this8.client.getQueryCache().notify({
-          query: _this8.currentQuery,
-          type: 'observerResultsUpdated'
-        });
-      }
-    });
-  };
-
-  return QueryObserver;
-}(Subscribable);
-
-function shouldLoadOnMount(query, options) {
-  return options.enabled !== false && !query.state.dataUpdatedAt && !(query.state.status === 'error' && options.retryOnMount === false);
-}
-
-function shouldFetchOnMount(query, options) {
-  return shouldLoadOnMount(query, options) || query.state.dataUpdatedAt > 0 && shouldFetchOn(query, options, options.refetchOnMount);
-}
-
-function shouldFetchOn(query, options, field) {
-  if (options.enabled !== false) {
-    var value = typeof field === 'function' ? field(query) : field;
-    return value === 'always' || value !== false && isStale(query, options);
-  }
-
-  return false;
-}
-
-function shouldFetchOptionally(query, prevQuery, options, prevOptions) {
-  return options.enabled !== false && (query !== prevQuery || prevOptions.enabled === false) && (!options.suspense || query.state.status !== 'error') && isStale(query, options);
-}
-
-function isStale(query, options) {
-  return query.isStaleByTime(options.staleTime);
-}
-
-// CLASS
-var MutationObserver = /*#__PURE__*/function (_Subscribable) {
-  _inheritsLoose(MutationObserver, _Subscribable);
-
-  function MutationObserver(client, options) {
-    var _this;
-
-    _this = _Subscribable.call(this) || this;
-    _this.client = client;
-
-    _this.setOptions(options);
-
-    _this.bindMethods();
-
-    _this.updateResult();
-
-    return _this;
-  }
-
-  var _proto = MutationObserver.prototype;
-
-  _proto.bindMethods = function bindMethods() {
-    this.mutate = this.mutate.bind(this);
-    this.reset = this.reset.bind(this);
-  };
-
-  _proto.setOptions = function setOptions(options) {
-    this.options = this.client.defaultMutationOptions(options);
-  };
-
-  _proto.onUnsubscribe = function onUnsubscribe() {
-    if (!this.listeners.length) {
-      var _this$currentMutation;
-
-      (_this$currentMutation = this.currentMutation) == null ? void 0 : _this$currentMutation.removeObserver(this);
-    }
-  };
-
-  _proto.onMutationUpdate = function onMutationUpdate(action) {
-    this.updateResult(); // Determine which callbacks to trigger
-
-    var notifyOptions = {
-      listeners: true
-    };
-
-    if (action.type === 'success') {
-      notifyOptions.onSuccess = true;
-    } else if (action.type === 'error') {
-      notifyOptions.onError = true;
-    }
-
-    this.notify(notifyOptions);
-  };
-
-  _proto.getCurrentResult = function getCurrentResult() {
-    return this.currentResult;
-  };
-
-  _proto.reset = function reset() {
-    this.currentMutation = undefined;
-    this.updateResult();
-    this.notify({
-      listeners: true
-    });
-  };
-
-  _proto.mutate = function mutate(variables, options) {
-    this.mutateOptions = options;
-
-    if (this.currentMutation) {
-      this.currentMutation.removeObserver(this);
-    }
-
-    this.currentMutation = this.client.getMutationCache().build(this.client, _extends({}, this.options, {
-      variables: typeof variables !== 'undefined' ? variables : this.options.variables
-    }));
-    this.currentMutation.addObserver(this);
-    return this.currentMutation.execute();
-  };
-
-  _proto.updateResult = function updateResult() {
-    var state = this.currentMutation ? this.currentMutation.state : getDefaultState();
-
-    var result = _extends({}, state, {
-      isLoading: state.status === 'loading',
-      isSuccess: state.status === 'success',
-      isError: state.status === 'error',
-      isIdle: state.status === 'idle',
-      mutate: this.mutate,
-      reset: this.reset
-    });
-
-    this.currentResult = result;
-  };
-
-  _proto.notify = function notify(options) {
-    var _this2 = this;
-
-    notifyManager.batch(function () {
-      // First trigger the mutate callbacks
-      if (_this2.mutateOptions) {
-        if (options.onSuccess) {
-          _this2.mutateOptions.onSuccess == null ? void 0 : _this2.mutateOptions.onSuccess(_this2.currentResult.data, _this2.currentResult.variables, _this2.currentResult.context);
-          _this2.mutateOptions.onSettled == null ? void 0 : _this2.mutateOptions.onSettled(_this2.currentResult.data, null, _this2.currentResult.variables, _this2.currentResult.context);
-        } else if (options.onError) {
-          _this2.mutateOptions.onError == null ? void 0 : _this2.mutateOptions.onError(_this2.currentResult.error, _this2.currentResult.variables, _this2.currentResult.context);
-          _this2.mutateOptions.onSettled == null ? void 0 : _this2.mutateOptions.onSettled(undefined, _this2.currentResult.error, _this2.currentResult.variables, _this2.currentResult.context);
-        }
-      } // Then trigger the listeners
-
-
-      if (options.listeners) {
-        _this2.listeners.forEach(function (listener) {
-          listener(_this2.currentResult);
-        });
-      }
-    });
-  };
-
-  return MutationObserver;
-}(Subscribable);
-
-var unstable_batchedUpdates = ReactDOM.unstable_batchedUpdates;
-
-notifyManager.setBatchNotifyFunction(unstable_batchedUpdates);
-
-var logger = console;
-
-setLogger(logger);
-
-var defaultContext = /*#__PURE__*/React.createContext(undefined);
-var QueryClientSharingContext = /*#__PURE__*/React.createContext(false); // if contextSharing is on, we share the first and at least one
-// instance of the context across the window
-// to ensure that if React Query is used across
-// different bundles or microfrontends they will
-// all use the same **instance** of context, regardless
-// of module scoping.
-
-function getQueryClientContext(contextSharing) {
-  if (contextSharing && typeof window !== 'undefined') {
-    if (!window.ReactQueryClientContext) {
-      window.ReactQueryClientContext = defaultContext;
-    }
-
-    return window.ReactQueryClientContext;
-  }
-
-  return defaultContext;
-}
-
-var useQueryClient = function useQueryClient() {
-  var queryClient = React.useContext(getQueryClientContext(React.useContext(QueryClientSharingContext)));
-
-  if (!queryClient) {
-    throw new Error('No QueryClient set, use QueryClientProvider to set one');
-  }
-
-  return queryClient;
-};
-var QueryClientProvider = function QueryClientProvider(_ref) {
-  var client = _ref.client,
-      _ref$contextSharing = _ref.contextSharing,
-      contextSharing = _ref$contextSharing === void 0 ? false : _ref$contextSharing,
-      children = _ref.children;
-  React.useEffect(function () {
-    client.mount();
-    return function () {
-      client.unmount();
-    };
-  }, [client]);
-  var Context = getQueryClientContext(contextSharing);
-  return /*#__PURE__*/React.createElement(QueryClientSharingContext.Provider, {
-    value: contextSharing
-  }, /*#__PURE__*/React.createElement(Context.Provider, {
-    value: client
-  }, children));
-};
-
-function createValue() {
-  var _isReset = false;
-  return {
-    clearReset: function clearReset() {
-      _isReset = false;
-    },
-    reset: function reset() {
-      _isReset = true;
-    },
-    isReset: function isReset() {
-      return _isReset;
-    }
-  };
-}
-
-var QueryErrorResetBoundaryContext = /*#__PURE__*/React.createContext(createValue()); // HOOK
-
-var useQueryErrorResetBoundary = function useQueryErrorResetBoundary() {
-  return React.useContext(QueryErrorResetBoundaryContext);
-}; // COMPONENT
-
-function shouldThrowError(suspense, _useErrorBoundary, params) {
-  // Allow useErrorBoundary function to override throwing behavior on a per-error basis
-  if (typeof _useErrorBoundary === 'function') {
-    return _useErrorBoundary.apply(void 0, params);
-  } // Allow useErrorBoundary to override suspense's throwing behavior
-
-
-  if (typeof _useErrorBoundary === 'boolean') return _useErrorBoundary; // If suspense is enabled default to throwing errors
-
-  return !!suspense;
-}
-
-function useMutation(arg1, arg2, arg3) {
-  var mountedRef = React.useRef(false);
-
-  var _React$useState = React.useState(0),
-      forceUpdate = _React$useState[1];
-
-  var options = parseMutationArgs(arg1, arg2, arg3);
-  var queryClient = useQueryClient();
-  var obsRef = React.useRef();
-
-  if (!obsRef.current) {
-    obsRef.current = new MutationObserver(queryClient, options);
-  } else {
-    obsRef.current.setOptions(options);
-  }
-
-  var currentResult = obsRef.current.getCurrentResult();
-  React.useEffect(function () {
-    mountedRef.current = true;
-    var unsubscribe = obsRef.current.subscribe(notifyManager.batchCalls(function () {
-      if (mountedRef.current) {
-        forceUpdate(function (x) {
-          return x + 1;
-        });
-      }
-    }));
-    return function () {
-      mountedRef.current = false;
-      unsubscribe();
-    };
-  }, []);
-  var mutate = React.useCallback(function (variables, mutateOptions) {
-    obsRef.current.mutate(variables, mutateOptions).catch(noop);
-  }, []);
-
-  if (currentResult.error && shouldThrowError(undefined, obsRef.current.options.useErrorBoundary, [currentResult.error])) {
-    throw currentResult.error;
-  }
-
-  return _extends({}, currentResult, {
-    mutate: mutate,
-    mutateAsync: currentResult.mutate
-  });
-}
-
-function useBaseQuery(options, Observer) {
-  var mountedRef = React.useRef(false);
-
-  var _React$useState = React.useState(0),
-      forceUpdate = _React$useState[1];
-
-  var queryClient = useQueryClient();
-  var errorResetBoundary = useQueryErrorResetBoundary();
-  var defaultedOptions = queryClient.defaultQueryObserverOptions(options); // Make sure results are optimistically set in fetching state before subscribing or updating options
-
-  defaultedOptions.optimisticResults = true; // Include callbacks in batch renders
-
-  if (defaultedOptions.onError) {
-    defaultedOptions.onError = notifyManager.batchCalls(defaultedOptions.onError);
-  }
-
-  if (defaultedOptions.onSuccess) {
-    defaultedOptions.onSuccess = notifyManager.batchCalls(defaultedOptions.onSuccess);
-  }
-
-  if (defaultedOptions.onSettled) {
-    defaultedOptions.onSettled = notifyManager.batchCalls(defaultedOptions.onSettled);
-  }
-
-  if (defaultedOptions.suspense) {
-    // Always set stale time when using suspense to prevent
-    // fetching again when directly mounting after suspending
-    if (typeof defaultedOptions.staleTime !== 'number') {
-      defaultedOptions.staleTime = 1000;
-    } // Set cache time to 1 if the option has been set to 0
-    // when using suspense to prevent infinite loop of fetches
-
-
-    if (defaultedOptions.cacheTime === 0) {
-      defaultedOptions.cacheTime = 1;
-    }
-  }
-
-  if (defaultedOptions.suspense || defaultedOptions.useErrorBoundary) {
-    // Prevent retrying failed query if the error boundary has not been reset yet
-    if (!errorResetBoundary.isReset()) {
-      defaultedOptions.retryOnMount = false;
-    }
-  }
-
-  var _React$useState2 = React.useState(function () {
-    return new Observer(queryClient, defaultedOptions);
-  }),
-      observer = _React$useState2[0];
-
-  var result = observer.getOptimisticResult(defaultedOptions);
-  React.useEffect(function () {
-    mountedRef.current = true;
-    errorResetBoundary.clearReset();
-    var unsubscribe = observer.subscribe(notifyManager.batchCalls(function () {
-      if (mountedRef.current) {
-        forceUpdate(function (x) {
-          return x + 1;
-        });
-      }
-    })); // Update result to make sure we did not miss any query updates
-    // between creating the observer and subscribing to it.
-
-    observer.updateResult();
-    return function () {
-      mountedRef.current = false;
-      unsubscribe();
-    };
-  }, [errorResetBoundary, observer]);
-  React.useEffect(function () {
-    // Do not notify on updates because of changes in the options because
-    // these changes should already be reflected in the optimistic result.
-    observer.setOptions(defaultedOptions, {
-      listeners: false
-    });
-  }, [defaultedOptions, observer]); // Handle suspense
-
-  if (defaultedOptions.suspense && result.isLoading) {
-    throw observer.fetchOptimistic(defaultedOptions).then(function (_ref) {
-      var data = _ref.data;
-      defaultedOptions.onSuccess == null ? void 0 : defaultedOptions.onSuccess(data);
-      defaultedOptions.onSettled == null ? void 0 : defaultedOptions.onSettled(data, null);
-    }).catch(function (error) {
-      errorResetBoundary.clearReset();
-      defaultedOptions.onError == null ? void 0 : defaultedOptions.onError(error);
-      defaultedOptions.onSettled == null ? void 0 : defaultedOptions.onSettled(undefined, error);
-    });
-  } // Handle error boundary
-
-
-  if (result.isError && !errorResetBoundary.isReset() && !result.isFetching && shouldThrowError(defaultedOptions.suspense, defaultedOptions.useErrorBoundary, [result.error, observer.getCurrentQuery()])) {
-    throw result.error;
-  } // Handle result property usage tracking
-
-
-  if (defaultedOptions.notifyOnChangeProps === 'tracked') {
-    result = observer.trackResult(result, defaultedOptions);
-  }
-
-  return result;
-}
-
-function useQuery(arg1, arg2, arg3) {
-  var parsedOptions = parseQueryArgs(arg1, arg2, arg3);
-  return useBaseQuery(parsedOptions, QueryObserver);
-}
-
-const queryClient = new QueryClient({
-  queryCache: new QueryCache()
-});
-
-var devtools = {exports: {}};
-
-{
-  devtools.exports = {
-    ReactQueryDevtools: function () {
-      return null
-    },
-    ReactQueryDevtoolsPanel: function () {
-      return null
-    },
-  };
-}
-
-const withReactQuery = Component => {
-  const QueryWrapper = props => /*#__PURE__*/React.createElement(QueryClientProvider, {
-    client: queryClient
-  }, /*#__PURE__*/React.createElement(Component, props), /*#__PURE__*/React.createElement(devtools.exports.ReactQueryDevtools, {
-    initialIsOpen: false,
-    position: "bottom-right"
-  }));
-  return QueryWrapper;
-};
-
-/* eslint-disable @bigbinary/neeto/no-dangling-constants */
-const BASE_URL = "team_members";
-
-const fetch$2 = () => axios.get(`${BASE_URL}/permissions`);
-const permissionsApi = {
-  fetch: fetch$2
-};
-
-const DEFAULT_STALE_TIME = 300000; // 5 minutes
-
-const QUERY_KEYS = {
-  TEAMS: "neeto-team-members-teams",
-  ROLES: "neeto-team-members-roles",
-  PERMISSIONS: "neeto-team-members-permissions"
-};
-
-function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const useFetchPermissions = function () {
-  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return useQuery(QUERY_KEYS.PERMISSIONS, permissionsApi.fetch, _objectSpread$8({
-    staleTime: DEFAULT_STALE_TIME,
-    select: response => response.permissions || response.data.permissions
-  }, options));
-};
-
-const fetch$1 = () => axios.get(`${BASE_URL}/organization_roles`);
-const create$1 = payload => axios.post(`${BASE_URL}/organization_roles`, payload);
-const update$1 = (id, payload) => axios.patch(`${BASE_URL}/organization_roles/${id}`, payload);
-const destroy = (id, payload) => axios.delete(`${BASE_URL}/organization_roles/${id}`, {
-  data: payload
-});
-const organizationRolesApi = {
-  fetch: fetch$1,
-  create: create$1,
-  update: update$1,
-  destroy
-};
-
-const _excluded$1 = ["onSuccess"],
-  _excluded2$1 = ["onSuccess"],
-  _excluded3$1 = ["onSuccess"];
-function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const useFetchRoles = function () {
-  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return useQuery(QUERY_KEYS.ROLES, organizationRolesApi.fetch, _objectSpread$7({
-    staleTime: DEFAULT_STALE_TIME,
-    select: response => response.organizationRoles || response.data.organizationRoles
-  }, options));
-};
-const useCreateRole = _ref => {
-  let onSuccess = _ref.onSuccess,
-    options = _objectWithoutProperties(_ref, _excluded$1);
-  return useMutation(organizationRolesApi.create, _objectSpread$7({
-    onSuccess: response => {
-      queryClient.setQueriesData(QUERY_KEYS.ROLES, cachedData => {
-        if (!!cachedData.data && !!cachedData.data.organizationRoles) {
-          return modifyPath(["data", "organizationRoles"], prepend(response.data.organizationRole), cachedData);
-        }
-        return modifyPath(["organizationRoles"], prepend(response.organizationRole), cachedData);
-      });
-      Toastr.success(response.ntmNotice || response.data.ntmNotice);
-      onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
-    }
-  }, options));
-};
-const useUpdateRole = _ref2 => {
-  let onSuccess = _ref2.onSuccess,
-    options = _objectWithoutProperties(_ref2, _excluded2$1);
-  return useMutation(_ref3 => {
-    let id = _ref3.id,
-      payload = _ref3.payload;
-    return organizationRolesApi.update(id, payload);
-  }, _objectSpread$7({
-    onSuccess: response => {
-      queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
-      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);
-        }
-        return assocPath(["organizationRoles", findIndex(propEq("id", response.organizationRole.id), cachedData.organizationRoles)], response.organizationRole, cachedData);
-      });
-      Toastr.success(response.ntmNotice || response.data.ntmNotice);
-      onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
-    }
-  }, options));
-};
-const useDestroyRole = _ref4 => {
-  let _ref4$onSuccess = _ref4.onSuccess,
-    onSuccess = _ref4$onSuccess === void 0 ? noop$1 : _ref4$onSuccess,
-    options = _objectWithoutProperties(_ref4, _excluded3$1);
-  return useMutation(_ref5 => {
-    let id = _ref5.id,
-      payload = _ref5.payload;
-    return organizationRolesApi.destroy(id, payload);
-  }, _objectSpread$7({
-    onSuccess: response => {
-      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);
-        }
-        return dissocPath(["organizationRoles", findIndex(propEq("id", response.id), cachedData.organizationRoles)], cachedData);
-      });
-      Toastr.success(response.ntmNotice || response.data.ntmNotice);
-      onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
-    }
-  }, options));
-};
-
-var dist = {exports: {}};
-
-(function (module, exports) {
-	(function webpackUniversalModuleDefinition(root, factory) {
-		module.exports = factory(React);
-	})(commonjsGlobal, function(__WEBPACK_EXTERNAL_MODULE_4__) {
-	return /******/ (function(modules) { // webpackBootstrap
-	/******/ 	// The module cache
-	/******/ 	var installedModules = {};
-	/******/
-	/******/ 	// The require function
-	/******/ 	function __webpack_require__(moduleId) {
-	/******/
-	/******/ 		// Check if module is in cache
-	/******/ 		if(installedModules[moduleId]) {
-	/******/ 			return installedModules[moduleId].exports;
-	/******/ 		}
-	/******/ 		// Create a new module (and put it into the cache)
-	/******/ 		var module = installedModules[moduleId] = {
-	/******/ 			i: moduleId,
-	/******/ 			l: false,
-	/******/ 			exports: {}
-	/******/ 		};
-	/******/
-	/******/ 		// Execute the module function
-	/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-	/******/
-	/******/ 		// Flag the module as loaded
-	/******/ 		module.l = true;
-	/******/
-	/******/ 		// Return the exports of the module
-	/******/ 		return module.exports;
-	/******/ 	}
-	/******/
-	/******/
-	/******/ 	// expose the modules object (__webpack_modules__)
-	/******/ 	__webpack_require__.m = modules;
-	/******/
-	/******/ 	// expose the module cache
-	/******/ 	__webpack_require__.c = installedModules;
-	/******/
-	/******/ 	// identity function for calling harmony imports with the correct context
-	/******/ 	__webpack_require__.i = function(value) { return value; };
-	/******/
-	/******/ 	// define getter function for harmony exports
-	/******/ 	__webpack_require__.d = function(exports, name, getter) {
-	/******/ 		if(!__webpack_require__.o(exports, name)) {
-	/******/ 			Object.defineProperty(exports, name, {
-	/******/ 				configurable: false,
-	/******/ 				enumerable: true,
-	/******/ 				get: getter
-	/******/ 			});
-	/******/ 		}
-	/******/ 	};
-	/******/
-	/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-	/******/ 	__webpack_require__.n = function(module) {
-	/******/ 		var getter = module && module.__esModule ?
-	/******/ 			function getDefault() { return module['default']; } :
-	/******/ 			function getModuleExports() { return module; };
-	/******/ 		__webpack_require__.d(getter, 'a', getter);
-	/******/ 		return getter;
-	/******/ 	};
-	/******/
-	/******/ 	// Object.prototype.hasOwnProperty.call
-	/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-	/******/
-	/******/ 	// __webpack_public_path__
-	/******/ 	__webpack_require__.p = "";
-	/******/
-	/******/ 	// Load entry module and return exports
-	/******/ 	return __webpack_require__(__webpack_require__.s = 10);
-	/******/ })
-	/************************************************************************/
-	/******/ ([
-	/* 0 */
-	/***/ (function(module, exports) {
-
-	// shim for using process in browser
-	var process = module.exports = {};
-
-	// cached from whatever global is present so that test runners that stub it
-	// don't break things.  But we need to wrap it in a try catch in case it is
-	// wrapped in strict mode code which doesn't define any globals.  It's inside a
-	// function because try/catches deoptimize in certain engines.
+	// cached from whatever global is present so that test runners that stub it
+	// don't break things.  But we need to wrap it in a try catch in case it is
+	// wrapped in strict mode code which doesn't define any globals.  It's inside a
+	// function because try/catches deoptimize in certain engines.
 
 	var cachedSetTimeout;
 	var cachedClearTimeout;
@@ -9862,8 +6699,8 @@ const teamsApi = {
   update
 };
 
-const _excluded = ["onSuccess"],
-  _excluded2 = ["onSuccess"],
+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; }
@@ -9878,7 +6715,7 @@ const useFetchMembers = function () {
 };
 const useCreateMember = _ref => {
   let onSuccess = _ref.onSuccess,
-    options = _objectWithoutProperties(_ref, _excluded);
+    options = _objectWithoutProperties(_ref, _excluded$1);
   return useMutation(teamsApi.create, _objectSpread$4({
     onSuccess: response => {
       queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
@@ -9889,7 +6726,7 @@ const useCreateMember = _ref => {
 };
 const useUpdateMember = _ref2 => {
   let onSuccess = _ref2.onSuccess,
-    options = _objectWithoutProperties(_ref2, _excluded2);
+    options = _objectWithoutProperties(_ref2, _excluded2$1);
   return useMutation(_ref3 => {
     let id = _ref3.id,
       payload = _ref3.payload;
@@ -9930,24 +6767,57 @@ const useDebounce = function (value) {
   return debouncedValue;
 };
 
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
+const FIXED_COLUMNS = ["actions"];
+const COLUMNS_DROPDOWN_PROPS = {
+  label: instance.t("common.column", PLURAL)
+};
+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, _permissions$create2;
+  var _permissions$create;
   let metaName = _ref.metaName,
     _ref$onClick = _ref.onClick,
-    onClick = _ref$onClick === void 0 ? noop$1 : _ref$onClick,
-    permissions = _ref.permissions;
-  return /*#__PURE__*/React.createElement(Tooltip, {
+    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);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, 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: (_permissions$create = permissions === null || permissions === void 0 ? void 0 : permissions.create) !== null && _permissions$create !== void 0 ? _permissions$create : hasPermission(MANAGE_MEMBER_PERMISSIONS),
+    disabled: hasCreatePermission,
     position: "bottom"
   }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Button, {
     "data-cy": "ntm-add-member-button",
-    disabled: !((_permissions$create2 = permissions === null || permissions === void 0 ? void 0 : permissions.create) !== null && _permissions$create2 !== void 0 ? _permissions$create2 : hasPermission(MANAGE_MEMBER_PERMISSIONS)),
+    disabled: !hasCreatePermission,
     label: instance.t("common.add_", {
       what: metaName(SINGULAR).toLocaleLowerCase()
     }),
     onClick: onClick
-  })));
+  }))));
 };
 
 const getStorageValue = (key, defaultValue) => {
@@ -10081,20 +6951,6 @@ const Columns = _ref => {
   }, noColumnMessage), !!actionBlock && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, null), actionBlock))));
 };
 
-const FIXED_COLUMNS = ["actions"];
-const COLUMNS_DROPDOWN_PROPS = {
-  buttonProps: {
-    size: "small"
-  },
-  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 filterBySearchTerm = (searchTerm, roles) => filter(_ref => {
   let name = _ref.name;
   return includes(trim(toLower(searchTerm)), trim(toLower(name)));
@@ -10132,39 +6988,49 @@ const RolesDropdown = _ref => {
     setSearchTerm("");
     setIsDropdownOpen(false);
   };
-  return /*#__PURE__*/React.createElement(Tooltip, {
-    content: instance.t("tooltips.noPermissionToEditMembers"),
-    disabled: hasUpdatePermission,
-    position: "top"
-  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Dropdown, {
-    buttonSize: "small",
+  const handleClick = event => {
+    event.stopPropagation();
+    setIsDropdownOpen(!isDropdownOpen);
+  };
+  return /*#__PURE__*/React.createElement(Dropdown, {
     buttonStyle: "secondary",
     closeOnSelect: false,
-    "data-cy": "ntm-members-roles-update-dropdown",
+    customTarget: /*#__PURE__*/React.createElement(MenuItem.Button, {
+      suffix: /*#__PURE__*/React.createElement(Right$1, {
+        size: 16
+      })
+    }, instance.t("buttons.changeRole")),
+    "data-cy": "ntm-members-roles-update-dropdown-button",
     disabled: !hasUpdatePermission,
-    label: instance.t("buttons.changeRole"),
     isOpen: isDropdownOpen,
-    onClick: () => setIsDropdownOpen(true),
-    onClose: () => handleOnClose(),
-    position: "bottom-end"
-  }, /*#__PURE__*/React.createElement(Menu$1, null, /*#__PURE__*/React.createElement("div", null, isSearchable && /*#__PURE__*/React.createElement(Input$1, {
+    onClick: handleClick,
+    onClose: handleOnClose,
+    position: "auto-end"
+  }, /*#__PURE__*/React.createElement(Menu$1, null, isSearchable && /*#__PURE__*/React.createElement("div", {
     className: "neeto-ui-px-3 neeto-ui-py-2",
+    onClick: e => {
+      e.stopPropagation();
+    }
+  }, /*#__PURE__*/React.createElement(Input$1, {
     "data-cy": "ntm-members-roles-search-input",
     onChange: handleSearch,
     placeholder: instance.t("helpers.searchRoles"),
     prefix: /*#__PURE__*/React.createElement(Search, null),
     type: "search",
     value: searchTerm
-  }), isNotEmpty$1(filteredRoles) ? filteredRoles.map(_ref3 => {
+  })), isNotEmpty$1(filteredRoles) ? filteredRoles.map(_ref3 => {
     let id = _ref3.id,
       name = _ref3.name;
     return /*#__PURE__*/React.createElement(MenuItem.Button, {
       key: id,
       onClick: () => handleSelectRole(name)
     }, name);
-  }) : /*#__PURE__*/React.createElement("span", {
-    className: "neeto-ui-flex neeto-ui-flex-col neeto-ui-items-center neeto-ui-p-2"
-  }, instance.t("helpers.noRolesFound")))))));
+  }) : /*#__PURE__*/React.createElement("div", {
+    className: "neeto-ui-flex neeto-ui-justify-center neeto-ui-p-1"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    className: "neeto-ui-text-gray-700",
+    style: "body2"
+  }, instance.t("helpers.noRolesFound")))));
 };
 
 var _URLSearchParams$get;
@@ -10214,10 +7080,13 @@ const DEFAULT_SELECTED_ROWS = {
 };
 
 const Left = _ref => {
-  var _selectedRows$keys, _selectedRows$keys2;
-  let filteredCount = _ref.filteredCount,
+  var _selectedRows$keys, _selectedRows$keys2, _config$permissions$u, _config$permissions, _config$otherBulkActi;
+  let config = _ref.config,
+    filteredCount = _ref.filteredCount,
     metaName = _ref.metaName,
+    roles = _ref.roles,
     selectedRows = _ref.selectedRows,
+    setSelectedRows = _ref.setSelectedRows,
     totalCount = _ref.totalCount;
   const hasSelectedRows = isNotEmpty$1(selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.keys);
   const pluralizedByFilterCount = metaName({
@@ -10227,28 +7096,8 @@ const Left = _ref => {
     count: selectedRows === null || selectedRows === void 0 ? void 0 : (_selectedRows$keys = selectedRows.keys) === null || _selectedRows$keys === void 0 ? void 0 : _selectedRows$keys.length,
     metaName: metaName({
       count: selectedRows === null || selectedRows === void 0 ? void 0 : (_selectedRows$keys2 = selectedRows.keys) === null || _selectedRows$keys2 === void 0 ? void 0 : _selectedRows$keys2.length
-    }).toLocaleLowerCase(),
-    totalCount
+    }).toLocaleLowerCase()
   };
-  return /*#__PURE__*/React.createElement(Typography, {
-    "data-cy": "ntm-filtered-members-count",
-    component: "h4",
-    style: "h4"
-  }, hasSelectedRows ? /*#__PURE__*/React.createElement(Trans, {
-    i18nKey: "helpers.selectedMembersCount",
-    values: selectedMembersCountValues
-  }) : `${filteredCount} ${pluralizedByFilterCount}`);
-};
-const Right = _ref2 => {
-  var _config$permissions$u, _config$permissions;
-  let columns = _ref2.columns,
-    config = _ref2.config,
-    roles = _ref2.roles,
-    rolesButtonProps = _ref2.rolesButtonProps,
-    selectedRows = _ref2.selectedRows,
-    setColumnData = _ref2.setColumnData,
-    setSelectedRows = _ref2.setSelectedRows;
-  const isRolesButtonVisible = !!rolesButtonProps;
   const hasUpdatePermission = (_config$permissions$u = config === null || config === void 0 ? void 0 : (_config$permissions = config.permissions) === null || _config$permissions === void 0 ? void 0 : _config$permissions.update) !== null && _config$permissions$u !== void 0 ? _config$permissions$u : DEFAULT_PERMISSION;
   const _useBulkUpdateMembers = useBulkUpdateMembers({
       onSuccess: () => setSelectedRows(DEFAULT_SELECTED_ROWS)
@@ -10275,33 +7124,46 @@ const Right = _ref2 => {
       }
     });
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, getDeactivatedButtonVisible(selectedRows) && /*#__PURE__*/React.createElement(Tooltip, {
+  const Menu = Dropdown.Menu,
+    MenuItem = Dropdown.MenuItem;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-4"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    component: "h4",
+    "data-cy": "ntm-filtered-members-count",
+    style: "h4"
+  }, hasSelectedRows ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Trans, {
+    i18nKey: "helpers.selectedMembersCount",
+    values: selectedMembersCountValues
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "neeto-ui-text-gray-600"
+  }, " ", totalCount)) : `${filteredCount} ${pluralizedByFilterCount}`), hasSelectedRows && /*#__PURE__*/React.createElement(Tooltip, {
     content: instance.t("tooltips.noPermissionToEditMembers"),
     disabled: hasUpdatePermission,
     position: "top"
-  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Dropdown, {
+    "data-cy": "ntm-members-take-action-dropdown-button",
+    buttonStyle: "secondary",
+    disabled: !hasUpdatePermission,
+    label: instance.t("common.takeAction")
+  }, /*#__PURE__*/React.createElement(Menu, null, getDeactivatedButtonVisible(selectedRows) && /*#__PURE__*/React.createElement(MenuItem.Button, {
     "data-cy": "ntm-deactivate-members-button",
     disabled: !hasUpdatePermission,
-    label: instance.t("common.deactivate"),
-    size: "small",
-    style: "secondary",
     onClick: () => handleDeactivateMembers()
-  }))), getActivateButtonVisible(selectedRows) && /*#__PURE__*/React.createElement(Tooltip, {
-    content: instance.t("tooltips.noPermissionToEditMembers"),
-    disabled: hasUpdatePermission,
-    position: "top"
-  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Button, {
+  }, instance.t("common.deactivate")), getActivateButtonVisible(selectedRows) && /*#__PURE__*/React.createElement(MenuItem.Button, {
     "data-cy": "ntm-activate-members-button",
     disabled: !hasUpdatePermission,
-    label: instance.t("common.activate"),
-    size: "small",
-    style: "secondary",
     onClick: () => handleActivateMembers()
-  }))), isNotEmpty$1(selectedRows.keys) && /*#__PURE__*/React.createElement(RolesDropdown, {
+  }, instance.t("common.activate")), /*#__PURE__*/React.createElement(RolesDropdown, {
     handleRoleChange: handleRoleChange,
     hasUpdatePermission: hasUpdatePermission,
     roles: roles
-  }), /*#__PURE__*/React.createElement(Columns, {
+  }), config === null || config === void 0 ? void 0 : (_config$otherBulkActi = config.otherBulkActions) === null || _config$otherBulkActi === void 0 ? void 0 : _config$otherBulkActi.call(config))))));
+};
+const Right = _ref2 => {
+  let columns = _ref2.columns,
+    setColumnData = _ref2.setColumnData;
+  return /*#__PURE__*/React.createElement(Columns, {
     columnData: columns,
     dropdownProps: COLUMNS_DROPDOWN_PROPS,
     fixedColumns: FIXED_COLUMNS,
@@ -10309,12 +7171,7 @@ const Right = _ref2 => {
     noColumnMessage: instance.t("columns.noColumnsFound"),
     onChange: setColumnData,
     searchProps: COLUMNS_SEARCH_PROPS
-  }), isRolesButtonVisible ? /*#__PURE__*/React.createElement(Button, _extends({
-    "data-cy": "ntm-manage-roles-button",
-    label: MANAGE_ROLES_BUTTON_LABEL,
-    size: "small",
-    style: "secondary"
-  }, rolesButtonProps)) : null);
+  });
 };
 const SubHeader = {
   Left,
@@ -11013,6 +7870,28 @@ const getMetaName = curry((metaName, count) => {
 });
 const clearSelectedMembers = (previousCategory, currentCategory) => isNotEqual(previousCategory, currentCategory) && isNotEqual(currentCategory, "ALL");
 
+const _excluded = ["className", "children"],
+  _excluded2 = ["className", "children"];
+const PageWrapper = _ref => {
+  let className = _ref.className,
+    children = _ref.children,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: className
+  }, otherProps), children);
+};
+const Page = _ref2 => {
+  let className = _ref2.className,
+    children = _ref2.children,
+    otherProps = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: className
+  }, otherProps), children);
+};
+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; }
 const MULTIPLE_EMAIL_INPUT_VALIDATION_SCHEMA = {
@@ -11033,6 +7912,19 @@ const MANAGE_MEMBERS_FORMIK_PROPS = {
   enableReinitialize: true,
   validationSchema: VALIDATION_SCHEMA$1
 };
+const DEFAULT_COMPONENT_CONFIG = {
+  type: "pane",
+  isOpen: false,
+  className: "",
+  headerProps: {},
+  bodyProps: {},
+  footerProps: {}
+};
+const MEMBERS_FORM_COMPONENT_MAPPER = {
+  pane: Pane,
+  modal: Modal,
+  page: Page
+};
 
 const renderInitialValues = (selectedMember, roles) => {
   var _roles$;
@@ -11064,7 +7956,9 @@ const MultipleEmailInput = _ref => {
   var _head;
   let emails = _ref.emails,
     selectedMember = _ref.selectedMember;
-  return selectedMember ? /*#__PURE__*/React.createElement(Input, {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "neeto-ui-w-full"
+  }, selectedMember ? /*#__PURE__*/React.createElement(Input, {
     disabled: true,
     "data-cy": "ntm-manage-member-email-input",
     label: instance.t("common.email", SINGULAR),
@@ -11079,7 +7973,7 @@ const MultipleEmailInput = _ref => {
     label: `${instance.t("common.email", PLURAL)}*`,
     name: "emails",
     placeholder: instance.t("placeholders.email")
-  });
+  }));
 };
 MultipleEmailInput.defaultProps = {
   emails: [],
@@ -11106,11 +8000,11 @@ const RolesRadioGroup = _ref => {
     let id = _ref2.id,
       name = _ref2.name;
     return /*#__PURE__*/React.createElement("label", {
-      className: "ntm-members-pane-radio-item__wrapper",
+      className: "ntm-members-form-radio-item__wrapper",
       htmlFor: slugify(name),
       key: id
     }, /*#__PURE__*/React.createElement(Radio.Item, {
-      className: "ntm-members-pane-radio-item__label",
+      className: "ntm-members-form-radio-item__label",
       "data-cy": "ntm-manage-member-roles-button",
       defaultChecked: identical(name, role),
       id: slugify(name),
@@ -11128,41 +8022,55 @@ RolesRadioGroup.defaultProps = {
 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 ManageMember = _ref => {
-  var _config$manageMember;
+  var _config$permissions$v, _config$permissions, _config$manageMember;
   let config = _ref.config,
-    isOpen = _ref.isOpen,
-    metaName = _ref.metaName,
-    onClose = _ref.onClose,
+    onComplete = _ref.onComplete,
     _ref$roles = _ref.roles,
     roles = _ref$roles === void 0 ? [] : _ref$roles,
-    selectedMember = _ref.selectedMember;
+    _ref$selectedMember = _ref.selectedMember,
+    selectedMember = _ref$selectedMember === void 0 ? null : _ref$selectedMember,
+    _ref$componentConfig = _ref.componentConfig,
+    componentConfig = _ref$componentConfig === void 0 ? {} : _ref$componentConfig;
   const _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     hasSubmitted = _useState2[0],
     setHasSubmitted = _useState2[1];
   const formReference = useRef(null);
-  const onPaneClose = () => {
-    onClose();
+  const manageMemberComponentConfig = _objectSpread$1(_objectSpread$1({}, DEFAULT_COMPONENT_CONFIG), componentConfig);
+  const Component = MEMBERS_FORM_COMPONENT_MAPPER[manageMemberComponentConfig.type || "pane"];
+  const handleClose = () => {
+    onComplete();
     setHasSubmitted(false);
   };
+  const haveToFetchRoles = isEmpty(roles) ? (_config$permissions$v = config === null || config === void 0 ? void 0 : (_config$permissions = config.permissions) === null || _config$permissions === void 0 ? void 0 : _config$permissions.view) !== null && _config$permissions$v !== void 0 ? _config$permissions$v : DEFAULT_PERMISSION : false;
+  const _useFetchRoles = useFetchRoles({
+      select: response => {
+        var _ref2;
+        return reverse((_ref2 = response.organizationRoles || response.data.organizationRoles) !== null && _ref2 !== void 0 ? _ref2 : []);
+      },
+      enabled: haveToFetchRoles
+    }),
+    _useFetchRoles$data = _useFetchRoles.data,
+    rolesList = _useFetchRoles$data === void 0 ? roles : _useFetchRoles$data,
+    isRolesLoading = _useFetchRoles.isLoading;
   const manageMemberProps = {
     hasSubmitted,
-    onPaneClose,
-    roles,
+    handleClose,
+    roles: rolesList,
     selectedMember,
     queryClient
   };
   const _useCreateMember = useCreateMember({
       onSuccess: () => {
         var _config$createMember, _config$createMember$;
-        onPaneClose();
+        handleClose();
         config === null || config === void 0 ? void 0 : (_config$createMember = config.createMember) === null || _config$createMember === void 0 ? void 0 : (_config$createMember$ = _config$createMember.onSuccess) === null || _config$createMember$ === void 0 ? void 0 : _config$createMember$.callback();
       }
     }),
     createMember = _useCreateMember.mutate,
     isCreatingMember = _useCreateMember.isLoading;
   const _useUpdateMember = useUpdateMember({
-      onSuccess: onPaneClose
+      onSuccess: handleClose
     }),
     updateMember = _useUpdateMember.mutate,
     isUpdatingMember = _useUpdateMember.isLoading;
@@ -11172,46 +8080,56 @@ const ManageMember = _ref => {
       payload: renderPayload(values, selectedMember)
     }) : createMember(renderPayload(values));
   };
-  const isSubmitting = isCreatingMember || isUpdatingMember;
-  return /*#__PURE__*/React.createElement(Pane, {
+  const isSubmitting = isCreatingMember || isUpdatingMember || isRolesLoading;
+  const getTitle = () => {
+    const metaName = (config === null || config === void 0 ? void 0 : config.metaName) || "member";
+
+    /* eslint-disable @bigbinary/neeto/no-missing-localization */
+    return selectedMember ? instance.t("common.edit_", {
+      what: getMetaName(metaName)(SINGULAR).toLocaleLowerCase()
+    }) : instance.t("common.add_", {
+      what: getMetaName(metaName)(SINGULAR).toLocaleLowerCase()
+    });
+    /* eslint-disable @bigbinary/neeto/no-missing-localization */
+  };
+
+  return /*#__PURE__*/React.createElement(Component, {
     "data-cy": "ntm-manage-members-pane-wrapper",
-    isOpen: isOpen,
-    onClose: onPaneClose
-  }, /*#__PURE__*/React.createElement(Pane.Header, null, /*#__PURE__*/React.createElement(Typography, {
-    className: "ntm-members-pane__header",
+    isOpen: manageMemberComponentConfig.isOpen,
+    onClose: handleClose,
+    className: manageMemberComponentConfig.className
+  }, /*#__PURE__*/React.createElement(Component.Header, manageMemberComponentConfig.headerProps, /*#__PURE__*/React.createElement(Typography, {
+    className: "ntm-members-form__header",
     "data-cy": "ntm-manage-members-pane-header",
     style: "h2",
     weight: "semibold"
-  }, selectedMember ? instance.t("common.edit_", {
-    what: metaName(SINGULAR).toLocaleLowerCase()
-  }) : instance.t("common.add_", {
-    what: metaName(SINGULAR).toLocaleLowerCase()
-  }))), config !== null && config !== void 0 && (_config$manageMember = config.manageMember) !== null && _config$manageMember !== void 0 && _config$manageMember.component ? config.manageMember.component(manageMemberProps) : /*#__PURE__*/React.createElement(Form, {
+  }, 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), {}, {
-      initialValues: renderInitialValues(selectedMember, roles),
+      initialValues: renderInitialValues(selectedMember, rolesList),
       onSubmit: handleAddMember,
       validateOnBlur: hasSubmitted,
       validateOnChange: hasSubmitted
     })
-  }, _ref2 => {
-    let values = _ref2.values,
-      dirty = _ref2.dirty;
+  }, _ref3 => {
+    var _manageMemberComponen, _manageMemberComponen2;
+    let values = _ref3.values,
+      dirty = _ref3.dirty;
     const emails = values.emails,
       role = values.role;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ScrollToErrorField, {
       formRef: formReference
-    }), /*#__PURE__*/React.createElement(Pane.Body, null, /*#__PURE__*/React.createElement("div", {
-      className: "ntm-members-pane__body"
-    }, /*#__PURE__*/React.createElement(MultipleEmailInput, {
+    }), /*#__PURE__*/React.createElement(Component.Body, _extends({}, manageMemberComponentConfig.bodyProps, {
+      className: classnames(["ntm-members-form__body", (_manageMemberComponen = manageMemberComponentConfig.bodyProps) === null || _manageMemberComponen === void 0 ? void 0 : _manageMemberComponen.className])
+    }), /*#__PURE__*/React.createElement(MultipleEmailInput, {
       emails: emails,
       selectedMember: selectedMember
     }), /*#__PURE__*/React.createElement(RolesRadioGroup, {
       role: role,
-      roles: roles
-    }))), /*#__PURE__*/React.createElement(Pane.Footer, {
-      className: "ntm-members-pane__footer"
-    }, /*#__PURE__*/React.createElement(Button, {
+      roles: rolesList
+    })), /*#__PURE__*/React.createElement(Component.Footer, _extends({}, manageMemberComponentConfig.footerProps, {
+      className: classnames(["ntm-members-form__footer", (_manageMemberComponen2 = manageMemberComponentConfig.footerProps) === null || _manageMemberComponen2 === void 0 ? void 0 : _manageMemberComponen2.className])
+    }), /*#__PURE__*/React.createElement(Button, {
       "data-cy": "ntm-manage-member-submit-button",
       disabled: !dirty || isSubmitting,
       label: instance.t("buttons.saveChanges"),
@@ -11222,7 +8140,7 @@ const ManageMember = _ref => {
     }), /*#__PURE__*/React.createElement(Button, {
       "data-cy": "ntm-manage-member-cancel-button",
       label: instance.t("buttons.cancel"),
-      onClick: onPaneClose,
+      onClick: handleClose,
       style: "text"
     })));
   }));
@@ -11355,6 +8273,7 @@ const TeamMembers = _ref => {
     setIsOpen(assoc("manageMember", false));
     setSelectedMember(null);
   };
+  const resetSelectedRows = () => setSelectedRows(DEFAULT_SELECTED_ROWS);
   const handleMemberFilterChange = filter => {
     setFilters(assoc("category", filter));
     clearSelectedMembers(filters.category, filter) && setSelectedRows(DEFAULT_SELECTED_ROWS);
@@ -11367,10 +8286,17 @@ const TeamMembers = _ref => {
     }));
   };
   const handleRowSelect = (keys, rowData) => {
-    setSelectedRows({
+    var _config$table, _config$table$onRowSe;
+    const rows = {
       active: pluck("active", rowData),
       emails: pluck("email", rowData),
       keys
+    };
+    setSelectedRows(_objectSpread({}, rows));
+    config === null || config === void 0 ? void 0 : (_config$table = config.table) === null || _config$table === void 0 ? void 0 : (_config$table$onRowSe = _config$table.onRowSelect) === null || _config$table$onRowSe === void 0 ? void 0 : _config$table$onRowSe.call(_config$table, {
+      rows,
+      resetSelectedRows,
+      rowData
     });
   };
   if (isRolesLoading || isMembersLoading) {
@@ -11398,23 +8324,22 @@ const TeamMembers = _ref => {
     actionBlock: /*#__PURE__*/React.createElement(Header, {
       metaName: metaName,
       onClick: () => setIsOpen(assoc("manageMember", true)),
-      permissions: config === null || config === void 0 ? void 0 : config.permissions
+      permissions: config === null || config === void 0 ? void 0 : config.permissions,
+      rolesButtonProps: config.rolesButtonProps
     })
   }), /*#__PURE__*/React.createElement(SubHeader$1, {
     leftActionBlock: /*#__PURE__*/React.createElement(SubHeader.Left, {
+      config: config,
       filteredCount: team === null || team === void 0 ? void 0 : team.membersCount,
       metaName: metaName,
+      roles: roles,
       selectedRows: selectedRows,
+      setSelectedRows: setSelectedRows,
       totalCount: currentCategoryCount
     }),
     rightActionBlock: /*#__PURE__*/React.createElement(SubHeader.Right, {
       columns: columns,
-      config: config,
-      roles: roles,
-      rolesButtonProps: config.rolesButtonProps,
-      selectedRows: selectedRows,
-      setColumnData: setColumnData,
-      setSelectedRows: setSelectedRows
+      setColumnData: setColumnData
     })
   }), (team === null || team === void 0 ? void 0 : team.membersCount) !== 0 ? /*#__PURE__*/React.createElement("div", {
     className: "ntm-members__table-wrapper"
@@ -11445,11 +8370,12 @@ const TeamMembers = _ref => {
     })
   })), /*#__PURE__*/React.createElement(ManageMember, {
     config: config,
-    isOpen: isOpen.manageMember,
-    metaName: metaName,
-    onClose: handleModalClose,
+    onComplete: handleModalClose,
     roles: roles,
-    selectedMember: selectedMember
+    selectedMember: selectedMember,
+    componentConfig: {
+      isOpen: isOpen.manageMember
+    }
   }), /*#__PURE__*/React.createElement(Alert, {
     isOpen: isOpen.alert,
     title: renderUpdateAlert("title", updateMemberAlertProps),
@@ -11480,8 +8406,8 @@ const VALIDATION_SCHEMA = {
 
 var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
 
-var css = ":root {\n  --ntm-roles-table-default-scroll: 15px;\n  --ntm-roles-table-cell-height: 68px;\n}\n\n.ntm-dropdown__button {\n  border-radius: 0 !important;\n  font-weight: var(--neeto-ui-font-normal);\n  min-height: 34px;\n  min-width: 150px;\n  text-align: left;\n  width: 100%;\n}\n\n.ntm-scrollbar__inner {\n  width: 100%;\n  height: 200px;\n}\n.ntm-scrollbar__outer {\n  position: \"absolute\";\n  top: 0px;\n  left: 0px;\n  width: 200px;\n  height: 150px;\n  overflow: \"hidden\";\n  visibility: \"hidden\";\n}\n\n.ntm-empty-state {\n  align-items: center;\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  width: 100%;\n}\n.ntm-empty-state__image {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 2rem;\n}\n.ntm-empty-state__title--with-action-block {\n  margin-bottom: 1rem;\n}\n.ntm-empty-state__action-block {\n  display: flex;\n  justify-content: center;\n}\n\n.ntm-members {\n  overflow: auto;\n  width: 100%;\n}\n.ntm-members-wrapper {\n  display: flex;\n}\n.ntm-members-page-loader {\n  width: 100%;\n  height: 100vh;\n}\n.ntm-members__table-wrapper {\n  height: calc(100vh - 205px);\n  width: 100%;\n}\n.ntm-members-table__column {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.ntm-members-pane__header {\n  margin-bottom: 0.5rem;\n}\n.ntm-members-pane__body {\n  width: 100%;\n  padding-bottom: 1rem;\n}\n.ntm-members-pane__body > * + * {\n  margin-top: 1rem;\n}\n.ntm-members-pane__footer {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ntm-members-radio-group {\n  width: 100%;\n}\n.ntm-members-radio-group .neeto-ui-radio__container--stacked {\n  width: 100%;\n}\n.ntm-members-radio-group__label {\n  padding-right: 4px;\n}\n.ntm-members-radio-group__icon {\n  cursor: pointer;\n}\n\n.ntm-members-pane-radio-item__wrapper {\n  width: 100%;\n  cursor: pointer;\n  padding: 8px 0px !important;\n}\n.ntm-members-pane-radio-item__wrapper:first-child {\n  padding-top: 0px !important;\n}\n.ntm-members-pane-radio-item__label {\n  margin-bottom: 0 !important;\n}\n.ntm-members-pane-radio-item__description {\n  color: rgb(var(--neeto-ui-gray-700));\n}\n\n.ntm-roles-header {\n  border-bottom: 1px solid rgb(var(--neeto-ui-gray-300));\n}\n\n.ntm-roles-table__wrapper {\n  width: 100%;\n  height: calc(100vh - var(--neeto-ui-main-header-with-breadcrumbs-height));\n  display: flex;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar {\n  width: 396px;\n  min-width: 396px;\n  border-right: thin solid rgb(var(--neeto-ui-gray-300));\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__search {\n  padding: 24px 24px 16px;\n  height: 72px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__list {\n  height: calc(\n        100vh - var(--neeto-ui-main-header-with-breadcrumbs-height) - 72px -\n          var(--ntm-roles-table-default-scroll)\n      );\n  overflow-y: auto;\n  padding-left: 24px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__list .ntm-roles-table-sidebar__list-item {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 8px;\n  min-height: var(--ntm-roles-table-cell-height);\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__list .ntm-roles-table-sidebar__list-item.ntm-roles-table-sidebar__list-item--highlighted {\n  background-color: rgb(var(--neeto-ui-primary-100));\n  padding: 12px 8px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__list .ntm-roles-table-sidebar__list-item:not(.ntm-roles-table-sidebar__list-item--highlighted) {\n  border-bottom: thin solid rgb(var(--neeto-ui-gray-300));\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns {\n  width: calc(\n      100vw - var(--neeto-ui-sidebar-width) - 396px - 24px\n    );\n  overflow: hidden;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__cell {\n  width: 100%;\n  min-width: 200px;\n  height: var(--ntm-roles-table-cell-height);\n  padding: 12px 8px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-right: thin solid rgb(var(--neeto-ui-gray-300));\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table-cell__checkbox-wrapper {\n  position: absolute;\n  height: 1rem;\n  width: 1rem;\n  margin: auto;\n  z-index: 10;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table-cell__checkbox {\n  z-index: 10;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header {\n  display: flex;\n  align-items: center;\n  overflow-x: auto;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header .ntm-roles-table__cell {\n  height: 72px;\n  padding-left: 24px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header .ntm-roles-table-header-cell__container {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 1rem;\n  overflow: hidden;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header .ntm-roles-table-header__dropdown {\n  margin: 3px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header .ntm-roles-table-header__role-name {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows {\n  width: 100%;\n  height: calc(\n        100vh - var(--neeto-ui-main-header-with-breadcrumbs-height) - 72px -\n          var(--ntm-roles-table-default-scroll)\n      );\n  overflow-y: auto;\n  scrollbar-width: none;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar {\n  width: 0px;\n  height: 0px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar-thumb {\n  background: rgb(var(--neeto-ui-gray-300));\n  border-radius: 50px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar-thumb:hover {\n  border-radius: 50px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar-track {\n  background: rgb(var(--neeto-ui-gray-300));\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row {\n  display: flex;\n  align-items: center;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row .ntm-roles-table__cell {\n  overflow: hidden;\n  position: relative;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row .ntm-roles-table__cell p {\n  opacity: 0;\n  width: 340px;\n  min-width: 340px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row.ntm-roles-table__row--highlighted .ntm-roles-table__cell {\n  background-color: rgb(var(--neeto-ui-primary-100));\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row:not(.ntm-roles-table__row--highlighted) .ntm-roles-table__cell {\n  border-bottom: thin solid rgb(var(--neeto-ui-gray-300));\n}\n\n.ntm-roles-table-sidebar__drop-down-button {\n  color: rgb(var(--neeto-ui-gray-600));\n  cursor: pointer;\n}\n\n.ntm-roles-modal__body > * + * {\n  margin-top: 1rem;\n}\n.ntm-roles-modal__footer {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ntm-roles-pane__body {\n  width: 100%;\n  margin-bottom: 1.5rem;\n}\n.ntm-roles-pane__body-wrapper > * + * {\n  margin-top: 1rem;\n}\n.ntm-roles-pane__body > * + * {\n  margin-top: 1.5rem;\n}\n.ntm-roles-pane__footer {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ntm-roles-permission > * + * {\n  margin: 0.5rem;\n}\n.ntm-roles-permission__heading {\n  color: rgb(var(--neeto-ui-gray-500));\n  text-transform: uppercase;\n}\n.ntm-roles-permission__card {\n  background-color: rgb(var(--neeto-ui-white));\n  align-items: center;\n  border-radius: var(--neeto-ui-rounded);\n  border-width: 1px;\n  border-color: rgb(var(--neeto-ui-gray-300));\n  cursor: pointer;\n  display: flex;\n  gap: 0.75rem;\n  padding: 1rem 0.75rem;\n}\n.ntm-roles-permission__card--description {\n  flex-grow: 1;\n}\n.ntm-roles-permission__card--checkbox {\n  padding: 0 0.5rem;\n}\n\n.ntm-roles-help-url-wrapper {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem 0;\n}\n\ntd.ant-table-column-sort {\n  background: transparent;\n}";
+var css = ":root {\n  --ntm-roles-table-default-scroll: 15px;\n  --ntm-roles-table-cell-height: 68px;\n}\n\n.ntm-dropdown__button {\n  border-radius: 0 !important;\n  font-weight: var(--neeto-ui-font-normal);\n  min-height: 34px;\n  min-width: 150px;\n  text-align: left;\n  width: 100%;\n}\n\n.ntm-scrollbar__inner {\n  width: 100%;\n  height: 200px;\n}\n.ntm-scrollbar__outer {\n  position: \"absolute\";\n  top: 0px;\n  left: 0px;\n  width: 200px;\n  height: 150px;\n  overflow: \"hidden\";\n  visibility: \"hidden\";\n}\n\n.ntm-empty-state {\n  align-items: center;\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  width: 100%;\n}\n.ntm-empty-state__image {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 2rem;\n}\n.ntm-empty-state__title--with-action-block {\n  margin-bottom: 1rem;\n}\n.ntm-empty-state__action-block {\n  display: flex;\n  justify-content: center;\n}\n\n.ntm-members {\n  overflow: auto;\n  width: 100%;\n}\n.ntm-members-wrapper {\n  display: flex;\n}\n.ntm-members-page-loader {\n  width: 100%;\n  height: 100vh;\n}\n.ntm-members__table-wrapper {\n  height: calc(100vh - 205px);\n  width: 100%;\n}\n.ntm-members-table__column {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.ntm-members-form__header {\n  margin-bottom: 0.5rem;\n}\n.ntm-members-form__body {\n  width: 100%;\n  padding-bottom: 1rem;\n}\n.ntm-members-form__body > * + * {\n  margin-top: 1rem;\n}\n.ntm-members-form__footer {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ntm-members-radio-group {\n  width: 100%;\n}\n.ntm-members-radio-group .neeto-ui-radio__container--stacked {\n  width: 100%;\n}\n.ntm-members-radio-group__label {\n  padding-right: 4px;\n}\n.ntm-members-radio-group__icon {\n  cursor: pointer;\n}\n\n.ntm-members-form-radio-item__wrapper {\n  width: 100%;\n  cursor: pointer;\n  padding: 8px 0px !important;\n}\n.ntm-members-form-radio-item__wrapper:first-child {\n  padding-top: 0px !important;\n}\n.ntm-members-form-radio-item__label {\n  margin-bottom: 0 !important;\n}\n.ntm-members-form-radio-item__description {\n  color: rgb(var(--neeto-ui-gray-700));\n}\n\n.ntm-roles-header {\n  border-bottom: 1px solid rgb(var(--neeto-ui-gray-300));\n}\n\n.ntm-roles-table__wrapper {\n  width: 100%;\n  height: calc(100vh - var(--neeto-ui-main-header-with-breadcrumbs-height));\n  display: flex;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar {\n  width: 396px;\n  min-width: 396px;\n  border-right: thin solid rgb(var(--neeto-ui-gray-300));\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__search {\n  padding: 24px 24px 16px;\n  height: 72px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__list {\n  height: calc(\n        100vh - var(--neeto-ui-main-header-with-breadcrumbs-height) - 72px -\n          var(--ntm-roles-table-default-scroll)\n      );\n  overflow-y: auto;\n  padding-left: 24px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__list .ntm-roles-table-sidebar__list-item {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 8px;\n  min-height: var(--ntm-roles-table-cell-height);\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__list .ntm-roles-table-sidebar__list-item.ntm-roles-table-sidebar__list-item--highlighted {\n  background-color: rgb(var(--neeto-ui-primary-100));\n  padding: 12px 8px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__list .ntm-roles-table-sidebar__list-item:not(.ntm-roles-table-sidebar__list-item--highlighted) {\n  border-bottom: thin solid rgb(var(--neeto-ui-gray-300));\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns {\n  width: calc(\n      100vw - var(--neeto-ui-sidebar-width) - 396px - 24px\n    );\n  overflow: hidden;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__cell {\n  width: 100%;\n  min-width: 200px;\n  height: var(--ntm-roles-table-cell-height);\n  padding: 12px 8px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-right: thin solid rgb(var(--neeto-ui-gray-300));\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table-cell__checkbox-wrapper {\n  position: absolute;\n  height: 1rem;\n  width: 1rem;\n  margin: auto;\n  z-index: 10;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table-cell__checkbox {\n  z-index: 10;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header {\n  display: flex;\n  align-items: center;\n  overflow-x: auto;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header .ntm-roles-table__cell {\n  height: 72px;\n  padding-left: 24px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header .ntm-roles-table-header-cell__container {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 1rem;\n  overflow: hidden;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header .ntm-roles-table-header__dropdown {\n  margin: 3px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header .ntm-roles-table-header__role-name {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows {\n  width: 100%;\n  height: calc(\n        100vh - var(--neeto-ui-main-header-with-breadcrumbs-height) - 72px -\n          var(--ntm-roles-table-default-scroll)\n      );\n  overflow-y: auto;\n  scrollbar-width: none;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar {\n  width: 0px;\n  height: 0px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar-thumb {\n  background: rgb(var(--neeto-ui-gray-300));\n  border-radius: 50px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar-thumb:hover {\n  border-radius: 50px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar-track {\n  background: rgb(var(--neeto-ui-gray-300));\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row {\n  display: flex;\n  align-items: center;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row .ntm-roles-table__cell {\n  overflow: hidden;\n  position: relative;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row .ntm-roles-table__cell p {\n  opacity: 0;\n  width: 340px;\n  min-width: 340px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row.ntm-roles-table__row--highlighted .ntm-roles-table__cell {\n  background-color: rgb(var(--neeto-ui-primary-100));\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row:not(.ntm-roles-table__row--highlighted) .ntm-roles-table__cell {\n  border-bottom: thin solid rgb(var(--neeto-ui-gray-300));\n}\n\n.ntm-roles-table-sidebar__drop-down-button {\n  color: rgb(var(--neeto-ui-gray-600));\n  cursor: pointer;\n}\n\n.ntm-roles-modal__body > * + * {\n  margin-top: 1rem;\n}\n.ntm-roles-modal__footer {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ntm-roles-pane__body {\n  width: 100%;\n  margin-bottom: 1.5rem;\n}\n.ntm-roles-pane__body-wrapper > * + * {\n  margin-top: 1rem;\n}\n.ntm-roles-pane__body > * + * {\n  margin-top: 1.5rem;\n}\n.ntm-roles-pane__footer {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ntm-roles-permission > * + * {\n  margin: 0.5rem;\n}\n.ntm-roles-permission__heading {\n  color: rgb(var(--neeto-ui-gray-500));\n  text-transform: uppercase;\n}\n.ntm-roles-permission__card {\n  background-color: rgb(var(--neeto-ui-white));\n  align-items: center;\n  border-radius: var(--neeto-ui-rounded);\n  border-width: 1px;\n  border-color: rgb(var(--neeto-ui-gray-300));\n  cursor: pointer;\n  display: flex;\n  gap: 0.75rem;\n  padding: 1rem 0.75rem;\n}\n.ntm-roles-permission__card--description {\n  flex-grow: 1;\n}\n.ntm-roles-permission__card--checkbox {\n  padding: 0 0.5rem;\n}\n\n.ntm-roles-help-url-wrapper {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem 0;\n}\n\n.neeto-ui-subheader .neeto-ui-subheader__left-wrapper .neeto-ui-subheader__left {\n  max-width: none;\n}\n\ntd.ant-table-column-sort {\n  background: transparent;\n}";
 n(css,{});
 
-export { MultipleEmailInput, index$1 as Roles, RolesRadioGroup, index as TeamMembers, VALIDATION_SCHEMA, hasPermission, refetchMembers };
+export { ManageMember, MultipleEmailInput, index$1 as Roles, RolesRadioGroup, index as TeamMembers, VALIDATION_SCHEMA, hasPermission, refetchMembers };
 //# sourceMappingURL=index.esm.js.map