@ynput/ayon-frontend-shared 0.3.16 → 0.3.18

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

@@ -1,7 +1,7 @@
 import { j as o } from "../../../../../_virtual/jsx-runtime.es.js";
-import { useRef as f, useState as tt, useMemo as ot, useEffect as it } from "react";
-import p from "styled-components";
-import { FormLayout as rt, Button as k, FormRow as l, Dropdown as pt, InputText as et, InputNumber as mt, Icon as nt } from "@ynput/ayon-react-components";
+import { useRef as b, useState as st, useMemo as L, useCallback as at, useEffect as lt } from "react";
+import e 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";
@@ -90,6 +90,7 @@ import "../../../api/queries/overview/updateOverview.es.js";
 import "../../../api/queries/versions/getVersionsProducts.es.js";
 import "../../../api/queries/permissions/getPermissions.es.js";
 import "../../../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";
 import "../../../api/queries/projectFolders/projectFolders.es.js";
@@ -97,7 +98,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 st } from "../../../api/queries/tasks/getTasks.es.js";
+import { useGetTaskQuery as xt } from "../../../api/queries/tasks/getTasks.es.js";
 import "../../../api/queries/tasks/updateTasks.es.js";
 import "../../../api/queries/userDashboard/getUserDashboard.es.js";
 import "../../../api/queries/users/getUsers.es.js";
@@ -108,6 +109,12 @@ 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 "uuid";
+import "../../../util/pubsub.es.js";
 import "../../DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
 import "../../DetailsPanelDetails/DetailsPanelDetails.es.js";
 import "../../DetailsPanelDetails/DetailsSection.es.js";
@@ -135,7 +142,7 @@ import "../../../context/MoveEntityContext.es.js";
 import "../../../context/MenuContext.es.js";
 import "../../../context/WebsocketContext.es.js";
 import "../../../context/GlobalContext.es.js";
-import { useProjectContext as at } from "../../../context/ProjectContext.es.js";
+import { useProjectContext as yt } from "../../../context/ProjectContext.es.js";
 import "../../../context/ProjectFoldersContext.es.js";
 import "../../../context/UriContext.es.js";
 import "../../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
@@ -153,8 +160,6 @@ import "../../../containers/Feed/components/CommentInput/quillToMarkdown.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 "uuid";
-import "../../../util/pubsub.es.js";
 import "react-router-dom";
 import "../../../containers/Feed/components/ActivityStatus/ActivityStatus.es.js";
 import "../../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
@@ -203,14 +208,10 @@ 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 { EntityPickerDialog as lt } from "../../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
-import "../../../containers/SimpleTable/SimpleTable.styled.es.js";
-import "@tanstack/match-sorter-utils";
-import "../../../containers/SimpleTable/context/SimpleTableContext.es.js";
-import "../../../containers/SimpleTable/SimpleTableRowTemplate.es.js";
-import "../../../containers/Slicer/hooks/useTableDataBySlice.es.js";
-import "../../../containers/Slicer/components/SlicerSearch.es.js";
+import { EntityPickerDialog as vt } from "../../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
+import "../../../containers/Slicer/components/Slicer.es.js";
 import "../../../containers/Slicer/context/SlicerContext.es.js";
+import "../../../containers/Slicer/hooks/useTableDataBySlice.es.js";
 import "../../../containers/DetailsPanel/DetailsPanel.styled.es.js";
 import "../../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
 import "../../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
@@ -228,7 +229,7 @@ import "../../../containers/Views/ViewsMenu/ViewsMenu.es.js";
 import "../../EntityPanelUploader/EntityPanelUploader.styled.es.js";
 import "axios";
 import "../../ReviewablesList/ReviewablesList.styled.es.js";
-import { ReviewableUpload as dt } from "../../ReviewablesList/ReviewablesUpload.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";
@@ -257,19 +258,19 @@ import "../../Thumbnail/Thumbnail.styled.es.js";
 import "../../Thumbnail/StackedThumbnails.es.js";
 import "../../ThumbnailSimple/ThumbnailSimple.es.js";
 import "./UploadVersionDialog.es.js";
-import { useVersionUploadContext as ct } from "../context/VersionUploadContext.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.styled.es.js";
-import { Skeleton as ut } from "../../../../node_modules/primereact/skeleton/skeleton.esm.es.js";
-const ht = p.form`
+import { Skeleton as Tt } from "../../../../node_modules/primereact/skeleton/skeleton.esm.es.js";
+const bt = e.form`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-large);
   padding: var(--padding-m);
   width: 100%;
-`, yt = p(rt)`
+`, kt = e(dt)`
   width: 100%;
   margin: auto;
 
@@ -280,12 +281,12 @@ const ht = p.form`
   input {
     width: 100%;
   }
-`, xt = p.div`
+`, wt = e.div`
   font-size: var(--font-size-xs);
   color: var(--md-sys-color-outline);
   margin-top: var(--base-gap-small);
   line-height: 1.3;
-`, Tt = p.button`
+`, jt = e.button`
   background: none;
   border: none;
   color: var(--md-sys-color-primary);
@@ -298,107 +299,187 @@ const ht = p.form`
   &:hover {
     color: var(--md-sys-color-primary-dark);
   }
-`, ft = p.div`
+`, Pt = e.div`
+  display: flex;
+  align-items: start;
+  gap: var(--base-gap-small);
+  width: 100%;
+
+  & > div:first-child {
+    flex: 1;
+    min-width: 0;
+  }
+`, Ft = e.div`
+  font-size: var(--font-size-xs);
+  color: var(--md-sys-color-primary);
+  margin-top: var(--base-gap-small);
+  line-height: 1.3;
+`, St = e.div`
   position: relative;
   min-height: 80px;
