fix: Fix message sender capitalization and update changelog and version

Author: tjtanjin

CHANGELOG.md

@@ -1,5 +1,14 @@
 # CHANGELOG.md
 
+## v2.0.0-beta.25 (25-11-2024)
+
+**Fixed:**
+- Fixed an issue with z-index causing display issues in embedded chatbots
+- Fixed and improved stream logic for messages
+
+**Note:**
+The message `sender` field now defaults to being fully capitalized (i.e. `bot` -> `BOT`). However, it is also no longer case sensitive so **no action is required**.
+
 ## v2.0.0-beta.24 (13-11-2024)
 
 **Fixed:**

package-lock.json

@@ -12,7 +12,7 @@
   "files": [
     "./dist"
   ],
-  "version": "2.0.0-beta.24",
+  "version": "2.0.0-beta.25",
   "description": "A modern React library for creating flexible and extensible chatbots.",
   "type": "module",
   "main": "./dist/index.cjs",

package.json

@@ -133,7 +133,7 @@ export const useBotEffectsInternal = () => {
 			const historyMessages = getHistoryMessages();
 			if (historyMessages.length > 0) {
 				// note: must always render this button even if autoload (chat history logic relies on system message)
-				const messageContent = createMessage(<ChatHistoryButton/>, "system");
+				const messageContent = createMessage(<ChatHistoryButton/>, "SYSTEM");
 				replaceMessages([messageContent]);
 				if (settings.chatHistory?.autoLoad) {
 					showChatHistory();

src/hooks/internal/useBotEffectsInternal.tsx

@@ -311,7 +311,7 @@ export const useMessagesInternal = () => {
 
 		const lastMessage = updatedMessages[updatedMessages.length - 1];
 		// if message is sent by user or is bot typing or bot is embedded, return
-		if (!lastMessage || lastMessage.sender === "USER") {
+		if (!lastMessage || lastMessage.sender.toUpperCase() === "USER") {
 			shouldNotify = false;
 		}
 

src/hooks/internal/useMessagesInternal.ts

@@ -155,7 +155,7 @@ const loadChatHistory = (settings: Settings, styles: Styles, chatHistory: Messag
 	if (chatHistory != null) {
 		try {
 			setMessages((prevMessages) => {
-				const loaderMessage = createMessage(<LoadingSpinner/>, "system");
+				const loaderMessage = createMessage(<LoadingSpinner/>, "SYSTEM");
 				prevMessages.shift();
 				return [loaderMessage, ...prevMessages];
 			});
@@ -174,9 +174,9 @@ const loadChatHistory = (settings: Settings, styles: Styles, chatHistory: Messag
 					// if autoload, line break is invisible
 					let lineBreakMessage;
 					if (settings.chatHistory?.autoLoad) {
-						lineBreakMessage = createMessage(<></>, "system")
+						lineBreakMessage = createMessage(<></>, "SYSTEM")
 					} else {
-						lineBreakMessage = createMessage(<ChatHistoryLineBreak/>, "system")
+						lineBreakMessage = createMessage(<ChatHistoryLineBreak/>, "SYSTEM")
 					}
 					return [...parsedMessages, lineBreakMessage, ...prevMessages];
 				});