@cmnd-ai/chatbot-react 1.1.0

package/dist/ChatProvider/index.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { CmndChatBotProps } from "../CmndChatBot";
+import { CmndChatContext } from "../type";
+export declare const ChatProviderContext: React.Context<CmndChatContext | undefined>;
+export interface ChatProviderProps extends Omit<CmndChatBotProps, "components"> {
+    children: React.ReactNode | ((props: Omit<CmndChatBotProps, "components">) => React.ReactNode);
+}
+declare function ChatProvider(props: ChatProviderProps): import("react/jsx-runtime").JSX.Element;
+export default ChatProvider;

package/dist/ChatProvider/index.js

@@ -0,0 +1,121 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatProviderContext = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const constants_1 = require("../constants");
+exports.ChatProviderContext = react_1.default.createContext(undefined);
+function ChatProvider(props) {
+    const { chatbotId, organizationId } = props;
+    const [chats, setchats] = (0, react_1.useState)({
+        data: undefined,
+        error: null,
+        isLoading: false,
+    });
+    const [message, setmessage] = (0, react_1.useState)({
+        error: null,
+        isSending: false,
+        textValue: "",
+    });
+    const sendMessage = async () => {
+        const temp = { ...message };
+        try {
+            temp.error = null;
+            const requestBody = {
+                messages: [
+                    {
+                        hiddenFromUser: false,
+                        message: message.textValue,
+                        role: "user",
+                        unuseful: false,
+                    },
+                ],
+            };
+            const results = await postUserConversation({
+                orgId: organizationId,
+                payload: requestBody,
+                apikey: props.apiKey,
+                chatbotId,
+            });
+            if (!results.ok) {
+                throw new Error(`Failed to post conversation: ${results.statusText}`);
+            }
+            temp.textValue = "";
+            const data = await results.json();
+            setchats((prev) => ({
+                ...prev,
+                data: {
+                    ...prev.data,
+                    messages: [...(prev.data?.messages || [])].concat(...data.messages),
+                },
+            }));
+        }
+        catch (error) {
+            console.error("error while sending message: ", error);
+            temp.error = error;
+        }
+        temp.isSending = false;
+        setmessage(temp);
+    };
+    (0, react_1.useEffect)(() => {
+        if (message.isSending) {
+            sendMessage();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [message.isSending]);
+    const currentPendingMessage = message.isSending
+        ? message.textValue
+        : undefined;
+    return ((0, jsx_runtime_1.jsx)(exports.ChatProviderContext.Provider, { value: {
+            props: {
+                chats,
+                userInputData: {
+                    ...message,
+                    setTextValue(value) {
+                        setmessage((prev) => ({ ...prev, textValue: value }));
+                    },
+                    submitMessage() {
+                        setmessage((prev) => ({ ...prev, isSending: true }));
+                    },
+                },
+            },
+        }, children: typeof props.children === "function" ? ((0, jsx_runtime_1.jsx)(props.children, { ...props }) // If it's a function, call it with props
+        ) : (props.children) // Otherwise, render it as React node
+     }));
+}
+exports.default = ChatProvider;
+const postUserConversation = ({ orgId, payload, apikey, chatbotId, }) => {
+    return fetch(`${constants_1.baseUrl}/organizations/${orgId}/chatbots/${chatbotId}/conversations`, {
+        headers: {
+            accept: "application/json, text/plain, */*",
+            "accept-language": "en-US,en;q=0.9",
+            "content-type": "application/json;charset=UTF-8",
+            "x-api-key": apikey,
+        },
+        body: JSON.stringify(payload),
+        method: "POST",
+    });
+};

package/dist/ChatProvider/useChatContext.d.ts

@@ -0,0 +1,2 @@
+declare const useChatContext: () => import("../type").CmndChatContext;
+export default useChatContext;

package/dist/ChatProvider/useChatContext.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const _1 = require(".");
+const useChatContext = () => {
+    const context = (0, react_1.useContext)(_1.ChatProviderContext);
+    if (!context)
+        throw new Error("Cmnd chat context must be wrapped in a provider");
+    return context;
+};
+exports.default = useChatContext;

package/dist/CmndChatBot/index.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { CmndChatContext } from "../type";
+export interface CmndChatBotProps {
+    chatbotId: number;
+    organizationId: number;
+    apiKey: string;
+    components: {
+        messages: (params: CmndChatContext) => React.ReactNode;
+        userInputBox: (params: CmndChatContext) => React.ReactNode;
+        error?: (params: CmndChatContext) => React.ReactNode;
+    };
+}
+declare function CmndChatBot(props: CmndChatBotProps): import("react/jsx-runtime").JSX.Element;
+export default CmndChatBot;

package/dist/CmndChatBot/index.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const useChatContext_1 = __importDefault(require("../ChatProvider/useChatContext"));
+function CmndChatBot(props) {
+    const chatContext = (0, useChatContext_1.default)();
+    const { props: { chats }, } = chatContext;
+    if (chats.error && props.components.error) {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(props.components.error, { props: chatContext.props }) });
+    }
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(props.components.messages, { props: chatContext.props }), (0, jsx_runtime_1.jsx)(props.components.userInputBox, { props: chatContext.props })] }));
+}
+exports.default = CmndChatBot;

