@ynput/ayon-frontend-shared 0.4.0 → 0.4.2

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

@@ -1,4 +1,4 @@
-import { j as e } from "../../../../_virtual/jsx-runtime.es.js";
+import { j as o } from "../../../../_virtual/jsx-runtime.es.js";
 import { Button as It } from "@ynput/ayon-react-components";
 import { useRef as b, useEffect as l, useMemo as R } from "react";
 import wt from "./hooks/useDetailsPanelURLSync.es.js";
@@ -101,232 +101,51 @@ import "../../api/queries/views/getViews.es.js";
 import "../../api/queries/views/updateViews.es.js";
 import "../../api/queries/watchers/getWatchers.es.js";
 import "../../api/queries/uris/getUris.es.js";
-import "../../components/AddonLoadingScreen/AddonLoadingScreen.es.js";
-import "../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
-import "../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
-import "../../components/AccessUser/AccessUser.es.js";
-import "clsx";
-import "../../components/AttributeEditor/AttributeEditor.es.js";
-import "../../components/AttributeEditor/attributeTypeMap.es.js";
-import "../../components/Badge/Badge.es.js";
-import "../../components/Chips/Chips.es.js";
-import "react-dom";
-import "date-fns";
-import "../../components/DateRangePicker/DateRangePicker.styled.es.js";
-import "../../components/LinksManager/CellEditingDialog.es.js";
-import "../../components/DeleteEntitiesConfirm/DeleteConfirmContent.es.js";
-import "../../components/DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.es.js";
-import "react-toastify";
-import "../../../../_virtual/index.es.js";
-import "../../../../node_modules/refractor/lib/common.es.js";
-import "../../../../node_modules/refractor/lib/all.es.js";
-/* empty css                                                                              */
+import { DetailsPanelDetails as Ut } from "../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
+import { EntityPath as Wt } from "../../components/EntityPath/EntityPath.es.js";
+import { Watchers as Ht } from "../../components/Watchers/Watchers.es.js";
+import { usePiPWindow as Mt } from "../../context/pip/PiPProvider.es.js";
 import "lodash";
+import "react-toastify";
 import "uuid";
-import { extractEntityHierarchyFromParents as Ut } from "../../util/extractEntityHierarchyFromParents.es.js";
+import { extractEntityHierarchyFromParents as At } from "../../util/extractEntityHierarchyFromParents.es.js";
 import "../../util/pubsub.es.js";
-import "../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
-import { DetailsPanelDetails as Wt } from "../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
-import "react-quill-ayon";
-import "../../components/DetailsPanelDetails/BorderedSection.es.js";
-import "../../components/QuillListStyles/QuillListStyles.es.js";
-import "../../components/DetailsPanelDetails/DescriptionSection.styles.es.js";
-import "react-markdown";
-import "remark-gfm";
-import "rehype-raw";
-import "../Feed/components/CommentInput/quillToMarkdown.es.js";
-import "../../components/DetailsPanelDetails/hooks/useMentionSystem.es.js";
-import "../Feed/components/CommentInput/modules/index.es.js";
-import "../../context/RemoteModulesContext.es.js";
-import "../../../../_virtual/runtime.es.js";
-import "../../../../_virtual/semver.es.js";
-import { useDetailsPanelContext as it, useScopedDetailsPanel as Ht } from "../../context/DetailsPanelContext.es.js";
-import "../../context/PowerpackContextInstance.es.js";
-import "../../context/SubtasksModulesContextInstance.es.js";
-import { ThumbnailUploadProvider as Mt } from "../../context/ThumbnailUploaderContext.es.js";
-import "../../context/SettingsPanelContext.es.js";
-import { usePiPWindow as At } from "../../context/pip/PiPProvider.es.js";
-import "../../context/pip/PiPWrapper.es.js";
-import "../../context/AddonProjectContext.es.js";
-import "../../context/AddonContext.es.js";
-import "../../context/MenuContext.es.js";
-import "../../context/WebsocketContext.es.js";
-import "../../context/GlobalContext.es.js";
 import { ProjectContextProvider as Bt } from "../../context/ProjectContext.es.js";
