@ynput/ayon-frontend-shared 0.3.17 → 0.3.18

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

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

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