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

package/dist/components/common/GeneralSettings.js

@@ -65,17 +65,17 @@ import { useDispatch } from 'react-redux';
 import { ERROR_MESSAGES } from '../../constants/error-messages';
 import { useBulkUpdateSolidSettingsMutation, useLazyGetSolidSettingsQuery } from '../../redux/api/solidSettingsApi';
 import { env } from "../../adapters/env";
-import { showToast } from '../../redux/features/toastSlice';
+import { showToast } from "../../redux/features/toastSlice";
 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;
+    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;
     var session = useSession().data;
-    var _46 = useState(null), appLogoPreview = _46[0], setAppLogoPreview = _46[1];
-    var _47 = useState(null), companyLogoPreview = _47[0], setCompanyLogoPreview = _47[1];
-    var _48 = useState(null), authScreenRightBackgroundImagePreview = _48[0], setAuthScreenRightBackgroundImagePreview = _48[1];
-    var _49 = useState(null), authScreenLeftBackgroundImagePreview = _49[0], setAuthScreenLeftBackgroundImagePreview = _49[1];
-    var _50 = useState(null), authScreenCenterBackgroundImagePreview = _50[0], setAuthScreenCenterBackgroundImagePreview = _50[1];
+    var _49 = useState(null), appLogoPreview = _49[0], setAppLogoPreview = _49[1];
+    var _50 = useState(null), companyLogoPreview = _50[0], setCompanyLogoPreview = _50[1];
+    var _51 = useState(null), authScreenRightBackgroundImagePreview = _51[0], setAuthScreenRightBackgroundImagePreview = _51[1];
+    var _52 = useState(null), authScreenLeftBackgroundImagePreview = _52[0], setAuthScreenLeftBackgroundImagePreview = _52[1];
+    var _53 = useState(null), authScreenCenterBackgroundImagePreview = _53[0], setAuthScreenCenterBackgroundImagePreview = _53[1];
     var dispatch = useDispatch();
-    var _51 = useLazyGetSolidSettingsQuery(), trigger = _51[0], solidSettingsData = _51[1].data;
+    var _54 = useLazyGetSolidSettingsQuery(), trigger = _54[0], solidSettingsData = _54[1].data;
     useEffect(function () {
         trigger(""); // Fetch settings on mount
     }, [trigger]);
