Feature: Send chat transcript via email (#1152)

Co-authored-by: Pranav Raj Sreepuram <pranavrajs@gmail.com>

app/javascript/dashboard/routes/dashboard/conversation/ContactPanel.vue

@@ -57,15 +57,6 @@
       >
         {{ contact.additional_attributes.description }}
       </div>
-      <div class="contact--actions">
-        <button
-          v-if="!currentChat.muted"
-          class="button small clear contact--mute small-6"
-          @click="mute"
-        >
-          {{ $t('CONTACT_PANEL.MUTE_CONTACT') }}
-        </button>
-      </div>
     </div>
     <div v-if="browser.browser_name" class="conversation--details">
       <contact-details-item
@@ -185,14 +176,14 @@ export default {
     onPanelToggle() {
       this.onToggle();
     },
-    mute() {
-      this.$store.dispatch('muteConversation', this.conversationId);
-    },
     getContactDetails() {
       if (this.contactId) {
         this.$store.dispatch('contacts/show', { id: this.contactId });
       }
     },
+    openTranscriptModal() {
+      this.showTranscriptModal = true;
+    },
   },
 };
 </script>
@@ -295,11 +286,12 @@ export default {
 .contact--mute {
   color: $alert-color;
   display: block;
-  text-align: center;
+  text-align: left;
 }
 
 .contact--actions {
   display: flex;
+  flex-direction: column;
   justify-content: center;
 }
 </style>

app/javascript/dashboard/routes/dashboard/conversation/ConversationView.vue

@@ -4,7 +4,7 @@
     <conversation-box
       :inbox-id="inboxId"
       :is-contact-panel-open="isContactPanelOpen"
-      @contactPanelToggle="onToggleContactPanel"
+      @contact-panel-toggle="onToggleContactPanel"
     >
     </conversation-box>
     <contact-panel
@@ -17,7 +17,6 @@
 
 <script>
 /* eslint no-console: 0 */
-/* global bus */
 import { mapGetters } from 'vuex';
 
 import ChatList from '../../../components/ChatList';