@strapi/plugin-users-permissions 5.12.0 → 5.12.2

package/dist/admin/chunks/index-CHTUC0LM.mjs

@@ -1,718 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import * as React from 'react';
-import { useTracking, Layouts } from '@strapi/admin/strapi-admin';
-import { Field, Toggle, TextInput, Modal, Breadcrumbs, Crumb, Flex, Grid, Button, useCollator, Table, Thead, Tr, Th, Typography, VisuallyHidden, Tbody, Td, IconButton } from '@strapi/design-system';
-import { Pencil } from '@strapi/icons';
-import { translatedErrors, 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 { Formik, Form } from 'formik';
-import PropTypes from 'prop-types';
-import { g as getTrad, P as PERMISSIONS } from './index-CY5JZ38k.mjs';
-import 'lodash/isEmpty';
-import * as yup from 'yup';
-
-const Input = ({ description, disabled, intlLabel, error, name, onChange, placeholder, providerToEditName, type, value })=>{
-    const { formatMessage } = useIntl();
-    const inputValue = name === 'noName' ? `${window.strapi.backendURL}/api/connect/${providerToEditName}/callback` : value;
-    const label = formatMessage({
-        id: intlLabel.id,
-        defaultMessage: intlLabel.defaultMessage
-    }, {
-        provider: providerToEditName,
-        ...intlLabel.values
-    });
-    const hint = description ? formatMessage({
-        id: description.id,
-        defaultMessage: description.defaultMessage
-    }, {
-        provider: providerToEditName,
-        ...description.values
-    }) : '';
-    if (type === 'bool') {
-        return /*#__PURE__*/ jsxs(Field.Root, {
-            hint: hint,
-            name: name,
-            children: [
-                /*#__PURE__*/ jsx(Field.Label, {
-                    children: label
-                }),
-                /*#__PURE__*/ jsx(Toggle, {
-                    "aria-label": name,
-                    checked: value,
-                    disabled: disabled,
-                    offLabel: formatMessage({
-                        id: 'app.components.ToggleCheckbox.off-label',
-                        defaultMessage: 'Off'
-                    }),
-                    onLabel: formatMessage({
-                        id: 'app.components.ToggleCheckbox.on-label',
-                        defaultMessage: 'On'
-                    }),
-                    onChange: (e)=>{
-                        onChange({
-                            target: {
-                                name,
-                                value: e.target.checked
-                            }
-                        });
-                    }
-                }),
-                /*#__PURE__*/ jsx(Field.Hint, {})
-            ]
-        });
-    }
-    const formattedPlaceholder = placeholder ? formatMessage({
-        id: placeholder.id,
-        defaultMessage: placeholder.defaultMessage
-    }, {
-        ...placeholder.values
-    }) : '';
-    const errorMessage = error ? formatMessage({
-        id: error,
-        defaultMessage: error
-    }) : '';
-    return /*#__PURE__*/ jsxs(Field.Root, {
-        error: errorMessage,
-        name: name,
-        children: [
-            /*#__PURE__*/ jsx(Field.Label, {
-                children: label
-            }),
-            /*#__PURE__*/ jsx(TextInput, {
-                disabled: disabled,
-                onChange: onChange,
-                placeholder: formattedPlaceholder,
-                type: type,
-                value: inputValue
-            }),
-            /*#__PURE__*/ jsx(Field.Error, {})
-        ]
-    });
-};
-Input.defaultProps = {
-    description: null,
-    disabled: false,
-    error: '',
-    placeholder: null,
-    value: ''
-};
-Input.propTypes = {
-    description: PropTypes.shape({
-        id: PropTypes.string.isRequired,
-        defaultMessage: PropTypes.string.isRequired,
-        values: PropTypes.object
-    }),
-    disabled: PropTypes.bool,
-    error: PropTypes.string,
-    intlLabel: PropTypes.shape({
-        id: PropTypes.string.isRequired,
-        defaultMessage: PropTypes.string.isRequired,
-        values: PropTypes.object
-    }).isRequired,
-    name: PropTypes.string.isRequired,
-    onChange: PropTypes.func.isRequired,
-    placeholder: PropTypes.shape({
-        id: PropTypes.string.isRequired,
-        defaultMessage: PropTypes.string.isRequired,
-        values: PropTypes.object
-    }),
-    providerToEditName: PropTypes.string.isRequired,
-    type: PropTypes.string.isRequired,
-    value: PropTypes.oneOfType([
-        PropTypes.bool,
-        PropTypes.string
-    ])
-};
-
-const FormModal = ({ headerBreadcrumbs, initialData, isSubmiting, layout, isOpen, onSubmit, onToggle, providerToEditName })=>{
-    const { formatMessage } = useIntl();
-    return /*#__PURE__*/ jsx(Modal.Root, {
-        open: isOpen,
-        onOpenChange: onToggle,
-        children: /*#__PURE__*/ jsxs(Modal.Content, {
-            children: [
-                /*#__PURE__*/ jsx(Modal.Header, {
-                    children: /*#__PURE__*/ jsx(Breadcrumbs, {
-                        label: headerBreadcrumbs.join(', '),
-                        children: headerBreadcrumbs.map((crumb, index, arr)=>/*#__PURE__*/ jsx(Crumb, {
-                                isCurrent: index === arr.length - 1,
-                                children: crumb
-                            }, crumb))
-                    })
-                }),
-                /*#__PURE__*/ jsx(Formik, {
-                    onSubmit: (values)=>onSubmit(values),
-                    initialValues: initialData,
-                    validationSchema: layout.schema,
-                    validateOnChange: false,
-                    children: ({ errors, handleChange, values })=>{
-                        return /*#__PURE__*/ jsxs(Form, {
-                            children: [
-                                /*#__PURE__*/ jsx(Modal.Body, {
-                                    children: /*#__PURE__*/ jsx(Flex, {
-                                        direction: "column",
-                                        alignItems: "stretch",
-                                        gap: 1,
-                                        children: /*#__PURE__*/ jsx(Grid.Root, {
-                                            gap: 5,
-                                            children: layout.form.map((row)=>{
-                                                return row.map((input)=>{
-                                                    return /*#__PURE__*/ jsx(Grid.Item, {
-                                                        col: input.size,
-                                                        xs: 12,
-                                                        direction: "column",
-                                                        alignItems: "stretch",
-                                                        children: /*#__PURE__*/ jsx(Input, {
-                                                            ...input,
-                                                            error: errors[input.name],
-                                                            onChange: handleChange,
-                                                            value: values[input.name],
-                                                            providerToEditName: providerToEditName
-                                                        })
-                                                    }, input.name);
-                                                });
-                                            })
-                                        })
-                                    })
-                                }),
-                                /*#__PURE__*/ jsxs(Modal.Footer, {
-                                    children: [
-                                        /*#__PURE__*/ jsx(Button, {
-                                            variant: "tertiary",
-                                            onClick: onToggle,
-                                            type: "button",
-                                            children: formatMessage({
-                                                id: 'app.components.Button.cancel',
-                                                defaultMessage: 'Cancel'
-                                            })
-                                        }),
-                                        /*#__PURE__*/ jsx(Button, {
-                                            type: "submit",
-                                            loading: isSubmiting,
-                                            children: formatMessage({
-                                                id: 'global.save',
-                                                defaultMessage: 'Save'
-                                            })
-                                        })
-                                    ]
-                                })
-                            ]
-                        });
-                    }
-                })
-            ]
-        })
-    });
-};
-FormModal.defaultProps = {
-    initialData: null,
-    providerToEditName: null
-};
-FormModal.propTypes = {
-    headerBreadcrumbs: PropTypes.arrayOf(PropTypes.string).isRequired,
-    initialData: PropTypes.object,
-    layout: PropTypes.shape({
-        form: PropTypes.arrayOf(PropTypes.array),
-        schema: PropTypes.object
-    }).isRequired,
-    isOpen: PropTypes.bool.isRequired,
-    isSubmiting: PropTypes.bool.isRequired,
-    onSubmit: PropTypes.func.isRequired,
-    onToggle: PropTypes.func.isRequired,
-    providerToEditName: PropTypes.string
-};
-
-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()
-            })
-        })
-    }
-};
-
-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-CHTUC0LM.mjs.map