@strapi/upload 5.59.0 → 5.61.0

package/dist/admin/components/MediaLibraryInput/MediaLibraryInput.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MediaLibraryInput.mjs","sources":["../../../../admin/src/components/MediaLibraryInput/MediaLibraryInput.tsx"],"sourcesContent":["import { useRef, useState, type ChangeEvent, type ReactNode } from 'react';\n\nimport { useClipboard, useField, useNotification } from '@strapi/admin/strapi-admin';\nimport { Field, Flex, VisuallyHidden } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { useAIMetadataEnabled } from '../../hooks/useAIMetadataEnabled';\nimport { useMediaLibraryPermissions } from '../../hooks/useMediaLibraryPermissions';\nimport { useTracking } from '../../hooks/useTracking';\n// Temporary: the Content Manager's own asset picker is not built on this stack\n// yet, so browsing and editing the library still go through the legacy dialogs.\n// These imports go when that modal lands.\nimport { AssetDialog } from '../../legacy/components/AssetDialog/AssetDialog';\nimport {\n  EditAssetDialog,\n  type Asset as EditableAsset,\n} from '../../legacy/components/EditAssetDialog/EditAssetContent';\nimport { EditFolderDialog } from '../../legacy/components/EditFolderDialog/EditFolderDialog';\nimport { ImportFromUrlDialog } from '../../pages/Assets/components/ImportFromUrlDialog';\nimport { useUploadFilesMutation, useUploadFromUrlsMutation } from '../../services/api';\nimport { useGetUploadSettingsQuery } from '../../services/settings';\nimport {\n  filterAllowedFiles,\n  isMediaTypeAllowed,\n  type AllowedMediaType,\n} from '../../utils/allowedMediaTypes';\nimport { prefixFileUrlWithBackendUrl } from '../../utils/files';\nimport { getTranslationKey } from '../../utils/translations';\nimport { typeFromMime } from '../../utils/typeFromMime';\n\nimport { AddAssetMenu } from './AddAssetMenu';\nimport { AssetDropZone } from './AssetDropZone';\nimport { AssetRow } from './AssetRow';\nimport { NoLibraryAccessDialog } from './NoLibraryAccessDialog';\n\nimport type { File } from '../../../../shared/contracts/files';\n\n/**\n * `location` for every event this field fires. The standalone Media Library\n * tags its events `'upload'`; the picker inside an entry form has always been\n * `'content-manager'`, and analytics still splits the two on that axis.\n */\nconst CONTENT_MANAGER_LOCATION = 'content-manager';\n\n/**\n * Uploads from here land at the root of the Media Library. An entry form has no\n * current folder to inherit, and the field offers no destination picker — same\n * place the legacy upload wizard put them when none was chosen.\n */\nconst UPLOAD_FOLDER_ID = null;\n\ntype Step = 'browse' | 'create-folder' | 'no-access';\n\nexport interface MediaLibraryInputProps {\n  name: string;\n  label?: string;\n  labelAction?: ReactNode;\n  hint?: string;\n  required?: boolean;\n  disabled?: boolean;\n  attribute?: {\n    allowedTypes?: AllowedMediaType[] | null;\n    multiple?: boolean;\n  };\n}\n\nconst EMPTY_ATTRIBUTE: NonNullable<MediaLibraryInputProps['attribute']> = {};\n\n/**\n * The Content Manager's `media` field, on the current Media Library stack.\n *\n * Files dropped here (or picked from the device) upload straight through\n * `uploadFiles`, which is what drives the global upload progress dialog — so the\n * entry form stays usable while they go, instead of being covered by the legacy\n * wizard.\n *\n * The legacy input is still registered when `useLegacyMediaLibrary` is on, and\n * is untouched by this.\n */\nexport const MediaLibraryInput = ({\n  name,\n  label,\n  labelAction,\n  hint,\n  required = false,\n  disabled = false,\n  attribute = EMPTY_ATTRIBUTE,\n}: MediaLibraryInputProps) => {\n  const { allowedTypes = null, multiple = false } = attribute;\n  const { formatMessage } = useIntl();\n  const { onChange, value, error } = useField<File | File[] | null>(name);\n  const { toggleNotification } = useNotification();\n  const { trackUsage } = useTracking();\n  const { copy } = useClipboard();\n\n  const [step, setStep] = useState<Step | undefined>(undefined);\n  const [folderId, setFolderId] = useState<number | null>(null);\n  const [editedAsset, setEditedAsset] = useState<File | null>(null);\n  const [isUrlDialogOpen, setIsUrlDialogOpen] = useState(false);\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  const [uploadFiles] = useUploadFilesMutation();\n  const [uploadFromUrls] = useUploadFromUrlsMutation();\n  // Echoes the app config; a missing payload (still loading) falls back to\n  // sequential rather than outpacing what the server asked for.\n  const { canRead, canCreate, canUpdate, canCopyLink, canDownload } = useMediaLibraryPermissions();\n  const { data: settings } = useGetUploadSettingsQuery(undefined, { skip: !canRead });\n  const concurrency = settings?.data?.concurrentUploadRequests ?? 1;\n  const isAiMetadataEnabled = useAIMetadataEnabled();\n\n  const assets: File[] = Array.isArray(value) ? value : value ? [value] : [];\n\n  // An upload resumes long after the render that started it, and the dialog is\n  // non-blocking precisely so a second batch can be dropped meanwhile. Reading\n  // the closed-over `assets` on resume would then append to whatever the field\n  // held when that drop began, dropping every asset that landed since.\n  const assetsRef = useRef(assets);\n  assetsRef.current = assets;\n\n  const setAssets = (nextAssets: File[]) => {\n    if (multiple) {\n      onChange(name, nextAssets.length > 0 ? nextAssets : null);\n      return;\n    }\n    onChange(name, nextAssets[0] ?? null);\n  };\n\n  const attachUploadedFile = (file: File) => {\n    const nextAssets = multiple ? [...assetsRef.current, file] : [file];\n    // Parallel uploads can finish before the next render refreshes the ref.\n    assetsRef.current = nextAssets;\n    setAssets(nextAssets);\n  };\n\n  const handleRemove = (asset: File) => {\n    setAssets(assets.filter((current) => current.id !== asset.id));\n  };\n\n  const handleCopyLink = async (asset: File) => {\n    const url = prefixFileUrlWithBackendUrl(asset.url);\n\n    if (!url) {\n      return;\n    }\n\n    const didCopy = await copy(url);\n\n    toggleNotification({\n      type: didCopy ? 'success' : 'danger',\n      message: formatMessage(\n        didCopy\n          ? {\n              id: getTranslationKey('asset-details.copy-link.success'),\n              defaultMessage: 'Link copied.',\n            }\n          : {\n              id: getTranslationKey('asset-details.copy-link.error'),\n              defaultMessage: 'Failed to copy the link.',\n            }\n      ),\n    });\n  };\n\n  const handleEditClose = (result?: EditableAsset | null | boolean) => {\n    const asset = editedAsset;\n    setEditedAsset(null);\n\n    if (!asset) {\n      return;\n    }\n\n    // `null` means the asset was deleted from the library from inside the dialog.\n    if (result === null) {\n      setAssets(assetsRef.current.filter((current) => current.id !== asset.id));\n      return;\n    }\n\n    if (result && typeof result !== 'boolean') {\n      setAssets(\n        assetsRef.current.map((current) => (current.id === asset.id ? (result as File) : current))\n      );\n    }\n  };\n\n  const handleSelect = (selectedAssets: File[]) => {\n    setAssets(selectedAssets);\n    setStep(undefined);\n    setFolderId(null);\n  };\n\n  const notifyUnsupported = () => {\n    toggleNotification({\n      type: 'danger',\n      timeout: 4000,\n      message: formatMessage(\n        {\n          // Legacy key: translated everywhere, and it names the accepted types,\n          // which the field already passes as `fileTypes`.\n          id: getTranslationKey('input.notification.not-supported'),\n          defaultMessage: `You can't upload this type of file, only the following types are accepted – {fileTypes}`,\n        },\n        { fileTypes: (allowedTypes ?? []).join(',') }\n      ),\n    });\n  };\n\n  /**\n   * True when the batch is more than a single-value field can take. Counted on\n   * what was handed in rather than on what survives filtering: uploading one of\n   * several would leave the user guessing which one the field kept.\n   */\n  const rejectsBatch = (count: number) => {\n    if (multiple || count <= 1) {\n      return false;\n    }\n\n    toggleNotification({\n      type: 'danger',\n      timeout: 4000,\n      message: formatMessage({\n        id: getTranslationKey('content-manager.input.notification.single-file'),\n        defaultMessage: 'This field accepts only one file.',\n      }),\n    });\n\n    return true;\n  };\n\n  const handleUpload = async (files: globalThis.File[]) => {\n    if (disabled || files.length === 0) {\n      return;\n    }\n\n    // The device picker can't reach this — it carries `multiple` — so a drop is\n    // the only way in.\n    if (rejectsBatch(files.length)) {\n      return;\n    }\n\n    const allowedFiles = filterAllowedFiles(allowedTypes, files);\n\n    if (allowedFiles.length === 0) {\n      notifyUnsupported();\n      return;\n    }\n\n    // A mixed drop uploads what it can and says so, rather than silently\n    // dropping the rest.\n    if (allowedFiles.length < files.length) {\n      notifyUnsupported();\n    }\n\n    const assetsCountByType = allowedFiles.reduce<Record<string, number>>((acc, file) => {\n      const type = typeFromMime(file.type);\n      acc[type] = (acc[type] ?? 0) + 1;\n      return acc;\n    }, {});\n    trackUsage('didSelectFile', { source: 'computer', location: CONTENT_MANAGER_LOCATION });\n    trackUsage('willAddMediaLibraryAssets', {\n      location: CONTENT_MANAGER_LOCATION,\n      ...assetsCountByType,\n    });\n\n    const formData = new FormData();\n    allowedFiles.forEach((file) => formData.append('files', file));\n    formData.append(\n      'fileInfo',\n      JSON.stringify(\n        allowedFiles.map((file) => ({\n          name: file.name,\n          caption: null,\n          alternativeText: null,\n          folder: UPLOAD_FOLDER_ID,\n        }))\n      )\n    );\n\n    try {\n      // Attached per file rather than from the result: a Retry in the progress\n      // dialog uploads cancelled files after this call has already resolved.\n      await uploadFiles({\n        formData,\n        totalFiles: allowedFiles.length,\n        concurrency,\n        generateAiMetadata: Boolean(isAiMetadataEnabled),\n        onFileUploaded: attachUploadedFile,\n      }).unwrap();\n    } catch {\n      // Errors reach the user through the progress dialog, which the mutation\n      // populates itself.\n    }\n  };\n\n  const handleZoneClick = () => {\n    if (canRead) {\n      setStep('browse');\n    } else if (canCreate) {\n      fileInputRef.current?.click();\n    } else {\n      setStep('no-access');\n    }\n  };\n\n  /**\n   * The server fetches each URL and uploads what it finds, so the file's type\n   * is not known here — `allowedTypes` can only be enforced on what comes back.\n   * A URL whose file the field does not accept is uploaded to the library and\n   * left off the field, which is also what the Media Library page does with it.\n   */\n  const handleUrlUpload = async (urls: string[]) => {\n    if (disabled || urls.length === 0 || rejectsBatch(urls.length)) {\n      return;\n    }\n\n    trackUsage('didSelectFile', { source: 'url', location: CONTENT_MANAGER_LOCATION });\n    trackUsage('willAddMediaLibraryAssets', { location: CONTENT_MANAGER_LOCATION });\n\n    try {\n      const { data: uploadedFiles } = await uploadFromUrls({\n        urls,\n        folderId: UPLOAD_FOLDER_ID,\n        generateAiMetadata: Boolean(isAiMetadataEnabled),\n      }).unwrap();\n\n      const allowedFiles = uploadedFiles.filter((file) =>\n        isMediaTypeAllowed(allowedTypes, file.mime)\n      );\n      const notAttachedFiles = uploadedFiles.filter((file) => !allowedFiles.includes(file));\n\n      if (notAttachedFiles.length > 0) {\n        toggleNotification({\n          type: 'warning',\n          timeout: 4000,\n          message: formatMessage(\n            {\n              id: getTranslationKey('content-manager.input.notification.not-attached'),\n              defaultMessage:\n                '{fileNames} {count, plural, one {was} other {were}} added to the Media Library, but this field only accepts {fileTypes}.',\n            },\n            {\n              fileNames: notAttachedFiles.map((file) => file.name).join(', '),\n              count: notAttachedFiles.length,\n              fileTypes: (allowedTypes ?? []).join(', '),\n            }\n          ),\n        });\n      }\n\n      if (allowedFiles.length > 0) {\n        setAssets(multiple ? [...assetsRef.current, ...allowedFiles] : [allowedFiles[0]]);\n      }\n    } catch {\n      // Errors reach the user through the progress dialog, which the mutation\n      // populates itself.\n    }\n  };\n\n  const handleFileInputChange = async (event: ChangeEvent<HTMLInputElement>) => {\n    // Copied before the reset, not after: `event.target.files` is the input's\n    // live FileList, and clearing `value` empties it in place. Reading it\n    // afterwards yields nothing and the upload never starts.\n    const files = Array.from(event.target.files ?? []);\n    // Reset so picking the same file twice in a row still fires `change`.\n    event.target.value = '';\n\n    if (files.length > 0) {\n      await handleUpload(files);\n    }\n  };\n\n  return (\n    <Field.Root name={name} error={error} hint={hint} required={required}>\n      <Flex justifyContent=\"space-between\" alignItems=\"center\" gap={2}>\n        <Field.Label action={labelAction}>{label}</Field.Label>\n        <AddAssetMenu\n          disabled={disabled}\n          onBrowseLibrary={() => setStep('browse')}\n          onUploadFromDevice={() => fileInputRef.current?.click()}\n          onUploadFromUrl={() => setIsUrlDialogOpen(true)}\n        />\n      </Flex>\n\n      <Flex direction=\"column\" alignItems=\"stretch\" gap={1}>\n        {assets.map((asset) => (\n          <AssetRow\n            key={asset.id}\n            asset={asset}\n            disabled={disabled}\n            onCopyLink={handleCopyLink}\n            // The details dialog needs the library's folder tree, which needs read access.\n            onEdit={canRead ? setEditedAsset : undefined}\n            onRemove={handleRemove}\n          />\n        ))}\n\n        <AssetDropZone disabled={disabled} onClick={handleZoneClick} onDropFiles={handleUpload} />\n      </Flex>\n\n      <Field.Error />\n      <Field.Hint />\n\n      <VisuallyHidden>\n        <input\n          ref={fileInputRef}\n          type=\"file\"\n          multiple={multiple}\n          onChange={handleFileInputChange}\n          tabIndex={-1}\n          aria-hidden\n        />\n      </VisuallyHidden>\n\n      {step === 'browse' && (\n        <AssetDialog\n          open\n          multiple={multiple}\n          allowedTypes={allowedTypes ?? []}\n          initiallySelectedAssets={assets}\n          folderId={folderId}\n          trackedLocation={CONTENT_MANAGER_LOCATION}\n          onClose={() => {\n            setStep(undefined);\n            setFolderId(null);\n          }}\n          onValidate={handleSelect}\n          onAddFolder={() => setStep('create-folder')}\n          // The dialog's own upload button hands back to this field's upload\n          // path, so every route to an uploaded file opens the progress dialog.\n          onAddAsset={() => {\n            setStep(undefined);\n            fileInputRef.current?.click();\n          }}\n          onChangeFolder={(nextFolderId) => setFolderId(nextFolderId)}\n        />\n      )}\n\n      {editedAsset && (\n        <EditAssetDialog\n          open\n          asset={editedAsset as EditableAsset}\n          canUpdate={canUpdate && !disabled}\n          canCopyLink={canCopyLink}\n          canDownload={canDownload}\n          trackedLocation={CONTENT_MANAGER_LOCATION}\n          onClose={handleEditClose}\n        />\n      )}\n\n      {step === 'create-folder' && (\n        <EditFolderDialog open onClose={() => setStep('browse')} parentFolderId={folderId} />\n      )}\n\n      {step === 'no-access' && <NoLibraryAccessDialog onClose={() => setStep(undefined)} />}\n\n      <ImportFromUrlDialog\n        open={isUrlDialogOpen}\n        onClose={() => setIsUrlDialogOpen(false)}\n        onUpload={handleUrlUpload}\n      />\n    </Field.Root>\n  );\n};\n"],"names":["CONTENT_MANAGER_LOCATION","UPLOAD_FOLDER_ID","EMPTY_ATTRIBUTE","MediaLibraryInput","name","label","labelAction","hint","required","disabled","attribute","allowedTypes","multiple","formatMessage","useIntl","onChange","value","error","useField","toggleNotification","useNotification","trackUsage","useTracking","copy","useClipboard","step","setStep","useState","undefined","folderId","setFolderId","editedAsset","setEditedAsset","isUrlDialogOpen","setIsUrlDialogOpen","fileInputRef","useRef","uploadFiles","useUploadFilesMutation","uploadFromUrls","useUploadFromUrlsMutation","canRead","canCreate","canUpdate","canCopyLink","canDownload","useMediaLibraryPermissions","data","settings","useGetUploadSettingsQuery","skip","concurrency","concurrentUploadRequests","isAiMetadataEnabled","useAIMetadataEnabled","assets","Array","isArray","assetsRef","current","setAssets","nextAssets","length","attachUploadedFile","file","handleRemove","asset","filter","id","handleCopyLink","url","prefixFileUrlWithBackendUrl","didCopy","type","message","getTranslationKey","defaultMessage","handleEditClose","result","map","handleSelect","selectedAssets","notifyUnsupported","timeout","fileTypes","join","rejectsBatch","count","handleUpload","files","allowedFiles","filterAllowedFiles","assetsCountByType","reduce","acc","typeFromMime","source","location","formData","FormData","forEach","append","JSON","stringify","caption","alternativeText","folder","totalFiles","generateAiMetadata","Boolean","onFileUploaded","unwrap","handleZoneClick","click","handleUrlUpload","urls","uploadedFiles","isMediaTypeAllowed","mime","notAttachedFiles","includes","fileNames","handleFileInputChange","event","from","target","_jsxs","Field","Root","Flex","justifyContent","alignItems","gap","_jsx","Label","action","AddAssetMenu","onBrowseLibrary","onUploadFromDevice","onUploadFromUrl","direction","AssetRow","onCopyLink","onEdit","onRemove","AssetDropZone","onClick","onDropFiles","Error","Hint","VisuallyHidden","input","ref","tabIndex","aria-hidden","AssetDialog","open","initiallySelectedAssets","trackedLocation","onClose","onValidate","onAddFolder","onAddAsset","onChangeFolder","nextFolderId","EditAssetDialog","EditFolderDialog","parentFolderId","NoLibraryAccessDialog","ImportFromUrlDialog","onUpload"],"mappings":"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"}
+{"version":3,"file":"MediaLibraryInput.mjs","sources":["../../../../admin/src/components/MediaLibraryInput/MediaLibraryInput.tsx"],"sourcesContent":["import { useRef, useState, type ChangeEvent, type ReactNode } from 'react';\n\nimport { useClipboard, useField, useForm, useNotification } from '@strapi/admin/strapi-admin';\nimport { Field, Flex, VisuallyHidden } from '@strapi/design-system';\nimport get from 'lodash/get';\nimport { useIntl } from 'react-intl';\n\nimport { useAIMetadataEnabled } from '../../hooks/useAIMetadataEnabled';\nimport { useMediaLibraryPermissions } from '../../hooks/useMediaLibraryPermissions';\nimport { useTracking } from '../../hooks/useTracking';\nimport { AssetDetailsDrawer } from '../../pages/Assets/components/AssetDetails/AssetDetailsDrawer';\nimport { ImportFromUrlDialog } from '../../pages/Assets/components/ImportFromUrlDialog';\nimport { useUploadFilesMutation, useUploadFromUrlsMutation } from '../../services/api';\nimport { useGetUploadSettingsQuery } from '../../services/settings';\nimport {\n  filterAllowedFiles,\n  isMediaTypeAllowed,\n  type AllowedMediaType,\n} from '../../utils/allowedMediaTypes';\nimport { prefixFileUrlWithBackendUrl } from '../../utils/files';\nimport { getTranslationKey } from '../../utils/translations';\nimport { typeFromMime } from '../../utils/typeFromMime';\nimport { AssetPickerDialog } from '../AssetPickerDialog/AssetPickerDialog';\n\nimport { AddAssetMenu } from './AddAssetMenu';\nimport { AssetCard, UploadCard } from './AssetCard';\nimport { AssetCarousel } from './AssetCarousel';\nimport { AssetDropZone, type ZoneVariant } from './AssetDropZone';\nimport { AssetRow, UploadRow } from './AssetRow';\nimport { isAnyAssetDetailsOpen, useOpenAssetDetails } from './openAssetDetails';\nimport { useFieldUploads, type FieldUpload } from './useFieldUploads';\n\nimport type { AssetWithPopulatedCreatedBy, File } from '../../../../shared/contracts/files';\n\n/**\n * What a field wrote that its form has not rendered yet, per form and field.\n * `getValues()` only catches up on render, and two uploads can complete before\n * the next one. Kept outside the input so it survives a remount.\n */\nconst unrenderedWrites = new WeakMap<object, Map<string, { seen: unknown; written: File[] }>>();\n\nconst toAssets = (value: unknown): File[] =>\n  Array.isArray(value) ? value : value ? [value as File] : [];\n\n/**\n * `location` for every event this field fires. The standalone Media Library\n * tags its events `'upload'`; the picker inside an entry form has always been\n * `'content-manager'`, and analytics still splits the two on that axis.\n */\nconst CONTENT_MANAGER_LOCATION = 'content-manager';\n\n/**\n * Uploads from here land at the root of the Media Library. An entry form has no\n * current folder to inherit, and the field offers no destination picker — same\n * place the legacy upload wizard put them when none was chosen.\n */\nconst UPLOAD_FOLDER_ID = null;\n\ntype Step = 'browse';\n\nexport interface MediaLibraryInputProps {\n  name: string;\n  label?: string;\n  labelAction?: ReactNode;\n  hint?: string;\n  required?: boolean;\n  disabled?: boolean;\n  attribute?: {\n    allowedTypes?: AllowedMediaType[] | null;\n    multiple?: boolean;\n  };\n  /** The field's width in the edit layout, out of 12. Set by the Content Manager. */\n  layoutSize?: number;\n}\n\nconst EMPTY_ATTRIBUTE: NonNullable<MediaLibraryInputProps['attribute']> = {};\n\n/**\n * The Content Manager's `media` field, on the current Media Library stack.\n *\n * Files dropped here (or picked from the device) upload straight through\n * `uploadFiles`, which is what drives the global upload progress dialog — so the\n * entry form stays usable while they go, instead of being covered by the legacy\n * wizard.\n *\n * The legacy input is still registered when `useLegacyMediaLibrary` is on, and\n * is untouched by this.\n */\nexport const MediaLibraryInput = ({\n  name,\n  label,\n  labelAction,\n  hint,\n  required = false,\n  disabled = false,\n  attribute = EMPTY_ATTRIBUTE,\n  layoutSize,\n}: MediaLibraryInputProps) => {\n  const { allowedTypes = null, multiple = false } = attribute;\n  const { formatMessage } = useIntl();\n  const { onChange, value, error } = useField<File | File[] | null>(name);\n  const { toggleNotification } = useNotification();\n  const { trackUsage } = useTracking();\n  const { copy } = useClipboard();\n  const getValues = useForm('MediaLibraryInput', (state) => state.getValues);\n\n  const [step, setStep] = useState<Step | undefined>(undefined);\n  const [editedAssetId, setEditedAssetId] = useState<number | null>(null);\n  const isAnyDrawerOpen = useOpenAssetDetails(editedAssetId !== null);\n  const [isUrlDialogOpen, setIsUrlDialogOpen] = useState(false);\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  const [uploadFiles] = useUploadFilesMutation();\n  const [uploadFromUrls] = useUploadFromUrlsMutation();\n  // Echoes the app config; a missing payload (still loading) falls back to\n  // sequential rather than outpacing what the server asked for.\n  const { isLoading, canRead, canCreate } = useMediaLibraryPermissions();\n  // Not while permissions load: `useRBAC` starts with every flag false, and an\n  // upload sent before it settles can end in a 403.\n  const canUpload = !isLoading && canCreate;\n  const { data: settings } = useGetUploadSettingsQuery(undefined, { skip: !canRead });\n  const concurrency = settings?.data?.concurrentUploadRequests ?? 1;\n  const isAiMetadataEnabled = useAIMetadataEnabled();\n\n  const assets: File[] = Array.isArray(value) ? value : value ? [value] : [];\n\n  // An upload resumes long after the render that started it, and the dialog is\n  // non-blocking precisely so a second batch can be dropped meanwhile. Reading\n  // the closed-over `assets` on resume would then append to whatever the field\n  // held when that drop began, dropping every asset that landed since.\n  const assetsRef = useRef(assets);\n  assetsRef.current = assets;\n\n  const setAssets = (nextAssets: File[]) => {\n    if (multiple) {\n      onChange(name, nextAssets.length > 0 ? nextAssets : null);\n      return;\n    }\n    onChange(name, nextAssets[0] ?? null);\n  };\n\n  const handleRemove = (asset: File) => {\n    setAssets(assets.filter((current) => current.id !== asset.id));\n  };\n\n  // Bound to the form, not to this input: a component collapsed mid-upload\n  // unmounts the field, and the file must still land on the entry.\n  const attachUploadedFile = (file: File) => {\n    const writes = unrenderedWrites.get(getValues) ?? new Map();\n    unrenderedWrites.set(getValues, writes);\n\n    const value = get(getValues(), name);\n    const pending = writes.get(name);\n    const current = pending && pending.seen === value ? pending.written : toAssets(value);\n    const next = multiple ? [...current, file] : [file];\n\n    writes.set(name, { seen: value, written: next });\n    setAssets(next);\n  };\n\n  const { uploads, cancel, retry, dismiss } = useFieldUploads(name);\n\n  const handleCopyLink = async (asset: File) => {\n    const url = prefixFileUrlWithBackendUrl(asset.url);\n\n    if (!url) {\n      return;\n    }\n\n    const didCopy = await copy(url);\n\n    toggleNotification({\n      type: didCopy ? 'success' : 'danger',\n      message: formatMessage(\n        didCopy\n          ? {\n              id: getTranslationKey('asset-details.copy-link.success'),\n              defaultMessage: 'Link copied.',\n            }\n          : {\n              id: getTranslationKey('asset-details.copy-link.error'),\n              defaultMessage: 'Failed to copy the link.',\n            }\n      ),\n    });\n  };\n\n  /**\n   * Opens only when no drawer is open, in this field or another. Pressing a row's\n   * button is a press outside the open drawer, which closes it — or, with unsaved\n   * edits, asks first. Opening on the click that follows would put a second\n   * drawer, or a new asset, under that question and drop the edits it is asking\n   * about.\n   */\n  const handleEdit = (asset: File) => {\n    if (!isAnyAssetDetailsOpen()) {\n      setEditedAssetId(asset.id);\n    }\n  };\n\n  // The drawer saves to the library itself; the field holds its own copy of the\n  // asset, so it takes the server's after every change. Read from the ref: the\n  // drawer reports after a request, by which time this render's `assets` may\n  // be stale.\n  const handleAssetChange = (changedAsset: AssetWithPopulatedCreatedBy) => {\n    setAssets(\n      assetsRef.current.map((current) =>\n        // The populated `createdBy` is the one shape difference, and the entry\n        // only keeps the asset's id on save.\n        current.id === changedAsset.id ? (changedAsset as unknown as File) : current\n      )\n    );\n  };\n\n  // Deleting from the library leaves nothing for the field to point at.\n  const handleAssetDelete = (id: number) => {\n    setAssets(assetsRef.current.filter((current) => current.id !== id));\n  };\n\n  const handleSelect = (selectedAssets: File[]) => {\n    setAssets(selectedAssets);\n    setStep(undefined);\n  };\n\n  const notifyUnsupported = () => {\n    toggleNotification({\n      type: 'danger',\n      timeout: 4000,\n      message: formatMessage(\n        {\n          // Legacy key: translated everywhere, and it names the accepted types,\n          // which the field already passes as `fileTypes`.\n          id: getTranslationKey('input.notification.not-supported'),\n          defaultMessage: `You can't upload this type of file, only the following types are accepted – {fileTypes}`,\n        },\n        { fileTypes: (allowedTypes ?? []).join(',') }\n      ),\n    });\n  };\n\n  /**\n   * True when the batch is more than a single-value field can take. Counted on\n   * what was handed in rather than on what survives filtering: uploading one of\n   * several would leave the user guessing which one the field kept.\n   */\n  const rejectsBatch = (count: number) => {\n    if (multiple || count <= 1) {\n      return false;\n    }\n\n    toggleNotification({\n      type: 'danger',\n      timeout: 4000,\n      message: formatMessage({\n        id: getTranslationKey('content-manager.input.notification.single-file'),\n        defaultMessage: 'This field accepts only one file.',\n      }),\n    });\n\n    return true;\n  };\n\n  const handleUpload = (files: globalThis.File[]) => {\n    if (disabled || !canUpload || files.length === 0) {\n      return;\n    }\n\n    // The device picker can't reach this — it carries `multiple` — so a drop is\n    // the only way in.\n    if (rejectsBatch(files.length)) {\n      return;\n    }\n\n    const allowedFiles = filterAllowedFiles(allowedTypes, files);\n\n    if (allowedFiles.length === 0) {\n      notifyUnsupported();\n      return;\n    }\n\n    // A mixed drop uploads what it can and says so, rather than silently\n    // dropping the rest.\n    if (allowedFiles.length < files.length) {\n      notifyUnsupported();\n    }\n\n    const assetsCountByType = allowedFiles.reduce<Record<string, number>>((acc, file) => {\n      const type = typeFromMime(file.type);\n      acc[type] = (acc[type] ?? 0) + 1;\n      return acc;\n    }, {});\n    trackUsage('didSelectFile', { source: 'computer', location: CONTENT_MANAGER_LOCATION });\n    trackUsage('willAddMediaLibraryAssets', {\n      location: CONTENT_MANAGER_LOCATION,\n      ...assetsCountByType,\n    });\n\n    startUpload(allowedFiles);\n  };\n\n  /**\n   * Hands the files to the shared upload pool. The field picks the results up\n   * from `onFileUploaded`, which also runs for retries of the same rows.\n   */\n  const startUpload = (allowedFiles: globalThis.File[]) => {\n    const formData = new FormData();\n    allowedFiles.forEach((file) => formData.append('files', file));\n    formData.append(\n      'fileInfo',\n      JSON.stringify(\n        allowedFiles.map((file) => ({\n          name: file.name,\n          caption: null,\n          alternativeText: null,\n          folder: UPLOAD_FOLDER_ID,\n        }))\n      )\n    );\n\n    uploadFiles({\n      formData,\n      totalFiles: allowedFiles.length,\n      concurrency,\n      generateAiMetadata: Boolean(isAiMetadataEnabled),\n      onFileUploaded: attachUploadedFile,\n      owner: name,\n    });\n  };\n\n  const handleRetry = (upload: FieldUpload) => retry(upload, (file) => startUpload([file]));\n\n  /**\n   * The server fetches each URL and uploads what it finds, so the file's type\n   * is not known here — `allowedTypes` can only be enforced on what comes back.\n   * A URL whose file the field does not accept is uploaded to the library and\n   * left off the field, which is also what the Media Library page does with it.\n   */\n  const handleUrlUpload = async (urls: string[]) => {\n    if (disabled || urls.length === 0 || rejectsBatch(urls.length)) {\n      return;\n    }\n\n    trackUsage('didSelectFile', { source: 'url', location: CONTENT_MANAGER_LOCATION });\n    trackUsage('willAddMediaLibraryAssets', { location: CONTENT_MANAGER_LOCATION });\n\n    try {\n      const { data: uploadedFiles } = await uploadFromUrls({\n        urls,\n        folderId: UPLOAD_FOLDER_ID,\n        generateAiMetadata: Boolean(isAiMetadataEnabled),\n      }).unwrap();\n\n      const allowedFiles = uploadedFiles.filter((file) =>\n        isMediaTypeAllowed(allowedTypes, file.mime)\n      );\n      const notAttachedFiles = uploadedFiles.filter((file) => !allowedFiles.includes(file));\n\n      if (notAttachedFiles.length > 0) {\n        toggleNotification({\n          type: 'warning',\n          timeout: 4000,\n          message: formatMessage(\n            {\n              id: getTranslationKey('content-manager.input.notification.not-attached'),\n              defaultMessage:\n                '{fileNames} {count, plural, one {was} other {were}} added to the Media Library, but this field only accepts {fileTypes}.',\n            },\n            {\n              fileNames: notAttachedFiles.map((file) => file.name).join(', '),\n              count: notAttachedFiles.length,\n              fileTypes: (allowedTypes ?? []).join(', '),\n            }\n          ),\n        });\n      }\n\n      if (allowedFiles.length > 0) {\n        setAssets(multiple ? [...assetsRef.current, ...allowedFiles] : [allowedFiles[0]]);\n      }\n    } catch {\n      // Errors reach the user through the progress dialog, which the mutation\n      // populates itself.\n    }\n  };\n\n  const handleFileInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n    // Copied before the reset, not after: `event.target.files` is the input's\n    // live FileList, and clearing `value` empties it in place. Reading it\n    // afterwards yields nothing and the upload never starts.\n    const files = Array.from(event.target.files ?? []);\n    // Reset so picking the same file twice in a row still fires `change`.\n    event.target.value = '';\n\n    if (files.length > 0) {\n      handleUpload(files);\n    }\n  };\n\n  const renderValue = () => {\n    const dropZone = (variant: ZoneVariant) => (\n      <AssetDropZone\n        variant={variant}\n        disabled={disabled || !canUpload}\n        onDropFiles={handleUpload}\n      />\n    );\n\n    if (assets.length === 0 && uploads.length === 0) {\n      return dropZone('bar');\n    }\n\n    const uploadHandlers = {\n      disabled,\n      onCancel: cancel,\n      onRetry: handleRetry,\n      onRemove: (upload: FieldUpload) => dismiss(upload.key),\n    };\n\n    if (!multiple) {\n      // A replacement in flight, or one that failed, stands in for the current\n      // asset until it lands or is removed.\n      if (uploads.length > 0) {\n        return (\n          <Flex direction=\"column\" alignItems=\"stretch\" gap={2}>\n            {uploads.map((upload) => (\n              <UploadRow key={upload.key} upload={upload} {...uploadHandlers} />\n            ))}\n          </Flex>\n        );\n      }\n\n      return (\n        <AssetRow\n          asset={assets[0]}\n          disabled={disabled}\n          onCopyLink={handleCopyLink}\n          // The details drawer fetches the asset from the library, which needs read access.\n          onEdit={canRead ? handleEdit : undefined}\n          onRemove={handleRemove}\n        />\n      );\n    }\n\n    return (\n      <AssetCarousel renderDropZone={dropZone} layoutSize={layoutSize}>\n        {assets.map((asset) => (\n          <AssetCard\n            key={asset.id}\n            asset={asset}\n            disabled={disabled}\n            onCopyLink={handleCopyLink}\n            onEdit={canRead ? handleEdit : undefined}\n            onRemove={handleRemove}\n          />\n        ))}\n        {uploads.map((upload) => (\n          <UploadCard key={upload.key} upload={upload} {...uploadHandlers} />\n        ))}\n      </AssetCarousel>\n    );\n  };\n\n  return (\n    <Field.Root name={name} error={error} hint={hint} required={required}>\n      <Flex justifyContent=\"space-between\" alignItems=\"center\" gap={2}>\n        <Field.Label action={labelAction}>{label}</Field.Label>\n        <AddAssetMenu\n          disabled={disabled}\n          preventOpen={isAnyDrawerOpen}\n          onBrowseLibrary={() => setStep('browse')}\n          onUploadFromDevice={() => fileInputRef.current?.click()}\n          onUploadFromUrl={() => setIsUrlDialogOpen(true)}\n        />\n      </Flex>\n\n      {renderValue()}\n\n      <Field.Error />\n      <Field.Hint />\n\n      <VisuallyHidden>\n        <input\n          ref={fileInputRef}\n          type=\"file\"\n          multiple={multiple}\n          onChange={handleFileInputChange}\n          tabIndex={-1}\n          aria-hidden\n        />\n      </VisuallyHidden>\n\n      {step === 'browse' && (\n        <AssetPickerDialog\n          open\n          title={formatMessage(\n            {\n              id: getTranslationKey('asset-picker.title'),\n              defaultMessage: 'Add asset for {fieldName}',\n            },\n            { fieldName: label ?? name }\n          )}\n          initialSelection={assets}\n          multiple={multiple}\n          allowedTypes={allowedTypes}\n          onClose={() => setStep(undefined)}\n          onConfirm={handleSelect}\n        />\n      )}\n\n      <AssetDetailsDrawer\n        assetId={editedAssetId}\n        onClose={() => setEditedAssetId(null)}\n        onAssetChange={handleAssetChange}\n        onAssetDelete={handleAssetDelete}\n        trackedLocation={CONTENT_MANAGER_LOCATION}\n      />\n\n      <ImportFromUrlDialog\n        open={isUrlDialogOpen}\n        onClose={() => setIsUrlDialogOpen(false)}\n        onUpload={handleUrlUpload}\n      />\n    </Field.Root>\n  );\n};\n"],"names":["unrenderedWrites","WeakMap","toAssets","value","Array","isArray","CONTENT_MANAGER_LOCATION","UPLOAD_FOLDER_ID","EMPTY_ATTRIBUTE","MediaLibraryInput","name","label","labelAction","hint","required","disabled","attribute","layoutSize","allowedTypes","multiple","formatMessage","useIntl","onChange","error","useField","toggleNotification","useNotification","trackUsage","useTracking","copy","useClipboard","getValues","useForm","state","step","setStep","useState","undefined","editedAssetId","setEditedAssetId","isAnyDrawerOpen","useOpenAssetDetails","isUrlDialogOpen","setIsUrlDialogOpen","fileInputRef","useRef","uploadFiles","useUploadFilesMutation","uploadFromUrls","useUploadFromUrlsMutation","isLoading","canRead","canCreate","useMediaLibraryPermissions","canUpload","data","settings","useGetUploadSettingsQuery","skip","concurrency","concurrentUploadRequests","isAiMetadataEnabled","useAIMetadataEnabled","assets","assetsRef","current","setAssets","nextAssets","length","handleRemove","asset","filter","id","attachUploadedFile","file","writes","get","Map","set","pending","seen","written","next","uploads","cancel","retry","dismiss","useFieldUploads","handleCopyLink","url","prefixFileUrlWithBackendUrl","didCopy","type","message","getTranslationKey","defaultMessage","handleEdit","isAnyAssetDetailsOpen","handleAssetChange","changedAsset","map","handleAssetDelete","handleSelect","selectedAssets","notifyUnsupported","timeout","fileTypes","join","rejectsBatch","count","handleUpload","files","allowedFiles","filterAllowedFiles","assetsCountByType","reduce","acc","typeFromMime","source","location","startUpload","formData","FormData","forEach","append","JSON","stringify","caption","alternativeText","folder","totalFiles","generateAiMetadata","Boolean","onFileUploaded","owner","handleRetry","upload","handleUrlUpload","urls","uploadedFiles","folderId","unwrap","isMediaTypeAllowed","mime","notAttachedFiles","includes","fileNames","handleFileInputChange","event","from","target","renderValue","dropZone","variant","_jsx","AssetDropZone","onDropFiles","uploadHandlers","onCancel","onRetry","onRemove","key","Flex","direction","alignItems","gap","UploadRow","AssetRow","onCopyLink","onEdit","_jsxs","AssetCarousel","renderDropZone","AssetCard","UploadCard","Field","Root","justifyContent","Label","action","AddAssetMenu","preventOpen","onBrowseLibrary","onUploadFromDevice","click","onUploadFromUrl","Error","Hint","VisuallyHidden","input","ref","tabIndex","aria-hidden","AssetPickerDialog","open","title","fieldName","initialSelection","onClose","onConfirm","AssetDetailsDrawer","assetId","onAssetChange","onAssetDelete","trackedLocation","ImportFromUrlDialog","onUpload"],"mappings":"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"}

