bibot 1.0.20 → 1.0.22
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/component/Avatar.d.ts +1 -0
- package/dist/component/Icons.d.ts +4 -1
- package/dist/index.js +14 -8
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +14 -8
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
@@ -1,5 +1,8 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
|
2
|
+
interface iconColor {
|
3
|
+
color: string | undefined;
|
4
|
+
}
|
5
|
+
declare function SendMessageIcon({ color }: iconColor): React.JSX.Element;
|
3
6
|
declare function DefaultBotProfile(): React.JSX.Element;
|
4
7
|
declare function ChatIcon(): React.JSX.Element;
|
5
8
|
declare function CloseIcon(): React.JSX.Element;
|
package/dist/index.js
CHANGED
@@ -3744,7 +3744,8 @@ var useBiBotChatBot = function useBiBotChatBot(_ref) {
|
|
3744
3744
|
|
3745
3745
|
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"};
|
3746
3746
|
|
3747
|
-
function SendMessageIcon() {
|
3747
|
+
function SendMessageIcon(_ref) {
|
3748
|
+
var color = _ref.color;
|
3748
3749
|
return React__default.createElement("svg", {
|
3749
3750
|
xmlns: 'http://www.w3.org/2000/svg',
|
3750
3751
|
className: 'icon icon-tabler icon-tabler-send-2',
|
@@ -3752,7 +3753,7 @@ function SendMessageIcon() {
|
|
3752
3753
|
height: '24',
|
3753
3754
|
viewBox: '0 0 24 24',
|
3754
3755
|
"stroke-width": '1.5',
|
3755
|
-
stroke:
|
3756
|
+
stroke: color,
|
3756
3757
|
fill: 'none',
|
3757
3758
|
"stroke-linecap": 'round',
|
3758
3759
|
"stroke-linejoin": 'round'
|
@@ -3849,7 +3850,8 @@ var Avatar = function Avatar(_ref) {
|
|
3849
3850
|
var source = _ref.source,
|
3850
3851
|
height = _ref.height,
|
3851
3852
|
width = _ref.width,
|
3852
|
-
indicator = _ref.indicator
|
3853
|
+
indicator = _ref.indicator,
|
3854
|
+
borderColor = _ref.borderColor;
|
3853
3855
|
return React__default.createElement("div", {
|
3854
3856
|
style: {
|
3855
3857
|
width: width
|
@@ -3857,7 +3859,7 @@ var Avatar = function Avatar(_ref) {
|
|
3857
3859
|
}, React__default.createElement("div", {
|
3858
3860
|
style: {
|
3859
3861
|
backgroundColor: 'transparent',
|
3860
|
-
border:
|
3862
|
+
border: "1px solid " + borderColor,
|
3861
3863
|
height: height,
|
3862
3864
|
width: width,
|
3863
3865
|
borderRadius: '50%',
|
@@ -3954,7 +3956,7 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(_ref2) {
|
|
3954
3956
|
style: {
|
3955
3957
|
backgroundColor: '#dfdfdf',
|
3956
3958
|
position: 'absolute',
|
3957
|
-
bottom: '
|
3959
|
+
bottom: '60px',
|
3958
3960
|
right: '25px',
|
3959
3961
|
width: 350,
|
3960
3962
|
height: 500,
|
@@ -3984,6 +3986,7 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(_ref2) {
|
|
3984
3986
|
fontWeight: 'bold'
|
3985
3987
|
}
|
3986
3988
|
}, React.createElement(Avatar, {
|
3989
|
+
borderColor: isLoading ? '#fff' : chatBubbleConfig === null || chatBubbleConfig === void 0 ? void 0 : chatBubbleConfig.color,
|
3987
3990
|
indicator: isOnline ? 'green' : '#dedede',
|
3988
3991
|
width: '40px',
|
3989
3992
|
height: '40px',
|
@@ -4043,6 +4046,7 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(_ref2) {
|
|
4043
4046
|
display: 'flex'
|
4044
4047
|
}
|
4045
4048
|
}, React.createElement(Avatar, {
|
4049
|
+
borderColor: isLoading ? '#fff' : chatBubbleConfig === null || chatBubbleConfig === void 0 ? void 0 : chatBubbleConfig.color,
|
4046
4050
|
width: '20px',
|
4047
4051
|
height: '20px',
|
4048
4052
|
source: chatBubbleConfig === null || chatBubbleConfig === void 0 ? void 0 : chatBubbleConfig.logo_url
|
@@ -4077,11 +4081,11 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(_ref2) {
|
|
4077
4081
|
style: {
|
4078
4082
|
display: 'flex',
|
4079
4083
|
alignItems: 'center',
|
4080
|
-
borderTop: '1px solid #
|
4084
|
+
borderTop: '1px solid #b6b6b6',
|
4081
4085
|
padding: 10,
|
4082
4086
|
borderBottomLeftRadius: 8,
|
4083
4087
|
borderBottomRightRadius: 8,
|
4084
|
-
backgroundColor: '#
|
4088
|
+
backgroundColor: '#dedede'
|
4085
4089
|
}
|
4086
4090
|
}, React.createElement("input", {
|
4087
4091
|
style: {
|
@@ -4108,7 +4112,9 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(_ref2) {
|
|
4108
4112
|
cursor: 'pointer'
|
4109
4113
|
},
|
4110
4114
|
onClick: sendInputInquiry
|
4111
|
-
}, React.createElement(SendMessageIcon,
|
4115
|
+
}, React.createElement(SendMessageIcon, {
|
4116
|
+
color: isLoading ? '#fff' : chatBubbleConfig === null || chatBubbleConfig === void 0 ? void 0 : chatBubbleConfig.color
|
4117
|
+
})))), React.createElement("button", {
|
4112
4118
|
onClick: toggleChat,
|
4113
4119
|
className: styles['chat-toggle'],
|
4114
4120
|
style: {
|