@ynput/ayon-frontend-shared 0.3.28 → 0.3.30

package/dist/shared/src/components/EntityPanelUploader/EntityPanelUploader.es.js

@@ -1,6 +1,6 @@
-import { j as i } from "../../../../_virtual/jsx-runtime.es.js";
-import { useState as d, useRef as I } from "react";
-import nr from "clsx";
+import { j as p } from "../../../../_virtual/jsx-runtime.es.js";
+import { useState as u, useRef as nr } from "react";
+import ar from "clsx";
 import "../../containers/ContextMenu/ContextMenuContext.es.js";
 import "@ynput/ayon-react-components";
 /* empty css                                               */
@@ -64,7 +64,7 @@ import "../../api/queries/config/getConfig.es.js";
 import "../../api/queries/config/updateConfig.es.js";
 import "../../api/queries/entities/getEntity.es.js";
 import "../../api/queries/entities/getEntityPanel.es.js";
-import { useUpdateEntitiesMutation as ar } from "../../api/queries/entities/updateEntity.es.js";
+import { useUpdateEntitiesMutation as sr } from "../../api/queries/entities/updateEntity.es.js";
 import "../../api/queries/entityLists/getLists.es.js";
 import "../../api/queries/entityLists/updateLists.es.js";
 import "../../api/queries/entityLists/getListsAttributes.es.js";
@@ -80,7 +80,7 @@ import "../../api/queries/overview/getOverview.es.js";
 import "../../api/queries/overview/updateOverview.es.js";
 import "../../api/queries/versions/getVersionsProducts.es.js";
 import "../../api/queries/permissions/getPermissions.es.js";
-import { useCreateProductMutation as sr } from "../../api/queries/products/createProduct.es.js";
+import { useCreateProductMutation as lr } from "../../api/queries/products/createProduct.es.js";
 import "../../api/queries/products/getFolderProducts.es.js";
 import "../../api/queries/project/getProject.es.js";
 import "../../api/queries/project/updateProject.es.js";
@@ -96,7 +96,7 @@ import "../../api/queries/userDashboard/getUserDashboard.es.js";
 import "../../api/queries/users/getUsers.es.js";
 import "../../api/queries/users/updateUsers.es.js";
 import "../../api/queries/users/guests.es.js";
-import { useCreateVersionMutation as lr } from "../../api/queries/versions/updateVersions.es.js";
+import { useCreateVersionMutation as dr } from "../../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";
@@ -104,15 +104,25 @@ import "../../api/queries/uris/getUris.es.js";
 import "../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
 import "../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
 import "../../context/RemoteModulesContext.es.js";
-import { useDetailsPanelContext as dr } from "../../context/DetailsPanelContext.es.js";
-import "../../context/SubtasksModulesContext.es.js";
-import { ThumbnailUploadProvider as cr } from "../../context/ThumbnailUploaderContext.es.js";
+import { useDetailsPanelContext as cr } from "../../context/DetailsPanelContext.es.js";
+import "../../../../_virtual/runtime.es.js";
+import "../../../../_virtual/semver.es.js";
+import "lodash";
+import { toast as I } from "react-toastify";
+import "react-redux";
+import "custom-protocol-check";
+import "../../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
+import "uuid";
+import { sanitizeProductName as ur, createProductHelper as fr, handleUploadError as S, getNextVersionNumber as gr, createVersionHelper as hr } from "../../util/versionUploadHelpers.es.js";
+import "../../util/pubsub.es.js";
+import "../../context/PowerpackContextInstance.es.js";
+import "../../context/SubtasksModulesContextInstance.es.js";
+import "../../context/ThumbnailUploaderContext.es.js";
 import "../../context/SettingsPanelContext.es.js";
 import "../../context/pip/PiPProvider.es.js";
 import "../../context/pip/PiPWrapper.es.js";
 import "../../context/AddonProjectContext.es.js";
 import "../../context/AddonContext.es.js";
-import "../../context/PowerpackContext.es.js";
 import "../../context/MoveEntityContext.es.js";
 import "../../context/MenuContext.es.js";
 import "../../context/WebsocketContext.es.js";
@@ -133,56 +143,58 @@ import "../../containers/Feed/components/FilesGrid/FilesGrid.styled.es.js";
 import "../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
 import "../../containers/Feed/components/CommentInput/quillToMarkdown.es.js";
 import "../../containers/Feed/components/ActivityComment/ActivityComment.styled.es.js";
