"use client"; import * as React from "react"; import Link from "next/link"; import { z } from "zod"; import { useForm } from "react-hook-form"; import { zodResolver } from "@hookform/resolvers/zod"; import { EyeIcon, EyeOffIcon, LockIcon } from "lucide-react"; import { Button } from "@/components/ui/button"; import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "@/components/ui/card"; import { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, } from "@/components/ui/form"; import { Input } from "@/components/ui/input"; import { Alert, AlertDescription } from "@/components/ui/alert"; const passwordSchema = z .object({ password: z .string() .min(8, { message: "Password must be at least 8 characters" }) .regex(/[A-Z]/, { message: "Password must contain at least one uppercase letter", }) .regex(/[a-z]/, { message: "Password must contain at least one lowercase letter", }) .regex(/[0-9]/, { message: "Password must contain at least one number" }), confirmPassword: z.string(), }) .refine((data) => data.password === data.confirmPassword, { message: "Passwords do not match", path: ["confirmPassword"], }); type PasswordFormValues = z.infer; export default function SimpleReset() { const [isPasswordVisible, setIsPasswordVisible] = React.useState(false); const [isConfirmPasswordVisible, setIsConfirmPasswordVisible] = React.useState(false); const [isSubmitted, setIsSubmitted] = React.useState(false); const form = useForm({ resolver: zodResolver(passwordSchema), defaultValues: { password: "", confirmPassword: "", }, }); function onSubmit(data: PasswordFormValues) { console.log(data); setIsSubmitted(true); } const togglePasswordVisibility = () => { setIsPasswordVisible(!isPasswordVisible); }; const toggleConfirmPasswordVisibility = () => { setIsConfirmPasswordVisible(!isConfirmPasswordVisible); }; return (

Reset Password Create a new password for your account {isSubmitted ? ( Your password has been successfully reset. You can now{" "} sign in {" "} with your new credentials. ) : (

( New Password

Password must be at least 8 characters with uppercase, lowercase, and number. )} /> ( Confirm Password

)} /> )}

Remember your password?{" "} Sign in

); }

Reset Password

Simple Reset

Email Otp ResetPreview

Security Question ResetPreview

Token ResetPreview