@ynput/ayon-frontend-shared 0.3.9 → 0.3.10

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

@@ -1 +1 @@
-{"version":3,"file":"UploadVersionForm.cjs.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","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.cjs.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","submitter","handleVersionChange","value","handleNameChange","handleProductTypeChange","handleApplyPrefix","currentName","capitalizedName","shouldShowRecommendation","isFormSubmitted","handleKeyDown","jsxs","jsx","FormRow","Dropdown","InputText","InputNumber","ReviewableUpload"],"mappings":"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"}

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

@@ -44,6 +44,7 @@ import "../../../api/generated/operations.es.js";
 import "../../../api/generated/products.es.js";
 import "../../../api/generated/projectDashboard.es.js";
 import "../../../api/generated/projects.es.js";
+import "../../../api/generated/projectFolders.es.js";
 import "../../../api/generated/reviewables.es.js";
 import "../../../api/generated/services.es.js";
 import "../../../api/generated/system.es.js";
@@ -91,6 +92,7 @@ import "../../../api/queries/permissions/getPermissions.es.js";
 import "../../../api/queries/products/createProduct.es.js";
 import "../../../api/queries/project/getProject.es.js";
 import "../../../api/queries/project/updateProject.es.js";
+import "../../../api/queries/projectFolders/projectFolders.es.js";
 import "../../../api/queries/review/getReview.es.js";
 import "../../../api/queries/review/updateReview.es.js";
 import "../../../api/queries/share/share.es.js";
