strapi-plugin-comments 2.3.1 → 3.0.0-beta.0

package/admin/src/pages/Reports/index.js

@@ -1,196 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mapDispatchToProps = void 0;
-const BaseCheckbox_1 = require("@strapi/design-system/BaseCheckbox");
-const Box_1 = require("@strapi/design-system/Box");
-const Button_1 = require("@strapi/design-system/Button");
-const Layout_1 = require("@strapi/design-system/Layout");
-const LiveRegions_1 = require("@strapi/design-system/LiveRegions");
-const Table_1 = require("@strapi/design-system/Table");
-const Typography_1 = require("@strapi/design-system/Typography");
-const helper_plugin_1 = require("@strapi/helper-plugin");
-const icons_1 = require("../../components/icons");
-const lodash_1 = require("lodash");
-const react_1 = __importStar(require("react"));
-const react_fast_compare_1 = __importDefault(require("react-fast-compare"));
-const react_query_1 = require("react-query");
-const react_redux_1 = require("react-redux");
-const react_router_dom_1 = require("react-router-dom");
-const redux_1 = require("redux");
-const Nav_1 = __importDefault(require("../../components/Nav"));
-const TableFilters_1 = __importDefault(require("../../components/TableFilters"));
-const TablePagination_1 = __importDefault(require("../../components/TablePagination"));
-const permissions_1 = __importDefault(require("../../permissions"));
-const utils_1 = require("../../utils");
-const getUrl_1 = __importDefault(require("../../utils/getUrl"));
-const selectors_1 = __importDefault(require("../App/reducer/selectors"));
-const api_1 = require("../utils/api");
-const ReportsTableRow_1 = __importDefault(require("./components/ReportsTableRow"));
-const api_2 = require("./utils/api");
-const filtersSchema_1 = __importDefault(require("./utils/filtersSchema"));
-const NoAccessPage_1 = __importDefault(require("../NoAccessPage"));
-const tableHeaders = [
-    "page.reports.table.header.id",
-    "page.reports.table.header.reason",
-    "page.reports.table.header.content",
-    "page.reports.table.header.status",
-    "page.reports.table.header.issueDate",
-    "page.reports.table.header.relatedComment",
-    "page.reports.table.header.actions",
-];
-const COL_COUNT = 8;
-const Reports = ({ config }) => {
-    const [storedReports, setStoredReports] = (0, react_1.useState)([]);
-    const [selectedReports, setSelectedReports] = (0, react_1.useState)([]);
-    (0, helper_plugin_1.useFocusWhenNavigate)();
-    const { push } = (0, react_router_dom_1.useHistory)();
-    const { notifyStatus } = (0, LiveRegions_1.useNotifyAT)();
-    const { trackUsage } = (0, helper_plugin_1.useTracking)();
-    const trackUsageRef = (0, react_1.useRef)(trackUsage);
-    const toggleNotification = (0, helper_plugin_1.useNotification)();
-    const [{ query: queryParams }] = (0, helper_plugin_1.useQueryParams)();
-    const _q = queryParams?._q || "";
-    const queryClient = (0, react_query_1.useQueryClient)();
-    const { lockApp, unlockApp } = (0, helper_plugin_1.useOverlayBlocker)();
-    const viewPermissions = (0, react_1.useMemo)(() => ({
-        access: permissions_1.default.access,
-        moderate: permissions_1.default.moderate,
-        accessReports: permissions_1.default.reports,
-        reviewReports: permissions_1.default.reportsReview,
-    }), []);
-    const { isLoading: isLoadingForPermissions, allowedActions: { canAccess, canModerate, canAccessReports, canReviewReports, }, } = (0, helper_plugin_1.useRBAC)(viewPermissions);
-    const { isLoading: isLoadingForData, data: { result, pagination = {} }, isFetching, } = (0, react_query_1.useQuery)(["get-data", queryParams, canAccess], () => (0, api_2.fetchReportsData)(queryParams, toggleNotification), {
-        initialData: {},
-    });
-    (0, react_1.useEffect)(() => {
-        setStoredReports(result);
-    }, [result, storedReports]);
-    const handleClickDisplay = (id) => {
-        push((0, getUrl_1.default)(`discover/${id}`));
-    };
-    const onSuccess = () => async () => {
-        await queryClient.invalidateQueries("get-data");
-        unlockApp();
-    };
-    const onError = (err) => {
-        (0, utils_1.handleAPIError)(err, toggleNotification);
-    };
-    const onSelectionChange = (selection) => setSelectedReports(selection);
-    const handleItemSelectionChange = (selection, value) => {
-        if ((0, lodash_1.isArray)(selection)) {
-            onSelectionChange(value ? selection : []);
-        }
-        else {
-            onSelectionChange([...selectedReports, selection].filter((item) => value || selection !== item));
-        }
-    };
-    const areAllItemsSelected = () => !(0, lodash_1.isEmpty)(selectedReports)
-        ? selectedReports.length === storedReports.length
-        : false;
-    const isItemSelected = (id) => selectedReports.includes(id);
-    const hasAnySelectedReports = selectedReports.length > 0;
-    const onValueChange = (0, react_1.useCallback)((value) => {
-        handleItemSelectionChange(storedReports.map((_) => _.id), value);
-    }, [storedReports]);
-    const resolveReportMutation = (0, react_query_1.useMutation)(api_1.resolveReport, {
-        onSuccess: onSuccess(),
-        onError,
-        refetchActive: false,
-    });
-    const resolveMultipleReportsMutation = (0, react_query_1.useMutation)(api_1.resolveMultipleReports, {
-        onSuccess: onSuccess(),
-        onError,
-        refetchActive: false,
-    });
-    const handleClickResolveSelected = async () => {
-        if (canReviewReports) {
-            lockApp();
-            const items = await resolveMultipleReportsMutation.mutateAsync(selectedReports);
-            if (!(0, lodash_1.isEmpty)(items)) {
-                const updatedReports = storedReports.map((_) => ({
-                    ..._,
-                    resolved: selectedReports.includes(_.id) ? true : _.resolved,
-                }));
-                setStoredReports(updatedReports);
-                setSelectedReports([], false);
-            }
-        }
-    };
-    const isLoading = isLoadingForData || isFetching;
-    const { total } = pagination;
-    const emptyLayout = {
-        comments: {
-            id: (0, utils_1.getMessage)("page.reports.table.empty"),
-            defaultMessage: "You don't have any reports yet.",
-        },
-        search: {
-            id: (0, utils_1.getMessage)("page.reports.table.empty.search"),
-            defaultMessage: "No reports match the search.",
-        },
-    };
-    const emptyContent = _q ? "search" : "comments";
-    return canAccess ? (react_1.default.createElement(Box_1.Box, { background: "neutral100" },
-        react_1.default.createElement(Layout_1.Layout, null, isLoading || isLoadingForPermissions ? (react_1.default.createElement(helper_plugin_1.LoadingIndicatorPage, null)) : (react_1.default.createElement(Layout_1.Layout, { sideNav: react_1.default.createElement(Nav_1.default, { visible: true }) },
-            react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(Layout_1.HeaderLayout, { title: (0, utils_1.getMessage)("page.reports.header"), subtitle: `${total} ${(0, utils_1.getMessage)("page.discover.header.count")}`, as: "h2" }),
-                react_1.default.createElement(Layout_1.ActionLayout, { startActions: react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement(helper_plugin_1.SearchURLQuery, { label: (0, utils_1.getMessage)("search.label", "Search", false) }),
-                        react_1.default.createElement(TableFilters_1.default, { displayedFilters: filtersSchema_1.default }),
-                        hasAnySelectedReports && (react_1.default.createElement(Button_1.Button, { variant: "success", onClick: handleClickResolveSelected, startIcon: icons_1.check }, (0, utils_1.getMessage)({
-                            id: `page.details.panel.discussion.warnings.reports.dialog.actions.resolve.selected`,
-                            props: {
-                                count: selectedReports.length,
-                            },
-                        }, "Resolve selected")))) }),
-                react_1.default.createElement(Layout_1.ContentLayout, null, !(0, lodash_1.isEmpty)(result) ? (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement(Table_1.Table, { colCount: COL_COUNT, rowCount: result.length },
-                        react_1.default.createElement(Table_1.Thead, null,
-                            react_1.default.createElement(Table_1.Tr, null,
-                                react_1.default.createElement(Table_1.Th, null,
-                                    react_1.default.createElement(BaseCheckbox_1.BaseCheckbox, { "aria-label": (0, utils_1.getMessage)("page.details.panel.discussion.warnings.reports.dialog.selectAll"), value: areAllItemsSelected(), disabled: (0, lodash_1.isEmpty)(storedReports), onValueChange: onValueChange })),
-                                tableHeaders.map((title) => (react_1.default.createElement(Table_1.Th, null,
-                                    react_1.default.createElement(Typography_1.Typography, { variant: "sigma" }, (0, utils_1.getMessage)(title))))))),
-                        react_1.default.createElement(Table_1.Tbody, null, result.map((entry) => {
-                            return (react_1.default.createElement(ReportsTableRow_1.default, { key: `comment-${entry.id}`, config: config, item: entry, allowedActions: {
-                                    canModerate,
-                                    canAccessReports,
-                                    canReviewReports,
-                                }, onClick: () => handleClickDisplay(entry.related.id), mutation: resolveReportMutation, reports: storedReports, updateReports: setStoredReports, selectedReports: selectedReports, onSelectionChange: onSelectionChange, isChecked: isItemSelected, handleItemSelectionChange: handleItemSelectionChange }));
-                        }))),
-                    react_1.default.createElement(TablePagination_1.default, { pagination: { pageCount: pagination?.pageCount || 1 } }))) : (react_1.default.createElement(helper_plugin_1.EmptyStateLayout, { content: emptyLayout[emptyContent] }))))))))) :
-        react_1.default.createElement(NoAccessPage_1.default, null);
-};
-const mapStateToProps = (0, selectors_1.default)();
-const mapDispatchToProps = (dispatch) => {
-    return (0, redux_1.bindActionCreators)({}, dispatch);
-};
-exports.mapDispatchToProps = mapDispatchToProps;
-const withConnect = (0, react_redux_1.connect)(mapStateToProps, exports.mapDispatchToProps);
-exports.default = (0, redux_1.compose)(withConnect)((0, react_1.memo)(Reports, react_fast_compare_1.default));
-//# sourceMappingURL=index.js.map

