[V0_FILE]typescript:file="types/profile.ts" isEdit="true" isMerged="true" export interface GeneratorOptions { gender: "random" | "male" | "female" nameSet: "american" | "hispanic" country: string } [V0_FILE]typescriptreact:file="components/generator-form.tsx" isEdit="true" isMerged="true" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import type { GeneratorOptions } from "../types/profile" interface GeneratorFormProps { onGenerate: (options: GeneratorOptions) => void isLoading: boolean } const countries = [ { value: "united-states", label: "United States" }, { value: "united-kingdom", label: "United Kingdom" }, { value: "canada", label: "Canada" }, { value: "australia", label: "Australia" }, { value: "germany", label: "Germany" }, { value: "france", label: "France" }, { value: "japan", label: "Japan" }, { value: "bangladesh", label: "Bangladesh" }, { value: "brazil", label: "Brazil" }, { value: "mexico", label: "Mexico" }, ] export function GeneratorForm({ onGenerate, isLoading }: GeneratorFormProps) { const [options, setOptions] = useState({ gender: "random", nameSet: "american", country: "united-states", }) return (

Your Randomly Generated Identity

Gender

Name set

Country

) } [V0_FILE]typescriptreact:file="components/profile-display.tsx" isMerged="true" import type { Profile } from "../types/profile" interface ProfileDisplayProps { profile: Profile } export function ProfileDisplay({ profile }: ProfileDisplayProps) { return (

{profile.name}

{profile.address.street}
{profile.address.city}, {profile.address.state} {profile.address.zipCode}

PERSONAL

Mother's maiden name: {profile.mothersMaidenName}
SSN: {profile.ssn}
Geo coordinates: {profile.geoCoordinates}

PHONE

Number: {profile.phone.number}
Country code: {profile.phone.countryCode}

BIRTHDAY

Date: {profile.birthday.date}
Age: {profile.birthday.age} years old
Tropical zodiac: {profile.birthday.zodiac}

ONLINE

Email: {profile.online.email}
Username: {profile.online.username}
Password: {profile.online.password}
Website: {profile.online.website}

FINANCE

Visa: {profile.finance.visa}

) } [V0_FILE]typescriptreact:file="page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useState } from "react" import { GeneratorForm } from "./components/generator-form" import { ProfileDisplay } from "./components/profile-display" import { generateProfile } from "./actions/generate" import type { Profile, GeneratorOptions } from "./types/profile" export default function Page() { const [profile, setProfile] = useState(null) const [isLoading, setIsLoading] = useState(false) async function handleGenerate(options: GeneratorOptions) { setIsLoading(true) try { const newProfile = await generateProfile(options) setProfile(newProfile) } finally { setIsLoading(false) } } return (

FAKE NAME GENERATOR™

{profile && }

) } [V0_FILE]typescript:file="actions/generate.ts" isEdit="true" "use server" import type { GeneratorOptions, Profile } from "../types/profile" function generateRandomName(): string { const firstNames = ["Allen", "Sarah", "Michael", "Emma", "James"] const lastNames = ["Boyd", "Smith", "Johnson", "Williams", "Brown"] return `${firstNames[Math.floor(Math.random() * firstNames.length)]} ${lastNames[Math.floor(Math.random() * lastNames.length)]}` } function generateRandomAddress(): string { const numbers = Math.floor(Math.random() * 9999) const streets = ["Gore Street", "Main Street", "Oak Avenue", "Maple Drive"] return `${numbers} ${streets[Math.floor(Math.random() * streets.length)]}` } function getCountryData(country: string) { const countryData: { [key: string]: any } = { "united-states": { city: "New York", state: "NY", zipCode: "10001", ssn: "123-45-6789", geoCoordinates: "40.7128° N, 74.0060° W", phoneNumber: "(212) 555-1234", countryCode: "1", emailDomain: "example.com", }, "united-kingdom": { city: "London", state: "England", zipCode: "SW1A 1AA", ssn: "AB 12 34 56 C", geoCoordinates: "51.5074° N, 0.1278° W", phoneNumber: "020 7946 0958", countryCode: "44", emailDomain: "example.co.uk", }, bangladesh: { city: "Dhaka", state: "Dhaka Division", zipCode: "1000", ssn: "N/A", // Bangladesh doesn't use SSN geoCoordinates: "23.8103° N, 90.4125° E", phoneNumber: "01700-000000", countryCode: "880", emailDomain: "example.com.bd", }, // ... other countries ... } return countryData[country] || countryData["united-states"] // Default to US if country not found } export async function generateProfile(options: GeneratorOptions): Promise { // Simulate server delay await new Promise((resolve) => setTimeout(resolve, 500)) // Use options.country to generate country-specific data const countryData = getCountryData(options.country) return { name: generateRandomName(), address: { street: generateRandomAddress(), city: countryData.city, state: countryData.state, zipCode: countryData.zipCode, }, mothersMaidenName: "Bunker", ssn: countryData.ssn, geoCoordinates: countryData.geoCoordinates, phone: { number: countryData.phoneNumber, countryCode: countryData.countryCode, }, birthday: { date: "April 29, 1985", age: 39, zodiac: "Taurus", }, online: { email: `example@${countryData.emailDomain}`, username: "Anthery", password: "haefoh9IMl7", website: "ghhgp.com", userAgent: "Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.103 Safari/537.36", }, finance: { visa: "4716 7013 2118 8666", }, } }