package/dist/admin/components/MediaLibraryInput/UploadProgressBar.js

@@ -0,0 +1,42 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var styledComponents = require('styled-components');
+
+const slide = styledComponents.keyframes`
+  from { transform: translateX(-100%); }
+  to { transform: translateX(400%); }
+`;
+const Track = styledComponents.styled.div`
+  position: relative;
+  width: 100%;
+  height: 0.4rem;
+  overflow: hidden;
+  border-radius: 0.2rem;
+  background: ${({ theme })=>theme.colors.primary200};
+`;
+const Fill = styledComponents.styled.div`
+  height: 100%;
+  border-radius: inherit;
+  background: ${({ theme })=>theme.colors.primary600};
+  transition: width 0.2s linear;
+  width: ${({ $progress })=>$progress === null ? '25%' : `${$progress}%`};
+  animation: ${({ $progress })=>$progress === null ? slide : 'none'} 1.2s ease-in-out infinite;
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
+`;
+const UploadProgressBar = ({ progress, label })=>/*#__PURE__*/ jsxRuntime.jsx(Track, {
+        role: "progressbar",
+        "aria-label": label,
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuenow": progress ?? undefined,
+        children: /*#__PURE__*/ jsxRuntime.jsx(Fill, {
+            $progress: progress
+        })
+    });
+
+exports.UploadProgressBar = UploadProgressBar;
+//# sourceMappingURL=UploadProgressBar.js.map

