@solidxai/core-ui 0.1.8-beta.2 → 0.1.8-beta.20

package/dist/components/common/SettingsComponent.d.ts

@@ -0,0 +1,2 @@
+export declare function SettingsComponent(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SettingsComponent.d.ts.map

package/dist/components/common/SettingsComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsComponent.d.ts","sourceRoot":"","sources":["../../../src/components/common/SettingsComponent.tsx"],"names":[],"mappings":"AA0GA,wBAAgB,iBAAiB,4CA2dhC"}

package/dist/components/common/SettingsComponent.js

@@ -0,0 +1,351 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import { Search } from "lucide-react";
+import { useDispatch } from "react-redux";
+import { env } from "../../adapters/env";
+import { ERROR_MESSAGES } from "../../constants/error-messages";
+import { getExtensionComponent } from "../../helpers/registry";
+import { extractSettingsList, getSettingOptionLabel, getSettingsMap, humanizeSettingToken, } from "../../helpers/settingsPayload";
+import { showToast } from "../../redux/features/toastSlice";
+import { useBulkUpdateSolidSettingsMutation, useGetSolidSettingsQuery, } from "../../redux/api/solidSettingsApi";
+import { SolidButton, SolidDatePicker, SolidInput, SolidSelect, SolidSwitch, SolidTabGroup, SolidTag, SolidTextarea, SolidTooltip, SolidTooltipContent, SolidTooltipTrigger, } from "../shad-cn-ui";
+import { SettingDropzoneActivePlaceholder } from "./SolidSettings/SettingDropzoneActivePlaceholder";
+import { SettingsImageRemoveButton } from "./SolidSettings/SettingsImageRemoveButton";
+import { SolidUploadedImage } from "./SolidSettings/SolidUploadedImage";
+import styles from "./SettingsComponent.module.css";
+function normalizeAssetUrl(src) {
+    if (!src)
+        return "";
+    var isBlobOrAbsolute = src.startsWith("blob:") || src.startsWith("http");
+    if (isBlobOrAbsolute || src.startsWith("/"))
+        return src;
+    return "".concat(env("API_URL"), "/").concat(src);
+}
+function toModuleInitials(moduleName) {
+    return moduleName
+        .split(/[-_\s]+/)
+        .filter(Boolean)
+        .map(function (token) { var _a; return (_a = token[0]) === null || _a === void 0 ? void 0 : _a.toUpperCase(); })
+        .join("")
+        .slice(0, 2);
+}
+function serializeValue(value) {
+    if (value === null || value === undefined)
+        return "";
+    if (typeof value === "string")
+        return value;
+    return JSON.stringify(value);
+}
+function areValuesEqual(left, right) {
+    if (left instanceof File || right instanceof File)
+        return false;
+    return serializeValue(left) === serializeValue(right);
+}
+function formatReadonlyValue(setting, value) {
+    if (value === null || value === undefined || value === "") {
+        return "Not set";
+    }
+    if (setting.controlType === "boolean") {
+        return value ? "Enabled" : "Disabled";
+    }
+    if (setting.controlType === "selectionStatic") {
+        return getSettingOptionLabel(setting, value);
+    }
+    if (setting.controlType === "mediaSingle") {
+        return String(value);
+    }
+    if (typeof value === "object") {
+        return JSON.stringify(value, null, 2);
+    }
+    return String(value);
+}
+function getSettingsWidgetName(setting) {
+    return setting.settingsWidget || "";
+}
+function getCustomWidgetErrorText(setting, widgetName, settingsWidget) {
+    if (setting.controlType !== "custom")
+        return null;
+    if (!widgetName) {
+        return "controlType is \"custom\" for setting \"".concat(setting.key, "\" but no settingsWidget is specified.");
+    }
+    if (!settingsWidget) {
+        return "Widget \"".concat(widgetName, "\" is not registered for setting \"").concat(setting.key, "\".");
+    }
+    return null;
+}
+export function SettingsComponent() {
+    var _this = this;
+    var dispatch = useDispatch();
+    var _a = useGetSolidSettingsQuery(undefined), settingsResponse = _a.data, refetch = _a.refetch;
+    var bulkUpdateSolidSettings = useBulkUpdateSolidSettingsMutation()[0];
+    var _b = useState(""), searchTerm = _b[0], setSearchTerm = _b[1];
+    var _c = useState("all"), filterMode = _c[0], setFilterMode = _c[1];
+    var _d = useState(""), activeModule = _d[0], setActiveModule = _d[1];
+    var _e = useState({}), formValues = _e[0], setFormValues = _e[1];
+    var _f = useState({}), filePreviews = _f[0], setFilePreviews = _f[1];
+    var settingsList = useMemo(function () { return extractSettingsList(settingsResponse).filter(function (setting) { return setting.level !== "internal-user"; }); }, [settingsResponse]);
+    var settingsMap = useMemo(function () { return getSettingsMap(settingsResponse); }, [settingsResponse]);
+    var totalSettingsCount = settingsList.length;
+    var editableSettingsCount = useMemo(function () { return settingsList.filter(function (setting) { return setting.editable; }).length; }, [settingsList]);
+    useEffect(function () {
+        if (!settingsList.length)
+            return;
+        var nextValues = Object.fromEntries(settingsList.map(function (setting) { var _a, _b; return [setting.key, (_b = (_a = settingsMap[setting.key]) !== null && _a !== void 0 ? _a : setting.value) !== null && _b !== void 0 ? _b : null]; }));
+        setFormValues(nextValues);
+    }, [settingsList, settingsMap]);
+    var filteredSettings = useMemo(function () {
+        var scopedSettings = settingsList.filter(function (setting) {
+            if (filterMode === "read-only")
+                return !setting.editable;
+            if (filterMode === "editable")
+                return setting.editable;
+            return true;
+        });
+        var query = searchTerm.trim().toLowerCase();
+        if (!query)
+            return scopedSettings;
+        return scopedSettings.filter(function (setting) {
+            var _a;
+            var haystack = [
+                setting.moduleName,
+                setting.group,
+                setting.key,
+                setting.label,
+                setting.description,
+                (_a = setting.options) === null || _a === void 0 ? void 0 : _a.map(function (option) { return "".concat(option.label, " ").concat(option.value); }).join(" "),
+            ]
+                .filter(Boolean)
+                .join(" ")
+                .toLowerCase();
+            return haystack.includes(query);
+        });
+    }, [filterMode, searchTerm, settingsList]);
+    var moduleEntries = useMemo(function () {
+        var grouped = new Map();
+        filteredSettings.forEach(function (setting) {
+            var _a;
+            var current = (_a = grouped.get(setting.moduleName)) !== null && _a !== void 0 ? _a : [];
+            current.push(setting);
+            grouped.set(setting.moduleName, current);
+        });
+        return Array.from(grouped.entries()).map(function (_a) {
+            var moduleName = _a[0], moduleSettings = _a[1];
+            return ({
+                moduleName: moduleName,
+                label: humanizeSettingToken(moduleName),
+                badge: toModuleInitials(moduleName) || "S",
+                settings: moduleSettings,
+            });
+        });
+    }, [filteredSettings]);
+    useEffect(function () {
+        if (!moduleEntries.length) {
+            setActiveModule("");
+            return;
+        }
+        if (!moduleEntries.some(function (entry) { return entry.moduleName === activeModule; })) {
+            setActiveModule(moduleEntries[0].moduleName);
+        }
+    }, [activeModule, moduleEntries]);
+    var hasChanges = useMemo(function () {
+        return settingsList.some(function (setting) {
+            var _a, _b;
+            return setting.editable &&
+                !areValuesEqual(formValues[setting.key], (_b = (_a = settingsMap[setting.key]) !== null && _a !== void 0 ? _a : setting.value) !== null && _b !== void 0 ? _b : null);
+        });
+    }, [formValues, settingsList, settingsMap]);
+    var groupedModuleSettings = useMemo(function () {
+        var currentModule = moduleEntries.find(function (entry) { return entry.moduleName === activeModule; });
+        if (!currentModule)
+            return [];
+        var grouped = new Map();
+        currentModule.settings.forEach(function (setting) {
+            var _a;
+            var groupKey = setting.group || "general";
+            var current = (_a = grouped.get(groupKey)) !== null && _a !== void 0 ? _a : [];
+            current.push(setting);
+            grouped.set(groupKey, current);
+        });
+        return Array.from(grouped.entries()).map(function (_a) {
+            var groupKey = _a[0], groupSettings = _a[1];
+            return ({
+                key: groupKey,
+                label: humanizeSettingToken(groupKey),
+                settings: groupSettings.sort(function (left, right) {
+                    var _a, _b, _c, _d;
+                    var leftSort = (_a = left.sortOrder) !== null && _a !== void 0 ? _a : Number.MAX_SAFE_INTEGER;
+                    var rightSort = (_b = right.sortOrder) !== null && _b !== void 0 ? _b : Number.MAX_SAFE_INTEGER;
+                    if (leftSort !== rightSort)
+                        return leftSort - rightSort;
+                    return ((_c = left.label) !== null && _c !== void 0 ? _c : left.key).localeCompare((_d = right.label) !== null && _d !== void 0 ? _d : right.key);
+                }),
+            });
+        });
+    }, [activeModule, moduleEntries]);
+    var updateValue = function (key, value) {
+        setFormValues(function (current) {
+            var _a;
+            return (__assign(__assign({}, current), (_a = {}, _a[key] = value, _a)));
+        });
+    };
+    var updateFileValue = function (key, file) {
+        if (!file) {
+            if (filePreviews[key]) {
+                URL.revokeObjectURL(filePreviews[key]);
+            }
+            setFilePreviews(function (current) {
+                var next = __assign({}, current);
+                delete next[key];
+                return next;
+            });
+            updateValue(key, null);
+            return;
+        }
+        if (file.size > 2 * 1024 * 1024) {
+            dispatch(showToast({ severity: "error", summary: "File too large", detail: "Maximum file size is 2MB" }));
+            return;
+        }
+        if (filePreviews[key]) {
+            URL.revokeObjectURL(filePreviews[key]);
+        }
+        var preview = URL.createObjectURL(file);
+        setFilePreviews(function (current) {
+            var _a;
+            return (__assign(__assign({}, current), (_a = {}, _a[key] = preview, _a)));
+        });
+        updateValue(key, file);
+    };
+    useEffect(function () { return function () {
+        Object.values(filePreviews).forEach(function (preview) { return URL.revokeObjectURL(preview); });
+    }; }, [filePreviews]);
+    var handleSave = function () { return __awaiter(_this, void 0, void 0, function () {
+        var updatedSettingsArray_1, formData_1, response, error_1;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _b.trys.push([0, 3, , 4]);
+                    updatedSettingsArray_1 = [];
+                    formData_1 = new FormData();
+                    settingsList.forEach(function (setting) {
+                        var _a, _b;
+                        if (!setting.editable)
+                            return;
+                        var nextValue = formValues[setting.key];
+                        var currentValue = (_b = (_a = settingsMap[setting.key]) !== null && _a !== void 0 ? _a : setting.value) !== null && _b !== void 0 ? _b : null;
+                        if (nextValue instanceof File) {
+                            formData_1.append(setting.key, nextValue);
+                            updatedSettingsArray_1.push({ key: setting.key, value: "", type: "system" });
+                            return;
+                        }
+                        if (!areValuesEqual(nextValue, currentValue)) {
+                            updatedSettingsArray_1.push({
+                                key: setting.key,
+                                value: serializeValue(nextValue),
+                                type: "system",
+                            });
+                        }
+                    });
+                    if (!updatedSettingsArray_1.length) {
+                        dispatch(showToast({ severity: "success", summary: "No Changes", detail: "No settings were updated" }));
+                        return [2 /*return*/];
+                    }
+                    formData_1.append("settings", JSON.stringify(updatedSettingsArray_1));
+                    return [4 /*yield*/, bulkUpdateSolidSettings({ data: formData_1 }).unwrap()];
+                case 1:
+                    response = _b.sent();
+                    if ((response === null || response === void 0 ? void 0 : response.statusCode) === 200) {
+                        dispatch(showToast({ severity: "success", summary: "Updated", detail: "Settings updated" }));
+                    }
+                    else {
+                        dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.FAILED, detail: ERROR_MESSAGES.SOMETHING_WRONG }));
+                    }
+                    return [4 /*yield*/, refetch()];
+                case 2:
+                    _b.sent();
+                    setFilePreviews({});
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _b.sent();
+                    dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.FAILED, detail: ((_a = error_1 === null || error_1 === void 0 ? void 0 : error_1.data) === null || _a === void 0 ? void 0 : _a.message) || ERROR_MESSAGES.SOMETHING_WRONG }));
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    var moduleTabs = moduleEntries.map(function (entry) { return ({
+        value: entry.moduleName,
+        label: (_jsxs("span", { className: styles.moduleTab, children: [_jsx("span", { className: styles.moduleTabBadge, children: entry.badge }), _jsxs("span", { className: styles.moduleTabText, children: [_jsx("span", { className: styles.moduleTabLabel, children: entry.label }), _jsxs("span", { className: styles.moduleTabMeta, children: [entry.settings.length, " settings"] })] })] })),
+        content: (_jsx("div", { children: groupedModuleSettings.length ? (groupedModuleSettings.map(function (group) { return (_jsx("section", { className: styles.groupSection, children: _jsxs("div", { className: styles.groupCard, children: [_jsx("div", { className: styles.groupHeader, children: _jsxs("div", { children: [_jsx("h3", { className: styles.groupTitle, children: group.label }), _jsxs("div", { className: styles.groupMeta, children: [group.settings.length, " item", group.settings.length === 1 ? "" : "s"] })] }) }), _jsx("div", { className: styles.groupBody, children: group.settings.map(function (setting) {
+                                var value = formValues[setting.key];
+                                var settingsWidgetName = getSettingsWidgetName(setting);
+                                var SettingsWidget = settingsWidgetName ? getExtensionComponent(settingsWidgetName) : null;
+                                var customWidgetErrorText = getCustomWidgetErrorText(setting, settingsWidgetName, SettingsWidget);
+                                var settingsWidgetProps = {
+                                    setting: setting,
+                                    value: value,
+                                    settingsMap: settingsMap,
+                                    formValues: formValues,
+                                    editable: Boolean(setting.editable),
+                                    updateValue: updateValue,
+                                    updateFileValue: updateFileValue,
+                                };
+                                return (_jsxs("div", { className: styles.settingRow, children: [_jsxs("div", { className: styles.settingLabelWrap, children: [_jsxs("div", { className: styles.settingLabelLine, children: [_jsx("p", { className: styles.settingLabel, children: setting.label || humanizeSettingToken(setting.key) }), !setting.editable ? (_jsxs(SolidTooltip, { children: [_jsx(SolidTooltipTrigger, { asChild: true, children: _jsx("span", { children: _jsx(SolidTag, { tone: "warn", children: "Read only" }) }) }), _jsx(SolidTooltipContent, { children: "This value comes from system configuration and cannot be changed from the admin UI." })] })) : null] }), setting.description ? _jsx("p", { className: styles.settingDescription, children: setting.description }) : null] }), !setting.editable ? (setting.controlType === "custom" ? (customWidgetErrorText ? (_jsx("div", { className: styles.readonlyValue, children: _jsx("span", { className: styles.customWidgetError, children: customWidgetErrorText }) })) : SettingsWidget ? ((function () {
+                                            var ResolvedSettingsWidget = SettingsWidget;
+                                            return _jsx(ResolvedSettingsWidget, __assign({}, settingsWidgetProps));
+                                        })()) : null) : setting.controlType === "mediaSingle" && value ? (_jsx("div", { className: styles.mediaPreview, children: _jsx(SolidUploadedImage, { src: normalizeAssetUrl(String(value)) }) })) : (_jsx("div", { className: styles.readonlyValue, children: _jsx("span", { className: value === null || value === undefined || value === "" ? styles.emptyValue : undefined, children: formatReadonlyValue(setting, value) }) }))) : (_jsxs("div", { className: "".concat(styles.controlStack, " ").concat(setting.controlType === "custom" ? styles.customControlStack : ""), children: [setting.controlType === "boolean" ? (_jsxs("div", { className: styles.boolRow, children: [_jsx(SolidSwitch, { checked: Boolean(value), onChange: function (checked) { return updateValue(setting.key, checked); } }), _jsx("span", { className: styles.boolText, children: value ? "Enabled" : "Disabled" })] })) : null, setting.controlType === "shortText" ? (_jsx(SolidInput, { type: "text", value: value == null ? "" : String(value), placeholder: setting.placeholder || setting.label, onChange: function (event) { return updateValue(setting.key, event.target.value); } })) : null, setting.controlType === "longText" ? (_jsx(SolidTextarea, { rows: 4, value: value == null ? "" : typeof value === "string" ? value : JSON.stringify(value, null, 2), placeholder: setting.placeholder || setting.label, onChange: function (event) { return updateValue(setting.key, event.target.value); } })) : null, setting.controlType === "numeric" ? (_jsx(SolidInput, { type: "number", value: value == null ? "" : String(value), placeholder: setting.placeholder || setting.label, onChange: function (event) { return updateValue(setting.key, event.target.value === "" ? null : Number(event.target.value)); } })) : null, setting.controlType === "selectionStatic" ? (_jsx(SolidSelect, { value: value, options: setting.options || [], placeholder: setting.placeholder || "Select", onChange: function (event) { return updateValue(setting.key, event.value); } })) : null, setting.controlType === "date" || setting.controlType === "datetime" ? (_jsx(SolidDatePicker, { selected: value ? new Date(String(value)) : null, showTimeSelect: setting.controlType === "datetime", dateFormat: setting.controlType === "datetime" ? "yyyy-MM-dd HH:mm:ss" : "yyyy-MM-dd", onChange: function (date) { return updateValue(setting.key, date instanceof Date ? date.toISOString() : null); } })) : null, setting.controlType === "mediaSingle" ? (_jsxs("div", { className: styles.mediaField, children: [_jsxs("div", { className: styles.mediaComposer, children: [_jsxs("label", { className: styles.mediaDropzone, children: [_jsx("input", { className: styles.mediaInput, type: "file", accept: ".png,.jpg,.jpeg,.svg,.webp", onChange: function (event) { var _a, _b; return updateFileValue(setting.key, (_b = (_a = event.target.files) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : null); } }), _jsx(SettingDropzoneActivePlaceholder, { note: "PNG, JPG, JPEG, SVG, WEBP | Max size: 2 MB" })] }), (filePreviews[setting.key] || value) ? (_jsx("div", { className: styles.mediaPreview, children: _jsx(SolidUploadedImage, { src: filePreviews[setting.key] || normalizeAssetUrl(String(value)) }) })) : (_jsx("div", { className: styles.mediaEmptyState, children: "Preview appears here after upload" }))] }), (filePreviews[setting.key] || value) ? (_jsx(SettingsImageRemoveButton, { onClick: function () { return updateFileValue(setting.key, null); } })) : null] })) : null, setting.controlType === "custom" ? (customWidgetErrorText ? (_jsx("div", { className: styles.readonlyValue, children: _jsx("span", { className: styles.customWidgetError, children: customWidgetErrorText }) })) : SettingsWidget ? ((function () {
+                                                    var ResolvedSettingsWidget = SettingsWidget;
+                                                    return _jsx(ResolvedSettingsWidget, __assign({}, settingsWidgetProps));
+                                                })()) : null) : null] }))] }, setting.key));
+                            }) })] }) }, group.key)); })) : (_jsx("div", { className: styles.emptyState, children: "No settings match the current filter." })) })),
+    }); });
+    return (_jsxs("div", { className: styles.page, children: [_jsxs("div", { className: "page-header secondary-border-bottom", children: [_jsxs("div", { className: styles.headerIntro, children: [_jsx("div", { className: "form-wrapper-title", children: "Settings" }), _jsx("div", { className: styles.subtitle, children: "Manage platform configuration across modules from a single workspace." }), _jsxs("div", { className: styles.summaryChips, children: [_jsxs("span", { className: styles.summaryChip, children: [moduleEntries.length, " module", moduleEntries.length === 1 ? "" : "s"] }), _jsxs("span", { className: styles.summaryChip, children: [totalSettingsCount, " setting", totalSettingsCount === 1 ? "" : "s"] }), _jsxs("button", { type: "button", className: "".concat(styles.summaryChip, " ").concat(styles.summaryChipButton, " ").concat(filterMode === "editable" ? styles.summaryChipActive : ""), "aria-pressed": filterMode === "editable", onClick: function () { return setFilterMode(function (current) { return (current === "editable" ? "all" : "editable"); }); }, children: [editableSettingsCount, " editable"] })] })] }), _jsxs("div", { className: styles.headerSearch, children: [_jsxs("div", { className: styles.searchIcon, children: [_jsx(Search, { size: 16 }), _jsx(SolidInput, { className: styles.searchInput, value: searchTerm, placeholder: "Search settings, groups, or modules", onChange: function (event) { return setSearchTerm(event.target.value); } })] }), searchTerm ? (_jsxs("span", { className: styles.resultsMeta, children: [filteredSettings.length, " result", filteredSettings.length === 1 ? "" : "s"] })) : null] }), _jsxs("div", { className: styles.toolbarActions, children: [_jsxs("div", { className: styles.legend, children: [_jsx("button", { type: "button", className: "".concat(styles.readonlyFilterButton, " ").concat(filterMode === "read-only" ? styles.readonlyFilterButtonActive : ""), "aria-pressed": filterMode === "read-only", "aria-label": filterMode === "read-only" ? "Disable read-only filter" : "Enable read-only filter", onClick: function () { return setFilterMode(function (current) { return (current === "read-only" ? "all" : "read-only"); }); }, children: _jsx(SolidTag, { tone: "warn", children: "Read only" }) }), _jsx("span", { className: filterMode === "read-only" ? styles.legendLabelActive : undefined, children: filterMode === "read-only" ? "Read-only filter active" : "System-managed value" }), _jsxs(SolidTooltip, { children: [_jsx(SolidTooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", className: styles.legendButton, "aria-label": "Read-only legend details", children: "i" }) }), _jsx(SolidTooltipContent, { children: "Read-only settings are visible here for context, but can only be changed through environment or backend configuration." })] })] }), _jsx(SolidButton, { size: "sm", type: "button", loading: false, onClick: handleSave, disabled: !hasChanges, children: "Save" })] })] }), _jsx("div", { className: styles.workspace, children: moduleTabs.length ? (_jsx(SolidTabGroup, { tabs: moduleTabs, value: activeModule, onValueChange: setActiveModule, className: styles.tabGroup, listClassName: styles.tabList, panelClassName: styles.tabPanel, orientation: "vertical" })) : (_jsx("div", { className: styles.emptyState, children: "No settings are available." })) })] }));
+}
+//# sourceMappingURL=SettingsComponent.js.map

package/dist/components/common/SettingsComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsComponent.js","sourceRoot":"","sources":["../../../src/components/common/SettingsComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useMemo, useState, type ComponentType } from \"react\";\nimport { Search } from \"lucide-react\";\nimport { useDispatch } from \"react-redux\";\nimport { env } from \"../../adapters/env\";\nimport { ERROR_MESSAGES } from \"../../constants/error-messages\";\nimport { getExtensionComponent } from \"../../helpers/registry\";\nimport {\n  extractSettingsList,\n  getSettingOptionLabel,\n  getSettingsMap,\n  humanizeSettingToken,\n  type AdminSettingDefinition,\n} from \"../../helpers/settingsPayload\";\nimport type { SolidSettingsWidgetProps } from \"../../types/solid-core\";\nimport { showToast } from \"../../redux/features/toastSlice\";\nimport {\n  useBulkUpdateSolidSettingsMutation,\n  useGetSolidSettingsQuery,\n} from \"../../redux/api/solidSettingsApi\";\nimport {\n  SolidButton,\n  SolidDatePicker,\n  SolidInput,\n  SolidSelect,\n  SolidSwitch,\n  SolidTabGroup,\n  SolidTag,\n  SolidTextarea,\n  SolidTooltip,\n  SolidTooltipContent,\n  SolidTooltipTrigger,\n} from \"../shad-cn-ui\";\nimport { SettingDropzoneActivePlaceholder } from \"./SolidSettings/SettingDropzoneActivePlaceholder\";\nimport { SettingsImageRemoveButton } from \"./SolidSettings/SettingsImageRemoveButton\";\nimport { SolidUploadedImage } from \"./SolidSettings/SolidUploadedImage\";\nimport styles from \"./SettingsComponent.module.css\";\n\ntype SettingsFormValue = string | number | boolean | null | File;\ntype SettingsFilterMode = \"all\" | \"read-only\" | \"editable\";\n\nfunction normalizeAssetUrl(src?: string | null) {\n  if (!src) return \"\";\n  const isBlobOrAbsolute = src.startsWith(\"blob:\") || src.startsWith(\"http\");\n  if (isBlobOrAbsolute || src.startsWith(\"/\")) return src;\n  return `${env(\"API_URL\")}/${src}`;\n}\n\nfunction toModuleInitials(moduleName: string) {\n  return moduleName\n    .split(/[-_\\s]+/)\n    .filter(Boolean)\n    .map((token) => token[0]?.toUpperCase())\n    .join(\"\")\n    .slice(0, 2);\n}\n\nfunction serializeValue(value: unknown) {\n  if (value === null || value === undefined) return \"\";\n  if (typeof value === \"string\") return value;\n  return JSON.stringify(value);\n}\n\nfunction areValuesEqual(left: unknown, right: unknown) {\n  if (left instanceof File || right instanceof File) return false;\n  return serializeValue(left) === serializeValue(right);\n}\n\nfunction formatReadonlyValue(setting: AdminSettingDefinition, value: unknown) {\n  if (value === null || value === undefined || value === \"\") {\n    return \"Not set\";\n  }\n\n  if (setting.controlType === \"boolean\") {\n    return value ? \"Enabled\" : \"Disabled\";\n  }\n\n  if (setting.controlType === \"selectionStatic\") {\n    return getSettingOptionLabel(setting, value);\n  }\n\n  if (setting.controlType === \"mediaSingle\") {\n    return String(value);\n  }\n\n  if (typeof value === \"object\") {\n    return JSON.stringify(value, null, 2);\n  }\n\n  return String(value);\n}\n\nfunction getSettingsWidgetName(setting: AdminSettingDefinition) {\n  return setting.settingsWidget || \"\";\n}\n\nfunction getCustomWidgetErrorText(setting: AdminSettingDefinition, widgetName: string, settingsWidget: ComponentType<any> | null) {\n  if (setting.controlType !== \"custom\") return null;\n  if (!widgetName) {\n    return `controlType is \"custom\" for setting \"${setting.key}\" but no settingsWidget is specified.`;\n  }\n  if (!settingsWidget) {\n    return `Widget \"${widgetName}\" is not registered for setting \"${setting.key}\".`;\n  }\n  return null;\n}\n\nexport function SettingsComponent() {\n  const dispatch = useDispatch();\n  const { data: settingsResponse, refetch } = useGetSolidSettingsQuery(undefined);\n  const [bulkUpdateSolidSettings] = useBulkUpdateSolidSettingsMutation();\n  const [searchTerm, setSearchTerm] = useState(\"\");\n  const [filterMode, setFilterMode] = useState<SettingsFilterMode>(\"all\");\n  const [activeModule, setActiveModule] = useState(\"\");\n  const [formValues, setFormValues] = useState<Record<string, SettingsFormValue>>({});\n  const [filePreviews, setFilePreviews] = useState<Record<string, string>>({});\n\n  const settingsList = useMemo(\n    () => extractSettingsList(settingsResponse).filter((setting) => setting.level !== \"internal-user\"),\n    [settingsResponse],\n  );\n  const settingsMap = useMemo(() => getSettingsMap(settingsResponse), [settingsResponse]);\n  const totalSettingsCount = settingsList.length;\n  const editableSettingsCount = useMemo(\n    () => settingsList.filter((setting) => setting.editable).length,\n    [settingsList],\n  );\n\n  useEffect(() => {\n    if (!settingsList.length) return;\n    const nextValues = Object.fromEntries(\n      settingsList.map((setting) => [setting.key, settingsMap[setting.key] ?? setting.value ?? null]),\n    );\n    setFormValues(nextValues);\n  }, [settingsList, settingsMap]);\n\n  const filteredSettings = useMemo(() => {\n    const scopedSettings = settingsList.filter((setting) => {\n      if (filterMode === \"read-only\") return !setting.editable;\n      if (filterMode === \"editable\") return setting.editable;\n      return true;\n    });\n    const query = searchTerm.trim().toLowerCase();\n    if (!query) return scopedSettings;\n\n    return scopedSettings.filter((setting) => {\n      const haystack = [\n        setting.moduleName,\n        setting.group,\n        setting.key,\n        setting.label,\n        setting.description,\n        setting.options?.map((option) => `${option.label} ${option.value}`).join(\" \"),\n      ]\n        .filter(Boolean)\n        .join(\" \")\n        .toLowerCase();\n\n      return haystack.includes(query);\n    });\n  }, [filterMode, searchTerm, settingsList]);\n\n  const moduleEntries = useMemo(() => {\n    const grouped = new Map<string, AdminSettingDefinition[]>();\n    filteredSettings.forEach((setting) => {\n      const current = grouped.get(setting.moduleName) ?? [];\n      current.push(setting);\n      grouped.set(setting.moduleName, current);\n    });\n\n    return Array.from(grouped.entries()).map(([moduleName, moduleSettings]) => ({\n      moduleName,\n      label: humanizeSettingToken(moduleName),\n      badge: toModuleInitials(moduleName) || \"S\",\n      settings: moduleSettings,\n    }));\n  }, [filteredSettings]);\n\n  useEffect(() => {\n    if (!moduleEntries.length) {\n      setActiveModule(\"\");\n      return;\n    }\n\n    if (!moduleEntries.some((entry) => entry.moduleName === activeModule)) {\n      setActiveModule(moduleEntries[0].moduleName);\n    }\n  }, [activeModule, moduleEntries]);\n\n  const hasChanges = useMemo(\n    () =>\n      settingsList.some(\n        (setting) =>\n          setting.editable &&\n          !areValuesEqual(formValues[setting.key], settingsMap[setting.key] ?? setting.value ?? null),\n      ),\n    [formValues, settingsList, settingsMap],\n  );\n\n  const groupedModuleSettings = useMemo(() => {\n    const currentModule = moduleEntries.find((entry) => entry.moduleName === activeModule);\n    if (!currentModule) return [];\n\n    const grouped = new Map<string, AdminSettingDefinition[]>();\n    currentModule.settings.forEach((setting) => {\n      const groupKey = setting.group || \"general\";\n      const current = grouped.get(groupKey) ?? [];\n      current.push(setting);\n      grouped.set(groupKey, current);\n    });\n\n    return Array.from(grouped.entries()).map(([groupKey, groupSettings]) => ({\n      key: groupKey,\n      label: humanizeSettingToken(groupKey),\n      settings: groupSettings.sort((left, right) => {\n        const leftSort = left.sortOrder ?? Number.MAX_SAFE_INTEGER;\n        const rightSort = right.sortOrder ?? Number.MAX_SAFE_INTEGER;\n        if (leftSort !== rightSort) return leftSort - rightSort;\n        return (left.label ?? left.key).localeCompare(right.label ?? right.key);\n      }),\n    }));\n  }, [activeModule, moduleEntries]);\n\n  const updateValue = (key: string, value: SettingsFormValue) => {\n    setFormValues((current) => ({ ...current, [key]: value }));\n  };\n\n  const updateFileValue = (key: string, file: File | null) => {\n    if (!file) {\n      if (filePreviews[key]) {\n        URL.revokeObjectURL(filePreviews[key]);\n      }\n      setFilePreviews((current) => {\n        const next = { ...current };\n        delete next[key];\n        return next;\n      });\n      updateValue(key, null);\n      return;\n    }\n\n    if (file.size > 2 * 1024 * 1024) {\n      dispatch(showToast({ severity: \"error\", summary: \"File too large\", detail: \"Maximum file size is 2MB\" }));\n      return;\n    }\n\n    if (filePreviews[key]) {\n      URL.revokeObjectURL(filePreviews[key]);\n    }\n\n    const preview = URL.createObjectURL(file);\n    setFilePreviews((current) => ({ ...current, [key]: preview }));\n    updateValue(key, file);\n  };\n\n  useEffect(\n    () => () => {\n      Object.values(filePreviews).forEach((preview) => URL.revokeObjectURL(preview));\n    },\n    [filePreviews],\n  );\n\n  const handleSave = async () => {\n    try {\n      const updatedSettingsArray: Array<{ key: string; value: string; type: string }> = [];\n      const formData = new FormData();\n\n      settingsList.forEach((setting) => {\n        if (!setting.editable) return;\n\n        const nextValue = formValues[setting.key];\n        const currentValue = settingsMap[setting.key] ?? setting.value ?? null;\n\n        if (nextValue instanceof File) {\n          formData.append(setting.key, nextValue);\n          updatedSettingsArray.push({ key: setting.key, value: \"\", type: \"system\" });\n          return;\n        }\n\n        if (!areValuesEqual(nextValue, currentValue)) {\n          updatedSettingsArray.push({\n            key: setting.key,\n            value: serializeValue(nextValue),\n            type: \"system\",\n          });\n        }\n      });\n\n      if (!updatedSettingsArray.length) {\n        dispatch(showToast({ severity: \"success\", summary: \"No Changes\", detail: \"No settings were updated\" }));\n        return;\n      }\n\n      formData.append(\"settings\", JSON.stringify(updatedSettingsArray));\n      const response = await bulkUpdateSolidSettings({ data: formData }).unwrap();\n\n      if (response?.statusCode === 200) {\n        dispatch(showToast({ severity: \"success\", summary: \"Updated\", detail: \"Settings updated\" }));\n      } else {\n        dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.FAILED, detail: ERROR_MESSAGES.SOMETHING_WRONG }));\n      }\n\n      await refetch();\n      setFilePreviews({});\n    } catch (error: any) {\n      dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.FAILED, detail: error?.data?.message || ERROR_MESSAGES.SOMETHING_WRONG }));\n    }\n  };\n\n  const moduleTabs = moduleEntries.map((entry) => ({\n    value: entry.moduleName,\n    label: (\n      <span className={styles.moduleTab}>\n        <span className={styles.moduleTabBadge}>{entry.badge}</span>\n        <span className={styles.moduleTabText}>\n          <span className={styles.moduleTabLabel}>{entry.label}</span>\n          <span className={styles.moduleTabMeta}>{entry.settings.length} settings</span>\n        </span>\n      </span>\n    ),\n    content: (\n      <div>\n        {groupedModuleSettings.length ? (\n          groupedModuleSettings.map((group) => (\n            <section key={group.key} className={styles.groupSection}>\n              <div className={styles.groupCard}>\n                <div className={styles.groupHeader}>\n                  <div>\n                    <h3 className={styles.groupTitle}>{group.label}</h3>\n                    <div className={styles.groupMeta}>{group.settings.length} item{group.settings.length === 1 ? \"\" : \"s\"}</div>\n                  </div>\n                </div>\n                <div className={styles.groupBody}>\n                  {group.settings.map((setting) => {\n                    const value = formValues[setting.key];\n                    const settingsWidgetName = getSettingsWidgetName(setting);\n                    const SettingsWidget = settingsWidgetName ? getExtensionComponent(settingsWidgetName) : null;\n                    const customWidgetErrorText = getCustomWidgetErrorText(setting, settingsWidgetName, SettingsWidget);\n                    const settingsWidgetProps: SolidSettingsWidgetProps = {\n                      setting,\n                      value,\n                      settingsMap,\n                      formValues,\n                      editable: Boolean(setting.editable),\n                      updateValue,\n                      updateFileValue,\n                    };\n                    return (\n                      <div key={setting.key} className={styles.settingRow}>\n                        <div className={styles.settingLabelWrap}>\n                          <div className={styles.settingLabelLine}>\n                            <p className={styles.settingLabel}>{setting.label || humanizeSettingToken(setting.key)}</p>\n                            {!setting.editable ? (\n                              <SolidTooltip>\n                                <SolidTooltipTrigger asChild>\n                                  <span>\n                                    <SolidTag tone=\"warn\">Read only</SolidTag>\n                                  </span>\n                                </SolidTooltipTrigger>\n                                <SolidTooltipContent>\n                                  This value comes from system configuration and cannot be changed from the admin UI.\n                                </SolidTooltipContent>\n                              </SolidTooltip>\n                            ) : null}\n                          </div>\n                          {setting.description ? <p className={styles.settingDescription}>{setting.description}</p> : null}\n                        </div>\n\n                        {!setting.editable ? (\n                          setting.controlType === \"custom\" ? (\n                            customWidgetErrorText ? (\n                              <div className={styles.readonlyValue}>\n                                <span className={styles.customWidgetError}>{customWidgetErrorText}</span>\n                              </div>\n                            ) : SettingsWidget ? (\n                              (() => {\n                                const ResolvedSettingsWidget = SettingsWidget as ComponentType<any>;\n                                return <ResolvedSettingsWidget {...settingsWidgetProps} />;\n                              })()\n                            ) : null\n                          ) : setting.controlType === \"mediaSingle\" && value ? (\n                            <div className={styles.mediaPreview}>\n                              <SolidUploadedImage src={normalizeAssetUrl(String(value))} />\n                            </div>\n                          ) : (\n                            <div className={styles.readonlyValue}>\n                              <span className={value === null || value === undefined || value === \"\" ? styles.emptyValue : undefined}>\n                                {formatReadonlyValue(setting, value)}\n                              </span>\n                            </div>\n                          )\n                        ) : (\n                          <div className={`${styles.controlStack} ${setting.controlType === \"custom\" ? styles.customControlStack : \"\"}`}>\n                            {setting.controlType === \"boolean\" ? (\n                              <div className={styles.boolRow}>\n                                <SolidSwitch checked={Boolean(value)} onChange={(checked) => updateValue(setting.key, checked)} />\n                                <span className={styles.boolText}>{value ? \"Enabled\" : \"Disabled\"}</span>\n                              </div>\n                            ) : null}\n\n                            {setting.controlType === \"shortText\" ? (\n                              <SolidInput\n                                type=\"text\"\n                                value={value == null ? \"\" : String(value)}\n                                placeholder={setting.placeholder || setting.label}\n                                onChange={(event: any) => updateValue(setting.key, event.target.value)}\n                              />\n                            ) : null}\n\n                            {setting.controlType === \"longText\" ? (\n                              <SolidTextarea\n                                rows={4}\n                                value={value == null ? \"\" : typeof value === \"string\" ? value : JSON.stringify(value, null, 2)}\n                                placeholder={setting.placeholder || setting.label}\n                                onChange={(event: any) => updateValue(setting.key, event.target.value)}\n                              />\n                            ) : null}\n\n                            {setting.controlType === \"numeric\" ? (\n                              <SolidInput\n                                type=\"number\"\n                                value={value == null ? \"\" : String(value)}\n                                placeholder={setting.placeholder || setting.label}\n                                onChange={(event: any) => updateValue(setting.key, event.target.value === \"\" ? null : Number(event.target.value))}\n                              />\n                            ) : null}\n\n                            {setting.controlType === \"selectionStatic\" ? (\n                              <SolidSelect\n                                value={value}\n                                options={setting.options || []}\n                                placeholder={setting.placeholder || \"Select\"}\n                                onChange={(event) => updateValue(setting.key, event.value)}\n                              />\n                            ) : null}\n\n                            {setting.controlType === \"date\" || setting.controlType === \"datetime\" ? (\n                              <SolidDatePicker\n                                selected={value ? new Date(String(value)) : null}\n                                showTimeSelect={setting.controlType === \"datetime\"}\n                                dateFormat={setting.controlType === \"datetime\" ? \"yyyy-MM-dd HH:mm:ss\" : \"yyyy-MM-dd\"}\n                                onChange={(date: Date | null) => updateValue(setting.key, date instanceof Date ? date.toISOString() : null)}\n                              />\n                            ) : null}\n\n                            {setting.controlType === \"mediaSingle\" ? (\n                              <div className={styles.mediaField}>\n                                <div className={styles.mediaComposer}>\n                                  <label className={styles.mediaDropzone}>\n                                    <input\n                                      className={styles.mediaInput}\n                                      type=\"file\"\n                                      accept=\".png,.jpg,.jpeg,.svg,.webp\"\n                                      onChange={(event) => updateFileValue(setting.key, event.target.files?.[0] ?? null)}\n                                    />\n                                    <SettingDropzoneActivePlaceholder note=\"PNG, JPG, JPEG, SVG, WEBP | Max size: 2 MB\" />\n                                  </label>\n                                  {(filePreviews[setting.key] || value) ? (\n                                    <div className={styles.mediaPreview}>\n                                      <SolidUploadedImage src={filePreviews[setting.key] || normalizeAssetUrl(String(value))} />\n                                    </div>\n                                  ) : (\n                                    <div className={styles.mediaEmptyState}>Preview appears here after upload</div>\n                                  )}\n                                </div>\n                                {(filePreviews[setting.key] || value) ? (\n                                  <SettingsImageRemoveButton onClick={() => updateFileValue(setting.key, null)} />\n                                ) : null}\n                              </div>\n                            ) : null}\n\n                            {setting.controlType === \"custom\" ? (\n                              customWidgetErrorText ? (\n                                <div className={styles.readonlyValue}>\n                                  <span className={styles.customWidgetError}>{customWidgetErrorText}</span>\n                                </div>\n                              ) : SettingsWidget ? (\n                                (() => {\n                                  const ResolvedSettingsWidget = SettingsWidget as ComponentType<any>;\n                                  return <ResolvedSettingsWidget {...settingsWidgetProps} />;\n                                })()\n                              ) : null\n                            ) : null}\n                          </div>\n                        )}\n                      </div>\n                    );\n                  })}\n                </div>\n              </div>\n            </section>\n          ))\n        ) : (\n          <div className={styles.emptyState}>No settings match the current filter.</div>\n        )}\n      </div>\n    ),\n  }));\n\n  return (\n    <div className={styles.page}>\n      <div className=\"page-header secondary-border-bottom\">\n        <div className={styles.headerIntro}>\n          <div className=\"form-wrapper-title\">Settings</div>\n          <div className={styles.subtitle}>Manage platform configuration across modules from a single workspace.</div>\n          <div className={styles.summaryChips}>\n            <span className={styles.summaryChip}>{moduleEntries.length} module{moduleEntries.length === 1 ? \"\" : \"s\"}</span>\n            <span className={styles.summaryChip}>{totalSettingsCount} setting{totalSettingsCount === 1 ? \"\" : \"s\"}</span>\n            <button\n              type=\"button\"\n              className={`${styles.summaryChip} ${styles.summaryChipButton} ${filterMode === \"editable\" ? styles.summaryChipActive : \"\"}`}\n              aria-pressed={filterMode === \"editable\"}\n              onClick={() => setFilterMode((current) => (current === \"editable\" ? \"all\" : \"editable\"))}\n            >\n              {editableSettingsCount} editable\n            </button>\n          </div>\n        </div>\n        <div className={styles.headerSearch}>\n          <div className={styles.searchIcon}>\n            <Search size={16} />\n            <SolidInput\n              className={styles.searchInput}\n              value={searchTerm}\n              placeholder=\"Search settings, groups, or modules\"\n              onChange={(event: any) => setSearchTerm(event.target.value)}\n            />\n          </div>\n          {searchTerm ? (\n            <span className={styles.resultsMeta}>\n              {filteredSettings.length} result{filteredSettings.length === 1 ? \"\" : \"s\"}\n            </span>\n          ) : null}\n        </div>\n        <div className={styles.toolbarActions}>\n          <div className={styles.legend}>\n            <button\n              type=\"button\"\n              className={`${styles.readonlyFilterButton} ${filterMode === \"read-only\" ? styles.readonlyFilterButtonActive : \"\"}`}\n              aria-pressed={filterMode === \"read-only\"}\n              aria-label={filterMode === \"read-only\" ? \"Disable read-only filter\" : \"Enable read-only filter\"}\n              onClick={() => setFilterMode((current) => (current === \"read-only\" ? \"all\" : \"read-only\"))}\n            >\n              <SolidTag tone=\"warn\">Read only</SolidTag>\n            </button>\n            <span className={filterMode === \"read-only\" ? styles.legendLabelActive : undefined}>\n              {filterMode === \"read-only\" ? \"Read-only filter active\" : \"System-managed value\"}\n            </span>\n            <SolidTooltip>\n              <SolidTooltipTrigger asChild>\n                <button type=\"button\" className={styles.legendButton} aria-label=\"Read-only legend details\">\n                  i\n                </button>\n              </SolidTooltipTrigger>\n              <SolidTooltipContent>\n                Read-only settings are visible here for context, but can only be changed through environment or backend configuration.\n              </SolidTooltipContent>\n            </SolidTooltip>\n          </div>\n          <SolidButton size=\"sm\" type=\"button\" loading={false} onClick={handleSave} disabled={!hasChanges}>\n            Save\n          </SolidButton>\n        </div>\n      </div>\n\n      <div className={styles.workspace}>\n        {moduleTabs.length ? (\n          <SolidTabGroup\n            tabs={moduleTabs}\n            value={activeModule}\n            onValueChange={setActiveModule}\n            className={styles.tabGroup}\n            listClassName={styles.tabList}\n            panelClassName={styles.tabPanel}\n            orientation=\"vertical\"\n          />\n        ) : (\n          <div className={styles.emptyState}>No settings are available.</div>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}