New feature description

Creates a new phone panel, a tab switcher for email masks and phone masks, and a phone stats page.

Screenshot (if applicable)

If user has an active number

Shows the user the active number
Allows the user to copy that number as 3055555555 instead of the way it is rendered
Allows the user to set forwarding/blocking state
Shows user the number they’re forwarding to
Shows user the date the mask was created

If user does not have an active phone number

If user does not have phone premium

Show the user a panel that prompts them to get phone number masking service. CTA takes them to upgrade flow.

If the user is from a NON-US/CA region

Open add-on
Stats icon is now found in footer of panel shown when looking at email and phone panels
Clicking on See stats while in Email or Phone panel takes you to the appropriate stats.
Clicking on Go back link will take you to the appropriate place based on context.
If user does not have an active phone number
- Show the user an ‘active your phone mask’ panel with a link to the dashboard
If user does not have phone premium
- Show the user a panel that prompts them to get phone number masking service. CTA takes them to upgrade flow.
If the user is from a NON-US/CA region
- Show user a panel that prompts them to join the waitlist Sign up for updates

[x] l10n changes have been submitted to the l10n repository, if any.
[ ] All acceptance criteria are met.
[ ] All UI revisions follow the coding standards, and use Protocol tokens where applicable (see /frontend/src/styles/tokens.scss).
[ ] Commits in this PR are minimal and have descriptive commit messages.

lloan commented 7 months ago

rafeerahman commented 7 months ago

Noting here from UX sync, TODO: remove the stats footer from upgrade states