Fix issues in Language Dropdown & expose emoji resolving utils

[brionmario]

Purpose

This pull request introduces several improvements and fixes across the browser and React packages, focusing on emoji URI handling, language switching logic, and form styling. The most significant changes are grouped below.

Emoji URI Handling

• Added a new utility function resolveEmojiUrisInHtml in @asgardeo/browser, which replaces emoji: URIs in HTML with accessible emoji spans or plain emoji characters. This function is now exported and used in place of previous ad-hoc implementations. [1] [2] [3] [4] [5]

Language Switching and Flow Metadata

• Updated the language switcher logic to only include the detected browser language as a fallback if the server does not provide any configured languages, preventing unsupported locales from appearing in the picker.
• Added an effect to automatically switch to the first available language if the detected language is unsupported by the server.
• Modified FlowMetaProvider to always fetch flow metadata using the current language, ensuring the server returns the correct localized content. [1] [2] [3]

Form and Component Styling

• Updated form rendering for embedded flow blocks to use a flex column layout with consistent spacing based on the active theme, improving visual consistency. [1] [2] [3] [4]
• Removed the bottom margin from the FormControl component to better align with new form layout styles.

Miscellaneous

• Updated exports in both browser and React packages to make new and existing utility functions available at the package entry point.

These changes collectively improve accessibility, localization accuracy, and UI consistency in the authentication flow components.

Related Issues

• N/A

Related PRs

• N/A

Checklist

• Followed the CONTRIBUTING guidelines.
• Manual test round performed and verified.
• Documentation provided. (Add links if there are any)
• Unit tests provided. (Add links if there are any)

Security checks

• Followed secure coding standards in http://wso2.com/technical-reports/wso2-secure-engineering-guidelines?
• Confirmed that this PR doesn't commit any keys, passwords, tokens, usernames, or other secrets?

[asgardeo-github-bot]

🦋 Changeset detected

The changes in this PR will be included in the next version bump.

Not sure what this means? Click here to learn what changesets are.