@strapi/content-releases 0.0.0-experimental.bd712ad3930045f4a5d2144c119e0b7856e97fc4 → 0.0.0-experimental.c5235059f5636c4549ea2118c75c43b92e2615c8

package/dist/_chunks/{SettingsPage-CuSH193e.mjs → ReleasesSettingsPage-BDinCYKz.mjs}

@@ -1,16 +1,24 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useNotification, useAPIErrorHandler, Page, Layouts, Form, useField, isFetchError } from "@strapi/admin/strapi-admin";
+import { Page, useAPIErrorHandler, useNotification, useRBAC, Layouts, Form, useField, isFetchError } from "@strapi/admin/strapi-admin";
 import { Button, Flex, Typography, Grid, Field, Combobox, ComboboxOption } from "@strapi/design-system";
 import { Check } from "@strapi/icons";
 import { useIntl } from "react-intl";
-import { S as SETTINGS_SCHEMA } from "./validation-schemas-C7P2rhPu.mjs";
-import { k as useGetReleaseSettingsQuery, l as useUpdateReleaseSettingsMutation, g as getTimezones } from "./index-CuchqQ4_.mjs";
-const SettingsPage = () => {
+import { useSelector } from "react-redux";
+import { a as useGetReleaseSettingsQuery, l as useUpdateReleaseSettingsMutation, g as getTimezones } from "./index-Bgq1X1sL.mjs";
+import { S as SETTINGS_SCHEMA } from "./schemas-63pFihNF.mjs";
+const useTypedSelector = useSelector;
+const ReleasesSettingsPage = () => {
   const { formatMessage } = useIntl();
+  const { formatAPIError } = useAPIErrorHandler();
+  const { toggleNotification } = useNotification();
   const { data, isLoading: isLoadingSettings } = useGetReleaseSettingsQuery();
   const [updateReleaseSettings, { isLoading: isSubmittingForm }] = useUpdateReleaseSettingsMutation();
-  const { toggleNotification } = useNotification();
-  const { formatAPIError } = useAPIErrorHandler();
+  const permissions = useTypedSelector(
+    (state) => state.admin_app.permissions["settings"]?.["releases"]
+  );
+  const {
+    allowedActions: { canUpdate }
+  } = useRBAC(permissions);
   const { timezoneList } = getTimezones(/* @__PURE__ */ new Date());
   const handleSubmit = async (body) => {
     const { defaultTimezone } = body;
@@ -58,8 +66,8 @@ const SettingsPage = () => {
       Form,
       {
         method: "PUT",
-        initialValues: data?.data.defaultTimezone ? data.data : {
-          defaultTimezone: null
+        initialValues: {
+          defaultTimezone: data?.data.defaultTimezone
         },
         onSubmit: handleSubmit,
         validationSchema: SETTINGS_SCHEMA,
@@ -68,7 +76,7 @@ const SettingsPage = () => {
             /* @__PURE__ */ jsx(
               Layouts.Header,
               {
-                primaryAction: /* @__PURE__ */ jsx(
+                primaryAction: canUpdate ? /* @__PURE__ */ jsx(
                   Button,
                   {
                     disabled: !modified || isSubmittingForm,
@@ -80,7 +88,7 @@ const SettingsPage = () => {
                       defaultMessage: "Save"
                     })
                   }
-                ),
+                ) : null,
                 title: formatMessage({
                   id: "content-releases.pages.Settings.releases.title",
                   defaultMessage: "Releases"
@@ -117,6 +125,12 @@ const SettingsPage = () => {
   ] });
 };
 const TimezoneDropdown = () => {
+  const permissions = useTypedSelector(
+    (state) => state.admin_app.permissions["settings"]?.["releases"]
+  );
+  const {
+    allowedActions: { canUpdate }
+  } = useRBAC(permissions);
   const { formatMessage } = useIntl();
   const { timezoneList } = getTimezones(/* @__PURE__ */ new Date());
   const field = useField("defaultTimezone");
@@ -141,7 +155,8 @@ const TimezoneDropdown = () => {
             onChange: (value) => field.onChange("defaultTimezone", value),
             onTextValueChange: (value) => field.onChange("defaultTimezone", value),
             onClear: () => field.onChange("defaultTimezone", ""),
-            value: field.value ?? "",
+            value: field.value,
+            disabled: !canUpdate,
             children: timezoneList.map((timezone) => /* @__PURE__ */ jsx(ComboboxOption, { value: timezone.value, children: timezone.value.replace(/&/, " ") }, timezone.value))
           }
         ),
@@ -151,7 +166,13 @@ const TimezoneDropdown = () => {
     }
   );
 };
+const ProtectedReleasesSettingsPage = () => {
+  const permissions = useTypedSelector(
+    (state) => state.admin_app.permissions["settings"]?.["releases"]?.read
+  );
+  return /* @__PURE__ */ jsx(Page.Protect, { permissions, children: /* @__PURE__ */ jsx(ReleasesSettingsPage, {}) });
+};
 export {
-  SettingsPage
+  ProtectedReleasesSettingsPage
 };
-//# sourceMappingURL=SettingsPage-CuSH193e.mjs.map
+//# sourceMappingURL=ReleasesSettingsPage-BDinCYKz.mjs.map

package/dist/_chunks/ReleasesSettingsPage-BDinCYKz.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReleasesSettingsPage-BDinCYKz.mjs","sources":["../../admin/src/modules/hooks.ts","../../admin/src/pages/ReleasesSettingsPage.tsx"],"sourcesContent":["import { Dispatch } from '@reduxjs/toolkit';\nimport { TypedUseSelectorHook, useDispatch, useSelector } from 'react-redux';\n\nimport type { Store } from '@strapi/admin/strapi-admin';\n\ntype RootState = ReturnType<Store['getState']>;\n\nconst useTypedDispatch: () => Dispatch = useDispatch;\nconst useTypedSelector: TypedUseSelectorHook<RootState> = useSelector;\n\nexport { useTypedSelector, useTypedDispatch };\n","import {\n  Form,\n  Layouts,\n  Page,\n  useAPIErrorHandler,\n  isFetchError,\n  useNotification,\n  useField,\n  useRBAC,\n} from '@strapi/admin/strapi-admin';\nimport {\n  Button,\n  Combobox,\n  ComboboxOption,\n  Field,\n  Flex,\n  Grid,\n  Typography,\n} from '@strapi/design-system';\nimport { Check } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { useTypedSelector } from '../modules/hooks';\nimport { useGetReleaseSettingsQuery, useUpdateReleaseSettingsMutation } from '../services/release';\nimport { getTimezones } from '../utils/time';\nimport { SETTINGS_SCHEMA } from '../validation/schemas';\n\nimport type { UpdateSettings } from '../../../shared/contracts/settings';\n\nconst ReleasesSettingsPage = () => {\n  const { formatMessage } = useIntl();\n  const { formatAPIError } = useAPIErrorHandler();\n  const { toggleNotification } = useNotification();\n  const { data, isLoading: isLoadingSettings } = useGetReleaseSettingsQuery();\n  const [updateReleaseSettings, { isLoading: isSubmittingForm }] =\n    useUpdateReleaseSettingsMutation();\n  const permissions = useTypedSelector(\n    (state) => state.admin_app.permissions['settings']?.['releases']\n  );\n  const {\n    allowedActions: { canUpdate },\n  } = useRBAC(permissions);\n\n  const { timezoneList } = getTimezones(new Date());\n\n  const handleSubmit = async (body: UpdateSettings.Request['body']) => {\n    const { defaultTimezone } = body;\n    const isBodyTimezoneValid = timezoneList.some((timezone) => timezone.value === defaultTimezone);\n    const newBody =\n      !defaultTimezone || !isBodyTimezoneValid ? { defaultTimezone: null } : { ...body };\n    try {\n      const response = await updateReleaseSettings(newBody);\n\n      if ('data' in response) {\n        toggleNotification({\n          type: 'success',\n          message: formatMessage({\n            id: 'content-releases.pages.Settings.releases.setting.default-timezone-notification-success',\n            defaultMessage: 'Default timezone updated.',\n          }),\n        });\n      } else if (isFetchError(response.error)) {\n        toggleNotification({\n          type: 'danger',\n          message: formatAPIError(response.error),\n        });\n      } else {\n        toggleNotification({\n          type: 'danger',\n          message: formatMessage({ id: 'notification.error', defaultMessage: 'An error occurred' }),\n        });\n      }\n    } catch (error) {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({ id: 'notification.error', defaultMessage: 'An error occurred' }),\n      });\n    }\n  };\n\n  if (isLoadingSettings) {\n    return <Page.Loading />;\n  }\n\n  return (\n    <Layouts.Root>\n      <Page.Title>\n        {formatMessage(\n          { id: 'Settings.PageTitle', defaultMessage: 'Settings - {name}' },\n          {\n            name: 'Releases',\n          }\n        )}\n      </Page.Title>\n      <Page.Main aria-busy={isLoadingSettings} tabIndex={-1}>\n        <Form\n          method=\"PUT\"\n          initialValues={{\n            defaultTimezone: data?.data.defaultTimezone,\n          }}\n          onSubmit={handleSubmit}\n          validationSchema={SETTINGS_SCHEMA}\n        >\n          {({ modified, isSubmitting }: { modified: boolean; isSubmitting: boolean }) => {\n            return (\n              <>\n                <Layouts.Header\n                  primaryAction={\n                    canUpdate ? (\n                      <Button\n                        disabled={!modified || isSubmittingForm}\n                        loading={isSubmitting}\n                        startIcon={<Check />}\n                        type=\"submit\"\n                      >\n                        {formatMessage({\n                          id: 'global.save',\n                          defaultMessage: 'Save',\n                        })}\n                      </Button>\n                    ) : null\n                  }\n                  title={formatMessage({\n                    id: 'content-releases.pages.Settings.releases.title',\n                    defaultMessage: 'Releases',\n                  })}\n                  subtitle={formatMessage({\n                    id: 'content-releases.pages.Settings.releases.description',\n                    defaultMessage: 'Create and manage content updates',\n                  })}\n                />\n                <Layouts.Content>\n                  <Flex\n                    direction=\"column\"\n                    background=\"neutral0\"\n                    alignItems=\"stretch\"\n                    padding={6}\n                    gap={6}\n                    shadow=\"filterShadow\"\n                    hasRadius\n                  >\n                    <Typography variant=\"delta\" tag=\"h2\">\n                      {formatMessage({\n                        id: 'content-releases.pages.Settings.releases.preferences.title',\n                        defaultMessage: 'Preferences',\n                      })}\n                    </Typography>\n                    <Grid.Root>\n                      <Grid.Item col={6} s={12}>\n                        <TimezoneDropdown />\n                      </Grid.Item>\n                    </Grid.Root>\n                  </Flex>\n                </Layouts.Content>\n              </>\n            );\n          }}\n        </Form>\n      </Page.Main>\n    </Layouts.Root>\n  );\n};\n\nconst TimezoneDropdown = () => {\n  const permissions = useTypedSelector(\n    (state) => state.admin_app.permissions['settings']?.['releases']\n  );\n  const {\n    allowedActions: { canUpdate },\n  } = useRBAC(permissions);\n  const { formatMessage } = useIntl();\n  const { timezoneList } = getTimezones(new Date());\n  const field = useField('defaultTimezone');\n  return (\n    <Field.Root\n      name=\"defaultTimezone\"\n      hint={formatMessage({\n        id: 'content-releases.pages.Settings.releases.timezone.hint',\n        defaultMessage: 'The timezone of every release can still be changed individually. ',\n      })}\n      error={field.error}\n    >\n      <Field.Label>\n        {formatMessage({\n          id: 'content-releases.pages.Settings.releases.timezone.label',\n          defaultMessage: 'Default timezone',\n        })}\n      </Field.Label>\n      <Combobox\n        autocomplete={{ type: 'list', filter: 'contains' }}\n        onChange={(value) => field.onChange('defaultTimezone', value)}\n        onTextValueChange={(value) => field.onChange('defaultTimezone', value)}\n        onClear={() => field.onChange('defaultTimezone', '')}\n        value={field.value}\n        disabled={!canUpdate}\n      >\n        {timezoneList.map((timezone) => (\n          <ComboboxOption key={timezone.value} value={timezone.value}>\n            {timezone.value.replace(/&/, ' ')}\n          </ComboboxOption>\n        ))}\n      </Combobox>\n      <Field.Hint />\n      <Field.Error />\n    </Field.Root>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * ProtectedSettingsPage\n * -----------------------------------------------------------------------------------------------*/\n\nexport const ProtectedReleasesSettingsPage = () => {\n  const permissions = useTypedSelector(\n    (state) => state.admin_app.permissions['settings']?.['releases']?.read\n  );\n\n  return (\n    <Page.Protect permissions={permissions}>\n      <ReleasesSettingsPage />\n    </Page.Protect>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/_chunks/{SettingsPage-CTOl3Qtw.js → ReleasesSettingsPage-CE_KqB_s.js}

@@ -5,14 +5,22 @@ const strapiAdmin = require("@strapi/admin/strapi-admin");
 const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
 const reactIntl = require("react-intl");
-const validationSchemas = require("./validation-schemas-bib1fBc7.js");
-const index = require("./index-BxRiXenX.js");
-const SettingsPage = () => {
+const reactRedux = require("react-redux");
+const index = require("./index-mECKW99O.js");
+const schemas = require("./schemas-z5zp-_Gd.js");
+const useTypedSelector = reactRedux.useSelector;
+const ReleasesSettingsPage = () => {
   const { formatMessage } = reactIntl.useIntl();
+  const { formatAPIError } = strapiAdmin.useAPIErrorHandler();
+  const { toggleNotification } = strapiAdmin.useNotification();
   const { data, isLoading: isLoadingSettings } = index.useGetReleaseSettingsQuery();
   const [updateReleaseSettings, { isLoading: isSubmittingForm }] = index.useUpdateReleaseSettingsMutation();
-  const { toggleNotification } = strapiAdmin.useNotification();
-  const { formatAPIError } = strapiAdmin.useAPIErrorHandler();
+  const permissions = useTypedSelector(
+    (state) => state.admin_app.permissions["settings"]?.["releases"]
+  );
+  const {
+    allowedActions: { canUpdate }
+  } = strapiAdmin.useRBAC(permissions);
   const { timezoneList } = index.getTimezones(/* @__PURE__ */ new Date());
   const handleSubmit = async (body) => {
     const { defaultTimezone } = body;
@@ -60,17 +68,17 @@ const SettingsPage = () => {
       strapiAdmin.Form,
       {
         method: "PUT",
-        initialValues: data?.data.defaultTimezone ? data.data : {
-          defaultTimezone: null
+        initialValues: {
+          defaultTimezone: data?.data.defaultTimezone
         },
         onSubmit: handleSubmit,
-        validationSchema: validationSchemas.SETTINGS_SCHEMA,
+        validationSchema: schemas.SETTINGS_SCHEMA,
         children: ({ modified, isSubmitting }) => {
           return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               strapiAdmin.Layouts.Header,
               {
-                primaryAction: /* @__PURE__ */ jsxRuntime.jsx(
+                primaryAction: canUpdate ? /* @__PURE__ */ jsxRuntime.jsx(
                   designSystem.Button,
                   {
                     disabled: !modified || isSubmittingForm,
@@ -82,7 +90,7 @@ const SettingsPage = () => {
                       defaultMessage: "Save"
                     })
                   }
-                ),
+                ) : null,
                 title: formatMessage({
                   id: "content-releases.pages.Settings.releases.title",
                   defaultMessage: "Releases"
@@ -119,6 +127,12 @@ const SettingsPage = () => {
   ] });
 };
 const TimezoneDropdown = () => {
+  const permissions = useTypedSelector(
+    (state) => state.admin_app.permissions["settings"]?.["releases"]
+  );
+  const {
+    allowedActions: { canUpdate }
+  } = strapiAdmin.useRBAC(permissions);
   const { formatMessage } = reactIntl.useIntl();
   const { timezoneList } = index.getTimezones(/* @__PURE__ */ new Date());
   const field = strapiAdmin.useField("defaultTimezone");
@@ -143,7 +157,8 @@ const TimezoneDropdown = () => {
             onChange: (value) => field.onChange("defaultTimezone", value),
             onTextValueChange: (value) => field.onChange("defaultTimezone", value),
             onClear: () => field.onChange("defaultTimezone", ""),
-            value: field.value ?? "",
+            value: field.value,
+            disabled: !canUpdate,
             children: timezoneList.map((timezone) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.ComboboxOption, { value: timezone.value, children: timezone.value.replace(/&/, " ") }, timezone.value))
           }
         ),
@@ -153,5 +168,11 @@ const TimezoneDropdown = () => {
     }
   );
 };
-exports.SettingsPage = SettingsPage;
-//# sourceMappingURL=SettingsPage-CTOl3Qtw.js.map
+const ProtectedReleasesSettingsPage = () => {
+  const permissions = useTypedSelector(
+    (state) => state.admin_app.permissions["settings"]?.["releases"]?.read
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Page.Protect, { permissions, children: /* @__PURE__ */ jsxRuntime.jsx(ReleasesSettingsPage, {}) });
+};
+exports.ProtectedReleasesSettingsPage = ProtectedReleasesSettingsPage;
+//# sourceMappingURL=ReleasesSettingsPage-CE_KqB_s.js.map

package/dist/_chunks/ReleasesSettingsPage-CE_KqB_s.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReleasesSettingsPage-CE_KqB_s.js","sources":["../../admin/src/modules/hooks.ts","../../admin/src/pages/ReleasesSettingsPage.tsx"],"sourcesContent":["import { Dispatch } from '@reduxjs/toolkit';\nimport { TypedUseSelectorHook, useDispatch, useSelector } from 'react-redux';\n\nimport type { Store } from '@strapi/admin/strapi-admin';\n\ntype RootState = ReturnType<Store['getState']>;\n\nconst useTypedDispatch: () => Dispatch = useDispatch;\nconst useTypedSelector: TypedUseSelectorHook<RootState> = useSelector;\n\nexport { useTypedSelector, useTypedDispatch };\n","import {\n  Form,\n  Layouts,\n  Page,\n  useAPIErrorHandler,\n  isFetchError,\n  useNotification,\n  useField,\n  useRBAC,\n} from '@strapi/admin/strapi-admin';\nimport {\n  Button,\n  Combobox,\n  ComboboxOption,\n  Field,\n  Flex,\n  Grid,\n  Typography,\n} from '@strapi/design-system';\nimport { Check } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { useTypedSelector } from '../modules/hooks';\nimport { useGetReleaseSettingsQuery, useUpdateReleaseSettingsMutation } from '../services/release';\nimport { getTimezones } from '../utils/time';\nimport { SETTINGS_SCHEMA } from '../validation/schemas';\n\nimport type { UpdateSettings } from '../../../shared/contracts/settings';\n\nconst ReleasesSettingsPage = () => {\n  const { formatMessage } = useIntl();\n  const { formatAPIError } = useAPIErrorHandler();\n  const { toggleNotification } = useNotification();\n  const { data, isLoading: isLoadingSettings } = useGetReleaseSettingsQuery();\n  const [updateReleaseSettings, { isLoading: isSubmittingForm }] =\n    useUpdateReleaseSettingsMutation();\n  const permissions = useTypedSelector(\n    (state) => state.admin_app.permissions['settings']?.['releases']\n  );\n  const {\n    allowedActions: { canUpdate },\n  } = useRBAC(permissions);\n\n  const { timezoneList } = getTimezones(new Date());\n\n  const handleSubmit = async (body: UpdateSettings.Request['body']) => {\n    const { defaultTimezone } = body;\n    const isBodyTimezoneValid = timezoneList.some((timezone) => timezone.value === defaultTimezone);\n    const newBody =\n      !defaultTimezone || !isBodyTimezoneValid ? { defaultTimezone: null } : { ...body };\n    try {\n      const response = await updateReleaseSettings(newBody);\n\n      if ('data' in response) {\n        toggleNotification({\n          type: 'success',\n          message: formatMessage({\n            id: 'content-releases.pages.Settings.releases.setting.default-timezone-notification-success',\n            defaultMessage: 'Default timezone updated.',\n          }),\n        });\n      } else if (isFetchError(response.error)) {\n        toggleNotification({\n          type: 'danger',\n          message: formatAPIError(response.error),\n        });\n      } else {\n        toggleNotification({\n          type: 'danger',\n          message: formatMessage({ id: 'notification.error', defaultMessage: 'An error occurred' }),\n        });\n      }\n    } catch (error) {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({ id: 'notification.error', defaultMessage: 'An error occurred' }),\n      });\n    }\n  };\n\n  if (isLoadingSettings) {\n    return <Page.Loading />;\n  }\n\n  return (\n    <Layouts.Root>\n      <Page.Title>\n        {formatMessage(\n          { id: 'Settings.PageTitle', defaultMessage: 'Settings - {name}' },\n          {\n            name: 'Releases',\n          }\n        )}\n      </Page.Title>\n      <Page.Main aria-busy={isLoadingSettings} tabIndex={-1}>\n        <Form\n          method=\"PUT\"\n          initialValues={{\n            defaultTimezone: data?.data.defaultTimezone,\n          }}\n          onSubmit={handleSubmit}\n          validationSchema={SETTINGS_SCHEMA}\n        >\n          {({ modified, isSubmitting }: { modified: boolean; isSubmitting: boolean }) => {\n            return (\n              <>\n                <Layouts.Header\n                  primaryAction={\n                    canUpdate ? (\n                      <Button\n                        disabled={!modified || isSubmittingForm}\n                        loading={isSubmitting}\n                        startIcon={<Check />}\n                        type=\"submit\"\n                      >\n                        {formatMessage({\n                          id: 'global.save',\n                          defaultMessage: 'Save',\n                        })}\n                      </Button>\n                    ) : null\n                  }\n                  title={formatMessage({\n                    id: 'content-releases.pages.Settings.releases.title',\n                    defaultMessage: 'Releases',\n                  })}\n                  subtitle={formatMessage({\n                    id: 'content-releases.pages.Settings.releases.description',\n                    defaultMessage: 'Create and manage content updates',\n                  })}\n                />\n                <Layouts.Content>\n                  <Flex\n                    direction=\"column\"\n                    background=\"neutral0\"\n                    alignItems=\"stretch\"\n                    padding={6}\n                    gap={6}\n                    shadow=\"filterShadow\"\n                    hasRadius\n                  >\n                    <Typography variant=\"delta\" tag=\"h2\">\n                      {formatMessage({\n                        id: 'content-releases.pages.Settings.releases.preferences.title',\n                        defaultMessage: 'Preferences',\n                      })}\n                    </Typography>\n                    <Grid.Root>\n                      <Grid.Item col={6} s={12}>\n                        <TimezoneDropdown />\n                      </Grid.Item>\n                    </Grid.Root>\n                  </Flex>\n                </Layouts.Content>\n              </>\n            );\n          }}\n        </Form>\n      </Page.Main>\n    </Layouts.Root>\n  );\n};\n\nconst TimezoneDropdown = () => {\n  const permissions = useTypedSelector(\n    (state) => state.admin_app.permissions['settings']?.['releases']\n  );\n  const {\n    allowedActions: { canUpdate },\n  } = useRBAC(permissions);\n  const { formatMessage } = useIntl();\n  const { timezoneList } = getTimezones(new Date());\n  const field = useField('defaultTimezone');\n  return (\n    <Field.Root\n      name=\"defaultTimezone\"\n      hint={formatMessage({\n        id: 'content-releases.pages.Settings.releases.timezone.hint',\n        defaultMessage: 'The timezone of every release can still be changed individually. ',\n      })}\n      error={field.error}\n    >\n      <Field.Label>\n        {formatMessage({\n          id: 'content-releases.pages.Settings.releases.timezone.label',\n          defaultMessage: 'Default timezone',\n        })}\n      </Field.Label>\n      <Combobox\n        autocomplete={{ type: 'list', filter: 'contains' }}\n        onChange={(value) => field.onChange('defaultTimezone', value)}\n        onTextValueChange={(value) => field.onChange('defaultTimezone', value)}\n        onClear={() => field.onChange('defaultTimezone', '')}\n        value={field.value}\n        disabled={!canUpdate}\n      >\n        {timezoneList.map((timezone) => (\n          <ComboboxOption key={timezone.value} value={timezone.value}>\n            {timezone.value.replace(/&/, ' ')}\n          </ComboboxOption>\n        ))}\n      </Combobox>\n      <Field.Hint />\n      <Field.Error />\n    </Field.Root>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * ProtectedSettingsPage\n * -----------------------------------------------------------------------------------------------*/\n\nexport const ProtectedReleasesSettingsPage = () => {\n  const permissions = useTypedSelector(\n    (state) => state.admin_app.permissions['settings']?.['releases']?.read\n  );\n\n  return (\n    <Page.Protect permissions={permissions}>\n      <ReleasesSettingsPage />\n    </Page.Protect>\n  );\n};\n"],"names":["useSelector","useIntl","useAPIErrorHandler","useNotification","useGetReleaseSettingsQuery","useUpdateReleaseSettingsMutation","useRBAC","getTimezones","isFetchError","jsx","Page","jsxs","Layouts","Form","SETTINGS_SCHEMA","Fragment","Button","Check","Flex","Typography","Grid","useField","Field","Combobox","ComboboxOption"],"mappings":"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"}

package/dist/_chunks/{en-1_1re1mc.js → en-CmYoEnA7.js}

@@ -17,6 +17,7 @@ const en = {
   "content-releases.content-manager-edit-view.edit-entry": "Edit entry",
   "content-manager-edit-view.remove-from-release.notification.success": "Entry removed from release",
   "content-manager-edit-view.release-action-menu": "Release action options",
+  "content-manager.list-view.releases.header": "To be released in",
   "content-manager-list-view.add-to-release": "Add to release",
   "content-manager-list-view.add-to-release.cancel-button": "Cancel",
   "content-manager-list-view.add-to-release.continue-button": "Continue",
@@ -53,6 +54,7 @@ const en = {
   "modal.form.input.label.timezone": "Timezone",
   "modal.form.input.clearLabel": "Clear",
   "modal.form.button.submit": "{isCreatingRelease, select, true {Continue} other {Save}}",
+  "modal.form.time.has-passed": "Selected time has already passed.",
   "pages.Details.header-subtitle": "{number, plural, =0 {No entries} one {# entry} other {# entries}}",
   "pages.Releases.tab-group.label": "Releases list",
   "pages.Releases.tab.pending": "Pending ({count})",
@@ -88,4 +90,4 @@ const en = {
   "pages.Settings.releases.setting.default-timezone-notification-success": "Default timezone updated."
 };
 exports.default = en;
-//# sourceMappingURL=en-1_1re1mc.js.map
+//# sourceMappingURL=en-CmYoEnA7.js.map

package/dist/_chunks/en-CmYoEnA7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"en-CmYoEnA7.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/_chunks/{en-C3sq5KNP.mjs → en-D0yVZFqf.mjs}

@@ -15,6 +15,7 @@ const en = {
   "content-releases.content-manager-edit-view.edit-entry": "Edit entry",
   "content-manager-edit-view.remove-from-release.notification.success": "Entry removed from release",
   "content-manager-edit-view.release-action-menu": "Release action options",
+  "content-manager.list-view.releases.header": "To be released in",
   "content-manager-list-view.add-to-release": "Add to release",
   "content-manager-list-view.add-to-release.cancel-button": "Cancel",
   "content-manager-list-view.add-to-release.continue-button": "Continue",
@@ -51,6 +52,7 @@ const en = {
   "modal.form.input.label.timezone": "Timezone",
   "modal.form.input.clearLabel": "Clear",
   "modal.form.button.submit": "{isCreatingRelease, select, true {Continue} other {Save}}",
+  "modal.form.time.has-passed": "Selected time has already passed.",
   "pages.Details.header-subtitle": "{number, plural, =0 {No entries} one {# entry} other {# entries}}",
   "pages.Releases.tab-group.label": "Releases list",
   "pages.Releases.tab.pending": "Pending ({count})",
@@ -88,4 +90,4 @@ const en = {
 export {
   en as default
 };
-//# sourceMappingURL=en-C3sq5KNP.mjs.map
+//# sourceMappingURL=en-D0yVZFqf.mjs.map

package/dist/_chunks/en-D0yVZFqf.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"en-D0yVZFqf.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/_chunks/{index-CuchqQ4_.mjs → index-Bgq1X1sL.mjs}

@@ -1,11 +1,11 @@
-import { Cursor, Cross, Pencil, More, PaperPlane } from "@strapi/icons";
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { adminApi, useRBAC, useNotification, useAPIErrorHandler, useQueryParams, isFetchError, useAuth } from "@strapi/admin/strapi-admin";
+import { PaperPlane, CaretDown, Cross, Pencil, More } from "@strapi/icons";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { adminApi, useRBAC, useNotification, useAPIErrorHandler, useQueryParams, isFetchError, useTable, useAuth } from "@strapi/admin/strapi-admin";
+import { Field, Flex, VisuallyHidden, Modal, Button, EmptyStateLayout, LinkButton, Box, SingleSelect, SingleSelectOption, Popover, Typography, Link as Link$1, Menu, AccessibleIcon } from "@strapi/design-system";
+import { useFormik, Formik, Form } from "formik";
+import { useIntl } from "react-intl";
 import { unstable_useDocumentLayout } from "@strapi/content-manager/strapi-admin";
-import { Field, Flex, VisuallyHidden, Button, Box, SingleSelect, SingleSelectOption, EmptyStateLayout, LinkButton, Menu, Typography, AccessibleIcon } from "@strapi/design-system";
 import { EmptyDocuments } from "@strapi/icons/symbols";
-import { useFormik } from "formik";
-import { useIntl } from "react-intl";
 import { Link, NavLink } from "react-router-dom";
 import * as yup from "yup";
 import { styled } from "styled-components";
@@ -654,7 +654,7 @@ const ReleaseActionModalForm = ({
       id: "content-releases.content-manager-edit-view.add-to-release",
       defaultMessage: "Add to release"
     }),
-    icon: /* @__PURE__ */ jsx(Cursor, {}),
+    icon: /* @__PURE__ */ jsx(PaperPlane, {}),
     position: ["panel", "table-row"],
     dialog: {
       type: "modal",
@@ -671,7 +671,7 @@ const ReleaseActionModalForm = ({
           values: formik.values
         }
       ),
-      footer: ({ onClose }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      footer: ({ onClose }) => /* @__PURE__ */ jsxs(Modal.Footer, { children: [
         /* @__PURE__ */ jsx(Button, { onClick: onClose, variant: "tertiary", name: "cancel", children: formatMessage({
           id: "content-releases.content-manager-edit-view.add-to-release.cancel-button",
           defaultMessage: "Cancel"
@@ -693,6 +693,233 @@ const ReleaseActionModalForm = ({
     }
   };
 };
+const getContentPermissions = (subject) => {
+  const permissions = {
+    publish: [
+      {
+        action: "plugin::content-manager.explorer.publish",
+        subject,
+        id: "",
+        actionParameters: {},
+        properties: {},
+        conditions: []
+      }
+    ]
+  };
+  return permissions;
+};
+const ReleaseAction = ({ documents, model }) => {
+  const { formatMessage } = useIntl();
+  const { toggleNotification } = useNotification();
+  const { formatAPIError } = useAPIErrorHandler();
+  const [{ query }] = useQueryParams();
+  const contentPermissions = getContentPermissions(model);
+  const {
+    allowedActions: { canPublish }
+  } = useRBAC(contentPermissions);
+  const {
+    allowedActions: { canCreate }
+  } = useRBAC(PERMISSIONS);
+  const response = useGetReleasesQuery();
+  const releases = response.data?.data;
+  const [createManyReleaseActions, { isLoading }] = useCreateManyReleaseActionsMutation();
+  const documentIds = documents.map((doc) => doc.documentId);
+  const handleSubmit = async (values) => {
+    const locale = query.plugins?.i18n?.locale;
+    const releaseActionEntries = documentIds.map(
+      (entryDocumentId) => ({
+        type: values.type,
+        contentType: model,
+        entryDocumentId,
+        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 (isFetchError(response2.error)) {
+        toggleNotification({
+          type: "warning",
+          message: formatAPIError(response2.error)
+        });
+      } else {
+        toggleNotification({
+          type: "warning",
+          message: formatMessage({ id: "notification.error", defaultMessage: "An error occurred" })
+        });
+      }
+    }
+  };
+  if (!canCreate || !canPublish)
+    return null;
+  return {
+    actionType: "release",
+    variant: "tertiary",
+    label: formatMessage({
+      id: "content-manager-list-view.add-to-release",
+      defaultMessage: "Add to Release"
+    }),
+    dialog: {
+      type: "modal",
+      title: formatMessage({
+        id: "content-manager-list-view.add-to-release",
+        defaultMessage: "Add to Release"
+      }),
+      content: ({ onClose }) => {
+        return /* @__PURE__ */ jsx(
+          Formik,
+          {
+            onSubmit: async (values) => {
+              const data = await handleSubmit(values);
+              if (data) {
+                return onClose();
+              }
+            },
+            validationSchema: RELEASE_ACTION_FORM_SCHEMA,
+            initialValues: INITIAL_VALUES,
+            children: ({ values, setFieldValue }) => /* @__PURE__ */ jsxs(Form, { children: [
+              releases?.length === 0 ? /* @__PURE__ */ jsx(NoReleases, {}) : /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
+                /* @__PURE__ */ jsx(Box, { paddingBottom: 6, children: /* @__PURE__ */ jsxs(Field.Root, { required: true, children: [
+                  /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
+                    id: "content-releases.content-manager-list-view.add-to-release.select-label",
+                    defaultMessage: "Select a release"
+                  }) }),
+                  /* @__PURE__ */ jsx(
+                    SingleSelect,
+                    {
+                      placeholder: formatMessage({
+                        id: "content-releases.content-manager-list-view.add-to-release.select-placeholder",
+                        defaultMessage: "Select"
+                      }),
+                      onChange: (value) => setFieldValue("releaseId", value),
+                      value: values.releaseId,
+                      children: releases?.map((release) => /* @__PURE__ */ jsx(SingleSelectOption, { value: release.id, children: release.name }, release.id))
+                    }
+                  )
+                ] }) }),
+                /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
+                  id: "content-releases.content-manager-list-view.add-to-release.action-type-label",
+                  defaultMessage: "What do you want to do with these entries?"
+                }) }),
+                /* @__PURE__ */ jsx(
+                  ReleaseActionOptions,
+                  {
+                    selected: values.type,
+                    handleChange: (e) => setFieldValue("type", e.target.value),
+                    name: "type"
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ jsxs(Modal.Footer, { children: [
+                /* @__PURE__ */ jsx(Button, { onClick: onClose, variant: "tertiary", name: "cancel", children: formatMessage({
+                  id: "content-releases.content-manager-list-view.add-to-release.cancel-button",
+                  defaultMessage: "Cancel"
+                }) }),
+                /* @__PURE__ */ jsx(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 StyledButton = styled(Button)`
+  span {
+    font-weight: 400;
+  }
+`;
+const useReleasesList = (contentTypeUid, documentId) => {
+  const listViewData = useTable("ListView", (state) => state.rows);
+  const documentIds = listViewData.map((entry) => entry.documentId);
+  const [{ query }] = useQueryParams();
+  const locale = query?.plugins?.i18n?.locale || void 0;
+  const response = useGetMappedEntriesInReleasesQuery(
+    { contentTypeUid, documentIds, locale },
+    { skip: !documentIds || !contentTypeUid || documentIds.length === 0 }
+  );
+  const mappedEntriesInReleases = response.data || {};
+  return mappedEntriesInReleases?.[documentId] || [];
+};
+const addColumnToTableHook = ({ displayedHeaders, layout }) => {
+  const { options } = layout;
+  if (!options?.draftAndPublish) {
+    return { displayedHeaders, layout };
+  }
+  return {
+    displayedHeaders: [
+      ...displayedHeaders,
+      {
+        searchable: false,
+        sortable: false,
+        name: "releases",
+        label: {
+          id: "content-releases.content-manager.list-view.releases.header",
+          defaultMessage: "To be released in"
+        },
+        cellFormatter: (props, _, { model }) => /* @__PURE__ */ jsx(ReleaseListCell, { ...props, model })
+      }
+    ],
+    layout
+  };
+};
+const ReleaseListCell = ({ documentId, model }) => {
+  const releases = useReleasesList(model, documentId);
+  const { formatMessage } = useIntl();
+  return /* @__PURE__ */ jsxs(Popover.Root, { children: [
+    /* @__PURE__ */ jsx(Popover.Trigger, { children: /* @__PURE__ */ jsx(
+      StyledButton,
+      {
+        variant: "ghost",
+        onClick: (e) => e.stopPropagation(),
+        endIcon: /* @__PURE__ */ jsx(CaretDown, {}),
+        children: /* @__PURE__ */ jsx(Typography, { style: { maxWidth: "252px", cursor: "pointer" }, textColor: "neutral800", children: releases.length > 0 ? formatMessage(
+          {
+            id: "content-releases.content-manager.list-view.releases-number",
+            defaultMessage: "{number} {number, plural, one {release} other {releases}}"
+          },
+          {
+            number: releases.length
+          }
+        ) : "-" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Popover.Content, { children: /* @__PURE__ */ jsx("ul", { children: releases.map(({ id, name }) => /* @__PURE__ */ jsx(Box, { padding: 3, tag: "li", children: /* @__PURE__ */ jsx(Link$1, { href: `/admin/plugins/content-releases/${id}`, isExternal: false, children: name }) }, id)) }) })
+  ] });
+};
 const getTimezoneOffset = (timezone, date) => {
   try {
     const offsetPart = new Intl.DateTimeFormat("en", {
@@ -859,7 +1086,7 @@ const Root = ({ children }) => {
   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__ */ jsxs(Menu.Root, { children: [
-      /* @__PURE__ */ jsx(Menu.Trigger, { variant: "tertiary", endIcon: null, paddingLeft: 2, paddingRight: 2, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Menu.Trigger, { variant: "tertiary", endIcon: null, paddingLeft: "7px", paddingRight: "7px", children: /* @__PURE__ */ jsx(
         AccessibleIcon,
         {
           label: formatMessage({
@@ -1012,7 +1239,7 @@ const admin = {
           id: `${pluginId}.plugin.name`,
           defaultMessage: "Releases"
         },
-        Component: () => import("./App-6gbM0io-.mjs").then((mod) => ({ default: mod.App })),
+        Component: () => import("./App-DbD5Ks8-.mjs").then((mod) => ({ default: mod.App })),
         permissions: PERMISSIONS.main,
         position: 2
       });
@@ -1036,10 +1263,18 @@ const admin = {
         },
         permissions: [],
         async Component() {
-          const { SettingsPage } = await import("./SettingsPage-CuSH193e.mjs");
-          return { default: SettingsPage };
+          const { ProtectedReleasesSettingsPage } = await import("./ReleasesSettingsPage-BDinCYKz.mjs");
+          return { default: ProtectedReleasesSettingsPage };
         }
       });
+      if ("addBulkAction" in contentManagerPluginApis && typeof contentManagerPluginApis.addBulkAction === "function") {
+        contentManagerPluginApis.addBulkAction((actions) => {
+          const deleteActionIndex = actions.findIndex((action) => action.type === "delete");
+          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.addSettingsLink("global", {
         id: pluginId,
@@ -1060,7 +1295,7 @@ const admin = {
   async registerTrads({ locales }) {
     const importedTrads = await Promise.all(
       locales.map((locale) => {
-        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => import("./en-C3sq5KNP.mjs") }), `./translations/${locale}.json`).then(({ default: data }) => {
+        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => import("./en-D0yVZFqf.mjs") }), `./translations/${locale}.json`).then(({ default: data }) => {
           return {
             data: prefixPluginTranslations(data, "content-releases"),
             locale
@@ -1079,21 +1314,21 @@ const admin = {
 export {
   PERMISSIONS as P,
   ReleaseActionOptions as R,
-  useCreateReleaseMutation as a,
-  useGetReleaseQuery as b,
-  useUpdateReleaseMutation as c,
-  useDeleteReleaseMutation as d,
-  usePublishReleaseMutation as e,
-  getTimezoneOffset as f,
+  useGetReleaseSettingsQuery as a,
+  useCreateReleaseMutation as b,
+  useGetReleaseQuery as c,
+  useUpdateReleaseMutation as d,
+  useDeleteReleaseMutation as e,
+  usePublishReleaseMutation as f,
   getTimezones as g,
-  useGetReleaseActionsQuery as h,
-  useUpdateReleaseActionMutation as i,
-  ReleaseActionMenu as j,
-  useGetReleaseSettingsQuery as k,
+  getTimezoneOffset as h,
+  useGetReleaseActionsQuery as i,
+  useUpdateReleaseActionMutation as j,
+  ReleaseActionMenu as k,
   useUpdateReleaseSettingsMutation as l,
   admin as m,
   pluginId as p,
   releaseApi as r,
   useGetReleasesQuery as u
 };
-//# sourceMappingURL=index-CuchqQ4_.mjs.map
+//# sourceMappingURL=index-Bgq1X1sL.mjs.map