@ynput/ayon-frontend-shared 0.4.1 → 0.4.2

package/dist/shared/src/components/VersionUploader/components/UploadVersionForm.es.js

@@ -1,23 +1,10 @@
-import { j as o } from "../../../../../_virtual/jsx-runtime.es.js";
-import { useRef as b, useState as st, useMemo as L, useCallback as at, useEffect as lt } from "react";
-import p from "styled-components";
+import { j as e } from "../../../../../_virtual/jsx-runtime.es.js";
+import { useRef as b, useState as at, useMemo as L, useCallback as lt, useEffect as mt } from "react";
+import r from "styled-components";
 import { FormLayout as dt, Button as g, FormRow as c, InputText as ct, Dropdown as z, InputNumber as ut, Icon as ht } from "@ynput/ayon-react-components";
-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 "clsx";
-import "../../AttributeEditor/AttributeEditor.es.js";
-import "../../AttributeEditor/attributeTypeMap.es.js";
-import "../../Badge/Badge.es.js";
-import "../../Chips/Chips.es.js";
-import "react-dom";
-import "date-fns";
-import "../../DateRangePicker/DateRangePicker.styled.es.js";
-import "../../LinksManager/CellEditingDialog.es.js";
-import "../../DeleteEntitiesConfirm/DeleteConfirmContent.es.js";
-import "../../DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.es.js";
-import "react-toastify";
+import { ReviewableUpload as xt } from "../../ReviewablesList/ReviewablesUpload.es.js";
+import { useVersionUploadContext as yt } from "../context/VersionUploadContext.es.js";
+import { useProjectContext as vt } from "../../../context/ProjectContext.es.js";
 import "../../../api/base/client.es.js";
 import "../../../api/generated/graphql.es.js";
 import "../../../api/generated/graphqlLinks.es.js";
@@ -103,7 +90,7 @@ import "../../../api/queries/review/getReview.es.js";
 import "../../../api/queries/review/updateReview.es.js";
 import "../../../api/queries/share/share.es.js";
 import "../../../api/queries/system/getSystem.es.js";
-import { useGetTaskQuery as xt } from "../../../api/queries/tasks/getTasks.es.js";
+import { useGetTaskQuery as gt } from "../../../api/queries/tasks/getTasks.es.js";
 import "../../../api/queries/tasks/updateTasks.es.js";
 import "../../../api/queries/teams/getTeams.es.js";
 import "../../../api/queries/userDashboard/getUserDashboard.es.js";
