@bigbinary/neeto-team-members-frontend 3.2.0-beta2 → 3.2.0

package/dist/index.js

@@ -1,13 +1,13 @@
 import { globalProps, taxonomies } from '@bigbinary/neeto-commons-frontend/initializers';
 import require$$0, { useState, createElement, useEffect, useMemo, useRef, Fragment as Fragment$1, memo, useCallback } from 'react';
 import { removeBy, nullSafe, noop, isPresent, findById, isNotEmpty, findBy, _findBy, replaceById, keysToSnakeCase, notEquals, toLabelAndValue, filterBy, slugify } from '@bigbinary/neeto-cist';
-import { useMutationWithInvalidation as useMutationWithInvalidation$1, withT, useQueryParams, withTitle, useFuncDebounce, useDebounce, useBreakpoints } from '@bigbinary/neeto-commons-frontend/react-utils';
+import { useMutationWithInvalidation, withT, useQueryParams, withTitle, useFuncDebounce, useDebounce, useBreakpoints } from '@bigbinary/neeto-commons-frontend/react-utils';
 import Container from '@bigbinary/neeto-molecules/Container';
 import NeetoHeader from '@bigbinary/neeto-molecules/Header';
 import Button from '@bigbinary/neetoui/Button';
 import { useTranslation, Trans } from 'react-i18next';
-import { useQuery, useQueryClient, useMutation, QueryClient, QueryCache, QueryClientProvider, keepPreviousData } from '@tanstack/react-query';
 import { prop, pluck, mergeLeft, includes, keys, isEmpty, replace as replace$1, is, append, equals, concat, groupBy, not, map, identical, modify, __, filter as filter$1, identity, clamp, curry, isNil, toLower, assoc, trim, isNotNil, pick, move, head, reverse } from 'ramda';
+import { useQuery, QueryClient, QueryCache, QueryClientProvider, useMutation } from 'react-query';
 import axios from 'axios';
 import i18next, { t as t$1 } from 'i18next';
 import { DEFAULT_PAGE_INDEX, DEFAULT_STALE_TIME, PLURAL, SINGULAR, DEFAULT_PAGE_SIZE as DEFAULT_PAGE_SIZE$1 } from '@bigbinary/neeto-commons-frontend/constants';
@@ -41,7 +41,7 @@ import Toastr from '@bigbinary/neetoui/Toastr';
 import withImmutableActions from '@bigbinary/neeto-commons-frontend/react-utils/withImmutableActions';
 import { create as create$3 } from 'zustand';
 import { shallow } from 'zustand/shallow';
-import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
+import { ReactQueryDevtools } from 'react-query/devtools';
 import Checkbox from '@bigbinary/neetoui/Checkbox';
 import classnames from 'classnames';
 import Input$1 from '@bigbinary/neetoui/Input';