-import "lodash";
 import "../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
 import "../AddonLoadingScreen/AddonLoadingScreen.es.js";
 import "../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
 import "../AccessSearchInput/AccessSearchInput.styled.es.js";
 import "../AccessUser/AccessUser.es.js";
-import "../AttributeEditor/components/MinMaxField.es.js";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "../EnumEditor/EnumEditor.styled.es.js";
+import "../AttributeEditor/AttributeEditor.es.js";
 import "../AttributeEditor/attributeTypeMap.es.js";
 import "../Badge/Badge.es.js";
 import "../Chips/Chips.es.js";
 import "date-fns";
 import "../DateRangePicker/DateRangePicker.styled.es.js";
 import "../LinksManager/CellEditingDialog.es.js";
-import { toast as T } from "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 "uuid";
-import { sanitizeProductName as ur, createProductHelper as fr, handleUploadError as k, getNextVersionNumber as hr, createVersionHelper as gr } from "../../util/versionUploadHelpers.es.js";
-import "../../util/pubsub.es.js";
 import "../DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
 import "../DetailsPanelDetails/DetailsPanelDetails.es.js";
+import "react-quill-ayon";
+import "../DetailsPanelDetails/BorderedSection.es.js";
+import "../QuillListStyles/QuillListStyles.es.js";
+import "../DetailsPanelDetails/DescriptionSection.styles.es.js";
+import "rehype-raw";
+import "../DetailsPanelDetails/hooks/useMentionSystem.es.js";
+import "../../containers/Feed/components/CommentInput/modules/index.es.js";
 import "../DetailsPanelDetails/DetailsSection.es.js";
 import "../DetailsPanelDetails/FieldLabel.es.js";
 import "../DoneCheckbox/DoneCheckbox.es.js";
 import "../EarlyPreview/EarlyPreview.es.js";
 import "../EmptyPlaceholder/EmptyPlaceholder.es.js";
 import "../EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
-import { DragAndDropWrapper as vr, DropZones as B, UploadingProgress as br, Progress as yr, CancelButton as Dr } from "./EntityPanelUploader.styled.es.js";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "../EnumEditor/EnumEditor.styled.es.js";
+import { DragAndDropWrapper as vr, DropZones as L, UploadingProgress as yr, Progress as br, CancelButton as Dr } from "./EntityPanelUploader.styled.es.js";
 import xr from "./Dropzone.es.js";
 import wr from "axios";
 import "../ReviewablesList/ReviewablesList.styled.es.js";
 import "../ReviewablesList/ReviewablesUpload.styled.es.js";
-import { useReviewablesUpload as Pr } from "../ReviewablesList/useReviewablesUpload.es.js";
-import jr from "./EntityPanelUploaderDialog.es.js";
+import { useReviewablesUpload as Ur } from "../ReviewablesList/useReviewablesUpload.es.js";
+import Pr from "./EntityPanelUploaderDialog.es.js";
 import "../EntityPath/EntityPath.styled.es.js";
 import "../EntityPath/SegmentProvider.es.js";
 import "../FeaturedVersionOrder/FeaturedVersionOrder.es.js";
-import "../Feedback/FeedbackContext.es.js";
+import "../Feedback/FeedbackContextInstance.es.js";
 import "../Feedback/SupportBubble.es.js";
 import "../FileThumbnail/FileThumbnail.es.js";
 import "../LegacyBadge/LegacyBadge.es.js";
 import "../LinksManager/LinksManager.styled.es.js";
 import "../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
 import "../Powerpack/PowerpackButton.es.js";
-import "../Powerpack/PricingLink.es.js";
+import "../Powerpack/FreeTrialLink.es.js";
 import "../Powerpack/PowerpackDialog.styled.es.js";
 import "../Powerpack/CTAButton.es.js";
 import "../Powerpack/RequiredAddonVersion.es.js";
@@ -192,7 +204,6 @@ import "react-router-dom";
 import "../../containers/Slicer/components/Slicer.es.js";
 import "../../containers/Slicer/context/SlicerContext.es.js";
 import "../../containers/Slicer/hooks/useTableDataBySlice.es.js";
-import "react-redux";
 import "../ReviewableCard/ReviewableCard.es.js";
 import "../ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
 import "../SearchFilter/filterDates.es.js";
