@ynput/ayon-frontend-shared 0.2.35 → 0.2.36

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

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

@@ -1,4 +1,4 @@
-"use strict";const e=require("../../../../../_virtual/jsx-runtime.cjs.js"),t=require("styled-components"),d=require("../../RepresentationsList/RepresentationsList.cjs.js");require("@ynput/ayon-react-components");require("clsx");require("../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("react-toastify");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/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/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/updateActivities.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/cloud/cloud.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.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/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.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/links/getEntityLinks.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.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/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");const x=require("../../../components/ReviewablesList/ReviewablesList.cjs.js");require("react");require("../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");require("../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                      */require("react-dom");require("../../Feed/context/FeedContext.cjs.js");require("../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("lodash");require("uuid");require("../../../util/pubsub.cjs.js");require("../../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../Feed/components/CommentInput/CommentInput.cjs.js");require("../../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");require("../../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../Feed/components/ActivityDate.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../Feed/Feed.styled.cjs.js");require("date-fns");require("../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../ProjectTreeTable/ProjectTreeTable.cjs.js");require("../../ProjectTreeTable/context/CellEditingContext.cjs.js");require("@tanstack/react-table");require("../../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../../components/LinksManager/CellEditingDialog.cjs.js");require("../../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../../components/LinksManager/LinksManager.styled.cjs.js");require("../../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../ProjectTreeTable/components/SelectionCell.cjs.js");require("../../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../DetailsPanel.styled.cjs.js");require("../FeedFilters/FeedFilters.styled.cjs.js");require("../DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../Actions/Actions.styled.cjs.js");require("../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../Actions/ActionIcon.cjs.js");require("../../Views/context/ViewsContext.cjs.js");require("../../Views/Views.styled.cjs.js");require("../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../components/Watchers/Watchers.cjs.js");require("../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../components/Powerpack/PricingLink.cjs.js");require("../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../components/Powerpack/CTAButton.cjs.js");require("../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../components/AttributeEditor/components/MinMaxField.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../components/SearchFilter/filterDates.cjs.js");require("../../../components/Badge/Badge.cjs.js");require("../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../../../components/Feedback/FeedbackContext.cjs.js");require("../../../components/Feedback/SupportBubble.cjs.js");require("../../../components/Chips/Chips.cjs.js");require("../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../../components/StyledLink/StyledLink.cjs.js");require("../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../components/AccessUser/AccessUser.cjs.js");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");const a=t.div`
+"use strict";const e=require("../../../../../_virtual/jsx-runtime.cjs.js"),t=require("styled-components"),d=require("../../RepresentationsList/RepresentationsList.cjs.js");require("@ynput/ayon-react-components");require("clsx");require("../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("react-toastify");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/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/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/updateActivities.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/cloud/cloud.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.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/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.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/links/getEntityLinks.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/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.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/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");const x=require("../../../components/ReviewablesList/ReviewablesList.cjs.js");require("react");require("../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");require("../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                      */require("react-dom");require("../../Feed/context/FeedContext.cjs.js");require("../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("lodash");require("uuid");require("../../../util/pubsub.cjs.js");require("../../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../Feed/components/CommentInput/CommentInput.cjs.js");require("../../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");require("../../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../Feed/components/ActivityDate.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../Feed/Feed.styled.cjs.js");require("date-fns");require("../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../ProjectTreeTable/ProjectTreeTable.cjs.js");require("../../ProjectTreeTable/context/CellEditingContext.cjs.js");require("short-uuid");require("@tanstack/react-table");require("../../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../../components/LinksManager/CellEditingDialog.cjs.js");require("../../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../../components/LinksManager/LinksManager.styled.cjs.js");require("../../ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../ProjectTreeTable/components/SelectionCell.cjs.js");require("../../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../DetailsPanel.styled.cjs.js");require("../FeedFilters/FeedFilters.styled.cjs.js");require("../DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../Actions/Actions.styled.cjs.js");require("../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../Actions/ActionIcon.cjs.js");require("../../Views/context/ViewsContext.cjs.js");require("../../Views/Views.styled.cjs.js");require("../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../components/Watchers/Watchers.cjs.js");require("../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../components/Powerpack/PricingLink.cjs.js");require("../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../components/Powerpack/CTAButton.cjs.js");require("../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../components/SizeSlider/SizeSlider.cjs.js");require("../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../components/AttributeEditor/components/MinMaxField.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../components/SearchFilter/filterDates.cjs.js");require("../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../components/Badge/Badge.cjs.js");require("../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../../../components/Feedback/FeedbackContext.cjs.js");require("../../../components/Feedback/SupportBubble.cjs.js");require("../../../components/Chips/Chips.cjs.js");require("../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../../components/StyledLink/StyledLink.cjs.js");require("../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../components/AccessUser/AccessUser.cjs.js");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../components/SortingSetting/SortingSetting.styled.cjs.js");require("../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../components/LegacyBadge/LegacyBadge.cjs.js");const a=t.div`
   display: flex;
   flex-direction: column;
 

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

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelFiles.cjs.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.tsx"],"sourcesContent":["import { FC } from 'react'\nimport styled from 'styled-components'\nimport { RepresentationsList } from '@shared/containers/RepresentationsList'\nimport { ReviewablesList } from '@shared/components'\nimport { DetailsPanelEntityData } from '@shared/api'\n\nconst StyledContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n\n  height: 100%;\n  overflow: hidden;\n`\n\nconst StyledSection = styled.div`\n  position: relative;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n  overflow: hidden;\n\n  padding: var(--padding-m);\n  overflow: auto;\n\n  &:first-child {\n    border-bottom: 1px solid var(--md-sys-color-outline-variant);\n  }\n`\n\ninterface DetailsPanelFilesProps {\n  entities: DetailsPanelEntityData[]\n  scope: string\n  isLoadingVersion: boolean\n}\n\nconst DetailsPanelFiles: FC<DetailsPanelFilesProps> = ({\n  entities = [],\n  scope,\n  isLoadingVersion,\n}) => {\n  const firstVersion = entities[0]\n\n  if (!firstVersion) return null\n\n  let reviewablesTitle = 'Reviewables'\n  if (entities.length > 1) reviewablesTitle += ` (${firstVersion.name})`\n  if (entities.some((e) => e.entityType !== 'version')) return null\n\n  return (\n    <StyledContainer>\n      <StyledSection>\n        <h4>{reviewablesTitle}</h4>\n        <ReviewablesList\n          projectName={firstVersion.projectName}\n          // @ts-expect-error - entityType is a version and will have a product\n          productId={firstVersion.product?.id}\n          versionId={firstVersion.id}\n          isLoadingVersion={isLoadingVersion}\n          scope={scope}\n        />\n      </StyledSection>\n      <StyledSection>\n        <h4>Representations</h4>\n        <RepresentationsList entities={entities} />\n      </StyledSection>\n    </StyledContainer>\n  )\n}\n\nexport default DetailsPanelFiles\n"],"names":["StyledContainer","styled","StyledSection","DetailsPanelFiles","entities","scope","isLoadingVersion","firstVersion","reviewablesTitle","e","jsxs","jsx","ReviewablesList","_a","RepresentationsList"],"mappings":"0laAMA,MAAMA,EAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQzBC,EAAgBD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBvBE,EAAgD,CAAC,CACrD,SAAAC,EAAW,CAAC,EACZ,MAAAC,EACA,iBAAAC,CACF,IAAM,OACE,MAAAC,EAAeH,EAAS,CAAC,EAE3B,GAAA,CAACG,EAAqB,OAAA,KAE1B,IAAIC,EAAmB,cAEnB,OADAJ,EAAS,OAAS,IAAuBI,GAAA,KAAKD,EAAa,IAAI,KAC/DH,EAAS,KAAMK,GAAMA,EAAE,aAAe,SAAS,EAAU,8BAG1DT,EACC,CAAA,SAAA,CAAAU,yBAACR,EACC,CAAA,SAAA,CAAAS,EAAAA,kBAAAA,IAAC,MAAI,SAAiBH,CAAA,CAAA,EACtBG,EAAA,kBAAA,IAACC,EAAA,CACC,YAAaL,EAAa,YAE1B,WAAWM,EAAAN,EAAa,UAAb,YAAAM,EAAsB,GACjC,UAAWN,EAAa,GACxB,iBAAAD,EACA,MAAAD,CAAA,CAAA,CACF,EACF,2BACCH,EACC,CAAA,SAAA,CAAAS,EAAAA,kBAAAA,IAAC,MAAG,SAAe,iBAAA,CAAA,EACnBA,wBAACG,EAAAA,qBAAoB,SAAAV,CAAoB,CAAA,CAAA,CAC3C,CAAA,CAAA,EACF,CAEJ"}
+{"version":3,"file":"DetailsPanelFiles.cjs.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.tsx"],"sourcesContent":["import { FC } from 'react'\nimport styled from 'styled-components'\nimport { RepresentationsList } from '@shared/containers/RepresentationsList'\nimport { ReviewablesList } from '@shared/components'\nimport { DetailsPanelEntityData } from '@shared/api'\n\nconst StyledContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n\n  height: 100%;\n  overflow: hidden;\n`\n\nconst StyledSection = styled.div`\n  position: relative;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n  overflow: hidden;\n\n  padding: var(--padding-m);\n  overflow: auto;\n\n  &:first-child {\n    border-bottom: 1px solid var(--md-sys-color-outline-variant);\n  }\n`\n\ninterface DetailsPanelFilesProps {\n  entities: DetailsPanelEntityData[]\n  scope: string\n  isLoadingVersion: boolean\n}\n\nconst DetailsPanelFiles: FC<DetailsPanelFilesProps> = ({\n  entities = [],\n  scope,\n  isLoadingVersion,\n}) => {\n  const firstVersion = entities[0]\n\n  if (!firstVersion) return null\n\n  let reviewablesTitle = 'Reviewables'\n  if (entities.length > 1) reviewablesTitle += ` (${firstVersion.name})`\n  if (entities.some((e) => e.entityType !== 'version')) return null\n\n  return (\n    <StyledContainer>\n      <StyledSection>\n        <h4>{reviewablesTitle}</h4>\n        <ReviewablesList\n          projectName={firstVersion.projectName}\n          // @ts-expect-error - entityType is a version and will have a product\n          productId={firstVersion.product?.id}\n          versionId={firstVersion.id}\n          isLoadingVersion={isLoadingVersion}\n          scope={scope}\n        />\n      </StyledSection>\n      <StyledSection>\n        <h4>Representations</h4>\n        <RepresentationsList entities={entities} />\n      </StyledSection>\n    </StyledContainer>\n  )\n}\n\nexport default DetailsPanelFiles\n"],"names":["StyledContainer","styled","StyledSection","DetailsPanelFiles","entities","scope","isLoadingVersion","firstVersion","reviewablesTitle","e","jsxs","jsx","ReviewablesList","_a","RepresentationsList"],"mappings":"ysbAMA,MAAMA,EAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQzBC,EAAgBD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBvBE,EAAgD,CAAC,CACrD,SAAAC,EAAW,CAAC,EACZ,MAAAC,EACA,iBAAAC,CACF,IAAM,OACE,MAAAC,EAAeH,EAAS,CAAC,EAE3B,GAAA,CAACG,EAAqB,OAAA,KAE1B,IAAIC,EAAmB,cAEnB,OADAJ,EAAS,OAAS,IAAuBI,GAAA,KAAKD,EAAa,IAAI,KAC/DH,EAAS,KAAMK,GAAMA,EAAE,aAAe,SAAS,EAAU,8BAG1DT,EACC,CAAA,SAAA,CAAAU,yBAACR,EACC,CAAA,SAAA,CAAAS,EAAAA,kBAAAA,IAAC,MAAI,SAAiBH,CAAA,CAAA,EACtBG,EAAA,kBAAA,IAACC,EAAA,CACC,YAAaL,EAAa,YAE1B,WAAWM,EAAAN,EAAa,UAAb,YAAAM,EAAsB,GACjC,UAAWN,EAAa,GACxB,iBAAAD,EACA,MAAAD,CAAA,CAAA,CACF,EACF,2BACCH,EACC,CAAA,SAAA,CAAAS,EAAAA,kBAAAA,IAAC,MAAG,SAAe,iBAAA,CAAA,EACnBA,wBAACG,EAAAA,qBAAoB,SAAAV,CAAoB,CAAA,CAAA,CAC3C,CAAA,CAAA,EACF,CAEJ"}

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

@@ -72,6 +72,7 @@ import "../../../api/queries/links/getLinks.es.js";
 import "../../../api/queries/links/getEntityLinks.es.js";
 import "../../../api/queries/overview/getOverview.es.js";
 import "../../../api/queries/overview/updateOverview.es.js";
+import "../../../api/queries/versions/getVersionsProducts.es.js";
 import "../../../api/queries/permissions/getPermissions.es.js";
 import "../../../api/queries/products/createProduct.es.js";
 import "../../../api/queries/project/getProject.es.js";
@@ -148,6 +149,7 @@ import "../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.j
 import "../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
 import "../../ProjectTreeTable/ProjectTreeTable.es.js";
 import "../../ProjectTreeTable/context/CellEditingContext.es.js";
+import "short-uuid";
 import "@tanstack/react-table";
 import "../../ProjectTreeTable/widgets/CollapsedWidget.es.js";
 import "../../ProjectTreeTable/widgets/DateWidget.es.js";
@@ -162,6 +164,8 @@ import "../../../components/LinksManager/CellEditingDialog.es.js";
 import "../../ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
 import "../../ProjectTreeTable/context/SelectedRowsContext.es.js";
 import "../../../components/LinksManager/LinksManager.styled.es.js";
+import "../../ProjectTreeTable/widgets/EmptyWidget.es.js";
+import "../../ProjectTreeTable/widgets/ErrorWidget.es.js";
 import "../../ProjectTreeTable/ProjectTreeTable.styled.es.js";
 import "../../ProjectTreeTable/components/SelectionCell.es.js";
 import "../../ProjectTreeTable/components/RowSelectionHeader.es.js";
@@ -207,6 +211,7 @@ import "../../../components/Powerpack/PricingLink.es.js";
 import "../../../components/Powerpack/PowerpackDialog.styled.es.js";
 import "../../../components/Powerpack/CTAButton.es.js";
 import "../../../components/Powerpack/RequiredAddonVersion.es.js";
+import "../../../components/SizeSlider/SizeSlider.es.js";
 import "../../../components/SettingsPanel/SettingsPanel.es.js";
 import "../../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
 import "../../../components/AttributeEditor/components/MinMaxField.es.js";
@@ -214,6 +219,7 @@ import "@dnd-kit/core";
 import "@dnd-kit/sortable";
 import "../../../components/EnumEditor/EnumEditor.styled.es.js";
 import "../../../components/SearchFilter/filterDates.es.js";
+import "../../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
 import "../../../components/Badge/Badge.es.js";
 import "../../../components/VersionUploader/components/UploadVersionDialog.es.js";
 import "../../../components/VersionUploader/context/VersionUploadContext.es.js";
@@ -226,6 +232,10 @@ import "../../../components/ShareOptionIcon/ShareOptionIcon.es.js";
 import "../../../components/AccessUser/AccessUser.es.js";
 import "../../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
 import "../../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
+import "../../../components/TableGridSwitch/TableGridSwitch.es.js";
+import "../../../components/SortingSetting/SortingSetting.styled.es.js";
+import "../../../components/EarlyPreview/EarlyPreview.es.js";
+import "../../../components/LegacyBadge/LegacyBadge.es.js";
 const c = e.div`
   display: flex;
   flex-direction: column;
@@ -246,7 +256,7 @@ const c = e.div`
   &:first-child {
     border-bottom: 1px solid var(--md-sys-color-outline-variant);
   }
-`, Lt = ({
+`, kt = ({
   entities: o = [],
   scope: l,
   isLoadingVersion: s
@@ -276,6 +286,6 @@ const c = e.div`
   ] });
 };
 export {
-  Lt as default
+  kt as default
 };
 //# sourceMappingURL=DetailsPanelFiles.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelFiles.es.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.tsx"],"sourcesContent":["import { FC } from 'react'\nimport styled from 'styled-components'\nimport { RepresentationsList } from '@shared/containers/RepresentationsList'\nimport { ReviewablesList } from '@shared/components'\nimport { DetailsPanelEntityData } from '@shared/api'\n\nconst StyledContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n\n  height: 100%;\n  overflow: hidden;\n`\n\nconst StyledSection = styled.div`\n  position: relative;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n  overflow: hidden;\n\n  padding: var(--padding-m);\n  overflow: auto;\n\n  &:first-child {\n    border-bottom: 1px solid var(--md-sys-color-outline-variant);\n  }\n`\n\ninterface DetailsPanelFilesProps {\n  entities: DetailsPanelEntityData[]\n  scope: string\n  isLoadingVersion: boolean\n}\n\nconst DetailsPanelFiles: FC<DetailsPanelFilesProps> = ({\n  entities = [],\n  scope,\n  isLoadingVersion,\n}) => {\n  const firstVersion = entities[0]\n\n  if (!firstVersion) return null\n\n  let reviewablesTitle = 'Reviewables'\n  if (entities.length > 1) reviewablesTitle += ` (${firstVersion.name})`\n  if (entities.some((e) => e.entityType !== 'version')) return null\n\n  return (\n    <StyledContainer>\n      <StyledSection>\n        <h4>{reviewablesTitle}</h4>\n        <ReviewablesList\n          projectName={firstVersion.projectName}\n          // @ts-expect-error - entityType is a version and will have a product\n          productId={firstVersion.product?.id}\n          versionId={firstVersion.id}\n          isLoadingVersion={isLoadingVersion}\n          scope={scope}\n        />\n      </StyledSection>\n      <StyledSection>\n        <h4>Representations</h4>\n        <RepresentationsList entities={entities} />\n      </StyledSection>\n    </StyledContainer>\n  )\n}\n\nexport default DetailsPanelFiles\n"],"names":["StyledContainer","styled","StyledSection","DetailsPanelFiles","entities","scope","isLoadingVersion","firstVersion","reviewablesTitle","e","jsxs","jsx","ReviewablesList","_a","RepresentationsList"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAMA,IAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQzBC,IAAgBD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAsBvBE,KAAgD,CAAC;AAAA,EACrD,UAAAC,IAAW,CAAC;AAAA,EACZ,OAAAC;AAAA,EACA,kBAAAC;AACF,MAAM;;AACE,QAAAC,IAAeH,EAAS,CAAC;AAE3B,MAAA,CAACG,EAAqB,QAAA;AAE1B,MAAIC,IAAmB;AAEnB,SADAJ,EAAS,SAAS,MAAuBI,KAAA,KAAKD,EAAa,IAAI,MAC/DH,EAAS,KAAK,CAACK,MAAMA,EAAE,eAAe,SAAS,IAAU,8BAG1DT,GACC,EAAA,UAAA;AAAA,IAAAU,gBAAAA,OAACR,GACC,EAAA,UAAA;AAAA,MAAAS,gBAAAA,EAAAA,IAAC,QAAI,UAAiBH,EAAA,CAAA;AAAA,MACtBG,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,aAAaL,EAAa;AAAA,UAE1B,YAAWM,IAAAN,EAAa,YAAb,gBAAAM,EAAsB;AAAA,UACjC,WAAWN,EAAa;AAAA,UACxB,kBAAAD;AAAA,UACA,OAAAD;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,GACF;AAAA,2BACCH,GACC,EAAA,UAAA;AAAA,MAAAS,gBAAAA,EAAAA,IAAC,QAAG,UAAe,kBAAA,CAAA;AAAA,MACnBA,gBAAAA,MAACG,KAAoB,UAAAV,EAAoB,CAAA;AAAA,IAAA,EAC3C,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"DetailsPanelFiles.es.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.tsx"],"sourcesContent":["import { FC } from 'react'\nimport styled from 'styled-components'\nimport { RepresentationsList } from '@shared/containers/RepresentationsList'\nimport { ReviewablesList } from '@shared/components'\nimport { DetailsPanelEntityData } from '@shared/api'\n\nconst StyledContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n\n  height: 100%;\n  overflow: hidden;\n`\n\nconst StyledSection = styled.div`\n  position: relative;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n  overflow: hidden;\n\n  padding: var(--padding-m);\n  overflow: auto;\n\n  &:first-child {\n    border-bottom: 1px solid var(--md-sys-color-outline-variant);\n  }\n`\n\ninterface DetailsPanelFilesProps {\n  entities: DetailsPanelEntityData[]\n  scope: string\n  isLoadingVersion: boolean\n}\n\nconst DetailsPanelFiles: FC<DetailsPanelFilesProps> = ({\n  entities = [],\n  scope,\n  isLoadingVersion,\n}) => {\n  const firstVersion = entities[0]\n\n  if (!firstVersion) return null\n\n  let reviewablesTitle = 'Reviewables'\n  if (entities.length > 1) reviewablesTitle += ` (${firstVersion.name})`\n  if (entities.some((e) => e.entityType !== 'version')) return null\n\n  return (\n    <StyledContainer>\n      <StyledSection>\n        <h4>{reviewablesTitle}</h4>\n        <ReviewablesList\n          projectName={firstVersion.projectName}\n          // @ts-expect-error - entityType is a version and will have a product\n          productId={firstVersion.product?.id}\n          versionId={firstVersion.id}\n          isLoadingVersion={isLoadingVersion}\n          scope={scope}\n        />\n      </StyledSection>\n      <StyledSection>\n        <h4>Representations</h4>\n        <RepresentationsList entities={entities} />\n      </StyledSection>\n    </StyledContainer>\n  )\n}\n\nexport default DetailsPanelFiles\n"],"names":["StyledContainer","styled","StyledSection","DetailsPanelFiles","entities","scope","isLoadingVersion","firstVersion","reviewablesTitle","e","jsxs","jsx","ReviewablesList","_a","RepresentationsList"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAMA,IAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQzBC,IAAgBD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAsBvBE,KAAgD,CAAC;AAAA,EACrD,UAAAC,IAAW,CAAC;AAAA,EACZ,OAAAC;AAAA,EACA,kBAAAC;AACF,MAAM;;AACE,QAAAC,IAAeH,EAAS,CAAC;AAE3B,MAAA,CAACG,EAAqB,QAAA;AAE1B,MAAIC,IAAmB;AAEnB,SADAJ,EAAS,SAAS,MAAuBI,KAAA,KAAKD,EAAa,IAAI,MAC/DH,EAAS,KAAK,CAACK,MAAMA,EAAE,eAAe,SAAS,IAAU,8BAG1DT,GACC,EAAA,UAAA;AAAA,IAAAU,gBAAAA,OAACR,GACC,EAAA,UAAA;AAAA,MAAAS,gBAAAA,EAAAA,IAAC,QAAI,UAAiBH,EAAA,CAAA;AAAA,MACtBG,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,aAAaL,EAAa;AAAA,UAE1B,YAAWM,IAAAN,EAAa,YAAb,gBAAAM,EAAsB;AAAA,UACjC,WAAWN,EAAa;AAAA,UACxB,kBAAAD;AAAA,UACA,OAAAD;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,GACF;AAAA,2BACCH,GACC,EAAA,UAAA;AAAA,MAAAS,gBAAAA,EAAAA,IAAC,QAAG,UAAe,kBAAA,CAAA;AAAA,MACnBA,gBAAAA,MAACG,KAAoB,UAAAV,EAAoB,CAAA;AAAA,IAAA,EAC3C,CAAA;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../../../../_virtual/jsx-runtime.cjs.js"),l=require("react"),c=require("./DetailsPanelFloating.styled.cjs.js"),I=require("../helpers/getThumbnails.cjs.js"),P=require("@ynput/ayon-react-components");require("clsx");require("../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("react-toastify");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/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/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/updateActivities.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/cloud/cloud.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");const M=require("../../../api/queries/entities/getEntityPanel.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/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.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/links/getEntityLinks.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.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");const b=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("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                      */const C=require("../../../util/productTypes.cjs.js"),N=require("lodash");require("uuid");require("../../../util/pubsub.cjs.js");require("../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");require("../../../context/RemoteModulesContext.cjs.js");const U=require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("react-dom");const _=require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");require("../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../components/Thumbnail/Thumbnail.styled.cjs.js");const O=require("../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../Feed/context/FeedContext.cjs.js");require("../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../Feed/components/CommentInput/CommentInput.cjs.js");require("../../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../Feed/components/ActivityDate.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../Feed/Feed.styled.cjs.js");require("date-fns");require("../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../ProjectTreeTable/ProjectTreeTable.cjs.js");require("../../ProjectTreeTable/context/CellEditingContext.cjs.js");require("@tanstack/react-table");require("../../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../../components/LinksManager/CellEditingDialog.cjs.js");require("../../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../../components/LinksManager/LinksManager.styled.cjs.js");require("../../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../ProjectTreeTable/components/SelectionCell.cjs.js");require("../../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../DetailsPanel.styled.cjs.js");require("../FeedFilters/FeedFilters.styled.cjs.js");require("../DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");const G=require("../helpers/buildDetailsPanelTitles.cjs.js");require("../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../DetailsPanelFiles/DetailsPanelFiles.cjs.js");const Q=require("../helpers/getAllProjectsStatuses.cjs.js"),W=require("../FeedWrapper.cjs.js"),w=require("../helpers/mergeProjectInfo.cjs.js");require("../DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../Actions/Actions.styled.cjs.js");require("../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../Actions/ActionIcon.cjs.js");require("../../Views/context/ViewsContext.cjs.js");require("../../Views/Views.styled.cjs.js");require("../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../components/Watchers/Watchers.cjs.js");require("../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../components/Powerpack/PricingLink.cjs.js");require("../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../components/Powerpack/CTAButton.cjs.js");require("../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../components/AttributeEditor/components/MinMaxField.cjs.js");require("../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../components/SearchFilter/filterDates.cjs.js");require("../../../components/Badge/Badge.cjs.js");require("../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../../../components/Feedback/FeedbackContext.cjs.js");require("../../../components/Feedback/SupportBubble.cjs.js");require("../../../components/Chips/Chips.cjs.js");require("../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../../components/StyledLink/StyledLink.cjs.js");require("../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../components/AccessUser/AccessUser.cjs.js");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");const E=()=>{const{pip:q}=U.useDetailsPanelContext(),s=q==null?void 0:q.entityType,x=(q==null?void 0:q.entities)||[],f=(q==null?void 0:q.scope)||"",m=x.length>0&&!!s,o=x.map(e=>e.projectName),{data:p=[]}=b.useGetKanbanProjectUsersQuery({projects:o},{skip:!m}),{data:a={},isFetching:T}=b.useGetProjectsInfoQuery({projects:o},{skip:!m}),h=l.useMemo(()=>Q(a,o),[a,o]),{data:t=[],isFetching:y}=M.useGetEntitiesDetailsPanelQuery({entityType:s,entities:x},{skip:!m||T}),j=l.useMemo(()=>w(a,o),[a,o]),D=l.useMemo(()=>({task:j.taskTypes.filter(e=>!!e.icon).reduce((e,i)=>({...e,[i.name]:i.icon}),{}),folder:j.folderTypes.filter(e=>!!e.icon).reduce((e,i)=>({...e,[i.name]:i.icon}),{}),product:Object.entries(C).reduce((e,[i,d])=>({...e,[i]:d.icon}),{})}),[j]),F=l.useMemo(()=>s?I(t,s,D):[],[t,s]),k=l.useMemo(()=>p.filter(e=>t.some(i=>{var d,R;return(R=(d=i==null?void 0:i.task)==null?void 0:d.assignees)==null?void 0:R.includes(e.name)})).map(e=>({...e,avatarUrl:`/api/users/${e.name}/avatar`})),[p,x]),u=t[0];if(!t.length||!u)return null;if(y)return r.jsxRuntimeExports.jsx("div",{children:"Loading..."});const g=u==null?void 0:u.projectName,n=t.some(e=>(e==null?void 0:e.status)!==(u==null?void 0:u.status))?{icon:"question_mark",color:"var(--md-sys-color-surface-container-highest)",name:"Mixed statuses"}:h.find(e=>e.name===(u==null?void 0:u.status))||{icon:"",color:"",name:"None"};if(!s)return null;const{title:S,subTitle:v}=G.buildDetailsPanelTitles(t,s);return r.jsxRuntimeExports.jsx(_.PiPWrapper,{children:r.jsxRuntimeExports.jsxs(c.Container,{children:[r.jsxRuntimeExports.jsxs(c.Header,{children:[r.jsxRuntimeExports.jsx(O.StackedThumbnails,{thumbnails:F}),r.jsxRuntimeExports.jsxs(c.Content,{children:[r.jsxRuntimeExports.jsx("h2",{children:S}),r.jsxRuntimeExports.jsxs("div",{className:"sub-title",children:[r.jsxRuntimeExports.jsxs("span",{children:[N.upperFirst(s)," - "]}),r.jsxRuntimeExports.jsx("h3",{children:v})]})]})]}),r.jsxRuntimeExports.jsxs(c.Row,{children:[r.jsxRuntimeExports.jsxs(c.Status,{style:{backgroundColor:n==null?void 0:n.color},children:[r.jsxRuntimeExports.jsx(P.Icon,{icon:n.icon||"question_mark"}),r.jsxRuntimeExports.jsx("span",{className:"label",children:n==null?void 0:n.name})]}),r.jsxRuntimeExports.jsx(P.AssigneeField,{users:k,style:{pointerEvents:"none"}})]}),r.jsxRuntimeExports.jsx(c.FeedContainer,{children:r.jsxRuntimeExports.jsx(W,{entityType:s,entities:t,activeUsers:[],projectInfo:a[g],projectName:g,disabled:!1,scope:f,readOnly:!0,statuses:h})})]})})};exports.DetailsPanelFloating=E;exports.default=E;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../../../../_virtual/jsx-runtime.cjs.js"),l=require("react"),c=require("./DetailsPanelFloating.styled.cjs.js"),C=require("../helpers/getThumbnails.cjs.js"),p=require("@ynput/ayon-react-components");require("clsx");require("../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("react-toastify");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/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/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/updateActivities.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/cloud/cloud.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");const I=require("../../../api/queries/entities/getEntityPanel.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/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.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/links/getEntityLinks.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/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.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");const b=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("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                      */const M=require("../../../util/productTypes.cjs.js"),N=require("lodash");require("uuid");require("../../../util/pubsub.cjs.js");require("../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");require("../../../context/RemoteModulesContext.cjs.js");const U=require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("react-dom");const _=require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");require("../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../components/Thumbnail/Thumbnail.styled.cjs.js");const O=require("../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../Feed/context/FeedContext.cjs.js");require("../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../Feed/components/CommentInput/CommentInput.cjs.js");require("../../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../Feed/components/ActivityDate.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../Feed/Feed.styled.cjs.js");require("date-fns");require("../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../ProjectTreeTable/ProjectTreeTable.cjs.js");require("../../ProjectTreeTable/context/CellEditingContext.cjs.js");require("short-uuid");require("@tanstack/react-table");require("../../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../../components/LinksManager/CellEditingDialog.cjs.js");require("../../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../../components/LinksManager/LinksManager.styled.cjs.js");require("../../ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../ProjectTreeTable/components/SelectionCell.cjs.js");require("../../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../DetailsPanel.styled.cjs.js");require("../FeedFilters/FeedFilters.styled.cjs.js");require("../DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");const G=require("../helpers/buildDetailsPanelTitles.cjs.js");require("../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../DetailsPanelFiles/DetailsPanelFiles.cjs.js");const Q=require("../helpers/getAllProjectsStatuses.cjs.js"),W=require("../FeedWrapper.cjs.js"),w=require("../helpers/mergeProjectInfo.cjs.js");require("../DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../Actions/Actions.styled.cjs.js");require("../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../Actions/ActionIcon.cjs.js");require("../../Views/context/ViewsContext.cjs.js");require("../../Views/Views.styled.cjs.js");require("../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../components/Watchers/Watchers.cjs.js");require("../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../components/Powerpack/PricingLink.cjs.js");require("../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../components/Powerpack/CTAButton.cjs.js");require("../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../components/SizeSlider/SizeSlider.cjs.js");require("../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../components/AttributeEditor/components/MinMaxField.cjs.js");require("../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../components/SearchFilter/filterDates.cjs.js");require("../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../components/Badge/Badge.cjs.js");require("../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../../../components/Feedback/FeedbackContext.cjs.js");require("../../../components/Feedback/SupportBubble.cjs.js");require("../../../components/Chips/Chips.cjs.js");require("../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../../components/StyledLink/StyledLink.cjs.js");require("../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../components/AccessUser/AccessUser.cjs.js");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../components/SortingSetting/SortingSetting.styled.cjs.js");require("../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../components/LegacyBadge/LegacyBadge.cjs.js");const E=()=>{const{pip:s}=U.useDetailsPanelContext(),t=s==null?void 0:s.entityType,x=(s==null?void 0:s.entities)||[],T=(s==null?void 0:s.scope)||"",m=x.length>0&&!!t,o=x.map(e=>e.projectName),{data:h=[]}=b.useGetKanbanProjectUsersQuery({projects:o},{skip:!m}),{data:a={},isFetching:f}=b.useGetProjectsInfoQuery({projects:o},{skip:!m}),g=l.useMemo(()=>Q(a,o),[a,o]),{data:n=[],isFetching:y}=I.useGetEntitiesDetailsPanelQuery({entityType:t,entities:x},{skip:!m||f}),j=l.useMemo(()=>w(a,o),[a,o]),D=l.useMemo(()=>({task:j.taskTypes.filter(e=>!!e.icon).reduce((e,i)=>({...e,[i.name]:i.icon}),{}),folder:j.folderTypes.filter(e=>!!e.icon).reduce((e,i)=>({...e,[i.name]:i.icon}),{}),product:Object.entries(M).reduce((e,[i,d])=>({...e,[i]:d.icon}),{})}),[j]),F=l.useMemo(()=>t?C(n,t,D):[],[n,t]),k=l.useMemo(()=>h.filter(e=>n.some(i=>{var d,P;return(P=(d=i==null?void 0:i.task)==null?void 0:d.assignees)==null?void 0:P.includes(e.name)})).map(e=>({...e,avatarUrl:`/api/users/${e.name}/avatar`})),[h,x]),u=n[0];if(!n.length||!u)return null;if(y)return r.jsxRuntimeExports.jsx("div",{children:"Loading..."});const R=u==null?void 0:u.projectName,q=n.some(e=>(e==null?void 0:e.status)!==(u==null?void 0:u.status))?{icon:"question_mark",color:"var(--md-sys-color-surface-container-highest)",name:"Mixed statuses"}:g.find(e=>e.name===(u==null?void 0:u.status))||{icon:"",color:"",name:"None"};if(!t)return null;const{title:S,subTitle:v}=G.buildDetailsPanelTitles(n,t);return r.jsxRuntimeExports.jsx(_.PiPWrapper,{children:r.jsxRuntimeExports.jsxs(c.Container,{children:[r.jsxRuntimeExports.jsxs(c.Header,{children:[r.jsxRuntimeExports.jsx(O.StackedThumbnails,{thumbnails:F}),r.jsxRuntimeExports.jsxs(c.Content,{children:[r.jsxRuntimeExports.jsx("h2",{children:S}),r.jsxRuntimeExports.jsxs("div",{className:"sub-title",children:[r.jsxRuntimeExports.jsxs("span",{children:[N.upperFirst(t)," - "]}),r.jsxRuntimeExports.jsx("h3",{children:v})]})]})]}),r.jsxRuntimeExports.jsxs(c.Row,{children:[r.jsxRuntimeExports.jsxs(c.Status,{style:{backgroundColor:q==null?void 0:q.color,color:p.getTextColor(q==null?void 0:q.color)},children:[r.jsxRuntimeExports.jsx(p.Icon,{icon:q.icon||"question_mark",style:{color:"inherit"}}),r.jsxRuntimeExports.jsx("span",{className:"label",children:q==null?void 0:q.name})]}),r.jsxRuntimeExports.jsx(p.AssigneeField,{users:k,style:{pointerEvents:"none"}})]}),r.jsxRuntimeExports.jsx(c.FeedContainer,{children:r.jsxRuntimeExports.jsx(W,{entityType:t,entities:n,activeUsers:[],projectInfo:a[R],projectName:R,disabled:!1,scope:T,readOnly:!0,statuses:g})})]})})};exports.DetailsPanelFloating=E;exports.default=E;
 //# sourceMappingURL=DetailsPanelFloating.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelFloating.cjs.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.tsx"],"sourcesContent":["import { FC, useMemo } from 'react'\nimport * as Styled from './DetailsPanelFloating.styled'\nimport getThumbnails from '../helpers/getThumbnails'\nimport { StackedThumbnails } from '@shared/components'\nimport { upperFirst } from 'lodash'\nimport { AssigneeField, Icon } from '@ynput/ayon-react-components'\nimport { PiPWrapper, usePowerpack } from '@shared/context'\nimport { useGetEntitiesDetailsPanelQuery } from '@shared/api'\nimport { useGetKanbanProjectUsersQuery, useGetProjectsInfoQuery } from '@shared/api'\nimport getAllProjectStatuses from '../helpers/getAllProjectsStatuses'\nimport FeedWrapper from '../FeedWrapper'\nimport mergeProjectInfo from '../helpers/mergeProjectInfo'\nimport { buildDetailsPanelTitles } from '../helpers/buildDetailsPanelTitles'\nimport { productTypes } from '@shared/util'\nimport { useDetailsPanelContext } from '@shared/context'\n\nexport interface DetailsPanelFloatingProps {}\n\nexport const DetailsPanelFloating: FC<DetailsPanelFloatingProps> = () => {\n  const { pip } = useDetailsPanelContext()\n  const entityType = pip?.entityType\n  const entities = pip?.entities || []\n  const scope = pip?.scope || ''\n  const isOpen = entities.length > 0 && !!entityType\n\n  const projects: string[] = entities.map((e: any) => e.projectName)\n\n  const { data: allUsers = [] } = useGetKanbanProjectUsersQuery({ projects }, { skip: !isOpen })\n\n  const { data: projectsInfo = {}, isFetching: isFetchingInfo } = useGetProjectsInfoQuery(\n    {\n      projects: projects,\n    },\n    { skip: !isOpen },\n  )\n\n  // get all statuses from projects info, removing duplicate names\n  const statuses = useMemo(\n    () => getAllProjectStatuses(projectsInfo, projects),\n    [projectsInfo, projects],\n  )\n\n  const { data: entitiesData = [], isFetching: isFetchingEntitiesDetails } =\n    useGetEntitiesDetailsPanelQuery(\n      // @ts-expect-error\n      { entityType: entityType, entities: entities },\n      {\n        skip: !isOpen || isFetchingInfo,\n      },\n    )\n\n  // reduce projectsInfo to selected projects and into one\n  const projectInfo = useMemo(\n    () => mergeProjectInfo(projectsInfo, projects),\n    [projectsInfo, projects],\n  )\n\n  // build icons for entity types\n  const entityTypeIcons = useMemo(\n    () => ({\n      task: projectInfo.taskTypes\n        .filter((task) => !!task.icon)\n        .reduce((acc, task) => ({ ...acc, [task.name]: task.icon }), {}),\n      folder: projectInfo.folderTypes\n        .filter((folder) => !!folder.icon)\n        .reduce((acc, folder) => ({ ...acc, [folder.name]: folder.icon }), {}),\n      product: Object.entries(productTypes).reduce(\n        (acc, [key, product]) => ({ ...acc, [key]: product.icon }),\n        {},\n      ),\n    }),\n    [projectInfo],\n  )\n\n  const thumbnails = useMemo(\n    () => (entityType ? getThumbnails(entitiesData, entityType, entityTypeIcons) : []),\n    [entitiesData, entityType],\n  )\n\n  // users for assignee field, find in all users\n  const users = useMemo(() => {\n    return allUsers\n      .filter((u) => entitiesData.some((e) => e?.task?.assignees?.includes(u.name)))\n      .map((u) => ({ ...u, avatarUrl: `/api/users/${u.name}/avatar` }))\n  }, [allUsers, entities])\n\n  const firstEntity = entitiesData[0]\n  if (!entitiesData.length || !firstEntity) return null\n\n  if (isFetchingEntitiesDetails) return <div>Loading...</div>\n\n  const projectName = firstEntity?.projectName\n\n  // are there multiple statuses of different names?\n  const mixedStatuses = entitiesData.some((e) => e?.status !== firstEntity?.status)\n  const mixedStatus = {\n    icon: 'question_mark',\n    color: 'var(--md-sys-color-surface-container-highest)',\n    name: 'Mixed statuses',\n  }\n\n  const statusAnatomy = mixedStatuses\n    ? mixedStatus\n    : statuses.find((s) => s.name === firstEntity?.status) || {\n        icon: '',\n        color: '',\n        name: 'None',\n      }\n\n  if (!entityType) return null\n\n  // Get title and subtitle from the imported function\n  const { title, subTitle } = buildDetailsPanelTitles(entitiesData, entityType)\n\n  return (\n    <PiPWrapper>\n      <Styled.Container>\n        <Styled.Header>\n          <StackedThumbnails thumbnails={thumbnails} />\n          <Styled.Content>\n            <h2>{title}</h2>\n            <div className=\"sub-title\">\n              <span>{upperFirst(entityType)} - </span>\n              <h3>{subTitle}</h3>\n            </div>\n          </Styled.Content>\n        </Styled.Header>\n        <Styled.Row>\n          <Styled.Status style={{ backgroundColor: statusAnatomy?.color }}>\n            {<Icon icon={statusAnatomy.icon || 'question_mark'} />}\n            <span className=\"label\">{statusAnatomy?.name}</span>\n          </Styled.Status>\n          <AssigneeField users={users} style={{ pointerEvents: 'none' }} />\n        </Styled.Row>\n        <Styled.FeedContainer>\n          <FeedWrapper\n            entityType={entityType}\n            // @ts-ignore\n            entities={entitiesData}\n            activeUsers={[]}\n            // selectedTasksProjects={{}}\n            projectInfo={projectsInfo[projectName]}\n            projectName={projectName}\n            disabled={false}\n            scope={scope}\n            readOnly\n            // @ts-ignore\n            statuses={statuses}\n          />\n        </Styled.FeedContainer>\n      </Styled.Container>\n    </PiPWrapper>\n  )\n}\n\nexport default DetailsPanelFloating\n"],"names":["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","productTypes","key","product","thumbnails","getThumbnails","users","u","e","_b","_a","firstEntity","jsx","projectName","statusAnatomy","s","title","subTitle","buildDetailsPanelTitles","PiPWrapper","jsxs","Styled.Container","Styled.Header","StackedThumbnails","Styled.Content","upperFirst","Styled.Row","Styled.Status","Icon","AssigneeField","Styled.FeedContainer","FeedWrapper"],"mappings":"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"}
+{"version":3,"file":"DetailsPanelFloating.cjs.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.tsx"],"sourcesContent":["import { FC, useMemo } from 'react'\nimport * as Styled from './DetailsPanelFloating.styled'\nimport getThumbnails from '../helpers/getThumbnails'\nimport { StackedThumbnails } from '@shared/components'\nimport { upperFirst } from 'lodash'\nimport { AssigneeField, getTextColor, Icon } from '@ynput/ayon-react-components'\nimport { PiPWrapper, usePowerpack } from '@shared/context'\nimport { useGetEntitiesDetailsPanelQuery } from '@shared/api'\nimport { useGetKanbanProjectUsersQuery, useGetProjectsInfoQuery } from '@shared/api'\nimport getAllProjectStatuses from '../helpers/getAllProjectsStatuses'\nimport FeedWrapper from '../FeedWrapper'\nimport mergeProjectInfo from '../helpers/mergeProjectInfo'\nimport { buildDetailsPanelTitles } from '../helpers/buildDetailsPanelTitles'\nimport { productTypes} from '@shared/util'\nimport { useDetailsPanelContext } from '@shared/context'\n\nexport interface DetailsPanelFloatingProps {}\n\nexport const DetailsPanelFloating: FC<DetailsPanelFloatingProps> = () => {\n  const { pip } = useDetailsPanelContext()\n  const entityType = pip?.entityType\n  const entities = pip?.entities || []\n  const scope = pip?.scope || ''\n  const isOpen = entities.length > 0 && !!entityType\n\n  const projects: string[] = entities.map((e: any) => e.projectName)\n\n  const { data: allUsers = [] } = useGetKanbanProjectUsersQuery({ projects }, { skip: !isOpen })\n\n  const { data: projectsInfo = {}, isFetching: isFetchingInfo } = useGetProjectsInfoQuery(\n    {\n      projects: projects,\n    },\n    { skip: !isOpen },\n  )\n\n  // get all statuses from projects info, removing duplicate names\n  const statuses = useMemo(\n    () => getAllProjectStatuses(projectsInfo, projects),\n    [projectsInfo, projects],\n  )\n\n  const { data: entitiesData = [], isFetching: isFetchingEntitiesDetails } =\n    useGetEntitiesDetailsPanelQuery(\n      // @ts-expect-error\n      { entityType: entityType, entities: entities },\n      {\n        skip: !isOpen || isFetchingInfo,\n      },\n    )\n\n  // reduce projectsInfo to selected projects and into one\n  const projectInfo = useMemo(\n    () => mergeProjectInfo(projectsInfo, projects),\n    [projectsInfo, projects],\n  )\n\n  // build icons for entity types\n  const entityTypeIcons = useMemo(\n    () => ({\n      task: projectInfo.taskTypes\n        .filter((task) => !!task.icon)\n        .reduce((acc, task) => ({ ...acc, [task.name]: task.icon }), {}),\n      folder: projectInfo.folderTypes\n        .filter((folder) => !!folder.icon)\n        .reduce((acc, folder) => ({ ...acc, [folder.name]: folder.icon }), {}),\n      product: Object.entries(productTypes).reduce(\n        (acc, [key, product]) => ({ ...acc, [key]: product.icon }),\n        {},\n      ),\n    }),\n    [projectInfo],\n  )\n\n  const thumbnails = useMemo(\n    () => (entityType ? getThumbnails(entitiesData, entityType, entityTypeIcons) : []),\n    [entitiesData, entityType],\n  )\n\n  // users for assignee field, find in all users\n  const users = useMemo(() => {\n    return allUsers\n      .filter((u) => entitiesData.some((e) => e?.task?.assignees?.includes(u.name)))\n      .map((u) => ({ ...u, avatarUrl: `/api/users/${u.name}/avatar` }))\n  }, [allUsers, entities])\n\n  const firstEntity = entitiesData[0]\n  if (!entitiesData.length || !firstEntity) return null\n\n  if (isFetchingEntitiesDetails) return <div>Loading...</div>\n\n  const projectName = firstEntity?.projectName\n\n  // are there multiple statuses of different names?\n  const mixedStatuses = entitiesData.some((e) => e?.status !== firstEntity?.status)\n  const mixedStatus = {\n    icon: 'question_mark',\n    color: 'var(--md-sys-color-surface-container-highest)',\n    name: 'Mixed statuses',\n  }\n\n  const statusAnatomy = mixedStatuses\n    ? mixedStatus\n    : statuses.find((s) => s.name === firstEntity?.status) || {\n        icon: '',\n        color: '',\n        name: 'None',\n      }\n\n  if (!entityType) return null\n\n  // Get title and subtitle from the imported function\n  const { title, subTitle } = buildDetailsPanelTitles(entitiesData, entityType)\n\n  return (\n    <PiPWrapper>\n      <Styled.Container>\n        <Styled.Header>\n          <StackedThumbnails thumbnails={thumbnails} />\n          <Styled.Content>\n            <h2>{title}</h2>\n            <div className=\"sub-title\">\n              <span>{upperFirst(entityType)} - </span>\n              <h3>{subTitle}</h3>\n            </div>\n          </Styled.Content>\n        </Styled.Header>\n        <Styled.Row>\n          <Styled.Status style={{ backgroundColor: statusAnatomy?.color, color: getTextColor(statusAnatomy?.color) }}>\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            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    </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","productTypes","key","product","thumbnails","getThumbnails","users","u","e","_b","_a","firstEntity","jsx","projectName","statusAnatomy","s","title","subTitle","buildDetailsPanelTitles","PiPWrapper","jsxs","Styled.Container","Styled.Header","StackedThumbnails","Styled.Content","upperFirst","Styled.Row","Styled.Status","getTextColor","Icon","AssigneeField","Styled.FeedContainer","FeedWrapper"],"mappings":"ukcAkBO,MAAMA,EAAsD,IAAM,CACjE,KAAA,CAAE,IAAAC,CAAI,EAAIC,yBAAuB,EACjCC,EAAaF,GAAA,YAAAA,EAAK,WAClBG,GAAWH,GAAA,YAAAA,EAAK,WAAY,CAAC,EAC7BI,GAAQJ,GAAA,YAAAA,EAAK,QAAS,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,CAAI,EAAA,WAAYC,GAAmBC,EAAA,wBAC9D,CACE,SAAAL,CACF,EACA,CAAE,KAAM,CAACD,CAAO,CAClB,EAGMO,EAAWC,EAAA,QACf,IAAMC,EAAsBL,EAAcH,CAAQ,EAClD,CAACG,EAAcH,CAAQ,CACzB,EAEM,CAAE,KAAMS,EAAe,CAAI,EAAA,WAAYC,GAC3CC,EAAA,gCAEE,CAAE,WAAAf,EAAwB,SAAAC,CAAmB,EAC7C,CACE,KAAM,CAACE,GAAUK,CAAA,CAErB,EAGIQ,EAAcL,EAAA,QAClB,IAAMM,EAAiBV,EAAcH,CAAQ,EAC7C,CAACG,EAAcH,CAAQ,CACzB,EAGMc,EAAkBP,EAAA,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,QAAS,OAAO,QAAQC,CAAY,EAAE,OACpC,CAACF,EAAK,CAACG,EAAKC,CAAO,KAAO,CAAE,GAAGJ,EAAK,CAACG,CAAG,EAAGC,EAAQ,OACnD,CAAA,CAAC,CACH,GAEF,CAACR,CAAW,CACd,EAEMS,EAAad,EAAA,QACjB,IAAOX,EAAa0B,EAAcb,EAAcb,EAAYkB,CAAe,EAAI,CAAC,EAChF,CAACL,EAAcb,CAAU,CAC3B,EAGM2B,EAAQhB,EAAAA,QAAQ,IACbN,EACJ,OAAQuB,GAAMf,EAAa,KAAMgB,GAAA,SAAM,OAAAC,GAAAC,EAAAF,GAAA,YAAAA,EAAG,OAAH,YAAAE,EAAS,YAAT,YAAAD,EAAoB,SAASF,EAAE,MAAK,CAAC,EAC5E,IAAKA,IAAO,CAAE,GAAGA,EAAG,UAAW,cAAcA,EAAE,IAAI,SAAY,EAAA,EACjE,CAACvB,EAAUJ,CAAQ,CAAC,EAEjB+B,EAAcnB,EAAa,CAAC,EAClC,GAAI,CAACA,EAAa,QAAU,CAACmB,EAAoB,OAAA,KAEjD,GAAIlB,EAA2B,OAAQmB,EAAA,kBAAA,IAAA,MAAA,CAAI,SAAU,aAAA,EAErD,MAAMC,EAAcF,GAAA,YAAAA,EAAa,YAU3BG,EAPgBtB,EAAa,KAAM,IAAM,iBAAG,WAAWmB,GAAA,YAAAA,EAAa,OAAM,EAC5D,CAClB,KAAM,gBACN,MAAO,gDACP,KAAM,gBACR,EAIItB,EAAS,KAAM0B,GAAMA,EAAE,QAASJ,GAAA,YAAAA,EAAa,OAAM,GAAK,CACtD,KAAM,GACN,MAAO,GACP,KAAM,MACR,EAEA,GAAA,CAAChC,EAAmB,OAAA,KAGxB,KAAM,CAAE,MAAAqC,EAAO,SAAAC,CAAA,EAAaC,EAAAA,wBAAwB1B,EAAcb,CAAU,EAE5E,OACGiC,EAAAA,kBAAAA,IAAAO,EAAAA,WAAA,CACC,SAACC,EAAAA,kBAAAA,KAAAC,EAAAA,UAAA,CACC,SAAA,CAACD,yBAAAE,EAAAA,OAAA,CACC,SAAA,CAAAV,wBAACW,EAAAA,mBAAkB,WAAAnB,EAAwB,EAC3CgB,yBAACI,EAAAA,QAAA,CACC,SAAA,CAAAZ,EAAAA,kBAAAA,IAAC,MAAI,SAAMI,CAAA,CAAA,EACXI,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,YACb,SAAA,CAAAA,yBAAC,OAAM,CAAA,SAAA,CAAAK,EAAAA,WAAW9C,CAAU,EAAE,KAAA,EAAG,EACjCiC,EAAAA,kBAAAA,IAAC,MAAI,SAASK,CAAA,CAAA,CAAA,CAChB,CAAA,CAAA,CACF,CAAA,CAAA,EACF,EACAG,yBAACM,EAAAA,IAAA,CACC,SAAA,CAAAN,EAAAA,kBAAAA,KAACO,EAAAA,OAAA,CAAc,MAAO,CAAE,gBAAiBb,GAAA,YAAAA,EAAe,MAAO,MAAOc,EAAAA,aAAad,GAAA,YAAAA,EAAe,KAAK,GACrG,SAAA,CAACF,EAAAA,kBAAAA,IAAAiB,EAAA,KAAA,CAAK,KAAMf,EAAc,MAAQ,gBAAiB,MAAO,CAAE,MAAO,SAAa,CAAA,CAAA,EAC/EF,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAU,QAAS,0BAAe,IAAK,CAAA,CAAA,EAC/C,0BACCkB,EAAc,cAAA,CAAA,MAAAxB,EAAc,MAAO,CAAE,cAAe,OAAU,CAAA,CAAA,EACjE,EACAM,wBAACmB,EAAAA,cAAA,CACC,SAAAnB,EAAA,kBAAA,IAACoB,EAAA,CACC,WAAArD,EAEA,SAAUa,EACV,YAAa,CAAC,EAEd,YAAaN,EAAa2B,CAAW,EACrC,YAAAA,EACA,SAAU,GACV,MAAAhC,EACA,SAAQ,GAER,SAAAQ,CAAA,CAAA,CAEJ,CAAA,CAAA,CAAA,CACF,CACF,CAAA,CAEJ"}