@solidstarters/solid-core-ui 1.1.211 → 1.1.212

package/dist/components/auth/SolidForgotPassword.tsx

@@ -0,0 +1,127 @@
+"use client";
+
+import { useInitiateChangePasswordMutation } from "../../redux/api/authApi";
+import { useFormik } from "formik";
+import { useRouter } from "next/navigation";
+import { Button } from "primereact/button";
+import { InputText } from "primereact/inputtext";
+import { Message } from "primereact/message";
+import { Toast } from "primereact/toast";
+import { useEffect, useRef } from "react";
+import * as Yup from "yup";
+import { useSelector } from "react-redux";
+import Image from "next/image";
+import SolidLogo from '../../resources/images/SolidXLogo.svg'
+import { ERROR_MESSAGES } from "../../constants/error-messages";
+import { useLazyGetAuthSettingsQuery } from "../../redux/api/solidSettingsApi";
+
+const SolidForgotPassword = ({ signInValidatorLabel, signInValidatorPlaceholder }: any) => {
+    const [trigger, { data: solidSettingsData }] = useLazyGetAuthSettingsQuery()
+
+    useEffect(() => {
+        trigger("") // Fetch settings on mount
+    }, [trigger])
+
+    const toast = useRef<Toast>(null);
+    const router = useRouter();
+    const showToast = (severity: "success" | "error", summary: string, detail: string) => {
+        toast.current?.show({
+            severity,
+            summary,
+            detail,
+            ...(severity === "error"
+                ? { sticky: true }            // stays until user closes
+                : { life: 3000 }),
+        });
+    };
+    const [initiateChangePassword] = useInitiateChangePasswordMutation();
+    const validationSchema = Yup.object({
+        email: Yup.string()
+            .email(ERROR_MESSAGES.FIELD_INAVLID_FORMAT('email'))
+            .required(ERROR_MESSAGES.FIELD_REUQIRED('Email')),
+    });
+    function maskEmail(email: string) {
+        const [localPart, domain] = email.split('@');
+        const maskedLocal = localPart.slice(0, 3) + '*'.repeat(localPart.length - 3);
+        const maskedDomain = domain.slice(-8).padStart(domain.length, '*');
+        return `${maskedLocal}@${maskedDomain}`;
+    }
+
+    const formik = useFormik({
+        initialValues: {
+            email: "",
+        },
+        validationSchema,
+        onSubmit: async (values) => {
+            try {
+                const payload = {
+                    email: values.email,
+                };
+                const response = await initiateChangePassword(payload).unwrap();
+                if (response?.statusCode === 200) {
+                    const email = values?.email;
+                    const maskedEmail = maskEmail(email);
+                    router.push(`/auth/initiate-forgot-password-thank-you?email=${maskedEmail}`)
+                } else (
+                    showToast("error", ERROR_MESSAGES.ERROR, response.error)
+                )
+            } catch (err: any) {
+                showToast("error", ERROR_MESSAGES.ERROR, err?.data ? err?.data?.message : ERROR_MESSAGES.SOMETHING_WRONG);
+            }
+        },
+    });
+
+    const isFormFieldValid = (formik: any, fieldName: string) =>
+        formik.touched[fieldName] && formik.errors[fieldName];
+
+    return (
+        <>
+            <Toast ref={toast} />
+            <div className={`auth-container ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'center' : 'side'}`}>
+                {solidSettingsData?.data?.authPagesLayout === 'center' &&
+                    <div className="flex justify-content-center">
+                        <div className={`solid-logo flex align-items-center ${solidSettingsData?.data?.appLogoPosition}`}>
+                            <Image
+                                alt="solid logo"
+                                src={solidSettingsData?.data?.appLogo || SolidLogo}
+                                className="relative"
+                                fill
+                            />
+                        </div>
+                    </div>
+                }
+                <h2 className={`solid-auth-title ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'text-center' : 'text-left'}`}>Forgot Password</h2>
+                {/* <p className="solid-auth-subtitle text-sm">By continuing, you agree to the <Link href={'#'}>Terms of Service</Link> and acknowledge you’ve read our  <Link href={'#'}>Privacy Policy.</Link> </p> */}
+                <form onSubmit={formik.handleSubmit}>
+                    <div className="flex flex-column gap-2">
+                        <label htmlFor="email" className="solid-auth-input-label">{signInValidatorLabel ? signInValidatorLabel : "Username or Email"}</label>
+                        <InputText
+                            id="email"
+                            name="email"
+                            placeholder={signInValidatorPlaceholder ? signInValidatorPlaceholder : "Email ID"}
+                            value={formik.values.email}
+                            onChange={formik.handleChange}
+                            onBlur={formik.handleBlur}
+                        />
+                        {isFormFieldValid(formik, "email") && <Message
+                            className="text-red-500 text-sm"
+                            severity="error"
+                            text={formik?.errors?.email?.toString()}
+                        />}
+                    </div>
+                    <div className="mt-4">
+                        <Button className="w-full font-light auth-submit-button" label="Continue" disabled={formik.isSubmitting} loading={formik.isSubmitting} />
+                        <Button type="button" label="Back" className="w-full auth-back-button text-center mt-1" link onClick={() => (window.location.href = '/auth/login')} />
+                    </div>
+                </form>
+            </div>
+            {/* <div className="text-center mt-5">
+                <div className="text-sm text-400 secondary-dark-color">
+                    {'<'} Back to <Link className="font-bold" href="/auth/login">Sign In</Link>
+                </div>
+            </div> */}
+        </>
+    );
+};
+
+export default SolidForgotPassword;

