feat(login): add OTP (email and sms) (#6353)

* feat: login with otp * fix(i18n): japanese translation * add missing files * fix provider change * add event types translations to en * add tests * resourceOwner * remove unused handler * fix: secret generators and add comments * add setup step * rename * linting * fix setup * improve otp handling * fix autocomplete * translations for login and notifications * translations for event types * changes from review * check selected mfa type
2025-10-25 08:10:04 +00:00 · 2023-08-15 14:47:05 +02:00
parent faa9ed4de9
commit 7c494fd219
76 changed files with 3203 additions and 88 deletions
--- a/internal/api/ui/login/static/i18n/bg.yaml
+++ b/internal/api/ui/login/static/i18n/bg.yaml
@@ -85,6 +85,8 @@ InitMFAPrompt:
    потребителски акаунт.
  Provider0: 'Приложение за удостоверяване (напр. Google/Microsoft Authenticator, Authy)'
  Provider1: 'Зависи от устройството (напр. FaceID, Windows Hello, пръстов отпечатък)'
+  Provider3: OTP SMS
+  Provider4: OTP имейл
  NextButtonText: следващия
  SkipButtonText: пропуснете
 InitMFAOTP:
@@ -98,6 +100,15 @@ InitMFAOTP:
  CodeLabel: Код
  NextButtonText: следващия
  CancelButtonText: анулиране
+InitMFAOTPSMS:
+  Title: 2-факторна проверка
+  DescriptionPhone: Създайте своя 2-фактор. Въведете телефонния си номер, за да го потвърдите.
+  DescriptionCode: Създайте своя 2-фактор. Въведете получения код, за да потвърдите своя телефонен номер.
+  PhoneLabel: Тайна
+  CodeLabel: Код
+  EditButtonText: редактиране
+  ResendButtonText: код за препращане
+  NextButtonText: следващия
 InitMFAU2F:
  Title: Добавете ключ за сигурност
  Description: >-
@@ -118,6 +129,8 @@ InitMFADone:
 MFAProvider:
  Provider0: 'Приложение за удостоверяване (напр. Google/Microsoft Authenticator, Authy)'
  Provider1: 'Зависи от устройството (напр. FaceID, Windows Hello, пръстов отпечатък)'
+  Provider3: OTP SMS
+  Provider4: OTP имейл
  ChooseOther: или изберете друга опция
 VerifyMFAOTP:
  Title: Проверете 2-фактора
--- a/internal/api/ui/login/static/i18n/de.yaml
+++ b/internal/api/ui/login/static/i18n/de.yaml
@@ -89,6 +89,8 @@ InitMFAPrompt:
  Description: 2-Faktor-Authentifizierung gibt dir eine zusätzliche Sicherheit für dein Benutzerkonto. Damit stellst du sicher, dass nur du Zugriff auf deinen Account hast.
  Provider0: Authenticator App (e.g Google/Microsoft Authenticator, Authy)
  Provider1: Geräte abhängig (e.g FaceID, Windows Hello, Fingerprint)
+  Provider3: OTP SMS
+  Provider4: OTP Email
  NextButtonText: weiter
  SkipButtonText: überspringen

@@ -101,6 +103,16 @@ InitMFAOTP:
  NextButtonText: weiter
  CancelButtonText: abbrechen

+InitMFAOTPSMS:
+  Title: 2-Faktor hinzufügen
+  DescriptionPhone: Erstelle deinen 2-Faktor. Gib deine Telefonnummer ein, um sie zu verifizieren.
+  DescriptionCode: Erstelle deinen 2-Faktor. Gib den erhaltenen Code ein um deinen Telefonnummer zu verifizieren.
+  PhoneLabel: Telefonnummer
+  CodeLabel: Code
+  EditButtonText: bearbeiten
+  ResendButtonText: Code erneut senden
+  NextButtonText: weiter
+
 InitMFAU2F:
  Title: Sicherheitsschlüssel hinzufügen
  Description: Ein Sicherheitsschlüssel ist eine Verifizierungsmethode, die in Ihrem Telefon integriert sein kann, Bluetooth verwenden oder direkt an den USB-Anschluss Ihres Computers angeschlossen werden.
@@ -118,9 +130,18 @@ InitMFADone:
 MFAProvider:
  Provider0: Authenticator App (e.g Google/Microsoft Authenticator, Authy)
  Provider1: Geräte abhängig (e.g FaceID, Windows Hello, Fingerprint)
+  Provider3: OTP SMS
+  Provider4: OTP Email
  ChooseOther: oder wähle eine andere Option aus

 VerifyMFAOTP:
+  Title: 2-Faktor verifizieren
+  Description: Verifiziere deinen Zweitfaktor
+  CodeLabel: Code
+  ResendButtonText: Code erneut senden
+  NextButtonText: next
+
+VerifyOTP:
  Title: 2-Faktor verifizieren
  Description: Verifiziere deinen Zweitfaktor
  CodeLabel: Code
--- a/internal/api/ui/login/static/i18n/en.yaml
+++ b/internal/api/ui/login/static/i18n/en.yaml
@@ -89,6 +89,8 @@ InitMFAPrompt:
  Description: 2-factor authentication gives you an additional security for your user account. This ensures that only you have access to your account.
  Provider0: Authenticator App (e.g Google/Microsoft Authenticator, Authy)
  Provider1: Device dependent (e.g FaceID, Windows Hello, Fingerprint)
+  Provider3: OTP SMS
+  Provider4: OTP Email
  NextButtonText: next
  SkipButtonText: skip

@@ -101,6 +103,16 @@ InitMFAOTP:
  NextButtonText: next
  CancelButtonText: cancel

+InitMFAOTPSMS:
+  Title: 2-Factor Verification
+  DescriptionPhone: Create your 2-factor. Enter your phone number to verify it.
+  DescriptionCode: Create your 2-factor. Enter the received code to verify your phone number.
+  PhoneLabel: Phone
+  CodeLabel: Code
+  EditButtonText: edit
+  ResendButtonText: resend code
+  NextButtonText: next
+
 InitMFAU2F:
  Title: Add security key
  Description: A security key is a verification method that can be built into your phone, use Bluetooth, or plug directly into your computer's USB port.
@@ -110,7 +122,7 @@ InitMFAU2F:
  ErrorRetry: Retry, create a new challenge or choose a different method.

 InitMFADone:
-  Title: Security key verified
+  Title: 2-factor verified
  Description: Awesome! You just successfully set up your 2-factor and made your account way more secure. The Factor has to be entered on each login.
  NextButtonText: next
  CancelButtonText: cancel
@@ -118,6 +130,8 @@ InitMFADone:
 MFAProvider:
  Provider0: Authenticator App (e.g Google/Microsoft Authenticator, Authy)
  Provider1: Device dependent (e.g FaceID, Windows Hello, Fingerprint)
+  Provider3: OTP SMS
+  Provider4: OTP Email
  ChooseOther: or choose another option

 VerifyMFAOTP:
@@ -126,6 +140,13 @@ VerifyMFAOTP:
  CodeLabel: Code
  NextButtonText: next

+VerifyOTP:
+  Title: Verify 2-Factor
+  Description: Verify your second factor
+  CodeLabel: Code
+  ResendButtonText: resend code
+  NextButtonText: next
+
 VerifyMFAU2F:
  Title: 2-Factor Verification
  Description: Verify your 2-Factor with the registered device (e.g FaceID, Windows Hello, Fingerprint)
--- a/internal/api/ui/login/static/i18n/es.yaml
+++ b/internal/api/ui/login/static/i18n/es.yaml
@@ -89,6 +89,8 @@ InitMFAPrompt:
  Description: La autenticación de doble factor te proporciona seguridad adicional para tu cuenta de usuario. Ésta asegura que solo tú tienes acceso a tu cuenta.
  Provider0: App autenticadora (p.e Google/Microsoft Authenticator, Authy)
  Provider1: Dependiente de un dispositivo (p.e FaceID, Windows Hello, Huella dactilar)
+  Provider3: OTP SMS
+  Provider4: OTP email
  NextButtonText: siguiente
  SkipButtonText: saltar

@@ -101,6 +103,16 @@ InitMFAOTP:
  NextButtonText: siguiente
  CancelButtonText: cancelar

+InitMFASMS:
+  Title: Verificación de doble factor
+  DescriptionPhone: Crea tu doble factor de autenticación. Introduce tu número de teléfono para verificarlo.
+  DescriptionCode: Crea tu doble factor de autenticación. Ingrese el código recibido para verificar su número de teléfono.
+  PhoneLabel: Número de teléfono
+  CodeLabel: Código
+  EditButtonText: editar
+  ResendButtonText: reenviar código
+  NextButtonText: siguiente
+
 InitMFAU2F:
  Title: Añadir clave de seguridad
  Description: Una clave de seguridad es un método de verificación que puede integrarse en tu teléfono móvil, con Bluetooth, o conectándolo directamente en el puerto USB de tu ordenador.
@@ -118,6 +130,8 @@ InitMFADone:
 MFAProvider:
  Provider0: App autenticadora (p.e Google/Microsoft Authenticator, Authy)
  Provider1: Dependiente de un dispositivo (p.e FaceID, Windows Hello, Huella dactilar)
+  Provider3: OTP SMS
+  Provider4: OTP email
  ChooseOther: o elige otra opción

 VerifyMFAOTP:
--- a/internal/api/ui/login/static/i18n/fr.yaml
+++ b/internal/api/ui/login/static/i18n/fr.yaml
@@ -89,6 +89,8 @@ InitMFAPrompt:
  Description: L'authentification à deux facteurs vous offre une sécurité supplémentaire pour votre compte d'utilisateur. Vous êtes ainsi assuré d'être le seul à avoir accès à votre compte.
  Provider0: Application d'authentification (par exemple, Google/Microsoft Authenticator, Authy)
  Provider1: Dépend de l'appareil (par ex. FaceID, Windows Hello, empreinte digitale)
+  Provider3: OTP SMS
+  Provider4: OTP e-mail
  NextButtonText: Suivant
  SkipButtonText: Passer

@@ -101,6 +103,16 @@ InitMFAOTP:
  NextButtonText: Suivant
  CancelButtonText: Annuler

+InitMFASMS:
+  Title: Vérification à deux facteurs
+  DescriptionPhone: Créez votre 2-facteurs. Entrez votre numéro de téléphone pour le vérifier.
+  DescriptionCode: Créez votre 2-facteurs. Entrez le code reçu pour vérifier votre numéro de téléphone.
+  PhoneLabel: Numéro de téléphone
+  CodeLabel: Code
+  EditButtonText: Modifier
+  ResendButtonText: Renvoyer le code
+  NextButtonText: Suivant
+
 InitMFAU2F:
  Title: Ajouter une clé de sécurité
  Description: Une clé de sécurité est une méthode de vérification qui peut être intégrée à votre téléphone, utiliser Bluetooth ou se brancher directement sur le port USB de votre ordinateur.
@@ -118,6 +130,8 @@ InitMFADone:
 MFAProvider:
  Provider0: Application d'authentification (par exemple, Google/Microsoft Authenticator, Authy)
  Provider1: Dépend de l'appareil (par ex. FaceID, Windows Hello, empreinte digitale)
+  Provider3: OTP SMS
+  Provider4: OTP e-mail
  ChooseOther: ou choisissez une autre option

 VerifyMFAOTP:
--- a/internal/api/ui/login/static/i18n/it.yaml
+++ b/internal/api/ui/login/static/i18n/it.yaml
@@ -89,6 +89,8 @@ InitMFAPrompt:
  Description: L'autenticazione a due fattori offre un'ulteriore sicurezza al vostro account utente. Questo garantisce che solo voi possiate accedere al vostro account.
  Provider0: App Autenticatore (ad esempio Google/Microsoft Authenticator, Authy)
  Provider1: Dipende dal dispositivo (ad es. FaceID, Windows Hello, impronta digitale)
+  Provider3: OTP SMS
+  Provider4: OTP e-mail
  NextButtonText: Avanti
  SkipButtonText: salta

@@ -101,6 +103,16 @@ InitMFAOTP:
  NextButtonText: Avanti
  CancelButtonText: annulla

+InitMFASMS:
+  Title: Verificazione a 2 fattori
+  DescriptionPhone: Crea il tuo 2 fattori. Inserisci il tuo numero di telefono per verificarlo.
+  DescriptionCode: Crea il tuo 2 fattori. Inserisci il codice ricevuto per verificare il tuo numero di telefono.
+  PhoneLabel: Numero di telefono
+  CodeLabel: Codice
+  EditButtonText: Modifica
+  ResendButtonText: Reinvia codice
+  NextButtonText: Avanti
+
 InitMFAU2F:
  Title: Aggiungi chiave di sicurezza
  Description: Una chiave di sicurezza è un metodo di verifica che può essere integrato nel telefono, utilizzare il Bluetooth o collegarlo direttamente alla porta USB del computer.
@@ -118,6 +130,8 @@ InitMFADone:
 MFAProvider:
  Provider0: App Autenticatore (ad esempio Google/Microsoft Authenticator, Authy)
  Provider1: Dipende dal dispositivo (ad es. FaceID, Windows Hello, impronta digitale)
+  Provider3: OTP SMS
+  Provider4: OTP e-mail
  ChooseOther: o scegli un'altra opzione

 VerifyMFAOTP:
--- a/internal/api/ui/login/static/i18n/ja.yaml
+++ b/internal/api/ui/login/static/i18n/ja.yaml
@@ -82,6 +82,8 @@ InitMFAPrompt:
  Description: 二要素認証でアカウントのセキュリティを強化します。
  Provider0: 認証アプリ（Google/Microsoft Authenticator、Authyなど）
  Provider1: デバイス依存（例：FaceID、Windows Hello、指紋など）
+  Provider3: OTP SMS
+  Provider4: OTPメール
  NextButtonText: 次へ
  SkipButtonText: スキップ

@@ -94,6 +96,16 @@ InitMFAOTP:
  NextButtonText: 次へ
  CancelButtonText: キャンセル

+InitMFASMS:
+  Title: 二要素認証
+  DescriptionPhone: 二要素認証を作成します。確認するには電話番号を入力してください。
+  DescriptionCode: 二要素認証を作成します。受信したコードを入力して電話番号を確認します。
+  PhoneLabel: 電話番号
+  CodeLabel: コード
+  EditButtonText: 編集
+  ResendButtonText: コードを再送信
+  NextButtonText: 次へ
+
 InitMFAU2F:
  Title: セキュリティキーの追加
  Description: セキュリティキーは、携帯電話への組み込みや、Bluetoothの使用、パソコンのUSBポートに直接差し込むことなどで認証する方法です。
@@ -111,6 +123,8 @@ InitMFADone:
 MFAProvider:
  Provider0: Authenticatorアプリ（Google/Microsoft Authenticator、Authyなど）
  Provider1: デバイス依存（FaceID、Windows Hello、指紋など）
+  Provider3: OTP SMS
+  Provider4: OTPメール
  ChooseOther: または、他のオプションを選択

 VerifyMFAOTP:
--- a/internal/api/ui/login/static/i18n/mk.yaml
+++ b/internal/api/ui/login/static/i18n/mk.yaml
@@ -89,6 +89,8 @@ InitMFAPrompt:
  Description: 2-факторската автентикација ви дава дополнителна безбедност за вашата корисничка сметка. Ова обезбедува само вие да имате пристап до вашата сметка.
  Provider0: Апликација за автентикација (на пример Google/Microsoft Authenticator, Authy)
  Provider1: Во зависност од вашиот уред (на пример FaceID, Windows Hello, отпечаток од прст)
+  Provider3: ОТП СМС
+  Provider4: ОТП е-пошта
  NextButtonText: следно
  SkipButtonText: прескокни

@@ -101,6 +103,16 @@ InitMFAOTP:
  NextButtonText: следно
  CancelButtonText: откажи

+InitMFASMS:
+  Title: Потврда на 2-факторска автентикација
+  DescriptionPhone: Направете двофакторна автентикација. Внесете го вашиот телефонски број за да го потврдите.
+  DescriptionCode: Направете двофакторна автентикација. Внесете го примениот код за да го потврдите вашиот телефонски број.
+  PhoneLabel: Телефонски број
+  CodeLabel: Код
+  EditButtonText: Уредување
+  ResendButtonText: повторно испрати код
+  NextButtonText: следно
+
 InitMFAU2F:
  Title: Додајте безбедносен клуч
  Description: Безбедносниот клуч е метод на верификација кој може да се интегрира во вашиот телефон, да користи Bluetooth или директно да се поврзе во USB приклучокот на вашиот компјутер.
@@ -118,6 +130,8 @@ InitMFADone:
 MFAProvider:
  Provider0: Апликација за автентикација (на пример Google/Microsoft Authenticator, Authy)
  Provider1: Во зависност од вашиот уред (на пример FaceID, Windows Hello, отпечаток од прст)
+  Provider3: ОТП СМС
+  Provider4: ОТП е-пошта
  ChooseOther: или изберете друга опција

 VerifyMFAOTP:
--- a/internal/api/ui/login/static/i18n/pl.yaml
+++ b/internal/api/ui/login/static/i18n/pl.yaml
@@ -89,6 +89,8 @@ InitMFAPrompt:
  Description: 2-etapowe uwierzytelnianie daje Ci dodatkową ochronę dla Twojego konta użytkownika. Dzięki temu masz pewność, że tylko Ty masz dostęp do swojego konta.
  Provider0: Aplikacja uwierzytelniająca (np. Google/Microsoft Authenticator, Authy)
  Provider1: Zależny od urządzenia (np. FaceID, Windows Hello, Odcisk palca)
+  Provider3: OTP SMS
+  Provider4: OTP e-mail
  NextButtonText: dalej
  SkipButtonText: pomiń

@@ -101,6 +103,16 @@ InitMFAOTP:
  NextButtonText: dalej
  CancelButtonText: anuluj

+InitMFASMS:
+  Title: Weryfikacja 2-etapowa
+  DescriptionPhone: Utwórz uwierzytelnianie dwuskładnikowe. Wprowadź swój numer telefonu, aby go zweryfikować.
+  DescriptionCode: Utwórz uwierzytelnianie dwuskładnikowe. Wprowadź otrzymany kod, aby zweryfikować swój numer telefonu.
+  PhoneLabel: Numer telefonu
+  CodeLabel: Kod
+  EditButtonText: edytować
+  ResendButtonText: wyślij kod ponownie
+  NextButtonText: dalej
+
 InitMFAU2F:
  Title: Dodaj klucz zabezpieczeń
  Description: Klucz zabezpieczeń to metoda weryfikacji, która może być zintegrowana z twoim telefonem, używająca Bluetooth lub podłączana bezpośrednio do portu USB komputera.
@@ -118,6 +130,8 @@ InitMFADone:
 MFAProvider:
  Provider0: Aplikacja uwierzytelniająca (np. Google/Microsoft Authenticator, Authy)
  Provider1: Zależny od urządzenia (np. FaceID, Windows Hello, Odcisk palca)
+  Provider3: OTP SMS
+  Provider4: OTP e-mail
  ChooseOther: lub wybierz inną opcję

 VerifyMFAOTP:
--- a/internal/api/ui/login/static/i18n/pt.yaml
+++ b/internal/api/ui/login/static/i18n/pt.yaml
@@ -89,6 +89,8 @@ InitMFAPrompt:
  Description: A autenticação de 2 fatores fornece uma segurança adicional para sua conta de usuário. Isso garante que apenas você tenha acesso à sua conta.
  Provider0: Aplicativo de autenticação (por exemplo, Google/Microsoft Authenticator, Authy)
  Provider1: Dependente do dispositivo (por exemplo, FaceID, Windows Hello, Impressão digital)
+  Provider3: OTP SMS
+  Provider4: OTP e-mail
  NextButtonText: próximo
  SkipButtonText: pular

@@ -101,6 +103,16 @@ InitMFAOTP:
  NextButtonText: próximo
  CancelButtonText: cancelar

+InitMFASMS:
+  Title: Verificação de 2 fatores
+  DescriptionPhone: Crie sua verificação de 2 fatores. Digite seu número de telefone para verificá-lo.
+  DescriptionCode: Crie sua verificação de 2 fatores. Digite o código recebido para verificar seu número de telefone.
+  PhoneLabel: Número de telefone
+  CodeLabel: Código
+  EditButtonText: editar
+  ResendButtonText: reenviar código
+  NextButtonText: próximo
+
 InitMFAU2F:
  Title: Adicionar chave de segurança
  Description: Uma chave de segurança é um método de verificação que pode ser incorporado ao seu telefone, usar Bluetooth ou conectar diretamente à porta USB do seu computador.
@@ -118,6 +130,8 @@ InitMFADone:
 MFAProvider:
  Provider0: Aplicativo de autenticação (por exemplo, Google/Microsoft Authenticator, Authy)
  Provider1: Dependente do dispositivo (por exemplo, FaceID, Windows Hello, Impressão digital)
+  Provider3: OTP SMS
+  Provider4: OTP e-mail
  ChooseOther: ou escolha outra opção

 VerifyMFAOTP:
--- a/internal/api/ui/login/static/i18n/zh.yaml
+++ b/internal/api/ui/login/static/i18n/zh.yaml
@@ -89,6 +89,8 @@ InitMFAPrompt:
  Description: 两步验证为您的账户提供了额外的安全保障。这确保只有你能访问你的账户。
  Provider0: 软件应用（如 Google/Migrosoft Authenticator、Authy）
  Provider1: 硬件设备（如 Face ID、Windows Hello、指纹）
+  Provider3: 一次性密码短信
+  Provider4: 一次性密码电子邮件
  NextButtonText: 继续
  SkipButtonText: 跳过

@@ -96,6 +98,16 @@ InitMFAOTP:
  Title: 双因素验证
  Description: 创建你的双因素。如果你还没有，请下载一个认证器应用程序。
  OTPDescription: 使用您的身份验证器应用程序（例如 Google Authenticator）扫描代码或复制密码并在下方插入生成的代码。
+  PhoneLabel: 电话号码
+  CodeLabel: 验证码
+  EditButtonText: 编辑
+  ResendButtonText: 重发代码
+  NextButtonText: 继续
+
+InitMFASMS:
+  Title: 双因素验证
+  DescriptionPhone: 创建双因素身份验证。输入您的电话号码进行验证。
+  DescriptionCode: 创建双因素身份验证。输入收到的代码以验证您的电话号码。
  SecretLabel: 秘钥
  CodeLabel: 验证码
  NextButtonText: 继续
@@ -118,6 +130,8 @@ InitMFADone:
 MFAProvider:
  Provider0: 软件应用（如 Google/Migrosoft Authenticator、Authy）
  Provider1: 硬件设备（如 Face ID、Windows Hello、指纹）
+  Provider3: 一次性密码短信
+  Provider4: 一次性密码电子邮件
  ChooseOther: 或选择其他选项

 VerifyMFAOTP: