@bigbinary/neeto-team-members-frontend 4.0.1 → 4.1.1

package/dist/index.cjs.js

@@ -68,7 +68,6 @@ var MultiEmailInput = require('@bigbinary/neetoui/formik/MultiEmailInput');
 var Radio$1 = require('@bigbinary/neetoui/formik/Radio');
 var Warning = require('@bigbinary/neeto-icons/Warning');
 var Checkbox$1 = require('@bigbinary/neetoui/formik/Checkbox');
-var MenuBar = require('@bigbinary/neeto-molecules/MenuBar');
 var UserCircle = require('@bigbinary/neeto-icons/UserCircle');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -141,7 +140,6 @@ var MultiEmailInput__default = /*#__PURE__*/_interopDefaultLegacy(MultiEmailInpu
 var Radio__default$1 = /*#__PURE__*/_interopDefaultLegacy(Radio$1);
 var Warning__default = /*#__PURE__*/_interopDefaultLegacy(Warning);
 var Checkbox__default$1 = /*#__PURE__*/_interopDefaultLegacy(Checkbox$1);
-var MenuBar__default = /*#__PURE__*/_interopDefaultLegacy(MenuBar);
 var UserCircle__default = /*#__PURE__*/_interopDefaultLegacy(UserCircle);
 
 function _typeof$1(o) {
@@ -7404,26 +7402,7 @@ var useMembersCreationStatus = function useMembersCreationStatus(jobId, options)
 
 var _getQueryParams = utils$3.getQueryParams(),
   page = _getQueryParams.page,
-  pageSize = _getQueryParams.pageSize,
-  filter = _getQueryParams.filter;
-var MEMBER_FILTER = {
-  ACTIVE: {
-    label: "neetoTeamMembers.common.active",
-    value: "ACTIVE",
-    defaultCount: 0
-  },
-  DEACTIVATED: {
-    label: "neetoTeamMembers.common.deactivated",
-    value: "DEACTIVATED",
-    defaultCount: 0
-  },
-  ALL: {
-    label: "neetoTeamMembers.common.all",
-    value: "ALL",
-    defaultCount: 0
-  }
-};
-var DEFAULT_MEMBER_FILTER = MEMBER_FILTER.ACTIVE.value;
+  pageSize = _getQueryParams.pageSize;
 var DEFAULT_RADIX = 10;
 var DEFAULT_IS_OPEN_VALUES = {
   menuBar: false,
@@ -7433,7 +7412,6 @@ var DEFAULT_IS_OPEN_VALUES = {
 var DEFAULT_FILTER_VALUES = {
   page: ramda.clamp(1, Infinity, parseInt(page)) || constants.DEFAULT_PAGE_INDEX,
   pageSize: ramda.clamp(10, 100, parseInt(pageSize)) || constants.DEFAULT_PAGE_SIZE,
-  category: (filter === null || filter === void 0 ? void 0 : filter.toUpperCase()) || DEFAULT_MEMBER_FILTER,
   sortBy: "",
   orderBy: "",
   neetoFilters: []
@@ -7451,12 +7429,10 @@ function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t
 var MenuItem$2 = Dropdown__default["default"].MenuItem;
 var renderNameColumn = function renderNameColumn(_ref) {
   var config = _ref.config,
-    displayStatusTag = _ref.displayStatusTag,
     handleUpdateRole = _ref.handleUpdateRole,
     handleUpdateStatus = _ref.handleUpdateStatus,
     tableData = _ref.tableData;
-  var active = tableData.active,
-    name = tableData.displayName,
+  var name = tableData.displayName,
     imageUrl = tableData.profileImageUrl,
     subscriptionPlan = tableData.subscriptionPlan;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -7473,11 +7449,6 @@ var renderNameColumn = function renderNameColumn(_ref) {
         "data-cy": "ntm-member-name-".concat(utils$3.hyphenize(name)),
         style: "body2",
         children: name
-      }), displayStatusTag && /*#__PURE__*/jsxRuntime.jsx(Tag__default["default"], {
-        "data-cy": "ntm-member-status-tag",
-        style: active ? "primary" : "secondary",
-        type: "outline",
-        label: active ? i18next__default["default"].t(MEMBER_FILTER.ACTIVE.label) : i18next__default["default"].t(MEMBER_FILTER.DEACTIVATED.label)
       }), subscriptionPlan === SUBSCRIPTION_PLANS.PRO && /*#__PURE__*/jsxRuntime.jsx(Tag__default["default"], {
         className: "neeto-ui-text-transform-uppercase",
         "data-cy": "ntm-member-subscription-plan-tag",
@@ -7517,22 +7488,14 @@ var renderDropdownButton = function renderDropdownButton(_ref2) {
       }
     },
     menuTopChildren: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(Tooltip__default["default"], {
-        disabled: tableData.active,
-        position: "top",
-        content: i18next__default["default"].t("neetoTeamMembers.tooltips.activateUserToEdit", constants.SINGULAR),
-        children: /*#__PURE__*/jsxRuntime.jsx("span", {
-          children: /*#__PURE__*/jsxRuntime.jsx(MenuItem$2.Button, {
-            className: "ntm-dropdown__button",
-            "data-cy": "ntm-edit-member-button",
-            isDisabled: ramda.not(tableData.active),
-            size: "small",
-            onClick: function onClick() {
-              return tableData.active && handleUpdateRole(tableData);
-            },
-            children: i18next__default["default"].t("neetoTeamMembers.common.edit")
-          })
-        })
+      children: [/*#__PURE__*/jsxRuntime.jsx(MenuItem$2.Button, {
+        className: "ntm-dropdown__button",
+        "data-cy": "ntm-edit-member-button",
+        size: "small",
+        onClick: function onClick() {
+          return handleUpdateRole(tableData);
+        },
+        children: i18next__default["default"].t("neetoTeamMembers.common.edit")
       }), config === null || config === void 0 || (_config$table = config.table) === null || _config$table === void 0 || (_config$table$dropdow = _config$table.dropdownProps) === null || _config$table$dropdow === void 0 ? void 0 : _config$table$dropdow.call(_config$table, tableData), /*#__PURE__*/jsxRuntime.jsx(MenuItem$2.Button, {
         className: "ntm-dropdown__button",
         "data-cy": "ntm-deactivate-member-button",
@@ -7540,14 +7503,14 @@ var renderDropdownButton = function renderDropdownButton(_ref2) {
         onClick: function onClick() {
           return handleUpdateStatus(tableData);
         },
-        children: tableData.active ? i18next__default["default"].t("neetoTeamMembers.common.deactivate") : i18next__default["default"].t("neetoTeamMembers.common.activate")
+        children: i18next__default["default"].t("neetoTeamMembers.common.remove")
       })]
     })
   });
 };
 var getDefaultAlertTitle = function getDefaultAlertTitle(_ref3) {
   var member = _ref3.member;
-  return member !== null && member !== void 0 && member.active ? i18next__default["default"].t("neetoTeamMembers.common.deactivate_", {
+  return member !== null && member !== void 0 && member.active ? i18next__default["default"].t("neetoTeamMembers.common.remove_", {
     what: initializers.taxonomies.member.singular
   }) : i18next__default["default"].t("neetoTeamMembers.common.activate_", {
     what: initializers.taxonomies.member.singular
@@ -7556,15 +7519,14 @@ var getDefaultAlertTitle = function getDefaultAlertTitle(_ref3) {
 var getDefaultAlertMessage = function getDefaultAlertMessage(_ref4) {
   var member = _ref4.member;
   return /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+    i18nKey: "neetoTeamMembers.alerts.messages.removeMember",
     values: _objectSpread$9(_objectSpread$9({}, constants.SINGULAR), {}, {
       person: member === null || member === void 0 ? void 0 : member.displayName
-    }),
-    i18nKey: member !== null && member !== void 0 && member.active ? "neetoTeamMembers.alerts.messages.deactivateMember" : "neetoTeamMembers.alerts.messages.activateMember"
+    })
   });
 };
 var getDefaultColumns = function getDefaultColumns(_ref5) {
   var config = _ref5.config,
-    displayStatusTag = _ref5.displayStatusTag,
     handleUpdateRole = _ref5.handleUpdateRole,
     handleUpdateStatus = _ref5.handleUpdateStatus,
     otherColumns = _ref5.otherColumns,
@@ -7577,7 +7539,6 @@ var getDefaultColumns = function getDefaultColumns(_ref5) {
     render: function render(_, tableData) {
       return renderNameColumn({
         config: config,
-        displayStatusTag: displayStatusTag,
         handleUpdateRole: handleUpdateRole,
         handleUpdateStatus: handleUpdateStatus,
         tableData: tableData
@@ -7625,13 +7586,10 @@ var getColumnData = function getColumnData(_ref8) {
   var config = _ref8.config,
     handleUpdateRole = _ref8.handleUpdateRole,
     handleUpdateStatus = _ref8.handleUpdateStatus,
-    memberFilter = _ref8.memberFilter,
     isSize = _ref8.isSize;
-  var displayStatusTag = ramda.identical(memberFilter, MEMBER_FILTER.ALL.value);
   var otherColumns = (_config$otherColumns = config === null || config === void 0 ? void 0 : config.otherColumns) !== null && _config$otherColumns !== void 0 ? _config$otherColumns : [];
   var defaultColumns = getDefaultColumns({
     config: config,
-    displayStatusTag: displayStatusTag,
     handleUpdateRole: handleUpdateRole,
     handleUpdateStatus: handleUpdateStatus,
     otherColumns: otherColumns,
@@ -7653,11 +7611,6 @@ var getColumnData = function getColumnData(_ref8) {
   });
   return columns;
 };
-var renderHeaderTitle = function renderHeaderTitle(filterStatus) {
-  return i18next__default["default"].t("neetoTeamMembers.common.".concat(ramda.toLower(filterStatus), "_"), {
-    what: initializers.taxonomies.member.plural
-  });
-};
 var renderUpdateAlert = function renderUpdateAlert(field, props) {
   var _config$alert;
   var config = props.config,
@@ -7672,15 +7625,14 @@ var renderUpdateAlert = function renderUpdateAlert(field, props) {
   }
   return field === "title" ? getDefaultAlertTitle(props) : getDefaultAlertMessage(props);
 };
-var handlePageChange = function handlePageChange(setFilters, filter, history) {
+var handlePageChange = function handlePageChange(setFilters, history) {
   return function (page, pageSize) {
     var searchParams = utils$3.getQueryParams({
       toCamelCase: false
     });
     history.replace(utils$3.buildUrl(window.location.pathname, ramda.mergeLeft({
       page: page,
-      page_size: pageSize,
-      filter: filter.toLowerCase()
+      page_size: pageSize
     }, searchParams)));
     setFilters(ramda.mergeLeft({
       page: page,
@@ -7693,12 +7645,6 @@ var renderPaginationProps = function renderPaginationProps(size) {
     pageSize: parseInt(size, DEFAULT_RADIX)
   };
 };
-var getPerCategoryCount = function getPerCategoryCount(perCategoryCount, category) {
-  return ramda.isNil(perCategoryCount) ? MEMBER_FILTER[category].defaultCount : perCategoryCount[category === null || category === void 0 ? void 0 : category.toLowerCase()];
-};
-var clearSelectedMembers = function clearSelectedMembers(previousCategory, currentCategory) {
-  return neetoCist.notEquals(previousCategory, currentCategory) && neetoCist.notEquals(currentCategory, "ALL");
-};
 var defaultNeetoFiltersColumns = function defaultNeetoFiltersColumns() {
   return [{
     key: "email",
@@ -7755,30 +7701,20 @@ var buildFilterColumns = function buildFilterColumns(_ref11) {
     return ramda.mergeLeft(emailConfig, column);
   });
 };
-var getValidCategory = function getValidCategory(category) {
-  var defaultCategory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : MEMBER_FILTER.ACTIVE.value;
-  return Object.values(MEMBER_FILTER).some(function (_ref12) {
-    var value = _ref12.value;
-    return ramda.identical(value, category);
-  }) ? category : defaultCategory;
-};
 var getFilteredRoles = function getFilteredRoles() {
   var roles = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return ramda.filter(removeExcludedRole(config === null || config === void 0 ? void 0 : config.excludedRoles), roles);
 };
-var generateNoDataContent = function generateNoDataContent(_ref13) {
-  var filterCategory = _ref13.filterCategory,
-    buttonProps = _ref13.buttonProps;
+var generateNoDataContent = function generateNoDataContent(_ref12) {
+  var buttonProps = _ref12.buttonProps;
   var disabled = buttonProps.disabled,
     onClick = buttonProps.onClick;
-  var kind = MEMBER_FILTER[filterCategory].value.toLowerCase();
-  var noDataTitleTranslationKey = kind === "all" ? "notFound_" : "notFoundWithKind_";
+  var noDataTitleTranslationKey = "notFound_";
   var noDataTitle = i18next__default["default"].t("neetoTeamMembers.common.".concat(noDataTitleTranslationKey), {
-    what: initializers.taxonomies.member.plural,
-    kind: kind
+    what: initializers.taxonomies.member.plural
   });
-  var noDataButtonProps = kind === "deactivated" ? {} : {
+  var noDataButtonProps = {
     "data-cy": "ntm-add-member-button",
     disabled: disabled,
     label: i18next__default["default"].t("neetoTeamMembers.common.addNew_", {
@@ -7795,14 +7731,13 @@ var generateNoDataContent = function generateNoDataContent(_ref13) {
 function ownKeys$8(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$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useFilters = function useFilters(_ref) {
-  var _config$filterColumns, _config$defaultFilter;
+  var _config$filterColumns;
   var config = _ref.config;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useQueryParams = reactUtils.useQueryParams(),
     _useQueryParams$searc = _useQueryParams.searchTerm,
-    searchTerm = _useQueryParams$searc === void 0 ? "" : _useQueryParams$searc,
-    filter = _useQueryParams.filter;
+    searchTerm = _useQueryParams$searc === void 0 ? "" : _useQueryParams$searc;
   var searchKeywordProps = {
     node: "first_name,last_name,email",
     value: searchTerm,
@@ -7814,8 +7749,7 @@ var useFilters = function useFilters(_ref) {
     setEmailSearchTerm = _useState2[1];
   var defaultNeetoFilters = neetoFiltersFrontend.buildFiltersFromURL([].concat(_toConsumableArray((_config$filterColumns = config === null || config === void 0 ? void 0 : config.filterColumns) !== null && _config$filterColumns !== void 0 ? _config$filterColumns : defaultNeetoFiltersColumns()), [searchKeywordProps]));
   var _useState3 = require$$0.useState(_objectSpread$8(_objectSpread$8(_objectSpread$8({}, DEFAULT_FILTER_VALUES), config === null || config === void 0 ? void 0 : config.defaultFilterValues), {}, {
-      neetoFilters: defaultNeetoFilters,
-      category: getValidCategory(filter === null || filter === void 0 ? void 0 : filter.toUpperCase(), config === null || config === void 0 || (_config$defaultFilter = config.defaultFilterValues) === null || _config$defaultFilter === void 0 ? void 0 : _config$defaultFilter.category)
+      neetoFilters: defaultNeetoFilters
     })),
     _useState4 = _slicedToArray(_useState3, 2),
     filters = _useState4[0],
@@ -7883,13 +7817,12 @@ var useTeams = function useTeams(_ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     selectedRows = _useState6[0],
     setSelectedRows = _useState6[1];
-  var handleUpdateMember = function handleUpdateMember() {
+  var handleRemoveMember = function handleRemoveMember() {
     var _globalProps$user;
     var id = selectedMember.id,
-      active = selectedMember.active,
       email = selectedMember.email;
     var payload = {
-      active: !active
+      active: false
     };
     updateMember({
       id: id,
@@ -7923,10 +7856,9 @@ var useTeams = function useTeams(_ref) {
   var resetSelectedRows = function resetSelectedRows() {
     return setSelectedRows(DEFAULT_SELECTED_ROWS);
   };
-  var handleMemberFilterChange = function handleMemberFilterChange(filter) {
-    setFilters(ramda.assoc("category", filter));
-    clearSelectedMembers(filters.category, filter) && setSelectedRows(DEFAULT_SELECTED_ROWS);
-    handlePageChange(setFilters, filter, history)(constants.DEFAULT_PAGE_INDEX, filters.pageSize);
+  var handleMemberFilterChange = function handleMemberFilterChange() {
+    setSelectedRows(DEFAULT_SELECTED_ROWS);
+    handlePageChange(setFilters, history)(constants.DEFAULT_PAGE_INDEX, filters.pageSize);
   };
   var handleTableChange = function handleTableChange(_, __, sorter) {
     setFilters(ramda.mergeLeft({
@@ -7956,7 +7888,7 @@ var useTeams = function useTeams(_ref) {
     handlePaneClose: handlePaneClose,
     handleRowSelect: handleRowSelect,
     handleTableChange: handleTableChange,
-    handleUpdateMember: handleUpdateMember,
+    handleRemoveMember: handleRemoveMember,
     handleUpdateRole: handleUpdateRole,
     handleUpdateStatus: handleUpdateStatus,
     isOpen: isOpen,
@@ -7993,12 +7925,12 @@ var Header$2 = function Header(_ref) {
       position: "bottom",
       children: /*#__PURE__*/jsxRuntime.jsx("span", {
         children: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+          onClick: onClick,
           "data-cy": "ntm-add-member-button",
           disabled: !isCreatePermissionGranted,
           label: t("neetoTeamMembers.common.addNew_", {
             what: initializers.taxonomies.member.singular
-          }),
-          onClick: onClick
+          })
         })
       })
     })]
@@ -8012,20 +7944,14 @@ var filterBySearchTerm = function filterBySearchTerm(searchTerm, roles) {
     return ramda.includes(ramda.trim(ramda.toLower(searchTerm)), ramda.trim(ramda.toLower(name)));
   }, roles);
 };
-var getActivateButtonVisible = function getActivateButtonVisible(selectedRows, config) {
-  var _config$hiddenBulkAct;
-  return selectedRows.active.some(function (active) {
-    return active === false;
-  }) && !(config !== null && config !== void 0 && (_config$hiddenBulkAct = config.hiddenBulkActions) !== null && _config$hiddenBulkAct !== void 0 && _config$hiddenBulkAct.includes("activate"));
-};
 var getDeactivatedButtonVisible = function getDeactivatedButtonVisible(selectedRows, config) {
-  var _config$hiddenBulkAct2;
+  var _config$hiddenBulkAct;
   return selectedRows.active.some(function (active) {
     return active === true;
-  }) && !(config !== null && config !== void 0 && (_config$hiddenBulkAct2 = config.hiddenBulkActions) !== null && _config$hiddenBulkAct2 !== void 0 && _config$hiddenBulkAct2.includes("deactivate"));
+  }) && !(config !== null && config !== void 0 && (_config$hiddenBulkAct = config.hiddenBulkActions) !== null && _config$hiddenBulkAct !== void 0 && _config$hiddenBulkAct.includes("remove"));
 };
 
-var Menu$2 = Dropdown__default["default"].Menu,
+var Menu$1 = Dropdown__default["default"].Menu,
   MenuItem$1 = Dropdown__default["default"].MenuItem;
 var RolesDropdown = function RolesDropdown(_ref) {
   var _ref$disabled = _ref.disabled,
@@ -8091,7 +8017,7 @@ var RolesDropdown = function RolesDropdown(_ref) {
         }),
         onClick: handleClick,
         onClose: handleOnClose,
-        children: /*#__PURE__*/jsxRuntime.jsxs(Menu$2, {
+        children: /*#__PURE__*/jsxRuntime.jsxs(Menu$1, {
           children: [isSearchable && /*#__PURE__*/jsxRuntime.jsx("div", {
             className: "neeto-ui-px-3 neeto-ui-py-2",
             onClick: function onClick(event) {
@@ -8130,7 +8056,7 @@ var RolesDropdown = function RolesDropdown(_ref) {
 
 function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Menu$1 = Dropdown__default["default"].Menu,
+var Menu = Dropdown__default["default"].Menu,
   MenuItem = Dropdown__default["default"].MenuItem;
 var Left = function Left(_ref) {
   var _ref2, _selectedRows$keys, _selectedRows$active, _config$hiddenBulkAct, _config$otherBulkActi;
@@ -8182,14 +8108,6 @@ var Left = function Left(_ref) {
   var resetSelectedRows = function resetSelectedRows() {
     return setSelectedRows(DEFAULT_SELECTED_ROWS);
   };
-  var handleActivateMembers = function handleActivateMembers() {
-    return bulkUpdateMember({
-      users: {
-        active: true,
-        emails: selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.emails
-      }
-    });
-  };
   var handleRoleChange = function handleRoleChange(role) {
     var _selectedRows$emails2, _globalProps$user2;
     bulkUpdateMember({
@@ -8204,19 +8122,12 @@ var Left = function Left(_ref) {
     }
   };
   var alertTypes = [{
-    message: "neetoTeamMembers.alerts.messages.deactivateMember",
+    message: "neetoTeamMembers.alerts.messages.removeMember",
     onSubmit: handleDeactivateMembers,
-    title: t("neetoTeamMembers.common.deactivate_", {
+    title: t("neetoTeamMembers.common.remove_", {
       what: selectedMembersCountValues === null || selectedMembersCountValues === void 0 ? void 0 : selectedMembersCountValues.metaName
     }),
-    type: "deactivate"
-  }, {
-    message: "neetoTeamMembers.alerts.messages.activateMember",
-    onSubmit: handleActivateMembers,
-    title: t("neetoTeamMembers.common.activate_", {
-      what: selectedMembersCountValues === null || selectedMembersCountValues === void 0 ? void 0 : selectedMembersCountValues.metaName
-    }),
-    type: "activate"
+    type: "remove"
   }, {
     message: "neetoTeamMembers.alerts.messages.changeRole",
     onSubmit: handleRoleChange,
@@ -8234,7 +8145,7 @@ var Left = function Left(_ref) {
     if (type === "role") {
       return t("neetoTeamMembers.buttons.changeRole");
     }
-    return type === "deactivate" ? t("neetoTeamMembers.buttons.deactivate") : t("neetoTeamMembers.buttons.activate");
+    return t("neetoTeamMembers.buttons.remove");
   };
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "neeto-ui-flex neeto-ui-items-center neeto-ui-gap-4",
@@ -8261,21 +8172,14 @@ var Left = function Left(_ref) {
           "data-cy": "ntm-members-take-action-dropdown-button",
           disabled: !isUpdatePermissionGranted,
           label: t("neetoTeamMembers.common.takeAction"),
-          children: /*#__PURE__*/jsxRuntime.jsxs(Menu$1, {
+          children: /*#__PURE__*/jsxRuntime.jsxs(Menu, {
             children: [getDeactivatedButtonVisible(selectedRows, config) && /*#__PURE__*/jsxRuntime.jsx(MenuItem.Button, {
               "data-cy": "ntm-deactivate-members-button",
               disabled: !isUpdatePermissionGranted,
               onClick: function onClick() {
-                return setAlertType("deactivate");
+                return setAlertType("remove");
               },
-              children: t("neetoTeamMembers.common.deactivate")
-            }), getActivateButtonVisible(selectedRows, config) && /*#__PURE__*/jsxRuntime.jsx(MenuItem.Button, {
-              "data-cy": "ntm-activate-members-button",
-              disabled: !isUpdatePermissionGranted,
-              onClick: function onClick() {
-                return setAlertType("activate");
-              },
-              children: t("neetoTeamMembers.common.activate")
+              children: t("neetoTeamMembers.common.remove")
             }), !(config !== null && config !== void 0 && (_config$hiddenBulkAct = config.hiddenBulkActions) !== null && _config$hiddenBulkAct !== void 0 && _config$hiddenBulkAct.includes("role")) && /*#__PURE__*/jsxRuntime.jsx(RolesDropdown, {
               roles: roles,
               setAlertType: setAlertType,
@@ -8343,11 +8247,10 @@ var Header = function Header(_ref) {
   var _config$header, _config$header2;
   var config = _ref.config,
     setIsOpen = _ref.setIsOpen,
-    searchProps = _ref.searchProps,
-    filterCategory = _ref.filterCategory;
+    searchProps = _ref.searchProps;
   return /*#__PURE__*/jsxRuntime.jsx(NeetoHeader__default["default"], _objectSpread$4({
     searchProps: searchProps,
-    title: renderHeaderTitle(MEMBER_FILTER[filterCategory].value),
+    title: initializers.taxonomies.member.plural,
     actionBlock: /*#__PURE__*/jsxRuntime.jsx(HeaderActionBlock, {
       isCreatePermissionGranted: config.permissions.create,
       otherActionBlock: (_config$header = config.header) === null || _config$header === void 0 ? void 0 : _config$header.otherActionBlock,
@@ -8355,14 +8258,7 @@ var Header = function Header(_ref) {
       onClick: function onClick() {
         return setIsOpen(ramda.assoc("manageMember", true));
       }
-    }),
-    menuBarToggle: function menuBarToggle() {
-      return setIsOpen(function (state) {
-        return _objectSpread$4(_objectSpread$4({}, state), {}, {
-          menuBar: !state.menuBar
-        });
-      });
-    }
+    })
   }, config === null || config === void 0 || (_config$header2 = config.header) === null || _config$header2 === void 0 ? void 0 : _config$header2.otherProps));
 };
 var Header$1 = /*#__PURE__*/require$$0.memo(Header);
@@ -9031,8 +8927,8 @@ var ManageMember = function ManageMember(_ref) {
     totalCount = _useCreateMember$data2.totalCount,
     createMember = _useCreateMember.mutate,
     isCreatingMember = _useCreateMember.isLoading;
-  var refetchInterval = function refetchInterval() {
-    var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+  var refetchInterval = function refetchInterval(query) {
+    var _ref2 = query.state.data || {},
       isCompleted = _ref2.isCompleted;
     if (isCompleted) {
       setIsCreationStatusPollingEnabled(false);
@@ -9042,30 +8938,28 @@ var ManageMember = function ManageMember(_ref) {
   };
   var _useMembersCreationSt = useMembersCreationStatus(jobId, {
       refetchInterval: refetchInterval,
-      enabled: isCreationStatusPollingEnabled,
-      onSuccess: function onSuccess() {
-        var _config$createMember;
-        var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          isCompleted = _ref3.isCompleted,
-          isSuccessful = _ref3.isSuccessful,
-          users = _ref3.users,
-          error = _ref3.error;
-        if (!isCompleted) return;
-        handleClose();
-        config === null || config === void 0 || (_config$createMember = config.createMember) === null || _config$createMember === void 0 || (_config$createMember = _config$createMember.onSuccess) === null || _config$createMember === void 0 || _config$createMember.callback({
-          users: users
-        });
-        if (isSuccessful) {
-          utils$3.showThumbsUpToastr();
-        } else {
-          Toastr__default["default"].error(error);
-        }
-        refetchMembers();
-      }
+      enabled: isCreationStatusPollingEnabled
     }),
-    _useMembersCreationSt2 = _useMembersCreationSt.data,
-    _useMembersCreationSt3 = _useMembersCreationSt2 === void 0 ? {} : _useMembersCreationSt2,
-    progress = _useMembersCreationSt3.progress;
+    creationStatus = _useMembersCreationSt.data;
+  require$$0.useEffect(function () {
+    var _config$createMember;
+    var _ref3 = creationStatus || {},
+      isCompleted = _ref3.isCompleted,
+      isSuccessful = _ref3.isSuccessful,
+      users = _ref3.users,
+      error = _ref3.error;
+    if (!isCompleted) return;
+    handleClose();
+    config === null || config === void 0 || (_config$createMember = config.createMember) === null || _config$createMember === void 0 || (_config$createMember = _config$createMember.onSuccess) === null || _config$createMember === void 0 || _config$createMember.callback({
+      users: users
+    });
+    if (isSuccessful) {
+      utils$3.showThumbsUpToastr();
+    } else {
+      Toastr__default["default"].error(error);
+    }
+    refetchMembers();
+  }, [creationStatus]);
   var _useUpdateMember = useUpdateMember({
       onSuccess: function onSuccess() {
         var _config$updateMember;
@@ -9205,7 +9099,7 @@ var ManageMember = function ManageMember(_ref) {
         }, team))
       },
       children: function children(_ref5) {
-        var _manageMemberComponen2, _manageMemberComponen3;
+        var _manageMemberComponen2, _creationStatus$progr, _manageMemberComponen3;
         var values = _ref5.values;
         var emails = values.emails,
           role = values.role;
@@ -9221,7 +9115,7 @@ var ManageMember = function ManageMember(_ref) {
               style: "info",
               children: t("neetoTeamMembers.helpers.memberCreationStatus", {
                 count: emails.length,
-                completedCount: progress === null || progress === void 0 ? void 0 : progress.completedCount,
+                completedCount: creationStatus === null || creationStatus === void 0 || (_creationStatus$progr = creationStatus.progress) === null || _creationStatus$progr === void 0 ? void 0 : _creationStatus$progr.completedCount,
                 totalCount: totalCount
               })
             }), renderFormPage(currentPage, emails, role)]
@@ -9247,32 +9141,6 @@ var ManageMember = function ManageMember(_ref) {
   });
 };
 
-var Menu = function Menu(_ref) {
-  var filterCounts = _ref.filterCounts,
-    handleMemberFilterChange = _ref.handleMemberFilterChange,
-    isMenuOpen = _ref.isMenuOpen,
-    memberFilter = _ref.memberFilter;
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var memberFilterKeys = ramda.keys(MEMBER_FILTER);
-  return /*#__PURE__*/jsxRuntime.jsx(MenuBar__default["default"], {
-    "data-cy": "ntm-members-menubar-heading",
-    showMenu: isMenuOpen,
-    title: initializers.taxonomies.member.plural,
-    children: memberFilterKeys.map(function (filter) {
-      return /*#__PURE__*/jsxRuntime.jsx(MenuBar__default["default"].Block, {
-        count: getPerCategoryCount(filterCounts, filter),
-        "data-cy": "ntm-members-menubar-".concat(neetoCist.slugify(filter), "-block"),
-        label: t(MEMBER_FILTER[filter].label),
-        active: memberFilterKeys.includes(memberFilter) && ramda.identical(filter, memberFilter),
-        onClick: function onClick() {
-          return handleMemberFilterChange(filter);
-        }
-      }, filter);
-    })
-  });
-};
-
 function ownKeys(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(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TeamMembers = function TeamMembers(_ref) {
@@ -9284,8 +9152,6 @@ var TeamMembers = function TeamMembers(_ref) {
   var _useBreakpoints = reactUtils.useBreakpoints(),
     isSize = _useBreakpoints.isSize;
   var queryParams = reactUtils.useQueryParams();
-  var _queryParams$filter = queryParams.filter,
-    category = _queryParams$filter === void 0 ? MEMBER_FILTER.ACTIVE.value.toLowerCase() : _queryParams$filter;
   var isViewPermissionGranted = config.permissions.view;
   var isCreatePermissionGranted = config.permissions.create;
   var _useState = require$$0.useState(false),
@@ -9293,8 +9159,8 @@ var TeamMembers = function TeamMembers(_ref) {
     isFiltersPaneOpen = _useState2[0],
     setIsFiltersPaneOpen = _useState2[1];
   require$$0.useEffect(function () {
-    handleMemberFilterChange(category === null || category === void 0 ? void 0 : category.toUpperCase());
-  }, [category]);
+    handleMemberFilterChange();
+  }, []);
   var _useFilters = useFilters({
       config: config
     }),
@@ -9303,9 +9169,7 @@ var TeamMembers = function TeamMembers(_ref) {
     filterColumns = _useFilters.filterColumns,
     searchProps = _useFilters.searchProps,
     searchKeywordProps = _useFilters.searchKeywordProps;
-  var _useFetchMembers = useFetchMembers(_objectSpread(_objectSpread({}, filters), {}, {
-      category: filters.category.toLowerCase()
-    }), {
+  var _useFetchMembers = useFetchMembers(_objectSpread({}, filters), {
       enabled: isViewPermissionGranted
     }),
     team = _useFetchMembers.data,
@@ -9341,7 +9205,7 @@ var TeamMembers = function TeamMembers(_ref) {
     handlePaneClose = _useTeams.handlePaneClose,
     handleRowSelect = _useTeams.handleRowSelect,
     handleTableChange = _useTeams.handleTableChange,
-    handleUpdateMember = _useTeams.handleUpdateMember,
+    handleRemoveMember = _useTeams.handleRemoveMember,
     handleUpdateRole = _useTeams.handleUpdateRole,
     handleUpdateStatus = _useTeams.handleUpdateStatus,
     isOpen = _useTeams.isOpen,
@@ -9352,8 +9216,7 @@ var TeamMembers = function TeamMembers(_ref) {
   config === null || config === void 0 || (_config$fetchApiRespo = config.fetchApiResponse) === null || _config$fetchApiRespo === void 0 || _config$fetchApiRespo.call(config, {
     team: team
   });
-  var currentCategoryMembersCount = getPerCategoryCount(team === null || team === void 0 ? void 0 : team.perCategoryCount, category.toUpperCase());
-  var hasMembers = currentCategoryMembersCount > 0;
+  var hasMembers = (team === null || team === void 0 ? void 0 : team.activeUsersCount) > 0;
   var updateMemberAlertProps = {
     member: selectedMember,
     config: config
@@ -9367,10 +9230,9 @@ var TeamMembers = function TeamMembers(_ref) {
       config: config,
       handleUpdateRole: handleUpdateRole,
       handleUpdateStatus: handleUpdateStatus,
-      memberFilter: filters.category,
       isSize: isSize
     });
-  }, [filters.category, (_config$table2 = config.table) === null || _config$table2 === void 0 ? void 0 : _config$table2.dropdownProps] // eslint-disable-line react-hooks/exhaustive-deps
+  }, [(_config$table2 = config.table) === null || _config$table2 === void 0 ? void 0 : _config$table2.dropdownProps] // eslint-disable-line react-hooks/exhaustive-deps
   );
 
   var _useHiddenColumns = Columns$1.useHiddenColumns(TEAM_MEMBERS_HIDDEN_COLUMNS),
@@ -9381,13 +9243,12 @@ var TeamMembers = function TeamMembers(_ref) {
       neetoFilters: filters,
       page: constants.DEFAULT_PAGE_INDEX
     }));
-    clearSelectedMembers(filters.category, filters) && setSelectedRows(DEFAULT_SELECTED_ROWS);
+    setSelectedRows(DEFAULT_SELECTED_ROWS);
     history.push(utils$3.buildUrl(window.location.pathname, ramda.mergeLeft({
       page: constants.DEFAULT_PAGE_INDEX
     }, queryParams)));
   };
   var _generateNoDataConten = generateNoDataContent({
-      filterCategory: filters.category,
       buttonProps: {
         onClick: function onClick() {
           return setIsOpen(ramda.assoc("manageMember", true));
@@ -9407,16 +9268,10 @@ var TeamMembers = function TeamMembers(_ref) {
     className: "ntm-members",
     children: /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "ntm-members-wrapper",
-      children: [/*#__PURE__*/jsxRuntime.jsx(Menu, {
-        handleMemberFilterChange: handleMemberFilterChange,
-        filterCounts: team === null || team === void 0 ? void 0 : team.perCategoryCount,
-        isMenuOpen: isOpen.menuBar,
-        memberFilter: filters.category
-      }), /*#__PURE__*/jsxRuntime.jsxs(Container__default["default"], {
+      children: [/*#__PURE__*/jsxRuntime.jsxs(Container__default["default"], {
         children: [/*#__PURE__*/jsxRuntime.jsx(Header$1, {
           config: config,
           setIsOpen: setIsOpen,
-          filterCategory: filters.category,
           searchProps: hasMembers ? searchProps : null
         }), /*#__PURE__*/jsxRuntime.jsx(SubHeader__default["default"], {
           leftActionBlock: /*#__PURE__*/jsxRuntime.jsx(SubHeader.Left, {
@@ -9447,6 +9302,7 @@ var TeamMembers = function TeamMembers(_ref) {
             columnData: getVisibleColumnData(columns),
             currentPageNumber: parseInt(filters.page, DEFAULT_RADIX),
             "data-cy": "ntm-members-table",
+            handlePageChange: handlePageChange(setFilters, history),
             loading: isMembersFetching,
             paginationProps: renderPaginationProps(filters.pageSize),
             rowData: team === null || team === void 0 ? void 0 : team.members,
@@ -9455,7 +9311,6 @@ var TeamMembers = function TeamMembers(_ref) {
             },
             selectedRowKeys: selectedRows.keys,
             totalCount: team === null || team === void 0 ? void 0 : team.membersCount,
-            handlePageChange: handlePageChange(setFilters, filters.category, history),
             onChange: handleTableChange,
             onColumnHide: function onColumnHide(_ref2) {
               var dataIndex = _ref2.dataIndex;
@@ -9483,10 +9338,10 @@ var TeamMembers = function TeamMembers(_ref) {
         isOpen: isOpen.alert,
         isSubmitting: isUpdatingMember,
         message: renderUpdateAlert("message", updateMemberAlertProps),
+        submitButtonLabel: t("neetoTeamMembers.buttons.remove"),
         title: renderUpdateAlert("title", updateMemberAlertProps),
-        submitButtonLabel: selectedMember !== null && selectedMember !== void 0 && selectedMember.active ? t("neetoTeamMembers.buttons.deactivate") : t("neetoTeamMembers.buttons.activate"),
         onClose: handleAlertClose,
-        onSubmit: handleUpdateMember
+        onSubmit: handleRemoveMember
       })]
     })
   });
@@ -9494,53 +9349,13 @@ var TeamMembers = function TeamMembers(_ref) {
 var index = reactUtils.withTitle(withReactQuery(TeamMembers), initializers.taxonomies.member.plural);
 
 var useMembersSidenav = function useMembersSidenav(_ref) {
-  var _globalProps$permissi;
   var route = _ref.route;
-  var canUserViewMembers = initializers.globalProps === null || initializers.globalProps === void 0 || (_globalProps$permissi = initializers.globalProps.permissions) === null || _globalProps$permissi === void 0 ? void 0 : _globalProps$permissi.includes(VIEW_MEMBERS_PERMISSION);
-  var isMembersPageOpen = ramda.isNotNil(reactRouterDom.matchPath(location.pathname, {
-    path: route
-  }));
-  var _useFetchMembersCount = useFetchMembersCountsPerCategory({
-      enabled: canUserViewMembers && isMembersPageOpen
-    }),
-    isCountsLoading = _useFetchMembersCount.isLoading,
-    _useFetchMembersCount2 = _useFetchMembersCount.data,
-    membersCategoryCounts = _useFetchMembersCount2 === void 0 ? {} : _useFetchMembersCount2;
   return {
     icon: UserCircle__default["default"],
     label: initializers.taxonomies.member.plural,
-    isCountsLoading: isCountsLoading,
-    isActive: function isActive() {
-      return isMembersPageOpen;
-    },
     to: route,
-    permissions: VIEW_MEMBERS_PERMISSION,
     "data-cy": "members-nav-tab",
-    items: [{
-      key: "active",
-      label: i18next.t("neetoTeamMembers.common.active"),
-      to: utils$3.buildUrl(route, {
-        filter: "active"
-      }),
-      "data-cy": "members-active-block",
-      count: membersCategoryCounts["active"]
-    }, {
-      key: "deactivated",
-      label: i18next.t("neetoTeamMembers.common.deactivated"),
-      to: utils$3.buildUrl(route, {
-        filter: "deactivated"
-      }),
-      "data-cy": "members-deactivated-block",
-      count: membersCategoryCounts["deactivated"]
-    }, {
-      key: "all",
-      label: i18next.t("neetoTeamMembers.common.all"),
-      to: utils$3.buildUrl(route, {
-        filter: "all"
-      }),
-      "data-cy": "members-all-block",
-      count: membersCategoryCounts["all"]
-    }]
+    permission: hasPermission(VIEW_MEMBERS_PERMISSION)
   };
 };