@strapi/upload 5.50.2 → 5.51.1

package/dist/admin/future/pages/Assets/components/BulkActionsBar.js

@@ -0,0 +1,252 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+var styledComponents = require('styled-components');
+var useAiAvailability = require('../../../../hooks/useAiAvailability.js');
+var assets = require('../../../services/assets.js');
+var translations = require('../../../utils/translations.js');
+var useAssetSelection = require('../hooks/useAssetSelection.js');
+var BulkMoveDialog = require('./BulkMoveDialog.js');
+
+/**
+ * Floating bulk action bar for the future Media Library.
+ *
+ * TODO: create-metadata control is a styled stub (toast on click)
+ */ const Bar = styledComponents.styled(designSystem.Flex)`
+  position: fixed;
+  bottom: ${({ theme })=>theme.spaces[4]};
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: ${({ theme })=>theme.zIndices.popover};
+  align-items: center;
+  gap: ${({ theme })=>theme.spaces[2]};
+  padding: ${({ theme })=>`${theme.spaces[3]} ${theme.spaces[2]} ${theme.spaces[3]} ${theme.spaces[6]}`};
+  background: ${({ theme })=>theme.colors.neutral0};
+  border: 1px solid ${({ theme })=>theme.colors.neutral150};
+  border-radius: ${({ theme })=>theme.borderRadius};
+  box-shadow: ${({ theme })=>theme.shadows.popupShadow};
+`;
+const ActionCluster = styledComponents.styled(designSystem.Flex)`
+  margin-left: auto;
+  align-items: center;
+  gap: ${({ theme })=>theme.spaces[2]};
+`;
+const VerticalDivider = styledComponents.styled(designSystem.Box)`
+  width: 1px;
+  align-self: stretch;
+  background: ${({ theme })=>theme.colors.neutral150};
+  margin-left: ${({ theme })=>theme.spaces[1]};
+`;
+const BulkActionsBar = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { toggleNotification } = strapiAdmin.useNotification();
+    const { isEnabled: isAiMetadataEnabled } = useAiAvailability.useAIAvailability();
+    const { selectedIds, selectedFolderIds, clear } = useAssetSelection.useAssetSelection();
+    const [bulkDeleteItems, { isLoading: isDeleting }] = assets.useBulkDeleteItemsMutation();
+    const [isDeleteDialogOpen, setIsDeleteDialogOpen] = React.useState(false);
+    const [isMoveDialogOpen, setIsMoveDialogOpen] = React.useState(false);
+    const count = selectedIds.size + selectedFolderIds.size;
+    const showStubNotification = (translationKey, defaultMessage)=>{
+        toggleNotification({
+            type: 'info',
+            message: formatMessage({
+                id: translations.getTranslationKey(translationKey),
+                defaultMessage
+            })
+        });
+    };
+    const handleConfirmDelete = async (e)=>{
+        // Radix AlertDialog.Action closes the dialog on click by default; prevent
+        // that so the dialog stays open showing the loader while the request runs
+        // (a bulk delete can take a while depending on the number of assets).
+        e.preventDefault();
+        // Guard re-entry while pending.
+        if (isDeleting) {
+            return;
+        }
+        const res = await bulkDeleteItems({
+            fileIds: Array.from(selectedIds),
+            folderIds: Array.from(selectedFolderIds)
+        });
+        if ('error' in res) {
+            // Keep the dialog open and the selection intact so the user can retry
+            // (Confirm again) or Cancel; only surface the error toast.
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: translations.getTranslationKey('list.bulk-actions.delete.error'),
+                    defaultMessage: 'An error occurred while deleting the items.'
+                })
+            });
+            return;
+        }
+        setIsDeleteDialogOpen(false);
+        toggleNotification({
+            type: 'success',
+            message: formatMessage({
+                id: translations.getTranslationKey('list.bulk-actions.delete.success'),
+                defaultMessage: '{count, plural, =1 {# item has been deleted} other {# items have been deleted}}'
+            }, {
+                count
+            })
+        });
+        clear();
+    };
+    if (count === 0) {
+        return null;
+    }
+    return /*#__PURE__*/ jsxRuntime.jsxs(Bar, {
+        tag: "section",
+        role: "region",
+        "aria-label": formatMessage({
+            id: translations.getTranslationKey('list.bulk-actions.label'),
+            defaultMessage: 'Bulk actions'
+        }),
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                fontWeight: "bold",
+                textColor: "neutral800",
+                marginRight: 4,
+                children: formatMessage({
+                    id: translations.getTranslationKey('list.bulk-actions.selected-count'),
+                    defaultMessage: '{count, plural, =1 {# item selected} other {# items selected}}'
+                }, {
+                    count
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs(ActionCluster, {
+                children: [
+                    isAiMetadataEnabled && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                        size: "S",
+                        startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Sparkle, {}),
+                        disabled: isDeleting,
+                        onClick: ()=>showStubNotification('list.bulk-actions.create-metadata-not-available', "Generate metadata isn't available yet"),
+                        children: formatMessage({
+                            id: translations.getTranslationKey('list.bulk-actions.create-metadata'),
+                            defaultMessage: 'Create metadata'
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                        variant: "tertiary",
+                        disabled: isDeleting,
+                        label: formatMessage({
+                            id: translations.getTranslationKey('list.bulk-actions.move'),
+                            defaultMessage: 'Move'
+                        }),
+                        onClick: ()=>setIsMoveDialogOpen(true),
+                        children: /*#__PURE__*/ jsxRuntime.jsx(icons.ArrowRight, {})
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(BulkMoveDialog.BulkMoveDialog, {
+                        open: isMoveDialogOpen,
+                        onClose: ()=>setIsMoveDialogOpen(false)
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Dialog.Root, {
+                        open: isDeleteDialogOpen,
+                        onOpenChange: (open)=>{
+                            // The dialog must stay open while the request runs — a bulk delete
+                            // can't be aborted halfway, so the loader is the source of truth.
+                            if (!isDeleting) {
+                                setIsDeleteDialogOpen(open);
+                            }
+                        },
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Trigger, {
+                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                                    variant: "danger-light",
+                                    disabled: isDeleting,
+                                    label: formatMessage({
+                                        id: translations.getTranslationKey('list.bulk-actions.delete'),
+                                        defaultMessage: 'Delete'
+                                    }),
+                                    children: /*#__PURE__*/ jsxRuntime.jsx(icons.Trash, {})
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Dialog.Content, {
+                                children: [
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Header, {
+                                        children: formatMessage({
+                                            id: translations.getTranslationKey('list.bulk-actions.delete.confirm.title'),
+                                            defaultMessage: 'Delete {count, plural, =1 {# item} other {# items}}?'
+                                        }, {
+                                            count
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Dialog.Body, {
+                                        icon: /*#__PURE__*/ jsxRuntime.jsx(icons.WarningCircle, {
+                                            width: "24px",
+                                            height: "24px",
+                                            fill: "danger600"
+                                        }),
+                                        textAlign: "center",
+                                        children: [
+                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                children: formatMessage({
+                                                    id: translations.getTranslationKey('list.bulk-actions.delete.confirm.description.are-you-sure'),
+                                                    defaultMessage: 'These items cannot be recovered once deleted, and deleting a folder also deletes everything inside it. If they are currently in use, linked content will break and image containers will be empty.'
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                children: formatMessage({
+                                                    id: translations.getTranslationKey('list.bulk-actions.delete.confirm.description.cant-be-undone'),
+                                                    defaultMessage: 'This action can’t be undone. Deleting a folder also removes everything inside it, and any linked content will break – media asset containers will appear empty.'
+                                                })
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Dialog.Footer, {
+                                        children: [
+                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Cancel, {
+                                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                                    variant: "tertiary",
+                                                    disabled: isDeleting,
+                                                    fullWidth: true,
+                                                    children: formatMessage({
+                                                        id: 'app.components.Button.cancel',
+                                                        defaultMessage: 'Cancel'
+                                                    })
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Action, {
+                                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                                    variant: "danger-light",
+                                                    loading: isDeleting,
+                                                    onClick: handleConfirmDelete,
+                                                    fullWidth: true,
+                                                    children: formatMessage({
+                                                        id: 'app.components.Button.confirm',
+                                                        defaultMessage: 'Confirm'
+                                                    })
+                                                })
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(VerticalDivider, {
+                "aria-hidden": true
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                variant: "ghost",
+                label: formatMessage({
+                    id: translations.getTranslationKey('list.bulk-actions.clear'),
+                    defaultMessage: 'Clear selection'
+                }),
+                onClick: clear,
+                disabled: isDeleting,
+                children: /*#__PURE__*/ jsxRuntime.jsx(icons.Cross, {})
+            })
+        ]
+    });
+};
+
+exports.BulkActionsBar = BulkActionsBar;
+//# sourceMappingURL=BulkActionsBar.js.map

package/dist/admin/future/pages/Assets/components/BulkActionsBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BulkActionsBar.js","sources":["../../../../../../admin/src/future/pages/Assets/components/BulkActionsBar.tsx"],"sourcesContent":["import { useState, type MouseEvent } from 'react';\n\nimport { useNotification } from '@strapi/admin/strapi-admin';\nimport { Box, Button, Dialog, Flex, IconButton, Typography } from '@strapi/design-system';\nimport { ArrowRight, Cross, Sparkle, Trash, WarningCircle } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { useAIAvailability } from '../../../../hooks/useAiAvailability';\nimport { useBulkDeleteItemsMutation } from '../../../services/assets';\nimport { getTranslationKey } from '../../../utils/translations';\nimport { useAssetSelection } from '../hooks/useAssetSelection';\n\nimport { BulkMoveDialog } from './BulkMoveDialog';\n\n/**\n * Floating bulk action bar for the future Media Library.\n *\n * TODO: create-metadata control is a styled stub (toast on click)\n */\nconst Bar = styled(Flex)`\n  position: fixed;\n  bottom: ${({ theme }) => theme.spaces[4]};\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: ${({ theme }) => theme.zIndices.popover};\n  align-items: center;\n  gap: ${({ theme }) => theme.spaces[2]};\n  padding: ${({ theme }) =>\n    `${theme.spaces[3]} ${theme.spaces[2]} ${theme.spaces[3]} ${theme.spaces[6]}`};\n  background: ${({ theme }) => theme.colors.neutral0};\n  border: 1px solid ${({ theme }) => theme.colors.neutral150};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  box-shadow: ${({ theme }) => theme.shadows.popupShadow};\n`;\n\nconst ActionCluster = styled(Flex)`\n  margin-left: auto;\n  align-items: center;\n  gap: ${({ theme }) => theme.spaces[2]};\n`;\n\nconst VerticalDivider = styled(Box)`\n  width: 1px;\n  align-self: stretch;\n  background: ${({ theme }) => theme.colors.neutral150};\n  margin-left: ${({ theme }) => theme.spaces[1]};\n`;\n\nexport const BulkActionsBar = () => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { isEnabled: isAiMetadataEnabled } = useAIAvailability();\n  const { selectedIds, selectedFolderIds, clear } = useAssetSelection();\n  const [bulkDeleteItems, { isLoading: isDeleting }] = useBulkDeleteItemsMutation();\n  const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false);\n  const [isMoveDialogOpen, setIsMoveDialogOpen] = useState(false);\n\n  const count = selectedIds.size + selectedFolderIds.size;\n\n  const showStubNotification = (translationKey: string, defaultMessage: string) => {\n    toggleNotification({\n      type: 'info',\n      message: formatMessage({\n        id: getTranslationKey(translationKey),\n        defaultMessage,\n      }),\n    });\n  };\n\n  const handleConfirmDelete = async (e: MouseEvent) => {\n    // Radix AlertDialog.Action closes the dialog on click by default; prevent\n    // that so the dialog stays open showing the loader while the request runs\n    // (a bulk delete can take a while depending on the number of assets).\n    e.preventDefault();\n\n    // Guard re-entry while pending.\n    if (isDeleting) {\n      return;\n    }\n\n    const res = await bulkDeleteItems({\n      fileIds: Array.from(selectedIds),\n      folderIds: Array.from(selectedFolderIds),\n    });\n\n    if ('error' in res) {\n      // Keep the dialog open and the selection intact so the user can retry\n      // (Confirm again) or Cancel; only surface the error toast.\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: getTranslationKey('list.bulk-actions.delete.error'),\n          defaultMessage: 'An error occurred while deleting the items.',\n        }),\n      });\n      return;\n    }\n\n    setIsDeleteDialogOpen(false);\n    toggleNotification({\n      type: 'success',\n      message: formatMessage(\n        {\n          id: getTranslationKey('list.bulk-actions.delete.success'),\n          defaultMessage:\n            '{count, plural, =1 {# item has been deleted} other {# items have been deleted}}',\n        },\n        { count }\n      ),\n    });\n    clear();\n  };\n\n  if (count === 0) {\n    return null;\n  }\n\n  return (\n    <Bar\n      tag=\"section\"\n      role=\"region\"\n      aria-label={formatMessage({\n        id: getTranslationKey('list.bulk-actions.label'),\n        defaultMessage: 'Bulk actions',\n      })}\n    >\n      <Typography fontWeight=\"bold\" textColor=\"neutral800\" marginRight={4}>\n        {formatMessage(\n          {\n            id: getTranslationKey('list.bulk-actions.selected-count'),\n            defaultMessage: '{count, plural, =1 {# item selected} other {# items selected}}',\n          },\n          { count }\n        )}\n      </Typography>\n\n      <ActionCluster>\n        {isAiMetadataEnabled && (\n          <Button\n            size=\"S\"\n            startIcon={<Sparkle />}\n            disabled={isDeleting}\n            onClick={() =>\n              showStubNotification(\n                'list.bulk-actions.create-metadata-not-available',\n                \"Generate metadata isn't available yet\"\n              )\n            }\n          >\n            {formatMessage({\n              id: getTranslationKey('list.bulk-actions.create-metadata'),\n              defaultMessage: 'Create metadata',\n            })}\n          </Button>\n        )}\n\n        <IconButton\n          variant=\"tertiary\"\n          disabled={isDeleting}\n          label={formatMessage({\n            id: getTranslationKey('list.bulk-actions.move'),\n            defaultMessage: 'Move',\n          })}\n          onClick={() => setIsMoveDialogOpen(true)}\n        >\n          <ArrowRight />\n        </IconButton>\n        <BulkMoveDialog open={isMoveDialogOpen} onClose={() => setIsMoveDialogOpen(false)} />\n\n        <Dialog.Root\n          open={isDeleteDialogOpen}\n          onOpenChange={(open: boolean) => {\n            // The dialog must stay open while the request runs — a bulk delete\n            // can't be aborted halfway, so the loader is the source of truth.\n            if (!isDeleting) {\n              setIsDeleteDialogOpen(open);\n            }\n          }}\n        >\n          <Dialog.Trigger>\n            <IconButton\n              variant=\"danger-light\"\n              disabled={isDeleting}\n              label={formatMessage({\n                id: getTranslationKey('list.bulk-actions.delete'),\n                defaultMessage: 'Delete',\n              })}\n            >\n              <Trash />\n            </IconButton>\n          </Dialog.Trigger>\n          <Dialog.Content>\n            <Dialog.Header>\n              {formatMessage(\n                {\n                  id: getTranslationKey('list.bulk-actions.delete.confirm.title'),\n                  defaultMessage: 'Delete {count, plural, =1 {# item} other {# items}}?',\n                },\n                { count }\n              )}\n            </Dialog.Header>\n            <Dialog.Body\n              icon={<WarningCircle width=\"24px\" height=\"24px\" fill=\"danger600\" />}\n              textAlign=\"center\"\n            >\n              <Typography>\n                {formatMessage({\n                  id: getTranslationKey(\n                    'list.bulk-actions.delete.confirm.description.are-you-sure'\n                  ),\n                  defaultMessage:\n                    'These items cannot be recovered once deleted, and deleting a folder also deletes everything inside it. If they are currently in use, linked content will break and image containers will be empty.',\n                })}\n              </Typography>\n              <Typography>\n                {formatMessage({\n                  id: getTranslationKey(\n                    'list.bulk-actions.delete.confirm.description.cant-be-undone'\n                  ),\n                  defaultMessage:\n                    'This action can’t be undone. Deleting a folder also removes everything inside it, and any linked content will break – media asset containers will appear empty.',\n                })}\n              </Typography>\n            </Dialog.Body>\n            <Dialog.Footer>\n              <Dialog.Cancel>\n                <Button variant=\"tertiary\" disabled={isDeleting} fullWidth>\n                  {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'Cancel' })}\n                </Button>\n              </Dialog.Cancel>\n              <Dialog.Action>\n                <Button\n                  variant=\"danger-light\"\n                  loading={isDeleting}\n                  onClick={handleConfirmDelete}\n                  fullWidth\n                >\n                  {formatMessage({\n                    id: 'app.components.Button.confirm',\n                    defaultMessage: 'Confirm',\n                  })}\n                </Button>\n              </Dialog.Action>\n            </Dialog.Footer>\n          </Dialog.Content>\n        </Dialog.Root>\n      </ActionCluster>\n\n      <VerticalDivider aria-hidden />\n\n      <IconButton\n        variant=\"ghost\"\n        label={formatMessage({\n          id: getTranslationKey('list.bulk-actions.clear'),\n          defaultMessage: 'Clear selection',\n        })}\n        onClick={clear}\n        disabled={isDeleting}\n      >\n        <Cross />\n      </IconButton>\n    </Bar>\n  );\n};\n"],"names":["Bar","styled","Flex","theme","spaces","zIndices","popover","colors","neutral0","neutral150","borderRadius","shadows","popupShadow","ActionCluster","VerticalDivider","Box","BulkActionsBar","formatMessage","useIntl","toggleNotification","useNotification","isEnabled","isAiMetadataEnabled","useAIAvailability","selectedIds","selectedFolderIds","clear","useAssetSelection","bulkDeleteItems","isLoading","isDeleting","useBulkDeleteItemsMutation","isDeleteDialogOpen","setIsDeleteDialogOpen","useState","isMoveDialogOpen","setIsMoveDialogOpen","count","size","showStubNotification","translationKey","defaultMessage","type","message","id","getTranslationKey","handleConfirmDelete","e","preventDefault","res","fileIds","Array","from","folderIds","_jsxs","tag","role","aria-label","_jsx","Typography","fontWeight","textColor","marginRight","Button","startIcon","Sparkle","disabled","onClick","IconButton","variant","label","ArrowRight","BulkMoveDialog","open","onClose","Dialog","Root","onOpenChange","Trigger","Trash","Content","Header","Body","icon","WarningCircle","width","height","fill","textAlign","Footer","Cancel","fullWidth","Action","loading","aria-hidden","Cross"],"mappings":"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"}

package/dist/admin/future/pages/Assets/components/BulkActionsBar.mjs

@@ -0,0 +1,250 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { useNotification } from '@strapi/admin/strapi-admin';
+import { Typography, Button, IconButton, Dialog, Flex, Box } from '@strapi/design-system';
+import { Sparkle, ArrowRight, Trash, WarningCircle, Cross } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { styled } from 'styled-components';
+import { useAIAvailability } from '../../../../hooks/useAiAvailability.mjs';
+import { useBulkDeleteItemsMutation } from '../../../services/assets.mjs';
+import { getTranslationKey } from '../../../utils/translations.mjs';
+import { useAssetSelection } from '../hooks/useAssetSelection.mjs';
+import { BulkMoveDialog } from './BulkMoveDialog.mjs';
+
+/**
+ * Floating bulk action bar for the future Media Library.
+ *
+ * TODO: create-metadata control is a styled stub (toast on click)
+ */ const Bar = styled(Flex)`
+  position: fixed;
+  bottom: ${({ theme })=>theme.spaces[4]};
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: ${({ theme })=>theme.zIndices.popover};
+  align-items: center;
+  gap: ${({ theme })=>theme.spaces[2]};
+  padding: ${({ theme })=>`${theme.spaces[3]} ${theme.spaces[2]} ${theme.spaces[3]} ${theme.spaces[6]}`};
+  background: ${({ theme })=>theme.colors.neutral0};
+  border: 1px solid ${({ theme })=>theme.colors.neutral150};
+  border-radius: ${({ theme })=>theme.borderRadius};
+  box-shadow: ${({ theme })=>theme.shadows.popupShadow};
+`;
+const ActionCluster = styled(Flex)`
+  margin-left: auto;
+  align-items: center;
+  gap: ${({ theme })=>theme.spaces[2]};
+`;
+const VerticalDivider = styled(Box)`
+  width: 1px;
+  align-self: stretch;
+  background: ${({ theme })=>theme.colors.neutral150};
+  margin-left: ${({ theme })=>theme.spaces[1]};
+`;
+const BulkActionsBar = ()=>{
+    const { formatMessage } = useIntl();
+    const { toggleNotification } = useNotification();
+    const { isEnabled: isAiMetadataEnabled } = useAIAvailability();
+    const { selectedIds, selectedFolderIds, clear } = useAssetSelection();
+    const [bulkDeleteItems, { isLoading: isDeleting }] = useBulkDeleteItemsMutation();
+    const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false);
+    const [isMoveDialogOpen, setIsMoveDialogOpen] = useState(false);
+    const count = selectedIds.size + selectedFolderIds.size;
+    const showStubNotification = (translationKey, defaultMessage)=>{
+        toggleNotification({
+            type: 'info',
+            message: formatMessage({
+                id: getTranslationKey(translationKey),
+                defaultMessage
+            })
+        });
+    };
+    const handleConfirmDelete = async (e)=>{
+        // Radix AlertDialog.Action closes the dialog on click by default; prevent
+        // that so the dialog stays open showing the loader while the request runs
+        // (a bulk delete can take a while depending on the number of assets).
+        e.preventDefault();
+        // Guard re-entry while pending.
+        if (isDeleting) {
+            return;
+        }
+        const res = await bulkDeleteItems({
+            fileIds: Array.from(selectedIds),
+            folderIds: Array.from(selectedFolderIds)
+        });
+        if ('error' in res) {
+            // Keep the dialog open and the selection intact so the user can retry
+            // (Confirm again) or Cancel; only surface the error toast.
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: getTranslationKey('list.bulk-actions.delete.error'),
+                    defaultMessage: 'An error occurred while deleting the items.'
+                })
+            });
+            return;
+        }
+        setIsDeleteDialogOpen(false);
+        toggleNotification({
+            type: 'success',
+            message: formatMessage({
+                id: getTranslationKey('list.bulk-actions.delete.success'),
+                defaultMessage: '{count, plural, =1 {# item has been deleted} other {# items have been deleted}}'
+            }, {
+                count
+            })
+        });
+        clear();
+    };
+    if (count === 0) {
+        return null;
+    }
+    return /*#__PURE__*/ jsxs(Bar, {
+        tag: "section",
+        role: "region",
+        "aria-label": formatMessage({
+            id: getTranslationKey('list.bulk-actions.label'),
+            defaultMessage: 'Bulk actions'
+        }),
+        children: [
+            /*#__PURE__*/ jsx(Typography, {
+                fontWeight: "bold",
+                textColor: "neutral800",
+                marginRight: 4,
+                children: formatMessage({
+                    id: getTranslationKey('list.bulk-actions.selected-count'),
+                    defaultMessage: '{count, plural, =1 {# item selected} other {# items selected}}'
+                }, {
+                    count
+                })
+            }),
+            /*#__PURE__*/ jsxs(ActionCluster, {
+                children: [
+                    isAiMetadataEnabled && /*#__PURE__*/ jsx(Button, {
+                        size: "S",
+                        startIcon: /*#__PURE__*/ jsx(Sparkle, {}),
+                        disabled: isDeleting,
+                        onClick: ()=>showStubNotification('list.bulk-actions.create-metadata-not-available', "Generate metadata isn't available yet"),
+                        children: formatMessage({
+                            id: getTranslationKey('list.bulk-actions.create-metadata'),
+                            defaultMessage: 'Create metadata'
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(IconButton, {
+                        variant: "tertiary",
+                        disabled: isDeleting,
+                        label: formatMessage({
+                            id: getTranslationKey('list.bulk-actions.move'),
+                            defaultMessage: 'Move'
+                        }),
+                        onClick: ()=>setIsMoveDialogOpen(true),
+                        children: /*#__PURE__*/ jsx(ArrowRight, {})
+                    }),
+                    /*#__PURE__*/ jsx(BulkMoveDialog, {
+                        open: isMoveDialogOpen,
+                        onClose: ()=>setIsMoveDialogOpen(false)
+                    }),
+                    /*#__PURE__*/ jsxs(Dialog.Root, {
+                        open: isDeleteDialogOpen,
+                        onOpenChange: (open)=>{
+                            // The dialog must stay open while the request runs — a bulk delete
+                            // can't be aborted halfway, so the loader is the source of truth.
+                            if (!isDeleting) {
+                                setIsDeleteDialogOpen(open);
+                            }
+                        },
+                        children: [
+                            /*#__PURE__*/ jsx(Dialog.Trigger, {
+                                children: /*#__PURE__*/ jsx(IconButton, {
+                                    variant: "danger-light",
+                                    disabled: isDeleting,
+                                    label: formatMessage({
+                                        id: getTranslationKey('list.bulk-actions.delete'),
+                                        defaultMessage: 'Delete'
+                                    }),
+                                    children: /*#__PURE__*/ jsx(Trash, {})
+                                })
+                            }),
+                            /*#__PURE__*/ jsxs(Dialog.Content, {
+                                children: [
+                                    /*#__PURE__*/ jsx(Dialog.Header, {
+                                        children: formatMessage({
+                                            id: getTranslationKey('list.bulk-actions.delete.confirm.title'),
+                                            defaultMessage: 'Delete {count, plural, =1 {# item} other {# items}}?'
+                                        }, {
+                                            count
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsxs(Dialog.Body, {
+                                        icon: /*#__PURE__*/ jsx(WarningCircle, {
+                                            width: "24px",
+                                            height: "24px",
+                                            fill: "danger600"
+                                        }),
+                                        textAlign: "center",
+                                        children: [
+                                            /*#__PURE__*/ jsx(Typography, {
+                                                children: formatMessage({
+                                                    id: getTranslationKey('list.bulk-actions.delete.confirm.description.are-you-sure'),
+                                                    defaultMessage: 'These items cannot be recovered once deleted, and deleting a folder also deletes everything inside it. If they are currently in use, linked content will break and image containers will be empty.'
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsx(Typography, {
+                                                children: formatMessage({
+                                                    id: getTranslationKey('list.bulk-actions.delete.confirm.description.cant-be-undone'),
+                                                    defaultMessage: 'This action can’t be undone. Deleting a folder also removes everything inside it, and any linked content will break – media asset containers will appear empty.'
+                                                })
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ jsxs(Dialog.Footer, {
+                                        children: [
+                                            /*#__PURE__*/ jsx(Dialog.Cancel, {
+                                                children: /*#__PURE__*/ jsx(Button, {
+                                                    variant: "tertiary",
+                                                    disabled: isDeleting,
+                                                    fullWidth: true,
+                                                    children: formatMessage({
+                                                        id: 'app.components.Button.cancel',
+                                                        defaultMessage: 'Cancel'
+                                                    })
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsx(Dialog.Action, {
+                                                children: /*#__PURE__*/ jsx(Button, {
+                                                    variant: "danger-light",
+                                                    loading: isDeleting,
+                                                    onClick: handleConfirmDelete,
+                                                    fullWidth: true,
+                                                    children: formatMessage({
+                                                        id: 'app.components.Button.confirm',
+                                                        defaultMessage: 'Confirm'
+                                                    })
+                                                })
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(VerticalDivider, {
+                "aria-hidden": true
+            }),
+            /*#__PURE__*/ jsx(IconButton, {
+                variant: "ghost",
+                label: formatMessage({
+                    id: getTranslationKey('list.bulk-actions.clear'),
+                    defaultMessage: 'Clear selection'
+                }),
+                onClick: clear,
+                disabled: isDeleting,
+                children: /*#__PURE__*/ jsx(Cross, {})
+            })
+        ]
+    });
+};
+
+export { BulkActionsBar };
+//# sourceMappingURL=BulkActionsBar.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BulkActionsBar.mjs","sources":["../../../../../../admin/src/future/pages/Assets/components/BulkActionsBar.tsx"],"sourcesContent":["import { useState, type MouseEvent } from 'react';\n\nimport { useNotification } from '@strapi/admin/strapi-admin';\nimport { Box, Button, Dialog, Flex, IconButton, Typography } from '@strapi/design-system';\nimport { ArrowRight, Cross, Sparkle, Trash, WarningCircle } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { useAIAvailability } from '../../../../hooks/useAiAvailability';\nimport { useBulkDeleteItemsMutation } from '../../../services/assets';\nimport { getTranslationKey } from '../../../utils/translations';\nimport { useAssetSelection } from '../hooks/useAssetSelection';\n\nimport { BulkMoveDialog } from './BulkMoveDialog';\n\n/**\n * Floating bulk action bar for the future Media Library.\n *\n * TODO: create-metadata control is a styled stub (toast on click)\n */\nconst Bar = styled(Flex)`\n  position: fixed;\n  bottom: ${({ theme }) => theme.spaces[4]};\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: ${({ theme }) => theme.zIndices.popover};\n  align-items: center;\n  gap: ${({ theme }) => theme.spaces[2]};\n  padding: ${({ theme }) =>\n    `${theme.spaces[3]} ${theme.spaces[2]} ${theme.spaces[3]} ${theme.spaces[6]}`};\n  background: ${({ theme }) => theme.colors.neutral0};\n  border: 1px solid ${({ theme }) => theme.colors.neutral150};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  box-shadow: ${({ theme }) => theme.shadows.popupShadow};\n`;\n\nconst ActionCluster = styled(Flex)`\n  margin-left: auto;\n  align-items: center;\n  gap: ${({ theme }) => theme.spaces[2]};\n`;\n\nconst VerticalDivider = styled(Box)`\n  width: 1px;\n  align-self: stretch;\n  background: ${({ theme }) => theme.colors.neutral150};\n  margin-left: ${({ theme }) => theme.spaces[1]};\n`;\n\nexport const BulkActionsBar = () => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { isEnabled: isAiMetadataEnabled } = useAIAvailability();\n  const { selectedIds, selectedFolderIds, clear } = useAssetSelection();\n  const [bulkDeleteItems, { isLoading: isDeleting }] = useBulkDeleteItemsMutation();\n  const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false);\n  const [isMoveDialogOpen, setIsMoveDialogOpen] = useState(false);\n\n  const count = selectedIds.size + selectedFolderIds.size;\n\n  const showStubNotification = (translationKey: string, defaultMessage: string) => {\n    toggleNotification({\n      type: 'info',\n      message: formatMessage({\n        id: getTranslationKey(translationKey),\n        defaultMessage,\n      }),\n    });\n  };\n\n  const handleConfirmDelete = async (e: MouseEvent) => {\n    // Radix AlertDialog.Action closes the dialog on click by default; prevent\n    // that so the dialog stays open showing the loader while the request runs\n    // (a bulk delete can take a while depending on the number of assets).\n    e.preventDefault();\n\n    // Guard re-entry while pending.\n    if (isDeleting) {\n      return;\n    }\n\n    const res = await bulkDeleteItems({\n      fileIds: Array.from(selectedIds),\n      folderIds: Array.from(selectedFolderIds),\n    });\n\n    if ('error' in res) {\n      // Keep the dialog open and the selection intact so the user can retry\n      // (Confirm again) or Cancel; only surface the error toast.\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: getTranslationKey('list.bulk-actions.delete.error'),\n          defaultMessage: 'An error occurred while deleting the items.',\n        }),\n      });\n      return;\n    }\n\n    setIsDeleteDialogOpen(false);\n    toggleNotification({\n      type: 'success',\n      message: formatMessage(\n        {\n          id: getTranslationKey('list.bulk-actions.delete.success'),\n          defaultMessage:\n            '{count, plural, =1 {# item has been deleted} other {# items have been deleted}}',\n        },\n        { count }\n      ),\n    });\n    clear();\n  };\n\n  if (count === 0) {\n    return null;\n  }\n\n  return (\n    <Bar\n      tag=\"section\"\n      role=\"region\"\n      aria-label={formatMessage({\n        id: getTranslationKey('list.bulk-actions.label'),\n        defaultMessage: 'Bulk actions',\n      })}\n    >\n      <Typography fontWeight=\"bold\" textColor=\"neutral800\" marginRight={4}>\n        {formatMessage(\n          {\n            id: getTranslationKey('list.bulk-actions.selected-count'),\n            defaultMessage: '{count, plural, =1 {# item selected} other {# items selected}}',\n          },\n          { count }\n        )}\n      </Typography>\n\n      <ActionCluster>\n        {isAiMetadataEnabled && (\n          <Button\n            size=\"S\"\n            startIcon={<Sparkle />}\n            disabled={isDeleting}\n            onClick={() =>\n              showStubNotification(\n                'list.bulk-actions.create-metadata-not-available',\n                \"Generate metadata isn't available yet\"\n              )\n            }\n          >\n            {formatMessage({\n              id: getTranslationKey('list.bulk-actions.create-metadata'),\n              defaultMessage: 'Create metadata',\n            })}\n          </Button>\n        )}\n\n        <IconButton\n          variant=\"tertiary\"\n          disabled={isDeleting}\n          label={formatMessage({\n            id: getTranslationKey('list.bulk-actions.move'),\n            defaultMessage: 'Move',\n          })}\n          onClick={() => setIsMoveDialogOpen(true)}\n        >\n          <ArrowRight />\n        </IconButton>\n        <BulkMoveDialog open={isMoveDialogOpen} onClose={() => setIsMoveDialogOpen(false)} />\n\n        <Dialog.Root\n          open={isDeleteDialogOpen}\n          onOpenChange={(open: boolean) => {\n            // The dialog must stay open while the request runs — a bulk delete\n            // can't be aborted halfway, so the loader is the source of truth.\n            if (!isDeleting) {\n              setIsDeleteDialogOpen(open);\n            }\n          }}\n        >\n          <Dialog.Trigger>\n            <IconButton\n              variant=\"danger-light\"\n              disabled={isDeleting}\n              label={formatMessage({\n                id: getTranslationKey('list.bulk-actions.delete'),\n                defaultMessage: 'Delete',\n              })}\n            >\n              <Trash />\n            </IconButton>\n          </Dialog.Trigger>\n          <Dialog.Content>\n            <Dialog.Header>\n              {formatMessage(\n                {\n                  id: getTranslationKey('list.bulk-actions.delete.confirm.title'),\n                  defaultMessage: 'Delete {count, plural, =1 {# item} other {# items}}?',\n                },\n                { count }\n              )}\n            </Dialog.Header>\n            <Dialog.Body\n              icon={<WarningCircle width=\"24px\" height=\"24px\" fill=\"danger600\" />}\n              textAlign=\"center\"\n            >\n              <Typography>\n                {formatMessage({\n                  id: getTranslationKey(\n                    'list.bulk-actions.delete.confirm.description.are-you-sure'\n                  ),\n                  defaultMessage:\n                    'These items cannot be recovered once deleted, and deleting a folder also deletes everything inside it. If they are currently in use, linked content will break and image containers will be empty.',\n                })}\n              </Typography>\n              <Typography>\n                {formatMessage({\n                  id: getTranslationKey(\n                    'list.bulk-actions.delete.confirm.description.cant-be-undone'\n                  ),\n                  defaultMessage:\n                    'This action can’t be undone. Deleting a folder also removes everything inside it, and any linked content will break – media asset containers will appear empty.',\n                })}\n              </Typography>\n            </Dialog.Body>\n            <Dialog.Footer>\n              <Dialog.Cancel>\n                <Button variant=\"tertiary\" disabled={isDeleting} fullWidth>\n                  {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'Cancel' })}\n                </Button>\n              </Dialog.Cancel>\n              <Dialog.Action>\n                <Button\n                  variant=\"danger-light\"\n                  loading={isDeleting}\n                  onClick={handleConfirmDelete}\n                  fullWidth\n                >\n                  {formatMessage({\n                    id: 'app.components.Button.confirm',\n                    defaultMessage: 'Confirm',\n                  })}\n                </Button>\n              </Dialog.Action>\n            </Dialog.Footer>\n          </Dialog.Content>\n        </Dialog.Root>\n      </ActionCluster>\n\n      <VerticalDivider aria-hidden />\n\n      <IconButton\n        variant=\"ghost\"\n        label={formatMessage({\n          id: getTranslationKey('list.bulk-actions.clear'),\n          defaultMessage: 'Clear selection',\n        })}\n        onClick={clear}\n        disabled={isDeleting}\n      >\n        <Cross />\n      </IconButton>\n    </Bar>\n  );\n};\n"],"names":["Bar","styled","Flex","theme","spaces","zIndices","popover","colors","neutral0","neutral150","borderRadius","shadows","popupShadow","ActionCluster","VerticalDivider","Box","BulkActionsBar","formatMessage","useIntl","toggleNotification","useNotification","isEnabled","isAiMetadataEnabled","useAIAvailability","selectedIds","selectedFolderIds","clear","useAssetSelection","bulkDeleteItems","isLoading","isDeleting","useBulkDeleteItemsMutation","isDeleteDialogOpen","setIsDeleteDialogOpen","useState","isMoveDialogOpen","setIsMoveDialogOpen","count","size","showStubNotification","translationKey","defaultMessage","type","message","id","getTranslationKey","handleConfirmDelete","e","preventDefault","res","fileIds","Array","from","folderIds","_jsxs","tag","role","aria-label","_jsx","Typography","fontWeight","textColor","marginRight","Button","startIcon","Sparkle","disabled","onClick","IconButton","variant","label","ArrowRight","BulkMoveDialog","open","onClose","Dialog","Root","onOpenChange","Trigger","Trash","Content","Header","Body","icon","WarningCircle","width","height","fill","textAlign","Footer","Cancel","fullWidth","Action","loading","aria-hidden","Cross"],"mappings":";;;;;;;;;;;;;AAeA;;;;AAIC,IACD,MAAMA,GAAAA,GAAMC,MAAAA,CAAOC,IAAAA,CAAK;;UAEd,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;;;WAGhC,EAAE,CAAC,EAAED,KAAK,EAAE,GAAKA,KAAAA,CAAME,QAAQ,CAACC,OAAO,CAAC;;OAE5C,EAAE,CAAC,EAAEH,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;AAC7B,WAAA,EAAE,CAAC,EAAED,KAAK,EAAE,GACnB,CAAA,EAAGA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC,CAAC,EAAED,MAAMC,MAAM,CAAC,CAAA,CAAE,CAAC,CAAC,EAAED,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC,CAAC,EAAED,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,EAAE,CAAC;cACpE,EAAE,CAAC,EAAED,KAAK,EAAE,GAAKA,KAAAA,CAAMI,MAAM,CAACC,QAAQ,CAAC;oBACjC,EAAE,CAAC,EAAEL,KAAK,EAAE,GAAKA,KAAAA,CAAMI,MAAM,CAACE,UAAU,CAAC;AAC5C,iBAAA,EAAE,CAAC,EAAEN,KAAK,EAAE,GAAKA,KAAAA,CAAMO,YAAY,CAAC;cACvC,EAAE,CAAC,EAAEP,KAAK,EAAE,GAAKA,KAAAA,CAAMQ,OAAO,CAACC,WAAW,CAAC;AACzD,CAAC;AAED,MAAMC,aAAAA,GAAgBZ,MAAAA,CAAOC,IAAAA,CAAK;;;OAG3B,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;AACxC,CAAC;AAED,MAAMU,eAAAA,GAAkBb,MAAAA,CAAOc,GAAAA,CAAI;;;cAGrB,EAAE,CAAC,EAAEZ,KAAK,EAAE,GAAKA,KAAAA,CAAMI,MAAM,CAACE,UAAU,CAAC;eACxC,EAAE,CAAC,EAAEN,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;AAChD,CAAC;MAEYY,cAAAA,GAAiB,IAAA;IAC5B,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAC1B,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,eAAAA,EAAAA;AAC/B,IAAA,MAAM,EAAEC,SAAAA,EAAWC,mBAAmB,EAAE,GAAGC,iBAAAA,EAAAA;AAC3C,IAAA,MAAM,EAAEC,WAAW,EAAEC,iBAAiB,EAAEC,KAAK,EAAE,GAAGC,iBAAAA,EAAAA;AAClD,IAAA,MAAM,CAACC,eAAAA,EAAiB,EAAEC,WAAWC,UAAU,EAAE,CAAC,GAAGC,0BAAAA,EAAAA;AACrD,IAAA,MAAM,CAACC,kBAAAA,EAAoBC,qBAAAA,CAAsB,GAAGC,QAAAA,CAAS,KAAA,CAAA;AAC7D,IAAA,MAAM,CAACC,gBAAAA,EAAkBC,mBAAAA,CAAoB,GAAGF,QAAAA,CAAS,KAAA,CAAA;AAEzD,IAAA,MAAMG,KAAAA,GAAQb,WAAAA,CAAYc,IAAI,GAAGb,kBAAkBa,IAAI;IAEvD,MAAMC,oBAAAA,GAAuB,CAACC,cAAAA,EAAwBC,cAAAA,GAAAA;QACpDtB,kBAAAA,CAAmB;YACjBuB,IAAAA,EAAM,MAAA;AACNC,YAAAA,OAAAA,EAAS1B,aAAAA,CAAc;AACrB2B,gBAAAA,EAAAA,EAAIC,iBAAAA,CAAkBL,cAAAA,CAAAA;AACtBC,gBAAAA;AACF,aAAA;AACF,SAAA,CAAA;AACF,IAAA,CAAA;AAEA,IAAA,MAAMK,sBAAsB,OAAOC,CAAAA,GAAAA;;;;AAIjCA,QAAAA,CAAAA,CAAEC,cAAc,EAAA;;AAGhB,QAAA,IAAIlB,UAAAA,EAAY;AACd,YAAA;AACF,QAAA;QAEA,MAAMmB,GAAAA,GAAM,MAAMrB,eAAAA,CAAgB;YAChCsB,OAAAA,EAASC,KAAAA,CAAMC,IAAI,CAAC5B,WAAAA,CAAAA;YACpB6B,SAAAA,EAAWF,KAAAA,CAAMC,IAAI,CAAC3B,iBAAAA;AACxB,SAAA,CAAA;AAEA,QAAA,IAAI,WAAWwB,GAAAA,EAAK;;;YAGlB9B,kBAAAA,CAAmB;gBACjBuB,IAAAA,EAAM,QAAA;AACNC,gBAAAA,OAAAA,EAAS1B,aAAAA,CAAc;AACrB2B,oBAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,gCAAA,CAAA;oBACtBJ,cAAAA,EAAgB;AAClB,iBAAA;AACF,aAAA,CAAA;AACA,YAAA;AACF,QAAA;QAEAR,qBAAAA,CAAsB,KAAA,CAAA;QACtBd,kBAAAA,CAAmB;YACjBuB,IAAAA,EAAM,SAAA;AACNC,YAAAA,OAAAA,EAAS1B,aAAAA,CACP;AACE2B,gBAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,kCAAA,CAAA;gBACtBJ,cAAAA,EACE;aACJ,EACA;AAAEJ,gBAAAA;AAAM,aAAA;AAEZ,SAAA,CAAA;AACAX,QAAAA,KAAAA,EAAAA;AACF,IAAA,CAAA;AAEA,IAAA,IAAIW,UAAU,CAAA,EAAG;QACf,OAAO,IAAA;AACT,IAAA;AAEA,IAAA,qBACEiB,IAAA,CAACtD,GAAAA,EAAAA;QACCuD,GAAAA,EAAI,SAAA;QACJC,IAAAA,EAAK,QAAA;AACLC,QAAAA,YAAAA,EAAYxC,aAAAA,CAAc;AACxB2B,YAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,yBAAA,CAAA;YACtBJ,cAAAA,EAAgB;AAClB,SAAA,CAAA;;0BAEAiB,GAAA,CAACC,UAAAA,EAAAA;gBAAWC,UAAAA,EAAW,MAAA;gBAAOC,SAAAA,EAAU,YAAA;gBAAaC,WAAAA,EAAa,CAAA;0BAC/D7C,aAAAA,CACC;AACE2B,oBAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,kCAAA,CAAA;oBACtBJ,cAAAA,EAAgB;iBAClB,EACA;AAAEJ,oBAAAA;AAAM,iBAAA;;0BAIZiB,IAAA,CAACzC,aAAAA,EAAAA;;AACES,oBAAAA,mBAAAA,kBACCoC,GAAA,CAACK,MAAAA,EAAAA;wBACCzB,IAAAA,EAAK,GAAA;AACL0B,wBAAAA,SAAAA,gBAAWN,GAAA,CAACO,OAAAA,EAAAA,EAAAA,CAAAA;wBACZC,QAAAA,EAAUpC,UAAAA;wBACVqC,OAAAA,EAAS,IACP5B,qBACE,iDAAA,EACA,uCAAA,CAAA;kCAIHtB,aAAAA,CAAc;AACb2B,4BAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,mCAAA,CAAA;4BACtBJ,cAAAA,EAAgB;AAClB,yBAAA;;kCAIJiB,GAAA,CAACU,UAAAA,EAAAA;wBACCC,OAAAA,EAAQ,UAAA;wBACRH,QAAAA,EAAUpC,UAAAA;AACVwC,wBAAAA,KAAAA,EAAOrD,aAAAA,CAAc;AACnB2B,4BAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,wBAAA,CAAA;4BACtBJ,cAAAA,EAAgB;AAClB,yBAAA,CAAA;AACA0B,wBAAAA,OAAAA,EAAS,IAAM/B,mBAAAA,CAAoB,IAAA,CAAA;AAEnC,wBAAA,QAAA,gBAAAsB,GAAA,CAACa,UAAAA,EAAAA,EAAAA;;kCAEHb,GAAA,CAACc,cAAAA,EAAAA;wBAAeC,IAAAA,EAAMtC,gBAAAA;AAAkBuC,wBAAAA,OAAAA,EAAS,IAAMtC,mBAAAA,CAAoB,KAAA;;AAE3E,kCAAAkB,IAAA,CAACqB,OAAOC,IAAI,EAAA;wBACVH,IAAAA,EAAMzC,kBAAAA;AACN6C,wBAAAA,YAAAA,EAAc,CAACJ,IAAAA,GAAAA;;;AAGb,4BAAA,IAAI,CAAC3C,UAAAA,EAAY;gCACfG,qBAAAA,CAAsBwC,IAAAA,CAAAA;AACxB,4BAAA;AACF,wBAAA,CAAA;;AAEA,0CAAAf,GAAA,CAACiB,OAAOG,OAAO,EAAA;AACb,gCAAA,QAAA,gBAAApB,GAAA,CAACU,UAAAA,EAAAA;oCACCC,OAAAA,EAAQ,cAAA;oCACRH,QAAAA,EAAUpC,UAAAA;AACVwC,oCAAAA,KAAAA,EAAOrD,aAAAA,CAAc;AACnB2B,wCAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,0BAAA,CAAA;wCACtBJ,cAAAA,EAAgB;AAClB,qCAAA,CAAA;AAEA,oCAAA,QAAA,gBAAAiB,GAAA,CAACqB,KAAAA,EAAAA,EAAAA;;;AAGL,0CAAAzB,IAAA,CAACqB,OAAOK,OAAO,EAAA;;AACb,kDAAAtB,GAAA,CAACiB,OAAOM,MAAM,EAAA;kDACXhE,aAAAA,CACC;AACE2B,4CAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,wCAAA,CAAA;4CACtBJ,cAAAA,EAAgB;yCAClB,EACA;AAAEJ,4CAAAA;AAAM,yCAAA;;AAGZ,kDAAAiB,IAAA,CAACqB,OAAOO,IAAI,EAAA;AACVC,wCAAAA,IAAAA,gBAAMzB,GAAA,CAAC0B,aAAAA,EAAAA;4CAAcC,KAAAA,EAAM,MAAA;4CAAOC,MAAAA,EAAO,MAAA;4CAAOC,IAAAA,EAAK;;wCACrDC,SAAAA,EAAU,QAAA;;0DAEV9B,GAAA,CAACC,UAAAA,EAAAA;0DACE1C,aAAAA,CAAc;AACb2B,oDAAAA,EAAAA,EAAIC,iBAAAA,CACF,2DAAA,CAAA;oDAEFJ,cAAAA,EACE;AACJ,iDAAA;;0DAEFiB,GAAA,CAACC,UAAAA,EAAAA;0DACE1C,aAAAA,CAAc;AACb2B,oDAAAA,EAAAA,EAAIC,iBAAAA,CACF,6DAAA,CAAA;oDAEFJ,cAAAA,EACE;AACJ,iDAAA;;;;AAGJ,kDAAAa,IAAA,CAACqB,OAAOc,MAAM,EAAA;;AACZ,0DAAA/B,GAAA,CAACiB,OAAOe,MAAM,EAAA;AACZ,gDAAA,QAAA,gBAAAhC,GAAA,CAACK,MAAAA,EAAAA;oDAAOM,OAAAA,EAAQ,UAAA;oDAAWH,QAAAA,EAAUpC,UAAAA;oDAAY6D,SAAS,EAAA,IAAA;8DACvD1E,aAAAA,CAAc;wDAAE2B,EAAAA,EAAI,8BAAA;wDAAgCH,cAAAA,EAAgB;AAAS,qDAAA;;;AAGlF,0DAAAiB,GAAA,CAACiB,OAAOiB,MAAM,EAAA;AACZ,gDAAA,QAAA,gBAAAlC,GAAA,CAACK,MAAAA,EAAAA;oDACCM,OAAAA,EAAQ,cAAA;oDACRwB,OAAAA,EAAS/D,UAAAA;oDACTqC,OAAAA,EAASrB,mBAAAA;oDACT6C,SAAS,EAAA,IAAA;8DAER1E,aAAAA,CAAc;wDACb2B,EAAAA,EAAI,+BAAA;wDACJH,cAAAA,EAAgB;AAClB,qDAAA;;;;;;;;;;;0BAQZiB,GAAA,CAAC5C,eAAAA,EAAAA;gBAAgBgF,aAAW,EAAA;;0BAE5BpC,GAAA,CAACU,UAAAA,EAAAA;gBACCC,OAAAA,EAAQ,OAAA;AACRC,gBAAAA,KAAAA,EAAOrD,aAAAA,CAAc;AACnB2B,oBAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,yBAAA,CAAA;oBACtBJ,cAAAA,EAAgB;AAClB,iBAAA,CAAA;gBACA0B,OAAAA,EAASzC,KAAAA;gBACTwC,QAAAA,EAAUpC,UAAAA;AAEV,gBAAA,QAAA,gBAAA4B,GAAA,CAACqC,KAAAA,EAAAA,EAAAA;;;;AAIT;;;;"}