@bigbinary/neeto-team-members-frontend 4.4.1 → 4.4.3

package/dist/cjs/Roles.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var slicedToArray = require('../slicedToArray-8e69d42b.js');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var require$$0 = require('react');
 var i18next = require('i18next');
 var neetoCist = require('@bigbinary/neeto-cist');
@@ -9,14 +9,14 @@ var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var Container = require('@bigbinary/neeto-molecules/Container');
 var Spinner = require('@bigbinary/neetoui/Spinner');
 var ramda = require('ramda');
-var _commonjsHelpers = require('../_commonjsHelpers-b3309d7b.js');
-var withReactQuery = require('../withReactQuery-efba53ba.js');
-var defineProperty = require('../defineProperty-9b13c73c.js');
+var _commonjsHelpers = require('../_commonjsHelpers-BJu3ubxk.js');
+var withReactQuery = require('../withReactQuery-C7a_pGxf.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var reactQuery = require('@tanstack/react-query');
 var axios = require('axios');
-var constants = require('../constants-2685e5d6.js');
-var index$1 = require('../index-5f1a8667.js');
-var injectCss = require('../inject-css-80a5faa3.js');
+var constants = require('../constants-DK60kZoX.js');
+var index$1 = require('../index-DGXXNU_W.js');
+var injectCss = require('../inject-css-vQvjPR2x.js');
 var NeetoHeader = require('@bigbinary/neeto-molecules/Header');
 var Button = require('@bigbinary/neetoui/Button');
 var Tooltip = require('@bigbinary/neetoui/Tooltip');
@@ -30,55 +30,27 @@ var Form = require('@bigbinary/neetoui/formik/Form');
 var Input = require('@bigbinary/neetoui/formik/Input');
 var Textarea = require('@bigbinary/neetoui/formik/Textarea');
 var yup = require('yup');
-var Permissions = require('../Permissions-952ec2fa.js');
+var Permissions = require('../Permissions-B2pWJYB4.js');
 var NoData = require('@bigbinary/neetoui/NoData');
-var toConsumableArray = require('../toConsumableArray-e41a15ba.js');
 var classnames = require('classnames');
 var Checkbox = require('@bigbinary/neetoui/Checkbox');
+require('@babel/runtime/helpers/toConsumableArray');
+var _typeof = require('@babel/runtime/helpers/typeof');
 var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
 var Alert = require('@bigbinary/neetoui/Alert');
 var Search = require('@bigbinary/neeto-icons/Search');
 var Input$1 = require('@bigbinary/neetoui/Input');
 var Down = require('@bigbinary/neeto-icons/Down');
 var Up = require('@bigbinary/neeto-icons/Up');
-require('../unsupportedIterableToArray-fa2816fd.js');
-require('../queryClient-febad37e.js');
-require('../objectWithoutProperties-2fed2d7d.js');
+require('../queryClient-4vAFE3bx.js');
+require('@babel/runtime/helpers/objectWithoutProperties');
 require('formik');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var require$$0__default = /*#__PURE__*/_interopDefaultLegacy(require$$0);
-var i18next__default = /*#__PURE__*/_interopDefaultLegacy(i18next);
-var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
-var Spinner__default = /*#__PURE__*/_interopDefaultLegacy(Spinner);
-var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
-var NeetoHeader__default = /*#__PURE__*/_interopDefaultLegacy(NeetoHeader);
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
-var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
-var Pane__default = /*#__PURE__*/_interopDefaultLegacy(Pane);
-var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
-var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
-var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form);
-var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
-var Textarea__default = /*#__PURE__*/_interopDefaultLegacy(Textarea);
-var NoData__default = /*#__PURE__*/_interopDefaultLegacy(NoData);
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
-var Checkbox__default = /*#__PURE__*/_interopDefaultLegacy(Checkbox);
-var MoreDropdown__default = /*#__PURE__*/_interopDefaultLegacy(MoreDropdown);
-var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
-var Search__default = /*#__PURE__*/_interopDefaultLegacy(Search);
-var Input__default$1 = /*#__PURE__*/_interopDefaultLegacy(Input$1);
-var Down__default = /*#__PURE__*/_interopDefaultLegacy(Down);
-var Up__default = /*#__PURE__*/_interopDefaultLegacy(Up);
-
 var dist = {exports: {}};
 
