@solidxai/core-ui 0.1.1 → 0.1.2

package/src/components/auth/ForgotPasswordThankYou.tsx

@@ -1,31 +0,0 @@
-import Link from "../common/Link";
-import { useSearchParams } from "../../hooks/useSearchParams";
-import { useLazyGetAuthSettingsQuery } from "../../redux/api/solidSettingsApi";
-import { useEffect } from "react";
-
-
-export const ForgotPasswordThankYou = () => {
-    const [trigger, { data: solidSettingsData }] = useLazyGetAuthSettingsQuery()
-
-    useEffect(() => {
-        trigger("") // Fetch settings on mount
-    }, [trigger])
-
-    const searchParams = useSearchParams();
-    const email = searchParams.get('email');
-    const decodedEmail = email ? decodeURIComponent(email) : '';
-    return (
-        <div>
-            <div className={`auth-container ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'center' : 'side'}`}>
-                <h5 className='text-center font-bold'>We have sent an email to your registered email address</h5>
-                <p className='font-bold text-center'>{decodedEmail}</p>
-                <p className='text-center'>
-                    Please follow the instructions in the email
-                </p>
-                <div className='text-center'>
-                    <Link href={"/"} className='btn'>Back to Home</Link>
-                </div>
-            </div>
-        </div>
-    )
-}

package/src/components/auth/GoogleAuthChecking.tsx

@@ -1,60 +0,0 @@
-import { ERROR_MESSAGES } from '../../constants/error-messages';
-import { signInWithOAuthAccessCode } from "../../adapters/auth/index";
-import { useRouter } from "../../hooks/useRouter";
-import { useSearchParams } from "../../hooks/useSearchParams";
-import { ProgressSpinner } from 'primereact/progressspinner';
-import { Toast } from 'primereact/toast';
-import { useEffect, useRef, useState } from 'react'
-import { env } from "../../adapters/env";
-import showToast from "../../helpers/showToast";
-
-export const GoogleAuthChecking = () => {
-    const searchParams = useSearchParams();
-    const accessCode = searchParams.get("accessCode");
-
-    const router = useRouter();
-    const [error, setError] = useState<string | null>(null);
-    const toast = useRef<Toast>(null);
-    useEffect(() => {
-        const handleOAuthAuthentication = async () => {
-            if (!accessCode) {
-                showToast(toast, "error", ERROR_MESSAGES.LOGIN_ERROR, ERROR_MESSAGES.AUTHENICATION__FAILED);
-                setError(ERROR_MESSAGES.AUTHENICATION__FAILED);
-                return;
-            }
-
-            try {
-                const response = await signInWithOAuthAccessCode({
-                    accessCode: accessCode,
-                });
-
-                if (response?.error) {
-                    showToast(toast, "error", ERROR_MESSAGES.LOGIN_ERROR, response.error);
-                    setError(ERROR_MESSAGES.AUTHENICATION__FAILED)
-                } else {
-                    showToast(toast, "success", ERROR_MESSAGES.LOGIN_SUCCESS, ERROR_MESSAGES.DASHBOARD_REDIRECTING);
-                    const redirectUrl = env("NEXT_PUBLIC_LOGIN_REDIRECT_URL") || "/admin";
-                    router.push(redirectUrl);
-                }
-            } catch (err: any) {
-                showToast(toast, "error", ERROR_MESSAGES.LOGIN_ERROR, err?.data?.message || ERROR_MESSAGES.AUTHENICATION__FAILED);
-            }
-        };
-
-        handleOAuthAuthentication();
-    }, [accessCode, router]);
-
-    if (error) {
-        return (
-            <div className="flex items-center justify-center min-h-screen">
-                <h2 className="text-red-500 text-xl font-semibold">{error}</h2>
-            </div>
-        );
-    }
-    return (
-        <div>
-            <Toast ref={toast} />
-            <ProgressSpinner />
-        </div>
-    )
-}