-`, kt = p.div`
+`, Nt = e.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
   width: 100%;
-`, vt = p(k)`
+`, It = e(g)`
   flex: 1;
-`, bt = p.div`
+`, Vt = e.div`
   width: 100%;
   overflow: hidden;
   display: flex;
   min-width: 0;
-`, gt = p.span`
+`, Ct = e.span`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   max-width: fit-content;
   margin-right: 4px;
   flex: 1;
-`, wt = p.span`
+`, Rt = e.span`
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   font-weight: bold;
-`, ve = ({
+`, Vp = ({
   formData: i,
-  onChange: m,
-  onSubmit: v,
-  hidden: d = [],
-  projectName: y,
-  minVersion: C = 1,
-  versionId: b,
-  productId: R
+  onChange: p,
+  onSubmit: k,
+  hidden: u = [],
+  projectName: f,
+  minVersion: U = 1,
+  versionId: w,
+  productId: j
 }) => {
-  const g = f(i.productType), V = f(null), E = f(null), {
-    pendingFiles: L,
-    setPendingFiles: U,
-    onCloseVersionUpload: z,
-    extractAndSetVersionFromFiles: A,
-    dispatch: B,
-    taskId: n,
-    linkedTask: c,
-    isLoadingTask: O,
-    setTaskId: w,
-    setLinkedTask: K,
-    folderId: W
-  } = ct(), [G, u] = tt(!1), { data: e, isFetching: H } = st(
-    { projectName: y, taskId: n },
-    { skip: !n }
-  ), M = O || !!n && H && !c, j = e?.folderId || W, h = at(), P = e?.label || e?.name || c?.label || c?.name || "", F = e?.taskType || c?.taskType, N = F ? h.getTaskType(F) : void 0, Q = N?.icon || "task_alt", I = e?.path ? e.path.substring(0, e.path.lastIndexOf("/")) : "", _ = h.getProductTypeOptions(), a = ot(() => h.productTypes.reduce((t, r) => (t[r.name] = r, t), {}), [h.productTypes]);
-  it(() => {
-    const t = g.current, r = a[t]?.name || "", x = a[i.productType]?.name || "";
+  const P = b(i.productType), B = b(null), O = b(null), {
+    pendingFiles: A,
+    setPendingFiles: K,
+    onCloseVersionUpload: M,
+    extractAndSetVersionFromFiles: _,
+    dispatch: W,
+    taskId: a,
+    linkedTask: h,
+    isLoadingTask: G,
+    setTaskId: F,
+    setLinkedTask: H,
+    folderId: Q,
+    folderProducts: x,
+    isFolderProductsLoading: S,
+    matchedProduct: m
+  } = ft(), [$, y] = st(!1), q = L(
+    () => x.map((t) => ({ value: t.name, label: t.name })),
+    [x]
+  ), J = at(
+    (t) => {
+      p("name", t.length > 0 ? t[0] : "");
+    },
+    [p]
+  ), 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), D = x + T;
-      m("name", D);
+      const T = i.name.slice(r.length), nt = d + T;
+      p("name", nt);
     }
-    g.current = i.productType;
-  }, [i.productType, i.name, m]);
-  const q = (t) => {
+    P.current = i.productType;
+  }, [i.productType, i.name, p]);
+  const ot = (t) => {
     t.preventDefault();
     const r = t.nativeEvent.submitter;
-    r && r.closest(".dropdown") || v(i);
-  }, J = (t) => {
+    r && r.closest(".dropdown") || k(i);
+  }, it = (t) => {
     const r = parseInt(t.target.value, 10);
-    isNaN(r) || m("version", r);
-  }, X = (t) => {
-    m("name", t.target.value);
-  }, Y = (t) => {
-    t.length > 0 && m("productType", t[0]);
-  }, Z = () => {
-    const t = a[i.productType]?.name || "", r = i.name || "", x = r.charAt(0).toUpperCase() + r.slice(1), T = t + x;
-    m("name", T);
-  }, S = () => {
-    const t = a[i.productType]?.name || "";
+    isNaN(r) || p("version", r);
+  }, rt = (t) => {
+    p("name", t.target.value);
+  }, et = (t) => {
+    t.length > 0 && p("productType", t[0]);
+  }, pt = () => {
+    const t = l[i.productType]?.name || "", r = i.name || "", d = r.charAt(0).toUpperCase() + r.slice(1), T = t + d;
+    p("name", T);
+  }, E = () => {
+    const t = l[i.productType]?.name || "";
     return i.name && !i.name.startsWith(t);
-  }, s = !!b, $ = (t) => {
+  }, s = !!w, mt = (t) => {
     if (t.key === "Enter" && (t.metaKey || t.ctrlKey)) {
-      t.preventDefault(), v(i);
+      t.preventDefault(), k(i);
       return;
     }
   };
   return /* @__PURE__ */ o.jsxs(
-    ht,
+    bt,
     {
       id: "upload-version-form",
-      ref: E,
-      onSubmit: q,
+      ref: O,
+      onSubmit: ot,
       noValidate: !0,
-      onKeyDown: $,
+      onKeyDown: mt,
       children: [
-        /* @__PURE__ */ o.jsxs(yt, { children: [
-          !d.includes("productType") && /* @__PURE__ */ o.jsx(l, { label: "Product Type", children: /* @__PURE__ */ o.jsx(
-            pt,
+        /* @__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(
+                ct,
+                {
+                  value: i.name,
+                  onChange: rt,
+                  placeholder: "Enter product name",
+                  minLength: 1,
+                  autoFocus: !0,
+                  "aria-label": "Product Name",
+                  "aria-describedby": E() ? "name-recommendation" : void 0,
+                  disabled: s
+                }
+              ),
+              m && /* @__PURE__ */ o.jsx(Ft, { children: m.latestVersion ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+                "Matched existing product (latest: ",
+                X,
+                ")"
+              ] }) : "Matched existing product (no versions)" }),
+              !m && E() && /* @__PURE__ */ o.jsxs(wt, { id: "name-recommendation", children: [
+                'We recommend prefixing with "',
+                l[i.productType]?.name,
+                '".',
+                " ",
+                /* @__PURE__ */ o.jsx(jt, { type: "button", onClick: pt, children: "Apply prefix" })
+              ] })
+            ] }),
+            !j && !s && /* @__PURE__ */ o.jsx(
+              z,
+              {
+                options: q,
+                value: m ? [m.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(
+                  g,
+                  {
+                    icon: "inventory_2",
+                    variant: "text",
+                    "data-tooltip": "Browse existing products",
+                    selected: d,
+                    tabIndex: -1,
+                    disabled: S || x.length === 0
+                  }
+                ),
+                style: { width: "auto" }
+              }
+            )
+          ] }) }),
+          !u.includes("productType") && /* @__PURE__ */ o.jsx(c, { label: "Product Type", children: /* @__PURE__ */ o.jsx(
+            z,
             {
-              ref: V,
-              options: _,
+              ref: B,
+              options: tt,
               value: [i.productType],
-              onChange: Y,
+              onChange: et,
               widthExpand: !0,
               multiSelect: !1,
               "aria-label": "Product Type",
@@ -406,112 +487,90 @@ const ht = p.form`
               disabled: s
             }
           ) }),
