npm - @solidxai/core-ui - Versions diffs - 0.1.8-beta.1 → 0.1.8-beta.10 - Mend

@solidxai/core-ui 0.1.8-beta.1 → 0.1.8-beta.10

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

Files changed (296) hide show

package/dist/components/auth/SolidRegister.tsx CHANGED Viewed

@@ -8,12 +8,12 @@ import * as Yup from "yup";
 import { SocialMediaLogin } from "../common/SocialMediaLogin";
 import { formatTimeLeft } from "../../helpers/resendOtpHelper";
 import { ERROR_MESSAGES } from "../../constants/error-messages";
-import { useLazyGetAuthSettingsQuery } from "../../redux/api/solidSettingsApi";
 import { env } from "../../adapters/env";
 import { showToast } from "../../redux/features/toastSlice";
 import { AuthTabs } from "./AuthTabs";
 import { useDispatch } from "react-redux";
 import { SolidButton, SolidDivider, SolidInput, SolidMessage, SolidPasswordInput, SolidSpinner } from "../shad-cn-ui";
+import { useAuthSettings } from "./AuthSettingsContext";
 interface AuthModesProps {
     passwordBasedAuth: boolean;
@@ -24,11 +24,7 @@ interface AuthModesProps {
 const SolidRegister = () => {
     const envPasswordHelperText = env("NEXT_PUBLIC_PASSWORD_COMPLEXITY_DESC");
     const [activeIndex, setActiveIndex] = useState(0);
-    const [trigger, { data: solidSettingsData }] = useLazyGetAuthSettingsQuery();
-    useEffect(() => {
-        trigger("") // Fetch settings on mount
-    }, [trigger])
+    const { solidSettingsData } = useAuthSettings();
     const [showOverlay, setShowOverlay] = useState(false);
@@ -170,6 +166,7 @@ const SolidRegister = () => {
                                             onChange={formik.handleChange}
                                             value={formik.values.firstName}
                                             aria-invalid={!!formik.errors.firstName}
+                                            autoComplete="off"
                                         />
                                         {isFormFieldValid(formik, "firstName") && (
                                             <SolidMessage severity="error" text={formik.errors.firstName?.toString()} />
@@ -185,6 +182,7 @@ const SolidRegister = () => {
                                             onChange={formik.handleChange}
                                             value={formik.values.lastName}
                                             aria-invalid={!!formik.errors.lastName}
+                                            autoComplete="off"
                                         />
                                         {isFormFieldValid(formik, "lastName") && (
                                             <SolidMessage severity="error" text={formik.errors.lastName?.toString()} />
@@ -205,6 +203,7 @@ const SolidRegister = () => {
                                             onChange={formik.handleChange}
                                             value={formik.values.username}
                                             aria-invalid={!!formik.errors.username}
+                                            autoComplete="off"
                                         />
                                     </div>
                                     {isFormFieldValid(formik, "username") &&
@@ -224,6 +223,7 @@ const SolidRegister = () => {
                                     onChange={formik.handleChange}
                                     value={formik.values.email}
                                     aria-invalid={!!formik.errors.email}
+                                    autoComplete="off"
                                 />
                             </div>
                             {isFormFieldValid(formik, "email") &&
@@ -242,6 +242,7 @@ const SolidRegister = () => {
                                     toggle
                                     className="w-full"
                                     aria-invalid={!!formik.errors.password}
+                                    autoComplete="off"
                                 />
                             </div>
                             {isFormFieldValid(formik, "password") &&
@@ -322,6 +323,7 @@ const SolidRegister = () => {
                                 onChange={formik.handleChange}
                                 value={formik.values.username}
                                 aria-invalid={!!formik.errors.username}
+                                autoComplete="off"
                             />
                             {isFormFieldValid(formik, "username") && <SolidMessage
                                 className="text-red-500 text-sm"
@@ -338,6 +340,7 @@ const SolidRegister = () => {
                                 onChange={formik.handleChange}
                                 value={formik.values.email}
                                 aria-invalid={!!formik.errors.email}
+                                autoComplete="off"
                             />
                             {isFormFieldValid(formik, "email") && <SolidMessage
                                 className="text-red-500 text-sm"
@@ -384,11 +387,18 @@ const SolidRegister = () => {
             <div className={`auth-container position-relative ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'center' : 'side'}`}>
                 {showOverlay && (
                     <div className="absolute top-0 left-0 w-full h-full flex align-items-center justify-content-center register-success-popup">
-                        <div className="inline-flex flex-column align-items-center justify-content-center text-center">
-                            <SolidSpinner className="auth-success-spinner" />
-                            <p className="mt-3 text-lg font-medium text-700">
-                                Registration successful,<br />you will be redirected...
-                            </p>
+                        <div className="register-success-card">
+                            <div className="register-success-badge">Account created</div>
+                            <SolidSpinner className="auth-success-spinner" size={32} />
+                            <div className="register-success-copy">
+                                <h3 className="register-success-title">Preparing your sign-in</h3>
+                                <p className="register-success-text">
+                                    Your profile has been created successfully. We&apos;re taking you to the login screen now.
+                                </p>
+                            </div>
+                            <div className="register-success-progress" aria-hidden="true">
+                                <span className="register-success-progress-bar" />
+                            </div>
                         </div>
                     </div>
                 )}

package/dist/components/auth/SolidResetPassword.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidResetPassword.d.ts","sourceRoot":"","sources":["../../../src/components/auth/SolidResetPassword.tsx"],"names":[],"mappings":"~~AAaA~~,QAAA,MAAM,kBAAkB,+~~CAmJvB~~,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
1	+ {"version":3,"file":"SolidResetPassword.d.ts","sourceRoot":"","sources":["../../../src/components/auth/SolidResetPassword.tsx"],"names":[],"mappings":"AAYA,QAAA,MAAM,kBAAkB,+CAgJvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/auth/SolidResetPassword.js CHANGED Viewed

@@ -39,24 +39,20 @@ import { useConfirmForgotPasswordMutation } from "../../redux/api/authApi";
 import { useFormik } from "formik";
 import { useRouter } from "../../hooks/useRouter";
 import { useSearchParams } from "../../hooks/useSearchParams";
-import { useEffect } from "react";
 import { useDispatch } from 'react-redux';
 import * as Yup from "yup";
 import { ERROR_MESSAGES } from "../../constants/error-messages";
-import { useLazyGetAuthSettingsQuery } from "../../redux/api/solidSettingsApi";
 import { env } from "../../adapters/env";
 import { showToast } from "../../redux/features/toastSlice";
 import { SolidButton, SolidMessage, SolidPasswordInput } from "../shad-cn-ui";
+import { useAuthSettings } from "./AuthSettingsContext";
 var SolidResetPassword = function () {
     var _a, _b, _c, _d, _e;
     var searchParams = useSearchParams();
     var verificationToken = searchParams.get('token');
     // const decodedUsername = searchParams.get('username');
     // const username = decodedUsername ? decodeURIComponent(decodedUsername) : '';
-    var _f = useLazyGetAuthSettingsQuery(), trigger = _f[0], solidSettingsData = _f[1].data;
-    useEffect(function () {
-        trigger(""); // Fetch settings on mount
-    }, [trigger]);
+    var solidSettingsData = useAuthSettings().solidSettingsData;
     var dispatch = useDispatch();
     var router = useRouter();
     var confirmForgotPassword = useConfirmForgotPasswordMutation()[0];

package/dist/components/auth/SolidResetPassword.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidResetPassword.js","sourceRoot":"","sources":["../../../src/components/auth/SolidResetPassword.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useConfirmForgotPasswordMutation } from \"../../redux/api/authApi\";\nimport { useFormik } from \"formik\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { useSearchParams } from \"../../hooks/useSearchParams\";\nimport { useEffect } from \"react\";\nimport { useDispatch } from 'react-redux';\nimport * as Yup from \"yup\";\nimport { ERROR_MESSAGES } from \"../../constants/error-messages\";\nimport { useLazyGetAuthSettingsQuery } from \"../../redux/api/solidSettingsApi\";\nimport { env } from \"../../adapters/env\";\nimport { showToast } from \"../../redux/features/toastSlice\";\nimport { SolidButton, SolidMessage, SolidPasswordInput } from \"../shad-cn-ui\";\n\nconst SolidResetPassword = () => {\n const searchParams = useSearchParams();\n const verificationToken = searchParams.get('token');\n // const decodedUsername = searchParams.get('username');\n // const username = decodedUsername ? decodeURIComponent(decodedUsername) : '';\n\n const [trigger, { data: solidSettingsData }] = useLazyGetAuthSettingsQuery();\n useEffect(() => {\n trigger(\"\") // Fetch settings on mount\n }, [trigger])\n\n\n const dispatch = useDispatch();\n const router = useRouter();\n\n const [confirmForgotPassword] = useConfirmForgotPasswordMutation();\n\n const envPasswordRegex = env(\"NEXT_PUBLIC_PASSWORD_REGEX\");\n const envPasswordHelperText = env(\"NEXT_PUBLIC_PASSWORD_COMPLEXITY_DESC\");\n let passwordRegex: RegExp \| null = null;\n try {\n if (envPasswordRegex) {\n const unescaped = JSON.parse(`\"${envPasswordRegex}\"`);\n passwordRegex = new RegExp(unescaped);\n }\n } catch (error) {\n console.error(ERROR_MESSAGES.INVALID_PASSWORD_REGX, error);\n }\n\n const newPasswordValidation = passwordRegex\n ? Yup.string()\n .matches(passwordRegex, ERROR_MESSAGES.PASSWORD_DO_NOT_MEET)\n .required(ERROR_MESSAGES.FIELD_REUQIRED('New password'))\n : Yup.string().min(6, ERROR_MESSAGES.PASSWORD_CHARACTER(6))\n .required('New password is required');\n\n const validationSchema = Yup.object({\n password: newPasswordValidation,\n confirmPassword: Yup.string().oneOf([Yup.ref('password')], ERROR_MESSAGES.MUST_MATCH).required(ERROR_MESSAGES.FIELD_REUQIRED('Confirm password')),\n });\n\n const formik = useFormik({\n initialValues: {\n // username: username,\n password: \"\",\n confirmPassword: \"\",\n verificationToken: verificationToken,\n },\n validationSchema,\n onSubmit: async (values) => {\n try {\n const payload = {\n // username: values.username,\n password: values.password,\n verificationToken: values.verificationToken,\n };\n const response = await confirmForgotPassword(payload).unwrap();\n if (response?.statusCode === 200) {\n dispatch(showToast({ severity: \"success\", summary: ERROR_MESSAGES.FIELD_UPDATE('Password'), detail: ERROR_MESSAGES.FIELD_UPDATE_SUCCESSFULLY('Password') }))\n router.push('/auth/login');\n } else (\n dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.ERROR, detail: response.error }))\n )\n } catch (err: any) {\n dispatch(showToast({ severity: \"error\", summary: err?.data?.message, detail: err?.data?.data?.message ? err?.data?.data?.message : err?.data?.message }));\n }\n },\n });\n\n const isFormFieldValid = (formik: any, fieldName: string) =>\n formik.touched[fieldName] && formik.errors[fieldName];\n\n return (\n <>\n <div className={`auth-container ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'center' : 'side'}`}>\n <h2 className=\"solid-auth-title\">Create new password</h2>\n <p className=\"solid-auth-helper\">Use a strong password for your account security</p>\n {/* <p className=\"solid-auth-subtitle text-sm\">By continuing, you agree to the <Link href={'#'}>Terms of Service</Link> and acknowledge you’ve read our <Link href={'#'}>Privacy Policy.</Link> </p> /}\n <form onSubmit={formik.handleSubmit}>\n <div className=\"flex flex-column gap-2\">\n <label htmlFor=\"password\" className=\"solid-auth-input-label\">New Password</label>\n <SolidPasswordInput\n id=\"password\"\n name=\"password\"\n placeholder=\"************\"\n value={formik.values.password}\n onChange={formik.handleChange}\n onBlur={formik.handleBlur}\n toggle\n className=\"w-full\"\n aria-invalid={!!isFormFieldValid(formik, \"password\")}\n />\n {isFormFieldValid(formik, \"password\") && <SolidMessage\n className=\"text-red-500 text-sm\"\n severity=\"error\"\n text={formik?.errors?.password?.toString()}\n />}\n </div>\n <div className=\"flex flex-column gap-1 mt-4\" style={{}}>\n <label htmlFor=\"password\" className=\"solid-auth-input-label\">Confirm Password</label>\n <SolidPasswordInput\n id=\"confirmPassword\"\n name=\"confirmPassword\"\n placeholder=\"************\"\n value={formik.values.confirmPassword}\n onChange={formik.handleChange}\n onBlur={formik.handleBlur}\n toggle\n className=\"w-full\"\n aria-invalid={!!isFormFieldValid(formik, \"confirmPassword\")}\n />\n {isFormFieldValid(formik, \"confirmPassword\") && <SolidMessage\n className=\"text-red-500 text-sm\"\n severity=\"error\"\n text={formik?.errors?.confirmPassword?.toString()}\n />}\n </div>\n {envPasswordHelperText && (\n <div className=\"mt-4 text-sm\">\n <div className=\"grid\">\n {envPasswordHelperText\n .split('\\\\n')\n .map((text, idx) => (\n <div key={idx} className=\"col-6 pt-0\">\n <div className='flex gap-2'><span>•</span><span>{text}</span></div>\n </div>\n ))}\n </div>\n </div>\n )}\n {/ <div className=\"flex align-items-center mt-4\">\n <Checkbox inputId=\"remember\" onChange={(e: any) => setChecked(e.checked)} checked={checked} />\n <label htmlFor=\"remember\" className=\"ml-2\">Remember me</label>\n </div> /}\n <div className=\"mt-4\">\n <SolidButton className=\"w-full font-light auth-submit-button\" label=\"Reset Password\" disabled={formik.isSubmitting} loading={formik.isSubmitting} type=\"submit\" />\n <SolidButton type=\"button\" label=\"Back\" className=\"w-full auth-back-button text-center mt-1\" text onClick={() => (window.location.href = '/auth/login')} />\n </div>\n </form>\n </div>\n {/ <div className=\"text-center mt-5\">\n <div className=\"text-sm text-400 secondary-dark-color\">\n {'<'} Back to <Link className=\"font-bold\" href=\"/auth/login\">Sign In</Link>\n </div>\n </div> */}\n </>\n );\n};\n\nexport default SolidResetPassword;\n"]}
1	+ {"version":3,"file":"SolidResetPassword.js","sourceRoot":"","sources":["../../../src/components/auth/SolidResetPassword.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useConfirmForgotPasswordMutation } from \"../../redux/api/authApi\";\nimport { useFormik } from \"formik\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { useSearchParams } from \"../../hooks/useSearchParams\";\nimport { useDispatch } from 'react-redux';\nimport * as Yup from \"yup\";\nimport { ERROR_MESSAGES } from \"../../constants/error-messages\";\nimport { env } from \"../../adapters/env\";\nimport { showToast } from \"../../redux/features/toastSlice\";\nimport { SolidButton, SolidMessage, SolidPasswordInput } from \"../shad-cn-ui\";\nimport { useAuthSettings } from \"./AuthSettingsContext\";\n\nconst SolidResetPassword = () => {\n const searchParams = useSearchParams();\n const verificationToken = searchParams.get('token');\n // const decodedUsername = searchParams.get('username');\n // const username = decodedUsername ? decodeURIComponent(decodedUsername) : '';\n\n const { solidSettingsData } = useAuthSettings();\n\n\n const dispatch = useDispatch();\n const router = useRouter();\n\n const [confirmForgotPassword] = useConfirmForgotPasswordMutation();\n\n const envPasswordRegex = env(\"NEXT_PUBLIC_PASSWORD_REGEX\");\n const envPasswordHelperText = env(\"NEXT_PUBLIC_PASSWORD_COMPLEXITY_DESC\");\n let passwordRegex: RegExp \| null = null;\n try {\n if (envPasswordRegex) {\n const unescaped = JSON.parse(`\"${envPasswordRegex}\"`);\n passwordRegex = new RegExp(unescaped);\n }\n } catch (error) {\n console.error(ERROR_MESSAGES.INVALID_PASSWORD_REGX, error);\n }\n\n const newPasswordValidation = passwordRegex\n ? Yup.string()\n .matches(passwordRegex, ERROR_MESSAGES.PASSWORD_DO_NOT_MEET)\n .required(ERROR_MESSAGES.FIELD_REUQIRED('New password'))\n : Yup.string().min(6, ERROR_MESSAGES.PASSWORD_CHARACTER(6))\n .required('New password is required');\n\n const validationSchema = Yup.object({\n password: newPasswordValidation,\n confirmPassword: Yup.string().oneOf([Yup.ref('password')], ERROR_MESSAGES.MUST_MATCH).required(ERROR_MESSAGES.FIELD_REUQIRED('Confirm password')),\n });\n\n const formik = useFormik({\n initialValues: {\n // username: username,\n password: \"\",\n confirmPassword: \"\",\n verificationToken: verificationToken,\n },\n validationSchema,\n onSubmit: async (values) => {\n try {\n const payload = {\n // username: values.username,\n password: values.password,\n verificationToken: values.verificationToken,\n };\n const response = await confirmForgotPassword(payload).unwrap();\n if (response?.statusCode === 200) {\n dispatch(showToast({ severity: \"success\", summary: ERROR_MESSAGES.FIELD_UPDATE('Password'), detail: ERROR_MESSAGES.FIELD_UPDATE_SUCCESSFULLY('Password') }))\n router.push('/auth/login');\n } else (\n dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.ERROR, detail: response.error }))\n )\n } catch (err: any) {\n dispatch(showToast({ severity: \"error\", summary: err?.data?.message, detail: err?.data?.data?.message ? err?.data?.data?.message : err?.data?.message }));\n }\n },\n });\n\n const isFormFieldValid = (formik: any, fieldName: string) =>\n formik.touched[fieldName] && formik.errors[fieldName];\n\n return (\n <>\n <div className={`auth-container ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'center' : 'side'}`}>\n <h2 className=\"solid-auth-title\">Create new password</h2>\n <p className=\"solid-auth-helper\">Use a strong password for your account security</p>\n {/* <p className=\"solid-auth-subtitle text-sm\">By continuing, you agree to the <Link href={'#'}>Terms of Service</Link> and acknowledge you’ve read our <Link href={'#'}>Privacy Policy.</Link> </p> /}\n <form onSubmit={formik.handleSubmit}>\n <div className=\"flex flex-column gap-2\">\n <label htmlFor=\"password\" className=\"solid-auth-input-label\">New Password</label>\n <SolidPasswordInput\n id=\"password\"\n name=\"password\"\n placeholder=\"************\"\n value={formik.values.password}\n onChange={formik.handleChange}\n onBlur={formik.handleBlur}\n toggle\n className=\"w-full\"\n aria-invalid={!!isFormFieldValid(formik, \"password\")}\n />\n {isFormFieldValid(formik, \"password\") && <SolidMessage\n className=\"text-red-500 text-sm\"\n severity=\"error\"\n text={formik?.errors?.password?.toString()}\n />}\n </div>\n <div className=\"flex flex-column gap-1 mt-4\" style={{}}>\n <label htmlFor=\"password\" className=\"solid-auth-input-label\">Confirm Password</label>\n <SolidPasswordInput\n id=\"confirmPassword\"\n name=\"confirmPassword\"\n placeholder=\"************\"\n value={formik.values.confirmPassword}\n onChange={formik.handleChange}\n onBlur={formik.handleBlur}\n toggle\n className=\"w-full\"\n aria-invalid={!!isFormFieldValid(formik, \"confirmPassword\")}\n />\n {isFormFieldValid(formik, \"confirmPassword\") && <SolidMessage\n className=\"text-red-500 text-sm\"\n severity=\"error\"\n text={formik?.errors?.confirmPassword?.toString()}\n />}\n </div>\n {envPasswordHelperText && (\n <div className=\"mt-4 text-sm\">\n <div className=\"grid\">\n {envPasswordHelperText\n .split('\\\\n')\n .map((text, idx) => (\n <div key={idx} className=\"col-6 pt-0\">\n <div className='flex gap-2'><span>•</span><span>{text}</span></div>\n </div>\n ))}\n </div>\n </div>\n )}\n {/ <div className=\"flex align-items-center mt-4\">\n <Checkbox inputId=\"remember\" onChange={(e: any) => setChecked(e.checked)} checked={checked} />\n <label htmlFor=\"remember\" className=\"ml-2\">Remember me</label>\n </div> /}\n <div className=\"mt-4\">\n <SolidButton className=\"w-full font-light auth-submit-button\" label=\"Reset Password\" disabled={formik.isSubmitting} loading={formik.isSubmitting} type=\"submit\" />\n <SolidButton type=\"button\" label=\"Back\" className=\"w-full auth-back-button text-center mt-1\" text onClick={() => (window.location.href = '/auth/login')} />\n </div>\n </form>\n </div>\n {/ <div className=\"text-center mt-5\">\n <div className=\"text-sm text-400 secondary-dark-color\">\n {'<'} Back to <Link className=\"font-bold\" href=\"/auth/login\">Sign In</Link>\n </div>\n </div> */}\n </>\n );\n};\n\nexport default SolidResetPassword;\n"]}

package/dist/components/auth/SolidResetPassword.tsx CHANGED Viewed

@@ -2,14 +2,13 @@ import { useConfirmForgotPasswordMutation } from "../../redux/api/authApi";
 import { useFormik } from "formik";
 import { useRouter } from "../../hooks/useRouter";
 import { useSearchParams } from "../../hooks/useSearchParams";
-import { useEffect } from "react";
 import { useDispatch } from 'react-redux';
 import * as Yup from "yup";
 import { ERROR_MESSAGES } from "../../constants/error-messages";
-import { useLazyGetAuthSettingsQuery } from "../../redux/api/solidSettingsApi";
 import { env } from "../../adapters/env";
 import { showToast } from "../../redux/features/toastSlice";
 import { SolidButton, SolidMessage, SolidPasswordInput } from "../shad-cn-ui";
+import { useAuthSettings } from "./AuthSettingsContext";
 const SolidResetPassword = () => {
     const searchParams = useSearchParams();
@@ -17,10 +16,7 @@ const SolidResetPassword = () => {
     // const decodedUsername = searchParams.get('username');
     // const username = decodedUsername ? decodeURIComponent(decodedUsername) : '';
-    const [trigger, { data: solidSettingsData }] = useLazyGetAuthSettingsQuery();
-    useEffect(() => {
-        trigger("") // Fetch settings on mount
-    }, [trigger])
+    const { solidSettingsData } = useAuthSettings();
     const dispatch = useDispatch();

package/dist/components/common/AuthBanner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AuthBanner.js","sourceRoot":"","sources":["../../../src/components/common/AuthBanner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAEzC,IAAM,UAAU,GAAG;IACjB,OAAO,CACL,cACE,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,aAAa;YACrB,UAAU,EAAE,4BAA4B;YACxC,8CAA8C;YAC9C,cAAc,EAAE,OAAO;YACvB,SAAS,EAAE,GAAG,CAAC,6BAA6B,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;SAClE,EACD,SAAS,EAAC,yBAAyB,YAEnC,cAAK,SAAS,EAAC,UAAU,YACvB,eAAK,SAAS,EAAC,eAAe,aAC5B,cAAK,SAAS,EAAC,iDAAiD,YAC7D,GAAG,CAAC,iBAAiB,CAAC,GACnB,EACN,cAAK,SAAS,EAAC,kCAAkC,YAC9C,GAAG,CAAC,mCAAmC,CAAC,GACrC,EACN,cAAK,SAAS,EAAC,MAAM,GASf,IACF,GACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
1	+ {"version":3,"file":"AuthBanner.js","sourceRoot":"","sources":["../../../src/components/common/AuthBanner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAEzC,IAAM,UAAU,GAAG;IACjB,OAAO,CACL,cACE,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,aAAa;YACrB,UAAU,EAAE,4BAA4B;YACxC,8CAA8C;YAC9C,cAAc,EAAE,OAAO;YACvB,SAAS,EAAE,GAAG,CAAC,6BAA6B,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;SAClE,EACD,SAAS,EAAC,yBAAyB,YAEnC,cAAK,SAAS,EAAC,UAAU,YACvB,eAAK,SAAS,EAAC,eAAe,aAC5B,cAAK,SAAS,EAAC,iDAAiD,YAC7D,GAAG,CAAC,iBAAiB,CAAC,GACnB,EACN,cAAK,SAAS,EAAC,kCAAkC,YAC9C,GAAG,CAAC,mCAAmC,CAAC,GACrC,EACN,cAAK,SAAS,EAAC,MAAM,GASf,IACF,GACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import { env } from \"../../adapters/env\";\n\nconst AuthBanner = () => {\n return (\n <div\n style={{\n position: \"relative\",\n width: \"100%\",\n height: \"calc(100vh)\",\n background: 'url(/images/loginhero.png)',\n // background: 'url(/images/LoginBanner.png)',\n backgroundSize: 'cover',\n marginTop: env(\"ENABLE_CUSTOM_HEADER_FOOTER\") === \"true\" ? 70 : 0\n }}\n className=\"flex align-items-center\"\n >\n <div className=\"grid m-0\">\n <div className=\"col-8 mx-auto\">\n <div className=\"text-5xl text-white font-semibold line-height-3\">\n {env(\"SOLID_APP_TITLE\")}\n </div>\n <div className=\"text-sm text-white line-height-3\">\n {env(\"NEXT_PUBLIC_SOLID_APP_DESCRIPTION\")}\n </div>\n <div className=\"mt-5\">\n {/* <AvatarGroup>\n <Avatar image=\"/images/AvatarDemo.png\" size=\"large\" shape=\"circle\" />\n <Avatar image=\"/images/AvatarDemo.png\" size=\"large\" shape=\"circle\" />\n <Avatar image=\"/images/AvatarDemo.png\" size=\"large\" shape=\"circle\" />\n <Avatar image=\"/images/AvatarDemo.png\" size=\"large\" shape=\"circle\" />\n <Avatar image=\"/images/AvatarDemo.png\" size=\"large\" shape=\"circle\" />\n <Avatar label=\"60k+\" shape=\"circle\" size=\"large\" className=\"text-sm text-bold\" style={{ color: '#191866', backgroundColor: '#fff' }} />\n </AvatarGroup> */}\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nexport default AuthBanner;\n"]}

package/dist/components/common/GeneralSettings.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GeneralSettings.d.ts","sourceRoot":"","sources":["../../../src/components/common/GeneralSettings.tsx"],"names":[],"mappings":"AAuBA,eAAO,MAAM,eAAe,+~~CA2+B3B~~,CAAA"}
1	+ {"version":3,"file":"GeneralSettings.d.ts","sourceRoot":"","sources":["../../../src/components/common/GeneralSettings.tsx"],"names":[],"mappings":"AAuBA,eAAO,MAAM,eAAe,+CA09B3B,CAAA"}

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

@@ -67,15 +67,15 @@ import { useBulkUpdateSolidSettingsMutation, useLazyGetSolidSettingsQuery } from
 import { env } from "../../adapters/env";
 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;
     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 _43 = useState(null), appLogoPreview = _43[0], setAppLogoPreview = _43[1];
+    var _44 = useState(null), companyLogoPreview = _44[0], setCompanyLogoPreview = _44[1];
+    var _45 = useState(null), authScreenRightBackgroundImagePreview = _45[0], setAuthScreenRightBackgroundImagePreview = _45[1];
+    var _46 = useState(null), authScreenLeftBackgroundImagePreview = _46[0], setAuthScreenLeftBackgroundImagePreview = _46[1];
+    var _47 = useState(null), authScreenCenterBackgroundImagePreview = _47[0], setAuthScreenCenterBackgroundImagePreview = _47[1];
     var dispatch = useDispatch();
-    var _51 = useLazyGetSolidSettingsQuery(), trigger = _51[0], solidSettingsData = _51[1].data;
+    var _48 = useLazyGetSolidSettingsQuery(), trigger = _48[0], solidSettingsData = _48[1].data;
     useEffect(function () {
         trigger(""); // Fetch settings on mount
     }, [trigger]);
@@ -93,26 +93,25 @@ export var GeneralSettings = function () {
         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,
         // 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: (_v = (_u = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _u === void 0 ? void 0 : _u.authPagesLayout) !== null && _v !== void 0 ? _v : "center",
+        defaultRole: (_x = (_w = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _w === void 0 ? void 0 : _w.defaultRole) !== null && _x !== void 0 ? _x : "Admin",
+        appLogoPosition: (_z = (_y = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _y === void 0 ? void 0 : _y.appLogoPosition) !== null && _z !== void 0 ? _z : "in_form_view",
+        showAuthContent: (_1 = (_0 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _0 === void 0 ? void 0 : _0.showAuthContent) !== null && _1 !== void 0 ? _1 : false,
+        appTitle: (_3 = (_2 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _2 === void 0 ? void 0 : _2.appTitle) !== null && _3 !== void 0 ? _3 : "SolidX",
+        appSubtitle: (_5 = (_4 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _4 === void 0 ? void 0 : _4.appSubtitle) !== null && _5 !== void 0 ? _5 : "Welcome To",
+        appDescription: (_7 = (_6 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _6 === void 0 ? void 0 : _6.appDescription) !== null && _7 !== void 0 ? _7 : "appDescription",
+        showLegalLinks: (_9 = (_8 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _8 === void 0 ? void 0 : _8.showLegalLinks) !== null && _9 !== void 0 ? _9 : false,
+        appTnc: (_11 = (_10 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _10 === void 0 ? void 0 : _10.appTnc) !== null && _11 !== void 0 ? _11 : null,
+        appPrivacyPolicy: (_13 = (_12 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _12 === void 0 ? void 0 : _12.appPrivacyPolicy) !== null && _13 !== void 0 ? _13 : null,
+        enableDarkMode: (_15 = (_14 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _14 === void 0 ? void 0 : _14.enableDarkMode) !== null && _15 !== void 0 ? _15 : false,
+        copyright: (_17 = (_16 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _16 === void 0 ? void 0 : _16.copyright) !== null && _17 !== void 0 ? _17 : null,
+        forceChangePasswordOnFirstLogin: (_19 = (_18 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _18 === void 0 ? void 0 : _18.forceChangePasswordOnFirstLogin) !== null && _19 !== void 0 ? _19 : false,
+        contactSupportEmail: (_21 = (_20 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _20 === void 0 ? void 0 : _20.contactSupportEmail) !== null && _21 !== void 0 ? _21 : null,
+        contactSupportDisplayName: (_23 = (_22 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _22 === void 0 ? void 0 : _22.contactSupportDisplayName) !== null && _23 !== void 0 ? _23 : null,
+        contactSupportIcon: (_25 = (_24 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _24 === void 0 ? void 0 : _24.contactSupportIcon) !== null && _25 !== void 0 ? _25 : null,
+        authScreenRightBackgroundImage: (_27 = (_26 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _26 === void 0 ? void 0 : _26.authScreenRightBackgroundImage) !== null && _27 !== void 0 ? _27 : null,
+        authScreenLeftBackgroundImage: (_29 = (_28 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _28 === void 0 ? void 0 : _28.authScreenLeftBackgroundImage) !== null && _29 !== void 0 ? _29 : null,
+        authScreenCenterBackgroundImage: (_31 = (_30 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _30 === void 0 ? void 0 : _30.authScreenCenterBackgroundImage) !== null && _31 !== void 0 ? _31 : null,
         solidXGenAiCodeBuilderConfig: (function () {
             var _a;
             var defaultAiConfig = {
@@ -150,17 +149,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,7 +172,7 @@ 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",
                                     });
                                 }
@@ -245,7 +246,7 @@ export var GeneralSettings = function () {
             setCompanyLogoPreview(URL.createObjectURL(file));
         }
     }, [formik]);
-    var _52 = useDropzone({
+    var _49 = useDropzone({
         accept: {
             'image/png': ['.png'],
             'image/jpeg': ['.jpeg', '.jpg'],
@@ -254,8 +255,8 @@ export var GeneralSettings = function () {
         },
         multiple: false,
         onDrop: onAppLogoDrop
-    }), getAppLogoRootProps = _52.getRootProps, getAppLogoInputProps = _52.getInputProps, isAppLogoDragActive = _52.isDragActive;
-    var _53 = useDropzone({
+    }), getAppLogoRootProps = _49.getRootProps, getAppLogoInputProps = _49.getInputProps, isAppLogoDragActive = _49.isDragActive;
+    var _50 = useDropzone({
         accept: {
             'image/png': ['.png'],
             'image/jpeg': ['.jpeg', '.jpg'],
@@ -264,7 +265,7 @@ export var GeneralSettings = function () {
         },
         multiple: false,
         onDrop: onCompanyLogoDrop
-    }), getCompanyLogoRootProps = _53.getRootProps, getCompanyLogoInputProps = _53.getInputProps, isCompanyLogoDragActive = _53.isDragActive;
+    }), getCompanyLogoRootProps = _50.getRootProps, getCompanyLogoInputProps = _50.getInputProps, isCompanyLogoDragActive = _50.isDragActive;
     var removeAppLogo = function () {
         formik.setFieldValue("appLogo", null);
         if (appLogoPreview) {
@@ -312,7 +313,7 @@ export var GeneralSettings = function () {
             setAuthScreenCenterBackgroundImagePreview(URL.createObjectURL(file));
         }
     }, [formik]);
-    var _54 = useDropzone({
+    var _51 = useDropzone({
         accept: {
             'image/png': ['.png'],
             'image/jpeg': ['.jpeg', '.jpg'],
@@ -321,8 +322,8 @@ export var GeneralSettings = function () {
         },
         multiple: false,
         onDrop: onAuthScreenRightBackgroundImageDrop
-    }), getAuthScreenRightBackgroundImageRootProps = _54.getRootProps, getAuthScreenRightBackgroundImageInputProps = _54.getInputProps, isAuthScreenRightBackgroundImageDragActive = _54.isDragActive;
-    var _55 = useDropzone({
+    }), getAuthScreenRightBackgroundImageRootProps = _51.getRootProps, getAuthScreenRightBackgroundImageInputProps = _51.getInputProps, isAuthScreenRightBackgroundImageDragActive = _51.isDragActive;
+    var _52 = useDropzone({
         accept: {
             'image/png': ['.png'],
             'image/jpeg': ['.jpeg', '.jpg'],
@@ -331,8 +332,8 @@ export var GeneralSettings = function () {
         },
         multiple: false,
         onDrop: onAuthScreenLeftBackgroundImageDrop
-    }), getAuthScreenLeftBackgroundImageRootProps = _55.getRootProps, getAuthScreenLeftBackgroundImageInputProps = _55.getInputProps, isAuthScreenLeftBackgroundImageDragActive = _55.isDragActive;
-    var _56 = useDropzone({
+    }), getAuthScreenLeftBackgroundImageRootProps = _52.getRootProps, getAuthScreenLeftBackgroundImageInputProps = _52.getInputProps, isAuthScreenLeftBackgroundImageDragActive = _52.isDragActive;
+    var _53 = useDropzone({
         accept: {
             'image/png': ['.png'],
             'image/jpeg': ['.jpeg', '.jpg'],
@@ -341,7 +342,7 @@ export var GeneralSettings = function () {
         },
         multiple: false,
         onDrop: onAuthScreenCenterBackgroundImageDrop
-    }), getAuthScreenCenterBackgroundImageRootProps = _56.getRootProps, getAuthScreenCenterBackgroundImageInputProps = _56.getInputProps, isAuthScreenCenterBackgroundImageDragActive = _56.isDragActive;
+    }), getAuthScreenCenterBackgroundImageRootProps = _53.getRootProps, getAuthScreenCenterBackgroundImageInputProps = _53.getInputProps, isAuthScreenCenterBackgroundImageDragActive = _53.isDragActive;
     var removeAuthScreenRightBackgroundImage = function () {
         formik.setFieldValue("authScreenRightBackgroundImage", null);
         if (authScreenRightBackgroundImagePreview) {
@@ -394,7 +395,7 @@ export var GeneralSettings = function () {
                                                                                 })() }), 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") &&
+                                                            ], 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: (_32 = formik.values.appTitle) !== null && _32 !== void 0 ? _32 : '', 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: (_33 = formik.values.appSubtitle) !== null && _33 !== void 0 ? _33 : '', 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: (_34 = formik.values.appDescription) !== 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-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: (_35 = formik.values.copyright) !== null && _35 !== void 0 ? _35 : '', 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: (_36 = formik.values.appTnc) !== null && _36 !== void 0 ? _36 : '', 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: (_37 = formik.values.appPrivacyPolicy) !== null && _37 !== void 0 ? _37 : '', 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" },
@@ -447,14 +448,10 @@ export var GeneralSettings = function () {
                                                                                         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 })] })] }) }) }) }));
+                                                                                })() }), 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: (_38 = formik.values.contactSupportEmail) !== null && _38 !== void 0 ? _38 : '', 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: (_39 = formik.values.contactSupportDisplayName) !== null && _39 !== void 0 ? _39 : '', className: 'w-full' }) })] }) })] }) }) })] }), pathname.includes("ai-settings") &&
+                                    _jsx(AiSettingsSection, { aiConfig: formik.values.solidXGenAiCodeBuilderConfig, onAiConfigChange: handleAiConfigChange }), pathname.includes("api-keys") && ((_40 = session === null || session === void 0 ? void 0 : session.user) === null || _40 === void 0 ? void 0 : _40.id) &&
+                                    _jsx(ApiKeysTab, { userId: session.user.id, canCreate: (_42 = (_41 = session === null || session === void 0 ? void 0 : session.user) === null || _41 === void 0 ? void 0 : _41.isAllowedToGenerateApiKeys) !== null && _42 !== void 0 ? _42 : false })] })] }) }) }) }));
 };
 var DEFAULT_BEHAVIOR = { streaming: false, custom: "" };
 var DEFAULT_MODEL_ENTRY = { providerId: "", model: "", behavior: DEFAULT_BEHAVIOR };