@@ -296,7 +298,7 @@ const G = e.form`
 `, Y = e.div`
   position: relative;
   min-height: 80px;
-`, Op = ({
+`, Mp = ({
   formData: o,
   onChange: p,
   onSubmit: y,
@@ -430,6 +432,6 @@ const G = e.form`
   );
 };
 export {
-  Op as UploadVersionForm
+  Mp 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, 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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"}

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/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/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:u}=A.useGetLatestProductVersionQuery({projectName:n,productId:t},{skip:!t||!q}),T=r.useCallback(({productId:i,folderId:e,taskId:o})=>{I(i||""),f(e||""),g(o||""),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(u&&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:o}=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,o.id),J.toast.success("Created new version"),{productId:e.id,versionId:o.id}}}catch(e){throw console.error("Error uploading version:",e),e.message||e}},[d,t,p,V,u,n]),D=r.useCallback(i=>{if(t)return;const e=i[0];if(e){const o=K.extractVersionFromFilename(e.name);o&&o!==c.version&&s(j=>({...j,version:o}))}},[t,c.version]),M=r.useCallback((i,e)=>{s(o=>({...o,[i]:e}))},[]),Q=()=>{const i=x.validateFormData(c,u?.version,!u);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(u?{...l,version:x.getNextVersionNumber(u)}:l),()=>{s(l)}},[q,u]);const $=r.useMemo(()=>({productId:t,setProductId:I,folderId:p,taskId:V,setFolderId:f,isOpen:q,projectName:n,version:t?u: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,u,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 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;
 //# sourceMappingURL=VersionUploadContext.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"VersionUploadContext.cjs.js","sources":["../../../../../../src/components/VersionUploader/context/VersionUploadContext.tsx"],"sourcesContent":["import {\n  GetLatestVersionResult,\n  useCreateVersionMutation,\n  useGetLatestProductVersionQuery,\n} from '@shared/api'\nimport React, {\n  createContext,\n  useContext,\n  useState,\n  ReactNode,\n  useMemo,\n  useCallback,\n  useEffect,\n} from 'react'\nimport { useCreateProductMutation } from '@shared/api'\nimport { extractVersionFromFilename } from '@shared/util'\nimport { toast } from 'react-toastify'\nimport {\n  validateFormData as validateFormDataHelper,\n  createProductAndVersion,\n  createVersionHelper,\n  handleUploadError,\n  getNextVersionNumber,\n  type ProductCreationData,\n  type VersionCreationData,\n} from '@shared/util/versionUploadHelpers'\n\nexport interface FormData {\n  version: number\n  name: string\n  productType: string\n}\ninterface VersionUploadContextType {\n  productId: string\n  folderId: string\n  taskId: string\n  setProductId: (productId: string) => void\n  setFolderId: (folderId: string) => void\n  isOpen: boolean\n  projectName: string\n  version: GetLatestVersionResult | undefined\n  pendingFiles: Array<{ file: File; preview?: string }>\n  setPendingFiles: React.Dispatch<React.SetStateAction<Array<{ file: File; preview?: string }>>>\n  extractAndSetVersionFromFiles: (files: File[]) => void\n  form: FormData\n  setForm: React.Dispatch<React.SetStateAction<FormData>>\n  isSubmitting: boolean\n  error: string\n  createdProductId: string | null\n  createdVersionId: string | null\n  onOpenVersionUpload: (params: { productId?: string; folderId?: string; taskId?: string }) => void\n  onCloseVersionUpload: () => void\n  onUploadVersion: (data: FormData) => Promise<{ productId: string; versionId: string }>\n  handleFormChange: (key: keyof FormData, value: string | number) => void\n  handleFormSubmit: (formData: FormData) => Promise<void>\n  // pass through\n  dispatch: any\n}\n\nconst VersionUploadContext = createContext<VersionUploadContextType | undefined>(undefined)\n\ninterface VersionUploadProviderProps {\n  children: ReactNode\n  projectName: string\n  onVersionCreated: (productId: string, versionId: string) => void\n  dispatch: any\n}\n\nconst defaultFormData: FormData = {\n  version: 1,\n  name: 'review',\n  productType: 'review',\n}\n\nexport const VersionUploadProvider: React.FC<VersionUploadProviderProps> = ({\n  children,\n  projectName,\n  onVersionCreated,\n  dispatch,\n}) => {\n  const [folderId, setFolderId] = useState<string>('')\n  const [productId, setProductId] = useState<string>('')\n  // optional taskId to link the version to\n  const [taskId, setTaskId] = useState<string>('')\n  const [isOpen, setIsOpen] = useState<boolean>(false)\n  const [pendingFiles, setPendingFiles] = useState<Array<{ file: File; preview?: string }>>([])\n  const [form, setForm] = useState<FormData>(defaultFormData)\n  const [isSubmitting, setIsSubmitting] = useState(false)\n  const [error, setError] = useState<string>('')\n  const [createdProductId, setCreatedProductId] = useState<string | null>(null)\n  const [createdVersionId, setCreatedVersionId] = useState<string | null>(null)\n\n  const { currentData: version } = useGetLatestProductVersionQuery(\n    {\n      projectName,\n      productId,\n    },\n    { skip: !productId || !isOpen },\n  )\n\n  const onOpenVersionUpload = useCallback<VersionUploadContextType['onOpenVersionUpload']>(\n    ({ productId, folderId, taskId }) => {\n      setProductId(productId || '')\n      setFolderId(folderId || '')\n      setTaskId(taskId || '')\n      setIsOpen(true)\n    },\n    [],\n  )\n\n  const onCloseVersionUpload = useCallback<VersionUploadContextType['onCloseVersionUpload']>(() => {\n    // Clean up pending files\n    pendingFiles.forEach((item) => {\n      if (item.preview) {\n        URL.revokeObjectURL(item.preview)\n      }\n    })\n    setPendingFiles([])\n    setForm(defaultFormData)\n    setCreatedProductId(null)\n    setCreatedVersionId(null)\n    setError('')\n    setIsSubmitting(false)\n    setIsOpen(false)\n    setProductId('')\n    setFolderId('')\n    setTaskId('')\n  }, [pendingFiles])\n\n  const [createProduct] = useCreateProductMutation()\n  const [createVersion] = useCreateVersionMutation()\n\n  const onUploadVersion = useCallback<VersionUploadContextType['onUploadVersion']>(\n    async (data: FormData) => {\n      console.log('Uploading version with data:', data)\n      try {\n        if (version && productId) {\n          // product already exists, create new version for it\n          const versionRes = await createVersionHelper(createVersion, projectName, {\n            productId,\n            version: data.version,\n          })\n\n          // select the new version\n          onVersionCreated(productId, versionRes.id)\n\n          return {\n            productId,\n            versionId: versionRes.id,\n          }\n        } else {\n          // product does not exist, create new product with version\n          const { product: productRes, version: versionRes } = await createProductAndVersion(\n            createProduct,\n            createVersion,\n            projectName,\n            {\n              folderId,\n              name: data.name,\n              productType: data.productType || 'review',\n            },\n            {\n              version: data.version,\n              taskId: taskId || undefined,\n            },\n          )\n\n          // select the new product and version\n          onVersionCreated(productRes.id, versionRes.id)\n\n          toast.success('Created new version')\n\n          return {\n            productId: productRes.id,\n            versionId: versionRes.id,\n          }\n        }\n      } catch (error: any) {\n        console.error('Error uploading version:', error)\n        throw error.message || error\n      }\n    },\n    [onCloseVersionUpload, productId, folderId, taskId, version, projectName],\n  )\n\n  const extractAndSetVersionFromFiles = useCallback(\n    (files: File[]) => {\n      // Only extract version if we don't already have a product (new product workflow)\n      if (productId) return\n\n      // Try to extract version from the first file\n      const firstFile = files[0]\n      if (firstFile) {\n        const extractedVersion = extractVersionFromFilename(firstFile.name)\n        if (extractedVersion && extractedVersion !== form.version) {\n          setForm((prev) => ({\n            ...prev,\n            version: extractedVersion,\n          }))\n        }\n      }\n    },\n    [productId, form.version],\n  )\n\n  // Handle form changes\n  const handleFormChange = useCallback((key: keyof FormData, value: string | number) => {\n    setForm((prev) => ({\n      ...prev,\n      [key]: value,\n    }))\n  }, [])\n\n  const validateFormData = () => {\n    const validation = validateFormDataHelper(form, version?.version, !version)\n    if (!validation.isValid) {\n      throw validation.error\n    }\n  }\n\n  // Handle form submission\n  const handleFormSubmit = useCallback(\n    async (formData: FormData) => {\n      try {\n        setIsSubmitting(true)\n        setError('')\n\n        // validate the form data\n        validateFormData()\n\n        const response = await onUploadVersion(formData)\n\n        // Extract productId and versionId from response\n        if (response?.productId) {\n          setCreatedProductId(response.productId)\n        }\n        if (response?.versionId) {\n          setCreatedVersionId(response.versionId)\n        }\n\n        if (pendingFiles.length < 1) {\n          setIsSubmitting(false)\n          onCloseVersionUpload()\n        }\n      } catch (error: any) {\n        setError(error)\n        setIsSubmitting(false)\n      }\n    },\n    [onUploadVersion, pendingFiles.length, onCloseVersionUpload],\n  )\n\n  // Update form when version data changes\n  useEffect(() => {\n    if (!isOpen) return\n\n    if (version) {\n      setForm({\n        ...defaultFormData,\n        version: getNextVersionNumber(version),\n      })\n    } else {\n      setForm(defaultFormData)\n    }\n\n    return () => {\n      setForm(defaultFormData)\n    }\n  }, [isOpen, version])\n\n  const value = useMemo(\n    () => ({\n      productId,\n      setProductId,\n      folderId,\n      taskId,\n      setFolderId,\n      isOpen,\n      projectName,\n      version: productId ? version : undefined,\n      pendingFiles,\n      setPendingFiles,\n      onOpenVersionUpload,\n      onCloseVersionUpload,\n      onUploadVersion,\n      extractAndSetVersionFromFiles,\n      form,\n      setForm,\n      isSubmitting,\n      error,\n      createdProductId,\n      createdVersionId,\n      handleFormChange,\n      handleFormSubmit,\n      dispatch,\n    }),\n    [\n      folderId,\n      setFolderId,\n      productId,\n      taskId,\n      setProductId,\n      isOpen,\n      projectName,\n      version,\n      pendingFiles,\n      setPendingFiles,\n      onOpenVersionUpload,\n      onCloseVersionUpload,\n      onUploadVersion,\n      extractAndSetVersionFromFiles,\n      form,\n      isSubmitting,\n      error,\n      createdProductId,\n      createdVersionId,\n      handleFormChange,\n      handleFormSubmit,\n      dispatch,\n    ],\n  )\n\n  return <VersionUploadContext.Provider value={value}>{children}</VersionUploadContext.Provider>\n}\n\nexport const useVersionUploadContext = (): VersionUploadContextType => {\n  const context = useContext(VersionUploadContext)\n  if (context === undefined) {\n    throw new Error('useVersionUploadContext must be used within a VersionUploadProvider')\n  }\n  return context\n}\n"],"names":["VersionUploadContext","createContext","defaultFormData","VersionUploadProvider","children","projectName","onVersionCreated","dispatch","folderId","setFolderId","useState","productId","setProductId","taskId","setTaskId","isOpen","setIsOpen","pendingFiles","setPendingFiles","form","setForm","isSubmitting","setIsSubmitting","error","setError","createdProductId","setCreatedProductId","createdVersionId","setCreatedVersionId","version","useGetLatestProductVersionQuery","onOpenVersionUpload","useCallback","onCloseVersionUpload","item","createProduct","useCreateProductMutation","createVersion","useCreateVersionMutation","onUploadVersion","data","versionRes","createVersionHelper","productRes","createProductAndVersion","toast","extractAndSetVersionFromFiles","files","firstFile","extractedVersion","extractVersionFromFilename","prev","handleFormChange","key","value","validateFormData","validation","validateFormDataHelper","handleFormSubmit","formData","response","useEffect","getNextVersionNumber","useMemo","jsx","useVersionUploadContext","context","useContext"],"mappings":"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"}
+{"version":3,"file":"VersionUploadContext.cjs.js","sources":["../../../../../../src/components/VersionUploader/context/VersionUploadContext.tsx"],"sourcesContent":["import {\n  GetLatestVersionResult,\n  useCreateVersionMutation,\n  useGetLatestProductVersionQuery,\n} from '@shared/api'\nimport React, {\n  createContext,\n  useContext,\n  useState,\n  ReactNode,\n  useMemo,\n  useCallback,\n  useEffect,\n} from 'react'\nimport { useCreateProductMutation } from '@shared/api'\nimport { extractVersionFromFilename } from '@shared/util'\nimport { toast } from 'react-toastify'\nimport {\n  validateFormData as validateFormDataHelper,\n  createProductAndVersion,\n  createVersionHelper,\n  handleUploadError,\n  getNextVersionNumber,\n  type ProductCreationData,\n  type VersionCreationData,\n} from '@shared/util/versionUploadHelpers'\n\nexport interface FormData {\n  version: number\n  name: string\n  productType: string\n}\ninterface VersionUploadContextType {\n  productId: string\n  folderId: string\n  taskId: string\n  setProductId: (productId: string) => void\n  setFolderId: (folderId: string) => void\n  isOpen: boolean\n  projectName: string\n  version: GetLatestVersionResult | undefined\n  pendingFiles: Array<{ file: File; preview?: string }>\n  setPendingFiles: React.Dispatch<React.SetStateAction<Array<{ file: File; preview?: string }>>>\n  extractAndSetVersionFromFiles: (files: File[]) => void\n  form: FormData\n  setForm: React.Dispatch<React.SetStateAction<FormData>>\n  isSubmitting: boolean\n  error: string\n  createdProductId: string | null\n  createdVersionId: string | null\n  onOpenVersionUpload: (params: { productId?: string; folderId?: string; taskId?: string }) => void\n  onCloseVersionUpload: () => void\n  onUploadVersion: (data: FormData) => Promise<{ productId: string; versionId: string }>\n  handleFormChange: (key: keyof FormData, value: string | number) => void\n  handleFormSubmit: (formData: FormData) => Promise<void>\n  // pass through\n  dispatch: any\n}\n\nconst VersionUploadContext = createContext<VersionUploadContextType | undefined>(undefined)\n\ninterface VersionUploadProviderProps {\n  children: ReactNode\n  projectName: string\n  onVersionCreated: (productId: string, versionId: string) => void\n  dispatch: any\n}\n\nconst defaultFormData: FormData = {\n  version: 1,\n  name: 'review',\n  productType: 'review',\n}\n\nexport const VersionUploadProvider: React.FC<VersionUploadProviderProps> = ({\n  children,\n  projectName,\n  onVersionCreated,\n  dispatch,\n}) => {\n  const [folderId, setFolderId] = useState<string>('')\n  const [productId, setProductId] = useState<string>('')\n  // optional taskId to link the version to\n  const [taskId, setTaskId] = useState<string>('')\n  const [isOpen, setIsOpen] = useState<boolean>(false)\n  const [pendingFiles, setPendingFiles] = useState<Array<{ file: File; preview?: string }>>([])\n  const [form, setForm] = useState<FormData>(defaultFormData)\n  const [isSubmitting, setIsSubmitting] = useState(false)\n  const [error, setError] = useState<string>('')\n  const [createdProductId, setCreatedProductId] = useState<string | null>(null)\n  const [createdVersionId, setCreatedVersionId] = useState<string | null>(null)\n\n  const { currentData: version } = useGetLatestProductVersionQuery(\n    {\n      projectName,\n      productId,\n    },\n    { skip: !productId || !isOpen },\n  )\n\n  const onOpenVersionUpload = useCallback<VersionUploadContextType['onOpenVersionUpload']>(\n    ({ productId, folderId, taskId }) => {\n      setProductId(productId || '')\n      setFolderId(folderId || '')\n      setTaskId(taskId || '')\n      setIsOpen(true)\n    },\n    [],\n  )\n\n  const onCloseVersionUpload = useCallback<VersionUploadContextType['onCloseVersionUpload']>(() => {\n    // Clean up pending files\n    pendingFiles.forEach((item) => {\n      if (item.preview) {\n        URL.revokeObjectURL(item.preview)\n      }\n    })\n    setPendingFiles([])\n    setForm(defaultFormData)\n    setCreatedProductId(null)\n    setCreatedVersionId(null)\n    setError('')\n    setIsSubmitting(false)\n    setIsOpen(false)\n    setProductId('')\n    setFolderId('')\n    setTaskId('')\n  }, [pendingFiles])\n\n  const [createProduct] = useCreateProductMutation()\n  const [createVersion] = useCreateVersionMutation()\n\n  const onUploadVersion = useCallback<VersionUploadContextType['onUploadVersion']>(\n    async (data: FormData) => {\n      console.log('Uploading version with data:', data)\n      try {\n        if (version && productId) {\n          // product already exists, create new version for it\n          const versionRes = await createVersionHelper(createVersion, projectName, {\n            productId,\n            version: data.version,\n          })\n\n          // select the new version\n          onVersionCreated(productId, versionRes.id)\n\n          return {\n            productId,\n            versionId: versionRes.id,\n          }\n        } else {\n          // product does not exist, create new product with version\n          const { product: productRes, version: versionRes } = await createProductAndVersion(\n            createProduct,\n            createVersion,\n            projectName,\n            {\n              folderId,\n              name: data.name,\n              productType: data.productType || 'review',\n            },\n            {\n              version: data.version,\n              taskId: taskId || undefined,\n            },\n          )\n\n          // select the new product and version\n          onVersionCreated(productRes.id, versionRes.id)\n\n          toast.success('Created new version')\n\n          return {\n            productId: productRes.id,\n            versionId: versionRes.id,\n          }\n        }\n      } catch (error: any) {\n        console.error('Error uploading version:', error)\n        throw error.message || error\n      }\n    },\n    [onCloseVersionUpload, productId, folderId, taskId, version, projectName],\n  )\n\n  const extractAndSetVersionFromFiles = useCallback(\n    (files: File[]) => {\n      // Only extract version if we don't already have a product (new product workflow)\n      if (productId) return\n\n      // Try to extract version from the first file\n      const firstFile = files[0]\n      if (firstFile) {\n        const extractedVersion = extractVersionFromFilename(firstFile.name)\n        if (extractedVersion && extractedVersion !== form.version) {\n          setForm((prev) => ({\n            ...prev,\n            version: extractedVersion,\n          }))\n        }\n      }\n    },\n    [productId, form.version],\n  )\n\n  // Handle form changes\n  const handleFormChange = useCallback((key: keyof FormData, value: string | number) => {\n    setForm((prev) => ({\n      ...prev,\n      [key]: value,\n    }))\n  }, [])\n\n  const validateFormData = () => {\n    const validation = validateFormDataHelper(form, version?.version, !version)\n    if (!validation.isValid) {\n      throw validation.error\n    }\n  }\n\n  // Handle form submission\n  const handleFormSubmit = useCallback(\n    async (formData: FormData) => {\n      try {\n        setIsSubmitting(true)\n        setError('')\n\n        // validate the form data\n        validateFormData()\n\n        const response = await onUploadVersion(formData)\n\n        // Extract productId and versionId from response\n        if (response?.productId) {\n          setCreatedProductId(response.productId)\n        }\n        if (response?.versionId) {\n          setCreatedVersionId(response.versionId)\n        }\n\n        if (pendingFiles.length < 1) {\n          setIsSubmitting(false)\n          onCloseVersionUpload()\n        }\n      } catch (error: any) {\n        setError(error)\n        setIsSubmitting(false)\n      }\n    },\n    [onUploadVersion, pendingFiles.length, onCloseVersionUpload],\n  )\n\n  // Update form when version data changes\n  useEffect(() => {\n    if (!isOpen) return\n\n    if (version) {\n      setForm({\n        ...defaultFormData,\n        version: getNextVersionNumber(version),\n      })\n    } else {\n      setForm(defaultFormData)\n    }\n\n    return () => {\n      setForm(defaultFormData)\n    }\n  }, [isOpen, version])\n\n  const value = useMemo(\n    () => ({\n      productId,\n      setProductId,\n      folderId,\n      taskId,\n      setFolderId,\n      isOpen,\n      projectName,\n      version: productId ? version : undefined,\n      pendingFiles,\n      setPendingFiles,\n      onOpenVersionUpload,\n      onCloseVersionUpload,\n      onUploadVersion,\n      extractAndSetVersionFromFiles,\n      form,\n      setForm,\n      isSubmitting,\n      error,\n      createdProductId,\n      createdVersionId,\n      handleFormChange,\n      handleFormSubmit,\n      dispatch,\n    }),\n    [\n      folderId,\n      setFolderId,\n      productId,\n      taskId,\n      setProductId,\n      isOpen,\n      projectName,\n      version,\n      pendingFiles,\n      setPendingFiles,\n      onOpenVersionUpload,\n      onCloseVersionUpload,\n      onUploadVersion,\n      extractAndSetVersionFromFiles,\n      form,\n      isSubmitting,\n      error,\n      createdProductId,\n      createdVersionId,\n      handleFormChange,\n      handleFormSubmit,\n      dispatch,\n    ],\n  )\n\n  return <VersionUploadContext.Provider value={value}>{children}</VersionUploadContext.Provider>\n}\n\nexport const useVersionUploadContext = (): VersionUploadContextType => {\n  const context = useContext(VersionUploadContext)\n  if (context === undefined) {\n    throw new Error('useVersionUploadContext must be used within a VersionUploadProvider')\n  }\n  return context\n}\n"],"names":["VersionUploadContext","createContext","defaultFormData","VersionUploadProvider","children","projectName","onVersionCreated","dispatch","folderId","setFolderId","useState","productId","setProductId","taskId","setTaskId","isOpen","setIsOpen","pendingFiles","setPendingFiles","form","setForm","isSubmitting","setIsSubmitting","error","setError","createdProductId","setCreatedProductId","createdVersionId","setCreatedVersionId","version","useGetLatestProductVersionQuery","onOpenVersionUpload","useCallback","onCloseVersionUpload","item","createProduct","useCreateProductMutation","createVersion","useCreateVersionMutation","onUploadVersion","data","versionRes","createVersionHelper","productRes","createProductAndVersion","toast","extractAndSetVersionFromFiles","files","firstFile","extractedVersion","extractVersionFromFilename","prev","handleFormChange","key","value","validateFormData","validation","validateFormDataHelper","handleFormSubmit","formData","response","useEffect","getNextVersionNumber","useMemo","jsx","useVersionUploadContext","context","useContext"],"mappings":"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"}

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

@@ -24,6 +24,7 @@ import "../../../api/generated/operations.es.js";
 import "../../../api/generated/products.es.js";
 import "../../../api/generated/projectDashboard.es.js";
 import "../../../api/generated/projects.es.js";
+import "../../../api/generated/projectFolders.es.js";
 import "../../../api/generated/reviewables.es.js";
 import "../../../api/generated/services.es.js";
 import "../../../api/generated/system.es.js";
@@ -71,6 +72,7 @@ import "../../../api/queries/permissions/getPermissions.es.js";
 import { useCreateProductMutation as B } from "../../../api/queries/products/createProduct.es.js";
 import "../../../api/queries/project/getProject.es.js";
 import "../../../api/queries/project/updateProject.es.js";
+import "../../../api/queries/projectFolders/projectFolders.es.js";
 import "../../../api/queries/review/getReview.es.js";
 import "../../../api/queries/review/updateReview.es.js";
 import "../../../api/queries/share/share.es.js";
@@ -96,7 +98,7 @@ const G = W(void 0), l = {
   version: 1,
   name: "review",
   productType: "review"
-}, Br = ({
+}, Kr = ({
   children: v,
   projectName: p,
   onVersionCreated: C,
@@ -250,14 +252,14 @@ const G = W(void 0), l = {
     ]
   );
   return /* @__PURE__ */ z.jsx(G.Provider, { value: $, children: v });
-}, Jr = () => {
+}, Wr = () => {
   const v = Z(G);
   if (v === void 0)
     throw new Error("useVersionUploadContext must be used within a VersionUploadProvider");
   return v;
 };
 export {
-  Br as VersionUploadProvider,
-  Jr as useVersionUploadContext
+  Kr as VersionUploadProvider,
+  Wr as useVersionUploadContext
 };
 //# sourceMappingURL=VersionUploadContext.es.js.map

package/dist/shared/src/components/VersionUploader/context/VersionUploadContext.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"VersionUploadContext.es.js","sources":["../../../../../../src/components/VersionUploader/context/VersionUploadContext.tsx"],"sourcesContent":["import {\n  GetLatestVersionResult,\n  useCreateVersionMutation,\n  useGetLatestProductVersionQuery,\n} from '@shared/api'\nimport React, {\n  createContext,\n  useContext,\n  useState,\n  ReactNode,\n  useMemo,\n  useCallback,\n  useEffect,\n} from 'react'\nimport { useCreateProductMutation } from '@shared/api'\nimport { extractVersionFromFilename } from '@shared/util'\nimport { toast } from 'react-toastify'\nimport {\n  validateFormData as validateFormDataHelper,\n  createProductAndVersion,\n  createVersionHelper,\n  handleUploadError,\n  getNextVersionNumber,\n  type ProductCreationData,\n  type VersionCreationData,\n} from '@shared/util/versionUploadHelpers'\n\nexport interface FormData {\n  version: number\n  name: string\n  productType: string\n}\ninterface VersionUploadContextType {\n  productId: string\n  folderId: string\n  taskId: string\n  setProductId: (productId: string) => void\n  setFolderId: (folderId: string) => void\n  isOpen: boolean\n  projectName: string\n  version: GetLatestVersionResult | undefined\n  pendingFiles: Array<{ file: File; preview?: string }>\n  setPendingFiles: React.Dispatch<React.SetStateAction<Array<{ file: File; preview?: string }>>>\n  extractAndSetVersionFromFiles: (files: File[]) => void\n  form: FormData\n  setForm: React.Dispatch<React.SetStateAction<FormData>>\n  isSubmitting: boolean\n  error: string\n  createdProductId: string | null\n  createdVersionId: string | null\n  onOpenVersionUpload: (params: { productId?: string; folderId?: string; taskId?: string }) => void\n  onCloseVersionUpload: () => void\n  onUploadVersion: (data: FormData) => Promise<{ productId: string; versionId: string }>\n  handleFormChange: (key: keyof FormData, value: string | number) => void\n  handleFormSubmit: (formData: FormData) => Promise<void>\n  // pass through\n  dispatch: any\n}\n\nconst VersionUploadContext = createContext<VersionUploadContextType | undefined>(undefined)\n\ninterface VersionUploadProviderProps {\n  children: ReactNode\n  projectName: string\n  onVersionCreated: (productId: string, versionId: string) => void\n  dispatch: any\n}\n\nconst defaultFormData: FormData = {\n  version: 1,\n  name: 'review',\n  productType: 'review',\n}\n\nexport const VersionUploadProvider: React.FC<VersionUploadProviderProps> = ({\n  children,\n  projectName,\n  onVersionCreated,\n  dispatch,\n}) => {\n  const [folderId, setFolderId] = useState<string>('')\n  const [productId, setProductId] = useState<string>('')\n  // optional taskId to link the version to\n  const [taskId, setTaskId] = useState<string>('')\n  const [isOpen, setIsOpen] = useState<boolean>(false)\n  const [pendingFiles, setPendingFiles] = useState<Array<{ file: File; preview?: string }>>([])\n  const [form, setForm] = useState<FormData>(defaultFormData)\n  const [isSubmitting, setIsSubmitting] = useState(false)\n  const [error, setError] = useState<string>('')\n  const [createdProductId, setCreatedProductId] = useState<string | null>(null)\n  const [createdVersionId, setCreatedVersionId] = useState<string | null>(null)\n\n  const { currentData: version } = useGetLatestProductVersionQuery(\n    {\n      projectName,\n      productId,\n    },\n    { skip: !productId || !isOpen },\n  )\n\n  const onOpenVersionUpload = useCallback<VersionUploadContextType['onOpenVersionUpload']>(\n    ({ productId, folderId, taskId }) => {\n      setProductId(productId || '')\n      setFolderId(folderId || '')\n      setTaskId(taskId || '')\n      setIsOpen(true)\n    },\n    [],\n  )\n\n  const onCloseVersionUpload = useCallback<VersionUploadContextType['onCloseVersionUpload']>(() => {\n    // Clean up pending files\n    pendingFiles.forEach((item) => {\n      if (item.preview) {\n        URL.revokeObjectURL(item.preview)\n      }\n    })\n    setPendingFiles([])\n    setForm(defaultFormData)\n    setCreatedProductId(null)\n    setCreatedVersionId(null)\n    setError('')\n    setIsSubmitting(false)\n    setIsOpen(false)\n    setProductId('')\n    setFolderId('')\n    setTaskId('')\n  }, [pendingFiles])\n\n  const [createProduct] = useCreateProductMutation()\n  const [createVersion] = useCreateVersionMutation()\n\n  const onUploadVersion = useCallback<VersionUploadContextType['onUploadVersion']>(\n    async (data: FormData) => {\n      console.log('Uploading version with data:', data)\n      try {\n        if (version && productId) {\n          // product already exists, create new version for it\n          const versionRes = await createVersionHelper(createVersion, projectName, {\n            productId,\n            version: data.version,\n          })\n\n          // select the new version\n          onVersionCreated(productId, versionRes.id)\n\n          return {\n            productId,\n            versionId: versionRes.id,\n          }\n        } else {\n          // product does not exist, create new product with version\n          const { product: productRes, version: versionRes } = await createProductAndVersion(\n            createProduct,\n            createVersion,\n            projectName,\n            {\n              folderId,\n              name: data.name,\n              productType: data.productType || 'review',\n            },\n            {\n              version: data.version,\n              taskId: taskId || undefined,\n            },\n          )\n\n          // select the new product and version\n          onVersionCreated(productRes.id, versionRes.id)\n\n          toast.success('Created new version')\n\n          return {\n            productId: productRes.id,\n            versionId: versionRes.id,\n          }\n        }\n      } catch (error: any) {\n        console.error('Error uploading version:', error)\n        throw error.message || error\n      }\n    },\n    [onCloseVersionUpload, productId, folderId, taskId, version, projectName],\n  )\n\n  const extractAndSetVersionFromFiles = useCallback(\n    (files: File[]) => {\n      // Only extract version if we don't already have a product (new product workflow)\n      if (productId) return\n\n      // Try to extract version from the first file\n      const firstFile = files[0]\n      if (firstFile) {\n        const extractedVersion = extractVersionFromFilename(firstFile.name)\n        if (extractedVersion && extractedVersion !== form.version) {\n          setForm((prev) => ({\n            ...prev,\n            version: extractedVersion,\n          }))\n        }\n      }\n    },\n    [productId, form.version],\n  )\n\n  // Handle form changes\n  const handleFormChange = useCallback((key: keyof FormData, value: string | number) => {\n    setForm((prev) => ({\n      ...prev,\n      [key]: value,\n    }))\n  }, [])\n\n  const validateFormData = () => {\n    const validation = validateFormDataHelper(form, version?.version, !version)\n    if (!validation.isValid) {\n      throw validation.error\n    }\n  }\n\n  // Handle form submission\n  const handleFormSubmit = useCallback(\n    async (formData: FormData) => {\n      try {\n        setIsSubmitting(true)\n        setError('')\n\n        // validate the form data\n        validateFormData()\n\n        const response = await onUploadVersion(formData)\n\n        // Extract productId and versionId from response\n        if (response?.productId) {\n          setCreatedProductId(response.productId)\n        }\n        if (response?.versionId) {\n          setCreatedVersionId(response.versionId)\n        }\n\n        if (pendingFiles.length < 1) {\n          setIsSubmitting(false)\n          onCloseVersionUpload()\n        }\n      } catch (error: any) {\n        setError(error)\n        setIsSubmitting(false)\n      }\n    },\n    [onUploadVersion, pendingFiles.length, onCloseVersionUpload],\n  )\n\n  // Update form when version data changes\n  useEffect(() => {\n    if (!isOpen) return\n\n    if (version) {\n      setForm({\n        ...defaultFormData,\n        version: getNextVersionNumber(version),\n      })\n    } else {\n      setForm(defaultFormData)\n    }\n\n    return () => {\n      setForm(defaultFormData)\n    }\n  }, [isOpen, version])\n\n  const value = useMemo(\n    () => ({\n      productId,\n      setProductId,\n      folderId,\n      taskId,\n      setFolderId,\n      isOpen,\n      projectName,\n      version: productId ? version : undefined,\n      pendingFiles,\n      setPendingFiles,\n      onOpenVersionUpload,\n      onCloseVersionUpload,\n      onUploadVersion,\n      extractAndSetVersionFromFiles,\n      form,\n      setForm,\n      isSubmitting,\n      error,\n      createdProductId,\n      createdVersionId,\n      handleFormChange,\n      handleFormSubmit,\n      dispatch,\n    }),\n    [\n      folderId,\n      setFolderId,\n      productId,\n      taskId,\n      setProductId,\n      isOpen,\n      projectName,\n      version,\n      pendingFiles,\n      setPendingFiles,\n      onOpenVersionUpload,\n      onCloseVersionUpload,\n      onUploadVersion,\n      extractAndSetVersionFromFiles,\n      form,\n      isSubmitting,\n      error,\n      createdProductId,\n      createdVersionId,\n      handleFormChange,\n      handleFormSubmit,\n      dispatch,\n    ],\n  )\n\n  return <VersionUploadContext.Provider value={value}>{children}</VersionUploadContext.Provider>\n}\n\nexport const useVersionUploadContext = (): VersionUploadContextType => {\n  const context = useContext(VersionUploadContext)\n  if (context === undefined) {\n    throw new Error('useVersionUploadContext must be used within a VersionUploadProvider')\n  }\n  return context\n}\n"],"names":["VersionUploadContext","createContext","defaultFormData","VersionUploadProvider","children","projectName","onVersionCreated","dispatch","folderId","setFolderId","useState","productId","setProductId","taskId","setTaskId","isOpen","setIsOpen","pendingFiles","setPendingFiles","form","setForm","isSubmitting","setIsSubmitting","error","setError","createdProductId","setCreatedProductId","createdVersionId","setCreatedVersionId","version","useGetLatestProductVersionQuery","onOpenVersionUpload","useCallback","onCloseVersionUpload","item","createProduct","useCreateProductMutation","createVersion","useCreateVersionMutation","onUploadVersion","data","versionRes","createVersionHelper","productRes","createProductAndVersion","toast","extractAndSetVersionFromFiles","files","firstFile","extractedVersion","extractVersionFromFilename","prev","handleFormChange","key","value","validateFormData","validation","validateFormDataHelper","handleFormSubmit","formData","response","useEffect","getNextVersionNumber","useMemo","jsx","useVersionUploadContext","context","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2DA,MAAMA,IAAuBC,EAAoD,MAAS,GASpFC,IAA4B;AAAA,EAChC,SAAS;AAAA,EACT,MAAM;AAAA,EACN,aAAa;AACf,GAEaC,KAA8D,CAAC;AAAA,EAC1E,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,UAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAiB,EAAE,GAC7C,CAACC,GAAWC,CAAY,IAAIF,EAAiB,EAAE,GAE/C,CAACG,GAAQC,CAAS,IAAIJ,EAAiB,EAAE,GACzC,CAACK,GAAQC,CAAS,IAAIN,EAAkB,EAAK,GAC7C,CAACO,GAAcC,CAAe,IAAIR,EAAkD,CAAA,CAAE,GACtF,CAACS,GAAMC,CAAO,IAAIV,EAAmBR,CAAe,GACpD,CAACmB,GAAcC,CAAe,IAAIZ,EAAS,EAAK,GAChD,CAACa,GAAOC,CAAQ,IAAId,EAAiB,EAAE,GACvC,CAACe,GAAkBC,CAAmB,IAAIhB,EAAwB,IAAI,GACtE,CAACiB,GAAkBC,CAAmB,IAAIlB,EAAwB,IAAI,GAEtE,EAAE,aAAamB,EAAA,IAAYC;AAAA,IAC/B;AAAA,MACE,aAAAzB;AAAA,MACA,WAAAM;AAAA,IAAA;AAAA,IAEF,EAAE,MAAM,CAACA,KAAa,CAACI,EAAA;AAAA,EAAO,GAG1BgB,IAAsBC;AAAA,IAC1B,CAAC,EAAE,WAAArB,GAAW,UAAAH,GAAU,QAAAK,QAAa;AACnC,MAAAD,EAAaD,KAAa,EAAE,GAC5BF,EAAYD,KAAY,EAAE,GAC1BM,EAAUD,KAAU,EAAE,GACtBG,EAAU,EAAI;AAAA,IAChB;AAAA,IACA,CAAA;AAAA,EAAC,GAGGiB,IAAuBD,EAA8D,MAAM;AAE/F,IAAAf,EAAa,QAAQ,CAACiB,MAAS;AAC7B,MAAIA,EAAK,WACP,IAAI,gBAAgBA,EAAK,OAAO;AAAA,IAEpC,CAAC,GACDhB,EAAgB,CAAA,CAAE,GAClBE,EAAQlB,CAAe,GACvBwB,EAAoB,IAAI,GACxBE,EAAoB,IAAI,GACxBJ,EAAS,EAAE,GACXF,EAAgB,EAAK,GACrBN,EAAU,EAAK,GACfJ,EAAa,EAAE,GACfH,EAAY,EAAE,GACdK,EAAU,EAAE;AAAA,EACd,GAAG,CAACG,CAAY,CAAC,GAEX,CAACkB,CAAa,IAAIC,EAAA,GAClB,CAACC,CAAa,IAAIC,EAAA,GAElBC,IAAkBP;AAAA,IACtB,OAAOQ,MAAmB;AACxB,cAAQ,IAAI,gCAAgCA,CAAI;AAChD,UAAI;AACF,YAAIX,KAAWlB,GAAW;AAExB,gBAAM8B,IAAa,MAAMC,EAAoBL,GAAehC,GAAa;AAAA,YACvE,WAAAM;AAAA,YACA,SAAS6B,EAAK;AAAA,UAAA,CACf;AAGD,iBAAAlC,EAAiBK,GAAW8B,EAAW,EAAE,GAElC;AAAA,YACL,WAAA9B;AAAA,YACA,WAAW8B,EAAW;AAAA,UAAA;AAAA,QAE1B,OAAO;AAEL,gBAAM,EAAE,SAASE,GAAY,SAASF,EAAA,IAAe,MAAMG;AAAA,YACzDT;AAAA,YACAE;AAAA,YACAhC;AAAA,YACA;AAAA,cACE,UAAAG;AAAA,cACA,MAAMgC,EAAK;AAAA,cACX,aAAaA,EAAK,eAAe;AAAA,YAAA;AAAA,YAEnC;AAAA,cACE,SAASA,EAAK;AAAA,cACd,QAAQ3B,KAAU;AAAA,YAAA;AAAA,UACpB;AAIF,iBAAAP,EAAiBqC,EAAW,IAAIF,EAAW,EAAE,GAE7CI,EAAM,QAAQ,qBAAqB,GAE5B;AAAA,YACL,WAAWF,EAAW;AAAA,YACtB,WAAWF,EAAW;AAAA,UAAA;AAAA,QAE1B;AAAA,MACF,SAASlB,GAAY;AACnB,sBAAQ,MAAM,4BAA4BA,CAAK,GACzCA,EAAM,WAAWA;AAAAA,MACzB;AAAA,IACF;AAAA,IACA,CAACU,GAAsBtB,GAAWH,GAAUK,GAAQgB,GAASxB,CAAW;AAAA,EAAA,GAGpEyC,IAAgCd;AAAA,IACpC,CAACe,MAAkB;AAEjB,UAAIpC,EAAW;AAGf,YAAMqC,IAAYD,EAAM,CAAC;AACzB,UAAIC,GAAW;AACb,cAAMC,IAAmBC,EAA2BF,EAAU,IAAI;AAClE,QAAIC,KAAoBA,MAAqB9B,EAAK,WAChDC,EAAQ,CAAC+B,OAAU;AAAA,UACjB,GAAGA;AAAA,UACH,SAASF;AAAA,QAAA,EACT;AAAA,MAEN;AAAA,IACF;AAAA,IACA,CAACtC,GAAWQ,EAAK,OAAO;AAAA,EAAA,GAIpBiC,IAAmBpB,EAAY,CAACqB,GAAqBC,MAA2B;AACpF,IAAAlC,EAAQ,CAAC+B,OAAU;AAAA,MACjB,GAAGA;AAAA,MACH,CAACE,CAAG,GAAGC;AAAAA,IAAA,EACP;AAAA,EACJ,GAAG,CAAA,CAAE,GAECC,IAAmB,MAAM;AAC7B,UAAMC,IAAaC,GAAuBtC,GAAMU,GAAS,SAAS,CAACA,CAAO;AAC1E,QAAI,CAAC2B,EAAW;AACd,YAAMA,EAAW;AAAA,EAErB,GAGME,IAAmB1B;AAAA,IACvB,OAAO2B,MAAuB;AAC5B,UAAI;AACF,QAAArC,EAAgB,EAAI,GACpBE,EAAS,EAAE,GAGX+B,EAAA;AAEA,cAAMK,IAAW,MAAMrB,EAAgBoB,CAAQ;AAG/C,QAAIC,GAAU,aACZlC,EAAoBkC,EAAS,SAAS,GAEpCA,GAAU,aACZhC,EAAoBgC,EAAS,SAAS,GAGpC3C,EAAa,SAAS,MACxBK,EAAgB,EAAK,GACrBW,EAAA;AAAA,MAEJ,SAASV,GAAY;AACnB,QAAAC,EAASD,CAAK,GACdD,EAAgB,EAAK;AAAA,MACvB;AAAA,IACF;AAAA,IACA,CAACiB,GAAiBtB,EAAa,QAAQgB,CAAoB;AAAA,EAAA;AAI7D,EAAA4B,EAAU,MAAM;AACd,QAAK9C;AAEL,aACEK,EADES,IACM;AAAA,QACN,GAAG3B;AAAA,QACH,SAAS4D,GAAqBjC,CAAO;AAAA,MAAA,IAG/B3B,CAFP,GAKI,MAAM;AACX,QAAAkB,EAAQlB,CAAe;AAAA,MACzB;AAAA,EACF,GAAG,CAACa,GAAQc,CAAO,CAAC;AAEpB,QAAMyB,IAAQS;AAAA,IACZ,OAAO;AAAA,MACL,WAAApD;AAAA,MACA,cAAAC;AAAA,MACA,UAAAJ;AAAA,MACA,QAAAK;AAAA,MACA,aAAAJ;AAAA,MACA,QAAAM;AAAA,MACA,aAAAV;AAAA,MACA,SAASM,IAAYkB,IAAU;AAAA,MAC/B,cAAAZ;AAAA,MACA,iBAAAC;AAAA,MACA,qBAAAa;AAAA,MACA,sBAAAE;AAAA,MACA,iBAAAM;AAAA,MACA,+BAAAO;AAAA,MACA,MAAA3B;AAAA,MACA,SAAAC;AAAA,MACA,cAAAC;AAAA,MACA,OAAAE;AAAA,MACA,kBAAAE;AAAA,MACA,kBAAAE;AAAA,MACA,kBAAAyB;AAAA,MACA,kBAAAM;AAAA,MACA,UAAAnD;AAAA,IAAA;AAAA,IAEF;AAAA,MACEC;AAAA,MACAC;AAAA,MACAE;AAAA,MACAE;AAAA,MACAD;AAAA,MACAG;AAAA,MACAV;AAAA,MACAwB;AAAA,MACAZ;AAAA,MACAC;AAAA,MACAa;AAAA,MACAE;AAAA,MACAM;AAAA,MACAO;AAAA,MACA3B;AAAA,MACAE;AAAA,MACAE;AAAA,MACAE;AAAA,MACAE;AAAA,MACAyB;AAAA,MACAM;AAAA,MACAnD;AAAA,IAAA;AAAA,EACF;AAGF,SAAOyD,gBAAAA,EAAAA,IAAChE,EAAqB,UAArB,EAA8B,OAAAsD,GAAe,UAAAlD,EAAA,CAAS;AAChE,GAEa6D,KAA0B,MAAgC;AACrE,QAAMC,IAAUC,EAAWnE,CAAoB;AAC/C,MAAIkE,MAAY;AACd,UAAM,IAAI,MAAM,qEAAqE;AAEvF,SAAOA;AACT;"}
+{"version":3,"file":"VersionUploadContext.es.js","sources":["../../../../../../src/components/VersionUploader/context/VersionUploadContext.tsx"],"sourcesContent":["import {\n  GetLatestVersionResult,\n  useCreateVersionMutation,\n  useGetLatestProductVersionQuery,\n} from '@shared/api'\nimport React, {\n  createContext,\n  useContext,\n  useState,\n  ReactNode,\n  useMemo,\n  useCallback,\n  useEffect,\n} from 'react'\nimport { useCreateProductMutation } from '@shared/api'\nimport { extractVersionFromFilename } from '@shared/util'\nimport { toast } from 'react-toastify'\nimport {\n  validateFormData as validateFormDataHelper,\n  createProductAndVersion,\n  createVersionHelper,\n  handleUploadError,\n  getNextVersionNumber,\n  type ProductCreationData,\n  type VersionCreationData,\n} from '@shared/util/versionUploadHelpers'\n\nexport interface FormData {\n  version: number\n  name: string\n  productType: string\n}\ninterface VersionUploadContextType {\n  productId: string\n  folderId: string\n  taskId: string\n  setProductId: (productId: string) => void\n  setFolderId: (folderId: string) => void\n  isOpen: boolean\n  projectName: string\n  version: GetLatestVersionResult | undefined\n  pendingFiles: Array<{ file: File; preview?: string }>\n  setPendingFiles: React.Dispatch<React.SetStateAction<Array<{ file: File; preview?: string }>>>\n  extractAndSetVersionFromFiles: (files: File[]) => void\n  form: FormData\n  setForm: React.Dispatch<React.SetStateAction<FormData>>\n  isSubmitting: boolean\n  error: string\n  createdProductId: string | null\n  createdVersionId: string | null\n  onOpenVersionUpload: (params: { productId?: string; folderId?: string; taskId?: string }) => void\n  onCloseVersionUpload: () => void\n  onUploadVersion: (data: FormData) => Promise<{ productId: string; versionId: string }>\n  handleFormChange: (key: keyof FormData, value: string | number) => void\n  handleFormSubmit: (formData: FormData) => Promise<void>\n  // pass through\n  dispatch: any\n}\n\nconst VersionUploadContext = createContext<VersionUploadContextType | undefined>(undefined)\n\ninterface VersionUploadProviderProps {\n  children: ReactNode\n  projectName: string\n  onVersionCreated: (productId: string, versionId: string) => void\n  dispatch: any\n}\n\nconst defaultFormData: FormData = {\n  version: 1,\n  name: 'review',\n  productType: 'review',\n}\n\nexport const VersionUploadProvider: React.FC<VersionUploadProviderProps> = ({\n  children,\n  projectName,\n  onVersionCreated,\n  dispatch,\n}) => {\n  const [folderId, setFolderId] = useState<string>('')\n  const [productId, setProductId] = useState<string>('')\n  // optional taskId to link the version to\n  const [taskId, setTaskId] = useState<string>('')\n  const [isOpen, setIsOpen] = useState<boolean>(false)\n  const [pendingFiles, setPendingFiles] = useState<Array<{ file: File; preview?: string }>>([])\n  const [form, setForm] = useState<FormData>(defaultFormData)\n  const [isSubmitting, setIsSubmitting] = useState(false)\n  const [error, setError] = useState<string>('')\n  const [createdProductId, setCreatedProductId] = useState<string | null>(null)\n  const [createdVersionId, setCreatedVersionId] = useState<string | null>(null)\n\n  const { currentData: version } = useGetLatestProductVersionQuery(\n    {\n      projectName,\n      productId,\n    },\n    { skip: !productId || !isOpen },\n  )\n\n  const onOpenVersionUpload = useCallback<VersionUploadContextType['onOpenVersionUpload']>(\n    ({ productId, folderId, taskId }) => {\n      setProductId(productId || '')\n      setFolderId(folderId || '')\n      setTaskId(taskId || '')\n      setIsOpen(true)\n    },\n    [],\n  )\n\n  const onCloseVersionUpload = useCallback<VersionUploadContextType['onCloseVersionUpload']>(() => {\n    // Clean up pending files\n    pendingFiles.forEach((item) => {\n      if (item.preview) {\n        URL.revokeObjectURL(item.preview)\n      }\n    })\n    setPendingFiles([])\n    setForm(defaultFormData)\n    setCreatedProductId(null)\n    setCreatedVersionId(null)\n    setError('')\n    setIsSubmitting(false)\n    setIsOpen(false)\n    setProductId('')\n    setFolderId('')\n    setTaskId('')\n  }, [pendingFiles])\n\n  const [createProduct] = useCreateProductMutation()\n  const [createVersion] = useCreateVersionMutation()\n\n  const onUploadVersion = useCallback<VersionUploadContextType['onUploadVersion']>(\n    async (data: FormData) => {\n      console.log('Uploading version with data:', data)\n      try {\n        if (version && productId) {\n          // product already exists, create new version for it\n          const versionRes = await createVersionHelper(createVersion, projectName, {\n            productId,\n            version: data.version,\n          })\n\n          // select the new version\n          onVersionCreated(productId, versionRes.id)\n\n          return {\n            productId,\n            versionId: versionRes.id,\n          }\n        } else {\n          // product does not exist, create new product with version\n          const { product: productRes, version: versionRes } = await createProductAndVersion(\n            createProduct,\n            createVersion,\n            projectName,\n            {\n              folderId,\n              name: data.name,\n              productType: data.productType || 'review',\n            },\n            {\n              version: data.version,\n              taskId: taskId || undefined,\n            },\n          )\n\n          // select the new product and version\n          onVersionCreated(productRes.id, versionRes.id)\n\n          toast.success('Created new version')\n\n          return {\n            productId: productRes.id,\n            versionId: versionRes.id,\n          }\n        }\n      } catch (error: any) {\n        console.error('Error uploading version:', error)\n        throw error.message || error\n      }\n    },\n    [onCloseVersionUpload, productId, folderId, taskId, version, projectName],\n  )\n\n  const extractAndSetVersionFromFiles = useCallback(\n    (files: File[]) => {\n      // Only extract version if we don't already have a product (new product workflow)\n      if (productId) return\n\n      // Try to extract version from the first file\n      const firstFile = files[0]\n      if (firstFile) {\n        const extractedVersion = extractVersionFromFilename(firstFile.name)\n        if (extractedVersion && extractedVersion !== form.version) {\n          setForm((prev) => ({\n            ...prev,\n            version: extractedVersion,\n          }))\n        }\n      }\n    },\n    [productId, form.version],\n  )\n\n  // Handle form changes\n  const handleFormChange = useCallback((key: keyof FormData, value: string | number) => {\n    setForm((prev) => ({\n      ...prev,\n      [key]: value,\n    }))\n  }, [])\n\n  const validateFormData = () => {\n    const validation = validateFormDataHelper(form, version?.version, !version)\n    if (!validation.isValid) {\n      throw validation.error\n    }\n  }\n\n  // Handle form submission\n  const handleFormSubmit = useCallback(\n    async (formData: FormData) => {\n      try {\n        setIsSubmitting(true)\n        setError('')\n\n        // validate the form data\n        validateFormData()\n\n        const response = await onUploadVersion(formData)\n\n        // Extract productId and versionId from response\n        if (response?.productId) {\n          setCreatedProductId(response.productId)\n        }\n        if (response?.versionId) {\n          setCreatedVersionId(response.versionId)\n        }\n\n        if (pendingFiles.length < 1) {\n          setIsSubmitting(false)\n          onCloseVersionUpload()\n        }\n      } catch (error: any) {\n        setError(error)\n        setIsSubmitting(false)\n      }\n    },\n    [onUploadVersion, pendingFiles.length, onCloseVersionUpload],\n  )\n\n  // Update form when version data changes\n  useEffect(() => {\n    if (!isOpen) return\n\n    if (version) {\n      setForm({\n        ...defaultFormData,\n        version: getNextVersionNumber(version),\n      })\n    } else {\n      setForm(defaultFormData)\n    }\n\n    return () => {\n      setForm(defaultFormData)\n    }\n  }, [isOpen, version])\n\n  const value = useMemo(\n    () => ({\n      productId,\n      setProductId,\n      folderId,\n      taskId,\n      setFolderId,\n      isOpen,\n      projectName,\n      version: productId ? version : undefined,\n      pendingFiles,\n      setPendingFiles,\n      onOpenVersionUpload,\n      onCloseVersionUpload,\n      onUploadVersion,\n      extractAndSetVersionFromFiles,\n      form,\n      setForm,\n      isSubmitting,\n      error,\n      createdProductId,\n      createdVersionId,\n      handleFormChange,\n      handleFormSubmit,\n      dispatch,\n    }),\n    [\n      folderId,\n      setFolderId,\n      productId,\n      taskId,\n      setProductId,\n      isOpen,\n      projectName,\n      version,\n      pendingFiles,\n      setPendingFiles,\n      onOpenVersionUpload,\n      onCloseVersionUpload,\n      onUploadVersion,\n      extractAndSetVersionFromFiles,\n      form,\n      isSubmitting,\n      error,\n      createdProductId,\n      createdVersionId,\n      handleFormChange,\n      handleFormSubmit,\n      dispatch,\n    ],\n  )\n\n  return <VersionUploadContext.Provider value={value}>{children}</VersionUploadContext.Provider>\n}\n\nexport const useVersionUploadContext = (): VersionUploadContextType => {\n  const context = useContext(VersionUploadContext)\n  if (context === undefined) {\n    throw new Error('useVersionUploadContext must be used within a VersionUploadProvider')\n  }\n  return context\n}\n"],"names":["VersionUploadContext","createContext","defaultFormData","VersionUploadProvider","children","projectName","onVersionCreated","dispatch","folderId","setFolderId","useState","productId","setProductId","taskId","setTaskId","isOpen","setIsOpen","pendingFiles","setPendingFiles","form","setForm","isSubmitting","setIsSubmitting","error","setError","createdProductId","setCreatedProductId","createdVersionId","setCreatedVersionId","version","useGetLatestProductVersionQuery","onOpenVersionUpload","useCallback","onCloseVersionUpload","item","createProduct","useCreateProductMutation","createVersion","useCreateVersionMutation","onUploadVersion","data","versionRes","createVersionHelper","productRes","createProductAndVersion","toast","extractAndSetVersionFromFiles","files","firstFile","extractedVersion","extractVersionFromFilename","prev","handleFormChange","key","value","validateFormData","validation","validateFormDataHelper","handleFormSubmit","formData","response","useEffect","getNextVersionNumber","useMemo","jsx","useVersionUploadContext","context","useContext"],"mappings":"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"}

package/dist/shared/src/components/Watchers/Watchers.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=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/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");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.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");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");const c=require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");const y=require("@ynput/ayon-react-components"),j=require("react"),E=require("react-toastify"),R=j.forwardRef(({entities:u,entityType:o,onWatchersUpdate:q,userName:h,...d},l)=>{const p=u.map(e=>({entityId:e.id,entityType:o,projectName:e.projectName})),{data:t=[]}=c.useGetEntitiesWatchersQuery({entities:p},{skip:!u.length}),i=Array.from(new Set(t.flatMap(e=>e.watchers))),[m]=c.useSetEntitiesWatchersMutation(),w=async e=>{const s=e.filter(r=>!i.includes(r)),a=i.filter(r=>!e.includes(r)),f=t.map(r=>{const n=r.watchers.filter(W=>!a.includes(W));return n.push(...s),{...r,watchers:n}});try{await m({entities:f}).unwrap(),q&&q(s,a)}catch{E.toast.error("Failed to update watchers")}};return g.jsxRuntimeExports.jsx(y.WatcherSelect,{align:"right",...d,value:i,currentUser:h,onChange:w,ref:l,buttonProps:{"data-tooltip":"Watchers"}})});exports.Watchers=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=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");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");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");const c=require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");const y=require("@ynput/ayon-react-components"),j=require("react"),E=require("react-toastify"),R=j.forwardRef(({entities:u,entityType:o,onWatchersUpdate:q,userName:h,...d},l)=>{const p=u.map(e=>({entityId:e.id,entityType:o,projectName:e.projectName})),{data:t=[]}=c.useGetEntitiesWatchersQuery({entities:p},{skip:!u.length}),i=Array.from(new Set(t.flatMap(e=>e.watchers))),[m]=c.useSetEntitiesWatchersMutation(),w=async e=>{const s=e.filter(r=>!i.includes(r)),a=i.filter(r=>!e.includes(r)),f=t.map(r=>{const n=r.watchers.filter(W=>!a.includes(W));return n.push(...s),{...r,watchers:n}});try{await m({entities:f}).unwrap(),q&&q(s,a)}catch{E.toast.error("Failed to update watchers")}};return g.jsxRuntimeExports.jsx(y.WatcherSelect,{align:"right",...d,value:i,currentUser:h,onChange:w,ref:l,buttonProps:{"data-tooltip":"Watchers"}})});exports.Watchers=R;
 //# sourceMappingURL=Watchers.cjs.js.map

