@bigbinary/neeto-team-members-frontend 2.8.0 → 2.8.1

package/dist/index.js

@@ -2,22 +2,22 @@ import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
 import React, { createElement, isValidElement, cloneElement, createContext, useContext, useState, useRef, useEffect, useMemo, Fragment, useCallback, useLayoutEffect } from 'react';
 import { noop as noop$1, findById, isNotEmpty, isPresent, replaceById, keysToSnakeCase, capitalize as capitalize$1, notEquals, toLabelAndValue, findBy, _findBy, filterBy, slugify } from '@bigbinary/neeto-commons-frontend/pure';
 import { withTitle, useDebounce } from '@bigbinary/neeto-commons-frontend/react-utils';
-import { ExternalLink, MenuHorizontal, Up, Down, Search, Right as Right$1, Info, LeftArrow } from '@bigbinary/neeto-icons';
 import Container from '@bigbinary/neeto-molecules/Container';
 import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
-import SubHeaderMolecule from '@bigbinary/neeto-molecules/SubHeader';
-import { Tooltip, Button, Typography, Checkbox, Pane, Dropdown, Alert, Input as Input$1, NoData, Avatar, Tag, Modal, Table as Table$1 } from '@bigbinary/neetoui';
 import { modifyPath, prepend, assocPath, findIndex, propEq, dissocPath, is, append, equals, prop, concat, groupBy, pluck, map, identical, modify, includes, __, isEmpty, filter, identity, clamp, curry, toLower, mergeLeft, isNil, assoc, trim, not, move, head, reverse, keys } from 'ramda';
 import { QueryClient, QueryCache, QueryClientProvider, useQuery, useMutation } from 'react-query';
 import { ReactQueryDevtools } from 'react-query/devtools';
 import axios from 'axios';
+import { ExternalLink, MenuHorizontal, Up, Down, Search, Right as Right$1, Info, LeftArrow } from '@bigbinary/neeto-icons';
 import NeetoHeader from '@bigbinary/neeto-molecules/Header';
+import { Tooltip, Button, Typography, Checkbox, Pane, Dropdown, Alert, Input as Input$1, NoData, Avatar, Tag, Modal, Table as Table$1 } from '@bigbinary/neetoui';
 import { Form, Input, Textarea, Switch, Select, MultiEmailInput, Radio } from '@bigbinary/neetoui/formik';
 import { useFormikContext } from 'formik';
 import * as yup from 'yup';
 import { object, string } from 'yup';
 import classnames from 'classnames';
 import { buildFiltersFromURL, Bar } from '@bigbinary/neeto-filters-frontend';
+import SubHeaderMolecule from '@bigbinary/neeto-molecules/SubHeader';
 import TableWrapper from '@bigbinary/neeto-molecules/TableWrapper';
 import { useHistory } from 'react-router-dom';
 import require$$0 from 'util';
