@strapi/content-releases 4.16.2 → 4.18.0

package/dist/_chunks/{App-b6df6b60.js → App-o5_WfqR-.js}

@@ -1,17 +1,17 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
+const helperPlugin = require("@strapi/helper-plugin");
 const reactRouterDom = require("react-router-dom");
-const index = require("./index-28e99164.js");
+const index = require("./index-EdBmRHRU.js");
 const React = require("react");
 const designSystem = require("@strapi/design-system");
-const helperPlugin = require("@strapi/helper-plugin");
+const v2 = require("@strapi/design-system/v2");
 const icons = require("@strapi/icons");
 const reactIntl = require("react-intl");
 const styled = require("styled-components");
 const formik = require("formik");
 const yup = require("yup");
-const v2 = require("@strapi/design-system/v2");
 require("@reduxjs/toolkit/query");
 require("axios");
 require("@reduxjs/toolkit/query/react");
@@ -47,11 +47,16 @@ const ReleaseModal = ({
   isLoading = false
 }) => {
   const { formatMessage } = reactIntl.useIntl();
+  const { pathname } = reactRouterDom.useLocation();
+  const isCreatingRelease = pathname === `/plugins/${index.pluginId}`;
   return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.ModalLayout, { onClose: handleClose, labelledBy: "title", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.ModalHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { id: "title", fontWeight: "bold", textColor: "neutral800", children: formatMessage({
-      id: "content-releases.modal.add-release-title",
-      defaultMessage: "New release"
-    }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.ModalHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { id: "title", fontWeight: "bold", textColor: "neutral800", children: formatMessage(
+      {
+        id: "content-releases.modal.title",
+        defaultMessage: "{isCreatingRelease, select, true {New release} other {Edit release}}"
+      },
+      { isCreatingRelease }
+    ) }) }),
     /* @__PURE__ */ jsxRuntime.jsx(
       formik.Formik,
       {
@@ -78,10 +83,22 @@ const ReleaseModal = ({
             designSystem.ModalFooter,
             {
               startActions: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: handleClose, variant: "tertiary", name: "cancel", children: formatMessage({ id: "cancel", defaultMessage: "Cancel" }) }),
-              endActions: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { name: "submit", loading: isLoading, disabled: !values.name, type: "submit", children: formatMessage({
-                id: "content-releases.modal.form.button.submit",
-                defaultMessage: "Continue"
-              }) })
+              endActions: /* @__PURE__ */ jsxRuntime.jsx(
+                designSystem.Button,
+                {
+                  name: "submit",
+                  loading: isLoading,
+                  disabled: !values.name || values.name === initialValues.name,
+                  type: "submit",
+                  children: formatMessage(
+                    {
+                      id: "content-releases.modal.form.button.submit",
+                      defaultMessage: "{isCreatingRelease, select, true {Continue} other {Save}}"
+                    },
+                    { isCreatingRelease }
+                  )
+                }
+              )
             }
           )
         ] })
