npm - @ynput/ayon-frontend-shared - Versions diffs - 0.2.32 → 0.2.34 - Mend

@ynput/ayon-frontend-shared 0.2.32 → 0.2.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (636) hide show

package/dist/shared/src/containers/DetailsPanel/DetailsPanel.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsPanel.cjs.js","sources":["../../../../../src/containers/DetailsPanel/DetailsPanel.tsx"],"sourcesContent":["import { Button } from '@ynput/ayon-react-components'\nimport React, { useEffect, useMemo } from 'react'\nimport * as Styled from './DetailsPanel.styled'\n\n// shared\nimport { useGetEntitiesDetailsPanelQuery, detailsPanelEntityTypes } from '@shared/api'\nimport type { ProjectModel, Tag, DetailsPanelEntityType } from '@shared/api'\nimport { DetailsPanelDetails, EntityPath, Watchers } from '@shared/components'\nimport { usePiPWindow } from '@shared/context/pip/PiPProvider'\nimport { productTypes } from '@shared/util'\nimport { useDetailsPanelContext, useScopedDetailsPanel } from '@shared/context'\n\nimport DetailsPanelHeader from './DetailsPanelHeader/DetailsPanelHeader'\nimport DetailsPanelFiles from './DetailsPanelFiles'\nimport useGetEntityPath from './hooks/useGetEntityPath'\nimport getAllProjectStatuses from './helpers/getAllProjectsStatuses'\nimport FeedWrapper from './FeedWrapper'\nimport FeedContextWrapper from './FeedContextWrapper'\nimport mergeProjectInfo from './helpers/mergeProjectInfo'\n\nexport const entitiesWithoutFeed = ['product', 'representation']\n\ntype User = { avatarUrl: string; name: string; fullName?: string }\n\nexport type DetailsPanelProps = {\n entityType: DetailsPanelEntityType\n entitySubTypes?: string[] // used to get actions before the entity has loaded\n entitiesData?: { id: string; label: string; type: DetailsPanelEntityType }[]\n entities?: { id: string; projectName: string }[]\n tagsOptions?: Tag[]\n disabledStatuses?: string[]\n projectUsers?: User[]\n disabledProjectUsers?: string[]\n activeProjectUsers?: string[]\n projectsInfo?: Record<string, ProjectModel>\n projectNames?: string[]\n isSlideOut?: boolean\n style?: React.CSSProperties\n scope: string\n isCompact?: boolean\n onClose?: () => void\n onWatchersUpdate?: (added: any[], removed: any[]) => void\n onOpenViewer?: (entity: any) => void\n onEntityFocus?: (id: string, entityType: DetailsPanelEntityType) => void\n // annotations\n annotations?: any\n removeAnnotation?: (id: string) => void\n exportAnnotationComposite?: (id: string) => Promise<Blob \| null>\n}\n\nexport const DetailsPanel = ({\n entityType,\n entitySubTypes = [],\n // entities is data we already have from kanban\n entitiesData = [],\n // entityIds are used to get the full details data for the entities\n entities = [],\n tagsOptions = [],\n disabledStatuses,\n projectUsers,\n disabledProjectUsers,\n activeProjectUsers,\n projectsInfo = {},\n projectNames = [],\n isSlideOut = false,\n style = {},\n scope,\n isCompact = false,\n onClose,\n onWatchersUpdate,\n onOpenViewer,\n onEntityFocus,\n // annotations\n annotations,\n removeAnnotation,\n exportAnnotationComposite,\n}: DetailsPanelProps) => {\n const { closeSlideOut, openPip, user } = useDetailsPanelContext()\n const { currentTab, setTab, isFeed } = useScopedDetailsPanel(scope)\n\n // Force details tab for specific entity types\n useEffect(() => {\n if (entitiesWithoutFeed.includes(entityType) && currentTab !== 'details') {\n setTab('details')\n }\n }, [entityType, currentTab, setTab])\n\n // reduce projectsInfo to selected projects and into one\n const projectInfo = useMemo(\n () => mergeProjectInfo(projectsInfo, projectNames),\n [projectsInfo, projectNames],\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 // check if tab needs to be updated when entity type changes\n // for example when switching from version to task, task doesn't have reps tab\n // if reps tab was selected, set default to feed\n useEffect(() => {\n if (currentTab === 'files') {\n // check entity type is still version\n if (entityType !== 'version') {\n setTab('activity')\n }\n }\n }, [entityType, currentTab, scope])\n\n // now we get the full details data for selected entities\n let entitiesToQuery = entities.length\n ? entities.map((entity) => ({ id: entity.id, projectName: entity.projectName }))\n : // @ts-expect-error = not sure what's going on with entitiesData, we should try and remove it\n entitiesData.map((entity) => ({ id: entity.id, projectName: entity.projectName }))\n\n entitiesToQuery = entitiesToQuery.filter((entity) => entity.id)\n\n const {\n data: entityDetailsData = [],\n isFetching: isFetchingEntitiesDetails,\n isError,\n originalArgs,\n } = useGetEntitiesDetailsPanelQuery(\n { entityType, entities: entitiesToQuery },\n {\n skip: !entitiesToQuery.length \|\| !detailsPanelEntityTypes.includes(entityType),\n },\n )\n\n // the entity changes then we close the slide out\n useEffect(() => {\n if (!isSlideOut) {\n closeSlideOut()\n }\n }, [originalArgs, isSlideOut])\n\n // TODO: merge current entities data with fresh details data\n\n const allStatuses = getAllProjectStatuses(projectsInfo)\n\n // get the first project name and info to be used in the feed.\n const firstProject = projectNames[0]\n const firstProjectInfo = projectsInfo[firstProject] \|\| {}\n const firstEntityData = entityDetailsData[0] \|\| {}\n\n // build the full entity path for the first entity\n const [entityPathSegments, entityPathVersions] = useGetEntityPath({\n entity: firstEntityData,\n entityType,\n projectName: firstProject,\n isLoading: isFetchingEntitiesDetails,\n })\n\n useEffect(() => {\n const handleKeyDown = (e: KeyboardEvent) => {\n // Don't trigger if we're in an input element\n const target = e.target as HTMLElement\n const isInputElement =\n ['INPUT', 'TEXTAREA', 'SELECT'].includes(target.tagName) \|\| target.isContentEditable\n\n if (e.key === 'Escape' && !isInputElement && onClose) {\n onClose()\n }\n }\n\n window.addEventListener('keydown', handleKeyDown)\n return () => window.removeEventListener('keydown', handleKeyDown)\n }, [onClose])\n\n const { requestPipWindow } = usePiPWindow()\n\n const handleOpenPip = () => {\n openPip({\n entityType: entityType,\n entities: entitiesToQuery,\n scope: scope,\n })\n requestPipWindow(500, 500)\n }\n\n return (\n <>\n <Styled.Panel className=\"details-panel\">\n <Styled.Toolbar>\n {/* TODO FIX PATH */}\n <EntityPath\n segments={entityPathSegments}\n versions={entityPathVersions}\n projectName={firstProject}\n hideProjectName={isSlideOut}\n isLoading={isFetchingEntitiesDetails \|\| !entityPathSegments.length}\n entityType={entityType}\n scope={scope}\n // @ts-ignore\n entityTypeIcons={entityTypeIcons}\n />\n <Styled.RightTools className=\"right-tools\">\n <Watchers\n entities={entitiesToQuery}\n entityType={entityType}\n options={projectUsers \|\| []}\n onWatchersUpdate={onWatchersUpdate && onWatchersUpdate}\n userName={user.name}\n />\n <Button\n icon=\"picture_in_picture\"\n variant={'text'}\n data-tooltip=\"Picture in Picture\"\n onClick={handleOpenPip}\n />\n\n {onClose && (\n <Button\n icon=\"close\"\n variant={'text'}\n onClick={() => onClose && onClose()}\n data-shortcut={'Escape'}\n />\n )}\n </Styled.RightTools>\n </Styled.Toolbar>\n\n <DetailsPanelHeader\n entityType={entityType}\n entitySubTypes={entitySubTypes}\n entities={entityDetailsData}\n users={projectUsers}\n disabledAssignees={disabledProjectUsers}\n disabledStatuses={disabledStatuses}\n tagsOptions={tagsOptions}\n isFetching={isFetchingEntitiesDetails}\n isCompact={isCompact}\n currentTab={currentTab}\n onTabChange={setTab}\n entityTypeIcons={entityTypeIcons}\n onOpenViewer={(args) => onOpenViewer?.(args)}\n onEntityFocus={onEntityFocus}\n />\n {isFeed && !isError && (\n <FeedWrapper\n entityType={entityType}\n entities={entityDetailsData}\n activeUsers={activeProjectUsers \|\| []}\n projectInfo={firstProjectInfo}\n projectName={firstProject}\n isMultiProjects={projectNames.length > 1}\n scope={scope}\n statuses={allStatuses}\n readOnly={false}\n annotations={annotations}\n removeAnnotation={removeAnnotation}\n exportAnnotationComposite={exportAnnotationComposite}\n />\n )}\n {currentTab === 'files' && (\n <DetailsPanelFiles\n entities={entityDetailsData}\n scope={scope}\n isLoadingVersion={isFetchingEntitiesDetails}\n />\n )}\n {currentTab === 'details' && (\n <FeedContextWrapper\n entityType={entityType}\n entities={entityDetailsData}\n activeUsers={activeProjectUsers \|\| []}\n projectInfo={firstProjectInfo}\n projectName={firstProject}\n isMultiProjects={projectNames.length > 1}\n scope={scope}\n statuses={allStatuses}\n readOnly={false}\n annotations={annotations}\n removeAnnotation={removeAnnotation}\n exportAnnotationComposite={exportAnnotationComposite}\n >\n <DetailsPanelDetails\n entities={entityDetailsData}\n isLoading={isFetchingEntitiesDetails}\n />\n </FeedContextWrapper>\n )}\n </Styled.Panel>\n </>\n )\n}\n"],"names":["entitiesWithoutFeed","DetailsPanel","entityType","entitySubTypes","entitiesData","entities","tagsOptions","disabledStatuses","projectUsers","disabledProjectUsers","activeProjectUsers","projectsInfo","projectNames","isSlideOut","style","scope","isCompact","onClose","onWatchersUpdate","onOpenViewer","onEntityFocus","annotations","removeAnnotation","exportAnnotationComposite","closeSlideOut","openPip","user","useDetailsPanelContext","currentTab","setTab","isFeed","useScopedDetailsPanel","useEffect","projectInfo","useMemo","mergeProjectInfo","entityTypeIcons","task","acc","folder","productTypes","key","product","entitiesToQuery","entity","entityDetailsData","isFetchingEntitiesDetails","isError","originalArgs","useGetEntitiesDetailsPanelQuery","detailsPanelEntityTypes","allStatuses","getAllProjectStatuses","firstProject","firstProjectInfo","firstEntityData","entityPathSegments","entityPathVersions","useGetEntityPath","handleKeyDown","e","target","isInputElement","requestPipWindow","usePiPWindow","handleOpenPip","jsxs","Styled.Panel","Styled.Toolbar","jsx","EntityPath","Styled.RightTools","Watchers","Button","DetailsPanelHeader","args","FeedWrapper","DetailsPanelFiles","FeedContextWrapper","DetailsPanelDetails"],"mappings":"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"}
1	+ {"version":3,"file":"DetailsPanel.cjs.js","sources":["../../../../../src/containers/DetailsPanel/DetailsPanel.tsx"],"sourcesContent":["import { Button } from '@ynput/ayon-react-components'\nimport React, { useEffect, useMemo } from 'react'\nimport * as Styled from './DetailsPanel.styled'\n\n// shared\nimport { useGetEntitiesDetailsPanelQuery, detailsPanelEntityTypes } from '@shared/api'\nimport type { ProjectModel, Tag, DetailsPanelEntityType } from '@shared/api'\nimport { DetailsPanelDetails, EntityPath, Watchers } from '@shared/components'\nimport { usePiPWindow } from '@shared/context/pip/PiPProvider'\nimport { productTypes } from '@shared/util'\nimport { useDetailsPanelContext, usePowerpack, useScopedDetailsPanel } from '@shared/context'\n\nimport DetailsPanelHeader from './DetailsPanelHeader/DetailsPanelHeader'\nimport DetailsPanelFiles from './DetailsPanelFiles'\nimport useGetEntityPath from './hooks/useGetEntityPath'\nimport getAllProjectStatuses from './helpers/getAllProjectsStatuses'\nimport FeedWrapper from './FeedWrapper'\nimport FeedContextWrapper from './FeedContextWrapper'\nimport mergeProjectInfo from './helpers/mergeProjectInfo'\n\nexport const entitiesWithoutFeed = ['product', 'representation']\n\ntype User = { avatarUrl: string; name: string; fullName?: string }\n\nexport type DetailsPanelProps = {\n entityType: DetailsPanelEntityType\n entitySubTypes?: string[] // used to get actions before the entity has loaded\n entitiesData?: { id: string; label: string; type: DetailsPanelEntityType }[]\n entities?: { id: string; projectName: string }[]\n tagsOptions?: Tag[]\n disabledStatuses?: string[]\n projectUsers?: User[]\n disabledProjectUsers?: string[]\n activeProjectUsers?: string[]\n projectsInfo?: Record<string, ProjectModel>\n projectNames?: string[]\n isSlideOut?: boolean\n style?: React.CSSProperties\n scope: string\n isCompact?: boolean\n onClose?: () => void\n onWatchersUpdate?: (added: any[], removed: any[]) => void\n onOpenViewer?: (entity: any) => void\n onEntityFocus?: (id: string, entityType: DetailsPanelEntityType) => void\n // annotations\n annotations?: any\n removeAnnotation?: (id: string) => void\n exportAnnotationComposite?: (id: string) => Promise<Blob \| null>\n entityListId?: string\n guestCategories?: Record<string, string> // only used for guests to find if they have access to any categories\n}\n\nexport const DetailsPanel = ({\n entityType,\n entitySubTypes = [],\n // entities is data we already have from kanban\n entitiesData = [],\n // entityIds are used to get the full details data for the entities\n entities = [],\n tagsOptions = [],\n disabledStatuses,\n projectUsers,\n disabledProjectUsers,\n activeProjectUsers,\n projectsInfo = {},\n projectNames = [],\n isSlideOut = false,\n style = {},\n scope,\n isCompact = false,\n onClose,\n onWatchersUpdate,\n onOpenViewer,\n onEntityFocus,\n // annotations\n annotations,\n removeAnnotation,\n exportAnnotationComposite,\n entityListId,\n guestCategories = {},\n}: DetailsPanelProps) => {\n const { closeSlideOut, openPip, user, isGuest } = useDetailsPanelContext()\n const { currentTab, setTab, isFeed } = useScopedDetailsPanel(scope)\n\n // Force details tab for specific entity types\n useEffect(() => {\n if (entitiesWithoutFeed.includes(entityType) && currentTab !== 'details') {\n setTab('details')\n }\n }, [entityType, currentTab, setTab])\n\n // reduce projectsInfo to selected projects and into one\n const projectInfo = useMemo(\n () => mergeProjectInfo(projectsInfo, projectNames),\n [projectsInfo, projectNames],\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 // check if tab needs to be updated when entity type changes\n // for example when switching from version to task, task doesn't have reps tab\n // if reps tab was selected, set default to feed\n useEffect(() => {\n if (currentTab === 'files') {\n // check entity type is still version\n if (entityType !== 'version') {\n setTab('activity')\n }\n }\n }, [entityType, currentTab, scope])\n\n // now we get the full details data for selected entities\n let entitiesToQuery = entities.length\n ? entities.map((entity) => ({ id: entity.id, projectName: entity.projectName }))\n : // @ts-expect-error = not sure what's going on with entitiesData, we should try and remove it\n entitiesData.map((entity) => ({ id: entity.id, projectName: entity.projectName }))\n\n entitiesToQuery = entitiesToQuery.filter((entity) => entity.id)\n\n const {\n data: entityDetailsData = [],\n isFetching: isFetchingEntitiesDetails,\n isError,\n originalArgs,\n } = useGetEntitiesDetailsPanelQuery(\n { entityType, entities: entitiesToQuery },\n {\n skip: !entitiesToQuery.length \|\| !detailsPanelEntityTypes.includes(entityType),\n },\n )\n\n // the entity changes then we close the slide out\n useEffect(() => {\n if (!isSlideOut) {\n closeSlideOut()\n }\n }, [originalArgs, isSlideOut])\n\n // TODO: merge current entities data with fresh details data\n\n const allStatuses = getAllProjectStatuses(projectsInfo)\n\n // get the first project name and info to be used in the feed.\n const firstProject = projectNames[0]\n const firstProjectInfo = projectsInfo[firstProject] \|\| {}\n const firstEntityData = entityDetailsData[0] \|\| {}\n\n // build the full entity path for the first entity\n const [entityPathSegments, entityPathVersions] = useGetEntityPath({\n entity: firstEntityData,\n entityType,\n projectName: firstProject,\n isLoading: isFetchingEntitiesDetails,\n })\n\n useEffect(() => {\n const handleKeyDown = (e: KeyboardEvent) => {\n // Don't trigger if we're in an input element\n const target = e.target as HTMLElement\n const isInputElement =\n ['INPUT', 'TEXTAREA', 'SELECT'].includes(target.tagName) \|\| target.isContentEditable\n\n if (e.key === 'Escape' && !isInputElement && onClose) {\n onClose()\n }\n }\n\n window.addEventListener('keydown', handleKeyDown)\n return () => window.removeEventListener('keydown', handleKeyDown)\n }, [onClose])\n\n const { requestPipWindow } = usePiPWindow()\n\n const handleOpenPip = () => {\n openPip({\n entityType: entityType,\n entities: entitiesToQuery,\n scope: scope,\n })\n requestPipWindow(500, 500)\n }\n\n const isCommentingEnabled = () => {\n // cannot comment on multiple projects\n if (projectNames.length > 1) return false\n if (isGuest) {\n // Guest can only comment in review sessions (for now)\n if (!entityListId) return false\n // Guest must have at least one category set for list\n const guestHasCategory = Object.prototype.hasOwnProperty.call(\n guestCategories,\n user.attrib?.email \|\| '',\n )\n if (!guestHasCategory) return false\n }\n return true\n }\n\n return (\n <>\n <Styled.Panel className=\"details-panel\">\n <Styled.Toolbar>\n {/* TODO FIX PATH */}\n <EntityPath\n segments={entityPathSegments}\n versions={entityPathVersions}\n projectName={firstProject}\n hideProjectName={isSlideOut}\n isLoading={isFetchingEntitiesDetails \|\| !entityPathSegments.length}\n entityType={entityType}\n scope={scope}\n // @ts-ignore\n entityTypeIcons={entityTypeIcons}\n />\n <Styled.RightTools className=\"right-tools\">\n <Watchers\n entities={entitiesToQuery}\n entityType={entityType}\n options={projectUsers \|\| []}\n onWatchersUpdate={onWatchersUpdate && onWatchersUpdate}\n userName={user.name}\n />\n <Button\n icon=\"picture_in_picture\"\n variant={'text'}\n data-tooltip=\"Picture in Picture\"\n onClick={handleOpenPip}\n />\n\n {onClose && (\n <Button\n icon=\"close\"\n variant={'text'}\n onClick={() => onClose && onClose()}\n data-shortcut={'Escape'}\n />\n )}\n </Styled.RightTools>\n </Styled.Toolbar>\n\n <DetailsPanelHeader\n entityType={entityType}\n entitySubTypes={entitySubTypes}\n entities={entityDetailsData}\n users={projectUsers}\n disabledAssignees={disabledProjectUsers}\n disabledStatuses={disabledStatuses}\n tagsOptions={tagsOptions}\n isFetching={isFetchingEntitiesDetails}\n isCompact={isCompact}\n currentTab={currentTab}\n onTabChange={setTab}\n entityTypeIcons={entityTypeIcons}\n onOpenViewer={(args) => onOpenViewer?.(args)}\n onEntityFocus={onEntityFocus}\n />\n {isFeed && !isError && (\n <FeedWrapper\n entityType={entityType}\n entities={entityDetailsData}\n activeUsers={activeProjectUsers \|\| []}\n projectInfo={firstProjectInfo}\n projectName={firstProject}\n disabled={!isCommentingEnabled()}\n scope={scope}\n statuses={allStatuses}\n readOnly={false}\n entityListId={entityListId}\n annotations={annotations}\n removeAnnotation={removeAnnotation}\n exportAnnotationComposite={exportAnnotationComposite}\n />\n )}\n {currentTab === 'files' && (\n <DetailsPanelFiles\n entities={entityDetailsData}\n scope={scope}\n isLoadingVersion={isFetchingEntitiesDetails}\n />\n )}\n {currentTab === 'details' && (\n <FeedContextWrapper\n entityType={entityType}\n entities={entityDetailsData}\n activeUsers={activeProjectUsers \|\| []}\n projectInfo={firstProjectInfo}\n projectName={firstProject}\n disabled={!isCommentingEnabled()}\n scope={scope}\n statuses={allStatuses}\n readOnly={false}\n annotations={annotations}\n removeAnnotation={removeAnnotation}\n exportAnnotationComposite={exportAnnotationComposite}\n >\n <DetailsPanelDetails\n entities={entityDetailsData}\n isLoading={isFetchingEntitiesDetails}\n />\n </FeedContextWrapper>\n )}\n </Styled.Panel>\n </>\n )\n}\n"],"names":["entitiesWithoutFeed","DetailsPanel","entityType","entitySubTypes","entitiesData","entities","tagsOptions","disabledStatuses","projectUsers","disabledProjectUsers","activeProjectUsers","projectsInfo","projectNames","isSlideOut","style","scope","isCompact","onClose","onWatchersUpdate","onOpenViewer","onEntityFocus","annotations","removeAnnotation","exportAnnotationComposite","entityListId","guestCategories","closeSlideOut","openPip","user","isGuest","useDetailsPanelContext","currentTab","setTab","isFeed","useScopedDetailsPanel","useEffect","projectInfo","useMemo","mergeProjectInfo","entityTypeIcons","task","acc","folder","productTypes","key","product","entitiesToQuery","entity","entityDetailsData","isFetchingEntitiesDetails","isError","originalArgs","useGetEntitiesDetailsPanelQuery","detailsPanelEntityTypes","allStatuses","getAllProjectStatuses","firstProject","firstProjectInfo","firstEntityData","entityPathSegments","entityPathVersions","useGetEntityPath","handleKeyDown","e","target","isInputElement","requestPipWindow","usePiPWindow","handleOpenPip","isCommentingEnabled","_a","jsxs","Styled.Panel","Styled.Toolbar","jsx","EntityPath","Styled.RightTools","Watchers","Button","DetailsPanelHeader","args","FeedWrapper","DetailsPanelFiles","FeedContextWrapper","DetailsPanelDetails"],"mappings":"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"}

