@ynput/ayon-frontend-shared 0.3.11 → 0.3.13

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

@@ -1,7 +1,7 @@
-import { j as i } from "../../../../../_virtual/jsx-runtime.es.js";
-import { useRef as u, useMemo as K, useEffect as I } from "react";
-import e from "styled-components";
-import { FormLayout as L, FormRow as s, Dropdown as W, InputText as B, InputNumber as O } from "@ynput/ayon-react-components";
+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 "../../AddonLoadingScreen/AddonLoadingScreen.es.js";
 import "../../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
 import "../../AccessSearchInput/AccessSearchInput.styled.es.js";
@@ -97,6 +97,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 "../../../api/queries/tasks/updateTasks.es.js";
 import "../../../api/queries/userDashboard/getUserDashboard.es.js";
 import "../../../api/queries/users/getUsers.es.js";
@@ -134,7 +135,7 @@ import "../../../context/MoveEntityContext.es.js";
 import "../../../context/MenuContext.es.js";
 import "../../../context/WebsocketContext.es.js";
 import "../../../context/GlobalContext.es.js";
-import { useProjectContext as H } from "../../../context/ProjectContext.es.js";
+import { useProjectContext as at } from "../../../context/ProjectContext.es.js";
 import "../../../context/ProjectFoldersContext.es.js";
 import "../../../context/UriContext.es.js";
 import "../../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
@@ -202,7 +203,7 @@ 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/EntityPickerDialog/EntityPickerDialog.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";
@@ -227,7 +228,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 M } from "../../ReviewablesList/ReviewablesUpload.es.js";
+import { ReviewableUpload as dt } from "../../ReviewablesList/ReviewablesUpload.es.js";
 import "../../EntityPath/EntityPath.styled.es.js";
 import "../../EntityPath/SegmentProvider.es.js";
 import "../../FeaturedVersionOrder/FeaturedVersionOrder.es.js";
@@ -256,17 +257,19 @@ import "../../Thumbnail/Thumbnail.styled.es.js";
 import "../../Thumbnail/StackedThumbnails.es.js";
 import "../../ThumbnailSimple/ThumbnailSimple.es.js";
 import "./UploadVersionDialog.es.js";
-import { useVersionUploadContext as q } from "../context/VersionUploadContext.es.js";
+import { useVersionUploadContext as ct } from "../context/VersionUploadContext.es.js";
 import "../../Watchers/Watchers.es.js";
 import "../../Menu/Menu.styled.es.js";
 import "../../Menu/MenuItem.es.js";
-const G = e.form`
+import "../../ReviewablesSelector/ReviewablesSelector.styled.es.js";
+import { Skeleton as ut } from "../../../../node_modules/primereact/skeleton/skeleton.esm.es.js";
+const ht = p.form`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-large);
   padding: var(--padding-m);
   width: 100%;
-`, J = e(L)`
+`, yt = p(rt)`
   width: 100%;
   margin: auto;
 
@@ -277,12 +280,12 @@ const G = e.form`
   input {
     width: 100%;
   }
-`, Q = e.div`
+`, xt = p.div`
   font-size: var(--font-size-xs);
   color: var(--md-sys-color-outline);
   margin-top: var(--base-gap-small);
   line-height: 1.3;
-`, X = e.button`
+`, Tt = p.button`
   background: none;
   border: none;
   color: var(--md-sys-color-primary);
@@ -295,128 +298,220 @@ const G = e.form`
   &:hover {
     color: var(--md-sys-color-primary-dark);
   }
-`, Y = e.div`
+`, ft = p.div`
   position: relative;
   min-height: 80px;