-import "../../context/ProjectFoldersContextInstance.es.js";
-import "../../context/EntityUpdatesContextInstance.es.js";
-import "../ContextMenu/ContextMenuContext.es.js";
-/* empty css                                 */
-import "../Feed/context/FeedContext.es.js";
-import "../Feed/components/Tooltips/UserTooltipItem.es.js";
-import "../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
-import "../Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
-import "../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
-import "../Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
-import "../Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
-import "remark-emoji";
-import "remark-directive";
-import "remark-directive-rehype";
-import "../Feed/components/CommentInput/CommentInput.es.js";
-import "../Feed/components/ReactionContainer/Reactions.styled.es.js";
-import "../Feed/components/FilesGrid/FilesGrid.styled.es.js";
-import "../Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
-import "../Feed/components/ActivityComment/ActivityComment.styled.es.js";
-import "../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
-import "../Feed/components/ActivityReference/ActivityReference.styled.es.js";
-import "react-router-dom";
-import "../Feed/components/ActivityStatus/ActivityStatus.es.js";
-import "../Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
-import "../Feed/components/ActivityDate.es.js";
-import "../Feed/components/ActivityVersionReview/ActivityVersionReview.styled.es.js";
-import "../Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
-import "../Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
-import "../Feed/components/ActivityCategorySelect/CategoryTag.es.js";
-import "../Feed/components/ActivityFieldChange/ActivityFieldChange.styled.es.js";
-import "../Feed/components/ActivityFieldChange/FieldValue.es.js";
-import "../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
-import "../Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
-import "../Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
-import "../Feed/Feed.styled.es.js";
-import "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
-import "../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
-import "../Feed/components/FeedSearchFilter.es.js";
-import "@tanstack/react-virtual";
-import "@tanstack/react-table";
-import "../ProjectTreeTable/widgets/CollapsedWidget.es.js";
-import "../ProjectTreeTable/widgets/DateWidget.es.js";
-import "../ProjectTreeTable/widgets/EnumWidget.es.js";
-import "../ProjectTreeTable/widgets/EnumCellValue.es.js";
-import "../ProjectTreeTable/widgets/TextWidget.es.js";
-import "../ProjectTreeTable/widgets/MarkdownWidget.es.js";
-import "../ProjectTreeTable/widgets/BooleanWidget.es.js";
-import "../ProjectTreeTable/widgets/CellWidget.es.js";
-import "../ProjectTreeTable/widgets/EntityNameWidget.es.js";
-import "../ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
-import "../ProjectTreeTable/widgets/ThumbnailWidget.es.js";
-import "../ProjectTreeTable/widgets/LinksWidget.es.js";
-import "../../components/LinksManager/LinksManager.styled.es.js";
-import "short-uuid";
-import "../../components/SearchFilter/filterDates.es.js";
-import "../ProjectTreeTable/context/CellEditingContext.es.js";
-import "../ProjectTreeTable/context/SelectionCellsContext.es.js";
-import "../ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
-import "../ProjectTreeTable/context/ClipboardContext.es.js";
-import "../ProjectTreeTable/context/ColumnSettingsContext.es.js";
-import "../ProjectTreeTable/context/SelectedRowsContext.es.js";
-import "../ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
-import "../ProjectTreeTable/context/ProjectDataContextInstance.es.js";
-import "../NewEntity/components/NewEntity.es.js";
-import "../Slicer/components/Slicer.es.js";
-import "../Slicer/context/SlicerContextInstance.es.js";
-import "../Slicer/components/SlicerDropdownFallback.es.js";
-import "../Slicer/hooks/useTableDataBySlice.es.js";
-import "react-redux";
-import "../NewEntity/context/NewEntityContextInstance.es.js";
-import "../NewEntity/components/NewEntityForm.es.js";
-import "../ProjectTreeTable/context/ProjectTableContextInstance.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";
-import "../ProjectTreeTable/widgets/LoadMoreWidget.es.js";
-import "../ProjectTreeTable/components/HeaderActionButton.es.js";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "../ProjectTreeTable/components/TableFooterRow.es.js";
-import Gt from "./components/DetailsPanelHeader/DetailsPanelHeader.es.js";
-import Ot from "./components/DetailsPanelFiles/DetailsPanelFiles.es.js";
-import { DetailsPanelMoreMenu as Vt } from "./components/DetailsPanelMoreMenu/DetailsPanelMoreMenu.es.js";
-import Qt from "./hooks/useGetEntityPath.es.js";
-import qt from "./helpers/getAllProjectsStatuses.es.js";
-import Kt from "./containers/FeedWrapper.es.js";
-import Xt from "./containers/FeedContextWrapper.es.js";
-import _t from "./helpers/mergeProjectInfo.es.js";
-import zt from "./helpers/buildEntityTypeIcons.es.js";
-import Jt from "./containers/DetailsPanelSubtasks.es.js";
-import "./components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
-import "./components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
-import "./components/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
-import "../Actions/Actions.styled.es.js";
-import "../Actions/ActionsDropdown/ActionsDropdown.es.js";
-import "../Actions/ActionIcon.es.js";
-import "../Views/ViewsMenu/ViewsMenu.es.js";
-import "../Views/context/ViewsContextInstance.es.js";
-import "../Views/Views.styled.es.js";
-import "../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
-import "../EntityPickerDialog/EntityPickerDialog.es.js";
-import "../ListTable/ListTableRow.es.js";
-import "../ListTable/ListTable.styled.es.js";
-import { useURIContext as Yt } from "../../context/UriContext.es.js";
-import "../../context/DeleteEntitiesContext.es.js";
-import "custom-protocol-check";
-import "../ProjectTreeTable/components/GroupSettingsFallback.es.js";
-import "../../components/DetailsPanelDetails/DetailsSection.es.js";
-import "../../components/DetailsPanelDetails/FieldLabel.es.js";
-import "../../components/DoneCheckbox/DoneCheckbox.es.js";
-import "../../components/EarlyPreview/EarlyPreview.es.js";
-import "../../components/InfoMessage/InfoMessage.es.js";
-import "../../components/EnumEditor/EnumEditor.styled.es.js";
-import "../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
-import "axios";
-import "../../components/ReviewablesList/ReviewablesList.styled.es.js";
-import "../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
-import { EntityPath as Zt } from "../../components/EntityPath/EntityPath.es.js";
-import "../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
-import "../../components/Feedback/FeedbackContextInstance.es.js";
-import "../../components/Feedback/SupportBubble.es.js";
-import "../../components/FileThumbnail/FileThumbnail.es.js";
-import "../../components/LegacyBadge/LegacyBadge.es.js";
-import "../../components/Powerpack/PowerpackButton.es.js";
-import "../../components/Powerpack/FreeTrialLink.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/CustomDateRangeDialog.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/StyledLink/StyledLink.es.js";
-import "../../components/SyncButton/SyncButton.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/VersionUploader/components/UploadVersionDialog.es.js";
-import "../../components/VersionUploader/context/VersionUploadContextInstance.es.js";
-import { Watchers as $t } from "../../components/Watchers/Watchers.es.js";
-import "../../components/Menu/Menu.styled.es.js";
-import "../../components/Menu/MenuItem.es.js";
-import "../../components/ReviewablesSelector/ReviewablesSelector.es.js";
-import "../../components/ColumnHeaderMenuUI.es.js";
-const ti = ["product", "representation"], ii = ({
+import { ThumbnailUploadProvider as Gt } from "../../context/ThumbnailUploaderContext.es.js";
+import { useDetailsPanelContext as et, useScopedDetailsPanel as Ot } from "../../context/DetailsPanelContext.es.js";
+import { useURIContext as Vt } from "../../context/UriContext.es.js";
+import Qt from "./components/DetailsPanelHeader/DetailsPanelHeader.es.js";
+import qt from "./components/DetailsPanelFiles/DetailsPanelFiles.es.js";
+import { DetailsPanelMoreMenu as Kt } from "./components/DetailsPanelMoreMenu/DetailsPanelMoreMenu.es.js";
+import Xt from "./hooks/useGetEntityPath.es.js";
+import _t from "./helpers/getAllProjectsStatuses.es.js";
+import zt from "./containers/FeedWrapper.es.js";
+import Jt from "./containers/FeedContextWrapper.es.js";
+import Yt from "./helpers/mergeProjectInfo.es.js";
+import Zt from "./helpers/buildEntityTypeIcons.es.js";
+import $t from "./containers/DetailsPanelSubtasks.es.js";
+const te = ["product", "representation"], ee = ({
   entityType: T,
   entitySubTypes: P = [],
   // entities is data we already have from kanban
   entitiesData: N = [],
   // entityIds are used to get the full details data for the entities
   entities: d = [],
-  tagsOptions: rt = [],
-  disabledStatuses: ot,
+  tagsOptions: it = [],
+  disabledStatuses: rt,
   projectUsers: S,
-  disabledProjectUsers: et,
+  disabledProjectUsers: ot,
   activeProjectUsers: C,
   projectsInfo: g = {},
-  projectNames: pt = [],
+  projectNames: st = [],
   isSlideOut: h = !1,
-  style: ri = {},
+  style: ie = {},
   scope: u,
-  isCompact: mt = !1,
+  isCompact: nt = !1,
   onClose: x,
   onWatchersUpdate: L,
   onOpenViewer: U,
-  onEntityFocus: st,
+  onEntityFocus: at,
   onOpen: W,
   onUriOpen: k,
   // when the details panel is opened from uri
@@ -335,49 +154,49 @@ const ti = ["product", "representation"], ii = ({
   removeAnnotation: M,
   exportAnnotationComposite: A,
   entityListId: B,
-  guestCategories: nt = {},
-  entityListsContext: at
+  guestCategories: pt = {},
+  entityListsContext: mt
 }) => {
   const {
     closeSlideOut: G,
     openPip: lt,
     user: O,
     isGuest: ct,
-    entities: o,
+    entities: r,
     setEntities: v,
     slideOut: V,
     useSearchParams: dt,
     SubtasksManager: Q,
     useNavigate: ut
-  } = it(), { currentTab: a, setTab: j, isFeed: ft } = Ht(u), [oi, yt] = dt(), q = b(!1), i = o?.entityType ?? T, K = o?.entities ?? d, ht = o?.entitySubTypes ?? P, jt = o?.entities ? [] : N, f = o?.entities ? o.entities.map((t) => t.projectName) : pt;
+  } = et(), { currentTab: m, setTab: j, isFeed: ft } = Ot(u), [re, yt] = dt(), q = b(!1), e = r?.entityType ?? T, K = r?.entities ?? d, ht = r?.entitySubTypes ?? P, jt = r?.entities ? [] : N, f = r?.entities ? r.entities.map((t) => t.projectName) : st;
   l(() => {
     W && !q.current && (q.current = !0, W());
   }, []), l(() => {
-    ti.includes(i) && a !== "details" && j("details");
-  }, [i, a, j]), l(() => {
-    d.length && o && v(null);
-  }, [d, o, v]);
+    te.includes(e) && m !== "details" && j("details");
+  }, [e, m, j]), l(() => {
+    d.length && r && v(null);
+  }, [d, r, v]);
   const D = R(
-    () => _t(g, f),
+    () => Yt(g, f),
     [g, f]
-  ), Pt = R(() => zt(D), [D]);
+  ), Pt = R(() => Zt(D), [D]);
   l(() => {
-    a === "files" && i !== "version" && j("feed"), a === "subtasks" && i !== "task" && j("feed");
-  }, [i, a, u]);
+    m === "files" && e !== "version" && j("feed"), m === "subtasks" && e !== "task" && j("feed");
+  }, [e, m, u]);
   let c = K.length ? K.map((t) => ({ id: t.id, projectName: t.projectName })) : (
     // @ts-expect-error = not sure what's going on with activeEntitiesData, we should try and remove it
     jt.map((t) => ({ id: t.id, projectName: t.projectName }))
   );
   c = c.filter((t) => t.id);
   const {
-    data: p = [],
+    data: s = [],
     isFetching: y,
     isError: gt,
     originalArgs: Et
   } = Ct(
-    { entityType: i, entities: c },
+    { entityType: e, entities: c },
     {
-      skip: !c.length || !Lt.includes(i)
+      skip: !c.length || !Lt.includes(e)
     }
   );
   l(() => {
@@ -385,49 +204,49 @@ const ti = ["product", "representation"], ii = ({
   }, [Et, h]);
   const I = b(null);
   l(() => {
-    o || (I.current = null);
-  }, [o]), l(() => {
-    if (!y && (o?.source === "uri" || o?.source === "url") && o?.entities?.length && k) {
-      const t = o.entities[0].id;
+    r || (I.current = null);
+  }, [r]), l(() => {
+    if (!y && (r?.source === "uri" || r?.source === "url") && r?.entities?.length && k) {
+      const t = r.entities[0].id;
       if (I.current === t) return;
-      const r = p.find((m) => m.id === t);
-      if (!r) return;
-      I.current = t, k(r, o.source);
+      const i = s.find((n) => n.id === t);
+      if (!i) return;
+      I.current = t, k(i, r.source);
     }
-  }, [p, y, o, k]);
-  const X = qt(g), n = f[0], _ = g[n] || {}, s = p[0] || {}, E = p[p.length - 1], w = f[f.length - 1], [z, bt] = Qt({
-    entity: s,
-    entityType: i,
-    projectName: n,
+  }, [s, y, r, k]);
+  const X = _t(g), p = f[0], _ = g[p] || {}, a = s[0] || {}, E = s[s.length - 1], w = f[f.length - 1], [z, bt] = Xt({
+    entity: a,
+    entityType: e,
+    projectName: p,
     isLoading: y
-  }), { setEntityUri: Tt, setUri: J } = Yt();
+  }), { setEntityUri: Tt, setUri: J } = Vt();
   l(() => {
     if (!E?.parents || !w) return;
-    const { folderPath: t, taskName: r, versionName: m, productName: tt } = Ut(
+    const { folderPath: t, taskName: i, versionName: n, productName: tt } = At(
       E.parents,
-      i,
+      e,
       E.name
     );
     return Tt({
       projectName: w,
       folderPath: t,
-      taskName: r,
+      taskName: i,
       productName: tt,
-      versionName: m
+      versionName: n
     }), () => {
       J("");
     };
-  }, [p, f, i]), wt({
+  }, [s, f, e]), wt({
     entityData: E,
     project: w,
-    activeEntityType: i,
+    activeEntityType: e,
     entitiesToQuery: c
   });
   const Nt = () => {
     yt(
       (t) => {
-        const r = new URLSearchParams(t);
-        return r.delete("project"), r.delete("type"), r.delete("id"), r;
+        const i = new URLSearchParams(t);
+        return i.delete("project"), i.delete("type"), i.delete("id"), i;
       },
       { replace: !0 }
     );
@@ -435,104 +254,104 @@ const ti = ["product", "representation"], ii = ({
     x?.(), v(null), J(""), Nt(), G();
   };
   l(() => {
-    const t = (r) => {
-      if (r.key === "Escape" && x) {
-        const m = r.target;
-        if (["INPUT", "TEXTAREA", "SELECT"].includes(m.tagName) || m.isContentEditable || h === !1 && (m.closest("#viewer-dialog") || V)) return;
+    const t = (i) => {
+      if (i.key === "Escape" && x) {
+        const n = i.target;
+        if (["INPUT", "TEXTAREA", "SELECT"].includes(n.tagName) || n.isContentEditable || h === !1 && (n.closest("#viewer-dialog") || V)) return;
         F();
       }
     };
     return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
   }, [F, h, V]);
-  const { requestPipWindow: xt } = At(), Y = b(null), Z = b(null), kt = p.length === 1 && i !== "representation", vt = R(() => {
-    const t = s?.label || s?.name || "", r = s?.parents || [], m = [n];
-    switch (i) {
+  const { requestPipWindow: xt } = Mt(), Y = b(null), Z = b(null), kt = s.length === 1 && e !== "representation", vt = R(() => {
+    const t = a?.label || a?.name || "", i = a?.parents || [], n = [p];
+    switch (e) {
       case "folder":
       case "task":
       case "product":
-        m.push(r.at(-1), t);
+        n.push(i.at(-1), t);
         break;
       case "version":
-        m.push(r.at(-2), r.at(-1), t);
+        n.push(i.at(-2), i.at(-1), t);
         break;
       case "representation":
-        m.push(r.at(-3), r.at(-2), r.at(-1), t);
+        n.push(i.at(-3), i.at(-2), i.at(-1), t);
         break;
       default:
-        m.push(t);
+        n.push(t);
     }
-    return m.filter(Boolean).join(" - ");
-  }, [s, i, n]), Dt = () => {
+    return n.filter(Boolean).join(" - ");
+  }, [a, e, p]), Dt = () => {
     lt({
-      entityType: i,
+      entityType: e,
       entities: c,
       scope: u
     }), xt(500, 500);
   }, $ = () => !(f.length > 1 || ct && (!B || !Object.prototype.hasOwnProperty.call(
-    nt,
+    pt,
     O.attrib?.email || ""
   )));
-  return /* @__PURE__ */ e.jsx(
-    Mt,
+  return /* @__PURE__ */ o.jsx(
+    Gt,
     {
       thumbnailInputRef: Y,
       versionsInputRef: Z,
       canUploadVersion: kt,
-      children: /* @__PURE__ */ e.jsxs(Ft, { className: "details-panel", children: [
-        /* @__PURE__ */ e.jsxs(Rt, { children: [
-          /* @__PURE__ */ e.jsx(
-            Zt,
+      children: /* @__PURE__ */ o.jsxs(Ft, { className: "details-panel", children: [
+        /* @__PURE__ */ o.jsxs(Rt, { children: [
+          /* @__PURE__ */ o.jsx(
+            Wt,
             {
               segments: z,
               versions: bt,
-              projectName: n,
+              projectName: p,
               hideProjectName: h,
               isLoading: y || !z.length,
-              entityType: i,
+              entityType: e,
               scope: u,
               entityTypeIcons: Pt
             }
           ),
-          /* @__PURE__ */ e.jsxs(St, { className: "right-tools", children: [
-            /* @__PURE__ */ e.jsx(
-              Vt,
+          /* @__PURE__ */ o.jsxs(St, { className: "right-tools", children: [
+            /* @__PURE__ */ o.jsx(
+              Kt,
               {
-                entityType: i,
-                entityId: s?.id,
+                entityType: e,
+                entityId: a?.id,
                 entityIds: c.map((t) => t.id).filter(Boolean),
                 entityLabel: vt,
-                projectName: n,
-                selectedEntities: p.filter((t) => !!t?.id).map((t) => {
-                  const r = t.entityType || i;
+                projectName: p,
+                selectedEntities: s.filter((t) => !!t?.id).map((t) => {
+                  const i = t.entityType || e;
                   return {
                     entityId: t.id,
-                    entityType: r,
+                    entityType: i,
                     hasReviewables: !!t.hasReviewables,
                     name: t.name,
                     label: t.label,
-                    projectName: t.projectName || n,
-                    folderId: r === "task" ? t.folder?.id : void 0
+                    projectName: t.projectName || p,
+                    folderId: i === "task" ? t.folder?.id : void 0
                   };
                 }),
-                entityListsContext: at,
+                entityListsContext: mt,
                 onOpenPip: Dt,
                 onOpenViewer: U,
-                productId: s?.product?.id,
-                taskId: s?.task?.id,
-                folderId: s?.folder?.id
+                productId: a?.product?.id,
+                taskId: a?.task?.id,
+                folderId: a?.folder?.id
               }
             ),
-            /* @__PURE__ */ e.jsx(
-              $t,
+            /* @__PURE__ */ o.jsx(
+              Ht,
               {
                 entities: c,
-                entityType: i,
+                entityType: e,
                 options: S || [],
                 onWatchersUpdate: L && L,
                 userName: O.name
               }
             ),
-            x && /* @__PURE__ */ e.jsx(
+            x && /* @__PURE__ */ o.jsx(
               It,
               {
                 icon: "close",
@@ -543,36 +362,36 @@ const ti = ["product", "representation"], ii = ({
             )
           ] })
         ] }),
-        /* @__PURE__ */ e.jsx(
-          Gt,
+        /* @__PURE__ */ o.jsx(
+          Qt,
           {
-            entityType: i,
+            entityType: e,
             entitySubTypes: ht,
-            entities: p,
+            entities: s,
             users: S,
-            disabledAssignees: et,
-            disabledStatuses: ot,
-            tagsOptions: rt,
+            disabledAssignees: ot,
+            disabledStatuses: rt,
+            tagsOptions: it,
             isFetching: y,
-            isCompact: mt,
-            currentTab: a,
+            isCompact: nt,
+            currentTab: m,
             onTabChange: j,
             projectInfo: D,
             onOpenViewer: (t) => U?.(t),
-            onEntityFocus: st,
+            onEntityFocus: at,
             thumbnailInputRef: Y,
             versionsInputRef: Z
           }
         ),
-        /* @__PURE__ */ e.jsxs(Bt, { projectName: n, children: [
-          ft && !gt && /* @__PURE__ */ e.jsx(
-            Kt,
+        /* @__PURE__ */ o.jsxs(Bt, { projectName: p, children: [
+          ft && !gt && /* @__PURE__ */ o.jsx(
+            zt,
             {
-              entityType: i,
-              entities: p,
+              entityType: e,
+              entities: s,
               activeUsers: C || [],
               projectInfo: _,
-              projectName: n,
+              projectName: p,
               disabled: !$(),
               scope: u,
               statuses: X,
@@ -584,33 +403,33 @@ const ti = ["product", "representation"], ii = ({
               isSlideOut: h
             }
           ),
-          a === "subtasks" && i === "task" && s?.id && Q && /* @__PURE__ */ e.jsx(
-            Jt,
+          m === "subtasks" && e === "task" && a?.id && Q && /* @__PURE__ */ o.jsx(
+            $t,
             {
-              projectName: n,
-              taskId: s.id,
-              subtasks: s.task?.subtasks || [],
+              projectName: p,
+              taskId: a.id,
+              subtasks: a.task?.subtasks || [],
               SubtasksManager: Q,
               useNavigate: ut,
               onNotFound: () => j("feed")
             }
           ),
-          a === "files" && /* @__PURE__ */ e.jsx(
-            Ot,
+          m === "files" && /* @__PURE__ */ o.jsx(
+            qt,
             {
-              entities: p,
+              entities: s,
               scope: u,
               isLoadingVersion: y
             }
           ),
-          a === "details" && /* @__PURE__ */ e.jsx(
-            Xt,
+          m === "details" && /* @__PURE__ */ o.jsx(
+            Jt,
             {
-              entityType: i,
-              entities: p,
+              entityType: e,
+              entities: s,
               activeUsers: C || [],
               projectInfo: _,
-              projectName: n,
+              projectName: p,
               disabled: !$(),
               scope: u,
               statuses: X,
@@ -618,10 +437,10 @@ const ti = ["product", "representation"], ii = ({
               annotations: H,
               removeAnnotation: M,
               exportAnnotationComposite: A,
-              children: /* @__PURE__ */ e.jsx(
-                Wt,
+              children: /* @__PURE__ */ o.jsx(
+                Ut,
                 {
-                  entities: p,
+                  entities: s,
                   isLoading: y
                 }
               )
@@ -631,16 +450,16 @@ const ti = ["product", "representation"], ii = ({
       ] })
     }
   );
-}, Om = ({
+}, Tr = ({
   isOpen: T,
   entityType: P,
   ...N
 }) => {
-  const { entities: d } = it();
-  return !T && !d || !P && !d ? null : /* @__PURE__ */ e.jsx(ii, { ...N, entityType: P || d?.entityType });
+  const { entities: d } = et();
+  return !T && !d || !P && !d ? null : /* @__PURE__ */ o.jsx(ee, { ...N, entityType: P || d?.entityType });
 };
 export {
-  Om as DetailsPanel,
-  ti as entitiesWithoutFeed
+  Tr as DetailsPanel,
+  te as entitiesWithoutFeed
 };
 //# sourceMappingURL=DetailsPanel.es.js.map