@strapi/content-manager 0.0.0-experimental.cfda358b7f27015e34e739b8742a2962ae2e7aee → 0.0.0-experimental.d042f6a350fa3a48d61e7c56875e2a0a7ba3c8f5

package/dist/_chunks/{index-BUWEmX8m.js → index-DQsvBb_N.js}

@@ -9,8 +9,9 @@ const reactIntl = require("react-intl");
 const reactRouterDom = require("react-router-dom");
 const styledComponents = require("styled-components");
 const yup = require("yup");
-const qs = require("qs");
+const fractionalIndexing = require("fractional-indexing");
 const pipe = require("lodash/fp/pipe");
+const qs = require("qs");
 const dateFns = require("date-fns");
 const toolkit = require("@reduxjs/toolkit");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -187,6 +188,113 @@ const extractAndDedupeFields = (permissions = []) => permissions.flatMap((permis
   (field, index2, arr) => arr.indexOf(field) === index2 && typeof field === "string"
 );
 const removeNumericalStrings = (arr) => arr.filter((item) => isNaN(Number(item)));
+const BLOCK_LIST_ATTRIBUTE_KEYS = ["__component", "__temp_key__"];
+const traverseData = (predicate, transform) => (schema, components = {}) => (data = {}) => {
+  const traverse = (datum, attributes) => {
+    return Object.entries(datum).reduce((acc, [key, value]) => {
+      const attribute = attributes[key];
+      if (BLOCK_LIST_ATTRIBUTE_KEYS.includes(key) || value === null || value === void 0) {
+        acc[key] = value;
+        return acc;
+      }
+      if (attribute.type === "component") {
+        if (attribute.repeatable) {
+          const componentValue = predicate(attribute, value) ? transform(value, attribute) : value;
+          acc[key] = componentValue.map(
+            (componentData) => traverse(componentData, components[attribute.component]?.attributes ?? {})
+          );
+        } else {
+          const componentValue = predicate(attribute, value) ? transform(value, attribute) : value;
+          acc[key] = traverse(componentValue, components[attribute.component]?.attributes ?? {});
+        }
+      } else if (attribute.type === "dynamiczone") {
+        const dynamicZoneValue = predicate(attribute, value) ? transform(value, attribute) : value;
+        acc[key] = dynamicZoneValue.map(
+          (componentData) => traverse(componentData, components[componentData.__component]?.attributes ?? {})
+        );
+      } else if (predicate(attribute, value)) {
+        acc[key] = transform(value, attribute);
+      } else {
+        acc[key] = value;
+      }
+      return acc;
+    }, {});
+  };
+  return traverse(data, schema.attributes);
+};
+const removeProhibitedFields = (prohibitedFields) => traverseData(
+  (attribute) => prohibitedFields.includes(attribute.type),
+  () => ""
+);
+const prepareRelations = traverseData(
+  (attribute) => attribute.type === "relation",
+  () => ({
+    connect: [],
+    disconnect: []
+  })
+);
+const prepareTempKeys = traverseData(
+  (attribute) => attribute.type === "component" && attribute.repeatable || attribute.type === "dynamiczone",
+  (data) => {
+    if (Array.isArray(data) && data.length > 0) {
+      const keys = fractionalIndexing.generateNKeysBetween(void 0, void 0, data.length);
+      return data.map((datum, index2) => ({
+        ...datum,
+        __temp_key__: keys[index2]
+      }));
+    }
+    return data;
+  }
+);
+const removeFieldsThatDontExistOnSchema = (schema) => (data) => {
+  const schemaKeys = Object.keys(schema.attributes);
+  const dataKeys = Object.keys(data);
+  const keysToRemove = dataKeys.filter((key) => !schemaKeys.includes(key));
+  const revisedData = [...keysToRemove, ...DOCUMENT_META_FIELDS].reduce((acc, key) => {
+    delete acc[key];
+    return acc;
+  }, structuredClone(data));
+  return revisedData;
+};
+const removeNullValues = (data) => {
+  return Object.entries(data).reduce((acc, [key, value]) => {
+    if (value === null) {
+      return acc;
+    }
+    acc[key] = value;
+    return acc;
+  }, {});
+};
+const transformDocument = (schema, components = {}) => (document) => {
+  const transformations = pipe__default.default(
+    removeFieldsThatDontExistOnSchema(schema),
+    removeProhibitedFields(["password"])(schema, components),
+    removeNullValues,
+    prepareRelations(schema, components),
+    prepareTempKeys(schema, components)
+  );
+  return transformations(document);
+};
+const createDefaultForm = (contentType, components = {}) => {
+  const traverseSchema = (attributes) => {
+    return Object.entries(attributes).reduce((acc, [key, attribute]) => {
+      if ("default" in attribute) {
+        acc[key] = attribute.default;
+      } else if (attribute.type === "component" && attribute.required) {
+        const defaultComponentForm = traverseSchema(components[attribute.component].attributes);
+        if (attribute.repeatable) {
+          acc[key] = attribute.min ? [...Array(attribute.min).fill(defaultComponentForm)] : [];
+        } else {
+          acc[key] = defaultComponentForm;
+        }
+      } else if (attribute.type === "dynamiczone" && attribute.required) {
+        acc[key] = [];
+      }
+      return acc;
+    }, {});
+  };
+  return traverseSchema(contentType.attributes);
+};
 const contentManagerApi = strapiAdmin.adminApi.enhanceEndpoints({
   addTagTypes: [
     "ComponentConfiguration",
@@ -196,7 +304,8 @@ const contentManagerApi = strapiAdmin.adminApi.enhanceEndpoints({
     "InitialData",
     "HistoryVersion",
     "Relations",
-    "UidAvailability"
+    "UidAvailability",
+    "RecentDocumentList"
   ]
 });
 const documentApi = contentManagerApi.injectEndpoints({
@@ -214,7 +323,7 @@ const documentApi = contentManagerApi.injectEndpoints({
         if (error) {
           return [];
         }
-        return [{ type: "Document", id: `${model}_LIST` }];
+        return [{ type: "Document", id: `${model}_LIST` }, "RecentDocumentList"];
       }
     }),
     cloneDocument: builder.mutation({
@@ -228,7 +337,8 @@ const documentApi = contentManagerApi.injectEndpoints({
       }),
       invalidatesTags: (_result, _error, { model }) => [
         { type: "Document", id: `${model}_LIST` },
-        { type: "UidAvailability", id: model }
+        { type: "UidAvailability", id: model },
+        "RecentDocumentList"
       ]
     }),
     /**
@@ -247,8 +357,21 @@ const documentApi = contentManagerApi.injectEndpoints({
       invalidatesTags: (result, _error, { model }) => [
         { type: "Document", id: `${model}_LIST` },
         "Relations",
-        { type: "UidAvailability", id: model }
-      ]
+        { type: "UidAvailability", id: model },
+        "RecentDocumentList"
+      ],
+      transformResponse: (response, meta, arg) => {
+        if (!("data" in response) && arg.model === "plugin::users-permissions.user") {
+          return {
+            data: response,
+            meta: {
+              availableStatus: [],
+              availableLocales: []
+            }
+          };
+        }
+        return response;
+      }
     }),
     deleteDocument: builder.mutation({
       query: ({ collectionType, model, documentId, params }) => ({
@@ -259,7 +382,8 @@ const documentApi = contentManagerApi.injectEndpoints({
         }
       }),
       invalidatesTags: (_result, _error, { collectionType, model }) => [
-        { type: "Document", id: collectionType !== SINGLE_TYPES ? `${model}_LIST` : model }
+        { type: "Document", id: collectionType !== SINGLE_TYPES ? `${model}_LIST` : model },
+        "RecentDocumentList"
       ]
     }),
     deleteManyDocuments: builder.mutation({
@@ -271,7 +395,10 @@ const documentApi = contentManagerApi.injectEndpoints({
           params
         }
       }),
-      invalidatesTags: (_res, _error, { model }) => [{ type: "Document", id: `${model}_LIST` }]
+      invalidatesTags: (_res, _error, { model }) => [
+        { type: "Document", id: `${model}_LIST` },
+        "RecentDocumentList"
+      ]
     }),
     discardDocument: builder.mutation({
       query: ({ collectionType, model, documentId, params }) => ({
@@ -289,7 +416,8 @@ const documentApi = contentManagerApi.injectEndpoints({
           },
           { type: "Document", id: `${model}_LIST` },
           "Relations",
-          { type: "UidAvailability", id: model }
+          { type: "UidAvailability", id: model },
+          "RecentDocumentList"
         ];
       }
     }),
@@ -384,7 +512,8 @@ const documentApi = contentManagerApi.injectEndpoints({
             id: collectionType !== SINGLE_TYPES ? `${model}_${documentId}` : model
           },
           { type: "Document", id: `${model}_LIST` },
-          "Relations"
+          "Relations",
+          "RecentDocumentList"
         ];
       }
     }),
@@ -415,7 +544,9 @@ const documentApi = contentManagerApi.injectEndpoints({
             id: collectionType !== SINGLE_TYPES ? `${model}_${documentId}` : model
           },
           "Relations",
-          { type: "UidAvailability", id: model }
+          { type: "UidAvailability", id: model },
+          "RecentDocumentList",
+          "RecentDocumentList"
         ];
       },
       async onQueryStarted({ data, ...patch }, { dispatch, queryFulfilled }) {
@@ -445,7 +576,8 @@ const documentApi = contentManagerApi.injectEndpoints({
           {
             type: "Document",
             id: collectionType !== SINGLE_TYPES ? `${model}_${documentId}` : model
-          }
+          },
+          "RecentDocumentList"
         ];
       }
     }),
@@ -458,7 +590,10 @@ const documentApi = contentManagerApi.injectEndpoints({
           params
         }
       }),
-      invalidatesTags: (_res, _error, { model, documentIds }) => documentIds.map((id) => ({ type: "Document", id: `${model}_${id}` }))
+      invalidatesTags: (_res, _error, { model, documentIds }) => [
+        ...documentIds.map((id) => ({ type: "Document", id: `${model}_${id}` })),
+        "RecentDocumentList"
+      ]
     })
   })
 });
@@ -1129,6 +1264,7 @@ const convertListLayoutToFieldLayouts = (columns, attributes = {}, metadatas, co
 const useDocument = (args, opts) => {
   const { toggleNotification } = strapiAdmin.useNotification();
   const { _unstableFormatAPIError: formatAPIError } = strapiAdmin.useAPIErrorHandler();
+  const { formatMessage } = reactIntl.useIntl();
   const {
     currentData: data,
     isLoading: isLoadingDocument,
@@ -1138,12 +1274,27 @@ const useDocument = (args, opts) => {
     ...opts,
     skip: !args.documentId && args.collectionType !== SINGLE_TYPES || opts?.skip
   });
+  const document = data?.data;
+  const meta = data?.meta;
   const {
     components,
     schema,
     schemas,
     isLoading: isLoadingSchema
   } = useContentTypeSchema(args.model);
+  const isSingleType = schema?.kind === "singleType";
+  const getTitle = (mainField) => {
+    if (mainField !== "id" && document?.[mainField]) {
+      return document[mainField];
+    }
+    if (isSingleType && schema?.info.displayName) {
+      return schema.info.displayName;
+    }
+    return formatMessage({
+      id: "content-manager.containers.untitled",
+      defaultMessage: "Untitled"
+    });
+  };
   React__namespace.useEffect(() => {
     if (error) {
       toggleNotification({
@@ -1159,14 +1310,14 @@ const useDocument = (args, opts) => {
     return createYupSchema(schema.attributes, components);
   }, [schema, components]);
   const validate = React__namespace.useCallback(
-    (document) => {
+    (document2) => {
       if (!validationSchema) {
         throw new Error(
           "There is no validation schema generated, this is likely due to the schema not being loaded yet."
         );
       }
       try {
-        validationSchema.validateSync(document, { abortEarly: false, strict: true });
+        validationSchema.validateSync(document2, { abortEarly: false, strict: true });
         return null;
       } catch (error2) {
         if (error2 instanceof yup.ValidationError) {
@@ -1177,17 +1328,29 @@ const useDocument = (args, opts) => {
     },
     [validationSchema]
   );
+  const getInitialFormValues = React__namespace.useCallback(
+    (isCreatingDocument = false) => {
+      if (!document && !isCreatingDocument && !isSingleType || !schema) {
+        return void 0;
+      }
+      const form = document?.id ? document : createDefaultForm(schema, components);
+      return transformDocument(schema, components)(form);
+    },
+    [document, isSingleType, schema, components]
+  );
   const isLoading = isLoadingDocument || isFetchingDocument || isLoadingSchema;
   const hasError = !!error;
   return {
     components,
-    document: data?.data,
-    meta: data?.meta,
+    document,
+    meta,
     isLoading,
     hasError,
     schema,
     schemas,
-    validate
+    validate,
+    getTitle,
+    getInitialFormValues
   };
 };
 const useDoc = () => {
@@ -1688,7 +1851,7 @@ const useDocumentActions = () => {
   };
 };
 const ProtectedHistoryPage = React__namespace.lazy(
-  () => Promise.resolve().then(() => require("./History-DYl2A8Z_.js")).then((mod) => ({ default: mod.ProtectedHistoryPage }))
+  () => Promise.resolve().then(() => require("./History-DTm8UCCQ.js")).then((mod) => ({ default: mod.ProtectedHistoryPage }))
 );
 const routes$2 = [
   {
@@ -1701,7 +1864,7 @@ const routes$2 = [
   }
 ];
 const ProtectedPreviewPage = React__namespace.lazy(
-  () => Promise.resolve().then(() => require("./Preview-DfNx8Ke-.js")).then((mod) => ({ default: mod.ProtectedPreviewPage }))
+  () => Promise.resolve().then(() => require("./Preview-Cxq-uI6D.js")).then((mod) => ({ default: mod.ProtectedPreviewPage }))
 );
 const routes$1 = [
   {
@@ -1714,31 +1877,31 @@ const routes$1 = [
   }
 ];
 const ProtectedEditViewPage = React.lazy(
-  () => Promise.resolve().then(() => require("./EditViewPage-wujOq90c.js")).then((mod) => ({ default: mod.ProtectedEditViewPage }))
+  () => Promise.resolve().then(() => require("./EditViewPage-D4yFJET6.js")).then((mod) => ({ default: mod.ProtectedEditViewPage }))
 );
 const ProtectedListViewPage = React.lazy(
-  () => Promise.resolve().then(() => require("./ListViewPage-BtSi8C1l.js")).then((mod) => ({ default: mod.ProtectedListViewPage }))
+  () => Promise.resolve().then(() => require("./ListViewPage-DTuuxU3n.js")).then((mod) => ({ default: mod.ProtectedListViewPage }))
 );
 const ProtectedListConfiguration = React.lazy(
-  () => Promise.resolve().then(() => require("./ListConfigurationPage-BXnu_OoY.js")).then((mod) => ({
+  () => Promise.resolve().then(() => require("./ListConfigurationPage-ysFMjKI3.js")).then((mod) => ({
     default: mod.ProtectedListConfiguration
   }))
 );
 const ProtectedEditConfigurationPage = React.lazy(
-  () => Promise.resolve().then(() => require("./EditConfigurationPage-z39Wv3E6.js")).then((mod) => ({
+  () => Promise.resolve().then(() => require("./EditConfigurationPage-Bl_U2JgH.js")).then((mod) => ({
     default: mod.ProtectedEditConfigurationPage
   }))
 );
 const ProtectedComponentConfigurationPage = React.lazy(
-  () => Promise.resolve().then(() => require("./ComponentConfigurationPage-BTR_hQow.js")).then((mod) => ({
+  () => Promise.resolve().then(() => require("./ComponentConfigurationPage-DBSh-kET.js")).then((mod) => ({
     default: mod.ProtectedComponentConfigurationPage
   }))
 );
 const NoPermissions = React.lazy(
-  () => Promise.resolve().then(() => require("./NoPermissionsPage-DzgWz0M-.js")).then((mod) => ({ default: mod.NoPermissions }))
+  () => Promise.resolve().then(() => require("./NoPermissionsPage-v7I599vC.js")).then((mod) => ({ default: mod.NoPermissions }))
 );
 const NoContentType = React.lazy(
-  () => Promise.resolve().then(() => require("./NoContentTypePage-CitJeOq4.js")).then((mod) => ({ default: mod.NoContentType }))
+  () => Promise.resolve().then(() => require("./NoContentTypePage-CL7VVeYs.js")).then((mod) => ({ default: mod.NoContentType }))
 );
 const CollectionTypePages = () => {
   const { collectionType } = reactRouterDom.useParams();
@@ -3133,7 +3296,7 @@ const ConfirmBulkActionDialog = ({
     ] })
   ] }) });
 };
-const BoldChunk$1 = (chunks) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "bold", children: chunks });
+const BoldChunk = (chunks) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "bold", children: chunks });
 const ConfirmDialogPublishAll = ({
   isOpen,
   onToggleDialog,
@@ -3182,7 +3345,7 @@ const ConfirmDialogPublishAll = ({
               defaultMessage: "<b>{count} {count, plural, one { relation } other { relations } } out of {entities} { entities, plural, one { entry } other { entries } } {count, plural, one { is } other { are } }</b> not published yet and might lead to unexpected behavior. "
             },
             {
-              b: BoldChunk$1,
+              b: BoldChunk,
               count: countDraftRelations,
               entities: selectedEntries.length
             }
@@ -3221,6 +3384,16 @@ const ConfirmDialogPublishAll = ({
 const TypographyMaxWidth = styledComponents.styled(designSystem.Typography)`
   max-width: 300px;
 `;
+const TableComponent = styledComponents.styled(designSystem.RawTable)`
+  width: 100%;
+  table-layout: fixed;
+  td:first-child {
+    border-right: 1px solid ${({ theme }) => theme.colors.neutral150};
+  }
+  td:first-of-type {
+    padding: ${({ theme }) => theme.spaces[4]};
+  }
+`;
 const formatErrorMessages = (errors, parentKey, formatMessage) => {
   const messages = [];
   Object.entries(errors).forEach(([key, value]) => {
@@ -3325,7 +3498,7 @@ const SelectedEntriesTableContent = ({
       )
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Table.Loading, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Table.Body, { children: rowsToDisplay.map((row, index2) => /* @__PURE__ */ jsxRuntime.jsxs(strapiAdmin.Table.Row, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Table.Body, { children: rowsToDisplay.map((row) => /* @__PURE__ */ jsxRuntime.jsxs(strapiAdmin.Table.Row, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Table.CheckboxCell, { id: row.id }),
       /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: row.id }) }),
       shouldDisplayMainField && /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: row[mainField] }) }),
