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

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

@@ -1,18 +1,18 @@
-import { getFetchClient, useNotification, useAPIErrorHandler, CheckPermissions, useCMEditViewDataManager, NoContent, prefixPluginTranslations } from "@strapi/helper-plugin";
 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 { IconButton, Flex, Icon, Typography, Field, FieldLabel, VisuallyHidden, FieldInput, Box, Button, ModalLayout, ModalHeader, ModalBody, SingleSelect, SingleSelectOption, ModalFooter } from "@strapi/design-system";
-import { Menu, Link, LinkButton } from "@strapi/design-system/v2";
+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 { useIntl } from "react-intl";
-import { NavLink, Link as Link$1 } from "react-router-dom";
+import { NavLink, useParams, Link as Link$1 } from "react-router-dom";
 import * as yup from "yup";
 import { createApi } from "@reduxjs/toolkit/query/react";
 import styled from "styled-components";
-import { useDispatch, useSelector } from "react-redux";
 const __variableDynamicImportRuntimeHelper = (glob, path) => {
   const v = glob[path];
   if (v) {
@@ -136,7 +136,7 @@ const isAxiosError = (err) => {
 const releaseApi = createApi({
   reducerPath: pluginId,
   baseQuery: axiosBaseQuery,
-  tagTypes: ["Release", "ReleaseAction"],
+  tagTypes: ["Release", "ReleaseAction", "EntriesInRelease"],
   endpoints: (build) => {
     return {
       getReleasesForEntry: build.query({
@@ -251,6 +251,20 @@ const releaseApi = createApi({
           { type: "ReleaseAction", id: "LIST" }
         ]
       }),
+      createManyReleaseActions: build.mutation({
+        query({ body, params }) {
+          return {
+            url: `/content-releases/${params.releaseId}/actions/bulk`,
+            method: "POST",
+            data: body
+          };
+        },
+        invalidatesTags: [
+          { type: "Release", id: "LIST" },
+          { type: "ReleaseAction", id: "LIST" },
+          { type: "EntriesInRelease" }
+        ]
+      }),
       updateReleaseAction: build.mutation({
         query({ body, params }) {
           return {
@@ -288,9 +302,11 @@ const releaseApi = createApi({
             method: "DELETE"
           };
         },
-        invalidatesTags: [
+        invalidatesTags: (result, error, arg) => [
           { type: "Release", id: "LIST" },
-          { type: "ReleaseAction", id: "LIST" }
+          { type: "Release", id: arg.params.releaseId },
+          { type: "ReleaseAction", id: "LIST" },
+          { type: "EntriesInRelease" }
         ]
       }),
       publishRelease: build.mutation({
@@ -309,7 +325,22 @@ const releaseApi = createApi({
             method: "DELETE"
           };
         },
-        invalidatesTags: () => [{ type: "Release", id: "LIST" }]
+        invalidatesTags: () => [{ type: "Release", id: "LIST" }, { type: "EntriesInRelease" }]
+      }),
+      getMappedEntriesInReleases: build.query({
+        query(params) {
+          return {
+            url: "/content-releases/mapEntriesToReleases",
+            method: "GET",
+            config: {
+              params
+            }
+          };
+        },
+        transformResponse(response) {
+          return response.data;
+        },
+        providesTags: [{ type: "EntriesInRelease" }]
       })
     };
   }
@@ -321,11 +352,13 @@ const {
   useGetReleaseActionsQuery,
   useCreateReleaseMutation,
   useCreateReleaseActionMutation,
+  useCreateManyReleaseActionsMutation,
   useUpdateReleaseMutation,
   useUpdateReleaseActionMutation,
   usePublishReleaseMutation,
   useDeleteReleaseActionMutation,
-  useDeleteReleaseMutation
+  useDeleteReleaseMutation,
+  useGetMappedEntriesInReleasesQuery
 } = releaseApi;
 const getTimezoneOffset = (timezone, date) => {
   try {
@@ -343,16 +376,12 @@ const getTimezoneOffset = (timezone, date) => {
     return "";
   }
 };
-const useTypedDispatch = useDispatch;
-const useTypedSelector = useSelector;
 const StyledMenuItem = styled(Menu.Item)`
   &:hover {
     background: ${({ theme, variant = "neutral" }) => theme.colors[`${variant}100`]};
 
     svg {
-      path {
-        fill: ${({ theme, variant = "neutral" }) => theme.colors[`${variant}600`]};
-      }
+      fill: ${({ theme, variant = "neutral" }) => theme.colors[`${variant}600`]};
     }
 
     a {
@@ -361,9 +390,7 @@ const StyledMenuItem = styled(Menu.Item)`
   }
 
   svg {
-    path {
-      fill: ${({ theme, variant = "neutral" }) => theme.colors[`${variant}600`]};
-    }
+    fill: ${({ theme, variant = "neutral" }) => theme.colors[`${variant}600`]};
   }
 
   a {
@@ -381,9 +408,12 @@ const StyledIconButton = styled(IconButton)`
 `;
 const DeleteReleaseActionItem = ({ releaseId, actionId }) => {
   const { formatMessage } = useIntl();
-  const toggleNotification = useNotification();
+  const { toggleNotification } = useNotification();
   const { formatAPIError } = useAPIErrorHandler();
   const [deleteReleaseAction] = useDeleteReleaseActionMutation();
+  const {
+    allowedActions: { canDeleteAction }
+  } = useRBAC(PERMISSIONS);
   const handleDeleteAction = async () => {
     const response = await deleteReleaseAction({
       params: { releaseId, actionId }
@@ -401,24 +431,27 @@ const DeleteReleaseActionItem = ({ releaseId, actionId }) => {
     if ("error" in response) {
       if (isAxiosError$1(response.error)) {
         toggleNotification({
-          type: "warning",
+          type: "danger",
           message: formatAPIError(response.error)
         });
       } else {
         toggleNotification({
-          type: "warning",
+          type: "danger",
           message: formatMessage({ id: "notification.error", defaultMessage: "An error occurred" })
         });
       }
     }
   };
-  return /* @__PURE__ */ jsx(CheckPermissions, { permissions: PERMISSIONS.deleteAction, children: /* @__PURE__ */ jsx(StyledMenuItem, { variant: "danger", onSelect: handleDeleteAction, children: /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
-    /* @__PURE__ */ jsx(Icon, { as: Cross, width: 3, height: 3 }),
+  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,
@@ -426,50 +459,53 @@ const ReleaseActionEntryLinkItem = ({
   locale
 }) => {
   const { formatMessage } = useIntl();
-  const collectionTypePermissions = useTypedSelector(
-    (state) => state.rbacProvider.collectionTypesRelatedPermissions
-  );
-  const updatePermissions = contentTypeUid ? collectionTypePermissions[contentTypeUid]?.["plugin::content-manager.explorer.update"] : [];
-  const canUpdateEntryForLocale = Boolean(
-    !locale || updatePermissions?.find(
-      (permission) => permission.properties?.locales?.includes(locale)
-    )
-  );
-  return /* @__PURE__ */ jsx(
-    CheckPermissions,
+  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,
     {
-      permissions: [
-        {
-          action: "plugin::content-manager.explorer.update",
-          subject: contentTypeUid
-        }
-      ],
-      children: canUpdateEntryForLocale && /* @__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(Icon, { as: Pencil, width: 3, height: 3 }),
-          children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: formatMessage({
-            id: "content-releases.content-manager-edit-view.edit-entry",
-            defaultMessage: "Edit entry"
-          }) })
-        }
-      ) })
+      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,
     {
-      as: NavLink,
-      to: `/plugins/content-releases/${releaseId}`,
-      startIcon: /* @__PURE__ */ jsx(Icon, { as: Pencil, width: 3, height: 3 }),
+      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"
@@ -479,9 +515,10 @@ const EditReleaseItem = ({ releaseId }) => {
 };
 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
-    /* @__PURE__ */ jsx(CheckPermissions, { permissions: [...PERMISSIONS.deleteAction, ...PERMISSIONS.update], children: /* @__PURE__ */ jsxs(Menu.Root, { children: [
+    allowedActions.canDeleteAction || allowedActions.canUpdate ? /* @__PURE__ */ jsxs(Menu.Root, { children: [
       /* @__PURE__ */ jsx(
         Menu.Trigger,
         {
@@ -496,7 +533,7 @@ const Root = ({ children, hasTriggerBorder = false }) => {
         }
       ),
       /* @__PURE__ */ jsx(Menu.Content, { top: 1, popoverPlacement: "bottom-end", children })
-    ] }) })
+    ] }) : null
   );
 };
 const ReleaseActionMenu = {
@@ -628,12 +665,13 @@ const INITIAL_VALUES = {
 const NoReleases = () => {
   const { formatMessage } = useIntl();
   return /* @__PURE__ */ jsx(
-    NoContent,
+    EmptyStateLayout,
     {
-      content: {
+      icon: /* @__PURE__ */ jsx(EmptyDocuments, { width: "16rem" }),
+      content: formatMessage({
         id: "content-releases.content-manager-edit-view.add-to-release.no-releases-message",
         defaultMessage: "No available releases. Open the list of releases and create a new one from there."
-      },
+      }),
       action: /* @__PURE__ */ jsx(
         LinkButton,
         {
@@ -658,9 +696,10 @@ const AddActionToReleaseModal = ({
 }) => {
   const releaseHeaderId = React.useId();
   const { formatMessage } = useIntl();
-  const toggleNotification = useNotification();
+  const { toggleNotification } = useNotification();
   const { formatAPIError } = useAPIErrorHandler();
-  const { modifiedData } = useCMEditViewDataManager();
+  const [{ query }] = useQueryParams();
+  const locale = query.plugins?.i18n?.locale;
   const response = useGetReleasesForEntryQuery({
     contentTypeUid,
     entryId,
@@ -669,7 +708,6 @@ const AddActionToReleaseModal = ({
   const releases = response.data?.data;
   const [createReleaseAction, { isLoading }] = useCreateReleaseActionMutation();
   const handleSubmit = async (values) => {
-    const locale = modifiedData.locale;
     const releaseActionEntry = {
       contentType: contentTypeUid,
       id: entryId,
@@ -693,12 +731,12 @@ const AddActionToReleaseModal = ({
     if ("error" in response2) {
       if (isAxiosError$1(response2.error)) {
         toggleNotification({
-          type: "warning",
+          type: "danger",
           message: formatAPIError(response2.error)
         });
       } else {
         toggleNotification({
-          type: "warning",
+          type: "danger",
           message: formatMessage({ id: "notification.error", defaultMessage: "An error occurred" })
         });
       }
@@ -776,18 +814,20 @@ const AddActionToReleaseModal = ({
 const CMReleasesContainer = () => {
   const [isModalOpen, setIsModalOpen] = React.useState(false);
   const { formatMessage, formatDate, formatTime } = useIntl();
-  const {
-    isCreatingEntry,
-    hasDraftAndPublish,
-    initialData: { id: entryId },
-    slug
-  } = useCMEditViewDataManager();
+  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 hasDraftAndPublish = schema?.options?.draftAndPublish;
   const contentTypeUid = slug;
-  const IsSchedulingEnabled = window.strapi.future.isEnabled("contentReleasesScheduling");
-  const canFetch = entryId != null && contentTypeUid != null;
+  const canFetch = id != null && contentTypeUid != null;
   const fetchParams = canFetch ? {
     contentTypeUid,
-    entryId,
+    entryId: id,
     hasEntryAttached: true
   } : skipToken;
   const response = useGetReleasesForEntryQuery(fetchParams);
@@ -805,7 +845,10 @@ const CMReleasesContainer = () => {
     }
     return `success${shade}`;
   };
-  return /* @__PURE__ */ jsx(CheckPermissions, { permissions: PERMISSIONS.main, children: /* @__PURE__ */ jsxs(
+  if (!canMain) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(
     Box,
     {
       as: "aside",
@@ -832,7 +875,7 @@ const CMReleasesContainer = () => {
                 alignItems: "start",
                 borderWidth: "1px",
                 borderStyle: "solid",
-                borderColor: getReleaseColorVariant(release.action.type, "200"),
+                borderColor: getReleaseColorVariant(release.actions[0].type, "200"),
                 overflow: "hidden",
                 hasRadius: true,
                 children: [
@@ -843,28 +886,28 @@ const CMReleasesContainer = () => {
                       paddingBottom: 3,
                       paddingLeft: 4,
                       paddingRight: 4,
-                      background: getReleaseColorVariant(release.action.type, "100"),
+                      background: getReleaseColorVariant(release.actions[0].type, "100"),
                       width: "100%",
                       children: /* @__PURE__ */ jsx(
                         Typography,
                         {
                           fontSize: 1,
                           variant: "pi",
-                          textColor: getReleaseColorVariant(release.action.type, "600"),
+                          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.action.type === "publish" }
+                            { isPublish: release.actions[0].type === "publish" }
                           )
                         }
                       )
                     }
                   ),
-                  /* @__PURE__ */ jsxs(Flex, { padding: 4, direction: "column", gap: 2, width: "100%", alignItems: "flex-start", children: [
+                  /* @__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 }),
-                    IsSchedulingEnabled && release.scheduledAt && release.timezone && /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: formatMessage(
+                    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})"
@@ -886,23 +929,23 @@ const CMReleasesContainer = () => {
                         )
                       }
                     ) }),
-                    /* @__PURE__ */ jsx(CheckPermissions, { permissions: PERMISSIONS.deleteAction, children: /* @__PURE__ */ jsxs(ReleaseActionMenu.Root, { hasTriggerBorder: true, children: [
+                    canDeleteAction ? /* @__PURE__ */ jsxs(ReleaseActionMenu.Root, { hasTriggerBorder: true, children: [
                       /* @__PURE__ */ jsx(ReleaseActionMenu.EditReleaseItem, { releaseId: release.id }),
                       /* @__PURE__ */ jsx(
                         ReleaseActionMenu.DeleteReleaseActionItem,
                         {
                           releaseId: release.id,
-                          actionId: release.action.id
+                          actionId: release.actions[0].id
                         }
                       )
-                    ] }) })
-                  ] })
+                    ] }) : null
+                  ] }) })
                 ]
               },
               release.id
             );
           }),
-          /* @__PURE__ */ jsx(CheckPermissions, { permissions: PERMISSIONS.createAction, children: /* @__PURE__ */ jsx(
+          canCreateAction ? /* @__PURE__ */ jsx(
             Button,
             {
               justifyContent: "center",
@@ -917,45 +960,230 @@ const CMReleasesContainer = () => {
                 defaultMessage: "Add to release"
               })
             }
-          ) })
+          ) : null
         ] }),
         isModalOpen && /* @__PURE__ */ jsx(
           AddActionToReleaseModal,
           {
             handleClose: toggleModal,
             contentTypeUid,
-            entryId
+            entryId: id
           }
         )
       ]
     }
-  ) });
+  );
+};
+const getContentPermissions = (subject) => {
+  const permissions = {
+    publish: [
+      {
+        action: "plugin::content-manager.explorer.publish",
+        subject,
+        id: "",
+        actionParameters: {},
+        properties: {},
+        conditions: []
+      }
+    ]
+  };
+  return permissions;
+};
+const ReleaseAction = ({ documentIds, model }) => {
+  const { formatMessage } = useIntl();
+  const { toggleNotification } = useNotification();
+  const { formatAPIError } = useAPIErrorHandler();
+  const [{ query }] = useQueryParams();
+  const contentPermissions = getContentPermissions(model);
+  const {
+    allowedActions: { canPublish }
+  } = useRBAC(contentPermissions);
+  const {
+    allowedActions: { canCreate }
+  } = useRBAC(PERMISSIONS);
+  const response = useGetReleasesQuery();
+  const releases = response.data?.data;
+  const [createManyReleaseActions, { isLoading }] = useCreateManyReleaseActionsMutation();
+  const handleSubmit = async (values) => {
+    const locale = query.plugins?.i18n?.locale;
+    const releaseActionEntries = documentIds.map(
+      (id) => ({
+        type: values.type,
+        entry: {
+          contentType: model,
+          id,
+          locale
+        }
+      })
+    );
+    const response2 = await createManyReleaseActions({
+      body: releaseActionEntries,
+      params: { releaseId: values.releaseId }
+    });
+    if ("data" in response2) {
+      const notificationMessage = formatMessage(
+        {
+          id: "content-releases.content-manager-list-view.add-to-release.notification.success.message",
+          defaultMessage: "{entriesAlreadyInRelease} out of {totalEntries} entries were already in the release."
+        },
+        {
+          entriesAlreadyInRelease: response2.data.meta.entriesAlreadyInRelease,
+          totalEntries: response2.data.meta.totalEntries
+        }
+      );
+      const notification = {
+        type: "success",
+        title: formatMessage(
+          {
+            id: "content-releases.content-manager-list-view.add-to-release.notification.success.title",
+            defaultMessage: "Successfully added to release."
+          },
+          {
+            entriesAlreadyInRelease: response2.data.meta.entriesAlreadyInRelease,
+            totalEntries: response2.data.meta.totalEntries
+          }
+        ),
+        message: response2.data.meta.entriesAlreadyInRelease ? notificationMessage : ""
+      };
+      toggleNotification(notification);
+      return true;
+    }
+    if ("error" in response2) {
+      if (isAxiosError$1(response2.error)) {
+        toggleNotification({
+          type: "warning",
+          message: formatAPIError(response2.error)
+        });
+      } else {
+        toggleNotification({
+          type: "warning",
+          message: formatMessage({ id: "notification.error", defaultMessage: "An error occurred" })
+        });
+      }
+    }
+  };
+  if (!canCreate || !canPublish)
+    return null;
+  return {
+    actionType: "release",
+    variant: "tertiary",
+    label: formatMessage({
+      id: "content-manager-list-view.add-to-release",
+      defaultMessage: "Add to Release"
+    }),
+    dialog: {
+      type: "modal",
+      title: formatMessage({
+        id: "content-manager-list-view.add-to-release",
+        defaultMessage: "Add to Release"
+      }),
+      content: ({ onClose }) => {
+        return /* @__PURE__ */ jsx(
+          Formik,
+          {
+            onSubmit: async (values) => {
+              const data = await handleSubmit(values);
+              if (data) {
+                return onClose();
+              }
+            },
+            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({
+                  id: "content-releases.content-manager-list-view.add-to-release.action-type-label",
+                  defaultMessage: "What do you want to do with these entries?"
+                }) }),
+                /* @__PURE__ */ jsx(
+                  ReleaseActionOptions,
+                  {
+                    selected: values.type,
+                    handleChange: (e) => setFieldValue("type", e.target.value),
+                    name: "type"
+                  }
+                )
+              ] }) }),
+              /* @__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"
+                    }) })
+                  )
+                }
+              )
+            ] })
+          }
+        );
+      }
+    }
+  };
+};
+const prefixPluginTranslations = (trad, pluginId2) => {
+  if (!pluginId2) {
+    throw new TypeError("pluginId can't be empty");
+  }
+  return Object.keys(trad).reduce((acc, current) => {
+    acc[`${pluginId2}.${current}`] = trad[current];
+    return acc;
+  }, {});
 };
 const admin = {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   register(app) {
+    app.createHook("ContentReleases/pages/ReleaseDetails/add-locale-in-releases");
     if (window.strapi.features.isEnabled("cms-content-releases")) {
       app.addMenuLink({
-        to: `/plugins/${pluginId}`,
+        to: `plugins/${pluginId}`,
         icon: PaperPlane,
         intlLabel: {
           id: `${pluginId}.plugin.name`,
           defaultMessage: "Releases"
         },
-        async Component() {
-          const { App } = await import("./App-bpzO2Ljh.mjs");
-          return App;
-        },
+        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.injectContentManagerComponent("editView", "right-links", {
+      app.getPlugin("content-manager").injectComponent("editView", "right-links", {
         name: `${pluginId}-link`,
         Component: CMReleasesContainer
       });
+      app.plugins["content-manager"].apis.addBulkAction((actions) => {
+        const deleteActionIndex = actions.findIndex((action) => action.name === "DeleteAction");
+        actions.splice(deleteActionIndex, 0, ReleaseAction);
+        return actions;
+      });
     } else if (!window.strapi.features.isEnabled("cms-content-releases") && window.strapi?.flags?.promoteEE) {
       app.addMenuLink({
         to: `/plugins/purchase-content-releases`,
@@ -964,9 +1192,10 @@ const admin = {
           id: `${pluginId}.plugin.name`,
           defaultMessage: "Releases"
         },
+        permissions: [],
         async Component() {
-          const { PurchaseContentReleases } = await import("./PurchaseContentReleases-Clm0iACO.mjs");
-          return PurchaseContentReleases;
+          const { PurchaseContentReleases } = await import("./PurchaseContentReleases-Ex09YpKR.mjs");
+          return { default: PurchaseContentReleases };
         },
         lockIcon: true
       });
@@ -975,7 +1204,7 @@ const admin = {
   async registerTrads({ locales }) {
     const importedTrads = await Promise.all(
       locales.map((locale) => {
-        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => import("./en-WuuhP6Bn.mjs") }), `./translations/${locale}.json`).then(({ default: data }) => {
+        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => import("./en-B9Ur3VsE.mjs") }), `./translations/${locale}.json`).then(({ default: data }) => {
           return {
             data: prefixPluginTranslations(data, "content-releases"),
             locale
@@ -999,15 +1228,14 @@ export {
   useUpdateReleaseMutation as c,
   useDeleteReleaseMutation as d,
   usePublishReleaseMutation as e,
-  useTypedDispatch as f,
+  useGetReleaseActionsQuery as f,
   getTimezoneOffset as g,
-  useGetReleaseActionsQuery as h,
+  useUpdateReleaseActionMutation as h,
   isAxiosError as i,
-  useUpdateReleaseActionMutation as j,
-  ReleaseActionMenu as k,
-  admin as l,
+  ReleaseActionMenu as j,
+  admin as k,
   pluginId as p,
   releaseApi as r,
   useGetReleasesQuery as u
 };
-//# sourceMappingURL=index-AECgcaDa.mjs.map
+//# sourceMappingURL=index-DjDPK8kb.mjs.map