@solidxai/core-ui 0.1.8-beta.9 → 0.1.9-beta.0

package/dist/components/auth/SolidRegister.tsx

@@ -8,12 +8,12 @@ import * as Yup from "yup";
 import { SocialMediaLogin } from "../common/SocialMediaLogin";
 import { formatTimeLeft } from "../../helpers/resendOtpHelper";
 import { ERROR_MESSAGES } from "../../constants/error-messages";
-import { useLazyGetAuthSettingsQuery } from "../../redux/api/solidSettingsApi";
 import { env } from "../../adapters/env";
 import { showToast } from "../../redux/features/toastSlice";
 import { AuthTabs } from "./AuthTabs";
 import { useDispatch } from "react-redux";
 import { SolidButton, SolidDivider, SolidInput, SolidMessage, SolidPasswordInput, SolidSpinner } from "../shad-cn-ui";
+import { useAuthSettings } from "./AuthSettingsContext";
 
 interface AuthModesProps {
     passwordBasedAuth: boolean;
@@ -24,11 +24,7 @@ interface AuthModesProps {
 const SolidRegister = () => {
     const envPasswordHelperText = env("NEXT_PUBLIC_PASSWORD_COMPLEXITY_DESC");
     const [activeIndex, setActiveIndex] = useState(0);
-
-    const [trigger, { data: solidSettingsData }] = useLazyGetAuthSettingsQuery();
-    useEffect(() => {
-        trigger("") // Fetch settings on mount
-    }, [trigger])
+    const { solidSettingsData } = useAuthSettings();
 
     const [showOverlay, setShowOverlay] = useState(false);
 
@@ -263,28 +259,45 @@ const SolidRegister = () => {
     }
 
     const PasswordLessSignup = () => {
+        const registrationValidationSource: "email" | "mobile" =
+            solidSettingsData?.data?.passwordlessRegistrationValidateWhat === "mobile" ? "mobile" : "email";
+        const isMobile = registrationValidationSource === "mobile";
+
         return (
             <Formik
                 initialValues={{
                     username: "",
                     email: "",
+                    mobile: "",
                 }}
                 validationSchema={Yup.object({
                     username: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('"User Name')),
-                    email: Yup.string()
-                        .email(ERROR_MESSAGES.FIELD_INVALID('email address'))
-                        .required(ERROR_MESSAGES.FIELD_REUQIRED('Email')),
+                    email: isMobile
+                        ? Yup.string().notRequired()
+                        : Yup.string()
+                            .email(ERROR_MESSAGES.FIELD_INVALID('email address'))
+                            .required(ERROR_MESSAGES.FIELD_REUQIRED('Email')),
+                    mobile: isMobile
+                        ? Yup.string()
+                            .matches(/^[+0-9][0-9\s-]{6,}$/, ERROR_MESSAGES.FIELD_INVALID('mobile number'))
+                            .required(ERROR_MESSAGES.FIELD_REUQIRED('Mobile'))
+                        : Yup.string().notRequired(),
                 })}
                 onSubmit={async (values, { setSubmitting }) => {
                     try {
-                        const RESEND_OTP_KEY = `resendOtpRegister_${values.email}`;
+                        const identifier = isMobile ? values.mobile : values.email;
+                        const RESEND_OTP_KEY = `resendOtpRegister_${identifier}`;
                         const RESEND_OTP_TIMER_MIN = parseFloat(env("NEXT_PUBLIC_RESEND_OTP_TIMER") || '0.5');
                         const RESEND_OTP_TIMER = Math.round(RESEND_OTP_TIMER_MIN * 60);
-                        const payload = {
+                        const payload: Record<string, any> = {
                             username: values.username,
-                            email: values.email,
-                            validationSources: ["email"]
+                            validationSources: [registrationValidationSource],
                         };
+                        if (isMobile) {
+                            payload.mobile = values.mobile;
+                        } else {
+                            payload.email = values.email;
+                        }
                         const storedTimeStr = localStorage.getItem(RESEND_OTP_KEY);
                         const now = Date.now();
                         if (storedTimeStr) {
@@ -303,9 +316,18 @@ const SolidRegister = () => {
 
                         if (response?.statusCode === 200) {
                             dispatch(showToast({ severity: "success", summary: ERROR_MESSAGES.OPT_SEND, detail: response?.data?.message }));
-                            const email = values.email;
-                            localStorage.setItem(`resendOtpRegister_${email}`, Date.now().toString());
-                            router.push(`/auth/initiate-register?email=${email}&username=${values.username}`);
+                            localStorage.setItem(`resendOtpRegister_${identifier}`, Date.now().toString());
+                            const params = new URLSearchParams({
+                                username: values.username,
+                                type: registrationValidationSource,
+                                identifier,
+                            });
+                            if (isMobile) {
+                                params.set("mobile", values.mobile);
+                            } else {
+                                params.set("email", values.email);
+                            }
+                            router.push(`/auth/initiate-register?${params.toString()}`);
                         } else {
                             dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.LOGIN_ERROR, detail: response.error }));
                         }
@@ -319,7 +341,7 @@ const SolidRegister = () => {
                 {(formik) => (
                     <Form>
                         <div className="flex flex-column gap-2 mt-3">
-                            <label htmlFor="email" className="solid-auth-input-label">Username</label>
+                            <label htmlFor="username" className="solid-auth-input-label">Username</label>
                             <SolidInput
                                 id="username"
                                 name="username"
@@ -335,23 +357,43 @@ const SolidRegister = () => {
                                 text={formik?.errors?.username?.toString()}
                             />}
                         </div>
-                        <div className="flex flex-column gap-2 mt-3">
-                            <label htmlFor="email" className="solid-auth-input-label">Email</label>
-                            <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") && <SolidMessage
-                                className="text-red-500 text-sm"
-                                severity="error"
-                                text={formik?.errors?.email?.toString()}
-                            />}
-                        </div>
+                        {isMobile ? (
+                            <div className="flex flex-column gap-2 mt-3">
+                                <label htmlFor="mobile" className="solid-auth-input-label">Mobile</label>
+                                <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") && <SolidMessage
+                                    className="text-red-500 text-sm"
+                                    severity="error"
+                                    text={formik?.errors?.mobile?.toString()}
+                                />}
+                            </div>
+                        ) : (
+                            <div className="flex flex-column gap-2 mt-3">
+                                <label htmlFor="email" className="solid-auth-input-label">Email</label>
+                                <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") && <SolidMessage
+                                    className="text-red-500 text-sm"
+                                    severity="error"
+                                    text={formik?.errors?.email?.toString()}
+                                />}
+                            </div>
+                        )}
                         <div className="mt-4">
                             <SolidButton className="w-full font-light auth-submit-button" label="Sign Up" disabled={formik.isSubmitting} loading={formik.isSubmitting} type="submit" />
                         </div>
@@ -385,6 +427,12 @@ const SolidRegister = () => {
             return <p>No authentication method available</p>;
         }
     };
+    const isAnyOAuthEnabled = !!(
+        solidSettingsData?.data?.iamGoogleOAuthEnabled ||
+        solidSettingsData?.data?.iamFacebookOAuthEnabled ||
+        solidSettingsData?.data?.iamAppleOAuthEnabled ||
+        solidSettingsData?.data?.iamMicrosoftOAuthEnabled
+    );
     return (
         <div className="">
             {/* Overlay UI */}
@@ -410,14 +458,19 @@ const SolidRegister = () => {
                 <p className="solid-auth-helper">Enter your details below to create your account</p>
                 {/* <p className="solid-auth-subtitle text-sm">By continuing, you agree to the <Link href={'#'}>Terms of Service</Link> and acknowledge you’ve read our  <Link href={'#'}>Privacy Policy.</Link> </p> */}
                 <RenderAuthModes passwordBasedAuth={solidSettingsData?.data?.passwordBasedAuth} passwordLessAuth={solidSettingsData?.data?.passwordLessAuth} showNameFieldsForRegistration={solidSettingsData?.data?.showNameFieldsForRegistration} />
-                {solidSettingsData?.data?.iamGoogleOAuthEnabled && (
+                {isAnyOAuthEnabled && (
                     <>
                         <div className="solid-auth-divider flex align-items-center gap-2 my-4">
                             <SolidDivider className="flex-1" />
                             <span className="text-sm text-500">Or continue with</span>
                             <SolidDivider className="flex-1" />
                         </div>
-                        <SocialMediaLogin />
+                        <SocialMediaLogin
+                            googleEnabled={solidSettingsData?.data?.iamGoogleOAuthEnabled}
+                            facebookEnabled={solidSettingsData?.data?.iamFacebookOAuthEnabled}
+                            appleEnabled={solidSettingsData?.data?.iamAppleOAuthEnabled}
+                            microsoftEnabled={solidSettingsData?.data?.iamMicrosoftOAuthEnabled}
+                        />
                     </>
                 )}
             </div>

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

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

package/dist/components/auth/SolidResetPassword.js

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

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

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

package/dist/components/auth/SolidResetPassword.tsx

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

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

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

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

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