@strapi/upload 5.26.0 → 5.28.0

package/dist/admin/ai/components/AIAssetCard.mjs

@@ -0,0 +1,567 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { ConfirmDialog } from '@strapi/admin/strapi-admin';
+import { CardAction, Box, CardTimer, CardBody, Card, Grid, CardHeader, CardContent, Flex, Typography, CardTitle, CardBadge, CardSubtitle, Field, TextInput, Dialog, IconButton, Modal, CardAsset } from '@strapi/design-system';
+import { Sparkle, Trash, Pencil } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { styled } from 'styled-components';
+import { AudioPreview } from '../../components/AssetCard/AudioPreview.mjs';
+import { VideoPreview } from '../../components/AssetCard/VideoPreview.mjs';
+import { EditAssetContent } from '../../components/EditAssetDialog/EditAssetContent.mjs';
+import { AssetType } from '../../constants.mjs';
+import { useMediaLibraryPermissions } from '../../hooks/useMediaLibraryPermissions.mjs';
+import { useRemoveAsset } from '../../hooks/useRemoveAsset.mjs';
+import { prefixFileUrlWithBackendUrl } from '../../utils/prefixFileUrlWithBackendUrl.mjs';
+import { formatBytes } from '../../utils/formatBytes.mjs';
+import { formatDuration } from '../../utils/formatDuration.mjs';
+import { getTrad } from '../../utils/getTrad.mjs';
+import 'qs';
+import { getFileExtension } from '../../utils/getFileExtension.mjs';
+import { typeFromMime } from '../../utils/typeFromMime.mjs';
+import '../../utils/urlYupSchema.mjs';
+import { useAIUploadModalContext } from './AIUploadModal.mjs';
+
+const CardActionsContainer = styled(CardAction)`
+  opacity: 0;
+  z-index: 1;
+
+  &:focus-within {
+    opacity: 1;
+  }
+`;
+const CardContainer = styled(Box)`
+  background: ${({ theme })=>theme.colors.neutral0};
+  border: 1px solid ${({ theme })=>theme.colors.neutral150};
+  border-radius: ${({ theme })=>theme.borderRadius};
+
+  &:hover {
+    ${CardActionsContainer} {
+      opacity: 1;
+    }
+  }
+`;
+/* -------------------------------------------------------------------------------------------------
+ * AssetCardActions
+ * -----------------------------------------------------------------------------------------------*/ const AssetCardActions = ({ asset })=>{
+    const { formatMessage } = useIntl();
+    const dispatch = useAIUploadModalContext('AssetCardActions', (s)=>s.dispatch);
+    const state = useAIUploadModalContext('AssetCardActions', (s)=>s.state);
+    const onClose = useAIUploadModalContext('AssetCardActions', (s)=>s.onClose);
+    const { canUpdate, canCopyLink, canDownload } = useMediaLibraryPermissions();
+    const [isEditModalOpen, setIsEditModalOpen] = React.useState(false);
+    const { removeAsset } = useRemoveAsset(()=>{});
+    const handleConfirmRemove = async (event)=>{
+        event?.preventDefault();
+        await removeAsset(asset.id);
+        dispatch({
+            type: 'remove_uploaded_asset',
+            payload: {
+                id: asset.id
+            }
+        });
+        // Close modal if this was the last asset
+        if (state.uploadedAssets.length === 1) {
+            onClose();
+        }
+    };
+    const handlePropagationClick = (event)=>{
+        event.stopPropagation();
+    };
+    const handleEditAsset = (editedAsset)=>{
+        if (editedAsset) {
+            dispatch({
+                type: 'edit_uploaded_asset',
+                payload: {
+                    editedAsset
+                }
+            });
+            setIsEditModalOpen(false);
+        }
+    };
+    return /*#__PURE__*/ jsxs(CardActionsContainer, {
+        onClick: handlePropagationClick,
+        position: "end",
+        children: [
+            /*#__PURE__*/ jsxs(Dialog.Root, {
+                children: [
+                    /*#__PURE__*/ jsx(Dialog.Trigger, {
+                        children: /*#__PURE__*/ jsx(IconButton, {
+                            label: formatMessage({
+                                id: getTrad('control-card.remove-selection'),
+                                defaultMessage: 'Remove from selection'
+                            }),
+                            children: /*#__PURE__*/ jsx(Trash, {})
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(ConfirmDialog, {
+                        onConfirm: handleConfirmRemove
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs(Modal.Root, {
+                open: isEditModalOpen,
+                onOpenChange: setIsEditModalOpen,
+                children: [
+                    /*#__PURE__*/ jsx(Modal.Trigger, {
+                        children: /*#__PURE__*/ jsx(IconButton, {
+                            label: formatMessage({
+                                id: getTrad('control-card.edit'),
+                                defaultMessage: 'Edit'
+                            }),
+                            children: /*#__PURE__*/ jsx(Pencil, {})
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Modal.Content, {
+                        children: /*#__PURE__*/ jsx(EditAssetContent, {
+                            // Is Local must be set to false to trigger the correct branch of logic in the EditAssetContent on submit
+                            asset: {
+                                ...asset,
+                                isLocal: false,
+                                folder: typeof asset.folder === 'number' ? {
+                                    id: asset.folder
+                                } : asset.folder
+                            },
+                            onClose: (arg)=>handleEditAsset(arg),
+                            canUpdate: canUpdate,
+                            canCopyLink: canCopyLink,
+                            canDownload: canDownload,
+                            omitFields: [
+                                'caption',
+                                'alternativeText'
+                            ],
+                            omitActions: [
+                                'replace'
+                            ]
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+const Extension = styled.span`
+  text-transform: uppercase;
+`;
+const VideoPreviewWrapper = styled(Box)`
+  position: relative;
+  height: 100%;
+  overflow: hidden;
+
+  canvas,
+  video {
+    display: block;
+    pointer-events: none;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    border-radius: ${({ theme })=>theme.borderRadius};
+  }
+`;
+const VideoTimerOverlay = styled(CardTimer)`
+  position: absolute;
+  bottom: 0.5rem;
+  right: 0.5rem;
+`;
+const AudioPreviewWrapper = styled(Box)`
+  height: 100%;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  canvas,
+  audio {
+    display: block;
+    max-width: 100%;
+    max-height: 100%;
+  }
+`;
+const Asset = ({ assetType, thumbnailUrl, assetUrl, asset })=>{
+    const [duration, setDuration] = React.useState();
+    const formattedDuration = duration ? formatDuration(duration) : undefined;
+    switch(assetType){
+        case AssetType.Image:
+            return /*#__PURE__*/ jsx(CardAsset, {
+                src: thumbnailUrl,
+                size: "S",
+                alt: asset.alternativeText || asset.name
+            });
+        case AssetType.Video:
+            return /*#__PURE__*/ jsx(CardAsset, {
+                size: "S",
+                children: /*#__PURE__*/ jsxs(VideoPreviewWrapper, {
+                    children: [
+                        /*#__PURE__*/ jsx(VideoPreview, {
+                            url: assetUrl,
+                            mime: asset.mime || 'video/mp4',
+                            onLoadDuration: setDuration,
+                            alt: asset.alternativeText || asset.name
+                        }),
+                        formattedDuration && /*#__PURE__*/ jsx(VideoTimerOverlay, {
+                            children: formattedDuration
+                        })
+                    ]
+                })
+            });
+        case AssetType.Audio:
+            return /*#__PURE__*/ jsx(CardAsset, {
+                size: "S",
+                children: /*#__PURE__*/ jsx(AudioPreviewWrapper, {
+                    children: /*#__PURE__*/ jsx(AudioPreview, {
+                        url: assetUrl,
+                        alt: asset.alternativeText || asset.name
+                    })
+                })
+            });
+        default:
+            return /*#__PURE__*/ jsx(CardAsset, {
+                src: thumbnailUrl,
+                size: "S",
+                alt: asset.alternativeText || asset.name
+            });
+    }
+};
+/* -------------------------------------------------------------------------------------------------
+ * AssetCard
+ * -----------------------------------------------------------------------------------------------*/ const StyledCardBody = styled(CardBody)`
+  display: flex;
+  padding: ${({ theme })=>theme.spaces[2]} ${({ theme })=>theme.spaces[1]};
+`;
+const StyledCard = styled(Card)`
+  width: 100%;
+  height: 100%;
+  border: none;
+  box-shadow: none;
+  border-radius: 0;
+  padding: 0;
+`;
+const getAssetBadgeLabel = (assetType)=>{
+    switch(assetType){
+        case AssetType.Image:
+            return {
+                id: getTrad('settings.section.image.label'),
+                defaultMessage: 'IMAGE'
+            };
+        case AssetType.Video:
+            return {
+                id: getTrad('settings.section.video.label'),
+                defaultMessage: 'VIDEO'
+            };
+        case AssetType.Audio:
+            return {
+                id: getTrad('settings.section.audio.label'),
+                defaultMessage: 'AUDIO'
+            };
+        default:
+            return {
+                id: getTrad('settings.section.doc.label'),
+                defaultMessage: 'DOC'
+            };
+    }
+};
+const AIAssetCard = ({ asset, onCaptionChange, onAltTextChange, wasAltTextChanged, wasCaptionChanged })=>{
+    const { formatMessage } = useIntl();
+    const assetType = typeFromMime(asset.mime || '');
+    const thumbnailUrl = prefixFileUrlWithBackendUrl(asset?.formats?.thumbnail?.url || asset.url) || '';
+    const assetUrl = prefixFileUrlWithBackendUrl(asset.url) || '';
+    const subtitle = asset.height && asset.width ? ` - ${asset.width}x${asset.height}` : '';
+    const formattedSize = asset.size ? formatBytes(asset.size) : '';
+    const fullSubtitle = `${subtitle}${subtitle && formattedSize ? ' - ' : ''}${formattedSize}`;
+    const [caption, setCaption] = React.useState(asset.caption || '');
+    React.useEffect(()=>{
+        onCaptionChange(caption);
+    }, [
+        caption,
+        onCaptionChange
+    ]);
+    const [altText, setAltText] = React.useState(asset.alternativeText || '');
+    React.useEffect(()=>{
+        onAltTextChange(altText);
+    }, [
+        altText,
+        onAltTextChange
+    ]);
+    return /*#__PURE__*/ jsx(CardContainer, {
+        children: /*#__PURE__*/ jsxs(Grid.Root, {
+            children: [
+                /*#__PURE__*/ jsx(Grid.Item, {
+                    col: 5,
+                    alignItems: "stretch",
+                    children: /*#__PURE__*/ jsxs(StyledCard, {
+                        width: "100%",
+                        height: "100%",
+                        shadow: "none",
+                        borderRadius: 0,
+                        padding: 0,
+                        children: [
+                            /*#__PURE__*/ jsxs(CardHeader, {
+                                style: {
+                                    borderStyle: 'none'
+                                },
+                                children: [
+                                    /*#__PURE__*/ jsx(AssetCardActions, {
+                                        asset: asset
+                                    }),
+                                    /*#__PURE__*/ jsx(Asset, {
+                                        assetType: assetType,
+                                        thumbnailUrl: thumbnailUrl,
+                                        assetUrl: assetUrl,
+                                        asset: asset
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsx(StyledCardBody, {
+                                children: /*#__PURE__*/ jsxs(CardContent, {
+                                    width: "100%",
+                                    children: [
+                                        /*#__PURE__*/ jsxs(Flex, {
+                                            justifyContent: "space-between",
+                                            alignItems: "start",
+                                            children: [
+                                                /*#__PURE__*/ jsx(Typography, {
+                                                    tag: "h2",
+                                                    children: /*#__PURE__*/ jsx(CardTitle, {
+                                                        tag: "span",
+                                                        children: asset.name
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ jsx(CardBadge, {
+                                                    children: formatMessage(getAssetBadgeLabel(assetType))
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ jsx(Flex, {
+                                            children: /*#__PURE__*/ jsxs(CardSubtitle, {
+                                                children: [
+                                                    /*#__PURE__*/ jsx(Extension, {
+                                                        children: getFileExtension(asset.ext)
+                                                    }),
+                                                    fullSubtitle
+                                                ]
+                                            })
+                                        })
+                                    ]
+                                })
+                            })
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ jsx(Grid.Item, {
+                    col: 7,
+                    flex: 1,
+                    children: /*#__PURE__*/ jsxs(Flex, {
+                        direction: "column",
+                        height: "100%",
+                        alignItems: "stretch",
+                        flex: 1,
+                        padding: 4,
+                        gap: 2,
+                        children: [
+                            /*#__PURE__*/ jsxs(Field.Root, {
+                                name: "caption",
+                                children: [
+                                    /*#__PURE__*/ jsx(Flex, {
+                                        alignItems: "center",
+                                        gap: 2,
+                                        children: /*#__PURE__*/ jsx(Field.Label, {
+                                            children: formatMessage({
+                                                id: getTrad('form.input.label.file-caption'),
+                                                defaultMessage: 'Caption'
+                                            })
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsx(TextInput, {
+                                        value: caption,
+                                        onChange: (e)=>setCaption(e.target.value),
+                                        placeholder: formatMessage({
+                                            id: getTrad('form.input.placeholder.file-caption'),
+                                            defaultMessage: 'Enter caption'
+                                        }),
+                                        endAction: !wasCaptionChanged && asset.caption && /*#__PURE__*/ jsx(Sparkle, {
+                                            width: "16px",
+                                            height: "16px",
+                                            fill: "#AC73E6"
+                                        })
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs(Field.Root, {
+                                name: "alternativeText",
+                                hint: formatMessage({
+                                    id: getTrad('form.input.description.file-alt'),
+                                    defaultMessage: "This text will be displayed if the asset can't be shown."
+                                }),
+                                children: [
+                                    /*#__PURE__*/ jsx(Flex, {
+                                        alignItems: "center",
+                                        gap: 2,
+                                        children: /*#__PURE__*/ jsx(Field.Label, {
+                                            children: formatMessage({
+                                                id: getTrad('form.input.label.file-alt'),
+                                                defaultMessage: 'Alternative text'
+                                            })
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsx(TextInput, {
+                                        value: altText,
+                                        onChange: (e)=>setAltText(e.target.value),
+                                        placeholder: formatMessage({
+                                            id: getTrad('form.input.placeholder.file-alt'),
+                                            defaultMessage: 'Enter alternative text'
+                                        }),
+                                        endAction: !wasAltTextChanged && asset.alternativeText && /*#__PURE__*/ jsx(Sparkle, {
+                                            width: "16px",
+                                            height: "16px",
+                                            fill: "#AC73E6"
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsx(Field.Hint, {})
+                                ]
+                            })
+                        ]
+                    })
+                })
+            ]
+        })
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * AssetCardSkeletons
+ * -----------------------------------------------------------------------------------------------*/ const SkeletonBox = styled(Box)`
+  background: linear-gradient(
+    90deg,
+    ${({ theme })=>theme.colors.neutral100} 25%,
+    ${({ theme })=>theme.colors.neutral150} 50%,
+    ${({ theme })=>theme.colors.neutral100} 75%
+  );
+  background-size: 200% 100%;
+  animation: loading 1.5s infinite;
+  border-radius: ${({ theme })=>theme.borderRadius};
+  width: ${({ width })=>width || '100%'};
+  height: ${({ height })=>height || '1rem'};
+
+  @keyframes loading {
+    0% {
+      background-position: 200% 0;
+    }
+    100% {
+      background-position: -200% 0;
+    }
+  }
+`;
+const AIAssetCardSkeletons = ({ count = 1 })=>{
+    const skeletons = Array.from({
+        length: count
+    }, (_, i)=>i);
+    return skeletons.map((index)=>/*#__PURE__*/ jsx(Box, {
+            background: "neutral0",
+            borderColor: "neutral150",
+            borderStyle: "solid",
+            borderWidth: "1px",
+            borderRadius: "4px",
+            marginBottom: 4,
+            children: /*#__PURE__*/ jsxs(Grid.Root, {
+                children: [
+                    /*#__PURE__*/ jsx(Grid.Item, {
+                        col: 5,
+                        alignItems: "stretch",
+                        children: /*#__PURE__*/ jsxs(Card, {
+                            height: "100%",
+                            width: "100%",
+                            borderStyle: "none",
+                            shadow: "none",
+                            borderRadius: 0,
+                            padding: 2,
+                            children: [
+                                /*#__PURE__*/ jsx(Box, {
+                                    height: "150px",
+                                    padding: 2,
+                                    children: /*#__PURE__*/ jsx(SkeletonBox, {
+                                        height: "100%"
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx(CardBody, {
+                                    style: {
+                                        display: 'flex',
+                                        padding: '8px 4px'
+                                    },
+                                    children: /*#__PURE__*/ jsxs(CardContent, {
+                                        width: "100%",
+                                        children: [
+                                            /*#__PURE__*/ jsxs(Flex, {
+                                                justifyContent: "space-between",
+                                                alignItems: "start",
+                                                marginBottom: 1,
+                                                children: [
+                                                    /*#__PURE__*/ jsx(SkeletonBox, {
+                                                        width: "60%",
+                                                        height: "18px"
+                                                    }),
+                                                    /*#__PURE__*/ jsx(SkeletonBox, {
+                                                        width: "40px",
+                                                        height: "16px"
+                                                    })
+                                                ]
+                                            }),
+                                            /*#__PURE__*/ jsx(SkeletonBox, {
+                                                width: "80%",
+                                                height: "14px"
+                                            })
+                                        ]
+                                    })
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Grid.Item, {
+                        col: 7,
+                        flex: 1,
+                        children: /*#__PURE__*/ jsxs(Flex, {
+                            direction: "column",
+                            height: "100%",
+                            alignItems: "stretch",
+                            flex: 1,
+                            padding: 4,
+                            gap: 2,
+                            children: [
+                                /*#__PURE__*/ jsxs(Box, {
+                                    children: [
+                                        /*#__PURE__*/ jsx(SkeletonBox, {
+                                            width: "60px",
+                                            height: "16px",
+                                            marginBottom: 1
+                                        }),
+                                        /*#__PURE__*/ jsx(SkeletonBox, {
+                                            height: "32px"
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsxs(Box, {
+                                    children: [
+                                        /*#__PURE__*/ jsx(SkeletonBox, {
+                                            width: "100px",
+                                            height: "16px",
+                                            marginBottom: 1
+                                        }),
+                                        /*#__PURE__*/ jsx(SkeletonBox, {
+                                            height: "32px"
+                                        }),
+                                        /*#__PURE__*/ jsx(Box, {
+                                            marginTop: 1,
+                                            children: /*#__PURE__*/ jsx(SkeletonBox, {
+                                                width: "70%",
+                                                height: "12px"
+                                            })
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    })
+                ]
+            })
+        }, index));
+};
+
+export { AIAssetCard, AIAssetCardSkeletons };
+//# sourceMappingURL=AIAssetCard.mjs.map

package/dist/admin/ai/components/AIAssetCard.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIAssetCard.mjs","sources":["../../../../admin/src/ai/components/AIAssetCard.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { ConfirmDialog } from '@strapi/admin/strapi-admin';\nimport {\n  Box,\n  Card,\n  CardAction,\n  CardAsset,\n  CardBadge,\n  CardBody,\n  CardContent,\n  CardHeader,\n  CardSubtitle,\n  CardTitle,\n  CardTimer,\n  Field,\n  Flex,\n  Grid,\n  TextInput,\n  Typography,\n  IconButton,\n  Dialog,\n  Modal,\n} from '@strapi/design-system';\nimport { Pencil, Sparkle, Trash } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { AudioPreview } from '../../components/AssetCard/AudioPreview';\nimport { VideoPreview } from '../../components/AssetCard/VideoPreview';\nimport { type Asset, EditAssetContent } from '../../components/EditAssetDialog/EditAssetContent';\nimport { AssetType } from '../../constants';\nimport { useMediaLibraryPermissions } from '../../hooks/useMediaLibraryPermissions';\nimport { useRemoveAsset } from '../../hooks/useRemoveAsset';\nimport {\n  formatBytes,\n  formatDuration,\n  getFileExtension,\n  getTrad,\n  prefixFileUrlWithBackendUrl,\n} from '../../utils';\nimport { typeFromMime } from '../../utils/typeFromMime';\n\nimport { useAIUploadModalContext } from './AIUploadModal';\n\nimport type { File } from '../../../../shared/contracts/files';\n\nconst CardActionsContainer = styled(CardAction)`\n  opacity: 0;\n  z-index: 1;\n\n  &:focus-within {\n    opacity: 1;\n  }\n`;\n\nconst CardContainer = styled(Box)`\n  background: ${({ theme }) => theme.colors.neutral0};\n  border: 1px solid ${({ theme }) => theme.colors.neutral150};\n  border-radius: ${({ theme }) => theme.borderRadius};\n\n  &:hover {\n    ${CardActionsContainer} {\n      opacity: 1;\n    }\n  }\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * AssetCardActions\n * -----------------------------------------------------------------------------------------------*/\n\nconst AssetCardActions = ({ asset }: { asset: File }) => {\n  const { formatMessage } = useIntl();\n  const dispatch = useAIUploadModalContext('AssetCardActions', (s) => s.dispatch);\n  const state = useAIUploadModalContext('AssetCardActions', (s) => s.state);\n  const onClose = useAIUploadModalContext('AssetCardActions', (s) => s.onClose);\n  const { canUpdate, canCopyLink, canDownload } = useMediaLibraryPermissions();\n\n  const [isEditModalOpen, setIsEditModalOpen] = React.useState(false);\n\n  const { removeAsset } = useRemoveAsset(() => {});\n\n  const handleConfirmRemove = async (event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n    event?.preventDefault();\n    await removeAsset(asset.id);\n    dispatch({\n      type: 'remove_uploaded_asset',\n      payload: { id: asset.id },\n    });\n\n    // Close modal if this was the last asset\n    if (state.uploadedAssets.length === 1) {\n      onClose();\n    }\n  };\n\n  const handlePropagationClick = (event: React.MouseEvent) => {\n    event.stopPropagation();\n  };\n\n  const handleEditAsset = (editedAsset?: File | null) => {\n    if (editedAsset) {\n      dispatch({\n        type: 'edit_uploaded_asset',\n        payload: { editedAsset },\n      });\n\n      setIsEditModalOpen(false);\n    }\n  };\n\n  return (\n    <CardActionsContainer onClick={handlePropagationClick} position=\"end\">\n      <Dialog.Root>\n        <Dialog.Trigger>\n          <IconButton\n            label={formatMessage({\n              id: getTrad('control-card.remove-selection'),\n              defaultMessage: 'Remove from selection',\n            })}\n          >\n            <Trash />\n          </IconButton>\n        </Dialog.Trigger>\n        <ConfirmDialog onConfirm={handleConfirmRemove} />\n      </Dialog.Root>\n\n      <Modal.Root open={isEditModalOpen} onOpenChange={setIsEditModalOpen}>\n        <Modal.Trigger>\n          <IconButton\n            label={formatMessage({ id: getTrad('control-card.edit'), defaultMessage: 'Edit' })}\n          >\n            <Pencil />\n          </IconButton>\n        </Modal.Trigger>\n        <Modal.Content>\n          <EditAssetContent\n            // Is Local must be set to false to trigger the correct branch of logic in the EditAssetContent on submit\n            asset={\n              {\n                ...asset,\n                isLocal: false,\n                folder: typeof asset.folder === 'number' ? { id: asset.folder } : asset.folder,\n              } as Asset\n            }\n            onClose={(arg) => handleEditAsset(arg as File)}\n            canUpdate={canUpdate}\n            canCopyLink={canCopyLink}\n            canDownload={canDownload}\n            omitFields={['caption', 'alternativeText']}\n            omitActions={['replace']}\n          />\n        </Modal.Content>\n      </Modal.Root>\n    </CardActionsContainer>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Asset\n * -----------------------------------------------------------------------------------------------*/\n\ninterface AssetProps {\n  assetType: AssetType;\n  thumbnailUrl: string;\n  assetUrl: string;\n  asset: File;\n}\n\ninterface AssetCardProps {\n  asset: File;\n  onCaptionChange: (caption: string) => void;\n  onAltTextChange: (altText: string) => void;\n  wasCaptionChanged: boolean;\n  wasAltTextChanged: boolean;\n}\n\nconst Extension = styled.span`\n  text-transform: uppercase;\n`;\n\nconst VideoPreviewWrapper = styled(Box)`\n  position: relative;\n  height: 100%;\n  overflow: hidden;\n\n  canvas,\n  video {\n    display: block;\n    pointer-events: none;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    border-radius: ${({ theme }) => theme.borderRadius};\n  }\n`;\n\nconst VideoTimerOverlay = styled(CardTimer)`\n  position: absolute;\n  bottom: 0.5rem;\n  right: 0.5rem;\n`;\n\nconst AudioPreviewWrapper = styled(Box)`\n  height: 100%;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  canvas,\n  audio {\n    display: block;\n    max-width: 100%;\n    max-height: 100%;\n  }\n`;\n\nconst Asset = ({ assetType, thumbnailUrl, assetUrl, asset }: AssetProps) => {\n  const [duration, setDuration] = React.useState<number>();\n  const formattedDuration = duration ? formatDuration(duration) : undefined;\n\n  switch (assetType) {\n    case AssetType.Image:\n      return <CardAsset src={thumbnailUrl} size=\"S\" alt={asset.alternativeText || asset.name} />;\n    case AssetType.Video:\n      return (\n        <CardAsset size=\"S\">\n          <VideoPreviewWrapper>\n            <VideoPreview\n              url={assetUrl}\n              mime={asset.mime || 'video/mp4'}\n              onLoadDuration={setDuration}\n              alt={asset.alternativeText || asset.name}\n            />\n            {formattedDuration && <VideoTimerOverlay>{formattedDuration}</VideoTimerOverlay>}\n          </VideoPreviewWrapper>\n        </CardAsset>\n      );\n    case AssetType.Audio:\n      return (\n        <CardAsset size=\"S\">\n          <AudioPreviewWrapper>\n            <AudioPreview url={assetUrl} alt={asset.alternativeText || asset.name} />\n          </AudioPreviewWrapper>\n        </CardAsset>\n      );\n    default:\n      return <CardAsset src={thumbnailUrl} size=\"S\" alt={asset.alternativeText || asset.name} />;\n  }\n};\n\n/* -------------------------------------------------------------------------------------------------\n * AssetCard\n * -----------------------------------------------------------------------------------------------*/\n\nconst StyledCardBody = styled(CardBody)`\n  display: flex;\n  padding: ${({ theme }) => theme.spaces[2]} ${({ theme }) => theme.spaces[1]};\n`;\n\nconst StyledCard = styled(Card)`\n  width: 100%;\n  height: 100%;\n  border: none;\n  box-shadow: none;\n  border-radius: 0;\n  padding: 0;\n`;\n\nconst getAssetBadgeLabel = (assetType: AssetType) => {\n  switch (assetType) {\n    case AssetType.Image:\n      return { id: getTrad('settings.section.image.label'), defaultMessage: 'IMAGE' };\n    case AssetType.Video:\n      return { id: getTrad('settings.section.video.label'), defaultMessage: 'VIDEO' };\n    case AssetType.Audio:\n      return { id: getTrad('settings.section.audio.label'), defaultMessage: 'AUDIO' };\n    default:\n      return { id: getTrad('settings.section.doc.label'), defaultMessage: 'DOC' };\n  }\n};\n\nexport const AIAssetCard = ({\n  asset,\n  onCaptionChange,\n  onAltTextChange,\n  wasAltTextChanged,\n  wasCaptionChanged,\n}: AssetCardProps) => {\n  const { formatMessage } = useIntl();\n\n  const assetType = typeFromMime(asset.mime || '');\n  const thumbnailUrl =\n    prefixFileUrlWithBackendUrl(asset?.formats?.thumbnail?.url || asset.url) || '';\n  const assetUrl = prefixFileUrlWithBackendUrl(asset.url) || '';\n  const subtitle = asset.height && asset.width ? ` - ${asset.width}x${asset.height}` : '';\n  const formattedSize = asset.size ? formatBytes(asset.size) : '';\n  const fullSubtitle = `${subtitle}${subtitle && formattedSize ? ' - ' : ''}${formattedSize}`;\n\n  const [caption, setCaption] = React.useState(asset.caption || '');\n  React.useEffect(() => {\n    onCaptionChange(caption);\n  }, [caption, onCaptionChange]);\n\n  const [altText, setAltText] = React.useState(asset.alternativeText || '');\n  React.useEffect(() => {\n    onAltTextChange(altText);\n  }, [altText, onAltTextChange]);\n\n  return (\n    <CardContainer>\n      <Grid.Root>\n        <Grid.Item col={5} alignItems=\"stretch\">\n          <StyledCard width=\"100%\" height=\"100%\" shadow=\"none\" borderRadius={0} padding={0}>\n            <CardHeader style={{ borderStyle: 'none' }}>\n              <AssetCardActions asset={asset} />\n              <Asset\n                assetType={assetType}\n                thumbnailUrl={thumbnailUrl}\n                assetUrl={assetUrl}\n                asset={asset}\n              />\n            </CardHeader>\n            <StyledCardBody>\n              <CardContent width=\"100%\">\n                <Flex justifyContent=\"space-between\" alignItems=\"start\">\n                  <Typography tag=\"h2\">\n                    <CardTitle tag=\"span\">{asset.name}</CardTitle>\n                  </Typography>\n                  <CardBadge>{formatMessage(getAssetBadgeLabel(assetType))}</CardBadge>\n                </Flex>\n                <Flex>\n                  <CardSubtitle>\n                    <Extension>{getFileExtension(asset.ext)}</Extension>\n                    {fullSubtitle}\n                  </CardSubtitle>\n                </Flex>\n              </CardContent>\n            </StyledCardBody>\n          </StyledCard>\n        </Grid.Item>\n\n        <Grid.Item col={7} flex={1}>\n          <Flex direction=\"column\" height=\"100%\" alignItems=\"stretch\" flex={1} padding={4} gap={2}>\n            <Field.Root name=\"caption\">\n              <Flex alignItems=\"center\" gap={2}>\n                <Field.Label>\n                  {formatMessage({\n                    id: getTrad('form.input.label.file-caption'),\n                    defaultMessage: 'Caption',\n                  })}\n                </Field.Label>\n              </Flex>\n              <TextInput\n                value={caption}\n                onChange={(e) => setCaption(e.target.value)}\n                placeholder={formatMessage({\n                  id: getTrad('form.input.placeholder.file-caption'),\n                  defaultMessage: 'Enter caption',\n                })}\n                endAction={\n                  !wasCaptionChanged &&\n                  asset.caption && <Sparkle width=\"16px\" height=\"16px\" fill=\"#AC73E6\" />\n                }\n              />\n            </Field.Root>\n\n            <Field.Root\n              name=\"alternativeText\"\n              hint={formatMessage({\n                id: getTrad('form.input.description.file-alt'),\n                defaultMessage: \"This text will be displayed if the asset can't be shown.\",\n              })}\n            >\n              <Flex alignItems=\"center\" gap={2}>\n                <Field.Label>\n                  {formatMessage({\n                    id: getTrad('form.input.label.file-alt'),\n                    defaultMessage: 'Alternative text',\n                  })}\n                </Field.Label>\n              </Flex>\n\n              <TextInput\n                value={altText}\n                onChange={(e) => setAltText(e.target.value)}\n                placeholder={formatMessage({\n                  id: getTrad('form.input.placeholder.file-alt'),\n                  defaultMessage: 'Enter alternative text',\n                })}\n                endAction={\n                  !wasAltTextChanged &&\n                  asset.alternativeText && <Sparkle width=\"16px\" height=\"16px\" fill=\"#AC73E6\" />\n                }\n              />\n              <Field.Hint />\n            </Field.Root>\n          </Flex>\n        </Grid.Item>\n      </Grid.Root>\n    </CardContainer>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * AssetCardSkeletons\n * -----------------------------------------------------------------------------------------------*/\n\nconst SkeletonBox = styled(Box)<{ width?: string; height?: string }>`\n  background: linear-gradient(\n    90deg,\n    ${({ theme }) => theme.colors.neutral100} 25%,\n    ${({ theme }) => theme.colors.neutral150} 50%,\n    ${({ theme }) => theme.colors.neutral100} 75%\n  );\n  background-size: 200% 100%;\n  animation: loading 1.5s infinite;\n  border-radius: ${({ theme }) => theme.borderRadius};\n  width: ${({ width }) => width || '100%'};\n  height: ${({ height }) => height || '1rem'};\n\n  @keyframes loading {\n    0% {\n      background-position: 200% 0;\n    }\n    100% {\n      background-position: -200% 0;\n    }\n  }\n`;\n\nexport const AIAssetCardSkeletons = ({ count = 1 }: { count?: number }) => {\n  const skeletons = Array.from({ length: count }, (_, i) => i);\n\n  return skeletons.map((index) => (\n    <Box\n      key={index}\n      background=\"neutral0\"\n      borderColor=\"neutral150\"\n      borderStyle=\"solid\"\n      borderWidth=\"1px\"\n      borderRadius=\"4px\"\n      marginBottom={4}\n    >\n      <Grid.Root>\n        <Grid.Item col={5} alignItems=\"stretch\">\n          <Card\n            height=\"100%\"\n            width=\"100%\"\n            borderStyle=\"none\"\n            shadow=\"none\"\n            borderRadius={0}\n            padding={2}\n          >\n            <Box height=\"150px\" padding={2}>\n              <SkeletonBox height=\"100%\" />\n            </Box>\n            <CardBody style={{ display: 'flex', padding: '8px 4px' }}>\n              <CardContent width=\"100%\">\n                <Flex justifyContent=\"space-between\" alignItems=\"start\" marginBottom={1}>\n                  <SkeletonBox width=\"60%\" height=\"18px\" />\n                  <SkeletonBox width=\"40px\" height=\"16px\" />\n                </Flex>\n                <SkeletonBox width=\"80%\" height=\"14px\" />\n              </CardContent>\n            </CardBody>\n          </Card>\n        </Grid.Item>\n\n        <Grid.Item col={7} flex={1}>\n          <Flex direction=\"column\" height=\"100%\" alignItems=\"stretch\" flex={1} padding={4} gap={2}>\n            <Box>\n              <SkeletonBox width=\"60px\" height=\"16px\" marginBottom={1} />\n              <SkeletonBox height=\"32px\" />\n            </Box>\n\n            <Box>\n              <SkeletonBox width=\"100px\" height=\"16px\" marginBottom={1} />\n              <SkeletonBox height=\"32px\" />\n              <Box marginTop={1}>\n                <SkeletonBox width=\"70%\" height=\"12px\" />\n              </Box>\n            </Box>\n          </Flex>\n        </Grid.Item>\n      </Grid.Root>\n    </Box>\n  ));\n};\n"],"names":["CardActionsContainer","styled","CardAction","CardContainer","Box","theme","colors","neutral0","neutral150","borderRadius","AssetCardActions","asset","formatMessage","useIntl","dispatch","useAIUploadModalContext","s","state","onClose","canUpdate","canCopyLink","canDownload","useMediaLibraryPermissions","isEditModalOpen","setIsEditModalOpen","React","useState","removeAsset","useRemoveAsset","handleConfirmRemove","event","preventDefault","id","type","payload","uploadedAssets","length","handlePropagationClick","stopPropagation","handleEditAsset","editedAsset","_jsxs","onClick","position","Dialog","Root","_jsx","Trigger","IconButton","label","getTrad","defaultMessage","Trash","ConfirmDialog","onConfirm","Modal","open","onOpenChange","Pencil","Content","EditAssetContent","isLocal","folder","arg","omitFields","omitActions","Extension","span","VideoPreviewWrapper","VideoTimerOverlay","CardTimer","AudioPreviewWrapper","Asset","assetType","thumbnailUrl","assetUrl","duration","setDuration","formattedDuration","formatDuration","undefined","AssetType","Image","CardAsset","src","size","alt","alternativeText","name","Video","VideoPreview","url","mime","onLoadDuration","Audio","AudioPreview","StyledCardBody","CardBody","spaces","StyledCard","Card","getAssetBadgeLabel","AIAssetCard","onCaptionChange","onAltTextChange","wasAltTextChanged","wasCaptionChanged","typeFromMime","prefixFileUrlWithBackendUrl","formats","thumbnail","subtitle","height","width","formattedSize","formatBytes","fullSubtitle","caption","setCaption","useEffect","altText","setAltText","Grid","Item","col","alignItems","shadow","padding","CardHeader","style","borderStyle","CardContent","Flex","justifyContent","Typography","tag","CardTitle","CardBadge","CardSubtitle","getFileExtension","ext","flex","direction","gap","Field","Label","TextInput","value","onChange","e","target","placeholder","endAction","Sparkle","fill","hint","Hint","SkeletonBox","neutral100","AIAssetCardSkeletons","count","skeletons","Array","from","_","i","map","index","background","borderColor","borderWidth","marginBottom","display","marginTop"],"mappings":"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"}