Country code selection in user add and edit forms

[kc-diabeat]

Description
The App Panel has a section for managing application users. Currently the Add and Edit forms have hardcoded country code as "+91" which cannot be modified.

Feature
The country code should be a selectable field anb the desired country can be selected by searching its name. Pls refer to the reference interaction below:

[shambhabya]

Can I work on this?

[deepakdinesh1123]

@shambhabya Please feel free to work on this issue. Before beginning, could you please outline the approach that you plan to take to solve this? Additionally, if you require any help or resources, let us know.

[rahil1202]

Hey @shambhabya, I am planning to implement a selectable country code field with search functionality using react-phone-input-2. libraries provide pre-built components that handle country selection and phone number input with country codes.

[shambhabya]

@rahil1202 Sure, go ahead if you want to

[deepakdinesh1123]

@rahil1202 In Zango, we ensure that both the backend and frontend use the same configuration options by sending these options from the backend.

This feature requires the backend to send a list of available countries and their phone number extensions, which the frontend will then use. Let me know if you'd like to implement both the backend and frontend for this, or if you'd prefer to implement just the frontend while I handle the backend.

[rahil1202]

@deepakdinesh1123 I'll update both frontend and backend. Thank you for clarification

[shahharsh176]

Hi @rahil1202 , did you get a chance to work on it?

[rahil1202]

@shahharsh176 I have updated the frontend will work on backend soon.