UX regression: Missing "Trouble getting email?" and self help troubleshooting flow

[johanrd]

When migrating from FirebaseUI v6 to v7, I noticed that the email link sign-in flow has lost several important UX states that helped users troubleshoot delivery issues.

v7 beta Behavior (support traps):

After sending a sign-in link, v7 displays only:

<div class="fui-success">Sign-in link sent successfully</div>

⚠️ No troubleshooting options
⚠️ no resend
⚠️ no back button.

Before: v6 Behavior (comprehensive UX):

After sending a sign-in link, v6 displayed:

• Title: "Sign-in email sent"
• Detailed message: "A sign-in email with additional instructions was sent to email@example.com. Check your email to complete sign-in."
  ✅ "Trouble getting email?" link → Opens troubleshooting screen
  ✅ "Back" button → Returns to sign-in options

Then, if clicking Trouble getting email?:

✅ Common fixes checklist (spam folder, internet connection, typos, inbox space)
✅ "Resend" link to send a new email (with note that it deactivates the old link)
✅ "Back" button

  <h1>Trouble getting email?</h1>
  <p>Try these common fixes:</p>
  <ul>
    <li>Check if the email was marked as spam or filtered.</li>
    <li>Check your internet connection.</li>
    <li>Check that you did not misspell your email.</li>
    <li>Check that your inbox space is not running out or other inbox settings related issues.</li>
  </ul>
  <p>If the steps above didn't work, you can resend the email. Note that this will deactivate the link in the older email.</p>
  <a href="#">Resend</a>
  <button>Back</button>

Impact

These UX flows in v6 have probably saved tons of support requests over the years. Email deliverability is notoriously unreliable, and users frequently:

• Don't double check spam folders
• Have typos in their email
• Have full inboxes
• Need to resend after waiting too long

Without built-in guidance, every confused user becomes a potential support ticket.

Recommendation

Consider adding to @firebase-oss/ui-core or @firebase-oss/ui-angular:

1. Translation keys for troubleshooting content:
   - messages.troubleGettingEmail like in v6
   - messages.troubleGettingEmailTips
   - labels.resendEmail
   - messages.resendEmailNote
2. State management for the email sent flow:
   - emailSent → show confirmation with "Trouble getting email?" link
   - troubleshooting → show tips with resend option
3. Resend functionality in @firebase-oss/ui-core:
   - Track sent email for resend
   - resendSignInLinkToEmail() function

Or at least warn about the regressed UX in the migration guides

Environment

• @firebase-oss/ui-core: 7.0.0-beta.1
• @firebase-oss/ui-angular: 7.0.0-beta.1 (referenced for comparison)

[johanrd]

The UX flow where you click the link in a different browser than the one you clicked 'sign in with email link' (ie. the check for localStorage.getItem('emailForSignIn')) seems missing from the v7 libraries?.

Here is the v6 flow after having clicked the email link in a different browser: