@ynput/ayon-frontend-shared 0.3.29 → 0.3.31

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, 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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"}
+{"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,21 +1,17 @@
 import { j as o } from "../../../../../_virtual/jsx-runtime.es.js";
 import { useRef as b, useState as st, useMemo as L, useCallback as at, useEffect as lt } from "react";
-import e from "styled-components";
+import p 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";
 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 "../../AttributeEditor/AttributeEditor.es.js";
 import "../../AttributeEditor/attributeTypeMap.es.js";
 import "../../Badge/Badge.es.js";
 import "../../Chips/Chips.es.js";
+import "react-dom";
 import "date-fns";
 import "../../DateRangePicker/DateRangePicker.styled.es.js";
 import "../../LinksManager/CellEditingDialog.es.js";
@@ -76,6 +72,10 @@ import "../../../api/queries/config/getConfig.es.js";
 import "../../../api/queries/config/updateConfig.es.js";
 import "../../../api/queries/entities/getEntity.es.js";
 import "../../../api/queries/entities/getEntityPanel.es.js";
+import "../../../api/queries/overview/getOverview.es.js";
+import "../../../api/queries/overview/updateOverview.es.js";
+import "../../../api/queries/versions/getVersionsProducts.es.js";
+import "../../../api/queries/links/getEntityLinks.es.js";
 import "../../../api/queries/entities/updateEntity.es.js";
 import "../../../api/queries/entityLists/getLists.es.js";
 import "../../../api/queries/entityLists/updateLists.es.js";
@@ -87,10 +87,6 @@ import "../../../api/queries/folders/getFolderDeleteInfo.es.js";
 import "../../../api/queries/grouping/getGrouping.es.js";
 import "../../../api/queries/links/updateLinks.es.js";
 import "../../../api/queries/links/getLinks.es.js";
-import "../../../api/queries/links/getEntityLinks.es.js";
-import "../../../api/queries/overview/getOverview.es.js";
-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";
@@ -117,52 +113,68 @@ import "../../../../../_virtual/index.es.js";
 import "../../../../../node_modules/refractor/lib/common.es.js";
 import "../../../../../node_modules/refractor/lib/all.es.js";
 /* empty css                                                                                 */
+import "lodash";
 import "uuid";
 import "../../../util/pubsub.es.js";
 import "../../DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
 import "../../DetailsPanelDetails/DetailsPanelDetails.es.js";
-import "../../DetailsPanelDetails/DetailsSection.es.js";
-import "../../DetailsPanelDetails/FieldLabel.es.js";
-import "../../DoneCheckbox/DoneCheckbox.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 "../../../containers/Feed/context/FeedContext.es.js";
-import "../../../containers/Feed/components/Tooltips/UserTooltipItem.es.js";
-import "../../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
-import "../../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
-import "../../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
+import "react-quill-ayon";
+import "../../DetailsPanelDetails/BorderedSection.es.js";
+import "../../QuillListStyles/QuillListStyles.es.js";
+import "../../DetailsPanelDetails/DescriptionSection.styles.es.js";
+import "react-markdown";
+import "remark-gfm";
+import "rehype-raw";
+import "../../../containers/Feed/components/CommentInput/quillToMarkdown.es.js";
+import "../../DetailsPanelDetails/hooks/useMentionSystem.es.js";
+import "../../../containers/Feed/components/CommentInput/modules/index.es.js";
 import "../../../context/RemoteModulesContext.es.js";
-import "../../../context/DetailsPanelContext.es.js";
-import "../../../context/SubtasksModulesContext.es.js";
+import "../../../../../_virtual/runtime.es.js";
+import "../../../../../_virtual/semver.es.js";
+import "../../../context/PowerpackContextInstance.es.js";
+import "../../../context/UriContext.es.js";
+import "../../../context/DetailsPanelContextInstance.es.js";
+import "../../../context/SubtasksModulesContextInstance.es.js";
 import "../../../context/ThumbnailUploaderContext.es.js";
 import "../../../context/SettingsPanelContext.es.js";
 import "../../../context/pip/PiPProvider.es.js";
 import "../../../context/pip/PiPWrapper.es.js";
 import "../../../context/AddonProjectContext.es.js";
 import "../../../context/AddonContext.es.js";
-import "../../../context/PowerpackContext.es.js";
 import "../../../context/MoveEntityContext.es.js";
 import "../../../context/MenuContext.es.js";
 import "../../../context/WebsocketContext.es.js";
 import "../../../context/GlobalContext.es.js";
 import { useProjectContext as yt } from "../../../context/ProjectContext.es.js";
 import "../../../context/ProjectFoldersContext.es.js";
-import "../../../context/UriContext.es.js";
+import "react-redux";
+import "custom-protocol-check";
+import "../../../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
+import "../../DetailsPanelDetails/DetailsSection.es.js";
+import "../../DetailsPanelDetails/FieldLabel.es.js";
+import "../../DoneCheckbox/DoneCheckbox.es.js";
+import "../../EarlyPreview/EarlyPreview.es.js";
+import "../../EmptyPlaceholder/EmptyPlaceholder.es.js";
+import "../../EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "../../EnumEditor/EnumEditor.styled.es.js";
+import "../../../containers/ContextMenu/ContextMenuContext.es.js";
+/* empty css                                                  */
+import "../../../containers/Feed/context/FeedContext.es.js";
+import "../../../containers/Feed/components/Tooltips/UserTooltipItem.es.js";
+import "../../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
+import "../../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
+import "../../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
 import "../../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
 import "../../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
-import "react-markdown";
 import "remark-emoji";
-import "remark-gfm";
 import "remark-directive";
 import "remark-directive-rehype";
 import "../../../containers/Feed/components/CommentInput/CommentInput.es.js";
 import "../../../containers/Feed/components/ReactionContainer/Reactions.styled.es.js";
 import "../../../containers/Feed/components/FilesGrid/FilesGrid.styled.es.js";
 import "../../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
-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";
@@ -171,7 +183,6 @@ import "../../../containers/Feed/components/ActivityStatus/ActivityStatus.es.js"
 import "../../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
 import "../../../containers/Feed/components/ActivityDate.es.js";
 import "../../../containers/Feed/components/ActivityCategorySelect/CategoryTag.es.js";
-import "rehype-raw";
 import "../../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
 import "../../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
 import "../../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
@@ -187,6 +198,7 @@ import "../../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
 import "../../../containers/ProjectTreeTable/widgets/EnumWidget.es.js";
 import "../../../containers/ProjectTreeTable/widgets/EnumCellValue.es.js";
 import "../../../containers/ProjectTreeTable/widgets/TextWidget.es.js";
+import "../../../containers/ProjectTreeTable/widgets/MarkdownWidget.es.js";
 import "../../../containers/ProjectTreeTable/widgets/BooleanWidget.es.js";
 import "../../../containers/ProjectTreeTable/widgets/CellWidget.es.js";
 import "../../../containers/ProjectTreeTable/widgets/EntityNameWidget.es.js";
@@ -207,17 +219,11 @@ import "../../../containers/ProjectTreeTable/context/ClipboardContext.es.js";
 import "../../../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
 import "../../../containers/ProjectTreeTable/components/DeleteConfirmContent.es.js";
 import "../../../containers/ProjectTreeTable/context/ProjectDataContext.es.js";
-import "../../../../../_virtual/runtime.es.js";
-import "../../../../../_virtual/semver.es.js";
-import "react-redux";
-import "custom-protocol-check";
-import "../../../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
 import "../../../containers/ProjectTreeTable/ProjectTreeTable.styled.es.js";
 import "../../../containers/ProjectTreeTable/components/SelectionCell.es.js";
 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 vt } from "../../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
 import "../../../containers/Slicer/components/Slicer.es.js";
 import "../../../containers/Slicer/context/SlicerContext.es.js";
