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

package/dist/components/auth/SolidInitiateRegisterOtp.js

@@ -201,7 +201,7 @@ var SolidInitiateRegisterOtp = function () {
                                                     ? "You can resend now."
                                                     : "Time left: ".concat(Math.floor(timeLeft / 60)
                                                         .toString()
-                                                        .padStart(2, "0"), ":").concat((timeLeft % 60).toString().padStart(2, "0")) })] }), _jsxs("div", { className: "mt-4", children: [_jsx(SolidButton, { type: "submit", className: "w-full font-light auth-submit-button", label: "Verify", disabled: formik.isSubmitting, loading: formik.isSubmitting }), _jsx(SolidButton, { type: "button", label: "Back", className: "w-full auth-back-button text-center mt-1", text: true, onClick: function () { return (window.location.href = '/auth/login'); } })] })] }));
+                                                        .padStart(2, "0"), ":").concat((timeLeft % 60).toString().padStart(2, "0")) })] }), _jsxs("div", { className: "mt-6", children: [_jsx(SolidButton, { type: "submit", className: "w-full font-light auth-submit-button", label: "Verify", disabled: formik.isSubmitting, loading: formik.isSubmitting }), _jsx(SolidButton, { type: "button", label: "Back", className: "w-full auth-back-button text-center mt-1", text: true, onClick: function () { return (window.location.href = '/auth/login'); } })] })] }));
                         } }) })] }) }));
 };
 export default SolidInitiateRegisterOtp;

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

@@ -1 +1 @@
-{"version":3,"file":"SolidInitiateRegisterOtp.js","sourceRoot":"","sources":["../../../src/components/auth/SolidInitiateRegisterOtp.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useConfirmOtpRegisterMutation, useInitateRegisterMutation } from \"../../redux/api/authApi\";\nimport { Form, Formik } from \"formik\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { useSearchParams } from \"../../hooks/useSearchParams\";\nimport { useEffect, useState } from \"react\";\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, SolidIcon, SolidMessage, SolidOtpInput } from \"../shad-cn-ui\";\nimport { useAuthSettings } from \"./AuthSettingsContext\";\n\nconst SolidInitiateRegisterOtp = () => {\n    const searchParams = useSearchParams();\n    const { solidSettingsData } = useAuthSettings();\n    const settingValidationType = solidSettingsData?.data?.passwordlessRegistrationValidateWhat === \"mobile\" ? \"mobile\" : \"email\";\n    const queryType = searchParams.get('type');\n    const validationType: \"email\" | \"mobile\" = queryType === \"mobile\" || queryType === \"email\"\n        ? (queryType as \"email\" | \"mobile\")\n        : settingValidationType;\n    const tempEmail = searchParams.get('email');\n    const email = tempEmail ? decodeURIComponent(tempEmail) : '';\n    const tempMobile = searchParams.get('mobile');\n    const mobile = tempMobile ? decodeURIComponent(tempMobile) : '';\n    const tempIdentifier = searchParams.get('identifier');\n    const identifier = tempIdentifier\n        ? decodeURIComponent(tempIdentifier)\n        : (validationType === \"mobile\" ? mobile : email);\n    const RESEND_OTP_KEY = `resendOtpRegister_${identifier}`;\n    const RESEND_OTP_TIMER_MIN = parseFloat(env(\"NEXT_PUBLIC_RESEND_OTP_TIMER\") || '0.5');\n    const RESEND_OTP_TIMER = Math.round(RESEND_OTP_TIMER_MIN * 60);\n    const username = searchParams.get('username') || '';\n\n\n    const [initiateResendOTP] = useInitateRegisterMutation();\n    const [initiateOtpRegister] = useConfirmOtpRegisterMutation();\n    const dispatch = useDispatch();\n    const router = useRouter();\n    const [timeLeft, setTimeLeft] = useState(RESEND_OTP_TIMER);\n    const [resendEnabled, setResendEnabled] = useState(false);\n\n    useEffect(() => {\n\n        // Set timer if not already set (e.g., after login)\n        const storedTime = localStorage.getItem(RESEND_OTP_KEY);\n        if (!storedTime) {\n            localStorage.setItem(RESEND_OTP_KEY, Date.now().toString());\n        }\n\n        const lastSent = storedTime ? parseInt(storedTime, 10) : Date.now();\n        const elapsed = Math.floor((Date.now() - lastSent) / 1000);\n        const remaining = RESEND_OTP_TIMER - elapsed;\n\n        if (remaining > 0) {\n            setTimeLeft(remaining);\n            setResendEnabled(false);\n        } else {\n            setTimeLeft(0);\n            setResendEnabled(true);\n        }\n    }, [identifier]);\n\n    useEffect(() => {\n        if (resendEnabled || timeLeft <= 0) return;\n\n        const interval = setInterval(() => {\n            setTimeLeft((prev) => {\n                if (prev <= 1) {\n                    clearInterval(interval);\n                    setResendEnabled(true);\n                    return 0;\n                }\n                return prev - 1;\n            });\n        }, 1000);\n\n        return () => clearInterval(interval);\n    }, [resendEnabled, timeLeft]);\n\n    const validationSchema = Yup.object({\n        otp: Yup.string()\n            .matches(/^\\d{6}$/, ERROR_MESSAGES.OTP_CHARACTER(6))\n            .required(ERROR_MESSAGES.FIELD_REUQIRED('OTP')),\n    });\n\n    const isFormFieldValid = (formik: any, fieldName: string) =>\n        formik.touched[fieldName] && formik.errors[fieldName];\n\n    const handleResendOtp = async () => {\n        try {\n            const payload: Record<string, any> = {\n                username: username,\n                validationSources: [validationType],\n            };\n            if (validationType === \"mobile\") {\n                payload.mobile = identifier;\n            } else {\n                payload.email = identifier;\n            }\n\n            const response = await initiateResendOTP(payload).unwrap();\n\n            if (response?.statusCode === 200) {\n                // dispatch(showToast({ severity: \"success\", summary: ERROR_MESSAGES.OPT_RESEND, detail: response?.data?.message }));\n                localStorage.setItem(RESEND_OTP_KEY, Date.now().toString());\n                setTimeLeft(RESEND_OTP_TIMER);\n                setResendEnabled(false);\n            } else {\n                dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.LOGIN_ERROR, detail: response.error }));\n            }\n        } catch (err: any) {\n            dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.LOGIN_ERROR, detail: err?.data?.message || ERROR_MESSAGES.SOMETHING_WRONG }));\n        }\n    };\n\n    return (\n        <>\n            <div className={`auth-container ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'center' : 'side'}`}>\n                <h2 className=\"solid-auth-title\">OTP verification</h2>\n                <p className=\"solid-auth-helper\">\n                    Please enter the OTP sent to your {validationType === \"mobile\" ? \"mobile\" : \"email\"} to complete verification{\" \"}\n                    <span className=\"solid-auth-helper-emphasis\">{identifier}</span>\n                </p>\n                <>\n                    <Formik\n                        initialValues={{\n                            otp: \"\",\n                        }}\n                        validationSchema={validationSchema}\n                        onSubmit={async (values, { setSubmitting, setErrors }) => {\n                            try {\n                                const payload = {\n                                    type: validationType,\n                                    identifier,\n                                    otp: values.otp\n                                };\n\n                                const response = await initiateOtpRegister(payload).unwrap(); // Call mutation trigger\n\n                                if (response?.statusCode === 200) {\n                                    localStorage.removeItem(`resendOtpRegister_${identifier}`);\n                                    dispatch(showToast({ severity: \"success\", summary: ERROR_MESSAGES.LOGIN_SUCCESSFULLY, detail: \"Login\" }));\n                                    router.push(`/auth/login`);\n                                } else {\n                                    dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.INAVLID_OTP, detail: response.error }));\n                                    setErrors({\n                                        otp: ERROR_MESSAGES.INAVLID_OTP,\n                                    });\n                                }\n                            } catch (err: any) {\n                                dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.LOGIN_ERROR, detail: err?.data ? err?.data?.message : ERROR_MESSAGES.SOMETHING_WRONG }));\n                            } finally {\n                                setSubmitting(false);\n                            }\n                        }}\n                    >\n                        {(formik) => (\n                            <Form>\n                                <div className=\"solid-auth-otp-field\">\n                                    <div className=\"solid-auth-otp-top\">\n                                        <label htmlFor=\"otp\" className=\"solid-auth-input-label\">Verification code</label>\n                                        <SolidButton\n                                            type=\"button\"\n                                            variant=\"outline\"\n                                            size=\"sm\"\n                                            className=\"solid-auth-otp-resend\"\n                                            onClick={handleResendOtp}\n                                            disabled={!resendEnabled}\n                                            leftIcon={<SolidIcon name=\"si-refresh\" aria-hidden />}\n                                        >\n                                            Resend code\n                                        </SolidButton>\n                                    </div>\n                                    <SolidOtpInput\n                                        id=\"otp\"\n                                        className=\"solid-auth-otp-input\"\n                                        value={formik.values.otp}\n                                        onChange={(nextValue) => formik.setFieldValue(\"otp\", nextValue)}\n                                        length={6}\n                                        integerOnly\n                                        invalid={!!formik.errors.otp}\n                                    />\n                                    {isFormFieldValid(formik, \"otp\") && (\n                                        <SolidMessage className=\"text-red-500 text-sm\" severity=\"error\" text={formik.errors.otp?.toString()} />\n                                    )}\n                                    <p className=\"solid-auth-otp-time\">\n                                        {resendEnabled\n                                            ? \"You can resend now.\"\n                                            : `Time left: ${Math.floor(timeLeft / 60)\n                                                .toString()\n                                                .padStart(2, \"0\")}:${(timeLeft % 60).toString().padStart(2, \"0\")}`}\n                                    </p>\n                                </div>\n                                <div className=\"mt-4\">\n                                    <SolidButton\n                                        type=\"submit\"\n                                        className=\"w-full font-light auth-submit-button\"\n                                        label=\"Verify\"\n                                        disabled={formik.isSubmitting}\n                                        loading={formik.isSubmitting}\n                                    />\n                                    <SolidButton\n                                        type=\"button\"\n                                        label=\"Back\"\n                                        className=\"w-full auth-back-button text-center mt-1\"\n                                        text\n                                        onClick={() => (window.location.href = '/auth/login')}\n                                    />\n                                </div>\n                            </Form>\n                        )}\n                    </Formik>\n                </>\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 SolidInitiateRegisterOtp;\n"]}
+{"version":3,"file":"SolidInitiateRegisterOtp.js","sourceRoot":"","sources":["../../../src/components/auth/SolidInitiateRegisterOtp.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useConfirmOtpRegisterMutation, useInitateRegisterMutation } from \"../../redux/api/authApi\";\nimport { Form, Formik } from \"formik\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { useSearchParams } from \"../../hooks/useSearchParams\";\nimport { useEffect, useState } from \"react\";\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, SolidIcon, SolidMessage, SolidOtpInput } from \"../shad-cn-ui\";\nimport { useAuthSettings } from \"./AuthSettingsContext\";\n\nconst SolidInitiateRegisterOtp = () => {\n    const searchParams = useSearchParams();\n    const { solidSettingsData } = useAuthSettings();\n    const settingValidationType = solidSettingsData?.data?.passwordlessRegistrationValidateWhat === \"mobile\" ? \"mobile\" : \"email\";\n    const queryType = searchParams.get('type');\n    const validationType: \"email\" | \"mobile\" = queryType === \"mobile\" || queryType === \"email\"\n        ? (queryType as \"email\" | \"mobile\")\n        : settingValidationType;\n    const tempEmail = searchParams.get('email');\n    const email = tempEmail ? decodeURIComponent(tempEmail) : '';\n    const tempMobile = searchParams.get('mobile');\n    const mobile = tempMobile ? decodeURIComponent(tempMobile) : '';\n    const tempIdentifier = searchParams.get('identifier');\n    const identifier = tempIdentifier\n        ? decodeURIComponent(tempIdentifier)\n        : (validationType === \"mobile\" ? mobile : email);\n    const RESEND_OTP_KEY = `resendOtpRegister_${identifier}`;\n    const RESEND_OTP_TIMER_MIN = parseFloat(env(\"NEXT_PUBLIC_RESEND_OTP_TIMER\") || '0.5');\n    const RESEND_OTP_TIMER = Math.round(RESEND_OTP_TIMER_MIN * 60);\n    const username = searchParams.get('username') || '';\n\n\n    const [initiateResendOTP] = useInitateRegisterMutation();\n    const [initiateOtpRegister] = useConfirmOtpRegisterMutation();\n    const dispatch = useDispatch();\n    const router = useRouter();\n    const [timeLeft, setTimeLeft] = useState(RESEND_OTP_TIMER);\n    const [resendEnabled, setResendEnabled] = useState(false);\n\n    useEffect(() => {\n\n        // Set timer if not already set (e.g., after login)\n        const storedTime = localStorage.getItem(RESEND_OTP_KEY);\n        if (!storedTime) {\n            localStorage.setItem(RESEND_OTP_KEY, Date.now().toString());\n        }\n\n        const lastSent = storedTime ? parseInt(storedTime, 10) : Date.now();\n        const elapsed = Math.floor((Date.now() - lastSent) / 1000);\n        const remaining = RESEND_OTP_TIMER - elapsed;\n\n        if (remaining > 0) {\n            setTimeLeft(remaining);\n            setResendEnabled(false);\n        } else {\n            setTimeLeft(0);\n            setResendEnabled(true);\n        }\n    }, [identifier]);\n\n    useEffect(() => {\n        if (resendEnabled || timeLeft <= 0) return;\n\n        const interval = setInterval(() => {\n            setTimeLeft((prev) => {\n                if (prev <= 1) {\n                    clearInterval(interval);\n                    setResendEnabled(true);\n                    return 0;\n                }\n                return prev - 1;\n            });\n        }, 1000);\n\n        return () => clearInterval(interval);\n    }, [resendEnabled, timeLeft]);\n\n    const validationSchema = Yup.object({\n        otp: Yup.string()\n            .matches(/^\\d{6}$/, ERROR_MESSAGES.OTP_CHARACTER(6))\n            .required(ERROR_MESSAGES.FIELD_REUQIRED('OTP')),\n    });\n\n    const isFormFieldValid = (formik: any, fieldName: string) =>\n        formik.touched[fieldName] && formik.errors[fieldName];\n\n    const handleResendOtp = async () => {\n        try {\n            const payload: Record<string, any> = {\n                username: username,\n                validationSources: [validationType],\n            };\n            if (validationType === \"mobile\") {\n                payload.mobile = identifier;\n            } else {\n                payload.email = identifier;\n            }\n\n            const response = await initiateResendOTP(payload).unwrap();\n\n            if (response?.statusCode === 200) {\n                // dispatch(showToast({ severity: \"success\", summary: ERROR_MESSAGES.OPT_RESEND, detail: response?.data?.message }));\n                localStorage.setItem(RESEND_OTP_KEY, Date.now().toString());\n                setTimeLeft(RESEND_OTP_TIMER);\n                setResendEnabled(false);\n            } else {\n                dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.LOGIN_ERROR, detail: response.error }));\n            }\n        } catch (err: any) {\n            dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.LOGIN_ERROR, detail: err?.data?.message || ERROR_MESSAGES.SOMETHING_WRONG }));\n        }\n    };\n\n    return (\n        <>\n            <div className={`auth-container ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'center' : 'side'}`}>\n                <h2 className=\"solid-auth-title\">OTP verification</h2>\n                <p className=\"solid-auth-helper\">\n                    Please enter the OTP sent to your {validationType === \"mobile\" ? \"mobile\" : \"email\"} to complete verification{\" \"}\n                    <span className=\"solid-auth-helper-emphasis\">{identifier}</span>\n                </p>\n                <>\n                    <Formik\n                        initialValues={{\n                            otp: \"\",\n                        }}\n                        validationSchema={validationSchema}\n                        onSubmit={async (values, { setSubmitting, setErrors }) => {\n                            try {\n                                const payload = {\n                                    type: validationType,\n                                    identifier,\n                                    otp: values.otp\n                                };\n\n                                const response = await initiateOtpRegister(payload).unwrap(); // Call mutation trigger\n\n                                if (response?.statusCode === 200) {\n                                    localStorage.removeItem(`resendOtpRegister_${identifier}`);\n                                    dispatch(showToast({ severity: \"success\", summary: ERROR_MESSAGES.LOGIN_SUCCESSFULLY, detail: \"Login\" }));\n                                    router.push(`/auth/login`);\n                                } else {\n                                    dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.INAVLID_OTP, detail: response.error }));\n                                    setErrors({\n                                        otp: ERROR_MESSAGES.INAVLID_OTP,\n                                    });\n                                }\n                            } catch (err: any) {\n                                dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.LOGIN_ERROR, detail: err?.data ? err?.data?.message : ERROR_MESSAGES.SOMETHING_WRONG }));\n                            } finally {\n                                setSubmitting(false);\n                            }\n                        }}\n                    >\n                        {(formik) => (\n                            <Form>\n                                <div className=\"solid-auth-otp-field\">\n                                    <div className=\"solid-auth-otp-top\">\n                                        <label htmlFor=\"otp\" className=\"solid-auth-input-label\">Verification code</label>\n                                        <SolidButton\n                                            type=\"button\"\n                                            variant=\"outline\"\n                                            size=\"sm\"\n                                            className=\"solid-auth-otp-resend\"\n                                            onClick={handleResendOtp}\n                                            disabled={!resendEnabled}\n                                            leftIcon={<SolidIcon name=\"si-refresh\" aria-hidden />}\n                                        >\n                                            Resend code\n                                        </SolidButton>\n                                    </div>\n                                    <SolidOtpInput\n                                        id=\"otp\"\n                                        className=\"solid-auth-otp-input\"\n                                        value={formik.values.otp}\n                                        onChange={(nextValue) => formik.setFieldValue(\"otp\", nextValue)}\n                                        length={6}\n                                        integerOnly\n                                        invalid={!!formik.errors.otp}\n                                    />\n                                    {isFormFieldValid(formik, \"otp\") && (\n                                        <SolidMessage className=\"text-red-500 text-sm\" severity=\"error\" text={formik.errors.otp?.toString()} />\n                                    )}\n                                    <p className=\"solid-auth-otp-time\">\n                                        {resendEnabled\n                                            ? \"You can resend now.\"\n                                            : `Time left: ${Math.floor(timeLeft / 60)\n                                                .toString()\n                                                .padStart(2, \"0\")}:${(timeLeft % 60).toString().padStart(2, \"0\")}`}\n                                    </p>\n                                </div>\n                                <div className=\"mt-6\">\n                                    <SolidButton\n                                        type=\"submit\"\n                                        className=\"w-full font-light auth-submit-button\"\n                                        label=\"Verify\"\n                                        disabled={formik.isSubmitting}\n                                        loading={formik.isSubmitting}\n                                    />\n                                    <SolidButton\n                                        type=\"button\"\n                                        label=\"Back\"\n                                        className=\"w-full auth-back-button text-center mt-1\"\n                                        text\n                                        onClick={() => (window.location.href = '/auth/login')}\n                                    />\n                                </div>\n                            </Form>\n                        )}\n                    </Formik>\n                </>\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 SolidInitiateRegisterOtp;\n"]}

