@strapi/content-manager 5.0.0-beta.9 → 5.0.0-rc.0

package/dist/_chunks/{index-BZoNZMXL.js → index-CAlLHIrI.js}

@@ -219,6 +219,7 @@ const contentManagerApi = strapiAdmin.adminApi.enhanceEndpoints({
   ]
 });
 const documentApi = contentManagerApi.injectEndpoints({
+  overrideExisting: true,
   endpoints: (builder) => ({
     autoCloneDocument: builder.mutation({
       query: ({ model, sourceId, query }) => ({
@@ -620,11 +621,11 @@ const createAttributeSchema = (attribute) => {
   }
 };
 const addRequiredValidation = (attribute) => (schema) => {
-  if (attribute.required) {
-    return schema.required({
-      id: strapiAdmin.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, strapiAdmin.translatedErrors.required);
+  }
+  if (attribute.required && attribute.type !== "relation") {
+    return schema.required(strapiAdmin.translatedErrors.required);
   }
   return schema?.nullable ? schema.nullable() : (
     // In some cases '.nullable' will not be available on the schema.
@@ -658,6 +659,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",
+          {
+            ...strapiAdmin.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, {
         ...strapiAdmin.translatedErrors.min,
@@ -784,7 +807,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__namespace.useEffect(() => {
     if (error) {
@@ -1286,7 +1312,7 @@ const useDocumentActions = () => {
   };
 };
 const ProtectedHistoryPage = React.lazy(
-  () => Promise.resolve().then(() => require("./History-4NbOq2dX.js")).then((mod) => ({ default: mod.ProtectedHistoryPage }))
+  () => Promise.resolve().then(() => require("./History-xNH_9UuV.js")).then((mod) => ({ default: mod.ProtectedHistoryPage }))
 );
 const routes$1 = [
   {
@@ -1299,31 +1325,31 @@ const routes$1 = [
   }
 ];
 const ProtectedEditViewPage = React.lazy(
-  () => Promise.resolve().then(() => require("./EditViewPage-CTTDHKkQ.js")).then((mod) => ({ default: mod.ProtectedEditViewPage }))
+  () => Promise.resolve().then(() => require("./EditViewPage-DhttErmY.js")).then((mod) => ({ default: mod.ProtectedEditViewPage }))
 );
 const ProtectedListViewPage = React.lazy(
-  () => Promise.resolve().then(() => require("./ListViewPage-CA3I75m5.js")).then((mod) => ({ default: mod.ProtectedListViewPage }))
+  () => Promise.resolve().then(() => require("./ListViewPage-ZIvstfvl.js")).then((mod) => ({ default: mod.ProtectedListViewPage }))
 );
 const ProtectedListConfiguration = React.lazy(
-  () => Promise.resolve().then(() => require("./ListConfigurationPage-CpfstlYY.js")).then((mod) => ({
+  () => Promise.resolve().then(() => require("./ListConfigurationPage-BCPzXk5W.js")).then((mod) => ({
     default: mod.ProtectedListConfiguration
   }))
 );
 const ProtectedEditConfigurationPage = React.lazy(
-  () => Promise.resolve().then(() => require("./EditConfigurationPage-CPVB8Uqc.js")).then((mod) => ({
+  () => Promise.resolve().then(() => require("./EditConfigurationPage-b6V7YHfo.js")).then((mod) => ({
     default: mod.ProtectedEditConfigurationPage
   }))
 );
 const ProtectedComponentConfigurationPage = React.lazy(
-  () => Promise.resolve().then(() => require("./ComponentConfigurationPage-y_7iLdmB.js")).then((mod) => ({
+  () => Promise.resolve().then(() => require("./ComponentConfigurationPage-DVY3LwHo.js")).then((mod) => ({
     default: mod.ProtectedComponentConfigurationPage
   }))
 );
 const NoPermissions = React.lazy(
-  () => Promise.resolve().then(() => require("./NoPermissionsPage-CO2MK200.js")).then((mod) => ({ default: mod.NoPermissions }))
+  () => Promise.resolve().then(() => require("./NoPermissionsPage-DofU68cO.js")).then((mod) => ({ default: mod.NoPermissions }))
 );
 const NoContentType = React.lazy(
-  () => Promise.resolve().then(() => require("./NoContentTypePage-Dldu-_Mx.js")).then((mod) => ({ default: mod.NoContentType }))
+  () => Promise.resolve().then(() => require("./NoContentTypePage-h7FcuMjI.js")).then((mod) => ({ default: mod.NoContentType }))
 );
 const CollectionTypePages = () => {
   const { collectionType } = reactRouterDom.useParams();
@@ -1450,7 +1476,7 @@ const DocumentActionButton = (action) => {
       DocumentActionConfirmDialog,
       {
         ...action.dialog,
-        variant: action.variant,
+        variant: action.dialog?.variant ?? action.variant,
         isOpen: dialogId === action.id,
         onClose: handleClose
       }
@@ -1530,7 +1556,7 @@ const DocumentActionsMenu = ({
             display: "block",
             children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", gap: 4, children: [
               /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { color: convertActionVariantToColor(action.variant), gap: 2, tag: "span", children: [
-                action.icon,
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { tag: "span", color: convertActionVariantToIconColor(action.variant), children: action.icon }),
                 action.label
               ] }),
               action.id.startsWith("HistoryAction") && /* @__PURE__ */ jsxRuntime.jsx(
@@ -1591,6 +1617,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,
@@ -1613,22 +1651,20 @@ const DocumentActionConfirmDialog = ({
     }
     onClose();
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog, { isOpen, title, onClose: handleClose, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.DialogBody, { children: content }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      designSystem.DialogFooter,
-      {
-        startAction: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: handleClose, variant: "tertiary", children: formatMessage({
-          id: "app.components.Button.cancel",
-          defaultMessage: "Cancel"
-        }) }),
-        endAction: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: handleConfirm, variant, children: formatMessage({
-          id: "app.components.Button.confirm",
-          defaultMessage: "Confirm"
-        }) })
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Root, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Content, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Header, { children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Body, { children: content }),
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Footer, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Cancel, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", children: formatMessage({
+        id: "app.components.Button.cancel",
+        defaultMessage: "Cancel"
+      }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: handleConfirm, variant, children: formatMessage({
+        id: "app.components.Button.confirm",
+        defaultMessage: "Confirm"
+      }) })
+    ] })
+  ] }) });
 };
 const DocumentActionModal = ({
   isOpen,
@@ -1638,34 +1674,17 @@ const DocumentActionModal = ({
   content: Content,
   onModalClose
 }) => {
-  const id = React__namespace.useId();
-  if (!isOpen) {
-    return null;
-  }
   const handleClose = () => {
     if (onClose) {
       onClose();
     }
     onModalClose();
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.ModalLayout, { borderRadius: "4px", overflow: "hidden", onClose: handleClose, labelledBy: id, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.ModalHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "bold", textColor: "neutral800", tag: "h2", id, children: title }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.ModalBody, { children: typeof Content === "function" ? /* @__PURE__ */ jsxRuntime.jsx(Content, { onClose: handleClose }) : Content }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      designSystem.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__ */ jsxRuntime.jsx(Footer, { onClose: handleClose }) : Footer
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Root, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Modal.Content, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Title, { children: title }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Body, { children: typeof Content === "function" ? /* @__PURE__ */ jsxRuntime.jsx(Content, { onClose: handleClose }) : Content }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Footer, { children: typeof Footer === "function" ? /* @__PURE__ */ jsxRuntime.jsx(Footer, { onClose: handleClose }) : Footer })
+  ] }) });
 };
 const PublishAction$1 = ({
   activeTab,
@@ -1686,6 +1705,12 @@ const PublishAction$1 = ({
     ({ canPublish: canPublish2, canCreate: canCreate2, canUpdate: canUpdate2 }) => ({ canPublish: canPublish2, canCreate: canCreate2, canUpdate: canUpdate2 })
   );
   const { publish } = useDocumentActions();
+  const [
+    countDraftRelations,
+    { isLoading: isLoadingDraftRelations, isError: isErrorDraftRelations }
+  ] = useLazyGetDraftRelationCountQuery();
+  const [localCountOfDraftRelations, setLocalCountOfDraftRelations] = React__namespace.useState(0);
+  const [serverCountOfDraftRelations, setServerCountOfDraftRelations] = React__namespace.useState(0);
   const [{ query, rawQuery }] = strapiAdmin.useQueryParams();
   const params = React__namespace.useMemo(() => buildValidParams(query), [query]);
   const modified = strapiAdmin.useForm("PublishAction", ({ modified: modified2 }) => modified2);
@@ -1694,10 +1719,101 @@ const PublishAction$1 = ({
   const validate = strapiAdmin.useForm("PublishAction", (state) => state.validate);
   const setErrors = strapiAdmin.useForm("PublishAction", (state) => state.setErrors);
   const formValues = strapiAdmin.useForm("PublishAction", ({ values }) => values);
+  React__namespace.useEffect(() => {
+    if (isErrorDraftRelations) {
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({
+          id: getTranslation("error.records.fetch-draft-relatons"),
+          defaultMessage: "An error occurred while fetching draft relations on this document."
+        })
+      });
+    }
+  }, [isErrorDraftRelations, toggleNotification, formatMessage]);
+  React__namespace.useEffect(() => {
+    const localDraftRelations = /* @__PURE__ */ new Set();
+    const extractDraftRelations = (data) => {
+      const relations = data.connect || [];
+      relations.forEach((relation) => {
+        if (relation.status === "draft") {
+          localDraftRelations.add(relation.id);
+        }
+      });
+    };
+    const traverseAndExtract = (data) => {
+      Object.entries(data).forEach(([key, value]) => {
+        if (key === "connect" && Array.isArray(value)) {
+          extractDraftRelations({ connect: value });
+        } else if (typeof value === "object" && value !== null) {
+          traverseAndExtract(value);
+        }
+      });
+    };
+    if (!documentId || modified) {
+      traverseAndExtract(formValues);
+      setLocalCountOfDraftRelations(localDraftRelations.size);
+    }
+  }, [documentId, modified, formValues, setLocalCountOfDraftRelations]);
+  React__namespace.useEffect(() => {
+    if (documentId) {
+      const fetchDraftRelationsCount = async () => {
+        const { data, error } = await countDraftRelations({
+          collectionType,
+          model,
+          documentId,
+          params
+        });
+        if (error) {
+          throw error;
+        }
+        if (data) {
+          setServerCountOfDraftRelations(data.data);
+        }
+      };
+      fetchDraftRelationsCount();
+    }
+  }, [documentId, countDraftRelations, collectionType, model, params]);
   const isDocumentPublished = (document?.[PUBLISHED_AT_ATTRIBUTE_NAME] || meta?.availableStatus.some((doc) => doc[PUBLISHED_AT_ATTRIBUTE_NAME] !== null)) && document?.status !== "modified";
   if (!schema?.options?.draftAndPublish) {
     return null;
   }
+  const performPublish = async () => {
+    setSubmitting(true);
+    try {
+      const { errors } = await validate();
+      if (errors) {
+        toggleNotification({
+          type: "danger",
+          message: formatMessage({
+            id: "content-manager.validation.error",
+            defaultMessage: "There are validation errors in your document. Please fix them before saving."
+          })
+        });
+        return;
+      }
+      const res = await publish(
+        {
+          collectionType,
+          model,
+          documentId,
+          params
+        },
+        formValues
+      );
+      if ("data" in res && collectionType !== SINGLE_TYPES) {
+        navigate({
+          pathname: `../${collectionType}/${model}/${res.data.documentId}`,
+          search: rawQuery
+        });
+      } else if ("error" in res && isBaseQueryError(res.error) && res.error.name === "ValidationError") {
+        setErrors(formatValidationErrors(res.error));
+      }
+    } finally {
+      setSubmitting(false);
+    }
+  };
+  const totalDraftRelations = localCountOfDraftRelations + serverCountOfDraftRelations;
+  const hasDraftRelations = totalDraftRelations > 0;
   return {
     /**
      * Disabled when:
@@ -1710,46 +1826,38 @@ const PublishAction$1 = ({
      *  - the user doesn't have the permission to create a new document
      *  - the user doesn't have the permission to update the document
      */
-    disabled: isCloning || isSubmitting || activeTab === "published" || !modified && isDocumentPublished || !modified && !document?.documentId || !canPublish || Boolean(!document?.documentId && !canCreate || document?.documentId && !canUpdate),
+    disabled: isCloning || isSubmitting || isLoadingDraftRelations || activeTab === "published" || !modified && isDocumentPublished || !modified && !document?.documentId || !canPublish || Boolean(!document?.documentId && !canCreate || document?.documentId && !canUpdate),
     label: formatMessage({
       id: "app.utils.publish",
       defaultMessage: "Publish"
     }),
     onClick: async () => {
-      setSubmitting(true);
-      try {
-        const { errors } = await validate();
-        if (errors) {
-          toggleNotification({
-            type: "danger",
-            message: formatMessage({
-              id: "content-manager.validation.error",
-              defaultMessage: "There are validation errors in your document. Please fix them before saving."
-            })
-          });
-          return;
-        }
-        const res = await publish(
-          {
-            collectionType,
-            model,
-            documentId,
-            params
-          },
-          formValues
-        );
-        if ("data" in res && collectionType !== SINGLE_TYPES) {
-          navigate({
-            pathname: `../${collectionType}/${model}/${res.data.documentId}`,
-            search: rawQuery
-          });
-        } else if ("error" in res && isBaseQueryError(res.error) && res.error.name === "ValidationError") {
-          setErrors(formatValidationErrors(res.error));
+      if (hasDraftRelations) {
+        return;
+      }
+      await performPublish();
+    },
+    dialog: hasDraftRelations ? {
+      type: "dialog",
+      variant: "danger",
+      footer: null,
+      title: formatMessage({
+        id: getTranslation(`popUpwarning.warning.bulk-has-draft-relations.title`),
+        defaultMessage: "Confirmation"
+      }),
+      content: formatMessage(
+        {
+          id: getTranslation(`popUpwarning.warning.bulk-has-draft-relations.message`),
+          defaultMessage: "This entry is related to {count, plural, one {# draft entry} other {# draft entries}}. Publishing it could leave broken links in your app."
+        },
+        {
+          count: totalDraftRelations
         }
-      } finally {
-        setSubmitting(false);
+      ),
+      onConfirm: async () => {
+        await performPublish();
       }
-    }
+    } : void 0
   };
 };
 PublishAction$1.type = "publish";
@@ -1848,10 +1956,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));
           }
@@ -1883,10 +1994,8 @@ const UnpublishAction$1 = ({
   const { toggleNotification } = strapiAdmin.useNotification();
   const [shouldKeepDraft, setShouldKeepDraft] = React__namespace.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;
@@ -1936,40 +2045,24 @@ const UnpublishAction$1 = ({
           }) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(
-          designSystem.Flex,
+          designSystem.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__ */ jsxRuntime.jsx(designSystem.VisuallyHidden, { tag: "legend" }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                designSystem.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__ */ jsxRuntime.jsx(
-                designSystem.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__ */ jsxRuntime.jsx(designSystem.Radio.Item, { checked: shouldKeepDraft, value: UNPUBLISH_DRAFT_OPTIONS.KEEP, children: formatMessage({
+                id: "content-manager.actions.unpublish.dialog.option.keep-draft",
+                defaultMessage: "Keep draft"
+              }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Radio.Item, { checked: !shouldKeepDraft, value: UNPUBLISH_DRAFT_OPTIONS.DISCARD, children: formatMessage({
+                id: "content-manager.actions.unpublish.dialog.option.replace-draft",
+                defaultMessage: "Replace draft"
+              }) })
             ]
           }
         )
@@ -2115,23 +2208,13 @@ const Header = ({ isCreating, status, title: documentTitle = "Untitled" }) => {
     id: "content-manager.containers.edit.title.new",
     defaultMessage: "Create an entry"
   }) : documentTitle;
-  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "flex-start", paddingTop: 8, paddingBottom: 4, gap: 3, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "flex-start", paddingTop: 6, paddingBottom: 4, gap: 2, children: [
     /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.BackButton, {}),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      designSystem.Flex,
-      {
-        width: "100%",
-        justifyContent: "space-between",
-        paddingTop: 1,
-        gap: "80px",
-        alignItems: "flex-start",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "alpha", tag: "h1", children: title }),
-          /* @__PURE__ */ jsxRuntime.jsx(HeaderToolbar, {})
-        ]
-      }
-    ),
-    status ? /* @__PURE__ */ jsxRuntime.jsx(DocumentStatus, { status: isCloning ? "draft" : status }) : null
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { width: "100%", justifyContent: "space-between", gap: "80px", alignItems: "flex-start", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "alpha", tag: "h1", children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx(HeaderToolbar, {})
+    ] }),
+    status ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginTop: 1, children: /* @__PURE__ */ jsxRuntime.jsx(DocumentStatus, { status: isCloning ? "draft" : status }) }) : null
   ] });
 };
 const HeaderToolbar = () => {
@@ -2822,30 +2905,23 @@ const ConfirmBulkActionDialog = ({
   endAction
 }) => {
   const { formatMessage } = reactIntl.useIntl();
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    designSystem.Dialog,
-    {
-      onClose: onToggleDialog,
-      title: formatMessage({
-        id: "app.components.ConfirmDialog.title",
-        defaultMessage: "Confirmation"
-      }),
-      isOpen,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.DialogBody, { icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.WarningCircle, {}), children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 2, children: dialogBody }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          designSystem.DialogFooter,
-          {
-            startAction: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: onToggleDialog, variant: "tertiary", children: formatMessage({
-              id: "app.components.Button.cancel",
-              defaultMessage: "Cancel"
-            }) }),
-            endAction
-          }
-        )
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Root, { onOpenChange: onToggleDialog, open: isOpen, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Content, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Header, { children: formatMessage({
+      id: "app.components.ConfirmDialog.title",
+      defaultMessage: "Confirmation"
+    }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Body, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(Icons.WarningCircle, { width: "24px", height: "24px", fill: "danger600" }) }),
+      dialogBody
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Footer, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Cancel, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { fullWidth: true, onClick: onToggleDialog, variant: "tertiary", children: formatMessage({
+        id: "app.components.Button.cancel",
+        defaultMessage: "Cancel"
+      }) }) }),
+      endAction
+    ] })
+  ] }) });
 };
 const BoldChunk$1 = (chunks) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "bold", children: chunks });
 const ConfirmDialogPublishAll = ({
@@ -2950,7 +3026,14 @@ 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(
@@ -3187,7 +3270,7 @@ const SelectedEntriesModalContent = ({
     );
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.ModalBody, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Modal.Body, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: getFormattedCountMessage() }),
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginTop: 5, children: /* @__PURE__ */ jsxRuntime.jsx(
         SelectedEntriesTableContent,
@@ -3199,27 +3282,24 @@ const SelectedEntriesModalContent = ({
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      designSystem.ModalFooter,
-      {
-        startActions: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: toggleModal, variant: "tertiary", children: formatMessage({
-          id: "app.components.Button.cancel",
-          defaultMessage: "Cancel"
-        }) }),
-        endActions: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: refetch, variant: "tertiary", loading: isFetching, children: formatMessage({ id: "app.utils.refresh", defaultMessage: "Refresh" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.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__ */ jsxRuntime.jsxs(designSystem.Modal.Footer, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: toggleModal, variant: "tertiary", children: formatMessage({
+        id: "app.components.Button.cancel",
+        defaultMessage: "Cancel"
+      }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: refetch, variant: "tertiary", loading: isFetching, children: formatMessage({ id: "app.utils.refresh", defaultMessage: "Refresh" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.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__ */ jsxRuntime.jsx(
       ConfirmDialogPublishAll,
       {
@@ -3284,143 +3364,10 @@ const BulkActionsRenderer = () => {
         documents: selectedRows
       },
       descriptions: plugins["content-manager"].apis.getBulkActions(),
-      children: (actions2) => actions2.map((action) => /* @__PURE__ */ jsxRuntime.jsx(BulkActionAction, { ...action }, action.id))
+      children: (actions2) => actions2.map((action) => /* @__PURE__ */ jsxRuntime.jsx(DocumentActionButton, { ...action }, action.id))
     }
   ) });
 };
-const BulkActionAction = (action) => {
-  const [dialogId, setDialogId] = React__namespace.useState(null);
-  const { toggleNotification } = strapiAdmin.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      designSystem.Button,
-      {
-        disabled: action.disabled,
-        startIcon: action.icon,
-        variant: action.variant,
-        onClick: handleClick(action),
-        children: action.label
-      }
-    ),
-    action.dialog?.type === "dialog" ? /* @__PURE__ */ jsxRuntime.jsx(
-      BulkActionConfirmDialog,
-      {
-        ...action.dialog,
-        variant: action.variant,
-        isOpen: dialogId === action.id,
-        onClose: handleClose
-      }
-    ) : null,
-    action.dialog?.type === "modal" ? /* @__PURE__ */ jsxRuntime.jsx(
-      BulkActionModal,
-      {
-        ...action.dialog,
-        onModalClose: handleClose,
-        isOpen: dialogId === action.id
-      }
-    ) : null
-  ] });
-};
-const BulkActionConfirmDialog = ({
-  onClose,
-  onCancel,
-  onConfirm,
-  title,
-  content,
-  confirmButton,
-  isOpen,
-  variant = "secondary"
-}) => {
-  const { formatMessage } = reactIntl.useIntl();
-  const handleClose = async () => {
-    if (onCancel) {
-      await onCancel();
-    }
-    onClose();
-  };
-  const handleConfirm = async () => {
-    if (onConfirm) {
-      await onConfirm();
-    }
-    onClose();
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog, { isOpen, title, onClose: handleClose, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.DialogBody, { icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.WarningCircle, {}), children: content }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      designSystem.DialogFooter,
-      {
-        startAction: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: handleClose, variant: "tertiary", children: formatMessage({
-          id: "app.components.Button.cancel",
-          defaultMessage: "Cancel"
-        }) }),
-        endAction: /* @__PURE__ */ jsxRuntime.jsx(
-          designSystem.Button,
-          {
-            onClick: handleConfirm,
-            variant: variant === "danger-light" ? variant : "secondary",
-            startIcon: variant === "danger-light" ? /* @__PURE__ */ jsxRuntime.jsx(Icons.Trash, {}) : /* @__PURE__ */ jsxRuntime.jsx(Icons.Check, {}),
-            children: confirmButton ? confirmButton : formatMessage({
-              id: "app.components.Button.confirm",
-              defaultMessage: "Confirm"
-            })
-          }
-        )
-      }
-    )
-  ] });
-};
-const BulkActionModal = ({
-  isOpen,
-  title,
-  onClose,
-  content: Content,
-  onModalClose
-}) => {
-  const id = React__namespace.useId();
-  if (!isOpen) {
-    return null;
-  }
-  const handleClose = () => {
-    if (onClose) {
-      onClose();
-    }
-    onModalClose();
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.ModalLayout, { borderRadius: "4px", overflow: "hidden", onClose: handleClose, labelledBy: id, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.ModalHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "bold", textColor: "neutral800", tag: "h2", id, children: title }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(Content, { onClose: handleClose })
-  ] });
-};
 const DeleteAction = ({ documents, model }) => {
   const { formatMessage } = reactIntl.useIntl();
   const { schema: contentType } = useDoc();
@@ -3453,6 +3400,7 @@ const DeleteAction = ({ documents, model }) => {
         defaultMessage: "Confirmation"
       }),
       content: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(Icons.WarningCircle, { width: "24px", height: "24px", fill: "danger600" }) }),
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { id: "confirm-description", textAlign: "center", children: formatMessage({
           id: "popUpWarning.bodyMessage.contentType.delete.all",
           defaultMessage: "Are you sure you want to delete these entries?"
@@ -3502,6 +3450,7 @@ const UnpublishAction = ({ documents, model }) => {
         defaultMessage: "Confirmation"
       }),
       content: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(Icons.WarningCircle, { width: "24px", height: "24px", fill: "danger600" }) }),
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { id: "confirm-description", textAlign: "center", children: formatMessage({
           id: "popUpWarning.bodyMessage.contentType.unpublish.all",
           defaultMessage: "Are you sure you want to unpublish these entries?"
@@ -3887,15 +3836,24 @@ const index = {
         defaultMessage: "Content Manager"
       },
       permissions: [],
-      Component: () => Promise.resolve().then(() => require("./layout-DEYBqgF1.js")).then((mod) => ({ default: mod.Layout })),
       position: 1
     });
+    app.router.addRoute({
+      path: "content-manager/*",
+      lazy: async () => {
+        const { Layout } = await Promise.resolve().then(() => require("./layout-B1ZS-usI.js"));
+        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": () => Promise.resolve().then(() => require("./ar-BUUWXIYu.js")), "./translations/ca.json": () => Promise.resolve().then(() => require("./ca-Cmk45QO6.js")), "./translations/cs.json": () => Promise.resolve().then(() => require("./cs-CkJy6B2v.js")), "./translations/de.json": () => Promise.resolve().then(() => require("./de-CCEmbAah.js")), "./translations/en.json": () => Promise.resolve().then(() => require("./en-fbKQxLGn.js")), "./translations/es.json": () => Promise.resolve().then(() => require("./es-EUonQTon.js")), "./translations/eu.json": () => Promise.resolve().then(() => require("./eu-VDH-3ovk.js")), "./translations/fr.json": () => Promise.resolve().then(() => require("./fr-B7kGGg3E.js")), "./translations/gu.json": () => Promise.resolve().then(() => require("./gu-BRmF601H.js")), "./translations/hi.json": () => Promise.resolve().then(() => require("./hi-CCJBptSq.js")), "./translations/hu.json": () => Promise.resolve().then(() => require("./hu-sNV_yLYy.js")), "./translations/id.json": () => Promise.resolve().then(() => require("./id-B5Ser98A.js")), "./translations/it.json": () => Promise.resolve().then(() => require("./it-DkBIs7vD.js")), "./translations/ja.json": () => Promise.resolve().then(() => require("./ja-CcFe8diO.js")), "./translations/ko.json": () => Promise.resolve().then(() => require("./ko-woFZPmLk.js")), "./translations/ml.json": () => Promise.resolve().then(() => require("./ml-C2W8N8k1.js")), "./translations/ms.json": () => Promise.resolve().then(() => require("./ms-BuFotyP_.js")), "./translations/nl.json": () => Promise.resolve().then(() => require("./nl-bbEOHChV.js")), "./translations/pl.json": () => Promise.resolve().then(() => require("./pl-uzwG-hk7.js")), "./translations/pt-BR.json": () => Promise.resolve().then(() => require("./pt-BR-BiOz37D9.js")), "./translations/pt.json": () => Promise.resolve().then(() => require("./pt-CeXQuq50.js")), "./translations/ru.json": () => Promise.resolve().then(() => require("./ru-BT3ybNny.js")), "./translations/sa.json": () => Promise.resolve().then(() => require("./sa-CcvkYInH.js")), "./translations/sk.json": () => Promise.resolve().then(() => require("./sk-CvY09Xjv.js")), "./translations/sv.json": () => Promise.resolve().then(() => require("./sv-MYDuzgvT.js")), "./translations/th.json": () => Promise.resolve().then(() => require("./th-D9_GfAjc.js")), "./translations/tr.json": () => Promise.resolve().then(() => require("./tr-D9UH-O_R.js")), "./translations/uk.json": () => Promise.resolve().then(() => require("./uk-C8EiqJY7.js")), "./translations/vi.json": () => Promise.resolve().then(() => require("./vi-CJlYDheJ.js")), "./translations/zh-Hans.json": () => Promise.resolve().then(() => require("./zh-Hans-9kOncHGw.js")), "./translations/zh.json": () => Promise.resolve().then(() => require("./zh-CQQfszqR.js")) }), `./translations/${locale}.json`).then(({ default: data }) => {
+        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/ar.json": () => Promise.resolve().then(() => require("./ar-BUUWXIYu.js")), "./translations/ca.json": () => Promise.resolve().then(() => require("./ca-Cmk45QO6.js")), "./translations/cs.json": () => Promise.resolve().then(() => require("./cs-CkJy6B2v.js")), "./translations/de.json": () => Promise.resolve().then(() => require("./de-CCEmbAah.js")), "./translations/en.json": () => Promise.resolve().then(() => require("./en-uOUIxfcQ.js")), "./translations/es.json": () => Promise.resolve().then(() => require("./es-EUonQTon.js")), "./translations/eu.json": () => Promise.resolve().then(() => require("./eu-VDH-3ovk.js")), "./translations/fr.json": () => Promise.resolve().then(() => require("./fr-B7kGGg3E.js")), "./translations/gu.json": () => Promise.resolve().then(() => require("./gu-BRmF601H.js")), "./translations/hi.json": () => Promise.resolve().then(() => require("./hi-CCJBptSq.js")), "./translations/hu.json": () => Promise.resolve().then(() => require("./hu-sNV_yLYy.js")), "./translations/id.json": () => Promise.resolve().then(() => require("./id-B5Ser98A.js")), "./translations/it.json": () => Promise.resolve().then(() => require("./it-DkBIs7vD.js")), "./translations/ja.json": () => Promise.resolve().then(() => require("./ja-CcFe8diO.js")), "./translations/ko.json": () => Promise.resolve().then(() => require("./ko-woFZPmLk.js")), "./translations/ml.json": () => Promise.resolve().then(() => require("./ml-C2W8N8k1.js")), "./translations/ms.json": () => Promise.resolve().then(() => require("./ms-BuFotyP_.js")), "./translations/nl.json": () => Promise.resolve().then(() => require("./nl-bbEOHChV.js")), "./translations/pl.json": () => Promise.resolve().then(() => require("./pl-uzwG-hk7.js")), "./translations/pt-BR.json": () => Promise.resolve().then(() => require("./pt-BR-BiOz37D9.js")), "./translations/pt.json": () => Promise.resolve().then(() => require("./pt-CeXQuq50.js")), "./translations/ru.json": () => Promise.resolve().then(() => require("./ru-BT3ybNny.js")), "./translations/sa.json": () => Promise.resolve().then(() => require("./sa-CcvkYInH.js")), "./translations/sk.json": () => Promise.resolve().then(() => require("./sk-CvY09Xjv.js")), "./translations/sv.json": () => Promise.resolve().then(() => require("./sv-MYDuzgvT.js")), "./translations/th.json": () => Promise.resolve().then(() => require("./th-D9_GfAjc.js")), "./translations/tr.json": () => Promise.resolve().then(() => require("./tr-D9UH-O_R.js")), "./translations/uk.json": () => Promise.resolve().then(() => require("./uk-C8EiqJY7.js")), "./translations/vi.json": () => Promise.resolve().then(() => require("./vi-CJlYDheJ.js")), "./translations/zh-Hans.json": () => Promise.resolve().then(() => require("./zh-Hans-9kOncHGw.js")), "./translations/zh.json": () => Promise.resolve().then(() => require("./zh-CQQfszqR.js")) }), `./translations/${locale}.json`).then(({ default: data }) => {
           return {
             data: prefixPluginTranslations(data, PLUGIN_ID),
             locale
@@ -3939,7 +3897,6 @@ exports.getDisplayName = getDisplayName;
 exports.getMainField = getMainField;
 exports.getTranslation = getTranslation;
 exports.index = index;
-exports.routes = routes;
 exports.setInitialData = setInitialData;
 exports.useContentTypeSchema = useContentTypeSchema;
 exports.useDoc = useDoc;
@@ -3953,4 +3910,4 @@ exports.useGetAllDocumentsQuery = useGetAllDocumentsQuery;
 exports.useGetContentTypeConfigurationQuery = useGetContentTypeConfigurationQuery;
 exports.useGetInitialDataQuery = useGetInitialDataQuery;
 exports.useUpdateContentTypeConfigurationMutation = useUpdateContentTypeConfigurationMutation;
-//# sourceMappingURL=index-BZoNZMXL.js.map
+//# sourceMappingURL=index-CAlLHIrI.js.map