package/dist/admin/components/MediaLibraryInput/UploadProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadProgressBar.js","sources":["../../../../admin/src/components/MediaLibraryInput/UploadProgressBar.tsx"],"sourcesContent":["import { keyframes, styled } from 'styled-components';\n\nconst slide = keyframes`\n  from { transform: translateX(-100%); }\n  to { transform: translateX(400%); }\n`;\n\nconst Track = styled.div`\n  position: relative;\n  width: 100%;\n  height: 0.4rem;\n  overflow: hidden;\n  border-radius: 0.2rem;\n  background: ${({ theme }) => theme.colors.primary200};\n`;\n\nconst Fill = styled.div<{ $progress: number | null }>`\n  height: 100%;\n  border-radius: inherit;\n  background: ${({ theme }) => theme.colors.primary600};\n  transition: width 0.2s linear;\n  width: ${({ $progress }) => ($progress === null ? '25%' : `${$progress}%`)};\n  animation: ${({ $progress }) => ($progress === null ? slide : 'none')} 1.2s ease-in-out infinite;\n\n  @media (prefers-reduced-motion: reduce) {\n    animation: none;\n  }\n`;\n\ninterface UploadProgressBarProps {\n  /** 0–100, or `null` for an upload whose size is not known. */\n  progress: number | null;\n  label: string;\n}\n\nexport const UploadProgressBar = ({ progress, label }: UploadProgressBarProps) => (\n  <Track\n    role=\"progressbar\"\n    aria-label={label}\n    aria-valuemin={0}\n    aria-valuemax={100}\n    aria-valuenow={progress ?? undefined}\n  >\n    <Fill $progress={progress} />\n  </Track>\n);\n"],"names":["slide","keyframes","Track","styled","div","theme","colors","primary200","Fill","primary600","$progress","UploadProgressBar","progress","label","_jsx","role","aria-label","aria-valuemin","aria-valuemax","aria-valuenow","undefined"],"mappings":";;;;;AAEA,MAAMA,KAAAA,GAAQC,0BAAS;;;AAGvB,CAAC;AAED,MAAMC,KAAAA,GAAQC,uBAAAA,CAAOC,GAAG;;;;;;cAMV,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACC,UAAU,CAAC;AACvD,CAAC;AAED,MAAMC,IAAAA,GAAOL,uBAAAA,CAAOC,GAAiC;;;cAGvC,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACG,UAAU,CAAC;;AAE9C,SAAA,EAAE,CAAC,EAAEC,SAAS,EAAE,GAAMA,SAAAA,KAAc,IAAA,GAAO,KAAA,GAAQ,CAAA,EAAGA,SAAAA,CAAU,CAAC,CAAC,CAAE;aAChE,EAAE,CAAC,EAAEA,SAAS,EAAE,GAAMA,SAAAA,KAAc,IAAA,GAAOV,QAAQ,MAAA,CAAQ;;;;;AAKxE,CAAC;AAQM,MAAMW,oBAAoB,CAAC,EAAEC,QAAQ,EAAEC,KAAK,EAA0B,iBAC3EC,cAAA,CAACZ,KAAAA,EAAAA;QACCa,IAAAA,EAAK,aAAA;QACLC,YAAAA,EAAYH,KAAAA;QACZI,eAAAA,EAAe,CAAA;QACfC,eAAAA,EAAe,GAAA;AACfC,QAAAA,eAAAA,EAAeP,QAAAA,IAAYQ,SAAAA;AAE3B,QAAA,QAAA,gBAAAN,cAAA,CAACN,IAAAA,EAAAA;YAAKE,SAAAA,EAAWE;;AAEnB,KAAA;;;;"}

