@copilotkit/react-ui 1.5.11 → 1.5.12-next.1

package/dist/{chunk-UWVGLGFQ.mjs → chunk-VKVNMHM5.mjs}

@@ -9,13 +9,19 @@ import {
 } from "./chunk-RQNJNK2W.mjs";
 import {
   CopilotChat
-} from "./chunk-DCNCY2PL.mjs";
+} from "./chunk-I7MG52I5.mjs";
+import {
+  UserMessage
+} from "./chunk-HEIDCT7I.mjs";
+import {
+  AssistantMessage
+} from "./chunk-3VNMQWGT.mjs";
 import {
   Input
 } from "./chunk-EMQEEXUB.mjs";
 import {
   Messages
-} from "./chunk-7II4YL7R.mjs";
+} from "./chunk-34FREWVK.mjs";
 import {
   ResponseButton
 } from "./chunk-3XAXY2Z3.mjs";
@@ -47,6 +53,8 @@ var CopilotModal = ({
   Messages: Messages2 = Messages,
   Input: Input2 = Input,
   ResponseButton: ResponseButton2 = ResponseButton,
+  AssistantMessage: AssistantMessage2 = AssistantMessage,
+  UserMessage: UserMessage2 = UserMessage,
   className,
   children
 }) => {
@@ -79,7 +87,9 @@ var CopilotModal = ({
                 onInProgress,
                 Messages: Messages2,
                 Input: Input2,
-                ResponseButton: ResponseButton2
+                ResponseButton: ResponseButton2,
+                AssistantMessage: AssistantMessage2,
+                UserMessage: UserMessage2
               }
             )
           ]