@@ -115,203 +102,15 @@ 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 "../../../../../_virtual/index.es.js";
-import "../../../../../node_modules/refractor/lib/common.es.js";
-import "../../../../../node_modules/refractor/lib/all.es.js";
-/* empty css                                                                                 */
-import "lodash";
-import "uuid";
-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 "react-markdown";
-import "remark-gfm";
-import "rehype-raw";
-import "../../../containers/Feed/components/CommentInput/quillToMarkdown.es.js";
-import "../../DetailsPanelDetails/hooks/useMentionSystem.es.js";
-import "../../../containers/Feed/components/CommentInput/modules/index.es.js";
-import "../../../context/RemoteModulesContext.es.js";
-import "../../../../../_virtual/runtime.es.js";
-import "../../../../../_virtual/semver.es.js";
-import "../../../context/PowerpackContextInstance.es.js";
-import "../../../context/UriContext.es.js";
-import "../../../context/DetailsPanelContextInstance.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/MenuContext.es.js";
-import "../../../context/WebsocketContext.es.js";
-import "../../../context/GlobalContext.es.js";
-import { useProjectContext as yt } from "../../../context/ProjectContext.es.js";
-import "../../../context/ProjectFoldersContextInstance.es.js";
-import "../../../context/EntityUpdatesContextInstance.es.js";
-import "../../../containers/ContextMenu/ContextMenuContext.es.js";
-/* empty css                                                  */
-import "../../../containers/Feed/context/FeedContext.es.js";
-import "../../../containers/Feed/components/Tooltips/UserTooltipItem.es.js";
-import "../../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
-import "../../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
-import "../../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
-import "../../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
-import "../../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
-import "remark-emoji";
-import "remark-directive";
-import "remark-directive-rehype";
-import "../../../containers/Feed/components/CommentInput/CommentInput.es.js";
-import "../../../containers/Feed/components/ReactionContainer/Reactions.styled.es.js";
-import "../../../containers/Feed/components/FilesGrid/FilesGrid.styled.es.js";
-import "../../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
-import "../../../containers/Feed/components/ActivityComment/ActivityComment.styled.es.js";
-import "../../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
-import "../../../containers/Feed/components/ActivityReference/ActivityReference.styled.es.js";
-import "react-router-dom";
-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/ActivityVersionReview/ActivityVersionReview.styled.es.js";
-import "../../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
-import "../../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
-import "../../../containers/Feed/components/ActivityCategorySelect/CategoryTag.es.js";
-import "../../../containers/Feed/components/ActivityFieldChange/ActivityFieldChange.styled.es.js";
-import "../../../containers/Feed/components/ActivityFieldChange/FieldValue.es.js";
-import "../../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
-import "../../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
-import "../../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
-import "../../../containers/Feed/Feed.styled.es.js";
-import "../../EmptyPlaceholder/EmptyPlaceholder.es.js";
-import "../../EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
-import "../../../containers/Feed/components/FeedSearchFilter.es.js";
-import "@tanstack/react-virtual";
-import "@tanstack/react-table";
-import "../../../containers/ProjectTreeTable/buildTreeTableColumns.es.js";
-import "../../../containers/ProjectTreeTable/ProjectTreeTable.styled.es.js";
-import "../../../containers/ProjectTreeTable/components/HeaderActionButton.es.js";
-import "../../../containers/ProjectTreeTable/components/RowSelectionHeader.es.js";
-import "../../../containers/ProjectTreeTable/components/SelectionCell.es.js";
-import "../../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
-import "../../SearchFilter/filterDates.es.js";
-import "short-uuid";
-import "../../../containers/ProjectTreeTable/utils/columnIds.es.js";
-import "../../../containers/ProjectTreeTable/context/SelectionCellsContext.es.js";
-import "../../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
-import "../../../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
-import "../../../containers/ProjectTreeTable/context/ProjectTableContextInstance.es.js";
-import "../../../containers/ProjectTreeTable/context/ClipboardContext.es.js";
-import "../../../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
-import "../../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
-import "../../../containers/ProjectTreeTable/context/ProjectDataContextInstance.es.js";
-import "../../../containers/NewEntity/components/NewEntity.es.js";
-import "../../../containers/Slicer/components/Slicer.es.js";
-import "../../../containers/Slicer/context/SlicerContextInstance.es.js";
-import "../../../containers/Slicer/components/SlicerDropdownFallback.es.js";
-import "../../../containers/Slicer/hooks/useTableDataBySlice.es.js";
-import "react-redux";
-import "../../../containers/NewEntity/context/NewEntityContextInstance.es.js";
-import "../../../containers/NewEntity/components/NewEntityForm.es.js";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "../../../containers/ProjectTreeTable/components/TableFooterRow.es.js";
-import "../../../containers/ProjectTreeTable/widgets/CellWidget.es.js";
-import "../../../containers/ProjectTreeTable/widgets/CollapsedWidget.es.js";
-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/EntityNameWidget.es.js";
-import "../../../containers/ProjectTreeTable/widgets/EntityWidget.es.js";
-import "../../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
-import "../../../containers/ProjectTreeTable/widgets/ThumbnailWidget.es.js";
-import "../../../containers/ProjectTreeTable/widgets/LinksWidget.es.js";
-import "../../LinksManager/LinksManager.styled.es.js";
-import "../../../containers/ProjectTreeTable/widgets/EmptyWidget.es.js";
-import "../../../containers/ProjectTreeTable/widgets/ErrorWidget.es.js";
-import "../../../containers/DetailsPanel/DetailsPanel.styled.es.js";
-import "../../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
-import "../../../containers/DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.es.js";
-import "../../../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/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
-import "../../../containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.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/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 { EntityPickerDialog as vt } from "../../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
-import "../../../containers/ListTable/ListTableRow.es.js";
-import "../../../containers/ListTable/ListTable.styled.es.js";
-import "../../../context/DeleteEntitiesContext.es.js";
-import "custom-protocol-check";
-import "../../../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
-import "../../DetailsPanelDetails/DetailsSection.es.js";
-import "../../DetailsPanelDetails/FieldLabel.es.js";
-import "../../DoneCheckbox/DoneCheckbox.es.js";
-import "../../EarlyPreview/EarlyPreview.es.js";
-import "../../InfoMessage/InfoMessage.es.js";
-import "../../EnumEditor/EnumEditor.styled.es.js";
-import "../../EntityPanelUploader/EntityPanelUploader.styled.es.js";
-import "axios";
-import "../../ReviewablesList/ReviewablesList.styled.es.js";
-import { ReviewableUpload as gt } from "../../ReviewablesList/ReviewablesUpload.es.js";
-import "../../EntityPath/EntityPath.styled.es.js";
-import "../../EntityPath/SegmentProvider.es.js";
-import "../../FeaturedVersionOrder/FeaturedVersionOrder.es.js";
-import "../../Feedback/FeedbackContextInstance.es.js";
-import "../../Feedback/SupportBubble.es.js";
-import "../../FileThumbnail/FileThumbnail.es.js";
-import "../../LegacyBadge/LegacyBadge.es.js";
-import "../../Powerpack/PowerpackButton.es.js";
-import "../../Powerpack/FreeTrialLink.es.js";
-import "../../Powerpack/PowerpackDialog.styled.es.js";
-import "../../Powerpack/CTAButton.es.js";
-import "../../Powerpack/RequiredAddonVersion.es.js";
-import "../../ProjectTableSettings/ProjectTableSettings.es.js";
-import "../../ProjectTableSettings/ColumnsSettings.es.js";
-import "../../SizeSlider/SizeSlider.es.js";
-import "../../ReviewableCard/ReviewableCard.es.js";
-import "../../ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
-import "../../SearchFilter/CustomDateRangeDialog.es.js";
-import "../../SettingsPanel/SettingsPanel.es.js";
-import "../../SettingsPanel/SettingsPanelItemTemplate.es.js";
-import "../../ShareOptionIcon/ShareOptionIcon.es.js";
-import "../../SimpleFormDialog/SimpleFormDialog.es.js";
-import "../../StyledLink/StyledLink.es.js";
-import "../../SyncButton/SyncButton.es.js";
-import "../../TableGridSwitch/TableGridSwitch.es.js";
-import "../../Thumbnail/Thumbnail.styled.es.js";
-import "../../Thumbnail/StackedThumbnails.es.js";
-import "../../ThumbnailSimple/ThumbnailSimple.es.js";
-import "./UploadVersionDialog.es.js";
-import { useVersionUploadContext as ft } from "../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 { EntityPickerDialog as ft } from "../../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
 import { Skeleton as Tt } from "../../../../node_modules/primereact/skeleton/skeleton.esm.es.js";
