@copilotkit/react-ui 1.9.3-next.2 → 1.9.3-next.4

package/dist/components/chat/index.mjs

@@ -1,12 +1,12 @@
 import "../../chunk-SC6JRFAJ.mjs";
 import {
   CopilotSidebar
-} from "../../chunk-TSDSBNOS.mjs";
+} from "../../chunk-ALIBUJML.mjs";
 import "../../chunk-WB3YULQ4.mjs";
 import {
   CopilotPopup
-} from "../../chunk-BP3RN6OE.mjs";
-import "../../chunk-EQUUN7ZM.mjs";
+} from "../../chunk-H3EM63WS.mjs";
+import "../../chunk-KN2GCKBE.mjs";
 import "../../chunk-C3GSYRC3.mjs";
 import "../../chunk-GVKA7RQQ.mjs";
 import "../../chunk-V7W6IM2V.mjs";
@@ -19,7 +19,7 @@ import "../../chunk-BH6PCAAL.mjs";
 import "../../chunk-UFN2VWSR.mjs";
 import {
   CopilotChat
-} from "../../chunk-4RAYX7ZX.mjs";
+} from "../../chunk-HKTWKCPS.mjs";
 import "../../chunk-53CVDVS5.mjs";
 import "../../chunk-2II3Q27P.mjs";
 import {
@@ -40,9 +40,9 @@ import {
   Suggestion
 } from "../../chunk-IMBPSLL4.mjs";
 import "../../chunk-PLHTVHUW.mjs";
-import "../../chunk-X3LV7OXQ.mjs";
+import "../../chunk-4HUXYD3B.mjs";
 import "../../chunk-CGEAG65D.mjs";
-import "../../chunk-YQFVRDNC.mjs";
+import "../../chunk-QIOJXTIQ.mjs";
 import {
   Markdown
 } from "../../chunk-YTXEWDNC.mjs";

package/dist/components/index.js

@@ -1246,7 +1246,16 @@ var import_react9 = require("react");
 var import_react7 = require("react");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var AutoResizingTextarea = (0, import_react7.forwardRef)(
-  ({ maxRows = 1, placeholder, value, onChange, onKeyDown, autoFocus }, ref) => {
+  ({
+    maxRows = 1,
+    placeholder,
+    value,
+    onChange,
+    onKeyDown,
+    onCompositionStart,
+    onCompositionEnd,
+    autoFocus
+  }, ref) => {
     const internalTextareaRef = (0, import_react7.useRef)(null);
     const [maxHeight, setMaxHeight] = (0, import_react7.useState)(0);
     (0, import_react7.useImperativeHandle)(ref, () => internalTextareaRef.current);
@@ -1278,6 +1287,8 @@ var AutoResizingTextarea = (0, import_react7.forwardRef)(
         value,
         onChange,
         onKeyDown,
+        onCompositionStart,
+        onCompositionEnd,
         placeholder,
         style: {
           overflow: "auto",
@@ -1441,6 +1452,7 @@ var Input = ({
   const showPoweredBy = !((_a = copilotContext.copilotApiConfig) == null ? void 0 : _a.publicApiKey);
   const pushToTalkConfigured = copilotContext.copilotApiConfig.textToSpeechUrl !== void 0 && copilotContext.copilotApiConfig.transcribeAudioUrl !== void 0;
   const textareaRef = (0, import_react9.useRef)(null);
+  const [isComposing, setIsComposing] = (0, import_react9.useState)(false);
   const handleDivClick = (event) => {
     var _a2;
     const target = event.target;
@@ -1487,8 +1499,10 @@ var Input = ({
           maxRows: MAX_NEWLINES,
           value: text,
           onChange: (event) => setText(event.target.value),
+          onCompositionStart: () => setIsComposing(true),
+          onCompositionEnd: () => setIsComposing(false),
           onKeyDown: (event) => {
-            if (event.key === "Enter" && !event.shiftKey) {
+            if (event.key === "Enter" && !event.shiftKey && !isComposing) {
               event.preventDefault();
               if (canSend) {
                 send();