bibot 1.0.31 → 1.0.32

package/dist/index.js

@@ -4082,7 +4082,8 @@ var PredefinedQuestions = function PredefinedQuestions(_ref) {
       color: '#000',
       backgroundColor: '#fff',
       padding: 10,
-      borderRadius: '6px'
+      borderRadius: '6px',
+      marginBottom: '20px'
     }
   }, React.createElement("div", {
     style: {
@@ -4103,8 +4104,7 @@ var PredefinedQuestions = function PredefinedQuestions(_ref) {
     }
   }, "Welcome!"), React.createElement("p", {
     style: {
-      fontSize: '14px',
-      fontWeight: 'bold'
+      fontSize: '14px'
     }
   }, "Are you looking for answers to any of these questions? Click for an answer ")), questions.map(function (question, index) {
     var _chatBubbleConfig$col;
@@ -4160,7 +4160,7 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(_ref2) {
   }, chatIsOpen && React.createElement("div", {
     className: styles['chat-window'],
     style: {
-      backgroundColor: '#dfdfdf',
+      backgroundColor: '#fff',
       position: 'absolute',
       bottom: '60px',
       right: '25px',
@@ -4169,7 +4169,8 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(_ref2) {
       borderRadius: 10,
       display: 'flex',
       flexDirection: 'column',
-      justifyContent: 'space-between'
+      justifyContent: 'space-between',
+      border: "0.5px solid " + (chatBubbleConfig === null || chatBubbleConfig === void 0 ? void 0 : chatBubbleConfig.color)
     }
   }, React.createElement("div", {
     className: styles['chat-header'],
@@ -4231,7 +4232,11 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(_ref2) {
       flexGrow: 1,
       flexDirection: 'column'
     }
-  }, messages.map(function (message, index) {
+  }, showPredefinedQuestions && predefinedQuestions && predefinedQuestions.length > 0 && React.createElement(PredefinedQuestions, {
+    questions: predefinedQuestions.slice(0, 3),
+    onSelect: handlePredefinedQuestionSelect,
+    clientId: clientId
+  }), messages.map(function (message, index) {
     return message.sender === 'user' ? React.createElement("div", {
       key: index,
       className: "message " + message.sender,
@@ -4275,22 +4280,18 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(_ref2) {
       marginLeft: '20px'
     },
     className: 'message'
-  }, ' ', React.createElement(Loader, null)), showPredefinedQuestions && predefinedQuestions && predefinedQuestions.length > 0 && React.createElement(PredefinedQuestions, {
-    questions: predefinedQuestions.slice(0, 3),
-    onSelect: handlePredefinedQuestionSelect,
-    clientId: clientId
-  }), React.createElement("div", {
+  }, ' ', React.createElement(Loader, null)), React.createElement("div", {
     ref: messageEndRef
   })), React.createElement("div", {
     className: styles['input-area'],
     style: {
       display: 'flex',
       alignItems: 'center',
-      borderTop: '1px solid #b6b6b6',
+      borderTop: '1px solid #d7d7d7',
       padding: 10,
       borderBottomLeftRadius: 8,
       borderBottomRightRadius: 8,
-      backgroundColor: '#dedede'
+      backgroundColor: '#fff'
     }
   }, React.createElement("input", {
     style: {