@strapi/i18n 0.0.0 → 5.0.0-beta.11

package/dist/_chunks/index-jMrzaEb9.js

@@ -0,0 +1,1391 @@
+"use strict";
+const get = require("lodash/get");
+const yup = require("yup");
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const designSystem = require("@strapi/design-system");
+const icons = require("@strapi/icons");
+const reactIntl = require("react-intl");
+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 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;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const get__default = /* @__PURE__ */ _interopDefault(get);
+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 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)));
+  });
+};
+const pluginId = "i18n";
+const getTranslation = (id) => `${pluginId}.${id}`;
+const TextAlignTypography = styledComponents.styled(designSystem.Typography)`
+  text-align: center;
+`;
+const CheckboxConfirmation = ({
+  description,
+  isCreating = false,
+  intlLabel,
+  name,
+  onChange,
+  value
+}) => {
+  const { formatMessage } = reactIntl.useIntl();
+  const [isOpen, setIsOpen] = React__namespace.useState(false);
+  const handleChange = (value2) => {
+    if (isCreating || value2) {
+      return onChange({ target: { name, value: value2, type: "checkbox" } });
+    }
+    if (!value2) {
+      return setIsOpen(true);
+    }
+    return null;
+  };
+  const handleConfirm = () => {
+    onChange({ target: { name, value: false, type: "checkbox" } });
+  };
+  const label = intlLabel.id ? formatMessage(
+    { id: intlLabel.id, defaultMessage: intlLabel.defaultMessage },
+    { ...intlLabel.values }
+  ) : name;
+  const hint = description ? formatMessage(
+    { id: description.id, defaultMessage: description.defaultMessage },
+    { ...description.values }
+  ) : "";
+  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", children: formatMessage({
+          id: getTranslation("CheckboxConfirmation.Modal.body"),
+          defaultMessage: "Do you want to disable it?"
+        }) }) })
+      ] }) }),
+      /* @__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"
+        }) }) })
+      ] })
+    ] })
+  ] });
+};
+const LOCALIZED_FIELDS = [
+  "biginteger",
+  "boolean",
+  "component",
+  "date",
+  "datetime",
+  "decimal",
+  "dynamiczone",
+  "email",
+  "enumeration",
+  "float",
+  "integer",
+  "json",
+  "media",
+  "number",
+  "password",
+  "richtext",
+  "blocks",
+  "string",
+  "text",
+  "time"
+];
+const doesPluginOptionsHaveI18nLocalized = (opts) => typeof opts === "object" && opts !== null && "i18n" in opts && typeof opts.i18n === "object" && opts.i18n !== null && "localized" in opts.i18n && typeof opts.i18n.localized === "boolean";
+const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
+const useI18n = () => {
+  const params = reactRouterDom.useParams();
+  const userPermissions = strapiAdmin.useAuth("useI18n", (state) => state.permissions);
+  const actions = React__namespace.useMemo(() => {
+    const permissions = userPermissions.filter((permission) => permission.subject === params.slug);
+    return permissions.reduce(
+      (acc, permission) => {
+        const [actionShorthand] = permission.action.split(".").slice(-1);
+        return {
+          ...acc,
+          [`can${capitalize(actionShorthand)}`]: permission.properties?.locales ?? []
+        };
+      },
+      { canCreate: [], canRead: [], canUpdate: [], canDelete: [], canPublish: [] }
+    );
+  }, [params.slug, userPermissions]);
+  const { schema } = strapiAdmin$1.unstable_useDocument(
+    {
+      // We can non-null assert these because below we skip the query if they are not present
+      collectionType: params.collectionType,
+      model: params.slug
+    },
+    {
+      skip: !params.slug || !params.collectionType
+    }
+  );
+  if (doesPluginOptionsHaveI18nLocalized(schema?.pluginOptions)) {
+    return {
+      hasI18n: schema.pluginOptions.i18n.localized,
+      ...actions
+    };
+  }
+  return {
+    hasI18n: false,
+    ...actions
+  };
+};
+const i18nApi = strapiAdmin.adminApi.enhanceEndpoints({
+  addTagTypes: ["Locale"]
+});
+const localesApi = i18nApi.injectEndpoints({
+  endpoints: (builder) => ({
+    createLocale: builder.mutation({
+      query: (data) => ({
+        url: "/i18n/locales",
+        method: "POST",
+        data
+      }),
+      invalidatesTags: [{ type: "Locale", id: "LIST" }]
+    }),
+    deleteLocale: builder.mutation({
+      query: (id) => ({
+        url: `/i18n/locales/${id}`,
+        method: "DELETE"
+      }),
+      invalidatesTags: (result, error, id) => [{ type: "Locale", id }]
+    }),
+    getLocales: builder.query({
+      query: () => "/i18n/locales",
+      providesTags: (res) => [
+        { type: "Locale", id: "LIST" },
+        ...Array.isArray(res) ? res.map((locale) => ({
+          type: "Locale",
+          id: locale.id
+        })) : []
+      ]
+    }),
+    getDefaultLocales: builder.query({
+      query: () => "/i18n/iso-locales"
+    }),
+    updateLocale: builder.mutation({
+      query: ({ id, ...data }) => ({
+        url: `/i18n/locales/${id}`,
+        method: "PUT",
+        data
+      }),
+      invalidatesTags: (result, error, { id }) => [{ type: "Locale", id }]
+    })
+  })
+});
+const {
+  useCreateLocaleMutation,
+  useDeleteLocaleMutation,
+  useGetLocalesQuery,
+  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,
+  model,
+  collectionType,
+  documentId
+}) => {
+  const { formatMessage } = reactIntl.useIntl();
+  const [{ query }, setQuery] = strapiAdmin.useQueryParams();
+  const { hasI18n, canCreate, canRead } = useI18n();
+  const { data: locales = [] } = useGetLocalesQuery();
+  const { schema } = strapiAdmin$1.unstable_useDocument({ model, collectionType, documentId });
+  const handleSelect = React__namespace.useCallback(
+    (value) => {
+      setQuery({
+        plugins: {
+          ...query.plugins,
+          i18n: {
+            locale: value
+          }
+        }
+      });
+    },
+    [query.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]);
+  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 ?? []
+  ];
+  return {
+    label: formatMessage({
+      id: getTranslation("Settings.locales.modal.locales.label"),
+      defaultMessage: "Locales"
+    }),
+    options: locales.map((locale) => {
+      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";
+      return {
+        disabled: !permissionsToCheck.includes(locale.code),
+        value: locale.code,
+        label: locale.name,
+        startIcon: schema?.options?.draftAndPublish ? /* @__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) })
+          }
+        ) : null
+      };
+    }),
+    onSelect: handleSelect,
+    value: currentLocale
+  };
+};
+const getDocumentStatus = (document, meta) => {
+  const docStatus = document?.status;
+  const statuses = meta?.availableStatus ?? [];
+  if (!docStatus) {
+    return "draft";
+  }
+  if (docStatus === "draft" && statuses.find((doc) => doc.publishedAt !== null)) {
+    return "published";
+  }
+  return docStatus;
+};
+const DeleteLocaleAction = ({
+  document,
+  documentId,
+  model,
+  collectionType
+}) => {
+  const { formatMessage } = reactIntl.useIntl();
+  const navigate = reactRouterDom.useNavigate();
+  const { toggleNotification } = strapiAdmin.useNotification();
+  const { delete: deleteAction } = strapiAdmin$1.unstable_useDocumentActions();
+  const { hasI18n, canDelete } = useI18n();
+  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"
+    }),
+    icon: /* @__PURE__ */ jsxRuntime.jsx(StyledTrash, {}),
+    variant: "danger",
+    dialog: {
+      type: "dialog",
+      title: formatMessage({
+        id: getTranslation("actions.delete.dialog.title"),
+        defaultMessage: "Confirmation"
+      }),
+      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, { tag: "p", variant: "omega", textAlign: "center", children: formatMessage({
+          id: getTranslation("actions.delete.dialog.body"),
+          defaultMessage: "Are you sure?"
+        }) })
+      ] }),
+      onConfirm: async () => {
+        if (!documentId || !document?.locale) {
+          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."
+          );
+          toggleNotification({
+            message: formatMessage({
+              id: getTranslation("actions.delete.error"),
+              defaultMessage: "An error occurred while trying to delete the document locale."
+            }),
+            type: "danger"
+          });
+          return;
+        }
+        const res = await deleteAction({
+          documentId,
+          model,
+          collectionType,
+          params: { locale: document.locale }
+        });
+        if (!("error" in res)) {
+          navigate({ pathname: `../${collectionType}/${model}` }, { replace: true });
+        }
+      }
+    }
+  };
+};
+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 [isDraftRelationConfirmationOpen, setIsDraftRelationConfirmationOpen] = 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) {
+      setIsDraftRelationConfirmationOpen(true);
+    } else {
+      await publish();
+    }
+  };
+  const isUnpublish = document?.status === "published";
+  if (isUnpublish) {
+    console.warn(["I18N"], "Bulk locale unpublish modal not implemented");
+  }
+  if (isDraftRelationConfirmationOpen) {
+    return {
+      label: formatMessage({
+        id: "app.components.ConfirmDialog.title",
+        defaultMessage: "Confirmation"
+      }),
+      variant: "danger",
+      dialog: {
+        onCancel: () => {
+          setIsDraftRelationConfirmationOpen(false);
+        },
+        onConfirm: async () => {
+          await publish();
+          setIsDraftRelationConfirmationOpen(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: 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?"
+          }) })
+        ] })
+      }
+    };
+  }
+  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;
+  }
+`;
+const Emphasis = (chunks) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "semiBold", textColor: "danger500", children: chunks });
+};
+const DeleteModalAdditionalInfo = () => {
+  const { hasI18n } = useI18n();
+  const { formatMessage } = reactIntl.useIntl();
+  if (!hasI18n) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "danger500", children: formatMessage(
+    {
+      id: getTranslation("Settings.list.actions.deleteAdditionalInfos"),
+      defaultMessage: "This will delete the active locale versions <em>(from Internationalization)</em>"
+    },
+    {
+      em: Emphasis
+    }
+  ) });
+};
+const PublishModalAdditionalInfo = () => {
+  const { hasI18n } = useI18n();
+  const { formatMessage } = reactIntl.useIntl();
+  if (!hasI18n) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "danger500", children: formatMessage(
+    {
+      id: getTranslation("Settings.list.actions.publishAdditionalInfos"),
+      defaultMessage: "This will publish the active locale versions <em>(from Internationalization)</em>"
+    },
+    {
+      em: Emphasis
+    }
+  ) });
+};
+const UnpublishModalAdditionalInfo = () => {
+  const { hasI18n } = useI18n();
+  const { formatMessage } = reactIntl.useIntl();
+  if (!hasI18n) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "danger500", children: formatMessage(
+    {
+      id: getTranslation("Settings.list.actions.unpublishAdditionalInfos"),
+      defaultMessage: "This will unpublish the active locale versions <em>(from Internationalization)</em>"
+    },
+    {
+      em: Emphasis
+    }
+  ) });
+};
+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 { hasI18n, canRead, canCreate } = useI18n();
+  const { data: locales = [] } = useGetLocalesQuery(void 0, {
+    skip: !hasI18n
+  });
+  const handleChange = React__namespace.useCallback(
+    (code, replace = false) => {
+      setQuery(
+        {
+          page: 1,
+          plugins: { ...query.plugins, i18n: { locale: code } }
+        },
+        "push",
+        replace
+      );
+    },
+    [query.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) {
+      handleChange(defaultLocale.code, true);
+    }
+  }, [hasI18n, handleChange, locales, query.plugins?.i18n?.locale]);
+  if (!hasI18n || !Array.isArray(locales) || locales.length === 0) {
+    return null;
+  }
+  const displayedLocales = locales.filter((locale) => {
+    return canCreate.includes(locale.code) || canRead.includes(locale.code);
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    designSystem.SingleSelect,
+    {
+      size: "S",
+      "aria-label": formatMessage({
+        id: getTranslation("actions.select-locale"),
+        defaultMessage: "Select locale"
+      }),
+      value: query.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))
+    }
+  );
+};
+const PERMISSIONS = {
+  accessMain: [{ action: "plugin::i18n.locale.read", subject: null }],
+  create: [{ action: "plugin::i18n.locale.create", subject: null }],
+  delete: [{ action: "plugin::i18n.locale.delete", subject: null }],
+  update: [{ action: "plugin::i18n.locale.update", subject: null }],
+  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) {
+    return { layout };
+  }
+  const components = Object.entries(layout.components).reduce(
+    (acc, [key, componentLayout]) => {
+      return {
+        ...acc,
+        [key]: {
+          ...componentLayout,
+          layout: componentLayout.layout.map((row) => row.map(addLabelActionToField))
+        }
+      };
+    },
+    {}
+  );
+  return {
+    layout: {
+      ...layout,
+      components,
+      layout: layout.layout.map((panel) => panel.map((row) => row.map(addLabelActionToField)))
+    }
+  };
+};
+const addLabelActionToField = (field) => {
+  const isFieldLocalized = doesFieldHaveI18nPluginOpt(field.attribute.pluginOptions) ? field.attribute.pluginOptions.i18n.localized : true;
+  const labelActionProps = {
+    title: {
+      id: isFieldLocalized ? getTranslation("Field.localized") : getTranslation("Field.not-localized"),
+      defaultMessage: isFieldLocalized ? "This value is unique for the selected locale" : "This value is the same across all locales"
+    },
+    icon: isFieldLocalized ? /* @__PURE__ */ jsxRuntime.jsx(icons.Earth, {}) : /* @__PURE__ */ jsxRuntime.jsx(icons.EarthStriked, {})
+  };
+  return {
+    ...field,
+    labelAction: /* @__PURE__ */ jsxRuntime.jsx(LabelAction, { ...labelActionProps })
+  };
+};
+const doesFieldHaveI18nPluginOpt = (pluginOpts) => {
+  if (!pluginOpts) {
+    return false;
+  }
+  return "i18n" in pluginOpts && typeof pluginOpts.i18n === "object" && pluginOpts.i18n !== null && "localized" in pluginOpts.i18n;
+};
+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) }),
+    React__namespace.cloneElement(icon, {
+      "aria-hidden": true,
+      focusable: false
+      // See: https://allyjs.io/tutorials/focusing-in-svg.html#making-svg-elements-focusable
+    })
+  ] });
+};
+const Span = styledComponents.styled(designSystem.Flex)`
+  svg {
+    width: 12px;
+    height: 12px;
+
+    fill: ${({ theme }) => theme.colors.neutral500};
+
+    path {
+      fill: ${({ theme }) => theme.colors.neutral500};
+    }
+  }
+`;
+const LocaleListCell = ({
+  documentId,
+  locale: currentLocale,
+  collectionType,
+  model
+}) => {
+  const { meta, isLoading } = strapiAdmin$1.unstable_useDocument({
+    documentId,
+    collectionType,
+    model,
+    params: {
+      locale: currentLocale
+    }
+  });
+  const { locale: language } = reactIntl.useIntl();
+  const { data: locales = [] } = useGetLocalesQuery();
+  const formatter = designSystem.useCollator(language, {
+    sensitivity: "base"
+  });
+  if (!Array.isArray(locales) || isLoading) {
+    return null;
+  }
+  const availableLocales = meta?.availableLocales.map((doc) => doc.locale) ?? [];
+  const localesForDocument = locales.reduce((acc, locale) => {
+    const createdLocale = [currentLocale, ...availableLocales].find((loc) => {
+      return loc === locale.code;
+    });
+    if (createdLocale) {
+      acc.push(locale);
+    }
+    return acc;
+  }, []).map((locale) => {
+    if (locale.isDefault) {
+      return `${locale.name} (default)`;
+    }
+    return locale.name;
+  }).toSorted((a, b) => formatter.compare(a, b));
+  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%",
+        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, {}) })
+        ]
+      }
+    ) }) }),
+    /* @__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;
+  if (!isFieldLocalized) {
+    return { displayedHeaders, layout };
+  }
+  return {
+    displayedHeaders: [
+      ...displayedHeaders,
+      {
+        attribute: { type: "string" },
+        label: {
+          id: getTranslation("list-view.table.header.label"),
+          defaultMessage: "Available in"
+        },
+        searchable: false,
+        sortable: false,
+        name: "locales",
+        // @ts-expect-error – ID is seen as number | string; this will change when we move the type over.
+        cellFormatter: (props, _header, meta) => /* @__PURE__ */ jsxRuntime.jsx(LocaleListCell, { ...props, ...meta })
+      }
+    ],
+    layout
+  };
+};
+const addLocaleToReleasesHook = ({ displayedHeaders = [] }) => {
+  return {
+    displayedHeaders: [
+      ...displayedHeaders,
+      {
+        label: {
+          id: "content-releases.page.ReleaseDetails.table.header.label.locale",
+          defaultMessage: "locale"
+        },
+        name: "locale"
+      }
+    ],
+    hasI18nEnabled: true
+  };
+};
+const extendCTBAttributeInitialDataMiddleware = () => {
+  return ({ getState }) => (next) => (action) => {
+    const enhanceAction = () => {
+      try {
+        const store = getState();
+        const hasi18nEnabled = get__default.default(
+          store,
+          [
+            "content-type-builder_dataManagerProvider",
+            "modifiedData",
+            "contentType",
+            "schema",
+            "pluginOptions",
+            "i18n",
+            "localized"
+          ],
+          false
+        );
+        if (hasi18nEnabled) {
+          const pluginOptions = action.options ? { ...action.options.pluginOptions, i18n: { localized: true } } : { i18n: { localized: true } };
+          return next({
+            ...action,
+            options: {
+              pluginOptions
+            }
+          });
+        }
+        return next(action);
+      } catch (err) {
+        return next(action);
+      }
+    };
+    if (action.type === "ContentTypeBuilder/FormModal/SET_ATTRIBUTE_DATA_SCHEMA" && action.forTarget === "contentType" && !["relation", "component"].includes(action.attributeType) && !action.isEditing) {
+      return enhanceAction();
+    }
+    if (action.type === "ContentTypeBuilder/FormModal/SET_CUSTOM_FIELD_DATA_SCHEMA" && action.forTarget === "contentType" && !action.isEditing) {
+      return enhanceAction();
+    }
+    if ((action.type === "ContentTypeBuilder/FormModal/RESET_PROPS_AND_SET_FORM_FOR_ADDING_AN_EXISTING_COMPO" || action.type === "ContentTypeBuilder/FormModal/RESET_PROPS_AND_SAVE_CURRENT_DATA") && action.forTarget === "contentType") {
+      return enhanceAction();
+    }
+    return next(action);
+  };
+};
+const extendCTBInitialDataMiddleware = () => {
+  return () => (next) => (action) => {
+    if (action.type === "ContentTypeBuilder/FormModal/SET_DATA_TO_EDIT" && action.modalType === "contentType") {
+      const i18n = { localized: false };
+      const pluginOptions = action.data.pluginOptions ? { ...action.data.pluginOptions, i18n } : { i18n };
+      const data = { ...action.data, pluginOptions };
+      if (action.actionType === "create") {
+        return next({ ...action, data });
+      }
+      if (!action.data.pluginOptions?.i18n?.localized) {
+        return next({ ...action, data });
+      }
+    }
+    return next(action);
+  };
+};
+const localeMiddleware = (ctx) => (next) => (permissions) => {
+  const match = reactRouterDom.matchPath("/content-manager/:collectionType/:model?/:id", ctx.pathname);
+  if (!match) {
+    return next(permissions);
+  }
+  const search = qs__namespace.parse(ctx.search);
+  if (typeof search !== "object") {
+    return next(permissions);
+  }
+  if (!("plugins" in search && typeof search.plugins === "object")) {
+    return next(permissions);
+  }
+  if (!("i18n" in search.plugins && typeof search.plugins.i18n === "object" && !Array.isArray(search.plugins.i18n))) {
+    return next(permissions);
+  }
+  const { locale } = search.plugins.i18n;
+  if (typeof locale !== "string") {
+    return next(permissions);
+  }
+  const revisedPermissions = permissions.filter(
+    (permission) => !permission.properties?.locales || permission.properties.locales.includes(locale)
+  );
+  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;
+  }, {});
+};
+const mutateCTBContentTypeSchema = (nextSchema, prevSchema) => {
+  if (!doesPluginOptionsHaveI18nLocalized(nextSchema.pluginOptions)) {
+    return nextSchema;
+  }
+  const isNextSchemaLocalized = nextSchema.pluginOptions.i18n.localized;
+  const isPrevSchemaLocalized = doesPluginOptionsHaveI18nLocalized(
+    prevSchema?.schema?.pluginOptions
+  ) ? prevSchema?.schema?.pluginOptions.i18n.localized : false;
+  if (isNextSchemaLocalized && isPrevSchemaLocalized) {
+    return nextSchema;
+  }
+  if (isNextSchemaLocalized) {
+    const attributes = addLocalisationToFields(nextSchema.attributes);
+    return { ...nextSchema, attributes };
+  }
+  if (!isNextSchemaLocalized) {
+    const pluginOptions = omit__default.default(nextSchema.pluginOptions, "i18n");
+    const attributes = disableAttributesLocalisation(nextSchema.attributes);
+    return { ...nextSchema, pluginOptions, attributes };
+  }
+  return nextSchema;
+};
+const addLocalisationToFields = (attributes) => Object.keys(attributes).reduce((acc, current) => {
+  const currentAttribute = attributes[current];
+  if (LOCALIZED_FIELDS.includes(currentAttribute.type)) {
+    const i18n = { localized: true };
+    const pluginOptions = currentAttribute.pluginOptions ? { ...currentAttribute.pluginOptions, i18n } : { i18n };
+    acc[current] = { ...currentAttribute, pluginOptions };
+    return acc;
+  }
+  acc[current] = currentAttribute;
+  return acc;
+}, {});
+const disableAttributesLocalisation = (attributes) => Object.keys(attributes).reduce((acc, current) => {
+  acc[current] = omit__default.default(attributes[current], "pluginOptions.i18n");
+  return acc;
+}, {});
+const index = {
+  register(app) {
+    app.addMiddlewares([extendCTBAttributeInitialDataMiddleware, extendCTBInitialDataMiddleware]);
+    app.addMiddlewares([() => i18nApi.middleware]);
+    app.addReducers({
+      [i18nApi.reducerPath]: i18nApi.reducer
+    });
+    app.addRBACMiddleware([localeMiddleware]);
+    app.registerPlugin({
+      id: pluginId,
+      initializer: Initializer,
+      isReady: false,
+      name: pluginId
+    });
+  },
+  bootstrap(app) {
+    app.registerHook("Admin/CM/pages/ListView/inject-column-in-table", addColumnToTableHook);
+    app.registerHook("Admin/CM/pages/EditView/mutate-edit-view-layout", mutateEditViewHook);
+    app.registerHook(
+      "ContentReleases/pages/ReleaseDetails/add-locale-in-releases",
+      addLocaleToReleasesHook
+    );
+    app.addSettingsLink("global", {
+      intlLabel: {
+        id: getTranslation("plugin.name"),
+        defaultMessage: "Internationalization"
+      },
+      id: "internationalization",
+      to: "internationalization",
+      Component: () => Promise.resolve().then(() => require("./SettingsPage-DT1sxWa2.js")).then((mod) => ({ default: mod.ProtectedSettingsPage })),
+      permissions: PERMISSIONS.accessMain
+    });
+    const contentManager = app.getPlugin("content-manager");
+    contentManager.apis.addDocumentHeaderAction([LocalePickerAction]);
+    contentManager.apis.addDocumentAction((actions) => {
+      const indexOfDeleteAction = actions.findIndex((action) => action.type === "delete");
+      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
+    });
+    contentManager.injectComponent("listView", "publishModalAdditionalInfos", {
+      name: "i18n-publish-bullets-in-modal",
+      Component: PublishModalAdditionalInfo
+    });
+    contentManager.injectComponent("listView", "unpublishModalAdditionalInfos", {
+      name: "i18n-unpublish-bullets-in-modal",
+      Component: UnpublishModalAdditionalInfo
+    });
+    contentManager.injectComponent("listView", "deleteModalAdditionalInfos", {
+      name: "i18n-delete-bullets-in-modal",
+      Component: DeleteModalAdditionalInfo
+    });
+    const ctbPlugin = app.getPlugin("content-type-builder");
+    if (ctbPlugin) {
+      const ctbFormsAPI = ctbPlugin.apis.forms;
+      ctbFormsAPI.addContentTypeSchemaMutation(mutateCTBContentTypeSchema);
+      ctbFormsAPI.components.add({ id: "checkboxConfirmation", component: CheckboxConfirmation });
+      ctbFormsAPI.extendContentType({
+        validator: () => ({
+          i18n: yup__namespace.object().shape({
+            localized: yup__namespace.bool()
+          })
+        }),
+        form: {
+          advanced() {
+            return [
+              {
+                name: "pluginOptions.i18n.localized",
+                description: {
+                  id: getTranslation("plugin.schema.i18n.localized.description-content-type"),
+                  defaultMessage: "Allows translating an entry into different languages"
+                },
+                type: "checkboxConfirmation",
+                intlLabel: {
+                  id: getTranslation("plugin.schema.i18n.localized.label-content-type"),
+                  defaultMessage: "Localization"
+                }
+              }
+            ];
+          }
+        }
+      });
+      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") {
+              return [];
+            }
+            const hasI18nEnabled = get__default.default(
+              contentTypeSchema,
+              ["schema", "pluginOptions", "i18n", "localized"],
+              false
+            );
+            if (!hasI18nEnabled) {
+              return [];
+            }
+            if (type === "component" && step === "1") {
+              return [];
+            }
+            return [
+              {
+                name: "pluginOptions.i18n.localized",
+                description: {
+                  id: getTranslation("plugin.schema.i18n.localized.description-field"),
+                  defaultMessage: "The field can have different values in each locale"
+                },
+                type: "checkbox",
+                intlLabel: {
+                  id: getTranslation("plugin.schema.i18n.localized.label-field"),
+                  defaultMessage: "Enable localization for this field"
+                }
+              }
+            ];
+          }
+        }
+      });
+    }
+  },
+  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-BsOU9o5z.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
+          };
+        }).catch(() => {
+          return {
+            data: {},
+            locale
+          };
+        });
+      })
+    );
+    return Promise.resolve(importedTrads);
+  }
+};
+exports.PERMISSIONS = PERMISSIONS;
+exports.getTranslation = getTranslation;
+exports.index = index;
+exports.useCreateLocaleMutation = useCreateLocaleMutation;
+exports.useDeleteLocaleMutation = useDeleteLocaleMutation;
+exports.useGetDefaultLocalesQuery = useGetDefaultLocalesQuery;
+exports.useGetLocalesQuery = useGetLocalesQuery;
+exports.useUpdateLocaleMutation = useUpdateLocaleMutation;
+//# sourceMappingURL=index-jMrzaEb9.js.map