@comet/admin 8.17.1 → 9.0.0-beta.0

package/lib/form/file/FileSelectListItem.js

@@ -1,18 +1,4 @@
-"use strict";
-
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FileSelectListItem = void 0;
-var _adminIcons = require("@comet/admin-icons");
-var _material = require("@mui/material");
-var _react = require("react");
-var _Tooltip = require("../../common/Tooltip");
-var _createComponentSlot = require("../../helpers/createComponentSlot");
-var _PrettyBytes = require("../../helpers/PrettyBytes");
-var _useElementIsOverflowing = require("../../hooks/useElementIsOverflowing");
-var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24;
 var _excluded = ["file", "disabled", "onClickDownload", "downloadUrl", "onClickDelete", "iconMapping", "filePreview", "slotProps"];
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
@@ -23,8 +9,16 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-var FileSelectListItem = exports.FileSelectListItem = function FileSelectListItem(inProps) {
-  var _useThemeProps = (0, _material.useThemeProps)({
+import { Delete, Download, Error, File as FileIcon, FileNotMenu, ThreeDotSaving } from "@comet/admin-icons";
+import { Chip, css, IconButton as MuiIconButton, Skeleton as MuiSkeleton, Typography, useThemeProps } from "@mui/material";
+import { useRef } from "react";
+import { Tooltip } from "../../common/Tooltip";
+import { createComponentSlot } from "../../helpers/createComponentSlot";
+import { PrettyBytes } from "../../helpers/PrettyBytes";
+import { useElementIsOverflowing } from "../../hooks/useElementIsOverflowing";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export var FileSelectListItem = function FileSelectListItem(inProps) {
+  var _useThemeProps = useThemeProps({
       props: inProps,
       name: "CometAdminFileSelectListItem"
     }),
@@ -38,30 +32,30 @@ var FileSelectListItem = exports.FileSelectListItem = function FileSelectListIte
     filePreview = _useThemeProps.filePreview,
     slotProps = _useThemeProps.slotProps,
     restProps = _objectWithoutProperties(_useThemeProps, _excluded);
-  var fileNameRef = (0, _react.useRef)(null);
-  var fileNameIsOverflowing = (0, _useElementIsOverflowing.useElementIsOverflowing)(fileNameRef);
+  var fileNameRef = useRef(null);
+  var fileNameIsOverflowing = useElementIsOverflowing(fileNameRef);
   var _iconMapping$download = iconMapping.download,
-    downloadIcon = _iconMapping$download === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Download, {}) : _iconMapping$download,
+    downloadIcon = _iconMapping$download === void 0 ? /*#__PURE__*/_jsx(Download, {}) : _iconMapping$download,
     _iconMapping$delete = iconMapping["delete"],
-    deleteIcon = _iconMapping$delete === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Delete, {}) : _iconMapping$delete,
+    deleteIcon = _iconMapping$delete === void 0 ? /*#__PURE__*/_jsx(Delete, {}) : _iconMapping$delete,
     _iconMapping$loading = iconMapping.loading,
-    loadingIcon = _iconMapping$loading === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.ThreeDotSaving, {}) : _iconMapping$loading,
+    loadingIcon = _iconMapping$loading === void 0 ? /*#__PURE__*/_jsx(ThreeDotSaving, {}) : _iconMapping$loading,
     _iconMapping$error = iconMapping.error,
-    errorIcon = _iconMapping$error === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Error, {
+    errorIcon = _iconMapping$error === void 0 ? /*#__PURE__*/_jsx(Error, {
       fontSize: "inherit"
     }) : _iconMapping$error,
     _iconMapping$filePrev = iconMapping.filePreviewGenericFile,
-    filePreviewGenericFileIcon = _iconMapping$filePrev === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.File, {
+    filePreviewGenericFileIcon = _iconMapping$filePrev === void 0 ? /*#__PURE__*/_jsx(FileIcon, {
       fontSize: "inherit",
       color: "inherit"
     }) : _iconMapping$filePrev,
     _iconMapping$filePrev2 = iconMapping.filePreviewLoading,
-    filePreviewLoadingIcon = _iconMapping$filePrev2 === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.ThreeDotSaving, {
+    filePreviewLoadingIcon = _iconMapping$filePrev2 === void 0 ? /*#__PURE__*/_jsx(ThreeDotSaving, {
       fontSize: "inherit",
       color: "inherit"
     }) : _iconMapping$filePrev2,
     _iconMapping$filePrev3 = iconMapping.filePreviewError,
-    filePreviewErrorIcon = _iconMapping$filePrev3 === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.FileNotMenu, {
+    filePreviewErrorIcon = _iconMapping$filePrev3 === void 0 ? /*#__PURE__*/_jsx(FileNotMenu, {
       fontSize: "inherit",
       color: "inherit"
     }) : _iconMapping$filePrev3;
@@ -73,7 +67,7 @@ var FileSelectListItem = exports.FileSelectListItem = function FileSelectListIte
       return filePreviewErrorIcon;
     }
     if (typeof filePreview === "string") {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(PreviewImage, {
+      return /*#__PURE__*/_jsx(PreviewImage, {
         src: filePreview
       });
     }
@@ -86,43 +80,43 @@ var FileSelectListItem = exports.FileSelectListItem = function FileSelectListIte
     disabled: Boolean(disabled)
   };
   if ("loading" in file && !file.name) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Skeleton, _objectSpread({
+    return /*#__PURE__*/_jsx(Skeleton, _objectSpread({
       ownerState: ownerState,
       variant: "rounded",
       animation: "wave"
     }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.skeleton));
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(Root, _objectSpread(_objectSpread(_objectSpread({
     ownerState: ownerState
   }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
-    children: [Boolean(filePreview) && /*#__PURE__*/(0, _jsxRuntime.jsx)(Preview, {
+    children: [Boolean(filePreview) && /*#__PURE__*/_jsx(Preview, {
       ownerState: ownerState,
       children: getFilePreviewContent()
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Content, _objectSpread(_objectSpread({
+    }), /*#__PURE__*/_jsxs(Content, _objectSpread(_objectSpread({
       ownerState: ownerState
     }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.content), {}, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
+      children: [/*#__PURE__*/_jsx(Tooltip, {
         title: fileNameIsOverflowing ? file.name : undefined,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(FileName, _objectSpread(_objectSpread({
+        children: /*#__PURE__*/_jsx(FileName, _objectSpread(_objectSpread({
           ref: fileNameRef,
           variant: "caption",
           ownerState: ownerState
         }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.fileName), {}, {
           children: file.name
         }))
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(FileListItemInfos, _objectSpread(_objectSpread({
+      }), /*#__PURE__*/_jsx(FileListItemInfos, _objectSpread(_objectSpread({
         ownerState: ownerState
       }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.fileListItemInfos), {}, {
-        children: "loading" in file ? loadingIcon : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: ["size" in file && typeof file.size !== "undefined" && /*#__PURE__*/(0, _jsxRuntime.jsx)(FileSize, _objectSpread({
-            label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PrettyBytes.PrettyBytes, {
+        children: "loading" in file ? loadingIcon : /*#__PURE__*/_jsxs(_Fragment, {
+          children: ["size" in file && typeof file.size !== "undefined" && /*#__PURE__*/_jsx(FileSize, _objectSpread({
+            label: /*#__PURE__*/_jsx(PrettyBytes, {
               value: file.size
             }),
             size: "small",
             disabled: disabled
-          }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.fileSize)), ownerState.hasErrorWithoutDetails && /*#__PURE__*/(0, _jsxRuntime.jsx)(ErrorIconContainer, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.errorIconContainer), {}, {
+          }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.fileSize)), ownerState.hasErrorWithoutDetails && /*#__PURE__*/_jsx(ErrorIconContainer, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.errorIconContainer), {}, {
             children: errorIcon
-          })), (Boolean(onClickDownload) || !!downloadUrl) && /*#__PURE__*/(0, _jsxRuntime.jsx)(IconButton, _objectSpread(_objectSpread(_objectSpread({
+          })), (Boolean(onClickDownload) || !!downloadUrl) && /*#__PURE__*/_jsx(IconButton, _objectSpread(_objectSpread(_objectSpread({
             ownerState: ownerState,
             disabled: disabled
           }, downloadUrl ? {
@@ -132,7 +126,7 @@ var FileSelectListItem = exports.FileSelectListItem = function FileSelectListIte
             onClick: onClickDownload
           }), slotProps === null || slotProps === void 0 ? void 0 : slotProps.iconButton), {}, {
             children: downloadIcon
-          })), Boolean(onClickDelete) && /*#__PURE__*/(0, _jsxRuntime.jsx)(IconButton, _objectSpread(_objectSpread({
+          })), Boolean(onClickDelete) && /*#__PURE__*/_jsx(IconButton, _objectSpread(_objectSpread({
             ownerState: ownerState,
             onClick: onClickDelete,
             disabled: disabled
@@ -141,8 +135,8 @@ var FileSelectListItem = exports.FileSelectListItem = function FileSelectListIte
           }))]
         })
       }))]
-    })), ownerState.hasErrorWithDetails && "error" in file && /*#__PURE__*/(0, _jsxRuntime.jsxs)(ErrorDetails, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.errorDetails), {}, {
-      children: [errorIcon, /*#__PURE__*/(0, _jsxRuntime.jsx)(ErrorDetailsText, _objectSpread(_objectSpread({
+    })), ownerState.hasErrorWithDetails && "error" in file && /*#__PURE__*/_jsxs(ErrorDetails, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.errorDetails), {}, {
+      children: [errorIcon, /*#__PURE__*/_jsx(ErrorDetailsText, _objectSpread(_objectSpread({
         variant: "caption"
       }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.errorDetailsText), {}, {
         children: file.error
@@ -151,9 +145,9 @@ var FileSelectListItem = exports.FileSelectListItem = function FileSelectListIte
   }));
 };
 var getCommonItemSpacingStyles = function getCommonItemSpacingStyles(ownerState) {
-  return (0, _material.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    ", "\n"])), !ownerState.hasFilePreview && (0, _material.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        &:not(:last-child) {\n            margin-bottom: 2px;\n        }\n    "]))));
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    ", "\n"])), !ownerState.hasFilePreview && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        &:not(:last-child) {\n            margin-bottom: 2px;\n        }\n    "]))));
 };
-var Root = (0, _createComponentSlot.createComponentSlot)("div")({
+var Root = createComponentSlot("div")({
   componentName: "FileSelectListItem",
   slotName: "root",
   classesResolver: function classesResolver(_ref) {
@@ -166,81 +160,81 @@ var Root = (0, _createComponentSlot.createComponentSlot)("div")({
 })(function (_ref2) {
   var theme = _ref2.theme,
     ownerState = _ref2.ownerState;
-  return (0, _material.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        ", ";\n        padding-right: ", ";\n        padding-left: ", ";\n        border-radius: 4px;\n        background-color: ", ";\n        transition: background-color 200ms;\n        width: 100%;\n        border: 1px solid ", ";\n        box-sizing: border-box;\n\n        &:hover {\n            background-color: ", ";\n\n            .CometAdminFileSelectListItem-fileSize {\n                background-color: ", ";\n            }\n\n            .CometAdminFileSelectListItem-iconButton {\n                color: ", ";\n            }\n        }\n\n        ", "\n\n        ", "\n    "])), getCommonItemSpacingStyles(ownerState), theme.spacing(2), theme.spacing(2), theme.palette.grey[50], theme.palette.grey[100], theme.palette.grey[100], theme.palette.grey[200], theme.palette.grey[900], (ownerState.hasErrorWithDetails || ownerState.hasErrorWithoutDetails) && (0, _material.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n            outline: 1px dashed ", ";\n            outline-offset: -1px;\n        "])), theme.palette.error.main), ownerState.disabled && (0, _material.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n            pointer-events: none;\n        "]))));
+  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        ", ";\n        padding-right: ", ";\n        padding-left: ", ";\n        border-radius: 4px;\n        background-color: ", ";\n        transition: background-color 200ms;\n        width: 100%;\n        border: 1px solid ", ";\n        box-sizing: border-box;\n\n        &:hover {\n            background-color: ", ";\n\n            .CometAdminFileSelectListItem-fileSize {\n                background-color: ", ";\n            }\n\n            .CometAdminFileSelectListItem-iconButton {\n                color: ", ";\n            }\n        }\n\n        ", "\n\n        ", "\n    "])), getCommonItemSpacingStyles(ownerState), theme.spacing(2), theme.spacing(2), theme.palette.grey[50], theme.palette.grey[100], theme.palette.grey[100], theme.palette.grey[200], theme.palette.grey[900], (ownerState.hasErrorWithDetails || ownerState.hasErrorWithoutDetails) && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n            outline: 1px dashed ", ";\n            outline-offset: -1px;\n        "])), theme.palette.error.main), ownerState.disabled && css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n            pointer-events: none;\n        "]))));
 });
-var Skeleton = (0, _createComponentSlot.createComponentSlot)(_material.Skeleton)({
+var Skeleton = createComponentSlot(MuiSkeleton)({
   componentName: "FileSelectListItem",
   slotName: "skeleton"
 })(function (_ref3) {
   var theme = _ref3.theme,
     ownerState = _ref3.ownerState;
-  return (0, _material.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        width: 100%;\n        height: 36px;\n        outline: 1px solid ", ";\n        outline-offset: -1px;\n        border-radius: 4px;\n        box-sizing: border-box;\n        ", ";\n\n        ", "\n    "])), theme.palette.grey[100], getCommonItemSpacingStyles(ownerState), ownerState.hasFilePreview && (0, _material.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n            aspect-ratio: 1;\n            height: auto;\n            padding-bottom: 34px;\n            box-sizing: content-box;\n        "]))));
+  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        width: 100%;\n        height: 36px;\n        outline: 1px solid ", ";\n        outline-offset: -1px;\n        border-radius: 4px;\n        box-sizing: border-box;\n        ", ";\n\n        ", "\n    "])), theme.palette.grey[100], getCommonItemSpacingStyles(ownerState), ownerState.hasFilePreview && css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n            aspect-ratio: 1;\n            height: auto;\n            padding-bottom: 34px;\n            box-sizing: content-box;\n        "]))));
 });
-var Preview = (0, _createComponentSlot.createComponentSlot)("div")({
+var Preview = createComponentSlot("div")({
   componentName: "FileSelectListItem",
   slotName: "preview"
 })(function (_ref4) {
   var theme = _ref4.theme,
     ownerState = _ref4.ownerState;
-  return (0, _material.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        aspect-ratio: 1;\n        margin-top: 7px;\n        margin-bottom: 4px;\n        background-color: ", ";\n        border-radius: 2px;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 30px;\n        color: white;\n\n        ", "\n    "])), theme.palette.grey[200], ownerState.hasErrorWithDetails && (0, _material.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n            margin-bottom: 0;\n        "]))));
+  return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        aspect-ratio: 1;\n        margin-top: 7px;\n        margin-bottom: 4px;\n        background-color: ", ";\n        border-radius: 2px;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 30px;\n        color: white;\n\n        ", "\n    "])), theme.palette.grey[200], ownerState.hasErrorWithDetails && css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n            margin-bottom: 0;\n        "]))));
 });
-var PreviewImage = (0, _createComponentSlot.createComponentSlot)("img")({
+var PreviewImage = createComponentSlot("img")({
   componentName: "FileSelectListItem",
   slotName: "previewImage"
-})((0, _material.css)(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n    width: 100%;\n    aspect-ratio: 1;\n    object-fit: cover;\n"]))));
-var Content = (0, _createComponentSlot.createComponentSlot)("div")({
+})(css(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n    width: 100%;\n    aspect-ratio: 1;\n    object-fit: cover;\n"]))));
+var Content = createComponentSlot("div")({
   componentName: "FileSelectListItem",
   slotName: "content"
 })(function (_ref5) {
   var theme = _ref5.theme,
     ownerState = _ref5.ownerState;
-  return (0, _material.css)(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: ", ";\n\n        ", "\n    "])), theme.spacing(1), ownerState.hasFilePreview && !ownerState.hasErrorWithDetails && (0, _material.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n            margin-bottom: 7px;\n        "]))));
+  return css(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: ", ";\n\n        ", "\n    "])), theme.spacing(1), ownerState.hasFilePreview && !ownerState.hasErrorWithDetails && css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n            margin-bottom: 7px;\n        "]))));
 });
-var FileListItemInfos = (0, _createComponentSlot.createComponentSlot)("div")({
+var FileListItemInfos = createComponentSlot("div")({
   componentName: "FileSelectListItem",
   slotName: "fileListItemInfos"
 })(function (_ref6) {
   var ownerState = _ref6.ownerState;
-  return (0, _material.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n        display: flex;\n        align-items: center;\n        justify-content: end;\n        margin-left: auto;\n\n        ", ";\n    "])), ownerState.hasErrorWithDetails && (0, _material.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n            padding-top: 3.5px;\n            margin-bottom: -3.5px;\n\n            ", "\n        "])), ownerState.hasFilePreview && (0, _material.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n                padding-top: 0;\n                margin-bottom: 0;\n            "])))));
+  return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n        display: flex;\n        align-items: center;\n        justify-content: end;\n        margin-left: auto;\n\n        ", ";\n    "])), ownerState.hasErrorWithDetails && css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n            padding-top: 3.5px;\n            margin-bottom: -3.5px;\n\n            ", "\n        "])), ownerState.hasFilePreview && css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n                padding-top: 0;\n                margin-bottom: 0;\n            "])))));
 });
-var FileName = (0, _createComponentSlot.createComponentSlot)(_material.Typography)({
+var FileName = createComponentSlot(Typography)({
   componentName: "FileSelectListItem",
   slotName: "fileName"
 })(function (_ref7) {
   var ownerState = _ref7.ownerState,
     theme = _ref7.theme;
-  return (0, _material.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n        flex-grow: 1;\n        line-height: 16px;\n        padding-top: 9px;\n        padding-bottom: 9px;\n\n        ", "\n\n        ", "\n\n        ", "\n\n        ", "\n    "])), ownerState.hasFilePreview && (0, _material.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n            padding-top: ", ";\n            padding-bottom: ", ";\n        "])), theme.spacing(2), theme.spacing(2)), ownerState.hasErrorWithoutDetails && (0, _material.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n            color: ", ";\n        "])), theme.palette.error.main), ownerState.hasErrorWithDetails && (0, _material.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n            padding-top: 7px;\n            padding-bottom: 4px;\n\n            ", "\n        "])), ownerState.hasFilePreview && (0, _material.css)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n                padding-top: 4px;\n            "])))), ownerState.disabled && (0, _material.css)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n            color: ", ";\n        "])), theme.palette.text.disabled));
+  return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n        flex-grow: 1;\n        line-height: 16px;\n        padding-top: 9px;\n        padding-bottom: 9px;\n\n        ", "\n\n        ", "\n\n        ", "\n\n        ", "\n    "])), ownerState.hasFilePreview && css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n            padding-top: ", ";\n            padding-bottom: ", ";\n        "])), theme.spacing(2), theme.spacing(2)), ownerState.hasErrorWithoutDetails && css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n            color: ", ";\n        "])), theme.palette.error.main), ownerState.hasErrorWithDetails && css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n            padding-top: 7px;\n            padding-bottom: 4px;\n\n            ", "\n        "])), ownerState.hasFilePreview && css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n                padding-top: 4px;\n            "])))), ownerState.disabled && css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n            color: ", ";\n        "])), theme.palette.text.disabled));
 });
