@bigbinary/neeto-team-members-frontend 2.8.14 → 2.8.15

package/dist/index.cjs.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
 var React = require('react');
 var i18next = require('i18next');
+var constants = require('@bigbinary/neeto-commons-frontend/constants');
 var pure = require('@bigbinary/neeto-commons-frontend/pure');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var Container = require('@bigbinary/neeto-molecules/Container');
@@ -1546,21 +1547,6 @@ dist.exports;
 
 var distExports = dist.exports;
 
-var SINGULAR = {
-  count: 1
-};
-var PLURAL = {
-  count: 2
-};
-var DEFAULT_PAGE_SIZE = 30;
-var ADMIN_ROLE_NAME = "Admin";
-var OWNER_ROLE_NAME = "Owner";
-var ADMIN_ROLES = [ADMIN_ROLE_NAME, OWNER_ROLE_NAME];
-var MANAGE_MEMBERS_PERMISSION = "members.manage_members";
-var MANAGE_ROLES_PERMISSION = "settings.manage_roles";
-var VIEW_MEMBERS_PERMISSION = "members.view_members";
-var VIEW_ROLES_PERMISSION = "settings.view_roles";
-
 var queryClient = new reactQuery.QueryClient({
   queryCache: new reactQuery.QueryCache()
 });
@@ -1786,13 +1772,13 @@ var renderSearchProps = function renderSearchProps(searchString, setSearchString
       var value = _ref.target.value;
       return setSearchString(value);
     },
-    placeholder: i18next.t("neetoTeamMembers.placeholders.searchRole", PLURAL),
+    placeholder: i18next.t("neetoTeamMembers.placeholders.searchRole", constants.PLURAL),
     value: searchString
   };
 };
 var renderBreadcrumbs = function renderBreadcrumbs(breadcrumbs) {
   return breadcrumbs !== null && breadcrumbs !== void 0 ? breadcrumbs : [{
-    text: i18next.t("neetoTeamMembers.metaNames.member", PLURAL),
+    text: i18next.t("neetoTeamMembers.metaNames.member", constants.PLURAL),
     link: "/members"
   }];
 };
@@ -1855,7 +1841,7 @@ var Header$3 = function Header(_ref) {
     }),
     title: /*#__PURE__*/React__default["default"].createElement("span", {
       className: "neeto-ui-flex neeto-ui-items-center neeto-ui-gap-6"
-    }, t("neetoTeamMembers.common.role", PLURAL), (config === null || config === void 0 ? void 0 : config.helpUrl) && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    }, t("neetoTeamMembers.common.role", constants.PLURAL), (config === null || config === void 0 ? void 0 : config.helpUrl) && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
       className: "neeto-ui-mt-1",
       "data-cy": "ntm-roles-permission-more-info-button",
       href: config === null || config === void 0 ? void 0 : config.helpUrl,
@@ -1867,6 +1853,15 @@ var Header$3 = function Header(_ref) {
   });
 };
 
+var DEFAULT_PAGE_SIZE = 30;
+var ADMIN_ROLE_NAME = "Admin";
+var OWNER_ROLE_NAME = "Owner";
+var ADMIN_ROLES = [ADMIN_ROLE_NAME, OWNER_ROLE_NAME];
+var MANAGE_MEMBERS_PERMISSION = "members.manage_members";
+var MANAGE_ROLES_PERMISSION = "settings.manage_roles";
+var VIEW_MEMBERS_PERMISSION = "members.view_members";
+var VIEW_ROLES_PERMISSION = "settings.view_roles";
+
 function _arrayWithoutHoles(arr) {
   if (Array.isArray(arr)) return _arrayLikeToArray$1(arr);
 }
@@ -2130,7 +2125,7 @@ var Permissions = function Permissions(_ref) {
     lineHeight: "normal",
     style: "h4",
     weight: "semibold"
-  }, t("neetoTeamMembers.common.permission", SINGULAR)), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }, t("neetoTeamMembers.common.permission", constants.SINGULAR)), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     className: "neeto-ui-text-gray-600",
     lineHeight: "normal",
     style: "body2"
