@strapi/i18n 0.0.0-experimental.25e22c6cc9bc6b35392bb55d09f641a0a65e7403 → 0.0.0-experimental.3c73a4c6f6073abdf1608121a200c3d4d87b1aa8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/dist/_chunks/{SettingsPage-Dsi2qGtq.mjs → SettingsPage-0FFSTUW2.mjs} +103 -85
  2. package/dist/_chunks/SettingsPage-0FFSTUW2.mjs.map +1 -0
  3. package/dist/_chunks/{SettingsPage-VN7sTzkb.js → SettingsPage-DnLLGeBa.js} +101 -83
  4. package/dist/_chunks/SettingsPage-DnLLGeBa.js.map +1 -0
  5. package/dist/_chunks/{index-DhtjJYrx.mjs → index-BddUXwss.mjs} +46 -30
  6. package/dist/_chunks/index-BddUXwss.mjs.map +1 -0
  7. package/dist/_chunks/{index-kedPlCo6.js → index-DtEKsPcR.js} +44 -28
  8. package/dist/_chunks/index-DtEKsPcR.js.map +1 -0
  9. package/dist/admin/index.js +1 -1
  10. package/dist/admin/index.mjs +1 -1
  11. package/dist/admin/src/components/EditLocale.d.ts +4 -5
  12. package/package.json +9 -9
  13. package/dist/_chunks/SettingsPage-Dsi2qGtq.mjs.map +0 -1
  14. package/dist/_chunks/SettingsPage-VN7sTzkb.js.map +0 -1
  15. package/dist/_chunks/index-DhtjJYrx.mjs.map +0 -1
  16. package/dist/_chunks/index-kedPlCo6.js.map +0 -1
package/dist/_chunks/{SettingsPage-Dsi2qGtq.mjs → SettingsPage-0FFSTUW2.mjs} RENAMED
@@ -1,20 +1,20 @@
1
- import { jsxs, jsx, Fragment } from "react/jsx-runtime";
1
+ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
2
2
  import * as React from "react";
3
3
  import { useNotification, useAPIErrorHandler, useAuth, Form, useForm, InputRenderer, useField, ConfirmDialog, useRBAC, Page, Layouts } from "@strapi/admin/strapi-admin";
4
- import { Modal, Button, useId, Tabs, Flex, Typography, Divider, Box, Grid, Field, SingleSelect, SingleSelectOption, Dialog, IconButton, Table, Thead, Tr, Th, VisuallyHidden, Tbody, Td, EmptyStateLayout } from "@strapi/design-system";
4
+ import { Button, ModalLayout, ModalHeader, Typography, ModalBody, TabGroup, Flex, Tabs, Tab, Divider, Box, TabPanels, TabPanel, ModalFooter, Grid, GridItem, Field, SingleSelect, SingleSelectOption, IconButton, Table, Thead, Tr, Th, VisuallyHidden, Tbody, Td, EmptyStateLayout } from "@strapi/design-system";
5
5
  import { EmptyDocuments } from "@strapi/icons/symbols";
6
6
  import { useIntl } from "react-intl";
7
7
  import { Plus, Check, Trash, Pencil } from "@strapi/icons";
8
8
  import * as yup from "yup";
9
- import { g as getTranslation, u as useCreateLocaleMutation, a as useGetDefaultLocalesQuery, b as useDeleteLocaleMutation, c as useUpdateLocaleMutation, d as useGetLocalesQuery, P as PERMISSIONS } from "./index-DhtjJYrx.mjs";
9
+ import { g as getTranslation, u as useCreateLocaleMutation, a as useGetDefaultLocalesQuery, b as useDeleteLocaleMutation, c as useUpdateLocaleMutation, d as useGetLocalesQuery, P as PERMISSIONS } from "./index-BddUXwss.mjs";
10
10
  const isBaseQueryError = (error) => {
11
11
  return error.name !== void 0;
12
12
  };
