@strapi/content-releases 0.0.0-next.4af8963f6880c5fb9fae32ecd580f5cd33eaddda → 0.0.0-next.4afb25b82502b04f05bbc122b43e1e3a806e7600

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (143) hide show
  1. package/LICENSE +17 -1
  2. package/dist/_chunks/App-Cx72FM22.mjs +1558 -0
  3. package/dist/_chunks/App-Cx72FM22.mjs.map +1 -0
  4. package/dist/_chunks/App-DyjVixKE.js +1578 -0
  5. package/dist/_chunks/App-DyjVixKE.js.map +1 -0
  6. package/dist/_chunks/{PurchaseContentReleases-YhAPgpG9.js → PurchaseContentReleases-BJlgTIuR.js} +9 -8
  7. package/dist/_chunks/PurchaseContentReleases-BJlgTIuR.js.map +1 -0
  8. package/dist/_chunks/{PurchaseContentReleases-Clm0iACO.mjs → PurchaseContentReleases-CIiBmOhI.mjs} +10 -9
  9. package/dist/_chunks/PurchaseContentReleases-CIiBmOhI.mjs.map +1 -0
  10. package/dist/_chunks/ReleasesSettingsPage-9si_53C5.mjs +178 -0
  11. package/dist/_chunks/ReleasesSettingsPage-9si_53C5.mjs.map +1 -0
  12. package/dist/_chunks/ReleasesSettingsPage-FsXF_FuJ.js +178 -0
  13. package/dist/_chunks/ReleasesSettingsPage-FsXF_FuJ.js.map +1 -0
  14. package/dist/_chunks/{en-7P4i1cWH.js → en-BWPPsSH-.js} +34 -6
  15. package/dist/_chunks/en-BWPPsSH-.js.map +1 -0
  16. package/dist/_chunks/{en-pb1wUzhy.mjs → en-D9Q4YW03.mjs} +34 -6
  17. package/dist/_chunks/en-D9Q4YW03.mjs.map +1 -0
  18. package/dist/_chunks/index-CVj5EFQC.mjs +1386 -0
  19. package/dist/_chunks/index-CVj5EFQC.mjs.map +1 -0
  20. package/dist/_chunks/index-CpTN5TdF.js +1404 -0
  21. package/dist/_chunks/index-CpTN5TdF.js.map +1 -0
  22. package/dist/_chunks/schemas-DBYv9gK8.js +61 -0
  23. package/dist/_chunks/schemas-DBYv9gK8.js.map +1 -0
  24. package/dist/_chunks/schemas-DdA2ic2U.mjs +44 -0
  25. package/dist/_chunks/schemas-DdA2ic2U.mjs.map +1 -0
  26. package/dist/admin/index.js +1 -15
  27. package/dist/admin/index.js.map +1 -1
  28. package/dist/admin/index.mjs +2 -16
  29. package/dist/admin/index.mjs.map +1 -1
  30. package/dist/admin/src/components/EntryValidationPopover.d.ts +13 -0
  31. package/dist/admin/src/components/RelativeTime.d.ts +28 -0
  32. package/dist/admin/src/components/ReleaseAction.d.ts +3 -0
  33. package/dist/admin/src/components/ReleaseActionMenu.d.ts +26 -0
  34. package/dist/admin/src/components/ReleaseActionModal.d.ts +24 -0
  35. package/dist/admin/src/components/ReleaseActionOptions.d.ts +9 -0
  36. package/dist/admin/src/components/ReleaseListCell.d.ts +28 -0
  37. package/dist/admin/src/components/ReleaseModal.d.ts +17 -0
  38. package/dist/admin/src/components/ReleasesPanel.d.ts +3 -0
  39. package/dist/admin/src/constants.d.ts +76 -0
  40. package/dist/admin/src/index.d.ts +3 -0
  41. package/dist/admin/src/modules/hooks.d.ts +7 -0
  42. package/dist/admin/src/pages/App.d.ts +1 -0
  43. package/dist/admin/src/pages/PurchaseContentReleases.d.ts +2 -0
  44. package/dist/admin/src/pages/ReleaseDetailsPage.d.ts +2 -0
  45. package/dist/admin/src/pages/ReleasesPage.d.ts +8 -0
  46. package/dist/admin/src/pages/ReleasesSettingsPage.d.ts +1 -0
  47. package/dist/admin/src/pages/tests/mockReleaseDetailsPageData.d.ts +181 -0
  48. package/dist/admin/src/pages/tests/mockReleasesPageData.d.ts +39 -0
  49. package/dist/admin/src/pluginId.d.ts +1 -0
  50. package/dist/admin/src/services/release.d.ts +112 -0
  51. package/dist/admin/src/store/hooks.d.ts +7 -0
  52. package/dist/admin/src/utils/api.d.ts +6 -0
  53. package/dist/admin/src/utils/prefixPluginTranslations.d.ts +3 -0
  54. package/dist/admin/src/utils/time.d.ts +10 -0
  55. package/dist/admin/src/validation/schemas.d.ts +6 -0
  56. package/dist/server/index.js +1233 -515
  57. package/dist/server/index.js.map +1 -1
  58. package/dist/server/index.mjs +1232 -513
  59. package/dist/server/index.mjs.map +1 -1
  60. package/dist/server/src/bootstrap.d.ts +5 -0
  61. package/dist/server/src/bootstrap.d.ts.map +1 -0
  62. package/dist/server/src/constants.d.ts +21 -0
  63. package/dist/server/src/constants.d.ts.map +1 -0
  64. package/dist/server/src/content-types/index.d.ts +97 -0
  65. package/dist/server/src/content-types/index.d.ts.map +1 -0
  66. package/dist/server/src/content-types/release/index.d.ts +48 -0
  67. package/dist/server/src/content-types/release/index.d.ts.map +1 -0
  68. package/dist/server/src/content-types/release/schema.d.ts +47 -0
  69. package/dist/server/src/content-types/release/schema.d.ts.map +1 -0
  70. package/dist/server/src/content-types/release-action/index.d.ts +48 -0
  71. package/dist/server/src/content-types/release-action/index.d.ts.map +1 -0
  72. package/dist/server/src/content-types/release-action/schema.d.ts +47 -0
  73. package/dist/server/src/content-types/release-action/schema.d.ts.map +1 -0
  74. package/dist/server/src/controllers/index.d.ts +25 -0
  75. package/dist/server/src/controllers/index.d.ts.map +1 -0
  76. package/dist/server/src/controllers/release-action.d.ts +10 -0
  77. package/dist/server/src/controllers/release-action.d.ts.map +1 -0
  78. package/dist/server/src/controllers/release.d.ts +18 -0
  79. package/dist/server/src/controllers/release.d.ts.map +1 -0
  80. package/dist/server/src/controllers/settings.d.ts +11 -0
  81. package/dist/server/src/controllers/settings.d.ts.map +1 -0
  82. package/dist/server/src/controllers/validation/release-action.d.ts +14 -0
  83. package/dist/server/src/controllers/validation/release-action.d.ts.map +1 -0
  84. package/dist/server/src/controllers/validation/release.d.ts +4 -0
  85. package/dist/server/src/controllers/validation/release.d.ts.map +1 -0
  86. package/dist/server/src/controllers/validation/settings.d.ts +3 -0
  87. package/dist/server/src/controllers/validation/settings.d.ts.map +1 -0
  88. package/dist/server/src/destroy.d.ts +5 -0
  89. package/dist/server/src/destroy.d.ts.map +1 -0
  90. package/dist/server/src/index.d.ts +2111 -0
  91. package/dist/server/src/index.d.ts.map +1 -0
  92. package/dist/server/src/middlewares/documents.d.ts +6 -0
  93. package/dist/server/src/middlewares/documents.d.ts.map +1 -0
  94. package/dist/server/src/migrations/database/5.0.0-document-id-in-actions.d.ts +9 -0
  95. package/dist/server/src/migrations/database/5.0.0-document-id-in-actions.d.ts.map +1 -0
  96. package/dist/server/src/migrations/index.d.ts +13 -0
  97. package/dist/server/src/migrations/index.d.ts.map +1 -0
  98. package/dist/server/src/register.d.ts +5 -0
  99. package/dist/server/src/register.d.ts.map +1 -0
  100. package/dist/server/src/routes/index.d.ts +51 -0
  101. package/dist/server/src/routes/index.d.ts.map +1 -0
  102. package/dist/server/src/routes/release-action.d.ts +18 -0
  103. package/dist/server/src/routes/release-action.d.ts.map +1 -0
  104. package/dist/server/src/routes/release.d.ts +18 -0
  105. package/dist/server/src/routes/release.d.ts.map +1 -0
  106. package/dist/server/src/routes/settings.d.ts +18 -0
  107. package/dist/server/src/routes/settings.d.ts.map +1 -0
  108. package/dist/server/src/services/index.d.ts +1824 -0
  109. package/dist/server/src/services/index.d.ts.map +1 -0
  110. package/dist/server/src/services/release-action.d.ts +34 -0
  111. package/dist/server/src/services/release-action.d.ts.map +1 -0
  112. package/dist/server/src/services/release.d.ts +31 -0
  113. package/dist/server/src/services/release.d.ts.map +1 -0
  114. package/dist/server/src/services/scheduling.d.ts +18 -0
  115. package/dist/server/src/services/scheduling.d.ts.map +1 -0
  116. package/dist/server/src/services/settings.d.ts +13 -0
  117. package/dist/server/src/services/settings.d.ts.map +1 -0
  118. package/dist/server/src/services/validation.d.ts +18 -0
  119. package/dist/server/src/services/validation.d.ts.map +1 -0
  120. package/dist/server/src/utils/index.d.ts +35 -0
  121. package/dist/server/src/utils/index.d.ts.map +1 -0
  122. package/dist/shared/contracts/release-actions.d.ts +137 -0
  123. package/dist/shared/contracts/release-actions.d.ts.map +1 -0
  124. package/dist/shared/contracts/releases.d.ts +184 -0
  125. package/dist/shared/contracts/releases.d.ts.map +1 -0
  126. package/dist/shared/contracts/settings.d.ts +39 -0
  127. package/dist/shared/contracts/settings.d.ts.map +1 -0
  128. package/dist/shared/types.d.ts +24 -0
  129. package/dist/shared/types.d.ts.map +1 -0
  130. package/package.json +35 -39
  131. package/dist/_chunks/App-ise7GunC.mjs +0 -1273
  132. package/dist/_chunks/App-ise7GunC.mjs.map +0 -1
  133. package/dist/_chunks/App-w2Zq-wj5.js +0 -1296
  134. package/dist/_chunks/App-w2Zq-wj5.js.map +0 -1
  135. package/dist/_chunks/PurchaseContentReleases-Clm0iACO.mjs.map +0 -1
  136. package/dist/_chunks/PurchaseContentReleases-YhAPgpG9.js.map +0 -1
  137. package/dist/_chunks/en-7P4i1cWH.js.map +0 -1
  138. package/dist/_chunks/en-pb1wUzhy.mjs.map +0 -1
  139. package/dist/_chunks/index-D-Yjf60c.mjs +0 -950
  140. package/dist/_chunks/index-D-Yjf60c.mjs.map +0 -1
  141. package/dist/_chunks/index-Q8Pv7enO.js +0 -971
  142. package/dist/_chunks/index-Q8Pv7enO.js.map +0 -1
  143. package/strapi-server.js +0 -3
