@ynput/ayon-frontend-shared 0.2.16 → 0.2.18

package/dist/shared/src/containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.es.js

@@ -74,10 +74,12 @@ import "../../../api/queries/users/updateUsers.es.js";
 import "../../../api/queries/watchers/getWatchers.es.js";
 import "../../../api/queries/permissions/getPermissions.es.js";
 import "../../../api/queries/grouping/getGrouping.es.js";
+import "../../../api/queries/versions/updateVersions.es.js";
+import "../../../api/queries/products/createProduct.es.js";
 import ReviewablesList from "../../../components/ReviewablesList/ReviewablesList.es.js";
-import "axios";
 import "react";
 import "../../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
+import "axios";
 import "../../../components/ReviewableCard/ReviewableCard.es.js";
 import "../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
 import "../../../components/FileThumbnail/FileThumbnail.es.js";
@@ -126,17 +128,15 @@ import "../../Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
 import "../../Feed/Feed.styled.es.js";
 import "date-fns";
 import "../../ProjectTreeTable/ProjectTreeTable.es.js";
+import "../../ProjectTreeTable/context/CellEditingContext.es.js";
+import "../../ProjectTreeTable/context/ClipboardContext.es.js";
+import "@tanstack/react-table";
 import "../../ProjectTreeTable/context/SelectionCellsContext.es.js";
+import "../../ProjectTreeTable/context/ColumnSettingsContext.es.js";
 import "../../ProjectTreeTable/context/ProjectTableContext.es.js";
 import "../../ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
 import "../../ProjectTreeTable/context/SelectedRowsContext.es.js";
-import "../../ProjectTreeTable/context/ColumnSettingsContext.es.js";
-import "../../ProjectTreeTable/context/CellEditingContext.es.js";
-import "../../ProjectTreeTable/context/ClipboardContext.es.js";
-import "../../ProjectTreeTable/context/ProjectTableSelectionContext.es.js";
 import "../../ProjectTreeTable/context/ProjectDataContext.es.js";
-import "../../ProjectTreeTable/context/ProjectTableModulesContext.es.js";
-import "@tanstack/react-table";
 import "../../ProjectTreeTable/widgets/CollapsedWidget.es.js";
 import "../../ProjectTreeTable/widgets/DateWidget.es.js";
 import "../../ProjectTreeTable/widgets/EnumWidget.es.js";
@@ -150,11 +150,12 @@ import "../../ProjectTreeTable/ProjectTreeTable.styled.es.js";
 import "../../ProjectTreeTable/components/SelectionCell.es.js";
 import "../../ProjectTreeTable/components/RowSelectionHeader.es.js";
 import "../../ProjectTreeTable/widgets/LoadMoreWidget.es.js";
-import "../DetailsPanel.styled.es.js";
 import "../../../../../_virtual/runtime.es.js";
 import "../../../../../_virtual/semver.es.js";
 import "react-redux";
 import "custom-protocol-check";
+import "../../ProjectTreeTable/components/GroupSettingsFallback.es.js";
+import "../DetailsPanel.styled.es.js";
 import "../FeedFilters/FeedFilters.styled.es.js";
 import "../DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
 import "../DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
@@ -162,8 +163,7 @@ import "../DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
 import "../../Actions/Actions.styled.es.js";
 import "../../Actions/ActionsDropdown/ActionsDropdown.es.js";
 import "../../Actions/ActionIcon.es.js";
-import "../../../components/EntityThumbnailUploader/EntityThumbnailUploader.styled.es.js";
-import "../../../components/ThumbnailUploader/ThumbnailUploader.styled.es.js";
+import "../../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
 import "../../../components/SimpleFormDialog/SimpleFormDialog.es.js";
 import "../../../components/EntityPath/EntityPath.styled.es.js";
 import "../../../components/EntityPath/SegmentProvider.es.js";
@@ -181,6 +181,8 @@ import "@dnd-kit/sortable";
 import "../../../components/EnumEditor/EnumEditor.styled.es.js";
 import "../../../components/SearchFilter/filterDates.es.js";
 import "../../../components/Badge/Badge.es.js";
