@strapi/content-manager 0.0.0-experimental.d954d57341a6623992a0d211daaec8e245c3517d → 0.0.0-experimental.da85533897155e719d784f0271223c866d2f69ab

package/dist/_chunks/{index-CWpLBSt0.js → index-D9UmmBcM.js}

@@ -2,15 +2,15 @@
 const Icons = require("@strapi/icons");
 const jsxRuntime = require("react/jsx-runtime");
 const strapiAdmin = require("@strapi/admin/strapi-admin");
-const qs = require("qs");
-const reactIntl = require("react-intl");
-const reactRouterDom = require("react-router-dom");
 const React = require("react");
 const designSystem = require("@strapi/design-system");
+const reactIntl = require("react-intl");
+const reactRouterDom = require("react-router-dom");
 const styledComponents = require("styled-components");
 const yup = require("yup");
 const pipe = require("lodash/fp/pipe");
 const dateFns = require("date-fns");
+const qs = require("qs");
 const toolkit = require("@reduxjs/toolkit");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 function _interopNamespace(e) {
@@ -70,42 +70,6 @@ const useInjectionZone = (area) => {
   const [page, position] = area.split(".");
   return contentManagerPlugin.getInjectedComponents(page, position);
 };
-const HistoryAction = ({ model, document }) => {
-  const { formatMessage } = reactIntl.useIntl();
-  const [{ query }] = strapiAdmin.useQueryParams();
-  const navigate = reactRouterDom.useNavigate();
-  const pluginsQueryParams = qs.stringify({ plugins: query.plugins }, { encode: false });
-  if (!window.strapi.features.isEnabled("cms-content-history")) {
-    return null;
-  }
-  return {
-    icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.ClockCounterClockwise, {}),
-    label: formatMessage({
-      id: "content-manager.history.document-action",
-      defaultMessage: "Content History"
-    }),
-    onClick: () => navigate({ pathname: "history", search: pluginsQueryParams }),
-    disabled: (
-      /**
-       * The user is creating a new document.
-       * It hasn't been saved yet, so there's no history to go to
-       */
-      !document || /**
-      * The document has been created but the current dimension has never been saved.
-      * For example, the user is creating a new locale in an existing document,
-      * so there's no history for the document in that locale
-      */
-      !document.id || /**
-      * History is only available for content types created by the user.
-      * These have the `api::` prefix, as opposed to the ones created by Strapi or plugins,
-      * which start with `admin::` or `plugin::`
-      */
-      !model.startsWith("api::")
-    ),
-    position: "header"
-  };
-};
-HistoryAction.type = "history";
 const ID = "id";
 const CREATED_BY_ATTRIBUTE_NAME = "createdBy";
 const UPDATED_BY_ATTRIBUTE_NAME = "updatedBy";
