bibot 1.0.21 → 1.0.22

package/dist/component/Avatar.d.ts

@@ -4,6 +4,7 @@ interface AvatarProps {
     height: string;
     width: string;
     indicator?: string;
+    borderColor: string | undefined;
 }
 export declare const Avatar: React.FC<AvatarProps>;
 export {};

package/dist/component/Icons.d.ts

@@ -1,5 +1,8 @@
 import React from 'react';
-declare function SendMessageIcon(): React.JSX.Element;
+interface iconColor {
+    color: string | undefined;
+}
+declare function SendMessageIcon({ color }: iconColor): React.JSX.Element;
 declare function DefaultBotProfile(): React.JSX.Element;
 declare function ChatIcon(): React.JSX.Element;
 declare function CloseIcon(): React.JSX.Element;

package/dist/index.js

@@ -3744,7 +3744,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',
@@ -3752,7 +3753,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'
@@ -3849,7 +3850,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
@@ -3857,7 +3859,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%',
@@ -3954,7 +3956,7 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(_ref2) {
     style: {
       backgroundColor: '#dfdfdf',
       position: 'absolute',
-      bottom: '50px',
+      bottom: '60px',
       right: '25px',
       width: 350,
       height: 500,
@@ -3984,6 +3986,7 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(_ref2) {
       fontWeight: 'bold'
     }
   }, React.createElement(Avatar, {
+    borderColor: isLoading ? '#fff' : chatBubbleConfig === null || chatBubbleConfig === void 0 ? void 0 : chatBubbleConfig.color,
     indicator: isOnline ? 'green' : '#dedede',
     width: '40px',
     height: '40px',
@@ -4043,6 +4046,7 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(_ref2) {
         display: 'flex'
       }
     }, React.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
@@ -4077,11 +4081,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'
     }
   }, React.createElement("input", {
     style: {
@@ -4108,7 +4112,9 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(_ref2) {
       cursor: 'pointer'
     },
     onClick: sendInputInquiry
-  }, React.createElement(SendMessageIcon, null)))), React.createElement("button", {
+  }, React.createElement(SendMessageIcon, {
+    color: isLoading ? '#fff' : chatBubbleConfig === null || chatBubbleConfig === void 0 ? void 0 : chatBubbleConfig.color
+  })))), React.createElement("button", {
     onClick: toggleChat,
     className: styles['chat-toggle'],
     style: {