@solidstarters/solid-core-ui 1.1.205 → 1.1.207

package/dist/components/common/GeneralSettings.js

@@ -81,15 +81,14 @@ import { Dropdown } from 'primereact/dropdown';
 import { OpenAiProviderComponent } from './SolidSettings/LlmSettings/OpenAiProviderComponent';
 import { AnthropicProviderComponent } from './SolidSettings/LlmSettings/AnthropicProviderComponent';
 import { ERROR_MESSAGES } from '../../constants/error-messages';
-import { Editor } from "primereact/editor";
 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, _72, _73, _74, _75, _76, _77, _78, _79, _80;
-    var _81 = useState(null), appLogoPreview = _81[0], setAppLogoPreview = _81[1];
-    var _82 = useState(null), companyLogoPreview = _82[0], setCompanyLogoPreview = _82[1];
-    var _83 = useState(null), authScreenRightBackgroundImagePreview = _83[0], setAuthScreenRightBackgroundImagePreview = _83[1];
-    var _84 = useState(null), authScreenLeftBackgroundImagePreview = _84[0], setAuthScreenLeftBackgroundImagePreview = _84[1];
-    var _85 = useState(null), authScreenCenterBackgroundImagePreview = _85[0], setAuthScreenCenterBackgroundImagePreview = _85[1];
-    var _86 = useLazyGetSolidSettingsQuery(), trigger = _86[0], solidSettingsData = _86[1].data;
+    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 () {
         trigger(""); // Fetch settings on mount
     }, [trigger]);
@@ -98,51 +97,45 @@ export var GeneralSettings = function () {
     var toast = useRef(null);
     var showToast = function (severity, summary, detail) {
         var _a;
-        (_a = toast.current) === null || _a === void 0 ? void 0 : _a.show({
-            severity: severity,
-            summary: summary,
-            detail: detail,
-            life: 3000,
-        });
+        (_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 })));
     };
     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,
