Bug: Fix duplicate messages while using enter key on slow network (#987)

Co-authored-by: Pranav Raj S <pranav@thoughtwoot.com>

app/javascript/dashboard/components/widgets/conversation/ReplyBox.vue

@@ -212,18 +212,19 @@ export default {
       if (this.message.length > this.maxLength) {
         return;
       }
+      const newMessage = this.message;
       if (!this.showCannedResponsesList) {
+        this.clearMessage();
         try {
           await this.$store.dispatch('sendMessage', {
             conversationId: this.currentChat.id,
-            message: this.message,
+            message: newMessage,
             private: this.isPrivate,
           });
           this.$emit('scrollToMessage');
         } catch (error) {
           // Error
         }
-        this.clearMessage();
         this.hideEmojiPicker();
       }
     },

db/seeds.rb

@@ -35,3 +35,4 @@ conversation = Conversation.create!(
   additional_attributes: {}
 )
 Message.create!(content: 'Hello', account: account, inbox: inbox, conversation: conversation, message_type: :incoming)
+CannedResponse.create!(account: account, short_code: 'start', content: 'Hello welcome to chatwoot.')