326 create component phone number input

[AhmedAmineZr]

Note: Please transform - [ ] into - (NA) in the description when things are not applicable

Related issues

• Create component - Phone Number Input #326

Closes: #497
Closes: #498

Description

Motivation & Context

Types of change

• Bug fix (non-breaking which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Refactoring (non-breaking change)
• Breaking change (fix or feature that would change existing functionality)

Previews

Checklist

Contribution

• I have read the contributing guidelines

Accessibility

• My change follows accessibility good practices

Design

• My change respects the design guidelines of Orange Unified Design System

Development

• My change follows the developer guide
• I have added unit tests to cover my changes (optional)

Documentation

• My change introduces changes to the documentation and/or I have updated the documentation accordingly

Checklist (for Core Team only)

• Manually test (dark mode, RTL, landscape display, tablet)
• Documentation has been updated if relevant
• Design review
• A11y review
• Internal files have been updated if relevant (THIRD_PARTY, NOTICE)
• changelog.md has been updated respecting keep a changelog rules and referencing the issue

[Tayebsed93]

hello @AhmedAmineZr,

1. Always allow entering 0, even when the number starts with a +, to support users who make mistakes.

3. For the refactoring, create a form_fields folder and put everything inside it. The shared files will be called FormField.

form_fields/
  text_input/
    text_input.dart
  phone_number/
    phone_number_input.dart

4. We are getting this error:

======== Exception caught by services library ======================================================
The following assertion was thrown during method call TextInputClient.updateEditingState:
Range start 17 is out of text of length 8
'package:flutter/src/services/text_input.dart':
Failed assertion: line 1130 pos 7: 'range.start >= 0 && range.start <= text.length'

5. In the initial settings, the country selector is enabled with enabled = true by default.