@strapi/i18n 0.0.0-experimental.7afdc9b682bc83a53ce599c4fb7c9e4506b31fff → 0.0.0-experimental.7bc5339b0393e53f9f568301594621e7fb466e2f

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 (55) hide show
  1. package/LICENSE +18 -3
  2. package/dist/_chunks/{SettingsPage-DNucKxbi.mjs → SettingsPage-BAx9nmep.mjs} +95 -108
  3. package/dist/_chunks/SettingsPage-BAx9nmep.mjs.map +1 -0
  4. package/dist/_chunks/{SettingsPage-CG_qq0Tx.js → SettingsPage-BTgjb2KS.js} +94 -108
  5. package/dist/_chunks/SettingsPage-BTgjb2KS.js.map +1 -0
  6. package/dist/_chunks/{en-Kv6y9zPQ.js → en-BKBz3tro.js} +12 -3
  7. package/dist/_chunks/en-BKBz3tro.js.map +1 -0
  8. package/dist/_chunks/{en-18tWw4P6.mjs → en-DlXfy6Gy.mjs} +12 -3
  9. package/dist/_chunks/en-DlXfy6Gy.mjs.map +1 -0
  10. package/dist/_chunks/{index-DWAqdQ--.js → index-3yyF237r.js} +464 -223
  11. package/dist/_chunks/index-3yyF237r.js.map +1 -0
  12. package/dist/_chunks/{index-BYDzOiHE.mjs → index-B0NijiBB.mjs} +457 -215
  13. package/dist/_chunks/index-B0NijiBB.mjs.map +1 -0
  14. package/dist/admin/index.js +1 -1
  15. package/dist/admin/index.mjs +1 -1
  16. package/dist/admin/src/components/BulkLocaleActionModal.d.ts +2 -1
  17. package/dist/admin/src/components/CMHeaderActions.d.ts +29 -3
  18. package/dist/admin/src/components/CreateLocale.d.ts +6 -6
  19. package/dist/admin/src/components/EditLocale.d.ts +5 -4
  20. package/dist/admin/src/utils/clean.d.ts +4 -0
  21. package/dist/admin/src/utils/schemas.d.ts +1 -0
  22. package/dist/server/index.js +414 -482
  23. package/dist/server/index.js.map +1 -1
  24. package/dist/server/index.mjs +415 -482
  25. package/dist/server/index.mjs.map +1 -1
  26. package/dist/server/src/bootstrap.d.ts +1 -4
  27. package/dist/server/src/bootstrap.d.ts.map +1 -1
  28. package/dist/server/src/index.d.ts +21 -13
  29. package/dist/server/src/index.d.ts.map +1 -1
  30. package/dist/server/src/register.d.ts.map +1 -1
  31. package/dist/server/src/services/index.d.ts +20 -10
  32. package/dist/server/src/services/index.d.ts.map +1 -1
  33. package/dist/server/src/services/permissions/actions.d.ts +14 -2
  34. package/dist/server/src/services/permissions/actions.d.ts.map +1 -1
  35. package/dist/server/src/services/permissions.d.ts +14 -2
  36. package/dist/server/src/services/permissions.d.ts.map +1 -1
  37. package/dist/server/src/services/sanitize/index.d.ts +11 -0
  38. package/dist/server/src/services/sanitize/index.d.ts.map +1 -0
  39. package/dist/server/src/utils/index.d.ts +2 -2
  40. package/dist/server/src/utils/index.d.ts.map +1 -1
  41. package/package.json +13 -13
  42. package/dist/_chunks/SettingsPage-CG_qq0Tx.js.map +0 -1
  43. package/dist/_chunks/SettingsPage-DNucKxbi.mjs.map +0 -1
  44. package/dist/_chunks/en-18tWw4P6.mjs.map +0 -1
  45. package/dist/_chunks/en-Kv6y9zPQ.js.map +0 -1
  46. package/dist/_chunks/index-BYDzOiHE.mjs.map +0 -1
  47. package/dist/_chunks/index-DWAqdQ--.js.map +0 -1
  48. package/dist/admin/src/components/Initializer.d.ts +0 -5
  49. package/dist/server/src/migrations/content-type/disable/index.d.ts +0 -3
  50. package/dist/server/src/migrations/content-type/disable/index.d.ts.map +0 -1
  51. package/dist/server/src/migrations/content-type/enable/index.d.ts +0 -3
  52. package/dist/server/src/migrations/content-type/enable/index.d.ts.map +0 -1
  53. package/dist/server/src/services/entity-service-decorator.d.ts +0 -29
  54. package/dist/server/src/services/entity-service-decorator.d.ts.map +0 -1
  55. package/strapi-server.js +0 -3
@@ -7,6 +7,7 @@ const designSystem = require("@strapi/design-system");
7
7
  const icons = require("@strapi/icons");
8
8
  const reactIntl = require("react-intl");
9
9
  const styledComponents = require("styled-components");
10
+ const query = require("@reduxjs/toolkit/query");
10
11
  const strapiAdmin = require("@strapi/admin/strapi-admin");
11
12
  const strapiAdmin$1 = require("@strapi/content-manager/strapi-admin");
12
13
  const reactRouterDom = require("react-router-dom");
@@ -14,8 +15,7 @@ const qs = require("qs");
14
15
  const omit = require("lodash/omit");
15
16
  const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
