@strapi/content-releases 0.0.0-experimental.ec089c69ff953942fb39de032c12daafaf7176e6 → 0.0.0-experimental.f75e3c6d67cc47c64ab37479efdbb7b43be50b78

package/dist/_chunks/{index-mvj9PSKd.mjs → index-BomF0-yY.mjs}

@@ -1,18 +1,16 @@
-import { getFetchClient, useNotification, useAPIErrorHandler, CheckPermissions, useCMEditViewDataManager, NoContent, useRBAC, SortIcon, 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 as Button$1, ModalLayout, ModalHeader, ModalBody, SingleSelect, SingleSelectOption, ModalFooter, Popover } from "@strapi/design-system";
-import { Menu, Link, LinkButton } from "@strapi/design-system/v2";
-import { isAxiosError as isAxiosError$1 } from "axios";
+import { adminApi, useNotification, useAPIErrorHandler, useRBAC, useAuth, isFetchError, useQueryParams } from "@strapi/admin/strapi-admin";
+import { unstable_useDocument } from "@strapi/content-manager/strapi-admin";
+import { Menu, Flex, Typography, AccessibleIcon, Field, VisuallyHidden, Box, Button, ModalLayout, ModalHeader, ModalBody, SingleSelect, SingleSelectOption, ModalFooter, EmptyStateLayout, LinkButton } from "@strapi/design-system";
+import { EmptyDocuments } from "@strapi/icons/symbols";
 import { Formik, Form } from "formik";
 import { useIntl } from "react-intl";
