@cmnd-ai/chatbot-react 1.3.0 → 1.3.2

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/components/Conversation.d.ts

@@ -1,6 +1,5 @@
 import React, { Dispatch, SetStateAction } from "react";
 import { CustomStyles, InputFieldProps, SendButtonProps, UIFunctionArguments } from "../type.js";
-import "../styles/index.css";
 export interface ConversationProps {
     messages: any[];
     setMessages: Dispatch<SetStateAction<any[]>>;

package/dist/components/Conversation.js

@@ -2,7 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Chatbubble from "./Chatbubble.js";
 import LoadingBubble from "./LoadingBubble.js";
 import ChatInputBox from "./ChatInputBox.js";
-import "../styles/index.css";
 const Conversation = ({ messages, handleSendClick, isChatLoading, error, messagesRef, enabledTools, postSessionMessage, setMessages, setChatbotConversationId, setIsChatLoading, setCanSendMessage, scrollToBottom, canSendMessage, setInput, input, Components, UITools, customStyles, }) => {
     return (_jsxs("div", { className: "cmnd-conversations", children: [_jsxs("div", { ref: messagesRef, id: "messages", className: "cmnd-conversations-messages", children: [error, messages.map((m, i) => (_jsx(Chatbubble, { customStyles: customStyles, hide: m.hiddenFromUser, message: m.message, role: m.role, toolCallDetails: m.tool, tools: enabledTools, postSessionMessage: postSessionMessage, messages: messages, setMessages: setMessages, id: m.id, setChatbotConversationId: setChatbotConversationId, setIsChatLoading: setIsChatLoading, setCanSendMessage: setCanSendMessage, scrollToBottom: scrollToBottom, UITools: UITools }, i))), isChatLoading ? _jsx(LoadingBubble, { customStyles: customStyles }) : null] }), _jsxs("div", { id: "cmnd-input-div", className: "cmnd-input-div", children: [Components?.InputField ? (_jsx(Components.InputField, { ...{ input, setInput, canSendMessage, handleSendClick } })) : (_jsx(ChatInputBox, { input: input, setInput: setInput, handleSendClick: handleSendClick })), Components?.SendButton ? (_jsx(Components.SendButton, { ...{
                             canSendMessage,

package/dist/styles/index.css

@@ -19,7 +19,6 @@
   overflow-y: scroll;
   overflow-x: hidden;
   width: 60%;
-  justify-content: center;
   align-items: center;
   padding: 10px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cmnd-ai/chatbot-react",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "main": "dist/index.js",
   "description": "",
   "type": "module",
@@ -13,7 +13,7 @@
   "scripts": {
     "build": "tsc && npm run copy-css",
     "copy-css": "mkdir -p dist/styles && cp src/styles/index.css dist/styles/index.css",
-    "dev": "tsc -w",
+    "dev": "npm run copy-css && tsc -w",
     "prepublishOnly": "npm run build",
     "semantic-release": "semantic-release"
   },