package/dist/shared/src/containers/DetailsPanel/DetailsPanel.es.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { j as i } from "../../../../_virtual/jsx-runtime.es.js";
-import { Button as I } from "@ynput/ayon-react-components";
-import { useEffect as P, useMemo as S } from "react";
-import { Panel as Z, Toolbar as $, RightTools as V } from "./DetailsPanel.styled.es.js";
+import { Button as A } from "@ynput/ayon-react-components";
+import { useEffect as g, useMemo as G } from "react";
+import { Panel as tt, Toolbar as it, RightTools as rt } from "./DetailsPanel.styled.es.js";
 import "../../api/base/client.es.js";
 import "../../api/generated/graphql.es.js";
 import "../../api/generated/graphqlLinks.es.js";
@@ -45,6 +45,7 @@ import "../../api/queries/activities/getActivities.es.js";
 import "../../api/queries/activities/updateActivities.es.js";
 import "../../api/queries/activities/updateReaction.es.js";
 import "../../api/queries/activities/getMentions.es.js";
+import "../../api/queries/activities/getCategories.es.js";
 import "../../api/queries/addons/getAddons.es.js";
 import "../../api/queries/addons/updateAddons.es.js";
 import "../../api/queries/attributes/getAttributes.es.js";
@@ -52,8 +53,8 @@ import "../../api/queries/attributes/updateAttributes.es.js";
 import "../../api/queries/authentication/getAuthentication.es.js";
 import "../../api/queries/cloud/cloud.es.js";
 import "../../api/queries/entities/getEntity.es.js";