-        allowPublicRegistration: (_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.allowPublicRegistration) !== null && _j !== void 0 ? _j : false,
-        passwordBasedAuth: (_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.passwordBasedAuth) !== null && _m !== void 0 ? _m : false,
-        passwordLessAuth: (_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.passwordLessAuth) !== null && _q !== void 0 ? _q : false,
-        activateUserOnRegistration: (_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.activateUserOnRegistration) !== null && _t !== void 0 ? _t : false,
-        iamGoogleOAuthEnabled: (_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.iamGoogleOAuthEnabled) !== null && _w !== void 0 ? _w : false,
-        shouldQueueEmails: (_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.shouldQueueEmails) !== null && _z !== void 0 ? _z : false,
-        shouldQueueSms: (_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.shouldQueueSms) !== null && _2 !== void 0 ? _2 : false,
-        authPagesTheme: (_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.authPagesTheme) !== null && _5 !== void 0 ? _5 : "light",
-        authPagesLayout: (_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.authPagesLayout) !== null && _8 !== void 0 ? _8 : "center",
-        defaultRole: (_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.defaultRole) !== null && _11 !== void 0 ? _11 : "Admin",
-        appLogoPosition: (_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.appLogoPosition) !== null && _14 !== void 0 ? _14 : "in_form_view",
-        showAuthContent: (_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.showAuthContent) !== null && _17 !== void 0 ? _17 : false,
-        appTitle: (_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.appTitle) !== null && _20 !== void 0 ? _20 : "SolidX",
-        appSubtitle: (_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.appSubtitle) !== null && _23 !== void 0 ? _23 : "Welcome To",
-        appDescription: (_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.appDescription) !== null && _26 !== void 0 ? _26 : "appDescription",
-        showLegalLinks: (_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.showLegalLinks) !== null && _29 !== void 0 ? _29 : false,
-        appTnc: (_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.appTnc) !== null && _32 !== void 0 ? _32 : null,
-        appPrivacyPolicy: (_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.appPrivacyPolicy) !== null && _35 !== void 0 ? _35 : null,
-        enableDarkMode: (_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.enableDarkMode) !== null && _38 !== void 0 ? _38 : false,
-        copyright: (_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.copyright) !== null && _41 !== void 0 ? _41 : null,
-        forceChangePasswordOnFirstLogin: (_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.forceChangePasswordOnFirstLogin) !== null && _44 !== void 0 ? _44 : false,
-        contactSupportEmail: (_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.contactSupportEmail) !== null && _47 !== void 0 ? _47 : null,
-        contactSupportDisplayName: (_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.contactSupportDisplayName) !== null && _50 !== void 0 ? _50 : null,
-        contactSupportIcon: (_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.contactSupportIcon) !== null && _53 !== void 0 ? _53 : null,
-        authScreenRightBackgroundImage: (_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.authScreenRightBackgroundImage) !== null && _56 !== void 0 ? _56 : null,
-        authScreenLeftBackgroundImage: (_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.authScreenLeftBackgroundImage) !== null && _59 !== void 0 ? _59 : null,
-        authScreenCenterBackgroundImage: (_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.authScreenCenterBackgroundImage) !== null && _62 !== void 0 ? _62 : null,
-        authenticationPasswordRegex: (_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.authenticationPasswordRegex) !== null && _65 !== void 0 ? _65 : null,
-        authenticationPasswordRegexErrorMessage: (_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.authenticationPasswordRegexErrorMessage) !== null && _68 !== void 0 ? _68 : null,
-        authenticationPasswordComplexityDescription: (_71 = (_70 = (_69 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _69 === void 0 ? void 0 : _69.system) === null || _70 === void 0 ? void 0 : _70.authenticationPasswordComplexityDescription) !== null && _71 !== void 0 ? _71 : null,
-        solidXGenAiCodeBuilderConfig: (_74 = (_73 = (_72 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _72 === void 0 ? void 0 : _72.system) === null || _73 === void 0 ? void 0 : _73.solidXGenAiCodeBuilderConfig) !== null && _74 !== void 0 ? _74 : {
+        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 : {
             defaultProvider: "",
             availableProviders: []
-        },
-        iamAutoGeneratedPassword: (_77 = (_76 = (_75 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _75 === void 0 ? void 0 : _75.system) === null || _76 === void 0 ? void 0 : _76.iamAutoGeneratedPassword) !== null && _77 !== void 0 ? _77 : true,
+        }
         // llmProvider: solidSettingsData?.data?.system?.llmProvider ?? null,
         // llModelName: solidSettingsData?.data?.system?.llModelName ?? null,
         // llmProviderApiKey: solidSettingsData?.data?.system?.llmProviderApiKey ?? null,
@@ -160,8 +153,9 @@ export var GeneralSettings = function () {
                     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.length > 0) {
+                        if (!values.solidXGenAiCodeBuilderConfig.defaultProvider && profiles && profiles.length > 0) {
                             values.solidXGenAiCodeBuilderConfig.defaultProvider = profiles[0].provider;
                         }
                         updatedSettingsArray_1 = [];
@@ -193,7 +187,7 @@ export var GeneralSettings = function () {
                             }
                         });
                         if (updatedSettingsArray_1.length === 0) {
-                            showToast("success", ERROR_MESSAGES.NO_CHANGE, ERROR_MESSAGES.NO_SETTING_UPDATE);
+                            showToast("success", "No Changes", "No settings were updated");
                             return [2 /*return*/];
                         }
                         // Append settings array to formData
@@ -202,11 +196,12 @@ export var GeneralSettings = function () {
                     case 1:
                         response = _b.sent();
                         if (response.statusCode === 200) {
-                            showToast("success", ERROR_MESSAGES.UPDATED, ERROR_MESSAGES.SETTING_UPDATED);
+                            showToast("success", "Updated", "Settings updated");
                         }
                         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*/];
@@ -245,7 +240,7 @@ export var GeneralSettings = function () {
                     severity: "error",
                     summary: "File too large",
                     detail: "Maximum file size is 2MB",
-                    life: 3000,
+                    sticky: true
                 });
                 return;
             }
@@ -262,7 +257,7 @@ export var GeneralSettings = function () {
                     severity: "error",
                     summary: "File too large",
                     detail: "Maximum file size is 2MB",
-                    life: 3000,
+                    sticky: true
                 });
                 return;
             }
@@ -270,7 +265,7 @@ export var GeneralSettings = function () {
             setCompanyLogoPreview(URL.createObjectURL(file));
         }
     }, [formik]);
