@ynput/ayon-frontend-shared 0.2.37 → 0.2.39

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

@@ -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, useRef } 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, DetailsPanelTab } 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  onOpen?: () => 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  // optional tab state for independent tab management\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  onOpen,\n  // annotations\n  annotations,\n  removeAnnotation,\n  exportAnnotationComposite,\n  entityListId,\n  guestCategories = {},\n  // optional tab state for independent tab management\n}: DetailsPanelProps) => {\n  const {\n    closeSlideOut,\n    openPip,\n    user,\n    isGuest,\n    entities: contextEntities,\n  } = useDetailsPanelContext()\n  const { currentTab, setTab, isFeed } = useScopedDetailsPanel(scope)\n  const hasCalledOnOpen = useRef(false)\n\n  // Use context entities if available, otherwise use props\n  const activeEntityType = contextEntities?.entityType ?? entityType\n  const activeEntities = contextEntities?.entities ?? entities\n  const activeEntitySubTypes = contextEntities?.entitySubTypes ?? entitySubTypes\n\n  // Fire onOpen callback once when component mounts and renders\n  useEffect(() => {\n    if (onOpen && !hasCalledOnOpen.current) {\n      hasCalledOnOpen.current = true\n      onOpen()\n    }\n  }, [])\n\n  // Force details tab for specific entity types\n  useEffect(() => {\n    if (entitiesWithoutFeed.includes(activeEntityType) && currentTab !== 'details') {\n      setTab('details')\n    }\n  }, [activeEntityType, 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 (activeEntityType !== 'version') {\n        setTab('activity')\n      }\n    }\n  }, [activeEntityType, currentTab, scope])\n\n  // now we get the full details data for selected entities\n  let entitiesToQuery = activeEntities.length\n    ? activeEntities.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: activeEntityType, entities: entitiesToQuery },\n    {\n      skip: !entitiesToQuery.length || !detailsPanelEntityTypes.includes(activeEntityType),\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: activeEntityType,\n    projectName: firstProject,\n    isLoading: isFetchingEntitiesDetails,\n  })\n\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && onClose) {\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 (!isInputElement) return\n\n        // don't trigger if the viewer is open and panel not in slideout mode\n        if (isSlideOut === false && target.closest('#viewer-dialog')) return\n\n        onClose()\n      }\n    }\n\n    window.addEventListener('keydown', handleKeyDown)\n    return () => window.removeEventListener('keydown', handleKeyDown)\n  }, [onClose, isSlideOut])\n\n  const { requestPipWindow } = usePiPWindow()\n\n  const handleOpenPip = () => {\n    openPip({\n      entityType: activeEntityType,\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={activeEntityType}\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={activeEntityType}\n          entitySubTypes={activeEntitySubTypes}\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={activeEntityType}\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            currentTab={currentTab}\n            setCurrentTab={setTab}\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={activeEntityType}\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","onOpen","annotations","removeAnnotation","exportAnnotationComposite","entityListId","guestCategories","closeSlideOut","openPip","user","isGuest","contextEntities","useDetailsPanelContext","currentTab","setTab","isFeed","useScopedDetailsPanel","hasCalledOnOpen","useRef","activeEntityType","activeEntities","activeEntitySubTypes","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","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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"}
+{"version":3,"file":"DetailsPanel.cjs.js","sources":["../../../../../src/containers/DetailsPanel/DetailsPanel.tsx"],"sourcesContent":["import { Button } from '@ynput/ayon-react-components'\nimport React, { useEffect, useMemo, useRef } from 'react'\nimport { useSearchParams } from 'react-router-dom'\nimport useDetailsPanelURLSync from './hooks/useDetailsPanelURLSync'\nimport * as Styled from './DetailsPanel.styled'\n\n// shared\nimport { useGetEntitiesDetailsPanelQuery, detailsPanelEntityTypes } from '@shared/api'\nimport type { Tag, DetailsPanelEntityType, DetailsPanelEntityData } from '@shared/api'\nimport { DetailsPanelDetails, EntityPath, Watchers } from '@shared/components'\nimport { usePiPWindow } from '@shared/context/pip/PiPProvider'\nimport { extractEntityHierarchyFromParents } from '@shared/util'\nimport {\n  ProjectContextProvider,\n  ProjectModelWithProducts,\n  useDetailsPanelContext,\n  useScopedDetailsPanel,\n  useURIContext,\n} 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, ProjectModelWithProducts>\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  onOpen?: () => void\n  onUriOpen?: (entity: DetailsPanelEntityData) => 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  // optional tab state for independent tab management\n}\n\nconst DetailsPanelInner = ({\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  onOpen,\n  onUriOpen, // when the details panel is opened from uri\n  // annotations\n  annotations,\n  removeAnnotation,\n  exportAnnotationComposite,\n  entityListId,\n  guestCategories = {},\n}: // optional tab state for independent tab management\nDetailsPanelProps) => {\n  const {\n    closeSlideOut,\n    openPip,\n    user,\n    isGuest,\n    entities: contextEntities,\n    setEntities,\n    slideOut,\n  } = useDetailsPanelContext()\n  const { currentTab, setTab, isFeed } = useScopedDetailsPanel(scope)\n  const [_searchParams, setSearchParams] = useSearchParams()\n  const hasCalledOnOpen = useRef(false)\n\n  // Use context entities if available, otherwise use props\n  const activeEntityType = contextEntities?.entityType ?? entityType\n  const activeEntities = contextEntities?.entities ?? entities\n  const activeEntitySubTypes = contextEntities?.entitySubTypes ?? entitySubTypes\n  const activeEntitiesData = contextEntities?.entities ? [] : entitiesData\n  const activeProjectNames = contextEntities?.entities\n    ? contextEntities.entities.map((e) => e.projectName)\n    : projectNames\n\n  // Fire onOpen callback once when component mounts and renders\n  useEffect(() => {\n    if (onOpen && !hasCalledOnOpen.current) {\n      hasCalledOnOpen.current = true\n      onOpen()\n    }\n  }, [])\n\n  // Force details tab for specific entity types\n  useEffect(() => {\n    if (entitiesWithoutFeed.includes(activeEntityType) && currentTab !== 'details') {\n      setTab('details')\n    }\n  }, [activeEntityType, currentTab, setTab])\n\n  // once component is provided with specific entities, remove context entities to avoid conflicts\n  useEffect(() => {\n    if (entities.length && contextEntities) {\n      setEntities(null)\n    }\n  }, [entities, contextEntities, setEntities])\n\n  // reduce projectsInfo to selected projects and into one\n  const projectInfo = useMemo(\n    () => mergeProjectInfo(projectsInfo, activeProjectNames),\n    [projectsInfo, activeProjectNames],\n  )\n\n  // build icons for entity types\n  const entityTypeIcons = useMemo(\n    () => ({\n      task: projectInfo.taskTypes\n        .filter((task) => !!task.icon)\n        .reduce((acc, task) => ({ ...acc, [task.name]: task.icon }), {}),\n      folder: projectInfo.folderTypes\n        .filter((folder) => !!folder.icon)\n        .reduce((acc, folder) => ({ ...acc, [folder.name]: folder.icon }), {}),\n      product: projectInfo.productTypes\n        .filter((product) => !!product.icon)\n        .reduce((acc, product) => ({ ...acc, [product.name]: product.icon }), {}),\n    }),\n    [projectInfo],\n  )\n\n  // 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 (activeEntityType !== 'version') {\n        setTab('activity')\n      }\n    }\n  }, [activeEntityType, currentTab, scope])\n\n  // now we get the full details data for selected entities\n  let entitiesToQuery = activeEntities.length\n    ? activeEntities.map((entity) => ({ id: entity.id, projectName: entity.projectName }))\n    : // @ts-expect-error = not sure what's going on with activeEntitiesData, we should try and remove it\n      activeEntitiesData.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: activeEntityType, entities: entitiesToQuery },\n    {\n      skip: !entitiesToQuery.length || !detailsPanelEntityTypes.includes(activeEntityType),\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  // if the details panel is opened vair the uri, run callback\n  useEffect(() => {\n    if (isFetchingEntitiesDetails) return\n\n    if (\n      contextEntities?.source &&\n      ['uri', 'url'].includes(contextEntities.source) &&\n      contextEntities?.entities?.length &&\n      !!onUriOpen\n    ) {\n      const uriEntity = entityDetailsData.find(\n        (entity) => entity.id === contextEntities.entities[0].id,\n      )\n      if (!uriEntity) return\n\n      onUriOpen(uriEntity)\n    }\n  }, [entityDetailsData, isFetchingEntitiesDetails])\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 = activeProjectNames[0]\n  const firstProjectInfo = projectsInfo[firstProject] || {}\n  const firstEntityData = entityDetailsData[0] || {}\n  // Use the last entity for URI sync\n  const lastEntityData = entityDetailsData[entityDetailsData.length - 1]\n  const lastProject = activeProjectNames[activeProjectNames.length - 1]\n\n  // build the full entity path for the first entity\n  const [entityPathSegments, entityPathVersions] = useGetEntityPath({\n    entity: firstEntityData,\n    entityType: activeEntityType,\n    projectName: firstProject,\n    isLoading: isFetchingEntitiesDetails,\n  })\n\n  const { setEntityUri, setUri } = useURIContext()\n  // sync the uri when entity changes\n  useEffect(() => {\n    if (!lastEntityData?.parents) return\n    if (!lastProject) return\n    const { folderPath, taskName, versionName, productName } = extractEntityHierarchyFromParents(\n      lastEntityData.parents,\n      activeEntityType,\n      lastEntityData.name,\n    )\n\n    setEntityUri({\n      projectName: lastProject,\n      folderPath: folderPath,\n      taskName: taskName,\n      productName: productName,\n      versionName: versionName,\n    })\n\n    // unmount cleanup: clear uri\n    return () => {\n      setUri('')\n    }\n  }, [entityDetailsData, activeProjectNames, activeEntityType])\n\n  // sync the details panel url (panel) with entity\n  useDetailsPanelURLSync({\n    entityData: lastEntityData,\n    project: lastProject,\n    activeEntityType,\n    entitiesToQuery,\n  })\n\n  const clearSearchUrl = () => {\n    // remove URL params when closing\n    setSearchParams(\n      (prev) => {\n        const newParams = new URLSearchParams(prev)\n        newParams.delete('project')\n        newParams.delete('type')\n        newParams.delete('id')\n        return newParams\n      },\n      { replace: true },\n    )\n  }\n\n  const handleClose = () => {\n    onClose?.()\n    // also remove any entities in context\n    setEntities(null)\n    clearSearchUrl()\n    closeSlideOut()\n  }\n\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && onClose) {\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 (isInputElement) return\n\n        // don't trigger if the viewer is open and panel not in slideout mode\n        if (isSlideOut === false && (target.closest('#viewer-dialog') || !!slideOut)) return\n\n        handleClose()\n      }\n    }\n\n    window.addEventListener('keydown', handleKeyDown)\n    return () => window.removeEventListener('keydown', handleKeyDown)\n  }, [handleClose, isSlideOut, slideOut])\n\n  const { requestPipWindow } = usePiPWindow()\n\n  const handleOpenPip = () => {\n    openPip({\n      entityType: activeEntityType,\n      entities: entitiesToQuery,\n      scope: scope,\n    })\n    requestPipWindow(500, 500)\n  }\n\n  const isCommentingEnabled = () => {\n    // cannot comment on multiple projects\n    if (activeProjectNames.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={activeEntityType}\n            scope={scope}\n            // @ts-ignore\n            entityTypeIcons={entityTypeIcons}\n          />\n          <Styled.RightTools className=\"right-tools\">\n            <Watchers\n              entities={entitiesToQuery}\n              entityType={activeEntityType}\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 || entities) && (\n              <Button\n                icon=\"close\"\n                variant={'text'}\n                onClick={handleClose}\n                data-shortcut={'Escape'}\n              />\n            )}\n          </Styled.RightTools>\n        </Styled.Toolbar>\n\n        <DetailsPanelHeader\n          entityType={activeEntityType}\n          entitySubTypes={activeEntitySubTypes}\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        <ProjectContextProvider projectName={firstProject}>\n          {isFeed && !isError && (\n            <FeedWrapper\n              entityType={activeEntityType}\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              currentTab={currentTab}\n              setCurrentTab={setTab}\n              isSlideOut={isSlideOut}\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={activeEntityType}\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        </ProjectContextProvider>\n      </Styled.Panel>\n    </>\n  )\n}\n\n// create a wrapper that checks if the details panel should be open or not based on isOpen prop and entities state\nexport const DetailsPanel = ({\n  isOpen,\n  entityType,\n  ...props\n}: Omit<DetailsPanelProps, 'entityType'> & {\n  entityType?: DetailsPanelEntityType\n  isOpen: boolean\n}) => {\n  const { entities } = useDetailsPanelContext()\n\n  if (!isOpen && !entities) return null\n  if (!entityType && !entities) return null\n\n  // @ts-expect-error - entityType could be undefined but we check for entities above\n  return <DetailsPanelInner {...props} entityType={entityType || entities?.entityType} />\n}\n"],"names":["entitiesWithoutFeed","DetailsPanelInner","entityType","entitySubTypes","entitiesData","entities","tagsOptions","disabledStatuses","projectUsers","disabledProjectUsers","activeProjectUsers","projectsInfo","projectNames","isSlideOut","style","scope","isCompact","onClose","onWatchersUpdate","onOpenViewer","onEntityFocus","onOpen","onUriOpen","annotations","removeAnnotation","exportAnnotationComposite","entityListId","guestCategories","closeSlideOut","openPip","user","isGuest","contextEntities","setEntities","slideOut","useDetailsPanelContext","currentTab","setTab","isFeed","useScopedDetailsPanel","_searchParams","setSearchParams","useSearchParams","hasCalledOnOpen","useRef","activeEntityType","activeEntities","activeEntitySubTypes","activeEntitiesData","activeProjectNames","useEffect","projectInfo","useMemo","mergeProjectInfo","entityTypeIcons","task","acc","folder","product","entitiesToQuery","entity","entityDetailsData","isFetchingEntitiesDetails","isError","originalArgs","useGetEntitiesDetailsPanelQuery","detailsPanelEntityTypes","_a","uriEntity","allStatuses","getAllProjectStatuses","firstProject","firstProjectInfo","firstEntityData","lastEntityData","lastProject","entityPathSegments","entityPathVersions","useGetEntityPath","setEntityUri","setUri","useURIContext","folderPath","taskName","versionName","productName","extractEntityHierarchyFromParents","useDetailsPanelURLSync","clearSearchUrl","prev","newParams","handleClose","handleKeyDown","e","target","requestPipWindow","usePiPWindow","handleOpenPip","isCommentingEnabled","jsxs","Styled.Panel","Styled.Toolbar","jsx","EntityPath","Styled.RightTools","Watchers","Button","DetailsPanelHeader","args","ProjectContextProvider","FeedWrapper","DetailsPanelFiles","FeedContextWrapper","DetailsPanelDetails","DetailsPanel","isOpen","props"],"mappings":"44bA4Ba,MAAAA,EAAsB,CAAC,UAAW,gBAAgB,EAmCzDC,GAAoB,CAAC,CACzB,WAAAC,EACA,eAAAC,EAAiB,CAAC,EAElB,aAAAC,EAAe,CAAC,EAEhB,SAAAC,EAAW,CAAC,EACZ,YAAAC,EAAc,CAAC,EACf,iBAAAC,EACA,aAAAC,EACA,qBAAAC,GACA,mBAAAC,EACA,aAAAC,EAAe,CAAC,EAChB,aAAAC,GAAe,CAAC,EAChB,WAAAC,EAAa,GACb,MAAAC,GAAQ,CAAC,EACT,MAAAC,EACA,UAAAC,GAAY,GACZ,QAAAC,EACA,iBAAAC,EACA,aAAAC,EACA,cAAAC,GACA,OAAAC,EACA,UAAAC,EAEA,YAAAC,EACA,iBAAAC,EACA,0BAAAC,EACA,aAAAC,EACA,gBAAAC,GAAkB,CAAA,CACpB,IACsB,CACd,KAAA,CACJ,cAAAC,EACA,QAAAC,GACA,KAAAC,EACA,QAAAC,GACA,SAAUC,EACV,YAAAC,EACA,SAAAC,GACEC,yBAAuB,EACrB,CAAE,WAAAC,EAAY,OAAAC,EAAQ,OAAAC,EAAO,EAAIC,EAAAA,sBAAsBxB,CAAK,EAC5D,CAACyB,GAAeC,EAAe,EAAIC,mBAAgB,EACnDC,EAAkBC,SAAO,EAAK,EAG9BC,GAAmBb,GAAA,YAAAA,EAAiB,aAAc9B,EAClD4C,GAAiBd,GAAA,YAAAA,EAAiB,WAAY3B,EAC9C0C,IAAuBf,GAAA,YAAAA,EAAiB,iBAAkB7B,EAC1D6C,GAAqBhB,GAAA,MAAAA,EAAiB,SAAW,CAAK,EAAA5B,EACtD6C,EAAqBjB,GAAA,MAAAA,EAAiB,SACxCA,EAAgB,SAAS,IAAK,GAAM,EAAE,WAAW,EACjDpB,GAGJsC,EAAAA,UAAU,IAAM,CACV7B,GAAU,CAACsB,EAAgB,UAC7BA,EAAgB,QAAU,GACnBtB,EAAA,EAEX,EAAG,EAAE,EAGL6B,EAAAA,UAAU,IAAM,CACVlD,EAAoB,SAAS6C,CAAgB,GAAKT,IAAe,WACnEC,EAAO,SAAS,CAEjB,EAAA,CAACQ,EAAkBT,EAAYC,CAAM,CAAC,EAGzCa,EAAAA,UAAU,IAAM,CACV7C,EAAS,QAAU2B,GACrBC,EAAY,IAAI,CAEjB,EAAA,CAAC5B,EAAU2B,EAAiBC,CAAW,CAAC,EAG3C,MAAMkB,EAAcC,EAAA,QAClB,IAAMC,GAAiB1C,EAAcsC,CAAkB,EACvD,CAACtC,EAAcsC,CAAkB,CACnC,EAGMK,EAAkBF,EAAA,QACtB,KAAO,CACL,KAAMD,EAAY,UACf,OAAQI,GAAS,CAAC,CAACA,EAAK,IAAI,EAC5B,OAAO,CAACC,EAAKD,KAAU,CAAE,GAAGC,EAAK,CAACD,EAAK,IAAI,EAAGA,EAAK,OAAS,EAAE,EACjE,OAAQJ,EAAY,YACjB,OAAQM,GAAW,CAAC,CAACA,EAAO,IAAI,EAChC,OAAO,CAACD,EAAKC,KAAY,CAAE,GAAGD,EAAK,CAACC,EAAO,IAAI,EAAGA,EAAO,OAAS,EAAE,EACvE,QAASN,EAAY,aAClB,OAAQO,GAAY,CAAC,CAACA,EAAQ,IAAI,EAClC,OAAO,CAACF,EAAKE,KAAa,CAAE,GAAGF,EAAK,CAACE,EAAQ,IAAI,EAAGA,EAAQ,IAAS,GAAA,CAAE,CAAA,CAAA,GAE5E,CAACP,CAAW,CACd,EAKAD,EAAAA,UAAU,IAAM,CACVd,IAAe,SAEbS,IAAqB,WACvBR,EAAO,UAAU,CAGpB,EAAA,CAACQ,EAAkBT,EAAYrB,CAAK,CAAC,EAGxC,IAAI4C,EAAkBb,EAAe,OACjCA,EAAe,IAAKc,IAAY,CAAE,GAAIA,EAAO,GAAI,YAAaA,EAAO,WAAc,EAAA,EAEnFZ,GAAmB,IAAKY,IAAY,CAAE,GAAIA,EAAO,GAAI,YAAaA,EAAO,aAAc,EAE3FD,EAAkBA,EAAgB,OAAQC,GAAWA,EAAO,EAAE,EAExD,KAAA,CACJ,KAAMC,EAAoB,CAAC,EAC3B,WAAYC,EACZ,QAAAC,GACA,aAAAC,EAAA,EACEC,GAAA,gCACF,CAAE,WAAYpB,EAAkB,SAAUc,CAAgB,EAC1D,CACE,KAAM,CAACA,EAAgB,QAAU,CAACO,GAAA,wBAAwB,SAASrB,CAAgB,CAAA,CAEvF,EAGAK,EAAAA,UAAU,IAAM,CACTrC,GACWe,EAAA,CAChB,EACC,CAACoC,GAAcnD,CAAU,CAAC,EAG7BqC,EAAAA,UAAU,IAAM,OACd,GAAI,CAAAY,GAGF9B,GAAA,MAAAA,EAAiB,QACjB,CAAC,MAAO,KAAK,EAAE,SAASA,EAAgB,MAAM,IAC9CmC,EAAAnC,GAAA,YAAAA,EAAiB,WAAjB,MAAAmC,EAA2B,QACzB7C,EACF,CACA,MAAM8C,EAAYP,EAAkB,KACjCD,GAAWA,EAAO,KAAO5B,EAAgB,SAAS,CAAC,EAAE,EACxD,EACA,GAAI,CAACoC,EAAW,OAEhB9C,EAAU8C,CAAS,CAAA,CACrB,EACC,CAACP,EAAmBC,CAAyB,CAAC,EAI3C,MAAAO,EAAcC,GAAsB3D,CAAY,EAGhD4D,EAAetB,EAAmB,CAAC,EACnCuB,EAAmB7D,EAAa4D,CAAY,GAAK,CAAC,EAClDE,GAAkBZ,EAAkB,CAAC,GAAK,CAAC,EAE3Ca,EAAiBb,EAAkBA,EAAkB,OAAS,CAAC,EAC/Dc,EAAc1B,EAAmBA,EAAmB,OAAS,CAAC,EAG9D,CAAC2B,EAAoBC,EAAkB,EAAIC,GAAiB,CAChE,OAAQL,GACR,WAAY5B,EACZ,YAAa0B,EACb,UAAWT,CAAA,CACZ,EAEK,CAAE,aAAAiB,GAAc,OAAAC,EAAO,EAAIC,iBAAc,EAE/C/B,EAAAA,UAAU,IAAM,CAEd,GADI,EAACwB,GAAA,MAAAA,EAAgB,UACjB,CAACC,EAAa,OAClB,KAAM,CAAE,WAAAO,EAAY,SAAAC,EAAU,YAAAC,EAAa,YAAAC,CAAgB,EAAAC,GAAA,kCACzDZ,EAAe,QACf7B,EACA6B,EAAe,IACjB,EAEa,OAAAK,GAAA,CACX,YAAaJ,EACb,WAAAO,EACA,SAAAC,EACA,YAAAE,EACA,YAAAD,CAAA,CACD,EAGM,IAAM,CACXJ,GAAO,EAAE,CACX,CACC,EAAA,CAACnB,EAAmBZ,EAAoBJ,CAAgB,CAAC,EAGrC0C,GAAA,CACrB,WAAYb,EACZ,QAASC,EACT,iBAAA9B,EACA,gBAAAc,CAAA,CACD,EAED,MAAM6B,GAAiB,IAAM,CAE3B/C,GACGgD,GAAS,CACF,MAAAC,EAAY,IAAI,gBAAgBD,CAAI,EAC1C,OAAAC,EAAU,OAAO,SAAS,EAC1BA,EAAU,OAAO,MAAM,EACvBA,EAAU,OAAO,IAAI,EACdA,CACT,EACA,CAAE,QAAS,EAAK,CAClB,CACF,EAEMC,EAAc,IAAM,CACd1E,GAAA,MAAAA,IAEVgB,EAAY,IAAI,EACDuD,GAAA,EACD5D,EAAA,CAChB,EAEAsB,EAAAA,UAAU,IAAM,CACR,MAAA0C,EAAiBC,GAAqB,CACtC,GAAAA,EAAE,MAAQ,UAAY5E,EAAS,CAEjC,MAAM6E,EAASD,EAAE,OAOb,GALF,CAAC,QAAS,WAAY,QAAQ,EAAE,SAASC,EAAO,OAAO,GAAKA,EAAO,mBAKjEjF,IAAe,KAAUiF,EAAO,QAAQ,gBAAgB,GAAO5D,GAAW,OAElEyD,EAAA,CAAA,CAEhB,EAEO,cAAA,iBAAiB,UAAWC,CAAa,EACzC,IAAM,OAAO,oBAAoB,UAAWA,CAAa,CAC/D,EAAA,CAACD,EAAa9E,EAAYqB,CAAQ,CAAC,EAEhC,KAAA,CAAE,iBAAA6D,EAAiB,EAAIC,gBAAa,EAEpCC,GAAgB,IAAM,CAClBpE,GAAA,CACN,WAAYgB,EACZ,SAAUc,EACV,MAAA5C,CAAA,CACD,EACDgF,GAAiB,IAAK,GAAG,CAC3B,EAEMG,EAAsB,IAAM,OAGhC,MADI,EAAAjD,EAAmB,OAAS,GAC5BlB,KAEE,CAACL,GAMD,CAJqB,OAAO,UAAU,eAAe,KACvDC,KACAwC,EAAArC,EAAK,SAAL,YAAAqC,EAAa,QAAS,EACxB,GAIJ,EAEA,6DAEI,SAACgC,EAAAA,kBAAAA,KAAAC,EAAAA,MAAA,CAAa,UAAU,gBACtB,SAAA,CAACD,yBAAAE,EAAAA,QAAA,CAEC,SAAA,CAAAC,EAAA,kBAAA,IAACC,GAAA,WAAA,CACC,SAAU3B,EACV,SAAUC,GACV,YAAaN,EACb,gBAAiB1D,EACjB,UAAWiD,GAA6B,CAACc,EAAmB,OAC5D,WAAY/B,EACZ,MAAA9B,EAEA,gBAAAuC,CAAA,CACF,EACC6C,EAAAA,kBAAAA,KAAAK,EAAAA,WAAA,CAAkB,UAAU,cAC3B,SAAA,CAAAF,EAAA,kBAAA,IAACG,GAAA,SAAA,CACC,SAAU9C,EACV,WAAYd,EACZ,QAASrC,GAAgB,CAAC,EAC1B,iBAAkBU,GAAoBA,EACtC,SAAUY,EAAK,IAAA,CACjB,EACAwE,EAAA,kBAAA,IAACI,EAAA,OAAA,CACC,KAAK,qBACL,QAAS,OACT,eAAa,qBACb,QAAST,EAAA,CACX,GAEEhF,GAAWZ,IACXiG,EAAA,kBAAA,IAACI,EAAA,OAAA,CACC,KAAK,QACL,QAAS,OACT,QAASf,EACT,gBAAe,QAAA,CAAA,CACjB,CAEJ,CAAA,CAAA,EACF,EAEAW,EAAA,kBAAA,IAACK,GAAA,CACC,WAAY9D,EACZ,eAAgBE,GAChB,SAAUc,EACV,MAAOrD,EACP,kBAAmBC,GACnB,iBAAAF,EACA,YAAAD,EACA,WAAYwD,EACZ,UAAA9C,GACA,WAAAoB,EACA,YAAaC,EACb,gBAAAiB,EACA,aAAesD,GAASzF,GAAA,YAAAA,EAAeyF,GACvC,cAAAxF,EAAA,CACF,EACA+E,EAAAA,kBAAAA,KAACU,GAAAA,uBAAuB,CAAA,YAAatC,EAClC,SAAA,CAAAjC,IAAU,CAACyB,IACVuC,EAAA,kBAAA,IAACQ,GAAA,CACC,WAAYjE,EACZ,SAAUgB,EACV,YAAanD,GAAsB,CAAC,EACpC,YAAa8D,EACb,YAAaD,EACb,SAAU,CAAC2B,EAAoB,EAC/B,MAAAnF,EACA,SAAUsD,EACV,SAAU,GACV,aAAA3C,EACA,YAAAH,EACA,iBAAAC,EACA,0BAAAC,EACA,WAAAW,EACA,cAAeC,EACf,WAAAxB,CAAA,CACF,EAEDuB,IAAe,SACdkE,EAAA,kBAAA,IAACS,GAAA,CACC,SAAUlD,EACV,MAAA9C,EACA,iBAAkB+C,CAAA,CACpB,EAED1B,IAAe,WACdkE,EAAA,kBAAA,IAACU,GAAA,CACC,WAAYnE,EACZ,SAAUgB,EACV,YAAanD,GAAsB,CAAC,EACpC,YAAa8D,EACb,YAAaD,EACb,SAAU,CAAC2B,EAAoB,EAC/B,MAAAnF,EACA,SAAUsD,EACV,SAAU,GACV,YAAA9C,EACA,iBAAAC,EACA,0BAAAC,EAEA,SAAA6E,EAAA,kBAAA,IAACW,GAAA,oBAAA,CACC,SAAUpD,EACV,UAAWC,CAAA,CAAA,CACb,CAAA,CACF,CAEJ,CAAA,CAAA,CAAA,CACF,CACF,CAAA,CAEJ,EAGaoD,GAAe,CAAC,CAC3B,OAAAC,EACA,WAAAjH,EACA,GAAGkH,CACL,IAGM,CACE,KAAA,CAAE,SAAA/G,CAAS,EAAI8B,yBAAuB,EAG5C,MADI,CAACgF,GAAU,CAAC9G,GACZ,CAACH,GAAc,CAACG,EAAiB,6BAG7BJ,GAAmB,CAAA,GAAGmH,EAAO,WAAYlH,IAAcG,GAAA,YAAAA,EAAU,YAAY,CACvF"}