bibot 1.0.66 → 1.0.68

package/dist/index.js

@@ -4117,12 +4117,12 @@ var PredefinedQuestions = function PredefinedQuestions(_ref) {
     chatBubbleConfig = _ref.chatBubbleConfig;
   return React.createElement("div", {
     style: {
-      height: '100%',
+      height: '100dvh',
       color: '#000',
-      backgroundColor: '#fff',
+      backgroundColor: 'transparent',
       padding: 10,
       borderRadius: '6px',
-      marginBottom: '20px'
+      marginBottom: '100px'
     }
   }, React.createElement("div", {
     style: {
@@ -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: {
@@ -4478,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,
@@ -4491,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: {