@copilotkit/react-textarea 0.36.0-mme-fix-packaging-issues.0 → 0.36.0-mme-push-to-talk.0

package/dist/components/base-copilot-textarea/base-copilot-textarea.mjs

@@ -1,6 +1,6 @@
 import {
   BaseCopilotTextarea
-} from "../../chunk-O3QC2FT5.mjs";
+} from "../../chunk-XU5Z5BWV.mjs";
 import "../../chunk-DRV2FOHZ.mjs";
 import "../../chunk-4NHVQZ67.mjs";
 import "../../chunk-FMQG2ZM3.mjs";
@@ -11,11 +11,11 @@ import "../../chunk-QKS2IOUH.mjs";
 import "../../chunk-JJLQVT7S.mjs";
 import "../../chunk-LQ2OWQU7.mjs";
 import "../../chunk-7LSRNPNI.mjs";
-import "../../chunk-GZPRBYKA.mjs";
+import "../../chunk-DMLXXOXD.mjs";
 import "../../chunk-L7VVZH4Q.mjs";
-import "../../chunk-7R7KMN2G.mjs";
-import "../../chunk-P4EI4H6Y.mjs";
-import "../../chunk-JC6NGPO4.mjs";
+import "../../chunk-COQISBP2.mjs";
+import "../../chunk-OGLVRSCO.mjs";
+import "../../chunk-YNXNMCDX.mjs";
 import "../../chunk-3PQ7GSFE.mjs";
 import "../../chunk-WFTAAA7R.mjs";
 import "../../chunk-YFK5BFEI.mjs";

package/dist/components/copilot-textarea/copilot-textarea.js

@@ -82,7 +82,7 @@ __export(copilot_textarea_exports, {
   CopilotTextarea: () => CopilotTextarea
 });
 module.exports = __toCommonJS(copilot_textarea_exports);
-var import_react16 = __toESM(require("react"));
+var import_react15 = __toESM(require("react"));
 
 // src/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.tsx
 var import_shared = require("@copilotkit/shared");
@@ -413,7 +413,7 @@ var defaultAutosuggestionsConfig = __spreadProps(__spreadValues({}, defaultBaseA
 });
 
 // src/components/base-copilot-textarea/base-copilot-textarea.tsx
-var import_react14 = __toESM(require("react"));
+var import_react13 = __toESM(require("react"));
 var import_slate10 = require("slate");
 var import_slate_react5 = require("slate-react");
 var import_tailwind_merge2 = require("tailwind-merge");
@@ -966,7 +966,7 @@ function clearAutocompletionsFromEditor(editor) {
 }
 
 // src/components/hovering-toolbar/hovering-toolbar.tsx
-var import_react11 = require("react");
+var import_react10 = require("react");
 var import_slate7 = require("slate");
 var import_slate_react3 = require("slate-react");
 
@@ -1202,7 +1202,7 @@ var Label = React4.forwardRef((_a, ref) => {
 Label.displayName = LabelPrimitive.Root.displayName;
 
 // src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box-core.tsx
-var import_react9 = require("react");
+var import_react8 = require("react");
 
 // src/lib/stream-promise-flatten.ts
 function streamPromiseFlatten(promise) {
@@ -1232,7 +1232,8 @@ function streamPromiseFlatten(promise) {
 var import_react_core5 = require("@copilotkit/react-core");
 
 // src/components/hovering-toolbar/text-insertion-prompt-box/included-files-preview.tsx
-var import_react7 = __toESM(require("react"));
+var import_Chip = __toESM(require("@mui/material/Chip/Chip.js"));
+var import_Avatar = __toESM(require("@mui/material/Avatar/Avatar.js"));
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var IncludedFilesPreview = ({
   includedFiles,
@@ -1254,88 +1255,37 @@ var IncludedFilesPreview = ({
     }) })
   ] });
 };