-var FileSize = (0, _createComponentSlot.createComponentSlot)(_material.Chip)({
+var FileSize = createComponentSlot(Chip)({
   componentName: "FileSelectListItem",
   slotName: "fileSize"
 })(function (_ref8) {
   var theme = _ref8.theme;
-  return (0, _material.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n        transition: background-color 200ms;\n\n        &:not(:last-child) {\n            margin-right: ", ";\n        }\n    "])), theme.spacing(1));
+  return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n        transition: background-color 200ms;\n\n        &:not(:last-child) {\n            margin-right: ", ";\n        }\n    "])), theme.spacing(1));
 });
-var ErrorIconContainer = (0, _createComponentSlot.createComponentSlot)("div")({
+var ErrorIconContainer = createComponentSlot("div")({
   componentName: "FileSelectListItem",
   slotName: "errorIconContainer"
 })(function (_ref9) {
   var theme = _ref9.theme;
-  return (0, _material.css)(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n        padding: ", ";\n        line-height: 0;\n        font-size: 16px;\n        color: ", ";\n\n        &:last-child {\n            padding-right: 0;\n        }\n    "])), theme.spacing(1), theme.palette.error.main);
+  return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n        padding: ", ";\n        line-height: 0;\n        font-size: 16px;\n        color: ", ";\n\n        &:last-child {\n            padding-right: 0;\n        }\n    "])), theme.spacing(1), theme.palette.error.main);
 });
-var ErrorDetails = (0, _createComponentSlot.createComponentSlot)("div")({
+var ErrorDetails = createComponentSlot("div")({
   componentName: "FileSelectListItem",
   slotName: "errorDetails"
 })(function (_ref0) {
   var theme = _ref0.theme;
-  return (0, _material.css)(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n        display: flex;\n        align-items: center;\n        gap: ", ";\n        color: ", ";\n        padding-bottom: 7px;\n        font-size: 12px;\n        line-height: 0;\n    "])), theme.spacing(1), theme.palette.error.main);
+  return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n        display: flex;\n        align-items: center;\n        gap: ", ";\n        color: ", ";\n        padding-bottom: 7px;\n        font-size: 12px;\n        line-height: 0;\n    "])), theme.spacing(1), theme.palette.error.main);
 });
-var ErrorDetailsText = (0, _createComponentSlot.createComponentSlot)(_material.Typography)({
+var ErrorDetailsText = createComponentSlot(Typography)({
   componentName: "FileSelectListItem",
   slotName: "errorDetailsText"
 })();
-var IconButton = (0, _createComponentSlot.createComponentSlot)(_material.IconButton)({
+var IconButton = createComponentSlot(MuiIconButton)({
   componentName: "FileSelectListItem",
   slotName: "iconButton"
 })(function (_ref1) {
   var theme = _ref1.theme,
     ownerState = _ref1.ownerState;
-  return (0, _material.css)(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n        padding: ", ";\n        color: ", ";\n        transition: background-color 200ms;\n\n        &:hover {\n            background-color: ", ";\n        }\n\n        &:last-child {\n            margin-right: ", ";\n        }\n\n        ", "\n    "])), theme.spacing(1), theme.palette.grey[300], theme.palette.grey[200], theme.spacing(-1), ownerState.hasFilePreview && (0, _material.css)(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n            padding: 4px;\n\n            &:last-child {\n                margin-right: -4px;\n            }\n        "]))));
+  return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n        padding: ", ";\n        color: ", ";\n        transition: background-color 200ms;\n\n        &:hover {\n            background-color: ", ";\n        }\n\n        &:last-child {\n            margin-right: ", ";\n        }\n\n        ", "\n    "])), theme.spacing(1), theme.palette.grey[300], theme.palette.grey[200], theme.spacing(-1), ownerState.hasFilePreview && css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n            padding: 4px;\n\n            &:last-child {\n                margin-right: -4px;\n            }\n        "]))));
 });

package/lib/form/file/commonErrorMessages.js

@@ -1,22 +1,16 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.commonErrorMessages = void 0;
-var _reactIntl = require("react-intl");
-var _jsxRuntime = require("react/jsx-runtime");
-var commonErrorMessages = exports.commonErrorMessages = {
-  invalidFileType: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+import { FormattedMessage } from "react-intl";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var commonErrorMessages = {
+  invalidFileType: /*#__PURE__*/_jsx(FormattedMessage, {
     id: "comet.form.file.invalidFileType",
     defaultMessage: "File type is not allowed."
   }),
-  fileTooLarge: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+  fileTooLarge: /*#__PURE__*/_jsx(FormattedMessage, {
     id: "comet.form.file.fileTooLarge",
     defaultMessage: "File is too large."
   }),
   tooManyFiles: function tooManyFiles(maxFiles) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+    return /*#__PURE__*/_jsx(FormattedMessage, {
       id: "comet.form.file.tooManyFiles",
       defaultMessage: "Upload was canceled. You can only upload a maximum of {maxFiles} {maxFiles, plural, one {file} other {files}}, please reduce your selection.",
       values: {

package/lib/form/file/fileSelectItemTypes.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export {};

package/lib/form/helpers/OnChangeField.js

@@ -1,24 +1,18 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.OnChangeField = OnChangeField;
-var _react = require("react");
-var _reactFinalForm = require("react-final-form");
 // Inspired by https://github.com/final-form/react-final-form-listeners/blob/master/src/OnChange.js
-
+import { useEffect, useRef } from "react";
+import { useField } from "react-final-form";
 function OnChangeField(_ref) {
   var name = _ref.name,
     children = _ref.children;
-  var _useField = (0, _reactFinalForm.useField)(name),
+  var _useField = useField(name),
     input = _useField.input;
-  var previousValue = (0, _react.useRef)(input.value);
-  (0, _react.useEffect)(function () {
+  var previousValue = useRef(input.value);
+  useEffect(function () {
     if (input.value !== previousValue.current) {
       children(input.value, previousValue.current);
       previousValue.current = input.value;
     }
   }, [input.value, children]);
   return null;
-}
+}
+export { OnChangeField };

package/lib/form/useAsyncAutocompleteOptionsProps.js

@@ -1,11 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useAsyncAutocompleteOptionsProps = useAsyncAutocompleteOptionsProps;
-var _utils = require("@mui/material/utils");
-var _react = require("react");
 function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
 function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
 function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
@@ -16,28 +8,30 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { debounce } from "@mui/material/utils";
+import { useCallback, useMemo, useState } from "react";
 /**
  * A hook that handles the state management and loading behavior for asynchronous autocomplete fields.
  * It returns a set of props ready to be used with FinalFormAsyncAutocomplete component.
  */
-function useAsyncAutocompleteOptionsProps(loadOptions) {
-  var _useState = (0, _react.useState)(false),
+export function useAsyncAutocompleteOptionsProps(loadOptions) {
+  var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
     setOpen = _useState2[1];
-  var _useState3 = (0, _react.useState)([]),
+  var _useState3 = useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
     options = _useState4[0],
     setOptions = _useState4[1];
-  var _useState5 = (0, _react.useState)(false),
+  var _useState5 = useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
     loading = _useState6[0],
     setLoading = _useState6[1];
-  var _useState7 = (0, _react.useState)(null),
+  var _useState7 = useState(null),
     _useState8 = _slicedToArray(_useState7, 2),
     error = _useState8[0],
     setError = _useState8[1];
-  var loadOptionsWithSearch = (0, _react.useCallback)(/*#__PURE__*/function () {
+  var loadOptionsWithSearch = useCallback(/*#__PURE__*/function () {
     var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(search) {
       var newOptions, _t;
       return _regenerator().w(function (_context) {
@@ -70,8 +64,8 @@ function useAsyncAutocompleteOptionsProps(loadOptions) {
       return _ref.apply(this, arguments);
     };
   }(), [loadOptions]);
-  var debouncedLoadOptionWithSearch = (0, _react.useMemo)(function () {
-    return (0, _utils.debounce)(/*#__PURE__*/function () {
+  var debouncedLoadOptionWithSearch = useMemo(function () {
+    return debounce(/*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(value) {
         return _regenerator().w(function (_context2) {
           while (1) switch (_context2.n) {

package/lib/fullPageAlert/FullPageAlert.js

@@ -1,35 +1,29 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FullPageAlert = void 0;
-var _adminIcons = require("@comet/admin-icons");
-var _material = require("@mui/material");
-var _reactIntl = require("react-intl");
-var _Button = require("../common/buttons/Button");
-var _FullPageAlert = require("./FullPageAlert.styles");
-var _jsxRuntime = require("react/jsx-runtime");
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { CometDigitalExperienceLogo, Error, Info, Warning } from "@comet/admin-icons";
+import { useThemeProps } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+import { Button } from "../common/buttons/Button";
+import { ActionContainer, BackgroundStyled, ContentContainer, DetailDescription, DividerStyled, InlineAlertStyled, LogoContainer, Root } from "./FullPageAlert.styles";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 var defaultIconMapping = {
-  error: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Error, {
+  error: /*#__PURE__*/_jsx(Error, {
     sx: {
       fontSize: "48px"
     },
     color: "error"
   }),
-  warning: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Warning, {
+  warning: /*#__PURE__*/_jsx(Warning, {
     sx: {
       fontSize: "48px"
     },
     color: "warning"
   }),
-  info: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Info, {
+  info: /*#__PURE__*/_jsx(Info, {
     sx: {
       fontSize: "48px"
     },
@@ -37,21 +31,21 @@ var defaultIconMapping = {
   })
 };
 var defaultTitleMapping = {
-  error: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+  error: /*#__PURE__*/_jsx(FormattedMessage, {
     id: "comet.fullPageAlert.error.title",
     defaultMessage: "Something went wrong"
   }),
-  warning: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+  warning: /*#__PURE__*/_jsx(FormattedMessage, {
     id: "comet.fullPageAlert.warning.title",
     defaultMessage: "Warning"
   }),
-  info: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+  info: /*#__PURE__*/_jsx(FormattedMessage, {
     id: "comet.fullPageAlert.info.title",
     defaultMessage: "Info"
   })
 };
 var defaultDescriptionMapping = {
-  error: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+  error: /*#__PURE__*/_jsx(FormattedMessage, {
     id: "comet.fullPageAlert.error.description",
     defaultMessage: "An unexpected error occurred."
   }),
@@ -59,15 +53,15 @@ var defaultDescriptionMapping = {
   info: null
 };
 var defaultDetailDescriptionMapping = {
-  error: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+  error: /*#__PURE__*/_jsx(FormattedMessage, {
     id: "comet.fullPageAlert.error.detailDescription",
     defaultMessage: "Please check the URL for typos, or use the button below to return to the homepage. If the issue persists, contact our support team."
   }),
   warning: null,
   info: null
 };
-var FullPageAlert = exports.FullPageAlert = function FullPageAlert(inProps) {
-  var _useThemeProps = (0, _material.useThemeProps)({
+export var FullPageAlert = function FullPageAlert(inProps) {
+  var _useThemeProps = useThemeProps({
       props: inProps,
       name: "CometAdminFullPageAlert"
     }),
@@ -86,17 +80,17 @@ var FullPageAlert = exports.FullPageAlert = function FullPageAlert(inProps) {
     _useThemeProps$detail = _useThemeProps.detailDescriptionMapping,
     passedDetailDescriptionMapping = _useThemeProps$detail === void 0 ? {} : _useThemeProps$detail,
     _useThemeProps$logo = _useThemeProps.logo,
-    logo = _useThemeProps$logo === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.CometDigitalExperienceLogo, {
+    logo = _useThemeProps$logo === void 0 ? /*#__PURE__*/_jsx(CometDigitalExperienceLogo, {
       sx: {
         width: "100%",
         height: "30px"
       }
     }) : _useThemeProps$logo,
     _useThemeProps$action = _useThemeProps.actions,
-    actions = _useThemeProps$action === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+    actions = _useThemeProps$action === void 0 ? /*#__PURE__*/_jsx(Button, {
       href: "/",
       fullWidth: true,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+      children: /*#__PURE__*/_jsx(FormattedMessage, {
         id: "comet.fullPageAlert.action.returnToHomePage",
         defaultMessage: "Return to home page"
       })
@@ -111,12 +105,12 @@ var FullPageAlert = exports.FullPageAlert = function FullPageAlert(inProps) {
   var detailDescriptionMapping = _objectSpread(_objectSpread({}, defaultDetailDescriptionMapping), passedDetailDescriptionMapping);
   var title = _title !== null && _title !== void 0 ? _title : titleMapping[severity];
   var detailDescription = _detailDescription !== null && _detailDescription !== void 0 ? _detailDescription : detailDescriptionMapping[severity];
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_FullPageAlert.Root, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(Root, _objectSpread(_objectSpread({
     sx: sx,
     className: className
   }, slotProps.root), {}, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FullPageAlert.BackgroundStyled, _objectSpread({}, slotProps.background)), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_FullPageAlert.ContentContainer, _objectSpread(_objectSpread({}, slotProps.contentContainer), {}, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FullPageAlert.InlineAlertStyled, _objectSpread({
+    children: [/*#__PURE__*/_jsx(BackgroundStyled, _objectSpread({}, slotProps.background)), /*#__PURE__*/_jsxs(ContentContainer, _objectSpread(_objectSpread({}, slotProps.contentContainer), {}, {
+      children: [/*#__PURE__*/_jsx(InlineAlertStyled, _objectSpread({
         title: title,
         titleMapping: titleMapping,
         description: description,
@@ -129,15 +123,15 @@ var FullPageAlert = exports.FullPageAlert = function FullPageAlert(inProps) {
             variant: "h3"
           }
         }
-      }, slotProps.inlineAlert)), detailDescription && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FullPageAlert.DividerStyled, _objectSpread({}, slotProps.divider)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FullPageAlert.DetailDescription, _objectSpread(_objectSpread({
+      }, slotProps.inlineAlert)), detailDescription && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(DividerStyled, _objectSpread({}, slotProps.divider)), /*#__PURE__*/_jsx(DetailDescription, _objectSpread(_objectSpread({
           variant: "body2"
         }, slotProps.detailDescription), {}, {
           children: detailDescription
         }))]
-      }), (logo || actions) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_FullPageAlert.DividerStyled, _objectSpread({}, slotProps.divider)), logo && /*#__PURE__*/(0, _jsxRuntime.jsx)(_FullPageAlert.LogoContainer, _objectSpread(_objectSpread({}, slotProps.logoContainer), {}, {
+      }), (logo || actions) && /*#__PURE__*/_jsx(DividerStyled, _objectSpread({}, slotProps.divider)), logo && /*#__PURE__*/_jsx(LogoContainer, _objectSpread(_objectSpread({}, slotProps.logoContainer), {}, {
         children: logo
-      })), actions && /*#__PURE__*/(0, _jsxRuntime.jsx)(_FullPageAlert.ActionContainer, _objectSpread(_objectSpread({}, slotProps.actionContainer), {}, {
+      })), actions && /*#__PURE__*/_jsx(ActionContainer, _objectSpread(_objectSpread({}, slotProps.actionContainer), {}, {
         children: actions
       }))]
     }))]