@ynput/ayon-frontend-shared 0.4.3 → 0.4.4

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

@@ -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, useRef, useState } from 'react'\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 } from '@shared/components/DetailsPanelDetails/DetailsPanelDetails'\nimport { EntityPath } from '@shared/components/EntityPath/EntityPath'\nimport { Watchers } from '@shared/components/Watchers/Watchers'\nimport { usePiPWindow } from '@shared/context/pip/PiPProvider'\nimport { extractEntityHierarchyFromParents } from '@shared/util'\nimport { ProjectContextProvider } from '@shared/context/ProjectContext'\nimport { ThumbnailUploadProvider } from '@shared/context/ThumbnailUploaderContext'\nimport {\n  useDetailsPanelContext,\n  useScopedDetailsPanel,\n  setDetailsPanelTabForScope,\n} from '@shared/context/DetailsPanelContext'\nimport { useURIContext } from '@shared/context/UriContext'\nimport type { ProjectModelWithProducts } from '@shared/context/ProjectContext'\nimport type { FeedFilter } from '@shared/context/DetailsPanelContext'\n\nimport DetailsPanelHeader from './components/DetailsPanelHeader/DetailsPanelHeader'\nimport DetailsPanelFiles from './components/DetailsPanelFiles'\nimport {\n  DetailsPanelMoreMenu,\n  type DetailsPanelEntityListsContext,\n} from './components/DetailsPanelMoreMenu'\nimport useGetEntityPath from './hooks/useGetEntityPath'\nimport getAllProjectStatuses from './helpers/getAllProjectsStatuses'\nimport FeedWrapper from './containers/FeedWrapper'\nimport FeedContextWrapper from './containers/FeedContextWrapper'\nimport mergeProjectInfo from './helpers/mergeProjectInfo'\nimport buildEntityTypeIcons from './helpers/buildEntityTypeIcons'\nimport DetailsPanelSubtasks from './containers/DetailsPanelSubtasks'\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, source: 'uri' | 'url') => 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 EntityListsContext for the \"Add to list\" sub-menu in the more-menu.\n   *  Hosts that already mount EntityListsProvider can pass the resolved context here;\n   *  otherwise wrap the panel with EntityListsContextBoundary. The shape mirrors\n   *  `EntityListsContextType` from `src/pages/ProjectListsPage/context` — it lives as a\n   *  structural type in shared/ so the layering rule (shared cannot import src/pages)\n   *  is preserved. */\n  entityListsContext?: DetailsPanelEntityListsContext\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  entityListsContext,\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    useSearchParams,\n    SubtasksManager,\n    useNavigate,\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 (used by the entity path breadcrumb)\n  const entityTypeIcons = useMemo(() => buildEntityTypeIcons(projectInfo), [projectInfo])\n\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('feed')\n      }\n    }\n    // Reset to feed if subtasks tab is selected but entity is not a task\n    if (currentTab === 'subtasks' && activeEntityType !== 'task') {\n      setTab('feed')\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  // fire onUriOpen once per context entity — a details refetch must not re-run the jump/filter reset\n  const uriOpenFiredForId = useRef<string | null>(null)\n  useEffect(() => {\n    if (!contextEntities) uriOpenFiredForId.current = null\n  }, [contextEntities])\n\n  // if the details panel is opened via the uri, run callback\n  useEffect(() => {\n    if (isFetchingEntitiesDetails) return\n\n    if (\n      (contextEntities?.source === 'uri' || contextEntities?.source === 'url') &&\n      contextEntities?.entities?.length &&\n      !!onUriOpen\n    ) {\n      const targetId = contextEntities.entities[0].id\n      if (uriOpenFiredForId.current === targetId) return\n\n      const uriEntity = entityDetailsData.find((entity) => entity.id === targetId)\n      if (!uriEntity) return\n\n      uriOpenFiredForId.current = targetId\n      onUriOpen(uriEntity, contextEntities.source)\n    }\n  }, [entityDetailsData, isFetchingEntitiesDetails, contextEntities, onUriOpen])\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    // drop the uri so an in-flight resolve can't reopen the panel after close\n    setUri('')\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  // Hoisted so ThumbnailUploadProvider (wrapping the toolbar) and EntityPanelUploader\n  // (inside DetailsPanelHeader) share the same ref identity — otherwise the toolbar's\n  // more-menu, which sits as a sibling above the header, can't reach the inputs.\n  const thumbnailInputRef = useRef<HTMLInputElement>(null)\n  const versionsInputRef = useRef<HTMLInputElement>(null)\n  const canUploadVersion = entityDetailsData.length === 1 && activeEntityType !== 'representation'\n\n  const shareEntityLabel = useMemo(() => {\n    const name = firstEntityData?.label || firstEntityData?.name || ''\n    const parents: string[] = firstEntityData?.parents || []\n    const parts: (string | undefined)[] = [firstProject]\n    switch (activeEntityType) {\n      case 'folder':\n      case 'task':\n      case 'product':\n        parts.push(parents.at(-1), name)\n        break\n      case 'version':\n        parts.push(parents.at(-2), parents.at(-1), name)\n        break\n      case 'representation':\n        parts.push(parents.at(-3), parents.at(-2), parents.at(-1), name)\n        break\n      default:\n        parts.push(name)\n    }\n    return parts.filter(Boolean).join(' - ')\n  }, [firstEntityData, activeEntityType, firstProject])\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    <ThumbnailUploadProvider\n      thumbnailInputRef={thumbnailInputRef}\n      versionsInputRef={versionsInputRef}\n      canUploadVersion={canUploadVersion}\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            <DetailsPanelMoreMenu\n              entityType={activeEntityType}\n              entityId={firstEntityData?.id}\n              entityIds={entitiesToQuery.map((e) => e.id).filter(Boolean)}\n              entityLabel={shareEntityLabel}\n              projectName={firstProject}\n              selectedEntities={entityDetailsData\n                .filter((e) => !!e?.id)\n                .map((e) => {\n                  const type = e.entityType || activeEntityType\n                  return {\n                    entityId: e.id,\n                    entityType: type,\n                    hasReviewables: !!e.hasReviewables,\n                    name: e.name,\n                    label: e.label,\n                    projectName: e.projectName || firstProject,\n                    folderId: type === 'task' ? e.folder?.id : undefined,\n                  }\n                })}\n              entityListsContext={entityListsContext}\n              onOpenPip={handleOpenPip}\n              onOpenViewer={onOpenViewer}\n              productId={firstEntityData?.product?.id}\n              taskId={firstEntityData?.task?.id}\n              folderId={firstEntityData?.folder?.id}\n            />\n            <Watchers\n              entities={entitiesToQuery}\n              entityType={activeEntityType}\n              options={projectUsers || []}\n              onWatchersUpdate={onWatchersUpdate && onWatchersUpdate}\n              userName={user.name}\n            />\n\n            {onClose && (\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          projectInfo={projectInfo}\n          onOpenViewer={(args) => onOpenViewer?.(args)}\n          onEntityFocus={onEntityFocus}\n          thumbnailInputRef={thumbnailInputRef}\n          versionsInputRef={versionsInputRef}\n        />\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              isSlideOut={isSlideOut}\n            />\n          )}\n          {currentTab === 'subtasks' &&\n            activeEntityType === 'task' &&\n            firstEntityData?.id &&\n            SubtasksManager && (\n              <DetailsPanelSubtasks\n                projectName={firstProject}\n                taskId={firstEntityData.id}\n                folderId={firstEntityData.folder?.id}\n                subtasks={firstEntityData.task?.subtasks || []}\n                SubtasksManager={SubtasksManager}\n                useNavigate={useNavigate!}\n                onNotFound={() => setTab('feed')} // if subtasks module is not found, switch to feed tab\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    </ThumbnailUploadProvider>\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  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","entityListsContext","closeSlideOut","openPip","user","isGuest","contextEntities","setEntities","slideOut","useSearchParams","SubtasksManager","useNavigate","useDetailsPanelContext","currentTab","setTab","isFeed","useScopedDetailsPanel","_searchParams","setSearchParams","hasCalledOnOpen","useRef","activeEntityType","activeEntities","activeEntitySubTypes","activeEntitiesData","activeProjectNames","e","useEffect","projectInfo","useMemo","mergeProjectInfo","entityTypeIcons","buildEntityTypeIcons","entitiesToQuery","entity","entityDetailsData","isFetchingEntitiesDetails","isError","originalArgs","useGetEntitiesDetailsPanelQuery","detailsPanelEntityTypes","uriOpenFiredForId","targetId","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","target","requestPipWindow","usePiPWindow","thumbnailInputRef","versionsInputRef","canUploadVersion","shareEntityLabel","name","parents","parts","handleOpenPip","isCommentingEnabled","jsx","ThumbnailUploadProvider","jsxs","Styled.Panel","Styled.Toolbar","EntityPath","Styled.RightTools","DetailsPanelMoreMenu","type","Watchers","Button","DetailsPanelHeader","args","ProjectContextProvider","FeedWrapper","DetailsPanelSubtasks","DetailsPanelFiles","FeedContextWrapper","DetailsPanelDetails","DetailsPanel","isOpen","props"],"mappings":"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"}
+{"version":3,"file":"DetailsPanel.es.js","sources":["../../../../../src/containers/DetailsPanel/DetailsPanel.tsx"],"sourcesContent":["import { Button } from '@ynput/ayon-react-components'\nimport React, { useEffect, useMemo, useRef, useState } from 'react'\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 } from '@shared/components/DetailsPanelDetails/DetailsPanelDetails'\nimport { EntityPath } from '@shared/components/EntityPath/EntityPath'\nimport { Watchers } from '@shared/components/Watchers/Watchers'\nimport { usePiPWindow } from '@shared/context/pip/PiPProvider'\nimport { extractEntityHierarchyFromParents } from '@shared/util'\nimport { ProjectContextProvider } from '@shared/context/ProjectContext'\nimport { ThumbnailUploadProvider } from '@shared/context/ThumbnailUploaderContext'\nimport {\n  useDetailsPanelContext,\n  useScopedDetailsPanel,\n  setDetailsPanelTabForScope,\n} from '@shared/context/DetailsPanelContext'\nimport { useURIContext } from '@shared/context/UriContext'\nimport type { ProjectModelWithProducts } from '@shared/context/ProjectContext'\nimport type { FeedFilter } from '@shared/context/DetailsPanelContext'\n\nimport DetailsPanelHeader from './components/DetailsPanelHeader/DetailsPanelHeader'\nimport DetailsPanelFiles from './components/DetailsPanelFiles'\nimport {\n  DetailsPanelMoreMenu,\n  type DetailsPanelEntityListsContext,\n} from './components/DetailsPanelMoreMenu'\nimport useGetEntityPath from './hooks/useGetEntityPath'\nimport getAllProjectStatuses from './helpers/getAllProjectsStatuses'\nimport FeedWrapper from './containers/FeedWrapper'\nimport FeedContextWrapper from './containers/FeedContextWrapper'\nimport mergeProjectInfo from './helpers/mergeProjectInfo'\nimport buildEntityTypeIcons from './helpers/buildEntityTypeIcons'\nimport DetailsPanelSubtasks from './containers/DetailsPanelSubtasks'\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, source: 'uri' | 'url') => 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 EntityListsContext for the \"Add to list\" sub-menu in the more-menu.\n   *  Hosts that already mount EntityListsProvider can pass the resolved context here;\n   *  otherwise wrap the panel with EntityListsContextBoundary. The shape mirrors\n   *  `EntityListsContextType` from `src/pages/ProjectListsPage/context` — it lives as a\n   *  structural type in shared/ so the layering rule (shared cannot import src/pages)\n   *  is preserved. */\n  entityListsContext?: DetailsPanelEntityListsContext\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  entityListsContext,\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    useSearchParams,\n    SubtasksManager,\n    useNavigate,\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 (used by the entity path breadcrumb)\n  const entityTypeIcons = useMemo(() => buildEntityTypeIcons(projectInfo), [projectInfo])\n\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('feed')\n      }\n    }\n    // Reset to feed if subtasks tab is selected but entity is not a task\n    if (currentTab === 'subtasks' && activeEntityType !== 'task') {\n      setTab('feed')\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  // fire onUriOpen once per context entity — a details refetch must not re-run the jump/filter reset\n  const uriOpenFiredForId = useRef<string | null>(null)\n  useEffect(() => {\n    if (!contextEntities) uriOpenFiredForId.current = null\n  }, [contextEntities])\n\n  // if the details panel is opened via the uri, run callback\n  useEffect(() => {\n    if (isFetchingEntitiesDetails) return\n\n    if (\n      (contextEntities?.source === 'uri' || contextEntities?.source === 'url') &&\n      contextEntities?.entities?.length &&\n      !!onUriOpen\n    ) {\n      const targetId = contextEntities.entities[0].id\n      if (uriOpenFiredForId.current === targetId) return\n\n      const uriEntity = entityDetailsData.find((entity) => entity.id === targetId)\n      if (!uriEntity) return\n\n      uriOpenFiredForId.current = targetId\n      onUriOpen(uriEntity, contextEntities.source)\n    }\n  }, [entityDetailsData, isFetchingEntitiesDetails, contextEntities, onUriOpen])\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    // drop the uri so an in-flight resolve can't reopen the panel after close\n    setUri('')\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  // Hoisted so ThumbnailUploadProvider (wrapping the toolbar) and EntityPanelUploader\n  // (inside DetailsPanelHeader) share the same ref identity — otherwise the toolbar's\n  // more-menu, which sits as a sibling above the header, can't reach the inputs.\n  const thumbnailInputRef = useRef<HTMLInputElement>(null)\n  const versionsInputRef = useRef<HTMLInputElement>(null)\n  const canUploadVersion = entityDetailsData.length === 1 && activeEntityType !== 'representation'\n\n  const shareEntityLabel = useMemo(() => {\n    const name = firstEntityData?.label || firstEntityData?.name || ''\n    const parents: string[] = firstEntityData?.parents || []\n    const parts: (string | undefined)[] = [firstProject]\n    switch (activeEntityType) {\n      case 'folder':\n      case 'task':\n      case 'product':\n        parts.push(parents.at(-1), name)\n        break\n      case 'version':\n        parts.push(parents.at(-2), parents.at(-1), name)\n        break\n      case 'representation':\n        parts.push(parents.at(-3), parents.at(-2), parents.at(-1), name)\n        break\n      default:\n        parts.push(name)\n    }\n    return parts.filter(Boolean).join(' - ')\n  }, [firstEntityData, activeEntityType, firstProject])\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    <ThumbnailUploadProvider\n      thumbnailInputRef={thumbnailInputRef}\n      versionsInputRef={versionsInputRef}\n      canUploadVersion={canUploadVersion}\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            <DetailsPanelMoreMenu\n              entityType={activeEntityType}\n              entityId={firstEntityData?.id}\n              entityIds={entitiesToQuery.map((e) => e.id).filter(Boolean)}\n              entityLabel={shareEntityLabel}\n              projectName={firstProject}\n              selectedEntities={entityDetailsData\n                .filter((e) => !!e?.id)\n                .map((e) => {\n                  const type = e.entityType || activeEntityType\n                  return {\n                    entityId: e.id,\n                    entityType: type,\n                    hasReviewables: !!e.hasReviewables,\n                    name: e.name,\n                    label: e.label,\n                    projectName: e.projectName || firstProject,\n                    folderId: type === 'task' ? e.folder?.id : undefined,\n                  }\n                })}\n              entityListsContext={entityListsContext}\n              onOpenPip={handleOpenPip}\n              onOpenViewer={onOpenViewer}\n              productId={firstEntityData?.product?.id}\n              taskId={firstEntityData?.task?.id}\n              folderId={firstEntityData?.folder?.id}\n            />\n            <Watchers\n              entities={entitiesToQuery}\n              entityType={activeEntityType}\n              options={projectUsers || []}\n              onWatchersUpdate={onWatchersUpdate && onWatchersUpdate}\n              userName={user.name}\n            />\n\n            {onClose && (\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          projectInfo={projectInfo}\n          onOpenViewer={(args) => onOpenViewer?.(args)}\n          onEntityFocus={onEntityFocus}\n          thumbnailInputRef={thumbnailInputRef}\n          versionsInputRef={versionsInputRef}\n        />\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              isSlideOut={isSlideOut}\n            />\n          )}\n          {currentTab === 'subtasks' &&\n            activeEntityType === 'task' &&\n            firstEntityData?.id &&\n            SubtasksManager && (\n              <DetailsPanelSubtasks\n                projectName={firstProject}\n                taskId={firstEntityData.id}\n                taskName={firstEntityData.name}\n                folderId={firstEntityData.folder?.id}\n                subtasks={firstEntityData.task?.subtasks || []}\n                SubtasksManager={SubtasksManager}\n                useNavigate={useNavigate!}\n                onNotFound={() => setTab('feed')} // if subtasks module is not found, switch to feed tab\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    </ThumbnailUploadProvider>\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  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","entityListsContext","closeSlideOut","openPip","user","isGuest","contextEntities","setEntities","slideOut","useSearchParams","SubtasksManager","useNavigate","useDetailsPanelContext","currentTab","setTab","isFeed","useScopedDetailsPanel","_searchParams","setSearchParams","hasCalledOnOpen","useRef","activeEntityType","activeEntities","activeEntitySubTypes","activeEntitiesData","activeProjectNames","e","useEffect","projectInfo","useMemo","mergeProjectInfo","entityTypeIcons","buildEntityTypeIcons","entitiesToQuery","entity","entityDetailsData","isFetchingEntitiesDetails","isError","originalArgs","useGetEntitiesDetailsPanelQuery","detailsPanelEntityTypes","uriOpenFiredForId","targetId","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","target","requestPipWindow","usePiPWindow","thumbnailInputRef","versionsInputRef","canUploadVersion","shareEntityLabel","name","parents","parts","handleOpenPip","isCommentingEnabled","jsx","ThumbnailUploadProvider","jsxs","Styled.Panel","Styled.Toolbar","EntityPath","Styled.RightTools","DetailsPanelMoreMenu","type","Watchers","Button","DetailsPanelHeader","args","ProjectContextProvider","FeedWrapper","DetailsPanelSubtasks","DetailsPanelFiles","FeedContextWrapper","DetailsPanelDetails","DetailsPanel","isOpen","props"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../../_virtual/jsx-runtime.cjs.js"),a=require("react"),n=require("./DetailsPanelFloating.styled.cjs.js"),k=require("../../helpers/getThumbnails.cjs.js"),C=require("../../../../components/Thumbnail/StackedThumbnails.cjs.js"),S=require("lodash"),j=require("@ynput/ayon-react-components");require("../../../../context/pip/PiPProvider.cjs.js");require("react-dom");const v=require("../../../../context/pip/PiPWrapper.cjs.js"),I=require("../../../../context/ProjectContext.cjs.js");require("../../../../api/base/client.cjs.js");require("../../../../api/generated/graphql.cjs.js");require("../../../../api/generated/graphqlLinks.cjs.js");require("../../../../api/generated/access.cjs.js");require("../../../../api/generated/actions.cjs.js");require("../../../../api/generated/activityFeed.cjs.js");require("../../../../api/generated/addons.cjs.js");require("../../../../api/generated/anatomy.cjs.js");require("../../../../api/generated/attributes.cjs.js");require("../../../../api/generated/authentication.cjs.js");require("../../../../api/generated/bundles.cjs.js");require("../../../../api/generated/configuration.cjs.js");require("../../../../api/generated/dataImport.cjs.js");require("../../../../api/generated/desktop.cjs.js");require("../../../../api/generated/entityLists.cjs.js");require("../../../../api/generated/events.cjs.js");require("../../../../api/generated/files.cjs.js");require("../../../../api/generated/folders.cjs.js");require("../../../../api/generated/inbox.cjs.js");require("../../../../api/generated/links.cjs.js");require("../../../../api/generated/market.cjs.js");require("../../../../api/generated/onboarding.cjs.js");require("../../../../api/generated/operations.cjs.js");require("../../../../api/generated/products.cjs.js");require("../../../../api/generated/projectDashboard.cjs.js");require("../../../../api/generated/projects.cjs.js");require("../../../../api/generated/projectFolders.cjs.js");require("../../../../api/generated/reviewables.cjs.js");require("../../../../api/generated/services.cjs.js");require("../../../../api/generated/system.cjs.js");require("../../../../api/generated/tasks.cjs.js");require("../../../../api/generated/teams.cjs.js");require("../../../../api/generated/thumbnails.cjs.js");require("../../../../api/generated/uRIs.cjs.js");require("../../../../api/generated/users.cjs.js");require("../../../../api/generated/versions.cjs.js");require("../../../../api/generated/workfiles.cjs.js");require("../../../../api/generated/ynputCloud.cjs.js");require("../../../../api/generated/grouping.cjs.js");require("../../../../api/generated/views.cjs.js");require("../../../../api/queries/actions/getActions.cjs.js");require("../../../../api/queries/activities/getActivities.cjs.js");require("../../../../api/queries/activities/updateReaction.cjs.js");require("../../../../api/queries/activities/getMentions.cjs.js");require("../../../../api/queries/activities/getCategories.cjs.js");require("../../../../api/queries/addons/getAddons.cjs.js");require("../../../../api/queries/addons/updateAddons.cjs.js");require("../../../../api/queries/attributes/getAttributes.cjs.js");require("../../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../../api/queries/bundles/getBundles.cjs.js");require("../../../../api/queries/bundles/updateBundles.cjs.js");require("../../../../api/queries/cloud/cloud.cjs.js");require("../../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../../api/queries/columnStats/groupCounts.cjs.js");require("../../../../api/queries/config/getConfig.cjs.js");require("../../../../api/queries/config/updateConfig.cjs.js");require("../../../../api/queries/entities/getEntity.cjs.js");const M=require("../../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../../api/queries/overview/getOverview.cjs.js");require("../../../../api/queries/overview/updateOverview.cjs.js");require("../../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../../api/queries/links/getEntityLinks.cjs.js");require("../../../../api/queries/entities/updateEntity.cjs.js");require("../../../../api/queries/entityLists/getLists.cjs.js");require("../../../../api/queries/entityLists/updateLists.cjs.js");require("../../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../../api/queries/entityLists/listFolders.cjs.js");require("../../../../api/queries/folders/getFolders.cjs.js");require("../../../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../../../api/queries/grouping/getGrouping.cjs.js");require("../../../../api/queries/links/updateLinks.cjs.js");require("../../../../api/queries/links/getLinks.cjs.js");require("../../../../api/queries/permissions/getPermissions.cjs.js");require("../../../../api/queries/products/createProduct.cjs.js");require("../../../../api/queries/products/getFolderProducts.cjs.js");require("../../../../api/queries/project/getProject.cjs.js");require("../../../../api/queries/project/updateProject.cjs.js");require("../../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../../api/queries/review/getReview.cjs.js");require("../../../../api/queries/review/updateReview.cjs.js");require("../../../../api/queries/share/share.cjs.js");require("../../../../api/queries/system/getSystem.cjs.js");require("../../../../api/queries/tasks/getTasks.cjs.js");require("../../../../api/queries/tasks/updateTasks.cjs.js");require("../../../../api/queries/teams/getTeams.cjs.js");const E=require("../../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../../api/queries/users/getUsers.cjs.js");require("../../../../api/queries/users/updateUsers.cjs.js");require("../../../../api/queries/users/guests.cjs.js");require("../../../../api/queries/versions/updateVersions.cjs.js");require("../../../../api/queries/views/getViews.cjs.js");require("../../../../api/queries/views/updateViews.cjs.js");require("../../../../api/queries/watchers/getWatchers.cjs.js");require("../../../../api/queries/uris/getUris.cjs.js");const N=require("../../helpers/getAllProjectsStatuses.cjs.js"),U=require("../../containers/FeedWrapper.cjs.js"),A=require("../../helpers/mergeProjectInfo.cjs.js"),G=require("../../helpers/buildDetailsPanelTitles.cjs.js"),H=require("../../../../context/DetailsPanelContext.cjs.js"),O=()=>{const{pip:m}=H.useDetailsPanelContext(),t=m?.entityType,c=m?.entities||[],g=m?.scope||"",p=c.length>0&&!!t,u=c.map(e=>e.projectName),{data:h=[]}=E.useGetKanbanProjectUsersQuery({projects:u},{skip:!p}),{data:o={},isFetching:R}=E.useGetProjectsInfoQuery({projects:u},{skip:!p}),y=a.useMemo(()=>N(o,u),[o,u]),{data:s=[],isFetching:P}=M.useGetEntitiesDetailsPanelQuery({entityType:t,entities:c},{skip:!p||R}),l=a.useMemo(()=>A(o,u),[o,u]),f=a.useMemo(()=>({task:l.taskTypes.filter(e=>!!e.icon).reduce((e,i)=>({...e,[i.name]:i.icon}),{}),folder:l.folderTypes.filter(e=>!!e.icon).reduce((e,i)=>({...e,[i.name]:i.icon}),{}),product:l.productTypes.filter(e=>!!e.icon).reduce((e,i)=>({...e,[i.name]:i.icon}),{})}),[l]),b=a.useMemo(()=>t?k(s,t,f):[],[s,t]),T=a.useMemo(()=>h.filter(e=>s.some(i=>i?.task?.assignees?.includes(e.name))).map(e=>({...e,avatarUrl:`/api/users/${e.name}/avatar`})),[h,c]),q=s[0];if(!s.length||!q)return null;if(P)return r.jsxRuntimeExports.jsx("div",{children:"Loading..."});const d=q?.projectName,x=s.some(e=>e?.status!==q?.status)?{icon:"question_mark",color:"var(--md-sys-color-surface-container-highest)",name:"Mixed statuses"}:y.find(e=>e.name===q?.status)||{icon:"",color:"",name:"None"};if(!t)return null;const{title:D,subTitle:F}=G.buildDetailsPanelTitles(s,t);return r.jsxRuntimeExports.jsx(v.PiPWrapper,{children:r.jsxRuntimeExports.jsx(I.ProjectContextProvider,{projectName:d,children:r.jsxRuntimeExports.jsxs(n.Container,{children:[r.jsxRuntimeExports.jsxs(n.Header,{children:[r.jsxRuntimeExports.jsx(C.StackedThumbnails,{thumbnails:b}),r.jsxRuntimeExports.jsxs(n.Content,{children:[r.jsxRuntimeExports.jsx("h2",{children:D}),r.jsxRuntimeExports.jsxs("div",{className:"sub-title",children:[r.jsxRuntimeExports.jsxs("span",{children:[S.upperFirst(t)," - "]}),r.jsxRuntimeExports.jsx("h3",{children:F})]})]})]}),r.jsxRuntimeExports.jsxs(n.Row,{children:[r.jsxRuntimeExports.jsxs(n.Status,{style:{backgroundColor:x?.color,color:j.getTextColor(x?.color)},children:[r.jsxRuntimeExports.jsx(j.Icon,{icon:x.icon||"question_mark",style:{color:"inherit"}}),r.jsxRuntimeExports.jsx("span",{className:"label",children:x?.name})]}),r.jsxRuntimeExports.jsx(j.AssigneeField,{users:T,style:{pointerEvents:"none"}})]}),r.jsxRuntimeExports.jsx(n.FeedContainer,{children:r.jsxRuntimeExports.jsx(U,{entityType:t,entities:s,thumbnailHash:q?.thumbnailHash,activeUsers:[],projectInfo:o[d],projectName:d,disabled:!1,scope:g,readOnly:!0,statuses:y})})]})})})};exports.DetailsPanelFloating=O;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../../../../../_virtual/jsx-runtime.cjs.js"),a=require("react"),n=require("./DetailsPanelFloating.styled.cjs.js"),v=require("../../helpers/getThumbnails.cjs.js"),C=require("../../../../components/Thumbnail/StackedThumbnails.cjs.js"),S=require("lodash"),j=require("@ynput/ayon-react-components");require("../../../../context/pip/PiPProvider.cjs.js");require("react-dom");const I=require("../../../../context/pip/PiPWrapper.cjs.js"),M=require("../../../../context/ProjectContext.cjs.js");require("../../../../api/base/client.cjs.js");require("../../../../api/generated/graphql.cjs.js");require("../../../../api/generated/graphqlLinks.cjs.js");require("../../../../api/generated/access.cjs.js");require("../../../../api/generated/actions.cjs.js");require("../../../../api/generated/activityFeed.cjs.js");require("../../../../api/generated/addons.cjs.js");require("../../../../api/generated/anatomy.cjs.js");require("../../../../api/generated/attributes.cjs.js");require("../../../../api/generated/authentication.cjs.js");require("../../../../api/generated/bundles.cjs.js");require("../../../../api/generated/configuration.cjs.js");require("../../../../api/generated/dataImport.cjs.js");require("../../../../api/generated/desktop.cjs.js");require("../../../../api/generated/entityLists.cjs.js");require("../../../../api/generated/enums.cjs.js");require("../../../../api/generated/events.cjs.js");require("../../../../api/generated/files.cjs.js");require("../../../../api/generated/folders.cjs.js");require("../../../../api/generated/inbox.cjs.js");require("../../../../api/generated/links.cjs.js");require("../../../../api/generated/market.cjs.js");require("../../../../api/generated/onboarding.cjs.js");require("../../../../api/generated/operations.cjs.js");require("../../../../api/generated/products.cjs.js");require("../../../../api/generated/projectDashboard.cjs.js");require("../../../../api/generated/projects.cjs.js");require("../../../../api/generated/projectFolders.cjs.js");require("../../../../api/generated/reviewables.cjs.js");require("../../../../api/generated/services.cjs.js");require("../../../../api/generated/system.cjs.js");require("../../../../api/generated/tasks.cjs.js");require("../../../../api/generated/teams.cjs.js");require("../../../../api/generated/thumbnails.cjs.js");require("../../../../api/generated/uRIs.cjs.js");require("../../../../api/generated/users.cjs.js");require("../../../../api/generated/versions.cjs.js");require("../../../../api/generated/workfiles.cjs.js");require("../../../../api/generated/ynputCloud.cjs.js");require("../../../../api/generated/grouping.cjs.js");require("../../../../api/generated/views.cjs.js");require("../../../../api/queries/accessGroups/getAccessGroups.cjs.js");require("../../../../api/queries/accessGroups/updateAccessGroups.cjs.js");require("../../../../api/queries/actions/getActions.cjs.js");require("../../../../api/queries/activities/getActivities.cjs.js");require("../../../../api/queries/activities/updateReaction.cjs.js");require("../../../../api/queries/activities/getMentions.cjs.js");require("../../../../api/queries/activities/getCategories.cjs.js");require("../../../../api/queries/addons/getAddons.cjs.js");require("../../../../api/queries/addons/updateAddons.cjs.js");require("../../../../api/queries/attributes/getAttributes.cjs.js");require("../../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../../api/queries/bundles/getBundles.cjs.js");require("../../../../api/queries/bundles/updateBundles.cjs.js");require("../../../../api/queries/cloud/cloud.cjs.js");require("../../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../../api/queries/columnStats/groupCounts.cjs.js");require("../../../../api/queries/config/getConfig.cjs.js");require("../../../../api/queries/config/updateConfig.cjs.js");require("../../../../api/queries/entities/getEntity.cjs.js");const N=require("../../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../../api/queries/overview/getOverview.cjs.js");require("../../../../api/queries/overview/updateOverview.cjs.js");require("../../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../../api/queries/links/getEntityLinks.cjs.js");require("../../../../api/queries/entities/updateEntity.cjs.js");require("../../../../api/queries/entityLists/getLists.cjs.js");require("../../../../api/queries/entityLists/updateLists.cjs.js");require("../../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../../api/queries/entityLists/listFolders.cjs.js");require("../../../../api/queries/enums/getEnums.cjs.js");require("../../../../api/queries/folders/getFolders.cjs.js");require("../../../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../../../api/queries/grouping/getGrouping.cjs.js");require("../../../../api/queries/links/updateLinks.cjs.js");require("../../../../api/queries/links/getLinks.cjs.js");require("../../../../api/queries/permissions/getPermissions.cjs.js");require("../../../../api/queries/products/createProduct.cjs.js");require("../../../../api/queries/products/getFolderProducts.cjs.js");require("../../../../api/queries/project/getProject.cjs.js");require("../../../../api/queries/project/updateProject.cjs.js");require("../../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../../api/queries/review/getReview.cjs.js");require("../../../../api/queries/review/updateReview.cjs.js");require("../../../../api/queries/share/share.cjs.js");require("../../../../api/queries/system/getSystem.cjs.js");require("../../../../api/queries/tasks/getTasks.cjs.js");require("../../../../api/queries/tasks/updateTasks.cjs.js");require("../../../../api/queries/teams/getTeams.cjs.js");const E=require("../../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../../api/queries/users/getUsers.cjs.js");require("../../../../api/queries/users/updateUsers.cjs.js");require("../../../../api/queries/users/guests.cjs.js");require("../../../../api/queries/versions/updateVersions.cjs.js");require("../../../../api/queries/views/getViews.cjs.js");require("../../../../api/queries/views/updateViews.cjs.js");require("../../../../api/queries/watchers/getWatchers.cjs.js");require("../../../../api/queries/uris/getUris.cjs.js");const U=require("../../helpers/getAllProjectsStatuses.cjs.js"),_=require("../../containers/FeedWrapper.cjs.js"),A=require("../../helpers/mergeProjectInfo.cjs.js"),G=require("../../helpers/buildDetailsPanelTitles.cjs.js"),H=require("../../../../context/DetailsPanelContext.cjs.js"),g=()=>{const{pip:m}=H.useDetailsPanelContext(),t=m?.entityType,c=m?.entities||[],R=m?.scope||"",p=c.length>0&&!!t,u=c.map(e=>e.projectName),{data:h=[]}=E.useGetKanbanProjectUsersQuery({projects:u},{skip:!p}),{data:o={},isFetching:P}=E.useGetProjectsInfoQuery({projects:u},{skip:!p}),y=a.useMemo(()=>U(o,u),[o,u]),{data:s=[],isFetching:f}=N.useGetEntitiesDetailsPanelQuery({entityType:t,entities:c},{skip:!p||P}),l=a.useMemo(()=>A(o,u),[o,u]),b=a.useMemo(()=>({task:l.taskTypes.filter(e=>!!e.icon).reduce((e,i)=>({...e,[i.name]:i.icon}),{}),folder:l.folderTypes.filter(e=>!!e.icon).reduce((e,i)=>({...e,[i.name]:i.icon}),{}),product:l.productTypes.filter(e=>!!e.icon).reduce((e,i)=>({...e,[i.name]:i.icon}),{})}),[l]),T=a.useMemo(()=>t?v(s,t,b):[],[s,t]),D=a.useMemo(()=>h.filter(e=>s.some(i=>i?.task?.assignees?.includes(e.name))).map(e=>({...e,avatarUrl:`/api/users/${e.name}/avatar`})),[h,c]),q=s[0];if(!s.length||!q)return null;if(f)return r.jsxRuntimeExports.jsx("div",{children:"Loading..."});const d=q?.projectName,x=s.some(e=>e?.status!==q?.status)?{icon:"question_mark",color:"var(--md-sys-color-surface-container-highest)",name:"Mixed statuses"}:y.find(e=>e.name===q?.status)||{icon:"",color:"",name:"None"};if(!t)return null;const{title:F,subTitle:k}=G.buildDetailsPanelTitles(s,t);return r.jsxRuntimeExports.jsx(I.PiPWrapper,{children:r.jsxRuntimeExports.jsx(M.ProjectContextProvider,{projectName:d,children:r.jsxRuntimeExports.jsxs(n.Container,{children:[r.jsxRuntimeExports.jsxs(n.Header,{children:[r.jsxRuntimeExports.jsx(C.StackedThumbnails,{thumbnails:T}),r.jsxRuntimeExports.jsxs(n.Content,{children:[r.jsxRuntimeExports.jsx("h2",{children:F}),r.jsxRuntimeExports.jsxs("div",{className:"sub-title",children:[r.jsxRuntimeExports.jsxs("span",{children:[S.upperFirst(t)," - "]}),r.jsxRuntimeExports.jsx("h3",{children:k})]})]})]}),r.jsxRuntimeExports.jsxs(n.Row,{children:[r.jsxRuntimeExports.jsxs(n.Status,{style:{backgroundColor:x?.color,color:j.getTextColor(x?.color)},children:[r.jsxRuntimeExports.jsx(j.Icon,{icon:x.icon||"question_mark",style:{color:"inherit"}}),r.jsxRuntimeExports.jsx("span",{className:"label",children:x?.name})]}),r.jsxRuntimeExports.jsx(j.AssigneeField,{users:D,style:{pointerEvents:"none"}})]}),r.jsxRuntimeExports.jsx(n.FeedContainer,{children:r.jsxRuntimeExports.jsx(_,{entityType:t,entities:s,thumbnailHash:q?.thumbnailHash,activeUsers:[],projectInfo:o[d],projectName:d,disabled:!1,scope:R,readOnly:!0,statuses:y})})]})})})};exports.DetailsPanelFloating=g;exports.default=g;
 //# sourceMappingURL=DetailsPanelFloating.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelFloating.cjs.js","sources":["../../../../../../../src/containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.tsx"],"sourcesContent":["import { FC, useMemo, useState } from 'react'\nimport * as Styled from './DetailsPanelFloating.styled'\nimport getThumbnails from '../../helpers/getThumbnails'\nimport { StackedThumbnails } from '@shared/components/Thumbnail/StackedThumbnails'\nimport { upperFirst } from 'lodash'\nimport { AssigneeField, getTextColor, Icon } from '@ynput/ayon-react-components'\nimport { PiPWrapper } from '@shared/context/pip'\nimport { ProjectContextProvider } from '@shared/context/ProjectContext'\nimport type { FeedFilter } from '@shared/context/DetailsPanelContext'\nimport { useGetEntitiesDetailsPanelQuery } from '@shared/api'\nimport { useGetKanbanProjectUsersQuery, useGetProjectsInfoQuery } from '@shared/api'\nimport getAllProjectStatuses from '../../helpers/getAllProjectsStatuses'\nimport FeedWrapper from '../../containers/FeedWrapper'\nimport mergeProjectInfo from '../../helpers/mergeProjectInfo'\nimport { buildDetailsPanelTitles } from '../../helpers/buildDetailsPanelTitles'\nimport { useDetailsPanelContext } from '@shared/context/DetailsPanelContext'\n\nexport interface DetailsPanelFloatingProps {}\n\nexport const DetailsPanelFloating: FC<DetailsPanelFloatingProps> = () => {\n  const { pip } = useDetailsPanelContext()\n  const entityType = pip?.entityType\n  const entities = pip?.entities || []\n  const scope = pip?.scope || ''\n  const isOpen = entities.length > 0 && !!entityType\n\n  const projects: string[] = entities.map((e: any) => e.projectName)\n\n  const { data: allUsers = [] } = useGetKanbanProjectUsersQuery({ projects }, { skip: !isOpen })\n\n  const { data: projectsInfo = {}, isFetching: isFetchingInfo } = useGetProjectsInfoQuery(\n    {\n      projects: projects,\n    },\n    { skip: !isOpen },\n  )\n\n  // get all statuses from projects info, removing duplicate names\n  const statuses = useMemo(\n    () => getAllProjectStatuses(projectsInfo, projects),\n    [projectsInfo, projects],\n  )\n\n  const { data: entitiesData = [], isFetching: isFetchingEntitiesDetails } =\n    useGetEntitiesDetailsPanelQuery(\n      // @ts-expect-error\n      { entityType: entityType, entities: entities },\n      {\n        skip: !isOpen || isFetchingInfo,\n      },\n    )\n\n  // reduce projectsInfo to selected projects and into one\n  const projectInfo = useMemo(\n    () => mergeProjectInfo(projectsInfo, projects),\n    [projectsInfo, projects],\n  )\n\n  // build icons for entity types\n  const entityTypeIcons = useMemo(\n    () => ({\n      task: projectInfo.taskTypes\n        .filter((task) => !!task.icon)\n        .reduce((acc, task) => ({ ...acc, [task.name]: task.icon }), {}),\n      folder: projectInfo.folderTypes\n        .filter((folder) => !!folder.icon)\n        .reduce((acc, folder) => ({ ...acc, [folder.name]: folder.icon }), {}),\n      product: projectInfo.productTypes\n        .filter((product) => !!product.icon)\n        .reduce((acc, product) => ({ ...acc, [product.name]: product.icon }), {}),\n    }),\n    [projectInfo],\n  )\n\n  const thumbnails = useMemo(\n    () => (entityType ? getThumbnails(entitiesData, entityType, entityTypeIcons) : []),\n    [entitiesData, entityType],\n  )\n\n  // users for assignee field, find in all users\n  const users = useMemo(() => {\n    return allUsers\n      .filter((u) => entitiesData.some((e) => e?.task?.assignees?.includes(u.name)))\n      .map((u) => ({ ...u, avatarUrl: `/api/users/${u.name}/avatar` }))\n  }, [allUsers, entities])\n\n  const firstEntity = entitiesData[0]\n  if (!entitiesData.length || !firstEntity) return null\n\n  if (isFetchingEntitiesDetails) return <div>Loading...</div>\n\n  const projectName = firstEntity?.projectName\n\n  // are there multiple statuses of different names?\n  const mixedStatuses = entitiesData.some((e) => e?.status !== firstEntity?.status)\n  const mixedStatus = {\n    icon: 'question_mark',\n    color: 'var(--md-sys-color-surface-container-highest)',\n    name: 'Mixed statuses',\n  }\n\n  const statusAnatomy = mixedStatuses\n    ? mixedStatus\n    : statuses.find((s) => s.name === firstEntity?.status) || {\n        icon: '',\n        color: '',\n        name: 'None',\n      }\n\n  if (!entityType) return null\n\n  // Get title and subtitle from the imported function\n  const { title, subTitle } = buildDetailsPanelTitles(entitiesData, entityType)\n\n  return (\n    <PiPWrapper>\n      <ProjectContextProvider projectName={projectName}>\n        <Styled.Container>\n          <Styled.Header>\n            <StackedThumbnails thumbnails={thumbnails} />\n            <Styled.Content>\n              <h2>{title}</h2>\n              <div className=\"sub-title\">\n                <span>{upperFirst(entityType)} - </span>\n                <h3>{subTitle}</h3>\n              </div>\n            </Styled.Content>\n          </Styled.Header>\n          <Styled.Row>\n            <Styled.Status\n              style={{\n                backgroundColor: statusAnatomy?.color,\n                color: getTextColor(statusAnatomy?.color),\n              }}\n            >\n              <Icon icon={statusAnatomy.icon || 'question_mark'} style={{ color: 'inherit' }} />\n              <span className=\"label\">{statusAnatomy?.name}</span>\n            </Styled.Status>\n            <AssigneeField users={users} style={{ pointerEvents: 'none' }} />\n          </Styled.Row>\n          <Styled.FeedContainer>\n            <FeedWrapper\n              entityType={entityType}\n              // @ts-ignore\n              entities={entitiesData}\n              thumbnailHash={firstEntity?.thumbnailHash}\n              activeUsers={[]}\n              // selectedTasksProjects={{}}\n              projectInfo={projectsInfo[projectName]}\n              projectName={projectName}\n              disabled={false}\n              scope={scope}\n              readOnly\n              // @ts-ignore\n              statuses={statuses}\n            />\n          </Styled.FeedContainer>\n        </Styled.Container>\n      </ProjectContextProvider>\n    </PiPWrapper>\n  )\n}\n\nexport default DetailsPanelFloating\n"],"names":["DetailsPanelFloating","pip","useDetailsPanelContext","entityType","entities","scope","isOpen","projects","allUsers","useGetKanbanProjectUsersQuery","projectsInfo","isFetchingInfo","useGetProjectsInfoQuery","statuses","useMemo","getAllProjectStatuses","entitiesData","isFetchingEntitiesDetails","useGetEntitiesDetailsPanelQuery","projectInfo","mergeProjectInfo","entityTypeIcons","task","acc","folder","product","thumbnails","getThumbnails","users","u","e","firstEntity","jsx","projectName","statusAnatomy","s","title","subTitle","buildDetailsPanelTitles","PiPWrapper","ProjectContextProvider","jsxs","Styled.Container","Styled.Header","StackedThumbnails","Styled.Content","upperFirst","Styled.Row","Styled.Status","getTextColor","Icon","AssigneeField","Styled.FeedContainer","FeedWrapper"],"mappings":"g/MAmBaA,EAAsD,IAAM,CACvE,KAAM,CAAE,IAAAC,CAAA,EAAQC,yBAAA,EACVC,EAAaF,GAAK,WAClBG,EAAWH,GAAK,UAAY,CAAA,EAC5BI,EAAQJ,GAAK,OAAS,GACtBK,EAASF,EAAS,OAAS,GAAK,CAAC,CAACD,EAElCI,EAAqBH,EAAS,IAAK,GAAW,EAAE,WAAW,EAE3D,CAAE,KAAMI,EAAW,CAAA,GAAOC,EAAAA,8BAA8B,CAAE,SAAAF,GAAY,CAAE,KAAM,CAACD,EAAQ,EAEvF,CAAE,KAAMI,EAAe,CAAA,EAAI,WAAYC,GAAmBC,EAAAA,wBAC9D,CACE,SAAAL,CAAA,EAEF,CAAE,KAAM,CAACD,CAAA,CAAO,EAIZO,EAAWC,EAAAA,QACf,IAAMC,EAAsBL,EAAcH,CAAQ,EAClD,CAACG,EAAcH,CAAQ,CAAA,EAGnB,CAAE,KAAMS,EAAe,CAAA,EAAI,WAAYC,GAC3CC,EAAAA,gCAEE,CAAE,WAAAf,EAAwB,SAAAC,CAAA,EAC1B,CACE,KAAM,CAACE,GAAUK,CAAA,CACnB,EAIEQ,EAAcL,EAAAA,QAClB,IAAMM,EAAiBV,EAAcH,CAAQ,EAC7C,CAACG,EAAcH,CAAQ,CAAA,EAInBc,EAAkBP,EAAAA,QACtB,KAAO,CACL,KAAMK,EAAY,UACf,OAAQG,GAAS,CAAC,CAACA,EAAK,IAAI,EAC5B,OAAO,CAACC,EAAKD,KAAU,CAAE,GAAGC,EAAK,CAACD,EAAK,IAAI,EAAGA,EAAK,OAAS,EAAE,EACjE,OAAQH,EAAY,YACjB,OAAQK,GAAW,CAAC,CAACA,EAAO,IAAI,EAChC,OAAO,CAACD,EAAKC,KAAY,CAAE,GAAGD,EAAK,CAACC,EAAO,IAAI,EAAGA,EAAO,OAAS,EAAE,EACvE,QAASL,EAAY,aAClB,OAAQM,GAAY,CAAC,CAACA,EAAQ,IAAI,EAClC,OAAO,CAACF,EAAKE,KAAa,CAAE,GAAGF,EAAK,CAACE,EAAQ,IAAI,EAAGA,EAAQ,IAAA,GAAS,CAAA,CAAE,CAAA,GAE5E,CAACN,CAAW,CAAA,EAGRO,EAAaZ,EAAAA,QACjB,IAAOX,EAAawB,EAAcX,EAAcb,EAAYkB,CAAe,EAAI,CAAA,EAC/E,CAACL,EAAcb,CAAU,CAAA,EAIrByB,EAAQd,EAAAA,QAAQ,IACbN,EACJ,OAAQqB,GAAMb,EAAa,KAAMc,GAAMA,GAAG,MAAM,WAAW,SAASD,EAAE,IAAI,CAAC,CAAC,EAC5E,IAAKA,IAAO,CAAE,GAAGA,EAAG,UAAW,cAAcA,EAAE,IAAI,SAAA,EAAY,EACjE,CAACrB,EAAUJ,CAAQ,CAAC,EAEjB2B,EAAcf,EAAa,CAAC,EAClC,GAAI,CAACA,EAAa,QAAU,CAACe,EAAa,OAAO,KAEjD,GAAId,EAA2B,OAAOe,EAAAA,kBAAAA,IAAC,MAAA,CAAI,SAAA,aAAU,EAErD,MAAMC,EAAcF,GAAa,YAU3BG,EAPgBlB,EAAa,KAAM,GAAM,GAAG,SAAWe,GAAa,MAAM,EAC5D,CAClB,KAAM,gBACN,MAAO,gDACP,KAAM,gBAAA,EAKJlB,EAAS,KAAMsB,GAAMA,EAAE,OAASJ,GAAa,MAAM,GAAK,CACtD,KAAM,GACN,MAAO,GACP,KAAM,MAAA,EAGZ,GAAI,CAAC5B,EAAY,OAAO,KAGxB,KAAM,CAAE,MAAAiC,EAAO,SAAAC,CAAA,EAAaC,EAAAA,wBAAwBtB,EAAcb,CAAU,EAE5E,OACE6B,wBAACO,EAAAA,YACC,SAAAP,EAAAA,kBAAAA,IAACQ,EAAAA,uBAAA,CAAuB,YAAAP,EACtB,SAAAQ,EAAAA,kBAAAA,KAACC,EAAAA,UAAA,CACC,SAAA,CAAAD,yBAACE,EAAAA,OAAA,CACC,SAAA,CAAAX,wBAACY,EAAAA,mBAAkB,WAAAlB,EAAwB,EAC3Ce,yBAACI,EAAAA,QAAA,CACC,SAAA,CAAAb,EAAAA,kBAAAA,IAAC,MAAI,SAAAI,CAAA,CAAM,EACXK,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,YACb,SAAA,CAAAA,yBAAC,OAAA,CAAM,SAAA,CAAAK,EAAAA,WAAW3C,CAAU,EAAE,KAAA,EAAG,EACjC6B,EAAAA,kBAAAA,IAAC,MAAI,SAAAK,CAAA,CAAS,CAAA,CAAA,CAChB,CAAA,CAAA,CACF,CAAA,EACF,EACAI,yBAACM,EAAAA,IAAA,CACC,SAAA,CAAAN,EAAAA,kBAAAA,KAACO,EAAAA,OAAA,CACC,MAAO,CACL,gBAAiBd,GAAe,MAChC,MAAOe,EAAAA,aAAaf,GAAe,KAAK,CAAA,EAG1C,SAAA,CAAAF,EAAAA,kBAAAA,IAACkB,EAAAA,KAAA,CAAK,KAAMhB,EAAc,MAAQ,gBAAiB,MAAO,CAAE,MAAO,SAAA,CAAU,CAAG,EAChFF,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,QAAS,YAAe,IAAA,CAAK,CAAA,CAAA,CAAA,0BAE9CmB,EAAAA,cAAA,CAAc,MAAAvB,EAAc,MAAO,CAAE,cAAe,OAAO,CAAG,CAAA,EACjE,EACAI,wBAACoB,EAAAA,cAAA,CACC,SAAApB,EAAAA,kBAAAA,IAACqB,EAAA,CACC,WAAAlD,EAEA,SAAUa,EACV,cAAee,GAAa,cAC5B,YAAa,CAAA,EAEb,YAAarB,EAAauB,CAAW,EACrC,YAAAA,EACA,SAAU,GACV,MAAA5B,EACA,SAAQ,GAER,SAAAQ,CAAA,CAAA,CACF,CACF,CAAA,CAAA,CACF,EACF,EACF,CAEJ"}
+{"version":3,"file":"DetailsPanelFloating.cjs.js","sources":["../../../../../../../src/containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.tsx"],"sourcesContent":["import { FC, useMemo, useState } from 'react'\nimport * as Styled from './DetailsPanelFloating.styled'\nimport getThumbnails from '../../helpers/getThumbnails'\nimport { StackedThumbnails } from '@shared/components/Thumbnail/StackedThumbnails'\nimport { upperFirst } from 'lodash'\nimport { AssigneeField, getTextColor, Icon } from '@ynput/ayon-react-components'\nimport { PiPWrapper } from '@shared/context/pip'\nimport { ProjectContextProvider } from '@shared/context/ProjectContext'\nimport type { FeedFilter } from '@shared/context/DetailsPanelContext'\nimport { useGetEntitiesDetailsPanelQuery } from '@shared/api'\nimport { useGetKanbanProjectUsersQuery, useGetProjectsInfoQuery } from '@shared/api'\nimport getAllProjectStatuses from '../../helpers/getAllProjectsStatuses'\nimport FeedWrapper from '../../containers/FeedWrapper'\nimport mergeProjectInfo from '../../helpers/mergeProjectInfo'\nimport { buildDetailsPanelTitles } from '../../helpers/buildDetailsPanelTitles'\nimport { useDetailsPanelContext } from '@shared/context/DetailsPanelContext'\n\nexport interface DetailsPanelFloatingProps {}\n\nexport const DetailsPanelFloating: FC<DetailsPanelFloatingProps> = () => {\n  const { pip } = useDetailsPanelContext()\n  const entityType = pip?.entityType\n  const entities = pip?.entities || []\n  const scope = pip?.scope || ''\n  const isOpen = entities.length > 0 && !!entityType\n\n  const projects: string[] = entities.map((e: any) => e.projectName)\n\n  const { data: allUsers = [] } = useGetKanbanProjectUsersQuery({ projects }, { skip: !isOpen })\n\n  const { data: projectsInfo = {}, isFetching: isFetchingInfo } = useGetProjectsInfoQuery(\n    {\n      projects: projects,\n    },\n    { skip: !isOpen },\n  )\n\n  // get all statuses from projects info, removing duplicate names\n  const statuses = useMemo(\n    () => getAllProjectStatuses(projectsInfo, projects),\n    [projectsInfo, projects],\n  )\n\n  const { data: entitiesData = [], isFetching: isFetchingEntitiesDetails } =\n    useGetEntitiesDetailsPanelQuery(\n      // @ts-expect-error\n      { entityType: entityType, entities: entities },\n      {\n        skip: !isOpen || isFetchingInfo,\n      },\n    )\n\n  // reduce projectsInfo to selected projects and into one\n  const projectInfo = useMemo(\n    () => mergeProjectInfo(projectsInfo, projects),\n    [projectsInfo, projects],\n  )\n\n  // build icons for entity types\n  const entityTypeIcons = useMemo(\n    () => ({\n      task: projectInfo.taskTypes\n        .filter((task) => !!task.icon)\n        .reduce((acc, task) => ({ ...acc, [task.name]: task.icon }), {}),\n      folder: projectInfo.folderTypes\n        .filter((folder) => !!folder.icon)\n        .reduce((acc, folder) => ({ ...acc, [folder.name]: folder.icon }), {}),\n      product: projectInfo.productTypes\n        .filter((product) => !!product.icon)\n        .reduce((acc, product) => ({ ...acc, [product.name]: product.icon }), {}),\n    }),\n    [projectInfo],\n  )\n\n  const thumbnails = useMemo(\n    () => (entityType ? getThumbnails(entitiesData, entityType, entityTypeIcons) : []),\n    [entitiesData, entityType],\n  )\n\n  // users for assignee field, find in all users\n  const users = useMemo(() => {\n    return allUsers\n      .filter((u) => entitiesData.some((e) => e?.task?.assignees?.includes(u.name)))\n      .map((u) => ({ ...u, avatarUrl: `/api/users/${u.name}/avatar` }))\n  }, [allUsers, entities])\n\n  const firstEntity = entitiesData[0]\n  if (!entitiesData.length || !firstEntity) return null\n\n  if (isFetchingEntitiesDetails) return <div>Loading...</div>\n\n  const projectName = firstEntity?.projectName\n\n  // are there multiple statuses of different names?\n  const mixedStatuses = entitiesData.some((e) => e?.status !== firstEntity?.status)\n  const mixedStatus = {\n    icon: 'question_mark',\n    color: 'var(--md-sys-color-surface-container-highest)',\n    name: 'Mixed statuses',\n  }\n\n  const statusAnatomy = mixedStatuses\n    ? mixedStatus\n    : statuses.find((s) => s.name === firstEntity?.status) || {\n        icon: '',\n        color: '',\n        name: 'None',\n      }\n\n  if (!entityType) return null\n\n  // Get title and subtitle from the imported function\n  const { title, subTitle } = buildDetailsPanelTitles(entitiesData, entityType)\n\n  return (\n    <PiPWrapper>\n      <ProjectContextProvider projectName={projectName}>\n        <Styled.Container>\n          <Styled.Header>\n            <StackedThumbnails thumbnails={thumbnails} />\n            <Styled.Content>\n              <h2>{title}</h2>\n              <div className=\"sub-title\">\n                <span>{upperFirst(entityType)} - </span>\n                <h3>{subTitle}</h3>\n              </div>\n            </Styled.Content>\n          </Styled.Header>\n          <Styled.Row>\n            <Styled.Status\n              style={{\n                backgroundColor: statusAnatomy?.color,\n                color: getTextColor(statusAnatomy?.color),\n              }}\n            >\n              <Icon icon={statusAnatomy.icon || 'question_mark'} style={{ color: 'inherit' }} />\n              <span className=\"label\">{statusAnatomy?.name}</span>\n            </Styled.Status>\n            <AssigneeField users={users} style={{ pointerEvents: 'none' }} />\n          </Styled.Row>\n          <Styled.FeedContainer>\n            <FeedWrapper\n              entityType={entityType}\n              // @ts-ignore\n              entities={entitiesData}\n              thumbnailHash={firstEntity?.thumbnailHash}\n              activeUsers={[]}\n              // selectedTasksProjects={{}}\n              projectInfo={projectsInfo[projectName]}\n              projectName={projectName}\n              disabled={false}\n              scope={scope}\n              readOnly\n              // @ts-ignore\n              statuses={statuses}\n            />\n          </Styled.FeedContainer>\n        </Styled.Container>\n      </ProjectContextProvider>\n    </PiPWrapper>\n  )\n}\n\nexport default DetailsPanelFloating\n"],"names":["DetailsPanelFloating","pip","useDetailsPanelContext","entityType","entities","scope","isOpen","projects","allUsers","useGetKanbanProjectUsersQuery","projectsInfo","isFetchingInfo","useGetProjectsInfoQuery","statuses","useMemo","getAllProjectStatuses","entitiesData","isFetchingEntitiesDetails","useGetEntitiesDetailsPanelQuery","projectInfo","mergeProjectInfo","entityTypeIcons","task","acc","folder","product","thumbnails","getThumbnails","users","u","e","firstEntity","jsx","projectName","statusAnatomy","s","title","subTitle","buildDetailsPanelTitles","PiPWrapper","ProjectContextProvider","jsxs","Styled.Container","Styled.Header","StackedThumbnails","Styled.Content","upperFirst","Styled.Row","Styled.Status","getTextColor","Icon","AssigneeField","Styled.FeedContainer","FeedWrapper"],"mappings":"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"}

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

@@ -4,7 +4,7 @@ import { Container as v, Header as I, Content as C, Row as S, Status as D, FeedC
 import E from "../../helpers/getThumbnails.es.js";
 import { StackedThumbnails as U } from "../../../../components/Thumbnail/StackedThumbnails.es.js";
 import { upperFirst as A } from "lodash";
-import { Icon as G, getTextColor as H, AssigneeField as Q } from "@ynput/ayon-react-components";
+import { getTextColor as G, Icon as H, AssigneeField as Q } from "@ynput/ayon-react-components";
 import "../../../../context/pip/PiPProvider.es.js";
 import "react-dom";
 import { PiPWrapper as q } from "../../../../context/pip/PiPWrapper.es.js";
@@ -24,6 +24,7 @@ import "../../../../api/generated/configuration.es.js";
 import "../../../../api/generated/dataImport.es.js";
 import "../../../../api/generated/desktop.es.js";
 import "../../../../api/generated/entityLists.es.js";
+import "../../../../api/generated/enums.es.js";
 import "../../../../api/generated/events.es.js";
 import "../../../../api/generated/files.es.js";
 import "../../../../api/generated/folders.es.js";
@@ -49,6 +50,8 @@ import "../../../../api/generated/workfiles.es.js";
 import "../../../../api/generated/ynputCloud.es.js";
 import "../../../../api/generated/grouping.es.js";
 import "../../../../api/generated/views.es.js";
+import "../../../../api/queries/accessGroups/getAccessGroups.es.js";
+import "../../../../api/queries/accessGroups/updateAccessGroups.es.js";
 import "../../../../api/queries/actions/getActions.es.js";
 import "../../../../api/queries/activities/getActivities.es.js";
 import "../../../../api/queries/activities/updateReaction.es.js";
@@ -79,6 +82,7 @@ import "../../../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../../../api/queries/entityLists/listItemsColumnStats.es.js";
 import "../../../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../../../api/queries/entityLists/listFolders.es.js";
+import "../../../../api/queries/enums/getEnums.es.js";
 import "../../../../api/queries/folders/getFolders.es.js";
 import "../../../../api/queries/folders/getFolderDeleteInfo.es.js";
 import "../../../../api/queries/grouping/getGrouping.es.js";
@@ -111,7 +115,7 @@ import w from "../../containers/FeedWrapper.es.js";
 import K from "../../helpers/mergeProjectInfo.es.js";
 import { buildDetailsPanelTitles as L } from "../../helpers/buildDetailsPanelTitles.es.js";
 import { useDetailsPanelContext as $ } from "../../../../context/DetailsPanelContext.es.js";
-const oi = () => {
+const mi = () => {
   const { pip: u } = $(), r = u?.entityType, a = u?.entities || [], x = u?.scope || "", d = a.length > 0 && !!r, m = a.map((t) => t.projectName), { data: h = [] } = R({ projects: m }, { skip: !d }), { data: s = {}, isFetching: y } = W(
     {
       projects: m
@@ -173,10 +177,10 @@ const oi = () => {
         {
           style: {
             backgroundColor: l?.color,
-            color: H(l?.color)
+            color: G(l?.color)
           },
           children: [
-            /* @__PURE__ */ o.jsx(G, { icon: l.icon || "question_mark", style: { color: "inherit" } }),
+            /* @__PURE__ */ o.jsx(H, { icon: l.icon || "question_mark", style: { color: "inherit" } }),
             /* @__PURE__ */ o.jsx("span", { className: "label", children: l?.name })
           ]
         }
@@ -201,6 +205,7 @@ const oi = () => {
   ] }) }) });
 };
 export {
-  oi as DetailsPanelFloating
+  mi as DetailsPanelFloating,
+  mi as default
 };
 //# sourceMappingURL=DetailsPanelFloating.es.js.map

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

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

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

