fix: Widget phone number input country undefined in onSelectCountry

[iamsivin]

Pull Request Template

Description

This PR will fix this sentry issue

Issue The root cause of this issue is the usage of mentionSelectionKeyboardMixin. Because the key events are always active even if the dropdown is not visible. So, if we press the enter key, this error will be thrown into the console.

Solution Get rid of the usage of mentionSelectionKeyboardMixin and handle it directly in the component, and always check if the dropdown is active or not. And fix the selected is not resetting on search.

Fixes https://linear.app/chatwoot/issue/CW-3282/phonenumberinput-country-undefined-in-onselectcountry

Type of change

• [x] Bug fix (non-breaking change which fixes an issue)

How Has This Been Tested?

Steps

1. Enable phone input from the pre-chat form.
2. And open the widget and start a conversation.
3. Then press the enter key, and you can see this error in the console.

Checklist:

• [x] My code follows the style guidelines of this project
• [x] I have performed a self-review of my code
• [x] I have commented on my code, particularly in hard-to-understand areas
• [ ] I have made corresponding changes to the documentation
• [x] My changes generate no new warnings
• [ ] I have added tests that prove my fix is effective or that my feature works
• [x] New and existing unit tests pass locally with my changes
• [ ] Any dependent changes have been merged and published in downstream modules

[linear[bot]]

CW-3282 PhoneNumberInput - `country` undefined in `onSelectCountry`