bibot 1.0.60 → 1.0.62

package/dist/index.modern.js

@@ -3827,12 +3827,12 @@ function SendMessageIcon(_ref) {
   return React__default.createElement("svg", {
     xmlns: 'http://www.w3.org/2000/svg',
     className: 'icon icon-tabler icon-tabler-send-2',
-    width: '36',
-    height: '36',
+    width: '30',
+    height: '30',
     viewBox: '0 0 24 24',
-    strokeWidth: '1.5',
+    strokeWidth: '1',
     stroke: color,
-    fill: '#d7d7d7',
+    fill: '#e8e8e8',
     strokeLinecap: 'round',
     strokeLinejoin: 'round'
   }, React__default.createElement("path", {
@@ -4124,16 +4124,39 @@ var PredefinedQuestions = function PredefinedQuestions(_ref) {
   }, createElement("div", {
     style: {
       display: 'flex',
-      justifyContent: 'center',
-      alignItems: 'center',
-      flexDirection: 'column',
-      textAlign: 'center'
+      flexDirection: 'column'
+    }
+  }, createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center'
+    }
+  }, createElement(Avatar, {
+    borderColor: '#fff',
+    width: '36px',
+    height: '36px',
+    source: chatBubbleConfig === null || chatBubbleConfig === void 0 ? void 0 : chatBubbleConfig.logo_url
+  }), createElement("small", {
+    style: {
+      marginLeft: 5
+    }
+  }, " ", chatBubbleConfig === null || chatBubbleConfig === void 0 ? void 0 : chatBubbleConfig.title)), createElement("div", {
+    style: {
+      backgroundColor: '#dedede',
+      marginBottom: 20,
+      width: 300,
+      marginLeft: 15,
+      marginTop: 5,
+      borderTopRightRadius: 20,
+      borderBottomRightRadius: 20,
+      borderBottomLeftRadius: 20
     }
   }, 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 createElement("div", {
       key: index,
@@ -4144,7 +4167,7 @@ var PredefinedQuestions = function PredefinedQuestions(_ref) {
         margin: '7px',
         textAlign: 'start',
         padding: '14px',
-        borderRadius: '50px',
+        borderRadius: '16px',
         cursor: 'pointer'
       },
       onClick: function onClick() {
@@ -4216,7 +4239,6 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(bibotProps) {
       zIndex: 9999
     }
   }, chatIsOpen && createElement("div", {
-    className: styles['chat-window'],
     style: {
       backgroundColor: '#fff',
       position: 'absolute',
@@ -4234,14 +4256,13 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(bibotProps) {
     className: styles['chat-header'],
     style: {
       backgroundColor: (_chatBubbleConfig$col = chatBubbleConfig === null || chatBubbleConfig === void 0 ? void 0 : chatBubbleConfig.color) != null ? _chatBubbleConfig$col : '#dedede',
-      height: 50,
       borderTopLeftRadius: 8,
       borderTopRightRadius: 8,
       display: 'flex',
       alignItems: 'center',
       justifyContent: 'flex-start',
       paddingInline: 15,
-      paddingBlock: 25
+      paddingBlock: 20
     }
   }, createElement("div", {
     style: {
@@ -4390,7 +4411,7 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(bibotProps) {
       return sendInputInquiry();
     }
   }, createElement(SendMessageIcon, {
-    color: '#fff'
+    color: isLoading ? '#cdcdcd' : chatBubbleConfig.color
   }))), createElement("div", {
     style: {
       backgroundColor: '#f9f9f9',