package/dist/admin/components/MediaLibraryInput/UploadProgressBar.mjs

@@ -0,0 +1,40 @@
+import { jsx } from 'react/jsx-runtime';
+import { keyframes, styled } from 'styled-components';
+
+const slide = keyframes`
+  from { transform: translateX(-100%); }
+  to { transform: translateX(400%); }
+`;
+const Track = styled.div`
+  position: relative;
+  width: 100%;
+  height: 0.4rem;
+  overflow: hidden;
+  border-radius: 0.2rem;
+  background: ${({ theme })=>theme.colors.primary200};
+`;
+const Fill = styled.div`
+  height: 100%;
+  border-radius: inherit;
+  background: ${({ theme })=>theme.colors.primary600};
+  transition: width 0.2s linear;
+  width: ${({ $progress })=>$progress === null ? '25%' : `${$progress}%`};
+  animation: ${({ $progress })=>$progress === null ? slide : 'none'} 1.2s ease-in-out infinite;
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
+`;
+const UploadProgressBar = ({ progress, label })=>/*#__PURE__*/ jsx(Track, {
+        role: "progressbar",
+        "aria-label": label,
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuenow": progress ?? undefined,
+        children: /*#__PURE__*/ jsx(Fill, {
+            $progress: progress
+        })
+    });
+
+export { UploadProgressBar };
+//# sourceMappingURL=UploadProgressBar.mjs.map

