import { Head } from '@inertiajs/react' import { CircleAlert, UserRoundCheck } from 'lucide-react' import type { FormEvent } from 'react' import { useState } from 'react' import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert' import { Button } from '@/components/ui/button' import { Input } from '@/components/ui/input' import { t } from '@/lib/i18n' import { formatAbsolute } from '@/lib/format' import { route } from '@/lib/routes' interface Props { valid: boolean email: string token: string expires_at: string | null } export default function AcceptInvitation({ valid, email, token, expires_at }: Props) { const [password, setPassword] = useState('') const [confirmation, setConfirmation] = useState('') const [error, setError] = useState('') const [submitting, setSubmitting] = useState(false) const submit = async (event: FormEvent) => { event.preventDefault() setError('') setSubmitting(true) try { const response = await fetch(route('invitation.accept', { token }), { method: 'POST', credentials: 'same-origin', headers: { 'Content-Type': 'application/json', 'X-CSRFToken': csrfToken() }, body: JSON.stringify({ password, password_confirmation: confirmation }), }) const body = await response.json() if (!response.ok) { setError(t(`invitation.error.${body.error?.code ?? 'UNKNOWN'}` as Parameters[0])) return } window.location.assign(body.redirect) } catch { setError(t('invitation.error.NETWORK')) } finally { setSubmitting(false) } } return (

{t('invitation.title')}

{t('invitation.description')}

{!valid ? ( {t('invitation.invalid.title')} {t('invitation.invalid.description')} ) : (
{expires_at ?

{t('invitation.expiresAt', { expires: formatAbsolute(expires_at, 'America/New_York') })}

: null}
setPassword(event.target.value)} required />

{t('invitation.password.help')}

setConfirmation(event.target.value)} required />
{error ?

{error}

: null}
)}
) } function csrfToken(): string { const entry = document.cookie.split('; ').find((chunk) => chunk.startsWith('csrftoken=')) return entry ? decodeURIComponent(entry.slice('csrftoken='.length)) : '' }