package/admin/src/pages/Reports/utils/api.d.ts

@@ -1,2 +0,0 @@
-export declare const fetchReportsData: (queryParams: any, toggleNotification: any) => Promise<any>;
-//# sourceMappingURL=api.d.ts.map

package/admin/src/pages/Reports/utils/api.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.fetchReportsData = void 0;
-const qs_1 = require("qs");
-const utils_1 = require("../../../utils");
-const fetchReportsData = async (queryParams, toggleNotification) => {
-    try {
-        const { data } = await utils_1.axiosInstance.get((0, utils_1.getApiURL)(`moderate/reports${queryParams ? `?${(0, qs_1.stringify)(queryParams, { encode: false })}` : ""}`));
-        return data;
-    }
-    catch (err) {
-        (0, utils_1.handleAPIError)(err, toggleNotification);
-    }
-};
-exports.fetchReportsData = fetchReportsData;
-//# sourceMappingURL=api.js.map

package/admin/src/pages/Reports/utils/filtersSchema.d.ts

@@ -1,26 +0,0 @@
-declare const filtersSchema: ({
-    name: string;
-    metadatas: {
-        label: string;
-    };
-    fieldSchema: {
-        type: string;
-        mainField?: undefined;
-    };
-} | {
-    name: string;
-    metadatas: {
-        label: string;
-    };
-    fieldSchema: {
-        type: string;
-        mainField: {
-            name: string;
-            schema: {
-                type: string;
-            };
-        };
-    };
-})[];
-export default filtersSchema;
-//# sourceMappingURL=filtersSchema.d.ts.map

