@ynput/ayon-frontend-shared 0.2.38 → 0.2.40

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

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanel.es.js","sources":["../../../../../src/containers/DetailsPanel/DetailsPanel.tsx"],"sourcesContent":["import { Button } from '@ynput/ayon-react-components'\nimport React, { useEffect, useMemo, useRef } from 'react'\nimport * as Styled from './DetailsPanel.styled'\n\n// shared\nimport { useGetEntitiesDetailsPanelQuery, detailsPanelEntityTypes } from '@shared/api'\nimport type { Tag, DetailsPanelEntityType } from '@shared/api'\nimport { DetailsPanelDetails, EntityPath, Watchers } from '@shared/components'\nimport { usePiPWindow } from '@shared/context/pip/PiPProvider'\nimport {\n  ProjectContextProvider,\n  ProjectModelWithProducts,\n  useDetailsPanelContext,\n  useScopedDetailsPanel,\n} from '@shared/context'\n\nimport DetailsPanelHeader from './DetailsPanelHeader/DetailsPanelHeader'\nimport DetailsPanelFiles from './DetailsPanelFiles'\nimport useGetEntityPath from './hooks/useGetEntityPath'\nimport getAllProjectStatuses from './helpers/getAllProjectsStatuses'\nimport FeedWrapper from './FeedWrapper'\nimport FeedContextWrapper from './FeedContextWrapper'\nimport mergeProjectInfo from './helpers/mergeProjectInfo'\n\nexport const entitiesWithoutFeed = ['product', 'representation']\n\ntype User = { avatarUrl: string; name: string; fullName?: string }\n\nexport type DetailsPanelProps = {\n  entityType: DetailsPanelEntityType\n  entitySubTypes?: string[] // used to get actions before the entity has loaded\n  entitiesData?: { id: string; label: string; type: DetailsPanelEntityType }[]\n  entities?: { id: string; projectName: string }[]\n  tagsOptions?: Tag[]\n  disabledStatuses?: string[]\n  projectUsers?: User[]\n  disabledProjectUsers?: string[]\n  activeProjectUsers?: string[]\n  projectsInfo?: Record<string, ProjectModelWithProducts>\n  projectNames?: string[]\n  isSlideOut?: boolean\n  style?: React.CSSProperties\n  scope: string\n  isCompact?: boolean\n  onClose?: () => void\n  onWatchersUpdate?: (added: any[], removed: any[]) => void\n  onOpenViewer?: (entity: any) => void\n  onEntityFocus?: (id: string, entityType: DetailsPanelEntityType) => void\n  onOpen?: () => void\n  // annotations\n  annotations?: any\n  removeAnnotation?: (id: string) => void\n  exportAnnotationComposite?: (id: string) => Promise<Blob | null>\n  entityListId?: string\n  guestCategories?: Record<string, string> // only used for guests to find if they have access to any categories\n  // optional tab state for independent tab management\n}\n\nexport const DetailsPanel = ({\n  entityType,\n  entitySubTypes = [],\n  // entities is data we already have from kanban\n  entitiesData = [],\n  // entityIds are used to get the full details data for the entities\n  entities = [],\n  tagsOptions = [],\n  disabledStatuses,\n  projectUsers,\n  disabledProjectUsers,\n  activeProjectUsers,\n  projectsInfo = {},\n  projectNames = [],\n  isSlideOut = false,\n  style = {},\n  scope,\n  isCompact = false,\n  onClose,\n  onWatchersUpdate,\n  onOpenViewer,\n  onEntityFocus,\n  onOpen,\n  // annotations\n  annotations,\n  removeAnnotation,\n  exportAnnotationComposite,\n  entityListId,\n  guestCategories = {},\n}: // optional tab state for independent tab management\nDetailsPanelProps) => {\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: projectInfo.productTypes\n        .filter((product) => !!product.icon)\n        .reduce((acc, product) => ({ ...acc, [product.name]: product.icon }), {}),\n    }),\n    [projectInfo],\n  )\n\n  // check if tab needs to be updated when entity type changes\n  // for example when switching from version to task, task doesn't have reps tab\n  // if reps tab was selected, set default to feed\n  useEffect(() => {\n    if (currentTab === 'files') {\n      // check entity type is still version\n      if (activeEntityType !== 'version') {\n        setTab('activity')\n      }\n    }\n  }, [activeEntityType, currentTab, scope])\n\n  // now we get the full details data for selected entities\n  let entitiesToQuery = activeEntities.length\n    ? activeEntities.map((entity) => ({ id: entity.id, projectName: entity.projectName }))\n    : // @ts-expect-error = not sure what's going on with 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        <ProjectContextProvider projectName={firstProject}>\n          {isFeed && !isError && (\n            <FeedWrapper\n              entityType={activeEntityType}\n              entities={entityDetailsData}\n              activeUsers={activeProjectUsers || []}\n              projectInfo={firstProjectInfo}\n              projectName={firstProject}\n              disabled={!isCommentingEnabled()}\n              scope={scope}\n              statuses={allStatuses}\n              readOnly={false}\n              entityListId={entityListId}\n              annotations={annotations}\n              removeAnnotation={removeAnnotation}\n              exportAnnotationComposite={exportAnnotationComposite}\n              currentTab={currentTab}\n              setCurrentTab={setTab}\n            />\n          )}\n          {currentTab === 'files' && (\n            <DetailsPanelFiles\n              entities={entityDetailsData}\n              scope={scope}\n              isLoadingVersion={isFetchingEntitiesDetails}\n            />\n          )}\n          {currentTab === 'details' && (\n            <FeedContextWrapper\n              entityType={activeEntityType}\n              entities={entityDetailsData}\n              activeUsers={activeProjectUsers || []}\n              projectInfo={firstProjectInfo}\n              projectName={firstProject}\n              disabled={!isCommentingEnabled()}\n              scope={scope}\n              statuses={allStatuses}\n              readOnly={false}\n              annotations={annotations}\n              removeAnnotation={removeAnnotation}\n              exportAnnotationComposite={exportAnnotationComposite}\n            >\n              <DetailsPanelDetails\n                entities={entityDetailsData}\n                isLoading={isFetchingEntitiesDetails}\n              />\n            </FeedContextWrapper>\n          )}\n        </ProjectContextProvider>\n      </Styled.Panel>\n    </>\n  )\n}\n"],"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","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","ProjectContextProvider","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 { useSearchParams } from 'react-router-dom'\nimport useDetailsPanelURLSync from './hooks/useDetailsPanelURLSync'\nimport * as Styled from './DetailsPanel.styled'\n\n// shared\nimport { useGetEntitiesDetailsPanelQuery, detailsPanelEntityTypes } from '@shared/api'\nimport type { Tag, DetailsPanelEntityType, DetailsPanelEntityData } from '@shared/api'\nimport { DetailsPanelDetails, EntityPath, Watchers } from '@shared/components'\nimport { usePiPWindow } from '@shared/context/pip/PiPProvider'\nimport { extractEntityHierarchyFromParents } from '@shared/util'\nimport {\n  ProjectContextProvider,\n  ProjectModelWithProducts,\n  useDetailsPanelContext,\n  useScopedDetailsPanel,\n  useURIContext,\n} from '@shared/context'\n\nimport DetailsPanelHeader from './DetailsPanelHeader/DetailsPanelHeader'\nimport DetailsPanelFiles from './DetailsPanelFiles'\nimport useGetEntityPath from './hooks/useGetEntityPath'\nimport getAllProjectStatuses from './helpers/getAllProjectsStatuses'\nimport FeedWrapper from './FeedWrapper'\nimport FeedContextWrapper from './FeedContextWrapper'\nimport mergeProjectInfo from './helpers/mergeProjectInfo'\n\nexport const entitiesWithoutFeed = ['product', 'representation']\n\ntype User = { avatarUrl: string; name: string; fullName?: string }\n\nexport type DetailsPanelProps = {\n  entityType: DetailsPanelEntityType\n  entitySubTypes?: string[] // used to get actions before the entity has loaded\n  entitiesData?: { id: string; label: string; type: DetailsPanelEntityType }[]\n  entities?: { id: string; projectName: string }[]\n  tagsOptions?: Tag[]\n  disabledStatuses?: string[]\n  projectUsers?: User[]\n  disabledProjectUsers?: string[]\n  activeProjectUsers?: string[]\n  projectsInfo?: Record<string, ProjectModelWithProducts>\n  projectNames?: string[]\n  isSlideOut?: boolean\n  style?: React.CSSProperties\n  scope: string\n  isCompact?: boolean\n  onClose?: () => void\n  onWatchersUpdate?: (added: any[], removed: any[]) => void\n  onOpenViewer?: (entity: any) => void\n  onEntityFocus?: (id: string, entityType: DetailsPanelEntityType) => void\n  onOpen?: () => void\n  onUriOpen?: (entity: DetailsPanelEntityData) => void\n  // annotations\n  annotations?: any\n  removeAnnotation?: (id: string) => void\n  exportAnnotationComposite?: (id: string) => Promise<Blob | null>\n  entityListId?: string\n  guestCategories?: Record<string, string> // only used for guests to find if they have access to any categories\n  // optional tab state for independent tab management\n}\n\nconst DetailsPanelInner = ({\n  entityType,\n  entitySubTypes = [],\n  // entities is data we already have from kanban\n  entitiesData = [],\n  // entityIds are used to get the full details data for the entities\n  entities = [],\n  tagsOptions = [],\n  disabledStatuses,\n  projectUsers,\n  disabledProjectUsers,\n  activeProjectUsers,\n  projectsInfo = {},\n  projectNames = [],\n  isSlideOut = false,\n  style = {},\n  scope,\n  isCompact = false,\n  onClose,\n  onWatchersUpdate,\n  onOpenViewer,\n  onEntityFocus,\n  onOpen,\n  onUriOpen, // when the details panel is opened from uri\n  // annotations\n  annotations,\n  removeAnnotation,\n  exportAnnotationComposite,\n  entityListId,\n  guestCategories = {},\n}: // optional tab state for independent tab management\nDetailsPanelProps) => {\n  const {\n    closeSlideOut,\n    openPip,\n    user,\n    isGuest,\n    entities: contextEntities,\n    setEntities,\n    slideOut,\n  } = useDetailsPanelContext()\n  const { currentTab, setTab, isFeed } = useScopedDetailsPanel(scope)\n  const [_searchParams, setSearchParams] = useSearchParams()\n  const hasCalledOnOpen = useRef(false)\n\n  // Use context entities if available, otherwise use props\n  const activeEntityType = contextEntities?.entityType ?? entityType\n  const activeEntities = contextEntities?.entities ?? entities\n  const activeEntitySubTypes = contextEntities?.entitySubTypes ?? entitySubTypes\n  const activeEntitiesData = contextEntities?.entities ? [] : entitiesData\n  const activeProjectNames = contextEntities?.entities\n    ? contextEntities.entities.map((e) => e.projectName)\n    : projectNames\n\n  // Fire onOpen callback once when component mounts and renders\n  useEffect(() => {\n    if (onOpen && !hasCalledOnOpen.current) {\n      hasCalledOnOpen.current = true\n      onOpen()\n    }\n  }, [])\n\n  // Force details tab for specific entity types\n  useEffect(() => {\n    if (entitiesWithoutFeed.includes(activeEntityType) && currentTab !== 'details') {\n      setTab('details')\n    }\n  }, [activeEntityType, currentTab, setTab])\n\n  // once component is provided with specific entities, remove context entities to avoid conflicts\n  useEffect(() => {\n    if (entities.length && contextEntities) {\n      setEntities(null)\n    }\n  }, [entities, contextEntities, setEntities])\n\n  // reduce projectsInfo to selected projects and into one\n  const projectInfo = useMemo(\n    () => mergeProjectInfo(projectsInfo, activeProjectNames),\n    [projectsInfo, activeProjectNames],\n  )\n\n  // build icons for entity types\n  const entityTypeIcons = useMemo(\n    () => ({\n      task: projectInfo.taskTypes\n        .filter((task) => !!task.icon)\n        .reduce((acc, task) => ({ ...acc, [task.name]: task.icon }), {}),\n      folder: projectInfo.folderTypes\n        .filter((folder) => !!folder.icon)\n        .reduce((acc, folder) => ({ ...acc, [folder.name]: folder.icon }), {}),\n      product: projectInfo.productTypes\n        .filter((product) => !!product.icon)\n        .reduce((acc, product) => ({ ...acc, [product.name]: product.icon }), {}),\n    }),\n    [projectInfo],\n  )\n\n  // check if tab needs to be updated when entity type changes\n  // for example when switching from version to task, task doesn't have reps tab\n  // if reps tab was selected, set default to feed\n  useEffect(() => {\n    if (currentTab === 'files') {\n      // check entity type is still version\n      if (activeEntityType !== 'version') {\n        setTab('activity')\n      }\n    }\n  }, [activeEntityType, currentTab, scope])\n\n  // now we get the full details data for selected entities\n  let entitiesToQuery = activeEntities.length\n    ? activeEntities.map((entity) => ({ id: entity.id, projectName: entity.projectName }))\n    : // @ts-expect-error = not sure what's going on with activeEntitiesData, we should try and remove it\n      activeEntitiesData.map((entity) => ({ id: entity.id, projectName: entity.projectName }))\n\n  entitiesToQuery = entitiesToQuery.filter((entity) => entity.id)\n\n  const {\n    data: entityDetailsData = [],\n    isFetching: isFetchingEntitiesDetails,\n    isError,\n    originalArgs,\n  } = useGetEntitiesDetailsPanelQuery(\n    { entityType: activeEntityType, entities: entitiesToQuery },\n    {\n      skip: !entitiesToQuery.length || !detailsPanelEntityTypes.includes(activeEntityType),\n    },\n  )\n\n  // the entity changes then we close the slide out\n  useEffect(() => {\n    if (!isSlideOut) {\n      closeSlideOut()\n    }\n  }, [originalArgs, isSlideOut])\n\n  // if the details panel is opened vair the uri, run callback\n  useEffect(() => {\n    if (isFetchingEntitiesDetails) return\n\n    if (\n      contextEntities?.source &&\n      ['uri', 'url'].includes(contextEntities.source) &&\n      contextEntities?.entities?.length &&\n      !!onUriOpen\n    ) {\n      const uriEntity = entityDetailsData.find(\n        (entity) => entity.id === contextEntities.entities[0].id,\n      )\n      if (!uriEntity) return\n\n      onUriOpen(uriEntity)\n    }\n  }, [entityDetailsData, isFetchingEntitiesDetails])\n\n  // TODO:  merge current entities data with fresh details data\n\n  const allStatuses = getAllProjectStatuses(projectsInfo)\n\n  // get the first project name and info to be used in the feed.\n  const firstProject = activeProjectNames[0]\n  const firstProjectInfo = projectsInfo[firstProject] || {}\n  const firstEntityData = entityDetailsData[0] || {}\n  // Use the last entity for URI sync\n  const lastEntityData = entityDetailsData[entityDetailsData.length - 1]\n  const lastProject = activeProjectNames[activeProjectNames.length - 1]\n\n  // build the full entity path for the first entity\n  const [entityPathSegments, entityPathVersions] = useGetEntityPath({\n    entity: firstEntityData,\n    entityType: activeEntityType,\n    projectName: firstProject,\n    isLoading: isFetchingEntitiesDetails,\n  })\n\n  const { setEntityUri, setUri } = useURIContext()\n  // sync the uri when entity changes\n  useEffect(() => {\n    if (!lastEntityData?.parents) return\n    if (!lastProject) return\n    const { folderPath, taskName, versionName, productName } = extractEntityHierarchyFromParents(\n      lastEntityData.parents,\n      activeEntityType,\n      lastEntityData.name,\n    )\n\n    setEntityUri({\n      projectName: lastProject,\n      folderPath: folderPath,\n      taskName: taskName,\n      productName: productName,\n      versionName: versionName,\n    })\n\n    // unmount cleanup: clear uri\n    return () => {\n      setUri('')\n    }\n  }, [entityDetailsData, activeProjectNames, activeEntityType])\n\n  // sync the details panel url (panel) with entity\n  useDetailsPanelURLSync({\n    entityData: lastEntityData,\n    project: lastProject,\n    activeEntityType,\n    entitiesToQuery,\n  })\n\n  const clearSearchUrl = () => {\n    // remove URL params when closing\n    setSearchParams(\n      (prev) => {\n        const newParams = new URLSearchParams(prev)\n        newParams.delete('project')\n        newParams.delete('type')\n        newParams.delete('id')\n        return newParams\n      },\n      { replace: true },\n    )\n  }\n\n  const handleClose = () => {\n    onClose?.()\n    // also remove any entities in context\n    setEntities(null)\n    clearSearchUrl()\n    closeSlideOut()\n  }\n\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && onClose) {\n        // Don't trigger if we're in an input element\n        const target = e.target as HTMLElement\n        const isInputElement =\n          ['INPUT', 'TEXTAREA', 'SELECT'].includes(target.tagName) || target.isContentEditable\n\n        if (isInputElement) return\n\n        // don't trigger if the viewer is open and panel not in slideout mode\n        if (isSlideOut === false && (target.closest('#viewer-dialog') || !!slideOut)) return\n\n        handleClose()\n      }\n    }\n\n    window.addEventListener('keydown', handleKeyDown)\n    return () => window.removeEventListener('keydown', handleKeyDown)\n  }, [handleClose, isSlideOut, slideOut])\n\n  const { requestPipWindow } = usePiPWindow()\n\n  const handleOpenPip = () => {\n    openPip({\n      entityType: activeEntityType,\n      entities: entitiesToQuery,\n      scope: scope,\n    })\n    requestPipWindow(500, 500)\n  }\n\n  const isCommentingEnabled = () => {\n    // cannot comment on multiple projects\n    if (activeProjectNames.length > 1) return false\n    if (isGuest) {\n      // Guest can only comment in review sessions (for now)\n      if (!entityListId) return false\n      // Guest must have at least one category set for list\n      const guestHasCategory = Object.prototype.hasOwnProperty.call(\n        guestCategories,\n        user.attrib?.email || '',\n      )\n      if (!guestHasCategory) return false\n    }\n    return true\n  }\n\n  return (\n    <>\n      <Styled.Panel className=\"details-panel\">\n        <Styled.Toolbar>\n          {/* TODO FIX PATH */}\n          <EntityPath\n            segments={entityPathSegments}\n            versions={entityPathVersions}\n            projectName={firstProject}\n            hideProjectName={isSlideOut}\n            isLoading={isFetchingEntitiesDetails || !entityPathSegments.length}\n            entityType={activeEntityType}\n            scope={scope}\n            // @ts-ignore\n            entityTypeIcons={entityTypeIcons}\n          />\n          <Styled.RightTools className=\"right-tools\">\n            <Watchers\n              entities={entitiesToQuery}\n              entityType={activeEntityType}\n              options={projectUsers || []}\n              onWatchersUpdate={onWatchersUpdate && onWatchersUpdate}\n              userName={user.name}\n            />\n            <Button\n              icon=\"picture_in_picture\"\n              variant={'text'}\n              data-tooltip=\"Picture in Picture\"\n              onClick={handleOpenPip}\n            />\n\n            {(onClose || entities) && (\n              <Button\n                icon=\"close\"\n                variant={'text'}\n                onClick={handleClose}\n                data-shortcut={'Escape'}\n              />\n            )}\n          </Styled.RightTools>\n        </Styled.Toolbar>\n\n        <DetailsPanelHeader\n          entityType={activeEntityType}\n          entitySubTypes={activeEntitySubTypes}\n          entities={entityDetailsData}\n          users={projectUsers}\n          disabledAssignees={disabledProjectUsers}\n          disabledStatuses={disabledStatuses}\n          tagsOptions={tagsOptions}\n          isFetching={isFetchingEntitiesDetails}\n          isCompact={isCompact}\n          currentTab={currentTab}\n          onTabChange={setTab}\n          entityTypeIcons={entityTypeIcons}\n          onOpenViewer={(args) => onOpenViewer?.(args)}\n          onEntityFocus={onEntityFocus}\n        />\n        <ProjectContextProvider projectName={firstProject}>\n          {isFeed && !isError && (\n            <FeedWrapper\n              entityType={activeEntityType}\n              entities={entityDetailsData}\n              activeUsers={activeProjectUsers || []}\n              projectInfo={firstProjectInfo}\n              projectName={firstProject}\n              disabled={!isCommentingEnabled()}\n              scope={scope}\n              statuses={allStatuses}\n              readOnly={false}\n              entityListId={entityListId}\n              annotations={annotations}\n              removeAnnotation={removeAnnotation}\n              exportAnnotationComposite={exportAnnotationComposite}\n              currentTab={currentTab}\n              setCurrentTab={setTab}\n              isSlideOut={isSlideOut}\n            />\n          )}\n          {currentTab === 'files' && (\n            <DetailsPanelFiles\n              entities={entityDetailsData}\n              scope={scope}\n              isLoadingVersion={isFetchingEntitiesDetails}\n            />\n          )}\n          {currentTab === 'details' && (\n            <FeedContextWrapper\n              entityType={activeEntityType}\n              entities={entityDetailsData}\n              activeUsers={activeProjectUsers || []}\n              projectInfo={firstProjectInfo}\n              projectName={firstProject}\n              disabled={!isCommentingEnabled()}\n              scope={scope}\n              statuses={allStatuses}\n              readOnly={false}\n              annotations={annotations}\n              removeAnnotation={removeAnnotation}\n              exportAnnotationComposite={exportAnnotationComposite}\n            >\n              <DetailsPanelDetails\n                entities={entityDetailsData}\n                isLoading={isFetchingEntitiesDetails}\n              />\n            </FeedContextWrapper>\n          )}\n        </ProjectContextProvider>\n      </Styled.Panel>\n    </>\n  )\n}\n\n// create a wrapper that checks if the details panel should be open or not based on isOpen prop and entities state\nexport const DetailsPanel = ({\n  isOpen,\n  entityType,\n  ...props\n}: Omit<DetailsPanelProps, 'entityType'> & {\n  entityType?: DetailsPanelEntityType\n  isOpen: boolean\n}) => {\n  const { entities } = useDetailsPanelContext()\n\n  if (!isOpen && !entities) return null\n  if (!entityType && !entities) return null\n\n  // @ts-expect-error - entityType could be undefined but we check for entities above\n  return <DetailsPanelInner {...props} entityType={entityType || entities?.entityType} />\n}\n"],"names":["entitiesWithoutFeed","DetailsPanelInner","entityType","entitySubTypes","entitiesData","entities","tagsOptions","disabledStatuses","projectUsers","disabledProjectUsers","activeProjectUsers","projectsInfo","projectNames","isSlideOut","style","scope","isCompact","onClose","onWatchersUpdate","onOpenViewer","onEntityFocus","onOpen","onUriOpen","annotations","removeAnnotation","exportAnnotationComposite","entityListId","guestCategories","closeSlideOut","openPip","user","isGuest","contextEntities","setEntities","slideOut","useDetailsPanelContext","currentTab","setTab","isFeed","useScopedDetailsPanel","_searchParams","setSearchParams","useSearchParams","hasCalledOnOpen","useRef","activeEntityType","activeEntities","activeEntitySubTypes","activeEntitiesData","activeProjectNames","e","useEffect","projectInfo","useMemo","mergeProjectInfo","entityTypeIcons","task","acc","folder","product","entitiesToQuery","entity","entityDetailsData","isFetchingEntitiesDetails","isError","originalArgs","useGetEntitiesDetailsPanelQuery","detailsPanelEntityTypes","_a","uriEntity","allStatuses","getAllProjectStatuses","firstProject","firstProjectInfo","firstEntityData","lastEntityData","lastProject","entityPathSegments","entityPathVersions","useGetEntityPath","setEntityUri","setUri","useURIContext","folderPath","taskName","versionName","productName","extractEntityHierarchyFromParents","useDetailsPanelURLSync","clearSearchUrl","prev","newParams","handleClose","handleKeyDown","target","requestPipWindow","usePiPWindow","handleOpenPip","isCommentingEnabled","jsxs","Styled.Panel","Styled.Toolbar","jsx","EntityPath","Styled.RightTools","Watchers","Button","DetailsPanelHeader","args","ProjectContextProvider","FeedWrapper","DetailsPanelFiles","FeedContextWrapper","DetailsPanelDetails","DetailsPanel","isOpen","props"],"mappings":"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"}

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

