@copilotkit/react-ui 1.8.14-next.0 → 1.8.14-next.1

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # ui
 
+## 1.8.14-next.1
+
+### Patch Changes
+
+- Updated dependencies [34a78d8]
+  - @copilotkit/shared@1.8.14-next.1
+  - @copilotkit/react-core@1.8.14-next.1
+  - @copilotkit/runtime-client-gql@1.8.14-next.1
+
 ## 1.8.14-next.0
 
 ### Patch Changes

package/dist/{chunk-FWKHST6I.mjs → chunk-BNTE4N7G.mjs}

@@ -1,6 +1,6 @@
 import {
   Window
-} from "./chunk-TIDV74OE.mjs";
+} from "./chunk-C3GSYRC3.mjs";
 import {
   Header
 } from "./chunk-UH2UFL5W.mjs";
@@ -139,4 +139,4 @@ var CopilotModal = (_a) => {
 export {
   CopilotModal
 };
-//# sourceMappingURL=chunk-FWKHST6I.mjs.map
+//# sourceMappingURL=chunk-BNTE4N7G.mjs.map

package/dist/{chunk-TIDV74OE.mjs → chunk-C3GSYRC3.mjs}

@@ -5,6 +5,7 @@ import {
 // src/components/chat/Window.tsx
 import React, { useCallback, useEffect } from "react";
 import { useCopilotContext } from "@copilotkit/react-core";
+import { isMacOS } from "@copilotkit/shared";
 import { jsx } from "react/jsx-runtime";
 var Window = ({
   children,
@@ -110,11 +111,8 @@ var preventScroll = (event) => {
     event.preventDefault();
   }
 };
-function isMacOS() {
-  return /Mac|iMac|Macintosh/i.test(navigator.userAgent);
-}
 
 export {
   Window
 };
-//# sourceMappingURL=chunk-TIDV74OE.mjs.map
+//# sourceMappingURL=chunk-C3GSYRC3.mjs.map

package/dist/chunk-C3GSYRC3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat/Window.tsx"],"sourcesContent":["import React, { useCallback, useEffect } from \"react\";\nimport { WindowProps } from \"./props\";\nimport { useChatContext } from \"./ChatContext\";\nimport { useCopilotContext } from \"@copilotkit/react-core\";\nimport { isMacOS } from \"@copilotkit/shared\";\n\nexport const Window = ({\n  children,\n  clickOutsideToClose,\n  shortcut,\n  hitEscapeToClose,\n}: WindowProps) => {\n  const windowRef = React.useRef<HTMLDivElement>(null);\n  const context = useCopilotContext();\n\n  const { open, setOpen } = useChatContext();\n\n  const handleClickOutside = useCallback(\n    (event: MouseEvent) => {\n      if (!clickOutsideToClose) {\n        return;\n      }\n\n      const parentElement = windowRef.current?.parentElement;\n\n      let className = \"\";\n      if (event.target instanceof HTMLElement) {\n        className = event.target.className;\n      }\n\n      if (\n        open &&\n        parentElement &&\n        !parentElement.contains(event.target as any) &&\n        // prevent closing the window when clicking on the debug menu\n        !className.includes(\"copilotKitDebugMenu\")\n      ) {\n        setOpen(false);\n      }\n    },\n    [clickOutsideToClose, open, setOpen],\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      const target = event.target as HTMLElement;\n      const isInput =\n        target.tagName === \"INPUT\" ||\n        target.tagName === \"SELECT\" ||\n        target.tagName === \"TEXTAREA\" ||\n        target.isContentEditable;\n\n      const isDescendantOfWrapper = windowRef.current?.contains(target);\n\n      if (\n        open &&\n        event.key === \"Escape\" &&\n        (!isInput || isDescendantOfWrapper) &&\n        hitEscapeToClose\n      ) {\n        setOpen(false);\n      } else if (\n        event.key === shortcut &&\n        ((isMacOS() && event.metaKey) || (!isMacOS() && event.ctrlKey)) &&\n        (!isInput || isDescendantOfWrapper)\n      ) {\n        setOpen(!open);\n      }\n    },\n    [hitEscapeToClose, shortcut, open, setOpen],\n  );\n\n  const adjustForMobile = useCallback(() => {\n    const copilotKitWindow = windowRef.current;\n    const vv = window.visualViewport;\n    if (!copilotKitWindow || !vv) {\n      return;\n    }\n\n    if (window.innerWidth < 640 && open) {\n      copilotKitWindow.style.height = `${vv.height}px`;\n      copilotKitWindow.style.left = `${vv.offsetLeft}px`;\n      copilotKitWindow.style.top = `${vv.offsetTop}px`;\n\n      document.body.style.position = \"fixed\";\n      document.body.style.width = \"100%\";\n      document.body.style.height = `${window.innerHeight}px`;\n      document.body.style.overflow = \"hidden\";\n      document.body.style.touchAction = \"none\";\n\n      // Prevent scrolling on iOS\n      document.body.addEventListener(\"touchmove\", preventScroll, {\n        passive: false,\n      });\n    } else {\n      copilotKitWindow.style.height = \"\";\n      copilotKitWindow.style.left = \"\";\n      copilotKitWindow.style.top = \"\";\n      document.body.style.position = \"\";\n      document.body.style.height = \"\";\n      document.body.style.width = \"\";\n      document.body.style.overflow = \"\";\n      document.body.style.top = \"\";\n      document.body.style.touchAction = \"\";\n\n      document.body.removeEventListener(\"touchmove\", preventScroll);\n    }\n  }, [open]);\n\n  useEffect(() => {\n    document.addEventListener(\"mousedown\", handleClickOutside);\n    document.addEventListener(\"keydown\", handleKeyDown);\n    if (window.visualViewport) {\n      window.visualViewport.addEventListener(\"resize\", adjustForMobile);\n      adjustForMobile();\n    }\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n      document.removeEventListener(\"keydown\", handleKeyDown);\n      if (window.visualViewport) {\n        window.visualViewport.removeEventListener(\"resize\", adjustForMobile);\n      }\n    };\n  }, [adjustForMobile, handleClickOutside, handleKeyDown]);\n\n  return (\n    <div className={`copilotKitWindow ${open ? \" open\" : \"\"}`} ref={windowRef}>\n      {children}\n    </div>\n  );\n};\n\nconst preventScroll = (event: TouchEvent): void => {\n  let targetElement = event.target as Element;\n\n  // Function to check if the target has the parent with a given class\n  const hasParentWithClass = (element: Element, className: string): boolean => {\n    while (element && element !== document.body) {\n      if (element.classList.contains(className)) {\n        return true;\n      }\n      element = element.parentElement!;\n    }\n    return false;\n  };\n\n  // Check if the target of the touch event is inside an element with the 'copilotKitMessages' class\n  if (!hasParentWithClass(targetElement, \"copilotKitMessages\")) {\n    event.preventDefault();\n  }\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-QEZ3YYLO.mjs → chunk-MG26A5JB.mjs}

@@ -1,6 +1,6 @@
 import {
   CopilotModal
-} from "./chunk-FWKHST6I.mjs";
+} from "./chunk-BNTE4N7G.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -18,4 +18,4 @@ function CopilotPopup(props) {
 export {
   CopilotPopup
 };
-//# sourceMappingURL=chunk-QEZ3YYLO.mjs.map
+//# sourceMappingURL=chunk-MG26A5JB.mjs.map

package/dist/{chunk-JU3HNL5N.mjs → chunk-RMX44BOI.mjs}

@@ -1,6 +1,6 @@
 import {
   CopilotModal
-} from "./chunk-FWKHST6I.mjs";
+} from "./chunk-BNTE4N7G.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -27,4 +27,4 @@ function CopilotSidebar(props) {
 export {
   CopilotSidebar
 };
-//# sourceMappingURL=chunk-JU3HNL5N.mjs.map
+//# sourceMappingURL=chunk-RMX44BOI.mjs.map

package/dist/components/chat/Modal.js

@@ -396,6 +396,7 @@ var ChatContextProvider = ({
 // src/components/chat/Window.tsx
 var import_react2 = __toESM(require("react"));
 var import_react_core = require("@copilotkit/react-core");
+var import_shared = require("@copilotkit/shared");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var Window = ({
   children,
@@ -432,7 +433,7 @@ var Window = ({
       const isDescendantOfWrapper = (_a = windowRef.current) == null ? void 0 : _a.contains(target);
       if (open && event.key === "Escape" && (!isInput || isDescendantOfWrapper) && hitEscapeToClose) {
         setOpen(false);
-      } else if (event.key === shortcut && (isMacOS() && event.metaKey || !isMacOS() && event.ctrlKey) && (!isInput || isDescendantOfWrapper)) {
+      } else if (event.key === shortcut && ((0, import_shared.isMacOS)() && event.metaKey || !(0, import_shared.isMacOS)() && event.ctrlKey) && (!isInput || isDescendantOfWrapper)) {
         setOpen(!open);
       }
     },
@@ -501,9 +502,6 @@ var preventScroll = (event) => {
     event.preventDefault();
   }
 };
-function isMacOS() {
-  return /Mac|iMac|Macintosh/i.test(navigator.userAgent);
-}
 
 // src/components/chat/Button.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
@@ -732,7 +730,7 @@ var CheckIcon2 = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
 
 // src/components/dev-console/console.tsx
 var import_react5 = require("@headlessui/react");
-var import_shared = require("@copilotkit/shared");
+var import_shared2 = require("@copilotkit/shared");
 
 // src/components/help-modal/modal.tsx
 var import_react3 = require("react");
@@ -844,7 +842,7 @@ function CopilotKitHelpModal() {
 // src/components/dev-console/console.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
 function CopilotDevConsole() {
-  const currentVersion = import_shared.COPILOTKIT_VERSION;
+  const currentVersion = import_shared2.COPILOTKIT_VERSION;
   const context = (0, import_react_core3.useCopilotContext)();
   const [showDevConsole, setShowDevConsole] = (0, import_react4.useState)(false);
   (0, import_react4.useEffect)(() => {
@@ -2490,7 +2488,7 @@ var import_react_core10 = require("@copilotkit/react-core");
 
 // src/components/chat/Suggestion.tsx
 var import_react_core9 = require("@copilotkit/react-core");
-var import_shared2 = require("@copilotkit/shared");
+var import_shared3 = require("@copilotkit/shared");
 var import_runtime_client_gql3 = require("@copilotkit/runtime-client-gql");
 var import_jsx_runtime23 = require("react/jsx-runtime");
 function Suggestion({ title, onClick, partial, className }) {
@@ -2514,7 +2512,7 @@ var reloadSuggestions = (context, chatSuggestionConfiguration, setCurrentSuggest
     Object.values(context.actions).map((action) => ({
       name: action.name,
       description: action.description,
-      jsonSchema: JSON.stringify((0, import_shared2.actionParametersToJsonSchema)(action.parameters))
+      jsonSchema: JSON.stringify((0, import_shared3.actionParametersToJsonSchema)(action.parameters))
     }))
   );
   const allSuggestions = [];
@@ -2580,7 +2578,7 @@ var reloadSuggestions = (context, chatSuggestionConfiguration, setCurrentSuggest
 
 // src/components/chat/Chat.tsx
 var import_runtime_client_gql4 = require("@copilotkit/runtime-client-gql");
-var import_shared3 = require("@copilotkit/shared");
+var import_shared4 = require("@copilotkit/shared");
 var import_react_core11 = require("@copilotkit/react-core");
 
 // src/components/chat/ImageUploadQueue.tsx
@@ -2917,7 +2915,7 @@ var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage, onS
     runChatCompletion,
     isLoading
   } = (0, import_react_core10.useCopilotChat)({
-    id: (0, import_shared3.randomId)(),
+    id: (0, import_shared4.randomId)(),
     makeSystemMessage
   });
   const [currentSuggestions, setCurrentSuggestions] = (0, import_react13.useState)([]);