@strapi/content-releases 0.0.0-next.c5f067b5650921187770124e9b6c8186e805e242 → 0.0.0-next.cb00a1799402728de4ecec6d52a815e33fcedaf3

package/dist/_chunks/{index-D57Rztnc.js → index-xV3jXcZj.js}

@@ -274,6 +274,19 @@ 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" }
+        ]
+      }),
       updateReleaseAction: build.mutation({
         query({ body, params }) {
           return {
@@ -311,8 +324,9 @@ const releaseApi = react.createApi({
             method: "DELETE"
           };
         },
-        invalidatesTags: [
+        invalidatesTags: (result, error, arg) => [
           { type: "Release", id: "LIST" },
+          { type: "Release", id: arg.params.releaseId },
           { type: "ReleaseAction", id: "LIST" }
         ]
       }),
@@ -332,7 +346,7 @@ const releaseApi = react.createApi({
             method: "DELETE"
           };
         },
-        invalidatesTags: (result, error, arg) => [{ type: "Release", id: arg.id }]
+        invalidatesTags: () => [{ type: "Release", id: "LIST" }]
       })
     };
   }
@@ -344,12 +358,29 @@ const {
   useGetReleaseActionsQuery,
   useCreateReleaseMutation,
   useCreateReleaseActionMutation,
+  useCreateManyReleaseActionsMutation,
   useUpdateReleaseMutation,
   useUpdateReleaseActionMutation,
   usePublishReleaseMutation,
   useDeleteReleaseActionMutation,
   useDeleteReleaseMutation
 } = releaseApi;
+const getTimezoneOffset = (timezone, date) => {
+  try {
+    const offsetPart = new Intl.DateTimeFormat("en", {
+      timeZone: timezone,
+      timeZoneName: "longOffset"
+    }).formatToParts(date).find((part) => part.type === "timeZoneName");
+    const offset = offsetPart ? offsetPart.value : "";
+    let utcOffset = offset.replace("GMT", "UTC");
+    if (!utcOffset.includes("+") && !utcOffset.includes("-")) {
+      utcOffset = `${utcOffset}+00:00`;
+    }
+    return utcOffset;
+  } catch (error) {
+    return "";
+  }
+};
 const useTypedDispatch = reactRedux.useDispatch;
 const useTypedSelector = reactRedux.useSelector;
 const StyledMenuItem = styled__default.default(v2.Menu.Item)`
@@ -420,7 +451,7 @@ const DeleteReleaseActionItem = ({ releaseId, actionId }) => {
     }
   };
   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, padding: 1 }),
+    /* @__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"
@@ -459,7 +490,7 @@ const ReleaseActionEntryLinkItem = ({
             pathname: `/content-manager/collection-types/${contentTypeUid}/${entryId}`,
             search: locale && `?plugins[i18n][locale]=${locale}`
           },
-          startIcon: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Icon, { as: icons.Pencil, padding: 1 }),
+          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"
@@ -469,6 +500,21 @@ const ReleaseActionEntryLinkItem = ({
     }
   );
 };
+const EditReleaseItem = ({ releaseId }) => {
+  const { formatMessage } = reactIntl.useIntl();
+  return /* @__PURE__ */ jsxRuntime.jsx(StyledMenuItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    v2.Link,
+    {
+      href: `/admin/plugins/content-releases/${releaseId}`,
+      startIcon: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Icon, { as: icons.Pencil, width: 3, height: 3 }),
+      isExternal: false,
+      children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: formatMessage({
+        id: "content-releases.content-manager-edit-view.edit-release",
+        defaultMessage: "Edit release"
+      }) })
+    }
+  ) });
+};
 const Root = ({ children, hasTriggerBorder = false }) => {
   const { formatMessage } = reactIntl.useIntl();
   return (
@@ -493,6 +539,7 @@ const Root = ({ children, hasTriggerBorder = false }) => {
 };
 const ReleaseActionMenu = {
   Root,
+  EditReleaseItem,
   DeleteReleaseActionItem,
   ReleaseActionEntryLinkItem
 };
@@ -516,19 +563,40 @@ const FieldWrapper = styled__default.default(designSystem.Field)`
     text-transform: capitalize;
   }
 
