@strapi/content-releases 0.0.0-experimental.d954d57341a6623992a0d211daaec8e245c3517d → 0.0.0-experimental.d9f9f725e07a329ca272ecedef7bd85fa74dd661

package/dist/_chunks/{index-Tedsw4GC.js → index-CVO0Rqdm.js}

@@ -1,17 +1,20 @@
 "use strict";
+const helperPlugin = require("@strapi/helper-plugin");
 const icons = require("@strapi/icons");
 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 symbols = require("@strapi/icons/symbols");
+const v2 = require("@strapi/design-system/v2");
+const axios = require("axios");
 const formik = require("formik");
 const reactIntl = require("react-intl");
 const reactRouterDom = require("react-router-dom");
 const yup = require("yup");
-const styledComponents = require("styled-components");
+const react = require("@reduxjs/toolkit/query/react");
+const styled = require("styled-components");
+const reactRedux = require("react-redux");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 function _interopNamespace(e) {
   if (e && e.__esModule)
     return e;
@@ -32,6 +35,7 @@ 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) {
@@ -113,9 +117,49 @@ const PERMISSIONS = {
     }
   ]
 };
-const releaseApi = strapiAdmin.adminApi.enhanceEndpoints({
-  addTagTypes: ["Release", "ReleaseAction", "EntriesInRelease"]
-}).injectEndpoints({
+const pluginId = "content-releases";
+const axiosBaseQuery = async ({
+  url,
+  method,
+  data,
+  config
+}) => {
+  try {
+    const { get, post, del, put } = helperPlugin.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", "EntriesInRelease"],
   endpoints: (build) => {
     return {
       getReleasesForEntry: build.query({
@@ -259,17 +303,13 @@ const releaseApi = strapiAdmin.adminApi.enhanceEndpoints({
             ...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;
@@ -359,12 +399,16 @@ const getTimezoneOffset = (timezone, date) => {
     return "";
   }
 };
-const StyledMenuItem = styledComponents.styled(designSystem.Menu.Item)`
+const useTypedDispatch = reactRedux.useDispatch;
+const useTypedSelector = reactRedux.useSelector;
+const StyledMenuItem = styled__default.default(v2.Menu.Item)`
   &:hover {
-    background: ${({ theme, $variant = "neutral" }) => theme.colors[`${$variant}100`]};
+    background: ${({ theme, variant = "neutral" }) => theme.colors[`${variant}100`]};
 
     svg {
-      fill: ${({ theme, $variant = "neutral" }) => theme.colors[`${$variant}600`]};
+      path {
+        fill: ${({ theme, variant = "neutral" }) => theme.colors[`${variant}600`]};
+      }
     }
 
     a {
@@ -373,7 +417,9 @@ const StyledMenuItem = styledComponents.styled(designSystem.Menu.Item)`
   }
 
   svg {
-    fill: ${({ theme, $variant = "neutral" }) => theme.colors[`${$variant}600`]};
+    path {
+      fill: ${({ theme, variant = "neutral" }) => theme.colors[`${variant}600`]};
+    }
   }
 
   a {
@@ -385,14 +431,15 @@ const StyledMenuItem = styledComponents.styled(designSystem.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();
-  const { formatAPIError } = strapiAdmin.useAPIErrorHandler();
+  const toggleNotification = helperPlugin.useNotification();
+  const { formatAPIError } = helperPlugin.useAPIErrorHandler();
   const [deleteReleaseAction] = useDeleteReleaseActionMutation();
-  const {
-    allowedActions: { canDeleteAction }
-  } = strapiAdmin.useRBAC(PERMISSIONS);
   const handleDeleteAction = async () => {
     const response = await deleteReleaseAction({
       params: { releaseId, actionId }
@@ -408,29 +455,26 @@ const DeleteReleaseActionItem = ({ releaseId, actionId }) => {
       return;
     }
     if ("error" in response) {
-      if (strapiAdmin.isFetchError(response.error)) {
+      if (axios.isAxiosError(response.error)) {
         toggleNotification({
-          type: "danger",
+          type: "warning",
           message: formatAPIError(response.error)
         });
       } else {
         toggleNotification({
-          type: "danger",
+          type: "warning",
           message: formatMessage({ id: "notification.error", defaultMessage: "An error occurred" })
         });
       }
     }
   };
-  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(icons.Cross, { width: "1.6rem", height: "1.6rem" }),
+  return /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.CheckPermissions, { permissions: PERMISSIONS.deleteAction, children: /* @__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 }),
     /* @__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"
     }) })
-  ] }) });
+  ] }) }) });
 };
 const ReleaseActionEntryLinkItem = ({
   contentTypeUid,
@@ -438,79 +482,77 @@ const ReleaseActionEntryLinkItem = ({
   locale
 }) => {
   const { formatMessage } = reactIntl.useIntl();
-  const userPermissions = strapiAdmin.useAuth("ReleaseActionEntryLinkItem", (state) => state.permissions);
-  const canUpdateEntryForLocale = React__namespace.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 }
-  } = strapiAdmin.useRBAC({
-    updateContentType: [
-      {
-        action: "plugin::content-manager.explorer.update",
-        subject: contentTypeUid
-      }
-    ]
-  });
-  if (!canUpdateContentType || !canUpdateEntryForLocale) {
-    return null;
-  }
+  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__ */ jsxRuntime.jsx(
-    StyledMenuItem,
+    helperPlugin.CheckPermissions,
     {
-      tag: reactRouterDom.Link,
-      isLink: true,
-      to: {
-        pathname: `/content-manager/collection-types/${contentTypeUid}/${entryId}`,
-        search: locale && `?plugins[i18n][locale]=${locale}`
-      },
-      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"
-        }) })
-      ] })
+      permissions: [
+        {
+          action: "plugin::content-manager.explorer.update",
+          subject: contentTypeUid
+        }
+      ],
+      children: canUpdateEntryForLocale && /* @__PURE__ */ jsxRuntime.jsx(StyledMenuItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        v2.Link,
+        {
+          as: reactRouterDom.NavLink,
+          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"
+          }) })
+        }
+      ) })
     }
   );
 };
 const EditReleaseItem = ({ releaseId }) => {
   const { formatMessage } = reactIntl.useIntl();
-  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({
+  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({
         id: "content-releases.content-manager-edit-view.edit-release",
         defaultMessage: "Edit release"
       }) })
-    ] }) })
-  );
+    }
+  ) });
 };
-const Root = ({ children }) => {
+const Root = ({ children, hasTriggerBorder = false }) => {
   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(designSystem.Menu.Root, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Menu.Trigger, { paddingLeft: 2, paddingRight: 2, children: /* @__PURE__ */ jsxRuntime.jsx(
-        designSystem.AccessibleIcon,
+    /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.CheckPermissions, { permissions: [...PERMISSIONS.deleteAction, ...PERMISSIONS.update], children: /* @__PURE__ */ jsxRuntime.jsxs(v2.Menu.Root, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        v2.Menu.Trigger,
         {
-          label: formatMessage({
+          as: hasTriggerBorder ? StyledIconButton : designSystem.IconButton,
+          paddingLeft: 2,
+          paddingRight: 2,
+          "aria-label": formatMessage({
             id: "content-releases.content-manager-edit-view.release-action-menu",
             defaultMessage: "Release action options"
           }),
-          children: /* @__PURE__ */ jsxRuntime.jsx(icons.More, {})
+          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.More, {})
         }
-      ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Menu.Content, { top: 1, popoverPlacement: "bottom-end", children })
-    ] }) : null
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(v2.Menu.Content, { top: 1, popoverPlacement: "bottom-end", children })
+    ] }) })
   );
 };
 const ReleaseActionMenu = {
@@ -525,11 +567,11 @@ const getBorderLeftRadiusValue = (actionType) => {
 const getBorderRightRadiusValue = (actionType) => {
   return actionType === "publish" ? 0 : 1;
 };
-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)]};
+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)]};
 
   > label {
     color: inherit;
@@ -540,14 +582,14 @@ const FieldWrapper = styledComponents.styled(designSystem.Field.Root)`
   }
 
   &[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 {
@@ -576,7 +618,7 @@ const ActionOption = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     FieldWrapper,
     {
-      $actionType: actionType,
+      actionType,
       background: "primary0",
       borderColor: "neutral200",
       color: selected === actionType ? "primary600" : "neutral600",
@@ -584,11 +626,12 @@ const ActionOption = ({
       cursor: "pointer",
       "data-checked": selected === actionType,
       "data-disabled": disabled && selected !== actionType,
-      children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Label, { children: [
+      children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.FieldLabel, { htmlFor: `${name}-${actionType}`, children: [
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.VisuallyHidden, { children: /* @__PURE__ */ jsxRuntime.jsx(
-          designSystem.Field.Input,
+          designSystem.FieldInput,
           {
             type: "radio",
+            id: `${name}-${actionType}`,
             name,
             checked: selected === actionType,
             onChange: handleChange,
@@ -641,20 +684,19 @@ const INITIAL_VALUES = {
 const NoReleases = () => {
   const { formatMessage } = reactIntl.useIntl();
   return /* @__PURE__ */ jsxRuntime.jsx(
-    designSystem.EmptyStateLayout,
+    helperPlugin.NoContent,
     {
-      icon: /* @__PURE__ */ jsxRuntime.jsx(symbols.EmptyDocuments, { width: "16rem" }),
-      content: formatMessage({
+      content: {
         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(
-        designSystem.LinkButton,
+        v2.LinkButton,
         {
           to: {
             pathname: "/plugins/content-releases"
           },
-          tag: reactRouterDom.Link,
+          as: reactRouterDom.Link,
           variant: "secondary",
           children: formatMessage({
             id: "content-releases.content-manager-edit-view.add-to-release.redirect-button",
@@ -666,16 +708,15 @@ const NoReleases = () => {
   );
 };
 const AddActionToReleaseModal = ({
-  open,
-  onOpenChange,
+  handleClose,
   contentTypeUid,
   entryId
 }) => {
+  const releaseHeaderId = React__namespace.useId();
   const { formatMessage } = reactIntl.useIntl();
-  const { toggleNotification } = strapiAdmin.useNotification();
-  const { formatAPIError } = strapiAdmin.useAPIErrorHandler();
-  const [{ query: query2 }] = strapiAdmin.useQueryParams();
-  const locale = query2.plugins?.i18n?.locale;
+  const toggleNotification = helperPlugin.useNotification();
+  const { formatAPIError } = helperPlugin.useAPIErrorHandler();
+  const { modifiedData } = helperPlugin.useCMEditViewDataManager();
   const response = useGetReleasesForEntryQuery({
     contentTypeUid,
     entryId,
@@ -684,6 +725,7 @@ 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,
@@ -701,25 +743,25 @@ const AddActionToReleaseModal = ({
           defaultMessage: "Entry added to release"
         })
       });
-      onOpenChange();
+      handleClose();
       return;
     }
     if ("error" in response2) {
-      if (strapiAdmin.isFetchError(response2.error)) {
+      if (axios.isAxiosError(response2.error)) {
         toggleNotification({
-          type: "danger",
+          type: "warning",
           message: formatAPIError(response2.error)
         });
       } else {
         toggleNotification({
-          type: "danger",
+          type: "warning",
           message: formatMessage({ id: "notification.error", defaultMessage: "An error occurred" })
         });
       }
     }
   };
-  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({
+  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({
       id: "content-releases.content-manager-edit-view.add-to-release",
       defaultMessage: "Add to release"
     }) }) }),
@@ -731,26 +773,25 @@ 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.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({
+            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({
                 id: "content-releases.content-manager-edit-view.add-to-release.action-type-label",
                 defaultMessage: "What do you want to do with this entry?"
               }) }),
@@ -763,37 +804,42 @@ const AddActionToReleaseModal = ({
                 }
               )
             ] }) }),
-            /* @__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"
-              }) })
-            ] })
+            /* @__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"
+                  }) })
+                )
+              }
+            )
           ] });
         }
       }
     )
-  ] }) });
+  ] });
 };
 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 entryId = parseInt(id, 10);
-  const { allowedActions } = strapiAdmin.useRBAC(PERMISSIONS);
-  const { canCreateAction, canRead: canMain, canDeleteAction } = allowedActions;
-  const { schema } = strapiAdmin$1.unstable_useDocument({
-    collectionType,
-    model: slug
-  });
-  const hasDraftAndPublish = schema?.options?.draftAndPublish;
+  const {
+    isCreatingEntry,
+    hasDraftAndPublish,
+    initialData: { id: entryId },
+    slug
+  } = helperPlugin.useCMEditViewDataManager();
   const contentTypeUid = slug;
-  const canFetch = id != null && contentTypeUid != null;
+  const canFetch = entryId != null && contentTypeUid != null;
   const fetchParams = canFetch ? {
     contentTypeUid,
     entryId,
@@ -814,13 +860,10 @@ const CMReleasesContainer = () => {
     }
     return `success${shade}`;
   };
-  if (!canMain) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.CheckPermissions, { permissions: PERMISSIONS.main, children: /* @__PURE__ */ jsxRuntime.jsxs(
     designSystem.Box,
     {
-      tag: "aside",
+      as: "aside",
       "aria-label": formatMessage({
         id: "content-releases.plugin.name",
         defaultMessage: "Releases"
@@ -874,7 +917,7 @@ const CMReleasesContainer = () => {
                       )
                     }
                   ),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { padding: 4, direction: "column", gap: 2, width: "100%", alignItems: "flex-start", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { padding: 4, direction: "column", gap: 2, width: "100%", alignItems: "flex-start", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { padding: 4, direction: "column", gap: 2, width: "100%", alignItems: "flex-start", children: [
                     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontSize: 2, fontWeight: "bold", variant: "omega", textColor: "neutral700", children: release.name }),
                     release.scheduledAt && release.timezone && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: formatMessage(
                       {
@@ -898,7 +941,7 @@ const CMReleasesContainer = () => {
                         )
                       }
                     ) }),
-                    canDeleteAction ? /* @__PURE__ */ jsxRuntime.jsxs(ReleaseActionMenu.Root, { hasTriggerBorder: true, children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.CheckPermissions, { permissions: PERMISSIONS.deleteAction, children: /* @__PURE__ */ jsxRuntime.jsxs(ReleaseActionMenu.Root, { hasTriggerBorder: true, children: [
                       /* @__PURE__ */ jsxRuntime.jsx(ReleaseActionMenu.EditReleaseItem, { releaseId: release.id }),
                       /* @__PURE__ */ jsxRuntime.jsx(
                         ReleaseActionMenu.DeleteReleaseActionItem,
@@ -907,14 +950,14 @@ const CMReleasesContainer = () => {
                           actionId: release.actions[0].id
                         }
                       )
-                    ] }) : null
-                  ] }) })
+                    ] }) })
+                  ] })
                 ]
               },
               release.id
             );
           }),
-          canCreateAction ? /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.CheckPermissions, { permissions: PERMISSIONS.createAction, children: /* @__PURE__ */ jsxRuntime.jsx(
             designSystem.Button,
             {
               justifyContent: "center",
@@ -929,30 +972,281 @@ const CMReleasesContainer = () => {
                 defaultMessage: "Add to release"
               })
             }
-          ) : null
+          ) })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
+        isModalOpen && /* @__PURE__ */ jsxRuntime.jsx(
           AddActionToReleaseModal,
           {
-            open: isModalOpen,
-            onOpenChange: toggleModal,
+            handleClose: toggleModal,
             contentTypeUid,
             entryId
           }
         )
       ]
     }
+  ) });
+};
+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 } = reactIntl.useIntl();
+  const toggleNotification = helperPlugin.useNotification();
+  const { formatAPIError } = helperPlugin.useAPIErrorHandler();
+  const { modifiedData } = helperPlugin.useCMEditViewDataManager();
+  const contentPermissions = getContentPermissions(model);
+  const {
+    allowedActions: { canPublish }
+  } = helperPlugin.useRBAC(contentPermissions);
+  const {
+    allowedActions: { canCreate }
+  } = helperPlugin.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 (axios.isAxiosError(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__ */ jsxRuntime.jsx(
+          formik.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__ */ 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-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__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: release.id, children: release.name }, release.id))
+                  }
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.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__ */ jsxRuntime.jsx(
+                  ReleaseActionOptions,
+                  {
+                    selected: values.type,
+                    handleChange: (e) => setFieldValue("type", e.target.value),
+                    name: "type"
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                designSystem.ModalFooter,
+                {
+                  startActions: /* @__PURE__ */ jsxRuntime.jsx(designSystem.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__ */ jsxRuntime.jsx(designSystem.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 Button = styled__default.default.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__default.default(designSystem.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 pluginId = "content-releases";
-const prefixPluginTranslations = (trad, pluginId2) => {
-  if (!pluginId2) {
-    throw new TypeError("pluginId can't be empty");
+const addColumnToTableHook = ({ displayedHeaders, layout }) => {
+  const { contentType } = layout;
+  if (!contentType.options?.draftAndPublish) {
+    return { displayedHeaders, layout };
   }
-  return Object.keys(trad).reduce((acc, current) => {
-    acc[`${pluginId2}.${current}`] = trad[current];
-    return acc;
-  }, {});
+  return {
+    displayedHeaders: [
+      ...displayedHeaders,
+      {
+        key: "__release_key__",
+        fieldSchema: { type: "string" },
+        metadatas: { label: "To be released in", searchable: true, sortable: false },
+        name: "releasedAt",
+        cellFormatter: (props) => /* @__PURE__ */ jsxRuntime.jsx(ReleaseListCell, { ...props })
+      }
+    ],
+    layout
+  };
+};
+const ReleaseListCell = ({ id }) => {
+  const releases = useReleasesList(id);
+  const [visible, setVisible] = React__namespace.useState(false);
+  const buttonRef = React__namespace.useRef(null);
+  const { formatMessage } = reactIntl.useIntl();
+  const handleTogglePopover = () => setVisible((prev) => !prev);
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", onClick: handleTogglePopover, ref: buttonRef, children: /* @__PURE__ */ jsxRuntime.jsxs(ActionWrapper, { height: "2rem", width: "2rem", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.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__ */ jsxRuntime.jsxs(designSystem.Flex, { children: [
+      releases.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.SortIcon, {}),
+      visible && /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Popover,
+        {
+          onDismiss: handleTogglePopover,
+          source: buttonRef,
+          spacing: 16,
+          children: /* @__PURE__ */ jsxRuntime.jsx("ul", { children: releases.map(({ id: id2, name }) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 3, as: "li", children: /* @__PURE__ */ jsxRuntime.jsx(v2.Link, { href: `/admin/plugins/content-releases/${id2}`, isExternal: false, children: name }) }, id2)) })
+        }
+      )
+    ] })
+  ] }) }) });
 };
 const admin = {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -960,20 +1254,32 @@ 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: icons.PaperPlane,
         intlLabel: {
           id: `${pluginId}.plugin.name`,
           defaultMessage: "Releases"
         },
-        Component: () => Promise.resolve().then(() => require("./App-CqbuK4M6.js")).then((mod) => ({ default: mod.App })),
-        permissions: PERMISSIONS.main,
-        position: 2
+        async Component() {
+          const { App } = await Promise.resolve().then(() => require("./App-dLXY5ei3.js"));
+          return App;
+        },
+        permissions: PERMISSIONS.main
       });
