@bigbinary/neeto-team-members-frontend 2.4.10 → 2.4.12

package/README.md

@@ -12,13 +12,13 @@ functioning of the package. Install all the peer dependencies using the below
 command:
 
     ```zsh
-    yarn add @bigbinary/neeto-icons@1.8.40 @bigbinary/neetoui@4.1.2 axios@1.1.3 classnames@2.3.2 formik@2.2.9 ramda@0.28.0 react-router-dom@5.3.3 react-toastify@8.2.0 yup@0.32.11
+    yarn add @bigbinary/neeto-icons@1.8.40 @bigbinary/neetoui@4.1.11 axios@1.1.3 classnames@2.3.2 formik@2.2.9 ramda@0.28.0 react-router-dom@5.3.3 react-toastify@8.2.0 yup@0.32.11
     ```
 
 2. Now install the latest **neetoTeamMembers** package using the below command:
 
     ```zsh
-    yarn add @bigbinary/neeto-team-members-frontend@2.4.10
+    yarn add @bigbinary/neeto-team-members-frontend@2.4.12
     ```
 
 ## Usage

package/dist/index.cjs.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var ramda = require('ramda');
+var neetoIcons = require('@bigbinary/neeto-icons');
 var ReactDOM = require('react-dom');
 var axios = require('axios');
 var neetoui = require('@bigbinary/neetoui');
@@ -12,7 +13,6 @@ var formik = require('formik');
 var formik$1 = require('@bigbinary/neetoui/formik');
 var yup = require('yup');
 var classnames = require('classnames');
-var neetoIcons = require('@bigbinary/neeto-icons');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -4051,9 +4051,11 @@ var common$1 = {
 var helpers$1 = {
 	configPermissions: "Configure permissions for the modules.",
 	enterMultipleEmails: "Please press space, tab or enter key after entering an email address.",
+	moreInfoAboutPermissions: "More information about permissions",
 	noRolesFound: "No roles found.",
 	searchRoles: "Search roles",
-	selectedMembersCount: "{{count}} {{metaName}} selected from {{totalCount}}"
+	selectedMembersCount: "{{count}} {{metaName}} selected from {{totalCount}}",
+	visitToKnowMoreAboutPermissions: "Visit to know more about permissions"
 };
 var metaNames$1 = {
 	agent_one: "Agent",
@@ -4146,10 +4148,12 @@ var common = {
 var helpers = {
 	configPermissions: "Configurez les autorisations pour les modules.",
 	enterMultipleEmails: "Veuillez appuyer sur espace, tabulation ou entrée après avoir saisi une adresse e-mail.",
+	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_other: "{{count}} {{metaName}} sélectionnés parmi {{totalCount}}",
+	visitToKnowMoreAboutPermissions: "Visitez pour en savoir plus sur les autorisations"
 };
 var metaNames = {
 	member_one: "Membre",
@@ -8957,9 +8961,9 @@ const renderSearchProps = (searchString, setSearchString) => ({
   }),
   value: searchString
 });
-const renderBreadcrumbs = (breadcrumbs, membersPageUrl) => breadcrumbs !== null && breadcrumbs !== void 0 ? breadcrumbs : [{
+const renderBreadcrumbs = breadcrumbs => breadcrumbs !== null && breadcrumbs !== void 0 ? breadcrumbs : [{
   text: instance.t("metaNames.member", PLURAL),
-  link: membersPageUrl !== null && membersPageUrl !== void 0 ? membersPageUrl : "/members"
+  link: "/members"
 }];
 
 const AddRoleButton = _ref => {
@@ -8991,8 +8995,18 @@ const Header$1 = _ref => {
   const _useTranslation = useTranslation(),
     t = _useTranslation.t;
   return /*#__PURE__*/React__default["default"].createElement(layouts.Header, {
-    title: t("common.role", PLURAL),
-    breadcrumbs: renderBreadcrumbs(config === null || config === void 0 ? void 0 : (_config$header = config.header) === null || _config$header === void 0 ? void 0 : _config$header.breadcrumbs, config === null || config === void 0 ? void 0 : config.membersPageUrl),
+    title: /*#__PURE__*/React__default["default"].createElement("span", {
+      className: "neeto-ui-flex neeto-ui-items-center neeto-ui-gap-6"
+    }, t("common.role", PLURAL), (config === null || config === void 0 ? void 0 : config.helpUrl) && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+      "data-cy": "ntm-roles-permission-more-info-button",
+      className: "neeto-ui-mt-1",
+      href: config === null || config === void 0 ? void 0 : config.helpUrl,
+      icon: neetoIcons.ExternalLink,
+      label: t("helpers.moreInfoAboutPermissions"),
+      style: "link",
+      target: "_blank"
+    })),
+    breadcrumbs: renderBreadcrumbs(config === null || config === void 0 ? void 0 : (_config$header = config.header) === null || _config$header === void 0 ? void 0 : _config$header.breadcrumbs),
     searchProps: renderSearchProps(searchString, setSearchString),
     actionBlock: /*#__PURE__*/React__default["default"].createElement(AddRoleButton, {
       onClick: () => setIsNewRolePaneOpen(true),
@@ -9165,7 +9179,6 @@ const New = _ref => {
   }, t("common.add_", {
     what: t("common.role", SINGULAR).toLocaleLowerCase()
   }))), /*#__PURE__*/React__default["default"].createElement(formik$1.Form, {
-    noValidate: true,
     formikProps: _objectSpread$6(_objectSpread$6({}, ROLE_FORMIK_PROPS), {}, {
       onSubmit: handleFormSubmit
     }),
@@ -9460,8 +9473,7 @@ const TableHeader = _ref => {
         isDelete: true,
         selectedRole: role
       }),
-      size: "small",
-      style: "danger"
+      size: "small"
     }, t("common.delete"))))))));
   })));
 };