@@ -247,22 +247,19 @@ var useFetchGroups = function useFetchGroups(_ref) {
     pageSize = _ref.pageSize,
     _ref$searchTerm = _ref.searchTerm,
     searchTerm = _ref$searchTerm === void 0 ? "" : _ref$searchTerm;
-  return useQuery({
-    queryKey: [QUERY_KEYS.GROUPS, searchTerm, page, pageSize],
-    queryFn: function queryFn() {
-      return groupsApi.list({
-        searchTerm: searchTerm,
-        page: page,
-        pageSize: pageSize,
-        loadDetails: true
-      });
-    }
+  return useQuery([QUERY_KEYS.GROUPS, searchTerm, page, pageSize], function () {
+    return groupsApi.list({
+      searchTerm: searchTerm,
+      page: page,
+      pageSize: pageSize,
+      loadDetails: true
+    });
   });
 };
 var useCreateGroup = function useCreateGroup() {
   var _config$form$otherKey, _config$form;
   var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return useMutationWithInvalidation$1(function (payload) {
+  return useMutationWithInvalidation(function (payload) {
     return groupsApi.create(payload);
   }, {
     keysToInvalidate: [QUERY_KEYS.GROUPS].concat(_toConsumableArray((_config$form$otherKey = config === null || config === void 0 || (_config$form = config.form) === null || _config$form === void 0 ? void 0 : _config$form.otherKeysToInvalidate) !== null && _config$form$otherKey !== void 0 ? _config$form$otherKey : []))
@@ -271,18 +268,16 @@ var useCreateGroup = function useCreateGroup() {
 var useDeleteGroup = function useDeleteGroup() {
   var _config$form$otherKey2, _config$form2;
   var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return useMutationWithInvalidation$1(function (id) {
+  return useMutationWithInvalidation(function (id) {
     return groupsApi.destroy(id);
   }, {
     keysToInvalidate: [QUERY_KEYS.GROUPS].concat(_toConsumableArray((_config$form$otherKey2 = config === null || config === void 0 || (_config$form2 = config.form) === null || _config$form2 === void 0 ? void 0 : _config$form2.otherKeysToInvalidate) !== null && _config$form$otherKey2 !== void 0 ? _config$form$otherKey2 : []))
   });
 };
 var useFetchGroup = function useFetchGroup(id) {
-  return useQuery({
-    queryKey: [QUERY_KEYS.GROUPS, id],
-    queryFn: function queryFn() {
-      return groupsApi.show(id);
-    },
+  return useQuery([QUERY_KEYS.GROUPS, id], function () {
+    return groupsApi.show(id);
+  }, {
     select: prop("group"),
     enabled: !!id
   });
@@ -290,7 +285,7 @@ var useFetchGroup = function useFetchGroup(id) {
 var useUpdateGroup = function useUpdateGroup() {
   var _config$form$otherKey3, _config$form3;
   var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return useMutationWithInvalidation$1(function (_ref2) {
+  return useMutationWithInvalidation(function (_ref2) {
     var id = _ref2.id,
       payload = _ref2.payload;
     return groupsApi.update(id, payload);
@@ -314,10 +309,7 @@ var usersApi = {
 };
 
 var useFetchUsers = function useFetchUsers() {
-  return useQuery({
-    queryKey: [QUERY_KEYS.USERS],
-    queryFn: usersApi.list
-  });
+  return useQuery([QUERY_KEYS.GROUP_MEMBERS], usersApi.list);
 };
 
 var MAXIMUM_NAME_LENGTH = 25;
@@ -482,10 +474,10 @@ var Form = function Form(_ref) {
     isLoading = _useFetchUsers.isLoading;
   var _useCreateGroup = useCreateGroup(config),
     create = _useCreateGroup.mutate,
-    isCreating = _useCreateGroup.isPending;
+    isCreating = _useCreateGroup.isLoading;
   var _useUpdateGroup = useUpdateGroup(config),
     update = _useUpdateGroup.mutate,
-    isUpdating = _useUpdateGroup.isPending;
+    isUpdating = _useUpdateGroup.isLoading;
   var initialValues = isEdit ? group : mergeLeft(GROUP_FORM_INITIAL_VALUES, (_config$form$initialV = config === null || config === void 0 || (_config$form = config.form) === null || _config$form === void 0 ? void 0 : _config$form.initialValues) !== null && _config$form$initialV !== void 0 ? _config$form$initialV : {});
   var validationSchema = GROUP_FORM_VALIDATION_SCHEMA.concat(config === null || config === void 0 || (_config$form2 = config.form) === null || _config$form2 === void 0 ? void 0 : _config$form2.validationSchema);
   var getUserIds = function getUserIds(members) {
@@ -1279,8 +1271,8 @@ var Edit = function Edit(_ref) {
   });
 };
 
-function ownKeys$l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var List = function List(_ref) {
   var _config$table$deleteA, _config$table, _config$table$deleteA2;
   var config = _ref.config,
@@ -1303,7 +1295,7 @@ var List = function List(_ref) {
   var totalCount = groups === null || groups === void 0 ? void 0 : groups.length;
   var _useDeleteGroup = useDeleteGroup(config),
     groupDelete = _useDeleteGroup.mutate,
-    isDeleting = _useDeleteGroup.isPending;
+    isDeleting = _useDeleteGroup.isLoading;
   var getGroupDetail = function getGroupDetail(id) {
     return findById(id, groups);
   };
@@ -1370,7 +1362,7 @@ var List = function List(_ref) {
       })]
     }) : /*#__PURE__*/jsx("div", {
       className: "flex h-full w-full flex-grow items-center justify-center",
-      children: /*#__PURE__*/jsx(NoData, _objectSpread$l({
+      children: /*#__PURE__*/jsx(NoData, _objectSpread$k({
         title: t("neetoTeamMembers.helpers.emptyTable", {
           entity: taxonomies.group.plural
         })
@@ -1867,70 +1859,6 @@ try {
 
 var _regeneratorRuntime = /*@__PURE__*/getDefaultExportFromCjs(regenerator);
 
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-
-var _excluded$4 = ["keysToInvalidate"],
-  _excluded2$3 = ["onSuccess"];
-function ownKeys$k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var useMutationWithInvalidation = function useMutationWithInvalidation(mutationFn, _ref) {
-  var keysToInvalidate = _ref.keysToInvalidate,
-    options = _objectWithoutProperties(_ref, _excluded$4);
-  var queryClient = useQueryClient();
-  var _onSuccess = options.onSuccess,
-    otherOptions = _objectWithoutProperties(options, _excluded2$3);
-  return useMutation(_objectSpread$k({
-    mutationFn: mutationFn,
-    onSuccess: function onSuccess(data, variables, context) {
-      keysToInvalidate.forEach(function (key) {
-        var result = key;
-        if (typeof key === "function") {
-          result = key(data, variables, context);
-        }
-        if (_typeof$1(result) === "object") {
-          queryClient.invalidateQueries(result);
-        }
-        if (typeof result === "string") {
-          queryClient.invalidateQueries({
-            queryKey: [key]
-          });
-        }
-        queryClient.invalidateQueries({
-          queryKey: key
-        });
-      });
-      _onSuccess === null || _onSuccess === void 0 || _onSuccess(data, variables, context);
-    }
-  }, otherOptions));
-};
-
 var fetchCountries = function fetchCountries() {
   return axios.get("".concat(BASE_URL, "/profile/countries"));
 };
@@ -1951,10 +1879,9 @@ var profileApi = {
 function ownKeys$j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useFetchProfile = function useFetchProfile(options) {
-  return useQuery(_objectSpread$j({
-    queryKey: [QUERY_KEYS.USER_PROFILE],
-    queryFn: profileApi.fetchUserDetails,
-    staleTime: DEFAULT_STALE_TIME
+  return useQuery([QUERY_KEYS.USER_PROFILE], profileApi.fetchUserDetails, _objectSpread$j({
+    staleTime: DEFAULT_STALE_TIME,
+    refetchOnWindowFocus: true
   }, options));
 };
 var useUpdateProfileMutation = function useUpdateProfileMutation(options) {
@@ -1987,9 +1914,7 @@ var VALIDATION_ERRORS = {
 function ownKeys$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useFetchCountries = function useFetchCountries(options) {
-  return useQuery(_objectSpread$i({
-    queryKey: [QUERY_KEYS.COUNTRIES_LIST],
-    queryFn: profileApi.fetchCountries,
+  return useQuery([QUERY_KEYS.COUNTRIES_LIST], profileApi.fetchCountries, _objectSpread$i({
     staleTime: DEFAULT_STALE_TIME
   }, options));
 };
@@ -2243,7 +2168,7 @@ var ChangeProfile = function ChangeProfile(_ref) {
     handleTimeZoneChange = _useCountries$handleT === void 0 ? noop : _useCountries$handleT;
   var _useUpdateProfileMuta = useUpdateProfileMutation(),
     updateProfile = _useUpdateProfileMuta.mutate,
-    isUpdatingProfile = _useUpdateProfileMuta.isPending;
+    isUpdatingProfile = _useUpdateProfileMuta.isLoading;
   var initialFormValues = {
     firstName: firstName,
     lastName: lastName,
@@ -3894,7 +3819,7 @@ var withReactQuery = function withReactQuery(Component) {
       client: queryClient,
       children: [/*#__PURE__*/jsx(Component, _objectSpread$g({}, props)), /*#__PURE__*/jsx(ReactQueryDevtools, {
         initialIsOpen: false,
-        position: "left"
+        position: "bottom-right"
       })]
     });
   };
@@ -3912,15 +3837,42 @@ function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
 function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useFetchPermissions = function useFetchPermissions() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return useQuery(_objectSpread$f({
-    queryKey: [QUERY_KEYS.PERMISSIONS],
-    queryFn: permissionsApi.fetch,
+  return useQuery(QUERY_KEYS.PERMISSIONS, permissionsApi.fetch, _objectSpread$f({
     select: function select(response) {
       return response === null || response === void 0 ? void 0 : response.permissions;
     }
   }, options));
 };
 
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+
 var fetch$2 = function fetch() {
   return axios.get("".concat(BASE_URL, "/global_roles"));
 };
@@ -3961,9 +3913,7 @@ function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
 function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useFetchRoles = function useFetchRoles() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return useQuery(_objectSpread$e({
-    queryKey: [QUERY_KEYS.ROLES],
-    queryFn: organizationRolesApi.fetch,
+  return useQuery(QUERY_KEYS.ROLES, organizationRolesApi.fetch, _objectSpread$e({
     select: function select(response) {
       return response === null || response === void 0 ? void 0 : response.organizationRoles;
     }
@@ -3971,17 +3921,15 @@ var useFetchRoles = function useFetchRoles() {
 };
 var useFetchGlobalRoles = function useFetchGlobalRoles() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return useQuery(_objectSpread$e({
-    queryKey: [QUERY_KEYS.GLOBAL_ROLES],
-    queryFn: globalRolesApi.fetch
-  }, options));
+  return useQuery(QUERY_KEYS.GLOBAL_ROLES, globalRolesApi.fetch, _objectSpread$e({}, options));
 };
 var useCreateRole = function useCreateRole(_ref) {
   var _onSuccess = _ref.onSuccess,
     options = _objectWithoutProperties(_ref, _excluded$3);
-  return useMutationWithInvalidation(organizationRolesApi.create, _objectSpread$e({
-    keysToInvalidate: [QUERY_KEYS.TEAMS_DEPENDENCIES, QUERY_KEYS.ROLES],
+  return useMutation(organizationRolesApi.create, _objectSpread$e({
     onSuccess: function onSuccess() {
+      queryClient.invalidateQueries(QUERY_KEYS.TEAMS_DEPENDENCIES);
+      queryClient.invalidateQueries(QUERY_KEYS.ROLES);
       _onSuccess === null || _onSuccess === void 0 || _onSuccess();
     }
   }, options));
@@ -3989,13 +3937,15 @@ var useCreateRole = function useCreateRole(_ref) {
 var useUpdateRole = function useUpdateRole(_ref2) {
   var _onSuccess2 = _ref2.onSuccess,
     options = _objectWithoutProperties(_ref2, _excluded2$2);
-  return useMutationWithInvalidation(function (_ref3) {
+  return useMutation(function (_ref3) {
     var id = _ref3.id,
       payload = _ref3.payload;
     return organizationRolesApi.update(id, payload);
   }, _objectSpread$e({
-    keysToInvalidate: [QUERY_KEYS.TEAMS, QUERY_KEYS.TEAMS_DEPENDENCIES, QUERY_KEYS.ROLES],
     onSuccess: function onSuccess() {
+      queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
+      queryClient.invalidateQueries(QUERY_KEYS.TEAMS_DEPENDENCIES);
+      queryClient.invalidateQueries(QUERY_KEYS.ROLES);
       _onSuccess2 === null || _onSuccess2 === void 0 || _onSuccess2();
     }
   }, options));
@@ -4004,13 +3954,15 @@ var useDestroyRole = function useDestroyRole(_ref4) {
   var _ref4$onSuccess = _ref4.onSuccess,
     _onSuccess3 = _ref4$onSuccess === void 0 ? noop : _ref4$onSuccess,
     options = _objectWithoutProperties(_ref4, _excluded3);
-  return useMutationWithInvalidation(function (_ref5) {
+  return useMutation(function (_ref5) {
     var id = _ref5.id,
       payload = _ref5.payload;
     return organizationRolesApi.destroy(id, payload);
   }, _objectSpread$e({
-    keysToInvalidate: [QUERY_KEYS.TEAMS, QUERY_KEYS.TEAMS_DEPENDENCIES, QUERY_KEYS.ROLES],
     onSuccess: function onSuccess() {
+      queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
+      queryClient.invalidateQueries(QUERY_KEYS.TEAMS_DEPENDENCIES);
+      queryClient.invalidateQueries(QUERY_KEYS.ROLES);
       _onSuccess3 === null || _onSuccess3 === void 0 || _onSuccess3();
     }
   }, options));
@@ -4018,9 +3970,11 @@ var useDestroyRole = function useDestroyRole(_ref4) {
 var useBulkUpdateRoles = function useBulkUpdateRoles(_ref6) {
   var _onSuccess4 = _ref6.onSuccess,
     options = _objectWithoutProperties(_ref6, _excluded4);
-  return useMutationWithInvalidation(organizationRolesApi.bulkUpdate, _objectSpread$e({
-    keysToInvalidate: [QUERY_KEYS.TEAMS, QUERY_KEYS.TEAMS_DEPENDENCIES, QUERY_KEYS.ROLES],
+  return useMutation(organizationRolesApi.bulkUpdate, _objectSpread$e({
     onSuccess: function onSuccess() {
+      queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
+      queryClient.invalidateQueries(QUERY_KEYS.TEAMS_DEPENDENCIES);
+      queryClient.invalidateQueries(QUERY_KEYS.ROLES);
       _onSuccess4 === null || _onSuccess4 === void 0 || _onSuccess4();
     }
   }, options));
@@ -4413,12 +4367,12 @@ var ManageRoles = function ManageRoles(_ref) {
       onSuccess: onClose
     }),
     createRole = _useCreateRole.mutate,
-    isCreatingRole = _useCreateRole.isPending;
+    isCreatingRole = _useCreateRole.isLoading;
   var _useUpdateRole = useUpdateRole({
       onSuccess: onClose
     }),
     updateRole = _useUpdateRole.mutate,
-    isUpdatingRole = _useUpdateRole.isPending;
+    isUpdatingRole = _useUpdateRole.isLoading;
   var isEdit = isPresent(selectedRole);
   var isSubmitting = isCreatingRole || isUpdatingRole;
   var handleSubmit = function handleSubmit(formValues) {
@@ -4441,9 +4395,9 @@ var ManageRoles = function ManageRoles(_ref) {
   var isReadOnly = selectedRole.kind === "system";
   var isDisabled = ADMIN_ROLES.includes(selectedRole.name) && isReadOnly;
   return /*#__PURE__*/jsxs(Pane, {
+    initialFocusRef: inputReference,
     isOpen: isOpen,
     onClose: onClose,
-    initialFocusRef: inputReference,
     children: [/*#__PURE__*/jsx(Pane.Header, {
       children: /*#__PURE__*/jsx(Typography, {
         "data-cy": "ntm-add-role-title",
@@ -4777,7 +4731,7 @@ var Delete = function Delete(_ref) {
       onSuccess: onClose
     }),
     deleteRole = _useDestroyRole.mutate,
-    isDeleting = _useDestroyRole.isPending;
+    isDeleting = _useDestroyRole.isLoading;
   var handleDelete = function handleDelete() {
     var _roles$find;
     var id = selectedRole.id;
@@ -4792,9 +4746,8 @@ var Delete = function Delete(_ref) {
     });
   };
   return /*#__PURE__*/jsx(Alert, {
-    isOpen: isOpen,
-    onClose: onClose,
     cancelButtonLabel: t("neetoTeamMembers.buttons.cancel"),
+    isOpen: isOpen,
     isSubmitting: isDeleting,
     submitButtonLabel: t("neetoTeamMembers.buttons.delete"),
     title: t("neetoTeamMembers.labels.deleteRole"),
@@ -4804,6 +4757,7 @@ var Delete = function Delete(_ref) {
         name: selectedRole === null || selectedRole === void 0 ? void 0 : selectedRole.name
       }
     }),
+    onClose: onClose,
     onSubmit: handleDelete
   });
 };
@@ -7275,33 +7229,27 @@ function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t
 var useFetchMembers = function useFetchMembers() {
   var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return useQuery(_objectSpread$a(_objectSpread$a({
-    queryKey: [QUERY_KEYS.TEAMS, params],
-    queryFn: function queryFn() {
-      return teamsApi.fetch(params);
-    },
+  return useQuery([QUERY_KEYS.TEAMS, params], function () {
+    return teamsApi.fetch(params);
+  }, _objectSpread$a(_objectSpread$a({
     select: identity,
-    placeholderData: keepPreviousData
+    keepPreviousData: true
   }, options), {}, {
     refetchOnWindowFocus: false
   }));
 };
 var useFetchMembersCountsPerCategory = function useFetchMembersCountsPerCategory() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return useQuery(_objectSpread$a(_objectSpread$a({
-    queryKey: [QUERY_KEYS.TEAMS],
-    queryFn: teamsApi.fetchCountsPerCategory,
+  return useQuery([QUERY_KEYS.TEAMS], teamsApi.fetchCountsPerCategory, _objectSpread$a(_objectSpread$a({
     select: identity,
-    placeholderData: keepPreviousData
+    keepPreviousData: true
   }, options), {}, {
     refetchOnWindowFocus: false
   }));
 };
 var useCreateMember = function useCreateMember() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return useMutation(_objectSpread$a({
-    mutationFn: teamsApi.create
-  }, options));
+  return useMutation(teamsApi.create, options);
 };
 var useUpdateMember = function useUpdateMember(_ref) {
   var _onSuccess = _ref.onSuccess,
@@ -7328,35 +7276,26 @@ var useBulkUpdateMembers = function useBulkUpdateMembers(_ref3) {
   }, options));
 };
 var refetchMembers = function refetchMembers() {
-  queryClient.invalidateQueries({
-    queryKey: [QUERY_KEYS.TEAMS]
-  });
-  queryClient.invalidateQueries({
-    queryKey: [QUERY_KEYS.TEAMS_DEPENDENCIES]
-  });
+  queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
+  queryClient.invalidateQueries(QUERY_KEYS.TEAMS_DEPENDENCIES);
 };
 var useFetchFilterOptions = function useFetchFilterOptions(_ref4) {
   var _ref4$params = _ref4.params,
     params = _ref4$params === void 0 ? {} : _ref4$params,
     _ref4$options = _ref4.options,
     options = _ref4$options === void 0 ? {} : _ref4$options;
-  return useQuery(_objectSpread$a(_objectSpread$a({
-    queryKey: [QUERY_KEYS.TEAMS_DEPENDENCIES, params],
-    queryFn: function queryFn() {
-      return teamsApi.fetchFilterOptions(params);
-    },
+  return useQuery([QUERY_KEYS.TEAMS_DEPENDENCIES, params], function () {
+    return teamsApi.fetchFilterOptions(params);
+  }, _objectSpread$a(_objectSpread$a({
     select: identity
   }, options), {}, {
     refetchOnWindowFocus: false
   }));
 };
 var useMembersCreationStatus = function useMembersCreationStatus(jobId, options) {
-  return useQuery(_objectSpread$a({
-    queryKey: [QUERY_KEYS.CREATION_STATUS, jobId],
-    queryFn: function queryFn() {
-      return teamsApi.creationStatus(jobId);
-    }
-  }, options));
+  return useQuery([QUERY_KEYS.CREATION_STATUS, jobId], function () {
+    return teamsApi.creationStatus(jobId);
+  }, options);
 };
 
 var _getQueryParams = getQueryParams(),
@@ -9030,7 +8969,7 @@ var ManageMember = function ManageMember(_ref) {
       }
     }),
     updateMember = _useUpdateMember.mutate,
-    isUpdatingMember = _useUpdateMember.isPending;
+    isUpdatingMember = _useUpdateMember.isLoading;
   var hasRoleChanged = function hasRoleChanged(_ref4) {
     var submitted = _ref4.submitted,
       values = _ref4.values;
@@ -9287,7 +9226,7 @@ var TeamMembers = function TeamMembers(_ref) {
       }
     }),
     updateMember = _useUpdateMember.mutate,
-    isUpdatingMember = _useUpdateMember.isPending;
+    isUpdatingMember = _useUpdateMember.isLoading;
   var filteredRoles = getFilteredRoles(roles, config);
   var _useTeams = useTeams({
       config: config,