-import { useGetEntitiesDetailsPanelQuery as y } from "../../api/queries/entities/getEntityPanel.es.js";
-import { detailsPanelEntityTypes as tt } from "../../api/queries/entities/transformDetailsPanelData.es.js";
+import { useGetEntitiesDetailsPanelQuery as ot } from "../../api/queries/entities/getEntityPanel.es.js";
+import { detailsPanelEntityTypes as mt } from "../../api/queries/entities/transformDetailsPanelData.es.js";
 import "../../api/queries/entities/updateEntity.es.js";
 import "../../api/queries/entityLists/getLists.es.js";
 import "../../api/queries/entityLists/updateLists.es.js";
@@ -78,6 +79,7 @@ import "../../api/queries/system/getSystem.es.js";
 import "../../api/queries/userDashboard/getUserDashboard.es.js";
 import "../../api/queries/users/getUsers.es.js";
 import "../../api/queries/users/updateUsers.es.js";
+import "../../api/queries/users/guests.es.js";
 import "../../api/queries/versions/updateVersions.es.js";
 import "../../api/queries/views/getViews.es.js";
 import "../../api/queries/views/updateViews.es.js";
@@ -92,17 +94,17 @@ import "@dnd-kit/sortable";
 import "../../components/ReviewablesList/ReviewablesList.styled.es.js";
 import "../ContextMenu/ContextMenuContext.es.js";
 /* empty css                                 */
-import it from "../../util/productTypes.es.js";
+import pt from "../../util/productTypes.es.js";
 import "lodash";
 import "uuid";
 import "../../util/pubsub.es.js";
 import "../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
 import "axios";
 import "../../context/RemoteModulesContext.es.js";
-import { useDetailsPanelContext as rt, useScopedDetailsPanel as ot } from "../../context/DetailsPanelContext.es.js";
+import { useDetailsPanelContext as et, useScopedDetailsPanel as st } from "../../context/DetailsPanelContext.es.js";
 import "../../context/ThumbnailUploaderContext.es.js";
 import "../../context/SettingsPanelContext.es.js";
-import { usePiPWindow as mt } from "../../context/pip/PiPProvider.es.js";
+import { usePiPWindow as at } from "../../context/pip/PiPProvider.es.js";
 import "react-dom";
 import "../../context/pip/PiPWrapper.es.js";
 import "../../context/AddonProjectContext.es.js";
@@ -137,12 +139,15 @@ import "react-router-dom";
 import "../Feed/components/ActivityStatus/ActivityStatus.es.js";
 import "../Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
 import "../Feed/components/ActivityDate.es.js";
+import "../Feed/components/ActivityCategorySelect/CategoryTag.es.js";
 import "../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
 import "../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
 import "../Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
 import "../Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
 import "../Feed/Feed.styled.es.js";
 import "date-fns";
+import "../Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
+import "../Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
 import "../ProjectTreeTable/ProjectTreeTable.es.js";
 import "../ProjectTreeTable/context/CellEditingContext.es.js";
 import "@tanstack/react-table";
