@zohoim/chat-components 0.0.20 → 0.0.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/ActionIcon/ActionIcon.js +2 -1
- package/es/AttachmentBubble/AttachmentBubble.js +3 -1
- package/es/AttachmentBubble/css/AttachmentBubble.module.css +17 -7
- package/es/AttachmentBubble/css/cssJSLogic.js +4 -2
- package/es/AttachmentBubble/props/propTypes.js +1 -0
- package/es/LocationBubble/LocationBubble.js +2 -1
- package/es/LocationBubble/css/LocationBubble.module.css +8 -2
- package/es/MessageActionsMore/MessageActionsMore.js +2 -0
- package/es/MessageAvatar/css/MessageAvatar.module.css +2 -0
- package/es/MessageBubble/css/MessageBubble.module.css +8 -1
- package/es/ReplyBubbleHeader/css/ReplyBubbleHeader.module.css +8 -7
- package/es/Theme/ThemeAssets.js +56 -35
- package/es/Theme/props/defaultProps.js +0 -2
- package/es/Theme/themeVariables/dark/blueTheme.js +0 -20
- package/es/Theme/themeVariables/dark/greenTheme.js +0 -20
- package/es/Theme/themeVariables/dark/orangeTheme.js +0 -20
- package/es/Theme/themeVariables/dark/redTheme.js +0 -20
- package/es/Theme/themeVariables/dark/yellowTheme.js +0 -20
- package/es/Theme/themeVariables/light/blueTheme.js +0 -20
- package/es/Theme/themeVariables/light/greenTheme.js +0 -20
- package/es/Theme/themeVariables/light/orangeTheme.js +0 -20
- package/es/Theme/themeVariables/light/redTheme.js +0 -20
- package/es/Theme/themeVariables/light/yellowTheme.js +0 -20
- package/es/Theme/themeVariables/pureDark/blueTheme.js +0 -20
- package/es/Theme/themeVariables/pureDark/greenTheme.js +0 -20
- package/es/Theme/themeVariables/pureDark/orangeTheme.js +0 -20
- package/es/Theme/themeVariables/pureDark/redTheme.js +0 -20
- package/es/Theme/themeVariables/pureDark/yellowTheme.js +0 -20
- package/es/Theme/utils/getThemeConfigurations.js +1 -1
- package/es/Theme/utils/getWrapperDivProps.js +7 -3
- package/es/Video/css/Video.module.css +1 -1
- package/es/icons/factory/common/reply.svg +6 -0
- package/es/icons/iconSrc/common/Reply.js +13 -0
- package/es/icons/iconSrc/common/index.js +2 -1
- package/es/im/IMIntegrationIcon/IMIntegrationIcon.js +2 -2
- package/es/im/IMIntegrationIcon/css/IMIntegrationIcon.module.css +0 -30
- package/es/im/IMIntegrationIcon/css/cssJSLogic.js +3 -3
- package/es/im/IMMessageContent/IMMessageContent.js +1 -0
- package/package.json +5 -5
- package/es/icons/factory/integrations/chInstagram.svg +0 -4
- package/es/icons/factory/integrations/chWhatsApp.svg +0 -4
- package/es/icons/factory/integrations/ttASAP.svg +0 -6
- package/es/icons/factory/integrations/ttLine.svg +0 -8
- package/es/icons/factory/integrations/ttTelegram.svg +0 -4
- package/es/icons/factory/integrations/ttTwillio.svg +0 -8
- package/es/icons/factory/integrations/ttWechat.svg +0 -9
- package/es/icons/iconSrc/integrations/ChInstagram.js +0 -17
- package/es/icons/iconSrc/integrations/ChWhatsApp.js +0 -19
- package/es/icons/iconSrc/integrations/TtASAP.js +0 -28
- package/es/icons/iconSrc/integrations/TtLine.js +0 -37
- package/es/icons/iconSrc/integrations/TtTelegram.js +0 -18
- package/es/icons/iconSrc/integrations/TtTwillio.js +0 -32
- package/es/icons/iconSrc/integrations/TtWechat.js +0 -41
- package/es/icons/iconSrc/integrations/index.js +0 -7
|
@@ -4,7 +4,6 @@ import { imIntegrationIcon, imTtIcon, messagetextColor } from '../commonThemeCol
|
|
|
4
4
|
export default {
|
|
5
5
|
library: 'chat_components',
|
|
6
6
|
variables: {
|
|
7
|
-
// ActionIcon: {},
|
|
8
7
|
actionIconWrapper: {
|
|
9
8
|
color: actionIconWrapperColor,
|
|
10
9
|
bg_color: '#303338',
|
|
@@ -22,9 +21,6 @@ export default {
|
|
|
22
21
|
fileSize_color: '#788190',
|
|
23
22
|
fileSize_color_failed: '#788190'
|
|
24
23
|
},
|
|
25
|
-
// AttachmentIcon: {},
|
|
26
|
-
// Audio: {},
|
|
27
|
-
// AudioBubble: {},
|
|
28
24
|
articleBubble: {
|
|
29
25
|
bg_color: '#232b38',
|
|
30
26
|
bg_color_failed: failedBg,
|
|
@@ -38,10 +34,8 @@ export default {
|
|
|
38
34
|
imAutoMessageInfo: {
|
|
39
35
|
text_color: '#828994'
|
|
40
36
|
},
|
|
41
|
-
// IMInfoBubble: {},
|
|
42
37
|
imIntegrationIcon,
|
|
43
38
|
imTtIcon,
|
|
44
|
-
// IMMessage: {},
|
|
45
39
|
imMessageContent: {
|
|
46
40
|
text_color: '#a8b0bd'
|
|
47
41
|
},
|
|
@@ -51,8 +45,6 @@ export default {
|
|
|
51
45
|
imPermaLink: {
|
|
52
46
|
url_color: '#d79835'
|
|
53
47
|
},
|
|
54
|
-
// IMReplyBubble: {},
|
|
55
|
-
// IMTextBubble: {},
|
|
56
48
|
imageBubble: {
|
|
57
49
|
bg_color: '#232b38',
|
|
58
50
|
bg_color_failed: failedBg,
|
|
@@ -61,9 +53,6 @@ export default {
|
|
|
61
53
|
border_color: '#2d3748',
|
|
62
54
|
border_color_failed: failedBdr
|
|
63
55
|
},
|
|
64
|
-
// IMReplyBubble: {},
|
|
65
|
-
// InfoBubble: {},
|
|
66
|
-
// LazyLoadImage: {},
|
|
67
56
|
locationBubble: {
|
|
68
57
|
bg_color: '#232b38',
|
|
69
58
|
bg_color_failed: failedBg,
|
|
@@ -72,13 +61,6 @@ export default {
|
|
|
72
61
|
url_color: primaryYellow,
|
|
73
62
|
url_color_failed: failedUrlColor
|
|
74
63
|
},
|
|
75
|
-
// MediaBubbleWrapper: {},
|
|
76
|
-
// Message: {},
|
|
77
|
-
// MessageAction: {},
|
|
78
|
-
// MessageActions: {},
|
|
79
|
-
// MessageActionsMore: {},
|
|
80
|
-
// MessageActionsWrapper: {},
|
|
81
|
-
// MessageAvatar: {},
|
|
82
64
|
messageBox: {
|
|
83
65
|
incoming_bg_color: incomingBubbleBgColor,
|
|
84
66
|
outgoing_bg_color: '#303338',
|
|
@@ -95,7 +77,6 @@ export default {
|
|
|
95
77
|
read_color: '#d79835',
|
|
96
78
|
failed_color: messageStatusFailedColor
|
|
97
79
|
},
|
|
98
|
-
// MoreActionItem: {},
|
|
99
80
|
replyBubble: {
|
|
100
81
|
border_color: '#2d3748',
|
|
101
82
|
border_color_failed: failedBdr
|
|
@@ -126,7 +107,6 @@ export default {
|
|
|
126
107
|
url_color: primaryYellow,
|
|
127
108
|
url_color_failed: failedUrlColor
|
|
128
109
|
},
|
|
129
|
-
// Video: {},
|
|
130
110
|
videoBubble: {
|
|
131
111
|
border_color: '#2d3748',
|
|
132
112
|
border_color_failed: failedBdr
|
|
@@ -3,7 +3,6 @@ import { incomingBubbleBgColor, bubbleActiveBgColor, actionIconWrapperColor, mes
|
|
|
3
3
|
export default {
|
|
4
4
|
library: 'chat_components',
|
|
5
5
|
variables: {
|
|
6
|
-
// ActionIcon: {},
|
|
7
6
|
actionIconWrapper: {
|
|
8
7
|
color: actionIconWrapperColor,
|
|
9
8
|
bg_color: '#f1f7fe',
|
|
@@ -21,9 +20,6 @@ export default {
|
|
|
21
20
|
fileSize_color: '#5a616f',
|
|
22
21
|
fileSize_color_failed: '#788190'
|
|
23
22
|
},
|
|
24
|
-
// AttachmentIcon: {},
|
|
25
|
-
// Audio: {},
|
|
26
|
-
// AudioBubble: {},
|
|
27
23
|
articleBubble: {
|
|
28
24
|
bg_color: white,
|
|
29
25
|
bg_color_failed: failedBg,
|
|
@@ -37,10 +33,8 @@ export default {
|
|
|
37
33
|
imAutoMessageInfo: {
|
|
38
34
|
text_color: '#737376'
|
|
39
35
|
},
|
|
40
|
-
// IMInfoBubble: {},
|
|
41
36
|
imIntegrationIcon,
|
|
42
37
|
imTtIcon,
|
|
43
|
-
// IMMessage: {},
|
|
44
38
|
imMessageContent: {
|
|
45
39
|
text_color: '#5a616f'
|
|
46
40
|
},
|
|
@@ -50,8 +44,6 @@ export default {
|
|
|
50
44
|
imPermaLink: {
|
|
51
45
|
url_color: primaryBlue
|
|
52
46
|
},
|
|
53
|
-
// IMReplyBubble: {},
|
|
54
|
-
// IMTextBubble: {},
|
|
55
47
|
imageBubble: {
|
|
56
48
|
bg_color: white,
|
|
57
49
|
bg_color_failed: failedBg,
|
|
@@ -60,9 +52,6 @@ export default {
|
|
|
60
52
|
border_color: '#ebf0f5',
|
|
61
53
|
border_color_failed: failedBdr
|
|
62
54
|
},
|
|
63
|
-
// IMReplyBubble: {},
|
|
64
|
-
// InfoBubble: {},
|
|
65
|
-
// LazyLoadImage: {},
|
|
66
55
|
locationBubble: {
|
|
67
56
|
bg_color: white,
|
|
68
57
|
bg_color_failed: failedBg,
|
|
@@ -71,13 +60,6 @@ export default {
|
|
|
71
60
|
url_color: primaryBlue,
|
|
72
61
|
url_color_failed: failedUrlColor
|
|
73
62
|
},
|
|
74
|
-
// MediaBubbleWrapper: {},
|
|
75
|
-
// Message: {},
|
|
76
|
-
// MessageAction: {},
|
|
77
|
-
// MessageActions: {},
|
|
78
|
-
// MessageActionsMore: {},
|
|
79
|
-
// MessageActionsWrapper: {},
|
|
80
|
-
// MessageAvatar: {},
|
|
81
63
|
messageBox: {
|
|
82
64
|
incoming_bg_color: incomingBubbleBgColor,
|
|
83
65
|
outgoing_bg_color: '#f1f7fe',
|
|
@@ -94,7 +76,6 @@ export default {
|
|
|
94
76
|
read_color: primaryBlue,
|
|
95
77
|
failed_color: messageStatusFailedColor
|
|
96
78
|
},
|
|
97
|
-
// MoreActionItem: {},
|
|
98
79
|
replyBubble: {
|
|
99
80
|
border_color: '#ebf0f5',
|
|
100
81
|
border_color_failed: failedBdr
|
|
@@ -125,7 +106,6 @@ export default {
|
|
|
125
106
|
url_color: primaryBlue,
|
|
126
107
|
url_color_failed: failedUrlColor
|
|
127
108
|
},
|
|
128
|
-
// Video: {},
|
|
129
109
|
videoBubble: {
|
|
130
110
|
border_color: '#ebf0f5',
|
|
131
111
|
border_color_failed: failedBdr
|
|
@@ -3,7 +3,6 @@ import { incomingBubbleBgColor, bubbleActiveBgColor, actionIconWrapperColor, mes
|
|
|
3
3
|
export default {
|
|
4
4
|
library: 'chat_components',
|
|
5
5
|
variables: {
|
|
6
|
-
// ActionIcon: {},
|
|
7
6
|
actionIconWrapper: {
|
|
8
7
|
color: actionIconWrapperColor,
|
|
9
8
|
bg_color: '#f2faf5',
|
|
@@ -21,9 +20,6 @@ export default {
|
|
|
21
20
|
fileSize_color: '#5a616f',
|
|
22
21
|
fileSize_color_failed: '#788190'
|
|
23
22
|
},
|
|
24
|
-
// AttachmentIcon: {},
|
|
25
|
-
// Audio: {},
|
|
26
|
-
// AudioBubble: {},
|
|
27
23
|
articleBubble: {
|
|
28
24
|
bg_color: white,
|
|
29
25
|
bg_color_failed: failedBg,
|
|
@@ -37,10 +33,8 @@ export default {
|
|
|
37
33
|
imAutoMessageInfo: {
|
|
38
34
|
text_color: '#737376'
|
|
39
35
|
},
|
|
40
|
-
// IMInfoBubble: {},
|
|
41
36
|
imIntegrationIcon,
|
|
42
37
|
imTtIcon,
|
|
43
|
-
// IMMessage: {},
|
|
44
38
|
imMessageContent: {
|
|
45
39
|
text_color: '#5a616f'
|
|
46
40
|
},
|
|
@@ -50,8 +44,6 @@ export default {
|
|
|
50
44
|
imPermaLink: {
|
|
51
45
|
url_color: primaryGreen
|
|
52
46
|
},
|
|
53
|
-
// IMReplyBubble: {},
|
|
54
|
-
// IMTextBubble: {},
|
|
55
47
|
imageBubble: {
|
|
56
48
|
bg_color: white,
|
|
57
49
|
bg_color_failed: failedBg,
|
|
@@ -60,9 +52,6 @@ export default {
|
|
|
60
52
|
border_color: '#ebf0f5',
|
|
61
53
|
border_color_failed: failedBdr
|
|
62
54
|
},
|
|
63
|
-
// IMReplyBubble: {},
|
|
64
|
-
// InfoBubble: {},
|
|
65
|
-
// LazyLoadImage: {},
|
|
66
55
|
locationBubble: {
|
|
67
56
|
bg_color: white,
|
|
68
57
|
bg_color_failed: failedBg,
|
|
@@ -71,13 +60,6 @@ export default {
|
|
|
71
60
|
url_color: primaryGreen,
|
|
72
61
|
url_color_failed: failedUrlColor
|
|
73
62
|
},
|
|
74
|
-
// MediaBubbleWrapper: {},
|
|
75
|
-
// Message: {},
|
|
76
|
-
// MessageAction: {},
|
|
77
|
-
// MessageActions: {},
|
|
78
|
-
// MessageActionsMore: {},
|
|
79
|
-
// MessageActionsWrapper: {},
|
|
80
|
-
// MessageAvatar: {},
|
|
81
63
|
messageBox: {
|
|
82
64
|
incoming_bg_color: incomingBubbleBgColor,
|
|
83
65
|
outgoing_bg_color: '#f2faf5',
|
|
@@ -94,7 +76,6 @@ export default {
|
|
|
94
76
|
read_color: '#26a942',
|
|
95
77
|
failed_color: messageStatusFailedColor
|
|
96
78
|
},
|
|
97
|
-
// MoreActionItem: {},
|
|
98
79
|
replyBubble: {
|
|
99
80
|
border_color: '#ebf0f5',
|
|
100
81
|
border_color_failed: failedBdr
|
|
@@ -125,7 +106,6 @@ export default {
|
|
|
125
106
|
url_color: primaryGreen,
|
|
126
107
|
url_color_failed: failedUrlColor
|
|
127
108
|
},
|
|
128
|
-
// Video: {},
|
|
129
109
|
videoBubble: {
|
|
130
110
|
border_color: '#ebf0f5',
|
|
131
111
|
border_color_failed: failedBdr
|
|
@@ -3,7 +3,6 @@ import { incomingBubbleBgColor, bubbleActiveBgColor, actionIconWrapperColor, mes
|
|
|
3
3
|
export default {
|
|
4
4
|
library: 'chat_components',
|
|
5
5
|
variables: {
|
|
6
|
-
// ActionIcon: {},
|
|
7
6
|
actionIconWrapper: {
|
|
8
7
|
color: actionIconWrapperColor,
|
|
9
8
|
bg_color: '#fdf5ef',
|
|
@@ -21,9 +20,6 @@ export default {
|
|
|
21
20
|
fileSize_color: '#5a616f',
|
|
22
21
|
fileSize_color_failed: '#788190'
|
|
23
22
|
},
|
|
24
|
-
// AttachmentIcon: {},
|
|
25
|
-
// Audio: {},
|
|
26
|
-
// AudioBubble: {},
|
|
27
23
|
articleBubble: {
|
|
28
24
|
bg_color: white,
|
|
29
25
|
bg_color_failed: failedBg,
|
|
@@ -37,10 +33,8 @@ export default {
|
|
|
37
33
|
imAutoMessageInfo: {
|
|
38
34
|
text_color: '#737376'
|
|
39
35
|
},
|
|
40
|
-
// IMInfoBubble: {},
|
|
41
36
|
imIntegrationIcon,
|
|
42
37
|
imTtIcon,
|
|
43
|
-
// IMMessage: {},
|
|
44
38
|
imMessageContent: {
|
|
45
39
|
text_color: '#5a616f'
|
|
46
40
|
},
|
|
@@ -50,8 +44,6 @@ export default {
|
|
|
50
44
|
imPermaLink: {
|
|
51
45
|
url_color: primaryOrange
|
|
52
46
|
},
|
|
53
|
-
// IMReplyBubble: {},
|
|
54
|
-
// IMTextBubble: {},
|
|
55
47
|
imageBubble: {
|
|
56
48
|
bg_color: white,
|
|
57
49
|
bg_color_failed: failedBg,
|
|
@@ -60,9 +52,6 @@ export default {
|
|
|
60
52
|
border_color: '#ebf0f5',
|
|
61
53
|
border_color_failed: failedBdr
|
|
62
54
|
},
|
|
63
|
-
// IMReplyBubble: {},
|
|
64
|
-
// InfoBubble: {},
|
|
65
|
-
// LazyLoadImage: {},
|
|
66
55
|
locationBubble: {
|
|
67
56
|
bg_color: white,
|
|
68
57
|
bg_color_failed: failedBg,
|
|
@@ -71,13 +60,6 @@ export default {
|
|
|
71
60
|
url_color: primaryOrange,
|
|
72
61
|
url_color_failed: failedUrlColor
|
|
73
62
|
},
|
|
74
|
-
// MediaBubbleWrapper: {},
|
|
75
|
-
// Message: {},
|
|
76
|
-
// MessageAction: {},
|
|
77
|
-
// MessageActions: {},
|
|
78
|
-
// MessageActionsMore: {},
|
|
79
|
-
// MessageActionsWrapper: {},
|
|
80
|
-
// MessageAvatar: {},
|
|
81
63
|
messageBox: {
|
|
82
64
|
incoming_bg_color: incomingBubbleBgColor,
|
|
83
65
|
outgoing_bg_color: '#fdf5ef',
|
|
@@ -94,7 +76,6 @@ export default {
|
|
|
94
76
|
read_color: '#e57717',
|
|
95
77
|
failed_color: messageStatusFailedColor
|
|
96
78
|
},
|
|
97
|
-
// MoreActionItem: {},
|
|
98
79
|
replyBubble: {
|
|
99
80
|
border_color: '#ebf0f5',
|
|
100
81
|
border_color_failed: failedBdr
|
|
@@ -125,7 +106,6 @@ export default {
|
|
|
125
106
|
url_color: primaryOrange,
|
|
126
107
|
url_color_failed: failedUrlColor
|
|
127
108
|
},
|
|
128
|
-
// Video: {},
|
|
129
109
|
videoBubble: {
|
|
130
110
|
border_color: '#ebf0f5',
|
|
131
111
|
border_color_failed: failedBdr
|
|
@@ -3,7 +3,6 @@ import { incomingBubbleBgColor, bubbleActiveBgColor, actionIconWrapperColor, mes
|
|
|
3
3
|
export default {
|
|
4
4
|
library: 'chat_components',
|
|
5
5
|
variables: {
|
|
6
|
-
// ActionIcon: {},
|
|
7
6
|
actionIconWrapper: {
|
|
8
7
|
color: actionIconWrapperColor,
|
|
9
8
|
bg_color: '#fdf3f3',
|
|
@@ -21,9 +20,6 @@ export default {
|
|
|
21
20
|
fileSize_color: '#5a616f',
|
|
22
21
|
fileSize_color_failed: '#788190'
|
|
23
22
|
},
|
|
24
|
-
// AttachmentIcon: {},
|
|
25
|
-
// Audio: {},
|
|
26
|
-
// AudioBubble: {},
|
|
27
23
|
articleBubble: {
|
|
28
24
|
bg_color: white,
|
|
29
25
|
bg_color_failed: failedBg,
|
|
@@ -37,10 +33,8 @@ export default {
|
|
|
37
33
|
imAutoMessageInfo: {
|
|
38
34
|
text_color: '#737376'
|
|
39
35
|
},
|
|
40
|
-
// IMInfoBubble: {},
|
|
41
36
|
imIntegrationIcon,
|
|
42
37
|
imTtIcon,
|
|
43
|
-
// IMMessage: {},
|
|
44
38
|
imMessageContent: {
|
|
45
39
|
text_color: '#5a616f'
|
|
46
40
|
},
|
|
@@ -50,8 +44,6 @@ export default {
|
|
|
50
44
|
imPermaLink: {
|
|
51
45
|
url_color: primaryRed
|
|
52
46
|
},
|
|
53
|
-
// IMReplyBubble: {},
|
|
54
|
-
// IMTextBubble: {},
|
|
55
47
|
imageBubble: {
|
|
56
48
|
bg_color: white,
|
|
57
49
|
bg_color_failed: failedBg,
|
|
@@ -60,9 +52,6 @@ export default {
|
|
|
60
52
|
border_color: '#ebf0f5',
|
|
61
53
|
border_color_failed: failedBdr
|
|
62
54
|
},
|
|
63
|
-
// IMReplyBubble: {},
|
|
64
|
-
// InfoBubble: {},
|
|
65
|
-
// LazyLoadImage: {},
|
|
66
55
|
locationBubble: {
|
|
67
56
|
bg_color: white,
|
|
68
57
|
bg_color_failed: failedBg,
|
|
@@ -71,13 +60,6 @@ export default {
|
|
|
71
60
|
url_color: primaryRed,
|
|
72
61
|
url_color_failed: failedUrlColor
|
|
73
62
|
},
|
|
74
|
-
// MediaBubbleWrapper: {},
|
|
75
|
-
// Message: {},
|
|
76
|
-
// MessageAction: {},
|
|
77
|
-
// MessageActions: {},
|
|
78
|
-
// MessageActionsMore: {},
|
|
79
|
-
// MessageActionsWrapper: {},
|
|
80
|
-
// MessageAvatar: {},
|
|
81
63
|
messageBox: {
|
|
82
64
|
incoming_bg_color: incomingBubbleBgColor,
|
|
83
65
|
outgoing_bg_color: '#fdf3f3',
|
|
@@ -94,7 +76,6 @@ export default {
|
|
|
94
76
|
read_color: '#de3535',
|
|
95
77
|
failed_color: messageStatusFailedColor
|
|
96
78
|
},
|
|
97
|
-
// MoreActionItem: {},
|
|
98
79
|
replyBubble: {
|
|
99
80
|
border_color: '#ebf0f5',
|
|
100
81
|
border_color_failed: failedBdr
|
|
@@ -125,7 +106,6 @@ export default {
|
|
|
125
106
|
url_color: primaryRed,
|
|
126
107
|
url_color_failed: failedUrlColor
|
|
127
108
|
},
|
|
128
|
-
// Video: {},
|
|
129
109
|
videoBubble: {
|
|
130
110
|
border_color: '#ebf0f5',
|
|
131
111
|
border_color_failed: failedBdr
|
|
@@ -3,7 +3,6 @@ import { incomingBubbleBgColor, bubbleActiveBgColor, actionIconWrapperColor, mes
|
|
|
3
3
|
export default {
|
|
4
4
|
library: 'chat_components',
|
|
5
5
|
variables: {
|
|
6
|
-
// ActionIcon: {},
|
|
7
6
|
actionIconWrapper: {
|
|
8
7
|
color: actionIconWrapperColor,
|
|
9
8
|
bg_color: '#fdf8e9',
|
|
@@ -21,9 +20,6 @@ export default {
|
|
|
21
20
|
fileSize_color: '#5a616f',
|
|
22
21
|
fileSize_color_failed: '#788190'
|
|
23
22
|
},
|
|
24
|
-
// AttachmentIcon: {},
|
|
25
|
-
// Audio: {},
|
|
26
|
-
// AudioBubble: {},
|
|
27
23
|
articleBubble: {
|
|
28
24
|
bg_color: white,
|
|
29
25
|
bg_color_failed: failedBg,
|
|
@@ -37,10 +33,8 @@ export default {
|
|
|
37
33
|
imAutoMessageInfo: {
|
|
38
34
|
text_color: '#737376'
|
|
39
35
|
},
|
|
40
|
-
// IMInfoBubble: {},
|
|
41
36
|
imIntegrationIcon,
|
|
42
37
|
imTtIcon,
|
|
43
|
-
// IMMessage: {},
|
|
44
38
|
imMessageContent: {
|
|
45
39
|
text_color: '#5a616f'
|
|
46
40
|
},
|
|
@@ -50,8 +44,6 @@ export default {
|
|
|
50
44
|
imPermaLink: {
|
|
51
45
|
url_color: primaryYellow
|
|
52
46
|
},
|
|
53
|
-
// IMReplyBubble: {},
|
|
54
|
-
// IMTextBubble: {},
|
|
55
47
|
imageBubble: {
|
|
56
48
|
bg_color: white,
|
|
57
49
|
bg_color_failed: failedBg,
|
|
@@ -60,9 +52,6 @@ export default {
|
|
|
60
52
|
border_color: '#ebf0f5',
|
|
61
53
|
border_color_failed: failedBdr
|
|
62
54
|
},
|
|
63
|
-
// IMReplyBubble: {},
|
|
64
|
-
// InfoBubble: {},
|
|
65
|
-
// LazyLoadImage: {},
|
|
66
55
|
locationBubble: {
|
|
67
56
|
bg_color: white,
|
|
68
57
|
bg_color_failed: failedBg,
|
|
@@ -71,13 +60,6 @@ export default {
|
|
|
71
60
|
url_color: primaryYellow,
|
|
72
61
|
url_color_failed: failedUrlColor
|
|
73
62
|
},
|
|
74
|
-
// MediaBubbleWrapper: {},
|
|
75
|
-
// Message: {},
|
|
76
|
-
// MessageAction: {},
|
|
77
|
-
// MessageActions: {},
|
|
78
|
-
// MessageActionsMore: {},
|
|
79
|
-
// MessageActionsWrapper: {},
|
|
80
|
-
// MessageAvatar: {},
|
|
81
63
|
messageBox: {
|
|
82
64
|
incoming_bg_color: incomingBubbleBgColor,
|
|
83
65
|
outgoing_bg_color: '#fdf8e9',
|
|
@@ -94,7 +76,6 @@ export default {
|
|
|
94
76
|
read_color: '#b68c07',
|
|
95
77
|
failed_color: messageStatusFailedColor
|
|
96
78
|
},
|
|
97
|
-
// MoreActionItem: {},
|
|
98
79
|
replyBubble: {
|
|
99
80
|
border_color: '#ebf0f5',
|
|
100
81
|
border_color_failed: failedBdr
|
|
@@ -125,7 +106,6 @@ export default {
|
|
|
125
106
|
url_color: primaryYellow,
|
|
126
107
|
url_color_failed: failedUrlColor
|
|
127
108
|
},
|
|
128
|
-
// Video: {},
|
|
129
109
|
videoBubble: {
|
|
130
110
|
border_color: '#ebf0f5',
|
|
131
111
|
border_color_failed: failedBdr
|
|
@@ -4,7 +4,6 @@ import { imIntegrationIcon, imTtIcon, messagetextColor } from '../commonThemeCol
|
|
|
4
4
|
export default {
|
|
5
5
|
library: 'chat_components',
|
|
6
6
|
variables: {
|
|
7
|
-
// ActionIcon: {},
|
|
8
7
|
actionIconWrapper: {
|
|
9
8
|
color: actionIconWrapperColor,
|
|
10
9
|
bg_color: '#252d37',
|
|
@@ -22,9 +21,6 @@ export default {
|
|
|
22
21
|
fileSize_color: '#999',
|
|
23
22
|
fileSize_color_failed: '#788190'
|
|
24
23
|
},
|
|
25
|
-
// AttachmentIcon: {},
|
|
26
|
-
// Audio: {},
|
|
27
|
-
// AudioBubble: {},
|
|
28
24
|
articleBubble: {
|
|
29
25
|
bg_color: '#212121',
|
|
30
26
|
bg_color_failed: failedBg,
|
|
@@ -38,10 +34,8 @@ export default {
|
|
|
38
34
|
imAutoMessageInfo: {
|
|
39
35
|
text_color: '#999'
|
|
40
36
|
},
|
|
41
|
-
// IMInfoBubble: {},
|
|
42
37
|
imIntegrationIcon,
|
|
43
38
|
imTtIcon,
|
|
44
|
-
// IMMessage: {},
|
|
45
39
|
imMessageContent: {
|
|
46
40
|
text_color: '#a8b0bd'
|
|
47
41
|
},
|
|
@@ -51,8 +45,6 @@ export default {
|
|
|
51
45
|
imPermaLink: {
|
|
52
46
|
url_color: '#479dff'
|
|
53
47
|
},
|
|
54
|
-
// IMReplyBubble: {},
|
|
55
|
-
// IMTextBubble: {},
|
|
56
48
|
imageBubble: {
|
|
57
49
|
bg_color: '#212121',
|
|
58
50
|
bg_color_failed: failedBg,
|
|
@@ -61,9 +53,6 @@ export default {
|
|
|
61
53
|
border_color: '#161515',
|
|
62
54
|
border_color_failed: failedBdr
|
|
63
55
|
},
|
|
64
|
-
// IMReplyBubble: {},
|
|
65
|
-
// InfoBubble: {},
|
|
66
|
-
// LazyLoadImage: {},
|
|
67
56
|
locationBubble: {
|
|
68
57
|
bg_color: '#212121',
|
|
69
58
|
bg_color_failed: failedBg,
|
|
@@ -72,13 +61,6 @@ export default {
|
|
|
72
61
|
url_color: primaryBlue,
|
|
73
62
|
url_color_failed: failedUrlColor
|
|
74
63
|
},
|
|
75
|
-
// MediaBubbleWrapper: {},
|
|
76
|
-
// Message: {},
|
|
77
|
-
// MessageAction: {},
|
|
78
|
-
// MessageActions: {},
|
|
79
|
-
// MessageActionsMore: {},
|
|
80
|
-
// MessageActionsWrapper: {},
|
|
81
|
-
// MessageAvatar: {},
|
|
82
64
|
messageBox: {
|
|
83
65
|
incoming_bg_color: incomingBubbleBgColor,
|
|
84
66
|
outgoing_bg_color: outgoingBubbleBgColor,
|
|
@@ -95,7 +77,6 @@ export default {
|
|
|
95
77
|
read_color: '#479dff',
|
|
96
78
|
failed_color: messageStatusFailedColor
|
|
97
79
|
},
|
|
98
|
-
// MoreActionItem: {},
|
|
99
80
|
replyBubble: {
|
|
100
81
|
border_color: '#161515',
|
|
101
82
|
border_color_failed: failedBdr
|
|
@@ -126,7 +107,6 @@ export default {
|
|
|
126
107
|
url_color: primaryBlue,
|
|
127
108
|
url_color_failed: failedUrlColor
|
|
128
109
|
},
|
|
129
|
-
// Video: {},
|
|
130
110
|
videoBubble: {
|
|
131
111
|
border_color: '#161515',
|
|
132
112
|
border_color_failed: failedBdr
|
|
@@ -4,7 +4,6 @@ import { imIntegrationIcon, imTtIcon, messagetextColor } from '../commonThemeCol
|
|
|
4
4
|
export default {
|
|
5
5
|
library: 'chat_components',
|
|
6
6
|
variables: {
|
|
7
|
-
// ActionIcon: {},
|
|
8
7
|
actionIconWrapper: {
|
|
9
8
|
color: actionIconWrapperColor,
|
|
10
9
|
bg_color: '#252e27',
|
|
@@ -22,9 +21,6 @@ export default {
|
|
|
22
21
|
fileSize_color: '#999',
|
|
23
22
|
fileSize_color_failed: '#788190'
|
|
24
23
|
},
|
|
25
|
-
// AttachmentIcon: {},
|
|
26
|
-
// Audio: {},
|
|
27
|
-
// AudioBubble: {},
|
|
28
24
|
articleBubble: {
|
|
29
25
|
bg_color: '#212121',
|
|
30
26
|
bg_color_failed: failedBg,
|
|
@@ -38,10 +34,8 @@ export default {
|
|
|
38
34
|
imAutoMessageInfo: {
|
|
39
35
|
text_color: '#999'
|
|
40
36
|
},
|
|
41
|
-
// IMInfoBubble: {},
|
|
42
37
|
imIntegrationIcon,
|
|
43
38
|
imTtIcon,
|
|
44
|
-
// IMMessage: {},
|
|
45
39
|
imMessageContent: {
|
|
46
40
|
text_color: '#a8b0bd'
|
|
47
41
|
},
|
|
@@ -51,8 +45,6 @@ export default {
|
|
|
51
45
|
imPermaLink: {
|
|
52
46
|
url_color: '#45a159'
|
|
53
47
|
},
|
|
54
|
-
// IMReplyBubble: {},
|
|
55
|
-
// IMTextBubble: {},
|
|
56
48
|
imageBubble: {
|
|
57
49
|
bg_color: '#212121',
|
|
58
50
|
bg_color_failed: failedBg,
|
|
@@ -61,9 +53,6 @@ export default {
|
|
|
61
53
|
border_color: '#161515',
|
|
62
54
|
border_color_failed: failedBdr
|
|
63
55
|
},
|
|
64
|
-
// IMReplyBubble: {},
|
|
65
|
-
// InfoBubble: {},
|
|
66
|
-
// LazyLoadImage: {},
|
|
67
56
|
locationBubble: {
|
|
68
57
|
bg_color: '#212121',
|
|
69
58
|
bg_color_failed: failedBg,
|
|
@@ -72,13 +61,6 @@ export default {
|
|
|
72
61
|
url_color: primaryGreen,
|
|
73
62
|
url_color_failed: failedUrlColor
|
|
74
63
|
},
|
|
75
|
-
// MediaBubbleWrapper: {},
|
|
76
|
-
// Message: {},
|
|
77
|
-
// MessageAction: {},
|
|
78
|
-
// MessageActions: {},
|
|
79
|
-
// MessageActionsMore: {},
|
|
80
|
-
// MessageActionsWrapper: {},
|
|
81
|
-
// MessageAvatar: {},
|
|
82
64
|
messageBox: {
|
|
83
65
|
incoming_bg_color: incomingBubbleBgColor,
|
|
84
66
|
outgoing_bg_color: outgoingBubbleBgColor,
|
|
@@ -95,7 +77,6 @@ export default {
|
|
|
95
77
|
read_color: '#45a159',
|
|
96
78
|
failed_color: messageStatusFailedColor
|
|
97
79
|
},
|
|
98
|
-
// MoreActionItem: {},
|
|
99
80
|
replyBubble: {
|
|
100
81
|
border_color: '#161515',
|
|
101
82
|
border_color_failed: failedBdr
|
|
@@ -126,7 +107,6 @@ export default {
|
|
|
126
107
|
url_color: primaryGreen,
|
|
127
108
|
url_color_failed: failedUrlColor
|
|
128
109
|
},
|
|
129
|
-
// Video: {},
|
|
130
110
|
videoBubble: {
|
|
131
111
|
border_color: '#161515',
|
|
132
112
|
border_color_failed: failedBdr
|
|
@@ -4,7 +4,6 @@ import { imIntegrationIcon, imTtIcon, messagetextColor } from '../commonThemeCol
|
|
|
4
4
|
export default {
|
|
5
5
|
library: 'chat_components',
|
|
6
6
|
variables: {
|
|
7
|
-
// ActionIcon: {},
|
|
8
7
|
actionIconWrapper: {
|
|
9
8
|
color: actionIconWrapperColor,
|
|
10
9
|
bg_color: '#312821',
|
|
@@ -22,9 +21,6 @@ export default {
|
|
|
22
21
|
fileSize_color: '#999',
|
|
23
22
|
fileSize_color_failed: '#788190'
|
|
24
23
|
},
|
|
25
|
-
// AttachmentIcon: {},
|
|
26
|
-
// Audio: {},
|
|
27
|
-
// AudioBubble: {},
|
|
28
24
|
articleBubble: {
|
|
29
25
|
bg_color: '#212121',
|
|
30
26
|
bg_color_failed: failedBg,
|
|
@@ -38,10 +34,8 @@ export default {
|
|
|
38
34
|
imAutoMessageInfo: {
|
|
39
35
|
text_color: '#999'
|
|
40
36
|
},
|
|
41
|
-
// IMInfoBubble: {},
|
|
42
37
|
imIntegrationIcon,
|
|
43
38
|
imTtIcon,
|
|
44
|
-
// IMMessage: {},
|
|
45
39
|
imMessageContent: {
|
|
46
40
|
text_color: '#a8b0bd'
|
|
47
41
|
},
|
|
@@ -51,8 +45,6 @@ export default {
|
|
|
51
45
|
imPermaLink: {
|
|
52
46
|
url_color: '#ff801f'
|
|
53
47
|
},
|
|
54
|
-
// IMReplyBubble: {},
|
|
55
|
-
// IMTextBubble: {},
|
|
56
48
|
imageBubble: {
|
|
57
49
|
bg_color: '#212121',
|
|
58
50
|
bg_color_failed: failedBg,
|
|
@@ -61,9 +53,6 @@ export default {
|
|
|
61
53
|
border_color: '#161515',
|
|
62
54
|
border_color_failed: failedBdr
|
|
63
55
|
},
|
|
64
|
-
// IMReplyBubble: {},
|
|
65
|
-
// InfoBubble: {},
|
|
66
|
-
// LazyLoadImage: {},
|
|
67
56
|
locationBubble: {
|
|
68
57
|
bg_color: '#212121',
|
|
69
58
|
bg_color_failed: failedBg,
|
|
@@ -72,13 +61,6 @@ export default {
|
|
|
72
61
|
url_color: primaryOrange,
|
|
73
62
|
url_color_failed: failedUrlColor
|
|
74
63
|
},
|
|
75
|
-
// MediaBubbleWrapper: {},
|
|
76
|
-
// Message: {},
|
|
77
|
-
// MessageAction: {},
|
|
78
|
-
// MessageActions: {},
|
|
79
|
-
// MessageActionsMore: {},
|
|
80
|
-
// MessageActionsWrapper: {},
|
|
81
|
-
// MessageAvatar: {},
|
|
82
64
|
messageBox: {
|
|
83
65
|
incoming_bg_color: incomingBubbleBgColor,
|
|
84
66
|
outgoing_bg_color: outgoingBubbleBgColor,
|
|
@@ -95,7 +77,6 @@ export default {
|
|
|
95
77
|
read_color: '#ff801f',
|
|
96
78
|
failed_color: messageStatusFailedColor
|
|
97
79
|
},
|
|
98
|
-
// MoreActionItem: {},
|
|
99
80
|
replyBubble: {
|
|
100
81
|
border_color: '#161515',
|
|
101
82
|
border_color_failed: failedBdr
|
|
@@ -126,7 +107,6 @@ export default {
|
|
|
126
107
|
url_color: primaryOrange,
|
|
127
108
|
url_color_failed: failedUrlColor
|
|
128
109
|
},
|
|
129
|
-
// Video: {},
|
|
130
110
|
videoBubble: {
|
|
131
111
|
border_color: '#161515',
|
|
132
112
|
border_color_failed: failedBdr
|