@@ -3365,7 +3538,73 @@ const SelectedEntriesTableContent = ({
     ] }, row.id)) })
   ] });
 };
-const BoldChunk = (chunks) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "bold", children: chunks });
+const PublicationStatusSummary = ({ count, icon, message }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", flex: 1, gap: 3, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
+      icon,
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: message })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "bold", children: count })
+  ] });
+};
+const PublicationStatusGrid = ({
+  entriesReadyToPublishCount,
+  entriesPublishedCount,
+  entriesModifiedCount,
+  entriesWithErrorsCount
+}) => {
+  const { formatMessage } = reactIntl.useIntl();
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { hasRadius: true, borderColor: "neutral150", children: /* @__PURE__ */ jsxRuntime.jsx(TableComponent, { colCount: 2, rowCount: 2, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tbody, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        PublicationStatusSummary,
+        {
+          count: entriesReadyToPublishCount,
+          icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.CheckCircle, { fill: "success600" }),
+          message: formatMessage({
+            id: "app.utils.ready-to-publish",
+            defaultMessage: "Ready to publish"
+          })
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        PublicationStatusSummary,
+        {
+          count: entriesPublishedCount,
+          icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.CheckCircle, { fill: "success600" }),
+          message: formatMessage({
+            id: "app.utils.already-published",
+            defaultMessage: "Already published"
+          })
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        PublicationStatusSummary,
+        {
+          count: entriesModifiedCount,
+          icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.ArrowsCounterClockwise, { fill: "alternative600" }),
+          message: formatMessage({
+            id: "content-manager.bulk-publish.modified",
+            defaultMessage: "Ready to publish changes"
+          })
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        PublicationStatusSummary,
+        {
+          count: entriesWithErrorsCount,
+          icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.CrossCircle, { fill: "danger600" }),
+          message: formatMessage({
+            id: "content-manager.bulk-publish.waiting-for-action",
+            defaultMessage: "Waiting for action"
+          })
+        }
+      ) })
+    ] })
+  ] }) }) });
+};
 const SelectedEntriesModalContent = ({
   listViewSelectedEntries,
   toggleModal,
@@ -3424,7 +3663,6 @@ const SelectedEntriesModalContent = ({
       validationErrors: {}
     };
   }, [components, data, schema]);
-  const [publishedCount, setPublishedCount] = React__namespace.useState(0);
   const [isDialogOpen, setIsDialogOpen] = React__namespace.useState(false);
   const { publishMany: bulkPublishAction } = useDocumentActions();
   const [, { isLoading: isSubmittingForm }] = usePublishManyDocumentsMutation();
@@ -3436,53 +3674,36 @@ const SelectedEntriesModalContent = ({
   const selectedEntriesWithErrorsCount = selectedEntries.filter(
     ({ documentId }) => validationErrors[documentId]
   ).length;
-  const selectedEntriesPublished = selectedEntries.filter(
+  const selectedEntriesPublishedCount = selectedEntries.filter(
     ({ status }) => status === "published"
   ).length;
-  const selectedEntriesWithNoErrorsCount = selectedEntries.length - selectedEntriesWithErrorsCount - selectedEntriesPublished;
+  const selectedEntriesModifiedCount = selectedEntries.filter(
+    ({ status, documentId }) => status === "modified" && !validationErrors[documentId]
+  ).length;
+  const selectedEntriesWithNoErrorsCount = selectedEntries.length - selectedEntriesWithErrorsCount - selectedEntriesPublishedCount;
   const toggleDialog = () => setIsDialogOpen((prev) => !prev);
   const handleConfirmBulkPublish = async () => {
     toggleDialog();
     const res = await bulkPublishAction({ model, documentIds: entriesToPublish, params });
     if (!("error" in res)) {
-      setPublishedCount(res.count);
       const unpublishedEntries = rows.filter((row) => {
         return !entriesToPublish.includes(row.documentId);
       });
       setListViewSelectedDocuments(unpublishedEntries);
     }
   };
-  const getFormattedCountMessage = () => {
-    if (publishedCount) {
-      return formatMessage(
-        {
-          id: getTranslation("containers.list.selectedEntriesModal.publishedCount"),
-          defaultMessage: "<b>{publishedCount}</b> {publishedCount, plural, =0 {entries} one {entry} other {entries}} published. <b>{withErrorsCount}</b> {withErrorsCount, plural, =0 {entries} one {entry} other {entries}} waiting for action."
-        },
-        {
-          publishedCount,
-          withErrorsCount: selectedEntriesWithErrorsCount,
-          b: BoldChunk
-        }
-      );
-    }
-    return formatMessage(
-      {
-        id: getTranslation("containers.list.selectedEntriesModal.selectedCount"),
-        defaultMessage: "<b>{alreadyPublishedCount}</b> {alreadyPublishedCount, plural, =0 {entries} one {entry} other {entries}} already published. <b>{readyToPublishCount}</b> {readyToPublishCount, plural, =0 {entries} one {entry} other {entries}} ready to publish. <b>{withErrorsCount}</b> {withErrorsCount, plural, =0 {entries} one {entry} other {entries}} waiting for action."
-      },
-      {
-        readyToPublishCount: selectedEntriesWithNoErrorsCount,
-        withErrorsCount: selectedEntriesWithErrorsCount,
-        alreadyPublishedCount: selectedEntriesPublished,
-        b: BoldChunk
-      }
-    );
-  };
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { 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(
+      /* @__PURE__ */ jsxRuntime.jsx(
+        PublicationStatusGrid,
+        {
+          entriesReadyToPublishCount: selectedEntriesWithNoErrorsCount - selectedEntriesModifiedCount,
+          entriesPublishedCount: selectedEntriesPublishedCount,
+          entriesModifiedCount: selectedEntriesModifiedCount,
+          entriesWithErrorsCount: selectedEntriesWithErrorsCount
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginTop: 7, children: /* @__PURE__ */ jsxRuntime.jsx(
         SelectedEntriesTableContent,
         {
           isPublishing: isSubmittingForm,
@@ -3503,7 +3724,7 @@ const SelectedEntriesModalContent = ({
           designSystem.Button,
           {
             onClick: toggleDialog,
-            disabled: selectedEntries.length === 0 || selectedEntries.length === selectedEntriesWithErrorsCount || selectedEntriesPublished === selectedEntries.length || isLoading,
+            disabled: selectedEntries.length === 0 || selectedEntries.length === selectedEntriesWithErrorsCount || selectedEntriesPublishedCount === selectedEntries.length || isLoading,
             loading: isSubmittingForm,
             children: formatMessage({ id: "app.utils.publish", defaultMessage: "Publish" })
           }
@@ -4193,7 +4414,7 @@ const index = {
     app.router.addRoute({
       path: "content-manager/*",
       lazy: async () => {
-        const { Layout } = await Promise.resolve().then(() => require("./layout-C3fN7Ejz.js"));
+        const { Layout } = await Promise.resolve().then(() => require("./layout-Cl0NhlQB.js"));
         return {
           Component: Layout
         };
@@ -4213,7 +4434,7 @@ const index = {
   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-BK8Xyl5I.js")), "./translations/es.json": () => Promise.resolve().then(() => require("./es-9K52xZIr.js")), "./translations/eu.json": () => Promise.resolve().then(() => require("./eu-VDH-3ovk.js")), "./translations/fr.json": () => Promise.resolve().then(() => require("./fr-B2Kyv8Z9.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-7sfIbjxE.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`, 3).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-BR48D_RH.js")), "./translations/es.json": () => Promise.resolve().then(() => require("./es-9K52xZIr.js")), "./translations/eu.json": () => Promise.resolve().then(() => require("./eu-VDH-3ovk.js")), "./translations/fr.json": () => Promise.resolve().then(() => require("./fr-C43IbhA_.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-7sfIbjxE.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`, 3).then(({ default: data }) => {
           return {
             data: prefixPluginTranslations(data, PLUGIN_ID),
             locale
@@ -4235,7 +4456,6 @@ exports.CLONE_PATH = CLONE_PATH;
 exports.COLLECTION_TYPES = COLLECTION_TYPES;
 exports.CREATOR_FIELDS = CREATOR_FIELDS;
 exports.DEFAULT_SETTINGS = DEFAULT_SETTINGS;
-exports.DOCUMENT_META_FIELDS = DOCUMENT_META_FIELDS;
 exports.DocumentRBAC = DocumentRBAC;
 exports.DocumentStatus = DocumentStatus;
 exports.HOOKS = HOOKS;
@@ -4252,13 +4472,17 @@ exports.checkIfAttributeIsDisplayable = checkIfAttributeIsDisplayable;
 exports.contentManagerApi = contentManagerApi;
 exports.convertEditLayoutToFieldLayouts = convertEditLayoutToFieldLayouts;
 exports.convertListLayoutToFieldLayouts = convertListLayoutToFieldLayouts;
+exports.createDefaultForm = createDefaultForm;
 exports.createYupSchema = createYupSchema;
 exports.extractContentTypeComponents = extractContentTypeComponents;
 exports.getDisplayName = getDisplayName;
 exports.getMainField = getMainField;
 exports.getTranslation = getTranslation;
 exports.index = index;
+exports.prepareTempKeys = prepareTempKeys;
+exports.removeFieldsThatDontExistOnSchema = removeFieldsThatDontExistOnSchema;
 exports.setInitialData = setInitialData;
+exports.transformDocument = transformDocument;
 exports.useContentManagerContext = useContentManagerContext;
 exports.useContentTypeSchema = useContentTypeSchema;
 exports.useDoc = useDoc;
@@ -4273,4 +4497,4 @@ exports.useGetContentTypeConfigurationQuery = useGetContentTypeConfigurationQuer
 exports.useGetInitialDataQuery = useGetInitialDataQuery;
 exports.useGetPreviewUrlQuery = useGetPreviewUrlQuery;
 exports.useUpdateContentTypeConfigurationMutation = useUpdateContentTypeConfigurationMutation;
-//# sourceMappingURL=index-BUWEmX8m.js.map
+//# sourceMappingURL=index-DQsvBb_N.js.map