bibot 1.0.62 → 1.0.64

package/dist/index.js

@@ -4188,7 +4188,6 @@ var AiFollowUps = function AiFollowUps(_ref) {
     style: {
       height: '100%',
       color: '#000',
-      backgroundColor: '#fff',
       padding: 10,
       borderRadius: '6px',
       marginBottom: '20px'
@@ -4262,10 +4261,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 +4291,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 +4304,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 +4347,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 +4382,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, {
@@ -4415,7 +4443,7 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(bibotProps) {
     }
   }, React.createElement(SendMessageIcon, {
     color: isLoading ? '#cdcdcd' : chatBubbleConfig.color
-  }))), React.createElement("div", {
+  }))), chatBubbleConfig.powered_by_bibot && React.createElement("div", {
     style: {
       backgroundColor: '#f9f9f9',
       minHeight: 45,