@@ -215,10 +179,12 @@ const contentManagerApi = strapiAdmin.adminApi.enhanceEndpoints({
     "Document",
     "InitialData",
     "HistoryVersion",
-    "Relations"
+    "Relations",
+    "UidAvailability"
   ]
 });
 const documentApi = contentManagerApi.injectEndpoints({
+  overrideExisting: true,
   endpoints: (builder) => ({
     autoCloneDocument: builder.mutation({
       query: ({ model, sourceId, query }) => ({
@@ -228,7 +194,12 @@ const documentApi = contentManagerApi.injectEndpoints({
           params: query
         }
       }),
-      invalidatesTags: (_result, _error, { model }) => [{ type: "Document", id: `${model}_LIST` }]
+      invalidatesTags: (_result, error, { model }) => {
+        if (error) {
+          return [];
+        }
+        return [{ type: "Document", id: `${model}_LIST` }];
+      }
     }),
     cloneDocument: builder.mutation({
       query: ({ model, sourceId, data, params }) => ({
@@ -239,7 +210,10 @@ const documentApi = contentManagerApi.injectEndpoints({
           params
         }
       }),
-      invalidatesTags: (_result, _error, { model }) => [{ type: "Document", id: `${model}_LIST` }]
+      invalidatesTags: (_result, _error, { model }) => [
+        { type: "Document", id: `${model}_LIST` },
+        { type: "UidAvailability", id: model }
+      ]
     }),
     /**
      * Creates a new collection-type document. This should ONLY be used for collection-types.
@@ -256,7 +230,8 @@ const documentApi = contentManagerApi.injectEndpoints({
       }),
       invalidatesTags: (result, _error, { model }) => [
         { type: "Document", id: `${model}_LIST` },
-        "Relations"
+        "Relations",
+        { type: "UidAvailability", id: model }
       ]
     }),
     deleteDocument: builder.mutation({
@@ -297,7 +272,8 @@ const documentApi = contentManagerApi.injectEndpoints({
             id: collectionType !== SINGLE_TYPES ? `${model}_${documentId}` : model
           },
           { type: "Document", id: `${model}_LIST` },
-          "Relations"
+          "Relations",
+          { type: "UidAvailability", id: model }
         ];
       }
     }),
@@ -315,6 +291,7 @@ const documentApi = contentManagerApi.injectEndpoints({
       }),
       providesTags: (result, _error, arg) => {
         return [
+          { type: "Document", id: `ALL_LIST` },
           { type: "Document", id: `${arg.model}_LIST` },
           ...result?.results.map(({ documentId }) => ({
             type: "Document",
@@ -353,6 +330,11 @@ const documentApi = contentManagerApi.injectEndpoints({
           {
             type: "Document",
             id: collectionType !== SINGLE_TYPES ? `${model}_${result && "documentId" in result ? result.documentId : documentId}` : model
+          },
+          // Make it easy to invalidate all individual documents queries for a model
+          {
+            type: "Document",
+            id: `${model}_ALL_ITEMS`
           }
         ];
       }
@@ -416,8 +398,21 @@ const documentApi = contentManagerApi.injectEndpoints({
             type: "Document",
             id: collectionType !== SINGLE_TYPES ? `${model}_${documentId}` : model
           },
-          "Relations"
+          "Relations",
+          { type: "UidAvailability", id: model }
         ];
+      },
+      async onQueryStarted({ data, ...patch }, { dispatch, queryFulfilled }) {
+        const patchResult = dispatch(
+          documentApi.util.updateQueryData("getDocument", patch, (draft) => {
+            Object.assign(draft.data, data);
+          })
+        );
+        try {
+          await queryFulfilled;
+        } catch {
+          patchResult.undo();
+        }
       }
     }),
     unpublishDocument: builder.mutation({
@@ -487,7 +482,7 @@ const buildValidParams = (query) => {
 const isBaseQueryError = (error) => {
   return error.name !== void 0;
 };
-const createYupSchema = (attributes = {}, components = {}) => {
+const createYupSchema = (attributes = {}, components = {}, options = { status: null }) => {
   const createModelSchema = (attributes2) => yup__namespace.object().shape(
     Object.entries(attributes2).reduce((acc, [name, attribute]) => {
       if (DOCUMENT_META_FIELDS.includes(name)) {
@@ -500,7 +495,7 @@ const createYupSchema = (attributes = {}, components = {}) => {
         addMinValidation,
         addMaxValidation,
         addRegexValidation
-      ].map((fn) => fn(attribute));
+      ].map((fn) => fn(attribute, options));
       const transformSchema = pipe__default.default(...validations);
       switch (attribute.type) {
         case "component": {
@@ -601,6 +596,14 @@ const createAttributeSchema = (attribute) => {
         if (!value || typeof value === "string" && value.length === 0) {
           return true;
         }
+        if (typeof value === "object") {
+          try {
+            JSON.stringify(value);
+            return true;
+          } catch (err) {
+            return false;
+          }
+        }
         try {
           JSON.parse(value);
           return true;
@@ -619,13 +622,7 @@ const createAttributeSchema = (attribute) => {
       return yup__namespace.mixed();
   }
 };
-const addRequiredValidation = (attribute) => (schema) => {
-  if (attribute.required) {
-    return schema.required({
-      id: strapiAdmin.translatedErrors.required.id,
-      defaultMessage: "This field is required."
-    });
-  }
+const nullableSchema = (schema) => {
   return schema?.nullable ? schema.nullable() : (
     // In some cases '.nullable' will not be available on the schema.
     // e.g. when the schema has been built using yup.lazy (e.g. for relations).
@@ -633,7 +630,22 @@ const addRequiredValidation = (attribute) => (schema) => {
     schema
   );
 };
-const addMinLengthValidation = (attribute) => (schema) => {
+const addRequiredValidation = (attribute, options) => (schema) => {
+  if (options.status === "draft") {
+    return nullableSchema(schema);
+  }
+  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 nullableSchema(schema);
+};
+const addMinLengthValidation = (attribute, options) => (schema) => {
+  if (options.status === "draft") {
+    return schema;
+  }
   if ("minLength" in attribute && attribute.minLength && Number.isInteger(attribute.minLength) && "min" in schema) {
     return schema.min(attribute.minLength, {
       ...strapiAdmin.translatedErrors.minLength,
@@ -655,9 +667,31 @@ const addMaxLengthValidation = (attribute) => (schema) => {
   }
   return schema;
 };
-const addMinValidation = (attribute) => (schema) => {
+const addMinValidation = (attribute, options) => (schema) => {
   if ("min" in attribute) {
     const min = toInteger(attribute.min);
+    if (attribute.type === "component" && attribute.repeatable || attribute.type === "dynamiczone") {
+      if (options.status !== "draft" && !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 +818,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) {
@@ -870,6 +907,7 @@ const useDocumentActions = () => {
   const { formatMessage } = reactIntl.useIntl();
   const { trackUsage } = strapiAdmin.useTracking();
   const { _unstableFormatAPIError: formatAPIError } = strapiAdmin.useAPIErrorHandler();
+  const navigate = reactRouterDom.useNavigate();
   const [deleteDocument] = useDeleteDocumentMutation();
   const _delete = React__namespace.useCallback(
     async ({ collectionType, model, documentId, params }, trackerProperty) => {
@@ -1205,7 +1243,6 @@ const useDocumentActions = () => {
           sourceId
         });
         if ("error" in res) {
-          toggleNotification({ type: "danger", message: formatAPIError(res.error) });
           return { error: res.error };
         }
         toggleNotification({
@@ -1224,7 +1261,7 @@ const useDocumentActions = () => {
         throw err;
       }
     },
-    [autoCloneDocument, formatAPIError, formatMessage, toggleNotification]
+    [autoCloneDocument, formatMessage, toggleNotification]
   );
   const [cloneDocument] = useCloneDocumentMutation();
   const clone = React__namespace.useCallback(
@@ -1250,6 +1287,7 @@ const useDocumentActions = () => {
             defaultMessage: "Cloned document"
           })
         });
+        navigate(`../../${res.data.data.documentId}`, { relative: "path" });
         return res.data;
       } catch (err) {
         toggleNotification({
@@ -1260,7 +1298,7 @@ const useDocumentActions = () => {
         throw err;
       }
     },
-    [cloneDocument, trackUsage, toggleNotification, formatMessage, formatAPIError]
+    [cloneDocument, trackUsage, toggleNotification, formatMessage, formatAPIError, navigate]
   );
   const [getDoc] = useLazyGetDocumentQuery();
   const getDocument = React__namespace.useCallback(
@@ -1286,7 +1324,7 @@ const useDocumentActions = () => {
   };
 };
 const ProtectedHistoryPage = React.lazy(
-  () => Promise.resolve().then(() => require("./History-BWWxLt2Z.js")).then((mod) => ({ default: mod.ProtectedHistoryPage }))
+  () => Promise.resolve().then(() => require("./History-BT4w83Oa.js")).then((mod) => ({ default: mod.ProtectedHistoryPage }))
 );
 const routes$1 = [
   {
@@ -1299,31 +1337,31 @@ const routes$1 = [
   }
 ];
 const ProtectedEditViewPage = React.lazy(
-  () => Promise.resolve().then(() => require("./EditViewPage-DbcGfyqK.js")).then((mod) => ({ default: mod.ProtectedEditViewPage }))
+  () => Promise.resolve().then(() => require("./EditViewPage-Dk7Eaft4.js")).then((mod) => ({ default: mod.ProtectedEditViewPage }))
 );
 const ProtectedListViewPage = React.lazy(
-  () => Promise.resolve().then(() => require("./ListViewPage-BlzfjS2Q.js")).then((mod) => ({ default: mod.ProtectedListViewPage }))
+  () => Promise.resolve().then(() => require("./ListViewPage-BvpwNur7.js")).then((mod) => ({ default: mod.ProtectedListViewPage }))
 );
 const ProtectedListConfiguration = React.lazy(
-  () => Promise.resolve().then(() => require("./ListConfigurationPage-6swzjdAZ.js")).then((mod) => ({
+  () => Promise.resolve().then(() => require("./ListConfigurationPage-CuYrMcW3.js")).then((mod) => ({
     default: mod.ProtectedListConfiguration
   }))
 );
 const ProtectedEditConfigurationPage = React.lazy(
-  () => Promise.resolve().then(() => require("./EditConfigurationPage-C1vjMBgy.js")).then((mod) => ({
+  () => Promise.resolve().then(() => require("./EditConfigurationPage-DValmA0m.js")).then((mod) => ({
     default: mod.ProtectedEditConfigurationPage
   }))
 );
 const ProtectedComponentConfigurationPage = React.lazy(
-  () => Promise.resolve().then(() => require("./ComponentConfigurationPage-WRPUXGd6.js")).then((mod) => ({
+  () => Promise.resolve().then(() => require("./ComponentConfigurationPage-DyDkPajU.js")).then((mod) => ({
     default: mod.ProtectedComponentConfigurationPage
   }))
 );
 const NoPermissions = React.lazy(
-  () => Promise.resolve().then(() => require("./NoPermissionsPage-DN_JlsU2.js")).then((mod) => ({ default: mod.NoPermissions }))
+  () => Promise.resolve().then(() => require("./NoPermissionsPage-C_vGRo8Q.js")).then((mod) => ({ default: mod.NoPermissions }))
 );
 const NoContentType = React.lazy(
-  () => Promise.resolve().then(() => require("./NoContentTypePage-D2nCCWEl.js")).then((mod) => ({ default: mod.NoContentType }))
+  () => Promise.resolve().then(() => require("./NoContentTypePage-UqEiWKkM.js")).then((mod) => ({ default: mod.NoContentType }))
 );
 const CollectionTypePages = () => {
   const { collectionType } = reactRouterDom.useParams();
@@ -1437,12 +1475,14 @@ const DocumentActionButton = (action) => {
     /* @__PURE__ */ jsxRuntime.jsx(
       designSystem.Button,
       {
-        flex: 1,
+        flex: "auto",
         startIcon: action.icon,
         disabled: action.disabled,
         onClick: handleClick(action),
         justifyContent: "center",
         variant: action.variant || "default",
+        paddingTop: "7px",
+        paddingBottom: "7px",
         children: action.label
       }
     ),
@@ -1450,7 +1490,7 @@ const DocumentActionButton = (action) => {
       DocumentActionConfirmDialog,
       {
         ...action.dialog,
-        variant: action.variant,
+        variant: action.dialog?.variant ?? action.variant,
         isOpen: dialogId === action.id,
         onClose: handleClose
       }
@@ -1507,9 +1547,9 @@ const DocumentActionsMenu = ({
         disabled: isDisabled,
         size: "S",
         endIcon: null,
-        paddingTop: "7px",
-        paddingLeft: "9px",
-        paddingRight: "9px",
+        paddingTop: "4px",
+        paddingLeft: "7px",
+        paddingRight: "7px",
         variant,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(Icons.More, { "aria-hidden": true, focusable: false }),
@@ -1529,10 +1569,25 @@ const DocumentActionsMenu = ({
             onSelect: handleClick(action),
             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,
-                action.label
-              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                designSystem.Flex,
+                {
+                  color: !action.disabled ? convertActionVariantToColor(action.variant) : "inherit",
+                  gap: 2,
+                  tag: "span",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      designSystem.Flex,
+                      {
+                        tag: "span",
+                        color: !action.disabled ? convertActionVariantToIconColor(action.variant) : "inherit",
+                        children: action.icon
+                      }
+                    ),
+                    action.label
+                  ]
+                }
+              ),
               action.id.startsWith("HistoryAction") && /* @__PURE__ */ jsxRuntime.jsx(
                 designSystem.Flex,
                 {
@@ -1591,6 +1646,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,
@@ -1660,13 +1727,17 @@ const PublishAction$1 = ({
   const navigate = reactRouterDom.useNavigate();
   const { toggleNotification } = strapiAdmin.useNotification();
   const { _unstableFormatValidationErrors: formatValidationErrors } = strapiAdmin.useAPIErrorHandler();
+  const isListView = reactRouterDom.useMatch(LIST_PATH) !== null;
   const isCloning = reactRouterDom.useMatch(CLONE_PATH) !== null;
   const { formatMessage } = reactIntl.useIntl();
-  const { canPublish, canCreate, canUpdate } = useDocumentRBAC(
-    "PublishAction",
-    ({ canPublish: canPublish2, canCreate: canCreate2, canUpdate: canUpdate2 }) => ({ canPublish: canPublish2, canCreate: canCreate2, canUpdate: canUpdate2 })
-  );
+  const canPublish = useDocumentRBAC("PublishAction", ({ canPublish: canPublish2 }) => canPublish2);
   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);
@@ -1675,10 +1746,102 @@ 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 && !isListView) {
+      const fetchDraftRelationsCount = async () => {
+        const { data, error } = await countDraftRelations({
+          collectionType,
+          model,
+          documentId,
+          params
+        });
+        if (error) {
+          throw error;
+        }
+        if (data) {
+          setServerCountOfDraftRelations(data.data);
+        }
+      };
+      fetchDraftRelationsCount();
+    }
+  }, [isListView, 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 enableDraftRelationsCount = false;
+  const hasDraftRelations = enableDraftRelationsCount;
   return {
     /**
      * Disabled when:
@@ -1688,49 +1851,36 @@ const PublishAction$1 = ({
      *  - the document is already published & not modified
      *  - the document is being created & not modified
      *  - the user doesn't have the permission to publish
-     *  - 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,
     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));
+      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";
@@ -1746,10 +1896,6 @@ const UpdateAction = ({
   const cloneMatch = reactRouterDom.useMatch(CLONE_PATH);
   const isCloning = cloneMatch !== null;
   const { formatMessage } = reactIntl.useIntl();
-  const { canCreate, canUpdate } = useDocumentRBAC("UpdateAction", ({ canCreate: canCreate2, canUpdate: canUpdate2 }) => ({
-    canCreate: canCreate2,
-    canUpdate: canUpdate2
-  }));
   const { create, update, clone } = useDocumentActions();
   const [{ query, rawQuery }] = strapiAdmin.useQueryParams();
   const params = React__namespace.useMemo(() => buildValidParams(query), [query]);
@@ -1766,10 +1912,8 @@ const UpdateAction = ({
      * - the form is submitting
      * - the document is not modified & we're not cloning (you can save a clone entity straight away)
      * - the active tab is the published tab
-     * - the user doesn't have the permission to create a new document
-     * - the user doesn't have the permission to update the document
      */
-    disabled: isSubmitting || !modified && !isCloning || activeTab === "published" || Boolean(!documentId && !canCreate || documentId && !canUpdate),
+    disabled: isSubmitting || !modified && !isCloning || activeTab === "published",
     label: formatMessage({
       id: "content-manager.containers.Edit.save",
       defaultMessage: "Save"
@@ -1777,16 +1921,18 @@ const UpdateAction = ({
     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;
+        if (activeTab !== "draft") {
+          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;
+          }
         }
         if (isCloning) {
           const res = await clone(
@@ -1798,10 +1944,13 @@ const UpdateAction = ({
             document
           );
           if ("data" in res) {
-            navigate({
-              pathname: `../${collectionType}/${model}/${res.data.documentId}`,
-              search: rawQuery
-            });
+            navigate(
+              {
+                pathname: `../${res.data.documentId}`,
+                search: rawQuery
+              },
+              { relative: "path" }
+            );
           } else if ("error" in res && isBaseQueryError(res.error) && res.error.name === "ValidationError") {
             setErrors(formatValidationErrors(res.error));
           }
@@ -1829,10 +1978,13 @@ const UpdateAction = ({
             document
           );
           if ("data" in res && collectionType !== SINGLE_TYPES) {
-            navigate({
-              pathname: `../${collectionType}/${model}/${res.data.documentId}`,
-              search: rawQuery
-            });
+            navigate(
+              {
+                pathname: `../${res.data.documentId}`,
+                search: rawQuery
+              },
+              { replace: true, relative: "path" }
+            );
           } else if ("error" in res && isBaseQueryError(res.error) && res.error.name === "ValidationError") {
             setErrors(formatValidationErrors(res.error));
           }
@@ -2078,23 +2230,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 = () => {
@@ -2785,7 +2927,7 @@ const ConfirmBulkActionDialog = ({
   endAction
 }) => {
   const { formatMessage } = reactIntl.useIntl();
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Root, { onOpenChange: onToggleDialog, open: isOpen, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Content, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Root, { 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"
@@ -2816,6 +2958,7 @@ const ConfirmDialogPublishAll = ({
   const { _unstableFormatAPIError: formatAPIError } = strapiAdmin.useAPIErrorHandler(getTranslation);
   const { model, schema } = useDoc();
   const [{ query }] = strapiAdmin.useQueryParams();
+  const enableDraftRelationsCount = false;
   const {
     data: countDraftRelations = 0,
     isLoading,
@@ -2827,7 +2970,7 @@ const ConfirmDialogPublishAll = ({
       locale: query?.plugins?.i18n?.locale
     },
     {
-      skip: selectedEntries.length === 0
+      skip: !enableDraftRelationsCount
     }
   );
   React__namespace.useEffect(() => {
@@ -2906,7 +3049,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(
@@ -3005,7 +3155,7 @@ const SelectedEntriesTableContent = ({
           status: row.status
         }
       ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { children: /* @__PURE__ */ jsxRuntime.jsx(
         designSystem.IconButton,
         {
           tag: reactRouterDom.Link,
@@ -3028,9 +3178,10 @@ const SelectedEntriesTableContent = ({
           ),
           target: "_blank",
           marginLeft: "auto",
-          children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Pencil, {})
+          variant: "ghost",
+          children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Pencil, { width: "1.6rem", height: "1.6rem" })
         }
-      ) })
+      ) }) })
     ] }, row.id)) })
   ] });
 };
@@ -3067,7 +3218,13 @@ const SelectedEntriesModalContent = ({
   );
   const { rows, validationErrors } = React__namespace.useMemo(() => {
     if (data.length > 0 && schema) {
-      const validate = createYupSchema(schema.attributes, components);
+      const validate = createYupSchema(
+        schema.attributes,
+        components,
+        // Since this is the "Publish" action, the validation
+        // schema must enforce the rules for published entities
+        { status: "published" }
+      );
       const validationErrors2 = {};
       const rows2 = data.map((entry) => {
         try {
@@ -3417,7 +3574,7 @@ const TableActions = ({ document }) => {
     strapiAdmin.DescriptionComponentRenderer,
     {
       props,
-      descriptions: plugins["content-manager"].apis.getDocumentActions(),
+      descriptions: plugins["content-manager"].apis.getDocumentActions().filter((action) => action.name !== "PublishAction"),
       children: (actions2) => {
         const tableRowActions = actions2.filter((action) => {
           const positions = Array.isArray(action.position) ? action.position : [action.position];
@@ -3528,7 +3685,7 @@ const CloneAction = ({ model, documentId }) => {
       }),
       content: /* @__PURE__ */ jsxRuntime.jsx(AutoCloneFailureModalBody, { prohibitedFields }),
       footer: ({ onClose }) => {
-        return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", children: [
+        return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Modal.Footer, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: onClose, variant: "tertiary", children: formatMessage({
             id: "cancel",
             defaultMessage: "Cancel"
@@ -3569,8 +3726,7 @@ class ContentManagerPlugin {
   documentActions = [
     ...DEFAULT_ACTIONS,
     ...DEFAULT_TABLE_ROW_ACTIONS,
-    ...DEFAULT_HEADER_ACTIONS,
-    HistoryAction
+    ...DEFAULT_HEADER_ACTIONS
   ];
   editViewSidePanels = [ActionsPanel];
   headerActions = [];
@@ -3659,6 +3815,52 @@ const getPrintableType = (value) => {
   }
   return nativeType;
 };
+const HistoryAction = ({ model, document }) => {
+  const { formatMessage } = reactIntl.useIntl();
+  const [{ query }] = strapiAdmin.useQueryParams();
+  const navigate = reactRouterDom.useNavigate();
+  const pluginsQueryParams = qs.stringify({ plugins: query.plugins }, { encode: false });
+  if (!window.strapi.features.isEnabled("cms-content-history")) {
+    return null;
+  }
+  return {
+    icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.ClockCounterClockwise, {}),
+    label: formatMessage({
+      id: "content-manager.history.document-action",
+      defaultMessage: "Content History"
+    }),
+    onClick: () => navigate({ pathname: "history", search: pluginsQueryParams }),
+    disabled: (
+      /**
+       * The user is creating a new document.
+       * It hasn't been saved yet, so there's no history to go to
+       */
+      !document || /**
+      * The document has been created but the current dimension has never been saved.
+      * For example, the user is creating a new locale in an existing document,
+      * so there's no history for the document in that locale
+      */
+      !document.id || /**
+      * History is only available for content types created by the user.
+      * These have the `api::` prefix, as opposed to the ones created by Strapi or plugins,
+      * which start with `admin::` or `plugin::`
+      */
+      !model.startsWith("api::")
+    ),
+    position: "header"
+  };
+};
+HistoryAction.type = "history";
+const historyAdmin = {
+  bootstrap(app) {
+    const { addDocumentAction } = app.getPlugin("content-manager").apis;
+    addDocumentAction((actions2) => {
+      const indexOfDeleteAction = actions2.findIndex((action) => action.type === "delete");
+      actions2.splice(indexOfDeleteAction, 0, HistoryAction);
+      return actions2;
+    });
+  }
+};
 const initialState = {
   collectionTypeLinks: [],
   components: [],
@@ -3709,15 +3911,29 @@ const index = {
         defaultMessage: "Content Manager"
       },
       permissions: [],
-      Component: () => Promise.resolve().then(() => require("./layout--iHdZzRk.js")).then((mod) => ({ default: mod.Layout })),
       position: 1
     });
+    app.router.addRoute({
+      path: "content-manager/*",
+      lazy: async () => {
+        const { Layout } = await Promise.resolve().then(() => require("./layout-kfu5Wtix.js"));
+        return {
+          Component: Layout
+        };
+      },
+      children: routes
+    });
     app.registerPlugin(cm.config);
   },
+  bootstrap(app) {
+    if (typeof historyAdmin.bootstrap === "function") {
+      historyAdmin.bootstrap(app);
+    }
+  },
   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-otD_UBJi.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
@@ -3735,6 +3951,7 @@ const index = {
 };
 exports.ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD = ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD;
 exports.BulkActionsRenderer = BulkActionsRenderer;
+exports.CLONE_PATH = CLONE_PATH;
 exports.COLLECTION_TYPES = COLLECTION_TYPES;
 exports.CREATOR_FIELDS = CREATOR_FIELDS;
 exports.DEFAULT_SETTINGS = DEFAULT_SETTINGS;
@@ -3761,7 +3978,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;
@@ -3775,4 +3991,4 @@ exports.useGetAllDocumentsQuery = useGetAllDocumentsQuery;
 exports.useGetContentTypeConfigurationQuery = useGetContentTypeConfigurationQuery;
 exports.useGetInitialDataQuery = useGetInitialDataQuery;
 exports.useUpdateContentTypeConfigurationMutation = useUpdateContentTypeConfigurationMutation;
-//# sourceMappingURL=index-CWpLBSt0.js.map
+//# sourceMappingURL=index-D9UmmBcM.js.map