@strapi/i18n 0.0.0 → 5.0.0-beta.6

package/dist/_chunks/SettingsPage-B73NO_8-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsPage-B73NO_8-.js","sources":["../../admin/src/components/CreateLocale.tsx","../../admin/src/components/DeleteLocale.tsx","../../admin/src/components/EditLocale.tsx","../../admin/src/components/LocaleTable.tsx","../../admin/src/pages/SettingsPage.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Form,\n  type InputProps,\n  InputRenderer,\n  useField,\n  type FormHelpers,\n  useForm,\n  useAPIErrorHandler,\n  useNotification,\n  useAuth,\n} from '@strapi/admin/strapi-admin';\nimport {\n  Box,\n  Button,\n  ButtonProps,\n  Divider,\n  Flex,\n  Grid,\n  GridItem,\n  ModalBody,\n  ModalFooter,\n  ModalHeader,\n  ModalLayout,\n  SingleSelect,\n  SingleSelectOption,\n  Tab,\n  TabGroup,\n  TabPanel,\n  TabPanels,\n  Tabs,\n  Typography,\n} from '@strapi/design-system';\nimport { Check, Plus } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport * as yup from 'yup';\n\nimport { CreateLocale } from '../../../shared/contracts/locales';\nimport {\n  useCreateLocaleMutation,\n  useGetDefaultLocalesQuery,\n  useGetLocalesQuery,\n} from '../services/locales';\nimport { isBaseQueryError } from '../utils/baseQuery';\nimport { getTranslation } from '../utils/getTranslation';\n\n/* -------------------------------------------------------------------------------------------------\n * CreateLocale\n * -----------------------------------------------------------------------------------------------*/\n\ninterface CreateLocaleProps extends Pick<ButtonProps, 'disabled' | 'variant'> {}\n\nconst CreateLocale = ({ disabled, variant = 'default' }: CreateLocaleProps) => {\n  const { formatMessage } = useIntl();\n  const [visible, setVisible] = React.useState(false);\n\n  return (\n    <>\n      <Button\n        variant={variant}\n        disabled={disabled}\n        startIcon={<Plus />}\n        onClick={() => setVisible(true)}\n        size=\"S\"\n      >\n        {formatMessage({\n          id: getTranslation('Settings.list.actions.add'),\n          defaultMessage: 'Add new locale',\n        })}\n      </Button>\n      {visible ? <CreateModal onClose={() => setVisible(false)} /> : null}\n    </>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * CreateModal\n * -----------------------------------------------------------------------------------------------*/\n\nconst LOCALE_SCHEMA = yup.object().shape({\n  code: yup.string().required({\n    id: 'Settings.locales.modal.create.code.error',\n    defaultMessage: 'Please select a locale',\n  }),\n  name: yup\n    .string()\n    .max(50, {\n      id: 'Settings.locales.modal.create.name.error.min',\n      defaultMessage: 'The locale display name can only be less than 50 characters.',\n    })\n    .required({\n      id: 'Settings.locales.modal.create.name.error.required',\n      defaultMessage: 'Please give the locale a display name',\n    }),\n  isDefault: yup.boolean(),\n});\n\ntype FormValues = CreateLocale.Request['body'];\n\nconst initialFormValues = {\n  code: '',\n  name: '',\n  isDefault: false,\n} satisfies FormValues;\n\ntype ModalCreateProps = {\n  onClose: () => void;\n};\n\nconst CreateModal = ({ onClose }: ModalCreateProps) => {\n  const { toggleNotification } = useNotification();\n  const {\n    _unstableFormatAPIError: formatAPIError,\n    _unstableFormatValidationErrors: formatValidationErrors,\n  } = useAPIErrorHandler();\n  const [createLocale] = useCreateLocaleMutation();\n  const { formatMessage } = useIntl();\n  const refetchPermissions = useAuth('CreateModal', (state) => state.refetchPermissions);\n\n  const handleSubmit = async (values: FormValues, helpers: FormHelpers<FormValues>) => {\n    try {\n      const res = await createLocale(values);\n\n      if ('error' in res) {\n        if (isBaseQueryError(res.error) && res.error.name === 'ValidationError') {\n          helpers.setErrors(formatValidationErrors(res.error));\n        } else {\n          toggleNotification({ type: 'danger', message: formatAPIError(res.error) });\n        }\n\n        return;\n      }\n\n      toggleNotification({\n        type: 'success',\n        message: formatMessage({\n          id: getTranslation('Settings.locales.modal.create.success'),\n          defaultMessage: 'Created locale',\n        }),\n      });\n\n      refetchPermissions();\n      onClose();\n    } catch (err) {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: 'notification.error',\n          defaultMessage: 'An error occurred, please try again',\n        }),\n      });\n    }\n  };\n\n  const titleId = React.useId();\n\n  return (\n    <ModalLayout onClose={onClose} labelledBy={titleId}>\n      <Form\n        method=\"POST\"\n        initialValues={initialFormValues}\n        validationSchema={LOCALE_SCHEMA}\n        onSubmit={handleSubmit}\n      >\n        <ModalHeader>\n          <Typography fontWeight=\"bold\" textColor=\"neutral800\" as=\"h2\" id={titleId}>\n            {formatMessage({\n              id: getTranslation('Settings.list.actions.add'),\n              defaultMessage: 'Add new locale',\n            })}\n          </Typography>\n        </ModalHeader>\n        <ModalBody>\n          <TabGroup\n            label={formatMessage({\n              id: getTranslation('Settings.locales.modal.title'),\n              defaultMessage: 'Configurations',\n            })}\n            variant=\"simple\"\n          >\n            <Flex justifyContent=\"space-between\">\n              <Typography as=\"h2\" variant=\"beta\">\n                {formatMessage({\n                  id: getTranslation('Settings.locales.modal.title'),\n                  defaultMessage: 'Configuration',\n                })}\n              </Typography>\n              <Tabs>\n                <Tab>\n                  {formatMessage({\n                    id: getTranslation('Settings.locales.modal.base'),\n                    defaultMessage: 'Basic settings',\n                  })}\n                </Tab>\n                <Tab>\n                  {formatMessage({\n                    id: getTranslation('Settings.locales.modal.advanced'),\n                    defaultMessage: 'Advanced settings',\n                  })}\n                </Tab>\n              </Tabs>\n            </Flex>\n\n            <Divider />\n\n            <Box paddingTop={7} paddingBottom={7}>\n              <TabPanels>\n                <TabPanel>\n                  <BaseForm />\n                </TabPanel>\n                <TabPanel>\n                  <AdvancedForm />\n                </TabPanel>\n              </TabPanels>\n            </Box>\n          </TabGroup>\n        </ModalBody>\n        <ModalFooter\n          startActions={\n            <Button variant=\"tertiary\" onClick={onClose}>\n              {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'Cancel' })}\n            </Button>\n          }\n          endActions={<SubmitButton />}\n        />\n      </Form>\n    </ModalLayout>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * SubmitButton\n * -----------------------------------------------------------------------------------------------*/\n\nconst SubmitButton = () => {\n  const { formatMessage } = useIntl();\n  const isSubmitting = useForm('SubmitButton', (state) => state.isSubmitting);\n  const modified = useForm('SubmitButton', (state) => state.modified);\n\n  return (\n    <Button type=\"submit\" startIcon={<Check />} disabled={isSubmitting || !modified}>\n      {formatMessage({ id: 'global.save', defaultMessage: 'Save' })}\n    </Button>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * BaseForm\n * -----------------------------------------------------------------------------------------------*/\n\ninterface BaseFormProps {\n  mode?: 'create' | 'edit';\n}\n\nconst BaseForm = ({ mode = 'create' }: BaseFormProps) => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\n\n  const { data: defaultLocales = [], error } = useGetDefaultLocalesQuery();\n  const { data: locales = [] } = useGetLocalesQuery();\n\n  React.useEffect(() => {\n    if (error) {\n      toggleNotification({\n        type: 'danger',\n        message: formatAPIError(error),\n      });\n    }\n  }, [error, formatAPIError, toggleNotification]);\n\n  if (!Array.isArray(defaultLocales) || !Array.isArray(locales)) {\n    return null;\n  }\n\n  const options = defaultLocales.map((locale) => ({\n    label: locale.name,\n    value: locale.code,\n  }));\n\n  const translatedForm = [\n    {\n      disabled: mode !== 'create',\n      label: {\n        id: getTranslation('Settings.locales.modal.create.code.label'),\n        defaultMessage: 'Locales',\n      },\n      name: 'code',\n      options,\n      placeholder: {\n        id: 'components.placeholder.select',\n        defaultMessage: 'Select',\n      },\n      required: true,\n      size: 6,\n      type: 'enumeration' as const,\n    },\n    {\n      hint: {\n        id: getTranslation('Settings.locales.modal.create.name.label.description'),\n        defaultMessage: 'Locale will be displayed under that name in the administration panel',\n      },\n      label: {\n        id: getTranslation('Settings.locales.modal.create.name.label'),\n        defaultMessage: 'Locale display name',\n      },\n      name: 'name',\n      required: true,\n      size: 6,\n      type: 'string' as const,\n    },\n  ].map((field) => ({\n    ...field,\n    hint: field.hint ? formatMessage(field.hint) : undefined,\n    label: formatMessage(field.label),\n    placeholder: field.placeholder ? formatMessage(field.placeholder) : undefined,\n  }));\n\n  return (\n    <Grid gap={4}>\n      {translatedForm.map(({ size, ...field }) => (\n        <GridItem key={field.name} col={size}>\n          <FormRenderer {...field} />\n        </GridItem>\n      ))}\n    </Grid>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * AdvancedForm\n * -----------------------------------------------------------------------------------------------*/\n\ntype AdvancedFormProps = {\n  isDefaultLocale?: boolean;\n};\n\nconst AdvancedForm = ({ isDefaultLocale }: AdvancedFormProps) => {\n  const { formatMessage } = useIntl();\n\n  const form = [\n    {\n      disabled: isDefaultLocale,\n      hint: {\n        id: getTranslation('Settings.locales.modal.advanced.setAsDefault.hint'),\n        defaultMessage: 'One default locale is required, change it by selecting another one',\n      },\n      label: {\n        id: getTranslation('Settings.locales.modal.advanced.setAsDefault'),\n        defaultMessage: 'Set as default locale',\n      },\n      name: 'isDefault',\n      size: 6,\n      type: 'boolean' as const,\n    },\n  ].map((field) => ({\n    ...field,\n    hint: field.hint ? formatMessage(field.hint) : undefined,\n    label: formatMessage(field.label),\n  })) satisfies InputProps[];\n\n  return (\n    <Grid gap={4}>\n      {form.map(({ size, ...field }) => (\n        <GridItem key={field.name} col={size}>\n          <FormRenderer {...field} />\n        </GridItem>\n      ))}\n    </Grid>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * FormRenderer\n * -----------------------------------------------------------------------------------------------*/\n\nconst FormRenderer = (field: InputProps) => {\n  switch (field.type) {\n    /**\n     * This will override the default input renderer\n     * choice for `enumeration`.\n     */\n    case 'enumeration':\n      return <EnumerationInput {...field} />;\n    default:\n      return <InputRenderer {...field} />;\n  }\n};\n\nconst EnumerationInput = ({\n  disabled,\n  hint,\n  label,\n  name,\n  options,\n  placeholder,\n  required,\n}: Extract<InputProps, { type: 'enumeration' }>) => {\n  const { value, error, onChange } = useField(name);\n  const { data: defaultLocales = [] } = useGetDefaultLocalesQuery();\n\n  const handleChange = (value: string) => {\n    if (Array.isArray(defaultLocales)) {\n      // We know it exists because the options are created from the list of default locales\n      const locale = defaultLocales.find((locale) => locale.code === value)!;\n\n      onChange(name, value);\n      // This lets us automatically fill the name field with the locale name\n      onChange('name', locale.name);\n    } else {\n      onChange(name, value);\n    }\n  };\n\n  return (\n    <SingleSelect\n      disabled={disabled}\n      error={error}\n      hint={hint}\n      // @ts-expect-error – label _could_ be a ReactNode since it's a child, this should be fixed in the DS.\n      label={label}\n      name={name}\n      // @ts-expect-error – This will dissapear when the DS removes support for numbers to be returned by SingleSelect.\n      onChange={handleChange}\n      placeholder={placeholder}\n      required={required}\n      value={value}\n    >\n      {options.map((option) => (\n        <SingleSelectOption value={option.value} key={option.value}>\n          {option.label}\n        </SingleSelectOption>\n      ))}\n    </SingleSelect>\n  );\n};\n\nexport { CreateLocale, BaseForm, AdvancedForm, SubmitButton, LOCALE_SCHEMA };\n","import * as React from 'react';\n\nimport { ConfirmDialog, useAPIErrorHandler, useNotification } from '@strapi/admin/strapi-admin';\nimport { IconButton } from '@strapi/design-system';\nimport { Trash } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { useDeleteLocaleMutation } from '../services/locales';\nimport { getTranslation } from '../utils/getTranslation';\n\nimport type { Locale } from '../../../shared/contracts/locales';\n\n/* -------------------------------------------------------------------------------------------------\n * DeleteLocale\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DeleteLocaleProps extends Locale {}\n\nconst DeleteLocale = ({ id, name }: DeleteLocaleProps) => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\n\n  const [visible, setVisible] = React.useState(false);\n\n  const [deleteLocale] = useDeleteLocaleMutation();\n  const handleConfirm = async () => {\n    try {\n      const res = await deleteLocale(id);\n\n      if ('error' in res) {\n        toggleNotification({ type: 'danger', message: formatAPIError(res.error) });\n\n        return;\n      }\n\n      toggleNotification({\n        type: 'success',\n        message: formatMessage({\n          id: getTranslation('Settings.locales.modal.delete.success'),\n          defaultMessage: 'Deleted locale',\n        }),\n      });\n    } catch (err) {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: 'notification.error',\n          defaultMessage: 'An error occurred, please try again',\n        }),\n      });\n    }\n  };\n\n  return (\n    <>\n      <IconButton\n        onClick={() => setVisible(true)}\n        label={formatMessage(\n          {\n            id: getTranslation('Settings.list.actions.delete'),\n            defaultMessage: 'Delete {name} locale',\n          },\n          {\n            name,\n          }\n        )}\n        icon={<Trash />}\n        borderWidth={0}\n      />\n      <ConfirmDialog onConfirm={handleConfirm} onClose={() => setVisible(false)} isOpen={visible} />\n    </>\n  );\n};\n\nexport { DeleteLocale };\n","import * as React from 'react';\n\nimport {\n  useNotification,\n  useAPIErrorHandler,\n  Form,\n  FormHelpers,\n  useAuth,\n} from '@strapi/admin/strapi-admin';\nimport {\n  Box,\n  Button,\n  Divider,\n  Flex,\n  IconButton,\n  ModalBody,\n  ModalFooter,\n  ModalHeader,\n  ModalLayout,\n  ModalLayoutProps,\n  Tab,\n  TabGroup,\n  TabPanel,\n  TabPanels,\n  Tabs,\n  Typography,\n} from '@strapi/design-system';\nimport { Pencil } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { Locale, UpdateLocale } from '../../../shared/contracts/locales';\nimport { useUpdateLocaleMutation } from '../services/locales';\nimport { isBaseQueryError } from '../utils/baseQuery';\nimport { getTranslation } from '../utils/getTranslation';\n\nimport { AdvancedForm, BaseForm, LOCALE_SCHEMA, SubmitButton } from './CreateLocale';\n\n/* -------------------------------------------------------------------------------------------------\n * EditLocale\n * -----------------------------------------------------------------------------------------------*/\n\ninterface EditLocaleProps extends Omit<EditModalProps, 'onClose'> {}\n\nconst EditLocale = (props: EditLocaleProps) => {\n  const { formatMessage } = useIntl();\n  const [visible, setVisible] = React.useState(false);\n\n  return (\n    <>\n      <IconButton\n        onClick={() => setVisible(true)}\n        label={formatMessage(\n          {\n            id: getTranslation('Settings.list.actions.edit'),\n            defaultMessage: 'Edit {name} locale',\n          },\n          {\n            name: props.name,\n          }\n        )}\n        icon={<Pencil />}\n        borderWidth={0}\n      />\n      {visible ? <EditModal {...props} onClose={() => setVisible(false)} /> : null}\n    </>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * EditModal\n * -----------------------------------------------------------------------------------------------*/\n\ninterface EditModalProps\n  extends Pick<ModalLayoutProps, 'onClose'>,\n    Pick<Locale, 'id' | 'isDefault' | 'name' | 'code'> {}\n\ntype FormValues = UpdateLocale.Request['body'] & { code: string };\n\n/**\n * @internal\n * @description Exported to be used when someone clicks on a table row.\n */\nconst EditModal = ({ id, code, isDefault, name, onClose }: EditModalProps) => {\n  const { toggleNotification } = useNotification();\n  const {\n    _unstableFormatAPIError: formatAPIError,\n    _unstableFormatValidationErrors: formatValidationErrors,\n  } = useAPIErrorHandler();\n  const refetchPermissions = useAuth('EditModal', (state) => state.refetchPermissions);\n  const { formatMessage } = useIntl();\n  const titleId = React.useId();\n\n  const [updateLocale] = useUpdateLocaleMutation();\n  const handleSubmit = async (\n    { code: _code, ...data }: FormValues,\n    helpers: FormHelpers<FormValues>\n  ) => {\n    try {\n      /**\n       * We don't need to send the code, because the\n       * code can never be changed.\n       */\n      const res = await updateLocale({\n        id,\n        ...data,\n      });\n\n      if ('error' in res) {\n        if (isBaseQueryError(res.error) && res.error.name === 'ValidationError') {\n          helpers.setErrors(formatValidationErrors(res.error));\n        } else {\n          toggleNotification({ type: 'danger', message: formatAPIError(res.error) });\n        }\n\n        return;\n      }\n\n      toggleNotification({\n        type: 'success',\n        message: formatMessage({\n          id: getTranslation('Settings.locales.modal.edit.success'),\n          defaultMessage: 'Updated locale',\n        }),\n      });\n\n      refetchPermissions();\n      onClose();\n    } catch (err) {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: 'notification.error',\n          defaultMessage: 'An error occurred, please try again',\n        }),\n      });\n    }\n  };\n\n  return (\n    <ModalLayout onClose={onClose} labelledBy={titleId}>\n      <Form\n        method=\"PUT\"\n        onSubmit={handleSubmit}\n        initialValues={{\n          code,\n          name,\n          isDefault,\n        }}\n        validationSchema={LOCALE_SCHEMA}\n      >\n        <ModalHeader>\n          <Typography fontWeight=\"bold\" textColor=\"neutral800\" as=\"h2\" id={titleId}>\n            {formatMessage({\n              id: getTranslation('Settings.list.actions.edit'),\n              defaultMessage: 'Edit a locale',\n            })}\n          </Typography>\n        </ModalHeader>\n        <ModalBody>\n          <TabGroup\n            label={formatMessage({\n              id: getTranslation('Settings.locales.modal.title'),\n              defaultMessage: 'Configurations',\n            })}\n            variant=\"simple\"\n          >\n            <Flex justifyContent=\"space-between\">\n              <Typography as=\"h2\" variant=\"beta\">\n                {formatMessage({\n                  id: getTranslation('Settings.locales.modal.title'),\n                  defaultMessage: 'Configuration',\n                })}\n              </Typography>\n              <Tabs>\n                <Tab>\n                  {formatMessage({\n                    id: getTranslation('Settings.locales.modal.base'),\n                    defaultMessage: 'Basic settings',\n                  })}\n                </Tab>\n                <Tab>\n                  {formatMessage({\n                    id: getTranslation('Settings.locales.modal.advanced'),\n                    defaultMessage: 'Advanced settings',\n                  })}\n                </Tab>\n              </Tabs>\n            </Flex>\n\n            <Divider />\n\n            <Box paddingTop={7} paddingBottom={7}>\n              <TabPanels>\n                <TabPanel>\n                  <BaseForm mode=\"edit\" />\n                </TabPanel>\n                <TabPanel>\n                  <AdvancedForm isDefaultLocale={isDefault} />\n                </TabPanel>\n              </TabPanels>\n            </Box>\n          </TabGroup>\n        </ModalBody>\n        <ModalFooter\n          startActions={\n            <Button variant=\"tertiary\" onClick={onClose}>\n              {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'Cancel' })}\n            </Button>\n          }\n          endActions={<SubmitButton />}\n        />\n      </Form>\n    </ModalLayout>\n  );\n};\n\nexport { EditLocale, EditModal };\n","import * as React from 'react';\n\nimport {\n  Flex,\n  Table,\n  Tbody,\n  Td,\n  Th,\n  Thead,\n  Tr,\n  Typography,\n  VisuallyHidden,\n} from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { getTranslation } from '../utils/getTranslation';\n\nimport { DeleteLocale } from './DeleteLocale';\nimport { EditLocale, EditModal } from './EditLocale';\n\nimport type { Locale } from '../../../shared/contracts/locales';\n\n/* -------------------------------------------------------------------------------------------------\n * LocaleTable\n * -----------------------------------------------------------------------------------------------*/\n\ntype LocaleTableProps = {\n  locales?: Locale[];\n  canDelete?: boolean;\n  canUpdate?: boolean;\n  onDeleteLocale?: (locale: Locale) => void;\n  onEditLocale?: (locale: Locale) => void;\n};\n\nconst LocaleTable = ({ locales = [], canDelete, canUpdate }: LocaleTableProps) => {\n  const [editLocaleId, setEditLocaleId] = React.useState<Locale['id']>();\n  const { formatMessage } = useIntl();\n\n  const handleClick = (localeId: Locale['id']) => () => {\n    if (canUpdate) {\n      setEditLocaleId(localeId);\n    }\n  };\n\n  return (\n    <Table colCount={4} rowCount={locales.length + 1}>\n      <Thead>\n        <Tr>\n          <Th>\n            <Typography variant=\"sigma\" textColor=\"neutral600\">\n              {formatMessage({\n                id: getTranslation('Settings.locales.row.id'),\n                defaultMessage: 'ID',\n              })}\n            </Typography>\n          </Th>\n          <Th>\n            <Typography variant=\"sigma\" textColor=\"neutral600\">\n              {formatMessage({\n                id: getTranslation('Settings.locales.row.displayName'),\n                defaultMessage: 'Display name',\n              })}\n            </Typography>\n          </Th>\n          <Th>\n            <Typography variant=\"sigma\" textColor=\"neutral600\">\n              {formatMessage({\n                id: getTranslation('Settings.locales.row.default-locale'),\n                defaultMessage: 'Default locale',\n              })}\n            </Typography>\n          </Th>\n          <Th>\n            <VisuallyHidden>Actions</VisuallyHidden>\n          </Th>\n        </Tr>\n      </Thead>\n      <Tbody>\n        {locales.map((locale) => (\n          <React.Fragment key={locale.id}>\n            <Tr\n              onClick={handleClick(locale.id)}\n              style={{ cursor: canUpdate ? 'pointer' : 'default' }}\n            >\n              <Td>\n                <Typography textColor=\"neutral800\">{locale.id}</Typography>\n              </Td>\n              <Td>\n                <Typography textColor=\"neutral800\">{locale.name}</Typography>\n              </Td>\n              <Td>\n                <Typography textColor=\"neutral800\">\n                  {locale.isDefault\n                    ? formatMessage({\n                        id: getTranslation('Settings.locales.default'),\n                        defaultMessage: 'Default',\n                      })\n                    : null}\n                </Typography>\n              </Td>\n              <Td>\n                <Flex gap={1} justifyContent=\"flex-end\" onClick={(e) => e.stopPropagation()}>\n                  {canUpdate && <EditLocale {...locale} />}\n                  {canDelete && !locale.isDefault && <DeleteLocale {...locale} />}\n                </Flex>\n              </Td>\n            </Tr>\n            {editLocaleId === locale.id ? (\n              <EditModal {...locale} onClose={() => setEditLocaleId(undefined)} />\n            ) : null}\n          </React.Fragment>\n        ))}\n      </Tbody>\n    </Table>\n  );\n};\n\nexport { LocaleTable };\nexport type { LocaleTableProps };\n","import * as React from 'react';\n\nimport { Page, useAPIErrorHandler, useNotification, useRBAC } from '@strapi/admin/strapi-admin';\nimport { ContentLayout, EmptyStateLayout, HeaderLayout } from '@strapi/design-system';\nimport { EmptyDocuments } from '@strapi/icons/symbols';\nimport { useIntl } from 'react-intl';\n\nimport { CreateLocale } from '../components/CreateLocale';\nimport { LocaleTable } from '../components/LocaleTable';\nimport { PERMISSIONS } from '../constants';\nimport { useGetLocalesQuery } from '../services/locales';\nimport { getTranslation } from '../utils/getTranslation';\n\nconst SettingsPage = () => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\n  const { data: locales, isLoading: isLoadingLocales, error } = useGetLocalesQuery();\n  const {\n    isLoading: isLoadingRBAC,\n    allowedActions: { canUpdate, canCreate, canDelete },\n  } = useRBAC(PERMISSIONS);\n\n  React.useEffect(() => {\n    if (error) {\n      toggleNotification({\n        type: 'danger',\n        message: formatAPIError(error),\n      });\n    }\n  }, [error, formatAPIError, toggleNotification]);\n\n  const isLoading = isLoadingLocales || isLoadingRBAC;\n\n  if (isLoading) {\n    return <Page.Loading />;\n  }\n\n  if (error || !Array.isArray(locales)) {\n    return <Page.Error />;\n  }\n\n  return (\n    <Page.Main tabIndex={-1}>\n      <HeaderLayout\n        primaryAction={<CreateLocale disabled={!canCreate} />}\n        title={formatMessage({\n          id: getTranslation('plugin.name'),\n          defaultMessage: 'Internationalization',\n        })}\n        subtitle={formatMessage({\n          id: getTranslation('Settings.list.description'),\n          defaultMessage: 'Configure the settings',\n        })}\n      />\n      <ContentLayout>\n        {locales.length > 0 ? (\n          <LocaleTable locales={locales} canDelete={canDelete} canUpdate={canUpdate} />\n        ) : (\n          <EmptyStateLayout\n            icon={<EmptyDocuments width={undefined} height={undefined} />}\n            content={formatMessage({\n              id: getTranslation('Settings.list.empty.title'),\n              defaultMessage: 'There are no locales',\n            })}\n            action={<CreateLocale disabled={!canCreate} variant=\"secondary\" />}\n          />\n        )}\n      </ContentLayout>\n    </Page.Main>\n  );\n};\n\nconst ProtectedSettingsPage = () => {\n  return (\n    <Page.Protect permissions={PERMISSIONS.read}>\n      <SettingsPage />\n    </Page.Protect>\n  );\n};\n\nexport { ProtectedSettingsPage, SettingsPage };\n"],"names":["useIntl","React","jsxs","Fragment","jsx","Button","Plus","getTranslation","yup","useNotification","useAPIErrorHandler","useCreateLocaleMutation","useAuth","isBaseQueryError","ModalLayout","Form","ModalHeader","Typography","ModalBody","TabGroup","Flex","Tabs","Tab","Divider","Box","TabPanels","TabPanel","ModalFooter","useForm","Check","useGetDefaultLocalesQuery","useGetLocalesQuery","Grid","GridItem","InputRenderer","useField","value","locale","SingleSelect","SingleSelectOption","useDeleteLocaleMutation","IconButton","Trash","ConfirmDialog","Pencil","useUpdateLocaleMutation","Table","Thead","Tr","Th","VisuallyHidden","Tbody","Td","useRBAC","PERMISSIONS","Page","HeaderLayout","ContentLayout","EmptyStateLayout","EmptyDocuments"],"mappings":"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"}

package/dist/_chunks/SettingsPage-pvdzbKEM.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 } 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, HeaderLayout, ContentLayout, 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-lckTPHiZ.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(
+      HeaderLayout,
+      {
+        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(ContentLayout, { 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-pvdzbKEM.mjs.map