npm - @ynput/ayon-frontend-shared - Versions diffs - 0.2.37 → 0.2.38 - Mend

@ynput/ayon-frontend-shared 0.2.37 → 0.2.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (529) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"UploadVersionForm.cjs.js","sources":["../../../../../../src/components/VersionUploader/components/UploadVersionForm.tsx"],"sourcesContent":["import { FC, FormEvent, useEffect, useRef } from 'react'\nimport styled from 'styled-components'\nimport { FormLayout, FormRow, InputText, InputNumber, Dropdown } from '@ynput/ayon-react-components'\nimport { productTypes } from '@shared/util'\nimport type { DropdownRef } from '@ynput/ayon-react-components'\nimport { ReviewableUpload } from '@shared/components'\nimport { useVersionUploadContext } from '../context/VersionUploadContext'\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 productTypeOptions = Object.entries(productTypes).map(([key, value]) => ({\n value: key,\n label: value.name,\n icon: value.icon,\n }))\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","productTypeOptions","productTypes","key","value","useEffect","previousProductType","previousProductTypeName","_a","currentProductTypeName","_b","suffix","newName","handleSubmit","submitter","handleVersionChange","handleNameChange","handleProductTypeChange","handleApplyPrefix","currentName","capitalizedName","shouldShowRecommendation","isFormSubmitted","handleKeyDown","jsxs","jsx","FormRow","Dropdown","InputText","InputNumber","ReviewableUpload"],"mappings":"uqcAQA,MAAMA,EAAaC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQpBC,EAAmBD,EAAOE,YAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAapCC,EAAqBH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAO5BI,EAAeJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAetBK,EAAeL,EAAO;AAAA;AAAA;AAAA,EAsBfM,EAAgD,CAAC,CAC5D,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,OAAAC,EAAS,CAAC,EACV,YAAAC,EACA,WAAAC,EAAa,EACb,UAAAC,EACA,UAAAC,CACF,IAAM,OACE,MAAAC,EAAyBC,EAAAA,OAAeT,EAAS,WAAW,EAC5DU,EAAcD,SAAoB,IAAI,EACtCE,EAAUF,SAAwB,IAAI,EACtC,CACJ,aAAAG,EACA,gBAAAC,EACA,qBAAAC,EACA,8BAAAC,EACA,SAAAC,GACEC,0BAAwB,EAEtBC,EAAqB,OAAO,QAAQC,CAAY,EAAE,IAAI,CAAC,CAACC,EAAKC,CAAK,KAAO,CAC7E,MAAOD,EACP,MAAOC,EAAM,KACb,KAAMA,EAAM,IAAA,EACZ,EAEFC,EAAAA,UAAU,IAAM,SAEd,MAAMC,EAAsBf,EAAuB,QAC7CgB,IAA0BC,EAAAN,EAAaI,CAAmB,IAAhC,YAAAE,EAAmC,OAAQ,GACrEC,IAAyBC,EAAAR,EAAanB,EAAS,WAAW,IAAjC,YAAA2B,EAAoC,OAAQ,GAGvE,GAAA3B,EAAS,cAAgBuB,GAAuBC,GAE9CxB,EAAS,KAAK,WAAWwB,CAAuB,EAAG,CAErD,MAAMI,EAAS5B,EAAS,KAAK,MAAMwB,EAAwB,MAAM,EAE3DK,EAAUH,EAAyBE,EACzC3B,EAAS,OAAQ4B,CAAO,CAAA,CAK5BrB,EAAuB,QAAUR,EAAS,WAAA,EACzC,CAACA,EAAS,YAAaA,EAAS,KAAMC,CAAQ,CAAC,EAE5C,MAAA6B,EAAgB,GAAkC,CACtD,EAAE,eAAe,EAEX,MAAAC,EAAY,EAAE,YAAY,UAE5BA,GAAaA,EAAU,QAAQ,WAAW,GAK9C7B,EAASF,CAAQ,CACnB,EAEMgC,EAAuB,GAA2C,CACtE,MAAMX,EAAQ,SAAS,EAAE,OAAO,MAAO,EAAE,EACpC,MAAMA,CAAK,GACdpB,EAAS,UAAWoB,CAAK,CAE7B,EAEMY,EAAoB,GAA2C,CAC1DhC,EAAA,OAAQ,EAAE,OAAO,KAAK,CACjC,EAEMiC,EAA2Bb,GAAoB,CAC/CA,EAAM,OAAS,GACRpB,EAAA,cAAeoB,EAAM,CAAC,CAAC,CAGpC,EAEMc,EAAoB,IAAM,OAC9B,MAAMT,IAAyBD,EAAAN,EAAanB,EAAS,WAAW,IAAjC,YAAAyB,EAAoC,OAAQ,GACrEW,EAAcpC,EAAS,MAAQ,GAG/BqC,EAAkBD,EAAY,OAAO,CAAC,EAAE,cAAgBA,EAAY,MAAM,CAAC,EAC3EP,EAAUH,EAAyBW,EACzCpC,EAAS,OAAQ4B,CAAO,CAC1B,EAEMS,EAA2B,IAAM,OACrC,MAAMZ,IAAyBD,EAAAN,EAAanB,EAAS,WAAW,IAAjC,YAAAyB,EAAoC,OAAQ,GAC3E,OAAOzB,EAAS,MAAQ,CAACA,EAAS,KAAK,WAAW0B,CAAsB,CAC1E,EAGMa,EAAkB,EAAQjC,EAE1BkC,EAAiB,GAA4C,CAEjE,GAAI,EAAE,MAAQ,UAAY,EAAE,SAAW,EAAE,SAAU,CACjD,EAAE,eAAe,EACjBtC,EAASF,CAAQ,EACjB,MAAA,CAEJ,EAGE,OAAAyC,EAAA,kBAAA,KAACjD,EAAA,CACC,GAAG,sBACH,IAAKmB,EACL,SAAUmB,EACV,WAAU,GACV,UAAWU,EAEX,SAAA,CAAAC,yBAAC/C,EACE,CAAA,SAAA,CAAA,CAACS,EAAO,SAAS,aAAa,GAC5BuC,EAAAA,kBAAAA,IAAAC,EAAA,QAAA,CAAQ,MAAM,eACb,SAAAD,EAAA,kBAAA,IAACE,EAAA,SAAA,CACC,IAAKlC,EACL,QAASQ,EACT,MAAO,CAAClB,EAAS,WAAW,EAC5B,SAAUkC,EACV,YAAW,GACX,YAAa,GACb,aAAW,eACX,OAAM,GACN,SAAUK,CAAA,CAAA,EAEd,EAGD,CAACpC,EAAO,SAAS,MAAM,2BACrBwC,EAAQ,QAAA,CAAA,MAAM,eACb,SAAAF,EAAA,kBAAA,KAAC,MACC,CAAA,SAAA,CAAAC,EAAA,kBAAA,IAACG,EAAA,UAAA,CACC,MAAO7C,EAAS,KAChB,SAAUiC,EACV,YAAY,qBACZ,UAAW,EACX,UAAS,GACT,aAAW,eACX,mBAAkBK,IAA6B,sBAAwB,OACvE,SAAUC,CAAA,CACZ,EACCD,EAAyB,GACvBG,EAAAA,kBAAAA,KAAA7C,EAAA,CAAmB,GAAG,sBAAsB,SAAA,CAAA,iCACb6B,EAAAN,EAAanB,EAAS,WAAW,IAAjC,YAAAyB,EAAoC,KAAK,KAAG,4BACzE5B,EAAa,CAAA,KAAK,SAAS,QAASsC,EAAmB,SAExD,cAAA,CAAA,CAAA,CACF,CAAA,CAAA,CAAA,CAEJ,CACF,CAAA,EAGD,CAAChC,EAAO,SAAS,SAAS,GACxBuC,EAAAA,kBAAAA,IAAAC,EAAA,QAAA,CAAQ,MAAM,UACb,SAAAD,EAAA,kBAAA,IAACI,EAAA,YAAA,CACC,MAAO9C,EAAS,QAChB,SAAUgC,EACV,IAAK3B,EACL,KAAM,EACN,aAAW,iBACX,UAAWF,EAAO,SAAS,MAAM,EACjC,SAAUoC,CAAA,CAAA,CAEd,CAAA,CAAA,EAEJ,EAEAG,EAAAA,kBAAAA,IAACC,EAAQ,QAAA,CAAA,MAAM,kBAAmB,CAAA,0BACjC7C,EACC,CAAA,SAAA4C,EAAA,kBAAA,IAACK,EAAA,iBAAA,CACC,YAAA3C,EACA,UAAAE,EACA,UAAAC,EACA,SAAAS,EACA,aAAAJ,EACA,gBAAAC,EACA,SAAUC,EACV,aAAcC,EACd,GAAI,CACF,OAAQ,CACN,MAAO,CAAE,UAAW,EAAG,CACzB,EACA,SAAU,CACR,MAAO,CAAE,MAAO,CAAE,CAAA,CACpB,CACF,CAAA,CAEJ,CAAA,CAAA,CAAA,CACF,CAEJ"}
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","_a","currentProductTypeName","_b","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 CHANGED Viewed