@@ -91,28 +91,30 @@ export var GeneralSettings = function () {
         passwordLessAuth: (_p = (_o = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _o === void 0 ? void 0 : _o.passwordLessAuth) !== null && _p !== void 0 ? _p : false,
         activateUserOnRegistration: (_r = (_q = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _q === void 0 ? void 0 : _q.activateUserOnRegistration) !== null && _r !== void 0 ? _r : false,
         iamGoogleOAuthEnabled: (_t = (_s = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _s === void 0 ? void 0 : _s.iamGoogleOAuthEnabled) !== null && _t !== void 0 ? _t : false,
+        iamMicrosoftOAuthEnabled: (_v = (_u = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _u === void 0 ? void 0 : _u.iamMicrosoftOAuthEnabled) !== null && _v !== void 0 ? _v : false,
+        iamFacebookOAuthEnabled: (_x = (_w = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _w === void 0 ? void 0 : _w.iamFacebookOAuthEnabled) !== null && _x !== void 0 ? _x : false,
+        iamAppleOAuthEnabled: (_z = (_y = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _y === void 0 ? void 0 : _y.iamAppleOAuthEnabled) !== null && _z !== void 0 ? _z : false,
         // shouldQueueEmails: solidSettingsData?.data?.shouldQueueEmails ?? false,
         // shouldQueueSms: solidSettingsData?.data?.shouldQueueSms ?? false,
-        authPagesTheme: (_v = (_u = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _u === void 0 ? void 0 : _u.authPagesTheme) !== null && _v !== void 0 ? _v : "light",
-        authPagesLayout: (_x = (_w = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _w === void 0 ? void 0 : _w.authPagesLayout) !== null && _x !== void 0 ? _x : "center",
-        defaultRole: (_z = (_y = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _y === void 0 ? void 0 : _y.defaultRole) !== null && _z !== void 0 ? _z : "Admin",
-        appLogoPosition: (_1 = (_0 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _0 === void 0 ? void 0 : _0.appLogoPosition) !== null && _1 !== void 0 ? _1 : "in_form_view",
-        showAuthContent: (_3 = (_2 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _2 === void 0 ? void 0 : _2.showAuthContent) !== null && _3 !== void 0 ? _3 : false,
-        appTitle: (_5 = (_4 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _4 === void 0 ? void 0 : _4.appTitle) !== null && _5 !== void 0 ? _5 : "SolidX",
-        appSubtitle: (_7 = (_6 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _6 === void 0 ? void 0 : _6.appSubtitle) !== null && _7 !== void 0 ? _7 : "Welcome To",
-        appDescription: (_9 = (_8 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _8 === void 0 ? void 0 : _8.appDescription) !== null && _9 !== void 0 ? _9 : "appDescription",
-        showLegalLinks: (_11 = (_10 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _10 === void 0 ? void 0 : _10.showLegalLinks) !== null && _11 !== void 0 ? _11 : false,
-        appTnc: (_13 = (_12 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _12 === void 0 ? void 0 : _12.appTnc) !== null && _13 !== void 0 ? _13 : null,
-        appPrivacyPolicy: (_15 = (_14 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _14 === void 0 ? void 0 : _14.appPrivacyPolicy) !== null && _15 !== void 0 ? _15 : null,
-        enableDarkMode: (_17 = (_16 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _16 === void 0 ? void 0 : _16.enableDarkMode) !== null && _17 !== void 0 ? _17 : false,
-        copyright: (_19 = (_18 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _18 === void 0 ? void 0 : _18.copyright) !== null && _19 !== void 0 ? _19 : null,
-        forceChangePasswordOnFirstLogin: (_21 = (_20 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _20 === void 0 ? void 0 : _20.forceChangePasswordOnFirstLogin) !== null && _21 !== void 0 ? _21 : false,
-        contactSupportEmail: (_23 = (_22 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _22 === void 0 ? void 0 : _22.contactSupportEmail) !== null && _23 !== void 0 ? _23 : null,
-        contactSupportDisplayName: (_25 = (_24 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _24 === void 0 ? void 0 : _24.contactSupportDisplayName) !== null && _25 !== void 0 ? _25 : null,
-        contactSupportIcon: (_27 = (_26 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _26 === void 0 ? void 0 : _26.contactSupportIcon) !== null && _27 !== void 0 ? _27 : null,
-        authScreenRightBackgroundImage: (_29 = (_28 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _28 === void 0 ? void 0 : _28.authScreenRightBackgroundImage) !== null && _29 !== void 0 ? _29 : null,
-        authScreenLeftBackgroundImage: (_31 = (_30 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _30 === void 0 ? void 0 : _30.authScreenLeftBackgroundImage) !== null && _31 !== void 0 ? _31 : null,
-        authScreenCenterBackgroundImage: (_33 = (_32 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _32 === void 0 ? void 0 : _32.authScreenCenterBackgroundImage) !== null && _33 !== void 0 ? _33 : null,
+        authPagesLayout: (_1 = (_0 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _0 === void 0 ? void 0 : _0.authPagesLayout) !== null && _1 !== void 0 ? _1 : "center",
+        defaultRole: (_3 = (_2 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _2 === void 0 ? void 0 : _2.defaultRole) !== null && _3 !== void 0 ? _3 : "Admin",
+        appLogoPosition: (_5 = (_4 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _4 === void 0 ? void 0 : _4.appLogoPosition) !== null && _5 !== void 0 ? _5 : "in_form_view",
+        showAuthContent: (_7 = (_6 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _6 === void 0 ? void 0 : _6.showAuthContent) !== null && _7 !== void 0 ? _7 : false,
+        appTitle: (_9 = (_8 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _8 === void 0 ? void 0 : _8.appTitle) !== null && _9 !== void 0 ? _9 : "SolidX",
+        appSubtitle: (_11 = (_10 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _10 === void 0 ? void 0 : _10.appSubtitle) !== null && _11 !== void 0 ? _11 : "Welcome To",
+        appDescription: (_13 = (_12 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _12 === void 0 ? void 0 : _12.appDescription) !== null && _13 !== void 0 ? _13 : "appDescription",
+        showLegalLinks: (_15 = (_14 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _14 === void 0 ? void 0 : _14.showLegalLinks) !== null && _15 !== void 0 ? _15 : false,
+        appTnc: (_17 = (_16 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _16 === void 0 ? void 0 : _16.appTnc) !== null && _17 !== void 0 ? _17 : null,
+        appPrivacyPolicy: (_19 = (_18 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _18 === void 0 ? void 0 : _18.appPrivacyPolicy) !== null && _19 !== void 0 ? _19 : null,
+        enableDarkMode: (_21 = (_20 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _20 === void 0 ? void 0 : _20.enableDarkMode) !== null && _21 !== void 0 ? _21 : false,
+        copyright: (_23 = (_22 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _22 === void 0 ? void 0 : _22.copyright) !== null && _23 !== void 0 ? _23 : null,
+        forceChangePasswordOnFirstLogin: (_25 = (_24 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _24 === void 0 ? void 0 : _24.forceChangePasswordOnFirstLogin) !== null && _25 !== void 0 ? _25 : false,
+        contactSupportEmail: (_27 = (_26 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _26 === void 0 ? void 0 : _26.contactSupportEmail) !== null && _27 !== void 0 ? _27 : null,
+        contactSupportDisplayName: (_29 = (_28 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _28 === void 0 ? void 0 : _28.contactSupportDisplayName) !== null && _29 !== void 0 ? _29 : null,
+        contactSupportIcon: (_31 = (_30 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _30 === void 0 ? void 0 : _30.contactSupportIcon) !== null && _31 !== void 0 ? _31 : null,
+        authScreenRightBackgroundImage: (_33 = (_32 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _32 === void 0 ? void 0 : _32.authScreenRightBackgroundImage) !== null && _33 !== void 0 ? _33 : null,
+        authScreenLeftBackgroundImage: (_35 = (_34 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _34 === void 0 ? void 0 : _34.authScreenLeftBackgroundImage) !== null && _35 !== void 0 ? _35 : null,
+        authScreenCenterBackgroundImage: (_37 = (_36 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _36 === void 0 ? void 0 : _36.authScreenCenterBackgroundImage) !== null && _37 !== void 0 ? _37 : null,
         solidXGenAiCodeBuilderConfig: (function () {
             var _a;
             var defaultAiConfig = {
@@ -150,17 +152,19 @@ export var GeneralSettings = function () {
                     case 0:
                         _b.trys.push([0, 2, , 3]);
                         updatedSettingsArray_1 = [];
-                        currentSettings_1 = solidSettingsData || {};
+                        currentSettings_1 = (solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) || {};
                         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 wasCleared = currentValue != null && currentValue !== "" && (value === null || value === "");
+                            var isFile = value instanceof File;
                             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) {
+                            var changed = isFile || wasCleared || normalizedCurrent !== normalizedValue;
+                            if (changed) {
+                                if (isFile) {
                                     formData_1.append(key, value);
                                     updatedSettingsArray_1.push({
                                         key: key,
@@ -171,30 +175,44 @@ export var GeneralSettings = function () {
                                 else {
                                     updatedSettingsArray_1.push({
                                         key: key,
-                                        value: typeof value === "string" ? value : JSON.stringify(value),
+                                        value: value === null || value === undefined ? "" : (typeof value === "string" ? value : JSON.stringify(value)),
                                         type: "system",
                                     });
                                 }
                             }
                         });
                         if (updatedSettingsArray_1.length === 0) {
-                            dispatch(showToast({ severity: "success", summary: "No Changes", detail: "No settings were updated" }));
+                            dispatch(showToast({
+                                severity: "success",
+                                summary: "No Changes",
+                                detail: "No settings were updated",
+                            }));
                             return [2 /*return*/];
                         }
                         // Append settings array to formData
                         formData_1.append("settings", JSON.stringify(updatedSettingsArray_1));
-                        return [4 /*yield*/, bulkUpdateSolidSettings({ data: formData_1 }).unwrap()];
+                        return [4 /*yield*/, bulkUpdateSolidSettings({
+                                data: formData_1,
+                            }).unwrap()];
                     case 1:
                         response = _b.sent();
                         if (response.statusCode === 200) {
-                            dispatch(showToast({ severity: "success", summary: "Updated", detail: "Settings updated" }));
+                            dispatch(showToast({
+                                severity: "success",
+                                summary: "Updated",
+                                detail: "Settings updated",
+                            }));
                             trigger("");
                         }
                         return [3 /*break*/, 3];
                     case 2:
                         error_1 = _b.sent();
                         console.log("Error updating settings:", error_1);
-                        dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.FAILED, detail: ((_a = error_1 === null || error_1 === void 0 ? void 0 : error_1.data) === null || _a === void 0 ? void 0 : _a.message) || ERROR_MESSAGES.SOMETHING_WRONG }));
+                        dispatch(showToast({
+                            severity: "error",
+                            summary: ERROR_MESSAGES.FAILED,
+                            detail: ((_a = error_1 === null || error_1 === void 0 ? void 0 : error_1.data) === null || _a === void 0 ? void 0 : _a.message) || ERROR_MESSAGES.SOMETHING_WRONG,
+                        }));
                         return [3 /*break*/, 3];
                     case 3: return [2 /*return*/];
                 }
@@ -210,24 +228,33 @@ export var GeneralSettings = function () {
                     errors = _a.sent();
                     errorMessages = Object.values(errors);
                     if (errorMessages.length > 0) {
-                        dispatch(showToast({ severity: 'error', summary: 'Error', detail: Array.isArray(errorMessages) ? errorMessages.join(', ') : errorMessages }));
+                        dispatch(showToast({
+                            severity: "error",
+                            summary: "Error",
+                            detail: Array.isArray(errorMessages)
+                                ? errorMessages.join(", ")
+                                : errorMessages,
+                        }));
                     }
                     return [2 /*return*/];
             }
         });
     }); };
-    useEffect(function () {
-    }, [pathname]);
+    useEffect(function () { }, [pathname]);
     var positionMap = {
-        left: 'The form will appear on the left side of the screen, while the banner will be positioned on the right side',
-        center: 'The form will be centered in the middle of the screen for balanced alignment',
-        right: 'The form will appear on the right side of the screen, and the banner will be positioned on the left side'
+        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 file = acceptedFiles[0];
         if (file) {
             if (file.size > 2 * 1024 * 1024) {
-                dispatch(showToast({ severity: "error", summary: "File too large", detail: "Maximum file size is 2MB" }));
+                dispatch(showToast({
+                    severity: "error",
+                    summary: "File too large",
+                    detail: "Maximum file size is 2MB",
+                }));
                 return;
             }
             formik.setFieldValue("appLogo", file);
@@ -238,33 +265,37 @@ export var GeneralSettings = function () {
         var file = acceptedFiles[0];
         if (file) {
             if (file.size > 2 * 1024 * 1024) {
-                dispatch(showToast({ severity: "error", summary: "File too large", detail: "Maximum file size is 2MB" }));
+                dispatch(showToast({
+                    severity: "error",
+                    summary: "File too large",
+                    detail: "Maximum file size is 2MB",
+                }));
                 return;
             }
             formik.setFieldValue("companylogo", file);
             setCompanyLogoPreview(URL.createObjectURL(file));
         }
     }, [formik]);
-    var _52 = useDropzone({
+    var _55 = useDropzone({
         accept: {
-            'image/png': ['.png'],
-            'image/jpeg': ['.jpeg', '.jpg'],
-            'image/svg+xml': ['.svg'],
-            'image/webp': ['.webp']
+            "image/png": [".png"],
+            "image/jpeg": [".jpeg", ".jpg"],
+            "image/svg+xml": [".svg"],
+            "image/webp": [".webp"],
         },
         multiple: false,
-        onDrop: onAppLogoDrop
-    }), getAppLogoRootProps = _52.getRootProps, getAppLogoInputProps = _52.getInputProps, isAppLogoDragActive = _52.isDragActive;
-    var _53 = useDropzone({
+        onDrop: onAppLogoDrop,
+    }), getAppLogoRootProps = _55.getRootProps, getAppLogoInputProps = _55.getInputProps, isAppLogoDragActive = _55.isDragActive;
+    var _56 = useDropzone({
         accept: {
             'image/png': ['.png'],
             'image/jpeg': ['.jpeg', '.jpg'],
             'image/svg+xml': ['.svg'],
-            'image/webp': ['.webp']
+            'image/webp': ['.webp'],
         },
         multiple: false,
-        onDrop: onCompanyLogoDrop
-    }), getCompanyLogoRootProps = _53.getRootProps, getCompanyLogoInputProps = _53.getInputProps, isCompanyLogoDragActive = _53.isDragActive;
+        onDrop: onCompanyLogoDrop,
+    }), getCompanyLogoRootProps = _56.getRootProps, getCompanyLogoInputProps = _56.getInputProps, isCompanyLogoDragActive = _56.isDragActive;
     var removeAppLogo = function () {
         formik.setFieldValue("appLogo", null);
         if (appLogoPreview) {
@@ -283,7 +314,11 @@ export var GeneralSettings = function () {
         var file = acceptedFiles[0];
         if (file) {
             if (file.size > 2 * 1024 * 1024) {
-                dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.FILE_LARGE, detail: ERROR_MESSAGES.MAX_FILE_SIZE }));
+                dispatch(showToast({
+                    severity: "error",
+                    summary: ERROR_MESSAGES.FILE_LARGE,
+                    detail: ERROR_MESSAGES.MAX_FILE_SIZE,
+                }));
                 return;
             }
             formik.setFieldValue("authScreenRightBackgroundImage", file);
@@ -294,7 +329,11 @@ export var GeneralSettings = function () {
         var file = acceptedFiles[0];
         if (file) {
             if (file.size > 2 * 1024 * 1024) {
-                dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.FILE_LARGE, detail: ERROR_MESSAGES.MAX_FILE_SIZE }));
+                dispatch(showToast({
+                    severity: "error",
+                    summary: ERROR_MESSAGES.FILE_LARGE,
+                    detail: ERROR_MESSAGES.MAX_FILE_SIZE,
+                }));
                 return;
             }
             formik.setFieldValue("authScreenLeftBackgroundImage", file);
@@ -305,24 +344,28 @@ export var GeneralSettings = function () {
         var file = acceptedFiles[0];
         if (file) {
             if (file.size > 2 * 1024 * 1024) {
-                dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.FILE_LARGE, detail: ERROR_MESSAGES.MAX_FILE_SIZE }));
+                dispatch(showToast({
+                    severity: "error",
+                    summary: ERROR_MESSAGES.FILE_LARGE,
+                    detail: ERROR_MESSAGES.MAX_FILE_SIZE,
+                }));
                 return;
             }
             formik.setFieldValue("authScreenCenterBackgroundImage", file);
             setAuthScreenCenterBackgroundImagePreview(URL.createObjectURL(file));
         }
     }, [formik]);
-    var _54 = useDropzone({
+    var _57 = useDropzone({
         accept: {
             'image/png': ['.png'],
             'image/jpeg': ['.jpeg', '.jpg'],
             'image/svg+xml': ['.svg'],
-            'image/webp': ['.webp']
+            'image/webp': ['.webp'],
         },
         multiple: false,
-        onDrop: onAuthScreenRightBackgroundImageDrop
-    }), getAuthScreenRightBackgroundImageRootProps = _54.getRootProps, getAuthScreenRightBackgroundImageInputProps = _54.getInputProps, isAuthScreenRightBackgroundImageDragActive = _54.isDragActive;
-    var _55 = useDropzone({
+        onDrop: onAuthScreenRightBackgroundImageDrop,
+    }), getAuthScreenRightBackgroundImageRootProps = _57.getRootProps, getAuthScreenRightBackgroundImageInputProps = _57.getInputProps, isAuthScreenRightBackgroundImageDragActive = _57.isDragActive;
+    var _58 = useDropzone({
         accept: {
             'image/png': ['.png'],
             'image/jpeg': ['.jpeg', '.jpg'],
@@ -331,8 +374,8 @@ export var GeneralSettings = function () {
         },
         multiple: false,
         onDrop: onAuthScreenLeftBackgroundImageDrop
-    }), getAuthScreenLeftBackgroundImageRootProps = _55.getRootProps, getAuthScreenLeftBackgroundImageInputProps = _55.getInputProps, isAuthScreenLeftBackgroundImageDragActive = _55.isDragActive;
-    var _56 = useDropzone({
+    }), getAuthScreenLeftBackgroundImageRootProps = _58.getRootProps, getAuthScreenLeftBackgroundImageInputProps = _58.getInputProps, isAuthScreenLeftBackgroundImageDragActive = _58.isDragActive;
+    var _59 = useDropzone({
         accept: {
             'image/png': ['.png'],
             'image/jpeg': ['.jpeg', '.jpg'],
@@ -341,7 +384,7 @@ export var GeneralSettings = function () {
         },
         multiple: false,
         onDrop: onAuthScreenCenterBackgroundImageDrop
-    }), getAuthScreenCenterBackgroundImageRootProps = _56.getRootProps, getAuthScreenCenterBackgroundImageInputProps = _56.getInputProps, isAuthScreenCenterBackgroundImageDragActive = _56.isDragActive;
+    }), getAuthScreenCenterBackgroundImageRootProps = _59.getRootProps, getAuthScreenCenterBackgroundImageInputProps = _59.getInputProps, isAuthScreenCenterBackgroundImageDragActive = _59.isDragActive;
     var removeAuthScreenRightBackgroundImage = function () {
         formik.setFieldValue("authScreenRightBackgroundImage", null);
         if (authScreenRightBackgroundImagePreview) {
@@ -366,95 +409,131 @@ export var GeneralSettings = function () {
     var handleAiConfigChange = function (newConfig) {
         formik.setFieldValue("solidXGenAiCodeBuilderConfig", newConfig);
     };
-    return (_jsx("div", { className: "page-parent-wrapper", children: _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" }), _jsx("div", { className: "gap-3 flex", children: formik.dirty && (_jsx(SolidButton, { size: "sm", type: "submit", loading: formik.isSubmitting, onClick: function () { return showError(); }, children: "Save" })) })] }), _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: "solid-settings-subheading", children: "App Logo" }), _jsxs("div", { children: [_jsxs("div", __assign({}, getAppLogoRootProps(), { className: "solid-dropzone-wrapper", style: { borderRadius: 8 }, children: [_jsx("input", __assign({}, getAppLogoInputProps())), _jsx(SettingDropzoneActivePlaceholder, {})] })), _jsx("div", { className: "mt-2", children: (function () {
-                                                                                    var logoSrc = SolidLogo.src || SolidLogo;
-                                                                                    var src = appLogoPreview
-                                                                                        ? appLogoPreview
-                                                                                        : formik.values.appLogo
-                                                                                            ? formik.values.appLogo
-                                                                                            : logoSrc;
-                                                                                    var isBlobOrAbsolute = (src === null || src === void 0 ? void 0 : src.startsWith("blob:")) || (src === null || src === void 0 ? void 0 : src.startsWith("http"));
-                                                                                    if (!isBlobOrAbsolute && !src.startsWith("/")) {
-                                                                                        src = "".concat(env("API_URL"), "/").concat(src);
-                                                                                    }
-                                                                                    return (_jsx(SolidUploadedImage, { src: src, className: 'solid-app-logo' }));
-                                                                                })() }), formik.values.appLogo && (_jsx(SettingsImageRemoveButton, { onClick: removeAppLogo }))] })] }), _jsxs("div", { className: "col-12 md:col-6", children: [_jsx("p", { className: "solid-settings-subheading", children: "Company Logo" }), _jsxs("div", { children: [_jsxs("div", __assign({}, getCompanyLogoRootProps(), { className: "solid-dropzone-wrapper", style: { borderRadius: 8 }, children: [_jsx("input", __assign({}, getCompanyLogoInputProps())), _jsx(SettingDropzoneActivePlaceholder, {})] })), _jsx("div", { className: "mt-2", children: (function () {
-                                                                                    var logoSrc = SolidLogo.src || SolidLogo;
-                                                                                    var src = companyLogoPreview
-                                                                                        ? companyLogoPreview
-                                                                                        : formik.values.companylogo
-                                                                                            ? formik.values.companylogo
-                                                                                            : logoSrc;
-                                                                                    var isBlobOrAbsolute = (src === null || src === void 0 ? void 0 : src.startsWith("blob:")) || (src === null || src === void 0 ? void 0 : src.startsWith("http"));
-                                                                                    if (!isBlobOrAbsolute && !src.startsWith("/")) {
-                                                                                        src = "".concat(env("API_URL"), "/").concat(src);
-                                                                                    }
-                                                                                    return (_jsx(SolidUploadedImage, { src: src, className: 'solid-compony-logo' }));
-                                                                                })() }), formik.values.companylogo && (_jsx(SettingsImageRemoveButton, { onClick: removeCompanyLogo }))] })] })] }) }) }), _jsx("p", { className: "solid-settings-heading", children: "App Logo Position" }), _jsx("div", { className: 'formgrid grid', children: _jsx("div", { className: 'col-12 lg:col-10 xl:col-8', children: _jsx("div", { className: "flex", children: _jsx(SolidSegmentedControl, { className: "solid-settings-segmented", value: formik.values.appLogoPosition, options: [
-                                                                { value: "in_form_view", label: "In Form View" },
-                                                                { value: "in_image_view", label: "In Image View" },
-                                                            ], onChange: function (value) { return formik.setFieldValue("appLogoPosition", value); } }) }) }) }), _jsx(SolidDivider, { className: "my-4" }), _jsx("p", { className: "solid-settings-heading", 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(SolidSwitch, { name: "showAuthContent", checked: formik.values.showAuthContent, onChange: function (checked) { return formik.setFieldValue("showAuthContent", checked); } }) })] }) }), _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(SolidInput, { type: "text", id: "appTitle", name: "appTitle", onChange: formik.handleChange, value: (_34 = formik.values.appTitle) !== null && _34 !== void 0 ? _34 : '', 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(SolidInput, { type: "text", id: "appSubtitle", name: "appSubtitle", onChange: formik.handleChange, value: (_35 = formik.values.appSubtitle) !== null && _35 !== void 0 ? _35 : '', 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(SolidTextarea, { rows: 3, id: "appDescription", name: "appDescription", onChange: formik.handleChange, value: (_36 = formik.values.appDescription) !== null && _36 !== void 0 ? _36 : '', 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(SolidTextarea, { rows: 3, id: "copyright", name: "copyright", onChange: formik.handleChange, value: (_37 = formik.values.copyright) !== null && _37 !== void 0 ? _37 : '', className: 'w-full' }) })] }) })] }) }) }), _jsx(SolidDivider, { className: "my-4" }), _jsx("p", { className: "solid-settings-heading", 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(SolidSwitch, { name: "showLegalLinks", checked: formik.values.showLegalLinks, onChange: function (checked) { return formik.setFieldValue("showLegalLinks", checked); } }) })] }) }), _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(SolidInput, { type: "text", id: "appTnc", name: "appTnc", onChange: formik.handleChange, value: (_38 = formik.values.appTnc) !== null && _38 !== void 0 ? _38 : '', 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(SolidInput, { type: "text", id: "appPrivacyPolicy", name: "appPrivacyPolicy", onChange: formik.handleChange, value: (_39 = formik.values.appPrivacyPolicy) !== null && _39 !== void 0 ? _39 : '', className: 'w-full' }) })] }) })] }) }) }), _jsx(SolidDivider, { className: "my-4" }), _jsx("p", { className: "solid-settings-heading", 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(SolidSwitch, { name: "enableDarkMode", checked: formik.values.enableDarkMode, onChange: function (checked) { return formik.setFieldValue("enableDarkMode", checked); } }) })] }) }) }) }) })] }), pathname.includes("authentication-settings") &&
-                                    _jsxs(_Fragment, { children: [_jsx("p", { className: "solid-settings-heading", 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(SolidSwitch, { name: "allowPublicRegistration", checked: formik.values.allowPublicRegistration, onChange: function (checked) { return formik.setFieldValue("allowPublicRegistration", checked); } }) })] }) }), _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(SolidSwitch, { name: "passwordBasedAuth", checked: formik.values.passwordBasedAuth, onChange: function (checked) { return formik.setFieldValue("passwordBasedAuth", checked); } }) })] }) }), _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(SolidSwitch, { name: "passwordLessAuth", checked: formik.values.passwordLessAuth, onChange: function (checked) { return formik.setFieldValue("passwordLessAuth", checked); } }) })] }) }), _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(SolidSwitch, { name: "activateUserOnRegistration", checked: formik.values.activateUserOnRegistration, onChange: function (checked) { return formik.setFieldValue("activateUserOnRegistration", checked); } }) })] }) }), _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(SolidSwitch, { name: "iamGoogleOAuthEnabled", checked: formik.values.iamGoogleOAuthEnabled, onChange: function (checked) { return formik.setFieldValue("iamGoogleOAuthEnabled", checked); } }) })] }) }), _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(SolidSwitch, { name: "forceChangePasswordOnFirstLogin", checked: formik.values.forceChangePasswordOnFirstLogin, onChange: function (checked) { return formik.setFieldValue("forceChangePasswordOnFirstLogin", checked); } }) })] }) }), formik.values.passwordLessAuth === true &&
-                                                                _jsx("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 Registration Method" }) }), _jsx("div", { className: 'col-12 sm:col-12 lg:col-6 xl:col-6', children: _jsx(SolidSegmentedControl, { className: "solid-settings-segmented mt-3 lg:mt-0", value: formik.values.passwordlessRegistrationValidateWhat, options: [
-                                                                                        { value: "email", label: "Email" },
-                                                                                        { value: "mobile", label: "Mobile" },
-                                                                                    ], onChange: function (value) { return formik.setFieldValue("passwordlessRegistrationValidateWhat", value); } }) })] }) }), formik.values.passwordLessAuth === true &&
-                                                                _jsx("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 Login Method" }) }), _jsx("div", { className: 'col-12 sm:col-12 lg:col-6 xl:col-6', children: _jsx(SolidSegmentedControl, { className: "solid-settings-segmented mt-3 lg:mt-0", value: formik.values.passwordlessLoginValidateWhat, options: [
-                                                                                        { value: "email", label: "Email" },
-                                                                                        { value: "mobile", label: "Mobile" },
-                                                                                        { value: "selectable", label: "Selectable" },
-                                                                                    ], onChange: function (value) { return formik.setFieldValue("passwordlessLoginValidateWhat", value); } }) })] }) })] }) }) }), _jsx(SolidDivider, { className: "my-4" }), _jsx("p", { className: "solid-settings-heading", children: "Authentication Screen Layout" }), _jsx("div", { className: 'formgrid grid', children: _jsxs("div", { className: 'col-12 lg:col-10 xl:col-8', children: [_jsx(SolidSegmentedControl, { className: "solid-settings-segmented", value: formik.values.authPagesLayout, options: [
-                                                                { value: "left", label: "Left" },
-                                                                { value: "center", label: "Center" },
-                                                                { value: "right", label: "Right" },
-                                                            ], onChange: function (value) { return formik.setFieldValue("authPagesLayout", value); } }), _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: "solid-settings-subheading", children: [formik.values.authPagesLayout === "center" ? "Background" : "Banner", " Image"] }), formik.values.authPagesLayout === "left" &&
-                                                                    _jsxs("div", { children: [_jsxs("div", __assign({}, getAuthScreenLeftBackgroundImageRootProps(), { className: "solid-dropzone-wrapper", style: { borderRadius: 8 }, children: [_jsx("input", __assign({}, getAuthScreenLeftBackgroundImageInputProps())), _jsx(SettingDropzoneActivePlaceholder, { note: "Recommended: 724×724px | Aspect ratio: 1:1" })] })), _jsx("div", { className: "mt-2", children: (function () {
-                                                                                    var logoSrc = AuthScreenLeftBackgroundImage.src || AuthScreenLeftBackgroundImage;
-                                                                                    var src = authScreenLeftBackgroundImagePreview
-                                                                                        ? authScreenLeftBackgroundImagePreview
-                                                                                        : formik.values.authScreenLeftBackgroundImage
-                                                                                            ? formik.values.authScreenLeftBackgroundImage
-                                                                                            : logoSrc;
-                                                                                    var isBlobOrAbsolute = (src === null || src === void 0 ? void 0 : src.startsWith("blob:")) || (src === null || src === void 0 ? void 0 : src.startsWith("http"));
-                                                                                    if (!isBlobOrAbsolute && !src.startsWith("/")) {
-                                                                                        src = "".concat(env("API_URL"), "/").concat(src);
-                                                                                    }
-                                                                                    return (_jsx(SolidUploadedImage, { src: src, height: 400, width: 400, maxHeight: 400 }));
-                                                                                })() }), formik.values.authScreenLeftBackgroundImage && (_jsx(SettingsImageRemoveButton, { onClick: removeAuthScreenLeftBackgroundImage }))] }), formik.values.authPagesLayout === "right" &&
-                                                                    _jsxs("div", { children: [_jsxs("div", __assign({}, getAuthScreenRightBackgroundImageRootProps(), { className: "solid-dropzone-wrapper", style: { borderRadius: 8 }, children: [_jsx("input", __assign({}, getAuthScreenRightBackgroundImageInputProps())), _jsx(SettingDropzoneActivePlaceholder, { note: "Recommended: 724×724px | Aspect ratio: 1:1" })] })), _jsx("div", { className: "mt-2", children: (function () {
-                                                                                    var logoSrc = AuthScreenRightBackgroundImage.src || AuthScreenRightBackgroundImage;
-                                                                                    var src = authScreenRightBackgroundImagePreview
-                                                                                        ? authScreenRightBackgroundImagePreview
-                                                                                        : formik.values.authScreenRightBackgroundImage
-                                                                                            ? formik.values.authScreenRightBackgroundImage
-                                                                                            : logoSrc;
-                                                                                    var isBlobOrAbsolute = (src === null || src === void 0 ? void 0 : src.startsWith("blob:")) || (src === null || src === void 0 ? void 0 : src.startsWith("http"));
-                                                                                    if (!isBlobOrAbsolute && !src.startsWith("/")) {
-                                                                                        src = "".concat(env("API_URL"), "/").concat(src);
-                                                                                    }
-                                                                                    return (_jsx(SolidUploadedImage, { src: src, height: 400, width: 400, maxHeight: 400 }));
-                                                                                })() }), formik.values.authScreenRightBackgroundImage && (_jsx(SettingsImageRemoveButton, { onClick: removeAuthScreenRightBackgroundImage }))] }), formik.values.authPagesLayout === "center" &&
-                                                                    _jsxs("div", { children: [_jsxs("div", __assign({}, getAuthScreenCenterBackgroundImageRootProps(), { className: "solid-dropzone-wrapper", style: { borderRadius: 8 }, children: [_jsx("input", __assign({}, getAuthScreenCenterBackgroundImageInputProps())), _jsx(SettingDropzoneActivePlaceholder, { note: "Recommended: 1440px × 724px | Aspect ratio: 2:1" })] })), _jsx("div", { className: "mt-2", children: (function () {
-                                                                                    var logoSrc = AuthScreenCenterBackgroundImage.src || AuthScreenCenterBackgroundImage;
-                                                                                    var src = authScreenCenterBackgroundImagePreview
-                                                                                        ? authScreenCenterBackgroundImagePreview
-                                                                                        : formik.values.authScreenCenterBackgroundImage
-                                                                                            ? formik.values.authScreenCenterBackgroundImage
-                                                                                            : logoSrc;
-                                                                                    var isBlobOrAbsolute = (src === null || src === void 0 ? void 0 : src.startsWith("blob:")) || (src === null || src === void 0 ? void 0 : src.startsWith("http"));
-                                                                                    if (!isBlobOrAbsolute && !src.startsWith("/")) {
-                                                                                        src = "".concat(env("API_URL"), "/").concat(src);
-                                                                                    }
-                                                                                    return (_jsx(SolidUploadedImage, { src: src, height: 300, width: 600, maxHeight: 300 }));
-                                                                                })() }), formik.values.authScreenCenterBackgroundImage && (_jsx(SettingsImageRemoveButton, { onClick: removeAuthScreenCenterBackgroundImage }))] })] }) }) }) }), _jsx(SolidDivider, { className: "my-4" }), ((_40 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _40 === void 0 ? void 0 : _40.enableDarkMode) === true &&
-                                                _jsxs(_Fragment, { children: [_jsx("p", { className: "solid-settings-heading", children: "Authentication Screen Theme" }), _jsx("div", { className: 'formgrid grid', children: _jsx("div", { className: 'col-12 lg:col-10 xl:col-8', children: _jsx(SolidSegmentedControl, { className: "solid-settings-segmented", value: formik.values.authPagesTheme, options: [
-                                                                        { value: "light", label: "Solid Light" },
-                                                                        { value: "dark", label: "Solid Dark" },
-                                                                    ], onChange: function (value) { return formik.setFieldValue("authPagesTheme", value); } }) }) })] })] }), pathname.includes("misc-settings") &&
-                                    _jsxs(_Fragment, { children: [_jsx("p", { className: "solid-settings-heading", 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(SolidInput, { type: "text", id: "contactSupportEmail", name: "contactSupportEmail", onChange: formik.handleChange, value: (_41 = formik.values.contactSupportEmail) !== null && _41 !== void 0 ? _41 : '', 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(SolidInput, { type: "text", id: "contactSupportDisplayName", name: "contactSupportDisplayName", onChange: formik.handleChange, value: (_42 = formik.values.contactSupportDisplayName) !== null && _42 !== void 0 ? _42 : '', className: 'w-full' }) })] }) })] }) }) })] }), pathname.includes("ai-settings") &&
-                                    _jsx(AiSettingsSection, { aiConfig: formik.values.solidXGenAiCodeBuilderConfig, onAiConfigChange: handleAiConfigChange }), pathname.includes("api-keys") && ((_43 = session === null || session === void 0 ? void 0 : session.user) === null || _43 === void 0 ? void 0 : _43.id) &&
-                                    _jsx(ApiKeysTab, { userId: session.user.id, canCreate: (_45 = (_44 = session === null || session === void 0 ? void 0 : session.user) === null || _44 === void 0 ? void 0 : _44.isAllowedToGenerateApiKeys) !== null && _45 !== void 0 ? _45 : false })] })] }) }) }) }));
+    return (_jsx("div", { className: "page-parent-wrapper", children: _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" }), _jsx("div", { className: "gap-3 flex", children: formik.dirty && (_jsx(SolidButton, { size: "sm", type: "submit", loading: formik.isSubmitting, onClick: function () { return showError(); }, children: "Save" })) })] }), _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: "solid-settings-subheading", children: "App Logo" }), _jsxs("div", { children: [_jsxs("div", __assign({}, getAppLogoRootProps(), { className: "solid-dropzone-wrapper", style: { borderRadius: 8 }, children: [_jsx("input", __assign({}, getAppLogoInputProps())), _jsx(SettingDropzoneActivePlaceholder, {})] })), _jsx("div", { className: "mt-2", children: (function () {
+                                                                                var logoSrc = SolidLogo.src || SolidLogo;
+                                                                                var src = appLogoPreview
+                                                                                    ? appLogoPreview
+                                                                                    : formik.values.appLogo
+                                                                                        ? formik.values.appLogo
+                                                                                        : logoSrc;
+                                                                                var isBlobOrAbsolute = (src === null || src === void 0 ? void 0 : src.startsWith("blob:")) ||
+                                                                                    (src === null || src === void 0 ? void 0 : src.startsWith("http"));
+                                                                                if (!isBlobOrAbsolute && !src.startsWith("/")) {
+                                                                                    src = "".concat(env("API_URL"), "/").concat(src);
+                                                                                }
+                                                                                return (_jsx(SolidUploadedImage, { src: src, className: "solid-app-logo" }));
+                                                                            })() }), formik.values.appLogo && (_jsx(SettingsImageRemoveButton, { onClick: removeAppLogo }))] })] }), _jsxs("div", { className: "col-12 md:col-6", children: [_jsx("p", { className: "solid-settings-subheading", children: "Company Logo" }), _jsxs("div", { children: [_jsxs("div", __assign({}, getCompanyLogoRootProps(), { className: "solid-dropzone-wrapper", style: { borderRadius: 8 }, children: [_jsx("input", __assign({}, getCompanyLogoInputProps())), _jsx(SettingDropzoneActivePlaceholder, {})] })), _jsx("div", { className: "mt-2", children: (function () {
+                                                                                var logoSrc = SolidLogo.src || SolidLogo;
+                                                                                var src = companyLogoPreview
+                                                                                    ? companyLogoPreview
+                                                                                    : formik.values.companylogo
+                                                                                        ? formik.values.companylogo
+                                                                                        : logoSrc;
+                                                                                var isBlobOrAbsolute = (src === null || src === void 0 ? void 0 : src.startsWith("blob:")) ||
+                                                                                    (src === null || src === void 0 ? void 0 : src.startsWith("http"));
+                                                                                if (!isBlobOrAbsolute && !src.startsWith("/")) {
+                                                                                    src = "".concat(env("API_URL"), "/").concat(src);
+                                                                                }
+                                                                                return (_jsx(SolidUploadedImage, { src: src, className: "solid-compony-logo" }));
+                                                                            })() }), formik.values.companylogo && (_jsx(SettingsImageRemoveButton, { onClick: removeCompanyLogo }))] })] })] }) }) }), _jsx("p", { className: "solid-settings-heading", children: "App Logo Position" }), _jsx("div", { className: "formgrid grid", children: _jsx("div", { className: "col-12 lg:col-10 xl:col-8", children: _jsx("div", { className: "flex", children: _jsx(SolidSegmentedControl, { className: "solid-settings-segmented", value: formik.values.appLogoPosition, options: [
+                                                            { value: "in_form_view", label: "In Form View" },
+                                                            { value: "in_image_view", label: "In Image View" },
+                                                        ], onChange: function (value) { return formik.setFieldValue("appLogoPosition", value); } }) }) }) }), _jsx(SolidDivider, { className: "my-4" }), _jsx("p", { className: "solid-settings-heading", 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(SolidSwitch, { name: "showAuthContent", checked: formik.values.showAuthContent, onChange: function (checked) {
+                                                                                return formik.setFieldValue("showAuthContent", checked);
+                                                                            } }) })] }) }), _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(SolidInput, { type: "text", id: "appTitle", name: "appTitle", onChange: formik.handleChange, value: (_38 = formik.values.appTitle) !== null && _38 !== void 0 ? _38 : '', 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(SolidInput, { type: "text", id: "appSubtitle", name: "appSubtitle", onChange: formik.handleChange, value: (_39 = formik.values.appSubtitle) !== null && _39 !== void 0 ? _39 : '', 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(SolidTextarea, { rows: 3, id: "appDescription", name: "appDescription", onChange: formik.handleChange, value: (_40 = formik.values.appDescription) !== null && _40 !== void 0 ? _40 : '', 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(SolidTextarea, { rows: 3, id: "copyright", name: "copyright", onChange: formik.handleChange, value: (_41 = formik.values.copyright) !== null && _41 !== void 0 ? _41 : '', className: 'w-full' }) })] }) })] }) }) }), _jsx(SolidDivider, { className: "my-4" }), _jsx("p", { className: "solid-settings-heading", 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(SolidSwitch, { name: "showLegalLinks", checked: formik.values.showLegalLinks, onChange: function (checked) { return formik.setFieldValue("showLegalLinks", checked); } }) })] }) }), _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(SolidInput, { type: "text", id: "appTnc", name: "appTnc", onChange: formik.handleChange, value: (_42 = formik.values.appTnc) !== null && _42 !== void 0 ? _42 : "", 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(SolidInput, { type: "text", id: "appPrivacyPolicy", name: "appPrivacyPolicy", onChange: formik.handleChange, value: (_43 = formik.values.appPrivacyPolicy) !== null && _43 !== void 0 ? _43 : "", className: "w-full" }) })] }) })] }) }) }), _jsx(SolidDivider, { className: "my-4" }), _jsx("p", { className: "solid-settings-heading", 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(SolidSwitch, { name: "enableDarkMode", checked: formik.values.enableDarkMode, onChange: function (checked) { return formik.setFieldValue("enableDarkMode", checked); } }) })] }) }) }) }) })] })), pathname.includes("authentication-settings") && (_jsxs(_Fragment, { children: [_jsx("p", { className: "solid-settings-heading", 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(SolidSwitch, { name: "allowPublicRegistration", checked: formik.values.allowPublicRegistration, onChange: function (checked) {
+                                                                                return formik.setFieldValue("allowPublicRegistration", checked);
+                                                                            } }) })] }) }), _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(SolidSwitch, { name: "passwordBasedAuth", checked: formik.values.passwordBasedAuth, onChange: function (checked) {
+                                                                                return formik.setFieldValue("passwordBasedAuth", checked);
+                                                                            } }) })] }) }), _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(SolidSwitch, { name: "passwordLessAuth", checked: formik.values.passwordLessAuth, onChange: function (checked) {
+                                                                                return formik.setFieldValue("passwordLessAuth", checked);
+                                                                            } }) })] }) }), _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: _jsxs("label", { className: "form-field-label", children: ["Auto Activate User on Registration", " "] }) }), _jsx("div", { className: "col-2 sm:col-3 lg:col-7", children: _jsx(SolidSwitch, { name: "activateUserOnRegistration", checked: formik.values.activateUserOnRegistration, onChange: function (checked) {
+                                                                                return formik.setFieldValue("activateUserOnRegistration", checked);
+                                                                            } }) })] }) }), _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: _jsxs("label", { className: "form-field-label", children: ["Allow Login/ Signup with Google", " "] }) }), _jsx("div", { className: "col-2 sm:col-3 lg:col-7", children: _jsx(SolidSwitch, { name: "iamGoogleOAuthEnabled", checked: formik.values.iamGoogleOAuthEnabled, onChange: function (checked) {
+                                                                                return formik.setFieldValue("iamGoogleOAuthEnabled", checked);
+                                                                            } }) })] }) }), _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: _jsxs("label", { className: "form-field-label", children: ["Allow Login/ Signup with Microsoft", " "] }) }), _jsx("div", { className: "col-2 sm:col-3 lg:col-7", children: _jsx(SolidSwitch, { name: "iamMicrosoftOAuthEnabled", checked: formik.values.iamMicrosoftOAuthEnabled, onChange: function (checked) {
+                                                                                return formik.setFieldValue("iamMicrosoftOAuthEnabled", checked);
+                                                                            } }) })] }) }), _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: _jsxs("label", { className: "form-field-label", children: ["Allow Login/ Signup with Facebook", " "] }) }), _jsx("div", { className: "col-2 sm:col-3 lg:col-7", children: _jsx(SolidSwitch, { name: "iamFacebookOAuthEnabled", checked: formik.values.iamFacebookOAuthEnabled, onChange: function (checked) {
+                                                                                return formik.setFieldValue("iamFacebookOAuthEnabled", checked);
+                                                                            } }) })] }) }), _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: _jsxs("label", { className: "form-field-label", children: ["Allow Login/ Signup with Apple", " "] }) }), _jsx("div", { className: "col-2 sm:col-3 lg:col-7", children: _jsx(SolidSwitch, { name: "iamAppleOAuthEnabled", checked: formik.values.iamAppleOAuthEnabled, onChange: function (checked) {
+                                                                                return formik.setFieldValue("iamAppleOAuthEnabled", checked);
+                                                                            } }) })] }) }), _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: _jsxs("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(SolidSwitch, { name: "forceChangePasswordOnFirstLogin", checked: formik.values.forceChangePasswordOnFirstLogin, onChange: function (checked) {
+                                                                                return formik.setFieldValue("forceChangePasswordOnFirstLogin", checked);
+                                                                            } }) })] }) }), formik.values.passwordLessAuth === true && (_jsx("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 Registration Method" }) }), _jsx("div", { className: "col-12 sm:col-12 lg:col-6 xl:col-6", children: _jsx(SolidSegmentedControl, { className: "solid-settings-segmented mt-3 lg:mt-0", value: formik.values
+                                                                                .passwordlessRegistrationValidateWhat, options: [
+                                                                                { value: "email", label: "Email" },
+                                                                                { value: "mobile", label: "Mobile" },
+                                                                            ], onChange: function (value) {
+                                                                                return formik.setFieldValue("passwordlessRegistrationValidateWhat", value);
+                                                                            } }) })] }) })), formik.values.passwordLessAuth === true && (_jsx("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 Login Method" }) }), _jsx("div", { className: "col-12 sm:col-12 lg:col-6 xl:col-6", children: _jsx(SolidSegmentedControl, { className: "solid-settings-segmented mt-3 lg:mt-0", value: formik.values.passwordlessLoginValidateWhat, options: [
+                                                                                { value: "email", label: "Email" },
+                                                                                { value: "mobile", label: "Mobile" },
+                                                                                {
+                                                                                    value: "selectable",
+                                                                                    label: "Selectable",
+                                                                                },
+                                                                            ], onChange: function (value) {
+                                                                                return formik.setFieldValue("passwordlessLoginValidateWhat", value);
+                                                                            } }) })] }) }))] }) }) }), _jsx(SolidDivider, { className: "my-4" }), _jsx("p", { className: "solid-settings-heading", children: "Authentication Screen Layout" }), _jsx("div", { className: "formgrid grid", children: _jsxs("div", { className: "col-12 lg:col-10 xl:col-8", children: [_jsx(SolidSegmentedControl, { className: "solid-settings-segmented", value: formik.values.authPagesLayout, options: [
+                                                            { value: "left", label: "Left" },
+                                                            { value: "center", label: "Center" },
+                                                            { value: "right", label: "Right" },
+                                                        ], onChange: function (value) {
+                                                            return formik.setFieldValue("authPagesLayout", value);
+                                                        } }), _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: "solid-settings-subheading", children: [formik.values.authPagesLayout === "center"
+                                                                        ? "Background"
+                                                                        : "Banner", " ", "Image"] }), formik.values.authPagesLayout === "left" && (_jsxs("div", { children: [_jsxs("div", __assign({}, getAuthScreenLeftBackgroundImageRootProps(), { className: "solid-dropzone-wrapper", style: { borderRadius: 8 }, children: [_jsx("input", __assign({}, getAuthScreenLeftBackgroundImageInputProps())), _jsx(SettingDropzoneActivePlaceholder, { note: "Recommended: 724×724px | Aspect ratio: 1:1" })] })), _jsx("div", { className: "mt-2", children: (function () {
+                                                                            var logoSrc = AuthScreenLeftBackgroundImage
+                                                                                .src || AuthScreenLeftBackgroundImage;
+                                                                            var src = authScreenLeftBackgroundImagePreview
+                                                                                ? authScreenLeftBackgroundImagePreview
+                                                                                : formik.values
+                                                                                    .authScreenLeftBackgroundImage
+                                                                                    ? formik.values
+                                                                                        .authScreenLeftBackgroundImage
+                                                                                    : logoSrc;
+                                                                            var isBlobOrAbsolute = (src === null || src === void 0 ? void 0 : src.startsWith("blob:")) ||
+                                                                                (src === null || src === void 0 ? void 0 : src.startsWith("http"));
+                                                                            if (!isBlobOrAbsolute &&
+                                                                                !src.startsWith("/")) {
+                                                                                src = "".concat(env("API_URL"), "/").concat(src);
+                                                                            }
+                                                                            return (_jsx(SolidUploadedImage, { src: src, height: 400, width: 400, maxHeight: 400 }));
+                                                                        })() }), formik.values.authScreenLeftBackgroundImage && (_jsx(SettingsImageRemoveButton, { onClick: removeAuthScreenLeftBackgroundImage }))] })), formik.values.authPagesLayout === "right" && (_jsxs("div", { children: [_jsxs("div", __assign({}, getAuthScreenRightBackgroundImageRootProps(), { className: "solid-dropzone-wrapper", style: { borderRadius: 8 }, children: [_jsx("input", __assign({}, getAuthScreenRightBackgroundImageInputProps())), _jsx(SettingDropzoneActivePlaceholder, { note: "Recommended: 724×724px | Aspect ratio: 1:1" })] })), _jsx("div", { className: "mt-2", children: (function () {
+                                                                            var logoSrc = AuthScreenRightBackgroundImage
+                                                                                .src || AuthScreenRightBackgroundImage;
+                                                                            var src = authScreenRightBackgroundImagePreview
+                                                                                ? authScreenRightBackgroundImagePreview
+                                                                                : formik.values
+                                                                                    .authScreenRightBackgroundImage
+                                                                                    ? formik.values
+                                                                                        .authScreenRightBackgroundImage
+                                                                                    : logoSrc;
+                                                                            var isBlobOrAbsolute = (src === null || src === void 0 ? void 0 : src.startsWith("blob:")) ||
+                                                                                (src === null || src === void 0 ? void 0 : src.startsWith("http"));
+                                                                            if (!isBlobOrAbsolute &&
+                                                                                !src.startsWith("/")) {
+                                                                                src = "".concat(env("API_URL"), "/").concat(src);
+                                                                            }
+                                                                            return (_jsx(SolidUploadedImage, { src: src, height: 400, width: 400, maxHeight: 400 }));
+                                                                        })() }), formik.values.authScreenRightBackgroundImage && (_jsx(SettingsImageRemoveButton, { onClick: removeAuthScreenRightBackgroundImage }))] })), formik.values.authPagesLayout === "center" && (_jsxs("div", { children: [_jsxs("div", __assign({}, getAuthScreenCenterBackgroundImageRootProps(), { className: "solid-dropzone-wrapper", style: { borderRadius: 8 }, children: [_jsx("input", __assign({}, getAuthScreenCenterBackgroundImageInputProps())), _jsx(SettingDropzoneActivePlaceholder, { note: "Recommended: 1440px × 724px | Aspect ratio: 2:1" })] })), _jsx("div", { className: "mt-2", children: (function () {
+                                                                            var logoSrc = AuthScreenCenterBackgroundImage
+                                                                                .src || AuthScreenCenterBackgroundImage;
+                                                                            var src = authScreenCenterBackgroundImagePreview
+                                                                                ? authScreenCenterBackgroundImagePreview
+                                                                                : formik.values
+                                                                                    .authScreenCenterBackgroundImage
+                                                                                    ? formik.values
+                                                                                        .authScreenCenterBackgroundImage
+                                                                                    : logoSrc;
+                                                                            var isBlobOrAbsolute = (src === null || src === void 0 ? void 0 : src.startsWith("blob:")) ||
+                                                                                (src === null || src === void 0 ? void 0 : src.startsWith("http"));
+                                                                            if (!isBlobOrAbsolute && !src.startsWith("/")) {
+                                                                                src = "".concat(env("API_URL"), "/").concat(src);
+                                                                            }
+                                                                            return (_jsx(SolidUploadedImage, { src: src, height: 300, width: 600, maxHeight: 300 }));
+                                                                        })() }), formik.values.authScreenCenterBackgroundImage && (_jsx(SettingsImageRemoveButton, { onClick: removeAuthScreenCenterBackgroundImage }))] }))] }) }) }) }), _jsx(SolidDivider, { className: "my-4" })] })), pathname.includes("misc-settings") && (_jsxs(_Fragment, { children: [_jsx("p", { className: "solid-settings-heading", 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(SolidInput, { type: "text", id: "contactSupportEmail", name: "contactSupportEmail", onChange: formik.handleChange, value: (_44 = formik.values.contactSupportEmail) !== null && _44 !== void 0 ? _44 : '', 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(SolidInput, { type: "text", id: "contactSupportDisplayName", name: "contactSupportDisplayName", onChange: formik.handleChange, value: (_45 = formik.values.contactSupportDisplayName) !== null && _45 !== void 0 ? _45 : '', className: 'w-full' }) })] }) })] }) }) })] })), pathname.includes("ai-settings") &&
+                                    _jsx(AiSettingsSection, { aiConfig: formik.values.solidXGenAiCodeBuilderConfig, onAiConfigChange: handleAiConfigChange }), pathname.includes("api-keys") && ((_46 = session === null || session === void 0 ? void 0 : session.user) === null || _46 === void 0 ? void 0 : _46.id) &&
+                                    _jsx(ApiKeysTab, { userId: session.user.id, canCreate: (_48 = (_47 = session === null || session === void 0 ? void 0 : session.user) === null || _47 === void 0 ? void 0 : _47.isAllowedToGenerateApiKeys) !== null && _48 !== void 0 ? _48 : false })] })] }) }) }) }));
 };
 var DEFAULT_BEHAVIOR = { streaming: false, custom: "" };
 var DEFAULT_MODEL_ENTRY = { providerId: "", model: "", behavior: DEFAULT_BEHAVIOR };