@@ -1,2 +1,2 @@
-"use strict";const s=require("../../../../../../_virtual/jsx-runtime.cjs.js"),l=require("react"),m=require("lodash"),x=require("clsx"),T=require("@ynput/ayon-react-components"),ee=require("../../../../components/EntityPanelUploader/EntityPanelUploader.cjs.js"),re=require("../../../../components/Thumbnail/StackedThumbnails.cjs.js"),se=require("../../../Actions/Actions.cjs.js");require("../../../../api/base/client.cjs.js");require("../../../../api/generated/graphql.cjs.js");require("../../../../api/generated/graphqlLinks.cjs.js");require("../../../../api/generated/access.cjs.js");require("../../../../api/generated/actions.cjs.js");require("../../../../api/generated/activityFeed.cjs.js");require("../../../../api/generated/addons.cjs.js");require("../../../../api/generated/anatomy.cjs.js");require("../../../../api/generated/attributes.cjs.js");require("../../../../api/generated/authentication.cjs.js");require("../../../../api/generated/bundles.cjs.js");require("../../../../api/generated/configuration.cjs.js");require("../../../../api/generated/dataImport.cjs.js");require("../../../../api/generated/desktop.cjs.js");require("../../../../api/generated/entityLists.cjs.js");require("../../../../api/generated/events.cjs.js");require("../../../../api/generated/files.cjs.js");require("../../../../api/generated/folders.cjs.js");require("../../../../api/generated/inbox.cjs.js");require("../../../../api/generated/links.cjs.js");require("../../../../api/generated/market.cjs.js");require("../../../../api/generated/onboarding.cjs.js");require("../../../../api/generated/operations.cjs.js");require("../../../../api/generated/products.cjs.js");require("../../../../api/generated/projectDashboard.cjs.js");require("../../../../api/generated/projects.cjs.js");require("../../../../api/generated/projectFolders.cjs.js");require("../../../../api/generated/reviewables.cjs.js");require("../../../../api/generated/services.cjs.js");require("../../../../api/generated/system.cjs.js");require("../../../../api/generated/tasks.cjs.js");require("../../../../api/generated/teams.cjs.js");require("../../../../api/generated/thumbnails.cjs.js");require("../../../../api/generated/uRIs.cjs.js");require("../../../../api/generated/users.cjs.js");require("../../../../api/generated/versions.cjs.js");require("../../../../api/generated/workfiles.cjs.js");require("../../../../api/generated/ynputCloud.cjs.js");require("../../../../api/generated/grouping.cjs.js");require("../../../../api/generated/views.cjs.js");require("../../../../api/queries/actions/getActions.cjs.js");require("../../../../api/queries/activities/getActivities.cjs.js");require("../../../../api/queries/activities/updateReaction.cjs.js");require("../../../../api/queries/activities/getMentions.cjs.js");require("../../../../api/queries/activities/getCategories.cjs.js");require("../../../../api/queries/addons/getAddons.cjs.js");require("../../../../api/queries/addons/updateAddons.cjs.js");const ie=require("../../../../api/queries/attributes/getAttributes.cjs.js");require("../../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../../api/queries/bundles/getBundles.cjs.js");require("../../../../api/queries/bundles/updateBundles.cjs.js");require("../../../../api/queries/cloud/cloud.cjs.js");require("../../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../../api/queries/columnStats/groupCounts.cjs.js");require("../../../../api/queries/config/getConfig.cjs.js");require("../../../../api/queries/config/updateConfig.cjs.js");require("../../../../api/queries/entities/getEntity.cjs.js");require("../../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../../api/queries/overview/getOverview.cjs.js");require("../../../../api/queries/overview/updateOverview.cjs.js");require("../../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../../api/queries/links/getEntityLinks.cjs.js");require("../../../../api/queries/entities/updateEntity.cjs.js");require("../../../../api/queries/entityLists/getLists.cjs.js");require("../../../../api/queries/entityLists/updateLists.cjs.js");require("../../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../../api/queries/entityLists/listFolders.cjs.js");require("../../../../api/queries/folders/getFolders.cjs.js");require("../../../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../../../api/queries/grouping/getGrouping.cjs.js");require("../../../../api/queries/links/updateLinks.cjs.js");require("../../../../api/queries/links/getLinks.cjs.js");require("../../../../api/queries/permissions/getPermissions.cjs.js");require("../../../../api/queries/products/createProduct.cjs.js");require("../../../../api/queries/products/getFolderProducts.cjs.js");require("../../../../api/queries/project/getProject.cjs.js");require("../../../../api/queries/project/updateProject.cjs.js");require("../../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../../api/queries/review/getReview.cjs.js");require("../../../../api/queries/review/updateReview.cjs.js");require("../../../../api/queries/share/share.cjs.js");require("../../../../api/queries/system/getSystem.cjs.js");require("../../../../api/queries/tasks/getTasks.cjs.js");require("../../../../api/queries/tasks/updateTasks.cjs.js");require("../../../../api/queries/teams/getTeams.cjs.js");require("../../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../../api/queries/users/getUsers.cjs.js");require("../../../../api/queries/users/updateUsers.cjs.js");require("../../../../api/queries/users/guests.cjs.js");require("../../../../api/queries/versions/updateVersions.cjs.js");require("../../../../api/queries/views/getViews.cjs.js");require("../../../../api/queries/views/updateViews.cjs.js");require("../../../../api/queries/watchers/getWatchers.cjs.js");require("../../../../api/queries/uris/getUris.cjs.js");require("react-toastify");const te=require("../../../../util/getPriorityOptions.cjs.js");require("uuid");require("../../../../util/pubsub.cjs.js");const ue=require("../../../../hooks/useScopedStatuses.cjs.js"),ae=require("../../../../hooks/useEntityUpdate.cjs.js"),oe=require("../../../../context/DetailsPanelContext.cjs.js"),ne=require("../DetailsPanelTabs/DetailsPanelTabs.cjs.js"),le=require("./LinkedTaskRow.cjs.js"),n=require("./DetailsPanelHeader.styled.cjs.js"),qe=require("../../helpers/getThumbnails.cjs.js"),ce=require("../../helpers/buildEntityTypeIcons.cjs.js"),de=require("../../helpers/buildDetailsPanelTitles.cjs.js"),me=require("../../../../components/PlayableIcon/PlayableIcon.cjs.js"),xe=({entityType:r,entitySubTypes:C,entities:i=[],disabledAssignees:D=[],users:j=[],disabledStatuses:M,tagsOptions:E=[],isFetching:R,isCompact:c=!1,currentTab:I,onTabChange:O,projectInfo:p,onOpenViewer:U,onEntityFocus:w,thumbnailInputRef:V,versionsInputRef:H})=>{const{useSearchParams:L,useNavigate:G,bundleMode:_}=oe.useDetailsPanelContext(),K=G(),[Q,W]=L(),$=l.useRef(null),b=l.useMemo(()=>ce(p),[p]),g=ue.useScopedStatuses(i.map(e=>e.projectName),[r]),q=l.useMemo(()=>r==="task"?m.union(...i.map(e=>e.task?.assignees||[])):r==="version"?m.union(...i.map(e=>{const t=e.version?.author;return Array.isArray(t)?t:t?[t]:[]})):[],[i,r]);let u=i[0];const a=i.length===0||!u||R;u||(u={parents:[],id:"placeholder",name:"loading...",label:"loading...",entityType:r,status:"loading",projectName:"loading...",tags:[],hasReviewables:!1,attrib:{},createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),path:""});const v=i.length>1?void 0:u?.projectName;i.filter(e=>e.projectName===u?.projectName&&e.id).map(e=>e.id);const{data:z}=ie.useGetAttributeConfigQuery({attributeName:"priority"}),N=te.getPriorityOptions(z,r),f=l.useMemo(()=>qe(i,r,b),[i,r,b]),S=l.useMemo(()=>i.map(e=>e.status),[i]),B=l.useMemo(()=>i.map(e=>e.attrib?.priority),[i]),F=l.useMemo(()=>i.map(e=>e.tags),[i]),J=l.useMemo(()=>E.reduce((e,t)=>(e[t.name]=t,e),{}),[E]),h=i.length>1,{updateEntity:X}=ae.useEntityUpdate({entities:i.map(e=>({id:e.id,projectName:e.projectName,users:e.task?.assignees||[],folderId:e.folder?.id,productId:e.product?.id})),entityType:r}),d=(e,t)=>t==null?console.error("value is null or undefined"):X(e,t),Y=()=>{let e,t=u.id,o=r+"Id";r==="version"&&u.product?.id&&(e=[u.id],t=u.product?.id,o="productId"),t&&U({[o]:t,projectName:v,versionIds:e})},P=(r==="task"||r==="version")&&(q.length>0||r==="task"),k=j.map(e=>e);if(P){const e=j.map(o=>o.name),t=q.filter(o=>!e.includes(o));t.length&&k.push(...t.map(o=>({name:o,fullName:o})))}const{title:Z,subTitle:y}=de.buildDetailsPanelTitles(i,r),A=g?.length!==0&&g?.find(e=>e.name===S[0]);return s.jsxRuntimeExports.jsx(n.HeaderContainer,{children:s.jsxRuntimeExports.jsx(ee.EntityPanelUploader,{entities:i,entityType:r,projectName:v,thumbnailInputRef:V,versionsInputRef:H,onVersionCreated:e=>w?.(e,"version"),children:s.jsxRuntimeExports.jsxs(n.Grid,{className:x("details-panel-header",{isCompact:c}),children:[s.jsxRuntimeExports.jsxs(n.Header,{className:x("titles",{isCompact:c,loading:a},"no-shimmer"),children:[s.jsxRuntimeExports.jsxs("div",{style:{position:"relative"},children:[s.jsxRuntimeExports.jsx(re.StackedThumbnails,{isLoading:a,shimmer:a,thumbnails:f,onClick:f.length===1?Y:void 0,hoverIcon:"play_circle"}),!h&&u?.hasReviewables&&s.jsxRuntimeExports.jsx(me.PlayableIcon,{})]}),s.jsxRuntimeExports.jsxs(n.Content,{className:x({loading:a}),children:[s.jsxRuntimeExports.jsxs(n.Title,{children:[s.jsxRuntimeExports.jsx("h2",{children:Z}),s.jsxRuntimeExports.jsx(n.TagsSelect,{ref:$,value:m.union(...F),tags:J,options:[],editable:!0,editor:!0,onChange:e=>d("tags",e),align:"right",styleDropdown:{display:a?"none":"unset"},className:"tags-select",itemClassName:"details-tag"})]}),s.jsxRuntimeExports.jsxs("div",{className:"sub-title",children:[s.jsxRuntimeExports.jsxs("span",{className:"entity-type",children:[m.upperFirst(r)," - "]}),s.jsxRuntimeExports.jsx("h3",{children:y})]}),r==="version"&&!h&&!a&&u&&s.jsxRuntimeExports.jsx(le,{entity:u,taskTypes:p.taskTypes},u.id)]})]}),s.jsxRuntimeExports.jsx(n.StatusSelect,{value:S,options:g||[],disabledValues:M,invert:!0,style:{maxWidth:"unset"},onChange:e=>d("status",e),className:x("status-select",{loading:a}),align:c?"right":"left",$textColor:T.getTextColor(A!==void 0?A.color:"#OOO")}),!c&&(!P||a?s.jsxRuntimeExports.jsx("div",{}):s.jsxRuntimeExports.jsx(n.AssigneeSelect,{value:q,options:k,disabledValues:D.map(e=>e.name),isMultiple:h&&q.length>1&&r==="task",readOnly:r!=="task",emptyMessage:r==="task"?"Assign user":"",align:"right",onChange:e=>d("assignees",e),className:"assignee-select","data-tooltip":q.length?r==="task"?"Assigned users":"Author":""})),s.jsxRuntimeExports.jsx(se.Actions,{entities:i,entityType:r,entitySubTypes:C,isLoadingEntity:!!R||!!a,searchParams:Q,bundleMode:_,onSetSearchParams:W,onNavigate:K}),N?s.jsxRuntimeExports.jsx(n.PriorityEnumDropdown,{options:N,placeholder:"No priority",value:B,onChange:e=>d("attrib",{priority:e[0]}),align:"right"}):s.jsxRuntimeExports.jsx("div",{style:{height:32}}),s.jsxRuntimeExports.jsx(ne,{entityType:r,currentTab:I,onTabChange:O,isLoading:a})]})})})};module.exports=xe;
+"use strict";const s=require("../../../../../../_virtual/jsx-runtime.cjs.js"),l=require("react"),m=require("lodash"),x=require("clsx"),re=require("@ynput/ayon-react-components"),se=require("../../../../components/EntityPanelUploader/EntityPanelUploader.cjs.js"),ie=require("../../../../components/Thumbnail/StackedThumbnails.cjs.js"),te=require("../../../Actions/Actions.cjs.js");require("../../../../api/base/client.cjs.js");require("../../../../api/generated/graphql.cjs.js");require("../../../../api/generated/graphqlLinks.cjs.js");require("../../../../api/generated/access.cjs.js");require("../../../../api/generated/actions.cjs.js");require("../../../../api/generated/activityFeed.cjs.js");require("../../../../api/generated/addons.cjs.js");require("../../../../api/generated/anatomy.cjs.js");require("../../../../api/generated/attributes.cjs.js");require("../../../../api/generated/authentication.cjs.js");require("../../../../api/generated/bundles.cjs.js");require("../../../../api/generated/configuration.cjs.js");require("../../../../api/generated/dataImport.cjs.js");require("../../../../api/generated/desktop.cjs.js");require("../../../../api/generated/entityLists.cjs.js");require("../../../../api/generated/enums.cjs.js");require("../../../../api/generated/events.cjs.js");require("../../../../api/generated/files.cjs.js");require("../../../../api/generated/folders.cjs.js");require("../../../../api/generated/inbox.cjs.js");require("../../../../api/generated/links.cjs.js");require("../../../../api/generated/market.cjs.js");require("../../../../api/generated/onboarding.cjs.js");require("../../../../api/generated/operations.cjs.js");require("../../../../api/generated/products.cjs.js");require("../../../../api/generated/projectDashboard.cjs.js");require("../../../../api/generated/projects.cjs.js");require("../../../../api/generated/projectFolders.cjs.js");require("../../../../api/generated/reviewables.cjs.js");require("../../../../api/generated/services.cjs.js");require("../../../../api/generated/system.cjs.js");require("../../../../api/generated/tasks.cjs.js");require("../../../../api/generated/teams.cjs.js");require("../../../../api/generated/thumbnails.cjs.js");require("../../../../api/generated/uRIs.cjs.js");require("../../../../api/generated/users.cjs.js");require("../../../../api/generated/versions.cjs.js");require("../../../../api/generated/workfiles.cjs.js");require("../../../../api/generated/ynputCloud.cjs.js");require("../../../../api/generated/grouping.cjs.js");require("../../../../api/generated/views.cjs.js");require("../../../../api/queries/accessGroups/getAccessGroups.cjs.js");require("../../../../api/queries/accessGroups/updateAccessGroups.cjs.js");require("../../../../api/queries/actions/getActions.cjs.js");require("../../../../api/queries/activities/getActivities.cjs.js");require("../../../../api/queries/activities/updateReaction.cjs.js");require("../../../../api/queries/activities/getMentions.cjs.js");require("../../../../api/queries/activities/getCategories.cjs.js");require("../../../../api/queries/addons/getAddons.cjs.js");require("../../../../api/queries/addons/updateAddons.cjs.js");const ue=require("../../../../api/queries/attributes/getAttributes.cjs.js");require("../../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../../api/queries/bundles/getBundles.cjs.js");require("../../../../api/queries/bundles/updateBundles.cjs.js");require("../../../../api/queries/cloud/cloud.cjs.js");require("../../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../../api/queries/columnStats/groupCounts.cjs.js");require("../../../../api/queries/config/getConfig.cjs.js");require("../../../../api/queries/config/updateConfig.cjs.js");require("../../../../api/queries/entities/getEntity.cjs.js");require("../../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../../api/queries/overview/getOverview.cjs.js");require("../../../../api/queries/overview/updateOverview.cjs.js");require("../../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../../api/queries/links/getEntityLinks.cjs.js");require("../../../../api/queries/entities/updateEntity.cjs.js");require("../../../../api/queries/entityLists/getLists.cjs.js");require("../../../../api/queries/entityLists/updateLists.cjs.js");require("../../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../../api/queries/entityLists/listFolders.cjs.js");require("../../../../api/queries/enums/getEnums.cjs.js");require("../../../../api/queries/folders/getFolders.cjs.js");require("../../../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../../../api/queries/grouping/getGrouping.cjs.js");require("../../../../api/queries/links/updateLinks.cjs.js");require("../../../../api/queries/links/getLinks.cjs.js");require("../../../../api/queries/permissions/getPermissions.cjs.js");require("../../../../api/queries/products/createProduct.cjs.js");require("../../../../api/queries/products/getFolderProducts.cjs.js");require("../../../../api/queries/project/getProject.cjs.js");require("../../../../api/queries/project/updateProject.cjs.js");require("../../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../../api/queries/review/getReview.cjs.js");require("../../../../api/queries/review/updateReview.cjs.js");require("../../../../api/queries/share/share.cjs.js");require("../../../../api/queries/system/getSystem.cjs.js");require("../../../../api/queries/tasks/getTasks.cjs.js");require("../../../../api/queries/tasks/updateTasks.cjs.js");require("../../../../api/queries/teams/getTeams.cjs.js");require("../../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../../api/queries/users/getUsers.cjs.js");require("../../../../api/queries/users/updateUsers.cjs.js");require("../../../../api/queries/users/guests.cjs.js");require("../../../../api/queries/versions/updateVersions.cjs.js");require("../../../../api/queries/views/getViews.cjs.js");require("../../../../api/queries/views/updateViews.cjs.js");require("../../../../api/queries/watchers/getWatchers.cjs.js");require("../../../../api/queries/uris/getUris.cjs.js");require("react-toastify");const ae=require("../../../../util/getPriorityOptions.cjs.js");require("uuid");require("../../../../util/searchTerms.cjs.js");require("../../../../util/pubsub.cjs.js");const oe=require("../../../../hooks/useScopedStatuses.cjs.js"),ne=require("../../../../hooks/useEntityUpdate.cjs.js"),le=require("../../../../context/DetailsPanelContext.cjs.js"),qe=require("../DetailsPanelTabs/DetailsPanelTabs.cjs.js"),ce=require("./LinkedTaskRow.cjs.js"),n=require("./DetailsPanelHeader.styled.cjs.js"),de=require("../../helpers/getThumbnails.cjs.js"),me=require("../../helpers/buildEntityTypeIcons.cjs.js"),xe=require("../../helpers/buildDetailsPanelTitles.cjs.js"),pe=require("../../../../components/PlayableIcon/PlayableIcon.cjs.js"),he=({entityType:r,entitySubTypes:D,entities:i=[],disabledAssignees:M=[],users:j=[],disabledStatuses:I,tagsOptions:b=[],isFetching:E,isCompact:c=!1,currentTab:O,onTabChange:U,projectInfo:p,onOpenViewer:w,onEntityFocus:V,thumbnailInputRef:H,versionsInputRef:L})=>{const{useSearchParams:G,useNavigate:_,bundleMode:K}=le.useDetailsPanelContext(),Q=_(),[W,$]=G(),z=l.useRef(null),R=l.useMemo(()=>me(p),[p]),h=oe.useScopedStatuses(i.map(e=>e.projectName),[r]),q=l.useMemo(()=>r==="task"?m.union(...i.map(e=>e.task?.assignees||[])):r==="version"?m.union(...i.map(e=>{const t=e.version?.author;return Array.isArray(t)?t:t?[t]:[]})):[],[i,r]);let u=i[0];const a=i.length===0||!u||E;u||(u={parents:[],id:"placeholder",name:"loading...",label:"loading...",entityType:r,status:"loading",projectName:"loading...",tags:[],hasReviewables:!1,attrib:{},createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),path:""});const v=i.length>1?void 0:u?.projectName;i.filter(e=>e.projectName===u?.projectName&&e.id).map(e=>e.id);const{data:B}=ue.useGetAttributeConfigQuery({attributeName:"priority"}),N=ae.getPriorityOptions(B,r),f=l.useMemo(()=>de(i,r,R),[i,r,R]),P=l.useMemo(()=>i.map(e=>e.status),[i]),F=l.useMemo(()=>i.map(e=>e.attrib?.priority),[i]),J=l.useMemo(()=>i.map(e=>e.tags),[i]),X=l.useMemo(()=>b.reduce((e,t)=>(e[t.name]=t,e),{}),[b]),g=i.length>1,S=!g&&!!u?.hasReviewables,Y=f.length===1,{updateEntity:Z}=ne.useEntityUpdate({entities:i.map(e=>({id:e.id,projectName:e.projectName,users:e.task?.assignees||[],folderId:e.folder?.id,productId:e.product?.id})),entityType:r}),d=(e,t)=>t==null?console.error("value is null or undefined"):Z(e,t),y=()=>{let e,t=u.id,o=r+"Id";r==="version"&&u.product?.id&&(e=[u.id],t=u.product?.id,o="productId"),t&&w({[o]:t,projectName:v,versionIds:e})},k=(r==="task"||r==="version")&&(q.length>0||r==="task"),A=j.map(e=>e);if(k){const e=j.map(o=>o.name),t=q.filter(o=>!e.includes(o));t.length&&A.push(...t.map(o=>({name:o,fullName:o})))}const{title:T,subTitle:ee}=xe.buildDetailsPanelTitles(i,r),C=h?.length!==0&&h?.find(e=>e.name===P[0]);return s.jsxRuntimeExports.jsx(n.HeaderContainer,{children:s.jsxRuntimeExports.jsx(se.EntityPanelUploader,{entities:i,entityType:r,projectName:v,thumbnailInputRef:H,versionsInputRef:L,onVersionCreated:e=>V?.(e,"version"),children:s.jsxRuntimeExports.jsxs(n.Grid,{className:x("details-panel-header",{isCompact:c}),children:[s.jsxRuntimeExports.jsxs(n.Header,{className:x("titles",{isCompact:c,loading:a},"no-shimmer"),children:[s.jsxRuntimeExports.jsxs("div",{style:{position:"relative"},children:[s.jsxRuntimeExports.jsx(ie.StackedThumbnails,{isLoading:a,shimmer:a,thumbnails:f,onClick:Y?y:void 0,hoverIcon:S?"play_circle":void 0}),S&&s.jsxRuntimeExports.jsx(pe.PlayableIcon,{})]}),s.jsxRuntimeExports.jsxs(n.Content,{className:x({loading:a}),children:[s.jsxRuntimeExports.jsxs(n.Title,{children:[s.jsxRuntimeExports.jsx("h2",{children:T}),s.jsxRuntimeExports.jsx(n.TagsSelect,{ref:z,value:m.union(...J),tags:X,options:[],editable:!0,editor:!0,onChange:e=>d("tags",e),align:"right",styleDropdown:{display:a?"none":"unset"},className:"tags-select",itemClassName:"details-tag"})]}),s.jsxRuntimeExports.jsxs("div",{className:"sub-title",children:[s.jsxRuntimeExports.jsxs("span",{className:"entity-type",children:[m.upperFirst(r)," - "]}),s.jsxRuntimeExports.jsx("h3",{children:ee})]}),r==="version"&&!g&&!a&&u&&s.jsxRuntimeExports.jsx(ce,{entity:u,taskTypes:p.taskTypes},u.id)]})]}),s.jsxRuntimeExports.jsx(n.StatusSelect,{value:P,options:h||[],disabledValues:I,invert:!0,style:{maxWidth:"unset"},onChange:e=>d("status",e),className:x("status-select",{loading:a}),align:c?"right":"left",$textColor:re.getTextColor(C!==void 0?C.color:"#OOO")}),!c&&(!k||a?s.jsxRuntimeExports.jsx("div",{}):s.jsxRuntimeExports.jsx(n.AssigneeSelect,{value:q,options:A,disabledValues:M.map(e=>e.name),isMultiple:g&&q.length>1&&r==="task",readOnly:r!=="task",emptyMessage:r==="task"?"Assign user":"",align:"right",onChange:e=>d("assignees",e),className:"assignee-select","data-tooltip":q.length?r==="task"?"Assigned users":"Author":""})),s.jsxRuntimeExports.jsx(te.Actions,{entities:i,entityType:r,entitySubTypes:D,isLoadingEntity:!!E||!!a,searchParams:W,bundleMode:K,onSetSearchParams:$,onNavigate:Q}),N?s.jsxRuntimeExports.jsx(n.PriorityEnumDropdown,{options:N,placeholder:"No priority",value:F,onChange:e=>d("attrib",{priority:e[0]}),align:"right"}):s.jsxRuntimeExports.jsx("div",{style:{height:32}}),s.jsxRuntimeExports.jsx(qe,{entityType:r,currentTab:O,onTabChange:U,isLoading:a})]})})})};module.exports=he;
 //# sourceMappingURL=DetailsPanelHeader.cjs.js.map