package/src/components/auth/SolidChangeForcePassword.tsx

@@ -1,213 +0,0 @@
-import { ERROR_MESSAGES } from '../../constants/error-messages';
-import { useChangePasswordMutation } from '../../redux/api/authApi';
-import { useFormik } from 'formik';
-import { signOut } from "../../adapters/auth/index";
-import { useSession } from "../../hooks/useSession";
-import { Button } from 'primereact/button';
-import { Message } from 'primereact/message';
-import { Password } from 'primereact/password';
-import { Toast } from 'primereact/toast';
-import { useRef } from 'react';
-import * as Yup from 'yup';
-import { env } from "../../adapters/env";
-import showToast from "../../helpers/showToast";
-
-const SolidChangeForcePassword = () => {
-    const toast = useRef<Toast>(null);
-    const [changePassword] = useChangePasswordMutation();
-
-    const session: any = useSession();
-
-    const envPasswordRegex = env("NEXT_PUBLIC_PASSWORD_REGEX");
-    const envPasswordHelperText = env("NEXT_PUBLIC_PASSWORD_COMPLEXITY_DESC");
-    let passwordRegex: RegExp | null = null;
-    try {
-        if (envPasswordRegex) {
-            const unescaped = JSON.parse(`"${envPasswordRegex}"`);
-            passwordRegex = new RegExp(unescaped);
-        }
-    } catch (error) {
-        console.error(ERROR_MESSAGES.INVALID_PASSWORD_REGX, error);
-    }
-
-    const newPasswordValidation = passwordRegex
-        ? Yup.string()
-            .matches(passwordRegex, ERROR_MESSAGES.PASSWORD_DO_NOT_MEET)
-            .required(ERROR_MESSAGES.FIELD_REUQIRED('New password'))
-        : Yup.string().min(6, ERROR_MESSAGES.PASSWORD_CHARACTER(6))
-            .required(ERROR_MESSAGES.FIELD_REUQIRED('New password'));
-
-    const validationSchema = Yup.object({
-        email: Yup.string().email(ERROR_MESSAGES.FIELD_INAVLID_FORMAT('email')).required(ERROR_MESSAGES.FIELD_REUQIRED('Email')),
-        currentPassword: Yup.string().min(6, ERROR_MESSAGES.PASSWORD_CHARACTER(6)).required(ERROR_MESSAGES.FIELD_REUQIRED('Current password')),
-        newPassword: newPasswordValidation,
-        confirmPassword: Yup.string()
-            .oneOf([Yup.ref('newPassword')], ERROR_MESSAGES.MUST_MATCH)
-            .required(ERROR_MESSAGES.FIELD_REUQIRED('Confirm password')),
-        id: Yup.number().required(ERROR_MESSAGES.FIELD_REUQIRED('User ID')),
-    });
-
-    const formik = useFormik({
-        initialValues: {
-            email: session?.data?.user?.email,
-            currentPassword: "",
-            newPassword: "",
-            confirmPassword: "",
-            id: session?.data?.user?.id,
-        },
-        validationSchema,
-        onSubmit: async (values, { setErrors }) => {
-            try {
-                const payload = {
-                    id: values.id,
-                    email: session?.data?.user?.email,
-                    currentPassword: values.currentPassword,
-                    newPassword: values.newPassword,
-                };
-
-                // Call the mutation and handle the response
-                const response = await changePassword(payload).unwrap(); // Await the API call and unwrap to handle errors.
-                if (response?.error) {
-                    showToast(toast, "error", ERROR_MESSAGES.ERROR, response.error)
-                    setErrors({
-                        currentPassword: ERROR_MESSAGES.INCORRECT_CURRENT,
-                        newPassword: ERROR_MESSAGES.MUST_MATCH,
-                        confirmPassword: ERROR_MESSAGES.MUST_MATCH,
-                    })
-                } else {
-                    showToast(toast, "success", ERROR_MESSAGES.FORCE_PASSWORD_CHANGE, ERROR_MESSAGES.PASSWORD_CHANGE);
-                    signOut({ callbackUrl: "/auth/login" })
-                }
-            } catch (err: any) {
-                showToast(toast, "error", ERROR_MESSAGES.LOGIN_ERROR, err?.data?.message);
-                // setErrors({
-                //     currentPassword: "Incorrect Current Password",
-                // })
-            }
-        },
-    });
-    const isFormFieldValid = (formik: any, fieldName: string) =>
-        formik.touched[fieldName] && formik.errors[fieldName];
-
-    const passwordPolicies = [
-        {
-            policy: "8 characters minimum"
-        },
-        {
-            policy: "No Spaces Allowed"
-        },
-        {
-            policy: "One uppercase letter"
-        },
-        {
-            policy: "One lowercase letter"
-        },
-        {
-            policy: "One numeric digit"
-        },
-        {
-            policy: "One special character(!, @, #, $)"
-        },
-    ]
-
-    return (
-        <>
-            <Toast ref={toast} />
-
-            <form onSubmit={formik.handleSubmit} className='d-flex flex-column gap-3 auth-form'>
-                <div className="flex flex-column gap-2 mt-2" style={{}}>
-                    <label htmlFor="currentPassword" className="solid-auth-input-label">Current Password</label>
-                    <Password
-                        id="currentPassword"
-                        name="currentPassword"
-                        value={formik.values.currentPassword}
-                        onChange={formik.handleChange}
-                        onBlur={formik.handleBlur}
-                        toggleMask
-                        invalid={!!formik.errors.currentPassword}
-                        inputClassName="w-full"
-                        feedback={false}
-                    />
-                    {isFormFieldValid(formik, "currentPassword") && <Message
-                        className="text-red-500 text-sm"
-                        severity="error"
-                        text={formik?.errors?.currentPassword?.toString()}
-                    />}
-                </div>
-                <div className="flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4" style={{}}>
-                    <label htmlFor="password" className="solid-auth-input-label">New Password</label>
-                    <Password
-                        id="newPassword"
-                        name="newPassword"
-                        value={formik.values.newPassword}
-                        onChange={formik.handleChange}
-                        onBlur={formik.handleBlur}
-                        toggleMask
-                        invalid={!!formik.errors.newPassword}
-                        inputClassName="w-full"
-                        feedback={false}
-                    />
-                    {isFormFieldValid(formik, "newPassword") && <Message
-                        className="text-red-500 text-sm"
-                        severity="error"
-                        text={formik?.errors?.newPassword?.toString()}
-                    />}
-                </div>
-                <div className="flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4" style={{}}>
-                    <label htmlFor="password" className="solid-auth-input-label">Confirm Password</label>
-                    <Password
-                        id="confirmPassword"
-                        name="confirmPassword"
-                        value={formik.values.confirmPassword}
-                        onChange={formik.handleChange}
-                        onBlur={formik.handleBlur}
-                        toggleMask
-                        invalid={!!formik.errors.confirmPassword}
-                        inputClassName="w-full"
-                        feedback={false}
-                    />
-                    {isFormFieldValid(formik, "confirmPassword") && <Message
-                        className="text-red-500 text-sm"
-                        severity="error"
-                        text={formik?.errors?.confirmPassword?.toString()}
-                    />}
-                </div>
-                {/* <div className='mt-4'>
-                    <div className='grid'>
-                        {passwordPolicies.map((policy, index) => {
-                            return (
-                                <div key={index} className='col-6'>
-                                    <p className="solid-auth-input-label flex align-items-center gap-2">
-                                        <div className='flex align-items-center justify-content-center' style={{ height: 14, width: 14, borderRadius: '50%', backgroundColor: '#A4A4A4' }}>
-                                            <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
-                                                <path d="M4.86813 8.72999L2.28979 6.15166L2.91396 5.52749L4.86813 7.48166L9.08563 3.26416L9.7098 3.88833L4.86813 8.72999Z" fill="#E8EAED" />
-                                            </svg>
-                                        </div>
-                                        {policy.policy}
-                                    </p>
-                                </div>
-                            )
-                        })}
-                    </div>
-                </div> */}
-                {envPasswordHelperText && (
-                    <div className="mt-4">
-                        <div className="grid">
-                            {envPasswordHelperText
-                                .split('\\n')
-                                .map((text, idx) => (
-                                    <div key={idx} className="col-6 pt-0">
-                                        <div className='flex gap-2'><span>•</span><span>{text}</span></div>
-                                    </div>
-                                ))}
-                        </div>
-                    </div>
-                )}
-                <div className="mt-4">
-                    <Button className="w-full font-light auth-submit-button" label="Change Password" disabled={formik.isSubmitting} loading={formik.isSubmitting} />
-                </div>
-            </form>
-        </>
-    )
-}
-export default SolidChangeForcePassword

