npm - @solidstarters/solid-core-ui - Versions diffs - 1.1.210 → 1.1.211 - Mend

@solidstarters/solid-core-ui 1.1.210 → 1.1.211

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1754) hide show

package/dist/components/common/GeneralSettings.js CHANGED Viewed

@@ -1,62 +1,6 @@
 "use client";
-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 { useBulkUpdateSolidSettingsMutation, useLazyGetSolidSettingsQuery } from '../../redux/api/solidSettingsApi';
+// import { useBulkUpdateSolidSettingsMutation, useCreateSolidSettingsMutation, useLazyGetSolidSettingsQuery, useUpdateSolidSettingsMutation } from '../../redux/api/solidSettingsApi';
 import { useFormik } from 'formik';
 import { Button } from 'primereact/button';
 import { InputText } from 'primereact/inputtext';
@@ -65,7 +9,6 @@ import { useCallback, useEffect, useRef, useState } from 'react';
 import { CancelButton } from './CancelButton';
 import { InputSwitch } from 'primereact/inputswitch';
 import { RadioButton } from 'primereact/radiobutton';
-import { handleError } from '../../helpers/ToastContainer';
 import { usePathname } from 'next/navigation';
 import { InputTextarea } from 'primereact/inputtextarea';
 import SolidLogo from '../../resources/images/SolidXLogo.svg';
@@ -80,163 +23,158 @@ import { SettingsImageRemoveButton } from './SolidSettings/SettingsImageRemoveBu
 import { Dropdown } from 'primereact/dropdown';
 import { OpenAiProviderComponent } from './SolidSettings/LlmSettings/OpenAiProviderComponent';
 import { AnthropicProviderComponent } from './SolidSettings/LlmSettings/AnthropicProviderComponent';
+import { useDispatch, useSelector } from 'react-redux';
+import { handleError } from '../../helpers/ToastContainer';
 import { ERROR_MESSAGES } from '../../constants/error-messages';