-      app.getPlugin("content-manager").injectComponent("editView", "right-links", {
+      app.addMiddlewares([() => releaseApi.middleware]);
+      app.addReducers({
+        [releaseApi.reducerPath]: releaseApi.reducer
+      });
+      app.injectContentManagerComponent("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`,
@@ -982,22 +1288,21 @@ const admin = {
           id: `${pluginId}.plugin.name`,
           defaultMessage: "Releases"
         },
-        permissions: [],
         async Component() {
-          const { PurchaseContentReleases } = await Promise.resolve().then(() => require("./PurchaseContentReleases-Be3acS2L.js"));
-          return { default: PurchaseContentReleases };
+          const { PurchaseContentReleases } = await Promise.resolve().then(() => require("./PurchaseContentReleases-bpIYXOfu.js"));
+          return PurchaseContentReleases;
         },
-        lockIcon: true,
-        position: 2
+        lockIcon: true
+        // TODO: to replace with another name in v5
       });
     }
   },
   async registerTrads({ locales }) {
     const importedTrads = await Promise.all(
       locales.map((locale) => {
-        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => Promise.resolve().then(() => require("./en-DtFJ5ViE.js")) }), `./translations/${locale}.json`).then(({ default: data }) => {
+        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => Promise.resolve().then(() => require("./en-HrREghh3.js")) }), `./translations/${locale}.json`).then(({ default: data }) => {
           return {
-            data: prefixPluginTranslations(data, "content-releases"),
+            data: helperPlugin.prefixPluginTranslations(data, "content-releases"),
             locale
           };
         }).catch(() => {
@@ -1016,6 +1321,7 @@ exports.ReleaseActionMenu = ReleaseActionMenu;
 exports.ReleaseActionOptions = ReleaseActionOptions;
 exports.admin = admin;
 exports.getTimezoneOffset = getTimezoneOffset;
+exports.isAxiosError = isAxiosError;
 exports.pluginId = pluginId;
 exports.releaseApi = releaseApi;
 exports.useCreateReleaseMutation = useCreateReleaseMutation;
@@ -1024,6 +1330,7 @@ exports.useGetReleaseActionsQuery = useGetReleaseActionsQuery;
 exports.useGetReleaseQuery = useGetReleaseQuery;
 exports.useGetReleasesQuery = useGetReleasesQuery;
 exports.usePublishReleaseMutation = usePublishReleaseMutation;
+exports.useTypedDispatch = useTypedDispatch;
 exports.useUpdateReleaseActionMutation = useUpdateReleaseActionMutation;
 exports.useUpdateReleaseMutation = useUpdateReleaseMutation;
-//# sourceMappingURL=index-Tedsw4GC.js.map
+//# sourceMappingURL=index-CVO0Rqdm.js.map