@@ -1,22 +1,28 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),e=require("@ynput/ayon-react-components"),o=t(e.Toolbar)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),t=require("@ynput/ayon-react-components"),e=o(t.Toolbar)`
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   padding: var(--padding-m);
   padding-bottom: 0;
+  height: 40px;
 
   & > * {
     min-width: max-content;
   }
-`,a=t.div`
+`,a=o.div`
   display: flex;
   align-items: flex-start;
   gap: 4px;
-`,n=t(e.Panel)`
+  position: absolute;
+  top: 0;
+  right: 0;
+  padding: var(--padding-m);
+  background-color: var(--md-sys-color-surface-container-low);
+`,n=o(t.Panel)`
   gap: 0px;
   height: 100%;
   padding: 0px;
   box-shadow: -2px 0 6px #00000047;
   z-index: 300;
-`;exports.Panel=n;exports.RightTools=a;exports.Toolbar=o;
+`;exports.Panel=n;exports.RightTools=a;exports.Toolbar=e;
 //# sourceMappingURL=DetailsPanel.styled.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanel.styled.cjs.js","sources":["../../../../../src/containers/DetailsPanel/DetailsPanel.styled.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { Toolbar as ARCToolbar, Panel as ARCPanel } from '@ynput/ayon-react-components'\n\nexport const Toolbar = styled(ARCToolbar)`\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding: var(--padding-m);\n  padding-bottom: 0;\n\n  & > * {\n    min-width: max-content;\n  }\n`\n\nexport const RightTools = styled.div`\n  display: flex;\n  align-items: flex-start;\n  gap: 4px;\n`\n\nexport const Panel = styled(ARCPanel)`\n  gap: 0px;\n  height: 100%;\n  padding: 0px;\n  box-shadow: -2px 0 6px #00000047;\n  z-index: 300;\n`\n"],"names":["Toolbar","styled","ARCToolbar","RightTools","Panel","ARCPanel"],"mappings":"+JAGaA,EAAUC,EAAOC,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAY3BC,EAAaF,EAAO;AAAA;AAAA;AAAA;AAAA,EAMpBG,EAAQH,EAAOI,OAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"DetailsPanel.styled.cjs.js","sources":["../../../../../src/containers/DetailsPanel/DetailsPanel.styled.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { Toolbar as ARCToolbar, Panel as ARCPanel } from '@ynput/ayon-react-components'\n\nexport const Toolbar = styled(ARCToolbar)`\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding: var(--padding-m);\n  padding-bottom: 0;\n  height: 40px;\n\n  & > * {\n    min-width: max-content;\n  }\n`\n\nexport const RightTools = styled.div`\n  display: flex;\n  align-items: flex-start;\n  gap: 4px;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: var(--padding-m);\n  background-color: var(--md-sys-color-surface-container-low);\n`\n\nexport const Panel = styled(ARCPanel)`\n  gap: 0px;\n  height: 100%;\n  padding: 0px;\n  box-shadow: -2px 0 6px #00000047;\n  z-index: 300;\n`\n"],"names":["Toolbar","styled","ARCToolbar","RightTools","Panel","ARCPanel"],"mappings":"+JAGaA,EAAUC,EAAOC,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAa3BC,EAAaF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWpBG,EAAQH,EAAOI,OAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

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

