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

package/dist/index.cjs.js

@@ -6,21 +6,21 @@ var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
 var React = require('react');
 var pure = require('@bigbinary/neeto-commons-frontend/pure');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
-var neetoIcons = require('@bigbinary/neeto-icons');
 var Container = require('@bigbinary/neeto-molecules/Container');
 var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
-var SubHeaderMolecule = require('@bigbinary/neeto-molecules/SubHeader');
-var neetoui = require('@bigbinary/neetoui');
 var ramda = require('ramda');
 var reactQuery = require('react-query');
 var devtools = require('react-query/devtools');
 var axios = require('axios');
+var neetoIcons = require('@bigbinary/neeto-icons');
 var NeetoHeader = require('@bigbinary/neeto-molecules/Header');
+var neetoui = require('@bigbinary/neetoui');
 var formik$1 = require('@bigbinary/neetoui/formik');
 var formik = require('formik');
 var yup = require('yup');
 var classnames = require('classnames');
 var neetoFiltersFrontend = require('@bigbinary/neeto-filters-frontend');
+var SubHeaderMolecule = require('@bigbinary/neeto-molecules/SubHeader');
 var TableWrapper = require('@bigbinary/neeto-molecules/TableWrapper');
 var reactRouterDom = require('react-router-dom');
 var require$$0 = require('util');