@@ -1,16 +1,20 @@
 import { j as i } from "../../../../../_virtual/jsx-runtime.es.js";
-import { useRef as u, useEffect as L } from "react";
+import { useRef as y, useMemo as W, useEffect as B } from "react";
 import n from "styled-components";
-import { FormLayout as W, FormRow as l, Dropdown as B, InputText as O, InputNumber as H } from "@ynput/ayon-react-components";
-import m from "../../../util/productTypes.es.js";
+import { FormLayout as O, FormRow as d, Dropdown as H, InputText as M, InputNumber as q } from "@ynput/ayon-react-components";
+import "../../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
+import "../../AccessSearchInput/AccessSearchInput.styled.es.js";
+import "../../AccessUser/AccessUser.es.js";
+import "clsx";
 import "lodash";
+import "../../AttributeEditor/components/MinMaxField.es.js";
+import "react-dom";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "../../EnumEditor/EnumEditor.styled.es.js";
+import "../../Badge/Badge.es.js";
+import "../../Chips/Chips.es.js";
 import "react-toastify";
-import "uuid";
-import "../../../util/pubsub.es.js";
-import "clsx";
-import "../../ThumbnailSimple/ThumbnailSimple.es.js";
-import "../../EmptyPlaceholder/EmptyPlaceholder.es.js";
-import "../../EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
 import "../../../api/base/client.es.js";
 import "../../../api/generated/graphql.es.js";
 import "../../../api/generated/graphqlLinks.es.js";
