@strapi/content-releases 0.0.0-experimental.defd8568ae03ef8d52f86e1f3541979f953c3941 → 0.0.0-experimental.e14656d3b8681880212c13260b9a2b340c182f2d

package/dist/_chunks/{index-DjDPK8kb.mjs → index-CYsQToWs.mjs}

@@ -1,18 +1,15 @@
-import { Cross, Pencil, More, Plus, PaperPlane } from "@strapi/icons";
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { skipToken } from "@reduxjs/toolkit/query";
-import { getFetchClient, useNotification, useAPIErrorHandler, useRBAC, useAuth, useQueryParams } from "@strapi/admin/strapi-admin";
-import { Menu, IconButton, Flex, Typography, Link, Field, FieldLabel, VisuallyHidden, FieldInput, Box, Button, EmptyStateLayout, LinkButton, ModalLayout, ModalHeader, ModalBody, SingleSelect, SingleSelectOption, ModalFooter } from "@strapi/design-system";
-import { EmptyDocuments } from "@strapi/icons/symbols";
-import { unstable_useDocument } from "@strapi/plugin-content-manager/strapi-admin";
-import { isAxiosError as isAxiosError$1 } from "axios";
-import { Formik, Form } from "formik";
+import { PaperPlane, CaretDown, Cross, Pencil, More } from "@strapi/icons";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { adminApi, useRBAC, useNotification, useAPIErrorHandler, useQueryParams, isFetchError, useTable, useAuth } from "@strapi/admin/strapi-admin";
+import { Field, Flex, VisuallyHidden, Modal, Button, EmptyStateLayout, LinkButton, Box, SingleSelect, SingleSelectOption, Popover, Typography, Link as Link$1, Menu, AccessibleIcon } from "@strapi/design-system";
+import { useFormik, Formik, Form } from "formik";
 import { useIntl } from "react-intl";
-import { NavLink, useParams, Link as Link$1 } from "react-router-dom";
+import { unstable_useDocumentLayout } from "@strapi/content-manager/strapi-admin";
+import { EmptyDocuments } from "@strapi/icons/symbols";
+import { Link, NavLink } from "react-router-dom";
 import * as yup from "yup";
-import { createApi } from "@reduxjs/toolkit/query/react";
-import styled from "styled-components";
+import { styled } from "styled-components";
+import * as React from "react";
 const __variableDynamicImportRuntimeHelper = (glob, path) => {
   const v = glob[path];
   if (v) {
@@ -94,55 +91,52 @@ const PERMISSIONS = {
     }
   ]
 };