package/src/components/auth/SolidForgotPassword.tsx

@@ -1,116 +0,0 @@
-import { useInitiateChangePasswordMutation } from "../../redux/api/authApi";
-import { useFormik } from "formik";
-import { useRouter } from "../../hooks/useRouter";
-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 "../common/Image";
-import SolidLogo from '../../resources/images/SolidXLogo.svg'
-import { ERROR_MESSAGES } from "../../constants/error-messages";
-import { useLazyGetAuthSettingsQuery } from "../../redux/api/solidSettingsApi";
-import showToast from "../../helpers/showToast";
-
-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 [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(toast, "error", ERROR_MESSAGES.ERROR, response.error)
-                )
-            } catch (err: any) {
-                showToast(toast, "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/src/components/auth/SolidInitialLoginOtp.tsx

@@ -1,231 +0,0 @@
-import { useInitateLoginMutation } from "../../redux/api/authApi";
-import { Form, Formik } from "formik";
-import Image from "../common/Image";
-import { useRouter } from "../../hooks/useRouter";
-import { useSearchParams } from "../../hooks/useSearchParams";
-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 { signInWithOtp } from "../../adapters/auth/index";
-import { ERROR_MESSAGES } from "../../constants/error-messages";
-import { useLazyGetAuthSettingsQuery } from "../../redux/api/solidSettingsApi";
-import { env } from "../../adapters/env";
-import showToast from "../../helpers/showToast";
-
-
-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(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 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 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(toast, "success", ERROR_MESSAGES.OPT_RESEND, response?.data?.message);
-                localStorage.setItem(RESEND_OTP_KEY, Date.now().toString());
-                setTimeLeft(RESEND_OTP_TIMER);
-                setResendEnabled(false);
-            } else {
-                showToast(toast, "error", ERROR_MESSAGES.LOGIN_ERROR, response.error);
-            }
-        } catch (err: any) {
-            showToast(toast, "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 response = await signInWithOtp({
-                                    type: type,
-                                    identifier: identifier,
-                                    otp: values.otp,
-                                });
-
-                                if (response?.error) {
-                                    showToast(toast, "error", ERROR_MESSAGES.INAVLID_OTP, response.error);
-                                    setErrors({
-                                        otp: ERROR_MESSAGES.INAVLID_OTP,
-                                    });
-                                } else {
-                                    localStorage.removeItem(`resendOtpLogin_${identifier}`);
-                                    showToast(toast, "success", ERROR_MESSAGES.LOGIN_SUCCESS, ERROR_MESSAGES.DASHBOARD_REDIRECTING);
-                                    const redirectUrl = env("NEXT_PUBLIC_LOGIN_REDIRECT_URL") || "/admin";
-                                    router.push(redirectUrl);
-                                }
-                            } catch (err: any) {
-                                showToast(toast, "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;