feat: Add the ability to search emojis (#5928)

app/javascript/widget/components/ChatInputWrap.vue

@@ -53,11 +53,12 @@ import { mixin as clickaway } from 'vue-clickaway';
 import ChatAttachmentButton from 'widget/components/ChatAttachment.vue';
 import ChatSendButton from 'widget/components/ChatSendButton.vue';
 import configMixin from '../mixins/configMixin';
-import EmojiInput from 'shared/components/emoji/EmojiInput';
 import FluentIcon from 'shared/components/FluentIcon/Index.vue';
 import ResizableTextArea from 'shared/components/ResizableTextArea';
 import darkModeMixin from 'widget/mixins/darkModeMixin.js';
 
+const EmojiInput = () => import('shared/components/emoji/EmojiInput');
+
 export default {
   name: 'ChatInputWrap',
   components: {
@@ -189,8 +190,8 @@ export default {
 }
 
 .emoji-dialog {
-  right: $space-smaller;
-  top: -278px;
+  right: 0;
+  top: -302px;
   max-width: 100%;
 
   &::before {

app/javascript/widget/i18n/locale/en.json

@@ -73,6 +73,10 @@
       "FIELD": "Invalid field"
     }
   },
+  "EMOJI": {
+    "PLACEHOLDER": "Search emojis",
+    "NOT_FOUND": "No emoji match your search"
+  },
   "CSAT": {
     "TITLE": "Rate your conversation",
     "SUBMITTED_TITLE": "Thank you for submitting the rating",