-const pluginId = "content-releases";
-const axiosBaseQuery = async ({
-  url,
-  method,
-  data,
-  config
-}) => {
-  try {
-    const { get, post, del, put } = getFetchClient();
-    if (method === "POST") {
-      const result2 = await post(url, data, config);
-      return { data: result2.data };
-    }
-    if (method === "DELETE") {
-      const result2 = await del(url, config);
-      return { data: result2.data };
-    }
-    if (method === "PUT") {
-      const result2 = await put(url, data, config);
-      return { data: result2.data };
-    }
-    const result = await get(url, config);
-    return { data: result.data };
-  } catch (error) {
-    const err = error;
-    return {
-      error: {
-        status: err.response?.status,
-        code: err.code,
-        response: {
-          data: err.response?.data
-        }
-      }
-    };
+const extendInvalidatesTags = (endpoint, extraTags) => {
+  if (!endpoint) {
+    return;
   }
+  const originalInvalidatesTags = endpoint.invalidatesTags;
+  const newInvalidatesTags = (result, err, args, meta) => {
+    const originalTags = typeof originalInvalidatesTags === "function" ? originalInvalidatesTags(result, err, args, meta) : originalInvalidatesTags;
+    return [...originalTags ?? [], ...extraTags];
+  };
+  Object.assign(endpoint, { invalidatesTags: newInvalidatesTags });
 };
-const isAxiosError = (err) => {
-  return typeof err === "object" && err !== null && "response" in err && typeof err.response === "object" && err.response !== null && "data" in err.response;
-};
-const releaseApi = createApi({
-  reducerPath: pluginId,
-  baseQuery: axiosBaseQuery,
-  tagTypes: ["Release", "ReleaseAction", "EntriesInRelease"],
+const releaseApi = adminApi.enhanceEndpoints({
+  addTagTypes: ["Release", "ReleaseAction", "EntriesInRelease", "ReleaseSettings"],
+  endpoints: {
+    updateDocument(endpoint) {
+      extendInvalidatesTags(endpoint, [
+        { type: "Release", id: "LIST" },
+        { type: "ReleaseAction", id: "LIST" }
+      ]);
+    },
+    deleteDocument(endpoint) {
+      extendInvalidatesTags(endpoint, [
+        { type: "Release", id: "LIST" },
+        { type: "ReleaseAction", id: "LIST" }
+      ]);
+    },
+    deleteManyDocuments(endpoint) {
+      extendInvalidatesTags(endpoint, [
+        { type: "Release", id: "LIST" },
+        { type: "ReleaseAction", id: "LIST" }
+      ]);
+    },
+    discardDocument(endpoint) {
+      extendInvalidatesTags(endpoint, [
+        { type: "Release", id: "LIST" },
+        { type: "ReleaseAction", id: "LIST" }
+      ]);
+    }
+  }
+}).injectEndpoints({
   endpoints: (build) => {
     return {
       getReleasesForEntry: build.query({
         query(params) {
           return {
-            url: "/content-releases",
+            url: "/content-releases/getByDocumentAttached",
             method: "GET",
             config: {
               params
@@ -280,13 +274,17 @@ const releaseApi = createApi({
             ...query
           };
           const patchResult = dispatch(
-            releaseApi.util.updateQueryData("getReleaseActions", paramsWithoutActionId, (draft) => {
-              const [key, index] = actionPath;
-              const action = draft.data[key][index];
-              if (action) {
-                action.type = body.type;
+            releaseApi.util.updateQueryData(
+              "getReleaseActions",
+              paramsWithoutActionId,
+              (draft) => {
+                const [key, index] = actionPath;
+                const action = draft.data[key][index];
+                if (action) {
+                  action.type = body.type;
+                }
               }
-            })
+            )
           );
           try {
             await queryFulfilled;
@@ -341,6 +339,20 @@ const releaseApi = createApi({
           return response.data;
         },
         providesTags: [{ type: "EntriesInRelease" }]
+      }),
+      getReleaseSettings: build.query({
+        query: () => "/content-releases/settings",
+        providesTags: [{ type: "ReleaseSettings" }]
+      }),
+      updateReleaseSettings: build.mutation({
+        query(data) {
+          return {
+            url: "/content-releases/settings",
+            method: "PUT",
+            data
+          };
+        },
+        invalidatesTags: [{ type: "ReleaseSettings" }]
       })
     };
   }
@@ -358,201 +370,21 @@ const {
   usePublishReleaseMutation,
   useDeleteReleaseActionMutation,
   useDeleteReleaseMutation,
-  useGetMappedEntriesInReleasesQuery
+  useGetMappedEntriesInReleasesQuery,
+  useGetReleaseSettingsQuery,
+  useUpdateReleaseSettingsMutation
 } = releaseApi;
-const getTimezoneOffset = (timezone, date) => {
-  try {
-    const offsetPart = new Intl.DateTimeFormat("en", {
-      timeZone: timezone,
-      timeZoneName: "longOffset"
-    }).formatToParts(date).find((part) => part.type === "timeZoneName");
-    const offset = offsetPart ? offsetPart.value : "";
-    let utcOffset = offset.replace("GMT", "UTC");
-    if (!utcOffset.includes("+") && !utcOffset.includes("-")) {
-      utcOffset = `${utcOffset}+00:00`;
-    }
-    return utcOffset;
-  } catch (error) {
-    return "";
-  }
-};
-const StyledMenuItem = styled(Menu.Item)`
-  &:hover {
-    background: ${({ theme, variant = "neutral" }) => theme.colors[`${variant}100`]};
-
-    svg {
-      fill: ${({ theme, variant = "neutral" }) => theme.colors[`${variant}600`]};
-    }
-
-    a {
-      color: ${({ theme }) => theme.colors.neutral800};
-    }
-  }
-
-  svg {
-    fill: ${({ theme, variant = "neutral" }) => theme.colors[`${variant}600`]};
-  }
-
-  a {
-    color: ${({ theme }) => theme.colors.neutral800};
-  }
-
-  span,
-  a {
-    width: 100%;
-  }
-`;
-const StyledIconButton = styled(IconButton)`
-  /* Setting this style inline with borderColor will not apply the style */
-  border: ${({ theme }) => `1px solid ${theme.colors.neutral200}`};
-`;
-const DeleteReleaseActionItem = ({ releaseId, actionId }) => {
-  const { formatMessage } = useIntl();
-  const { toggleNotification } = useNotification();
-  const { formatAPIError } = useAPIErrorHandler();
-  const [deleteReleaseAction] = useDeleteReleaseActionMutation();
-  const {
-    allowedActions: { canDeleteAction }
-  } = useRBAC(PERMISSIONS);
-  const handleDeleteAction = async () => {
-    const response = await deleteReleaseAction({
-      params: { releaseId, actionId }
-    });
-    if ("data" in response) {
-      toggleNotification({
-        type: "success",
-        message: formatMessage({
-          id: "content-releases.content-manager-edit-view.remove-from-release.notification.success",
-          defaultMessage: "Entry removed from release"
-        })
-      });
-      return;
-    }
-    if ("error" in response) {
-      if (isAxiosError$1(response.error)) {
-        toggleNotification({
-          type: "danger",
-          message: formatAPIError(response.error)
-        });
-      } else {
-        toggleNotification({
-          type: "danger",
-          message: formatMessage({ id: "notification.error", defaultMessage: "An error occurred" })
-        });
-      }
-    }
-  };
-  if (!canDeleteAction) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(StyledMenuItem, { variant: "danger", onSelect: handleDeleteAction, children: /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
-    /* @__PURE__ */ jsx(Cross, { width: "1.2rem", height: "1.2rem" }),
-    /* @__PURE__ */ jsx(Typography, { textColor: "danger600", variant: "omega", children: formatMessage({
-      id: "content-releases.content-manager-edit-view.remove-from-release",
-      defaultMessage: "Remove from release"
-    }) })
-  ] }) });
-};
-const ReleaseActionEntryLinkItem = ({
-  contentTypeUid,
-  entryId,
-  locale
-}) => {
-  const { formatMessage } = useIntl();
-  const userPermissions = useAuth("ReleaseActionEntryLinkItem", (state) => state.permissions);
-  const canUpdateEntryForLocale = React.useMemo(() => {
-    const updatePermissions = userPermissions.find(
-      (permission) => permission.subject === contentTypeUid && permission.action === "plugin::content-manager.explorer.update"
-    );
-    if (!updatePermissions) {
-      return false;
-    }
-    return Boolean(!locale || updatePermissions.properties?.locales?.includes(locale));
-  }, [contentTypeUid, locale, userPermissions]);
-  const {
-    allowedActions: { canUpdate: canUpdateContentType }
-  } = useRBAC({
-    updateContentType: [
-      {
-        action: "plugin::content-manager.explorer.update",
-        subject: contentTypeUid
-      }
-    ]
-  });
-  if (!canUpdateContentType || !canUpdateEntryForLocale) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(StyledMenuItem, { children: /* @__PURE__ */ jsx(
-    Link,
-    {
-      as: NavLink,
-      to: {
-        pathname: `/content-manager/collection-types/${contentTypeUid}/${entryId}`,
-        search: locale && `?plugins[i18n][locale]=${locale}`
-      },
-      startIcon: /* @__PURE__ */ jsx(Pencil, { width: "1.2rem", height: "1.2rem" }),
-      children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: formatMessage({
-        id: "content-releases.content-manager-edit-view.edit-entry",
-        defaultMessage: "Edit entry"
-      }) })
-    }
-  ) });
-};
-const EditReleaseItem = ({ releaseId }) => {
-  const { formatMessage } = useIntl();
-  return /* @__PURE__ */ jsx(StyledMenuItem, { children: /* @__PURE__ */ jsx(
-    Link,
-    {
-      href: `/admin/plugins/content-releases/${releaseId}`,
-      startIcon: /* @__PURE__ */ jsx(Pencil, { width: "1.2rem", height: "1.2rem" }),
-      isExternal: false,
-      children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: formatMessage({
-        id: "content-releases.content-manager-edit-view.edit-release",
-        defaultMessage: "Edit release"
-      }) })
-    }
-  ) });
-};
-const Root = ({ children, hasTriggerBorder = false }) => {
-  const { formatMessage } = useIntl();
-  const { allowedActions } = useRBAC(PERMISSIONS);
-  return (
-    // A user can access the dropdown if they have permissions to delete a release-action OR update a release
-    allowedActions.canDeleteAction || allowedActions.canUpdate ? /* @__PURE__ */ jsxs(Menu.Root, { children: [
-      /* @__PURE__ */ jsx(
-        Menu.Trigger,
-        {
-          as: hasTriggerBorder ? StyledIconButton : IconButton,
-          paddingLeft: 2,
-          paddingRight: 2,
-          "aria-label": formatMessage({
-            id: "content-releases.content-manager-edit-view.release-action-menu",
-            defaultMessage: "Release action options"
-          }),
-          icon: /* @__PURE__ */ jsx(More, {})
-        }
-      ),
-      /* @__PURE__ */ jsx(Menu.Content, { top: 1, popoverPlacement: "bottom-end", children })
-    ] }) : null
-  );
-};
-const ReleaseActionMenu = {
-  Root,
-  EditReleaseItem,
-  DeleteReleaseActionItem,
-  ReleaseActionEntryLinkItem
-};
 const getBorderLeftRadiusValue = (actionType) => {
   return actionType === "publish" ? 1 : 0;
 };
 const getBorderRightRadiusValue = (actionType) => {
   return actionType === "publish" ? 0 : 1;
 };
-const FieldWrapper = styled(Field)`
-  border-top-left-radius: ${({ actionType, theme }) => theme.spaces[getBorderLeftRadiusValue(actionType)]};
-  border-bottom-left-radius: ${({ actionType, theme }) => theme.spaces[getBorderLeftRadiusValue(actionType)]};
-  border-top-right-radius: ${({ actionType, theme }) => theme.spaces[getBorderRightRadiusValue(actionType)]};
-  border-bottom-right-radius: ${({ actionType, theme }) => theme.spaces[getBorderRightRadiusValue(actionType)]};
+const FieldWrapper = styled(Field.Root)`
+  border-top-left-radius: ${({ $actionType, theme }) => theme.spaces[getBorderLeftRadiusValue($actionType)]};
+  border-bottom-left-radius: ${({ $actionType, theme }) => theme.spaces[getBorderLeftRadiusValue($actionType)]};
+  border-top-right-radius: ${({ $actionType, theme }) => theme.spaces[getBorderRightRadiusValue($actionType)]};
+  border-bottom-right-radius: ${({ $actionType, theme }) => theme.spaces[getBorderRightRadiusValue($actionType)]};
 
   > label {
     color: inherit;
@@ -563,14 +395,14 @@ const FieldWrapper = styled(Field)`
   }
 
   &[data-checked='true'] {
-    color: ${({ theme, actionType }) => actionType === "publish" ? theme.colors.primary700 : theme.colors.danger600};
-    background-color: ${({ theme, actionType }) => actionType === "publish" ? theme.colors.primary100 : theme.colors.danger100};
-    border-color: ${({ theme, actionType }) => actionType === "publish" ? theme.colors.primary700 : theme.colors.danger600};
+    color: ${({ theme, $actionType }) => $actionType === "publish" ? theme.colors.primary700 : theme.colors.danger600};
+    background-color: ${({ theme, $actionType }) => $actionType === "publish" ? theme.colors.primary100 : theme.colors.danger100};
+    border-color: ${({ theme, $actionType }) => $actionType === "publish" ? theme.colors.primary700 : theme.colors.danger600};
   }
 
   &[data-checked='false'] {
-    border-left: ${({ actionType }) => actionType === "unpublish" && "none"};
-    border-right: ${({ actionType }) => actionType === "publish" && "none"};
+    border-left: ${({ $actionType }) => $actionType === "unpublish" && "none"};
+    border-right: ${({ $actionType }) => $actionType === "publish" && "none"};
   }
 
   &[data-checked='false'][data-disabled='false']:hover {
@@ -599,7 +431,7 @@ const ActionOption = ({
   return /* @__PURE__ */ jsx(
     FieldWrapper,
     {
-      actionType,
+      $actionType: actionType,
       background: "primary0",
       borderColor: "neutral200",
       color: selected === actionType ? "primary600" : "neutral600",
@@ -607,12 +439,11 @@ const ActionOption = ({
       cursor: "pointer",
       "data-checked": selected === actionType,
       "data-disabled": disabled && selected !== actionType,
-      children: /* @__PURE__ */ jsxs(FieldLabel, { htmlFor: `${name}-${actionType}`, children: [
+      children: /* @__PURE__ */ jsxs(Field.Label, { children: [
         /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(
-          FieldInput,
+          Field.Input,
           {
             type: "radio",
-            id: `${name}-${actionType}`,
             name,
             checked: selected === actionType,
             onChange: handleChange,
@@ -678,301 +509,189 @@ const NoReleases = () => {
           to: {
             pathname: "/plugins/content-releases"
           },
-          as: Link$1,
+          tag: Link,
           variant: "secondary",
           children: formatMessage({
             id: "content-releases.content-manager-edit-view.add-to-release.redirect-button",
             defaultMessage: "Open the list of releases"
           })
         }
-      )
+      ),
+      shadow: "none"
     }
   );
 };
 const AddActionToReleaseModal = ({
-  handleClose,
-  contentTypeUid,
-  entryId
+  contentType,
+  documentId,
+  onInputChange,
+  values
 }) => {
-  const releaseHeaderId = React.useId();
   const { formatMessage } = useIntl();
-  const { toggleNotification } = useNotification();
-  const { formatAPIError } = useAPIErrorHandler();
   const [{ query }] = useQueryParams();
   const locale = query.plugins?.i18n?.locale;
   const response = useGetReleasesForEntryQuery({
-    contentTypeUid,
-    entryId,
-    hasEntryAttached: false
+    contentType,
+    entryDocumentId: documentId,
+    hasEntryAttached: false,
+    locale
   });
   const releases = response.data?.data;
+  if (releases?.length === 0) {
+    return /* @__PURE__ */ jsx(NoReleases, {});
+  }
+  return /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
+    /* @__PURE__ */ jsx(Box, { paddingBottom: 6, children: /* @__PURE__ */ jsxs(Field.Root, { required: true, children: [
+      /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
+        id: "content-releases.content-manager-edit-view.add-to-release.select-label",
+        defaultMessage: "Select a release"
+      }) }),
+      /* @__PURE__ */ jsx(
+        SingleSelect,
+        {
+          required: true,
+          placeholder: formatMessage({
+            id: "content-releases.content-manager-edit-view.add-to-release.select-placeholder",
+            defaultMessage: "Select"
+          }),
+          name: "releaseId",
+          onChange: (value) => onInputChange("releaseId", value),
+          value: values.releaseId,
+          children: releases?.map((release) => /* @__PURE__ */ jsx(SingleSelectOption, { value: release.id, children: release.name }, release.id))
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
+      id: "content-releases.content-manager-edit-view.add-to-release.action-type-label",
+      defaultMessage: "What do you want to do with this entry?"
+    }) }),
+    /* @__PURE__ */ jsx(
+      ReleaseActionOptions,
+      {
+        selected: values.type,
+        handleChange: (e) => onInputChange("type", e.target.value),
+        name: "type"
+      }
+    )
+  ] });
+};
+const ReleaseActionModalForm = ({
+  documentId,
+  model,
+  collectionType
+}) => {
+  const { formatMessage } = useIntl();
+  const { allowedActions } = useRBAC(PERMISSIONS);
+  const { canCreateAction } = allowedActions;
   const [createReleaseAction, { isLoading }] = useCreateReleaseActionMutation();
-  const handleSubmit = async (values) => {
-    const releaseActionEntry = {
-      contentType: contentTypeUid,
-      id: entryId,
-      locale
-    };
-    const response2 = await createReleaseAction({
-      body: { type: values.type, entry: releaseActionEntry },
-      params: { releaseId: values.releaseId }
-    });
-    if ("data" in response2) {
-      toggleNotification({
-        type: "success",
-        message: formatMessage({
-          id: "content-releases.content-manager-edit-view.add-to-release.notification.success",
-          defaultMessage: "Entry added to release"
-        })
-      });
-      handleClose();
-      return;
-    }
-    if ("error" in response2) {
-      if (isAxiosError$1(response2.error)) {
+  const { toggleNotification } = useNotification();
+  const { formatAPIError } = useAPIErrorHandler();
+  const [{ query }] = useQueryParams();
+  const locale = query.plugins?.i18n?.locale;
+  const handleSubmit = async (e, onClose) => {
+    try {
+      await formik.handleSubmit(e);
+      onClose();
+    } catch (error) {
+      if (isFetchError(error)) {
         toggleNotification({
           type: "danger",
-          message: formatAPIError(response2.error)
+          message: formatAPIError(error)
         });
       } else {
         toggleNotification({
           type: "danger",
-          message: formatMessage({ id: "notification.error", defaultMessage: "An error occurred" })
+          message: formatMessage({
+            id: "notification.error",
+            defaultMessage: "An error occurred"
+          })
         });
       }
     }
   };
-  return /* @__PURE__ */ jsxs(ModalLayout, { onClose: handleClose, labelledBy: releaseHeaderId, children: [
-    /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsx(Typography, { id: releaseHeaderId, fontWeight: "bold", textColor: "neutral800", children: formatMessage({
-      id: "content-releases.content-manager-edit-view.add-to-release",
-      defaultMessage: "Add to release"
-    }) }) }),
-    /* @__PURE__ */ jsx(
-      Formik,
-      {
-        onSubmit: handleSubmit,
-        validationSchema: RELEASE_ACTION_FORM_SCHEMA,
-        initialValues: INITIAL_VALUES,
-        children: ({ values, setFieldValue }) => {
-          return /* @__PURE__ */ jsxs(Form, { children: [
-            releases?.length === 0 ? /* @__PURE__ */ jsx(NoReleases, {}) : /* @__PURE__ */ jsx(ModalBody, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
-              /* @__PURE__ */ jsx(Box, { paddingBottom: 6, children: /* @__PURE__ */ jsx(
-                SingleSelect,
-                {
-                  required: true,
-                  label: formatMessage({
-                    id: "content-releases.content-manager-edit-view.add-to-release.select-label",
-                    defaultMessage: "Select a release"
-                  }),
-                  placeholder: formatMessage({
-                    id: "content-releases.content-manager-edit-view.add-to-release.select-placeholder",
-                    defaultMessage: "Select"
-                  }),
-                  onChange: (value) => setFieldValue("releaseId", value),
-                  value: values.releaseId,
-                  children: releases?.map((release) => /* @__PURE__ */ jsx(SingleSelectOption, { value: release.id, children: release.name }, release.id))
-                }
-              ) }),
-              /* @__PURE__ */ jsx(FieldLabel, { children: formatMessage({
-                id: "content-releases.content-manager-edit-view.add-to-release.action-type-label",
-                defaultMessage: "What do you want to do with this entry?"
-              }) }),
-              /* @__PURE__ */ jsx(
-                ReleaseActionOptions,
-                {
-                  selected: values.type,
-                  handleChange: (e) => setFieldValue("type", e.target.value),
-                  name: "type"
-                }
-              )
-            ] }) }),
-            /* @__PURE__ */ jsx(
-              ModalFooter,
-              {
-                startActions: /* @__PURE__ */ jsx(Button, { onClick: handleClose, variant: "tertiary", name: "cancel", children: formatMessage({
-                  id: "content-releases.content-manager-edit-view.add-to-release.cancel-button",
-                  defaultMessage: "Cancel"
-                }) }),
-                endActions: (
-                  /**
-                   * TODO: Ideally we would use isValid from Formik to disable the button, however currently it always returns true
-                   * for yup.string().required(), even when the value is falsy (including empty string)
-                   */
-                  /* @__PURE__ */ jsx(Button, { type: "submit", disabled: !values.releaseId, loading: isLoading, children: formatMessage({
-                    id: "content-releases.content-manager-edit-view.add-to-release.continue-button",
-                    defaultMessage: "Continue"
-                  }) })
-                )
-              }
-            )
-          ] });
-        }
+  const formik = useFormik({
+    initialValues: INITIAL_VALUES,
+    validationSchema: RELEASE_ACTION_FORM_SCHEMA,
+    onSubmit: async (values) => {
+      if (collectionType === "collection-types" && !documentId) {
+        throw new Error("Document id is required");
       }
-    )
-  ] });
-};
-const CMReleasesContainer = () => {
-  const [isModalOpen, setIsModalOpen] = React.useState(false);
-  const { formatMessage, formatDate, formatTime } = useIntl();
-  const { id, slug, collectionType } = useParams();
-  const isCreatingEntry = id === "create";
-  const { allowedActions } = useRBAC(PERMISSIONS);
-  const { canCreateAction, canRead: canMain, canDeleteAction } = allowedActions;
-  const { schema } = unstable_useDocument({
-    collectionType,
-    model: slug
+      const response = await createReleaseAction({
+        body: {
+          type: values.type,
+          contentType: model,
+          entryDocumentId: documentId,
+          locale
+        },
+        params: { releaseId: values.releaseId }
+      });
+      if ("data" in response) {
+        toggleNotification({
+          type: "success",
+          message: formatMessage({
+            id: "content-releases.content-manager-edit-view.add-to-release.notification.success",
+            defaultMessage: "Entry added to release"
+          })
+        });
+        return;
+      }
+      if ("error" in response) {
+        throw response.error;
+      }
+    }
   });
-  const hasDraftAndPublish = schema?.options?.draftAndPublish;
-  const contentTypeUid = slug;
-  const canFetch = id != null && contentTypeUid != null;
-  const fetchParams = canFetch ? {
-    contentTypeUid,
-    entryId: id,
-    hasEntryAttached: true
-  } : skipToken;
-  const response = useGetReleasesForEntryQuery(fetchParams);
-  const releases = response.data?.data;
-  if (!canFetch) {
+  const {
+    edit: { options }
+  } = unstable_useDocumentLayout(model);
+  if (!window.strapi.isEE || !options?.draftAndPublish || !canCreateAction) {
     return null;
   }
-  if (isCreatingEntry || !hasDraftAndPublish) {
+  if (collectionType === "collection-types" && (!documentId || documentId === "create")) {
     return null;
   }
-  const toggleModal = () => setIsModalOpen((prev) => !prev);
-  const getReleaseColorVariant = (actionType, shade) => {
-    if (actionType === "unpublish") {
-      return `secondary${shade}`;
-    }
-    return `success${shade}`;
-  };
-  if (!canMain) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      as: "aside",
-      "aria-label": formatMessage({
-        id: "content-releases.plugin.name",
-        defaultMessage: "Releases"
+  return {
+    label: formatMessage({
+      id: "content-releases.content-manager-edit-view.add-to-release",
+      defaultMessage: "Add to release"
+    }),
+    icon: /* @__PURE__ */ jsx(PaperPlane, {}),
+    position: ["panel", "table-row"],
+    dialog: {
+      type: "modal",
+      title: formatMessage({
+        id: "content-releases.content-manager-edit-view.add-to-release",
+        defaultMessage: "Add to release"
       }),
-      background: "neutral0",
-      borderColor: "neutral150",
-      hasRadius: true,
-      padding: 4,
-      shadow: "tableShadow",
-      children: [
-        /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 3, children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", children: formatMessage({
-            id: "content-releases.plugin.name",
-            defaultMessage: "Releases"
-          }) }),
-          releases?.map((release) => {
-            return /* @__PURE__ */ jsxs(
-              Flex,
-              {
-                direction: "column",
-                alignItems: "start",
-                borderWidth: "1px",
-                borderStyle: "solid",
-                borderColor: getReleaseColorVariant(release.actions[0].type, "200"),
-                overflow: "hidden",
-                hasRadius: true,
-                children: [
-                  /* @__PURE__ */ jsx(
-                    Box,
-                    {
-                      paddingTop: 3,
-                      paddingBottom: 3,
-                      paddingLeft: 4,
-                      paddingRight: 4,
-                      background: getReleaseColorVariant(release.actions[0].type, "100"),
-                      width: "100%",
-                      children: /* @__PURE__ */ jsx(
-                        Typography,
-                        {
-                          fontSize: 1,
-                          variant: "pi",
-                          textColor: getReleaseColorVariant(release.actions[0].type, "600"),
-                          children: formatMessage(
-                            {
-                              id: "content-releases.content-manager-edit-view.list-releases.title",
-                              defaultMessage: "{isPublish, select, true {Will be published in} other {Will be unpublished in}}"
-                            },
-                            { isPublish: release.actions[0].type === "publish" }
-                          )
-                        }
-                      )
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(Flex, { padding: 4, direction: "column", gap: 2, width: "100%", alignItems: "flex-start", children: /* @__PURE__ */ jsxs(Flex, { padding: 4, direction: "column", gap: 2, width: "100%", alignItems: "flex-start", children: [
-                    /* @__PURE__ */ jsx(Typography, { fontSize: 2, fontWeight: "bold", variant: "omega", textColor: "neutral700", children: release.name }),
-                    release.scheduledAt && release.timezone && /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: formatMessage(
-                      {
-                        id: "content-releases.content-manager-edit-view.scheduled.date",
-                        defaultMessage: "{date} at {time} ({offset})"
-                      },
-                      {
-                        date: formatDate(new Date(release.scheduledAt), {
-                          day: "2-digit",
-                          month: "2-digit",
-                          year: "numeric",
-                          timeZone: release.timezone
-                        }),
-                        time: formatTime(new Date(release.scheduledAt), {
-                          hourCycle: "h23",
-                          timeZone: release.timezone
-                        }),
-                        offset: getTimezoneOffset(
-                          release.timezone,
-                          new Date(release.scheduledAt)
-                        )
-                      }
-                    ) }),
-                    canDeleteAction ? /* @__PURE__ */ jsxs(ReleaseActionMenu.Root, { hasTriggerBorder: true, children: [
-                      /* @__PURE__ */ jsx(ReleaseActionMenu.EditReleaseItem, { releaseId: release.id }),
-                      /* @__PURE__ */ jsx(
-                        ReleaseActionMenu.DeleteReleaseActionItem,
-                        {
-                          releaseId: release.id,
-                          actionId: release.actions[0].id
-                        }
-                      )
-                    ] }) : null
-                  ] }) })
-                ]
-              },
-              release.id
-            );
-          }),
-          canCreateAction ? /* @__PURE__ */ jsx(
-            Button,
-            {
-              justifyContent: "center",
-              paddingLeft: 4,
-              paddingRight: 4,
-              color: "neutral700",
-              variant: "tertiary",
-              startIcon: /* @__PURE__ */ jsx(Plus, {}),
-              onClick: toggleModal,
-              children: formatMessage({
-                id: "content-releases.content-manager-edit-view.add-to-release",
-                defaultMessage: "Add to release"
-              })
-            }
-          ) : null
-        ] }),
-        isModalOpen && /* @__PURE__ */ jsx(
-          AddActionToReleaseModal,
+      content: /* @__PURE__ */ jsx(
+        AddActionToReleaseModal,
+        {
+          contentType: model,
+          documentId,
+          onInputChange: formik.setFieldValue,
+          values: formik.values
+        }
+      ),
+      footer: ({ onClose }) => /* @__PURE__ */ jsxs(Modal.Footer, { children: [
+        /* @__PURE__ */ jsx(Button, { onClick: onClose, variant: "tertiary", name: "cancel", children: formatMessage({
+          id: "content-releases.content-manager-edit-view.add-to-release.cancel-button",
+          defaultMessage: "Cancel"
+        }) }),
+        /* @__PURE__ */ jsx(
+          Button,
           {
-            handleClose: toggleModal,
-            contentTypeUid,
-            entryId: id
+            type: "submit",
+            onClick: (e) => handleSubmit(e, onClose),
+            disabled: !formik.values.releaseId,
+            loading: isLoading,
+            children: formatMessage({
+              id: "content-releases.content-manager-edit-view.add-to-release.continue-button",
+              defaultMessage: "Continue"
+            })
           }
         )
-      ]
+      ] })
     }
-  );
+  };
 };
 const getContentPermissions = (subject) => {
   const permissions = {
@@ -989,7 +708,7 @@ const getContentPermissions = (subject) => {
   };
   return permissions;
 };
-const ReleaseAction = ({ documentIds, model }) => {
+const ReleaseAction = ({ documents, model }) => {
   const { formatMessage } = useIntl();
   const { toggleNotification } = useNotification();
   const { formatAPIError } = useAPIErrorHandler();
@@ -1004,16 +723,15 @@ const ReleaseAction = ({ documentIds, model }) => {
   const response = useGetReleasesQuery();
   const releases = response.data?.data;
   const [createManyReleaseActions, { isLoading }] = useCreateManyReleaseActionsMutation();
+  const documentIds = documents.map((doc) => doc.documentId);
   const handleSubmit = async (values) => {
     const locale = query.plugins?.i18n?.locale;
     const releaseActionEntries = documentIds.map(
-      (id) => ({
+      (entryDocumentId) => ({
         type: values.type,
-        entry: {
-          contentType: model,
-          id,
-          locale
-        }
+        contentType: model,
+        entryDocumentId,
+        locale
       })
     );
     const response2 = await createManyReleaseActions({
@@ -1049,7 +767,7 @@ const ReleaseAction = ({ documentIds, model }) => {
       return true;
     }
     if ("error" in response2) {
-      if (isAxiosError$1(response2.error)) {
+      if (isFetchError(response2.error)) {
         toggleNotification({
           type: "warning",
           message: formatAPIError(response2.error)
@@ -1090,25 +808,26 @@ const ReleaseAction = ({ documentIds, model }) => {
             validationSchema: RELEASE_ACTION_FORM_SCHEMA,
             initialValues: INITIAL_VALUES,
             children: ({ values, setFieldValue }) => /* @__PURE__ */ jsxs(Form, { children: [
-              releases?.length === 0 ? /* @__PURE__ */ jsx(NoReleases, {}) : /* @__PURE__ */ jsx(ModalBody, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
-                /* @__PURE__ */ jsx(Box, { paddingBottom: 6, children: /* @__PURE__ */ jsx(
-                  SingleSelect,
-                  {
-                    required: true,
-                    label: formatMessage({
-                      id: "content-releases.content-manager-list-view.add-to-release.select-label",
-                      defaultMessage: "Select a release"
-                    }),
-                    placeholder: formatMessage({
-                      id: "content-releases.content-manager-list-view.add-to-release.select-placeholder",
-                      defaultMessage: "Select"
-                    }),
-                    onChange: (value) => setFieldValue("releaseId", value),
-                    value: values.releaseId,
-                    children: releases?.map((release) => /* @__PURE__ */ jsx(SingleSelectOption, { value: release.id, children: release.name }, release.id))
-                  }
-                ) }),
-                /* @__PURE__ */ jsx(FieldLabel, { children: formatMessage({
+              releases?.length === 0 ? /* @__PURE__ */ jsx(NoReleases, {}) : /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
+                /* @__PURE__ */ jsx(Box, { paddingBottom: 6, children: /* @__PURE__ */ jsxs(Field.Root, { required: true, children: [
+                  /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
+                    id: "content-releases.content-manager-list-view.add-to-release.select-label",
+                    defaultMessage: "Select a release"
+                  }) }),
+                  /* @__PURE__ */ jsx(
+                    SingleSelect,
+                    {
+                      placeholder: formatMessage({
+                        id: "content-releases.content-manager-list-view.add-to-release.select-placeholder",
+                        defaultMessage: "Select"
+                      }),
+                      onChange: (value) => setFieldValue("releaseId", value),
+                      value: values.releaseId,
+                      children: releases?.map((release) => /* @__PURE__ */ jsx(SingleSelectOption, { value: release.id, children: release.name }, release.id))
+                    }
+                  )
+                ] }) }),
+                /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
                   id: "content-releases.content-manager-list-view.add-to-release.action-type-label",
                   defaultMessage: "What do you want to do with these entries?"
                 }) }),
@@ -1121,25 +840,16 @@ const ReleaseAction = ({ documentIds, model }) => {
                   }
                 )
               ] }) }),
-              /* @__PURE__ */ jsx(
-                ModalFooter,
-                {
-                  startActions: /* @__PURE__ */ jsx(Button, { onClick: onClose, variant: "tertiary", name: "cancel", children: formatMessage({
-                    id: "content-releases.content-manager-list-view.add-to-release.cancel-button",
-                    defaultMessage: "Cancel"
-                  }) }),
-                  endActions: (
-                    /**
-                     * TODO: Ideally we would use isValid from Formik to disable the button, however currently it always returns true
-                     * for yup.string().required(), even when the value is falsy (including empty string)
-                     */
-                    /* @__PURE__ */ jsx(Button, { type: "submit", disabled: !values.releaseId, loading: isLoading, children: formatMessage({
-                      id: "content-releases.content-manager-list-view.add-to-release.continue-button",
-                      defaultMessage: "Continue"
-                    }) })
-                  )
-                }
-              )
+              /* @__PURE__ */ jsxs(Modal.Footer, { children: [
+                /* @__PURE__ */ jsx(Button, { onClick: onClose, variant: "tertiary", name: "cancel", children: formatMessage({
+                  id: "content-releases.content-manager-list-view.add-to-release.cancel-button",
+                  defaultMessage: "Cancel"
+                }) }),
+                /* @__PURE__ */ jsx(Button, { type: "submit", disabled: !values.releaseId, loading: isLoading, children: formatMessage({
+                  id: "content-releases.content-manager-list-view.add-to-release.continue-button",
+                  defaultMessage: "Continue"
+                }) })
+              ] })
             ] })
           }
         );
@@ -1147,6 +857,372 @@ const ReleaseAction = ({ documentIds, model }) => {
     }
   };
 };
+const StyledButton = styled(Button)`
+  span {
+    font-weight: 400;
+  }
+`;
+const useReleasesList = (contentTypeUid, documentId) => {
+  const listViewData = useTable("ListView", (state) => state.rows);
+  const documentIds = listViewData.map((entry) => entry.documentId);
+  const [{ query }] = useQueryParams();
+  const locale = query?.plugins?.i18n?.locale || void 0;
+  const response = useGetMappedEntriesInReleasesQuery(
+    { contentTypeUid, documentIds, locale },
+    { skip: !documentIds || !contentTypeUid || documentIds.length === 0 }
+  );
+  const mappedEntriesInReleases = response.data || {};
+  return mappedEntriesInReleases?.[documentId] || [];
+};
+const addColumnToTableHook = ({ displayedHeaders, layout }) => {
+  const { options } = layout;
+  if (!options?.draftAndPublish) {
+    return { displayedHeaders, layout };
+  }
+  return {
+    displayedHeaders: [
+      ...displayedHeaders,
+      {
+        searchable: false,
+        sortable: false,
+        name: "releases",
+        label: {
+          id: "content-releases.content-manager.list-view.releases.header",
+          defaultMessage: "To be released in"
+        },
+        cellFormatter: (props, _, { model }) => /* @__PURE__ */ jsx(ReleaseListCell, { ...props, model })
+      }
+    ],
+    layout
+  };
+};
+const ReleaseListCell = ({ documentId, model }) => {
+  const releases = useReleasesList(model, documentId);
+  const { formatMessage } = useIntl();
+  return /* @__PURE__ */ jsxs(Popover.Root, { children: [
+    /* @__PURE__ */ jsx(Popover.Trigger, { children: /* @__PURE__ */ jsx(
+      StyledButton,
+      {
+        variant: "ghost",
+        onClick: (e) => e.stopPropagation(),
+        endIcon: /* @__PURE__ */ jsx(CaretDown, {}),
+        children: /* @__PURE__ */ jsx(Typography, { style: { maxWidth: "252px", cursor: "pointer" }, textColor: "neutral800", children: releases.length > 0 ? formatMessage(
+          {
+            id: "content-releases.content-manager.list-view.releases-number",
+            defaultMessage: "{number} {number, plural, one {release} other {releases}}"
+          },
+          {
+            number: releases.length
+          }
+        ) : "-" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Popover.Content, { children: /* @__PURE__ */ jsx("ul", { children: releases.map(({ id, name }) => /* @__PURE__ */ jsx(Box, { padding: 3, tag: "li", children: /* @__PURE__ */ jsx(Link$1, { href: `/admin/plugins/content-releases/${id}`, isExternal: false, children: name }) }, id)) }) })
+  ] });
+};
+const getTimezoneOffset = (timezone, date) => {
+  try {
+    const offsetPart = new Intl.DateTimeFormat("en", {
+      timeZone: timezone,
+      timeZoneName: "longOffset"
+    }).formatToParts(date).find((part) => part.type === "timeZoneName");
+    const offset = offsetPart ? offsetPart.value : "";
+    let utcOffset = offset.replace("GMT", "UTC");
+    if (!utcOffset.includes("+") && !utcOffset.includes("-")) {
+      utcOffset = `${utcOffset}+00:00`;
+    }
+    return utcOffset;
+  } catch (error) {
+    return "";
+  }
+};
+const getTimezones = (selectedDate) => {
+  const timezoneList = Intl.supportedValuesOf("timeZone").map((timezone) => {
+    const utcOffset = getTimezoneOffset(timezone, selectedDate);
+    return { offset: utcOffset, value: `${utcOffset}&${timezone}` };
+  });
+  const systemTimezone = timezoneList.find(
+    (timezone) => timezone.value.split("&")[1] === Intl.DateTimeFormat().resolvedOptions().timeZone
+  );
+  return { timezoneList, systemTimezone };
+};
+const StyledMenuItem = styled(Menu.Item)`
+  &:hover {
+    background: ${({ theme, $variant = "neutral" }) => theme.colors[`${$variant}100`]};
+
+    svg {
+      fill: ${({ theme, $variant = "neutral" }) => theme.colors[`${$variant}600`]};
+    }
+
+    a {
+      color: ${({ theme }) => theme.colors.neutral800};
+    }
+  }
+
+  svg {
+    color: ${({ theme, $variant = "neutral" }) => theme.colors[`${$variant}500`]};
+  }
+
+  span {
+    color: ${({ theme, $variant = "neutral" }) => theme.colors[`${$variant}800`]};
+  }
+
+  span,
+  a {
+    width: 100%;
+  }
+`;
+const DeleteReleaseActionItem = ({ releaseId, actionId }) => {
+  const { formatMessage } = useIntl();
+  const { toggleNotification } = useNotification();
+  const { formatAPIError } = useAPIErrorHandler();
+  const [deleteReleaseAction] = useDeleteReleaseActionMutation();
+  const {
+    allowedActions: { canDeleteAction }
+  } = useRBAC(PERMISSIONS);
+  const handleDeleteAction = async () => {
+    const response = await deleteReleaseAction({
+      params: { releaseId, actionId }
+    });
+    if ("data" in response) {
+      toggleNotification({
+        type: "success",
+        message: formatMessage({
+          id: "content-releases.content-manager-edit-view.remove-from-release.notification.success",
+          defaultMessage: "Entry removed from release"
+        })
+      });
+      return;
+    }
+    if ("error" in response) {
+      if (isFetchError(response.error)) {
+        toggleNotification({
+          type: "danger",
+          message: formatAPIError(response.error)
+        });
+      } else {
+        toggleNotification({
+          type: "danger",
+          message: formatMessage({ id: "notification.error", defaultMessage: "An error occurred" })
+        });
+      }
+    }
+  };
+  if (!canDeleteAction) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(StyledMenuItem, { $variant: "danger", onSelect: handleDeleteAction, children: /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+    /* @__PURE__ */ jsx(Cross, { width: "1.6rem", height: "1.6rem" }),
+    /* @__PURE__ */ jsx(Typography, { textColor: "danger600", variant: "omega", children: formatMessage({
+      id: "content-releases.content-manager-edit-view.remove-from-release",
+      defaultMessage: "Remove from release"
+    }) })
+  ] }) });
+};
+const ReleaseActionEntryLinkItem = ({
+  contentTypeUid,
+  documentId,
+  locale
+}) => {
+  const { formatMessage } = useIntl();
+  const userPermissions = useAuth("ReleaseActionEntryLinkItem", (state) => state.permissions);
+  const canUpdateEntryForLocale = React.useMemo(() => {
+    const updatePermissions = userPermissions.find(
+      (permission) => permission.subject === contentTypeUid && permission.action === "plugin::content-manager.explorer.update"
+    );
+    if (!updatePermissions) {
+      return false;
+    }
+    return Boolean(!locale || updatePermissions.properties?.locales?.includes(locale));
+  }, [contentTypeUid, locale, userPermissions]);
+  const {
+    allowedActions: { canUpdate: canUpdateContentType }
+  } = useRBAC({
+    updateContentType: [
+      {
+        action: "plugin::content-manager.explorer.update",
+        subject: contentTypeUid
+      }
+    ]
+  });
+  if (!canUpdateContentType || !canUpdateEntryForLocale) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    StyledMenuItem,
+    {
+      tag: NavLink,
+      isLink: true,
+      to: {
+        pathname: `/content-manager/collection-types/${contentTypeUid}/${documentId}`,
+        search: locale && `?plugins[i18n][locale]=${locale}`
+      },
+      children: /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+        /* @__PURE__ */ jsx(Pencil, { width: "1.6rem", height: "1.6rem" }),
+        /* @__PURE__ */ jsx(Typography, { variant: "omega", children: formatMessage({
+          id: "content-releases.content-manager-edit-view.edit-entry",
+          defaultMessage: "Edit entry"
+        }) })
+      ] })
+    }
+  );
+};
+const EditReleaseItem = ({ releaseId }) => {
+  const { formatMessage } = useIntl();
+  return (
+    /* @ts-expect-error inference isn't working in DS */
+    /* @__PURE__ */ jsx(StyledMenuItem, { tag: NavLink, isLink: true, to: `/plugins/content-releases/${releaseId}`, children: /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+      /* @__PURE__ */ jsx(Pencil, { width: "1.6rem", height: "1.6rem" }),
+      /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", variant: "omega", children: formatMessage({
+        id: "content-releases.content-manager-edit-view.edit-release",
+        defaultMessage: "Edit release"
+      }) })
+    ] }) })
+  );
+};
+const Root = ({ children }) => {
+  const { formatMessage } = useIntl();
+  const { allowedActions } = useRBAC(PERMISSIONS);
+  return (
+    // A user can access the dropdown if they have permissions to delete a release-action OR update a release
+    allowedActions.canDeleteAction || allowedActions.canUpdate ? /* @__PURE__ */ jsxs(Menu.Root, { children: [
+      /* @__PURE__ */ jsx(StyledMoreButton, { variant: "tertiary", endIcon: null, paddingLeft: "7px", paddingRight: "7px", children: /* @__PURE__ */ jsx(
+        AccessibleIcon,
+        {
+          label: formatMessage({
+            id: "content-releases.content-manager-edit-view.release-action-menu",
+            defaultMessage: "Release action options"
+          }),
+          children: /* @__PURE__ */ jsx(More, {})
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Menu.Content, { top: 1, popoverPlacement: "bottom-end", children })
+    ] }) : null
+  );
+};
+const StyledMoreButton = styled(Menu.Trigger)`
+  & > span {
+    display: flex;
+  }
+`;
+const ReleaseActionMenu = {
+  Root,
+  EditReleaseItem,
+  DeleteReleaseActionItem,
+  ReleaseActionEntryLinkItem
+};
+const Panel = ({ model, documentId, collectionType }) => {
+  const [{ query }] = useQueryParams();
+  const locale = query.plugins?.i18n?.locale;
+  const {
+    edit: { options }
+  } = unstable_useDocumentLayout(model);
+  const { formatMessage, formatDate, formatTime } = useIntl();
+  const { allowedActions } = useRBAC(PERMISSIONS);
+  const { canRead, canDeleteAction } = allowedActions;
+  const response = useGetReleasesForEntryQuery({
+    contentType: model,
+    entryDocumentId: documentId,
+    locale,
+    hasEntryAttached: true
+  });
+  const releases = response.data?.data;
+  const getReleaseColorVariant = (actionType, shade) => {
+    if (actionType === "unpublish") {
+      return `secondary${shade}`;
+    }
+    return `success${shade}`;
+  };
+  if (!window.strapi.isEE || !options?.draftAndPublish || !canRead) {
+    return null;
+  }
+  if (collectionType === "collection-types" && (!documentId || documentId === "create")) {
+    return null;
+  }
+  if (releases && releases.length === 0) {
+    return null;
+  }
+  return {
+    title: formatMessage({
+      id: "content-releases.plugin.name",
+      defaultMessage: "Releases"
+    }),
+    content: /* @__PURE__ */ jsx(Flex, { direction: "column", alignItems: "stretch", gap: 3, width: "100%", children: releases?.map((release) => /* @__PURE__ */ jsxs(
+      Flex,
+      {
+        direction: "column",
+        alignItems: "start",
+        borderWidth: "1px",
+        borderStyle: "solid",
+        borderColor: getReleaseColorVariant(release.actions[0].type, "200"),
+        overflow: "hidden",
+        hasRadius: true,
+        children: [
+          /* @__PURE__ */ jsx(
+            Box,
+            {
+              paddingTop: 3,
+              paddingBottom: 3,
+              paddingLeft: 4,
+              paddingRight: 4,
+              background: getReleaseColorVariant(release.actions[0].type, "100"),
+              width: "100%",
+              children: /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  fontSize: 1,
+                  variant: "pi",
+                  textColor: getReleaseColorVariant(release.actions[0].type, "600"),
+                  children: formatMessage(
+                    {
+                      id: "content-releases.content-manager-edit-view.list-releases.title",
+                      defaultMessage: "{isPublish, select, true {Will be published in} other {Will be unpublished in}}"
+                    },
+                    { isPublish: release.actions[0].type === "publish" }
+                  )
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxs(Flex, { padding: 4, direction: "column", gap: 2, width: "100%", alignItems: "flex-start", children: [
+            /* @__PURE__ */ jsx(Typography, { fontSize: 2, fontWeight: "bold", variant: "omega", textColor: "neutral700", children: release.name }),
+            release.scheduledAt && release.timezone && /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: formatMessage(
+              {
+                id: "content-releases.content-manager-edit-view.scheduled.date",
+                defaultMessage: "{date} at {time} ({offset})"
+              },
+              {
+                date: formatDate(new Date(release.scheduledAt), {
+                  day: "2-digit",
+                  month: "2-digit",
+                  year: "numeric",
+                  timeZone: release.timezone
+                }),
+                time: formatTime(new Date(release.scheduledAt), {
+                  hourCycle: "h23",
+                  timeZone: release.timezone
+                }),
+                offset: getTimezoneOffset(release.timezone, new Date(release.scheduledAt))
+              }
+            ) }),
+            canDeleteAction ? /* @__PURE__ */ jsxs(ReleaseActionMenu.Root, { hasTriggerBorder: true, children: [
+              /* @__PURE__ */ jsx(ReleaseActionMenu.EditReleaseItem, { releaseId: release.id }),
+              /* @__PURE__ */ jsx(
+                ReleaseActionMenu.DeleteReleaseActionItem,
+                {
+                  releaseId: release.id,
+                  actionId: release.actions[0].id
+                }
+              )
+            ] }) : null
+          ] })
+        ]
+      },
+      release.id
+    )) })
+  };
+};
+const pluginId = "content-releases";
 const prefixPluginTranslations = (trad, pluginId2) => {
   if (!pluginId2) {
     throw new TypeError("pluginId can't be empty");
@@ -1168,43 +1244,63 @@ const admin = {
           id: `${pluginId}.plugin.name`,
           defaultMessage: "Releases"
         },
-        Component: () => import("./App-O0ZO-S35.mjs").then((mod) => ({ default: mod.App })),
-        permissions: PERMISSIONS.main
-      });
-      app.addMiddlewares([() => releaseApi.middleware]);
-      app.addReducers({
-        [releaseApi.reducerPath]: releaseApi.reducer
-      });
-      app.getPlugin("content-manager").injectComponent("editView", "right-links", {
-        name: `${pluginId}-link`,
-        Component: CMReleasesContainer
+        Component: () => import("./App-DMILern_.mjs").then((mod) => ({ default: mod.App })),
+        permissions: PERMISSIONS.main,
+        position: 2
       });
-      app.plugins["content-manager"].apis.addBulkAction((actions) => {
-        const deleteActionIndex = actions.findIndex((action) => action.name === "DeleteAction");
-        actions.splice(deleteActionIndex, 0, ReleaseAction);
-        return actions;
+      const contentManagerPluginApis = app.getPlugin("content-manager").apis;
+      if ("addEditViewSidePanel" in contentManagerPluginApis && typeof contentManagerPluginApis.addEditViewSidePanel === "function") {
+        contentManagerPluginApis.addEditViewSidePanel([Panel]);
+      }
+      if ("addDocumentAction" in contentManagerPluginApis && typeof contentManagerPluginApis.addDocumentAction === "function") {
+        contentManagerPluginApis.addDocumentAction((actions) => {
+          const indexOfDeleteAction = actions.findIndex((action) => action.type === "unpublish");
+          actions.splice(indexOfDeleteAction, 0, ReleaseActionModalForm);
+          return actions;
+        });
+      }
+      app.addSettingsLink("global", {
+        id: pluginId,
+        to: "releases",
+        intlLabel: {
+          id: `${pluginId}.plugin.name`,
+          defaultMessage: "Releases"
+        },
+        permissions: [],
+        async Component() {
+          const { ProtectedReleasesSettingsPage } = await import("./ReleasesSettingsPage-dwoRuXB-.mjs");
+          return { default: ProtectedReleasesSettingsPage };
+        }
       });
+      if ("addBulkAction" in contentManagerPluginApis && typeof contentManagerPluginApis.addBulkAction === "function") {
+        contentManagerPluginApis.addBulkAction((actions) => {
+          const deleteActionIndex = actions.findIndex((action) => action.type === "delete");
+          actions.splice(deleteActionIndex, 0, ReleaseAction);
+          return actions;
+        });
+      }
+      app.registerHook("Admin/CM/pages/ListView/inject-column-in-table", addColumnToTableHook);
     } else if (!window.strapi.features.isEnabled("cms-content-releases") && window.strapi?.flags?.promoteEE) {
-      app.addMenuLink({
-        to: `/plugins/purchase-content-releases`,
-        icon: PaperPlane,
+      app.addSettingsLink("global", {
+        id: pluginId,
+        to: "/plugins/purchase-content-releases",
         intlLabel: {
           id: `${pluginId}.plugin.name`,
           defaultMessage: "Releases"
         },
         permissions: [],
         async Component() {
-          const { PurchaseContentReleases } = await import("./PurchaseContentReleases-Ex09YpKR.mjs");
+          const { PurchaseContentReleases } = await import("./PurchaseContentReleases-_MxP6-Dt.mjs");
           return { default: PurchaseContentReleases };
         },
-        lockIcon: true
+        licenseOnly: true
       });
     }
   },
   async registerTrads({ locales }) {
     const importedTrads = await Promise.all(
       locales.map((locale) => {
-        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => import("./en-B9Ur3VsE.mjs") }), `./translations/${locale}.json`).then(({ default: data }) => {
+        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => import("./en-D0yVZFqf.mjs") }), `./translations/${locale}.json`).then(({ default: data }) => {
           return {
             data: prefixPluginTranslations(data, "content-releases"),
             locale
@@ -1223,19 +1319,21 @@ const admin = {
 export {
   PERMISSIONS as P,
   ReleaseActionOptions as R,
-  useCreateReleaseMutation as a,
-  useGetReleaseQuery as b,
-  useUpdateReleaseMutation as c,
-  useDeleteReleaseMutation as d,
-  usePublishReleaseMutation as e,
-  useGetReleaseActionsQuery as f,
-  getTimezoneOffset as g,
-  useUpdateReleaseActionMutation as h,
-  isAxiosError as i,
-  ReleaseActionMenu as j,
-  admin as k,
+  useGetReleaseSettingsQuery as a,
+  useCreateReleaseMutation as b,
+  useGetReleaseQuery as c,
+  useUpdateReleaseMutation as d,
+  useDeleteReleaseMutation as e,
+  usePublishReleaseMutation as f,
+  getTimezones as g,
+  getTimezoneOffset as h,
+  useGetReleaseActionsQuery as i,
+  useUpdateReleaseActionMutation as j,
+  ReleaseActionMenu as k,
+  useUpdateReleaseSettingsMutation as l,
+  admin as m,
   pluginId as p,
   releaseApi as r,
   useGetReleasesQuery as u
 };
-//# sourceMappingURL=index-DjDPK8kb.mjs.map
+//# sourceMappingURL=index-CYsQToWs.mjs.map