bibot 1.0.20 → 1.0.22

package/dist/index.modern.js

@@ -3741,7 +3741,8 @@ var useBiBotChatBot = function useBiBotChatBot(_ref) {
 
 var styles = {"chat-bubble":"_31at8","chat-toggle":"_1tkAI","chat-window":"_2vdWr","chat-header":"_1ngBE","message-list":"_27MrF","message":"_3XbXj","user":"_3l8QX","bot":"_1MqZg","loader":"_3mrL1","l5":"_25GkQ","input-area":"_6V_kl","loading-bubbles":"_1XTQS","bubble":"_32ZvK","bounce":"_V8DEW"};
 
-function SendMessageIcon() {
+function SendMessageIcon(_ref) {
+  var color = _ref.color;
   return React__default.createElement("svg", {
     xmlns: 'http://www.w3.org/2000/svg',
     className: 'icon icon-tabler icon-tabler-send-2',
@@ -3749,7 +3750,7 @@ function SendMessageIcon() {
     height: '24',
     viewBox: '0 0 24 24',
     "stroke-width": '1.5',
-    stroke: '#2c3e50',
+    stroke: color,
     fill: 'none',
     "stroke-linecap": 'round',
     "stroke-linejoin": 'round'
@@ -3846,7 +3847,8 @@ var Avatar = function Avatar(_ref) {
   var source = _ref.source,
     height = _ref.height,
     width = _ref.width,
-    indicator = _ref.indicator;
+    indicator = _ref.indicator,
+    borderColor = _ref.borderColor;
   return React__default.createElement("div", {
     style: {
       width: width
@@ -3854,7 +3856,7 @@ var Avatar = function Avatar(_ref) {
   }, React__default.createElement("div", {
     style: {
       backgroundColor: 'transparent',
-      border: '1px solid #dedede',
+      border: "1px solid " + borderColor,
       height: height,
       width: width,
       borderRadius: '50%',
@@ -3951,7 +3953,7 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(_ref2) {
     style: {
       backgroundColor: '#dfdfdf',
       position: 'absolute',
-      bottom: '50px',
+      bottom: '60px',
       right: '25px',
       width: 350,
       height: 500,
@@ -3981,6 +3983,7 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(_ref2) {
       fontWeight: 'bold'
     }
   }, createElement(Avatar, {
+    borderColor: isLoading ? '#fff' : chatBubbleConfig === null || chatBubbleConfig === void 0 ? void 0 : chatBubbleConfig.color,
     indicator: isOnline ? 'green' : '#dedede',
     width: '40px',
     height: '40px',
@@ -4040,6 +4043,7 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(_ref2) {
         display: 'flex'
       }
     }, createElement(Avatar, {
+      borderColor: isLoading ? '#fff' : chatBubbleConfig === null || chatBubbleConfig === void 0 ? void 0 : chatBubbleConfig.color,
       width: '20px',
       height: '20px',
       source: chatBubbleConfig === null || chatBubbleConfig === void 0 ? void 0 : chatBubbleConfig.logo_url
@@ -4074,11 +4078,11 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(_ref2) {
     style: {
       display: 'flex',
       alignItems: 'center',
-      borderTop: '1px solid #dedede',
+      borderTop: '1px solid #b6b6b6',
       padding: 10,
       borderBottomLeftRadius: 8,
       borderBottomRightRadius: 8,
-      backgroundColor: '#fff'
+      backgroundColor: '#dedede'
     }
   }, createElement("input", {
     style: {
@@ -4105,7 +4109,9 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(_ref2) {
       cursor: 'pointer'
     },
     onClick: sendInputInquiry
-  }, createElement(SendMessageIcon, null)))), createElement("button", {
+  }, createElement(SendMessageIcon, {
+    color: isLoading ? '#fff' : chatBubbleConfig === null || chatBubbleConfig === void 0 ? void 0 : chatBubbleConfig.color
+  })))), createElement("button", {
     onClick: toggleChat,
     className: styles['chat-toggle'],
     style: {