-          !d.includes("name") && /* @__PURE__ */ o.jsx(l, { label: "Product Name", children: /* @__PURE__ */ o.jsxs("div", { children: [
-            /* @__PURE__ */ o.jsx(
-              et,
-              {
-                value: i.name,
-                onChange: X,
-                placeholder: "Enter product name",
-                minLength: 1,
-                autoFocus: !0,
-                "aria-label": "Product Name",
-                "aria-describedby": S() ? "name-recommendation" : void 0,
-                disabled: s
-              }
-            ),
-            S() && /* @__PURE__ */ o.jsxs(xt, { id: "name-recommendation", children: [
-              'We recommend prefixing with "',
-              a[i.productType]?.name,
-              '".',
-              " ",
-              /* @__PURE__ */ o.jsx(Tt, { type: "button", onClick: Z, children: "Apply prefix" })
-            ] })
-          ] }) }),
-          !d.includes("version") && /* @__PURE__ */ o.jsx(l, { label: "Version", children: /* @__PURE__ */ o.jsx(
-            mt,
+          !u.includes("version") && /* @__PURE__ */ o.jsx(c, { label: "Version", children: /* @__PURE__ */ o.jsx(
+            ut,
             {
               value: i.version,
-              onChange: J,
-              min: C,
+              onChange: it,
+              min: U,
               step: 1,
               "aria-label": "Version Number",
-              autoFocus: d.includes("name"),
+              autoFocus: u.includes("name"),
               disabled: s
             }
           ) }),
-          /* @__PURE__ */ o.jsx(l, { label: "Task", children: /* @__PURE__ */ o.jsx(kt, { children: M ? /* @__PURE__ */ o.jsx(ut, { height: "20px" }) : n && P ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+          /* @__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(
-              vt,
+              It,
               {
                 type: "button",
-                onClick: () => u(!0),
+                onClick: () => y(!0),
                 disabled: s,
                 variant: "text",
                 children: [
-                  /* @__PURE__ */ o.jsx(nt, { icon: Q, style: { color: N?.color } }),
-                  /* @__PURE__ */ o.jsxs(bt, { children: [
-                    I && /* @__PURE__ */ o.jsxs(gt, { children: [
-                      I.split("/").filter(Boolean).join(" / "),
+                  /* @__PURE__ */ o.jsx(ht, { icon: D, style: { color: C?.color } }),
+                  /* @__PURE__ */ o.jsxs(Vt, { children: [
+                    R && /* @__PURE__ */ o.jsxs(Ct, { children: [
+                      R.split("/").filter(Boolean).join(" / "),
                       " /",
                       " "
                     ] }),
-                    /* @__PURE__ */ o.jsx(wt, { children: P })
+                    /* @__PURE__ */ o.jsx(Rt, { children: I })
                   ] })
                 ]
               }
             ),
             /* @__PURE__ */ o.jsx(
-              k,
+              g,
               {
                 type: "button",
                 icon: "close",
                 variant: "text",
                 onClick: () => {
-                  w(""), K(null);
+                  F(""), H(null);
                 },
                 disabled: s
               }
             )
           ] }) : /* @__PURE__ */ o.jsx(
-            k,
+            g,
             {
               type: "button",
               icon: "link",
               label: "Link task",
               variant: "text",
-              onClick: () => u(!0),
+              onClick: () => y(!0),
               disabled: s
             }
           ) }) })
         ] }),
