@strapi/i18n 0.0.0-experimental.17b4116f461a49b8ce5386f7c8d79c511d40fb3b → 0.0.0-experimental.25e22c6cc9bc6b35392bb55d09f641a0a65e7403

package/dist/_chunks/{index-DMXJeGjN.js → index-kedPlCo6.js}

@@ -6,12 +6,10 @@ const React = require("react");
 const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
 const reactIntl = require("react-intl");
-const styled = require("styled-components");
+const styledComponents = require("styled-components");
 const strapiAdmin = require("@strapi/admin/strapi-admin");
 const strapiAdmin$1 = require("@strapi/content-manager/strapi-admin");
 const reactRouterDom = require("react-router-dom");
-const react = require("@reduxjs/toolkit/query/react");
-const axios = require("axios");
 const qs = require("qs");
 const omit = require("lodash/omit");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -36,7 +34,6 @@ function _interopNamespace(e) {
 const get__default = /* @__PURE__ */ _interopDefault(get);
 const yup__namespace = /* @__PURE__ */ _interopNamespace(yup);
 const React__namespace = /* @__PURE__ */ _interopNamespace(React);
-const styled__default = /* @__PURE__ */ _interopDefault(styled);
 const qs__namespace = /* @__PURE__ */ _interopNamespace(qs);
 const omit__default = /* @__PURE__ */ _interopDefault(omit);
 const __variableDynamicImportRuntimeHelper = (glob, path) => {
@@ -50,7 +47,7 @@ const __variableDynamicImportRuntimeHelper = (glob, path) => {
 };
 const pluginId = "i18n";
 const getTranslation = (id) => `${pluginId}.${id}`;
-const TextAlignTypography = styled__default.default(designSystem.Typography)`
+const TextAlignTypography = styledComponents.styled(designSystem.Typography)`
   text-align: center;
 `;
 const CheckboxConfirmation = ({
@@ -74,9 +71,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 }
@@ -85,43 +80,36 @@ const CheckboxConfirmation = ({
     { id: description.id, defaultMessage: description.defaultMessage },
     { ...description.values }
   ) : "";
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      designSystem.Checkbox,
-      {
-        hint,
-        id: name,
-        name,
-        onValueChange: handleChange,
-        value,
-        type: "checkbox",
-        children: label
-      }
-    ),
-    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({
+  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, { onCheckedChange: handleChange, checked: value, children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+    ] }),
+    /* @__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"
+        }) }) })
+      ] })
     ] })
   ] });
 };
@@ -186,64 +174,8 @@ const useI18n = () => {
     ...actions
   };
 };
-const axiosBaseQuery = () => async (query, { signal }) => {
-  try {
-    const { get: get2, post, del, put } = strapiAdmin.getFetchClient();
-    if (typeof query === "string") {
-      const result = await get2(query, { signal });
-      return { data: result.data };
-    } else {
-      const { url, method = "GET", data, config } = query;
-      if (method === "POST") {
-        const result2 = await post(url, data, { ...config, signal });
-        return { data: result2.data };
-      }
-      if (method === "DELETE") {
-        const result2 = await del(url, { ...config, signal });
-        return { data: result2.data };
-      }
-      if (method === "PUT") {
-        const result2 = await put(url, data, { ...config, signal });
-        return { data: result2.data };
-      }
-      const result = await get2(url, { ...config, signal });
-      return { data: result.data };
-    }
-  } catch (err) {
-    if (axios.isAxiosError(err)) {
-      if (typeof err.response?.data === "object" && err.response?.data !== null && "error" in err.response?.data) {
-        return { data: void 0, error: err.response?.data.error };
-      } else {
-        return {
-          data: void 0,
-          error: {
-            name: "UnknownError",
-            message: "There was an unknown error response from the API",
-            details: err.response?.data,
-            status: err.response?.status
-          }
-        };
-      }
-    }
-    const error = err;
-    return {
-      data: void 0,
-      error: {
-        name: error.name,
-        message: error.message,
-        stack: error.stack
-      }
-    };
-  }
-};
-const isBaseQueryError = (error) => {
-  return error.name !== void 0;
-};
-const i18nApi = react.createApi({
-  reducerPath: "i18nApi",
-  baseQuery: axiosBaseQuery(),
-  tagTypes: ["Locale"],
-  endpoints: () => ({})
+const i18nApi = strapiAdmin.adminApi.enhanceEndpoints({
+  addTagTypes: ["Locale"]
 });
 const localesApi = i18nApi.injectEndpoints({
   endpoints: (builder) => ({
@@ -292,6 +224,176 @@ const {
   useGetDefaultLocalesQuery,
   useUpdateLocaleMutation
 } = localesApi;
+const relationsApi = i18nApi.injectEndpoints({
+  overrideExisting: true,
+  endpoints: (builder) => ({
+    getManyDraftRelationCount: builder.query({
+      query: ({ model, ...params }) => ({
+        url: `/content-manager/collection-types/${model}/actions/countManyEntriesDraftRelations`,
+        method: "GET",
+        config: {
+          params
+        }
+      }),
+      transformResponse: (response) => response.data
+    })
+  })
+});
+const { useGetManyDraftRelationCountQuery } = relationsApi;
+const isErrorMessageDescriptor = (object) => {
+  return typeof object === "object" && object !== null && "id" in object && "defaultMessage" in object;
+};
+const EntryValidationText = ({ status = "draft", validationErrors }) => {
+  const { formatMessage } = reactIntl.useIntl();
+  const getErrorStr = (key, value) => {
+    if (typeof value === "string") {
+      return `${key}: ${value}`;
+    } else if (isErrorMessageDescriptor(value)) {
+      return `${key}: ${formatMessage(value)}`;
+    } else if (Array.isArray(value)) {
+      return value.map((v) => getErrorStr(key, v)).join(" ");
+    } else if (typeof value === "object" && !Array.isArray(value)) {
+      return Object.entries(value).map(([k, v]) => getErrorStr(k, v)).join(" ");
+    } else {
+      return "";
+    }
+  };
+  if (validationErrors) {
+    const validationErrorsMessages = Object.entries(validationErrors).map(([key, value]) => {
+      return getErrorStr(key, value);
+    }).join(" ");
+    return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(icons.CrossCircle, { fill: "danger600" }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tooltip, { label: validationErrorsMessages, children: /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Typography,
+        {
+          maxWidth: "30rem",
+          textColor: "danger600",
+          variant: "omega",
+          fontWeight: "semiBold",
+          ellipsis: true,
+          children: validationErrorsMessages
+        }
+      ) })
+    ] });
+  }
+  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"
+      }) })
+    ] });
+  }
+  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"
+    }) })
+  ] });
+};
+const BoldChunk = (chunks) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "bold", children: chunks });
+const BulkLocaleActionModal = ({
+  headers,
+  rows,
+  localesMetadata,
+  validationErrors = {}
+}) => {
+  const { formatMessage } = reactIntl.useIntl();
+  const selectedRows = strapiAdmin.useTable(
+    "BulkLocaleActionModal",
+    (state) => state.selectedRows
+  );
+  const getFormattedCountMessage = () => {
+    const currentStatusByLocale = rows.reduce((acc, { locale, status }) => {
+      acc[locale] = status;
+      return acc;
+    }, {});
+    const localesWithErrors = Object.keys(validationErrors);
+    const alreadyPublishedCount = selectedRows.filter(
+      ({ locale }) => currentStatusByLocale[locale] === "published"
+    ).length;
+    const readyToPublishCount = selectedRows.filter(
+      ({ locale }) => (currentStatusByLocale[locale] === "draft" || currentStatusByLocale[locale] === "modified") && !localesWithErrors.includes(locale)
+    ).length;
+    const withErrorsCount = localesWithErrors.length;
+    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."
+      },
+      {
+        withErrorsCount,
+        readyToPublishCount,
+        alreadyPublishedCount,
+        b: BoldChunk
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.Fragment, { 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: [
+        /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Table.HeaderCheckboxCell, {}),
+        headers.map((head) => /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Table.HeaderCell, { ...head }, head.name))
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Table.Body, { children: rows.map(({ locale, status }, index2) => {
+        const error = validationErrors?.[locale] ?? null;
+        const statusVariant = status === "draft" ? "primary" : status === "published" ? "success" : "alternative";
+        return /* @__PURE__ */ jsxRuntime.jsxs(strapiAdmin.Table.Row, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Table.CheckboxCell, { id: locale, "aria-label": `Select ${locale}` }),
+          /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", children: Array.isArray(localesMetadata) ? localesMetadata.find((localeEntry) => localeEntry.code === locale)?.name : locale }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { display: "flex", children: /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.Status,
+            {
+              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) })
+            }
+          ) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(EntryValidationText, { validationErrors: error, status }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.IconButton,
+            {
+              tag: reactRouterDom.Link,
+              to: {
+                search: qs.stringify({ plugins: { i18n: { locale } } })
+              },
+              label: formatMessage(
+                {
+                  id: getTranslation("Settings.list.actions.edit"),
+                  defaultMessage: "Edit {name} locale"
+                },
+                {
+                  name: locale
+                }
+              ),
+              borderWidth: 0,
+              children: /* @__PURE__ */ jsxRuntime.jsx(icons.Pencil, {})
+            }
+          ) })
+        ] }, index2);
+      }) })
+    ] }) })
+  ] });
+};
 const LocalePickerAction = ({
   document,
   meta,
@@ -363,7 +465,7 @@ const LocalePickerAction = ({
             showBullet: false,
             size: "S",
             variant: statusVariant,
-            children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { as: "span", variant: "pi", fontWeight: "bold", children: capitalize(status) })
+            children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { tag: "span", variant: "pi", fontWeight: "bold", children: capitalize(status) })
           }
         ) : null
       };
@@ -414,7 +516,7 @@ const DeleteLocaleAction = ({
       }),
       content: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 2, children: [
         /* @__PURE__ */ jsxRuntime.jsx(icons.WarningCircle, { width: "24px", height: "24px", fill: "danger600" }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { as: "p", variant: "omega", textAlign: "center", children: formatMessage({
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { tag: "p", variant: "omega", textAlign: "center", children: formatMessage({
           id: getTranslation("actions.delete.dialog.body"),
           defaultMessage: "Are you sure?"
         }) })
@@ -446,7 +548,229 @@ const DeleteLocaleAction = ({
     }
   };
 };
-const StyledTrash = styled__default.default(icons.Trash)`
+const BulkLocalePublishAction = ({
+  document: baseDocument,
+  documentId,
+  model,
+  collectionType
+}) => {
+  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 { 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 { data: localesMetadata = [] } = useGetLocalesQuery();
+  const headers = [
+    {
+      label: formatMessage({
+        id: "global.name",
+        defaultMessage: "Name"
+      }),
+      name: "name"
+    },
+    {
+      label: formatMessage({
+        id: getTranslation("CMEditViewBulkLocale.status"),
+        defaultMessage: "Status"
+      }),
+      name: "status"
+    },
+    {
+      label: formatMessage({
+        id: getTranslation("CMEditViewBulkLocale.publication-status"),
+        defaultMessage: "Publication Status"
+      }),
+      name: "publication-status"
+    }
+  ];
+  const [rows, validationErrors] = React__namespace.useMemo(() => {
+    if (!document || !documentMeta?.availableLocales) {
+      return [[], {}];
+    }
+    const rowsFromMeta = documentMeta?.availableLocales.map((doc) => {
+      const { locale, status } = doc;
+      return { locale, status };
+    });
+    rowsFromMeta.unshift({
+      locale: document.locale,
+      status: document.status
+    });
+    const allDocuments = [document, ...documentMeta?.availableLocales ?? []];
+    const errors = allDocuments.reduce((errs, document2) => {
+      if (!document2) {
+        return errs;
+      }
+      const validation = validate(document2);
+      if (validation !== null) {
+        errs[document2.locale] = validation;
+      }
+      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)) {
+      acc.push(selectedRow.locale);
+    }
+    return acc;
+  }, []);
+  const {
+    data: draftRelationsCount = 0,
+    isLoading: isDraftRelationsLoading,
+    error: isDraftRelationsError
+  } = useGetManyDraftRelationCountQuery(
+    {
+      model,
+      documentIds: [documentId],
+      locale: localesToPublish
+    },
+    {
+      skip: !documentId || localesToPublish.length === 0
+    }
+  );
+  React__namespace.useEffect(() => {
+    if (isDraftRelationsError) {
+      toggleNotification({
+        type: "danger",
+        message: formatAPIError(isDraftRelationsError)
+      });
+    }
+  }, [isDraftRelationsError, toggleNotification, formatAPIError]);
+  if (!schema?.options?.draftAndPublish) {
+    return null;
+  }
+  if (!hasI18n) {
+    return null;
+  }
+  if (!documentId) {
+    return null;
+  }
+  const publish = async () => {
+    await publishManyAction({
+      model,
+      documentIds: [documentId],
+      params: {
+        ...params,
+        locale: localesToPublish
+      }
+    });
+    setSelectedRows([]);
+  };
+  const handleAction = async () => {
+    if (draftRelationsCount > 0) {
+      setIsConfirmationOpen(true);
+    } else {
+      await publish();
+    }
+  };
+  const isUnpublish = document?.status === "published";
+  if (isUnpublish) {
+    console.warn(["I18N"], "Bulk locale unpublish modal not implemented");
+  }
+  if (isConfirmationOpen) {
+    return {
+      label: formatMessage({
+        id: "app.components.ConfirmDialog.title",
+        defaultMessage: "Confirmation"
+      }),
+      variant: "danger",
+      dialog: {
+        onCancel: () => {
+          setIsConfirmationOpen(false);
+        },
+        onConfirm: async () => {
+          await publish();
+          setIsConfirmationOpen(false);
+        },
+        type: "dialog",
+        title: formatMessage({
+          id: getTranslation("actions.publish.dialog.title"),
+          defaultMessage: "Confirmation"
+        }),
+        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."
+          }) })
+        ] })
+      }
+    };
+  }
+  return {
+    label: formatMessage({
+      id: getTranslation("CMEditViewBulkLocale.publish-title"),
+      defaultMessage: "Publish Multiple Locales"
+    }),
+    icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ListPlus, {}),
+    disabled: isPublishedTab || !canPublish,
+    position: ["panel"],
+    variant: "secondary",
+    dialog: {
+      type: "modal",
+      title: formatMessage({
+        id: getTranslation("CMEditViewBulkLocale.publish-title"),
+        defaultMessage: "Publish Multiple Locales"
+      }),
+      content: () => {
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          strapiAdmin.Table.Root,
+          {
+            headers,
+            rows: rows.map((row) => ({
+              ...row,
+              id: row.locale
+            })),
+            selectedRows,
+            onSelectedRowsChange: (tableSelectedRows) => setSelectedRows(tableSelectedRows),
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              BulkLocaleActionModal,
+              {
+                validationErrors,
+                headers,
+                rows,
+                localesMetadata
+              }
+            )
+          }
+        );
+      },
+      footer: () => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "flex-end", children: /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Button,
+        {
+          loading: isDraftRelationsLoading,
+          disabled: localesToPublish.length === 0,
+          variant: "default",
+          onClick: handleAction,
+          children: formatMessage({
+            id: "app.utils.publish",
+            defaultMessage: "Publish"
+          })
+        }
+      ) })
+    }
+  };
+};
+const StyledTrash = styledComponents.styled(icons.Trash)`
   path {
     fill: currentColor;
   }
@@ -568,7 +892,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(
@@ -613,8 +937,8 @@ const doesFieldHaveI18nPluginOpt = (pluginOpts) => {
 };
 const LabelAction = ({ title, icon }) => {
   const { formatMessage } = reactIntl.useIntl();
-  return /* @__PURE__ */ jsxRuntime.jsxs(Span, { as: "span", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.VisuallyHidden, { as: "span", children: `(${formatMessage(title)})` }),
+  return /* @__PURE__ */ jsxRuntime.jsxs(Span, { tag: "span", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.VisuallyHidden, { tag: "span", children: formatMessage(title) }),
     React__namespace.cloneElement(icon, {
       "aria-hidden": true,
       focusable: false
@@ -622,7 +946,7 @@ const LabelAction = ({ title, icon }) => {
     })
   ] });
 };
-const Span = styled__default.default(designSystem.Flex)`
+const Span = styledComponents.styled(designSystem.Flex)`
   svg {
     width: 12px;
     height: 12px;
@@ -649,13 +973,7 @@ const LocaleListCell = ({
     }
   });
   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"
   });
@@ -677,8 +995,8 @@ 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(
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Popover.Root, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxRuntime.jsxs(
       ActionWrapper,
       {
         minWidth: "100%",
@@ -691,20 +1009,11 @@ const LocaleListCell = ({
           /* @__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, as: "li", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: name }) }, name)) })
-      }
-    )
+    ) }) }),
+    /* @__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 = styled__default.default.button`
+const Button = styledComponents.styled.button`
   width: 100%;
 
   svg {
@@ -730,7 +1039,7 @@ const Button = styled__default.default.button`
     }
   }
 `;
-const ActionWrapper = styled__default.default(designSystem.Flex)`
+const ActionWrapper = styledComponents.styled(designSystem.Flex)`
   svg {
     height: 0.4rem;
   }
@@ -941,7 +1250,7 @@ const index = {
       },
       id: "internationalization",
       to: "internationalization",
-      Component: () => Promise.resolve().then(() => require("./SettingsPage-Djqsdrzs.js")).then((mod) => ({ default: mod.ProtectedSettingsPage })),
+      Component: () => Promise.resolve().then(() => require("./SettingsPage-VN7sTzkb.js")).then((mod) => ({ default: mod.ProtectedSettingsPage })),
       permissions: PERMISSIONS.accessMain
     });
     const contentManager = app.getPlugin("content-manager");
@@ -951,6 +1260,10 @@ const index = {
       actions.splice(indexOfDeleteAction, 0, DeleteLocaleAction);
       return actions;
     });
+    contentManager.apis.addDocumentAction((actions) => {
+      actions.splice(2, 0, BulkLocalePublishAction);
+      return actions;
+    });
     contentManager.injectComponent("listView", "actions", {
       name: "i18n-locale-filter",
       Component: LocalePicker
@@ -1054,7 +1367,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-BuBc6LKZ.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-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 {
             data: prefixPluginTranslations(data, pluginId),
             locale
@@ -1073,10 +1386,9 @@ const index = {
 exports.PERMISSIONS = PERMISSIONS;
 exports.getTranslation = getTranslation;
 exports.index = index;
-exports.isBaseQueryError = isBaseQueryError;
 exports.useCreateLocaleMutation = useCreateLocaleMutation;
 exports.useDeleteLocaleMutation = useDeleteLocaleMutation;
 exports.useGetDefaultLocalesQuery = useGetDefaultLocalesQuery;
 exports.useGetLocalesQuery = useGetLocalesQuery;
 exports.useUpdateLocaleMutation = useUpdateLocaleMutation;
-//# sourceMappingURL=index-DMXJeGjN.js.map
+//# sourceMappingURL=index-kedPlCo6.js.map