[LEBV-12] Document dropdowns, MobbScan integration and personal data form
🎯 Summary
This MR solves two JIRA tickets:
Summarising, this MR implements the second step in the Lebara onboarding process without the backend integrations. Please, check Considerations section for further details.
🧪 How to test
The following instructions are the "happy path" of the user flow, but it is encouraged to test other variations and read the Considerations section.
-
Introduce some random PUK and phone fields and click on continue
-
Select Spain and ID in the first selector, and ID in the second one (MobbScan UI should appear).
-
Scan a document.
-
When it is scanned a form will appear. The scanned data should appear in a panel like the one shown in the third image. These could be edited if "Edit" button is clicked. Other fields should be completed to enable the "Continue" button.
-
Click on "Continue", and a log similar to this should appear in the console:
-
You can click in "Edit" button to return to the step and the data in the form should be the submitted one.
🧠 Considerations
- Desktop layout
- Complete error management of MobbScan
- Experian integration
- Currently only Spanish ID are being scanned by Mobbscan, other documents will not work
- Configures MobbScan to scan one side of a document or both depending if Passport or DNI is selected (but passports scanning does not work yet).
- Full localization
- If some value is not scanned correctly by MobbScan the form is shown completely (not as shown in the third image, when the scanned data appears in read-only mode.
🧐 Checklist
- Changes work in Google Chrome
- Changes work in Safari
- UI is responsive