-  &:active,
   &[data-checked='true'] {
-    color: ${({ theme }) => theme.colors.primary700};
-    background-color: ${({ theme }) => theme.colors.primary100};
-    border-color: ${({ theme }) => theme.colors.primary700};
+    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"};
   }
+
+  &[data-checked='false'][data-disabled='false']:hover {
+    color: ${({ theme }) => theme.colors.neutral700};
+    background-color: ${({ theme }) => theme.colors.neutral100};
+    border-color: ${({ theme }) => theme.colors.neutral200};
+
+    & > label {
+      cursor: pointer;
+    }
+  }
+
+  &[data-disabled='true'] {
+    color: ${({ theme }) => theme.colors.neutral600};
+    background-color: ${({ theme }) => theme.colors.neutral150};
+    border-color: ${({ theme }) => theme.colors.neutral300};
+  }
 `;
-const ActionOption = ({ selected, actionType, handleChange, name }) => {
+const ActionOption = ({
+  selected,
+  actionType,
+  handleChange,
+  name,
+  disabled = false
+}) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     FieldWrapper,
     {
@@ -539,6 +607,7 @@ const ActionOption = ({ selected, actionType, handleChange, name }) => {
       position: "relative",
       cursor: "pointer",
       "data-checked": selected === actionType,
+      "data-disabled": disabled && selected !== actionType,
       children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.FieldLabel, { htmlFor: `${name}-${actionType}`, children: [
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.VisuallyHidden, { children: /* @__PURE__ */ jsxRuntime.jsx(
           designSystem.FieldInput,
@@ -548,7 +617,8 @@ const ActionOption = ({ selected, actionType, handleChange, name }) => {
             name,
             checked: selected === actionType,
             onChange: handleChange,
-            value: actionType
+            value: actionType,
+            disabled
           }
         ) }),
         actionType
@@ -556,7 +626,12 @@ const ActionOption = ({ selected, actionType, handleChange, name }) => {
     }
   );
 };
-const ReleaseActionOptions = ({ selected, handleChange, name }) => {
+const ReleaseActionOptions = ({
+  selected,
+  handleChange,
+  name,
+  disabled = false
+}) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       ActionOption,
@@ -564,7 +639,8 @@ const ReleaseActionOptions = ({ selected, handleChange, name }) => {
         actionType: "publish",
         selected,
         handleChange,
-        name
+        name,
+        disabled
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -573,7 +649,8 @@ const ReleaseActionOptions = ({ selected, handleChange, name }) => {
         actionType: "unpublish",
         selected,
         handleChange,
-        name
+        name,
+        disabled
       }
     )
   ] });
@@ -617,6 +694,7 @@ const AddActionToReleaseModal = ({
   contentTypeUid,
   entryId
 }) => {
+  const releaseHeaderId = React__namespace.useId();
   const { formatMessage } = reactIntl.useIntl();
   const toggleNotification = helperPlugin.useNotification();
   const { formatAPIError } = helperPlugin.useAPIErrorHandler();
@@ -664,8 +742,8 @@ const AddActionToReleaseModal = ({
       }
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.ModalLayout, { onClose: handleClose, labelledBy: "title", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.ModalHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { id: "title", fontWeight: "bold", textColor: "neutral800", 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"
     }) }) }),
@@ -735,7 +813,7 @@ const AddActionToReleaseModal = ({
 };
 const CMReleasesContainer = () => {
   const [isModalOpen, setIsModalOpen] = React__namespace.useState(false);
-  const { formatMessage } = reactIntl.useIntl();
+  const { formatMessage, formatDate, formatTime } = reactIntl.useIntl();
   const {
     isCreatingEntry,
     hasDraftAndPublish,
@@ -821,15 +899,40 @@ const CMReleasesContainer = () => {
                       )
                     }
                   ),
-                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { padding: 4, direction: "column", gap: 3, 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 }),
-                    /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.CheckPermissions, { permissions: PERMISSIONS.deleteAction, children: /* @__PURE__ */ jsxRuntime.jsx(ReleaseActionMenu.Root, { hasTriggerBorder: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-                      ReleaseActionMenu.DeleteReleaseActionItem,
+                    release.scheduledAt && release.timezone && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: formatMessage(
+                      {
+                        id: "content-releases.content-manager-edit-view.scheduled.date",
+                        defaultMessage: "{date} at {time} ({offset})"
+                      },
                       {
-                        releaseId: release.id,
-                        actionId: release.action.id
+                        date: formatDate(new Date(release.scheduledAt), {
+                          day: "2-digit",
+                          month: "2-digit",
+                          year: "numeric",
+                          timeZone: release.timezone
+                        }),
+                        time: formatTime(new Date(release.scheduledAt), {
+                          hourCycle: "h23",
+                          timeZone: release.timezone
+                        }),
+                        offset: getTimezoneOffset(
+                          release.timezone,
+                          new Date(release.scheduledAt)
+                        )
                       }
-                    ) }) })
+                    ) }),
+                    /* @__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,
+                        {
+                          releaseId: release.id,
+                          actionId: release.action.id
+                        }
+                      )
+                    ] }) })
                   ] })
                 ]
               },
@@ -865,9 +968,181 @@ 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 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}`,
@@ -877,7 +1152,7 @@ const admin = {
           defaultMessage: "Releases"
         },
         async Component() {
-          const { App } = await Promise.resolve().then(() => require("./App-5PsAyVt2.js"));
+          const { App } = await Promise.resolve().then(() => require("./App--3HPsVgM.js"));
           return App;
         },
         permissions: PERMISSIONS.main
