@strapi/content-releases 0.0.0-next.eedb036f0a7ac282d2a645d8a40625091bd28b1e → 0.0.0-next.ef9237644b07791c05e1b7edc54d1921e59565ae

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 (77) hide show
  1. package/dist/admin/chunks/App-BEyv0kMo.mjs +1845 -0
  2. package/dist/admin/chunks/App-BEyv0kMo.mjs.map +1 -0
  3. package/dist/admin/chunks/App-BG-3LItb.js +1866 -0
  4. package/dist/admin/chunks/App-BG-3LItb.js.map +1 -0
  5. package/dist/admin/chunks/PurchaseContentReleases-U5sGMPgR.mjs +173 -0
  6. package/dist/admin/chunks/PurchaseContentReleases-U5sGMPgR.mjs.map +1 -0
  7. package/dist/admin/chunks/PurchaseContentReleases-hRg6ejD7.js +175 -0
  8. package/dist/admin/chunks/PurchaseContentReleases-hRg6ejD7.js.map +1 -0
  9. package/dist/admin/chunks/ReleasesSettingsPage-DV_y1NJZ.js +207 -0
  10. package/dist/admin/chunks/ReleasesSettingsPage-DV_y1NJZ.js.map +1 -0
  11. package/dist/admin/chunks/ReleasesSettingsPage-lky_0-wG.mjs +205 -0
  12. package/dist/admin/chunks/ReleasesSettingsPage-lky_0-wG.mjs.map +1 -0
  13. package/dist/admin/chunks/en-BOpqX2t_.js +108 -0
  14. package/dist/admin/chunks/en-BOpqX2t_.js.map +1 -0
  15. package/dist/admin/chunks/en-aQo8Bn_U.mjs +106 -0
  16. package/dist/admin/chunks/en-aQo8Bn_U.mjs.map +1 -0
  17. package/dist/admin/chunks/hooks-CFk_8Q0b.mjs +6 -0
  18. package/dist/admin/chunks/hooks-CFk_8Q0b.mjs.map +1 -0
  19. package/dist/admin/chunks/hooks-DA5VbUAp.js +8 -0
  20. package/dist/admin/chunks/hooks-DA5VbUAp.js.map +1 -0
  21. package/dist/admin/chunks/index-BZaFIG8z.js +1658 -0
  22. package/dist/admin/chunks/index-BZaFIG8z.js.map +1 -0
  23. package/dist/admin/chunks/index-DEy-8PzZ.mjs +1619 -0
  24. package/dist/admin/chunks/index-DEy-8PzZ.mjs.map +1 -0
  25. package/dist/admin/chunks/schemas-DMt8h1z-.mjs +43 -0
  26. package/dist/admin/chunks/schemas-DMt8h1z-.mjs.map +1 -0
  27. package/dist/admin/chunks/schemas-DS7NeFDN.js +65 -0
  28. package/dist/admin/chunks/schemas-DS7NeFDN.js.map +1 -0
  29. package/dist/admin/chunks/uk-9T9su-bj.js +103 -0
  30. package/dist/{_chunks/en-BWPPsSH-.js.map → admin/chunks/uk-9T9su-bj.js.map} +1 -1
  31. package/dist/admin/chunks/uk-Bp9HotPq.mjs +101 -0
  32. package/dist/{_chunks/en-D9Q4YW03.mjs.map → admin/chunks/uk-Bp9HotPq.mjs.map} +1 -1
  33. package/dist/admin/index.js +18 -3
  34. package/dist/admin/index.js.map +1 -1
  35. package/dist/admin/index.mjs +13 -5
  36. package/dist/admin/index.mjs.map +1 -1
  37. package/dist/admin/src/components/ReleaseListCell.d.ts +1 -1
  38. package/dist/server/index.js +2166 -1871
  39. package/dist/server/index.js.map +1 -1
  40. package/dist/server/index.mjs +2156 -1861
  41. package/dist/server/index.mjs.map +1 -1
  42. package/dist/server/src/destroy.d.ts +1 -1
  43. package/dist/server/src/destroy.d.ts.map +1 -1
  44. package/dist/server/src/middlewares/documents.d.ts +1 -1
  45. package/dist/server/src/middlewares/documents.d.ts.map +1 -1
  46. package/dist/server/src/services/scheduling.d.ts +1 -1
  47. package/dist/server/src/services/scheduling.d.ts.map +1 -1
  48. package/dist/server/src/services/validation.d.ts +1 -1
  49. package/dist/server/src/services/validation.d.ts.map +1 -1
  50. package/dist/shared/contracts/release-actions.d.ts +0 -1
  51. package/dist/shared/contracts/releases.d.ts +0 -1
  52. package/dist/shared/contracts/settings.d.ts +1 -2
  53. package/dist/shared/contracts/settings.d.ts.map +1 -1
  54. package/dist/shared/types.d.ts +0 -1
  55. package/package.json +18 -16
  56. package/dist/_chunks/App-FQyYFBJT.mjs +0 -1559
  57. package/dist/_chunks/App-FQyYFBJT.mjs.map +0 -1
  58. package/dist/_chunks/App-lx4Ucy9W.js +0 -1580
  59. package/dist/_chunks/App-lx4Ucy9W.js.map +0 -1
  60. package/dist/_chunks/PurchaseContentReleases-Be3acS2L.js +0 -52
  61. package/dist/_chunks/PurchaseContentReleases-Be3acS2L.js.map +0 -1
  62. package/dist/_chunks/PurchaseContentReleases-_MxP6-Dt.mjs +0 -52
  63. package/dist/_chunks/PurchaseContentReleases-_MxP6-Dt.mjs.map +0 -1
  64. package/dist/_chunks/ReleasesSettingsPage-DqBxvJ9i.mjs +0 -178
  65. package/dist/_chunks/ReleasesSettingsPage-DqBxvJ9i.mjs.map +0 -1
  66. package/dist/_chunks/ReleasesSettingsPage-T5VEAV03.js +0 -178
  67. package/dist/_chunks/ReleasesSettingsPage-T5VEAV03.js.map +0 -1
  68. package/dist/_chunks/en-BWPPsSH-.js +0 -102
  69. package/dist/_chunks/en-D9Q4YW03.mjs +0 -102
  70. package/dist/_chunks/index-CK9G80CL.mjs +0 -1380
  71. package/dist/_chunks/index-CK9G80CL.mjs.map +0 -1
  72. package/dist/_chunks/index-Cl3tM1YW.js +0 -1399
  73. package/dist/_chunks/index-Cl3tM1YW.js.map +0 -1
  74. package/dist/_chunks/schemas-BE1LxE9J.js +0 -62
  75. package/dist/_chunks/schemas-BE1LxE9J.js.map +0 -1
  76. package/dist/_chunks/schemas-DdA2ic2U.mjs +0 -44
  77. package/dist/_chunks/schemas-DdA2ic2U.mjs.map +0 -1
