Patch input to handle Enter event for japanese keyboards correctly (#71)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yext/chat-ui-react",
-  "version": "0.9.2",
+  "version": "0.9.3",
   "description": "A library of React Components for powering Yext Chat integrations.",
   "author": "[email protected]",
   "main": "./lib/commonjs/src/index.js",

src/components/ChatInput.tsx

@@ -106,7 +106,12 @@ export function ChatInput({
 
   const handleKeyDown = useCallback(
     (e: React.KeyboardEvent<HTMLTextAreaElement>) => {
-      if (!e.shiftKey && e.key === "Enter") {
+      if (!e.shiftKey && e.key === "Enter" && 
+        // The Japanese Keyboard uses "Enter" key to convert from Hiragana to Kanji.
+        // "isComposing" is a flag that indicates whether the event is part of an ongoing composition session.
+        // Safari does not support `isComposing` with the Japanese IME event,
+        // so we have to additionally check for the keyCode to handle that edge case.
+        !(e.nativeEvent.isComposing || e.keyCode === 229)) {
         e.preventDefault();
         if (canSendMessage && input.trim().length !== 0) {
           sendMessage();