fix(login, console): replace allowUsernamePassword with allowLocalAuthentication in login, change translation in console (#11413)

# Which Problems Are Solved

This PR deprecates and replaces the use of `allowUsernamePassword` with
`allowLocalAuthentication`.
It additionally disables the username on organizations that disallow
local authentication. In such a case, only IDPs are shown.

# How the Problems Are Solved

- replace `allowUsernamePassword` by `allowLocalAuthentication`
- disable username form if !allowLocalAuthentication
- translate property in console UI

apps/login/src/components/choose-authenticator-to-login.tsx

@@ -20,16 +20,17 @@ export function ChooseAuthenticatorToLogin({
   return (
     <>
       {authMethods.includes(AuthenticationMethodType.PASSWORD) &&
-        loginSettings?.allowUsernamePassword && (
+        loginSettings?.allowLocalAuthentication && (
           <div className="ztdl-p">
             <Translated i18nKey="chooseAlternativeMethod" namespace="idp" />
           </div>
         )}
       <div className="grid w-full grid-cols-1 gap-5 pt-4">
         {authMethods.includes(AuthenticationMethodType.PASSWORD) &&
-          loginSettings?.allowUsernamePassword &&
+          loginSettings?.allowLocalAuthentication &&
           PASSWORD(false, "/password?" + params)}
         {authMethods.includes(AuthenticationMethodType.PASSKEY) &&
+        loginSettings?.allowLocalAuthentication &&
           loginSettings?.passkeysType == PasskeysType.ALLOWED &&
           PASSKEYS(false, "/passkey?" + params)}
       </div>

apps/login/src/components/choose-authenticator-to-setup.tsx

@@ -21,7 +21,7 @@ export function ChooseAuthenticatorToSetup({ authMethods, params, loginSettings
     return (
       <div className="grid w-full grid-cols-1 gap-5 pt-4">
         {!authMethods.includes(AuthenticationMethodType.PASSWORD) &&
-          loginSettings.allowUsernamePassword &&
+          loginSettings.allowLocalAuthentication &&
           PASSWORD(false, "/password/set?" + params)}
         {!authMethods.includes(AuthenticationMethodType.PASSKEY) &&
           loginSettings.passkeysType == PasskeysType.ALLOWED &&

apps/login/src/components/register-form.tsx

@@ -159,7 +159,7 @@ export function RegisterForm({
         <PrivacyPolicyCheckboxes legal={legal} onChange={setTosAndPolicyAccepted} />
       )}
       {/* show chooser if both methods are allowed */}
-      {loginSettings && loginSettings.allowUsernamePassword && loginSettings.passkeysType == PasskeysType.ALLOWED && (
+      {loginSettings && loginSettings.allowLocalAuthentication && loginSettings.passkeysType == PasskeysType.ALLOWED && (
         <>
           <p className="ztdl-p mb-6 mt-4 block text-left">
             <Translated i18nKey="selectMethod" namespace="register" />
@@ -170,7 +170,7 @@ export function RegisterForm({
           </div>
         </>
       )}
-      {!loginSettings?.allowUsernamePassword &&
+      {!loginSettings?.allowLocalAuthentication &&
         loginSettings?.passkeysType !== PasskeysType.ALLOWED &&
         (!loginSettings?.allowExternalIdp || !idpCount) && (
           <div className="py-4">
@@ -194,9 +194,9 @@ export function RegisterForm({
           disabled={loading || !canSubmit}
           onClick={handleSubmit((values) => {
             const usePasswordToContinue: boolean =
-              loginSettings?.allowUsernamePassword && loginSettings?.passkeysType == PasskeysType.ALLOWED
+              loginSettings?.allowLocalAuthentication && loginSettings?.passkeysType == PasskeysType.ALLOWED
                 ? !(selected === methods[0]) // choose selection if both available
-                : !!loginSettings?.allowUsernamePassword; // if password is chosen
+                : !!loginSettings?.allowLocalAuthentication; // if password is chosen
             // set password as default if only password is allowed
             return submitAndContinue(values, usePasswordToContinue);
           })}