@strapi/i18n 0.0.0-experimental.17b4116f461a49b8ce5386f7c8d79c511d40fb3b

package/LICENSE

@@ -0,0 +1,22 @@
+Copyright (c) 2015-present Strapi Solutions SAS
+
+Portions of the Strapi software are licensed as follows:
+
+* All software that resides under an "ee/" directory (the “EE Software”), if that directory exists, is licensed under the license defined in "ee/LICENSE".
+
+* All software outside of the above-mentioned directories or restrictions above is available under the "MIT Expat" license as set forth below.
+
+MIT Expat License
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,17 @@
+# Strapi plugin i18n
+
+The Internationalization (i18n) plugin allows Strapi users to create, manage and distribute localized content in different languages, called "locales". For more information about the concept of internationalization, please refer to the [W3C definition](https://www.w3.org/International/questions/qa-i18n.en#i18n).
+
+## Features
+
+- Admin panel users can create several localized versions of their content
+- Developers can build localized projects by fetching and consuming the right content depending on the country/language of the audience
+
+## Installation
+
+This plugin is pre-installed & required with strapi
+
+## Documentation
+
+- [Developer documentation](https://docs.strapi.io/developer-docs/latest/plugins/i18n.html#installation)
+- [User documentation](https://docs.strapi.io/user-docs/latest/content-manager/translating-content.html)

package/dist/_chunks/SettingsPage-CeqfDjsb.mjs

@@ -0,0 +1,565 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { useNotification, useAPIErrorHandler, useAuth, Form, useForm, InputRenderer, useField, ConfirmDialog, useRBAC, Page, Layouts } from "@strapi/admin/strapi-admin";
+import { Button, ModalLayout, ModalHeader, Typography, ModalBody, TabGroup, Flex, Tabs, Tab, Divider, Box, TabPanels, TabPanel, ModalFooter, Grid, GridItem, SingleSelect, SingleSelectOption, IconButton, Table, Thead, Tr, Th, VisuallyHidden, Tbody, Td, EmptyStateLayout } from "@strapi/design-system";
+import { EmptyDocuments } from "@strapi/icons/symbols";
+import { useIntl } from "react-intl";
+import { Plus, Check, Trash, Pencil } from "@strapi/icons";
+import * as yup from "yup";
+import { g as getTranslation, u as useCreateLocaleMutation, a as useGetDefaultLocalesQuery, b as useGetLocalesQuery, i as isBaseQueryError, c as useDeleteLocaleMutation, d as useUpdateLocaleMutation, P as PERMISSIONS } from "./index-BDU1w_fd.mjs";
+const CreateLocale = ({ disabled, variant = "default" }) => {
+  const { formatMessage } = useIntl();
+  const [visible, setVisible] = React.useState(false);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant,
+        disabled,
+        startIcon: /* @__PURE__ */ jsx(Plus, {}),
+        onClick: () => setVisible(true),
+        size: "S",
+        children: formatMessage({
+          id: getTranslation("Settings.list.actions.add"),
+          defaultMessage: "Add new locale"
+        })
+      }
+    ),
+    visible ? /* @__PURE__ */ jsx(CreateModal, { onClose: () => setVisible(false) }) : null
+  ] });
+};
+const LOCALE_SCHEMA = yup.object().shape({
+  code: yup.string().required({
+    id: "Settings.locales.modal.create.code.error",
+    defaultMessage: "Please select a locale"
+  }),
+  name: yup.string().max(50, {
+    id: "Settings.locales.modal.create.name.error.min",
+    defaultMessage: "The locale display name can only be less than 50 characters."
+  }).required({
+    id: "Settings.locales.modal.create.name.error.required",
+    defaultMessage: "Please give the locale a display name"
+  }),
+  isDefault: yup.boolean()
+});
+const initialFormValues = {
+  code: "",
+  name: "",
+  isDefault: false
+};
+const CreateModal = ({ onClose }) => {
+  const { toggleNotification } = useNotification();
+  const {
+    _unstableFormatAPIError: formatAPIError,
+    _unstableFormatValidationErrors: formatValidationErrors
+  } = useAPIErrorHandler();
+  const [createLocale] = useCreateLocaleMutation();
+  const { formatMessage } = useIntl();
+  const refetchPermissions = useAuth("CreateModal", (state) => state.refetchPermissions);
+  const handleSubmit = async (values, helpers) => {
+    try {
+      const res = await createLocale(values);
+      if ("error" in res) {
+        if (isBaseQueryError(res.error) && res.error.name === "ValidationError") {
+          helpers.setErrors(formatValidationErrors(res.error));
+        } else {
+          toggleNotification({ type: "danger", message: formatAPIError(res.error) });
+        }
+        return;
+      }
+      toggleNotification({
+        type: "success",
+        message: formatMessage({
+          id: getTranslation("Settings.locales.modal.create.success"),
+          defaultMessage: "Created locale"
+        })
+      });
+      refetchPermissions();
+      onClose();
+    } catch (err) {
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({
+          id: "notification.error",
+          defaultMessage: "An error occurred, please try again"
+        })
+      });
+    }
+  };
+  const titleId = React.useId();
+  return /* @__PURE__ */ jsx(ModalLayout, { onClose, labelledBy: titleId, children: /* @__PURE__ */ jsxs(
+    Form,
+    {
+      method: "POST",
+      initialValues: initialFormValues,
+      validationSchema: LOCALE_SCHEMA,
+      onSubmit: handleSubmit,
+      children: [
+        /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", textColor: "neutral800", as: "h2", id: titleId, children: formatMessage({
+          id: getTranslation("Settings.list.actions.add"),
+          defaultMessage: "Add new locale"
+        }) }) }),
+        /* @__PURE__ */ jsx(ModalBody, { children: /* @__PURE__ */ jsxs(
+          TabGroup,
+          {
+            label: formatMessage({
+              id: getTranslation("Settings.locales.modal.title"),
+              defaultMessage: "Configurations"
+            }),
+            variant: "simple",
+            children: [
+              /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", children: [
+                /* @__PURE__ */ jsx(Typography, { as: "h2", variant: "beta", children: formatMessage({
+                  id: getTranslation("Settings.locales.modal.title"),
+                  defaultMessage: "Configuration"
+                }) }),
+                /* @__PURE__ */ jsxs(Tabs, { children: [
+                  /* @__PURE__ */ jsx(Tab, { children: formatMessage({
+                    id: getTranslation("Settings.locales.modal.base"),
+                    defaultMessage: "Basic settings"
+                  }) }),
+                  /* @__PURE__ */ jsx(Tab, { children: formatMessage({
+                    id: getTranslation("Settings.locales.modal.advanced"),
+                    defaultMessage: "Advanced settings"
+                  }) })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx(Divider, {}),
+              /* @__PURE__ */ jsx(Box, { paddingTop: 7, paddingBottom: 7, children: /* @__PURE__ */ jsxs(TabPanels, { children: [
+                /* @__PURE__ */ jsx(TabPanel, { children: /* @__PURE__ */ jsx(BaseForm, {}) }),
+                /* @__PURE__ */ jsx(TabPanel, { children: /* @__PURE__ */ jsx(AdvancedForm, {}) })
+              ] }) })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          ModalFooter,
+          {
+            startActions: /* @__PURE__ */ jsx(Button, { variant: "tertiary", onClick: onClose, children: formatMessage({ id: "app.components.Button.cancel", defaultMessage: "Cancel" }) }),
+            endActions: /* @__PURE__ */ jsx(SubmitButton, {})
+          }
+        )
+      ]
+    }
+  ) });
+};
+const SubmitButton = () => {
+  const { formatMessage } = useIntl();
+  const isSubmitting = useForm("SubmitButton", (state) => state.isSubmitting);
+  const modified = useForm("SubmitButton", (state) => state.modified);
+  return /* @__PURE__ */ jsx(Button, { type: "submit", startIcon: /* @__PURE__ */ jsx(Check, {}), disabled: isSubmitting || !modified, children: formatMessage({ id: "global.save", defaultMessage: "Save" }) });
+};
+const BaseForm = ({ mode = "create" }) => {
+  const { formatMessage } = useIntl();
+  const { toggleNotification } = useNotification();
+  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();
+  const { data: defaultLocales = [], error } = useGetDefaultLocalesQuery();
+  const { data: locales = [] } = useGetLocalesQuery();
+  React.useEffect(() => {
+    if (error) {
+      toggleNotification({
+        type: "danger",
+        message: formatAPIError(error)
+      });
+    }
+  }, [error, formatAPIError, toggleNotification]);
+  if (!Array.isArray(defaultLocales) || !Array.isArray(locales)) {
+    return null;
+  }
+  const options = defaultLocales.map((locale) => ({
+    label: locale.name,
+    value: locale.code
+  }));
+  const translatedForm = [
+    {
+      disabled: mode !== "create",
+      label: {
+        id: getTranslation("Settings.locales.modal.create.code.label"),
+        defaultMessage: "Locales"
+      },
+      name: "code",
+      options,
+      placeholder: {
+        id: "components.placeholder.select",
+        defaultMessage: "Select"
+      },
+      required: true,
+      size: 6,
+      type: "enumeration"
+    },
+    {
+      hint: {
+        id: getTranslation("Settings.locales.modal.create.name.label.description"),
+        defaultMessage: "Locale will be displayed under that name in the administration panel"
+      },
+      label: {
+        id: getTranslation("Settings.locales.modal.create.name.label"),
+        defaultMessage: "Locale display name"
+      },
+      name: "name",
+      required: true,
+      size: 6,
+      type: "string"
+    }
+  ].map((field) => ({
+    ...field,
+    hint: field.hint ? formatMessage(field.hint) : void 0,
+    label: formatMessage(field.label),
+    placeholder: field.placeholder ? formatMessage(field.placeholder) : void 0
+  }));
+  return /* @__PURE__ */ jsx(Grid, { gap: 4, children: translatedForm.map(({ size, ...field }) => /* @__PURE__ */ jsx(GridItem, { col: size, children: /* @__PURE__ */ jsx(FormRenderer, { ...field }) }, field.name)) });
+};
+const AdvancedForm = ({ isDefaultLocale }) => {
+  const { formatMessage } = useIntl();
+  const form = [
+    {
+      disabled: isDefaultLocale,
+      hint: {
+        id: getTranslation("Settings.locales.modal.advanced.setAsDefault.hint"),
+        defaultMessage: "One default locale is required, change it by selecting another one"
+      },
+      label: {
+        id: getTranslation("Settings.locales.modal.advanced.setAsDefault"),
+        defaultMessage: "Set as default locale"
+      },
+      name: "isDefault",
+      size: 6,
+      type: "boolean"
+    }
+  ].map((field) => ({
+    ...field,
+    hint: field.hint ? formatMessage(field.hint) : void 0,
+    label: formatMessage(field.label)
+  }));
+  return /* @__PURE__ */ jsx(Grid, { gap: 4, children: form.map(({ size, ...field }) => /* @__PURE__ */ jsx(GridItem, { col: size, children: /* @__PURE__ */ jsx(FormRenderer, { ...field }) }, field.name)) });
+};
+const FormRenderer = (field) => {
+  switch (field.type) {
+    case "enumeration":
+      return /* @__PURE__ */ jsx(EnumerationInput, { ...field });
+    default:
+      return /* @__PURE__ */ jsx(InputRenderer, { ...field });
+  }
+};
+const EnumerationInput = ({
+  disabled,
+  hint,
+  label,
+  name,
+  options,
+  placeholder,
+  required
+}) => {
+  const { value, error, onChange } = useField(name);
+  const { data: defaultLocales = [] } = useGetDefaultLocalesQuery();
+  const handleChange = (value2) => {
+    if (Array.isArray(defaultLocales)) {
+      const locale = defaultLocales.find((locale2) => locale2.code === value2);
+      onChange(name, value2);
+      onChange("name", locale.name);
+    } else {
+      onChange(name, value2);
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    SingleSelect,
+    {
+      disabled,
+      error,
+      hint,
+      label,
+      name,
+      onChange: handleChange,
+      placeholder,
+      required,
+      value,
+      children: options.map((option) => /* @__PURE__ */ jsx(SingleSelectOption, { value: option.value, children: option.label }, option.value))
+    }
+  );
+};
+const DeleteLocale = ({ id, name }) => {
+  const { formatMessage } = useIntl();
+  const { toggleNotification } = useNotification();
+  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();
+  const [visible, setVisible] = React.useState(false);
+  const [deleteLocale] = useDeleteLocaleMutation();
+  const handleConfirm = async () => {
+    try {
+      const res = await deleteLocale(id);
+      if ("error" in res) {
+        toggleNotification({ type: "danger", message: formatAPIError(res.error) });
+        return;
+      }
+      toggleNotification({
+        type: "success",
+        message: formatMessage({
+          id: getTranslation("Settings.locales.modal.delete.success"),
+          defaultMessage: "Deleted locale"
+        })
+      });
+    } catch (err) {
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({
+          id: "notification.error",
+          defaultMessage: "An error occurred, please try again"
+        })
+      });
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        onClick: () => setVisible(true),
+        label: formatMessage(
+          {
+            id: getTranslation("Settings.list.actions.delete"),
+            defaultMessage: "Delete {name} locale"
+          },
+          {
+            name
+          }
+        ),
+        icon: /* @__PURE__ */ jsx(Trash, {}),
+        borderWidth: 0
+      }
+    ),
+    /* @__PURE__ */ jsx(ConfirmDialog, { onConfirm: handleConfirm, onClose: () => setVisible(false), isOpen: visible })
+  ] });
+};
+const EditLocale = (props) => {
+  const { formatMessage } = useIntl();
+  const [visible, setVisible] = React.useState(false);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        onClick: () => setVisible(true),
+        label: formatMessage(
+          {
+            id: getTranslation("Settings.list.actions.edit"),
+            defaultMessage: "Edit {name} locale"
+          },
+          {
+            name: props.name
+          }
+        ),
+        icon: /* @__PURE__ */ jsx(Pencil, {}),
+        borderWidth: 0
+      }
+    ),
+    visible ? /* @__PURE__ */ jsx(EditModal, { ...props, onClose: () => setVisible(false) }) : null
+  ] });
+};
+const EditModal = ({ id, code, isDefault, name, onClose }) => {
+  const { toggleNotification } = useNotification();
+  const {
+    _unstableFormatAPIError: formatAPIError,
+    _unstableFormatValidationErrors: formatValidationErrors
+  } = useAPIErrorHandler();
+  const refetchPermissions = useAuth("EditModal", (state) => state.refetchPermissions);
+  const { formatMessage } = useIntl();
+  const titleId = React.useId();
+  const [updateLocale] = useUpdateLocaleMutation();
+  const handleSubmit = async ({ code: _code, ...data }, helpers) => {
+    try {
+      const res = await updateLocale({
+        id,
+        ...data
+      });
+      if ("error" in res) {
+        if (isBaseQueryError(res.error) && res.error.name === "ValidationError") {
+          helpers.setErrors(formatValidationErrors(res.error));
+        } else {
+          toggleNotification({ type: "danger", message: formatAPIError(res.error) });
+        }
+        return;
+      }
+      toggleNotification({
+        type: "success",
+        message: formatMessage({
+          id: getTranslation("Settings.locales.modal.edit.success"),
+          defaultMessage: "Updated locale"
+        })
+      });
+      refetchPermissions();
+      onClose();
+    } catch (err) {
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({
+          id: "notification.error",
+          defaultMessage: "An error occurred, please try again"
+        })
+      });
+    }
+  };
+  return /* @__PURE__ */ jsx(ModalLayout, { onClose, labelledBy: titleId, children: /* @__PURE__ */ jsxs(
+    Form,
+    {
+      method: "PUT",
+      onSubmit: handleSubmit,
+      initialValues: {
+        code,
+        name,
+        isDefault
+      },
+      validationSchema: LOCALE_SCHEMA,
+      children: [
+        /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", textColor: "neutral800", as: "h2", id: titleId, children: formatMessage({
+          id: getTranslation("Settings.list.actions.edit"),
+          defaultMessage: "Edit a locale"
+        }) }) }),
+        /* @__PURE__ */ jsx(ModalBody, { children: /* @__PURE__ */ jsxs(
+          TabGroup,
+          {
+            label: formatMessage({
+              id: getTranslation("Settings.locales.modal.title"),
+              defaultMessage: "Configurations"
+            }),
+            variant: "simple",
+            children: [
+              /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", children: [
+                /* @__PURE__ */ jsx(Typography, { as: "h2", variant: "beta", children: formatMessage({
+                  id: getTranslation("Settings.locales.modal.title"),
+                  defaultMessage: "Configuration"
+                }) }),
+                /* @__PURE__ */ jsxs(Tabs, { children: [
+                  /* @__PURE__ */ jsx(Tab, { children: formatMessage({
+                    id: getTranslation("Settings.locales.modal.base"),
+                    defaultMessage: "Basic settings"
+                  }) }),
+                  /* @__PURE__ */ jsx(Tab, { children: formatMessage({
+                    id: getTranslation("Settings.locales.modal.advanced"),
+                    defaultMessage: "Advanced settings"
+                  }) })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx(Divider, {}),
+              /* @__PURE__ */ jsx(Box, { paddingTop: 7, paddingBottom: 7, children: /* @__PURE__ */ jsxs(TabPanels, { children: [
+                /* @__PURE__ */ jsx(TabPanel, { children: /* @__PURE__ */ jsx(BaseForm, { mode: "edit" }) }),
+                /* @__PURE__ */ jsx(TabPanel, { children: /* @__PURE__ */ jsx(AdvancedForm, { isDefaultLocale: isDefault }) })
+              ] }) })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          ModalFooter,
+          {
+            startActions: /* @__PURE__ */ jsx(Button, { variant: "tertiary", onClick: onClose, children: formatMessage({ id: "app.components.Button.cancel", defaultMessage: "Cancel" }) }),
+            endActions: /* @__PURE__ */ jsx(SubmitButton, {})
+          }
+        )
+      ]
+    }
+  ) });
+};
+const LocaleTable = ({ locales = [], canDelete, canUpdate }) => {
+  const [editLocaleId, setEditLocaleId] = React.useState();
+  const { formatMessage } = useIntl();
+  const handleClick = (localeId) => () => {
+    if (canUpdate) {
+      setEditLocaleId(localeId);
+    }
+  };
+  return /* @__PURE__ */ jsxs(Table, { colCount: 4, rowCount: locales.length + 1, children: [
+    /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
+      /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: formatMessage({
+        id: getTranslation("Settings.locales.row.id"),
+        defaultMessage: "ID"
+      }) }) }),
+      /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: formatMessage({
+        id: getTranslation("Settings.locales.row.displayName"),
+        defaultMessage: "Display name"
+      }) }) }),
+      /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: formatMessage({
+        id: getTranslation("Settings.locales.row.default-locale"),
+        defaultMessage: "Default locale"
+      }) }) }),
+      /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(VisuallyHidden, { children: "Actions" }) })
+    ] }) }),
+    /* @__PURE__ */ jsx(Tbody, { children: locales.map((locale) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+      /* @__PURE__ */ jsxs(
+        Tr,
+        {
+          onClick: handleClick(locale.id),
+          style: { cursor: canUpdate ? "pointer" : "default" },
+          children: [
+            /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: locale.id }) }),
+            /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: locale.name }) }),
+            /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: locale.isDefault ? formatMessage({
+              id: getTranslation("Settings.locales.default"),
+              defaultMessage: "Default"
+            }) : null }) }),
+            /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Flex, { gap: 1, justifyContent: "flex-end", onClick: (e) => e.stopPropagation(), children: [
+              canUpdate && /* @__PURE__ */ jsx(EditLocale, { ...locale }),
+              canDelete && !locale.isDefault && /* @__PURE__ */ jsx(DeleteLocale, { ...locale })
+            ] }) })
+          ]
+        }
+      ),
+      editLocaleId === locale.id ? /* @__PURE__ */ jsx(EditModal, { ...locale, onClose: () => setEditLocaleId(void 0) }) : null
+    ] }, locale.id)) })
+  ] });
+};
+const SettingsPage = () => {
+  const { formatMessage } = useIntl();
+  const { toggleNotification } = useNotification();
+  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();
+  const { data: locales, isLoading: isLoadingLocales, error } = useGetLocalesQuery();
+  const {
+    isLoading: isLoadingRBAC,
+    allowedActions: { canUpdate, canCreate, canDelete }
+  } = useRBAC(PERMISSIONS);
+  React.useEffect(() => {
+    if (error) {
+      toggleNotification({
+        type: "danger",
+        message: formatAPIError(error)
+      });
+    }
+  }, [error, formatAPIError, toggleNotification]);
+  const isLoading = isLoadingLocales || isLoadingRBAC;
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Page.Loading, {});
+  }
+  if (error || !Array.isArray(locales)) {
+    return /* @__PURE__ */ jsx(Page.Error, {});
+  }
+  return /* @__PURE__ */ jsxs(Page.Main, { tabIndex: -1, children: [
+    /* @__PURE__ */ jsx(
+      Layouts.Header,
+      {
+        primaryAction: /* @__PURE__ */ jsx(CreateLocale, { disabled: !canCreate }),
+        title: formatMessage({
+          id: getTranslation("plugin.name"),
+          defaultMessage: "Internationalization"
+        }),
+        subtitle: formatMessage({
+          id: getTranslation("Settings.list.description"),
+          defaultMessage: "Configure the settings"
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx(Layouts.Content, { children: locales.length > 0 ? /* @__PURE__ */ jsx(LocaleTable, { locales, canDelete, canUpdate }) : /* @__PURE__ */ jsx(
+      EmptyStateLayout,
+      {
+        icon: /* @__PURE__ */ jsx(EmptyDocuments, { width: void 0, height: void 0 }),
+        content: formatMessage({
+          id: getTranslation("Settings.list.empty.title"),
+          defaultMessage: "There are no locales"
+        }),
+        action: /* @__PURE__ */ jsx(CreateLocale, { disabled: !canCreate, variant: "secondary" })
+      }
+    ) })
+  ] });
+};
+const ProtectedSettingsPage = () => {
+  return /* @__PURE__ */ jsx(Page.Protect, { permissions: PERMISSIONS.read, children: /* @__PURE__ */ jsx(SettingsPage, {}) });
+};
+export {
+  ProtectedSettingsPage,
+  SettingsPage
+};
+//# sourceMappingURL=SettingsPage-CeqfDjsb.mjs.map