package/dist/components/auth/SolidInitiateRegisterOtp.tsx

@@ -192,7 +192,7 @@ const SolidInitiateRegisterOtp = () => {
                                                 .padStart(2, "0")}:${(timeLeft % 60).toString().padStart(2, "0")}`}
                                     </p>
                                 </div>
-                                <div className="mt-4">
+                                <div className="mt-6">
                                     <SolidButton
                                         type="submit"
                                         className="w-full font-light auth-submit-button"
@@ -213,7 +213,7 @@ const SolidInitiateRegisterOtp = () => {
                     </Formik>
                 </>
             </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/auth/SolidLogin.js

@@ -123,7 +123,7 @@ var SolidLogin = function (_a) {
                 });
             }, children: function (formik) {
                 var _a, _b, _c, _d;
-                return (_jsxs(Form, { children: [_jsxs("div", { className: "flex flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "email", className: "solid-auth-input-label", children: signInValidatorLabel ? signInValidatorLabel : "Username or Email" }), _jsx(SolidInput, { id: "identifier", name: "identifier", placeholder: signInValidatorPlaceholder ? signInValidatorPlaceholder : "Email or Username", onChange: formik.handleChange, value: formik.values.identifier, onBlur: formik.handleBlur, "aria-invalid": !!isFormFieldValid(formik, "identifier"), className: "w-full", autoComplete: "off" }), isFormFieldValid(formik, "identifier") && (_jsx(SolidMessage, { className: "text-red-500 text-sm", severity: "error", text: (_b = (_a = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _a === void 0 ? void 0 : _a.identifier) === null || _b === void 0 ? void 0 : _b.toString() }))] }), _jsxs("div", { className: "flex flex-column gap-1 mt-4", style: {}, children: [_jsxs("div", { className: "flex align-items-center justify-content-between", children: [_jsx("label", { htmlFor: "password", className: "solid-auth-input-label", children: "Password" }), _jsx(Link, { href: "/auth/initiate-forgot-password", className: "solid-auth-inline-link", tabIndex: -1, children: "Forgot your password?" })] }), _jsx(SolidPasswordInput, { id: "password", name: "password", value: formik.values.password, onChange: formik.handleChange, toggle: true, className: "w-full", "aria-invalid": !!isFormFieldValid(formik, "password"), autoComplete: "off" }), isFormFieldValid(formik, "password") && (_jsx(SolidMessage, { className: "text-red-500 text-sm", severity: "error", text: (_d = (_c = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _c === void 0 ? void 0 : _c.password) === null || _d === void 0 ? void 0 : _d.toString() }))] }), _jsx("div", { className: "mt-4", children: _jsx(SolidButton, { type: "submit", className: "w-full font-light auth-submit-button", label: "Sign In", disabled: formik.isSubmitting, loading: formik.isSubmitting }) })] }));
+                return (_jsxs(Form, { children: [_jsxs("div", { className: "flex flex-col gap-2 mt-4", children: [_jsx("label", { htmlFor: "email", className: "solid-auth-input-label", children: signInValidatorLabel ? signInValidatorLabel : "Username or Email" }), _jsx(SolidInput, { id: "identifier", name: "identifier", placeholder: signInValidatorPlaceholder ? signInValidatorPlaceholder : "Email or Username", onChange: formik.handleChange, value: formik.values.identifier, onBlur: formik.handleBlur, "aria-invalid": !!isFormFieldValid(formik, "identifier"), className: "w-full", autoComplete: "off" }), isFormFieldValid(formik, "identifier") && (_jsx(SolidMessage, { className: "text-red-500 text-sm", severity: "error", text: (_b = (_a = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _a === void 0 ? void 0 : _a.identifier) === null || _b === void 0 ? void 0 : _b.toString() }))] }), _jsxs("div", { className: "flex flex-col gap-1 mt-4", style: {}, children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("label", { htmlFor: "password", className: "solid-auth-input-label", children: "Password" }), _jsx(Link, { href: "/auth/initiate-forgot-password", className: "solid-auth-inline-link", tabIndex: -1, children: "Forgot your password?" })] }), _jsx(SolidPasswordInput, { id: "password", name: "password", value: formik.values.password, onChange: formik.handleChange, toggle: true, className: "w-full", "aria-invalid": !!isFormFieldValid(formik, "password"), autoComplete: "off" }), isFormFieldValid(formik, "password") && (_jsx(SolidMessage, { className: "text-red-500 text-sm", severity: "error", text: (_d = (_c = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _c === void 0 ? void 0 : _c.password) === null || _d === void 0 ? void 0 : _d.toString() }))] }), _jsx("div", { className: "mt-6", children: _jsx(SolidButton, { type: "submit", className: "w-full font-light auth-submit-button", label: "Sign In", disabled: formik.isSubmitting, loading: formik.isSubmitting }) })] }));
             } }));
     };
     var PasswordLessLogin = function () {
@@ -248,13 +248,13 @@ var SolidLogin = function (_a) {
                 });
             }, children: function (formik) {
                 var _a, _b, _c, _d;
-                return (_jsxs(Form, { children: [validationType === "selectable" && (_jsxs("div", { className: "flex flex-column gap-3 mt-3", children: [_jsx("label", { className: "solid-auth-input-label", children: "Select Authentication Method" }), _jsx(SolidRadioGroup, { name: "authMethod", value: selectedAuthMethod, options: [
+                return (_jsxs(Form, { children: [validationType === "selectable" && (_jsxs("div", { className: "flex flex-col gap-4 mt-4", children: [_jsx("label", { className: "solid-auth-input-label", children: "Select Authentication Method" }), _jsx(SolidRadioGroup, { name: "authMethod", value: selectedAuthMethod, options: [
                                         { label: "Email / Username", value: "email" },
                                         { label: "Mobile / Username", value: "mobile" },
                                     ], onChange: function (value) {
                                         setSelectedAuthMethod(value);
                                         formik.setFieldValue("identifier", "");
-                                    }, className: "solid-auth-radio-options flex gap-4 flex-wrap" })] })), _jsxs("div", { className: "flex flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "identifier", className: "solid-auth-input-label", children: fieldConfig.label }), _jsx(SolidInput, { id: "identifier", name: "identifier", placeholder: fieldConfig.placeholder, onChange: formik.handleChange, value: formik.values.identifier, onBlur: formik.handleBlur, "aria-invalid": !!isFormFieldValid(formik, "identifier"), className: "w-full", autoComplete: "off" }), isFormFieldValid(formik, "identifier") && (_jsx(SolidMessage, { className: "text-red-500 text-sm", severity: "error", text: signInValidatorLabel ? "".concat(signInValidatorLabel, " is ").concat((_b = (_a = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _a === void 0 ? void 0 : _a.identifier) === null || _b === void 0 ? void 0 : _b.toString()) : (_d = (_c = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _c === void 0 ? void 0 : _c.identifier) === null || _d === void 0 ? void 0 : _d.toString() }))] }), _jsx("div", { className: "mt-4", children: _jsx(SolidButton, { type: "submit", className: "w-full font-light auth-submit-button", label: "Sign In", disabled: formik.isSubmitting, loading: formik.isSubmitting }) })] }));
+                                    }, className: "solid-auth-radio-options flex gap-6 flex-wrap" })] })), _jsxs("div", { className: "flex flex-col gap-2 mt-4", children: [_jsx("label", { htmlFor: "identifier", className: "solid-auth-input-label", children: fieldConfig.label }), _jsx(SolidInput, { id: "identifier", name: "identifier", placeholder: fieldConfig.placeholder, onChange: formik.handleChange, value: formik.values.identifier, onBlur: formik.handleBlur, "aria-invalid": !!isFormFieldValid(formik, "identifier"), className: "w-full", autoComplete: "off" }), isFormFieldValid(formik, "identifier") && (_jsx(SolidMessage, { className: "text-red-500 text-sm", severity: "error", text: signInValidatorLabel ? "".concat(signInValidatorLabel, " is ").concat((_b = (_a = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _a === void 0 ? void 0 : _a.identifier) === null || _b === void 0 ? void 0 : _b.toString()) : (_d = (_c = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _c === void 0 ? void 0 : _c.identifier) === null || _d === void 0 ? void 0 : _d.toString() }))] }), _jsx("div", { className: "mt-6", children: _jsx(SolidButton, { type: "submit", className: "w-full font-light auth-submit-button", label: "Sign In", disabled: formik.isSubmitting, loading: formik.isSubmitting }) })] }));
             } }));
     };
     var RenderAuthModes = function (_a) {
@@ -279,7 +279,7 @@ var SolidLogin = function (_a) {
         ((_c = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _c === void 0 ? void 0 : _c.iamFacebookOAuthEnabled) ||
         ((_d = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _d === void 0 ? void 0 : _d.iamAppleOAuthEnabled) ||
         ((_e = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _e === void 0 ? void 0 : _e.iamMicrosoftOAuthEnabled));
-    return (_jsxs("div", { className: "", children: [_jsxs("div", { className: "auth-container ".concat(((_f = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _f === void 0 ? void 0 : _f.authPagesLayout) === 'center' ? 'center' : 'side'), children: [_jsx("h2", { className: "solid-auth-title", children: "Login to your account" }), _jsx("p", { className: "solid-auth-helper", children: "Enter your credentials below to login to your account" }), _jsx(RenderAuthModes, { passwordBasedAuth: (_g = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _g === void 0 ? void 0 : _g.passwordBasedAuth, passwordLessAuth: (_h = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _h === void 0 ? void 0 : _h.passwordLessAuth }), isAnyOAuthEnabled && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "solid-auth-divider flex align-items-center gap-2 my-4", children: [_jsx(SolidDivider, { className: "flex-1" }), _jsx("span", { className: "text-sm text-500", children: "Or continue with" }), _jsx(SolidDivider, { className: "flex-1" })] }), _jsx(SocialMediaLogin, { googleEnabled: (_j = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _j === void 0 ? void 0 : _j.iamGoogleOAuthEnabled, facebookEnabled: (_k = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _k === void 0 ? void 0 : _k.iamFacebookOAuthEnabled, appleEnabled: (_l = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _l === void 0 ? void 0 : _l.iamAppleOAuthEnabled, microsoftEnabled: (_m = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _m === void 0 ? void 0 : _m.iamMicrosoftOAuthEnabled })] }))] }), ((_o = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _o === void 0 ? void 0 : _o.allowPublicRegistration) && _jsx("div", { className: "mt-3 md:mt-5", children: _jsxs("div", { className: "text-sm text-center text-400 secondary-dark-color", children: ["Don\u2019t have an account ? ", _jsx(Link, { className: "font-bold", href: "/auth/register", tabIndex: -1, children: "Sign Up" })] }) })] }));
+    return (_jsxs("div", { className: "", children: [_jsxs("div", { className: "auth-container ".concat(((_f = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _f === void 0 ? void 0 : _f.authPagesLayout) === 'center' ? 'center' : 'side'), children: [_jsx("h2", { className: "solid-auth-title", children: "Login to your account" }), _jsx("p", { className: "solid-auth-helper", children: "Enter your credentials below to login to your account" }), _jsx(RenderAuthModes, { passwordBasedAuth: (_g = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _g === void 0 ? void 0 : _g.passwordBasedAuth, passwordLessAuth: (_h = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _h === void 0 ? void 0 : _h.passwordLessAuth }), isAnyOAuthEnabled && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "solid-auth-divider flex items-center gap-2 my-6", children: [_jsx(SolidDivider, { className: "flex-1" }), _jsx("span", { className: "text-sm text-500", children: "Or continue with" }), _jsx(SolidDivider, { className: "flex-1" })] }), _jsx(SocialMediaLogin, { googleEnabled: (_j = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _j === void 0 ? void 0 : _j.iamGoogleOAuthEnabled, facebookEnabled: (_k = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _k === void 0 ? void 0 : _k.iamFacebookOAuthEnabled, appleEnabled: (_l = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _l === void 0 ? void 0 : _l.iamAppleOAuthEnabled, microsoftEnabled: (_m = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _m === void 0 ? void 0 : _m.iamMicrosoftOAuthEnabled })] }))] }), ((_o = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _o === void 0 ? void 0 : _o.allowPublicRegistration) && _jsx("div", { className: "mt-4 md:mt-8", children: _jsxs("div", { className: "text-sm text-center text-400 secondary-dark-color", children: ["Don\u2019t have an account ? ", _jsx(Link, { className: "font-bold", href: "/auth/register", tabIndex: -1, children: "Sign Up" })] }) })] }));
 };
 export default SolidLogin;
 //# sourceMappingURL=SolidLogin.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidLogin.js","sourceRoot":"","sources":["../../../src/components/auth/SolidLogin.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Form, Formik } from \"formik\";\nimport { signIn } from \"../../adapters/auth/index\";\nimport Link from \"../common/Link\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { useEffect, useState } from \"react\";\nimport * as Yup from \"yup\";\nimport { SocialMediaLogin } from \"../common/SocialMediaLogin\";\nimport { useInitateLoginMutation } from \"../../redux/api/authApi\";\nimport { formatTimeLeft } from \"../../helpers/resendOtpHelper\";\nimport { ERROR_MESSAGES } from \"../../constants/error-messages\";\nimport { env } from \"../../adapters/env\";\nimport { showToast } from \"../../redux/features/toastSlice\";\nimport { AuthTabs } from \"./AuthTabs\";\nimport { useDispatch } from \"react-redux\";\nimport { SolidButton, SolidDivider, SolidInput, SolidMessage, SolidPasswordInput, SolidRadioGroup } from \"../shad-cn-ui\";\nimport { useAuthSettings } from \"./AuthSettingsContext\";\n\ninterface AuthModesProps {\n    passwordBasedAuth: boolean;\n    passwordLessAuth: boolean;\n}\nconst SolidLogin = ({ signInValidatorLabel, signInValidatorPlaceholder }: any) => {\n    const { solidSettingsData } = useAuthSettings();\n\n    const [initiateLogin] = useInitateLoginMutation();\n    const [activeIndex, setActiveIndex] = useState(0);\n    useEffect(() => {\n        sessionStorage.removeItem(\"app-mounted\");\n    }, [])\n    const dispatch = useDispatch();\n    const router = useRouter();\n\n    const isFormFieldValid = (formik: any, fieldName: string) =>\n        formik.touched[fieldName] && formik.errors[fieldName];\n    const emailOrUsernameRegex = /^[a-zA-Z0-9._]{2,30}$/;\n\n    const PasswordLogin = () => {\n        return (\n            <Formik\n                initialValues={{\n                    identifier: \"\",\n                    // email: initialEmail,\n                    password: \"\",\n                    // rememberMe: rememberMe,\n                }}\n                enableReinitialize={false}\n                validationSchema={Yup.object({\n                    identifier: Yup.string()\n                        .required(ERROR_MESSAGES.FIELD_REUQIRED(\"Email or Username\"))\n                        .test(\n                            \"email-or-username\",\n                            ERROR_MESSAGES.FIELD_INVALID(\"email or username\"),\n                            (value) => {\n                                // if (!value) return false;\n\n                                const isEmail = Yup.string().email().isValidSync(value);\n                                const isUsername = emailOrUsernameRegex.test(value);\n\n                                return isEmail || isUsername;\n                            }\n                        ),\n                    password: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED(\"Password\")),\n                })}\n                onSubmit={async (values, { setSubmitting, setErrors }) => {\n                    try {\n                        // Handle Remember Me\n                        // if (values.rememberMe) {\n                        //     localStorage.setItem(\"rememberedEmail\", values.email);\n                        // } else {\n                        //     localStorage.removeItem(\"rememberedEmail\");\n                        // }\n                        const response = await signIn(\"credentials\", {\n                            redirect: false,\n                            identifier: values.identifier,\n                            password: values.password,\n                        });\n\n                        if (response?.error) {\n                            dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.LOGIN_ERROR, detail: response.error }));\n                            setErrors({\n                                identifier: ERROR_MESSAGES.INVALID_CREDENTIALS,\n                                password: ERROR_MESSAGES.INVALID_CREDENTIALS,\n                            });\n                        } else {\n                            // dispatch(showToast({ severity: \"success\", summary: ERROR_MESSAGES.LOGIN_SUCCESS, detail: ERROR_MESSAGES.DASHBOARD_REDIRECTING }));\n                            const redirectUrl = env(\"NEXT_PUBLIC_LOGIN_REDIRECT_URL\") || \"/admin\";\n                            router.push(redirectUrl);\n                        }\n                    } catch (error: any) {\n                        dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.LOGIN_ERROR, detail: error?.data ? error?.data?.message : ERROR_MESSAGES.SOMETHING_WRONG }));\n                    } finally {\n                        setSubmitting(false); // Re-enable the button after submission\n                    }\n                }}\n            >\n                {(formik) => (\n                    <Form>\n                        <div className=\"flex flex-column gap-2 mt-3\">\n                            <label htmlFor=\"email\" className=\"solid-auth-input-label\">{signInValidatorLabel ? signInValidatorLabel : \"Username or Email\"}</label>\n                            <SolidInput\n                                id=\"identifier\"\n                                name=\"identifier\"\n                                placeholder={signInValidatorPlaceholder ? signInValidatorPlaceholder : \"Email or Username\"}\n                                onChange={formik.handleChange}\n                                value={formik.values.identifier}\n                                onBlur={formik.handleBlur}\n                                aria-invalid={!!isFormFieldValid(formik, \"identifier\")}\n                                className=\"w-full\"\n                                autoComplete=\"off\"\n                            />\n                            {isFormFieldValid(formik, \"identifier\") && (\n                                <SolidMessage\n                                    className=\"text-red-500 text-sm\"\n                                    severity=\"error\"\n                                    text={formik?.errors?.identifier?.toString()}\n                                />\n                            )}\n                        </div>\n                        <div className=\"flex flex-column gap-1 mt-4\" style={{}}>\n                            <div className=\"flex align-items-center justify-content-between\">\n                                <label htmlFor=\"password\" className=\"solid-auth-input-label\">Password</label>\n                                <Link href={\"/auth/initiate-forgot-password\"} className=\"solid-auth-inline-link\" tabIndex={-1}>Forgot your password?</Link>\n                            </div>\n                            <SolidPasswordInput\n                                id=\"password\"\n                                name=\"password\"\n                                value={formik.values.password}\n                                onChange={formik.handleChange}\n                                toggle\n                                className=\"w-full\"\n                                aria-invalid={!!isFormFieldValid(formik, \"password\")}\n                                autoComplete=\"off\"\n                            />\n                            {isFormFieldValid(formik, \"password\") && (\n                                <SolidMessage\n                                    className=\"text-red-500 text-sm\"\n                                    severity=\"error\"\n                                    text={formik?.errors?.password?.toString()}\n                                />\n                            )}\n                        </div>\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\n                                type=\"submit\"\n                                className=\"w-full font-light auth-submit-button\"\n                                label=\"Sign In\"\n                                disabled={formik.isSubmitting}\n                                loading={formik.isSubmitting}\n                            />\n                        </div>\n                    </Form>\n                )}\n            </Formik>\n        )\n    }\n\n    const PasswordLessLogin = () => {\n        const validationType = solidSettingsData?.data?.passwordlessLoginValidateWhat || \"email\";\n        const [selectedAuthMethod, setSelectedAuthMethod] = useState<\"email\" | \"mobile\">(\"email\");\n\n        const getFieldConfig = () => {\n            if (validationType === \"selectable\") {\n                if (selectedAuthMethod === \"mobile\") {\n                    return {\n                        label: \"Mobile Number / Username\",\n                        placeholder: \"Enter your mobile number or username\",\n                        type: \"mobile\",\n                        // validationSchema: Yup.string()\n                        //     .matches(/^[0-9]{10}$/, ERROR_MESSAGES.FIELD_INVALID('mobile number'))\n                        //     .required(ERROR_MESSAGES.FIELD_REUQIRED('Mobile number'))\n                    };\n                } else {\n                    return {\n                        label: \"Email Address / Username\",\n                        placeholder: \"Enter your email or username\",\n                        type: \"email\",\n                        // validationSchema: Yup.string()\n                        //     .email(ERROR_MESSAGES.FIELD_INVALID('email address'))\n                        //     .required(ERROR_MESSAGES.FIELD_REUQIRED('Email'))\n                    };\n                }\n            }\n            switch (validationType) {\n                case \"mobile\":\n                    return {\n                        label: signInValidatorLabel || \"Mobile Number / Username\",\n                        placeholder: signInValidatorPlaceholder || \"Enter your mobile number / username\",\n                        type: \"mobile\",\n                        // validationSchema: Yup.string()\n                        //     .matches(/^[0-9]{10}$/, ERROR_MESSAGES.FIELD_INVALID('mobile number'))\n                        //     .required(ERROR_MESSAGES.FIELD_REUQIRED('Mobile number'))\n                    };\n                case \"email\":\n                default:\n                    return {\n                        label: signInValidatorLabel || \"Email / Username\",\n                        placeholder: signInValidatorPlaceholder || \"Email ID / username\",\n                        type: \"email\",\n                        // validationSchema: Yup.string()\n                        //     .email(ERROR_MESSAGES.FIELD_INVALID('email address'))\n                        //     .required(ERROR_MESSAGES.FIELD_REUQIRED('Email'))\n                    };\n            }\n        };\n\n        const fieldConfig = getFieldConfig();\n        return (\n            <Formik\n                initialValues={{\n                    identifier: \"\",\n                }}\n                // validationSchema={\n                //     fieldConfig.validationSchema \n                //     ? Yup.object({\n                //           identifier: fieldConfig.validationSchema\n                //       })\n                //     : Yup.object({\n                //           identifier: Yup.string().required(\"required\"),\n                //       })\n                //   }\n                validationSchema={\n                    Yup.object({ identifier: Yup.string().required(\"Required\") })\n                }\n                enableReinitialize={false}\n                onSubmit={async (values, { setSubmitting, setErrors }) => {\n                    try {\n                        const RESEND_OTP_KEY = `resendOtpLogin_${values.identifier}`;\n                        const RESEND_OTP_TIMER_MIN = parseFloat(env(\"NEXT_PUBLIC_RESEND_OTP_TIMER\") || '0.5');\n                        const RESEND_OTP_TIMER = Math.round(RESEND_OTP_TIMER_MIN * 60);\n\n                        // Use selectedAuthMethod for selectable, otherwise use fieldConfig.type\n                        const authType = validationType === \"selectable\" ? selectedAuthMethod : fieldConfig.type;\n\n                        const payload: { identifier: string; type?: string } = {\n                            identifier: values.identifier,\n                        };\n                        if (validationType === \"selectable\") {\n                            payload.type = selectedAuthMethod;\n                        }\n\n                        const storedTimeStr = localStorage.getItem(RESEND_OTP_KEY);\n                        const now = Date.now();\n                        if (storedTimeStr) {\n                            const lastSent = parseInt(storedTimeStr, 10);\n                            const elapsed = Math.floor((now - lastSent) / 1000);\n                            const remaining = RESEND_OTP_TIMER - elapsed;\n\n                            if (remaining > 0) {\n                                const formatted = formatTimeLeft(remaining);\n                                dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.PLEASE_WAIT, detail: ERROR_MESSAGES.OPT_FORMAT(formatted) }));\n                                setSubmitting(false);\n                                return; //  Prevent request\n                            }\n                        }\n                        const response = await initiateLogin(payload).unwrap(); // Call mutation trigger\n\n                        if (response?.statusCode === 200) {\n                            // dispatch(showToast({ severity: \"success\", summary: ERROR_MESSAGES.OPT_RESEND, detail: response?.data?.message }));\n                            const identifier = values.identifier;\n                            localStorage.setItem(`resendOtpLogin_${identifier}`, Date.now().toString());\n                            router.push(`/auth/initiate-login?identifier=${encodeURIComponent(identifier)}&type=${authType}`);\n                        } else {\n                            dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.LOGIN_ERROR, detail: response.error }));\n                        }\n                    } catch (err: any) {\n                        dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.LOGIN_ERROR, detail: err?.data ? err?.data?.message : ERROR_MESSAGES.SOMETHING_WRONG }));\n                        setErrors({\n                            identifier: \"Invalid Credentials\",\n                        });\n                    } finally {\n                        setSubmitting(false);\n                    }\n                }}\n            >\n                {(formik) => (\n                    <Form>\n                        {/* Radio buttons for selectable type */}\n                        {validationType === \"selectable\" && (\n                            <div className=\"flex flex-column gap-3 mt-3\">\n                                <label className=\"solid-auth-input-label\">Select Authentication Method</label>\n                                <SolidRadioGroup\n                                    name=\"authMethod\"\n                                    value={selectedAuthMethod}\n                                    options={[\n                                        { label: \"Email / Username\", value: \"email\" },\n                                        { label: \"Mobile / Username\", value: \"mobile\" },\n                                    ]}\n                                    onChange={(value) => {\n                                        setSelectedAuthMethod(value);\n                                        formik.setFieldValue(\"identifier\", \"\");\n                                    }}\n                                    className=\"solid-auth-radio-options flex gap-4 flex-wrap\"\n                                />\n                            </div>\n                        )}\n                        <div className=\"flex flex-column gap-2 mt-3\">\n                            <label htmlFor=\"identifier\" className=\"solid-auth-input-label\">{fieldConfig.label}</label>\n                            <SolidInput\n                                id=\"identifier\"\n                                name=\"identifier\"\n                                placeholder={fieldConfig.placeholder}\n                                onChange={formik.handleChange}\n                                value={formik.values.identifier}\n                                onBlur={formik.handleBlur}\n                                aria-invalid={!!isFormFieldValid(formik, \"identifier\")}\n                                className=\"w-full\"\n                                autoComplete=\"off\"\n                            />\n                            {isFormFieldValid(formik, \"identifier\") && (\n                                <SolidMessage\n                                    className=\"text-red-500 text-sm\"\n                                    severity=\"error\"\n                                    text={signInValidatorLabel ? `${signInValidatorLabel} is ${formik?.errors?.identifier?.toString()}` : formik?.errors?.identifier?.toString()}\n                                />\n                            )}\n                        </div>\n                        <div className=\"mt-4\">\n                            <SolidButton\n                                type=\"submit\"\n                                className=\"w-full font-light auth-submit-button\"\n                                label=\"Sign In\"\n                                disabled={formik.isSubmitting}\n                                loading={formik.isSubmitting}\n                            />\n                        </div>\n                    </Form>\n                )}\n            </Formik>\n        )\n    }\n\n    const RenderAuthModes: React.FC<AuthModesProps> = ({ passwordBasedAuth, passwordLessAuth }) => {\n        if (passwordBasedAuth && passwordLessAuth) {\n            return (\n                <AuthTabs\n                    activeIndex={activeIndex}\n                    onChange={setActiveIndex}\n                    tabs={[\n                        { key: \"with-password\", label: \"With Password\", content: <PasswordLogin /> },\n                        { key: \"without-password\", label: \"Without Password\", content: <PasswordLessLogin /> },\n                    ]}\n                />\n            );\n        } else if (passwordBasedAuth) {\n            return <PasswordLogin />;\n        } else if (passwordLessAuth) {\n            return <PasswordLessLogin />;\n        } else {\n            return <p>No authentication method available</p>;\n        }\n    };\n\n    const isAnyOAuthEnabled = !!(\n        solidSettingsData?.data?.iamGoogleOAuthEnabled ||\n        solidSettingsData?.data?.iamFacebookOAuthEnabled ||\n        solidSettingsData?.data?.iamAppleOAuthEnabled ||\n        solidSettingsData?.data?.iamMicrosoftOAuthEnabled\n    );\n\n    return (\n        <div className=\"\">\n            <div className={`auth-container ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'center' : 'side'}`}>\n                <h2 className=\"solid-auth-title\">Login to your account</h2>\n                <p className=\"solid-auth-helper\">Enter your credentials below to login to your account</p>\n\n                <RenderAuthModes passwordBasedAuth={solidSettingsData?.data?.passwordBasedAuth} passwordLessAuth={solidSettingsData?.data?.passwordLessAuth} />\n                {isAnyOAuthEnabled && (\n                    <>\n                        <div className=\"solid-auth-divider flex align-items-center gap-2 my-4\">\n                            <SolidDivider className=\"flex-1\" />\n                            <span className=\"text-sm text-500\">Or continue with</span>\n                            <SolidDivider className=\"flex-1\" />\n                        </div>\n                        <SocialMediaLogin\n                            googleEnabled={solidSettingsData?.data?.iamGoogleOAuthEnabled}\n                            facebookEnabled={solidSettingsData?.data?.iamFacebookOAuthEnabled}\n                            appleEnabled={solidSettingsData?.data?.iamAppleOAuthEnabled}\n                            microsoftEnabled={solidSettingsData?.data?.iamMicrosoftOAuthEnabled}\n                        />\n                    </>\n                )}\n            </div>\n            {solidSettingsData?.data?.allowPublicRegistration && <div className=\"mt-3 md:mt-5\">\n                <div className=\"text-sm text-center text-400 secondary-dark-color\">\n                    Don’t have an account ? <Link className=\"font-bold\" href=\"/auth/register\" tabIndex={-1}>Sign Up</Link>\n                </div>\n            </div>}\n        </div>\n    );\n};\n\nexport default SolidLogin;\n"]}
+{"version":3,"file":"SolidLogin.js","sourceRoot":"","sources":["../../../src/components/auth/SolidLogin.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Form, Formik } from \"formik\";\nimport { signIn } from \"../../adapters/auth/index\";\nimport Link from \"../common/Link\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { useEffect, useState } from \"react\";\nimport * as Yup from \"yup\";\nimport { SocialMediaLogin } from \"../common/SocialMediaLogin\";\nimport { useInitateLoginMutation } from \"../../redux/api/authApi\";\nimport { formatTimeLeft } from \"../../helpers/resendOtpHelper\";\nimport { ERROR_MESSAGES } from \"../../constants/error-messages\";\nimport { env } from \"../../adapters/env\";\nimport { showToast } from \"../../redux/features/toastSlice\";\nimport { AuthTabs } from \"./AuthTabs\";\nimport { useDispatch } from \"react-redux\";\nimport { SolidButton, SolidDivider, SolidInput, SolidMessage, SolidPasswordInput, SolidRadioGroup } from \"../shad-cn-ui\";\nimport { useAuthSettings } from \"./AuthSettingsContext\";\n\ninterface AuthModesProps {\n    passwordBasedAuth: boolean;\n    passwordLessAuth: boolean;\n}\nconst SolidLogin = ({ signInValidatorLabel, signInValidatorPlaceholder }: any) => {\n    const { solidSettingsData } = useAuthSettings();\n\n    const [initiateLogin] = useInitateLoginMutation();\n    const [activeIndex, setActiveIndex] = useState(0);\n    useEffect(() => {\n        sessionStorage.removeItem(\"app-mounted\");\n    }, [])\n    const dispatch = useDispatch();\n    const router = useRouter();\n\n    const isFormFieldValid = (formik: any, fieldName: string) =>\n        formik.touched[fieldName] && formik.errors[fieldName];\n    const emailOrUsernameRegex = /^[a-zA-Z0-9._]{2,30}$/;\n\n    const PasswordLogin = () => {\n        return (\n            <Formik\n                initialValues={{\n                    identifier: \"\",\n                    // email: initialEmail,\n                    password: \"\",\n                    // rememberMe: rememberMe,\n                }}\n                enableReinitialize={false}\n                validationSchema={Yup.object({\n                    identifier: Yup.string()\n                        .required(ERROR_MESSAGES.FIELD_REUQIRED(\"Email or Username\"))\n                        .test(\n                            \"email-or-username\",\n                            ERROR_MESSAGES.FIELD_INVALID(\"email or username\"),\n                            (value) => {\n                                // if (!value) return false;\n\n                                const isEmail = Yup.string().email().isValidSync(value);\n                                const isUsername = emailOrUsernameRegex.test(value);\n\n                                return isEmail || isUsername;\n                            }\n                        ),\n                    password: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED(\"Password\")),\n                })}\n                onSubmit={async (values, { setSubmitting, setErrors }) => {\n                    try {\n                        // Handle Remember Me\n                        // if (values.rememberMe) {\n                        //     localStorage.setItem(\"rememberedEmail\", values.email);\n                        // } else {\n                        //     localStorage.removeItem(\"rememberedEmail\");\n                        // }\n                        const response = await signIn(\"credentials\", {\n                            redirect: false,\n                            identifier: values.identifier,\n                            password: values.password,\n                        });\n\n                        if (response?.error) {\n                            dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.LOGIN_ERROR, detail: response.error }));\n                            setErrors({\n                                identifier: ERROR_MESSAGES.INVALID_CREDENTIALS,\n                                password: ERROR_MESSAGES.INVALID_CREDENTIALS,\n                            });\n                        } else {\n                            // dispatch(showToast({ severity: \"success\", summary: ERROR_MESSAGES.LOGIN_SUCCESS, detail: ERROR_MESSAGES.DASHBOARD_REDIRECTING }));\n                            const redirectUrl = env(\"NEXT_PUBLIC_LOGIN_REDIRECT_URL\") || \"/admin\";\n                            router.push(redirectUrl);\n                        }\n                    } catch (error: any) {\n                        dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.LOGIN_ERROR, detail: error?.data ? error?.data?.message : ERROR_MESSAGES.SOMETHING_WRONG }));\n                    } finally {\n                        setSubmitting(false); // Re-enable the button after submission\n                    }\n                }}\n            >\n                {(formik) => (\n                    <Form>\n                        <div className=\"flex flex-col gap-2 mt-4\">\n                            <label htmlFor=\"email\" className=\"solid-auth-input-label\">{signInValidatorLabel ? signInValidatorLabel : \"Username or Email\"}</label>\n                            <SolidInput\n                                id=\"identifier\"\n                                name=\"identifier\"\n                                placeholder={signInValidatorPlaceholder ? signInValidatorPlaceholder : \"Email or Username\"}\n                                onChange={formik.handleChange}\n                                value={formik.values.identifier}\n                                onBlur={formik.handleBlur}\n                                aria-invalid={!!isFormFieldValid(formik, \"identifier\")}\n                                className=\"w-full\"\n                                autoComplete=\"off\"\n                            />\n                            {isFormFieldValid(formik, \"identifier\") && (\n                                <SolidMessage\n                                    className=\"text-red-500 text-sm\"\n                                    severity=\"error\"\n                                    text={formik?.errors?.identifier?.toString()}\n                                />\n                            )}\n                        </div>\n                        <div className=\"flex flex-col gap-1 mt-4\" style={{}}>\n                            <div className=\"flex items-center justify-between\">\n                                <label htmlFor=\"password\" className=\"solid-auth-input-label\">Password</label>\n                                <Link href={\"/auth/initiate-forgot-password\"} className=\"solid-auth-inline-link\" tabIndex={-1}>Forgot your password?</Link>\n                            </div>\n                            <SolidPasswordInput\n                                id=\"password\"\n                                name=\"password\"\n                                value={formik.values.password}\n                                onChange={formik.handleChange}\n                                toggle\n                                className=\"w-full\"\n                                aria-invalid={!!isFormFieldValid(formik, \"password\")}\n                                autoComplete=\"off\"\n                            />\n                            {isFormFieldValid(formik, \"password\") && (\n                                <SolidMessage\n                                    className=\"text-red-500 text-sm\"\n                                    severity=\"error\"\n                                    text={formik?.errors?.password?.toString()}\n                                />\n                            )}\n                        </div>\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\n                                type=\"submit\"\n                                className=\"w-full font-light auth-submit-button\"\n                                label=\"Sign In\"\n                                disabled={formik.isSubmitting}\n                                loading={formik.isSubmitting}\n                            />\n                        </div>\n                    </Form>\n                )}\n            </Formik>\n        )\n    }\n\n    const PasswordLessLogin = () => {\n        const validationType = solidSettingsData?.data?.passwordlessLoginValidateWhat || \"email\";\n        const [selectedAuthMethod, setSelectedAuthMethod] = useState<\"email\" | \"mobile\">(\"email\");\n\n        const getFieldConfig = () => {\n            if (validationType === \"selectable\") {\n                if (selectedAuthMethod === \"mobile\") {\n                    return {\n                        label: \"Mobile Number / Username\",\n                        placeholder: \"Enter your mobile number or username\",\n                        type: \"mobile\",\n                        // validationSchema: Yup.string()\n                        //     .matches(/^[0-9]{10}$/, ERROR_MESSAGES.FIELD_INVALID('mobile number'))\n                        //     .required(ERROR_MESSAGES.FIELD_REUQIRED('Mobile number'))\n                    };\n                } else {\n                    return {\n                        label: \"Email Address / Username\",\n                        placeholder: \"Enter your email or username\",\n                        type: \"email\",\n                        // validationSchema: Yup.string()\n                        //     .email(ERROR_MESSAGES.FIELD_INVALID('email address'))\n                        //     .required(ERROR_MESSAGES.FIELD_REUQIRED('Email'))\n                    };\n                }\n            }\n            switch (validationType) {\n                case \"mobile\":\n                    return {\n                        label: signInValidatorLabel || \"Mobile Number / Username\",\n                        placeholder: signInValidatorPlaceholder || \"Enter your mobile number / username\",\n                        type: \"mobile\",\n                        // validationSchema: Yup.string()\n                        //     .matches(/^[0-9]{10}$/, ERROR_MESSAGES.FIELD_INVALID('mobile number'))\n                        //     .required(ERROR_MESSAGES.FIELD_REUQIRED('Mobile number'))\n                    };\n                case \"email\":\n                default:\n                    return {\n                        label: signInValidatorLabel || \"Email / Username\",\n                        placeholder: signInValidatorPlaceholder || \"Email ID / username\",\n                        type: \"email\",\n                        // validationSchema: Yup.string()\n                        //     .email(ERROR_MESSAGES.FIELD_INVALID('email address'))\n                        //     .required(ERROR_MESSAGES.FIELD_REUQIRED('Email'))\n                    };\n            }\n        };\n\n        const fieldConfig = getFieldConfig();\n        return (\n            <Formik\n                initialValues={{\n                    identifier: \"\",\n                }}\n                // validationSchema={\n                //     fieldConfig.validationSchema \n                //     ? Yup.object({\n                //           identifier: fieldConfig.validationSchema\n                //       })\n                //     : Yup.object({\n                //           identifier: Yup.string().required(\"required\"),\n                //       })\n                //   }\n                validationSchema={\n                    Yup.object({ identifier: Yup.string().required(\"Required\") })\n                }\n                enableReinitialize={false}\n                onSubmit={async (values, { setSubmitting, setErrors }) => {\n                    try {\n                        const RESEND_OTP_KEY = `resendOtpLogin_${values.identifier}`;\n                        const RESEND_OTP_TIMER_MIN = parseFloat(env(\"NEXT_PUBLIC_RESEND_OTP_TIMER\") || '0.5');\n                        const RESEND_OTP_TIMER = Math.round(RESEND_OTP_TIMER_MIN * 60);\n\n                        // Use selectedAuthMethod for selectable, otherwise use fieldConfig.type\n                        const authType = validationType === \"selectable\" ? selectedAuthMethod : fieldConfig.type;\n\n                        const payload: { identifier: string; type?: string } = {\n                            identifier: values.identifier,\n                        };\n                        if (validationType === \"selectable\") {\n                            payload.type = selectedAuthMethod;\n                        }\n\n                        const storedTimeStr = localStorage.getItem(RESEND_OTP_KEY);\n                        const now = Date.now();\n                        if (storedTimeStr) {\n                            const lastSent = parseInt(storedTimeStr, 10);\n                            const elapsed = Math.floor((now - lastSent) / 1000);\n                            const remaining = RESEND_OTP_TIMER - elapsed;\n\n                            if (remaining > 0) {\n                                const formatted = formatTimeLeft(remaining);\n                                dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.PLEASE_WAIT, detail: ERROR_MESSAGES.OPT_FORMAT(formatted) }));\n                                setSubmitting(false);\n                                return; //  Prevent request\n                            }\n                        }\n                        const response = await initiateLogin(payload).unwrap(); // Call mutation trigger\n\n                        if (response?.statusCode === 200) {\n                            // dispatch(showToast({ severity: \"success\", summary: ERROR_MESSAGES.OPT_RESEND, detail: response?.data?.message }));\n                            const identifier = values.identifier;\n                            localStorage.setItem(`resendOtpLogin_${identifier}`, Date.now().toString());\n                            router.push(`/auth/initiate-login?identifier=${encodeURIComponent(identifier)}&type=${authType}`);\n                        } else {\n                            dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.LOGIN_ERROR, detail: response.error }));\n                        }\n                    } catch (err: any) {\n                        dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.LOGIN_ERROR, detail: err?.data ? err?.data?.message : ERROR_MESSAGES.SOMETHING_WRONG }));\n                        setErrors({\n                            identifier: \"Invalid Credentials\",\n                        });\n                    } finally {\n                        setSubmitting(false);\n                    }\n                }}\n            >\n                {(formik) => (\n                    <Form>\n                        {/* Radio buttons for selectable type */}\n                        {validationType === \"selectable\" && (\n                            <div className=\"flex flex-col gap-4 mt-4\">\n                                <label className=\"solid-auth-input-label\">Select Authentication Method</label>\n                                <SolidRadioGroup\n                                    name=\"authMethod\"\n                                    value={selectedAuthMethod}\n                                    options={[\n                                        { label: \"Email / Username\", value: \"email\" },\n                                        { label: \"Mobile / Username\", value: \"mobile\" },\n                                    ]}\n                                    onChange={(value) => {\n                                        setSelectedAuthMethod(value);\n                                        formik.setFieldValue(\"identifier\", \"\");\n                                    }}\n                                    className=\"solid-auth-radio-options flex gap-6 flex-wrap\"\n                                />\n                            </div>\n                        )}\n                        <div className=\"flex flex-col gap-2 mt-4\">\n                            <label htmlFor=\"identifier\" className=\"solid-auth-input-label\">{fieldConfig.label}</label>\n                            <SolidInput\n                                id=\"identifier\"\n                                name=\"identifier\"\n                                placeholder={fieldConfig.placeholder}\n                                onChange={formik.handleChange}\n                                value={formik.values.identifier}\n                                onBlur={formik.handleBlur}\n                                aria-invalid={!!isFormFieldValid(formik, \"identifier\")}\n                                className=\"w-full\"\n                                autoComplete=\"off\"\n                            />\n                            {isFormFieldValid(formik, \"identifier\") && (\n                                <SolidMessage\n                                    className=\"text-red-500 text-sm\"\n                                    severity=\"error\"\n                                    text={signInValidatorLabel ? `${signInValidatorLabel} is ${formik?.errors?.identifier?.toString()}` : formik?.errors?.identifier?.toString()}\n                                />\n                            )}\n                        </div>\n                        <div className=\"mt-6\">\n                            <SolidButton\n                                type=\"submit\"\n                                className=\"w-full font-light auth-submit-button\"\n                                label=\"Sign In\"\n                                disabled={formik.isSubmitting}\n                                loading={formik.isSubmitting}\n                            />\n                        </div>\n                    </Form>\n                )}\n            </Formik>\n        )\n    }\n\n    const RenderAuthModes: React.FC<AuthModesProps> = ({ passwordBasedAuth, passwordLessAuth }) => {\n        if (passwordBasedAuth && passwordLessAuth) {\n            return (\n                <AuthTabs\n                    activeIndex={activeIndex}\n                    onChange={setActiveIndex}\n                    tabs={[\n                        { key: \"with-password\", label: \"With Password\", content: <PasswordLogin /> },\n                        { key: \"without-password\", label: \"Without Password\", content: <PasswordLessLogin /> },\n                    ]}\n                />\n            );\n        } else if (passwordBasedAuth) {\n            return <PasswordLogin />;\n        } else if (passwordLessAuth) {\n            return <PasswordLessLogin />;\n        } else {\n            return <p>No authentication method available</p>;\n        }\n    };\n\n    const isAnyOAuthEnabled = !!(\n        solidSettingsData?.data?.iamGoogleOAuthEnabled ||\n        solidSettingsData?.data?.iamFacebookOAuthEnabled ||\n        solidSettingsData?.data?.iamAppleOAuthEnabled ||\n        solidSettingsData?.data?.iamMicrosoftOAuthEnabled\n    );\n\n    return (\n        <div className=\"\">\n            <div className={`auth-container ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'center' : 'side'}`}>\n                <h2 className=\"solid-auth-title\">Login to your account</h2>\n                <p className=\"solid-auth-helper\">Enter your credentials below to login to your account</p>\n\n                <RenderAuthModes passwordBasedAuth={solidSettingsData?.data?.passwordBasedAuth} passwordLessAuth={solidSettingsData?.data?.passwordLessAuth} />\n                {isAnyOAuthEnabled && (\n                    <>\n                        <div className=\"solid-auth-divider flex items-center gap-2 my-6\">\n                            <SolidDivider className=\"flex-1\" />\n                            <span className=\"text-sm text-500\">Or continue with</span>\n                            <SolidDivider className=\"flex-1\" />\n                        </div>\n                        <SocialMediaLogin\n                            googleEnabled={solidSettingsData?.data?.iamGoogleOAuthEnabled}\n                            facebookEnabled={solidSettingsData?.data?.iamFacebookOAuthEnabled}\n                            appleEnabled={solidSettingsData?.data?.iamAppleOAuthEnabled}\n                            microsoftEnabled={solidSettingsData?.data?.iamMicrosoftOAuthEnabled}\n                        />\n                    </>\n                )}\n            </div>\n            {solidSettingsData?.data?.allowPublicRegistration && <div className=\"mt-4 md:mt-8\">\n                <div className=\"text-sm text-center text-400 secondary-dark-color\">\n                    Don’t have an account ? <Link className=\"font-bold\" href=\"/auth/register\" tabIndex={-1}>Sign Up</Link>\n                </div>\n            </div>}\n        </div>\n    );\n};\n\nexport default SolidLogin;\n"]}

package/dist/components/auth/SolidLogin.tsx

@@ -95,7 +95,7 @@ const SolidLogin = ({ signInValidatorLabel, signInValidatorPlaceholder }: any) =
             >
                 {(formik) => (
                     <Form>
-                        <div className="flex flex-column gap-2 mt-3">
+                        <div className="flex flex-col gap-2 mt-4">
                             <label htmlFor="email" className="solid-auth-input-label">{signInValidatorLabel ? signInValidatorLabel : "Username or Email"}</label>
                             <SolidInput
                                 id="identifier"
@@ -116,8 +116,8 @@ const SolidLogin = ({ signInValidatorLabel, signInValidatorPlaceholder }: any) =
                                 />
                             )}
                         </div>
-                        <div className="flex flex-column gap-1 mt-4" style={{}}>
-                            <div className="flex align-items-center justify-content-between">
+                        <div className="flex flex-col gap-1 mt-4" style={{}}>
+                            <div className="flex items-center justify-between">
                                 <label htmlFor="password" className="solid-auth-input-label">Password</label>
                                 <Link href={"/auth/initiate-forgot-password"} className="solid-auth-inline-link" tabIndex={-1}>Forgot your password?</Link>
                             </div>
@@ -139,11 +139,11 @@ const SolidLogin = ({ signInValidatorLabel, signInValidatorPlaceholder }: any) =
                                 />
                             )}
                         </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
                                 type="submit"
                                 className="w-full font-light auth-submit-button"
@@ -280,7 +280,7 @@ const SolidLogin = ({ signInValidatorLabel, signInValidatorPlaceholder }: any) =
                     <Form>
                         {/* Radio buttons for selectable type */}
                         {validationType === "selectable" && (
-                            <div className="flex flex-column gap-3 mt-3">
+                            <div className="flex flex-col gap-4 mt-4">
                                 <label className="solid-auth-input-label">Select Authentication Method</label>
                                 <SolidRadioGroup
                                     name="authMethod"
@@ -293,11 +293,11 @@ const SolidLogin = ({ signInValidatorLabel, signInValidatorPlaceholder }: any) =
                                         setSelectedAuthMethod(value);
                                         formik.setFieldValue("identifier", "");
                                     }}
-                                    className="solid-auth-radio-options flex gap-4 flex-wrap"
+                                    className="solid-auth-radio-options flex gap-6 flex-wrap"
                                 />
                             </div>
                         )}
-                        <div className="flex flex-column gap-2 mt-3">
+                        <div className="flex flex-col gap-2 mt-4">
                             <label htmlFor="identifier" className="solid-auth-input-label">{fieldConfig.label}</label>
                             <SolidInput
                                 id="identifier"
@@ -318,7 +318,7 @@ const SolidLogin = ({ signInValidatorLabel, signInValidatorPlaceholder }: any) =
                                 />
                             )}
                         </div>
-                        <div className="mt-4">
+                        <div className="mt-6">
                             <SolidButton
                                 type="submit"
                                 className="w-full font-light auth-submit-button"
@@ -370,7 +370,7 @@ const SolidLogin = ({ signInValidatorLabel, signInValidatorPlaceholder }: any) =
                 <RenderAuthModes passwordBasedAuth={solidSettingsData?.data?.passwordBasedAuth} passwordLessAuth={solidSettingsData?.data?.passwordLessAuth} />
                 {isAnyOAuthEnabled && (
                     <>
-                        <div className="solid-auth-divider flex align-items-center gap-2 my-4">
+                        <div className="solid-auth-divider flex items-center gap-2 my-6">
                             <SolidDivider className="flex-1" />
                             <span className="text-sm text-500">Or continue with</span>
                             <SolidDivider className="flex-1" />
@@ -384,7 +384,7 @@ const SolidLogin = ({ signInValidatorLabel, signInValidatorPlaceholder }: any) =
                     </>
                 )}
             </div>
-            {solidSettingsData?.data?.allowPublicRegistration && <div className="mt-3 md:mt-5">
+            {solidSettingsData?.data?.allowPublicRegistration && <div className="mt-4 md:mt-8">
                 <div className="text-sm text-center text-400 secondary-dark-color">
                     Don’t have an account ? <Link className="font-bold" href="/auth/register" tabIndex={-1}>Sign Up</Link>
                 </div>

package/dist/components/auth/SolidRegister.js

@@ -187,10 +187,10 @@ var SolidRegister = function () {
                 });
             }, children: function (formik) {
                 var _a, _b, _c, _d, _e;
-                return (_jsxs(Form, { children: [showNameFieldsForRegistration ? (_jsx(_Fragment, { children: _jsxs("div", { className: "flex gap-2 mt-3", children: [_jsxs("div", { className: "flex flex-column w-full gap-2", children: [_jsx("label", { className: "solid-auth-input-label", children: "First Name" }), _jsx(SolidInput, { id: "firstName", name: "firstName", placeholder: "First Name", onChange: formik.handleChange, value: formik.values.firstName, "aria-invalid": !!formik.errors.firstName, autoComplete: "off" }), isFormFieldValid(formik, "firstName") && (_jsx(SolidMessage, { severity: "error", text: (_a = formik.errors.firstName) === null || _a === void 0 ? void 0 : _a.toString() }))] }), _jsxs("div", { className: "flex flex-column w-full gap-2", children: [_jsx("label", { className: "solid-auth-input-label", children: "Last Name" }), _jsx(SolidInput, { id: "lastName", name: "lastName", placeholder: "Last Name", onChange: formik.handleChange, value: formik.values.lastName, "aria-invalid": !!formik.errors.lastName, autoComplete: "off" }), isFormFieldValid(formik, "lastName") && (_jsx(SolidMessage, { severity: "error", text: (_b = formik.errors.lastName) === null || _b === void 0 ? void 0 : _b.toString() }))] })] }) })) : (_jsx(_Fragment, { children: _jsxs("div", { children: [_jsxs("div", { className: "flex flex-column gap-2 mt-3", children: [_jsx("label", { className: "solid-auth-input-label", children: "Username" }), _jsx(SolidInput, { id: "username", name: "username", placeholder: "username", onChange: formik.handleChange, value: formik.values.username, "aria-invalid": !!formik.errors.username, autoComplete: "off" })] }), isFormFieldValid(formik, "username") &&
-                                        _jsx(SolidMessage, { severity: "error", text: (_c = formik.errors.username) === null || _c === void 0 ? void 0 : _c.toString() })] }) })), _jsxs("div", { children: [_jsxs("div", { className: "flex flex-column gap-2 mt-3", children: [_jsx("label", { className: "solid-auth-input-label", children: "Email" }), _jsx(SolidInput, { id: "email", name: "email", placeholder: "Yourgmail@123.com", onChange: formik.handleChange, value: formik.values.email, "aria-invalid": !!formik.errors.email, autoComplete: "off" })] }), isFormFieldValid(formik, "email") &&
-                                    _jsx(SolidMessage, { severity: "error", text: (_d = formik.errors.email) === null || _d === void 0 ? void 0 : _d.toString() })] }), _jsxs("div", { children: [_jsxs("div", { className: "flex flex-column gap-2 mt-3", children: [_jsx("label", { className: "solid-auth-input-label", children: "Password" }), _jsx(SolidPasswordInput, { id: "password", name: "password", value: formik.values.password, onChange: formik.handleChange, toggle: true, className: "w-full", "aria-invalid": !!formik.errors.password, autoComplete: "off" })] }), isFormFieldValid(formik, "password") &&
-                                    _jsx(SolidMessage, { severity: "error", text: (_e = formik.errors.password) === null || _e === void 0 ? void 0 : _e.toString() })] }), _jsx("div", { className: "mt-4", children: _jsx(SolidButton, { className: "w-full font-light auth-submit-button", label: "Sign Up", disabled: formik.isSubmitting, loading: formik.isSubmitting, type: "submit" }) })] }));
+                return (_jsxs(Form, { children: [showNameFieldsForRegistration ? (_jsx(_Fragment, { children: _jsxs("div", { className: "flex gap-2 mt-4", children: [_jsxs("div", { className: "flex flex-col w-full gap-2", children: [_jsx("label", { className: "solid-auth-input-label", children: "First Name" }), _jsx(SolidInput, { id: "firstName", name: "firstName", placeholder: "First Name", onChange: formik.handleChange, value: formik.values.firstName, "aria-invalid": !!formik.errors.firstName, autoComplete: "off" }), isFormFieldValid(formik, "firstName") && (_jsx(SolidMessage, { severity: "error", text: (_a = formik.errors.firstName) === null || _a === void 0 ? void 0 : _a.toString() }))] }), _jsxs("div", { className: "flex flex-col w-full gap-2", children: [_jsx("label", { className: "solid-auth-input-label", children: "Last Name" }), _jsx(SolidInput, { id: "lastName", name: "lastName", placeholder: "Last Name", onChange: formik.handleChange, value: formik.values.lastName, "aria-invalid": !!formik.errors.lastName, autoComplete: "off" }), isFormFieldValid(formik, "lastName") && (_jsx(SolidMessage, { severity: "error", text: (_b = formik.errors.lastName) === null || _b === void 0 ? void 0 : _b.toString() }))] })] }) })) : (_jsx(_Fragment, { children: _jsxs("div", { children: [_jsxs("div", { className: "flex flex-col gap-2 mt-4", children: [_jsx("label", { className: "solid-auth-input-label", children: "Username" }), _jsx(SolidInput, { id: "username", name: "username", placeholder: "username", onChange: formik.handleChange, value: formik.values.username, "aria-invalid": !!formik.errors.username, autoComplete: "off" })] }), isFormFieldValid(formik, "username") &&
+                                        _jsx(SolidMessage, { severity: "error", text: (_c = formik.errors.username) === null || _c === void 0 ? void 0 : _c.toString() })] }) })), _jsxs("div", { children: [_jsxs("div", { className: "flex flex-col gap-2 mt-4", children: [_jsx("label", { className: "solid-auth-input-label", children: "Email" }), _jsx(SolidInput, { id: "email", name: "email", placeholder: "Yourgmail@123.com", onChange: formik.handleChange, value: formik.values.email, "aria-invalid": !!formik.errors.email, autoComplete: "off" })] }), isFormFieldValid(formik, "email") &&
+                                    _jsx(SolidMessage, { severity: "error", text: (_d = formik.errors.email) === null || _d === void 0 ? void 0 : _d.toString() })] }), _jsxs("div", { children: [_jsxs("div", { className: "flex flex-col gap-2 mt-4", children: [_jsx("label", { className: "solid-auth-input-label", children: "Password" }), _jsx(SolidPasswordInput, { id: "password", name: "password", value: formik.values.password, onChange: formik.handleChange, toggle: true, className: "w-full", "aria-invalid": !!formik.errors.password, autoComplete: "off" })] }), isFormFieldValid(formik, "password") &&
+                                    _jsx(SolidMessage, { severity: "error", text: (_e = formik.errors.password) === null || _e === void 0 ? void 0 : _e.toString() })] }), _jsx("div", { className: "mt-6", children: _jsx(SolidButton, { className: "w-full font-light auth-submit-button", label: "Sign Up", disabled: formik.isSubmitting, loading: formik.isSubmitting, type: "submit" }) })] }));
             } }));
     };
     var PasswordLessSignup = function () {
@@ -285,7 +285,7 @@ var SolidRegister = function () {
                 });
             }, children: function (formik) {
                 var _a, _b, _c, _d, _e, _f;
-                return (_jsxs(Form, { children: [_jsxs("div", { className: "flex flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "username", className: "solid-auth-input-label", children: "Username" }), _jsx(SolidInput, { id: "username", name: "username", placeholder: "username", onChange: formik.handleChange, value: formik.values.username, "aria-invalid": !!formik.errors.username, autoComplete: "off" }), isFormFieldValid(formik, "username") && _jsx(SolidMessage, { className: "text-red-500 text-sm", severity: "error", text: (_b = (_a = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _a === void 0 ? void 0 : _a.username) === null || _b === void 0 ? void 0 : _b.toString() })] }), isMobile ? (_jsxs("div", { className: "flex flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "mobile", className: "solid-auth-input-label", children: "Mobile" }), _jsx(SolidInput, { id: "mobile", name: "mobile", placeholder: "+1 555 123 4567", onChange: formik.handleChange, value: formik.values.mobile, "aria-invalid": !!formik.errors.mobile, autoComplete: "off" }), isFormFieldValid(formik, "mobile") && _jsx(SolidMessage, { className: "text-red-500 text-sm", severity: "error", text: (_d = (_c = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _c === void 0 ? void 0 : _c.mobile) === null || _d === void 0 ? void 0 : _d.toString() })] })) : (_jsxs("div", { className: "flex flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "email", className: "solid-auth-input-label", children: "Email" }), _jsx(SolidInput, { id: "email", name: "email", placeholder: "Yourgmail@123.com", onChange: formik.handleChange, value: formik.values.email, "aria-invalid": !!formik.errors.email, autoComplete: "off" }), isFormFieldValid(formik, "email") && _jsx(SolidMessage, { className: "text-red-500 text-sm", severity: "error", text: (_f = (_e = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _e === void 0 ? void 0 : _e.email) === null || _f === void 0 ? void 0 : _f.toString() })] })), _jsx("div", { className: "mt-4", children: _jsx(SolidButton, { className: "w-full font-light auth-submit-button", label: "Sign Up", disabled: formik.isSubmitting, loading: formik.isSubmitting, type: "submit" }) })] }));
+                return (_jsxs(Form, { children: [_jsxs("div", { className: "flex flex-col gap-2 mt-4", children: [_jsx("label", { htmlFor: "username", className: "solid-auth-input-label", children: "Username" }), _jsx(SolidInput, { id: "username", name: "username", placeholder: "username", onChange: formik.handleChange, value: formik.values.username, "aria-invalid": !!formik.errors.username, autoComplete: "off" }), isFormFieldValid(formik, "username") && _jsx(SolidMessage, { className: "text-red-500 text-sm", severity: "error", text: (_b = (_a = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _a === void 0 ? void 0 : _a.username) === null || _b === void 0 ? void 0 : _b.toString() })] }), isMobile ? (_jsxs("div", { className: "flex flex-col gap-2 mt-4", children: [_jsx("label", { htmlFor: "mobile", className: "solid-auth-input-label", children: "Mobile" }), _jsx(SolidInput, { id: "mobile", name: "mobile", placeholder: "+1 555 123 4567", onChange: formik.handleChange, value: formik.values.mobile, "aria-invalid": !!formik.errors.mobile, autoComplete: "off" }), isFormFieldValid(formik, "mobile") && _jsx(SolidMessage, { className: "text-red-500 text-sm", severity: "error", text: (_d = (_c = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _c === void 0 ? void 0 : _c.mobile) === null || _d === void 0 ? void 0 : _d.toString() })] })) : (_jsxs("div", { className: "flex flex-col gap-2 mt-4", children: [_jsx("label", { htmlFor: "email", className: "solid-auth-input-label", children: "Email" }), _jsx(SolidInput, { id: "email", name: "email", placeholder: "Yourgmail@123.com", onChange: formik.handleChange, value: formik.values.email, "aria-invalid": !!formik.errors.email, autoComplete: "off" }), isFormFieldValid(formik, "email") && _jsx(SolidMessage, { className: "text-red-500 text-sm", severity: "error", text: (_f = (_e = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _e === void 0 ? void 0 : _e.email) === null || _f === void 0 ? void 0 : _f.toString() })] })), _jsx("div", { className: "mt-6", children: _jsx(SolidButton, { className: "w-full font-light auth-submit-button", label: "Sign Up", disabled: formik.isSubmitting, loading: formik.isSubmitting, type: "submit" }) })] }));
             } }));
     };
     var RenderAuthModes = function (_a) {
@@ -314,7 +314,7 @@ var SolidRegister = function () {
         ((_b = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _b === void 0 ? void 0 : _b.iamFacebookOAuthEnabled) ||
         ((_c = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _c === void 0 ? void 0 : _c.iamAppleOAuthEnabled) ||
         ((_d = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _d === void 0 ? void 0 : _d.iamMicrosoftOAuthEnabled));
-    return (_jsxs("div", { className: "", children: [_jsxs("div", { className: "auth-container position-relative ".concat(((_e = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _e === void 0 ? void 0 : _e.authPagesLayout) === 'center' ? 'center' : 'side'), children: [showOverlay && (_jsx("div", { className: "absolute top-0 left-0 w-full h-full flex align-items-center justify-content-center register-success-popup", children: _jsxs("div", { className: "register-success-card", children: [_jsx("div", { className: "register-success-badge", children: "Account created" }), _jsx(SolidSpinner, { className: "auth-success-spinner", size: 32 }), _jsxs("div", { className: "register-success-copy", children: [_jsx("h3", { className: "register-success-title", children: "Preparing your sign-in" }), _jsx("p", { className: "register-success-text", children: "Your profile has been created successfully. We're taking you to the login screen now." })] }), _jsx("div", { className: "register-success-progress", "aria-hidden": "true", children: _jsx("span", { className: "register-success-progress-bar" }) })] }) })), _jsx("h2", { className: "solid-auth-title", children: "Create your account" }), _jsx("p", { className: "solid-auth-helper", children: "Enter your details below to create your account" }), _jsx(RenderAuthModes, { passwordBasedAuth: (_f = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _f === void 0 ? void 0 : _f.passwordBasedAuth, passwordLessAuth: (_g = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _g === void 0 ? void 0 : _g.passwordLessAuth, showNameFieldsForRegistration: (_h = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _h === void 0 ? void 0 : _h.showNameFieldsForRegistration }), isAnyOAuthEnabled && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "solid-auth-divider flex align-items-center gap-2 my-4", children: [_jsx(SolidDivider, { className: "flex-1" }), _jsx("span", { className: "text-sm text-500", children: "Or continue with" }), _jsx(SolidDivider, { className: "flex-1" })] }), _jsx(SocialMediaLogin, { googleEnabled: (_j = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _j === void 0 ? void 0 : _j.iamGoogleOAuthEnabled, facebookEnabled: (_k = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _k === void 0 ? void 0 : _k.iamFacebookOAuthEnabled, appleEnabled: (_l = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _l === void 0 ? void 0 : _l.iamAppleOAuthEnabled, microsoftEnabled: (_m = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _m === void 0 ? void 0 : _m.iamMicrosoftOAuthEnabled })] }))] }), _jsx("div", { className: "text-center mt-3 md:mt-4", children: _jsxs("div", { className: "text-sm text-400 secondary-dark-color", children: ["Already have an account? ", _jsx(Link, { className: "font-bold", href: "/auth/login", tabIndex: -1, children: "Sign In" })] }) })] }));
+    return (_jsxs("div", { className: "", children: [_jsxs("div", { className: "auth-container position-relative ".concat(((_e = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _e === void 0 ? void 0 : _e.authPagesLayout) === 'center' ? 'center' : 'side'), children: [showOverlay && (_jsx("div", { className: "absolute top-0 left-0 w-full h-full flex items-center justify-center register-success-popup", children: _jsxs("div", { className: "register-success-card", children: [_jsx("div", { className: "register-success-badge", children: "Account created" }), _jsx(SolidSpinner, { className: "auth-success-spinner", size: 32 }), _jsxs("div", { className: "register-success-copy", children: [_jsx("h3", { className: "register-success-title", children: "Preparing your sign-in" }), _jsx("p", { className: "register-success-text", children: "Your profile has been created successfully. We're taking you to the login screen now." })] }), _jsx("div", { className: "register-success-progress", "aria-hidden": "true", children: _jsx("span", { className: "register-success-progress-bar" }) })] }) })), _jsx("h2", { className: "solid-auth-title", children: "Create your account" }), _jsx("p", { className: "solid-auth-helper", children: "Enter your details below to create your account" }), _jsx(RenderAuthModes, { passwordBasedAuth: (_f = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _f === void 0 ? void 0 : _f.passwordBasedAuth, passwordLessAuth: (_g = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _g === void 0 ? void 0 : _g.passwordLessAuth, showNameFieldsForRegistration: (_h = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _h === void 0 ? void 0 : _h.showNameFieldsForRegistration }), isAnyOAuthEnabled && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "solid-auth-divider flex items-center gap-2 my-6", children: [_jsx(SolidDivider, { className: "flex-1" }), _jsx("span", { className: "text-sm text-500", children: "Or continue with" }), _jsx(SolidDivider, { className: "flex-1" })] }), _jsx(SocialMediaLogin, { googleEnabled: (_j = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _j === void 0 ? void 0 : _j.iamGoogleOAuthEnabled, facebookEnabled: (_k = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _k === void 0 ? void 0 : _k.iamFacebookOAuthEnabled, appleEnabled: (_l = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _l === void 0 ? void 0 : _l.iamAppleOAuthEnabled, microsoftEnabled: (_m = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _m === void 0 ? void 0 : _m.iamMicrosoftOAuthEnabled })] }))] }), _jsx("div", { className: "text-center mt-4 md:mt-6", children: _jsxs("div", { className: "text-sm text-400 secondary-dark-color", children: ["Already have an account? ", _jsx(Link, { className: "font-bold", href: "/auth/login", tabIndex: -1, children: "Sign In" })] }) })] }));
 };
 export default SolidRegister;
 //# sourceMappingURL=SolidRegister.js.map