Two Factor Setup

Подключение двухфакторной защиты: способ, QR-код или телефон, проверка кода. Pro · Аккаунт и доступ › Безопасность и вход

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add two-factor-setup

npm install valyro-ui-pro

import 'valyro-ui-pro/styles.css';
import { TwoFactorSetup } from 'valyro-ui-pro';

Пропсы

Prop	Type	Default
`step`	`number`		Current step (controlled): 0 method, 1 connect, 2 verify, 3 done.
`defaultStep`	`number`		Initial `step` when uncontrolled.
`onStepChange`	`(step: number) => void`		Called with the new `step` when it changes.
`method`	`'app' \| 'sms'`		Chosen method (controlled).
`defaultMethod`	`'app' \| 'sms'`		Initial `method` when uncontrolled.
`onMethodChange`	`(method: TwoFactorMethod) => void`		Called with the new `method` when it changes.
`qrCode`	`ReactNode`		QR code of the authenticator secret (an <img> or an SVG you generate).
`secret`	`string`		The same secret as text, for typing in by hand.
`onVerify`	`(code: string, method: TwoFactorMethod, phone: string) => boolean \| Promise<boolean>`		Checks a code; return false (or a promise of false) to show an error. A throw or rejection shows `verifyFailed`.
`onSendCode`	`(phone: string) => void \| Promise<void>`		SMS: sends the code when the phone number is confirmed; the setup waits for it and stays put if it fails.
`headingLevel`	`1 \| 2 \| 3 \| 4 \| 5 \| 6`	`2`	Level of the title (default 2).
`labels`	`Partial<TwoFactorSetupLabels>`		Overrides for the built-in English text; keys left out keep their defaults.

Похожие компоненты

Active Sessions — Активные сессии: текущая, подозрительные входы, отзыв доступа
Access Tokens — Личные токены доступа: область, последнее использование, отзыв
Age Gate — Проверка возраста: дата рождения, запоминание, отказ младше лимита
Profile Details — Профиль: заполненность, подтверждённые контакты, поля
Address Book — Адресная книга: дом, офис, адреса по умолчанию и действия
Social Profiles — Соцсети профиля: перестановка, подтверждение, копирование ссылки
Settings Panel — Страница настроек: навигация по разделам, панель несохранённых изменений, опасная зона
Permission Matrix — Матрица ролей и прав: наследование, блокировки, массовые переключатели, черновик изменений
Audit Log — Журнал действий: фильтры, diff полей, экспорт в CSV, подгрузка
Privacy Center — Центр приватности: оценка, группы настроек, счётчики защиты
Support Center — Поддержка: каналы связи со статусом, тикеты с фильтром

Назад: Rich Text Editor · Далее: Active Sessions · Весь раздел «Аккаунт и доступ»