16
17
  function _interopNamespace(e) {
17
- if (e && e.__esModule)
18
- return e;
18
+ if (e && e.__esModule) return e;
19
19
  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
20
20
  if (e) {
21
21
  for (const k in e) {
@@ -36,13 +36,20 @@ const yup__namespace = /* @__PURE__ */ _interopNamespace(yup);
36
36
  const React__namespace = /* @__PURE__ */ _interopNamespace(React);
37
37
  const qs__namespace = /* @__PURE__ */ _interopNamespace(qs);
38
38
  const omit__default = /* @__PURE__ */ _interopDefault(omit);
39
- const __variableDynamicImportRuntimeHelper = (glob, path) => {
39
+ const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
40
40
  const v = glob[path];
41
41
  if (v) {
42
42
  return typeof v === "function" ? v() : Promise.resolve(v);
43
43
  }
44
44
  return new Promise((_, reject) => {
45
- (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(reject.bind(null, new Error("Unknown variable dynamic import: " + path)));
45
+ (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(
46
+ reject.bind(
47
+ null,
48
+ new Error(
49
+ "Unknown variable dynamic import: " + path + (path.split("/").length !== segs ? ". Note that variables only represent file names one level deep." : "")
50
+ )
51
+ )
52
+ );
46
53
  });
47
54
  };
48
55
  const pluginId = "i18n";
@@ -71,9 +78,7 @@ const CheckboxConfirmation = ({
71
78
  };
72
79
  const handleConfirm = () => {
73
80
  onChange({ target: { name, value: false, type: "checkbox" } });
74
- setIsOpen(false);
75
81
  };
76
- const handleToggle = () => setIsOpen((prev) => !prev);
77
82
  const label = intlLabel.id ? formatMessage(
78
83
  { id: intlLabel.id, defaultMessage: intlLabel.defaultMessage },
79
84
  { ...intlLabel.values }
@@ -82,35 +87,36 @@ const CheckboxConfirmation = ({
82
87
  { id: description.id, defaultMessage: description.defaultMessage },
83
88
  { ...description.values }
84
89
  ) : "";
85
- return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
90
+ return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Root, { open: isOpen, onOpenChange: setIsOpen, children: [
86
91
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { hint, name, children: [
87
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Checkbox, { onValueChange: handleChange, value, type: "checkbox", children: label }),
92
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Checkbox, { onCheckedChange: handleChange, checked: value, children: label }),
88
93
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
89
94
  ] }),
90
- isOpen && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog, { onClose: handleToggle, title: "Confirmation", isOpen, children: [
91
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.DialogBody, { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.WarningCircle, {}), children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
92
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(TextAlignTypography, { id: "confirm-description", children: formatMessage({
95
+ /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Content, { children: [
96
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Header, { children: formatMessage({
97
+ id: getTranslation("CheckboxConfirmation.Modal.title"),
98
+ defaultMessage: "Disable localization"
99
+ }) }),
100
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Body, { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.WarningCircle, {}), children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
101
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(TextAlignTypography, { children: formatMessage({
93
102
  id: getTranslation("CheckboxConfirmation.Modal.content"),
94
103
  defaultMessage: "Disabling localization will engender the deletion of all your content but the one associated to your default locale (if existing)."
95
104
  }) }) }),
96
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "semiBold", id: "confirm-description", children: formatMessage({
105
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "semiBold", children: formatMessage({
97
106
  id: getTranslation("CheckboxConfirmation.Modal.body"),
98
107
  defaultMessage: "Do you want to disable it?"
99
108
  }) }) })
100
109
  ] }) }),
101
- /* @__PURE__ */ jsxRuntime.jsx(
102
- designSystem.DialogFooter,
103
- {
104
- startAction: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: handleToggle, variant: "tertiary", children: formatMessage({
105
- id: "components.popUpWarning.button.cancel",
106
- defaultMessage: "No, cancel"
107
- }) }),
108
- endAction: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "danger-light", onClick: handleConfirm, children: formatMessage({
109
- id: getTranslation("CheckboxConfirmation.Modal.button-confirm"),
110
- defaultMessage: "Yes, disable"
111
- }) })
112
- }
113
- )
110
+ /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Footer, { children: [
111
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Cancel, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", children: formatMessage({
112
+ id: "components.popUpWarning.button.cancel",
113
+ defaultMessage: "No, cancel"
114
+ }) }) }),
115
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Action, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "danger-light", onClick: handleConfirm, children: formatMessage({
116
+ id: getTranslation("CheckboxConfirmation.Modal.button-confirm"),
117
+ defaultMessage: "Yes, disable"
118
+ }) }) })
119
+ ] })
114
120
  ] })
115
121
  ] });
116
122
  };
@@ -161,7 +167,7 @@ const useI18n = () => {
161
167
  model: params.slug
162
168
  },
163
169
  {
164
- skip: !params.slug || !params.collectionType
170
+ skip: true
165
171
  }
166
172
  );
167
173
  if (doesPluginOptionsHaveI18nLocalized(schema?.pluginOptions)) {
@@ -241,10 +247,94 @@ const relationsApi = i18nApi.injectEndpoints({
241
247
  })
242
248
  });
243
249
  const { useGetManyDraftRelationCountQuery } = relationsApi;
250
+ const cleanData = (data, schema, components) => {
251
+ const cleanedData = removeFields(data, [
252
+ "createdAt",
253
+ "createdBy",
254
+ "updatedAt",
255
+ "updatedBy",
256
+ "id",
257
+ "documentId",
258
+ "publishedAt",
259
+ "strapi_stage",
260
+ "strapi_assignee",
261
+ "locale",
262
+ "status"
263
+ ]);
264
+ const cleanedDataWithoutPasswordAndRelation = recursiveRemoveFieldTypes(
265
+ cleanedData,
266
+ schema,
267
+ components,
268
+ ["relation", "password"]
269
+ );
270
+ return cleanedDataWithoutPasswordAndRelation;
271
+ };
272
+ const removeFields = (data, fields) => {
273
+ return Object.keys(data).reduce((acc, current) => {
274
+ if (fields.includes(current)) {
275
+ return acc;
276
+ }
277
+ acc[current] = data[current];
278
+ return acc;
279
+ }, {});
280
+ };
281
+ const recursiveRemoveFieldTypes = (data, schema, components, fields) => {
282
+ return Object.keys(data).reduce((acc, current) => {
283
+ const attribute = schema.attributes[current] ?? { type: void 0 };
284
+ if (fields.includes(attribute.type)) {
285
+ return acc;
286
+ }
287
+ if (attribute.type === "dynamiczone") {
288
+ acc[current] = data[current].map((componentValue, index2) => {
289
+ const { id: _, ...rest } = recursiveRemoveFieldTypes(
290
+ componentValue,
291
+ components[componentValue.__component],
292
+ components,
293
+ fields
294
+ );
295
+ return {
296
+ ...rest,
297
+ __temp_key__: index2 + 1
298
+ };
299
+ });
300
+ } else if (attribute.type === "component") {
301
+ const { repeatable, component } = attribute;
302
+ if (repeatable) {
303
+ acc[current] = (data[current] ?? []).map((compoData, index2) => {
304
+ const { id: _, ...rest } = recursiveRemoveFieldTypes(
305
+ compoData,
306
+ components[component],
307
+ components,
308
+ fields
309
+ );
310
+ return {
311
+ ...rest,
312
+ __temp_key__: index2 + 1
313
+ };
314
+ });
315
+ } else {
316
+ const { id: _, ...rest } = recursiveRemoveFieldTypes(
317
+ data[current] ?? {},
318
+ components[component],
319
+ components,
320
+ fields
321
+ );
322
+ acc[current] = rest;
323
+ }
324
+ } else {
325
+ acc[current] = data[current];
326
+ }
327
+ return acc;
328
+ }, {});
329
+ };
244
330
  const isErrorMessageDescriptor = (object) => {
245
331
  return typeof object === "object" && object !== null && "id" in object && "defaultMessage" in object;
246
332
  };
247
- const EntryValidationText = ({ status = "draft", validationErrors }) => {
333
+ const EntryValidationText = ({
334
+ status = "draft",
335
+ validationErrors,
336
+ action
337
+ }) => {
248
338
  const { formatMessage } = reactIntl.useIntl();
249
339
  const getErrorStr = (key, value) => {
250
340
  if (typeof value === "string") {
@@ -278,30 +368,63 @@ const EntryValidationText = ({ status = "draft", validationErrors }) => {
278
368
  ) })
279
369
  ] });
280
370
  }
