feat: add phone number field to agent registration form

public/locales/de/translations.json

@@ -1905,6 +1905,7 @@
       "email": "E-Mail-Adresse",
       "password": "Passwort",
       "confirmPassword": "Passwort bestätigen",
+      "phone": "Telefonnummer",
       "organizationName": "Name der Organisation",
       "organizationType": "Art der Organisation",
       "selectOrganizationType": "Typ auswählen…",
@@ -1921,6 +1922,7 @@
     "errors": {
       "passwordTooShort": "Das Passwort muss mindestens 8 Zeichen lang sein",
       "passwordMismatch": "Die Passwörter stimmen nicht überein",
+      "phoneTooShort": "Die Telefonnummer muss mindestens 7 Zeichen lang sein",
       "emailDomainNotAllowed": "Ihre E-Mail-Domain ist nicht auf unserer genehmigten NGO-Liste. Bitte verwenden Sie die E-Mail-Adresse Ihrer Organisation.",
       "missingToken": "Dein Registrierungslink ist ungültig oder abgelaufen. Bitte verwende den Link aus deiner Bestätigungs-E-Mail."
     },

public/locales/en/translations.json

@@ -1537,6 +1537,7 @@
       "email": "Email address",
       "password": "Password",
       "confirmPassword": "Confirm password",
+      "phone": "Phone number",
       "organizationName": "Organisation name",
       "organizationType": "Organisation type",
       "selectOrganizationType": "Select type…",
@@ -1553,6 +1554,7 @@
     "errors": {
       "passwordTooShort": "Password must be at least 8 characters",
       "passwordMismatch": "Passwords do not match",
+      "phoneTooShort": "Phone number must be at least 7 characters",
       "emailDomainNotAllowed": "Your email domain is not on our approved NGO list. Please use your organisation email address.",
       "missingToken": "Your registration link is invalid or has expired. Please use the link from your verification email."
     },

src/components/AgentRegistration/AgentRegistration.tsx

@@ -68,6 +68,7 @@ export function AgentRegistration() {
         person: {
           firstName: formData.firstName,
           lastName: formData.lastName,
+          phone: formData.phone,
         },
       });
 

src/components/AgentRegistration/helpers.ts

@@ -45,6 +45,8 @@ export function validateStep(
     if (!data.confirmPassword) errors.confirmPassword = required;
     else if (data.password !== data.confirmPassword)
       errors.confirmPassword = t("agentRegistration.errors.passwordMismatch");
+    if (!data.phone.trim()) errors.phone = required;
+    else if (data.phone.trim().length < 7) errors.phone = t("agentRegistration.errors.phoneTooShort");
   }
 
   return errors;

src/components/AgentRegistration/steps/AccountStep.tsx

@@ -70,6 +70,17 @@ export function AccountStep({ data, onChange, errors }: Props) {
           errors={errors.confirmPassword ? [errors.confirmPassword] : []}
         />
       </FieldWrapper>
+
+      <FieldWrapper>
+        <FieldLabel>{t("agentRegistration.fields.phone")}</FieldLabel>
+        <FormInput
+          type="tel"
+          value={data.phone}
+          onInputChange={(v) => onChange({ phone: v })}
+          placeHolder={t("agentRegistration.fields.phone")}
+          errors={errors.phone ? [errors.phone] : []}
+        />
+      </FieldWrapper>
     </div>
   );
 }

src/components/AgentRegistration/types.ts

@@ -6,6 +6,7 @@ export interface AgentRegistrationData {
   email: string;
   password: string;
   confirmPassword: string;
+  phone: string;
 }
 
 export const defaultAgentRegistrationData: AgentRegistrationData = {
@@ -14,6 +15,7 @@ export const defaultAgentRegistrationData: AgentRegistrationData = {
   email: "",
   password: "",
   confirmPassword: "",
+  phone: "",
 };
 
 export const TOTAL_STEPS = 1;