@@ -1,20 +1,26 @@
-import a from "styled-components";
-import { Toolbar as t, Panel as o } from "@ynput/ayon-react-components";
-const n = a(t)`
+import o from "styled-components";
+import { Toolbar as a, Panel as t } from "@ynput/ayon-react-components";
+const e = o(a)`
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   padding: var(--padding-m);
   padding-bottom: 0;
+  height: 40px;
 
   & > * {
     min-width: max-content;
   }
-`, p = a.div`
+`, p = o.div`
   display: flex;
   align-items: flex-start;
   gap: 4px;
-`, l = a(o)`
+  position: absolute;
+  top: 0;
+  right: 0;
+  padding: var(--padding-m);
+  background-color: var(--md-sys-color-surface-container-low);
+`, d = o(t)`
   gap: 0px;
   height: 100%;
   padding: 0px;
@@ -22,8 +28,8 @@ const n = a(t)`
   z-index: 300;
 `;
 export {
-  l as Panel,
+  d as Panel,
   p as RightTools,
-  n as Toolbar
+  e as Toolbar
 };
 //# sourceMappingURL=DetailsPanel.styled.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanel.styled.es.js","sources":["../../../../../src/containers/DetailsPanel/DetailsPanel.styled.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { Toolbar as ARCToolbar, Panel as ARCPanel } from '@ynput/ayon-react-components'\n\nexport const Toolbar = styled(ARCToolbar)`\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding: var(--padding-m);\n  padding-bottom: 0;\n\n  & > * {\n    min-width: max-content;\n  }\n`\n\nexport const RightTools = styled.div`\n  display: flex;\n  align-items: flex-start;\n  gap: 4px;\n`\n\nexport const Panel = styled(ARCPanel)`\n  gap: 0px;\n  height: 100%;\n  padding: 0px;\n  box-shadow: -2px 0 6px #00000047;\n  z-index: 300;\n`\n"],"names":["Toolbar","styled","ARCToolbar","RightTools","Panel","ARCPanel"],"mappings":";;AAGa,MAAAA,IAAUC,EAAOC,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAY3BC,IAAaF,EAAO;AAAA;AAAA;AAAA;AAAA,GAMpBG,IAAQH,EAAOI,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"DetailsPanel.styled.es.js","sources":["../../../../../src/containers/DetailsPanel/DetailsPanel.styled.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { Toolbar as ARCToolbar, Panel as ARCPanel } from '@ynput/ayon-react-components'\n\nexport const Toolbar = styled(ARCToolbar)`\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding: var(--padding-m);\n  padding-bottom: 0;\n  height: 40px;\n\n  & > * {\n    min-width: max-content;\n  }\n`\n\nexport const RightTools = styled.div`\n  display: flex;\n  align-items: flex-start;\n  gap: 4px;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: var(--padding-m);\n  background-color: var(--md-sys-color-surface-container-low);\n`\n\nexport const Panel = styled(ARCPanel)`\n  gap: 0px;\n  height: 100%;\n  padding: 0px;\n  box-shadow: -2px 0 6px #00000047;\n  z-index: 300;\n`\n"],"names":["Toolbar","styled","ARCToolbar","RightTools","Panel","ARCPanel"],"mappings":";;AAGa,MAAAA,IAAUC,EAAOC,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAa3BC,IAAaF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWpBG,IAAQH,EAAOI,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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("react");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("@ynput/ayon-react-components");require("../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../components/AccessUser/AccessUser.cjs.js");require("clsx");require("lodash");require("../../../components/AttributeEditor/components/MinMaxField.cjs.js");require("react-dom");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../components/Badge/Badge.cjs.js");require("../../../components/Chips/Chips.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");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/EarlyPreview/EarlyPreview.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                      */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("../../../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("../../../context/GlobalContext.cjs.js");require("../../../context/ProjectContext.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("uuid");require("../../../util/pubsub.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("axios");const x=require("../../../components/ReviewablesList/ReviewablesList.cjs.js");require("../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../components/Feedback/FeedbackContext.cjs.js");require("../../../components/Feedback/SupportBubble.cjs.js");require("../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../EntityPickerDialog/EntityPickerDialog.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/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../components/SizeSlider/SizeSlider.cjs.js");require("../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../components/SearchFilter/filterDates.cjs.js");require("../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../components/SortingSetting/SortingSetting.styled.cjs.js");require("../../../components/StyledLink/StyledLink.cjs.js");require("../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../../../components/Watchers/Watchers.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("../../../components/AddonLoadingScreen/AddonLoadingScreen.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");require("../../../api/queries/uris/getUris.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("../../../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("../../../context/GlobalContext.cjs.js");require("../../../context/ProjectContext.cjs.js");require("../../../context/ProjectFoldersContext.cjs.js");require("../../../context/UriContext.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("lodash");require("../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("uuid");require("../../../util/pubsub.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");require("../../../components/Menu/Menu.styled.cjs.js");require("../../../components/Menu/MenuItem.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":"4ybAMA,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":"8ncAMA,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