@@ -1,1273 +0,0 @@
1
- import { jsxs, jsx, Fragment } from "react/jsx-runtime";
2
- import { useNotification, useAPIErrorHandler, LoadingIndicatorPage, ConfirmDialog, useRBAC, useTracking, RelativeTime, CheckPermissions, useQueryParams, AnErrorOccurred, NoContent, Table, PageSizeURLQuery, PaginationURLQuery, CheckPagePermissions } from "@strapi/helper-plugin";
3
- import { useLocation, useParams, useHistory, Redirect, Link as Link$1, Switch, Route } from "react-router-dom";
4
- import { p as pluginId, u as useGetReleaseQuery, a as useUpdateReleaseMutation, b as useDeleteReleaseMutation, c as usePublishReleaseMutation, P as PERMISSIONS, d as useTypedDispatch, e as useGetReleaseActionsQuery, f as useUpdateReleaseActionMutation, R as ReleaseActionOptions, g as ReleaseActionMenu, i as isAxiosError, r as releaseApi, h as useGetReleasesQuery, j as useCreateReleaseMutation } from "./index-D-Yjf60c.mjs";
5
- import * as React from "react";
6
- import { unstable_useDocument, useLicenseLimits } from "@strapi/admin/strapi-admin";
7
- import { ModalLayout, ModalHeader, Typography, ModalBody, Flex, TextInput, Checkbox, Box, DatePicker, TimePicker, ModalFooter, Button, Combobox, ComboboxOption, ContentLayout, Main, HeaderLayout, Link, IconButton, SingleSelect, SingleSelectOption, Badge, Tr, Td, Icon, Tooltip, Alert, TabGroup, Tabs, Tab, Divider, TabPanels, TabPanel, EmptyStateLayout, Grid, GridItem } from "@strapi/design-system";
8
- import { Menu, LinkButton, Link as Link$2 } from "@strapi/design-system/v2";
9
- import { Pencil, Trash, ArrowLeft, More, CrossCircle, CheckCircle, Plus, EmptyDocuments } from "@strapi/icons";
10
- import format from "date-fns/format";
11
- import { zonedTimeToUtc, utcToZonedTime } from "date-fns-tz";
12
- import { useIntl } from "react-intl";
13
- import styled from "styled-components";
14
- import { formatISO, parse } from "date-fns";
15
- import { Formik, Form, useFormikContext } from "formik";
16
- import * as yup from "yup";
17
- import "@reduxjs/toolkit/query";
18
- import "axios";
19
- import "@reduxjs/toolkit/query/react";
20
- import "react-redux";
21
- const RELEASE_SCHEMA = yup.object().shape({
22
- name: yup.string().trim().required(),
23
- scheduledAt: yup.string().nullable(),
24
- isScheduled: yup.boolean().optional(),
25
- time: yup.string().when("isScheduled", {
26
- is: true,
27
- then: yup.string().trim().required(),
28
- otherwise: yup.string().nullable()
29
- }),
30
- timezone: yup.string().when("isScheduled", {
31
- is: true,
32
- then: yup.string().required().nullable(),
33
- otherwise: yup.string().nullable()
34
- }),
35
- date: yup.string().when("isScheduled", {
36
- is: true,
37
- then: yup.string().required().nullable(),
38
- otherwise: yup.string().nullable()
39
- })
40
- }).required().noUnknown();
41
- const ReleaseModal = ({
42
- handleClose,
43
- handleSubmit,
44
- initialValues,
45
- isLoading = false
46
- }) => {
47
- const { formatMessage } = useIntl();
48
- const { pathname } = useLocation();
49
- const isCreatingRelease = pathname === `/plugins/${pluginId}`;
50
- const IsSchedulingEnabled = window.strapi.future.isEnabled("contentReleasesScheduling");
51
- const { timezoneList, systemTimezone = { value: "UTC+00:00-Africa/Abidjan " } } = getTimezones(
52
- initialValues.scheduledAt ? new Date(initialValues.scheduledAt) : /* @__PURE__ */ new Date()
53
- );
54
- const getScheduledTimestamp = (values) => {
55
- const { date, time, timezone } = values;
56
- if (!date || !time || !timezone)
57
- return null;
58
- const formattedDate = parse(time, "HH:mm", new Date(date));
59
- const timezoneWithoutOffset = timezone.split("-")[1];
60
- return zonedTimeToUtc(formattedDate, timezoneWithoutOffset);
61
- };
62
- const getTimezoneWithOffset = () => {
63
- const currentTimezone = timezoneList.find(
64
- (timezone) => timezone.value.split("-")[1] === initialValues.timezone
65
- );
66
- return currentTimezone?.value || systemTimezone.value;
67
- };
68
- return /* @__PURE__ */ jsxs(ModalLayout, { onClose: handleClose, labelledBy: "title", children: [
69
- /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsx(Typography, { id: "title", fontWeight: "bold", textColor: "neutral800", children: formatMessage(
70
- {
71
- id: "content-releases.modal.title",
72
- defaultMessage: "{isCreatingRelease, select, true {New release} other {Edit release}}"
73
- },
74
- { isCreatingRelease }
75
- ) }) }),
76
- /* @__PURE__ */ jsx(
77
- Formik,
78
- {
79
- onSubmit: (values) => {
80
- handleSubmit({
81
- ...values,
82
- timezone: values.timezone ? values.timezone.split("-")[1] : null,
83
- scheduledAt: values.isScheduled ? getScheduledTimestamp(values) : null
84
- });
85
- },
86
- initialValues: {
87
- ...initialValues,
88
- timezone: initialValues.timezone ? getTimezoneWithOffset() : systemTimezone.value
89
- },
90
- validationSchema: RELEASE_SCHEMA,
91
- validateOnChange: false,
92
- children: ({ values, errors, handleChange, setFieldValue }) => /* @__PURE__ */ jsxs(Form, { children: [
93
- /* @__PURE__ */ jsx(ModalBody, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 6, children: [
94
- /* @__PURE__ */ jsx(
95
- TextInput,
96
- {
97
- label: formatMessage({
98
- id: "content-releases.modal.form.input.label.release-name",
99
- defaultMessage: "Name"
100
- }),
101
- name: "name",
102
- value: values.name,
103
- error: errors.name,
104
- onChange: handleChange,
105
- required: true
106
- }
107
- ),
108
- IsSchedulingEnabled && /* @__PURE__ */ jsxs(Fragment, { children: [
109
- /* @__PURE__ */ jsx(
110
- Checkbox,
111
- {
112
- name: "isScheduled",
113
- value: values.isScheduled,
114
- onChange: (event) => {
115
- setFieldValue("isScheduled", event.target.checked);
116
- if (!event.target.checked) {
117
- setFieldValue("date", null);
118
- setFieldValue("time", "");
119
- setFieldValue("timezone", null);
120
- } else {
121
- setFieldValue("date", initialValues.date);
122
- setFieldValue("time", initialValues.time);
123
- setFieldValue(
124
- "timezone",
125
- initialValues.timezone ?? systemTimezone?.value
126
- );
127
- }
128
- },
129
- children: /* @__PURE__ */ jsx(
130
- Typography,
131
- {
132
- textColor: values.isScheduled ? "primary600" : "neutral800",
133
- fontWeight: values.isScheduled ? "semiBold" : "regular",
134
- children: formatMessage({
135
- id: "modal.form.input.label.schedule-release",
136
- defaultMessage: "Schedule release"
137
- })
138
- }
139
- )
140
- }
141
- ),
142
- values.isScheduled && /* @__PURE__ */ jsxs(Fragment, { children: [
143
- /* @__PURE__ */ jsxs(Flex, { gap: 4, alignItems: "start", children: [
144
- /* @__PURE__ */ jsx(Box, { width: "100%", children: /* @__PURE__ */ jsx(
145
- DatePicker,
146
- {
147
- label: formatMessage({
148
- id: "content-releases.modal.form.input.label.date",
149
- defaultMessage: "Date"
150
- }),
151
- name: "date",
152
- error: errors.date,
153
- onChange: (date) => {
154
- const isoFormatDate = date ? formatISO(date, { representation: "date" }) : null;
155
- setFieldValue("date", isoFormatDate);
156
- },
157
- clearLabel: formatMessage({
158
- id: "content-releases.modal.form.input.clearLabel",
159
- defaultMessage: "Clear"
160
- }),
161
- onClear: () => {
162
- setFieldValue("date", null);
163
- },
164
- selectedDate: values.date || void 0,
165
- required: true
166
- }
167
- ) }),
168
- /* @__PURE__ */ jsx(Box, { width: "100%", children: /* @__PURE__ */ jsx(
169
- TimePicker,
170
- {
171
- label: formatMessage({
172
- id: "content-releases.modal.form.input.label.time",
173
- defaultMessage: "Time"
174
- }),
175
- name: "time",
176
- error: errors.time,
177
- onChange: (time) => {
178
- setFieldValue("time", time);
179
- },
180
- clearLabel: formatMessage({
181
- id: "content-releases.modal.form.input.clearLabel",
182
- defaultMessage: "Clear"
183
- }),
184
- onClear: () => {
185
- setFieldValue("time", "");
186
- },
187
- value: values.time || void 0,
188
- required: true
189
- }
190
- ) })
191
- ] }),
192
- /* @__PURE__ */ jsx(TimezoneComponent, { timezoneOptions: timezoneList })
193
- ] })
194
- ] })
195
- ] }) }),
196
- /* @__PURE__ */ jsx(
197
- ModalFooter,
198
- {
199
- startActions: /* @__PURE__ */ jsx(Button, { onClick: handleClose, variant: "tertiary", name: "cancel", children: formatMessage({ id: "cancel", defaultMessage: "Cancel" }) }),
200
- endActions: /* @__PURE__ */ jsx(Button, { name: "submit", loading: isLoading, type: "submit", children: formatMessage(
201
- {
202
- id: "content-releases.modal.form.button.submit",
203
- defaultMessage: "{isCreatingRelease, select, true {Continue} other {Save}}"
204
- },
205
- { isCreatingRelease }
206
- ) })
207
- }
208
- )
209
- ] })
210
- }
211
- )
212
- ] });
213
- };
214
- const getTimezones = (selectedDate) => {
215
- const timezoneList = Intl.supportedValuesOf("timeZone").map((timezone) => {
216
- const offsetPart = new Intl.DateTimeFormat("en", {
217
- timeZone: timezone,
218
- timeZoneName: "longOffset"
219
- }).formatToParts(selectedDate).find((part) => part.type === "timeZoneName");
220
- const offset = offsetPart ? offsetPart.value : "";
221
- let utcOffset = offset.replace("GMT", "UTC");
222
- if (!utcOffset.includes("+") && !utcOffset.includes("-")) {
223
- utcOffset = `${utcOffset}+00:00`;
224
- }
225
- return { offset: utcOffset, value: `${utcOffset}-${timezone}` };
226
- });
227
- const systemTimezone = timezoneList.find(
228
- (timezone) => timezone.value.split("-")[1] === Intl.DateTimeFormat().resolvedOptions().timeZone
229
- );
230
- return { timezoneList, systemTimezone };
231
- };
232
- const TimezoneComponent = ({ timezoneOptions }) => {
233
- const { values, errors, setFieldValue } = useFormikContext();
234
- const { formatMessage } = useIntl();
235
- const [timezoneList, setTimezoneList] = React.useState(timezoneOptions);
236
- React.useEffect(() => {
237
- if (values.date) {
238
- const { timezoneList: timezoneList2 } = getTimezones(new Date(values.date));
239
- setTimezoneList(timezoneList2);
240
- const updatedTimezone = values.timezone && timezoneList2.find((tz) => tz.value.split("-")[1] === values.timezone.split("-")[1]);
241
- if (updatedTimezone) {
242
- setFieldValue("timezone", updatedTimezone.value);
243
- }
244
- }
245
- }, [setFieldValue, values.date, values.timezone]);
246
- return /* @__PURE__ */ jsx(
247
- Combobox,
248
- {
249
- label: formatMessage({
250
- id: "content-releases.modal.form.input.label.timezone",
251
- defaultMessage: "Timezone"
252
- }),
253
- name: "timezone",
254
- value: values.timezone || void 0,
255
- textValue: values.timezone ? values.timezone.replace("-", " ") : void 0,
256
- onChange: (timezone) => {
257
- setFieldValue("timezone", timezone);
258
- },
259
- onClear: () => {
260
- setFieldValue("timezone", "");
261
- },
262
- error: errors.timezone,
263
- required: true,
264
- children: timezoneList.map((timezone) => /* @__PURE__ */ jsx(ComboboxOption, { value: timezone.value, children: timezone.value.replace("-", " ") }, timezone.value))
265
- }
266
- );
267
- };
268
- const ReleaseInfoWrapper = styled(Flex)`
269
- align-self: stretch;
270
- border-bottom-right-radius: ${({ theme }) => theme.borderRadius};
271
- border-bottom-left-radius: ${({ theme }) => theme.borderRadius};
272
- border-top: 1px solid ${({ theme }) => theme.colors.neutral150};
273
- `;
274
- const StyledMenuItem = styled(Menu.Item)`
275
- svg path {
276
- fill: ${({ theme, disabled }) => disabled && theme.colors.neutral500};
277
- }
278
- span {
279
- color: ${({ theme, disabled }) => disabled && theme.colors.neutral500};
280
- }
281
- `;
282
- const PencilIcon = styled(Pencil)`
283
- width: ${({ theme }) => theme.spaces[3]};
284
- height: ${({ theme }) => theme.spaces[3]};
285
- path {
286
- fill: ${({ theme }) => theme.colors.neutral600};
287
- }
288
- `;
289
- const TrashIcon = styled(Trash)`
290
- width: ${({ theme }) => theme.spaces[3]};
291
- height: ${({ theme }) => theme.spaces[3]};
292
- path {
293
- fill: ${({ theme }) => theme.colors.danger600};
294
- }
295
- `;
296
- const TypographyMaxWidth = styled(Typography)`
297
- max-width: 300px;
298
- `;
299
- const EntryValidationText = ({ action, schema, components, entry }) => {
300
- const { formatMessage } = useIntl();
301
- const { validate } = unstable_useDocument();
302
- const { errors } = validate(entry, {
303
- contentType: schema,
304
- components,
305
- isCreatingEntry: false
306
- });
307
- if (Object.keys(errors).length > 0) {
308
- const validationErrorsMessages = Object.entries(errors).map(
309
- ([key, value]) => formatMessage(
310
- { id: `${value.id}.withField`, defaultMessage: value.defaultMessage },
311
- { field: key }
312
- )
313
- ).join(" ");
314
- return /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
315
- /* @__PURE__ */ jsx(Icon, { color: "danger600", as: CrossCircle }),
316
- /* @__PURE__ */ jsx(Tooltip, { description: validationErrorsMessages, children: /* @__PURE__ */ jsx(TypographyMaxWidth, { textColor: "danger600", variant: "omega", fontWeight: "semiBold", ellipsis: true, children: validationErrorsMessages }) })
317
- ] });
318
- }
319
- if (action == "publish") {
320
- return /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
321
- /* @__PURE__ */ jsx(Icon, { color: "success600", as: CheckCircle }),
322
- entry.publishedAt ? /* @__PURE__ */ jsx(Typography, { textColor: "success600", fontWeight: "bold", children: formatMessage({
323
- id: "content-releases.pages.ReleaseDetails.entry-validation.already-published",
324
- defaultMessage: "Already published"
325
- }) }) : /* @__PURE__ */ jsx(Typography, { children: formatMessage({
326
- id: "content-releases.pages.ReleaseDetails.entry-validation.ready-to-publish",
327
- defaultMessage: "Ready to publish"
328
- }) })
329
- ] });
330
- }
331
- return /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
332
- /* @__PURE__ */ jsx(Icon, { color: "success600", as: CheckCircle }),
333
- !entry.publishedAt ? /* @__PURE__ */ jsx(Typography, { textColor: "success600", fontWeight: "bold", children: formatMessage({
334
- id: "content-releases.pages.ReleaseDetails.entry-validation.already-unpublished",
335
- defaultMessage: "Already unpublished"
336
- }) }) : /* @__PURE__ */ jsx(Typography, { children: formatMessage({
337
- id: "content-releases.pages.ReleaseDetails.entry-validation.ready-to-unpublish",
338
- defaultMessage: "Ready to unpublish"
339
- }) })
340
- ] });
341
- };
342
- const ReleaseDetailsLayout = ({
343
- toggleEditReleaseModal,
344
- toggleWarningSubmit,
345
- children
346
- }) => {
347
- const { formatMessage } = useIntl();
348
- const { releaseId } = useParams();
349
- const {
350
- data,
351
- isLoading: isLoadingDetails,
352
- isError,
353
- error
354
- } = useGetReleaseQuery({ id: releaseId });
355
- const [publishRelease, { isLoading: isPublishing }] = usePublishReleaseMutation();
356
- const toggleNotification = useNotification();
357
- const { formatAPIError } = useAPIErrorHandler();
358
- const {
359
- allowedActions: { canUpdate, canDelete }
360
- } = useRBAC(PERMISSIONS);
361
- const dispatch = useTypedDispatch();
362
- const { trackUsage } = useTracking();
363
- const release = data?.data;
364
- const handlePublishRelease = async () => {
365
- const response = await publishRelease({ id: releaseId });
366
- if ("data" in response) {
367
- toggleNotification({
368
- type: "success",
369
- message: formatMessage({
370
- id: "content-releases.pages.ReleaseDetails.publish-notification-success",
371
- defaultMessage: "Release was published successfully."
372
- })
373
- });
374
- const { totalEntries: totalEntries2, totalPublishedEntries, totalUnpublishedEntries } = response.data.meta;
375
- trackUsage("didPublishRelease", {
376
- totalEntries: totalEntries2,
377
- totalPublishedEntries,
378
- totalUnpublishedEntries
379
- });
380
- } else if (isAxiosError(response.error)) {
381
- toggleNotification({
382
- type: "warning",
383
- message: formatAPIError(response.error)
384
- });
385
- } else {
386
- toggleNotification({
387
- type: "warning",
388
- message: formatMessage({ id: "notification.error", defaultMessage: "An error occurred" })
389
- });
390
- }
391
- };
392
- const handleRefresh = () => {
393
- dispatch(releaseApi.util.invalidateTags([{ type: "ReleaseAction", id: "LIST" }]));
394
- };
395
- const getCreatedByUser = () => {
396
- if (!release?.createdBy) {
397
- return null;
398
- }
399
- if (release.createdBy.username) {
400
- return release.createdBy.username;
401
- }
402
- if (release.createdBy.firstname) {
403
- return `${release.createdBy.firstname} ${release.createdBy.lastname || ""}`.trim();
404
- }
405
- return release.createdBy.email;
406
- };
407
- if (isLoadingDetails) {
408
- return /* @__PURE__ */ jsx(Main, { "aria-busy": isLoadingDetails, children: /* @__PURE__ */ jsx(LoadingIndicatorPage, {}) });
409
- }
410
- if (isError || !release) {
411
- return /* @__PURE__ */ jsx(
412
- Redirect,
413
- {
414
- to: {
415
- pathname: "/plugins/content-releases",
416
- state: {
417
- errors: [
418
- {
419
- code: error?.code
420
- }
421
- ]
422
- }
423
- }
424
- }
425
- );
426
- }
427
- const totalEntries = release.actions.meta.count || 0;
428
- const hasCreatedByUser = Boolean(getCreatedByUser());
429
- return /* @__PURE__ */ jsxs(Main, { "aria-busy": isLoadingDetails, children: [
430
- /* @__PURE__ */ jsx(
431
- HeaderLayout,
432
- {
433
- title: release.name,
434
- subtitle: formatMessage(
435
- {
436
- id: "content-releases.pages.Details.header-subtitle",
437
- defaultMessage: "{number, plural, =0 {No entries} one {# entry} other {# entries}}"
438
- },
439
- { number: totalEntries }
440
- ),
441
- navigationAction: /* @__PURE__ */ jsx(Link, { startIcon: /* @__PURE__ */ jsx(ArrowLeft, {}), to: "/plugins/content-releases", children: formatMessage({
442
- id: "global.back",
443
- defaultMessage: "Back"
444
- }) }),
445
- primaryAction: !release.releasedAt && /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
446
- /* @__PURE__ */ jsxs(Menu.Root, { children: [
447
- /* @__PURE__ */ jsx(
448
- Menu.Trigger,
449
- {
450
- as: IconButton,
451
- paddingLeft: 2,
452
- paddingRight: 2,
453
- "aria-label": formatMessage({
454
- id: "content-releases.header.actions.open-release-actions",
455
- defaultMessage: "Release edit and delete menu"
456
- }),
457
- icon: /* @__PURE__ */ jsx(More, {}),
458
- variant: "tertiary"
459
- }
460
- ),
461
- /* @__PURE__ */ jsxs(Menu.Content, { top: 1, popoverPlacement: "bottom-end", children: [
462
- /* @__PURE__ */ jsxs(
463
- Flex,
464
- {
465
- alignItems: "center",
466
- justifyContent: "center",
467
- direction: "column",
468
- padding: 1,
469
- width: "100%",
470
- children: [
471
- /* @__PURE__ */ jsx(StyledMenuItem, { disabled: !canUpdate, onSelect: toggleEditReleaseModal, children: /* @__PURE__ */ jsxs(
472
- Flex,
473
- {
474
- paddingTop: 2,
475
- paddingBottom: 2,
476
- alignItems: "center",
477
- gap: 2,
478
- hasRadius: true,
479
- width: "100%",
480
- children: [
481
- /* @__PURE__ */ jsx(PencilIcon, {}),
482
- /* @__PURE__ */ jsx(Typography, { ellipsis: true, children: formatMessage({
483
- id: "content-releases.header.actions.edit",
484
- defaultMessage: "Edit"
485
- }) })
486
- ]
487
- }
488
- ) }),
489
- /* @__PURE__ */ jsx(StyledMenuItem, { disabled: !canDelete, onSelect: toggleWarningSubmit, children: /* @__PURE__ */ jsxs(
490
- Flex,
491
- {
492
- paddingTop: 2,
493
- paddingBottom: 2,
494
- alignItems: "center",
495
- gap: 2,
496
- hasRadius: true,
497
- width: "100%",
498
- children: [
499
- /* @__PURE__ */ jsx(TrashIcon, {}),
500
- /* @__PURE__ */ jsx(Typography, { ellipsis: true, textColor: "danger600", children: formatMessage({
501
- id: "content-releases.header.actions.delete",
502
- defaultMessage: "Delete"
503
- }) })
504
- ]
505
- }
506
- ) })
507
- ]
508
- }
509
- ),
510
- /* @__PURE__ */ jsxs(
511
- ReleaseInfoWrapper,
512
- {
513
- direction: "column",
514
- justifyContent: "center",
515
- alignItems: "flex-start",
516
- gap: 1,
517
- padding: 5,
518
- children: [
519
- /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", children: formatMessage({
520
- id: "content-releases.header.actions.created",
521
- defaultMessage: "Created"
522
- }) }),
523
- /* @__PURE__ */ jsxs(Typography, { variant: "pi", color: "neutral300", children: [
524
- /* @__PURE__ */ jsx(RelativeTime, { timestamp: new Date(release.createdAt) }),
525
- formatMessage(
526
- {
527
- id: "content-releases.header.actions.created.description",
528
- defaultMessage: "{hasCreatedByUser, select, true { by {createdBy}} other { by deleted user}}"
529
- },
530
- { createdBy: getCreatedByUser(), hasCreatedByUser }
531
- )
532
- ] })
533
- ]
534
- }
535
- )
536
- ] })
537
- ] }),
538
- /* @__PURE__ */ jsx(Button, { size: "S", variant: "tertiary", onClick: handleRefresh, children: formatMessage({
539
- id: "content-releases.header.actions.refresh",
540
- defaultMessage: "Refresh"
541
- }) }),
542
- /* @__PURE__ */ jsx(CheckPermissions, { permissions: PERMISSIONS.publish, children: /* @__PURE__ */ jsx(
543
- Button,
544
- {
545
- size: "S",
546
- variant: "default",
547
- onClick: handlePublishRelease,
548
- loading: isPublishing,
549
- disabled: release.actions.meta.count === 0,
550
- children: formatMessage({
551
- id: "content-releases.header.actions.publish",
552
- defaultMessage: "Publish"
553
- })
554
- }
555
- ) })
556
- ] })
557
- }
558
- ),
559
- children
560
- ] });
561
- };
562
- const GROUP_BY_OPTIONS = ["contentType", "locale", "action"];
563
- const getGroupByOptionLabel = (value) => {
564
- if (value === "locale") {
565
- return {
566
- id: "content-releases.pages.ReleaseDetails.groupBy.option.locales",
567
- defaultMessage: "Locales"
568
- };
569
- }
570
- if (value === "action") {
571
- return {
572
- id: "content-releases.pages.ReleaseDetails.groupBy.option.actions",
573
- defaultMessage: "Actions"
574
- };
575
- }
576
- return {
577
- id: "content-releases.pages.ReleaseDetails.groupBy.option.content-type",
578
- defaultMessage: "Content-Types"
579
- };
580
- };
581
- const ReleaseDetailsBody = () => {
582
- const { formatMessage } = useIntl();
583
- const { releaseId } = useParams();
584
- const [{ query }, setQuery] = useQueryParams();
585
- const toggleNotification = useNotification();
586
- const { formatAPIError } = useAPIErrorHandler();
587
- const {
588
- data: releaseData,
589
- isLoading: isReleaseLoading,
590
- isError: isReleaseError,
591
- error: releaseError
592
- } = useGetReleaseQuery({ id: releaseId });
593
- const {
594
- allowedActions: { canUpdate }
595
- } = useRBAC(PERMISSIONS);
596
- const release = releaseData?.data;
597
- const selectedGroupBy = query?.groupBy || "contentType";
598
- const {
599
- isLoading,
600
- isFetching,
601
- isError,
602
- data,
603
- error: releaseActionsError
604
- } = useGetReleaseActionsQuery({
605
- ...query,
606
- releaseId
607
- });
608
- const [updateReleaseAction] = useUpdateReleaseActionMutation();
609
- const handleChangeType = async (e, actionId, actionPath) => {
610
- const response = await updateReleaseAction({
611
- params: {
612
- releaseId,
613
- actionId
614
- },
615
- body: {
616
- type: e.target.value
617
- },
618
- query,
619
- // We are passing the query params to make optimistic updates
620
- actionPath
621
- // We are passing the action path to found the position in the cache of the action for optimistic updates
622
- });
623
- if ("error" in response) {
624
- if (isAxiosError(response.error)) {
625
- toggleNotification({
626
- type: "warning",
627
- message: formatAPIError(response.error)
628
- });
629
- } else {
630
- toggleNotification({
631
- type: "warning",
632
- message: formatMessage({ id: "notification.error", defaultMessage: "An error occurred" })
633
- });
634
- }
635
- }
636
- };
637
- if (isLoading || isReleaseLoading) {
638
- return /* @__PURE__ */ jsx(ContentLayout, { children: /* @__PURE__ */ jsx(LoadingIndicatorPage, {}) });
639
- }
640
- const releaseActions = data?.data;
641
- const releaseMeta = data?.meta;
642
- const contentTypes = releaseMeta?.contentTypes || {};
643
- const components = releaseMeta?.components || {};
644
- if (isReleaseError || !release) {
645
- const errorsArray = [];
646
- if (releaseError) {
647
- errorsArray.push({
648
- code: releaseError.code
649
- });
650
- }
651
- if (releaseActionsError) {
652
- errorsArray.push({
653
- code: releaseActionsError.code
654
- });
655
- }
656
- return /* @__PURE__ */ jsx(
657
- Redirect,
658
- {
659
- to: {
660
- pathname: "/plugins/content-releases",
661
- state: {
662
- errors: errorsArray
663
- }
664
- }
665
- }
666
- );
667
- }
668
- if (isError || !releaseActions) {
669
- return /* @__PURE__ */ jsx(ContentLayout, { children: /* @__PURE__ */ jsx(AnErrorOccurred, {}) });
670
- }
671
- if (Object.keys(releaseActions).length === 0) {
672
- return /* @__PURE__ */ jsx(ContentLayout, { children: /* @__PURE__ */ jsx(
673
- NoContent,
674
- {
675
- content: {
676
- id: "content-releases.pages.Details.tab.emptyEntries",
677
- defaultMessage: "This release is empty. Open the Content Manager, select an entry and add it to the release."
678
- },
679
- action: /* @__PURE__ */ jsx(
680
- LinkButton,
681
- {
682
- as: Link$1,
683
- to: {
684
- pathname: "/content-manager"
685
- },
686
- style: { textDecoration: "none" },
687
- variant: "secondary",
688
- children: formatMessage({
689
- id: "content-releases.page.Details.button.openContentManager",
690
- defaultMessage: "Open the Content Manager"
691
- })
692
- }
693
- )
694
- }
695
- ) });
696
- }
697
- return /* @__PURE__ */ jsx(ContentLayout, { children: /* @__PURE__ */ jsxs(Flex, { gap: 8, direction: "column", alignItems: "stretch", children: [
698
- /* @__PURE__ */ jsx(Flex, { children: /* @__PURE__ */ jsx(
699
- SingleSelect,
700
- {
701
- "aria-label": formatMessage({
702
- id: "content-releases.pages.ReleaseDetails.groupBy.aria-label",
703
- defaultMessage: "Group by"
704
- }),
705
- customizeContent: (value) => formatMessage(
706
- {
707
- id: `content-releases.pages.ReleaseDetails.groupBy.label`,
708
- defaultMessage: `Group by {groupBy}`
709
- },
710
- {
711
- groupBy: value
712
- }
713
- ),
714
- value: formatMessage(getGroupByOptionLabel(selectedGroupBy)),
715
- onChange: (value) => setQuery({ groupBy: value }),
716
- children: GROUP_BY_OPTIONS.map((option) => /* @__PURE__ */ jsx(SingleSelectOption, { value: option, children: formatMessage(getGroupByOptionLabel(option)) }, option))
717
- }
718
- ) }),
719
- Object.keys(releaseActions).map((key) => /* @__PURE__ */ jsxs(Flex, { gap: 4, direction: "column", alignItems: "stretch", children: [
720
- /* @__PURE__ */ jsx(Flex, { role: "separator", "aria-label": key, children: /* @__PURE__ */ jsx(Badge, { children: key }) }),
721
- /* @__PURE__ */ jsx(
722
- Table.Root,
723
- {
724
- rows: releaseActions[key].map((item) => ({
725
- ...item,
726
- id: Number(item.entry.id)
727
- })),
728
- colCount: releaseActions[key].length,
729
- isLoading,
730
- isFetching,
731
- children: /* @__PURE__ */ jsxs(Table.Content, { children: [
732
- /* @__PURE__ */ jsxs(Table.Head, { children: [
733
- /* @__PURE__ */ jsx(
734
- Table.HeaderCell,
735
- {
736
- fieldSchemaType: "string",
737
- label: formatMessage({
738
- id: "content-releases.page.ReleaseDetails.table.header.label.name",
739
- defaultMessage: "name"
740
- }),
741
- name: "name"
742
- }
743
- ),
744
- /* @__PURE__ */ jsx(
745
- Table.HeaderCell,
746
- {
747
- fieldSchemaType: "string",
748
- label: formatMessage({
749
- id: "content-releases.page.ReleaseDetails.table.header.label.locale",
750
- defaultMessage: "locale"
751
- }),
752
- name: "locale"
753
- }
754
- ),
755
- /* @__PURE__ */ jsx(
756
- Table.HeaderCell,
757
- {
758
- fieldSchemaType: "string",
759
- label: formatMessage({
760
- id: "content-releases.page.ReleaseDetails.table.header.label.content-type",
761
- defaultMessage: "content-type"
762
- }),
763
- name: "content-type"
764
- }
765
- ),
766
- /* @__PURE__ */ jsx(
767
- Table.HeaderCell,
768
- {
769
- fieldSchemaType: "string",
770
- label: formatMessage({
771
- id: "content-releases.page.ReleaseDetails.table.header.label.action",
772
- defaultMessage: "action"
773
- }),
774
- name: "action"
775
- }
776
- ),
777
- !release.releasedAt && /* @__PURE__ */ jsx(
778
- Table.HeaderCell,
779
- {
780
- fieldSchemaType: "string",
781
- label: formatMessage({
782
- id: "content-releases.page.ReleaseDetails.table.header.label.status",
783
- defaultMessage: "status"
784
- }),
785
- name: "status"
786
- }
787
- )
788
- ] }),
789
- /* @__PURE__ */ jsx(Table.LoadingBody, {}),
790
- /* @__PURE__ */ jsx(Table.Body, { children: releaseActions[key].map(
791
- ({ id, contentType, locale, type, entry }, actionIndex) => /* @__PURE__ */ jsxs(Tr, { children: [
792
- /* @__PURE__ */ jsx(Td, { width: "25%", maxWidth: "200px", children: /* @__PURE__ */ jsx(Typography, { ellipsis: true, children: `${contentType.mainFieldValue || entry.id}` }) }),
793
- /* @__PURE__ */ jsx(Td, { width: "10%", children: /* @__PURE__ */ jsx(Typography, { children: `${locale?.name ? locale.name : "-"}` }) }),
794
- /* @__PURE__ */ jsx(Td, { width: "10%", children: /* @__PURE__ */ jsx(Typography, { children: contentType.displayName || "" }) }),
795
- /* @__PURE__ */ jsx(Td, { width: "20%", children: release.releasedAt ? /* @__PURE__ */ jsx(Typography, { children: formatMessage(
796
- {
797
- id: "content-releases.page.ReleaseDetails.table.action-published",
798
- defaultMessage: "This entry was <b>{isPublish, select, true {published} other {unpublished}}</b>."
799
- },
800
- {
801
- isPublish: type === "publish",
802
- b: (children) => /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children })
803
- }
804
- ) }) : /* @__PURE__ */ jsx(
805
- ReleaseActionOptions,
806
- {
807
- selected: type,
808
- handleChange: (e) => handleChangeType(e, id, [key, actionIndex]),
809
- name: `release-action-${id}-type`,
810
- disabled: !canUpdate
811
- }
812
- ) }),
813
- !release.releasedAt && /* @__PURE__ */ jsxs(Fragment, { children: [
814
- /* @__PURE__ */ jsx(Td, { width: "20%", minWidth: "200px", children: /* @__PURE__ */ jsx(
815
- EntryValidationText,
816
- {
817
- action: type,
818
- schema: contentTypes?.[contentType.uid],
819
- components,
820
- entry
821
- }
822
- ) }),
823
- /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Flex, { justifyContent: "flex-end", children: /* @__PURE__ */ jsxs(ReleaseActionMenu.Root, { children: [
824
- /* @__PURE__ */ jsx(
825
- ReleaseActionMenu.ReleaseActionEntryLinkItem,
826
- {
827
- contentTypeUid: contentType.uid,
828
- entryId: entry.id,
829
- locale: locale?.code
830
- }
831
- ),
832
- /* @__PURE__ */ jsx(
833
- ReleaseActionMenu.DeleteReleaseActionItem,
834
- {
835
- releaseId: release.id,
836
- actionId: id
837
- }
838
- )
839
- ] }) }) })
840
- ] })
841
- ] }, id)
842
- ) })
843
- ] })
844
- }
845
- )
846
- ] }, `releases-group-${key}`)),
847
- /* @__PURE__ */ jsxs(Flex, { paddingTop: 4, alignItems: "flex-end", justifyContent: "space-between", children: [
848
- /* @__PURE__ */ jsx(PageSizeURLQuery, { defaultValue: releaseMeta?.pagination?.pageSize.toString() }),
849
- /* @__PURE__ */ jsx(
850
- PaginationURLQuery,
851
- {
852
- pagination: {
853
- pageCount: releaseMeta?.pagination?.pageCount || 0
854
- }
855
- }
856
- )
857
- ] })
858
- ] }) });
859
- };
860
- const ReleaseDetailsPage = () => {
861
- const { formatMessage } = useIntl();
862
- const { releaseId } = useParams();
863
- const toggleNotification = useNotification();
864
- const { formatAPIError } = useAPIErrorHandler();
865
- const { push } = useHistory();
866
- const [releaseModalShown, setReleaseModalShown] = React.useState(false);
867
- const [showWarningSubmit, setWarningSubmit] = React.useState(false);
868
- const {
869
- isLoading: isLoadingDetails,
870
- data,
871
- isSuccess: isSuccessDetails
872
- } = useGetReleaseQuery({ id: releaseId });
873
- const [updateRelease, { isLoading: isSubmittingForm }] = useUpdateReleaseMutation();
874
- const [deleteRelease, { isLoading: isDeletingRelease }] = useDeleteReleaseMutation();
875
- const toggleEditReleaseModal = () => {
876
- setReleaseModalShown((prev) => !prev);
877
- };
878
- const toggleWarningSubmit = () => setWarningSubmit((prevState) => !prevState);
879
- if (isLoadingDetails) {
880
- return /* @__PURE__ */ jsx(
881
- ReleaseDetailsLayout,
882
- {
883
- toggleEditReleaseModal,
884
- toggleWarningSubmit,
885
- children: /* @__PURE__ */ jsx(ContentLayout, { children: /* @__PURE__ */ jsx(LoadingIndicatorPage, {}) })
886
- }
887
- );
888
- }
889
- const releaseData = isSuccessDetails && data?.data || null;
890
- const title = releaseData?.name || "";
891
- const timezone = releaseData?.timezone ?? null;
892
- const scheduledAt = releaseData?.scheduledAt && timezone ? utcToZonedTime(releaseData.scheduledAt, timezone) : null;
893
- const date = scheduledAt ? new Date(format(scheduledAt, "yyyy-MM-dd")) : null;
894
- const time = scheduledAt ? format(scheduledAt, "HH:mm") : "";
895
- const handleEditRelease = async (values) => {
896
- const response = await updateRelease({
897
- id: releaseId,
898
- name: values.name,
899
- scheduledAt: values.scheduledAt,
900
- timezone: values.timezone
901
- });
902
- if ("data" in response) {
903
- toggleNotification({
904
- type: "success",
905
- message: formatMessage({
906
- id: "content-releases.modal.release-updated-notification-success",
907
- defaultMessage: "Release updated."
908
- })
909
- });
910
- } else if (isAxiosError(response.error)) {
911
- toggleNotification({
912
- type: "warning",
913
- message: formatAPIError(response.error)
914
- });
915
- } else {
916
- toggleNotification({
917
- type: "warning",
918
- message: formatMessage({ id: "notification.error", defaultMessage: "An error occurred" })
919
- });
920
- }
921
- toggleEditReleaseModal();
922
- };
923
- const handleDeleteRelease = async () => {
924
- const response = await deleteRelease({
925
- id: releaseId
926
- });
927
- if ("data" in response) {
928
- push("/plugins/content-releases");
929
- } else if (isAxiosError(response.error)) {
930
- toggleNotification({
931
- type: "warning",
932
- message: formatAPIError(response.error)
933
- });
934
- } else {
935
- toggleNotification({
936
- type: "warning",
937
- message: formatMessage({ id: "notification.error", defaultMessage: "An error occurred" })
938
- });
939
- }
940
- };
941
- return /* @__PURE__ */ jsxs(
942
- ReleaseDetailsLayout,
943
- {
944
- toggleEditReleaseModal,
945
- toggleWarningSubmit,
946
- children: [
947
- /* @__PURE__ */ jsx(ReleaseDetailsBody, {}),
948
- releaseModalShown && /* @__PURE__ */ jsx(
949
- ReleaseModal,
950
- {
951
- handleClose: toggleEditReleaseModal,
952
- handleSubmit: handleEditRelease,
953
- isLoading: isLoadingDetails || isSubmittingForm,
954
- initialValues: {
955
- name: title || "",
956
- scheduledAt,
957
- date,
958
- time,
959
- isScheduled: Boolean(scheduledAt),
960
- timezone
961
- }
962
- }
963
- ),
964
- /* @__PURE__ */ jsx(
965
- ConfirmDialog,
966
- {
967
- bodyText: {
968
- id: "content-releases.dialog.confirmation-message",
969
- defaultMessage: "Are you sure you want to delete this release?"
970
- },
971
- isOpen: showWarningSubmit,
972
- isConfirmButtonLoading: isDeletingRelease,
973
- onToggleDialog: toggleWarningSubmit,
974
- onConfirm: handleDeleteRelease
975
- }
976
- )
977
- ]
978
- }
979
- );
980
- };
981
- const LinkCard = styled(Link$2)`
982
- display: block;
983
- `;
984
- const ReleasesGrid = ({ sectionTitle, releases = [], isError = false }) => {
985
- const { formatMessage } = useIntl();
986
- if (isError) {
987
- return /* @__PURE__ */ jsx(AnErrorOccurred, {});
988
- }
989
- if (releases?.length === 0) {
990
- return /* @__PURE__ */ jsx(
991
- EmptyStateLayout,
992
- {
993
- content: formatMessage(
994
- {
995
- id: "content-releases.page.Releases.tab.emptyEntries",
996
- defaultMessage: "No releases"
997
- },
998
- {
999
- target: sectionTitle
1000
- }
1001
- ),
1002
- icon: /* @__PURE__ */ jsx(EmptyDocuments, { width: "10rem" })
1003
- }
1004
- );
1005
- }
1006
- return /* @__PURE__ */ jsx(Grid, { gap: 4, children: releases.map(({ id, name, actions }) => /* @__PURE__ */ jsx(GridItem, { col: 3, s: 6, xs: 12, children: /* @__PURE__ */ jsx(LinkCard, { href: `content-releases/${id}`, isExternal: false, children: /* @__PURE__ */ jsxs(
1007
- Flex,
1008
- {
1009
- direction: "column",
1010
- justifyContent: "space-between",
1011
- padding: 4,
1012
- hasRadius: true,
1013
- background: "neutral0",
1014
- shadow: "tableShadow",
1015
- height: "100%",
1016
- width: "100%",
1017
- alignItems: "start",
1018
- gap: 2,
1019
- children: [
1020
- /* @__PURE__ */ jsx(Typography, { as: "h3", variant: "delta", fontWeight: "bold", children: name }),
1021
- /* @__PURE__ */ jsx(Typography, { variant: "pi", children: formatMessage(
1022
- {
1023
- id: "content-releases.page.Releases.release-item.entries",
1024
- defaultMessage: "{number, plural, =0 {No entries} one {# entry} other {# entries}}"
1025
- },
1026
- { number: actions.meta.count }
1027
- ) })
1028
- ]
1029
- }
1030
- ) }) }, id)) });
1031
- };
1032
- const StyledAlert = styled(Alert)`
1033
- button {
1034
- display: none;
1035
- }
1036
- p + div {
1037
- margin-left: auto;
1038
- }
1039
- `;
1040
- const INITIAL_FORM_VALUES = {
1041
- name: "",
1042
- date: null,
1043
- time: "",
1044
- // Remove future flag check after Scheduling Beta release and replace with true as creating new release should include scheduling by default
1045
- isScheduled: window.strapi.future.isEnabled("contentReleasesScheduling"),
1046
- scheduledAt: null,
1047
- timezone: null
1048
- };
1049
- const ReleasesPage = () => {
1050
- const tabRef = React.useRef(null);
1051
- const location = useLocation();
1052
- const [releaseModalShown, setReleaseModalShown] = React.useState(false);
1053
- const toggleNotification = useNotification();
1054
- const { formatMessage } = useIntl();
1055
- const { push, replace } = useHistory();
1056
- const { formatAPIError } = useAPIErrorHandler();
1057
- const [{ query }, setQuery] = useQueryParams();
1058
- const response = useGetReleasesQuery(query);
1059
- const [createRelease, { isLoading: isSubmittingForm }] = useCreateReleaseMutation();
1060
- const { getFeature } = useLicenseLimits();
1061
- const { maximumReleases = 3 } = getFeature("cms-content-releases");
1062
- const { trackUsage } = useTracking();
1063
- const { isLoading, isSuccess, isError } = response;
1064
- const activeTab = response?.currentData?.meta?.activeTab || "pending";
1065
- const activeTabIndex = ["pending", "done"].indexOf(activeTab);
1066
- React.useEffect(() => {
1067
- if (location?.state?.errors) {
1068
- toggleNotification({
1069
- type: "warning",
1070
- title: formatMessage({
1071
- id: "content-releases.pages.Releases.notification.error.title",
1072
- defaultMessage: "Your request could not be processed."
1073
- }),
1074
- message: formatMessage({
1075
- id: "content-releases.pages.Releases.notification.error.message",
1076
- defaultMessage: "Please try again or open another release."
1077
- })
1078
- });
1079
- replace({ state: null });
1080
- }
1081
- }, [formatMessage, location?.state?.errors, replace, toggleNotification]);
1082
- React.useEffect(() => {
1083
- if (tabRef.current) {
1084
- tabRef.current._handlers.setSelectedTabIndex(activeTabIndex);
1085
- }
1086
- }, [activeTabIndex]);
1087
- const toggleAddReleaseModal = () => {
1088
- setReleaseModalShown((prev) => !prev);
1089
- };
1090
- if (isLoading) {
1091
- return /* @__PURE__ */ jsx(Main, { "aria-busy": isLoading, children: /* @__PURE__ */ jsx(LoadingIndicatorPage, {}) });
1092
- }
1093
- const totalReleases = isSuccess && response.currentData?.meta?.pagination?.total || 0;
1094
- const hasReachedMaximumPendingReleases = totalReleases >= maximumReleases;
1095
- const handleTabChange = (index) => {
1096
- setQuery({
1097
- ...query,
1098
- page: 1,
1099
- pageSize: response?.currentData?.meta?.pagination?.pageSize || 16,
1100
- filters: {
1101
- releasedAt: {
1102
- $notNull: index === 0 ? false : true
1103
- }
1104
- }
1105
- });
1106
- };
1107
- const handleAddRelease = async ({ name, scheduledAt, timezone }) => {
1108
- const response2 = await createRelease({
1109
- name,
1110
- scheduledAt,
1111
- timezone
1112
- });
1113
- if ("data" in response2) {
1114
- toggleNotification({
1115
- type: "success",
1116
- message: formatMessage({
1117
- id: "content-releases.modal.release-created-notification-success",
1118
- defaultMessage: "Release created."
1119
- })
1120
- });
1121
- trackUsage("didCreateRelease");
1122
- push(`/plugins/content-releases/${response2.data.data.id}`);
1123
- } else if (isAxiosError(response2.error)) {
1124
- toggleNotification({
1125
- type: "warning",
1126
- message: formatAPIError(response2.error)
1127
- });
1128
- } else {
1129
- toggleNotification({
1130
- type: "warning",
1131
- message: formatMessage({ id: "notification.error", defaultMessage: "An error occurred" })
1132
- });
1133
- }
1134
- };
1135
- return /* @__PURE__ */ jsxs(Main, { "aria-busy": isLoading, children: [
1136
- /* @__PURE__ */ jsx(
1137
- HeaderLayout,
1138
- {
1139
- title: formatMessage({
1140
- id: "content-releases.pages.Releases.title",
1141
- defaultMessage: "Releases"
1142
- }),
1143
- subtitle: formatMessage(
1144
- {
1145
- id: "content-releases.pages.Releases.header-subtitle",
1146
- defaultMessage: "{number, plural, =0 {No releases} one {# release} other {# releases}}"
1147
- },
1148
- { number: totalReleases }
1149
- ),
1150
- primaryAction: /* @__PURE__ */ jsx(CheckPermissions, { permissions: PERMISSIONS.create, children: /* @__PURE__ */ jsx(
1151
- Button,
1152
- {
1153
- startIcon: /* @__PURE__ */ jsx(Plus, {}),
1154
- onClick: toggleAddReleaseModal,
1155
- disabled: hasReachedMaximumPendingReleases,
1156
- children: formatMessage({
1157
- id: "content-releases.header.actions.add-release",
1158
- defaultMessage: "New release"
1159
- })
1160
- }
1161
- ) })
1162
- }
1163
- ),
1164
- /* @__PURE__ */ jsx(ContentLayout, { children: /* @__PURE__ */ jsxs(Fragment, { children: [
1165
- activeTab === "pending" && hasReachedMaximumPendingReleases && /* @__PURE__ */ jsx(
1166
- StyledAlert,
1167
- {
1168
- marginBottom: 6,
1169
- action: /* @__PURE__ */ jsx(Link$2, { href: "https://strapi.io/pricing-cloud", isExternal: true, children: formatMessage({
1170
- id: "content-releases.pages.Releases.max-limit-reached.action",
1171
- defaultMessage: "Explore plans"
1172
- }) }),
1173
- title: formatMessage(
1174
- {
1175
- id: "content-releases.pages.Releases.max-limit-reached.title",
1176
- defaultMessage: "You have reached the {number} pending {number, plural, one {release} other {releases}} limit."
1177
- },
1178
- { number: maximumReleases }
1179
- ),
1180
- onClose: () => {
1181
- },
1182
- closeLabel: "",
1183
- children: formatMessage({
1184
- id: "content-releases.pages.Releases.max-limit-reached.message",
1185
- defaultMessage: "Upgrade to manage an unlimited number of releases."
1186
- })
1187
- }
1188
- ),
1189
- /* @__PURE__ */ jsxs(
1190
- TabGroup,
1191
- {
1192
- label: formatMessage({
1193
- id: "content-releases.pages.Releases.tab-group.label",
1194
- defaultMessage: "Releases list"
1195
- }),
1196
- variant: "simple",
1197
- initialSelectedTabIndex: activeTabIndex,
1198
- onTabChange: handleTabChange,
1199
- ref: tabRef,
1200
- children: [
1201
- /* @__PURE__ */ jsxs(Box, { paddingBottom: 8, children: [
1202
- /* @__PURE__ */ jsxs(Tabs, { children: [
1203
- /* @__PURE__ */ jsx(Tab, { children: formatMessage({
1204
- id: "content-releases.pages.Releases.tab.pending",
1205
- defaultMessage: "Pending"
1206
- }) }),
1207
- /* @__PURE__ */ jsx(Tab, { children: formatMessage({
1208
- id: "content-releases.pages.Releases.tab.done",
1209
- defaultMessage: "Done"
1210
- }) })
1211
- ] }),
1212
- /* @__PURE__ */ jsx(Divider, {})
1213
- ] }),
1214
- /* @__PURE__ */ jsxs(TabPanels, { children: [
1215
- /* @__PURE__ */ jsx(TabPanel, { children: /* @__PURE__ */ jsx(
1216
- ReleasesGrid,
1217
- {
1218
- sectionTitle: "pending",
1219
- releases: response?.currentData?.data,
1220
- isError
1221
- }
1222
- ) }),
1223
- /* @__PURE__ */ jsx(TabPanel, { children: /* @__PURE__ */ jsx(
1224
- ReleasesGrid,
1225
- {
1226
- sectionTitle: "done",
1227
- releases: response?.currentData?.data,
1228
- isError
1229
- }
1230
- ) })
1231
- ] })
1232
- ]
1233
- }
1234
- ),
1235
- totalReleases > 0 && /* @__PURE__ */ jsxs(Flex, { paddingTop: 4, alignItems: "flex-end", justifyContent: "space-between", children: [
1236
- /* @__PURE__ */ jsx(
1237
- PageSizeURLQuery,
1238
- {
1239
- options: ["8", "16", "32", "64"],
1240
- defaultValue: response?.currentData?.meta?.pagination?.pageSize.toString()
1241
- }
1242
- ),
1243
- /* @__PURE__ */ jsx(
1244
- PaginationURLQuery,
1245
- {
1246
- pagination: {
1247
- pageCount: response?.currentData?.meta?.pagination?.pageCount || 0
1248
- }
1249
- }
1250
- )
1251
- ] })
1252
- ] }) }),
1253
- releaseModalShown && /* @__PURE__ */ jsx(
1254
- ReleaseModal,
1255
- {
1256
- handleClose: toggleAddReleaseModal,
1257
- handleSubmit: handleAddRelease,
1258
- isLoading: isSubmittingForm,
1259
- initialValues: INITIAL_FORM_VALUES
1260
- }
1261
- )
1262
- ] });
1263
- };
1264
- const App = () => {
1265
- return /* @__PURE__ */ jsx(CheckPagePermissions, { permissions: PERMISSIONS.main, children: /* @__PURE__ */ jsxs(Switch, { children: [
1266
- /* @__PURE__ */ jsx(Route, { exact: true, path: `/plugins/${pluginId}`, component: ReleasesPage }),
1267
- /* @__PURE__ */ jsx(Route, { exact: true, path: `/plugins/${pluginId}/:releaseId`, component: ReleaseDetailsPage })
1268
- ] }) });
1269
- };
1270
- export {
1271
- App
1272
- };
1273
- //# sourceMappingURL=App-ise7GunC.mjs.map