RELEASE: share modal rebrand

Description

On Monday 10th July "Enterprise" will be rebranding to "Professional". As part of the onsite work for that we are rebranding the gift article modal on the article page. There are no functional changes in this work, but there are a lot of messaging and style changes. Ideally we would like to release this on Friday 7th July, for a soft-launch before the official rebrand on Monday.

Jira card Figma designs

Implementation

What has changed

The user journey to create a gift article now takes place in two steps inside the modal, rather than one
B2B and B2C users see a different colour scheme on the gift article modal
"Enterprise Sharing" has been renamed to "Advanced Sharing"
Custom social share icons, which used to be present at some breakpoints have been replaced by o-share, and are visible at all breakpoints
Messaging has been updated by our content designer to improve clarity and usefulness

What has not changed

Any logic around which users see which types of share options
Any logic around how share links are created or how share credits are used
Any part of the user journey, apart from introducing a second step in the gift-article form as described above

How we've done it Because much of the styling and messaging has changed (even though the logic hasn't), we've found it easiest to create a v2 of the share-modal and build it up with the new styling and messaging, and then remove the code for the old modal.

We have created a release branch (this one) and then merged different elements of the feature into it via the PRs and commits listed below.

Still to do

delete code pertaining to existing modal

Commits

d0ecc858c9c8378da9617103c2758c69a8b827bc
- This commit creates the basic gift-article modal with different colour schemes for B2C and B2B users
- merged into the release branch in #716
- See the PR for this commit for screen shots of how this looks (however the fuller functionality is added back in in later commits so the visuals for those may be more useful)
a9af05134ee2f768ec29753ccde6029b2d136141
- this commit updates the form flow for Advanced sharing (previously called Enterprise Sharing)
- merged into the release branch in #717

https://github.com/Financial-Times/x-dash/assets/10318770/85561382-48ce-4b9c-8a6e-6c0c93c2570d

719 [update to commit link]
- this commit adds social sharing buttons via o-share
- merged into the release branch in #719

https://github.com/Financial-Times/x-dash/assets/10318770/1fc45534-a356-4abb-b30a-6b73e700fc0b

721 [update to commit link]
- this commit updates the zero credit message for all users
- merged into the release branch in #721

B2C (no credits)	B2B (no credits)	AS (no gift credits)	AS (no enterprise credits)

722 [update to commit link]
- this commit updates highlights sharing messaging
- merged into the release branch in #722

https://github.com/Financial-Times/x-dash/assets/10318770/d5c8dc20-a454-4236-bfe4-41812351c01d

723
- this commit updates the copy for free article sharing

B2B	B2C	AS

If this is your first x-dash pull request please familiarise yourself with the contribution guide before submitting.

Release Plan

As there is a lot of new code, we will create a beta release for day one and test it in production. As soon as we are confident that all works as it should (which will be a matter of days, taking into account the weekend) we will release a non-beta version.

Financial-Times / x-dash