@@ -93,18 +97,23 @@ import "../../../api/queries/versions/updateVersions.es.js";
 import "../../../api/queries/views/getViews.es.js";
 import "../../../api/queries/views/updateViews.es.js";
 import "../../../api/queries/watchers/getWatchers.es.js";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "../../ReviewablesList/ReviewablesList.styled.es.js";
+import "../../DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
+import "../../DetailsPanelDetails/DetailsPanelDetails.es.js";
+import "../../DetailsPanelDetails/DetailsSection.es.js";
+import "../../DetailsPanelDetails/FieldLabel.es.js";
+import "../../EarlyPreview/EarlyPreview.es.js";
+import "../../EmptyPlaceholder/EmptyPlaceholder.es.js";
+import "../../EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
 import "../../../containers/ContextMenu/ContextMenuContext.es.js";
 /* empty css                                                  */
-import { ReviewableUpload as q } from "../../ReviewablesList/ReviewablesUpload.es.js";
+import "../../../containers/Feed/context/FeedContext.es.js";
+import "../../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
+import "../../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
 import "../../../context/RemoteModulesContext.es.js";
 import "../../../context/DetailsPanelContext.es.js";
 import "../../../context/ThumbnailUploaderContext.es.js";
 import "../../../context/SettingsPanelContext.es.js";
 import "../../../context/pip/PiPProvider.es.js";
-import "react-dom";
 import "../../../context/pip/PiPWrapper.es.js";
 import "../../../context/AddonProjectContext.es.js";
 import "../../../context/AddonContext.es.js";
@@ -113,15 +122,7 @@ import "../../../context/MoveEntityContext.es.js";
 import "../../../context/MenuContext.es.js";
 import "../../../context/WebsocketContext.es.js";
 import "../../../context/GlobalContext.es.js";
-import "axios";
-import "../../ReviewableCard/ReviewableCard.es.js";
-import "../../ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
-import "../../FileThumbnail/FileThumbnail.es.js";
-import "../../Thumbnail/Thumbnail.styled.es.js";
-import "../../Thumbnail/StackedThumbnails.es.js";
-import "../../../containers/Feed/context/FeedContext.es.js";
-import "../../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
-import "../../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
+import { useProjectContext as G } from "../../../context/ProjectContext.es.js";
 import "../../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
 import "../../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
 import "react-markdown";
@@ -137,6 +138,8 @@ import "../../../containers/Feed/components/CommentInput/quillToMarkdown.es.js";
 import "../../../containers/Feed/components/ActivityComment/ActivityComment.styled.es.js";
 import "../../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
 import "../../../containers/Feed/components/ActivityReference/ActivityReference.styled.es.js";
+import "uuid";
+import "../../../util/pubsub.es.js";
 import "react-router-dom";
 import "../../../containers/Feed/components/ActivityStatus/ActivityStatus.es.js";
 import "../../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
@@ -201,50 +204,47 @@ import "../../../containers/Views/Views.styled.es.js";
 import "../../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
 import "../../../containers/Views/ViewsMenu/ViewsMenu.es.js";
 import "../../EntityPanelUploader/EntityPanelUploader.styled.es.js";