package/admin/src/pages/Reports/utils/filtersSchema.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const filtersSchema = [
-    {
-        name: 'content',
-        metadatas: { label: 'Message' },
-        fieldSchema: { type: 'string' },
-    },
-    {
-        name: 'reason',
-        metadatas: { label: 'Reason' },
-        fieldSchema: { type: 'enum' },
-    }, {
-        name: 'resolved',
-        metadatas: { label: 'Resolved' },
-        fieldSchema: { type: 'boolean' },
-    }, {
-        name: 'related',
-        metadatas: { label: 'Comment author' },
-        fieldSchema: {
-            type: "relation",
-            mainField: {
-                name: "authorName",
-                schema: {
-                    type: "string"
-                }
-            }
-        }
-    },
-];
-exports.default = filtersSchema;
-//# sourceMappingURL=filtersSchema.js.map

package/admin/src/pages/Settings/components/RestartAlert/styles.d.ts

@@ -1,2 +0,0 @@
-export declare const RestartAlert: import("styled-components").StyledComponent<any, any, any, any>;
-//# sourceMappingURL=styles.d.ts.map

package/admin/src/pages/Settings/components/RestartAlert/styles.js

@@ -1,14 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RestartAlert = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const Alert_1 = require("@strapi/design-system/Alert");
-exports.RestartAlert = (0, styled_components_1.default)(Alert_1.Alert) `
-  [role="status"] {
-    flex-direction: column;
-  }
-`;
-//# sourceMappingURL=styles.js.map

package/admin/src/pages/Settings/index.d.ts

@@ -1,3 +0,0 @@
-declare const Settings: () => JSX.Element;
-export default Settings;
-//# sourceMappingURL=index.d.ts.map

package/admin/src/pages/Settings/index.js