-const bt = p.form`
+const bt = r.form`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-large);
   padding: var(--padding-m);
   width: 100%;
-`, kt = p(dt)`
+`, kt = r(dt)`
   width: 100%;
   margin: auto;
 
@@ -322,12 +121,12 @@ const bt = p.form`
   input {
     width: 100%;
   }
-`, wt = p.div`
+`, wt = r.div`
   font-size: var(--font-size-xs);
   color: var(--md-sys-color-outline);
   margin-top: var(--base-gap-small);
   line-height: 1.3;
-`, jt = p.button`
+`, jt = r.button`
   background: none;
   border: none;
   color: var(--md-sys-color-primary);
@@ -340,7 +139,7 @@ const bt = p.form`
   &:hover {
     color: var(--md-sys-color-primary-dark);
   }
-`, Pt = p.div`
+`, Pt = r.div`
   display: flex;
   align-items: start;
   gap: var(--base-gap-small);
@@ -350,41 +149,41 @@ const bt = p.form`
     flex: 1;
     min-width: 0;
   }
-`, Ft = p.div`
+`, Ft = r.div`
   font-size: var(--font-size-xs);
   color: var(--md-sys-color-primary);
   margin-top: var(--base-gap-small);
   line-height: 1.3;
-`, St = p.div`
+`, St = r.div`
   position: relative;
   min-height: 80px;
-`, Nt = p.div`
+`, Nt = r.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
   width: 100%;
-`, It = p(g)`
+`, It = r(g)`
   flex: 1;
-`, Vt = p.div`
+`, Vt = r.div`
   width: 100%;
   overflow: hidden;
   display: flex;
   min-width: 0;
-`, Ct = p.span`
+`, Ct = r.span`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   max-width: fit-content;
   margin-right: 4px;
   flex: 1;