-import "../../SimpleFormDialog/SimpleFormDialog.es.js";
+import "axios";
+import "../../ReviewablesList/ReviewablesList.styled.es.js";
+import { ReviewableUpload as J } from "../../ReviewablesList/ReviewablesUpload.es.js";
 import "../../EntityPath/EntityPath.styled.es.js";
 import "../../EntityPath/SegmentProvider.es.js";
-import "../../DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
-import "../../DetailsPanelDetails/DetailsPanelDetails.es.js";
-import "../../DetailsPanelDetails/DetailsSection.es.js";
-import "../../DetailsPanelDetails/FieldLabel.es.js";
-import "../../Watchers/Watchers.es.js";
-import "../../ProjectTableSettings/ProjectTableSettings.es.js";
+import "../../FeaturedVersionOrder/FeaturedVersionOrder.es.js";
+import "../../Feedback/FeedbackContext.es.js";
+import "../../Feedback/SupportBubble.es.js";
+import "../../FileThumbnail/FileThumbnail.es.js";
+import "../../LegacyBadge/LegacyBadge.es.js";
+import "../../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
 import "../../Powerpack/PowerpackButton.es.js";
 import "../../Powerpack/PricingLink.es.js";
 import "../../Powerpack/PowerpackDialog.styled.es.js";
 import "../../Powerpack/CTAButton.es.js";
 import "../../Powerpack/RequiredAddonVersion.es.js";
+import "../../ProjectTableSettings/ProjectTableSettings.es.js";
 import "../../SizeSlider/SizeSlider.es.js";
+import "../../ReviewableCard/ReviewableCard.es.js";
+import "../../ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
+import "../../SearchFilter/filterDates.es.js";
 import "../../SettingsPanel/SettingsPanel.es.js";
 import "../../SettingsPanel/SettingsPanelItemTemplate.es.js";
-import "../../AttributeEditor/components/MinMaxField.es.js";
-import "../../EnumEditor/EnumEditor.styled.es.js";
-import "../../SearchFilter/filterDates.es.js";
-import "../../FeaturedVersionOrder/FeaturedVersionOrder.es.js";
-import "../../Badge/Badge.es.js";
-import "./UploadVersionDialog.es.js";
-import { useVersionUploadContext as G } from "../context/VersionUploadContext.es.js";
-import "../../Feedback/FeedbackContext.es.js";
-import "../../Feedback/SupportBubble.es.js";
-import "../../Chips/Chips.es.js";
-import "../../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
-import "../../StyledLink/StyledLink.es.js";
 import "../../ShareOptionIcon/ShareOptionIcon.es.js";
-import "../../AccessUser/AccessUser.es.js";
-import "../../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
-import "../../AccessSearchInput/AccessSearchInput.styled.es.js";
-import "../../TableGridSwitch/TableGridSwitch.es.js";
+import "../../SimpleFormDialog/SimpleFormDialog.es.js";
 import "../../SortingSetting/SortingSetting.styled.es.js";
-import "../../EarlyPreview/EarlyPreview.es.js";
-import "../../LegacyBadge/LegacyBadge.es.js";
-const J = n.form`
+import "../../StyledLink/StyledLink.es.js";
+import "../../TableGridSwitch/TableGridSwitch.es.js";
+import "../../Thumbnail/Thumbnail.styled.es.js";
+import "../../Thumbnail/StackedThumbnails.es.js";
+import "../../ThumbnailSimple/ThumbnailSimple.es.js";
+import "./UploadVersionDialog.es.js";
+import { useVersionUploadContext as Q } from "../context/VersionUploadContext.es.js";
+import "../../Watchers/Watchers.es.js";
+const X = n.form`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-large);
   padding: var(--padding-m);
   width: 100%;
-`, M = n(W)`
+`, Y = n(O)`
   width: 100%;
   margin: auto;
@@ -255,12 +255,12 @@ const J = n.form`
   input {
     width: 100%;
   }
-`, Q = n.div`
+`, Z = n.div`
   font-size: var(--font-size-xs);
   color: var(--md-sys-color-outline);
   margin-top: var(--base-gap-small);
   line-height: 1.3;
-`, X = n.button`
+`, _ = n.button`
   background: none;
   border: none;
   color: var(--md-sys-color-primary);
@@ -273,44 +273,40 @@ const J = n.form`
   &:hover {
     color: var(--md-sys-color-primary-dark);
   }
-`, Y = n.div`
+`, $ = n.div`
   position: relative;
   min-height: 80px;