package/dist/admin/components/MediaLibraryInput/UploadProgressBar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadProgressBar.mjs","sources":["../../../../admin/src/components/MediaLibraryInput/UploadProgressBar.tsx"],"sourcesContent":["import { keyframes, styled } from 'styled-components';\n\nconst slide = keyframes`\n  from { transform: translateX(-100%); }\n  to { transform: translateX(400%); }\n`;\n\nconst Track = styled.div`\n  position: relative;\n  width: 100%;\n  height: 0.4rem;\n  overflow: hidden;\n  border-radius: 0.2rem;\n  background: ${({ theme }) => theme.colors.primary200};\n`;\n\nconst Fill = styled.div<{ $progress: number | null }>`\n  height: 100%;\n  border-radius: inherit;\n  background: ${({ theme }) => theme.colors.primary600};\n  transition: width 0.2s linear;\n  width: ${({ $progress }) => ($progress === null ? '25%' : `${$progress}%`)};\n  animation: ${({ $progress }) => ($progress === null ? slide : 'none')} 1.2s ease-in-out infinite;\n\n  @media (prefers-reduced-motion: reduce) {\n    animation: none;\n  }\n`;\n\ninterface UploadProgressBarProps {\n  /** 0–100, or `null` for an upload whose size is not known. */\n  progress: number | null;\n  label: string;\n}\n\nexport const UploadProgressBar = ({ progress, label }: UploadProgressBarProps) => (\n  <Track\n    role=\"progressbar\"\n    aria-label={label}\n    aria-valuemin={0}\n    aria-valuemax={100}\n    aria-valuenow={progress ?? undefined}\n  >\n    <Fill $progress={progress} />\n  </Track>\n);\n"],"names":["slide","keyframes","Track","styled","div","theme","colors","primary200","Fill","primary600","$progress","UploadProgressBar","progress","label","_jsx","role","aria-label","aria-valuemin","aria-valuemax","aria-valuenow","undefined"],"mappings":";;;AAEA,MAAMA,KAAAA,GAAQC,SAAS;;;AAGvB,CAAC;AAED,MAAMC,KAAAA,GAAQC,MAAAA,CAAOC,GAAG;;;;;;cAMV,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACC,UAAU,CAAC;AACvD,CAAC;AAED,MAAMC,IAAAA,GAAOL,MAAAA,CAAOC,GAAiC;;;cAGvC,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACG,UAAU,CAAC;;AAE9C,SAAA,EAAE,CAAC,EAAEC,SAAS,EAAE,GAAMA,SAAAA,KAAc,IAAA,GAAO,KAAA,GAAQ,CAAA,EAAGA,SAAAA,CAAU,CAAC,CAAC,CAAE;aAChE,EAAE,CAAC,EAAEA,SAAS,EAAE,GAAMA,SAAAA,KAAc,IAAA,GAAOV,QAAQ,MAAA,CAAQ;;;;;AAKxE,CAAC;AAQM,MAAMW,oBAAoB,CAAC,EAAEC,QAAQ,EAAEC,KAAK,EAA0B,iBAC3EC,GAAA,CAACZ,KAAAA,EAAAA;QACCa,IAAAA,EAAK,aAAA;QACLC,YAAAA,EAAYH,KAAAA;QACZI,eAAAA,EAAe,CAAA;QACfC,eAAAA,EAAe,GAAA;AACfC,QAAAA,eAAAA,EAAeP,QAAAA,IAAYQ,SAAAA;AAE3B,QAAA,QAAA,gBAAAN,GAAA,CAACN,IAAAA,EAAAA;YAAKE,SAAAA,EAAWE;;AAEnB,KAAA;;;;"}