-`, Rt = p.span`
+`, Rt = r.span`
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   font-weight: bold;
-`, vm = ({
-  formData: i,
-  onChange: e,
+`, Ro = ({
+  formData: o,
+  onChange: n,
   onSubmit: k,
   hidden: u = [],
   projectName: f,
@@ -392,13 +191,13 @@ const bt = p.form`
   versionId: w,
   productId: j
 }) => {
-  const P = b(i.productType), B = b(null), O = b(null), {
+  const P = b(o.productType), B = b(null), O = b(null), {
     pendingFiles: A,
     setPendingFiles: K,
     onCloseVersionUpload: M,
     extractAndSetVersionFromFiles: _,
     dispatch: W,
-    taskId: a,
+    taskId: l,
     linkedTask: h,
     isLoadingTask: G,
     setTaskId: F,
@@ -406,100 +205,100 @@ const bt = p.form`
     folderId: Q,
     folderProducts: x,
     isFolderProductsLoading: S,
-    matchedProduct: m
-  } = ft(), [$, y] = st(!1), q = L(
+    matchedProduct: s
+  } = yt(), [$, y] = at(!1), q = L(
     () => x.map((t) => ({ value: t.name, label: t.name })),
     [x]
-  ), J = at(
+  ), J = lt(
     (t) => {
-      e("name", t.length > 0 ? t[0] : "");
+      n("name", t.length > 0 ? t[0] : "");
     },
-    [e]
-  ), X = m?.latestVersion ? `v${String(m.latestVersion.version).padStart(3, "0")}` : "", { data: n, isFetching: Y } = xt(
-    { projectName: f, taskId: a },
-    { skip: !a }
-  ), Z = G || !!a && Y && !h, N = n?.folderId || Q, v = yt(), I = n?.label || n?.name || h?.label || h?.name || "", V = n?.taskType || h?.taskType, C = V ? v.getTaskType(V) : void 0, D = C?.icon || "task_alt", R = n?.path ? n.path.substring(0, n.path.lastIndexOf("/")) : "", tt = v.getProductTypeOptions(), l = L(() => v.productTypes.reduce((t, r) => (t[r.name] = r, t), {}), [v.productTypes]);
-  lt(() => {
-    const t = P.current, r = l[t]?.name || "", d = l[i.productType]?.name || "";
-    if (i.productType !== t && r && i.name.startsWith(r)) {
-      const T = i.name.slice(r.length), nt = d + T;
-      e("name", nt);
+    [n]
+  ), X = s?.latestVersion ? `v${String(s.latestVersion.version).padStart(3, "0")}` : "", { data: p, isFetching: Y } = gt(
+    { projectName: f, taskId: l },
+    { skip: !l }
+  ), Z = G || !!l && Y && !h, N = p?.folderId || Q, v = vt(), I = p?.label || p?.name || h?.label || h?.name || "", V = p?.taskType || h?.taskType, C = V ? v.getTaskType(V) : void 0, D = C?.icon || "task_alt", R = p?.path ? p.path.substring(0, p.path.lastIndexOf("/")) : "", tt = v.getProductTypeOptions(), m = L(() => v.productTypes.reduce((t, i) => (t[i.name] = i, t), {}), [v.productTypes]);
+  mt(() => {
+    const t = P.current, i = m[t]?.name || "", d = m[o.productType]?.name || "";
+    if (o.productType !== t && i && o.name.startsWith(i)) {
+      const T = o.name.slice(i.length), pt = d + T;
+      n("name", pt);
     }
-    P.current = i.productType;
-  }, [i.productType, i.name, e]);
-  const ot = (t) => {
+    P.current = o.productType;
+  }, [o.productType, o.name, n]);
+  const et = (t) => {
     t.preventDefault();
-    const r = t.nativeEvent.submitter;
-    r && r.closest(".dropdown") || k(i);
+    const i = t.nativeEvent.submitter;
+    i && i.closest(".dropdown") || k(o);
+  }, ot = (t) => {
+    const i = parseInt(t.target.value, 10);
+    isNaN(i) || n("version", i);
   }, it = (t) => {
-    const r = parseInt(t.target.value, 10);
-    isNaN(r) || e("version", r);
+    n("name", t.target.value);
   }, rt = (t) => {
-    e("name", t.target.value);
-  }, pt = (t) => {
-    t.length > 0 && e("productType", t[0]);
-  }, et = () => {
-    const t = l[i.productType]?.name || "", r = i.name || "", d = r.charAt(0).toUpperCase() + r.slice(1), T = t + d;
-    e("name", T);
+    t.length > 0 && n("productType", t[0]);
+  }, nt = () => {
+    const t = m[o.productType]?.name || "", i = o.name || "", d = i.charAt(0).toUpperCase() + i.slice(1), T = t + d;
+    n("name", T);
   }, E = () => {
-    const t = l[i.productType]?.name || "";
-    return i.name && !i.name.startsWith(t);
-  }, s = !!w, mt = (t) => {
+    const t = m[o.productType]?.name || "";
+    return o.name && !o.name.startsWith(t);
+  }, a = !!w, st = (t) => {
     if (t.key === "Enter" && (t.metaKey || t.ctrlKey)) {
-      t.preventDefault(), k(i);
+      t.preventDefault(), k(o);
       return;
     }
   };
-  return /* @__PURE__ */ o.jsxs(
+  return /* @__PURE__ */ e.jsxs(
     bt,
     {
       id: "upload-version-form",
       ref: O,
-      onSubmit: ot,
+      onSubmit: et,
       noValidate: !0,
-      onKeyDown: mt,
+      onKeyDown: st,
       children: [
-        /* @__PURE__ */ o.jsxs(kt, { children: [
-          !u.includes("name") && /* @__PURE__ */ o.jsx(c, { label: "Product Name", children: /* @__PURE__ */ o.jsxs(Pt, { children: [
-            /* @__PURE__ */ o.jsxs("div", { children: [
-              /* @__PURE__ */ o.jsx(
+        /* @__PURE__ */ e.jsxs(kt, { children: [
+          !u.includes("name") && /* @__PURE__ */ e.jsx(c, { label: "Product Name", children: /* @__PURE__ */ e.jsxs(Pt, { children: [
+            /* @__PURE__ */ e.jsxs("div", { children: [
+              /* @__PURE__ */ e.jsx(
                 ct,
                 {
-                  value: i.name,
-                  onChange: rt,
+                  value: o.name,
+                  onChange: it,
                   placeholder: "Enter product name",
                   minLength: 1,
                   autoFocus: !0,
                   "aria-label": "Product Name",
                   "aria-describedby": E() ? "name-recommendation" : void 0,
-                  disabled: s
+                  disabled: a
                 }
               ),
-              m && /* @__PURE__ */ o.jsx(Ft, { children: m.latestVersion ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+              s && /* @__PURE__ */ e.jsx(Ft, { children: s.latestVersion ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
                 "Matched existing product (latest: ",
                 X,
                 ")"
               ] }) : "Matched existing product (no versions)" }),
-              !m && E() && /* @__PURE__ */ o.jsxs(wt, { id: "name-recommendation", children: [
+              !s && E() && /* @__PURE__ */ e.jsxs(wt, { id: "name-recommendation", children: [
                 'We recommend prefixing with "',
-                l[i.productType]?.name,
+                m[o.productType]?.name,
                 '".',
                 " ",
-                /* @__PURE__ */ o.jsx(jt, { type: "button", onClick: et, children: "Apply prefix" })
+                /* @__PURE__ */ e.jsx(jt, { type: "button", onClick: nt, children: "Apply prefix" })
               ] })
             ] }),
-            !j && !s && /* @__PURE__ */ o.jsx(
+            !j && !a && /* @__PURE__ */ e.jsx(
               z,
               {
                 options: q,
-                value: m ? [m.name] : [],
+                value: s ? [s.name] : [],
                 onChange: J,
                 multiSelect: !1,
                 search: !0,
                 widthExpand: !1,
                 disabled: S || x.length === 0,
                 "aria-label": "Select existing product",
-                valueTemplate: (t, r, d) => /* @__PURE__ */ o.jsx(
+                valueTemplate: (t, i, d) => /* @__PURE__ */ e.jsx(
                   g,
                   {
                     icon: "inventory_2",
@@ -514,54 +313,54 @@ const bt = p.form`
               }
             )
           ] }) }),
-          !u.includes("productType") && /* @__PURE__ */ o.jsx(c, { label: "Product Type", children: /* @__PURE__ */ o.jsx(
+          !u.includes("productType") && /* @__PURE__ */ e.jsx(c, { label: "Product Type", children: /* @__PURE__ */ e.jsx(
             z,
             {
               ref: B,
               options: tt,
-              value: [i.productType],
-              onChange: pt,
+              value: [o.productType],
+              onChange: rt,
               widthExpand: !0,
               multiSelect: !1,
               "aria-label": "Product Type",
               search: !0,
-              disabled: s
+              disabled: a
             }
           ) }),
-          !u.includes("version") && /* @__PURE__ */ o.jsx(c, { label: "Version", children: /* @__PURE__ */ o.jsx(
+          !u.includes("version") && /* @__PURE__ */ e.jsx(c, { label: "Version", children: /* @__PURE__ */ e.jsx(
             ut,
             {
-              value: i.version,
-              onChange: it,
+              value: o.version,
+              onChange: ot,
               min: U,
               step: 1,
               "aria-label": "Version Number",
               autoFocus: u.includes("name"),
-              disabled: s
+              disabled: a
             }
           ) }),
-          /* @__PURE__ */ o.jsx(c, { label: "Task", children: /* @__PURE__ */ o.jsx(Nt, { children: Z ? /* @__PURE__ */ o.jsx(Tt, { height: "20px" }) : a && I ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-            /* @__PURE__ */ o.jsxs(
+          /* @__PURE__ */ e.jsx(c, { label: "Task", children: /* @__PURE__ */ e.jsx(Nt, { children: Z ? /* @__PURE__ */ e.jsx(Tt, { height: "20px" }) : l && I ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+            /* @__PURE__ */ e.jsxs(
               It,
               {
                 type: "button",
                 onClick: () => y(!0),
-                disabled: s,
+                disabled: a,
                 variant: "text",
                 children: [
-                  /* @__PURE__ */ o.jsx(ht, { icon: D, style: { color: C?.color } }),
-                  /* @__PURE__ */ o.jsxs(Vt, { children: [
-                    R && /* @__PURE__ */ o.jsxs(Ct, { children: [
+                  /* @__PURE__ */ e.jsx(ht, { icon: D, style: { color: C?.color } }),
+                  /* @__PURE__ */ e.jsxs(Vt, { children: [
+                    R && /* @__PURE__ */ e.jsxs(Ct, { children: [
                       R.split("/").filter(Boolean).join(" / "),
                       " /",
                       " "
                     ] }),
-                    /* @__PURE__ */ o.jsx(Rt, { children: I })
+                    /* @__PURE__ */ e.jsx(Rt, { children: I })
                   ] })
                 ]
               }
             ),
-            /* @__PURE__ */ o.jsx(
+            /* @__PURE__ */ e.jsx(
               g,
               {
                 type: "button",
@@ -570,10 +369,10 @@ const bt = p.form`
                 onClick: () => {
                   F(""), H(null);
                 },
-                disabled: s
+                disabled: a
               }
             )
-          ] }) : /* @__PURE__ */ o.jsx(
+          ] }) : /* @__PURE__ */ e.jsx(
             g,
             {
               type: "button",
@@ -581,18 +380,18 @@ const bt = p.form`
               label: "Link task",
               variant: "text",
               onClick: () => y(!0),
-              disabled: s
+              disabled: a
             }
           ) }) })
         ] }),
-        $ && /* @__PURE__ */ o.jsx(
-          vt,
+        $ && /* @__PURE__ */ e.jsx(
+          ft,
           {
             projectName: f,
             entityType: "task",
             initialSelection: {
               ...N ? { folder: { [N]: !0 } } : {},
-              ...a ? { task: { [a]: !0 } } : {}
+              ...l ? { task: { [l]: !0 } } : {}
             },
             onSubmit: (t) => {
               t.length > 0 && F(t[0]), y(!1);
@@ -600,9 +399,9 @@ const bt = p.form`
             onClose: () => y(!1)
           }
         ),
-        /* @__PURE__ */ o.jsx(c, { label: "Reviewable files" }),
-        /* @__PURE__ */ o.jsx(St, { children: /* @__PURE__ */ o.jsx(
-          gt,
+        /* @__PURE__ */ e.jsx(c, { label: "Reviewable files" }),
+        /* @__PURE__ */ e.jsx(St, { children: /* @__PURE__ */ e.jsx(
+          xt,
           {
             projectName: f,
             versionId: w,
@@ -627,6 +426,6 @@ const bt = p.form`
   );
 };
 export {
-  vm as UploadVersionForm
+  Ro as UploadVersionForm
 };
 //# sourceMappingURL=UploadVersionForm.es.js.map