@strapi/content-manager 0.0.0-experimental.baa6cf22298e591b4d52d8e59c60406d7a9f137f → 0.0.0-experimental.bd712ad3930045f4a5d2144c119e0b7856e97fc4

package/dist/_chunks/{index-Dv4oDn11.mjs → index-D1344xdw.mjs}

@@ -1,4 +1,4 @@
-import { ClockCounterClockwise, CrossCircle, More, WarningCircle, ListPlus, Pencil, Trash, Check, CheckCircle, ChevronRight, Duplicate, Feather } from "@strapi/icons";
+import { ClockCounterClockwise, CrossCircle, More, WarningCircle, ListPlus, Pencil, Trash, Check, CheckCircle, ArrowsCounterClockwise, ChevronRight, Duplicate, Feather } from "@strapi/icons";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { useStrapiApp, useQueryParams, createContext, useAuth, useRBAC, Page, adminApi, translatedErrors, useNotification, useAPIErrorHandler, getYupValidationErrors, useTracking, useForm, BackButton, DescriptionComponentRenderer, useTable, Table } from "@strapi/admin/strapi-admin";
 import { stringify } from "qs";
@@ -6,7 +6,7 @@ import { useIntl } from "react-intl";
 import { useNavigate, useParams, Navigate, useMatch, useLocation, Link, NavLink } from "react-router-dom";
 import * as React from "react";
 import { lazy } from "react";
-import { Menu, VisuallyHidden, Flex, Typography, Dialog, DialogBody, DialogFooter, Button, ModalLayout, ModalHeader, ModalBody, Box, Radio, Status, SingleSelect, SingleSelectOption, ModalFooter, Loader, IconButton, Tooltip, LinkButton } from "@strapi/design-system";
+import { Button, Menu, VisuallyHidden, Flex, Box, Typography, Dialog, Modal, Radio, Status, SingleSelect, SingleSelectOption, Loader, IconButton, Tooltip, LinkButton } from "@strapi/design-system";
 import { styled } from "styled-components";
 import * as yup from "yup";
 import { ValidationError } from "yup";
