@strapi/upload 5.52.0 → 5.52.2

package/dist/admin/future/pages/Assets/components/AssetActionsMenu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AssetActionsMenu.mjs","sources":["../../../../../../admin/src/future/pages/Assets/components/AssetActionsMenu.tsx"],"sourcesContent":["import { useMemo, useRef, useState } from 'react';\n\nimport { useClipboard, useNotification } from '@strapi/admin/strapi-admin';\nimport {\n  Button,\n  Dialog,\n  Flex,\n  IconButton,\n  Menu,\n  Typography,\n  VisuallyHidden,\n} from '@strapi/design-system';\nimport { ArrowRight, ArrowsCounterClockwise, Download, Link, More, Trash } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { useAIMetadataEnabled } from '../../../hooks/useAIMetadataEnabled';\nimport { useMediaLibraryPermissions } from '../../../hooks/useMediaLibraryPermissions';\nimport { useReplaceAssetMutation } from '../../../services/assets';\nimport { downloadFile } from '../../../utils/downloadFile';\nimport { prefixFileUrlWithBackendUrl } from '../../../utils/files';\nimport { getTranslationKey } from '../../../utils/translations';\nimport { useAssetSelection } from '../hooks/useAssetSelection';\nimport { useBusyAssetsOptional } from '../hooks/useBusyAssets';\n\nimport { ActionsMenuContent } from './ActionsMenuContent';\nimport { BulkMoveDialog } from './BulkMoveDialog';\nimport { DeleteItemsDialog } from './DeleteItemsDialog';\n\nimport type { File } from '../../../../../../shared/contracts/files';\nimport type { DragFileData } from '../../../types/dnd';\n\ninterface AssetActionsMenuProps {\n  asset: File;\n  /** Drag data for this asset, so the move dialog validates against its real folder. */\n  dragData: DragFileData;\n}\n\n/**\n * The \"...\" menu on an asset row/card. Always acts on that one asset, whatever\n * the current multi-selection is (the bulk actions bar is the selection-scoped\n * affordance) — the file mirror of `FolderActionsMenu`.\n *\n * Replace / copy link / download duplicate what the details drawer offers as\n * icon buttons, so the same action is one click away without opening the asset\n * first. They are re-implemented rather than lifted out of the drawer: the\n * drawer versions render as `IconButton`s and report through its in-drawer toast\n * slot, neither of which fits a menu item on a row.\n *\n * Any successful move or delete clears the whole selection: a delete only\n * invalidates RTK tags, so without it an `asset:<id>` key for a file that no\n * longer exists would linger in the selection.\n */\nexport const AssetActionsMenu = ({ asset, dragData }: AssetActionsMenuProps) => {\n  const { formatMessage } = useIntl();\n  const { copy } = useClipboard();\n  const { toggleNotification } = useNotification();\n  const { clear } = useAssetSelection();\n  // Absent in the asset picker and in unit tests: the replace still runs, it\n  // just renders no row-level overlay.\n  const markBusy = useBusyAssetsOptional()?.markBusy ?? (() => () => {});\n  const {\n    canUpdate,\n    canDownload,\n    canCopyLink,\n    isLoading: isLoadingPermissions,\n  } = useMediaLibraryPermissions();\n  const [replaceAsset, { isLoading: isReplacing }] = useReplaceAssetMutation();\n  const aiEnabled = useAIMetadataEnabled({ mime: asset.mime });\n\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  const [isReplaceOpen, setIsReplaceOpen] = useState(false);\n  const [isMoveOpen, setIsMoveOpen] = useState(false);\n  const [isDeleteOpen, setIsDeleteOpen] = useState(false);\n  const [isDownloading, setIsDownloading] = useState(false);\n\n  // Stable identity: the move dialog memoizes its destination walk on it.\n  const moveItems = useMemo(() => [dragData], [dragData]);\n\n  // Confirm first, then open the native picker, so the user only commits to\n  // replacing after acknowledging the warning (same order as the drawer).\n  const handleReplaceContinue = () => {\n    setIsReplaceOpen(false);\n    fileInputRef.current?.click();\n  };\n\n  const handleFileChange = async (event: React.ChangeEvent<HTMLInputElement>) => {\n    const file = event.target.files?.[0];\n    // Reset the native input so the same file can be picked again later.\n    event.target.value = '';\n\n    if (!file) {\n      return;\n    }\n\n    // The menu has closed by the time the picker returns, so `isReplacing` has\n    // nothing left to disable and the row would otherwise sit inert for the\n    // whole upload. Marking the asset busy puts the same overlay the drawer\n    // uses on the row/card, cleared when the mutation settles either way.\n    const releaseBusy = markBusy(\n      asset.id,\n      formatMessage({\n        id: getTranslationKey('asset-details.replace.loading'),\n        defaultMessage: 'Replacing the file…',\n      })\n    );\n\n    let res;\n    try {\n      res = await replaceAsset({ id: asset.id, file });\n    } finally {\n      releaseBusy();\n    }\n\n    if ('error' in res) {\n      // `fetchBaseQuery` already unwraps the API envelope, so a server-sent\n      // reason (file too large, unsupported type) lands directly on `message`.\n      const { message } = res.error as { message?: string };\n      toggleNotification({\n        type: 'danger',\n        message:\n          message ??\n          formatMessage({\n            id: getTranslationKey('asset-details.replace.error'),\n            defaultMessage: 'Failed to replace the file.',\n          }),\n      });\n      return;\n    }\n\n    toggleNotification({\n      type: 'success',\n      message: formatMessage({\n        id: getTranslationKey('asset-details.replace.success'),\n        defaultMessage: 'File replaced.',\n      }),\n    });\n  };\n\n  const handleCopyLink = async () => {\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 handleDownload = async () => {\n    const url = prefixFileUrlWithBackendUrl(asset.url);\n\n    if (!url) {\n      return;\n    }\n\n    setIsDownloading(true);\n\n    try {\n      await downloadFile(url, asset.name);\n    } catch {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: getTranslationKey('asset-details.download.error'),\n          defaultMessage: 'Failed to download the file.',\n        }),\n      });\n    } finally {\n      setIsDownloading(false);\n    }\n  };\n\n  // Two permission-gated groups: replace/copy-link/download above, move/delete\n  // below. The separator earns its place only when both survive the gate —\n  // `canUpdate` alone puts Replace in the top group, which is not enough.\n  const hasTopGroup = canUpdate || canCopyLink || canDownload;\n  const hasBottomGroup = canUpdate;\n  const showSeparator = (canCopyLink || canDownload) && hasBottomGroup;\n\n  // A role can read the library while holding none of these, and an empty\n  // popup is worse than no trigger at all. Every flag is `false` until the\n  // RBAC check settles, so wait for it — otherwise the trigger unmounts and\n  // remounts on first paint for everyone.\n  if (!isLoadingPermissions && !hasTopGroup && !hasBottomGroup) {\n    return null;\n  }\n\n  return (\n    <>\n      <VisuallyHidden>\n        <input\n          ref={fileInputRef}\n          type=\"file\"\n          multiple={false}\n          onChange={handleFileChange}\n          aria-hidden\n          tabIndex={-1}\n        />\n      </VisuallyHidden>\n      {/* Non-modal: Radix's default `modal` marks the rest of the document\n          `aria-hidden` and blocks pointer events while the menu is open, so\n          clicking a sibling row's trigger only dismissed this one — leaving\n          every menu you touched to be closed one click at a time. Non-modal\n          dismissal treats that click as both \"close this\" and \"open that\". */}\n      <Menu.Root modal={false}>\n        <Menu.Trigger\n          tag={IconButton}\n          icon={<More />}\n          variant=\"ghost\"\n          label={formatMessage({\n            id: getTranslationKey('control-card.more-actions'),\n            defaultMessage: 'More actions',\n          })}\n        />\n        {/* `ActionsMenuContent` replaces the design system's flat 15rem clamp\n            with the height Radix actually measured, and un-hides the scrollbar\n            it would otherwise overflow into. See that file for why. */}\n        <ActionsMenuContent popoverPlacement=\"bottom-end\" zIndex={2} minWidth=\"22rem\">\n          {canUpdate && (\n            <Menu.Item\n              startIcon={<ArrowsCounterClockwise />}\n              disabled={isReplacing}\n              onSelect={() => setIsReplaceOpen(true)}\n            >\n              {formatMessage({\n                id: getTranslationKey('list.assets.actions.replace'),\n                defaultMessage: 'Replace media',\n              })}\n            </Menu.Item>\n          )}\n          {canCopyLink && (\n            <Menu.Item startIcon={<Link />} onSelect={handleCopyLink}>\n              {formatMessage({\n                id: getTranslationKey('list.assets.actions.copy-link'),\n                defaultMessage: 'Copy link to media',\n              })}\n            </Menu.Item>\n          )}\n          {canDownload && (\n            <Menu.Item startIcon={<Download />} disabled={isDownloading} onSelect={handleDownload}>\n              {formatMessage({\n                id: getTranslationKey('list.assets.actions.download'),\n                defaultMessage: 'Download media',\n              })}\n            </Menu.Item>\n          )}\n          {showSeparator && <Menu.Separator />}\n          {canUpdate && (\n            <>\n              <Menu.Item startIcon={<ArrowRight />} onSelect={() => setIsMoveOpen(true)}>\n                {formatMessage({\n                  id: getTranslationKey('list.assets.actions.move'),\n                  defaultMessage: 'Move to folder',\n                })}\n              </Menu.Item>\n              <Menu.Item\n                startIcon={<Trash />}\n                variant=\"danger\"\n                onSelect={() => setIsDeleteOpen(true)}\n              >\n                {formatMessage({\n                  id: getTranslationKey('list.assets.actions.delete'),\n                  defaultMessage: 'Delete',\n                })}\n              </Menu.Item>\n            </>\n          )}\n        </ActionsMenuContent>\n      </Menu.Root>\n      <Dialog.Root open={isReplaceOpen} onOpenChange={setIsReplaceOpen}>\n        <Dialog.Content>\n          <Dialog.Header>\n            {formatMessage({\n              id: getTranslationKey('asset-details.replace.title'),\n              defaultMessage: 'Replace this media file?',\n            })}\n          </Dialog.Header>\n          <Dialog.Body textAlign=\"center\">\n            <Flex direction=\"column\" textAlign=\"center\">\n              <Typography variant=\"omega\">\n                {formatMessage({\n                  id: getTranslationKey('asset-details.replace.description'),\n                  defaultMessage: 'Current content will be permanently replaced.',\n                })}\n              </Typography>\n              {aiEnabled ? (\n                <Typography variant=\"omega\">\n                  {formatMessage({\n                    id: getTranslationKey('asset-details.replace.description.ai'),\n                    defaultMessage: 'AI will generate new metadata after upload.',\n                  })}\n                </Typography>\n              ) : null}\n            </Flex>\n          </Dialog.Body>\n          <Dialog.Footer>\n            <Dialog.Cancel>\n              <Button variant=\"tertiary\" fullWidth>\n                {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'Cancel' })}\n              </Button>\n            </Dialog.Cancel>\n            <Dialog.Action>\n              <Button variant=\"secondary\" onClick={handleReplaceContinue} fullWidth>\n                {formatMessage({\n                  id: getTranslationKey('asset-details.replace.continue'),\n                  defaultMessage: 'Continue',\n                })}\n              </Button>\n            </Dialog.Action>\n          </Dialog.Footer>\n        </Dialog.Content>\n      </Dialog.Root>\n      {isMoveOpen && (\n        <BulkMoveDialog\n          open\n          onClose={() => setIsMoveOpen(false)}\n          items={moveItems}\n          onSuccess={clear}\n        />\n      )}\n      {/* Both dialogs live inside the row, so a background refetch that drops the\n          row would take an open dialog with it. Nothing invalidates until the\n          mutation resolves, and the dialog closes in the same tick, so the\n          flows themselves can't trigger it. */}\n      {isDeleteOpen && (\n        <DeleteItemsDialog\n          open\n          onClose={() => setIsDeleteOpen(false)}\n          target={{ fileIds: [asset.id], folderIds: [] }}\n          onSuccess={clear}\n        />\n      )}\n    </>\n  );\n};\n"],"names":["AssetActionsMenu","asset","dragData","formatMessage","useIntl","copy","useClipboard","toggleNotification","useNotification","clear","useAssetSelection","markBusy","useBusyAssetsOptional","canUpdate","canDownload","canCopyLink","isLoading","isLoadingPermissions","useMediaLibraryPermissions","replaceAsset","isReplacing","useReplaceAssetMutation","aiEnabled","useAIMetadataEnabled","mime","fileInputRef","useRef","isReplaceOpen","setIsReplaceOpen","useState","isMoveOpen","setIsMoveOpen","isDeleteOpen","setIsDeleteOpen","isDownloading","setIsDownloading","moveItems","useMemo","handleReplaceContinue","current","click","handleFileChange","event","file","target","files","value","releaseBusy","id","getTranslationKey","defaultMessage","res","message","error","type","handleCopyLink","url","prefixFileUrlWithBackendUrl","didCopy","handleDownload","downloadFile","name","hasTopGroup","hasBottomGroup","showSeparator","_jsxs","_Fragment","_jsx","VisuallyHidden","input","ref","multiple","onChange","aria-hidden","tabIndex","Menu","Root","modal","Trigger","tag","IconButton","icon","More","variant","label","ActionsMenuContent","popoverPlacement","zIndex","minWidth","Item","startIcon","ArrowsCounterClockwise","disabled","onSelect","Link","Download","Separator","ArrowRight","Trash","Dialog","open","onOpenChange","Content","Header","Body","textAlign","Flex","direction","Typography","Footer","Cancel","Button","fullWidth","Action","onClick","BulkMoveDialog","onClose","items","onSuccess","DeleteItemsDialog","fileIds","folderIds"],"mappings":"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"}
+{"version":3,"file":"AssetActionsMenu.mjs","sources":["../../../../../../admin/src/future/pages/Assets/components/AssetActionsMenu.tsx"],"sourcesContent":["import { useMemo, useRef, useState } from 'react';\n\nimport { useClipboard, useNotification } from '@strapi/admin/strapi-admin';\nimport {\n  Button,\n  Dialog,\n  Flex,\n  IconButton,\n  Menu,\n  Typography,\n  VisuallyHidden,\n} from '@strapi/design-system';\nimport { ArrowRight, ArrowsCounterClockwise, Download, Link, More, Trash } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { useAIMetadataEnabled } from '../../../hooks/useAIMetadataEnabled';\nimport { useApiErrorMessage } from '../../../hooks/useApiErrorMessage';\nimport { useMediaLibraryPermissions } from '../../../hooks/useMediaLibraryPermissions';\nimport { useReplaceAssetMutation } from '../../../services/assets';\nimport { downloadFile } from '../../../utils/downloadFile';\nimport { prefixFileUrlWithBackendUrl } from '../../../utils/files';\nimport { getTranslationKey } from '../../../utils/translations';\nimport { useAssetSelection } from '../hooks/useAssetSelection';\nimport { useBusyAssetsOptional } from '../hooks/useBusyAssets';\nimport { assetKey } from '../utils/selection';\n\nimport { ActionsMenuContent } from './ActionsMenuContent';\nimport { BulkMoveDialog } from './BulkMoveDialog';\nimport { DeleteItemsDialog } from './DeleteItemsDialog';\n\nimport type { File } from '../../../../../../shared/contracts/files';\nimport type { DragFileData } from '../../../types/dnd';\n\ninterface AssetActionsMenuProps {\n  asset: File;\n  /** Drag data for this asset, so the move dialog validates against its real folder. */\n  dragData: DragFileData;\n}\n\n/**\n * The \"...\" menu on an asset row/card. Always acts on that one asset, whatever\n * the current multi-selection is (the bulk actions bar is the selection-scoped\n * affordance) — the file mirror of `FolderActionsMenu`.\n *\n * Replace / copy link / download duplicate what the details drawer offers as\n * icon buttons, so the same action is one click away without opening the asset\n * first. They are re-implemented rather than lifted out of the drawer: the\n * drawer versions render as `IconButton`s and report through its in-drawer toast\n * slot, neither of which fits a menu item on a row.\n *\n * A successful move or delete deselects this one asset and leaves the rest of\n * the selection intact: the mutations only invalidate RTK tags, so without it an\n * `asset:<id>` key for a file that has been deleted — or has moved out of this\n * list — would linger. The other selected rows are untouched, which is the whole\n * point of the menu being a single-item affordance.\n */\nexport const AssetActionsMenu = ({ asset, dragData }: AssetActionsMenuProps) => {\n  const { formatMessage } = useIntl();\n  const getErrorMessage = useApiErrorMessage();\n  const { copy } = useClipboard();\n  const { toggleNotification } = useNotification();\n  const { deselect } = useAssetSelection();\n  // Absent in the asset picker and in unit tests: the replace still runs, it\n  // just renders no row-level overlay.\n  const markBusy = useBusyAssetsOptional()?.markBusy ?? (() => () => {});\n  const {\n    canUpdate,\n    canDownload,\n    canCopyLink,\n    isLoading: isLoadingPermissions,\n  } = useMediaLibraryPermissions();\n  const [replaceAsset, { isLoading: isReplacing }] = useReplaceAssetMutation();\n  const aiEnabled = useAIMetadataEnabled({ mime: asset.mime });\n\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  const [isReplaceOpen, setIsReplaceOpen] = useState(false);\n  const [isMoveOpen, setIsMoveOpen] = useState(false);\n  const [isDeleteOpen, setIsDeleteOpen] = useState(false);\n  const [isDownloading, setIsDownloading] = useState(false);\n\n  // Stable identity: the move dialog memoizes its destination walk on it.\n  const moveItems = useMemo(() => [dragData], [dragData]);\n\n  // Confirm first, then open the native picker, so the user only commits to\n  // replacing after acknowledging the warning (same order as the drawer).\n  const handleReplaceContinue = () => {\n    setIsReplaceOpen(false);\n    fileInputRef.current?.click();\n  };\n\n  const handleFileChange = async (event: React.ChangeEvent<HTMLInputElement>) => {\n    const file = event.target.files?.[0];\n    // Reset the native input so the same file can be picked again later.\n    event.target.value = '';\n\n    if (!file) {\n      return;\n    }\n\n    // The menu has closed by the time the picker returns, so `isReplacing` has\n    // nothing left to disable and the row would otherwise sit inert for the\n    // whole upload. Marking the asset busy puts the same overlay the drawer\n    // uses on the row/card, cleared when the mutation settles either way.\n    const releaseBusy = markBusy(\n      asset.id,\n      formatMessage({\n        id: getTranslationKey('asset-details.replace.loading'),\n        defaultMessage: 'Replacing the file…',\n      })\n    );\n\n    let res;\n    try {\n      res = await replaceAsset({ id: asset.id, file });\n    } finally {\n      releaseBusy();\n    }\n\n    if ('error' in res) {\n      toggleNotification({\n        type: 'danger',\n        message: getErrorMessage(\n          res.error,\n          formatMessage({\n            id: getTranslationKey('asset-details.replace.error'),\n            defaultMessage: 'Failed to replace the file.',\n          })\n        ),\n      });\n      return;\n    }\n\n    toggleNotification({\n      type: 'success',\n      message: formatMessage({\n        id: getTranslationKey('asset-details.replace.success'),\n        defaultMessage: 'File replaced.',\n      }),\n    });\n  };\n\n  const handleCopyLink = async () => {\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 handleDownload = async () => {\n    const url = prefixFileUrlWithBackendUrl(asset.url);\n\n    if (!url) {\n      return;\n    }\n\n    setIsDownloading(true);\n\n    try {\n      await downloadFile(url, asset.name);\n    } catch {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: getTranslationKey('asset-details.download.error'),\n          defaultMessage: 'Failed to download the file.',\n        }),\n      });\n    } finally {\n      setIsDownloading(false);\n    }\n  };\n\n  // Two permission-gated groups: replace/copy-link/download above, move/delete\n  // below. The separator earns its place only when both survive the gate —\n  // `canUpdate` alone puts Replace in the top group, which is not enough.\n  const hasTopGroup = canUpdate || canCopyLink || canDownload;\n  const hasBottomGroup = canUpdate;\n  const showSeparator = (canCopyLink || canDownload) && hasBottomGroup;\n\n  // A role can read the library while holding none of these, and an empty\n  // popup is worse than no trigger at all. Every flag is `false` until the\n  // RBAC check settles, so wait for it — otherwise the trigger unmounts and\n  // remounts on first paint for everyone.\n  if (!isLoadingPermissions && !hasTopGroup && !hasBottomGroup) {\n    return null;\n  }\n\n  return (\n    <>\n      <VisuallyHidden>\n        <input\n          ref={fileInputRef}\n          type=\"file\"\n          multiple={false}\n          onChange={handleFileChange}\n          aria-hidden\n          tabIndex={-1}\n        />\n      </VisuallyHidden>\n      {/* Non-modal: Radix's default `modal` marks the rest of the document\n          `aria-hidden` and blocks pointer events while the menu is open, so\n          clicking a sibling row's trigger only dismissed this one — leaving\n          every menu you touched to be closed one click at a time. Non-modal\n          dismissal treats that click as both \"close this\" and \"open that\". */}\n      <Menu.Root modal={false}>\n        <Menu.Trigger\n          tag={IconButton}\n          icon={<More />}\n          variant=\"ghost\"\n          label={formatMessage({\n            id: getTranslationKey('control-card.more-actions'),\n            defaultMessage: 'More actions',\n          })}\n        />\n        {/* `ActionsMenuContent` replaces the design system's flat 15rem clamp\n            with the height Radix actually measured, and un-hides the scrollbar\n            it would otherwise overflow into. See that file for why. */}\n        <ActionsMenuContent popoverPlacement=\"bottom-end\" zIndex={2} minWidth=\"22rem\">\n          {canUpdate && (\n            <Menu.Item\n              startIcon={<ArrowsCounterClockwise />}\n              disabled={isReplacing}\n              onSelect={() => setIsReplaceOpen(true)}\n            >\n              {formatMessage({\n                id: getTranslationKey('list.assets.actions.replace'),\n                defaultMessage: 'Replace media',\n              })}\n            </Menu.Item>\n          )}\n          {canCopyLink && (\n            <Menu.Item startIcon={<Link />} onSelect={handleCopyLink}>\n              {formatMessage({\n                id: getTranslationKey('list.assets.actions.copy-link'),\n                defaultMessage: 'Copy link to media',\n              })}\n            </Menu.Item>\n          )}\n          {canDownload && (\n            <Menu.Item startIcon={<Download />} disabled={isDownloading} onSelect={handleDownload}>\n              {formatMessage({\n                id: getTranslationKey('list.assets.actions.download'),\n                defaultMessage: 'Download media',\n              })}\n            </Menu.Item>\n          )}\n          {showSeparator && <Menu.Separator />}\n          {canUpdate && (\n            <>\n              <Menu.Item startIcon={<ArrowRight />} onSelect={() => setIsMoveOpen(true)}>\n                {formatMessage({\n                  id: getTranslationKey('list.assets.actions.move'),\n                  defaultMessage: 'Move to folder',\n                })}\n              </Menu.Item>\n              <Menu.Item\n                startIcon={<Trash />}\n                variant=\"danger\"\n                onSelect={() => setIsDeleteOpen(true)}\n              >\n                {formatMessage({\n                  id: getTranslationKey('list.assets.actions.delete'),\n                  defaultMessage: 'Delete',\n                })}\n              </Menu.Item>\n            </>\n          )}\n        </ActionsMenuContent>\n      </Menu.Root>\n      <Dialog.Root open={isReplaceOpen} onOpenChange={setIsReplaceOpen}>\n        <Dialog.Content>\n          <Dialog.Header>\n            {formatMessage({\n              id: getTranslationKey('asset-details.replace.title'),\n              defaultMessage: 'Replace this media file?',\n            })}\n          </Dialog.Header>\n          <Dialog.Body textAlign=\"center\">\n            <Flex direction=\"column\" textAlign=\"center\">\n              <Typography variant=\"omega\">\n                {formatMessage({\n                  id: getTranslationKey('asset-details.replace.description'),\n                  defaultMessage: 'Current content will be permanently replaced.',\n                })}\n              </Typography>\n              {aiEnabled ? (\n                <Typography variant=\"omega\">\n                  {formatMessage({\n                    id: getTranslationKey('asset-details.replace.description.ai'),\n                    defaultMessage: 'AI will generate new metadata after upload.',\n                  })}\n                </Typography>\n              ) : null}\n            </Flex>\n          </Dialog.Body>\n          <Dialog.Footer>\n            <Dialog.Cancel>\n              <Button variant=\"tertiary\" fullWidth>\n                {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'Cancel' })}\n              </Button>\n            </Dialog.Cancel>\n            <Dialog.Action>\n              <Button variant=\"secondary\" onClick={handleReplaceContinue} fullWidth>\n                {formatMessage({\n                  id: getTranslationKey('asset-details.replace.continue'),\n                  defaultMessage: 'Continue',\n                })}\n              </Button>\n            </Dialog.Action>\n          </Dialog.Footer>\n        </Dialog.Content>\n      </Dialog.Root>\n      {isMoveOpen && (\n        <BulkMoveDialog\n          open\n          onClose={() => setIsMoveOpen(false)}\n          items={moveItems}\n          onSuccess={() => deselect(assetKey(asset.id))}\n        />\n      )}\n      {/* Both dialogs live inside the row, so a background refetch that drops the\n          row would take an open dialog with it. Nothing invalidates until the\n          mutation resolves, and the dialog closes in the same tick, so the\n          flows themselves can't trigger it. */}\n      {isDeleteOpen && (\n        <DeleteItemsDialog\n          open\n          onClose={() => setIsDeleteOpen(false)}\n          target={{ fileIds: [asset.id], folderIds: [] }}\n          onSuccess={() => deselect(assetKey(asset.id))}\n        />\n      )}\n    </>\n  );\n};\n"],"names":["AssetActionsMenu","asset","dragData","formatMessage","useIntl","getErrorMessage","useApiErrorMessage","copy","useClipboard","toggleNotification","useNotification","deselect","useAssetSelection","markBusy","useBusyAssetsOptional","canUpdate","canDownload","canCopyLink","isLoading","isLoadingPermissions","useMediaLibraryPermissions","replaceAsset","isReplacing","useReplaceAssetMutation","aiEnabled","useAIMetadataEnabled","mime","fileInputRef","useRef","isReplaceOpen","setIsReplaceOpen","useState","isMoveOpen","setIsMoveOpen","isDeleteOpen","setIsDeleteOpen","isDownloading","setIsDownloading","moveItems","useMemo","handleReplaceContinue","current","click","handleFileChange","event","file","target","files","value","releaseBusy","id","getTranslationKey","defaultMessage","res","type","message","error","handleCopyLink","url","prefixFileUrlWithBackendUrl","didCopy","handleDownload","downloadFile","name","hasTopGroup","hasBottomGroup","showSeparator","_jsxs","_Fragment","_jsx","VisuallyHidden","input","ref","multiple","onChange","aria-hidden","tabIndex","Menu","Root","modal","Trigger","tag","IconButton","icon","More","variant","label","ActionsMenuContent","popoverPlacement","zIndex","minWidth","Item","startIcon","ArrowsCounterClockwise","disabled","onSelect","Link","Download","Separator","ArrowRight","Trash","Dialog","open","onOpenChange","Content","Header","Body","textAlign","Flex","direction","Typography","Footer","Cancel","Button","fullWidth","Action","onClick","BulkMoveDialog","onClose","items","onSuccess","assetKey","DeleteItemsDialog","fileIds","folderIds"],"mappings":"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"}

package/dist/admin/future/pages/Assets/components/AssetDetails/AssetDetailsDrawer.js

@@ -10,7 +10,9 @@ var styledComponents = require('styled-components');
 var enums = require('../../../../../enums.js');
 var Drawer = require('../../../../components/Drawer.js');
 var useAIMetadataEnabled = require('../../../../hooks/useAIMetadataEnabled.js');
+var useApiErrorMessage = require('../../../../hooks/useApiErrorMessage.js');
 var useMediaLibraryPermissions = require('../../../../hooks/useMediaLibraryPermissions.js');
+var useTracking = require('../../../../hooks/useTracking.js');
 var api = require('../../../../services/api.js');
 var assets = require('../../../../services/assets.js');
 var folders = require('../../../../services/folders.js');
@@ -19,6 +21,7 @@ var files = require('../../../../utils/files.js');
 var getAssetIcon = require('../../../../utils/getAssetIcon.js');
 var translations = require('../../../../utils/translations.js');
 var useFolderInfo = require('../../hooks/useFolderInfo.js');
+var useIsAssetDetailsOpen = require('../../hooks/useIsAssetDetailsOpen.js');
 var BusyOverlay = require('../BusyOverlay.js');
 var AssetCropEditor = require('./AssetCropEditor.js');
 var AssetPreview = require('./AssetPreview.js');
@@ -43,8 +46,6 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-// Name of the parameter to look for in the URL to open the drawer
-const URL_PARAM = 'assetId';
 const DrawerNotifyContext = /*#__PURE__*/ React__namespace.createContext(null);
 const useDrawerNotify = ()=>{
     const ctx = React__namespace.useContext(DrawerNotifyContext);
@@ -62,12 +63,11 @@ const useAssetOperation = ()=>{
     return ctx;
 };
 /* -------------------------------------------------------------------------------------------------
- * useAssetDetailsParam - sync drawer visibility with URL ?{URL_PARAM}={id}
+ * useAssetDetailsParam - sync drawer visibility with URL ?{ASSET_DETAILS_URL_PARAM}={id}
  * -----------------------------------------------------------------------------------------------*/ const useAssetDetailsParam = ()=>{
     const [{ query }, setQuery] = strapiAdmin.useQueryParams();
-    const detailsId = query?.[URL_PARAM];
-    const assetId = detailsId ? parseInt(detailsId, 10) : null;
-    const hasValidId = assetId !== null && !Number.isNaN(assetId);
+    const assetId = useIsAssetDetailsOpen.parseAssetDetailsId(query?.[useIsAssetDetailsOpen.ASSET_DETAILS_URL_PARAM]);
+    const hasValidId = assetId !== null;
     // Closing is driven by removing the URL param (a navigation), so navigation
     // guards like <Blocker> can intercept it. `isMounted` keeps the drawer in the
     // tree through the slide-out: it stays true once opened and only flips false
@@ -94,14 +94,14 @@ const useAssetOperation = ()=>{
     ]);
     const openDetails = React__namespace.useCallback((id)=>{
         setQuery({
-            [URL_PARAM]: String(id)
+            [useIsAssetDetailsOpen.ASSET_DETAILS_URL_PARAM]: String(id)
         }, 'push', true);
     }, [
         setQuery
     ]);
     const closeDetails = React__namespace.useCallback(()=>{
         setQuery({
-            [URL_PARAM]: undefined
+            [useIsAssetDetailsOpen.ASSET_DETAILS_URL_PARAM]: undefined
         }, 'remove', true);
     }, [
         setQuery
@@ -307,7 +307,6 @@ const LocationField = ({ label, rootLabel, folders, disabled })=>{
         children: [
             /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Trigger, {
                 children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
-                    withTooltip: false,
                     label: triggerLabel,
                     variant: "danger-light",
                     children: /*#__PURE__*/ jsxRuntime.jsx(icons.Trash, {})
@@ -385,7 +384,6 @@ const CopyLinkButton = ({ asset })=>{
         });
     };
     return /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
-        withTooltip: false,
         label: formatMessage({
             id: translations.getTranslationKey('asset-details.copy-link.trigger'),
             defaultMessage: 'Copy link'
@@ -418,7 +416,6 @@ const DownloadAssetButton = ({ asset })=>{
         }
     };
     return /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
-        withTooltip: false,
         label: formatMessage({
             id: translations.getTranslationKey('asset-details.download.trigger'),
             defaultMessage: 'Download'
@@ -462,6 +459,7 @@ const ReplaceAssetButton = ({ mime })=>{
                 children: /*#__PURE__*/ jsxRuntime.jsx("input", {
                     ref: fileInputRef,
                     type: "file",
+                    accept: mime ?? '',
                     multiple: false,
                     onChange: handleFileChange,
                     "aria-hidden": true,
@@ -469,7 +467,6 @@ const ReplaceAssetButton = ({ mime })=>{
                 })
             }),
             /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
-                withTooltip: false,
                 label: formatMessage({
                     id: translations.getTranslationKey('asset-details.replace.trigger'),
                     defaultMessage: 'Replace this file'
@@ -544,36 +541,32 @@ const ReplaceAssetButton = ({ mime })=>{
         ]
     });
 };
-const AssetImageActions = ({ onCrop, mime })=>{
+const AssetImageActions = ({ onCrop })=>{
     const { formatMessage } = reactIntl.useIntl();
     const isSubmitting = strapiAdmin.useForm('AssetImageActions', (state)=>state.isSubmitting);
-    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
         direction: "column",
         gap: 2,
-        children: [
-            /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
-                withTooltip: false,
-                label: formatMessage({
-                    id: translations.getTranslationKey('asset-details.crop.trigger'),
-                    defaultMessage: 'Crop'
-                }),
-                variant: "tertiary",
-                onClick: onCrop,
-                disabled: isSubmitting || !onCrop,
-                children: /*#__PURE__*/ jsxRuntime.jsx(icons.Crop, {})
+        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+            label: formatMessage({
+                id: translations.getTranslationKey('asset-details.crop.trigger'),
+                defaultMessage: 'Crop'
             }),
-            /*#__PURE__*/ jsxRuntime.jsx(ReplaceAssetButton, {
-                mime: mime
-            })
-        ]
+            variant: "tertiary",
+            onClick: onCrop,
+            disabled: isSubmitting || !onCrop,
+            children: /*#__PURE__*/ jsxRuntime.jsx(icons.Crop, {})
+        })
     });
 };
 const AssetDetails = ({ asset, closeDetails })=>{
     const { formatMessage, formatDate } = reactIntl.useIntl();
+    const getErrorMessage = useApiErrorMessage.useApiErrorMessage();
     const { canCreate, canUpdate, canDownload, canCopyLink } = useMediaLibraryPermissions.useMediaLibraryPermissions();
     const { data: folders$1 = [] } = folders.useGetAllFoldersQuery();
     const { toggleNotification } = strapiAdmin.useNotification();
     const [updateAsset] = assets.useUpdateAssetMutation();
+    const { trackUsage } = useTracking.useTracking();
     const [replaceMutation, { isLoading: isReplacing }] = assets.useReplaceAssetMutation();
     const [deleteMutation, { isLoading: isDeleting }] = assets.useDeleteAssetMutation();
     const [uploadCroppedCopy, { isLoading: isCropCopying }] = api.useUploadFileSilentlyMutation();
@@ -611,13 +604,19 @@ const AssetDetails = ({ asset, closeDetails })=>{
         if ('error' in res) {
             notify({
                 type: 'danger',
-                message: formatMessage({
+                message: getErrorMessage(res.error, formatMessage({
                     id: translations.getTranslationKey('asset-details.update.error'),
                     defaultMessage: 'Failed to update the file.'
-                })
+                }))
             });
             return;
         }
+        trackUsage('didEditMediaLibraryElements', {
+            location: useTracking.MEDIA_LIBRARY_LOCATION,
+            // Legacy sends the mime top-level type (image/video/audio/application…).
+            type: asset.mime?.split('/')[0],
+            changeLocation: values.folder !== initialValues.folder
+        });
         notify({
             type: 'success',
             message: formatMessage({
@@ -634,17 +633,18 @@ const AssetDetails = ({ asset, closeDetails })=>{
             file
         });
         if ('error' in res) {
-            const error = res.error;
-            const message = error?.data?.error?.message ?? error?.data?.message ?? formatMessage({
-                id: translations.getTranslationKey('asset-details.replace.error'),
-                defaultMessage: 'Failed to replace the file.'
-            });
             notify({
                 type: 'danger',
-                message
+                message: getErrorMessage(res.error, formatMessage({
+                    id: translations.getTranslationKey('asset-details.replace.error'),
+                    defaultMessage: 'Failed to replace the file.'
+                }))
             });
             return;
         }
+        trackUsage('didReplaceMedia', {
+            location: useTracking.MEDIA_LIBRARY_LOCATION
+        });
         notify({
             type: 'success',
             message: formatMessage({
@@ -655,22 +655,22 @@ const AssetDetails = ({ asset, closeDetails })=>{
     }, [
         asset.id,
         formatMessage,
+        getErrorMessage,
         notify,
-        replaceMutation
+        replaceMutation,
+        trackUsage
     ]);
     // Owns the delete: on error notify in-drawer (drawer stays), on success fire
     // a persistent global notification then close the drawer.
     const handleDelete = React__namespace.useCallback(async ()=>{
         const res = await deleteMutation(asset.id);
         if ('error' in res) {
-            const error = res.error;
-            const message = error?.data?.error?.message ?? error?.data?.message ?? formatMessage({
-                id: translations.getTranslationKey('asset-details.delete.error'),
-                defaultMessage: 'Failed to delete the asset.'
-            });
             notify({
                 type: 'danger',
-                message
+                message: getErrorMessage(res.error, formatMessage({
+                    id: translations.getTranslationKey('asset-details.delete.error'),
+                    defaultMessage: 'Failed to delete the asset.'
+                }))
             });
             return;
         }
@@ -690,16 +690,17 @@ const AssetDetails = ({ asset, closeDetails })=>{
         deleteMutation,
         folderName,
         formatMessage,
+        getErrorMessage,
         notify,
         toggleNotification
     ]);
-    const notifyCropError = ()=>{
+    const notifyCropError = (error)=>{
         notify({
             type: 'danger',
-            message: formatMessage({
+            message: getErrorMessage(error, formatMessage({
                 id: translations.getTranslationKey('asset-details.crop.error'),
                 defaultMessage: 'Failed to crop the file.'
-            })
+            }))
         });
     };
     // Apply: replace the original binary with the cropped file + focal point.
@@ -715,9 +716,13 @@ const AssetDetails = ({ asset, closeDetails })=>{
             }
         });
         if ('error' in res) {
-            notifyCropError();
+            notifyCropError(res.error);
             return;
         }
+        trackUsage('didCropFile', {
+            location: useTracking.MEDIA_LIBRARY_LOCATION,
+            duplicatedFile: false
+        });
         notify({
             type: 'success',
             message: formatMessage({
@@ -742,9 +747,13 @@ const AssetDetails = ({ asset, closeDetails })=>{
             }
         });
         if ('error' in res) {
-            notifyCropError();
+            notifyCropError(res.error);
             return;
         }
+        trackUsage('didCropFile', {
+            location: useTracking.MEDIA_LIBRARY_LOCATION,
+            duplicatedFile: true
+        });
         notify({
             type: 'success',
             message: formatMessage({
@@ -813,8 +822,7 @@ const AssetDetails = ({ asset, closeDetails })=>{
                                         /*#__PURE__*/ jsxRuntime.jsx(AssetPreview.AssetPreview, {
                                             asset: asset,
                                             actions: isImage && canUpdate ? /*#__PURE__*/ jsxRuntime.jsx(AssetImageActions, {
-                                                onCrop: ()=>setIsCropOpen(true),
-                                                mime: asset.mime
+                                                onCrop: ()=>setIsCropOpen(true)
                                             }) : null
                                         }),
                                         /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
@@ -967,6 +975,9 @@ const AssetDetails = ({ asset, closeDetails })=>{
                                                 }),
                                                 canDownload && /*#__PURE__*/ jsxRuntime.jsx(DownloadAssetButton, {
                                                     asset: asset
+                                                }),
+                                                canUpdate && /*#__PURE__*/ jsxRuntime.jsx(ReplaceAssetButton, {
+                                                    mime: asset.mime
                                                 })
                                             ]
                                         }),