Because:
* Animations were working in storybook but not on stage due to CSP that blocked the global style tags in the svgs
* UX recommended edits to the recovery key PDF illustrations
This commit:
* Add animations and keyframes to tailwind config
* Use these animations in the SVGs
* Update recovery key pdf SVG
Closes #FXA-10419
Because:
* We want to match designs for mobile view
This commit:
* Adjust styling of the NotificationPromoBanner component to support mobile view
* Adjust styling of PageSettings to use a gap between components (removes needs for setting external margins in section components
* Remove stacked banner story, the spacing between the banners is now set at the PageSettings level
* Adds story to PageSettings to show NotificationPromoBanner in context
* Small drive-by tweaks for ltr/rtl
Closes #FXA-10405
Because:
* We are seeing this event fire too many times, reproducible when navigating around Settings
This commit:
* Creates a shared function for PageSettings and ProductPromo to use to conditionally send the Glean ping and render the component as expected
fixes FXA-10403
Because:
* Add a touch of whimsy, standardize image style
* Respect user preference for reduced motion
This commit:
* Add animations for the recovery key flow graphics (password, recovery key, recovery key hint)
* Update images used in recovery key creation flow
* Remove unused images
* Add tailwind utility to stop all svg animations if user prefers reduced motion
Closes #FXA-10205
Because:
* We want to take Sync users to an 'inline' (after login) recovery key setup flow if they don't already have a key
This commit:
* Creates initial components for this flow and adds basic tests and l10n
* Contains some refactoring to share with the download component with Settings
closes FXA-10078
Because:
* We are aligning all graphics to use the same graphic style
This commit:
* Create a react-pdf version of the recovery key graphic
Closes #FXa-10397
Because:
- the Gecko team want to [remove the webchannel whitelist preference](https://bugzilla.mozilla.org/show_bug.cgi?id=1275612), and
- we want to stop using `general.useragent.compatMode.firefox` to add Firefox/x.y to Thunderbird's user-agent string
This commit:
- changes the user-agent parsing code to detect Thunderbird, and
- uses that to fix a block which breaks webchannels on Thunderbird
Because:
* We want to enable grouping of the automated page load Glean pings, and the default data included all query params in url and generic page title ("Mozilla accounts") for most pings
This commit:
* Sets a custom document title in the Head component
* Override the url provide on page load to glean to only include the pathname (excluding the params allows for easier grouping by route)
* Moves the page load event closer to page rendering for Settings pages, ensuring custom document titles are more reliably included with the pings
* Ensures additional metrics data (including flow id) is included for Settings pages
* Attempted to move the page load event into the AppLayout component for non-settings pages, but this caused a lot if issues for test and storybook mocks. Most non-settings pages do not currently have custom page titles, so there was limited benefit to moving the page load event at the moment.
Closes #FXA-10386
Because:
* This page is confusing and not ideal for our users and we want to render various new UX to help them complete the pair flow
This commit:
* Adjusts 'Pair using an app' screen according to design, only show users this when the URL reflects a state that the user tried pairing with their system camera
* Adds a new 'Connecting your mobile device' state for when mobile users (not through system camera) reach this page, and conditionally renders an alert with 'Download Firefox now' link for iOS and Android if user is not on FF
* Previously, the 'default state' for this page was the system camera screen. This commit adds a new generic error state
* Tweaks pair/failure to match the new style/image, hides "Sign in with email" text if button is not shown
* Adds automatic Glean click events cad_redirect_mobile_download and cad_redirect_mobile_learn_more, adds custom events cad_redirect_mobile_view and cad_redirect_desktop_default_view
closes FXA-10136
Because:
- Some code was still referencing the auth-server profile client
This commit:
- Update code to reference the profile client library
Closes #FXA-10389
Because:
- Only have one implementation of a profile server client, instead of
various implementations in the services where its required.
This commit:
- Moves the profile client implementation from auth-server and into a
dedicated library in libs
Closes #FXA-9274
Because:
- Glean in Settings was initialized with the default "development"
value
This commit:
- uses the actual configuration value for the app channel
Valerie Pomerleau
Wil Clouser
dependabot[bot]
Dan Schomburg
Vijay Budhram
Vijay Budhram
Lauren Zugai
Barry Chen
Geoff Lankow
Arkadiusz Komarzewski
Julian Poyourow
julianpoyourow
Bryan Olsson
Reino Muhl
dschom