@@ -176,13 +181,13 @@ import "custom-protocol-check";
 import "../ProjectTreeTable/components/GroupSettingsFallback.es.js";
 import "../ProjectTreeTable/components/HeaderActionButton.es.js";
 import "../ProjectTreeTable/components/ColumnHeaderMenu.es.js";
-import pt from "./DetailsPanelHeader/DetailsPanelHeader.es.js";
-import et from "./DetailsPanelFiles/DetailsPanelFiles.es.js";
-import st from "./hooks/useGetEntityPath.es.js";
-import at from "./helpers/getAllProjectsStatuses.es.js";
-import nt from "./FeedWrapper.es.js";
-import lt from "./FeedContextWrapper.es.js";
-import ct from "./helpers/mergeProjectInfo.es.js";
+import nt from "./DetailsPanelHeader/DetailsPanelHeader.es.js";
+import lt from "./DetailsPanelFiles/DetailsPanelFiles.es.js";
+import ct from "./hooks/useGetEntityPath.es.js";
+import dt from "./helpers/getAllProjectsStatuses.es.js";
+import ft from "./FeedWrapper.es.js";
+import ut from "./FeedContextWrapper.es.js";
+import gt from "./helpers/mergeProjectInfo.es.js";
 import "./DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
 import "./DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
 import "./DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
@@ -195,17 +200,18 @@ import "../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
 import "../Views/ViewsMenu/ViewsMenu.es.js";
 import "../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
 import "../../components/SimpleFormDialog/SimpleFormDialog.es.js";
-import { EntityPath as dt } from "../../components/EntityPath/EntityPath.es.js";
+import { EntityPath as ht } from "../../components/EntityPath/EntityPath.es.js";
 import "../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
-import { DetailsPanelDetails as ft } from "../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
+import { DetailsPanelDetails as Pt } from "../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
 import "../../components/DetailsPanelDetails/DetailsSection.es.js";
 import "../../components/DetailsPanelDetails/FieldLabel.es.js";
-import { Watchers as ut } from "../../components/Watchers/Watchers.es.js";
+import { Watchers as jt } from "../../components/Watchers/Watchers.es.js";
 import "../../components/ProjectTableSettings/ProjectTableSettings.es.js";
 import "../../components/Powerpack/PowerpackButton.es.js";
 import "../../components/Powerpack/PricingLink.es.js";
 import "../../components/Powerpack/PowerpackDialog.styled.es.js";
 import "../../components/Powerpack/CTAButton.es.js";
+import "../../components/Powerpack/RequiredPowerpackVersion.es.js";
 import "../../components/SettingsPanel/SettingsPanel.es.js";
 import "../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
 import "../../components/AttributeEditor/components/MinMaxField.es.js";
@@ -219,130 +225,142 @@ import "../../components/Feedback/SupportBubble.es.js";
 import "../../components/Chips/Chips.es.js";
 import "../EntityPickerDialog/EntityPickerDialog.es.js";
 import "../../components/StyledLink/StyledLink.es.js";