13
13
  const CreateLocale = ({ disabled, variant = "default" }) => {
14
14
  const { formatMessage } = useIntl();
15
15
  const [visible, setVisible] = React.useState(false);
16
- return /* @__PURE__ */ jsxs(Modal.Root, { open: visible, onOpenChange: setVisible, children: [
17
- /* @__PURE__ */ jsx(Modal.Trigger, { children: /* @__PURE__ */ jsx(
16
+ return /* @__PURE__ */ jsxs(Fragment, { children: [
17
+ /* @__PURE__ */ jsx(
18
18
  Button,
19
19
  {
20
20
  variant,
@@ -27,8 +27,8 @@ const CreateLocale = ({ disabled, variant = "default" }) => {
27
27
  defaultMessage: "Add new locale"
28
28
  })
29
29
  }
30
- ) }),
31
- /* @__PURE__ */ jsx(CreateModal, { onClose: () => setVisible(false) })
30
+ ),
31
+ visible ? /* @__PURE__ */ jsx(CreateModal, { onClose: () => setVisible(false) }) : null
32
32
  ] });
33
33
  };
34
34
  const LOCALE_SCHEMA = yup.object().shape({
@@ -51,7 +51,6 @@ const initialFormValues = {
51
51
  isDefault: false
52
52
  };
53
53
  const CreateModal = ({ onClose }) => {
54
- const titleId = useId();
55
54
  const { toggleNotification } = useNotification();
56
55
  const {
57
56
  _unstableFormatAPIError: formatAPIError,
@@ -90,7 +89,8 @@ const CreateModal = ({ onClose }) => {
90
89
  });
91
90
  }
92
91
  };
93
- return /* @__PURE__ */ jsx(Modal.Content, { children: /* @__PURE__ */ jsxs(
92
+ const titleId = React.useId();
93
+ return /* @__PURE__ */ jsx(ModalLayout, { onClose, labelledBy: titleId, children: /* @__PURE__ */ jsxs(
94
94
  Form,
95
95
  {
96
96
  method: "POST",
@@ -98,37 +98,50 @@ const CreateModal = ({ onClose }) => {
98
98
  validationSchema: LOCALE_SCHEMA,
99
99
  onSubmit: handleSubmit,
100
100
  children: [
101
- /* @__PURE__ */ jsx(Modal.Header, { children: /* @__PURE__ */ jsx(Modal.Title, { children: formatMessage({
101
+ /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", textColor: "neutral800", tag: "h2", id: titleId, children: formatMessage({
102
102
  id: getTranslation("Settings.list.actions.add"),
103
103
  defaultMessage: "Add new locale"
104
104
  }) }) }),
105
- /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsxs(Tabs.Root, { variant: "simple", defaultValue: "basic", children: [
106
- /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", children: [
107
- /* @__PURE__ */ jsx(Typography, { tag: "h2", variant: "beta", id: titleId, children: formatMessage({
105
+ /* @__PURE__ */ jsx(ModalBody, { children: /* @__PURE__ */ jsxs(
106
+ TabGroup,
107
+ {
108
+ label: formatMessage({
108
109
  id: getTranslation("Settings.locales.modal.title"),
109
- defaultMessage: "Configuration"
110
- }) }),
111
- /* @__PURE__ */ jsxs(Tabs.List, { "aria-labelledby": titleId, children: [
112
- /* @__PURE__ */ jsx(Tabs.Trigger, { value: "basic", children: formatMessage({
113
- id: getTranslation("Settings.locales.modal.base"),
114
- defaultMessage: "Basic settings"
115
- }) }),
116
- /* @__PURE__ */ jsx(Tabs.Trigger, { value: "advanced", children: formatMessage({
117
- id: getTranslation("Settings.locales.modal.advanced"),
118
- defaultMessage: "Advanced settings"
119
- }) })
120
- ] })
121
- ] }),
122
- /* @__PURE__ */ jsx(Divider, {}),
123
- /* @__PURE__ */ jsxs(Box, { paddingTop: 7, paddingBottom: 7, children: [
124
- /* @__PURE__ */ jsx(Tabs.Content, { value: "basic", children: /* @__PURE__ */ jsx(BaseForm, {}) }),
125
- /* @__PURE__ */ jsx(Tabs.Content, { value: "advanced", children: /* @__PURE__ */ jsx(AdvancedForm, {}) })
126
- ] })
127
- ] }) }),
128
- /* @__PURE__ */ jsxs(Modal.Footer, { children: [
129
- /* @__PURE__ */ jsx(Modal.Close, { children: /* @__PURE__ */ jsx(Button, { variant: "tertiary", children: formatMessage({ id: "app.components.Button.cancel", defaultMessage: "Cancel" }) }) }),
130
- /* @__PURE__ */ jsx(SubmitButton, {})
131
- ] })
110
+ defaultMessage: "Configurations"
111
+ }),
112
+ variant: "simple",
113
+ children: [
114
+ /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", children: [
115
+ /* @__PURE__ */ jsx(Typography, { tag: "h2", variant: "beta", children: formatMessage({
116
+ id: getTranslation("Settings.locales.modal.title"),
117
+ defaultMessage: "Configuration"
118
+ }) }),
119
+ /* @__PURE__ */ jsxs(Tabs, { children: [
120
+ /* @__PURE__ */ jsx(Tab, { children: formatMessage({
121
+ id: getTranslation("Settings.locales.modal.base"),
122
+ defaultMessage: "Basic settings"
123
+ }) }),
124
+ /* @__PURE__ */ jsx(Tab, { children: formatMessage({
125
+ id: getTranslation("Settings.locales.modal.advanced"),
126
+ defaultMessage: "Advanced settings"
127
+ }) })
128
+ ] })
129
+ ] }),
130
+ /* @__PURE__ */ jsx(Divider, {}),
131
+ /* @__PURE__ */ jsx(Box, { paddingTop: 7, paddingBottom: 7, children: /* @__PURE__ */ jsxs(TabPanels, { children: [
132
+ /* @__PURE__ */ jsx(TabPanel, { children: /* @__PURE__ */ jsx(BaseForm, {}) }),
133
+ /* @__PURE__ */ jsx(TabPanel, { children: /* @__PURE__ */ jsx(AdvancedForm, {}) })
134
+ ] }) })
135
+ ]
136
+ }
137
+ ) }),
138
+ /* @__PURE__ */ jsx(
139
+ ModalFooter,
140
+ {
141
+ startActions: /* @__PURE__ */ jsx(Button, { variant: "tertiary", onClick: onClose, children: formatMessage({ id: "app.components.Button.cancel", defaultMessage: "Cancel" }) }),
142
+ endActions: /* @__PURE__ */ jsx(SubmitButton, {})
143
+ }
144
+ )
132
145
  ]
133
146
  }
134
147
  ) });