-    var _87 = useDropzone({
+    var _78 = useDropzone({
         accept: {
             'image/png': ['.png'],
             'image/jpeg': ['.jpeg', '.jpg'],
@@ -279,8 +274,8 @@ export var GeneralSettings = function () {
         },
         multiple: false,
         onDrop: onAppLogoDrop
-    }), getAppLogoRootProps = _87.getRootProps, getAppLogoInputProps = _87.getInputProps, isAppLogoDragActive = _87.isDragActive;
-    var _88 = useDropzone({
+    }), getAppLogoRootProps = _78.getRootProps, getAppLogoInputProps = _78.getInputProps, isAppLogoDragActive = _78.isDragActive;
+    var _79 = useDropzone({
         accept: {
             'image/png': ['.png'],
             'image/jpeg': ['.jpeg', '.jpg'],
@@ -289,7 +284,7 @@ export var GeneralSettings = function () {
         },
         multiple: false,
         onDrop: onCompanyLogoDrop
-    }), getCompanyLogoRootProps = _88.getRootProps, getCompanyLogoInputProps = _88.getInputProps, isCompanyLogoDragActive = _88.isDragActive;
+    }), getCompanyLogoRootProps = _79.getRootProps, getCompanyLogoInputProps = _79.getInputProps, isCompanyLogoDragActive = _79.isDragActive;
     var removeAppLogo = function () {
         formik.setFieldValue("appLogo", null);
         if (appLogoPreview) {
@@ -313,7 +308,7 @@ export var GeneralSettings = function () {
                     severity: "error",
                     summary: ERROR_MESSAGES.FILE_LARGE,
                     detail: ERROR_MESSAGES.MAX_FILE_SIZE,
-                    life: 3000,
+                    sticky: true
                 });
                 return;
             }
@@ -330,7 +325,7 @@ export var GeneralSettings = function () {
                     severity: "error",
                     summary: ERROR_MESSAGES.FILE_LARGE,
                     detail: ERROR_MESSAGES.MAX_FILE_SIZE,
-                    life: 3000,
+                    sticky: true,
                 });
                 return;
             }
@@ -347,7 +342,7 @@ export var GeneralSettings = function () {
                     severity: "error",
                     summary: ERROR_MESSAGES.FILE_LARGE,
                     detail: ERROR_MESSAGES.MAX_FILE_SIZE,
-                    life: 3000,
+                    sticky: true,
                 });
                 return;
             }
@@ -355,7 +350,7 @@ export var GeneralSettings = function () {
             setAuthScreenCenterBackgroundImagePreview(URL.createObjectURL(file));
         }
     }, [formik]);
