-
Notifications
You must be signed in to change notification settings - Fork 114
feat(IT-Wallet): [SIW-3306] Add engagement banners to wallet home screen #7708
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: master
Are you sure you want to change the base?
feat(IT-Wallet): [SIW-3306] Add engagement banners to wallet home screen #7708
Conversation
PR Title Validation for conventional commit type✅ All good! PR title follows the conventional commit type. |
Jira Pull Request LinkThis Pull Request refers to Jira issues: |
| } else if ( | ||
| !isWalletValid || | ||
| (!isITWalletValid && isNewCredential(type)) | ||
| ) { | ||
| } else if (isL3Enabled && !isItWalletValid) { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
With Documenti su IO enabled and the user clicks on a non-new credential, the PID issuance flow is started. Instead, the issuance flow of the selected credential should be triggered.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
When Documenti su IO is enabled, tapping on a credential starts the credential issuing correctly.
When Documenti su IO is not enabled, credentials are not visibile in the list.
Can you attach a video of the issue? Just to ensure I understand correctly.
Warning
Depends on #7735
Short description
This PR introduces the new IT-Wallet engagement banner with the new brand identity, replacing the legacy highlight banner.
List of changes proposed in this pull request
New IT-Wallet Activation/Engagement Banner:
ItwActivationBannercomponent that displays an activation prompt for eligible users and navigates them to the onboarding flow. The banner uses the newItwEngagementBannerfor consistent design and accessibility. [1] [2]index.json) with new and revised strings for the IT-Wallet engagement and upgrade banners, including activation, upgrade, expiring, and dismiss alert texts.Component and UI Refactors:
ItwEngagementBanner, a reusable, accessible banner component with markdown support, custom close/dismiss logic, and a branded design.ItwBrandedBoxandItwBrandedSkiaBordercomponents to use a consistentborderRadiusprop (renamed fromcornerRadius), improving customization and code clarity. Updated all usages accordingly. [1] [2] [3] [4] [5] [6] [7] [8] [9]Cleanup and Minor Improvements:
ItwHighlightBannercomponent and all related code, as it has been replaced by the new engagement banner.ItwEnvironmentAlertcomponent by wrapping it in a view with vertical margin. [1] [2] [3]How to test
Note
This PR does not include the banners dismissal logic. It will be implemented in a different PR.
With the L3 whitelist flag enabled, verify that the engagement banners are rendered correctly in the wallet's home screen as shown in the Figma design.
Banners should have different copy based on the wallet status (empty, with credentials or with expiring credentials).
Preview