package/dist/components/auth/SolidInitialLoginOtp.tsx

@@ -0,0 +1,271 @@
+"use client";
+
+import { useConfirmOtpLoginMutation, useInitateLoginMutation } from "../../redux/api/authApi";
+import { Form, Formik } from "formik";
+import Image from "next/image";
+import { useRouter, useSearchParams } from "next/navigation";
+import { Button } from "primereact/button";
+import { InputOtp } from "primereact/inputotp";
+import { Message } from "primereact/message";
+import { Toast } from "primereact/toast";
+import { useEffect, useRef, useState } from "react";
+import * as Yup from "yup";
+import SolidLogo from '../../resources/images/SolidXLogo.svg'
+import { signIn } from "next-auth/react";
+import { ERROR_MESSAGES } from "../../constants/error-messages";
+import { useLazyGetAuthSettingsQuery } from "../../redux/api/solidSettingsApi";
+
+
+const SolidInitialLoginOtp = () => {
+    const searchParams = useSearchParams();
+    const tempIdentifier = searchParams.get('identifier');
+    const type = searchParams.get('type') || 'email';
+    const identifier = tempIdentifier ? decodeURIComponent(tempIdentifier) : '';
+
+    const RESEND_OTP_KEY = `resendOtpLogin_${identifier}`;
+    const RESEND_OTP_TIMER_MIN = parseFloat(process.env.NEXT_PUBLIC_RESEND_OTP_TIMER || '0.5');
+    const RESEND_OTP_TIMER = Math.round(RESEND_OTP_TIMER_MIN * 60);
+    const [trigger, { data: solidSettingsData }] = useLazyGetAuthSettingsQuery();
+    useEffect(() => {
+        trigger("") // Fetch settings on mount
+    }, [trigger])
+
+    const [initiateResendOTP] = useInitateLoginMutation();
+    const [initiateOtpLogin] = useConfirmOtpLoginMutation();
+    const toast = useRef<Toast>(null);
+    const router = useRouter();
+    const [timeLeft, setTimeLeft] = useState(RESEND_OTP_TIMER);
+    const [resendEnabled, setResendEnabled] = useState(false);
+
+    const getDisplayText = () => {
+        switch (type) {
+            case "mobile":
+                return {
+                    title: "OTP Verification",
+                    subtitle: "Please enter the OTP sent to your mobile number to complete verification"
+                };
+            case "transactional":
+                return {
+                    title: "OTP Verification",
+                    subtitle: "Please enter the OTP for your transaction to complete verification"
+                };
+            case "email":
+            default:
+                return {
+                    title: "OTP Verification",
+                    subtitle: "Please enter the OTP sent to your email to complete verification"
+                };
+        }
+    };
+
+    const displayText = getDisplayText();
+
+    useEffect(() => {
+
+        // Set timer if not already set (e.g., after login)
+        const storedTime = localStorage.getItem(RESEND_OTP_KEY);
+        if (!storedTime) {
+            localStorage.setItem(RESEND_OTP_KEY, Date.now().toString());
+        }
+
+        const lastSent = storedTime ? parseInt(storedTime, 10) : Date.now();
+        const elapsed = Math.floor((Date.now() - lastSent) / 1000);
+        const remaining = RESEND_OTP_TIMER - elapsed;
+
+        if (remaining > 0) {
+            setTimeLeft(remaining);
+            setResendEnabled(false);
+        } else {
+            setTimeLeft(0);
+            setResendEnabled(true);
+        }
+    }, [identifier]);
+
+    useEffect(() => {
+        if (resendEnabled || timeLeft <= 0) return;
+
+        const interval = setInterval(() => {
+            setTimeLeft((prev) => {
+                if (prev <= 1) {
+                    clearInterval(interval);
+                    setResendEnabled(true);
+                    return 0;
+                }
+                return prev - 1;
+            });
+        }, 1000);
+
+        return () => clearInterval(interval);
+    }, [resendEnabled, timeLeft]);
+
+    const validationSchema = Yup.object({
+        otp: Yup.string()
+            .matches(/^\d{6}$/, ERROR_MESSAGES.OTP_CHARACTER(6))
+            .required(ERROR_MESSAGES.FIELD_REUQIRED('OTP')),
+    });
+
+    const showToast = (severity: "success" | "error", summary: string, detail: string) => {
+        toast.current?.show({
+            severity,
+            summary,
+            detail,
+            ...(severity === "error"
+                ? { sticky: true }            // stays until user closes
+                : { life: 3000 }),
+        });
+    };
+
+    const isFormFieldValid = (formik: any, fieldName: string) =>
+        formik.touched[fieldName] && formik.errors[fieldName];
+
+
+    const handleResendOtp = async () => {
+        try {
+            const payload = {
+                type: type,
+                identifier: identifier,
+            };
+
+            const response = await initiateResendOTP(payload).unwrap();
+
+            if (response?.statusCode === 200) {
+                showToast("success", ERROR_MESSAGES.OPT_RESEND, response?.data?.message);
+                localStorage.setItem(RESEND_OTP_KEY, Date.now().toString());
+                setTimeLeft(RESEND_OTP_TIMER);
+                setResendEnabled(false);
+            } else {
+                showToast("error", ERROR_MESSAGES.LOGIN_ERROR, response.error);
+            }
+        } catch (err: any) {
+            showToast("error", ERROR_MESSAGES.LOGIN_ERROR, err?.data?.message || ERROR_MESSAGES.SOMETHING_WRONG);
+        }
+    };
+
+    return (
+        <>
+            <Toast ref={toast} />
+            <div className={`auth-container ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'center' : 'side'}`} style={{ minWidth: 480 }}>
+                {solidSettingsData?.data?.authPagesLayout === 'center' &&
+                    <div className="flex justify-content-center">
+                        <div className={`solid-logo flex align-items-center ${solidSettingsData?.data?.appLogoPosition}`}>
+                            <Image
+                                alt="solid logo"
+                                src={solidSettingsData?.data?.appLogo || SolidLogo}
+                                className="relative"
+                                fill
+                            />
+                        </div>
+                    </div>
+                }
+                <h2 className={`solid-auth-title ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'text-center mt-2 md:mt-4' : 'text-left'}`}>OTP Verification</h2>
+                <p className="solid-auth-subtitle text-sm">
+                    Please enter the OTP sent to your email to complete verification
+                </p>
+                <>
+                    <Formik
+                        initialValues={{
+                            otp: "",
+                        }}
+                        validationSchema={validationSchema}
+                        onSubmit={async (values, { setSubmitting, setErrors }) => {
+                            try {
+                                const payload = {
+                                    type: type,
+                                    identifier: identifier,
+                                    otp: values.otp
+                                };
+
+                                const response = await initiateOtpLogin(payload).unwrap(); // Call mutation trigger
+
+                                if (response?.statusCode === 200) {
+                                    const credentials: any = {
+                                        redirect: false,
+                                        accessToken: response?.data?.accessToken,
+                                    };
+
+                                    // Pass both email and mobile if available
+                                    if (response?.data?.user?.email) {
+                                        credentials.email = response?.data?.user?.email;
+                                    }
+                                    if (response?.data?.user?.mobile) {
+                                        credentials.mobile = response?.data?.user?.mobile;
+                                    }
+
+                                    // Fallback: if neither exists in response, use the identifier based on type
+                                    if (!credentials.email && !credentials.mobile) {
+                                        if (type === "mobile") {
+                                            credentials.mobile = identifier;
+                                        } else if (type === "email") {
+                                            credentials.email = identifier;
+                                        }
+                                    }
+
+                                    const otpResponse = await signIn("credentials", credentials);
+
+                                    if (otpResponse?.error) {
+                                        showToast("error", ERROR_MESSAGES.LOGIN_ERROR, otpResponse.error);
+                                    } else {
+                                        localStorage.removeItem(`resendOtpLogin_${identifier}`);
+                                        showToast("success", ERROR_MESSAGES.LOGIN_SUCCESS, ERROR_MESSAGES.DASHBOARD_REDIRECTING);
+                                        router.push(`${process.env.NEXT_PUBLIC_LOGIN_REDIRECT_URL}`);
+                                    }
+                                } else {
+                                    showToast("error", ERROR_MESSAGES.INAVLID_OTP, response.error);
+                                    setErrors({
+                                        otp: ERROR_MESSAGES.INAVLID_OTP,
+                                    });
+                                }
+                            } catch (err: any) {
+                                showToast("error", ERROR_MESSAGES.LOGIN_ERROR, err?.data ? err?.data?.message : ERROR_MESSAGES.SOMETHING_WRONG);
+                            } finally {
+                                setSubmitting(false);
+                            }
+                        }}
+                    >
+                        {(formik) => (
+                            <Form>
+                                <div className="flex flex-column gap-2">
+                                    <label htmlFor="otp" className="solid-auth-input-label">Enter OTP</label>
+                                    <InputOtp
+                                        value={formik.values.otp}
+                                        onChange={(e) => formik.setFieldValue("otp", e.value)}
+                                        length={6}
+                                        style={{ width: '100%' }}
+                                        invalid={!!formik.errors.otp}
+                                    />
+                                    {isFormFieldValid(formik, "otp") && (
+                                        <Message className="text-red-500 text-sm" severity="error" text={formik.errors.otp?.toString()} />
+                                    )}
+                                    <div className="flex align-items-center justify-content-between">
+                                        <Button type="button" icon='pi pi-refresh' iconPos="left" link label="Resend Code" className="px-0 text-sm font-normal"
+                                            onClick={handleResendOtp}
+                                            disabled={!resendEnabled}
+                                        />
+                                        <p className="m-0 text-sm text-color">
+                                            {resendEnabled
+                                                ? "You can resend now"
+                                                : `Time left: ${Math.floor(timeLeft / 60)
+                                                    .toString()
+                                                    .padStart(2, "0")}:${(timeLeft % 60).toString().padStart(2, "0")}`}
+                                        </p>
+                                    </div>
+                                </div>
+                                <div className="mt-4">
+                                    <Button type="submit" className="w-full font-light auth-submit-button" label="Verify" disabled={formik.isSubmitting} loading={formik.isSubmitting} />
+                                    <Button type="button" label="Back" className="w-full auth-back-button text-center mt-1" link onClick={() => (window.location.href = '/auth/login')} />
+                                </div>
+                            </Form>
+                        )}
+                    </Formik>
+                </>
+            </div>
+            {/* <div className="text-center mt-5">
+                <div className="text-sm text-400 secondary-dark-color">
+                    {'<'} Back to <Link className="font-bold" href="/auth/login">Back</Link>
+                </div>
+            </div> */}
+        </>
+    );
+};
+
+export default SolidInitialLoginOtp;

