@ynput/ayon-frontend-shared 0.3.48 → 0.3.49

package/dist/shared/src/containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelFloating.cjs.js","sources":["../../../../../../../src/containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.tsx"],"sourcesContent":["import { FC, useMemo, useState } from 'react'\nimport * as Styled from './DetailsPanelFloating.styled'\nimport getThumbnails from '../../helpers/getThumbnails'\nimport { StackedThumbnails } from '@shared/components'\nimport { upperFirst } from 'lodash'\nimport { AssigneeField, getTextColor, Icon } from '@ynput/ayon-react-components'\nimport { PiPWrapper, FeedFilter, ProjectContextProvider } from '@shared/context'\nimport { useGetEntitiesDetailsPanelQuery } from '@shared/api'\nimport { useGetKanbanProjectUsersQuery, useGetProjectsInfoQuery } from '@shared/api'\nimport getAllProjectStatuses from '../../helpers/getAllProjectsStatuses'\nimport FeedWrapper from '../../containers/FeedWrapper'\nimport mergeProjectInfo from '../../helpers/mergeProjectInfo'\nimport { buildDetailsPanelTitles } from '../../helpers/buildDetailsPanelTitles'\nimport { useDetailsPanelContext } from '@shared/context'\n\nexport interface DetailsPanelFloatingProps {}\n\nexport const DetailsPanelFloating: FC<DetailsPanelFloatingProps> = () => {\n  const { pip } = useDetailsPanelContext()\n  const entityType = pip?.entityType\n  const entities = pip?.entities || []\n  const scope = pip?.scope || ''\n  const isOpen = entities.length > 0 && !!entityType\n\n  const projects: string[] = entities.map((e: any) => e.projectName)\n\n  const { data: allUsers = [] } = useGetKanbanProjectUsersQuery({ projects }, { skip: !isOpen })\n\n  const { data: projectsInfo = {}, isFetching: isFetchingInfo } = useGetProjectsInfoQuery(\n    {\n      projects: projects,\n    },\n    { skip: !isOpen },\n  )\n\n  // get all statuses from projects info, removing duplicate names\n  const statuses = useMemo(\n    () => getAllProjectStatuses(projectsInfo, projects),\n    [projectsInfo, projects],\n  )\n\n  const { data: entitiesData = [], isFetching: isFetchingEntitiesDetails } =\n    useGetEntitiesDetailsPanelQuery(\n      // @ts-expect-error\n      { entityType: entityType, entities: entities },\n      {\n        skip: !isOpen || isFetchingInfo,\n      },\n    )\n\n  // reduce projectsInfo to selected projects and into one\n  const projectInfo = useMemo(\n    () => mergeProjectInfo(projectsInfo, projects),\n    [projectsInfo, projects],\n  )\n\n  // build icons for entity types\n  const entityTypeIcons = useMemo(\n    () => ({\n      task: projectInfo.taskTypes\n        .filter((task) => !!task.icon)\n        .reduce((acc, task) => ({ ...acc, [task.name]: task.icon }), {}),\n      folder: projectInfo.folderTypes\n        .filter((folder) => !!folder.icon)\n        .reduce((acc, folder) => ({ ...acc, [folder.name]: folder.icon }), {}),\n      product: projectInfo.productTypes\n        .filter((product) => !!product.icon)\n        .reduce((acc, product) => ({ ...acc, [product.name]: product.icon }), {}),\n    }),\n    [projectInfo],\n  )\n\n  const thumbnails = useMemo(\n    () => (entityType ? getThumbnails(entitiesData, entityType, entityTypeIcons) : []),\n    [entitiesData, entityType],\n  )\n\n  // users for assignee field, find in all users\n  const users = useMemo(() => {\n    return allUsers\n      .filter((u) => entitiesData.some((e) => e?.task?.assignees?.includes(u.name)))\n      .map((u) => ({ ...u, avatarUrl: `/api/users/${u.name}/avatar` }))\n  }, [allUsers, entities])\n\n  const firstEntity = entitiesData[0]\n  if (!entitiesData.length || !firstEntity) return null\n\n  if (isFetchingEntitiesDetails) return <div>Loading...</div>\n\n  const projectName = firstEntity?.projectName\n\n  // are there multiple statuses of different names?\n  const mixedStatuses = entitiesData.some((e) => e?.status !== firstEntity?.status)\n  const mixedStatus = {\n    icon: 'question_mark',\n    color: 'var(--md-sys-color-surface-container-highest)',\n    name: 'Mixed statuses',\n  }\n\n  const statusAnatomy = mixedStatuses\n    ? mixedStatus\n    : statuses.find((s) => s.name === firstEntity?.status) || {\n        icon: '',\n        color: '',\n        name: 'None',\n      }\n\n  if (!entityType) return null\n\n  // Get title and subtitle from the imported function\n  const { title, subTitle } = buildDetailsPanelTitles(entitiesData, entityType)\n\n  return (\n    <PiPWrapper>\n      <ProjectContextProvider projectName={projectName}>\n        <Styled.Container>\n          <Styled.Header>\n            <StackedThumbnails thumbnails={thumbnails} />\n            <Styled.Content>\n              <h2>{title}</h2>\n              <div className=\"sub-title\">\n                <span>{upperFirst(entityType)} - </span>\n                <h3>{subTitle}</h3>\n              </div>\n            </Styled.Content>\n          </Styled.Header>\n          <Styled.Row>\n            <Styled.Status\n              style={{\n                backgroundColor: statusAnatomy?.color,\n                color: getTextColor(statusAnatomy?.color),\n              }}\n            >\n              <Icon icon={statusAnatomy.icon || 'question_mark'} style={{ color: 'inherit' }} />\n              <span className=\"label\">{statusAnatomy?.name}</span>\n            </Styled.Status>\n            <AssigneeField users={users} style={{ pointerEvents: 'none' }} />\n          </Styled.Row>\n          <Styled.FeedContainer>\n            <FeedWrapper\n              entityType={entityType}\n              // @ts-ignore\n              entities={entitiesData}\n              thumbnailHash={firstEntity?.thumbnailHash}\n              activeUsers={[]}\n              // selectedTasksProjects={{}}\n              projectInfo={projectsInfo[projectName]}\n              projectName={projectName}\n              disabled={false}\n              scope={scope}\n              readOnly\n              // @ts-ignore\n              statuses={statuses}\n            />\n          </Styled.FeedContainer>\n        </Styled.Container>\n      </ProjectContextProvider>\n    </PiPWrapper>\n  )\n}\n\nexport default DetailsPanelFloating\n"],"names":["DetailsPanelFloating","pip","useDetailsPanelContext","entityType","entities","scope","isOpen","projects","allUsers","useGetKanbanProjectUsersQuery","projectsInfo","isFetchingInfo","useGetProjectsInfoQuery","statuses","useMemo","getAllProjectStatuses","entitiesData","isFetchingEntitiesDetails","useGetEntitiesDetailsPanelQuery","projectInfo","mergeProjectInfo","entityTypeIcons","task","acc","folder","product","thumbnails","getThumbnails","users","u","e","firstEntity","jsx","projectName","statusAnatomy","s","title","subTitle","buildDetailsPanelTitles","PiPWrapper","ProjectContextProvider","jsxs","Styled.Container","Styled.Header","StackedThumbnails","Styled.Content","upperFirst","Styled.Row","Styled.Status","getTextColor","Icon","AssigneeField","Styled.FeedContainer","FeedWrapper"],"mappings":"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"}
+{"version":3,"file":"DetailsPanelFloating.cjs.js","sources":["../../../../../../../src/containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.tsx"],"sourcesContent":["import { FC, useMemo, useState } from 'react'\nimport * as Styled from './DetailsPanelFloating.styled'\nimport getThumbnails from '../../helpers/getThumbnails'\nimport { StackedThumbnails } from '@shared/components'\nimport { upperFirst } from 'lodash'\nimport { AssigneeField, getTextColor, Icon } from '@ynput/ayon-react-components'\nimport { PiPWrapper, FeedFilter, ProjectContextProvider } from '@shared/context'\nimport { useGetEntitiesDetailsPanelQuery } from '@shared/api'\nimport { useGetKanbanProjectUsersQuery, useGetProjectsInfoQuery } from '@shared/api'\nimport getAllProjectStatuses from '../../helpers/getAllProjectsStatuses'\nimport FeedWrapper from '../../containers/FeedWrapper'\nimport mergeProjectInfo from '../../helpers/mergeProjectInfo'\nimport { buildDetailsPanelTitles } from '../../helpers/buildDetailsPanelTitles'\nimport { useDetailsPanelContext } from '@shared/context'\n\nexport interface DetailsPanelFloatingProps {}\n\nexport const DetailsPanelFloating: FC<DetailsPanelFloatingProps> = () => {\n  const { pip } = useDetailsPanelContext()\n  const entityType = pip?.entityType\n  const entities = pip?.entities || []\n  const scope = pip?.scope || ''\n  const isOpen = entities.length > 0 && !!entityType\n\n  const projects: string[] = entities.map((e: any) => e.projectName)\n\n  const { data: allUsers = [] } = useGetKanbanProjectUsersQuery({ projects }, { skip: !isOpen })\n\n  const { data: projectsInfo = {}, isFetching: isFetchingInfo } = useGetProjectsInfoQuery(\n    {\n      projects: projects,\n    },\n    { skip: !isOpen },\n  )\n\n  // get all statuses from projects info, removing duplicate names\n  const statuses = useMemo(\n    () => getAllProjectStatuses(projectsInfo, projects),\n    [projectsInfo, projects],\n  )\n\n  const { data: entitiesData = [], isFetching: isFetchingEntitiesDetails } =\n    useGetEntitiesDetailsPanelQuery(\n      // @ts-expect-error\n      { entityType: entityType, entities: entities },\n      {\n        skip: !isOpen || isFetchingInfo,\n      },\n    )\n\n  // reduce projectsInfo to selected projects and into one\n  const projectInfo = useMemo(\n    () => mergeProjectInfo(projectsInfo, projects),\n    [projectsInfo, projects],\n  )\n\n  // build icons for entity types\n  const entityTypeIcons = useMemo(\n    () => ({\n      task: projectInfo.taskTypes\n        .filter((task) => !!task.icon)\n        .reduce((acc, task) => ({ ...acc, [task.name]: task.icon }), {}),\n      folder: projectInfo.folderTypes\n        .filter((folder) => !!folder.icon)\n        .reduce((acc, folder) => ({ ...acc, [folder.name]: folder.icon }), {}),\n      product: projectInfo.productTypes\n        .filter((product) => !!product.icon)\n        .reduce((acc, product) => ({ ...acc, [product.name]: product.icon }), {}),\n    }),\n    [projectInfo],\n  )\n\n  const thumbnails = useMemo(\n    () => (entityType ? getThumbnails(entitiesData, entityType, entityTypeIcons) : []),\n    [entitiesData, entityType],\n  )\n\n  // users for assignee field, find in all users\n  const users = useMemo(() => {\n    return allUsers\n      .filter((u) => entitiesData.some((e) => e?.task?.assignees?.includes(u.name)))\n      .map((u) => ({ ...u, avatarUrl: `/api/users/${u.name}/avatar` }))\n  }, [allUsers, entities])\n\n  const firstEntity = entitiesData[0]\n  if (!entitiesData.length || !firstEntity) return null\n\n  if (isFetchingEntitiesDetails) return <div>Loading...</div>\n\n  const projectName = firstEntity?.projectName\n\n  // are there multiple statuses of different names?\n  const mixedStatuses = entitiesData.some((e) => e?.status !== firstEntity?.status)\n  const mixedStatus = {\n    icon: 'question_mark',\n    color: 'var(--md-sys-color-surface-container-highest)',\n    name: 'Mixed statuses',\n  }\n\n  const statusAnatomy = mixedStatuses\n    ? mixedStatus\n    : statuses.find((s) => s.name === firstEntity?.status) || {\n        icon: '',\n        color: '',\n        name: 'None',\n      }\n\n  if (!entityType) return null\n\n  // Get title and subtitle from the imported function\n  const { title, subTitle } = buildDetailsPanelTitles(entitiesData, entityType)\n\n  return (\n    <PiPWrapper>\n      <ProjectContextProvider projectName={projectName}>\n        <Styled.Container>\n          <Styled.Header>\n            <StackedThumbnails thumbnails={thumbnails} />\n            <Styled.Content>\n              <h2>{title}</h2>\n              <div className=\"sub-title\">\n                <span>{upperFirst(entityType)} - </span>\n                <h3>{subTitle}</h3>\n              </div>\n            </Styled.Content>\n          </Styled.Header>\n          <Styled.Row>\n            <Styled.Status\n              style={{\n                backgroundColor: statusAnatomy?.color,\n                color: getTextColor(statusAnatomy?.color),\n              }}\n            >\n              <Icon icon={statusAnatomy.icon || 'question_mark'} style={{ color: 'inherit' }} />\n              <span className=\"label\">{statusAnatomy?.name}</span>\n            </Styled.Status>\n            <AssigneeField users={users} style={{ pointerEvents: 'none' }} />\n          </Styled.Row>\n          <Styled.FeedContainer>\n            <FeedWrapper\n              entityType={entityType}\n              // @ts-ignore\n              entities={entitiesData}\n              thumbnailHash={firstEntity?.thumbnailHash}\n              activeUsers={[]}\n              // selectedTasksProjects={{}}\n              projectInfo={projectsInfo[projectName]}\n              projectName={projectName}\n              disabled={false}\n              scope={scope}\n              readOnly\n              // @ts-ignore\n              statuses={statuses}\n            />\n          </Styled.FeedContainer>\n        </Styled.Container>\n      </ProjectContextProvider>\n    </PiPWrapper>\n  )\n}\n\nexport default DetailsPanelFloating\n"],"names":["DetailsPanelFloating","pip","useDetailsPanelContext","entityType","entities","scope","isOpen","projects","allUsers","useGetKanbanProjectUsersQuery","projectsInfo","isFetchingInfo","useGetProjectsInfoQuery","statuses","useMemo","getAllProjectStatuses","entitiesData","isFetchingEntitiesDetails","useGetEntitiesDetailsPanelQuery","projectInfo","mergeProjectInfo","entityTypeIcons","task","acc","folder","product","thumbnails","getThumbnails","users","u","e","firstEntity","jsx","projectName","statusAnatomy","s","title","subTitle","buildDetailsPanelTitles","PiPWrapper","ProjectContextProvider","jsxs","Styled.Container","Styled.Header","StackedThumbnails","Styled.Content","upperFirst","Styled.Row","Styled.Status","getTextColor","Icon","AssigneeField","Styled.FeedContainer","FeedWrapper"],"mappings":"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"}

package/dist/shared/src/containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.es.js

@@ -16,6 +16,7 @@ import "react-dom";
 import "date-fns";
 import "../../../../components/DateRangePicker/DateRangePicker.styled.es.js";
 import "../../../../components/LinksManager/CellEditingDialog.es.js";
+import "../../../../components/DeleteEntitiesConfirm/DeleteConfirmContent.es.js";
 import "react-toastify";
 import "../../../../api/base/client.es.js";
 import "../../../../api/generated/graphql.es.js";
@@ -134,7 +135,7 @@ import "../../../Feed/components/CommentInput/quillToMarkdown.es.js";
 import "../../../../components/DetailsPanelDetails/hooks/useMentionSystem.es.js";
 import "../../../Feed/components/CommentInput/modules/index.es.js";
 import "../../../../context/RemoteModulesContext.es.js";
-import "../../../../../../_virtual/runtime.es.js";
+import "../../../../../node_modules/@module-federation/runtime/dist/index.es.js";
 import "../../../../../../_virtual/semver.es.js";
 import { useDetailsPanelContext as O } from "../../../../context/DetailsPanelContext.es.js";
 import "../../../../context/PowerpackContextInstance.es.js";
@@ -212,7 +213,6 @@ import "../../../ProjectTreeTable/context/ClipboardContext.es.js";
 import "../../../ProjectTreeTable/context/ColumnSettingsContext.es.js";
 import "../../../ProjectTreeTable/context/SelectedRowsContext.es.js";
 import "../../../ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
-import "../../../ProjectTreeTable/components/DeleteConfirmContent.es.js";
 import "../../../ProjectTreeTable/context/ProjectDataContextInstance.es.js";
 import "../../../ProjectTreeTable/context/ProjectTableContextInstance.es.js";
 import "../../../ProjectTreeTable/widgets/EmptyWidget.es.js";
@@ -255,6 +255,7 @@ import "../../../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
 import "../../../ListTable/ListTableRow.es.js";
 import "../../../ListTable/ListTable.styled.es.js";
 import "../../../../context/UriContext.es.js";
+import "../../../../context/DeleteEntitiesContext.es.js";
 import "custom-protocol-check";
 import "../../../ProjectTreeTable/components/GroupSettingsFallback.es.js";
 import "../../../../components/DetailsPanelDetails/DetailsSection.es.js";
@@ -301,7 +302,7 @@ import "../../../../components/Menu/Menu.styled.es.js";
 import "../../../../components/Menu/MenuItem.es.js";
 import "../../../../components/ReviewablesSelector/ReviewablesSelector.es.js";
 import "../../../../components/ColumnHeaderMenuUI.es.js";
-const Dp = () => {
+const Np = () => {
   const { pip: u } = O(), r = u?.entityType, a = u?.entities || [], x = u?.scope || "", d = a.length > 0 && !!r, p = a.map((t) => t.projectName), { data: h = [] } = Q({ projects: p }, { skip: !d }), { data: e = {}, isFetching: y } = q(
     {
       projects: p
@@ -391,6 +392,6 @@ const Dp = () => {
   ] }) }) });
 };
 export {
-  Dp as DetailsPanelFloating
+  Np as DetailsPanelFloating
 };
 //# sourceMappingURL=DetailsPanelFloating.es.js.map

