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

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

@@ -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 { 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"]}
+{"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-col 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-col gap-1 mt-6\" 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-6 text-sm\">\n                            <div className=\"flex flex-wrap -mx-2 gap-y-2\">\n                                {envPasswordHelperText\n                                    .split('\\\\n')\n                                    .map((text, idx) => (\n                                        <div key={idx} className=\"w-1/2 px-2 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 items-center mt-6\">\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-6\">\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-8\">\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

@@ -86,7 +86,7 @@ const SolidResetPassword = () => {
                 <p className="solid-auth-helper">Use a strong password for your account security</p>
                 {/* <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> */}
                 <form onSubmit={formik.handleSubmit}>
-                    <div className="flex flex-column gap-2">
+                    <div className="flex flex-col gap-2">
                         <label htmlFor="password" className="solid-auth-input-label">New Password</label>
                         <SolidPasswordInput
                             id="password"
@@ -105,7 +105,7 @@ const SolidResetPassword = () => {
                             text={formik?.errors?.password?.toString()}
                         />}
                     </div>
-                    <div className="flex flex-column gap-1 mt-4" style={{}}>
+                    <div className="flex flex-col gap-1 mt-6" style={{}}>
                         <label htmlFor="password" className="solid-auth-input-label">Confirm Password</label>
                         <SolidPasswordInput
                             id="confirmPassword"
@@ -125,29 +125,29 @@ const SolidResetPassword = () => {
                         />}
                     </div>
                     {envPasswordHelperText && (
-                        <div className="mt-4 text-sm">
-                            <div className="grid">
+                        <div className="mt-6 text-sm">
+                            <div className="flex flex-wrap -mx-2 gap-y-2">
                                 {envPasswordHelperText
                                     .split('\\n')
                                     .map((text, idx) => (
-                                        <div key={idx} className="col-6 pt-0">
+                                        <div key={idx} className="w-1/2 px-2 pt-0">
                                             <div className='flex gap-2'><span>•</span><span>{text}</span></div>
                                         </div>
                                     ))}
                             </div>
                         </div>
                     )}
-                    {/* <div className="flex align-items-center mt-4">
+                    {/* <div className="flex items-center mt-6">
                                         <Checkbox inputId="remember" onChange={(e: any) => setChecked(e.checked)} checked={checked} />
                                         <label htmlFor="remember" className="ml-2">Remember me</label>
                                     </div> */}
-                    <div className="mt-4">
+                    <div className="mt-6">
                         <SolidButton className="w-full font-light auth-submit-button" label="Reset Password" disabled={formik.isSubmitting} loading={formik.isSubmitting} type="submit" />
                         <SolidButton type="button" label="Back" className="w-full auth-back-button text-center mt-1" text onClick={() => (window.location.href = '/auth/login')} />
                     </div>
                 </form>
             </div>
-            {/* <div className="text-center mt-5">
+            {/* <div className="text-center mt-8">
                 <div className="text-sm text-400 secondary-dark-color">
                     {'<'} Back to <Link className="font-bold" href="/auth/login">Sign In</Link>
                 </div>

package/dist/components/common/BackButton.js

@@ -52,6 +52,6 @@ export var BackButton = function () {
             router.back();
         }
     };
-    return (_jsx(SolidButton, { variant: "ghost", leftIcon: _jsx(ArrowLeft, { size: 14 }), size: "small", type: "button", "aria-label": "Back", onClick: handleGoBack, className: 'max-w-2rem bg-primary-reverse text-color solid-icon-button' }));
+    return (_jsx(SolidButton, { variant: "ghost", leftIcon: _jsx(ArrowLeft, { size: 14 }), size: "small", type: "button", "aria-label": "Back", onClick: handleGoBack, className: 'max-w-2rem bg-[var(--primary-color-text)] text-color solid-icon-button' }));
 };
 //# sourceMappingURL=BackButton.js.map

package/dist/components/common/BackButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackButton.js","sourceRoot":"","sources":["../../../src/components/common/BackButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,MAAM,CAAC,IAAM,UAAU,GAAG;IACtB,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,IAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAErD,+BAA+B;IAC/B,0CAA0C;IAC1C,qDAAqD;IACrD,sBAAsB;IACtB,iCAAiC;IACjC,eAAe;IACf,6CAA6C;IAC7C,yBAAyB;IACzB,QAAQ;IACR,KAAK;IAGL,4EAA4E;IAE5E,oBAAoB;IACpB,2CAA2C;IAC3C,iEAAiE;IACjE,kEAAkE;IAClE,uCAAuC;IACvC,YAAY;IACZ,QAAQ;IACR,UAAU;IAEV,IAAM,YAAY,GAAG;QACjB,IAAI,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,OAAO,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,MAAM,EAAE;YAC3E,IAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YAC/B,IAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YAC9B,+FAA+F;YAC/F,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;gBAC/B,IAAM,aAAa,GAAG,cAAc,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;gBAC5D,IAAI,aAAa,EAAE;oBACf,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;oBAC3B,OAAO;iBACV;aACJ;YAED,IAAM,UAAU,GAAG,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;YACtD,IAAI,QAAQ,GAAG,MAAM,CAAA;YACrB,IAAI,UAAU,KAAK,MAAM,IAAI,UAAU,KAAK,QAAQ,IAAI,UAAU,KAAK,MAAM,EAAE;gBAC3E,QAAQ,GAAG,UAAU,CAAC;aACzB;YACD,IAAM,UAAU,GAAG,QAAQ,IAAI,MAAM,CAAC;YACtC,IAAM,SAAS,GAAG,sBAAe,UAAU,cAAI,SAAS,cAAI,UAAU,CAAE,CAAC;YACzE,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SAC1B;aAAM;YACH,kCAAkC;YAClC,MAAM,CAAC,IAAI,EAAE,CAAC;SACjB;IACL,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,WAAW,IACR,OAAO,EAAC,OAAO,EACf,QAAQ,EAAE,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,EACjC,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,gBACF,MAAM,EACjB,OAAO,EAAE,YAAY,EACrB,SAAS,EAAC,4DAA4D,GACxE,CACL,CAAA;AACL,CAAC,CAAA","sourcesContent":["\n\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { ArrowLeft } from \"lucide-react\";\nimport { SolidButton } from \"../shad-cn-ui\";\nexport const BackButton = () => {\n    const router = useRouter();\n    const pathname = usePathname();\n    const segments = pathname.split(\"/\").filter(Boolean);\n\n    // const handleGoBack = () => {\n    //     let fromView: string | null = null;\n    //     fromView = sessionStorage.getItem(\"fromView\");\n    //     if (fromView) {\n    //         router.push(fromView);\n    //     } else {\n    //         // fallback if path is not matched\n    //         router.back();\n    //     }\n    // };\n\n\n    // const [fromView, setFromView] = useState<\"list\" | \"kanban\" | null>(null);\n\n    // useEffect(() => {\n    //     if (typeof window !== \"undefined\") {\n    //         const storedView = sessionStorage.getItem(\"fromView\");\n    //         if (storedView === \"list\" || storedView === \"kanban\") {\n    //             setFromView(storedView);\n    //         }\n    //     }\n    // }, []);\n\n    const handleGoBack = () => {\n        if (segments.length >= 4 && segments[0] === \"admin\" && segments[1] === \"core\") {\n            const moduleName = segments[2];\n            const modelName = segments[3];\n            // Prefer a fully qualified stored return URL (preserves query params like actionId/actionName)\n            if (typeof window !== \"undefined\") {\n                const storedFullUrl = sessionStorage.getItem(\"fromViewUrl\");\n                if (storedFullUrl) {\n                    router.push(storedFullUrl);\n                    return;\n                }\n            }\n\n            const storedView = sessionStorage.getItem(\"fromView\");\n            let fromView = \"list\"\n            if (storedView === \"list\" || storedView === \"kanban\" || storedView === \"card\") {\n                fromView = storedView;\n            }\n            const targetView = fromView || \"list\";\n            const targetUrl = `/admin/core/${moduleName}/${modelName}/${targetView}`;\n            router.push(targetUrl);\n        } else {\n            // fallback if path is not matched\n            router.back();\n        }\n    };\n\n    return (\n        <SolidButton\n            variant=\"ghost\"\n            leftIcon={<ArrowLeft size={14} />}\n            size=\"small\"\n            type=\"button\"\n            aria-label=\"Back\"\n            onClick={handleGoBack}\n            className='max-w-2rem bg-primary-reverse text-color solid-icon-button'\n        />\n    )\n}\n"]}
+{"version":3,"file":"BackButton.js","sourceRoot":"","sources":["../../../src/components/common/BackButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,MAAM,CAAC,IAAM,UAAU,GAAG;IACtB,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,IAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAErD,+BAA+B;IAC/B,0CAA0C;IAC1C,qDAAqD;IACrD,sBAAsB;IACtB,iCAAiC;IACjC,eAAe;IACf,6CAA6C;IAC7C,yBAAyB;IACzB,QAAQ;IACR,KAAK;IAGL,4EAA4E;IAE5E,oBAAoB;IACpB,2CAA2C;IAC3C,iEAAiE;IACjE,kEAAkE;IAClE,uCAAuC;IACvC,YAAY;IACZ,QAAQ;IACR,UAAU;IAEV,IAAM,YAAY,GAAG;QACjB,IAAI,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,OAAO,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,MAAM,EAAE;YAC3E,IAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YAC/B,IAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YAC9B,+FAA+F;YAC/F,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;gBAC/B,IAAM,aAAa,GAAG,cAAc,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;gBAC5D,IAAI,aAAa,EAAE;oBACf,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;oBAC3B,OAAO;iBACV;aACJ;YAED,IAAM,UAAU,GAAG,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;YACtD,IAAI,QAAQ,GAAG,MAAM,CAAA;YACrB,IAAI,UAAU,KAAK,MAAM,IAAI,UAAU,KAAK,QAAQ,IAAI,UAAU,KAAK,MAAM,EAAE;gBAC3E,QAAQ,GAAG,UAAU,CAAC;aACzB;YACD,IAAM,UAAU,GAAG,QAAQ,IAAI,MAAM,CAAC;YACtC,IAAM,SAAS,GAAG,sBAAe,UAAU,cAAI,SAAS,cAAI,UAAU,CAAE,CAAC;YACzE,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SAC1B;aAAM;YACH,kCAAkC;YAClC,MAAM,CAAC,IAAI,EAAE,CAAC;SACjB;IACL,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,WAAW,IACR,OAAO,EAAC,OAAO,EACf,QAAQ,EAAE,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,EACjC,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,gBACF,MAAM,EACjB,OAAO,EAAE,YAAY,EACrB,SAAS,EAAC,wEAAwE,GACpF,CACL,CAAA;AACL,CAAC,CAAA","sourcesContent":["\n\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { ArrowLeft } from \"lucide-react\";\nimport { SolidButton } from \"../shad-cn-ui\";\nexport const BackButton = () => {\n    const router = useRouter();\n    const pathname = usePathname();\n    const segments = pathname.split(\"/\").filter(Boolean);\n\n    // const handleGoBack = () => {\n    //     let fromView: string | null = null;\n    //     fromView = sessionStorage.getItem(\"fromView\");\n    //     if (fromView) {\n    //         router.push(fromView);\n    //     } else {\n    //         // fallback if path is not matched\n    //         router.back();\n    //     }\n    // };\n\n\n    // const [fromView, setFromView] = useState<\"list\" | \"kanban\" | null>(null);\n\n    // useEffect(() => {\n    //     if (typeof window !== \"undefined\") {\n    //         const storedView = sessionStorage.getItem(\"fromView\");\n    //         if (storedView === \"list\" || storedView === \"kanban\") {\n    //             setFromView(storedView);\n    //         }\n    //     }\n    // }, []);\n\n    const handleGoBack = () => {\n        if (segments.length >= 4 && segments[0] === \"admin\" && segments[1] === \"core\") {\n            const moduleName = segments[2];\n            const modelName = segments[3];\n            // Prefer a fully qualified stored return URL (preserves query params like actionId/actionName)\n            if (typeof window !== \"undefined\") {\n                const storedFullUrl = sessionStorage.getItem(\"fromViewUrl\");\n                if (storedFullUrl) {\n                    router.push(storedFullUrl);\n                    return;\n                }\n            }\n\n            const storedView = sessionStorage.getItem(\"fromView\");\n            let fromView = \"list\"\n            if (storedView === \"list\" || storedView === \"kanban\" || storedView === \"card\") {\n                fromView = storedView;\n            }\n            const targetView = fromView || \"list\";\n            const targetUrl = `/admin/core/${moduleName}/${modelName}/${targetView}`;\n            router.push(targetUrl);\n        } else {\n            // fallback if path is not matched\n            router.back();\n        }\n    };\n\n    return (\n        <SolidButton\n            variant=\"ghost\"\n            leftIcon={<ArrowLeft size={14} />}\n            size=\"small\"\n            type=\"button\"\n            aria-label=\"Back\"\n            onClick={handleGoBack}\n            className='max-w-2rem bg-[var(--primary-color-text)] text-color solid-icon-button'\n        />\n    )\n}\n"]}

package/dist/components/common/BackButton.tsx

@@ -67,7 +67,7 @@ export const BackButton = () => {
             type="button"
             aria-label="Back"
             onClick={handleGoBack}
-            className='max-w-2rem bg-primary-reverse text-color solid-icon-button'
+            className='max-w-2rem bg-[var(--primary-color-text)] text-color solid-icon-button'
         />
     )
 }

package/dist/components/common/CancelButton.js

@@ -14,7 +14,7 @@ export var CancelButton = function () {
             router.back();
         }
     };
-    return (_jsx("div", { children: _jsx(SolidButton, { variant: "outline", size: "small", type: "button", onClick: handleGoBack, className: 'bg-primary-reverse', style: { minWidth: 66 }, children: "Close" }) }));
+    return (_jsx("div", { children: _jsx(SolidButton, { variant: "outline", size: "small", type: "button", onClick: handleGoBack, className: 'bg-[var(--primary-color-text)]', style: { minWidth: 66 }, children: "Close" }) }));
 };
 export var SolidCancelButton = function () {
     var router = useRouter();
@@ -37,6 +37,6 @@ export var SolidCancelButton = function () {
         //     router.back();
         // }
     };
-    return (_jsxs(_Fragment, { children: [_jsx(SolidButton, { variant: "outline", size: "small", type: "button", onClick: handleGoBack, className: 'bg-primary-reverse hidden lg:flex', style: { minWidth: 66 }, children: "Close" }), _jsx(SolidButton, { size: "small", type: "button", leftIcon: _jsx(X, { size: 14 }), onClick: handleGoBack, className: 'bg-primary-reverse solid-icon-button flex lg:hidden' })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(SolidButton, { variant: "outline", size: "small", type: "button", onClick: handleGoBack, className: 'hidden bg-[var(--primary-color-text)] lg:flex', style: { minWidth: 66 }, children: "Close" }), _jsx(SolidButton, { size: "small", type: "button", leftIcon: _jsx(X, { size: 14 }), onClick: handleGoBack, className: 'solid-icon-button flex bg-[var(--primary-color-text)] lg:hidden' })] }));
 };
 //# sourceMappingURL=CancelButton.js.map

package/dist/components/common/CancelButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CancelButton.js","sourceRoot":"","sources":["../../../src/components/common/CancelButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,MAAM,CAAC,IAAM,YAAY,GAAG;IACxB,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC,CAAC,uBAAuB;IAEvD,IAAM,YAAY,GAAG;QACjB,IAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,kCAAkC;QACxF,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;YACrB,wGAAwG;YACxG,gFAAgF;YAChF,MAAM,CAAC,IAAI,EAAE,CAAA;SAChB;IACL,CAAC,CAAC;IACF,OAAO,CACH,wBACI,KAAC,WAAW,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,sBAEzH,GACZ,CACT,CAAA;AACL,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG;IAC7B,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC,CAAC,uBAAuB;IAEvD,IAAM,YAAY,GAAG;QACjB,IAAI,QAAQ,GAAkB,IAAI,CAAC;QACnC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YAC/B,QAAQ,GAAG,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;SACjD;QAED,qCAAqC;QACrC,IAAM,IAAI,GAAG,QAAQ,KAAK,QAAQ,IAAI,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;QAE9E,oEAAoE;QACpE,IAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,gBAAgB,EAAE,WAAI,IAAI,CAAE,CAAC,CAAC;QAC/D,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACrB,iDAAiD;QACjD,kBAAkB;QAClB,6BAA6B;QAC7B,WAAW;QACX,yCAAyC;QACzC,qBAAqB;QACrB,IAAI;IACR,CAAC,CAAC;IACF,OAAO,CACH,8BAGI,KAAC,WAAW,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAC,mCAAmC,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,sBAExI,EAGd,KAAC,WAAW,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,KAAC,CAAC,IAAC,IAAI,EAAE,EAAE,GAAI,EAAE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAC,qDAAqD,GAAG,IAC7J,CACN,CAAA;AACL,CAAC,CAAA","sourcesContent":["\n\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { X } from \"lucide-react\";\nimport { SolidButton } from \"../shad-cn-ui\";\n\n\nexport const CancelButton = () => {\n    const router = useRouter();\n    const pathname = usePathname(); // Get the current path\n\n    const handleGoBack = () => {\n        const segments = pathname.split('/').filter(Boolean); // Split and filter empty segments\n        if (segments.length > 1) {\n            // const newPath = '/' + segments.slice(0, -1).join('/') + '/all'; // Remove last segment and add \"/all\"\n            // router.push(newPath); // Navigate to the parent route with \"/all\"            \n            router.back()\n        }\n    };\n    return (\n        <div>\n            <SolidButton variant=\"outline\" size=\"small\" type=\"button\" onClick={handleGoBack} className='bg-primary-reverse' style={{ minWidth: 66 }}>\n                Close\n            </SolidButton>\n        </div>\n    )\n}\n\nexport const SolidCancelButton = () => {\n    const router = useRouter();\n    const pathname = usePathname(); // Get the current path\n\n    const handleGoBack = () => {\n        let fromView: string | null = null;\n        if (typeof window !== \"undefined\") {\n            fromView = sessionStorage.getItem(\"fromView\");\n        }\n\n        // Default to 'list' if not available\n        const view = fromView === \"kanban\" || fromView === \"card\" ? fromView : \"list\";\n\n        // Navigate back to the previous path with the appropriate view type\n        const newPath = pathname.replace(/\\/form\\/[^/]+$/, `/${view}`);\n        router.push(newPath);\n        // fromView = sessionStorage.getItem(\"fromView\");\n        // if (fromView) {\n        //     router.push(fromView);\n        // } else {\n        //     // fallback if path is not matched\n        //     router.back();\n        // }\n    };\n    return (\n        <>\n            {/* <div className=\"hidden lg:flex\"> */}\n            {/* <div> */}\n            <SolidButton variant=\"outline\" size=\"small\" type=\"button\" onClick={handleGoBack} className='bg-primary-reverse hidden lg:flex' style={{ minWidth: 66 }}>\n                Close\n            </SolidButton>\n            {/* </div> */}\n            {/* </div> */}\n            <SolidButton size=\"small\" type=\"button\" leftIcon={<X size={14} />} onClick={handleGoBack} className='bg-primary-reverse solid-icon-button flex lg:hidden' />\n        </>\n    )\n}\n"]}
+{"version":3,"file":"CancelButton.js","sourceRoot":"","sources":["../../../src/components/common/CancelButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,MAAM,CAAC,IAAM,YAAY,GAAG;IACxB,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC,CAAC,uBAAuB;IAEvD,IAAM,YAAY,GAAG;QACjB,IAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,kCAAkC;QACxF,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;YACrB,wGAAwG;YACxG,gFAAgF;YAChF,MAAM,CAAC,IAAI,EAAE,CAAA;SAChB;IACL,CAAC,CAAC;IACF,OAAO,CACH,wBACI,KAAC,WAAW,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAC,gCAAgC,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,sBAErI,GACZ,CACT,CAAA;AACL,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG;IAC7B,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC,CAAC,uBAAuB;IAEvD,IAAM,YAAY,GAAG;QACjB,IAAI,QAAQ,GAAkB,IAAI,CAAC;QACnC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YAC/B,QAAQ,GAAG,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;SACjD;QAED,qCAAqC;QACrC,IAAM,IAAI,GAAG,QAAQ,KAAK,QAAQ,IAAI,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;QAE9E,oEAAoE;QACpE,IAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,gBAAgB,EAAE,WAAI,IAAI,CAAE,CAAC,CAAC;QAC/D,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACrB,iDAAiD;QACjD,kBAAkB;QAClB,6BAA6B;QAC7B,WAAW;QACX,yCAAyC;QACzC,qBAAqB;QACrB,IAAI;IACR,CAAC,CAAC;IACF,OAAO,CACH,8BAGI,KAAC,WAAW,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAC,+CAA+C,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,sBAEpJ,EAGd,KAAC,WAAW,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,KAAC,CAAC,IAAC,IAAI,EAAE,EAAE,GAAI,EAAE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAC,iEAAiE,GAAG,IACzK,CACN,CAAA;AACL,CAAC,CAAA","sourcesContent":["\n\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { X } from \"lucide-react\";\nimport { SolidButton } from \"../shad-cn-ui\";\n\n\nexport const CancelButton = () => {\n    const router = useRouter();\n    const pathname = usePathname(); // Get the current path\n\n    const handleGoBack = () => {\n        const segments = pathname.split('/').filter(Boolean); // Split and filter empty segments\n        if (segments.length > 1) {\n            // const newPath = '/' + segments.slice(0, -1).join('/') + '/all'; // Remove last segment and add \"/all\"\n            // router.push(newPath); // Navigate to the parent route with \"/all\"            \n            router.back()\n        }\n    };\n    return (\n        <div>\n            <SolidButton variant=\"outline\" size=\"small\" type=\"button\" onClick={handleGoBack} className='bg-[var(--primary-color-text)]' style={{ minWidth: 66 }}>\n                Close\n            </SolidButton>\n        </div>\n    )\n}\n\nexport const SolidCancelButton = () => {\n    const router = useRouter();\n    const pathname = usePathname(); // Get the current path\n\n    const handleGoBack = () => {\n        let fromView: string | null = null;\n        if (typeof window !== \"undefined\") {\n            fromView = sessionStorage.getItem(\"fromView\");\n        }\n\n        // Default to 'list' if not available\n        const view = fromView === \"kanban\" || fromView === \"card\" ? fromView : \"list\";\n\n        // Navigate back to the previous path with the appropriate view type\n        const newPath = pathname.replace(/\\/form\\/[^/]+$/, `/${view}`);\n        router.push(newPath);\n        // fromView = sessionStorage.getItem(\"fromView\");\n        // if (fromView) {\n        //     router.push(fromView);\n        // } else {\n        //     // fallback if path is not matched\n        //     router.back();\n        // }\n    };\n    return (\n        <>\n            {/* <div className=\"hidden lg:flex\"> */}\n            {/* <div> */}\n            <SolidButton variant=\"outline\" size=\"small\" type=\"button\" onClick={handleGoBack} className='hidden bg-[var(--primary-color-text)] lg:flex' style={{ minWidth: 66 }}>\n                Close\n            </SolidButton>\n            {/* </div> */}\n            {/* </div> */}\n            <SolidButton size=\"small\" type=\"button\" leftIcon={<X size={14} />} onClick={handleGoBack} className='solid-icon-button flex bg-[var(--primary-color-text)] lg:hidden' />\n        </>\n    )\n}\n"]}

package/dist/components/common/CancelButton.tsx

@@ -20,7 +20,7 @@ export const CancelButton = () => {
     };
     return (
         <div>
-            <SolidButton variant="outline" size="small" type="button" onClick={handleGoBack} className='bg-primary-reverse' style={{ minWidth: 66 }}>
+            <SolidButton variant="outline" size="small" type="button" onClick={handleGoBack} className='bg-[var(--primary-color-text)]' style={{ minWidth: 66 }}>
                 Close
             </SolidButton>
         </div>
@@ -55,12 +55,12 @@ export const SolidCancelButton = () => {
         <>
             {/* <div className="hidden lg:flex"> */}
             {/* <div> */}
-            <SolidButton variant="outline" size="small" type="button" onClick={handleGoBack} className='bg-primary-reverse hidden lg:flex' style={{ minWidth: 66 }}>
+            <SolidButton variant="outline" size="small" type="button" onClick={handleGoBack} className='hidden bg-[var(--primary-color-text)] lg:flex' style={{ minWidth: 66 }}>
                 Close
             </SolidButton>
             {/* </div> */}
             {/* </div> */}
-            <SolidButton size="small" type="button" leftIcon={<X size={14} />} onClick={handleGoBack} className='bg-primary-reverse solid-icon-button flex lg:hidden' />
+            <SolidButton size="small" type="button" leftIcon={<X size={14} />} onClick={handleGoBack} className='solid-icon-button flex bg-[var(--primary-color-text)] lg:hidden' />
         </>
     )
 }

package/dist/components/common/GeneralSettings.js

@@ -409,7 +409,7 @@ export var GeneralSettings = function () {
     var handleAiConfigChange = function (newConfig) {
         formik.setFieldValue("solidXGenAiCodeBuilderConfig", newConfig);
     };
-    return (_jsx("div", { className: "page-parent-wrapper", children: _jsx("div", { className: "solid-form-wrapper", children: _jsx("div", { className: "solid-form-section", children: _jsxs("form", { onSubmit: formik.handleSubmit, children: [_jsxs("div", { className: "page-header secondary-border-bottom", children: [_jsx("div", { className: "form-wrapper-title ", children: "Settings" }), _jsx("div", { className: "gap-3 flex", children: formik.dirty && (_jsx(SolidButton, { size: "sm", type: "submit", loading: formik.isSubmitting, onClick: function () { return showError(); }, children: "Save" })) })] }), _jsxs("div", { className: "px-4 py-3 md:p-4 solid-form-content", children: [pathname.includes("app-settings") && (_jsxs(_Fragment, { children: [_jsx("div", { className: "formgrid grid", children: _jsx("div", { className: "col-12 lg:col-10 xl:col-8", children: _jsxs("div", { className: "formgrid grid", children: [_jsxs("div", { className: "col-12 md:col-6", children: [_jsx("p", { className: "solid-settings-subheading", children: "App Logo" }), _jsxs("div", { children: [_jsxs("div", __assign({}, getAppLogoRootProps(), { className: "solid-dropzone-wrapper", style: { borderRadius: 8 }, children: [_jsx("input", __assign({}, getAppLogoInputProps())), _jsx(SettingDropzoneActivePlaceholder, {})] })), _jsx("div", { className: "mt-2", children: (function () {
+    return (_jsx("div", { className: "page-parent-wrapper", children: _jsx("div", { className: "solid-form-wrapper", children: _jsx("div", { className: "solid-form-section", children: _jsxs("form", { onSubmit: formik.handleSubmit, children: [_jsxs("div", { className: "page-header secondary-border-bottom", children: [_jsx("div", { className: "form-wrapper-title ", children: "Settings" }), _jsx("div", { className: "flex gap-4", children: formik.dirty && (_jsx(SolidButton, { size: "sm", type: "submit", loading: formik.isSubmitting, onClick: function () { return showError(); }, children: "Save" })) })] }), _jsxs("div", { className: "px-3 py-3 md:p-4 solid-form-content", children: [pathname.includes("app-settings") && (_jsxs(_Fragment, { children: [_jsx("div", { className: "flex flex-wrap -mx-2 -mt-2", children: _jsx("div", { className: "w-full lg:w-[83.333333%] xl:w-[66.666667%] px-2 pt-2", children: _jsxs("div", { className: "flex flex-wrap -mx-2 -mt-2", children: [_jsxs("div", { className: "w-full md:w-1/2 px-2 pt-2", children: [_jsx("p", { className: "solid-settings-subheading", children: "App Logo" }), _jsxs("div", { children: [_jsxs("div", __assign({}, getAppLogoRootProps(), { className: "solid-dropzone-wrapper", style: { borderRadius: 8 }, children: [_jsx("input", __assign({}, getAppLogoInputProps())), _jsx(SettingDropzoneActivePlaceholder, {})] })), _jsx("div", { className: "mt-2", children: (function () {
                                                                                 var logoSrc = SolidLogo.src || SolidLogo;
                                                                                 var src = appLogoPreview
                                                                                     ? appLogoPreview
@@ -422,7 +422,7 @@ export var GeneralSettings = function () {
                                                                                     src = "".concat(env("API_URL"), "/").concat(src);
                                                                                 }
                                                                                 return (_jsx(SolidUploadedImage, { src: src, className: "solid-app-logo" }));
-                                                                            })() }), formik.values.appLogo && (_jsx(SettingsImageRemoveButton, { onClick: removeAppLogo }))] })] }), _jsxs("div", { className: "col-12 md:col-6", children: [_jsx("p", { className: "solid-settings-subheading", children: "Company Logo" }), _jsxs("div", { children: [_jsxs("div", __assign({}, getCompanyLogoRootProps(), { className: "solid-dropzone-wrapper", style: { borderRadius: 8 }, children: [_jsx("input", __assign({}, getCompanyLogoInputProps())), _jsx(SettingDropzoneActivePlaceholder, {})] })), _jsx("div", { className: "mt-2", children: (function () {
+                                                                            })() }), formik.values.appLogo && (_jsx(SettingsImageRemoveButton, { onClick: removeAppLogo }))] })] }), _jsxs("div", { className: "w-full md:w-1/2 px-2 pt-2", children: [_jsx("p", { className: "solid-settings-subheading", children: "Company Logo" }), _jsxs("div", { children: [_jsxs("div", __assign({}, getCompanyLogoRootProps(), { className: "solid-dropzone-wrapper", style: { borderRadius: 8 }, children: [_jsx("input", __assign({}, getCompanyLogoInputProps())), _jsx(SettingDropzoneActivePlaceholder, {})] })), _jsx("div", { className: "mt-2", children: (function () {
                                                                                 var logoSrc = SolidLogo.src || SolidLogo;
                                                                                 var src = companyLogoPreview
                                                                                     ? companyLogoPreview
@@ -435,36 +435,36 @@ export var GeneralSettings = function () {
                                                                                     src = "".concat(env("API_URL"), "/").concat(src);
                                                                                 }
                                                                                 return (_jsx(SolidUploadedImage, { src: src, className: "solid-compony-logo" }));
-                                                                            })() }), formik.values.companylogo && (_jsx(SettingsImageRemoveButton, { onClick: removeCompanyLogo }))] })] })] }) }) }), _jsx("p", { className: "solid-settings-heading", children: "App Logo Position" }), _jsx("div", { className: "formgrid grid", children: _jsx("div", { className: "col-12 lg:col-10 xl:col-8", children: _jsx("div", { className: "flex", children: _jsx(SolidSegmentedControl, { className: "solid-settings-segmented", value: formik.values.appLogoPosition, options: [
+                                                                            })() }), formik.values.companylogo && (_jsx(SettingsImageRemoveButton, { onClick: removeCompanyLogo }))] })] })] }) }) }), _jsx("p", { className: "solid-settings-heading", children: "App Logo Position" }), _jsx("div", { className: "flex flex-wrap -mx-2 -mt-2", children: _jsx("div", { className: "w-full lg:w-[83.333333%] xl:w-[66.666667%] px-2 pt-2", 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) {
+                                                        ], onChange: function (value) { return formik.setFieldValue("appLogoPosition", value); } }) }) }) }), _jsx(SolidDivider, { className: "my-6" }), _jsx("p", { className: "solid-settings-heading", children: "Title & Description Details" }), _jsx("div", { className: 'flex flex-wrap -mx-2 -mt-2', children: _jsx("div", { className: 'w-full lg:w-[83.333333%] xl:w-[66.666667%] px-2 pt-2', children: _jsxs("div", { className: "flex flex-wrap -mx-2 -mt-2", children: [_jsx("div", { className: "w-full md:w-1/2 px-2 pt-2", children: _jsxs("div", { className: "flex flex-wrap items-center -mx-2 -mt-2", children: [_jsx("div", { className: "w-[83.333333%] sm:w-[75%] lg:w-[41.666667%] px-2 pt-2 pb-2 md:pb-0", children: _jsx("label", { className: "form-field-label", children: "Show Details on Authentication Screen" }) }), _jsx("div", { className: "w-[16.666667%] sm:w-1/4 lg:w-[58.333333%] px-2 pt-2", children: _jsx(SolidSwitch, { name: "showAuthContent", checked: formik.values.showAuthContent, onChange: function (checked) {
                                                                                 return formik.setFieldValue("showAuthContent", checked);
-                                                                            } }) })] }) }), _jsx("div", { className: "col-12 md:col-6", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-12 md:col-5 pb-2 md:pb-0", children: _jsx("label", { className: "form-field-label", children: "App Title" }) }), _jsx("div", { className: "col-12 md:col-7", children: _jsx(SolidInput, { type: "text", id: "appTitle", name: "appTitle", onChange: formik.handleChange, value: (_38 = formik.values.appTitle) !== null && _38 !== void 0 ? _38 : '', className: "w-full" }) })] }) }), _jsx("div", { className: "col-12 md:col-6 mt-4", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-12 md:col-5 pb-2 md:pb-0", children: _jsx("label", { className: "form-field-label", children: "App Subtitle" }) }), _jsx("div", { className: "col-12 md:col-7", children: _jsx(SolidInput, { type: "text", id: "appSubtitle", name: "appSubtitle", onChange: formik.handleChange, value: (_39 = formik.values.appSubtitle) !== null && _39 !== void 0 ? _39 : '', className: "w-full" }) })] }) }), _jsx("div", { className: "col-12 md:col-6 mt-4", children: _jsxs("div", { className: "formgrid grid align-items-start", children: [_jsx("div", { className: "col-12 md:col-5 pb-2 md:pb-0", children: _jsx("label", { className: "form-field-label", children: "Description" }) }), _jsx("div", { className: "col-12 md:col-7", children: _jsx(SolidTextarea, { rows: 3, id: "appDescription", name: "appDescription", onChange: formik.handleChange, value: (_40 = formik.values.appDescription) !== null && _40 !== void 0 ? _40 : '', className: 'w-full' }) })] }) }), _jsx("div", { className: "col-12 md:col-6 mt-4", children: _jsxs("div", { className: "formgrid grid align-items-start", children: [_jsx("div", { className: "col-12 md:col-5 pb-2 md:pb-0", children: _jsx("label", { className: "form-field-label", children: "Copyright" }) }), _jsx("div", { className: "col-12 md:col-7", children: _jsx(SolidTextarea, { rows: 3, id: "copyright", name: "copyright", onChange: formik.handleChange, value: (_41 = formik.values.copyright) !== null && _41 !== void 0 ? _41 : '', className: 'w-full' }) })] }) })] }) }) }), _jsx(SolidDivider, { className: "my-4" }), _jsx("p", { className: "solid-settings-heading", children: "Legal Links" }), _jsx("div", { className: 'formgrid grid', children: _jsx("div", { className: 'col-12 lg:col-10 xl:col-8', children: _jsxs("div", { className: "formgrid grid", children: [_jsx("div", { className: "col-12 md:col-6", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-10 sm:col-9 lg:col-5", children: _jsx("label", { className: "form-field-label", children: "Show Legal Links" }) }), _jsx("div", { className: "col-2 sm:col-3 lg:col-7", children: _jsx(SolidSwitch, { name: "showLegalLinks", checked: formik.values.showLegalLinks, onChange: function (checked) { return formik.setFieldValue("showLegalLinks", checked); } }) })] }) }), _jsx("div", { className: "col-12 md:col-6", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-12 md:col-5 py-2 md:py-0", children: _jsx("label", { className: "form-field-label", children: "Terms and Conditions Link" }) }), _jsx("div", { className: "col-12 md:col-7", children: _jsx(SolidInput, { type: "text", id: "appTnc", name: "appTnc", onChange: formik.handleChange, value: (_42 = formik.values.appTnc) !== null && _42 !== void 0 ? _42 : "", className: "w-full" }) })] }) }), _jsx("div", { className: "col-12 md:col-6 mt-3", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-12 md:col-5 pb-2 md:pb-0", children: _jsx("label", { className: "form-field-label", children: "Privacy Policy Link" }) }), _jsx("div", { className: "col-12 md:col-7", children: _jsx(SolidInput, { type: "text", id: "appPrivacyPolicy", name: "appPrivacyPolicy", onChange: formik.handleChange, value: (_43 = formik.values.appPrivacyPolicy) !== null && _43 !== void 0 ? _43 : "", className: "w-full" }) })] }) })] }) }) }), _jsx(SolidDivider, { className: "my-4" }), _jsx("p", { className: "solid-settings-heading", children: "Theme" }), _jsx("div", { className: "formgrid grid", children: _jsx("div", { className: "col-12 lg:col-10 xl:col-8", children: _jsx("div", { className: "formgrid grid", children: _jsx("div", { className: "col-12 md:col-6", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-10 sm:col-10 lg:col-5", children: _jsx("label", { className: "form-field-label", children: "Enable Dark Mode" }) }), _jsx("div", { className: "col-2 sm:col-3 lg:col-7", children: _jsx(SolidSwitch, { name: "enableDarkMode", checked: formik.values.enableDarkMode, onChange: function (checked) { return formik.setFieldValue("enableDarkMode", checked); } }) })] }) }) }) }) })] })), pathname.includes("authentication-settings") && (_jsxs(_Fragment, { children: [_jsx("p", { className: "solid-settings-heading", children: "User Authentication" }), _jsx("div", { className: "formgrid grid", children: _jsx("div", { className: "col-12 lg:col-10 xl:col-8", children: _jsxs("div", { className: "formgrid grid", children: [_jsx("div", { className: "col-12", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-10 sm:col-9 lg:col-5", children: _jsx("label", { className: "form-field-label", children: "Public Registration" }) }), _jsx("div", { className: "col-2 sm:col-3 lg:col-7", children: _jsx(SolidSwitch, { name: "allowPublicRegistration", checked: formik.values.allowPublicRegistration, onChange: function (checked) {
+                                                                            } }) })] }) }), _jsx("div", { className: "w-full md:w-1/2 px-2 pt-2", children: _jsxs("div", { className: "flex flex-wrap items-center -mx-2 -mt-2", children: [_jsx("div", { className: "w-full md:w-[41.666667%] px-2 pt-2 pb-2 md:pb-0", children: _jsx("label", { className: "form-field-label", children: "App Title" }) }), _jsx("div", { className: "w-full md:w-[58.333333%] px-2 pt-2", children: _jsx(SolidInput, { type: "text", id: "appTitle", name: "appTitle", onChange: formik.handleChange, value: (_38 = formik.values.appTitle) !== null && _38 !== void 0 ? _38 : '', className: "w-full" }) })] }) }), _jsx("div", { className: "w-full md:w-1/2 px-2 pt-2 mt-6", children: _jsxs("div", { className: "flex flex-wrap items-center -mx-2 -mt-2", children: [_jsx("div", { className: "w-full md:w-[41.666667%] px-2 pt-2 pb-2 md:pb-0", children: _jsx("label", { className: "form-field-label", children: "App Subtitle" }) }), _jsx("div", { className: "w-full md:w-[58.333333%] px-2 pt-2", children: _jsx(SolidInput, { type: "text", id: "appSubtitle", name: "appSubtitle", onChange: formik.handleChange, value: (_39 = formik.values.appSubtitle) !== null && _39 !== void 0 ? _39 : '', className: "w-full" }) })] }) }), _jsx("div", { className: "w-full md:w-1/2 px-2 pt-2 mt-6", children: _jsxs("div", { className: "flex flex-wrap items-start -mx-2 -mt-2", children: [_jsx("div", { className: "w-full md:w-[41.666667%] px-2 pt-2 pb-2 md:pb-0", children: _jsx("label", { className: "form-field-label", children: "Description" }) }), _jsx("div", { className: "w-full md:w-[58.333333%] px-2 pt-2", children: _jsx(SolidTextarea, { rows: 3, id: "appDescription", name: "appDescription", onChange: formik.handleChange, value: (_40 = formik.values.appDescription) !== null && _40 !== void 0 ? _40 : '', className: 'w-full' }) })] }) }), _jsx("div", { className: "w-full md:w-1/2 px-2 pt-2 mt-6", children: _jsxs("div", { className: "flex flex-wrap items-start -mx-2 -mt-2", children: [_jsx("div", { className: "w-full md:w-[41.666667%] px-2 pt-2 pb-2 md:pb-0", children: _jsx("label", { className: "form-field-label", children: "Copyright" }) }), _jsx("div", { className: "w-full md:w-[58.333333%] px-2 pt-2", children: _jsx(SolidTextarea, { rows: 3, id: "copyright", name: "copyright", onChange: formik.handleChange, value: (_41 = formik.values.copyright) !== null && _41 !== void 0 ? _41 : '', className: 'w-full' }) })] }) })] }) }) }), _jsx(SolidDivider, { className: "my-6" }), _jsx("p", { className: "solid-settings-heading", children: "Legal Links" }), _jsx("div", { className: 'flex flex-wrap -mx-2 -mt-2', children: _jsx("div", { className: 'w-full lg:w-[83.333333%] xl:w-[66.666667%] px-2 pt-2', children: _jsxs("div", { className: "flex flex-wrap -mx-2 -mt-2", children: [_jsx("div", { className: "w-full md:w-1/2 px-2 pt-2", children: _jsxs("div", { className: "flex flex-wrap items-center -mx-2 -mt-2", children: [_jsx("div", { className: "w-[83.333333%] sm:w-[75%] lg:w-[41.666667%] px-2 pt-2", children: _jsx("label", { className: "form-field-label", children: "Show Legal Links" }) }), _jsx("div", { className: "w-[16.666667%] sm:w-1/4 lg:w-[58.333333%] px-2 pt-2", children: _jsx(SolidSwitch, { name: "showLegalLinks", checked: formik.values.showLegalLinks, onChange: function (checked) { return formik.setFieldValue("showLegalLinks", checked); } }) })] }) }), _jsx("div", { className: "w-full md:w-1/2 px-2 pt-2", children: _jsxs("div", { className: "flex flex-wrap items-center -mx-2 -mt-2", children: [_jsx("div", { className: "w-full md:w-[41.666667%] px-2 pt-2 py-2 md:py-0", children: _jsx("label", { className: "form-field-label", children: "Terms and Conditions Link" }) }), _jsx("div", { className: "w-full md:w-[58.333333%] px-2 pt-2", children: _jsx(SolidInput, { type: "text", id: "appTnc", name: "appTnc", onChange: formik.handleChange, value: (_42 = formik.values.appTnc) !== null && _42 !== void 0 ? _42 : "", className: "w-full" }) })] }) }), _jsx("div", { className: "w-full md:w-1/2 px-2 pt-2 mt-4", children: _jsxs("div", { className: "flex flex-wrap items-center -mx-2 -mt-2", children: [_jsx("div", { className: "w-full md:w-[41.666667%] px-2 pt-2 pb-2 md:pb-0", children: _jsx("label", { className: "form-field-label", children: "Privacy Policy Link" }) }), _jsx("div", { className: "w-full md:w-[58.333333%] px-2 pt-2", children: _jsx(SolidInput, { type: "text", id: "appPrivacyPolicy", name: "appPrivacyPolicy", onChange: formik.handleChange, value: (_43 = formik.values.appPrivacyPolicy) !== null && _43 !== void 0 ? _43 : "", className: "w-full" }) })] }) })] }) }) }), _jsx(SolidDivider, { className: "my-6" }), _jsx("p", { className: "solid-settings-heading", children: "Theme" }), _jsx("div", { className: "flex flex-wrap -mx-2 -mt-2", children: _jsx("div", { className: "w-full lg:w-[83.333333%] xl:w-[66.666667%] px-2 pt-2", children: _jsx("div", { className: "flex flex-wrap -mx-2 -mt-2", children: _jsx("div", { className: "w-full md:w-1/2 px-2 pt-2", children: _jsxs("div", { className: "flex flex-wrap items-center -mx-2 -mt-2", children: [_jsx("div", { className: "w-[83.333333%] sm:w-[83.333333%] lg:w-[41.666667%] px-2 pt-2", children: _jsx("label", { className: "form-field-label", children: "Enable Dark Mode" }) }), _jsx("div", { className: "w-[16.666667%] sm:w-1/4 lg:w-[58.333333%] px-2 pt-2", 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: "flex flex-wrap -mx-2 -mt-2", children: _jsx("div", { className: "w-full lg:w-[83.333333%] xl:w-[66.666667%] px-2 pt-2", children: _jsxs("div", { className: "flex flex-wrap -mx-2 -mt-2", children: [_jsx("div", { className: "w-full px-2 pt-2", children: _jsxs("div", { className: "flex flex-wrap items-center -mx-2 -mt-2", children: [_jsx("div", { className: "w-[83.333333%] sm:w-[75%] lg:w-[41.666667%] px-2 pt-2", children: _jsx("label", { className: "form-field-label", children: "Public Registration" }) }), _jsx("div", { className: "w-[16.666667%] sm:w-1/4 lg:w-[58.333333%] px-2 pt-2", 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) {
+                                                                            } }) })] }) }), _jsx("div", { className: "w-full px-2 pt-2 mt-4", children: _jsxs("div", { className: "flex flex-wrap items-center -mx-2 -mt-2", children: [_jsx("div", { className: "w-[83.333333%] sm:w-[75%] lg:w-[41.666667%] px-2 pt-2", children: _jsx("label", { className: "form-field-label", children: "Password Based Authentication" }) }), _jsx("div", { className: "w-[16.666667%] sm:w-1/4 lg:w-[58.333333%] px-2 pt-2", 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) {
+                                                                            } }) })] }) }), _jsx("div", { className: "w-full px-2 pt-2 mt-4", children: _jsxs("div", { className: "flex flex-wrap items-center -mx-2 -mt-2", children: [_jsx("div", { className: "w-[83.333333%] sm:w-[75%] lg:w-[41.666667%] px-2 pt-2", children: _jsx("label", { className: "form-field-label", children: "Password Less Authentication" }) }), _jsx("div", { className: "w-[16.666667%] sm:w-1/4 lg:w-[58.333333%] px-2 pt-2", children: _jsx(SolidSwitch, { name: "passwordLessAuth", checked: formik.values.passwordLessAuth, onChange: function (checked) {
                                                                                 return formik.setFieldValue("passwordLessAuth", checked);
-                                                                            } }) })] }) }), _jsx("div", { className: "col-12 mt-3", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-10 sm:col-9 lg:col-5", children: _jsxs("label", { className: "form-field-label", children: ["Auto Activate User on Registration", " "] }) }), _jsx("div", { className: "col-2 sm:col-3 lg:col-7", children: _jsx(SolidSwitch, { name: "activateUserOnRegistration", checked: formik.values.activateUserOnRegistration, onChange: function (checked) {
+                                                                            } }) })] }) }), _jsx("div", { className: "w-full px-2 pt-2 mt-4", children: _jsxs("div", { className: "flex flex-wrap items-center -mx-2 -mt-2", children: [_jsx("div", { className: "w-[83.333333%] sm:w-[75%] lg:w-[41.666667%] px-2 pt-2", children: _jsxs("label", { className: "form-field-label", children: ["Auto Activate User on Registration", " "] }) }), _jsx("div", { className: "w-[16.666667%] sm:w-1/4 lg:w-[58.333333%] px-2 pt-2", children: _jsx(SolidSwitch, { name: "activateUserOnRegistration", checked: formik.values.activateUserOnRegistration, onChange: function (checked) {
                                                                                 return formik.setFieldValue("activateUserOnRegistration", checked);
-                                                                            } }) })] }) }), _jsx("div", { className: "col-12 mt-3", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-10 sm:col-9 lg:col-5", children: _jsxs("label", { className: "form-field-label", children: ["Allow Login/ Signup with Google", " "] }) }), _jsx("div", { className: "col-2 sm:col-3 lg:col-7", children: _jsx(SolidSwitch, { name: "iamGoogleOAuthEnabled", checked: formik.values.iamGoogleOAuthEnabled, onChange: function (checked) {
+                                                                            } }) })] }) }), _jsx("div", { className: "w-full px-2 pt-2 mt-4", children: _jsxs("div", { className: "flex flex-wrap items-center -mx-2 -mt-2", children: [_jsx("div", { className: "w-[83.333333%] sm:w-[75%] lg:w-[41.666667%] px-2 pt-2", children: _jsxs("label", { className: "form-field-label", children: ["Allow Login/ Signup with Google", " "] }) }), _jsx("div", { className: "w-[16.666667%] sm:w-1/4 lg:w-[58.333333%] px-2 pt-2", children: _jsx(SolidSwitch, { name: "iamGoogleOAuthEnabled", checked: formik.values.iamGoogleOAuthEnabled, onChange: function (checked) {
                                                                                 return formik.setFieldValue("iamGoogleOAuthEnabled", checked);
-                                                                            } }) })] }) }), _jsx("div", { className: "col-12 mt-3", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-10 sm:col-9 lg:col-5", children: _jsxs("label", { className: "form-field-label", children: ["Allow Login/ Signup with Microsoft", " "] }) }), _jsx("div", { className: "col-2 sm:col-3 lg:col-7", children: _jsx(SolidSwitch, { name: "iamMicrosoftOAuthEnabled", checked: formik.values.iamMicrosoftOAuthEnabled, onChange: function (checked) {
+                                                                            } }) })] }) }), _jsx("div", { className: "w-full px-2 pt-2 mt-4", children: _jsxs("div", { className: "flex flex-wrap items-center -mx-2 -mt-2", children: [_jsx("div", { className: "w-[83.333333%] sm:w-[75%] lg:w-[41.666667%] px-2 pt-2", children: _jsxs("label", { className: "form-field-label", children: ["Allow Login/ Signup with Microsoft", " "] }) }), _jsx("div", { className: "w-[16.666667%] sm:w-1/4 lg:w-[58.333333%] px-2 pt-2", children: _jsx(SolidSwitch, { name: "iamMicrosoftOAuthEnabled", checked: formik.values.iamMicrosoftOAuthEnabled, onChange: function (checked) {
                                                                                 return formik.setFieldValue("iamMicrosoftOAuthEnabled", checked);
-                                                                            } }) })] }) }), _jsx("div", { className: "col-12 mt-3", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-10 sm:col-9 lg:col-5", children: _jsxs("label", { className: "form-field-label", children: ["Allow Login/ Signup with Facebook", " "] }) }), _jsx("div", { className: "col-2 sm:col-3 lg:col-7", children: _jsx(SolidSwitch, { name: "iamFacebookOAuthEnabled", checked: formik.values.iamFacebookOAuthEnabled, onChange: function (checked) {
+                                                                            } }) })] }) }), _jsx("div", { className: "w-full px-2 pt-2 mt-4", children: _jsxs("div", { className: "flex flex-wrap items-center -mx-2 -mt-2", children: [_jsx("div", { className: "w-[83.333333%] sm:w-[75%] lg:w-[41.666667%] px-2 pt-2", children: _jsxs("label", { className: "form-field-label", children: ["Allow Login/ Signup with Facebook", " "] }) }), _jsx("div", { className: "w-[16.666667%] sm:w-1/4 lg:w-[58.333333%] px-2 pt-2", children: _jsx(SolidSwitch, { name: "iamFacebookOAuthEnabled", checked: formik.values.iamFacebookOAuthEnabled, onChange: function (checked) {
                                                                                 return formik.setFieldValue("iamFacebookOAuthEnabled", checked);
-                                                                            } }) })] }) }), _jsx("div", { className: "col-12 mt-3", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-10 sm:col-9 lg:col-5", children: _jsxs("label", { className: "form-field-label", children: ["Allow Login/ Signup with Apple", " "] }) }), _jsx("div", { className: "col-2 sm:col-3 lg:col-7", children: _jsx(SolidSwitch, { name: "iamAppleOAuthEnabled", checked: formik.values.iamAppleOAuthEnabled, onChange: function (checked) {
+                                                                            } }) })] }) }), _jsx("div", { className: "w-full px-2 pt-2 mt-4", children: _jsxs("div", { className: "flex flex-wrap items-center -mx-2 -mt-2", children: [_jsx("div", { className: "w-[83.333333%] sm:w-[75%] lg:w-[41.666667%] px-2 pt-2", children: _jsxs("label", { className: "form-field-label", children: ["Allow Login/ Signup with Apple", " "] }) }), _jsx("div", { className: "w-[16.666667%] sm:w-1/4 lg:w-[58.333333%] px-2 pt-2", children: _jsx(SolidSwitch, { name: "iamAppleOAuthEnabled", checked: formik.values.iamAppleOAuthEnabled, onChange: function (checked) {
                                                                                 return formik.setFieldValue("iamAppleOAuthEnabled", checked);
-                                                                            } }) })] }) }), _jsx("div", { className: "col-12 mt-3", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-10 sm:col-9 lg:col-5", children: _jsxs("label", { className: "form-field-label", children: ["Force Password change on first Login", " "] }) }), _jsx("div", { className: "col-2 sm:col-3 lg:col-7", children: _jsx(SolidSwitch, { name: "forceChangePasswordOnFirstLogin", checked: formik.values.forceChangePasswordOnFirstLogin, onChange: function (checked) {
+                                                                            } }) })] }) }), _jsx("div", { className: "w-full px-2 pt-2 mt-4", children: _jsxs("div", { className: "flex flex-wrap items-center -mx-2 -mt-2", children: [_jsx("div", { className: "w-[83.333333%] sm:w-[75%] lg:w-[41.666667%] px-2 pt-2", children: _jsxs("label", { className: "form-field-label", children: ["Force Password change on first Login", " "] }) }), _jsx("div", { className: "w-[16.666667%] sm:w-1/4 lg:w-[58.333333%] px-2 pt-2", 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
+                                                                            } }) })] }) }), formik.values.passwordLessAuth === true && (_jsx("div", { className: "w-full px-2 pt-2 mt-4", children: _jsxs("div", { className: "flex flex-wrap items-center -mx-2 -mt-2", children: [_jsx("div", { className: "w-full sm:w-full lg:w-[41.666667%] xl:w-[41.666667%] px-2 pt-2", children: _jsx("label", { className: "form-field-label", children: "Password Less Registration Method" }) }), _jsx("div", { className: "w-full sm:w-full lg:w-1/2 xl:w-1/2 px-2 pt-2", children: _jsx(SolidSegmentedControl, { className: "solid-settings-segmented mt-4 lg:mt-0", value: formik.values
                                                                                 .passwordlessRegistrationValidateWhat, options: [
                                                                                 { value: "email", label: "Email" },
                                                                                 { value: "mobile", label: "Mobile" },
                                                                             ], onChange: function (value) {
                                                                                 return formik.setFieldValue("passwordlessRegistrationValidateWhat", value);
-                                                                            } }) })] }) })), formik.values.passwordLessAuth === true && (_jsx("div", { className: "col-12 mt-3", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-12 sm:col-12 lg:col-5 xl:col-5", children: _jsx("label", { className: "form-field-label", children: "Password Less Login Method" }) }), _jsx("div", { className: "col-12 sm:col-12 lg:col-6 xl:col-6", children: _jsx(SolidSegmentedControl, { className: "solid-settings-segmented mt-3 lg:mt-0", value: formik.values.passwordlessLoginValidateWhat, options: [
+                                                                            } }) })] }) })), formik.values.passwordLessAuth === true && (_jsx("div", { className: "w-full px-2 pt-2 mt-4", children: _jsxs("div", { className: "flex flex-wrap items-center -mx-2 -mt-2", children: [_jsx("div", { className: "w-full sm:w-full lg:w-[41.666667%] xl:w-[41.666667%] px-2 pt-2", children: _jsx("label", { className: "form-field-label", children: "Password Less Login Method" }) }), _jsx("div", { className: "w-full sm:w-full lg:w-1/2 xl:w-1/2 px-2 pt-2", children: _jsx(SolidSegmentedControl, { className: "solid-settings-segmented mt-4 lg:mt-0", value: formik.values.passwordlessLoginValidateWhat, options: [
                                                                                 { value: "email", label: "Email" },
                                                                                 { value: "mobile", label: "Mobile" },
                                                                                 {
@@ -473,13 +473,13 @@ export var GeneralSettings = function () {
                                                                                 },
                                                                             ], onChange: function (value) {
                                                                                 return formik.setFieldValue("passwordlessLoginValidateWhat", value);
-                                                                            } }) })] }) }))] }) }) }), _jsx(SolidDivider, { className: "my-4" }), _jsx("p", { className: "solid-settings-heading", children: "Authentication Screen Layout" }), _jsx("div", { className: "formgrid grid", children: _jsxs("div", { className: "col-12 lg:col-10 xl:col-8", children: [_jsx(SolidSegmentedControl, { className: "solid-settings-segmented", value: formik.values.authPagesLayout, options: [
+                                                                            } }) })] }) }))] }) }) }), _jsx(SolidDivider, { className: "my-6" }), _jsx("p", { className: "solid-settings-heading", children: "Authentication Screen Layout" }), _jsx("div", { className: "flex flex-wrap -mx-2 -mt-2", children: _jsxs("div", { className: "w-full lg:w-[83.333333%] xl:w-[66.666667%] px-2 pt-2", children: [_jsx(SolidSegmentedControl, { className: "solid-settings-segmented", value: formik.values.authPagesLayout, options: [
                                                             { value: "left", label: "Left" },
                                                             { value: "center", label: "Center" },
                                                             { value: "right", label: "Right" },
                                                         ], onChange: function (value) {
                                                             return formik.setFieldValue("authPagesLayout", value);
-                                                        } }), _jsxs("p", { className: "mt-3 text-sm font-bold", children: ["Note :", " ", positionMap[formik.values.authPagesLayout]] })] }) }), formik.values.authPagesLayout === "center" && _jsx(_Fragment, {}), _jsx("div", { className: "formgrid grid", children: _jsx("div", { className: "col-12 lg:col-10 xl:col-8", children: _jsx("div", { className: "formgrid grid", children: _jsxs("div", { className: "col-12 md:col-8 lg:col-6", children: [_jsxs("p", { className: "solid-settings-subheading", children: [formik.values.authPagesLayout === "center"
+                                                        } }), _jsxs("p", { className: "mt-4 text-sm font-bold", children: ["Note :", " ", positionMap[formik.values.authPagesLayout]] })] }) }), formik.values.authPagesLayout === "center" && _jsx(_Fragment, {}), _jsx("div", { className: "flex flex-wrap -mx-2 -mt-2", children: _jsx("div", { className: "w-full lg:w-[83.333333%] xl:w-[66.666667%] px-2 pt-2", children: _jsx("div", { className: "flex flex-wrap -mx-2 -mt-2", children: _jsxs("div", { className: "w-full md:w-[66.666667%] lg:w-1/2 px-2 pt-2", children: [_jsxs("p", { className: "solid-settings-subheading", children: [formik.values.authPagesLayout === "center"
                                                                         ? "Background"
                                                                         : "Banner", " ", "Image"] }), formik.values.authPagesLayout === "left" && (_jsxs("div", { children: [_jsxs("div", __assign({}, getAuthScreenLeftBackgroundImageRootProps(), { className: "solid-dropzone-wrapper", style: { borderRadius: 8 }, children: [_jsx("input", __assign({}, getAuthScreenLeftBackgroundImageInputProps())), _jsx(SettingDropzoneActivePlaceholder, { note: "Recommended: 724×724px | Aspect ratio: 1:1" })] })), _jsx("div", { className: "mt-2", children: (function () {
                                                                             var logoSrc = AuthScreenLeftBackgroundImage
@@ -531,7 +531,7 @@ 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" })] })), pathname.includes("misc-settings") && (_jsxs(_Fragment, { children: [_jsx("p", { className: "solid-settings-heading", children: "Contact Support" }), _jsx("div", { className: 'formgrid grid', children: _jsx("div", { className: "col-12 lg:col-10 xl:col-8", children: _jsxs("div", { className: 'formgrid grid', children: [_jsx("div", { className: "col-12 md:col-6 pb-3 md:pb-0", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-12 md:col-5 pb-2 md:pb-0", children: _jsx("label", { className: "form-field-label", children: "Contact Support Email" }) }), _jsx("div", { className: "col-12 md:col-7", children: _jsx(SolidInput, { type: "text", id: "contactSupportEmail", name: "contactSupportEmail", onChange: formik.handleChange, value: (_44 = formik.values.contactSupportEmail) !== null && _44 !== void 0 ? _44 : '', className: 'w-full' }) })] }) }), _jsx("div", { className: "col-12 md:col-6", children: _jsxs("div", { className: "formgrid grid align-items-center", children: [_jsx("div", { className: "col-12 md:col-5 pb-2 md:pb-0", children: _jsx("label", { className: "form-field-label", children: "Display Name" }) }), _jsx("div", { className: "col-12 md:col-7", children: _jsx(SolidInput, { type: "text", id: "contactSupportDisplayName", name: "contactSupportDisplayName", onChange: formik.handleChange, value: (_45 = formik.values.contactSupportDisplayName) !== null && _45 !== void 0 ? _45 : '', className: 'w-full' }) })] }) })] }) }) })] })), pathname.includes("ai-settings") &&
+                                                                        })() }), formik.values.authScreenCenterBackgroundImage && (_jsx(SettingsImageRemoveButton, { onClick: removeAuthScreenCenterBackgroundImage }))] }))] }) }) }) }), _jsx(SolidDivider, { className: "my-6" })] })), pathname.includes("misc-settings") && (_jsxs(_Fragment, { children: [_jsx("p", { className: "solid-settings-heading", children: "Contact Support" }), _jsx("div", { className: 'flex flex-wrap -mx-2 -mt-2', children: _jsx("div", { className: "w-full lg:w-[83.333333%] xl:w-[66.666667%] px-2 pt-2", children: _jsxs("div", { className: 'flex flex-wrap -mx-2 -mt-2', children: [_jsx("div", { className: "w-full md:w-1/2 px-2 pt-2 pb-4 md:pb-0", children: _jsxs("div", { className: "flex flex-wrap items-center -mx-2 -mt-2", children: [_jsx("div", { className: "w-full md:w-[41.666667%] px-2 pt-2 pb-2 md:pb-0", children: _jsx("label", { className: "form-field-label", children: "Contact Support Email" }) }), _jsx("div", { className: "w-full md:w-[58.333333%] px-2 pt-2", children: _jsx(SolidInput, { type: "text", id: "contactSupportEmail", name: "contactSupportEmail", onChange: formik.handleChange, value: (_44 = formik.values.contactSupportEmail) !== null && _44 !== void 0 ? _44 : '', className: 'w-full' }) })] }) }), _jsx("div", { className: "w-full md:w-1/2 px-2 pt-2", children: _jsxs("div", { className: "flex flex-wrap items-center -mx-2 -mt-2", children: [_jsx("div", { className: "w-full md:w-[41.666667%] px-2 pt-2 pb-2 md:pb-0", children: _jsx("label", { className: "form-field-label", children: "Display Name" }) }), _jsx("div", { className: "w-full md:w-[58.333333%] px-2 pt-2", children: _jsx(SolidInput, { type: "text", id: "contactSupportDisplayName", name: "contactSupportDisplayName", onChange: formik.handleChange, value: (_45 = formik.values.contactSupportDisplayName) !== null && _45 !== void 0 ? _45 : '', className: 'w-full' }) })] }) })] }) }) })] })), pathname.includes("ai-settings") &&
                                     _jsx(AiSettingsSection, { aiConfig: formik.values.solidXGenAiCodeBuilderConfig, onAiConfigChange: handleAiConfigChange }), pathname.includes("api-keys") && ((_46 = session === null || session === void 0 ? void 0 : session.user) === null || _46 === void 0 ? void 0 : _46.id) &&
                                     _jsx(ApiKeysTab, { userId: session.user.id, canCreate: (_48 = (_47 = session === null || session === void 0 ? void 0 : session.user) === null || _47 === void 0 ? void 0 : _47.isAllowedToGenerateApiKeys) !== null && _48 !== void 0 ? _48 : false })] })] }) }) }) }));
 };