bibot 1.0.62 → 1.0.63

package/dist/index.js

@@ -4262,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: {
@@ -4286,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: {
@@ -4298,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)',
@@ -4323,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',
@@ -4356,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, {