fix: improvements for login flow (incl. webauthn) (#1026)

* fix: typo ZITADEL uppercase for OTP Issuer

* fix: password validation after change in current user agent

* fix: otp validation after setup in current user agent

* add waiting

* add waiting

* show u2f state

* regenerate css

* add useragentID to webauthn verify

* return mfa attribute in mgmt

* switch between providers

* use preferredLoginName for webauthn display

* some fixes

* correct translations for login

* add some missing event translations

* fix usersession test

* remove unnecessary cancel button on password change done

internal/ui/login/static/templates/change_password_done.html

@@ -15,9 +15,6 @@
 
     <div class="actions">
         <button class="primary right" type="submit">{{t "Actions.Next"}}</button>
-        <a class="button secondary" href="{{ loginUrl }}">
-            {{t "Actions.Cancel"}}
-        </a>
     </div>
 </form>
 

internal/ui/login/static/templates/mfa_init_u2f.html

@@ -30,7 +30,9 @@
     {{ template "error-message" .}}
 
     <div class="actions">
-        <button class="secondary right wa-support" id="submit-button" type="submit" name="recreate" value="true">{{t "Actions.Recreate"}}</button>
+        <a class="button secondary" href="{{ mfaPromptChangeUrl .AuthReqID .MFAType }}">
+            {{t "Actions.Back"}}
+        </a>
     </div>
 </form>
 

internal/ui/login/static/templates/mfa_init_verify.html

@@ -36,7 +36,7 @@
     {{end}}
 
     <div class="actions">
-        <button class="primary right" id="submit-button" type="submit">{{t "Actions.Next"}}</button>
+        <button class="primary" id="submit-button" type="submit">{{t "Actions.Next"}}</button>
         <a class="button secondary" href="{{ mfaPromptChangeUrl .AuthReqID .MFAType }}">
             {{t "Actions.Back"}}
         </a>

internal/ui/login/static/templates/mfa_verification_u2f.html

@@ -26,7 +26,15 @@
     {{ template "error-message" .}}
 
     <div class="actions">
-        <button class="secondary right wa-support" id="submit-button" type="submit" name="recreate" value="true">{{t "Actions.Recreate"}}</button>
+        {{ if .MFAProviders }}
+            <div class="mfa-other">
+                <p>{{t "MFA.ChooseOther"}}</p>
+                {{ range $provider := .MFAProviders}}
+                    {{ $providerName := (t (printf "MFA.Provider%v" $provider)) }}
+                    <button class="secondary" type="submit" name="provider" value="{{$provider}}">{{$providerName}}</button>
+                {{ end }}
+            </div>
+        {{ end }}
     </div>
 </form>
 

internal/ui/login/static/templates/mfa_verify.html

@@ -23,7 +23,16 @@
     {{ template "error-message" .}}
 
     <div class="actions">
-        <button class="primary right" id="submit-button" type="submit">{{t "Actions.Next"}}</button>
+        <button class="primary" id="submit-button" type="submit">{{t "Actions.Next"}}</button>
+        {{ if .MFAProviders }}
+            <div class="mfa-other">
+                <p>{{t "MFA.ChooseOther"}}</p>
+                {{ range $provider := .MFAProviders}}
+                    {{ $providerName := (t (printf "MFA.Provider%v" $provider)) }}
+                    <button class="secondary" type="submit" name="provider" value="{{$provider}}" formnovalidate>{{$providerName}}</button>
+                {{ end }}
+            </div>
+        {{ end }}
         <a class="button secondary" href="{{ loginUrl }}">
             {{t "Actions.Cancel"}}
         </a>

internal/ui/login/static/templates/passwordless.html

@@ -26,7 +26,9 @@
     {{ template "error-message" .}}
 
     <div class="actions">
-        <button class="secondary right wa-support" id="submit-button" type="submit" name="recreate" value="true">{{t "Actions.Recreate"}}</button>
+        <a href="{{ loginNameChangeUrl .AuthReqID }}">
+            <button class="secondary" type="button">{{t "Actions.Back"}}</button>
+        </a>
     </div>
 </form>