@strapi/content-releases 0.0.0-experimental.e1ede8c55a0e1e22ce20137bf238fc374bd5dd51 → 0.0.0-experimental.e3e48deb89bd0a1b6cc69b698696566fa7854a95

package/dist/_chunks/{index-EdBmRHRU.js → index-Nf1JfI-m.js}

@@ -13,6 +13,7 @@ const reactRouterDom = require("react-router-dom");
 const yup = require("yup");
 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)
@@ -281,7 +282,27 @@ const releaseApi = react.createApi({
             data: body
           };
         },
-        invalidatesTags: () => [{ type: "ReleaseAction", id: "LIST" }]
+        invalidatesTags: () => [{ type: "ReleaseAction", id: "LIST" }],
+        async onQueryStarted({ body, params, query: query2, actionPath }, { dispatch, queryFulfilled }) {
+          const paramsWithoutActionId = {
+            releaseId: params.releaseId,
+            ...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;
+              }
+            })
+          );
+          try {
+            await queryFulfilled;
+          } catch {
+            patchResult.undo();
+          }
+        }
       }),
       deleteReleaseAction: build.mutation({
         query({ params }) {
@@ -329,37 +350,59 @@ const {
   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)`
   &:hover {
-    background: ${({ theme }) => theme.colors.danger100};
+    background: ${({ theme, variant = "neutral" }) => theme.colors[`${variant}100`]};
+
+    svg {
+      path {
+        fill: ${({ theme, variant = "neutral" }) => theme.colors[`${variant}600`]};
+      }
+    }
+
+    a {
+      color: ${({ theme }) => theme.colors.neutral800};
+    }
   }
 
   svg {
     path {
-      fill: ${({ theme }) => theme.colors.danger600};
+      fill: ${({ theme, variant = "neutral" }) => theme.colors[`${variant}600`]};
     }
   }
 
-  &:hover {
-    svg {
-      path {
-        fill: ${({ theme }) => theme.colors.danger600};
-      }
-    }
+  a {
+    color: ${({ theme }) => theme.colors.neutral800};
+  }
+
+  span,
+  a {
+    width: 100%;
   }
-`;
-const StyledCross = styled__default.default(icons.Cross)`
-  padding: ${({ theme }) => theme.spaces[1]};
 `;
 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 ReleaseActionMenu = ({
-  releaseId,
-  actionId,
-  hasTriggerBorder = false
-}) => {
+const DeleteReleaseActionItem = ({ releaseId, actionId }) => {
   const { formatMessage } = reactIntl.useIntl();
   const toggleNotification = helperPlugin.useNotification();
   const { formatAPIError } = helperPlugin.useAPIErrorHandler();
@@ -392,6 +435,73 @@ const ReleaseActionMenu = ({
       }
     }
   };
+  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,
+  entryId,
+  locale
+}) => {
+  const { formatMessage } = reactIntl.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)
+    )
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    helperPlugin.CheckPermissions,
+    {
+      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 /* @__PURE__ */ jsxRuntime.jsx(StyledMenuItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    v2.Link,
+    {
+      as: reactRouterDom.NavLink,
+      to: `/plugins/content-releases/${releaseId}`,
+      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-release",
+        defaultMessage: "Edit release"
+      }) })
+    }
+  ) });
+};
+const Root = ({ children, hasTriggerBorder = false }) => {
+  const { formatMessage } = reactIntl.useIntl();
   return (
     // A user can access the dropdown if they have permissions to delete a release-action OR update a release
     /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.CheckPermissions, { permissions: [...PERMISSIONS.deleteAction, ...PERMISSIONS.update], children: /* @__PURE__ */ jsxRuntime.jsxs(v2.Menu.Root, { children: [
@@ -408,16 +518,16 @@ const ReleaseActionMenu = ({
           icon: /* @__PURE__ */ jsxRuntime.jsx(icons.More, {})
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(v2.Menu.Content, { top: 1, popoverPlacement: "bottom-end", children: /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.CheckPermissions, { permissions: PERMISSIONS.deleteAction, children: /* @__PURE__ */ jsxRuntime.jsx(StyledMenuItem, { onSelect: handleDeleteAction, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(StyledCross, {}),
-        /* @__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"
-        }) })
-      ] }) }) }) })
+      /* @__PURE__ */ jsxRuntime.jsx(v2.Menu.Content, { top: 1, popoverPlacement: "bottom-end", children })
     ] }) })
   );
 };
+const ReleaseActionMenu = {
+  Root,
+  EditReleaseItem,
+  DeleteReleaseActionItem,
+  ReleaseActionEntryLinkItem
+};
 const getBorderLeftRadiusValue = (actionType) => {
   return actionType === "publish" ? 1 : 0;
 };
@@ -438,19 +548,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,
     {
@@ -461,6 +592,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,
@@ -470,7 +602,8 @@ const ActionOption = ({ selected, actionType, handleChange, name }) => {
             name,
             checked: selected === actionType,
             onChange: handleChange,
-            value: actionType
+            value: actionType,
+            disabled
           }
         ) }),
         actionType
@@ -478,7 +611,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,
@@ -486,7 +624,8 @@ const ReleaseActionOptions = ({ selected, handleChange, name }) => {
         actionType: "publish",
         selected,
         handleChange,
-        name
+        name,
+        disabled
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -495,7 +634,8 @@ const ReleaseActionOptions = ({ selected, handleChange, name }) => {
         actionType: "unpublish",
         selected,
         handleChange,
-        name
+        name,
+        disabled
       }
     )
   ] });
@@ -511,12 +651,13 @@ const INITIAL_VALUES = {
 const NoReleases = () => {
   const { formatMessage } = reactIntl.useIntl();
   return /* @__PURE__ */ jsxRuntime.jsx(
-    helperPlugin.NoContent,
+    designSystem.EmptyStateLayout,
     {
-      content: {
+      icon: /* @__PURE__ */ jsxRuntime.jsx(icons.EmptyDocuments, { width: "10rem" }),
+      content: formatMessage({
         id: "content-releases.content-manager-edit-view.add-to-release.no-releases-message",
         defaultMessage: "No available releases. Open the list of releases and create a new one from there."
-      },
+      }),
       action: /* @__PURE__ */ jsxRuntime.jsx(
         v2.LinkButton,
         {
@@ -539,10 +680,12 @@ const AddActionToReleaseModal = ({
   contentTypeUid,
   entryId
 }) => {
+  const releaseHeaderId = React__namespace.useId();
   const { formatMessage } = reactIntl.useIntl();
   const toggleNotification = helperPlugin.useNotification();
   const { formatAPIError } = helperPlugin.useAPIErrorHandler();
-  const { modifiedData } = helperPlugin.useCMEditViewDataManager();
+  const [{ query: query2 }] = helperPlugin.useQueryParams();
+  const locale = query2.plugins?.i18n?.locale;
   const response = useGetReleasesForEntryQuery({
     contentTypeUid,
     entryId,
@@ -551,7 +694,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,
@@ -586,8 +728,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"
     }) }) }),
@@ -657,16 +799,15 @@ const AddActionToReleaseModal = ({
 };
 const CMReleasesContainer = () => {
   const [isModalOpen, setIsModalOpen] = React__namespace.useState(false);
-  const { formatMessage } = reactIntl.useIntl();
-  const {
-    isCreatingEntry,
-    allLayoutData: { contentType }
-  } = helperPlugin.useCMEditViewDataManager();
-  const params = reactRouterDom.useParams();
-  const canFetch = params?.id != null && contentType?.uid != null;
+  const { formatMessage, formatDate, formatTime } = reactIntl.useIntl();
+  const { id, slug } = reactRouterDom.useParams();
+  const isCreatingEntry = id === "create";
+  const contentTypeUid = slug;
+  const IsSchedulingEnabled = window.strapi.future.isEnabled("contentReleasesScheduling");
+  const canFetch = id != null && contentTypeUid != null;
   const fetchParams = canFetch ? {
-    contentTypeUid: contentType.uid,
-    entryId: params.id,
+    contentTypeUid,
+    entryId: id,
     hasEntryAttached: true
   } : query.skipToken;
   const response = useGetReleasesForEntryQuery(fetchParams);
@@ -674,7 +815,7 @@ const CMReleasesContainer = () => {
   if (!canFetch) {
     return null;
   }
-  if (isCreatingEntry || !contentType?.options?.draftAndPublish) {
+  if (isCreatingEntry) {
     return null;
   }
   const toggleModal = () => setIsModalOpen((prev) => !prev);
@@ -741,16 +882,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(
-                      ReleaseActionMenu,
+                    IsSchedulingEnabled && 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,
-                        hasTriggerBorder: true
+                        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
+                        }
+                      )
+                    ] }) })
                   ] })
                 ]
               },
