Those steps:

1. Drag and drop the EmojiPicker web block into the desired location where users will be able to select emojis.
2. Next, map the "EmojiSelected" event to a client action. Within this client action, assign the "EmojiChar" event variable to the corresponding input field or textarea that should receive the selected emoji.

• The CloseOnSelect input parameter (default: False) determines whether the emoji gallery pop-up closes automatically after an emoji is selected. When set to True, the pop-up will close immediately upon selection. Otherwise, the default behavior will display a header bar with a close button, allowing users to select multiple emojis before closing the pop-up. The pop-up will also close automatically when users click outside the emoji gallery area.

Additional functionalities:

• There are two utility functions to enhance text handling with emojis:
  1. isEmojiOnly(string) – Validates whether a given string consists solely of emojis. This is particularly useful for scenarios where users want to apply custom CSS, such as increasing the font size for better visibility.
  2. countRenderedCharacters(string) – Calculates the number of rendered characters in a string. This allows users to identify specific cases, such as when there is a single emoji, enabling them to apply a custom class. For example, users can make the text larger if only one emoji is present.
• In this version, it was introduced a functionality to automatically record the most used emojis. Those emojis will appear on the first group of my favorites (star icon). This functionality uses only the user's local storage to avoid AO's consumption and network. The local storage is used directly, so it will be preserved even after the logout and login.