@@ -890,12 +1165,31 @@ 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;
+      });
+    } else if (!window.strapi.features.isEnabled("cms-content-releases") && window.strapi?.flags?.promoteEE) {
+      app.addMenuLink({
+        to: `/plugins/purchase-content-releases`,
+        icon: icons.PaperPlane,
+        intlLabel: {
+          id: `${pluginId}.plugin.name`,
+          defaultMessage: "Releases"
+        },
+        async Component() {
+          const { PurchaseContentReleases } = await Promise.resolve().then(() => require("./PurchaseContentReleases-bpIYXOfu.js"));
+          return PurchaseContentReleases;
+        },
+        lockIcon: true
+      });
     }
   },
   async registerTrads({ locales }) {
     const importedTrads = await Promise.all(
       locales.map((locale) => {
-        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => Promise.resolve().then(() => require("./en-2DuPv5k0.js")) }), `./translations/${locale}.json`).then(({ default: data }) => {
+        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => Promise.resolve().then(() => require("./en-3SGjiVyR.js")) }), `./translations/${locale}.json`).then(({ default: data }) => {
           return {
             data: helperPlugin.prefixPluginTranslations(data, "content-releases"),
             locale
@@ -915,6 +1209,7 @@ exports.PERMISSIONS = PERMISSIONS;
 exports.ReleaseActionMenu = ReleaseActionMenu;
 exports.ReleaseActionOptions = ReleaseActionOptions;
 exports.admin = admin;
+exports.getTimezoneOffset = getTimezoneOffset;
 exports.isAxiosError = isAxiosError;
 exports.pluginId = pluginId;
 exports.releaseApi = releaseApi;
@@ -927,4 +1222,4 @@ exports.usePublishReleaseMutation = usePublishReleaseMutation;
 exports.useTypedDispatch = useTypedDispatch;
 exports.useUpdateReleaseActionMutation = useUpdateReleaseActionMutation;
 exports.useUpdateReleaseMutation = useUpdateReleaseMutation;
-//# sourceMappingURL=index-D57Rztnc.js.map
+//# sourceMappingURL=index-xV3jXcZj.js.map