From e96f2964148bf24e3050e9ddfd386a482db06eef Mon Sep 17 00:00:00 2001
From: iamsivin <iamsivin@gmail.com>
Date: Wed, 30 Apr 2025 11:05:59 +0530
Subject: [PATCH] chore: Send with attachment

---
 .../message/forwardMessage/ForwardMessage.vue            | 4 ++++
 .../forwardMessage/components/ForwardMessageForm.vue     | 9 ++++++++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/app/javascript/dashboard/components-next/message/forwardMessage/ForwardMessage.vue b/app/javascript/dashboard/components-next/message/forwardMessage/ForwardMessage.vue
index 576ff2915..96538a914 100644
--- a/app/javascript/dashboard/components-next/message/forwardMessage/ForwardMessage.vue
+++ b/app/javascript/dashboard/components-next/message/forwardMessage/ForwardMessage.vue
@@ -43,6 +43,7 @@ const isSearching = ref(false);
 const messageSignature = useMapGetter('getMessageSignature');
 const currentChat = useMapGetter('getSelectedChat');
 const currentUser = useMapGetter('getCurrentUser');
+const globalConfig = useMapGetter('globalConfig/get');
 
 const fromEmail = computed(() => props.message?.to?.[0]);
 
@@ -102,6 +103,9 @@ const handleForwardMessage = async ({ state }) => {
         name: currentUser.value?.name,
         thumbnail: currentUser.value?.avatar_url,
       },
+      files: globalConfig.value?.directUploadsEnabled
+        ? state.attachedFiles.map(file => file.blobSignedId)
+        : state.attachedFiles.map(file => file.resource.file),
     };
     await store.dispatch('createPendingMessageAndSend', messagePayload);
     emitter.emit(BUS_EVENTS.SCROLL_TO_MESSAGE);
diff --git a/app/javascript/dashboard/components-next/message/forwardMessage/components/ForwardMessageForm.vue b/app/javascript/dashboard/components-next/message/forwardMessage/components/ForwardMessageForm.vue
index b079d7a55..9e0535c46 100644
--- a/app/javascript/dashboard/components-next/message/forwardMessage/components/ForwardMessageForm.vue
+++ b/app/javascript/dashboard/components-next/message/forwardMessage/components/ForwardMessageForm.vue
@@ -11,6 +11,7 @@ import {
 
 import ContactSelector from 'dashboard/components-next/NewConversation/components/ContactSelector.vue';
 import ActionButtons from 'dashboard/components-next/NewConversation/components/ActionButtons.vue';
+import AttachmentPreviews from 'dashboard/components-next/NewConversation/components/AttachmentPreviews.vue';
 import EmailMessageEditor from './EmailMessageEditor.vue';
 
 const props = defineProps({
@@ -77,7 +78,7 @@ const setSelectedContact = async ({ value, action, ...rest }) => {
 
 const clearSelectedContact = () => {
   emit('clearSelectedContact');
-  //   state.attachedFiles = [];
+  state.attachedFiles = [];
 };
 
 const handleDropdownUpdate = (type, value) => {
@@ -165,6 +166,12 @@ const handleSendMessage = async () => {
       :unquoted-html="unquotedHtml"
       :text-to-show="textToShow"
     />
+    <AttachmentPreviews
+      v-if="state.attachedFiles.length > 0"
+      :attachments="state.attachedFiles"
+      class="bg-n-alpha-3"
+      @update:attachments="state.attachedFiles = $event"
+    />
     <ActionButtons
       class="bg-n-alpha-3 sticky bottom-0 backdrop-blur-[100px]"
       :attached-files="state.attachedFiles"