@@ -9543,7 +9555,6 @@ const Edit = _ref => {
   }, t("common.update_", {
     what: t("common.role", SINGULAR).toLocaleLowerCase()
   }))), /*#__PURE__*/React__default["default"].createElement(formik$1.Form, {
-    noValidate: true,
     formikProps: _objectSpread$5(_objectSpread$5({}, ROLE_FORMIK_PROPS), {}, {
       initialValues,
       onSubmit: handleFormSubmit
@@ -9635,6 +9646,9 @@ const Columns$1 = _ref => {
   }));
 };
 
+const ROLES_TABLE_CELL_HEIGHT_VARIABLE = "--ntm-roles-table-cell-height";
+
+const getCurrentTableCellHeight = () => parseInt(getComputedStyle(document.documentElement).getPropertyValue(ROLES_TABLE_CELL_HEIGHT_VARIABLE), 10);
 const renderDescription = permissions => permissions === null || permissions === void 0 ? void 0 : permissions.map(_ref => {
   let id = _ref.id,
     description = _ref.description;
@@ -9654,6 +9668,15 @@ const getSearchWrapperStyle = () => {
     marginBottom: `${scrollBarWidth}px`
   };
 };
+const assignRolesTableCellHeight = () => {
+  const sidebarItems = [...document.getElementsByClassName("ntm-roles-table-sidebar__list-item")];
+  const clientHeights = ramda.pluck("clientHeight", sidebarItems);
+  const maxClientHeight = Math.max(...clientHeights);
+  const currentTableCellHeight = getCurrentTableCellHeight();
+  if (maxClientHeight > currentTableCellHeight) {
+    document.documentElement.style.setProperty(ROLES_TABLE_CELL_HEIGHT_VARIABLE, `${maxClientHeight}px`);
+  }
+};
 
 const ToggleDropdown = _ref => {
   let isVisible = _ref.isVisible,
@@ -9683,6 +9706,9 @@ const Sidebar = _ref => {
     t = _useTranslation.t;
   const categories = Object.keys(filteredGroupPermissions);
   const searchWrapperStyle = isScrollPresent ? getSearchWrapperStyle() : {};
+  React.useLayoutEffect(() => {
+    assignRolesTableCellHeight();
+  }, []);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "ntm-roles-table__sidebar"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -9785,6 +9811,8 @@ const Table = _ref => {
 const Roles = _ref => {
   var _config$permissions$v, _config$permissions, _config$permissions$v2, _config$permissions2;
   let config = _ref.config;
+  const _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   const _useState = React.useState(""),
     _useState2 = _slicedToArray(_useState, 2),
     searchString = _useState2[0],
@@ -9833,17 +9861,21 @@ const Roles = _ref => {
     permissionGroups: permissionGroups,
     roles: roles,
     setIsNewRolePaneOpen: setIsNewRolePaneOpen
-  }))), /*#__PURE__*/React__default["default"].createElement(New, {
+  }), (config === null || config === void 0 ? void 0 : config.helpUrl) && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "ntm-roles-help-url-wrapper"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    "data-cy": "ntm-roles-permission-more-info-button",
+    href: config.helpUrl,
+    icon: neetoIcons.ExternalLink,
+    label: t("helpers.visitToKnowMoreAboutPermissions"),
+    style: "link",
+    target: "_blank"
+  })))), /*#__PURE__*/React__default["default"].createElement(New, {
     isOpen: isNewRolePaneOpen,
     onClose: () => setIsNewRolePaneOpen(false),
     permissions: permissions
   }));
 };