-    var _89 = useDropzone({
+    var _80 = useDropzone({
         accept: {
             'image/png': ['.png'],
             'image/jpeg': ['.jpeg', '.jpg'],
@@ -364,8 +359,8 @@ export var GeneralSettings = function () {
         },
         multiple: false,
         onDrop: onAuthScreenRightBackgroundImageDrop
-    }), getAuthScreenRightBackgroundImageRootProps = _89.getRootProps, getAuthScreenRightBackgroundImageInputProps = _89.getInputProps, isAuthScreenRightBackgroundImageDragActive = _89.isDragActive;
-    var _90 = useDropzone({
+    }), getAuthScreenRightBackgroundImageRootProps = _80.getRootProps, getAuthScreenRightBackgroundImageInputProps = _80.getInputProps, isAuthScreenRightBackgroundImageDragActive = _80.isDragActive;
+    var _81 = useDropzone({
         accept: {
             'image/png': ['.png'],
             'image/jpeg': ['.jpeg', '.jpg'],
@@ -374,8 +369,8 @@ export var GeneralSettings = function () {
         },
         multiple: false,
         onDrop: onAuthScreenLeftBackgroundImageDrop
-    }), getAuthScreenLeftBackgroundImageRootProps = _90.getRootProps, getAuthScreenLeftBackgroundImageInputProps = _90.getInputProps, isAuthScreenLeftBackgroundImageDragActive = _90.isDragActive;
-    var _91 = useDropzone({
+    }), getAuthScreenLeftBackgroundImageRootProps = _81.getRootProps, getAuthScreenLeftBackgroundImageInputProps = _81.getInputProps, isAuthScreenLeftBackgroundImageDragActive = _81.isDragActive;
+    var _82 = useDropzone({
         accept: {
             'image/png': ['.png'],
             'image/jpeg': ['.jpeg', '.jpg'],
@@ -384,7 +379,7 @@ export var GeneralSettings = function () {
         },
         multiple: false,
         onDrop: onAuthScreenCenterBackgroundImageDrop
-    }), getAuthScreenCenterBackgroundImageRootProps = _91.getRootProps, getAuthScreenCenterBackgroundImageInputProps = _91.getInputProps, isAuthScreenCenterBackgroundImageDragActive = _91.isDragActive;
+    }), getAuthScreenCenterBackgroundImageRootProps = _82.getRootProps, getAuthScreenCenterBackgroundImageInputProps = _82.getInputProps, isAuthScreenCenterBackgroundImageDragActive = _82.isDragActive;
     var removeAuthScreenRightBackgroundImage = function () {
         formik.setFieldValue("authScreenRightBackgroundImage", null);
         if (authScreenRightBackgroundImagePreview) {
@@ -453,10 +448,10 @@ export var GeneralSettings = function () {
         // ✅ New array reference → Formik dirty check will pass
         formik.setFieldValue("solidXGenAiCodeBuilderConfig.availableProviders", updatedProfiles);
     };
-    var currentProfile = ((_78 = formik.values.solidXGenAiCodeBuilderConfig.availableProviders) !== null && _78 !== void 0 ? _78 : []).find(function (p) { return p.provider === formik.values.solidXGenAiCodeBuilderConfig.defaultProvider; }) || null;
-    return (_jsxs("div", { className: "page-parent-wrapper", children: [_jsx(Toast, { ref: toast }), _jsx("div", { className: "solid-form-wrapper", children: _jsx("div", { className: "solid-form-section", children: _jsxs("form", { onSubmit: formik.handleSubmit, children: [_jsxs("div", { className: "page-header secondary-border-bottom", children: [_jsx("div", { className: "form-wrapper-title", children: "Settings" }), _jsxs("div", { className: "gap-3 flex", children: [formik.dirty &&
-                                                _jsx(Button, { label: "Save", size: "small", onClick: function () { return showError(); }, type: "submit" }), _jsx(CancelButton, {})] })] }), _jsxs("div", { className: "p-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-8', children: _jsxs("div", { className: "formgrid grid", children: [_jsxs("div", { className: "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 currentProfile = ((_69 = formik.values.solidXGenAiCodeBuilderConfig.availableProviders) !== null && _69 !== void 0 ? _69 : []).find(function (p) { return p.provider === formik.values.solidXGenAiCodeBuilderConfig.defaultProvider; }) || null;
+    return (_jsxs("div", { className: "page-parent-wrapper", children: [_jsx(Toast, { ref: toast }), _jsx("div", { className: "solid-form-wrapper", children: _jsx("div", { className: "solid-form-section", children: _jsxs("form", { onSubmit: formik.handleSubmit, children: [_jsxs("div", { className: "page-header secondary-border-bottom", children: [_jsx("div", { className: "form-wrapper-title ", children: "Settings" }), _jsxs("div", { className: "gap-3 flex", children: [formik.dirty &&
+                                                _jsx(Button, { label: "Save", size: "small", onClick: function () { return showError(); }, type: "submit" }), _jsx(CancelButton, {})] })] }), _jsxs("div", { className: "px-4 py-3 md:p-4 solid-form-content", children: [pathname.includes("app-settings") &&
+                                        _jsxs(_Fragment, { children: [_jsx("div", { className: 'formgrid grid', children: _jsx("div", { className: 'col-12 lg:col-10 xl:col-8', children: _jsxs("div", { className: "formgrid grid", children: [_jsxs("div", { className: "col-12 md:col-6", children: [_jsx("p", { className: 'font-bold ', style: { fontSize: 16, color: 'var(--solid-setting-title)' }, children: "App Logo " }), _jsxs("div", { children: [_jsxs("div", __assign({}, getAppLogoRootProps(), { className: "solid-dropzone-wrapper", style: { borderRadius: 8 }, children: [_jsx("input", __assign({}, getAppLogoInputProps())), _jsx(SettingDropzoneActivePlaceholder, {})] })), _jsx("div", { className: "mt-2", children: (function () {
                                                                                         var logoSrc = SolidLogo.src || SolidLogo;
                                                                                         var src = appLogoPreview
                                                                                             ? appLogoPreview
@@ -467,8 +462,8 @@ export var GeneralSettings = function () {
                                                                                         if (!isBlobOrAbsolute && !src.startsWith("/")) {
                                                                                             src = "".concat(process.env.API_URL, "/").concat(src);
                                                                                         }
-                                                                                        return (_jsx(SolidUploadedImage, { src: src }));
-                                                                                    })() }), formik.values.appLogo && (_jsx(SettingsImageRemoveButton, { onClick: removeAppLogo }))] })] }), _jsxs("div", { className: "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 () {
+                                                                                        return (_jsx(SolidUploadedImage, { src: src, className: 'solid-app-logo' }));
+                                                                                    })() }), formik.values.appLogo && (_jsx(SettingsImageRemoveButton, { onClick: removeAppLogo }))] })] }), _jsxs("div", { className: "col-12 md:col-6", children: [_jsx("p", { className: 'font-bold ', style: { fontSize: 16, color: 'var(--solid-setting-title)' }, children: "Company Logo " }), _jsxs("div", { children: [_jsxs("div", __assign({}, getCompanyLogoRootProps(), { className: "solid-dropzone-wrapper", style: { borderRadius: 8 }, children: [_jsx("input", __assign({}, getCompanyLogoInputProps())), _jsx(SettingDropzoneActivePlaceholder, {})] })), _jsx("div", { className: "mt-2", children: (function () {
                                                                                         var logoSrc = SolidLogo.src || SolidLogo;
                                                                                         var src = companyLogoPreview
                                                                                             ? companyLogoPreview
@@ -479,13 +474,11 @@ export var GeneralSettings = function () {
                                                                                         if (!isBlobOrAbsolute && !src.startsWith("/")) {
                                                                                             src = "".concat(process.env.API_URL, "/").concat(src);
                                                                                         }
-                                                                                        return (_jsx(SolidUploadedImage, { src: src }));
-                                                                                    })() }), 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-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-8', children: _jsxs("div", { className: "formgrid grid", children: [_jsx("div", { className: "col-6", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-5", children: _jsx("label", { className: "form-field-label", children: "Show Details on Authentication Screen" }) }), _jsx("div", { className: "col-7", children: _jsx(InputSwitch, { name: "showAuthContent", checked: formik.values.showAuthContent, onChange: function (e) { return formik.setFieldValue("showAuthContent", e.value); } }) })] }) }), _jsx("div", { className: "col-6", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-5", children: _jsx("label", { className: "form-field-label", children: "App Title" }) }), _jsx("div", { className: "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-6 mt-4", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-5", children: _jsx("label", { className: "form-field-label", children: "App Subtitle" }) }), _jsx("div", { className: "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-6 mt-4", children: _jsxs("div", { className: "formgrid grid align-items-start", children: [_jsx("div", { className: "col-5", children: _jsx("label", { className: "form-field-label", children: "Description" }) }), _jsx("div", { className: "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-6 mt-4", children: _jsxs("div", { className: "formgrid grid align-items-start", children: [_jsx("div", { className: "col-5", children: _jsx("label", { className: "form-field-label", children: "Copyright" }) }), _jsx("div", { className: "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-8', children: _jsxs("div", { className: "formgrid grid", children: [_jsx("div", { className: "col-6", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-5", children: _jsx("label", { className: "form-field-label", children: "Show Legal Links" }) }), _jsx("div", { className: "col-7", children: _jsx(InputSwitch, { name: "showLegalLinks", checked: formik.values.showLegalLinks, onChange: function (e) { return formik.setFieldValue("showLegalLinks", e.value); } }) })] }) }), _jsx("div", { className: "col-6", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-5", children: _jsx("label", { className: "form-field-label", children: "Terms and Conditions Link" }) }), _jsx("div", { className: "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-6 mt-3", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-5", children: _jsx("label", { className: "form-field-label", children: "Privacy Policy Link" }) }), _jsx("div", { className: "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-8', children: _jsx("div", { className: "formgrid grid", children: _jsx("div", { className: "col-6", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-5", children: _jsx("label", { className: "form-field-label", children: "Enable Dark Mode" }) }), _jsx("div", { className: "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-8', children: _jsxs("div", { className: "formgrid grid", children: [_jsx("div", { className: "col-6", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-5", children: _jsx("label", { className: "form-field-label", children: "Public Registration" }) }), _jsx("div", { className: "col-7", children: _jsx(InputSwitch, { name: "allowPublicRegistration", checked: formik.values.allowPublicRegistration, onChange: function (e) { return formik.setFieldValue("allowPublicRegistration", e.value); } }) })] }) }), _jsx("div", { className: "col-6", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-5", children: _jsx("label", { className: "form-field-label", children: "Password Based Authentication" }) }), _jsx("div", { className: "col-7", children: _jsx(InputSwitch, { name: "passwordBasedAuth", checked: formik.values.passwordBasedAuth, onChange: function (e) { return formik.setFieldValue("passwordBasedAuth", e.value); } }) })] }) }), _jsx("div", { className: "col-6 mt-3", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-5", children: _jsx("label", { className: "form-field-label", children: "Password Less Authentication" }) }), _jsx("div", { className: "col-7", children: _jsx(InputSwitch, { name: "passwordLessAuth", checked: formik.values.passwordLessAuth, onChange: function (e) { return formik.setFieldValue("passwordLessAuth", e.value); } }) })] }) }), _jsx("div", { className: "col-6 mt-3", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-5", children: _jsx("label", { className: "form-field-label", children: "Auto Activate User on Registration " }) }), _jsx("div", { className: "col-7", children: _jsx(InputSwitch, { name: "activateUserOnRegistration", checked: formik.values.activateUserOnRegistration, onChange: function (e) { return formik.setFieldValue("activateUserOnRegistration", e.value); } }) })] }) }), _jsx("div", { className: "col-6 mt-3", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-5", children: _jsx("label", { className: "form-field-label", children: "Allow Login/ Signup with Google " }) }), _jsx("div", { className: "col-7", children: _jsx(InputSwitch, { name: "iamGoogleOAuthEnabled", checked: formik.values.iamGoogleOAuthEnabled, onChange: function (e) { return formik.setFieldValue("iamGoogleOAuthEnabled", e.value); } }) })] }) }), _jsx("div", { className: "col-6 mt-3", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-5", children: _jsx("label", { className: "form-field-label", children: "Force Password change on first Login " }) }), _jsx("div", { className: "col-7", children: _jsx(InputSwitch, { name: "forceChangePasswordOnFirstLogin", checked: formik.values.forceChangePasswordOnFirstLogin, onChange: function (e) { return formik.setFieldValue("forceChangePasswordOnFirstLogin", e.value); } }) })] }) }), _jsx("div", { className: "col-6 mt-4", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-5", children: _jsx("label", { className: "form-field-label", children: "Password Regex" }) }), _jsx("div", { className: "col-7", children: _jsx(InputTextarea, { rows: 3, id: "authenticationPasswordRegex", name: "authenticationPasswordRegex", onChange: formik.handleChange, value: formik.values.authenticationPasswordRegex, className: 'w-full' }) })] }) }), _jsx("div", { className: "col-6 mt-4", children: _jsxs("div", { className: "formgrid grid align-items-start", children: [_jsx("div", { className: "col-5", children: _jsx("label", { className: "form-field-label", children: "Password Regex Error Message" }) }), _jsx("div", { className: "col-7", children: _jsx(InputTextarea, { rows: 3, id: "authenticationPasswordRegexErrorMessage", name: "authenticationPasswordRegexErrorMessage", onChange: formik.handleChange, value: formik.values.authenticationPasswordRegexErrorMessage, className: 'w-full' }) })] }) }), _jsx("div", { className: "col-12 mt-4", children: _jsxs("div", { className: "formgrid grid align-items-start", children: [_jsx("div", { className: "col-3", children: _jsx("label", { className: "form-field-label", children: "Password Regex Description" }) }), _jsx("div", { className: "col-9", children: _jsx(Editor, { id: 'authenticationPasswordComplexityDescription', value: formik.values.authenticationPasswordComplexityDescription, onTextChange: function (e) {
-                                                                                        return formik.setFieldValue("authenticationPasswordComplexityDescription", // the formik field name
-                                                                                        e.htmlValue // the HTML content from the editor
-                                                                                        );
-                                                                                    }, style: { height: "320px", }, className: "solid-custom-editor bg-white" }, 'authenticationPasswordComplexityDescription') })] }) }), _jsx("div", { className: "col-6 mt-3", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-5", children: _jsx("label", { className: "form-field-label", children: "Auto-Generate Password on Signup" }) }), _jsx("div", { className: "col-7", children: _jsx(InputSwitch, { name: "iamAutoGeneratedPassword", checked: formik.values.iamAutoGeneratedPassword, onChange: function (e) { return formik.setFieldValue("iamAutoGeneratedPassword", e.value); } }) })] }) })] }) }) }), _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-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-8', children: _jsx("div", { className: "formgrid grid", children: _jsxs("div", { className: "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" &&
+                                                                                        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
@@ -524,12 +517,12 @@ export var GeneralSettings = function () {
                                                                                             src = "".concat(process.env.API_URL, "/").concat(src);
                                                                                         }
                                                                                         return (_jsx(SolidUploadedImage, { src: src, height: 300, width: 600, maxHeight: 300 }));
-                                                                                    })() }), formik.values.authScreenCenterBackgroundImage && (_jsx(SettingsImageRemoveButton, { onClick: removeAuthScreenCenterBackgroundImage }))] })] }) }) }) }), _jsx("div", { className: 'mt-4', style: { borderBottom: '1px dashed #D8E2EA' } }), ((_80 = (_79 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _79 === void 0 ? void 0 : _79.system) === null || _80 === void 0 ? void 0 : _80.enableDarkMode) === true &&
-                                                    _jsxs(_Fragment, { children: [_jsx("p", { className: 'font-bold mt-4', style: { fontSize: 16, color: 'var(--solid-setting-title)' }, children: "Authentication Screen Theme" }), _jsx("div", { className: 'formgrid grid', children: _jsx("div", { className: '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-8', children: _jsxs("div", { className: "formgrid grid", children: [_jsx("div", { className: "col-6", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-5", children: _jsx("label", { className: "form-field-label", children: "Use queue for sending emails" }) }), _jsx("div", { className: "col-7", children: _jsx(InputSwitch, { name: "shouldQueueEmails", checked: formik.values.shouldQueueEmails, onChange: function (e) { return formik.setFieldValue("shouldQueueEmails", e.value); } }) })] }) }), _jsx("div", { className: "col-6", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-5", children: _jsx("label", { className: "form-field-label", children: "Use queue for sending SMS" }) }), _jsx("div", { className: "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-8", children: _jsxs("div", { className: 'formgrid grid', children: [_jsx("div", { className: "col-6", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-5", children: _jsx("label", { className: "form-field-label", children: "Contact Support Email" }) }), _jsx("div", { className: "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-6", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-5", children: _jsx("label", { className: "form-field-label", children: "Display Name" }) }), _jsx("div", { className: "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-8', children: _jsx("div", { className: "formgrid grid", children: _jsx("div", { className: "col-6 mt-4", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-3", children: _jsx("label", { className: "form-field-label", children: "Default Provider" }) }), _jsx("div", { className: "col-9", children: _jsx(Dropdown, { className: 'w-full', value: formik.values.solidXGenAiCodeBuilderConfig.defaultProvider, options: [
+                                                                                    })() }), 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") &&
+                                        _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-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: function (e) { return handleProviderSelect(e.value); }, placeholder: "Select Provider" }) })] }) }) }) }) }), _jsx(Divider, {}), _jsx("div", { className: 'grid', children: _jsx("div", { className: 'col-12 md:col-6', children: formik.values.solidXGenAiCodeBuilderConfig.defaultProvider && (_jsxs(_Fragment, { children: [formik.values.solidXGenAiCodeBuilderConfig.defaultProvider === "openai" && (_jsx(OpenAiProviderComponent, { profile: currentProfile, onUpdate: handleProfileUpdate })), formik.values.solidXGenAiCodeBuilderConfig.defaultProvider === "anthropic" && (_jsx(AnthropicProviderComponent, { profile: currentProfile, onUpdate: handleProfileUpdate }))] })) }) })] })] })] }) }) })] }));
 };
 //# sourceMappingURL=GeneralSettings.js.map