-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, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67, _68, _69, _70, _71;
-    var _72 = useState(null), appLogoPreview = _72[0], setAppLogoPreview = _72[1];
-    var _73 = useState(null), companyLogoPreview = _73[0], setCompanyLogoPreview = _73[1];
-    var _74 = useState(null), authScreenRightBackgroundImagePreview = _74[0], setAuthScreenRightBackgroundImagePreview = _74[1];
-    var _75 = useState(null), authScreenLeftBackgroundImagePreview = _75[0], setAuthScreenLeftBackgroundImagePreview = _75[1];
-    var _76 = useState(null), authScreenCenterBackgroundImagePreview = _76[0], setAuthScreenCenterBackgroundImagePreview = _76[1];
-    var _77 = useLazyGetSolidSettingsQuery(), trigger = _77[0], solidSettingsData = _77[1].data;
-    useEffect(function () {
+import { useBulkUpdateSolidSettingsMutation, useLazyGetSolidSettingsQuery } from '../../redux/api/solidSettingsApi';
+import { setSolidSettings } from '../../redux/features/settingsSlice';
+export const GeneralSettings = () => {
+    const [appLogoPreview, setAppLogoPreview] = useState(null);
+    const [companyLogoPreview, setCompanyLogoPreview] = useState(null);
+    const [authScreenRightBackgroundImagePreview, setAuthScreenRightBackgroundImagePreview] = useState(null);
+    const [authScreenLeftBackgroundImagePreview, setAuthScreenLeftBackgroundImagePreview] = useState(null);
+    const [authScreenCenterBackgroundImagePreview, setAuthScreenCenterBackgroundImagePreview] = useState(null);
+    const dispatch = useDispatch();
+    const [trigger, { data: solidSettingsDataInitialData }] = useLazyGetSolidSettingsQuery();
+    const solidSettingsData = useSelector((state) => state.settingsState?.solidSettings);
+    useEffect(() => {
+        if (solidSettingsDataInitialData) {
+            dispatch(setSolidSettings(solidSettingsDataInitialData?.data));
+        }
+    }, [solidSettingsDataInitialData]);
+    useEffect(() => {
         trigger(""); // Fetch settings on mount
     }, [trigger]);
-    var pathname = usePathname();
-    var bulkUpdateSolidSettings = useBulkUpdateSolidSettingsMutation()[0];
-    var toast = useRef(null);
-    var showToast = function (severity, summary, detail) {
-        var _a;
-        (_a = toast.current) === null || _a === void 0 ? void 0 : _a.show(__assign({ severity: severity, summary: summary, detail: detail }, (severity === "error"
-            ? { sticky: true } // stays until user closes
-            : { life: 3000 })));
+    const pathname = usePathname();
+    const [bulkUpdateSolidSettings] = useBulkUpdateSolidSettingsMutation();
+    const toast = useRef(null);
+    const showToast = (severity, summary, detail) => {
+        toast.current?.show({
+            severity,
+            summary,
+            detail,
+            ...(severity === "error"
+                ? { sticky: true } // stays until user closes
+                : { life: 3000 }),
+        });
     };
-    var initialValues = {
-        appLogo: (_c = (_b = (_a = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _a === void 0 ? void 0 : _a.system) === null || _b === void 0 ? void 0 : _b.appLogo) !== null && _c !== void 0 ? _c : null,
-        companylogo: (_f = (_e = (_d = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _d === void 0 ? void 0 : _d.system) === null || _e === void 0 ? void 0 : _e.companylogo) !== null && _f !== void 0 ? _f : null,
-        passwordlessRegistrationValidateWhat: (_j = (_h = (_g = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _g === void 0 ? void 0 : _g.system) === null || _h === void 0 ? void 0 : _h.passwordlessRegistrationValidateWhat) !== null && _j !== void 0 ? _j : "email",
-        allowPublicRegistration: (_m = (_l = (_k = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _k === void 0 ? void 0 : _k.system) === null || _l === void 0 ? void 0 : _l.allowPublicRegistration) !== null && _m !== void 0 ? _m : false,
-        passwordBasedAuth: (_q = (_p = (_o = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _o === void 0 ? void 0 : _o.system) === null || _p === void 0 ? void 0 : _p.passwordBasedAuth) !== null && _q !== void 0 ? _q : false,
-        passwordLessAuth: (_t = (_s = (_r = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _r === void 0 ? void 0 : _r.system) === null || _s === void 0 ? void 0 : _s.passwordLessAuth) !== null && _t !== void 0 ? _t : false,
-        activateUserOnRegistration: (_w = (_v = (_u = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _u === void 0 ? void 0 : _u.system) === null || _v === void 0 ? void 0 : _v.activateUserOnRegistration) !== null && _w !== void 0 ? _w : false,
-        iamGoogleOAuthEnabled: (_z = (_y = (_x = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _x === void 0 ? void 0 : _x.system) === null || _y === void 0 ? void 0 : _y.iamGoogleOAuthEnabled) !== null && _z !== void 0 ? _z : false,
-        shouldQueueEmails: (_2 = (_1 = (_0 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _0 === void 0 ? void 0 : _0.system) === null || _1 === void 0 ? void 0 : _1.shouldQueueEmails) !== null && _2 !== void 0 ? _2 : false,
-        shouldQueueSms: (_5 = (_4 = (_3 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _3 === void 0 ? void 0 : _3.system) === null || _4 === void 0 ? void 0 : _4.shouldQueueSms) !== null && _5 !== void 0 ? _5 : false,
-        authPagesTheme: (_8 = (_7 = (_6 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _6 === void 0 ? void 0 : _6.system) === null || _7 === void 0 ? void 0 : _7.authPagesTheme) !== null && _8 !== void 0 ? _8 : "light",
-        authPagesLayout: (_11 = (_10 = (_9 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _9 === void 0 ? void 0 : _9.system) === null || _10 === void 0 ? void 0 : _10.authPagesLayout) !== null && _11 !== void 0 ? _11 : "center",
-        defaultRole: (_14 = (_13 = (_12 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _12 === void 0 ? void 0 : _12.system) === null || _13 === void 0 ? void 0 : _13.defaultRole) !== null && _14 !== void 0 ? _14 : "Admin",
-        appLogoPosition: (_17 = (_16 = (_15 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _15 === void 0 ? void 0 : _15.system) === null || _16 === void 0 ? void 0 : _16.appLogoPosition) !== null && _17 !== void 0 ? _17 : "in_form_view",
-        showAuthContent: (_20 = (_19 = (_18 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _18 === void 0 ? void 0 : _18.system) === null || _19 === void 0 ? void 0 : _19.showAuthContent) !== null && _20 !== void 0 ? _20 : false,
-        appTitle: (_23 = (_22 = (_21 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _21 === void 0 ? void 0 : _21.system) === null || _22 === void 0 ? void 0 : _22.appTitle) !== null && _23 !== void 0 ? _23 : "SolidX",
-        appSubtitle: (_26 = (_25 = (_24 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _24 === void 0 ? void 0 : _24.system) === null || _25 === void 0 ? void 0 : _25.appSubtitle) !== null && _26 !== void 0 ? _26 : "Welcome To",
-        appDescription: (_29 = (_28 = (_27 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _27 === void 0 ? void 0 : _27.system) === null || _28 === void 0 ? void 0 : _28.appDescription) !== null && _29 !== void 0 ? _29 : "appDescription",
-        showLegalLinks: (_32 = (_31 = (_30 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _30 === void 0 ? void 0 : _30.system) === null || _31 === void 0 ? void 0 : _31.showLegalLinks) !== null && _32 !== void 0 ? _32 : false,
-        appTnc: (_35 = (_34 = (_33 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _33 === void 0 ? void 0 : _33.system) === null || _34 === void 0 ? void 0 : _34.appTnc) !== null && _35 !== void 0 ? _35 : null,
-        appPrivacyPolicy: (_38 = (_37 = (_36 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _36 === void 0 ? void 0 : _36.system) === null || _37 === void 0 ? void 0 : _37.appPrivacyPolicy) !== null && _38 !== void 0 ? _38 : null,
-        enableDarkMode: (_41 = (_40 = (_39 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _39 === void 0 ? void 0 : _39.system) === null || _40 === void 0 ? void 0 : _40.enableDarkMode) !== null && _41 !== void 0 ? _41 : false,
-        copyright: (_44 = (_43 = (_42 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _42 === void 0 ? void 0 : _42.system) === null || _43 === void 0 ? void 0 : _43.copyright) !== null && _44 !== void 0 ? _44 : null,
-        forceChangePasswordOnFirstLogin: (_47 = (_46 = (_45 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _45 === void 0 ? void 0 : _45.system) === null || _46 === void 0 ? void 0 : _46.forceChangePasswordOnFirstLogin) !== null && _47 !== void 0 ? _47 : false,
-        contactSupportEmail: (_50 = (_49 = (_48 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _48 === void 0 ? void 0 : _48.system) === null || _49 === void 0 ? void 0 : _49.contactSupportEmail) !== null && _50 !== void 0 ? _50 : null,
-        contactSupportDisplayName: (_53 = (_52 = (_51 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _51 === void 0 ? void 0 : _51.system) === null || _52 === void 0 ? void 0 : _52.contactSupportDisplayName) !== null && _53 !== void 0 ? _53 : null,
-        contactSupportIcon: (_56 = (_55 = (_54 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _54 === void 0 ? void 0 : _54.system) === null || _55 === void 0 ? void 0 : _55.contactSupportIcon) !== null && _56 !== void 0 ? _56 : null,
-        authScreenRightBackgroundImage: (_59 = (_58 = (_57 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _57 === void 0 ? void 0 : _57.system) === null || _58 === void 0 ? void 0 : _58.authScreenRightBackgroundImage) !== null && _59 !== void 0 ? _59 : null,
-        authScreenLeftBackgroundImage: (_62 = (_61 = (_60 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _60 === void 0 ? void 0 : _60.system) === null || _61 === void 0 ? void 0 : _61.authScreenLeftBackgroundImage) !== null && _62 !== void 0 ? _62 : null,
-        authScreenCenterBackgroundImage: (_65 = (_64 = (_63 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _63 === void 0 ? void 0 : _63.system) === null || _64 === void 0 ? void 0 : _64.authScreenCenterBackgroundImage) !== null && _65 !== void 0 ? _65 : null,
-        solidXGenAiCodeBuilderConfig: (_68 = (_67 = (_66 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _66 === void 0 ? void 0 : _66.system) === null || _67 === void 0 ? void 0 : _67.solidXGenAiCodeBuilderConfig) !== null && _68 !== void 0 ? _68 : {
+    const initialValues = {
+        appLogo: solidSettingsData?.appLogo ?? null,
+        companylogo: solidSettingsData?.companylogo ?? null,
+        passwordlessRegistrationValidateWhat: solidSettingsData?.passwordlessRegistrationValidateWhat ?? "email",
+        allowPublicRegistration: solidSettingsData?.allowPublicRegistration ?? false,
+        passwordBasedAuth: solidSettingsData?.passwordBasedAuth ?? false,
+        passwordLessAuth: solidSettingsData?.passwordLessAuth ?? false,
+        activateUserOnRegistration: solidSettingsData?.activateUserOnRegistration ?? false,
+        iamGoogleOAuthEnabled: solidSettingsData?.iamGoogleOAuthEnabled ?? false,
+        shouldQueueEmails: solidSettingsData?.shouldQueueEmails ?? false,
+        shouldQueueSms: solidSettingsData?.shouldQueueSms ?? false,
+        authPagesTheme: solidSettingsData?.authPagesTheme ?? "light",
+        authPagesLayout: solidSettingsData?.authPagesLayout ?? "center",
+        defaultRole: solidSettingsData?.defaultRole ?? "Admin",
+        appLogoPosition: solidSettingsData?.appLogoPosition ?? "in_form_view",
+        showAuthContent: solidSettingsData?.showAuthContent ?? false,
+        appTitle: solidSettingsData?.appTitle ?? "SolidX",
+        appSubtitle: solidSettingsData?.appSubtitle ?? "Welcome To",
+        appDescription: solidSettingsData?.appDescription ?? "appDescription",
+        showLegalLinks: solidSettingsData?.showLegalLinks ?? false,
+        appTnc: solidSettingsData?.appTnc ?? null,
+        appPrivacyPolicy: solidSettingsData?.appPrivacyPolicy ?? null,
+        enableDarkMode: solidSettingsData?.enableDarkMode ?? false,
+        copyright: solidSettingsData?.copyright ?? null,
+        forceChangePasswordOnFirstLogin: solidSettingsData?.forceChangePasswordOnFirstLogin ?? false,
+        contactSupportEmail: solidSettingsData?.contactSupportEmail ?? null,
+        contactSupportDisplayName: solidSettingsData?.contactSupportDisplayName ?? null,
+        contactSupportIcon: solidSettingsData?.contactSupportIcon ?? null,
+        authScreenRightBackgroundImage: solidSettingsData?.authScreenRightBackgroundImage ?? null,
+        authScreenLeftBackgroundImage: solidSettingsData?.authScreenLeftBackgroundImage ?? null,
+        authScreenCenterBackgroundImage: solidSettingsData?.authScreenCenterBackgroundImage ?? null,
+        solidXGenAiCodeBuilderConfig: solidSettingsData?.solidXGenAiCodeBuilderConfig ?? {
             defaultProvider: "",
             availableProviders: []
         }
-        // llmProvider: solidSettingsData?.data?.system?.llmProvider ?? null,
-        // llModelName: solidSettingsData?.data?.system?.llModelName ?? null,
-        // llmProviderApiKey: solidSettingsData?.data?.system?.llmProviderApiKey ?? null,
-        // llmProviderBaseURL: solidSettingsData?.data?.system?.llmProviderBaseURL ?? null,
-        // llmModelIdentifier: solidSettingsData?.data?.system?.llmModelIdentifier ?? null
+        // llmProvider: solidSettingsData?.llmProvider ?? null,
+        // llModelName: solidSettingsData?.llModelName ?? null,
+        // llmProviderApiKey: solidSettingsData?.llmProviderApiKey ?? null,
+        // llmProviderBaseURL: solidSettingsData?.llmProviderBaseURL ?? null,
+        // llmModelIdentifier: solidSettingsData?.llmModelIdentifier ?? null
     };
-    var formik = useFormik({
+    const 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 = ((_a = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _a === void 0 ? void 0 : _a.system) || {};
-                        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: value,
-                                        type: "system",
-                                    });
-                                }
-                            }
-                        });
-                        if (updatedSettingsArray_1.length === 0) {
-                            showToast("success", "No Changes", "No settings were updated");
-                            return [2 /*return*/];
+        onSubmit: async (values) => {
+            try {
+                const 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;
+                }
+                const updatedSettingsArray = [];
+                const currentSettings = solidSettingsData || {};
+                const formData = new FormData();
+                // Compare changed fields
+                Object.entries(values).forEach(([key, value]) => {
+                    const currentValue = currentSettings[key];
+                    const normalizedCurrent = currentValue ?? "";
+                    const normalizedValue = value ?? "";
+                    if (normalizedCurrent !== normalizedValue) {
+                        // If file, append to formData and use placeholder value in JSON
+                        if (value instanceof File) {
+                            formData.append(key, value);
+                            updatedSettingsArray.push({
+                                key,
+                                value: "",
+                                type: "system",
+                            });
                         }
-                        // 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("success", "Updated", "Settings updated");
+                        else {
+                            updatedSettingsArray.push({
+                                key,
+                                value: typeof value === "string" ? value : JSON.stringify(value),
+                                type: "system",
+                            });
                         }
-                        return [3 /*break*/, 3];
-                    case 2:
-                        error_1 = _b.sent();
-                        console.log("Error updating settings:", error_1);
-                        showToast("error", ERROR_MESSAGES.FAILED, 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*/];
+                });
+                if (updatedSettingsArray.length === 0) {
+                    showToast("success", "No Changes", "No settings were updated");
+                    return;
+                }
+                // Append settings array to formData
+                formData.append("settings", JSON.stringify(updatedSettingsArray));
+                // Call API
+                const response = await bulkUpdateSolidSettings({ data: formData }).unwrap();
+                if (response.statusCode === 200) {
+                    showToast("success", "Updated", "Settings updated");
+                    trigger("");
+                }
             }
-        });
-    }); };
-    useEffect(function () {
+            catch (error) {
+                console.log("Error updating settings:", error);
+                showToast("error", ERROR_MESSAGES.FAILED, ERROR_MESSAGES.SOMETHING_WRONG);
+            }
+        },
+    });
+    const showError = async () => {
+        const errors = await formik.validateForm();
+        const errorMessages = Object.values(errors);
+        if (errorMessages.length > 0 && toast.current) {
+            handleError(errorMessages);
+        }
+    };
+    useEffect(() => {
     }, [pathname]);
-    var positionMap = {
+    const 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];
+    const onAppLogoDrop = useCallback((acceptedFiles) => {
+        const file = acceptedFiles[0];
         if (file) {
             if (file.size > 2 * 1024 * 1024) {
-                (_a = toast.current) === null || _a === void 0 ? void 0 : _a.show({
+                toast.current?.show({
                     severity: "error",
                     summary: "File too large",
                     detail: "Maximum file size is 2MB",
@@ -248,12 +186,11 @@ export var GeneralSettings = function () {
             setAppLogoPreview(URL.createObjectURL(file));
         }
     }, [formik]);
-    var onCompanyLogoDrop = useCallback(function (acceptedFiles) {
-        var _a;
-        var file = acceptedFiles[0];
+    const onCompanyLogoDrop = useCallback((acceptedFiles) => {
+        const file = acceptedFiles[0];
         if (file) {
             if (file.size > 2 * 1024 * 1024) {
-                (_a = toast.current) === null || _a === void 0 ? void 0 : _a.show({
+                toast.current?.show({
                     severity: "error",
                     summary: "File too large",
                     detail: "Maximum file size is 2MB",
@@ -265,7 +202,7 @@ export var GeneralSettings = function () {
             setCompanyLogoPreview(URL.createObjectURL(file));
         }
     }, [formik]);
-    var _78 = useDropzone({
+    const { getRootProps: getAppLogoRootProps, getInputProps: getAppLogoInputProps, isDragActive: isAppLogoDragActive } = useDropzone({
         accept: {
             'image/png': ['.png'],
             'image/jpeg': ['.jpeg', '.jpg'],
@@ -274,8 +211,8 @@ export var GeneralSettings = function () {
         },
         multiple: false,
         onDrop: onAppLogoDrop
-    }), getAppLogoRootProps = _78.getRootProps, getAppLogoInputProps = _78.getInputProps, isAppLogoDragActive = _78.isDragActive;
-    var _79 = useDropzone({
+    });
+    const { getRootProps: getCompanyLogoRootProps, getInputProps: getCompanyLogoInputProps, isDragActive: isCompanyLogoDragActive } = useDropzone({
         accept: {
             'image/png': ['.png'],
             'image/jpeg': ['.jpeg', '.jpg'],
@@ -284,27 +221,26 @@ export var GeneralSettings = function () {
         },
         multiple: false,
         onDrop: onCompanyLogoDrop
-    }), getCompanyLogoRootProps = _79.getRootProps, getCompanyLogoInputProps = _79.getInputProps, isCompanyLogoDragActive = _79.isDragActive;
-    var removeAppLogo = function () {
+    });
+    const removeAppLogo = () => {
         formik.setFieldValue("appLogo", null);
         if (appLogoPreview) {
             URL.revokeObjectURL(appLogoPreview);
             setAppLogoPreview(null);
         }
     };
-    var removeCompanyLogo = function () {
+    const removeCompanyLogo = () => {
         formik.setFieldValue("companylogo", null);
         if (companyLogoPreview) {
             URL.revokeObjectURL(companyLogoPreview);
             setCompanyLogoPreview(null);
         }
     };
-    var onAuthScreenRightBackgroundImageDrop = useCallback(function (acceptedFiles) {
-        var _a;
-        var file = acceptedFiles[0];
+    const onAuthScreenRightBackgroundImageDrop = useCallback((acceptedFiles) => {
+        const file = acceptedFiles[0];
         if (file) {
             if (file.size > 2 * 1024 * 1024) {
-                (_a = toast.current) === null || _a === void 0 ? void 0 : _a.show({
+                toast.current?.show({
                     severity: "error",
                     summary: ERROR_MESSAGES.FILE_LARGE,
                     detail: ERROR_MESSAGES.MAX_FILE_SIZE,
@@ -316,12 +252,11 @@ export var GeneralSettings = function () {
             setAuthScreenRightBackgroundImagePreview(URL.createObjectURL(file));
         }
     }, [formik]);
-    var onAuthScreenLeftBackgroundImageDrop = useCallback(function (acceptedFiles) {
-        var _a;
-        var file = acceptedFiles[0];
+    const onAuthScreenLeftBackgroundImageDrop = useCallback((acceptedFiles) => {
+        const file = acceptedFiles[0];
         if (file) {
             if (file.size > 2 * 1024 * 1024) {
-                (_a = toast.current) === null || _a === void 0 ? void 0 : _a.show({
+                toast.current?.show({
                     severity: "error",
                     summary: ERROR_MESSAGES.FILE_LARGE,
                     detail: ERROR_MESSAGES.MAX_FILE_SIZE,
@@ -333,12 +268,11 @@ export var GeneralSettings = function () {
             setAuthScreenLeftBackgroundImagePreview(URL.createObjectURL(file));
         }
     }, [formik]);
-    var onAuthScreenCenterBackgroundImageDrop = useCallback(function (acceptedFiles) {
-        var _a;
-        var file = acceptedFiles[0];
+    const onAuthScreenCenterBackgroundImageDrop = useCallback((acceptedFiles) => {
+        const file = acceptedFiles[0];
         if (file) {
             if (file.size > 2 * 1024 * 1024) {
-                (_a = toast.current) === null || _a === void 0 ? void 0 : _a.show({
+                toast.current?.show({
                     severity: "error",
                     summary: ERROR_MESSAGES.FILE_LARGE,
                     detail: ERROR_MESSAGES.MAX_FILE_SIZE,
@@ -350,7 +284,7 @@ export var GeneralSettings = function () {
             setAuthScreenCenterBackgroundImagePreview(URL.createObjectURL(file));
         }
     }, [formik]);
-    var _80 = useDropzone({
+    const { getRootProps: getAuthScreenRightBackgroundImageRootProps, getInputProps: getAuthScreenRightBackgroundImageInputProps, isDragActive: isAuthScreenRightBackgroundImageDragActive } = useDropzone({
         accept: {
             'image/png': ['.png'],
             'image/jpeg': ['.jpeg', '.jpg'],
@@ -359,8 +293,8 @@ export var GeneralSettings = function () {
         },
         multiple: false,
         onDrop: onAuthScreenRightBackgroundImageDrop
-    }), getAuthScreenRightBackgroundImageRootProps = _80.getRootProps, getAuthScreenRightBackgroundImageInputProps = _80.getInputProps, isAuthScreenRightBackgroundImageDragActive = _80.isDragActive;
-    var _81 = useDropzone({
+    });
+    const { getRootProps: getAuthScreenLeftBackgroundImageRootProps, getInputProps: getAuthScreenLeftBackgroundImageInputProps, isDragActive: isAuthScreenLeftBackgroundImageDragActive } = useDropzone({
         accept: {
             'image/png': ['.png'],
             'image/jpeg': ['.jpeg', '.jpg'],
@@ -369,8 +303,8 @@ export var GeneralSettings = function () {
         },
         multiple: false,
         onDrop: onAuthScreenLeftBackgroundImageDrop
-    }), getAuthScreenLeftBackgroundImageRootProps = _81.getRootProps, getAuthScreenLeftBackgroundImageInputProps = _81.getInputProps, isAuthScreenLeftBackgroundImageDragActive = _81.isDragActive;
-    var _82 = useDropzone({
+    });
+    const { getRootProps: getAuthScreenCenterBackgroundImageRootProps, getInputProps: getAuthScreenCenterBackgroundImageInputProps, isDragActive: isAuthScreenCenterBackgroundImageDragActive } = useDropzone({
         accept: {
             'image/png': ['.png'],
             'image/jpeg': ['.jpeg', '.jpg'],
@@ -379,22 +313,22 @@ export var GeneralSettings = function () {
         },
         multiple: false,
         onDrop: onAuthScreenCenterBackgroundImageDrop
-    }), getAuthScreenCenterBackgroundImageRootProps = _82.getRootProps, getAuthScreenCenterBackgroundImageInputProps = _82.getInputProps, isAuthScreenCenterBackgroundImageDragActive = _82.isDragActive;
-    var removeAuthScreenRightBackgroundImage = function () {
+    });
+    const removeAuthScreenRightBackgroundImage = () => {
         formik.setFieldValue("authScreenRightBackgroundImage", null);
         if (authScreenRightBackgroundImagePreview) {
             URL.revokeObjectURL(authScreenRightBackgroundImagePreview);
             setAuthScreenRightBackgroundImagePreview(null);
         }
     };
-    var removeAuthScreenLeftBackgroundImage = function () {
+    const removeAuthScreenLeftBackgroundImage = () => {
         formik.setFieldValue("authScreenLeftBackgroundImage", null);
         if (authScreenLeftBackgroundImagePreview) {
             URL.revokeObjectURL(authScreenLeftBackgroundImagePreview);
             setAuthScreenLeftBackgroundImagePreview(null);
         }
     };
-    var removeAuthScreenCenterBackgroundImage = function () {
+    const removeAuthScreenCenterBackgroundImage = () => {
         formik.setFieldValue("authScreenCenterBackgroundImage", null);
         if (authScreenCenterBackgroundImagePreview) {
             URL.revokeObjectURL(authScreenCenterBackgroundImagePreview);
@@ -402,127 +336,123 @@ export var GeneralSettings = function () {
         }
     };
     // const [currentProfile, setcurrentProfile] = useState<string>("");
-    var handleProviderSelect = function (value) {
+    const handleProviderSelect = (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
+        const profiles = formik.values.solidXGenAiCodeBuilderConfig.availableProviders;
+        const exists = profiles.some((p) => p.provider === value);
+        const newProfiles = exists
             ? profiles
-            : __spreadArray(__spreadArray([], profiles, true), [
+            : [
+                ...profiles,
                 {
                     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 : {
+    const handleProfileUpdate = (key, value) => {
+        const config = formik.values.solidXGenAiCodeBuilderConfig ?? {
             availableProviders: [],
             defaultProvider: "",
         };
-        var profiles = (_c = config.availableProviders) !== null && _c !== void 0 ? _c : [];
-        var defaultProvider = config.defaultProvider;
-        var updatedProfiles;
+        const profiles = config.availableProviders ?? [];
+        const defaultProvider = config.defaultProvider;
+        let 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;
-            });
+        if (profiles.some((p) => p.provider === defaultProvider)) {
+            updatedProfiles = profiles.map((p) => p.provider === defaultProvider ? { ...p, [key]: value } : 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);
+            updatedProfiles = [
+                ...profiles,
+                {
+                    id: Date.now().toString(),
+                    provider: defaultProvider,
+                    [key]: value,
+                },
+            ];
         }
         // ✅ New array reference → Formik dirty check will pass
         formik.setFieldValue("solidXGenAiCodeBuilderConfig.availableProviders", updatedProfiles);
     };
-    var currentProfile = ((_69 = formik.values.solidXGenAiCodeBuilderConfig.availableProviders) !== null && _69 !== void 0 ? _69 : []).find(function (p) { return p.provider === formik.values.solidXGenAiCodeBuilderConfig.defaultProvider; }) || null;
+    const currentProfile = (formik.values.solidXGenAiCodeBuilderConfig.availableProviders ?? []).find((p) => 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
+                                                _jsx(Button, { label: "Save", size: "small", onClick: () => 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", { ...getAppLogoRootProps(), className: "solid-dropzone-wrapper", style: { borderRadius: 8 }, children: [_jsx("input", { ...getAppLogoInputProps() }), _jsx(SettingDropzoneActivePlaceholder, {})] }), _jsx("div", { className: "mt-2", children: (() => {
+                                                                                        const logoSrc = SolidLogo.src || SolidLogo;
+                                                                                        let 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"));
+                                                                                        const isBlobOrAbsolute = src?.startsWith("blob:") || src?.startsWith("http");
                                                                                         if (!isBlobOrAbsolute && !src.startsWith("/")) {
-                                                                                            src = "".concat(process.env.API_URL, "/").concat(src);
+                                                                                            src = `${process.env.API_URL}/${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
+                                                                                    })() }), 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", { ...getCompanyLogoRootProps(), className: "solid-dropzone-wrapper", style: { borderRadius: 8 }, children: [_jsx("input", { ...getCompanyLogoInputProps() }), _jsx(SettingDropzoneActivePlaceholder, {})] }), _jsx("div", { className: "mt-2", children: (() => {
+                                                                                        const logoSrc = SolidLogo.src || SolidLogo;
+                                                                                        let 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"));
+                                                                                        const isBlobOrAbsolute = src?.startsWith("blob:") || src?.startsWith("http");
                                                                                         if (!isBlobOrAbsolute && !src.startsWith("/")) {
-                                                                                            src = "".concat(process.env.API_URL, "/").concat(src);
+                                                                                            src = `${process.env.API_URL}/${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
+                                                                                    })() }), 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: (e) => 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: (e) => 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: (e) => 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: (e) => 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: (e) => 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: (e) => 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: (e) => 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: (e) => 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: (e) => 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: (e) => 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: (e) => 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: (e) => 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: (e) => 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: (e) => 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: (e) => 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: (e) => 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: (e) => 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", { ...getAuthScreenLeftBackgroundImageRootProps(), className: "solid-dropzone-wrapper", style: { borderRadius: 8 }, children: [_jsx("input", { ...getAuthScreenLeftBackgroundImageInputProps() }), _jsx(SettingDropzoneActivePlaceholder, { note: "Recommended: 724×724px | Aspect ratio: 1:1" })] }), _jsx("div", { className: "mt-2", children: (() => {
+                                                                                        const logoSrc = AuthScreenLeftBackgroundImage.src || AuthScreenLeftBackgroundImage;
+                                                                                        let 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"));
+                                                                                        const isBlobOrAbsolute = src?.startsWith("blob:") || src?.startsWith("http");
                                                                                         if (!isBlobOrAbsolute && !src.startsWith("/")) {
-                                                                                            src = "".concat(process.env.API_URL, "/").concat(src);
+                                                                                            src = `${process.env.API_URL}/${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
+                                                                        _jsxs("div", { children: [_jsxs("div", { ...getAuthScreenRightBackgroundImageRootProps(), className: "solid-dropzone-wrapper", style: { borderRadius: 8 }, children: [_jsx("input", { ...getAuthScreenRightBackgroundImageInputProps() }), _jsx(SettingDropzoneActivePlaceholder, { note: "Recommended: 724×724px | Aspect ratio: 1:1" })] }), _jsx("div", { className: "mt-2", children: (() => {
+                                                                                        const logoSrc = AuthScreenRightBackgroundImage.src || AuthScreenRightBackgroundImage;
+                                                                                        let 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"));
+                                                                                        const isBlobOrAbsolute = src?.startsWith("blob:") || src?.startsWith("http");
                                                                                         if (!isBlobOrAbsolute && !src.startsWith("/")) {
-                                                                                            src = "".concat(process.env.API_URL, "/").concat(src);
+                                                                                            src = `${process.env.API_URL}/${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
+                                                                        _jsxs("div", { children: [_jsxs("div", { ...getAuthScreenCenterBackgroundImageRootProps(), className: "solid-dropzone-wrapper", style: { borderRadius: 8 }, children: [_jsx("input", { ...getAuthScreenCenterBackgroundImageInputProps() }), _jsx(SettingDropzoneActivePlaceholder, { note: "Recommended: 1440px × 724px | Aspect ratio: 2:1" })] }), _jsx("div", { className: "mt-2", children: (() => {
+                                                                                        const logoSrc = AuthScreenCenterBackgroundImage.src || AuthScreenCenterBackgroundImage;
+                                                                                        let 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"));
+                                                                                        const isBlobOrAbsolute = src?.startsWith("blob:") || src?.startsWith("http");
                                                                                         if (!isBlobOrAbsolute && !src.startsWith("/")) {
-                                                                                            src = "".concat(process.env.API_URL, "/").concat(src);
+                                                                                            src = `${process.env.API_URL}/${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' } }), ((_71 = (_70 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _70 === void 0 ? void 0 : _70.system) === null || _71 === void 0 ? void 0 : _71.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: "Misc 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 pb-3 md:pb-0", 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: "Use queue for sending emails" }) }), _jsx("div", { className: "col-2 sm:col-3 lg:col-7", children: _jsx(InputSwitch, { name: "shouldQueueEmails", checked: formik.values.shouldQueueEmails, onChange: function (e) { return formik.setFieldValue("shouldQueueEmails", e.value); } }) })] }) }), _jsx("div", { className: "col-12 md:col-5 pb-2", 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: "Use queue for sending SMS" }) }), _jsx("div", { className: "col-2 sm:col-3 lg:col-7", children: _jsx(InputSwitch, { name: "shouldQueueSms", checked: formik.values.shouldQueueSms, onChange: function (e) { return formik.setFieldValue("shouldQueueSms", e.value); } }) })] }) })] }) }) }), _jsx(Divider, {}), _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") &&
+                                                                                    })() }), formik.values.authScreenCenterBackgroundImage && (_jsx(SettingsImageRemoveButton, { onClick: removeAuthScreenCenterBackgroundImage }))] })] }) }) }) }), _jsx("div", { className: 'mt-2 lg:mt-4', style: { borderBottom: '1px dashed #D8E2EA' } }), solidSettingsData?.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: (e) => 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: (e) => 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: "Misc 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 pb-3 md:pb-0", 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: "Use queue for sending emails" }) }), _jsx("div", { className: "col-2 sm:col-3 lg:col-7", children: _jsx(InputSwitch, { name: "shouldQueueEmails", checked: formik.values.shouldQueueEmails, onChange: (e) => formik.setFieldValue("shouldQueueEmails", e.value) }) })] }) }), _jsx("div", { className: "col-12 md:col-5 pb-2", 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: "Use queue for sending SMS" }) }), _jsx("div", { className: "col-2 sm:col-3 lg:col-7", children: _jsx(InputSwitch, { name: "shouldQueueSms", checked: formik.values.shouldQueueSms, onChange: (e) => formik.setFieldValue("shouldQueueSms", e.value) }) })] }) })] }) }) }), _jsx(Divider, {}), _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 }))] })) }) })] })] })] }) }) })] }));
+                                                                                ], onChange: (e) => 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