-`, Mp = ({
-  formData: o,
-  onChange: p,
-  onSubmit: y,
-  hidden: n = [],
-  projectName: b,
-  minVersion: T = 1,
-  versionId: h,
-  productId: g
+`, kt = p.div`
+  display: flex;
+  align-items: center;
+  gap: var(--base-gap-small);
+  width: 100%;
+`, vt = p(k)`
+  flex: 1;
+`, bt = p.div`
+  width: 100%;
+  overflow: hidden;
+  display: flex;
+  min-width: 0;
+`, gt = p.span`
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: fit-content;
+  margin-right: 4px;
+  flex: 1;
+`, wt = p.span`
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-weight: bold;
+`, ve = ({
+  formData: i,
+  onChange: m,
+  onSubmit: v,
+  hidden: d = [],
+  projectName: y,
+  minVersion: C = 1,
+  versionId: b,
+  productId: R
 }) => {
-  const v = u(o.productType), f = u(null), j = u(null), {
-    pendingFiles: w,
-    setPendingFiles: N,
-    onCloseVersionUpload: P,
-    extractAndSetVersionFromFiles: F,
-    dispatch: R
-  } = q(), c = H(), S = c.getProductTypeOptions(), m = K(() => c.productTypes.reduce((t, r) => (t[r.name] = r, t), {}), [c.productTypes]);
-  I(() => {
-    const t = v.current, r = m[t]?.name || "", l = m[o.productType]?.name || "";
-    if (o.productType !== t && r && o.name.startsWith(r)) {
-      const a = o.name.slice(r.length), k = l + a;
-      p("name", k);
+  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 || "";
+    if (i.productType !== t && r && i.name.startsWith(r)) {
+      const T = i.name.slice(r.length), D = x + T;
+      m("name", D);
     }
-    v.current = o.productType;
-  }, [o.productType, o.name, p]);
-  const V = (t) => {
+    g.current = i.productType;
+  }, [i.productType, i.name, m]);
+  const q = (t) => {
     t.preventDefault();
     const r = t.nativeEvent.submitter;
-    r && r.closest(".dropdown") || y(o);
-  }, U = (t) => {
+    r && r.closest(".dropdown") || v(i);
+  }, J = (t) => {
     const r = parseInt(t.target.value, 10);
-    isNaN(r) || p("version", r);
-  }, C = (t) => {
-    p("name", t.target.value);
-  }, E = (t) => {
-    t.length > 0 && p("productType", t[0]);
-  }, z = () => {
-    const t = m[o.productType]?.name || "", r = o.name || "", l = r.charAt(0).toUpperCase() + r.slice(1), a = t + l;
-    p("name", a);
-  }, x = () => {
-    const t = m[o.productType]?.name || "";
-    return o.name && !o.name.startsWith(t);
-  }, d = !!h, A = (t) => {
+    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 || "";
+    return i.name && !i.name.startsWith(t);
+  }, s = !!b, $ = (t) => {
     if (t.key === "Enter" && (t.metaKey || t.ctrlKey)) {
-      t.preventDefault(), y(o);
+      t.preventDefault(), v(i);
       return;
     }
   };
-  return /* @__PURE__ */ i.jsxs(
-    G,
+  return /* @__PURE__ */ o.jsxs(
+    ht,
     {
       id: "upload-version-form",
-      ref: j,
-      onSubmit: V,
+      ref: E,
+      onSubmit: q,
       noValidate: !0,
-      onKeyDown: A,
+      onKeyDown: $,
       children: [
-        /* @__PURE__ */ i.jsxs(J, { children: [
-          !n.includes("productType") && /* @__PURE__ */ i.jsx(s, { label: "Product Type", children: /* @__PURE__ */ i.jsx(
-            W,
+        /* @__PURE__ */ o.jsxs(yt, { children: [
+          !d.includes("productType") && /* @__PURE__ */ o.jsx(l, { label: "Product Type", children: /* @__PURE__ */ o.jsx(
+            pt,
             {
-              ref: f,
-              options: S,
-              value: [o.productType],
-              onChange: E,
+              ref: V,
+              options: _,
+              value: [i.productType],
+              onChange: Y,
               widthExpand: !0,
               multiSelect: !1,
               "aria-label": "Product Type",
               search: !0,
-              disabled: d
+              disabled: s
             }
           ) }),
-          !n.includes("name") && /* @__PURE__ */ i.jsx(s, { label: "Product Name", children: /* @__PURE__ */ i.jsxs("div", { children: [
-            /* @__PURE__ */ i.jsx(
-              B,
+          !d.includes("name") && /* @__PURE__ */ o.jsx(l, { label: "Product Name", children: /* @__PURE__ */ o.jsxs("div", { children: [
+            /* @__PURE__ */ o.jsx(
+              et,
               {
-                value: o.name,
-                onChange: C,
+                value: i.name,
+                onChange: X,
                 placeholder: "Enter product name",
                 minLength: 1,
                 autoFocus: !0,
                 "aria-label": "Product Name",
-                "aria-describedby": x() ? "name-recommendation" : void 0,
-                disabled: d
+                "aria-describedby": S() ? "name-recommendation" : void 0,
+                disabled: s
               }
             ),
-            x() && /* @__PURE__ */ i.jsxs(Q, { id: "name-recommendation", children: [
+            S() && /* @__PURE__ */ o.jsxs(xt, { id: "name-recommendation", children: [
               'We recommend prefixing with "',
-              m[o.productType]?.name,
+              a[i.productType]?.name,
               '".',
               " ",
-              /* @__PURE__ */ i.jsx(X, { type: "button", onClick: z, children: "Apply prefix" })
+              /* @__PURE__ */ o.jsx(Tt, { type: "button", onClick: Z, children: "Apply prefix" })
             ] })
           ] }) }),
-          !n.includes("version") && /* @__PURE__ */ i.jsx(s, { label: "Version", children: /* @__PURE__ */ i.jsx(
-            O,
+          !d.includes("version") && /* @__PURE__ */ o.jsx(l, { label: "Version", children: /* @__PURE__ */ o.jsx(
+            mt,
             {
-              value: o.version,
-              onChange: U,
-              min: T,
+              value: i.version,
+              onChange: J,
+              min: C,
               step: 1,
               "aria-label": "Version Number",
-              autoFocus: n.includes("name"),
-              disabled: d
+              autoFocus: d.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.jsxs(
+              vt,
+              {
+                type: "button",
+                onClick: () => u(!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(wt, { children: P })
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ o.jsx(
+              k,
+              {
+                type: "button",
+                icon: "close",
+                variant: "text",
+                onClick: () => {
+                  w(""), K(null);
+                },
+                disabled: s
+              }
+            )
+          ] }) : /* @__PURE__ */ o.jsx(
+            k,
+            {
+              type: "button",
+              icon: "link",
+              label: "Link task",
+              variant: "text",
+              onClick: () => u(!0),
+              disabled: s
             }
-          ) })
+          ) }) })
         ] }),
-        /* @__PURE__ */ i.jsx(s, { label: "Reviewable files" }),
-        /* @__PURE__ */ i.jsx(Y, { children: /* @__PURE__ */ i.jsx(
-          M,
+        G && /* @__PURE__ */ o.jsx(
+          lt,
+          {
+            projectName: y,
+            entityType: "task",
+            initialSelection: {
+              ...j ? { folder: { [j]: !0 } } : {},
+              ...n ? { task: { [n]: !0 } } : {}
+            },
+            onSubmit: (t) => {
+              t.length > 0 && w(t[0]), u(!1);
+            },
+            onClose: () => u(!1)
+          }
+        ),
+        /* @__PURE__ */ o.jsx(l, { label: "Reviewable files" }),
+        /* @__PURE__ */ o.jsx(ft, { children: /* @__PURE__ */ o.jsx(
+          dt,
           {
-            projectName: b,
-            versionId: h,
-            productId: g,
-            dispatch: R,
-            pendingFiles: w,
-            setPendingFiles: N,
-            onUpload: P,
-            onFilesAdded: F,
+            projectName: y,
+            versionId: b,
+            productId: R,
+            dispatch: B,
+            pendingFiles: L,
+            setPendingFiles: U,
+            onUpload: z,
+            onFilesAdded: A,
             pt: {
               upload: {
                 style: { minHeight: 80 }
@@ -432,6 +527,6 @@ const G = e.form`
   );
 };
 export {
-  Mp as UploadVersionForm
+  ve 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, useRef, useMemo } from 'react'\nimport styled from 'styled-components'\nimport { FormLayout, FormRow, InputText, InputNumber, Dropdown } from '@ynput/ayon-react-components'\nimport type { DropdownRef } from '@ynput/ayon-react-components'\nimport { ReviewableUpload } from '@shared/components'\nimport { useVersionUploadContext } from '../context/VersionUploadContext'\nimport { useProjectContext } from '@shared/context'\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\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  } = useVersionUploadContext()\n\n  const project = useProjectContext()\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      </StyledFormLayout>\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","UploadVersionForm","formData","onChange","onSubmit","hidden","projectName","minVersion","versionId","productId","previousProductTypeRef","useRef","dropdownRef","formRef","pendingFiles","setPendingFiles","onCloseVersionUpload","extractAndSetVersionFromFiles","dispatch","useVersionUploadContext","project","useProjectContext","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","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 } 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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"}

package/dist/shared/src/components/VersionUploader/context/VersionUploadContext.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const z=require("../../../../../_virtual/jsx-runtime.cjs.js");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/projectFolders.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/config/getConfig.cjs.js");require("../../../api/queries/config/updateConfig.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");const B=require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/tasks/updateTasks.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/users/guests.cjs.js");const A=require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("../../../api/queries/uris/getUris.cjs.js");const r=require("react");require("lodash");const J=require("react-toastify");require("uuid");const K=require("../../../util/extractVersionFromFilename.cjs.js"),x=require("../../../util/versionUploadHelpers.cjs.js");require("../../../util/pubsub.cjs.js");const H=r.createContext(void 0),l={version:1,name:"review",productType:"review"},W=({children:v,projectName:n,onVersionCreated:w,dispatch:b})=>{const[p,f]=r.useState(""),[t,I]=r.useState(""),[V,g]=r.useState(""),[q,P]=r.useState(!1),[a,F]=r.useState([]),[c,s]=r.useState(l),[U,m]=r.useState(!1),[h,S]=r.useState(""),[k,y]=r.useState(null),[R,E]=r.useState(null),{currentData:o}=A.useGetLatestProductVersionQuery({projectName:n,productId:t},{skip:!t||!q}),T=r.useCallback(({productId:i,folderId:e,taskId:u})=>{I(i||""),f(e||""),g(u||""),P(!0)},[]),d=r.useCallback(()=>{a.forEach(i=>{i.preview&&URL.revokeObjectURL(i.preview)}),F([]),s(l),y(null),E(null),S(""),m(!1),P(!1),I(""),f(""),g("")},[a]),[G]=B.useCreateProductMutation(),[O]=A.useCreateVersionMutation(),C=r.useCallback(async i=>{console.log("Uploading version with data:",i);try{if(o&&t){const e=await x.createVersionHelper(O,n,{productId:t,version:i.version});return w(t,e.id),{productId:t,versionId:e.id}}else{const{product:e,version:u}=await x.createProductAndVersion(G,O,n,{folderId:p,name:i.name,productType:i.productType||"review"},{version:i.version,taskId:V||void 0});return w(e.id,u.id),J.toast.success("Created new version"),{productId:e.id,versionId:u.id}}}catch(e){throw console.error("Error uploading version:",e),e.message||e}},[d,t,p,V,o,n]),D=r.useCallback(i=>{if(t)return;const e=i[0];if(e){const u=K.extractVersionFromFilename(e.name);u&&u!==c.version&&s(j=>({...j,version:u}))}},[t,c.version]),M=r.useCallback((i,e)=>{s(u=>({...u,[i]:e}))},[]),Q=()=>{const i=x.validateFormData(c,o?.version,!o);if(!i.isValid)throw i.error},L=r.useCallback(async i=>{try{m(!0),S(""),Q();const e=await C(i);e?.productId&&y(e.productId),e?.versionId&&E(e.versionId),a.length<1&&(m(!1),d())}catch(e){S(e),m(!1)}},[C,a.length,d]);r.useEffect(()=>{if(q)return s(o?{...l,version:x.getNextVersionNumber(o)}:l),()=>{s(l)}},[q,o]);const $=r.useMemo(()=>({productId:t,setProductId:I,folderId:p,taskId:V,setFolderId:f,isOpen:q,projectName:n,version:t?o:void 0,pendingFiles:a,setPendingFiles:F,onOpenVersionUpload:T,onCloseVersionUpload:d,onUploadVersion:C,extractAndSetVersionFromFiles:D,form:c,setForm:s,isSubmitting:U,error:h,createdProductId:k,createdVersionId:R,handleFormChange:M,handleFormSubmit:L,dispatch:b}),[p,f,t,V,I,q,n,o,a,F,T,d,C,D,c,U,h,k,R,M,L,b]);return z.jsxRuntimeExports.jsx(H.Provider,{value:$,children:v})},X=()=>{const v=r.useContext(H);if(v===void 0)throw new Error("useVersionUploadContext must be used within a VersionUploadProvider");return v};exports.VersionUploadProvider=W;exports.useVersionUploadContext=X;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const se=require("../../../../../_virtual/jsx-runtime.cjs.js");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/projectFolders.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/config/getConfig.cjs.js");require("../../../api/queries/config/updateConfig.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");const ue=require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/tasks/getTasks.cjs.js");require("../../../api/queries/tasks/updateTasks.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/users/guests.cjs.js");const g=require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("../../../api/queries/uris/getUris.cjs.js");const e=require("react");require("lodash");const oe=require("react-toastify");require("uuid");const ne=require("../../../util/extractVersionFromFilename.cjs.js"),h=require("../../../util/versionUploadHelpers.cjs.js");require("../../../util/pubsub.cjs.js");const j=e.createContext(void 0),S={version:1,name:"review",productType:"review"},ae=({children:l,projectName:o,onVersionCreated:R,dispatch:L})=>{const[v,p]=e.useState(""),[t,I]=e.useState(""),[F,b]=e.useState(null),[E,f]=e.useState(null),[n,D]=e.useState(!1),[a,w]=e.useState([]),[d,u]=e.useState(S),[O,V]=e.useState(!1),[M,x]=e.useState(""),[A,G]=e.useState(null),[H,Q]=e.useState(null),[k,B]=e.useState(void 0),[y,$]=e.useState(void 0),{currentData:m}=g.useGetLatestProductVersionQuery({projectName:o,productId:t},{skip:!t||!n||k!=null}),{data:z}=g.useGetVersionQuery({projectName:o,versionId:y},{skip:!y||!n||F!==null}),c=F??z?.taskId??"",J=!!(y&&F===null&&!z),K=e.useCallback(({productId:r,folderId:i,taskId:s,linkedTask:T,latestVersionNumber:U,latestVersionId:ie})=>{I(r||""),p(i||""),b(s||null),f(T||null),B(U),$(ie),U!=null&&u(te=>({...te,version:U+1})),D(!0)},[]),q=e.useCallback(()=>{a.forEach(r=>{r.preview&&URL.revokeObjectURL(r.preview)}),w([]),u(S),G(null),Q(null),x(""),V(!1),D(!1),I(""),p(""),b(null),f(null),B(void 0),$(void 0)},[a]),[N]=ue.useCreateProductMutation(),[W]=g.useCreateVersionMutation(),C=e.useCallback(async r=>{try{if(t){const i=await h.createVersionHelper(W,o,{productId:t,version:r.version,taskId:c||void 0});return R(t,i.id),{productId:t,versionId:i.id}}else{const{product:i,version:s}=await h.createProductAndVersion(N,W,o,{folderId:v,name:r.name,productType:r.productType||"review",productBaseType:r.productType||"review"},{version:r.version,taskId:c||void 0});return R(i.id,s.id),oe.toast.success("Created new version"),{productId:i.id,versionId:s.id}}}catch(i){throw console.error("Error uploading version:",i),i.message||i}},[q,t,v,c,o]),X=e.useCallback(r=>{if(t)return;const i=r[0];if(i){const s=ne.extractVersionFromFilename(i.name);s&&s!==d.version&&u(T=>({...T,version:s}))}},[t,d.version]),P=m?.version??k,Y=e.useCallback((r,i)=>{u(s=>({...s,[r]:i}))},[]),ee=()=>{const r=h.validateFormData(d,P,!t);if(!r.isValid)throw r.error},Z=e.useCallback(async r=>{try{V(!0),x(""),ee();const i=await C(r);i?.productId&&G(i.productId),i?.versionId&&Q(i.versionId),a.length<1&&(V(!1),q())}catch(i){x(i),V(!1)}},[C,a.length,q]);e.useEffect(()=>{if(!(!n||k!=null))return u(m?r=>({...r,version:m.version+1}):S),()=>{u(S)}},[n,m,k]);const _=e.useCallback(r=>b(r),[]),re=e.useMemo(()=>({productId:t,setProductId:I,folderId:v,taskId:c,linkedTask:E,isLoadingTask:J,setTaskId:_,setLinkedTask:f,setFolderId:p,isOpen:n,projectName:o,latestVersion:P,pendingFiles:a,setPendingFiles:w,onOpenVersionUpload:K,onCloseVersionUpload:q,onUploadVersion:C,extractAndSetVersionFromFiles:X,form:d,setForm:u,isSubmitting:O,error:M,createdProductId:A,createdVersionId:H,handleFormChange:Y,handleFormSubmit:Z,dispatch:L}),[v,p,t,c,E,J,_,f,I,n,o,P,a,w,K,q,C,X,d,O,M,A,H,Y,Z,L]);return se.jsxRuntimeExports.jsx(j.Provider,{value:re,children:l})},de=()=>{const l=e.useContext(j);if(l===void 0)throw new Error("useVersionUploadContext must be used within a VersionUploadProvider");return l};exports.VersionUploadProvider=ae;exports.useVersionUploadContext=de;
 //# sourceMappingURL=VersionUploadContext.cjs.js.map