@@ -2644,7 +2639,7 @@ var Sidebar = function Sidebar(_ref) {
     prefix: /*#__PURE__*/React__default["default"].createElement(neetoIcons.Search, null),
     type: "search",
     value: searchTerm,
-    placeholder: t("neetoTeamMembers.placeholders.searchPermission", PLURAL),
+    placeholder: t("neetoTeamMembers.placeholders.searchPermission", constants.PLURAL),
     onChange: function onChange(_ref2) {
       var value = _ref2.target.value;
       return setSearchTerm(value);
@@ -2732,7 +2727,7 @@ var Table = function Table(_ref) {
   }), ramda.isEmpty(filteredRoles) ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: "ntm-empty-state"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.NoData, {
-    title: t("neetoTeamMembers.labels.roleNotFound", PLURAL),
+    title: t("neetoTeamMembers.labels.roleNotFound", constants.PLURAL),
     primaryButtonProps: {
       "data-cy": "ntm-add-role-button",
       disabled: !isCreatePermissionGranted,
@@ -2751,9 +2746,9 @@ var Table = function Table(_ref) {
     setModifiedRoles: setModifiedRoles
   })), /*#__PURE__*/React__default["default"].createElement(ManageRoles, {
     config: config,
-    isOpen: isEditPaneOpen,
     permissions: permissions,
     selectedRole: selectedRole,
+    isOpen: isEditPaneOpen,
     onClose: function onClose() {
       setSelectedRole(undefined);
       setIsEditPaneOpen(false);
@@ -2845,14 +2840,14 @@ var Roles = function Roles(_ref) {
     setModifiedRoles: setModifiedRoles
   }))), /*#__PURE__*/React__default["default"].createElement(ManageRoles, {
     config: config,
-    isOpen: isNewRolePaneOpen,
     permissions: permissions,
+    isOpen: isNewRolePaneOpen,
     onClose: function onClose() {
       return setIsNewRolePaneOpen(false);
     }
   }));
 };
