@cmnd-ai/chatbot-react 1.3.1 → 1.4.0

package/Readme.md

@@ -20,6 +20,7 @@ yarn add @cmnd-ai/chatbot-react
 
 ```javascript
 import { ChatProvider } from "@cmnd-ai/chatbot-react";
+import "@cmnd-ai/chatbot-react/dist/styles/index.css"
 
 const App = () => {
   return (

package/dist/ChatProvider/index.d.ts

@@ -1,9 +1,11 @@
 import React from "react";
 import { CmndChatBotProps } from "../CmndChatBot/index.js";
-import { CmndChatContext } from "../type.js";
+import { CmndChatContext, CMNDChatMemory } from "../type.js";
 export declare const ChatProviderContext: React.Context<CmndChatContext | undefined>;
 export interface ChatProviderProps extends CmndChatBotProps {
     children?: React.ReactNode | ((props: CmndChatBotProps) => React.ReactNode);
 }
+export declare const setCurrentConversationMemory: (memory: CMNDChatMemory) => Promise<import("axios").AxiosResponse<any, any> | undefined>;
+export declare const deleteCurrentConversationMemory: (memoryKeyToDelete: string) => Promise<import("axios").AxiosResponse<any, any> | undefined>;
 declare function ChatProvider(props: ChatProviderProps): JSX.Element | null;
 export default ChatProvider;

package/dist/ChatProvider/index.js

@@ -4,9 +4,48 @@ import { MessageRole, } from "../type.js";
 import postUserConversation from "../services/postUserConversation.js";
 import Conversation from "../components/Conversation.js";
 import getChatBotById from "../services/getchatBotById.js";
+import patchChatbotConversationMemory from "../services/patchChatbotConversationMemory/index.js";
+import deleteChatbotConversationMemory from "../services/deleteChatbotConversationMemory/index.js";
+let globalChatbotConversationId;
+let globalChatbotProps;
 export const ChatProviderContext = React.createContext(undefined);
+export const setCurrentConversationMemory = async (memory) => {
+    try {
+        if (!globalChatbotConversationId || !globalChatbotProps) {
+            return Promise.reject("setCurrentConversationMemory method is only available when user is interacting with an active chat thread.");
+        }
+        return await patchChatbotConversationMemory({
+            chatbotConversationId: globalChatbotConversationId,
+            memory,
+            baseUrl: globalChatbotProps.baseUrl,
+            chatbotId: globalChatbotProps.chatbotId,
+            organizationId: globalChatbotProps.organizationId,
+        });
+    }
+    catch (error) {
+        Promise.reject(error);
+    }
+};
+export const deleteCurrentConversationMemory = async (memoryKeyToDelete) => {
+    try {
+        if (!globalChatbotConversationId || !globalChatbotProps) {
+            return Promise.reject("deleteCurrentConversationMemory method is only available when user is interacting with an active chat thread.");
+        }
+        return await deleteChatbotConversationMemory({
+            chatbotConversationId: globalChatbotConversationId,
+            memoryKeyToDelete,
+            baseUrl: globalChatbotProps.baseUrl,
+            chatbotId: globalChatbotProps.chatbotId,
+            organizationId: globalChatbotProps.organizationId,
+        });
+    }
+    catch (error) {
+        Promise.reject(error);
+    }
+};
 function ChatProvider(props) {
-    const { chatbotId, organizationId, baseUrl, Components, UITools } = props;
+    globalChatbotProps = props;
+    const { chatbotId, organizationId, baseUrl, Components, UITools, initialMemory, } = props;
     const [loading, setLoading] = useState(true);
     const [messages, setMessages] = useState([]);
     const [error, setError] = useState(null);
@@ -17,6 +56,9 @@ function ChatProvider(props) {
     const messagesRef = useRef(null);
     const [chatbotConversationId, setChatbotConversationId] = useState(undefined);
     const [enabledTools, setEnabledTools] = useState([]);
+    useEffect(() => {
+        globalChatbotConversationId = chatbotConversationId;
+    }, [chatbotConversationId]);
     useEffect(() => {
         setLoading(true);
         getChatBotById(baseUrl, organizationId, chatbotId)
@@ -42,8 +84,17 @@ function ChatProvider(props) {
     const postSessionMessage = async (newMessages, onData) => {
         if (!organizationId || !chatbotId)
             return;
+        const payload = {
+            messages: newMessages,
+        };
+        if (chatbotConversationId) {
+            payload["chatbotConversationId"] = chatbotConversationId;
+        }
+        else {
+            payload["initialMemory"] = initialMemory;
+        }
         return postUserConversation({
-            payload: newMessages,
+            payload,
             apikey: props.apiKey,
             chatbotId,
             baseUrl,
@@ -112,7 +163,8 @@ function ChatProvider(props) {
                 setCanSendMessage,
                 scrollToBottom,
                 enabledTools,
+                chatbotConversationId,
             },
-        }, children: error ? (_jsx("div", { children: "An error occured" })) : (_jsxs(_Fragment, { children: [props.children, _jsx(Conversation, { messages: messages, setMessages: setMessages, postSessionMessage: postSessionMessage, isChatLoading: isChatLoading, messagesRef: messagesRef, input: input, setInput: setInput, handleSendClick: handleSendClick, setChatbotConversationId: setChatbotConversationId, setIsChatLoading: setIsChatLoading, setCanSendMessage: setCanSendMessage, canSendMessage: canSendMessage, scrollToBottom: scrollToBottom, error: error, enabledTools: enabledTools, Components: Components, UITools: UITools, customStyles: props.customStyles })] })) }));
+        }, children: error ? (_jsx("div", { children: "An error occured" })) : (_jsxs(_Fragment, { children: [props.children, _jsx(Conversation, { messages: messages, setMessages: setMessages, postSessionMessage: postSessionMessage, isChatLoading: isChatLoading, messagesRef: messagesRef, input: input, setInput: setInput, handleSendClick: handleSendClick, setChatbotConversationId: setChatbotConversationId, setIsChatLoading: setIsChatLoading, setCanSendMessage: setCanSendMessage, canSendMessage: canSendMessage, scrollToBottom: scrollToBottom, error: error, enabledTools: enabledTools, Components: Components, UITools: UITools, customStyles: props.customStyles, chatbotConversationId: chatbotConversationId, setCurrentConversationMemory: setCurrentConversationMemory })] })) }));
 }
 export default ChatProvider;

package/dist/CmndChatBot/index.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { CmndChatContext, CustomStyles, UIFunctionArguments } from "../type.js";
+import { CMNDChatMemory, CustomStyles, UIFunctionArguments } from "../type.js";
 import { ConversationProps } from "../components/Conversation.js";
 export interface CmndChatBotProps extends Pick<ConversationProps, 'Components'> {
     chatbotId: number;
@@ -8,6 +8,7 @@ export interface CmndChatBotProps extends Pick<ConversationProps, 'Components'>
     baseUrl: string;
     UITools?: Record<string, React.FC<UIFunctionArguments<any>>>;
     customStyles?: CustomStyles;
+    initialMemory?: CMNDChatMemory;
 }
-declare function CmndChatBot(): CmndChatContext;
+declare function CmndChatBot(): import("../type.js").CmndChatContext;
 export default CmndChatBot;

package/dist/components/Chatbubble.js

@@ -116,7 +116,7 @@ const Chatbubble = ({ message, role, toolCallDetails, tools, postSessionMessage,
     return (_jsxs("div", { style: defaultStyle, className: `cmnd-chatbot-chat-bubble ${role}`, children: [_jsx("span", { style: overrideStyle({
                     fontSize: "30px",
                     color: "black",
-                }, customStyles?.chatAvatarStyle), children: getChatAvatar(role) }), _jsxs("p", { style: chatBubbleCustomStyle, children: [role === MessageRole.USER || isLoadingBubble ? (_jsx("span", { children: message })) : (_jsx(ReactMarkdown, { className: "markdown", remarkPlugins: [remarkGfm], children: message?.toString() ?? "", remarkRehypeOptions: { passThrough: ["link"] }, components: {
+                }, customStyles?.chatAvatarStyle), children: getChatAvatar(role) }), _jsxs("span", { style: chatBubbleCustomStyle, children: [role === MessageRole.USER || isLoadingBubble ? (_jsx("span", { children: message })) : (_jsx(ReactMarkdown, { className: "markdown", remarkPlugins: [remarkGfm], children: message?.toString() ?? "", remarkRehypeOptions: { passThrough: ["link"] }, components: {
                             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
                             // @ts-ignore
                             code({ inline, className, children, ...props }) {

package/dist/components/Conversation.d.ts

@@ -1,5 +1,5 @@
 import React, { Dispatch, SetStateAction } from "react";
-import { CustomStyles, InputFieldProps, SendButtonProps, UIFunctionArguments } from "../type.js";
+import { CMNDChatMemory, CustomStyles, InputFieldProps, SendButtonProps, UIFunctionArguments } from "../type.js";
 export interface ConversationProps {
     messages: any[];
     setMessages: Dispatch<SetStateAction<any[]>>;
@@ -10,6 +10,7 @@ export interface ConversationProps {
     error: string | null;
     messagesRef: React.RefObject<HTMLDivElement>;
     setChatbotConversationId: Dispatch<React.SetStateAction<number | undefined>>;
+    chatbotConversationId: number | undefined;
     setIsChatLoading: Dispatch<SetStateAction<boolean>>;
     setCanSendMessage: Dispatch<SetStateAction<boolean>>;
     canSendMessage: boolean;
@@ -23,6 +24,7 @@ export interface ConversationProps {
     };
     UITools?: Record<string, React.FC<UIFunctionArguments<any>>>;
     customStyles?: CustomStyles;
+    setCurrentConversationMemory: (memory: CMNDChatMemory) => Promise<any>;
 }
 declare const Conversation: ({ messages, handleSendClick, isChatLoading, error, messagesRef, enabledTools, postSessionMessage, setMessages, setChatbotConversationId, setIsChatLoading, setCanSendMessage, scrollToBottom, canSendMessage, setInput, input, Components, UITools, customStyles, }: ConversationProps) => JSX.Element;
 export default Conversation;

package/dist/constants/endpoints.d.ts

@@ -0,0 +1,5 @@
+declare const chatbot: {
+    patchChatbotConversationMemory: (organizationId: number, chatbotId: number, chatbotConversationId: number) => string;
+    deleteChatbotConversationMemory: (organizationId: number, chatbotId: number, chatbotConversationId: number, memoryKeyToDelete: string) => string;
+};
+export { chatbot };

package/dist/constants/endpoints.js

@@ -0,0 +1,5 @@
+const chatbot = {
+    patchChatbotConversationMemory: (organizationId, chatbotId, chatbotConversationId) => `/organizations/${organizationId}/chatbots/${chatbotId}/conversations/${chatbotConversationId}/memory`,
+    deleteChatbotConversationMemory: (organizationId, chatbotId, chatbotConversationId, memoryKeyToDelete) => `/organizations/${organizationId}/chatbots/${chatbotId}/conversations/${chatbotConversationId}/memory/${memoryKeyToDelete}`,
+};
+export { chatbot };

package/dist/index.d.ts

@@ -1,5 +1,3 @@
-import "./styles/index.css";
 export { default as ChatProvider } from "./ChatProvider/index.js";
-export { default as useChatContext } from "./ChatProvider/useChatContext.js";
-export { CmndChatContext, InputFieldProps, SendButtonProps, CustomStyles } from "./type.js";
-export { default as CmndChatBot } from "./CmndChatBot/index.js";
+export { CmndChatContext, InputFieldProps, SendButtonProps, CustomStyles, CMNDChatMemory, } from "./type.js";
+export { setCurrentConversationMemory, deleteCurrentConversationMemory, } from "./ChatProvider/index.js";

package/dist/index.js

@@ -1,4 +1,2 @@
-import "./styles/index.css";
 export { default as ChatProvider } from "./ChatProvider/index.js";
-export { default as useChatContext } from "./ChatProvider/useChatContext.js";
-export { default as CmndChatBot } from "./CmndChatBot/index.js";
+export { setCurrentConversationMemory, deleteCurrentConversationMemory, } from "./ChatProvider/index.js";

package/dist/services/deleteChatbotConversationMemory/index.d.ts

@@ -0,0 +1,9 @@
+interface IDeleteChatbotConversationMemory {
+    organizationId: number;
+    chatbotId: number;
+    chatbotConversationId: number;
+    memoryKeyToDelete: string;
+    baseUrl: string;
+}
+declare const deleteChatbotConversationMemory: ({ organizationId, chatbotId, chatbotConversationId, memoryKeyToDelete, baseUrl, }: IDeleteChatbotConversationMemory) => Promise<import("axios").AxiosResponse<any, any>>;
+export default deleteChatbotConversationMemory;

package/dist/services/deleteChatbotConversationMemory/index.js

@@ -0,0 +1,7 @@
+import { chatbot } from "../../constants/endpoints.js";
+import axios from "axios";
+const deleteChatbotConversationMemory = ({ organizationId, chatbotId, chatbotConversationId, memoryKeyToDelete, baseUrl, }) => {
+    const endpoint = chatbot.deleteChatbotConversationMemory(organizationId, chatbotId, chatbotConversationId, memoryKeyToDelete);
+    return axios.delete(`${baseUrl}${endpoint}`);
+};
+export default deleteChatbotConversationMemory;

package/dist/services/patchChatbotConversationMemory/index.d.ts

@@ -0,0 +1,11 @@
+interface IPatchChatbotConversationMemory {
+    organizationId: number;
+    chatbotId: number;
+    chatbotConversationId: number;
+    memory: {
+        [key: string]: any;
+    };
+    baseUrl: string;
+}
+declare const patchChatbotConversationMemory: ({ organizationId, chatbotId, chatbotConversationId, memory, baseUrl, }: IPatchChatbotConversationMemory) => Promise<import("axios").AxiosResponse<any, any>>;
+export default patchChatbotConversationMemory;

package/dist/services/patchChatbotConversationMemory/index.js

@@ -0,0 +1,9 @@
+import axios from "axios";
+import { chatbot } from "../../constants/endpoints.js";
+const patchChatbotConversationMemory = ({ organizationId, chatbotId, chatbotConversationId, memory, baseUrl, }) => {
+    const endpoint = chatbot.patchChatbotConversationMemory(organizationId, chatbotId, chatbotConversationId);
+    return axios.patch(`${baseUrl}${endpoint}`, {
+        memory,
+    });
+};
+export default patchChatbotConversationMemory;

package/dist/services/postUserConversation.js

@@ -2,9 +2,7 @@ import axios from "axios";
 import processStream from "../ChatProvider/processStream/index.js";
 const postUserConversation = async ({ payload, apikey, chatbotId, baseUrl, onData, }) => {
     const endpoint = `${baseUrl}/chatbots/${chatbotId}/conversations`;
-    const response = await axios.post(endpoint, {
-        messages: payload,
-    }, {
+    const response = await axios.post(endpoint, payload, {
         headers: {
             Accept: "text/event-stream",
             "accept-language": "en-US,en;q=0.9",

package/dist/type.d.ts

@@ -109,4 +109,7 @@ export interface CustomStyles {
     botChatbubbleStyle?: CSSProperties;
     userChatbubbleStyle?: CSSProperties;
 }
+export interface CMNDChatMemory {
+    [key: string]: any;
+}
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cmnd-ai/chatbot-react",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "main": "dist/index.js",
   "description": "",
   "type": "module",