-Roles.defaultProps = {
-  config: {
-    membersPageUrl: "/members"
-  }
-};
 var index$1 = withReactQuery(Roles);
 
 const fetch = params => axios__default["default"].get(`${BASE_URL}/teams`, {
@@ -9910,6 +9942,9 @@ const useBulkUpdateMembers = _ref4 => {
     }
   }, options));
 };
+const refetchMembers = () => {
+  queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
+};
 
 const useDebounce = function (value) {
   let delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 350;
@@ -10100,6 +10135,7 @@ const Menu$1 = neetoui.Dropdown.Menu,
   MenuItem = neetoui.Dropdown.MenuItem;
 const RolesDropdown = _ref => {
   let handleRoleChange = _ref.handleRoleChange,
+    hasUpdatePermission = _ref.hasUpdatePermission,
     _ref$isSearchable = _ref.isSearchable,
     isSearchable = _ref$isSearchable === void 0 ? false : _ref$isSearchable,
     _ref$roles = _ref.roles,
@@ -10125,11 +10161,16 @@ const RolesDropdown = _ref => {
     setSearchTerm("");
     setIsDropdownOpen(false);
   };
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
+    content: instance.t("tooltips.noPermissionToEditMembers"),
+    disabled: hasUpdatePermission,
+    position: "top"
+  }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
     buttonSize: "small",
     buttonStyle: "secondary",
     closeOnSelect: false,
     "data-cy": "ntm-members-roles-update-dropdown",
+    disabled: !hasUpdatePermission,
     label: instance.t("buttons.changeRole"),
     isOpen: isDropdownOpen,
     onClick: () => setIsDropdownOpen(true),
@@ -10152,7 +10193,7 @@ const RolesDropdown = _ref => {
     }, name);
   }) : /*#__PURE__*/React__default["default"].createElement("span", {
     className: "neeto-ui-flex neeto-ui-flex-col neeto-ui-items-center neeto-ui-p-2"
-  }, instance.t("helpers.noRolesFound")))));
+  }, instance.t("helpers.noRolesFound")))))));
 };
 
 var _URLSearchParams$get;
