node_modules ignore

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/AdvancedSettings/index.js

@@ -0,0 +1,194 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var admin = require('@strapi/strapi/admin');
+var reactIntl = require('react-intl');
+var reactQuery = require('react-query');
+var constants = require('../../constants.js');
+require('lodash/isEmpty');
+var getTrad = require('../../utils/getTrad.js');
+var layout = require('./utils/layout.js');
+var schema = require('./utils/schema.js');
+
+const ProtectedAdvancedSettingsPage = ()=>/*#__PURE__*/ jsxRuntime.jsx(admin.Page.Protect, {
+        permissions: constants.PERMISSIONS.readAdvancedSettings,
+        children: /*#__PURE__*/ jsxRuntime.jsx(AdvancedSettingsPage, {})
+    });
+const AdvancedSettingsPage = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { toggleNotification } = admin.useNotification();
+    const { notifyStatus } = designSystem.useNotifyAT();
+    const queryClient = reactQuery.useQueryClient();
+    const { get, put } = admin.useFetchClient();
+    const { formatAPIError } = admin.useAPIErrorHandler();
+    const { isLoading: isLoadingForPermissions, allowedActions: { canUpdate } } = admin.useRBAC({
+        update: constants.PERMISSIONS.updateAdvancedSettings
+    });
+    const { isLoading: isLoadingData, data } = reactQuery.useQuery([
+        'users-permissions',
+        'advanced'
+    ], async ()=>{
+        const { data } = await get('/users-permissions/advanced');
+        return data;
+    }, {
+        onSuccess () {
+            notifyStatus(formatMessage({
+                id: getTrad('Form.advancedSettings.data.loaded'),
+                defaultMessage: 'Advanced settings data has been loaded'
+            }));
+        },
+        onError () {
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: getTrad('notification.error'),
+                    defaultMessage: 'An error occured'
+                })
+            });
+        }
+    });
+    const isLoading = isLoadingForPermissions || isLoadingData;
+    const submitMutation = reactQuery.useMutation((body)=>put('/users-permissions/advanced', body), {
+        async onSuccess () {
+            await queryClient.invalidateQueries([
+                'users-permissions',
+                'advanced'
+            ]);
+            toggleNotification({
+                type: 'success',
+                message: formatMessage({
+                    id: getTrad('notification.success.saved'),
+                    defaultMessage: 'Saved'
+                })
+            });
+        },
+        onError (error) {
+            toggleNotification({
+                type: 'danger',
+                message: formatAPIError(error)
+            });
+        },
+        refetchActive: true
+    });
+    const { isLoading: isSubmittingForm } = submitMutation;
+    const handleSubmit = async (body)=>{
+        submitMutation.mutate({
+            ...body,
+            email_confirmation_redirection: body.email_confirmation ? body.email_confirmation_redirection : ''
+        });
+    };
+    if (isLoading) {
+        return /*#__PURE__*/ jsxRuntime.jsx(admin.Page.Loading, {});
+    }
+    return /*#__PURE__*/ jsxRuntime.jsxs(admin.Page.Main, {
+        "aria-busy": isSubmittingForm,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(admin.Page.Title, {
+                children: formatMessage({
+                    id: 'Settings.PageTitle',
+                    defaultMessage: 'Settings - {name}'
+                }, {
+                    name: formatMessage({
+                        id: getTrad('HeaderNav.link.advancedSettings'),
+                        defaultMessage: 'Advanced Settings'
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(admin.Form, {
+                onSubmit: handleSubmit,
+                initialValues: data.settings,
+                validationSchema: schema,
+                children: ({ values, isSubmitting, modified })=>{
+                    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(admin.Layouts.Header, {
+                                title: formatMessage({
+                                    id: getTrad('HeaderNav.link.advancedSettings'),
+                                    defaultMessage: 'Advanced Settings'
+                                }),
+                                primaryAction: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                    loading: isSubmitting,
+                                    type: "submit",
+                                    disabled: !modified || !canUpdate,
+                                    startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Check, {}),
+                                    size: "S",
+                                    children: formatMessage({
+                                        id: 'global.save',
+                                        defaultMessage: 'Save'
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(admin.Layouts.Content, {
+                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                    background: "neutral0",
+                                    hasRadius: true,
+                                    shadow: "filterShadow",
+                                    paddingTop: 6,
+                                    paddingBottom: 6,
+                                    paddingLeft: 7,
+                                    paddingRight: 7,
+                                    children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                        direction: "column",
+                                        alignItems: "stretch",
+                                        gap: 4,
+                                        children: [
+                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                variant: "delta",
+                                                tag: "h2",
+                                                children: formatMessage({
+                                                    id: 'global.settings',
+                                                    defaultMessage: 'Settings'
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Root, {
+                                                gap: 6,
+                                                children: [
+                                                    {
+                                                        label: {
+                                                            id: getTrad('EditForm.inputSelect.label.role'),
+                                                            defaultMessage: 'Default role for authenticated users'
+                                                        },
+                                                        hint: {
+                                                            id: getTrad('EditForm.inputSelect.description.role'),
+                                                            defaultMessage: 'It will attach the new authenticated user to the selected role.'
+                                                        },
+                                                        options: data.roles.map((role)=>({
+                                                                label: role.name,
+                                                                value: role.type
+                                                            })),
+                                                        name: 'default_role',
+                                                        size: 6,
+                                                        type: 'enumeration'
+                                                    },
+                                                    ...layout
+                                                ].map(({ size, ...field })=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                                                        col: size,
+                                                        direction: "column",
+                                                        alignItems: "stretch",
+                                                        children: /*#__PURE__*/ jsxRuntime.jsx(admin.InputRenderer, {
+                                                            ...field,
+                                                            disabled: field.name === 'email_confirmation_redirection' && values.email_confirmation === false,
+                                                            label: formatMessage(field.label),
+                                                            hint: field.hint ? formatMessage(field.hint) : undefined,
+                                                            placeholder: field.placeholder ? formatMessage(field.placeholder) : undefined
+                                                        })
+                                                    }, field.name))
+                                            })
+                                        ]
+                                    })
+                                })
+                            })
+                        ]
+                    });
+                }
+            })
+        ]
+    });
+};
+
+exports.AdvancedSettingsPage = AdvancedSettingsPage;
+exports.ProtectedAdvancedSettingsPage = ProtectedAdvancedSettingsPage;
+//# sourceMappingURL=index.js.map

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/AdvancedSettings/index.mjs

