@strapi/content-releases 0.0.0-next.d470b4f75cf00f24f440b80300f1c833c322b871 → 0.0.0-next.d65d44102fd32871728c0d74ec4f2519b7cc0a16

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