@strapi/content-releases 0.0.0-experimental.edc24aaa3bb5a90fa5fd4fee208167dd4e2e38d4 → 0.0.0-experimental.ee7402bacc4656d268ab76aa9c334a7b7a951201

package/dist/_chunks/{App-D-lWdVb2.js → App-SGjO5UPV.js}

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const strapiAdmin = require("@strapi/admin/strapi-admin");
+const strapiAdmin$1 = require("@strapi/admin/strapi-admin");
 const reactRouterDom = require("react-router-dom");
-const index = require("./index-jnv9zdcE.js");
+const index = require("./index-CyU534vL.js");
 const React = require("react");
-const strapiAdmin$1 = require("@strapi/content-manager/strapi-admin");
 const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
 const symbols = require("@strapi/icons/symbols");
@@ -13,15 +12,16 @@ const format = require("date-fns/format");
 const dateFnsTz = require("date-fns-tz");
 const reactIntl = require("react-intl");
 const styledComponents = require("styled-components");
+const strapiAdmin = require("@strapi/content-manager/strapi-admin");
+const qs = require("qs");
 const dateFns = require("date-fns");
 const formik = require("formik");
-const schemas = require("./schemas-z5zp-_Gd.js");
+const schemas = require("./schemas-DBYv9gK8.js");
 const reactRedux = require("react-redux");
 const ee = require("@strapi/admin/strapi-admin/ee");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 function _interopNamespace(e) {
-  if (e && e.__esModule)
-    return e;
+  if (e && e.__esModule) return e;
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
     for (const k in e) {
@@ -39,6 +39,290 @@ function _interopNamespace(e) {
 }
 const React__namespace = /* @__PURE__ */ _interopNamespace(React);
 const format__default = /* @__PURE__ */ _interopDefault(format);
+const StyledPopoverFlex = styledComponents.styled(designSystem.Flex)`
+  width: 100%;
+  max-width: 256px;
+
+  & > * {
+    border-bottom: 1px solid ${({ theme }) => theme.colors.neutral150};
+  }
+
+  & > *:last-child {
+    border-bottom: none;
+  }
+`;
+const EntryStatusTrigger = ({
+  action,
+  status,
+  hasErrors,
+  requiredStage,
+  entryStage
+}) => {
+  const { formatMessage } = reactIntl.useIntl();
+  if (action === "publish") {
+    if (hasErrors || requiredStage && requiredStage.id !== entryStage?.id) {
+      return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Button,
+        {
+          variant: "ghost",
+          startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.CrossCircle, { fill: "danger600" }),
+          endIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.CaretDown, {}),
+          children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "danger600", variant: "omega", fontWeight: "bold", children: formatMessage({
+            id: "content-releases.pages.ReleaseDetails.entry-validation.not-ready",
+            defaultMessage: "Not ready to publish"
+          }) })
+        }
+      ) });
+    }
+    if (status === "draft") {
+      return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Button,
+        {
+          variant: "ghost",
+          startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { fill: "success600" }),
+          endIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.CaretDown, {}),
+          children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "success600", variant: "omega", fontWeight: "bold", children: formatMessage({
+            id: "content-releases.pages.ReleaseDetails.entry-validation.ready-to-publish",
+            defaultMessage: "Ready to publish"
+          }) })
+        }
+      ) });
+    }
+    if (status === "modified") {
+      return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Button,
+        {
+          variant: "ghost",
+          startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowsCounterClockwise, { fill: "alternative600" }),
+          endIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.CaretDown, {}),
+          children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "bold", textColor: "alternative600", children: formatMessage({
+            id: "content-releases.pages.ReleaseDetails.entry-validation.modified",
+            defaultMessage: "Ready to publish changes"
+          }) })
+        }
+      ) });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.Button,
+      {
+        variant: "ghost",
+        startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { fill: "success600" }),
+        endIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.CaretDown, {}),
+        children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "success600", variant: "omega", fontWeight: "bold", children: formatMessage({
+          id: "content-releases.pages.ReleaseDetails.entry-validation.already-published",
+          defaultMessage: "Already published"
+        }) })
+      }
+    ) });
+  }
+  if (status === "published") {
+    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.Button,
+      {
+        variant: "ghost",
+        startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { fill: "success600" }),
+        endIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.CaretDown, {}),
+        children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "success600", variant: "omega", fontWeight: "bold", children: formatMessage({
+          id: "content-releases.pages.ReleaseDetails.entry-validation.ready-to-unpublish",
+          defaultMessage: "Ready to unpublish"
+        }) })
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "ghost", startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { fill: "success600" }), endIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.CaretDown, {}), children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "success600", variant: "omega", fontWeight: "bold", children: formatMessage({
+    id: "content-releases.pages.ReleaseDetails.entry-validation.already-unpublished",
+    defaultMessage: "Already unpublished"
+  }) }) }) });
+};
+const FieldsValidation = ({
+  hasErrors,
+  errors,
+  kind,
+  contentTypeUid,
+  documentId,
+  locale
+}) => {
+  const { formatMessage } = reactIntl.useIntl();
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 1, width: "100%", padding: 5, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, width: "100%", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "bold", children: formatMessage({
+        id: "content-releases.pages.ReleaseDetails.entry-validation.fields",
+        defaultMessage: "Fields"
+      }) }),
+      hasErrors ? /* @__PURE__ */ jsxRuntime.jsx(icons.CrossCircle, { fill: "danger600" }) : /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { fill: "success600" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { width: "100%", textColor: "neutral600", children: hasErrors ? formatMessage(
+      {
+        id: "content-releases.pages.ReleaseDetails.entry-validation.fields.error",
+        defaultMessage: "{errors} errors on fields."
+      },
+      { errors: errors ? Object.keys(errors).length : 0 }
+    ) : formatMessage({
+      id: "content-releases.pages.ReleaseDetails.entry-validation.fields.success",
+      defaultMessage: "All fields are filled correctly."
+    }) }),
+    hasErrors && /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.LinkButton,
+      {
+        tag: reactRouterDom.Link,
+        to: {
+          pathname: `/content-manager/${kind === "collectionType" ? "collection-types" : "single-types"}/${contentTypeUid}/${documentId}`,
+          search: locale ? qs.stringify({
+            plugins: {
+              i18n: {
+                locale
+              }
+            }
+          }) : ""
+        },
+        variant: "secondary",
+        fullWidth: true,
+        state: { forceValidation: true },
+        children: formatMessage({
+          id: "content-releases.pages.ReleaseDetails.entry-validation.fields.see-errors",
+          defaultMessage: "See errors"
+        })
+      }
+    )
+  ] });
+};
+const getReviewStageIcon = ({
+  contentTypeHasReviewWorkflow,
+  requiredStage,
+  entryStage
+}) => {
+  if (!contentTypeHasReviewWorkflow) {
+    return /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { fill: "neutral200" });
+  }
+  if (requiredStage && requiredStage.id !== entryStage?.id) {
+    return /* @__PURE__ */ jsxRuntime.jsx(icons.CrossCircle, { fill: "danger600" });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { fill: "success600" });
+};
+const getReviewStageMessage = ({
+  contentTypeHasReviewWorkflow,
+  requiredStage,
+  entryStage,
+  formatMessage
+}) => {
+  if (!contentTypeHasReviewWorkflow) {
+    return formatMessage({
+      id: "content-releases.pages.ReleaseDetails.entry-validation.review-stage.not-enabled",
+      defaultMessage: "This entry is not associated to any workflow."
+    });
+  }
+  if (requiredStage && requiredStage.id !== entryStage?.id) {
+    return formatMessage(
+      {
+        id: "content-releases.pages.ReleaseDetails.entry-validation.review-stage.not-ready",
+        defaultMessage: "This entry is not at the required stage for publishing. ({stageName})"
+      },
+      {
+        stageName: requiredStage?.name ?? ""
+      }
+    );
+  }
+  if (requiredStage && requiredStage.id === entryStage?.id) {
+    return formatMessage(
+      {
+        id: "content-releases.pages.ReleaseDetails.entry-validation.review-stage.ready",
+        defaultMessage: "This entry is at the required stage for publishing. ({stageName})"
+      },
+      {
+        stageName: requiredStage?.name ?? ""
+      }
+    );
+  }
+  return formatMessage({
+    id: "content-releases.pages.ReleaseDetails.entry-validation.review-stage.stage-not-required",
+    defaultMessage: "No required stage for publication"
+  });
+};
+const ReviewStageValidation = ({
+  contentTypeHasReviewWorkflow,
+  requiredStage,
+  entryStage
+}) => {
+  const { formatMessage } = reactIntl.useIntl();
+  const Icon = getReviewStageIcon({
+    contentTypeHasReviewWorkflow,
+    requiredStage,
+    entryStage
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 1, width: "100%", padding: 5, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, width: "100%", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "bold", children: formatMessage({
+        id: "content-releases.pages.ReleaseDetails.entry-validation.review-stage",
+        defaultMessage: "Review stage"
+      }) }),
+      Icon
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: getReviewStageMessage({
+      contentTypeHasReviewWorkflow,
+      requiredStage,
+      entryStage,
+      formatMessage
+    }) })
+  ] });
+};
+const EntryValidationPopover = ({
+  schema,
+  entry,
+  status,
+  action
+}) => {
+  const { validate, isLoading } = strapiAdmin.unstable_useDocument(
+    {
+      collectionType: schema?.kind ?? "",
+      model: schema?.uid ?? ""
+    },
+    {
+      // useDocument makes a request to get more data about the entry, but we only want to have the validation function so we skip the request
+      skip: true
+    }
+  );
+  const errors = isLoading ? null : validate(entry);
+  const hasErrors = errors ? Object.keys(errors).length > 0 : false;
+  const contentTypeHasReviewWorkflow = schema?.hasReviewWorkflow ?? false;
+  const requiredStage = schema?.stageRequiredToPublish;
+  const entryStage = entry.strapi_stage;
+  if (isLoading) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Popover.Root, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      EntryStatusTrigger,
+      {
+        action,
+        status,
+        hasErrors,
+        requiredStage,
+        entryStage
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(StyledPopoverFlex, { direction: "column", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FieldsValidation,
+        {
+          hasErrors,
+          errors,
+          contentTypeUid: schema?.uid,
+          kind: schema?.kind,
+          documentId: entry.documentId,
+          locale: entry.locale
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ReviewStageValidation,
+        {
+          contentTypeHasReviewWorkflow,
+          requiredStage,
+          entryStage
+        }
+      )
+    ] }) })
+  ] });
+};
 const intervals = ["years", "months", "days", "hours", "minutes", "seconds"];
 const RelativeTime$1 = React__namespace.forwardRef(
   ({ timestamp, customIntervals = [], ...restProps }, forwardedRef) => {
@@ -84,8 +368,7 @@ const ReleaseModal = ({
   );
   const getScheduledTimestamp = (values) => {
     const { date, time, timezone } = values;
-    if (!date || !time || !timezone)
-      return null;
+    if (!date || !time || !timezone) return null;
     const timezoneWithoutOffset = timezone.split("&")[1];
     return dateFnsTz.zonedTimeToUtc(`${date} ${time}`, timezoneWithoutOffset);
   };
@@ -346,7 +629,7 @@ const getBadgeProps = (status) => {
 const ReleasesGrid = ({ sectionTitle, releases = [], isError = false }) => {
   const { formatMessage } = reactIntl.useIntl();
   if (isError) {
-    return /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Page.Error, {});
+    return /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.Page.Error, {});
   }
   if (releases?.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -365,7 +648,7 @@ const ReleasesGrid = ({ sectionTitle, releases = [], isError = false }) => {
       }
     );
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Root, { gap: 4, children: releases.map(({ id, name, scheduledAt, status }) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 3, s: 6, xs: 12, children: /* @__PURE__ */ jsxRuntime.jsx(LinkCard, { tag: reactRouterDom.NavLink, to: `${id}`, isExternal: false, children: /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Root, { gap: 4, children: releases.map(({ id, name, scheduledAt, status }) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 3, s: 6, xs: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsx(LinkCard, { tag: reactRouterDom.NavLink, to: `${id}`, isExternal: false, children: /* @__PURE__ */ jsxRuntime.jsxs(
     designSystem.Flex,
     {
       direction: "column",
@@ -410,20 +693,20 @@ const INITIAL_FORM_VALUES = {
 const ReleasesPage = () => {
   const location = reactRouterDom.useLocation();
   const [releaseModalShown, setReleaseModalShown] = React__namespace.useState(false);
-  const { toggleNotification } = strapiAdmin.useNotification();
+  const { toggleNotification } = strapiAdmin$1.useNotification();
   const { formatMessage } = reactIntl.useIntl();
   const navigate = reactRouterDom.useNavigate();
-  const { formatAPIError } = strapiAdmin.useAPIErrorHandler();
-  const [{ query }, setQuery] = strapiAdmin.useQueryParams();
+  const { formatAPIError } = strapiAdmin$1.useAPIErrorHandler();
+  const [{ query }, setQuery] = strapiAdmin$1.useQueryParams();
   const response = index.useGetReleasesQuery(query);
   const { data, isLoading: isLoadingSettings } = index.useGetReleaseSettingsQuery();
   const [createRelease, { isLoading: isSubmittingForm }] = index.useCreateReleaseMutation();
   const { getFeature } = ee.useLicenseLimits();
   const { maximumReleases = 3 } = getFeature("cms-content-releases");
-  const { trackUsage } = strapiAdmin.useTracking();
+  const { trackUsage } = strapiAdmin$1.useTracking();
   const {
     allowedActions: { canCreate }
-  } = strapiAdmin.useRBAC(index.PERMISSIONS);
+  } = strapiAdmin$1.useRBAC(index.PERMISSIONS);
   const { isLoading: isLoadingReleases, isSuccess, isError } = response;
   const activeTab = response?.currentData?.meta?.activeTab || "pending";
   React__namespace.useEffect(() => {
@@ -446,7 +729,7 @@ const ReleasesPage = () => {
     setReleaseModalShown((prev) => !prev);
   };
   if (isLoadingReleases || isLoadingSettings) {
-    return /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Page.Loading, {});
+    return /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.Page.Loading, {});
   }
   const totalPendingReleases = isSuccess && response.currentData?.meta?.pendingReleasesCount || 0;
   const hasReachedMaximumPendingReleases = totalPendingReleases >= maximumReleases;
@@ -478,7 +761,7 @@ const ReleasesPage = () => {
       });
       trackUsage("didCreateRelease");
       navigate(response2.data.data.id.toString());
-    } else if (strapiAdmin.isFetchError(response2.error)) {
+    } else if (strapiAdmin$1.isFetchError(response2.error)) {
       toggleNotification({
         type: "danger",
         message: formatAPIError(response2.error)
@@ -492,7 +775,7 @@ const ReleasesPage = () => {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Main, { "aria-busy": isLoadingReleases || isLoadingSettings, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      strapiAdmin.Layouts.Header,
+      strapiAdmin$1.Layouts.Header,
       {
         title: formatMessage({
           id: "content-releases.pages.Releases.title",
@@ -516,7 +799,7 @@ const ReleasesPage = () => {
         ) : null
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Layouts.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.Layouts.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       hasReachedMaximumPendingReleases && /* @__PURE__ */ jsxRuntime.jsx(
         StyledAlert,
         {
@@ -587,13 +870,13 @@ const ReleasesPage = () => {
         ) })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs(
-        strapiAdmin.Pagination.Root,
+        strapiAdmin$1.Pagination.Root,
         {
           ...response?.currentData?.meta?.pagination,
           defaultPageSize: response?.currentData?.meta?.pagination?.pageSize,
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Pagination.PageSize, { options: ["8", "16", "32", "64"] }),
-            /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Pagination.Links, {})
+            /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.Pagination.PageSize, { options: ["8", "16", "32", "64"] }),
+            /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.Pagination.Links, {})
           ]
         }
       )
@@ -632,100 +915,19 @@ const StyledMenuItem = styledComponents.styled(designSystem.MenuItem)`
   }
 `;
 const PencilIcon = styledComponents.styled(icons.Pencil)`
-  width: ${({ theme }) => theme.spaces[3]};
-  height: ${({ theme }) => theme.spaces[3]};
+  width: ${({ theme }) => theme.spaces[4]};
+  height: ${({ theme }) => theme.spaces[4]};
   path {
     fill: ${({ theme }) => theme.colors.neutral600};
   }
 `;
 const TrashIcon = styledComponents.styled(icons.Trash)`
-  width: ${({ theme }) => theme.spaces[3]};
-  height: ${({ theme }) => theme.spaces[3]};
+  width: ${({ theme }) => theme.spaces[4]};
+  height: ${({ theme }) => theme.spaces[4]};
   path {
     fill: ${({ theme }) => theme.colors.danger600};
   }
 `;
-const TypographyMaxWidth = styledComponents.styled(designSystem.Typography)`
-  max-width: 300px;
-`;
-const EntryValidationText = ({ action, schema, entry, status }) => {
-  const { formatMessage } = reactIntl.useIntl();
-  const { validate, isLoading } = strapiAdmin$1.unstable_useDocument(
-    {
-      collectionType: schema?.kind ?? "",
-      model: schema?.uid ?? ""
-    },
-    {
-      // useDocument makes a request to get more data about the entry, but we only want to have the validation function so we skip the request
-      skip: true
-    }
-  );
-  if (isLoading) {
-    return null;
-  }
-  const errors = validate(entry) ?? {};
-  if (action === "publish") {
-    if (Object.keys(errors).length > 0) {
-      const validationErrorsMessages = Object.entries(errors).map(
-        ([key, value]) => formatMessage(
-          // @ts-expect-error – TODO: fix this will better checks
-          { id: `${value.id}.withField`, defaultMessage: value.defaultMessage },
-          { field: key }
-        )
-      ).join(" ");
-      return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(icons.CrossCircle, { fill: "danger600" }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tooltip, { description: validationErrorsMessages, children: /* @__PURE__ */ jsxRuntime.jsx(
-          TypographyMaxWidth,
-          {
-            textColor: "danger600",
-            variant: "omega",
-            fontWeight: "semiBold",
-            ellipsis: true,
-            children: validationErrorsMessages
-          }
-        ) })
-      ] });
-    }
-    if (status === "draft") {
-      return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { fill: "success600" }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: formatMessage({
-          id: "content-releases.pages.ReleaseDetails.entry-validation.ready-to-publish",
-          defaultMessage: "Ready to publish"
-        }) })
-      ] });
-    }
-    if (status === "modified") {
-      return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowsCounterClockwise, { fill: "alternative600" }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: formatMessage({
-          id: "content-releases.pages.ReleaseDetails.entry-validation.modified",
-          defaultMessage: "Ready to publish changes"
-        }) })
-      ] });
-    }
-    if (status === "published") {
-      return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { fill: "success600" }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: formatMessage({
-          id: "content-releases.pages.ReleaseDetails.entry-validation.already-published",
-          defaultMessage: "Already published"
-        }) })
-      ] });
-    }
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { fill: "success600" }),
-    !entry.publishedAt ? /* @__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,
@@ -744,12 +946,12 @@ const ReleaseDetailsLayout = ({
     }
   );
   const [publishRelease, { isLoading: isPublishing }] = index.usePublishReleaseMutation();
-  const { toggleNotification } = strapiAdmin.useNotification();
-  const { formatAPIError } = strapiAdmin.useAPIErrorHandler();
-  const { allowedActions } = strapiAdmin.useRBAC(index.PERMISSIONS);
+  const { toggleNotification } = strapiAdmin$1.useNotification();
+  const { formatAPIError } = strapiAdmin$1.useAPIErrorHandler();
+  const { allowedActions } = strapiAdmin$1.useRBAC(index.PERMISSIONS);
   const { canUpdate, canDelete, canPublish } = allowedActions;
   const dispatch = useTypedDispatch();
-  const { trackUsage } = strapiAdmin.useTracking();
+  const { trackUsage } = strapiAdmin$1.useTracking();
   const release = data?.data;
   const handlePublishRelease = (id) => async () => {
     const response = await publishRelease({ id });
@@ -767,7 +969,7 @@ const ReleaseDetailsLayout = ({
         totalPublishedEntries,
         totalUnpublishedEntries
       });
-    } else if (strapiAdmin.isFetchError(response.error)) {
+    } else if (strapiAdmin$1.isFetchError(response.error)) {
       toggleNotification({
         type: "danger",
         message: formatAPIError(response.error)
@@ -800,7 +1002,7 @@ const ReleaseDetailsLayout = ({
     return release.createdBy.email;
   };
   if (isLoadingDetails) {
-    return /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Page.Loading, {});
+    return /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.Page.Loading, {});
   }
   if (isBaseQueryError(error) && "code" in error || !release) {
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -850,23 +1052,23 @@ const ReleaseDetailsLayout = ({
   ) : "";
   return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Main, { "aria-busy": isLoadingDetails, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      strapiAdmin.Layouts.Header,
+      strapiAdmin$1.Layouts.Header,
       {
         title: release.name,
         subtitle: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, lineHeight: 6, children: [
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", variant: "epsilon", children: numberOfEntriesText + (isScheduled ? ` - ${scheduledText}` : "") }),
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { ...getBadgeProps(release.status), children: release.status })
         ] }),
-        navigationAction: /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.BackButton, {}),
+        navigationAction: /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.BackButton, { fallback: ".." }),
         primaryAction: !release.releasedAt && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
           /* @__PURE__ */ jsxRuntime.jsxs(
-            designSystem.SimpleMenu,
+            SimpleMenuButton,
             {
               label: /* @__PURE__ */ jsxRuntime.jsx(icons.More, {}),
               variant: "tertiary",
               endIcon: null,
-              paddingLeft: 2,
-              paddingRight: 2,
+              paddingLeft: "7px",
+              paddingRight: "7px",
               "aria-label": formatMessage({
                 id: "content-releases.header.actions.open-release-actions",
                 defaultMessage: "Release edit and delete menu"
@@ -902,7 +1104,7 @@ const ReleaseDetailsLayout = ({
                     justifyContent: "center",
                     alignItems: "flex-start",
                     gap: 1,
-                    padding: 5,
+                    padding: 4,
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", children: formatMessage({
                         id: "content-releases.header.actions.created",
@@ -948,6 +1150,11 @@ const ReleaseDetailsLayout = ({
     children
   ] });
 };
+const SimpleMenuButton = styledComponents.styled(designSystem.SimpleMenu)`
+  & > span {
+    display: flex;
+  }
+`;
 const GROUP_BY_OPTIONS = ["contentType", "locale", "action"];
 const GROUP_BY_OPTIONS_NO_LOCALE = ["contentType", "action"];
 const getGroupByOptionLabel = (value) => {
@@ -970,9 +1177,9 @@ const getGroupByOptionLabel = (value) => {
 };
 const ReleaseDetailsBody = ({ releaseId }) => {
   const { formatMessage } = reactIntl.useIntl();
-  const [{ query }, setQuery] = strapiAdmin.useQueryParams();
-  const { toggleNotification } = strapiAdmin.useNotification();
-  const { formatAPIError } = strapiAdmin.useAPIErrorHandler();
+  const [{ query }, setQuery] = strapiAdmin$1.useQueryParams();
+  const { toggleNotification } = strapiAdmin$1.useNotification();
+  const { formatAPIError } = strapiAdmin$1.useAPIErrorHandler();
   const {
     data: releaseData,
     isLoading: isReleaseLoading,
@@ -980,8 +1187,8 @@ const ReleaseDetailsBody = ({ releaseId }) => {
   } = index.useGetReleaseQuery({ id: releaseId });
   const {
     allowedActions: { canUpdate }
-  } = strapiAdmin.useRBAC(index.PERMISSIONS);
-  const runHookWaterfall = strapiAdmin.useStrapiApp("ReleaseDetailsPage", (state) => state.runHookWaterfall);
+  } = strapiAdmin$1.useRBAC(index.PERMISSIONS);
+  const runHookWaterfall = strapiAdmin$1.useStrapiApp("ReleaseDetailsPage", (state) => state.runHookWaterfall);
   const { displayedHeaders, hasI18nEnabled } = runHookWaterfall("ContentReleases/pages/ReleaseDetails/add-locale-in-releases", {
     displayedHeaders: [
       {
@@ -1022,7 +1229,7 @@ const ReleaseDetailsBody = ({ releaseId }) => {
       // We are passing the action path to found the position in the cache of the action for optimistic updates
     });
     if ("error" in response) {
-      if (strapiAdmin.isFetchError(response.error)) {
+      if (strapiAdmin$1.isFetchError(response.error)) {
         toggleNotification({
           type: "danger",
           message: formatAPIError(response.error)
@@ -1036,12 +1243,12 @@ const ReleaseDetailsBody = ({ releaseId }) => {
     }
   };
   if (isLoading || isReleaseLoading) {
-    return /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Page.Loading, {});
+    return /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.Page.Loading, {});
   }
   const releaseActions = data?.data;
   const releaseMeta = data?.meta;
   const contentTypes = releaseMeta?.contentTypes || {};
-  const components = releaseMeta?.components || {};
+  releaseMeta?.components || {};
   if (isBaseQueryError(releaseError) || !release) {
     const errorsArray = [];
     if (releaseError && "code" in releaseError) {
@@ -1065,10 +1272,10 @@ const ReleaseDetailsBody = ({ releaseId }) => {
     );
   }
   if (isError || !releaseActions) {
-    return /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Page.Error, {});
+    return /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.Page.Error, {});
   }
   if (Object.keys(releaseActions).length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Layouts.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.Layouts.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(
       designSystem.EmptyStateLayout,
       {
         action: /* @__PURE__ */ jsxRuntime.jsx(
@@ -1125,7 +1332,7 @@ const ReleaseDetailsBody = ({ releaseId }) => {
     ] : []
   ];
   const options = hasI18nEnabled ? GROUP_BY_OPTIONS : GROUP_BY_OPTIONS_NO_LOCALE;
-  return /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Layouts.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 8, direction: "column", alignItems: "stretch", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.Layouts.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 8, direction: "column", alignItems: "stretch", children: [
     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { children: /* @__PURE__ */ jsxRuntime.jsx(
       designSystem.SingleSelect,
       {
@@ -1148,7 +1355,7 @@ const ReleaseDetailsBody = ({ releaseId }) => {
     Object.keys(releaseActions).map((key) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 4, direction: "column", alignItems: "stretch", children: [
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { role: "separator", "aria-label": key, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { children: key }) }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        strapiAdmin.Table.Root,
+        strapiAdmin$1.Table.Root,
         {
           rows: releaseActions[key].map((item) => ({
             ...item,
@@ -1156,10 +1363,10 @@ const ReleaseDetailsBody = ({ releaseId }) => {
           })),
           headers,
           isLoading: isLoading || isFetching,
-          children: /* @__PURE__ */ jsxRuntime.jsxs(strapiAdmin.Table.Content, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Table.Head, { children: headers.map(({ label, name }) => /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Table.HeaderCell, { label: formatMessage(label), name }, name)) }),
-            /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Table.Loading, {}),
-            /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Table.Body, { children: releaseActions[key].map(
+          children: /* @__PURE__ */ jsxRuntime.jsxs(strapiAdmin$1.Table.Content, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.Table.Head, { children: headers.map(({ label, name }) => /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.Table.HeaderCell, { label: formatMessage(label), name }, name)) }),
+            /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.Table.Loading, {}),
+            /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.Table.Body, { children: releaseActions[key].map(
               ({ id, contentType, locale, type, entry, status }, actionIndex) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { width: "25%", maxWidth: "200px", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { ellipsis: true, children: `${contentType.mainFieldValue || entry.id}` }) }),
                 hasI18nEnabled && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { width: "10%", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: `${locale?.name ? locale.name : "-"}` }) }),
@@ -1184,11 +1391,10 @@ const ReleaseDetailsBody = ({ releaseId }) => {
                 ) }),
                 !release.releasedAt && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                   /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { width: "20%", minWidth: "200px", children: /* @__PURE__ */ jsxRuntime.jsx(
-                    EntryValidationText,
+                    EntryValidationPopover,
                     {
                       action: type,
                       schema: contentTypes?.[contentType.uid],
-                      components,
                       entry,
                       status
                     }
@@ -1218,13 +1424,13 @@ const ReleaseDetailsBody = ({ releaseId }) => {
       )
     ] }, `releases-group-${key}`)),
     /* @__PURE__ */ jsxRuntime.jsxs(
-      strapiAdmin.Pagination.Root,
+      strapiAdmin$1.Pagination.Root,
       {
         ...releaseMeta?.pagination,
         defaultPageSize: releaseMeta?.pagination?.pageSize,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Pagination.PageSize, {}),
-          /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Pagination.Links, {})
+          /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.Pagination.PageSize, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.Pagination.Links, {})
         ]
       }
     )
@@ -1233,8 +1439,8 @@ const ReleaseDetailsBody = ({ releaseId }) => {
 const ReleaseDetailsPage = () => {
   const { formatMessage } = reactIntl.useIntl();
   const { releaseId } = reactRouterDom.useParams();
-  const { toggleNotification } = strapiAdmin.useNotification();
-  const { formatAPIError } = strapiAdmin.useAPIErrorHandler();
+  const { toggleNotification } = strapiAdmin$1.useNotification();
+  const { formatAPIError } = strapiAdmin$1.useAPIErrorHandler();
   const navigate = reactRouterDom.useNavigate();
   const [releaseModalShown, setReleaseModalShown] = React__namespace.useState(false);
   const [showWarningSubmit, setWarningSubmit] = React__namespace.useState(false);
@@ -1271,7 +1477,7 @@ const ReleaseDetailsPage = () => {
       {
         toggleEditReleaseModal,
         toggleWarningSubmit,
-        children: /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Page.Loading, {})
+        children: /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.Page.Loading, {})
       }
     );
   }
@@ -1300,7 +1506,7 @@ const ReleaseDetailsPage = () => {
         })
       });
       toggleEditReleaseModal();
-    } else if (strapiAdmin.isFetchError(response.error)) {
+    } else if (strapiAdmin$1.isFetchError(response.error)) {
       toggleNotification({
         type: "danger",
         message: formatAPIError(response.error)
@@ -1318,7 +1524,7 @@ const ReleaseDetailsPage = () => {
     });
     if ("data" in response) {
       navigate("..");
-    } else if (strapiAdmin.isFetchError(response.error)) {
+    } else if (strapiAdmin$1.isFetchError(response.error)) {
       toggleNotification({
         type: "danger",
         message: formatAPIError(response.error)
@@ -1354,7 +1560,7 @@ const ReleaseDetailsPage = () => {
             }
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Root, { open: showWarningSubmit, onOpenChange: toggleWarningSubmit, children: /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.ConfirmDialog, { onConfirm: handleDeleteRelease, children: formatMessage({
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Root, { open: showWarningSubmit, onOpenChange: toggleWarningSubmit, children: /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.ConfirmDialog, { onConfirm: handleDeleteRelease, children: formatMessage({
           id: "content-releases.dialog.confirmation-message",
           defaultMessage: "Are you sure you want to delete this release?"
         }) }) })
@@ -1363,10 +1569,10 @@ const ReleaseDetailsPage = () => {
   );
 };
 const App = () => {
-  return /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Page.Protect, { permissions: index.PERMISSIONS.main, children: /* @__PURE__ */ jsxRuntime.jsxs(reactRouterDom.Routes, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.Page.Protect, { permissions: index.PERMISSIONS.main, children: /* @__PURE__ */ jsxRuntime.jsxs(reactRouterDom.Routes, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { index: true, element: /* @__PURE__ */ jsxRuntime.jsx(ReleasesPage, {}) }),
     /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { path: ":releaseId", element: /* @__PURE__ */ jsxRuntime.jsx(ReleaseDetailsPage, {}) })
   ] }) });
 };
 exports.App = App;
-//# sourceMappingURL=App-D-lWdVb2.js.map
+//# sourceMappingURL=App-SGjO5UPV.js.map