@@ -196,7 +209,7 @@ const BaseForm = ({ mode = "create" }) => {
196
209
  label: formatMessage(field.label),
197
210
  placeholder: field.placeholder ? formatMessage(field.placeholder) : void 0
198
211
  }));
199
- return /* @__PURE__ */ jsx(Grid.Root, { gap: 4, children: translatedForm.map(({ size, ...field }) => /* @__PURE__ */ jsx(Grid.Item, { col: size, children: /* @__PURE__ */ jsx(FormRenderer, { ...field }) }, field.name)) });
212
+ return /* @__PURE__ */ jsx(Grid, { gap: 4, children: translatedForm.map(({ size, ...field }) => /* @__PURE__ */ jsx(GridItem, { col: size, children: /* @__PURE__ */ jsx(FormRenderer, { ...field }) }, field.name)) });
200
213
  };
201
214
  const AdvancedForm = ({ isDefaultLocale }) => {
202
215
  const { formatMessage } = useIntl();
@@ -220,7 +233,7 @@ const AdvancedForm = ({ isDefaultLocale }) => {
220
233
  hint: field.hint ? formatMessage(field.hint) : void 0,
221
234
  label: formatMessage(field.label)
222
235
  }));
223
- return /* @__PURE__ */ jsx(Grid.Root, { gap: 4, children: form.map(({ size, ...field }) => /* @__PURE__ */ jsx(Grid.Item, { col: size, children: /* @__PURE__ */ jsx(FormRenderer, { ...field }) }, field.name)) });
236
+ return /* @__PURE__ */ jsx(Grid, { gap: 4, children: form.map(({ size, ...field }) => /* @__PURE__ */ jsx(GridItem, { col: size, children: /* @__PURE__ */ jsx(FormRenderer, { ...field }) }, field.name)) });
224
237
  };