@@ -206,17 +217,17 @@ import "../Thumbnail/Thumbnail.styled.es.js";
 import "../Thumbnail/StackedThumbnails.es.js";
 import "../ThumbnailSimple/ThumbnailSimple.es.js";
 import "../VersionUploader/components/UploadVersionDialog.es.js";
-import "../VersionUploader/context/VersionUploadContext.es.js";
+import { useOptionalVersionUploadContext as jr } from "../VersionUploader/context/VersionUploadContext.es.js";
 import "../Watchers/Watchers.es.js";
 import "../Menu/Menu.styled.es.js";
 import "../Menu/MenuItem.es.js";
 import "../ReviewablesSelector/ReviewablesSelector.es.js";
+import "../ColumnHeaderMenuUI.es.js";
 import "../../containers/Feed/components/ActivityReference/ActivityReference.styled.es.js";
 import "../../containers/Feed/components/ActivityStatus/ActivityStatus.es.js";
 import "../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
 import "../../containers/Feed/components/ActivityDate.es.js";
 import "../../containers/Feed/components/ActivityCategorySelect/CategoryTag.es.js";
-import "rehype-raw";
 import "../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
 import "../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
 import "../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
@@ -232,6 +243,7 @@ import "../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/EnumWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/EnumCellValue.es.js";
 import "../../containers/ProjectTreeTable/widgets/TextWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/MarkdownWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/BooleanWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/CellWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/EntityNameWidget.es.js";
@@ -250,143 +262,165 @@ import "../../containers/ProjectTreeTable/context/ClipboardContext.es.js";
 import "../../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
 import "../../containers/ProjectTreeTable/components/DeleteConfirmContent.es.js";
 import "../../containers/ProjectTreeTable/context/ProjectDataContext.es.js";
-import "../../../../_virtual/runtime.es.js";
-import "../../../../_virtual/semver.es.js";
-import "custom-protocol-check";
-import "../../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
 import "../../containers/ProjectTreeTable/ProjectTreeTable.styled.es.js";
 import "../../containers/ProjectTreeTable/components/SelectionCell.es.js";
 import "../../containers/ProjectTreeTable/components/RowSelectionHeader.es.js";
 import "../../containers/ProjectTreeTable/widgets/LoadMoreWidget.es.js";
 import "../../containers/ProjectTreeTable/components/HeaderActionButton.es.js";
-import "../../containers/ProjectTreeTable/components/ColumnHeaderMenu.es.js";
 import "../../containers/DetailsPanel/DetailsPanel.styled.es.js";
 import "../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
-import { ThumbnailWrapper as Ur } from "../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
+import { ThumbnailWrapper as Ir } from "../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
 import "../PlayableIcon/PlayableIcon.es.js";
 import "../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.es.js";
+import "../../containers/DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.es.js";
 import "../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
 import "../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
 import "../../containers/Actions/Actions.styled.es.js";
 import "../../containers/Actions/ActionsDropdown/ActionsDropdown.es.js";
 import "../../containers/Actions/ActionIcon.es.js";
-import "../../containers/Views/context/ViewsContext.es.js";
+import "../../containers/Views/ViewsMenu/ViewsMenu.es.js";
+import "../../containers/Views/context/ViewsContextInstance.es.js";
 import "../../containers/Views/Views.styled.es.js";
 import "../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
