@solidxai/core-ui 0.0.1

package/dist/components/common/GeneralSettings.js

@@ -0,0 +1,526 @@
+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 };
+    }
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useFormik } from 'formik';
+import { Button } from 'primereact/button';
+import { InputText } from 'primereact/inputtext';
+import { Toast } from 'primereact/toast';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { CancelButton } from './CancelButton';
+import { InputSwitch } from 'primereact/inputswitch';
+import { RadioButton } from 'primereact/radiobutton';
+import { usePathname } from "../../hooks/usePathname";
+import { InputTextarea } from 'primereact/inputtextarea';
+import SolidLogo from '../../resources/images/SolidXLogo.svg';
+import AuthScreenRightBackgroundImage from '../../resources/images/auth/solid-left-layout-bg.png';
+import AuthScreenLeftBackgroundImage from '../../resources/images/auth/solid-right-layout-bg.png';
+import AuthScreenCenterBackgroundImage from '../../resources/images/auth/solid-login-light.png';
+import { useDropzone } from 'react-dropzone';
+import { Divider } from 'primereact/divider';
+import { SettingDropzoneActivePlaceholder } from './SolidSettings/SettingDropzoneActivePlaceholder';
+import { SolidUploadedImage } from './SolidSettings/SolidUploadedImage';
+import { SettingsImageRemoveButton } from './SolidSettings/SettingsImageRemoveButton';
+import { Dropdown } from 'primereact/dropdown';
+import { OpenAiProviderComponent } from './SolidSettings/LlmSettings/OpenAiProviderComponent';
+import { AnthropicProviderComponent } from './SolidSettings/LlmSettings/AnthropicProviderComponent';
+import { useDispatch } from 'react-redux';
+import { handleError } from '../../helpers/ToastContainer';
+import { ERROR_MESSAGES } from '../../constants/error-messages';
+import { useBulkUpdateSolidSettingsMutation, useLazyGetSolidSettingsQuery } from '../../redux/api/solidSettingsApi';
+import { env } from "../../adapters/env";
+import showToast from "../../helpers/showToast";
+export var GeneralSettings = function () {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35;
+    var _36 = useState(null), appLogoPreview = _36[0], setAppLogoPreview = _36[1];
+    var _37 = useState(null), companyLogoPreview = _37[0], setCompanyLogoPreview = _37[1];
+    var _38 = useState(null), authScreenRightBackgroundImagePreview = _38[0], setAuthScreenRightBackgroundImagePreview = _38[1];
+    var _39 = useState(null), authScreenLeftBackgroundImagePreview = _39[0], setAuthScreenLeftBackgroundImagePreview = _39[1];
+    var _40 = useState(null), authScreenCenterBackgroundImagePreview = _40[0], setAuthScreenCenterBackgroundImagePreview = _40[1];
+    var dispatch = useDispatch();
+    var _41 = useLazyGetSolidSettingsQuery(), trigger = _41[0], solidSettingsData = _41[1].data;
+    useEffect(function () {
+        trigger(""); // Fetch settings on mount
+    }, [trigger]);
+    var pathname = usePathname();
+    var bulkUpdateSolidSettings = useBulkUpdateSolidSettingsMutation()[0];
+    var toast = useRef(null);
+    var initialValues = {
+        appLogo: (_b = (_a = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _a === void 0 ? void 0 : _a.appLogo) !== null && _b !== void 0 ? _b : null,
+        companylogo: (_d = (_c = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _c === void 0 ? void 0 : _c.companylogo) !== null && _d !== void 0 ? _d : null,
+        passwordlessRegistrationValidateWhat: (_f = (_e = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _e === void 0 ? void 0 : _e.passwordlessRegistrationValidateWhat) !== null && _f !== void 0 ? _f : "email",
+        allowPublicRegistration: (_h = (_g = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _g === void 0 ? void 0 : _g.allowPublicRegistration) !== null && _h !== void 0 ? _h : false,
+        passwordBasedAuth: (_k = (_j = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _j === void 0 ? void 0 : _j.passwordBasedAuth) !== null && _k !== void 0 ? _k : false,
+        passwordLessAuth: (_m = (_l = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _l === void 0 ? void 0 : _l.passwordLessAuth) !== null && _m !== void 0 ? _m : false,
+        activateUserOnRegistration: (_p = (_o = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _o === void 0 ? void 0 : _o.activateUserOnRegistration) !== null && _p !== void 0 ? _p : false,
+        iamGoogleOAuthEnabled: (_r = (_q = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _q === void 0 ? void 0 : _q.iamGoogleOAuthEnabled) !== null && _r !== void 0 ? _r : false,
+        // shouldQueueEmails: solidSettingsData?.data?.shouldQueueEmails ?? false,
+        // shouldQueueSms: solidSettingsData?.data?.shouldQueueSms ?? false,
+        authPagesTheme: (_t = (_s = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _s === void 0 ? void 0 : _s.authPagesTheme) !== null && _t !== void 0 ? _t : "light",
+        authPagesLayout: (_v = (_u = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _u === void 0 ? void 0 : _u.authPagesLayout) !== null && _v !== void 0 ? _v : "center",
+        defaultRole: (_x = (_w = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _w === void 0 ? void 0 : _w.defaultRole) !== null && _x !== void 0 ? _x : "Admin",
+        appLogoPosition: (_z = (_y = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _y === void 0 ? void 0 : _y.appLogoPosition) !== null && _z !== void 0 ? _z : "in_form_view",
+        showAuthContent: (_1 = (_0 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _0 === void 0 ? void 0 : _0.showAuthContent) !== null && _1 !== void 0 ? _1 : false,
+        appTitle: (_3 = (_2 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _2 === void 0 ? void 0 : _2.appTitle) !== null && _3 !== void 0 ? _3 : "SolidX",
+        appSubtitle: (_5 = (_4 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _4 === void 0 ? void 0 : _4.appSubtitle) !== null && _5 !== void 0 ? _5 : "Welcome To",
+        appDescription: (_7 = (_6 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _6 === void 0 ? void 0 : _6.appDescription) !== null && _7 !== void 0 ? _7 : "appDescription",
+        showLegalLinks: (_9 = (_8 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _8 === void 0 ? void 0 : _8.showLegalLinks) !== null && _9 !== void 0 ? _9 : false,
+        appTnc: (_11 = (_10 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _10 === void 0 ? void 0 : _10.appTnc) !== null && _11 !== void 0 ? _11 : null,
+        appPrivacyPolicy: (_13 = (_12 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _12 === void 0 ? void 0 : _12.appPrivacyPolicy) !== null && _13 !== void 0 ? _13 : null,
+        enableDarkMode: (_15 = (_14 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _14 === void 0 ? void 0 : _14.enableDarkMode) !== null && _15 !== void 0 ? _15 : false,
+        copyright: (_17 = (_16 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _16 === void 0 ? void 0 : _16.copyright) !== null && _17 !== void 0 ? _17 : null,
+        forceChangePasswordOnFirstLogin: (_19 = (_18 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _18 === void 0 ? void 0 : _18.forceChangePasswordOnFirstLogin) !== null && _19 !== void 0 ? _19 : false,
+        contactSupportEmail: (_21 = (_20 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _20 === void 0 ? void 0 : _20.contactSupportEmail) !== null && _21 !== void 0 ? _21 : null,
+        contactSupportDisplayName: (_23 = (_22 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _22 === void 0 ? void 0 : _22.contactSupportDisplayName) !== null && _23 !== void 0 ? _23 : null,
+        contactSupportIcon: (_25 = (_24 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _24 === void 0 ? void 0 : _24.contactSupportIcon) !== null && _25 !== void 0 ? _25 : null,
+        authScreenRightBackgroundImage: (_27 = (_26 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _26 === void 0 ? void 0 : _26.authScreenRightBackgroundImage) !== null && _27 !== void 0 ? _27 : null,
+        authScreenLeftBackgroundImage: (_29 = (_28 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _28 === void 0 ? void 0 : _28.authScreenLeftBackgroundImage) !== null && _29 !== void 0 ? _29 : null,
+        authScreenCenterBackgroundImage: (_31 = (_30 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _30 === void 0 ? void 0 : _30.authScreenCenterBackgroundImage) !== null && _31 !== void 0 ? _31 : null,
+        solidXGenAiCodeBuilderConfig: (_33 = (_32 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _32 === void 0 ? void 0 : _32.solidXGenAiCodeBuilderConfig) !== null && _33 !== void 0 ? _33 : {
+            defaultProvider: "",
+            availableProviders: []
+        }
+        // llmProvider: solidSettingsData?.data?.llmProvider ?? null,
+        // llModelName: solidSettingsData?.data?.llModelName ?? null,
+        // llmProviderApiKey: solidSettingsData?.data?.llmProviderApiKey ?? null,
+        // llmProviderBaseURL: solidSettingsData?.data?.llmProviderBaseURL ?? null,
+        // llmModelIdentifier: solidSettingsData?.data?.llmModelIdentifier ?? null
+    };
+    var formik = useFormik({
+        initialValues: initialValues,
+        enableReinitialize: true,
+        onSubmit: function (values) { return __awaiter(void 0, void 0, void 0, function () {
+            var profiles, updatedSettingsArray_1, currentSettings_1, formData_1, response, error_1;
+            var _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _b.trys.push([0, 2, , 3]);
+                        profiles = values.solidXGenAiCodeBuilderConfig.availableProviders;
+                        console.log("profiles", profiles);
+                        // ✅ Only set defaultProvider if it's empty AND there is at least one profile
+                        if (!values.solidXGenAiCodeBuilderConfig.defaultProvider && profiles && profiles.length > 0) {
+                            values.solidXGenAiCodeBuilderConfig.defaultProvider = profiles[0].provider;
+                        }
+                        updatedSettingsArray_1 = [];
+                        currentSettings_1 = solidSettingsData || {};
+                        formData_1 = new FormData();
+                        // Compare changed fields
+                        Object.entries(values).forEach(function (_a) {
+                            var key = _a[0], value = _a[1];
+                            var currentValue = currentSettings_1[key];
+                            var normalizedCurrent = currentValue !== null && currentValue !== void 0 ? currentValue : "";
+                            var normalizedValue = value !== null && value !== void 0 ? value : "";
+                            if (normalizedCurrent !== normalizedValue) {
+                                // If file, append to formData and use placeholder value in JSON
+                                if (value instanceof File) {
+                                    formData_1.append(key, value);
+                                    updatedSettingsArray_1.push({
+                                        key: key,
+                                        value: "",
+                                        type: "system",
+                                    });
+                                }
+                                else {
+                                    updatedSettingsArray_1.push({
+                                        key: key,
+                                        value: typeof value === "string" ? value : JSON.stringify(value),
+                                        type: "system",
+                                    });
+                                }
+                            }
+                        });
+                        if (updatedSettingsArray_1.length === 0) {
+                            showToast(toast, "success", "No Changes", "No settings were updated");
+                            return [2 /*return*/];
+                        }
+                        // Append settings array to formData
+                        formData_1.append("settings", JSON.stringify(updatedSettingsArray_1));
+                        return [4 /*yield*/, bulkUpdateSolidSettings({ data: formData_1 }).unwrap()];
+                    case 1:
+                        response = _b.sent();
+                        if (response.statusCode === 200) {
+                            showToast(toast, "success", "Updated", "Settings updated");
+                            trigger("");
+                        }
+                        return [3 /*break*/, 3];
+                    case 2:
+                        error_1 = _b.sent();
+                        console.log("Error updating settings:", error_1);
+                        showToast(toast, "error", ERROR_MESSAGES.FAILED, ((_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*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); },
+    });
+    var showError = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var errors, errorMessages;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, formik.validateForm()];
+                case 1:
+                    errors = _a.sent();
+                    errorMessages = Object.values(errors);
+                    if (errorMessages.length > 0 && toast.current) {
+                        handleError(errorMessages);
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () {
+    }, [pathname]);
+    var positionMap = {
+        left: 'The form will appear on the left side of the screen, while the banner will be positioned on the right side',
+        center: 'The form will be centered in the middle of the screen for balanced alignment',
+        right: 'The form will appear on the right side of the screen, and the banner will be positioned on the left side'
+    };
+    var onAppLogoDrop = useCallback(function (acceptedFiles) {
+        var _a;
+        var file = acceptedFiles[0];
+        if (file) {
+            if (file.size > 2 * 1024 * 1024) {
+                (_a = toast.current) === null || _a === void 0 ? void 0 : _a.show({
+                    severity: "error",
+                    summary: "File too large",
+                    detail: "Maximum file size is 2MB",
+                    sticky: true
+                });
+                return;
+            }
+            formik.setFieldValue("appLogo", file);
+            setAppLogoPreview(URL.createObjectURL(file));
+        }
+    }, [formik]);
+    var onCompanyLogoDrop = useCallback(function (acceptedFiles) {
+        var _a;
+        var file = acceptedFiles[0];
+        if (file) {
+            if (file.size > 2 * 1024 * 1024) {
+                (_a = toast.current) === null || _a === void 0 ? void 0 : _a.show({
+                    severity: "error",
+                    summary: "File too large",
+                    detail: "Maximum file size is 2MB",
+                    sticky: true
+                });
+                return;
+            }
+            formik.setFieldValue("companylogo", file);
+            setCompanyLogoPreview(URL.createObjectURL(file));
+        }
+    }, [formik]);
+    var _42 = useDropzone({
+        accept: {
+            'image/png': ['.png'],
+            'image/jpeg': ['.jpeg', '.jpg'],
+            'image/svg+xml': ['.svg'],
+            'image/webp': ['.webp']
+        },
+        multiple: false,
+        onDrop: onAppLogoDrop
+    }), getAppLogoRootProps = _42.getRootProps, getAppLogoInputProps = _42.getInputProps, isAppLogoDragActive = _42.isDragActive;
+    var _43 = useDropzone({
+        accept: {
+            'image/png': ['.png'],
+            'image/jpeg': ['.jpeg', '.jpg'],
+            'image/svg+xml': ['.svg'],
+            'image/webp': ['.webp']
+        },
+        multiple: false,
+        onDrop: onCompanyLogoDrop
+    }), getCompanyLogoRootProps = _43.getRootProps, getCompanyLogoInputProps = _43.getInputProps, isCompanyLogoDragActive = _43.isDragActive;
+    var removeAppLogo = function () {
+        formik.setFieldValue("appLogo", null);
+        if (appLogoPreview) {
+            URL.revokeObjectURL(appLogoPreview);
+            setAppLogoPreview(null);
+        }
+    };
+    var removeCompanyLogo = function () {
+        formik.setFieldValue("companylogo", null);
+        if (companyLogoPreview) {
+            URL.revokeObjectURL(companyLogoPreview);
+            setCompanyLogoPreview(null);
+        }
+    };
+    var onAuthScreenRightBackgroundImageDrop = useCallback(function (acceptedFiles) {
+        var _a;
+        var file = acceptedFiles[0];
+        if (file) {
+            if (file.size > 2 * 1024 * 1024) {
+                (_a = toast.current) === null || _a === void 0 ? void 0 : _a.show({
+                    severity: "error",
+                    summary: ERROR_MESSAGES.FILE_LARGE,
+                    detail: ERROR_MESSAGES.MAX_FILE_SIZE,
+                    sticky: true
+                });
+                return;
+            }
+            formik.setFieldValue("authScreenRightBackgroundImage", file);
+            setAuthScreenRightBackgroundImagePreview(URL.createObjectURL(file));
+        }
+    }, [formik]);
+    var onAuthScreenLeftBackgroundImageDrop = useCallback(function (acceptedFiles) {
+        var _a;
+        var file = acceptedFiles[0];
+        if (file) {
+            if (file.size > 2 * 1024 * 1024) {
+                (_a = toast.current) === null || _a === void 0 ? void 0 : _a.show({
+                    severity: "error",
+                    summary: ERROR_MESSAGES.FILE_LARGE,
+                    detail: ERROR_MESSAGES.MAX_FILE_SIZE,
+                    sticky: true,
+                });
+                return;
+            }
+            formik.setFieldValue("authScreenLeftBackgroundImage", file);
+            setAuthScreenLeftBackgroundImagePreview(URL.createObjectURL(file));
+        }
+    }, [formik]);
+    var onAuthScreenCenterBackgroundImageDrop = useCallback(function (acceptedFiles) {
+        var _a;
+        var file = acceptedFiles[0];
+        if (file) {
+            if (file.size > 2 * 1024 * 1024) {
+                (_a = toast.current) === null || _a === void 0 ? void 0 : _a.show({
+                    severity: "error",
+                    summary: ERROR_MESSAGES.FILE_LARGE,
+                    detail: ERROR_MESSAGES.MAX_FILE_SIZE,
+                    sticky: true,
+                });
+                return;
+            }
+            formik.setFieldValue("authScreenCenterBackgroundImage", file);
+            setAuthScreenCenterBackgroundImagePreview(URL.createObjectURL(file));
+        }
+    }, [formik]);
+    var _44 = useDropzone({
+        accept: {
+            'image/png': ['.png'],
+            'image/jpeg': ['.jpeg', '.jpg'],
+            'image/svg+xml': ['.svg'],
+            'image/webp': ['.webp']
+        },
+        multiple: false,
+        onDrop: onAuthScreenRightBackgroundImageDrop
+    }), getAuthScreenRightBackgroundImageRootProps = _44.getRootProps, getAuthScreenRightBackgroundImageInputProps = _44.getInputProps, isAuthScreenRightBackgroundImageDragActive = _44.isDragActive;
+    var _45 = useDropzone({
+        accept: {
+            'image/png': ['.png'],
+            'image/jpeg': ['.jpeg', '.jpg'],
+            'image/svg+xml': ['.svg'],
+            'image/webp': ['.webp']
+        },
+        multiple: false,
+        onDrop: onAuthScreenLeftBackgroundImageDrop
+    }), getAuthScreenLeftBackgroundImageRootProps = _45.getRootProps, getAuthScreenLeftBackgroundImageInputProps = _45.getInputProps, isAuthScreenLeftBackgroundImageDragActive = _45.isDragActive;
+    var _46 = useDropzone({
+        accept: {
+            'image/png': ['.png'],
+            'image/jpeg': ['.jpeg', '.jpg'],
+            'image/svg+xml': ['.svg'],
+            'image/webp': ['.webp']
+        },
+        multiple: false,
+        onDrop: onAuthScreenCenterBackgroundImageDrop
+    }), getAuthScreenCenterBackgroundImageRootProps = _46.getRootProps, getAuthScreenCenterBackgroundImageInputProps = _46.getInputProps, isAuthScreenCenterBackgroundImageDragActive = _46.isDragActive;
+    var removeAuthScreenRightBackgroundImage = function () {
+        formik.setFieldValue("authScreenRightBackgroundImage", null);
+        if (authScreenRightBackgroundImagePreview) {
+            URL.revokeObjectURL(authScreenRightBackgroundImagePreview);
+            setAuthScreenRightBackgroundImagePreview(null);
+        }
+    };
+    var removeAuthScreenLeftBackgroundImage = function () {
+        formik.setFieldValue("authScreenLeftBackgroundImage", null);
+        if (authScreenLeftBackgroundImagePreview) {
+            URL.revokeObjectURL(authScreenLeftBackgroundImagePreview);
+            setAuthScreenLeftBackgroundImagePreview(null);
+        }
+    };
+    var removeAuthScreenCenterBackgroundImage = function () {
+        formik.setFieldValue("authScreenCenterBackgroundImage", null);
+        if (authScreenCenterBackgroundImagePreview) {
+            URL.revokeObjectURL(authScreenCenterBackgroundImagePreview);
+            setAuthScreenCenterBackgroundImagePreview(null);
+        }
+    };
+    // const [currentProfile, setcurrentProfile] = useState<string>("");
+    var handleProviderSelect = function (value) {
+        // 🔄 Add profile if doesn't exist
+        var profiles = formik.values.solidXGenAiCodeBuilderConfig.availableProviders;
+        var exists = profiles.some(function (p) { return p.provider === value; });
+        var newProfiles = exists
+            ? profiles
+            : __spreadArray(__spreadArray([], profiles, true), [
+                {
+                    id: Date.now().toString(),
+                    provider: ""
+                },
+            ], false);
+        formik.setFieldValue("solidXGenAiCodeBuilderConfig.defaultProvider", value);
+        formik.setFieldValue("solidXGenAiCodeBuilderConfig.availableProviders", newProfiles);
+    };
+    var handleProfileUpdate = function (key, value) {
+        var _a;
+        var _b, _c;
+        var config = (_b = formik.values.solidXGenAiCodeBuilderConfig) !== null && _b !== void 0 ? _b : {
+            availableProviders: [],
+            defaultProvider: "",
+        };
+        var profiles = (_c = config.availableProviders) !== null && _c !== void 0 ? _c : [];
+        var defaultProvider = config.defaultProvider;
+        var updatedProfiles;
+        // ✅ If profile exists → update it immutably
+        if (profiles.some(function (p) { return p.provider === defaultProvider; })) {
+            updatedProfiles = profiles.map(function (p) {
+                var _a;
+                return p.provider === defaultProvider ? __assign(__assign({}, p), (_a = {}, _a[key] = value, _a)) : p;
+            });
+        }
+        else {
+            // ✅ If profile doesn't exist → create it and set this key
+            updatedProfiles = __spreadArray(__spreadArray([], profiles, true), [
+                (_a = {
+                        id: Date.now().toString(),
+                        provider: defaultProvider
+                    },
+                    _a[key] = value,
+                    _a),
+            ], false);
+        }
+        // ✅ New array reference → Formik dirty check will pass
+        formik.setFieldValue("solidXGenAiCodeBuilderConfig.availableProviders", updatedProfiles);
+    };
+    var currentProfile = ((_34 = formik.values.solidXGenAiCodeBuilderConfig.availableProviders) !== null && _34 !== void 0 ? _34 : []).find(function (p) { return p.provider === formik.values.solidXGenAiCodeBuilderConfig.defaultProvider; }) || null;
+    return (_jsxs("div", { className: "page-parent-wrapper", children: [_jsx(Toast, { ref: toast }), _jsx("div", { className: "solid-form-wrapper", children: _jsx("div", { className: "solid-form-section", children: _jsxs("form", { onSubmit: formik.handleSubmit, children: [_jsxs("div", { className: "page-header secondary-border-bottom", children: [_jsx("div", { className: "form-wrapper-title ", children: "Settings" }), _jsxs("div", { className: "gap-3 flex", children: [formik.dirty &&
+                                                _jsx(Button, { label: "Save", size: "small", onClick: function () { return showError(); }, type: "submit" }), _jsx(CancelButton, {})] })] }), _jsxs("div", { className: "px-4 py-3 md:p-4 solid-form-content", children: [pathname.includes("app-settings") &&
+                                        _jsxs(_Fragment, { children: [_jsx("div", { className: 'formgrid grid', children: _jsx("div", { className: 'col-12 lg:col-10 xl:col-8', children: _jsxs("div", { className: "formgrid grid", children: [_jsxs("div", { className: "col-12 md:col-6", children: [_jsx("p", { className: 'font-bold ', style: { fontSize: 16, color: 'var(--solid-setting-title)' }, children: "App Logo " }), _jsxs("div", { children: [_jsxs("div", __assign({}, getAppLogoRootProps(), { className: "solid-dropzone-wrapper", style: { borderRadius: 8 }, children: [_jsx("input", __assign({}, getAppLogoInputProps())), _jsx(SettingDropzoneActivePlaceholder, {})] })), _jsx("div", { className: "mt-2", children: (function () {
+                                                                                        var logoSrc = SolidLogo.src || SolidLogo;
+                                                                                        var src = appLogoPreview
+                                                                                            ? appLogoPreview
+                                                                                            : formik.values.appLogo
+                                                                                                ? formik.values.appLogo
+                                                                                                : logoSrc;
+                                                                                        var isBlobOrAbsolute = (src === null || src === void 0 ? void 0 : src.startsWith("blob:")) || (src === null || src === void 0 ? void 0 : src.startsWith("http"));
+                                                                                        if (!isBlobOrAbsolute && !src.startsWith("/")) {
+                                                                                            src = "".concat(env("API_URL"), "/").concat(src);
+                                                                                        }
+                                                                                        return (_jsx(SolidUploadedImage, { src: src, className: 'solid-app-logo' }));
+                                                                                    })() }), formik.values.appLogo && (_jsx(SettingsImageRemoveButton, { onClick: removeAppLogo }))] })] }), _jsxs("div", { className: "col-12 md:col-6", children: [_jsx("p", { className: 'font-bold ', style: { fontSize: 16, color: 'var(--solid-setting-title)' }, children: "Company Logo " }), _jsxs("div", { children: [_jsxs("div", __assign({}, getCompanyLogoRootProps(), { className: "solid-dropzone-wrapper", style: { borderRadius: 8 }, children: [_jsx("input", __assign({}, getCompanyLogoInputProps())), _jsx(SettingDropzoneActivePlaceholder, {})] })), _jsx("div", { className: "mt-2", children: (function () {
+                                                                                        var logoSrc = SolidLogo.src || SolidLogo;
+                                                                                        var src = companyLogoPreview
+                                                                                            ? companyLogoPreview
+                                                                                            : formik.values.companylogo
+                                                                                                ? formik.values.companylogo
+                                                                                                : logoSrc;
+                                                                                        var isBlobOrAbsolute = (src === null || src === void 0 ? void 0 : src.startsWith("blob:")) || (src === null || src === void 0 ? void 0 : src.startsWith("http"));
+                                                                                        if (!isBlobOrAbsolute && !src.startsWith("/")) {
+                                                                                            src = "".concat(env("API_URL"), "/").concat(src);
+                                                                                        }
+                                                                                        return (_jsx(SolidUploadedImage, { src: src, className: 'solid-compony-logo' }));
+                                                                                    })() }), formik.values.companylogo && (_jsx(SettingsImageRemoveButton, { onClick: removeCompanyLogo }))] })] })] }) }) }), _jsx("p", { className: 'font-bold mt-4', style: { fontSize: 16, color: 'var(--solid-setting-title)' }, children: "App Logo Position" }), _jsx("div", { className: 'formgrid grid', children: _jsx("div", { className: 'col-12 lg:col-10 xl:col-8', children: _jsxs("div", { className: "flex align-items-center gap-3", children: [_jsxs("div", { className: "flex align-items-center", children: [_jsx(RadioButton, { inputId: "appLogoPosition-in_form_view", name: "appLogoPosition", value: "in_form_view", checked: formik.values.appLogoPosition === "in_form_view", onChange: function (e) { return formik.setFieldValue("appLogoPosition", e.value); } }), _jsx("label", { htmlFor: "appLogoPosition-in_form_view", className: "ml-2", children: "In Form View" })] }), _jsxs("div", { className: "flex align-items-center", children: [_jsx(RadioButton, { inputId: "appLogoPosition-in_image_view", name: "appLogoPosition", value: "in_image_view", checked: formik.values.appLogoPosition === "in_image_view", onChange: function (e) { return formik.setFieldValue("appLogoPosition", e.value); } }), _jsx("label", { htmlFor: "appLogoPosition-in_image_view", className: "ml-2", children: "In Image View" })] })] }) }) }), _jsx("div", { className: 'mt-4', style: { borderBottom: '1px dashed #D8E2EA' } }), _jsx("p", { className: 'font-bold mt-4', style: { fontSize: 16, color: 'var(--solid-setting-title)' }, children: "Title & Description Details " }), _jsx("div", { className: 'formgrid grid', children: _jsx("div", { className: 'col-12 lg:col-10 xl:col-8', children: _jsxs("div", { className: "formgrid grid", children: [_jsx("div", { className: "col-12 md:col-6", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-10 sm:col-9 lg:col-5 pb-2 md:pb-0", children: _jsx("label", { className: "form-field-label", children: "Show Details on Authentication Screen" }) }), _jsx("div", { className: "col-2 sm:col-3 lg:col-7", children: _jsx(InputSwitch, { name: "showAuthContent", checked: formik.values.showAuthContent, onChange: function (e) { return formik.setFieldValue("showAuthContent", e.value); } }) })] }) }), _jsx("div", { className: "col-12 md:col-6", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-12 md:col-5 pb-2 md:pb-0", children: _jsx("label", { className: "form-field-label", children: "App Title" }) }), _jsx("div", { className: "col-12 md:col-7", children: _jsx(InputText, { type: "text", id: "appTitle", name: "appTitle", onChange: formik.handleChange, value: formik.values.appTitle, className: 'w-full' }) })] }) }), _jsx("div", { className: "col-12 md:col-6 mt-4", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-12 md:col-5 pb-2 md:pb-0", children: _jsx("label", { className: "form-field-label", children: "App Subtitle" }) }), _jsx("div", { className: "col-12 md:col-7", children: _jsx(InputText, { type: "text", id: "appSubtitle", name: "appSubtitle", onChange: formik.handleChange, value: formik.values.appSubtitle, className: 'w-full' }) })] }) }), _jsx("div", { className: "col-12 md:col-6 mt-4", children: _jsxs("div", { className: "formgrid grid align-items-start", children: [_jsx("div", { className: "col-12 md:col-5 pb-2 md:pb-0", children: _jsx("label", { className: "form-field-label", children: "Description" }) }), _jsx("div", { className: "col-12 md:col-7", children: _jsx(InputTextarea, { rows: 3, id: "appDescription", name: "appDescription", onChange: formik.handleChange, value: formik.values.appDescription, className: 'w-full' }) })] }) }), _jsx("div", { className: "col-12 md:col-6 mt-4", children: _jsxs("div", { className: "formgrid grid align-items-start", children: [_jsx("div", { className: "col-12 md:col-5 pb-2 md:pb-0", children: _jsx("label", { className: "form-field-label", children: "Copyright" }) }), _jsx("div", { className: "col-12 md:col-7", children: _jsx(InputTextarea, { rows: 3, id: "copyright", name: "copyright", onChange: formik.handleChange, value: formik.values.copyright, className: 'w-full' }) })] }) })] }) }) }), _jsx("div", { className: 'mt-4', style: { borderBottom: '1px dashed #D8E2EA' } }), _jsx("p", { className: 'font-bold mt-4', style: { fontSize: 16, color: 'var(--solid-setting-title)' }, children: "Legal Links" }), _jsx("div", { className: 'formgrid grid', children: _jsx("div", { className: 'col-12 lg:col-10 xl:col-8', children: _jsxs("div", { className: "formgrid grid", children: [_jsx("div", { className: "col-12 md:col-6", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-10 sm:col-9 lg:col-5", children: _jsx("label", { className: "form-field-label", children: "Show Legal Links" }) }), _jsx("div", { className: "col-2 sm:col-3 lg:col-7", children: _jsx(InputSwitch, { name: "showLegalLinks", checked: formik.values.showLegalLinks, onChange: function (e) { return formik.setFieldValue("showLegalLinks", e.value); } }) })] }) }), _jsx("div", { className: "col-12 md:col-6", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-12 md:col-5 py-2 md:py-0", children: _jsx("label", { className: "form-field-label", children: "Terms and Conditions Link" }) }), _jsx("div", { className: "col-12 md:col-7", children: _jsx(InputText, { type: "text", id: "appTnc", name: "appTnc", onChange: formik.handleChange, value: formik.values.appTnc, className: 'w-full' }) })] }) }), _jsx("div", { className: "col-12 md:col-6 mt-3", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-12 md:col-5 pb-2 md:pb-0", children: _jsx("label", { className: "form-field-label", children: "Privacy Policy Link" }) }), _jsx("div", { className: "col-12 md:col-7", children: _jsx(InputText, { type: "text", id: "appPrivacyPolicy", name: "appPrivacyPolicy", onChange: formik.handleChange, value: formik.values.appPrivacyPolicy, className: 'w-full' }) })] }) })] }) }) }), _jsx("div", { className: 'mt-4', style: { borderBottom: '1px dashed #D8E2EA' } }), _jsx("p", { className: 'font-bold mt-4', style: { fontSize: 16, color: 'var(--solid-setting-title)' }, children: "Theme" }), _jsx("div", { className: 'formgrid grid', children: _jsx("div", { className: 'col-12 lg:col-10 xl:col-8', children: _jsx("div", { className: "formgrid grid", children: _jsx("div", { className: "col-12 md:col-6", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-10 sm:col-10 lg:col-5", children: _jsx("label", { className: "form-field-label", children: "Enable Dark Mode" }) }), _jsx("div", { className: "col-2 sm:col-3 lg:col-7", children: _jsx(InputSwitch, { name: "enableDarkMode", checked: formik.values.enableDarkMode, onChange: function (e) { return formik.setFieldValue("enableDarkMode", e.value); } }) })] }) }) }) }) })] }), pathname.includes("authentication-settings") &&
+                                        _jsxs(_Fragment, { children: [_jsx("p", { className: 'font-bold', style: { fontSize: 16, color: 'var(--solid-setting-title)' }, children: "User Authentication  " }), _jsx("div", { className: 'formgrid grid', children: _jsx("div", { className: 'col-12 lg:col-10 xl:col-8', children: _jsxs("div", { className: "formgrid grid", children: [_jsx("div", { className: "col-12", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-10 sm:col-9 lg:col-5", children: _jsx("label", { className: "form-field-label", children: "Public Registration" }) }), _jsx("div", { className: "col-2 sm:col-3 lg:col-7", children: _jsx(InputSwitch, { name: "allowPublicRegistration", checked: formik.values.allowPublicRegistration, onChange: function (e) { return formik.setFieldValue("allowPublicRegistration", e.value); } }) })] }) }), _jsx("div", { className: "col-12 mt-3", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-10 sm:col-9 lg:col-5", children: _jsx("label", { className: "form-field-label", children: "Password Based Authentication" }) }), _jsx("div", { className: "col-2 sm:col-3 lg:col-7", children: _jsx(InputSwitch, { name: "passwordBasedAuth", checked: formik.values.passwordBasedAuth, onChange: function (e) { return formik.setFieldValue("passwordBasedAuth", e.value); } }) })] }) }), _jsx("div", { className: "col-12 mt-3", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-10 sm:col-9 lg:col-5", children: _jsx("label", { className: "form-field-label", children: "Password Less Authentication" }) }), _jsx("div", { className: "col-2 sm:col-3 lg:col-7", children: _jsx(InputSwitch, { name: "passwordLessAuth", checked: formik.values.passwordLessAuth, onChange: function (e) { return formik.setFieldValue("passwordLessAuth", e.value); } }) })] }) }), _jsx("div", { className: "col-12 mt-3", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-10 sm:col-9 lg:col-5", children: _jsx("label", { className: "form-field-label", children: "Auto Activate User on Registration " }) }), _jsx("div", { className: "col-2 sm:col-3 lg:col-7", children: _jsx(InputSwitch, { name: "activateUserOnRegistration", checked: formik.values.activateUserOnRegistration, onChange: function (e) { return formik.setFieldValue("activateUserOnRegistration", e.value); } }) })] }) }), _jsx("div", { className: "col-12 mt-3", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-10 sm:col-9 lg:col-5", children: _jsx("label", { className: "form-field-label", children: "Allow Login/ Signup with Google " }) }), _jsx("div", { className: "col-2 sm:col-3 lg:col-7", children: _jsx(InputSwitch, { name: "iamGoogleOAuthEnabled", checked: formik.values.iamGoogleOAuthEnabled, onChange: function (e) { return formik.setFieldValue("iamGoogleOAuthEnabled", e.value); } }) })] }) }), _jsx("div", { className: "col-12 mt-3", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-10 sm:col-9 lg:col-5", children: _jsx("label", { className: "form-field-label", children: "Force Password change on first Login " }) }), _jsx("div", { className: "col-2 sm:col-3 lg:col-7", children: _jsx(InputSwitch, { name: "forceChangePasswordOnFirstLogin", checked: formik.values.forceChangePasswordOnFirstLogin, onChange: function (e) { return formik.setFieldValue("forceChangePasswordOnFirstLogin", e.value); } }) })] }) }), formik.values.passwordLessAuth === true &&
+                                                                    _jsxs("div", { className: "col-12 mt-3", children: [_jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-12 sm:col-12 lg:col-5 xl:col-5", children: _jsx("label", { className: "form-field-label", children: "Password Less Authentication Method" }) }), _jsx("div", { className: 'col-12 sm:col-12 lg:col-6 xl:col-6', children: _jsxs("div", { className: "flex align-items-center gap-3 mt-3 lg:mt-0", children: [_jsxs("div", { className: "flex align-items-center", children: [_jsx(RadioButton, { inputId: "passwordlessRegistrationValidateWhat-email", name: "passwordlessRegistrationValidateWhat", value: "email", checked: formik.values.passwordlessRegistrationValidateWhat === "email", onChange: function (e) { return formik.setFieldValue("passwordlessRegistrationValidateWhat", e.value); } }), _jsx("label", { htmlFor: "passwordlessRegistrationValidateWhat-email", className: "ml-2", children: "Email" })] }), _jsxs("div", { className: "flex align-items-center", children: [_jsx(RadioButton, { inputId: "passwordlessRegistrationValidateWhat-mobile", name: "passwordlessRegistrationValidateWhat", value: "mobile", checked: formik.values.passwordlessRegistrationValidateWhat === "mobile", onChange: function (e) { return formik.setFieldValue("passwordlessRegistrationValidateWhat", e.value); } }), _jsx("label", { htmlFor: "passwordlessRegistrationValidateWhat-mobile", className: "ml-2", children: "Mobile" })] }), _jsxs("div", { className: "flex align-items-center", children: [_jsx(RadioButton, { inputId: "passwordlessRegistrationValidateWhat-transactional", name: "passwordlessRegistrationValidateWhat", value: "transactional", checked: formik.values.passwordlessRegistrationValidateWhat === "transactional", onChange: function (e) { return formik.setFieldValue("passwordlessRegistrationValidateWhat", e.value); } }), _jsx("label", { htmlFor: "passwordlessRegistrationValidateWhat-transactional", className: "ml-2", children: "Transactional" })] })] }) })] }), formik.values.passwordlessRegistrationValidateWhat === "transactional" &&
+                                                                                _jsx("p", { className: "mt-3 text-sm font-bold", children: "Note : In this method, you can pass the authentication method from the ui with possible values being either email or mobile. You can also pass both the values here" })] })] }) }) }), _jsx("div", { className: 'mt-4', style: { borderBottom: '1px dashed #D8E2EA' } }), _jsx("p", { className: 'font-bold mt-4', style: { fontSize: 16, color: 'var(--solid-setting-title)' }, children: "Authentication Screen Layout" }), _jsx("div", { className: 'formgrid grid', children: _jsxs("div", { className: 'col-12 lg:col-10 xl:col-8', children: [_jsxs("div", { className: "flex align-items-center gap-3", children: [_jsxs("div", { className: "flex align-items-center", children: [_jsx(RadioButton, { inputId: "authPagesLayout-left", name: "authPagesLayout", value: "left", checked: formik.values.authPagesLayout === "left", onChange: function (e) { return formik.setFieldValue("authPagesLayout", e.value); } }), _jsx("label", { htmlFor: "authPagesLayout-left", className: "ml-2", children: "Left" })] }), _jsxs("div", { className: "flex align-items-center", children: [_jsx(RadioButton, { inputId: "authPagesLayout-center", name: "authPagesLayout", value: "center", checked: formik.values.authPagesLayout === "center", onChange: function (e) { return formik.setFieldValue("authPagesLayout", e.value); } }), _jsx("label", { htmlFor: "authPagesLayout-center", className: "ml-2", children: "Center" })] }), _jsxs("div", { className: "flex align-items-center", children: [_jsx(RadioButton, { inputId: "authPagesLayout-right", name: "authPagesLayout", value: "right", checked: formik.values.authPagesLayout === "right", onChange: function (e) { return formik.setFieldValue("authPagesLayout", e.value); } }), _jsx("label", { htmlFor: "authPagesLayout-right", className: "ml-2", children: "Right" })] })] }), _jsxs("p", { className: "mt-3 text-sm font-bold", children: ["Note : ", positionMap[formik.values.authPagesLayout]] })] }) }), formik.values.authPagesLayout === "center" && _jsx(_Fragment, {}), _jsx("div", { className: 'formgrid grid', children: _jsx("div", { className: 'col-12 lg:col-10 xl:col-8', children: _jsx("div", { className: "formgrid grid", children: _jsxs("div", { className: "col-12 md:col-8 lg:col-6", children: [_jsxs("p", { className: 'font-bold ', style: { fontSize: 16, color: 'var(--solid-setting-title)' }, children: [formik.values.authPagesLayout === "center" ? "Background" : "Banner", " Image"] }), formik.values.authPagesLayout === "left" &&
+                                                                        _jsxs("div", { children: [_jsxs("div", __assign({}, getAuthScreenLeftBackgroundImageRootProps(), { className: "solid-dropzone-wrapper", style: { borderRadius: 8 }, children: [_jsx("input", __assign({}, getAuthScreenLeftBackgroundImageInputProps())), _jsx(SettingDropzoneActivePlaceholder, { note: "Recommended: 724×724px | Aspect ratio: 1:1" })] })), _jsx("div", { className: "mt-2", children: (function () {
+                                                                                        var logoSrc = AuthScreenLeftBackgroundImage.src || AuthScreenLeftBackgroundImage;
+                                                                                        var src = authScreenLeftBackgroundImagePreview
+                                                                                            ? authScreenLeftBackgroundImagePreview
+                                                                                            : formik.values.authScreenLeftBackgroundImage
+                                                                                                ? formik.values.authScreenLeftBackgroundImage
+                                                                                                : logoSrc;
+                                                                                        var isBlobOrAbsolute = (src === null || src === void 0 ? void 0 : src.startsWith("blob:")) || (src === null || src === void 0 ? void 0 : src.startsWith("http"));
+                                                                                        if (!isBlobOrAbsolute && !src.startsWith("/")) {
+                                                                                            src = "".concat(env("API_URL"), "/").concat(src);
+                                                                                        }
+                                                                                        return (_jsx(SolidUploadedImage, { src: src, height: 400, width: 400, maxHeight: 400 }));
+                                                                                    })() }), formik.values.authScreenLeftBackgroundImage && (_jsx(SettingsImageRemoveButton, { onClick: removeAuthScreenLeftBackgroundImage }))] }), formik.values.authPagesLayout === "right" &&
+                                                                        _jsxs("div", { children: [_jsxs("div", __assign({}, getAuthScreenRightBackgroundImageRootProps(), { className: "solid-dropzone-wrapper", style: { borderRadius: 8 }, children: [_jsx("input", __assign({}, getAuthScreenRightBackgroundImageInputProps())), _jsx(SettingDropzoneActivePlaceholder, { note: "Recommended: 724×724px | Aspect ratio: 1:1" })] })), _jsx("div", { className: "mt-2", children: (function () {
+                                                                                        var logoSrc = AuthScreenRightBackgroundImage.src || AuthScreenRightBackgroundImage;
+                                                                                        var src = authScreenRightBackgroundImagePreview
+                                                                                            ? authScreenRightBackgroundImagePreview
+                                                                                            : formik.values.authScreenRightBackgroundImage
+                                                                                                ? formik.values.authScreenRightBackgroundImage
+                                                                                                : logoSrc;
+                                                                                        var isBlobOrAbsolute = (src === null || src === void 0 ? void 0 : src.startsWith("blob:")) || (src === null || src === void 0 ? void 0 : src.startsWith("http"));
+                                                                                        if (!isBlobOrAbsolute && !src.startsWith("/")) {
+                                                                                            src = "".concat(env("API_URL"), "/").concat(src);
+                                                                                        }
+                                                                                        return (_jsx(SolidUploadedImage, { src: src, height: 400, width: 400, maxHeight: 400 }));
+                                                                                    })() }), formik.values.authScreenRightBackgroundImage && (_jsx(SettingsImageRemoveButton, { onClick: removeAuthScreenRightBackgroundImage }))] }), formik.values.authPagesLayout === "center" &&
+                                                                        _jsxs("div", { children: [_jsxs("div", __assign({}, getAuthScreenCenterBackgroundImageRootProps(), { className: "solid-dropzone-wrapper", style: { borderRadius: 8 }, children: [_jsx("input", __assign({}, getAuthScreenCenterBackgroundImageInputProps())), _jsx(SettingDropzoneActivePlaceholder, { note: "Recommended: 1440px × 724px | Aspect ratio: 2:1" })] })), _jsx("div", { className: "mt-2", children: (function () {
+                                                                                        var logoSrc = AuthScreenCenterBackgroundImage.src || AuthScreenCenterBackgroundImage;
+                                                                                        var src = authScreenCenterBackgroundImagePreview
+                                                                                            ? authScreenCenterBackgroundImagePreview
+                                                                                            : formik.values.authScreenCenterBackgroundImage
+                                                                                                ? formik.values.authScreenCenterBackgroundImage
+                                                                                                : logoSrc;
+                                                                                        var isBlobOrAbsolute = (src === null || src === void 0 ? void 0 : src.startsWith("blob:")) || (src === null || src === void 0 ? void 0 : src.startsWith("http"));
+                                                                                        if (!isBlobOrAbsolute && !src.startsWith("/")) {
+                                                                                            src = "".concat(env("API_URL"), "/").concat(src);
+                                                                                        }
+                                                                                        return (_jsx(SolidUploadedImage, { src: src, height: 300, width: 600, maxHeight: 300 }));
+                                                                                    })() }), formik.values.authScreenCenterBackgroundImage && (_jsx(SettingsImageRemoveButton, { onClick: removeAuthScreenCenterBackgroundImage }))] })] }) }) }) }), _jsx("div", { className: 'mt-2 lg:mt-4', style: { borderBottom: '1px dashed #D8E2EA' } }), ((_35 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _35 === void 0 ? void 0 : _35.enableDarkMode) === true &&
+                                                    _jsxs(_Fragment, { children: [_jsx("p", { className: 'font-bold mt-3 lg:mt-4', style: { fontSize: 16, color: 'var(--solid-setting-title)' }, children: "Authentication Screen Theme" }), _jsx("div", { className: 'formgrid grid', children: _jsx("div", { className: 'col-12 lg:col-10 xl:col-8', children: _jsxs("div", { className: "flex align-items-center gap-3", children: [_jsxs("div", { className: "flex align-items-center", children: [_jsx(RadioButton, { inputId: "theme-light", name: "authPagesTheme", value: "light", checked: formik.values.authPagesTheme === "light", onChange: function (e) { return formik.setFieldValue("authPagesTheme", e.value); } }), _jsx("label", { htmlFor: "theme-light", className: "ml-2", children: "Solid Light" })] }), _jsxs("div", { className: "flex align-items-center", children: [_jsx(RadioButton, { inputId: "theme-dark", name: "authPagesTheme", value: "dark", checked: formik.values.authPagesTheme === "dark", onChange: function (e) { return formik.setFieldValue("authPagesTheme", e.value); } }), _jsx("label", { htmlFor: "theme-dark", className: "ml-2", children: "Solid Dark" })] })] }) }) })] })] }), pathname.includes("misc-settings") &&
+                                        _jsxs(_Fragment, { children: [_jsx("p", { className: 'font-bold', style: { fontSize: 16, color: 'var(--solid-setting-title)' }, children: "Contact Support" }), _jsx("div", { className: 'formgrid grid', children: _jsx("div", { className: "col-12 lg:col-10 xl:col-8", children: _jsxs("div", { className: 'formgrid grid', children: [_jsx("div", { className: "col-12 md:col-6 pb-3 md:pb-0", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-12 md:col-5 pb-2 md:pb-0", children: _jsx("label", { className: "form-field-label", children: "Contact Support Email" }) }), _jsx("div", { className: "col-12 md:col-7", children: _jsx(InputText, { type: "text", id: "contactSupportEmail", name: "contactSupportEmail", onChange: formik.handleChange, value: formik.values.contactSupportEmail, className: 'w-full' }) })] }) }), _jsx("div", { className: "col-12 md:col-6", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-12 md:col-5 pb-2 md:pb-0", children: _jsx("label", { className: "form-field-label", children: "Display Name" }) }), _jsx("div", { className: "col-12 md:col-7", children: _jsx(InputText, { type: "text", id: "contactSupportDisplayName", name: "contactSupportDisplayName", onChange: formik.handleChange, value: formik.values.contactSupportDisplayName, className: 'w-full' }) })] }) })] }) }) })] }), pathname.includes("ai-settings") &&
+                                        _jsxs(_Fragment, { children: [_jsx("p", { className: 'font-bold', style: { fontSize: 16, color: 'var(--solid-setting-title)' }, children: "Ai Details" }), _jsx("div", { className: 'formgrid grid', children: _jsx("div", { className: 'col-12 lg:col-10 xl:col-8', children: _jsx("div", { className: "formgrid grid", children: _jsx("div", { className: "col-12 md:col-10 lg:col-6 mt-3 md:mt-4", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-12 md:col-3 pb-2 md:pb-0", children: _jsx("label", { className: "form-field-label", children: "Default Provider" }) }), _jsx("div", { className: "col-12 md:col-9", children: _jsx(Dropdown, { className: 'w-full', value: formik.values.solidXGenAiCodeBuilderConfig.defaultProvider, options: [
+                                                                                    { label: "OpenAI", value: "openai" },
+                                                                                    { label: "Anthropic", value: "anthropic" },
+                                                                                ], onChange: function (e) { return handleProviderSelect(e.value); }, placeholder: "Select Provider" }) })] }) }) }) }) }), _jsx(Divider, {}), _jsx("div", { className: 'grid', children: _jsx("div", { className: 'col-12 md:col-6', children: formik.values.solidXGenAiCodeBuilderConfig.defaultProvider && (_jsxs(_Fragment, { children: [formik.values.solidXGenAiCodeBuilderConfig.defaultProvider === "openai" && (_jsx(OpenAiProviderComponent, { profile: currentProfile, onUpdate: handleProfileUpdate })), formik.values.solidXGenAiCodeBuilderConfig.defaultProvider === "anthropic" && (_jsx(AnthropicProviderComponent, { profile: currentProfile, onUpdate: handleProfileUpdate }))] })) }) })] })] })] }) }) })] }));
+};
+//# sourceMappingURL=GeneralSettings.js.map