@strapi/upload 5.57.0 → 5.59.0

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

@@ -0,0 +1,397 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+var useAIMetadataEnabled = require('../../hooks/useAIMetadataEnabled.js');
+var useMediaLibraryPermissions = require('../../hooks/useMediaLibraryPermissions.js');
+var useTracking = require('../../hooks/useTracking.js');
+var AssetDialog = require('../../legacy/components/AssetDialog/AssetDialog.js');
+var EditAssetContent = require('../../legacy/components/EditAssetDialog/EditAssetContent.js');
+var EditFolderDialog = require('../../legacy/components/EditFolderDialog/EditFolderDialog.js');
+var ImportFromUrlDialog = require('../../pages/Assets/components/ImportFromUrlDialog.js');
+var api = require('../../services/api.js');
+var settings = require('../../services/settings.js');
+var allowedMediaTypes = require('../../utils/allowedMediaTypes.js');
+var files = require('../../utils/files.js');
+var translations = require('../../utils/translations.js');
+var typeFromMime = require('../../utils/typeFromMime.js');
+var AddAssetMenu = require('./AddAssetMenu.js');
+var AssetDropZone = require('./AssetDropZone.js');
+var AssetRow = require('./AssetRow.js');
+var NoLibraryAccessDialog = require('./NoLibraryAccessDialog.js');
+
+/**
+ * `location` for every event this field fires. The standalone Media Library
+ * tags its events `'upload'`; the picker inside an entry form has always been
+ * `'content-manager'`, and analytics still splits the two on that axis.
+ */ const CONTENT_MANAGER_LOCATION = 'content-manager';
+/**
+ * Uploads from here land at the root of the Media Library. An entry form has no
+ * current folder to inherit, and the field offers no destination picker — same
+ * place the legacy upload wizard put them when none was chosen.
+ */ const UPLOAD_FOLDER_ID = null;
+const EMPTY_ATTRIBUTE = {};
+/**
+ * The Content Manager's `media` field, on the current Media Library stack.
+ *
+ * Files dropped here (or picked from the device) upload straight through
+ * `uploadFiles`, which is what drives the global upload progress dialog — so the
+ * entry form stays usable while they go, instead of being covered by the legacy
+ * wizard.
+ *
+ * The legacy input is still registered when `useLegacyMediaLibrary` is on, and
+ * is untouched by this.
+ */ const MediaLibraryInput = ({ name, label, labelAction, hint, required = false, disabled = false, attribute = EMPTY_ATTRIBUTE })=>{
+    const { allowedTypes = null, multiple = false } = attribute;
+    const { formatMessage } = reactIntl.useIntl();
+    const { onChange, value, error } = strapiAdmin.useField(name);
+    const { toggleNotification } = strapiAdmin.useNotification();
+    const { trackUsage } = useTracking.useTracking();
+    const { copy } = strapiAdmin.useClipboard();
+    const [step, setStep] = React.useState(undefined);
+    const [folderId, setFolderId] = React.useState(null);
+    const [editedAsset, setEditedAsset] = React.useState(null);
+    const [isUrlDialogOpen, setIsUrlDialogOpen] = React.useState(false);
+    const fileInputRef = React.useRef(null);
+    const [uploadFiles] = api.useUploadFilesMutation();
+    const [uploadFromUrls] = api.useUploadFromUrlsMutation();
+    // Echoes the app config; a missing payload (still loading) falls back to
+    // sequential rather than outpacing what the server asked for.
+    const { canRead, canCreate, canUpdate, canCopyLink, canDownload } = useMediaLibraryPermissions.useMediaLibraryPermissions();
+    const { data: settings$1 } = settings.useGetUploadSettingsQuery(undefined, {
+        skip: !canRead
+    });
+    const concurrency = settings$1?.data?.concurrentUploadRequests ?? 1;
+    const isAiMetadataEnabled = useAIMetadataEnabled.useAIMetadataEnabled();
+    const assets = Array.isArray(value) ? value : value ? [
+        value
+    ] : [];
+    // An upload resumes long after the render that started it, and the dialog is
+    // non-blocking precisely so a second batch can be dropped meanwhile. Reading
+    // the closed-over `assets` on resume would then append to whatever the field
+    // held when that drop began, dropping every asset that landed since.
+    const assetsRef = React.useRef(assets);
+    assetsRef.current = assets;
+    const setAssets = (nextAssets)=>{
+        if (multiple) {
+            onChange(name, nextAssets.length > 0 ? nextAssets : null);
+            return;
+        }
+        onChange(name, nextAssets[0] ?? null);
+    };
+    const attachUploadedFile = (file)=>{
+        const nextAssets = multiple ? [
+            ...assetsRef.current,
+            file
+        ] : [
+            file
+        ];
+        // Parallel uploads can finish before the next render refreshes the ref.
+        assetsRef.current = nextAssets;
+        setAssets(nextAssets);
+    };
+    const handleRemove = (asset)=>{
+        setAssets(assets.filter((current)=>current.id !== asset.id));
+    };
+    const handleCopyLink = async (asset)=>{
+        const url = files.prefixFileUrlWithBackendUrl(asset.url);
+        if (!url) {
+            return;
+        }
+        const didCopy = await copy(url);
+        toggleNotification({
+            type: didCopy ? 'success' : 'danger',
+            message: formatMessage(didCopy ? {
+                id: translations.getTranslationKey('asset-details.copy-link.success'),
+                defaultMessage: 'Link copied.'
+            } : {
+                id: translations.getTranslationKey('asset-details.copy-link.error'),
+                defaultMessage: 'Failed to copy the link.'
+            })
+        });
+    };
+    const handleEditClose = (result)=>{
+        const asset = editedAsset;
+        setEditedAsset(null);
+        if (!asset) {
+            return;
+        }
+        // `null` means the asset was deleted from the library from inside the dialog.
+        if (result === null) {
+            setAssets(assetsRef.current.filter((current)=>current.id !== asset.id));
+            return;
+        }
+        if (result && typeof result !== 'boolean') {
+            setAssets(assetsRef.current.map((current)=>current.id === asset.id ? result : current));
+        }
+    };
+    const handleSelect = (selectedAssets)=>{
+        setAssets(selectedAssets);
+        setStep(undefined);
+        setFolderId(null);
+    };
+    const notifyUnsupported = ()=>{
+        toggleNotification({
+            type: 'danger',
+            timeout: 4000,
+            message: formatMessage({
+                // Legacy key: translated everywhere, and it names the accepted types,
+                // which the field already passes as `fileTypes`.
+                id: translations.getTranslationKey('input.notification.not-supported'),
+                defaultMessage: `You can't upload this type of file, only the following types are accepted – {fileTypes}`
+            }, {
+                fileTypes: (allowedTypes ?? []).join(',')
+            })
+        });
+    };
+    /**
+   * True when the batch is more than a single-value field can take. Counted on
+   * what was handed in rather than on what survives filtering: uploading one of
+   * several would leave the user guessing which one the field kept.
+   */ const rejectsBatch = (count)=>{
+        if (multiple || count <= 1) {
+            return false;
+        }
+        toggleNotification({
+            type: 'danger',
+            timeout: 4000,
+            message: formatMessage({
+                id: translations.getTranslationKey('content-manager.input.notification.single-file'),
+                defaultMessage: 'This field accepts only one file.'
+            })
+        });
+        return true;
+    };
+    const handleUpload = async (files)=>{
+        if (disabled || files.length === 0) {
+            return;
+        }
+        // The device picker can't reach this — it carries `multiple` — so a drop is
+        // the only way in.
+        if (rejectsBatch(files.length)) {
+            return;
+        }
+        const allowedFiles = allowedMediaTypes.filterAllowedFiles(allowedTypes, files);
+        if (allowedFiles.length === 0) {
+            notifyUnsupported();
+            return;
+        }
+        // A mixed drop uploads what it can and says so, rather than silently
+        // dropping the rest.
+        if (allowedFiles.length < files.length) {
+            notifyUnsupported();
+        }
+        const assetsCountByType = allowedFiles.reduce((acc, file)=>{
+            const type = typeFromMime.typeFromMime(file.type);
+            acc[type] = (acc[type] ?? 0) + 1;
+            return acc;
+        }, {});
+        trackUsage('didSelectFile', {
+            source: 'computer',
+            location: CONTENT_MANAGER_LOCATION
+        });
+        trackUsage('willAddMediaLibraryAssets', {
+            location: CONTENT_MANAGER_LOCATION,
+            ...assetsCountByType
+        });
+        const formData = new FormData();
+        allowedFiles.forEach((file)=>formData.append('files', file));
+        formData.append('fileInfo', JSON.stringify(allowedFiles.map((file)=>({
+                name: file.name,
+                caption: null,
+                alternativeText: null,
+                folder: UPLOAD_FOLDER_ID
+            }))));
+        try {
+            // Attached per file rather than from the result: a Retry in the progress
+            // dialog uploads cancelled files after this call has already resolved.
+            await uploadFiles({
+                formData,
+                totalFiles: allowedFiles.length,
+                concurrency,
+                generateAiMetadata: Boolean(isAiMetadataEnabled),
+                onFileUploaded: attachUploadedFile
+            }).unwrap();
+        } catch  {
+        // Errors reach the user through the progress dialog, which the mutation
+        // populates itself.
+        }
+    };
+    const handleZoneClick = ()=>{
+        if (canRead) {
+            setStep('browse');
+        } else if (canCreate) {
+            fileInputRef.current?.click();
+        } else {
+            setStep('no-access');
+        }
+    };
+    /**
+   * The server fetches each URL and uploads what it finds, so the file's type
+   * is not known here — `allowedTypes` can only be enforced on what comes back.
+   * A URL whose file the field does not accept is uploaded to the library and
+   * left off the field, which is also what the Media Library page does with it.
+   */ const handleUrlUpload = async (urls)=>{
+        if (disabled || urls.length === 0 || rejectsBatch(urls.length)) {
+            return;
+        }
+        trackUsage('didSelectFile', {
+            source: 'url',
+            location: CONTENT_MANAGER_LOCATION
+        });
+        trackUsage('willAddMediaLibraryAssets', {
+            location: CONTENT_MANAGER_LOCATION
+        });
+        try {
+            const { data: uploadedFiles } = await uploadFromUrls({
+                urls,
+                folderId: UPLOAD_FOLDER_ID,
+                generateAiMetadata: Boolean(isAiMetadataEnabled)
+            }).unwrap();
+            const allowedFiles = uploadedFiles.filter((file)=>allowedMediaTypes.isMediaTypeAllowed(allowedTypes, file.mime));
+            const notAttachedFiles = uploadedFiles.filter((file)=>!allowedFiles.includes(file));
+            if (notAttachedFiles.length > 0) {
+                toggleNotification({
+                    type: 'warning',
+                    timeout: 4000,
+                    message: formatMessage({
+                        id: translations.getTranslationKey('content-manager.input.notification.not-attached'),
+                        defaultMessage: '{fileNames} {count, plural, one {was} other {were}} added to the Media Library, but this field only accepts {fileTypes}.'
+                    }, {
+                        fileNames: notAttachedFiles.map((file)=>file.name).join(', '),
+                        count: notAttachedFiles.length,
+                        fileTypes: (allowedTypes ?? []).join(', ')
+                    })
+                });
+            }
+            if (allowedFiles.length > 0) {
+                setAssets(multiple ? [
+                    ...assetsRef.current,
+                    ...allowedFiles
+                ] : [
+                    allowedFiles[0]
+                ]);
+            }
+        } catch  {
+        // Errors reach the user through the progress dialog, which the mutation
+        // populates itself.
+        }
+    };
+    const handleFileInputChange = async (event)=>{
+        // Copied before the reset, not after: `event.target.files` is the input's
+        // live FileList, and clearing `value` empties it in place. Reading it
+        // afterwards yields nothing and the upload never starts.
+        const files = Array.from(event.target.files ?? []);
+        // Reset so picking the same file twice in a row still fires `change`.
+        event.target.value = '';
+        if (files.length > 0) {
+            await handleUpload(files);
+        }
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
+        name: name,
+        error: error,
+        hint: hint,
+        required: required,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                justifyContent: "space-between",
+                alignItems: "center",
+                gap: 2,
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
+                        action: labelAction,
+                        children: label
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(AddAssetMenu.AddAssetMenu, {
+                        disabled: disabled,
+                        onBrowseLibrary: ()=>setStep('browse'),
+                        onUploadFromDevice: ()=>fileInputRef.current?.click(),
+                        onUploadFromUrl: ()=>setIsUrlDialogOpen(true)
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                direction: "column",
+                alignItems: "stretch",
+                gap: 1,
+                children: [
+                    assets.map((asset)=>/*#__PURE__*/ jsxRuntime.jsx(AssetRow.AssetRow, {
+                            asset: asset,
+                            disabled: disabled,
+                            onCopyLink: handleCopyLink,
+                            // The details dialog needs the library's folder tree, which needs read access.
+                            onEdit: canRead ? setEditedAsset : undefined,
+                            onRemove: handleRemove
+                        }, asset.id)),
+                    /*#__PURE__*/ jsxRuntime.jsx(AssetDropZone.AssetDropZone, {
+                        disabled: disabled,
+                        onClick: handleZoneClick,
+                        onDropFiles: handleUpload
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Error, {}),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Hint, {}),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.VisuallyHidden, {
+                children: /*#__PURE__*/ jsxRuntime.jsx("input", {
+                    ref: fileInputRef,
+                    type: "file",
+                    multiple: multiple,
+                    onChange: handleFileInputChange,
+                    tabIndex: -1,
+                    "aria-hidden": true
+                })
+            }),
+            step === 'browse' && /*#__PURE__*/ jsxRuntime.jsx(AssetDialog.AssetDialog, {
+                open: true,
+                multiple: multiple,
+                allowedTypes: allowedTypes ?? [],
+                initiallySelectedAssets: assets,
+                folderId: folderId,
+                trackedLocation: CONTENT_MANAGER_LOCATION,
+                onClose: ()=>{
+                    setStep(undefined);
+                    setFolderId(null);
+                },
+                onValidate: handleSelect,
+                onAddFolder: ()=>setStep('create-folder'),
+                // The dialog's own upload button hands back to this field's upload
+                // path, so every route to an uploaded file opens the progress dialog.
+                onAddAsset: ()=>{
+                    setStep(undefined);
+                    fileInputRef.current?.click();
+                },
+                onChangeFolder: (nextFolderId)=>setFolderId(nextFolderId)
+            }),
+            editedAsset && /*#__PURE__*/ jsxRuntime.jsx(EditAssetContent.EditAssetDialog, {
+                open: true,
+                asset: editedAsset,
+                canUpdate: canUpdate && !disabled,
+                canCopyLink: canCopyLink,
+                canDownload: canDownload,
+                trackedLocation: CONTENT_MANAGER_LOCATION,
+                onClose: handleEditClose
+            }),
+            step === 'create-folder' && /*#__PURE__*/ jsxRuntime.jsx(EditFolderDialog.EditFolderDialog, {
+                open: true,
+                onClose: ()=>setStep('browse'),
+                parentFolderId: folderId
+            }),
+            step === 'no-access' && /*#__PURE__*/ jsxRuntime.jsx(NoLibraryAccessDialog.NoLibraryAccessDialog, {
+                onClose: ()=>setStep(undefined)
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(ImportFromUrlDialog.ImportFromUrlDialog, {
+                open: isUrlDialogOpen,
+                onClose: ()=>setIsUrlDialogOpen(false),
+                onUpload: handleUrlUpload
+            })
+        ]
+    });
+};
+
+exports.MediaLibraryInput = MediaLibraryInput;
+//# sourceMappingURL=MediaLibraryInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MediaLibraryInput.js","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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"}