ldap

apps/login/locales/en.json

@@ -64,6 +64,13 @@
       "description": "An error occurred while trying to link your account."
     }
   },
+  "ldap": {
+    "title": "LDAP Login",
+    "description": "Enter your LDAP credentials.",
+    "username": "Username",
+    "password": "Password",
+    "submit": "Continue"
+  },
   "mfa": {
     "verify": {
       "title": "Verify your identity",

apps/login/src/app/(login)/idp/ldap/page.tsx

@@ -1,5 +1,5 @@
 import { DynamicTheme } from "@/components/dynamic-theme";
-import { UsernamePasswordForm } from "@/components/username-password-form";
+import { LDAPUsernamePasswordForm } from "@/components/ldap-username-password-form";
 import { getServiceUrlFromHeaders } from "@/lib/service-url";
 import { getBrandingSettings, getDefaultOrg } from "@/lib/zitadel";
 import { Organization } from "@zitadel/proto/zitadel/org/v2/org_pb";
@@ -44,11 +44,11 @@ export default async function Page(props: {
         <h1>{t("title")}</h1>
         <p className="ztdl-p">{t("description")}</p>
 
-        <UsernamePasswordForm
+        <LDAPUsernamePasswordForm
           idpId={idpId}
           requestId={requestId}
           organization={organization} // stick to "organization" as we still want to do user discovery based on the searchParams not the default organization, later the organization is determined by the found user
-        ></UsernamePasswordForm>
+        ></LDAPUsernamePasswordForm>
       </div>
     </DynamicTheme>
   );

apps/login/src/components/ldap-username-password-form.tsx

@@ -22,7 +22,7 @@ type Props = {
   idpId: string;
 };
 
-export function UsernamePasswordForm({
+export function LDAPUsernamePasswordForm({
   organization,
   requestId,
   idpId,