-function FileChipPreview({
-  filePointer,
-  onDelete
-}) {
-  const CLOSE_BUTTON_COLOR = "rgba(0, 0, 0, 0.26)";
-  const [color, setColor] = import_react7.default.useState(CLOSE_BUTTON_COLOR);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-    "button",
+var FileChipPreview = ({ filePointer, onDelete }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    import_Chip.default,
     {
-      style: {
-        fontSize: "0.8125rem",
-        display: "inline-flex",
-        justifyContent: "center",
-        alignItems: "center",
-        height: "32px",
-        color: "rgba(0, 0, 0, 0.87)",
-        backgroundColor: "rgba(0, 0, 0, 0.08)",
-        borderRadius: "16px",
-        whiteSpace: "nowrap",
-        boxSizing: "border-box",
-        border: 0,
-        verticalAlign: "middle",
-        outline: 0,
-        cursor: "default"
-      },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-          "img",
-          {
-            style: {
-              marginLeft: "5px",
-              width: "24px",
-              height: "24px",
-              backgroundColor: "transparent",
-              borderRadius: "50%"
-            },
-            src: filePointer.iconImageUri,
-            alt: filePointer.sourceApplication
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { marginLeft: "5px" }, children: filePointer.name }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-          "svg",
-          {
-            style: {
-              color,
-              fontSize: "22px",
-              cursor: "pointer",
-              margin: "0 5px 0 5px",
-              userSelect: "none",
-              width: "1em",
-              height: "1em",
-              display: "inline-block",
-              fill: "currentColor",
-              flexShrink: 0
-            },
-            viewBox: "0 0 24 24",
-            preserveAspectRatio: "xMidYMid meet",
-            onClick: onDelete,
-            onMouseOver: () => setColor("rgba(0, 0, 0, 0.54)"),
-            onMouseOut: () => setColor(CLOSE_BUTTON_COLOR),
-            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z" })
-          }
-        )
-      ]
+      label: filePointer.name,
+      onDelete,
+      avatar: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        import_Avatar.default,
+        {
+          src: filePointer.iconImageUri,
+          alt: filePointer.sourceApplication,
+          sx: { backgroundColor: "transparent" }
+        }
+      )
     }
-  ) });
-}
+  );
+};
 
 // src/components/hovering-toolbar/hovering-editor-provider.tsx
