Refactor AccountForm with 2D code toggle and conditional validation

- Refactor AccountForm to use toggle for showing/hiding profile fields
- Add show2dCodeInMonthlyStatement field to UserProfile database schema
- Implement conditional validation: all fields mandatory when 2D code is enabled
- Update FormSchema with .refine() methods for firstName, lastName, address, and IBAN
- IBAN validation includes both presence check and format validation when required
- Add validation error messages to English and Croatian localization files
- Initialize toggle state from persisted database value
- Form fields conditionally displayed based on toggle state

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

app/lib/actions/userProfileActions.ts

@@ -18,6 +18,7 @@ export type State = {
         lastName?: string[];
         address?: string[];
         iban?: string[];
+        show2dCodeInMonthlyStatement?: string[];
     };
     message?: string | null;
     success?: boolean;
@@ -41,6 +42,48 @@ const FormSchema = (t: IntlTemplateFn) => z.object({
             },
             { message: t("iban-invalid") }
         ),
+    show2dCodeInMonthlyStatement: z.boolean().optional().nullable(),
+})
+.refine((data) => {
+    if (data.show2dCodeInMonthlyStatement) {
+        return !!data.firstName && data.firstName.trim().length > 0;
+    }
+    return true;
+}, {
+    message: t("first-name-required"),
+    path: ["firstName"],
+})
+.refine((data) => {
+    if (data.show2dCodeInMonthlyStatement) {
+        return !!data.lastName && data.lastName.trim().length > 0;
+    }
+    return true;
+}, {
+    message: t("last-name-required"),
+    path: ["lastName"],
+})
+.refine((data) => {
+    if (data.show2dCodeInMonthlyStatement) {
+        return !!data.address && data.address.trim().length > 0;
+    }
+    return true;
+}, {
+    message: t("address-required"),
+    path: ["address"],
+})
+.refine((data) => {
+    if (data.show2dCodeInMonthlyStatement) {
+        if (!data.iban || data.iban.trim().length === 0) {
+            return false;
+        }
+        // Validate IBAN format when required
+        const cleaned = data.iban.replace(/\s/g, '').toUpperCase();
+        return IBAN.isValid(cleaned);
+    }
+    return true;
+}, {
+    message: t("iban-required"),
+    path: ["iban"],
 });
 
 /**
@@ -71,6 +114,7 @@ export const updateUserProfile = withUser(async (user: AuthenticatedUser, prevSt
         lastName: formData.get('lastName') || undefined,
         address: formData.get('address') || undefined,
         iban: formData.get('iban') || undefined,
+        show2dCodeInMonthlyStatement: formData.get('generateTenantCode') === 'on',
     });
 
     // If form validation fails, return errors early. Otherwise, continue...
@@ -82,7 +126,7 @@ export const updateUserProfile = withUser(async (user: AuthenticatedUser, prevSt
         };
     }
 
-    const { firstName, lastName, address, iban } = validatedFields.data;
+    const { firstName, lastName, address, iban, show2dCodeInMonthlyStatement } = validatedFields.data;
 
     // Normalize IBAN: remove spaces and convert to uppercase
     const normalizedIban = iban ? iban.replace(/\s/g, '').toUpperCase() : null;
@@ -97,6 +141,7 @@ export const updateUserProfile = withUser(async (user: AuthenticatedUser, prevSt
         lastName: lastName || null,
         address: address || null,
         iban: normalizedIban,
+        show2dCodeInMonthlyStatement: show2dCodeInMonthlyStatement ?? false,
     };
 
     await dbClient.collection<UserProfile>("users")

app/lib/db-types.ts

@@ -26,6 +26,8 @@ export interface UserProfile {
     address?: string | null;
     /** IBAN */
     iban?: string | null;
+    /** whether to show 2D code in monthly statement */
+    show2dCodeInMonthlyStatement?: boolean | null;
 };
 
 /** bill object in the form returned by MongoDB */