281
- if (status === "published") {
282
- return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
283
- /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { fill: "success600" }),
284
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "success600", fontWeight: "bold", children: formatMessage({
285
- id: "content-manager.bulk-publish.already-published",
286
- defaultMessage: "Already Published"
287
- }) })
288
- ] });
289
- }
290
- if (status === "modified") {
291
- return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
292
- /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowsCounterClockwise, { fill: "alternative600" }),
293
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: formatMessage({
294
- id: "app.utils.ready-to-publish-changes",
295
- defaultMessage: "Ready to publish changes"
296
- }) })
297
- ] });
298
- }
371
+ const getStatusMessage = () => {
372
+ if (action === "bulk-publish") {
373
+ if (status === "published") {
374
+ return {
375
+ icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { fill: "success600" }),
376
+ text: formatMessage({
377
+ id: "content-manager.bulk-publish.already-published",
378
+ defaultMessage: "Already Published"
379
+ }),
380
+ textColor: "success600",
381
+ fontWeight: "bold"
382
+ };
383
+ } else if (status === "modified") {
384
+ return {
385
+ icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowsCounterClockwise, { fill: "alternative600" }),
386
+ text: formatMessage({
387
+ id: "app.utils.ready-to-publish-changes",
388
+ defaultMessage: "Ready to publish changes"
389
+ })
390
+ };
391
+ } else {
392
+ return {
393
+ icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { fill: "success600" }),
394
+ text: formatMessage({
395
+ id: "app.utils.ready-to-publish",
396
+ defaultMessage: "Ready to publish"
397
+ })
398
+ };
399
+ }
400
+ } else {
401
+ if (status === "draft") {
402
+ return {
403
+ icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { fill: "success600" }),
404
+ text: formatMessage({
405
+ id: "content-manager.bulk-unpublish.already-unpublished",
406
+ defaultMessage: "Already Unpublished"
407
+ }),
408
+ textColor: "success600",
409
+ fontWeight: "bold"
410
+ };
411
+ } else {
412
+ return {
413
+ icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { fill: "success600" }),
414
+ text: formatMessage({
415
+ id: "app.utils.ready-to-unpublish-changes",
416
+ defaultMessage: "Ready to unpublish"
417
+ }),
418
+ textColor: "success600",
419
+ fontWeight: "bold"
420
+ };
421
+ }
422
+ }
423
+ };
424
+ const { icon, text, textColor = "success600", fontWeight = "normal" } = getStatusMessage();
299
425
  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
300
- /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { fill: "success600" }),
301
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: formatMessage({
302
- id: "app.utils.ready-to-publish",
303
- defaultMessage: "Ready to publish"
304
- }) })
426
+ icon,
427
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor, fontWeight, children: text })
305
428
  ] });
306
429
  };
307
430
  const BoldChunk = (chunks) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "bold", children: chunks });
@@ -309,7 +432,8 @@ const BulkLocaleActionModal = ({
309
432
  headers,
310
433
  rows,
311
434
  localesMetadata,
312
- validationErrors = {}
435
+ validationErrors = {},
436
+ action
313
437
  }) => {
314
438
  const { formatMessage } = reactIntl.useIntl();
315
439
  const selectedRows = strapiAdmin.useTable(
@@ -322,27 +446,29 @@ const BulkLocaleActionModal = ({
322
446
  return acc;
323
447
  }, {});
324
448
  const localesWithErrors = Object.keys(validationErrors);
325
- const alreadyPublishedCount = selectedRows.filter(
449
+ const publishedCount = selectedRows.filter(
326
450
  ({ locale }) => currentStatusByLocale[locale] === "published"
327
451
  ).length;
328
- const readyToPublishCount = selectedRows.filter(
452
+ const draftCount = selectedRows.filter(
329
453
  ({ locale }) => (currentStatusByLocale[locale] === "draft" || currentStatusByLocale[locale] === "modified") && !localesWithErrors.includes(locale)
330
454
  ).length;
331
455
  const withErrorsCount = localesWithErrors.length;
456
+ const messageId = action === "bulk-publish" ? "content-manager.containers.list.selectedEntriesModal.selectedCount.publish" : "content-manager.containers.list.selectedEntriesModal.selectedCount.unpublish";
457
+ const defaultMessage = action === "bulk-publish" ? "<b>{publishedCount}</b> {publishedCount, plural, =0 {entries} one {entry} other {entries}} already published. <b>{draftCount}</b> {draftCount, plural, =0 {entries} one {entry} other {entries}} ready to publish. <b>{withErrorsCount}</b> {withErrorsCount, plural, =0 {entries} one {entry} other {entries}} waiting for action." : "<b>{draftCount}</b> {draftCount, plural, =0 {entries} one {entry} other {entries}} already unpublished. <b>{publishedCount}</b> {publishedCount, plural, =0 {entries} one {entry} other {entries}} ready to unpublish.";
332
458
  return formatMessage(
333
459
  {
334
- id: "content-manager.containers.list.selectedEntriesModal.selectedCount",
335
- defaultMessage: "<b>{alreadyPublishedCount}</b> {alreadyPublishedCount, plural, =0 {entries} one {entry} other {entries}} already published. <b>{readyToPublishCount}</b> {readyToPublishCount, plural, =0 {entries} one {entry} other {entries}} ready to publish. <b>{withErrorsCount}</b> {withErrorsCount, plural, =0 {entries} one {entry} other {entries}} waiting for action."
460
+ id: messageId,
461
+ defaultMessage
336
462
  },
337
463
  {
338
464
  withErrorsCount,
339
- readyToPublishCount,
340
- alreadyPublishedCount,
465
+ draftCount,
466
+ publishedCount,
341
467
  b: BoldChunk
342
468
  }
343
469
  );
344
470
  };
345
- return /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.Fragment, { children: [
471
+ return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Modal.Body, { children: [
346
472
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: getFormattedCountMessage() }),
347
473
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginTop: 5, children: /* @__PURE__ */ jsxRuntime.jsxs(strapiAdmin.Table.Content, { children: [
348
474
  /* @__PURE__ */ jsxRuntime.jsxs(strapiAdmin.Table.Head, { children: [
@@ -363,13 +489,12 @@ const BulkLocaleActionModal = ({
363
489
  paddingRight: "6px",
364
490
  paddingTop: "2px",
365
491
  paddingBottom: "2px",
366
- showBullet: false,
367
492
  size: "S",
368
493
  variant: statusVariant,
369
494
  children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { tag: "span", variant: "pi", fontWeight: "bold", children: capitalize(status) })
370
495
  }
371
496
  ) }) }),
372
- /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(EntryValidationText, { validationErrors: error, status }) }),
497
+ /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(EntryValidationText, { validationErrors: error, status, action }) }),
373
498
  /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(
374
499
  designSystem.IconButton,
375
500
  {
@@ -386,7 +511,7 @@ const BulkLocaleActionModal = ({
386
511
  name: locale
387
512
  }
388
513
  ),
389
- borderWidth: 0,
514
+ variant: "ghost",
390
515
  children: /* @__PURE__ */ jsxRuntime.jsx(icons.Pencil, {})
391
516
  }
392
517
  ) })
@@ -395,6 +520,47 @@ const BulkLocaleActionModal = ({
395
520
  ] }) })
396
521
  ] });
397
522
  };