package/dist/admin/components/MediaLibraryInput/openAssetDetails.js

@@ -0,0 +1,46 @@
+'use strict';
+
+var React = require('react');
+
+/**
+ * The media fields that have their asset details drawer open. An entry's media
+ * fields share no parent this package owns, yet a press on any of them is a
+ * press outside another field's open drawer — which closes it, or asks about its
+ * unsaved edits. Nothing should open over that, from any field.
+ */ const openFields = new Set();
+const listeners = new Set();
+const subscribe = (listener)=>{
+    listeners.add(listener);
+    return ()=>{
+        listeners.delete(listener);
+    };
+};
+/** Read at event time, so a handler never acts on a stale render. */ const isAnyAssetDetailsOpen = ()=>openFields.size > 0;
+/**
+ * Registers this field's drawer while `isOpen`, and returns whether any field —
+ * this one included — has one open.
+ *
+ * A layout effect, not a plain one: the drawer that a press closes must be gone
+ * from the set before that press's click reaches the next field.
+ */ const useOpenAssetDetails = (isOpen)=>{
+    const id = React.useId();
+    React.useLayoutEffect(()=>{
+        if (!isOpen) {
+            return;
+        }
+        openFields.add(id);
+        listeners.forEach((listener)=>listener());
+        return ()=>{
+            openFields.delete(id);
+            listeners.forEach((listener)=>listener());
+        };
+    }, [
+        id,
+        isOpen
+    ]);
+    return React.useSyncExternalStore(subscribe, isAnyAssetDetailsOpen);
+};
+
+exports.isAnyAssetDetailsOpen = isAnyAssetDetailsOpen;
+exports.useOpenAssetDetails = useOpenAssetDetails;
+//# sourceMappingURL=openAssetDetails.js.map

package/dist/admin/components/MediaLibraryInput/openAssetDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"openAssetDetails.js","sources":["../../../../admin/src/components/MediaLibraryInput/openAssetDetails.ts"],"sourcesContent":["import { useId, useLayoutEffect, useSyncExternalStore } from 'react';\n\n/**\n * The media fields that have their asset details drawer open. An entry's media\n * fields share no parent this package owns, yet a press on any of them is a\n * press outside another field's open drawer — which closes it, or asks about its\n * unsaved edits. Nothing should open over that, from any field.\n */\nconst openFields = new Set<string>();\nconst listeners = new Set<() => void>();\n\nconst subscribe = (listener: () => void) => {\n  listeners.add(listener);\n\n  return () => {\n    listeners.delete(listener);\n  };\n};\n\n/** Read at event time, so a handler never acts on a stale render. */\nexport const isAnyAssetDetailsOpen = () => openFields.size > 0;\n\n/**\n * Registers this field's drawer while `isOpen`, and returns whether any field —\n * this one included — has one open.\n *\n * A layout effect, not a plain one: the drawer that a press closes must be gone\n * from the set before that press's click reaches the next field.\n */\nexport const useOpenAssetDetails = (isOpen: boolean) => {\n  const id = useId();\n\n  useLayoutEffect(() => {\n    if (!isOpen) {\n      return;\n    }\n\n    openFields.add(id);\n    listeners.forEach((listener) => listener());\n\n    return () => {\n      openFields.delete(id);\n      listeners.forEach((listener) => listener());\n    };\n  }, [id, isOpen]);\n\n  return useSyncExternalStore(subscribe, isAnyAssetDetailsOpen);\n};\n"],"names":["openFields","Set","listeners","subscribe","listener","add","delete","isAnyAssetDetailsOpen","size","useOpenAssetDetails","isOpen","id","useId","useLayoutEffect","forEach","useSyncExternalStore"],"mappings":";;;;AAEA;;;;;IAMA,MAAMA,aAAa,IAAIC,GAAAA,EAAAA;AACvB,MAAMC,YAAY,IAAID,GAAAA,EAAAA;AAEtB,MAAME,YAAY,CAACC,QAAAA,GAAAA;AACjBF,IAAAA,SAAAA,CAAUG,GAAG,CAACD,QAAAA,CAAAA;IAEd,OAAO,IAAA;AACLF,QAAAA,SAAAA,CAAUI,MAAM,CAACF,QAAAA,CAAAA;AACnB,IAAA,CAAA;AACF,CAAA;AAEA,sEACO,MAAMG,qBAAAA,GAAwB,IAAMP,UAAAA,CAAWQ,IAAI,GAAG;AAE7D;;;;;;IAOO,MAAMC,mBAAAA,GAAsB,CAACC,MAAAA,GAAAA;AAClC,IAAA,MAAMC,EAAAA,GAAKC,WAAAA,EAAAA;IAEXC,qBAAAA,CAAgB,IAAA;AACd,QAAA,IAAI,CAACH,MAAAA,EAAQ;AACX,YAAA;AACF,QAAA;AAEAV,QAAAA,UAAAA,CAAWK,GAAG,CAACM,EAAAA,CAAAA;QACfT,SAAAA,CAAUY,OAAO,CAAC,CAACV,QAAAA,GAAaA,QAAAA,EAAAA,CAAAA;QAEhC,OAAO,IAAA;AACLJ,YAAAA,UAAAA,CAAWM,MAAM,CAACK,EAAAA,CAAAA;YAClBT,SAAAA,CAAUY,OAAO,CAAC,CAACV,QAAAA,GAAaA,QAAAA,EAAAA,CAAAA;AAClC,QAAA,CAAA;IACF,CAAA,EAAG;AAACO,QAAAA,EAAAA;AAAID,QAAAA;AAAO,KAAA,CAAA;AAEf,IAAA,OAAOK,2BAAqBZ,SAAAA,EAAWI,qBAAAA,CAAAA;AACzC;;;;;"}

package/dist/admin/components/MediaLibraryInput/openAssetDetails.mjs

@@ -0,0 +1,43 @@
+import { useId, useLayoutEffect, useSyncExternalStore } from 'react';
+
+/**
+ * The media fields that have their asset details drawer open. An entry's media
+ * fields share no parent this package owns, yet a press on any of them is a
+ * press outside another field's open drawer — which closes it, or asks about its
+ * unsaved edits. Nothing should open over that, from any field.
+ */ const openFields = new Set();
+const listeners = new Set();
+const subscribe = (listener)=>{
+    listeners.add(listener);
+    return ()=>{
+        listeners.delete(listener);
+    };
+};
+/** Read at event time, so a handler never acts on a stale render. */ const isAnyAssetDetailsOpen = ()=>openFields.size > 0;
+/**
+ * Registers this field's drawer while `isOpen`, and returns whether any field —
+ * this one included — has one open.
+ *
+ * A layout effect, not a plain one: the drawer that a press closes must be gone
+ * from the set before that press's click reaches the next field.
+ */ const useOpenAssetDetails = (isOpen)=>{
+    const id = useId();
+    useLayoutEffect(()=>{
+        if (!isOpen) {
+            return;
+        }
+        openFields.add(id);
+        listeners.forEach((listener)=>listener());
+        return ()=>{
+            openFields.delete(id);
+            listeners.forEach((listener)=>listener());
+        };
+    }, [
+        id,
+        isOpen
+    ]);
+    return useSyncExternalStore(subscribe, isAnyAssetDetailsOpen);
+};
+
+export { isAnyAssetDetailsOpen, useOpenAssetDetails };
+//# sourceMappingURL=openAssetDetails.mjs.map