@@ -1,20 +1,12 @@
 import { j as i } from "../../../../../_virtual/jsx-runtime.es.js";
 import e from "styled-components";
 import { RepresentationsList as d } from "../../RepresentationsList/RepresentationsList.es.js";
-import "react";
-import "../../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
+import "../../../components/AddonLoadingScreen/AddonLoadingScreen.es.js";
 import "@ynput/ayon-react-components";
-import "../../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
-import "../../../components/AccessUser/AccessUser.es.js";
 import "clsx";
-import "lodash";
-import "../../../components/AttributeEditor/components/MinMaxField.es.js";
-import "react-dom";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "../../../components/EnumEditor/EnumEditor.styled.es.js";
-import "../../../components/Badge/Badge.es.js";
-import "../../../components/Chips/Chips.es.js";
+import "../../../components/ThumbnailSimple/ThumbnailSimple.es.js";
+import "../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
+import "../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
 import "react-toastify";
 import "../../../api/base/client.es.js";
 import "../../../api/generated/graphql.es.js";
@@ -98,15 +90,19 @@ import "../../../api/queries/versions/updateVersions.es.js";
 import "../../../api/queries/views/getViews.es.js";
 import "../../../api/queries/views/updateViews.es.js";
 import "../../../api/queries/watchers/getWatchers.es.js";
