[LEBV-345] Modify the UI to reflect the MRZ mode scanning
🎯 Summary
🧪 How to test
Launch the Lebara-Video dbs
- Run in a terminal the branch 'develop' in the lebara-video-deployment project.
- Execute
docker-compose -f docker-compose-only-dbs.yml up.
Launch the customer-api
- Clone the project lebara-video-agent-api
- Run the branch 'feature/LEBV-344_modify-list-returned-countries-mrz'
- Execute
sudo ./gradlew :lebara-video-customer-api:bootRun --args='--spring.profiles.active=mock'
Launch the onboarding-frontend
- Run in a terminal the branch 'LEBV-345-mrz_mode_scanning' in the lebara-onboarding-frontend project.
- Run the project with
npm run start. - Open in one tab
http://localhost:4200/?msisdn=015166804082&iccid=1847. - In the step 2, if you choose the document type 'ID Card' to France or to Romania, you should see something similar to the atacched images.
🧠 Considerations
🧐 Checklist
- Changes work in Google Chrome
- Changes work in Safari
- UI is responsive