bibot 1.0.66 → 1.0.68

package/dist/index.modern.js

@@ -4114,12 +4114,12 @@ var PredefinedQuestions = function PredefinedQuestions(_ref) {
     chatBubbleConfig = _ref.chatBubbleConfig;
   return createElement("div", {
     style: {
-      height: '100%',
+      height: '100dvh',
       color: '#000',
-      backgroundColor: '#fff',
+      backgroundColor: 'transparent',
       padding: 10,
       borderRadius: '6px',
-      marginBottom: '20px'
+      marginBottom: '100px'
     }
   }, createElement("div", {
     style: {
@@ -4229,6 +4229,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 = useState(true),
+    isGreetingVisible = _React$useState[0],
+    setGreetingVisible = _React$useState[1];
+  var handleCloseGreeting = function handleCloseGreeting() {
+    setGreetingVisible(false);
+  };
   return createElement("div", {
     className: "chat-bubble " + (chatIsOpen ? 'open' : ''),
     style: {
@@ -4475,7 +4481,7 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(bibotProps) {
       alignItems: 'center',
       padding: '0 10px'
     }
-  }, createElement("span", {
+  }, isGreetingVisible && createElement("span", {
     style: {
       fontSize: '12px',
       color: chatBubbleConfig === null || chatBubbleConfig === void 0 ? void 0 : chatBubbleConfig.color,
@@ -4488,9 +4494,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, 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), createElement("button", {
+  }, "\xD7")), createElement("button", {
     onClick: toggleChat,
     className: styles['chat-toggle'],
     style: {