bibot 1.0.51 → 1.0.52

package/dist/index.js

@@ -4199,6 +4199,7 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(bibotProps) {
     aiFollowUpQs = _useBiBotChatBot.aiFollowUpQs,
     handlePredefinedQuestionSelect = _useBiBotChatBot.handlePredefinedQuestionSelect;
   var isOnline = useOnlineStatus();
+  var greeting = chatBubbleConfig !== null && chatBubbleConfig !== void 0 && chatBubbleConfig.knownUser ? "Hi, " + chatBubbleConfig.knownUser + "! How can I help you today?" : 'Hello! How can I help you today?';
   return React.createElement("div", {
     className: "chat-bubble " + (chatIsOpen ? 'open' : ''),
     style: {
@@ -4376,7 +4377,21 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(bibotProps) {
     }
   }, React.createElement(SendMessageIcon, {
     color: isLoading ? '#fff' : chatBubbleConfig === null || chatBubbleConfig === void 0 ? void 0 : chatBubbleConfig.color
-  })))), React.createElement("button", {
+  })))), React.createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      padding: '0 10px'
+    }
+  }, React.createElement("span", {
+    style: {
+      fontSize: '12px',
+      color: chatBubbleConfig === null || chatBubbleConfig === void 0 ? void 0 : chatBubbleConfig.color,
+      textAlign: 'left',
+      marginRight: '8px',
+      whiteSpace: 'nowrap'
+    }
+  }, greeting), React.createElement("button", {
     onClick: toggleChat,
     className: styles['chat-toggle'],
     style: {
@@ -4389,9 +4404,10 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(bibotProps) {
       display: 'flex',
       alignItems: 'center',
       justifyContent: 'center',
-      border: 'none'
+      border: 'none',
+      position: 'relative'
     }
-  }, chatIsOpen ? React.createElement(CloseIcon, null) : React.createElement(ChatIcon, null)));
+  }, chatIsOpen ? React.createElement(CloseIcon, null) : React.createElement(ChatIcon, null))));
 };
 
 var BiBot = function BiBot(bibotProps) {