package/dist/admin/components/MediaLibraryInput/openAssetDetails.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"openAssetDetails.mjs","sources":["../../../../admin/src/components/MediaLibraryInput/openAssetDetails.ts"],"sourcesContent":["import { useId, useLayoutEffect, useSyncExternalStore } from 'react';\n\n/**\n * The media fields that have their asset details drawer open. An entry's media\n * fields share no parent this package owns, yet a press on any of them is a\n * press outside another field's open drawer — which closes it, or asks about its\n * unsaved edits. Nothing should open over that, from any field.\n */\nconst openFields = new Set<string>();\nconst listeners = new Set<() => void>();\n\nconst subscribe = (listener: () => void) => {\n  listeners.add(listener);\n\n  return () => {\n    listeners.delete(listener);\n  };\n};\n\n/** Read at event time, so a handler never acts on a stale render. */\nexport const isAnyAssetDetailsOpen = () => openFields.size > 0;\n\n/**\n * Registers this field's drawer while `isOpen`, and returns whether any field —\n * this one included — has one open.\n *\n * A layout effect, not a plain one: the drawer that a press closes must be gone\n * from the set before that press's click reaches the next field.\n */\nexport const useOpenAssetDetails = (isOpen: boolean) => {\n  const id = useId();\n\n  useLayoutEffect(() => {\n    if (!isOpen) {\n      return;\n    }\n\n    openFields.add(id);\n    listeners.forEach((listener) => listener());\n\n    return () => {\n      openFields.delete(id);\n      listeners.forEach((listener) => listener());\n    };\n  }, [id, isOpen]);\n\n  return useSyncExternalStore(subscribe, isAnyAssetDetailsOpen);\n};\n"],"names":["openFields","Set","listeners","subscribe","listener","add","delete","isAnyAssetDetailsOpen","size","useOpenAssetDetails","isOpen","id","useId","useLayoutEffect","forEach","useSyncExternalStore"],"mappings":";;AAEA;;;;;IAMA,MAAMA,aAAa,IAAIC,GAAAA,EAAAA;AACvB,MAAMC,YAAY,IAAID,GAAAA,EAAAA;AAEtB,MAAME,YAAY,CAACC,QAAAA,GAAAA;AACjBF,IAAAA,SAAAA,CAAUG,GAAG,CAACD,QAAAA,CAAAA;IAEd,OAAO,IAAA;AACLF,QAAAA,SAAAA,CAAUI,MAAM,CAACF,QAAAA,CAAAA;AACnB,IAAA,CAAA;AACF,CAAA;AAEA,sEACO,MAAMG,qBAAAA,GAAwB,IAAMP,UAAAA,CAAWQ,IAAI,GAAG;AAE7D;;;;;;IAOO,MAAMC,mBAAAA,GAAsB,CAACC,MAAAA,GAAAA;AAClC,IAAA,MAAMC,EAAAA,GAAKC,KAAAA,EAAAA;IAEXC,eAAAA,CAAgB,IAAA;AACd,QAAA,IAAI,CAACH,MAAAA,EAAQ;AACX,YAAA;AACF,QAAA;AAEAV,QAAAA,UAAAA,CAAWK,GAAG,CAACM,EAAAA,CAAAA;QACfT,SAAAA,CAAUY,OAAO,CAAC,CAACV,QAAAA,GAAaA,QAAAA,EAAAA,CAAAA;QAEhC,OAAO,IAAA;AACLJ,YAAAA,UAAAA,CAAWM,MAAM,CAACK,EAAAA,CAAAA;YAClBT,SAAAA,CAAUY,OAAO,CAAC,CAACV,QAAAA,GAAaA,QAAAA,EAAAA,CAAAA;AAClC,QAAA,CAAA;IACF,CAAA,EAAG;AAACO,QAAAA,EAAAA;AAAID,QAAAA;AAAO,KAAA,CAAA;AAEf,IAAA,OAAOK,qBAAqBZ,SAAAA,EAAWI,qBAAAA,CAAAA;AACzC;;;;"}

package/dist/admin/components/MediaLibraryInput/useFieldUploads.js

@@ -0,0 +1,122 @@
+'use strict';
+
+var React = require('react');
+var reactRedux = require('react-redux');
+var api = require('../../services/api.js');
+var hooks = require('../../store/hooks.js');
+var uploadProgress = require('../../store/uploadProgress.js');
+
+const NO_ROWS = [];
+const getKey = (uploadId, index)=>`${uploadId}:${index}`;
+const toProgress = ({ status, size, uploadedBytes })=>{
+    if (status === 'pending') {
+        return 0;
+    }
+    return size > 0 ? Math.round(uploadedBytes / size * 100) : null;
+};
+/**
+ * The uploads a field started, read from the shared progress store so the field
+ * and the progress dialog always agree.
+ *
+ * The store only holds the latest batch, and closing the dialog empties it. Rows
+ * are therefore remembered here once seen: a failed upload stays on the field
+ * until the user retries or removes it, whatever happened to the dialog. A row
+ * that vanished while still in flight was cancelled along with its batch.
+ *
+ * Completed rows leave the list. Attaching them to the field is the upload's
+ * `onFileUploaded`, which outlives the input.
+ */ const useFieldUploads = (owner)=>{
+    const dispatch = hooks.useTypedDispatch();
+    const [retryUploadFile] = api.useRetryUploadFileMutation();
+    // The plugin registers the slice in `register()`; a host that has not has no
+    // uploads to show.
+    const currentUploadId = hooks.useTypedSelector((state)=>state.uploadProgress?.uploadId ?? 0);
+    const ownedRows = hooks.useTypedSelector((state)=>(state.uploadProgress?.files ?? NO_ROWS).filter((file)=>file.owner === owner), reactRedux.shallowEqual);
+    const trackedRef = React.useRef(new Map());
+    const [dismissed, setDismissed] = React.useState(()=>new Set());
+    const tracked = trackedRef.current;
+    const liveKeys = new Set();
+    ownedRows.forEach((row)=>{
+        const key = getKey(currentUploadId, row.index);
+        liveKeys.add(key);
+        tracked.set(key, {
+            uploadId: currentUploadId,
+            row
+        });
+    });
+    tracked.forEach((entry, key)=>{
+        const isInFlight = entry.row.status === 'pending' || entry.row.status === 'uploading';
+        if (!liveKeys.has(key) && isInFlight) {
+            tracked.set(key, {
+                ...entry,
+                row: {
+                    ...entry.row,
+                    status: 'cancelled'
+                }
+            });
+        }
+    });
+    const uploads = [];
+    tracked.forEach(({ uploadId, row }, key)=>{
+        const isInFlight = row.status === 'pending' || row.status === 'uploading';
+        const isFailed = row.status === 'error' && !dismissed.has(key);
+        if (!isInFlight && !isFailed) {
+            return;
+        }
+        uploads.push({
+            key,
+            uploadId,
+            index: row.index,
+            name: row.name,
+            status: isInFlight ? 'uploading' : 'failed',
+            progress: isInFlight ? toProgress(row) : null,
+            sourceFile: api.getUploadSourceFile(uploadId, row.index),
+            isInStore: liveKeys.has(key)
+        });
+    });
+    const dismiss = React.useCallback((key)=>{
+        setDismissed((previous)=>new Set(previous).add(key));
+    }, []);
+    const cancel = React.useCallback(({ uploadId, index })=>{
+        api.abortUploadFile(uploadId, index);
+        dispatch(uploadProgress.cancelFile({
+            uploadId,
+            index
+        }));
+    }, [
+        dispatch
+    ]);
+    /**
+   * Retries in place while the row is still in the store. Once the store has
+   * moved on to another batch, the row can only be replayed as a new upload,
+   * which `reupload` does with the file the user picked.
+   */ const retry = React.useCallback(async (upload, reupload)=>{
+        if (upload.isInStore) {
+            try {
+                await retryUploadFile({
+                    uploadId: upload.uploadId,
+                    index: upload.index
+                }).unwrap();
+            } catch  {
+            // The row reports the failure itself.
+            }
+            return;
+        }
+        if (upload.sourceFile) {
+            dismiss(upload.key);
+            reupload(upload.sourceFile);
+        }
+    }, [
+        dismiss,
+        retryUploadFile
+    ]);
+    return {
+        uploads,
+        cancel,
+        retry,
+        dismiss
+    };
+};
+
+exports.useFieldUploads = useFieldUploads;
+//# sourceMappingURL=useFieldUploads.js.map

