@strapi/content-releases 0.0.0-next.d10040847b91742ccb8083938399b63ffa289c7a → 0.0.0-next.d2d15ef227d67cce89c2673764c0555c841cd29c

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