225
238
  const FormRenderer = (field) => {
226
239
  switch (field.type) {
@@ -286,7 +299,6 @@ const DeleteLocale = ({ id, name }) => {
286
299
  defaultMessage: "Deleted locale"
287
300
  })
288
301
  });
289
- setVisible(false);
290
302
  } catch (err) {
291
303
  toggleNotification({
292
304
  type: "danger",
@@ -297,8 +309,8 @@ const DeleteLocale = ({ id, name }) => {
297
309
  });
298
310
  }
299
311
  };
300
- return /* @__PURE__ */ jsxs(Dialog.Root, { open: visible, onOpenChange: setVisible, children: [
301
- /* @__PURE__ */ jsx(Dialog.Trigger, { children: /* @__PURE__ */ jsx(
312
+ return /* @__PURE__ */ jsxs(Fragment, { children: [
313
+ /* @__PURE__ */ jsx(
302
314
  IconButton,
303
315
  {
304
316
  onClick: () => setVisible(true),
@@ -314,8 +326,8 @@ const DeleteLocale = ({ id, name }) => {
314
326
  borderWidth: 0,
315
327
  children: /* @__PURE__ */ jsx(Trash, {})
316
328
  }
317
- ) }),
318
- /* @__PURE__ */ jsx(ConfirmDialog, { onConfirm: handleConfirm })
329
+ ),
330
+ /* @__PURE__ */ jsx(ConfirmDialog, { onConfirm: handleConfirm, onClose: () => setVisible(false), isOpen: visible })
319
331
  ] });
320
332
  };
321
333
  const EditLocale = (props) => {
@@ -339,10 +351,10 @@ const EditLocale = (props) => {
339
351
  children: /* @__PURE__ */ jsx(Pencil, {})
340
352
  }
341
353
  ),
342
- /* @__PURE__ */ jsx(EditModal, { ...props, open: visible, onOpenChange: setVisible })
354
+ visible ? /* @__PURE__ */ jsx(EditModal, { ...props, onClose: () => setVisible(false) }) : null
343
355
  ] });
344
356
  };