@@ -49,11 +49,11 @@ function _interopNamespace(e) {
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
 var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
-var SubHeaderMolecule__default = /*#__PURE__*/_interopDefaultLegacy(SubHeaderMolecule);
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
 var NeetoHeader__default = /*#__PURE__*/_interopDefaultLegacy(NeetoHeader);
 var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+var SubHeaderMolecule__default = /*#__PURE__*/_interopDefaultLegacy(SubHeaderMolecule);
 var TableWrapper__default = /*#__PURE__*/_interopDefaultLegacy(TableWrapper);
 var require$$0__default = /*#__PURE__*/_interopDefaultLegacy(require$$0);
 var MenuBar__default = /*#__PURE__*/_interopDefaultLegacy(MenuBar);
@@ -4193,7 +4193,7 @@ var I18n = function (_EventEmitter) {
         this.logger.warn('hasLoadedNamespace: i18n.languages were undefined or empty', this.languages);
         return false;
       }
-      var lng = this.resolvedLanguage || this.languages[0];
+      var lng = options.lng || this.resolvedLanguage || this.languages[0];
       var fallbackLng = this.options ? this.options.fallbackLng : false;
       var lastLng = this.languages[this.languages.length - 1];
       if (lng.toLowerCase() === 'cimode') return true;
@@ -4763,8 +4763,9 @@ function warnOnce() {
   if (typeof args[0] === 'string') alreadyWarned[args[0]] = new Date();
   warn.apply(void 0, args);
 }
-function loadNamespaces(i18n, ns, cb) {
-  i18n.loadNamespaces(ns, function () {
+
+var loadedClb = function loadedClb(i18n, cb) {
+  return function () {
     if (i18n.isInitialized) {
       cb();
     } else {
@@ -4777,7 +4778,18 @@ function loadNamespaces(i18n, ns, cb) {
 
       i18n.on('initialized', initialized);
     }
+  };
+};
+
+function loadNamespaces(i18n, ns, cb) {
+  i18n.loadNamespaces(ns, loadedClb(i18n, cb));
+}
+function loadLanguages(i18n, lng, ns, cb) {
+  if (typeof ns === 'string') ns = [ns];
+  ns.forEach(function (n) {
+    if (i18n.options.ns.indexOf(n) < 0) i18n.options.ns.push(n);
   });
+  i18n.loadLanguages(lng, loadedClb(i18n, cb));
 }
 
 function oldI18nextHasLoadedNamespace(ns, i18n) {
@@ -4814,6 +4826,7 @@ function hasLoadedNamespace(ns, i18n) {
   }
 
   return i18n.hasLoadedNamespace(ns, {
+    lng: options.lng,
     precheck: function precheck(i18nInstance, loadNotPending) {
       if (options.bindI18n && options.bindI18n.indexOf('languageChanging') > -1 && i18nInstance.services.backendConnector.backend && i18nInstance.isLanguageChangingTo && !loadNotPending(i18nInstance.isLanguageChangingTo, ns)) return false;
     }
@@ -5310,7 +5323,7 @@ function useTranslation(ns) {
   });
 
   function getT() {
-    return i18n.getFixedT(null, i18nOptions.nsMode === 'fallback' ? namespaces : namespaces[0], keyPrefix);
+    return i18n.getFixedT(props.lng || null, i18nOptions.nsMode === 'fallback' ? namespaces : namespaces[0], keyPrefix);
   }
 
   var _useState = React.useState(getT),
@@ -5319,6 +5332,7 @@ function useTranslation(ns) {
       setT = _useState2[1];
 
   var joinedNS = namespaces.join();
+  if (props.lng) joinedNS = "".concat(props.lng).concat(joinedNS);
   var previousJoinedNS = usePrevious(joinedNS);
   var isMounted = React.useRef(true);
   React.useEffect(function () {
@@ -5327,9 +5341,15 @@ function useTranslation(ns) {
     isMounted.current = true;
 
     if (!ready && !useSuspense) {
-      loadNamespaces(i18n, namespaces, function () {
-        if (isMounted.current) setT(getT);
-      });
+      if (props.lng) {
+        loadLanguages(i18n, props.lng, namespaces, function () {
+          if (isMounted.current) setT(getT);
+        });
+      } else {
+        loadNamespaces(i18n, namespaces, function () {
+          if (isMounted.current) setT(getT);
+        });
+      }
     }
 
     if (ready && previousJoinedNS && previousJoinedNS !== joinedNS && isMounted.current) {
@@ -5367,9 +5387,15 @@ function useTranslation(ns) {
   if (ready) return ret;
   if (!ready && !useSuspense) return ret;
   throw new Promise(function (resolve) {
-    loadNamespaces(i18n, namespaces, function () {
-      resolve();
-    });
+    if (props.lng) {
+      loadLanguages(i18n, props.lng, namespaces, function () {
+        return resolve();
+      });
+    } else {
+      loadNamespaces(i18n, namespaces, function () {
+        return resolve();
+      });
+    }
   });
 }
 
@@ -7087,8 +7113,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";
@@ -7279,18 +7303,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__default["default"].createElement(neetoui.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__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(neetoui.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()
     }),
@@ -7299,7 +7323,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,
@@ -7309,18 +7333,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__default["default"].createElement(NeetoHeader__default["default"], {
     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__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
       content: t("tooltips.noPermissionToEditRoles"),
-      disabled: hasUpdateRolePermission,
+      disabled: isUpdatePermissionGranted,
       position: "bottom"
     }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
       "data-cy": "ntm-role-submission-button",
-      disabled: !hasUpdateRolePermission,
+      disabled: !isUpdatePermissionGranted,
       label: t("buttons.saveChanges"),
       type: "submit",
       onClick: handleSubmit
@@ -7331,7 +7355,7 @@ var Header$1 = function Header(_ref) {
       type: "reset",
       onClick: handleReset
     })) : /*#__PURE__*/React__default["default"].createElement(AddRoleButton, {
-      permissions: config === null || config === void 0 ? void 0 : config.permissions,
+      config: config,
       onClick: function onClick() {
         return setIsNewRolePaneOpen(true);
       }
@@ -7828,6 +7852,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 = ramda.map(ramda.prop("id"), permissions);
   var handleSubmit = function handleSubmit(role, checked) {
@@ -7847,14 +7872,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__default["default"].createElement("div", {
       className: "ntm-roles-table__cell",
       key: role.id
     }, /*#__PURE__*/React__default["default"].createElement(neetoui.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) && !ramda.identical(role.name, "Admin")
+      disabled: isUpdatePermissionGranted && !ramda.identical(role.name, "Admin")
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "ntm-roles-table-cell__checkbox-wrapper"
     }, /*#__PURE__*/React__default["default"].createElement(neetoui.Checkbox, {
@@ -7879,6 +7903,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 = React.useRef(null);
   var getOverflowStatus = React.useCallback(function () {
     if (scrollSyncElement.current) {
@@ -7896,7 +7922,6 @@ var TableHeader = function TableHeader(_ref) {
   }, /*#__PURE__*/React__default["default"].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 = ramda.identical("system", role.kind);
     var isAdminRole = ADMIN_ROLES.includes(role.name) && isSystemRole;
     return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -7921,13 +7946,13 @@ var TableHeader = function TableHeader(_ref) {
     }, /*#__PURE__*/React__default["default"].createElement(Menu$4, null, /*#__PURE__*/React__default["default"].createElement(neetoui.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__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].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,
@@ -7937,12 +7962,12 @@ var TableHeader = function TableHeader(_ref) {
     }, t("common.edit")))), !isSystemRole && /*#__PURE__*/React__default["default"].createElement(neetoui.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__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].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,
@@ -8173,7 +8198,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,
@@ -8183,6 +8207,7 @@ var Table = function Table(_ref) {
     setIsNewRolePaneOpen = _ref.setIsNewRolePaneOpen;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var isCreatePermissionGranted = config.permissions.create;
   var _useState = React.useState(""),
     _useState2 = _slicedToArray(_useState, 2),
     searchTerm = _useState2[0],
@@ -8207,7 +8232,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);
@@ -8229,7 +8253,7 @@ var Table = function Table(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.NoData, {
     primaryButtonProps: {
       "data-cy": "ntm-add-role-button",
-      disabled: isAddRoleDisabled,
+      disabled: !isCreatePermissionGranted,
       label: t("common.addNew_", {
         what: t("common.role", SINGULAR).toLocaleLowerCase()
       }),
@@ -8269,10 +8293,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 = React.useState(""),
     _useState2 = _slicedToArray(_useState, 2),
     searchString = _useState2[0],
@@ -8289,17 +8314,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 = React.useState(roles),
@@ -11133,10 +11158,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,
@@ -11154,12 +11175,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: neetoIcons.MenuHorizontal,
     strategy: "fixed"
   }, /*#__PURE__*/React__default["default"].createElement(Menu$3, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
@@ -11286,7 +11307,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) {
@@ -11958,17 +11979,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 ? pure.noop : _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__default["default"].createElement(React__default["default"].Fragment, null, isOtherActionBlockVisible && config.header.otherActionBlock(), isRolesButtonVisible ? /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends({
     "data-cy": "ntm-manage-roles-button",
@@ -11976,11 +11996,11 @@ var Header = function Header(_ref) {
     style: "secondary"
   }, rolesButtonProps)) : null, /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
     content: t("tooltips.noPermissionToAddMember"),
-    disabled: hasCreatePermission,
+    disabled: isCreatePermissionGranted,
     position: "bottom"
   }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     "data-cy": "ntm-add-member-button",
-    disabled: !hasCreatePermission,
+    disabled: !isCreatePermissionGranted,
     label: t("common.addNew_", {
       what: metaName(SINGULAR).toLocaleLowerCase()
     }),
@@ -12030,7 +12050,7 @@ var RolesDropdown = function RolesDropdown(_ref) {
     searchTerm = _useState4[0],
     setSearchTerm = _useState4[1];
   var filteredRoles = filterBySearchTerm(searchTerm, roles);
-  var isUpdationAllowed = hasUpdatePermission && !disabled;
+  var isUpdatingAllowed = hasUpdatePermission && !disabled;
   var handleSearch = function handleSearch(_ref2) {
     var value = _ref2.target.value;
     return setSearchTerm(value);
@@ -12050,17 +12070,17 @@ var RolesDropdown = function RolesDropdown(_ref) {
   };
   return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
     content: t("tooltips.activateUserToEdit", PLURAL),
-    disabled: isUpdationAllowed,
+    disabled: isUpdatingAllowed,
     position: "top"
   }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
     buttonStyle: "secondary",
     closeOnSelect: false,
     "data-cy": "ntm-members-roles-update-dropdown-button",
-    disabled: !isUpdationAllowed,
-    isOpen: isUpdationAllowed && isDropdownOpen,
+    disabled: !isUpdatingAllowed,
+    isOpen: isUpdatingAllowed && isDropdownOpen,
     position: "auto-end",
     customTarget: /*#__PURE__*/React__default["default"].createElement(MenuItem$1.Button, {
-      disabled: !isUpdationAllowed,
+      disabled: !isUpdatingAllowed,
       suffix: /*#__PURE__*/React__default["default"].createElement(neetoIcons.Right, {
         size: 16
       })
@@ -12099,7 +12119,7 @@ var RolesDropdown = function RolesDropdown(_ref) {
 var Menu$1 = neetoui.Dropdown.Menu,
   MenuItem = neetoui.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,
@@ -12108,6 +12128,7 @@ var Left = function Left(_ref) {
     setSelectedRows = _ref.setSelectedRows;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var isUpdatePermissionGranted = config.permissions.update;
   var _useState = React.useState(""),
     _useState2 = _slicedToArray(_useState, 2),
     alertType = _useState2[0],
@@ -12124,7 +12145,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;
   });
@@ -12161,10 +12181,6 @@ var Left = function Left(_ref) {
       }
     });
   };
-  var handleAlertClose = function handleAlertClose() {
-    selectedAlert.onSubmit();
-    setAlertType("");
-  };
   var alertTypes = [{
     message: "alerts.messages.deactivateMember",
     onSubmit: handleDeactivateMembers,
@@ -12188,6 +12204,10 @@ var Left = function Left(_ref) {
   var selectedAlert = pure.findBy({
     type: alertType
   }, alertTypes);
+  var handleAlertClose = function handleAlertClose() {
+    selectedAlert.onSubmit(bulkUpdateRole);
+    setAlertType("");
+  };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-flex neeto-ui-items-center neeto-ui-gap-4"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
@@ -12204,28 +12224,28 @@ var Left = function Left(_ref) {
     i18nKey: hasSelectedRows ? "helpers.selectedMembersCount" : "helpers.metaNameWithCount_"
   })), hasSelectedRows && /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
     content: t("tooltips.noPermissionToEditMembers"),
-    disabled: hasUpdatePermission,
+    disabled: isUpdatePermissionGranted,
     position: "top"
   }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
     buttonStyle: "secondary",
     "data-cy": "ntm-members-take-action-dropdown-button",
-    disabled: !hasUpdatePermission,
+    disabled: !isUpdatePermissionGranted,
     label: t("common.takeAction")
   }, /*#__PURE__*/React__default["default"].createElement(Menu$1, null, getDeactivatedButtonVisible(selectedRows, config) && /*#__PURE__*/React__default["default"].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__default["default"].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__default["default"].createElement(RolesDropdown, {
     disabled: hasDeactivateMembers,
-    hasUpdatePermission: hasUpdatePermission,
+    hasUpdatePermission: isUpdatePermissionGranted,
     roles: roles,
     setAlertType: setAlertType,
     setBulkUpdateRole: setBulkUpdateRole
@@ -12759,7 +12779,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,
@@ -12770,6 +12790,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 = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     hasSubmitted = _useState2[0],
@@ -12788,8 +12809,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 = ramda.isEmpty(roles) && isPermissionsGranted;
+  var haveToFetchRoles = ramda.isEmpty(roles) && isViewPermissionGranted;
   var isEditForm = !!selectedMember;
   var isLastPage = currentPage === FORM_PAGES.CONFIRMATION || isEditForm;
   var _useFetchRoles = useFetchRoles({
@@ -12806,7 +12826,7 @@ var ManageMember = function ManageMember(_ref) {
       select: function select(response) {
         return ramda.groupBy(ramda.prop("appName"), response !== null && response !== void 0 ? response : []);
       },
-      enabled: !selectedMember && isPermissionsGranted
+      enabled: !selectedMember && isViewPermissionGranted
     }),
     _useFetchGlobalRoles$ = _useFetchGlobalRoles.data,
     globalRoles = _useFetchGlobalRoles$ === void 0 ? {} : _useFetchGlobalRoles$,
@@ -12840,7 +12860,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));
@@ -12989,11 +13011,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 = reactRouterDom.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 = React.useState([]),
     _useState2 = _slicedToArray(_useState, 2),
@@ -13003,7 +13027,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);
   React.useEffect(function () {
     if (!localStorage.getItem("TEAM_MEMBERS_TABLE_HIDDEN_COLUMNS")) {
       localStorage.setItem("TEAM_MEMBERS_TABLE_HIDDEN_COLUMNS", JSON.stringify(["inviteStatus"]));
@@ -13021,7 +13044,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,
@@ -13031,7 +13054,7 @@ var TeamMembers = function TeamMembers(_ref) {
         var _response$organizatio;
         return ramda.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;
@@ -13116,7 +13139,6 @@ var TeamMembers = function TeamMembers(_ref) {
     actionBlock: /*#__PURE__*/React__default["default"].createElement(Header, {
       config: config,
       metaName: metaName,
-      permissions: config === null || config === void 0 ? void 0 : config.permissions,
       rolesButtonProps: config.rolesButtonProps,
       onClick: function onClick() {
         return setIsOpen(ramda.assoc("manageMember", true));
@@ -13173,7 +13195,7 @@ var TeamMembers = function TeamMembers(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.NoData, {
     primaryButtonProps: {
       "data-cy": "ntm-add-member-button",
-      disabled: !hasCreatePermission,
+      disabled: !isCreatePermissionGranted,
       label: t("common.addNew_", {
         what: metaName(SINGULAR).toLocaleLowerCase()
       }),