@payloadcms/ui 4.0.0-internal.567a487 → 4.0.0-internal.5a4aa81

package/dist/fields/Upload/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["useModal","formatAdminURL","qs","React","useCallback","useEffect","useMemo","useBulkUpload","Button","useDocumentDrawer","Dropzone","useListDrawer","RenderCustomComponent","ShimmerEffect","FieldDescription","FieldError","FieldLabel","useAuth","useBranchParam","useLocale","useTranslation","normalizeRelationshipValue","fieldBaseClass","UploadComponentHasMany","UploadComponentHasOne","baseClass","UploadInput","props","AfterInput","allowCreate","api","BeforeInput","className","Description","description","displayPreview","Error","filterOptions","filterOptionsFromProps","hasMany","isSortable","Label","label","localized","maxRows","onChange","onChangeFromProps","path","readOnly","relationTo","required","serverURL","showError","style","value","populatedDocs","setPopulatedDocs","useState","activeRelationTo","Array","isArray","openModal","modalSlug","drawerSlug","setCollectionSlug","setInitialFiles","setMaxFiles","setOnSuccess","setSelectableCollections","permissions","code","branch","i18n","t","collectionSlugsWithCreatePermission","filter","relation","collections","create","isPoly","existingIdsByRelation","values","val","push","collection","id","newFilterOptions","relations","forEach","existingIds","not_in","concat","ListDrawer","closeDrawer","closeListDrawer","openDrawer","openListDrawer","collectionSlugs","CreateDocDrawer","closeCreateDocDrawer","openCreateDocDrawer","collectionSlug","loadedValueRef","useRef","canCreate","newValue","populateDocs","items","length","grouped","idValue","fetches","Object","entries","map","ids","query","depth","draft","limit","locale","where","and","in","response","fetch","apiRoute","body","stringify","credentials","headers","language","method","docs","ok","data","json","docsById","reduce","acc","doc","results","Promise","all","lookup","sortedDocs","filename","isPlaceholder","normalizeValue","onUploadSuccess","uploadedForms","newValues","form","normalizedExisting","mergedValue","currentDocs","firstDoc","onLocalFileSelection","fileList","fileListToUse","dataTransfer","DataTransfer","add","files","collectionToUse","onListBulkSelect","relationToUse","selectedDocIDs","isSelected","itemsToLoad","loadedDocs","onDocCreate","onListSelect","selectedDoc","valueToUse","reloadDoc","docID","updatedDocsToPropogate","existingDocIndex","findIndex","hasExisting","updatedDocs","onReorder","newValueToSave","rel","onRemove","loadInitialDocs","v","current","valueChanged","showDropzone","_jsxs","Boolean","join","replace","_jsx","CustomComponent","Fallback","_Fragment","fileDocs","readonly","showCollectionSlug","height","fileDoc","disabled","multipleFiles","buttonStyle","onClick","size","onSave","enableRowSelections","onBulkSelect","onSelect"],"sources":["../../../src/fields/Upload/Input.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  ClientCollectionConfig,\n  FieldLabelClientProps,\n  FilterOptionsResult,\n  JsonObject,\n  StaticDescription,\n  StaticLabel,\n  UploadFieldClient,\n  UploadField as UploadFieldType,\n  ValueWithRelation,\n} from 'payload'\nimport type { MarkOptional } from 'ts-essentials'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useMemo } from 'react'\n\nimport type { ListDrawerProps } from '../../elements/ListDrawer/types.js'\nimport type { ReloadDoc, ValueAsDataWithRelation } from './types.js'\n\nimport { type BulkUploadContext, useBulkUpload } from '../../elements/BulkUpload/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { useDocumentDrawer } from '../../elements/DocumentDrawer/index.js'\nimport { Dropzone } from '../../elements/Dropzone/index.js'\nimport { useListDrawer } from '../../elements/ListDrawer/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { ShimmerEffect } from '../../elements/ShimmerEffect/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useBranchParam } from '../../providers/Branch/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { normalizeRelationshipValue } from '../../utilities/normalizeRelationshipValue.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { UploadComponentHasMany } from './HasMany/index.js'\nimport './index.css'\nimport { UploadComponentHasOne } from './HasOne/index.js'\n\nexport const baseClass = 'upload'\n\ntype PopulatedDocs = { relationTo: string; value: JsonObject }[]\n\nexport type UploadInputProps = {\n  readonly AfterInput?: React.ReactNode\n  readonly allowCreate?: boolean\n  /**\n   * Controls the visibility of the \"Create new collection\" button\n   */\n  readonly api?: string\n  readonly BeforeInput?: React.ReactNode\n  readonly className?: string\n  readonly collection?: ClientCollectionConfig\n  readonly customUploadActions?: React.ReactNode[]\n  readonly Description?: React.ReactNode\n  readonly description?: StaticDescription\n  readonly displayPreview?: boolean\n  readonly Error?: React.ReactNode\n  readonly filterOptions?: FilterOptionsResult\n  readonly hasMany?: boolean\n  readonly hideRemoveFile?: boolean\n  readonly isSortable?: boolean\n  readonly Label?: React.ReactNode\n  readonly label?: StaticLabel\n  readonly labelProps?: FieldLabelClientProps<MarkOptional<UploadFieldClient, 'type'>>\n  readonly localized?: boolean\n  readonly maxRows?: number\n  readonly onChange?: (e) => void\n  readonly path: string\n  readonly readOnly?: boolean\n  readonly relationTo: UploadFieldType['relationTo']\n  readonly required?: boolean\n  readonly serverURL?: string\n  readonly showError?: boolean\n  readonly style?: React.CSSProperties\n  readonly value?: (number | string)[] | number | string | ValueWithRelation | ValueWithRelation[]\n}\n\nexport function UploadInput(props: UploadInputProps) {\n  const {\n    AfterInput,\n    allowCreate,\n    api,\n    BeforeInput,\n    className,\n    Description,\n    description,\n    displayPreview,\n    Error,\n    filterOptions: filterOptionsFromProps,\n    hasMany,\n    isSortable,\n    Label,\n    label,\n    localized,\n    maxRows,\n    onChange: onChangeFromProps,\n    path,\n    readOnly,\n    relationTo,\n    required,\n    serverURL,\n    showError,\n    style,\n    value,\n  } = props\n\n  const [populatedDocs, setPopulatedDocs] = React.useState<\n    {\n      relationTo: string\n      value: JsonObject\n    }[]\n  >()\n\n  const [activeRelationTo] = React.useState<string>(\n    Array.isArray(relationTo) ? relationTo[0] : relationTo,\n  )\n\n  const { openModal } = useModal()\n  const {\n    modalSlug: drawerSlug,\n    setCollectionSlug,\n    setInitialFiles,\n    setMaxFiles,\n    setOnSuccess,\n    setSelectableCollections,\n  } = useBulkUpload()\n  const { permissions } = useAuth()\n  const { code } = useLocale()\n  const branch = useBranchParam()\n  const { i18n, t } = useTranslation()\n\n  // This will be used by the bulk upload to allow you to select only collections you have create permissions for\n  const collectionSlugsWithCreatePermission = useMemo(() => {\n    if (Array.isArray(relationTo)) {\n      return relationTo.filter(\n        (relation) => permissions?.collections && permissions.collections?.[relation]?.create,\n      )\n    }\n    return []\n  }, [relationTo, permissions])\n\n  const filterOptions: FilterOptionsResult = useMemo(() => {\n    const isPoly = Array.isArray(relationTo)\n\n    if (!value) {\n      return filterOptionsFromProps\n    }\n\n    // Group existing IDs by relation\n    const existingIdsByRelation: Record<string, (number | string)[]> = {}\n\n    const values = Array.isArray(value) ? value : [value]\n\n    for (const val of values) {\n      if (isPoly && typeof val === 'object' && 'relationTo' in val) {\n        // Poly upload - group by relationTo\n        if (!existingIdsByRelation[val.relationTo]) {\n          existingIdsByRelation[val.relationTo] = []\n        }\n        existingIdsByRelation[val.relationTo].push(val.value)\n      } else if (!isPoly) {\n        // Non-poly upload - all IDs belong to the single collection\n        const collection = relationTo\n        if (!existingIdsByRelation[collection]) {\n          existingIdsByRelation[collection] = []\n        }\n        const id = typeof val === 'object' && 'value' in val ? val.value : val\n        if (typeof id === 'string' || typeof id === 'number') {\n          existingIdsByRelation[collection].push(id)\n        }\n      }\n    }\n\n    // Build filter options for each collection\n    const newFilterOptions = { ...filterOptionsFromProps }\n    const relations = isPoly ? relationTo : [relationTo]\n\n    relations.forEach((relation) => {\n      const existingIds = existingIdsByRelation[relation] || []\n\n      newFilterOptions[relation] = {\n        ...((filterOptionsFromProps?.[relation] as any) || {}),\n        id: {\n          ...((filterOptionsFromProps?.[relation] as any)?.id || {}),\n          not_in: ((filterOptionsFromProps?.[relation] as any)?.id?.not_in || []).concat(\n            existingIds,\n          ),\n        },\n      }\n    })\n\n    return newFilterOptions\n  }, [value, filterOptionsFromProps, relationTo])\n\n  const [ListDrawer, , { closeDrawer: closeListDrawer, openDrawer: openListDrawer }] =\n    useListDrawer({\n      collectionSlugs: typeof relationTo === 'string' ? [relationTo] : relationTo,\n      filterOptions,\n    })\n\n  const [\n    CreateDocDrawer,\n    ,\n    { closeDrawer: closeCreateDocDrawer, openDrawer: openCreateDocDrawer },\n  ] = useDocumentDrawer({\n    collectionSlug: activeRelationTo,\n  })\n\n  /**\n   * Track the last loaded value to prevent unnecessary reloads\n   */\n  const loadedValueRef = React.useRef<\n    (number | string)[] | null | number | string | ValueWithRelation | ValueWithRelation[]\n  >(null)\n\n  const canCreate = useMemo(() => {\n    if (!allowCreate) {\n      return false\n    }\n\n    if (typeof activeRelationTo === 'string') {\n      if (permissions?.collections && permissions.collections?.[activeRelationTo]?.create) {\n        return true\n      }\n    }\n\n    return false\n  }, [activeRelationTo, permissions, allowCreate])\n\n  const onChange = React.useCallback(\n    (newValue) => {\n      if (typeof onChangeFromProps === 'function') {\n        onChangeFromProps(newValue)\n      }\n    },\n    [onChangeFromProps],\n  )\n\n  const populateDocs = React.useCallback(\n    async (items: ValueWithRelation[]): Promise<ValueAsDataWithRelation[]> => {\n      if (!items?.length) {\n        return []\n      }\n\n      // 1. Group IDs by collection\n      const grouped: Record<string, (number | string)[]> = {}\n      items.forEach(({ relationTo, value }) => {\n        if (!grouped[relationTo]) {\n          grouped[relationTo] = []\n        }\n        // Ensure we extract the actual ID value, not an object\n        let idValue: number | string = value\n\n        if (value && typeof value === 'object' && 'value' in (value as any)) {\n          idValue = (value as any).value\n        }\n\n        grouped[relationTo].push(idValue)\n      })\n\n      // 2. Fetch per collection\n      const fetches = Object.entries(grouped).map(async ([collection, ids]) => {\n        const query = {\n          branch,\n          depth: 0,\n          draft: true,\n          limit: ids.length,\n          locale: code,\n          where: {\n            and: [\n              {\n                id: {\n                  in: ids,\n                },\n              },\n            ],\n          },\n        }\n        const response = await fetch(\n          formatAdminURL({\n            apiRoute: api,\n            path: `/${collection}`,\n          }),\n          {\n            body: qs.stringify(query),\n            credentials: 'include',\n            headers: {\n              'Accept-Language': i18n.language,\n              'Content-Type': 'application/x-www-form-urlencoded',\n              'X-Payload-HTTP-Method-Override': 'GET',\n            },\n            method: 'POST',\n          },\n        )\n        let docs: any[] = []\n        if (response.ok) {\n          const data = await response.json()\n          docs = data.docs\n        }\n        // Map docs by ID for fast lookup\n        const docsById = docs.reduce((acc, doc) => {\n          acc[doc.id] = doc\n          return acc\n        }, {})\n        return { collection, docsById }\n      })\n\n      const results = await Promise.all(fetches)\n\n      // 3. Build lookup\n      const lookup: Record<string, Record<string, any>> = {}\n      results.forEach(({ collection, docsById }) => {\n        lookup[collection] = docsById\n      })\n\n      // 4. Reconstruct in input order, add placeholders if missing\n      const sortedDocs = items.map(({ relationTo, value }) => {\n        const doc = lookup[relationTo]?.[value] || {\n          id: value,\n          filename: `${t('general:untitled')} - ID: ${value}`,\n          isPlaceholder: true,\n        }\n        return { relationTo, value: doc }\n      })\n\n      return sortedDocs\n    },\n    [branch, api, code, i18n.language, t],\n  )\n\n  const normalizeValue = useCallback(\n    (value: any): any => normalizeRelationshipValue(value, relationTo),\n    [relationTo],\n  )\n\n  const onUploadSuccess: BulkUploadContext['onSuccess'] = useCallback(\n    (uploadedForms) => {\n      const isPoly = Array.isArray(relationTo)\n\n      if (hasMany) {\n        const newValues = uploadedForms.map((form) =>\n          isPoly ? { relationTo: form.collectionSlug, value: form.doc.id } : form.doc.id,\n        )\n        // Normalize existing values before merging\n        const normalizedExisting = Array.isArray(value) ? value.map(normalizeValue) : []\n        const mergedValue = [...normalizedExisting, ...newValues]\n        onChange(mergedValue)\n        setPopulatedDocs((currentDocs) => [\n          ...(currentDocs || []),\n          ...uploadedForms.map((form) => ({\n            relationTo: form.collectionSlug,\n            value: form.doc,\n          })),\n        ])\n      } else {\n        const firstDoc = uploadedForms[0]\n        const newValue = isPoly\n          ? { relationTo: firstDoc.collectionSlug, value: firstDoc.doc.id }\n          : firstDoc.doc.id\n        onChange(newValue)\n        setPopulatedDocs([\n          {\n            relationTo: firstDoc.collectionSlug,\n            value: firstDoc.doc,\n          },\n        ])\n      }\n    },\n    [value, onChange, hasMany, relationTo, normalizeValue],\n  )\n\n  const onLocalFileSelection = React.useCallback(\n    (fileList?: FileList) => {\n      let fileListToUse = fileList\n      if (!hasMany && fileList && fileList.length > 1) {\n        const dataTransfer = new DataTransfer()\n        dataTransfer.items.add(fileList[0])\n        fileListToUse = dataTransfer.files\n      }\n      if (fileListToUse) {\n        setInitialFiles(fileListToUse)\n      }\n      // Use activeRelationTo for poly uploads, or relationTo as string for single collection\n      const collectionToUse = Array.isArray(relationTo) ? activeRelationTo : relationTo\n\n      setCollectionSlug(collectionToUse)\n      if (Array.isArray(collectionSlugsWithCreatePermission)) {\n        setSelectableCollections(collectionSlugsWithCreatePermission)\n      }\n\n      if (typeof maxRows === 'number') {\n        setMaxFiles(maxRows)\n      }\n\n      openModal(drawerSlug)\n    },\n    [\n      hasMany,\n      relationTo,\n      activeRelationTo,\n      setCollectionSlug,\n      collectionSlugsWithCreatePermission,\n      maxRows,\n      openModal,\n      drawerSlug,\n      setInitialFiles,\n      setSelectableCollections,\n      setMaxFiles,\n    ],\n  )\n\n  // only hasMany can bulk select\n  const onListBulkSelect = React.useCallback<NonNullable<ListDrawerProps['onBulkSelect']>>(\n    async (docs, collectionSlug) => {\n      const isPoly = Array.isArray(relationTo)\n      const relationToUse = isPoly ? collectionSlug || activeRelationTo : activeRelationTo\n      const selectedDocIDs = []\n\n      for (const [id, isSelected] of docs) {\n        if (isSelected) {\n          selectedDocIDs.push(id)\n        }\n      }\n\n      const itemsToLoad = selectedDocIDs.map((id) => ({\n        relationTo: relationToUse,\n        value: id,\n      }))\n\n      const loadedDocs = await populateDocs(itemsToLoad)\n      if (loadedDocs) {\n        setPopulatedDocs((currentDocs) => [...(currentDocs || []), ...loadedDocs])\n      }\n\n      const newValues = selectedDocIDs.map((id) =>\n        isPoly ? { relationTo: relationToUse, value: id } : id,\n      )\n      // Normalize existing values before merging\n      const normalizedExisting = Array.isArray(value) ? value.map(normalizeValue) : []\n      onChange([...normalizedExisting, ...newValues])\n      closeListDrawer()\n    },\n    [activeRelationTo, closeListDrawer, onChange, populateDocs, value, relationTo, normalizeValue],\n  )\n\n  const onDocCreate = React.useCallback(\n    (data) => {\n      const isPoly = Array.isArray(relationTo)\n      if (data.doc) {\n        setPopulatedDocs((currentDocs) => [\n          ...(currentDocs || []),\n          {\n            relationTo: activeRelationTo,\n            value: data.doc,\n          },\n        ])\n\n        const newValue = isPoly ? { relationTo: activeRelationTo, value: data.doc.id } : data.doc.id\n        onChange(newValue)\n      }\n      closeCreateDocDrawer()\n    },\n    [closeCreateDocDrawer, activeRelationTo, onChange, relationTo],\n  )\n\n  const onListSelect = useCallback<NonNullable<ListDrawerProps['onSelect']>>(\n    async ({ collectionSlug, doc }) => {\n      const isPoly = Array.isArray(relationTo)\n\n      const loadedDocs = await populateDocs([{ relationTo: collectionSlug, value: doc.id }])\n      const selectedDoc = loadedDocs?.[0] || null\n\n      setPopulatedDocs((currentDocs) => {\n        if (selectedDoc) {\n          if (hasMany) {\n            return [...(currentDocs || []), selectedDoc]\n          }\n          return [selectedDoc]\n        }\n        return currentDocs\n      })\n\n      if (hasMany) {\n        const newValue = isPoly ? { relationTo: collectionSlug, value: doc.id } : doc.id\n        // Normalize existing values before merging\n        const normalizedExisting = Array.isArray(value) ? value.map(normalizeValue) : []\n        const valueToUse = [...normalizedExisting, newValue]\n        onChange(valueToUse)\n      } else {\n        const valueToUse = isPoly ? { relationTo: collectionSlug, value: doc.id } : doc.id\n        onChange(valueToUse)\n      }\n      closeListDrawer()\n    },\n    [closeListDrawer, hasMany, populateDocs, onChange, value, relationTo, normalizeValue],\n  )\n\n  const reloadDoc = React.useCallback<ReloadDoc>(\n    async (docID, collectionSlug) => {\n      const docs = await populateDocs([{ relationTo: collectionSlug, value: docID }])\n\n      if (docs[0]) {\n        let updatedDocsToPropogate = []\n        setPopulatedDocs((currentDocs) => {\n          const existingDocIndex = currentDocs?.findIndex((doc) => {\n            const hasExisting = doc.value?.id === docs[0].value.id || doc.value?.isPlaceholder\n            return hasExisting && doc.relationTo === collectionSlug\n          })\n          if (existingDocIndex > -1) {\n            const updatedDocs = [...currentDocs]\n            updatedDocs[existingDocIndex] = docs[0]\n            updatedDocsToPropogate = updatedDocs\n            return updatedDocs\n          }\n          return currentDocs\n        })\n\n        if (updatedDocsToPropogate.length && hasMany) {\n          onChange(updatedDocsToPropogate.map((doc) => doc.value?.id))\n        }\n      }\n    },\n    [populateDocs, onChange, hasMany],\n  )\n\n  // only hasMany can reorder\n  const onReorder = React.useCallback(\n    (newValue) => {\n      const isPoly = Array.isArray(relationTo)\n      const newValueToSave = newValue.map(({ relationTo: rel, value }) =>\n        isPoly ? { relationTo: rel, value: value.id } : value.id,\n      )\n      onChange(newValueToSave)\n      setPopulatedDocs(newValue)\n    },\n    [onChange, relationTo],\n  )\n\n  const onRemove = React.useCallback(\n    (newValue?: PopulatedDocs) => {\n      const isPoly = Array.isArray(relationTo)\n\n      if (!newValue || newValue.length === 0) {\n        onChange(hasMany ? [] : null)\n        setPopulatedDocs(hasMany ? [] : null)\n        return\n      }\n\n      const newValueToSave = newValue.map(({ relationTo: rel, value }) =>\n        isPoly ? { relationTo: rel, value: value.id } : value.id,\n      )\n\n      onChange(hasMany ? newValueToSave : newValueToSave[0])\n      setPopulatedDocs(newValue)\n    },\n    [onChange, hasMany, relationTo],\n  )\n\n  useEffect(() => {\n    async function loadInitialDocs() {\n      if (value) {\n        let itemsToLoad: ValueWithRelation[] = []\n        if (\n          Array.isArray(relationTo) &&\n          ((typeof value === 'object' && 'relationTo' in value) ||\n            (Array.isArray(value) &&\n              value.length > 0 &&\n              typeof value[0] === 'object' &&\n              'relationTo' in value[0]))\n        ) {\n          // For poly uploads, value should already be in the format { relationTo, value }\n          const values = Array.isArray(value) ? value : [value]\n          itemsToLoad = values\n            .filter((v): v is ValueWithRelation => typeof v === 'object' && 'relationTo' in v)\n            .map((v) => {\n              // Ensure the value property is a simple ID, not nested\n              let idValue: any = v.value\n              while (\n                idValue &&\n                typeof idValue === 'object' &&\n                idValue !== null &&\n                'value' in idValue\n              ) {\n                idValue = idValue.value\n              }\n              return {\n                relationTo: v.relationTo,\n                value: idValue as number | string,\n              }\n            })\n        } else {\n          // This check is here to satisfy TypeScript that relationTo is a string\n          if (!Array.isArray(relationTo)) {\n            // For single collection uploads, we need to wrap the IDs\n            const ids = Array.isArray(value) ? value : [value]\n            itemsToLoad = ids.map((id): ValueWithRelation => {\n              // Extract the actual ID, handling nested objects\n              let idValue: any = id\n              while (\n                idValue &&\n                typeof idValue === 'object' &&\n                idValue !== null &&\n                'value' in idValue\n              ) {\n                idValue = idValue.value\n              }\n              return {\n                relationTo,\n                value: idValue as number | string,\n              }\n            })\n          }\n        }\n\n        if (itemsToLoad.length > 0) {\n          const loadedDocs = await populateDocs(itemsToLoad)\n\n          if (loadedDocs) {\n            setPopulatedDocs(loadedDocs)\n            loadedValueRef.current = value\n          }\n        }\n      } else {\n        // Clear populated docs when value is cleared\n        setPopulatedDocs([])\n        loadedValueRef.current = null\n      }\n    }\n\n    // Only load if value has changed from what we last loaded\n    const valueChanged = loadedValueRef.current !== value\n    if (valueChanged) {\n      void loadInitialDocs()\n    }\n  }, [populateDocs, value, relationTo])\n\n  useEffect(() => {\n    setOnSuccess(onUploadSuccess)\n  }, [value, path, onUploadSuccess, setOnSuccess])\n\n  const showDropzone =\n    !value ||\n    (hasMany && Array.isArray(value) && (typeof maxRows !== 'number' || value.length < maxRows)) ||\n    (!hasMany && populatedDocs?.[0] && typeof populatedDocs[0].value === 'undefined')\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path?.replace(/\\./g, '__')}`}\n      style={style}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      {BeforeInput}\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        <div className={`${baseClass}__dropzoneAndUpload`}>\n          {hasMany && Array.isArray(value) && value.length > 0 ? (\n            <>\n              {populatedDocs && populatedDocs?.length > 0 ? (\n                <UploadComponentHasMany\n                  displayPreview={displayPreview}\n                  fileDocs={populatedDocs}\n                  isSortable={isSortable && !readOnly}\n                  onRemove={onRemove}\n                  onReorder={onReorder}\n                  readonly={readOnly}\n                  reloadDoc={reloadDoc}\n                  serverURL={serverURL}\n                  showCollectionSlug={Array.isArray(relationTo)}\n                />\n              ) : (\n                <div className={`${baseClass}__loadingRows`}>\n                  {value.map((id) => (\n                    <ShimmerEffect height=\"40px\" key={typeof id === 'object' ? id.value : id} />\n                  ))}\n                </div>\n              )}\n            </>\n          ) : null}\n          {!hasMany && value ? (\n            <>\n              {populatedDocs && populatedDocs?.length > 0 && populatedDocs[0].value ? (\n                <UploadComponentHasOne\n                  displayPreview={displayPreview}\n                  fileDoc={populatedDocs[0]}\n                  onRemove={onRemove}\n                  readonly={readOnly}\n                  reloadDoc={reloadDoc}\n                  serverURL={serverURL}\n                  showCollectionSlug={Array.isArray(relationTo)}\n                />\n              ) : populatedDocs && value && !populatedDocs?.[0]?.value ? (\n                <>\n                  {t('general:untitled')} - ID: {value}\n                </>\n              ) : (\n                <ShimmerEffect height=\"62px\" />\n              )}\n            </>\n          ) : null}\n          {showDropzone ? (\n            <Dropzone\n              disabled={readOnly || !canCreate}\n              multipleFiles={hasMany}\n              onChange={onLocalFileSelection}\n            >\n              <div className={`${baseClass}__dropzoneContent`}>\n                <div className={`${baseClass}__dropzoneContent__buttons`}>\n                  {canCreate && (\n                    <>\n                      <Button\n                        buttonStyle=\"secondary\"\n                        className={`${baseClass}__createNewToggler`}\n                        disabled={readOnly || !canCreate}\n                        onClick={() => {\n                          if (!readOnly) {\n                            if (hasMany) {\n                              onLocalFileSelection()\n                            } else {\n                              openCreateDocDrawer()\n                            }\n                          }\n                        }}\n                        size=\"medium\"\n                      >\n                        {t('general:createNew')}\n                      </Button>\n                      <span className={`${baseClass}__dropzoneContent__orText`}>\n                        {t('general:or')}\n                      </span>\n                    </>\n                  )}\n                  <Button\n                    buttonStyle=\"secondary\"\n                    className={`${baseClass}__listToggler`}\n                    disabled={readOnly}\n                    onClick={openListDrawer}\n                    size=\"medium\"\n                  >\n                    {t('fields:chooseFromExisting')}\n                  </Button>\n                  <CreateDocDrawer onSave={onDocCreate} />\n                  <ListDrawer\n                    allowCreate={canCreate}\n                    enableRowSelections={hasMany}\n                    onBulkSelect={onListBulkSelect}\n                    onSelect={onListSelect}\n                  />\n                </div>\n\n                {canCreate && !readOnly && (\n                  <p className={`${baseClass}__dragAndDropText`}>\n                    {t('general:or')} {t('upload:dragAndDrop')}\n                  </p>\n                )}\n              </div>\n            </Dropzone>\n          ) : (\n            <>\n              {!readOnly &&\n              !populatedDocs &&\n              (!value ||\n                typeof maxRows !== 'number' ||\n                (Array.isArray(value) && value.length < maxRows)) ? (\n                <ShimmerEffect height=\"40px\" />\n              ) : null}\n            </>\n          )}\n        </div>\n      </div>\n      {AfterInput}\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Input.js","names":["useModal","formatAdminURL","qs","React","useCallback","useEffect","useMemo","toast","useBulkUpload","Button","useDocumentDrawer","Dropzone","useListDrawer","RenderCustomComponent","ShimmerEffect","FieldDescription","FieldError","FieldLabel","useAuth","useLocale","useTranslation","abortAndIgnore","getFilesFromClipboard","normalizeRelationshipValue","fieldBaseClass","UploadComponentHasMany","UploadComponentHasOne","baseClass","UploadInput","props","AfterInput","allowCreate","api","BeforeInput","className","Description","description","displayPreview","Error","filterOptions","filterOptionsFromProps","hasMany","isSortable","Label","label","localized","maxRows","onChange","onChangeFromProps","path","readOnly","relationTo","required","serverURL","showError","style","value","populatedDocs","setPopulatedDocs","useState","activeRelationTo","Array","isArray","openModal","modalSlug","drawerSlug","setCollectionSlug","setInitialFiles","setMaxFiles","setOnSuccess","setSelectableCollections","permissions","locale","code","i18n","t","collectionSlugsWithCreatePermission","filter","relation","collections","create","isPoly","existingIdsByRelation","values","val","push","collection","id","newFilterOptions","relations","forEach","existingIds","not_in","concat","ListDrawer","closeDrawer","closeListDrawer","openDrawer","openListDrawer","collectionSlugs","CreateDocDrawer","closeCreateDocDrawer","openCreateDocDrawer","collectionSlug","canCreate","newValue","populateDocs","items","options","length","grouped","idValue","fetches","Object","entries","map","ids","query","depth","draft","limit","where","and","in","response","fetch","apiRoute","body","stringify","credentials","headers","language","method","signal","docs","ok","data","json","docsById","reduce","acc","doc","results","Promise","all","lookup","sortedDocs","filename","isPlaceholder","normalizeValue","onUploadSuccess","uploadedForms","newValues","form","normalizedExisting","mergedValue","currentDocs","firstDoc","onLocalFileSelection","fileList","fileListToUse","dataTransfer","DataTransfer","add","files","collectionToUse","handlePasteFromClipboard","error","_err","onListBulkSelect","relationToUse","selectedDocIDs","isSelected","itemsToLoad","loadedDocs","onDocCreate","onListSelect","selectedDoc","valueToUse","reloadDoc","docID","updatedDocsToPropogate","existingDocIndex","findIndex","hasExisting","updatedDocs","onReorder","newValueToSave","rel","onRemove","abortController","AbortController","loadInitialDocs","v","aborted","showDropzone","_jsxs","Boolean","join","replace","_jsx","CustomComponent","Fallback","_Fragment","fileDocs","readonly","showCollectionSlug","height","fileDoc","disabled","multipleFiles","buttonStyle","onClick","size","icon","tooltip","onSave","enableRowSelections","onBulkSelect","onSelect"],"sources":["../../../src/fields/Upload/Input.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  ClientCollectionConfig,\n  FieldLabelClientProps,\n  FilterOptionsResult,\n  JsonObject,\n  StaticDescription,\n  StaticLabel,\n  UploadFieldClient,\n  UploadField as UploadFieldType,\n  ValueWithRelation,\n} from 'payload'\nimport type { MarkOptional } from 'ts-essentials'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useMemo } from 'react'\nimport { toast } from 'sonner'\n\nimport type { ListDrawerProps } from '../../elements/ListDrawer/types.js'\nimport type { ReloadDoc, ValueAsDataWithRelation } from './types.js'\n\nimport { type BulkUploadContext, useBulkUpload } from '../../elements/BulkUpload/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { useDocumentDrawer } from '../../elements/DocumentDrawer/index.js'\nimport { Dropzone } from '../../elements/Dropzone/index.js'\nimport { useListDrawer } from '../../elements/ListDrawer/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { ShimmerEffect } from '../../elements/ShimmerEffect/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { abortAndIgnore } from '../../utilities/abortAndIgnore.js'\nimport { getFilesFromClipboard } from '../../utilities/getFilesFromClipboard.js'\nimport { normalizeRelationshipValue } from '../../utilities/normalizeRelationshipValue.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { UploadComponentHasMany } from './HasMany/index.js'\nimport './index.css'\nimport { UploadComponentHasOne } from './HasOne/index.js'\n\nexport const baseClass = 'upload'\n\ntype PopulatedDocs = { relationTo: string; value: JsonObject }[]\n\nexport type UploadInputProps = {\n  readonly AfterInput?: React.ReactNode\n  readonly allowCreate?: boolean\n  /**\n   * Controls the visibility of the \"Create new collection\" button\n   */\n  readonly api?: string\n  readonly BeforeInput?: React.ReactNode\n  readonly className?: string\n  readonly collection?: ClientCollectionConfig\n  readonly customUploadActions?: React.ReactNode[]\n  readonly Description?: React.ReactNode\n  readonly description?: StaticDescription\n  readonly displayPreview?: boolean\n  readonly Error?: React.ReactNode\n  readonly filterOptions?: FilterOptionsResult\n  readonly hasMany?: boolean\n  readonly hideRemoveFile?: boolean\n  readonly isSortable?: boolean\n  readonly Label?: React.ReactNode\n  readonly label?: StaticLabel\n  readonly labelProps?: FieldLabelClientProps<MarkOptional<UploadFieldClient, 'type'>>\n  readonly localized?: boolean\n  readonly maxRows?: number\n  readonly onChange?: (e) => void\n  readonly path: string\n  readonly readOnly?: boolean\n  readonly relationTo: UploadFieldType['relationTo']\n  readonly required?: boolean\n  readonly serverURL?: string\n  readonly showError?: boolean\n  readonly style?: React.CSSProperties\n  readonly value?: (number | string)[] | number | string | ValueWithRelation | ValueWithRelation[]\n}\n\nexport function UploadInput(props: UploadInputProps) {\n  const {\n    AfterInput,\n    allowCreate,\n    api,\n    BeforeInput,\n    className,\n    Description,\n    description,\n    displayPreview,\n    Error,\n    filterOptions: filterOptionsFromProps,\n    hasMany,\n    isSortable,\n    Label,\n    label,\n    localized,\n    maxRows,\n    onChange: onChangeFromProps,\n    path,\n    readOnly,\n    relationTo,\n    required,\n    serverURL,\n    showError,\n    style,\n    value,\n  } = props\n\n  const [populatedDocs, setPopulatedDocs] = React.useState<\n    {\n      relationTo: string\n      value: JsonObject\n    }[]\n  >()\n\n  const [activeRelationTo] = React.useState<string>(\n    Array.isArray(relationTo) ? relationTo[0] : relationTo,\n  )\n\n  const { openModal } = useModal()\n  const {\n    modalSlug: drawerSlug,\n    setCollectionSlug,\n    setInitialFiles,\n    setMaxFiles,\n    setOnSuccess,\n    setSelectableCollections,\n  } = useBulkUpload()\n  const { permissions } = useAuth()\n  const locale = useLocale()\n  const code = locale?.code\n  const { i18n, t } = useTranslation()\n\n  // This will be used by the bulk upload to allow you to select only collections you have create permissions for\n  const collectionSlugsWithCreatePermission = useMemo(() => {\n    if (Array.isArray(relationTo)) {\n      return relationTo.filter(\n        (relation) => permissions?.collections && permissions.collections?.[relation]?.create,\n      )\n    }\n    return []\n  }, [relationTo, permissions])\n\n  const filterOptions: FilterOptionsResult = useMemo(() => {\n    const isPoly = Array.isArray(relationTo)\n\n    if (!value) {\n      return filterOptionsFromProps\n    }\n\n    // Group existing IDs by relation\n    const existingIdsByRelation: Record<string, (number | string)[]> = {}\n\n    const values = Array.isArray(value) ? value : [value]\n\n    for (const val of values) {\n      if (isPoly && typeof val === 'object' && 'relationTo' in val) {\n        // Poly upload - group by relationTo\n        if (!existingIdsByRelation[val.relationTo]) {\n          existingIdsByRelation[val.relationTo] = []\n        }\n        existingIdsByRelation[val.relationTo].push(val.value)\n      } else if (!isPoly) {\n        // Non-poly upload - all IDs belong to the single collection\n        const collection = relationTo\n        if (!existingIdsByRelation[collection]) {\n          existingIdsByRelation[collection] = []\n        }\n        const id = typeof val === 'object' && 'value' in val ? val.value : val\n        if (typeof id === 'string' || typeof id === 'number') {\n          existingIdsByRelation[collection].push(id)\n        }\n      }\n    }\n\n    // Build filter options for each collection\n    const newFilterOptions = { ...filterOptionsFromProps }\n    const relations = isPoly ? relationTo : [relationTo]\n\n    relations.forEach((relation) => {\n      const existingIds = existingIdsByRelation[relation] || []\n\n      newFilterOptions[relation] = {\n        ...((filterOptionsFromProps?.[relation] as any) || {}),\n        id: {\n          ...((filterOptionsFromProps?.[relation] as any)?.id || {}),\n          not_in: ((filterOptionsFromProps?.[relation] as any)?.id?.not_in || []).concat(\n            existingIds,\n          ),\n        },\n      }\n    })\n\n    return newFilterOptions\n  }, [value, filterOptionsFromProps, relationTo])\n\n  const [ListDrawer, , { closeDrawer: closeListDrawer, openDrawer: openListDrawer }] =\n    useListDrawer({\n      collectionSlugs: typeof relationTo === 'string' ? [relationTo] : relationTo,\n      filterOptions,\n    })\n\n  const [\n    CreateDocDrawer,\n    ,\n    { closeDrawer: closeCreateDocDrawer, openDrawer: openCreateDocDrawer },\n  ] = useDocumentDrawer({\n    collectionSlug: activeRelationTo,\n  })\n\n  const canCreate = useMemo(() => {\n    if (!allowCreate) {\n      return false\n    }\n\n    if (typeof activeRelationTo === 'string') {\n      if (permissions?.collections && permissions.collections?.[activeRelationTo]?.create) {\n        return true\n      }\n    }\n\n    return false\n  }, [activeRelationTo, permissions, allowCreate])\n\n  const onChange = React.useCallback(\n    (newValue) => {\n      if (typeof onChangeFromProps === 'function') {\n        onChangeFromProps(newValue)\n      }\n    },\n    [onChangeFromProps],\n  )\n\n  const populateDocs = React.useCallback(\n    async (\n      items: ValueWithRelation[],\n      options?: {\n        signal?: AbortSignal\n      },\n    ): Promise<ValueAsDataWithRelation[]> => {\n      if (!items?.length) {\n        return []\n      }\n\n      // 1. Group IDs by collection\n      const grouped: Record<string, (number | string)[]> = {}\n      items.forEach(({ relationTo, value }) => {\n        if (!grouped[relationTo]) {\n          grouped[relationTo] = []\n        }\n        // Ensure we extract the actual ID value, not an object\n        let idValue: number | string = value\n\n        if (value && typeof value === 'object' && 'value' in (value as any)) {\n          idValue = (value as any).value\n        }\n\n        grouped[relationTo].push(idValue)\n      })\n\n      // 2. Fetch per collection\n      const fetches = Object.entries(grouped).map(async ([collection, ids]) => {\n        const query = {\n          depth: 0,\n          draft: true,\n          limit: ids.length,\n          locale: code,\n          where: {\n            and: [\n              {\n                id: {\n                  in: ids,\n                },\n              },\n            ],\n          },\n        }\n        const response = await fetch(\n          formatAdminURL({\n            apiRoute: api,\n            path: `/${collection}`,\n          }),\n          {\n            body: qs.stringify(query),\n            credentials: 'include',\n            headers: {\n              'Accept-Language': i18n.language,\n              'Content-Type': 'application/x-www-form-urlencoded',\n              'X-Payload-HTTP-Method-Override': 'GET',\n            },\n            method: 'POST',\n            signal: options?.signal,\n          },\n        )\n        let docs: any[] = []\n        if (response.ok) {\n          const data = await response.json()\n          docs = data.docs\n        }\n        // Map docs by ID for fast lookup\n        const docsById = docs.reduce((acc, doc) => {\n          acc[doc.id] = doc\n          return acc\n        }, {})\n        return { collection, docsById }\n      })\n\n      const results = await Promise.all(fetches)\n\n      // 3. Build lookup\n      const lookup: Record<string, Record<string, any>> = {}\n      results.forEach(({ collection, docsById }) => {\n        lookup[collection] = docsById\n      })\n\n      // 4. Reconstruct in input order, add placeholders if missing\n      const sortedDocs = items.map(({ relationTo, value }) => {\n        const doc = lookup[relationTo]?.[value] || {\n          id: value,\n          filename: `${t('general:untitled')} - ID: ${value}`,\n          isPlaceholder: true,\n        }\n        return { relationTo, value: doc }\n      })\n\n      return sortedDocs\n    },\n    [api, code, i18n.language, t],\n  )\n\n  const normalizeValue = useCallback(\n    (value: any): any => normalizeRelationshipValue(value, relationTo),\n    [relationTo],\n  )\n\n  const onUploadSuccess: BulkUploadContext['onSuccess'] = useCallback(\n    (uploadedForms) => {\n      const isPoly = Array.isArray(relationTo)\n\n      if (hasMany) {\n        const newValues = uploadedForms.map((form) =>\n          isPoly ? { relationTo: form.collectionSlug, value: form.doc.id } : form.doc.id,\n        )\n        // Normalize existing values before merging\n        const normalizedExisting = Array.isArray(value) ? value.map(normalizeValue) : []\n        const mergedValue = [...normalizedExisting, ...newValues]\n        onChange(mergedValue)\n        setPopulatedDocs((currentDocs) => [\n          ...(currentDocs || []),\n          ...uploadedForms.map((form) => ({\n            relationTo: form.collectionSlug,\n            value: form.doc,\n          })),\n        ])\n      } else {\n        const firstDoc = uploadedForms[0]\n        const newValue = isPoly\n          ? { relationTo: firstDoc.collectionSlug, value: firstDoc.doc.id }\n          : firstDoc.doc.id\n        onChange(newValue)\n        setPopulatedDocs([\n          {\n            relationTo: firstDoc.collectionSlug,\n            value: firstDoc.doc,\n          },\n        ])\n      }\n    },\n    [value, onChange, hasMany, relationTo, normalizeValue],\n  )\n\n  const onLocalFileSelection = React.useCallback(\n    (fileList?: FileList) => {\n      let fileListToUse = fileList\n      if (!hasMany && fileList && fileList.length > 1) {\n        const dataTransfer = new DataTransfer()\n        dataTransfer.items.add(fileList[0])\n        fileListToUse = dataTransfer.files\n      }\n      if (fileListToUse) {\n        setInitialFiles(fileListToUse)\n      }\n      // Use activeRelationTo for poly uploads, or relationTo as string for single collection\n      const collectionToUse = Array.isArray(relationTo) ? activeRelationTo : relationTo\n\n      setCollectionSlug(collectionToUse)\n      if (Array.isArray(collectionSlugsWithCreatePermission)) {\n        setSelectableCollections(collectionSlugsWithCreatePermission)\n      }\n\n      if (typeof maxRows === 'number') {\n        setMaxFiles(maxRows)\n      }\n\n      openModal(drawerSlug)\n    },\n    [\n      hasMany,\n      relationTo,\n      activeRelationTo,\n      setCollectionSlug,\n      collectionSlugsWithCreatePermission,\n      maxRows,\n      openModal,\n      drawerSlug,\n      setInitialFiles,\n      setSelectableCollections,\n      setMaxFiles,\n    ],\n  )\n\n  const handlePasteFromClipboard = useCallback(async () => {\n    try {\n      const files = await getFilesFromClipboard()\n      if (!files) {\n        toast.error(t('error:noFileFoundInClipboard'))\n        return\n      }\n      onLocalFileSelection(files)\n    } catch (_err) {\n      toast.error(t('error:unableToReadClipboard'))\n    }\n  }, [onLocalFileSelection, t])\n\n  // only hasMany can bulk select\n  const onListBulkSelect = React.useCallback<NonNullable<ListDrawerProps['onBulkSelect']>>(\n    async (docs, collectionSlug) => {\n      const isPoly = Array.isArray(relationTo)\n      const relationToUse = isPoly ? collectionSlug || activeRelationTo : activeRelationTo\n      const selectedDocIDs = []\n\n      for (const [id, isSelected] of docs) {\n        if (isSelected) {\n          selectedDocIDs.push(id)\n        }\n      }\n\n      const itemsToLoad = selectedDocIDs.map((id) => ({\n        relationTo: relationToUse,\n        value: id,\n      }))\n\n      const loadedDocs = await populateDocs(itemsToLoad)\n      if (loadedDocs) {\n        setPopulatedDocs((currentDocs) => [...(currentDocs || []), ...loadedDocs])\n      }\n\n      const newValues = selectedDocIDs.map((id) =>\n        isPoly ? { relationTo: relationToUse, value: id } : id,\n      )\n      // Normalize existing values before merging\n      const normalizedExisting = Array.isArray(value) ? value.map(normalizeValue) : []\n      onChange([...normalizedExisting, ...newValues])\n      closeListDrawer()\n    },\n    [activeRelationTo, closeListDrawer, onChange, populateDocs, value, relationTo, normalizeValue],\n  )\n\n  const onDocCreate = React.useCallback(\n    (data) => {\n      const isPoly = Array.isArray(relationTo)\n      if (data.doc) {\n        setPopulatedDocs((currentDocs) => [\n          ...(currentDocs || []),\n          {\n            relationTo: activeRelationTo,\n            value: data.doc,\n          },\n        ])\n\n        const newValue = isPoly ? { relationTo: activeRelationTo, value: data.doc.id } : data.doc.id\n        onChange(newValue)\n      }\n      closeCreateDocDrawer()\n    },\n    [closeCreateDocDrawer, activeRelationTo, onChange, relationTo],\n  )\n\n  const onListSelect = useCallback<NonNullable<ListDrawerProps['onSelect']>>(\n    async ({ collectionSlug, doc }) => {\n      const isPoly = Array.isArray(relationTo)\n\n      const loadedDocs = await populateDocs([{ relationTo: collectionSlug, value: doc.id }])\n      const selectedDoc = loadedDocs?.[0] || null\n\n      setPopulatedDocs((currentDocs) => {\n        if (selectedDoc) {\n          if (hasMany) {\n            return [...(currentDocs || []), selectedDoc]\n          }\n          return [selectedDoc]\n        }\n        return currentDocs\n      })\n\n      if (hasMany) {\n        const newValue = isPoly ? { relationTo: collectionSlug, value: doc.id } : doc.id\n        // Normalize existing values before merging\n        const normalizedExisting = Array.isArray(value) ? value.map(normalizeValue) : []\n        const valueToUse = [...normalizedExisting, newValue]\n        onChange(valueToUse)\n      } else {\n        const valueToUse = isPoly ? { relationTo: collectionSlug, value: doc.id } : doc.id\n        onChange(valueToUse)\n      }\n      closeListDrawer()\n    },\n    [closeListDrawer, hasMany, populateDocs, onChange, value, relationTo, normalizeValue],\n  )\n\n  const reloadDoc = React.useCallback<ReloadDoc>(\n    async (docID, collectionSlug) => {\n      const docs = await populateDocs([{ relationTo: collectionSlug, value: docID }])\n\n      if (docs[0]) {\n        let updatedDocsToPropogate = []\n        setPopulatedDocs((currentDocs) => {\n          const existingDocIndex = currentDocs?.findIndex((doc) => {\n            const hasExisting = doc.value?.id === docs[0].value.id || doc.value?.isPlaceholder\n            return hasExisting && doc.relationTo === collectionSlug\n          })\n          if (existingDocIndex > -1) {\n            const updatedDocs = [...currentDocs]\n            updatedDocs[existingDocIndex] = docs[0]\n            updatedDocsToPropogate = updatedDocs\n            return updatedDocs\n          }\n          return currentDocs\n        })\n\n        if (updatedDocsToPropogate.length && hasMany) {\n          onChange(updatedDocsToPropogate.map((doc) => doc.value?.id))\n        }\n      }\n    },\n    [populateDocs, onChange, hasMany],\n  )\n\n  // only hasMany can reorder\n  const onReorder = React.useCallback(\n    (newValue) => {\n      const isPoly = Array.isArray(relationTo)\n      const newValueToSave = newValue.map(({ relationTo: rel, value }) =>\n        isPoly ? { relationTo: rel, value: value.id } : value.id,\n      )\n      onChange(newValueToSave)\n      setPopulatedDocs(newValue)\n    },\n    [onChange, relationTo],\n  )\n\n  const onRemove = React.useCallback(\n    (newValue?: PopulatedDocs) => {\n      const isPoly = Array.isArray(relationTo)\n\n      if (!newValue || newValue.length === 0) {\n        onChange(hasMany ? [] : null)\n        setPopulatedDocs(hasMany ? [] : null)\n        return\n      }\n\n      const newValueToSave = newValue.map(({ relationTo: rel, value }) =>\n        isPoly ? { relationTo: rel, value: value.id } : value.id,\n      )\n\n      onChange(hasMany ? newValueToSave : newValueToSave[0])\n      setPopulatedDocs(newValue)\n    },\n    [onChange, hasMany, relationTo],\n  )\n\n  useEffect(() => {\n    const abortController = new AbortController()\n\n    async function loadInitialDocs() {\n      if (value) {\n        let itemsToLoad: ValueWithRelation[] = []\n        if (\n          Array.isArray(relationTo) &&\n          ((typeof value === 'object' && 'relationTo' in value) ||\n            (Array.isArray(value) &&\n              value.length > 0 &&\n              typeof value[0] === 'object' &&\n              'relationTo' in value[0]))\n        ) {\n          // For poly uploads, value should already be in the format { relationTo, value }\n          const values = Array.isArray(value) ? value : [value]\n          itemsToLoad = values\n            .filter((v): v is ValueWithRelation => typeof v === 'object' && 'relationTo' in v)\n            .map((v) => {\n              // Ensure the value property is a simple ID, not nested\n              let idValue: any = v.value\n              while (\n                idValue &&\n                typeof idValue === 'object' &&\n                idValue !== null &&\n                'value' in idValue\n              ) {\n                idValue = idValue.value\n              }\n              return {\n                relationTo: v.relationTo,\n                value: idValue as number | string,\n              }\n            })\n        } else {\n          // This check is here to satisfy TypeScript that relationTo is a string\n          if (!Array.isArray(relationTo)) {\n            // For single collection uploads, we need to wrap the IDs\n            const ids = Array.isArray(value) ? value : [value]\n            itemsToLoad = ids.map((id): ValueWithRelation => {\n              // Extract the actual ID, handling nested objects\n              let idValue: any = id\n              while (\n                idValue &&\n                typeof idValue === 'object' &&\n                idValue !== null &&\n                'value' in idValue\n              ) {\n                idValue = idValue.value\n              }\n              return {\n                relationTo,\n                value: idValue as number | string,\n              }\n            })\n          }\n        }\n\n        if (itemsToLoad.length > 0) {\n          try {\n            const loadedDocs = await populateDocs(itemsToLoad, {\n              signal: abortController.signal,\n            })\n\n            if (loadedDocs && !abortController.signal.aborted) {\n              setPopulatedDocs(loadedDocs)\n            }\n          } catch (_err) {\n            // Ignore aborted requests from superseded values / unmount\n          }\n        }\n      } else {\n        // Clear populated docs when value is cleared\n        setPopulatedDocs([])\n      }\n    }\n\n    void loadInitialDocs()\n\n    return () => {\n      abortAndIgnore(abortController)\n    }\n  }, [populateDocs, value, relationTo])\n\n  useEffect(() => {\n    setOnSuccess(onUploadSuccess)\n  }, [value, path, onUploadSuccess, setOnSuccess])\n\n  const showDropzone =\n    !value ||\n    (hasMany && Array.isArray(value) && (typeof maxRows !== 'number' || value.length < maxRows)) ||\n    (!hasMany && populatedDocs?.[0] && typeof populatedDocs[0].value === 'undefined')\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path?.replace(/\\./g, '__')}`}\n      style={style}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      {BeforeInput}\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        <div className={`${baseClass}__dropzoneAndUpload`}>\n          {hasMany && Array.isArray(value) && value.length > 0 ? (\n            <>\n              {populatedDocs && populatedDocs?.length > 0 ? (\n                <UploadComponentHasMany\n                  displayPreview={displayPreview}\n                  fileDocs={populatedDocs}\n                  isSortable={isSortable && !readOnly}\n                  onRemove={onRemove}\n                  onReorder={onReorder}\n                  readonly={readOnly}\n                  reloadDoc={reloadDoc}\n                  serverURL={serverURL}\n                  showCollectionSlug={Array.isArray(relationTo)}\n                />\n              ) : (\n                <div className={`${baseClass}__loadingRows`}>\n                  {value.map((id) => (\n                    <ShimmerEffect height=\"40px\" key={typeof id === 'object' ? id.value : id} />\n                  ))}\n                </div>\n              )}\n            </>\n          ) : null}\n          {!hasMany && value ? (\n            <>\n              {populatedDocs && populatedDocs?.length > 0 && populatedDocs[0].value ? (\n                <UploadComponentHasOne\n                  displayPreview={displayPreview}\n                  fileDoc={populatedDocs[0]}\n                  onRemove={onRemove}\n                  readonly={readOnly}\n                  reloadDoc={reloadDoc}\n                  serverURL={serverURL}\n                  showCollectionSlug={Array.isArray(relationTo)}\n                />\n              ) : populatedDocs && value && !populatedDocs?.[0]?.value ? (\n                <>\n                  {t('general:untitled')} - ID: {value}\n                </>\n              ) : (\n                <ShimmerEffect height=\"62px\" />\n              )}\n            </>\n          ) : null}\n          {showDropzone ? (\n            <Dropzone\n              disabled={readOnly || !canCreate}\n              multipleFiles={hasMany}\n              onChange={onLocalFileSelection}\n            >\n              <div className={`${baseClass}__dropzoneContent`}>\n                <div className={`${baseClass}__dropzoneContent__buttons`}>\n                  {canCreate && (\n                    <>\n                      <Button\n                        buttonStyle=\"secondary\"\n                        className={`${baseClass}__createNewToggler`}\n                        disabled={readOnly || !canCreate}\n                        onClick={() => {\n                          if (!readOnly) {\n                            if (hasMany) {\n                              onLocalFileSelection()\n                            } else {\n                              openCreateDocDrawer()\n                            }\n                          }\n                        }}\n                        size=\"medium\"\n                      >\n                        {t('general:createNew')}\n                      </Button>\n                      <span className={`${baseClass}__dropzoneContent__orText`}>\n                        {t('general:or')}\n                      </span>\n                    </>\n                  )}\n                  <Button\n                    buttonStyle=\"secondary\"\n                    className={`${baseClass}__listToggler`}\n                    disabled={readOnly}\n                    onClick={openListDrawer}\n                    size=\"medium\"\n                  >\n                    {t('fields:chooseFromExisting')}\n                  </Button>\n                  {canCreate && !readOnly && (\n                    <>\n                      <span className={`${baseClass}__dropzoneContent__orText`}>\n                        {t('general:or')}\n                      </span>\n                      <Button\n                        buttonStyle=\"secondary\"\n                        className={`${baseClass}__pasteFromClipboard`}\n                        icon=\"clipboard\"\n                        onClick={handlePasteFromClipboard}\n                        size=\"medium\"\n                        tooltip={t('upload:pasteFromClipboard')}\n                      />\n                    </>\n                  )}\n                  <CreateDocDrawer onSave={onDocCreate} />\n                  <ListDrawer\n                    allowCreate={canCreate}\n                    enableRowSelections={hasMany}\n                    onBulkSelect={onListBulkSelect}\n                    onSelect={onListSelect}\n                  />\n                </div>\n\n                {canCreate && !readOnly && (\n                  <p className={`${baseClass}__dragAndDropText`}>\n                    {t('general:or')} {t('upload:dragAndDrop')}\n                  </p>\n                )}\n              </div>\n            </Dropzone>\n          ) : (\n            <>\n              {!readOnly &&\n              !populatedDocs &&\n              (!value ||\n                typeof maxRows !== 'number' ||\n                (Array.isArray(value) && value.length < maxRows)) ? (\n                <ShimmerEffect height=\"40px\" />\n              ) : null}\n            </>\n          )}\n        </div>\n      </div>\n      {AfterInput}\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Upload/Input.spec.js

@@ -0,0 +1,242 @@
+// @vitest-environment jsdom
+import React, { act } from 'react';
+import { createRoot } from 'react-dom/client';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { UploadInput } from './Input.js';
+vi.mock('@faceless-ui/modal', () => ({
+  useModal: () => ({
+    openModal: vi.fn()
+  })
+}));
+vi.mock('../../elements/BulkUpload/index.js', () => ({
+  useBulkUpload: () => ({
+    modalSlug: 'bulk-upload',
+    setCollectionSlug: vi.fn(),
+    setInitialFiles: vi.fn(),
+    setMaxFiles: vi.fn(),
+    setOnSuccess: vi.fn(),
+    setSelectableCollections: vi.fn()
+  })
+}));
+vi.mock('../../elements/DocumentDrawer/index.js', () => ({
+  useDocumentDrawer: () => [() => null, () => null, {
+    closeDrawer: vi.fn(),
+    openDrawer: vi.fn()
+  }]
+}));
+vi.mock('../../elements/ListDrawer/index.js', () => ({
+  useListDrawer: () => [() => null, () => null, {
+    closeDrawer: vi.fn(),
+    openDrawer: vi.fn()
+  }]
+}));
+vi.mock('../../providers/Auth/index.js', () => ({
+  useAuth: () => ({
+    permissions: {}
+  })
+}));
+vi.mock('../../providers/Locale/index.js', () => ({
+  useLocale: () => ({
+    code: 'en',
+    label: 'English'
+  })
+}));
+vi.mock('../../providers/Translation/index.js', () => ({
+  useTranslation: () => ({
+    i18n: {
+      language: 'en'
+    },
+    t: key => key
+  })
+}));
+vi.mock('./HasMany/index.js', () => ({
+  UploadComponentHasMany: props => React.createElement('div', {
+    'data-testid': 'has-many'
+  }, JSON.stringify(props.fileDocs))
+}));
+vi.mock('./HasOne/index.js', () => ({
+  UploadComponentHasOne: () => null
+}));
+const rootCleanups = [];
+beforeEach(() => {
+  vi.stubGlobal('fetch', vi.fn());
+});
+afterEach(() => {
+  for (const cleanup of rootCleanups.splice(0)) {
+    cleanup();
+  }
+  vi.unstubAllGlobals();
+});
+describe('UploadInput populateDocs race', () => {
+  it('aborts an in-flight populateDocs() request when value changes', async () => {
+    let oldRequest;
+    let newRequest;
+    const fetchMock = fetch;
+    fetchMock.mockImplementation((_url, options) => {
+      const deferred = createDeferred();
+      if (options.signal) {
+        if (options.signal.aborted) {
+          return Promise.reject(new DOMException('The operation was aborted.', 'AbortError'));
+        }
+        options.signal.addEventListener('abort', () => {
+          deferred.reject(new DOMException('The operation was aborted.', 'AbortError'));
+        });
+      }
+      if (options.body.includes('old-id')) {
+        oldRequest = deferred;
+      } else {
+        newRequest = deferred;
+      }
+      return deferred.promise;
+    });
+    const {
+      container,
+      rerender
+    } = renderUploadInput({
+      value: ['old-id']
+    });
+    // First render fires populateDocs() for the older value; do not resolve it yet.
+    await act(async () => {
+      await Promise.resolve();
+    });
+    expect(oldRequest).toBeDefined();
+    // A newer value supersedes it before the older request resolves.
+    rerender({
+      value: ['new-id']
+    });
+    await act(async () => {
+      await Promise.resolve();
+    });
+    expect(newRequest).toBeDefined();
+    await expect(oldRequest.promise).rejects.toMatchObject({
+      name: 'AbortError'
+    });
+    // The newer request resolves and is applied.
+    await act(async () => {
+      newRequest.resolve(jsonResponse([{
+        id: 'new-id',
+        filename: 'new.jpg'
+      }]));
+      await Promise.resolve();
+      await Promise.resolve();
+    });
+    expect(container.querySelector('[data-testid="has-many"]')?.textContent).toContain('new-id');
+    expect(container.querySelector('[data-testid="has-many"]')?.textContent).not.toContain('old-id');
+  });
+  it('applies the result normally when requests resolve in order', async () => {
+    let oldRequest;
+    let newRequest;
+    const fetchMock = fetch;
+    fetchMock.mockImplementation((_url, options) => {
+      const deferred = createDeferred();
+      if (options.signal) {
+        if (options.signal.aborted) {
+          return Promise.reject(new DOMException('The operation was aborted.', 'AbortError'));
+        }
+        options.signal.addEventListener('abort', () => {
+          deferred.reject(new DOMException('The operation was aborted.', 'AbortError'));
+        });
+      }
+      if (options.body.includes('old-id')) {
+        oldRequest = deferred;
+      } else {
+        newRequest = deferred;
+      }
+      return deferred.promise;
+    });
+    const {
+      container,
+      rerender
+    } = renderUploadInput({
+      value: ['old-id']
+    });
+    await act(async () => {
+      await Promise.resolve();
+    });
+    await act(async () => {
+      oldRequest.resolve(jsonResponse([{
+        id: 'old-id',
+        filename: 'old.jpg'
+      }]));
+      await Promise.resolve();
+      await Promise.resolve();
+    });
+    expect(container.querySelector('[data-testid="has-many"]')?.textContent).toContain('old-id');
+    rerender({
+      value: ['new-id']
+    });
+    await act(async () => {
+      await Promise.resolve();
+    });
+    await act(async () => {
+      newRequest.resolve(jsonResponse([{
+        id: 'new-id',
+        filename: 'new.jpg'
+      }]));
+      await Promise.resolve();
+      await Promise.resolve();
+    });
+    expect(container.querySelector('[data-testid="has-many"]')?.textContent).toContain('new-id');
+  });
+});
+function renderUploadInput({
+  value
+}) {
+  const container = document.createElement('div');
+  const root = createRoot(container);
+  const props = {
+    api: '/api',
+    hasMany: true,
+    onChange: vi.fn(),
+    path: 'upload',
+    relationTo: 'uploads',
+    serverURL: ''
+  };
+  act(() => {
+    root.render(React.createElement(UploadInput, {
+      ...props,
+      value
+    }));
+  });
+  rootCleanups.push(() => {
+    act(() => {
+      root.unmount();
+    });
+  });
+  return {
+    container,
+    rerender: next => {
+      act(() => {
+        root.render(React.createElement(UploadInput, {
+          ...props,
+          value: next.value
+        }));
+      });
+    }
+  };
+}
+function jsonResponse(docs) {
+  return {
+    json: async () => ({
+      docs
+    }),
+    ok: true
+  };
+}
+function createDeferred() {
+  let resolve;
+  let reject;
+  const promise = new Promise((resolvePromise, rejectPromise) => {
+    resolve = resolvePromise;
+    reject = rejectPromise;
+  });
+  if (!resolve || !reject) {
+    throw new Error('Expected deferred promise resolver.');
+  }
+  return {
+    promise,
+    reject,
+    resolve
+  };
+}
+//# sourceMappingURL=Input.spec.js.map

package/dist/fields/Upload/Input.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.spec.js","names":["React","act","createRoot","afterEach","beforeEach","describe","expect","it","vi","UploadInput","mock","useModal","openModal","fn","useBulkUpload","modalSlug","setCollectionSlug","setInitialFiles","setMaxFiles","setOnSuccess","setSelectableCollections","useDocumentDrawer","closeDrawer","openDrawer","useListDrawer","useAuth","permissions","useLocale","code","label","useTranslation","i18n","language","t","key","UploadComponentHasMany","props","createElement","JSON","stringify","fileDocs","UploadComponentHasOne","rootCleanups","stubGlobal","cleanup","splice","unstubAllGlobals","oldRequest","newRequest","fetchMock","fetch","mockImplementation","_url","options","deferred","createDeferred","signal","aborted","Promise","reject","DOMException","addEventListener","body","includes","promise","container","rerender","renderUploadInput","value","resolve","toBeDefined","rejects","toMatchObject","name","jsonResponse","id","filename","querySelector","textContent","toContain","not","document","root","api","hasMany","onChange","path","relationTo","serverURL","render","push","unmount","next","docs","json","ok","resolvePromise","rejectPromise","Error"],"sources":["../../../src/fields/Upload/Input.spec.ts"],"sourcesContent":["// @vitest-environment jsdom\nimport type { Locale } from 'payload'\n\nimport React, { act } from 'react'\nimport { createRoot, type Root } from 'react-dom/client'\nimport { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'\n\nimport { UploadInput } from './Input.js'\n\nvi.mock('@faceless-ui/modal', () => ({\n  useModal: () => ({ openModal: vi.fn() }),\n}))\n\nvi.mock('../../elements/BulkUpload/index.js', () => ({\n  useBulkUpload: () => ({\n    modalSlug: 'bulk-upload',\n    setCollectionSlug: vi.fn(),\n    setInitialFiles: vi.fn(),\n    setMaxFiles: vi.fn(),\n    setOnSuccess: vi.fn(),\n    setSelectableCollections: vi.fn(),\n  }),\n}))\n\nvi.mock('../../elements/DocumentDrawer/index.js', () => ({\n  useDocumentDrawer: () => [() => null, () => null, { closeDrawer: vi.fn(), openDrawer: vi.fn() }],\n}))\n\nvi.mock('../../elements/ListDrawer/index.js', () => ({\n  useListDrawer: () => [() => null, () => null, { closeDrawer: vi.fn(), openDrawer: vi.fn() }],\n}))\n\nvi.mock('../../providers/Auth/index.js', () => ({\n  useAuth: () => ({ permissions: {} }),\n}))\n\nvi.mock('../../providers/Locale/index.js', () => ({\n  useLocale: (): Locale | null => ({ code: 'en', label: 'English' }),\n}))\n\nvi.mock('../../providers/Translation/index.js', () => ({\n  useTranslation: () => ({ i18n: { language: 'en' }, t: (key: string) => key }),\n}))\n\nvi.mock('./HasMany/index.js', () => ({\n  UploadComponentHasMany: (props: { fileDocs: unknown }) =>\n    React.createElement('div', { 'data-testid': 'has-many' }, JSON.stringify(props.fileDocs)),\n}))\n\nvi.mock('./HasOne/index.js', () => ({\n  UploadComponentHasOne: () => null,\n}))\n\nconst rootCleanups: Array<() => void> = []\n\nbeforeEach(() => {\n  vi.stubGlobal('fetch', vi.fn())\n})\n\nafterEach(() => {\n  for (const cleanup of rootCleanups.splice(0)) {\n    cleanup()\n  }\n  vi.unstubAllGlobals()\n})\n\ndescribe('UploadInput populateDocs race', () => {\n  it('aborts an in-flight populateDocs() request when value changes', async () => {\n    let oldRequest: ReturnType<typeof createDeferred<Response>> | undefined\n    let newRequest: ReturnType<typeof createDeferred<Response>> | undefined\n\n    const fetchMock = fetch as unknown as ReturnType<typeof vi.fn>\n    fetchMock.mockImplementation(\n      (_url: string, options: { body: string; signal?: AbortSignal }) => {\n        const deferred = createDeferred<Response>()\n\n        if (options.signal) {\n          if (options.signal.aborted) {\n            return Promise.reject(new DOMException('The operation was aborted.', 'AbortError'))\n          }\n\n          options.signal.addEventListener('abort', () => {\n            deferred.reject(new DOMException('The operation was aborted.', 'AbortError'))\n          })\n        }\n\n        if (options.body.includes('old-id')) {\n          oldRequest = deferred\n        } else {\n          newRequest = deferred\n        }\n\n        return deferred.promise\n      },\n    )\n\n    const { container, rerender } = renderUploadInput({ value: ['old-id'] })\n\n    // First render fires populateDocs() for the older value; do not resolve it yet.\n    await act(async () => {\n      await Promise.resolve()\n    })\n    expect(oldRequest).toBeDefined()\n\n    // A newer value supersedes it before the older request resolves.\n    rerender({ value: ['new-id'] })\n    await act(async () => {\n      await Promise.resolve()\n    })\n    expect(newRequest).toBeDefined()\n    await expect(oldRequest!.promise).rejects.toMatchObject({ name: 'AbortError' })\n\n    // The newer request resolves and is applied.\n    await act(async () => {\n      newRequest!.resolve(jsonResponse([{ id: 'new-id', filename: 'new.jpg' }]))\n      await Promise.resolve()\n      await Promise.resolve()\n    })\n    expect(container.querySelector('[data-testid=\"has-many\"]')?.textContent).toContain('new-id')\n    expect(container.querySelector('[data-testid=\"has-many\"]')?.textContent).not.toContain('old-id')\n  })\n\n  it('applies the result normally when requests resolve in order', async () => {\n    let oldRequest: ReturnType<typeof createDeferred<Response>> | undefined\n    let newRequest: ReturnType<typeof createDeferred<Response>> | undefined\n\n    const fetchMock = fetch as unknown as ReturnType<typeof vi.fn>\n    fetchMock.mockImplementation(\n      (_url: string, options: { body: string; signal?: AbortSignal }) => {\n        const deferred = createDeferred<Response>()\n\n        if (options.signal) {\n          if (options.signal.aborted) {\n            return Promise.reject(new DOMException('The operation was aborted.', 'AbortError'))\n          }\n\n          options.signal.addEventListener('abort', () => {\n            deferred.reject(new DOMException('The operation was aborted.', 'AbortError'))\n          })\n        }\n\n        if (options.body.includes('old-id')) {\n          oldRequest = deferred\n        } else {\n          newRequest = deferred\n        }\n\n        return deferred.promise\n      },\n    )\n\n    const { container, rerender } = renderUploadInput({ value: ['old-id'] })\n\n    await act(async () => {\n      await Promise.resolve()\n    })\n\n    await act(async () => {\n      oldRequest!.resolve(jsonResponse([{ id: 'old-id', filename: 'old.jpg' }]))\n      await Promise.resolve()\n      await Promise.resolve()\n    })\n    expect(container.querySelector('[data-testid=\"has-many\"]')?.textContent).toContain('old-id')\n\n    rerender({ value: ['new-id'] })\n    await act(async () => {\n      await Promise.resolve()\n    })\n\n    await act(async () => {\n      newRequest!.resolve(jsonResponse([{ id: 'new-id', filename: 'new.jpg' }]))\n      await Promise.resolve()\n      await Promise.resolve()\n    })\n    expect(container.querySelector('[data-testid=\"has-many\"]')?.textContent).toContain('new-id')\n  })\n})\n\nfunction renderUploadInput({ value }: { value: (number | string)[] }): {\n  container: HTMLElement\n  rerender: (next: { value: (number | string)[] }) => void\n} {\n  const container = document.createElement('div')\n  const root: Root = createRoot(container)\n\n  const props = {\n    api: '/api',\n    hasMany: true,\n    onChange: vi.fn(),\n    path: 'upload',\n    relationTo: 'uploads',\n    serverURL: '',\n  }\n\n  act(() => {\n    root.render(React.createElement(UploadInput, { ...props, value }))\n  })\n\n  rootCleanups.push(() => {\n    act(() => {\n      root.unmount()\n    })\n  })\n\n  return {\n    container,\n    rerender: (next) => {\n      act(() => {\n        root.render(React.createElement(UploadInput, { ...props, value: next.value }))\n      })\n    },\n  }\n}\n\nfunction jsonResponse(docs: unknown[]): Response {\n  return {\n    json: async () => ({ docs }),\n    ok: true,\n  } as unknown as Response\n}\n\nfunction createDeferred<Value>(): {\n  promise: Promise<Value>\n  reject: (reason?: unknown) => void\n  resolve: (value: Value | PromiseLike<Value>) => void\n} {\n  let resolve: ((value: Value | PromiseLike<Value>) => void) | undefined\n  let reject: ((reason?: unknown) => void) | undefined\n  const promise = new Promise<Value>((resolvePromise, rejectPromise) => {\n    resolve = resolvePromise\n    reject = rejectPromise\n  })\n\n  if (!resolve || !reject) {\n    throw new Error('Expected deferred promise resolver.')\n  }\n\n  return { promise, reject, resolve }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/shared/index.d.ts

@@ -8,7 +8,7 @@ export declare const fieldBaseClass = "field-type";
 export declare function isFieldRTL({ fieldLocalized, fieldRTL, locale, localizationConfig, }: {
     fieldLocalized?: boolean;
     fieldRTL?: boolean;
-    locale: Locale;
+    locale: Locale | null;
     localizationConfig?: SanitizedLocalizationConfig;
 }): boolean;
 //# sourceMappingURL=index.d.ts.map

package/dist/fields/shared/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/shared/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAElE,eAAO,MAAM,cAAc,eAAe,CAAA;AAE1C;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,cAAc,EACd,QAAQ,EACR,MAAM,EACN,kBAAkB,GACnB,EAAE;IACD,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,EAAE,MAAM,CAAA;IACd,kBAAkB,CAAC,EAAE,2BAA2B,CAAA;CACjD,WAiBA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/shared/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAElE,eAAO,MAAM,cAAc,eAAe,CAAA;AAE1C;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,cAAc,EACd,QAAQ,EACR,MAAM,EACN,kBAAkB,GACnB,EAAE;IACD,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,kBAAkB,CAAC,EAAE,2BAA2B,CAAA;CACjD,WAiBA"}

package/dist/fields/shared/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["fieldBaseClass","isFieldRTL","fieldLocalized","fieldRTL","locale","localizationConfig","hasMultipleLocales","locales","length","isCurrentLocaleDefaultLocale","code","defaultLocale","rtl"],"sources":["../../../src/fields/shared/index.tsx"],"sourcesContent":["'use client'\nimport type { Locale, SanitizedLocalizationConfig } from 'payload'\n\nexport const fieldBaseClass = 'field-type'\n\n/**\n * Determines whether a field should be displayed as right-to-left (RTL) based on its configuration, payload's localization configuration and the adming user's currently enabled locale.\n\n * @returns Whether the field should be displayed as RTL.\n */\nexport function isFieldRTL({\n  fieldLocalized,\n  fieldRTL,\n  locale,\n  localizationConfig,\n}: {\n  fieldLocalized?: boolean\n  fieldRTL?: boolean\n  locale: Locale\n  localizationConfig?: SanitizedLocalizationConfig\n}) {\n  const hasMultipleLocales =\n    locale &&\n    localizationConfig &&\n    localizationConfig.locales &&\n    localizationConfig.locales.length > 1\n\n  const isCurrentLocaleDefaultLocale = locale?.code === localizationConfig?.defaultLocale\n\n  return (\n    (fieldRTL !== false &&\n      locale?.rtl === true &&\n      (fieldLocalized ||\n        (!fieldLocalized && !hasMultipleLocales) || // If there is only one locale which is also rtl, that field is rtl too\n        (!fieldLocalized && isCurrentLocaleDefaultLocale))) || // If the current locale is the default locale, but the field is not localized, that field is rtl too\n    fieldRTL === true\n  ) // If fieldRTL is true. This should be useful for when no localization is set at all in the payload config, but you still want fields to be rtl.\n}\n"],"mappings":"AAAA;;AAGA,OAAO,MAAMA,cAAA,GAAiB;AAE9B;;;;;AAKA,OAAO,SAASC,WAAW;EACzBC,cAAc;EACdC,QAAQ;EACRC,MAAM;EACNC;AAAkB,CAMnB;EACC,MAAMC,kBAAA,GACJF,MAAA,IACAC,kBAAA,IACAA,kBAAA,CAAmBE,OAAO,IAC1BF,kBAAA,CAAmBE,OAAO,CAACC,MAAM,GAAG;EAEtC,MAAMC,4BAAA,GAA+BL,MAAA,EAAQM,IAAA,KAASL,kBAAA,EAAoBM,aAAA;EAE1E,OACER,QAAC,KAAa,SACZC,MAAA,EAAQQ,GAAA,KAAQ,SACfV,cAAA,IACE,CAACA,cAAA,IAAkB,CAACI,kBAAA;EAAuB;EAC3C,CAACJ,cAAA,IAAkBO,4BAA4B;EAAO;EAC3DN,QAAA,KAAa,KACb;AAAA;AACJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["fieldBaseClass","isFieldRTL","fieldLocalized","fieldRTL","locale","localizationConfig","hasMultipleLocales","locales","length","isCurrentLocaleDefaultLocale","code","defaultLocale","rtl"],"sources":["../../../src/fields/shared/index.tsx"],"sourcesContent":["'use client'\nimport type { Locale, SanitizedLocalizationConfig } from 'payload'\n\nexport const fieldBaseClass = 'field-type'\n\n/**\n * Determines whether a field should be displayed as right-to-left (RTL) based on its configuration, payload's localization configuration and the adming user's currently enabled locale.\n\n * @returns Whether the field should be displayed as RTL.\n */\nexport function isFieldRTL({\n  fieldLocalized,\n  fieldRTL,\n  locale,\n  localizationConfig,\n}: {\n  fieldLocalized?: boolean\n  fieldRTL?: boolean\n  locale: Locale | null\n  localizationConfig?: SanitizedLocalizationConfig\n}) {\n  const hasMultipleLocales =\n    locale &&\n    localizationConfig &&\n    localizationConfig.locales &&\n    localizationConfig.locales.length > 1\n\n  const isCurrentLocaleDefaultLocale = locale?.code === localizationConfig?.defaultLocale\n\n  return (\n    (fieldRTL !== false &&\n      locale?.rtl === true &&\n      (fieldLocalized ||\n        (!fieldLocalized && !hasMultipleLocales) || // If there is only one locale which is also rtl, that field is rtl too\n        (!fieldLocalized && isCurrentLocaleDefaultLocale))) || // If the current locale is the default locale, but the field is not localized, that field is rtl too\n    fieldRTL === true\n  ) // If fieldRTL is true. This should be useful for when no localization is set at all in the payload config, but you still want fields to be rtl.\n}\n"],"mappings":"AAAA;;AAGA,OAAO,MAAMA,cAAA,GAAiB;AAE9B;;;;;AAKA,OAAO,SAASC,WAAW;EACzBC,cAAc;EACdC,QAAQ;EACRC,MAAM;EACNC;AAAkB,CAMnB;EACC,MAAMC,kBAAA,GACJF,MAAA,IACAC,kBAAA,IACAA,kBAAA,CAAmBE,OAAO,IAC1BF,kBAAA,CAAmBE,OAAO,CAACC,MAAM,GAAG;EAEtC,MAAMC,4BAAA,GAA+BL,MAAA,EAAQM,IAAA,KAASL,kBAAA,EAAoBM,aAAA;EAE1E,OACER,QAAC,KAAa,SACZC,MAAA,EAAQQ,GAAA,KAAQ,SACfV,cAAA,IACE,CAACA,cAAA,IAAkB,CAACI,kBAAA;EAAuB;EAC3C,CAACJ,cAAA,IAAkBO,4BAA4B;EAAO;EAC3DN,QAAA,KAAa,KACb;AAAA;AACJ","ignoreList":[]}

package/dist/forms/Form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/Form/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAA+D,MAAM,OAAO,CAAA;AAGnF,OAAO,KAAK,EAGV,SAAS,EAIV,MAAM,YAAY,CAAA;AAsCnB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA21BpC,CAAA;AAED,OAAO,EACL,mBAAmB,EACnB,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,OAAO,EACP,aAAa,EACb,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,GACb,MAAM,cAAc,CAAA;AAErB,OAAO,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/Form/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAA+D,MAAM,OAAO,CAAA;AAGnF,OAAO,KAAK,EAGV,SAAS,EAIV,MAAM,YAAY,CAAA;AAsCnB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA41BpC,CAAA;AAED,OAAO,EACL,mBAAmB,EACnB,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,OAAO,EACP,aAAa,EACb,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,GACb,MAAM,cAAc,CAAA;AAErB,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/forms/Form/index.js

@@ -64,9 +64,8 @@ export const Form = props => {
   const method = 'method' in props ? props?.method : undefined;
   const router = useRouter();
   const documentForm = useDocumentForm();
-  const {
-    code: locale
-  } = useLocale();
+  const currentLocale = useLocale();
+  const locale = currentLocale?.code;
   const {
     i18n,
     t