345
- const EditModal = ({ id, code, isDefault, name, open, onOpenChange }) => {
357
+ const EditModal = ({ id, code, isDefault, name, onClose }) => {
346
358
  const { toggleNotification } = useNotification();
347
359
  const {
348
360
  _unstableFormatAPIError: formatAPIError,
@@ -350,7 +362,7 @@ const EditModal = ({ id, code, isDefault, name, open, onOpenChange }) => {
350
362
  } = useAPIErrorHandler();
351
363
  const refetchPermissions = useAuth("EditModal", (state) => state.refetchPermissions);
352
364
  const { formatMessage } = useIntl();
353
- const titleId = useId();
365
+ const titleId = React.useId();
354
366
  const [updateLocale] = useUpdateLocaleMutation();
355
367
  const handleSubmit = async ({ code: _code, ...data }, helpers) => {
356
368
  try {
@@ -374,7 +386,7 @@ const EditModal = ({ id, code, isDefault, name, open, onOpenChange }) => {
374
386
  })
375
387
  });
376
388
  refetchPermissions();
377
- onOpenChange(false);
389
+ onClose();
378
390
  } catch (err) {
379
391
  toggleNotification({
380
392
  type: "danger",
@@ -385,7 +397,7 @@ const EditModal = ({ id, code, isDefault, name, open, onOpenChange }) => {
385
397
  });
386
398
  }
387
399
  };
388
- return /* @__PURE__ */ jsx(Modal.Root, { open, onOpenChange, children: /* @__PURE__ */ jsx(Modal.Content, { children: /* @__PURE__ */ jsxs(
400
+ return /* @__PURE__ */ jsx(ModalLayout, { onClose, labelledBy: titleId, children: /* @__PURE__ */ jsxs(
389
401
  Form,
390
402
  {
391
403
  method: "PUT",
@@ -397,40 +409,53 @@ const EditModal = ({ id, code, isDefault, name, open, onOpenChange }) => {
397
409
  },
398
410
  validationSchema: LOCALE_SCHEMA,
399
411
  children: [
400
- /* @__PURE__ */ jsx(Modal.Header, { children: /* @__PURE__ */ jsx(Modal.Title, { children: formatMessage({
412
+ /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", textColor: "neutral800", tag: "h2", id: titleId, children: formatMessage({
401
413
  id: getTranslation("Settings.list.actions.edit"),
402
414
  defaultMessage: "Edit a locale"
403
415
  }) }) }),
404
- /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsxs(Tabs.Root, { variant: "simple", defaultValue: "basic", children: [
405
- /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", children: [
406
- /* @__PURE__ */ jsx(Typography, { tag: "h2", variant: "beta", id: titleId, children: formatMessage({
416
+ /* @__PURE__ */ jsx(ModalBody, { children: /* @__PURE__ */ jsxs(
417
+ TabGroup,
418
+ {
419
+ label: formatMessage({
407
420
  id: getTranslation("Settings.locales.modal.title"),
408
- defaultMessage: "Configuration"
409
- }) }),
410
- /* @__PURE__ */ jsxs(Tabs.List, { "aria-labelledby": titleId, children: [
411
- /* @__PURE__ */ jsx(Tabs.Trigger, { value: "basic", children: formatMessage({
412
- id: getTranslation("Settings.locales.modal.base"),
413
- defaultMessage: "Basic settings"
414
- }) }),
415
- /* @__PURE__ */ jsx(Tabs.Trigger, { value: "advanced", children: formatMessage({
416
- id: getTranslation("Settings.locales.modal.advanced"),
417
- defaultMessage: "Advanced settings"
418
- }) })
419
- ] })
420
- ] }),
421
- /* @__PURE__ */ jsx(Divider, {}),
422
- /* @__PURE__ */ jsxs(Box, { paddingTop: 7, paddingBottom: 7, children: [
423
- /* @__PURE__ */ jsx(Tabs.Content, { value: "basic", children: /* @__PURE__ */ jsx(BaseForm, { mode: "edit" }) }),
424
- /* @__PURE__ */ jsx(Tabs.Content, { value: "advanced", children: /* @__PURE__ */ jsx(AdvancedForm, { isDefaultLocale: isDefault }) })
425
- ] })
426
- ] }) }),
427
- /* @__PURE__ */ jsxs(Modal.Footer, { children: [
428
- /* @__PURE__ */ jsx(Modal.Close, { children: /* @__PURE__ */ jsx(Button, { variant: "tertiary", children: formatMessage({ id: "app.components.Button.cancel", defaultMessage: "Cancel" }) }) }),
429
- /* @__PURE__ */ jsx(SubmitButton, {})
430
- ] })
421
+ defaultMessage: "Configurations"
422
+ }),
423
+ variant: "simple",
424
+ children: [
425
+ /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", children: [
426
+ /* @__PURE__ */ jsx(Typography, { tag: "h2", variant: "beta", children: formatMessage({
427
+ id: getTranslation("Settings.locales.modal.title"),
428
+ defaultMessage: "Configuration"
429
+ }) }),
430
+ /* @__PURE__ */ jsxs(Tabs, { children: [
431
+ /* @__PURE__ */ jsx(Tab, { children: formatMessage({
432
+ id: getTranslation("Settings.locales.modal.base"),
433
+ defaultMessage: "Basic settings"
434
+ }) }),
435
+ /* @__PURE__ */ jsx(Tab, { children: formatMessage({
436
+ id: getTranslation("Settings.locales.modal.advanced"),
437
+ defaultMessage: "Advanced settings"
438
+ }) })
439
+ ] })
440
+ ] }),
441
+ /* @__PURE__ */ jsx(Divider, {}),
442
+ /* @__PURE__ */ jsx(Box, { paddingTop: 7, paddingBottom: 7, children: /* @__PURE__ */ jsxs(TabPanels, { children: [
443
+ /* @__PURE__ */ jsx(TabPanel, { children: /* @__PURE__ */ jsx(BaseForm, { mode: "edit" }) }),
444
+ /* @__PURE__ */ jsx(TabPanel, { children: /* @__PURE__ */ jsx(AdvancedForm, { isDefaultLocale: isDefault }) })
445
+ ] }) })
446
+ ]
447
+ }
448
+ ) }),
449
+ /* @__PURE__ */ jsx(
450
+ ModalFooter,
451
+ {
452
+ startActions: /* @__PURE__ */ jsx(Button, { variant: "tertiary", onClick: onClose, children: formatMessage({ id: "app.components.Button.cancel", defaultMessage: "Cancel" }) }),
453
+ endActions: /* @__PURE__ */ jsx(SubmitButton, {})
454
+ }
455
+ )
431
456
  ]
432
457
  }
433
- ) }) });
458
+ ) });
434
459
  };