-var index$1 = reactUtils.withTitle(withReactQuery(Roles), i18next__default["default"].t("neetoTeamMembers.common.role", PLURAL));
+var index$1 = reactUtils.withTitle(withReactQuery(Roles), i18next__default["default"].t("neetoTeamMembers.common.role", constants.PLURAL));
 
 /* eslint complexity: [2, 18], max-statements: [2, 33] */
 var shams = function hasSymbols() {
@@ -5027,7 +5022,6 @@ var MEMBER_FILTER = {
 };
 var DEFAULT_MEMBER_FILTER = MEMBER_FILTER.ACTIVE.value;
 var DEFAULT_RADIX = 10;
-var DEFAULT_PAGE_NUMBER = 1;
 var DEFAULT_IS_OPEN_VALUES = {
   menuBar: false,
   manageMember: false,
@@ -5035,7 +5029,7 @@ var DEFAULT_IS_OPEN_VALUES = {
 };
 var URL_CATEGORY_FILTER_VALUE = (_URLSearchParams$get = new URLSearchParams(window.location.search).get("filter")) === null || _URLSearchParams$get === void 0 ? void 0 : _URLSearchParams$get.toUpperCase();
 var DEFAULT_FILTER_VALUES = {
-  page: ramda.clamp(1, Infinity, parseInt(URL_PARAMS.get("page"))) || DEFAULT_PAGE_NUMBER,
+  page: ramda.clamp(1, Infinity, parseInt(URL_PARAMS.get("page"))) || constants.DEFAULT_PAGE_INDEX,
   results: ramda.clamp(10, 100, parseInt(URL_PARAMS.get("results"))) || DEFAULT_PAGE_SIZE,
   category: URL_CATEGORY_FILTER_VALUE || DEFAULT_MEMBER_FILTER,
   search: "",
@@ -5622,7 +5616,7 @@ var renderDropdownButton = function renderDropdownButton(_ref2) {
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(Menu$3, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
-    content: i18next.t("neetoTeamMembers.tooltips.activateUserToEdit", SINGULAR),
+    content: i18next.t("neetoTeamMembers.tooltips.activateUserToEdit", constants.SINGULAR),
     disabled: tableData.active,
     position: "top"
   }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(MenuItem$2.Button, {
@@ -5647,15 +5641,15 @@ var getDefaultAlertTitle = function getDefaultAlertTitle(_ref3) {
   var member = _ref3.member,
     metaName = _ref3.metaName;
   return member !== null && member !== void 0 && member.active ? i18next.t("neetoTeamMembers.common.deactivate_", {
-    what: metaName(SINGULAR).toLocaleLowerCase()
+    what: metaName(constants.SINGULAR).toLocaleLowerCase()
   }) : i18next.t("neetoTeamMembers.common.activate_", {
-    what: metaName(SINGULAR).toLocaleLowerCase()
+    what: metaName(constants.SINGULAR).toLocaleLowerCase()
   });
 };
 var getDefaultAlertMessage = function getDefaultAlertMessage(_ref4) {
   var member = _ref4.member;
   return /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
-    values: _objectSpread$7(_objectSpread$7({}, SINGULAR), {}, {
+    values: _objectSpread$7(_objectSpread$7({}, constants.SINGULAR), {}, {
       person: member === null || member === void 0 ? void 0 : member.name
     }),
     i18nKey: member !== null && member !== void 0 && member.active ? "neetoTeamMembers.alerts.messages.deactivateMember" : "neetoTeamMembers.alerts.messages.activateMember"
@@ -5695,13 +5689,13 @@ var getDefaultColumns = function getDefaultColumns(_ref5) {
     key: "email",
     sorter: true,
     width: "350px",
-    title: i18next.t("neetoTeamMembers.common.email", SINGULAR)
+    title: i18next.t("neetoTeamMembers.common.email", constants.SINGULAR)
   }, {
     dataIndex: "role",
     key: "organization_role",
     sorter: true,
     width: "200px",
-    title: i18next.t("neetoTeamMembers.common.role", SINGULAR)
+    title: i18next.t("neetoTeamMembers.common.role", constants.SINGULAR)
   }, {
     dataIndex: "inviteStatus",
     key: "invite_status",
@@ -5758,7 +5752,7 @@ var getColumnData = function getColumnData(_ref7) {
 };
 var renderHeaderTitle = function renderHeaderTitle(filterStatus, metaName) {
   return i18next.t("neetoTeamMembers.common.".concat(ramda.toLower(filterStatus), "_"), {
-    what: metaName(PLURAL).toLocaleLowerCase()
+    what: metaName(constants.PLURAL).toLocaleLowerCase()
   });
 };
 var renderUpdateAlert = function renderUpdateAlert(field, props) {
@@ -5805,7 +5799,7 @@ var defaultNeetoFiltersColumns = function defaultNeetoFiltersColumns() {
   return [{
     key: "email",
     node: "email",
-    label: i18next.t("neetoTeamMembers.common.email", SINGULAR),
+    label: i18next.t("neetoTeamMembers.common.email", constants.SINGULAR),
     type: "multi_option",
     values: []
   }, {
@@ -5818,7 +5812,7 @@ var defaultNeetoFiltersColumns = function defaultNeetoFiltersColumns() {
     key: "role",
     node: "organization_role.name",
     model: "OrganizationRole",
-    label: i18next.t("neetoTeamMembers.common.role", SINGULAR),
+    label: i18next.t("neetoTeamMembers.common.role", constants.SINGULAR),
     type: "multi_option",
     values: []
   }];
@@ -5921,11 +5915,11 @@ var useFilters = function useFilters(_ref) {
         var value = _ref2.target.value;
         return setFilters(ramda.mergeLeft({
           search: value,
-          page: DEFAULT_PAGE_NUMBER
+          page: constants.DEFAULT_PAGE_INDEX
         }));
       },
       placeholder: t("neetoTeamMembers.common.search_", {
-        what: metaName(PLURAL).toLocaleLowerCase()
+        what: metaName(constants.PLURAL).toLocaleLowerCase()
       }),
       value: filters.search
     };
@@ -6384,7 +6378,7 @@ var useTeams = function useTeams(_ref) {
   var handleMemberFilterChange = function handleMemberFilterChange(filter) {
     setFilters(ramda.assoc("category", filter));
     clearSelectedMembers(filters.category, filter) && setSelectedRows(DEFAULT_SELECTED_ROWS);
-    handlePageChange(setFilters, filter)(DEFAULT_PAGE_NUMBER, filters.results);
+    handlePageChange(setFilters, filter)(constants.DEFAULT_PAGE_INDEX, filters.results);
   };
   var handleTableChange = function handleTableChange(_, __, sorter) {
     setFilters(ramda.mergeLeft({
@@ -6440,7 +6434,7 @@ function _extends() {
 }
 
 var FIXED_COLUMNS = ["name", "actions"];
-var MANAGE_ROLES_BUTTON_LABEL = i18next.t("neetoTeamMembers.labels.manageRole", PLURAL);
+var MANAGE_ROLES_BUTTON_LABEL = i18next.t("neetoTeamMembers.labels.manageRole", constants.PLURAL);
 
 var Header$2 = function Header(_ref) {
   var isCreatePermissionGranted = _ref.isCreatePermissionGranted,
@@ -6465,7 +6459,7 @@ var Header$2 = function Header(_ref) {
     "data-cy": "ntm-add-member-button",
     disabled: !isCreatePermissionGranted,
     label: t("neetoTeamMembers.common.addNew_", {
-      what: metaName(SINGULAR).toLocaleLowerCase()
+      what: metaName(constants.SINGULAR).toLocaleLowerCase()
     }),
     onClick: onClick
   }))));
@@ -6533,7 +6527,7 @@ var RolesDropdown = function RolesDropdown(_ref) {
     setIsDropdownOpen(!isDropdownOpen);
   };
   return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
-    content: t("neetoTeamMembers.tooltips.activateUserToEdit", PLURAL),
+    content: t("neetoTeamMembers.tooltips.activateUserToEdit", constants.PLURAL),
     disabled: isUpdatingAllowed,
     position: "top"
   }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
@@ -6561,7 +6555,7 @@ var RolesDropdown = function RolesDropdown(_ref) {
     prefix: /*#__PURE__*/React__default["default"].createElement(neetoIcons.Search, null),
     type: "search",
     value: searchTerm,
-    placeholder: t("neetoTeamMembers.placeholders.searchRole", PLURAL),
+    placeholder: t("neetoTeamMembers.placeholders.searchRole", constants.PLURAL),
     onChange: handleSearch
   })), pure.isNotEmpty(filteredRoles) ? filteredRoles.map(function (_ref3) {
     var id = _ref3.id,
@@ -7024,7 +7018,7 @@ var Confirmation = function Confirmation() {
     }
   }))), /*#__PURE__*/React__default["default"].createElement("table", {
     className: "neeto-ui-w-full ntm-product-roles-table"
-  }, /*#__PURE__*/React__default["default"].createElement("thead", null, /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("th", null, t("neetoTeamMembers.common.productName")), /*#__PURE__*/React__default["default"].createElement("th", null, t("neetoTeamMembers.common.role", SINGULAR)))), /*#__PURE__*/React__default["default"].createElement("tbody", null, activeAppRoles.map(function (_ref) {
+  }, /*#__PURE__*/React__default["default"].createElement("thead", null, /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("th", null, t("neetoTeamMembers.common.productName")), /*#__PURE__*/React__default["default"].createElement("th", null, t("neetoTeamMembers.common.role", constants.SINGULAR)))), /*#__PURE__*/React__default["default"].createElement("tbody", null, activeAppRoles.map(function (_ref) {
     var appName = _ref.appName,
       activeRole = _ref.activeRole;
     return /*#__PURE__*/React__default["default"].createElement("tr", {
@@ -7101,7 +7095,7 @@ var FILTER_INVALID_EMAILS = {
   label: i18next.t("neetoTeamMembers.validations.filterInvalidEmails")
 };
 var COUNTER_PROPS = {
-  label: i18next.t("neetoTeamMembers.common.email", PLURAL),
+  label: i18next.t("neetoTeamMembers.common.email", constants.PLURAL),
   startsFrom: 4
 };
 var MANAGE_MEMBERS_FORMIK_PROPS = {
@@ -7128,15 +7122,14 @@ var FORM_PAGES = {
 };
 var OWNER_CANT_CHANGE_USER_EMAIL_KB_ARTICLE_URL = "https://neetoauthhelp.neetokb.com/articles/owner-cant-change-other-users-email";
 
-var MultipleEmailInput = function MultipleEmailInput(_ref) {
+var MultipleEmailInput = reactUtils.withT(function (_ref) {
   var _head;
-  var _ref$emails = _ref.emails,
+  var t = _ref.t,
+    _ref$emails = _ref.emails,
     emails = _ref$emails === void 0 ? [] : _ref$emails,
     innerRef = _ref.innerRef,
     _ref$selectedMember = _ref.selectedMember,
     selectedMember = _ref$selectedMember === void 0 ? null : _ref$selectedMember;
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-w-full"
   }, selectedMember ? /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
@@ -7150,7 +7143,7 @@ var MultipleEmailInput = function MultipleEmailInput(_ref) {
     }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
       component: "span",
       style: "body2"
-    }, t("neetoTeamMembers.common.email", SINGULAR)), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    }, t("neetoTeamMembers.common.email", constants.SINGULAR)), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
       href: OWNER_CANT_CHANGE_USER_EMAIL_KB_ARTICLE_URL,
       label: t("neetoTeamMembers.helpers.whyIsItDisabled"),
       style: "link",
@@ -7162,12 +7155,12 @@ var MultipleEmailInput = function MultipleEmailInput(_ref) {
     "data-cy": "ntm-manage-member-email-input",
     filterInvalidEmails: FILTER_INVALID_EMAILS,
     helpText: t("neetoTeamMembers.helpers.enterMultipleEmails"),
-    label: t("neetoTeamMembers.common.email", PLURAL),
+    label: t("neetoTeamMembers.common.email", constants.PLURAL),
     name: "emails",
     placeholder: t("neetoTeamMembers.placeholders.email"),
     ref: innerRef
   }));
-};
+});
 
 var NameInputs = function NameInputs(_ref) {
   var innerRef = _ref.innerRef;
@@ -7257,7 +7250,7 @@ var RolesRadioGroup = function RolesRadioGroup(_ref) {
           return history.push(config.pathToRolesPage);
         }
       },
-      label: t("neetoTeamMembers.common.role", SINGULAR),
+      label: t("neetoTeamMembers.common.role", constants.SINGULAR),
       tooltipProps: {
         content: t("neetoTeamMembers.tooltips.clickToViewPermissions")
       }
@@ -7392,9 +7385,9 @@ var ManageMember = function ManageMember(_ref) {
   var getTitle = function getTitle() {
     var metaName = (config === null || config === void 0 ? void 0 : config.metaName) || "member";
     return selectedMember ? t("neetoTeamMembers.common.edit_", {
-      what: getMetaName(metaName)(SINGULAR).toLocaleLowerCase()
+      what: getMetaName(metaName)(constants.SINGULAR).toLocaleLowerCase()
     }) : t("neetoTeamMembers.common.addNew_", {
-      what: getMetaName(metaName)(SINGULAR).toLocaleLowerCase()
+      what: getMetaName(metaName)(constants.SINGULAR).toLocaleLowerCase()
     });
   };
   var renderFormPage = function renderFormPage(page, emails, role) {
@@ -7404,13 +7397,13 @@ var ManageMember = function ManageMember(_ref) {
           innerRef: inputReference
         }), /*#__PURE__*/React__default["default"].createElement(MultipleEmailInput, {
           emails: emails,
-          innerRef: inputReference,
-          selectedMember: selectedMember
+          selectedMember: selectedMember,
+          innerRef: inputReference
         }), /*#__PURE__*/React__default["default"].createElement(RolesRadioGroup, {
           config: config,
           globalRoles: globalRoles,
-          isEdit: !!selectedMember,
           role: role,
+          isEdit: !!selectedMember,
           roles: filteredRoles
         }));
       case FORM_PAGES.APP_LIST:
@@ -7495,7 +7488,7 @@ var Menu = function Menu(_ref) {
   return /*#__PURE__*/React__default["default"].createElement(MenuBar__default["default"], {
     "data-cy": "ntm-members-menubar-heading",
     showMenu: isMenuOpen,
-    title: metaName(PLURAL)
+    title: metaName(constants.PLURAL)
   }, memberFilterKeys.map(function (filter) {
     return /*#__PURE__*/React__default["default"].createElement(MenuBar__default["default"].Block, {
       count: getPerCategoryCount(filterCounts, filter),
@@ -7621,11 +7614,11 @@ var TeamMembers = function TeamMembers(_ref) {
   var handleNeetoFilterChange = function handleNeetoFilterChange(filters) {
     setFilters(ramda.mergeLeft({
       neetoFilters: filters,
-      page: DEFAULT_PAGE_NUMBER
+      page: constants.DEFAULT_PAGE_INDEX
     }));
     clearSelectedMembers(filters.category, filters) && setSelectedRows(DEFAULT_SELECTED_ROWS);
     addUrlSearchParams(history, {
-      page: DEFAULT_PAGE_NUMBER.toString()
+      page: constants.DEFAULT_PAGE_INDEX.toString()
     });
   };
   if (isRolesLoading || isMembersLoading) {
@@ -7640,23 +7633,23 @@ var TeamMembers = function TeamMembers(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(Menu, {
     filterCounts: team === null || team === void 0 ? void 0 : team.perCategoryCount,
     handleMemberFilterChange: handleMemberFilterChange,
+    metaName: metaName,
     isMenuOpen: isOpen.menuBar,
-    memberFilter: filters.category,
-    metaName: metaName
+    memberFilter: filters.category
   }), /*#__PURE__*/React__default["default"].createElement(Container__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Header$1, {
     config: config,
-    filterCategory: filters.category,
     metaName: metaName,
     searchProps: searchProps,
-    setIsOpen: setIsOpen
+    setIsOpen: setIsOpen,
+    filterCategory: filters.category
   }), /*#__PURE__*/React__default["default"].createElement(SubHeaderMolecule__default["default"], {
     leftActionBlock: /*#__PURE__*/React__default["default"].createElement(SubHeader.Left, {
-      config: config,
       filteredCount: team === null || team === void 0 ? void 0 : team.membersCount,
+      config: config,
       metaName: metaName,
-      roles: filteredRoles,
       selectedRows: selectedRows,
-      setSelectedRows: setSelectedRows
+      setSelectedRows: setSelectedRows,
+      roles: filteredRoles
     }),
     rightActionBlock: /*#__PURE__*/React__default["default"].createElement(SubHeader.Right, {
       columns: columns,
@@ -7694,22 +7687,22 @@ var TeamMembers = function TeamMembers(_ref) {
       "data-cy": "ntm-add-member-button",
       disabled: !isCreatePermissionGranted,
       label: t("neetoTeamMembers.common.addNew_", {
-        what: metaName(SINGULAR).toLocaleLowerCase()
+        what: metaName(constants.SINGULAR).toLocaleLowerCase()
       }),
       onClick: function onClick() {
         return setIsOpen(ramda.assoc("manageMember", true));
       }
     },
     title: t("neetoTeamMembers.common.notFound_", {
-      what: metaName(PLURAL).toLocaleLowerCase()
+      what: metaName(constants.PLURAL).toLocaleLowerCase()
     })
   })))), /*#__PURE__*/React__default["default"].createElement(ManageMember, {
     componentConfig: {
       isOpen: isOpen.manageMember
     },
     config: config,
-    roles: filteredRoles,
     selectedMember: selectedMember,
+    roles: filteredRoles,
     onComplete: handleModalClose
   }), /*#__PURE__*/React__default["default"].createElement(neetoui.Alert, {
     cancelButtonLabel: t("neetoTeamMembers.buttons.cancel"),
@@ -7732,7 +7725,7 @@ TeamMembers.defaultProps = {
     }
   }
 };
-var index = reactUtils.withTitle(withReactQuery(TeamMembers), i18next__default["default"].t("neetoTeamMembers.metaNames.member", PLURAL));
+var index = reactUtils.withTitle(withReactQuery(TeamMembers), i18next__default["default"].t("neetoTeamMembers.metaNames.member", constants.PLURAL));
 
 var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}