@@ -1,244 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const react_query_1 = require("react-query");
-const formik_1 = require("formik");
-const lodash_1 = require("lodash");
-const helper_plugin_1 = require("@strapi/helper-plugin");
-const Accordion_1 = require("@strapi/design-system/Accordion");
-const Main_1 = require("@strapi/design-system/Main");
-const Layout_1 = require("@strapi/design-system/Layout");
-const Button_1 = require("@strapi/design-system/Button");
-const Box_1 = require("@strapi/design-system/Box");
-const Stack_1 = require("@strapi/design-system/Stack");
-const Typography_1 = require("@strapi/design-system/Typography");
-const Grid_1 = require("@strapi/design-system/Grid");
-const TextInput_1 = require("@strapi/design-system/TextInput");
-const ToggleInput_1 = require("@strapi/design-system/ToggleInput");
-const Select_1 = require("@strapi/design-system/Select");
-const LiveRegions_1 = require("@strapi/design-system/LiveRegions");
-const Tooltip_1 = require("@strapi/design-system/Tooltip");
-const icons_1 = require("../../components/icons");
-const permissions_1 = __importDefault(require("../../permissions"));
-const useConfig_1 = __importDefault(require("../../hooks/useConfig"));
-const api_1 = require("./utils/api");
-const utils_1 = require("../../utils");
-const ConfirmationDialog_1 = __importDefault(require("../../components/ConfirmationDialog"));
-const styles_1 = require("./components/RestartAlert/styles");
-const FormSwitch_1 = __importDefault(require("../../components/FormSwitch"));
-const Settings = () => {
-    (0, helper_plugin_1.useFocusWhenNavigate)();
-    const { notifyStatus } = (0, LiveRegions_1.useNotifyAT)();
-    const { trackUsage } = (0, helper_plugin_1.useTracking)();
-    const trackUsageRef = (0, react_1.useRef)(trackUsage);
-    const toggleNotification = (0, helper_plugin_1.useNotification)();
-    const { lockApp, unlockApp } = (0, helper_plugin_1.useOverlayBlocker)();
-    const { isLoading: isLoadingForPermissions, allowedActions } = (0, helper_plugin_1.useRBAC)(permissions_1.default);
-    const { canSettings: canAccess, canSettingsChange: canChange } = allowedActions;
-    const [restoreConfigmationVisible, setRestoreConfigmationVisible] = (0, react_1.useState)(false);
-    const [restartRequired, setRestartRequired] = (0, react_1.useState)(false);
-    const [contentTypeExpanded, setContentTypeExpanded] = (0, react_1.useState)(undefined);
-    const { fetch, restartMutation, submitMutation, restoreMutation } = (0, useConfig_1.default)(toggleNotification);
-    const { data: configData, isLoading: isConfigLoading, err: configErr, } = fetch;
-    const { data: allCollectionsData, isLoading: areCollectionsLoading, err: collectionsErr, } = (0, react_query_1.useQuery)(["get-all-content-types", canAccess], () => (0, api_1.fetchAllContentTypes)(toggleNotification));
-    const { data: allRolesData, isLoading: areRolesLoading, err: rolesErr, } = (0, react_query_1.useQuery)(["get-all-roles", canAccess], () => (0, api_1.fetchRoles)(toggleNotification));
-    const isLoading = isLoadingForPermissions ||
-        isConfigLoading ||
-        areCollectionsLoading ||
-        areRolesLoading;
-    const isError = configErr || collectionsErr || rolesErr;
-    const preparePayload = ({ enabledCollections, gqlAuthEnabled, approvalFlow, entryLabel, clientUrl, clientEmail, blockedAuthorProps, ...rest }) => ({
-        ...rest,
-        blockedAuthorProps: blockedAuthorProps.split(",").map(x => x.trim()).filter(x => x),
-        enabledCollections,
-        approvalFlow: approvalFlow.filter((_) => enabledCollections.includes(_)),
-        entryLabel: {
-            ...Object.keys(entryLabel).reduce((prev, curr) => ({
-                ...prev,
-                [curr]: enabledCollections.includes(curr)
-                    ? entryLabel[curr]
-                    : undefined,
-            }), {}),
-            "*": entryLabel["*"],
-        },
-        reportReasons: configData?.reportReasons,
-        client: clientEmail || clientUrl ? {
-            contactEmail: clientEmail,
-            url: clientUrl,
-        } : undefined,
-        gql: gqlAuthEnabled ? { auth: true } : undefined,
-    });
-    if (isLoading || isError) {
-        return (react_1.default.createElement(helper_plugin_1.LoadingIndicatorPage, null, (0, utils_1.getMessage)("page.settings.loading")));
-    }
-    const regexUID = !isLoading
-        ? new RegExp((0, utils_1.parseRegExp)(fetch.data.regex?.uid).value, (0, utils_1.parseRegExp)(fetch.data.regex?.uid).flags)
-        : null;
-    const allRoles = allRolesData?.data || [];
-    const allCollections = !isLoading &&
-        allCollectionsData.filter(({ uid }) => (0, lodash_1.first)(uid.split(regexUID).filter((s) => s && s.length > 0)) === "api");
-    const enabledCollections = configData?.enabledCollections
-        ?.map((uid) => allCollections.find((_) => _.uid === uid) ? uid : undefined)
-        .filter((_) => _) || [];
-    const entryLabel = configData?.entryLabel || {};
-    const approvalFlow = configData?.approvalFlow || [];
-    const badWords = (0, lodash_1.isNil)(configData?.badWords) ? true : configData?.badWords;
-    const isGQLPluginEnabled = configData?.isGQLPluginEnabled;
-    const gqlAuthEnabled = configData?.gql?.auth || undefined;
-    const moderatorRoles = configData?.moderatorRoles?.filter((code) => allRoles.find((_) => _.code === code)) || [];
-    const clientUrl = configData?.client?.url;
-    const clientEmail = configData?.client?.contactEmail;
-    const blockedAuthorProps = configData?.blockedAuthorProps ?? [];
-    const changeApprovalFlowFor = (uid, current, value) => {
-        const currentSet = new Set(current);
-        if (value) {
-            currentSet.add(uid);
-        }
-        else {
-            currentSet.delete(uid);
-        }
-        return Array.from(currentSet);
-    };
-    const changeEntryLabelFor = (uid, current, value) => ({
-        ...current,
-        [uid]: value && !(0, lodash_1.isEmpty)(value) ? [...value] : undefined,
-    });
-    const handleUpdateConfiguration = async (form) => {
-        if (canChange) {
-            lockApp();
-            const payload = preparePayload(form);
-            await submitMutation.mutateAsync(payload);
-            const enabledCollectionsChanged = !(0, lodash_1.isEqual)(payload.enabledCollections, configData?.enabledCollections);
-            const gqlAuthChanged = !(0, lodash_1.isEqual)(payload.gql?.auth, configData?.gql?.auth);
-            if (enabledCollectionsChanged || gqlAuthChanged) {
-                setRestartRequired(true);
-            }
-            unlockApp();
-        }
-    };
-    const handleRestoreConfirmation = () => setRestoreConfigmationVisible(true);
-    const handleRestoreConfiguration = async () => {
-        if (canChange) {
-            lockApp();
-            await restoreMutation.mutateAsync();
-            unlockApp();
-            setRestartRequired(true);
-            setRestoreConfigmationVisible(false);
-        }
-    };
-    const handleRestoreCancel = () => setRestoreConfigmationVisible(false);
-    const handleRestart = async () => {
-        if (canChange) {
-            lockApp();
-            await restartMutation.mutateAsync();
-            setRestartRequired(false);
-            unlockApp();
-        }
-    };
-    const handleRestartDiscard = () => setRestartRequired(false);
-    const handleSetContentTypeExpanded = (key) => setContentTypeExpanded(key === contentTypeExpanded ? undefined : key);
-    const boxDefaultProps = {
-        background: "neutral0",
-        hasRadius: true,
-        shadow: "filterShadow",
-        padding: 6,
-    };
-    return (react_1.default.createElement(Main_1.Main, null,
-        react_1.default.createElement(formik_1.Formik, { initialValues: {
-                enabledCollections,
-                moderatorRoles,
-                badWords,
-                approvalFlow,
-                entryLabel,
-                clientEmail,
-                clientUrl,
-                gqlAuthEnabled,
-                blockedAuthorProps: blockedAuthorProps.join(", "),
-            }, enableReinitialize: true, onSubmit: handleUpdateConfiguration }, ({ handleSubmit, setFieldValue, values }) => (react_1.default.createElement(helper_plugin_1.Form, { noValidate: true, onSubmit: handleSubmit },
-            react_1.default.createElement(Layout_1.HeaderLayout, { title: (0, utils_1.getMessage)("page.settings.header.title"), subtitle: (0, utils_1.getMessage)("page.settings.header.description"), primaryAction: react_1.default.createElement(helper_plugin_1.CheckPermissions, { permissions: permissions_1.default.settingsChange },
-                    react_1.default.createElement(Button_1.Button, { type: "submit", startIcon: icons_1.check, disabled: restartRequired }, (0, utils_1.getMessage)("page.settings.actions.submit"))) }),
-            react_1.default.createElement(Layout_1.ContentLayout, null,
-                react_1.default.createElement(Stack_1.Stack, { size: 4 },
-                    restartRequired && (react_1.default.createElement(styles_1.RestartAlert, { closeLabel: (0, utils_1.getMessage)("page.settings.actions.restart.alert.cancel"), title: (0, utils_1.getMessage)("page.settings.actions.restart.alert.title"), action: react_1.default.createElement(Box_1.Box, null,
-                            react_1.default.createElement(Button_1.Button, { onClick: handleRestart, startIcon: icons_1.play }, (0, utils_1.getMessage)("page.settings.actions.restart"))), onClose: handleRestartDiscard }, (0, utils_1.getMessage)("page.settings.actions.restart.alert.description"))),
-                    react_1.default.createElement(Box_1.Box, { ...boxDefaultProps },
-                        react_1.default.createElement(Stack_1.Stack, { size: 4 },
-                            react_1.default.createElement(Typography_1.Typography, { variant: "delta", as: "h2" }, (0, utils_1.getMessage)("page.settings.section.general")),
-                            react_1.default.createElement(Grid_1.Grid, { gap: 4 },
-                                react_1.default.createElement(Grid_1.GridItem, { col: 12 },
-                                    react_1.default.createElement(Select_1.Select, { name: "enabledCollections", label: (0, utils_1.getMessage)("page.settings.form.enabledCollections.label"), placeholder: (0, utils_1.getMessage)("page.settings.form.enabledCollections.placeholder"), hint: (0, utils_1.getMessage)("page.settings.form.enabledCollections.hint"), onClear: () => setFieldValue("enabledCollections", [], false), value: values.enabledCollections, onChange: (value) => setFieldValue("enabledCollections", value, false), disabled: restartRequired, multi: true, withTags: true }, allCollections.map(({ uid, schema: { displayName } }) => (react_1.default.createElement(Select_1.Option, { key: uid, value: uid }, displayName))))),
-                                !(0, lodash_1.isEmpty)(values.enabledCollections) && (react_1.default.createElement(Grid_1.GridItem, { col: 12 },
-                                    react_1.default.createElement(Accordion_1.AccordionGroup, { label: (0, utils_1.getMessage)("page.settings.form.contentTypesSettings.label"), labelAction: react_1.default.createElement(Tooltip_1.Tooltip, { description: (0, utils_1.getMessage)("page.settings.form.contentTypesSettings.tooltip") }, icons_1.information) }, (0, lodash_1.orderBy)(values.enabledCollections).map((uid) => {
-                                        const { schema: { displayName, attributes = {} }, } = allCollections.find((_) => _.uid === uid);
-                                        const stringAttributes = Object.keys(attributes).filter((_) => attributes[_].type === "string");
-                                        const key = `collectionSettings-${uid}`;
-                                        return (react_1.default.createElement(Accordion_1.Accordion, { expanded: contentTypeExpanded === key, toggle: () => handleSetContentTypeExpanded(key), key: key, id: key, size: "S" },
-                                            react_1.default.createElement(Accordion_1.AccordionToggle, { title: displayName, togglePosition: "left" }),
-                                            react_1.default.createElement(Accordion_1.AccordionContent, null,
-                                                react_1.default.createElement(Box_1.Box, { padding: 6 },
-                                                    react_1.default.createElement(Stack_1.Stack, { size: 4 },
-                                                        react_1.default.createElement(FormSwitch_1.default, { name: `collectionSettings-${uid}-approvalFlow`, label: (0, utils_1.getMessage)("page.settings.form.approvalFlow.label"), hint: (0, utils_1.getMessage)({
-                                                                id: "page.settings.form.approvalFlow.hint",
-                                                                props: { name: displayName },
-                                                            }), selected: values.approvalFlow.includes(uid), onChange: () => setFieldValue("approvalFlow", changeApprovalFlowFor(uid, values.approvalFlow, !values.approvalFlow.includes(uid)), []), onLabel: (0, utils_1.getMessage)("compontents.toogle.enabled"), offLabel: (0, utils_1.getMessage)("compontents.toogle.disabled"), disabled: restartRequired, visibleLabels: true }),
-                                                        !(0, lodash_1.isEmpty)(stringAttributes) && (react_1.default.createElement(Select_1.Select, { name: `collectionSettings-${uid}-entryLabel`, label: (0, utils_1.getMessage)("page.settings.form.entryLabel.label"), placeholder: (0, utils_1.getMessage)("page.settings.form.entryLabel.placeholder"), hint: (0, utils_1.getMessage)("page.settings.form.entryLabel.hint"), onClear: () => setFieldValue("entryLabel", changeEntryLabelFor(uid, values.entryLabel)), value: values.entryLabel[uid] || [], onChange: (value) => setFieldValue("entryLabel", changeEntryLabelFor(uid, values.entryLabel, value)), multi: true, withTags: true, disabled: restartRequired }, stringAttributes.map((key) => (react_1.default.createElement(Select_1.Option, { key: `collectionSettings-${uid}-entryLabel-${key}`, value: key }, (0, lodash_1.capitalize)(key.split("_").join(" "))))))))))));
-                                    }))))))),
-                    react_1.default.createElement(Box_1.Box, { ...boxDefaultProps },
-                        react_1.default.createElement(Stack_1.Stack, { size: 4 },
-                            react_1.default.createElement(Typography_1.Typography, { variant: "delta", as: "h2" }, (0, utils_1.getMessage)("page.settings.section.additional")),
-                            react_1.default.createElement(Grid_1.Grid, { gap: 4 },
-                                react_1.default.createElement(Grid_1.GridItem, { col: 4, xs: 12 },
-                                    react_1.default.createElement(ToggleInput_1.ToggleInput, { name: "badWords", label: (0, utils_1.getMessage)("page.settings.form.badWords.label"), hint: (0, utils_1.getMessage)("page.settings.form.badWords.hint"), checked: values.badWords, onChange: ({ target: { checked } }) => setFieldValue("badWords", checked, false), onLabel: (0, utils_1.getMessage)("compontents.toogle.enabled"), offLabel: (0, utils_1.getMessage)("compontents.toogle.disabled"), disabled: restartRequired })),
-                                react_1.default.createElement(Grid_1.GridItem, { col: 4, xs: 12 },
-                                    react_1.default.createElement(TextInput_1.TextInput, { type: "text", name: "blockedAuthorProps", label: (0, utils_1.getMessage)("page.settings.form.author.blockedProps.label"), hint: (0, utils_1.getMessage)("page.settings.form.author.blockedProps.hint"), value: values.blockedAuthorProps, onChange: ({ target: { value } }) => setFieldValue("blockedAuthorProps", value, false), disabled: restartRequired })),
-                                isGQLPluginEnabled && (react_1.default.createElement(Grid_1.GridItem, { col: 4, xs: 12 },
-                                    react_1.default.createElement(ToggleInput_1.ToggleInput, { name: "gqlAuthEnabled", label: (0, utils_1.getMessage)("page.settings.form.gqlAuth.label"), hint: (0, utils_1.getMessage)("page.settings.form.gqlAuth.hint"), checked: values.gqlAuthEnabled, onChange: ({ target: { checked } }) => setFieldValue("gqlAuthEnabled", checked, false), onLabel: (0, utils_1.getMessage)("compontents.toogle.enabled"), offLabel: (0, utils_1.getMessage)("compontents.toogle.disabled"), disabled: restartRequired })))))),
-                    react_1.default.createElement(Box_1.Box, { ...boxDefaultProps },
-                        react_1.default.createElement(Stack_1.Stack, { size: 4 },
-                            react_1.default.createElement(Typography_1.Typography, { variant: "delta", as: "h2" }, (0, utils_1.getMessage)("page.settings.section.client")),
-                            react_1.default.createElement(Grid_1.Grid, { gap: 4 },
-                                react_1.default.createElement(Grid_1.GridItem, { col: 3, xs: 12 },
-                                    react_1.default.createElement(TextInput_1.TextInput, { type: "url", name: "clientUrl", label: (0, utils_1.getMessage)("page.settings.form.client.url.label"), hint: (0, utils_1.getMessage)("page.settings.form.client.url.hint"), value: values.clientUrl, onChange: ({ target: { value } }) => setFieldValue("clientUrl", value, false), disabled: restartRequired })),
-                                react_1.default.createElement(Grid_1.GridItem, { col: 3, xs: 12 },
-                                    react_1.default.createElement(TextInput_1.TextInput, { type: "email", name: "clientEmail", label: (0, utils_1.getMessage)("page.settings.form.client.email.label"), hint: (0, utils_1.getMessage)("page.settings.form.client.email.hint"), value: values.clientEmail, onChange: ({ target: { value } }) => setFieldValue("clientEmail", value, false), disabled: restartRequired })),
-                                react_1.default.createElement(Grid_1.GridItem, { col: 6, xs: 12 },
-                                    react_1.default.createElement(Select_1.Select, { name: "moderatorRoles", label: (0, utils_1.getMessage)("page.settings.form.moderatorRoles.label"), placeholder: (0, utils_1.getMessage)("page.settings.form.moderatorRoles.placeholder"), hint: (0, utils_1.getMessage)("page.settings.form.moderatorRoles.hint"), onClear: () => setFieldValue("moderatorRoles", [], false), value: values.moderatorRoles, onChange: (value) => setFieldValue("moderatorRoles", value, false), disabled: restartRequired, multi: true, withTags: true }, allRoles.map(({ code, name }) => (react_1.default.createElement(Select_1.Option, { key: code, value: code }, name)))))))),
-                    react_1.default.createElement(helper_plugin_1.CheckPermissions, { permissions: permissions_1.default.settingsChange },
-                        react_1.default.createElement(Box_1.Box, { ...boxDefaultProps },
-                            react_1.default.createElement(Stack_1.Stack, { size: 4 },
-                                react_1.default.createElement(Stack_1.Stack, { size: 2 },
-                                    react_1.default.createElement(Typography_1.Typography, { variant: "delta", as: "h2" }, (0, utils_1.getMessage)("page.settings.section.restore")),
-                                    react_1.default.createElement(Typography_1.Typography, { variant: "pi", as: "h4" }, (0, utils_1.getMessage)("page.settings.section.restore.subtitle"))),
-                                react_1.default.createElement(Grid_1.Grid, { gap: 4 },
-                                    react_1.default.createElement(Grid_1.GridItem, { col: 6 },
-                                        react_1.default.createElement(Button_1.Button, { variant: "danger-light", startIcon: icons_1.refresh, onClick: handleRestoreConfirmation }, (0, utils_1.getMessage)("page.settings.actions.restore")),
-                                        react_1.default.createElement(ConfirmationDialog_1.default, { isVisible: restoreConfigmationVisible, isActionAsync: restoreMutation.isLoading, header: (0, utils_1.getMessage)("page.settings.actions.restore.confirmation.header"), labelConfirm: (0, utils_1.getMessage)("page.settings.actions.restore.confirmation.button.confirm"), iconConfirm: icons_1.refresh, onConfirm: handleRestoreConfiguration, onCancel: handleRestoreCancel }, (0, utils_1.getMessage)("page.settings.actions.restore.confirmation.description"))))))))))))));
-};
-exports.default = Settings;
-//# sourceMappingURL=index.js.map

