feat(auth): add MFA handling in team invitations flow (#285)

- Export `MultiFactorAuthError` from `require-user` for reuse.
- Implement MFA handling during team invitations' sign-in flow.
- Add E2E test for team invitation flow with MFA.
- Update components to improve i18n translation handling.

apps/e2e/tests/team-accounts/team-invitation-mfa.spec.ts

@@ -0,0 +1,96 @@
+import { expect, test } from '@playwright/test';
+
+import { AuthPageObject } from '../authentication/auth.po';
+import { InvitationsPageObject } from '../invitations/invitations.po';
+import { TeamAccountsPageObject } from './team-accounts.po';
+
+const MFA_KEY = 'NHOHJVGPO3R3LKVPRMNIYLCDMBHUM2SE';
+
+test.describe('Team Invitation with MFA Flow', () => {
+  test('complete flow: test@makerkit.dev creates team, invites super-admin@makerkit.dev who accepts after MFA', async ({
+    page,
+  }) => {
+    const auth = new AuthPageObject(page);
+    const teamAccounts = new TeamAccountsPageObject(page);
+    const invitations = new InvitationsPageObject(page);
+
+    const teamName = `test-team-${Math.random().toString(36).substring(2, 15)}`;
+    const teamSlug = teamName.toLowerCase().replace(/ /g, '-');
+
+    // Step 1: test@makerkit.dev creates a team and sends invitation
+    await page.goto('/auth/sign-in');
+
+    await auth.signIn({
+      email: 'test@makerkit.dev',
+      password: 'testingpassword',
+    });
+
+    await page.waitForURL('/home');
+
+    // Create a new team
+    await teamAccounts.createTeam({
+      teamName,
+      slug: teamSlug,
+    });
+
+    // Navigate to members section and invite super-admin
+    await invitations.navigateToMembers();
+    await invitations.openInviteForm();
+
+    await invitations.inviteMembers([
+      {
+        email: 'super-admin@makerkit.dev',
+        role: 'member',
+      },
+    ]);
+
+    // Verify invitation was sent
+    await expect(invitations.getInvitations()).toHaveCount(1);
+    const invitationRow = invitations.getInvitationRow(
+      'super-admin@makerkit.dev',
+    );
+    await expect(invitationRow).toBeVisible();
+
+    // Sign out test@makerkit.dev
+    await auth.signOut();
+    await page.waitForURL('/');
+
+    // Step 2: super-admin@makerkit.dev signs in with MFA
+    await page.context().clearCookies();
+
+    await auth.visitConfirmEmailLink('super-admin@makerkit.dev');
+    await page
+      .locator('[data-test="existing-account-hint"]')
+      .getByRole('link', { name: 'Already have an account?' })
+      .click();
+
+    await auth.signIn({
+      email: 'super-admin@makerkit.dev',
+      password: 'testingpassword',
+    });
+
+    // Complete MFA verification
+    await expect(async () => {
+      await auth.submitMFAVerification(MFA_KEY);
+    }).toPass({
+      intervals: [
+        500, 2500, 5000, 7500, 10_000, 15_000, 20_000, 25_000, 30_000, 35_000,
+        40_000, 45_000, 50_000,
+      ],
+    });
+
+    // Step 3: Verify team invitation is visible and accept it
+    // Accept the team invitation
+    await invitations.acceptInvitation();
+
+    // Should be redirected to the team dashboard
+    await page.waitForURL(`/home/${teamSlug}`);
+
+    // Step 4: Verify membership was successful
+    // Open account selector to verify team is available
+    await teamAccounts.openAccountsSelector();
+    const team = teamAccounts.getTeamFromSelector(teamName);
+
+    await expect(team).toBeVisible();
+  });
+});