@strapi/upload 5.36.0 → 5.37.0

package/dist/admin/future/components/UploadProgressDialog.mjs

@@ -0,0 +1,473 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react';
+import * as Dialog from '@radix-ui/react-dialog';
+import { Flex, IconButton, Box, TextButton, Typography } from '@strapi/design-system';
+import { ChevronDown, Cross, ArrowsCounterClockwise, CrossCircle, MinusCircle, CheckCircle, Check, Upload } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { styled, keyframes } from 'styled-components';
+import { useRetryCancelledFilesStreamMutation, abortUpload } from '../services/api.mjs';
+import { useTypedDispatch, useTypedSelector } from '../store/hooks.mjs';
+import { closeUploadProgress, cancelUpload, toggleMinimize } from '../store/uploadProgress.mjs';
+import { getTranslationKey } from '../utils/translations.mjs';
+
+/* -------------------------------------------------------------------------------------------------
+ * DialogHeader
+ * -----------------------------------------------------------------------------------------------*/ const HeaderStatusMessage = ({ title, subtitle })=>{
+    return /*#__PURE__*/ jsxs(Flex, {
+        direction: "column",
+        alignItems: "flex-start",
+        paddingLeft: 2,
+        children: [
+            /*#__PURE__*/ jsx(Dialog.Title, {
+                children: /*#__PURE__*/ jsx(Typography, {
+                    variant: "omega",
+                    children: title
+                })
+            }),
+            /*#__PURE__*/ jsx(Dialog.Description, {
+                children: /*#__PURE__*/ jsx(Typography, {
+                    variant: "pi",
+                    textColor: "neutral600",
+                    children: subtitle
+                })
+            })
+        ]
+    });
+};
+const HeaderStatusIcon = styled(Flex)`
+  padding: ${({ theme })=>theme.spaces[3]};
+  border-radius: ${({ theme })=>`${theme.borderRadius} 0 0 ${theme.borderRadius}`};
+
+  > svg {
+    height: 24px;
+    width: 24px;
+  }
+`;
+const HeaderStatusWrapper = styled(Dialog.Title)`
+  display: flex;
+  align-items: center;
+`;
+const HeaderStatus = ({ status, progress, totalFiles })=>{
+    const { formatMessage } = useIntl();
+    if (status === 'error') {
+        return /*#__PURE__*/ jsxs(HeaderStatusWrapper, {
+            children: [
+                /*#__PURE__*/ jsx(HeaderStatusIcon, {
+                    background: "danger200",
+                    children: /*#__PURE__*/ jsx(Cross, {
+                        fill: "danger700"
+                    })
+                }),
+                /*#__PURE__*/ jsx(HeaderStatusMessage, {
+                    title: formatMessage({
+                        id: getTranslationKey('upload.progress.failed'),
+                        defaultMessage: 'Upload failed'
+                    }),
+                    subtitle: formatMessage({
+                        id: getTranslationKey('upload.progress.failed.subtitle'),
+                        defaultMessage: 'Please try to upload files again'
+                    })
+                })
+            ]
+        });
+    }
+    if (status === 'success') {
+        return /*#__PURE__*/ jsxs(HeaderStatusWrapper, {
+            children: [
+                /*#__PURE__*/ jsx(HeaderStatusIcon, {
+                    background: "success200",
+                    children: /*#__PURE__*/ jsx(Check, {
+                        fill: "success700"
+                    })
+                }),
+                /*#__PURE__*/ jsx(HeaderStatusMessage, {
+                    title: formatMessage({
+                        id: getTranslationKey('upload.progress.success'),
+                        defaultMessage: 'Upload successful!'
+                    }),
+                    subtitle: formatMessage({
+                        id: getTranslationKey('upload.progress.success.subtitle'),
+                        defaultMessage: '{count} files uploaded successfully'
+                    }, {
+                        count: totalFiles
+                    })
+                })
+            ]
+        });
+    }
+    if (status === 'canceled') {
+        return /*#__PURE__*/ jsxs(HeaderStatusWrapper, {
+            children: [
+                /*#__PURE__*/ jsx(HeaderStatusIcon, {
+                    background: "neutral200",
+                    children: /*#__PURE__*/ jsx(MinusCircle, {
+                        fill: "neutral700"
+                    })
+                }),
+                /*#__PURE__*/ jsx(HeaderStatusMessage, {
+                    title: formatMessage({
+                        id: getTranslationKey('upload.progress.canceled'),
+                        defaultMessage: 'Upload canceled'
+                    }),
+                    subtitle: formatMessage({
+                        id: getTranslationKey('upload.progress.canceled.subtitle'),
+                        defaultMessage: 'Some files were not uploaded'
+                    })
+                })
+            ]
+        });
+    }
+    if (status === 'uploading') {
+        const progressPercentage = progress ? Math.round(progress) : 0;
+        return /*#__PURE__*/ jsxs(HeaderStatusWrapper, {
+            children: [
+                /*#__PURE__*/ jsx(HeaderStatusIcon, {
+                    background: "primary200",
+                    children: /*#__PURE__*/ jsx(Upload, {
+                        fill: "primary700"
+                    })
+                }),
+                /*#__PURE__*/ jsx(HeaderStatusMessage, {
+                    title: formatMessage({
+                        id: getTranslationKey('upload.progress.uploading.withCount'),
+                        defaultMessage: 'Uploading {total} items ({percentage}%)'
+                    }, {
+                        total: totalFiles,
+                        percentage: progressPercentage
+                    })
+                })
+            ]
+        });
+    }
+    return null;
+};
+const HeaderIconButton = styled(IconButton)`
+  &:hover {
+    background: transparent;
+  }
+`;
+const ChevronWrapper = styled.span`
+  display: flex;
+  transition: transform 0.5s ease-in-out;
+  transform: ${({ $isMinimized })=>$isMinimized ? 'rotate(180deg)' : 'rotate(0deg)'};
+`;
+const HEADER_COLOR_MAP = {
+    uploading: {
+        background: 'primary100'
+    },
+    canceled: {
+        background: 'neutral100'
+    },
+    success: {
+        background: 'success100'
+    },
+    error: {
+        background: 'danger100'
+    }
+};
+const DialogHeader = ({ handleClose })=>{
+    const { formatMessage } = useIntl();
+    const { isMinimized, progress, files, uploadId, totalFiles } = useTypedSelector((state)=>state.uploadProgress);
+    const dispatch = useTypedDispatch();
+    const [retryCancelledFiles] = useRetryCancelledFilesStreamMutation();
+    const isComplete = progress === 100;
+    const isAllUploaded = isComplete && files.every((f)=>f.status !== 'uploading');
+    const isAllErrored = isComplete && files.length > 0 && files.every((f)=>f.status === 'error');
+    const hasCancelledFiles = files.some((f)=>f.status === 'cancelled');
+    const isSuccess = isComplete && isAllUploaded && !isAllErrored && !hasCancelledFiles;
+    const status = (()=>{
+        if (isAllErrored) return 'error';
+        if (isSuccess) return 'success';
+        if (hasCancelledFiles) return 'canceled';
+        return 'uploading';
+    })();
+    const handleCancel = ()=>{
+        abortUpload(uploadId);
+        dispatch(cancelUpload());
+    };
+    const handleRetry = async ()=>{
+        try {
+            await retryCancelledFiles().unwrap();
+        } catch  {
+        // Error is already dispatched to store from the API queryFn
+        }
+    };
+    const handleToggleMinimize = ()=>{
+        dispatch(toggleMinimize());
+    };
+    return /*#__PURE__*/ jsxs(Flex, {
+        background: HEADER_COLOR_MAP[status].background,
+        justifyContent: "space-between",
+        margin: 1,
+        hasRadius: true,
+        children: [
+            /*#__PURE__*/ jsx(HeaderStatus, {
+                status: status,
+                progress: progress,
+                totalFiles: totalFiles
+            }),
+            /*#__PURE__*/ jsxs(Flex, {
+                gap: 1,
+                children: [
+                    !isAllUploaded && /*#__PURE__*/ jsx(TextButton, {
+                        onClick: handleCancel,
+                        fontWeight: "bold",
+                        children: formatMessage({
+                            id: getTranslationKey('upload.progress.cancel'),
+                            defaultMessage: 'Cancel'
+                        })
+                    }),
+                    hasCancelledFiles && /*#__PURE__*/ jsx(TextButton, {
+                        onClick: handleRetry,
+                        fontWeight: "bold",
+                        children: formatMessage({
+                            id: getTranslationKey('upload.progress.retry'),
+                            defaultMessage: 'Retry'
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(HeaderIconButton, {
+                        onClick: handleToggleMinimize,
+                        label: formatMessage({
+                            id: getTranslationKey(isMinimized ? 'upload.progress.maximize' : 'upload.progress.minimize'),
+                            defaultMessage: isMinimized ? 'Maximize' : 'Minimize'
+                        }),
+                        variant: "ghost",
+                        children: /*#__PURE__*/ jsx(ChevronWrapper, {
+                            $isMinimized: isMinimized,
+                            children: /*#__PURE__*/ jsx(ChevronDown, {})
+                        })
+                    }),
+                    isComplete && /*#__PURE__*/ jsx(HeaderIconButton, {
+                        onClick: handleClose,
+                        label: formatMessage({
+                            id: getTranslationKey('upload.progress.close'),
+                            defaultMessage: 'Close'
+                        }),
+                        variant: "ghost",
+                        children: /*#__PURE__*/ jsx(Cross, {})
+                    })
+                ]
+            })
+        ]
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * UploadProgressDialog
+ * -----------------------------------------------------------------------------------------------*/ const indeterminate = keyframes`
+  0% {
+    transform: translateX(-100%);
+  }
+  100% {
+    transform: translateX(400%);
+  }
+`;
+const IndeterminateBar = styled.div`
+  width: 100%;
+  height: ${({ theme })=>theme.spaces[1]};
+  background-color: ${({ theme })=>theme.colors.neutral200};
+  border-radius: 4px;
+  overflow: hidden;
+  position: relative;
+
+  &::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 25%;
+    background-color: ${({ theme })=>theme.colors.primary700};
+    border-radius: 4px;
+    animation: ${indeterminate} 1.5s ease-in-out infinite;
+  }
+`;
+const FileRow = ({ icon, fileName, children })=>{
+    return /*#__PURE__*/ jsxs(Flex, {
+        direction: "column",
+        alignItems: "stretch",
+        justifyContent: "center",
+        gap: 1,
+        width: "100%",
+        children: [
+            /*#__PURE__*/ jsxs(Flex, {
+                gap: 2,
+                children: [
+                    icon,
+                    /*#__PURE__*/ jsx(Typography, {
+                        variant: "omega",
+                        fontWeight: "semiBold",
+                        ellipsis: true,
+                        children: fileName
+                    })
+                ]
+            }),
+            children
+        ]
+    });
+};
+const FileRowRenderer = ({ file })=>{
+    const { formatMessage } = useIntl();
+    const isError = file.status === 'error';
+    const isCurrentFile = file.status === 'uploading';
+    const isCompleted = file.status === 'complete';
+    const isCancelled = file.status === 'cancelled';
+    if (isCurrentFile) {
+        return /*#__PURE__*/ jsxs(FileRow, {
+            icon: /*#__PURE__*/ jsx(ArrowsCounterClockwise, {
+                fill: "secondary600"
+            }),
+            fileName: file.name,
+            children: [
+                /*#__PURE__*/ jsx(Typography, {
+                    variant: "pi",
+                    textColor: "neutral600",
+                    children: formatMessage({
+                        id: getTranslationKey('upload.progress.file.uploading'),
+                        defaultMessage: 'Uploading...'
+                    })
+                }),
+                /*#__PURE__*/ jsx(IndeterminateBar, {})
+            ]
+        });
+    }
+    if (isError) {
+        return /*#__PURE__*/ jsx(FileRow, {
+            icon: /*#__PURE__*/ jsx(CrossCircle, {
+                fill: "danger500"
+            }),
+            fileName: file.name,
+            children: /*#__PURE__*/ jsx(Typography, {
+                variant: "pi",
+                textColor: "neutral600",
+                children: file.error
+            })
+        });
+    }
+    if (isCancelled) {
+        return /*#__PURE__*/ jsx(FileRow, {
+            icon: /*#__PURE__*/ jsx(MinusCircle, {
+                fill: "neutral600"
+            }),
+            fileName: file.name,
+            children: /*#__PURE__*/ jsx(Typography, {
+                variant: "pi",
+                textColor: "neutral600",
+                children: formatMessage({
+                    id: getTranslationKey('upload.progress.file.canceled'),
+                    defaultMessage: 'Canceled'
+                })
+            })
+        });
+    }
+    if (isCompleted) {
+        return /*#__PURE__*/ jsx(FileRow, {
+            icon: /*#__PURE__*/ jsx(CheckCircle, {
+                fill: "success500"
+            }),
+            fileName: file.name,
+            children: /*#__PURE__*/ jsx(Typography, {
+                variant: "pi",
+                textColor: "neutral600",
+                children: formatMessage({
+                    id: getTranslationKey('upload.progress.file.uploaded'),
+                    defaultMessage: 'Uploaded'
+                })
+            })
+        });
+    }
+    return null;
+};
+const DialogContent = styled(Dialog.Content)`
+  position: fixed;
+  bottom: ${({ theme })=>theme.spaces[4]};
+  right: ${({ theme })=>theme.spaces[4]};
+  width: 400px;
+  background-color: ${({ theme })=>theme.colors.neutral0};
+  border-radius: ${({ theme })=>theme.borderRadius};
+  box-shadow: ${({ theme })=>theme.shadows.popupShadow};
+  z-index: 1000;
+  overflow: hidden;
+  border: 1px solid ${({ theme })=>theme.colors.neutral150};
+
+  &:focus {
+    outline: none;
+  }
+`;
+const CompletedFilesList = styled(Flex)`
+  max-height: 200px;
+  overflow-y: auto;
+  flex-direction: column;
+  gap: ${({ theme })=>theme.spaces[2]};
+  width: 100%;
+`;
+const AnimatedContent = styled.div`
+  display: grid;
+  grid-template-rows: ${({ $isVisible })=>$isVisible ? '1fr' : '0fr'};
+  transition: grid-template-rows 0.3s ease-in-out;
+
+  > div {
+    overflow: hidden;
+  }
+`;
+const UploadProgressDialog = ()=>{
+    const dispatch = useTypedDispatch();
+    const { isVisible, isMinimized, files } = useTypedSelector((state)=>state.uploadProgress);
+    const currentFile = files.find((f)=>f.status === 'uploading');
+    const completedFiles = files.filter((f)=>f.status === 'complete' || f.status === 'error' || f.status === 'cancelled').sort((a, b)=>{
+        // Sort priority: error > cancelled > complete
+        const priority = {
+            error: 0,
+            cancelled: 1,
+            complete: 2,
+            uploading: 3,
+            pending: 4
+        };
+        return priority[a.status] - priority[b.status];
+    });
+    const handleClose = ()=>{
+        dispatch(closeUploadProgress());
+    };
+    return /*#__PURE__*/ jsx(Dialog.Root, {
+        open: isVisible,
+        modal: false,
+        children: /*#__PURE__*/ jsx(Dialog.Portal, {
+            children: /*#__PURE__*/ jsxs(DialogContent, {
+                // The accessible name is set by Dialog.Title and is dynamic,
+                // use a data-testid to ensure a stable target for e2e tests
+                "data-testid": "upload-progress-dialog",
+                children: [
+                    /*#__PURE__*/ jsx(DialogHeader, {
+                        handleClose: handleClose
+                    }),
+                    /*#__PURE__*/ jsx(AnimatedContent, {
+                        $isVisible: !isMinimized,
+                        children: /*#__PURE__*/ jsx(Box, {
+                            children: /*#__PURE__*/ jsxs(Flex, {
+                                direction: "column",
+                                alignItems: "stretch",
+                                gap: 4,
+                                paddingTop: 4,
+                                paddingBottom: 4,
+                                paddingLeft: 4,
+                                paddingRight: 4,
+                                children: [
+                                    currentFile && /*#__PURE__*/ jsx(FileRowRenderer, {
+                                        file: currentFile
+                                    }),
+                                    completedFiles.length > 0 && /*#__PURE__*/ jsx(CompletedFilesList, {
+                                        children: completedFiles.map((file)=>/*#__PURE__*/ jsx(FileRowRenderer, {
+                                                file: file
+                                            }, file.index))
+                                    })
+                                ]
+                            })
+                        })
+                    })
+                ]
+            })
+        })
+    });
+};
+
+export { UploadProgressDialog };
+//# sourceMappingURL=UploadProgressDialog.mjs.map

package/dist/admin/future/components/UploadProgressDialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadProgressDialog.mjs","sources":["../../../../admin/src/future/components/UploadProgressDialog.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport * as Dialog from '@radix-ui/react-dialog';\nimport { Box, Flex, IconButton, TextButton, Typography } from '@strapi/design-system';\nimport {\n  ArrowsCounterClockwise,\n  Check,\n  CheckCircle,\n  ChevronDown,\n  Cross,\n  CrossCircle,\n  MinusCircle,\n  Upload,\n} from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled, keyframes } from 'styled-components';\n\nimport { abortUpload, useRetryCancelledFilesStreamMutation } from '../services/api';\nimport { useTypedDispatch, useTypedSelector } from '../store/hooks';\nimport { closeUploadProgress, toggleMinimize, cancelUpload } from '../store/uploadProgress';\nimport { getTranslationKey } from '../utils/translations';\n\nimport type { FileProgress, FileProgressStatus } from '../store/uploadProgress';\n\n/* -------------------------------------------------------------------------------------------------\n * DialogHeader\n * -----------------------------------------------------------------------------------------------*/\n\nconst HeaderStatusMessage = ({ title, subtitle }: { title: string; subtitle?: string }) => {\n  return (\n    <Flex direction=\"column\" alignItems=\"flex-start\" paddingLeft={2}>\n      <Dialog.Title>\n        <Typography variant=\"omega\">{title}</Typography>\n      </Dialog.Title>\n      <Dialog.Description>\n        <Typography variant=\"pi\" textColor=\"neutral600\">\n          {subtitle}\n        </Typography>\n      </Dialog.Description>\n    </Flex>\n  );\n};\n\nconst HeaderStatusIcon = styled(Flex)`\n  padding: ${({ theme }) => theme.spaces[3]};\n  border-radius: ${({ theme }) => `${theme.borderRadius} 0 0 ${theme.borderRadius}`};\n\n  > svg {\n    height: 24px;\n    width: 24px;\n  }\n`;\n\nconst HeaderStatusWrapper = styled(Dialog.Title)`\n  display: flex;\n  align-items: center;\n`;\n\ntype HeaderStatusProps = {\n  status: 'uploading' | 'success' | 'error' | 'canceled';\n  progress?: number;\n  totalFiles: number;\n};\n\nconst HeaderStatus = ({ status, progress, totalFiles }: HeaderStatusProps) => {\n  const { formatMessage } = useIntl();\n\n  if (status === 'error') {\n    return (\n      <HeaderStatusWrapper>\n        <HeaderStatusIcon background=\"danger200\">\n          <Cross fill=\"danger700\" />\n        </HeaderStatusIcon>\n        <HeaderStatusMessage\n          title={formatMessage({\n            id: getTranslationKey('upload.progress.failed'),\n            defaultMessage: 'Upload failed',\n          })}\n          subtitle={formatMessage({\n            id: getTranslationKey('upload.progress.failed.subtitle'),\n            defaultMessage: 'Please try to upload files again',\n          })}\n        />\n      </HeaderStatusWrapper>\n    );\n  }\n\n  if (status === 'success') {\n    return (\n      <HeaderStatusWrapper>\n        <HeaderStatusIcon background=\"success200\">\n          <Check fill=\"success700\" />\n        </HeaderStatusIcon>\n        <HeaderStatusMessage\n          title={formatMessage({\n            id: getTranslationKey('upload.progress.success'),\n            defaultMessage: 'Upload successful!',\n          })}\n          subtitle={formatMessage(\n            {\n              id: getTranslationKey('upload.progress.success.subtitle'),\n              defaultMessage: '{count} files uploaded successfully',\n            },\n            { count: totalFiles }\n          )}\n        />\n      </HeaderStatusWrapper>\n    );\n  }\n\n  if (status === 'canceled') {\n    return (\n      <HeaderStatusWrapper>\n        <HeaderStatusIcon background=\"neutral200\">\n          <MinusCircle fill=\"neutral700\" />\n        </HeaderStatusIcon>\n        <HeaderStatusMessage\n          title={formatMessage({\n            id: getTranslationKey('upload.progress.canceled'),\n            defaultMessage: 'Upload canceled',\n          })}\n          subtitle={formatMessage({\n            id: getTranslationKey('upload.progress.canceled.subtitle'),\n            defaultMessage: 'Some files were not uploaded',\n          })}\n        />\n      </HeaderStatusWrapper>\n    );\n  }\n\n  if (status === 'uploading') {\n    const progressPercentage = progress ? Math.round(progress) : 0;\n\n    return (\n      <HeaderStatusWrapper>\n        <HeaderStatusIcon background=\"primary200\">\n          <Upload fill=\"primary700\" />\n        </HeaderStatusIcon>\n        <HeaderStatusMessage\n          title={formatMessage(\n            {\n              id: getTranslationKey('upload.progress.uploading.withCount'),\n              defaultMessage: 'Uploading {total} items ({percentage}%)',\n            },\n            {\n              total: totalFiles,\n              percentage: progressPercentage,\n            }\n          )}\n        />\n      </HeaderStatusWrapper>\n    );\n  }\n\n  return null;\n};\n\nconst HeaderIconButton = styled(IconButton)`\n  &:hover {\n    background: transparent;\n  }\n`;\n\nconst ChevronWrapper = styled.span<{ $isMinimized: boolean }>`\n  display: flex;\n  transition: transform 0.5s ease-in-out;\n  transform: ${({ $isMinimized }) => ($isMinimized ? 'rotate(180deg)' : 'rotate(0deg)')};\n`;\n\nconst HEADER_COLOR_MAP = {\n  uploading: { background: 'primary100' },\n  canceled: { background: 'neutral100' },\n  success: { background: 'success100' },\n  error: { background: 'danger100' },\n} as const;\n\nconst DialogHeader = ({ handleClose }: { handleClose: () => void }) => {\n  const { formatMessage } = useIntl();\n\n  const { isMinimized, progress, files, uploadId, totalFiles } = useTypedSelector(\n    (state) => state.uploadProgress\n  );\n  const dispatch = useTypedDispatch();\n  const [retryCancelledFiles] = useRetryCancelledFilesStreamMutation();\n\n  const isComplete = progress === 100;\n  const isAllUploaded = isComplete && files.every((f) => f.status !== 'uploading');\n  const isAllErrored = isComplete && files.length > 0 && files.every((f) => f.status === 'error');\n  const hasCancelledFiles = files.some((f) => f.status === 'cancelled');\n  const isSuccess = isComplete && isAllUploaded && !isAllErrored && !hasCancelledFiles;\n  const status = ((): HeaderStatusProps['status'] => {\n    if (isAllErrored) return 'error';\n    if (isSuccess) return 'success';\n    if (hasCancelledFiles) return 'canceled';\n\n    return 'uploading';\n  })();\n\n  const handleCancel = () => {\n    abortUpload(uploadId);\n    dispatch(cancelUpload());\n  };\n\n  const handleRetry = async () => {\n    try {\n      await retryCancelledFiles().unwrap();\n    } catch {\n      // Error is already dispatched to store from the API queryFn\n    }\n  };\n\n  const handleToggleMinimize = () => {\n    dispatch(toggleMinimize());\n  };\n\n  return (\n    <Flex\n      background={HEADER_COLOR_MAP[status].background}\n      justifyContent=\"space-between\"\n      margin={1}\n      hasRadius\n    >\n      <HeaderStatus status={status} progress={progress} totalFiles={totalFiles} />\n      <Flex gap={1}>\n        {!isAllUploaded && (\n          <TextButton onClick={handleCancel} fontWeight=\"bold\">\n            {formatMessage({\n              id: getTranslationKey('upload.progress.cancel'),\n              defaultMessage: 'Cancel',\n            })}\n          </TextButton>\n        )}\n        {hasCancelledFiles && (\n          <TextButton onClick={handleRetry} fontWeight=\"bold\">\n            {formatMessage({\n              id: getTranslationKey('upload.progress.retry'),\n              defaultMessage: 'Retry',\n            })}\n          </TextButton>\n        )}\n        <HeaderIconButton\n          onClick={handleToggleMinimize}\n          label={formatMessage({\n            id: getTranslationKey(\n              isMinimized ? 'upload.progress.maximize' : 'upload.progress.minimize'\n            ),\n            defaultMessage: isMinimized ? 'Maximize' : 'Minimize',\n          })}\n          variant=\"ghost\"\n        >\n          <ChevronWrapper $isMinimized={isMinimized}>\n            <ChevronDown />\n          </ChevronWrapper>\n        </HeaderIconButton>\n        {isComplete && (\n          <HeaderIconButton\n            onClick={handleClose}\n            label={formatMessage({\n              id: getTranslationKey('upload.progress.close'),\n              defaultMessage: 'Close',\n            })}\n            variant=\"ghost\"\n          >\n            <Cross />\n          </HeaderIconButton>\n        )}\n      </Flex>\n    </Flex>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * UploadProgressDialog\n * -----------------------------------------------------------------------------------------------*/\n\nconst indeterminate = keyframes`\n  0% {\n    transform: translateX(-100%);\n  }\n  100% {\n    transform: translateX(400%);\n  }\n`;\n\nconst IndeterminateBar = styled.div`\n  width: 100%;\n  height: ${({ theme }) => theme.spaces[1]};\n  background-color: ${({ theme }) => theme.colors.neutral200};\n  border-radius: 4px;\n  overflow: hidden;\n  position: relative;\n\n  &::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 25%;\n    background-color: ${({ theme }) => theme.colors.primary700};\n    border-radius: 4px;\n    animation: ${indeterminate} 1.5s ease-in-out infinite;\n  }\n`;\n\nconst FileRow = ({\n  icon,\n  fileName,\n  children,\n}: {\n  icon: React.ReactNode;\n  fileName: string;\n  children: React.ReactNode;\n}) => {\n  return (\n    <Flex direction=\"column\" alignItems=\"stretch\" justifyContent=\"center\" gap={1} width=\"100%\">\n      <Flex gap={2}>\n        {icon}\n        <Typography variant=\"omega\" fontWeight=\"semiBold\" ellipsis>\n          {fileName}\n        </Typography>\n      </Flex>\n      {children}\n    </Flex>\n  );\n};\n\nconst FileRowRenderer = ({ file }: { file: FileProgress }) => {\n  const { formatMessage } = useIntl();\n  const isError = file.status === 'error';\n  const isCurrentFile = file.status === 'uploading';\n  const isCompleted = file.status === 'complete';\n  const isCancelled = file.status === 'cancelled';\n\n  if (isCurrentFile) {\n    return (\n      <FileRow icon={<ArrowsCounterClockwise fill=\"secondary600\" />} fileName={file.name}>\n        <Typography variant=\"pi\" textColor=\"neutral600\">\n          {formatMessage({\n            id: getTranslationKey('upload.progress.file.uploading'),\n            defaultMessage: 'Uploading...',\n          })}\n        </Typography>\n        <IndeterminateBar />\n      </FileRow>\n    );\n  }\n\n  if (isError) {\n    return (\n      <FileRow icon={<CrossCircle fill=\"danger500\" />} fileName={file.name}>\n        <Typography variant=\"pi\" textColor=\"neutral600\">\n          {file.error}\n        </Typography>\n      </FileRow>\n    );\n  }\n\n  if (isCancelled) {\n    return (\n      <FileRow icon={<MinusCircle fill=\"neutral600\" />} fileName={file.name}>\n        <Typography variant=\"pi\" textColor=\"neutral600\">\n          {formatMessage({\n            id: getTranslationKey('upload.progress.file.canceled'),\n            defaultMessage: 'Canceled',\n          })}\n        </Typography>\n      </FileRow>\n    );\n  }\n\n  if (isCompleted) {\n    return (\n      <FileRow icon={<CheckCircle fill=\"success500\" />} fileName={file.name}>\n        <Typography variant=\"pi\" textColor=\"neutral600\">\n          {formatMessage({\n            id: getTranslationKey('upload.progress.file.uploaded'),\n            defaultMessage: 'Uploaded',\n          })}\n        </Typography>\n      </FileRow>\n    );\n  }\n\n  return null;\n};\n\nconst DialogContent = styled(Dialog.Content)`\n  position: fixed;\n  bottom: ${({ theme }) => theme.spaces[4]};\n  right: ${({ theme }) => theme.spaces[4]};\n  width: 400px;\n  background-color: ${({ theme }) => theme.colors.neutral0};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  box-shadow: ${({ theme }) => theme.shadows.popupShadow};\n  z-index: 1000;\n  overflow: hidden;\n  border: 1px solid ${({ theme }) => theme.colors.neutral150};\n\n  &:focus {\n    outline: none;\n  }\n`;\n\nconst CompletedFilesList = styled(Flex)`\n  max-height: 200px;\n  overflow-y: auto;\n  flex-direction: column;\n  gap: ${({ theme }) => theme.spaces[2]};\n  width: 100%;\n`;\n\nconst AnimatedContent = styled.div<{ $isVisible: boolean }>`\n  display: grid;\n  grid-template-rows: ${({ $isVisible }) => ($isVisible ? '1fr' : '0fr')};\n  transition: grid-template-rows 0.3s ease-in-out;\n\n  > div {\n    overflow: hidden;\n  }\n`;\n\nexport const UploadProgressDialog = () => {\n  const dispatch = useTypedDispatch();\n  const { isVisible, isMinimized, files } = useTypedSelector((state) => state.uploadProgress);\n\n  const currentFile = files.find((f) => f.status === 'uploading');\n  const completedFiles = files\n    .filter((f) => f.status === 'complete' || f.status === 'error' || f.status === 'cancelled')\n    .sort((a, b) => {\n      // Sort priority: error > cancelled > complete\n      const priority: Record<FileProgressStatus, number> = {\n        error: 0,\n        cancelled: 1,\n        complete: 2,\n        uploading: 3,\n        pending: 4,\n      };\n      return priority[a.status] - priority[b.status];\n    });\n\n  const handleClose = () => {\n    dispatch(closeUploadProgress());\n  };\n\n  return (\n    <Dialog.Root open={isVisible} modal={false}>\n      <Dialog.Portal>\n        <DialogContent\n          // The accessible name is set by Dialog.Title and is dynamic,\n          // use a data-testid to ensure a stable target for e2e tests\n          data-testid=\"upload-progress-dialog\"\n        >\n          <DialogHeader handleClose={handleClose} />\n\n          <AnimatedContent $isVisible={!isMinimized}>\n            <Box>\n              <Flex\n                direction=\"column\"\n                alignItems=\"stretch\"\n                gap={4}\n                paddingTop={4}\n                paddingBottom={4}\n                paddingLeft={4}\n                paddingRight={4}\n              >\n                {currentFile && <FileRowRenderer file={currentFile} />}\n\n                {completedFiles.length > 0 && (\n                  <CompletedFilesList>\n                    {completedFiles.map((file) => (\n                      <FileRowRenderer key={file.index} file={file} />\n                    ))}\n                  </CompletedFilesList>\n                )}\n              </Flex>\n            </Box>\n          </AnimatedContent>\n        </DialogContent>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n};\n"],"names":["HeaderStatusMessage","title","subtitle","_jsxs","Flex","direction","alignItems","paddingLeft","_jsx","Dialog","Title","Typography","variant","Description","textColor","HeaderStatusIcon","styled","theme","spaces","borderRadius","HeaderStatusWrapper","HeaderStatus","status","progress","totalFiles","formatMessage","useIntl","background","Cross","fill","id","getTranslationKey","defaultMessage","Check","count","MinusCircle","progressPercentage","Math","round","Upload","total","percentage","HeaderIconButton","IconButton","ChevronWrapper","span","$isMinimized","HEADER_COLOR_MAP","uploading","canceled","success","error","DialogHeader","handleClose","isMinimized","files","uploadId","useTypedSelector","state","uploadProgress","dispatch","useTypedDispatch","retryCancelledFiles","useRetryCancelledFilesStreamMutation","isComplete","isAllUploaded","every","f","isAllErrored","length","hasCancelledFiles","some","isSuccess","handleCancel","abortUpload","cancelUpload","handleRetry","unwrap","handleToggleMinimize","toggleMinimize","justifyContent","margin","hasRadius","gap","TextButton","onClick","fontWeight","label","ChevronDown","indeterminate","keyframes","IndeterminateBar","div","colors","neutral200","primary700","FileRow","icon","fileName","children","width","ellipsis","FileRowRenderer","file","isError","isCurrentFile","isCompleted","isCancelled","ArrowsCounterClockwise","name","CrossCircle","CheckCircle","DialogContent","Content","neutral0","shadows","popupShadow","neutral150","CompletedFilesList","AnimatedContent","$isVisible","UploadProgressDialog","isVisible","currentFile","find","completedFiles","filter","sort","a","b","priority","cancelled","complete","pending","closeUploadProgress","Root","open","modal","Portal","data-testid","Box","paddingTop","paddingBottom","paddingRight","map","index"],"mappings":"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"}