-`, fp = ({
+`, Np = ({
   formData: o,
   onChange: p,
-  onSubmit: y,
+  onSubmit: h,
   hidden: s = [],
   projectName: g,
-  minVersion: T = 1,
-  versionId: h,
-  productId: f
+  minVersion: f = 1,
+  versionId: v,
+  productId: j
 }) => {
-  var b;
-  const v = u(o.productType), j = u(null), w = u(null), {
-    pendingFiles: N,
+  var T;
+  const x = y(o.productType), w = y(null), N = y(null), {
+    pendingFiles: P,
     setPendingFiles: F,
-    onCloseVersionUpload: P,
-    extractAndSetVersionFromFiles: R,
-    dispatch: S
-  } = G(), V = Object.entries(m).map(([t, r]) => ({
-    value: t,
-    label: r.name,
-    icon: r.icon
-  }));
-  L(() => {
+    onCloseVersionUpload: R,
+    extractAndSetVersionFromFiles: S,
+    dispatch: V
+  } = Q(), l = G(), U = l.getProductTypeOptions(), m = W(() => l.productTypes.reduce((t, r) => (t[r.name] = r, t), {}), [l.productTypes]);
+  B(() => {
     var c, e;
-    const t = v.current, r = ((c = m[t]) == null ? void 0 : c.name) || "", a = ((e = m[o.productType]) == null ? void 0 : e.name) || "";
+    const t = x.current, r = ((c = m[t]) == null ? void 0 : c.name) || "", u = ((e = m[o.productType]) == null ? void 0 : e.name) || "";
     if (o.productType !== t && r && o.name.startsWith(r)) {
-      const K = o.name.slice(r.length), I = a + K;
-      p("name", I);
+      const I = o.name.slice(r.length), L = u + I;
+      p("name", L);
     }
-    v.current = o.productType;
+    x.current = o.productType;
   }, [o.productType, o.name, p]);
-  const U = (t) => {
+  const C = (t) => {
     t.preventDefault();
     const r = t.nativeEvent.submitter;
-    r && r.closest(".dropdown") || y(o);
+    r && r.closest(".dropdown") || h(o);
   }, E = (t) => {
     const r = parseInt(t.target.value, 10);
     isNaN(r) || p("version", r);
@@ -318,47 +314,47 @@ const J = n.form`
     p("name", t.target.value);
   }, A = (t) => {
     t.length > 0 && p("productType", t[0]);
-  }, C = () => {
+  }, k = () => {
     var e;
-    const t = ((e = m[o.productType]) == null ? void 0 : e.name) || "", r = o.name || "", a = r.charAt(0).toUpperCase() + r.slice(1), c = t + a;
+    const t = ((e = m[o.productType]) == null ? void 0 : e.name) || "", r = o.name || "", u = r.charAt(0).toUpperCase() + r.slice(1), c = t + u;
     p("name", c);
-  }, x = () => {
+  }, b = () => {
     var r;
     const t = ((r = m[o.productType]) == null ? void 0 : r.name) || "";
     return o.name && !o.name.startsWith(t);
-  }, d = !!h, k = (t) => {
+  }, a = !!v, K = (t) => {
     if (t.key === "Enter" && (t.metaKey || t.ctrlKey)) {
-      t.preventDefault(), y(o);
+      t.preventDefault(), h(o);
       return;
     }
   };
   return /* @__PURE__ */ i.jsxs(
-    J,
+    X,
     {
       id: "upload-version-form",
-      ref: w,
-      onSubmit: U,
+      ref: N,
+      onSubmit: C,
       noValidate: !0,
-      onKeyDown: k,
+      onKeyDown: K,
       children: [
-        /* @__PURE__ */ i.jsxs(M, { children: [
-          !s.includes("productType") && /* @__PURE__ */ i.jsx(l, { label: "Product Type", children: /* @__PURE__ */ i.jsx(
-            B,
+        /* @__PURE__ */ i.jsxs(Y, { children: [
+          !s.includes("productType") && /* @__PURE__ */ i.jsx(d, { label: "Product Type", children: /* @__PURE__ */ i.jsx(
+            H,
             {
-              ref: j,
-              options: V,
+              ref: w,
+              options: U,
               value: [o.productType],
               onChange: A,
               widthExpand: !0,
               multiSelect: !1,
               "aria-label": "Product Type",
               search: !0,
-              disabled: d
+              disabled: a
             }
           ) }),
-          !s.includes("name") && /* @__PURE__ */ i.jsx(l, { label: "Product Name", children: /* @__PURE__ */ i.jsxs("div", { children: [
+          !s.includes("name") && /* @__PURE__ */ i.jsx(d, { label: "Product Name", children: /* @__PURE__ */ i.jsxs("div", { children: [
             /* @__PURE__ */ i.jsx(
-              O,
+              M,
               {
                 value: o.name,
                 onChange: z,
@@ -366,43 +362,43 @@ const J = n.form`
                 minLength: 1,
                 autoFocus: !0,
                 "aria-label": "Product Name",
-                "aria-describedby": x() ? "name-recommendation" : void 0,
-                disabled: d
+                "aria-describedby": b() ? "name-recommendation" : void 0,
+                disabled: a
               }
             ),
-            x() && /* @__PURE__ */ i.jsxs(Q, { id: "name-recommendation", children: [
+            b() && /* @__PURE__ */ i.jsxs(Z, { id: "name-recommendation", children: [
               'We recommend prefixing with "',
-              (b = m[o.productType]) == null ? void 0 : b.name,
+              (T = m[o.productType]) == null ? void 0 : T.name,
               '".',
               " ",
-              /* @__PURE__ */ i.jsx(X, { type: "button", onClick: C, children: "Apply prefix" })
+              /* @__PURE__ */ i.jsx(_, { type: "button", onClick: k, children: "Apply prefix" })
             ] })
           ] }) }),
-          !s.includes("version") && /* @__PURE__ */ i.jsx(l, { label: "Version", children: /* @__PURE__ */ i.jsx(
-            H,
+          !s.includes("version") && /* @__PURE__ */ i.jsx(d, { label: "Version", children: /* @__PURE__ */ i.jsx(
+            q,
             {
               value: o.version,
               onChange: E,
-              min: T,
+              min: f,
               step: 1,
               "aria-label": "Version Number",
               autoFocus: s.includes("name"),
-              disabled: d
+              disabled: a
             }
           ) })
         ] }),
-        /* @__PURE__ */ i.jsx(l, { label: "Reviewable files" }),
-        /* @__PURE__ */ i.jsx(Y, { children: /* @__PURE__ */ i.jsx(
-          q,
+        /* @__PURE__ */ i.jsx(d, { label: "Reviewable files" }),
+        /* @__PURE__ */ i.jsx($, { children: /* @__PURE__ */ i.jsx(
+          J,
           {
             projectName: g,
-            versionId: h,
-            productId: f,
-            dispatch: S,
-            pendingFiles: N,
+            versionId: v,
+            productId: j,
+            dispatch: V,
+            pendingFiles: P,
             setPendingFiles: F,
-            onUpload: P,
-            onFilesAdded: R,
+            onUpload: R,
+            onFilesAdded: S,
             pt: {
               upload: {
                 style: { minHeight: 80 }
@@ -418,6 +414,6 @@ const J = n.form`
   );
 };
 export {
-  fp as UploadVersionForm
+  Np as UploadVersionForm
 };
 //# sourceMappingURL=UploadVersionForm.es.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"UploadVersionForm.es.js","sources":["../../../../../../src/components/VersionUploader/components/UploadVersionForm.tsx"],"sourcesContent":["import { FC, FormEvent, useEffect, useRef } from 'react'\nimport styled from 'styled-components'\nimport { FormLayout, FormRow, InputText, InputNumber, Dropdown } from '@ynput/ayon-react-components'\nimport { productTypes } from '@shared/util'\nimport type { DropdownRef } from '@ynput/ayon-react-components'\nimport { ReviewableUpload } from '@shared/components'\nimport { useVersionUploadContext } from '../context/VersionUploadContext'\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 productTypeOptions = Object.entries(productTypes).map(([key, value]) => ({\n value: key,\n label: value.name,\n icon: value.icon,\n }))\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","productTypeOptions","productTypes","key","value","useEffect","previousProductType","previousProductTypeName","_a","currentProductTypeName","_b","suffix","newName","handleSubmit","e","submitter","handleVersionChange","handleNameChange","handleProductTypeChange","handleApplyPrefix","currentName","capitalizedName","shouldShowRecommendation","isFormSubmitted","handleKeyDown","jsxs","jsx","FormRow","Dropdown","InputText","InputNumber","ReviewableUpload"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAMA,IAAaC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQpBC,IAAmBD,EAAOE,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAapCC,IAAqBH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAO5BI,IAAeJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAetBK,IAAeL,EAAO;AAAA;AAAA;AAAA,GAsBfM,KAAgD,CAAC;AAAA,EAC5D,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC,IAAS,CAAC;AAAA,EACV,aAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC;AAAA,EACA,WAAAC;AACF,MAAM;;AACE,QAAAC,IAAyBC,EAAeT,EAAS,WAAW,GAC5DU,IAAcD,EAAoB,IAAI,GACtCE,IAAUF,EAAwB,IAAI,GACtC;AAAA,IACJ,cAAAG;AAAA,IACA,iBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,+BAAAC;AAAA,IACA,UAAAC;AAAA,MACEC,EAAwB,GAEtBC,IAAqB,OAAO,QAAQC,CAAY,EAAE,IAAI,CAAC,CAACC,GAAKC,CAAK,OAAO;AAAA,IAC7E,OAAOD;AAAA,IACP,OAAOC,EAAM;AAAA,IACb,MAAMA,EAAM;AAAA,EAAA,EACZ;AAEF,EAAAC,EAAU,MAAM;;AAEd,UAAMC,IAAsBf,EAAuB,SAC7CgB,MAA0BC,IAAAN,EAAaI,CAAmB,MAAhC,gBAAAE,EAAmC,SAAQ,IACrEC,MAAyBC,IAAAR,EAAanB,EAAS,WAAW,MAAjC,gBAAA2B,EAAoC,SAAQ;AAGvE,QAAA3B,EAAS,gBAAgBuB,KAAuBC,KAE9CxB,EAAS,KAAK,WAAWwB,CAAuB,GAAG;AAErD,YAAMI,IAAS5B,EAAS,KAAK,MAAMwB,EAAwB,MAAM,GAE3DK,IAAUH,IAAyBE;AACzC,MAAA3B,EAAS,QAAQ4B,CAAO;AAAA,IAAA;AAK5B,IAAArB,EAAuB,UAAUR,EAAS;AAAA,EAAA,GACzC,CAACA,EAAS,aAAaA,EAAS,MAAMC,CAAQ,CAAC;AAE5C,QAAA6B,IAAe,CAACC,MAAkC;AACtD,IAAAA,EAAE,eAAe;AAEX,UAAAC,IAAYD,EAAE,YAAY;AAEhC,IAAIC,KAAaA,EAAU,QAAQ,WAAW,KAK9C9B,EAASF,CAAQ;AAAA,EACnB,GAEMiC,IAAsB,CAACF,MAA2C;AACtE,UAAMV,IAAQ,SAASU,EAAE,OAAO,OAAO,EAAE;AACrC,IAAC,MAAMV,CAAK,KACdpB,EAAS,WAAWoB,CAAK;AAAA,EAE7B,GAEMa,IAAmB,CAACH,MAA2C;AAC1D,IAAA9B,EAAA,QAAQ8B,EAAE,OAAO,KAAK;AAAA,EACjC,GAEMI,IAA0B,CAACd,MAAoB;AAC/C,IAAAA,EAAM,SAAS,KACRpB,EAAA,eAAeoB,EAAM,CAAC,CAAC;AAAA,EAGpC,GAEMe,IAAoB,MAAM;;AAC9B,UAAMV,MAAyBD,IAAAN,EAAanB,EAAS,WAAW,MAAjC,gBAAAyB,EAAoC,SAAQ,IACrEY,IAAcrC,EAAS,QAAQ,IAG/BsC,IAAkBD,EAAY,OAAO,CAAC,EAAE,gBAAgBA,EAAY,MAAM,CAAC,GAC3ER,IAAUH,IAAyBY;AACzC,IAAArC,EAAS,QAAQ4B,CAAO;AAAA,EAC1B,GAEMU,IAA2B,MAAM;;AACrC,UAAMb,MAAyBD,IAAAN,EAAanB,EAAS,WAAW,MAAjC,gBAAAyB,EAAoC,SAAQ;AAC3E,WAAOzB,EAAS,QAAQ,CAACA,EAAS,KAAK,WAAW0B,CAAsB;AAAA,EAC1E,GAGMc,IAAkB,EAAQlC,GAE1BmC,IAAgB,CAACV,MAA4C;AAEjE,QAAIA,EAAE,QAAQ,YAAYA,EAAE,WAAWA,EAAE,UAAU;AACjD,MAAAA,EAAE,eAAe,GACjB7B,EAASF,CAAQ;AACjB;AAAA,IAAA;AAAA,EAEJ;AAGE,SAAA0C,gBAAAA,EAAA;AAAA,IAAClD;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,KAAKmB;AAAA,MACL,UAAUmB;AAAA,MACV,YAAU;AAAA,MACV,WAAWW;AAAA,MAEX,UAAA;AAAA,QAAAC,gBAAAA,OAAChD,GACE,EAAA,UAAA;AAAA,UAAA,CAACS,EAAO,SAAS,aAAa,KAC5BwC,gBAAAA,EAAAA,IAAAC,GAAA,EAAQ,OAAM,gBACb,UAAAD,gBAAAA,EAAA;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,KAAKnC;AAAA,cACL,SAASQ;AAAA,cACT,OAAO,CAAClB,EAAS,WAAW;AAAA,cAC5B,UAAUmC;AAAA,cACV,aAAW;AAAA,cACX,aAAa;AAAA,cACb,cAAW;AAAA,cACX,QAAM;AAAA,cACN,UAAUK;AAAA,YAAA;AAAA,UAAA,GAEd;AAAA,UAGD,CAACrC,EAAO,SAAS,MAAM,2BACrByC,GAAQ,EAAA,OAAM,gBACb,UAAAF,gBAAAA,EAAA,KAAC,OACC,EAAA,UAAA;AAAA,YAAAC,gBAAAA,EAAA;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,OAAO9C,EAAS;AAAA,gBAChB,UAAUkC;AAAA,gBACV,aAAY;AAAA,gBACZ,WAAW;AAAA,gBACX,WAAS;AAAA,gBACT,cAAW;AAAA,gBACX,oBAAkBK,MAA6B,wBAAwB;AAAA,gBACvE,UAAUC;AAAA,cAAA;AAAA,YACZ;AAAA,YACCD,EAAyB,KACvBG,gBAAAA,EAAAA,KAAA9C,GAAA,EAAmB,IAAG,uBAAsB,UAAA;AAAA,cAAA;AAAA,eACb6B,IAAAN,EAAanB,EAAS,WAAW,MAAjC,gBAAAyB,EAAoC;AAAA,cAAK;AAAA,cAAG;AAAA,oCACzE5B,GAAa,EAAA,MAAK,UAAS,SAASuC,GAAmB,UAExD,eAAA,CAAA;AAAA,YAAA,EACF,CAAA;AAAA,UAAA,EAAA,CAEJ,EACF,CAAA;AAAA,UAGD,CAACjC,EAAO,SAAS,SAAS,KACxBwC,gBAAAA,EAAAA,IAAAC,GAAA,EAAQ,OAAM,WACb,UAAAD,gBAAAA,EAAA;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,OAAO/C,EAAS;AAAA,cAChB,UAAUiC;AAAA,cACV,KAAK5B;AAAA,cACL,MAAM;AAAA,cACN,cAAW;AAAA,cACX,WAAWF,EAAO,SAAS,MAAM;AAAA,cACjC,UAAUqC;AAAA,YAAA;AAAA,UAAA,EAEd,CAAA;AAAA,QAAA,GAEJ;AAAA,QAEAG,gBAAAA,EAAAA,IAACC,GAAQ,EAAA,OAAM,mBAAmB,CAAA;AAAA,8BACjC9C,GACC,EAAA,UAAA6C,gBAAAA,EAAA;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,aAAA5C;AAAA,YACA,WAAAE;AAAA,YACA,WAAAC;AAAA,YACA,UAAAS;AAAA,YACA,cAAAJ;AAAA,YACA,iBAAAC;AAAA,YACA,UAAUC;AAAA,YACV,cAAcC;AAAA,YACd,IAAI;AAAA,cACF,QAAQ;AAAA,gBACN,OAAO,EAAE,WAAW,GAAG;AAAA,cACzB;AAAA,cACA,UAAU;AAAA,gBACR,OAAO,EAAE,OAAO,EAAE;AAAA,cAAA;AAAA,YACpB;AAAA,UACF;AAAA,QAAA,EAEJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
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","_a","currentProductTypeName","_b","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 CHANGED Viewed

@@ -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/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/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");const r=require("react"),J=require("../../../util/productTypes.cjs.js");require("lodash");const K=require("react-toastify");require("uuid");const W=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:J.review.name,productType:"review"},X=({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,T]=r.useState(null),{currentData:u}=A.useGetLatestProductVersionQuery({projectName:n,productId:t},{skip:!t||!q}),E=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),T(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),K.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=W.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==null?void 0: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!=null&&e.productId&&y(e.productId),e!=null&&e.versionId&&T(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:E,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,E,d,C,D,c,U,h,k,R,M,L,b]);return z.jsxRuntimeExports.jsx(H.Provider,{value:$,children:v})},Y=()=>{const v=r.useContext(H);if(v===void 0)throw new Error("useVersionUploadContext must be used within a VersionUploadProvider");return v};exports.VersionUploadProvider=X;exports.useVersionUploadContext=Y;
+"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/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/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");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==null?void 0: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!=null&&e.productId&&y(e.productId),e!=null&&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;
 //# sourceMappingURL=VersionUploadContext.cjs.js.map