@strapi/i18n 5.9.0 → 5.10.0

package/dist/admin/chunks/SettingsPage-B6ikxVOg.js

@@ -0,0 +1,820 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var symbols = require('@strapi/icons/symbols');
+var reactIntl = require('react-intl');
+var icons = require('@strapi/icons');
+var yup = require('yup');
+var index = require('./index-Dch-2xao.js');
+require('lodash/get');
+require('styled-components');
+require('@reduxjs/toolkit/query');
+require('@strapi/content-manager/strapi-admin');
+require('react-router-dom');
+require('qs');
+require('lodash/omit');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
+
+const isBaseQueryError = (error)=>{
+    return error.name !== undefined;
+};
+
+const CreateLocale = ({ disabled, variant = 'default' })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const [visible, setVisible] = React__namespace.useState(false);
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Modal.Root, {
+        open: visible,
+        onOpenChange: setVisible,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Trigger, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                    variant: variant,
+                    disabled: disabled,
+                    startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Plus, {}),
+                    onClick: ()=>setVisible(true),
+                    size: "S",
+                    children: formatMessage({
+                        id: index.getTranslation('Settings.list.actions.add'),
+                        defaultMessage: 'Add new locale'
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(CreateModal, {
+                onClose: ()=>setVisible(false)
+            })
+        ]
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * CreateModal
+ * -----------------------------------------------------------------------------------------------*/ const LOCALE_SCHEMA = yup__namespace.object().shape({
+    code: yup__namespace.string().nullable().required({
+        id: 'Settings.locales.modal.create.code.error',
+        defaultMessage: 'Please select a locale'
+    }),
+    name: yup__namespace.string().nullable().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__namespace.boolean()
+});
+const initialFormValues = {
+    code: '',
+    name: '',
+    isDefault: false
+};
+const CreateModal = ({ onClose })=>{
+    const titleId = designSystem.useId();
+    const { toggleNotification } = strapiAdmin.useNotification();
+    const { _unstableFormatAPIError: formatAPIError, _unstableFormatValidationErrors: formatValidationErrors } = strapiAdmin.useAPIErrorHandler();
+    const [createLocale] = index.useCreateLocaleMutation();
+    const { formatMessage } = reactIntl.useIntl();
+    const refetchPermissions = strapiAdmin.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: index.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'
+                })
+            });
+        }
+    };
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Content, {
+        children: /*#__PURE__*/ jsxRuntime.jsxs(strapiAdmin.Form, {
+            method: "POST",
+            initialValues: initialFormValues,
+            validationSchema: LOCALE_SCHEMA,
+            onSubmit: handleSubmit,
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Header, {
+                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Title, {
+                        children: formatMessage({
+                            id: index.getTranslation('Settings.list.actions.add'),
+                            defaultMessage: 'Add new locale'
+                        })
+                    })
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Body, {
+                    children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Tabs.Root, {
+                        variant: "simple",
+                        defaultValue: "basic",
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                justifyContent: "space-between",
+                                children: [
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                        tag: "h2",
+                                        variant: "beta",
+                                        id: titleId,
+                                        children: formatMessage({
+                                            id: index.getTranslation('Settings.locales.modal.title'),
+                                            defaultMessage: 'Configuration'
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Tabs.List, {
+                                        "aria-labelledby": titleId,
+                                        children: [
+                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tabs.Trigger, {
+                                                value: "basic",
+                                                children: formatMessage({
+                                                    id: index.getTranslation('Settings.locales.modal.base'),
+                                                    defaultMessage: 'Basic settings'
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tabs.Trigger, {
+                                                value: "advanced",
+                                                children: formatMessage({
+                                                    id: index.getTranslation('Settings.locales.modal.advanced'),
+                                                    defaultMessage: 'Advanced settings'
+                                                })
+                                            })
+                                        ]
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Divider, {}),
+                            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Box, {
+                                paddingTop: 7,
+                                paddingBottom: 7,
+                                children: [
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tabs.Content, {
+                                        value: "basic",
+                                        children: /*#__PURE__*/ jsxRuntime.jsx(BaseForm, {})
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tabs.Content, {
+                                        value: "advanced",
+                                        children: /*#__PURE__*/ jsxRuntime.jsx(AdvancedForm, {})
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Modal.Footer, {
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Close, {
+                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                variant: "tertiary",
+                                children: formatMessage({
+                                    id: 'app.components.Button.cancel',
+                                    defaultMessage: 'Cancel'
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(SubmitButton, {})
+                    ]
+                })
+            ]
+        })
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * SubmitButton
+ * -----------------------------------------------------------------------------------------------*/ const SubmitButton = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const isSubmitting = strapiAdmin.useForm('SubmitButton', (state)=>state.isSubmitting);
+    const modified = strapiAdmin.useForm('SubmitButton', (state)=>state.modified);
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+        type: "submit",
+        startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Check, {}),
+        disabled: isSubmitting || !modified,
+        children: formatMessage({
+            id: 'global.save',
+            defaultMessage: 'Save'
+        })
+    });
+};
+const BaseForm = ({ mode = 'create' })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { toggleNotification } = strapiAdmin.useNotification();
+    const { _unstableFormatAPIError: formatAPIError } = strapiAdmin.useAPIErrorHandler();
+    const { data: defaultLocales, error } = index.useGetDefaultLocalesQuery();
+    React__namespace.useEffect(()=>{
+        if (error) {
+            toggleNotification({
+                type: 'danger',
+                message: formatAPIError(error)
+            });
+        }
+    }, [
+        error,
+        formatAPIError,
+        toggleNotification
+    ]);
+    if (!Array.isArray(defaultLocales)) {
+        return null;
+    }
+    const options = defaultLocales.map((locale)=>({
+            label: locale.name,
+            value: locale.code
+        }));
+    const translatedForm = [
+        {
+            disabled: mode !== 'create',
+            label: {
+                id: index.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: index.getTranslation('Settings.locales.modal.create.name.label.description'),
+                defaultMessage: 'Locale will be displayed under that name in the administration panel'
+            },
+            label: {
+                id: index.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) : undefined,
+            label: formatMessage(field.label),
+            placeholder: field.placeholder ? formatMessage(field.placeholder) : undefined
+        }));
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Root, {
+        gap: 4,
+        children: translatedForm.map(({ size, ...field })=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                col: size,
+                direction: "column",
+                alignItems: "stretch",
+                children: /*#__PURE__*/ jsxRuntime.jsx(FormRenderer, {
+                    ...field
+                })
+            }, field.name))
+    });
+};
+const AdvancedForm = ({ isDefaultLocale })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const form = [
+        {
+            disabled: isDefaultLocale,
+            hint: {
+                id: index.getTranslation('Settings.locales.modal.advanced.setAsDefault.hint'),
+                defaultMessage: 'One default locale is required, change it by selecting another one'
+            },
+            label: {
+                id: index.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) : undefined,
+            label: formatMessage(field.label)
+        }));
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Root, {
+        gap: 4,
+        children: form.map(({ size, ...field })=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                col: size,
+                direction: "column",
+                alignItems: "stretch",
+                children: /*#__PURE__*/ jsxRuntime.jsx(FormRenderer, {
+                    ...field
+                })
+            }, field.name))
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * FormRenderer
+ * -----------------------------------------------------------------------------------------------*/ const FormRenderer = (field)=>{
+    switch(field.type){
+        /**
+     * This will override the default input renderer
+     * choice for `enumeration`.
+     */ case 'enumeration':
+            return /*#__PURE__*/ jsxRuntime.jsx(EnumerationInput, {
+                ...field
+            });
+        default:
+            return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.InputRenderer, {
+                ...field
+            });
+    }
+};
+const EnumerationInput = ({ disabled, hint, label, name, options, placeholder, required })=>{
+    const { value, error, onChange } = strapiAdmin.useField(name);
+    const { data: defaultLocales = [] } = index.useGetDefaultLocalesQuery();
+    const handleChange = (value)=>{
+        if (Array.isArray(defaultLocales)) {
+            // We know it exists because the options are created from the list of default locales
+            const locale = defaultLocales.find((locale)=>locale.code === value);
+            onChange(name, value);
+            // This lets us automatically fill the name field with the locale name
+            onChange('name', locale.name);
+        } else {
+            onChange(name, value);
+        }
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
+        error: error,
+        hint: hint,
+        name: name,
+        required: required,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
+                children: label
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelect, {
+                disabled: disabled,
+                // @ts-expect-error – This will dissapear when the DS removes support for numbers to be returned by SingleSelect.
+                onChange: handleChange,
+                placeholder: placeholder,
+                value: value,
+                children: options.map((option)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelectOption, {
+                        value: option.value,
+                        children: option.label
+                    }, option.value))
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Error, {}),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Hint, {})
+        ]
+    });
+};
+
+const DeleteLocale = ({ id, name })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { toggleNotification } = strapiAdmin.useNotification();
+    const { _unstableFormatAPIError: formatAPIError } = strapiAdmin.useAPIErrorHandler();
+    const [visible, setVisible] = React__namespace.useState(false);
+    const [deleteLocale] = index.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: index.getTranslation('Settings.locales.modal.delete.success'),
+                    defaultMessage: 'Deleted locale'
+                })
+            });
+            setVisible(false);
+        } catch (err) {
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: 'notification.error',
+                    defaultMessage: 'An error occurred, please try again'
+                })
+            });
+        }
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Dialog.Root, {
+        open: visible,
+        onOpenChange: setVisible,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Trigger, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                    onClick: ()=>setVisible(true),
+                    label: formatMessage({
+                        id: index.getTranslation('Settings.list.actions.delete'),
+                        defaultMessage: 'Delete {name} locale'
+                    }, {
+                        name
+                    }),
+                    variant: "ghost",
+                    children: /*#__PURE__*/ jsxRuntime.jsx(icons.Trash, {})
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.ConfirmDialog, {
+                onConfirm: handleConfirm
+            })
+        ]
+    });
+};
+
+const EditLocale = (props)=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const [visible, setVisible] = React__namespace.useState(false);
+    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                onClick: ()=>setVisible(true),
+                label: formatMessage({
+                    id: index.getTranslation('Settings.list.actions.edit'),
+                    defaultMessage: 'Edit {name} locale'
+                }, {
+                    name: props.name
+                }),
+                variant: "ghost",
+                children: /*#__PURE__*/ jsxRuntime.jsx(icons.Pencil, {})
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(EditModal, {
+                ...props,
+                open: visible,
+                onOpenChange: setVisible
+            })
+        ]
+    });
+};
+/**
+ * @internal
+ * @description Exported to be used when someone clicks on a table row.
+ */ const EditModal = ({ id, code, isDefault, name, open, onOpenChange })=>{
+    const { toggleNotification } = strapiAdmin.useNotification();
+    const { _unstableFormatAPIError: formatAPIError, _unstableFormatValidationErrors: formatValidationErrors } = strapiAdmin.useAPIErrorHandler();
+    const refetchPermissions = strapiAdmin.useAuth('EditModal', (state)=>state.refetchPermissions);
+    const { formatMessage } = reactIntl.useIntl();
+    const titleId = designSystem.useId();
+    const [updateLocale] = index.useUpdateLocaleMutation();
+    const handleSubmit = async ({ code: _code, ...data }, helpers)=>{
+        try {
+            /**
+       * We don't need to send the code, because the
+       * code can never be changed.
+       */ 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: index.getTranslation('Settings.locales.modal.edit.success'),
+                    defaultMessage: 'Updated locale'
+                })
+            });
+            refetchPermissions();
+            onOpenChange(false);
+        } catch (err) {
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: 'notification.error',
+                    defaultMessage: 'An error occurred, please try again'
+                })
+            });
+        }
+    };
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Root, {
+        open: open,
+        onOpenChange: onOpenChange,
+        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Content, {
+            children: /*#__PURE__*/ jsxRuntime.jsxs(strapiAdmin.Form, {
+                method: "PUT",
+                onSubmit: handleSubmit,
+                initialValues: {
+                    code,
+                    name,
+                    isDefault
+                },
+                validationSchema: LOCALE_SCHEMA,
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Header, {
+                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Title, {
+                            children: formatMessage({
+                                id: index.getTranslation('Settings.list.actions.edit'),
+                                defaultMessage: 'Edit a locale'
+                            }, {
+                                name
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Body, {
+                        children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Tabs.Root, {
+                            variant: "simple",
+                            defaultValue: "basic",
+                            children: [
+                                /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                    justifyContent: "space-between",
+                                    children: [
+                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                            tag: "h2",
+                                            variant: "beta",
+                                            id: titleId,
+                                            children: formatMessage({
+                                                id: index.getTranslation('Settings.locales.modal.title'),
+                                                defaultMessage: 'Configuration'
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Tabs.List, {
+                                            "aria-labelledby": titleId,
+                                            children: [
+                                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tabs.Trigger, {
+                                                    value: "basic",
+                                                    children: formatMessage({
+                                                        id: index.getTranslation('Settings.locales.modal.base'),
+                                                        defaultMessage: 'Basic settings'
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tabs.Trigger, {
+                                                    value: "advanced",
+                                                    children: formatMessage({
+                                                        id: index.getTranslation('Settings.locales.modal.advanced'),
+                                                        defaultMessage: 'Advanced settings'
+                                                    })
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Divider, {}),
+                                /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Box, {
+                                    paddingTop: 7,
+                                    paddingBottom: 7,
+                                    children: [
+                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tabs.Content, {
+                                            value: "basic",
+                                            children: /*#__PURE__*/ jsxRuntime.jsx(BaseForm, {
+                                                mode: "edit"
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tabs.Content, {
+                                            value: "advanced",
+                                            children: /*#__PURE__*/ jsxRuntime.jsx(AdvancedForm, {
+                                                isDefaultLocale: isDefault
+                                            })
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Modal.Footer, {
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Close, {
+                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                    variant: "tertiary",
+                                    children: formatMessage({
+                                        id: 'app.components.Button.cancel',
+                                        defaultMessage: 'Cancel'
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(SubmitButton, {})
+                        ]
+                    })
+                ]
+            })
+        })
+    });
+};
+
+const LocaleTable = ({ locales = [], canDelete, canUpdate })=>{
+    const [editLocaleId, setEditLocaleId] = React__namespace.useState();
+    const { formatMessage } = reactIntl.useIntl();
+    const handleClick = (localeId)=>()=>{
+            if (canUpdate) {
+                setEditLocaleId(localeId);
+            }
+        };
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Table, {
+        colCount: 4,
+        rowCount: locales.length + 1,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Thead, {
+                children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Tr, {
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Th, {
+                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                variant: "sigma",
+                                textColor: "neutral600",
+                                children: formatMessage({
+                                    id: index.getTranslation('Settings.locales.row.id'),
+                                    defaultMessage: 'ID'
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Th, {
+                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                variant: "sigma",
+                                textColor: "neutral600",
+                                children: formatMessage({
+                                    id: index.getTranslation('Settings.locales.row.displayName'),
+                                    defaultMessage: 'Display name'
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Th, {
+                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                variant: "sigma",
+                                textColor: "neutral600",
+                                children: formatMessage({
+                                    id: index.getTranslation('Settings.locales.row.default-locale'),
+                                    defaultMessage: 'Default locale'
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Th, {
+                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.VisuallyHidden, {
+                                children: "Actions"
+                            })
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tbody, {
+                children: locales.map((locale)=>/*#__PURE__*/ jsxRuntime.jsxs(React__namespace.Fragment, {
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Tr, {
+                                onClick: handleClick(locale.id),
+                                style: {
+                                    cursor: canUpdate ? 'pointer' : 'default'
+                                },
+                                children: [
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                            textColor: "neutral800",
+                                            children: locale.id
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                            textColor: "neutral800",
+                                            children: locale.name
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                            textColor: "neutral800",
+                                            children: locale.isDefault ? formatMessage({
+                                                id: index.getTranslation('Settings.locales.default'),
+                                                defaultMessage: 'Default'
+                                            }) : null
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                                        children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                            gap: 1,
+                                            justifyContent: "flex-end",
+                                            onClick: (e)=>e.stopPropagation(),
+                                            children: [
+                                                canUpdate && /*#__PURE__*/ jsxRuntime.jsx(EditLocale, {
+                                                    ...locale
+                                                }),
+                                                canDelete && !locale.isDefault && /*#__PURE__*/ jsxRuntime.jsx(DeleteLocale, {
+                                                    ...locale
+                                                })
+                                            ]
+                                        })
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(EditModal, {
+                                ...locale,
+                                onOpenChange: ()=>setEditLocaleId(undefined),
+                                open: editLocaleId === locale.id
+                            })
+                        ]
+                    }, locale.id))
+            })
+        ]
+    });
+};
+
+const SettingsPage = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { toggleNotification } = strapiAdmin.useNotification();
+    const { _unstableFormatAPIError: formatAPIError } = strapiAdmin.useAPIErrorHandler();
+    const { data: locales, isLoading: isLoadingLocales, error } = index.useGetLocalesQuery();
+    const { isLoading: isLoadingRBAC, allowedActions: { canUpdate, canCreate, canDelete } } = strapiAdmin.useRBAC(index.PERMISSIONS);
+    React__namespace.useEffect(()=>{
+        if (error) {
+            toggleNotification({
+                type: 'danger',
+                message: formatAPIError(error)
+            });
+        }
+    }, [
+        error,
+        formatAPIError,
+        toggleNotification
+    ]);
+    const isLoading = isLoadingLocales || isLoadingRBAC;
+    if (isLoading) {
+        return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Loading, {});
+    }
+    if (error || !Array.isArray(locales)) {
+        return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Error, {});
+    }
+    return /*#__PURE__*/ jsxRuntime.jsxs(strapiAdmin.Page.Main, {
+        tabIndex: -1,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Layouts.Header, {
+                primaryAction: /*#__PURE__*/ jsxRuntime.jsx(CreateLocale, {
+                    disabled: !canCreate
+                }),
+                title: formatMessage({
+                    id: index.getTranslation('plugin.name'),
+                    defaultMessage: 'Internationalization'
+                }),
+                subtitle: formatMessage({
+                    id: index.getTranslation('Settings.list.description'),
+                    defaultMessage: 'Configure the settings'
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Layouts.Content, {
+                children: locales.length > 0 ? /*#__PURE__*/ jsxRuntime.jsx(LocaleTable, {
+                    locales: locales,
+                    canDelete: canDelete,
+                    canUpdate: canUpdate
+                }) : /*#__PURE__*/ jsxRuntime.jsx(designSystem.EmptyStateLayout, {
+                    icon: /*#__PURE__*/ jsxRuntime.jsx(symbols.EmptyDocuments, {
+                        width: undefined,
+                        height: undefined
+                    }),
+                    content: formatMessage({
+                        id: index.getTranslation('Settings.list.empty.title'),
+                        defaultMessage: 'There are no locales'
+                    }),
+                    action: /*#__PURE__*/ jsxRuntime.jsx(CreateLocale, {
+                        disabled: !canCreate,
+                        variant: "secondary"
+                    })
+                })
+            })
+        ]
+    });
+};
+const ProtectedSettingsPage = ()=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Protect, {
+        permissions: index.PERMISSIONS.read,
+        children: /*#__PURE__*/ jsxRuntime.jsx(SettingsPage, {})
+    });
+};
+
+exports.ProtectedSettingsPage = ProtectedSettingsPage;
+exports.SettingsPage = SettingsPage;
+//# sourceMappingURL=SettingsPage-B6ikxVOg.js.map