bibot 1.0.65 → 1.0.67

package/dist/index.js

@@ -4232,6 +4232,12 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(bibotProps) {
     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?';
+  var _React$useState = React.useState(true),
+    isGreetingVisible = _React$useState[0],
+    setGreetingVisible = _React$useState[1];
+  var handleCloseGreeting = function handleCloseGreeting() {
+    setGreetingVisible(false);
+  };
   return React.createElement("div", {
     className: "chat-bubble " + (chatIsOpen ? 'open' : ''),
     style: {
@@ -4343,9 +4349,8 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(bibotProps) {
   }), messages.map(function (message, index) {
     return message.sender === 'user' ? React.createElement("div", {
       key: index,
-      className: "message " + message.sender,
+      className: '',
       style: {
-        marginBottom: 10,
         marginTop: 10,
         padding: '5px 10px',
         borderTopRightRadius: 15,
@@ -4479,7 +4484,7 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(bibotProps) {
       alignItems: 'center',
       padding: '0 10px'
     }
-  }, React.createElement("span", {
+  }, isGreetingVisible && React.createElement("span", {
     style: {
       fontSize: '12px',
       color: chatBubbleConfig === null || chatBubbleConfig === void 0 ? void 0 : chatBubbleConfig.color,
@@ -4492,9 +4497,22 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(bibotProps) {
       borderTopLeftRadius: 10,
       borderBottomLeftRadius: 10,
       marginBottom: 60,
-      boxShadow: '0 4px 8px 0 rgba(0, 0, 0, 0.2)'
+      boxShadow: '0 4px 8px 0 rgba(0, 0, 0, 0.2)',
+      position: 'relative'
+    }
+  }, greeting, React.createElement("button", {
+    onClick: handleCloseGreeting,
+    style: {
+      position: 'absolute',
+      top: '2px',
+      left: '-1px',
+      background: 'transparent',
+      border: 'none',
+      cursor: 'pointer',
+      color: chatBubbleConfig === null || chatBubbleConfig === void 0 ? void 0 : chatBubbleConfig.color,
+      fontSize: '14px'
     }
-  }, greeting), React.createElement("button", {
+  }, "\xD7")), React.createElement("button", {
     onClick: toggleChat,
     className: styles['chat-toggle'],
     style: {