@strapi/content-releases 5.0.0-beta.1 → 5.0.0-beta.10

package/dist/_chunks/{index-cYWov2wa.js → index-BrWv-zV4.js}

@@ -4,16 +4,14 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const query = require("@reduxjs/toolkit/query");
 const strapiAdmin = require("@strapi/admin/strapi-admin");
+const strapiAdmin$1 = require("@strapi/content-manager/strapi-admin");
 const designSystem = require("@strapi/design-system");
-const v2 = require("@strapi/design-system/v2");
-const axios = require("axios");
+const symbols = require("@strapi/icons/symbols");
 const formik = require("formik");
 const reactIntl = require("react-intl");
 const reactRouterDom = require("react-router-dom");
 const yup = require("yup");
-const react = require("@reduxjs/toolkit/query/react");
-const styled = require("styled-components");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const styledComponents = require("styled-components");
 function _interopNamespace(e) {
   if (e && e.__esModule)
     return e;
@@ -34,7 +32,6 @@ function _interopNamespace(e) {
 }
 const React__namespace = /* @__PURE__ */ _interopNamespace(React);
 const yup__namespace = /* @__PURE__ */ _interopNamespace(yup);
-const styled__default = /* @__PURE__ */ _interopDefault(styled);
 const __variableDynamicImportRuntimeHelper = (glob, path) => {
   const v = glob[path];
   if (v) {
@@ -116,49 +113,9 @@ const PERMISSIONS = {
     }
   ]
 };
-const pluginId = "content-releases";
-const axiosBaseQuery = async ({
-  url,
-  method,
-  data,
-  config
-}) => {
-  try {
-    const { get, post, del, put } = strapiAdmin.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 isAxiosError = (err) => {
-  return typeof err === "object" && err !== null && "response" in err && typeof err.response === "object" && err.response !== null && "data" in err.response;
-};
-const releaseApi = react.createApi({
-  reducerPath: pluginId,
-  baseQuery: axiosBaseQuery,
-  tagTypes: ["Release", "ReleaseAction"],
+const releaseApi = strapiAdmin.adminApi.enhanceEndpoints({
+  addTagTypes: ["Release", "ReleaseAction", "EntriesInRelease"]
+}).injectEndpoints({
   endpoints: (build) => {
     return {
       getReleasesForEntry: build.query({
@@ -273,6 +230,20 @@ const releaseApi = react.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,13 +259,17 @@ const releaseApi = react.createApi({
             ...query2
           };
           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;
@@ -313,7 +288,8 @@ const releaseApi = react.createApi({
         invalidatesTags: (result, error, arg) => [
           { type: "Release", id: "LIST" },
           { type: "Release", id: arg.params.releaseId },
-          { type: "ReleaseAction", id: "LIST" }
+          { type: "ReleaseAction", id: "LIST" },
+          { type: "EntriesInRelease" }
         ]
       }),
       publishRelease: build.mutation({
@@ -332,7 +308,22 @@ const releaseApi = react.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" }]
       })
     };
   }
@@ -344,11 +335,13 @@ const {
   useGetReleaseActionsQuery,
   useCreateReleaseMutation,
   useCreateReleaseActionMutation,
+  useCreateManyReleaseActionsMutation,
   useUpdateReleaseMutation,
   useUpdateReleaseActionMutation,
   usePublishReleaseMutation,
   useDeleteReleaseActionMutation,
-  useDeleteReleaseMutation
+  useDeleteReleaseMutation,
+  useGetMappedEntriesInReleasesQuery
 } = releaseApi;
 const getTimezoneOffset = (timezone, date) => {
   try {
@@ -366,14 +359,12 @@ const getTimezoneOffset = (timezone, date) => {
     return "";
   }
 };
-const StyledMenuItem = styled__default.default(v2.Menu.Item)`
+const StyledMenuItem = styledComponents.styled(designSystem.Menu.Item)`
   &:hover {
-    background: ${({ theme, variant = "neutral" }) => theme.colors[`${variant}100`]};
+    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 {
@@ -382,9 +373,7 @@ const StyledMenuItem = styled__default.default(v2.Menu.Item)`
   }
 
   svg {
-    path {
-      fill: ${({ theme, variant = "neutral" }) => theme.colors[`${variant}600`]};
-    }
+    fill: ${({ theme, $variant = "neutral" }) => theme.colors[`${$variant}600`]};
   }
 
   a {
@@ -396,10 +385,6 @@ const StyledMenuItem = styled__default.default(v2.Menu.Item)`
     width: 100%;
   }
 `;
-const StyledIconButton = styled__default.default(designSystem.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 } = reactIntl.useIntl();
   const { toggleNotification } = strapiAdmin.useNotification();
@@ -423,7 +408,7 @@ const DeleteReleaseActionItem = ({ releaseId, actionId }) => {
       return;
     }
     if ("error" in response) {
-      if (axios.isAxiosError(response.error)) {
+      if (strapiAdmin.isFetchError(response.error)) {
         toggleNotification({
           type: "danger",
           message: formatAPIError(response.error)
@@ -439,8 +424,8 @@ const DeleteReleaseActionItem = ({ releaseId, actionId }) => {
   if (!canDeleteAction) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(StyledMenuItem, { variant: "danger", onSelect: handleDeleteAction, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Icon, { as: icons.Cross, width: 3, height: 3 }),
+  return /* @__PURE__ */ jsxRuntime.jsx(StyledMenuItem, { $variant: "danger", onSelect: handleDeleteAction, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(icons.Cross, { width: "1.6rem", height: "1.6rem" }),
     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "danger600", variant: "omega", children: formatMessage({
       id: "content-releases.content-manager-edit-view.remove-from-release",
       defaultMessage: "Remove from release"
@@ -464,7 +449,7 @@ const ReleaseActionEntryLinkItem = ({
     return Boolean(!locale || updatePermissions.properties?.locales?.includes(locale));
   }, [contentTypeUid, locale, userPermissions]);
   const {
-    allowedActions: { canUpdateContentType }
+    allowedActions: { canUpdate: canUpdateContentType }
   } = strapiAdmin.useRBAC({
     updateContentType: [
       {
@@ -476,57 +461,55 @@ const ReleaseActionEntryLinkItem = ({
   if (!canUpdateContentType || !canUpdateEntryForLocale) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(StyledMenuItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    v2.Link,
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    StyledMenuItem,
     {
-      as: reactRouterDom.NavLink,
+      tag: reactRouterDom.Link,
+      isLink: true,
       to: {
         pathname: `/content-manager/collection-types/${contentTypeUid}/${entryId}`,
         search: locale && `?plugins[i18n][locale]=${locale}`
       },
-      startIcon: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Icon, { as: icons.Pencil, width: 3, height: 3 }),
-      children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: formatMessage({
-        id: "content-releases.content-manager-edit-view.edit-entry",
-        defaultMessage: "Edit entry"
-      }) })
+      children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(icons.Pencil, { width: "1.6rem", height: "1.6rem" }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: formatMessage({
+          id: "content-releases.content-manager-edit-view.edit-entry",
+          defaultMessage: "Edit entry"
+        }) })
+      ] })
     }
-  ) });
+  );
 };
 const EditReleaseItem = ({ releaseId }) => {
   const { formatMessage } = reactIntl.useIntl();
-  return /* @__PURE__ */ jsxRuntime.jsx(StyledMenuItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    v2.Link,
-    {
-      href: `/admin/plugins/content-releases/${releaseId}`,
-      startIcon: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Icon, { as: icons.Pencil, width: 3, height: 3 }),
-      isExternal: false,
-      children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: formatMessage({
+  return (
+    /* @ts-expect-error inference isn't working in DS */
+    /* @__PURE__ */ jsxRuntime.jsx(StyledMenuItem, { tag: reactRouterDom.Link, isLink: true, to: `/plugins/content-releases/${releaseId}`, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(icons.Pencil, { width: "1.6rem", height: "1.6rem" }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: formatMessage({
         id: "content-releases.content-manager-edit-view.edit-release",
         defaultMessage: "Edit release"
       }) })
-    }
-  ) });
+    ] }) })
+  );
 };
-const Root = ({ children, hasTriggerBorder = false }) => {
+const Root = ({ children }) => {
   const { formatMessage } = reactIntl.useIntl();
   const { allowedActions } = strapiAdmin.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__ */ jsxRuntime.jsxs(v2.Menu.Root, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        v2.Menu.Trigger,
+    allowedActions.canDeleteAction || allowedActions.canUpdate ? /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Menu.Root, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Menu.Trigger, { paddingLeft: 2, paddingRight: 2, children: /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.AccessibleIcon,
         {
-          as: hasTriggerBorder ? StyledIconButton : designSystem.IconButton,
-          paddingLeft: 2,
-          paddingRight: 2,
-          "aria-label": formatMessage({
+          label: formatMessage({
             id: "content-releases.content-manager-edit-view.release-action-menu",
             defaultMessage: "Release action options"
           }),
-          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.More, {})
+          children: /* @__PURE__ */ jsxRuntime.jsx(icons.More, {})
         }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(v2.Menu.Content, { top: 1, popoverPlacement: "bottom-end", children })
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Menu.Content, { top: 1, popoverPlacement: "bottom-end", children })
     ] }) : null
   );
 };
@@ -542,11 +525,11 @@ const getBorderLeftRadiusValue = (actionType) => {
 const getBorderRightRadiusValue = (actionType) => {
   return actionType === "publish" ? 0 : 1;
 };
-const FieldWrapper = styled__default.default(designSystem.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 = styledComponents.styled(designSystem.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;
@@ -557,14 +540,14 @@ const FieldWrapper = styled__default.default(designSystem.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 {
@@ -593,7 +576,7 @@ const ActionOption = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     FieldWrapper,
     {
-      actionType,
+      $actionType: actionType,
       background: "primary0",
       borderColor: "neutral200",
       color: selected === actionType ? "primary600" : "neutral600",
@@ -601,12 +584,11 @@ const ActionOption = ({
       cursor: "pointer",
       "data-checked": selected === actionType,
       "data-disabled": disabled && selected !== actionType,
-      children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.FieldLabel, { htmlFor: `${name}-${actionType}`, children: [
+      children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Label, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.VisuallyHidden, { children: /* @__PURE__ */ jsxRuntime.jsx(
-          designSystem.FieldInput,
+          designSystem.Field.Input,
           {
             type: "radio",
-            id: `${name}-${actionType}`,
             name,
             checked: selected === actionType,
             onChange: handleChange,
@@ -661,18 +643,18 @@ const NoReleases = () => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     designSystem.EmptyStateLayout,
     {
-      icon: /* @__PURE__ */ jsxRuntime.jsx(icons.EmptyDocuments, { width: "10rem" }),
+      icon: /* @__PURE__ */ jsxRuntime.jsx(symbols.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__ */ jsxRuntime.jsx(
-        v2.LinkButton,
+        designSystem.LinkButton,
         {
           to: {
             pathname: "/plugins/content-releases"
           },
-          as: reactRouterDom.Link,
+          tag: reactRouterDom.Link,
           variant: "secondary",
           children: formatMessage({
             id: "content-releases.content-manager-edit-view.add-to-release.redirect-button",
@@ -684,11 +666,11 @@ const NoReleases = () => {
   );
 };
 const AddActionToReleaseModal = ({
-  handleClose,
+  open,
+  onOpenChange,
   contentTypeUid,
   entryId
 }) => {
-  const releaseHeaderId = React__namespace.useId();
   const { formatMessage } = reactIntl.useIntl();
   const { toggleNotification } = strapiAdmin.useNotification();
   const { formatAPIError } = strapiAdmin.useAPIErrorHandler();
@@ -719,11 +701,11 @@ const AddActionToReleaseModal = ({
           defaultMessage: "Entry added to release"
         })
       });
-      handleClose();
+      onOpenChange();
       return;
     }
     if ("error" in response2) {
-      if (axios.isAxiosError(response2.error)) {
+      if (strapiAdmin.isFetchError(response2.error)) {
         toggleNotification({
           type: "danger",
           message: formatAPIError(response2.error)
@@ -736,8 +718,8 @@ const AddActionToReleaseModal = ({
       }
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.ModalLayout, { onClose: handleClose, labelledBy: releaseHeaderId, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.ModalHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { id: releaseHeaderId, fontWeight: "bold", textColor: "neutral800", children: formatMessage({
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Root, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Modal.Content, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Title, { fontWeight: "bold", children: formatMessage({
       id: "content-releases.content-manager-edit-view.add-to-release",
       defaultMessage: "Add to release"
     }) }) }),
@@ -749,25 +731,26 @@ const AddActionToReleaseModal = ({
         initialValues: INITIAL_VALUES,
         children: ({ values, setFieldValue }) => {
           return /* @__PURE__ */ jsxRuntime.jsxs(formik.Form, { children: [
-            releases?.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(NoReleases, {}) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.ModalBody, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingBottom: 6, children: /* @__PURE__ */ jsxRuntime.jsx(
-                designSystem.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__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: release.id, children: release.name }, release.id))
-                }
-              ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.FieldLabel, { children: formatMessage({
+            releases?.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(NoReleases, {}) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Body, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingBottom: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { required: true, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
+                  id: "content-releases.content-manager-edit-view.add-to-release.select-label",
+                  defaultMessage: "Select a release"
+                }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  designSystem.SingleSelect,
+                  {
+                    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__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: release.id, children: release.name }, release.id))
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.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?"
               }) }),
@@ -780,40 +763,31 @@ const AddActionToReleaseModal = ({
                 }
               )
             ] }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              designSystem.ModalFooter,
-              {
-                startActions: /* @__PURE__ */ jsxRuntime.jsx(designSystem.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__ */ jsxRuntime.jsx(designSystem.Button, { type: "submit", disabled: !values.releaseId, loading: isLoading, children: formatMessage({
-                    id: "content-releases.content-manager-edit-view.add-to-release.continue-button",
-                    defaultMessage: "Continue"
-                  }) })
-                )
-              }
-            )
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Modal.Footer, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Close, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", name: "cancel", children: formatMessage({
+                id: "content-releases.content-manager-edit-view.add-to-release.cancel-button",
+                defaultMessage: "Cancel"
+              }) }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.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 CMReleasesContainer = () => {
   const [isModalOpen, setIsModalOpen] = React__namespace.useState(false);
   const { formatMessage, formatDate, formatTime } = reactIntl.useIntl();
   const { id, slug, collectionType } = reactRouterDom.useParams();
   const isCreatingEntry = id === "create";
-  const {
-    allowedActions: { canCreateAction, canMain, canDeleteAction }
-  } = strapiAdmin.useRBAC(PERMISSIONS);
-  const { schema } = strapiAdmin.unstable_useDocument({
+  const entryId = parseInt(id, 10);
+  const { allowedActions } = strapiAdmin.useRBAC(PERMISSIONS);
+  const { canCreateAction, canRead: canMain, canDeleteAction } = allowedActions;
+  const { schema } = strapiAdmin$1.unstable_useDocument({
     collectionType,
     model: slug
   });
@@ -822,7 +796,7 @@ const CMReleasesContainer = () => {
   const canFetch = id != null && contentTypeUid != null;
   const fetchParams = canFetch ? {
     contentTypeUid,
-    entryId: id,
+    entryId,
     hasEntryAttached: true
   } : query.skipToken;
   const response = useGetReleasesForEntryQuery(fetchParams);
@@ -846,7 +820,7 @@ const CMReleasesContainer = () => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     designSystem.Box,
     {
-      as: "aside",
+      tag: "aside",
       "aria-label": formatMessage({
         id: "content-releases.plugin.name",
         defaultMessage: "Releases"
@@ -870,7 +844,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: [
@@ -881,20 +855,20 @@ 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__ */ jsxRuntime.jsx(
                         designSystem.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" }
                           )
                         }
                       )
@@ -930,7 +904,7 @@ const CMReleasesContainer = () => {
                         ReleaseActionMenu.DeleteReleaseActionItem,
                         {
                           releaseId: release.id,
-                          actionId: release.action.id
+                          actionId: release.actions[0].id
                         }
                       )
                     ] }) : null
@@ -957,18 +931,20 @@ const CMReleasesContainer = () => {
             }
           ) : null
         ] }),
-        isModalOpen && /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(
           AddActionToReleaseModal,
           {
-            handleClose: toggleModal,
+            open: isModalOpen,
+            onOpenChange: toggleModal,
             contentTypeUid,
-            entryId: id
+            entryId
           }
         )
       ]
     }
   );
 };
+const pluginId = "content-releases";
 const prefixPluginTranslations = (trad, pluginId2) => {
   if (!pluginId2) {
     throw new TypeError("pluginId can't be empty");
@@ -981,6 +957,7 @@ const prefixPluginTranslations = (trad, pluginId2) => {
 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}`,
@@ -989,14 +966,11 @@ const admin = {
           id: `${pluginId}.plugin.name`,
           defaultMessage: "Releases"
         },
-        Component: () => Promise.resolve().then(() => require("./App-1LckaIGY.js")).then((mod) => ({ default: mod.App })),
-        permissions: PERMISSIONS.main
-      });
-      app.addMiddlewares([() => releaseApi.middleware]);
-      app.addReducers({
-        [releaseApi.reducerPath]: releaseApi.reducer
+        Component: () => Promise.resolve().then(() => require("./App-CEwOQkKT.js")).then((mod) => ({ default: mod.App })),
+        permissions: PERMISSIONS.main,
+        position: 2
       });
-      app.injectContentManagerComponent("editView", "right-links", {
+      app.getPlugin("content-manager").injectComponent("editView", "right-links", {
         name: `${pluginId}-link`,
         Component: CMReleasesContainer
       });
@@ -1008,18 +982,20 @@ const admin = {
           id: `${pluginId}.plugin.name`,
           defaultMessage: "Releases"
         },
+        permissions: [],
         async Component() {
-          const { PurchaseContentReleases } = await Promise.resolve().then(() => require("./PurchaseContentReleases-YhAPgpG9.js"));
-          return PurchaseContentReleases;
+          const { PurchaseContentReleases } = await Promise.resolve().then(() => require("./PurchaseContentReleases-Be3acS2L.js"));
+          return { default: PurchaseContentReleases };
         },
-        lockIcon: true
+        licenseOnly: true,
+        position: 2
       });
     }
   },
   async registerTrads({ locales }) {
     const importedTrads = await Promise.all(
       locales.map((locale) => {
-        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => Promise.resolve().then(() => require("./en-faJDuv3q.js")) }), `./translations/${locale}.json`).then(({ default: data }) => {
+        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => Promise.resolve().then(() => require("./en-DtFJ5ViE.js")) }), `./translations/${locale}.json`).then(({ default: data }) => {
           return {
             data: prefixPluginTranslations(data, "content-releases"),
             locale
@@ -1040,7 +1016,6 @@ exports.ReleaseActionMenu = ReleaseActionMenu;
 exports.ReleaseActionOptions = ReleaseActionOptions;
 exports.admin = admin;
 exports.getTimezoneOffset = getTimezoneOffset;
-exports.isAxiosError = isAxiosError;
 exports.pluginId = pluginId;
 exports.releaseApi = releaseApi;
 exports.useCreateReleaseMutation = useCreateReleaseMutation;
@@ -1051,4 +1026,4 @@ exports.useGetReleasesQuery = useGetReleasesQuery;
 exports.usePublishReleaseMutation = usePublishReleaseMutation;
 exports.useUpdateReleaseActionMutation = useUpdateReleaseActionMutation;
 exports.useUpdateReleaseMutation = useUpdateReleaseMutation;
-//# sourceMappingURL=index-cYWov2wa.js.map
+//# sourceMappingURL=index-BrWv-zV4.js.map