package/dist/admin/components/MediaLibraryInput/useFieldUploads.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldUploads.js","sources":["../../../../admin/src/components/MediaLibraryInput/useFieldUploads.ts"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\nimport { shallowEqual } from 'react-redux';\n\nimport {\n  abortUploadFile,\n  getUploadSourceFile,\n  useRetryUploadFileMutation,\n} from '../../services/api';\nimport { useTypedDispatch, useTypedSelector } from '../../store/hooks';\nimport { cancelFile, type FileProgress } from '../../store/uploadProgress';\n\nexport interface FieldUpload {\n  key: string;\n  uploadId: number;\n  index: number;\n  name: string;\n  status: 'uploading' | 'failed';\n  /** 0–100, or `null` while the size is unknown. */\n  progress: number | null;\n  /** The file the user picked, for the preview. Gone once the page reloads. */\n  sourceFile?: globalThis.File;\n  /** Whether the progress store still holds the row, i.e. it can be retried in place. */\n  isInStore: boolean;\n}\n\ninterface TrackedRow {\n  uploadId: number;\n  row: FileProgress;\n}\n\nconst NO_ROWS: FileProgress[] = [];\n\nconst getKey = (uploadId: number, index: number) => `${uploadId}:${index}`;\n\nconst toProgress = ({ status, size, uploadedBytes }: FileProgress) => {\n  if (status === 'pending') {\n    return 0;\n  }\n\n  return size > 0 ? Math.round((uploadedBytes / size) * 100) : null;\n};\n\n/**\n * The uploads a field started, read from the shared progress store so the field\n * and the progress dialog always agree.\n *\n * The store only holds the latest batch, and closing the dialog empties it. Rows\n * are therefore remembered here once seen: a failed upload stays on the field\n * until the user retries or removes it, whatever happened to the dialog. A row\n * that vanished while still in flight was cancelled along with its batch.\n *\n * Completed rows leave the list. Attaching them to the field is the upload's\n * `onFileUploaded`, which outlives the input.\n */\nexport const useFieldUploads = (owner: string) => {\n  const dispatch = useTypedDispatch();\n  const [retryUploadFile] = useRetryUploadFileMutation();\n\n  // The plugin registers the slice in `register()`; a host that has not has no\n  // uploads to show.\n  const currentUploadId = useTypedSelector((state) => state.uploadProgress?.uploadId ?? 0);\n  const ownedRows = useTypedSelector(\n    (state) => (state.uploadProgress?.files ?? NO_ROWS).filter((file) => file.owner === owner),\n    shallowEqual\n  );\n\n  const trackedRef = useRef(new Map<string, TrackedRow>());\n  const [dismissed, setDismissed] = useState<ReadonlySet<string>>(() => new Set());\n\n  const tracked = trackedRef.current;\n  const liveKeys = new Set<string>();\n\n  ownedRows.forEach((row) => {\n    const key = getKey(currentUploadId, row.index);\n    liveKeys.add(key);\n    tracked.set(key, { uploadId: currentUploadId, row });\n  });\n\n  tracked.forEach((entry, key) => {\n    const isInFlight = entry.row.status === 'pending' || entry.row.status === 'uploading';\n\n    if (!liveKeys.has(key) && isInFlight) {\n      tracked.set(key, { ...entry, row: { ...entry.row, status: 'cancelled' } });\n    }\n  });\n\n  const uploads: FieldUpload[] = [];\n\n  tracked.forEach(({ uploadId, row }, key) => {\n    const isInFlight = row.status === 'pending' || row.status === 'uploading';\n    const isFailed = row.status === 'error' && !dismissed.has(key);\n\n    if (!isInFlight && !isFailed) {\n      return;\n    }\n\n    uploads.push({\n      key,\n      uploadId,\n      index: row.index,\n      name: row.name,\n      status: isInFlight ? 'uploading' : 'failed',\n      progress: isInFlight ? toProgress(row) : null,\n      sourceFile: getUploadSourceFile(uploadId, row.index),\n      isInStore: liveKeys.has(key),\n    });\n  });\n\n  const dismiss = useCallback((key: string) => {\n    setDismissed((previous) => new Set(previous).add(key));\n  }, []);\n\n  const cancel = useCallback(\n    ({ uploadId, index }: FieldUpload) => {\n      abortUploadFile(uploadId, index);\n      dispatch(cancelFile({ uploadId, index }));\n    },\n    [dispatch]\n  );\n\n  /**\n   * Retries in place while the row is still in the store. Once the store has\n   * moved on to another batch, the row can only be replayed as a new upload,\n   * which `reupload` does with the file the user picked.\n   */\n  const retry = useCallback(\n    async (upload: FieldUpload, reupload: (file: globalThis.File) => void) => {\n      if (upload.isInStore) {\n        try {\n          await retryUploadFile({ uploadId: upload.uploadId, index: upload.index }).unwrap();\n        } catch {\n          // The row reports the failure itself.\n        }\n        return;\n      }\n\n      if (upload.sourceFile) {\n        dismiss(upload.key);\n        reupload(upload.sourceFile);\n      }\n    },\n    [dismiss, retryUploadFile]\n  );\n\n  return { uploads, cancel, retry, dismiss };\n};\n"],"names":["NO_ROWS","getKey","uploadId","index","toProgress","status","size","uploadedBytes","Math","round","useFieldUploads","owner","dispatch","useTypedDispatch","retryUploadFile","useRetryUploadFileMutation","currentUploadId","useTypedSelector","state","uploadProgress","ownedRows","files","filter","file","shallowEqual","trackedRef","useRef","Map","dismissed","setDismissed","useState","Set","tracked","current","liveKeys","forEach","row","key","add","set","entry","isInFlight","has","uploads","isFailed","push","name","progress","sourceFile","getUploadSourceFile","isInStore","dismiss","useCallback","previous","cancel","abortUploadFile","cancelFile","retry","upload","reupload","unwrap"],"mappings":"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"}

package/dist/admin/components/MediaLibraryInput/useFieldUploads.mjs

@@ -0,0 +1,120 @@
+import { useRef, useState, useCallback } from 'react';
+import { shallowEqual } from 'react-redux';
+import { useRetryUploadFileMutation, getUploadSourceFile, abortUploadFile } from '../../services/api.mjs';
+import { useTypedDispatch, useTypedSelector } from '../../store/hooks.mjs';
+import { cancelFile } from '../../store/uploadProgress.mjs';
+
+const NO_ROWS = [];
+const getKey = (uploadId, index)=>`${uploadId}:${index}`;
+const toProgress = ({ status, size, uploadedBytes })=>{
+    if (status === 'pending') {
+        return 0;
+    }
+    return size > 0 ? Math.round(uploadedBytes / size * 100) : null;
+};
+/**
+ * The uploads a field started, read from the shared progress store so the field
+ * and the progress dialog always agree.
+ *
+ * The store only holds the latest batch, and closing the dialog empties it. Rows
+ * are therefore remembered here once seen: a failed upload stays on the field
+ * until the user retries or removes it, whatever happened to the dialog. A row
+ * that vanished while still in flight was cancelled along with its batch.
+ *
+ * Completed rows leave the list. Attaching them to the field is the upload's
+ * `onFileUploaded`, which outlives the input.
+ */ const useFieldUploads = (owner)=>{
+    const dispatch = useTypedDispatch();
+    const [retryUploadFile] = useRetryUploadFileMutation();
+    // The plugin registers the slice in `register()`; a host that has not has no
+    // uploads to show.
+    const currentUploadId = useTypedSelector((state)=>state.uploadProgress?.uploadId ?? 0);
+    const ownedRows = useTypedSelector((state)=>(state.uploadProgress?.files ?? NO_ROWS).filter((file)=>file.owner === owner), shallowEqual);
+    const trackedRef = useRef(new Map());
+    const [dismissed, setDismissed] = useState(()=>new Set());
+    const tracked = trackedRef.current;
+    const liveKeys = new Set();
+    ownedRows.forEach((row)=>{
+        const key = getKey(currentUploadId, row.index);
+        liveKeys.add(key);
+        tracked.set(key, {
+            uploadId: currentUploadId,
+            row
+        });
+    });
+    tracked.forEach((entry, key)=>{
+        const isInFlight = entry.row.status === 'pending' || entry.row.status === 'uploading';
+        if (!liveKeys.has(key) && isInFlight) {
+            tracked.set(key, {
+                ...entry,
+                row: {
+                    ...entry.row,
+                    status: 'cancelled'
+                }
+            });
+        }
+    });
+    const uploads = [];
+    tracked.forEach(({ uploadId, row }, key)=>{
+        const isInFlight = row.status === 'pending' || row.status === 'uploading';
+        const isFailed = row.status === 'error' && !dismissed.has(key);
+        if (!isInFlight && !isFailed) {
+            return;
+        }
+        uploads.push({
+            key,
+            uploadId,
+            index: row.index,
+            name: row.name,
+            status: isInFlight ? 'uploading' : 'failed',
+            progress: isInFlight ? toProgress(row) : null,
+            sourceFile: getUploadSourceFile(uploadId, row.index),
+            isInStore: liveKeys.has(key)
+        });
+    });
+    const dismiss = useCallback((key)=>{
+        setDismissed((previous)=>new Set(previous).add(key));
+    }, []);
+    const cancel = useCallback(({ uploadId, index })=>{
+        abortUploadFile(uploadId, index);
+        dispatch(cancelFile({
+            uploadId,
+            index
+        }));
+    }, [
+        dispatch
+    ]);
+    /**
+   * Retries in place while the row is still in the store. Once the store has
+   * moved on to another batch, the row can only be replayed as a new upload,
+   * which `reupload` does with the file the user picked.
+   */ const retry = useCallback(async (upload, reupload)=>{
+        if (upload.isInStore) {
+            try {
+                await retryUploadFile({
+                    uploadId: upload.uploadId,
+                    index: upload.index
+                }).unwrap();
+            } catch  {
+            // The row reports the failure itself.
+            }
+            return;
+        }
+        if (upload.sourceFile) {
+            dismiss(upload.key);
+            reupload(upload.sourceFile);
+        }
+    }, [
+        dismiss,
+        retryUploadFile
+    ]);
+    return {
+        uploads,
+        cancel,
+        retry,
+        dismiss
+    };
+};
+
+export { useFieldUploads };
+//# sourceMappingURL=useFieldUploads.mjs.map