@strapi/content-releases 0.0.0-next.fc231041206e6f3999b094160cfa05db2892ad54 → 0.0.0-next.fe88c7878fe2948cfdc68f4867329c1032a618b2

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

@@ -159,7 +159,7 @@ const isAxiosError = (err) => {
 const releaseApi = react.createApi({
   reducerPath: pluginId,
   baseQuery: axiosBaseQuery,
-  tagTypes: ["Release", "ReleaseAction"],
+  tagTypes: ["Release", "ReleaseAction", "EntriesInRelease"],
   endpoints: (build) => {
     return {
       getReleasesForEntry: build.query({
@@ -274,6 +274,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 {
@@ -314,7 +328,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({
@@ -333,7 +348,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" }]
       })
     };
   }
@@ -345,11 +375,13 @@ const {
   useGetReleaseActionsQuery,
   useCreateReleaseMutation,
   useCreateReleaseActionMutation,
+  useCreateManyReleaseActionsMutation,
   useUpdateReleaseMutation,
   useUpdateReleaseActionMutation,
   usePublishReleaseMutation,
   useDeleteReleaseActionMutation,
-  useDeleteReleaseMutation
+  useDeleteReleaseMutation,
+  useGetMappedEntriesInReleasesQuery
 } = releaseApi;
 const getTimezoneOffset = (timezone, date) => {
   try {
@@ -855,7 +887,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: [
@@ -866,20 +898,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" }
                           )
                         }
                       )
@@ -915,7 +947,7 @@ const CMReleasesContainer = () => {
                         ReleaseActionMenu.DeleteReleaseActionItem,
                         {
                           releaseId: release.id,
-                          actionId: release.action.id
+                          actionId: release.actions[0].id
                         }
                       )
                     ] }) })
@@ -954,9 +986,272 @@ 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 } = 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 addColumnToTableHook = ({ displayedHeaders, layout }) => {
+  const { contentType } = layout;
+  if (!contentType.options?.draftAndPublish) {
+    return { displayedHeaders, layout };
+  }
+  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
   register(app) {
+    app.createHook("ContentReleases/pages/ReleaseDetails/add-locale-in-releases");
     if (window.strapi.features.isEnabled("cms-content-releases")) {
       app.addMenuLink({
         to: `/plugins/${pluginId}`,
@@ -966,7 +1261,7 @@ const admin = {
           defaultMessage: "Releases"
         },
         async Component() {
-          const { App } = await Promise.resolve().then(() => require("./App-l62gIUTX.js"));
+          const { App } = await Promise.resolve().then(() => require("./App-dLXY5ei3.js"));
           return App;
         },
         permissions: PERMISSIONS.main
@@ -979,6 +1274,12 @@ const admin = {
         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`,
@@ -988,17 +1289,18 @@ const admin = {
           defaultMessage: "Releases"
         },
         async Component() {
-          const { PurchaseContentReleases } = await Promise.resolve().then(() => require("./PurchaseContentReleases-YhAPgpG9.js"));
+          const { PurchaseContentReleases } = await Promise.resolve().then(() => require("./PurchaseContentReleases-bpIYXOfu.js"));
           return PurchaseContentReleases;
         },
         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-faJDuv3q.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: helperPlugin.prefixPluginTranslations(data, "content-releases"),
             locale
@@ -1031,4 +1333,4 @@ exports.usePublishReleaseMutation = usePublishReleaseMutation;
 exports.useTypedDispatch = useTypedDispatch;
 exports.useUpdateReleaseActionMutation = useUpdateReleaseActionMutation;
 exports.useUpdateReleaseMutation = useUpdateReleaseMutation;
-//# sourceMappingURL=index-ML_b3php.js.map
+//# sourceMappingURL=index-CVO0Rqdm.js.map