-dist.exports;
-
 (function (module, exports) {
 	(function webpackUniversalModuleDefinition(root, factory) {
-		module.exports = factory(require$$0__default["default"]);
+		module.exports = factory(require$$0);
 	})(_commonjsHelpers.commonjsGlobal, function(__WEBPACK_EXTERNAL_MODULE_4__) {
 	return /******/ (function(modules) { // webpackBootstrap
 	/******/ 	// The module cache
@@ -1446,19 +1418,19 @@ dist.exports;
 	/******/ ]);
 	});
 	
-} (dist, dist.exports));
+} (dist));
 
 var distExports = dist.exports;
 
 var fetch = function fetch() {
-  return axios__default["default"].get("".concat(constants.BASE_URL, "/permissions"));
+  return axios.get("".concat(constants.BASE_URL, "/permissions"));
 };
 var permissionsApi = {
   fetch: fetch
 };
 
 function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { defineProperty._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useFetchPermissions = function useFetchPermissions() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return reactQuery.useQuery(_objectSpread$1({
@@ -1492,12 +1464,12 @@ var AddRoleButton = function AddRoleButton(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var isCreatePermissionGranted = config.permissions.create;
-  return /*#__PURE__*/jsxRuntime.jsx(Tooltip__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsx(Tooltip, {
     content: t("neetoTeamMembers.tooltips.noPermissionToAddRole"),
     disabled: isCreatePermissionGranted,
     position: "bottom",
     children: /*#__PURE__*/jsxRuntime.jsx("span", {
-      children: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+      children: /*#__PURE__*/jsxRuntime.jsx(Button, {
         "data-cy": "ntm-add-role-button",
         disabled: !isCreatePermissionGranted,
         label: t("neetoTeamMembers.labels.addNewRole"),
@@ -1519,19 +1491,19 @@ var Header = function Header(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var isUpdatePermissionGranted = config.permissions.update;
-  return /*#__PURE__*/jsxRuntime.jsx(NeetoHeader__default["default"], {
-    breadcrumbs: renderBreadcrumbs(config === null || config === void 0 || (_config$header = config.header) === null || _config$header === void 0 ? void 0 : _config$header.breadcrumbs),
+  return /*#__PURE__*/jsxRuntime.jsx(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: neetoCist.isNotEmpty(roles) ? renderSearchProps() : null,
     title: t("neetoTeamMembers.common.role", constants$1.PLURAL),
-    titleHelpPopoverProps: (_config$header$titleH = config === null || config === void 0 || (_config$header2 = config.header) === null || _config$header2 === void 0 ? void 0 : _config$header2.titleHelpPopoverProps) !== null && _config$header$titleH !== void 0 ? _config$header$titleH : {},
+    titleHelpPopoverProps: (_config$header$titleH = config === null || config === void 0 ? void 0 : (_config$header2 = config.header) === null || _config$header2 === void 0 ? void 0 : _config$header2.titleHelpPopoverProps) !== null && _config$header$titleH !== void 0 ? _config$header$titleH : {},
     actionBlock: isDirty ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(Tooltip__default["default"], {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Tooltip, {
         content: t("neetoTeamMembers.tooltips.noPermissionToEditRoles"),
         disabled: isUpdatePermissionGranted,
         position: "bottom",
         children: /*#__PURE__*/jsxRuntime.jsx("span", {
-          children: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+          children: /*#__PURE__*/jsxRuntime.jsx(Button, {
             "data-cy": "ntm-role-submission-button",
             disabled: !isUpdatePermissionGranted,
             label: t("neetoTeamMembers.buttons.saveChanges"),
@@ -1539,7 +1511,7 @@ var Header = function Header(_ref) {
             onClick: handleSubmit
           })
         })
-      }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+      }), /*#__PURE__*/jsxRuntime.jsx(Button, {
         "data-cy": "ntm-role-reset-button",
         label: t("neetoTeamMembers.buttons.reset"),
         style: "text",
@@ -1581,7 +1553,7 @@ var ROLE_FORMIK_PROPS = {
 };
 
 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._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; }
+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 ManageRoles = function ManageRoles(_ref) {
   var config = _ref.config,
     _ref$isOpen = _ref.isOpen,
@@ -1626,17 +1598,17 @@ var ManageRoles = function ManageRoles(_ref) {
   });
   var isReadOnly = selectedRole.kind === "system";
   var isDisabled = constants.ADMIN_ROLES.includes(selectedRole.name) && isReadOnly;
-  return /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsxs(Pane, {
     isOpen: isOpen,
     onClose: onClose,
     initialFocusRef: inputReference,
-    children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Header, {
-      children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Header, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
         "data-cy": "ntm-add-role-title",
         style: "h2",
         children: isEdit ? t("neetoTeamMembers.labels.editRole") : t("neetoTeamMembers.labels.addNewRole")
       })
-    }), /*#__PURE__*/jsxRuntime.jsx(Form__default["default"], {
+    }), /*#__PURE__*/jsxRuntime.jsx(Form, {
       formikProps: formikProps,
       ref: formReference,
       children: function children(_ref2) {
@@ -1645,12 +1617,12 @@ var ManageRoles = function ManageRoles(_ref) {
         return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
           children: [/*#__PURE__*/jsxRuntime.jsx(index$1.ScrollToErrorField, {
             formRef: formReference
-          }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Body, {
+          }), /*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
             children: /*#__PURE__*/jsxRuntime.jsxs("div", {
               className: "ntm-roles-pane__body",
               children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
                 className: "ntm-roles-pane__body-wrapper",
-                children: [/*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
+                children: [/*#__PURE__*/jsxRuntime.jsx(Input, {
                   required: true,
                   unlimitedChars: true,
                   "data-cy": "ntm-add-role-name-text-field",
@@ -1660,7 +1632,7 @@ var ManageRoles = function ManageRoles(_ref) {
                   placeholder: t("neetoTeamMembers.placeholders.enterName"),
                   readOnly: isReadOnly,
                   ref: inputReference
-                }), /*#__PURE__*/jsxRuntime.jsx(Textarea__default["default"], {
+                }), /*#__PURE__*/jsxRuntime.jsx(Textarea, {
                   unlimitedChars: true,
                   "data-cy": "ntm-add-role-description-text-field",
                   label: t("neetoTeamMembers.common.description"),
@@ -1675,8 +1647,8 @@ var ManageRoles = function ManageRoles(_ref) {
                 permissionRelationConfig: (_config$permissionRel = config === null || config === void 0 ? void 0 : config.permissionRelation) !== null && _config$permissionRel !== void 0 ? _config$permissionRel : {}
               })]
             })
-          }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Footer, {
-            children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
+          }), /*#__PURE__*/jsxRuntime.jsx(Pane.Footer, {
+            children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {
               isSubmitting: isSubmitting,
               className: "ntm-roles-pane__footer",
               cancelButtonProps: {
@@ -1705,15 +1677,15 @@ var MENU_ITEMS = {
   DELETE: "delete"
 };
 
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-var deepClone = function deepClone(object) {
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+var _deepClone = function deepClone(object) {
   if (!object || true === object) {
     //this also handles boolean as true and false
     return object;
   }
-  var objectType = defineProperty._typeof(object);
+  var objectType = _typeof(object);
   if ("number" === objectType || "string" === objectType) {
     // add your immutables here
     return object;
@@ -1732,7 +1704,7 @@ var deepClone = function deepClone(object) {
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var key = _step.value;
-        result.set(key, deepClone(object.get(key)));
+        result.set(key, _deepClone(object.get(key)));
       }
     } catch (err) {
       _iterator.e(err);
@@ -1742,16 +1714,15 @@ var deepClone = function deepClone(object) {
   }
   Object.keys(object).forEach(function (key) {
     if (Object.prototype.hasOwnProperty.call(object, key)) {
-      result[key] = deepClone(object[key]);
+      result[key] = _deepClone(object[key]);
     }
   });
   return result;
 };
 var renderRolesTooltipContent = function renderRolesTooltipContent(roleName) {
-  return Object.is(roleName, "Admin") ? i18next.t("neetoTeamMembers.tooltips.adminMustHaveAccess") : i18next.t("neetoTeamMembers.tooltips.noPermissionToEditRoles");
-};
-var removeDuplicates = function removeDuplicates(array) {
-  return toConsumableArray._toConsumableArray(new Set(array));
+  return Object.is(roleName, "Admin") || Object.is(roleName, "Owner") ? i18next.t("neetoTeamMembers.tooltips.adminMustHaveAccess", {
+    roleName: roleName
+  }) : i18next.t("neetoTeamMembers.tooltips.noPermissionToEditRoles");
 };
 var updatePermissionVisibility = function updatePermissionVisibility(categoryName, permissions) {
   var category = permissions.get(categoryName);
@@ -1760,12 +1731,12 @@ var updatePermissionVisibility = function updatePermissionVisibility(categoryNam
   return new Map(permissions.set(categoryName, category));
 };
 var filterPermissionsBySearch = function filterPermissionsBySearch(searchTerm, permissionGroups) {
-  var newValue = deepClone(permissionGroups);
+  var newValue = _deepClone(permissionGroups);
   newValue.forEach(function (value) {
     var permissions = value.get("permissions");
     var filteredPermissions = permissions.filter(function (permission) {
-      var _permission$descripti;
-      return permission === null || permission === void 0 || (_permission$descripti = permission.description) === null || _permission$descripti === void 0 || (_permission$descripti = _permission$descripti.toLowerCase()) === null || _permission$descripti === void 0 || (_permission$descripti = _permission$descripti.trim()) === null || _permission$descripti === void 0 ? void 0 : _permission$descripti.includes(searchTerm.toLowerCase().trim());
+      var _permission$descripti, _permission$descripti2, _permission$descripti3;
+      return permission === null || permission === void 0 ? void 0 : (_permission$descripti = permission.description) === null || _permission$descripti === void 0 ? void 0 : (_permission$descripti2 = _permission$descripti.toLowerCase()) === null || _permission$descripti2 === void 0 ? void 0 : (_permission$descripti3 = _permission$descripti2.trim()) === null || _permission$descripti3 === void 0 ? void 0 : _permission$descripti3.includes(searchTerm.toLowerCase().trim());
     });
     value.set("permissions", filteredPermissions);
   });
@@ -1833,24 +1804,22 @@ var Row = function Row(_ref) {
     _ref$permission = _ref.permission,
     permission = _ref$permission === void 0 ? null : _ref$permission,
     roles = _ref.roles,
-    setModifiedRoles = _ref.setModifiedRoles;
+    _ref$setManageRole = _ref.setManageRole,
+    setManageRole = _ref$setManageRole === void 0 ? neetoCist.noop : _ref$setManageRole;
   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) {
-    var permissionIds = neetoCist.isNotEmpty(allPermissionIdsOfCategory) ? allPermissionIdsOfCategory : [permission === null || permission === void 0 ? void 0 : permission.id];
-    var modifiedRole = ramda.modify("permissionIds", function () {
-      return checked ? removeDuplicates([].concat(toConsumableArray._toConsumableArray(role.permissionIds), toConsumableArray._toConsumableArray(permissionIds))) : role.permissionIds.filter(function (id) {
-        return !permissionIds.includes(id);
-      });
-    }, role);
-    setModifiedRoles(neetoCist.replaceById(role.id, modifiedRole));
+  var handleSubmit = function handleSubmit(role) {
+    setManageRole({
+      isEdit: true,
+      selectedRole: role
+    });
   };
   var isCheckboxChecked = function isCheckboxChecked(role) {
     return !allPermissionsOfCategory ? ramda.includes(permission === null || permission === void 0 ? void 0 : permission.id, role.permissionIds) : allPermissionIdsOfCategory.every(ramda.includes(ramda.__, role.permissionIds));
   };
   return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: classnames__default["default"]("ntm-roles-table__row", {
+    className: classnames("ntm-roles-table__row", {
       "ntm-roles-table__row--highlighted": !!allPermissionsOfCategory
     }),
     children: roles.map(function (role) {
@@ -1859,20 +1828,19 @@ var Row = function Row(_ref) {
         style: {
           height: getRowClientHeight(permission)
         },
-        children: /*#__PURE__*/jsxRuntime.jsx(Tooltip__default["default"], {
+        children: /*#__PURE__*/jsxRuntime.jsx(Tooltip, {
           content: renderRolesTooltipContent(role.name),
           position: "top",
-          disabled: isUpdatePermissionGranted && !ramda.identical(role.name, "Admin"),
+          disabled: isUpdatePermissionGranted && !ramda.identical(role.name, "Admin") && !ramda.identical(role.name, "Owner"),
           children: /*#__PURE__*/jsxRuntime.jsx("div", {
             className: "ntm-roles-table-cell__checkbox-wrapper",
-            children: /*#__PURE__*/jsxRuntime.jsx(Checkbox__default["default"], {
-              disabled: true,
+            children: /*#__PURE__*/jsxRuntime.jsx(Checkbox, {
               checked: isCheckboxChecked(role),
               className: "ntm-roles-table-cell__checkbox",
               "data-cy": "ntm-roles-table-permission-checkbox",
-              onChange: function onChange(_ref2) {
-                var checked = _ref2.target.checked;
-                return handleSubmit(role, checked);
+              disabled: ramda.identical(role.name, "Admin") || ramda.identical(role.name, "Owner"),
+              onChange: function onChange() {
+                return handleSubmit(role);
               }
             })
           })
@@ -1940,14 +1908,14 @@ var TableHeader = function TableHeader(_ref) {
           children: /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "ntm-roles-table-header-cell__container",
             "data-cy": "ntm-roles-table-role-header",
-            children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+            children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
               className: "ntm-roles-table-header__role-name",
               "data-cy": "ntm-roles-table-header-role-title",
               lineHeight: "normal",
               style: "h4",
               weight: "semibold",
               children: role.name
-            }), !isAdminRole && /*#__PURE__*/jsxRuntime.jsx(MoreDropdown__default["default"], {
+            }), !isAdminRole && /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
               dropdownProps: {
                 autoWidth: true
               },
@@ -1996,7 +1964,7 @@ var Delete = function Delete(_ref) {
       payload: payload
     });
   };
-  return /*#__PURE__*/jsxRuntime.jsx(Alert__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsx(Alert, {
     isOpen: isOpen,
     onClose: onClose,
     cancelButtonLabel: t("neetoTeamMembers.buttons.cancel"),
@@ -2019,10 +1987,9 @@ var Columns = function Columns(_ref) {
     filteredRoles = _ref.filteredRoles,
     permissions = _ref.permissions,
     roles = _ref.roles,
-    setModifiedRoles = _ref.setModifiedRoles,
     setIsScrollPresent = _ref.setIsScrollPresent;
   var _useState = require$$0.useState(DEFAULT_MANAGE_ROLE_VALUES),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     manageRole = _useState2[0],
     setManageRole = _useState2[1];
   var categories = Array.from(filteredGroupPermissions === null || filteredGroupPermissions === void 0 ? void 0 : filteredGroupPermissions.keys());
@@ -2033,9 +2000,9 @@ var Columns = function Columns(_ref) {
     className: "ntm-roles-table__columns",
     children: [/*#__PURE__*/jsxRuntime.jsx(TableHeader$1, {
       config: config,
-      roles: filteredRoles,
       setIsScrollPresent: setIsScrollPresent,
-      setManageRole: setManageRole
+      setManageRole: setManageRole,
+      roles: filteredRoles
     }), /*#__PURE__*/jsxRuntime.jsx(distExports.ScrollSyncPane, {
       group: ["horizontal", "vertical"],
       children: /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -2046,44 +2013,45 @@ var Columns = function Columns(_ref) {
           var permissions = groupedPermissions.get("permissions");
           return /*#__PURE__*/jsxRuntime.jsxs("div", {
             children: [/*#__PURE__*/jsxRuntime.jsx(Row, {
-              allPermissionsOfCategory: groupedPermissions,
               config: config,
-              roles: filteredRoles,
-              setModifiedRoles: setModifiedRoles
+              setManageRole: setManageRole,
+              allPermissionsOfCategory: groupedPermissions,
+              roles: filteredRoles
             }), isPermissionVisible && permissions.map(function (permission) {
-              return /*#__PURE__*/jsxRuntime.jsx(Row, {
+              return /*#__PURE__*/require$$0.createElement(Row, {
                 config: config,
                 permission: permission,
-                roles: filteredRoles,
-                setModifiedRoles: setModifiedRoles
-              }, permission.id);
+                setManageRole: setManageRole,
+                key: permission.id,
+                roles: filteredRoles
+              });
             })]
           }, index);
         })
       })
     }), /*#__PURE__*/jsxRuntime.jsx(ManageRoles, {
       config: config,
-      isOpen: manageRole.isEdit,
+      onClose: onClose,
       permissions: permissions,
-      selectedRole: manageRole.selectedRole,
-      onClose: onClose
+      isOpen: manageRole.isEdit,
+      selectedRole: manageRole.selectedRole
     }), /*#__PURE__*/jsxRuntime.jsx(Delete, {
-      isOpen: manageRole.isDelete,
+      onClose: onClose,
       roles: roles,
-      selectedRole: manageRole.selectedRole,
-      onClose: onClose
+      isOpen: manageRole.isDelete,
+      selectedRole: manageRole.selectedRole
     })]
   });
 };
 
 var ToggleDropdown = function ToggleDropdown(_ref) {
   var isVisible = _ref.isVisible;
-  return isVisible ? /*#__PURE__*/jsxRuntime.jsx(Up__default["default"], {
+  return isVisible ? /*#__PURE__*/jsxRuntime.jsx(Up, {
     className: "ntm-roles-table-sidebar__drop-down-button",
     "data-cy": "ntm-permission-category-hide-button",
     size: 16,
     strokeWidth: 2
-  }) : /*#__PURE__*/jsxRuntime.jsx(Down__default["default"], {
+  }) : /*#__PURE__*/jsxRuntime.jsx(Down, {
     className: "ntm-roles-table-sidebar__drop-down-button",
     "data-cy": "ntm-permission-category-show-button",
     size: 16,
@@ -2091,7 +2059,7 @@ var ToggleDropdown = function ToggleDropdown(_ref) {
   });
 };
 
-var renderDescription = function renderDescription(permissions, filteredPermissions) {
+var _renderDescription = function renderDescription(permissions, filteredPermissions) {
   return permissions === null || permissions === void 0 ? void 0 : permissions.map(function (_ref) {
     var id = _ref.id,
       description = _ref.description,
@@ -2100,7 +2068,7 @@ var renderDescription = function renderDescription(permissions, filteredPermissi
       children: [filteredPermissions.includes(id) && /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "ntm-roles-table-sidebar__list-item",
         "data-name": description,
-        children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
           "data-cy": "ntm-permission-category-description",
           lineHeight: "normal",
           style: "body2",
@@ -2108,7 +2076,7 @@ var renderDescription = function renderDescription(permissions, filteredPermissi
         })
       }, id), /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "neeto-ui-relative neeto-ui-pl-6 ntm-roles-table-sidebar__sub-blocks",
-        children: renderDescription(children, filteredPermissions)
+        children: _renderDescription(children, filteredPermissions)
       })]
     }, id);
   });
@@ -2149,9 +2117,9 @@ var Sidebar = function Sidebar(_ref) {
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       className: "ntm-roles-table-sidebar__search",
       style: searchWrapperStyle,
-      children: /*#__PURE__*/jsxRuntime.jsx(Input__default$1["default"], {
+      children: /*#__PURE__*/jsxRuntime.jsx(Input$1, {
         "data-cy": "ntm-search-permissions-input",
-        prefix: /*#__PURE__*/jsxRuntime.jsx(Search__default["default"], {}),
+        prefix: /*#__PURE__*/jsxRuntime.jsx(Search, {}),
         type: "search",
         value: searchTerm,
         placeholder: t("neetoTeamMembers.placeholders.searchPermission", constants$1.PLURAL),
@@ -2174,7 +2142,7 @@ var Sidebar = function Sidebar(_ref) {
               onClick: function onClick() {
                 return toggleDropdown(category);
               },
-              children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+              children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
                 "data-cy": "ntm-permission-category-title",
                 lineHeight: "normal",
                 style: "h4",
@@ -2185,7 +2153,7 @@ var Sidebar = function Sidebar(_ref) {
               })]
             }), isPermissionVisible && /*#__PURE__*/jsxRuntime.jsx("div", {
               className: "ntm-roles-table-sidebar__list-item-spacing-handler ml-[12px] px-[24px]",
-              children: renderDescription(groupedPermissionsWithChildren[category], ramda.pluck("id", filteredGroupPermissions.get(category).get("permissions") || []))
+              children: _renderDescription(groupedPermissionsWithChildren[category], ramda.pluck("id", filteredGroupPermissions.get(category).get("permissions") || []))
             })]
           }, index);
         })
@@ -2207,27 +2175,27 @@ var Table = function Table(_ref) {
     t = _useTranslation.t;
   var isCreatePermissionGranted = config.permissions.create;
   var _useState = require$$0.useState(""),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     searchTerm = _useState2[0],
     setSearchTerm = _useState2[1];
   var _useState3 = require$$0.useState(permissionGroups),
-    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     filteredGroupPermissions = _useState4[0],
     setFilteredGroupPermissions = _useState4[1];
   var _useState5 = require$$0.useState(false),
-    _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+    _useState6 = _slicedToArray(_useState5, 2),
     isScrollPresent = _useState6[0],
     setIsScrollPresent = _useState6[1];
   var _useState7 = require$$0.useState(undefined),
-    _useState8 = slicedToArray._slicedToArray(_useState7, 2),
+    _useState8 = _slicedToArray(_useState7, 2),
     selectedRole = _useState8[0],
     setSelectedRole = _useState8[1];
   var _useState9 = require$$0.useState(false),
-    _useState10 = slicedToArray._slicedToArray(_useState9, 2),
+    _useState10 = _slicedToArray(_useState9, 2),
     isDeleteAlertOpen = _useState10[0],
     setIsDeleteAlertOpen = _useState10[1];
   var _useState11 = require$$0.useState(false),
-    _useState12 = slicedToArray._slicedToArray(_useState11, 2),
+    _useState12 = _slicedToArray(_useState11, 2),
     isEditPaneOpen = _useState12[0],
     setIsEditPaneOpen = _useState12[1];
   var toggleDropdown = function toggleDropdown(category) {
@@ -2245,7 +2213,7 @@ var Table = function Table(_ref) {
         className: "ntm-roles-table__container",
         children: ramda.isEmpty(filteredRoles) ? /*#__PURE__*/jsxRuntime.jsx("div", {
           className: "ntm-empty-state",
-          children: /*#__PURE__*/jsxRuntime.jsx(NoData__default["default"], {
+          children: /*#__PURE__*/jsxRuntime.jsx(NoData, {
             title: t("neetoTeamMembers.labels.roleNotFound", constants$1.PLURAL),
             primaryButtonProps: {
               "data-cy": "ntm-add-role-button",
@@ -2302,11 +2270,11 @@ var Roles = function Roles(_ref) {
   var isViewPermissionGranted = config.permissions.view;
   var isUpdatePermissionGranted = config.permissions.update;
   var _useState = require$$0.useState([]),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     modifiedRoles = _useState2[0],
     setModifiedRoles = _useState2[1];
   var _useState3 = require$$0.useState(false),
-    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     isNewRolePaneOpen = _useState4[0],
     setIsNewRolePaneOpen = _useState4[1];
   var _useFetchRoles = index$1.useFetchRoles({
@@ -2352,12 +2320,12 @@ var Roles = function Roles(_ref) {
   if (isRolesLoading || isPermissionsLoading) {
     return /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex h-full w-full items-center justify-center",
-      children: /*#__PURE__*/jsxRuntime.jsx(Spinner__default["default"], {})
+      children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {})
     });
   }
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx(distExports.ScrollSync, {
-      children: /*#__PURE__*/jsxRuntime.jsxs(Container__default["default"], {
+      children: /*#__PURE__*/jsxRuntime.jsxs(Container, {
         isHeaderFixed: true,
         children: [/*#__PURE__*/jsxRuntime.jsx(Header, {
           config: config,
@@ -2385,7 +2353,7 @@ var Roles = function Roles(_ref) {
     })]
   });
 };
-var index = reactUtils.withTitle(withReactQuery.withReactQuery(Roles), i18next__default["default"].t("neetoTeamMembers.common.role", constants$1.PLURAL));
+var index = reactUtils.withTitle(withReactQuery.withReactQuery(Roles), i18next.t("neetoTeamMembers.common.role", constants$1.PLURAL));
 
 module.exports = index;
 //# sourceMappingURL=Roles.js.map