@@ -198,6 +198,7 @@ const contentManagerApi = adminApi.enhanceEndpoints({
   ]
 });
 const documentApi = contentManagerApi.injectEndpoints({
+  overrideExisting: true,
   endpoints: (builder) => ({
     autoCloneDocument: builder.mutation({
       query: ({ model, sourceId, query }) => ({
@@ -599,11 +600,11 @@ const createAttributeSchema = (attribute) => {
   }
 };
 const addRequiredValidation = (attribute) => (schema) => {
-  if (attribute.required) {
-    return schema.required({
-      id: translatedErrors.required.id,
-      defaultMessage: "This field is required."
-    });
+  if ((attribute.type === "component" && attribute.repeatable || attribute.type === "dynamiczone") && attribute.required && "min" in schema) {
+    return schema.min(1, translatedErrors.required);
+  }
+  if (attribute.required && attribute.type !== "relation") {
+    return schema.required(translatedErrors.required);
   }
   return schema?.nullable ? schema.nullable() : (
     // In some cases '.nullable' will not be available on the schema.
@@ -637,6 +638,28 @@ const addMaxLengthValidation = (attribute) => (schema) => {
 const addMinValidation = (attribute) => (schema) => {
   if ("min" in attribute) {
     const min = toInteger(attribute.min);
+    if (attribute.type === "component" && attribute.repeatable || attribute.type === "dynamiczone") {
+      if (!attribute.required && "test" in schema && min) {
+        return schema.test(
+          "custom-min",
+          {
+            ...translatedErrors.min,
+            values: {
+              min: attribute.min
+            }
+          },
+          (value) => {
+            if (!value) {
+              return true;
+            }
+            if (Array.isArray(value) && value.length === 0) {
+              return true;
+            }
+            return value.length >= min;
+          }
+        );
+      }
+    }
     if ("min" in schema && min) {
       return schema.min(min, {
         ...translatedErrors.min,
@@ -763,7 +786,10 @@ const useDocument = (args, opts) => {
     isLoading: isLoadingDocument,
     isFetching: isFetchingDocument,
     error
-  } = useGetDocumentQuery(args, opts);
+  } = useGetDocumentQuery(args, {
+    ...opts,
+    skip: !args.documentId && args.collectionType !== SINGLE_TYPES || opts?.skip
+  });
   const { components, schema, isLoading: isLoadingSchema } = useContentTypeSchema(args.model);
   React.useEffect(() => {
     if (error) {
@@ -927,12 +953,13 @@ const useDocumentActions = () => {
   );
   const [discardDocument] = useDiscardDocumentMutation();
   const discard = React.useCallback(
-    async ({ collectionType, model, documentId }) => {
+    async ({ collectionType, model, documentId, params }) => {
       try {
         const res = await discardDocument({
           collectionType,
           model,
-          documentId
+          documentId,
+          params
         });
         if ("error" in res) {
           toggleNotification({
@@ -1264,7 +1291,7 @@ const useDocumentActions = () => {
   };
 };
 const ProtectedHistoryPage = lazy(
-  () => import("./History-CwWN_uNp.mjs").then((mod) => ({ default: mod.ProtectedHistoryPage }))
+  () => import("./History-DalgFQ3D.mjs").then((mod) => ({ default: mod.ProtectedHistoryPage }))
 );
 const routes$1 = [
   {
@@ -1277,31 +1304,31 @@ const routes$1 = [
   }
 ];
 const ProtectedEditViewPage = lazy(
-  () => import("./EditViewPage-B8ETGsFo.mjs").then((mod) => ({ default: mod.ProtectedEditViewPage }))
+  () => import("./EditViewPage-DhmAg0NK.mjs").then((mod) => ({ default: mod.ProtectedEditViewPage }))
 );
 const ProtectedListViewPage = lazy(
-  () => import("./ListViewPage-BeHTsIr5.mjs").then((mod) => ({ default: mod.ProtectedListViewPage }))
+  () => import("./ListViewPage-BkAwIW9s.mjs").then((mod) => ({ default: mod.ProtectedListViewPage }))
 );
 const ProtectedListConfiguration = lazy(
-  () => import("./ListConfigurationPage-D062TiTL.mjs").then((mod) => ({
+  () => import("./ListConfigurationPage-DWy-vRzs.mjs").then((mod) => ({
     default: mod.ProtectedListConfiguration
   }))
 );
 const ProtectedEditConfigurationPage = lazy(
-  () => import("./EditConfigurationPage-BArY-b8_.mjs").then((mod) => ({
+  () => import("./EditConfigurationPage-MItFGzT9.mjs").then((mod) => ({
     default: mod.ProtectedEditConfigurationPage
   }))
 );
 const ProtectedComponentConfigurationPage = lazy(
-  () => import("./ComponentConfigurationPage-CYqQv0ne.mjs").then((mod) => ({
+  () => import("./ComponentConfigurationPage-C7ImeKGM.mjs").then((mod) => ({
     default: mod.ProtectedComponentConfigurationPage
   }))
 );
 const NoPermissions = lazy(
-  () => import("./NoPermissionsPage-BPU-v48V.mjs").then((mod) => ({ default: mod.NoPermissions }))
+  () => import("./NoPermissionsPage-Bt_HWGat.mjs").then((mod) => ({ default: mod.NoPermissions }))
 );
 const NoContentType = lazy(
-  () => import("./NoContentTypePage-B_KLijrG.mjs").then((mod) => ({ default: mod.NoContentType }))
+  () => import("./NoContentTypePage-B9BCNNdL.mjs").then((mod) => ({ default: mod.NoContentType }))
 );
 const CollectionTypePages = () => {
   const { collectionType } = useParams();
@@ -1508,7 +1535,7 @@ const DocumentActionsMenu = ({
             display: "block",
             children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", gap: 4, children: [
               /* @__PURE__ */ jsxs(Flex, { color: convertActionVariantToColor(action.variant), gap: 2, tag: "span", children: [
-                action.icon,
+                /* @__PURE__ */ jsx(Box, { tag: "span", color: convertActionVariantToIconColor(action.variant), children: action.icon }),
                 action.label
               ] }),
               action.id.startsWith("HistoryAction") && /* @__PURE__ */ jsx(
@@ -1569,6 +1596,18 @@ const convertActionVariantToColor = (variant = "secondary") => {
       return "primary600";
   }
 };
+const convertActionVariantToIconColor = (variant = "secondary") => {
+  switch (variant) {
+    case "danger":
+      return "danger600";
+    case "secondary":
+      return "neutral500";
+    case "success":
+      return "success600";
+    default:
+      return "primary600";
+  }
+};
 const DocumentActionConfirmDialog = ({
   onClose,
   onCancel,
@@ -1591,22 +1630,20 @@ const DocumentActionConfirmDialog = ({
     }
     onClose();
   };
-  return /* @__PURE__ */ jsxs(Dialog, { isOpen, title, onClose: handleClose, children: [
-    /* @__PURE__ */ jsx(DialogBody, { children: content }),
-    /* @__PURE__ */ jsx(
-      DialogFooter,
-      {
-        startAction: /* @__PURE__ */ jsx(Button, { onClick: handleClose, variant: "tertiary", children: formatMessage({
-          id: "app.components.Button.cancel",
-          defaultMessage: "Cancel"
-        }) }),
-        endAction: /* @__PURE__ */ jsx(Button, { onClick: handleConfirm, variant, children: formatMessage({
-          id: "app.components.Button.confirm",
-          defaultMessage: "Confirm"
-        }) })
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsx(Dialog.Root, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs(Dialog.Content, { children: [
+    /* @__PURE__ */ jsx(Dialog.Header, { children: title }),
+    /* @__PURE__ */ jsx(Dialog.Body, { children: content }),
+    /* @__PURE__ */ jsxs(Dialog.Footer, { children: [
+      /* @__PURE__ */ jsx(Dialog.Cancel, { children: /* @__PURE__ */ jsx(Button, { variant: "tertiary", children: formatMessage({
+        id: "app.components.Button.cancel",
+        defaultMessage: "Cancel"
+      }) }) }),
+      /* @__PURE__ */ jsx(Button, { onClick: handleConfirm, variant, children: formatMessage({
+        id: "app.components.Button.confirm",
+        defaultMessage: "Confirm"
+      }) })
+    ] })
+  ] }) });
 };
 const DocumentActionModal = ({
   isOpen,
@@ -1616,34 +1653,17 @@ const DocumentActionModal = ({
   content: Content,
   onModalClose
 }) => {
-  const id = React.useId();
-  if (!isOpen) {
-    return null;
-  }
   const handleClose = () => {
     if (onClose) {
       onClose();
     }
     onModalClose();
   };
-  return /* @__PURE__ */ jsxs(ModalLayout, { borderRadius: "4px", overflow: "hidden", onClose: handleClose, labelledBy: id, children: [
-    /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", textColor: "neutral800", tag: "h2", id, children: title }) }),
-    /* @__PURE__ */ jsx(ModalBody, { children: typeof Content === "function" ? /* @__PURE__ */ jsx(Content, { onClose: handleClose }) : Content }),
-    /* @__PURE__ */ jsx(
-      Box,
-      {
-        paddingTop: 4,
-        paddingBottom: 4,
-        paddingLeft: 5,
-        paddingRight: 5,
-        borderWidth: "1px 0 0 0",
-        borderStyle: "solid",
-        borderColor: "neutral150",
-        background: "neutral100",
-        children: typeof Footer === "function" ? /* @__PURE__ */ jsx(Footer, { onClose: handleClose }) : Footer
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsx(Modal.Root, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs(Modal.Content, { children: [
+    /* @__PURE__ */ jsx(Modal.Header, { children: /* @__PURE__ */ jsx(Modal.Title, { children: title }) }),
+    /* @__PURE__ */ jsx(Modal.Body, { children: typeof Content === "function" ? /* @__PURE__ */ jsx(Content, { onClose: handleClose }) : Content }),
+    /* @__PURE__ */ jsx(Modal.Footer, { children: typeof Footer === "function" ? /* @__PURE__ */ jsx(Footer, { onClose: handleClose }) : Footer })
+  ] }) });
 };
 const PublishAction$1 = ({
   activeTab,
@@ -1826,10 +1846,13 @@ const UpdateAction = ({
             document
           );
           if ("data" in res && collectionType !== SINGLE_TYPES) {
-            navigate({
-              pathname: `../${collectionType}/${model}/${res.data.documentId}`,
-              search: rawQuery
-            });
+            navigate(
+              {
+                pathname: `../${collectionType}/${model}/${res.data.documentId}`,
+                search: rawQuery
+              },
+              { replace: true }
+            );
           } else if ("error" in res && isBaseQueryError(res.error) && res.error.name === "ValidationError") {
             setErrors(formatValidationErrors(res.error));
           }
@@ -1861,10 +1884,8 @@ const UnpublishAction$1 = ({
   const { toggleNotification } = useNotification();
   const [shouldKeepDraft, setShouldKeepDraft] = React.useState(true);
   const isDocumentModified = document?.status === "modified";
-  const handleChange = (e) => {
-    if ("value" in e.target) {
-      setShouldKeepDraft(e.target.value === UNPUBLISH_DRAFT_OPTIONS.KEEP);
-    }
+  const handleChange = (value) => {
+    setShouldKeepDraft(value === UNPUBLISH_DRAFT_OPTIONS.KEEP);
   };
   if (!schema?.options?.draftAndPublish) {
     return null;
@@ -1914,40 +1935,24 @@ const UnpublishAction$1 = ({
           }) })
         ] }),
         /* @__PURE__ */ jsxs(
-          Flex,
+          Radio.Group,
           {
-            onChange: handleChange,
-            direction: "column",
-            alignItems: "flex-start",
-            tag: "fieldset",
-            borderWidth: 0,
-            gap: 3,
+            defaultValue: UNPUBLISH_DRAFT_OPTIONS.KEEP,
+            name: "discard-options",
+            "aria-label": formatMessage({
+              id: "content-manager.actions.unpublish.dialog.radio-label",
+              defaultMessage: "Choose an option to unpublish the document."
+            }),
+            onValueChange: handleChange,
             children: [
-              /* @__PURE__ */ jsx(VisuallyHidden, { tag: "legend" }),
-              /* @__PURE__ */ jsx(
-                Radio,
-                {
-                  checked: shouldKeepDraft,
-                  value: UNPUBLISH_DRAFT_OPTIONS.KEEP,
-                  name: "discard-options",
-                  children: formatMessage({
-                    id: "content-manager.actions.unpublish.dialog.option.keep-draft",
-                    defaultMessage: "Keep draft"
-                  })
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Radio,
-                {
-                  checked: !shouldKeepDraft,
-                  value: UNPUBLISH_DRAFT_OPTIONS.DISCARD,
-                  name: "discard-options",
-                  children: formatMessage({
-                    id: "content-manager.actions.unpublish.dialog.option.replace-draft",
-                    defaultMessage: "Replace draft"
-                  })
-                }
-              )
+              /* @__PURE__ */ jsx(Radio.Item, { checked: shouldKeepDraft, value: UNPUBLISH_DRAFT_OPTIONS.KEEP, children: formatMessage({
+                id: "content-manager.actions.unpublish.dialog.option.keep-draft",
+                defaultMessage: "Keep draft"
+              }) }),
+              /* @__PURE__ */ jsx(Radio.Item, { checked: !shouldKeepDraft, value: UNPUBLISH_DRAFT_OPTIONS.DISCARD, children: formatMessage({
+                id: "content-manager.actions.unpublish.dialog.option.replace-draft",
+                defaultMessage: "Replace draft"
+              }) })
             ]
           }
         )
@@ -2800,30 +2805,23 @@ const ConfirmBulkActionDialog = ({
   endAction
 }) => {
   const { formatMessage } = useIntl();
-  return /* @__PURE__ */ jsxs(
-    Dialog,
-    {
-      onClose: onToggleDialog,
-      title: formatMessage({
-        id: "app.components.ConfirmDialog.title",
-        defaultMessage: "Confirmation"
-      }),
-      isOpen,
-      children: [
-        /* @__PURE__ */ jsx(DialogBody, { icon: /* @__PURE__ */ jsx(WarningCircle, {}), children: /* @__PURE__ */ jsx(Flex, { direction: "column", alignItems: "stretch", gap: 2, children: dialogBody }) }),
-        /* @__PURE__ */ jsx(
-          DialogFooter,
-          {
-            startAction: /* @__PURE__ */ jsx(Button, { onClick: onToggleDialog, variant: "tertiary", children: formatMessage({
-              id: "app.components.Button.cancel",
-              defaultMessage: "Cancel"
-            }) }),
-            endAction
-          }
-        )
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsx(Dialog.Root, { onOpenChange: onToggleDialog, open: isOpen, children: /* @__PURE__ */ jsxs(Dialog.Content, { children: [
+    /* @__PURE__ */ jsx(Dialog.Header, { children: formatMessage({
+      id: "app.components.ConfirmDialog.title",
+      defaultMessage: "Confirmation"
+    }) }),
+    /* @__PURE__ */ jsx(Dialog.Body, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
+      /* @__PURE__ */ jsx(Flex, { justifyContent: "center", children: /* @__PURE__ */ jsx(WarningCircle, { width: "24px", height: "24px", fill: "danger600" }) }),
+      dialogBody
+    ] }) }),
+    /* @__PURE__ */ jsxs(Dialog.Footer, { children: [
+      /* @__PURE__ */ jsx(Dialog.Cancel, { children: /* @__PURE__ */ jsx(Button, { fullWidth: true, onClick: onToggleDialog, variant: "tertiary", children: formatMessage({
+        id: "app.components.Button.cancel",
+        defaultMessage: "Cancel"
+      }) }) }),
+      endAction
+    ] })
+  ] }) });
 };
 const BoldChunk$1 = (chunks) => /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: chunks });
 const ConfirmDialogPublishAll = ({
@@ -2883,7 +2881,7 @@ const ConfirmDialogPublishAll = ({
             defaultMessage: "Are you sure you want to publish these entries?"
           })
         ] }),
-        schema?.pluginOptions && "i18n" in schema.pluginOptions && schema?.pluginOptions.i18n && /* @__PURE__ */ jsx(Typography, { textColor: "danger500", children: formatMessage(
+        schema?.pluginOptions && "i18n" in schema.pluginOptions && schema?.pluginOptions.i18n && /* @__PURE__ */ jsx(Typography, { textColor: "danger500", textAlign: "center", children: formatMessage(
           {
             id: getTranslation("Settings.list.actions.publishAdditionalInfos"),
             defaultMessage: "This will publish the active locale versions <em>(from Internationalization)</em>"
@@ -2928,16 +2926,30 @@ const formatErrorMessages = (errors, parentKey, formatMessage) => {
           )
         );
       } else {
-        messages.push(...formatErrorMessages(value, currentKey, formatMessage));
+        messages.push(
+          ...formatErrorMessages(
+            // @ts-expect-error TODO: check why value is not compatible with FormErrors
+            value,
+            currentKey,
+            formatMessage
+          )
+        );
       }
+    } else {
+      messages.push(
+        formatMessage(
+          {
+            id: `${value}.withField`,
+            defaultMessage: value
+          },
+          { field: currentKey }
+        )
+      );
     }
   });
   return messages;
 };
-const EntryValidationText = ({
-  validationErrors,
-  isPublished = false
-}) => {
+const EntryValidationText = ({ validationErrors, status }) => {
   const { formatMessage } = useIntl();
   if (validationErrors) {
     const validationErrorsMessages = formatErrorMessages(validationErrors, "", formatMessage).join(
@@ -2948,7 +2960,7 @@ const EntryValidationText = ({
       /* @__PURE__ */ jsx(Tooltip, { description: validationErrorsMessages, children: /* @__PURE__ */ jsx(TypographyMaxWidth, { textColor: "danger600", variant: "omega", fontWeight: "semiBold", ellipsis: true, children: validationErrorsMessages }) })
     ] });
   }
-  if (isPublished) {
+  if (status === "published") {
     return /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
       /* @__PURE__ */ jsx(CheckCircle, { fill: "success600" }),
       /* @__PURE__ */ jsx(Typography, { textColor: "success600", fontWeight: "bold", children: formatMessage({
@@ -2957,6 +2969,15 @@ const EntryValidationText = ({
       }) })
     ] });
   }
+  if (status === "modified") {
+    return /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+      /* @__PURE__ */ jsx(ArrowsCounterClockwise, { fill: "alternative600" }),
+      /* @__PURE__ */ jsx(Typography, { children: formatMessage({
+        id: "content-manager.bulk-publish.modified",
+        defaultMessage: "Ready to publish changes"
+      }) })
+    ] });
+  }
   return /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
     /* @__PURE__ */ jsx(CheckCircle, { fill: "success600" }),
     /* @__PURE__ */ jsx(Typography, { children: formatMessage({
@@ -3008,7 +3029,7 @@ const SelectedEntriesTableContent = ({
         EntryValidationText,
         {
           validationErrors: validationErrors[row.documentId],
-          isPublished: row.publishedAt !== null
+          status: row.status
         }
       ) }),
       /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(
@@ -3097,18 +3118,16 @@ const SelectedEntriesModalContent = ({
   const [isDialogOpen, setIsDialogOpen] = React.useState(false);
   const { publishMany: bulkPublishAction } = useDocumentActions();
   const [, { isLoading: isSubmittingForm }] = usePublishManyDocumentsMutation();
-  const selectedEntries = useTable("publishAction", (state) => state.selectedRows);
-  const entriesToPublish = selectedEntries.reduce((acc, entry) => {
-    if (!validationErrors[entry.documentId]) {
-      acc.push(entry.documentId);
-    }
-    return acc;
-  }, []);
+  const selectedRows = useTable("publishAction", (state) => state.selectedRows);
+  const selectedEntries = rows.filter(
+    (entry) => selectedRows.some((selectedEntry) => selectedEntry.documentId === entry.documentId)
+  );
+  const entriesToPublish = selectedEntries.filter((entry) => !validationErrors[entry.documentId]).map((entry) => entry.documentId);
   const selectedEntriesWithErrorsCount = selectedEntries.filter(
     ({ documentId }) => validationErrors[documentId]
   ).length;
   const selectedEntriesPublished = selectedEntries.filter(
-    ({ publishedAt }) => !!publishedAt
+    ({ status }) => status === "published"
   ).length;
   const selectedEntriesWithNoErrorsCount = selectedEntries.length - selectedEntriesWithErrorsCount - selectedEntriesPublished;
   const toggleDialog = () => setIsDialogOpen((prev) => !prev);
@@ -3151,7 +3170,7 @@ const SelectedEntriesModalContent = ({
     );
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(ModalBody, { children: [
+    /* @__PURE__ */ jsxs(Modal.Body, { children: [
       /* @__PURE__ */ jsx(Typography, { children: getFormattedCountMessage() }),
       /* @__PURE__ */ jsx(Box, { marginTop: 5, children: /* @__PURE__ */ jsx(
         SelectedEntriesTableContent,
@@ -3163,27 +3182,24 @@ const SelectedEntriesModalContent = ({
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx(
-      ModalFooter,
-      {
-        startActions: /* @__PURE__ */ jsx(Button, { onClick: toggleModal, variant: "tertiary", children: formatMessage({
-          id: "app.components.Button.cancel",
-          defaultMessage: "Cancel"
-        }) }),
-        endActions: /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
-          /* @__PURE__ */ jsx(Button, { onClick: refetch, variant: "tertiary", loading: isFetching, children: formatMessage({ id: "app.utils.refresh", defaultMessage: "Refresh" }) }),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              onClick: toggleDialog,
-              disabled: selectedEntries.length === 0 || selectedEntries.length === selectedEntriesWithErrorsCount || isLoading,
-              loading: isSubmittingForm,
-              children: formatMessage({ id: "app.utils.publish", defaultMessage: "Publish" })
-            }
-          )
-        ] })
-      }
-    ),
+    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
+      /* @__PURE__ */ jsx(Button, { onClick: toggleModal, variant: "tertiary", children: formatMessage({
+        id: "app.components.Button.cancel",
+        defaultMessage: "Cancel"
+      }) }),
+      /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+        /* @__PURE__ */ jsx(Button, { onClick: refetch, variant: "tertiary", loading: isFetching, children: formatMessage({ id: "app.utils.refresh", defaultMessage: "Refresh" }) }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: toggleDialog,
+            disabled: selectedEntries.length === 0 || selectedEntries.length === selectedEntriesWithErrorsCount || selectedEntriesPublished === selectedEntries.length || isLoading,
+            loading: isSubmittingForm,
+            children: formatMessage({ id: "app.utils.publish", defaultMessage: "Publish" })
+          }
+        )
+      ] })
+    ] }),
     /* @__PURE__ */ jsx(
       ConfirmDialogPublishAll,
       {
@@ -3248,143 +3264,10 @@ const BulkActionsRenderer = () => {
         documents: selectedRows
       },
       descriptions: plugins["content-manager"].apis.getBulkActions(),
-      children: (actions2) => actions2.map((action) => /* @__PURE__ */ jsx(BulkActionAction, { ...action }, action.id))
+      children: (actions2) => actions2.map((action) => /* @__PURE__ */ jsx(DocumentActionButton, { ...action }, action.id))
     }
   ) });
 };
-const BulkActionAction = (action) => {
-  const [dialogId, setDialogId] = React.useState(null);
-  const { toggleNotification } = useNotification();
-  const handleClick = (action2) => (e) => {
-    const { onClick, dialog, id } = action2;
-    if (onClick) {
-      onClick(e);
-    }
-    if (dialog) {
-      switch (dialog.type) {
-        case "notification":
-          toggleNotification({
-            title: dialog.title,
-            message: dialog.content,
-            type: dialog.status,
-            timeout: dialog.timeout,
-            onClose: dialog.onClose
-          });
-          break;
-        case "dialog":
-        case "modal": {
-          e.preventDefault();
-          setDialogId(id);
-        }
-      }
-    }
-  };
-  const handleClose = () => {
-    setDialogId(null);
-    if (action.dialog?.type === "modal" && action.dialog?.onClose) {
-      action.dialog.onClose();
-    }
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        disabled: action.disabled,
-        startIcon: action.icon,
-        variant: action.variant,
-        onClick: handleClick(action),
-        children: action.label
-      }
-    ),
-    action.dialog?.type === "dialog" ? /* @__PURE__ */ jsx(
-      BulkActionConfirmDialog,
-      {
-        ...action.dialog,
-        variant: action.variant,
-        isOpen: dialogId === action.id,
-        onClose: handleClose
-      }
-    ) : null,
-    action.dialog?.type === "modal" ? /* @__PURE__ */ jsx(
-      BulkActionModal,
-      {
-        ...action.dialog,
-        onModalClose: handleClose,
-        isOpen: dialogId === action.id
-      }
-    ) : null
-  ] });
-};
-const BulkActionConfirmDialog = ({
-  onClose,
-  onCancel,
-  onConfirm,
-  title,
-  content,
-  confirmButton,
-  isOpen,
-  variant = "secondary"
-}) => {
-  const { formatMessage } = useIntl();
-  const handleClose = async () => {
-    if (onCancel) {
-      await onCancel();
-    }
-    onClose();
-  };
-  const handleConfirm = async () => {
-    if (onConfirm) {
-      await onConfirm();
-    }
-    onClose();
-  };
-  return /* @__PURE__ */ jsxs(Dialog, { isOpen, title, onClose: handleClose, children: [
-    /* @__PURE__ */ jsx(DialogBody, { icon: /* @__PURE__ */ jsx(WarningCircle, {}), children: content }),
-    /* @__PURE__ */ jsx(
-      DialogFooter,
-      {
-        startAction: /* @__PURE__ */ jsx(Button, { onClick: handleClose, variant: "tertiary", children: formatMessage({
-          id: "app.components.Button.cancel",
-          defaultMessage: "Cancel"
-        }) }),
-        endAction: /* @__PURE__ */ jsx(
-          Button,
-          {
-            onClick: handleConfirm,
-            variant: variant === "danger-light" ? variant : "secondary",
-            startIcon: variant === "danger-light" ? /* @__PURE__ */ jsx(Trash, {}) : /* @__PURE__ */ jsx(Check, {}),
-            children: confirmButton ? confirmButton : formatMessage({
-              id: "app.components.Button.confirm",
-              defaultMessage: "Confirm"
-            })
-          }
-        )
-      }
-    )
-  ] });
-};
-const BulkActionModal = ({
-  isOpen,
-  title,
-  onClose,
-  content: Content,
-  onModalClose
-}) => {
-  const id = React.useId();
-  if (!isOpen) {
-    return null;
-  }
-  const handleClose = () => {
-    if (onClose) {
-      onClose();
-    }
-    onModalClose();
-  };
-  return /* @__PURE__ */ jsxs(ModalLayout, { borderRadius: "4px", overflow: "hidden", onClose: handleClose, labelledBy: id, children: [
-    /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", textColor: "neutral800", tag: "h2", id, children: title }) }),
-    /* @__PURE__ */ jsx(Content, { onClose: handleClose })
-  ] });
-};
 const DeleteAction = ({ documents, model }) => {
   const { formatMessage } = useIntl();
   const { schema: contentType } = useDoc();
@@ -3417,6 +3300,7 @@ const DeleteAction = ({ documents, model }) => {
         defaultMessage: "Confirmation"
       }),
       content: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
+        /* @__PURE__ */ jsx(Flex, { justifyContent: "center", children: /* @__PURE__ */ jsx(WarningCircle, { width: "24px", height: "24px", fill: "danger600" }) }),
         /* @__PURE__ */ jsx(Typography, { id: "confirm-description", textAlign: "center", children: formatMessage({
           id: "popUpWarning.bodyMessage.contentType.delete.all",
           defaultMessage: "Are you sure you want to delete these entries?"
@@ -3453,7 +3337,7 @@ const UnpublishAction = ({ documents, model }) => {
       selectRow([]);
     }
   };
-  const showUnpublishButton = hasDraftAndPublishEnabled && hasPublishPermission && documents.some((entry) => entry.status === "published");
+  const showUnpublishButton = hasDraftAndPublishEnabled && hasPublishPermission && documents.some((entry) => entry.status === "published" || entry.status === "modified");
   if (!showUnpublishButton)
     return null;
   return {
@@ -3466,6 +3350,7 @@ const UnpublishAction = ({ documents, model }) => {
         defaultMessage: "Confirmation"
       }),
       content: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
+        /* @__PURE__ */ jsx(Flex, { justifyContent: "center", children: /* @__PURE__ */ jsx(WarningCircle, { width: "24px", height: "24px", fill: "danger600" }) }),
         /* @__PURE__ */ jsx(Typography, { id: "confirm-description", textAlign: "center", children: formatMessage({
           id: "popUpWarning.bodyMessage.contentType.unpublish.all",
           defaultMessage: "Are you sure you want to unpublish these entries?"
@@ -3851,15 +3736,24 @@ const index = {
         defaultMessage: "Content Manager"
       },
       permissions: [],
-      Component: () => import("./layout-hInnLBbA.mjs").then((mod) => ({ default: mod.Layout })),
       position: 1
     });
+    app.router.addRoute({
+      path: "content-manager/*",
+      lazy: async () => {
+        const { Layout } = await import("./layout-ChVuUpa1.mjs");
+        return {
+          Component: Layout
+        };
+      },
+      children: routes
+    });
     app.registerPlugin(cm.config);
   },
   async registerTrads({ locales }) {
     const importedTrads = await Promise.all(
       locales.map((locale) => {
-        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/ar.json": () => import("./ar-CCEVvqGG.mjs"), "./translations/ca.json": () => import("./ca-5U32ON2v.mjs"), "./translations/cs.json": () => import("./cs-CM2aBUar.mjs"), "./translations/de.json": () => import("./de-C72KDNOl.mjs"), "./translations/en.json": () => import("./en-Dzv55oQw.mjs"), "./translations/es.json": () => import("./es-CeXiYflN.mjs"), "./translations/eu.json": () => import("./eu-CdALomew.mjs"), "./translations/fr.json": () => import("./fr-CD9VFbPM.mjs"), "./translations/gu.json": () => import("./gu-CNpaMDpH.mjs"), "./translations/hi.json": () => import("./hi-Dwvd04m3.mjs"), "./translations/hu.json": () => import("./hu-CeYvaaO0.mjs"), "./translations/id.json": () => import("./id-BtwA9WJT.mjs"), "./translations/it.json": () => import("./it-BrVPqaf1.mjs"), "./translations/ja.json": () => import("./ja-CtsUxOvk.mjs"), "./translations/ko.json": () => import("./ko-HVQRlfUI.mjs"), "./translations/ml.json": () => import("./ml-BihZwQit.mjs"), "./translations/ms.json": () => import("./ms-m_WjyWx7.mjs"), "./translations/nl.json": () => import("./nl-D4R9gHx5.mjs"), "./translations/pl.json": () => import("./pl-sbx9mSt_.mjs"), "./translations/pt-BR.json": () => import("./pt-BR-C71iDxnh.mjs"), "./translations/pt.json": () => import("./pt-BsaFvS8-.mjs"), "./translations/ru.json": () => import("./ru-BE6A4Exp.mjs"), "./translations/sa.json": () => import("./sa-Dag0k-Z8.mjs"), "./translations/sk.json": () => import("./sk-BFg-R8qJ.mjs"), "./translations/sv.json": () => import("./sv-CUnfWGsh.mjs"), "./translations/th.json": () => import("./th-BqbI8lIT.mjs"), "./translations/tr.json": () => import("./tr-CgeK3wJM.mjs"), "./translations/uk.json": () => import("./uk-CR-zDhAY.mjs"), "./translations/vi.json": () => import("./vi-DUXIk_fw.mjs"), "./translations/zh-Hans.json": () => import("./zh-Hans-BPQcRIyH.mjs"), "./translations/zh.json": () => import("./zh-BWZspA60.mjs") }), `./translations/${locale}.json`).then(({ default: data }) => {
+        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/ar.json": () => import("./ar-CCEVvqGG.mjs"), "./translations/ca.json": () => import("./ca-5U32ON2v.mjs"), "./translations/cs.json": () => import("./cs-CM2aBUar.mjs"), "./translations/de.json": () => import("./de-C72KDNOl.mjs"), "./translations/en.json": () => import("./en-Ux26r5pl.mjs"), "./translations/es.json": () => import("./es-CeXiYflN.mjs"), "./translations/eu.json": () => import("./eu-CdALomew.mjs"), "./translations/fr.json": () => import("./fr-CD9VFbPM.mjs"), "./translations/gu.json": () => import("./gu-CNpaMDpH.mjs"), "./translations/hi.json": () => import("./hi-Dwvd04m3.mjs"), "./translations/hu.json": () => import("./hu-CeYvaaO0.mjs"), "./translations/id.json": () => import("./id-BtwA9WJT.mjs"), "./translations/it.json": () => import("./it-BrVPqaf1.mjs"), "./translations/ja.json": () => import("./ja-CtsUxOvk.mjs"), "./translations/ko.json": () => import("./ko-HVQRlfUI.mjs"), "./translations/ml.json": () => import("./ml-BihZwQit.mjs"), "./translations/ms.json": () => import("./ms-m_WjyWx7.mjs"), "./translations/nl.json": () => import("./nl-D4R9gHx5.mjs"), "./translations/pl.json": () => import("./pl-sbx9mSt_.mjs"), "./translations/pt-BR.json": () => import("./pt-BR-C71iDxnh.mjs"), "./translations/pt.json": () => import("./pt-BsaFvS8-.mjs"), "./translations/ru.json": () => import("./ru-BE6A4Exp.mjs"), "./translations/sa.json": () => import("./sa-Dag0k-Z8.mjs"), "./translations/sk.json": () => import("./sk-BFg-R8qJ.mjs"), "./translations/sv.json": () => import("./sv-CUnfWGsh.mjs"), "./translations/th.json": () => import("./th-BqbI8lIT.mjs"), "./translations/tr.json": () => import("./tr-CgeK3wJM.mjs"), "./translations/uk.json": () => import("./uk-CR-zDhAY.mjs"), "./translations/vi.json": () => import("./vi-DUXIk_fw.mjs"), "./translations/zh-Hans.json": () => import("./zh-Hans-BPQcRIyH.mjs"), "./translations/zh.json": () => import("./zh-BWZspA60.mjs") }), `./translations/${locale}.json`).then(({ default: data }) => {
           return {
             data: prefixPluginTranslations(data, PLUGIN_ID),
             locale
@@ -3880,43 +3774,42 @@ export {
   BulkActionsRenderer as B,
   COLLECTION_TYPES as C,
   DocumentStatus as D,
-  extractContentTypeComponents as E,
-  DEFAULT_SETTINGS as F,
-  convertEditLayoutToFieldLayouts as G,
+  DEFAULT_SETTINGS as E,
+  convertEditLayoutToFieldLayouts as F,
+  useDocument as G,
   HOOKS as H,
   InjectionZone as I,
-  useDocument as J,
-  index as K,
-  useDocumentActions as L,
+  index as J,
+  useDocumentActions as K,
   Panels as P,
   RelativeTime as R,
   SINGLE_TYPES as S,
   TableActions as T,
-  useGetAllContentTypeSettingsQuery as a,
-  useDoc as b,
-  buildValidParams as c,
-  contentManagerApi as d,
-  useDocumentRBAC as e,
-  useDocumentLayout as f,
+  useGetInitialDataQuery as a,
+  useGetAllContentTypeSettingsQuery as b,
+  useDoc as c,
+  buildValidParams as d,
+  contentManagerApi as e,
+  useDocumentRBAC as f,
   getTranslation as g,
-  createYupSchema as h,
-  Header as i,
-  PERMISSIONS as j,
-  DocumentRBAC as k,
-  DOCUMENT_META_FIELDS as l,
-  useDocLayout as m,
-  useContentTypeSchema as n,
+  useDocumentLayout as h,
+  createYupSchema as i,
+  Header as j,
+  PERMISSIONS as k,
+  DocumentRBAC as l,
+  DOCUMENT_META_FIELDS as m,
+  useDocLayout as n,
   useGetContentTypeConfigurationQuery as o,
   CREATOR_FIELDS as p,
   getMainField as q,
-  routes as r,
+  getDisplayName as r,
   setInitialData as s,
-  getDisplayName as t,
-  useGetInitialDataQuery as u,
-  checkIfAttributeIsDisplayable as v,
-  useGetAllDocumentsQuery as w,
-  convertListLayoutToFieldLayouts as x,
-  capitalise as y,
-  useUpdateContentTypeConfigurationMutation as z
-};
-//# sourceMappingURL=index-Dv4oDn11.mjs.map
+  checkIfAttributeIsDisplayable as t,
+  useContentTypeSchema as u,
+  useGetAllDocumentsQuery as v,
+  convertListLayoutToFieldLayouts as w,
+  capitalise as x,
+  useUpdateContentTypeConfigurationMutation as y,
+  extractContentTypeComponents as z
+};
+//# sourceMappingURL=index-D1344xdw.mjs.map