package/dist/constants.d.ts

@@ -0,0 +1 @@
+export declare const baseUrl: "https://api.cmnd.ai";

package/dist/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.baseUrl = void 0;
+exports.baseUrl = "https://api.cmnd.ai";

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { default as ChatProvider } from "./ChatProvider";
+export { default as useChatContext } from "./ChatProvider/useChatContext";
+export { default as CmndChatBot } from "./CmndChatBot";
+export * from "./constants";

package/dist/index.js

@@ -0,0 +1,27 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CmndChatBot = exports.useChatContext = exports.ChatProvider = void 0;
+var ChatProvider_1 = require("./ChatProvider");
+Object.defineProperty(exports, "ChatProvider", { enumerable: true, get: function () { return __importDefault(ChatProvider_1).default; } });
+var useChatContext_1 = require("./ChatProvider/useChatContext");
+Object.defineProperty(exports, "useChatContext", { enumerable: true, get: function () { return __importDefault(useChatContext_1).default; } });
+var CmndChatBot_1 = require("./CmndChatBot");
+Object.defineProperty(exports, "CmndChatBot", { enumerable: true, get: function () { return __importDefault(CmndChatBot_1).default; } });
+__exportStar(require("./constants"), exports);

package/dist/type.d.ts

@@ -0,0 +1,45 @@
+export interface CmndChatContext {
+    props: {
+        chats: {
+            isLoading: boolean;
+            data: Conversation | undefined;
+            error: null | unknown;
+        };
+        userInputData: {
+            isSending: boolean;
+            textValue: string;
+            /** whether there is an error while sending the message */
+            error: null | unknown;
+            /** to change the value of the input text */
+            setTextValue: (value: string) => any;
+            /** function to call for submitting a message */
+            submitMessage: () => void;
+            /**Message currently being sent */
+            currentPendingMessage?: string;
+        };
+    };
+}
+export type ErrorOrData<T> = {
+    error: unknown;
+} | T;
+export interface Message {
+    id?: string;
+    role: "user" | "assistant";
+    message: string;
+    unuseful: boolean;
+    hiddenFromUser: boolean;
+}
+export interface Conversation {
+    conversationId: number;
+    conversationTitle: string;
+    messages: Message[];
+    model: string;
+    maxTokens: number;
+    costLimit: number;
+    systemPrompt: string;
+    enabledTools: any[];
+    /** Date string format */
+    createdAt: string;
+    /** Date string format */
+    updatedAt: string;
+}

package/dist/type.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@cmnd-ai/chatbot-react",
+  "version": "1.1.0",
+  "main": "dist/index.js",
+  "description": "",
+  "files": [
+    "dist/",
+    "package.json",
+    "ReadMe.md"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "prepublishOnly": "npm run build",
+    "semantic-release": "semantic-release"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@types/react": "^18.2.55",
+    "semantic-release": "^22.0.12",
+    "typescript": "^5.3.3"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}