-import { NavLink, Link as Link$1 } from "react-router-dom";
+import { Link, useParams } 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";
+import { styled } from "styled-components";
 const __variableDynamicImportRuntimeHelper = (glob, path) => {
   const v = glob[path];
   if (v) {
@@ -94,49 +92,9 @@ 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 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"]
+}).injectEndpoints({
   endpoints: (build) => {
     return {
       getReleasesForEntry: build.query({
@@ -280,13 +238,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;
@@ -376,16 +338,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`]};
+    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 {
@@ -394,9 +352,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 {
@@ -408,15 +364,14 @@ const StyledMenuItem = styled(Menu.Item)`
     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 { toggleNotification } = useNotification();
   const { formatAPIError } = useAPIErrorHandler();
   const [deleteReleaseAction] = useDeleteReleaseActionMutation();
+  const {
+    allowedActions: { canDeleteAction }
+  } = useRBAC(PERMISSIONS);
   const handleDeleteAction = async () => {
     const response = await deleteReleaseAction({
       params: { releaseId, actionId }
@@ -432,26 +387,29 @@ const DeleteReleaseActionItem = ({ releaseId, actionId }) => {
       return;
     }
     if ("error" in response) {
-      if (isAxiosError$1(response.error)) {
+      if (isFetchError(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.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,
@@ -459,77 +417,79 @@ 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)
-    )
-  );
+  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(
-    CheckPermissions,
+    StyledMenuItem,
     {
-      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"
-          }) })
-        }
-      ) })
+      tag: Link,
+      isLink: true,
+      to: {
+        pathname: `/content-manager/collection-types/${contentTypeUid}/${entryId}`,
+        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 /* @__PURE__ */ jsx(StyledMenuItem, { children: /* @__PURE__ */ jsx(
-    Link,
-    {
-      href: `/admin/plugins/content-releases/${releaseId}`,
-      startIcon: /* @__PURE__ */ jsx(Icon, { as: Pencil, width: 3, height: 3 }),
-      isExternal: false,
-      children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: formatMessage({
+  return (
+    /* @ts-expect-error inference isn't working in DS */
+    /* @__PURE__ */ jsx(StyledMenuItem, { tag: Link, 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, { 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 } = 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: [
-      /* @__PURE__ */ jsx(
-        Menu.Trigger,
+    allowedActions.canDeleteAction || allowedActions.canUpdate ? /* @__PURE__ */ jsxs(Menu.Root, { children: [
+      /* @__PURE__ */ jsx(Menu.Trigger, { paddingLeft: 2, paddingRight: 2, children: /* @__PURE__ */ jsx(
+        AccessibleIcon,
         {
-          as: hasTriggerBorder ? StyledIconButton : 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__ */ jsx(More, {})
+          children: /* @__PURE__ */ jsx(More, {})
         }
-      ),
+      ) }),
       /* @__PURE__ */ jsx(Menu.Content, { top: 1, popoverPlacement: "bottom-end", children })
-    ] }) })
+    ] }) : null
   );
 };
 const ReleaseActionMenu = {
@@ -544,11 +504,11 @@ const getBorderLeftRadiusValue = (actionType) => {
 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;
@@ -559,14 +519,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 {
@@ -595,7 +555,7 @@ const ActionOption = ({
   return /* @__PURE__ */ jsx(
     FieldWrapper,
     {
-      actionType,
+      $actionType: actionType,
       background: "primary0",
       borderColor: "neutral200",
       color: selected === actionType ? "primary600" : "neutral600",
@@ -603,12 +563,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,
@@ -661,19 +620,20 @@ 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,
         {
           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",
@@ -691,9 +651,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,
@@ -702,7 +663,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,
@@ -724,14 +684,14 @@ const AddActionToReleaseModal = ({
       return;
     }
     if ("error" in response2) {
-      if (isAxiosError$1(response2.error)) {
+      if (isFetchError(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" })
         });
       }
@@ -751,24 +711,25 @@ const AddActionToReleaseModal = ({
         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({
+              /* @__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,
+                  {
+                    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(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?"
               }) }),
@@ -784,7 +745,7 @@ const AddActionToReleaseModal = ({
             /* @__PURE__ */ jsx(
               ModalFooter,
               {
-                startActions: /* @__PURE__ */ jsx(Button$1, { onClick: handleClose, variant: "tertiary", name: "cancel", children: formatMessage({
+                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"
                 }) }),
@@ -793,7 +754,7 @@ const AddActionToReleaseModal = ({
                    * 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$1, { type: "submit", disabled: !values.releaseId, loading: isLoading, children: formatMessage({
+                  /* @__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"
                   }) })
@@ -809,14 +770,18 @@ 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 entryId = parseInt(id, 10);
+  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 canFetch = entryId != null && contentTypeUid != null;
+  const canFetch = id != null && contentTypeUid != null;
   const fetchParams = canFetch ? {
     contentTypeUid,
     entryId,
@@ -837,10 +802,13 @@ 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",
+      tag: "aside",
       "aria-label": formatMessage({
         id: "content-releases.plugin.name",
         defaultMessage: "Releases"
@@ -894,7 +862,7 @@ const CMReleasesContainer = () => {
                       )
                     }
                   ),
-                  /* @__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 }),
                     release.scheduledAt && release.timezone && /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: formatMessage(
                       {
@@ -918,7 +886,7 @@ 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,
@@ -927,15 +895,15 @@ const CMReleasesContainer = () => {
                           actionId: release.actions[0].id
                         }
                       )
-                    ] }) })
-                  ] })
+                    ] }) : null
+                  ] }) })
                 ]
               },
               release.id
             );
           }),
-          /* @__PURE__ */ jsx(CheckPermissions, { permissions: PERMISSIONS.createAction, children: /* @__PURE__ */ jsx(
-            Button$1,
+          canCreateAction ? /* @__PURE__ */ jsx(
+            Button,
             {
               justifyContent: "center",
               paddingLeft: 4,
@@ -949,7 +917,7 @@ const CMReleasesContainer = () => {
                 defaultMessage: "Add to release"
               })
             }
-          ) })
+          ) : null
         ] }),
         isModalOpen && /* @__PURE__ */ jsx(
           AddActionToReleaseModal,
@@ -961,269 +929,17 @@ const CMReleasesContainer = () => {
         )
       ]
     }
-  ) });
-};
-const getContentPermissions = (subject) => {
-  const permissions = {
-    publish: [
-      {
-        action: "plugin::content-manager.explorer.publish",
-        subject,
-        id: "",
-        actionParameters: {},
-        properties: {},
-        conditions: []
-      }
-    ]
-  };
-  return permissions;
-};
-const ReleaseAction = ({ ids, model }) => {
-  const { formatMessage } = useIntl();
-  const toggleNotification = useNotification();
-  const { formatAPIError } = useAPIErrorHandler();
-  const { modifiedData } = useCMEditViewDataManager();
-  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 = modifiedData.locale;
-    const releaseActionEntries = ids.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$1, { 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$1, { type: "submit", disabled: !values.releaseId, loading: isLoading, children: formatMessage({
-                      id: "content-releases.content-manager-list-view.add-to-release.continue-button",
-                      defaultMessage: "Continue"
-                    }) })
-                  )
-                }
-              )
-            ] })
-          }
-        );
-      }
-    }
-  };
-};
-const Button = styled.button`
-  svg {
-    > g,
-    path {
-      fill: ${({ theme }) => theme.colors.neutral500};
-    }
-  }
-  &:hover {
-    svg {
-      > g,
-      path {
-        fill: ${({ theme }) => theme.colors.neutral600};
-      }
-    }
-  }
-  &:active {
-    svg {
-      > g,
-      path {
-        fill: ${({ theme }) => theme.colors.neutral400};
-      }
-    }
-  }
-`;
-const ActionWrapper = styled(Flex)`
-  svg {
-    height: ${4 / 16}rem;
-  }
-`;
-const useReleasesList = (entryId) => {
-  const { uid: contentTypeUid } = useTypedSelector(
-    (state) => state["content-manager_listView"].contentType
   );
-  const listViewData = useTypedSelector((state) => state["content-manager_listView"].data);
-  const entriesIds = listViewData.map((entry) => entry.id);
-  const response = useGetMappedEntriesInReleasesQuery(
-    { contentTypeUid, entriesIds },
-    { skip: !entriesIds || !contentTypeUid || entriesIds.length === 0 }
-  );
-  const mappedEntriesInReleases = response.data || {};
-  return mappedEntriesInReleases?.[entryId] || [];
 };
-const addColumnToTableHook = ({ displayedHeaders, layout }) => {
-  const { contentType } = layout;
-  if (!contentType.options?.draftAndPublish) {
-    return { displayedHeaders, layout };
+const pluginId = "content-releases";
+const prefixPluginTranslations = (trad, pluginId2) => {
+  if (!pluginId2) {
+    throw new TypeError("pluginId can't be empty");
   }
-  return {
-    displayedHeaders: [
-      ...displayedHeaders,
-      {
-        key: "__release_key__",
-        fieldSchema: { type: "string" },
-        metadatas: { label: "To be released in", searchable: true, sortable: false },
-        name: "releasedAt",
-        cellFormatter: (props) => /* @__PURE__ */ jsx(ReleaseListCell, { ...props })
-      }
-    ],
-    layout
-  };
-};
-const ReleaseListCell = ({ id }) => {
-  const releases = useReleasesList(id);
-  const [visible, setVisible] = React.useState(false);
-  const buttonRef = React.useRef(null);
-  const { formatMessage } = useIntl();
-  const handleTogglePopover = () => setVisible((prev) => !prev);
-  return /* @__PURE__ */ jsx(Flex, { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(Button, { type: "button", onClick: handleTogglePopover, ref: buttonRef, children: /* @__PURE__ */ jsxs(ActionWrapper, { height: "2rem", width: "2rem", 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__ */ jsxs(Flex, { children: [
-      releases.length > 0 && /* @__PURE__ */ jsx(SortIcon, {}),
-      visible && /* @__PURE__ */ jsx(
-        Popover,
-        {
-          onDismiss: handleTogglePopover,
-          source: buttonRef,
-          spacing: 16,
-          children: /* @__PURE__ */ jsx("ul", { children: releases.map(({ id: id2, name }) => /* @__PURE__ */ jsx(Box, { padding: 3, as: "li", children: /* @__PURE__ */ jsx(Link, { href: `/admin/plugins/content-releases/${id2}`, isExternal: false, children: name }) }, id2)) })
-        }
-      )
-    ] })
-  ] }) }) });
+  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
@@ -1231,32 +947,20 @@ const admin = {
     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-gu1aiP6i.mjs");
-          return App;
-        },
-        permissions: PERMISSIONS.main
+        Component: () => import("./App-D_6Y9N2F.mjs").then((mod) => ({ default: mod.App })),
+        permissions: PERMISSIONS.main,
+        position: 2
       });
-      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;
-      });
-      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`,
@@ -1265,18 +969,20 @@ const admin = {
           id: `${pluginId}.plugin.name`,
           defaultMessage: "Releases"
         },
+        permissions: [],
         async Component() {
-          const { PurchaseContentReleases } = await import("./PurchaseContentReleases-3tRbmbY3.mjs");
-          return PurchaseContentReleases;
+          const { PurchaseContentReleases } = await import("./PurchaseContentReleases-_MxP6-Dt.mjs");
+          return { default: PurchaseContentReleases };
         },
-        lockIcon: true
+        lockIcon: true,
+        position: 2
       });
     }
   },
   async registerTrads({ locales }) {
     const importedTrads = await Promise.all(
       locales.map((locale) => {
-        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => import("./en-ltT1TlKQ.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
@@ -1300,15 +1006,13 @@ export {
   useUpdateReleaseMutation as c,
   useDeleteReleaseMutation as d,
   usePublishReleaseMutation as e,
-  useTypedDispatch as f,
+  useGetReleaseActionsQuery as f,
   getTimezoneOffset as g,
-  useGetReleaseActionsQuery as h,
-  isAxiosError as i,
-  useUpdateReleaseActionMutation as j,
-  ReleaseActionMenu as k,
-  admin as l,
+  useUpdateReleaseActionMutation as h,
+  ReleaseActionMenu as i,
+  admin as j,
   pluginId as p,
   releaseApi as r,
   useGetReleasesQuery as u
 };
-//# sourceMappingURL=index-mvj9PSKd.mjs.map
+//# sourceMappingURL=index-BomF0-yY.mjs.map