@@ -0,0 +1,191 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import 'react';
+import { useNotifyAT, Button, Box, Flex, Typography, Grid } from '@strapi/design-system';
+import { Check } from '@strapi/icons';
+import { Page, useNotification, useFetchClient, useAPIErrorHandler, useRBAC, Form, Layouts, InputRenderer } from '@strapi/strapi/admin';
+import { useIntl } from 'react-intl';
+import { useQueryClient, useQuery, useMutation } from 'react-query';
+import { PERMISSIONS } from '../../constants.mjs';
+import 'lodash/isEmpty';
+import getTrad from '../../utils/getTrad.mjs';
+import layout from './utils/layout.mjs';
+import schema from './utils/schema.mjs';
+
+const ProtectedAdvancedSettingsPage = ()=>/*#__PURE__*/ jsx(Page.Protect, {
+        permissions: PERMISSIONS.readAdvancedSettings,
+        children: /*#__PURE__*/ jsx(AdvancedSettingsPage, {})
+    });
+const AdvancedSettingsPage = ()=>{
+    const { formatMessage } = useIntl();
+    const { toggleNotification } = useNotification();
+    const { notifyStatus } = useNotifyAT();
+    const queryClient = useQueryClient();
+    const { get, put } = useFetchClient();
+    const { formatAPIError } = useAPIErrorHandler();
+    const { isLoading: isLoadingForPermissions, allowedActions: { canUpdate } } = useRBAC({
+        update: PERMISSIONS.updateAdvancedSettings
+    });
+    const { isLoading: isLoadingData, data } = useQuery([
+        'users-permissions',
+        'advanced'
+    ], async ()=>{
+        const { data } = await get('/users-permissions/advanced');
+        return data;
+    }, {
+        onSuccess () {
+            notifyStatus(formatMessage({
+                id: getTrad('Form.advancedSettings.data.loaded'),
+                defaultMessage: 'Advanced settings data has been loaded'
+            }));
+        },
+        onError () {
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: getTrad('notification.error'),
+                    defaultMessage: 'An error occured'
+                })
+            });
+        }
+    });
+    const isLoading = isLoadingForPermissions || isLoadingData;
+    const submitMutation = useMutation((body)=>put('/users-permissions/advanced', body), {
+        async onSuccess () {
+            await queryClient.invalidateQueries([
+                'users-permissions',
+                'advanced'
+            ]);
+            toggleNotification({
+                type: 'success',
+                message: formatMessage({
+                    id: getTrad('notification.success.saved'),
+                    defaultMessage: 'Saved'
+                })
+            });
+        },
+        onError (error) {
+            toggleNotification({
+                type: 'danger',
+                message: formatAPIError(error)
+            });
+        },
+        refetchActive: true
+    });
+    const { isLoading: isSubmittingForm } = submitMutation;
+    const handleSubmit = async (body)=>{
+        submitMutation.mutate({
+            ...body,
+            email_confirmation_redirection: body.email_confirmation ? body.email_confirmation_redirection : ''
+        });
+    };
+    if (isLoading) {
+        return /*#__PURE__*/ jsx(Page.Loading, {});
+    }
+    return /*#__PURE__*/ jsxs(Page.Main, {
+        "aria-busy": isSubmittingForm,
+        children: [
+            /*#__PURE__*/ jsx(Page.Title, {
+                children: formatMessage({
+                    id: 'Settings.PageTitle',
+                    defaultMessage: 'Settings - {name}'
+                }, {
+                    name: formatMessage({
+                        id: getTrad('HeaderNav.link.advancedSettings'),
+                        defaultMessage: 'Advanced Settings'
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsx(Form, {
+                onSubmit: handleSubmit,
+                initialValues: data.settings,
+                validationSchema: schema,
+                children: ({ values, isSubmitting, modified })=>{
+                    return /*#__PURE__*/ jsxs(Fragment, {
+                        children: [
+                            /*#__PURE__*/ jsx(Layouts.Header, {
+                                title: formatMessage({
+                                    id: getTrad('HeaderNav.link.advancedSettings'),
+                                    defaultMessage: 'Advanced Settings'
+                                }),
+                                primaryAction: /*#__PURE__*/ jsx(Button, {
+                                    loading: isSubmitting,
+                                    type: "submit",
+                                    disabled: !modified || !canUpdate,
+                                    startIcon: /*#__PURE__*/ jsx(Check, {}),
+                                    size: "S",
+                                    children: formatMessage({
+                                        id: 'global.save',
+                                        defaultMessage: 'Save'
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(Layouts.Content, {
+                                children: /*#__PURE__*/ jsx(Box, {
+                                    background: "neutral0",
+                                    hasRadius: true,
+                                    shadow: "filterShadow",
+                                    paddingTop: 6,
+                                    paddingBottom: 6,
+                                    paddingLeft: 7,
+                                    paddingRight: 7,
+                                    children: /*#__PURE__*/ jsxs(Flex, {
+                                        direction: "column",
+                                        alignItems: "stretch",
+                                        gap: 4,
+                                        children: [
+                                            /*#__PURE__*/ jsx(Typography, {
+                                                variant: "delta",
+                                                tag: "h2",
+                                                children: formatMessage({
+                                                    id: 'global.settings',
+                                                    defaultMessage: 'Settings'
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsx(Grid.Root, {
+                                                gap: 6,
+                                                children: [
+                                                    {
+                                                        label: {
+                                                            id: getTrad('EditForm.inputSelect.label.role'),
+                                                            defaultMessage: 'Default role for authenticated users'
+                                                        },
+                                                        hint: {
+                                                            id: getTrad('EditForm.inputSelect.description.role'),
+                                                            defaultMessage: 'It will attach the new authenticated user to the selected role.'
+                                                        },
+                                                        options: data.roles.map((role)=>({
+                                                                label: role.name,
+                                                                value: role.type
+                                                            })),
+                                                        name: 'default_role',
+                                                        size: 6,
+                                                        type: 'enumeration'
+                                                    },
+                                                    ...layout
+                                                ].map(({ size, ...field })=>/*#__PURE__*/ jsx(Grid.Item, {
+                                                        col: size,
+                                                        direction: "column",
+                                                        alignItems: "stretch",
+                                                        children: /*#__PURE__*/ jsx(InputRenderer, {
+                                                            ...field,
+                                                            disabled: field.name === 'email_confirmation_redirection' && values.email_confirmation === false,
+                                                            label: formatMessage(field.label),
+                                                            hint: field.hint ? formatMessage(field.hint) : undefined,
+                                                            placeholder: field.placeholder ? formatMessage(field.placeholder) : undefined
+                                                        })
+                                                    }, field.name))
+                                            })
+                                        ]
+                                    })
+                                })
+                            })
+                        ]
+                    });
+                }
+            })
+        ]
+    });
+};
+
+export { AdvancedSettingsPage, ProtectedAdvancedSettingsPage };
+//# sourceMappingURL=index.mjs.map

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/AdvancedSettings/utils/layout.js

@@ -0,0 +1,83 @@
+'use strict';
+
+require('lodash/isEmpty');
+var getTrad = require('../../../utils/getTrad.js');
+
+const layout = [
+    {
+        label: {
+            id: getTrad('EditForm.inputToggle.label.email'),
+            defaultMessage: 'One account per email address'
+        },
+        hint: {
+            id: getTrad('EditForm.inputToggle.description.email'),
+            defaultMessage: 'Disallow the user to create multiple accounts using the same email address with different authentication providers.'
+        },
+        name: 'unique_email',
+        type: 'boolean',
+        size: 12
+    },
+    {
+        label: {
+            id: getTrad('EditForm.inputToggle.label.sign-up'),
+            defaultMessage: 'Enable sign-ups'
+        },
+        hint: {
+            id: getTrad('EditForm.inputToggle.description.sign-up'),
+            defaultMessage: 'When disabled (OFF), the registration process is forbidden. No one can subscribe anymore no matter the used provider.'
+        },
+        name: 'allow_register',
+        type: 'boolean',
+        size: 12
+    },
+    {
+        label: {
+            id: getTrad('EditForm.inputToggle.label.email-reset-password'),
+            defaultMessage: 'Reset password page'
+        },
+        hint: {
+            id: getTrad('EditForm.inputToggle.description.email-reset-password'),
+            defaultMessage: "URL of your application's reset password page."
+        },
+        placeholder: {
+            id: getTrad('EditForm.inputToggle.placeholder.email-reset-password'),
+            defaultMessage: 'ex: https://youtfrontend.com/reset-password'
+        },
+        name: 'email_reset_password',
+        type: 'string',
+        size: 12
+    },
+    {
+        label: {
+            id: getTrad('EditForm.inputToggle.label.email-confirmation'),
+            defaultMessage: 'Enable email confirmation'
+        },
+        hint: {
+            id: getTrad('EditForm.inputToggle.description.email-confirmation'),
+            defaultMessage: 'When enabled (ON), new registered users receive a confirmation email.'
+        },
+        name: 'email_confirmation',
+        type: 'boolean',
+        size: 12
+    },
+    {
+        label: {
+            id: getTrad('EditForm.inputToggle.label.email-confirmation-redirection'),
+            defaultMessage: 'Redirection url'
+        },
+        hint: {
+            id: getTrad('EditForm.inputToggle.description.email-confirmation-redirection'),
+            defaultMessage: 'After you confirmed your email, choose where you will be redirected.'
+        },
+        placeholder: {
+            id: getTrad('EditForm.inputToggle.placeholder.email-confirmation-redirection'),
+            defaultMessage: 'ex: https://youtfrontend.com/email-confirmation'
+        },
+        name: 'email_confirmation_redirection',
+        type: 'string',
+        size: 12
+    }
+];
+
+module.exports = layout;
+//# sourceMappingURL=layout.js.map

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/AdvancedSettings/utils/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sources":["../../../../../admin/src/pages/AdvancedSettings/utils/layout.js"],"sourcesContent":["import { getTrad } from '../../../utils';\n\nconst layout = [\n  {\n    label: {\n      id: getTrad('EditForm.inputToggle.label.email'),\n      defaultMessage: 'One account per email address',\n    },\n    hint: {\n      id: getTrad('EditForm.inputToggle.description.email'),\n      defaultMessage:\n        'Disallow the user to create multiple accounts using the same email address with different authentication providers.',\n    },\n    name: 'unique_email',\n    type: 'boolean',\n    size: 12,\n  },\n  {\n    label: {\n      id: getTrad('EditForm.inputToggle.label.sign-up'),\n      defaultMessage: 'Enable sign-ups',\n    },\n    hint: {\n      id: getTrad('EditForm.inputToggle.description.sign-up'),\n      defaultMessage:\n        'When disabled (OFF), the registration process is forbidden. No one can subscribe anymore no matter the used provider.',\n    },\n    name: 'allow_register',\n    type: 'boolean',\n    size: 12,\n  },\n  {\n    label: {\n      id: getTrad('EditForm.inputToggle.label.email-reset-password'),\n      defaultMessage: 'Reset password page',\n    },\n    hint: {\n      id: getTrad('EditForm.inputToggle.description.email-reset-password'),\n      defaultMessage: \"URL of your application's reset password page.\",\n    },\n    placeholder: {\n      id: getTrad('EditForm.inputToggle.placeholder.email-reset-password'),\n      defaultMessage: 'ex: https://youtfrontend.com/reset-password',\n    },\n    name: 'email_reset_password',\n    type: 'string',\n    size: 12,\n  },\n  {\n    label: {\n      id: getTrad('EditForm.inputToggle.label.email-confirmation'),\n      defaultMessage: 'Enable email confirmation',\n    },\n    hint: {\n      id: getTrad('EditForm.inputToggle.description.email-confirmation'),\n      defaultMessage: 'When enabled (ON), new registered users receive a confirmation email.',\n    },\n    name: 'email_confirmation',\n    type: 'boolean',\n    size: 12,\n  },\n  {\n    label: {\n      id: getTrad('EditForm.inputToggle.label.email-confirmation-redirection'),\n      defaultMessage: 'Redirection url',\n    },\n    hint: {\n      id: getTrad('EditForm.inputToggle.description.email-confirmation-redirection'),\n      defaultMessage: 'After you confirmed your email, choose where you will be redirected.',\n    },\n    placeholder: {\n      id: getTrad('EditForm.inputToggle.placeholder.email-confirmation-redirection'),\n      defaultMessage: 'ex: https://youtfrontend.com/email-confirmation',\n    },\n    name: 'email_confirmation_redirection',\n    type: 'string',\n    size: 12,\n  },\n];\n\nexport default layout;\n"],"names":["layout","label","id","getTrad","defaultMessage","hint","name","type","size","placeholder"],"mappings":";;;;;AAEA,MAAMA,MAAS,GAAA;AACb,IAAA;QACEC,KAAO,EAAA;AACLC,YAAAA,EAAAA,EAAIC,OAAQ,CAAA,kCAAA,CAAA;YACZC,cAAgB,EAAA;AAClB,SAAA;QACAC,IAAM,EAAA;AACJH,YAAAA,EAAAA,EAAIC,OAAQ,CAAA,wCAAA,CAAA;YACZC,cACE,EAAA;AACJ,SAAA;QACAE,IAAM,EAAA,cAAA;QACNC,IAAM,EAAA,SAAA;QACNC,IAAM,EAAA;AACR,KAAA;AACA,IAAA;QACEP,KAAO,EAAA;AACLC,YAAAA,EAAAA,EAAIC,OAAQ,CAAA,oCAAA,CAAA;YACZC,cAAgB,EAAA;AAClB,SAAA;QACAC,IAAM,EAAA;AACJH,YAAAA,EAAAA,EAAIC,OAAQ,CAAA,0CAAA,CAAA;YACZC,cACE,EAAA;AACJ,SAAA;QACAE,IAAM,EAAA,gBAAA;QACNC,IAAM,EAAA,SAAA;QACNC,IAAM,EAAA;AACR,KAAA;AACA,IAAA;QACEP,KAAO,EAAA;AACLC,YAAAA,EAAAA,EAAIC,OAAQ,CAAA,iDAAA,CAAA;YACZC,cAAgB,EAAA;AAClB,SAAA;QACAC,IAAM,EAAA;AACJH,YAAAA,EAAAA,EAAIC,OAAQ,CAAA,uDAAA,CAAA;YACZC,cAAgB,EAAA;AAClB,SAAA;QACAK,WAAa,EAAA;AACXP,YAAAA,EAAAA,EAAIC,OAAQ,CAAA,uDAAA,CAAA;YACZC,cAAgB,EAAA;AAClB,SAAA;QACAE,IAAM,EAAA,sBAAA;QACNC,IAAM,EAAA,QAAA;QACNC,IAAM,EAAA;AACR,KAAA;AACA,IAAA;QACEP,KAAO,EAAA;AACLC,YAAAA,EAAAA,EAAIC,OAAQ,CAAA,+CAAA,CAAA;YACZC,cAAgB,EAAA;AAClB,SAAA;QACAC,IAAM,EAAA;AACJH,YAAAA,EAAAA,EAAIC,OAAQ,CAAA,qDAAA,CAAA;YACZC,cAAgB,EAAA;AAClB,SAAA;QACAE,IAAM,EAAA,oBAAA;QACNC,IAAM,EAAA,SAAA;QACNC,IAAM,EAAA;AACR,KAAA;AACA,IAAA;QACEP,KAAO,EAAA;AACLC,YAAAA,EAAAA,EAAIC,OAAQ,CAAA,2DAAA,CAAA;YACZC,cAAgB,EAAA;AAClB,SAAA;QACAC,IAAM,EAAA;AACJH,YAAAA,EAAAA,EAAIC,OAAQ,CAAA,iEAAA,CAAA;YACZC,cAAgB,EAAA;AAClB,SAAA;QACAK,WAAa,EAAA;AACXP,YAAAA,EAAAA,EAAIC,OAAQ,CAAA,iEAAA,CAAA;YACZC,cAAgB,EAAA;AAClB,SAAA;QACAE,IAAM,EAAA,gCAAA;QACNC,IAAM,EAAA,QAAA;QACNC,IAAM,EAAA;AACR;AACD;;;;"}

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/AdvancedSettings/utils/layout.mjs

@@ -0,0 +1,81 @@
+import 'lodash/isEmpty';
+import getTrad from '../../../utils/getTrad.mjs';
+
+const layout = [
+    {
+        label: {
+            id: getTrad('EditForm.inputToggle.label.email'),
+            defaultMessage: 'One account per email address'
+        },
+        hint: {
+            id: getTrad('EditForm.inputToggle.description.email'),
+            defaultMessage: 'Disallow the user to create multiple accounts using the same email address with different authentication providers.'
+        },
+        name: 'unique_email',
+        type: 'boolean',
+        size: 12
+    },
+    {
+        label: {
+            id: getTrad('EditForm.inputToggle.label.sign-up'),
+            defaultMessage: 'Enable sign-ups'
+        },
+        hint: {
+            id: getTrad('EditForm.inputToggle.description.sign-up'),
+            defaultMessage: 'When disabled (OFF), the registration process is forbidden. No one can subscribe anymore no matter the used provider.'
+        },
+        name: 'allow_register',
+        type: 'boolean',
+        size: 12
+    },
+    {
+        label: {
+            id: getTrad('EditForm.inputToggle.label.email-reset-password'),
+            defaultMessage: 'Reset password page'
+        },
+        hint: {
+            id: getTrad('EditForm.inputToggle.description.email-reset-password'),
+            defaultMessage: "URL of your application's reset password page."
+        },
+        placeholder: {
+            id: getTrad('EditForm.inputToggle.placeholder.email-reset-password'),
+            defaultMessage: 'ex: https://youtfrontend.com/reset-password'
+        },
+        name: 'email_reset_password',
+        type: 'string',
+        size: 12
+    },
+    {
+        label: {
+            id: getTrad('EditForm.inputToggle.label.email-confirmation'),
+            defaultMessage: 'Enable email confirmation'
+        },
+        hint: {
+            id: getTrad('EditForm.inputToggle.description.email-confirmation'),
+            defaultMessage: 'When enabled (ON), new registered users receive a confirmation email.'
+        },
+        name: 'email_confirmation',
+        type: 'boolean',
+        size: 12
+    },
+    {
+        label: {
+            id: getTrad('EditForm.inputToggle.label.email-confirmation-redirection'),
+            defaultMessage: 'Redirection url'
+        },
+        hint: {
+            id: getTrad('EditForm.inputToggle.description.email-confirmation-redirection'),
+            defaultMessage: 'After you confirmed your email, choose where you will be redirected.'
+        },
+        placeholder: {
+            id: getTrad('EditForm.inputToggle.placeholder.email-confirmation-redirection'),
+            defaultMessage: 'ex: https://youtfrontend.com/email-confirmation'
+        },
+        name: 'email_confirmation_redirection',
+        type: 'string',
+        size: 12
+    }
+];
+
+export { layout as default };
+//# sourceMappingURL=layout.mjs.map

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/AdvancedSettings/utils/layout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.mjs","sources":["../../../../../admin/src/pages/AdvancedSettings/utils/layout.js"],"sourcesContent":["import { getTrad } from '../../../utils';\n\nconst layout = [\n  {\n    label: {\n      id: getTrad('EditForm.inputToggle.label.email'),\n      defaultMessage: 'One account per email address',\n    },\n    hint: {\n      id: getTrad('EditForm.inputToggle.description.email'),\n      defaultMessage:\n        'Disallow the user to create multiple accounts using the same email address with different authentication providers.',\n    },\n    name: 'unique_email',\n    type: 'boolean',\n    size: 12,\n  },\n  {\n    label: {\n      id: getTrad('EditForm.inputToggle.label.sign-up'),\n      defaultMessage: 'Enable sign-ups',\n    },\n    hint: {\n      id: getTrad('EditForm.inputToggle.description.sign-up'),\n      defaultMessage:\n        'When disabled (OFF), the registration process is forbidden. No one can subscribe anymore no matter the used provider.',\n    },\n    name: 'allow_register',\n    type: 'boolean',\n    size: 12,\n  },\n  {\n    label: {\n      id: getTrad('EditForm.inputToggle.label.email-reset-password'),\n      defaultMessage: 'Reset password page',\n    },\n    hint: {\n      id: getTrad('EditForm.inputToggle.description.email-reset-password'),\n      defaultMessage: \"URL of your application's reset password page.\",\n    },\n    placeholder: {\n      id: getTrad('EditForm.inputToggle.placeholder.email-reset-password'),\n      defaultMessage: 'ex: https://youtfrontend.com/reset-password',\n    },\n    name: 'email_reset_password',\n    type: 'string',\n    size: 12,\n  },\n  {\n    label: {\n      id: getTrad('EditForm.inputToggle.label.email-confirmation'),\n      defaultMessage: 'Enable email confirmation',\n    },\n    hint: {\n      id: getTrad('EditForm.inputToggle.description.email-confirmation'),\n      defaultMessage: 'When enabled (ON), new registered users receive a confirmation email.',\n    },\n    name: 'email_confirmation',\n    type: 'boolean',\n    size: 12,\n  },\n  {\n    label: {\n      id: getTrad('EditForm.inputToggle.label.email-confirmation-redirection'),\n      defaultMessage: 'Redirection url',\n    },\n    hint: {\n      id: getTrad('EditForm.inputToggle.description.email-confirmation-redirection'),\n      defaultMessage: 'After you confirmed your email, choose where you will be redirected.',\n    },\n    placeholder: {\n      id: getTrad('EditForm.inputToggle.placeholder.email-confirmation-redirection'),\n      defaultMessage: 'ex: https://youtfrontend.com/email-confirmation',\n    },\n    name: 'email_confirmation_redirection',\n    type: 'string',\n    size: 12,\n  },\n];\n\nexport default layout;\n"],"names":["layout","label","id","getTrad","defaultMessage","hint","name","type","size","placeholder"],"mappings":";;;AAEA,MAAMA,MAAS,GAAA;AACb,IAAA;QACEC,KAAO,EAAA;AACLC,YAAAA,EAAAA,EAAIC,OAAQ,CAAA,kCAAA,CAAA;YACZC,cAAgB,EAAA;AAClB,SAAA;QACAC,IAAM,EAAA;AACJH,YAAAA,EAAAA,EAAIC,OAAQ,CAAA,wCAAA,CAAA;YACZC,cACE,EAAA;AACJ,SAAA;QACAE,IAAM,EAAA,cAAA;QACNC,IAAM,EAAA,SAAA;QACNC,IAAM,EAAA;AACR,KAAA;AACA,IAAA;QACEP,KAAO,EAAA;AACLC,YAAAA,EAAAA,EAAIC,OAAQ,CAAA,oCAAA,CAAA;YACZC,cAAgB,EAAA;AAClB,SAAA;QACAC,IAAM,EAAA;AACJH,YAAAA,EAAAA,EAAIC,OAAQ,CAAA,0CAAA,CAAA;YACZC,cACE,EAAA;AACJ,SAAA;QACAE,IAAM,EAAA,gBAAA;QACNC,IAAM,EAAA,SAAA;QACNC,IAAM,EAAA;AACR,KAAA;AACA,IAAA;QACEP,KAAO,EAAA;AACLC,YAAAA,EAAAA,EAAIC,OAAQ,CAAA,iDAAA,CAAA;YACZC,cAAgB,EAAA;AAClB,SAAA;QACAC,IAAM,EAAA;AACJH,YAAAA,EAAAA,EAAIC,OAAQ,CAAA,uDAAA,CAAA;YACZC,cAAgB,EAAA;AAClB,SAAA;QACAK,WAAa,EAAA;AACXP,YAAAA,EAAAA,EAAIC,OAAQ,CAAA,uDAAA,CAAA;YACZC,cAAgB,EAAA;AAClB,SAAA;QACAE,IAAM,EAAA,sBAAA;QACNC,IAAM,EAAA,QAAA;QACNC,IAAM,EAAA;AACR,KAAA;AACA,IAAA;QACEP,KAAO,EAAA;AACLC,YAAAA,EAAAA,EAAIC,OAAQ,CAAA,+CAAA,CAAA;YACZC,cAAgB,EAAA;AAClB,SAAA;QACAC,IAAM,EAAA;AACJH,YAAAA,EAAAA,EAAIC,OAAQ,CAAA,qDAAA,CAAA;YACZC,cAAgB,EAAA;AAClB,SAAA;QACAE,IAAM,EAAA,oBAAA;QACNC,IAAM,EAAA,SAAA;QACNC,IAAM,EAAA;AACR,KAAA;AACA,IAAA;QACEP,KAAO,EAAA;AACLC,YAAAA,EAAAA,EAAIC,OAAQ,CAAA,2DAAA,CAAA;YACZC,cAAgB,EAAA;AAClB,SAAA;QACAC,IAAM,EAAA;AACJH,YAAAA,EAAAA,EAAIC,OAAQ,CAAA,iEAAA,CAAA;YACZC,cAAgB,EAAA;AAClB,SAAA;QACAK,WAAa,EAAA;AACXP,YAAAA,EAAAA,EAAIC,OAAQ,CAAA,iEAAA,CAAA;YACZC,cAAgB,EAAA;AAClB,SAAA;QACAE,IAAM,EAAA,gCAAA;QACNC,IAAM,EAAA,QAAA;QACNC,IAAM,EAAA;AACR;AACD;;;;"}

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/AdvancedSettings/utils/schema.js

@@ -0,0 +1,40 @@
+'use strict';
+
+var admin = require('@strapi/strapi/admin');
+var yup = require('yup');
+
+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 yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
+
+// eslint-disable-next-line prefer-regex-literals
+const URL_REGEX = new RegExp('(^$)|((.+:\\/\\/.*)(d*)\\/?(.*))');
+const schema = yup__namespace.object().shape({
+    email_confirmation_redirection: yup__namespace.mixed().when('email_confirmation', {
+        is: true,
+        then: yup__namespace.string().matches(URL_REGEX).required(),
+        otherwise: yup__namespace.string().nullable()
+    }),
+    email_reset_password: yup__namespace.string(admin.translatedErrors.string).matches(URL_REGEX, {
+        id: admin.translatedErrors.regex.id,
+        defaultMessage: 'This is not a valid URL'
+    }).nullable()
+});
+
+module.exports = schema;
+//# sourceMappingURL=schema.js.map

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/AdvancedSettings/utils/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sources":["../../../../../admin/src/pages/AdvancedSettings/utils/schema.js"],"sourcesContent":["import { translatedErrors } from '@strapi/strapi/admin';\nimport * as yup from 'yup';\n\n// eslint-disable-next-line prefer-regex-literals\nconst URL_REGEX = new RegExp('(^$)|((.+:\\\\/\\\\/.*)(d*)\\\\/?(.*))');\n\nconst schema = yup.object().shape({\n  email_confirmation_redirection: yup.mixed().when('email_confirmation', {\n    is: true,\n    then: yup.string().matches(URL_REGEX).required(),\n    otherwise: yup.string().nullable(),\n  }),\n  email_reset_password: yup\n    .string(translatedErrors.string)\n    .matches(URL_REGEX, {\n      id: translatedErrors.regex.id,\n      defaultMessage: 'This is not a valid URL',\n    })\n    .nullable(),\n});\n\nexport default schema;\n"],"names":["URL_REGEX","RegExp","schema","yup","object","shape","email_confirmation_redirection","mixed","when","is","then","string","matches","required","otherwise","nullable","email_reset_password","translatedErrors","id","regex","defaultMessage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAGA;AACA,MAAMA,SAAAA,GAAY,IAAIC,MAAO,CAAA,kCAAA,CAAA;AAE7B,MAAMC,MAASC,GAAAA,cAAAA,CAAIC,MAAM,EAAA,CAAGC,KAAK,CAAC;AAChCC,IAAAA,8BAAAA,EAAgCH,cAAII,CAAAA,KAAK,EAAGC,CAAAA,IAAI,CAAC,oBAAsB,EAAA;QACrEC,EAAI,EAAA,IAAA;AACJC,QAAAA,IAAAA,EAAMP,eAAIQ,MAAM,EAAA,CAAGC,OAAO,CAACZ,WAAWa,QAAQ,EAAA;QAC9CC,SAAWX,EAAAA,cAAAA,CAAIQ,MAAM,EAAA,CAAGI,QAAQ;AAClC,KAAA,CAAA;IACAC,oBAAsBb,EAAAA,cAAAA,CACnBQ,MAAM,CAACM,sBAAAA,CAAiBN,MAAM,CAC9BC,CAAAA,OAAO,CAACZ,SAAW,EAAA;QAClBkB,EAAID,EAAAA,sBAAAA,CAAiBE,KAAK,CAACD,EAAE;QAC7BE,cAAgB,EAAA;AAClB,KAAA,CAAA,CACCL,QAAQ;AACb,CAAA;;;;"}

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/AdvancedSettings/utils/schema.mjs

@@ -0,0 +1,19 @@
+import { translatedErrors } from '@strapi/strapi/admin';
+import * as yup from 'yup';
+
+// eslint-disable-next-line prefer-regex-literals
+const URL_REGEX = new RegExp('(^$)|((.+:\\/\\/.*)(d*)\\/?(.*))');
+const schema = yup.object().shape({
+    email_confirmation_redirection: yup.mixed().when('email_confirmation', {
+        is: true,
+        then: yup.string().matches(URL_REGEX).required(),
+        otherwise: yup.string().nullable()
+    }),
+    email_reset_password: yup.string(translatedErrors.string).matches(URL_REGEX, {
+        id: translatedErrors.regex.id,
+        defaultMessage: 'This is not a valid URL'
+    }).nullable()
+});
+
+export { schema as default };
+//# sourceMappingURL=schema.mjs.map

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/AdvancedSettings/utils/schema.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.mjs","sources":["../../../../../admin/src/pages/AdvancedSettings/utils/schema.js"],"sourcesContent":["import { translatedErrors } from '@strapi/strapi/admin';\nimport * as yup from 'yup';\n\n// eslint-disable-next-line prefer-regex-literals\nconst URL_REGEX = new RegExp('(^$)|((.+:\\\\/\\\\/.*)(d*)\\\\/?(.*))');\n\nconst schema = yup.object().shape({\n  email_confirmation_redirection: yup.mixed().when('email_confirmation', {\n    is: true,\n    then: yup.string().matches(URL_REGEX).required(),\n    otherwise: yup.string().nullable(),\n  }),\n  email_reset_password: yup\n    .string(translatedErrors.string)\n    .matches(URL_REGEX, {\n      id: translatedErrors.regex.id,\n      defaultMessage: 'This is not a valid URL',\n    })\n    .nullable(),\n});\n\nexport default schema;\n"],"names":["URL_REGEX","RegExp","schema","yup","object","shape","email_confirmation_redirection","mixed","when","is","then","string","matches","required","otherwise","nullable","email_reset_password","translatedErrors","id","regex","defaultMessage"],"mappings":";;;AAGA;AACA,MAAMA,SAAAA,GAAY,IAAIC,MAAO,CAAA,kCAAA,CAAA;AAE7B,MAAMC,MAASC,GAAAA,GAAAA,CAAIC,MAAM,EAAA,CAAGC,KAAK,CAAC;AAChCC,IAAAA,8BAAAA,EAAgCH,GAAII,CAAAA,KAAK,EAAGC,CAAAA,IAAI,CAAC,oBAAsB,EAAA;QACrEC,EAAI,EAAA,IAAA;AACJC,QAAAA,IAAAA,EAAMP,IAAIQ,MAAM,EAAA,CAAGC,OAAO,CAACZ,WAAWa,QAAQ,EAAA;QAC9CC,SAAWX,EAAAA,GAAAA,CAAIQ,MAAM,EAAA,CAAGI,QAAQ;AAClC,KAAA,CAAA;IACAC,oBAAsBb,EAAAA,GAAAA,CACnBQ,MAAM,CAACM,gBAAAA,CAAiBN,MAAM,CAC9BC,CAAAA,OAAO,CAACZ,SAAW,EAAA;QAClBkB,EAAID,EAAAA,gBAAAA,CAAiBE,KAAK,CAACD,EAAE;QAC7BE,cAAgB,EAAA;AAClB,KAAA,CAAA,CACCL,QAAQ;AACb,CAAA;;;;"}

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/EmailTemplates/components/EmailForm.js

@@ -0,0 +1,171 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var designSystem = require('@strapi/design-system');
+var admin = require('@strapi/strapi/admin');
+var PropTypes = require('prop-types');
+var reactIntl = require('react-intl');
+require('lodash/isEmpty');
+var getTrad = require('../../../utils/getTrad.js');
+var schema = require('../utils/schema.js');
+
+const EmailForm = ({ template = {}, onToggle, open, onSubmit })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Root, {
+        open: open,
+        onOpenChange: onToggle,
+        children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Modal.Content, {
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Modal.Header, {
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Breadcrumbs, {
+                            label: `${formatMessage({
+                                id: getTrad('PopUpForm.header.edit.email-templates'),
+                                defaultMessage: 'Edit email template'
+                            })}, ${template.display ? formatMessage({
+                                id: getTrad(template.display),
+                                defaultMessage: template.display
+                            }) : ''}`,
+                            children: [
+                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Crumb, {
+                                    children: formatMessage({
+                                        id: getTrad('PopUpForm.header.edit.email-templates'),
+                                        defaultMessage: 'Edit email template'
+                                    })
+                                }),
+                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Crumb, {
+                                    isCurrent: true,
+                                    children: template.display ? formatMessage({
+                                        id: getTrad(template.display),
+                                        defaultMessage: template.display
+                                    }) : ''
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.VisuallyHidden, {
+                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Title, {
+                                children: `${formatMessage({
+                                    id: getTrad('PopUpForm.header.edit.email-templates'),
+                                    defaultMessage: 'Edit email template'
+                                })}, ${template.display ? formatMessage({
+                                    id: getTrad(template.display),
+                                    defaultMessage: template.display
+                                }) : ''}`
+                            })
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(admin.Form, {
+                    onSubmit: onSubmit,
+                    initialValues: template,
+                    validationSchema: schema,
+                    children: ({ isSubmitting })=>{
+                        return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                            children: [
+                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Body, {
+                                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Root, {
+                                        gap: 5,
+                                        children: [
+                                            {
+                                                label: formatMessage({
+                                                    id: getTrad('PopUpForm.Email.options.from.name.label'),
+                                                    defaultMessage: 'Shipper name'
+                                                }),
+                                                name: 'options.from.name',
+                                                size: 6,
+                                                type: 'string'
+                                            },
+                                            {
+                                                label: formatMessage({
+                                                    id: getTrad('PopUpForm.Email.options.from.email.label'),
+                                                    defaultMessage: 'Shipper email'
+                                                }),
+                                                name: 'options.from.email',
+                                                size: 6,
+                                                type: 'string'
+                                            },
+                                            {
+                                                label: formatMessage({
+                                                    id: getTrad('PopUpForm.Email.options.response_email.label'),
+                                                    defaultMessage: 'Response email'
+                                                }),
+                                                name: 'options.response_email',
+                                                size: 6,
+                                                type: 'string'
+                                            },
+                                            {
+                                                label: formatMessage({
+                                                    id: getTrad('PopUpForm.Email.options.object.label'),
+                                                    defaultMessage: 'Subject'
+                                                }),
+                                                name: 'options.object',
+                                                size: 6,
+                                                type: 'string'
+                                            },
+                                            {
+                                                label: formatMessage({
+                                                    id: getTrad('PopUpForm.Email.options.message.label'),
+                                                    defaultMessage: 'Message'
+                                                }),
+                                                name: 'options.message',
+                                                size: 12,
+                                                type: 'text'
+                                            }
+                                        ].map(({ size, ...field })=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                                                col: size,
+                                                direction: "column",
+                                                alignItems: "stretch",
+                                                children: /*#__PURE__*/ jsxRuntime.jsx(admin.InputRenderer, {
+                                                    ...field
+                                                })
+                                            }, field.name))
+                                    })
+                                }),
+                                /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Modal.Footer, {
+                                    children: [
+                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Close, {
+                                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                                variant: "tertiary",
+                                                children: "Cancel"
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                            loading: isSubmitting,
+                                            type: "submit",
+                                            children: "Finish"
+                                        })
+                                    ]
+                                })
+                            ]
+                        });
+                    }
+                })
+            ]
+        })
+    });
+};
+EmailForm.defaultProps = {
+    template: {}
+};
+EmailForm.propTypes = {
+    template: PropTypes.shape({
+        display: PropTypes.string,
+        icon: PropTypes.string,
+        options: PropTypes.shape({
+            from: PropTypes.shape({
+                name: PropTypes.string,
+                email: PropTypes.string
+            }),
+            message: PropTypes.string,
+            object: PropTypes.string,
+            response_email: PropTypes.string
+        })
+    }),
+    open: PropTypes.bool.isRequired,
+    onSubmit: PropTypes.func.isRequired,
+    onToggle: PropTypes.func.isRequired
+};
+
+module.exports = EmailForm;
+//# sourceMappingURL=EmailForm.js.map

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/EmailTemplates/components/EmailForm.mjs

@@ -0,0 +1,169 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import 'react';
+import { Modal, Breadcrumbs, Crumb, VisuallyHidden, Grid, Button } from '@strapi/design-system';
+import { Form, InputRenderer } from '@strapi/strapi/admin';
+import PropTypes from 'prop-types';
+import { useIntl } from 'react-intl';
+import 'lodash/isEmpty';
+import getTrad from '../../../utils/getTrad.mjs';
+import schema from '../utils/schema.mjs';
+
+const EmailForm = ({ template = {}, onToggle, open, onSubmit })=>{
+    const { formatMessage } = useIntl();
+    return /*#__PURE__*/ jsx(Modal.Root, {
+        open: open,
+        onOpenChange: onToggle,
+        children: /*#__PURE__*/ jsxs(Modal.Content, {
+            children: [
+                /*#__PURE__*/ jsxs(Modal.Header, {
+                    children: [
+                        /*#__PURE__*/ jsxs(Breadcrumbs, {
+                            label: `${formatMessage({
+                                id: getTrad('PopUpForm.header.edit.email-templates'),
+                                defaultMessage: 'Edit email template'
+                            })}, ${template.display ? formatMessage({
+                                id: getTrad(template.display),
+                                defaultMessage: template.display
+                            }) : ''}`,
+                            children: [
+                                /*#__PURE__*/ jsx(Crumb, {
+                                    children: formatMessage({
+                                        id: getTrad('PopUpForm.header.edit.email-templates'),
+                                        defaultMessage: 'Edit email template'
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx(Crumb, {
+                                    isCurrent: true,
+                                    children: template.display ? formatMessage({
+                                        id: getTrad(template.display),
+                                        defaultMessage: template.display
+                                    }) : ''
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsx(VisuallyHidden, {
+                            children: /*#__PURE__*/ jsx(Modal.Title, {
+                                children: `${formatMessage({
+                                    id: getTrad('PopUpForm.header.edit.email-templates'),
+                                    defaultMessage: 'Edit email template'
+                                })}, ${template.display ? formatMessage({
+                                    id: getTrad(template.display),
+                                    defaultMessage: template.display
+                                }) : ''}`
+                            })
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsx(Form, {
+                    onSubmit: onSubmit,
+                    initialValues: template,
+                    validationSchema: schema,
+                    children: ({ isSubmitting })=>{
+                        return /*#__PURE__*/ jsxs(Fragment, {
+                            children: [
+                                /*#__PURE__*/ jsx(Modal.Body, {
+                                    children: /*#__PURE__*/ jsx(Grid.Root, {
+                                        gap: 5,
+                                        children: [
+                                            {
+                                                label: formatMessage({
+                                                    id: getTrad('PopUpForm.Email.options.from.name.label'),
+                                                    defaultMessage: 'Shipper name'
+                                                }),
+                                                name: 'options.from.name',
+                                                size: 6,
+                                                type: 'string'
+                                            },
+                                            {
+                                                label: formatMessage({
+                                                    id: getTrad('PopUpForm.Email.options.from.email.label'),
+                                                    defaultMessage: 'Shipper email'
+                                                }),
+                                                name: 'options.from.email',
+                                                size: 6,
+                                                type: 'string'
+                                            },
+                                            {
+                                                label: formatMessage({
+                                                    id: getTrad('PopUpForm.Email.options.response_email.label'),
+                                                    defaultMessage: 'Response email'
+                                                }),
+                                                name: 'options.response_email',
+                                                size: 6,
+                                                type: 'string'
+                                            },
+                                            {
+                                                label: formatMessage({
+                                                    id: getTrad('PopUpForm.Email.options.object.label'),
+                                                    defaultMessage: 'Subject'
+                                                }),
+                                                name: 'options.object',
+                                                size: 6,
+                                                type: 'string'
+                                            },
+                                            {
+                                                label: formatMessage({
+                                                    id: getTrad('PopUpForm.Email.options.message.label'),
+                                                    defaultMessage: 'Message'
+                                                }),
+                                                name: 'options.message',
+                                                size: 12,
+                                                type: 'text'
+                                            }
+                                        ].map(({ size, ...field })=>/*#__PURE__*/ jsx(Grid.Item, {
+                                                col: size,
+                                                direction: "column",
+                                                alignItems: "stretch",
+                                                children: /*#__PURE__*/ jsx(InputRenderer, {
+                                                    ...field
+                                                })
+                                            }, field.name))
+                                    })
+                                }),
+                                /*#__PURE__*/ jsxs(Modal.Footer, {
+                                    children: [
+                                        /*#__PURE__*/ jsx(Modal.Close, {
+                                            children: /*#__PURE__*/ jsx(Button, {
+                                                variant: "tertiary",
+                                                children: "Cancel"
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsx(Button, {
+                                            loading: isSubmitting,
+                                            type: "submit",
+                                            children: "Finish"
+                                        })
+                                    ]
+                                })
+                            ]
+                        });
+                    }
+                })
+            ]
+        })
+    });
+};
+EmailForm.defaultProps = {
+    template: {}
+};
+EmailForm.propTypes = {
+    template: PropTypes.shape({
+        display: PropTypes.string,
+        icon: PropTypes.string,
+        options: PropTypes.shape({
+            from: PropTypes.shape({
+                name: PropTypes.string,
+                email: PropTypes.string
+            }),
+            message: PropTypes.string,
+            object: PropTypes.string,
+            response_email: PropTypes.string
+        })
+    }),
+    open: PropTypes.bool.isRequired,
+    onSubmit: PropTypes.func.isRequired,
+    onToggle: PropTypes.func.isRequired
+};
+
+export { EmailForm as default };
+//# sourceMappingURL=EmailForm.mjs.map

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/EmailTemplates/components/EmailTable.js

@@ -0,0 +1,145 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var PropTypes = require('prop-types');
+var reactIntl = require('react-intl');
+require('lodash/isEmpty');
+var getTrad = require('../../../utils/getTrad.js');
+
+const EmailTable = ({ canUpdate, onEditClick })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Table, {
+        colCount: 3,
+        rowCount: 3,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Thead, {
+                children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Tr, {
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Th, {
+                            width: "1%",
+                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.VisuallyHidden, {
+                                children: formatMessage({
+                                    id: getTrad('Email.template.table.icon.label'),
+                                    defaultMessage: 'icon'
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Th, {
+                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                variant: "sigma",
+                                textColor: "neutral600",
+                                children: formatMessage({
+                                    id: getTrad('Email.template.table.name.label'),
+                                    defaultMessage: 'name'
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Th, {
+                            width: "1%",
+                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.VisuallyHidden, {
+                                children: formatMessage({
+                                    id: getTrad('Email.template.table.action.label'),
+                                    defaultMessage: 'action'
+                                })
+                            })
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Tbody, {
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Tr, {
+                        cursor: "pointer",
+                        onClick: ()=>onEditClick('reset_password'),
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                    width: "3.2rem",
+                                    height: "3.2rem",
+                                    padding: "0.8rem",
+                                    children: /*#__PURE__*/ jsxRuntime.jsx(icons.ArrowClockwise, {
+                                        "aria-label": formatMessage({
+                                            id: 'global.reset-password',
+                                            defaultMessage: 'Reset password'
+                                        })
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                    children: formatMessage({
+                                        id: 'global.reset-password',
+                                        defaultMessage: 'Reset password'
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                                onClick: (e)=>e.stopPropagation(),
+                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                                    onClick: ()=>onEditClick('reset_password'),
+                                    label: formatMessage({
+                                        id: getTrad('Email.template.form.edit.label'),
+                                        defaultMessage: 'Edit a template'
+                                    }),
+                                    variant: "ghost",
+                                    disabled: !canUpdate,
+                                    children: /*#__PURE__*/ jsxRuntime.jsx(icons.Pencil, {})
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Tr, {
+                        cursor: "pointer",
+                        onClick: ()=>onEditClick('email_confirmation'),
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                    width: "3.2rem",
+                                    height: "3.2rem",
+                                    padding: "0.8rem",
+                                    children: /*#__PURE__*/ jsxRuntime.jsx(icons.Check, {
+                                        "aria-label": formatMessage({
+                                            id: getTrad('Email.template.email_confirmation'),
+                                            defaultMessage: 'Email address confirmation'
+                                        })
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                    children: formatMessage({
+                                        id: getTrad('Email.template.email_confirmation'),
+                                        defaultMessage: 'Email address confirmation'
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                                onClick: (e)=>e.stopPropagation(),
+                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                                    onClick: ()=>onEditClick('email_confirmation'),
+                                    label: formatMessage({
+                                        id: getTrad('Email.template.form.edit.label'),
+                                        defaultMessage: 'Edit a template'
+                                    }),
+                                    variant: "ghost",
+                                    disabled: !canUpdate,
+                                    children: /*#__PURE__*/ jsxRuntime.jsx(icons.Pencil, {})
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+EmailTable.propTypes = {
+    canUpdate: PropTypes.bool.isRequired,
+    onEditClick: PropTypes.func.isRequired
+};
+
+module.exports = EmailTable;
+//# sourceMappingURL=EmailTable.js.map

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/EmailTemplates/components/EmailTable.mjs

@@ -0,0 +1,143 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import { Table, Thead, Tr, Th, VisuallyHidden, Typography, Tbody, Td, Box, IconButton } from '@strapi/design-system';
+import { ArrowClockwise, Pencil, Check } from '@strapi/icons';
+import PropTypes from 'prop-types';
+import { useIntl } from 'react-intl';
+import 'lodash/isEmpty';
+import getTrad from '../../../utils/getTrad.mjs';
+
+const EmailTable = ({ canUpdate, onEditClick })=>{
+    const { formatMessage } = useIntl();
+    return /*#__PURE__*/ jsxs(Table, {
+        colCount: 3,
+        rowCount: 3,
+        children: [
+            /*#__PURE__*/ jsx(Thead, {
+                children: /*#__PURE__*/ jsxs(Tr, {
+                    children: [
+                        /*#__PURE__*/ jsx(Th, {
+                            width: "1%",
+                            children: /*#__PURE__*/ jsx(VisuallyHidden, {
+                                children: formatMessage({
+                                    id: getTrad('Email.template.table.icon.label'),
+                                    defaultMessage: 'icon'
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(Th, {
+                            children: /*#__PURE__*/ jsx(Typography, {
+                                variant: "sigma",
+                                textColor: "neutral600",
+                                children: formatMessage({
+                                    id: getTrad('Email.template.table.name.label'),
+                                    defaultMessage: 'name'
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(Th, {
+                            width: "1%",
+                            children: /*#__PURE__*/ jsx(VisuallyHidden, {
+                                children: formatMessage({
+                                    id: getTrad('Email.template.table.action.label'),
+                                    defaultMessage: 'action'
+                                })
+                            })
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsxs(Tbody, {
+                children: [
+                    /*#__PURE__*/ jsxs(Tr, {
+                        cursor: "pointer",
+                        onClick: ()=>onEditClick('reset_password'),
+                        children: [
+                            /*#__PURE__*/ jsx(Td, {
+                                children: /*#__PURE__*/ jsx(Box, {
+                                    width: "3.2rem",
+                                    height: "3.2rem",
+                                    padding: "0.8rem",
+                                    children: /*#__PURE__*/ jsx(ArrowClockwise, {
+                                        "aria-label": formatMessage({
+                                            id: 'global.reset-password',
+                                            defaultMessage: 'Reset password'
+                                        })
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(Td, {
+                                children: /*#__PURE__*/ jsx(Typography, {
+                                    children: formatMessage({
+                                        id: 'global.reset-password',
+                                        defaultMessage: 'Reset password'
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(Td, {
+                                onClick: (e)=>e.stopPropagation(),
+                                children: /*#__PURE__*/ jsx(IconButton, {
+                                    onClick: ()=>onEditClick('reset_password'),
+                                    label: formatMessage({
+                                        id: getTrad('Email.template.form.edit.label'),
+                                        defaultMessage: 'Edit a template'
+                                    }),
+                                    variant: "ghost",
+                                    disabled: !canUpdate,
+                                    children: /*#__PURE__*/ jsx(Pencil, {})
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs(Tr, {
+                        cursor: "pointer",
+                        onClick: ()=>onEditClick('email_confirmation'),
+                        children: [
+                            /*#__PURE__*/ jsx(Td, {
+                                children: /*#__PURE__*/ jsx(Box, {
+                                    width: "3.2rem",
+                                    height: "3.2rem",
+                                    padding: "0.8rem",
+                                    children: /*#__PURE__*/ jsx(Check, {
+                                        "aria-label": formatMessage({
+                                            id: getTrad('Email.template.email_confirmation'),
+                                            defaultMessage: 'Email address confirmation'
+                                        })
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(Td, {
+                                children: /*#__PURE__*/ jsx(Typography, {
+                                    children: formatMessage({
+                                        id: getTrad('Email.template.email_confirmation'),
+                                        defaultMessage: 'Email address confirmation'
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(Td, {
+                                onClick: (e)=>e.stopPropagation(),
+                                children: /*#__PURE__*/ jsx(IconButton, {
+                                    onClick: ()=>onEditClick('email_confirmation'),
+                                    label: formatMessage({
+                                        id: getTrad('Email.template.form.edit.label'),
+                                        defaultMessage: 'Edit a template'
+                                    }),
+                                    variant: "ghost",
+                                    disabled: !canUpdate,
+                                    children: /*#__PURE__*/ jsx(Pencil, {})
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+EmailTable.propTypes = {
+    canUpdate: PropTypes.bool.isRequired,
+    onEditClick: PropTypes.func.isRequired
+};
+
+export { EmailTable as default };
+//# sourceMappingURL=EmailTable.mjs.map

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/EmailTemplates/index.js

@@ -0,0 +1,157 @@
+'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 admin = require('@strapi/strapi/admin');
+var reactIntl = require('react-intl');
+var reactQuery = require('react-query');
+var constants = require('../../constants.js');
+require('lodash/isEmpty');
+var getTrad = require('../../utils/getTrad.js');
+var EmailForm = require('./components/EmailForm.js');
+var EmailTable = require('./components/EmailTable.js');
+
+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);
+
+const ProtectedEmailTemplatesPage = ()=>/*#__PURE__*/ jsxRuntime.jsx(admin.Page.Protect, {
+        permissions: constants.PERMISSIONS.readEmailTemplates,
+        children: /*#__PURE__*/ jsxRuntime.jsx(EmailTemplatesPage, {})
+    });
+const EmailTemplatesPage = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { trackUsage } = strapiAdmin.useTracking();
+    const { notifyStatus } = designSystem.useNotifyAT();
+    const { toggleNotification } = admin.useNotification();
+    const queryClient = reactQuery.useQueryClient();
+    const { get, put } = admin.useFetchClient();
+    const { formatAPIError } = admin.useAPIErrorHandler();
+    const [isModalOpen, setIsModalOpen] = React__namespace.useState(false);
+    const [templateToEdit, setTemplateToEdit] = React__namespace.useState(null);
+    const { isLoading: isLoadingForPermissions, allowedActions: { canUpdate } } = admin.useRBAC({
+        update: constants.PERMISSIONS.updateEmailTemplates
+    });
+    const { isLoading: isLoadingData, data } = reactQuery.useQuery([
+        'users-permissions',
+        'email-templates'
+    ], async ()=>{
+        const { data } = await get('/users-permissions/email-templates');
+        return data;
+    }, {
+        onSuccess () {
+            notifyStatus(formatMessage({
+                id: getTrad('Email.template.data.loaded'),
+                defaultMessage: 'Email templates has been loaded'
+            }));
+        },
+        onError (error) {
+            toggleNotification({
+                type: 'danger',
+                message: formatAPIError(error)
+            });
+        }
+    });
+    const isLoading = isLoadingForPermissions || isLoadingData;
+    const handleToggle = ()=>{
+        setIsModalOpen((prev)=>!prev);
+    };
+    const handleEditClick = (template)=>{
+        setTemplateToEdit(template);
+        handleToggle();
+    };
+    const submitMutation = reactQuery.useMutation((body)=>put('/users-permissions/email-templates', {
+            'email-templates': body
+        }), {
+        async onSuccess () {
+            await queryClient.invalidateQueries([
+                'users-permissions',
+                'email-templates'
+            ]);
+            toggleNotification({
+                type: 'success',
+                message: formatMessage({
+                    id: 'notification.success.saved',
+                    defaultMessage: 'Saved'
+                })
+            });
+            trackUsage('didEditEmailTemplates');
+            handleToggle();
+        },
+        onError (error) {
+            toggleNotification({
+                type: 'danger',
+                message: formatAPIError(error)
+            });
+        },
+        refetchActive: true
+    });
+    const handleSubmit = (body)=>{
+        trackUsage('willEditEmailTemplates');
+        const editedTemplates = {
+            ...data,
+            [templateToEdit]: body
+        };
+        submitMutation.mutate(editedTemplates);
+    };
+    if (isLoading) {
+        return /*#__PURE__*/ jsxRuntime.jsx(admin.Page.Loading, {});
+    }
+    return /*#__PURE__*/ jsxRuntime.jsxs(admin.Page.Main, {
+        "aria-busy": submitMutation.isLoading,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(admin.Page.Title, {
+                children: formatMessage({
+                    id: 'Settings.PageTitle',
+                    defaultMessage: 'Settings - {name}'
+                }, {
+                    name: formatMessage({
+                        id: getTrad('HeaderNav.link.emailTemplates'),
+                        defaultMessage: 'Email templates'
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(admin.Layouts.Header, {
+                title: formatMessage({
+                    id: getTrad('HeaderNav.link.emailTemplates'),
+                    defaultMessage: 'Email templates'
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs(admin.Layouts.Content, {
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(EmailTable, {
+                        onEditClick: handleEditClick,
+                        canUpdate: canUpdate
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(EmailForm, {
+                        template: data[templateToEdit],
+                        onToggle: handleToggle,
+                        open: isModalOpen,
+                        onSubmit: handleSubmit
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+exports.EmailTemplatesPage = EmailTemplatesPage;
+exports.ProtectedEmailTemplatesPage = ProtectedEmailTemplatesPage;
+//# sourceMappingURL=index.js.map

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/EmailTemplates/index.mjs

@@ -0,0 +1,135 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useTracking } from '@strapi/admin/strapi-admin';
+import { useNotifyAT } from '@strapi/design-system';
+import { Page, useNotification, useFetchClient, useAPIErrorHandler, useRBAC, Layouts } from '@strapi/strapi/admin';
+import { useIntl } from 'react-intl';
+import { useQueryClient, useQuery, useMutation } from 'react-query';
+import { PERMISSIONS } from '../../constants.mjs';
+import 'lodash/isEmpty';
+import getTrad from '../../utils/getTrad.mjs';
+import EmailForm from './components/EmailForm.mjs';
+import EmailTable from './components/EmailTable.mjs';
+
+const ProtectedEmailTemplatesPage = ()=>/*#__PURE__*/ jsx(Page.Protect, {
+        permissions: PERMISSIONS.readEmailTemplates,
+        children: /*#__PURE__*/ jsx(EmailTemplatesPage, {})
+    });
+const EmailTemplatesPage = ()=>{
+    const { formatMessage } = useIntl();
+    const { trackUsage } = useTracking();
+    const { notifyStatus } = useNotifyAT();
+    const { toggleNotification } = useNotification();
+    const queryClient = useQueryClient();
+    const { get, put } = useFetchClient();
+    const { formatAPIError } = useAPIErrorHandler();
+    const [isModalOpen, setIsModalOpen] = React.useState(false);
+    const [templateToEdit, setTemplateToEdit] = React.useState(null);
+    const { isLoading: isLoadingForPermissions, allowedActions: { canUpdate } } = useRBAC({
+        update: PERMISSIONS.updateEmailTemplates
+    });
+    const { isLoading: isLoadingData, data } = useQuery([
+        'users-permissions',
+        'email-templates'
+    ], async ()=>{
+        const { data } = await get('/users-permissions/email-templates');
+        return data;
+    }, {
+        onSuccess () {
+            notifyStatus(formatMessage({
+                id: getTrad('Email.template.data.loaded'),
+                defaultMessage: 'Email templates has been loaded'
+            }));
+        },
+        onError (error) {
+            toggleNotification({
+                type: 'danger',
+                message: formatAPIError(error)
+            });
+        }
+    });
+    const isLoading = isLoadingForPermissions || isLoadingData;
+    const handleToggle = ()=>{
+        setIsModalOpen((prev)=>!prev);
+    };
+    const handleEditClick = (template)=>{
+        setTemplateToEdit(template);
+        handleToggle();
+    };
+    const submitMutation = useMutation((body)=>put('/users-permissions/email-templates', {
+            'email-templates': body
+        }), {
+        async onSuccess () {
+            await queryClient.invalidateQueries([
+                'users-permissions',
+                'email-templates'
+            ]);
+            toggleNotification({
+                type: 'success',
+                message: formatMessage({
+                    id: 'notification.success.saved',
+                    defaultMessage: 'Saved'
+                })
+            });
+            trackUsage('didEditEmailTemplates');
+            handleToggle();
+        },
+        onError (error) {
+            toggleNotification({
+                type: 'danger',
+                message: formatAPIError(error)
+            });
+        },
+        refetchActive: true
+    });
+    const handleSubmit = (body)=>{
+        trackUsage('willEditEmailTemplates');
+        const editedTemplates = {
+            ...data,
+            [templateToEdit]: body
+        };
+        submitMutation.mutate(editedTemplates);
+    };
+    if (isLoading) {
+        return /*#__PURE__*/ jsx(Page.Loading, {});
+    }
+    return /*#__PURE__*/ jsxs(Page.Main, {
+        "aria-busy": submitMutation.isLoading,
+        children: [
+            /*#__PURE__*/ jsx(Page.Title, {
+                children: formatMessage({
+                    id: 'Settings.PageTitle',
+                    defaultMessage: 'Settings - {name}'
+                }, {
+                    name: formatMessage({
+                        id: getTrad('HeaderNav.link.emailTemplates'),
+                        defaultMessage: 'Email templates'
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsx(Layouts.Header, {
+                title: formatMessage({
+                    id: getTrad('HeaderNav.link.emailTemplates'),
+                    defaultMessage: 'Email templates'
+                })
+            }),
+            /*#__PURE__*/ jsxs(Layouts.Content, {
+                children: [
+                    /*#__PURE__*/ jsx(EmailTable, {
+                        onEditClick: handleEditClick,
+                        canUpdate: canUpdate
+                    }),
+                    /*#__PURE__*/ jsx(EmailForm, {
+                        template: data[templateToEdit],
+                        onToggle: handleToggle,
+                        open: isModalOpen,
+                        onSubmit: handleSubmit
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+export { EmailTemplatesPage, ProtectedEmailTemplatesPage };
+//# sourceMappingURL=index.mjs.map

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/EmailTemplates/utils/schema.js

@@ -0,0 +1,50 @@
+'use strict';
+
+var admin = require('@strapi/strapi/admin');
+var yup = require('yup');
+
+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 yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
+
+const schema = yup__namespace.object().shape({
+    options: yup__namespace.object().shape({
+        from: yup__namespace.object().shape({
+            name: yup__namespace.string().required({
+                id: admin.translatedErrors.required.id,
+                defaultMessage: 'This field is required'
+            }),
+            email: yup__namespace.string().email(admin.translatedErrors.email).required({
+                id: admin.translatedErrors.required.id,
+                defaultMessage: 'This field is required'
+            })
+        }).required(),
+        response_email: yup__namespace.string().email(admin.translatedErrors.email),
+        object: yup__namespace.string().required({
+            id: admin.translatedErrors.required.id,
+            defaultMessage: 'This field is required'
+        }),
+        message: yup__namespace.string().required({
+            id: admin.translatedErrors.required.id,
+            defaultMessage: 'This field is required'
+        })
+    }).required(admin.translatedErrors.required.id)
+});
+
+module.exports = schema;
+//# sourceMappingURL=schema.js.map

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/EmailTemplates/utils/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sources":["../../../../../admin/src/pages/EmailTemplates/utils/schema.js"],"sourcesContent":["import { translatedErrors } from '@strapi/strapi/admin';\nimport * as yup from 'yup';\n\nconst schema = yup.object().shape({\n  options: yup\n    .object()\n    .shape({\n      from: yup\n        .object()\n        .shape({\n          name: yup.string().required({\n            id: translatedErrors.required.id,\n            defaultMessage: 'This field is required',\n          }),\n          email: yup.string().email(translatedErrors.email).required({\n            id: translatedErrors.required.id,\n            defaultMessage: 'This field is required',\n          }),\n        })\n        .required(),\n      response_email: yup.string().email(translatedErrors.email),\n      object: yup.string().required({\n        id: translatedErrors.required.id,\n        defaultMessage: 'This field is required',\n      }),\n      message: yup.string().required({\n        id: translatedErrors.required.id,\n        defaultMessage: 'This field is required',\n      }),\n    })\n    .required(translatedErrors.required.id),\n});\n\nexport default schema;\n"],"names":["schema","yup","object","shape","options","from","name","string","required","id","translatedErrors","defaultMessage","email","response_email","message"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAMA,MAASC,GAAAA,cAAAA,CAAIC,MAAM,EAAA,CAAGC,KAAK,CAAC;AAChCC,IAAAA,OAAAA,EAASH,cACNC,CAAAA,MAAM,EACNC,CAAAA,KAAK,CAAC;AACLE,QAAAA,IAAAA,EAAMJ,cACHC,CAAAA,MAAM,EACNC,CAAAA,KAAK,CAAC;AACLG,YAAAA,IAAAA,EAAML,cAAIM,CAAAA,MAAM,EAAGC,CAAAA,QAAQ,CAAC;gBAC1BC,EAAIC,EAAAA,sBAAAA,CAAiBF,QAAQ,CAACC,EAAE;gBAChCE,cAAgB,EAAA;AAClB,aAAA,CAAA;YACAC,KAAOX,EAAAA,cAAAA,CAAIM,MAAM,EAAGK,CAAAA,KAAK,CAACF,sBAAiBE,CAAAA,KAAK,CAAEJ,CAAAA,QAAQ,CAAC;gBACzDC,EAAIC,EAAAA,sBAAAA,CAAiBF,QAAQ,CAACC,EAAE;gBAChCE,cAAgB,EAAA;AAClB,aAAA;AACF,SAAA,CAAA,CACCH,QAAQ,EAAA;AACXK,QAAAA,cAAAA,EAAgBZ,eAAIM,MAAM,EAAA,CAAGK,KAAK,CAACF,uBAAiBE,KAAK,CAAA;AACzDV,QAAAA,MAAAA,EAAQD,cAAIM,CAAAA,MAAM,EAAGC,CAAAA,QAAQ,CAAC;YAC5BC,EAAIC,EAAAA,sBAAAA,CAAiBF,QAAQ,CAACC,EAAE;YAChCE,cAAgB,EAAA;AAClB,SAAA,CAAA;AACAG,QAAAA,OAAAA,EAASb,cAAIM,CAAAA,MAAM,EAAGC,CAAAA,QAAQ,CAAC;YAC7BC,EAAIC,EAAAA,sBAAAA,CAAiBF,QAAQ,CAACC,EAAE;YAChCE,cAAgB,EAAA;AAClB,SAAA;AACF,KAAA,CAAA,CACCH,QAAQ,CAACE,sBAAiBF,CAAAA,QAAQ,CAACC,EAAE;AAC1C,CAAA;;;;"}

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/EmailTemplates/utils/schema.mjs

@@ -0,0 +1,29 @@
+import { translatedErrors } from '@strapi/strapi/admin';
+import * as yup from 'yup';
+
+const schema = yup.object().shape({
+    options: yup.object().shape({
+        from: yup.object().shape({
+            name: yup.string().required({
+                id: translatedErrors.required.id,
+                defaultMessage: 'This field is required'
+            }),
+            email: yup.string().email(translatedErrors.email).required({
+                id: translatedErrors.required.id,
+                defaultMessage: 'This field is required'
+            })
+        }).required(),
+        response_email: yup.string().email(translatedErrors.email),
+        object: yup.string().required({
+            id: translatedErrors.required.id,
+            defaultMessage: 'This field is required'
+        }),
+        message: yup.string().required({
+            id: translatedErrors.required.id,
+            defaultMessage: 'This field is required'
+        })
+    }).required(translatedErrors.required.id)
+});
+
+export { schema as default };
+//# sourceMappingURL=schema.mjs.map

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/EmailTemplates/utils/schema.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.mjs","sources":["../../../../../admin/src/pages/EmailTemplates/utils/schema.js"],"sourcesContent":["import { translatedErrors } from '@strapi/strapi/admin';\nimport * as yup from 'yup';\n\nconst schema = yup.object().shape({\n  options: yup\n    .object()\n    .shape({\n      from: yup\n        .object()\n        .shape({\n          name: yup.string().required({\n            id: translatedErrors.required.id,\n            defaultMessage: 'This field is required',\n          }),\n          email: yup.string().email(translatedErrors.email).required({\n            id: translatedErrors.required.id,\n            defaultMessage: 'This field is required',\n          }),\n        })\n        .required(),\n      response_email: yup.string().email(translatedErrors.email),\n      object: yup.string().required({\n        id: translatedErrors.required.id,\n        defaultMessage: 'This field is required',\n      }),\n      message: yup.string().required({\n        id: translatedErrors.required.id,\n        defaultMessage: 'This field is required',\n      }),\n    })\n    .required(translatedErrors.required.id),\n});\n\nexport default schema;\n"],"names":["schema","yup","object","shape","options","from","name","string","required","id","translatedErrors","defaultMessage","email","response_email","message"],"mappings":";;;AAGA,MAAMA,MAASC,GAAAA,GAAAA,CAAIC,MAAM,EAAA,CAAGC,KAAK,CAAC;AAChCC,IAAAA,OAAAA,EAASH,GACNC,CAAAA,MAAM,EACNC,CAAAA,KAAK,CAAC;AACLE,QAAAA,IAAAA,EAAMJ,GACHC,CAAAA,MAAM,EACNC,CAAAA,KAAK,CAAC;AACLG,YAAAA,IAAAA,EAAML,GAAIM,CAAAA,MAAM,EAAGC,CAAAA,QAAQ,CAAC;gBAC1BC,EAAIC,EAAAA,gBAAAA,CAAiBF,QAAQ,CAACC,EAAE;gBAChCE,cAAgB,EAAA;AAClB,aAAA,CAAA;YACAC,KAAOX,EAAAA,GAAAA,CAAIM,MAAM,EAAGK,CAAAA,KAAK,CAACF,gBAAiBE,CAAAA,KAAK,CAAEJ,CAAAA,QAAQ,CAAC;gBACzDC,EAAIC,EAAAA,gBAAAA,CAAiBF,QAAQ,CAACC,EAAE;gBAChCE,cAAgB,EAAA;AAClB,aAAA;AACF,SAAA,CAAA,CACCH,QAAQ,EAAA;AACXK,QAAAA,cAAAA,EAAgBZ,IAAIM,MAAM,EAAA,CAAGK,KAAK,CAACF,iBAAiBE,KAAK,CAAA;AACzDV,QAAAA,MAAAA,EAAQD,GAAIM,CAAAA,MAAM,EAAGC,CAAAA,QAAQ,CAAC;YAC5BC,EAAIC,EAAAA,gBAAAA,CAAiBF,QAAQ,CAACC,EAAE;YAChCE,cAAgB,EAAA;AAClB,SAAA,CAAA;AACAG,QAAAA,OAAAA,EAASb,GAAIM,CAAAA,MAAM,EAAGC,CAAAA,QAAQ,CAAC;YAC7BC,EAAIC,EAAAA,gBAAAA,CAAiBF,QAAQ,CAACC,EAAE;YAChCE,cAAgB,EAAA;AAClB,SAAA;AACF,KAAA,CAAA,CACCH,QAAQ,CAACE,gBAAiBF,CAAAA,QAAQ,CAACC,EAAE;AAC1C,CAAA;;;;"}

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/Providers/index.js

@@ -0,0 +1,278 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var admin = require('@strapi/strapi/admin');
+var upperFirst = require('lodash/upperFirst');
+var reactIntl = require('react-intl');
+var reactQuery = require('react-query');
+var index = require('../../components/FormModal/index.js');
+var constants = require('../../constants.js');
+require('lodash/isEmpty');
+var getTrad = require('../../utils/getTrad.js');
+var forms = require('./utils/forms.js');
+
+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);
+
+const ProvidersPage = ()=>{
+    const { formatMessage, locale } = reactIntl.useIntl();
+    const queryClient = reactQuery.useQueryClient();
+    const { trackUsage } = strapiAdmin.useTracking();
+    const [isOpen, setIsOpen] = React__namespace.useState(false);
+    const [providerToEditName, setProviderToEditName] = React__namespace.useState(null);
+    const { toggleNotification } = admin.useNotification();
+    const { get, put } = admin.useFetchClient();
+    const { formatAPIError } = admin.useAPIErrorHandler();
+    const formatter = designSystem.useCollator(locale, {
+        sensitivity: 'base'
+    });
+    const { isLoading: isLoadingPermissions, allowedActions: { canUpdate } } = admin.useRBAC({
+        update: constants.PERMISSIONS.updateProviders
+    });
+    const { isLoading: isLoadingData, data } = reactQuery.useQuery([
+        'users-permissions',
+        'get-providers'
+    ], async ()=>{
+        const { data } = await get('/users-permissions/providers');
+        return data;
+    }, {
+        initialData: {}
+    });
+    const submitMutation = reactQuery.useMutation((body)=>put('/users-permissions/providers', body), {
+        async onSuccess () {
+            await queryClient.invalidateQueries([
+                'users-permissions',
+                'get-providers'
+            ]);
+            toggleNotification({
+                type: 'success',
+                message: formatMessage({
+                    id: getTrad('notification.success.submit')
+                })
+            });
+            trackUsage('didEditAuthenticationProvider');
+            handleToggleModal();
+        },
+        onError (error) {
+            toggleNotification({
+                type: 'danger',
+                message: formatAPIError(error)
+            });
+        },
+        refetchActive: false
+    });
+    const providers = Object.entries(data).reduce((acc, [name, provider])=>{
+        const { icon, enabled, subdomain } = provider;
+        acc.push({
+            name,
+            icon: icon === 'envelope' ? [
+                'fas',
+                'envelope'
+            ] : [
+                'fab',
+                icon
+            ],
+            enabled,
+            subdomain
+        });
+        return acc;
+    }, []).sort((a, b)=>formatter.compare(a.name, b.name));
+    const isLoading = isLoadingData || isLoadingPermissions;
+    const isProviderWithSubdomain = React__namespace.useMemo(()=>{
+        if (!providerToEditName) {
+            return false;
+        }
+        const providerToEdit = providers.find((obj)=>obj.name === providerToEditName);
+        return !!providerToEdit?.subdomain;
+    }, [
+        providers,
+        providerToEditName
+    ]);
+    const layoutToRender = React__namespace.useMemo(()=>{
+        if (providerToEditName === 'email') {
+            return forms.email;
+        }
+        if (isProviderWithSubdomain) {
+            return forms.providersWithSubdomain;
+        }
+        return forms.providers;
+    }, [
+        providerToEditName,
+        isProviderWithSubdomain
+    ]);
+    const handleToggleModal = ()=>{
+        setIsOpen((prev)=>!prev);
+    };
+    const handleClickEdit = (provider)=>{
+        if (canUpdate) {
+            setProviderToEditName(provider.name);
+            handleToggleModal();
+        }
+    };
+    const handleSubmit = async (values)=>{
+        trackUsage('willEditAuthenticationProvider');
+        submitMutation.mutate({
+            providers: {
+                ...data,
+                [providerToEditName]: values
+            }
+        });
+    };
+    if (isLoading) {
+        return /*#__PURE__*/ jsxRuntime.jsx(admin.Page.Loading, {});
+    }
+    return /*#__PURE__*/ jsxRuntime.jsxs(strapiAdmin.Layouts.Root, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(admin.Page.Title, {
+                children: formatMessage({
+                    id: 'Settings.PageTitle',
+                    defaultMessage: 'Settings - {name}'
+                }, {
+                    name: formatMessage({
+                        id: getTrad('HeaderNav.link.providers'),
+                        defaultMessage: 'Providers'
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs(admin.Page.Main, {
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Layouts.Header, {
+                        title: formatMessage({
+                            id: getTrad('HeaderNav.link.providers'),
+                            defaultMessage: 'Providers'
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Layouts.Content, {
+                        children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Table, {
+                            colCount: 3,
+                            rowCount: providers.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: 'global.name',
+                                                        defaultMessage: 'Name'
+                                                    })
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Th, {
+                                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                    variant: "sigma",
+                                                    textColor: "neutral600",
+                                                    children: formatMessage({
+                                                        id: getTrad('Providers.status'),
+                                                        defaultMessage: 'Status'
+                                                    })
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Th, {
+                                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                    variant: "sigma",
+                                                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.VisuallyHidden, {
+                                                        children: formatMessage({
+                                                            id: 'global.settings',
+                                                            defaultMessage: 'Settings'
+                                                        })
+                                                    })
+                                                })
+                                            })
+                                        ]
+                                    })
+                                }),
+                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tbody, {
+                                    children: providers.map((provider)=>/*#__PURE__*/ jsxRuntime.jsxs(designSystem.Tr, {
+                                            onClick: ()=>canUpdate ? handleClickEdit(provider) : undefined,
+                                            children: [
+                                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                                                    width: "45%",
+                                                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                        fontWeight: "semiBold",
+                                                        textColor: "neutral800",
+                                                        children: provider.name
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                                                    width: "65%",
+                                                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                        textColor: provider.enabled ? 'success600' : 'danger600',
+                                                        "data-testid": `enable-${provider.name}`,
+                                                        children: provider.enabled ? formatMessage({
+                                                            id: 'global.enabled',
+                                                            defaultMessage: 'Enabled'
+                                                        }) : formatMessage({
+                                                            id: 'global.disabled',
+                                                            defaultMessage: 'Disabled'
+                                                        })
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                                                    onClick: (e)=>e.stopPropagation(),
+                                                    children: canUpdate && /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                                                        onClick: ()=>handleClickEdit(provider),
+                                                        variant: "ghost",
+                                                        label: "Edit",
+                                                        children: /*#__PURE__*/ jsxRuntime.jsx(icons.Pencil, {})
+                                                    })
+                                                })
+                                            ]
+                                        }, provider.name))
+                                })
+                            ]
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(index, {
+                initialData: data[providerToEditName],
+                isOpen: isOpen,
+                isSubmiting: submitMutation.isLoading,
+                layout: layoutToRender,
+                headerBreadcrumbs: [
+                    formatMessage({
+                        id: getTrad('PopUpForm.header.edit.providers'),
+                        defaultMessage: 'Edit Provider'
+                    }),
+                    upperFirst(providerToEditName)
+                ],
+                onToggle: handleToggleModal,
+                onSubmit: handleSubmit,
+                providerToEditName: providerToEditName
+            })
+        ]
+    });
+};
+const ProtectedProvidersPage = ()=>/*#__PURE__*/ jsxRuntime.jsx(admin.Page.Protect, {
+        permissions: constants.PERMISSIONS.readProviders,
+        children: /*#__PURE__*/ jsxRuntime.jsx(ProvidersPage, {})
+    });
+
+exports.ProvidersPage = ProvidersPage;
+exports.default = ProtectedProvidersPage;
+//# sourceMappingURL=index.js.map

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/Providers/index.mjs

@@ -0,0 +1,254 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useTracking, Layouts } from '@strapi/admin/strapi-admin';
+import { useCollator, Table, Thead, Tr, Th, Typography, VisuallyHidden, Tbody, Td, IconButton } from '@strapi/design-system';
+import { Pencil } from '@strapi/icons';
+import { useNotification, useFetchClient, useAPIErrorHandler, useRBAC, Page } from '@strapi/strapi/admin';
+import upperFirst from 'lodash/upperFirst';
+import { useIntl } from 'react-intl';
+import { useQueryClient, useQuery, useMutation } from 'react-query';
+import FormModal from '../../components/FormModal/index.mjs';
+import { PERMISSIONS } from '../../constants.mjs';
+import 'lodash/isEmpty';
+import getTrad from '../../utils/getTrad.mjs';
+import forms from './utils/forms.mjs';
+
+const ProvidersPage = ()=>{
+    const { formatMessage, locale } = useIntl();
+    const queryClient = useQueryClient();
+    const { trackUsage } = useTracking();
+    const [isOpen, setIsOpen] = React.useState(false);
+    const [providerToEditName, setProviderToEditName] = React.useState(null);
+    const { toggleNotification } = useNotification();
+    const { get, put } = useFetchClient();
+    const { formatAPIError } = useAPIErrorHandler();
+    const formatter = useCollator(locale, {
+        sensitivity: 'base'
+    });
+    const { isLoading: isLoadingPermissions, allowedActions: { canUpdate } } = useRBAC({
+        update: PERMISSIONS.updateProviders
+    });
+    const { isLoading: isLoadingData, data } = useQuery([
+        'users-permissions',
+        'get-providers'
+    ], async ()=>{
+        const { data } = await get('/users-permissions/providers');
+        return data;
+    }, {
+        initialData: {}
+    });
+    const submitMutation = useMutation((body)=>put('/users-permissions/providers', body), {
+        async onSuccess () {
+            await queryClient.invalidateQueries([
+                'users-permissions',
+                'get-providers'
+            ]);
+            toggleNotification({
+                type: 'success',
+                message: formatMessage({
+                    id: getTrad('notification.success.submit')
+                })
+            });
+            trackUsage('didEditAuthenticationProvider');
+            handleToggleModal();
+        },
+        onError (error) {
+            toggleNotification({
+                type: 'danger',
+                message: formatAPIError(error)
+            });
+        },
+        refetchActive: false
+    });
+    const providers = Object.entries(data).reduce((acc, [name, provider])=>{
+        const { icon, enabled, subdomain } = provider;
+        acc.push({
+            name,
+            icon: icon === 'envelope' ? [
+                'fas',
+                'envelope'
+            ] : [
+                'fab',
+                icon
+            ],
+            enabled,
+            subdomain
+        });
+        return acc;
+    }, []).sort((a, b)=>formatter.compare(a.name, b.name));
+    const isLoading = isLoadingData || isLoadingPermissions;
+    const isProviderWithSubdomain = React.useMemo(()=>{
+        if (!providerToEditName) {
+            return false;
+        }
+        const providerToEdit = providers.find((obj)=>obj.name === providerToEditName);
+        return !!providerToEdit?.subdomain;
+    }, [
+        providers,
+        providerToEditName
+    ]);
+    const layoutToRender = React.useMemo(()=>{
+        if (providerToEditName === 'email') {
+            return forms.email;
+        }
+        if (isProviderWithSubdomain) {
+            return forms.providersWithSubdomain;
+        }
+        return forms.providers;
+    }, [
+        providerToEditName,
+        isProviderWithSubdomain
+    ]);
+    const handleToggleModal = ()=>{
+        setIsOpen((prev)=>!prev);
+    };
+    const handleClickEdit = (provider)=>{
+        if (canUpdate) {
+            setProviderToEditName(provider.name);
+            handleToggleModal();
+        }
+    };
+    const handleSubmit = async (values)=>{
+        trackUsage('willEditAuthenticationProvider');
+        submitMutation.mutate({
+            providers: {
+                ...data,
+                [providerToEditName]: values
+            }
+        });
+    };
+    if (isLoading) {
+        return /*#__PURE__*/ jsx(Page.Loading, {});
+    }
+    return /*#__PURE__*/ jsxs(Layouts.Root, {
+        children: [
+            /*#__PURE__*/ jsx(Page.Title, {
+                children: formatMessage({
+                    id: 'Settings.PageTitle',
+                    defaultMessage: 'Settings - {name}'
+                }, {
+                    name: formatMessage({
+                        id: getTrad('HeaderNav.link.providers'),
+                        defaultMessage: 'Providers'
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsxs(Page.Main, {
+                children: [
+                    /*#__PURE__*/ jsx(Layouts.Header, {
+                        title: formatMessage({
+                            id: getTrad('HeaderNav.link.providers'),
+                            defaultMessage: 'Providers'
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Layouts.Content, {
+                        children: /*#__PURE__*/ jsxs(Table, {
+                            colCount: 3,
+                            rowCount: providers.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: 'global.name',
+                                                        defaultMessage: 'Name'
+                                                    })
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsx(Th, {
+                                                children: /*#__PURE__*/ jsx(Typography, {
+                                                    variant: "sigma",
+                                                    textColor: "neutral600",
+                                                    children: formatMessage({
+                                                        id: getTrad('Providers.status'),
+                                                        defaultMessage: 'Status'
+                                                    })
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsx(Th, {
+                                                children: /*#__PURE__*/ jsx(Typography, {
+                                                    variant: "sigma",
+                                                    children: /*#__PURE__*/ jsx(VisuallyHidden, {
+                                                        children: formatMessage({
+                                                            id: 'global.settings',
+                                                            defaultMessage: 'Settings'
+                                                        })
+                                                    })
+                                                })
+                                            })
+                                        ]
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx(Tbody, {
+                                    children: providers.map((provider)=>/*#__PURE__*/ jsxs(Tr, {
+                                            onClick: ()=>canUpdate ? handleClickEdit(provider) : undefined,
+                                            children: [
+                                                /*#__PURE__*/ jsx(Td, {
+                                                    width: "45%",
+                                                    children: /*#__PURE__*/ jsx(Typography, {
+                                                        fontWeight: "semiBold",
+                                                        textColor: "neutral800",
+                                                        children: provider.name
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ jsx(Td, {
+                                                    width: "65%",
+                                                    children: /*#__PURE__*/ jsx(Typography, {
+                                                        textColor: provider.enabled ? 'success600' : 'danger600',
+                                                        "data-testid": `enable-${provider.name}`,
+                                                        children: provider.enabled ? formatMessage({
+                                                            id: 'global.enabled',
+                                                            defaultMessage: 'Enabled'
+                                                        }) : formatMessage({
+                                                            id: 'global.disabled',
+                                                            defaultMessage: 'Disabled'
+                                                        })
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ jsx(Td, {
+                                                    onClick: (e)=>e.stopPropagation(),
+                                                    children: canUpdate && /*#__PURE__*/ jsx(IconButton, {
+                                                        onClick: ()=>handleClickEdit(provider),
+                                                        variant: "ghost",
+                                                        label: "Edit",
+                                                        children: /*#__PURE__*/ jsx(Pencil, {})
+                                                    })
+                                                })
+                                            ]
+                                        }, provider.name))
+                                })
+                            ]
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(FormModal, {
+                initialData: data[providerToEditName],
+                isOpen: isOpen,
+                isSubmiting: submitMutation.isLoading,
+                layout: layoutToRender,
+                headerBreadcrumbs: [
+                    formatMessage({
+                        id: getTrad('PopUpForm.header.edit.providers'),
+                        defaultMessage: 'Edit Provider'
+                    }),
+                    upperFirst(providerToEditName)
+                ],
+                onToggle: handleToggleModal,
+                onSubmit: handleSubmit,
+                providerToEditName: providerToEditName
+            })
+        ]
+    });
+};
+const ProtectedProvidersPage = ()=>/*#__PURE__*/ jsx(Page.Protect, {
+        permissions: PERMISSIONS.readProviders,
+        children: /*#__PURE__*/ jsx(ProvidersPage, {})
+    });
+
+export { ProvidersPage, ProtectedProvidersPage as default };
+//# sourceMappingURL=index.mjs.map

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/Providers/utils/forms.js

@@ -0,0 +1,281 @@
+'use strict';
+
+var admin = require('@strapi/strapi/admin');
+var yup = require('yup');
+require('lodash/isEmpty');
+var getTrad = require('../../../utils/getTrad.js');
+
+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 yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
+
+const callbackLabel = {
+    id: getTrad('PopUpForm.Providers.redirectURL.front-end.label'),
+    defaultMessage: 'The redirect URL to your front-end app'
+};
+const callbackPlaceholder = {
+    id: 'http://www.client-app.com',
+    defaultMessage: 'http://www.client-app.com'
+};
+const enabledDescription = {
+    id: getTrad('PopUpForm.Providers.enabled.description'),
+    defaultMessage: "If disabled, users won't be able to use this provider."
+};
+const enabledLabel = {
+    id: getTrad('PopUpForm.Providers.enabled.label'),
+    defaultMessage: 'Enable'
+};
+const keyLabel = {
+    id: getTrad('PopUpForm.Providers.key.label'),
+    defaultMessage: 'Client ID'
+};
+const hintLabel = {
+    id: getTrad('PopUpForm.Providers.redirectURL.label'),
+    defaultMessage: 'The redirect URL to add in your {provider} application configurations'
+};
+const textPlaceholder = {
+    id: getTrad('PopUpForm.Providers.key.placeholder'),
+    defaultMessage: 'TEXT'
+};
+const secretLabel = {
+    id: getTrad('PopUpForm.Providers.secret.label'),
+    defaultMessage: 'Client Secret'
+};
+const CALLBACK_REGEX = /^$|^[a-z][a-z0-9+.-]*:\/\/[^\s/$.?#](?:[^\s]*[^\s/$.?#])?$/i;
+const SUBDOMAIN_REGEX = /^(([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+)(:\d+)?(\/\S*)?$/i;
+const forms = {
+    email: {
+        form: [
+            [
+                {
+                    intlLabel: enabledLabel,
+                    name: 'enabled',
+                    type: 'bool',
+                    description: enabledDescription,
+                    size: 6
+                }
+            ]
+        ],
+        schema: yup__namespace.object().shape({
+            enabled: yup__namespace.bool().required(admin.translatedErrors.required.id)
+        })
+    },
+    providers: {
+        form: [
+            [
+                {
+                    intlLabel: enabledLabel,
+                    name: 'enabled',
+                    type: 'bool',
+                    description: enabledDescription,
+                    size: 6,
+                    validations: {
+                        required: true
+                    }
+                }
+            ],
+            [
+                {
+                    intlLabel: keyLabel,
+                    name: 'key',
+                    type: 'text',
+                    placeholder: textPlaceholder,
+                    size: 12,
+                    validations: {
+                        required: true
+                    }
+                }
+            ],
+            [
+                {
+                    intlLabel: secretLabel,
+                    name: 'secret',
+                    type: 'text',
+                    placeholder: textPlaceholder,
+                    size: 12,
+                    validations: {
+                        required: true
+                    }
+                }
+            ],
+            [
+                {
+                    intlLabel: callbackLabel,
+                    placeholder: callbackPlaceholder,
+                    name: 'callback',
+                    type: 'text',
+                    size: 12,
+                    validations: {
+                        required: true
+                    }
+                }
+            ],
+            [
+                {
+                    intlLabel: hintLabel,
+                    name: 'noName',
+                    type: 'text',
+                    validations: {},
+                    size: 12,
+                    disabled: true
+                }
+            ]
+        ],
+        schema: yup__namespace.object().shape({
+            enabled: yup__namespace.bool().required(admin.translatedErrors.required.id),
+            key: yup__namespace.string().when('enabled', {
+                is: true,
+                then: yup__namespace.string().required(admin.translatedErrors.required.id),
+                otherwise: yup__namespace.string()
+            }),
+            secret: yup__namespace.string().when('enabled', {
+                is: true,
+                then: yup__namespace.string().required(admin.translatedErrors.required.id),
+                otherwise: yup__namespace.string()
+            }),
+            callback: yup__namespace.string().when('enabled', {
+                is: true,
+                then: yup__namespace.string().matches(CALLBACK_REGEX, admin.translatedErrors.regex.id).required(admin.translatedErrors.required.id),
+                otherwise: yup__namespace.string()
+            })
+        })
+    },
+    providersWithSubdomain: {
+        form: [
+            [
+                {
+                    intlLabel: enabledLabel,
+                    name: 'enabled',
+                    type: 'bool',
+                    description: enabledDescription,
+                    size: 6,
+                    validations: {
+                        required: true
+                    }
+                }
+            ],
+            [
+                {
+                    intlLabel: keyLabel,
+                    name: 'key',
+                    type: 'text',
+                    placeholder: textPlaceholder,
+                    size: 12,
+                    validations: {
+                        required: true
+                    }
+                }
+            ],
+            [
+                {
+                    intlLabel: secretLabel,
+                    name: 'secret',
+                    type: 'text',
+                    placeholder: textPlaceholder,
+                    size: 12,
+                    validations: {
+                        required: true
+                    }
+                }
+            ],
+            [
+                {
+                    intlLabel: {
+                        id: getTrad({
+                            id: 'PopUpForm.Providers.jwksurl.label'
+                        }),
+                        defaultMessage: 'JWKS URL'
+                    },
+                    name: 'jwksurl',
+                    type: 'text',
+                    placeholder: textPlaceholder,
+                    size: 12,
+                    validations: {
+                        required: false
+                    }
+                }
+            ],
+            [
+                {
+                    intlLabel: {
+                        id: getTrad('PopUpForm.Providers.subdomain.label'),
+                        defaultMessage: 'Host URI (Subdomain)'
+                    },
+                    name: 'subdomain',
+                    type: 'text',
+                    placeholder: {
+                        id: getTrad('PopUpForm.Providers.subdomain.placeholder'),
+                        defaultMessage: 'my.subdomain.com'
+                    },
+                    size: 12,
+                    validations: {
+                        required: true
+                    }
+                }
+            ],
+            [
+                {
+                    intlLabel: callbackLabel,
+                    placeholder: callbackPlaceholder,
+                    name: 'callback',
+                    type: 'text',
+                    size: 12,
+                    validations: {
+                        required: true
+                    }
+                }
+            ],
+            [
+                {
+                    intlLabel: hintLabel,
+                    name: 'noName',
+                    type: 'text',
+                    validations: {},
+                    size: 12,
+                    disabled: true
+                }
+            ]
+        ],
+        schema: yup__namespace.object().shape({
+            enabled: yup__namespace.bool().required(admin.translatedErrors.required.id),
+            key: yup__namespace.string().when('enabled', {
+                is: true,
+                then: yup__namespace.string().required(admin.translatedErrors.required.id),
+                otherwise: yup__namespace.string()
+            }),
+            secret: yup__namespace.string().when('enabled', {
+                is: true,
+                then: yup__namespace.string().required(admin.translatedErrors.required.id),
+                otherwise: yup__namespace.string()
+            }),
+            subdomain: yup__namespace.string().when('enabled', {
+                is: true,
+                then: yup__namespace.string().matches(SUBDOMAIN_REGEX, admin.translatedErrors.regex.id).required(admin.translatedErrors.required.id),
+                otherwise: yup__namespace.string()
+            }),
+            callback: yup__namespace.string().when('enabled', {
+                is: true,
+                then: yup__namespace.string().matches(CALLBACK_REGEX, admin.translatedErrors.regex.id).required(admin.translatedErrors.required.id),
+                otherwise: yup__namespace.string()
+            })
+        })
+    }
+};
+
+module.exports = forms;
+//# sourceMappingURL=forms.js.map

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/Providers/utils/forms.mjs

@@ -0,0 +1,260 @@
+import { translatedErrors } from '@strapi/strapi/admin';
+import * as yup from 'yup';
+import 'lodash/isEmpty';
+import getTrad from '../../../utils/getTrad.mjs';
+
+const callbackLabel = {
+    id: getTrad('PopUpForm.Providers.redirectURL.front-end.label'),
+    defaultMessage: 'The redirect URL to your front-end app'
+};
+const callbackPlaceholder = {
+    id: 'http://www.client-app.com',
+    defaultMessage: 'http://www.client-app.com'
+};
+const enabledDescription = {
+    id: getTrad('PopUpForm.Providers.enabled.description'),
+    defaultMessage: "If disabled, users won't be able to use this provider."
+};
+const enabledLabel = {
+    id: getTrad('PopUpForm.Providers.enabled.label'),
+    defaultMessage: 'Enable'
+};
+const keyLabel = {
+    id: getTrad('PopUpForm.Providers.key.label'),
+    defaultMessage: 'Client ID'
+};
+const hintLabel = {
+    id: getTrad('PopUpForm.Providers.redirectURL.label'),
+    defaultMessage: 'The redirect URL to add in your {provider} application configurations'
+};
+const textPlaceholder = {
+    id: getTrad('PopUpForm.Providers.key.placeholder'),
+    defaultMessage: 'TEXT'
+};
+const secretLabel = {
+    id: getTrad('PopUpForm.Providers.secret.label'),
+    defaultMessage: 'Client Secret'
+};
+const CALLBACK_REGEX = /^$|^[a-z][a-z0-9+.-]*:\/\/[^\s/$.?#](?:[^\s]*[^\s/$.?#])?$/i;
+const SUBDOMAIN_REGEX = /^(([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+)(:\d+)?(\/\S*)?$/i;
+const forms = {
+    email: {
+        form: [
+            [
+                {
+                    intlLabel: enabledLabel,
+                    name: 'enabled',
+                    type: 'bool',
+                    description: enabledDescription,
+                    size: 6
+                }
+            ]
+        ],
+        schema: yup.object().shape({
+            enabled: yup.bool().required(translatedErrors.required.id)
+        })
+    },
+    providers: {
+        form: [
+            [
+                {
+                    intlLabel: enabledLabel,
+                    name: 'enabled',
+                    type: 'bool',
+                    description: enabledDescription,
+                    size: 6,
+                    validations: {
+                        required: true
+                    }
+                }
+            ],
+            [
+                {
+                    intlLabel: keyLabel,
+                    name: 'key',
+                    type: 'text',
+                    placeholder: textPlaceholder,
+                    size: 12,
+                    validations: {
+                        required: true
+                    }
+                }
+            ],
+            [
+                {
+                    intlLabel: secretLabel,
+                    name: 'secret',
+                    type: 'text',
+                    placeholder: textPlaceholder,
+                    size: 12,
+                    validations: {
+                        required: true
+                    }
+                }
+            ],
+            [
+                {
+                    intlLabel: callbackLabel,
+                    placeholder: callbackPlaceholder,
+                    name: 'callback',
+                    type: 'text',
+                    size: 12,
+                    validations: {
+                        required: true
+                    }
+                }
+            ],
+            [
+                {
+                    intlLabel: hintLabel,
+                    name: 'noName',
+                    type: 'text',
+                    validations: {},
+                    size: 12,
+                    disabled: true
+                }
+            ]
+        ],
+        schema: yup.object().shape({
+            enabled: yup.bool().required(translatedErrors.required.id),
+            key: yup.string().when('enabled', {
+                is: true,
+                then: yup.string().required(translatedErrors.required.id),
+                otherwise: yup.string()
+            }),
+            secret: yup.string().when('enabled', {
+                is: true,
+                then: yup.string().required(translatedErrors.required.id),
+                otherwise: yup.string()
+            }),
+            callback: yup.string().when('enabled', {
+                is: true,
+                then: yup.string().matches(CALLBACK_REGEX, translatedErrors.regex.id).required(translatedErrors.required.id),
+                otherwise: yup.string()
+            })
+        })
+    },
+    providersWithSubdomain: {
+        form: [
+            [
+                {
+                    intlLabel: enabledLabel,
+                    name: 'enabled',
+                    type: 'bool',
+                    description: enabledDescription,
+                    size: 6,
+                    validations: {
+                        required: true
+                    }
+                }
+            ],
+            [
+                {
+                    intlLabel: keyLabel,
+                    name: 'key',
+                    type: 'text',
+                    placeholder: textPlaceholder,
+                    size: 12,
+                    validations: {
+                        required: true
+                    }
+                }
+            ],
+            [
+                {
+                    intlLabel: secretLabel,
+                    name: 'secret',
+                    type: 'text',
+                    placeholder: textPlaceholder,
+                    size: 12,
+                    validations: {
+                        required: true
+                    }
+                }
+            ],
+            [
+                {
+                    intlLabel: {
+                        id: getTrad({
+                            id: 'PopUpForm.Providers.jwksurl.label'
+                        }),
+                        defaultMessage: 'JWKS URL'
+                    },
+                    name: 'jwksurl',
+                    type: 'text',
+                    placeholder: textPlaceholder,
+                    size: 12,
+                    validations: {
+                        required: false
+                    }
+                }
+            ],
+            [
+                {
+                    intlLabel: {
+                        id: getTrad('PopUpForm.Providers.subdomain.label'),
+                        defaultMessage: 'Host URI (Subdomain)'
+                    },
+                    name: 'subdomain',
+                    type: 'text',
+                    placeholder: {
+                        id: getTrad('PopUpForm.Providers.subdomain.placeholder'),
+                        defaultMessage: 'my.subdomain.com'
+                    },
+                    size: 12,
+                    validations: {
+                        required: true
+                    }
+                }
+            ],
+            [
+                {
+                    intlLabel: callbackLabel,
+                    placeholder: callbackPlaceholder,
+                    name: 'callback',
+                    type: 'text',
+                    size: 12,
+                    validations: {
+                        required: true
+                    }
+                }
+            ],
+            [
+                {
+                    intlLabel: hintLabel,
+                    name: 'noName',
+                    type: 'text',
+                    validations: {},
+                    size: 12,
+                    disabled: true
+                }
+            ]
+        ],
+        schema: yup.object().shape({
+            enabled: yup.bool().required(translatedErrors.required.id),
+            key: yup.string().when('enabled', {
+                is: true,
+                then: yup.string().required(translatedErrors.required.id),
+                otherwise: yup.string()
+            }),
+            secret: yup.string().when('enabled', {
+                is: true,
+                then: yup.string().required(translatedErrors.required.id),
+                otherwise: yup.string()
+            }),
+            subdomain: yup.string().when('enabled', {
+                is: true,
+                then: yup.string().matches(SUBDOMAIN_REGEX, translatedErrors.regex.id).required(translatedErrors.required.id),
+                otherwise: yup.string()
+            }),
+            callback: yup.string().when('enabled', {
+                is: true,
+                then: yup.string().matches(CALLBACK_REGEX, translatedErrors.regex.id).required(translatedErrors.required.id),
+                otherwise: yup.string()
+            })
+        })
+    }
+};
+
+export { forms as default };
+//# sourceMappingURL=forms.mjs.map

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/Roles/constants.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var admin = require('@strapi/strapi/admin');
+var yup = require('yup');
+
+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 yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
+
+const createRoleSchema = yup__namespace.object().shape({
+    name: yup__namespace.string().required(admin.translatedErrors.required.id),
+    description: yup__namespace.string().required(admin.translatedErrors.required.id)
+});
+
+exports.createRoleSchema = createRoleSchema;
+//# sourceMappingURL=constants.js.map

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/Roles/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../admin/src/pages/Roles/constants.js"],"sourcesContent":["import { translatedErrors } from '@strapi/strapi/admin';\nimport * as yup from 'yup';\n\nexport const createRoleSchema = yup.object().shape({\n  name: yup.string().required(translatedErrors.required.id),\n  description: yup.string().required(translatedErrors.required.id),\n});\n"],"names":["createRoleSchema","yup","object","shape","name","string","required","translatedErrors","id","description"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;MAGaA,gBAAmBC,GAAAA,cAAAA,CAAIC,MAAM,EAAA,CAAGC,KAAK,CAAC;IACjDC,IAAMH,EAAAA,cAAAA,CAAII,MAAM,EAAGC,CAAAA,QAAQ,CAACC,sBAAiBD,CAAAA,QAAQ,CAACE,EAAE,CAAA;IACxDC,WAAaR,EAAAA,cAAAA,CAAII,MAAM,EAAGC,CAAAA,QAAQ,CAACC,sBAAiBD,CAAAA,QAAQ,CAACE,EAAE;AACjE,CAAG;;;;"}

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/Roles/constants.mjs

@@ -0,0 +1,10 @@
+import { translatedErrors } from '@strapi/strapi/admin';
+import * as yup from 'yup';
+
+const createRoleSchema = yup.object().shape({
+    name: yup.string().required(translatedErrors.required.id),
+    description: yup.string().required(translatedErrors.required.id)
+});
+
+export { createRoleSchema };
+//# sourceMappingURL=constants.mjs.map

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/Roles/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../../admin/src/pages/Roles/constants.js"],"sourcesContent":["import { translatedErrors } from '@strapi/strapi/admin';\nimport * as yup from 'yup';\n\nexport const createRoleSchema = yup.object().shape({\n  name: yup.string().required(translatedErrors.required.id),\n  description: yup.string().required(translatedErrors.required.id),\n});\n"],"names":["createRoleSchema","yup","object","shape","name","string","required","translatedErrors","id","description"],"mappings":";;;MAGaA,gBAAmBC,GAAAA,GAAAA,CAAIC,MAAM,EAAA,CAAGC,KAAK,CAAC;IACjDC,IAAMH,EAAAA,GAAAA,CAAII,MAAM,EAAGC,CAAAA,QAAQ,CAACC,gBAAiBD,CAAAA,QAAQ,CAACE,EAAE,CAAA;IACxDC,WAAaR,EAAAA,GAAAA,CAAII,MAAM,EAAGC,CAAAA,QAAQ,CAACC,gBAAiBD,CAAAA,QAAQ,CAACE,EAAE;AACjE,CAAG;;;;"}

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/Roles/hooks/usePlugins.js

@@ -0,0 +1,78 @@
+'use strict';
+
+var React = require('react');
+var admin = require('@strapi/strapi/admin');
+var reactQuery = require('react-query');
+var cleanPermissions = require('../../../utils/cleanPermissions.js');
+var getTrad = require('../../../utils/getTrad.js');
+
+const usePlugins = ()=>{
+    const { toggleNotification } = admin.useNotification();
+    const { get } = admin.useFetchClient();
+    const { formatAPIError } = admin.useAPIErrorHandler(getTrad);
+    const [{ data: permissions, isLoading: isLoadingPermissions, error: permissionsError, refetch: refetchPermissions }, { data: routes, isLoading: isLoadingRoutes, error: routesError, refetch: refetchRoutes }] = reactQuery.useQueries([
+        {
+            queryKey: [
+                'users-permissions',
+                'permissions'
+            ],
+            async queryFn () {
+                const { data: { permissions } } = await get(`/users-permissions/permissions`);
+                return permissions;
+            }
+        },
+        {
+            queryKey: [
+                'users-permissions',
+                'routes'
+            ],
+            async queryFn () {
+                const { data: { routes } } = await get(`/users-permissions/routes`);
+                return routes;
+            }
+        }
+    ]);
+    const refetchQueries = async ()=>{
+        await Promise.all([
+            refetchPermissions(),
+            refetchRoutes()
+        ]);
+    };
+    React.useEffect(()=>{
+        if (permissionsError) {
+            toggleNotification({
+                type: 'danger',
+                message: formatAPIError(permissionsError)
+            });
+        }
+    }, [
+        toggleNotification,
+        permissionsError,
+        formatAPIError
+    ]);
+    React.useEffect(()=>{
+        if (routesError) {
+            toggleNotification({
+                type: 'danger',
+                message: formatAPIError(routesError)
+            });
+        }
+    }, [
+        toggleNotification,
+        routesError,
+        formatAPIError
+    ]);
+    const isLoading = isLoadingPermissions || isLoadingRoutes;
+    return {
+        // TODO: these return values need to be memoized, otherwise
+        // they will create infinite rendering loops when used as
+        // effect dependencies
+        permissions: permissions ? cleanPermissions(permissions) : {},
+        routes: routes ?? {},
+        getData: refetchQueries,
+        isLoading
+    };
+};
+
+exports.usePlugins = usePlugins;
+//# sourceMappingURL=usePlugins.js.map

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/Roles/hooks/usePlugins.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePlugins.js","sources":["../../../../../admin/src/pages/Roles/hooks/usePlugins.js"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useAPIErrorHandler, useNotification, useFetchClient } from '@strapi/strapi/admin';\nimport { useQueries } from 'react-query';\n\nimport { cleanPermissions, getTrad } from '../../../utils';\n\nexport const usePlugins = () => {\n  const { toggleNotification } = useNotification();\n  const { get } = useFetchClient();\n  const { formatAPIError } = useAPIErrorHandler(getTrad);\n\n  const [\n    {\n      data: permissions,\n      isLoading: isLoadingPermissions,\n      error: permissionsError,\n      refetch: refetchPermissions,\n    },\n    { data: routes, isLoading: isLoadingRoutes, error: routesError, refetch: refetchRoutes },\n  ] = useQueries([\n    {\n      queryKey: ['users-permissions', 'permissions'],\n      async queryFn() {\n        const {\n          data: { permissions },\n        } = await get(`/users-permissions/permissions`);\n\n        return permissions;\n      },\n    },\n    {\n      queryKey: ['users-permissions', 'routes'],\n      async queryFn() {\n        const {\n          data: { routes },\n        } = await get(`/users-permissions/routes`);\n\n        return routes;\n      },\n    },\n  ]);\n\n  const refetchQueries = async () => {\n    await Promise.all([refetchPermissions(), refetchRoutes()]);\n  };\n\n  useEffect(() => {\n    if (permissionsError) {\n      toggleNotification({\n        type: 'danger',\n        message: formatAPIError(permissionsError),\n      });\n    }\n  }, [toggleNotification, permissionsError, formatAPIError]);\n\n  useEffect(() => {\n    if (routesError) {\n      toggleNotification({\n        type: 'danger',\n        message: formatAPIError(routesError),\n      });\n    }\n  }, [toggleNotification, routesError, formatAPIError]);\n\n  const isLoading = isLoadingPermissions || isLoadingRoutes;\n\n  return {\n    // TODO: these return values need to be memoized, otherwise\n    // they will create infinite rendering loops when used as\n    // effect dependencies\n    permissions: permissions ? cleanPermissions(permissions) : {},\n    routes: routes ?? {},\n\n    getData: refetchQueries,\n    isLoading,\n  };\n};\n"],"names":["usePlugins","toggleNotification","useNotification","get","useFetchClient","formatAPIError","useAPIErrorHandler","getTrad","data","permissions","isLoading","isLoadingPermissions","error","permissionsError","refetch","refetchPermissions","routes","isLoadingRoutes","routesError","refetchRoutes","useQueries","queryKey","queryFn","refetchQueries","Promise","all","useEffect","type","message","cleanPermissions","getData"],"mappings":";;;;;;;;MAOaA,UAAa,GAAA,IAAA;IACxB,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,qBAAAA,EAAAA;IAC/B,MAAM,EAAEC,GAAG,EAAE,GAAGC,oBAAAA,EAAAA;AAChB,IAAA,MAAM,EAAEC,cAAc,EAAE,GAAGC,wBAAmBC,CAAAA,OAAAA,CAAAA;AAE9C,IAAA,MAAM,CACJ,EACEC,IAAMC,EAAAA,WAAW,EACjBC,SAAAA,EAAWC,oBAAoB,EAC/BC,KAAOC,EAAAA,gBAAgB,EACvBC,OAAAA,EAASC,kBAAkB,EAC5B,EACD,EAAEP,IAAAA,EAAMQ,MAAM,EAAEN,SAAWO,EAAAA,eAAe,EAAEL,KAAAA,EAAOM,WAAW,EAAEJ,OAASK,EAAAA,aAAa,EAAE,CACzF,GAAGC,qBAAW,CAAA;AACb,QAAA;YACEC,QAAU,EAAA;AAAC,gBAAA,mBAAA;AAAqB,gBAAA;AAAc,aAAA;YAC9C,MAAMC,OAAAA,CAAAA,GAAAA;gBACJ,MAAM,EACJd,IAAM,EAAA,EAAEC,WAAW,EAAE,EACtB,GAAG,MAAMN,GAAAA,CAAI,CAAC,8BAA8B,CAAC,CAAA;gBAE9C,OAAOM,WAAAA;AACT;AACF,SAAA;AACA,QAAA;YACEY,QAAU,EAAA;AAAC,gBAAA,mBAAA;AAAqB,gBAAA;AAAS,aAAA;YACzC,MAAMC,OAAAA,CAAAA,GAAAA;gBACJ,MAAM,EACJd,IAAM,EAAA,EAAEQ,MAAM,EAAE,EACjB,GAAG,MAAMb,GAAAA,CAAI,CAAC,yBAAyB,CAAC,CAAA;gBAEzC,OAAOa,MAAAA;AACT;AACF;AACD,KAAA,CAAA;AAED,IAAA,MAAMO,cAAiB,GAAA,UAAA;QACrB,MAAMC,OAAAA,CAAQC,GAAG,CAAC;AAACV,YAAAA,kBAAAA,EAAAA;AAAsBI,YAAAA,aAAAA;AAAgB,SAAA,CAAA;AAC3D,KAAA;IAEAO,eAAU,CAAA,IAAA;AACR,QAAA,IAAIb,gBAAkB,EAAA;YACpBZ,kBAAmB,CAAA;gBACjB0B,IAAM,EAAA,QAAA;AACNC,gBAAAA,OAAAA,EAASvB,cAAeQ,CAAAA,gBAAAA;AAC1B,aAAA,CAAA;AACF;KACC,EAAA;AAACZ,QAAAA,kBAAAA;AAAoBY,QAAAA,gBAAAA;AAAkBR,QAAAA;AAAe,KAAA,CAAA;IAEzDqB,eAAU,CAAA,IAAA;AACR,QAAA,IAAIR,WAAa,EAAA;YACfjB,kBAAmB,CAAA;gBACjB0B,IAAM,EAAA,QAAA;AACNC,gBAAAA,OAAAA,EAASvB,cAAea,CAAAA,WAAAA;AAC1B,aAAA,CAAA;AACF;KACC,EAAA;AAACjB,QAAAA,kBAAAA;AAAoBiB,QAAAA,WAAAA;AAAab,QAAAA;AAAe,KAAA,CAAA;AAEpD,IAAA,MAAMK,YAAYC,oBAAwBM,IAAAA,eAAAA;IAE1C,OAAO;;;;QAILR,WAAaA,EAAAA,WAAAA,GAAcoB,gBAAiBpB,CAAAA,WAAAA,CAAAA,GAAe,EAAC;AAC5DO,QAAAA,MAAAA,EAAQA,UAAU,EAAC;QAEnBc,OAASP,EAAAA,cAAAA;AACTb,QAAAA;AACF,KAAA;AACF;;;;"}

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/Roles/hooks/usePlugins.mjs

@@ -0,0 +1,76 @@
+import { useEffect } from 'react';
+import { useNotification, useFetchClient, useAPIErrorHandler } from '@strapi/strapi/admin';
+import { useQueries } from 'react-query';
+import cleanPermissions from '../../../utils/cleanPermissions.mjs';
+import getTrad from '../../../utils/getTrad.mjs';
+
+const usePlugins = ()=>{
+    const { toggleNotification } = useNotification();
+    const { get } = useFetchClient();
+    const { formatAPIError } = useAPIErrorHandler(getTrad);
+    const [{ data: permissions, isLoading: isLoadingPermissions, error: permissionsError, refetch: refetchPermissions }, { data: routes, isLoading: isLoadingRoutes, error: routesError, refetch: refetchRoutes }] = useQueries([
+        {
+            queryKey: [
+                'users-permissions',
+                'permissions'
+            ],
+            async queryFn () {
+                const { data: { permissions } } = await get(`/users-permissions/permissions`);
+                return permissions;
+            }
+        },
+        {
+            queryKey: [
+                'users-permissions',
+                'routes'
+            ],
+            async queryFn () {
+                const { data: { routes } } = await get(`/users-permissions/routes`);
+                return routes;
+            }
+        }
+    ]);
+    const refetchQueries = async ()=>{
+        await Promise.all([
+            refetchPermissions(),
+            refetchRoutes()
+        ]);
+    };
+    useEffect(()=>{
+        if (permissionsError) {
+            toggleNotification({
+                type: 'danger',
+                message: formatAPIError(permissionsError)
+            });
+        }
+    }, [
+        toggleNotification,
+        permissionsError,
+        formatAPIError
+    ]);
+    useEffect(()=>{
+        if (routesError) {
+            toggleNotification({
+                type: 'danger',
+                message: formatAPIError(routesError)
+            });
+        }
+    }, [
+        toggleNotification,
+        routesError,
+        formatAPIError
+    ]);
+    const isLoading = isLoadingPermissions || isLoadingRoutes;
+    return {
+        // TODO: these return values need to be memoized, otherwise
+        // they will create infinite rendering loops when used as
+        // effect dependencies
+        permissions: permissions ? cleanPermissions(permissions) : {},
+        routes: routes ?? {},
+        getData: refetchQueries,
+        isLoading
+    };
+};
+
+export { usePlugins };
+//# sourceMappingURL=usePlugins.mjs.map

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/Roles/hooks/usePlugins.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePlugins.mjs","sources":["../../../../../admin/src/pages/Roles/hooks/usePlugins.js"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useAPIErrorHandler, useNotification, useFetchClient } from '@strapi/strapi/admin';\nimport { useQueries } from 'react-query';\n\nimport { cleanPermissions, getTrad } from '../../../utils';\n\nexport const usePlugins = () => {\n  const { toggleNotification } = useNotification();\n  const { get } = useFetchClient();\n  const { formatAPIError } = useAPIErrorHandler(getTrad);\n\n  const [\n    {\n      data: permissions,\n      isLoading: isLoadingPermissions,\n      error: permissionsError,\n      refetch: refetchPermissions,\n    },\n    { data: routes, isLoading: isLoadingRoutes, error: routesError, refetch: refetchRoutes },\n  ] = useQueries([\n    {\n      queryKey: ['users-permissions', 'permissions'],\n      async queryFn() {\n        const {\n          data: { permissions },\n        } = await get(`/users-permissions/permissions`);\n\n        return permissions;\n      },\n    },\n    {\n      queryKey: ['users-permissions', 'routes'],\n      async queryFn() {\n        const {\n          data: { routes },\n        } = await get(`/users-permissions/routes`);\n\n        return routes;\n      },\n    },\n  ]);\n\n  const refetchQueries = async () => {\n    await Promise.all([refetchPermissions(), refetchRoutes()]);\n  };\n\n  useEffect(() => {\n    if (permissionsError) {\n      toggleNotification({\n        type: 'danger',\n        message: formatAPIError(permissionsError),\n      });\n    }\n  }, [toggleNotification, permissionsError, formatAPIError]);\n\n  useEffect(() => {\n    if (routesError) {\n      toggleNotification({\n        type: 'danger',\n        message: formatAPIError(routesError),\n      });\n    }\n  }, [toggleNotification, routesError, formatAPIError]);\n\n  const isLoading = isLoadingPermissions || isLoadingRoutes;\n\n  return {\n    // TODO: these return values need to be memoized, otherwise\n    // they will create infinite rendering loops when used as\n    // effect dependencies\n    permissions: permissions ? cleanPermissions(permissions) : {},\n    routes: routes ?? {},\n\n    getData: refetchQueries,\n    isLoading,\n  };\n};\n"],"names":["usePlugins","toggleNotification","useNotification","get","useFetchClient","formatAPIError","useAPIErrorHandler","getTrad","data","permissions","isLoading","isLoadingPermissions","error","permissionsError","refetch","refetchPermissions","routes","isLoadingRoutes","routesError","refetchRoutes","useQueries","queryKey","queryFn","refetchQueries","Promise","all","useEffect","type","message","cleanPermissions","getData"],"mappings":";;;;;;MAOaA,UAAa,GAAA,IAAA;IACxB,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,eAAAA,EAAAA;IAC/B,MAAM,EAAEC,GAAG,EAAE,GAAGC,cAAAA,EAAAA;AAChB,IAAA,MAAM,EAAEC,cAAc,EAAE,GAAGC,kBAAmBC,CAAAA,OAAAA,CAAAA;AAE9C,IAAA,MAAM,CACJ,EACEC,IAAMC,EAAAA,WAAW,EACjBC,SAAAA,EAAWC,oBAAoB,EAC/BC,KAAOC,EAAAA,gBAAgB,EACvBC,OAAAA,EAASC,kBAAkB,EAC5B,EACD,EAAEP,IAAAA,EAAMQ,MAAM,EAAEN,SAAWO,EAAAA,eAAe,EAAEL,KAAAA,EAAOM,WAAW,EAAEJ,OAASK,EAAAA,aAAa,EAAE,CACzF,GAAGC,UAAW,CAAA;AACb,QAAA;YACEC,QAAU,EAAA;AAAC,gBAAA,mBAAA;AAAqB,gBAAA;AAAc,aAAA;YAC9C,MAAMC,OAAAA,CAAAA,GAAAA;gBACJ,MAAM,EACJd,IAAM,EAAA,EAAEC,WAAW,EAAE,EACtB,GAAG,MAAMN,GAAAA,CAAI,CAAC,8BAA8B,CAAC,CAAA;gBAE9C,OAAOM,WAAAA;AACT;AACF,SAAA;AACA,QAAA;YACEY,QAAU,EAAA;AAAC,gBAAA,mBAAA;AAAqB,gBAAA;AAAS,aAAA;YACzC,MAAMC,OAAAA,CAAAA,GAAAA;gBACJ,MAAM,EACJd,IAAM,EAAA,EAAEQ,MAAM,EAAE,EACjB,GAAG,MAAMb,GAAAA,CAAI,CAAC,yBAAyB,CAAC,CAAA;gBAEzC,OAAOa,MAAAA;AACT;AACF;AACD,KAAA,CAAA;AAED,IAAA,MAAMO,cAAiB,GAAA,UAAA;QACrB,MAAMC,OAAAA,CAAQC,GAAG,CAAC;AAACV,YAAAA,kBAAAA,EAAAA;AAAsBI,YAAAA,aAAAA;AAAgB,SAAA,CAAA;AAC3D,KAAA;IAEAO,SAAU,CAAA,IAAA;AACR,QAAA,IAAIb,gBAAkB,EAAA;YACpBZ,kBAAmB,CAAA;gBACjB0B,IAAM,EAAA,QAAA;AACNC,gBAAAA,OAAAA,EAASvB,cAAeQ,CAAAA,gBAAAA;AAC1B,aAAA,CAAA;AACF;KACC,EAAA;AAACZ,QAAAA,kBAAAA;AAAoBY,QAAAA,gBAAAA;AAAkBR,QAAAA;AAAe,KAAA,CAAA;IAEzDqB,SAAU,CAAA,IAAA;AACR,QAAA,IAAIR,WAAa,EAAA;YACfjB,kBAAmB,CAAA;gBACjB0B,IAAM,EAAA,QAAA;AACNC,gBAAAA,OAAAA,EAASvB,cAAea,CAAAA,WAAAA;AAC1B,aAAA,CAAA;AACF;KACC,EAAA;AAACjB,QAAAA,kBAAAA;AAAoBiB,QAAAA,WAAAA;AAAab,QAAAA;AAAe,KAAA,CAAA;AAEpD,IAAA,MAAMK,YAAYC,oBAAwBM,IAAAA,eAAAA;IAE1C,OAAO;;;;QAILR,WAAaA,EAAAA,WAAAA,GAAcoB,gBAAiBpB,CAAAA,WAAAA,CAAAA,GAAe,EAAC;AAC5DO,QAAAA,MAAAA,EAAQA,UAAU,EAAC;QAEnBc,OAASP,EAAAA,cAAAA;AACTb,QAAAA;AACF,KAAA;AACF;;;;"}

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/Roles/index.js

@@ -0,0 +1,35 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var admin = require('@strapi/strapi/admin');
+var reactRouterDom = require('react-router-dom');
+var constants = require('../../constants.js');
+var CreatePage = require('./pages/CreatePage.js');
+var EditPage = require('./pages/EditPage.js');
+var index = require('./pages/ListPage/index.js');
+
+const Roles = ()=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(admin.Page.Protect, {
+        permissions: constants.PERMISSIONS.accessRoles,
+        children: /*#__PURE__*/ jsxRuntime.jsxs(reactRouterDom.Routes, {
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Route, {
+                    index: true,
+                    element: /*#__PURE__*/ jsxRuntime.jsx(index.ProtectedRolesListPage, {})
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Route, {
+                    path: "new",
+                    element: /*#__PURE__*/ jsxRuntime.jsx(CreatePage.ProtectedRolesCreatePage, {})
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Route, {
+                    path: ":id",
+                    element: /*#__PURE__*/ jsxRuntime.jsx(EditPage.ProtectedRolesEditPage, {})
+                })
+            ]
+        })
+    });
+};
+
+module.exports = Roles;
+//# sourceMappingURL=index.js.map

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/Roles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../admin/src/pages/Roles/index.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Page } from '@strapi/strapi/admin';\nimport { Route, Routes } from 'react-router-dom';\n\nimport { PERMISSIONS } from '../../constants';\n\nimport { ProtectedRolesCreatePage } from './pages/CreatePage';\nimport { ProtectedRolesEditPage } from './pages/EditPage';\nimport { ProtectedRolesListPage } from './pages/ListPage';\n\nconst Roles = () => {\n  return (\n    <Page.Protect permissions={PERMISSIONS.accessRoles}>\n      <Routes>\n        <Route index element={<ProtectedRolesListPage />} />\n        <Route path=\"new\" element={<ProtectedRolesCreatePage />} />\n        <Route path=\":id\" element={<ProtectedRolesEditPage />} />\n      </Routes>\n    </Page.Protect>\n  );\n};\n\nexport default Roles;\n"],"names":["Roles","_jsx","Page","Protect","permissions","PERMISSIONS","accessRoles","_jsxs","Routes","Route","index","element","ProtectedRolesListPage","path","ProtectedRolesCreatePage","ProtectedRolesEditPage"],"mappings":";;;;;;;;;;;AAWA,MAAMA,KAAQ,GAAA,IAAA;IACZ,qBACEC,cAAA,CAACC,WAAKC,OAAO,EAAA;AAACC,QAAAA,WAAAA,EAAaC,sBAAYC,WAAW;AAChD,QAAA,QAAA,gBAAAC,eAACC,CAAAA,qBAAAA,EAAAA;;8BACCP,cAACQ,CAAAA,oBAAAA,EAAAA;oBAAMC,KAAK,EAAA,IAAA;AAACC,oBAAAA,OAAAA,gBAASV,cAACW,CAAAA,4BAAAA,EAAAA,EAAAA;;8BACvBX,cAACQ,CAAAA,oBAAAA,EAAAA;oBAAMI,IAAK,EAAA,KAAA;AAAMF,oBAAAA,OAAAA,gBAASV,cAACa,CAAAA,mCAAAA,EAAAA,EAAAA;;8BAC5Bb,cAACQ,CAAAA,oBAAAA,EAAAA;oBAAMI,IAAK,EAAA,KAAA;AAAMF,oBAAAA,OAAAA,gBAASV,cAACc,CAAAA,+BAAAA,EAAAA,EAAAA;;;;;AAIpC;;;;"}

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/Roles/index.mjs

@@ -0,0 +1,33 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react';
+import { Page } from '@strapi/strapi/admin';
+import { Routes, Route } from 'react-router-dom';
+import { PERMISSIONS } from '../../constants.mjs';
+import { ProtectedRolesCreatePage } from './pages/CreatePage.mjs';
+import { ProtectedRolesEditPage } from './pages/EditPage.mjs';
+import { ProtectedRolesListPage } from './pages/ListPage/index.mjs';
+
+const Roles = ()=>{
+    return /*#__PURE__*/ jsx(Page.Protect, {
+        permissions: PERMISSIONS.accessRoles,
+        children: /*#__PURE__*/ jsxs(Routes, {
+            children: [
+                /*#__PURE__*/ jsx(Route, {
+                    index: true,
+                    element: /*#__PURE__*/ jsx(ProtectedRolesListPage, {})
+                }),
+                /*#__PURE__*/ jsx(Route, {
+                    path: "new",
+                    element: /*#__PURE__*/ jsx(ProtectedRolesCreatePage, {})
+                }),
+                /*#__PURE__*/ jsx(Route, {
+                    path: ":id",
+                    element: /*#__PURE__*/ jsx(ProtectedRolesEditPage, {})
+                })
+            ]
+        })
+    });
+};
+
+export { Roles as default };
+//# sourceMappingURL=index.mjs.map

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/Roles/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../admin/src/pages/Roles/index.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Page } from '@strapi/strapi/admin';\nimport { Route, Routes } from 'react-router-dom';\n\nimport { PERMISSIONS } from '../../constants';\n\nimport { ProtectedRolesCreatePage } from './pages/CreatePage';\nimport { ProtectedRolesEditPage } from './pages/EditPage';\nimport { ProtectedRolesListPage } from './pages/ListPage';\n\nconst Roles = () => {\n  return (\n    <Page.Protect permissions={PERMISSIONS.accessRoles}>\n      <Routes>\n        <Route index element={<ProtectedRolesListPage />} />\n        <Route path=\"new\" element={<ProtectedRolesCreatePage />} />\n        <Route path=\":id\" element={<ProtectedRolesEditPage />} />\n      </Routes>\n    </Page.Protect>\n  );\n};\n\nexport default Roles;\n"],"names":["Roles","_jsx","Page","Protect","permissions","PERMISSIONS","accessRoles","_jsxs","Routes","Route","index","element","ProtectedRolesListPage","path","ProtectedRolesCreatePage","ProtectedRolesEditPage"],"mappings":";;;;;;;;;AAWA,MAAMA,KAAQ,GAAA,IAAA;IACZ,qBACEC,GAAA,CAACC,KAAKC,OAAO,EAAA;AAACC,QAAAA,WAAAA,EAAaC,YAAYC,WAAW;AAChD,QAAA,QAAA,gBAAAC,IAACC,CAAAA,MAAAA,EAAAA;;8BACCP,GAACQ,CAAAA,KAAAA,EAAAA;oBAAMC,KAAK,EAAA,IAAA;AAACC,oBAAAA,OAAAA,gBAASV,GAACW,CAAAA,sBAAAA,EAAAA,EAAAA;;8BACvBX,GAACQ,CAAAA,KAAAA,EAAAA;oBAAMI,IAAK,EAAA,KAAA;AAAMF,oBAAAA,OAAAA,gBAASV,GAACa,CAAAA,wBAAAA,EAAAA,EAAAA;;8BAC5Bb,GAACQ,CAAAA,KAAAA,EAAAA;oBAAMI,IAAK,EAAA,KAAA;AAAMF,oBAAAA,OAAAA,gBAASV,GAACc,CAAAA,sBAAAA,EAAAA,EAAAA;;;;;AAIpC;;;;"}

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/Roles/pages/CreatePage.js

@@ -0,0 +1,225 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var admin = require('@strapi/strapi/admin');
+var formik = require('formik');
+var reactIntl = require('react-intl');
+var reactQuery = require('react-query');
+var reactRouterDom = require('react-router-dom');
+var index = require('../../../components/UsersPermissions/index.js');
+var constants = require('../../../constants.js');
+var getTrad = require('../../../utils/getTrad.js');
+var constants$1 = require('../constants.js');
+var usePlugins = require('../hooks/usePlugins.js');
+
+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);
+
+const CreatePage = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { toggleNotification } = admin.useNotification();
+    const navigate = reactRouterDom.useNavigate();
+    const { isLoading: isLoadingPlugins, permissions, routes } = usePlugins.usePlugins();
+    const { trackUsage } = admin.useTracking();
+    const permissionsRef = React__namespace.useRef();
+    const { post } = admin.useFetchClient();
+    const mutation = reactQuery.useMutation((body)=>post(`/users-permissions/roles`, body), {
+        onError () {
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: 'notification.error',
+                    defaultMessage: 'An error occurred'
+                })
+            });
+        },
+        onSuccess () {
+            trackUsage('didCreateRole');
+            toggleNotification({
+                type: 'success',
+                message: formatMessage({
+                    id: getTrad('Settings.roles.created'),
+                    defaultMessage: 'Role created'
+                })
+            });
+            // Forcing redirecting since we don't have the id in the response
+            navigate(-1);
+        }
+    });
+    const handleCreateRoleSubmit = async (data)=>{
+        // TODO: refactor. Child -> parent component communication is evil;
+        // We should either move the provider one level up or move the state
+        // straight into redux.
+        const permissions = permissionsRef.current.getPermissions();
+        await mutation.mutate({
+            ...data,
+            ...permissions,
+            users: []
+        });
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Main, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(admin.Page.Title, {
+                children: formatMessage({
+                    id: 'Settings.PageTitle',
+                    defaultMessage: 'Settings - {name}'
+                }, {
+                    name: 'Roles'
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(formik.Formik, {
+                enableReinitialize: true,
+                initialValues: {
+                    name: '',
+                    description: ''
+                },
+                onSubmit: handleCreateRoleSubmit,
+                validationSchema: constants$1.createRoleSchema,
+                children: ({ handleSubmit, values, handleChange, errors })=>/*#__PURE__*/ jsxRuntime.jsxs(formik.Form, {
+                        noValidate: true,
+                        onSubmit: handleSubmit,
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(admin.Layouts.Header, {
+                                primaryAction: !isLoadingPlugins && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                    type: "submit",
+                                    loading: mutation.isLoading,
+                                    startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Check, {}),
+                                    children: formatMessage({
+                                        id: 'global.save',
+                                        defaultMessage: 'Save'
+                                    })
+                                }),
+                                title: formatMessage({
+                                    id: 'Settings.roles.create.title',
+                                    defaultMessage: 'Create a role'
+                                }),
+                                subtitle: formatMessage({
+                                    id: 'Settings.roles.create.description',
+                                    defaultMessage: 'Define the rights given to the role'
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(admin.Layouts.Content, {
+                                children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                    background: "neutral0",
+                                    direction: "column",
+                                    alignItems: "stretch",
+                                    gap: 7,
+                                    hasRadius: true,
+                                    paddingTop: 6,
+                                    paddingBottom: 6,
+                                    paddingLeft: 7,
+                                    paddingRight: 7,
+                                    shadow: "filterShadow",
+                                    children: [
+                                        /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                            direction: "column",
+                                            alignItems: "stretch",
+                                            children: [
+                                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                    variant: "delta",
+                                                    tag: "h2",
+                                                    children: formatMessage({
+                                                        id: getTrad('EditPage.form.roles'),
+                                                        defaultMessage: 'Role details'
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Grid.Root, {
+                                                    gap: 4,
+                                                    children: [
+                                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                                                            col: 6,
+                                                            direction: "column",
+                                                            alignItems: "stretch",
+                                                            children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
+                                                                name: "name",
+                                                                error: errors?.name ? formatMessage({
+                                                                    id: errors.name,
+                                                                    defaultMessage: 'Name is required'
+                                                                }) : false,
+                                                                required: true,
+                                                                children: [
+                                                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
+                                                                        children: formatMessage({
+                                                                            id: 'global.name',
+                                                                            defaultMessage: 'Name'
+                                                                        })
+                                                                    }),
+                                                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.TextInput, {
+                                                                        value: values.name || '',
+                                                                        onChange: handleChange
+                                                                    }),
+                                                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Error, {})
+                                                                ]
+                                                            })
+                                                        }),
+                                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                                                            col: 6,
+                                                            direction: "column",
+                                                            alignItems: "stretch",
+                                                            children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
+                                                                name: "description",
+                                                                error: errors?.description ? formatMessage({
+                                                                    id: errors.description,
+                                                                    defaultMessage: 'Description is required'
+                                                                }) : false,
+                                                                required: true,
+                                                                children: [
+                                                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
+                                                                        children: formatMessage({
+                                                                            id: 'global.description',
+                                                                            defaultMessage: 'Description'
+                                                                        })
+                                                                    }),
+                                                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Textarea, {
+                                                                        value: values.description || '',
+                                                                        onChange: handleChange
+                                                                    }),
+                                                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Error, {})
+                                                                ]
+                                                            })
+                                                        })
+                                                    ]
+                                                })
+                                            ]
+                                        }),
+                                        !isLoadingPlugins && /*#__PURE__*/ jsxRuntime.jsx(index, {
+                                            ref: permissionsRef,
+                                            permissions: permissions,
+                                            routes: routes
+                                        })
+                                    ]
+                                })
+                            })
+                        ]
+                    })
+            })
+        ]
+    });
+};
+const ProtectedRolesCreatePage = ()=>/*#__PURE__*/ jsxRuntime.jsx(admin.Page.Protect, {
+        permissions: constants.PERMISSIONS.createRole,
+        children: /*#__PURE__*/ jsxRuntime.jsx(CreatePage, {})
+    });
+
+exports.CreatePage = CreatePage;
+exports.ProtectedRolesCreatePage = ProtectedRolesCreatePage;
+//# sourceMappingURL=CreatePage.js.map

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/Roles/pages/CreatePage.mjs

@@ -0,0 +1,203 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Main, Button, Flex, Typography, Grid, Field, TextInput, Textarea } from '@strapi/design-system';
+import { Check } from '@strapi/icons';
+import { Page, useNotification, useTracking, useFetchClient, Layouts } from '@strapi/strapi/admin';
+import { Formik, Form } from 'formik';
+import { useIntl } from 'react-intl';
+import { useMutation } from 'react-query';
+import { useNavigate } from 'react-router-dom';
+import UsersPermissions from '../../../components/UsersPermissions/index.mjs';
+import { PERMISSIONS } from '../../../constants.mjs';
+import getTrad from '../../../utils/getTrad.mjs';
+import { createRoleSchema } from '../constants.mjs';
+import { usePlugins } from '../hooks/usePlugins.mjs';
+
+const CreatePage = ()=>{
+    const { formatMessage } = useIntl();
+    const { toggleNotification } = useNotification();
+    const navigate = useNavigate();
+    const { isLoading: isLoadingPlugins, permissions, routes } = usePlugins();
+    const { trackUsage } = useTracking();
+    const permissionsRef = React.useRef();
+    const { post } = useFetchClient();
+    const mutation = useMutation((body)=>post(`/users-permissions/roles`, body), {
+        onError () {
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: 'notification.error',
+                    defaultMessage: 'An error occurred'
+                })
+            });
+        },
+        onSuccess () {
+            trackUsage('didCreateRole');
+            toggleNotification({
+                type: 'success',
+                message: formatMessage({
+                    id: getTrad('Settings.roles.created'),
+                    defaultMessage: 'Role created'
+                })
+            });
+            // Forcing redirecting since we don't have the id in the response
+            navigate(-1);
+        }
+    });
+    const handleCreateRoleSubmit = async (data)=>{
+        // TODO: refactor. Child -> parent component communication is evil;
+        // We should either move the provider one level up or move the state
+        // straight into redux.
+        const permissions = permissionsRef.current.getPermissions();
+        await mutation.mutate({
+            ...data,
+            ...permissions,
+            users: []
+        });
+    };
+    return /*#__PURE__*/ jsxs(Main, {
+        children: [
+            /*#__PURE__*/ jsx(Page.Title, {
+                children: formatMessage({
+                    id: 'Settings.PageTitle',
+                    defaultMessage: 'Settings - {name}'
+                }, {
+                    name: 'Roles'
+                })
+            }),
+            /*#__PURE__*/ jsx(Formik, {
+                enableReinitialize: true,
+                initialValues: {
+                    name: '',
+                    description: ''
+                },
+                onSubmit: handleCreateRoleSubmit,
+                validationSchema: createRoleSchema,
+                children: ({ handleSubmit, values, handleChange, errors })=>/*#__PURE__*/ jsxs(Form, {
+                        noValidate: true,
+                        onSubmit: handleSubmit,
+                        children: [
+                            /*#__PURE__*/ jsx(Layouts.Header, {
+                                primaryAction: !isLoadingPlugins && /*#__PURE__*/ jsx(Button, {
+                                    type: "submit",
+                                    loading: mutation.isLoading,
+                                    startIcon: /*#__PURE__*/ jsx(Check, {}),
+                                    children: formatMessage({
+                                        id: 'global.save',
+                                        defaultMessage: 'Save'
+                                    })
+                                }),
+                                title: formatMessage({
+                                    id: 'Settings.roles.create.title',
+                                    defaultMessage: 'Create a role'
+                                }),
+                                subtitle: formatMessage({
+                                    id: 'Settings.roles.create.description',
+                                    defaultMessage: 'Define the rights given to the role'
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(Layouts.Content, {
+                                children: /*#__PURE__*/ jsxs(Flex, {
+                                    background: "neutral0",
+                                    direction: "column",
+                                    alignItems: "stretch",
+                                    gap: 7,
+                                    hasRadius: true,
+                                    paddingTop: 6,
+                                    paddingBottom: 6,
+                                    paddingLeft: 7,
+                                    paddingRight: 7,
+                                    shadow: "filterShadow",
+                                    children: [
+                                        /*#__PURE__*/ jsxs(Flex, {
+                                            direction: "column",
+                                            alignItems: "stretch",
+                                            children: [
+                                                /*#__PURE__*/ jsx(Typography, {
+                                                    variant: "delta",
+                                                    tag: "h2",
+                                                    children: formatMessage({
+                                                        id: getTrad('EditPage.form.roles'),
+                                                        defaultMessage: 'Role details'
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ jsxs(Grid.Root, {
+                                                    gap: 4,
+                                                    children: [
+                                                        /*#__PURE__*/ jsx(Grid.Item, {
+                                                            col: 6,
+                                                            direction: "column",
+                                                            alignItems: "stretch",
+                                                            children: /*#__PURE__*/ jsxs(Field.Root, {
+                                                                name: "name",
+                                                                error: errors?.name ? formatMessage({
+                                                                    id: errors.name,
+                                                                    defaultMessage: 'Name is required'
+                                                                }) : false,
+                                                                required: true,
+                                                                children: [
+                                                                    /*#__PURE__*/ jsx(Field.Label, {
+                                                                        children: formatMessage({
+                                                                            id: 'global.name',
+                                                                            defaultMessage: 'Name'
+                                                                        })
+                                                                    }),
+                                                                    /*#__PURE__*/ jsx(TextInput, {
+                                                                        value: values.name || '',
+                                                                        onChange: handleChange
+                                                                    }),
+                                                                    /*#__PURE__*/ jsx(Field.Error, {})
+                                                                ]
+                                                            })
+                                                        }),
+                                                        /*#__PURE__*/ jsx(Grid.Item, {
+                                                            col: 6,
+                                                            direction: "column",
+                                                            alignItems: "stretch",
+                                                            children: /*#__PURE__*/ jsxs(Field.Root, {
+                                                                name: "description",
+                                                                error: errors?.description ? formatMessage({
+                                                                    id: errors.description,
+                                                                    defaultMessage: 'Description is required'
+                                                                }) : false,
+                                                                required: true,
+                                                                children: [
+                                                                    /*#__PURE__*/ jsx(Field.Label, {
+                                                                        children: formatMessage({
+                                                                            id: 'global.description',
+                                                                            defaultMessage: 'Description'
+                                                                        })
+                                                                    }),
+                                                                    /*#__PURE__*/ jsx(Textarea, {
+                                                                        value: values.description || '',
+                                                                        onChange: handleChange
+                                                                    }),
+                                                                    /*#__PURE__*/ jsx(Field.Error, {})
+                                                                ]
+                                                            })
+                                                        })
+                                                    ]
+                                                })
+                                            ]
+                                        }),
+                                        !isLoadingPlugins && /*#__PURE__*/ jsx(UsersPermissions, {
+                                            ref: permissionsRef,
+                                            permissions: permissions,
+                                            routes: routes
+                                        })
+                                    ]
+                                })
+                            })
+                        ]
+                    })
+            })
+        ]
+    });
+};
+const ProtectedRolesCreatePage = ()=>/*#__PURE__*/ jsx(Page.Protect, {
+        permissions: PERMISSIONS.createRole,
+        children: /*#__PURE__*/ jsx(CreatePage, {})
+    });
+
+export { CreatePage, ProtectedRolesCreatePage };
+//# sourceMappingURL=CreatePage.mjs.map

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/Roles/pages/EditPage.js

@@ -0,0 +1,229 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var admin = require('@strapi/strapi/admin');
+var formik = require('formik');
+var reactIntl = require('react-intl');
+var reactQuery = require('react-query');
+var reactRouterDom = require('react-router-dom');
+var index = require('../../../components/UsersPermissions/index.js');
+var constants = require('../../../constants.js');
+var getTrad = require('../../../utils/getTrad.js');
+var constants$1 = require('../constants.js');
+var usePlugins = require('../hooks/usePlugins.js');
+
+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);
+
+const EditPage = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { toggleNotification } = admin.useNotification();
+    const { params: { id } } = reactRouterDom.useMatch(`/settings/users-permissions/roles/:id`);
+    const { get } = admin.useFetchClient();
+    const { isLoading: isLoadingPlugins, routes } = usePlugins.usePlugins();
+    const { data: role, isLoading: isLoadingRole, refetch: refetchRole } = reactQuery.useQuery([
+        'users-permissions',
+        'role',
+        id
+    ], async ()=>{
+        // TODO: why doesn't this endpoint follow the admin API conventions?
+        const { data: { role } } = await get(`/users-permissions/roles/${id}`);
+        return role;
+    });
+    const permissionsRef = React__namespace.useRef();
+    const { put } = admin.useFetchClient();
+    const { formatAPIError } = admin.useAPIErrorHandler();
+    const mutation = reactQuery.useMutation((body)=>put(`/users-permissions/roles/${id}`, body), {
+        onError (error) {
+            toggleNotification({
+                type: 'danger',
+                message: formatAPIError(error)
+            });
+        },
+        async onSuccess () {
+            toggleNotification({
+                type: 'success',
+                message: formatMessage({
+                    id: getTrad('Settings.roles.created'),
+                    defaultMessage: 'Role edited'
+                })
+            });
+            await refetchRole();
+        }
+    });
+    const handleEditRoleSubmit = async (data)=>{
+        const permissions = permissionsRef.current.getPermissions();
+        await mutation.mutate({
+            ...data,
+            ...permissions,
+            users: []
+        });
+    };
+    if (isLoadingRole) {
+        return /*#__PURE__*/ jsxRuntime.jsx(admin.Page.Loading, {});
+    }
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Main, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(admin.Page.Title, {
+                children: formatMessage({
+                    id: 'Settings.PageTitle',
+                    defaultMessage: 'Settings - {name}'
+                }, {
+                    name: 'Roles'
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(formik.Formik, {
+                enableReinitialize: true,
+                initialValues: {
+                    name: role.name,
+                    description: role.description
+                },
+                onSubmit: handleEditRoleSubmit,
+                validationSchema: constants$1.createRoleSchema,
+                children: ({ handleSubmit, values, handleChange, errors })=>/*#__PURE__*/ jsxRuntime.jsxs(formik.Form, {
+                        noValidate: true,
+                        onSubmit: handleSubmit,
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(admin.Layouts.Header, {
+                                primaryAction: !isLoadingPlugins ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                    disabled: role.code === 'strapi-super-admin',
+                                    type: "submit",
+                                    loading: mutation.isLoading,
+                                    startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Check, {}),
+                                    children: formatMessage({
+                                        id: 'global.save',
+                                        defaultMessage: 'Save'
+                                    })
+                                }) : null,
+                                title: role.name,
+                                subtitle: role.description,
+                                navigationAction: /*#__PURE__*/ jsxRuntime.jsx(admin.BackButton, {
+                                    fallback: ".."
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(admin.Layouts.Content, {
+                                children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                    background: "neutral0",
+                                    direction: "column",
+                                    alignItems: "stretch",
+                                    gap: 7,
+                                    hasRadius: true,
+                                    paddingTop: 6,
+                                    paddingBottom: 6,
+                                    paddingLeft: 7,
+                                    paddingRight: 7,
+                                    shadow: "filterShadow",
+                                    children: [
+                                        /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                            direction: "column",
+                                            alignItems: "stretch",
+                                            gap: 4,
+                                            children: [
+                                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                    variant: "delta",
+                                                    tag: "h2",
+                                                    children: formatMessage({
+                                                        id: getTrad('EditPage.form.roles'),
+                                                        defaultMessage: 'Role details'
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Grid.Root, {
+                                                    gap: 4,
+                                                    children: [
+                                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                                                            col: 6,
+                                                            direction: "column",
+                                                            alignItems: "stretch",
+                                                            children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
+                                                                name: "name",
+                                                                error: errors?.name ? formatMessage({
+                                                                    id: errors.name,
+                                                                    defaultMessage: 'Name is required'
+                                                                }) : false,
+                                                                required: true,
+                                                                children: [
+                                                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
+                                                                        children: formatMessage({
+                                                                            id: 'global.name',
+                                                                            defaultMessage: 'Name'
+                                                                        })
+                                                                    }),
+                                                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.TextInput, {
+                                                                        value: values.name || '',
+                                                                        onChange: handleChange
+                                                                    }),
+                                                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Error, {})
+                                                                ]
+                                                            })
+                                                        }),
+                                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                                                            col: 6,
+                                                            direction: "column",
+                                                            alignItems: "stretch",
+                                                            children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
+                                                                name: "description",
+                                                                error: errors?.description ? formatMessage({
+                                                                    id: errors.description,
+                                                                    defaultMessage: 'Description is required'
+                                                                }) : false,
+                                                                required: true,
+                                                                children: [
+                                                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
+                                                                        children: formatMessage({
+                                                                            id: 'global.description',
+                                                                            defaultMessage: 'Description'
+                                                                        })
+                                                                    }),
+                                                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Textarea, {
+                                                                        value: values.description || '',
+                                                                        onChange: handleChange
+                                                                    }),
+                                                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Error, {})
+                                                                ]
+                                                            })
+                                                        })
+                                                    ]
+                                                })
+                                            ]
+                                        }),
+                                        !isLoadingPlugins && /*#__PURE__*/ jsxRuntime.jsx(index, {
+                                            ref: permissionsRef,
+                                            permissions: role.permissions,
+                                            routes: routes
+                                        })
+                                    ]
+                                })
+                            })
+                        ]
+                    })
+            })
+        ]
+    });
+};
+const ProtectedRolesEditPage = ()=>/*#__PURE__*/ jsxRuntime.jsx(admin.Page.Protect, {
+        permissions: constants.PERMISSIONS.updateRole,
+        children: /*#__PURE__*/ jsxRuntime.jsx(EditPage, {})
+    });
+
+exports.EditPage = EditPage;
+exports.ProtectedRolesEditPage = ProtectedRolesEditPage;
+//# sourceMappingURL=EditPage.js.map

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/Roles/pages/EditPage.mjs

@@ -0,0 +1,207 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Main, Button, Flex, Typography, Grid, Field, TextInput, Textarea } from '@strapi/design-system';
+import { Check } from '@strapi/icons';
+import { Page, useNotification, useFetchClient, useAPIErrorHandler, Layouts, BackButton } from '@strapi/strapi/admin';
+import { Formik, Form } from 'formik';
+import { useIntl } from 'react-intl';
+import { useQuery, useMutation } from 'react-query';
+import { useMatch } from 'react-router-dom';
+import UsersPermissions from '../../../components/UsersPermissions/index.mjs';
+import { PERMISSIONS } from '../../../constants.mjs';
+import getTrad from '../../../utils/getTrad.mjs';
+import { createRoleSchema } from '../constants.mjs';
+import { usePlugins } from '../hooks/usePlugins.mjs';
+
+const EditPage = ()=>{
+    const { formatMessage } = useIntl();
+    const { toggleNotification } = useNotification();
+    const { params: { id } } = useMatch(`/settings/users-permissions/roles/:id`);
+    const { get } = useFetchClient();
+    const { isLoading: isLoadingPlugins, routes } = usePlugins();
+    const { data: role, isLoading: isLoadingRole, refetch: refetchRole } = useQuery([
+        'users-permissions',
+        'role',
+        id
+    ], async ()=>{
+        // TODO: why doesn't this endpoint follow the admin API conventions?
+        const { data: { role } } = await get(`/users-permissions/roles/${id}`);
+        return role;
+    });
+    const permissionsRef = React.useRef();
+    const { put } = useFetchClient();
+    const { formatAPIError } = useAPIErrorHandler();
+    const mutation = useMutation((body)=>put(`/users-permissions/roles/${id}`, body), {
+        onError (error) {
+            toggleNotification({
+                type: 'danger',
+                message: formatAPIError(error)
+            });
+        },
+        async onSuccess () {
+            toggleNotification({
+                type: 'success',
+                message: formatMessage({
+                    id: getTrad('Settings.roles.created'),
+                    defaultMessage: 'Role edited'
+                })
+            });
+            await refetchRole();
+        }
+    });
+    const handleEditRoleSubmit = async (data)=>{
+        const permissions = permissionsRef.current.getPermissions();
+        await mutation.mutate({
+            ...data,
+            ...permissions,
+            users: []
+        });
+    };
+    if (isLoadingRole) {
+        return /*#__PURE__*/ jsx(Page.Loading, {});
+    }
+    return /*#__PURE__*/ jsxs(Main, {
+        children: [
+            /*#__PURE__*/ jsx(Page.Title, {
+                children: formatMessage({
+                    id: 'Settings.PageTitle',
+                    defaultMessage: 'Settings - {name}'
+                }, {
+                    name: 'Roles'
+                })
+            }),
+            /*#__PURE__*/ jsx(Formik, {
+                enableReinitialize: true,
+                initialValues: {
+                    name: role.name,
+                    description: role.description
+                },
+                onSubmit: handleEditRoleSubmit,
+                validationSchema: createRoleSchema,
+                children: ({ handleSubmit, values, handleChange, errors })=>/*#__PURE__*/ jsxs(Form, {
+                        noValidate: true,
+                        onSubmit: handleSubmit,
+                        children: [
+                            /*#__PURE__*/ jsx(Layouts.Header, {
+                                primaryAction: !isLoadingPlugins ? /*#__PURE__*/ jsx(Button, {
+                                    disabled: role.code === 'strapi-super-admin',
+                                    type: "submit",
+                                    loading: mutation.isLoading,
+                                    startIcon: /*#__PURE__*/ jsx(Check, {}),
+                                    children: formatMessage({
+                                        id: 'global.save',
+                                        defaultMessage: 'Save'
+                                    })
+                                }) : null,
+                                title: role.name,
+                                subtitle: role.description,
+                                navigationAction: /*#__PURE__*/ jsx(BackButton, {
+                                    fallback: ".."
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(Layouts.Content, {
+                                children: /*#__PURE__*/ jsxs(Flex, {
+                                    background: "neutral0",
+                                    direction: "column",
+                                    alignItems: "stretch",
+                                    gap: 7,
+                                    hasRadius: true,
+                                    paddingTop: 6,
+                                    paddingBottom: 6,
+                                    paddingLeft: 7,
+                                    paddingRight: 7,
+                                    shadow: "filterShadow",
+                                    children: [
+                                        /*#__PURE__*/ jsxs(Flex, {
+                                            direction: "column",
+                                            alignItems: "stretch",
+                                            gap: 4,
+                                            children: [
+                                                /*#__PURE__*/ jsx(Typography, {
+                                                    variant: "delta",
+                                                    tag: "h2",
+                                                    children: formatMessage({
+                                                        id: getTrad('EditPage.form.roles'),
+                                                        defaultMessage: 'Role details'
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ jsxs(Grid.Root, {
+                                                    gap: 4,
+                                                    children: [
+                                                        /*#__PURE__*/ jsx(Grid.Item, {
+                                                            col: 6,
+                                                            direction: "column",
+                                                            alignItems: "stretch",
+                                                            children: /*#__PURE__*/ jsxs(Field.Root, {
+                                                                name: "name",
+                                                                error: errors?.name ? formatMessage({
+                                                                    id: errors.name,
+                                                                    defaultMessage: 'Name is required'
+                                                                }) : false,
+                                                                required: true,
+                                                                children: [
+                                                                    /*#__PURE__*/ jsx(Field.Label, {
+                                                                        children: formatMessage({
+                                                                            id: 'global.name',
+                                                                            defaultMessage: 'Name'
+                                                                        })
+                                                                    }),
+                                                                    /*#__PURE__*/ jsx(TextInput, {
+                                                                        value: values.name || '',
+                                                                        onChange: handleChange
+                                                                    }),
+                                                                    /*#__PURE__*/ jsx(Field.Error, {})
+                                                                ]
+                                                            })
+                                                        }),
+                                                        /*#__PURE__*/ jsx(Grid.Item, {
+                                                            col: 6,
+                                                            direction: "column",
+                                                            alignItems: "stretch",
+                                                            children: /*#__PURE__*/ jsxs(Field.Root, {
+                                                                name: "description",
+                                                                error: errors?.description ? formatMessage({
+                                                                    id: errors.description,
+                                                                    defaultMessage: 'Description is required'
+                                                                }) : false,
+                                                                required: true,
+                                                                children: [
+                                                                    /*#__PURE__*/ jsx(Field.Label, {
+                                                                        children: formatMessage({
+                                                                            id: 'global.description',
+                                                                            defaultMessage: 'Description'
+                                                                        })
+                                                                    }),
+                                                                    /*#__PURE__*/ jsx(Textarea, {
+                                                                        value: values.description || '',
+                                                                        onChange: handleChange
+                                                                    }),
+                                                                    /*#__PURE__*/ jsx(Field.Error, {})
+                                                                ]
+                                                            })
+                                                        })
+                                                    ]
+                                                })
+                                            ]
+                                        }),
+                                        !isLoadingPlugins && /*#__PURE__*/ jsx(UsersPermissions, {
+                                            ref: permissionsRef,
+                                            permissions: role.permissions,
+                                            routes: routes
+                                        })
+                                    ]
+                                })
+                            })
+                        ]
+                    })
+            })
+        ]
+    });
+};
+const ProtectedRolesEditPage = ()=>/*#__PURE__*/ jsx(Page.Protect, {
+        permissions: PERMISSIONS.updateRole,
+        children: /*#__PURE__*/ jsx(EditPage, {})
+    });
+
+export { EditPage, ProtectedRolesEditPage };
+//# sourceMappingURL=EditPage.mjs.map

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/Roles/pages/ListPage/components/TableBody.js

@@ -0,0 +1,125 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var PropTypes = require('prop-types');
+var reactIntl = require('react-intl');
+var reactRouterDom = require('react-router-dom');
+var styledComponents = require('styled-components');
+
+const EditLink = styledComponents.styled(designSystem.Link)`
+  align-items: center;
+  height: 3.2rem;
+  width: 3.2rem;
+  display: flex;
+  justify-content: center;
+  padding: ${({ theme })=>`${theme.spaces[2]}`};
+
+  svg {
+    height: 1.6rem;
+    width: 1.6rem;
+
+    path {
+      fill: ${({ theme })=>theme.colors.neutral500};
+    }
+  }
+
+  &:hover,
+  &:focus {
+    svg {
+      path {
+        fill: ${({ theme })=>theme.colors.neutral800};
+      }
+    }
+  }
+`;
+const TableBody = ({ sortedRoles, canDelete, canUpdate, setRoleToDelete, onDelete })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const navigate = reactRouterDom.useNavigate();
+    const [showConfirmDelete, setShowConfirmDelete] = onDelete;
+    const checkCanDeleteRole = (role)=>canDelete && ![
+            'public',
+            'authenticated'
+        ].includes(role.type);
+    const handleClickDelete = (id)=>{
+        setRoleToDelete(id);
+        setShowConfirmDelete(!showConfirmDelete);
+    };
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tbody, {
+        children: sortedRoles?.map((role)=>/*#__PURE__*/ jsxRuntime.jsxs(designSystem.Tr, {
+                cursor: "pointer",
+                onClick: ()=>navigate(role.id.toString()),
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                        width: "20%",
+                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                            children: role.name
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                        width: "50%",
+                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                            children: role.description
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                        width: "30%",
+                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                            children: formatMessage({
+                                id: 'Roles.RoleRow.user-count',
+                                defaultMessage: '{number, plural, =0 {# user} one {# user} other {# users}}'
+                            }, {
+                                number: role.nb_users
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                        children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                            justifyContent: "end",
+                            onClick: (e)=>e.stopPropagation(),
+                            children: [
+                                canUpdate ? /*#__PURE__*/ jsxRuntime.jsx(EditLink, {
+                                    tag: reactRouterDom.NavLink,
+                                    to: role.id.toString(),
+                                    "aria-label": formatMessage({
+                                        id: 'app.component.table.edit',
+                                        defaultMessage: 'Edit {target}'
+                                    }, {
+                                        target: `${role.name}`
+                                    }),
+                                    children: /*#__PURE__*/ jsxRuntime.jsx(icons.Pencil, {})
+                                }) : null,
+                                checkCanDeleteRole(role) && /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                                    onClick: ()=>handleClickDelete(role.id.toString()),
+                                    variant: "ghost",
+                                    label: formatMessage({
+                                        id: 'global.delete-target',
+                                        defaultMessage: 'Delete {target}'
+                                    }, {
+                                        target: `${role.name}`
+                                    }),
+                                    children: /*#__PURE__*/ jsxRuntime.jsx(icons.Trash, {})
+                                })
+                            ]
+                        })
+                    })
+                ]
+            }, role.name))
+    });
+};
+TableBody.defaultProps = {
+    canDelete: false,
+    canUpdate: false
+};
+TableBody.propTypes = {
+    onDelete: PropTypes.array.isRequired,
+    setRoleToDelete: PropTypes.func.isRequired,
+    sortedRoles: PropTypes.array.isRequired,
+    canDelete: PropTypes.bool,
+    canUpdate: PropTypes.bool
+};
+
+module.exports = TableBody;
+//# sourceMappingURL=TableBody.js.map

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/Roles/pages/ListPage/components/TableBody.mjs

@@ -0,0 +1,123 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react';
+import { Link, Tbody, Tr, Td, Typography, Flex, IconButton } from '@strapi/design-system';
+import { Pencil, Trash } from '@strapi/icons';
+import PropTypes from 'prop-types';
+import { useIntl } from 'react-intl';
+import { useNavigate, NavLink } from 'react-router-dom';
+import { styled } from 'styled-components';
+
+const EditLink = styled(Link)`
+  align-items: center;
+  height: 3.2rem;
+  width: 3.2rem;
+  display: flex;
+  justify-content: center;
+  padding: ${({ theme })=>`${theme.spaces[2]}`};
+
+  svg {
+    height: 1.6rem;
+    width: 1.6rem;
+
+    path {
+      fill: ${({ theme })=>theme.colors.neutral500};
+    }
+  }
+
+  &:hover,
+  &:focus {
+    svg {
+      path {
+        fill: ${({ theme })=>theme.colors.neutral800};
+      }
+    }
+  }
+`;
+const TableBody = ({ sortedRoles, canDelete, canUpdate, setRoleToDelete, onDelete })=>{
+    const { formatMessage } = useIntl();
+    const navigate = useNavigate();
+    const [showConfirmDelete, setShowConfirmDelete] = onDelete;
+    const checkCanDeleteRole = (role)=>canDelete && ![
+            'public',
+            'authenticated'
+        ].includes(role.type);
+    const handleClickDelete = (id)=>{
+        setRoleToDelete(id);
+        setShowConfirmDelete(!showConfirmDelete);
+    };
+    return /*#__PURE__*/ jsx(Tbody, {
+        children: sortedRoles?.map((role)=>/*#__PURE__*/ jsxs(Tr, {
+                cursor: "pointer",
+                onClick: ()=>navigate(role.id.toString()),
+                children: [
+                    /*#__PURE__*/ jsx(Td, {
+                        width: "20%",
+                        children: /*#__PURE__*/ jsx(Typography, {
+                            children: role.name
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Td, {
+                        width: "50%",
+                        children: /*#__PURE__*/ jsx(Typography, {
+                            children: role.description
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Td, {
+                        width: "30%",
+                        children: /*#__PURE__*/ jsx(Typography, {
+                            children: formatMessage({
+                                id: 'Roles.RoleRow.user-count',
+                                defaultMessage: '{number, plural, =0 {# user} one {# user} other {# users}}'
+                            }, {
+                                number: role.nb_users
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Td, {
+                        children: /*#__PURE__*/ jsxs(Flex, {
+                            justifyContent: "end",
+                            onClick: (e)=>e.stopPropagation(),
+                            children: [
+                                canUpdate ? /*#__PURE__*/ jsx(EditLink, {
+                                    tag: NavLink,
+                                    to: role.id.toString(),
+                                    "aria-label": formatMessage({
+                                        id: 'app.component.table.edit',
+                                        defaultMessage: 'Edit {target}'
+                                    }, {
+                                        target: `${role.name}`
+                                    }),
+                                    children: /*#__PURE__*/ jsx(Pencil, {})
+                                }) : null,
+                                checkCanDeleteRole(role) && /*#__PURE__*/ jsx(IconButton, {
+                                    onClick: ()=>handleClickDelete(role.id.toString()),
+                                    variant: "ghost",
+                                    label: formatMessage({
+                                        id: 'global.delete-target',
+                                        defaultMessage: 'Delete {target}'
+                                    }, {
+                                        target: `${role.name}`
+                                    }),
+                                    children: /*#__PURE__*/ jsx(Trash, {})
+                                })
+                            ]
+                        })
+                    })
+                ]
+            }, role.name))
+    });
+};
+TableBody.defaultProps = {
+    canDelete: false,
+    canUpdate: false
+};
+TableBody.propTypes = {
+    onDelete: PropTypes.array.isRequired,
+    setRoleToDelete: PropTypes.func.isRequired,
+    sortedRoles: PropTypes.array.isRequired,
+    canDelete: PropTypes.bool,
+    canUpdate: PropTypes.bool
+};
+
+export { TableBody as default };
+//# sourceMappingURL=TableBody.mjs.map

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/Roles/pages/ListPage/index.js

@@ -0,0 +1,237 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var admin = require('@strapi/strapi/admin');
+var reactIntl = require('react-intl');
+var reactQuery = require('react-query');
+var reactRouterDom = require('react-router-dom');
+var constants = require('../../../../constants.js');
+require('lodash/isEmpty');
+var getTrad = require('../../../../utils/getTrad.js');
+var TableBody = require('./components/TableBody.js');
+
+const RolesListPage = ()=>{
+    const { trackUsage } = admin.useTracking();
+    const { formatMessage, locale } = reactIntl.useIntl();
+    const { toggleNotification } = admin.useNotification();
+    const { notifyStatus } = designSystem.useNotifyAT();
+    const [{ query }] = admin.useQueryParams();
+    const _q = query?._q || '';
+    const [showConfirmDelete, setShowConfirmDelete] = React.useState(false);
+    const [roleToDelete, setRoleToDelete] = React.useState();
+    const { del, get } = admin.useFetchClient();
+    const { isLoading: isLoadingForPermissions, allowedActions: { canRead, canDelete, canCreate, canUpdate } } = admin.useRBAC({
+        create: constants.PERMISSIONS.createRole,
+        read: constants.PERMISSIONS.readRoles,
+        update: constants.PERMISSIONS.updateRole,
+        delete: constants.PERMISSIONS.deleteRole
+    });
+    const { isLoading: isLoadingForData, data: { roles }, isFetching, refetch } = reactQuery.useQuery('get-roles', ()=>fetchData(toggleNotification, formatMessage, notifyStatus), {
+        initialData: {},
+        enabled: canRead
+    });
+    const { contains } = designSystem.useFilter(locale, {
+        sensitivity: 'base'
+    });
+    /**
+   * @type {Intl.Collator}
+   */ const formatter = designSystem.useCollator(locale, {
+        sensitivity: 'base'
+    });
+    const isLoading = isLoadingForData || isFetching || isLoadingForPermissions;
+    const handleShowConfirmDelete = ()=>{
+        setShowConfirmDelete(!showConfirmDelete);
+    };
+    const deleteData = async (id, formatMessage, toggleNotification)=>{
+        try {
+            await del(`/users-permissions/roles/${id}`);
+        } catch (error) {
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: 'notification.error',
+                    defaultMessage: 'An error occured'
+                })
+            });
+        }
+    };
+    const fetchData = async (toggleNotification, formatMessage, notifyStatus)=>{
+        try {
+            const { data } = await get('/users-permissions/roles');
+            notifyStatus('The roles have loaded successfully');
+            return data;
+        } catch (err) {
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: 'notification.error',
+                    defaultMessage: 'An error occurred'
+                })
+            });
+            throw new Error(err);
+        }
+    };
+    const emptyLayout = {
+        roles: {
+            id: getTrad('Roles.empty'),
+            defaultMessage: "You don't have any roles yet."
+        },
+        search: {
+            id: getTrad('Roles.empty.search'),
+            defaultMessage: 'No roles match the search.'
+        }
+    };
+    const pageTitle = formatMessage({
+        id: 'global.roles',
+        defaultMessage: 'Roles'
+    });
+    const deleteMutation = reactQuery.useMutation((id)=>deleteData(id, formatMessage, toggleNotification), {
+        async onSuccess () {
+            await refetch();
+        }
+    });
+    const handleConfirmDelete = async ()=>{
+        await deleteMutation.mutateAsync(roleToDelete);
+        setShowConfirmDelete(!showConfirmDelete);
+    };
+    const sortedRoles = (roles || []).filter((role)=>contains(role.name, _q) || contains(role.description, _q)).sort((a, b)=>formatter.compare(a.name, b.name) || formatter.compare(a.description, b.description));
+    const emptyContent = _q && !sortedRoles.length ? 'search' : 'roles';
+    const colCount = 4;
+    const rowCount = (roles?.length || 0) + 1;
+    if (isLoading) {
+        return /*#__PURE__*/ jsxRuntime.jsx(admin.Page.Loading, {});
+    }
+    return /*#__PURE__*/ jsxRuntime.jsxs(admin.Layouts.Root, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(admin.Page.Title, {
+                children: formatMessage({
+                    id: 'Settings.PageTitle',
+                    defaultMessage: 'Settings - {name}'
+                }, {
+                    name: pageTitle
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs(admin.Page.Main, {
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(admin.Layouts.Header, {
+                        title: formatMessage({
+                            id: 'global.roles',
+                            defaultMessage: 'Roles'
+                        }),
+                        subtitle: formatMessage({
+                            id: 'Settings.roles.list.description',
+                            defaultMessage: 'List of roles'
+                        }),
+                        primaryAction: canCreate ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.LinkButton, {
+                            to: "new",
+                            tag: reactRouterDom.NavLink,
+                            onClick: ()=>trackUsage('willCreateRole'),
+                            startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Plus, {}),
+                            size: "S",
+                            children: formatMessage({
+                                id: getTrad('List.button.roles'),
+                                defaultMessage: 'Add new role'
+                            })
+                        }) : null
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(admin.Layouts.Action, {
+                        startActions: /*#__PURE__*/ jsxRuntime.jsx(admin.SearchInput, {
+                            label: formatMessage({
+                                id: 'app.component.search.label',
+                                defaultMessage: 'Search'
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsxs(admin.Layouts.Content, {
+                        children: [
+                            !canRead && /*#__PURE__*/ jsxRuntime.jsx(admin.Page.NoPermissions, {}),
+                            canRead && sortedRoles && sortedRoles?.length ? /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Table, {
+                                colCount: colCount,
+                                rowCount: rowCount,
+                                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: 'global.name',
+                                                            defaultMessage: 'Name'
+                                                        })
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Th, {
+                                                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                        variant: "sigma",
+                                                        textColor: "neutral600",
+                                                        children: formatMessage({
+                                                            id: 'global.description',
+                                                            defaultMessage: 'Description'
+                                                        })
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Th, {
+                                                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                        variant: "sigma",
+                                                        textColor: "neutral600",
+                                                        children: formatMessage({
+                                                            id: 'global.users',
+                                                            defaultMessage: 'Users'
+                                                        })
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Th, {
+                                                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.VisuallyHidden, {
+                                                        children: formatMessage({
+                                                            id: 'global.actions',
+                                                            defaultMessage: 'Actions'
+                                                        })
+                                                    })
+                                                })
+                                            ]
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsx(TableBody, {
+                                        sortedRoles: sortedRoles,
+                                        canDelete: canDelete,
+                                        canUpdate: canUpdate,
+                                        permissions: constants.PERMISSIONS,
+                                        setRoleToDelete: setRoleToDelete,
+                                        onDelete: [
+                                            showConfirmDelete,
+                                            setShowConfirmDelete
+                                        ]
+                                    })
+                                ]
+                            }) : /*#__PURE__*/ jsxRuntime.jsx(designSystem.EmptyStateLayout, {
+                                content: formatMessage(emptyLayout[emptyContent])
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Root, {
+                        open: showConfirmDelete,
+                        onOpenChange: handleShowConfirmDelete,
+                        children: /*#__PURE__*/ jsxRuntime.jsx(admin.ConfirmDialog, {
+                            onConfirm: handleConfirmDelete
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+const ProtectedRolesListPage = ()=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(admin.Page.Protect, {
+        permissions: constants.PERMISSIONS.accessRoles,
+        children: /*#__PURE__*/ jsxRuntime.jsx(RolesListPage, {})
+    });
+};
+
+exports.ProtectedRolesListPage = ProtectedRolesListPage;
+exports.RolesListPage = RolesListPage;
+//# sourceMappingURL=index.js.map

server/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/Roles/pages/ListPage/index.mjs

@@ -0,0 +1,234 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { useNotifyAT, useFilter, useCollator, LinkButton, Table, Thead, Tr, Th, Typography, VisuallyHidden, EmptyStateLayout, Dialog } from '@strapi/design-system';
+import { Plus } from '@strapi/icons';
+import { Page, useTracking, useNotification, useQueryParams, useFetchClient, useRBAC, Layouts, SearchInput, ConfirmDialog } from '@strapi/strapi/admin';
+import { useIntl } from 'react-intl';
+import { useQuery, useMutation } from 'react-query';
+import { NavLink } from 'react-router-dom';
+import { PERMISSIONS } from '../../../../constants.mjs';
+import 'lodash/isEmpty';
+import getTrad from '../../../../utils/getTrad.mjs';
+import TableBody from './components/TableBody.mjs';
+
+const RolesListPage = ()=>{
+    const { trackUsage } = useTracking();
+    const { formatMessage, locale } = useIntl();
+    const { toggleNotification } = useNotification();
+    const { notifyStatus } = useNotifyAT();
+    const [{ query }] = useQueryParams();
+    const _q = query?._q || '';
+    const [showConfirmDelete, setShowConfirmDelete] = useState(false);
+    const [roleToDelete, setRoleToDelete] = useState();
+    const { del, get } = useFetchClient();
+    const { isLoading: isLoadingForPermissions, allowedActions: { canRead, canDelete, canCreate, canUpdate } } = useRBAC({
+        create: PERMISSIONS.createRole,
+        read: PERMISSIONS.readRoles,
+        update: PERMISSIONS.updateRole,
+        delete: PERMISSIONS.deleteRole
+    });
+    const { isLoading: isLoadingForData, data: { roles }, isFetching, refetch } = useQuery('get-roles', ()=>fetchData(toggleNotification, formatMessage, notifyStatus), {
+        initialData: {},
+        enabled: canRead
+    });
+    const { contains } = useFilter(locale, {
+        sensitivity: 'base'
+    });
+    /**
+   * @type {Intl.Collator}
+   */ const formatter = useCollator(locale, {
+        sensitivity: 'base'
+    });
+    const isLoading = isLoadingForData || isFetching || isLoadingForPermissions;
+    const handleShowConfirmDelete = ()=>{
+        setShowConfirmDelete(!showConfirmDelete);
+    };
+    const deleteData = async (id, formatMessage, toggleNotification)=>{
+        try {
+            await del(`/users-permissions/roles/${id}`);
+        } catch (error) {
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: 'notification.error',
+                    defaultMessage: 'An error occured'
+                })
+            });
+        }
+    };
+    const fetchData = async (toggleNotification, formatMessage, notifyStatus)=>{
+        try {
+            const { data } = await get('/users-permissions/roles');
+            notifyStatus('The roles have loaded successfully');
+            return data;
+        } catch (err) {
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: 'notification.error',
+                    defaultMessage: 'An error occurred'
+                })
+            });
+            throw new Error(err);
+        }
+    };
+    const emptyLayout = {
+        roles: {
+            id: getTrad('Roles.empty'),
+            defaultMessage: "You don't have any roles yet."
+        },
+        search: {
+            id: getTrad('Roles.empty.search'),
+            defaultMessage: 'No roles match the search.'
+        }
+    };
+    const pageTitle = formatMessage({
+        id: 'global.roles',
+        defaultMessage: 'Roles'
+    });
+    const deleteMutation = useMutation((id)=>deleteData(id, formatMessage, toggleNotification), {
+        async onSuccess () {
+            await refetch();
+        }
+    });
+    const handleConfirmDelete = async ()=>{
+        await deleteMutation.mutateAsync(roleToDelete);
+        setShowConfirmDelete(!showConfirmDelete);
+    };
+    const sortedRoles = (roles || []).filter((role)=>contains(role.name, _q) || contains(role.description, _q)).sort((a, b)=>formatter.compare(a.name, b.name) || formatter.compare(a.description, b.description));
+    const emptyContent = _q && !sortedRoles.length ? 'search' : 'roles';
+    const colCount = 4;
+    const rowCount = (roles?.length || 0) + 1;
+    if (isLoading) {
+        return /*#__PURE__*/ jsx(Page.Loading, {});
+    }
+    return /*#__PURE__*/ jsxs(Layouts.Root, {
+        children: [
+            /*#__PURE__*/ jsx(Page.Title, {
+                children: formatMessage({
+                    id: 'Settings.PageTitle',
+                    defaultMessage: 'Settings - {name}'
+                }, {
+                    name: pageTitle
+                })
+            }),
+            /*#__PURE__*/ jsxs(Page.Main, {
+                children: [
+                    /*#__PURE__*/ jsx(Layouts.Header, {
+                        title: formatMessage({
+                            id: 'global.roles',
+                            defaultMessage: 'Roles'
+                        }),
+                        subtitle: formatMessage({
+                            id: 'Settings.roles.list.description',
+                            defaultMessage: 'List of roles'
+                        }),
+                        primaryAction: canCreate ? /*#__PURE__*/ jsx(LinkButton, {
+                            to: "new",
+                            tag: NavLink,
+                            onClick: ()=>trackUsage('willCreateRole'),
+                            startIcon: /*#__PURE__*/ jsx(Plus, {}),
+                            size: "S",
+                            children: formatMessage({
+                                id: getTrad('List.button.roles'),
+                                defaultMessage: 'Add new role'
+                            })
+                        }) : null
+                    }),
+                    /*#__PURE__*/ jsx(Layouts.Action, {
+                        startActions: /*#__PURE__*/ jsx(SearchInput, {
+                            label: formatMessage({
+                                id: 'app.component.search.label',
+                                defaultMessage: 'Search'
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ jsxs(Layouts.Content, {
+                        children: [
+                            !canRead && /*#__PURE__*/ jsx(Page.NoPermissions, {}),
+                            canRead && sortedRoles && sortedRoles?.length ? /*#__PURE__*/ jsxs(Table, {
+                                colCount: colCount,
+                                rowCount: rowCount,
+                                children: [
+                                    /*#__PURE__*/ jsx(Thead, {
+                                        children: /*#__PURE__*/ jsxs(Tr, {
+                                            children: [
+                                                /*#__PURE__*/ jsx(Th, {
+                                                    children: /*#__PURE__*/ jsx(Typography, {
+                                                        variant: "sigma",
+                                                        textColor: "neutral600",
+                                                        children: formatMessage({
+                                                            id: 'global.name',
+                                                            defaultMessage: 'Name'
+                                                        })
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ jsx(Th, {
+                                                    children: /*#__PURE__*/ jsx(Typography, {
+                                                        variant: "sigma",
+                                                        textColor: "neutral600",
+                                                        children: formatMessage({
+                                                            id: 'global.description',
+                                                            defaultMessage: 'Description'
+                                                        })
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ jsx(Th, {
+                                                    children: /*#__PURE__*/ jsx(Typography, {
+                                                        variant: "sigma",
+                                                        textColor: "neutral600",
+                                                        children: formatMessage({
+                                                            id: 'global.users',
+                                                            defaultMessage: 'Users'
+                                                        })
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ jsx(Th, {
+                                                    children: /*#__PURE__*/ jsx(VisuallyHidden, {
+                                                        children: formatMessage({
+                                                            id: 'global.actions',
+                                                            defaultMessage: 'Actions'
+                                                        })
+                                                    })
+                                                })
+                                            ]
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsx(TableBody, {
+                                        sortedRoles: sortedRoles,
+                                        canDelete: canDelete,
+                                        canUpdate: canUpdate,
+                                        permissions: PERMISSIONS,
+                                        setRoleToDelete: setRoleToDelete,
+                                        onDelete: [
+                                            showConfirmDelete,
+                                            setShowConfirmDelete
+                                        ]
+                                    })
+                                ]
+                            }) : /*#__PURE__*/ jsx(EmptyStateLayout, {
+                                content: formatMessage(emptyLayout[emptyContent])
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx(Dialog.Root, {
+                        open: showConfirmDelete,
+                        onOpenChange: handleShowConfirmDelete,
+                        children: /*#__PURE__*/ jsx(ConfirmDialog, {
+                            onConfirm: handleConfirmDelete
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+const ProtectedRolesListPage = ()=>{
+    return /*#__PURE__*/ jsx(Page.Protect, {
+        permissions: PERMISSIONS.accessRoles,
+        children: /*#__PURE__*/ jsx(RolesListPage, {})
+    });
+};
+
+export { ProtectedRolesListPage, RolesListPage };
+//# sourceMappingURL=index.mjs.map