@@ -227,15 +233,18 @@ import "../../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPane
 import "../../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
 import "../../PlayableIcon/PlayableIcon.es.js";
 import "../../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.es.js";
+import "../../../containers/DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.es.js";
 import "../../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
 import "../../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
 import "../../../containers/Actions/Actions.styled.es.js";
 import "../../../containers/Actions/ActionsDropdown/ActionsDropdown.es.js";
 import "../../../containers/Actions/ActionIcon.es.js";
-import "../../../containers/Views/context/ViewsContext.es.js";
+import "../../../containers/Views/ViewsMenu/ViewsMenu.es.js";
+import "../../../containers/Views/context/ViewsContextInstance.es.js";
 import "../../../containers/Views/Views.styled.es.js";
 import "../../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
-import "../../../containers/Views/ViewsMenu/ViewsMenu.es.js";
+import "../../../containers/ListTable/ListTableRow.es.js";
+import "../../../containers/ListTable/ListTable.styled.es.js";
 import "../../EntityPanelUploader/EntityPanelUploader.styled.es.js";
 import "axios";
 import "../../ReviewablesList/ReviewablesList.styled.es.js";
@@ -243,12 +252,12 @@ import { ReviewableUpload as gt } from "../../ReviewablesList/ReviewablesUpload.
 import "../../EntityPath/EntityPath.styled.es.js";
 import "../../EntityPath/SegmentProvider.es.js";
 import "../../FeaturedVersionOrder/FeaturedVersionOrder.es.js";
-import "../../Feedback/FeedbackContext.es.js";
+import "../../Feedback/FeedbackContextInstance.es.js";
 import "../../Feedback/SupportBubble.es.js";
 import "../../FileThumbnail/FileThumbnail.es.js";
 import "../../LegacyBadge/LegacyBadge.es.js";
 import "../../Powerpack/PowerpackButton.es.js";
-import "../../Powerpack/PricingLink.es.js";
+import "../../Powerpack/FreeTrialLink.es.js";
 import "../../Powerpack/PowerpackDialog.styled.es.js";
 import "../../Powerpack/CTAButton.es.js";
 import "../../Powerpack/RequiredAddonVersion.es.js";
@@ -271,14 +280,15 @@ import "../../Watchers/Watchers.es.js";
 import "../../Menu/Menu.styled.es.js";
 import "../../Menu/MenuItem.es.js";
 import "../../ReviewablesSelector/ReviewablesSelector.es.js";
+import "../../ColumnHeaderMenuUI.es.js";
 import { Skeleton as Tt } from "../../../../node_modules/primereact/skeleton/skeleton.esm.es.js";
-const bt = e.form`
+const bt = p.form`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-large);
   padding: var(--padding-m);
   width: 100%;
-`, kt = e(dt)`
+`, kt = p(dt)`
   width: 100%;
   margin: auto;
 
@@ -289,12 +299,12 @@ const bt = e.form`
   input {
     width: 100%;
   }
-`, wt = e.div`
+`, wt = p.div`
   font-size: var(--font-size-xs);
   color: var(--md-sys-color-outline);
   margin-top: var(--base-gap-small);
   line-height: 1.3;
-`, jt = e.button`
+`, jt = p.button`
   background: none;
   border: none;
   color: var(--md-sys-color-primary);
@@ -307,7 +317,7 @@ const bt = e.form`
   &:hover {
     color: var(--md-sys-color-primary-dark);
   }
-`, Pt = e.div`
+`, Pt = p.div`
   display: flex;
   align-items: start;
   gap: var(--base-gap-small);
@@ -317,41 +327,41 @@ const bt = e.form`
     flex: 1;
     min-width: 0;
   }
-`, Ft = e.div`
+`, Ft = p.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`
+`, St = p.div`
   position: relative;
   min-height: 80px;
-`, Nt = e.div`
+`, Nt = p.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
   width: 100%;
-`, It = e(g)`
+`, It = p(g)`
   flex: 1;
-`, Vt = e.div`
+`, Vt = p.div`
   width: 100%;
   overflow: hidden;
   display: flex;
   min-width: 0;
-`, Ct = e.span`
+`, Ct = p.span`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   max-width: fit-content;
   margin-right: 4px;
   flex: 1;
-`, Rt = e.span`
+`, Rt = p.span`
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   font-weight: bold;
-`, Op = ({
+`, qe = ({
   formData: i,
-  onChange: p,
+  onChange: e,
   onSubmit: k,
   hidden: u = [],
   projectName: f,
@@ -379,9 +389,9 @@ const bt = e.form`
     [x]
   ), J = at(
     (t) => {
-      p("name", t.length > 0 ? t[0] : "");
+      e("name", t.length > 0 ? t[0] : "");
     },
-    [p]
+    [e]
   ), X = m?.latestVersion ? `v${String(m.latestVersion.version).padStart(3, "0")}` : "", { data: n, isFetching: Y } = xt(
     { projectName: f, taskId: a },
     { skip: !a }
@@ -390,24 +400,24 @@ const bt = e.form`
     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), nt = d + T;
-      p("name", nt);
+      e("name", nt);
     }
     P.current = i.productType;