-import "../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
-import "../../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
-import "../../../components/DetailsPanelDetails/DetailsSection.es.js";
-import "../../../components/DetailsPanelDetails/FieldLabel.es.js";
-import "../../../components/EarlyPreview/EarlyPreview.es.js";
-import "../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
-import "../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
+import "../../../api/queries/uris/getUris.es.js";
+import a from "../../../components/ReviewablesList/ReviewablesList.es.js";
+import "react";
+import "../../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
+import "axios";
+import "../../../components/ReviewableCard/ReviewableCard.es.js";
+import "../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
+import "../../../components/FileThumbnail/FileThumbnail.es.js";
+import "../../../components/Thumbnail/Thumbnail.styled.es.js";
+import "../../../components/Thumbnail/StackedThumbnails.es.js";
 import "../../ContextMenu/ContextMenuContext.es.js";
 /* empty css                                    */
+import "react-dom";
 import "../../Feed/context/FeedContext.es.js";
 import "../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
 import "../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
@@ -124,6 +120,8 @@ import "../../../context/MenuContext.es.js";
 import "../../../context/WebsocketContext.es.js";
 import "../../../context/GlobalContext.es.js";
 import "../../../context/ProjectContext.es.js";
+import "../../../context/ProjectFoldersContext.es.js";
+import "../../../context/UriContext.es.js";
 import "../../Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
 import "../../Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
 import "react-markdown";