@@ -778,8 +943,8 @@ const CMReleasesContainer = () => {
           AddActionToReleaseModal,
           {
             handleClose: toggleModal,
-            contentTypeUid: contentType.uid,
-            entryId: params.id
+            contentTypeUid,
+            entryId: id
           }
         )
       ]
@@ -789,18 +954,15 @@ const CMReleasesContainer = () => {
 const admin = {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   register(app) {
-    if (window.strapi.features.isEnabled("cms-content-releases") && window.strapi.future.isEnabled("contentReleases")) {
+    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"
         },
-        async Component() {
-          const { App } = await Promise.resolve().then(() => require("./App-o5_WfqR-.js"));
-          return App;
-        },
+        Component: () => Promise.resolve().then(() => require("./App-lzeJz92X.js")).then((mod) => ({ default: mod.App })),
         permissions: PERMISSIONS.main
       });
       app.addMiddlewares([() => releaseApi.middleware]);
@@ -811,12 +973,26 @@ const admin = {
         name: `${pluginId}-link`,
         Component: CMReleasesContainer
       });
+    } 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-YhAPgpG9.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-haKSQIo8.js")) }), `./translations/${locale}.json`).then(({ default: data }) => {
+        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => Promise.resolve().then(() => require("./en-gcJJ5htG.js")) }), `./translations/${locale}.json`).then(({ default: data }) => {
           return {
             data: helperPlugin.prefixPluginTranslations(data, "content-releases"),
             locale
@@ -836,14 +1012,17 @@ exports.PERMISSIONS = PERMISSIONS;
 exports.ReleaseActionMenu = ReleaseActionMenu;
 exports.ReleaseActionOptions = ReleaseActionOptions;
 exports.admin = admin;
+exports.getTimezoneOffset = getTimezoneOffset;
 exports.isAxiosError = isAxiosError;
 exports.pluginId = pluginId;
+exports.releaseApi = releaseApi;
 exports.useCreateReleaseMutation = useCreateReleaseMutation;
 exports.useDeleteReleaseMutation = useDeleteReleaseMutation;
 exports.useGetReleaseActionsQuery = useGetReleaseActionsQuery;
 exports.useGetReleaseQuery = useGetReleaseQuery;
 exports.useGetReleasesQuery = useGetReleasesQuery;
 exports.usePublishReleaseMutation = usePublishReleaseMutation;
+exports.useTypedDispatch = useTypedDispatch;
 exports.useUpdateReleaseActionMutation = useUpdateReleaseActionMutation;
 exports.useUpdateReleaseMutation = useUpdateReleaseMutation;
-//# sourceMappingURL=index-EdBmRHRU.js.map
+//# sourceMappingURL=index-Nf1JfI-m.js.map