+import "../../../components/VersionUploader/components/UploadVersionDialog.es.js";
+import "../../../components/VersionUploader/context/VersionUploadContext.es.js";
 const StyledContainer = styled.div`
   display: flex;
   flex-direction: column;

package/dist/shared/src/containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelFiles.es.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.tsx"],"sourcesContent":["import { FC } from 'react'\nimport styled from 'styled-components'\nimport { RepresentationsList } from '@shared/containers/RepresentationsList'\nimport { ReviewablesList } from '@shared/components'\nimport { DetailsPanelEntityData } from '@shared/api'\n\nconst StyledContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n\n  height: 100%;\n  overflow: hidden;\n`\n\nconst StyledSection = styled.div`\n  position: relative;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n  overflow: hidden;\n\n  padding: var(--padding-m);\n  overflow: auto;\n\n  &:first-child {\n    border-bottom: 1px solid var(--md-sys-color-outline-variant);\n  }\n`\n\ninterface DetailsPanelFilesProps {\n  entities: DetailsPanelEntityData[]\n  scope: string\n  isLoadingVersion: boolean\n}\n\nconst DetailsPanelFiles: FC<DetailsPanelFilesProps> = ({\n  entities = [],\n  scope,\n  isLoadingVersion,\n}) => {\n  const firstVersion = entities[0]\n\n  if (!firstVersion) return null\n\n  let reviewablesTitle = 'Reviewables'\n  if (entities.length > 1) reviewablesTitle += ` (${firstVersion.name})`\n  if (entities.some((e) => e.entityType !== 'version')) return null\n\n  return (\n    <StyledContainer>\n      <StyledSection>\n        <h4>{reviewablesTitle}</h4>\n        <ReviewablesList\n          projectName={firstVersion.projectName}\n          // @ts-expect-error - entityType is a version and will have a product\n          productId={firstVersion.product?.id}\n          versionId={firstVersion.id}\n          isLoadingVersion={isLoadingVersion}\n          scope={scope}\n        />\n      </StyledSection>\n      <StyledSection>\n        <h4>Representations</h4>\n        <RepresentationsList entities={entities} />\n      </StyledSection>\n    </StyledContainer>\n  )\n}\n\nexport default DetailsPanelFiles\n"],"names":["jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ/B,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsB7B,MAAM,oBAAgD,CAAC;AAAA,EACrD,WAAW,CAAC;AAAA,EACZ;AAAA,EACA;AACF,MAAM;;AACE,QAAA,eAAe,SAAS,CAAC;AAE3B,MAAA,CAAC,aAAqB,QAAA;AAE1B,MAAI,mBAAmB;AACvB,MAAI,SAAS,SAAS,EAAuB,qBAAA,KAAK,aAAa,IAAI;AAC/D,MAAA,SAAS,KAAK,CAAC,MAAM,EAAE,eAAe,SAAS,EAAU,QAAA;AAE7D,gDACG,iBACC,EAAA,UAAA;AAAA,IAAAA,uCAAC,eACC,EAAA,UAAA;AAAA,MAAAC,kCAAAA,IAAC,QAAI,UAAiB,iBAAA,CAAA;AAAA,MACtBA,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,aAAa,aAAa;AAAA,UAE1B,YAAW,kBAAa,YAAb,mBAAsB;AAAA,UACjC,WAAW,aAAa;AAAA,UACxB;AAAA,UACA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,GACF;AAAA,2CACC,eACC,EAAA,UAAA;AAAA,MAAAA,kCAAAA,IAAC,QAAG,UAAe,kBAAA,CAAA;AAAA,MACnBA,sCAAC,uBAAoB,SAAoB,CAAA;AAAA,IAAA,EAC3C,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"DetailsPanelFiles.es.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.tsx"],"sourcesContent":["import { FC } from 'react'\nimport styled from 'styled-components'\nimport { RepresentationsList } from '@shared/containers/RepresentationsList'\nimport { ReviewablesList } from '@shared/components'\nimport { DetailsPanelEntityData } from '@shared/api'\n\nconst StyledContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n\n  height: 100%;\n  overflow: hidden;\n`\n\nconst StyledSection = styled.div`\n  position: relative;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n  overflow: hidden;\n\n  padding: var(--padding-m);\n  overflow: auto;\n\n  &:first-child {\n    border-bottom: 1px solid var(--md-sys-color-outline-variant);\n  }\n`\n\ninterface DetailsPanelFilesProps {\n  entities: DetailsPanelEntityData[]\n  scope: string\n  isLoadingVersion: boolean\n}\n\nconst DetailsPanelFiles: FC<DetailsPanelFilesProps> = ({\n  entities = [],\n  scope,\n  isLoadingVersion,\n}) => {\n  const firstVersion = entities[0]\n\n  if (!firstVersion) return null\n\n  let reviewablesTitle = 'Reviewables'\n  if (entities.length > 1) reviewablesTitle += ` (${firstVersion.name})`\n  if (entities.some((e) => e.entityType !== 'version')) return null\n\n  return (\n    <StyledContainer>\n      <StyledSection>\n        <h4>{reviewablesTitle}</h4>\n        <ReviewablesList\n          projectName={firstVersion.projectName}\n          // @ts-expect-error - entityType is a version and will have a product\n          productId={firstVersion.product?.id}\n          versionId={firstVersion.id}\n          isLoadingVersion={isLoadingVersion}\n          scope={scope}\n        />\n      </StyledSection>\n      <StyledSection>\n        <h4>Representations</h4>\n        <RepresentationsList entities={entities} />\n      </StyledSection>\n    </StyledContainer>\n  )\n}\n\nexport default DetailsPanelFiles\n"],"names":["jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ/B,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsB7B,MAAM,oBAAgD,CAAC;AAAA,EACrD,WAAW,CAAC;AAAA,EACZ;AAAA,EACA;AACF,MAAM;;AACE,QAAA,eAAe,SAAS,CAAC;AAE3B,MAAA,CAAC,aAAqB,QAAA;AAE1B,MAAI,mBAAmB;AACvB,MAAI,SAAS,SAAS,EAAuB,qBAAA,KAAK,aAAa,IAAI;AAC/D,MAAA,SAAS,KAAK,CAAC,MAAM,EAAE,eAAe,SAAS,EAAU,QAAA;AAE7D,gDACG,iBACC,EAAA,UAAA;AAAA,IAAAA,uCAAC,eACC,EAAA,UAAA;AAAA,MAAAC,kCAAAA,IAAC,QAAI,UAAiB,iBAAA,CAAA;AAAA,MACtBA,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,aAAa,aAAa;AAAA,UAE1B,YAAW,kBAAa,YAAb,mBAAsB;AAAA,UACjC,WAAW,aAAa;AAAA,UACxB;AAAA,UACA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,GACF;AAAA,2CACC,eACC,EAAA,UAAA;AAAA,MAAAA,kCAAAA,IAAC,QAAG,UAAe,kBAAA,CAAA;AAAA,MACnBA,sCAAC,uBAAoB,SAAoB,CAAA;AAAA,IAAA,EAC3C,CAAA;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -77,6 +77,8 @@ require("../../../api/queries/users/updateUsers.cjs.js");
 require("../../../api/queries/watchers/getWatchers.cjs.js");
 require("../../../api/queries/permissions/getPermissions.cjs.js");
 require("../../../api/queries/grouping/getGrouping.cjs.js");
+require("../../../api/queries/versions/updateVersions.cjs.js");
+require("../../../api/queries/products/createProduct.cjs.js");
 require("@dnd-kit/core");
 require("@dnd-kit/sortable");
 require("../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");
@@ -85,8 +87,8 @@ require("../../ContextMenu/ContextMenuContext.cjs.js");
 const productTypes = require("../../../util/productTypes.cjs.js");
 const lodash = require("lodash");
 require("../../../util/pubsub.cjs.js");
-require("axios");
 require("../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");
+require("axios");
 require("../../../context/RemoteModulesContext.cjs.js");
 const DetailsPanelContext = require("../../../context/DetailsPanelContext.cjs.js");
 require("../../../context/ThumbnailUploaderContext.cjs.js");
@@ -131,17 +133,15 @@ require("../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");
 require("../../Feed/Feed.styled.cjs.js");
 require("date-fns");
 require("../../ProjectTreeTable/ProjectTreeTable.cjs.js");
+require("../../ProjectTreeTable/context/CellEditingContext.cjs.js");
+require("../../ProjectTreeTable/context/ClipboardContext.cjs.js");
+require("@tanstack/react-table");
 require("../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");
+require("../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");
 require("../../ProjectTreeTable/context/ProjectTableContext.cjs.js");
 require("../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");
 require("../../ProjectTreeTable/context/SelectedRowsContext.cjs.js");
-require("../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");
-require("../../ProjectTreeTable/context/CellEditingContext.cjs.js");
-require("../../ProjectTreeTable/context/ClipboardContext.cjs.js");
-require("../../ProjectTreeTable/context/ProjectTableSelectionContext.cjs.js");
 require("../../ProjectTreeTable/context/ProjectDataContext.cjs.js");
-require("../../ProjectTreeTable/context/ProjectTableModulesContext.cjs.js");
-require("@tanstack/react-table");
 require("../../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");
 require("../../ProjectTreeTable/widgets/DateWidget.cjs.js");
 require("../../ProjectTreeTable/widgets/EnumWidget.cjs.js");
@@ -155,11 +155,12 @@ 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("../DetailsPanel.styled.cjs.js");
 require("../../../../../_virtual/runtime.cjs.js");
 require("../../../../../_virtual/semver.cjs.js");
 require("react-redux");
 require("custom-protocol-check");
+require("../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");
+require("../DetailsPanel.styled.cjs.js");
 require("../FeedFilters/FeedFilters.styled.cjs.js");
 require("../DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");
 const buildDetailsPanelTitles = require("../helpers/buildDetailsPanelTitles.cjs.js");
@@ -171,8 +172,7 @@ require("../DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");
 require("../../Actions/Actions.styled.cjs.js");
 require("../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");
 require("../../Actions/ActionIcon.cjs.js");
-require("../../../components/EntityThumbnailUploader/EntityThumbnailUploader.styled.cjs.js");
-require("../../../components/ThumbnailUploader/ThumbnailUploader.styled.cjs.js");
+require("../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");
 require("../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");
 require("../../../components/EntityPath/EntityPath.styled.cjs.js");
 require("../../../components/EntityPath/SegmentProvider.cjs.js");
@@ -188,6 +188,8 @@ require("../../../components/AttributeEditor/components/MinMaxField.cjs.js");
 require("../../../components/EnumEditor/EnumEditor.styled.cjs.js");
 require("../../../components/SearchFilter/filterDates.cjs.js");
 require("../../../components/Badge/Badge.cjs.js");
+require("../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");
+require("../../../components/VersionUploader/context/VersionUploadContext.cjs.js");
 const DetailsPanelFloating = () => {
   const { pip } = DetailsPanelContext.useDetailsPanelContext();
   const entityType = pip == null ? void 0 : pip.entityType;

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

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelFloating.cjs.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.tsx"],"sourcesContent":["import { FC, useMemo } from 'react'\nimport * as Styled from './DetailsPanelFloating.styled'\nimport getThumbnails from '../helpers/getThumbnails'\nimport { StackedThumbnails } from '@shared/components'\nimport { upperFirst } from 'lodash'\nimport { AssigneeField, Icon } from '@ynput/ayon-react-components'\nimport { PiPWrapper } from '@shared/context'\nimport { useGetEntitiesDetailsPanelQuery } from '@shared/api'\nimport { useGetKanbanProjectUsersQuery, useGetProjectsInfoQuery } from '@shared/api'\nimport getAllProjectStatuses from '../helpers/getAllProjectsStatuses'\nimport FeedWrapper from '../FeedWrapper'\nimport mergeProjectInfo from '../helpers/mergeProjectInfo'\nimport { buildDetailsPanelTitles } from '../helpers/buildDetailsPanelTitles'\nimport { productTypes } from '@shared/util'\nimport { useDetailsPanelContext } from '@shared/context'\n\nexport interface DetailsPanelFloatingProps {}\n\nexport const DetailsPanelFloating: FC<DetailsPanelFloatingProps> = () => {\n  // TODO: fix this\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: Object.entries(productTypes).reduce(\n        (acc, [key, product]) => ({ ...acc, [key]: product.icon }),\n        {},\n      ),\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      <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 style={{ backgroundColor: statusAnatomy?.color }}>\n            {<Icon icon={statusAnatomy.icon || 'question_mark'} />}\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            activeUsers={[]}\n            // selectedTasksProjects={{}}\n            projectInfo={projectsInfo[projectName]}\n            projectName={projectName}\n            isMultiProjects={false}\n            scope={scope}\n            readOnly\n            // @ts-ignore\n            statuses={statuses}\n          />\n        </Styled.FeedContainer>\n      </Styled.Container>\n    </PiPWrapper>\n  )\n}\n\nexport default DetailsPanelFloating\n"],"names":["useDetailsPanelContext","useGetKanbanProjectUsersQuery","useGetProjectsInfoQuery","useMemo","getAllProjectStatuses","useGetEntitiesDetailsPanelQuery","jsx","buildDetailsPanelTitles","PiPWrapper","jsxs","Styled.Container","Styled.Header","StackedThumbnails","Styled.Content","upperFirst","Styled.Row","Styled.Status","Icon","AssigneeField","Styled.FeedContainer"],"mappings":"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"}
+{"version":3,"file":"DetailsPanelFloating.cjs.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.tsx"],"sourcesContent":["import { FC, useMemo } from 'react'\nimport * as Styled from './DetailsPanelFloating.styled'\nimport getThumbnails from '../helpers/getThumbnails'\nimport { StackedThumbnails } from '@shared/components'\nimport { upperFirst } from 'lodash'\nimport { AssigneeField, Icon } from '@ynput/ayon-react-components'\nimport { PiPWrapper } from '@shared/context'\nimport { useGetEntitiesDetailsPanelQuery } from '@shared/api'\nimport { useGetKanbanProjectUsersQuery, useGetProjectsInfoQuery } from '@shared/api'\nimport getAllProjectStatuses from '../helpers/getAllProjectsStatuses'\nimport FeedWrapper from '../FeedWrapper'\nimport mergeProjectInfo from '../helpers/mergeProjectInfo'\nimport { buildDetailsPanelTitles } from '../helpers/buildDetailsPanelTitles'\nimport { productTypes } from '@shared/util'\nimport { useDetailsPanelContext } from '@shared/context'\n\nexport interface DetailsPanelFloatingProps {}\n\nexport const DetailsPanelFloating: FC<DetailsPanelFloatingProps> = () => {\n  // TODO: fix this\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: Object.entries(productTypes).reduce(\n        (acc, [key, product]) => ({ ...acc, [key]: product.icon }),\n        {},\n      ),\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      <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 style={{ backgroundColor: statusAnatomy?.color }}>\n            {<Icon icon={statusAnatomy.icon || 'question_mark'} />}\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            activeUsers={[]}\n            // selectedTasksProjects={{}}\n            projectInfo={projectsInfo[projectName]}\n            projectName={projectName}\n            isMultiProjects={false}\n            scope={scope}\n            readOnly\n            // @ts-ignore\n            statuses={statuses}\n          />\n        </Styled.FeedContainer>\n      </Styled.Container>\n    </PiPWrapper>\n  )\n}\n\nexport default DetailsPanelFloating\n"],"names":["useDetailsPanelContext","useGetKanbanProjectUsersQuery","useGetProjectsInfoQuery","useMemo","getAllProjectStatuses","useGetEntitiesDetailsPanelQuery","jsx","buildDetailsPanelTitles","PiPWrapper","jsxs","Styled.Container","Styled.Header","StackedThumbnails","Styled.Content","upperFirst","Styled.Row","Styled.Status","Icon","AssigneeField","Styled.FeedContainer"],"mappings":"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"}

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

@@ -75,6 +75,8 @@ import "../../../api/queries/users/updateUsers.es.js";
 import "../../../api/queries/watchers/getWatchers.es.js";
 import "../../../api/queries/permissions/getPermissions.es.js";
 import "../../../api/queries/grouping/getGrouping.es.js";
+import "../../../api/queries/versions/updateVersions.es.js";
+import "../../../api/queries/products/createProduct.es.js";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";
 import "../../../components/ReviewablesList/ReviewablesList.styled.es.js";
@@ -83,8 +85,8 @@ import "../../ContextMenu/ContextMenuContext.es.js";
 import productTypes from "../../../util/productTypes.es.js";
 import { upperFirst } from "lodash";
 import "../../../util/pubsub.es.js";
-import "axios";
 import "../../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
+import "axios";
 import "../../../context/RemoteModulesContext.es.js";
 import { useDetailsPanelContext } from "../../../context/DetailsPanelContext.es.js";
 import "../../../context/ThumbnailUploaderContext.es.js";
@@ -129,17 +131,15 @@ import "../../Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
 import "../../Feed/Feed.styled.es.js";
 import "date-fns";
 import "../../ProjectTreeTable/ProjectTreeTable.es.js";
+import "../../ProjectTreeTable/context/CellEditingContext.es.js";
+import "../../ProjectTreeTable/context/ClipboardContext.es.js";
+import "@tanstack/react-table";
 import "../../ProjectTreeTable/context/SelectionCellsContext.es.js";
+import "../../ProjectTreeTable/context/ColumnSettingsContext.es.js";
 import "../../ProjectTreeTable/context/ProjectTableContext.es.js";
 import "../../ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
 import "../../ProjectTreeTable/context/SelectedRowsContext.es.js";
-import "../../ProjectTreeTable/context/ColumnSettingsContext.es.js";
-import "../../ProjectTreeTable/context/CellEditingContext.es.js";
-import "../../ProjectTreeTable/context/ClipboardContext.es.js";
-import "../../ProjectTreeTable/context/ProjectTableSelectionContext.es.js";
 import "../../ProjectTreeTable/context/ProjectDataContext.es.js";
-import "../../ProjectTreeTable/context/ProjectTableModulesContext.es.js";
-import "@tanstack/react-table";
 import "../../ProjectTreeTable/widgets/CollapsedWidget.es.js";
 import "../../ProjectTreeTable/widgets/DateWidget.es.js";
 import "../../ProjectTreeTable/widgets/EnumWidget.es.js";
@@ -153,11 +153,12 @@ import "../../ProjectTreeTable/ProjectTreeTable.styled.es.js";
 import "../../ProjectTreeTable/components/SelectionCell.es.js";
 import "../../ProjectTreeTable/components/RowSelectionHeader.es.js";
 import "../../ProjectTreeTable/widgets/LoadMoreWidget.es.js";
-import "../DetailsPanel.styled.es.js";
 import "../../../../../_virtual/runtime.es.js";
 import "../../../../../_virtual/semver.es.js";
 import "react-redux";
 import "custom-protocol-check";
+import "../../ProjectTreeTable/components/GroupSettingsFallback.es.js";
+import "../DetailsPanel.styled.es.js";
 import "../FeedFilters/FeedFilters.styled.es.js";
 import "../DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
 import { buildDetailsPanelTitles } from "../helpers/buildDetailsPanelTitles.es.js";
@@ -169,8 +170,7 @@ import "../DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
 import "../../Actions/Actions.styled.es.js";
 import "../../Actions/ActionsDropdown/ActionsDropdown.es.js";
 import "../../Actions/ActionIcon.es.js";
-import "../../../components/EntityThumbnailUploader/EntityThumbnailUploader.styled.es.js";
-import "../../../components/ThumbnailUploader/ThumbnailUploader.styled.es.js";
+import "../../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
 import "../../../components/SimpleFormDialog/SimpleFormDialog.es.js";
 import "../../../components/EntityPath/EntityPath.styled.es.js";
 import "../../../components/EntityPath/SegmentProvider.es.js";
@@ -186,6 +186,8 @@ import "../../../components/AttributeEditor/components/MinMaxField.es.js";
 import "../../../components/EnumEditor/EnumEditor.styled.es.js";
 import "../../../components/SearchFilter/filterDates.es.js";
 import "../../../components/Badge/Badge.es.js";
+import "../../../components/VersionUploader/components/UploadVersionDialog.es.js";
+import "../../../components/VersionUploader/context/VersionUploadContext.es.js";
 const DetailsPanelFloating = () => {
   const { pip } = useDetailsPanelContext();
   const entityType = pip == null ? void 0 : pip.entityType;

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

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelFloating.es.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.tsx"],"sourcesContent":["import { FC, useMemo } from 'react'\nimport * as Styled from './DetailsPanelFloating.styled'\nimport getThumbnails from '../helpers/getThumbnails'\nimport { StackedThumbnails } from '@shared/components'\nimport { upperFirst } from 'lodash'\nimport { AssigneeField, Icon } from '@ynput/ayon-react-components'\nimport { PiPWrapper } from '@shared/context'\nimport { useGetEntitiesDetailsPanelQuery } from '@shared/api'\nimport { useGetKanbanProjectUsersQuery, useGetProjectsInfoQuery } from '@shared/api'\nimport getAllProjectStatuses from '../helpers/getAllProjectsStatuses'\nimport FeedWrapper from '../FeedWrapper'\nimport mergeProjectInfo from '../helpers/mergeProjectInfo'\nimport { buildDetailsPanelTitles } from '../helpers/buildDetailsPanelTitles'\nimport { productTypes } from '@shared/util'\nimport { useDetailsPanelContext } from '@shared/context'\n\nexport interface DetailsPanelFloatingProps {}\n\nexport const DetailsPanelFloating: FC<DetailsPanelFloatingProps> = () => {\n  // TODO: fix this\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: Object.entries(productTypes).reduce(\n        (acc, [key, product]) => ({ ...acc, [key]: product.icon }),\n        {},\n      ),\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      <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 style={{ backgroundColor: statusAnatomy?.color }}>\n            {<Icon icon={statusAnatomy.icon || 'question_mark'} />}\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            activeUsers={[]}\n            // selectedTasksProjects={{}}\n            projectInfo={projectsInfo[projectName]}\n            projectName={projectName}\n            isMultiProjects={false}\n            scope={scope}\n            readOnly\n            // @ts-ignore\n            statuses={statuses}\n          />\n        </Styled.FeedContainer>\n      </Styled.Container>\n    </PiPWrapper>\n  )\n}\n\nexport default DetailsPanelFloating\n"],"names":["jsx","jsxs","Styled.Container","Styled.Header","Styled.Content","Styled.Row","Styled.Status","Styled.FeedContainer"],"mappings":"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"}
+{"version":3,"file":"DetailsPanelFloating.es.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.tsx"],"sourcesContent":["import { FC, useMemo } from 'react'\nimport * as Styled from './DetailsPanelFloating.styled'\nimport getThumbnails from '../helpers/getThumbnails'\nimport { StackedThumbnails } from '@shared/components'\nimport { upperFirst } from 'lodash'\nimport { AssigneeField, Icon } from '@ynput/ayon-react-components'\nimport { PiPWrapper } from '@shared/context'\nimport { useGetEntitiesDetailsPanelQuery } from '@shared/api'\nimport { useGetKanbanProjectUsersQuery, useGetProjectsInfoQuery } from '@shared/api'\nimport getAllProjectStatuses from '../helpers/getAllProjectsStatuses'\nimport FeedWrapper from '../FeedWrapper'\nimport mergeProjectInfo from '../helpers/mergeProjectInfo'\nimport { buildDetailsPanelTitles } from '../helpers/buildDetailsPanelTitles'\nimport { productTypes } from '@shared/util'\nimport { useDetailsPanelContext } from '@shared/context'\n\nexport interface DetailsPanelFloatingProps {}\n\nexport const DetailsPanelFloating: FC<DetailsPanelFloatingProps> = () => {\n  // TODO: fix this\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: Object.entries(productTypes).reduce(\n        (acc, [key, product]) => ({ ...acc, [key]: product.icon }),\n        {},\n      ),\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      <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 style={{ backgroundColor: statusAnatomy?.color }}>\n            {<Icon icon={statusAnatomy.icon || 'question_mark'} />}\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            activeUsers={[]}\n            // selectedTasksProjects={{}}\n            projectInfo={projectsInfo[projectName]}\n            projectName={projectName}\n            isMultiProjects={false}\n            scope={scope}\n            readOnly\n            // @ts-ignore\n            statuses={statuses}\n          />\n        </Styled.FeedContainer>\n      </Styled.Container>\n    </PiPWrapper>\n  )\n}\n\nexport default DetailsPanelFloating\n"],"names":["jsx","jsxs","Styled.Container","Styled.Header","Styled.Content","Styled.Row","Styled.Status","Styled.FeedContainer"],"mappings":"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"}

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

@@ -75,6 +75,8 @@ require("../../../api/queries/users/updateUsers.cjs.js");
 require("../../../api/queries/watchers/getWatchers.cjs.js");
 require("../../../api/queries/permissions/getPermissions.cjs.js");
 require("../../../api/queries/grouping/getGrouping.cjs.js");
+require("../../../api/queries/versions/updateVersions.cjs.js");
+require("../../../api/queries/products/createProduct.cjs.js");
 require("@dnd-kit/core");
 require("@dnd-kit/sortable");
 require("../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");
@@ -82,8 +84,8 @@ require("../../ContextMenu/ContextMenuContext.cjs.js");
 ;/* empty css                                      */
 const getPriorityOptions = require("../../../util/getPriorityOptions.cjs.js");
 require("../../../util/pubsub.cjs.js");
-require("axios");
 require("../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");
+require("axios");
 require("../../../context/RemoteModulesContext.cjs.js");
 const DetailsPanelContext = require("../../../context/DetailsPanelContext.cjs.js");
 require("../../../context/ThumbnailUploaderContext.cjs.js");
@@ -99,8 +101,7 @@ require("../../../components/ReviewableProgressCard/ReviewableProgressCard.style
 require("../../../components/FileThumbnail/FileThumbnail.cjs.js");
 require("../../../components/Thumbnail/Thumbnail.styled.cjs.js");
 const StackedThumbnails = require("../../../components/Thumbnail/StackedThumbnails.cjs.js");
-const EntityThumbnailUploader = require("../../../components/EntityThumbnailUploader/EntityThumbnailUploader.cjs.js");
-require("../../../components/ThumbnailUploader/ThumbnailUploader.styled.cjs.js");
+const EntityPanelUploader = require("../../../components/EntityPanelUploader/EntityPanelUploader.cjs.js");
 require("../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");
 require("../../../components/EntityPath/EntityPath.styled.cjs.js");
 require("../../../components/EntityPath/SegmentProvider.cjs.js");
@@ -123,6 +124,8 @@ require("../../../components/AttributeEditor/components/MinMaxField.cjs.js");
 require("../../../components/EnumEditor/EnumEditor.styled.cjs.js");
 require("../../../components/SearchFilter/filterDates.cjs.js");
 require("../../../components/Badge/Badge.cjs.js");
+require("../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");
+require("../../../components/VersionUploader/context/VersionUploadContext.cjs.js");
 require("../../Feed/context/FeedContext.cjs.js");
 require("../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");
 require("../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");
@@ -151,17 +154,15 @@ require("../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");
 require("../../Feed/Feed.styled.cjs.js");
 require("date-fns");
 require("../../ProjectTreeTable/ProjectTreeTable.cjs.js");
+require("../../ProjectTreeTable/context/CellEditingContext.cjs.js");
+require("../../ProjectTreeTable/context/ClipboardContext.cjs.js");
+require("@tanstack/react-table");
 require("../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");
+require("../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");
 require("../../ProjectTreeTable/context/ProjectTableContext.cjs.js");
 require("../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");
 require("../../ProjectTreeTable/context/SelectedRowsContext.cjs.js");
-require("../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");
-require("../../ProjectTreeTable/context/CellEditingContext.cjs.js");
-require("../../ProjectTreeTable/context/ClipboardContext.cjs.js");
-require("../../ProjectTreeTable/context/ProjectTableSelectionContext.cjs.js");
 require("../../ProjectTreeTable/context/ProjectDataContext.cjs.js");
-require("../../ProjectTreeTable/context/ProjectTableModulesContext.cjs.js");
-require("@tanstack/react-table");
 require("../../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");
 require("../../ProjectTreeTable/widgets/DateWidget.cjs.js");
 require("../../ProjectTreeTable/widgets/EnumWidget.cjs.js");
@@ -175,6 +176,7 @@ 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/GroupSettingsFallback.cjs.js");
 require("../DetailsPanel.styled.cjs.js");
 const FeedFilters = require("../FeedFilters/FeedFilters.cjs.js");
 const DetailsPanelHeader_styled = require("./DetailsPanelHeader.styled.cjs.js");
@@ -197,7 +199,8 @@ const DetailsPanelHeader = ({
   currentTab,
   onTabChange,
   entityTypeIcons,
-  onOpenViewer
+  onOpenViewer,
+  onEntityFocus
 }) => {
   const { useSearchParams, useNavigate } = DetailsPanelContext.useDetailsPanelContext();
   const navigate = useNavigate();
@@ -312,11 +315,12 @@ const DetailsPanelHeader = ({
   }
   const { title, subTitle } = buildDetailsPanelTitles.buildDetailsPanelTitles(entities, entityType);
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(DetailsPanelHeader_styled.HeaderContainer, { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-    EntityThumbnailUploader.EntityThumbnailUploader,
+    EntityPanelUploader.EntityPanelUploader,
     {
       entities,
       entityType,
       projectName,
+      onVersionCreated: (id) => onEntityFocus == null ? void 0 : onEntityFocus(id, "version"),
       children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(DetailsPanelHeader_styled.Grid, { className: clsx("details-panel-header", { isCompact }), children: [
         /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
           DetailsPanelHeader_styled.Header,

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

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelHeader.cjs.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { union, upperFirst } from 'lodash'\nimport clsx from 'clsx'\nimport { Icon } from '@ynput/ayon-react-components'\n\nimport { EntityThumbnailUploader, StackedThumbnails } from '@shared/components'\nimport { Actions } from '@shared/containers'\n// shared\nimport { useGetEntitiesChecklistsQuery, useGetAttributeConfigQuery } 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 FeedFilters from '../FeedFilters/FeedFilters'\nimport * as Styled from './DetailsPanelHeader.styled'\nimport getThumbnails from '../helpers/getThumbnails'\nimport { buildDetailsPanelTitles } from '../helpers/buildDetailsPanelTitles'\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  entityTypeIcons: EntityTypeIcons\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  entityTypeIcons,\n  onOpenViewer,\n}: DetailsPanelHeaderProps) => {\n  const { useSearchParams, useNavigate } = useDetailsPanelContext()\n  const navigate = useNavigate()\n  const [searchParams, setSearchParams] = useSearchParams()\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      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    }\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 checklists count\n  const { data: checklistCount } = useGetEntitiesChecklistsQuery(\n    {\n      projectName: firstEntity?.projectName,\n      entityIds,\n    },\n    { skip: !firstEntity?.projectName || !entityIds.length },\n  )\n  let checklistsLabel\n  if (checklistCount?.total && checklistCount.total > 0) {\n    checklistsLabel = `${checklistCount.checked}/${checklistCount.total}`\n  }\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  // we need to get the intersection of all the statuses of the projects for the selected entities\n  // this means that if we have 2 entities from 2 different projects, we need to get the intersection of the statuses of those 2 projects\n  //  and it prevents us from showing statuses that are not available for the selected entities\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\n  return (\n    <Styled.HeaderContainer>\n      <EntityThumbnailUploader\n        entities={entities}\n        entityType={entityType}\n        projectName={projectName}\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 && (\n                <Styled.Playable className=\"playable\">\n                  <Icon icon=\"play_circle\" />\n                </Styled.Playable>\n              )}\n            </div>\n            <Styled.Content className={clsx({ loading: isLoading })}>\n              <Styled.Title>\n                <h2>{title}</h2>\n                <Styled.TagsSelect\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                />\n              </Styled.Title>\n              <div className=\"sub-title\">\n                <span className=\"entity-type\">{upperFirst(entityType)} - </span>\n                <h3>{subTitle}</h3>\n              </div>\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          />\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            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          <FeedFilters\n            isLoading={isLoading}\n            entityType={entityType}\n            className=\"filters\"\n            overrides={{\n              checklists: {\n                label: checklistsLabel,\n              },\n            }}\n            currentTab={currentTab}\n            onTabChange={onTabChange}\n          />\n        </Styled.Grid>\n      </EntityThumbnailUploader>\n    </Styled.HeaderContainer>\n  )\n}\n\nexport default DetailsPanelHeader\n"],"names":["useDetailsPanelContext","useScopedStatuses","useMemo","union","useGetEntitiesChecklistsQuery","useGetAttributeConfigQuery","getPriorityOptions","useEntityUpdate","buildDetailsPanelTitles","jsx","Styled.HeaderContainer","EntityThumbnailUploader","jsxs","Styled.Grid","Styled.Header","StackedThumbnails","Styled.Playable","Icon","Styled.Content","Styled.Title","Styled.TagsSelect","upperFirst","Styled.StatusSelect","Styled.AssigneeSelect","Actions","Styled.PriorityEnumDropdown"],"mappings":"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"}
+{"version":3,"file":"DetailsPanelHeader.cjs.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { union, upperFirst } from 'lodash'\nimport clsx from 'clsx'\nimport { Icon } from '@ynput/ayon-react-components'\n\nimport { EntityPanelUploader, StackedThumbnails } from '@shared/components'\nimport { Actions, DetailsPanelProps } from '@shared/containers'\n// shared\nimport { useGetEntitiesChecklistsQuery, useGetAttributeConfigQuery } 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 FeedFilters from '../FeedFilters/FeedFilters'\nimport * as Styled from './DetailsPanelHeader.styled'\nimport getThumbnails from '../helpers/getThumbnails'\nimport { buildDetailsPanelTitles } from '../helpers/buildDetailsPanelTitles'\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  entityTypeIcons: EntityTypeIcons\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  entityTypeIcons,\n  onOpenViewer,\n  onEntityFocus,\n}: DetailsPanelHeaderProps) => {\n  const { useSearchParams, useNavigate } = useDetailsPanelContext()\n  const navigate = useNavigate()\n  const [searchParams, setSearchParams] = useSearchParams()\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      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    }\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 checklists count\n  const { data: checklistCount } = useGetEntitiesChecklistsQuery(\n    {\n      projectName: firstEntity?.projectName,\n      entityIds,\n    },\n    { skip: !firstEntity?.projectName || !entityIds.length },\n  )\n  let checklistsLabel\n  if (checklistCount?.total && checklistCount.total > 0) {\n    checklistsLabel = `${checklistCount.checked}/${checklistCount.total}`\n  }\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  // we need to get the intersection of all the statuses of the projects for the selected entities\n  // this means that if we have 2 entities from 2 different projects, we need to get the intersection of the statuses of those 2 projects\n  //  and it prevents us from showing statuses that are not available for the selected entities\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\n  return (\n    <Styled.HeaderContainer>\n      <EntityPanelUploader\n        entities={entities}\n        entityType={entityType}\n        projectName={projectName}\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 && (\n                <Styled.Playable className=\"playable\">\n                  <Icon icon=\"play_circle\" />\n                </Styled.Playable>\n              )}\n            </div>\n            <Styled.Content className={clsx({ loading: isLoading })}>\n              <Styled.Title>\n                <h2>{title}</h2>\n                <Styled.TagsSelect\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                />\n              </Styled.Title>\n              <div className=\"sub-title\">\n                <span className=\"entity-type\">{upperFirst(entityType)} - </span>\n                <h3>{subTitle}</h3>\n              </div>\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          />\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            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          <FeedFilters\n            isLoading={isLoading}\n            entityType={entityType}\n            className=\"filters\"\n            overrides={{\n              checklists: {\n                label: checklistsLabel,\n              },\n            }}\n            currentTab={currentTab}\n            onTabChange={onTabChange}\n          />\n        </Styled.Grid>\n      </EntityPanelUploader>\n    </Styled.HeaderContainer>\n  )\n}\n\nexport default DetailsPanelHeader\n"],"names":["useDetailsPanelContext","useScopedStatuses","useMemo","union","useGetEntitiesChecklistsQuery","useGetAttributeConfigQuery","getPriorityOptions","useEntityUpdate","buildDetailsPanelTitles","jsx","Styled.HeaderContainer","EntityPanelUploader","jsxs","Styled.Grid","Styled.Header","StackedThumbnails","Styled.Playable","Icon","Styled.Content","Styled.Title","Styled.TagsSelect","upperFirst","Styled.StatusSelect","Styled.AssigneeSelect","Actions","Styled.PriorityEnumDropdown"],"mappings":"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"}