@@ -137,6 +135,7 @@ import "../../Feed/components/FilesGrid/FilesGrid.styled.es.js";
 import "../../Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
 import "../../Feed/components/CommentInput/quillToMarkdown.es.js";
 import "../../Feed/components/ActivityComment/ActivityComment.styled.es.js";
+import "lodash";
 import "../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
 import "../../Feed/components/ActivityReference/ActivityReference.styled.es.js";
 import "uuid";
@@ -204,40 +203,47 @@ import "../../Views/Views.styled.es.js";
 import "../../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
 import "../../Views/ViewsMenu/ViewsMenu.es.js";
 import "../../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
-import "axios";
-import a from "../../../components/ReviewablesList/ReviewablesList.es.js";
-import "../../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
+import "../../../components/SimpleFormDialog/SimpleFormDialog.es.js";
 import "../../../components/EntityPath/EntityPath.styled.es.js";
 import "../../../components/EntityPath/SegmentProvider.es.js";
-import "../../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
-import "../../../components/Feedback/FeedbackContext.es.js";
-import "../../../components/Feedback/SupportBubble.es.js";
-import "../../../components/FileThumbnail/FileThumbnail.es.js";
-import "../../../components/LegacyBadge/LegacyBadge.es.js";
-import "../../EntityPickerDialog/EntityPickerDialog.es.js";
+import "../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
+import "../../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
+import "../../../components/DetailsPanelDetails/DetailsSection.es.js";
+import "../../../components/DetailsPanelDetails/FieldLabel.es.js";
+import "../../../components/Watchers/Watchers.es.js";
+import "../../../components/ProjectTableSettings/ProjectTableSettings.es.js";
 import "../../../components/Powerpack/PowerpackButton.es.js";
 import "../../../components/Powerpack/PricingLink.es.js";
 import "../../../components/Powerpack/PowerpackDialog.styled.es.js";
 import "../../../components/Powerpack/CTAButton.es.js";
 import "../../../components/Powerpack/RequiredAddonVersion.es.js";