@@ -10228,13 +10269,16 @@ const Left = _ref => {
   }) : `${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)
     }),
@@ -10260,20 +10304,31 @@ const Right = _ref2 => {
       }
     });
   };
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, getDeactivatedButtonVisible(selectedRows) && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, getDeactivatedButtonVisible(selectedRows) && /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
+    content: instance.t("tooltips.noPermissionToEditMembers"),
+    disabled: hasUpdatePermission,
+    position: "top"
+  }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     "data-cy": "ntm-deactivate-members-button",
+    disabled: !hasUpdatePermission,
     label: instance.t("common.deactivate"),
     size: "small",
     style: "secondary",
     onClick: () => handleDeactivateMembers()
-  }), getActivateButtonVisible(selectedRows) && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+  }))), getActivateButtonVisible(selectedRows) && /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
+    content: instance.t("tooltips.noPermissionToEditMembers"),
+    disabled: hasUpdatePermission,
+    position: "top"
+  }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(neetoui.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__default["default"].createElement(RolesDropdown, {
+  }))), isNotEmpty$1(selectedRows.keys) && /*#__PURE__*/React__default["default"].createElement(RolesDropdown, {
     handleRoleChange: handleRoleChange,
+    hasUpdatePermission: hasUpdatePermission,
     roles: roles
   }), /*#__PURE__*/React__default["default"].createElement(Columns, {
     columnData: columns,
@@ -10807,18 +10862,18 @@ var pluralize = pluralize$1.exports;
 function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const renderNameColumn = (_ref, diplayStatusTag) => {
-  let displayName = _ref.displayName,
+  let name = _ref.displayName,
     imageUrl = _ref.profileImageUrl,
     active = _ref.active;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "ntm-members-table__column"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Avatar, {
     user: {
-      name: displayName,
+      name,
       imageUrl
     },
     size: "medium"
-  }), displayName, diplayStatusTag && /*#__PURE__*/React__default["default"].createElement(neetoui.Tag, {
+  }), name, diplayStatusTag && /*#__PURE__*/React__default["default"].createElement(neetoui.Tag, {
     "data-cy": "ntm-member-status-tag",
     label: active ? MEMBER_FILTER.ACTIVE.label : MEMBER_FILTER.DEACTIVATED.label,
     style: active ? "primary" : "secondary",
@@ -10829,7 +10884,7 @@ const isDropDownButtonDisabled = permissions => {
   var _permissions$update;
   return !((_permissions$update = permissions === null || permissions === void 0 ? void 0 : permissions.update) !== null && _permissions$update !== void 0 ? _permissions$update : hasPermission(MANAGE_MEMBER_PERMISSIONS));
 };
-const renderDropdownButton = (_ref2, handleUpdateStatus, handleUpdateRole, permissions) => {
+const renderDropdownButton = (_ref2, handleUpdateRole, handleUpdateStatus, permissions) => {
   let displayName = _ref2.displayName,
     id = _ref2.id,
     active = _ref2.active,
@@ -10870,8 +10925,7 @@ const renderDropdownButton = (_ref2, handleUpdateStatus, handleUpdateRole, permi
       name: displayName,
       active
     }),
-    size: "small",
-    style: active && "danger"
+    size: "small"
   }, active ? instance.t("common.deactivate") : instance.t("common.activate"))))));
 };
 const getDefaultAlertTitle = _ref3 => {
@@ -10894,37 +10948,60 @@ const getDefaultAlertMessage = _ref4 => {
     person: member === null || member === void 0 ? void 0 : member.name
   });
 };
+const getDefaultColumns = displayStatusTag => [{
+  dataIndex: "name",
+  key: "name",
+  render: (_, tableData) => renderNameColumn(tableData, displayStatusTag),
+  sorter: true,
+  title: instance.t("common.name")
+}, {
+  dataIndex: "email",
+  key: "email",
+  sorter: true,
+  title: instance.t("common.email", SINGULAR)
+}, {
+  dataIndex: "role",
+  key: "organization_role",
+  sorter: true,
+  title: instance.t("common.role", SINGULAR)
+}];
+const getActionColumn = (handleUpdateRole, handleUpdateStatus, permissions) => ({
+  dataIndex: "actions",
+  key: "icon_button",
+  render: (_, props) => renderDropdownButton(props, handleUpdateRole, handleUpdateStatus, permissions),
+  width: 75
+});
 const getColumnData = _ref5 => {
-  let memberFilter = _ref5.memberFilter,
-    handleUpdateStatus = _ref5.handleUpdateStatus,
+  var _config$otherColumns;
+  let config = _ref5.config,
     handleUpdateRole = _ref5.handleUpdateRole,
-    permissions = _ref5.permissions;
-  const diplayStatusTag = ramda.identical(memberFilter, MEMBER_FILTER.ALL.value);
-  return [{
-    title: instance.t("common.name"),
-    key: "name",
-    dataIndex: "name",
-    render: (_, tableData) => renderNameColumn(tableData, diplayStatusTag),
-    width: "30%",
-    sorter: true
-  }, {
-    title: instance.t("common.email", SINGULAR),
-    dataIndex: "email",
-    key: "email",
-    width: "35%",
-    sorter: true
-  }, {
-    title: instance.t("common.role", SINGULAR),
-    dataIndex: "role",
-    key: "organization_role",
-    width: "25%",
-    sorter: true
-  }, {
-    dataIndex: "actions",
-    key: "icon_button",
-    render: (_, props) => renderDropdownButton(props, handleUpdateStatus, handleUpdateRole, permissions),
-    width: "10%"
-  }];
+    handleUpdateStatus = _ref5.handleUpdateStatus,
+    memberFilter = _ref5.memberFilter;
+  const displayStatusTag = ramda.identical(memberFilter, MEMBER_FILTER.ALL.value);
+  const defaultColumns = getDefaultColumns(displayStatusTag);
+  const actionColumn = getActionColumn(handleUpdateRole, handleUpdateStatus, config === null || config === void 0 ? void 0 : config.permissions);
+  const otherColumns = (_config$otherColumns = config === null || config === void 0 ? void 0 : config.otherColumns) !== null && _config$otherColumns !== void 0 ? _config$otherColumns : [];
+  const columns = defaultColumns.map(column => {
+    const otherColumn = otherColumns.find(_ref6 => {
+      let dataIndex = _ref6.dataIndex;
+      return ramda.identical(dataIndex, column.dataIndex);
+    });
+    return otherColumn || column;
+  });
+  otherColumns.forEach(otherColumn => {
+    const column = columns.find(_ref7 => {
+      let dataIndex = _ref7.dataIndex;
+      return ramda.identical(dataIndex, otherColumn.dataIndex);
+    });
+    if (!column) columns.push(otherColumn);
+  });
+  if (!columns.some(_ref8 => {
+    let dataIndex = _ref8.dataIndex;
+    return ramda.identical(dataIndex, "actions");
+  })) {
+    columns.push(actionColumn);
+  }
+  return columns;
 };
 const renderHeaderTitle = (filterStatus, metaName) => instance.t(`common.${ramda.toLower(filterStatus)}_`, {
   what: metaName(PLURAL).toLocaleLowerCase()
@@ -11181,11 +11258,12 @@ const ManageMember = _ref => {
 };
 
 const Menu = _ref => {
-  let isMenuOpen = _ref.isMenuOpen,
-    metaName = _ref.metaName,
+  let config = _ref.config,
     filterCounts = _ref.filterCounts,
+    handleMemberFilterChange = _ref.handleMemberFilterChange,
+    isMenuOpen = _ref.isMenuOpen,
     memberFilter = _ref.memberFilter,
-    handleMemberFilterChange = _ref.handleMemberFilterChange;
+    metaName = _ref.metaName;
   const memberFilterKeys = ramda.keys(MEMBER_FILTER);
   return /*#__PURE__*/React__default["default"].createElement(layouts.MenuBar, {
     "data-cy": "ntm-members-menubar-heading",
@@ -11198,7 +11276,7 @@ const Menu = _ref => {
     key: filter,
     label: MEMBER_FILTER[filter].label,
     onClick: () => handleMemberFilterChange(filter)
-  })));
+  })), (config === null || config === void 0 ? void 0 : config.otherMenuElements) && config.otherMenuElements());
 };
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -11231,7 +11309,7 @@ const TeamMembers = _ref => {
   const _useFetchMembers = useFetchMembers(_objectSpread(_objectSpread({}, filters), {}, {
       search: debouncedSearch.trim(),
       category: filters.category.toLowerCase()
-    }), {
+    }, config === null || config === void 0 ? void 0 : config.otherFilterProps), {
       enabled: (_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
     }),
     team = _useFetchMembers.data,
@@ -11291,11 +11369,11 @@ const TeamMembers = _ref => {
     setIsOpen(ramda.assoc("manageMember", true));
   };
   const columns = React.useMemo(() => getColumnData({
-    memberFilter: filters.category,
-    handleUpdateStatus,
+    config,
     handleUpdateRole,
-    permissions: config === null || config === void 0 ? void 0 : config.permissions
-  }), [] // eslint-disable-line react-hooks/exhaustive-deps
+    handleUpdateStatus,
+    memberFilter: filters.category
+  }), [filters.category] // eslint-disable-line react-hooks/exhaustive-deps
   );
 
   const handleAlertClose = () => {
@@ -11334,11 +11412,12 @@ const TeamMembers = _ref => {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "ntm-members-wrapper"
   }, /*#__PURE__*/React__default["default"].createElement(Menu, {
-    isMenuOpen: isOpen.menuBar,
-    metaName: metaName,
+    config: config,
     filterCounts: team === null || team === void 0 ? void 0 : team.perCategoryCount,
+    handleMemberFilterChange: handleMemberFilterChange,
+    isMenuOpen: isOpen.menuBar,
     memberFilter: filters.category,
-    handleMemberFilterChange: handleMemberFilterChange
+    metaName: metaName
   }), /*#__PURE__*/React__default["default"].createElement(layouts.Container, null, /*#__PURE__*/React__default["default"].createElement(layouts.Header, {
     title: renderHeaderTitle(MEMBER_FILTER[filters.category].value, metaName),
     menuBarToggle: () => setIsOpen(state => _objectSpread(_objectSpread({}, state), {}, {
@@ -11359,6 +11438,7 @@ const TeamMembers = _ref => {
     }),
     rightActionBlock: /*#__PURE__*/React__default["default"].createElement(SubHeader.Right, {
       columns: columns,
+      config: config,
       roles: roles,
       rolesButtonProps: config.rolesButtonProps,
       selectedRows: selectedRows,
@@ -11389,7 +11469,8 @@ const TeamMembers = _ref => {
     }),
     actionBlock: /*#__PURE__*/React__default["default"].createElement(Header, {
       metaName: metaName,
-      onClick: () => setIsOpen(ramda.assoc("manageMember", true))
+      onClick: () => setIsOpen(ramda.assoc("manageMember", true)),
+      permissions: config === null || config === void 0 ? void 0 : config.permissions
     })
   })), /*#__PURE__*/React__default["default"].createElement(ManageMember, {
     config: config,
@@ -11428,7 +11509,7 @@ 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}\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-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-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: 48px;\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  min-height: 48px;\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-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\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-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}";
 n(css,{});
 
 exports.MultipleEmailInput = MultipleEmailInput;
@@ -11437,4 +11518,5 @@ exports.RolesRadioGroup = RolesRadioGroup;
 exports.TeamMembers = index;
 exports.VALIDATION_SCHEMA = VALIDATION_SCHEMA;
 exports.hasPermission = hasPermission;
+exports.refetchMembers = refetchMembers;
 //# sourceMappingURL=index.cjs.js.map