package/dist/components/auth/SolidInitiateRegisterOtp.tsx

@@ -0,0 +1,218 @@
+"use client";
+
+import { useConfirmOtpRegisterMutation, useInitateRegisterMutation } from "../../redux/api/authApi";
+import { Form, Formik } from "formik";
+import Image from "next/image";
+import { useRouter, useSearchParams } from "next/navigation";
+import { Button } from "primereact/button";
+import { InputOtp } from "primereact/inputotp";
+import { Message } from "primereact/message";
+import { Toast } from "primereact/toast";
+import { useEffect, useRef, useState } from "react";
+import * as Yup from "yup";
+import SolidLogo from '../../resources/images/SolidXLogo.svg'
+import { ERROR_MESSAGES } from "../../constants/error-messages";
+import { useLazyGetAuthSettingsQuery } from "../../redux/api/solidSettingsApi";
+
+const SolidInitiateRegisterOtp = () => {
+    const searchParams = useSearchParams();
+    const tempEmail = searchParams.get('email');
+    const email = tempEmail ? decodeURIComponent(tempEmail) : '';
+    const RESEND_OTP_KEY = `resendOtpRegister_${email}`;
+    const RESEND_OTP_TIMER_MIN = parseFloat(process.env.NEXT_PUBLIC_RESEND_OTP_TIMER || '0.5');
+    const RESEND_OTP_TIMER = Math.round(RESEND_OTP_TIMER_MIN * 60);
+    const username = searchParams.get('username') || '';
+    const [trigger, { data: solidSettingsData }] = useLazyGetAuthSettingsQuery();
+    useEffect(() => {
+        trigger("") // Fetch settings on mount
+    }, [trigger])
+
+
+    const [initiateResendOTP] = useInitateRegisterMutation();
+    const [initiateOtpRegister] = useConfirmOtpRegisterMutation();
+    const toast = useRef<Toast>(null);
+    const router = useRouter();
+    const [timeLeft, setTimeLeft] = useState(RESEND_OTP_TIMER);
+    const [resendEnabled, setResendEnabled] = useState(false);
+
+    useEffect(() => {
+
+        // Set timer if not already set (e.g., after login)
+        const storedTime = localStorage.getItem(RESEND_OTP_KEY);
+        if (!storedTime) {
+            localStorage.setItem(RESEND_OTP_KEY, Date.now().toString());
+        }
+
+        const lastSent = storedTime ? parseInt(storedTime, 10) : Date.now();
+        const elapsed = Math.floor((Date.now() - lastSent) / 1000);
+        const remaining = RESEND_OTP_TIMER - elapsed;
+
+        if (remaining > 0) {
+            setTimeLeft(remaining);
+            setResendEnabled(false);
+        } else {
+            setTimeLeft(0);
+            setResendEnabled(true);
+        }
+    }, [email]);
+
+    useEffect(() => {
+        if (resendEnabled || timeLeft <= 0) return;
+
+        const interval = setInterval(() => {
+            setTimeLeft((prev) => {
+                if (prev <= 1) {
+                    clearInterval(interval);
+                    setResendEnabled(true);
+                    return 0;
+                }
+                return prev - 1;
+            });
+        }, 1000);
+
+        return () => clearInterval(interval);
+    }, [resendEnabled, timeLeft]);
+
+    const validationSchema = Yup.object({
+        otp: Yup.string()
+            .matches(/^\d{6}$/, ERROR_MESSAGES.OTP_CHARACTER(6))
+            .required(ERROR_MESSAGES.FIELD_REUQIRED('OTP')),
+    });
+
+    const showToast = (severity: "success" | "error", summary: string, detail: string) => {
+        toast.current?.show({
+            severity,
+            summary,
+            detail,
+            ...(severity === "error"
+                ? { sticky: true }            // stays until user closes
+                : { life: 3000 }),
+        });
+    };
+
+    const isFormFieldValid = (formik: any, fieldName: string) =>
+        formik.touched[fieldName] && formik.errors[fieldName];
+
+    const handleResendOtp = async () => {
+        try {
+            const payload = {
+                username: username,
+                email: email,
+                validationSources: ["email"]
+            };
+
+            const response = await initiateResendOTP(payload).unwrap();
+
+            if (response?.statusCode === 200) {
+                showToast("success", ERROR_MESSAGES.OPT_RESEND, response?.data?.message);
+                localStorage.setItem(RESEND_OTP_KEY, Date.now().toString());
+                setTimeLeft(RESEND_OTP_TIMER);
+                setResendEnabled(false);
+            } else {
+                showToast("error", ERROR_MESSAGES.LOGIN_ERROR, response.error);
+            }
+        } catch (err: any) {
+            showToast("error", ERROR_MESSAGES.LOGIN_ERROR, err?.data?.message || ERROR_MESSAGES.SOMETHING_WRONG);
+        }
+    };
+
+    return (
+        <>
+            <Toast ref={toast} />
+            <div className={`auth-container ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'center' : 'side'}`} style={{ minWidth: 480 }}>
+                {solidSettingsData?.data?.authPagesLayout === 'center' &&
+                    <div className="flex justify-content-center">
+                        <div className={`solid-logo flex align-items-center ${solidSettingsData?.data?.appLogoPosition}`}>
+                            <Image
+                                alt="solid logo"
+                                src={solidSettingsData?.data?.appLogo || SolidLogo}
+                                className="relative"
+                                fill
+                            />
+                        </div>
+                    </div>
+                }
+                <h2 className={`solid-auth-title ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'text-center' : 'text-left'}`}>OTP Verification</h2>
+                <p className="solid-auth-subtitle text-sm">
+                    Please enter the OTP sent to your email to complete verification
+                </p>
+                <>
+                    <Formik
+                        initialValues={{
+                            otp: "",
+                        }}
+                        validationSchema={validationSchema}
+                        onSubmit={async (values, { setSubmitting, setErrors }) => {
+                            try {
+                                const payload = {
+                                    type: "email",
+                                    identifier: email,
+                                    otp: values.otp
+                                };
+
+                                const response = await initiateOtpRegister(payload).unwrap(); // Call mutation trigger
+
+                                if (response?.statusCode === 200) {
+                                    localStorage.removeItem(`resendOtpRegister_${email}`);
+                                    showToast("success", ERROR_MESSAGES.LOGIN_SUCCESSFULLY, "Login");
+                                    router.push(`/auth/login`);
+                                } else {
+                                    showToast("error", ERROR_MESSAGES.INAVLID_OTP, response.error);
+                                    setErrors({
+                                        otp: ERROR_MESSAGES.INAVLID_OTP,
+                                    });
+                                }
+                            } catch (err: any) {
+                                showToast("error", ERROR_MESSAGES.LOGIN_ERROR, err?.data ? err?.data?.message : ERROR_MESSAGES.SOMETHING_WRONG);
+                            } finally {
+                                setSubmitting(false);
+                            }
+                        }}
+                    >
+                        {(formik) => (
+                            <Form>
+                                <div className="flex flex-column gap-2">
+                                    <label htmlFor="otp" className="solid-auth-input-label">Enter OTP</label>
+                                    <InputOtp
+                                        value={formik.values.otp}
+                                        onChange={(e) => formik.setFieldValue("otp", e.value)}
+                                        length={6}
+                                        style={{ width: '100%' }}
+                                        invalid={!!formik.errors.otp}
+                                    />
+                                    {isFormFieldValid(formik, "otp") && (
+                                        <Message className="text-red-500 text-sm" severity="error" text={formik.errors.otp?.toString()} />
+                                    )}
+                                    <div className="flex align-items-center justify-content-between">
+                                        <Button type="button" icon='pi pi-refresh' iconPos="left" link label="Resend Code" className="px-0 text-sm font-normal"
+                                            onClick={handleResendOtp}
+                                            disabled={!resendEnabled}
+                                        />
+                                        <p className="m-0 text-sm text-color">
+                                            {resendEnabled
+                                                ? "You can resend now"
+                                                : `Time left: ${Math.floor(timeLeft / 60)
+                                                    .toString()
+                                                    .padStart(2, "0")}:${(timeLeft % 60).toString().padStart(2, "0")}`}
+                                        </p>
+                                    </div>
+                                </div>
+                                <div className="mt-4">
+                                    <Button type="submit" className="w-full font-light auth-submit-button" label="Verify" disabled={formik.isSubmitting} loading={formik.isSubmitting} />
+                                    <Button type="button" label="Back" className="w-full auth-back-button text-center mt-1" link onClick={() => (window.location.href = '/auth/login')} />
+                                </div>
+                            </Form>
+                        )}
+                    </Formik>
+                </>
+            </div>
+            {/* <div className="text-center mt-5">
+            <div className="text-sm text-400 secondary-dark-color">
+                {'<'} Back to <Link className="font-bold" href="/auth/login">Sign In</Link>
+            </div>
+        </div> */}
+        </>
+    );
+};
+
+export default SolidInitiateRegisterOtp;

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

@@ -1 +1 @@
-{"version":3,"file":"SolidLogin.d.ts","sourceRoot":"./","sources":["components/auth/SolidLogin.tsx"],"names":[],"mappings":"AA4BA,QAAA,MAAM,UAAU,yDAA0D,GAAG,4CAmY5E,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"SolidLogin.d.ts","sourceRoot":"./","sources":["components/auth/SolidLogin.tsx"],"names":[],"mappings":"AA4BA,QAAA,MAAM,UAAU,yDAA0D,GAAG,4CAgZ5E,CAAC;AAEF,eAAe,UAAU,CAAC"}