-var import_react8 = require("react");
+var import_react7 = require("react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var HoveringEditorContext = (0, import_react8.createContext)({
+var HoveringEditorContext = (0, import_react7.createContext)({
   isDisplayed: false,
   setIsDisplayed: () => {
   }
 });
 var HoveringEditorProvider = ({ children }) => {
-  const [isDisplayed, setIsDisplayed] = (0, import_react8.useState)(false);
+  const [isDisplayed, setIsDisplayed] = (0, import_react7.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(HoveringEditorContext.Provider, { value: { isDisplayed, setIsDisplayed }, children });
 };
-var useHoveringEditorContext = () => (0, import_react8.useContext)(HoveringEditorContext);
+var useHoveringEditorContext = () => (0, import_react7.useContext)(HoveringEditorContext);
 
 // src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box-core.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
@@ -1345,27 +1295,27 @@ var HoveringInsertionPromptBoxCore = ({
   insertionOrEditingFunction,
   contextCategories
 }) => {
-  const { getDocumentsContext } = (0, import_react9.useContext)(import_react_core5.CopilotContext);
-  const [editSuggestion, setEditSuggestion] = (0, import_react9.useState)("");
-  const [suggestionIsLoading, setSuggestionIsLoading] = (0, import_react9.useState)(false);
-  const [adjustmentPrompt, setAdjustmentPrompt] = (0, import_react9.useState)("");
-  const [generatingSuggestion, setGeneratingSuggestion] = (0, import_react9.useState)(
+  const { getDocumentsContext } = (0, import_react8.useContext)(import_react_core5.CopilotContext);
+  const [editSuggestion, setEditSuggestion] = (0, import_react8.useState)("");
+  const [suggestionIsLoading, setSuggestionIsLoading] = (0, import_react8.useState)(false);
+  const [adjustmentPrompt, setAdjustmentPrompt] = (0, import_react8.useState)("");
+  const [generatingSuggestion, setGeneratingSuggestion] = (0, import_react8.useState)(
     null
   );
-  const adjustmentTextAreaRef = (0, import_react9.useRef)(null);
-  const suggestionTextAreaRef = (0, import_react9.useRef)(null);
-  const [filePointers, setFilePointers] = (0, import_react9.useState)([]);
-  const [suggestedFiles, setSuggestedFiles] = (0, import_react9.useState)([]);
-  (0, import_react9.useEffect)(() => {
+  const adjustmentTextAreaRef = (0, import_react8.useRef)(null);
+  const suggestionTextAreaRef = (0, import_react8.useRef)(null);
+  const [filePointers, setFilePointers] = (0, import_react8.useState)([]);
+  const [suggestedFiles, setSuggestedFiles] = (0, import_react8.useState)([]);
+  (0, import_react8.useEffect)(() => {
     setSuggestedFiles(getDocumentsContext(contextCategories));
   }, [contextCategories, getDocumentsContext]);
   use_autosize_textarea_default(suggestionTextAreaRef, editSuggestion || "");
   use_autosize_textarea_default(adjustmentTextAreaRef, adjustmentPrompt || "");
-  (0, import_react9.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     var _a;
     (_a = adjustmentTextAreaRef.current) == null ? void 0 : _a.focus();
   }, []);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (!generatingSuggestion) {
       return;
     }
@@ -1403,7 +1353,7 @@ var HoveringInsertionPromptBoxCore = ({
       releaseLockIfNotClosed();
     };
   }, [generatingSuggestion]);
-  const beginGeneratingAdjustment = (0, import_react9.useCallback)(() => __async(void 0, null, function* () {
+  const beginGeneratingAdjustment = (0, import_react8.useCallback)(() => __async(void 0, null, function* () {
     if (!adjustmentPrompt.trim()) {
       return;
     }
@@ -1556,10 +1506,10 @@ var HoveringInsertionPromptBox = (props) => {
 
 // src/components/hovering-toolbar/hovering-toolbar-components.tsx
 var import_css = require("@emotion/css");
-var import_react10 = __toESM(require("react"));
+var import_react9 = __toESM(require("react"));
 var import_react_dom = __toESM(require("react-dom"));
 var import_jsx_runtime9 = require("react/jsx-runtime");
-var Button2 = import_react10.default.forwardRef(
+var Button2 = import_react9.default.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       className,
@@ -1585,7 +1535,7 @@ var Button2 = import_react10.default.forwardRef(
     );
   }
 );
-var Icon = import_react10.default.forwardRef(
+var Icon = import_react9.default.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
@@ -1604,7 +1554,7 @@ var Icon = import_react10.default.forwardRef(
     );
   }
 );
-var Menu = import_react10.default.forwardRef(
+var Menu = import_react9.default.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
@@ -1631,7 +1581,7 @@ var Menu = import_react10.default.forwardRef(
 var Portal = ({ children }) => {
   return typeof document === "object" ? import_react_dom.default.createPortal(children, document.body) : null;
 };
-var Toolbar = import_react10.default.forwardRef(
+var Toolbar = import_react9.default.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
@@ -1656,15 +1606,15 @@ var Toolbar = import_react10.default.forwardRef(
 // src/components/hovering-toolbar/hovering-toolbar.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var HoveringToolbar = (props) => {
-  const ref = (0, import_react11.useRef)(null);
+  const ref = (0, import_react10.useRef)(null);
   const editor = (0, import_slate_react3.useSlate)();
   const selection = (0, import_slate_react3.useSlateSelection)();
   const { isDisplayed, setIsDisplayed } = useHoveringEditorContext();
-  const [isClient, setIsClient] = (0, import_react11.useState)(false);
-  (0, import_react11.useEffect)(() => {
+  const [isClient, setIsClient] = (0, import_react10.useState)(false);
+  (0, import_react10.useEffect)(() => {
     setIsClient(true);
   }, []);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     const el = ref.current;
     const { selection: selection2 } = editor;
     if (!el) {
@@ -1702,7 +1652,7 @@ var HoveringToolbar = (props) => {
     el.style.top = `${top}px`;
     el.style.left = `${left}px`;
   });
-  (0, import_react11.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (ref.current && !ref.current.contains(event.target)) {
         setIsDisplayed(false);
@@ -1800,10 +1750,10 @@ function makeRenderPlaceholderFunction(placeholderStyle) {
 }
 
 // src/components/base-copilot-textarea/use-add-branding-css.tsx
-var import_react12 = require("react");
+var import_react11 = require("react");
 function useAddBrandingCss(suggestionStyleAugmented, disableBranding) {
   const cssSelector = ".copilot-textarea.with-branding";
-  (0, import_react12.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (disableBranding) {
       return;
     }
@@ -1855,7 +1805,7 @@ function useAddBrandingCss(suggestionStyleAugmented, disableBranding) {
 }
 
 // src/components/base-copilot-textarea/track-cursor-moved-since-last-text-change.tsx
-var import_react13 = require("react");
+var import_react12 = require("react");
 var import_slate_react4 = require("slate-react");
 var import_slate9 = require("slate");
 
@@ -1908,7 +1858,7 @@ function TrackerTextEditedSinceLastCursorMovement(props) {
     text: editorToText(state)
   }));
   const previousState = usePrevious(cursorState);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (!previousState) {
       return;
     }
@@ -1931,8 +1881,8 @@ var isSelectionEqual = (a, b) => {
   return import_slate9.Range.equals(a, b);
 };
 function usePrevious(value) {
-  const ref = (0, import_react13.useRef)();
-  (0, import_react13.useEffect)(() => {
+  const ref = (0, import_react12.useRef)();
+  (0, import_react12.useEffect)(() => {
     ref.current = value;
   });
   return ref.current;
@@ -1940,21 +1890,21 @@ function usePrevious(value) {
 
 // src/components/base-copilot-textarea/base-copilot-textarea.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
-var BaseCopilotTextarea = import_react14.default.forwardRef(
+var BaseCopilotTextarea = import_react13.default.forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(HoveringEditorProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(BaseCopilotTextareaWithHoveringContext, __spreadProps(__spreadValues({}, props), { ref })) });
   }
 );
-var BaseCopilotTextareaWithHoveringContext = import_react14.default.forwardRef(
+var BaseCopilotTextareaWithHoveringContext = import_react13.default.forwardRef(
   (props, ref) => {
     const autosuggestionsConfig = __spreadValues(__spreadValues({}, defaultBaseAutosuggestionsConfig), props.baseAutosuggestionsConfig);
-    const valueOnInitialRender = (0, import_react14.useMemo)(() => {
+    const valueOnInitialRender = (0, import_react13.useMemo)(() => {
       var _a2;
       return (_a2 = props.value) != null ? _a2 : "";
     }, []);
-    const [lastKnownFullEditorText, setLastKnownFullEditorText] = (0, import_react14.useState)(valueOnInitialRender);
-    const [cursorMovedSinceLastTextChange, setCursorMovedSinceLastTextChange] = (0, import_react14.useState)(false);
-    const initialValue = (0, import_react14.useMemo)(() => {
+    const [lastKnownFullEditorText, setLastKnownFullEditorText] = (0, import_react13.useState)(valueOnInitialRender);
+    const [cursorMovedSinceLastTextChange, setCursorMovedSinceLastTextChange] = (0, import_react13.useState)(false);
+    const initialValue = (0, import_react13.useMemo)(() => {
       return [
         {
           type: "paragraph",
@@ -1964,7 +1914,7 @@ var BaseCopilotTextareaWithHoveringContext = import_react14.default.forwardRef(
     }, [valueOnInitialRender]);
     const editor = useCopilotTextareaEditor();
     const { isDisplayed: hoveringEditorIsDisplayed, setIsDisplayed: setHoveringEditorIsDisplayed } = useHoveringEditorContext();
-    const insertText = (0, import_react14.useCallback)(
+    const insertText = (0, import_react13.useCallback)(
       (autosuggestion) => {
         import_slate10.Editor.insertText(editor, autosuggestion.text, {
           at: autosuggestion.point
@@ -1990,7 +1940,7 @@ var BaseCopilotTextareaWithHoveringContext = import_react14.default.forwardRef(
       autosuggestionsConfig.disableWhenEmpty,
       shouldDisableAutosuggestions
     );
-    const onKeyDownHandlerForHoveringEditor = (0, import_react14.useCallback)(
+    const onKeyDownHandlerForHoveringEditor = (0, import_react13.useCallback)(
       (event) => {
         var _a2;
         if (autosuggestionsConfig.shouldToggleHoveringEditorOnKeyPress(event, (_a2 = props.shortcut) != null ? _a2 : "k")) {
@@ -2004,7 +1954,7 @@ var BaseCopilotTextareaWithHoveringContext = import_react14.default.forwardRef(
         autosuggestionsConfig.shouldToggleHoveringEditorOnKeyPress
       ]
     );
-    (0, import_react14.useEffect)(() => {
+    (0, import_react13.useEffect)(() => {
       clearAutocompletionsFromEditor(editor);
       if (currentAutocompleteSuggestion) {
         addAutocompletionsToEditor(
@@ -2014,23 +1964,23 @@ var BaseCopilotTextareaWithHoveringContext = import_react14.default.forwardRef(
         );
       }
     }, [currentAutocompleteSuggestion]);
-    const suggestionStyleAugmented = (0, import_react14.useMemo)(() => {
+    const suggestionStyleAugmented = (0, import_react13.useMemo)(() => {
       return __spreadValues({
         fontStyle: "italic",
         color: "gray"
       }, props.suggestionsStyle);
     }, [props.suggestionsStyle]);
-    const renderElementMemoized = (0, import_react14.useMemo)(() => {
+    const renderElementMemoized = (0, import_react13.useMemo)(() => {
       return makeRenderElementFunction(suggestionStyleAugmented);
     }, [suggestionStyleAugmented]);
-    const renderPlaceholderMemoized = (0, import_react14.useMemo)(() => {
+    const renderPlaceholderMemoized = (0, import_react13.useMemo)(() => {
       const placeholderStyleSlatejsOverrides = {
         top: void 0
       };
       const placeholderStyleAugmented = __spreadValues(__spreadValues({}, placeholderStyleSlatejsOverrides), props.placeholderStyle);
       return makeRenderPlaceholderFunction(placeholderStyleAugmented);
     }, [props.placeholderStyle]);
-    (0, import_react14.useEffect)(() => {
+    (0, import_react13.useEffect)(() => {
       var _a2, _b;
       if (props.value === lastKnownFullEditorText) {
         return;
@@ -2141,11 +2091,11 @@ function makeSemiFakeReactTextAreaEvent(currentText) {
 
 // src/hooks/make-autosuggestions-function/use-make-standard-insertion-function.tsx
 var import_react_core6 = require("@copilotkit/react-core");
-var import_react15 = require("react");
+var import_react14 = require("react");
 var import_react_core7 = require("@copilotkit/react-core");
 function useMakeStandardInsertionOrEditingFunction(textareaPurpose, contextCategories, insertionApiConfig, editingApiConfig) {
-  const { getContextString, copilotApiConfig } = (0, import_react15.useContext)(import_react_core6.CopilotContext);
-  const insertionFunction = (0, import_react15.useCallback)(
+  const { getContextString, copilotApiConfig } = (0, import_react14.useContext)(import_react_core6.CopilotContext);
+  const insertionFunction = (0, import_react14.useCallback)(
     (editorState2, insertionPrompt, documents, abortSignal) => __async(this, null, function* () {
       const res = yield retry(() => __async(this, null, function* () {
         const messages = [
@@ -2185,7 +2135,7 @@ function useMakeStandardInsertionOrEditingFunction(textareaPurpose, contextCateg
     }),
     [insertionApiConfig, getContextString, contextCategories, textareaPurpose]
   );
-  const editingFunction = (0, import_react15.useCallback)(
+  const editingFunction = (0, import_react14.useCallback)(
     (editorState2, editingPrompt, documents, abortSignal) => __async(this, null, function* () {
       const res = yield retry(() => __async(this, null, function* () {
         const messages = [
@@ -2230,7 +2180,7 @@ function useMakeStandardInsertionOrEditingFunction(textareaPurpose, contextCateg
     }),
     [editingApiConfig, getContextString, contextCategories, textareaPurpose]
   );
-  const insertionOrEditingFunction = (0, import_react15.useCallback)(
+  const insertionOrEditingFunction = (0, import_react14.useCallback)(
     (editorState2, insertionPrompt, documents, abortSignal) => __async(this, null, function* () {
       if (editorState2.selectedText === "") {
         return yield insertionFunction(editorState2, insertionPrompt, documents, abortSignal);
@@ -2246,7 +2196,7 @@ function useMakeStandardInsertionOrEditingFunction(textareaPurpose, contextCateg
 // src/components/copilot-textarea/copilot-textarea.tsx
 var import_lodash = __toESM(require("lodash.merge"));
 var import_jsx_runtime15 = require("react/jsx-runtime");
-var CopilotTextarea = import_react16.default.forwardRef(
+var CopilotTextarea = import_react15.default.forwardRef(
   (props, ref) => {
     const _a = props, { autosuggestionsConfig: autosuggestionsConfigUserSpecified } = _a, forwardedProps = __objRest(_a, ["autosuggestionsConfig"]);
     const autosuggestionsConfig = (0, import_lodash.default)(