From e90450fb60f19d8cdb0f6184d7eec37c776ef2fd Mon Sep 17 00:00:00 2001
From: JeanPaulvanderHam <117824394+JeanPaulvanderHam@users.noreply.github.com>
Date: Wed, 10 Apr 2024 17:28:48 +0200
Subject: [PATCH] Update index.html

---
 index.html | 29 ++++++++++++++++++++++++++---
 1 file changed, 26 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 843b845..0783a3a 100644
--- a/index.html
+++ b/index.html
@@ -55,15 +55,38 @@
       
       const res = await fetch('https://europe.webchat.botframework.com/api/tokens', { method: 'POST' });
       const { token } = await res.json();
-
+  
+      const store = window.WebChat.createStore();
+  
       window.WebChat.renderWebChat(
         {
-          directLine: window.WebChat.createDirectLine({ secret: 'r44Hw8495k0.P6cPwNzCecp8_RttRFSuBsygBn9I5u7c_61FAGFqRFE' })
+          directLine: window.WebChat.createDirectLine({ secret: 'r44Hw8495k0.P6cPwNzCecp8_RttRFSuBsygBn9I5u7c_61FAGFqRFE' }),
+          store
         },
         document.getElementById('webchat')
       );
-
+  
       document.querySelector('#webchat > *').focus();
+  
+      // Create a custom input box
+      const inputBox = document.createElement('input');
+      inputBox.type = 'text';
+      inputBox.id = 'customInputBox';
+      document.body.appendChild(inputBox);
+  
+      // Handle the Enter key press event
+      inputBox.addEventListener('keydown', function (event) {
+        if (event.key === 'Enter') {
+          // When Enter key is pressed, send the message with %% wrapped around it
+          store.dispatch({
+            type: 'WEB_CHAT/SEND_MESSAGE',
+            payload: { text: `%${event.target.value}%` }
+          });
+  
+          // Clear the input box
+          event.target.value = '';
+        }
+      });
     })().catch(err => console.error(err));
   </script>
 </body>