Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99

--d --h --m --sGet Pro

Confirm Reauthenticate

ProNew

A password re-entry dialog in front of a sensitive action; a wrong password shows an error, clears the field and returns focus to it.

Customize

Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.

children

Guide and examples

When to use it

Use this before account-level changes: new email, payout details, API key creation, deleting the account. Requiring the password again limits damage from an unattended session.

Do not use it for ordinary actions or as the only protection for payments. It calls your verify function: the password check itself must be done on the server.

Installation

This item is part of tealmac UI Pro

The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.

Log in Get Pro for $35

Props

ConfirmReauthenticate

Prop	Type	Default	Description
`verify`	`(password: string) => Promise<boolean>`	-	Resolve true when the password is right, false when it is wrong. A rejection shows the "could not check" message.
`onConfirm`	`() => void`	-	Runs after verification.
`children`	`ReactNode`	-	The trigger.
`title, description`	`ReactNode`	-	Dialog text.

Accessibility

The password field is a labelled type="password" input with autocomplete="current-password".
A wrong password is announced in a role="alert" message, sets aria-invalid, clears the field and refocuses it; a network failure gets a different message.
The dialog cannot be dismissed while the check runs, and the typed password is cleared when it closes.

Keyboard

Key	Action
Enter	submits
Escape	cancels

Testing

The pattern ships a Testing Library test (confirm-reauthenticate.test.tsx) that covers the disabled button, verifying with Enter, wrong and failed checks, refocusing and resetting on cancel.