feat: Add preview for attachment messages (#1562)

Add preview for pending messages and attachments

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

app/javascript/dashboard/api/inbox/message.js

@@ -13,24 +13,14 @@ class MessageApi extends ApiClient {
     private: isPrivate,
     contentAttributes,
     echo_id: echoId,
+    file,
   }) {
-    return axios.post(`${this.url}/${conversationId}/messages`, {
-      content: message,
-      private: isPrivate,
-      echo_id: echoId,
-      content_attributes: contentAttributes,
-    });
-  }
-
-  getPreviousMessages({ conversationId, before }) {
-    return axios.get(`${this.url}/${conversationId}/messages`, {
-      params: { before },
-    });
-  }
-
-  sendAttachment([conversationId, { file, isPrivate = false }, echoId]) {
     const formData = new FormData();
-    formData.append('attachments[]', file, file.name);
+    if (file) formData.append('attachments[]', file, file.name);
+    if (message) formData.append('content', message);
+    if (contentAttributes)
+      formData.append('content_attributes', JSON.stringify(contentAttributes));
+
     formData.append('private', isPrivate);
     formData.append('echo_id', echoId);
     return axios({
@@ -39,6 +29,12 @@ class MessageApi extends ApiClient {
       data: formData,
     });
   }
+
+  getPreviousMessages({ conversationId, before }) {
+    return axios.get(`${this.url}/${conversationId}/messages`, {
+      params: { before },
+    });
+  }
 }
 
 export default new MessageApi();