@@ -97,6 +114,14 @@ const ReleaseInfoWrapper = styled__default.default(designSystem.Flex)`
 `;
 const StyledFlex = styled__default.default(designSystem.Flex)`
   align-self: stretch;
+  cursor: ${({ disabled }) => disabled ? "not-allowed" : "pointer"};
+
+  svg path {
+    fill: ${({ theme, disabled }) => disabled && theme.colors.neutral500};
+  }
+  span {
+    color: ${({ theme, disabled }) => disabled && theme.colors.neutral500};
+  }
 `;
 const PencilIcon = styled__default.default(icons.Pencil)`
   width: ${({ theme }) => theme.spaces[4]};
@@ -112,7 +137,7 @@ const TrashIcon = styled__default.default(icons.Trash)`
     fill: ${({ theme }) => theme.colors.danger600};
   }
 `;
-const PopoverButton = ({ onClick, children }) => {
+const PopoverButton = ({ onClick, disabled, children }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     StyledFlex,
     {
@@ -125,10 +150,36 @@ const PopoverButton = ({ onClick, children }) => {
       as: "button",
       hasRadius: true,
       onClick,
+      disabled,
       children
     }
   );
 };
+const EntryValidationText = ({ status, action }) => {
+  const { formatMessage } = reactIntl.useIntl();
+  if (action == "publish") {
+    return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Icon, { color: "success600", as: icons.CheckCircle }),
+      status === "published" ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "success600", fontWeight: "bold", children: formatMessage({
+        id: "content-releases.pages.ReleaseDetails.entry-validation.already-published",
+        defaultMessage: "Already published"
+      }) }) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: formatMessage({
+        id: "content-releases.pages.ReleaseDetails.entry-validation.ready-to-publish",
+        defaultMessage: "Ready to publish"
+      }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Icon, { color: "success600", as: icons.CheckCircle }),
+    status === "draft" ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "success600", fontWeight: "bold", children: formatMessage({
+      id: "content-releases.pages.ReleaseDetails.entry-validation.already-unpublished",
+      defaultMessage: "Already unpublished"
+    }) }) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: formatMessage({
+      id: "content-releases.pages.ReleaseDetails.entry-validation.ready-to-unpublish",
+      defaultMessage: "Ready to unpublish"
+    }) })
+  ] });
+};
 const ReleaseDetailsLayout = ({
   toggleEditReleaseModal,
   toggleWarningSubmit,
@@ -138,10 +189,18 @@ const ReleaseDetailsLayout = ({
   const { releaseId } = reactRouterDom.useParams();
   const [isPopoverVisible, setIsPopoverVisible] = React__namespace.useState(false);
   const moreButtonRef = React__namespace.useRef(null);
-  const { data, isLoading: isLoadingDetails, isError } = index.useGetReleaseQuery({ id: releaseId });
+  const {
+    data,
+    isLoading: isLoadingDetails,
+    isError,
+    error
+  } = index.useGetReleaseQuery({ id: releaseId });
   const [publishRelease, { isLoading: isPublishing }] = index.usePublishReleaseMutation();
   const toggleNotification = helperPlugin.useNotification();
   const { formatAPIError } = helperPlugin.useAPIErrorHandler();
+  const {
+    allowedActions: { canUpdate, canDelete }
+  } = helperPlugin.useRBAC(index.PERMISSIONS);
   const release = data?.data;
   const handleTogglePopover = () => {
     setIsPopoverVisible((prev) => !prev);
@@ -177,15 +236,29 @@ const ReleaseDetailsLayout = ({
     handleTogglePopover();
   };
   if (isLoadingDetails) {
-    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Main, { "aria-busy": isLoadingDetails, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingBottom: 8, children: /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.LoadingIndicatorPage, {}) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Main, { "aria-busy": isLoadingDetails, children: /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.LoadingIndicatorPage, {}) });
   }
   if (isError || !release) {
-    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Main, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingBottom: 8, children: /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.AnErrorOccurred, {}) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactRouterDom.Redirect,
+      {
+        to: {
+          pathname: "/plugins/content-releases",
+          state: {
+            errors: [
+              {
+                code: error?.code
+              }
+            ]
+          }
+        }
+      }
+    );
   }
   const totalEntries = release.actions.meta.count || 0;
-  const createdBy = `${release.createdBy.firstname} ${release.createdBy.lastname}`;
+  const createdBy = release.createdBy.lastname ? `${release.createdBy.firstname} ${release.createdBy.lastname}` : `${release.createdBy.firstname}`;
   return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Main, { "aria-busy": isLoadingDetails, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingBottom: 8, children: /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx(
       designSystem.HeaderLayout,
       {
         title: release.name,
@@ -222,31 +295,22 @@ const ReleaseDetailsLayout = ({
               spacing: 4,
               minWidth: "242px",
               children: [
-                /* @__PURE__ */ jsxRuntime.jsxs(
-                  designSystem.Flex,
-                  {
-                    alignItems: "center",
-                    justifyContent: "center",
-                    direction: "column",
-                    padding: 1,
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.CheckPermissions, { permissions: index.PERMISSIONS.update, children: /* @__PURE__ */ jsxRuntime.jsxs(PopoverButton, { onClick: openReleaseModal, children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(PencilIcon, {}),
-                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { ellipsis: true, children: formatMessage({
-                          id: "content-releases.header.actions.edit",
-                          defaultMessage: "Edit"
-                        }) })
-                      ] }) }),
-                      /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.CheckPermissions, { permissions: index.PERMISSIONS.delete, children: /* @__PURE__ */ jsxRuntime.jsxs(PopoverButton, { onClick: openWarningConfirmDialog, children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(TrashIcon, {}),
-                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { ellipsis: true, textColor: "danger600", children: formatMessage({
-                          id: "content-releases.header.actions.delete",
-                          defaultMessage: "Delete"
-                        }) })
-                      ] }) })
-                    ]
-                  }
-                ),
+                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", justifyContent: "center", direction: "column", padding: 1, children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(PopoverButton, { disabled: !canUpdate, onClick: openReleaseModal, children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(PencilIcon, {}),
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { ellipsis: true, children: formatMessage({
+                      id: "content-releases.header.actions.edit",
+                      defaultMessage: "Edit"
+                    }) })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(PopoverButton, { disabled: !canDelete, onClick: openWarningConfirmDialog, children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(TrashIcon, {}),
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { ellipsis: true, textColor: "danger600", children: formatMessage({
+                      id: "content-releases.header.actions.delete",
+                      defaultMessage: "Delete"
+                    }) })
+                  ] })
+                ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs(
                   ReleaseInfoWrapper,
                   {
@@ -276,10 +340,6 @@ const ReleaseDetailsLayout = ({
               ]
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { size: "S", variant: "tertiary", children: formatMessage({
-            id: "content-releases.header.actions.refresh",
-            defaultMessage: "Refresh"
-          }) }),
           /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.CheckPermissions, { permissions: index.PERMISSIONS.publish, children: /* @__PURE__ */ jsxRuntime.jsx(
             designSystem.Button,
             {
@@ -296,23 +356,50 @@ const ReleaseDetailsLayout = ({
           ) })
         ] })
       }
-    ) }),
+    ),
     children
   ] });
 };
+const GROUP_BY_OPTIONS = ["contentType", "locale", "action"];
+const getGroupByOptionLabel = (value) => {
+  if (value === "locale") {
+    return {
+      id: "content-releases.pages.ReleaseDetails.groupBy.option.locales",
+      defaultMessage: "Locales"
+    };
+  }
+  if (value === "action") {
+    return {
+      id: "content-releases.pages.ReleaseDetails.groupBy.option.actions",
+      defaultMessage: "Actions"
+    };
+  }
+  return {
+    id: "content-releases.pages.ReleaseDetails.groupBy.option.content-type",
+    defaultMessage: "Content-Types"
+  };
+};
 const ReleaseDetailsBody = () => {
   const { formatMessage } = reactIntl.useIntl();
   const { releaseId } = reactRouterDom.useParams();
-  const [{ query }] = helperPlugin.useQueryParams();
+  const [{ query }, setQuery] = helperPlugin.useQueryParams();
   const toggleNotification = helperPlugin.useNotification();
   const { formatAPIError } = helperPlugin.useAPIErrorHandler();
   const {
     data: releaseData,
     isLoading: isReleaseLoading,
-    isError: isReleaseError
+    isError: isReleaseError,
+    error: releaseError
   } = index.useGetReleaseQuery({ id: releaseId });
   const release = releaseData?.data;
-  const { isLoading, isFetching, isError, data } = index.useGetReleaseActionsQuery({
+  const selectedGroupBy = query?.groupBy || "contentType";
+  const {
+    isLoading,
+    isFetching,
+    isError,
+    data,
+    error: releaseActionsError
+  } = index.useGetReleaseActionsQuery({
     ...query,
     releaseId
   });
@@ -344,107 +431,179 @@ const ReleaseDetailsBody = () => {
   if (isLoading || isReleaseLoading) {
     return /* @__PURE__ */ jsxRuntime.jsx(designSystem.ContentLayout, { children: /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.LoadingIndicatorPage, {}) });
   }
-  if (isError || isReleaseError || !release) {
-    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.ContentLayout, { children: /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.AnErrorOccurred, {}) });
-  }
   const releaseActions = data?.data;
   const releaseMeta = data?.meta;
-  if (!releaseActions || !releaseActions.length) {
+  if (isError || isReleaseError || !release || !releaseActions) {
+    const errorsArray = [];
+    if (releaseError) {
+      errorsArray.push({
+        code: releaseError.code
+      });
+    }
+    if (releaseActionsError) {
+      errorsArray.push({
+        code: releaseActionsError.code
+      });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactRouterDom.Redirect,
+      {
+        to: {
+          pathname: "/plugins/content-releases",
+          state: {
+            errors: errorsArray
+          }
+        }
+      }
+    );
+  }
+  if (Object.keys(releaseActions).length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsx(designSystem.ContentLayout, { children: /* @__PURE__ */ jsxRuntime.jsx(
-      designSystem.EmptyStateLayout,
+      helperPlugin.NoContent,
       {
-        content: formatMessage({
-          id: "content-releases.pages.Details.empty-state.content",
-          defaultMessage: "This release is empty."
-        }),
-        icon: /* @__PURE__ */ jsxRuntime.jsx(icons.EmptyDocuments, { width: "10rem" })
+        content: {
+          id: "content-releases.pages.Details.tab.emptyEntries",
+          defaultMessage: "This release is empty. Open the Content Manager, select an entry and add it to the release."
+        },
+        action: /* @__PURE__ */ jsxRuntime.jsx(
+          v2.LinkButton,
+          {
+            as: reactRouterDom.Link,
+            to: {
+              pathname: "/content-manager"
+            },
+            style: { textDecoration: "none" },
+            variant: "secondary",
+            children: formatMessage({
+              id: "content-releases.page.Details.button.openContentManager",
+              defaultMessage: "Open the Content Manager"
+            })
+          }
+        )
       }
     ) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.ContentLayout, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 4, direction: "column", alignItems: "stretch", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      helperPlugin.Table.Root,
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.ContentLayout, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 8, direction: "column", alignItems: "stretch", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.SingleSelect,
       {
-        rows: releaseActions.map((item) => ({
-          ...item,
-          id: Number(item.entry.id)
-        })),
-        colCount: releaseActions.length,
-        isLoading,
-        isFetching,
-        children: /* @__PURE__ */ jsxRuntime.jsxs(helperPlugin.Table.Content, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(helperPlugin.Table.Head, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              helperPlugin.Table.HeaderCell,
-              {
-                fieldSchemaType: "string",
-                label: formatMessage({
-                  id: "content-releases.page.ReleaseDetails.table.header.label.name",
-                  defaultMessage: "name"
-                }),
-                name: "name"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              helperPlugin.Table.HeaderCell,
-              {
-                fieldSchemaType: "string",
-                label: formatMessage({
-                  id: "content-releases.page.ReleaseDetails.table.header.label.locale",
-                  defaultMessage: "locale"
-                }),
-                name: "locale"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              helperPlugin.Table.HeaderCell,
-              {
-                fieldSchemaType: "string",
-                label: formatMessage({
-                  id: "content-releases.page.ReleaseDetails.table.header.label.content-type",
-                  defaultMessage: "content-type"
-                }),
-                name: "content-type"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              helperPlugin.Table.HeaderCell,
-              {
-                fieldSchemaType: "string",
-                label: formatMessage({
-                  id: "content-releases.page.ReleaseDetails.table.header.label.action",
-                  defaultMessage: "action"
-                }),
-                name: "action"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.Table.LoadingBody, {}),
-          /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.Table.Body, { children: releaseActions.map(({ id, type, entry }) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: `${entry.contentType.mainFieldValue || entry.id}` }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: `${entry?.locale?.name ? entry.locale.name : "-"}` }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: entry.contentType.displayName || "" }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: release.releasedAt ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: formatMessage(
-              {
-                id: "content-releases.page.ReleaseDetails.table.action-published",
-                defaultMessage: "This entry was <b>{isPublish, select, true {published} other {unpublished}}</b>."
-              },
-              {
-                isPublish: type === "publish",
-                b: (children) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "bold", children })
-              }
-            ) }) : /* @__PURE__ */ jsxRuntime.jsx(
-              index.ReleaseActionOptions,
-              {
-                selected: type,
-                handleChange: (e) => handleChangeType(e, id),
-                name: `release-action-${id}-type`
-              }
-            ) })
-          ] }, id)) })
-        ] })
+        "aria-label": formatMessage({
+          id: "content-releases.pages.ReleaseDetails.groupBy.label",
+          defaultMessage: "Group by"
+        }),
+        customizeContent: (value) => formatMessage(
+          {
+            id: `content-releases.pages.ReleaseDetails.groupBy.label`,
+            defaultMessage: `Group by {groupBy}`
+          },
+          {
+            groupBy: value
+          }
+        ),
+        value: formatMessage(getGroupByOptionLabel(selectedGroupBy)),
+        onChange: (value) => setQuery({ groupBy: value }),
+        children: GROUP_BY_OPTIONS.map((option) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: option, children: formatMessage(getGroupByOptionLabel(option)) }, option))
       }
-    ),
+    ) }),
+    Object.keys(releaseActions).map((key) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 4, direction: "column", alignItems: "stretch", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { children: key }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        helperPlugin.Table.Root,
+        {
+          rows: releaseActions[key].map((item) => ({
+            ...item,
+            id: Number(item.entry.id)
+          })),
+          colCount: releaseActions[key].length,
+          isLoading,
+          isFetching,
+          children: /* @__PURE__ */ jsxRuntime.jsxs(helperPlugin.Table.Content, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(helperPlugin.Table.Head, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                helperPlugin.Table.HeaderCell,
+                {
+                  fieldSchemaType: "string",
+                  label: formatMessage({
+                    id: "content-releases.page.ReleaseDetails.table.header.label.name",
+                    defaultMessage: "name"
+                  }),
+                  name: "name"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                helperPlugin.Table.HeaderCell,
+                {
+                  fieldSchemaType: "string",
+                  label: formatMessage({
+                    id: "content-releases.page.ReleaseDetails.table.header.label.locale",
+                    defaultMessage: "locale"
+                  }),
+                  name: "locale"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                helperPlugin.Table.HeaderCell,
+                {
+                  fieldSchemaType: "string",
+                  label: formatMessage({
+                    id: "content-releases.page.ReleaseDetails.table.header.label.content-type",
+                    defaultMessage: "content-type"
+                  }),
+                  name: "content-type"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                helperPlugin.Table.HeaderCell,
+                {
+                  fieldSchemaType: "string",
+                  label: formatMessage({
+                    id: "content-releases.page.ReleaseDetails.table.header.label.action",
+                    defaultMessage: "action"
+                  }),
+                  name: "action"
+                }
+              ),
+              !release.releasedAt && /* @__PURE__ */ jsxRuntime.jsx(
+                helperPlugin.Table.HeaderCell,
+                {
+                  fieldSchemaType: "string",
+                  label: formatMessage({
+                    id: "content-releases.page.ReleaseDetails.table.header.label.status",
+                    defaultMessage: "status"
+                  }),
+                  name: "status"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.Table.LoadingBody, {}),
+            /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.Table.Body, { children: releaseActions[key].map(({ id, type, entry }) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { width: "25%", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { ellipsis: true, children: `${entry.contentType.mainFieldValue || entry.id}` }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: `${entry?.locale?.name ? entry.locale.name : "-"}` }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: entry.contentType.displayName || "" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: release.releasedAt ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: formatMessage(
+                {
+                  id: "content-releases.page.ReleaseDetails.table.action-published",
+                  defaultMessage: "This entry was <b>{isPublish, select, true {published} other {unpublished}}</b>."
+                },
+                {
+                  isPublish: type === "publish",
+                  b: (children) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "bold", children })
+                }
+              ) }) : /* @__PURE__ */ jsxRuntime.jsx(
+                index.ReleaseActionOptions,
+                {
+                  selected: type,
+                  handleChange: (e) => handleChangeType(e, id),
+                  name: `release-action-${id}-type`
+                }
+              ) }),
+              !release.releasedAt && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(EntryValidationText, { status: entry.status, action: type }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "flex-end", children: /* @__PURE__ */ jsxRuntime.jsx(index.ReleaseActionMenu, { releaseId, actionId: id }) }) })
+            ] }, id)) })
+          ] })
+        }
+      )
+    ] }, `releases-group-${key}`)),
     /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { paddingTop: 4, alignItems: "flex-end", justifyContent: "space-between", children: [
       /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.PageSizeURLQuery, { defaultValue: releaseMeta?.pagination?.pageSize.toString() }),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -565,7 +724,6 @@ const ReleaseDetailsPage = () => {
     }
   );
 };
-const ProtectedReleaseDetailsPage = () => /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.CheckPermissions, { permissions: index.PERMISSIONS.main, children: /* @__PURE__ */ jsxRuntime.jsx(ReleaseDetailsPage, {}) });
 const ReleasesLayout = ({
   isLoading,
   totalReleases,
@@ -652,15 +810,32 @@ const INITIAL_FORM_VALUES = {
   name: ""
 };
 const ReleasesPage = () => {
+  const location = reactRouterDom.useLocation();
   const [releaseModalShown, setReleaseModalShown] = React__namespace.useState(false);
   const toggleNotification = helperPlugin.useNotification();
   const { formatMessage } = reactIntl.useIntl();
-  const { push } = reactRouterDom.useHistory();
+  const { push, replace } = reactRouterDom.useHistory();
   const { formatAPIError } = helperPlugin.useAPIErrorHandler();
   const [{ query }, setQuery] = helperPlugin.useQueryParams();
   const response = index.useGetReleasesQuery(query);
   const [createRelease, { isLoading: isSubmittingForm }] = index.useCreateReleaseMutation();
   const { isLoading, isSuccess, isError } = response;
+  React__namespace.useEffect(() => {
+    if (location?.state?.errors) {
+      toggleNotification({
+        type: "warning",
+        title: formatMessage({
+          id: "content-releases.pages.Releases.notification.error.title",
+          defaultMessage: "Your request could not be processed."
+        }),
+        message: formatMessage({
+          id: "content-releases.pages.Releases.notification.error.message",
+          defaultMessage: "Please try again or open another release."
+        })
+      });
+      replace({ state: null });
+    }
+  }, [formatMessage, location?.state?.errors, replace, toggleNotification]);
   const toggleAddReleaseModal = () => {
     setReleaseModalShown((prev) => !prev);
   };
@@ -719,16 +894,19 @@ const ReleasesPage = () => {
           initialSelectedTabIndex: ["pending", "done"].indexOf(activeTab),
           onTabChange: handleTabChange,
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingBottom: 8, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tabs, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tab, { children: formatMessage({
-                id: "content-releases.pages.Releases.tab.pending",
-                defaultMessage: "Pending"
-              }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tab, { children: formatMessage({
-                id: "content-releases.pages.Releases.tab.done",
-                defaultMessage: "Done"
-              }) })
-            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { paddingBottom: 8, children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tabs, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tab, { children: formatMessage({
+                  id: "content-releases.pages.Releases.tab.pending",
+                  defaultMessage: "Pending"
+                }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tab, { children: formatMessage({
+                  id: "content-releases.pages.Releases.tab.done",
+                  defaultMessage: "Done"
+                }) })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, {})
+            ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(designSystem.TabPanels, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(designSystem.TabPanel, { children: /* @__PURE__ */ jsxRuntime.jsx(
                 ReleasesGrid,
@@ -779,19 +957,11 @@ const ReleasesPage = () => {
     )
   ] });
 };
-const ProtectedReleasesPage = () => /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.CheckPermissions, { permissions: index.PERMISSIONS.main, children: /* @__PURE__ */ jsxRuntime.jsx(ReleasesPage, {}) });
 const App = () => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(reactRouterDom.Switch, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { exact: true, path: `/plugins/${index.pluginId}`, component: ProtectedReleasesPage }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      reactRouterDom.Route,
-      {
-        exact: true,
-        path: `/plugins/${index.pluginId}/:releaseId`,
-        component: ProtectedReleaseDetailsPage
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.CheckPagePermissions, { permissions: index.PERMISSIONS.main, children: /* @__PURE__ */ jsxRuntime.jsxs(reactRouterDom.Switch, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { exact: true, path: `/plugins/${index.pluginId}`, component: ReleasesPage }),
+    /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { exact: true, path: `/plugins/${index.pluginId}/:releaseId`, component: ReleaseDetailsPage })
+  ] }) });
 };
 exports.App = App;
-//# sourceMappingURL=App-b6df6b60.js.map
+//# sourceMappingURL=App-o5_WfqR-.js.map