435
460
  const LocaleTable = ({ locales = [], canDelete, canUpdate }) => {
436
461
  const [editLocaleId, setEditLocaleId] = React.useState();
@@ -476,14 +501,7 @@ const LocaleTable = ({ locales = [], canDelete, canUpdate }) => {
476
501
  ]
477
502
  }
478
503
  ),
479
- /* @__PURE__ */ jsx(
480
- EditModal,
481
- {
482
- ...locale,
483
- onOpenChange: () => setEditLocaleId(void 0),
484
- open: editLocaleId === locale.id
485
- }
486
- )
504
+ editLocaleId === locale.id ? /* @__PURE__ */ jsx(EditModal, { ...locale, onClose: () => setEditLocaleId(void 0) }) : null
487
505
  ] }, locale.id)) })
488
506
  ] });
489
507
  };
@@ -546,4 +564,4 @@ export {
546
564
  ProtectedSettingsPage,
547
565
  SettingsPage
548
566
  };
549
- //# sourceMappingURL=SettingsPage-Dsi2qGtq.mjs.map
567
+ //# sourceMappingURL=SettingsPage-0FFSTUW2.mjs.map
package/dist/_chunks/SettingsPage-0FFSTUW2.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SettingsPage-0FFSTUW2.mjs","sources":["../../admin/src/utils/baseQuery.ts","../../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 { SerializedError } from '@reduxjs/toolkit';\nimport { type ApiError, type UnknownApiError } from '@strapi/admin/strapi-admin';\n\ntype BaseQueryError = ApiError | UnknownApiError | SerializedError;\n\nconst isBaseQueryError = (error: BaseQueryError): error is ApiError | UnknownApiError => {\n return error.name !== undefined;\n};\n\nexport { isBaseQueryError };\n","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 Field,\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 { useCreateLocaleMutation, useGetDefaultLocalesQuery } 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\" tag=\"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 tag=\"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\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)) {\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 <Field.Root error={error} hint={hint} name={name} required={required}>\n <Field.Label>{label}</Field.Label>\n <SingleSelect\n disabled={disabled}\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 value={value}\n >\n {options.map((option) => (\n <SingleSelectOption value={option.value} key={option.value}>\n {option.label}\n </SingleSelectOption>\n ))}\n </SingleSelect>\n <Field.Error />\n <Field.Hint />\n </Field.Root>\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 borderWidth={0}\n >\n <Trash />\n </IconButton>\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 borderWidth={0}\n >\n <Pencil />\n </IconButton>\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\" tag=\"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 tag=\"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 {\n Page,\n useAPIErrorHandler,\n useNotification,\n useRBAC,\n Layouts,\n} from '@strapi/admin/strapi-admin';\nimport { EmptyStateLayout } 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 <Layouts.Header\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 <Layouts.Content>\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 </Layouts.Content>\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":["value","locale"],"mappings":"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"}