import { Form, Head, usePage } from '@inertiajs/react'; import { useMemo, useState } from 'react'; import ContactNumberInput from '@/components/contact-number-input'; import TurnstileField from '@/components/turnstile-field'; import InputError from '@/components/input-error'; import PasswordInput from '@/components/password-input'; import TextLink from '@/components/text-link'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '@/components/ui/select'; import { Spinner } from '@/components/ui/spinner'; import { countryOptions } from '@/lib/countries'; import { login } from '@/routes'; import { store } from '@/routes/register'; type Props = { turnstileSiteKey?: string | null; }; export default function Register({ turnstileSiteKey }: Props) { const [country, setCountry] = useState(''); const [turnstileToken, setTurnstileToken] = useState(null); const turnstileRequired = Boolean(turnstileSiteKey?.trim()); const { url } = usePage(); const referralCode = useMemo(() => { const query = url.split('?')[1] ?? ''; return new URLSearchParams(query).get('ref') ?? ''; }, [url]); return ( <>
{({ processing, errors }) => ( <>
¿Ya tienes cuenta?{' '} Iniciar sesión
)}
); } Register.layout = { title: 'Crear una cuenta', description: 'Completa tus datos para registrarte', };