Files
accounted/lib/auth/classify-auth-error.ts
Jakob Wennberg 0bb0b89353 feat(auth): inline, specific error states on login and signup (#1440)
* feat(auth): inline, specific error states on login and signup

Auth failures now render inline next to the form instead of as a
top-right toast: a persistent alert with role=alert, aria-invalid
field highlighting, and focus returned to the offending field.

Login maps GoTrue error codes (invalid_credentials, email_not_confirmed,
rate limits, user_banned) to specific Swedish/English messages, with a
reset-password link embedded in the credentials error. The credentials
message stays 'wrong email or password' by design: GoTrue returns one
code for both cases to prevent account enumeration.

Signup gets a live password-requirements checklist, field-level errors
for weak/mismatched passwords, and inline handling of email-exists,
invalid-email and rate-limit responses with a sign-in link where that
is the recovery path.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

* fix(auth): treat email_provider_disabled as signup-disabled with specific copy

Review follow-up: GoTrue signals disabled email/password signups with
email_provider_disabled as well as signup_disabled; classify both (plus
the message-string fallback for older GoTrue) and give the register form
a specific inline message instead of the generic fallback.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

---------

Co-authored-by: Jakob Wennberg <311770904+jakobwennberg-oss@users.noreply.github.com>
Co-authored-by: Claude Fable 5 <noreply@anthropic.com>
2026-08-06 21:24:36 +02:00

63 lines
2.2 KiB
TypeScript

/**
* Classifies Supabase GoTrue auth errors into a small set of kinds the auth
* pages can map to specific, localized inline messages.
*
* Security note: GoTrue deliberately returns the same `invalid_credentials`
* code for "unknown email" and "wrong password" so the login form cannot be
* used to probe which addresses have accounts (anti-enumeration). The UI must
* keep that ambiguity: "wrong email or password", never "wrong password".
*
* Hosted runs a current GoTrue where `error.code` is always set; self-hosted
* installations may run older images without `code`, so the classifier falls
* back on the stable English message strings, then on HTTP status.
*/
export type AuthErrorKind =
| 'invalid_credentials'
| 'email_not_confirmed'
| 'rate_limited'
| 'user_banned'
| 'email_exists'
| 'weak_password'
| 'email_invalid'
| 'signup_disabled'
| 'unknown'
const CODE_MAP: Record<string, AuthErrorKind> = {
invalid_credentials: 'invalid_credentials',
email_not_confirmed: 'email_not_confirmed',
over_request_rate_limit: 'rate_limited',
over_email_send_rate_limit: 'rate_limited',
user_banned: 'user_banned',
user_already_exists: 'email_exists',
email_exists: 'email_exists',
weak_password: 'weak_password',
email_address_invalid: 'email_invalid',
signup_disabled: 'signup_disabled',
email_provider_disabled: 'signup_disabled',
}
export function classifyAuthError(error: unknown): AuthErrorKind {
if (typeof error !== 'object' || error === null) return 'unknown'
const { code, message, status } = error as {
code?: unknown
message?: unknown
status?: unknown
}
if (typeof code === 'string' && CODE_MAP[code]) return CODE_MAP[code]
if (typeof message === 'string') {
if (/invalid login credentials/i.test(message)) return 'invalid_credentials'
if (/email not confirmed/i.test(message)) return 'email_not_confirmed'
if (/already registered/i.test(message)) return 'email_exists'
if (/signups? not allowed/i.test(message)) return 'signup_disabled'
if (/signups? (are )?disabled/i.test(message)) return 'signup_disabled'
if (/rate limit/i.test(message)) return 'rate_limited'
}
if (status === 429) return 'rate_limited'
return 'unknown'
}