package/dist/shared/src/components/Watchers/Watchers.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Watchers.cjs.js","sources":["../../../../../src/components/Watchers/Watchers.tsx"],"sourcesContent":["import { useGetEntitiesWatchersQuery, useSetEntitiesWatchersMutation } from '@shared/api'\nimport { DropdownRef, WatcherSelect, WatcherSelectProps } from '@ynput/ayon-react-components'\nimport { forwardRef } from 'react'\nimport { toast } from 'react-toastify'\n\ninterface WatchersProps extends Omit<WatcherSelectProps, 'currentUser' | 'value'> {\n  entities: { id: string; projectName: string }[]\n  entityType: string\n  onWatchersUpdate?: (added: any[], removed: any[]) => void\n  userName: string\n}\n\nexport const Watchers = forwardRef<DropdownRef, WatchersProps>(\n  ({ entities, entityType, onWatchersUpdate, userName, ...props }, ref) => {\n    const entitiesQuery = entities.map((entity) => ({\n      entityId: entity.id,\n      entityType,\n      projectName: entity.projectName,\n    }))\n\n    const { data: watchers = [] } = useGetEntitiesWatchersQuery(\n      {\n        entities: entitiesQuery,\n      },\n      { skip: !entities.length },\n    )\n\n    // merge all watchers into a single unique array\n    const uniqueWatchers = Array.from(new Set(watchers.flatMap((watcher) => watcher.watchers)))\n\n    const [setEntitiesWatchers] = useSetEntitiesWatchersMutation()\n\n    const handleChange = async (value: string[]) => {\n      //   find the difference between the current watchers and the new watchers\n      // which users were added and which were removed\n      const added = value.filter((watcher) => !uniqueWatchers.includes(watcher))\n      const removed = uniqueWatchers.filter((watcher) => !value.includes(watcher))\n\n      // for each entity, add or remove the watchers\n      // we do this to preserve the unique watchers for each entity (rather than setting the same watchers for all entities)\n      const updatedEntities = watchers.map((entity) => {\n        // first remove\n        const newWatchers = entity.watchers.filter((watcher) => !removed.includes(watcher))\n        // then add\n        newWatchers.push(...added)\n\n        return {\n          ...entity,\n          watchers: newWatchers,\n        }\n      })\n\n      //   update\n      try {\n        await setEntitiesWatchers({ entities: updatedEntities }).unwrap()\n        onWatchersUpdate && onWatchersUpdate(added, removed)\n      } catch (error) {\n        toast.error('Failed to update watchers')\n      }\n    }\n\n    return (\n      <WatcherSelect\n        align=\"right\"\n        {...props}\n        value={uniqueWatchers}\n        currentUser={userName}\n        onChange={handleChange}\n        ref={ref}\n        // @ts-expect-error\n        buttonProps={{ 'data-tooltip': 'Watchers' }}\n      />\n    )\n  },\n)\n"],"names":["Watchers","forwardRef","entities","entityType","onWatchersUpdate","userName","props","ref","entitiesQuery","entity","watchers","useGetEntitiesWatchersQuery","uniqueWatchers","watcher","setEntitiesWatchers","useSetEntitiesWatchersMutation","handleChange","value","added","removed","updatedEntities","newWatchers","toast","jsx","WatcherSelect"],"mappings":"4qJAYaA,EAAWC,EAAAA,WACtB,CAAC,CAAE,SAAAC,EAAU,WAAAC,EAAY,iBAAAC,EAAkB,SAAAC,EAAU,GAAGC,CAAA,EAASC,IAAQ,CACvE,MAAMC,EAAgBN,EAAS,IAAKO,IAAY,CAC9C,SAAUA,EAAO,GACjB,WAAAN,EACA,YAAaM,EAAO,WAAA,EACpB,EAEI,CAAE,KAAMC,EAAW,CAAA,GAAOC,EAAAA,4BAC9B,CACE,SAAUH,CAAA,EAEZ,CAAE,KAAM,CAACN,EAAS,MAAA,CAAO,EAIrBU,EAAiB,MAAM,KAAK,IAAI,IAAIF,EAAS,QAASG,GAAYA,EAAQ,QAAQ,CAAC,CAAC,EAEpF,CAACC,CAAmB,EAAIC,iCAAA,EAExBC,EAAe,MAAOC,GAAoB,CAG9C,MAAMC,EAAQD,EAAM,OAAQJ,GAAY,CAACD,EAAe,SAASC,CAAO,CAAC,EACnEM,EAAUP,EAAe,OAAQC,GAAY,CAACI,EAAM,SAASJ,CAAO,CAAC,EAIrEO,EAAkBV,EAAS,IAAKD,GAAW,CAE/C,MAAMY,EAAcZ,EAAO,SAAS,OAAQI,GAAY,CAACM,EAAQ,SAASN,CAAO,CAAC,EAElF,OAAAQ,EAAY,KAAK,GAAGH,CAAK,EAElB,CACL,GAAGT,EACH,SAAUY,CAAA,CAEd,CAAC,EAGD,GAAI,CACF,MAAMP,EAAoB,CAAE,SAAUM,CAAA,CAAiB,EAAE,OAAA,EACzDhB,GAAoBA,EAAiBc,EAAOC,CAAO,CACrD,MAAgB,CACdG,EAAAA,MAAM,MAAM,2BAA2B,CACzC,CACF,EAEA,OACEC,EAAAA,kBAAAA,IAACC,EAAAA,cAAA,CACC,MAAM,QACL,GAAGlB,EACJ,MAAOM,EACP,YAAaP,EACb,SAAUW,EACV,IAAAT,EAEA,YAAa,CAAE,eAAgB,UAAA,CAAW,CAAA,CAGhD,CACF"}
+{"version":3,"file":"Watchers.cjs.js","sources":["../../../../../src/components/Watchers/Watchers.tsx"],"sourcesContent":["import { useGetEntitiesWatchersQuery, useSetEntitiesWatchersMutation } from '@shared/api'\nimport { DropdownRef, WatcherSelect, WatcherSelectProps } from '@ynput/ayon-react-components'\nimport { forwardRef } from 'react'\nimport { toast } from 'react-toastify'\n\ninterface WatchersProps extends Omit<WatcherSelectProps, 'currentUser' | 'value'> {\n  entities: { id: string; projectName: string }[]\n  entityType: string\n  onWatchersUpdate?: (added: any[], removed: any[]) => void\n  userName: string\n}\n\nexport const Watchers = forwardRef<DropdownRef, WatchersProps>(\n  ({ entities, entityType, onWatchersUpdate, userName, ...props }, ref) => {\n    const entitiesQuery = entities.map((entity) => ({\n      entityId: entity.id,\n      entityType,\n      projectName: entity.projectName,\n    }))\n\n    const { data: watchers = [] } = useGetEntitiesWatchersQuery(\n      {\n        entities: entitiesQuery,\n      },\n      { skip: !entities.length },\n    )\n\n    // merge all watchers into a single unique array\n    const uniqueWatchers = Array.from(new Set(watchers.flatMap((watcher) => watcher.watchers)))\n\n    const [setEntitiesWatchers] = useSetEntitiesWatchersMutation()\n\n    const handleChange = async (value: string[]) => {\n      //   find the difference between the current watchers and the new watchers\n      // which users were added and which were removed\n      const added = value.filter((watcher) => !uniqueWatchers.includes(watcher))\n      const removed = uniqueWatchers.filter((watcher) => !value.includes(watcher))\n\n      // for each entity, add or remove the watchers\n      // we do this to preserve the unique watchers for each entity (rather than setting the same watchers for all entities)\n      const updatedEntities = watchers.map((entity) => {\n        // first remove\n        const newWatchers = entity.watchers.filter((watcher) => !removed.includes(watcher))\n        // then add\n        newWatchers.push(...added)\n\n        return {\n          ...entity,\n          watchers: newWatchers,\n        }\n      })\n\n      //   update\n      try {\n        await setEntitiesWatchers({ entities: updatedEntities }).unwrap()\n        onWatchersUpdate && onWatchersUpdate(added, removed)\n      } catch (error) {\n        toast.error('Failed to update watchers')\n      }\n    }\n\n    return (\n      <WatcherSelect\n        align=\"right\"\n        {...props}\n        value={uniqueWatchers}\n        currentUser={userName}\n        onChange={handleChange}\n        ref={ref}\n        // @ts-expect-error\n        buttonProps={{ 'data-tooltip': 'Watchers' }}\n      />\n    )\n  },\n)\n"],"names":["Watchers","forwardRef","entities","entityType","onWatchersUpdate","userName","props","ref","entitiesQuery","entity","watchers","useGetEntitiesWatchersQuery","uniqueWatchers","watcher","setEntitiesWatchers","useSetEntitiesWatchersMutation","handleChange","value","added","removed","updatedEntities","newWatchers","toast","jsx","WatcherSelect"],"mappings":"myJAYaA,EAAWC,EAAAA,WACtB,CAAC,CAAE,SAAAC,EAAU,WAAAC,EAAY,iBAAAC,EAAkB,SAAAC,EAAU,GAAGC,CAAA,EAASC,IAAQ,CACvE,MAAMC,EAAgBN,EAAS,IAAKO,IAAY,CAC9C,SAAUA,EAAO,GACjB,WAAAN,EACA,YAAaM,EAAO,WAAA,EACpB,EAEI,CAAE,KAAMC,EAAW,CAAA,GAAOC,EAAAA,4BAC9B,CACE,SAAUH,CAAA,EAEZ,CAAE,KAAM,CAACN,EAAS,MAAA,CAAO,EAIrBU,EAAiB,MAAM,KAAK,IAAI,IAAIF,EAAS,QAASG,GAAYA,EAAQ,QAAQ,CAAC,CAAC,EAEpF,CAACC,CAAmB,EAAIC,iCAAA,EAExBC,EAAe,MAAOC,GAAoB,CAG9C,MAAMC,EAAQD,EAAM,OAAQJ,GAAY,CAACD,EAAe,SAASC,CAAO,CAAC,EACnEM,EAAUP,EAAe,OAAQC,GAAY,CAACI,EAAM,SAASJ,CAAO,CAAC,EAIrEO,EAAkBV,EAAS,IAAKD,GAAW,CAE/C,MAAMY,EAAcZ,EAAO,SAAS,OAAQI,GAAY,CAACM,EAAQ,SAASN,CAAO,CAAC,EAElF,OAAAQ,EAAY,KAAK,GAAGH,CAAK,EAElB,CACL,GAAGT,EACH,SAAUY,CAAA,CAEd,CAAC,EAGD,GAAI,CACF,MAAMP,EAAoB,CAAE,SAAUM,CAAA,CAAiB,EAAE,OAAA,EACzDhB,GAAoBA,EAAiBc,EAAOC,CAAO,CACrD,MAAgB,CACdG,EAAAA,MAAM,MAAM,2BAA2B,CACzC,CACF,EAEA,OACEC,EAAAA,kBAAAA,IAACC,EAAAA,cAAA,CACC,MAAM,QACL,GAAGlB,EACJ,MAAOM,EACP,YAAaP,EACb,SAAUW,EACV,IAAAT,EAEA,YAAa,CAAE,eAAgB,UAAA,CAAW,CAAA,CAGhD,CACF"}

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

@@ -24,6 +24,7 @@ import "../../api/generated/operations.es.js";
 import "../../api/generated/products.es.js";
 import "../../api/generated/projectDashboard.es.js";
 import "../../api/generated/projects.es.js";
+import "../../api/generated/projectFolders.es.js";
 import "../../api/generated/reviewables.es.js";
 import "../../api/generated/services.es.js";
 import "../../api/generated/system.es.js";
@@ -71,6 +72,7 @@ import "../../api/queries/permissions/getPermissions.es.js";
 import "../../api/queries/products/createProduct.es.js";
 import "../../api/queries/project/getProject.es.js";
 import "../../api/queries/project/updateProject.es.js";
+import "../../api/queries/projectFolders/projectFolders.es.js";
 import "../../api/queries/review/getReview.es.js";
 import "../../api/queries/review/updateReview.es.js";
 import "../../api/queries/share/share.es.js";
@@ -88,7 +90,7 @@ import "../../api/queries/uris/getUris.es.js";
 import { WatcherSelect as x } from "@ynput/ayon-react-components";
 import { forwardRef as y } from "react";
 import { toast as S } from "react-toastify";
-const er = y(
+const ar = y(
   ({ entities: i, entityType: n, onWatchersUpdate: p, userName: c, ...h }, u) => {
     const d = i.map((t) => ({
       entityId: t.id,
@@ -128,6 +130,6 @@ const er = y(
   }
 );
 export {
-  er as Watchers
+  ar as Watchers
 };
 //# sourceMappingURL=Watchers.es.js.map

package/dist/shared/src/components/Watchers/Watchers.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Watchers.es.js","sources":["../../../../../src/components/Watchers/Watchers.tsx"],"sourcesContent":["import { useGetEntitiesWatchersQuery, useSetEntitiesWatchersMutation } from '@shared/api'\nimport { DropdownRef, WatcherSelect, WatcherSelectProps } from '@ynput/ayon-react-components'\nimport { forwardRef } from 'react'\nimport { toast } from 'react-toastify'\n\ninterface WatchersProps extends Omit<WatcherSelectProps, 'currentUser' | 'value'> {\n  entities: { id: string; projectName: string }[]\n  entityType: string\n  onWatchersUpdate?: (added: any[], removed: any[]) => void\n  userName: string\n}\n\nexport const Watchers = forwardRef<DropdownRef, WatchersProps>(\n  ({ entities, entityType, onWatchersUpdate, userName, ...props }, ref) => {\n    const entitiesQuery = entities.map((entity) => ({\n      entityId: entity.id,\n      entityType,\n      projectName: entity.projectName,\n    }))\n\n    const { data: watchers = [] } = useGetEntitiesWatchersQuery(\n      {\n        entities: entitiesQuery,\n      },\n      { skip: !entities.length },\n    )\n\n    // merge all watchers into a single unique array\n    const uniqueWatchers = Array.from(new Set(watchers.flatMap((watcher) => watcher.watchers)))\n\n    const [setEntitiesWatchers] = useSetEntitiesWatchersMutation()\n\n    const handleChange = async (value: string[]) => {\n      //   find the difference between the current watchers and the new watchers\n      // which users were added and which were removed\n      const added = value.filter((watcher) => !uniqueWatchers.includes(watcher))\n      const removed = uniqueWatchers.filter((watcher) => !value.includes(watcher))\n\n      // for each entity, add or remove the watchers\n      // we do this to preserve the unique watchers for each entity (rather than setting the same watchers for all entities)\n      const updatedEntities = watchers.map((entity) => {\n        // first remove\n        const newWatchers = entity.watchers.filter((watcher) => !removed.includes(watcher))\n        // then add\n        newWatchers.push(...added)\n\n        return {\n          ...entity,\n          watchers: newWatchers,\n        }\n      })\n\n      //   update\n      try {\n        await setEntitiesWatchers({ entities: updatedEntities }).unwrap()\n        onWatchersUpdate && onWatchersUpdate(added, removed)\n      } catch (error) {\n        toast.error('Failed to update watchers')\n      }\n    }\n\n    return (\n      <WatcherSelect\n        align=\"right\"\n        {...props}\n        value={uniqueWatchers}\n        currentUser={userName}\n        onChange={handleChange}\n        ref={ref}\n        // @ts-expect-error\n        buttonProps={{ 'data-tooltip': 'Watchers' }}\n      />\n    )\n  },\n)\n"],"names":["Watchers","forwardRef","entities","entityType","onWatchersUpdate","userName","props","ref","entitiesQuery","entity","watchers","useGetEntitiesWatchersQuery","uniqueWatchers","watcher","setEntitiesWatchers","useSetEntitiesWatchersMutation","handleChange","value","added","removed","updatedEntities","newWatchers","toast","jsx","WatcherSelect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAMA,KAAWC;AAAA,EACtB,CAAC,EAAE,UAAAC,GAAU,YAAAC,GAAY,kBAAAC,GAAkB,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAAQ;AACvE,UAAMC,IAAgBN,EAAS,IAAI,CAACO,OAAY;AAAA,MAC9C,UAAUA,EAAO;AAAA,MACjB,YAAAN;AAAA,MACA,aAAaM,EAAO;AAAA,IAAA,EACpB,GAEI,EAAE,MAAMC,IAAW,CAAA,MAAOC;AAAA,MAC9B;AAAA,QACE,UAAUH;AAAA,MAAA;AAAA,MAEZ,EAAE,MAAM,CAACN,EAAS,OAAA;AAAA,IAAO,GAIrBU,IAAiB,MAAM,KAAK,IAAI,IAAIF,EAAS,QAAQ,CAACG,MAAYA,EAAQ,QAAQ,CAAC,CAAC,GAEpF,CAACC,CAAmB,IAAIC,EAAA,GAExBC,IAAe,OAAOC,MAAoB;AAG9C,YAAMC,IAAQD,EAAM,OAAO,CAACJ,MAAY,CAACD,EAAe,SAASC,CAAO,CAAC,GACnEM,IAAUP,EAAe,OAAO,CAACC,MAAY,CAACI,EAAM,SAASJ,CAAO,CAAC,GAIrEO,IAAkBV,EAAS,IAAI,CAACD,MAAW;AAE/C,cAAMY,IAAcZ,EAAO,SAAS,OAAO,CAACI,MAAY,CAACM,EAAQ,SAASN,CAAO,CAAC;AAElF,eAAAQ,EAAY,KAAK,GAAGH,CAAK,GAElB;AAAA,UACL,GAAGT;AAAA,UACH,UAAUY;AAAA,QAAA;AAAA,MAEd,CAAC;AAGD,UAAI;AACF,cAAMP,EAAoB,EAAE,UAAUM,EAAA,CAAiB,EAAE,OAAA,GACzDhB,KAAoBA,EAAiBc,GAAOC,CAAO;AAAA,MACrD,QAAgB;AACd,QAAAG,EAAM,MAAM,2BAA2B;AAAA,MACzC;AAAA,IACF;AAEA,WACEC,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACL,GAAGlB;AAAA,QACJ,OAAOM;AAAA,QACP,aAAaP;AAAA,QACb,UAAUW;AAAA,QACV,KAAAT;AAAA,QAEA,aAAa,EAAE,gBAAgB,WAAA;AAAA,MAAW;AAAA,IAAA;AAAA,EAGhD;AACF;"}
+{"version":3,"file":"Watchers.es.js","sources":["../../../../../src/components/Watchers/Watchers.tsx"],"sourcesContent":["import { useGetEntitiesWatchersQuery, useSetEntitiesWatchersMutation } from '@shared/api'\nimport { DropdownRef, WatcherSelect, WatcherSelectProps } from '@ynput/ayon-react-components'\nimport { forwardRef } from 'react'\nimport { toast } from 'react-toastify'\n\ninterface WatchersProps extends Omit<WatcherSelectProps, 'currentUser' | 'value'> {\n  entities: { id: string; projectName: string }[]\n  entityType: string\n  onWatchersUpdate?: (added: any[], removed: any[]) => void\n  userName: string\n}\n\nexport const Watchers = forwardRef<DropdownRef, WatchersProps>(\n  ({ entities, entityType, onWatchersUpdate, userName, ...props }, ref) => {\n    const entitiesQuery = entities.map((entity) => ({\n      entityId: entity.id,\n      entityType,\n      projectName: entity.projectName,\n    }))\n\n    const { data: watchers = [] } = useGetEntitiesWatchersQuery(\n      {\n        entities: entitiesQuery,\n      },\n      { skip: !entities.length },\n    )\n\n    // merge all watchers into a single unique array\n    const uniqueWatchers = Array.from(new Set(watchers.flatMap((watcher) => watcher.watchers)))\n\n    const [setEntitiesWatchers] = useSetEntitiesWatchersMutation()\n\n    const handleChange = async (value: string[]) => {\n      //   find the difference between the current watchers and the new watchers\n      // which users were added and which were removed\n      const added = value.filter((watcher) => !uniqueWatchers.includes(watcher))\n      const removed = uniqueWatchers.filter((watcher) => !value.includes(watcher))\n\n      // for each entity, add or remove the watchers\n      // we do this to preserve the unique watchers for each entity (rather than setting the same watchers for all entities)\n      const updatedEntities = watchers.map((entity) => {\n        // first remove\n        const newWatchers = entity.watchers.filter((watcher) => !removed.includes(watcher))\n        // then add\n        newWatchers.push(...added)\n\n        return {\n          ...entity,\n          watchers: newWatchers,\n        }\n      })\n\n      //   update\n      try {\n        await setEntitiesWatchers({ entities: updatedEntities }).unwrap()\n        onWatchersUpdate && onWatchersUpdate(added, removed)\n      } catch (error) {\n        toast.error('Failed to update watchers')\n      }\n    }\n\n    return (\n      <WatcherSelect\n        align=\"right\"\n        {...props}\n        value={uniqueWatchers}\n        currentUser={userName}\n        onChange={handleChange}\n        ref={ref}\n        // @ts-expect-error\n        buttonProps={{ 'data-tooltip': 'Watchers' }}\n      />\n    )\n  },\n)\n"],"names":["Watchers","forwardRef","entities","entityType","onWatchersUpdate","userName","props","ref","entitiesQuery","entity","watchers","useGetEntitiesWatchersQuery","uniqueWatchers","watcher","setEntitiesWatchers","useSetEntitiesWatchersMutation","handleChange","value","added","removed","updatedEntities","newWatchers","toast","jsx","WatcherSelect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAMA,KAAWC;AAAA,EACtB,CAAC,EAAE,UAAAC,GAAU,YAAAC,GAAY,kBAAAC,GAAkB,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAAQ;AACvE,UAAMC,IAAgBN,EAAS,IAAI,CAACO,OAAY;AAAA,MAC9C,UAAUA,EAAO;AAAA,MACjB,YAAAN;AAAA,MACA,aAAaM,EAAO;AAAA,IAAA,EACpB,GAEI,EAAE,MAAMC,IAAW,CAAA,MAAOC;AAAA,MAC9B;AAAA,QACE,UAAUH;AAAA,MAAA;AAAA,MAEZ,EAAE,MAAM,CAACN,EAAS,OAAA;AAAA,IAAO,GAIrBU,IAAiB,MAAM,KAAK,IAAI,IAAIF,EAAS,QAAQ,CAACG,MAAYA,EAAQ,QAAQ,CAAC,CAAC,GAEpF,CAACC,CAAmB,IAAIC,EAAA,GAExBC,IAAe,OAAOC,MAAoB;AAG9C,YAAMC,IAAQD,EAAM,OAAO,CAACJ,MAAY,CAACD,EAAe,SAASC,CAAO,CAAC,GACnEM,IAAUP,EAAe,OAAO,CAACC,MAAY,CAACI,EAAM,SAASJ,CAAO,CAAC,GAIrEO,IAAkBV,EAAS,IAAI,CAACD,MAAW;AAE/C,cAAMY,IAAcZ,EAAO,SAAS,OAAO,CAACI,MAAY,CAACM,EAAQ,SAASN,CAAO,CAAC;AAElF,eAAAQ,EAAY,KAAK,GAAGH,CAAK,GAElB;AAAA,UACL,GAAGT;AAAA,UACH,UAAUY;AAAA,QAAA;AAAA,MAEd,CAAC;AAGD,UAAI;AACF,cAAMP,EAAoB,EAAE,UAAUM,EAAA,CAAiB,EAAE,OAAA,GACzDhB,KAAoBA,EAAiBc,GAAOC,CAAO;AAAA,MACrD,QAAgB;AACd,QAAAG,EAAM,MAAM,2BAA2B;AAAA,MACzC;AAAA,IACF;AAEA,WACEC,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACL,GAAGlB;AAAA,QACJ,OAAOM;AAAA,QACP,aAAaP;AAAA,QACb,UAAUW;AAAA,QACV,KAAAT;AAAA,QAEA,aAAa,EAAE,gBAAgB,WAAA;AAAA,MAAW;AAAA,IAAA;AAAA,EAGhD;AACF;"}

package/dist/shared/src/config/plannerFeatures.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={planner:{label:"Planner",icon:"calendar_month",features:{subtasks:{label:"Subtasks",description:"Divide complex tasks into smaller, actionable items for more granular tracking and clearer responsibility.",bullet:"Granular task breakdown with subtasks"},integratedPlanning:{label:"Integrated Planning",description:"Bridge high-level phase estimation and detailed task scheduling to map out production timelines before assigning artists.",bullet:"High-level and granular planning in one place"},studioOversight:{label:"Studio Oversight",description:"Toggle between a bird's-eye view of all studio projects and project-specific deep-dive views to spot scheduling overlaps.",bullet:"Cross-project scheduling and conflict detection"},sandboxScenarios:{label:"Sandbox Scenarios",description:'Experiment with "what-if" scheduling strategies in private scenarios, then set your best version to "Live" with one click.',bullet:'Risk-free "what-if" scheduling experiments'},trackBasedTimelines:{label:"Track-Based Timelines",description:"Manage complex timelines using familiar lane-based organization—similar to video editing—for episodes, departments, or assets.",bullet:"Familiar lane-based timeline organization"},dataPortability:{label:"Data Portability",description:"Export schedules to CSV or ICS to keep your team synced across spreadsheets, calendars, and other platforms.",bullet:"CSV and ICS export for universal sync"}},featureOrder:["subtasks","integratedPlanning","studioOversight","sandboxScenarios","trackBasedTimelines","dataPortability"]}};exports.addonConfigs=e;
+//# sourceMappingURL=plannerFeatures.cjs.js.map

package/dist/shared/src/config/plannerFeatures.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plannerFeatures.cjs.js","sources":["../../../../src/config/plannerFeatures.ts"],"sourcesContent":["import { PowerpackDialogType } from '@shared/context'\n\nexport type AddonFeatureKey = string\n\nexport interface AddonConfig {\n  /** Display name of the addon */\n  label: string\n  /** Icon to show in the dialog header */\n  icon: string\n  /** Features list for the addon */\n  features: Record<AddonFeatureKey, Omit<PowerpackDialogType, 'priority'>>\n  /** Ordered feature keys for consistent display */\n  featureOrder: AddonFeatureKey[]\n}\n\nexport const addonConfigs: Record<string, AddonConfig> = {\n  planner: {\n    label: 'Planner',\n    icon: 'calendar_month',\n    features: {\n      subtasks: {\n        label: 'Subtasks',\n        description:\n          'Divide complex tasks into smaller, actionable items for more granular tracking and clearer responsibility.',\n        bullet: 'Granular task breakdown with subtasks',\n      },\n      integratedPlanning: {\n        label: 'Integrated Planning',\n        description:\n          'Bridge high-level phase estimation and detailed task scheduling to map out production timelines before assigning artists.',\n        bullet: 'High-level and granular planning in one place',\n      },\n      studioOversight: {\n        label: 'Studio Oversight',\n        description:\n          \"Toggle between a bird's-eye view of all studio projects and project-specific deep-dive views to spot scheduling overlaps.\",\n        bullet: 'Cross-project scheduling and conflict detection',\n      },\n      sandboxScenarios: {\n        label: 'Sandbox Scenarios',\n        description:\n          'Experiment with \"what-if\" scheduling strategies in private scenarios, then set your best version to \"Live\" with one click.',\n        bullet: 'Risk-free \"what-if\" scheduling experiments',\n      },\n      trackBasedTimelines: {\n        label: 'Track-Based Timelines',\n        description:\n          'Manage complex timelines using familiar lane-based organization—similar to video editing—for episodes, departments, or assets.',\n        bullet: 'Familiar lane-based timeline organization',\n      },\n      dataPortability: {\n        label: 'Data Portability',\n        description:\n          'Export schedules to CSV or ICS to keep your team synced across spreadsheets, calendars, and other platforms.',\n        bullet: 'CSV and ICS export for universal sync',\n      },\n    },\n    featureOrder: [\n      'subtasks',\n      'integratedPlanning',\n      'studioOversight',\n      'sandboxScenarios',\n      'trackBasedTimelines',\n      'dataPortability',\n    ],\n  },\n}\n"],"names":["addonConfigs"],"mappings":"gFAeO,MAAMA,EAA4C,CACvD,QAAS,CACP,MAAO,UACP,KAAM,iBACN,SAAU,CACR,SAAU,CACR,MAAO,WACP,YACE,6GACF,OAAQ,uCAAA,EAEV,mBAAoB,CAClB,MAAO,sBACP,YACE,4HACF,OAAQ,+CAAA,EAEV,gBAAiB,CACf,MAAO,mBACP,YACE,4HACF,OAAQ,iDAAA,EAEV,iBAAkB,CAChB,MAAO,oBACP,YACE,6HACF,OAAQ,4CAAA,EAEV,oBAAqB,CACnB,MAAO,wBACP,YACE,iIACF,OAAQ,2CAAA,EAEV,gBAAiB,CACf,MAAO,mBACP,YACE,+GACF,OAAQ,uCAAA,CACV,EAEF,aAAc,CACZ,WACA,qBACA,kBACA,mBACA,sBACA,iBAAA,CACF,CAEJ"}