@@ -92,4 +102,4 @@ var CopilotModal = ({
 export {
   CopilotModal
 };
-//# sourceMappingURL=chunk-UWVGLGFQ.mjs.map
+//# sourceMappingURL=chunk-VKVNMHM5.mjs.map

package/dist/chunk-VKVNMHM5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat/Modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { ChatContextProvider } from \"./ChatContext\";\nimport { ButtonProps, HeaderProps, WindowProps } from \"./props\";\nimport { Window as DefaultWindow } from \"./Window\";\nimport { Button as DefaultButton } from \"./Button\";\nimport { Header as DefaultHeader } from \"./Header\";\nimport { Messages as DefaultMessages } from \"./Messages\";\nimport { Input as DefaultInput } from \"./Input\";\nimport { ResponseButton as DefaultResponseButton } from \"./Response\";\nimport { CopilotChat, CopilotChatProps } from \"./Chat\";\nimport { Markdown as DefaultRenderer } from \"./Markdown\";\nimport { AssistantMessage as DefaultAssistantMessage } from \"./messages/AssistantMessage\";\nimport { UserMessage as DefaultUserMessage } from \"./messages/UserMessage\";\n\nexport interface CopilotModalProps extends CopilotChatProps {\n  /**\n   * Whether the chat window should be open by default.\n   * @default false\n   */\n  defaultOpen?: boolean;\n\n  /**\n   * If the chat window should close when the user clicks outside of it.\n   * @default true\n   */\n  clickOutsideToClose?: boolean;\n\n  /**\n   * If the chat window should close when the user hits the Escape key.\n   * @default true\n   */\n  hitEscapeToClose?: boolean;\n\n  /**\n   * The shortcut key to open the chat window.\n   * Uses Command-[shortcut] on a Mac and Ctrl-[shortcut] on Windows.\n   * @default '/'\n   */\n  shortcut?: string;\n\n  /**\n   * A callback that gets called when the chat window opens or closes.\n   */\n  onSetOpen?: (open: boolean) => void;\n\n  /**\n   * A custom Window component to use instead of the default.\n   */\n  Window?: React.ComponentType<WindowProps>;\n\n  /**\n   * A custom Button component to use instead of the default.\n   */\n  Button?: React.ComponentType<ButtonProps>;\n\n  /**\n   * A custom Header component to use instead of the default.\n   */\n  Header?: React.ComponentType<HeaderProps>;\n}\n\nexport const CopilotModal = ({\n  instructions,\n  defaultOpen = false,\n  clickOutsideToClose = true,\n  hitEscapeToClose = true,\n  onSetOpen,\n  onSubmitMessage,\n  onStopGeneration,\n  onReloadMessages,\n  shortcut = \"/\",\n  icons,\n  labels,\n  makeSystemMessage,\n  showResponseButton = true,\n  onInProgress,\n  Window = DefaultWindow,\n  Button = DefaultButton,\n  Header = DefaultHeader,\n  Messages = DefaultMessages,\n  Input = DefaultInput,\n  ResponseButton = DefaultResponseButton,\n  AssistantMessage = DefaultAssistantMessage,\n  UserMessage = DefaultUserMessage,\n  className,\n  children,\n}: CopilotModalProps) => {\n  const [openState, setOpenState] = React.useState(defaultOpen);\n\n  const setOpen = (open: boolean) => {\n    onSetOpen?.(open);\n    setOpenState(open);\n  };\n\n  return (\n    <ChatContextProvider icons={icons} labels={labels} open={openState} setOpen={setOpen}>\n      {children}\n      <div className={className}>\n        <Button></Button>\n        <Window\n          clickOutsideToClose={clickOutsideToClose}\n          shortcut={shortcut}\n          hitEscapeToClose={hitEscapeToClose}\n        >\n          <Header />\n          <CopilotChat\n            instructions={instructions}\n            onSubmitMessage={onSubmitMessage}\n            onStopGeneration={onStopGeneration}\n            onReloadMessages={onReloadMessages}\n            makeSystemMessage={makeSystemMessage}\n            showResponseButton={showResponseButton}\n            onInProgress={onInProgress}\n            Messages={Messages}\n            Input={Input}\n            ResponseButton={ResponseButton}\n            AssistantMessage={AssistantMessage}\n            UserMessage={UserMessage}\n          />\n        </Window>\n      </div>\n    </ChatContextProvider>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,WAAW;AAkGV,cACA,YADA;AArCD,IAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA,cAAc;AAAA,EACd,sBAAsB;AAAA,EACtB,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA,QAAAA,UAAS;AAAA,EACT,QAAAC,UAAS;AAAA,EACT,QAAAC,UAAS;AAAA,EACT,UAAAC,YAAW;AAAA,EACX,OAAAC,SAAQ;AAAA,EACR,gBAAAC,kBAAiB;AAAA,EACjB,kBAAAC,oBAAmB;AAAA,EACnB,aAAAC,eAAc;AAAA,EACd;AAAA,EACA;AACF,MAAyB;AACvB,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,WAAW;AAE5D,QAAM,UAAU,CAAC,SAAkB;AACjC,2CAAY;AACZ,iBAAa,IAAI;AAAA,EACnB;AAEA,SACE,qBAAC,uBAAoB,OAAc,QAAgB,MAAM,WAAW,SACjE;AAAA;AAAA,IACD,qBAAC,SAAI,WACH;AAAA,0BAACN,SAAA,EAAO;AAAA,MACR;AAAA,QAACD;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UAEA;AAAA,gCAACE,SAAA,EAAO;AAAA,YACR;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,UAAUC;AAAA,gBACV,OAAOC;AAAA,gBACP,gBAAgBC;AAAA,gBAChB,kBAAkBC;AAAA,gBAClB,aAAaC;AAAA;AAAA,YACf;AAAA;AAAA;AAAA,MACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":["Window","Button","Header","Messages","Input","ResponseButton","AssistantMessage","UserMessage"]}

package/dist/components/chat/Chat.d.ts

@@ -4,7 +4,7 @@ import React__default from 'react';
 import { SystemMessageFunction, HintFunction } from '@copilotkit/react-core';
 import { CopilotChatSuggestion } from '../../types/suggestions.js';
 import { Message } from '@copilotkit/runtime-client-gql';
-import { MessagesProps, RenderMessageProps, InputProps, ResponseButtonProps } from './props.js';
+import { AssistantMessageProps, UserMessageProps, MessagesProps, RenderMessageProps, InputProps, ResponseButtonProps } from './props.js';
 
 /**
  * Props for CopilotChat component.
@@ -55,6 +55,14 @@ interface CopilotChatProps {
      * @default true
      */
     showResponseButton?: boolean;
+    /**
+     * A custom assistant message component to use instead of the default.
+     */
+    AssistantMessage?: React__default.ComponentType<AssistantMessageProps>;
+    /**
+     * A custom user message component to use instead of the default.
+     */
+    UserMessage?: React__default.ComponentType<UserMessageProps>;
     /**
      * A custom Messages component to use instead of the default.
      */
@@ -129,7 +137,7 @@ interface OnStopGenerationArguments {
 type OnReloadMessagesArguments = OnStopGenerationArguments;
 type OnStopGeneration = (args: OnStopGenerationArguments) => void;
 type OnReloadMessages = (args: OnReloadMessagesArguments) => void;
-declare function CopilotChat({ instructions, onSubmitMessage, makeSystemMessage, showResponseButton, onInProgress, onStopGeneration, onReloadMessages, Messages, RenderTextMessage, RenderActionExecutionMessage, RenderAgentStateMessage, RenderResultMessage, Input, ResponseButton, className, icons, labels, }: CopilotChatProps): react_jsx_runtime.JSX.Element;
+declare function CopilotChat({ instructions, onSubmitMessage, makeSystemMessage, showResponseButton, onInProgress, onStopGeneration, onReloadMessages, Messages, RenderTextMessage, RenderActionExecutionMessage, RenderAgentStateMessage, RenderResultMessage, Input, ResponseButton, className, icons, labels, AssistantMessage, UserMessage, }: CopilotChatProps): react_jsx_runtime.JSX.Element;
 declare function WrappedCopilotChat({ children, icons, labels, className, }: {
     children: React__default.ReactNode;
     icons?: CopilotChatIcons;