@strapi/i18n 0.0.0-experimental.826f263c58b6886b849d3f03b81f7a530bc51c91 → 0.0.0-experimental.82afe56cecefd0078d534e25909834ecf5fdd404

package/dist/_chunks/{index-DtEKsPcR.js → index-C8NzsAKp.js}

@@ -7,6 +7,7 @@ const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
 const reactIntl = require("react-intl");
 const styledComponents = require("styled-components");
+const query = require("@reduxjs/toolkit/query");
 const strapiAdmin = require("@strapi/admin/strapi-admin");
 const strapiAdmin$1 = require("@strapi/content-manager/strapi-admin");
 const reactRouterDom = require("react-router-dom");
@@ -14,8 +15,7 @@ const qs = require("qs");
 const omit = require("lodash/omit");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 function _interopNamespace(e) {
-  if (e && e.__esModule)
-    return e;
+  if (e && e.__esModule) return e;
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
     for (const k in e) {
@@ -36,13 +36,20 @@ const yup__namespace = /* @__PURE__ */ _interopNamespace(yup);
 const React__namespace = /* @__PURE__ */ _interopNamespace(React);
 const qs__namespace = /* @__PURE__ */ _interopNamespace(qs);
 const omit__default = /* @__PURE__ */ _interopDefault(omit);
-const __variableDynamicImportRuntimeHelper = (glob, path) => {
+const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
   const v = glob[path];
   if (v) {
     return typeof v === "function" ? v() : Promise.resolve(v);
   }
   return new Promise((_, reject) => {
-    (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(reject.bind(null, new Error("Unknown variable dynamic import: " + path)));
+    (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(
+      reject.bind(
+        null,
+        new Error(
+          "Unknown variable dynamic import: " + path + (path.split("/").length !== segs ? ". Note that variables only represent file names one level deep." : "")
+        )
+      )
+    );
   });
 };
 const pluginId = "i18n";
@@ -71,9 +78,7 @@ const CheckboxConfirmation = ({
   };
   const handleConfirm = () => {
     onChange({ target: { name, value: false, type: "checkbox" } });
-    setIsOpen(false);
   };
-  const handleToggle = () => setIsOpen((prev) => !prev);
   const label = intlLabel.id ? formatMessage(
     { id: intlLabel.id, defaultMessage: intlLabel.defaultMessage },
     { ...intlLabel.values }
@@ -82,35 +87,36 @@ const CheckboxConfirmation = ({
     { id: description.id, defaultMessage: description.defaultMessage },
     { ...description.values }
   ) : "";
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Root, { open: isOpen, onOpenChange: setIsOpen, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { hint, name, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Checkbox, { onValueChange: handleChange, value, type: "checkbox", children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Checkbox, { onCheckedChange: handleChange, checked: value, children: label }),
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
     ] }),
-    isOpen && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog, { onClose: handleToggle, title: "Confirmation", isOpen, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.DialogBody, { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.WarningCircle, {}), children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(TextAlignTypography, { id: "confirm-description", children: formatMessage({
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Content, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Header, { children: formatMessage({
+        id: getTranslation("CheckboxConfirmation.Modal.title"),
+        defaultMessage: "Disable localization"
+      }) }),
+      /* @__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: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(TextAlignTypography, { children: formatMessage({
           id: getTranslation("CheckboxConfirmation.Modal.content"),
           defaultMessage: "Disabling localization will engender the deletion of all your content but the one associated to your default locale (if existing)."
         }) }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "semiBold", id: "confirm-description", children: formatMessage({
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "semiBold", children: formatMessage({
           id: getTranslation("CheckboxConfirmation.Modal.body"),
           defaultMessage: "Do you want to disable it?"
         }) }) })
       ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        designSystem.DialogFooter,
-        {
-          startAction: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: handleToggle, variant: "tertiary", children: formatMessage({
-            id: "components.popUpWarning.button.cancel",
-            defaultMessage: "No, cancel"
-          }) }),
-          endAction: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "danger-light", onClick: handleConfirm, children: formatMessage({
-            id: getTranslation("CheckboxConfirmation.Modal.button-confirm"),
-            defaultMessage: "Yes, disable"
-          }) })
-        }
-      )
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Footer, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Cancel, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", children: formatMessage({
+          id: "components.popUpWarning.button.cancel",
+          defaultMessage: "No, cancel"
+        }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Action, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "danger-light", onClick: handleConfirm, children: formatMessage({
+          id: getTranslation("CheckboxConfirmation.Modal.button-confirm"),
+          defaultMessage: "Yes, disable"
+        }) }) })
+      ] })
     ] })
   ] });
 };
@@ -161,7 +167,7 @@ const useI18n = () => {
       model: params.slug
     },
     {
-      skip: !params.slug || !params.collectionType
+      skip: true
     }
   );
   if (doesPluginOptionsHaveI18nLocalized(schema?.pluginOptions)) {
@@ -241,10 +247,94 @@ const relationsApi = i18nApi.injectEndpoints({
   })
 });
 const { useGetManyDraftRelationCountQuery } = relationsApi;
+const cleanData = (data, schema, components) => {
+  const cleanedData = removeFields(data, [
+    "createdAt",
+    "createdBy",
+    "updatedAt",
+    "updatedBy",
+    "id",
+    "documentId",
+    "publishedAt",
+    "strapi_stage",
+    "strapi_assignee",
+    "locale",
+    "status"
+  ]);
+  const cleanedDataWithoutPasswordAndRelation = recursiveRemoveFieldTypes(
+    cleanedData,
+    schema,
+    components,
+    ["relation", "password"]
+  );
+  return cleanedDataWithoutPasswordAndRelation;
+};
+const removeFields = (data, fields) => {
+  return Object.keys(data).reduce((acc, current) => {
+    if (fields.includes(current)) {
+      return acc;
+    }
+    acc[current] = data[current];
+    return acc;
+  }, {});
+};
+const recursiveRemoveFieldTypes = (data, schema, components, fields) => {
+  return Object.keys(data).reduce((acc, current) => {
+    const attribute = schema.attributes[current] ?? { type: void 0 };
+    if (fields.includes(attribute.type)) {
+      return acc;
+    }
+    if (attribute.type === "dynamiczone") {
+      acc[current] = data[current].map((componentValue, index2) => {
+        const { id: _, ...rest } = recursiveRemoveFieldTypes(
+          componentValue,
+          components[componentValue.__component],
+          components,
+          fields
+        );
+        return {
+          ...rest,
+          __temp_key__: index2 + 1
+        };
+      });
+    } else if (attribute.type === "component") {
+      const { repeatable, component } = attribute;
+      if (repeatable) {
+        acc[current] = (data[current] ?? []).map((compoData, index2) => {
+          const { id: _, ...rest } = recursiveRemoveFieldTypes(
+            compoData,
+            components[component],
+            components,
+            fields
+          );
+          return {
+            ...rest,
+            __temp_key__: index2 + 1
+          };
+        });
+      } else {
+        const { id: _, ...rest } = recursiveRemoveFieldTypes(
+          data[current] ?? {},
+          components[component],
+          components,
+          fields
+        );
+        acc[current] = rest;
+      }
+    } else {
+      acc[current] = data[current];
+    }
+    return acc;
+  }, {});
+};
 const isErrorMessageDescriptor = (object) => {
   return typeof object === "object" && object !== null && "id" in object && "defaultMessage" in object;
 };
-const EntryValidationText = ({ status = "draft", validationErrors }) => {
+const EntryValidationText = ({
+  status = "draft",
+  validationErrors,
+  action
+}) => {
   const { formatMessage } = reactIntl.useIntl();
   const getErrorStr = (key, value) => {
     if (typeof value === "string") {
@@ -278,30 +368,63 @@ const EntryValidationText = ({ status = "draft", validationErrors }) => {
       ) })
     ] });
   }
-  if (status === "published") {
-    return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { fill: "success600" }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "success600", fontWeight: "bold", children: formatMessage({
-        id: "content-manager.bulk-publish.already-published",
-        defaultMessage: "Already Published"
-      }) })
-    ] });
-  }
-  if (status === "modified") {
-    return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowsCounterClockwise, { fill: "alternative600" }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: formatMessage({
-        id: "app.utils.ready-to-publish-changes",
-        defaultMessage: "Ready to publish changes"
-      }) })
-    ] });
-  }
+  const getStatusMessage = () => {
+    if (action === "bulk-publish") {
+      if (status === "published") {
+        return {
+          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { fill: "success600" }),
+          text: formatMessage({
+            id: "content-manager.bulk-publish.already-published",
+            defaultMessage: "Already Published"
+          }),
+          textColor: "success600",
+          fontWeight: "bold"
+        };
+      } else if (status === "modified") {
+        return {
+          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowsCounterClockwise, { fill: "alternative600" }),
+          text: formatMessage({
+            id: "app.utils.ready-to-publish-changes",
+            defaultMessage: "Ready to publish changes"
+          })
+        };
+      } else {
+        return {
+          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { fill: "success600" }),
+          text: formatMessage({
+            id: "app.utils.ready-to-publish",
+            defaultMessage: "Ready to publish"
+          })
+        };
+      }
+    } else {
+      if (status === "draft") {
+        return {
+          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { fill: "success600" }),
+          text: formatMessage({
+            id: "content-manager.bulk-unpublish.already-unpublished",
+            defaultMessage: "Already Unpublished"
+          }),
+          textColor: "success600",
+          fontWeight: "bold"
+        };
+      } else {
+        return {
+          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { fill: "success600" }),
+          text: formatMessage({
+            id: "app.utils.ready-to-unpublish-changes",
+            defaultMessage: "Ready to unpublish"
+          }),
+          textColor: "success600",
+          fontWeight: "bold"
+        };
+      }
+    }
+  };
+  const { icon, text, textColor = "success600", fontWeight = "normal" } = getStatusMessage();
   return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { fill: "success600" }),
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: formatMessage({
-      id: "app.utils.ready-to-publish",
-      defaultMessage: "Ready to publish"
-    }) })
+    icon,
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor, fontWeight, children: text })
   ] });
 };
 const BoldChunk = (chunks) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "bold", children: chunks });
@@ -309,7 +432,8 @@ const BulkLocaleActionModal = ({
   headers,
   rows,
   localesMetadata,
-  validationErrors = {}
+  validationErrors = {},
+  action
 }) => {
   const { formatMessage } = reactIntl.useIntl();
   const selectedRows = strapiAdmin.useTable(
@@ -322,27 +446,29 @@ const BulkLocaleActionModal = ({
       return acc;
     }, {});
     const localesWithErrors = Object.keys(validationErrors);
-    const alreadyPublishedCount = selectedRows.filter(
+    const publishedCount = selectedRows.filter(
       ({ locale }) => currentStatusByLocale[locale] === "published"
     ).length;
-    const readyToPublishCount = selectedRows.filter(
+    const draftCount = selectedRows.filter(
       ({ locale }) => (currentStatusByLocale[locale] === "draft" || currentStatusByLocale[locale] === "modified") && !localesWithErrors.includes(locale)
     ).length;
     const withErrorsCount = localesWithErrors.length;
+    const messageId = action === "bulk-publish" ? "content-manager.containers.list.selectedEntriesModal.selectedCount.publish" : "content-manager.containers.list.selectedEntriesModal.selectedCount.unpublish";
+    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.";
     return formatMessage(
       {
-        id: "content-manager.containers.list.selectedEntriesModal.selectedCount",
-        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."
+        id: messageId,
+        defaultMessage
       },
       {
         withErrorsCount,
-        readyToPublishCount,
-        alreadyPublishedCount,
+        draftCount,
+        publishedCount,
         b: BoldChunk
       }
     );
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Modal.Body, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: getFormattedCountMessage() }),
     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginTop: 5, children: /* @__PURE__ */ jsxRuntime.jsxs(strapiAdmin.Table.Content, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs(strapiAdmin.Table.Head, { children: [
@@ -363,13 +489,12 @@ const BulkLocaleActionModal = ({
               paddingRight: "6px",
               paddingTop: "2px",
               paddingBottom: "2px",
-              showBullet: false,
               size: "S",
               variant: statusVariant,
               children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { tag: "span", variant: "pi", fontWeight: "bold", children: capitalize(status) })
             }
           ) }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(EntryValidationText, { validationErrors: error, status }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(EntryValidationText, { validationErrors: error, status, action }) }),
           /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(
             designSystem.IconButton,
             {
@@ -386,7 +511,7 @@ const BulkLocaleActionModal = ({
                   name: locale
                 }
               ),
-              borderWidth: 0,
+              variant: "ghost",
               children: /* @__PURE__ */ jsxRuntime.jsx(icons.Pencil, {})
             }
           ) })
@@ -395,6 +520,47 @@ const BulkLocaleActionModal = ({
     ] }) })
   ] });
 };
+const statusVariants = {
+  draft: "secondary",
+  published: "success",
+  modified: "alternative"
+};
+const LocaleOption = ({
+  isDraftAndPublishEnabled,
+  locale,
+  status,
+  entryExists
+}) => {
+  const { formatMessage } = reactIntl.useIntl();
+  if (!entryExists) {
+    return formatMessage(
+      {
+        id: getTranslation("CMEditViewLocalePicker.locale.create"),
+        defaultMessage: "Create <bold>{locale}</bold> locale"
+      },
+      {
+        bold: (locale2) => /* @__PURE__ */ jsxRuntime.jsx("b", { children: locale2 }),
+        locale: locale.name
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { width: "100%", gap: 1, justifyContent: "space-between", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: locale.name }),
+    isDraftAndPublishEnabled ? /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.Status,
+      {
+        display: "flex",
+        paddingLeft: "6px",
+        paddingRight: "6px",
+        paddingTop: "2px",
+        paddingBottom: "2px",
+        size: "S",
+        variant: statusVariants[status],
+        children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { tag: "span", variant: "pi", fontWeight: "bold", children: capitalize(status) })
+      }
+    ) : null
+  ] });
+};
 const LocalePickerAction = ({
   document,
   meta,
@@ -403,74 +569,77 @@ const LocalePickerAction = ({
   documentId
 }) => {
   const { formatMessage } = reactIntl.useIntl();
-  const [{ query }, setQuery] = strapiAdmin.useQueryParams();
+  const [{ query: query2 }, setQuery] = strapiAdmin.useQueryParams();
   const { hasI18n, canCreate, canRead } = useI18n();
   const { data: locales = [] } = useGetLocalesQuery();
-  const { schema } = strapiAdmin$1.unstable_useDocument({ model, collectionType, documentId });
+  const currentDesiredLocale = query2.plugins?.i18n?.locale;
+  const { schema } = strapiAdmin$1.unstable_useDocument({
+    model,
+    collectionType,
+    documentId,
+    params: { locale: currentDesiredLocale }
+  });
   const handleSelect = React__namespace.useCallback(
     (value) => {
       setQuery({
         plugins: {
-          ...query.plugins,
+          ...query2.plugins,
           i18n: {
             locale: value
           }
         }
       });
     },
-    [query.plugins, setQuery]
+    [query2.plugins, setQuery]
   );
   React__namespace.useEffect(() => {
     if (!Array.isArray(locales) || !hasI18n) {
       return;
     }
-    const currentDesiredLocale = query.plugins?.i18n?.locale;
     const doesLocaleExist = locales.find((loc) => loc.code === currentDesiredLocale);
     const defaultLocale = locales.find((locale) => locale.isDefault);
     if (!doesLocaleExist && defaultLocale?.code) {
       handleSelect(defaultLocale.code);
     }
-  }, [handleSelect, hasI18n, locales, query.plugins?.i18n?.locale]);
+  }, [handleSelect, hasI18n, locales, currentDesiredLocale]);
+  const currentLocale = Array.isArray(locales) ? locales.find((locale) => locale.code === currentDesiredLocale) : void 0;
+  const allCurrentLocales = [
+    { status: getDocumentStatus(document, meta), locale: currentLocale?.code },
+    ...document?.localizations ?? []
+  ];
   if (!hasI18n || !Array.isArray(locales) || locales.length === 0) {
     return null;
   }
-  const currentLocale = query.plugins?.i18n?.locale || locales.find((loc) => loc.isDefault)?.code;
-  const allCurrentLocales = [
-    { status: getDocumentStatus(document, meta), locale: currentLocale },
-    ...meta?.availableLocales ?? []
-  ];
+  const displayedLocales = locales.filter((locale) => {
+    return canRead.includes(locale.code);
+  });
   return {
     label: formatMessage({
       id: getTranslation("Settings.locales.modal.locales.label"),
       defaultMessage: "Locales"
     }),
-    options: locales.map((locale) => {
+    options: displayedLocales.map((locale) => {
+      const entryWithLocaleExists = allCurrentLocales.some((doc) => doc.locale === locale.code);
       const currentLocaleDoc = allCurrentLocales.find(
         (doc) => "locale" in doc ? doc.locale === locale.code : false
       );
-      const status = currentLocaleDoc?.status ?? "draft";
-      const permissionsToCheck = currentLocaleDoc ? canCreate : canRead;
-      const statusVariant = status === "draft" ? "primary" : status === "published" ? "success" : "alternative";
+      const permissionsToCheck = currentLocaleDoc ? canRead : canCreate;
       return {
         disabled: !permissionsToCheck.includes(locale.code),
         value: locale.code,
-        label: locale.name,
-        startIcon: schema?.options?.draftAndPublish ? /* @__PURE__ */ jsxRuntime.jsx(
-          designSystem.Status,
+        label: /* @__PURE__ */ jsxRuntime.jsx(
+          LocaleOption,
           {
-            display: "flex",
-            paddingLeft: "6px",
-            paddingRight: "6px",
-            paddingTop: "2px",
-            paddingBottom: "2px",
-            showBullet: false,
-            size: "S",
-            variant: statusVariant,
-            children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { tag: "span", variant: "pi", fontWeight: "bold", children: capitalize(status) })
+            isDraftAndPublishEnabled: !!schema?.options?.draftAndPublish,
+            locale,
+            status: currentLocaleDoc?.status,
+            entryExists: entryWithLocaleExists
           }
-        ) : null
+        ),
+        startIcon: !entryWithLocaleExists ? /* @__PURE__ */ jsxRuntime.jsx(icons.Plus, {}) : null
       };
     }),
+    customizeContent: () => currentLocale?.name,
     onSelect: handleSelect,
     value: currentLocale
   };
@@ -486,6 +655,99 @@ const getDocumentStatus = (document, meta) => {
   }
   return docStatus;
 };
+const FillFromAnotherLocaleAction = ({
+  documentId,
+  meta,
+  model,
+  collectionType
+}) => {
+  const { formatMessage } = reactIntl.useIntl();
+  const [{ query: query2 }] = strapiAdmin.useQueryParams();
+  const { hasI18n } = useI18n();
+  const currentDesiredLocale = query2.plugins?.i18n?.locale;
+  const [localeSelected, setLocaleSelected] = React__namespace.useState(null);
+  const setValues = strapiAdmin.useForm("FillFromAnotherLocale", (state) => state.setValues);
+  const { getDocument } = strapiAdmin$1.unstable_useDocumentActions();
+  const { schema, components } = strapiAdmin$1.unstable_useDocument({
+    model,
+    documentId,
+    collectionType,
+    params: { locale: currentDesiredLocale }
+  });
+  const { data: locales = [] } = useGetLocalesQuery();
+  const availableLocales = Array.isArray(locales) ? locales.filter((locale) => meta?.availableLocales.some((l) => l.locale === locale.code)) : [];
+  const fillFromLocale = (onClose) => async () => {
+    const response = await getDocument({
+      collectionType,
+      model,
+      documentId,
+      params: { locale: localeSelected }
+    });
+    if (!response || !schema) {
+      return;
+    }
+    const { data } = response;
+    const cleanedData = cleanData(data, schema, components);
+    setValues(cleanedData);
+    onClose();
+  };
+  if (!hasI18n) {
+    return null;
+  }
+  return {
+    type: "icon",
+    icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Download, {}),
+    disabled: availableLocales.length === 0,
+    label: formatMessage({
+      id: getTranslation("CMEditViewCopyLocale.copy-text"),
+      defaultMessage: "Fill in from another locale"
+    }),
+    dialog: {
+      type: "dialog",
+      title: formatMessage({
+        id: getTranslation("CMEditViewCopyLocale.dialog.title"),
+        defaultMessage: "Confirmation"
+      }),
+      content: ({ onClose }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Body, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 3, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(icons.WarningCircle, { width: "24px", height: "24px", fill: "danger600" }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textAlign: "center", children: formatMessage({
+            id: getTranslation("CMEditViewCopyLocale.dialog.body"),
+            defaultMessage: "Your current content will be erased and filled by the content of the selected locale:"
+          }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { width: "100%", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
+              id: getTranslation("CMEditViewCopyLocale.dialog.field.label"),
+              defaultMessage: "Locale"
+            }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.SingleSelect,
+              {
+                value: localeSelected,
+                placeholder: formatMessage({
+                  id: getTranslation("CMEditViewCopyLocale.dialog.field.placeholder"),
+                  defaultMessage: "Select one locale..."
+                }),
+                onChange: (value) => setLocaleSelected(value),
+                children: availableLocales.map((locale) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: locale.code, children: locale.name }, locale.code))
+              }
+            )
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Footer, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, width: "100%", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { flex: "auto", variant: "tertiary", onClick: onClose, children: formatMessage({
+            id: getTranslation("CMEditViewCopyLocale.cancel-text"),
+            defaultMessage: "No, cancel"
+          }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { flex: "auto", variant: "success", onClick: fillFromLocale(onClose), children: formatMessage({
+            id: getTranslation("CMEditViewCopyLocale.submit-text"),
+            defaultMessage: "Yes, fill in"
+          }) })
+        ] }) })
+      ] })
+    }
+  };
+};
 const DeleteLocaleAction = ({
   document,
   documentId,
@@ -497,16 +759,23 @@ const DeleteLocaleAction = ({
   const { toggleNotification } = strapiAdmin.useNotification();
   const { delete: deleteAction } = strapiAdmin$1.unstable_useDocumentActions();
   const { hasI18n, canDelete } = useI18n();
+  const [{ query: query2 }] = strapiAdmin.useQueryParams();
+  const { data: locales = [] } = useGetLocalesQuery();
+  const currentDesiredLocale = query2.plugins?.i18n?.locale;
+  const locale = !("error" in locales) && locales.find((loc) => loc.code === currentDesiredLocale);
   if (!hasI18n) {
     return null;
   }
   return {
     disabled: document?.locale && !canDelete.includes(document.locale) || !document || !document.id,
     position: ["header", "table-row"],
-    label: formatMessage({
-      id: getTranslation("actions.delete.label"),
-      defaultMessage: "Delete locale"
-    }),
+    label: formatMessage(
+      {
+        id: getTranslation("actions.delete.label"),
+        defaultMessage: "Delete entry ({locale})"
+      },
+      { locale: locale && locale.name }
+    ),
     icon: /* @__PURE__ */ jsxRuntime.jsx(StyledTrash, {}),
     variant: "danger",
     dialog: {
@@ -523,7 +792,12 @@ const DeleteLocaleAction = ({
         }) })
       ] }),
       onConfirm: async () => {
-        if (!documentId || !document?.locale) {
+        const unableToDelete = (
+          // We are unable to delete a collection type without a document ID
+          // & unable to delete generally if there is no document locale
+          collectionType !== "single-types" && !documentId || !document?.locale
+        );
+        if (unableToDelete) {
           console.error(
             "You're trying to delete a document without an id or locale, this is likely a bug with Strapi. Please open an issue."
           );
@@ -549,37 +823,39 @@ const DeleteLocaleAction = ({
     }
   };
 };
-const BulkLocalePublishAction = ({
-  document: baseDocument,
+const BulkLocaleAction = ({
+  document,
   documentId,
   model,
-  collectionType
+  collectionType,
+  action
 }) => {
-  const baseLocale = baseDocument?.locale ?? null;
-  const [{ query }] = strapiAdmin.useQueryParams();
-  const params = React__namespace.useMemo(() => strapiAdmin$1.buildValidParams(query), [query]);
-  const isPublishedTab = query.status === "published";
+  const locale = document?.locale ?? null;
+  const [{ query: query$1 }] = strapiAdmin.useQueryParams();
+  const params = React__namespace.useMemo(() => strapiAdmin$1.buildValidParams(query$1), [query$1]);
+  const isOnPublishedTab = query$1.status === "published";
   const { formatMessage } = reactIntl.useIntl();
   const { hasI18n, canPublish } = useI18n();
   const { toggleNotification } = strapiAdmin.useNotification();
   const { _unstableFormatAPIError: formatAPIError } = strapiAdmin.useAPIErrorHandler();
   const [selectedRows, setSelectedRows] = React__namespace.useState([]);
-  const [isConfirmationOpen, setIsConfirmationOpen] = React__namespace.useState(false);
-  const { publishMany: publishManyAction } = strapiAdmin$1.unstable_useDocumentActions();
-  const {
-    document,
-    meta: documentMeta,
-    schema,
-    validate
-  } = strapiAdmin$1.unstable_useDocument({
-    model,
-    collectionType,
-    documentId,
-    params: {
-      locale: baseLocale
+  const [isDraftRelationConfirmationOpen, setIsDraftRelationConfirmationOpen] = React__namespace.useState(false);
+  const { publishMany: publishManyAction, unpublishMany: unpublishManyAction } = strapiAdmin$1.unstable_useDocumentActions();
+  const { schema, validate } = strapiAdmin$1.unstable_useDocument(
+    {
+      model,
+      collectionType,
+      documentId,
+      params: {
+        locale
+      }
+    },
+    {
+      // No need to fetch the document, the data is already available in the `document` prop
+      skip: true
     }
-  });
-  const { data: localesMetadata = [] } = useGetLocalesQuery();
+  );
+  const { data: localesMetadata = [] } = useGetLocalesQuery(hasI18n ? void 0 : query.skipToken);
   const headers = [
     {
       label: formatMessage({
@@ -604,18 +880,19 @@ const BulkLocalePublishAction = ({
     }
   ];
   const [rows, validationErrors] = React__namespace.useMemo(() => {
-    if (!document || !documentMeta?.availableLocales) {
+    if (!document) {
       return [[], {}];
     }
-    const rowsFromMeta = documentMeta?.availableLocales.map((doc) => {
-      const { locale, status } = doc;
-      return { locale, status };
+    const localizations = document.localizations ?? [];
+    const locales = localizations.map((doc) => {
+      const { locale: locale2, status } = doc;
+      return { locale: locale2, status };
     });
-    rowsFromMeta.unshift({
+    locales.unshift({
       locale: document.locale,
       status: document.status
     });
-    const allDocuments = [document, ...documentMeta?.availableLocales ?? []];
+    const allDocuments = [document, ...localizations];
     const errors = allDocuments.reduce((errs, document2) => {
       if (!document2) {
         return errs;
@@ -626,14 +903,21 @@ const BulkLocalePublishAction = ({
       }
       return errs;
     }, {});
-    return [rowsFromMeta, errors];
-  }, [document, documentMeta?.availableLocales, validate]);
-  const localesToPublish = selectedRows.reduce((acc, selectedRow) => {
-    if (selectedRow.status !== "published" && !Object.keys(validationErrors).includes(selectedRow.locale)) {
+    return [locales, errors];
+  }, [document, validate]);
+  const isBulkPublish = action === "bulk-publish";
+  const localesForAction = selectedRows.reduce((acc, selectedRow) => {
+    const isValidLocale = (
+      // Validation errors are irrelevant if we are trying to unpublish
+      !isBulkPublish || !Object.keys(validationErrors).includes(selectedRow.locale)
+    );
+    const shouldAddLocale = isBulkPublish ? selectedRow.status !== "published" && isValidLocale : selectedRow.status !== "draft" && isValidLocale;
+    if (shouldAddLocale) {
       acc.push(selectedRow.locale);
     }
     return acc;
   }, []);
+  const enableDraftRelationsCount = false;
   const {
     data: draftRelationsCount = 0,
     isLoading: isDraftRelationsLoading,
@@ -642,10 +926,10 @@ const BulkLocalePublishAction = ({
     {
       model,
       documentIds: [documentId],
-      locale: localesToPublish
+      locale: localesForAction
     },
     {
-      skip: !documentId || localesToPublish.length === 0
+      skip: !enableDraftRelationsCount
     }
   );
   React__namespace.useEffect(() => {
@@ -671,23 +955,32 @@ const BulkLocalePublishAction = ({
       documentIds: [documentId],
       params: {
         ...params,
-        locale: localesToPublish
+        locale: localesForAction
+      }
+    });
+    setSelectedRows([]);
+  };
+  const unpublish = async () => {
+    await unpublishManyAction({
+      model,
+      documentIds: [documentId],
+      params: {
+        ...params,
+        locale: localesForAction
       }
     });
     setSelectedRows([]);
   };
   const handleAction = async () => {
     if (draftRelationsCount > 0) {
-      setIsConfirmationOpen(true);
-    } else {
+      setIsDraftRelationConfirmationOpen(true);
+    } else if (isBulkPublish) {
       await publish();
+    } else {
+      await unpublish();
     }
   };
-  const isUnpublish = document?.status === "published";
-  if (isUnpublish) {
-    console.warn(["I18N"], "Bulk locale unpublish modal not implemented");
-  }
-  if (isConfirmationOpen) {
+  if (isDraftRelationConfirmationOpen) {
     return {
       label: formatMessage({
         id: "app.components.ConfirmDialog.title",
@@ -696,11 +989,11 @@ const BulkLocalePublishAction = ({
       variant: "danger",
       dialog: {
         onCancel: () => {
-          setIsConfirmationOpen(false);
+          setIsDraftRelationConfirmationOpen(false);
         },
         onConfirm: async () => {
           await publish();
-          setIsConfirmationOpen(false);
+          setIsDraftRelationConfirmationOpen(false);
         },
         type: "dialog",
         title: formatMessage({
@@ -710,27 +1003,32 @@ const BulkLocalePublishAction = ({
         content: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "center", gap: 2, children: [
           /* @__PURE__ */ jsxRuntime.jsx(icons.WarningCircle, { width: "2.4rem", height: "2.4rem", fill: "danger600" }),
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textAlign: "center", children: formatMessage({
-            id: "content-manager.actions.discard.dialog.body",
-            defaultMessage: "Are you sure you want to discard the changes? This action is irreversible."
+            id: getTranslation("CMEditViewBulkLocale.draft-relation-warning"),
+            defaultMessage: "Some locales are related to draft entries. Publishing them could leave broken links in your app."
+          }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textAlign: "center", children: formatMessage({
+            id: getTranslation("CMEditViewBulkLocale.continue-confirmation"),
+            defaultMessage: "Are you sure you want to continue?"
           }) })
         ] })
       }
     };
   }
+  const hasPermission = selectedRows.map(({ locale: locale2 }) => locale2).every((locale2) => canPublish.includes(locale2));
   return {
     label: formatMessage({
-      id: getTranslation("CMEditViewBulkLocale.publish-title"),
-      defaultMessage: "Publish Multiple Locales"
+      id: getTranslation(`CMEditViewBulkLocale.${isBulkPublish ? "publish" : "unpublish"}-title`),
+      defaultMessage: `${isBulkPublish ? "Publish" : "Unpublish"} Multiple Locales`
     }),
-    icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ListPlus, {}),
-    disabled: isPublishedTab || !canPublish,
+    variant: isBulkPublish ? "secondary" : "danger",
+    icon: isBulkPublish ? /* @__PURE__ */ jsxRuntime.jsx(icons.ListPlus, {}) : /* @__PURE__ */ jsxRuntime.jsx(icons.Cross, {}),
+    disabled: isOnPublishedTab || canPublish.length === 0,
     position: ["panel"],
-    variant: "secondary",
     dialog: {
       type: "modal",
       title: formatMessage({
-        id: getTranslation("CMEditViewBulkLocale.publish-title"),
-        defaultMessage: "Publish Multiple Locales"
+        id: getTranslation(`CMEditViewBulkLocale.${isBulkPublish ? "publish" : "unpublish"}-title`),
+        defaultMessage: `${isBulkPublish ? "Publish" : "Unpublish"} Multiple Locales`
       }),
       content: () => {
         return /* @__PURE__ */ jsxRuntime.jsx(
@@ -749,28 +1047,35 @@ const BulkLocalePublishAction = ({
                 validationErrors,
                 headers,
                 rows,
-                localesMetadata
+                localesMetadata,
+                action: action ?? "bulk-publish"
               }
             )
           }
         );
       },
-      footer: () => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "flex-end", children: /* @__PURE__ */ jsxRuntime.jsx(
+      footer: () => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Footer, { justifyContent: "flex-end", children: /* @__PURE__ */ jsxRuntime.jsx(
         designSystem.Button,
         {
           loading: isDraftRelationsLoading,
-          disabled: localesToPublish.length === 0,
+          disabled: !hasPermission || localesForAction.length === 0,
           variant: "default",
           onClick: handleAction,
           children: formatMessage({
-            id: "app.utils.publish",
-            defaultMessage: "Publish"
+            id: isBulkPublish ? "app.utils.publish" : "app.utils.unpublish",
+            defaultMessage: isBulkPublish ? "Publish" : "Unpublish"
           })
         }
       ) })
     }
   };
 };
+const BulkLocalePublishAction = (props) => {
+  return BulkLocaleAction({ action: "bulk-publish", ...props });
+};
+const BulkLocaleUnpublishAction = (props) => {
+  return BulkLocaleAction({ action: "bulk-unpublish", ...props });
+};
 const StyledTrash = styledComponents.styled(icons.Trash)`
   path {
     fill: currentColor;
@@ -827,16 +1132,9 @@ const UnpublishModalAdditionalInfo = () => {
     }
   ) });
 };
-const Initializer = ({ setPlugin }) => {
-  const setPluginRef = React__namespace.useRef(setPlugin);
-  React__namespace.useEffect(() => {
-    setPluginRef.current(pluginId);
-  }, []);
-  return null;
-};
 const LocalePicker = () => {
   const { formatMessage } = reactIntl.useIntl();
-  const [{ query }, setQuery] = strapiAdmin.useQueryParams();
+  const [{ query: query2 }, setQuery] = strapiAdmin.useQueryParams();
   const { hasI18n, canRead, canCreate } = useI18n();
   const { data: locales = [] } = useGetLocalesQuery(void 0, {
     skip: !hasI18n
@@ -846,25 +1144,25 @@ const LocalePicker = () => {
       setQuery(
         {
           page: 1,
-          plugins: { ...query.plugins, i18n: { locale: code } }
+          plugins: { ...query2.plugins, i18n: { locale: code } }
         },
         "push",
         replace
       );
     },
-    [query.plugins, setQuery]
+    [query2.plugins, setQuery]
   );
   React__namespace.useEffect(() => {
     if (!Array.isArray(locales) || !hasI18n) {
       return;
     }
-    const currentDesiredLocale = query.plugins?.i18n?.locale;
+    const currentDesiredLocale = query2.plugins?.i18n?.locale;
     const doesLocaleExist = locales.find((loc) => loc.code === currentDesiredLocale);
     const defaultLocale = locales.find((locale) => locale.isDefault);
     if (!doesLocaleExist && defaultLocale?.code) {
       handleChange(defaultLocale.code, true);
     }
-  }, [hasI18n, handleChange, locales, query.plugins?.i18n?.locale]);
+  }, [hasI18n, handleChange, locales, query2.plugins?.i18n?.locale]);
   if (!hasI18n || !Array.isArray(locales) || locales.length === 0) {
     return null;
   }
@@ -879,7 +1177,7 @@ const LocalePicker = () => {
         id: getTranslation("actions.select-locale"),
         defaultMessage: "Select locale"
       }),
-      value: query.plugins?.i18n?.locale || locales.find((locale) => locale.isDefault)?.code,
+      value: query2.plugins?.i18n?.locale || locales.find((locale) => locale.isDefault)?.code,
       onChange: handleChange,
       children: displayedLocales.map((locale) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: locale.code, children: locale.name }, locale.id))
     }
@@ -893,7 +1191,7 @@ const PERMISSIONS = {
   read: [{ action: "plugin::i18n.locale.read", subject: null }]
 };
 const mutateEditViewHook = ({ layout }) => {
-  if ("i18n" in layout.options && typeof layout.options.i18n === "object" && layout.options.i18n !== null && "localized" in layout.options.i18n && !layout.options.i18n.localized) {
+  if (!("i18n" in layout.options) || typeof layout.options.i18n === "object" && layout.options.i18n !== null && "localized" in layout.options.i18n && !layout.options.i18n.localized) {
     return { layout };
   }
   const components = Object.entries(layout.components).reduce(
@@ -939,7 +1237,7 @@ const doesFieldHaveI18nPluginOpt = (pluginOpts) => {
 const LabelAction = ({ title, icon }) => {
   const { formatMessage } = reactIntl.useIntl();
   return /* @__PURE__ */ jsxRuntime.jsxs(Span, { tag: "span", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.VisuallyHidden, { tag: "span", children: `(${formatMessage(title)})` }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.VisuallyHidden, { tag: "span", children: formatMessage(title) }),
     React__namespace.cloneElement(icon, {
       "aria-hidden": true,
       focusable: false
@@ -959,35 +1257,16 @@ const Span = styledComponents.styled(designSystem.Flex)`
     }
   }
 `;
-const LocaleListCell = ({
-  documentId,
-  locale: currentLocale,
-  collectionType,
-  model
-}) => {
-  const { meta, isLoading } = strapiAdmin$1.unstable_useDocument({
-    documentId,
-    collectionType,
-    model,
-    params: {
-      locale: currentLocale
-    }
-  });
+const LocaleListCell = ({ locale: currentLocale, localizations }) => {
   const { locale: language } = reactIntl.useIntl();
-  const [visible, setVisible] = React__namespace.useState(false);
-  const buttonRef = React__namespace.useRef(null);
   const { data: locales = [] } = useGetLocalesQuery();
-  const handleTogglePopover = (e) => {
-    e.stopPropagation();
-    setVisible((prev) => !prev);
-  };
   const formatter = designSystem.useCollator(language, {
     sensitivity: "base"
   });
-  if (!Array.isArray(locales) || isLoading) {
+  if (!Array.isArray(locales) || !localizations) {
     return null;
   }
-  const availableLocales = meta?.availableLocales.map((doc) => doc.locale) ?? [];
+  const availableLocales = localizations.map((loc) => loc.locale);
   const localesForDocument = locales.reduce((acc, locale) => {
     const createdLocale = [currentLocale, ...availableLocales].find((loc) => {
       return loc === locale.code;
@@ -1002,64 +1281,14 @@ const LocaleListCell = ({
     }
     return locale.name;
   }).toSorted((a, b) => formatter.compare(a, b));
-  return /* @__PURE__ */ jsxRuntime.jsxs(Button, { type: "button", onClick: handleTogglePopover, ref: buttonRef, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      ActionWrapper,
-      {
-        minWidth: "100%",
-        alignItems: "center",
-        justifyContent: "center",
-        height: "3.2rem",
-        width: "3.2rem",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", ellipsis: true, children: localesForDocument.join(", ") }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { children: /* @__PURE__ */ jsxRuntime.jsx(icons.CaretDown, {}) })
-        ]
-      }
-    ),
-    visible && /* @__PURE__ */ jsxRuntime.jsx(
-      designSystem.Popover,
-      {
-        onDismiss: () => setVisible(false),
-        source: buttonRef,
-        spacing: 16,
-        centered: true,
-        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)) })
-      }
-    )
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Popover.Root, { children: [
+    /* @__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: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", ellipsis: true, marginRight: 2, children: localesForDocument.join(", ") }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { children: /* @__PURE__ */ jsxRuntime.jsx(icons.CaretDown, { width: "1.2rem", height: "1.2rem" }) })
+    ] }) }) }),
+    /* @__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)) }) })
   ] });
 };
-const Button = styledComponents.styled.button`
-  width: 100%;
-
-  svg {
-    > g,
-    path {
-      fill: ${({ theme }) => theme.colors.neutral500};
-    }
-  }
-  &:hover {
-    svg {
-      > g,
-      path {
-        fill: ${({ theme }) => theme.colors.neutral600};
-      }
-    }
-  }
-  &:active {
-    svg {
-      > g,
-      path {
-        fill: ${({ theme }) => theme.colors.neutral400};
-      }
-    }
-  }
-`;
-const ActionWrapper = styledComponents.styled(designSystem.Flex)`
-  svg {
-    height: 0.4rem;
-  }
-`;
 const addColumnToTableHook = ({ displayedHeaders, layout }) => {
   const { options } = layout;
   const isFieldLocalized = doesPluginOptionsHaveI18nLocalized(options) ? options.i18n.localized : false;
@@ -1088,18 +1317,11 @@ const addColumnToTableHook = ({ displayedHeaders, layout }) => {
 const addLocaleToReleasesHook = ({ displayedHeaders = [] }) => {
   return {
     displayedHeaders: [
-      // TODO: Fix when migrating to v5
-      // ...displayedHeaders,
+      ...displayedHeaders,
       {
-        key: "__locale__",
-        fieldSchema: { type: "string" },
-        metadatas: {
-          label: {
-            id: "content-releases.page.ReleaseDetails.table.header.label.locale",
-            defaultMessage: "locale"
-          },
-          searchable: false,
-          sortable: false
+        label: {
+          id: "content-releases.page.ReleaseDetails.table.header.label.locale",
+          defaultMessage: "locale"
         },
         name: "locale"
       }
@@ -1192,9 +1414,6 @@ const localeMiddleware = (ctx) => (next) => (permissions) => {
   return next(revisedPermissions);
 };
 const prefixPluginTranslations = (trad, pluginId2) => {
-  if (!pluginId2) {
-    throw new TypeError("pluginId can't be empty");
-  }
   return Object.keys(trad).reduce((acc, current) => {
     acc[`${pluginId2}.${current}`] = trad[current];
     return acc;
@@ -1247,8 +1466,6 @@ const index = {
     app.addRBACMiddleware([localeMiddleware]);
     app.registerPlugin({
       id: pluginId,
-      initializer: Initializer,
-      isReady: false,
       name: pluginId
     });
   },
@@ -1266,11 +1483,11 @@ const index = {
       },
       id: "internationalization",
       to: "internationalization",
-      Component: () => Promise.resolve().then(() => require("./SettingsPage-DnLLGeBa.js")).then((mod) => ({ default: mod.ProtectedSettingsPage })),
+      Component: () => Promise.resolve().then(() => require("./SettingsPage-hyOi94O9.js")).then((mod) => ({ default: mod.ProtectedSettingsPage })),
       permissions: PERMISSIONS.accessMain
     });
     const contentManager = app.getPlugin("content-manager");
-    contentManager.apis.addDocumentHeaderAction([LocalePickerAction]);
+    contentManager.apis.addDocumentHeaderAction([LocalePickerAction, FillFromAnotherLocaleAction]);
     contentManager.apis.addDocumentAction((actions) => {
       const indexOfDeleteAction = actions.findIndex((action) => action.type === "delete");
       actions.splice(indexOfDeleteAction, 0, DeleteLocaleAction);
@@ -1278,6 +1495,7 @@ const index = {
     });
     contentManager.apis.addDocumentAction((actions) => {
       actions.splice(2, 0, BulkLocalePublishAction);
+      actions.splice(5, 0, BulkLocaleUnpublishAction);
       return actions;
     });
     contentManager.injectComponent("listView", "actions", {
@@ -1327,24 +1545,6 @@ const index = {
         }
       });
       ctbFormsAPI.extendFields(LOCALIZED_FIELDS, {
-        validator: (args) => ({
-          i18n: yup__namespace.object().shape({
-            localized: yup__namespace.bool().test({
-              name: "ensure-unique-localization",
-              message: getTranslation("plugin.schema.i18n.ensure-unique-localization"),
-              test(value) {
-                if (value === void 0 || value) {
-                  return true;
-                }
-                const unique = get__default.default(args, ["3", "modifiedData", "unique"], null);
-                if (unique && !value) {
-                  return false;
-                }
-                return true;
-              }
-            })
-          })
-        }),
         form: {
           advanced({ contentTypeSchema, forTarget, type, step }) {
             if (forTarget !== "contentType") {
@@ -1383,7 +1583,7 @@ const index = {
   async registerTrads({ locales }) {
     const importedTrads = await Promise.all(
       locales.map((locale) => {
-        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 }) => {
+        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/de.json": () => Promise.resolve().then(() => require("./de-BOhNX_-5.js")), "./translations/dk.json": () => Promise.resolve().then(() => require("./dk-cjXm0p3m.js")), "./translations/en.json": () => Promise.resolve().then(() => require("./en-UlC0jh2t.js")), "./translations/es.json": () => Promise.resolve().then(() => require("./es-hr9b_HLp.js")), "./translations/fr.json": () => Promise.resolve().then(() => require("./fr-BFmBbE0H.js")), "./translations/ko.json": () => Promise.resolve().then(() => require("./ko-C40pNQ9b.js")), "./translations/pl.json": () => Promise.resolve().then(() => require("./pl-JtWBy-JQ.js")), "./translations/ru.json": () => Promise.resolve().then(() => require("./ru-COSWt3Nu.js")), "./translations/tr.json": () => Promise.resolve().then(() => require("./tr-BVj1O5ch.js")), "./translations/zh-Hans.json": () => Promise.resolve().then(() => require("./zh-Hans-DIEm_EMC.js")), "./translations/zh.json": () => Promise.resolve().then(() => require("./zh-wkBPBkhc.js")) }), `./translations/${locale}.json`, 3).then(({ default: data }) => {
           return {
             data: prefixPluginTranslations(data, pluginId),
             locale
@@ -1407,4 +1607,4 @@ exports.useDeleteLocaleMutation = useDeleteLocaleMutation;
 exports.useGetDefaultLocalesQuery = useGetDefaultLocalesQuery;
 exports.useGetLocalesQuery = useGetLocalesQuery;
 exports.useUpdateLocaleMutation = useUpdateLocaleMutation;
-//# sourceMappingURL=index-DtEKsPcR.js.map
+//# sourceMappingURL=index-C8NzsAKp.js.map