package/dist/shared/src/containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelFloating.es.js","sources":["../../../../../../../src/containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.tsx"],"sourcesContent":["import { FC, useMemo, useState } from 'react'\nimport * as Styled from './DetailsPanelFloating.styled'\nimport getThumbnails from '../../helpers/getThumbnails'\nimport { StackedThumbnails } from '@shared/components'\nimport { upperFirst } from 'lodash'\nimport { AssigneeField, getTextColor, Icon } from '@ynput/ayon-react-components'\nimport { PiPWrapper, FeedFilter, ProjectContextProvider } from '@shared/context'\nimport { useGetEntitiesDetailsPanelQuery } from '@shared/api'\nimport { useGetKanbanProjectUsersQuery, useGetProjectsInfoQuery } from '@shared/api'\nimport getAllProjectStatuses from '../../helpers/getAllProjectsStatuses'\nimport FeedWrapper from '../../containers/FeedWrapper'\nimport mergeProjectInfo from '../../helpers/mergeProjectInfo'\nimport { buildDetailsPanelTitles } from '../../helpers/buildDetailsPanelTitles'\nimport { useDetailsPanelContext } from '@shared/context'\n\nexport interface DetailsPanelFloatingProps {}\n\nexport const DetailsPanelFloating: FC<DetailsPanelFloatingProps> = () => {\n  const { pip } = useDetailsPanelContext()\n  const entityType = pip?.entityType\n  const entities = pip?.entities || []\n  const scope = pip?.scope || ''\n  const isOpen = entities.length > 0 && !!entityType\n\n  const projects: string[] = entities.map((e: any) => e.projectName)\n\n  const { data: allUsers = [] } = useGetKanbanProjectUsersQuery({ projects }, { skip: !isOpen })\n\n  const { data: projectsInfo = {}, isFetching: isFetchingInfo } = useGetProjectsInfoQuery(\n    {\n      projects: projects,\n    },\n    { skip: !isOpen },\n  )\n\n  // get all statuses from projects info, removing duplicate names\n  const statuses = useMemo(\n    () => getAllProjectStatuses(projectsInfo, projects),\n    [projectsInfo, projects],\n  )\n\n  const { data: entitiesData = [], isFetching: isFetchingEntitiesDetails } =\n    useGetEntitiesDetailsPanelQuery(\n      // @ts-expect-error\n      { entityType: entityType, entities: entities },\n      {\n        skip: !isOpen || isFetchingInfo,\n      },\n    )\n\n  // reduce projectsInfo to selected projects and into one\n  const projectInfo = useMemo(\n    () => mergeProjectInfo(projectsInfo, projects),\n    [projectsInfo, projects],\n  )\n\n  // build icons for entity types\n  const entityTypeIcons = useMemo(\n    () => ({\n      task: projectInfo.taskTypes\n        .filter((task) => !!task.icon)\n        .reduce((acc, task) => ({ ...acc, [task.name]: task.icon }), {}),\n      folder: projectInfo.folderTypes\n        .filter((folder) => !!folder.icon)\n        .reduce((acc, folder) => ({ ...acc, [folder.name]: folder.icon }), {}),\n      product: projectInfo.productTypes\n        .filter((product) => !!product.icon)\n        .reduce((acc, product) => ({ ...acc, [product.name]: product.icon }), {}),\n    }),\n    [projectInfo],\n  )\n\n  const thumbnails = useMemo(\n    () => (entityType ? getThumbnails(entitiesData, entityType, entityTypeIcons) : []),\n    [entitiesData, entityType],\n  )\n\n  // users for assignee field, find in all users\n  const users = useMemo(() => {\n    return allUsers\n      .filter((u) => entitiesData.some((e) => e?.task?.assignees?.includes(u.name)))\n      .map((u) => ({ ...u, avatarUrl: `/api/users/${u.name}/avatar` }))\n  }, [allUsers, entities])\n\n  const firstEntity = entitiesData[0]\n  if (!entitiesData.length || !firstEntity) return null\n\n  if (isFetchingEntitiesDetails) return <div>Loading...</div>\n\n  const projectName = firstEntity?.projectName\n\n  // are there multiple statuses of different names?\n  const mixedStatuses = entitiesData.some((e) => e?.status !== firstEntity?.status)\n  const mixedStatus = {\n    icon: 'question_mark',\n    color: 'var(--md-sys-color-surface-container-highest)',\n    name: 'Mixed statuses',\n  }\n\n  const statusAnatomy = mixedStatuses\n    ? mixedStatus\n    : statuses.find((s) => s.name === firstEntity?.status) || {\n        icon: '',\n        color: '',\n        name: 'None',\n      }\n\n  if (!entityType) return null\n\n  // Get title and subtitle from the imported function\n  const { title, subTitle } = buildDetailsPanelTitles(entitiesData, entityType)\n\n  return (\n    <PiPWrapper>\n      <ProjectContextProvider projectName={projectName}>\n        <Styled.Container>\n          <Styled.Header>\n            <StackedThumbnails thumbnails={thumbnails} />\n            <Styled.Content>\n              <h2>{title}</h2>\n              <div className=\"sub-title\">\n                <span>{upperFirst(entityType)} - </span>\n                <h3>{subTitle}</h3>\n              </div>\n            </Styled.Content>\n          </Styled.Header>\n          <Styled.Row>\n            <Styled.Status\n              style={{\n                backgroundColor: statusAnatomy?.color,\n                color: getTextColor(statusAnatomy?.color),\n              }}\n            >\n              <Icon icon={statusAnatomy.icon || 'question_mark'} style={{ color: 'inherit' }} />\n              <span className=\"label\">{statusAnatomy?.name}</span>\n            </Styled.Status>\n            <AssigneeField users={users} style={{ pointerEvents: 'none' }} />\n          </Styled.Row>\n          <Styled.FeedContainer>\n            <FeedWrapper\n              entityType={entityType}\n              // @ts-ignore\n              entities={entitiesData}\n              thumbnailHash={firstEntity?.thumbnailHash}\n              activeUsers={[]}\n              // selectedTasksProjects={{}}\n              projectInfo={projectsInfo[projectName]}\n              projectName={projectName}\n              disabled={false}\n              scope={scope}\n              readOnly\n              // @ts-ignore\n              statuses={statuses}\n            />\n          </Styled.FeedContainer>\n        </Styled.Container>\n      </ProjectContextProvider>\n    </PiPWrapper>\n  )\n}\n\nexport default DetailsPanelFloating\n"],"names":["DetailsPanelFloating","pip","useDetailsPanelContext","entityType","entities","scope","isOpen","projects","e","allUsers","useGetKanbanProjectUsersQuery","projectsInfo","isFetchingInfo","useGetProjectsInfoQuery","statuses","useMemo","getAllProjectStatuses","entitiesData","isFetchingEntitiesDetails","useGetEntitiesDetailsPanelQuery","projectInfo","mergeProjectInfo","entityTypeIcons","task","acc","folder","product","thumbnails","getThumbnails","users","u","firstEntity","jsx","projectName","statusAnatomy","s","title","subTitle","buildDetailsPanelTitles","PiPWrapper","ProjectContextProvider","jsxs","Styled.Container","Styled.Header","StackedThumbnails","Styled.Content","upperFirst","Styled.Row","Styled.Status","getTextColor","Icon","AssigneeField","Styled.FeedContainer","FeedWrapper"],"mappings":"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"}
+{"version":3,"file":"DetailsPanelFloating.es.js","sources":["../../../../../../../src/containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.tsx"],"sourcesContent":["import { FC, useMemo, useState } from 'react'\nimport * as Styled from './DetailsPanelFloating.styled'\nimport getThumbnails from '../../helpers/getThumbnails'\nimport { StackedThumbnails } from '@shared/components'\nimport { upperFirst } from 'lodash'\nimport { AssigneeField, getTextColor, Icon } from '@ynput/ayon-react-components'\nimport { PiPWrapper, FeedFilter, ProjectContextProvider } from '@shared/context'\nimport { useGetEntitiesDetailsPanelQuery } from '@shared/api'\nimport { useGetKanbanProjectUsersQuery, useGetProjectsInfoQuery } from '@shared/api'\nimport getAllProjectStatuses from '../../helpers/getAllProjectsStatuses'\nimport FeedWrapper from '../../containers/FeedWrapper'\nimport mergeProjectInfo from '../../helpers/mergeProjectInfo'\nimport { buildDetailsPanelTitles } from '../../helpers/buildDetailsPanelTitles'\nimport { useDetailsPanelContext } from '@shared/context'\n\nexport interface DetailsPanelFloatingProps {}\n\nexport const DetailsPanelFloating: FC<DetailsPanelFloatingProps> = () => {\n  const { pip } = useDetailsPanelContext()\n  const entityType = pip?.entityType\n  const entities = pip?.entities || []\n  const scope = pip?.scope || ''\n  const isOpen = entities.length > 0 && !!entityType\n\n  const projects: string[] = entities.map((e: any) => e.projectName)\n\n  const { data: allUsers = [] } = useGetKanbanProjectUsersQuery({ projects }, { skip: !isOpen })\n\n  const { data: projectsInfo = {}, isFetching: isFetchingInfo } = useGetProjectsInfoQuery(\n    {\n      projects: projects,\n    },\n    { skip: !isOpen },\n  )\n\n  // get all statuses from projects info, removing duplicate names\n  const statuses = useMemo(\n    () => getAllProjectStatuses(projectsInfo, projects),\n    [projectsInfo, projects],\n  )\n\n  const { data: entitiesData = [], isFetching: isFetchingEntitiesDetails } =\n    useGetEntitiesDetailsPanelQuery(\n      // @ts-expect-error\n      { entityType: entityType, entities: entities },\n      {\n        skip: !isOpen || isFetchingInfo,\n      },\n    )\n\n  // reduce projectsInfo to selected projects and into one\n  const projectInfo = useMemo(\n    () => mergeProjectInfo(projectsInfo, projects),\n    [projectsInfo, projects],\n  )\n\n  // build icons for entity types\n  const entityTypeIcons = useMemo(\n    () => ({\n      task: projectInfo.taskTypes\n        .filter((task) => !!task.icon)\n        .reduce((acc, task) => ({ ...acc, [task.name]: task.icon }), {}),\n      folder: projectInfo.folderTypes\n        .filter((folder) => !!folder.icon)\n        .reduce((acc, folder) => ({ ...acc, [folder.name]: folder.icon }), {}),\n      product: projectInfo.productTypes\n        .filter((product) => !!product.icon)\n        .reduce((acc, product) => ({ ...acc, [product.name]: product.icon }), {}),\n    }),\n    [projectInfo],\n  )\n\n  const thumbnails = useMemo(\n    () => (entityType ? getThumbnails(entitiesData, entityType, entityTypeIcons) : []),\n    [entitiesData, entityType],\n  )\n\n  // users for assignee field, find in all users\n  const users = useMemo(() => {\n    return allUsers\n      .filter((u) => entitiesData.some((e) => e?.task?.assignees?.includes(u.name)))\n      .map((u) => ({ ...u, avatarUrl: `/api/users/${u.name}/avatar` }))\n  }, [allUsers, entities])\n\n  const firstEntity = entitiesData[0]\n  if (!entitiesData.length || !firstEntity) return null\n\n  if (isFetchingEntitiesDetails) return <div>Loading...</div>\n\n  const projectName = firstEntity?.projectName\n\n  // are there multiple statuses of different names?\n  const mixedStatuses = entitiesData.some((e) => e?.status !== firstEntity?.status)\n  const mixedStatus = {\n    icon: 'question_mark',\n    color: 'var(--md-sys-color-surface-container-highest)',\n    name: 'Mixed statuses',\n  }\n\n  const statusAnatomy = mixedStatuses\n    ? mixedStatus\n    : statuses.find((s) => s.name === firstEntity?.status) || {\n        icon: '',\n        color: '',\n        name: 'None',\n      }\n\n  if (!entityType) return null\n\n  // Get title and subtitle from the imported function\n  const { title, subTitle } = buildDetailsPanelTitles(entitiesData, entityType)\n\n  return (\n    <PiPWrapper>\n      <ProjectContextProvider projectName={projectName}>\n        <Styled.Container>\n          <Styled.Header>\n            <StackedThumbnails thumbnails={thumbnails} />\n            <Styled.Content>\n              <h2>{title}</h2>\n              <div className=\"sub-title\">\n                <span>{upperFirst(entityType)} - </span>\n                <h3>{subTitle}</h3>\n              </div>\n            </Styled.Content>\n          </Styled.Header>\n          <Styled.Row>\n            <Styled.Status\n              style={{\n                backgroundColor: statusAnatomy?.color,\n                color: getTextColor(statusAnatomy?.color),\n              }}\n            >\n              <Icon icon={statusAnatomy.icon || 'question_mark'} style={{ color: 'inherit' }} />\n              <span className=\"label\">{statusAnatomy?.name}</span>\n            </Styled.Status>\n            <AssigneeField users={users} style={{ pointerEvents: 'none' }} />\n          </Styled.Row>\n          <Styled.FeedContainer>\n            <FeedWrapper\n              entityType={entityType}\n              // @ts-ignore\n              entities={entitiesData}\n              thumbnailHash={firstEntity?.thumbnailHash}\n              activeUsers={[]}\n              // selectedTasksProjects={{}}\n              projectInfo={projectsInfo[projectName]}\n              projectName={projectName}\n              disabled={false}\n              scope={scope}\n              readOnly\n              // @ts-ignore\n              statuses={statuses}\n            />\n          </Styled.FeedContainer>\n        </Styled.Container>\n      </ProjectContextProvider>\n    </PiPWrapper>\n  )\n}\n\nexport default DetailsPanelFloating\n"],"names":["DetailsPanelFloating","pip","useDetailsPanelContext","entityType","entities","scope","isOpen","projects","e","allUsers","useGetKanbanProjectUsersQuery","projectsInfo","isFetchingInfo","useGetProjectsInfoQuery","statuses","useMemo","getAllProjectStatuses","entitiesData","isFetchingEntitiesDetails","useGetEntitiesDetailsPanelQuery","projectInfo","mergeProjectInfo","entityTypeIcons","task","acc","folder","product","thumbnails","getThumbnails","users","u","firstEntity","jsx","projectName","statusAnatomy","s","title","subTitle","buildDetailsPanelTitles","PiPWrapper","ProjectContextProvider","jsxs","Styled.Container","Styled.Header","StackedThumbnails","Styled.Content","upperFirst","Styled.Row","Styled.Status","getTextColor","Icon","AssigneeField","Styled.FeedContainer","FeedWrapper"],"mappings":"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"}

package/dist/shared/src/containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const r=require("../../../../../../_virtual/jsx-runtime.cjs.js"),n=require("react"),h=require("lodash"),m=require("clsx"),T=require("@ynput/ayon-react-components");require("../../../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../../components/AccessUser/AccessUser.cjs.js");require("../../../../components/AttributeEditor/AttributeEditor.cjs.js");require("../../../../components/AttributeEditor/attributeTypeMap.cjs.js");require("../../../../components/Badge/Badge.cjs.js");require("../../../../components/Chips/Chips.cjs.js");require("react-dom");require("date-fns");require("../../../../components/DateRangePicker/DateRangePicker.styled.cjs.js");require("../../../../components/LinksManager/CellEditingDialog.cjs.js");require("react-toastify");require("../../../../api/base/client.cjs.js");require("../../../../api/generated/graphql.cjs.js");require("../../../../api/generated/graphqlLinks.cjs.js");require("../../../../api/generated/access.cjs.js");require("../../../../api/generated/actions.cjs.js");require("../../../../api/generated/activityFeed.cjs.js");require("../../../../api/generated/addons.cjs.js");require("../../../../api/generated/anatomy.cjs.js");require("../../../../api/generated/attributes.cjs.js");require("../../../../api/generated/authentication.cjs.js");require("../../../../api/generated/bundles.cjs.js");require("../../../../api/generated/configuration.cjs.js");require("../../../../api/generated/dataImport.cjs.js");require("../../../../api/generated/desktop.cjs.js");require("../../../../api/generated/entityLists.cjs.js");require("../../../../api/generated/events.cjs.js");require("../../../../api/generated/files.cjs.js");require("../../../../api/generated/folders.cjs.js");require("../../../../api/generated/inbox.cjs.js");require("../../../../api/generated/links.cjs.js");require("../../../../api/generated/market.cjs.js");require("../../../../api/generated/onboarding.cjs.js");require("../../../../api/generated/operations.cjs.js");require("../../../../api/generated/products.cjs.js");require("../../../../api/generated/projectDashboard.cjs.js");require("../../../../api/generated/projects.cjs.js");require("../../../../api/generated/projectFolders.cjs.js");require("../../../../api/generated/reviewables.cjs.js");require("../../../../api/generated/services.cjs.js");require("../../../../api/generated/system.cjs.js");require("../../../../api/generated/tasks.cjs.js");require("../../../../api/generated/teams.cjs.js");require("../../../../api/generated/thumbnails.cjs.js");require("../../../../api/generated/uRIs.cjs.js");require("../../../../api/generated/users.cjs.js");require("../../../../api/generated/versions.cjs.js");require("../../../../api/generated/workfiles.cjs.js");require("../../../../api/generated/ynputCloud.cjs.js");require("../../../../api/generated/grouping.cjs.js");require("../../../../api/generated/views.cjs.js");require("../../../../api/queries/actions/getActions.cjs.js");require("../../../../api/queries/activities/getActivities.cjs.js");require("../../../../api/queries/activities/updateReaction.cjs.js");require("../../../../api/queries/activities/getMentions.cjs.js");require("../../../../api/queries/activities/getCategories.cjs.js");require("../../../../api/queries/addons/getAddons.cjs.js");require("../../../../api/queries/addons/updateAddons.cjs.js");const ee=require("../../../../api/queries/attributes/getAttributes.cjs.js");require("../../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../../api/queries/bundles/getBundles.cjs.js");require("../../../../api/queries/bundles/updateBundles.cjs.js");require("../../../../api/queries/cloud/cloud.cjs.js");require("../../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../../api/queries/columnStats/groupCounts.cjs.js");require("../../../../api/queries/config/getConfig.cjs.js");require("../../../../api/queries/config/updateConfig.cjs.js");require("../../../../api/queries/entities/getEntity.cjs.js");require("../../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../../api/queries/overview/getOverview.cjs.js");require("../../../../api/queries/overview/updateOverview.cjs.js");require("../../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../../api/queries/links/getEntityLinks.cjs.js");require("../../../../api/queries/entities/updateEntity.cjs.js");require("../../../../api/queries/entityLists/getLists.cjs.js");require("../../../../api/queries/entityLists/updateLists.cjs.js");require("../../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../../api/queries/entityLists/listFolders.cjs.js");require("../../../../api/queries/folders/getFolders.cjs.js");require("../../../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../../../api/queries/grouping/getGrouping.cjs.js");require("../../../../api/queries/links/updateLinks.cjs.js");require("../../../../api/queries/links/getLinks.cjs.js");require("../../../../api/queries/permissions/getPermissions.cjs.js");require("../../../../api/queries/products/createProduct.cjs.js");require("../../../../api/queries/products/getFolderProducts.cjs.js");require("../../../../api/queries/project/getProject.cjs.js");require("../../../../api/queries/project/updateProject.cjs.js");require("../../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../../api/queries/review/getReview.cjs.js");require("../../../../api/queries/review/updateReview.cjs.js");require("../../../../api/queries/share/share.cjs.js");require("../../../../api/queries/system/getSystem.cjs.js");require("../../../../api/queries/tasks/getTasks.cjs.js");require("../../../../api/queries/tasks/updateTasks.cjs.js");require("../../../../api/queries/teams/getTeams.cjs.js");require("../../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../../api/queries/users/getUsers.cjs.js");require("../../../../api/queries/users/updateUsers.cjs.js");require("../../../../api/queries/users/guests.cjs.js");require("../../../../api/queries/versions/updateVersions.cjs.js");require("../../../../api/queries/views/getViews.cjs.js");require("../../../../api/queries/views/updateViews.cjs.js");require("../../../../api/queries/watchers/getWatchers.cjs.js");require("../../../../api/queries/uris/getUris.cjs.js");require("../../../../../../_virtual/index.cjs.js");require("../../../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                      */const re=require("../../../../util/getPriorityOptions.cjs.js");require("uuid");require("../../../../util/pubsub.cjs.js");require("../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../../../../components/DetailsPanelDetails/BorderedSection.cjs.js");require("../../../../components/QuillListStyles/QuillListStyles.cjs.js");require("../../../../components/DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("react-markdown");require("remark-gfm");require("rehype-raw");require("../../../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../../../components/DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../../Feed/components/CommentInput/modules/index.cjs.js");require("../../../../context/RemoteModulesContext.cjs.js");require("../../../../../../_virtual/runtime.cjs.js");require("../../../../../../_virtual/semver.cjs.js");const ie=require("../../../../hooks/useScopedStatuses.cjs.js"),ue=require("../../../../hooks/useEntityUpdate.cjs.js");require("react-redux");require("custom-protocol-check");const qe=require("../../../../context/DetailsPanelContext.cjs.js");require("../../../../context/PowerpackContextInstance.cjs.js");require("../../../../context/SubtasksModulesContextInstance.cjs.js");require("../../../../context/ThumbnailUploaderContext.cjs.js");require("../../../../context/SettingsPanelContext.cjs.js");require("../../../../context/pip/PiPProvider.cjs.js");require("../../../../context/pip/PiPWrapper.cjs.js");require("../../../../context/AddonProjectContext.cjs.js");require("../../../../context/AddonContext.cjs.js");require("../../../../context/MoveEntityContext.cjs.js");require("../../../../context/MenuContext.cjs.js");require("../../../../context/WebsocketContext.cjs.js");require("../../../../context/GlobalContext.cjs.js");require("../../../../context/ProjectContext.cjs.js");require("../../../../context/ProjectFoldersContextInstance.cjs.js");require("../../../../context/EntityUpdatesContextInstance.cjs.js");require("../../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                         */require("../../../Feed/context/FeedContext.cjs.js");require("../../../Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../../Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("remark-emoji");require("remark-directive");require("remark-directive-rehype");require("../../../Feed/components/CommentInput/CommentInput.cjs.js");require("../../../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../../Feed/components/ActivityDate.cjs.js");require("../../../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../../Feed/components/ActivityStatusChange/ActivityStatusSecondary.cjs.js");require("../../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../../Feed/components/ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../../Feed/Feed.styled.cjs.js");require("../../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../../Feed/components/FeedSearchFilter.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../../ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../../ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../../ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../../../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../../ProjectTreeTable/widgets/MarkdownWidget.cjs.js");require("../../../ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../../ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../../ProjectTreeTable/widgets/LinksWidget.cjs.js");require("../../../../components/LinksManager/LinksManager.styled.cjs.js");require("short-uuid");require("../../../../components/SearchFilter/filterDates.cjs.js");require("../../../ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../../ProjectTreeTable/components/DeleteConfirmContent.cjs.js");require("../../../ProjectTreeTable/context/ProjectDataContextInstance.cjs.js");require("../../../ProjectTreeTable/context/ProjectTableContextInstance.cjs.js");require("../../../ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../../ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../../ProjectTreeTable/components/SelectionCell.cjs.js");require("../../../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../ProjectTreeTable/components/TableFooterRow.cjs.js");require("../../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../../Slicer/components/Slicer.cjs.js");require("../../../Slicer/context/SlicerContextInstance.cjs.js");require("../../../Slicer/components/SlicerDropdownFallback.cjs.js");require("../../../Slicer/hooks/useTableDataBySlice.cjs.js");require("../../DetailsPanel.styled.cjs.js");const se=require("../DetailsPanelTabs/DetailsPanelTabs.cjs.js"),te=require("./LinkedTaskRow.cjs.js"),o=require("./DetailsPanelHeader.styled.cjs.js"),ae=require("../../helpers/getThumbnails.cjs.js"),oe=require("../../helpers/buildEntityTypeIcons.cjs.js"),ne=require("../../helpers/buildDetailsPanelTitles.cjs.js"),le=require("../../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../SubtasksSearchFilter/SubtasksSearchFilter.cjs.js");require("../DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");const ce=require("../../../Actions/Actions.cjs.js");require("../../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../../Views/context/ViewsContextInstance.cjs.js");require("../../../Views/Views.styled.cjs.js");require("../../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../../ListTable/ListTableRow.cjs.js");require("../../../ListTable/ListTable.styled.cjs.js");require("../../../../context/UriContext.cjs.js");require("../../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("../../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../../components/InfoMessage/InfoMessage.cjs.js");require("../../../../components/EnumEditor/EnumEditor.styled.cjs.js");const de=require("../../../../components/EntityPanelUploader/EntityPanelUploader.cjs.js");require("../../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../../components/Feedback/FeedbackContextInstance.cjs.js");require("../../../../components/Feedback/SupportBubble.cjs.js");require("../../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../../components/Powerpack/FreeTrialLink.cjs.js");require("../../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../../components/Powerpack/CTAButton.cjs.js");require("../../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../../components/SizeSlider/SizeSlider.cjs.js");require("../../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");require("../../../../components/SearchFilter/CustomDateRangeDialog.cjs.js");require("../../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../../components/StyledLink/StyledLink.cjs.js");require("../../../../components/SyncButton/SyncButton.cjs.js");require("../../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../../components/Thumbnail/Thumbnail.styled.cjs.js");const me=require("../../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../../components/VersionUploader/context/VersionUploadContextInstance.cjs.js");require("../../../../components/Watchers/Watchers.cjs.js");require("../../../../components/Menu/Menu.styled.cjs.js");require("../../../../components/Menu/MenuItem.cjs.js");require("../../../../components/ReviewablesSelector/ReviewablesSelector.cjs.js");require("../../../../components/ColumnHeaderMenuUI.cjs.js");const xe=({entityType:i,entitySubTypes:A,entities:u=[],disabledAssignees:M=[],users:j=[],disabledStatuses:D,tagsOptions:E=[],isFetching:R,isCompact:c=!1,currentTab:I,onTabChange:O,projectInfo:x,onOpenViewer:U,onEntityFocus:w,thumbnailInputRef:V,versionsInputRef:H})=>{const{useSearchParams:y,useNavigate:L,bundleMode:G}=qe.useDetailsPanelContext(),_=L(),[K,Q]=y(),W=n.useRef(null),b=n.useMemo(()=>oe(x),[x]),p=ie.useScopedStatuses(u.map(e=>e.projectName),[i]),l=n.useMemo(()=>h.union(...u.flatMap(e=>[e.task?.assignees||[],e.version?.author||[]])),[u]);let q=u[0];const t=u.length===0||!q||R;q||(q={parents:[],id:"placeholder",name:"loading...",label:"loading...",entityType:i,status:"loading",projectName:"loading...",tags:[],hasReviewables:!1,attrib:{},createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),path:""});const v=u.length>1?void 0:q?.projectName;u.filter(e=>e.projectName===q?.projectName&&e.id).map(e=>e.id);const{data:$}=ee.useGetAttributeConfigQuery({attributeName:"priority"}),N=re.getPriorityOptions($,i),f=n.useMemo(()=>ae(u,i,b),[u,i,b]),S=n.useMemo(()=>u.map(e=>e.status),[u]),z=n.useMemo(()=>u.map(e=>e.attrib?.priority),[u]),B=n.useMemo(()=>u.map(e=>e.tags),[u]),F=n.useMemo(()=>E.reduce((e,s)=>(e[s.name]=s,e),{}),[E]),g=u.length>1,{updateEntity:J}=ue.useEntityUpdate({entities:u.map(e=>({id:e.id,projectName:e.projectName,users:e.task?.assignees||[],folderId:e.folder?.id,productId:e.product?.id})),entityType:i}),d=(e,s)=>s==null?console.error("value is null or undefined"):J(e,s),X=()=>{let e,s=q.id,a=i+"Id";i==="version"&&q.product?.id&&(e=[q.id],s=q.product?.id,a="productId"),s&&U({[a]:s,projectName:v,versionIds:e})},P=["task","version","representation"].includes(i)&&(l.length>0||i==="task"),k=j.map(e=>e);if(P){const e=j.map(a=>a.name),s=l.filter(a=>!e.includes(a));s.length&&k.push(...s.map(a=>({name:a,fullName:a})))}const{title:Y,subTitle:Z}=ne.buildDetailsPanelTitles(u,i),C=p?.length!==0&&p?.find(e=>e.name===S[0]);return r.jsxRuntimeExports.jsx(o.HeaderContainer,{children:r.jsxRuntimeExports.jsx(de.EntityPanelUploader,{entities:u,entityType:i,projectName:v,thumbnailInputRef:V,versionsInputRef:H,onVersionCreated:e=>w?.(e,"version"),children:r.jsxRuntimeExports.jsxs(o.Grid,{className:m("details-panel-header",{isCompact:c}),children:[r.jsxRuntimeExports.jsxs(o.Header,{className:m("titles",{isCompact:c,loading:t},"no-shimmer"),children:[r.jsxRuntimeExports.jsxs("div",{style:{position:"relative"},children:[r.jsxRuntimeExports.jsx(me.StackedThumbnails,{isLoading:t,shimmer:t,thumbnails:f,onClick:f.length===1?X:void 0,hoverIcon:"play_circle"}),!g&&q?.hasReviewables&&r.jsxRuntimeExports.jsx(le.PlayableIcon,{})]}),r.jsxRuntimeExports.jsxs(o.Content,{className:m({loading:t}),children:[r.jsxRuntimeExports.jsxs(o.Title,{children:[r.jsxRuntimeExports.jsx("h2",{children:Y}),r.jsxRuntimeExports.jsx(o.TagsSelect,{ref:W,value:h.union(...B),tags:F,options:[],editable:!0,editor:!0,onChange:e=>d("tags",e),align:"right",styleDropdown:{display:t?"none":"unset"},className:"tags-select",itemClassName:"details-tag"})]}),r.jsxRuntimeExports.jsxs("div",{className:"sub-title",children:[r.jsxRuntimeExports.jsxs("span",{className:"entity-type",children:[h.upperFirst(i)," - "]}),r.jsxRuntimeExports.jsx("h3",{children:Z})]}),i==="version"&&!g&&!t&&q&&r.jsxRuntimeExports.jsx(te,{entity:q,taskTypes:x.taskTypes},q.id)]})]}),r.jsxRuntimeExports.jsx(o.StatusSelect,{value:S,options:p||[],disabledValues:D,invert:!0,style:{maxWidth:"unset"},onChange:e=>d("status",e),className:m("status-select",{loading:t}),align:c?"right":"left",$textColor:T.getTextColor(C!==void 0?C.color:"#OOO")}),!c&&(!P||t?r.jsxRuntimeExports.jsx("div",{}):r.jsxRuntimeExports.jsx(o.AssigneeSelect,{value:l,options:k,disabledValues:M.map(e=>e.name),isMultiple:g&&l.length>1&&i==="task",readOnly:i!=="task",emptyMessage:i==="task"?"Assign user":"",align:"right",onChange:e=>d("assignees",e),className:"assignee-select","data-tooltip":l.length?i==="task"?"Assigned users":"Author":""})),r.jsxRuntimeExports.jsx(ce.Actions,{entities:u,entityType:i,entitySubTypes:A,isLoadingEntity:!!R||!!t,searchParams:K,bundleMode:G,onSetSearchParams:Q,onNavigate:_}),N?r.jsxRuntimeExports.jsx(o.PriorityEnumDropdown,{options:N,placeholder:"No priority",value:z,onChange:e=>d("attrib",{priority:e[0]}),align:"right"}):r.jsxRuntimeExports.jsx("div",{style:{height:32}}),r.jsxRuntimeExports.jsx(se,{entityType:i,currentTab:I,onTabChange:O,isLoading:t})]})})})};module.exports=xe;
+"use strict";const r=require("../../../../../../_virtual/jsx-runtime.cjs.js"),n=require("react"),h=require("lodash"),m=require("clsx"),T=require("@ynput/ayon-react-components");require("../../../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../../components/AccessUser/AccessUser.cjs.js");require("../../../../components/AttributeEditor/AttributeEditor.cjs.js");require("../../../../components/AttributeEditor/attributeTypeMap.cjs.js");require("../../../../components/Badge/Badge.cjs.js");require("../../../../components/Chips/Chips.cjs.js");require("react-dom");require("date-fns");require("../../../../components/DateRangePicker/DateRangePicker.styled.cjs.js");require("../../../../components/LinksManager/CellEditingDialog.cjs.js");require("../../../../components/DeleteEntitiesConfirm/DeleteConfirmContent.cjs.js");require("react-toastify");require("../../../../api/base/client.cjs.js");require("../../../../api/generated/graphql.cjs.js");require("../../../../api/generated/graphqlLinks.cjs.js");require("../../../../api/generated/access.cjs.js");require("../../../../api/generated/actions.cjs.js");require("../../../../api/generated/activityFeed.cjs.js");require("../../../../api/generated/addons.cjs.js");require("../../../../api/generated/anatomy.cjs.js");require("../../../../api/generated/attributes.cjs.js");require("../../../../api/generated/authentication.cjs.js");require("../../../../api/generated/bundles.cjs.js");require("../../../../api/generated/configuration.cjs.js");require("../../../../api/generated/dataImport.cjs.js");require("../../../../api/generated/desktop.cjs.js");require("../../../../api/generated/entityLists.cjs.js");require("../../../../api/generated/events.cjs.js");require("../../../../api/generated/files.cjs.js");require("../../../../api/generated/folders.cjs.js");require("../../../../api/generated/inbox.cjs.js");require("../../../../api/generated/links.cjs.js");require("../../../../api/generated/market.cjs.js");require("../../../../api/generated/onboarding.cjs.js");require("../../../../api/generated/operations.cjs.js");require("../../../../api/generated/products.cjs.js");require("../../../../api/generated/projectDashboard.cjs.js");require("../../../../api/generated/projects.cjs.js");require("../../../../api/generated/projectFolders.cjs.js");require("../../../../api/generated/reviewables.cjs.js");require("../../../../api/generated/services.cjs.js");require("../../../../api/generated/system.cjs.js");require("../../../../api/generated/tasks.cjs.js");require("../../../../api/generated/teams.cjs.js");require("../../../../api/generated/thumbnails.cjs.js");require("../../../../api/generated/uRIs.cjs.js");require("../../../../api/generated/users.cjs.js");require("../../../../api/generated/versions.cjs.js");require("../../../../api/generated/workfiles.cjs.js");require("../../../../api/generated/ynputCloud.cjs.js");require("../../../../api/generated/grouping.cjs.js");require("../../../../api/generated/views.cjs.js");require("../../../../api/queries/actions/getActions.cjs.js");require("../../../../api/queries/activities/getActivities.cjs.js");require("../../../../api/queries/activities/updateReaction.cjs.js");require("../../../../api/queries/activities/getMentions.cjs.js");require("../../../../api/queries/activities/getCategories.cjs.js");require("../../../../api/queries/addons/getAddons.cjs.js");require("../../../../api/queries/addons/updateAddons.cjs.js");const ee=require("../../../../api/queries/attributes/getAttributes.cjs.js");require("../../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../../api/queries/bundles/getBundles.cjs.js");require("../../../../api/queries/bundles/updateBundles.cjs.js");require("../../../../api/queries/cloud/cloud.cjs.js");require("../../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../../api/queries/columnStats/groupCounts.cjs.js");require("../../../../api/queries/config/getConfig.cjs.js");require("../../../../api/queries/config/updateConfig.cjs.js");require("../../../../api/queries/entities/getEntity.cjs.js");require("../../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../../api/queries/overview/getOverview.cjs.js");require("../../../../api/queries/overview/updateOverview.cjs.js");require("../../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../../api/queries/links/getEntityLinks.cjs.js");require("../../../../api/queries/entities/updateEntity.cjs.js");require("../../../../api/queries/entityLists/getLists.cjs.js");require("../../../../api/queries/entityLists/updateLists.cjs.js");require("../../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../../api/queries/entityLists/listFolders.cjs.js");require("../../../../api/queries/folders/getFolders.cjs.js");require("../../../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../../../api/queries/grouping/getGrouping.cjs.js");require("../../../../api/queries/links/updateLinks.cjs.js");require("../../../../api/queries/links/getLinks.cjs.js");require("../../../../api/queries/permissions/getPermissions.cjs.js");require("../../../../api/queries/products/createProduct.cjs.js");require("../../../../api/queries/products/getFolderProducts.cjs.js");require("../../../../api/queries/project/getProject.cjs.js");require("../../../../api/queries/project/updateProject.cjs.js");require("../../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../../api/queries/review/getReview.cjs.js");require("../../../../api/queries/review/updateReview.cjs.js");require("../../../../api/queries/share/share.cjs.js");require("../../../../api/queries/system/getSystem.cjs.js");require("../../../../api/queries/tasks/getTasks.cjs.js");require("../../../../api/queries/tasks/updateTasks.cjs.js");require("../../../../api/queries/teams/getTeams.cjs.js");require("../../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../../api/queries/users/getUsers.cjs.js");require("../../../../api/queries/users/updateUsers.cjs.js");require("../../../../api/queries/users/guests.cjs.js");require("../../../../api/queries/versions/updateVersions.cjs.js");require("../../../../api/queries/views/getViews.cjs.js");require("../../../../api/queries/views/updateViews.cjs.js");require("../../../../api/queries/watchers/getWatchers.cjs.js");require("../../../../api/queries/uris/getUris.cjs.js");require("../../../../../../_virtual/index.cjs.js");require("../../../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                      */const re=require("../../../../util/getPriorityOptions.cjs.js");require("uuid");require("../../../../util/pubsub.cjs.js");require("../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../../../../components/DetailsPanelDetails/BorderedSection.cjs.js");require("../../../../components/QuillListStyles/QuillListStyles.cjs.js");require("../../../../components/DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("react-markdown");require("remark-gfm");require("rehype-raw");require("../../../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../../../components/DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../../Feed/components/CommentInput/modules/index.cjs.js");require("../../../../context/RemoteModulesContext.cjs.js");require("../../../../../node_modules/@module-federation/runtime/dist/index.cjs.js");require("../../../../../../_virtual/semver.cjs.js");const ie=require("../../../../hooks/useScopedStatuses.cjs.js"),ue=require("../../../../hooks/useEntityUpdate.cjs.js");require("react-redux");require("custom-protocol-check");const qe=require("../../../../context/DetailsPanelContext.cjs.js");require("../../../../context/PowerpackContextInstance.cjs.js");require("../../../../context/SubtasksModulesContextInstance.cjs.js");require("../../../../context/ThumbnailUploaderContext.cjs.js");require("../../../../context/SettingsPanelContext.cjs.js");require("../../../../context/pip/PiPProvider.cjs.js");require("../../../../context/pip/PiPWrapper.cjs.js");require("../../../../context/AddonProjectContext.cjs.js");require("../../../../context/AddonContext.cjs.js");require("../../../../context/MoveEntityContext.cjs.js");require("../../../../context/MenuContext.cjs.js");require("../../../../context/WebsocketContext.cjs.js");require("../../../../context/GlobalContext.cjs.js");require("../../../../context/ProjectContext.cjs.js");require("../../../../context/ProjectFoldersContextInstance.cjs.js");require("../../../../context/EntityUpdatesContextInstance.cjs.js");require("../../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                         */require("../../../Feed/context/FeedContext.cjs.js");require("../../../Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../../Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("remark-emoji");require("remark-directive");require("remark-directive-rehype");require("../../../Feed/components/CommentInput/CommentInput.cjs.js");require("../../../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../../Feed/components/ActivityDate.cjs.js");require("../../../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../../Feed/components/ActivityStatusChange/ActivityStatusSecondary.cjs.js");require("../../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../../Feed/components/ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../../Feed/Feed.styled.cjs.js");require("../../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../../Feed/components/FeedSearchFilter.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../../ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../../ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../../ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../../../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../../ProjectTreeTable/widgets/MarkdownWidget.cjs.js");require("../../../ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../../ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../../ProjectTreeTable/widgets/LinksWidget.cjs.js");require("../../../../components/LinksManager/LinksManager.styled.cjs.js");require("short-uuid");require("../../../../components/SearchFilter/filterDates.cjs.js");require("../../../ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../../ProjectTreeTable/context/ProjectDataContextInstance.cjs.js");require("../../../ProjectTreeTable/context/ProjectTableContextInstance.cjs.js");require("../../../ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../../ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../../ProjectTreeTable/components/SelectionCell.cjs.js");require("../../../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../ProjectTreeTable/components/TableFooterRow.cjs.js");require("../../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../../Slicer/components/Slicer.cjs.js");require("../../../Slicer/context/SlicerContextInstance.cjs.js");require("../../../Slicer/components/SlicerDropdownFallback.cjs.js");require("../../../Slicer/hooks/useTableDataBySlice.cjs.js");require("../../DetailsPanel.styled.cjs.js");const se=require("../DetailsPanelTabs/DetailsPanelTabs.cjs.js"),te=require("./LinkedTaskRow.cjs.js"),o=require("./DetailsPanelHeader.styled.cjs.js"),ae=require("../../helpers/getThumbnails.cjs.js"),oe=require("../../helpers/buildEntityTypeIcons.cjs.js"),ne=require("../../helpers/buildDetailsPanelTitles.cjs.js"),le=require("../../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../SubtasksSearchFilter/SubtasksSearchFilter.cjs.js");require("../DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");const ce=require("../../../Actions/Actions.cjs.js");require("../../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../../Views/context/ViewsContextInstance.cjs.js");require("../../../Views/Views.styled.cjs.js");require("../../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../../ListTable/ListTableRow.cjs.js");require("../../../ListTable/ListTable.styled.cjs.js");require("../../../../context/UriContext.cjs.js");require("../../../../context/DeleteEntitiesContext.cjs.js");require("../../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("../../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../../components/InfoMessage/InfoMessage.cjs.js");require("../../../../components/EnumEditor/EnumEditor.styled.cjs.js");const de=require("../../../../components/EntityPanelUploader/EntityPanelUploader.cjs.js");require("../../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../../components/Feedback/FeedbackContextInstance.cjs.js");require("../../../../components/Feedback/SupportBubble.cjs.js");require("../../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../../components/Powerpack/FreeTrialLink.cjs.js");require("../../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../../components/Powerpack/CTAButton.cjs.js");require("../../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../../components/SizeSlider/SizeSlider.cjs.js");require("../../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");require("../../../../components/SearchFilter/CustomDateRangeDialog.cjs.js");require("../../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../../components/StyledLink/StyledLink.cjs.js");require("../../../../components/SyncButton/SyncButton.cjs.js");require("../../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../../components/Thumbnail/Thumbnail.styled.cjs.js");const me=require("../../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../../components/VersionUploader/context/VersionUploadContextInstance.cjs.js");require("../../../../components/Watchers/Watchers.cjs.js");require("../../../../components/Menu/Menu.styled.cjs.js");require("../../../../components/Menu/MenuItem.cjs.js");require("../../../../components/ReviewablesSelector/ReviewablesSelector.cjs.js");require("../../../../components/ColumnHeaderMenuUI.cjs.js");const xe=({entityType:i,entitySubTypes:A,entities:u=[],disabledAssignees:M=[],users:j=[],disabledStatuses:D,tagsOptions:E=[],isFetching:R,isCompact:c=!1,currentTab:I,onTabChange:O,projectInfo:x,onOpenViewer:U,onEntityFocus:w,thumbnailInputRef:V,versionsInputRef:H})=>{const{useSearchParams:y,useNavigate:L,bundleMode:G}=qe.useDetailsPanelContext(),_=L(),[K,Q]=y(),W=n.useRef(null),b=n.useMemo(()=>oe(x),[x]),p=ie.useScopedStatuses(u.map(e=>e.projectName),[i]),l=n.useMemo(()=>h.union(...u.flatMap(e=>[e.task?.assignees||[],e.version?.author||[]])),[u]);let q=u[0];const t=u.length===0||!q||R;q||(q={parents:[],id:"placeholder",name:"loading...",label:"loading...",entityType:i,status:"loading",projectName:"loading...",tags:[],hasReviewables:!1,attrib:{},createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),path:""});const v=u.length>1?void 0:q?.projectName;u.filter(e=>e.projectName===q?.projectName&&e.id).map(e=>e.id);const{data:$}=ee.useGetAttributeConfigQuery({attributeName:"priority"}),N=re.getPriorityOptions($,i),f=n.useMemo(()=>ae(u,i,b),[u,i,b]),S=n.useMemo(()=>u.map(e=>e.status),[u]),z=n.useMemo(()=>u.map(e=>e.attrib?.priority),[u]),B=n.useMemo(()=>u.map(e=>e.tags),[u]),F=n.useMemo(()=>E.reduce((e,s)=>(e[s.name]=s,e),{}),[E]),g=u.length>1,{updateEntity:J}=ue.useEntityUpdate({entities:u.map(e=>({id:e.id,projectName:e.projectName,users:e.task?.assignees||[],folderId:e.folder?.id,productId:e.product?.id})),entityType:i}),d=(e,s)=>s==null?console.error("value is null or undefined"):J(e,s),X=()=>{let e,s=q.id,a=i+"Id";i==="version"&&q.product?.id&&(e=[q.id],s=q.product?.id,a="productId"),s&&U({[a]:s,projectName:v,versionIds:e})},P=["task","version","representation"].includes(i)&&(l.length>0||i==="task"),k=j.map(e=>e);if(P){const e=j.map(a=>a.name),s=l.filter(a=>!e.includes(a));s.length&&k.push(...s.map(a=>({name:a,fullName:a})))}const{title:Y,subTitle:Z}=ne.buildDetailsPanelTitles(u,i),C=p?.length!==0&&p?.find(e=>e.name===S[0]);return r.jsxRuntimeExports.jsx(o.HeaderContainer,{children:r.jsxRuntimeExports.jsx(de.EntityPanelUploader,{entities:u,entityType:i,projectName:v,thumbnailInputRef:V,versionsInputRef:H,onVersionCreated:e=>w?.(e,"version"),children:r.jsxRuntimeExports.jsxs(o.Grid,{className:m("details-panel-header",{isCompact:c}),children:[r.jsxRuntimeExports.jsxs(o.Header,{className:m("titles",{isCompact:c,loading:t},"no-shimmer"),children:[r.jsxRuntimeExports.jsxs("div",{style:{position:"relative"},children:[r.jsxRuntimeExports.jsx(me.StackedThumbnails,{isLoading:t,shimmer:t,thumbnails:f,onClick:f.length===1?X:void 0,hoverIcon:"play_circle"}),!g&&q?.hasReviewables&&r.jsxRuntimeExports.jsx(le.PlayableIcon,{})]}),r.jsxRuntimeExports.jsxs(o.Content,{className:m({loading:t}),children:[r.jsxRuntimeExports.jsxs(o.Title,{children:[r.jsxRuntimeExports.jsx("h2",{children:Y}),r.jsxRuntimeExports.jsx(o.TagsSelect,{ref:W,value:h.union(...B),tags:F,options:[],editable:!0,editor:!0,onChange:e=>d("tags",e),align:"right",styleDropdown:{display:t?"none":"unset"},className:"tags-select",itemClassName:"details-tag"})]}),r.jsxRuntimeExports.jsxs("div",{className:"sub-title",children:[r.jsxRuntimeExports.jsxs("span",{className:"entity-type",children:[h.upperFirst(i)," - "]}),r.jsxRuntimeExports.jsx("h3",{children:Z})]}),i==="version"&&!g&&!t&&q&&r.jsxRuntimeExports.jsx(te,{entity:q,taskTypes:x.taskTypes},q.id)]})]}),r.jsxRuntimeExports.jsx(o.StatusSelect,{value:S,options:p||[],disabledValues:D,invert:!0,style:{maxWidth:"unset"},onChange:e=>d("status",e),className:m("status-select",{loading:t}),align:c?"right":"left",$textColor:T.getTextColor(C!==void 0?C.color:"#OOO")}),!c&&(!P||t?r.jsxRuntimeExports.jsx("div",{}):r.jsxRuntimeExports.jsx(o.AssigneeSelect,{value:l,options:k,disabledValues:M.map(e=>e.name),isMultiple:g&&l.length>1&&i==="task",readOnly:i!=="task",emptyMessage:i==="task"?"Assign user":"",align:"right",onChange:e=>d("assignees",e),className:"assignee-select","data-tooltip":l.length?i==="task"?"Assigned users":"Author":""})),r.jsxRuntimeExports.jsx(ce.Actions,{entities:u,entityType:i,entitySubTypes:A,isLoadingEntity:!!R||!!t,searchParams:K,bundleMode:G,onSetSearchParams:Q,onNavigate:_}),N?r.jsxRuntimeExports.jsx(o.PriorityEnumDropdown,{options:N,placeholder:"No priority",value:z,onChange:e=>d("attrib",{priority:e[0]}),align:"right"}):r.jsxRuntimeExports.jsx("div",{style:{height:32}}),r.jsxRuntimeExports.jsx(se,{entityType:i,currentTab:I,onTabChange:O,isLoading:t})]})})})};module.exports=xe;
 //# sourceMappingURL=DetailsPanelHeader.cjs.js.map

package/dist/shared/src/containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelHeader.cjs.js","sources":["../../../../../../../src/containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.tsx"],"sourcesContent":["import { RefObject, useMemo, useRef } from 'react'\nimport { union, upperFirst } from 'lodash'\nimport clsx from 'clsx'\nimport { DropdownRef, getTextColor } from '@ynput/ayon-react-components'\n\nimport { EntityPanelUploader, StackedThumbnails } from '@shared/components'\nimport { Actions, DetailsPanelProps } from '@shared/containers'\n// shared\nimport { useGetAttributeConfigQuery, Status } from '@shared/api'\nimport type { DetailsPanelEntityData } from '@shared/api'\nimport { getPriorityOptions } from '@shared/util'\nimport { useScopedStatuses, useEntityUpdate } from '@shared/hooks'\nimport { DetailsPanelTab, useDetailsPanelContext } from '@shared/context'\n\nimport DetailsPanelTabs from '../DetailsPanelTabs/DetailsPanelTabs'\nimport LinkedTaskRow from './LinkedTaskRow'\nimport * as Styled from './DetailsPanelHeader.styled'\nimport getThumbnails from '../../helpers/getThumbnails'\nimport buildEntityTypeIcons from '../../helpers/buildEntityTypeIcons'\nimport type { ProjectInfo } from '../../helpers/mergeProjectInfo'\nimport { buildDetailsPanelTitles } from '../../helpers/buildDetailsPanelTitles'\nimport { PlayableIcon } from '@shared/components/PlayableIcon/PlayableIcon'\n\nexport type EntityTypeIcons = {\n  folder: Record<string, string>\n  task: Record<string, string>\n  product: Record<string, string>\n}\n\ntype DetailsPanelHeaderProps = {\n  entityType: 'folder' | 'task' | 'version' | 'representation'\n  entitySubTypes: string[]\n  entities: DetailsPanelEntityData[]\n  disabledAssignees?: any[]\n  users?: any[]\n  disabledStatuses?: string[]\n  tagsOptions?: any[]\n  isFetching?: boolean\n  isCompact?: boolean\n  currentTab: DetailsPanelTab\n  onTabChange: (tab: DetailsPanelTab) => void\n  onOpenViewer: (args: any) => void\n  onEntityFocus: DetailsPanelProps['onEntityFocus']\n  projectInfo: ProjectInfo\n  thumbnailInputRef: RefObject<HTMLInputElement>\n  versionsInputRef: RefObject<HTMLInputElement>\n}\n\nconst DetailsPanelHeader = ({\n  entityType,\n  entitySubTypes,\n  entities = [],\n  disabledAssignees = [],\n  users = [],\n  disabledStatuses,\n  tagsOptions = [],\n  isFetching,\n  isCompact = false,\n  currentTab,\n  onTabChange,\n  projectInfo,\n  onOpenViewer,\n  onEntityFocus,\n  thumbnailInputRef,\n  versionsInputRef,\n}: DetailsPanelHeaderProps) => {\n  const { useSearchParams, useNavigate, bundleMode } = useDetailsPanelContext()\n  const navigate = useNavigate()\n  const [searchParams, setSearchParams] = useSearchParams()\n  const tagsSelectRef = useRef<DropdownRef>(null)\n\n  const entityTypeIcons = useMemo(() => buildEntityTypeIcons(projectInfo), [projectInfo])\n\n  const statuses = useScopedStatuses(\n    entities.map((entity) => entity.projectName),\n    [entityType],\n  )\n\n  // for selected entities, get flat list of assignees\n  const entityUsers: string[] = useMemo(\n    () =>\n      union(\n        ...entities.flatMap((entity) => [\n          entity.task?.assignees || [],\n          entity.version?.author || [],\n        ]),\n      ),\n    [entities],\n  )\n\n  let firstEntity = entities[0]\n  // If there's no data return null\n  const isLoading = entities.length === 0 || !firstEntity || isFetching\n  // placeholder entity\n  if (!firstEntity) {\n    firstEntity = {\n      parents: [],\n      id: 'placeholder',\n      name: 'loading...',\n      label: 'loading...',\n      entityType,\n      status: 'loading',\n      projectName: 'loading...',\n      tags: [],\n      hasReviewables: false,\n      attrib: {},\n      createdAt: new Date().toISOString(),\n      updatedAt: new Date().toISOString(),\n      path: '',\n    }\n  }\n\n  const projectName = entities.length > 1 ? undefined : firstEntity?.projectName\n\n  const entityIds = entities\n    .filter((e) => e.projectName === firstEntity?.projectName && e.id)\n    .map((entity) => entity.id)\n\n  // get priorities\n  // get priority attribute so we know the colors and icons for each priority\n  const { data: priorityAttrib } = useGetAttributeConfigQuery({ attributeName: 'priority' })\n  const priorities = getPriorityOptions(priorityAttrib, entityType)\n\n  const thumbnails = useMemo(\n    () => getThumbnails(entities, entityType, entityTypeIcons),\n    [entities, entityType, entityTypeIcons],\n  )\n\n  const statusesValue = useMemo(() => entities.map((t) => t.status), [entities])\n  const priorityValues = useMemo(() => entities.map((t) => t.attrib?.priority), [entities])\n  const tagsValues: string[][] = useMemo(() => entities.map((t) => t.tags), [entities])\n  const tagsOptionsObject = useMemo(\n    () =>\n      tagsOptions.reduce((acc, tag) => {\n        acc[tag.name] = tag\n        return acc\n      }, {}),\n    [tagsOptions],\n  )\n\n  const isMultiple = entities.length > 1\n\n  const { updateEntity } = useEntityUpdate({\n    entities: entities.map((e) => ({\n      id: e.id,\n      projectName: e.projectName,\n      users: e.task?.assignees || [],\n      folderId: e.folder?.id,\n      productId: e.product?.id,\n    })),\n    entityType,\n  })\n\n  const handleUpdate = (field: string, value: any) => {\n    if (value === null || value === undefined) return console.error('value is null or undefined')\n    return updateEntity(field, value)\n  }\n\n  const handleThumbnailClick = () => {\n    let versionIds,\n      id = firstEntity.id,\n      entityTypeKey = entityType + 'Id'\n\n    if (entityType === 'version' && firstEntity.product?.id) {\n      versionIds = [firstEntity.id]\n      id = firstEntity.product?.id\n      entityTypeKey = 'productId'\n    }\n\n    if (id) {\n      onOpenViewer({\n        [entityTypeKey]: id,\n        projectName,\n        versionIds,\n      })\n    }\n  }\n\n  const hasUser =\n    ['task', 'version', 'representation'].includes(entityType) &&\n    (entityUsers.length > 0 || entityType === 'task')\n\n  const usersOptions = users.map((u) => u)\n  if (hasUser) {\n    // check if all users are in options, otherwise add them\n    const allUsers = users.map((u) => u.name)\n    const usersToAdd = entityUsers.filter((u) => !allUsers.includes(u))\n    if (usersToAdd.length) {\n      usersOptions.push(...usersToAdd.map((u) => ({ name: u, fullName: u })))\n    }\n  }\n\n  // Get title and subtitle from the imported function\n  const { title, subTitle } = buildDetailsPanelTitles(entities, entityType)\n  const status =\n    statuses?.length !== 0 && statuses?.find((status) => status.name === statusesValue[0])\n  return (\n    <Styled.HeaderContainer>\n      <EntityPanelUploader\n        entities={entities}\n        entityType={entityType}\n        projectName={projectName}\n        thumbnailInputRef={thumbnailInputRef}\n        versionsInputRef={versionsInputRef}\n        onVersionCreated={(id) => onEntityFocus?.(id, 'version')}\n      >\n        <Styled.Grid className={clsx('details-panel-header', { isCompact })}>\n          <Styled.Header\n            className={clsx('titles', { isCompact, loading: isLoading }, 'no-shimmer')}\n          >\n            <div style={{ position: 'relative' }}>\n              <StackedThumbnails\n                isLoading={isLoading}\n                shimmer={isLoading}\n                thumbnails={thumbnails}\n                onClick={thumbnails.length === 1 ? handleThumbnailClick : undefined}\n                hoverIcon={'play_circle'}\n              />\n              {!isMultiple && firstEntity?.hasReviewables && <PlayableIcon />}\n            </div>\n            <Styled.Content className={clsx({ loading: isLoading })}>\n              <Styled.Title>\n                <h2>{title}</h2>\n                <Styled.TagsSelect\n                  ref={tagsSelectRef}\n                  value={union(...tagsValues)}\n                  tags={tagsOptionsObject}\n                  options={[]}\n                  editable\n                  editor\n                  onChange={(value) => handleUpdate('tags', value)}\n                  align=\"right\"\n                  styleDropdown={{ display: isLoading ? 'none' : 'unset' }}\n                  className=\"tags-select\"\n                  itemClassName=\"details-tag\"\n                />\n              </Styled.Title>\n              <div className=\"sub-title\">\n                <span className=\"entity-type\">{upperFirst(entityType)} - </span>\n                <h3>{subTitle}</h3>\n              </div>\n              {entityType === 'version' && !isMultiple && !isLoading && firstEntity && (\n                <LinkedTaskRow\n                  key={firstEntity.id}\n                  entity={firstEntity}\n                  taskTypes={projectInfo.taskTypes}\n                />\n              )}\n            </Styled.Content>\n          </Styled.Header>\n          <Styled.StatusSelect\n            value={statusesValue}\n            options={statuses || []}\n            disabledValues={disabledStatuses}\n            invert\n            style={{ maxWidth: 'unset' }}\n            onChange={(value) => handleUpdate('status', value)}\n            className={clsx('status-select', { loading: isLoading })}\n            align={isCompact ? 'right' : 'left'}\n            $textColor={getTextColor(status !== undefined ? (status as Status).color : '#OOO')}\n          />\n          {!isCompact &&\n            (!hasUser || isLoading ? (\n              <div></div>\n            ) : (\n              <Styled.AssigneeSelect\n                value={entityUsers}\n                options={usersOptions}\n                disabledValues={disabledAssignees.map((u) => u.name)}\n                isMultiple={isMultiple && entityUsers.length > 1 && entityType === 'task'}\n                readOnly={entityType !== 'task'}\n                emptyMessage={entityType === 'task' ? 'Assign user' : ''}\n                align=\"right\"\n                onChange={(value) => handleUpdate('assignees', value)}\n                className=\"assignee-select\"\n                data-tooltip={\n                  entityUsers.length ? (entityType === 'task' ? 'Assigned users' : 'Author') : ''\n                }\n              />\n            ))}\n          <Actions\n            entities={entities}\n            entityType={entityType}\n            entitySubTypes={entitySubTypes}\n            isLoadingEntity={!!isFetching || !!isLoading}\n            searchParams={searchParams}\n            bundleMode={bundleMode}\n            onSetSearchParams={setSearchParams}\n            onNavigate={navigate}\n          />\n          {priorities ? (\n            <Styled.PriorityEnumDropdown\n              options={priorities}\n              placeholder=\"No priority\"\n              value={priorityValues}\n              onChange={(value) => handleUpdate('attrib', { priority: value[0] })}\n              align=\"right\"\n            />\n          ) : (\n            <div style={{ height: 32 }}></div>\n          )}\n          <DetailsPanelTabs\n            entityType={entityType}\n            currentTab={currentTab}\n            onTabChange={onTabChange}\n            isLoading={isLoading}\n          />\n        </Styled.Grid>\n      </EntityPanelUploader>\n    </Styled.HeaderContainer>\n  )\n}\n\nexport default DetailsPanelHeader\n"],"names":["DetailsPanelHeader","entityType","entitySubTypes","entities","disabledAssignees","users","disabledStatuses","tagsOptions","isFetching","isCompact","currentTab","onTabChange","projectInfo","onOpenViewer","onEntityFocus","thumbnailInputRef","versionsInputRef","useSearchParams","useNavigate","bundleMode","useDetailsPanelContext","navigate","searchParams","setSearchParams","tagsSelectRef","useRef","entityTypeIcons","useMemo","buildEntityTypeIcons","statuses","useScopedStatuses","entity","entityUsers","union","firstEntity","isLoading","projectName","priorityAttrib","useGetAttributeConfigQuery","priorities","getPriorityOptions","thumbnails","getThumbnails","statusesValue","t","priorityValues","tagsValues","tagsOptionsObject","acc","tag","isMultiple","updateEntity","useEntityUpdate","handleUpdate","field","value","handleThumbnailClick","versionIds","id","entityTypeKey","hasUser","usersOptions","u","allUsers","usersToAdd","title","subTitle","buildDetailsPanelTitles","status","jsx","Styled.HeaderContainer","EntityPanelUploader","jsxs","Styled.Grid","clsx","Styled.Header","StackedThumbnails","PlayableIcon","Styled.Content","Styled.Title","Styled.TagsSelect","upperFirst","LinkedTaskRow","Styled.StatusSelect","getTextColor","Styled.AssigneeSelect","Actions","Styled.PriorityEnumDropdown","DetailsPanelTabs"],"mappings":"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"}
+{"version":3,"file":"DetailsPanelHeader.cjs.js","sources":["../../../../../../../src/containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.tsx"],"sourcesContent":["import { RefObject, useMemo, useRef } from 'react'\nimport { union, upperFirst } from 'lodash'\nimport clsx from 'clsx'\nimport { DropdownRef, getTextColor } from '@ynput/ayon-react-components'\n\nimport { EntityPanelUploader, StackedThumbnails } from '@shared/components'\nimport { Actions, DetailsPanelProps } from '@shared/containers'\n// shared\nimport { useGetAttributeConfigQuery, Status } from '@shared/api'\nimport type { DetailsPanelEntityData } from '@shared/api'\nimport { getPriorityOptions } from '@shared/util'\nimport { useScopedStatuses, useEntityUpdate } from '@shared/hooks'\nimport { DetailsPanelTab, useDetailsPanelContext } from '@shared/context'\n\nimport DetailsPanelTabs from '../DetailsPanelTabs/DetailsPanelTabs'\nimport LinkedTaskRow from './LinkedTaskRow'\nimport * as Styled from './DetailsPanelHeader.styled'\nimport getThumbnails from '../../helpers/getThumbnails'\nimport buildEntityTypeIcons from '../../helpers/buildEntityTypeIcons'\nimport type { ProjectInfo } from '../../helpers/mergeProjectInfo'\nimport { buildDetailsPanelTitles } from '../../helpers/buildDetailsPanelTitles'\nimport { PlayableIcon } from '@shared/components/PlayableIcon/PlayableIcon'\n\nexport type EntityTypeIcons = {\n  folder: Record<string, string>\n  task: Record<string, string>\n  product: Record<string, string>\n}\n\ntype DetailsPanelHeaderProps = {\n  entityType: 'folder' | 'task' | 'version' | 'representation'\n  entitySubTypes: string[]\n  entities: DetailsPanelEntityData[]\n  disabledAssignees?: any[]\n  users?: any[]\n  disabledStatuses?: string[]\n  tagsOptions?: any[]\n  isFetching?: boolean\n  isCompact?: boolean\n  currentTab: DetailsPanelTab\n  onTabChange: (tab: DetailsPanelTab) => void\n  onOpenViewer: (args: any) => void\n  onEntityFocus: DetailsPanelProps['onEntityFocus']\n  projectInfo: ProjectInfo\n  thumbnailInputRef: RefObject<HTMLInputElement>\n  versionsInputRef: RefObject<HTMLInputElement>\n}\n\nconst DetailsPanelHeader = ({\n  entityType,\n  entitySubTypes,\n  entities = [],\n  disabledAssignees = [],\n  users = [],\n  disabledStatuses,\n  tagsOptions = [],\n  isFetching,\n  isCompact = false,\n  currentTab,\n  onTabChange,\n  projectInfo,\n  onOpenViewer,\n  onEntityFocus,\n  thumbnailInputRef,\n  versionsInputRef,\n}: DetailsPanelHeaderProps) => {\n  const { useSearchParams, useNavigate, bundleMode } = useDetailsPanelContext()\n  const navigate = useNavigate()\n  const [searchParams, setSearchParams] = useSearchParams()\n  const tagsSelectRef = useRef<DropdownRef>(null)\n\n  const entityTypeIcons = useMemo(() => buildEntityTypeIcons(projectInfo), [projectInfo])\n\n  const statuses = useScopedStatuses(\n    entities.map((entity) => entity.projectName),\n    [entityType],\n  )\n\n  // for selected entities, get flat list of assignees\n  const entityUsers: string[] = useMemo(\n    () =>\n      union(\n        ...entities.flatMap((entity) => [\n          entity.task?.assignees || [],\n          entity.version?.author || [],\n        ]),\n      ),\n    [entities],\n  )\n\n  let firstEntity = entities[0]\n  // If there's no data return null\n  const isLoading = entities.length === 0 || !firstEntity || isFetching\n  // placeholder entity\n  if (!firstEntity) {\n    firstEntity = {\n      parents: [],\n      id: 'placeholder',\n      name: 'loading...',\n      label: 'loading...',\n      entityType,\n      status: 'loading',\n      projectName: 'loading...',\n      tags: [],\n      hasReviewables: false,\n      attrib: {},\n      createdAt: new Date().toISOString(),\n      updatedAt: new Date().toISOString(),\n      path: '',\n    }\n  }\n\n  const projectName = entities.length > 1 ? undefined : firstEntity?.projectName\n\n  const entityIds = entities\n    .filter((e) => e.projectName === firstEntity?.projectName && e.id)\n    .map((entity) => entity.id)\n\n  // get priorities\n  // get priority attribute so we know the colors and icons for each priority\n  const { data: priorityAttrib } = useGetAttributeConfigQuery({ attributeName: 'priority' })\n  const priorities = getPriorityOptions(priorityAttrib, entityType)\n\n  const thumbnails = useMemo(\n    () => getThumbnails(entities, entityType, entityTypeIcons),\n    [entities, entityType, entityTypeIcons],\n  )\n\n  const statusesValue = useMemo(() => entities.map((t) => t.status), [entities])\n  const priorityValues = useMemo(() => entities.map((t) => t.attrib?.priority), [entities])\n  const tagsValues: string[][] = useMemo(() => entities.map((t) => t.tags), [entities])\n  const tagsOptionsObject = useMemo(\n    () =>\n      tagsOptions.reduce((acc, tag) => {\n        acc[tag.name] = tag\n        return acc\n      }, {}),\n    [tagsOptions],\n  )\n\n  const isMultiple = entities.length > 1\n\n  const { updateEntity } = useEntityUpdate({\n    entities: entities.map((e) => ({\n      id: e.id,\n      projectName: e.projectName,\n      users: e.task?.assignees || [],\n      folderId: e.folder?.id,\n      productId: e.product?.id,\n    })),\n    entityType,\n  })\n\n  const handleUpdate = (field: string, value: any) => {\n    if (value === null || value === undefined) return console.error('value is null or undefined')\n    return updateEntity(field, value)\n  }\n\n  const handleThumbnailClick = () => {\n    let versionIds,\n      id = firstEntity.id,\n      entityTypeKey = entityType + 'Id'\n\n    if (entityType === 'version' && firstEntity.product?.id) {\n      versionIds = [firstEntity.id]\n      id = firstEntity.product?.id\n      entityTypeKey = 'productId'\n    }\n\n    if (id) {\n      onOpenViewer({\n        [entityTypeKey]: id,\n        projectName,\n        versionIds,\n      })\n    }\n  }\n\n  const hasUser =\n    ['task', 'version', 'representation'].includes(entityType) &&\n    (entityUsers.length > 0 || entityType === 'task')\n\n  const usersOptions = users.map((u) => u)\n  if (hasUser) {\n    // check if all users are in options, otherwise add them\n    const allUsers = users.map((u) => u.name)\n    const usersToAdd = entityUsers.filter((u) => !allUsers.includes(u))\n    if (usersToAdd.length) {\n      usersOptions.push(...usersToAdd.map((u) => ({ name: u, fullName: u })))\n    }\n  }\n\n  // Get title and subtitle from the imported function\n  const { title, subTitle } = buildDetailsPanelTitles(entities, entityType)\n  const status =\n    statuses?.length !== 0 && statuses?.find((status) => status.name === statusesValue[0])\n  return (\n    <Styled.HeaderContainer>\n      <EntityPanelUploader\n        entities={entities}\n        entityType={entityType}\n        projectName={projectName}\n        thumbnailInputRef={thumbnailInputRef}\n        versionsInputRef={versionsInputRef}\n        onVersionCreated={(id) => onEntityFocus?.(id, 'version')}\n      >\n        <Styled.Grid className={clsx('details-panel-header', { isCompact })}>\n          <Styled.Header\n            className={clsx('titles', { isCompact, loading: isLoading }, 'no-shimmer')}\n          >\n            <div style={{ position: 'relative' }}>\n              <StackedThumbnails\n                isLoading={isLoading}\n                shimmer={isLoading}\n                thumbnails={thumbnails}\n                onClick={thumbnails.length === 1 ? handleThumbnailClick : undefined}\n                hoverIcon={'play_circle'}\n              />\n              {!isMultiple && firstEntity?.hasReviewables && <PlayableIcon />}\n            </div>\n            <Styled.Content className={clsx({ loading: isLoading })}>\n              <Styled.Title>\n                <h2>{title}</h2>\n                <Styled.TagsSelect\n                  ref={tagsSelectRef}\n                  value={union(...tagsValues)}\n                  tags={tagsOptionsObject}\n                  options={[]}\n                  editable\n                  editor\n                  onChange={(value) => handleUpdate('tags', value)}\n                  align=\"right\"\n                  styleDropdown={{ display: isLoading ? 'none' : 'unset' }}\n                  className=\"tags-select\"\n                  itemClassName=\"details-tag\"\n                />\n              </Styled.Title>\n              <div className=\"sub-title\">\n                <span className=\"entity-type\">{upperFirst(entityType)} - </span>\n                <h3>{subTitle}</h3>\n              </div>\n              {entityType === 'version' && !isMultiple && !isLoading && firstEntity && (\n                <LinkedTaskRow\n                  key={firstEntity.id}\n                  entity={firstEntity}\n                  taskTypes={projectInfo.taskTypes}\n                />\n              )}\n            </Styled.Content>\n          </Styled.Header>\n          <Styled.StatusSelect\n            value={statusesValue}\n            options={statuses || []}\n            disabledValues={disabledStatuses}\n            invert\n            style={{ maxWidth: 'unset' }}\n            onChange={(value) => handleUpdate('status', value)}\n            className={clsx('status-select', { loading: isLoading })}\n            align={isCompact ? 'right' : 'left'}\n            $textColor={getTextColor(status !== undefined ? (status as Status).color : '#OOO')}\n          />\n          {!isCompact &&\n            (!hasUser || isLoading ? (\n              <div></div>\n            ) : (\n              <Styled.AssigneeSelect\n                value={entityUsers}\n                options={usersOptions}\n                disabledValues={disabledAssignees.map((u) => u.name)}\n                isMultiple={isMultiple && entityUsers.length > 1 && entityType === 'task'}\n                readOnly={entityType !== 'task'}\n                emptyMessage={entityType === 'task' ? 'Assign user' : ''}\n                align=\"right\"\n                onChange={(value) => handleUpdate('assignees', value)}\n                className=\"assignee-select\"\n                data-tooltip={\n                  entityUsers.length ? (entityType === 'task' ? 'Assigned users' : 'Author') : ''\n                }\n              />\n            ))}\n          <Actions\n            entities={entities}\n            entityType={entityType}\n            entitySubTypes={entitySubTypes}\n            isLoadingEntity={!!isFetching || !!isLoading}\n            searchParams={searchParams}\n            bundleMode={bundleMode}\n            onSetSearchParams={setSearchParams}\n            onNavigate={navigate}\n          />\n          {priorities ? (\n            <Styled.PriorityEnumDropdown\n              options={priorities}\n              placeholder=\"No priority\"\n              value={priorityValues}\n              onChange={(value) => handleUpdate('attrib', { priority: value[0] })}\n              align=\"right\"\n            />\n          ) : (\n            <div style={{ height: 32 }}></div>\n          )}\n          <DetailsPanelTabs\n            entityType={entityType}\n            currentTab={currentTab}\n            onTabChange={onTabChange}\n            isLoading={isLoading}\n          />\n        </Styled.Grid>\n      </EntityPanelUploader>\n    </Styled.HeaderContainer>\n  )\n}\n\nexport default DetailsPanelHeader\n"],"names":["DetailsPanelHeader","entityType","entitySubTypes","entities","disabledAssignees","users","disabledStatuses","tagsOptions","isFetching","isCompact","currentTab","onTabChange","projectInfo","onOpenViewer","onEntityFocus","thumbnailInputRef","versionsInputRef","useSearchParams","useNavigate","bundleMode","useDetailsPanelContext","navigate","searchParams","setSearchParams","tagsSelectRef","useRef","entityTypeIcons","useMemo","buildEntityTypeIcons","statuses","useScopedStatuses","entity","entityUsers","union","firstEntity","isLoading","projectName","priorityAttrib","useGetAttributeConfigQuery","priorities","getPriorityOptions","thumbnails","getThumbnails","statusesValue","t","priorityValues","tagsValues","tagsOptionsObject","acc","tag","isMultiple","updateEntity","useEntityUpdate","handleUpdate","field","value","handleThumbnailClick","versionIds","id","entityTypeKey","hasUser","usersOptions","u","allUsers","usersToAdd","title","subTitle","buildDetailsPanelTitles","status","jsx","Styled.HeaderContainer","EntityPanelUploader","jsxs","Styled.Grid","clsx","Styled.Header","StackedThumbnails","PlayableIcon","Styled.Content","Styled.Title","Styled.TagsSelect","upperFirst","LinkedTaskRow","Styled.StatusSelect","getTextColor","Styled.AssigneeSelect","Actions","Styled.PriorityEnumDropdown","DetailsPanelTabs"],"mappings":"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"}

package/dist/shared/src/containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.es.js

@@ -15,6 +15,7 @@ import "react-dom";
 import "date-fns";
 import "../../../../components/DateRangePicker/DateRangePicker.styled.es.js";
 import "../../../../components/LinksManager/CellEditingDialog.es.js";
+import "../../../../components/DeleteEntitiesConfirm/DeleteConfirmContent.es.js";
 import "react-toastify";
 import "../../../../api/base/client.es.js";
 import "../../../../api/generated/graphql.es.js";
@@ -133,7 +134,7 @@ import "../../../Feed/components/CommentInput/quillToMarkdown.es.js";
 import "../../../../components/DetailsPanelDetails/hooks/useMentionSystem.es.js";
 import "../../../Feed/components/CommentInput/modules/index.es.js";
 import "../../../../context/RemoteModulesContext.es.js";
-import "../../../../../../_virtual/runtime.es.js";
+import "../../../../../node_modules/@module-federation/runtime/dist/index.es.js";
 import "../../../../../../_virtual/semver.es.js";
 import { useScopedStatuses as it } from "../../../../hooks/useScopedStatuses.es.js";
 import { useEntityUpdate as mt } from "../../../../hooks/useEntityUpdate.es.js";
@@ -215,7 +216,6 @@ import "../../../ProjectTreeTable/context/ClipboardContext.es.js";
 import "../../../ProjectTreeTable/context/ColumnSettingsContext.es.js";
 import "../../../ProjectTreeTable/context/SelectedRowsContext.es.js";
 import "../../../ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
-import "../../../ProjectTreeTable/components/DeleteConfirmContent.es.js";
 import "../../../ProjectTreeTable/context/ProjectDataContextInstance.es.js";
 import "../../../ProjectTreeTable/context/ProjectTableContextInstance.es.js";
 import "../../../ProjectTreeTable/widgets/EmptyWidget.es.js";
@@ -255,6 +255,7 @@ import "../../../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
 import "../../../ListTable/ListTableRow.es.js";
 import "../../../ListTable/ListTable.styled.es.js";
 import "../../../../context/UriContext.es.js";
+import "../../../../context/DeleteEntitiesContext.es.js";
 import "../../../ProjectTreeTable/components/GroupSettingsFallback.es.js";
 import "../../../../components/DetailsPanelDetails/DetailsSection.es.js";
 import "../../../../components/DetailsPanelDetails/FieldLabel.es.js";
@@ -300,7 +301,7 @@ import "../../../../components/Menu/Menu.styled.es.js";
 import "../../../../components/Menu/MenuItem.es.js";
 import "../../../../components/ReviewablesSelector/ReviewablesSelector.es.js";
 import "../../../../components/ColumnHeaderMenuUI.es.js";
-const is = ({
+const ms = ({
   entityType: r,
   entitySubTypes: O,
   entities: i = [],
@@ -510,6 +511,6 @@ const is = ({
   ) });
 };
 export {
-  is as default
+  ms as default
 };
 //# sourceMappingURL=DetailsPanelHeader.es.js.map

package/dist/shared/src/containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelHeader.es.js","sources":["../../../../../../../src/containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.tsx"],"sourcesContent":["import { RefObject, useMemo, useRef } from 'react'\nimport { union, upperFirst } from 'lodash'\nimport clsx from 'clsx'\nimport { DropdownRef, getTextColor } from '@ynput/ayon-react-components'\n\nimport { EntityPanelUploader, StackedThumbnails } from '@shared/components'\nimport { Actions, DetailsPanelProps } from '@shared/containers'\n// shared\nimport { useGetAttributeConfigQuery, Status } from '@shared/api'\nimport type { DetailsPanelEntityData } from '@shared/api'\nimport { getPriorityOptions } from '@shared/util'\nimport { useScopedStatuses, useEntityUpdate } from '@shared/hooks'\nimport { DetailsPanelTab, useDetailsPanelContext } from '@shared/context'\n\nimport DetailsPanelTabs from '../DetailsPanelTabs/DetailsPanelTabs'\nimport LinkedTaskRow from './LinkedTaskRow'\nimport * as Styled from './DetailsPanelHeader.styled'\nimport getThumbnails from '../../helpers/getThumbnails'\nimport buildEntityTypeIcons from '../../helpers/buildEntityTypeIcons'\nimport type { ProjectInfo } from '../../helpers/mergeProjectInfo'\nimport { buildDetailsPanelTitles } from '../../helpers/buildDetailsPanelTitles'\nimport { PlayableIcon } from '@shared/components/PlayableIcon/PlayableIcon'\n\nexport type EntityTypeIcons = {\n  folder: Record<string, string>\n  task: Record<string, string>\n  product: Record<string, string>\n}\n\ntype DetailsPanelHeaderProps = {\n  entityType: 'folder' | 'task' | 'version' | 'representation'\n  entitySubTypes: string[]\n  entities: DetailsPanelEntityData[]\n  disabledAssignees?: any[]\n  users?: any[]\n  disabledStatuses?: string[]\n  tagsOptions?: any[]\n  isFetching?: boolean\n  isCompact?: boolean\n  currentTab: DetailsPanelTab\n  onTabChange: (tab: DetailsPanelTab) => void\n  onOpenViewer: (args: any) => void\n  onEntityFocus: DetailsPanelProps['onEntityFocus']\n  projectInfo: ProjectInfo\n  thumbnailInputRef: RefObject<HTMLInputElement>\n  versionsInputRef: RefObject<HTMLInputElement>\n}\n\nconst DetailsPanelHeader = ({\n  entityType,\n  entitySubTypes,\n  entities = [],\n  disabledAssignees = [],\n  users = [],\n  disabledStatuses,\n  tagsOptions = [],\n  isFetching,\n  isCompact = false,\n  currentTab,\n  onTabChange,\n  projectInfo,\n  onOpenViewer,\n  onEntityFocus,\n  thumbnailInputRef,\n  versionsInputRef,\n}: DetailsPanelHeaderProps) => {\n  const { useSearchParams, useNavigate, bundleMode } = useDetailsPanelContext()\n  const navigate = useNavigate()\n  const [searchParams, setSearchParams] = useSearchParams()\n  const tagsSelectRef = useRef<DropdownRef>(null)\n\n  const entityTypeIcons = useMemo(() => buildEntityTypeIcons(projectInfo), [projectInfo])\n\n  const statuses = useScopedStatuses(\n    entities.map((entity) => entity.projectName),\n    [entityType],\n  )\n\n  // for selected entities, get flat list of assignees\n  const entityUsers: string[] = useMemo(\n    () =>\n      union(\n        ...entities.flatMap((entity) => [\n          entity.task?.assignees || [],\n          entity.version?.author || [],\n        ]),\n      ),\n    [entities],\n  )\n\n  let firstEntity = entities[0]\n  // If there's no data return null\n  const isLoading = entities.length === 0 || !firstEntity || isFetching\n  // placeholder entity\n  if (!firstEntity) {\n    firstEntity = {\n      parents: [],\n      id: 'placeholder',\n      name: 'loading...',\n      label: 'loading...',\n      entityType,\n      status: 'loading',\n      projectName: 'loading...',\n      tags: [],\n      hasReviewables: false,\n      attrib: {},\n      createdAt: new Date().toISOString(),\n      updatedAt: new Date().toISOString(),\n      path: '',\n    }\n  }\n\n  const projectName = entities.length > 1 ? undefined : firstEntity?.projectName\n\n  const entityIds = entities\n    .filter((e) => e.projectName === firstEntity?.projectName && e.id)\n    .map((entity) => entity.id)\n\n  // get priorities\n  // get priority attribute so we know the colors and icons for each priority\n  const { data: priorityAttrib } = useGetAttributeConfigQuery({ attributeName: 'priority' })\n  const priorities = getPriorityOptions(priorityAttrib, entityType)\n\n  const thumbnails = useMemo(\n    () => getThumbnails(entities, entityType, entityTypeIcons),\n    [entities, entityType, entityTypeIcons],\n  )\n\n  const statusesValue = useMemo(() => entities.map((t) => t.status), [entities])\n  const priorityValues = useMemo(() => entities.map((t) => t.attrib?.priority), [entities])\n  const tagsValues: string[][] = useMemo(() => entities.map((t) => t.tags), [entities])\n  const tagsOptionsObject = useMemo(\n    () =>\n      tagsOptions.reduce((acc, tag) => {\n        acc[tag.name] = tag\n        return acc\n      }, {}),\n    [tagsOptions],\n  )\n\n  const isMultiple = entities.length > 1\n\n  const { updateEntity } = useEntityUpdate({\n    entities: entities.map((e) => ({\n      id: e.id,\n      projectName: e.projectName,\n      users: e.task?.assignees || [],\n      folderId: e.folder?.id,\n      productId: e.product?.id,\n    })),\n    entityType,\n  })\n\n  const handleUpdate = (field: string, value: any) => {\n    if (value === null || value === undefined) return console.error('value is null or undefined')\n    return updateEntity(field, value)\n  }\n\n  const handleThumbnailClick = () => {\n    let versionIds,\n      id = firstEntity.id,\n      entityTypeKey = entityType + 'Id'\n\n    if (entityType === 'version' && firstEntity.product?.id) {\n      versionIds = [firstEntity.id]\n      id = firstEntity.product?.id\n      entityTypeKey = 'productId'\n    }\n\n    if (id) {\n      onOpenViewer({\n        [entityTypeKey]: id,\n        projectName,\n        versionIds,\n      })\n    }\n  }\n\n  const hasUser =\n    ['task', 'version', 'representation'].includes(entityType) &&\n    (entityUsers.length > 0 || entityType === 'task')\n\n  const usersOptions = users.map((u) => u)\n  if (hasUser) {\n    // check if all users are in options, otherwise add them\n    const allUsers = users.map((u) => u.name)\n    const usersToAdd = entityUsers.filter((u) => !allUsers.includes(u))\n    if (usersToAdd.length) {\n      usersOptions.push(...usersToAdd.map((u) => ({ name: u, fullName: u })))\n    }\n  }\n\n  // Get title and subtitle from the imported function\n  const { title, subTitle } = buildDetailsPanelTitles(entities, entityType)\n  const status =\n    statuses?.length !== 0 && statuses?.find((status) => status.name === statusesValue[0])\n  return (\n    <Styled.HeaderContainer>\n      <EntityPanelUploader\n        entities={entities}\n        entityType={entityType}\n        projectName={projectName}\n        thumbnailInputRef={thumbnailInputRef}\n        versionsInputRef={versionsInputRef}\n        onVersionCreated={(id) => onEntityFocus?.(id, 'version')}\n      >\n        <Styled.Grid className={clsx('details-panel-header', { isCompact })}>\n          <Styled.Header\n            className={clsx('titles', { isCompact, loading: isLoading }, 'no-shimmer')}\n          >\n            <div style={{ position: 'relative' }}>\n              <StackedThumbnails\n                isLoading={isLoading}\n                shimmer={isLoading}\n                thumbnails={thumbnails}\n                onClick={thumbnails.length === 1 ? handleThumbnailClick : undefined}\n                hoverIcon={'play_circle'}\n              />\n              {!isMultiple && firstEntity?.hasReviewables && <PlayableIcon />}\n            </div>\n            <Styled.Content className={clsx({ loading: isLoading })}>\n              <Styled.Title>\n                <h2>{title}</h2>\n                <Styled.TagsSelect\n                  ref={tagsSelectRef}\n                  value={union(...tagsValues)}\n                  tags={tagsOptionsObject}\n                  options={[]}\n                  editable\n                  editor\n                  onChange={(value) => handleUpdate('tags', value)}\n                  align=\"right\"\n                  styleDropdown={{ display: isLoading ? 'none' : 'unset' }}\n                  className=\"tags-select\"\n                  itemClassName=\"details-tag\"\n                />\n              </Styled.Title>\n              <div className=\"sub-title\">\n                <span className=\"entity-type\">{upperFirst(entityType)} - </span>\n                <h3>{subTitle}</h3>\n              </div>\n              {entityType === 'version' && !isMultiple && !isLoading && firstEntity && (\n                <LinkedTaskRow\n                  key={firstEntity.id}\n                  entity={firstEntity}\n                  taskTypes={projectInfo.taskTypes}\n                />\n              )}\n            </Styled.Content>\n          </Styled.Header>\n          <Styled.StatusSelect\n            value={statusesValue}\n            options={statuses || []}\n            disabledValues={disabledStatuses}\n            invert\n            style={{ maxWidth: 'unset' }}\n            onChange={(value) => handleUpdate('status', value)}\n            className={clsx('status-select', { loading: isLoading })}\n            align={isCompact ? 'right' : 'left'}\n            $textColor={getTextColor(status !== undefined ? (status as Status).color : '#OOO')}\n          />\n          {!isCompact &&\n            (!hasUser || isLoading ? (\n              <div></div>\n            ) : (\n              <Styled.AssigneeSelect\n                value={entityUsers}\n                options={usersOptions}\n                disabledValues={disabledAssignees.map((u) => u.name)}\n                isMultiple={isMultiple && entityUsers.length > 1 && entityType === 'task'}\n                readOnly={entityType !== 'task'}\n                emptyMessage={entityType === 'task' ? 'Assign user' : ''}\n                align=\"right\"\n                onChange={(value) => handleUpdate('assignees', value)}\n                className=\"assignee-select\"\n                data-tooltip={\n                  entityUsers.length ? (entityType === 'task' ? 'Assigned users' : 'Author') : ''\n                }\n              />\n            ))}\n          <Actions\n            entities={entities}\n            entityType={entityType}\n            entitySubTypes={entitySubTypes}\n            isLoadingEntity={!!isFetching || !!isLoading}\n            searchParams={searchParams}\n            bundleMode={bundleMode}\n            onSetSearchParams={setSearchParams}\n            onNavigate={navigate}\n          />\n          {priorities ? (\n            <Styled.PriorityEnumDropdown\n              options={priorities}\n              placeholder=\"No priority\"\n              value={priorityValues}\n              onChange={(value) => handleUpdate('attrib', { priority: value[0] })}\n              align=\"right\"\n            />\n          ) : (\n            <div style={{ height: 32 }}></div>\n          )}\n          <DetailsPanelTabs\n            entityType={entityType}\n            currentTab={currentTab}\n            onTabChange={onTabChange}\n            isLoading={isLoading}\n          />\n        </Styled.Grid>\n      </EntityPanelUploader>\n    </Styled.HeaderContainer>\n  )\n}\n\nexport default DetailsPanelHeader\n"],"names":["DetailsPanelHeader","entityType","entitySubTypes","entities","disabledAssignees","users","disabledStatuses","tagsOptions","isFetching","isCompact","currentTab","onTabChange","projectInfo","onOpenViewer","onEntityFocus","thumbnailInputRef","versionsInputRef","useSearchParams","useNavigate","bundleMode","useDetailsPanelContext","navigate","searchParams","setSearchParams","tagsSelectRef","useRef","entityTypeIcons","useMemo","buildEntityTypeIcons","statuses","useScopedStatuses","entity","entityUsers","union","firstEntity","isLoading","projectName","e","priorityAttrib","useGetAttributeConfigQuery","priorities","getPriorityOptions","thumbnails","getThumbnails","statusesValue","priorityValues","tagsValues","tagsOptionsObject","acc","tag","isMultiple","updateEntity","useEntityUpdate","handleUpdate","field","value","handleThumbnailClick","versionIds","id","entityTypeKey","hasUser","usersOptions","u","allUsers","usersToAdd","title","subTitle","buildDetailsPanelTitles","status","jsx","Styled.HeaderContainer","EntityPanelUploader","jsxs","Styled.Grid","clsx","Styled.Header","StackedThumbnails","PlayableIcon","Styled.Content","Styled.Title","Styled.TagsSelect","upperFirst","LinkedTaskRow","Styled.StatusSelect","getTextColor","Styled.AssigneeSelect","Actions","Styled.PriorityEnumDropdown","DetailsPanelTabs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,MAAMA,KAAqB,CAAC;AAAA,EAC1B,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC,IAAW,CAAA;AAAA,EACX,mBAAAC,IAAoB,CAAA;AAAA,EACpB,OAAAC,IAAQ,CAAA;AAAA,EACR,kBAAAC;AAAA,EACA,aAAAC,IAAc,CAAA;AAAA,EACd,YAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,kBAAAC;AACF,MAA+B;AAC7B,QAAM,EAAE,iBAAAC,GAAiB,aAAAC,GAAa,YAAAC,EAAA,IAAeC,GAAA,GAC/CC,IAAWH,EAAA,GACX,CAACI,GAAcC,CAAe,IAAIN,EAAA,GAClCO,IAAgBC,EAAoB,IAAI,GAExCC,IAAkBC,EAAQ,MAAMC,GAAqBhB,CAAW,GAAG,CAACA,CAAW,CAAC,GAEhFiB,IAAWC;AAAA,IACf3B,EAAS,IAAI,CAAC4B,MAAWA,EAAO,WAAW;AAAA,IAC3C,CAAC9B,CAAU;AAAA,EAAA,GAIP+B,IAAwBL;AAAA,IAC5B,MACEM;AAAA,MACE,GAAG9B,EAAS,QAAQ,CAAC4B,MAAW;AAAA,QAC9BA,EAAO,MAAM,aAAa,CAAA;AAAA,QAC1BA,EAAO,SAAS,UAAU,CAAA;AAAA,MAAC,CAC5B;AAAA,IAAA;AAAA,IAEL,CAAC5B,CAAQ;AAAA,EAAA;AAGX,MAAI+B,IAAc/B,EAAS,CAAC;AAE5B,QAAMgC,IAAYhC,EAAS,WAAW,KAAK,CAAC+B,KAAe1B;AAE3D,EAAK0B,MACHA,IAAc;AAAA,IACZ,SAAS,CAAA;AAAA,IACT,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,YAAAjC;AAAA,IACA,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,MAAM,CAAA;AAAA,IACN,gBAAgB;AAAA,IAChB,QAAQ,CAAA;AAAA,IACR,YAAW,oBAAI,KAAA,GAAO,YAAA;AAAA,IACtB,YAAW,oBAAI,KAAA,GAAO,YAAA;AAAA,IACtB,MAAM;AAAA,EAAA;AAIV,QAAMmC,IAAcjC,EAAS,SAAS,IAAI,SAAY+B,GAAa;AAEjD,EAAA/B,EACf,OAAO,CAACkC,MAAMA,EAAE,gBAAgBH,GAAa,eAAeG,EAAE,EAAE,EAChE,IAAI,CAACN,MAAWA,EAAO,EAAE;AAI5B,QAAM,EAAE,MAAMO,EAAA,IAAmBC,GAA2B,EAAE,eAAe,YAAY,GACnFC,IAAaC,GAAmBH,GAAgBrC,CAAU,GAE1DyC,IAAaf;AAAA,IACjB,MAAMgB,GAAcxC,GAAUF,GAAYyB,CAAe;AAAA,IACzD,CAACvB,GAAUF,GAAYyB,CAAe;AAAA,EAAA,GAGlCkB,IAAgBjB,EAAQ,MAAMxB,EAAS,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,CAACA,CAAQ,CAAC,GACvE0C,IAAiBlB,EAAQ,MAAMxB,EAAS,IAAI,CAAC,MAAM,EAAE,QAAQ,QAAQ,GAAG,CAACA,CAAQ,CAAC,GAClF2C,IAAyBnB,EAAQ,MAAMxB,EAAS,IAAI,CAAC,MAAM,EAAE,IAAI,GAAG,CAACA,CAAQ,CAAC,GAC9E4C,IAAoBpB;AAAA,IACxB,MACEpB,EAAY,OAAO,CAACyC,GAAKC,OACvBD,EAAIC,EAAI,IAAI,IAAIA,GACTD,IACN,CAAA,CAAE;AAAA,IACP,CAACzC,CAAW;AAAA,EAAA,GAGR2C,IAAa/C,EAAS,SAAS,GAE/B,EAAE,cAAAgD,EAAA,IAAiBC,GAAgB;AAAA,IACvC,UAAUjD,EAAS,IAAI,CAACkC,OAAO;AAAA,MAC7B,IAAIA,EAAE;AAAA,MACN,aAAaA,EAAE;AAAA,MACf,OAAOA,EAAE,MAAM,aAAa,CAAA;AAAA,MAC5B,UAAUA,EAAE,QAAQ;AAAA,MACpB,WAAWA,EAAE,SAAS;AAAA,IAAA,EACtB;AAAA,IACF,YAAApC;AAAA,EAAA,CACD,GAEKoD,IAAe,CAACC,GAAeC,MAC/BA,KAAU,OAAoC,QAAQ,MAAM,4BAA4B,IACrFJ,EAAaG,GAAOC,CAAK,GAG5BC,IAAuB,MAAM;AACjC,QAAIC,GACFC,IAAKxB,EAAY,IACjByB,IAAgB1D,IAAa;AAE/B,IAAIA,MAAe,aAAaiC,EAAY,SAAS,OACnDuB,IAAa,CAACvB,EAAY,EAAE,GAC5BwB,IAAKxB,EAAY,SAAS,IAC1ByB,IAAgB,cAGdD,KACF7C,EAAa;AAAA,MACX,CAAC8C,CAAa,GAAGD;AAAA,MACjB,aAAAtB;AAAA,MACA,YAAAqB;AAAA,IAAA,CACD;AAAA,EAEL,GAEMG,IACJ,CAAC,QAAQ,WAAW,gBAAgB,EAAE,SAAS3D,CAAU,MACxD+B,EAAY,SAAS,KAAK/B,MAAe,SAEtC4D,IAAexD,EAAM,IAAI,CAACyD,MAAMA,CAAC;AACvC,MAAIF,GAAS;AAEX,UAAMG,IAAW1D,EAAM,IAAI,CAACyD,MAAMA,EAAE,IAAI,GAClCE,IAAahC,EAAY,OAAO,CAAC8B,MAAM,CAACC,EAAS,SAASD,CAAC,CAAC;AAClE,IAAIE,EAAW,UACbH,EAAa,KAAK,GAAGG,EAAW,IAAI,CAACF,OAAO,EAAE,MAAMA,GAAG,UAAUA,EAAA,EAAI,CAAC;AAAA,EAE1E;AAGA,QAAM,EAAE,OAAAG,GAAO,UAAAC,EAAA,IAAaC,GAAwBhE,GAAUF,CAAU,GAClEmE,IACJvC,GAAU,WAAW,KAAKA,GAAU,KAAK,CAACuC,MAAWA,EAAO,SAASxB,EAAc,CAAC,CAAC;AACvF,SACEyB,gBAAAA,MAACC,IAAA,EACC,UAAAD,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,UAAApE;AAAA,MACA,YAAAF;AAAA,MACA,aAAAmC;AAAA,MACA,mBAAArB;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAkB,CAAC0C,MAAO5C,IAAgB4C,GAAI,SAAS;AAAA,MAEvD,UAAAc,gBAAAA,EAAAA,KAACC,IAAA,EAAY,WAAWC,EAAK,wBAAwB,EAAE,WAAAjE,GAAW,GAChE,UAAA;AAAA,QAAA+D,gBAAAA,EAAAA;AAAAA,UAACG;AAAAA,UAAA;AAAA,YACC,WAAWD,EAAK,UAAU,EAAE,WAAAjE,GAAW,SAAS0B,EAAA,GAAa,YAAY;AAAA,YAEzE,UAAA;AAAA,cAAAqC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,OAAO,EAAE,UAAU,cACtB,UAAA;AAAA,gBAAAH,gBAAAA,EAAAA;AAAAA,kBAACO;AAAA,kBAAA;AAAA,oBACC,WAAAzC;AAAA,oBACA,SAASA;AAAA,oBACT,YAAAO;AAAA,oBACA,SAASA,EAAW,WAAW,IAAIc,IAAuB;AAAA,oBAC1D,WAAW;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEZ,CAACN,KAAchB,GAAa,wCAAmB2C,IAAA,CAAA,CAAa;AAAA,cAAA,GAC/D;AAAA,cACAL,gBAAAA,OAACM,IAAA,EAAe,WAAWJ,EAAK,EAAE,SAASvC,GAAW,GACpD,UAAA;AAAA,gBAAAqC,gBAAAA,OAACO,IAAA,EACC,UAAA;AAAA,kBAAAV,gBAAAA,EAAAA,IAAC,QAAI,UAAAJ,EAAA,CAAM;AAAA,kBACXI,gBAAAA,EAAAA;AAAAA,oBAACW;AAAAA,oBAAA;AAAA,sBACC,KAAKxD;AAAA,sBACL,OAAOS,EAAM,GAAGa,CAAU;AAAA,sBAC1B,MAAMC;AAAA,sBACN,SAAS,CAAA;AAAA,sBACT,UAAQ;AAAA,sBACR,QAAM;AAAA,sBACN,UAAU,CAACQ,MAAUF,EAAa,QAAQE,CAAK;AAAA,sBAC/C,OAAM;AAAA,sBACN,eAAe,EAAE,SAASpB,IAAY,SAAS,QAAA;AAAA,sBAC/C,WAAU;AAAA,sBACV,eAAc;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAChB,GACF;AAAA,gBACAqC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,kBAAAA,gBAAAA,EAAAA,KAAC,QAAA,EAAK,WAAU,eAAe,UAAA;AAAA,oBAAAS,EAAWhF,CAAU;AAAA,oBAAE;AAAA,kBAAA,GAAG;AAAA,kBACzDoE,gBAAAA,EAAAA,IAAC,QAAI,UAAAH,EAAA,CAAS;AAAA,gBAAA,GAChB;AAAA,gBACCjE,MAAe,aAAa,CAACiD,KAAc,CAACf,KAAaD,KACxDmC,gBAAAA,EAAAA;AAAAA,kBAACa;AAAA,kBAAA;AAAA,oBAEC,QAAQhD;AAAA,oBACR,WAAWtB,EAAY;AAAA,kBAAA;AAAA,kBAFlBsB,EAAY;AAAA,gBAAA;AAAA,cAGnB,EAAA,CAEJ;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEFmC,gBAAAA,EAAAA;AAAAA,UAACc;AAAAA,UAAA;AAAA,YACC,OAAOvC;AAAA,YACP,SAASf,KAAY,CAAA;AAAA,YACrB,gBAAgBvB;AAAA,YAChB,QAAM;AAAA,YACN,OAAO,EAAE,UAAU,QAAA;AAAA,YACnB,UAAU,CAACiD,MAAUF,EAAa,UAAUE,CAAK;AAAA,YACjD,WAAWmB,EAAK,iBAAiB,EAAE,SAASvC,GAAW;AAAA,YACvD,OAAO1B,IAAY,UAAU;AAAA,YAC7B,YAAY2E,GAAahB,MAAW,SAAaA,EAAkB,QAAQ,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAElF,CAAC3D,MACC,CAACmD,KAAWzB,IACXkC,gBAAAA,EAAAA,IAAC,SAAI,IAELA,gBAAAA,EAAAA;AAAAA,UAACgB;AAAAA,UAAA;AAAA,YACC,OAAOrD;AAAA,YACP,SAAS6B;AAAA,YACT,gBAAgBzD,EAAkB,IAAI,CAAC0D,MAAMA,EAAE,IAAI;AAAA,YACnD,YAAYZ,KAAclB,EAAY,SAAS,KAAK/B,MAAe;AAAA,YACnE,UAAUA,MAAe;AAAA,YACzB,cAAcA,MAAe,SAAS,gBAAgB;AAAA,YACtD,OAAM;AAAA,YACN,UAAU,CAACsD,MAAUF,EAAa,aAAaE,CAAK;AAAA,YACpD,WAAU;AAAA,YACV,gBACEvB,EAAY,SAAU/B,MAAe,SAAS,mBAAmB,WAAY;AAAA,UAAA;AAAA,QAAA;AAAA,QAIrFoE,gBAAAA,EAAAA;AAAAA,UAACiB;AAAA,UAAA;AAAA,YACC,UAAAnF;AAAA,YACA,YAAAF;AAAA,YACA,gBAAAC;AAAA,YACA,iBAAiB,CAAC,CAACM,KAAc,CAAC,CAAC2B;AAAA,YACnC,cAAAb;AAAA,YACA,YAAAH;AAAA,YACA,mBAAmBI;AAAA,YACnB,YAAYF;AAAA,UAAA;AAAA,QAAA;AAAA,QAEbmB,IACC6B,gBAAAA,EAAAA;AAAAA,UAACkB;AAAAA,UAAA;AAAA,YACC,SAAS/C;AAAA,YACT,aAAY;AAAA,YACZ,OAAOK;AAAA,YACP,UAAU,CAACU,MAAUF,EAAa,UAAU,EAAE,UAAUE,EAAM,CAAC,GAAG;AAAA,YAClE,OAAM;AAAA,UAAA;AAAA,QAAA,IAGRc,gBAAAA,EAAAA,IAAC,OAAA,EAAI,OAAO,EAAE,QAAQ,MAAM;AAAA,QAE9BA,gBAAAA,EAAAA;AAAAA,UAACmB;AAAA,UAAA;AAAA,YACC,YAAAvF;AAAA,YACA,YAAAS;AAAA,YACA,aAAAC;AAAA,YACA,WAAAwB;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"DetailsPanelHeader.es.js","sources":["../../../../../../../src/containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.tsx"],"sourcesContent":["import { RefObject, useMemo, useRef } from 'react'\nimport { union, upperFirst } from 'lodash'\nimport clsx from 'clsx'\nimport { DropdownRef, getTextColor } from '@ynput/ayon-react-components'\n\nimport { EntityPanelUploader, StackedThumbnails } from '@shared/components'\nimport { Actions, DetailsPanelProps } from '@shared/containers'\n// shared\nimport { useGetAttributeConfigQuery, Status } from '@shared/api'\nimport type { DetailsPanelEntityData } from '@shared/api'\nimport { getPriorityOptions } from '@shared/util'\nimport { useScopedStatuses, useEntityUpdate } from '@shared/hooks'\nimport { DetailsPanelTab, useDetailsPanelContext } from '@shared/context'\n\nimport DetailsPanelTabs from '../DetailsPanelTabs/DetailsPanelTabs'\nimport LinkedTaskRow from './LinkedTaskRow'\nimport * as Styled from './DetailsPanelHeader.styled'\nimport getThumbnails from '../../helpers/getThumbnails'\nimport buildEntityTypeIcons from '../../helpers/buildEntityTypeIcons'\nimport type { ProjectInfo } from '../../helpers/mergeProjectInfo'\nimport { buildDetailsPanelTitles } from '../../helpers/buildDetailsPanelTitles'\nimport { PlayableIcon } from '@shared/components/PlayableIcon/PlayableIcon'\n\nexport type EntityTypeIcons = {\n  folder: Record<string, string>\n  task: Record<string, string>\n  product: Record<string, string>\n}\n\ntype DetailsPanelHeaderProps = {\n  entityType: 'folder' | 'task' | 'version' | 'representation'\n  entitySubTypes: string[]\n  entities: DetailsPanelEntityData[]\n  disabledAssignees?: any[]\n  users?: any[]\n  disabledStatuses?: string[]\n  tagsOptions?: any[]\n  isFetching?: boolean\n  isCompact?: boolean\n  currentTab: DetailsPanelTab\n  onTabChange: (tab: DetailsPanelTab) => void\n  onOpenViewer: (args: any) => void\n  onEntityFocus: DetailsPanelProps['onEntityFocus']\n  projectInfo: ProjectInfo\n  thumbnailInputRef: RefObject<HTMLInputElement>\n  versionsInputRef: RefObject<HTMLInputElement>\n}\n\nconst DetailsPanelHeader = ({\n  entityType,\n  entitySubTypes,\n  entities = [],\n  disabledAssignees = [],\n  users = [],\n  disabledStatuses,\n  tagsOptions = [],\n  isFetching,\n  isCompact = false,\n  currentTab,\n  onTabChange,\n  projectInfo,\n  onOpenViewer,\n  onEntityFocus,\n  thumbnailInputRef,\n  versionsInputRef,\n}: DetailsPanelHeaderProps) => {\n  const { useSearchParams, useNavigate, bundleMode } = useDetailsPanelContext()\n  const navigate = useNavigate()\n  const [searchParams, setSearchParams] = useSearchParams()\n  const tagsSelectRef = useRef<DropdownRef>(null)\n\n  const entityTypeIcons = useMemo(() => buildEntityTypeIcons(projectInfo), [projectInfo])\n\n  const statuses = useScopedStatuses(\n    entities.map((entity) => entity.projectName),\n    [entityType],\n  )\n\n  // for selected entities, get flat list of assignees\n  const entityUsers: string[] = useMemo(\n    () =>\n      union(\n        ...entities.flatMap((entity) => [\n          entity.task?.assignees || [],\n          entity.version?.author || [],\n        ]),\n      ),\n    [entities],\n  )\n\n  let firstEntity = entities[0]\n  // If there's no data return null\n  const isLoading = entities.length === 0 || !firstEntity || isFetching\n  // placeholder entity\n  if (!firstEntity) {\n    firstEntity = {\n      parents: [],\n      id: 'placeholder',\n      name: 'loading...',\n      label: 'loading...',\n      entityType,\n      status: 'loading',\n      projectName: 'loading...',\n      tags: [],\n      hasReviewables: false,\n      attrib: {},\n      createdAt: new Date().toISOString(),\n      updatedAt: new Date().toISOString(),\n      path: '',\n    }\n  }\n\n  const projectName = entities.length > 1 ? undefined : firstEntity?.projectName\n\n  const entityIds = entities\n    .filter((e) => e.projectName === firstEntity?.projectName && e.id)\n    .map((entity) => entity.id)\n\n  // get priorities\n  // get priority attribute so we know the colors and icons for each priority\n  const { data: priorityAttrib } = useGetAttributeConfigQuery({ attributeName: 'priority' })\n  const priorities = getPriorityOptions(priorityAttrib, entityType)\n\n  const thumbnails = useMemo(\n    () => getThumbnails(entities, entityType, entityTypeIcons),\n    [entities, entityType, entityTypeIcons],\n  )\n\n  const statusesValue = useMemo(() => entities.map((t) => t.status), [entities])\n  const priorityValues = useMemo(() => entities.map((t) => t.attrib?.priority), [entities])\n  const tagsValues: string[][] = useMemo(() => entities.map((t) => t.tags), [entities])\n  const tagsOptionsObject = useMemo(\n    () =>\n      tagsOptions.reduce((acc, tag) => {\n        acc[tag.name] = tag\n        return acc\n      }, {}),\n    [tagsOptions],\n  )\n\n  const isMultiple = entities.length > 1\n\n  const { updateEntity } = useEntityUpdate({\n    entities: entities.map((e) => ({\n      id: e.id,\n      projectName: e.projectName,\n      users: e.task?.assignees || [],\n      folderId: e.folder?.id,\n      productId: e.product?.id,\n    })),\n    entityType,\n  })\n\n  const handleUpdate = (field: string, value: any) => {\n    if (value === null || value === undefined) return console.error('value is null or undefined')\n    return updateEntity(field, value)\n  }\n\n  const handleThumbnailClick = () => {\n    let versionIds,\n      id = firstEntity.id,\n      entityTypeKey = entityType + 'Id'\n\n    if (entityType === 'version' && firstEntity.product?.id) {\n      versionIds = [firstEntity.id]\n      id = firstEntity.product?.id\n      entityTypeKey = 'productId'\n    }\n\n    if (id) {\n      onOpenViewer({\n        [entityTypeKey]: id,\n        projectName,\n        versionIds,\n      })\n    }\n  }\n\n  const hasUser =\n    ['task', 'version', 'representation'].includes(entityType) &&\n    (entityUsers.length > 0 || entityType === 'task')\n\n  const usersOptions = users.map((u) => u)\n  if (hasUser) {\n    // check if all users are in options, otherwise add them\n    const allUsers = users.map((u) => u.name)\n    const usersToAdd = entityUsers.filter((u) => !allUsers.includes(u))\n    if (usersToAdd.length) {\n      usersOptions.push(...usersToAdd.map((u) => ({ name: u, fullName: u })))\n    }\n  }\n\n  // Get title and subtitle from the imported function\n  const { title, subTitle } = buildDetailsPanelTitles(entities, entityType)\n  const status =\n    statuses?.length !== 0 && statuses?.find((status) => status.name === statusesValue[0])\n  return (\n    <Styled.HeaderContainer>\n      <EntityPanelUploader\n        entities={entities}\n        entityType={entityType}\n        projectName={projectName}\n        thumbnailInputRef={thumbnailInputRef}\n        versionsInputRef={versionsInputRef}\n        onVersionCreated={(id) => onEntityFocus?.(id, 'version')}\n      >\n        <Styled.Grid className={clsx('details-panel-header', { isCompact })}>\n          <Styled.Header\n            className={clsx('titles', { isCompact, loading: isLoading }, 'no-shimmer')}\n          >\n            <div style={{ position: 'relative' }}>\n              <StackedThumbnails\n                isLoading={isLoading}\n                shimmer={isLoading}\n                thumbnails={thumbnails}\n                onClick={thumbnails.length === 1 ? handleThumbnailClick : undefined}\n                hoverIcon={'play_circle'}\n              />\n              {!isMultiple && firstEntity?.hasReviewables && <PlayableIcon />}\n            </div>\n            <Styled.Content className={clsx({ loading: isLoading })}>\n              <Styled.Title>\n                <h2>{title}</h2>\n                <Styled.TagsSelect\n                  ref={tagsSelectRef}\n                  value={union(...tagsValues)}\n                  tags={tagsOptionsObject}\n                  options={[]}\n                  editable\n                  editor\n                  onChange={(value) => handleUpdate('tags', value)}\n                  align=\"right\"\n                  styleDropdown={{ display: isLoading ? 'none' : 'unset' }}\n                  className=\"tags-select\"\n                  itemClassName=\"details-tag\"\n                />\n              </Styled.Title>\n              <div className=\"sub-title\">\n                <span className=\"entity-type\">{upperFirst(entityType)} - </span>\n                <h3>{subTitle}</h3>\n              </div>\n              {entityType === 'version' && !isMultiple && !isLoading && firstEntity && (\n                <LinkedTaskRow\n                  key={firstEntity.id}\n                  entity={firstEntity}\n                  taskTypes={projectInfo.taskTypes}\n                />\n              )}\n            </Styled.Content>\n          </Styled.Header>\n          <Styled.StatusSelect\n            value={statusesValue}\n            options={statuses || []}\n            disabledValues={disabledStatuses}\n            invert\n            style={{ maxWidth: 'unset' }}\n            onChange={(value) => handleUpdate('status', value)}\n            className={clsx('status-select', { loading: isLoading })}\n            align={isCompact ? 'right' : 'left'}\n            $textColor={getTextColor(status !== undefined ? (status as Status).color : '#OOO')}\n          />\n          {!isCompact &&\n            (!hasUser || isLoading ? (\n              <div></div>\n            ) : (\n              <Styled.AssigneeSelect\n                value={entityUsers}\n                options={usersOptions}\n                disabledValues={disabledAssignees.map((u) => u.name)}\n                isMultiple={isMultiple && entityUsers.length > 1 && entityType === 'task'}\n                readOnly={entityType !== 'task'}\n                emptyMessage={entityType === 'task' ? 'Assign user' : ''}\n                align=\"right\"\n                onChange={(value) => handleUpdate('assignees', value)}\n                className=\"assignee-select\"\n                data-tooltip={\n                  entityUsers.length ? (entityType === 'task' ? 'Assigned users' : 'Author') : ''\n                }\n              />\n            ))}\n          <Actions\n            entities={entities}\n            entityType={entityType}\n            entitySubTypes={entitySubTypes}\n            isLoadingEntity={!!isFetching || !!isLoading}\n            searchParams={searchParams}\n            bundleMode={bundleMode}\n            onSetSearchParams={setSearchParams}\n            onNavigate={navigate}\n          />\n          {priorities ? (\n            <Styled.PriorityEnumDropdown\n              options={priorities}\n              placeholder=\"No priority\"\n              value={priorityValues}\n              onChange={(value) => handleUpdate('attrib', { priority: value[0] })}\n              align=\"right\"\n            />\n          ) : (\n            <div style={{ height: 32 }}></div>\n          )}\n          <DetailsPanelTabs\n            entityType={entityType}\n            currentTab={currentTab}\n            onTabChange={onTabChange}\n            isLoading={isLoading}\n          />\n        </Styled.Grid>\n      </EntityPanelUploader>\n    </Styled.HeaderContainer>\n  )\n}\n\nexport default DetailsPanelHeader\n"],"names":["DetailsPanelHeader","entityType","entitySubTypes","entities","disabledAssignees","users","disabledStatuses","tagsOptions","isFetching","isCompact","currentTab","onTabChange","projectInfo","onOpenViewer","onEntityFocus","thumbnailInputRef","versionsInputRef","useSearchParams","useNavigate","bundleMode","useDetailsPanelContext","navigate","searchParams","setSearchParams","tagsSelectRef","useRef","entityTypeIcons","useMemo","buildEntityTypeIcons","statuses","useScopedStatuses","entity","entityUsers","union","firstEntity","isLoading","projectName","e","priorityAttrib","useGetAttributeConfigQuery","priorities","getPriorityOptions","thumbnails","getThumbnails","statusesValue","priorityValues","tagsValues","tagsOptionsObject","acc","tag","isMultiple","updateEntity","useEntityUpdate","handleUpdate","field","value","handleThumbnailClick","versionIds","id","entityTypeKey","hasUser","usersOptions","u","allUsers","usersToAdd","title","subTitle","buildDetailsPanelTitles","status","jsx","Styled.HeaderContainer","EntityPanelUploader","jsxs","Styled.Grid","clsx","Styled.Header","StackedThumbnails","PlayableIcon","Styled.Content","Styled.Title","Styled.TagsSelect","upperFirst","LinkedTaskRow","Styled.StatusSelect","getTextColor","Styled.AssigneeSelect","Actions","Styled.PriorityEnumDropdown","DetailsPanelTabs"],"mappings":"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"}