-  }, [i.productType, i.name, p]);
+  }, [i.productType, i.name, e]);
   const ot = (t) => {
     t.preventDefault();
     const r = t.nativeEvent.submitter;
     r && r.closest(".dropdown") || k(i);
   }, it = (t) => {
     const r = parseInt(t.target.value, 10);
-    isNaN(r) || p("version", r);
+    isNaN(r) || e("version", r);
   }, rt = (t) => {
-    p("name", t.target.value);
-  }, et = (t) => {
-    t.length > 0 && p("productType", t[0]);
-  }, pt = () => {
+    e("name", t.target.value);
+  }, pt = (t) => {
+    t.length > 0 && e("productType", t[0]);
+  }, et = () => {
     const t = l[i.productType]?.name || "", r = i.name || "", d = r.charAt(0).toUpperCase() + r.slice(1), T = t + d;
-    p("name", T);
+    e("name", T);
   }, E = () => {
     const t = l[i.productType]?.name || "";
     return i.name && !i.name.startsWith(t);
@@ -452,7 +462,7 @@ const bt = e.form`
                 l[i.productType]?.name,
                 '".',
                 " ",
-                /* @__PURE__ */ o.jsx(jt, { type: "button", onClick: pt, children: "Apply prefix" })
+                /* @__PURE__ */ o.jsx(jt, { type: "button", onClick: et, children: "Apply prefix" })
               ] })
             ] }),
             !j && !s && /* @__PURE__ */ o.jsx(
@@ -487,7 +497,7 @@ const bt = e.form`
               ref: B,
               options: tt,
               value: [i.productType],
-              onChange: et,
+              onChange: pt,
               widthExpand: !0,
               multiSelect: !1,
               "aria-label": "Product Type",
@@ -594,6 +604,6 @@ const bt = e.form`
   );
 };
 export {
-  Op as UploadVersionForm
+  qe as UploadVersionForm
 };
 //# sourceMappingURL=UploadVersionForm.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"UploadVersionForm.es.js","sources":["../../../../../../src/components/VersionUploader/components/UploadVersionForm.tsx"],"sourcesContent":["import { FC, FormEvent, useEffect, useMemo, useRef, useState, useCallback } from 'react'\nimport styled from 'styled-components'\nimport type { DropdownRef } from '@ynput/ayon-react-components'\nimport {\n  Button,\n  Dropdown,\n  FormLayout,\n  FormRow,\n  Icon,\n  InputNumber,\n  InputText,\n} from '@ynput/ayon-react-components'\nimport { ReviewableUpload } from '@shared/components'\nimport { useVersionUploadContext } from '../context/VersionUploadContext'\nimport { useProjectContext } from '@shared/context'\nimport { useGetTaskQuery } from '@shared/api'\nimport { EntityPickerDialog } from '@shared/containers/EntityPickerDialog/EntityPickerDialog'\nimport { Skeleton } from 'primereact/skeleton'\n\nconst StyledForm = styled.form`\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-large);\n  padding: var(--padding-m);\n  width: 100%;\n`\n\nconst StyledFormLayout = styled(FormLayout)`\n  width: 100%;\n  margin: auto;\n\n  & > div {\n    align-items: start;\n  }\n\n  input {\n    width: 100%;\n  }\n`\n\nconst RecommendationNote = styled.div`\n  font-size: var(--font-size-xs);\n  color: var(--md-sys-color-outline);\n  margin-top: var(--base-gap-small);\n  line-height: 1.3;\n`\n\nconst InlineButton = styled.button`\n  background: none;\n  border: none;\n  color: var(--md-sys-color-primary);\n  text-decoration: underline;\n  cursor: pointer;\n  padding: 0;\n  font-size: inherit;\n  font-family: inherit;\n\n  &:hover {\n    color: var(--md-sys-color-primary-dark);\n  }\n`\n\nconst NameInputRow = styled.div`\n  display: flex;\n  align-items: start;\n  gap: var(--base-gap-small);\n  width: 100%;\n\n  & > div:first-child {\n    flex: 1;\n    min-width: 0;\n  }\n`\n\nconst MatchNote = styled.div`\n  font-size: var(--font-size-xs);\n  color: var(--md-sys-color-primary);\n  margin-top: var(--base-gap-small);\n  line-height: 1.3;\n`\n\nconst StyledUpload = styled.div`\n  position: relative;\n  min-height: 80px;\n`\n\nconst TaskFieldContainer = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  width: 100%;\n`\n\nconst TaskButton = styled(Button)`\n  flex: 1;\n`\n\nconst TaskText = styled.div`\n  width: 100%;\n  overflow: hidden;\n  display: flex;\n  min-width: 0;\n`\n\nconst TaskPath = styled.span`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: fit-content;\n  margin-right: 4px;\n  flex: 1;\n`\n\nconst TaskValue = styled.span`\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-weight: bold;\n`\n\ntype FormData = {\n  version: number\n  name: string\n  productType: string\n}\n\ninterface UploadVersionFormProps {\n  formData: FormData\n  onChange: (key: keyof FormData, value: string | number) => void\n  onSubmit: (formData: FormData) => void\n  hidden?: (keyof FormData)[]\n  projectName: string\n  minVersion?: number\n  versionId?: string | null\n  productId?: string | null\n}\n\nexport const UploadVersionForm: FC<UploadVersionFormProps> = ({\n  formData,\n  onChange,\n  onSubmit,\n  hidden = [],\n  projectName,\n  minVersion = 1,\n  versionId,\n  productId,\n}) => {\n  const previousProductTypeRef = useRef<string>(formData.productType)\n  const dropdownRef = useRef<DropdownRef>(null)\n  const formRef = useRef<HTMLFormElement>(null)\n  const {\n    pendingFiles,\n    setPendingFiles,\n    onCloseVersionUpload,\n    extractAndSetVersionFromFiles,\n    dispatch,\n    taskId,\n    linkedTask,\n    isLoadingTask,\n    setTaskId,\n    setLinkedTask,\n    folderId,\n    folderProducts,\n    isFolderProductsLoading,\n    matchedProduct,\n  } = useVersionUploadContext()\n\n  const [isTaskPickerOpen, setIsTaskPickerOpen] = useState(false)\n\n  const folderProductOptions = useMemo(\n    () => folderProducts.map((p) => ({ value: p.name, label: p.name })),\n    [folderProducts],\n  )\n\n  const handleProductPickerSelect = useCallback(\n    (value: string[]) => {\n      onChange('name', value.length > 0 ? value[0] : '')\n    },\n    [onChange],\n  )\n\n  const versionString = matchedProduct?.latestVersion\n    ? `v${String(matchedProduct.latestVersion.version).padStart(3, '0')}`\n    : ''\n\n  // Fetch full task data for path; linkedTask provides instant name/type display\n  const { data: taskData, isFetching: isFetchingTask } = useGetTaskQuery(\n    { projectName, taskId },\n    { skip: !taskId },\n  )\n  const isTaskLoading = isLoadingTask || (!!taskId && isFetchingTask && !linkedTask)\n\n  // Use task's folder when available, fall back to product's folder\n  const pickerFolderId = taskData?.folderId || folderId\n\n  const project = useProjectContext()\n\n  const taskName = taskData?.label || taskData?.name || linkedTask?.label || linkedTask?.name || ''\n  const taskType = taskData?.taskType || linkedTask?.taskType\n  const taskTypeInfo = taskType ? project.getTaskType(taskType) : undefined\n  const taskIcon = taskTypeInfo?.icon || 'task_alt'\n  const taskFolderPath = taskData?.path\n    ? taskData.path.substring(0, taskData.path.lastIndexOf('/'))\n    : ''\n\n  const productTypeOptions = project.getProductTypeOptions()\n  const productTypes = useMemo(() => {\n    return project.productTypes.reduce((acc, type) => {\n      acc[type.name] = type\n      return acc\n    }, {} as Record<string, { name: string; icon?: string; color?: string }>)\n  }, [project.productTypes])\n\n  useEffect(() => {\n    // Check if the current name starts with the previous product type name\n    const previousProductType = previousProductTypeRef.current\n    const previousProductTypeName = productTypes[previousProductType]?.name || ''\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n\n    // Only sync if the product type actually changed\n    if (formData.productType !== previousProductType && previousProductTypeName) {\n      // Check if the current name starts with the previous product type name\n      if (formData.name.startsWith(previousProductTypeName)) {\n        // Extract the suffix after the previous product type name\n        const suffix = formData.name.slice(previousProductTypeName.length)\n        // Create the new name with the current product type + suffix\n        const newName = currentProductTypeName + suffix\n        onChange('name', newName)\n      }\n    }\n\n    // Update the ref to the current product type\n    previousProductTypeRef.current = formData.productType\n  }, [formData.productType, formData.name, onChange])\n\n  const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    // @ts-expect-error - submitter is not defined in the type\n    const submitter = e.nativeEvent.submitter as HTMLButtonElement | null\n    // if the submitter is a button, check it's parent does not have the dropdown class\n    if (submitter && submitter.closest('.dropdown')) {\n      // if the submitter is a button inside a dropdown, do not submit the form\n      return\n    }\n\n    onSubmit(formData)\n  }\n\n  const handleVersionChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = parseInt(e.target.value, 10)\n    if (!isNaN(value)) {\n      onChange('version', value)\n    }\n  }\n\n  const handleNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    onChange('name', e.target.value)\n  }\n\n  const handleProductTypeChange = (value: string[]) => {\n    if (value.length > 0) {\n      onChange('productType', value[0])\n      //   focus the name input after changing product type\n    }\n  }\n\n  const handleApplyPrefix = () => {\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n    const currentName = formData.name || ''\n\n    // Capitalize the first letter of the existing name for camelCase\n    const capitalizedName = currentName.charAt(0).toUpperCase() + currentName.slice(1)\n    const newName = currentProductTypeName + capitalizedName\n    onChange('name', newName)\n  }\n\n  const shouldShowRecommendation = () => {\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n    return formData.name && !formData.name.startsWith(currentProductTypeName)\n  }\n\n  // Disable form fields if version has been created\n  const isFormSubmitted = Boolean(versionId)\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLFormElement>) => {\n    // Submit form on Cmd/Ctrl + Enter\n    if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n      e.preventDefault()\n      onSubmit(formData)\n      return\n    }\n  }\n\n  return (\n    <StyledForm\n      id=\"upload-version-form\"\n      ref={formRef}\n      onSubmit={handleSubmit}\n      noValidate\n      onKeyDown={handleKeyDown}\n    >\n      <StyledFormLayout>\n        {!hidden.includes('name') && (\n          <FormRow label=\"Product Name\">\n            <NameInputRow>\n              <div>\n                <InputText\n                  value={formData.name}\n                  onChange={handleNameChange}\n                  placeholder=\"Enter product name\"\n                  minLength={1}\n                  autoFocus\n                  aria-label=\"Product Name\"\n                  aria-describedby={shouldShowRecommendation() ? 'name-recommendation' : undefined}\n                  disabled={isFormSubmitted}\n                />\n                {matchedProduct && (\n                  <MatchNote>\n                    {matchedProduct.latestVersion\n                      ? <>Matched existing product (latest: {versionString})</>\n                      : 'Matched existing product (no versions)'}\n                  </MatchNote>\n                )}\n                {!matchedProduct && shouldShowRecommendation() && (\n                  <RecommendationNote id=\"name-recommendation\">\n                    We recommend prefixing with \"{productTypes[formData.productType]?.name}\".{' '}\n                    <InlineButton type=\"button\" onClick={handleApplyPrefix}>\n                      Apply prefix\n                    </InlineButton>\n                  </RecommendationNote>\n                )}\n              </div>\n              {!productId && !isFormSubmitted && (\n                <Dropdown\n                  options={folderProductOptions}\n                  value={matchedProduct ? [matchedProduct.name] : []}\n                  onChange={handleProductPickerSelect}\n                  multiSelect={false}\n                  search\n                  widthExpand={false}\n                  disabled={isFolderProductsLoading || folderProducts.length === 0}\n                  aria-label=\"Select existing product\"\n                  valueTemplate={(_v, _s, isOpen) => (\n                    <Button\n                      icon=\"inventory_2\"\n                      variant=\"text\"\n                      data-tooltip=\"Browse existing products\"\n                      selected={isOpen}\n                      tabIndex={-1}\n                      disabled={isFolderProductsLoading || folderProducts.length === 0}\n                    />\n                  )}\n                  style={{ width: 'auto' }}\n                />\n              )}\n            </NameInputRow>\n          </FormRow>\n        )}\n\n        {!hidden.includes('productType') && (\n          <FormRow label=\"Product Type\">\n            <Dropdown\n              ref={dropdownRef}\n              options={productTypeOptions}\n              value={[formData.productType]}\n              onChange={handleProductTypeChange}\n              widthExpand\n              multiSelect={false}\n              aria-label=\"Product Type\"\n              search\n              disabled={isFormSubmitted}\n            />\n          </FormRow>\n        )}\n\n        {!hidden.includes('version') && (\n          <FormRow label={'Version'}>\n            <InputNumber\n              value={formData.version}\n              onChange={handleVersionChange}\n              min={minVersion}\n              step={1}\n              aria-label={'Version Number'}\n              autoFocus={hidden.includes('name')}\n              disabled={isFormSubmitted}\n            />\n          </FormRow>\n        )}\n\n        <FormRow label={'Task'}>\n          <TaskFieldContainer>\n            {isTaskLoading ? (\n              <Skeleton height={'20px'} />\n            ) : taskId && taskName ? (\n              <>\n                <TaskButton\n                  type={'button'}\n                  onClick={() => setIsTaskPickerOpen(true)}\n                  disabled={isFormSubmitted}\n                  variant=\"text\"\n                >\n                  <Icon icon={taskIcon} style={{ color: taskTypeInfo?.color }} />\n                  <TaskText>\n                    {taskFolderPath && (\n                      <TaskPath>\n                        {taskFolderPath.split('/').filter(Boolean).join(' / ')} /{' '}\n                      </TaskPath>\n                    )}\n                    <TaskValue>{taskName}</TaskValue>\n                  </TaskText>\n                </TaskButton>\n                <Button\n                  type={'button'}\n                  icon={'close'}\n                  variant={'text'}\n                  onClick={() => {\n                    setTaskId('')\n                    setLinkedTask(null)\n                  }}\n                  disabled={isFormSubmitted}\n                />\n              </>\n            ) : (\n              <Button\n                type={'button'}\n                icon={'link'}\n                label={'Link task'}\n                variant={'text'}\n                onClick={() => setIsTaskPickerOpen(true)}\n                disabled={isFormSubmitted}\n              />\n            )}\n          </TaskFieldContainer>\n        </FormRow>\n      </StyledFormLayout>\n\n      {isTaskPickerOpen && (\n        <EntityPickerDialog\n          projectName={projectName}\n          entityType={'task'}\n          initialSelection={{\n            ...(pickerFolderId ? { folder: { [pickerFolderId]: true } } : {}),\n            ...(taskId ? { task: { [taskId]: true } } : {}),\n          }}\n          onSubmit={(selection) => {\n            if (selection.length > 0) {\n              setTaskId(selection[0])\n            }\n            setIsTaskPickerOpen(false)\n          }}\n          onClose={() => setIsTaskPickerOpen(false)}\n        />\n      )}\n\n      <FormRow label=\"Reviewable files\" />\n      <StyledUpload>\n        <ReviewableUpload\n          projectName={projectName}\n          versionId={versionId}\n          productId={productId}\n          dispatch={dispatch}\n          pendingFiles={pendingFiles}\n          setPendingFiles={setPendingFiles}\n          onUpload={onCloseVersionUpload}\n          onFilesAdded={extractAndSetVersionFromFiles}\n          pt={{\n            upload: {\n              style: { minHeight: 80 },\n            },\n            dropzone: {\n              style: { inset: 0 },\n            },\n          }}\n        />\n      </StyledUpload>\n    </StyledForm>\n  )\n}\n"],"names":["StyledForm","styled","StyledFormLayout","FormLayout","RecommendationNote","InlineButton","NameInputRow","MatchNote","StyledUpload","TaskFieldContainer","TaskButton","Button","TaskText","TaskPath","TaskValue","UploadVersionForm","formData","onChange","onSubmit","hidden","projectName","minVersion","versionId","productId","previousProductTypeRef","useRef","dropdownRef","formRef","pendingFiles","setPendingFiles","onCloseVersionUpload","extractAndSetVersionFromFiles","dispatch","taskId","linkedTask","isLoadingTask","setTaskId","setLinkedTask","folderId","folderProducts","isFolderProductsLoading","matchedProduct","useVersionUploadContext","isTaskPickerOpen","setIsTaskPickerOpen","useState","folderProductOptions","useMemo","p","handleProductPickerSelect","useCallback","value","versionString","taskData","isFetchingTask","useGetTaskQuery","isTaskLoading","pickerFolderId","project","useProjectContext","taskName","taskType","taskTypeInfo","taskIcon","taskFolderPath","productTypeOptions","productTypes","acc","type","useEffect","previousProductType","previousProductTypeName","currentProductTypeName","suffix","newName","handleSubmit","e","submitter","handleVersionChange","handleNameChange","handleProductTypeChange","handleApplyPrefix","currentName","capitalizedName","shouldShowRecommendation","isFormSubmitted","handleKeyDown","jsxs","FormRow","jsx","InputText","Fragment","Dropdown","_v","_s","isOpen","InputNumber","Skeleton","Icon","EntityPickerDialog","selection","ReviewableUpload"],"mappings":"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"}
+{"version":3,"file":"UploadVersionForm.es.js","sources":["../../../../../../src/components/VersionUploader/components/UploadVersionForm.tsx"],"sourcesContent":["import { FC, FormEvent, useEffect, useMemo, useRef, useState, useCallback } from 'react'\nimport styled from 'styled-components'\nimport type { DropdownRef } from '@ynput/ayon-react-components'\nimport {\n  Button,\n  Dropdown,\n  FormLayout,\n  FormRow,\n  Icon,\n  InputNumber,\n  InputText,\n} from '@ynput/ayon-react-components'\nimport { ReviewableUpload } from '@shared/components'\nimport { useVersionUploadContext } from '../context/VersionUploadContext'\nimport { useProjectContext } from '@shared/context'\nimport { useGetTaskQuery } from '@shared/api'\nimport { EntityPickerDialog } from '@shared/containers/EntityPickerDialog/EntityPickerDialog'\nimport { Skeleton } from 'primereact/skeleton'\n\nconst StyledForm = styled.form`\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-large);\n  padding: var(--padding-m);\n  width: 100%;\n`\n\nconst StyledFormLayout = styled(FormLayout)`\n  width: 100%;\n  margin: auto;\n\n  & > div {\n    align-items: start;\n  }\n\n  input {\n    width: 100%;\n  }\n`\n\nconst RecommendationNote = styled.div`\n  font-size: var(--font-size-xs);\n  color: var(--md-sys-color-outline);\n  margin-top: var(--base-gap-small);\n  line-height: 1.3;\n`\n\nconst InlineButton = styled.button`\n  background: none;\n  border: none;\n  color: var(--md-sys-color-primary);\n  text-decoration: underline;\n  cursor: pointer;\n  padding: 0;\n  font-size: inherit;\n  font-family: inherit;\n\n  &:hover {\n    color: var(--md-sys-color-primary-dark);\n  }\n`\n\nconst NameInputRow = styled.div`\n  display: flex;\n  align-items: start;\n  gap: var(--base-gap-small);\n  width: 100%;\n\n  & > div:first-child {\n    flex: 1;\n    min-width: 0;\n  }\n`\n\nconst MatchNote = styled.div`\n  font-size: var(--font-size-xs);\n  color: var(--md-sys-color-primary);\n  margin-top: var(--base-gap-small);\n  line-height: 1.3;\n`\n\nconst StyledUpload = styled.div`\n  position: relative;\n  min-height: 80px;\n`\n\nconst TaskFieldContainer = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  width: 100%;\n`\n\nconst TaskButton = styled(Button)`\n  flex: 1;\n`\n\nconst TaskText = styled.div`\n  width: 100%;\n  overflow: hidden;\n  display: flex;\n  min-width: 0;\n`\n\nconst TaskPath = styled.span`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: fit-content;\n  margin-right: 4px;\n  flex: 1;\n`\n\nconst TaskValue = styled.span`\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-weight: bold;\n`\n\ntype FormData = {\n  version: number\n  name: string\n  productType: string\n}\n\ninterface UploadVersionFormProps {\n  formData: FormData\n  onChange: (key: keyof FormData, value: string | number) => void\n  onSubmit: (formData: FormData) => void\n  hidden?: (keyof FormData)[]\n  projectName: string\n  minVersion?: number\n  versionId?: string | null\n  productId?: string | null\n}\n\nexport const UploadVersionForm: FC<UploadVersionFormProps> = ({\n  formData,\n  onChange,\n  onSubmit,\n  hidden = [],\n  projectName,\n  minVersion = 1,\n  versionId,\n  productId,\n}) => {\n  const previousProductTypeRef = useRef<string>(formData.productType)\n  const dropdownRef = useRef<DropdownRef>(null)\n  const formRef = useRef<HTMLFormElement>(null)\n  const {\n    pendingFiles,\n    setPendingFiles,\n    onCloseVersionUpload,\n    extractAndSetVersionFromFiles,\n    dispatch,\n    taskId,\n    linkedTask,\n    isLoadingTask,\n    setTaskId,\n    setLinkedTask,\n    folderId,\n    folderProducts,\n    isFolderProductsLoading,\n    matchedProduct,\n  } = useVersionUploadContext()\n\n  const [isTaskPickerOpen, setIsTaskPickerOpen] = useState(false)\n\n  const folderProductOptions = useMemo(\n    () => folderProducts.map((p) => ({ value: p.name, label: p.name })),\n    [folderProducts],\n  )\n\n  const handleProductPickerSelect = useCallback(\n    (value: string[]) => {\n      onChange('name', value.length > 0 ? value[0] : '')\n    },\n    [onChange],\n  )\n\n  const versionString = matchedProduct?.latestVersion\n    ? `v${String(matchedProduct.latestVersion.version).padStart(3, '0')}`\n    : ''\n\n  // Fetch full task data for path; linkedTask provides instant name/type display\n  const { data: taskData, isFetching: isFetchingTask } = useGetTaskQuery(\n    { projectName, taskId },\n    { skip: !taskId },\n  )\n  const isTaskLoading = isLoadingTask || (!!taskId && isFetchingTask && !linkedTask)\n\n  // Use task's folder when available, fall back to product's folder\n  const pickerFolderId = taskData?.folderId || folderId\n\n  const project = useProjectContext()\n\n  const taskName = taskData?.label || taskData?.name || linkedTask?.label || linkedTask?.name || ''\n  const taskType = taskData?.taskType || linkedTask?.taskType\n  const taskTypeInfo = taskType ? project.getTaskType(taskType) : undefined\n  const taskIcon = taskTypeInfo?.icon || 'task_alt'\n  const taskFolderPath = taskData?.path\n    ? taskData.path.substring(0, taskData.path.lastIndexOf('/'))\n    : ''\n\n  const productTypeOptions = project.getProductTypeOptions()\n  const productTypes = useMemo(() => {\n    return project.productTypes.reduce((acc, type) => {\n      acc[type.name] = type\n      return acc\n    }, {} as Record<string, { name: string; icon?: string; color?: string }>)\n  }, [project.productTypes])\n\n  useEffect(() => {\n    // Check if the current name starts with the previous product type name\n    const previousProductType = previousProductTypeRef.current\n    const previousProductTypeName = productTypes[previousProductType]?.name || ''\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n\n    // Only sync if the product type actually changed\n    if (formData.productType !== previousProductType && previousProductTypeName) {\n      // Check if the current name starts with the previous product type name\n      if (formData.name.startsWith(previousProductTypeName)) {\n        // Extract the suffix after the previous product type name\n        const suffix = formData.name.slice(previousProductTypeName.length)\n        // Create the new name with the current product type + suffix\n        const newName = currentProductTypeName + suffix\n        onChange('name', newName)\n      }\n    }\n\n    // Update the ref to the current product type\n    previousProductTypeRef.current = formData.productType\n  }, [formData.productType, formData.name, onChange])\n\n  const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    // @ts-expect-error - submitter is not defined in the type\n    const submitter = e.nativeEvent.submitter as HTMLButtonElement | null\n    // if the submitter is a button, check it's parent does not have the dropdown class\n    if (submitter && submitter.closest('.dropdown')) {\n      // if the submitter is a button inside a dropdown, do not submit the form\n      return\n    }\n\n    onSubmit(formData)\n  }\n\n  const handleVersionChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = parseInt(e.target.value, 10)\n    if (!isNaN(value)) {\n      onChange('version', value)\n    }\n  }\n\n  const handleNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    onChange('name', e.target.value)\n  }\n\n  const handleProductTypeChange = (value: string[]) => {\n    if (value.length > 0) {\n      onChange('productType', value[0])\n      //   focus the name input after changing product type\n    }\n  }\n\n  const handleApplyPrefix = () => {\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n    const currentName = formData.name || ''\n\n    // Capitalize the first letter of the existing name for camelCase\n    const capitalizedName = currentName.charAt(0).toUpperCase() + currentName.slice(1)\n    const newName = currentProductTypeName + capitalizedName\n    onChange('name', newName)\n  }\n\n  const shouldShowRecommendation = () => {\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n    return formData.name && !formData.name.startsWith(currentProductTypeName)\n  }\n\n  // Disable form fields if version has been created\n  const isFormSubmitted = Boolean(versionId)\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLFormElement>) => {\n    // Submit form on Cmd/Ctrl + Enter\n    if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n      e.preventDefault()\n      onSubmit(formData)\n      return\n    }\n  }\n\n  return (\n    <StyledForm\n      id=\"upload-version-form\"\n      ref={formRef}\n      onSubmit={handleSubmit}\n      noValidate\n      onKeyDown={handleKeyDown}\n    >\n      <StyledFormLayout>\n        {!hidden.includes('name') && (\n          <FormRow label=\"Product Name\">\n            <NameInputRow>\n              <div>\n                <InputText\n                  value={formData.name}\n                  onChange={handleNameChange}\n                  placeholder=\"Enter product name\"\n                  minLength={1}\n                  autoFocus\n                  aria-label=\"Product Name\"\n                  aria-describedby={shouldShowRecommendation() ? 'name-recommendation' : undefined}\n                  disabled={isFormSubmitted}\n                />\n                {matchedProduct && (\n                  <MatchNote>\n                    {matchedProduct.latestVersion\n                      ? <>Matched existing product (latest: {versionString})</>\n                      : 'Matched existing product (no versions)'}\n                  </MatchNote>\n                )}\n                {!matchedProduct && shouldShowRecommendation() && (\n                  <RecommendationNote id=\"name-recommendation\">\n                    We recommend prefixing with \"{productTypes[formData.productType]?.name}\".{' '}\n                    <InlineButton type=\"button\" onClick={handleApplyPrefix}>\n                      Apply prefix\n                    </InlineButton>\n                  </RecommendationNote>\n                )}\n              </div>\n              {!productId && !isFormSubmitted && (\n                <Dropdown\n                  options={folderProductOptions}\n                  value={matchedProduct ? [matchedProduct.name] : []}\n                  onChange={handleProductPickerSelect}\n                  multiSelect={false}\n                  search\n                  widthExpand={false}\n                  disabled={isFolderProductsLoading || folderProducts.length === 0}\n                  aria-label=\"Select existing product\"\n                  valueTemplate={(_v, _s, isOpen) => (\n                    <Button\n                      icon=\"inventory_2\"\n                      variant=\"text\"\n                      data-tooltip=\"Browse existing products\"\n                      selected={isOpen}\n                      tabIndex={-1}\n                      disabled={isFolderProductsLoading || folderProducts.length === 0}\n                    />\n                  )}\n                  style={{ width: 'auto' }}\n                />\n              )}\n            </NameInputRow>\n          </FormRow>\n        )}\n\n        {!hidden.includes('productType') && (\n          <FormRow label=\"Product Type\">\n            <Dropdown\n              ref={dropdownRef}\n              options={productTypeOptions}\n              value={[formData.productType]}\n              onChange={handleProductTypeChange}\n              widthExpand\n              multiSelect={false}\n              aria-label=\"Product Type\"\n              search\n              disabled={isFormSubmitted}\n            />\n          </FormRow>\n        )}\n\n        {!hidden.includes('version') && (\n          <FormRow label={'Version'}>\n            <InputNumber\n              value={formData.version}\n              onChange={handleVersionChange}\n              min={minVersion}\n              step={1}\n              aria-label={'Version Number'}\n              autoFocus={hidden.includes('name')}\n              disabled={isFormSubmitted}\n            />\n          </FormRow>\n        )}\n\n        <FormRow label={'Task'}>\n          <TaskFieldContainer>\n            {isTaskLoading ? (\n              <Skeleton height={'20px'} />\n            ) : taskId && taskName ? (\n              <>\n                <TaskButton\n                  type={'button'}\n                  onClick={() => setIsTaskPickerOpen(true)}\n                  disabled={isFormSubmitted}\n                  variant=\"text\"\n                >\n                  <Icon icon={taskIcon} style={{ color: taskTypeInfo?.color }} />\n                  <TaskText>\n                    {taskFolderPath && (\n                      <TaskPath>\n                        {taskFolderPath.split('/').filter(Boolean).join(' / ')} /{' '}\n                      </TaskPath>\n                    )}\n                    <TaskValue>{taskName}</TaskValue>\n                  </TaskText>\n                </TaskButton>\n                <Button\n                  type={'button'}\n                  icon={'close'}\n                  variant={'text'}\n                  onClick={() => {\n                    setTaskId('')\n                    setLinkedTask(null)\n                  }}\n                  disabled={isFormSubmitted}\n                />\n              </>\n            ) : (\n              <Button\n                type={'button'}\n                icon={'link'}\n                label={'Link task'}\n                variant={'text'}\n                onClick={() => setIsTaskPickerOpen(true)}\n                disabled={isFormSubmitted}\n              />\n            )}\n          </TaskFieldContainer>\n        </FormRow>\n      </StyledFormLayout>\n\n      {isTaskPickerOpen && (\n        <EntityPickerDialog\n          projectName={projectName}\n          entityType={'task'}\n          initialSelection={{\n            ...(pickerFolderId ? { folder: { [pickerFolderId]: true } } : {}),\n            ...(taskId ? { task: { [taskId]: true } } : {}),\n          }}\n          onSubmit={(selection) => {\n            if (selection.length > 0) {\n              setTaskId(selection[0])\n            }\n            setIsTaskPickerOpen(false)\n          }}\n          onClose={() => setIsTaskPickerOpen(false)}\n        />\n      )}\n\n      <FormRow label=\"Reviewable files\" />\n      <StyledUpload>\n        <ReviewableUpload\n          projectName={projectName}\n          versionId={versionId}\n          productId={productId}\n          dispatch={dispatch}\n          pendingFiles={pendingFiles}\n          setPendingFiles={setPendingFiles}\n          onUpload={onCloseVersionUpload}\n          onFilesAdded={extractAndSetVersionFromFiles}\n          pt={{\n            upload: {\n              style: { minHeight: 80 },\n            },\n            dropzone: {\n              style: { inset: 0 },\n            },\n          }}\n        />\n      </StyledUpload>\n    </StyledForm>\n  )\n}\n"],"names":["StyledForm","styled","StyledFormLayout","FormLayout","RecommendationNote","InlineButton","NameInputRow","MatchNote","StyledUpload","TaskFieldContainer","TaskButton","Button","TaskText","TaskPath","TaskValue","UploadVersionForm","formData","onChange","onSubmit","hidden","projectName","minVersion","versionId","productId","previousProductTypeRef","useRef","dropdownRef","formRef","pendingFiles","setPendingFiles","onCloseVersionUpload","extractAndSetVersionFromFiles","dispatch","taskId","linkedTask","isLoadingTask","setTaskId","setLinkedTask","folderId","folderProducts","isFolderProductsLoading","matchedProduct","useVersionUploadContext","isTaskPickerOpen","setIsTaskPickerOpen","useState","folderProductOptions","useMemo","p","handleProductPickerSelect","useCallback","value","versionString","taskData","isFetchingTask","useGetTaskQuery","isTaskLoading","pickerFolderId","project","useProjectContext","taskName","taskType","taskTypeInfo","taskIcon","taskFolderPath","productTypeOptions","productTypes","acc","type","useEffect","previousProductType","previousProductTypeName","currentProductTypeName","suffix","newName","handleSubmit","e","submitter","handleVersionChange","handleNameChange","handleProductTypeChange","handleApplyPrefix","currentName","capitalizedName","shouldShowRecommendation","isFormSubmitted","handleKeyDown","jsxs","FormRow","jsx","InputText","Fragment","Dropdown","_v","_s","isOpen","InputNumber","Skeleton","Icon","EntityPickerDialog","selection","ReviewableUpload"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAMA,KAAaC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQpBC,KAAmBD,EAAOE,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAapCC,KAAqBH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAO5BI,KAAeJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAetBK,KAAeL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYtBM,KAAYN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOnBO,KAAeP,EAAO;AAAA;AAAA;AAAA,GAKtBQ,KAAqBR,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAO5BS,KAAaT,EAAOU,CAAM;AAAA;AAAA,GAI1BC,KAAWX,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOlBY,KAAWZ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASlBa,KAAYb,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAwBZc,KAAgD,CAAC;AAAA,EAC5D,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC,IAAS,CAAA;AAAA,EACT,aAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC;AAAA,EACA,WAAAC;AACF,MAAM;AACJ,QAAMC,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,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACEC,GAAA,GAEE,CAACC,GAAkBC,CAAmB,IAAIC,GAAS,EAAK,GAExDC,IAAuBC;AAAA,IAC3B,MAAMR,EAAe,IAAI,CAACS,OAAO,EAAE,OAAOA,EAAE,MAAM,OAAOA,EAAE,KAAA,EAAO;AAAA,IAClE,CAACT,CAAc;AAAA,EAAA,GAGXU,IAA4BC;AAAA,IAChC,CAACC,MAAoB;AACnB,MAAAlC,EAAS,QAAQkC,EAAM,SAAS,IAAIA,EAAM,CAAC,IAAI,EAAE;AAAA,IACnD;AAAA,IACA,CAAClC,CAAQ;AAAA,EAAA,GAGLmC,IAAgBX,GAAgB,gBAClC,IAAI,OAAOA,EAAe,cAAc,OAAO,EAAE,SAAS,GAAG,GAAG,CAAC,KACjE,IAGE,EAAE,MAAMY,GAAU,YAAYC,MAAmBC;AAAA,IACrD,EAAE,aAAAnC,GAAa,QAAAa,EAAA;AAAA,IACf,EAAE,MAAM,CAACA,EAAA;AAAA,EAAO,GAEZuB,IAAgBrB,KAAkB,CAAC,CAACF,KAAUqB,KAAkB,CAACpB,GAGjEuB,IAAiBJ,GAAU,YAAYf,GAEvCoB,IAAUC,GAAA,GAEVC,IAAWP,GAAU,SAASA,GAAU,QAAQnB,GAAY,SAASA,GAAY,QAAQ,IACzF2B,IAAWR,GAAU,YAAYnB,GAAY,UAC7C4B,IAAeD,IAAWH,EAAQ,YAAYG,CAAQ,IAAI,QAC1DE,IAAWD,GAAc,QAAQ,YACjCE,IAAiBX,GAAU,OAC7BA,EAAS,KAAK,UAAU,GAAGA,EAAS,KAAK,YAAY,GAAG,CAAC,IACzD,IAEEY,KAAqBP,EAAQ,sBAAA,GAC7BQ,IAAenB,EAAQ,MACpBW,EAAQ,aAAa,OAAO,CAACS,GAAKC,OACvCD,EAAIC,EAAK,IAAI,IAAIA,GACVD,IACN,CAAA,CAAqE,GACvE,CAACT,EAAQ,YAAY,CAAC;AAEzB,EAAAW,GAAU,MAAM;AAEd,UAAMC,IAAsB9C,EAAuB,SAC7C+C,IAA0BL,EAAaI,CAAmB,GAAG,QAAQ,IACrEE,IAAyBN,EAAalD,EAAS,WAAW,GAAG,QAAQ;AAG3E,QAAIA,EAAS,gBAAgBsD,KAAuBC,KAE9CvD,EAAS,KAAK,WAAWuD,CAAuB,GAAG;AAErD,YAAME,IAASzD,EAAS,KAAK,MAAMuD,EAAwB,MAAM,GAE3DG,KAAUF,IAAyBC;AACzC,MAAAxD,EAAS,QAAQyD,EAAO;AAAA,IAC1B;AAIF,IAAAlD,EAAuB,UAAUR,EAAS;AAAA,EAC5C,GAAG,CAACA,EAAS,aAAaA,EAAS,MAAMC,CAAQ,CAAC;AAElD,QAAM0D,KAAe,CAACC,MAAkC;AACtD,IAAAA,EAAE,eAAA;AAEF,UAAMC,IAAYD,EAAE,YAAY;AAEhC,IAAIC,KAAaA,EAAU,QAAQ,WAAW,KAK9C3D,EAASF,CAAQ;AAAA,EACnB,GAEM8D,KAAsB,CAACF,MAA2C;AACtE,UAAMzB,IAAQ,SAASyB,EAAE,OAAO,OAAO,EAAE;AACzC,IAAK,MAAMzB,CAAK,KACdlC,EAAS,WAAWkC,CAAK;AAAA,EAE7B,GAEM4B,KAAmB,CAACH,MAA2C;AACnE,IAAA3D,EAAS,QAAQ2D,EAAE,OAAO,KAAK;AAAA,EACjC,GAEMI,KAA0B,CAAC7B,MAAoB;AACnD,IAAIA,EAAM,SAAS,KACjBlC,EAAS,eAAekC,EAAM,CAAC,CAAC;AAAA,EAGpC,GAEM8B,KAAoB,MAAM;AAC9B,UAAMT,IAAyBN,EAAalD,EAAS,WAAW,GAAG,QAAQ,IACrEkE,IAAclE,EAAS,QAAQ,IAG/BmE,IAAkBD,EAAY,OAAO,CAAC,EAAE,gBAAgBA,EAAY,MAAM,CAAC,GAC3ER,IAAUF,IAAyBW;AACzC,IAAAlE,EAAS,QAAQyD,CAAO;AAAA,EAC1B,GAEMU,IAA2B,MAAM;AACrC,UAAMZ,IAAyBN,EAAalD,EAAS,WAAW,GAAG,QAAQ;AAC3E,WAAOA,EAAS,QAAQ,CAACA,EAAS,KAAK,WAAWwD,CAAsB;AAAA,EAC1E,GAGMa,IAAkB,EAAQ/D,GAE1BgE,KAAgB,CAACV,MAA4C;AAEjE,QAAIA,EAAE,QAAQ,YAAYA,EAAE,WAAWA,EAAE,UAAU;AACjD,MAAAA,EAAE,eAAA,GACF1D,EAASF,CAAQ;AACjB;AAAA,IACF;AAAA,EACF;AAEA,SACEuE,gBAAAA,EAAAA;AAAAA,IAACvF;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,KAAK2B;AAAA,MACL,UAAUgD;AAAA,MACV,YAAU;AAAA,MACV,WAAWW;AAAA,MAEX,UAAA;AAAA,QAAAC,gBAAAA,OAACrF,IAAA,EACE,UAAA;AAAA,UAAA,CAACiB,EAAO,SAAS,MAAM,2BACrBqE,GAAA,EAAQ,OAAM,gBACb,UAAAD,gBAAAA,EAAAA,KAACjF,IAAA,EACC,UAAA;AAAA,YAAAiF,gBAAAA,OAAC,OAAA,EACC,UAAA;AAAA,cAAAE,gBAAAA,EAAAA;AAAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,OAAO1E,EAAS;AAAA,kBAChB,UAAU+D;AAAA,kBACV,aAAY;AAAA,kBACZ,WAAW;AAAA,kBACX,WAAS;AAAA,kBACT,cAAW;AAAA,kBACX,oBAAkBK,MAA6B,wBAAwB;AAAA,kBACvE,UAAUC;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEX5C,KACCgD,gBAAAA,EAAAA,IAAClF,IAAA,EACE,UAAAkC,EAAe,gBACZ8C,gBAAAA,EAAAA,KAAAI,YAAA,EAAE,UAAA;AAAA,gBAAA;AAAA,gBAAmCvC;AAAA,gBAAc;AAAA,cAAA,EAAA,CAAC,IACpD,0CACN;AAAA,cAED,CAACX,KAAkB2C,EAAA,KAClBG,gBAAAA,EAAAA,KAACnF,IAAA,EAAmB,IAAG,uBAAsB,UAAA;AAAA,gBAAA;AAAA,gBACb8D,EAAalD,EAAS,WAAW,GAAG;AAAA,gBAAK;AAAA,gBAAG;AAAA,sCACzEX,IAAA,EAAa,MAAK,UAAS,SAAS4E,IAAmB,UAAA,eAAA,CAExD;AAAA,cAAA,EAAA,CACF;AAAA,YAAA,GAEJ;AAAA,YACC,CAAC1D,KAAa,CAAC8D,KACdI,gBAAAA,EAAAA;AAAAA,cAACG;AAAA,cAAA;AAAA,gBACC,SAAS9C;AAAA,gBACT,OAAOL,IAAiB,CAACA,EAAe,IAAI,IAAI,CAAA;AAAA,gBAChD,UAAUQ;AAAA,gBACV,aAAa;AAAA,gBACb,QAAM;AAAA,gBACN,aAAa;AAAA,gBACb,UAAUT,KAA2BD,EAAe,WAAW;AAAA,gBAC/D,cAAW;AAAA,gBACX,eAAe,CAACsD,GAAIC,GAAIC,MACtBN,gBAAAA,EAAAA;AAAAA,kBAAC9E;AAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL,SAAQ;AAAA,oBACR,gBAAa;AAAA,oBACb,UAAUoF;AAAA,oBACV,UAAU;AAAA,oBACV,UAAUvD,KAA2BD,EAAe,WAAW;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGnE,OAAO,EAAE,OAAO,OAAA;AAAA,cAAO;AAAA,YAAA;AAAA,UACzB,EAAA,CAEJ,EAAA,CACF;AAAA,UAGD,CAACpB,EAAO,SAAS,aAAa,KAC7BsE,gBAAAA,EAAAA,IAACD,GAAA,EAAQ,OAAM,gBACb,UAAAC,gBAAAA,EAAAA;AAAAA,YAACG;AAAA,YAAA;AAAA,cACC,KAAKlE;AAAA,cACL,SAASuC;AAAA,cACT,OAAO,CAACjD,EAAS,WAAW;AAAA,cAC5B,UAAUgE;AAAA,cACV,aAAW;AAAA,cACX,aAAa;AAAA,cACb,cAAW;AAAA,cACX,QAAM;AAAA,cACN,UAAUK;AAAA,YAAA;AAAA,UAAA,GAEd;AAAA,UAGD,CAAClE,EAAO,SAAS,SAAS,KACzBsE,gBAAAA,EAAAA,IAACD,GAAA,EAAQ,OAAO,WACd,UAAAC,gBAAAA,EAAAA;AAAAA,YAACO;AAAA,YAAA;AAAA,cACC,OAAOhF,EAAS;AAAA,cAChB,UAAU8D;AAAA,cACV,KAAKzD;AAAA,cACL,MAAM;AAAA,cACN,cAAY;AAAA,cACZ,WAAWF,EAAO,SAAS,MAAM;AAAA,cACjC,UAAUkE;AAAA,YAAA;AAAA,UAAA,GAEd;AAAA,UAGFI,gBAAAA,MAACD,GAAA,EAAQ,OAAO,QACd,gCAAC/E,IAAA,EACE,UAAA+C,IACCiC,gBAAAA,EAAAA,IAACQ,IAAA,EAAS,QAAQ,QAAQ,IACxBhE,KAAU2B,IACZ2B,gBAAAA,EAAAA,KAAAI,YAAA,EACE,UAAA;AAAA,YAAAJ,gBAAAA,EAAAA;AAAAA,cAAC7E;AAAA,cAAA;AAAA,gBACC,MAAM;AAAA,gBACN,SAAS,MAAMkC,EAAoB,EAAI;AAAA,gBACvC,UAAUyC;AAAA,gBACV,SAAQ;AAAA,gBAER,UAAA;AAAA,kBAAAI,gBAAAA,MAACS,IAAA,EAAK,MAAMnC,GAAU,OAAO,EAAE,OAAOD,GAAc,SAAS;AAAA,yCAC5DlD,IAAA,EACE,UAAA;AAAA,oBAAAoD,4BACEnD,IAAA,EACE,UAAA;AAAA,sBAAAmD,EAAe,MAAM,GAAG,EAAE,OAAO,OAAO,EAAE,KAAK,KAAK;AAAA,sBAAE;AAAA,sBAAG;AAAA,oBAAA,GAC5D;AAAA,oBAEFyB,gBAAAA,EAAAA,IAAC3E,MAAW,UAAA8C,EAAA,CAAS;AAAA,kBAAA,EAAA,CACvB;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAEF6B,gBAAAA,EAAAA;AAAAA,cAAC9E;AAAA,cAAA;AAAA,gBACC,MAAM;AAAA,gBACN,MAAM;AAAA,gBACN,SAAS;AAAA,gBACT,SAAS,MAAM;AACb,kBAAAyB,EAAU,EAAE,GACZC,EAAc,IAAI;AAAA,gBACpB;AAAA,gBACA,UAAUgD;AAAA,cAAA;AAAA,YAAA;AAAA,UACZ,EAAA,CACF,IAEAI,gBAAAA,EAAAA;AAAAA,YAAC9E;AAAA,YAAA;AAAA,cACC,MAAM;AAAA,cACN,MAAM;AAAA,cACN,OAAO;AAAA,cACP,SAAS;AAAA,cACT,SAAS,MAAMiC,EAAoB,EAAI;AAAA,cACvC,UAAUyC;AAAA,YAAA;AAAA,UAAA,GAGhB,EAAA,CACF;AAAA,QAAA,GACF;AAAA,QAEC1C,KACC8C,gBAAAA,EAAAA;AAAAA,UAACU;AAAA,UAAA;AAAA,YACC,aAAA/E;AAAA,YACA,YAAY;AAAA,YACZ,kBAAkB;AAAA,cAChB,GAAIqC,IAAiB,EAAE,QAAQ,EAAE,CAACA,CAAc,GAAG,GAAA,EAAK,IAAM,CAAA;AAAA,cAC9D,GAAIxB,IAAS,EAAE,MAAM,EAAE,CAACA,CAAM,GAAG,GAAA,MAAW,CAAA;AAAA,YAAC;AAAA,YAE/C,UAAU,CAACmE,MAAc;AACvB,cAAIA,EAAU,SAAS,KACrBhE,EAAUgE,EAAU,CAAC,CAAC,GAExBxD,EAAoB,EAAK;AAAA,YAC3B;AAAA,YACA,SAAS,MAAMA,EAAoB,EAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAI5C6C,gBAAAA,EAAAA,IAACD,GAAA,EAAQ,OAAM,mBAAA,CAAmB;AAAA,8BACjChF,IAAA,EACC,UAAAiF,gBAAAA,EAAAA;AAAAA,UAACY;AAAA,UAAA;AAAA,YACC,aAAAjF;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,GAAA;AAAA,cAAG;AAAA,cAEzB,UAAU;AAAA,gBACR,OAAO,EAAE,OAAO,EAAA;AAAA,cAAE;AAAA,YACpB;AAAA,UACF;AAAA,QAAA,EACF,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}