-import "../../containers/Views/ViewsMenu/ViewsMenu.es.js";
-const Ir = [
+import "../../containers/ListTable/ListTableRow.es.js";
+import "../../containers/ListTable/ListTable.styled.es.js";
+const Tr = [
   { id: "thumbnail", label: "Upload thumbnail", icon: "add_photo_alternate" },
   { id: "version", label: "Upload version", icon: "layers" }
-], Sm = ({
-  children: L = [],
-  entityType: E,
-  entities: a = [],
+], Hm = ({
+  children: Z = [],
+  entityType: T,
+  entities: d = [],
   projectName: b,
-  onUploaded: C,
+  thumbnailInputRef: $,
+  versionsInputRef: M,
+  onUploaded: V,
   onVersionCreated: W
 }) => {
-  const { dispatch: q } = dr(), [R, c] = d(!1), [y, u] = d(null), l = I(0), [D, s] = d(null), [H, v] = d(0), [_, f] = d(!1), [x, h] = d(null), m = a.length === 1 ? a[0] : null, F = m?.task?.id, w = m?.folder?.id, G = m?.product?.id, J = m?.id, P = !!(m && E !== "representation"), { handleFileUpload: K } = Pr({
+  const { dispatch: B } = cr(), D = jr(), [k, f] = u(!1), [x, g] = u(null), c = nr(0), [w, s] = u(null), [q, y] = u(0), [H, h] = u(!1), [U, v] = u(null), i = d.length === 1 ? d[0] : null, E = i?.task?.id, P = i?.folder?.id, _ = i?.product?.id, G = i?.id, C = !!(i && T !== "representation"), { handleFileUpload: J } = Ur({
     projectName: b,
-    versionId: J,
-    taskId: F,
-    folderId: w,
-    productId: G,
-    dispatch: q,
+    versionId: G,
+    taskId: E,
+    folderId: P,
+    productId: _,
+    dispatch: B,
     onUpload: () => {
-      s(null), v(0);
+      s(null), y(0);
     },
     onProgress: (r) => {
-      v(r);
+      y(r);
     }
-  }), Q = Ir.filter((r) => r.id === "version" ? P : !0), e = () => {
-    s(null), c(!1), u(null), l.current = 0, v(0), f(!1), h(null);
-  }, X = async (r) => {
-    if (!x || !m) {
-      f(!1), h(null);
+  }), K = Tr.filter((r) => r.id === "version" ? C : !0), n = () => {
+    s(null), f(!1), g(null), c.current = 0, y(0), h(!1), v(null);
+  }, Q = async (r) => {
+    if (!U || !i) {
+      h(!1), v(null);
       return;
     }
     const t = ur(r);
     if (!t.trim()) {
-      T.error(
+      I.error(
         "Product name must contain valid characters (letters, numbers, underscore, or hyphen)"
       );
       return;
     }
     try {
-      if (!w)
+      if (!P)
         throw new Error("Folder ID is required to create a product");
       s("version");
-      const o = await fr(rr, b, {
-        folderId: w,
+      const o = await fr(z, b, {
+        folderId: P,
         name: t,
         productType: "review",
         // default product type for uploaded files
         productBaseType: "review"
       });
-      f(!1), await N(x, o.id), h(null);
+      h(!1), await N(U, o.id), v(null);
     } catch (o) {
-      k(o, "creating product"), e();
+      S(o, "creating product"), n();
     }
-  }, Y = () => {
-    f(!1), h(null), e();
-  }, [z] = lr(), [rr] = sr(), V = async (r) => {
-    if (!P || !m)
-      return T.error("Please select exactly one version to upload reviewables"), e();
-    const t = m.product?.id;
+  }, X = () => {
+    h(!1), v(null), n();
+  }, [Y] = dr(), [z] = lr(), F = async (r) => {
+    if (!C || !i)
+      return I.error("Please select exactly one version to upload reviewables"), n();
+    if (D) {
+      const m = Array.from(r).map((a) => ({
+        file: a,
+        preview: a.type.startsWith("image/") ? URL.createObjectURL(a) : void 0
+      }));
+      D.setPendingFiles((a) => [...a, ...m]);
+      const e = i.product, l = i.task ? {
+        id: i.task.id,
+        name: i.task.name,
+        label: i.task.label,
+        taskType: i.task.taskType
+      } : void 0;
+      D.onOpenVersionUpload({
+        productId: e?.id,
+        folderId: i.folder?.id,
+        taskId: i.task?.id,
+        linkedTask: l,
+        latestVersionNumber: e?.latestVersion?.version,
+        latestVersionId: e?.latestVersion?.id
+      }), n();
+      return;
+    }
+    const t = i.product?.id;
     if (!t) {
-      h(r), f(!0);
+      v(r), h(!0);
       return;
     }
     await N(r, t);
   }, N = async (r, t) => {
     try {
-      const o = hr(m.product?.latestVersion), p = await gr(z, b, {
+      const o = gr(i.product?.latestVersion), m = await hr(Y, b, {
         productId: t,
-        taskId: F,
+        taskId: E,
         // previous version could have a taskId or we are uploading on a task
         version: o
       });
-      await K(r, p.id), e(), W?.(p.id);
+      await J(r, m.id), n(), W?.(m.id);
     } catch (o) {
-      k(o, "uploading version"), e();
+      S(o, "uploading version"), n();
     }
-  }, S = async (r = []) => {
-    if (c(!1), !a.length)
+  }, rr = async (r = []) => {
+    if (f(!1), !d.length)
       return;
     const t = (/* @__PURE__ */ new Date()).toISOString();
     let o = [];
-    for (const p of r) {
-      const n = a.find((j) => j.id === p.id);
-      if (!n) continue;
-      p.thumbnailId;
-      const g = p.users || [];
+    for (const m of r) {
+      const e = d.find((a) => a.id === m.id);
+      if (!e) continue;
+      m.thumbnailId;
+      const l = m.users || [];
       o.push({
-        id: n.id,
-        projectName: n.projectName,
+        id: e.id,
+        projectName: e.projectName,
         data: { updatedAt: t },
-        currentAssignees: g
-      }), n.productId;
+        currentAssignees: l
+      }), e.productId;
     }
     try {
-      await tr({ operations: o, entityType: E }), C && C(o);
-    } catch (p) {
-      console.error("Error uploading thumbnail:", p);
+      await tr({ operations: o, entityType: T }), V && V(o);
+    } catch (m) {
+      console.error("Error uploading thumbnail:", m);
     }
-  }, A = async (r) => {
-    if (!r) return e();
+  }, R = async (r) => {
+    if (!r) return n();
     try {
       if (!r.type.includes("image"))
         throw new Error("File is not an image");
       let t = [];
-      for (const n of a) {
-        const { id: g, entityType: j, projectName: U } = n;
-        if (!U) throw new Error("Project name is required");
+      for (const e of d) {
+        const { id: l, entityType: a, projectName: j } = e;
+        if (!j) throw new Error("Project name is required");
         const er = wr.post(
-          U && `/api/projects/${U}/${j}s/${g}/thumbnail`,
+          j && `/api/projects/${j}/${a}s/${l}/thumbnail`,
           r,
           {
-            onUploadProgress: (M) => {
-              v(Math.round(100 * M.loaded / (M.total || r.size)));
+            onUploadProgress: (O) => {
+              y(Math.round(100 * O.loaded / (O.total || r.size)));
             },
             headers: {
               "Content-Type": r.type
@@ -395,114 +429,105 @@ const Ir = [
         );
         t.push(er);
       }
-      const p = (await Promise.all(t)).map((n, g) => ({
-        thumbnailId: n.data.id,
-        id: a[g].id
+      const m = (await Promise.all(t)).map((e, l) => ({
+        thumbnailId: e.data.id,
+        id: d[l].id
       }));
-      S(p), e();
+      rr(m), n();
     } catch (t) {
-      console.error(t), T.error(t.message), e();
+      console.error(t), I.error(t.message), n();
     }
-  }, [tr] = ar(), or = (r) => {
-    r.preventDefault(), l.current++, l.current === 1 && c(!0);
+  }, [tr] = sr(), or = (r) => {
+    r.preventDefault(), c.current++, c.current === 1 && f(!0);
   }, ir = (r) => {
-    r.preventDefault(), l.current--, l.current === 0 && (c(!1), u(null));
+    r.preventDefault(), c.current--, c.current === 0 && (f(!1), g(null));
   }, pr = (r) => {
     r.preventDefault();
   }, mr = (r) => {
-    if (r.preventDefault(), l.current = 0, c(!1), u(null), !(!r.dataTransfer.files || r.dataTransfer.files.length === 0)) {
-      if (y === "thumbnail") {
+    if (r.preventDefault(), c.current = 0, f(!1), g(null), !(!r.dataTransfer.files || r.dataTransfer.files.length === 0)) {
+      if (x === "thumbnail") {
         s("thumbnail");
         const t = r.dataTransfer.files[0];
-        A(t);
+        R(t);
       }
-      if (y === "version") {
+      if (x === "version") {
         s("version");
         const t = r.dataTransfer.files;
-        V(t);
+        F(t);
       }
     }
-  }, O = async (r, t) => {
+  }, A = async (r, t) => {
     const o = r.target.files;
-    !o || o.length === 0 || (t === "version" && (s("version"), V(o)), t === "thumbnail" && (s("thumbnail"), A(o[0])));
-  }, Z = I(null), $ = I(null);
-  return /* @__PURE__ */ i.jsxs(
-    cr,
-    {
-      entities: a,
-      handleThumbnailUpload: S,
-      thumbnailInputRef: Z,
-      versionsInputRef: P ? $ : void 0,
-      children: [
-        /* @__PURE__ */ i.jsxs(
-          vr,
-          {
-            className: nr({ dragging: R }),
-            onDragEnter: or,
-            onDragLeave: ir,
-            onDragOver: pr,
-            onDrop: mr,
-            children: [
-              /* @__PURE__ */ i.jsx(Ur, { children: /* @__PURE__ */ i.jsx("div", { children: L }) }),
-              R && /* @__PURE__ */ i.jsx(B, { children: Q.map((r) => /* @__PURE__ */ i.jsx(
-                xr,
-                {
-                  id: r.id,
-                  label: r.label,
-                  icon: r.icon,
-                  isActive: y === r.id,
-                  onDragOver: () => u(r.id),
-                  onDragLeave: () => u(null)
-                },
-                r.id
-              )) }),
-              (D === "thumbnail" || D === "version") && /* @__PURE__ */ i.jsxs(B, { children: [
-                /* @__PURE__ */ i.jsxs(br, { children: [
-                  /* @__PURE__ */ i.jsx(
-                    yr,
-                    {
-                      style: {
-                        right: `${100 - H}%`
-                      }
-                    }
-                  ),
-                  /* @__PURE__ */ i.jsx("span", { className: "label", children: `Uploading ${D}...` })
-                ] }),
-                /* @__PURE__ */ i.jsx(Dr, { icon: "close", variant: "text", onClick: e })
-              ] }),
-              /* @__PURE__ */ i.jsx(
-                "input",
+    !o || o.length === 0 || (t === "version" && (s("version"), F(o)), t === "thumbnail" && (s("thumbnail"), R(o[0])));
+  };
+  return /* @__PURE__ */ p.jsxs(p.Fragment, { children: [
+    /* @__PURE__ */ p.jsxs(
+      vr,
+      {
+        className: ar({ dragging: k }),
+        onDragEnter: or,
+        onDragLeave: ir,
+        onDragOver: pr,
+        onDrop: mr,
+        children: [
+          /* @__PURE__ */ p.jsx(Ir, { children: /* @__PURE__ */ p.jsx("div", { children: Z }) }),
+          k && /* @__PURE__ */ p.jsx(L, { children: K.map((r) => /* @__PURE__ */ p.jsx(
+            xr,
+            {
+              id: r.id,
+              label: r.label,
+              icon: r.icon,
+              isActive: x === r.id,
+              onDragOver: () => g(r.id),
+              onDragLeave: () => g(null)
+            },
+            r.id
+          )) }),
+          (w === "thumbnail" || w === "version") && /* @__PURE__ */ p.jsxs(L, { children: [
+            /* @__PURE__ */ p.jsxs(yr, { children: [
+              /* @__PURE__ */ p.jsx(
+                br,
                 {
-                  type: "file",
-                  onChange: (r) => O(r, "thumbnail"),
-                  ref: Z
+                  style: {
+                    right: `${100 - q}%`
+                  }
                 }
               ),
-              /* @__PURE__ */ i.jsx(
-                "input",
-                {
-                  type: "file",
-                  onChange: (r) => O(r, "version"),
-                  ref: $
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ i.jsx(
-          jr,
-          {
-            isOpen: _,
-            files: x,
-            onSubmit: X,
-            onCancel: Y
-          }
-        )
-      ]
-    }
-  );
+              /* @__PURE__ */ p.jsx("span", { className: "label", children: `Uploading ${w}...` })
+            ] }),
+            /* @__PURE__ */ p.jsx(Dr, { icon: "close", variant: "text", onClick: n })
+          ] }),
+          /* @__PURE__ */ p.jsx(
+            "input",
+            {
+              type: "file",
+              onChange: (r) => A(r, "thumbnail"),
+              ref: $
+            }
+          ),
+          /* @__PURE__ */ p.jsx(
+            "input",
+            {
+              type: "file",
+              onChange: (r) => A(r, "version"),
+              ref: M
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ p.jsx(
+      Pr,
+      {
+        isOpen: H,
+        files: U,
+        onSubmit: Q,
+        onCancel: X
+      }
+    )
+  ] });
 };
 export {
-  Sm as EntityPanelUploader
+  Hm as EntityPanelUploader
 };
 //# sourceMappingURL=EntityPanelUploader.es.js.map