🎨 [Frontend] Request Account: Enhanced Phone input filed

[odeimaiz]

What do these changes do?

This PR enhances the phone input field for the Request Account functionality by replacing the basic text field with the specialized telephone input widget that includes country code selection and phone number validation. (reported by @calys)

Key changes:

• Updates existing phone input widget to implement proper form interfaces
• Aesthetics of the third party IntlTelInput enhanced to feel better integrated
• Adds support for compact field styling to better integrate with the request account form layout

Country selection in Request Account form and show backend errors in form fields:

Related issue/s

• closes Request Account: Non required phone field requires country code #8231

How to test

Dev-ops

[mergify]

🧪 CI Insights

Here's what we observed from your CI run for 54f3713.

🟢 All jobs passed!

But CI Insights is watching 👀

[Copilot]

Pull Request Overview

This PR enhances the phone input field for the Request Account functionality by replacing the basic text field with a specialized telephone input widget that includes country code selection and phone number validation.

• Replaces the old osparc.widget.IntlTelInput with a new form-compatible osparc.ui.form.IntlTelInput widget
• Adds enhanced error handling to display backend validation errors directly in form fields
• Updates all authentication forms to use a new LoginSinglePlaceholder renderer for better visual consistency

Reviewed Changes

Copilot reviewed 14 out of 14 changed files in this pull request and generated 4 comments.

Show a summary per file

File	Description
intlTelInput.css	Adds custom CSS styling for better integration with osparc theme
osparc/widget/IntlTelInput.js	Removes old phone input widget implementation
osparc/ui/form/IntlTelInput.js	New form-compatible phone input widget with proper interfaces
osparc/utils/Utils.js	Adds utility function to map backend errors to form fields
osparc/ui/form/renderer/LoginSinglePlaceholder.js	New form renderer for authentication forms
osparc/data/Resources.js	Updates error handling to include error arrays in response
Multiple auth UI files	Updates to use new phone widget and form renderer

[odeimaiz]

@Mergifyio queue

[mergify]

queue

🛑 Configuration not compatible with a branch protection setting

The branch protection setting Require branches to be up to date before merging is not compatible with max_parallel_checks>1, queue_conditions != merge_conditions and must be unset.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[sanderegg]

nice!

[pcrespov]

thx