@ynput/ayon-frontend-shared 0.3.29 → 0.3.30

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

@@ -1,5 +1,5 @@
 import { j as p } from "../../../../_virtual/jsx-runtime.es.js";
-import { useState as u, useRef as T } from "react";
+import { useState as u, useRef as nr } from "react";
 import ar from "clsx";
 import "../../containers/ContextMenu/ContextMenuContext.es.js";
 import "@ynput/ayon-react-components";
@@ -105,14 +105,24 @@ import "../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled
 import "../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
 import "../../context/RemoteModulesContext.es.js";
 import { useDetailsPanelContext as cr } from "../../context/DetailsPanelContext.es.js";
-import "../../context/SubtasksModulesContext.es.js";
-import { ThumbnailUploadProvider as ur } from "../../context/ThumbnailUploaderContext.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 V } 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 fr, createProductHelper as hr, handleUploadError as M, getNextVersionNumber as gr, createVersionHelper as vr } 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 yr, DropZones as W, UploadingProgress as br, Progress as Dr, CancelButton as xr } from "./EntityPanelUploader.styled.es.js";
-import Ur from "./Dropzone.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 { useOptionalVersionUploadContext as Ir } from "../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,64 +262,64 @@ 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 Tr } 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 Vr = [
+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" }
-], Oe = ({
-  children: B = [],
-  entityType: k,
-  entities: s = [],
+], Hm = ({
+  children: Z = [],
+  entityType: T,
+  entities: d = [],
   projectName: b,
-  onUploaded: E,
-  onVersionCreated: q
+  thumbnailInputRef: $,
+  versionsInputRef: M,
+  onUploaded: V,
+  onVersionCreated: W
 }) => {
-  const { dispatch: H } = cr(), D = Ir(), [C, f] = u(!1), [x, h] = u(null), c = T(0), [U, l] = u(null), [_, y] = u(0), [G, g] = u(!1), [w, v] = u(null), i = s.length === 1 ? s[0] : null, R = i?.task?.id, P = i?.folder?.id, J = i?.product?.id, K = i?.id, j = !!(i && k !== "representation"), { handleFileUpload: Q } = 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: K,
-    taskId: R,
+    versionId: G,
+    taskId: E,
     folderId: P,
-    productId: J,
-    dispatch: H,
+    productId: _,
+    dispatch: B,
     onUpload: () => {
-      l(null), y(0);
+      s(null), y(0);
     },
     onProgress: (r) => {
       y(r);
     }
-  }), X = Vr.filter((r) => r.id === "version" ? j : !0), n = () => {
-    l(null), f(!1), h(null), c.current = 0, y(0), g(!1), v(null);
-  }, Y = async (r) => {
-    if (!w || !i) {
-      g(!1), v(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 = fr(r);
+    const t = ur(r);
     if (!t.trim()) {
-      V.error(
+      I.error(
         "Product name must contain valid characters (letters, numbers, underscore, or hyphen)"
       );
       return;
@@ -315,216 +327,207 @@ const Vr = [
     try {
       if (!P)
         throw new Error("Folder ID is required to create a product");
-      l("version");
-      const o = await hr(tr, b, {
+      s("version");
+      const o = await fr(z, b, {
         folderId: P,
         name: t,
         productType: "review",
         // default product type for uploaded files
         productBaseType: "review"
       });
-      g(!1), await N(w, o.id), v(null);
+      h(!1), await N(U, o.id), v(null);
     } catch (o) {
-      M(o, "creating product"), n();
+      S(o, "creating product"), n();
     }
-  }, z = () => {
-    g(!1), v(null), n();
-  }, [rr] = dr(), [tr] = lr(), F = async (r) => {
-    if (!j || !i)
-      return V.error("Please select exactly one version to upload reviewables"), n();
+  }, 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 e = Array.from(r).map((a) => ({
+      const m = Array.from(r).map((a) => ({
         file: a,
         preview: a.type.startsWith("image/") ? URL.createObjectURL(a) : void 0
       }));
-      D.setPendingFiles((a) => [...a, ...e]);
-      const m = i.product, d = i.task ? {
+      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: m?.id,
+        productId: e?.id,
         folderId: i.folder?.id,
         taskId: i.task?.id,
-        linkedTask: d,
-        latestVersionNumber: m?.latestVersion?.version,
-        latestVersionId: m?.latestVersion?.id
+        linkedTask: l,
+        latestVersionNumber: e?.latestVersion?.version,
+        latestVersionId: e?.latestVersion?.id
       }), n();
       return;
     }
     const t = i.product?.id;
     if (!t) {
-      v(r), g(!0);
+      v(r), h(!0);
       return;
     }
     await N(r, t);
   }, N = async (r, t) => {
     try {
-      const o = gr(i.product?.latestVersion), e = await vr(rr, b, {
+      const o = gr(i.product?.latestVersion), m = await hr(Y, b, {
         productId: t,
-        taskId: R,
+        taskId: E,
         // previous version could have a taskId or we are uploading on a task
         version: o
       });
-      await Q(r, e.id), n(), q?.(e.id);
+      await J(r, m.id), n(), W?.(m.id);
     } catch (o) {
-      M(o, "uploading version"), n();
+      S(o, "uploading version"), n();
     }
-  }, A = async (r = []) => {
-    if (f(!1), !s.length)
+  }, rr = async (r = []) => {
+    if (f(!1), !d.length)
       return;
     const t = (/* @__PURE__ */ new Date()).toISOString();
     let o = [];
-    for (const e of r) {
-      const m = s.find((a) => a.id === e.id);
-      if (!m) continue;
-      e.thumbnailId;
-      const d = e.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: m.id,
-        projectName: m.projectName,
+        id: e.id,
+        projectName: e.projectName,
         data: { updatedAt: t },
-        currentAssignees: d
-      }), m.productId;
+        currentAssignees: l
+      }), e.productId;
     }
     try {
-      await or({ operations: o, entityType: k }), E && E(o);
-    } catch (e) {
-      console.error("Error uploading thumbnail:", e);
+      await tr({ operations: o, entityType: T }), V && V(o);
+    } catch (m) {
+      console.error("Error uploading thumbnail:", m);
     }
-  }, O = async (r) => {
+  }, 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 m of s) {
-        const { id: d, entityType: a, projectName: I } = m;
-        if (!I) throw new Error("Project name is required");
-        const nr = wr.post(
-          I && `/api/projects/${I}/${a}s/${d}/thumbnail`,
+      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(
+          j && `/api/projects/${j}/${a}s/${l}/thumbnail`,
           r,
           {
-            onUploadProgress: ($) => {
-              y(Math.round(100 * $.loaded / ($.total || r.size)));
+            onUploadProgress: (O) => {
+              y(Math.round(100 * O.loaded / (O.total || r.size)));
             },
             headers: {
               "Content-Type": r.type
             }
           }
         );
-        t.push(nr);
+        t.push(er);
       }
-      const e = (await Promise.all(t)).map((m, d) => ({
-        thumbnailId: m.data.id,
-        id: s[d].id
+      const m = (await Promise.all(t)).map((e, l) => ({
+        thumbnailId: e.data.id,
+        id: d[l].id
       }));
-      A(e), n();
+      rr(m), n();
     } catch (t) {
-      console.error(t), V.error(t.message), n();
+      console.error(t), I.error(t.message), n();
     }
-  }, [or] = sr(), ir = (r) => {
+  }, [tr] = sr(), or = (r) => {
     r.preventDefault(), c.current++, c.current === 1 && f(!0);
+  }, ir = (r) => {
+    r.preventDefault(), c.current--, c.current === 0 && (f(!1), g(null));
   }, pr = (r) => {
-    r.preventDefault(), c.current--, c.current === 0 && (f(!1), h(null));
-  }, er = (r) => {
     r.preventDefault();
   }, mr = (r) => {
-    if (r.preventDefault(), c.current = 0, f(!1), h(null), !(!r.dataTransfer.files || r.dataTransfer.files.length === 0)) {
+    if (r.preventDefault(), c.current = 0, f(!1), g(null), !(!r.dataTransfer.files || r.dataTransfer.files.length === 0)) {
       if (x === "thumbnail") {
-        l("thumbnail");
+        s("thumbnail");
         const t = r.dataTransfer.files[0];
-        O(t);
+        R(t);
       }
       if (x === "version") {
-        l("version");
+        s("version");
         const t = r.dataTransfer.files;
         F(t);
       }
     }
-  }, S = async (r, t) => {
+  }, A = async (r, t) => {
     const o = r.target.files;
-    !o || o.length === 0 || (t === "version" && (l("version"), F(o)), t === "thumbnail" && (l("thumbnail"), O(o[0])));
-  }, L = T(null), Z = T(null);
-  return /* @__PURE__ */ p.jsxs(
-    ur,
-    {
-      entities: s,
-      handleThumbnailUpload: A,
-      thumbnailInputRef: L,
-      versionsInputRef: j ? Z : void 0,
-      children: [
-        /* @__PURE__ */ p.jsxs(
-          yr,
-          {
-            className: ar({ dragging: C }),
-            onDragEnter: ir,
-            onDragLeave: pr,
-            onDragOver: er,
-            onDrop: mr,
-            children: [
-              /* @__PURE__ */ p.jsx(Tr, { children: /* @__PURE__ */ p.jsx("div", { children: B }) }),
-              C && /* @__PURE__ */ p.jsx(W, { children: X.map((r) => /* @__PURE__ */ p.jsx(
-                Ur,
-                {
-                  id: r.id,
-                  label: r.label,
-                  icon: r.icon,
-                  isActive: x === r.id,
-                  onDragOver: () => h(r.id),
-                  onDragLeave: () => h(null)
-                },
-                r.id
-              )) }),
-              (U === "thumbnail" || U === "version") && /* @__PURE__ */ p.jsxs(W, { children: [
-                /* @__PURE__ */ p.jsxs(br, { children: [
-                  /* @__PURE__ */ p.jsx(
-                    Dr,
-                    {
-                      style: {
-                        right: `${100 - _}%`
-                      }
-                    }
-                  ),
-                  /* @__PURE__ */ p.jsx("span", { className: "label", children: `Uploading ${U}...` })
-                ] }),
-                /* @__PURE__ */ p.jsx(xr, { icon: "close", variant: "text", onClick: n })
-              ] }),
+    !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(
-                "input",
+                br,
                 {
-                  type: "file",
-                  onChange: (r) => S(r, "thumbnail"),
-                  ref: L
+                  style: {
+                    right: `${100 - q}%`
+                  }
                 }
               ),
-              /* @__PURE__ */ p.jsx(
-                "input",
-                {
-                  type: "file",
-                  onChange: (r) => S(r, "version"),
-                  ref: Z
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ p.jsx(
-          jr,
-          {
-            isOpen: G,
-            files: w,
-            onSubmit: Y,
-            onCancel: z
-          }
-        )
-      ]
-    }
-  );
+              /* @__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 {
-  Oe as EntityPanelUploader
+  Hm as EntityPanelUploader
 };
 //# sourceMappingURL=EntityPanelUploader.es.js.map