@@ -1,1580 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const jsxRuntime = require("react/jsx-runtime");
4
- const strapiAdmin$1 = require("@strapi/admin/strapi-admin");
5
- const reactRouterDom = require("react-router-dom");
6
- const index = require("./index-Cl3tM1YW.js");
7
- const React = require("react");
8
- const designSystem = require("@strapi/design-system");
9
- const icons = require("@strapi/icons");
10
- const symbols = require("@strapi/icons/symbols");
11
- const format = require("date-fns/format");
12
- const dateFnsTz = require("date-fns-tz");
13
- const reactIntl = require("react-intl");
14
- const styledComponents = require("styled-components");
15
- const strapiAdmin = require("@strapi/content-manager/strapi-admin");
16
- const qs = require("qs");
17
- const dateFns = require("date-fns");
18
- const formik = require("formik");
19
- const schemas = require("./schemas-BE1LxE9J.js");
20
- const reactRedux = require("react-redux");
21
- const ee = require("@strapi/admin/strapi-admin/ee");
22
- const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
23
- function _interopNamespace(e) {
24
- if (e && e.__esModule)
25
- return e;
26
- const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
27
- if (e) {
28
- for (const k in e) {
29
- if (k !== "default") {
30
- const d = Object.getOwnPropertyDescriptor(e, k);
31
- Object.defineProperty(n, k, d.get ? d : {
32
- enumerable: true,
33
- get: () => e[k]
34
- });
35
- }
36
- }
37
- }
38
- n.default = e;
39
- return Object.freeze(n);
40
- }
41
- const React__namespace = /* @__PURE__ */ _interopNamespace(React);
42
- const format__default = /* @__PURE__ */ _interopDefault(format);
43
- const StyledPopoverFlex = styledComponents.styled(designSystem.Flex)`
44
- width: 100%;
45
- max-width: 256px;
46
-
47
- & > * {
48
- border-bottom: 1px solid ${({ theme }) => theme.colors.neutral150};
49
- }
50
-
51
- & > *:last-child {
52
- border-bottom: none;
53
- }
54
- `;
55
- const EntryStatusTrigger = ({
56
- action,
57
- status,
58
- hasErrors,
59
- requiredStage,
60
- entryStage
61
- }) => {
62
- const { formatMessage } = reactIntl.useIntl();
63
- if (action === "publish") {
64
- if (hasErrors || requiredStage && requiredStage.id !== entryStage?.id) {
65
- return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(
66
- designSystem.Button,
67
- {
68
- variant: "ghost",
69
- startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.CrossCircle, { fill: "danger600" }),
70
- endIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.CaretDown, {}),
71
- children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "danger600", variant: "omega", fontWeight: "bold", children: formatMessage({
72
- id: "content-releases.pages.ReleaseDetails.entry-validation.not-ready",
73
- defaultMessage: "Not ready to publish"
74
- }) })
75
- }
76
- ) });
77
- }
78
- if (status === "draft") {
79
- return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(
80
- designSystem.Button,
81
- {
82
- variant: "ghost",
83
- startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { fill: "success600" }),
84
- endIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.CaretDown, {}),
85
- children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "success600", variant: "omega", fontWeight: "bold", children: formatMessage({
86
- id: "content-releases.pages.ReleaseDetails.entry-validation.ready-to-publish",
87
- defaultMessage: "Ready to publish"
88
- }) })
89
- }
90
- ) });
91
- }
92
- if (status === "modified") {
93
- return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(
94
- designSystem.Button,
95
- {
96
- variant: "ghost",
97
- startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowsCounterClockwise, { fill: "alternative600" }),
98
- endIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.CaretDown, {}),
99
- children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "bold", textColor: "alternative600", children: formatMessage({
100
- id: "content-releases.pages.ReleaseDetails.entry-validation.modified",
101
- defaultMessage: "Ready to publish changes"
102
- }) })
103
- }
104
- ) });
105
- }
106
- return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(
107
- designSystem.Button,
108
- {
109
- variant: "ghost",
110
- startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { fill: "success600" }),
111
- endIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.CaretDown, {}),
112
- children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "success600", variant: "omega", fontWeight: "bold", children: formatMessage({
113
- id: "content-releases.pages.ReleaseDetails.entry-validation.already-published",
114
- defaultMessage: "Already published"
115
- }) })
116
- }
117
- ) });
118
- }
119
- if (status === "published") {
120
- return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(
121
- designSystem.Button,
122
- {
123
- variant: "ghost",
124
- startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { fill: "success600" }),
125
- endIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.CaretDown, {}),
126
- children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "success600", variant: "omega", fontWeight: "bold", children: formatMessage({
127
- id: "content-releases.pages.ReleaseDetails.entry-validation.ready-to-unpublish",
128
- defaultMessage: "Ready to unpublish"
129
- }) })
130
- }
131
- ) });
132
- }
133
- return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "ghost", startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { fill: "success600" }), endIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.CaretDown, {}), children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "success600", variant: "omega", fontWeight: "bold", children: formatMessage({
134
- id: "content-releases.pages.ReleaseDetails.entry-validation.already-unpublished",
135
- defaultMessage: "Already unpublished"
136
- }) }) }) });
137
- };
138
- const FieldsValidation = ({
139
- hasErrors,
140
- errors,
141
- kind,
142
- contentTypeUid,
143
- documentId,
144
- locale
145
- }) => {
146
- const { formatMessage } = reactIntl.useIntl();
147
- return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 1, width: "100%", padding: 5, children: [
148
- /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, width: "100%", children: [
149
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "bold", children: formatMessage({
150
- id: "content-releases.pages.ReleaseDetails.entry-validation.fields",
151
- defaultMessage: "Fields"
152
- }) }),
153
- hasErrors ? /* @__PURE__ */ jsxRuntime.jsx(icons.CrossCircle, { fill: "danger600" }) : /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { fill: "success600" })
154
- ] }),
155
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { width: "100%", textColor: "neutral600", children: hasErrors ? formatMessage(
156
- {
157
- id: "content-releases.pages.ReleaseDetails.entry-validation.fields.error",
158
- defaultMessage: "{errors} errors on fields."
159
- },
160
- { errors: errors ? Object.keys(errors).length : 0 }
161
- ) : formatMessage({
162
- id: "content-releases.pages.ReleaseDetails.entry-validation.fields.success",
163
- defaultMessage: "All fields are filled correctly."
164
- }) }),
165
- hasErrors && /* @__PURE__ */ jsxRuntime.jsx(
166
- designSystem.LinkButton,
167
- {
168
- tag: reactRouterDom.Link,
169
- to: {
170
- pathname: `/content-manager/${kind === "collectionType" ? "collection-types" : "single-types"}/${contentTypeUid}/${documentId}`,
171
- search: locale ? qs.stringify({
172
- plugins: {
173
- i18n: {
174
- locale
175
- }
176
- }
177
- }) : ""
178
- },
179
- variant: "secondary",
180
- fullWidth: true,
181
- state: { forceValidation: true },
182
- children: formatMessage({
183
- id: "content-releases.pages.ReleaseDetails.entry-validation.fields.see-errors",
184
- defaultMessage: "See errors"
185
- })
186
- }
187
- )
188
- ] });
189
- };
190
- const getReviewStageIcon = ({
191
- contentTypeHasReviewWorkflow,
192
- requiredStage,
193
- entryStage
194
- }) => {
195
- if (!contentTypeHasReviewWorkflow) {
196
- return /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { fill: "neutral200" });
197
- }
198
- if (requiredStage && requiredStage.id !== entryStage?.id) {
199
- return /* @__PURE__ */ jsxRuntime.jsx(icons.CrossCircle, { fill: "danger600" });
200
- }
201
- return /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { fill: "success600" });
202
- };
203
- const getReviewStageMessage = ({
204
- contentTypeHasReviewWorkflow,
205
- requiredStage,
206
- entryStage,
207
- formatMessage
208
- }) => {
209
- if (!contentTypeHasReviewWorkflow) {
210
- return formatMessage({
211
- id: "content-releases.pages.ReleaseDetails.entry-validation.review-stage.not-enabled",
212
- defaultMessage: "This entry is not associated to any workflow."
213
- });
214
- }
215
- if (requiredStage && requiredStage.id !== entryStage?.id) {
216
- return formatMessage(
217
- {
218
- id: "content-releases.pages.ReleaseDetails.entry-validation.review-stage.not-ready",
219
- defaultMessage: "This entry is not at the required stage for publishing. ({stageName})"
220
- },
221
- {
222
- stageName: requiredStage?.name ?? ""
223
- }
224
- );
225
- }
226
- if (requiredStage && requiredStage.id === entryStage?.id) {
227
- return formatMessage(
228
- {
229
- id: "content-releases.pages.ReleaseDetails.entry-validation.review-stage.ready",
230
- defaultMessage: "This entry is at the required stage for publishing. ({stageName})"
231
- },
232
- {
233
- stageName: requiredStage?.name ?? ""
234
- }
235
- );
236
- }
237
- return formatMessage({
238
- id: "content-releases.pages.ReleaseDetails.entry-validation.review-stage.stage-not-required",
239
- defaultMessage: "No required stage for publication"
240
- });
241
- };
242
- const ReviewStageValidation = ({
243
- contentTypeHasReviewWorkflow,
244
- requiredStage,
245
- entryStage
246
- }) => {
247
- const { formatMessage } = reactIntl.useIntl();
248
- const Icon = getReviewStageIcon({
249
- contentTypeHasReviewWorkflow,
250
- requiredStage,
251
- entryStage
252
- });
253
- return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 1, width: "100%", padding: 5, children: [
254
- /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, width: "100%", children: [
255
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "bold", children: formatMessage({
256
- id: "content-releases.pages.ReleaseDetails.entry-validation.review-stage",
257
- defaultMessage: "Review stage"
258
- }) }),
259
- Icon
260
- ] }),
261
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: getReviewStageMessage({
262
- contentTypeHasReviewWorkflow,
263
- requiredStage,
264
- entryStage,
265
- formatMessage
266
- }) })
267
- ] });
268
- };
269
- const EntryValidationPopover = ({
270
- schema,
271
- entry,
272
- status,
273
- action
274
- }) => {
275
- const { validate, isLoading } = strapiAdmin.unstable_useDocument(
276
- {
277
- collectionType: schema?.kind ?? "",
278
- model: schema?.uid ?? ""
279
- },
280
- {
281
- // useDocument makes a request to get more data about the entry, but we only want to have the validation function so we skip the request
282
- skip: true
283
- }
284
- );
285
- const errors = isLoading ? null : validate(entry);
286
- const hasErrors = errors ? Object.keys(errors).length > 0 : false;
287
- const contentTypeHasReviewWorkflow = schema?.hasReviewWorkflow ?? false;
288
- const requiredStage = schema?.stageRequiredToPublish;
289
- const entryStage = entry.strapi_stage;
290
- if (isLoading) {
291
- return null;
292
- }
293
- return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Popover.Root, { children: [
294
- /* @__PURE__ */ jsxRuntime.jsx(
295
- EntryStatusTrigger,
296
- {
297
- action,
298
- status,
299
- hasErrors,
300
- requiredStage,
301
- entryStage
302
- }
303
- ),
304
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(StyledPopoverFlex, { direction: "column", children: [
305
- /* @__PURE__ */ jsxRuntime.jsx(
306
- FieldsValidation,
307
- {
308
- hasErrors,
309
- errors,
310
- contentTypeUid: schema?.uid,
311
- kind: schema?.kind,
312
- documentId: entry.documentId,
313
- locale: entry.locale
314
- }
315
- ),
316
- /* @__PURE__ */ jsxRuntime.jsx(
317
- ReviewStageValidation,
318
- {
319
- contentTypeHasReviewWorkflow,
320
- requiredStage,
321
- entryStage
322
- }
323
- )
324
- ] }) })
325
- ] });
326
- };
327
- const intervals = ["years", "months", "days", "hours", "minutes", "seconds"];
328
- const RelativeTime$1 = React__namespace.forwardRef(
329
- ({ timestamp, customIntervals = [], ...restProps }, forwardedRef) => {
330
- const { formatRelativeTime, formatDate, formatTime } = reactIntl.useIntl();
331
- const interval = dateFns.intervalToDuration({
332
- start: timestamp,
333
- end: Date.now()
334
- // see https://github.com/date-fns/date-fns/issues/2891 – No idea why it's all partial it returns it every time.
335
- });
336
- const unit = intervals.find((intervalUnit) => {
337
- return interval[intervalUnit] > 0 && Object.keys(interval).includes(intervalUnit);
338
- });
339
- const relativeTime = dateFns.isPast(timestamp) ? -interval[unit] : interval[unit];
340
- const customInterval = customIntervals.find(
341
- (custom) => interval[custom.unit] < custom.threshold
342
- );
343
- const displayText = customInterval ? customInterval.text : formatRelativeTime(relativeTime, unit, { numeric: "auto" });
344
- return /* @__PURE__ */ jsxRuntime.jsx(
345
- "time",
346
- {
347
- ref: forwardedRef,
348
- dateTime: timestamp.toISOString(),
349
- role: "time",
350
- title: `${formatDate(timestamp)} ${formatTime(timestamp)}`,
351
- ...restProps,
352
- children: displayText
353
- }
354
- );
355
- }
356
- );
357
- const ReleaseModal = ({
358
- handleClose,
359
- open,
360
- handleSubmit,
361
- initialValues,
362
- isLoading = false
363
- }) => {
364
- const { formatMessage } = reactIntl.useIntl();
365
- const { pathname } = reactRouterDom.useLocation();
366
- const isCreatingRelease = pathname === `/plugins/${index.pluginId}`;
367
- const { timezoneList, systemTimezone = { value: "UTC+00:00-Africa/Abidjan " } } = index.getTimezones(
368
- initialValues.scheduledAt ? new Date(initialValues.scheduledAt) : /* @__PURE__ */ new Date()
369
- );
370
- const getScheduledTimestamp = (values) => {
371
- const { date, time, timezone } = values;
372
- if (!date || !time || !timezone)
373
- return null;
374
- const timezoneWithoutOffset = timezone.split("&")[1];
375
- return dateFnsTz.zonedTimeToUtc(`${date} ${time}`, timezoneWithoutOffset);
376
- };
377
- const getTimezoneWithOffset = () => {
378
- const currentTimezone = timezoneList.find(
379
- (timezone) => timezone.value.split("&")[1] === initialValues.timezone
380
- );
381
- return currentTimezone?.value || systemTimezone.value;
382
- };
383
- return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Root, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Modal.Content, { children: [
384
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Title, { children: formatMessage(
385
- {
386
- id: "content-releases.modal.title",
387
- defaultMessage: "{isCreatingRelease, select, true {New release} other {Edit release}}"
388
- },
389
- { isCreatingRelease }
390
- ) }) }),
391
- /* @__PURE__ */ jsxRuntime.jsx(
392
- formik.Formik,
393
- {
394
- onSubmit: (values) => {
395
- handleSubmit({
396
- ...values,
397
- timezone: values.timezone ? values.timezone.split("&")[1] : null,
398
- scheduledAt: values.isScheduled ? getScheduledTimestamp(values) : null
399
- });
400
- },
401
- initialValues: {
402
- ...initialValues,
403
- timezone: initialValues.timezone ? getTimezoneWithOffset() : systemTimezone.value
404
- },
405
- validationSchema: schemas.RELEASE_SCHEMA,
406
- validateOnChange: false,
407
- children: ({ values, errors, handleChange, setFieldValue }) => {
408
- return /* @__PURE__ */ jsxRuntime.jsxs(formik.Form, { children: [
409
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Body, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 6, children: [
410
- /* @__PURE__ */ jsxRuntime.jsxs(
411
- designSystem.Field.Root,
412
- {
413
- name: "name",
414
- error: errors.name && formatMessage({ id: errors.name, defaultMessage: errors.name }),
415
- required: true,
416
- children: [
417
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
418
- id: "content-releases.modal.form.input.label.release-name",
419
- defaultMessage: "Name"
420
- }) }),
421
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.TextInput, { value: values.name, onChange: handleChange }),
422
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
423
- ]
424
- }
425
- ),
426
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { width: "max-content", children: /* @__PURE__ */ jsxRuntime.jsx(
427
- designSystem.Checkbox,
428
- {
429
- name: "isScheduled",
430
- checked: values.isScheduled,
431
- onCheckedChange: (checked) => {
432
- setFieldValue("isScheduled", checked);
433
- if (!checked) {
434
- setFieldValue("date", null);
435
- setFieldValue("time", "");
436
- setFieldValue("timezone", null);
437
- } else {
438
- setFieldValue("date", initialValues.date);
439
- setFieldValue("time", initialValues.time);
440
- setFieldValue(
441
- "timezone",
442
- initialValues.timezone ?? systemTimezone?.value
443
- );
444
- }
445
- },
446
- children: /* @__PURE__ */ jsxRuntime.jsx(
447
- designSystem.Typography,
448
- {
449
- textColor: values.isScheduled ? "primary600" : "neutral800",
450
- fontWeight: values.isScheduled ? "semiBold" : "regular",
451
- children: formatMessage({
452
- id: "modal.form.input.label.schedule-release",
453
- defaultMessage: "Schedule release"
454
- })
455
- }
456
- )
457
- }
458
- ) }),
459
- values.isScheduled && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
460
- /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 4, alignItems: "start", children: [
461
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { width: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(
462
- designSystem.Field.Root,
463
- {
464
- name: "date",
465
- error: errors.date && formatMessage({ id: errors.date, defaultMessage: errors.date }),
466
- required: true,
467
- children: [
468
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
469
- id: "content-releases.modal.form.input.label.date",
470
- defaultMessage: "Date"
471
- }) }),
472
- /* @__PURE__ */ jsxRuntime.jsx(
473
- designSystem.DatePicker,
474
- {
475
- onChange: (date) => {
476
- const isoFormatDate = date ? dateFns.formatISO(date, { representation: "date" }) : null;
477
- setFieldValue("date", isoFormatDate);
478
- },
479
- clearLabel: formatMessage({
480
- id: "content-releases.modal.form.input.clearLabel",
481
- defaultMessage: "Clear"
482
- }),
483
- onClear: () => {
484
- setFieldValue("date", null);
485
- },
486
- value: values.date ? new Date(values.date) : /* @__PURE__ */ new Date(),
487
- minDate: dateFnsTz.utcToZonedTime(/* @__PURE__ */ new Date(), values.timezone.split("&")[1])
488
- }
489
- ),
490
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
491
- ]
492
- }
493
- ) }),
494
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { width: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(
495
- designSystem.Field.Root,
496
- {
497
- name: "time",
498
- error: errors.time && formatMessage({ id: errors.time, defaultMessage: errors.time }),
499
- required: true,
500
- children: [
501
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
502
- id: "content-releases.modal.form.input.label.time",
503
- defaultMessage: "Time"
504
- }) }),
505
- /* @__PURE__ */ jsxRuntime.jsx(
506
- designSystem.TimePicker,
507
- {
508
- onChange: (time) => {
509
- setFieldValue("time", time);
510
- },
511
- clearLabel: formatMessage({
512
- id: "content-releases.modal.form.input.clearLabel",
513
- defaultMessage: "Clear"
514
- }),
515
- onClear: () => {
516
- setFieldValue("time", "");
517
- },
518
- value: values.time || void 0
519
- }
520
- ),
521
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
522
- ]
523
- }
524
- ) })
525
- ] }),
526
- /* @__PURE__ */ jsxRuntime.jsx(TimezoneComponent, { timezoneOptions: timezoneList })
527
- ] })
528
- ] }) }),
529
- /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Modal.Footer, { children: [
530
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Close, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", name: "cancel", children: formatMessage({ id: "cancel", defaultMessage: "Cancel" }) }) }),
531
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { name: "submit", loading: isLoading, type: "submit", children: formatMessage(
532
- {
533
- id: "content-releases.modal.form.button.submit",
534
- defaultMessage: "{isCreatingRelease, select, true {Continue} other {Save}}"
535
- },
536
- { isCreatingRelease }
537
- ) })
538
- ] })
539
- ] });
540
- }
541
- }
542
- )
543
- ] }) });
544
- };
545
- const TimezoneComponent = ({ timezoneOptions }) => {
546
- const { values, errors, setFieldValue } = formik.useFormikContext();
547
- const { formatMessage } = reactIntl.useIntl();
548
- const [timezoneList, setTimezoneList] = React__namespace.useState(timezoneOptions);
549
- React__namespace.useEffect(() => {
550
- if (values.date) {
551
- const { timezoneList: timezoneList2 } = index.getTimezones(new Date(values.date));
552
- setTimezoneList(timezoneList2);
553
- const updatedTimezone = values.timezone && timezoneList2.find((tz) => tz.value.split("&")[1] === values.timezone.split("&")[1]);
554
- if (updatedTimezone) {
555
- setFieldValue("timezone", updatedTimezone.value);
556
- }
557
- }
558
- }, [setFieldValue, values.date, values.timezone]);
559
- return /* @__PURE__ */ jsxRuntime.jsxs(
560
- designSystem.Field.Root,
561
- {
562
- name: "timezone",
563
- error: errors.timezone && formatMessage({ id: errors.timezone, defaultMessage: errors.timezone }),
564
- required: true,
565
- children: [
566
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
567
- id: "content-releases.modal.form.input.label.timezone",
568
- defaultMessage: "Timezone"
569
- }) }),
570
- /* @__PURE__ */ jsxRuntime.jsx(
571
- designSystem.Combobox,
572
- {
573
- autocomplete: { type: "list", filter: "contains" },
574
- value: values.timezone || void 0,
575
- textValue: values.timezone ? values.timezone.replace(/&/, " ") : void 0,
576
- onChange: (timezone) => {
577
- setFieldValue("timezone", timezone);
578
- },
579
- onTextValueChange: (timezone) => {
580
- setFieldValue("timezone", timezone);
581
- },
582
- onClear: () => {
583
- setFieldValue("timezone", "");
584
- },
585
- children: timezoneList.map((timezone) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.ComboboxOption, { value: timezone.value, children: timezone.value.replace(/&/, " ") }, timezone.value))
586
- }
587
- ),
588
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
589
- ]
590
- }
591
- );
592
- };
593
- const useTypedDispatch = reactRedux.useDispatch;
594
- const isBaseQueryError = (error) => {
595
- return typeof error !== "undefined" && error.name !== void 0;
596
- };
597
- const LinkCard = styledComponents.styled(designSystem.Link)`
598
- display: block;
599
- `;
600
- const RelativeTime = styledComponents.styled(RelativeTime$1)`
601
- display: inline-block;
602
- &::first-letter {
603
- text-transform: uppercase;
604
- }
605
- `;
606
- const getBadgeProps = (status) => {
607
- let color;
608
- switch (status) {
609
- case "ready":
610
- color = "success";
611
- break;
612
- case "blocked":
613
- color = "warning";
614
- break;
615
- case "failed":
616
- color = "danger";
617
- break;
618
- case "done":
619
- color = "primary";
620
- break;
621
- case "empty":
622
- default:
623
- color = "neutral";
624
- }
625
- return {
626
- textColor: `${color}600`,
627
- backgroundColor: `${color}100`,
628
- borderColor: `${color}200`
629
- };
630
- };
631
- const ReleasesGrid = ({ sectionTitle, releases = [], isError = false }) => {
632
- const { formatMessage } = reactIntl.useIntl();
633
- if (isError) {
634
- return /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.Page.Error, {});
635
- }
636
- if (releases?.length === 0) {
637
- return /* @__PURE__ */ jsxRuntime.jsx(
638
- designSystem.EmptyStateLayout,
639
- {
640
- content: formatMessage(
641
- {
642
- id: "content-releases.page.Releases.tab.emptyEntries",
643
- defaultMessage: "No releases"
644
- },
645
- {
646
- target: sectionTitle
647
- }
648
- ),
649
- icon: /* @__PURE__ */ jsxRuntime.jsx(symbols.EmptyDocuments, { width: "16rem" })
650
- }
651
- );
652
- }
653
- return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Root, { gap: 4, children: releases.map(({ id, name, scheduledAt, status }) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 3, s: 6, xs: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsx(LinkCard, { tag: reactRouterDom.NavLink, to: `${id}`, isExternal: false, children: /* @__PURE__ */ jsxRuntime.jsxs(
654
- designSystem.Flex,
655
- {
656
- direction: "column",
657
- justifyContent: "space-between",
658
- padding: 4,
659
- hasRadius: true,
660
- background: "neutral0",
661
- shadow: "tableShadow",
662
- height: "100%",
663
- width: "100%",
664
- alignItems: "start",
665
- gap: 4,
666
- children: [
667
- /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "start", gap: 1, children: [
668
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", tag: "h3", variant: "delta", fontWeight: "bold", children: name }),
669
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: scheduledAt ? /* @__PURE__ */ jsxRuntime.jsx(RelativeTime, { timestamp: new Date(scheduledAt) }) : formatMessage({
670
- id: "content-releases.pages.Releases.not-scheduled",
671
- defaultMessage: "Not scheduled"
672
- }) })
673
- ] }),
674
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { ...getBadgeProps(status), children: status })
675
- ]
676
- }
677
- ) }) }, id)) });
678
- };
679
- const StyledAlert = styledComponents.styled(designSystem.Alert)`
680
- button {
681
- display: none;
682
- }
683
- p + div {
684
- margin-left: auto;
685
- }
686
- `;
687
- const INITIAL_FORM_VALUES = {
688
- name: "",
689
- date: dateFns.format(/* @__PURE__ */ new Date(), "yyyy-MM-dd"),
690
- time: "",
691
- isScheduled: true,
692
- scheduledAt: null,
693
- timezone: null
694
- };
695
- const ReleasesPage = () => {
696
- const location = reactRouterDom.useLocation();
697
- const [releaseModalShown, setReleaseModalShown] = React__namespace.useState(false);
698
- const { toggleNotification } = strapiAdmin$1.useNotification();
699
- const { formatMessage } = reactIntl.useIntl();
700
- const navigate = reactRouterDom.useNavigate();
701
- const { formatAPIError } = strapiAdmin$1.useAPIErrorHandler();
702
- const [{ query }, setQuery] = strapiAdmin$1.useQueryParams();
703
- const response = index.useGetReleasesQuery(query);
704
- const { data, isLoading: isLoadingSettings } = index.useGetReleaseSettingsQuery();
705
- const [createRelease, { isLoading: isSubmittingForm }] = index.useCreateReleaseMutation();
706
- const { getFeature } = ee.useLicenseLimits();
707
- const { maximumReleases = 3 } = getFeature("cms-content-releases");
708
- const { trackUsage } = strapiAdmin$1.useTracking();
709
- const {
710
- allowedActions: { canCreate }
711
- } = strapiAdmin$1.useRBAC(index.PERMISSIONS);
712
- const { isLoading: isLoadingReleases, isSuccess, isError } = response;
713
- const activeTab = response?.currentData?.meta?.activeTab || "pending";
714
- React__namespace.useEffect(() => {
715
- if (location?.state?.errors) {
716
- toggleNotification({
717
- type: "danger",
718
- title: formatMessage({
719
- id: "content-releases.pages.Releases.notification.error.title",
720
- defaultMessage: "Your request could not be processed."
721
- }),
722
- message: formatMessage({
723
- id: "content-releases.pages.Releases.notification.error.message",
724
- defaultMessage: "Please try again or open another release."
725
- })
726
- });
727
- navigate("", { replace: true, state: null });
728
- }
729
- }, [formatMessage, location?.state?.errors, navigate, toggleNotification]);
730
- const toggleAddReleaseModal = () => {
731
- setReleaseModalShown((prev) => !prev);
732
- };
733
- if (isLoadingReleases || isLoadingSettings) {
734
- return /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.Page.Loading, {});
735
- }
736
- const totalPendingReleases = isSuccess && response.currentData?.meta?.pendingReleasesCount || 0;
737
- const hasReachedMaximumPendingReleases = totalPendingReleases >= maximumReleases;
738
- const handleTabChange = (tabValue) => {
739
- setQuery({
740
- ...query,
741
- page: 1,
742
- pageSize: response?.currentData?.meta?.pagination?.pageSize || 16,
743
- filters: {
744
- releasedAt: {
745
- $notNull: tabValue !== "pending"
746
- }
747
- }
748
- });
749
- };
750
- const handleAddRelease = async ({ name, scheduledAt, timezone }) => {
751
- const response2 = await createRelease({
752
- name,
753
- scheduledAt,
754
- timezone
755
- });
756
- if ("data" in response2) {
757
- toggleNotification({
758
- type: "success",
759
- message: formatMessage({
760
- id: "content-releases.modal.release-created-notification-success",
761
- defaultMessage: "Release created."
762
- })
763
- });
764
- trackUsage("didCreateRelease");
765
- navigate(response2.data.data.id.toString());
766
- } else if (strapiAdmin$1.isFetchError(response2.error)) {
767
- toggleNotification({
768
- type: "danger",
769
- message: formatAPIError(response2.error)
770
- });
771
- } else {
772
- toggleNotification({
773
- type: "danger",
774
- message: formatMessage({ id: "notification.error", defaultMessage: "An error occurred" })
775
- });
776
- }
777
- };
778
- return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Main, { "aria-busy": isLoadingReleases || isLoadingSettings, children: [
779
- /* @__PURE__ */ jsxRuntime.jsx(
780
- strapiAdmin$1.Layouts.Header,
781
- {
782
- title: formatMessage({
783
- id: "content-releases.pages.Releases.title",
784
- defaultMessage: "Releases"
785
- }),
786
- subtitle: formatMessage({
787
- id: "content-releases.pages.Releases.header-subtitle",
788
- defaultMessage: "Create and manage content updates"
789
- }),
790
- primaryAction: canCreate ? /* @__PURE__ */ jsxRuntime.jsx(
791
- designSystem.Button,
792
- {
793
- startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Plus, {}),
794
- onClick: toggleAddReleaseModal,
795
- disabled: hasReachedMaximumPendingReleases,
796
- children: formatMessage({
797
- id: "content-releases.header.actions.add-release",
798
- defaultMessage: "New release"
799
- })
800
- }
801
- ) : null
802
- }
803
- ),
804
- /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.Layouts.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
805
- hasReachedMaximumPendingReleases && /* @__PURE__ */ jsxRuntime.jsx(
806
- StyledAlert,
807
- {
808
- marginBottom: 6,
809
- action: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Link, { href: "https://strapi.io/pricing-cloud", isExternal: true, children: formatMessage({
810
- id: "content-releases.pages.Releases.max-limit-reached.action",
811
- defaultMessage: "Explore plans"
812
- }) }),
813
- title: formatMessage(
814
- {
815
- id: "content-releases.pages.Releases.max-limit-reached.title",
816
- defaultMessage: "You have reached the {number} pending {number, plural, one {release} other {releases}} limit."
817
- },
818
- { number: maximumReleases }
819
- ),
820
- onClose: () => {
821
- },
822
- closeLabel: "",
823
- children: formatMessage({
824
- id: "content-releases.pages.Releases.max-limit-reached.message",
825
- defaultMessage: "Upgrade to manage an unlimited number of releases."
826
- })
827
- }
828
- ),
829
- /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tabs.Root, { variant: "simple", onValueChange: handleTabChange, value: activeTab, children: [
830
- /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { paddingBottom: 8, children: [
831
- /* @__PURE__ */ jsxRuntime.jsxs(
832
- designSystem.Tabs.List,
833
- {
834
- "aria-label": formatMessage({
835
- id: "content-releases.pages.Releases.tab-group.label",
836
- defaultMessage: "Releases list"
837
- }),
838
- children: [
839
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Trigger, { value: "pending", children: formatMessage(
840
- {
841
- id: "content-releases.pages.Releases.tab.pending",
842
- defaultMessage: "Pending ({count})"
843
- },
844
- {
845
- count: totalPendingReleases
846
- }
847
- ) }),
848
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Trigger, { value: "done", children: formatMessage({
849
- id: "content-releases.pages.Releases.tab.done",
850
- defaultMessage: "Done"
851
- }) })
852
- ]
853
- }
854
- ),
855
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, {})
856
- ] }),
857
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Content, { value: "pending", children: /* @__PURE__ */ jsxRuntime.jsx(
858
- ReleasesGrid,
859
- {
860
- sectionTitle: "pending",
861
- releases: response?.currentData?.data,
862
- isError
863
- }
864
- ) }),
865
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Content, { value: "done", children: /* @__PURE__ */ jsxRuntime.jsx(
866
- ReleasesGrid,
867
- {
868
- sectionTitle: "done",
869
- releases: response?.currentData?.data,
870
- isError
871
- }
872
- ) })
873
- ] }),
874
- /* @__PURE__ */ jsxRuntime.jsxs(
875
- strapiAdmin$1.Pagination.Root,
876
- {
877
- ...response?.currentData?.meta?.pagination,
878
- defaultPageSize: response?.currentData?.meta?.pagination?.pageSize,
879
- children: [
880
- /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.Pagination.PageSize, { options: ["8", "16", "32", "64"] }),
881
- /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.Pagination.Links, {})
882
- ]
883
- }
884
- )
885
- ] }) }),
886
- /* @__PURE__ */ jsxRuntime.jsx(
887
- ReleaseModal,
888
- {
889
- open: releaseModalShown,
890
- handleClose: toggleAddReleaseModal,
891
- handleSubmit: handleAddRelease,
892
- isLoading: isSubmittingForm,
893
- initialValues: {
894
- ...INITIAL_FORM_VALUES,
895
- timezone: data?.data.defaultTimezone ? data.data.defaultTimezone.split("&")[1] : null
896
- }
897
- }
898
- )
899
- ] });
900
- };
901
- const ReleaseInfoWrapper = styledComponents.styled(designSystem.Flex)`
902
- align-self: stretch;
903
- border-bottom-right-radius: ${({ theme }) => theme.borderRadius};
904
- border-bottom-left-radius: ${({ theme }) => theme.borderRadius};
905
- border-top: 1px solid ${({ theme }) => theme.colors.neutral150};
906
- `;
907
- const StyledMenuItem = styledComponents.styled(designSystem.MenuItem)`
908
- svg path {
909
- fill: ${({ theme, disabled }) => disabled && theme.colors.neutral500};
910
- }
911
- span {
912
- color: ${({ theme, disabled }) => disabled && theme.colors.neutral500};
913
- }
914
-
915
- &:hover {
916
- background: ${({ theme, $variant = "neutral" }) => theme.colors[`${$variant}100`]};
917
- }
918
- `;
919
- const PencilIcon = styledComponents.styled(icons.Pencil)`
920
- width: ${({ theme }) => theme.spaces[4]};
921
- height: ${({ theme }) => theme.spaces[4]};
922
- path {
923
- fill: ${({ theme }) => theme.colors.neutral600};
924
- }
925
- `;
926
- const TrashIcon = styledComponents.styled(icons.Trash)`
927
- width: ${({ theme }) => theme.spaces[4]};
928
- height: ${({ theme }) => theme.spaces[4]};
929
- path {
930
- fill: ${({ theme }) => theme.colors.danger600};
931
- }
932
- `;
933
- const ReleaseDetailsLayout = ({
934
- toggleEditReleaseModal,
935
- toggleWarningSubmit,
936
- children
937
- }) => {
938
- const { formatMessage, formatDate, formatTime } = reactIntl.useIntl();
939
- const { releaseId } = reactRouterDom.useParams();
940
- const {
941
- data,
942
- isLoading: isLoadingDetails,
943
- error
944
- } = index.useGetReleaseQuery(
945
- { id: releaseId },
946
- {
947
- skip: !releaseId
948
- }
949
- );
950
- const [publishRelease, { isLoading: isPublishing }] = index.usePublishReleaseMutation();
951
- const { toggleNotification } = strapiAdmin$1.useNotification();
952
- const { formatAPIError } = strapiAdmin$1.useAPIErrorHandler();
953
- const { allowedActions } = strapiAdmin$1.useRBAC(index.PERMISSIONS);
954
- const { canUpdate, canDelete, canPublish } = allowedActions;
955
- const dispatch = useTypedDispatch();
956
- const { trackUsage } = strapiAdmin$1.useTracking();
957
- const release = data?.data;
958
- const handlePublishRelease = (id) => async () => {
959
- const response = await publishRelease({ id });
960
- if ("data" in response) {
961
- toggleNotification({
962
- type: "success",
963
- message: formatMessage({
964
- id: "content-releases.pages.ReleaseDetails.publish-notification-success",
965
- defaultMessage: "Release was published successfully."
966
- })
967
- });
968
- const { totalEntries: totalEntries2, totalPublishedEntries, totalUnpublishedEntries } = response.data.meta;
969
- trackUsage("didPublishRelease", {
970
- totalEntries: totalEntries2,
971
- totalPublishedEntries,
972
- totalUnpublishedEntries
973
- });
974
- } else if (strapiAdmin$1.isFetchError(response.error)) {
975
- toggleNotification({
976
- type: "danger",
977
- message: formatAPIError(response.error)
978
- });
979
- } else {
980
- toggleNotification({
981
- type: "danger",
982
- message: formatMessage({ id: "notification.error", defaultMessage: "An error occurred" })
983
- });
984
- }
985
- };
986
- const handleRefresh = () => {
987
- dispatch(
988
- index.releaseApi.util.invalidateTags([
989
- { type: "ReleaseAction", id: "LIST" },
990
- { type: "Release", id: releaseId }
991
- ])
992
- );
993
- };
994
- const getCreatedByUser = () => {
995
- if (!release?.createdBy) {
996
- return null;
997
- }
998
- if (release.createdBy.username) {
999
- return release.createdBy.username;
1000
- }
1001
- if (release.createdBy.firstname) {
1002
- return `${release.createdBy.firstname} ${release.createdBy.lastname || ""}`.trim();
1003
- }
1004
- return release.createdBy.email;
1005
- };
1006
- if (isLoadingDetails) {
1007
- return /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.Page.Loading, {});
1008
- }
1009
- if (isBaseQueryError(error) && "code" in error || !release) {
1010
- return /* @__PURE__ */ jsxRuntime.jsx(
1011
- reactRouterDom.Navigate,
1012
- {
1013
- to: "..",
1014
- state: {
1015
- errors: [
1016
- {
1017
- // @ts-expect-error – TODO: fix this weird error flow
1018
- code: error?.code
1019
- }
1020
- ]
1021
- }
1022
- }
1023
- );
1024
- }
1025
- const totalEntries = release.actions.meta.count || 0;
1026
- const hasCreatedByUser = Boolean(getCreatedByUser());
1027
- const isScheduled = release.scheduledAt && release.timezone;
1028
- const numberOfEntriesText = formatMessage(
1029
- {
1030
- id: "content-releases.pages.Details.header-subtitle",
1031
- defaultMessage: "{number, plural, =0 {No entries} one {# entry} other {# entries}}"
1032
- },
1033
- { number: totalEntries }
1034
- );
1035
- const scheduledText = isScheduled ? formatMessage(
1036
- {
1037
- id: "content-releases.pages.ReleaseDetails.header-subtitle.scheduled",
1038
- defaultMessage: "Scheduled for {date} at {time} ({offset})"
1039
- },
1040
- {
1041
- date: formatDate(new Date(release.scheduledAt), {
1042
- weekday: "long",
1043
- day: "numeric",
1044
- month: "long",
1045
- year: "numeric",
1046
- timeZone: release.timezone
1047
- }),
1048
- time: formatTime(new Date(release.scheduledAt), {
1049
- timeZone: release.timezone,
1050
- hourCycle: "h23"
1051
- }),
1052
- offset: index.getTimezoneOffset(release.timezone, new Date(release.scheduledAt))
1053
- }
1054
- ) : "";
1055
- return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Main, { "aria-busy": isLoadingDetails, children: [
1056
- /* @__PURE__ */ jsxRuntime.jsx(
1057
- strapiAdmin$1.Layouts.Header,
1058
- {
1059
- title: release.name,
1060
- subtitle: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, lineHeight: 6, children: [
1061
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", variant: "epsilon", children: numberOfEntriesText + (isScheduled ? ` - ${scheduledText}` : "") }),
1062
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { ...getBadgeProps(release.status), children: release.status })
1063
- ] }),
1064
- navigationAction: /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.BackButton, { fallback: ".." }),
1065
- primaryAction: !release.releasedAt && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
1066
- /* @__PURE__ */ jsxRuntime.jsxs(
1067
- SimpleMenuButton,
1068
- {
1069
- label: /* @__PURE__ */ jsxRuntime.jsx(icons.More, {}),
1070
- variant: "tertiary",
1071
- endIcon: null,
1072
- paddingLeft: "7px",
1073
- paddingRight: "7px",
1074
- "aria-label": formatMessage({
1075
- id: "content-releases.header.actions.open-release-actions",
1076
- defaultMessage: "Release edit and delete menu"
1077
- }),
1078
- popoverPlacement: "bottom-end",
1079
- children: [
1080
- /* @__PURE__ */ jsxRuntime.jsx(StyledMenuItem, { disabled: !canUpdate, onSelect: toggleEditReleaseModal, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 2, hasRadius: true, width: "100%", children: [
1081
- /* @__PURE__ */ jsxRuntime.jsx(PencilIcon, {}),
1082
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { ellipsis: true, children: formatMessage({
1083
- id: "content-releases.header.actions.edit",
1084
- defaultMessage: "Edit"
1085
- }) })
1086
- ] }) }),
1087
- /* @__PURE__ */ jsxRuntime.jsx(
1088
- StyledMenuItem,
1089
- {
1090
- disabled: !canDelete,
1091
- onSelect: toggleWarningSubmit,
1092
- $variant: "danger",
1093
- children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 2, hasRadius: true, width: "100%", children: [
1094
- /* @__PURE__ */ jsxRuntime.jsx(TrashIcon, {}),
1095
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { ellipsis: true, textColor: "danger600", children: formatMessage({
1096
- id: "content-releases.header.actions.delete",
1097
- defaultMessage: "Delete"
1098
- }) })
1099
- ] })
1100
- }
1101
- ),
1102
- /* @__PURE__ */ jsxRuntime.jsxs(
1103
- ReleaseInfoWrapper,
1104
- {
1105
- direction: "column",
1106
- justifyContent: "center",
1107
- alignItems: "flex-start",
1108
- gap: 1,
1109
- padding: 4,
1110
- children: [
1111
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", children: formatMessage({
1112
- id: "content-releases.header.actions.created",
1113
- defaultMessage: "Created"
1114
- }) }),
1115
- /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", color: "neutral300", children: [
1116
- /* @__PURE__ */ jsxRuntime.jsx(RelativeTime$1, { timestamp: new Date(release.createdAt) }),
1117
- formatMessage(
1118
- {
1119
- id: "content-releases.header.actions.created.description",
1120
- defaultMessage: "{hasCreatedByUser, select, true { by {createdBy}} other { by deleted user}}"
1121
- },
1122
- { createdBy: getCreatedByUser(), hasCreatedByUser }
1123
- )
1124
- ] })
1125
- ]
1126
- }
1127
- )
1128
- ]
1129
- }
1130
- ),
1131
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { size: "S", variant: "tertiary", onClick: handleRefresh, children: formatMessage({
1132
- id: "content-releases.header.actions.refresh",
1133
- defaultMessage: "Refresh"
1134
- }) }),
1135
- canPublish ? /* @__PURE__ */ jsxRuntime.jsx(
1136
- designSystem.Button,
1137
- {
1138
- size: "S",
1139
- variant: "default",
1140
- onClick: handlePublishRelease(release.id.toString()),
1141
- loading: isPublishing,
1142
- disabled: release.actions.meta.count === 0,
1143
- children: formatMessage({
1144
- id: "content-releases.header.actions.publish",
1145
- defaultMessage: "Publish"
1146
- })
1147
- }
1148
- ) : null
1149
- ] })
1150
- }
1151
- ),
1152
- children
1153
- ] });
1154
- };
1155
- const SimpleMenuButton = styledComponents.styled(designSystem.SimpleMenu)`
1156
- & > span {
1157
- display: flex;
1158
- }
1159
- `;
1160
- const GROUP_BY_OPTIONS = ["contentType", "locale", "action"];
1161
- const GROUP_BY_OPTIONS_NO_LOCALE = ["contentType", "action"];
1162
- const getGroupByOptionLabel = (value) => {
1163
- if (value === "locale") {
1164
- return {
1165
- id: "content-releases.pages.ReleaseDetails.groupBy.option.locales",
1166
- defaultMessage: "Locales"
1167
- };
1168
- }
1169
- if (value === "action") {
1170
- return {
1171
- id: "content-releases.pages.ReleaseDetails.groupBy.option.actions",
1172
- defaultMessage: "Actions"
1173
- };
1174
- }
1175
- return {
1176
- id: "content-releases.pages.ReleaseDetails.groupBy.option.content-type",
1177
- defaultMessage: "Content-Types"
1178
- };
1179
- };
1180
- const ReleaseDetailsBody = ({ releaseId }) => {
1181
- const { formatMessage } = reactIntl.useIntl();
1182
- const [{ query }, setQuery] = strapiAdmin$1.useQueryParams();
1183
- const { toggleNotification } = strapiAdmin$1.useNotification();
1184
- const { formatAPIError } = strapiAdmin$1.useAPIErrorHandler();
1185
- const {
1186
- data: releaseData,
1187
- isLoading: isReleaseLoading,
1188
- error: releaseError
1189
- } = index.useGetReleaseQuery({ id: releaseId });
1190
- const {
1191
- allowedActions: { canUpdate }
1192
- } = strapiAdmin$1.useRBAC(index.PERMISSIONS);
1193
- const runHookWaterfall = strapiAdmin$1.useStrapiApp("ReleaseDetailsPage", (state) => state.runHookWaterfall);
1194
- const { displayedHeaders, hasI18nEnabled } = runHookWaterfall("ContentReleases/pages/ReleaseDetails/add-locale-in-releases", {
1195
- displayedHeaders: [
1196
- {
1197
- label: {
1198
- id: "content-releases.page.ReleaseDetails.table.header.label.name",
1199
- defaultMessage: "name"
1200
- },
1201
- name: "name"
1202
- }
1203
- ],
1204
- hasI18nEnabled: false
1205
- });
1206
- const release = releaseData?.data;
1207
- const selectedGroupBy = query?.groupBy || "contentType";
1208
- const {
1209
- isLoading,
1210
- isFetching,
1211
- isError,
1212
- data,
1213
- error: releaseActionsError
1214
- } = index.useGetReleaseActionsQuery({
1215
- ...query,
1216
- releaseId
1217
- });
1218
- const [updateReleaseAction] = index.useUpdateReleaseActionMutation();
1219
- const handleChangeType = async (e, actionId, actionPath) => {
1220
- const response = await updateReleaseAction({
1221
- params: {
1222
- releaseId,
1223
- actionId
1224
- },
1225
- body: {
1226
- type: e.target.value
1227
- },
1228
- query,
1229
- // We are passing the query params to make optimistic updates
1230
- actionPath
1231
- // We are passing the action path to found the position in the cache of the action for optimistic updates
1232
- });
1233
- if ("error" in response) {
1234
- if (strapiAdmin$1.isFetchError(response.error)) {
1235
- toggleNotification({
1236
- type: "danger",
1237
- message: formatAPIError(response.error)
1238
- });
1239
- } else {
1240
- toggleNotification({
1241
- type: "danger",
1242
- message: formatMessage({ id: "notification.error", defaultMessage: "An error occurred" })
1243
- });
1244
- }
1245
- }
1246
- };
1247
- if (isLoading || isReleaseLoading) {
1248
- return /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.Page.Loading, {});
1249
- }
1250
- const releaseActions = data?.data;
1251
- const releaseMeta = data?.meta;
1252
- const contentTypes = releaseMeta?.contentTypes || {};
1253
- releaseMeta?.components || {};
1254
- if (isBaseQueryError(releaseError) || !release) {
1255
- const errorsArray = [];
1256
- if (releaseError && "code" in releaseError) {
1257
- errorsArray.push({
1258
- code: releaseError.code
1259
- });
1260
- }
1261
- if (releaseActionsError && "code" in releaseActionsError) {
1262
- errorsArray.push({
1263
- code: releaseActionsError.code
1264
- });
1265
- }
1266
- return /* @__PURE__ */ jsxRuntime.jsx(
1267
- reactRouterDom.Navigate,
1268
- {
1269
- to: "..",
1270
- state: {
1271
- errors: errorsArray
1272
- }
1273
- }
1274
- );
1275
- }
1276
- if (isError || !releaseActions) {
1277
- return /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.Page.Error, {});
1278
- }
1279
- if (Object.keys(releaseActions).length === 0) {
1280
- return /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.Layouts.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(
1281
- designSystem.EmptyStateLayout,
1282
- {
1283
- action: /* @__PURE__ */ jsxRuntime.jsx(
1284
- designSystem.LinkButton,
1285
- {
1286
- tag: reactRouterDom.Link,
1287
- to: {
1288
- pathname: "/content-manager"
1289
- },
1290
- style: { textDecoration: "none" },
1291
- variant: "secondary",
1292
- children: formatMessage({
1293
- id: "content-releases.page.Details.button.openContentManager",
1294
- defaultMessage: "Open the Content Manager"
1295
- })
1296
- }
1297
- ),
1298
- icon: /* @__PURE__ */ jsxRuntime.jsx(symbols.EmptyDocuments, { width: "16rem" }),
1299
- content: formatMessage({
1300
- id: "content-releases.pages.Details.tab.emptyEntries",
1301
- defaultMessage: "This release is empty. Open the Content Manager, select an entry and add it to the release."
1302
- })
1303
- }
1304
- ) });
1305
- }
1306
- const groupByLabel = formatMessage({
1307
- id: "content-releases.pages.ReleaseDetails.groupBy.aria-label",
1308
- defaultMessage: "Group by"
1309
- });
1310
- const headers = [
1311
- ...displayedHeaders,
1312
- {
1313
- label: {
1314
- id: "content-releases.page.ReleaseDetails.table.header.label.content-type",
1315
- defaultMessage: "content-type"
1316
- },
1317
- name: "content-type"
1318
- },
1319
- {
1320
- label: {
1321
- id: "content-releases.page.ReleaseDetails.table.header.label.action",
1322
- defaultMessage: "action"
1323
- },
1324
- name: "action"
1325
- },
1326
- ...!release.releasedAt ? [
1327
- {
1328
- label: {
1329
- id: "content-releases.page.ReleaseDetails.table.header.label.status",
1330
- defaultMessage: "status"
1331
- },
1332
- name: "status"
1333
- }
1334
- ] : []
1335
- ];
1336
- const options = hasI18nEnabled ? GROUP_BY_OPTIONS : GROUP_BY_OPTIONS_NO_LOCALE;
1337
- return /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.Layouts.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 8, direction: "column", alignItems: "stretch", children: [
1338
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { children: /* @__PURE__ */ jsxRuntime.jsx(
1339
- designSystem.SingleSelect,
1340
- {
1341
- placeholder: groupByLabel,
1342
- "aria-label": groupByLabel,
1343
- customizeContent: (value) => formatMessage(
1344
- {
1345
- id: `content-releases.pages.ReleaseDetails.groupBy.label`,
1346
- defaultMessage: `Group by {groupBy}`
1347
- },
1348
- {
1349
- groupBy: value
1350
- }
1351
- ),
1352
- value: formatMessage(getGroupByOptionLabel(selectedGroupBy)),
1353
- onChange: (value) => setQuery({ groupBy: value }),
1354
- children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: option, children: formatMessage(getGroupByOptionLabel(option)) }, option))
1355
- }
1356
- ) }),
1357
- Object.keys(releaseActions).map((key) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 4, direction: "column", alignItems: "stretch", children: [
1358
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { role: "separator", "aria-label": key, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { children: key }) }),
1359
- /* @__PURE__ */ jsxRuntime.jsx(
1360
- strapiAdmin$1.Table.Root,
1361
- {
1362
- rows: releaseActions[key].map((item) => ({
1363
- ...item,
1364
- id: Number(item.entry.id)
1365
- })),
1366
- headers,
1367
- isLoading: isLoading || isFetching,
1368
- children: /* @__PURE__ */ jsxRuntime.jsxs(strapiAdmin$1.Table.Content, { children: [
1369
- /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.Table.Head, { children: headers.map(({ label, name }) => /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.Table.HeaderCell, { label: formatMessage(label), name }, name)) }),
1370
- /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.Table.Loading, {}),
1371
- /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.Table.Body, { children: releaseActions[key].map(
1372
- ({ id, contentType, locale, type, entry, status }, actionIndex) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
1373
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { width: "25%", maxWidth: "200px", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { ellipsis: true, children: `${contentType.mainFieldValue || entry.id}` }) }),
1374
- hasI18nEnabled && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { width: "10%", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: `${locale?.name ? locale.name : "-"}` }) }),
1375
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { width: "10%", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: contentType.displayName || "" }) }),
1376
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { width: "20%", children: release.releasedAt ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: formatMessage(
1377
- {
1378
- id: "content-releases.page.ReleaseDetails.table.action-published",
1379
- defaultMessage: "This entry was <b>{isPublish, select, true {published} other {unpublished}}</b>."
1380
- },
1381
- {
1382
- isPublish: type === "publish",
1383
- b: (children) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "bold", children })
1384
- }
1385
- ) }) : /* @__PURE__ */ jsxRuntime.jsx(
1386
- index.ReleaseActionOptions,
1387
- {
1388
- selected: type,
1389
- handleChange: (e) => handleChangeType(e, id, [key, actionIndex]),
1390
- name: `release-action-${id}-type`,
1391
- disabled: !canUpdate
1392
- }
1393
- ) }),
1394
- !release.releasedAt && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
1395
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { width: "20%", minWidth: "200px", children: /* @__PURE__ */ jsxRuntime.jsx(
1396
- EntryValidationPopover,
1397
- {
1398
- action: type,
1399
- schema: contentTypes?.[contentType.uid],
1400
- entry,
1401
- status
1402
- }
1403
- ) }),
1404
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "flex-end", children: /* @__PURE__ */ jsxRuntime.jsxs(index.ReleaseActionMenu.Root, { children: [
1405
- /* @__PURE__ */ jsxRuntime.jsx(
1406
- index.ReleaseActionMenu.ReleaseActionEntryLinkItem,
1407
- {
1408
- contentTypeUid: contentType.uid,
1409
- documentId: entry.documentId,
1410
- locale: locale?.code
1411
- }
1412
- ),
1413
- /* @__PURE__ */ jsxRuntime.jsx(
1414
- index.ReleaseActionMenu.DeleteReleaseActionItem,
1415
- {
1416
- releaseId: release.id,
1417
- actionId: id
1418
- }
1419
- )
1420
- ] }) }) })
1421
- ] })
1422
- ] }, id)
1423
- ) })
1424
- ] })
1425
- }
1426
- )
1427
- ] }, `releases-group-${key}`)),
1428
- /* @__PURE__ */ jsxRuntime.jsxs(
1429
- strapiAdmin$1.Pagination.Root,
1430
- {
1431
- ...releaseMeta?.pagination,
1432
- defaultPageSize: releaseMeta?.pagination?.pageSize,
1433
- children: [
1434
- /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.Pagination.PageSize, {}),
1435
- /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.Pagination.Links, {})
1436
- ]
1437
- }
1438
- )
1439
- ] }) });
1440
- };
1441
- const ReleaseDetailsPage = () => {
1442
- const { formatMessage } = reactIntl.useIntl();
1443
- const { releaseId } = reactRouterDom.useParams();
1444
- const { toggleNotification } = strapiAdmin$1.useNotification();
1445
- const { formatAPIError } = strapiAdmin$1.useAPIErrorHandler();
1446
- const navigate = reactRouterDom.useNavigate();
1447
- const [releaseModalShown, setReleaseModalShown] = React__namespace.useState(false);
1448
- const [showWarningSubmit, setWarningSubmit] = React__namespace.useState(false);
1449
- const {
1450
- isLoading: isLoadingDetails,
1451
- data,
1452
- isSuccess: isSuccessDetails
1453
- } = index.useGetReleaseQuery(
1454
- { id: releaseId },
1455
- {
1456
- skip: !releaseId
1457
- }
1458
- );
1459
- const { data: dataTimezone, isLoading: isLoadingTimezone } = index.useGetReleaseSettingsQuery();
1460
- const [updateRelease, { isLoading: isSubmittingForm }] = index.useUpdateReleaseMutation();
1461
- const [deleteRelease] = index.useDeleteReleaseMutation();
1462
- const toggleEditReleaseModal = () => {
1463
- setReleaseModalShown((prev) => !prev);
1464
- };
1465
- const getTimezoneValue = () => {
1466
- if (releaseData?.timezone) {
1467
- return releaseData.timezone;
1468
- } else {
1469
- if (dataTimezone?.data.defaultTimezone) {
1470
- return dataTimezone.data.defaultTimezone;
1471
- }
1472
- return null;
1473
- }
1474
- };
1475
- const toggleWarningSubmit = () => setWarningSubmit((prevState) => !prevState);
1476
- if (isLoadingDetails || isLoadingTimezone) {
1477
- return /* @__PURE__ */ jsxRuntime.jsx(
1478
- ReleaseDetailsLayout,
1479
- {
1480
- toggleEditReleaseModal,
1481
- toggleWarningSubmit,
1482
- children: /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.Page.Loading, {})
1483
- }
1484
- );
1485
- }
1486
- if (!releaseId) {
1487
- return /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Navigate, { to: ".." });
1488
- }
1489
- const releaseData = isSuccessDetails && data?.data || null;
1490
- const title = releaseData?.name || "";
1491
- const timezone = getTimezoneValue();
1492
- const scheduledAt = releaseData?.scheduledAt && timezone ? dateFnsTz.utcToZonedTime(releaseData.scheduledAt, timezone) : null;
1493
- const date = scheduledAt ? format__default.default(scheduledAt, "yyyy-MM-dd") : void 0;
1494
- const time = scheduledAt ? format__default.default(scheduledAt, "HH:mm") : "";
1495
- const handleEditRelease = async (values) => {
1496
- const response = await updateRelease({
1497
- id: releaseId,
1498
- name: values.name,
1499
- scheduledAt: values.scheduledAt,
1500
- timezone: values.timezone
1501
- });
1502
- if ("data" in response) {
1503
- toggleNotification({
1504
- type: "success",
1505
- message: formatMessage({
1506
- id: "content-releases.modal.release-updated-notification-success",
1507
- defaultMessage: "Release updated."
1508
- })
1509
- });
1510
- toggleEditReleaseModal();
1511
- } else if (strapiAdmin$1.isFetchError(response.error)) {
1512
- toggleNotification({
1513
- type: "danger",
1514
- message: formatAPIError(response.error)
1515
- });
1516
- } else {
1517
- toggleNotification({
1518
- type: "danger",
1519
- message: formatMessage({ id: "notification.error", defaultMessage: "An error occurred" })
1520
- });
1521
- }
1522
- };
1523
- const handleDeleteRelease = async () => {
1524
- const response = await deleteRelease({
1525
- id: releaseId
1526
- });
1527
- if ("data" in response) {
1528
- navigate("..");
1529
- } else if (strapiAdmin$1.isFetchError(response.error)) {
1530
- toggleNotification({
1531
- type: "danger",
1532
- message: formatAPIError(response.error)
1533
- });
1534
- } else {
1535
- toggleNotification({
1536
- type: "danger",
1537
- message: formatMessage({ id: "notification.error", defaultMessage: "An error occurred" })
1538
- });
1539
- }
1540
- };
1541
- return /* @__PURE__ */ jsxRuntime.jsxs(
1542
- ReleaseDetailsLayout,
1543
- {
1544
- toggleEditReleaseModal,
1545
- toggleWarningSubmit,
1546
- children: [
1547
- /* @__PURE__ */ jsxRuntime.jsx(ReleaseDetailsBody, { releaseId }),
1548
- /* @__PURE__ */ jsxRuntime.jsx(
1549
- ReleaseModal,
1550
- {
1551
- open: releaseModalShown,
1552
- handleClose: toggleEditReleaseModal,
1553
- handleSubmit: handleEditRelease,
1554
- isLoading: isLoadingDetails || isSubmittingForm,
1555
- initialValues: {
1556
- name: title || "",
1557
- scheduledAt,
1558
- date,
1559
- time,
1560
- isScheduled: Boolean(scheduledAt),
1561
- timezone
1562
- }
1563
- }
1564
- ),
1565
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Root, { open: showWarningSubmit, onOpenChange: toggleWarningSubmit, children: /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.ConfirmDialog, { onConfirm: handleDeleteRelease, children: formatMessage({
1566
- id: "content-releases.dialog.confirmation-message",
1567
- defaultMessage: "Are you sure you want to delete this release?"
1568
- }) }) })
1569
- ]
1570
- }
1571
- );
1572
- };
1573
- const App = () => {
1574
- return /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin$1.Page.Protect, { permissions: index.PERMISSIONS.main, children: /* @__PURE__ */ jsxRuntime.jsxs(reactRouterDom.Routes, { children: [
1575
- /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { index: true, element: /* @__PURE__ */ jsxRuntime.jsx(ReleasesPage, {}) }),
1576
- /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { path: ":releaseId", element: /* @__PURE__ */ jsxRuntime.jsx(ReleaseDetailsPage, {}) })
1577
- ] }) });
1578
- };
1579
- exports.App = App;
1580
- //# sourceMappingURL=App-lx4Ucy9W.js.map