package/admin/src/pages/Settings/utils/api.d.ts

@@ -1,7 +0,0 @@
-export declare const fetchConfig: (toggleNotification: any) => Promise<any>;
-export declare const updateConfig: (body: any, toggleNotification: any) => Promise<any>;
-export declare const restoreConfig: (toggleNotification: any) => Promise<any>;
-export declare const fetchAllContentTypes: (toggleNotification: any) => Promise<any>;
-export declare const fetchRoles: (toggleNotification: any) => Promise<any>;
-export declare const restartStrapi: (toggleNotification: any) => Promise<any>;
-//# sourceMappingURL=api.d.ts.map

package/admin/src/pages/Settings/utils/api.js

@@ -1,65 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.restartStrapi = exports.fetchRoles = exports.fetchAllContentTypes = exports.restoreConfig = exports.updateConfig = exports.fetchConfig = void 0;
-const utils_1 = require("../../../utils");
-const fetchConfig = async (toggleNotification) => {
-    try {
-        const { data } = await utils_1.axiosInstance.get((0, utils_1.getApiURL)(`settings/config`));
-        return data;
-    }
-    catch (err) {
-        (0, utils_1.handleAPIError)(err, toggleNotification, "page.settings.notification.fetch.error");
-    }
-};
-exports.fetchConfig = fetchConfig;
-const updateConfig = async (body, toggleNotification) => {
-    try {
-        const { data } = await utils_1.axiosInstance.put((0, utils_1.getApiURL)(`settings/config`), body);
-        return data;
-    }
-    catch (err) {
-        (0, utils_1.handleAPIError)(err, toggleNotification);
-    }
-};
-exports.updateConfig = updateConfig;
-const restoreConfig = async (toggleNotification) => {
-    try {
-        const { data } = await utils_1.axiosInstance.delete((0, utils_1.getApiURL)(`settings/config`));
-        return data;
-    }
-    catch (err) {
-        (0, utils_1.handleAPIError)(err, toggleNotification);
-    }
-};
-exports.restoreConfig = restoreConfig;
-const fetchAllContentTypes = async (toggleNotification) => {
-    try {
-        const { data } = await utils_1.axiosInstance.get(`/content-type-builder/content-types`);
-        return data?.data;
-    }
-    catch (err) {
-        (0, utils_1.handleAPIError)(err, toggleNotification);
-    }
-};
-exports.fetchAllContentTypes = fetchAllContentTypes;
-const fetchRoles = async (toggleNotification) => {
-    try {
-        const { data } = await utils_1.axiosInstance.get(`/admin/roles`);
-        return data;
-    }
-    catch (err) {
-        (0, utils_1.handleAPIError)(err, toggleNotification);
-    }
-};
-exports.fetchRoles = fetchRoles;
-const restartStrapi = async (toggleNotification) => {
-    try {
-        const { data } = await utils_1.axiosInstance.get((0, utils_1.getApiURL)(`settings/restart`));
-        return data;
-    }
-    catch (err) {
-        (0, utils_1.handleAPIError)(err, toggleNotification);
-    }
-};
-exports.restartStrapi = restartStrapi;
-//# sourceMappingURL=api.js.map