Add functionality to attachment button, fix escape ev listener preventing all events default behavior.

app.js

@@ -34,9 +34,8 @@ document.addEventListener('DOMContentLoaded', async () => {
 
 function setupEventListeners() {
     document.addEventListener('keydown', (e) => {
-        e.preventDefault();
-
         if (e.code == "Escape") {
+            e.preventDefault();
             ui.toggleChatState();
         }
     });
@@ -75,6 +74,14 @@ function setupEventListeners() {
         if (e.target == e.currentTarget) ui.toggleChatBottomBar();
     });
 
+    elements.attachmentBtn.addEventListener('click', () => {
+        elements.attachmentInput.click();
+    })
+    elements.attachmentInput.addEventListener('change', function () {
+        const firstFile = this.files[0];
+        sendFileMessage(firstFile);
+    })
+
     elements.backToSidebarBtn.addEventListener('click', () => {
         elements.sidebar.classList.remove('hidden');
         elements.activeChatContainer.classList.add('hidden');
@@ -281,6 +288,14 @@ async function sendMessage() {
     }
 }
 
+async function sendFileMessage(file) {
+    try {
+        console.log(await waha.sendFileMessage(activeChatState.id, file));
+    } catch (error) {
+        console.error(error.message);
+    }
+}
+
 function openSettings() {
     elements.inputWahaUrl.value = config.wahaUrl;
     elements.inputSession.value = config.session;