feat: Add ability to create a new conversation if the previous conversation is resolved (#2512)

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

app/javascript/widget/components/ChatFooter.vue

@@ -1,19 +1,33 @@
 <template>
-  <footer class="footer">
+  <footer v-if="!hideReplyBox" class="footer">
     <ChatInputWrap
       :on-send-message="handleSendMessage"
       :on-send-attachment="handleSendAttachment"
     />
   </footer>
+  <custom-button
+    v-else
+    class="font-medium"
+    block
+    :bg-color="widgetColor"
+    :text-color="textColor"
+    @click="startNewConversation"
+  >
+    {{ $t('START_NEW_CONVERSATION') }}
+  </custom-button>
 </template>
 
 <script>
-import { mapActions } from 'vuex';
+import { mapActions, mapGetters } from 'vuex';
+import { getContrastingTextColor } from '@chatwoot/utils';
+import CustomButton from 'shared/components/Button';
 import ChatInputWrap from 'widget/components/ChatInputWrap.vue';
+import { BUS_EVENTS } from 'shared/constants/busEvents';
 
 export default {
   components: {
     ChatInputWrap,
+    CustomButton,
   },
   props: {
     msg: {
@@ -21,16 +35,49 @@ export default {
       default: '',
     },
   },
+  computed: {
+    ...mapGetters({
+      conversationAttributes: 'conversationAttributes/getConversationParams',
+      widgetColor: 'appConfig/getWidgetColor',
+      getConversationSize: 'conversation/getConversationSize',
+    }),
+    textColor() {
+      return getContrastingTextColor(this.widgetColor);
+    },
+    hideReplyBox() {
+      const { csatSurveyEnabled } = window.chatwootWebChannel;
+      const { status } = this.conversationAttributes;
+      return csatSurveyEnabled && status === 'resolved';
+    },
+  },
   methods: {
-    ...mapActions('conversation', ['sendMessage', 'sendAttachment']),
-    handleSendMessage(content) {
-      this.sendMessage({
+    ...mapActions('conversation', [
+      'sendMessage',
+      'sendAttachment',
+      'clearConversations',
+    ]),
+    ...mapActions('conversationAttributes', [
+      'getAttributes',
+      'clearConversationAttributes',
+    ]),
+    async handleSendMessage(content) {
+      const conversationSize = this.getConversationSize;
+      await this.sendMessage({
         content,
       });
+      // Update conversation attributes on new conversation
+      if (conversationSize === 0) {
+        this.getAttributes();
+      }
     },
     handleSendAttachment(attachment) {
       this.sendAttachment({ attachment });
     },
+    startNewConversation() {
+      this.clearConversations();
+      this.clearConversationAttributes();
+      window.bus.$emit(BUS_EVENTS.START_NEW_CONVERSATION);
+    },
   },
 };
 </script>