bibot 1.0.21 → 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
package/dist/index.modern.js
CHANGED
@@ -3741,7 +3741,8 @@ var useBiBotChatBot = function useBiBotChatBot(_ref) {
|
|
3741
3741
|
|
3742
3742
|
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"};
|
3743
3743
|
|
3744
|
-
function SendMessageIcon() {
|
3744
|
+
function SendMessageIcon(_ref) {
|
3745
|
+
var color = _ref.color;
|
3745
3746
|
return React__default.createElement("svg", {
|
3746
3747
|
xmlns: 'http://www.w3.org/2000/svg',
|
3747
3748
|
className: 'icon icon-tabler icon-tabler-send-2',
|
@@ -3749,7 +3750,7 @@ function SendMessageIcon() {
|
|
3749
3750
|
height: '24',
|
3750
3751
|
viewBox: '0 0 24 24',
|
3751
3752
|
"stroke-width": '1.5',
|
3752
|
-
stroke:
|
3753
|
+
stroke: color,
|
3753
3754
|
fill: 'none',
|
3754
3755
|
"stroke-linecap": 'round',
|
3755
3756
|
"stroke-linejoin": 'round'
|
@@ -3846,7 +3847,8 @@ var Avatar = function Avatar(_ref) {
|
|
3846
3847
|
var source = _ref.source,
|
3847
3848
|
height = _ref.height,
|
3848
3849
|
width = _ref.width,
|
3849
|
-
indicator = _ref.indicator
|
3850
|
+
indicator = _ref.indicator,
|
3851
|
+
borderColor = _ref.borderColor;
|
3850
3852
|
return React__default.createElement("div", {
|
3851
3853
|
style: {
|
3852
3854
|
width: width
|
@@ -3854,7 +3856,7 @@ var Avatar = function Avatar(_ref) {
|
|
3854
3856
|
}, React__default.createElement("div", {
|
3855
3857
|
style: {
|
3856
3858
|
backgroundColor: 'transparent',
|
3857
|
-
border:
|
3859
|
+
border: "1px solid " + borderColor,
|
3858
3860
|
height: height,
|
3859
3861
|
width: width,
|
3860
3862
|
borderRadius: '50%',
|
@@ -3951,7 +3953,7 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(_ref2) {
|
|
3951
3953
|
style: {
|
3952
3954
|
backgroundColor: '#dfdfdf',
|
3953
3955
|
position: 'absolute',
|
3954
|
-
bottom: '
|
3956
|
+
bottom: '60px',
|
3955
3957
|
right: '25px',
|
3956
3958
|
width: 350,
|
3957
3959
|
height: 500,
|
@@ -3981,6 +3983,7 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(_ref2) {
|
|
3981
3983
|
fontWeight: 'bold'
|
3982
3984
|
}
|
3983
3985
|
}, createElement(Avatar, {
|
3986
|
+
borderColor: isLoading ? '#fff' : chatBubbleConfig === null || chatBubbleConfig === void 0 ? void 0 : chatBubbleConfig.color,
|
3984
3987
|
indicator: isOnline ? 'green' : '#dedede',
|
3985
3988
|
width: '40px',
|
3986
3989
|
height: '40px',
|
@@ -4040,6 +4043,7 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(_ref2) {
|
|
4040
4043
|
display: 'flex'
|
4041
4044
|
}
|
4042
4045
|
}, createElement(Avatar, {
|
4046
|
+
borderColor: isLoading ? '#fff' : chatBubbleConfig === null || chatBubbleConfig === void 0 ? void 0 : chatBubbleConfig.color,
|
4043
4047
|
width: '20px',
|
4044
4048
|
height: '20px',
|
4045
4049
|
source: chatBubbleConfig === null || chatBubbleConfig === void 0 ? void 0 : chatBubbleConfig.logo_url
|
@@ -4074,11 +4078,11 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(_ref2) {
|
|
4074
4078
|
style: {
|
4075
4079
|
display: 'flex',
|
4076
4080
|
alignItems: 'center',
|
4077
|
-
borderTop: '1px solid #
|
4081
|
+
borderTop: '1px solid #b6b6b6',
|
4078
4082
|
padding: 10,
|
4079
4083
|
borderBottomLeftRadius: 8,
|
4080
4084
|
borderBottomRightRadius: 8,
|
4081
|
-
backgroundColor: '#
|
4085
|
+
backgroundColor: '#dedede'
|
4082
4086
|
}
|
4083
4087
|
}, createElement("input", {
|
4084
4088
|
style: {
|
@@ -4105,7 +4109,9 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(_ref2) {
|
|
4105
4109
|
cursor: 'pointer'
|
4106
4110
|
},
|
4107
4111
|
onClick: sendInputInquiry
|
4108
|
-
}, createElement(SendMessageIcon,
|
4112
|
+
}, createElement(SendMessageIcon, {
|
4113
|
+
color: isLoading ? '#fff' : chatBubbleConfig === null || chatBubbleConfig === void 0 ? void 0 : chatBubbleConfig.color
|
4114
|
+
})))), createElement("button", {
|
4109
4115
|
onClick: toggleChat,
|
4110
4116
|
className: styles['chat-toggle'],
|
4111
4117
|
style: {
|