523
+ const statusVariants = {
524
+ draft: "secondary",
525
+ published: "success",
526
+ modified: "alternative"
527
+ };
528
+ const LocaleOption = ({
529
+ isDraftAndPublishEnabled,
530
+ locale,
531
+ status,
532
+ entryExists
533
+ }) => {
534
+ const { formatMessage } = reactIntl.useIntl();
535
+ if (!entryExists) {
536
+ return formatMessage(
537
+ {
538
+ id: getTranslation("CMEditViewLocalePicker.locale.create"),
539
+ defaultMessage: "Create <bold>{locale}</bold> locale"
540
+ },
541
+ {
542
+ bold: (locale2) => /* @__PURE__ */ jsxRuntime.jsx("b", { children: locale2 }),
543
+ locale: locale.name
544
+ }
545
+ );
546
+ }
547
+ return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { width: "100%", gap: 1, justifyContent: "space-between", children: [
548
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: locale.name }),
549
+ isDraftAndPublishEnabled ? /* @__PURE__ */ jsxRuntime.jsx(
550
+ designSystem.Status,
551
+ {
552
+ display: "flex",
553
+ paddingLeft: "6px",
554
+ paddingRight: "6px",
555
+ paddingTop: "2px",
556
+ paddingBottom: "2px",
557
+ size: "S",
558
+ variant: statusVariants[status],
559
+ children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { tag: "span", variant: "pi", fontWeight: "bold", children: capitalize(status) })
560
+ }
561
+ ) : null
562
+ ] });
563
+ };
398
564
  const LocalePickerAction = ({
399
565
  document,
400
566
  meta,
@@ -403,74 +569,77 @@ const LocalePickerAction = ({
403
569
  documentId
404
570
  }) => {
405
571
  const { formatMessage } = reactIntl.useIntl();
406
- const [{ query }, setQuery] = strapiAdmin.useQueryParams();
572
+ const [{ query: query2 }, setQuery] = strapiAdmin.useQueryParams();
407
573
  const { hasI18n, canCreate, canRead } = useI18n();
408
574
  const { data: locales = [] } = useGetLocalesQuery();
409
- const { schema } = strapiAdmin$1.unstable_useDocument({ model, collectionType, documentId });
575
+ const currentDesiredLocale = query2.plugins?.i18n?.locale;
576
+ const { schema } = strapiAdmin$1.unstable_useDocument({
577
+ model,
578
+ collectionType,
579
+ documentId,
580
+ params: { locale: currentDesiredLocale }
581
+ });
410
582
  const handleSelect = React__namespace.useCallback(
411
583
  (value) => {
412
584
  setQuery({
413
585
  plugins: {
414
- ...query.plugins,
586
+ ...query2.plugins,
415
587
  i18n: {
416
588
  locale: value
417
589
  }
418
590
  }
419
591
  });
420
592
  },
421
- [query.plugins, setQuery]
593
+ [query2.plugins, setQuery]
422
594
  );
423
595
  React__namespace.useEffect(() => {
424
596
  if (!Array.isArray(locales) || !hasI18n) {
425
597
  return;
426
598
  }
427
- const currentDesiredLocale = query.plugins?.i18n?.locale;
428
599
  const doesLocaleExist = locales.find((loc) => loc.code === currentDesiredLocale);
429
600
  const defaultLocale = locales.find((locale) => locale.isDefault);
430
601
  if (!doesLocaleExist && defaultLocale?.code) {
431
602
  handleSelect(defaultLocale.code);
432
603
  }
433
- }, [handleSelect, hasI18n, locales, query.plugins?.i18n?.locale]);
434
- if (!hasI18n || !Array.isArray(locales) || locales.length === 0) {
435
- return null;
436
- }
437
- const currentLocale = query.plugins?.i18n?.locale || locales.find((loc) => loc.isDefault)?.code;
604
+ }, [handleSelect, hasI18n, locales, currentDesiredLocale]);
605
+ const currentLocale = Array.isArray(locales) ? locales.find((locale) => locale.code === currentDesiredLocale) : void 0;
438
606
  const allCurrentLocales = [
439
- { status: getDocumentStatus(document, meta), locale: currentLocale },
607
+ { status: getDocumentStatus(document, meta), locale: currentLocale?.code },
440
608
  ...meta?.availableLocales ?? []
441
609
  ];
610
+ if (!hasI18n || !Array.isArray(locales) || locales.length === 0) {
611
+ return null;
612
+ }
613
+ const displayedLocales = locales.filter((locale) => {
614
+ return canRead.includes(locale.code);
615
+ });
442
616
  return {
443
617
  label: formatMessage({
444
618
  id: getTranslation("Settings.locales.modal.locales.label"),
445
619
  defaultMessage: "Locales"
446
620
  }),
447
- options: locales.map((locale) => {
621
+ options: displayedLocales.map((locale) => {
622
+ const entryWithLocaleExists = allCurrentLocales.some((doc) => doc.locale === locale.code);
448
623
  const currentLocaleDoc = allCurrentLocales.find(
449
624
  (doc) => "locale" in doc ? doc.locale === locale.code : false
450
625
  );
451
- const status = currentLocaleDoc?.status ?? "draft";
452
- const permissionsToCheck = currentLocaleDoc ? canCreate : canRead;
453
- const statusVariant = status === "draft" ? "primary" : status === "published" ? "success" : "alternative";
626
+ const permissionsToCheck = currentLocaleDoc ? canRead : canCreate;
454
627
  return {
455
628
  disabled: !permissionsToCheck.includes(locale.code),
456
629
  value: locale.code,
457
- label: locale.name,
458
- startIcon: schema?.options?.draftAndPublish ? /* @__PURE__ */ jsxRuntime.jsx(
459
- designSystem.Status,
630
+ label: /* @__PURE__ */ jsxRuntime.jsx(
631
+ LocaleOption,
460
632
  {
461
- display: "flex",
462
- paddingLeft: "6px",
463
- paddingRight: "6px",
464
- paddingTop: "2px",
465
- paddingBottom: "2px",
466
- showBullet: false,
467
- size: "S",
468
- variant: statusVariant,
469
- children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { tag: "span", variant: "pi", fontWeight: "bold", children: capitalize(status) })
633
+ isDraftAndPublishEnabled: !!schema?.options?.draftAndPublish,
634
+ locale,
635
+ status: currentLocaleDoc?.status,
636
+ entryExists: entryWithLocaleExists
470
637
  }
471
- ) : null
638
+ ),
639
+ startIcon: !entryWithLocaleExists ? /* @__PURE__ */ jsxRuntime.jsx(icons.Plus, {}) : null
472
640
  };
473
641
  }),
642
+ customizeContent: () => currentLocale?.name,
474
643
  onSelect: handleSelect,
475
644
  value: currentLocale
476
645
  };
@@ -486,6 +655,99 @@ const getDocumentStatus = (document, meta) => {
486
655
  }
487
656
  return docStatus;
488
657
  };
658
+ const FillFromAnotherLocaleAction = ({
659
+ documentId,
660
+ meta,
661
+ model,
662
+ collectionType
663
+ }) => {
664
+ const { formatMessage } = reactIntl.useIntl();
665
+ const [{ query: query2 }] = strapiAdmin.useQueryParams();
666
+ const { hasI18n } = useI18n();
667
+ const currentDesiredLocale = query2.plugins?.i18n?.locale;
668
+ const [localeSelected, setLocaleSelected] = React__namespace.useState(null);
669
+ const setValues = strapiAdmin.useForm("FillFromAnotherLocale", (state) => state.setValues);
670
+ const { getDocument } = strapiAdmin$1.unstable_useDocumentActions();
671
+ const { schema, components } = strapiAdmin$1.unstable_useDocument({
672
+ model,
673
+ documentId,
674
+ collectionType,
675
+ params: { locale: currentDesiredLocale }
676
+ });
677
+ const { data: locales = [] } = useGetLocalesQuery();
678
+ const availableLocales = Array.isArray(locales) ? locales.filter((locale) => meta?.availableLocales.some((l) => l.locale === locale.code)) : [];
679
+ const fillFromLocale = (onClose) => async () => {
680
+ const response = await getDocument({
681
+ collectionType,
682
+ model,
683
+ documentId,
684
+ params: { locale: localeSelected }
685
+ });
686
+ if (!response || !schema) {
687
+ return;
688
+ }
689
+ const { data } = response;
690
+ const cleanedData = cleanData(data, schema, components);
691
+ setValues(cleanedData);
692
+ onClose();
693
+ };
694
+ if (!hasI18n) {
695
+ return null;
696
+ }
697
+ return {
698
+ type: "icon",
699
+ icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Download, {}),
700
+ disabled: availableLocales.length === 0,
701
+ label: formatMessage({
702
+ id: getTranslation("CMEditViewCopyLocale.copy-text"),
703
+ defaultMessage: "Fill in from another locale"
704
+ }),
705
+ dialog: {
706
+ type: "dialog",
707
+ title: formatMessage({
708
+ id: getTranslation("CMEditViewCopyLocale.dialog.title"),
709
+ defaultMessage: "Confirmation"
710
+ }),
711
+ content: ({ onClose }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
712
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Body, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 3, children: [
713
+ /* @__PURE__ */ jsxRuntime.jsx(icons.WarningCircle, { width: "24px", height: "24px", fill: "danger600" }),
714
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textAlign: "center", children: formatMessage({
715
+ id: getTranslation("CMEditViewCopyLocale.dialog.body"),
716
+ defaultMessage: "Your current content will be erased and filled by the content of the selected locale:"
717
+ }) }),
718
+ /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { width: "100%", children: [
719
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
720
+ id: getTranslation("CMEditViewCopyLocale.dialog.field.label"),
721
+ defaultMessage: "Locale"
722
+ }) }),
723
+ /* @__PURE__ */ jsxRuntime.jsx(
724
+ designSystem.SingleSelect,
725
+ {
726
+ value: localeSelected,
727
+ placeholder: formatMessage({
728
+ id: getTranslation("CMEditViewCopyLocale.dialog.field.placeholder"),
729
+ defaultMessage: "Select one locale..."
730
+ }),
731
+ onChange: (value) => setLocaleSelected(value),
732
+ children: availableLocales.map((locale) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: locale.code, children: locale.name }, locale.code))
733
+ }
734
+ )
735
+ ] })
736
+ ] }) }),
737
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Footer, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, width: "100%", children: [
738
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { flex: "auto", variant: "tertiary", onClick: onClose, children: formatMessage({
739
+ id: getTranslation("CMEditViewCopyLocale.cancel-text"),
740
+ defaultMessage: "No, cancel"
741
+ }) }),
742
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { flex: "auto", variant: "success", onClick: fillFromLocale(onClose), children: formatMessage({
743
+ id: getTranslation("CMEditViewCopyLocale.submit-text"),
744
+ defaultMessage: "Yes, fill in"
745
+ }) })
746
+ ] }) })
747
+ ] })
748
+ }
749
+ };
750
+ };
489
751
  const DeleteLocaleAction = ({
490
752
  document,
491
753
  documentId,
@@ -497,16 +759,23 @@ const DeleteLocaleAction = ({
497
759
  const { toggleNotification } = strapiAdmin.useNotification();
498
760
  const { delete: deleteAction } = strapiAdmin$1.unstable_useDocumentActions();
499
761
  const { hasI18n, canDelete } = useI18n();
762
+ const [{ query: query2 }] = strapiAdmin.useQueryParams();
763
+ const { data: locales = [] } = useGetLocalesQuery();
764
+ const currentDesiredLocale = query2.plugins?.i18n?.locale;
765
+ const locale = !("error" in locales) && locales.find((loc) => loc.code === currentDesiredLocale);
500
766
  if (!hasI18n) {
501
767
  return null;
502
768
  }
503
769
  return {
504
770
  disabled: document?.locale && !canDelete.includes(document.locale) || !document || !document.id,
505
771
  position: ["header", "table-row"],
506
- label: formatMessage({
507
- id: getTranslation("actions.delete.label"),
508
- defaultMessage: "Delete locale"
509
- }),
772
+ label: formatMessage(
773
+ {
774
+ id: getTranslation("actions.delete.label"),
775
+ defaultMessage: "Delete entry ({locale})"
776
+ },
777
+ { locale: locale && locale.name }
778
+ ),
510
779
  icon: /* @__PURE__ */ jsxRuntime.jsx(StyledTrash, {}),
511
780
  variant: "danger",
512
781
  dialog: {
@@ -523,7 +792,12 @@ const DeleteLocaleAction = ({
523
792
  }) })
524
793
  ] }),
525
794
  onConfirm: async () => {
526
- if (!documentId || !document?.locale) {
795
+ const unableToDelete = (
796
+ // We are unable to delete a collection type without a document ID
797
+ // & unable to delete generally if there is no document locale
798
+ collectionType !== "single-types" && !documentId || !document?.locale
799
+ );
800
+ if (unableToDelete) {
527
801
  console.error(
528
802
  "You're trying to delete a document without an id or locale, this is likely a bug with Strapi. Please open an issue."
529
803
  );
@@ -549,37 +823,43 @@ const DeleteLocaleAction = ({
549
823
  }
550
824
  };
551
825
  };
552
- const BulkLocalePublishAction = ({
826
+ const BulkLocaleAction = ({
553
827
  document: baseDocument,
554
828
  documentId,
555
829
  model,
556
- collectionType
830
+ collectionType,
831
+ action
557
832
  }) => {
558
833
  const baseLocale = baseDocument?.locale ?? null;
559
- const [{ query }] = strapiAdmin.useQueryParams();
560
- const params = React__namespace.useMemo(() => strapiAdmin$1.buildValidParams(query), [query]);
561
- const isPublishedTab = query.status === "published";
834
+ const [{ query: query$1 }] = strapiAdmin.useQueryParams();
835
+ const params = React__namespace.useMemo(() => strapiAdmin$1.buildValidParams(query$1), [query$1]);
836
+ const isOnPublishedTab = query$1.status === "published";
562
837
  const { formatMessage } = reactIntl.useIntl();
563
838
  const { hasI18n, canPublish } = useI18n();
564
839
  const { toggleNotification } = strapiAdmin.useNotification();
565
840
  const { _unstableFormatAPIError: formatAPIError } = strapiAdmin.useAPIErrorHandler();
566
841
  const [selectedRows, setSelectedRows] = React__namespace.useState([]);
567
- const [isConfirmationOpen, setIsConfirmationOpen] = React__namespace.useState(false);
568
- const { publishMany: publishManyAction } = strapiAdmin$1.unstable_useDocumentActions();
842
+ const [isDraftRelationConfirmationOpen, setIsDraftRelationConfirmationOpen] = React__namespace.useState(false);
843
+ const { publishMany: publishManyAction, unpublishMany: unpublishManyAction } = strapiAdmin$1.unstable_useDocumentActions();
569
844
  const {
570
845
  document,
571
846
  meta: documentMeta,
572
847
  schema,
573
848
  validate
574
- } = strapiAdmin$1.unstable_useDocument({
575
- model,
576
- collectionType,
577
- documentId,
578
- params: {
579
- locale: baseLocale
849
+ } = strapiAdmin$1.unstable_useDocument(
850
+ {
851
+ model,
852
+ collectionType,
853
+ documentId,
854
+ params: {
855
+ locale: baseLocale
856
+ }
857
+ },
858
+ {
859
+ skip: !hasI18n || !baseLocale
580
860
  }
581
- });
582
- const { data: localesMetadata = [] } = useGetLocalesQuery();
861
+ );
862
+ const { data: localesMetadata = [] } = useGetLocalesQuery(hasI18n ? void 0 : query.skipToken);
583
863
  const headers = [
584
864
  {
585
865
  label: formatMessage({
@@ -628,12 +908,19 @@ const BulkLocalePublishAction = ({
628
908
  }, {});
629
909
  return [rowsFromMeta, errors];
630
910
  }, [document, documentMeta?.availableLocales, validate]);
631
- const localesToPublish = selectedRows.reduce((acc, selectedRow) => {
632
- if (selectedRow.status !== "published" && !Object.keys(validationErrors).includes(selectedRow.locale)) {
911
+ const isBulkPublish = action === "bulk-publish";
912
+ const localesForAction = selectedRows.reduce((acc, selectedRow) => {
913
+ const isValidLocale = (
914
+ // Validation errors are irrelevant if we are trying to unpublish
915
+ !isBulkPublish || !Object.keys(validationErrors).includes(selectedRow.locale)
916
+ );
917
+ const shouldAddLocale = isBulkPublish ? selectedRow.status !== "published" && isValidLocale : selectedRow.status !== "draft" && isValidLocale;
918
+ if (shouldAddLocale) {
633
919
  acc.push(selectedRow.locale);
634
920
  }
635
921
  return acc;
636
922
  }, []);
923
+ const enableDraftRelationsCount = false;
637
924
  const {
638
925
  data: draftRelationsCount = 0,
639
926
  isLoading: isDraftRelationsLoading,
@@ -642,10 +929,10 @@ const BulkLocalePublishAction = ({
642
929
  {
643
930
  model,
644
931
  documentIds: [documentId],
645
- locale: localesToPublish
932
+ locale: localesForAction
646
933
  },
647
934
  {
648
- skip: !documentId || localesToPublish.length === 0
935
+ skip: !enableDraftRelationsCount
649
936
  }
650
937
  );
651
938
  React__namespace.useEffect(() => {
@@ -671,23 +958,32 @@ const BulkLocalePublishAction = ({
671
958
  documentIds: [documentId],
672
959
  params: {
673
960
  ...params,
674
- locale: localesToPublish
961
+ locale: localesForAction
962
+ }
963
+ });
964
+ setSelectedRows([]);
965
+ };
966
+ const unpublish = async () => {
967
+ await unpublishManyAction({
968
+ model,
969
+ documentIds: [documentId],
970
+ params: {
971
+ ...params,
972
+ locale: localesForAction
675
973
  }
676
974
  });
677
975
  setSelectedRows([]);
678
976
  };
679
977
  const handleAction = async () => {
680
978
  if (draftRelationsCount > 0) {
681
- setIsConfirmationOpen(true);
682
- } else {
979
+ setIsDraftRelationConfirmationOpen(true);
980
+ } else if (isBulkPublish) {
683
981
  await publish();
982
+ } else {
983
+ await unpublish();
684
984
  }
685
985
  };
686
- const isUnpublish = document?.status === "published";
687
- if (isUnpublish) {
688
- console.warn(["I18N"], "Bulk locale unpublish modal not implemented");
689
- }
690
- if (isConfirmationOpen) {
986
+ if (isDraftRelationConfirmationOpen) {
691
987
  return {
692
988
  label: formatMessage({
693
989
  id: "app.components.ConfirmDialog.title",
@@ -696,11 +992,11 @@ const BulkLocalePublishAction = ({
696
992
  variant: "danger",
697
993
  dialog: {
698
994
  onCancel: () => {
699
- setIsConfirmationOpen(false);
995
+ setIsDraftRelationConfirmationOpen(false);
700
996
  },
701
997
  onConfirm: async () => {
702
998
  await publish();
703
- setIsConfirmationOpen(false);
999
+ setIsDraftRelationConfirmationOpen(false);
704
1000
  },
705
1001
  type: "dialog",
706
1002
  title: formatMessage({
@@ -710,27 +1006,32 @@ const BulkLocalePublishAction = ({
710
1006
  content: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "center", gap: 2, children: [
711
1007
  /* @__PURE__ */ jsxRuntime.jsx(icons.WarningCircle, { width: "2.4rem", height: "2.4rem", fill: "danger600" }),
712
1008
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textAlign: "center", children: formatMessage({
713
- id: "content-manager.actions.discard.dialog.body",
714
- defaultMessage: "Are you sure you want to discard the changes? This action is irreversible."
1009
+ id: getTranslation("CMEditViewBulkLocale.draft-relation-warning"),
1010
+ defaultMessage: "Some locales are related to draft entries. Publishing them could leave broken links in your app."
1011
+ }) }),
1012
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textAlign: "center", children: formatMessage({
1013
+ id: getTranslation("CMEditViewBulkLocale.continue-confirmation"),
1014
+ defaultMessage: "Are you sure you want to continue?"
715
1015
  }) })
716
1016
  ] })
717
1017
  }
718
1018
  };
719
1019
  }
1020
+ const hasPermission = selectedRows.map(({ locale }) => locale).every((locale) => canPublish.includes(locale));
720
1021
  return {
721
1022
  label: formatMessage({
722
- id: getTranslation("CMEditViewBulkLocale.publish-title"),
723
- defaultMessage: "Publish Multiple Locales"
1023
+ id: getTranslation(`CMEditViewBulkLocale.${isBulkPublish ? "publish" : "unpublish"}-title`),
1024
+ defaultMessage: `${isBulkPublish ? "Publish" : "Unpublish"} Multiple Locales`
724
1025
  }),
725
- icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ListPlus, {}),
726
- disabled: isPublishedTab || !canPublish,
1026
+ variant: isBulkPublish ? "secondary" : "danger",
1027
+ icon: isBulkPublish ? /* @__PURE__ */ jsxRuntime.jsx(icons.ListPlus, {}) : /* @__PURE__ */ jsxRuntime.jsx(icons.Cross, {}),
1028
+ disabled: isOnPublishedTab || canPublish.length === 0,
727
1029
  position: ["panel"],
728
- variant: "secondary",
729
1030
  dialog: {
730
1031
  type: "modal",
731
1032
  title: formatMessage({
732
- id: getTranslation("CMEditViewBulkLocale.publish-title"),
733
- defaultMessage: "Publish Multiple Locales"
1033
+ id: getTranslation(`CMEditViewBulkLocale.${isBulkPublish ? "publish" : "unpublish"}-title`),
1034
+ defaultMessage: `${isBulkPublish ? "Publish" : "Unpublish"} Multiple Locales`
734
1035
  }),
735
1036
  content: () => {
736
1037
  return /* @__PURE__ */ jsxRuntime.jsx(
@@ -749,28 +1050,35 @@ const BulkLocalePublishAction = ({
749
1050
  validationErrors,
750
1051
  headers,
751
1052
  rows,
752
- localesMetadata
1053
+ localesMetadata,
1054
+ action: action ?? "bulk-publish"
753
1055
  }
754
1056
  )
755
1057
  }
756
1058
  );
757
1059
  },
758
- footer: () => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "flex-end", children: /* @__PURE__ */ jsxRuntime.jsx(
1060
+ footer: () => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Footer, { justifyContent: "flex-end", children: /* @__PURE__ */ jsxRuntime.jsx(
759
1061
  designSystem.Button,
760
1062
  {
761
1063
  loading: isDraftRelationsLoading,
762
- disabled: localesToPublish.length === 0,
1064
+ disabled: !hasPermission || localesForAction.length === 0,
763
1065
  variant: "default",
764
1066
  onClick: handleAction,
765
1067
  children: formatMessage({
766
- id: "app.utils.publish",
767
- defaultMessage: "Publish"
1068
+ id: isBulkPublish ? "app.utils.publish" : "app.utils.unpublish",
1069
+ defaultMessage: isBulkPublish ? "Publish" : "Unpublish"
768
1070
  })
769
1071
  }
770
1072
  ) })
771
1073
  }
772
1074
  };
773
1075
  };
1076
+ const BulkLocalePublishAction = (props) => {
1077
+ return BulkLocaleAction({ action: "bulk-publish", ...props });
1078
+ };
1079
+ const BulkLocaleUnpublishAction = (props) => {
1080
+ return BulkLocaleAction({ action: "bulk-unpublish", ...props });
1081
+ };
774
1082
  const StyledTrash = styledComponents.styled(icons.Trash)`
775
1083
  path {
776
1084
  fill: currentColor;
@@ -827,16 +1135,9 @@ const UnpublishModalAdditionalInfo = () => {
827
1135
  }
828
1136
  ) });
829
1137
  };
830
- const Initializer = ({ setPlugin }) => {
831
- const setPluginRef = React__namespace.useRef(setPlugin);
832
- React__namespace.useEffect(() => {
833
- setPluginRef.current(pluginId);
834
- }, []);
835
- return null;
836
- };
837
1138
  const LocalePicker = () => {
838
1139
  const { formatMessage } = reactIntl.useIntl();
839
- const [{ query }, setQuery] = strapiAdmin.useQueryParams();
1140
+ const [{ query: query2 }, setQuery] = strapiAdmin.useQueryParams();
840
1141
  const { hasI18n, canRead, canCreate } = useI18n();
841
1142
  const { data: locales = [] } = useGetLocalesQuery(void 0, {
842
1143
  skip: !hasI18n
@@ -846,25 +1147,25 @@ const LocalePicker = () => {
846
1147
  setQuery(
847
1148
  {
848
1149
  page: 1,
849
- plugins: { ...query.plugins, i18n: { locale: code } }
1150
+ plugins: { ...query2.plugins, i18n: { locale: code } }
850
1151
  },
851
1152
  "push",
852
1153
  replace
853
1154
  );
854
1155
  },
855
- [query.plugins, setQuery]
1156
+ [query2.plugins, setQuery]
856
1157
  );
857
1158
  React__namespace.useEffect(() => {
858
1159
  if (!Array.isArray(locales) || !hasI18n) {
859
1160
  return;
860
1161
  }
861
- const currentDesiredLocale = query.plugins?.i18n?.locale;
1162
+ const currentDesiredLocale = query2.plugins?.i18n?.locale;
862
1163
  const doesLocaleExist = locales.find((loc) => loc.code === currentDesiredLocale);
863
1164
  const defaultLocale = locales.find((locale) => locale.isDefault);
864
1165
  if (!doesLocaleExist && defaultLocale?.code) {
865
1166
  handleChange(defaultLocale.code, true);
866
1167
  }
867
- }, [hasI18n, handleChange, locales, query.plugins?.i18n?.locale]);
1168
+ }, [hasI18n, handleChange, locales, query2.plugins?.i18n?.locale]);
868
1169
  if (!hasI18n || !Array.isArray(locales) || locales.length === 0) {
869
1170
  return null;
870
1171
  }
@@ -879,7 +1180,7 @@ const LocalePicker = () => {
879
1180
  id: getTranslation("actions.select-locale"),
880
1181
  defaultMessage: "Select locale"
881
1182
  }),
882
- value: query.plugins?.i18n?.locale || locales.find((locale) => locale.isDefault)?.code,
1183
+ value: query2.plugins?.i18n?.locale || locales.find((locale) => locale.isDefault)?.code,
883
1184
  onChange: handleChange,
884
1185
  children: displayedLocales.map((locale) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: locale.code, children: locale.name }, locale.id))
885
1186
  }
@@ -893,7 +1194,7 @@ const PERMISSIONS = {
893
1194
  read: [{ action: "plugin::i18n.locale.read", subject: null }]
894
1195
  };
895
1196
  const mutateEditViewHook = ({ layout }) => {
896
- if ("i18n" in layout.options && typeof layout.options.i18n === "object" && layout.options.i18n !== null && "localized" in layout.options.i18n && !layout.options.i18n.localized) {
1197
+ if (!("i18n" in layout.options) || typeof layout.options.i18n === "object" && layout.options.i18n !== null && "localized" in layout.options.i18n && !layout.options.i18n.localized) {
897
1198
  return { layout };
898
1199
  }
899
1200
  const components = Object.entries(layout.components).reduce(
@@ -939,7 +1240,7 @@ const doesFieldHaveI18nPluginOpt = (pluginOpts) => {
939
1240
  const LabelAction = ({ title, icon }) => {
940
1241
  const { formatMessage } = reactIntl.useIntl();
941
1242
  return /* @__PURE__ */ jsxRuntime.jsxs(Span, { tag: "span", children: [
942
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.VisuallyHidden, { tag: "span", children: `(${formatMessage(title)})` }),
1243
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.VisuallyHidden, { tag: "span", children: formatMessage(title) }),
943
1244
  React__namespace.cloneElement(icon, {
944
1245
  "aria-hidden": true,
945
1246
  focusable: false
@@ -974,13 +1275,7 @@ const LocaleListCell = ({
974
1275
  }
975
1276
  });
976
1277
  const { locale: language } = reactIntl.useIntl();
977
- const [visible, setVisible] = React__namespace.useState(false);
978
- const buttonRef = React__namespace.useRef(null);
979
1278
  const { data: locales = [] } = useGetLocalesQuery();
980
- const handleTogglePopover = (e) => {
981
- e.stopPropagation();
982
- setVisible((prev) => !prev);
983
- };
984
1279
  const formatter = designSystem.useCollator(language, {
985
1280
  sensitivity: "base"
986
1281
  });
@@ -1002,64 +1297,14 @@ const LocaleListCell = ({
1002
1297
  }
1003
1298
  return locale.name;
1004
1299
  }).toSorted((a, b) => formatter.compare(a, b));
1005
- return /* @__PURE__ */ jsxRuntime.jsxs(Button, { type: "button", onClick: handleTogglePopover, ref: buttonRef, children: [
1006
- /* @__PURE__ */ jsxRuntime.jsxs(
1007
- ActionWrapper,
1008
- {
1009
- minWidth: "100%",
1010
- alignItems: "center",
1011
- justifyContent: "center",
1012
- height: "3.2rem",
1013
- width: "3.2rem",
1014
- children: [
1015
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", ellipsis: true, children: localesForDocument.join(", ") }),
1016
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { children: /* @__PURE__ */ jsxRuntime.jsx(icons.CaretDown, {}) })
1017
- ]
1018
- }
1019
- ),
1020
- visible && /* @__PURE__ */ jsxRuntime.jsx(
1021
- designSystem.Popover,
1022
- {
1023
- onDismiss: () => setVisible(false),
1024
- source: buttonRef,
1025
- spacing: 16,
1026
- centered: true,
1027
- children: /* @__PURE__ */ jsxRuntime.jsx("ul", { children: localesForDocument.map((name) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 3, tag: "li", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: name }) }, name)) })
1028
- }
1029
- )
1300
+ return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Popover.Root, { children: [
1301
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "ghost", type: "button", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { minWidth: "100%", alignItems: "center", justifyContent: "center", fontWeight: "regular", children: [
1302
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", ellipsis: true, marginRight: 2, children: localesForDocument.join(", ") }),
1303
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { children: /* @__PURE__ */ jsxRuntime.jsx(icons.CaretDown, { width: "1.2rem", height: "1.2rem" }) })
1304
+ ] }) }) }),
1305
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover.Content, { sideOffset: 16, children: /* @__PURE__ */ jsxRuntime.jsx("ul", { children: localesForDocument.map((name) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 3, tag: "li", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: name }) }, name)) }) })
1030
1306
  ] });
1031
1307
  };
1032
- const Button = styledComponents.styled.button`
1033
- width: 100%;
1034
-
1035
- svg {
1036
- > g,
1037
- path {
1038
- fill: ${({ theme }) => theme.colors.neutral500};
1039
- }
1040
- }
1041
- &:hover {
1042
- svg {
1043
- > g,
1044
- path {
1045
- fill: ${({ theme }) => theme.colors.neutral600};
1046
- }
1047
- }
1048
- }
1049
- &:active {
1050
- svg {
1051
- > g,
1052
- path {
1053
- fill: ${({ theme }) => theme.colors.neutral400};
1054
- }
1055
- }
1056
- }
1057
- `;
1058
- const ActionWrapper = styledComponents.styled(designSystem.Flex)`
1059
- svg {
1060
- height: 0.4rem;
1061
- }
1062
- `;
1063
1308
  const addColumnToTableHook = ({ displayedHeaders, layout }) => {
1064
1309
  const { options } = layout;
1065
1310
  const isFieldLocalized = doesPluginOptionsHaveI18nLocalized(options) ? options.i18n.localized : false;
@@ -1185,9 +1430,6 @@ const localeMiddleware = (ctx) => (next) => (permissions) => {
1185
1430
  return next(revisedPermissions);
1186
1431
  };
1187
1432
  const prefixPluginTranslations = (trad, pluginId2) => {
1188
- if (!pluginId2) {
1189
- throw new TypeError("pluginId can't be empty");
1190
- }
1191
1433
  return Object.keys(trad).reduce((acc, current) => {
1192
1434
  acc[`${pluginId2}.${current}`] = trad[current];
1193
1435
  return acc;
@@ -1240,8 +1482,6 @@ const index = {
1240
1482
  app.addRBACMiddleware([localeMiddleware]);
1241
1483
  app.registerPlugin({
1242
1484
  id: pluginId,
1243
- initializer: Initializer,
1244
- isReady: false,
1245
1485
  name: pluginId
1246
1486
  });
1247
1487
  },
@@ -1259,11 +1499,11 @@ const index = {
1259
1499
  },
1260
1500
  id: "internationalization",
1261
1501
  to: "internationalization",
1262
- Component: () => Promise.resolve().then(() => require("./SettingsPage-CG_qq0Tx.js")).then((mod) => ({ default: mod.ProtectedSettingsPage })),
1502
+ Component: () => Promise.resolve().then(() => require("./SettingsPage-BTgjb2KS.js")).then((mod) => ({ default: mod.ProtectedSettingsPage })),
1263
1503
  permissions: PERMISSIONS.accessMain
1264
1504
  });
1265
1505
  const contentManager = app.getPlugin("content-manager");
1266
- contentManager.apis.addDocumentHeaderAction([LocalePickerAction]);
1506
+ contentManager.apis.addDocumentHeaderAction([LocalePickerAction, FillFromAnotherLocaleAction]);
1267
1507
  contentManager.apis.addDocumentAction((actions) => {
1268
1508
  const indexOfDeleteAction = actions.findIndex((action) => action.type === "delete");
1269
1509
  actions.splice(indexOfDeleteAction, 0, DeleteLocaleAction);
@@ -1271,6 +1511,7 @@ const index = {
1271
1511
  });
1272
1512
  contentManager.apis.addDocumentAction((actions) => {
1273
1513
  actions.splice(2, 0, BulkLocalePublishAction);
1514
+ actions.splice(5, 0, BulkLocaleUnpublishAction);
1274
1515
  return actions;
1275
1516
  });
1276
1517
  contentManager.injectComponent("listView", "actions", {
@@ -1376,7 +1617,7 @@ const index = {
1376
1617
  async registerTrads({ locales }) {
1377
1618
  const importedTrads = await Promise.all(
1378
1619
  locales.map((locale) => {
1379
- return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/de.json": () => Promise.resolve().then(() => require("./de-DtWiGdHl.js")), "./translations/dk.json": () => Promise.resolve().then(() => require("./dk-D8C-casx.js")), "./translations/en.json": () => Promise.resolve().then(() => require("./en-Kv6y9zPQ.js")), "./translations/es.json": () => Promise.resolve().then(() => require("./es-DS-XFGSw.js")), "./translations/fr.json": () => Promise.resolve().then(() => require("./fr-BTjekDpq.js")), "./translations/ko.json": () => Promise.resolve().then(() => require("./ko-DmcGUBQ3.js")), "./translations/pl.json": () => Promise.resolve().then(() => require("./pl-Cn5RYonZ.js")), "./translations/ru.json": () => Promise.resolve().then(() => require("./ru-BMBgVL3s.js")), "./translations/tr.json": () => Promise.resolve().then(() => require("./tr-CarUU76c.js")), "./translations/zh-Hans.json": () => Promise.resolve().then(() => require("./zh-Hans-DSHIXAa3.js")), "./translations/zh.json": () => Promise.resolve().then(() => require("./zh-CukOviB0.js")) }), `./translations/${locale}.json`).then(({ default: data }) => {
1620
+ return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/de.json": () => Promise.resolve().then(() => require("./de-DtWiGdHl.js")), "./translations/dk.json": () => Promise.resolve().then(() => require("./dk-D8C-casx.js")), "./translations/en.json": () => Promise.resolve().then(() => require("./en-BKBz3tro.js")), "./translations/es.json": () => Promise.resolve().then(() => require("./es-DS-XFGSw.js")), "./translations/fr.json": () => Promise.resolve().then(() => require("./fr-BTjekDpq.js")), "./translations/ko.json": () => Promise.resolve().then(() => require("./ko-DmcGUBQ3.js")), "./translations/pl.json": () => Promise.resolve().then(() => require("./pl-Cn5RYonZ.js")), "./translations/ru.json": () => Promise.resolve().then(() => require("./ru-BMBgVL3s.js")), "./translations/tr.json": () => Promise.resolve().then(() => require("./tr-CarUU76c.js")), "./translations/zh-Hans.json": () => Promise.resolve().then(() => require("./zh-Hans-DSHIXAa3.js")), "./translations/zh.json": () => Promise.resolve().then(() => require("./zh-CukOviB0.js")) }), `./translations/${locale}.json`, 3).then(({ default: data }) => {
1380
1621
  return {
1381
1622
  data: prefixPluginTranslations(data, pluginId),
1382
1623
  locale
@@ -1400,4 +1641,4 @@ exports.useDeleteLocaleMutation = useDeleteLocaleMutation;
1400
1641
  exports.useGetDefaultLocalesQuery = useGetDefaultLocalesQuery;
1401
1642
  exports.useGetLocalesQuery = useGetLocalesQuery;
1402
1643
  exports.useUpdateLocaleMutation = useUpdateLocaleMutation;
1403
- //# sourceMappingURL=index-DWAqdQ--.js.map
1644
+ //# sourceMappingURL=index-3yyF237r.js.map