@strapi/content-manager 5.0.0-beta.7 → 5.0.0-beta.8

package/dist/_chunks/{index-DFK7LwDW.js → index-CCJeB7Rw.js}

@@ -9,7 +9,6 @@ const React = require("react");
 const designSystem = require("@strapi/design-system");
 const styledComponents = require("styled-components");
 const yup = require("yup");
-const react = require("@reduxjs/toolkit/query/react");
 const pipe = require("lodash/fp/pipe");
 const dateFns = require("date-fns");
 const toolkit = require("@reduxjs/toolkit");
@@ -177,9 +176,8 @@ const DocumentRBAC = ({ children, permissions }) => {
       const name = removeNumericalStrings(fieldName.split("."));
       const componentFieldNames = fieldsUserCanAction.filter((field) => field.split(".").length > 1);
       if (fieldType === "component") {
-        const componentOrDynamicZoneFields = componentFieldNames.map((field) => field.split("."));
-        return componentOrDynamicZoneFields.some((field) => {
-          return field.includes(fieldName);
+        return componentFieldNames.some((field) => {
+          return field.includes(name.join("."));
         });
       }
       if (name.length > 1) {
@@ -209,92 +207,8 @@ 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 buildValidParams = (query) => {
-  if (!query)
-    return query;
-  const { plugins: _, ...validQueryParams } = {
-    ...query,
-    ...Object.values(query?.plugins ?? {}).reduce(
-      (acc, current) => Object.assign(acc, current),
-      {}
-    )
-  };
-  if ("_q" in validQueryParams) {
-    validQueryParams._q = encodeURIComponent(validQueryParams._q);
-  }
-  return validQueryParams;
-};
-const fetchBaseQuery = () => async (query, { signal }) => {
-  try {
-    const { get, post, del, put } = strapiAdmin.getFetchClient();
-    if (typeof query === "string") {
-      const result = await get(query, {
-        signal
-      });
-      return { data: result.data };
-    } else {
-      const { url, method = "GET", data, config } = query;
-      if (method === "POST") {
-        const result2 = await post(url, data, {
-          ...config,
-          signal
-        });
-        return { data: result2.data };
-      }
-      if (method === "DELETE") {
-        const result2 = await del(url, {
-          ...config,
-          signal
-        });
-        return { data: result2.data };
-      }
-      if (method === "PUT") {
-        const result2 = await put(url, data, {
-          ...config,
-          signal
-        });
-        return { data: result2.data };
-      }
-      const result = await get(url, {
-        ...config,
-        signal
-      });
-      return { data: result.data };
-    }
-  } catch (err) {
-    if (strapiAdmin.isFetchError(err)) {
-      if (typeof err.response?.data === "object" && err.response?.data !== null && "error" in err.response?.data) {
-        return { data: void 0, error: err.response?.data.error };
-      } else {
-        return {
-          data: void 0,
-          error: {
-            name: "UnknownError",
-            message: "There was an unknown error response from the API",
-            details: err.response,
-            status: err.status
-          }
-        };
-      }
-    }
-    const error = err;
-    return {
-      data: void 0,
-      error: {
-        name: error.name,
-        message: error.message,
-        stack: error.stack
-      }
-    };
-  }
-};
-const isBaseQueryError = (error) => {
-  return error.name !== void 0;
-};
-const contentManagerApi = react.createApi({
-  reducerPath: "contentManagerApi",
-  baseQuery: fetchBaseQuery(),
-  tagTypes: [
+const contentManagerApi = strapiAdmin.adminApi.enhanceEndpoints({
+  addTagTypes: [
     "ComponentConfiguration",
     "ContentTypesConfiguration",
     "ContentTypeSettings",
@@ -302,8 +216,7 @@ const contentManagerApi = react.createApi({
     "InitialData",
     "HistoryVersion",
     "Relations"
-  ],
-  endpoints: () => ({})
+  ]
 });
 const documentApi = contentManagerApi.injectEndpoints({
   endpoints: (builder) => ({
@@ -359,12 +272,15 @@ const documentApi = contentManagerApi.injectEndpoints({
       ]
     }),
     deleteManyDocuments: builder.mutation({
-      query: ({ model, ...body }) => ({
+      query: ({ model, params, ...body }) => ({
         url: `/content-manager/collection-types/${model}/actions/bulkDelete`,
         method: "POST",
-        data: body
+        data: body,
+        config: {
+          params
+        }
       }),
-      invalidatesTags: (_res, _error, { model, documentIds }) => documentIds.map((id) => ({ type: "Document", id: `${model}_${id}` }))
+      invalidatesTags: (_res, _error, { model }) => [{ type: "Document", id: `${model}_LIST` }]
     }),
     discardDocument: builder.mutation({
       query: ({ collectionType, model, documentId, params }) => ({
@@ -475,10 +391,13 @@ const documentApi = contentManagerApi.injectEndpoints({
       }
     }),
     publishManyDocuments: builder.mutation({
-      query: ({ model, ...body }) => ({
+      query: ({ model, params, ...body }) => ({
         url: `/content-manager/collection-types/${model}/actions/bulkPublish`,
         method: "POST",
-        data: body
+        data: body,
+        config: {
+          params
+        }
       }),
       invalidatesTags: (_res, _error, { model, documentIds }) => documentIds.map((id) => ({ type: "Document", id: `${model}_${id}` }))
     }),
@@ -520,10 +439,13 @@ const documentApi = contentManagerApi.injectEndpoints({
       }
     }),
     unpublishManyDocuments: builder.mutation({
-      query: ({ model, ...body }) => ({
+      query: ({ model, params, ...body }) => ({
         url: `/content-manager/collection-types/${model}/actions/bulkUnpublish`,
         method: "POST",
-        data: body
+        data: body,
+        config: {
+          params
+        }
       }),
       invalidatesTags: (_res, _error, { model, documentIds }) => documentIds.map((id) => ({ type: "Document", id: `${model}_${id}` }))
     })
@@ -547,6 +469,24 @@ const {
   useUnpublishDocumentMutation,
   useUnpublishManyDocumentsMutation
 } = documentApi;
+const buildValidParams = (query) => {
+  if (!query)
+    return query;
+  const { plugins: _, ...validQueryParams } = {
+    ...query,
+    ...Object.values(query?.plugins ?? {}).reduce(
+      (acc, current) => Object.assign(acc, current),
+      {}
+    )
+  };
+  if ("_q" in validQueryParams) {
+    validQueryParams._q = encodeURIComponent(validQueryParams._q);
+  }
+  return validQueryParams;
+};
+const isBaseQueryError = (error) => {
+  return error.name !== void 0;
+};
 const createYupSchema = (attributes = {}, components = {}) => {
   const createModelSchema = (attributes2) => yup__namespace.object().shape(
     Object.entries(attributes2).reduce((acc, [name, attribute]) => {
@@ -586,10 +526,14 @@ const createYupSchema = (attributes = {}, components = {}) => {
               yup__namespace.array().of(
                 yup__namespace.lazy(
                   (data) => {
-                    const { attributes: attributes3 } = components[data.__component];
-                    return yup__namespace.object().shape({
+                    const attributes3 = components?.[data?.__component]?.attributes;
+                    const validation = yup__namespace.object().shape({
                       __component: yup__namespace.string().required().oneOf(Object.keys(components))
-                    }).nullable(false).concat(createModelSchema(attributes3));
+                    }).nullable(false);
+                    if (!attributes3) {
+                      return validation;
+                    }
+                    return validation.concat(createModelSchema(attributes3));
                   }
                 )
               )
@@ -599,11 +543,25 @@ const createYupSchema = (attributes = {}, components = {}) => {
           return {
             ...acc,
             [name]: transformSchema(
-              yup__namespace.array().of(
-                yup__namespace.object().shape({
-                  id: yup__namespace.string().required()
-                })
-              )
+              yup__namespace.lazy((value) => {
+                if (!value) {
+                  return yup__namespace.mixed().nullable(true);
+                } else if (Array.isArray(value)) {
+                  return yup__namespace.array().of(
+                    yup__namespace.object().shape({
+                      id: yup__namespace.string().required()
+                    })
+                  );
+                } else if (typeof value === "object") {
+                  return yup__namespace.object();
+                } else {
+                  return yup__namespace.mixed().test(
+                    "type-error",
+                    "Relation values must be either null, an array of objects with {id} or an object.",
+                    () => false
+                  );
+                }
+              })
             )
           };
         default:
@@ -668,7 +626,12 @@ const addRequiredValidation = (attribute) => (schema) => {
       defaultMessage: "This field is required."
     });
   }
-  return schema.nullable();
+  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).
+    // In these cases we should just return the schema as it is.
+    schema
+  );
 };
 const addMinLengthValidation = (attribute) => (schema) => {
   if ("minLength" in attribute && attribute.minLength && Number.isInteger(attribute.minLength) && "min" in schema) {
@@ -740,24 +703,6 @@ const addRegexValidation = (attribute) => (schema) => {
   }
   return schema;
 };
-const extractValuesFromYupError = (errorType, errorParams) => {
-  if (!errorType || !errorParams) {
-    return {};
-  }
-  return {
-    [errorType]: errorParams[errorType]
-  };
-};
-const getInnerErrors = (error) => (error?.inner || []).reduce((acc, currentError) => {
-  if (currentError.path) {
-    acc[currentError.path.split("[").join(".").split("]").join("")] = {
-      id: currentError.message,
-      defaultMessage: currentError.message,
-      values: extractValuesFromYupError(currentError?.type, currentError?.params)
-    };
-  }
-  return acc;
-}, {});
 const initApi = contentManagerApi.injectEndpoints({
   endpoints: (builder) => ({
     getInitialData: builder.query({
@@ -771,27 +716,20 @@ const { useGetInitialDataQuery } = initApi;
 const useContentTypeSchema = (model) => {
   const { toggleNotification } = strapiAdmin.useNotification();
   const { _unstableFormatAPIError: formatAPIError } = strapiAdmin.useAPIErrorHandler();
-  const { components, contentType, contentTypes, error, isLoading, isFetching } = useGetInitialDataQuery(void 0, {
-    selectFromResult: (res) => {
-      const contentType2 = res.data?.contentTypes.find((ct) => ct.uid === model);
-      const componentsByKey = res.data?.components.reduce(
-        (acc, component) => {
-          acc[component.uid] = component;
-          return acc;
-        },
-        {}
-      );
-      const components2 = extractContentTypeComponents(contentType2?.attributes, componentsByKey);
-      return {
-        isLoading: res.isLoading,
-        isFetching: res.isFetching,
-        error: res.error,
-        components: Object.keys(components2).length === 0 ? void 0 : components2,
-        contentType: contentType2,
-        contentTypes: res.data?.contentTypes ?? []
-      };
-    }
-  });
+  const { data, error, isLoading, isFetching } = useGetInitialDataQuery(void 0);
+  const { components, contentType, contentTypes } = React__namespace.useMemo(() => {
+    const contentType2 = data?.contentTypes.find((ct) => ct.uid === model);
+    const componentsByKey = data?.components.reduce((acc, component) => {
+      acc[component.uid] = component;
+      return acc;
+    }, {});
+    const components2 = extractContentTypeComponents(contentType2?.attributes, componentsByKey);
+    return {
+      components: Object.keys(components2).length === 0 ? void 0 : components2,
+      contentType: contentType2,
+      contentTypes: data?.contentTypes ?? []
+    };
+  }, [model, data]);
   React__namespace.useEffect(() => {
     if (error) {
       toggleNotification({
@@ -874,7 +812,7 @@ const useDocument = (args, opts) => {
         return null;
       } catch (error2) {
         if (error2 instanceof yup.ValidationError) {
-          return getInnerErrors(error2);
+          return strapiAdmin.getYupValidationErrors(error2);
         }
         throw error2;
       }
@@ -970,6 +908,44 @@ const useDocumentActions = () => {
     },
     [trackUsage, deleteDocument, toggleNotification, formatMessage, formatAPIError]
   );
+  const [deleteManyDocuments] = useDeleteManyDocumentsMutation();
+  const deleteMany = React__namespace.useCallback(
+    async ({ model, documentIds, params }) => {
+      try {
+        trackUsage("willBulkDeleteEntries");
+        const res = await deleteManyDocuments({
+          model,
+          documentIds,
+          params
+        });
+        if ("error" in res) {
+          toggleNotification({
+            type: "danger",
+            message: formatAPIError(res.error)
+          });
+          return { error: res.error };
+        }
+        toggleNotification({
+          type: "success",
+          title: formatMessage({
+            id: getTranslation("success.records.delete"),
+            defaultMessage: "Successfully deleted."
+          }),
+          message: ""
+        });
+        trackUsage("didBulkDeleteEntries");
+        return res.data;
+      } catch (err) {
+        toggleNotification({
+          type: "danger",
+          message: formatMessage(DEFAULT_UNEXPECTED_ERROR_MSG)
+        });
+        trackUsage("didNotBulkDeleteEntries");
+        throw err;
+      }
+    },
+    [trackUsage, deleteManyDocuments, toggleNotification, formatMessage, formatAPIError]
+  );
   const [discardDocument] = useDiscardDocumentMutation();
   const discard = React__namespace.useCallback(
     async ({ collectionType, model, documentId }) => {
@@ -1039,6 +1015,43 @@ const useDocumentActions = () => {
     },
     [trackUsage, publishDocument, toggleNotification, formatMessage, formatAPIError]
   );
+  const [publishManyDocuments] = usePublishManyDocumentsMutation();
+  const publishMany = React__namespace.useCallback(
+    async ({ model, documentIds, params }) => {
+      try {
+        const res = await publishManyDocuments({
+          model,
+          documentIds,
+          params
+        });
+        if ("error" in res) {
+          toggleNotification({ type: "danger", message: formatAPIError(res.error) });
+          return { error: res.error };
+        }
+        toggleNotification({
+          type: "success",
+          message: formatMessage({
+            id: getTranslation("success.record.publish"),
+            defaultMessage: "Published document"
+          })
+        });
+        return res.data;
+      } catch (err) {
+        toggleNotification({
+          type: "danger",
+          message: formatMessage(DEFAULT_UNEXPECTED_ERROR_MSG)
+        });
+        throw err;
+      }
+    },
+    [
+      // trackUsage,
+      publishManyDocuments,
+      toggleNotification,
+      formatMessage,
+      formatAPIError
+    ]
+  );
   const [updateDocument] = useUpdateDocumentMutation();
   const update = React__namespace.useCallback(
     async ({ collectionType, model, documentId, params }, data, trackerProperty) => {
@@ -1113,6 +1126,41 @@ const useDocumentActions = () => {
     },
     [trackUsage, unpublishDocument, toggleNotification, formatMessage, formatAPIError]
   );
+  const [unpublishManyDocuments] = useUnpublishManyDocumentsMutation();
+  const unpublishMany = React__namespace.useCallback(
+    async ({ model, documentIds, params }) => {
+      try {
+        trackUsage("willBulkUnpublishEntries");
+        const res = await unpublishManyDocuments({
+          model,
+          documentIds,
+          params
+        });
+        if ("error" in res) {
+          toggleNotification({ type: "danger", message: formatAPIError(res.error) });
+          return { error: res.error };
+        }
+        trackUsage("didBulkUnpublishEntries");
+        toggleNotification({
+          type: "success",
+          title: formatMessage({
+            id: getTranslation("success.records.unpublish"),
+            defaultMessage: "Successfully unpublished."
+          }),
+          message: ""
+        });
+        return res.data;
+      } catch (err) {
+        toggleNotification({
+          type: "danger",
+          message: formatMessage(DEFAULT_UNEXPECTED_ERROR_MSG)
+        });
+        trackUsage("didNotBulkUnpublishEntries");
+        throw err;
+      }
+    },
+    [trackUsage, unpublishManyDocuments, toggleNotification, formatMessage, formatAPIError]
+  );
   const [createDocument] = useCreateDocumentMutation();
   const create = React__namespace.useCallback(
     async ({ model, params }, data, trackerProperty) => {
@@ -1226,15 +1274,18 @@ const useDocumentActions = () => {
     clone,
     create,
     delete: _delete,
+    deleteMany,
     discard,
     getDocument,
     publish,
+    publishMany,
     unpublish,
+    unpublishMany,
     update
   };
 };
 const ProtectedHistoryPage = React.lazy(
-  () => Promise.resolve().then(() => require("./History-DtHjQuqM.js")).then((mod) => ({ default: mod.ProtectedHistoryPage }))
+  () => Promise.resolve().then(() => require("./History-BjDfohBr.js")).then((mod) => ({ default: mod.ProtectedHistoryPage }))
 );
 const routes$1 = [
   {
@@ -1247,31 +1298,31 @@ const routes$1 = [
   }
 ];
 const ProtectedEditViewPage = React.lazy(
-  () => Promise.resolve().then(() => require("./EditViewPage-CXXue16T.js")).then((mod) => ({ default: mod.ProtectedEditViewPage }))
+  () => Promise.resolve().then(() => require("./EditViewPage-ChgloMyO.js")).then((mod) => ({ default: mod.ProtectedEditViewPage }))
 );
 const ProtectedListViewPage = React.lazy(
-  () => Promise.resolve().then(() => require("./ListViewPage-CExWwa4S.js")).then((mod) => ({ default: mod.ProtectedListViewPage }))
+  () => Promise.resolve().then(() => require("./ListViewPage-CZYGqlvF.js")).then((mod) => ({ default: mod.ProtectedListViewPage }))
 );
 const ProtectedListConfiguration = React.lazy(
-  () => Promise.resolve().then(() => require("./ListConfigurationPage-BuSdTjfa.js")).then((mod) => ({
+  () => Promise.resolve().then(() => require("./ListConfigurationPage-IQBgWTaa.js")).then((mod) => ({
     default: mod.ProtectedListConfiguration
   }))
 );
 const ProtectedEditConfigurationPage = React.lazy(
-  () => Promise.resolve().then(() => require("./EditConfigurationPage-BFpQwwbc.js")).then((mod) => ({
+  () => Promise.resolve().then(() => require("./EditConfigurationPage-CqBeCPGH.js")).then((mod) => ({
     default: mod.ProtectedEditConfigurationPage
   }))
 );
 const ProtectedComponentConfigurationPage = React.lazy(
-  () => Promise.resolve().then(() => require("./ComponentConfigurationPage-DMq0wvcL.js")).then((mod) => ({
+  () => Promise.resolve().then(() => require("./ComponentConfigurationPage-by0e_kNd.js")).then((mod) => ({
     default: mod.ProtectedComponentConfigurationPage
   }))
 );
 const NoPermissions = React.lazy(
-  () => Promise.resolve().then(() => require("./NoPermissionsPage-BK-XCpIy.js")).then((mod) => ({ default: mod.NoPermissions }))
+  () => Promise.resolve().then(() => require("./NoPermissionsPage-cYEtLc_e.js")).then((mod) => ({ default: mod.NoPermissions }))
 );
 const NoContentType = React.lazy(
-  () => Promise.resolve().then(() => require("./NoContentTypePage-DCUL8gVi.js")).then((mod) => ({ default: mod.NoContentType }))
+  () => Promise.resolve().then(() => require("./NoContentTypePage-BOAI6VZ1.js")).then((mod) => ({ default: mod.NoContentType }))
 );
 const CollectionTypePages = () => {
   const { collectionType } = reactRouterDom.useParams();
@@ -1583,7 +1634,7 @@ const DocumentActionModal = ({
   title,
   onClose,
   footer: Footer,
-  content,
+  content: Content,
   onModalClose
 }) => {
   const id = React__namespace.useId();
@@ -1598,7 +1649,7 @@ const DocumentActionModal = ({
   };
   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: content }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.ModalBody, { children: typeof Content === "function" ? /* @__PURE__ */ jsxRuntime.jsx(Content, { onClose: handleClose }) : Content }),
     /* @__PURE__ */ jsxRuntime.jsx(
       designSystem.Box,
       {
@@ -1815,7 +1866,7 @@ const UNPUBLISH_DRAFT_OPTIONS = {
   KEEP: "keep",
   DISCARD: "discard"
 };
-const UnpublishAction = ({
+const UnpublishAction$1 = ({
   activeTab,
   documentId,
   model,
@@ -1890,6 +1941,7 @@ const UnpublishAction = ({
             direction: "column",
             alignItems: "flex-start",
             tag: "fieldset",
+            borderWidth: 0,
             gap: 3,
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(designSystem.VisuallyHidden, { tag: "legend" }),
@@ -1949,7 +2001,7 @@ const UnpublishAction = ({
     position: ["panel", "table-row"]
   };
 };
-UnpublishAction.type = "unpublish";
+UnpublishAction$1.type = "unpublish";
 const DiscardAction = ({
   activeTab,
   documentId,
@@ -2005,7 +2057,7 @@ const StyledCrossCircle = styledComponents.styled(Icons.CrossCircle)`
     fill: currentColor;
   }
 `;
-const DEFAULT_ACTIONS = [PublishAction, UpdateAction, UnpublishAction, DiscardAction];
+const DEFAULT_ACTIONS = [PublishAction, UpdateAction, UnpublishAction$1, DiscardAction];
 const intervals = ["years", "months", "days", "hours", "minutes", "seconds"];
 const RelativeTime = React__namespace.forwardRef(
   ({ timestamp, customIntervals = [], ...restProps }, forwardedRef) => {
@@ -2272,7 +2324,7 @@ const ConfigureTheViewAction = ({ collectionType, model }) => {
       id: "app.links.configure-view",
       defaultMessage: "Configure the view"
     }),
-    icon: /* @__PURE__ */ jsxRuntime.jsx(StyledCog, {}),
+    icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.ListPlus, {}),
     onClick: () => {
       navigate(`../${collectionType}/${model}/configurations/edit`);
     },
@@ -2280,11 +2332,6 @@ const ConfigureTheViewAction = ({ collectionType, model }) => {
   };
 };
 ConfigureTheViewAction.type = "configure-the-view";
-const StyledCog = styledComponents.styled(Icons.Cog)`
-  path {
-    fill: currentColor;
-  }
-`;
 const EditTheModelAction = ({ model }) => {
   const navigate = reactRouterDom.useNavigate();
   const { formatMessage } = reactIntl.useIntl();
@@ -2293,7 +2340,7 @@ const EditTheModelAction = ({ model }) => {
       id: "content-manager.link-to-ctb",
       defaultMessage: "Edit the model"
     }),
-    icon: /* @__PURE__ */ jsxRuntime.jsx(StyledPencil$1, {}),
+    icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.Pencil, {}),
     onClick: () => {
       navigate(`/plugins/content-type-builder/content-types/${model}`);
     },
@@ -2301,12 +2348,7 @@ const EditTheModelAction = ({ model }) => {
   };
 };
 EditTheModelAction.type = "edit-the-model";
-const StyledPencil$1 = styledComponents.styled(Icons.Pencil)`
-  path {
-    fill: currentColor;
-  }
-`;
-const DeleteAction = ({ documentId, model, collectionType, document }) => {
+const DeleteAction$1 = ({ documentId, model, collectionType, document }) => {
   const navigate = reactRouterDom.useNavigate();
   const { formatMessage } = reactIntl.useIntl();
   const listViewPathMatch = reactRouterDom.useMatch(LIST_PATH);
@@ -2320,7 +2362,7 @@ const DeleteAction = ({ documentId, model, collectionType, document }) => {
       id: "content-manager.actions.delete.label",
       defaultMessage: "Delete document"
     }),
-    icon: /* @__PURE__ */ jsxRuntime.jsx(StyledTrash, {}),
+    icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.Trash, {}),
     dialog: {
       type: "dialog",
       title: formatMessage({
@@ -2374,13 +2416,8 @@ const DeleteAction = ({ documentId, model, collectionType, document }) => {
     position: ["header", "table-row"]
   };
 };
-DeleteAction.type = "delete";
-const StyledTrash = styledComponents.styled(Icons.Trash)`
-  path {
-    fill: currentColor;
-  }
-`;
-const DEFAULT_HEADER_ACTIONS = [EditTheModelAction, ConfigureTheViewAction, DeleteAction];
+DeleteAction$1.type = "delete";
+const DEFAULT_HEADER_ACTIONS = [EditTheModelAction, ConfigureTheViewAction, DeleteAction$1];
 const Panels = () => {
   const isCloning = reactRouterDom.useMatch(CLONE_PATH) !== null;
   const [
@@ -2475,7 +2512,262 @@ const Panel = React__namespace.forwardRef(({ children, title }, ref) => {
     }
   );
 });
-const DEFAULT_BULK_ACTIONS = [];
+const BulkActionsRenderer = () => {
+  const plugins = strapiAdmin.useStrapiApp("BulkActionsRenderer", (state) => state.plugins);
+  const { model, collectionType } = useDoc();
+  const { selectedRows } = strapiAdmin.useTable("BulkActionsRenderer", (state) => state);
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { gap: 2, children: /* @__PURE__ */ jsxRuntime.jsx(
+    strapiAdmin.DescriptionComponentRenderer,
+    {
+      props: {
+        model,
+        collectionType,
+        documents: selectedRows
+      },
+      descriptions: plugins["content-manager"].apis.getBulkActions(),
+      children: (actions2) => actions2.map((action) => /* @__PURE__ */ jsxRuntime.jsx(BulkActionAction, { ...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();
+  const selectRow = strapiAdmin.useTable("DeleteAction", (state) => state.selectRow);
+  const hasI18nEnabled = Boolean(contentType?.pluginOptions?.i18n);
+  const [{ query }] = strapiAdmin.useQueryParams();
+  const params = React__namespace.useMemo(() => buildValidParams(query), [query]);
+  const hasDeletePermission = useDocumentRBAC("deleteAction", (state) => state.canDelete);
+  const { deleteMany: bulkDeleteAction } = useDocumentActions();
+  const documentIds = documents.map(({ documentId }) => documentId);
+  const handleConfirmBulkDelete = async () => {
+    const res = await bulkDeleteAction({
+      documentIds,
+      model,
+      params
+    });
+    if (!("error" in res)) {
+      selectRow([]);
+    }
+  };
+  if (!hasDeletePermission)
+    return null;
+  return {
+    variant: "danger-light",
+    label: formatMessage({ id: "global.delete", defaultMessage: "Delete" }),
+    dialog: {
+      type: "dialog",
+      title: formatMessage({
+        id: "app.components.ConfirmDialog.title",
+        defaultMessage: "Confirmation"
+      }),
+      content: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
+        /* @__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?"
+        }) }),
+        hasI18nEnabled && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { textAlign: "center", padding: 3, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "danger500", children: formatMessage(
+          {
+            id: getTranslation("Settings.list.actions.deleteAdditionalInfos"),
+            defaultMessage: "This will delete the active locale versions <em>(from Internationalization)</em>"
+          },
+          {
+            em: Emphasis
+          }
+        ) }) })
+      ] }),
+      onConfirm: handleConfirmBulkDelete
+    }
+  };
+};
+DeleteAction.type = "delete";
+const UnpublishAction = ({ documents, model }) => {
+  const { formatMessage } = reactIntl.useIntl();
+  const { schema } = useDoc();
+  const selectRow = strapiAdmin.useTable("UnpublishAction", (state) => state.selectRow);
+  const hasPublishPermission = useDocumentRBAC("unpublishAction", (state) => state.canPublish);
+  const hasI18nEnabled = Boolean(schema?.pluginOptions?.i18n);
+  const hasDraftAndPublishEnabled = Boolean(schema?.options?.draftAndPublish);
+  const { unpublishMany: bulkUnpublishAction } = useDocumentActions();
+  const documentIds = documents.map(({ documentId }) => documentId);
+  const [{ query }] = strapiAdmin.useQueryParams();
+  const params = React__namespace.useMemo(() => buildValidParams(query), [query]);
+  const handleConfirmBulkUnpublish = async () => {
+    const data = await bulkUnpublishAction({ documentIds, model, params });
+    if (!("error" in data)) {
+      selectRow([]);
+    }
+  };
+  const showUnpublishButton = hasDraftAndPublishEnabled && hasPublishPermission && documents.some((entry) => entry.status === "published");
+  if (!showUnpublishButton)
+    return null;
+  return {
+    variant: "tertiary",
+    label: formatMessage({ id: "app.utils.unpublish", defaultMessage: "Unpublish" }),
+    dialog: {
+      type: "dialog",
+      title: formatMessage({
+        id: "app.components.ConfirmDialog.title",
+        defaultMessage: "Confirmation"
+      }),
+      content: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
+        /* @__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?"
+        }) }),
+        hasI18nEnabled && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { textAlign: "center", padding: 3, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "danger500", children: formatMessage(
+          {
+            id: getTranslation("Settings.list.actions.unpublishAdditionalInfos"),
+            defaultMessage: "This will unpublish the active locale versions <em>(from Internationalization)</em>"
+          },
+          {
+            em: Emphasis
+          }
+        ) }) })
+      ] }),
+      confirmButton: formatMessage({
+        id: "app.utils.unpublish",
+        defaultMessage: "Unpublish"
+      }),
+      onConfirm: handleConfirmBulkUnpublish
+    }
+  };
+};
+UnpublishAction.type = "unpublish";
+const Emphasis = (chunks) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "semiBold", textColor: "danger500", children: chunks });
+const DEFAULT_BULK_ACTIONS = [UnpublishAction, DeleteAction];
 const AutoCloneFailureModalBody = ({ prohibitedFields }) => {
   const { formatMessage } = reactIntl.useIntl();
   const getDefaultErrorMessage = (reason) => {
@@ -3128,10 +3420,8 @@ const index = {
   register(app) {
     const cm = new ContentManagerPlugin();
     app.addReducers({
-      [contentManagerApi.reducerPath]: contentManagerApi.reducer,
       [PLUGIN_ID]: reducer
     });
-    app.addMiddlewares([() => contentManagerApi.middleware]);
     app.addMenuLink({
       to: PLUGIN_ID,
       icon: Icons.Feather,
@@ -3140,14 +3430,15 @@ const index = {
         defaultMessage: "Content Manager"
       },
       permissions: [],
-      Component: () => Promise.resolve().then(() => require("./layout-DLih5-_W.js")).then((mod) => ({ default: mod.Layout }))
+      Component: () => Promise.resolve().then(() => require("./layout-ni_L9kT1.js")).then((mod) => ({ default: mod.Layout })),
+      position: 1
     });
     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-C-V1_90f.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-DTULi5-d.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
@@ -3164,6 +3455,7 @@ const index = {
   }
 };
 exports.ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD = ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD;
+exports.BulkActionsRenderer = BulkActionsRenderer;
 exports.COLLECTION_TYPES = COLLECTION_TYPES;
 exports.CREATOR_FIELDS = CREATOR_FIELDS;
 exports.DEFAULT_SETTINGS = DEFAULT_SETTINGS;
@@ -3204,4 +3496,4 @@ exports.useGetAllDocumentsQuery = useGetAllDocumentsQuery;
 exports.useGetContentTypeConfigurationQuery = useGetContentTypeConfigurationQuery;
 exports.useGetInitialDataQuery = useGetInitialDataQuery;
 exports.useUpdateContentTypeConfigurationMutation = useUpdateContentTypeConfigurationMutation;
-//# sourceMappingURL=index-DFK7LwDW.js.map
+//# sourceMappingURL=index-CCJeB7Rw.js.map