bibot 1.0.61 → 1.0.63

package/dist/index.js

@@ -4127,16 +4127,39 @@ var PredefinedQuestions = function PredefinedQuestions(_ref) {
   }, React.createElement("div", {
     style: {
       display: 'flex',
-      justifyContent: 'center',
-      alignItems: 'center',
-      flexDirection: 'column',
-      textAlign: 'center'
+      flexDirection: 'column'
+    }
+  }, React.createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center'
+    }
+  }, React.createElement(Avatar, {
+    borderColor: '#fff',
+    width: '36px',
+    height: '36px',
+    source: chatBubbleConfig === null || chatBubbleConfig === void 0 ? void 0 : chatBubbleConfig.logo_url
+  }), React.createElement("small", {
+    style: {
+      marginLeft: 5
+    }
+  }, " ", chatBubbleConfig === null || chatBubbleConfig === void 0 ? void 0 : chatBubbleConfig.title)), React.createElement("div", {
+    style: {
+      backgroundColor: '#dedede',
+      marginBottom: 20,
+      width: 300,
+      marginLeft: 15,
+      marginTop: 5,
+      borderTopRightRadius: 20,
+      borderBottomRightRadius: 20,
+      borderBottomLeftRadius: 20
     }
   }, React.createElement("p", {
     style: {
-      fontSize: '14px'
+      fontSize: '16px',
+      paddingLeft: 10
     }
-  }, "Are you looking for answers to any of these questions? Click for an answer ")), questions.map(function (question, index) {
+  }, "Are you looking for answers to any of these questions? Click for an answer "))), questions.map(function (question, index) {
     var _chatBubbleConfig$col;
     return React.createElement("div", {
       key: index,
@@ -4147,7 +4170,7 @@ var PredefinedQuestions = function PredefinedQuestions(_ref) {
         margin: '7px',
         textAlign: 'start',
         padding: '14px',
-        borderRadius: '50px',
+        borderRadius: '16px',
         cursor: 'pointer'
       },
       onClick: function onClick() {
@@ -4239,10 +4262,16 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(bibotProps) {
       borderTopLeftRadius: 8,
       borderTopRightRadius: 8,
       display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'flex-start',
+      flexDirection: 'column',
+      justifyContent: 'space-between',
       paddingInline: 15,
-      paddingBlock: 20
+      paddingBlock: 15
+    }
+  }, React.createElement("div", {
+    style: {
+      display: 'flex',
+      justifyContent: 'flex-start',
+      alignItems: 'center'
     }
   }, React.createElement("div", {
     style: {
@@ -4263,8 +4292,9 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(bibotProps) {
       flexDirection: 'column',
       textAlign: 'left',
       paddingLeft: '10px',
-      justifyContent: 'flex-start',
-      color: '#fff'
+      justifyContent: 'flex-end',
+      color: '#fff',
+      width: '100%'
     }
   }, React.createElement("span", {
     style: {
@@ -4275,11 +4305,29 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(bibotProps) {
     style: {
       fontSize: '12px'
     }
-  }, "Typing...") : React.createElement("span", {
+  }, "Typing...") : React.createElement("div", {
+    style: {
+      display: 'flex',
+      justifyContent: 'space-between',
+      width: '100%'
+    }
+  }, React.createElement("span", {
     style: {
       fontSize: '12px'
     }
-  }, isOnline ? 'Online' : 'Offline'))), React.createElement("div", {
+  }, isOnline ? 'Online' : 'Offline')))), React.createElement("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'row',
+      justifyContent: 'flex-end'
+    }
+  }, React.createElement("span", {
+    style: {
+      fontSize: '6px',
+      paddingRight: 10,
+      color: '#dedede'
+    }
+  }, !chatBubbleConfig.title ? 'Bot' : chatBubbleConfig.title, " can make mistake "))), React.createElement("div", {
     className: styles['message-list'],
     style: {
       height: 'calc(100% - 100px)',
@@ -4300,7 +4348,9 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(bibotProps) {
       style: {
         marginBottom: 10,
         padding: '5px 10px',
-        borderRadius: 8,
+        borderTopRightRadius: 15,
+        borderTopLeftRadius: 15,
+        borderBottomLeftRadius: 15,
         maxWidth: '70%',
         alignSelf: 'flex-end',
         fontSize: '15px',
@@ -4333,14 +4383,16 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(bibotProps) {
       style: {
         marginBottom: 10,
         padding: '5px 10px',
-        borderRadius: 8,
+        borderTopRightRadius: 15,
+        borderBottomRightRadius: 15,
+        borderBottomLeftRadius: 15,
         maxWidth: '70%',
         alignSelf: 'flex-start',
         fontSize: '15px',
         backgroundColor: '#f0f0f0',
         color: '#000',
         textAlign: 'left',
-        marginTop: 5
+        margin: 5
       }
     }, message.text));
   }), aiFollowUpQs && !isLoading && React.createElement(AiFollowUps, {