@@ -7052,8 +7052,6 @@ var SINGULAR = {
 var PLURAL = {
   count: 2
 };
-var MANAGE_MEMBER_PERMISSIONS = ["members.manage_members", "agents.manage_agents"];
-var DEFAULT_PERMISSION = true;
 var DEFAULT_PAGE_SIZE = 30;
 var ADMIN_ROLE_NAME = "Admin";
 var OWNER_ROLE_NAME = "Owner";
@@ -7244,18 +7242,18 @@ var renderBreadcrumbs = function renderBreadcrumbs(breadcrumbs) {
 };
 
 var AddRoleButton = function AddRoleButton(_ref) {
-  var _permissions$create, _permissions$create2;
-  var onClick = _ref.onClick,
-    permissions = _ref.permissions;
+  var config = _ref.config,
+    onClick = _ref.onClick;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var isCreatePermissionGranted = config.permissions.create;
   return /*#__PURE__*/React.createElement(Tooltip, {
     content: t("tooltips.noPermissionToAddRole"),
-    disabled: (_permissions$create = permissions === null || permissions === void 0 ? void 0 : permissions.create) !== null && _permissions$create !== void 0 ? _permissions$create : hasPermission(MANAGE_MEMBER_PERMISSIONS),
+    disabled: isCreatePermissionGranted,
     position: "bottom"
   }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Button, {
     "data-cy": "ntm-add-role-button",
-    disabled: !((_permissions$create2 = permissions === null || permissions === void 0 ? void 0 : permissions.create) !== null && _permissions$create2 !== void 0 ? _permissions$create2 : hasPermission(MANAGE_MEMBER_PERMISSIONS)),
+    disabled: !isCreatePermissionGranted,
     label: t("common.addNew_", {
       what: t("common.role", SINGULAR).toLocaleLowerCase()
     }),
@@ -7264,7 +7262,7 @@ var AddRoleButton = function AddRoleButton(_ref) {
 };
 
 var Header$1 = function Header(_ref) {
-  var _config$permissions$u, _config$permissions, _config$header;
+  var _config$header;
   var config = _ref.config,
     handleReset = _ref.handleReset,
     handleSubmit = _ref.handleSubmit,
@@ -7274,18 +7272,18 @@ var Header$1 = function Header(_ref) {
     setIsNewRolePaneOpen = _ref.setIsNewRolePaneOpen;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var hasUpdateRolePermission = (_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 : hasPermission(MANAGE_MEMBER_PERMISSIONS);
+  var isUpdatePermissionGranted = config.permissions.update;
   return /*#__PURE__*/React.createElement(NeetoHeader, {
     breadcrumbs: renderBreadcrumbs(config === null || config === void 0 ? void 0 : (_config$header = config.header) === null || _config$header === void 0 ? void 0 : _config$header.breadcrumbs),
     className: "ntm-roles-header",
     searchProps: renderSearchProps(searchString, setSearchString),
     actionBlock: isDirty ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
       content: t("tooltips.noPermissionToEditRoles"),
-      disabled: hasUpdateRolePermission,
+      disabled: isUpdatePermissionGranted,
       position: "bottom"
     }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Button, {
       "data-cy": "ntm-role-submission-button",
-      disabled: !hasUpdateRolePermission,
+      disabled: !isUpdatePermissionGranted,
       label: t("buttons.saveChanges"),
       type: "submit",
       onClick: handleSubmit
@@ -7296,7 +7294,7 @@ var Header$1 = function Header(_ref) {
       type: "reset",
       onClick: handleReset
     })) : /*#__PURE__*/React.createElement(AddRoleButton, {
-      permissions: config === null || config === void 0 ? void 0 : config.permissions,
+      config: config,
       onClick: function onClick() {
         return setIsNewRolePaneOpen(true);
       }
@@ -7793,6 +7791,7 @@ var Row = function Row(_ref) {
     permission = _ref$permission === void 0 ? null : _ref$permission,
     roles = _ref.roles,
     setModifiedRoles = _ref.setModifiedRoles;
+  var isUpdatePermissionGranted = config.permissions.update;
   var permissions = (allPermissionsOfCategory === null || allPermissionsOfCategory === void 0 ? void 0 : allPermissionsOfCategory.get("permissions")) || [];
   var allPermissionIdsOfCategory = map(prop("id"), permissions);
   var handleSubmit = function handleSubmit(role, checked) {
@@ -7812,14 +7811,13 @@ var Row = function Row(_ref) {
       "ntm-roles-table__row--highlighted": !!allPermissionsOfCategory
     })
   }, roles.map(function (role) {
-    var _config$permissions$u, _config$permissions;
     return /*#__PURE__*/React.createElement("div", {
       className: "ntm-roles-table__cell",
       key: role.id
     }, /*#__PURE__*/React.createElement(Tooltip, {
       content: renderRolesTooltipContent(role.name),
       position: "top",
-      disabled: ((_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) && !identical(role.name, "Admin")
+      disabled: isUpdatePermissionGranted && !identical(role.name, "Admin")
     }, /*#__PURE__*/React.createElement("div", {
       className: "ntm-roles-table-cell__checkbox-wrapper"
     }, /*#__PURE__*/React.createElement(Checkbox, {
@@ -7844,6 +7842,8 @@ var TableHeader = function TableHeader(_ref) {
     setIsScrollPresent = _ref.setIsScrollPresent;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var isUpdatePermissionGranted = config.permissions.update;
+  var isDeletePermissionGranted = config.permissions["delete"];
   var scrollSyncElement = useRef(null);
   var getOverflowStatus = useCallback(function () {
     if (scrollSyncElement.current) {
@@ -7861,7 +7861,6 @@ var TableHeader = function TableHeader(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "ntm-roles-table__header"
   }, roles === null || roles === void 0 ? void 0 : roles.map(function (role, index) {
-    var _config$permissions$u, _config$permissions, _config$permissions$u2, _config$permissions2, _config$permissions$d, _config$permissions3, _config$permissions$d2, _config$permissions4;
     var isSystemRole = identical("system", role.kind);
     var isAdminRole = ADMIN_ROLES.includes(role.name) && isSystemRole;
     return /*#__PURE__*/React.createElement("div", {
@@ -7886,13 +7885,13 @@ var TableHeader = function TableHeader(_ref) {
     }, /*#__PURE__*/React.createElement(Menu$4, null, /*#__PURE__*/React.createElement(Tooltip, {
       content: t("tooltips.noPermissionToEditRoles"),
       position: "left",
-      disabled: (_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
+      disabled: isUpdatePermissionGranted
     }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(MenuItem$3.Button, {
       className: "ntm-dropdown__button",
       "data-cy": "ntm-roles-table-edit-role-button",
       size: "small",
       style: "text",
-      disabled: !((_config$permissions$u2 = config === null || config === void 0 ? void 0 : (_config$permissions2 = config.permissions) === null || _config$permissions2 === void 0 ? void 0 : _config$permissions2.update) !== null && _config$permissions$u2 !== void 0 ? _config$permissions$u2 : DEFAULT_PERMISSION),
+      disabled: !isUpdatePermissionGranted,
       onClick: function onClick() {
         return setManageRole({
           isEdit: true,
@@ -7902,12 +7901,12 @@ var TableHeader = function TableHeader(_ref) {
     }, t("common.edit")))), !isSystemRole && /*#__PURE__*/React.createElement(Tooltip, {
       content: t("tooltips.noPermissionToRemoveRoles"),
       position: "left",
-      disabled: (_config$permissions$d = config === null || config === void 0 ? void 0 : (_config$permissions3 = config.permissions) === null || _config$permissions3 === void 0 ? void 0 : _config$permissions3["delete"]) !== null && _config$permissions$d !== void 0 ? _config$permissions$d : DEFAULT_PERMISSION
+      disabled: isDeletePermissionGranted
     }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(MenuItem$3.Button, {
       className: "ntm-dropdown__button",
       "data-cy": "ntm-roles-table-delete-role-button",
       size: "small",
-      disabled: !((_config$permissions$d2 = config === null || config === void 0 ? void 0 : (_config$permissions4 = config.permissions) === null || _config$permissions4 === void 0 ? void 0 : _config$permissions4["delete"]) !== null && _config$permissions$d2 !== void 0 ? _config$permissions$d2 : DEFAULT_PERMISSION),
+      disabled: !isDeletePermissionGranted,
       onClick: function onClick() {
         return setManageRole({
           isDelete: true,
@@ -8138,7 +8137,6 @@ var Sidebar = function Sidebar(_ref) {
 };
 
 var Table = function Table(_ref) {
-  var _config$permissions$c, _config$permissions;
   var config = _ref.config,
     filteredRoles = _ref.filteredRoles,
     roles = _ref.roles,
@@ -8148,6 +8146,7 @@ var Table = function Table(_ref) {
     setIsNewRolePaneOpen = _ref.setIsNewRolePaneOpen;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var isCreatePermissionGranted = config.permissions.create;
   var _useState = useState(""),
     _useState2 = _slicedToArray(_useState, 2),
     searchTerm = _useState2[0],
@@ -8172,7 +8171,6 @@ var Table = function Table(_ref) {
     _useState12 = _slicedToArray(_useState11, 2),
     isEditPaneOpen = _useState12[0],
     setIsEditPaneOpen = _useState12[1];
-  var isAddRoleDisabled = !((_config$permissions$c = (_config$permissions = config.permissions) === null || _config$permissions === void 0 ? void 0 : _config$permissions.create) !== null && _config$permissions$c !== void 0 ? _config$permissions$c : hasPermission(MANAGE_MEMBER_PERMISSIONS));
   var toggleDropdown = function toggleDropdown(category) {
     var permissions = updatePermissionVisibility(category, filteredGroupPermissions);
     setFilteredGroupPermissions(permissions);
@@ -8194,7 +8192,7 @@ var Table = function Table(_ref) {
   }, /*#__PURE__*/React.createElement(NoData, {
     primaryButtonProps: {
       "data-cy": "ntm-add-role-button",
-      disabled: isAddRoleDisabled,
+      disabled: !isCreatePermissionGranted,
       label: t("common.addNew_", {
         what: t("common.role", SINGULAR).toLocaleLowerCase()
       }),
@@ -8234,10 +8232,11 @@ var Table = function Table(_ref) {
 };
 
 var Roles = function Roles(_ref) {
-  var _config$permissions$v, _config$permissions, _config$permissions$v2, _config$permissions2, _config$permissions$u, _config$permissions3;
   var config = _ref.config;
   var _useTranslation = useTranslation();
     _useTranslation.t;
+  var isViewPermissionGranted = config.permissions.view;
+  var isUpdatePermissionGranted = config.permissions.update;
   var _useState = useState(""),
     _useState2 = _slicedToArray(_useState, 2),
     searchString = _useState2[0],
@@ -8254,17 +8253,17 @@ var Roles = function Roles(_ref) {
       onSuccess: function onSuccess(roles) {
         return setModifiedRoles(roles);
       },
-      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
+      enabled: isViewPermissionGranted
     }),
     roles = _useFetchRoles.data,
     isRolesLoading = _useFetchRoles.isLoading;
   var _useFetchPermissions = useFetchPermissions({
-      enabled: (_config$permissions$v2 = config === null || config === void 0 ? void 0 : (_config$permissions2 = config.permissions) === null || _config$permissions2 === void 0 ? void 0 : _config$permissions2.view) !== null && _config$permissions$v2 !== void 0 ? _config$permissions$v2 : DEFAULT_PERMISSION
+      enabled: isViewPermissionGranted
     }),
     permissionData = _useFetchPermissions.data,
     isPermissionsLoading = _useFetchPermissions.isLoading;
   var _useBulkUpdateRoles = useBulkUpdateRoles({
-      enabled: (_config$permissions$u = config === null || config === void 0 ? void 0 : (_config$permissions3 = config.permissions) === null || _config$permissions3 === void 0 ? void 0 : _config$permissions3.update) !== null && _config$permissions$u !== void 0 ? _config$permissions$u : DEFAULT_PERMISSION
+      enabled: isUpdatePermissionGranted
     }),
     bulkUpdate = _useBulkUpdateRoles.mutate;
   var _useState7 = useState(roles),
@@ -11098,10 +11097,6 @@ var renderNameColumn = function renderNameColumn(_ref) {
     label: active ? MEMBER_FILTER.ACTIVE.label : MEMBER_FILTER.DEACTIVATED.label
   })), renderDropdownButton(tableData, handleUpdateRole, handleUpdateStatus, permissions));
 };
-var isDropDownButtonDisabled = function 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));
-};
 var renderDropdownButton = function renderDropdownButton(_ref2, handleUpdateRole, handleUpdateStatus, permissions) {
   var active = _ref2.active,
     displayName = _ref2.displayName,
@@ -11119,12 +11114,12 @@ var renderDropdownButton = function renderDropdownButton(_ref2, handleUpdateRole
       "data-cy": "ntm-members-table-row-dropdown-button",
       tooltipProps: {
         content: instance.t("tooltips.noPermissionToEditMembers"),
-        disabled: !isDropDownButtonDisabled(permissions),
+        disabled: permissions.update,
         position: "top"
       }
     },
     buttonStyle: "text",
-    disabled: isDropDownButtonDisabled(permissions),
+    disabled: !permissions.update,
     icon: MenuHorizontal,
     strategy: "fixed"
   }, /*#__PURE__*/React.createElement(Menu$3, null, /*#__PURE__*/React.createElement(Tooltip, {
@@ -11251,7 +11246,7 @@ var getColumnData = function getColumnData(_ref7) {
     displayStatusTag: displayStatusTag,
     handleUpdateRole: handleUpdateRole,
     handleUpdateStatus: handleUpdateStatus,
-    permissions: config === null || config === void 0 ? void 0 : config.permissions
+    permissions: config.permissions
   });
   var otherColumns = (_config$otherColumns = config === null || config === void 0 ? void 0 : config.otherColumns) !== null && _config$otherColumns !== void 0 ? _config$otherColumns : [];
   var columns = defaultColumns.map(function (column) {
@@ -11923,17 +11918,16 @@ var MANAGE_ROLES_BUTTON_LABEL = instance.t("common.manage_", {
 });
 
 var Header = function Header(_ref) {
-  var _permissions$create, _config$header;
+  var _config$header;
   var config = _ref.config,
     metaName = _ref.metaName,
     _ref$onClick = _ref.onClick,
     onClick = _ref$onClick === void 0 ? noop$1 : _ref$onClick,
-    permissions = _ref.permissions,
     rolesButtonProps = _ref.rolesButtonProps;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var isCreatePermissionGranted = config.permissions.create;
   var isRolesButtonVisible = !!rolesButtonProps;
-  var hasCreatePermission = (_permissions$create = permissions === null || permissions === void 0 ? void 0 : permissions.create) !== null && _permissions$create !== void 0 ? _permissions$create : hasPermission(MANAGE_MEMBER_PERMISSIONS);
   var isOtherActionBlockVisible = !!(config !== null && config !== void 0 && (_config$header = config.header) !== null && _config$header !== void 0 && _config$header.otherActionBlock);
   return /*#__PURE__*/React.createElement(React.Fragment, null, isOtherActionBlockVisible && config.header.otherActionBlock(), isRolesButtonVisible ? /*#__PURE__*/React.createElement(Button, _extends({
     "data-cy": "ntm-manage-roles-button",
@@ -11941,11 +11935,11 @@ var Header = function Header(_ref) {
     style: "secondary"
   }, rolesButtonProps)) : null, /*#__PURE__*/React.createElement(Tooltip, {
     content: t("tooltips.noPermissionToAddMember"),
-    disabled: hasCreatePermission,
+    disabled: isCreatePermissionGranted,
     position: "bottom"
   }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Button, {
     "data-cy": "ntm-add-member-button",
-    disabled: !hasCreatePermission,
+    disabled: !isCreatePermissionGranted,
     label: t("common.addNew_", {
       what: metaName(SINGULAR).toLocaleLowerCase()
     }),
@@ -12064,7 +12058,7 @@ var RolesDropdown = function RolesDropdown(_ref) {
 var Menu$1 = Dropdown.Menu,
   MenuItem = Dropdown.MenuItem;
 var Left = function Left(_ref) {
-  var _selectedRows$keys$le, _selectedRows$keys, _config$permissions$u, _config$permissions, _selectedRows$active, _config$hiddenBulkAct, _config$otherBulkActi;
+  var _selectedRows$keys$le, _selectedRows$keys, _selectedRows$active, _config$hiddenBulkAct, _config$otherBulkActi;
   var config = _ref.config,
     filteredCount = _ref.filteredCount,
     metaName = _ref.metaName,
@@ -12073,6 +12067,7 @@ var Left = function Left(_ref) {
     setSelectedRows = _ref.setSelectedRows;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var isUpdatePermissionGranted = config.permissions.update;
   var _useState = useState(""),
     _useState2 = _slicedToArray(_useState, 2),
     alertType = _useState2[0],
@@ -12089,7 +12084,6 @@ var Left = function Left(_ref) {
     }).toLocaleLowerCase(),
     totalCount: filteredCount
   };
-  var 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;
   var hasDeactivateMembers = selectedRows === null || selectedRows === void 0 ? void 0 : (_selectedRows$active = selectedRows.active) === null || _selectedRows$active === void 0 ? void 0 : _selectedRows$active.some(function (active) {
     return !active;
   });
@@ -12169,28 +12163,28 @@ var Left = function Left(_ref) {
     i18nKey: hasSelectedRows ? "helpers.selectedMembersCount" : "helpers.metaNameWithCount_"
   })), hasSelectedRows && /*#__PURE__*/React.createElement(Tooltip, {
     content: t("tooltips.noPermissionToEditMembers"),
-    disabled: hasUpdatePermission,
+    disabled: isUpdatePermissionGranted,
     position: "top"
   }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Dropdown, {
     buttonStyle: "secondary",
     "data-cy": "ntm-members-take-action-dropdown-button",
-    disabled: !hasUpdatePermission,
+    disabled: !isUpdatePermissionGranted,
     label: t("common.takeAction")
   }, /*#__PURE__*/React.createElement(Menu$1, null, getDeactivatedButtonVisible(selectedRows, config) && /*#__PURE__*/React.createElement(MenuItem.Button, {
     "data-cy": "ntm-deactivate-members-button",
-    disabled: !hasUpdatePermission,
+    disabled: !isUpdatePermissionGranted,
     onClick: function onClick() {
       return setAlertType("deactivate");
     }
   }, t("common.deactivate")), getActivateButtonVisible(selectedRows, config) && /*#__PURE__*/React.createElement(MenuItem.Button, {
     "data-cy": "ntm-activate-members-button",
-    disabled: !hasUpdatePermission,
+    disabled: !isUpdatePermissionGranted,
     onClick: function onClick() {
       return setAlertType("activate");
     }
   }, t("common.activate")), !(config !== null && config !== void 0 && (_config$hiddenBulkAct = config.hiddenBulkActions) !== null && _config$hiddenBulkAct !== void 0 && _config$hiddenBulkAct.includes("role")) && /*#__PURE__*/React.createElement(RolesDropdown, {
     disabled: hasDeactivateMembers,
-    hasUpdatePermission: hasUpdatePermission,
+    hasUpdatePermission: isUpdatePermissionGranted,
     roles: roles,
     setAlertType: setAlertType,
     setBulkUpdateRole: setBulkUpdateRole
@@ -12724,7 +12718,7 @@ var RolesRadioGroup = function RolesRadioGroup(_ref) {
 function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ManageMember = function ManageMember(_ref) {
-  var _config$permissions$v, _config$permissions, _manageMemberComponen;
+  var _manageMemberComponen;
   var config = _ref.config,
     onComplete = _ref.onComplete,
     _ref$roles = _ref.roles,
@@ -12735,6 +12729,7 @@ var ManageMember = function ManageMember(_ref) {
     componentConfig = _ref$componentConfig === void 0 ? {} : _ref$componentConfig;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var isViewPermissionGranted = config.permissions.view;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     hasSubmitted = _useState2[0],
@@ -12753,8 +12748,7 @@ var ManageMember = function ManageMember(_ref) {
     initialFocusRef: inputReference
   }, componentConfig);
   var Component = MEMBERS_FORM_COMPONENT_MAPPER[manageMemberComponentConfig.type || "pane"];
-  var isPermissionsGranted = (_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;
-  var haveToFetchRoles = isEmpty(roles) && isPermissionsGranted;
+  var haveToFetchRoles = isEmpty(roles) && isViewPermissionGranted;
   var isEditForm = !!selectedMember;
   var isLastPage = currentPage === FORM_PAGES.CONFIRMATION || isEditForm;
   var _useFetchRoles = useFetchRoles({
@@ -12771,7 +12765,7 @@ var ManageMember = function ManageMember(_ref) {
       select: function select(response) {
         return groupBy(prop("appName"), response !== null && response !== void 0 ? response : []);
       },
-      enabled: !selectedMember && isPermissionsGranted
+      enabled: !selectedMember && isViewPermissionGranted
     }),
     _useFetchGlobalRoles$ = _useFetchGlobalRoles.data,
     globalRoles = _useFetchGlobalRoles$ === void 0 ? {} : _useFetchGlobalRoles$,
@@ -12805,7 +12799,9 @@ var ManageMember = function ManageMember(_ref) {
   };
   var isSubmitting = isCreatingMember || isUpdatingMember || isRolesLoading || isGlobalRolesLoading;
   var handleAddMember = function handleAddMember(values) {
-    selectedMember ? updateMember({
+    selectedMember
+    // @ts-ignore
+    ? updateMember({
       id: selectedMember.id,
       payload: renderPayload(values, selectedMember)
     }) : createMember(renderPayload(values));
@@ -12954,11 +12950,13 @@ var Menu = function Menu(_ref) {
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var TeamMembers = function TeamMembers(_ref) {
-  var _config$permissions$c, _config$permissions, _config$permissions$v, _config$permissions2, _config$permissions$v2, _config$permissions3, _config$fetchApiRespo, _config$table, _config$table$onDropd, _config$header;
+  var _config$fetchApiRespo, _config$table, _config$table$onDropd, _config$header;
   var config = _ref.config;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var history = useHistory();
+  var isViewPermissionGranted = config.permissions.view;
+  var isCreatePermissionGranted = config.permissions.create;
   var metaName = getMetaName((config === null || config === void 0 ? void 0 : config.metaName) || "member");
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
@@ -12968,7 +12966,6 @@ var TeamMembers = function TeamMembers(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     isFiltersPaneOpen = _useState4[0],
     setIsFiltersPaneOpen = _useState4[1];
-  var hasCreatePermission = (_config$permissions$c = config === null || config === void 0 ? void 0 : (_config$permissions = config.permissions) === null || _config$permissions === void 0 ? void 0 : _config$permissions.create) !== null && _config$permissions$c !== void 0 ? _config$permissions$c : hasPermission(MANAGE_MEMBER_PERMISSIONS);
   useEffect(function () {
     if (!localStorage.getItem("TEAM_MEMBERS_TABLE_HIDDEN_COLUMNS")) {
       localStorage.setItem("TEAM_MEMBERS_TABLE_HIDDEN_COLUMNS", JSON.stringify(["inviteStatus"]));
@@ -12986,7 +12983,7 @@ var TeamMembers = function TeamMembers(_ref) {
       search: debouncedSearch.trim(),
       category: filters.category.toLowerCase()
     }), {
-      enabled: (_config$permissions$v = config === null || config === void 0 ? void 0 : (_config$permissions2 = config.permissions) === null || _config$permissions2 === void 0 ? void 0 : _config$permissions2.view) !== null && _config$permissions$v !== void 0 ? _config$permissions$v : DEFAULT_PERMISSION
+      enabled: isViewPermissionGranted
     }),
     team = _useFetchMembers.data,
     isMembersLoading = _useFetchMembers.isLoading,
@@ -12996,7 +12993,7 @@ var TeamMembers = function TeamMembers(_ref) {
         var _response$organizatio;
         return reverse((_response$organizatio = response === null || response === void 0 ? void 0 : response.organizationRoles) !== null && _response$organizatio !== void 0 ? _response$organizatio : []);
       },
-      enabled: (_config$permissions$v2 = config === null || config === void 0 ? void 0 : (_config$permissions3 = config.permissions) === null || _config$permissions3 === void 0 ? void 0 : _config$permissions3.view) !== null && _config$permissions$v2 !== void 0 ? _config$permissions$v2 : DEFAULT_PERMISSION
+      enabled: isViewPermissionGranted
     }),
     roles = _useFetchRoles.data,
     isRolesLoading = _useFetchRoles.isLoading;
@@ -13081,7 +13078,6 @@ var TeamMembers = function TeamMembers(_ref) {
     actionBlock: /*#__PURE__*/React.createElement(Header, {
       config: config,
       metaName: metaName,
-      permissions: config === null || config === void 0 ? void 0 : config.permissions,
       rolesButtonProps: config.rolesButtonProps,
       onClick: function onClick() {
         return setIsOpen(assoc("manageMember", true));
@@ -13138,7 +13134,7 @@ var TeamMembers = function TeamMembers(_ref) {
   }, /*#__PURE__*/React.createElement(NoData, {
     primaryButtonProps: {
       "data-cy": "ntm-add-member-button",
-      disabled: !hasCreatePermission,
+      disabled: !isCreatePermissionGranted,
       label: t("common.addNew_", {
         what: metaName(SINGULAR).toLocaleLowerCase()
       }),