-        G && /* @__PURE__ */ o.jsx(
-          lt,
+        $ && /* @__PURE__ */ o.jsx(
+          vt,
           {
-            projectName: y,
+            projectName: f,
             entityType: "task",
             initialSelection: {
-              ...j ? { folder: { [j]: !0 } } : {},
-              ...n ? { task: { [n]: !0 } } : {}
+              ...N ? { folder: { [N]: !0 } } : {},
+              ...a ? { task: { [a]: !0 } } : {}
             },
             onSubmit: (t) => {
-              t.length > 0 && w(t[0]), u(!1);
+              t.length > 0 && F(t[0]), y(!1);
             },
-            onClose: () => u(!1)
+            onClose: () => y(!1)
           }
         ),
-        /* @__PURE__ */ o.jsx(l, { label: "Reviewable files" }),
-        /* @__PURE__ */ o.jsx(ft, { children: /* @__PURE__ */ o.jsx(
-          dt,
+        /* @__PURE__ */ o.jsx(c, { label: "Reviewable files" }),
+        /* @__PURE__ */ o.jsx(St, { children: /* @__PURE__ */ o.jsx(
+          gt,
           {
-            projectName: y,
-            versionId: b,
-            productId: R,
-            dispatch: B,
-            pendingFiles: L,
-            setPendingFiles: U,
-            onUpload: z,
-            onFilesAdded: A,
+            projectName: f,
+            versionId: w,
+            productId: j,
+            dispatch: W,
+            pendingFiles: A,
+            setPendingFiles: K,
+            onUpload: M,
+            onFilesAdded: _,
             pt: {
               upload: {
                 style: { minHeight: 80 }
@@ -527,6 +586,6 @@ const ht = p.form`
   );
 };
 export {
-  ve as UploadVersionForm
+  Vp as UploadVersionForm
 };
 //# sourceMappingURL=UploadVersionForm.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"UploadVersionForm.es.js","sources":["../../../../../../src/components/VersionUploader/components/UploadVersionForm.tsx"],"sourcesContent":["import { FC, FormEvent, useEffect, useMemo, useRef, useState } from 'react'\nimport styled from 'styled-components'\nimport type { DropdownRef } from '@ynput/ayon-react-components'\nimport {\n  Button,\n  Dropdown,\n  FormLayout,\n  FormRow,\n  Icon,\n  InputNumber,\n  InputText,\n} from '@ynput/ayon-react-components'\nimport { ReviewableUpload } from '@shared/components'\nimport { useVersionUploadContext } from '../context/VersionUploadContext'\nimport { useProjectContext } from '@shared/context'\nimport { useGetTaskQuery } from '@shared/api'\nimport { EntityPickerDialog } from '@shared/containers/EntityPickerDialog/EntityPickerDialog'\nimport { Skeleton } from 'primereact/skeleton'\n\nconst StyledForm = styled.form`\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-large);\n  padding: var(--padding-m);\n  width: 100%;\n`\n\nconst StyledFormLayout = styled(FormLayout)`\n  width: 100%;\n  margin: auto;\n\n  & > div {\n    align-items: start;\n  }\n\n  input {\n    width: 100%;\n  }\n`\n\nconst RecommendationNote = styled.div`\n  font-size: var(--font-size-xs);\n  color: var(--md-sys-color-outline);\n  margin-top: var(--base-gap-small);\n  line-height: 1.3;\n`\n\nconst InlineButton = styled.button`\n  background: none;\n  border: none;\n  color: var(--md-sys-color-primary);\n  text-decoration: underline;\n  cursor: pointer;\n  padding: 0;\n  font-size: inherit;\n  font-family: inherit;\n\n  &:hover {\n    color: var(--md-sys-color-primary-dark);\n  }\n`\n\nconst StyledUpload = styled.div`\n  position: relative;\n  min-height: 80px;\n`\n\nconst TaskFieldContainer = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  width: 100%;\n`\n\nconst TaskButton = styled(Button)`\n  flex: 1;\n`\n\nconst TaskText = styled.div`\n  width: 100%;\n  overflow: hidden;\n  display: flex;\n  min-width: 0;\n`\n\nconst TaskPath = styled.span`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: fit-content;\n  margin-right: 4px;\n  flex: 1;\n`\n\nconst TaskValue = styled.span`\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-weight: bold;\n`\n\ntype FormData = {\n  version: number\n  name: string\n  productType: string\n}\n\ninterface UploadVersionFormProps {\n  formData: FormData\n  onChange: (key: keyof FormData, value: string | number) => void\n  onSubmit: (formData: FormData) => void\n  hidden?: (keyof FormData)[]\n  projectName: string\n  minVersion?: number\n  versionId?: string | null\n  productId?: string | null\n}\n\nexport const UploadVersionForm: FC<UploadVersionFormProps> = ({\n  formData,\n  onChange,\n  onSubmit,\n  hidden = [],\n  projectName,\n  minVersion = 1,\n  versionId,\n  productId,\n}) => {\n  const previousProductTypeRef = useRef<string>(formData.productType)\n  const dropdownRef = useRef<DropdownRef>(null)\n  const formRef = useRef<HTMLFormElement>(null)\n  const {\n    pendingFiles,\n    setPendingFiles,\n    onCloseVersionUpload,\n    extractAndSetVersionFromFiles,\n    dispatch,\n    taskId,\n    linkedTask,\n    isLoadingTask,\n    setTaskId,\n    setLinkedTask,\n    folderId,\n  } = useVersionUploadContext()\n\n  const [isTaskPickerOpen, setIsTaskPickerOpen] = useState(false)\n\n  // Fetch full task data for path; linkedTask provides instant name/type display\n  const { data: taskData, isFetching: isFetchingTask } = useGetTaskQuery(\n    { projectName, taskId },\n    { skip: !taskId },\n  )\n  const isTaskLoading = isLoadingTask || (!!taskId && isFetchingTask && !linkedTask)\n\n  // Use task's folder when available, fall back to product's folder\n  const pickerFolderId = taskData?.folderId || folderId\n\n  const project = useProjectContext()\n\n  const taskName = taskData?.label || taskData?.name || linkedTask?.label || linkedTask?.name || ''\n  const taskType = taskData?.taskType || linkedTask?.taskType\n  const taskTypeInfo = taskType ? project.getTaskType(taskType) : undefined\n  const taskIcon = taskTypeInfo?.icon || 'task_alt'\n  const taskFolderPath = taskData?.path\n    ? taskData.path.substring(0, taskData.path.lastIndexOf('/'))\n    : ''\n\n  const productTypeOptions = project.getProductTypeOptions()\n  const productTypes = useMemo(() => {\n    return project.productTypes.reduce((acc, type) => {\n      acc[type.name] = type\n      return acc\n    }, {} as Record<string, { name: string; icon?: string; color?: string }>)\n  }, [project.productTypes])\n\n  useEffect(() => {\n    // Check if the current name starts with the previous product type name\n    const previousProductType = previousProductTypeRef.current\n    const previousProductTypeName = productTypes[previousProductType]?.name || ''\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n\n    // Only sync if the product type actually changed\n    if (formData.productType !== previousProductType && previousProductTypeName) {\n      // Check if the current name starts with the previous product type name\n      if (formData.name.startsWith(previousProductTypeName)) {\n        // Extract the suffix after the previous product type name\n        const suffix = formData.name.slice(previousProductTypeName.length)\n        // Create the new name with the current product type + suffix\n        const newName = currentProductTypeName + suffix\n        onChange('name', newName)\n      }\n    }\n\n    // Update the ref to the current product type\n    previousProductTypeRef.current = formData.productType\n  }, [formData.productType, formData.name, onChange])\n\n  const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    // @ts-expect-error - submitter is not defined in the type\n    const submitter = e.nativeEvent.submitter as HTMLButtonElement | null\n    // if the submitter is a button, check it's parent does not have the dropdown class\n    if (submitter && submitter.closest('.dropdown')) {\n      // if the submitter is a button inside a dropdown, do not submit the form\n      return\n    }\n\n    onSubmit(formData)\n  }\n\n  const handleVersionChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = parseInt(e.target.value, 10)\n    if (!isNaN(value)) {\n      onChange('version', value)\n    }\n  }\n\n  const handleNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    onChange('name', e.target.value)\n  }\n\n  const handleProductTypeChange = (value: string[]) => {\n    if (value.length > 0) {\n      onChange('productType', value[0])\n      //   focus the name input after changing product type\n    }\n  }\n\n  const handleApplyPrefix = () => {\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n    const currentName = formData.name || ''\n\n    // Capitalize the first letter of the existing name for camelCase\n    const capitalizedName = currentName.charAt(0).toUpperCase() + currentName.slice(1)\n    const newName = currentProductTypeName + capitalizedName\n    onChange('name', newName)\n  }\n\n  const shouldShowRecommendation = () => {\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n    return formData.name && !formData.name.startsWith(currentProductTypeName)\n  }\n\n  // Disable form fields if version has been created\n  const isFormSubmitted = Boolean(versionId)\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLFormElement>) => {\n    // Submit form on Cmd/Ctrl + Enter\n    if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n      e.preventDefault()\n      onSubmit(formData)\n      return\n    }\n  }\n\n  return (\n    <StyledForm\n      id=\"upload-version-form\"\n      ref={formRef}\n      onSubmit={handleSubmit}\n      noValidate\n      onKeyDown={handleKeyDown}\n    >\n      <StyledFormLayout>\n        {!hidden.includes('productType') && (\n          <FormRow label=\"Product Type\">\n            <Dropdown\n              ref={dropdownRef}\n              options={productTypeOptions}\n              value={[formData.productType]}\n              onChange={handleProductTypeChange}\n              widthExpand\n              multiSelect={false}\n              aria-label=\"Product Type\"\n              search\n              disabled={isFormSubmitted}\n            />\n          </FormRow>\n        )}\n\n        {!hidden.includes('name') && (\n          <FormRow label=\"Product Name\">\n            <div>\n              <InputText\n                value={formData.name}\n                onChange={handleNameChange}\n                placeholder=\"Enter product name\"\n                minLength={1}\n                autoFocus\n                aria-label=\"Product Name\"\n                aria-describedby={shouldShowRecommendation() ? 'name-recommendation' : undefined}\n                disabled={isFormSubmitted}\n              />\n              {shouldShowRecommendation() && (\n                <RecommendationNote id=\"name-recommendation\">\n                  We recommend prefixing with \"{productTypes[formData.productType]?.name}\".{' '}\n                  <InlineButton type=\"button\" onClick={handleApplyPrefix}>\n                    Apply prefix\n                  </InlineButton>\n                </RecommendationNote>\n              )}\n            </div>\n          </FormRow>\n        )}\n\n        {!hidden.includes('version') && (\n          <FormRow label={'Version'}>\n            <InputNumber\n              value={formData.version}\n              onChange={handleVersionChange}\n              min={minVersion}\n              step={1}\n              aria-label={'Version Number'}\n              autoFocus={hidden.includes('name')}\n              disabled={isFormSubmitted}\n            />\n          </FormRow>\n        )}\n\n        <FormRow label={'Task'}>\n          <TaskFieldContainer>\n            {isTaskLoading ? (\n              <Skeleton height={'20px'} />\n            ) : taskId && taskName ? (\n              <>\n                <TaskButton\n                  type={'button'}\n                  onClick={() => setIsTaskPickerOpen(true)}\n                  disabled={isFormSubmitted}\n                  variant=\"text\"\n                >\n                  <Icon icon={taskIcon} style={{ color: taskTypeInfo?.color }} />\n                  <TaskText>\n                    {taskFolderPath && (\n                      <TaskPath>\n                        {taskFolderPath.split('/').filter(Boolean).join(' / ')} /{' '}\n                      </TaskPath>\n                    )}\n                    <TaskValue>{taskName}</TaskValue>\n                  </TaskText>\n                </TaskButton>\n                <Button\n                  type={'button'}\n                  icon={'close'}\n                  variant={'text'}\n                  onClick={() => {\n                    setTaskId('')\n                    setLinkedTask(null)\n                  }}\n                  disabled={isFormSubmitted}\n                />\n              </>\n            ) : (\n              <Button\n                type={'button'}\n                icon={'link'}\n                label={'Link task'}\n                variant={'text'}\n                onClick={() => setIsTaskPickerOpen(true)}\n                disabled={isFormSubmitted}\n              />\n            )}\n          </TaskFieldContainer>\n        </FormRow>\n      </StyledFormLayout>\n\n      {isTaskPickerOpen && (\n        <EntityPickerDialog\n          projectName={projectName}\n          entityType={'task'}\n          initialSelection={{\n            ...(pickerFolderId ? { folder: { [pickerFolderId]: true } } : {}),\n            ...(taskId ? { task: { [taskId]: true } } : {}),\n          }}\n          onSubmit={(selection) => {\n            if (selection.length > 0) {\n              setTaskId(selection[0])\n            }\n            setIsTaskPickerOpen(false)\n          }}\n          onClose={() => setIsTaskPickerOpen(false)}\n        />\n      )}\n\n      <FormRow label=\"Reviewable files\" />\n      <StyledUpload>\n        <ReviewableUpload\n          projectName={projectName}\n          versionId={versionId}\n          productId={productId}\n          dispatch={dispatch}\n          pendingFiles={pendingFiles}\n          setPendingFiles={setPendingFiles}\n          onUpload={onCloseVersionUpload}\n          onFilesAdded={extractAndSetVersionFromFiles}\n          pt={{\n            upload: {\n              style: { minHeight: 80 },\n            },\n            dropzone: {\n              style: { inset: 0 },\n            },\n          }}\n        />\n      </StyledUpload>\n    </StyledForm>\n  )\n}\n"],"names":["StyledForm","styled","StyledFormLayout","FormLayout","RecommendationNote","InlineButton","StyledUpload","TaskFieldContainer","TaskButton","Button","TaskText","TaskPath","TaskValue","UploadVersionForm","formData","onChange","onSubmit","hidden","projectName","minVersion","versionId","productId","previousProductTypeRef","useRef","dropdownRef","formRef","pendingFiles","setPendingFiles","onCloseVersionUpload","extractAndSetVersionFromFiles","dispatch","taskId","linkedTask","isLoadingTask","setTaskId","setLinkedTask","folderId","useVersionUploadContext","isTaskPickerOpen","setIsTaskPickerOpen","useState","taskData","isFetchingTask","useGetTaskQuery","isTaskLoading","pickerFolderId","project","useProjectContext","taskName","taskType","taskTypeInfo","taskIcon","taskFolderPath","productTypeOptions","productTypes","useMemo","acc","type","useEffect","previousProductType","previousProductTypeName","currentProductTypeName","suffix","newName","handleSubmit","e","submitter","handleVersionChange","value","handleNameChange","handleProductTypeChange","handleApplyPrefix","currentName","capitalizedName","shouldShowRecommendation","isFormSubmitted","handleKeyDown","jsxs","jsx","FormRow","Dropdown","InputText","InputNumber","Skeleton","Fragment","Icon","EntityPickerDialog","selection","ReviewableUpload"],"mappings":"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"}
+{"version":3,"file":"UploadVersionForm.es.js","sources":["../../../../../../src/components/VersionUploader/components/UploadVersionForm.tsx"],"sourcesContent":["import { FC, FormEvent, useEffect, useMemo, useRef, useState, useCallback } from 'react'\nimport styled from 'styled-components'\nimport type { DropdownRef } from '@ynput/ayon-react-components'\nimport {\n  Button,\n  Dropdown,\n  FormLayout,\n  FormRow,\n  Icon,\n  InputNumber,\n  InputText,\n} from '@ynput/ayon-react-components'\nimport { ReviewableUpload } from '@shared/components'\nimport { useVersionUploadContext } from '../context/VersionUploadContext'\nimport { useProjectContext } from '@shared/context'\nimport { useGetTaskQuery } from '@shared/api'\nimport { EntityPickerDialog } from '@shared/containers/EntityPickerDialog/EntityPickerDialog'\nimport { Skeleton } from 'primereact/skeleton'\n\nconst StyledForm = styled.form`\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-large);\n  padding: var(--padding-m);\n  width: 100%;\n`\n\nconst StyledFormLayout = styled(FormLayout)`\n  width: 100%;\n  margin: auto;\n\n  & > div {\n    align-items: start;\n  }\n\n  input {\n    width: 100%;\n  }\n`\n\nconst RecommendationNote = styled.div`\n  font-size: var(--font-size-xs);\n  color: var(--md-sys-color-outline);\n  margin-top: var(--base-gap-small);\n  line-height: 1.3;\n`\n\nconst InlineButton = styled.button`\n  background: none;\n  border: none;\n  color: var(--md-sys-color-primary);\n  text-decoration: underline;\n  cursor: pointer;\n  padding: 0;\n  font-size: inherit;\n  font-family: inherit;\n\n  &:hover {\n    color: var(--md-sys-color-primary-dark);\n  }\n`\n\nconst NameInputRow = styled.div`\n  display: flex;\n  align-items: start;\n  gap: var(--base-gap-small);\n  width: 100%;\n\n  & > div:first-child {\n    flex: 1;\n    min-width: 0;\n  }\n`\n\nconst MatchNote = styled.div`\n  font-size: var(--font-size-xs);\n  color: var(--md-sys-color-primary);\n  margin-top: var(--base-gap-small);\n  line-height: 1.3;\n`\n\nconst StyledUpload = styled.div`\n  position: relative;\n  min-height: 80px;\n`\n\nconst TaskFieldContainer = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  width: 100%;\n`\n\nconst TaskButton = styled(Button)`\n  flex: 1;\n`\n\nconst TaskText = styled.div`\n  width: 100%;\n  overflow: hidden;\n  display: flex;\n  min-width: 0;\n`\n\nconst TaskPath = styled.span`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: fit-content;\n  margin-right: 4px;\n  flex: 1;\n`\n\nconst TaskValue = styled.span`\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-weight: bold;\n`\n\ntype FormData = {\n  version: number\n  name: string\n  productType: string\n}\n\ninterface UploadVersionFormProps {\n  formData: FormData\n  onChange: (key: keyof FormData, value: string | number) => void\n  onSubmit: (formData: FormData) => void\n  hidden?: (keyof FormData)[]\n  projectName: string\n  minVersion?: number\n  versionId?: string | null\n  productId?: string | null\n}\n\nexport const UploadVersionForm: FC<UploadVersionFormProps> = ({\n  formData,\n  onChange,\n  onSubmit,\n  hidden = [],\n  projectName,\n  minVersion = 1,\n  versionId,\n  productId,\n}) => {\n  const previousProductTypeRef = useRef<string>(formData.productType)\n  const dropdownRef = useRef<DropdownRef>(null)\n  const formRef = useRef<HTMLFormElement>(null)\n  const {\n    pendingFiles,\n    setPendingFiles,\n    onCloseVersionUpload,\n    extractAndSetVersionFromFiles,\n    dispatch,\n    taskId,\n    linkedTask,\n    isLoadingTask,\n    setTaskId,\n    setLinkedTask,\n    folderId,\n    folderProducts,\n    isFolderProductsLoading,\n    matchedProduct,\n  } = useVersionUploadContext()\n\n  const [isTaskPickerOpen, setIsTaskPickerOpen] = useState(false)\n\n  const folderProductOptions = useMemo(\n    () => folderProducts.map((p) => ({ value: p.name, label: p.name })),\n    [folderProducts],\n  )\n\n  const handleProductPickerSelect = useCallback(\n    (value: string[]) => {\n      onChange('name', value.length > 0 ? value[0] : '')\n    },\n    [onChange],\n  )\n\n  const versionString = matchedProduct?.latestVersion\n    ? `v${String(matchedProduct.latestVersion.version).padStart(3, '0')}`\n    : ''\n\n  // Fetch full task data for path; linkedTask provides instant name/type display\n  const { data: taskData, isFetching: isFetchingTask } = useGetTaskQuery(\n    { projectName, taskId },\n    { skip: !taskId },\n  )\n  const isTaskLoading = isLoadingTask || (!!taskId && isFetchingTask && !linkedTask)\n\n  // Use task's folder when available, fall back to product's folder\n  const pickerFolderId = taskData?.folderId || folderId\n\n  const project = useProjectContext()\n\n  const taskName = taskData?.label || taskData?.name || linkedTask?.label || linkedTask?.name || ''\n  const taskType = taskData?.taskType || linkedTask?.taskType\n  const taskTypeInfo = taskType ? project.getTaskType(taskType) : undefined\n  const taskIcon = taskTypeInfo?.icon || 'task_alt'\n  const taskFolderPath = taskData?.path\n    ? taskData.path.substring(0, taskData.path.lastIndexOf('/'))\n    : ''\n\n  const productTypeOptions = project.getProductTypeOptions()\n  const productTypes = useMemo(() => {\n    return project.productTypes.reduce((acc, type) => {\n      acc[type.name] = type\n      return acc\n    }, {} as Record<string, { name: string; icon?: string; color?: string }>)\n  }, [project.productTypes])\n\n  useEffect(() => {\n    // Check if the current name starts with the previous product type name\n    const previousProductType = previousProductTypeRef.current\n    const previousProductTypeName = productTypes[previousProductType]?.name || ''\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n\n    // Only sync if the product type actually changed\n    if (formData.productType !== previousProductType && previousProductTypeName) {\n      // Check if the current name starts with the previous product type name\n      if (formData.name.startsWith(previousProductTypeName)) {\n        // Extract the suffix after the previous product type name\n        const suffix = formData.name.slice(previousProductTypeName.length)\n        // Create the new name with the current product type + suffix\n        const newName = currentProductTypeName + suffix\n        onChange('name', newName)\n      }\n    }\n\n    // Update the ref to the current product type\n    previousProductTypeRef.current = formData.productType\n  }, [formData.productType, formData.name, onChange])\n\n  const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    // @ts-expect-error - submitter is not defined in the type\n    const submitter = e.nativeEvent.submitter as HTMLButtonElement | null\n    // if the submitter is a button, check it's parent does not have the dropdown class\n    if (submitter && submitter.closest('.dropdown')) {\n      // if the submitter is a button inside a dropdown, do not submit the form\n      return\n    }\n\n    onSubmit(formData)\n  }\n\n  const handleVersionChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = parseInt(e.target.value, 10)\n    if (!isNaN(value)) {\n      onChange('version', value)\n    }\n  }\n\n  const handleNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    onChange('name', e.target.value)\n  }\n\n  const handleProductTypeChange = (value: string[]) => {\n    if (value.length > 0) {\n      onChange('productType', value[0])\n      //   focus the name input after changing product type\n    }\n  }\n\n  const handleApplyPrefix = () => {\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n    const currentName = formData.name || ''\n\n    // Capitalize the first letter of the existing name for camelCase\n    const capitalizedName = currentName.charAt(0).toUpperCase() + currentName.slice(1)\n    const newName = currentProductTypeName + capitalizedName\n    onChange('name', newName)\n  }\n\n  const shouldShowRecommendation = () => {\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n    return formData.name && !formData.name.startsWith(currentProductTypeName)\n  }\n\n  // Disable form fields if version has been created\n  const isFormSubmitted = Boolean(versionId)\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLFormElement>) => {\n    // Submit form on Cmd/Ctrl + Enter\n    if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n      e.preventDefault()\n      onSubmit(formData)\n      return\n    }\n  }\n\n  return (\n    <StyledForm\n      id=\"upload-version-form\"\n      ref={formRef}\n      onSubmit={handleSubmit}\n      noValidate\n      onKeyDown={handleKeyDown}\n    >\n      <StyledFormLayout>\n        {!hidden.includes('name') && (\n          <FormRow label=\"Product Name\">\n            <NameInputRow>\n              <div>\n                <InputText\n                  value={formData.name}\n                  onChange={handleNameChange}\n                  placeholder=\"Enter product name\"\n                  minLength={1}\n                  autoFocus\n                  aria-label=\"Product Name\"\n                  aria-describedby={shouldShowRecommendation() ? 'name-recommendation' : undefined}\n                  disabled={isFormSubmitted}\n                />\n                {matchedProduct && (\n                  <MatchNote>\n                    {matchedProduct.latestVersion\n                      ? <>Matched existing product (latest: {versionString})</>\n                      : 'Matched existing product (no versions)'}\n                  </MatchNote>\n                )}\n                {!matchedProduct && shouldShowRecommendation() && (\n                  <RecommendationNote id=\"name-recommendation\">\n                    We recommend prefixing with \"{productTypes[formData.productType]?.name}\".{' '}\n                    <InlineButton type=\"button\" onClick={handleApplyPrefix}>\n                      Apply prefix\n                    </InlineButton>\n                  </RecommendationNote>\n                )}\n              </div>\n              {!productId && !isFormSubmitted && (\n                <Dropdown\n                  options={folderProductOptions}\n                  value={matchedProduct ? [matchedProduct.name] : []}\n                  onChange={handleProductPickerSelect}\n                  multiSelect={false}\n                  search\n                  widthExpand={false}\n                  disabled={isFolderProductsLoading || folderProducts.length === 0}\n                  aria-label=\"Select existing product\"\n                  valueTemplate={(_v, _s, isOpen) => (\n                    <Button\n                      icon=\"inventory_2\"\n                      variant=\"text\"\n                      data-tooltip=\"Browse existing products\"\n                      selected={isOpen}\n                      tabIndex={-1}\n                      disabled={isFolderProductsLoading || folderProducts.length === 0}\n                    />\n                  )}\n                  style={{ width: 'auto' }}\n                />\n              )}\n            </NameInputRow>\n          </FormRow>\n        )}\n\n        {!hidden.includes('productType') && (\n          <FormRow label=\"Product Type\">\n            <Dropdown\n              ref={dropdownRef}\n              options={productTypeOptions}\n              value={[formData.productType]}\n              onChange={handleProductTypeChange}\n              widthExpand\n              multiSelect={false}\n              aria-label=\"Product Type\"\n              search\n              disabled={isFormSubmitted}\n            />\n          </FormRow>\n        )}\n\n        {!hidden.includes('version') && (\n          <FormRow label={'Version'}>\n            <InputNumber\n              value={formData.version}\n              onChange={handleVersionChange}\n              min={minVersion}\n              step={1}\n              aria-label={'Version Number'}\n              autoFocus={hidden.includes('name')}\n              disabled={isFormSubmitted}\n            />\n          </FormRow>\n        )}\n\n        <FormRow label={'Task'}>\n          <TaskFieldContainer>\n            {isTaskLoading ? (\n              <Skeleton height={'20px'} />\n            ) : taskId && taskName ? (\n              <>\n                <TaskButton\n                  type={'button'}\n                  onClick={() => setIsTaskPickerOpen(true)}\n                  disabled={isFormSubmitted}\n                  variant=\"text\"\n                >\n                  <Icon icon={taskIcon} style={{ color: taskTypeInfo?.color }} />\n                  <TaskText>\n                    {taskFolderPath && (\n                      <TaskPath>\n                        {taskFolderPath.split('/').filter(Boolean).join(' / ')} /{' '}\n                      </TaskPath>\n                    )}\n                    <TaskValue>{taskName}</TaskValue>\n                  </TaskText>\n                </TaskButton>\n                <Button\n                  type={'button'}\n                  icon={'close'}\n                  variant={'text'}\n                  onClick={() => {\n                    setTaskId('')\n                    setLinkedTask(null)\n                  }}\n                  disabled={isFormSubmitted}\n                />\n              </>\n            ) : (\n              <Button\n                type={'button'}\n                icon={'link'}\n                label={'Link task'}\n                variant={'text'}\n                onClick={() => setIsTaskPickerOpen(true)}\n                disabled={isFormSubmitted}\n              />\n            )}\n          </TaskFieldContainer>\n        </FormRow>\n      </StyledFormLayout>\n\n      {isTaskPickerOpen && (\n        <EntityPickerDialog\n          projectName={projectName}\n          entityType={'task'}\n          initialSelection={{\n            ...(pickerFolderId ? { folder: { [pickerFolderId]: true } } : {}),\n            ...(taskId ? { task: { [taskId]: true } } : {}),\n          }}\n          onSubmit={(selection) => {\n            if (selection.length > 0) {\n              setTaskId(selection[0])\n            }\n            setIsTaskPickerOpen(false)\n          }}\n          onClose={() => setIsTaskPickerOpen(false)}\n        />\n      )}\n\n      <FormRow label=\"Reviewable files\" />\n      <StyledUpload>\n        <ReviewableUpload\n          projectName={projectName}\n          versionId={versionId}\n          productId={productId}\n          dispatch={dispatch}\n          pendingFiles={pendingFiles}\n          setPendingFiles={setPendingFiles}\n          onUpload={onCloseVersionUpload}\n          onFilesAdded={extractAndSetVersionFromFiles}\n          pt={{\n            upload: {\n              style: { minHeight: 80 },\n            },\n            dropzone: {\n              style: { inset: 0 },\n            },\n          }}\n        />\n      </StyledUpload>\n    </StyledForm>\n  )\n}\n"],"names":["StyledForm","styled","StyledFormLayout","FormLayout","RecommendationNote","InlineButton","NameInputRow","MatchNote","StyledUpload","TaskFieldContainer","TaskButton","Button","TaskText","TaskPath","TaskValue","UploadVersionForm","formData","onChange","onSubmit","hidden","projectName","minVersion","versionId","productId","previousProductTypeRef","useRef","dropdownRef","formRef","pendingFiles","setPendingFiles","onCloseVersionUpload","extractAndSetVersionFromFiles","dispatch","taskId","linkedTask","isLoadingTask","setTaskId","setLinkedTask","folderId","folderProducts","isFolderProductsLoading","matchedProduct","useVersionUploadContext","isTaskPickerOpen","setIsTaskPickerOpen","useState","folderProductOptions","useMemo","p","handleProductPickerSelect","useCallback","value","versionString","taskData","isFetchingTask","useGetTaskQuery","isTaskLoading","pickerFolderId","project","useProjectContext","taskName","taskType","taskTypeInfo","taskIcon","taskFolderPath","productTypeOptions","productTypes","acc","type","useEffect","previousProductType","previousProductTypeName","currentProductTypeName","suffix","newName","handleSubmit","e","submitter","handleVersionChange","handleNameChange","handleProductTypeChange","handleApplyPrefix","currentName","capitalizedName","shouldShowRecommendation","isFormSubmitted","handleKeyDown","jsxs","FormRow","jsx","InputText","Fragment","Dropdown","_v","_s","isOpen","InputNumber","Skeleton","Icon","EntityPickerDialog","selection","ReviewableUpload"],"mappings":"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"}