-import "../../../components/ProjectTableSettings/ProjectTableSettings.es.js";
 import "../../../components/SizeSlider/SizeSlider.es.js";
-import "../../../components/ReviewableCard/ReviewableCard.es.js";
-import "../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
-import "../../../components/SearchFilter/filterDates.es.js";
 import "../../../components/SettingsPanel/SettingsPanel.es.js";
 import "../../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
-import "../../../components/ShareOptionIcon/ShareOptionIcon.es.js";
-import "../../../components/SimpleFormDialog/SimpleFormDialog.es.js";
-import "../../../components/SortingSetting/SortingSetting.styled.es.js";
-import "../../../components/StyledLink/StyledLink.es.js";
-import "../../../components/TableGridSwitch/TableGridSwitch.es.js";
-import "../../../components/Thumbnail/Thumbnail.styled.es.js";
-import "../../../components/Thumbnail/StackedThumbnails.es.js";
-import "../../../components/ThumbnailSimple/ThumbnailSimple.es.js";
+import "../../../components/AttributeEditor/components/MinMaxField.es.js";
+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";
-import "../../../components/Watchers/Watchers.es.js";
+import "../../../components/Feedback/FeedbackContext.es.js";
+import "../../../components/Feedback/SupportBubble.es.js";
+import "../../../components/Chips/Chips.es.js";
+import "../../EntityPickerDialog/EntityPickerDialog.es.js";
+import "../../../components/StyledLink/StyledLink.es.js";
+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";
+import "../../../components/Menu/Menu.styled.es.js";
+import "../../../components/Menu/MenuItem.es.js";
 const c = e.div`
   display: flex;
   flex-direction: column;
@@ -258,7 +264,7 @@ const c = e.div`
   &:first-child {
     border-bottom: 1px solid var(--md-sys-color-outline-variant);
   }
-`, zt = ({
+`, Kt = ({
   entities: o = [],
   scope: l,
   isLoadingVersion: s
@@ -288,6 +294,6 @@ const c = e.div`
   ] });
 };
 export {
-  zt 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;"}