"use client"; import { useState } from "react"; import { toast } from "sonner"; import { createSchema, InferType } from "@buildnbuzz/buzzform"; import { Form, FormContent, FormFields, FormSubmit, FormActions, } from "@/registry/base/form"; import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger, } from "@/components/ui/dialog"; import { Button } from "@/components/ui/button"; import Link from "next/link"; // Registration form with password strength const registerSchema = createSchema([ { type: "text", name: "name", label: "Full Name", placeholder: "John Doe", required: true, }, { type: "email", name: "email", label: "Email", placeholder: "you@example.com", required: true, }, { type: "password", name: "password", label: "Password", placeholder: "Create a strong password", required: true, minLength: 8, criteria: { requireUppercase: true, requireLowercase: true, requireNumber: true, requireSpecial: true, }, ui: { strengthIndicator: true, showRequirements: true, allowGenerate: true, copyable: true, }, autoComplete: "new-password", }, { type: "checkbox", name: "terms", label: ( I agree to the Terms of Service and{" "} Privacy Policy ), required: true, }, ]); type RegisterSchema = InferType; export default function RegisterFormDialog() { const [open, setOpen] = useState(false); const handleSubmit = async (data: RegisterSchema) => { await new Promise((resolve) => setTimeout(resolve, 1500)); toast("Account created!", { description: (

          {JSON.stringify(data, null, 2)}

), }); setOpen(false); }; return ( ); }