-const Pt = ["product", "representation"], Fm = ({
+import "../../components/ShareOptionIcon/ShareOptionIcon.es.js";
+import "../../components/AccessUser/AccessUser.es.js";
+import "../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
+import "../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
+const Et = ["product", "representation"], Tm = ({
   entityType: r,
-  entitySubTypes: A = [],
+  entitySubTypes: H = [],
   // entities is data we already have from kanban
-  entitiesData: M = [],
+  entitiesData: R = [],
   // entityIds are used to get the full details data for the entities
-  entities: x = [],
-  tagsOptions: R = [],
-  disabledStatuses: T,
-  projectUsers: E,
-  disabledProjectUsers: G,
+  entities: E = [],
+  tagsOptions: T = [],
+  disabledStatuses: O,
+  projectUsers: x,
+  disabledProjectUsers: Q,
   activeProjectUsers: D,
-  projectsInfo: d = {},
-  projectNames: n = [],
-  isSlideOut: g = !1,
-  style: gt = {},
+  projectsInfo: c = {},
+  projectNames: d = [],
+  isSlideOut: h = !1,
+  style: xt = {},
   scope: m,
-  isCompact: Q = !1,
+  isCompact: _ = !1,
   onClose: e,
-  onWatchersUpdate: N,
-  onOpenViewer: h,
-  onEntityFocus: _,
+  onWatchersUpdate: b,
+  onOpenViewer: P,
+  onEntityFocus: q,
   // annotations
-  annotations: F,
-  removeAnnotation: v,
-  exportAnnotationComposite: b
+  annotations: N,
+  removeAnnotation: F,
+  exportAnnotationComposite: v,
+  entityListId: k,
+  guestCategories: y = {}
 }) => {
-  const { closeSlideOut: q, openPip: B, user: C } = rt(), { currentTab: p, setTab: f, isFeed: H } = ot(m);
-  P(() => {
-    Pt.includes(r) && p !== "details" && f("details");
+  const { closeSlideOut: B, openPip: K, user: w, isGuest: M } = et(), { currentTab: p, setTab: f, isFeed: U } = st(m);
+  g(() => {
+    Et.includes(r) && p !== "details" && f("details");
   }, [r, p, f]);
-  const j = S(
-    () => ct(d, n),
-    [d, n]
-  ), k = S(
+  const j = G(
+    () => gt(c, d),
+    [c, d]
+  ), L = G(
     () => ({
       task: j.taskTypes.filter((t) => !!t.icon).reduce((t, o) => ({ ...t, [o.name]: o.icon }), {}),
       folder: j.folderTypes.filter((t) => !!t.icon).reduce((t, o) => ({ ...t, [o.name]: o.icon }), {}),
-      product: Object.entries(it).reduce(
+      product: Object.entries(pt).reduce(
         (t, [o, u]) => ({ ...t, [o]: u.icon }),
         {}
       )
     }),
     [j]
   );
-  P(() => {
+  g(() => {
     p === "files" && r !== "version" && f("activity");
   }, [r, p, m]);
-  let s = x.length ? x.map((t) => ({ id: t.id, projectName: t.projectName })) : (
+  let s = E.length ? E.map((t) => ({ id: t.id, projectName: t.projectName })) : (
     // @ts-expect-error = not sure what's going on with entitiesData, we should try and remove it
-    M.map((t) => ({ id: t.id, projectName: t.projectName }))
+    R.map((t) => ({ id: t.id, projectName: t.projectName }))
   );
   s = s.filter((t) => t.id);
   const {
     data: a = [],
-    isFetching: l,
-    isError: K,
-    originalArgs: U
-  } = y(
+    isFetching: n,
+    isError: X,
+    originalArgs: z
+  } = ot(
     { entityType: r, entities: s },
     {
-      skip: !s.length || !tt.includes(r)
+      skip: !s.length || !mt.includes(r)
     }
   );
-  P(() => {
-    g || q();
-  }, [U, g]);
-  const L = at(d), c = n[0], w = d[c] || {}, X = a[0] || {}, [W, z] = st({
-    entity: X,
+  g(() => {
+    h || B();
+  }, [z, h]);
+  const W = dt(c), l = d[0], C = c[l] || {}, J = a[0] || {}, [I, Y] = ct({
+    entity: J,
     entityType: r,
-    projectName: c,
-    isLoading: l
+    projectName: l,
+    isLoading: n
   });
-  P(() => {
+  g(() => {
     const t = (o) => {
-      const u = o.target, Y = ["INPUT", "TEXTAREA", "SELECT"].includes(u.tagName) || u.isContentEditable;
-      o.key === "Escape" && !Y && e && e();
+      const u = o.target, V = ["INPUT", "TEXTAREA", "SELECT"].includes(u.tagName) || u.isContentEditable;
+      o.key === "Escape" && !V && e && e();
     };
     return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
   }, [e]);
-  const { requestPipWindow: J } = mt(), O = () => {
-    B({
+  const { requestPipWindow: Z } = at(), $ = () => {
+    K({
       entityType: r,
       entities: s,
       scope: m
-    }), J(500, 500);
+    }), Z(500, 500);
+  }, S = () => {
+    var t;
+    return !(d.length > 1 || M && (!k || !Object.prototype.hasOwnProperty.call(
+      y,
+      ((t = w.attrib) == null ? void 0 : t.email) || ""
+    )));
   };
-  return /* @__PURE__ */ i.jsx(i.Fragment, { children: /* @__PURE__ */ i.jsxs(Z, { className: "details-panel", children: [
-    /* @__PURE__ */ i.jsxs($, { children: [
+  return /* @__PURE__ */ i.jsx(i.Fragment, { children: /* @__PURE__ */ i.jsxs(tt, { className: "details-panel", children: [
+    /* @__PURE__ */ i.jsxs(it, { children: [
       /* @__PURE__ */ i.jsx(
-        dt,
+        ht,
         {
-          segments: W,
-          versions: z,
-          projectName: c,
-          hideProjectName: g,
-          isLoading: l || !W.length,
+          segments: I,
+          versions: Y,
+          projectName: l,
+          hideProjectName: h,
+          isLoading: n || !I.length,
           entityType: r,
           scope: m,
-          entityTypeIcons: k
+          entityTypeIcons: L
         }
       ),
-      /* @__PURE__ */ i.jsxs(V, { className: "right-tools", children: [
+      /* @__PURE__ */ i.jsxs(rt, { className: "right-tools", children: [
         /* @__PURE__ */ i.jsx(
-          ut,
+          jt,
           {
             entities: s,
             entityType: r,
-            options: E || [],
-            onWatchersUpdate: N && N,
-            userName: C.name
+            options: x || [],
+            onWatchersUpdate: b && b,
+            userName: w.name
           }
         ),
         /* @__PURE__ */ i.jsx(
-          I,
+          A,
           {
             icon: "picture_in_picture",
             variant: "text",
             "data-tooltip": "Picture in Picture",
-            onClick: O
+            onClick: $
           }
         ),
         e && /* @__PURE__ */ i.jsx(
-          I,
+          A,
           {
             icon: "close",
             variant: "text",
@@ -353,69 +371,70 @@ const Pt = ["product", "representation"], Fm = ({
       ] })
     ] }),
     /* @__PURE__ */ i.jsx(
-      pt,
+      nt,
       {
         entityType: r,
-        entitySubTypes: A,
+        entitySubTypes: H,
         entities: a,
-        users: E,
-        disabledAssignees: G,
-        disabledStatuses: T,
-        tagsOptions: R,
-        isFetching: l,
-        isCompact: Q,
+        users: x,
+        disabledAssignees: Q,
+        disabledStatuses: O,
+        tagsOptions: T,
+        isFetching: n,
+        isCompact: _,
         currentTab: p,
         onTabChange: f,
-        entityTypeIcons: k,
-        onOpenViewer: (t) => h == null ? void 0 : h(t),
-        onEntityFocus: _
+        entityTypeIcons: L,
+        onOpenViewer: (t) => P == null ? void 0 : P(t),
+        onEntityFocus: q
       }
     ),
-    H && !K && /* @__PURE__ */ i.jsx(
-      nt,
+    U && !X && /* @__PURE__ */ i.jsx(
+      ft,
       {
         entityType: r,
         entities: a,
         activeUsers: D || [],
-        projectInfo: w,
-        projectName: c,
-        isMultiProjects: n.length > 1,
+        projectInfo: C,
+        projectName: l,
+        disabled: !S(),
         scope: m,
-        statuses: L,
+        statuses: W,
         readOnly: !1,
-        annotations: F,
-        removeAnnotation: v,
-        exportAnnotationComposite: b
+        entityListId: k,
+        annotations: N,
+        removeAnnotation: F,
+        exportAnnotationComposite: v
       }
     ),
     p === "files" && /* @__PURE__ */ i.jsx(
-      et,
+      lt,
       {
         entities: a,
         scope: m,
-        isLoadingVersion: l
+        isLoadingVersion: n
       }
     ),
     p === "details" && /* @__PURE__ */ i.jsx(
-      lt,
+      ut,
       {
         entityType: r,
         entities: a,
         activeUsers: D || [],
-        projectInfo: w,
-        projectName: c,
-        isMultiProjects: n.length > 1,
+        projectInfo: C,
+        projectName: l,
+        disabled: !S(),
         scope: m,
-        statuses: L,
+        statuses: W,
         readOnly: !1,
-        annotations: F,
-        removeAnnotation: v,
-        exportAnnotationComposite: b,
+        annotations: N,
+        removeAnnotation: F,
+        exportAnnotationComposite: v,
         children: /* @__PURE__ */ i.jsx(
-          ft,
+          Pt,
           {
             entities: a,
-            isLoading: l
+            isLoading: n
           }
         )
       }
@@ -423,7 +442,7 @@ const Pt = ["product", "representation"], Fm = ({
   ] }) });
 };
 export {
-  Fm as DetailsPanel,
-  Pt as entitiesWithoutFeed
+  Tm as DetailsPanel,
+  Et as entitiesWithoutFeed
 };
 //# sourceMappingURL=DetailsPanel.es.js.map

package/dist/shared/src/containers/DetailsPanel/DetailsPanel.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsPanel.es.js","sources":["../../../../../src/containers/DetailsPanel/DetailsPanel.tsx"],"sourcesContent":["import { Button } from '@ynput/ayon-react-components'\nimport React, { useEffect, useMemo } from 'react'\nimport * as Styled from './DetailsPanel.styled'\n\n// shared\nimport { useGetEntitiesDetailsPanelQuery, detailsPanelEntityTypes } from '@shared/api'\nimport type { ProjectModel, Tag, DetailsPanelEntityType } from '@shared/api'\nimport { DetailsPanelDetails, EntityPath, Watchers } from '@shared/components'\nimport { usePiPWindow } from '@shared/context/pip/PiPProvider'\nimport { productTypes } from '@shared/util'\nimport { useDetailsPanelContext, useScopedDetailsPanel } from '@shared/context'\n\nimport DetailsPanelHeader from './DetailsPanelHeader/DetailsPanelHeader'\nimport DetailsPanelFiles from './DetailsPanelFiles'\nimport useGetEntityPath from './hooks/useGetEntityPath'\nimport getAllProjectStatuses from './helpers/getAllProjectsStatuses'\nimport FeedWrapper from './FeedWrapper'\nimport FeedContextWrapper from './FeedContextWrapper'\nimport mergeProjectInfo from './helpers/mergeProjectInfo'\n\nexport const entitiesWithoutFeed = ['product', 'representation']\n\ntype User = { avatarUrl: string; name: string; fullName?: string }\n\nexport type DetailsPanelProps = {\n entityType: DetailsPanelEntityType\n entitySubTypes?: string[] // used to get actions before the entity has loaded\n entitiesData?: { id: string; label: string; type: DetailsPanelEntityType }[]\n entities?: { id: string; projectName: string }[]\n tagsOptions?: Tag[]\n disabledStatuses?: string[]\n projectUsers?: User[]\n disabledProjectUsers?: string[]\n activeProjectUsers?: string[]\n projectsInfo?: Record<string, ProjectModel>\n projectNames?: string[]\n isSlideOut?: boolean\n style?: React.CSSProperties\n scope: string\n isCompact?: boolean\n onClose?: () => void\n onWatchersUpdate?: (added: any[], removed: any[]) => void\n onOpenViewer?: (entity: any) => void\n onEntityFocus?: (id: string, entityType: DetailsPanelEntityType) => void\n // annotations\n annotations?: any\n removeAnnotation?: (id: string) => void\n exportAnnotationComposite?: (id: string) => Promise<Blob \| null>\n}\n\nexport const DetailsPanel = ({\n entityType,\n entitySubTypes = [],\n // entities is data we already have from kanban\n entitiesData = [],\n // entityIds are used to get the full details data for the entities\n entities = [],\n tagsOptions = [],\n disabledStatuses,\n projectUsers,\n disabledProjectUsers,\n activeProjectUsers,\n projectsInfo = {},\n projectNames = [],\n isSlideOut = false,\n style = {},\n scope,\n isCompact = false,\n onClose,\n onWatchersUpdate,\n onOpenViewer,\n onEntityFocus,\n // annotations\n annotations,\n removeAnnotation,\n exportAnnotationComposite,\n}: DetailsPanelProps) => {\n const { closeSlideOut, openPip, user } = useDetailsPanelContext()\n const { currentTab, setTab, isFeed } = useScopedDetailsPanel(scope)\n\n // Force details tab for specific entity types\n useEffect(() => {\n if (entitiesWithoutFeed.includes(entityType) && currentTab !== 'details') {\n setTab('details')\n }\n }, [entityType, currentTab, setTab])\n\n // reduce projectsInfo to selected projects and into one\n const projectInfo = useMemo(\n () => mergeProjectInfo(projectsInfo, projectNames),\n [projectsInfo, projectNames],\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 // check if tab needs to be updated when entity type changes\n // for example when switching from version to task, task doesn't have reps tab\n // if reps tab was selected, set default to feed\n useEffect(() => {\n if (currentTab === 'files') {\n // check entity type is still version\n if (entityType !== 'version') {\n setTab('activity')\n }\n }\n }, [entityType, currentTab, scope])\n\n // now we get the full details data for selected entities\n let entitiesToQuery = entities.length\n ? entities.map((entity) => ({ id: entity.id, projectName: entity.projectName }))\n : // @ts-expect-error = not sure what's going on with entitiesData, we should try and remove it\n entitiesData.map((entity) => ({ id: entity.id, projectName: entity.projectName }))\n\n entitiesToQuery = entitiesToQuery.filter((entity) => entity.id)\n\n const {\n data: entityDetailsData = [],\n isFetching: isFetchingEntitiesDetails,\n isError,\n originalArgs,\n } = useGetEntitiesDetailsPanelQuery(\n { entityType, entities: entitiesToQuery },\n {\n skip: !entitiesToQuery.length \|\| !detailsPanelEntityTypes.includes(entityType),\n },\n )\n\n // the entity changes then we close the slide out\n useEffect(() => {\n if (!isSlideOut) {\n closeSlideOut()\n }\n }, [originalArgs, isSlideOut])\n\n // TODO: merge current entities data with fresh details data\n\n const allStatuses = getAllProjectStatuses(projectsInfo)\n\n // get the first project name and info to be used in the feed.\n const firstProject = projectNames[0]\n const firstProjectInfo = projectsInfo[firstProject] \|\| {}\n const firstEntityData = entityDetailsData[0] \|\| {}\n\n // build the full entity path for the first entity\n const [entityPathSegments, entityPathVersions] = useGetEntityPath({\n entity: firstEntityData,\n entityType,\n projectName: firstProject,\n isLoading: isFetchingEntitiesDetails,\n })\n\n useEffect(() => {\n const handleKeyDown = (e: KeyboardEvent) => {\n // Don't trigger if we're in an input element\n const target = e.target as HTMLElement\n const isInputElement =\n ['INPUT', 'TEXTAREA', 'SELECT'].includes(target.tagName) \|\| target.isContentEditable\n\n if (e.key === 'Escape' && !isInputElement && onClose) {\n onClose()\n }\n }\n\n window.addEventListener('keydown', handleKeyDown)\n return () => window.removeEventListener('keydown', handleKeyDown)\n }, [onClose])\n\n const { requestPipWindow } = usePiPWindow()\n\n const handleOpenPip = () => {\n openPip({\n entityType: entityType,\n entities: entitiesToQuery,\n scope: scope,\n })\n requestPipWindow(500, 500)\n }\n\n return (\n <>\n <Styled.Panel className=\"details-panel\">\n <Styled.Toolbar>\n {/* TODO FIX PATH */}\n <EntityPath\n segments={entityPathSegments}\n versions={entityPathVersions}\n projectName={firstProject}\n hideProjectName={isSlideOut}\n isLoading={isFetchingEntitiesDetails \|\| !entityPathSegments.length}\n entityType={entityType}\n scope={scope}\n // @ts-ignore\n entityTypeIcons={entityTypeIcons}\n />\n <Styled.RightTools className=\"right-tools\">\n <Watchers\n entities={entitiesToQuery}\n entityType={entityType}\n options={projectUsers \|\| []}\n onWatchersUpdate={onWatchersUpdate && onWatchersUpdate}\n userName={user.name}\n />\n <Button\n icon=\"picture_in_picture\"\n variant={'text'}\n data-tooltip=\"Picture in Picture\"\n onClick={handleOpenPip}\n />\n\n {onClose && (\n <Button\n icon=\"close\"\n variant={'text'}\n onClick={() => onClose && onClose()}\n data-shortcut={'Escape'}\n />\n )}\n </Styled.RightTools>\n </Styled.Toolbar>\n\n <DetailsPanelHeader\n entityType={entityType}\n entitySubTypes={entitySubTypes}\n entities={entityDetailsData}\n users={projectUsers}\n disabledAssignees={disabledProjectUsers}\n disabledStatuses={disabledStatuses}\n tagsOptions={tagsOptions}\n isFetching={isFetchingEntitiesDetails}\n isCompact={isCompact}\n currentTab={currentTab}\n onTabChange={setTab}\n entityTypeIcons={entityTypeIcons}\n onOpenViewer={(args) => onOpenViewer?.(args)}\n onEntityFocus={onEntityFocus}\n />\n {isFeed && !isError && (\n <FeedWrapper\n entityType={entityType}\n entities={entityDetailsData}\n activeUsers={activeProjectUsers \|\| []}\n projectInfo={firstProjectInfo}\n projectName={firstProject}\n isMultiProjects={projectNames.length > 1}\n scope={scope}\n statuses={allStatuses}\n readOnly={false}\n annotations={annotations}\n removeAnnotation={removeAnnotation}\n exportAnnotationComposite={exportAnnotationComposite}\n />\n )}\n {currentTab === 'files' && (\n <DetailsPanelFiles\n entities={entityDetailsData}\n scope={scope}\n isLoadingVersion={isFetchingEntitiesDetails}\n />\n )}\n {currentTab === 'details' && (\n <FeedContextWrapper\n entityType={entityType}\n entities={entityDetailsData}\n activeUsers={activeProjectUsers \|\| []}\n projectInfo={firstProjectInfo}\n projectName={firstProject}\n isMultiProjects={projectNames.length > 1}\n scope={scope}\n statuses={allStatuses}\n readOnly={false}\n annotations={annotations}\n removeAnnotation={removeAnnotation}\n exportAnnotationComposite={exportAnnotationComposite}\n >\n <DetailsPanelDetails\n entities={entityDetailsData}\n isLoading={isFetchingEntitiesDetails}\n />\n </FeedContextWrapper>\n )}\n </Styled.Panel>\n </>\n )\n}\n"],"names":["entitiesWithoutFeed","DetailsPanel","entityType","entitySubTypes","entitiesData","entities","tagsOptions","disabledStatuses","projectUsers","disabledProjectUsers","activeProjectUsers","projectsInfo","projectNames","isSlideOut","style","scope","isCompact","onClose","onWatchersUpdate","onOpenViewer","onEntityFocus","annotations","removeAnnotation","exportAnnotationComposite","closeSlideOut","openPip","user","useDetailsPanelContext","currentTab","setTab","isFeed","useScopedDetailsPanel","useEffect","projectInfo","useMemo","mergeProjectInfo","entityTypeIcons","task","acc","folder","productTypes","key","product","entitiesToQuery","entity","entityDetailsData","isFetchingEntitiesDetails","isError","originalArgs","useGetEntitiesDetailsPanelQuery","detailsPanelEntityTypes","allStatuses","getAllProjectStatuses","firstProject","firstProjectInfo","firstEntityData","entityPathSegments","entityPathVersions","useGetEntityPath","handleKeyDown","e","target","isInputElement","requestPipWindow","usePiPWindow","handleOpenPip","jsxs","Styled.Panel","Styled.Toolbar","jsx","EntityPath","Styled.RightTools","Watchers","Button","DetailsPanelHeader","args","FeedWrapper","DetailsPanelFiles","FeedContextWrapper","DetailsPanelDetails"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBa,MAAAA,KAAsB,CAAC,WAAW,gBAAgB,GA8BlDC,KAAe,CAAC;AAAA,EAC3B,YAAAC;AAAA,EACA,gBAAAC,IAAiB,CAAC;AAAA;AAAA,EAElB,cAAAC,IAAe,CAAC;AAAA;AAAA,EAEhB,UAAAC,IAAW,CAAC;AAAA,EACZ,aAAAC,IAAc,CAAC;AAAA,EACf,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,cAAAC,IAAe,CAAC;AAAA,EAChB,cAAAC,IAAe,CAAC;AAAA,EAChB,YAAAC,IAAa;AAAA,EACb,OAAAC,KAAQ,CAAC;AAAA,EACT,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,SAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA;AAAA,EAEA,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,2BAAAC;AACF,MAAyB;AACvB,QAAM,EAAE,eAAAC,GAAe,SAAAC,GAAS,MAAAC,EAAA,IAASC,GAAuB,GAC1D,EAAE,YAAAC,GAAY,QAAAC,GAAQ,QAAAC,EAAO,IAAIC,GAAsBhB,CAAK;AAGlE,EAAAiB,EAAU,MAAM;AACd,IAAIhC,GAAoB,SAASE,CAAU,KAAK0B,MAAe,aAC7DC,EAAO,SAAS;AAAA,EAEjB,GAAA,CAAC3B,GAAY0B,GAAYC,CAAM,CAAC;AAGnC,QAAMI,IAAcC;AAAA,IAClB,MAAMC,GAAiBxB,GAAcC,CAAY;AAAA,IACjD,CAACD,GAAcC,CAAY;AAAA,EAC7B,GAGMwB,IAAkBF;AAAA,IACtB,OAAO;AAAA,MACL,MAAMD,EAAY,UACf,OAAO,CAACI,MAAS,CAAC,CAACA,EAAK,IAAI,EAC5B,OAAO,CAACC,GAAKD,OAAU,EAAE,GAAGC,GAAK,CAACD,EAAK,IAAI,GAAGA,EAAK,SAAS,EAAE;AAAA,MACjE,QAAQJ,EAAY,YACjB,OAAO,CAACM,MAAW,CAAC,CAACA,EAAO,IAAI,EAChC,OAAO,CAACD,GAAKC,OAAY,EAAE,GAAGD,GAAK,CAACC,EAAO,IAAI,GAAGA,EAAO,SAAS,EAAE;AAAA,MACvE,SAAS,OAAO,QAAQC,EAAY,EAAE;AAAA,QACpC,CAACF,GAAK,CAACG,GAAKC,CAAO,OAAO,EAAE,GAAGJ,GAAK,CAACG,CAAG,GAAGC,EAAQ;QACnD,CAAA;AAAA,MAAC;AAAA,IACH;AAAA,IAEF,CAACT,CAAW;AAAA,EACd;AAKA,EAAAD,EAAU,MAAM;AACd,IAAIJ,MAAe,WAEb1B,MAAe,aACjB2B,EAAO,UAAU;AAAA,EAGpB,GAAA,CAAC3B,GAAY0B,GAAYb,CAAK,CAAC;AAGlC,MAAI4B,IAAkBtC,EAAS,SAC3BA,EAAS,IAAI,CAACuC,OAAY,EAAE,IAAIA,EAAO,IAAI,aAAaA,EAAO,YAAc,EAAA;AAAA;AAAA,IAE7ExC,EAAa,IAAI,CAACwC,OAAY,EAAE,IAAIA,EAAO,IAAI,aAAaA,EAAO,cAAc;AAAA;AAErF,EAAAD,IAAkBA,EAAgB,OAAO,CAACC,MAAWA,EAAO,EAAE;AAExD,QAAA;AAAA,IACJ,MAAMC,IAAoB,CAAC;AAAA,IAC3B,YAAYC;AAAA,IACZ,SAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACEC;AAAA,IACF,EAAE,YAAA/C,GAAY,UAAUyC,EAAgB;AAAA,IACxC;AAAA,MACE,MAAM,CAACA,EAAgB,UAAU,CAACO,GAAwB,SAAShD,CAAU;AAAA,IAAA;AAAA,EAEjF;AAGA,EAAA8B,EAAU,MAAM;AACd,IAAKnB,KACWW,EAAA;AAAA,EAChB,GACC,CAACwB,GAAcnC,CAAU,CAAC;AAIvB,QAAAsC,IAAcC,GAAsBzC,CAAY,GAGhD0C,IAAezC,EAAa,CAAC,GAC7B0C,IAAmB3C,EAAa0C,CAAY,KAAK,CAAC,GAClDE,IAAkBV,EAAkB,CAAC,KAAK,CAAC,GAG3C,CAACW,GAAoBC,CAAkB,IAAIC,GAAiB;AAAA,IAChE,QAAQH;AAAA,IACR,YAAArD;AAAA,IACA,aAAamD;AAAA,IACb,WAAWP;AAAA,EAAA,CACZ;AAED,EAAAd,EAAU,MAAM;AACR,UAAA2B,IAAgB,CAACC,MAAqB;AAE1C,YAAMC,IAASD,EAAE,QACXE,IACJ,CAAC,SAAS,YAAY,QAAQ,EAAE,SAASD,EAAO,OAAO,KAAKA,EAAO;AAErE,MAAID,EAAE,QAAQ,YAAY,CAACE,KAAkB7C,KACnCA,EAAA;AAAA,IAEZ;AAEO,kBAAA,iBAAiB,WAAW0C,CAAa,GACzC,MAAM,OAAO,oBAAoB,WAAWA,CAAa;AAAA,EAAA,GAC/D,CAAC1C,CAAO,CAAC;AAEN,QAAA,EAAE,kBAAA8C,EAAiB,IAAIC,GAAa,GAEpCC,IAAgB,MAAM;AAClB,IAAAxC,EAAA;AAAA,MACN,YAAAvB;AAAA,MACA,UAAUyC;AAAA,MACV,OAAA5B;AAAA,IAAA,CACD,GACDgD,EAAiB,KAAK,GAAG;AAAA,EAC3B;AAEA,6CAEI,UAACG,gBAAAA,EAAAA,KAAAC,GAAA,EAAa,WAAU,iBACtB,UAAA;AAAA,IAACD,gBAAAA,OAAAE,GAAA,EAEC,UAAA;AAAA,MAAAC,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,UAAUd;AAAA,UACV,UAAUC;AAAA,UACV,aAAaJ;AAAA,UACb,iBAAiBxC;AAAA,UACjB,WAAWiC,KAA6B,CAACU,EAAmB;AAAA,UAC5D,YAAAtD;AAAA,UACA,OAAAa;AAAA,UAEA,iBAAAqB;AAAA,QAAA;AAAA,MACF;AAAA,MACC8B,gBAAAA,EAAAA,KAAAK,GAAA,EAAkB,WAAU,eAC3B,UAAA;AAAA,QAAAF,gBAAAA,EAAA;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,UAAU7B;AAAA,YACV,YAAAzC;AAAA,YACA,SAASM,KAAgB,CAAC;AAAA,YAC1B,kBAAkBU,KAAoBA;AAAA,YACtC,UAAUQ,EAAK;AAAA,UAAA;AAAA,QACjB;AAAA,QACA2C,gBAAAA,EAAA;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS;AAAA,YACT,gBAAa;AAAA,YACb,SAASR;AAAA,UAAA;AAAA,QACX;AAAA,QAEChD,KACCoD,gBAAAA,EAAA;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS;AAAA,YACT,SAAS,MAAMxD,KAAWA,EAAQ;AAAA,YAClC,iBAAe;AAAA,UAAA;AAAA,QAAA;AAAA,MACjB,EAEJ,CAAA;AAAA,IAAA,GACF;AAAA,IAEAoD,gBAAAA,EAAA;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,YAAAxE;AAAA,QACA,gBAAAC;AAAA,QACA,UAAU0C;AAAA,QACV,OAAOrC;AAAA,QACP,mBAAmBC;AAAA,QACnB,kBAAAF;AAAA,QACA,aAAAD;AAAA,QACA,YAAYwC;AAAA,QACZ,WAAA9B;AAAA,QACA,YAAAY;AAAA,QACA,aAAaC;AAAA,QACb,iBAAAO;AAAA,QACA,cAAc,CAACuC,MAASxD,KAAA,gBAAAA,EAAewD;AAAA,QACvC,eAAAvD;AAAA,MAAA;AAAA,IACF;AAAA,IACCU,KAAU,CAACiB,KACVsB,gBAAAA,EAAA;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,YAAA1E;AAAA,QACA,UAAU2C;AAAA,QACV,aAAanC,KAAsB,CAAC;AAAA,QACpC,aAAa4C;AAAA,QACb,aAAaD;AAAA,QACb,iBAAiBzC,EAAa,SAAS;AAAA,QACvC,OAAAG;AAAA,QACA,UAAUoC;AAAA,QACV,UAAU;AAAA,QACV,aAAA9B;AAAA,QACA,kBAAAC;AAAA,QACA,2BAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IAEDK,MAAe,WACdyC,gBAAAA,EAAA;AAAA,MAACQ;AAAA,MAAA;AAAA,QACC,UAAUhC;AAAA,QACV,OAAA9B;AAAA,QACA,kBAAkB+B;AAAA,MAAA;AAAA,IACpB;AAAA,IAEDlB,MAAe,aACdyC,gBAAAA,EAAA;AAAA,MAACS;AAAA,MAAA;AAAA,QACC,YAAA5E;AAAA,QACA,UAAU2C;AAAA,QACV,aAAanC,KAAsB,CAAC;AAAA,QACpC,aAAa4C;AAAA,QACb,aAAaD;AAAA,QACb,iBAAiBzC,EAAa,SAAS;AAAA,QACvC,OAAAG;AAAA,QACA,UAAUoC;AAAA,QACV,UAAU;AAAA,QACV,aAAA9B;AAAA,QACA,kBAAAC;AAAA,QACA,2BAAAC;AAAA,QAEA,UAAA8C,gBAAAA,EAAA;AAAA,UAACU;AAAA,UAAA;AAAA,YACC,UAAUlC;AAAA,YACV,WAAWC;AAAA,UAAA;AAAA,QAAA;AAAA,MACb;AAAA,IAAA;AAAA,EACF,EAAA,CAEJ,EACF,CAAA;AAEJ;"}
1	+ {"version":3,"file":"DetailsPanel.es.js","sources":["../../../../../src/containers/DetailsPanel/DetailsPanel.tsx"],"sourcesContent":["import { Button } from '@ynput/ayon-react-components'\nimport React, { useEffect, useMemo } from 'react'\nimport * as Styled from './DetailsPanel.styled'\n\n// shared\nimport { useGetEntitiesDetailsPanelQuery, detailsPanelEntityTypes } from '@shared/api'\nimport type { ProjectModel, Tag, DetailsPanelEntityType } from '@shared/api'\nimport { DetailsPanelDetails, EntityPath, Watchers } from '@shared/components'\nimport { usePiPWindow } from '@shared/context/pip/PiPProvider'\nimport { productTypes } from '@shared/util'\nimport { useDetailsPanelContext, usePowerpack, useScopedDetailsPanel } from '@shared/context'\n\nimport DetailsPanelHeader from './DetailsPanelHeader/DetailsPanelHeader'\nimport DetailsPanelFiles from './DetailsPanelFiles'\nimport useGetEntityPath from './hooks/useGetEntityPath'\nimport getAllProjectStatuses from './helpers/getAllProjectsStatuses'\nimport FeedWrapper from './FeedWrapper'\nimport FeedContextWrapper from './FeedContextWrapper'\nimport mergeProjectInfo from './helpers/mergeProjectInfo'\n\nexport const entitiesWithoutFeed = ['product', 'representation']\n\ntype User = { avatarUrl: string; name: string; fullName?: string }\n\nexport type DetailsPanelProps = {\n entityType: DetailsPanelEntityType\n entitySubTypes?: string[] // used to get actions before the entity has loaded\n entitiesData?: { id: string; label: string; type: DetailsPanelEntityType }[]\n entities?: { id: string; projectName: string }[]\n tagsOptions?: Tag[]\n disabledStatuses?: string[]\n projectUsers?: User[]\n disabledProjectUsers?: string[]\n activeProjectUsers?: string[]\n projectsInfo?: Record<string, ProjectModel>\n projectNames?: string[]\n isSlideOut?: boolean\n style?: React.CSSProperties\n scope: string\n isCompact?: boolean\n onClose?: () => void\n onWatchersUpdate?: (added: any[], removed: any[]) => void\n onOpenViewer?: (entity: any) => void\n onEntityFocus?: (id: string, entityType: DetailsPanelEntityType) => void\n // annotations\n annotations?: any\n removeAnnotation?: (id: string) => void\n exportAnnotationComposite?: (id: string) => Promise<Blob \| null>\n entityListId?: string\n guestCategories?: Record<string, string> // only used for guests to find if they have access to any categories\n}\n\nexport const DetailsPanel = ({\n entityType,\n entitySubTypes = [],\n // entities is data we already have from kanban\n entitiesData = [],\n // entityIds are used to get the full details data for the entities\n entities = [],\n tagsOptions = [],\n disabledStatuses,\n projectUsers,\n disabledProjectUsers,\n activeProjectUsers,\n projectsInfo = {},\n projectNames = [],\n isSlideOut = false,\n style = {},\n scope,\n isCompact = false,\n onClose,\n onWatchersUpdate,\n onOpenViewer,\n onEntityFocus,\n // annotations\n annotations,\n removeAnnotation,\n exportAnnotationComposite,\n entityListId,\n guestCategories = {},\n}: DetailsPanelProps) => {\n const { closeSlideOut, openPip, user, isGuest } = useDetailsPanelContext()\n const { currentTab, setTab, isFeed } = useScopedDetailsPanel(scope)\n\n // Force details tab for specific entity types\n useEffect(() => {\n if (entitiesWithoutFeed.includes(entityType) && currentTab !== 'details') {\n setTab('details')\n }\n }, [entityType, currentTab, setTab])\n\n // reduce projectsInfo to selected projects and into one\n const projectInfo = useMemo(\n () => mergeProjectInfo(projectsInfo, projectNames),\n [projectsInfo, projectNames],\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 // check if tab needs to be updated when entity type changes\n // for example when switching from version to task, task doesn't have reps tab\n // if reps tab was selected, set default to feed\n useEffect(() => {\n if (currentTab === 'files') {\n // check entity type is still version\n if (entityType !== 'version') {\n setTab('activity')\n }\n }\n }, [entityType, currentTab, scope])\n\n // now we get the full details data for selected entities\n let entitiesToQuery = entities.length\n ? entities.map((entity) => ({ id: entity.id, projectName: entity.projectName }))\n : // @ts-expect-error = not sure what's going on with entitiesData, we should try and remove it\n entitiesData.map((entity) => ({ id: entity.id, projectName: entity.projectName }))\n\n entitiesToQuery = entitiesToQuery.filter((entity) => entity.id)\n\n const {\n data: entityDetailsData = [],\n isFetching: isFetchingEntitiesDetails,\n isError,\n originalArgs,\n } = useGetEntitiesDetailsPanelQuery(\n { entityType, entities: entitiesToQuery },\n {\n skip: !entitiesToQuery.length \|\| !detailsPanelEntityTypes.includes(entityType),\n },\n )\n\n // the entity changes then we close the slide out\n useEffect(() => {\n if (!isSlideOut) {\n closeSlideOut()\n }\n }, [originalArgs, isSlideOut])\n\n // TODO: merge current entities data with fresh details data\n\n const allStatuses = getAllProjectStatuses(projectsInfo)\n\n // get the first project name and info to be used in the feed.\n const firstProject = projectNames[0]\n const firstProjectInfo = projectsInfo[firstProject] \|\| {}\n const firstEntityData = entityDetailsData[0] \|\| {}\n\n // build the full entity path for the first entity\n const [entityPathSegments, entityPathVersions] = useGetEntityPath({\n entity: firstEntityData,\n entityType,\n projectName: firstProject,\n isLoading: isFetchingEntitiesDetails,\n })\n\n useEffect(() => {\n const handleKeyDown = (e: KeyboardEvent) => {\n // Don't trigger if we're in an input element\n const target = e.target as HTMLElement\n const isInputElement =\n ['INPUT', 'TEXTAREA', 'SELECT'].includes(target.tagName) \|\| target.isContentEditable\n\n if (e.key === 'Escape' && !isInputElement && onClose) {\n onClose()\n }\n }\n\n window.addEventListener('keydown', handleKeyDown)\n return () => window.removeEventListener('keydown', handleKeyDown)\n }, [onClose])\n\n const { requestPipWindow } = usePiPWindow()\n\n const handleOpenPip = () => {\n openPip({\n entityType: entityType,\n entities: entitiesToQuery,\n scope: scope,\n })\n requestPipWindow(500, 500)\n }\n\n const isCommentingEnabled = () => {\n // cannot comment on multiple projects\n if (projectNames.length > 1) return false\n if (isGuest) {\n // Guest can only comment in review sessions (for now)\n if (!entityListId) return false\n // Guest must have at least one category set for list\n const guestHasCategory = Object.prototype.hasOwnProperty.call(\n guestCategories,\n user.attrib?.email \|\| '',\n )\n if (!guestHasCategory) return false\n }\n return true\n }\n\n return (\n <>\n <Styled.Panel className=\"details-panel\">\n <Styled.Toolbar>\n {/* TODO FIX PATH */}\n <EntityPath\n segments={entityPathSegments}\n versions={entityPathVersions}\n projectName={firstProject}\n hideProjectName={isSlideOut}\n isLoading={isFetchingEntitiesDetails \|\| !entityPathSegments.length}\n entityType={entityType}\n scope={scope}\n // @ts-ignore\n entityTypeIcons={entityTypeIcons}\n />\n <Styled.RightTools className=\"right-tools\">\n <Watchers\n entities={entitiesToQuery}\n entityType={entityType}\n options={projectUsers \|\| []}\n onWatchersUpdate={onWatchersUpdate && onWatchersUpdate}\n userName={user.name}\n />\n <Button\n icon=\"picture_in_picture\"\n variant={'text'}\n data-tooltip=\"Picture in Picture\"\n onClick={handleOpenPip}\n />\n\n {onClose && (\n <Button\n icon=\"close\"\n variant={'text'}\n onClick={() => onClose && onClose()}\n data-shortcut={'Escape'}\n />\n )}\n </Styled.RightTools>\n </Styled.Toolbar>\n\n <DetailsPanelHeader\n entityType={entityType}\n entitySubTypes={entitySubTypes}\n entities={entityDetailsData}\n users={projectUsers}\n disabledAssignees={disabledProjectUsers}\n disabledStatuses={disabledStatuses}\n tagsOptions={tagsOptions}\n isFetching={isFetchingEntitiesDetails}\n isCompact={isCompact}\n currentTab={currentTab}\n onTabChange={setTab}\n entityTypeIcons={entityTypeIcons}\n onOpenViewer={(args) => onOpenViewer?.(args)}\n onEntityFocus={onEntityFocus}\n />\n {isFeed && !isError && (\n <FeedWrapper\n entityType={entityType}\n entities={entityDetailsData}\n activeUsers={activeProjectUsers \|\| []}\n projectInfo={firstProjectInfo}\n projectName={firstProject}\n disabled={!isCommentingEnabled()}\n scope={scope}\n statuses={allStatuses}\n readOnly={false}\n entityListId={entityListId}\n annotations={annotations}\n removeAnnotation={removeAnnotation}\n exportAnnotationComposite={exportAnnotationComposite}\n />\n )}\n {currentTab === 'files' && (\n <DetailsPanelFiles\n entities={entityDetailsData}\n scope={scope}\n isLoadingVersion={isFetchingEntitiesDetails}\n />\n )}\n {currentTab === 'details' && (\n <FeedContextWrapper\n entityType={entityType}\n entities={entityDetailsData}\n activeUsers={activeProjectUsers \|\| []}\n projectInfo={firstProjectInfo}\n projectName={firstProject}\n disabled={!isCommentingEnabled()}\n scope={scope}\n statuses={allStatuses}\n readOnly={false}\n annotations={annotations}\n removeAnnotation={removeAnnotation}\n exportAnnotationComposite={exportAnnotationComposite}\n >\n <DetailsPanelDetails\n entities={entityDetailsData}\n isLoading={isFetchingEntitiesDetails}\n />\n </FeedContextWrapper>\n )}\n </Styled.Panel>\n </>\n )\n}\n"],"names":["entitiesWithoutFeed","DetailsPanel","entityType","entitySubTypes","entitiesData","entities","tagsOptions","disabledStatuses","projectUsers","disabledProjectUsers","activeProjectUsers","projectsInfo","projectNames","isSlideOut","style","scope","isCompact","onClose","onWatchersUpdate","onOpenViewer","onEntityFocus","annotations","removeAnnotation","exportAnnotationComposite","entityListId","guestCategories","closeSlideOut","openPip","user","isGuest","useDetailsPanelContext","currentTab","setTab","isFeed","useScopedDetailsPanel","useEffect","projectInfo","useMemo","mergeProjectInfo","entityTypeIcons","task","acc","folder","productTypes","key","product","entitiesToQuery","entity","entityDetailsData","isFetchingEntitiesDetails","isError","originalArgs","useGetEntitiesDetailsPanelQuery","detailsPanelEntityTypes","allStatuses","getAllProjectStatuses","firstProject","firstProjectInfo","firstEntityData","entityPathSegments","entityPathVersions","useGetEntityPath","handleKeyDown","e","target","isInputElement","requestPipWindow","usePiPWindow","handleOpenPip","isCommentingEnabled","_a","jsxs","Styled.Panel","Styled.Toolbar","jsx","EntityPath","Styled.RightTools","Watchers","Button","DetailsPanelHeader","args","FeedWrapper","DetailsPanelFiles","FeedContextWrapper","DetailsPanelDetails"],"mappings":"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"}