Jr/onboarding pages
What are you doing in this PR?
This PR implements most of the new Onboarding flow, only for Supporter Plus users. All the components and different sections are designed to work with this flow, but also to be expanded in the future as we introduce more products into the flow.
I have created two new backend routes in the HttpIdentityService, to access and modify the user's newsletter subscriptions, a functionality now present in this page, as well as the sign in and registration flows that are part of it.
I also added a new property to the thankYouOrder objects that comes in a cookie from the checkout page, the account number for direct debit users. This is a piece of data needed in the new Onboarding pages.
Why are you doing this?
The new onboarding flow is part of the product roadmap. The designs can be found here
How to test
This new flow will go through an UAT session before attempting to merge, performed by the Value team.
Have we considered potential risks?
This flow can be turned off with a feature switch, which will default users to the old thank you page. In case something goes wrong, we can turn the switch and reduce impact immediately.
Accessibility test checklist
- [ ] Tested with screen reader
- [ ] Navigable with keyboard
- [ ] Colour contrast passed
- [ ] The change doesn't use only colour to convey meaning
Screenshots
Size Change: +39.5 kB (+2.44%)
Total Size: 1.66 MB
| Filename | Size | Change | |
|---|---|---|---|
./support-frontend/public/compiled-assets/javascripts/[countryGroupId]/router.js |
146 kB | +548 B (+0.38%) | |
./support-frontend/public/compiled-assets/webpack/143.js |
0 B | -13.1 kB (removed) | đ |
./support-frontend/public/compiled-assets/webpack/650.js |
0 B | -4.36 kB (removed) | đ |
./support-frontend/public/compiled-assets/webpack/754.js |
0 B | -9.24 kB (removed) | đ |
./support-frontend/public/compiled-assets/webpack/ThankYou.js |
156 kB | +38 kB (+32.19%) | đ¨ |
./support-frontend/public/compiled-assets/webpack/203.js |
11.9 kB | +11.9 kB (new file) | đ |
./support-frontend/public/compiled-assets/webpack/298.js |
10.4 kB | +10.4 kB (new file) | đ |
./support-frontend/public/compiled-assets/webpack/784.js |
4.39 kB | +4.39 kB (new file) | đ |
âšī¸ View Unchanged
| Filename | Size | Change |
|---|---|---|
./support-frontend/public/compiled-assets/javascripts/[countryGroupId]/events/router.js |
117 kB | -2 B (0%) |
./support-frontend/public/compiled-assets/javascripts/ausMomentMap.js |
107 kB | -4 B (0%) |
./support-frontend/public/compiled-assets/javascripts/contributionsRedirectStyles.js |
20 B | 0 B |
./support-frontend/public/compiled-assets/javascripts/downForMaintenancePage.js |
88.2 kB | -2 B (0%) |
./support-frontend/public/compiled-assets/javascripts/error404Page.js |
88.2 kB | -2 B (0%) |
./support-frontend/public/compiled-assets/javascripts/error500Page.js |
88.1 kB | -2 B (0%) |
./support-frontend/public/compiled-assets/javascripts/favicons.js |
43 B | 0 B |
./support-frontend/public/compiled-assets/javascripts/paperSubscriptionLandingPage.js |
112 kB | +201 B (+0.18%) |
./support-frontend/public/compiled-assets/javascripts/payPalErrorPage.js |
89.9 kB | -2 B (0%) |
./support-frontend/public/compiled-assets/javascripts/payPalErrorPageStyles.js |
20 B | 0 B |
./support-frontend/public/compiled-assets/javascripts/promotionTerms.js |
94.1 kB | -2 B (0%) |
./support-frontend/public/compiled-assets/javascripts/subscriptionsLandingPage.js |
117 kB | +213 B (+0.18%) |
./support-frontend/public/compiled-assets/javascripts/unsupportedBrowserStyles.js |
20 B | 0 B |
./support-frontend/public/compiled-assets/javascripts/weeklySubscriptionLandingPage.js |
116 kB | +205 B (+0.18%) |
./support-frontend/public/compiled-assets/webpack/241.js |
4.25 kB | 0 B |
./support-frontend/public/compiled-assets/webpack/299.js |
3.32 kB | 0 B |
./support-frontend/public/compiled-assets/webpack/308.js |
33.3 kB | 0 B |
./support-frontend/public/compiled-assets/webpack/442.js |
6.19 kB | 0 B |
./support-frontend/public/compiled-assets/webpack/678.js |
5.95 kB | +187 B (+3.25%) |
./support-frontend/public/compiled-assets/webpack/709.js |
109 kB | 0 B |
./support-frontend/public/compiled-assets/webpack/724.js |
18 kB | 0 B |
./support-frontend/public/compiled-assets/webpack/8.js |
19.6 kB | 0 B |
./support-frontend/public/compiled-assets/webpack/843.js |
4.3 kB | 0 B |
./support-frontend/public/compiled-assets/webpack/847.js |
4.71 kB | +1 B (+0.02%) |
./support-frontend/public/compiled-assets/webpack/862.js |
3.15 kB | 0 B |
./support-frontend/public/compiled-assets/webpack/918.js |
29.7 kB | +5 B (+0.02%) |
./support-frontend/public/compiled-assets/webpack/972.js |
4.92 kB | +20 B (+0.41%) |
./support-frontend/public/compiled-assets/webpack/checkout.js |
20.6 kB | +72 B (+0.35%) |
./support-frontend/public/compiled-assets/webpack/GuardianAdLiteLanding.js |
9.97 kB | +14 B (+0.14%) |
./support-frontend/public/compiled-assets/webpack/LandingPage.js |
20.4 kB | -1 B (0%) |
./support-frontend/public/compiled-assets/webpack/oneTimeCheckout.js |
7.46 kB | +1 B (+0.01%) |
./support-frontend/public/compiled-assets/webpack/StudentLandingPageGlobalContainer.js |
1.74 kB | 0 B |
./support-frontend/public/compiled-assets/webpack/StudentLandingPageUTSContainer.js |
1.94 kB | 0 B |
resolved conflict with PR: support-frontend/assets/pages/[countryGroupId]/components/formOnSubmit.ts
Seen on PROD (created by @j-ruda-guardian and merged by @andresilva-guardian 9 minutes and 56 seconds ago)
- Keep an eye out for the post deployment Playwright smoke tests github action
- If the tests have failed, the post deployment test runbook should help troubleshoot.