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

package/app/javascript/src/translations/en.json

@@ -130,7 +130,7 @@
     "tooltips": {
       "activateUserToEdit_one": "Please activate the user to edit their role.",
       "activateUserToEdit_other": "Please activate the selected users to edit their role.",
-      "adminMustHaveAccess": "Admin permissions cannot be changed by anyone.",
+      "adminMustHaveAccess": "{{roleName}} permissions cannot be changed by anyone.",
       "clickToViewPermissions": "Click to view the roles and their permissions.",
       "noPermissionToAddMember": "Please ask the admin to permit you to add members.",
       "noPermissionToAddRole": "Please ask the admin to permit you to add roles.",

package/dist/MembersDropdown.js

@@ -6,7 +6,7 @@ import Dropdown from '@bigbinary/neetoui/Dropdown';
 import Spinner from '@bigbinary/neetoui/Spinner';
 import { includes, toLower, map, append, pluck, any, not, isEmpty } from 'ramda';
 import { useTranslation } from 'react-i18next';
-import { A as AssignList } from './index-98835f14.js';
+import { A as AssignList } from './index-dc7f5532.js';
 import Down from '@bigbinary/neeto-icons/Down';
 import Avatar from '@bigbinary/neetoui/Avatar';
 import Tooltip from '@bigbinary/neetoui/Tooltip';
@@ -183,7 +183,8 @@ var MembersDropdown = function MembersDropdown(_ref) {
           children: [options.map(function (_ref3, index) {
             var label = _ref3.label,
               value = _ref3.value,
-              type = _ref3.type;
+              type = _ref3.type,
+              profileImagePath = _ref3.profileImagePath;
             return /*#__PURE__*/jsxs(Fragment, {
               children: [type === SEARCH_TYPES.TEAM && /*#__PURE__*/jsx(AssignList.TeamsListItem, {
                 active: (config === null || config === void 0 ? void 0 : config.selectedTeam.id) === value,
@@ -196,6 +197,7 @@ var MembersDropdown = function MembersDropdown(_ref) {
                 }
               }), type === SEARCH_TYPES.MEMBER && /*#__PURE__*/jsx(AssignList.MembersListItem, {
                 active: (config === null || config === void 0 ? void 0 : config.selectedMember.value) === value,
+                imageUrl: profileImagePath,
                 memberName: label,
                 onClick: function onClick() {
                   return handleClick(value);

package/dist/MembersDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"MembersDropdown.js","sources":["../app/javascript/src/components/MembersDropdown/AssignDropdownTarget.jsx","../app/javascript/src/components/MembersDropdown/constants.js","../app/javascript/src/components/MembersDropdown/utils.js","../app/javascript/src/components/MembersDropdown/index.jsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport { Down } from \"neetoicons\";\nimport { Avatar, Tooltip, Typography } from \"neetoui\";\n\nconst AssignDropdownTarget = ({ selectedMember = {} }) => {\n  const { label = \"--\", profileImagePath = \"\" } = selectedMember;\n\n  return (\n    <div className=\"flex h-10 w-60 cursor-pointer select-none items-center gap-2\">\n      {label !== \"--\" && (\n        <Avatar\n          className=\"flex-shrink-0\"\n          user={{ name: label, imageUrl: profileImagePath }}\n        />\n      )}\n      <Tooltip content={label} position=\"top\">\n        <Typography className=\"truncate xl:block\" style=\"h5\" weight=\"normal\">\n          {label}\n        </Typography>\n      </Tooltip>\n      <Down className=\"flex-shrink-0\" size={16} />\n    </div>\n  );\n};\n\nexport default memo(AssignDropdownTarget);\n","export const SEARCH_TYPES = {\n  MEMBER: \"agent\",\n  TEAM: \"group\",\n  MEMBER_OR_TEAM: \"agent_or_group\",\n};\n\nexport const TEAM_UNGROUPED = { value: \"ungrouped\", label: \"--\" };\n","import { findBy, isNotEmpty, removeBy } from \"neetocist\";\nimport { includes, toLower, append, pluck, map, any } from \"ramda\";\n\nimport { TEAM_UNGROUPED, SEARCH_TYPES } from \"./constants\";\n\nconst createMembersDropdownOptions = ({\n  selectedTeam,\n  searchTerm,\n  availableTeams,\n  onlyMembers = false,\n}) => {\n  const tempOptions = [];\n  const hasSelectedTeam =\n    selectedTeam?.value && selectedTeam.value !== TEAM_UNGROUPED.value;\n\n  const filteredTeams = availableTeams.filter(team =>\n    isNotEmpty(team.filteredMembers)\n  );\n\n  const addMembersInTeam = ({ filteredMembers }) =>\n    filteredMembers.forEach(member => {\n      tempOptions.push({ ...member, type: SEARCH_TYPES.MEMBER });\n    });\n\n  const containsSearchTerm = includes(toLower(searchTerm));\n\n  if (hasSelectedTeam) {\n    const selectedTeamData = findBy(\n      { value: selectedTeam.value },\n      availableTeams\n    );\n    if (selectedTeamData) addMembersInTeam(selectedTeamData);\n  }\n\n  if (!hasSelectedTeam) {\n    filteredTeams.forEach(team => {\n      tempOptions.push({ ...team, type: SEARCH_TYPES.TEAM });\n      addMembersInTeam(team);\n    });\n  }\n\n  if (onlyMembers) {\n    return removeBy({ type: \"group\" }, tempOptions);\n  }\n\n  return searchTerm\n    ? tempOptions.filter(({ label, filteredMembers = [] }) => {\n        const teamAndMembersLabels = map(\n          toLower,\n          append(label, pluck(\"label\", filteredMembers))\n        );\n\n        return any(containsSearchTerm, teamAndMembersLabels);\n      })\n    : tempOptions;\n};\n\nexport { createMembersDropdownOptions };\n","import { Fragment, useMemo, useRef, useState } from \"react\";\n\nimport { useOnClickOutside } from \"neetocommons/react-utils\";\nimport { Typography, Dropdown, Spinner } from \"neetoui\";\nimport { isEmpty, not } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\n// eslint-disable-next-line import/extensions\nimport \"src/stylesheets/components/dropdown.scss\";\n\nimport AssignDropdownTarget from \"./AssignDropdownTarget\";\nimport { SEARCH_TYPES } from \"./constants\";\nimport { createMembersDropdownOptions } from \"./utils\";\n\nimport AssignList from \"../Common/AssignList\";\n\nconst MembersDropdown = ({ config }) => {\n  const [isDropdownOpen, setIsDropdownOpen] = useState(false);\n  const [searchTerm, setSearchTerm] = useState(\"\");\n\n  const dropdownRef = useRef(null);\n\n  const { t } = useTranslation();\n\n  useOnClickOutside(dropdownRef, () => setIsDropdownOpen(false));\n\n  const options = useMemo(\n    () =>\n      createMembersDropdownOptions({\n        searchTerm,\n        selectedTeam: config?.selectedTeam,\n        availableTeams: config?.availableTeams || [],\n      }),\n    [config?.selectedTeam, searchTerm, config?.availableTeams]\n  );\n\n  const handleClick = value => {\n    setIsDropdownOpen(false);\n    config?.handleUpdate({\n      id: config?.selectedMember.value === value ? null : value,\n    });\n  };\n\n  return (\n    <div ref={dropdownRef}>\n      <Dropdown\n        className=\"w-full\"\n        closeOnSelect={config?.closeOnSelect ?? true}\n        isOpen={isDropdownOpen}\n        position=\"bottom-end\"\n        ref={dropdownRef}\n        targetClassName=\"w-full\"\n        customTarget={() => (\n          <AssignDropdownTarget selectedMember={config?.selectedMember} />\n        )}\n        onClick={() => setIsDropdownOpen(not)}\n        onClose={() => setSearchTerm(\"\")}\n      >\n        <AssignList>\n          <AssignList.Search\n            {...{ searchTerm }}\n            handleClearSearchTerm={() => setSearchTerm(\"\")}\n            placeholder={config?.searchPlaceholder}\n            onChange={({ target: { value } }) => setSearchTerm(value)}\n          />\n          {config?.isLoading ? (\n            <div className=\"flex w-full items-center justify-center py-8\">\n              <Spinner />\n            </div>\n          ) : (\n            <div\n              className=\"ntm-assign-droplist__list-wrapper flex flex-col px-3\"\n              key={searchTerm}\n            >\n              {options.map(({ label, value, type }, index) => (\n                <Fragment key={index}>\n                  {type === SEARCH_TYPES.TEAM && (\n                    <AssignList.TeamsListItem\n                      active={config?.selectedTeam.id === value}\n                      teamName={label}\n                      onClick={() =>\n                        config?.handleUpdate({\n                          id:\n                            config?.selectedTeam.value === value ? null : value,\n                          isTeam: true,\n                        })\n                      }\n                    />\n                  )}\n                  {type === SEARCH_TYPES.MEMBER && (\n                    <AssignList.MembersListItem\n                      active={config?.selectedMember.value === value}\n                      memberName={label}\n                      onClick={() => handleClick(value)}\n                    />\n                  )}\n                </Fragment>\n              ))}\n              {isEmpty(options) && (\n                <div className=\"flex w-full items-center justify-center p-2\">\n                  <Typography\n                    data-cy=\"ticket-details-member-no-records-message\"\n                    style=\"body2\"\n                  >\n                    {t(\"neetoTeamMembers.helpers.noRecords\")}\n                  </Typography>\n                </div>\n              )}\n            </div>\n          )}\n        </AssignList>\n      </Dropdown>\n    </div>\n  );\n};\n\nexport default MembersDropdown;\n"],"names":["AssignDropdownTarget","_ref","_ref$selectedMember","selectedMember","_selectedMember$label","label","_selectedMember$profi","profileImagePath","_jsxs","className","children","_jsx","Avatar","user","name","imageUrl","Tooltip","content","position","Typography","style","weight","Down","size","memo","SEARCH_TYPES","MEMBER","TEAM","MEMBER_OR_TEAM","TEAM_UNGROUPED","value","createMembersDropdownOptions","selectedTeam","searchTerm","availableTeams","_ref$onlyMembers","onlyMembers","tempOptions","hasSelectedTeam","filteredTeams","filter","team","isNotEmpty","filteredMembers","addMembersInTeam","_ref2","forEach","member","push","_objectSpread","type","containsSearchTerm","includes","toLower","selectedTeamData","findBy","removeBy","_ref3","_ref3$filteredMembers","teamAndMembersLabels","map","append","pluck","any","MembersDropdown","_config$closeOnSelect","config","_useState","useState","_useState2","_slicedToArray","isDropdownOpen","setIsDropdownOpen","_useState3","_useState4","setSearchTerm","dropdownRef","useRef","_useTranslation","useTranslation","t","useOnClickOutside","options","useMemo","handleClick","handleUpdate","id","ref","Dropdown","closeOnSelect","isOpen","targetClassName","customTarget","onClick","not","onClose","AssignList","Search","handleClearSearchTerm","placeholder","searchPlaceholder","onChange","target","isLoading","Spinner","index","Fragment","TeamsListItem","active","teamName","isTeam","MembersListItem","memberName","isEmpty"],"mappings":"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"}
+{"version":3,"file":"MembersDropdown.js","sources":["../app/javascript/src/components/MembersDropdown/AssignDropdownTarget.jsx","../app/javascript/src/components/MembersDropdown/constants.js","../app/javascript/src/components/MembersDropdown/utils.js","../app/javascript/src/components/MembersDropdown/index.jsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport { Down } from \"neetoicons\";\nimport { Avatar, Tooltip, Typography } from \"neetoui\";\n\nconst AssignDropdownTarget = ({ selectedMember = {} }) => {\n  const { label = \"--\", profileImagePath = \"\" } = selectedMember;\n\n  return (\n    <div className=\"flex h-10 w-60 cursor-pointer select-none items-center gap-2\">\n      {label !== \"--\" && (\n        <Avatar\n          className=\"flex-shrink-0\"\n          user={{ name: label, imageUrl: profileImagePath }}\n        />\n      )}\n      <Tooltip content={label} position=\"top\">\n        <Typography className=\"truncate xl:block\" style=\"h5\" weight=\"normal\">\n          {label}\n        </Typography>\n      </Tooltip>\n      <Down className=\"flex-shrink-0\" size={16} />\n    </div>\n  );\n};\n\nexport default memo(AssignDropdownTarget);\n","export const SEARCH_TYPES = {\n  MEMBER: \"agent\",\n  TEAM: \"group\",\n  MEMBER_OR_TEAM: \"agent_or_group\",\n};\n\nexport const TEAM_UNGROUPED = { value: \"ungrouped\", label: \"--\" };\n","import { findBy, isNotEmpty, removeBy } from \"neetocist\";\nimport { includes, toLower, append, pluck, map, any } from \"ramda\";\n\nimport { TEAM_UNGROUPED, SEARCH_TYPES } from \"./constants\";\n\nconst createMembersDropdownOptions = ({\n  selectedTeam,\n  searchTerm,\n  availableTeams,\n  onlyMembers = false,\n}) => {\n  const tempOptions = [];\n  const hasSelectedTeam =\n    selectedTeam?.value && selectedTeam.value !== TEAM_UNGROUPED.value;\n\n  const filteredTeams = availableTeams.filter(team =>\n    isNotEmpty(team.filteredMembers)\n  );\n\n  const addMembersInTeam = ({ filteredMembers }) =>\n    filteredMembers.forEach(member => {\n      tempOptions.push({ ...member, type: SEARCH_TYPES.MEMBER });\n    });\n\n  const containsSearchTerm = includes(toLower(searchTerm));\n\n  if (hasSelectedTeam) {\n    const selectedTeamData = findBy(\n      { value: selectedTeam.value },\n      availableTeams\n    );\n    if (selectedTeamData) addMembersInTeam(selectedTeamData);\n  }\n\n  if (!hasSelectedTeam) {\n    filteredTeams.forEach(team => {\n      tempOptions.push({ ...team, type: SEARCH_TYPES.TEAM });\n      addMembersInTeam(team);\n    });\n  }\n\n  if (onlyMembers) {\n    return removeBy({ type: \"group\" }, tempOptions);\n  }\n\n  return searchTerm\n    ? tempOptions.filter(({ label, filteredMembers = [] }) => {\n        const teamAndMembersLabels = map(\n          toLower,\n          append(label, pluck(\"label\", filteredMembers))\n        );\n\n        return any(containsSearchTerm, teamAndMembersLabels);\n      })\n    : tempOptions;\n};\n\nexport { createMembersDropdownOptions };\n","import { Fragment, useMemo, useRef, useState } from \"react\";\n\nimport { useOnClickOutside } from \"neetocommons/react-utils\";\nimport { Typography, Dropdown, Spinner } from \"neetoui\";\nimport { isEmpty, not } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\n// eslint-disable-next-line import/extensions\nimport \"src/stylesheets/components/dropdown.scss\";\n\nimport AssignDropdownTarget from \"./AssignDropdownTarget\";\nimport { SEARCH_TYPES } from \"./constants\";\nimport { createMembersDropdownOptions } from \"./utils\";\n\nimport AssignList from \"../Common/AssignList\";\n\nconst MembersDropdown = ({ config }) => {\n  const [isDropdownOpen, setIsDropdownOpen] = useState(false);\n  const [searchTerm, setSearchTerm] = useState(\"\");\n\n  const dropdownRef = useRef(null);\n\n  const { t } = useTranslation();\n\n  useOnClickOutside(dropdownRef, () => setIsDropdownOpen(false));\n\n  const options = useMemo(\n    () =>\n      createMembersDropdownOptions({\n        searchTerm,\n        selectedTeam: config?.selectedTeam,\n        availableTeams: config?.availableTeams || [],\n      }),\n    [config?.selectedTeam, searchTerm, config?.availableTeams]\n  );\n\n  const handleClick = value => {\n    setIsDropdownOpen(false);\n    config?.handleUpdate({\n      id: config?.selectedMember.value === value ? null : value,\n    });\n  };\n\n  return (\n    <div ref={dropdownRef}>\n      <Dropdown\n        className=\"w-full\"\n        closeOnSelect={config?.closeOnSelect ?? true}\n        isOpen={isDropdownOpen}\n        position=\"bottom-end\"\n        ref={dropdownRef}\n        targetClassName=\"w-full\"\n        customTarget={() => (\n          <AssignDropdownTarget selectedMember={config?.selectedMember} />\n        )}\n        onClick={() => setIsDropdownOpen(not)}\n        onClose={() => setSearchTerm(\"\")}\n      >\n        <AssignList>\n          <AssignList.Search\n            {...{ searchTerm }}\n            handleClearSearchTerm={() => setSearchTerm(\"\")}\n            placeholder={config?.searchPlaceholder}\n            onChange={({ target: { value } }) => setSearchTerm(value)}\n          />\n          {config?.isLoading ? (\n            <div className=\"flex w-full items-center justify-center py-8\">\n              <Spinner />\n            </div>\n          ) : (\n            <div\n              className=\"ntm-assign-droplist__list-wrapper flex flex-col px-3\"\n              key={searchTerm}\n            >\n              {options.map(\n                ({ label, value, type, profileImagePath }, index) => (\n                  <Fragment key={index}>\n                    {type === SEARCH_TYPES.TEAM && (\n                      <AssignList.TeamsListItem\n                        active={config?.selectedTeam.id === value}\n                        teamName={label}\n                        onClick={() =>\n                          config?.handleUpdate({\n                            id:\n                              config?.selectedTeam.value === value\n                                ? null\n                                : value,\n                            isTeam: true,\n                          })\n                        }\n                      />\n                    )}\n                    {type === SEARCH_TYPES.MEMBER && (\n                      <AssignList.MembersListItem\n                        active={config?.selectedMember.value === value}\n                        imageUrl={profileImagePath}\n                        memberName={label}\n                        onClick={() => handleClick(value)}\n                      />\n                    )}\n                  </Fragment>\n                )\n              )}\n              {isEmpty(options) && (\n                <div className=\"flex w-full items-center justify-center p-2\">\n                  <Typography\n                    data-cy=\"ticket-details-member-no-records-message\"\n                    style=\"body2\"\n                  >\n                    {t(\"neetoTeamMembers.helpers.noRecords\")}\n                  </Typography>\n                </div>\n              )}\n            </div>\n          )}\n        </AssignList>\n      </Dropdown>\n    </div>\n  );\n};\n\nexport default MembersDropdown;\n"],"names":["AssignDropdownTarget","_ref","_ref$selectedMember","selectedMember","_selectedMember$label","label","_selectedMember$profi","profileImagePath","_jsxs","className","children","_jsx","Avatar","user","name","imageUrl","Tooltip","content","position","Typography","style","weight","Down","size","memo","SEARCH_TYPES","MEMBER","TEAM","MEMBER_OR_TEAM","TEAM_UNGROUPED","value","createMembersDropdownOptions","selectedTeam","searchTerm","availableTeams","_ref$onlyMembers","onlyMembers","tempOptions","hasSelectedTeam","filteredTeams","filter","team","isNotEmpty","filteredMembers","addMembersInTeam","_ref2","forEach","member","push","_objectSpread","type","containsSearchTerm","includes","toLower","selectedTeamData","findBy","removeBy","_ref3","_ref3$filteredMembers","teamAndMembersLabels","map","append","pluck","any","MembersDropdown","_config$closeOnSelect","config","_useState","useState","_useState2","_slicedToArray","isDropdownOpen","setIsDropdownOpen","_useState3","_useState4","setSearchTerm","dropdownRef","useRef","_useTranslation","useTranslation","t","useOnClickOutside","options","useMemo","handleClick","handleUpdate","id","ref","Dropdown","closeOnSelect","isOpen","targetClassName","customTarget","onClick","not","onClose","AssignList","Search","handleClearSearchTerm","placeholder","searchPlaceholder","onChange","target","isLoading","Spinner","index","Fragment","TeamsListItem","active","teamName","isTeam","MembersListItem","memberName","isEmpty"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EAAgC;AAAA,EAAA,IAAAC,mBAAA,GAAAD,IAAA,CAA1BE,cAAc;AAAdA,IAAAA,cAAc,GAAAD,mBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,mBAAA,CAAA;AACjD,EAAA,IAAAE,qBAAA,GAAgDD,cAAc,CAAtDE,KAAK;AAALA,IAAAA,KAAK,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,qBAAA;IAAAE,qBAAA,GAA4BH,cAAc,CAAxCI,gBAAgB;AAAhBA,IAAAA,gBAAgB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,qBAAA,CAAA;AAE3C,EAAA,oBACEE,IAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,8DAA8D;AAAAC,IAAAA,QAAA,GAC1EL,KAAK,KAAK,IAAI,iBACbM,GAAA,CAACC,MAAM,EAAA;AACLH,MAAAA,SAAS,EAAC,eAAe;AACzBI,MAAAA,IAAI,EAAE;AAAEC,QAAAA,IAAI,EAAET,KAAK;AAAEU,QAAAA,QAAQ,EAAER,gBAAAA;AAAiB,OAAA;AAAE,KACnD,CACF,eACDI,GAAA,CAACK,OAAO,EAAA;AAACC,MAAAA,OAAO,EAAEZ,KAAM;AAACa,MAAAA,QAAQ,EAAC,KAAK;MAAAR,QAAA,eACrCC,GAAA,CAACQ,UAAU,EAAA;AAACV,QAAAA,SAAS,EAAC,mBAAmB;AAACW,QAAAA,KAAK,EAAC,IAAI;AAACC,QAAAA,MAAM,EAAC,QAAQ;AAAAX,QAAAA,QAAA,EACjEL,KAAAA;OACS,CAAA;AAAC,KACN,CAAC,eACVM,GAAA,CAACW,IAAI,EAAA;AAACb,MAAAA,SAAS,EAAC,eAAe;AAACc,MAAAA,IAAI,EAAE,EAAA;AAAG,KAAE,CAAC,CAAA;AAAA,GACzC,CAAC,CAAA;AAEV,CAAC,CAAA;AAED,6BAAeC,aAAAA,IAAI,CAACxB,oBAAoB,CAAC;;AC1BlC,IAAMyB,YAAY,GAAG;AAC1BC,EAAAA,MAAM,EAAE,OAAO;AACfC,EAAAA,IAAI,EAAE,OAAO;AACbC,EAAAA,cAAc,EAAE,gBAAA;AAClB,CAAC,CAAA;AAEM,IAAMC,cAAc,GAAG;AAAEC,EAAAA,KAAK,EAAE,WAAW;AAAEzB,EAAAA,KAAK,EAAE,IAAA;AAAK,CAAC;;;;ACDjE,IAAM0B,4BAA4B,GAAG,SAA/BA,4BAA4BA,CAAA9B,IAAA,EAK5B;AAAA,EAAA,IAJJ+B,YAAY,GAAA/B,IAAA,CAAZ+B,YAAY;IACZC,UAAU,GAAAhC,IAAA,CAAVgC,UAAU;IACVC,cAAc,GAAAjC,IAAA,CAAdiC,cAAc;IAAAC,gBAAA,GAAAlC,IAAA,CACdmC,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,gBAAA,CAAA;EAEnB,IAAME,WAAW,GAAG,EAAE,CAAA;AACtB,EAAA,IAAMC,eAAe,GACnB,CAAAN,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAZA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,YAAY,CAAEF,KAAK,KAAIE,YAAY,CAACF,KAAK,KAAKD,cAAc,CAACC,KAAK,CAAA;AAEpE,EAAA,IAAMS,aAAa,GAAGL,cAAc,CAACM,MAAM,CAAC,UAAAC,IAAI,EAAA;AAAA,IAAA,OAC9CC,UAAU,CAACD,IAAI,CAACE,eAAe,CAAC,CAAA;AAAA,GAClC,CAAC,CAAA;AAED,EAAA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAMF,eAAe,GAAAE,KAAA,CAAfF,eAAe,CAAA;AAAA,IAAA,OACzCA,eAAe,CAACG,OAAO,CAAC,UAAAC,MAAM,EAAI;AAChCV,MAAAA,WAAW,CAACW,IAAI,CAAAC,aAAA,CAAAA,aAAA,KAAMF,MAAM,CAAA,EAAA,EAAA,EAAA;QAAEG,IAAI,EAAEzB,YAAY,CAACC,MAAAA;AAAM,OAAA,CAAE,CAAC,CAAA;AAC5D,KAAC,CAAC,CAAA;AAAA,GAAA,CAAA;EAEJ,IAAMyB,kBAAkB,GAAGC,QAAQ,CAACC,OAAO,CAACpB,UAAU,CAAC,CAAC,CAAA;AAExD,EAAA,IAAIK,eAAe,EAAE;IACnB,IAAMgB,gBAAgB,GAAGC,MAAM,CAC7B;MAAEzB,KAAK,EAAEE,YAAY,CAACF,KAAAA;KAAO,EAC7BI,cACF,CAAC,CAAA;AACD,IAAA,IAAIoB,gBAAgB,EAAEV,gBAAgB,CAACU,gBAAgB,CAAC,CAAA;AAC1D,GAAA;EAEA,IAAI,CAAChB,eAAe,EAAE;AACpBC,IAAAA,aAAa,CAACO,OAAO,CAAC,UAAAL,IAAI,EAAI;AAC5BJ,MAAAA,WAAW,CAACW,IAAI,CAAAC,aAAA,CAAAA,aAAA,KAAMR,IAAI,CAAA,EAAA,EAAA,EAAA;QAAES,IAAI,EAAEzB,YAAY,CAACE,IAAAA;AAAI,OAAA,CAAE,CAAC,CAAA;MACtDiB,gBAAgB,CAACH,IAAI,CAAC,CAAA;AACxB,KAAC,CAAC,CAAA;AACJ,GAAA;AAEA,EAAA,IAAIL,WAAW,EAAE;AACf,IAAA,OAAOoB,QAAQ,CAAC;AAAEN,MAAAA,IAAI,EAAE,OAAA;KAAS,EAAEb,WAAW,CAAC,CAAA;AACjD,GAAA;EAEA,OAAOJ,UAAU,GACbI,WAAW,CAACG,MAAM,CAAC,UAAAiB,KAAA,EAAqC;AAAA,IAAA,IAAlCpD,KAAK,GAAAoD,KAAA,CAALpD,KAAK;MAAAqD,qBAAA,GAAAD,KAAA,CAAEd,eAAe;AAAfA,MAAAA,eAAe,GAAAe,qBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,qBAAA,CAAA;AAC/C,IAAA,IAAMC,oBAAoB,GAAGC,GAAG,CAC9BP,OAAO,EACPQ,MAAM,CAACxD,KAAK,EAAEyD,KAAK,CAAC,OAAO,EAAEnB,eAAe,CAAC,CAC/C,CAAC,CAAA;AAED,IAAA,OAAOoB,GAAG,CAACZ,kBAAkB,EAAEQ,oBAAoB,CAAC,CAAA;GACrD,CAAC,GACFtB,WAAW,CAAA;AACjB,CAAC;;ACvCD,IAAM2B,eAAe,GAAG,SAAlBA,eAAeA,CAAA/D,IAAA,EAAmB;AAAA,EAAA,IAAAgE,qBAAA,CAAA;AAAA,EAAA,IAAbC,MAAM,GAAAjE,IAAA,CAANiE,MAAM,CAAA;AAC/B,EAAA,IAAAC,SAAA,GAA4CC,QAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAApDI,IAAAA,cAAc,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,iBAAiB,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AACxC,EAAA,IAAAI,UAAA,GAAoCL,QAAQ,CAAC,EAAE,CAAC;IAAAM,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAAzCxC,IAAAA,UAAU,GAAAyC,UAAA,CAAA,CAAA,CAAA;AAAEC,IAAAA,aAAa,GAAAD,UAAA,CAAA,CAAA,CAAA,CAAA;AAEhC,EAAA,IAAME,WAAW,GAAGC,MAAM,CAAC,IAAI,CAAC,CAAA;AAEhC,EAAA,IAAAC,eAAA,GAAcC,cAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC,CAAA;EAETC,iBAAiB,CAACL,WAAW,EAAE,YAAA;IAAA,OAAMJ,iBAAiB,CAAC,KAAK,CAAC,CAAA;GAAC,CAAA,CAAA;EAE9D,IAAMU,OAAO,GAAGC,OAAO,CACrB,YAAA;AAAA,IAAA,OACEpD,4BAA4B,CAAC;AAC3BE,MAAAA,UAAU,EAAVA,UAAU;AACVD,MAAAA,YAAY,EAAEkC,MAAM,KAAA,IAAA,IAANA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAAM,CAAElC,YAAY;MAClCE,cAAc,EAAE,CAAAgC,MAAM,KAAA,IAAA,IAANA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAAM,CAAEhC,cAAc,KAAI,EAAA;AAC5C,KAAC,CAAC,CAAA;AAAA,GAAA,EACJ,CAACgC,MAAM,KAAA,IAAA,IAANA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAAM,CAAElC,YAAY,EAAEC,UAAU,EAAEiC,MAAM,aAANA,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAANA,MAAM,CAAEhC,cAAc,CAC3D,CAAC,CAAA;AAED,EAAA,IAAMkD,WAAW,GAAG,SAAdA,WAAWA,CAAGtD,KAAK,EAAI;IAC3B0C,iBAAiB,CAAC,KAAK,CAAC,CAAA;AACxBN,IAAAA,MAAM,aAANA,MAAM,KAAA,KAAA,CAAA,IAANA,MAAM,CAAEmB,YAAY,CAAC;AACnBC,MAAAA,EAAE,EAAE,CAAApB,MAAM,KAAA,IAAA,IAANA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAAM,CAAE/D,cAAc,CAAC2B,KAAK,MAAKA,KAAK,GAAG,IAAI,GAAGA,KAAAA;AACtD,KAAC,CAAC,CAAA;GACH,CAAA;AAED,EAAA,oBACEnB,GAAA,CAAA,KAAA,EAAA;AAAK4E,IAAAA,GAAG,EAAEX,WAAY;IAAAlE,QAAA,eACpBC,GAAA,CAAC6E,QAAQ,EAAA;AACP/E,MAAAA,SAAS,EAAC,QAAQ;AAClBgF,MAAAA,aAAa,EAAAxB,CAAAA,qBAAA,GAAEC,MAAM,aAANA,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAANA,MAAM,CAAEuB,aAAa,MAAAxB,IAAAA,IAAAA,qBAAA,KAAAA,KAAAA,CAAAA,GAAAA,qBAAA,GAAI,IAAK;AAC7CyB,MAAAA,MAAM,EAAEnB,cAAe;AACvBrD,MAAAA,QAAQ,EAAC,YAAY;AACrBqE,MAAAA,GAAG,EAAEX,WAAY;AACjBe,MAAAA,eAAe,EAAC,QAAQ;MACxBC,YAAY,EAAE,SAAAA,YAAA,GAAA;QAAA,oBACZjF,GAAA,CAACX,sBAAoB,EAAA;AAACG,UAAAA,cAAc,EAAE+D,MAAM,KAAA,IAAA,IAANA,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAANA,MAAM,CAAE/D,cAAAA;AAAe,SAAE,CAAC,CAAA;OAChE;MACF0F,OAAO,EAAE,SAAAA,OAAA,GAAA;QAAA,OAAMrB,iBAAiB,CAACsB,GAAG,CAAC,CAAA;OAAC;MACtCC,OAAO,EAAE,SAAAA,OAAA,GAAA;QAAA,OAAMpB,aAAa,CAAC,EAAE,CAAC,CAAA;OAAC;MAAAjE,QAAA,eAEjCF,IAAA,CAACwF,UAAU,EAAA;AAAAtF,QAAAA,QAAA,EACTC,cAAAA,GAAA,CAACqF,UAAU,CAACC,MAAM,EAAA;AACVhE,UAAAA,UAAU,EAAVA,UAAU;UAChBiE,qBAAqB,EAAE,SAAAA,qBAAA,GAAA;YAAA,OAAMvB,aAAa,CAAC,EAAE,CAAC,CAAA;WAAC;AAC/CwB,UAAAA,WAAW,EAAEjC,MAAM,KAAA,IAAA,IAANA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAAM,CAAEkC,iBAAkB;UACvCC,QAAQ,EAAE,SAAAA,QAAAA,CAAAxD,KAAA,EAAA;AAAA,YAAA,IAAaf,KAAK,GAAAe,KAAA,CAAfyD,MAAM,CAAIxE,KAAK,CAAA;YAAA,OAAS6C,aAAa,CAAC7C,KAAK,CAAC,CAAA;AAAA,WAAA;SAC1D,CAAC,EACDoC,MAAM,KAANA,IAAAA,IAAAA,MAAM,eAANA,MAAM,CAAEqC,SAAS,gBAChB5F,GAAA,CAAA,KAAA,EAAA;AAAKF,UAAAA,SAAS,EAAC,8CAA8C;AAAAC,UAAAA,QAAA,eAC3DC,GAAA,CAAC6F,OAAO,EAAE,EAAA,CAAA;SACP,CAAC,gBAENhG,IAAA,CAAA,KAAA,EAAA;AACEC,UAAAA,SAAS,EAAC,sDAAsD;UAAAC,QAAA,EAAA,CAG/DwE,OAAO,CAACtB,GAAG,CACV,UAAAH,KAAA,EAA2CgD,KAAK,EAAA;AAAA,YAAA,IAA7CpG,KAAK,GAAAoD,KAAA,CAALpD,KAAK;cAAEyB,KAAK,GAAA2B,KAAA,CAAL3B,KAAK;cAAEoB,IAAI,GAAAO,KAAA,CAAJP,IAAI;cAAE3C,gBAAgB,GAAAkD,KAAA,CAAhBlD,gBAAgB,CAAA;YAAA,oBACrCC,IAAA,CAACkG,QAAQ,EAAA;cAAAhG,QAAA,EAAA,CACNwC,IAAI,KAAKzB,YAAY,CAACE,IAAI,iBACzBhB,GAAA,CAACqF,UAAU,CAACW,aAAa,EAAA;AACvBC,gBAAAA,MAAM,EAAE,CAAA1C,MAAM,KAAA,IAAA,IAANA,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAANA,MAAM,CAAElC,YAAY,CAACsD,EAAE,MAAKxD,KAAM;AAC1C+E,gBAAAA,QAAQ,EAAExG,KAAM;gBAChBwF,OAAO,EAAE,SAAAA,OAAA,GAAA;AAAA,kBAAA,OACP3B,MAAM,KAANA,IAAAA,IAAAA,MAAM,uBAANA,MAAM,CAAEmB,YAAY,CAAC;AACnBC,oBAAAA,EAAE,EACA,CAAApB,MAAM,KAANA,IAAAA,IAAAA,MAAM,uBAANA,MAAM,CAAElC,YAAY,CAACF,KAAK,MAAKA,KAAK,GAChC,IAAI,GACJA,KAAK;AACXgF,oBAAAA,MAAM,EAAE,IAAA;AACV,mBAAC,CAAC,CAAA;AAAA,iBAAA;AACH,eACF,CACF,EACA5D,IAAI,KAAKzB,YAAY,CAACC,MAAM,iBAC3Bf,GAAA,CAACqF,UAAU,CAACe,eAAe,EAAA;AACzBH,gBAAAA,MAAM,EAAE,CAAA1C,MAAM,KAAA,IAAA,IAANA,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAANA,MAAM,CAAE/D,cAAc,CAAC2B,KAAK,MAAKA,KAAM;AAC/Cf,gBAAAA,QAAQ,EAAER,gBAAiB;AAC3ByG,gBAAAA,UAAU,EAAE3G,KAAM;gBAClBwF,OAAO,EAAE,SAAAA,OAAA,GAAA;kBAAA,OAAMT,WAAW,CAACtD,KAAK,CAAC,CAAA;AAAA,iBAAA;AAAC,eACnC,CACF,CAAA;AAAA,aAAA,EAvBY2E,KAwBL,CAAC,CAAA;AAAA,WAEf,CAAC,EACAQ,OAAO,CAAC/B,OAAO,CAAC,iBACfvE,GAAA,CAAA,KAAA,EAAA;AAAKF,YAAAA,SAAS,EAAC,6CAA6C;YAAAC,QAAA,eAC1DC,GAAA,CAACQ,UAAU,EAAA;AACT,cAAA,SAAA,EAAQ,0CAA0C;AAClDC,cAAAA,KAAK,EAAC,OAAO;cAAAV,QAAA,EAEZsE,CAAC,CAAC,oCAAoC,CAAA;aAC7B,CAAA;AAAC,WACV,CACN,CAAA;AAAA,SAAA,EAxCI/C,UAyCF,CACN,CAAA;OACS,CAAA;KACJ,CAAA;AAAC,GACR,CAAC,CAAA;AAEV;;;;"}

package/dist/Roles.js

@@ -1,12 +1,12 @@
 import { _ as _slicedToArray } from './slicedToArray-6674c4b8.js';
-import require$$0, { useRef, memo, useCallback, useEffect, useState, Fragment as Fragment$1, useMemo } from 'react';
+import require$$0, { useRef, memo, useCallback, useEffect, useState, createElement, Fragment as Fragment$1, useMemo } from 'react';
 import i18next, { t } from 'i18next';
-import { isNotEmpty, isPresent, _findBy, replaceById } from '@bigbinary/neeto-cist';
+import { isNotEmpty, isPresent, _findBy, noop } from '@bigbinary/neeto-cist';
 import { PLURAL } from '@bigbinary/neeto-commons-frontend/constants';
 import { withTitle, useQueryParams } from '@bigbinary/neeto-commons-frontend/react-utils';
 import Container from '@bigbinary/neeto-molecules/Container';
 import Spinner from '@bigbinary/neetoui/Spinner';
-import { not, map, prop, identical, modify, includes, __, groupBy, pluck, isEmpty, filter } from 'ramda';
+import { not, map, prop, identical, includes, __, groupBy, pluck, isEmpty, filter } from 'ramda';
 import { c as commonjsGlobal } from './_commonjsHelpers-1789f0cf.js';
 import { w as withReactQuery } from './withReactQuery-e3d0bd1f.js';
 import { _ as _defineProperty, a as _typeof } from './defineProperty-b85f2e0f.js';
@@ -30,7 +30,6 @@ import Textarea from '@bigbinary/neetoui/formik/Textarea';
 import { object, string } from 'yup';
 import { P as Permissions, g as getChildrenRemovedFromRoot, s as sortPermissionsBySequence, a as getPermissionGroups, b as getModifiedPermissions } from './Permissions-1b52172b.js';
 import NoData from '@bigbinary/neetoui/NoData';
-import { _ as _toConsumableArray } from './toConsumableArray-0e395868.js';
 import classnames from 'classnames';
 import Checkbox from '@bigbinary/neetoui/Checkbox';
 import MoreDropdown from '@bigbinary/neeto-molecules/MoreDropdown';
@@ -42,6 +41,7 @@ import Up from '@bigbinary/neeto-icons/Up';
 import './unsupportedIterableToArray-7c7192e5.js';
 import './queryClient-71ecdd08.js';
 import './objectWithoutProperties-a0edb288.js';
+import './toConsumableArray-0e395868.js';
 import 'formik';
 
 var dist = {exports: {}};
@@ -1720,10 +1720,9 @@ var deepClone = function deepClone(object) {
   return result;
 };
 var renderRolesTooltipContent = function renderRolesTooltipContent(roleName) {
-  return Object.is(roleName, "Admin") ? t("neetoTeamMembers.tooltips.adminMustHaveAccess") : t("neetoTeamMembers.tooltips.noPermissionToEditRoles");
-};
-var removeDuplicates = function removeDuplicates(array) {
-  return _toConsumableArray(new Set(array));
+  return Object.is(roleName, "Admin") || Object.is(roleName, "Owner") ? t("neetoTeamMembers.tooltips.adminMustHaveAccess", {
+    roleName: roleName
+  }) : t("neetoTeamMembers.tooltips.noPermissionToEditRoles");
 };
 var updatePermissionVisibility = function updatePermissionVisibility(categoryName, permissions) {
   var category = permissions.get(categoryName);
@@ -1805,18 +1804,16 @@ 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 ? noop : _ref$setManageRole;
   var isUpdatePermissionGranted = config.permissions.update;
   var permissions = (allPermissionsOfCategory === null || allPermissionsOfCategory === void 0 ? void 0 : allPermissionsOfCategory.get("permissions")) || [];
   var allPermissionIdsOfCategory = map(prop("id"), permissions);
-  var handleSubmit = function handleSubmit(role, checked) {
-    var permissionIds = isNotEmpty(allPermissionIdsOfCategory) ? allPermissionIdsOfCategory : [permission === null || permission === void 0 ? void 0 : permission.id];
-    var modifiedRole = modify("permissionIds", function () {
-      return checked ? removeDuplicates([].concat(_toConsumableArray(role.permissionIds), _toConsumableArray(permissionIds))) : role.permissionIds.filter(function (id) {
-        return !permissionIds.includes(id);
-      });
-    }, role);
-    setModifiedRoles(replaceById(role.id, modifiedRole));
+  var handleSubmit = function handleSubmit(role) {
+    setManageRole({
+      isEdit: true,
+      selectedRole: role
+    });
   };
   var isCheckboxChecked = function isCheckboxChecked(role) {
     return !allPermissionsOfCategory ? includes(permission === null || permission === void 0 ? void 0 : permission.id, role.permissionIds) : allPermissionIdsOfCategory.every(includes(__, role.permissionIds));
@@ -1834,17 +1831,16 @@ var Row = function Row(_ref) {
         children: /*#__PURE__*/jsx(Tooltip, {
           content: renderRolesTooltipContent(role.name),
           position: "top",
-          disabled: isUpdatePermissionGranted && !identical(role.name, "Admin"),
+          disabled: isUpdatePermissionGranted && !identical(role.name, "Admin") && !identical(role.name, "Owner"),
           children: /*#__PURE__*/jsx("div", {
             className: "ntm-roles-table-cell__checkbox-wrapper",
             children: /*#__PURE__*/jsx(Checkbox, {
-              disabled: true,
               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: identical(role.name, "Admin") || identical(role.name, "Owner"),
+              onChange: function onChange() {
+                return handleSubmit(role);
               }
             })
           })
@@ -1991,7 +1987,6 @@ var Columns = function Columns(_ref) {
     filteredRoles = _ref.filteredRoles,
     permissions = _ref.permissions,
     roles = _ref.roles,
-    setModifiedRoles = _ref.setModifiedRoles,
     setIsScrollPresent = _ref.setIsScrollPresent;
   var _useState = useState(DEFAULT_MANAGE_ROLE_VALUES),
     _useState2 = _slicedToArray(_useState, 2),
@@ -2005,9 +2000,9 @@ var Columns = function Columns(_ref) {
     className: "ntm-roles-table__columns",
     children: [/*#__PURE__*/jsx(TableHeader$1, {
       config: config,
-      roles: filteredRoles,
       setIsScrollPresent: setIsScrollPresent,
-      setManageRole: setManageRole
+      setManageRole: setManageRole,
+      roles: filteredRoles
     }), /*#__PURE__*/jsx(distExports.ScrollSyncPane, {
       group: ["horizontal", "vertical"],
       children: /*#__PURE__*/jsx("div", {
@@ -2018,32 +2013,33 @@ var Columns = function Columns(_ref) {
           var permissions = groupedPermissions.get("permissions");
           return /*#__PURE__*/jsxs("div", {
             children: [/*#__PURE__*/jsx(Row, {
-              allPermissionsOfCategory: groupedPermissions,
               config: config,
-              roles: filteredRoles,
-              setModifiedRoles: setModifiedRoles
+              setManageRole: setManageRole,
+              allPermissionsOfCategory: groupedPermissions,
+              roles: filteredRoles
             }), isPermissionVisible && permissions.map(function (permission) {
-              return /*#__PURE__*/jsx(Row, {
+              return /*#__PURE__*/createElement(Row, {
                 config: config,
                 permission: permission,
-                roles: filteredRoles,
-                setModifiedRoles: setModifiedRoles
-              }, permission.id);
+                setManageRole: setManageRole,
+                key: permission.id,
+                roles: filteredRoles
+              });
             })]
           }, index);
         })
       })
     }), /*#__PURE__*/jsx(ManageRoles, {
       config: config,
-      isOpen: manageRole.isEdit,
+      onClose: onClose,
       permissions: permissions,
-      selectedRole: manageRole.selectedRole,
-      onClose: onClose
+      isOpen: manageRole.isEdit,
+      selectedRole: manageRole.selectedRole
     }), /*#__PURE__*/jsx(Delete, {
-      isOpen: manageRole.isDelete,
+      onClose: onClose,
       roles: roles,
-      selectedRole: manageRole.selectedRole,
-      onClose: onClose
+      isOpen: manageRole.isDelete,
+      selectedRole: manageRole.selectedRole
     })]
   });
 };