@zohoim/chat-components 0.0.20 → 0.0.21
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/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/ReplyBubbleHeader/css/ReplyBubbleHeader.module.css +8 -7
- package/es/Theme/ThemeAssets.js +56 -35
- 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/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/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
|
@@ -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
|
|
@@ -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: '#2f2424',
|
|
@@ -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: '#e94f4f'
|
|
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: primaryRed,
|
|
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: '#e94f4f',
|
|
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: primaryRed,
|
|
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: '#2e2922',
|
|
@@ -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: '#d79835'
|
|
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: 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: outgoingBubbleBgColor,
|
|
@@ -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: '#161515',
|
|
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: '#161515',
|
|
132
112
|
border_color_failed: failedBdr
|
|
@@ -15,7 +15,7 @@ import pureDarkOrange from '../themeVariables/pureDark/orangeTheme';
|
|
|
15
15
|
import pureDarkRed from '../themeVariables/pureDark/redTheme';
|
|
16
16
|
import pureDarkYellow from '../themeVariables/pureDark/yellowTheme';
|
|
17
17
|
const modeMapping = {
|
|
18
|
-
[modeConstants.LIGHT]: '
|
|
18
|
+
[modeConstants.LIGHT]: 'light',
|
|
19
19
|
[modeConstants.DARK]: 'dark',
|
|
20
20
|
[modeConstants.PURE_DARK]: 'pureDark'
|
|
21
21
|
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
<svg id='reply' viewBox='0 0 40 40'>
|
|
2
|
+
<path
|
|
3
|
+
class='path-0'
|
|
4
|
+
d='m17.42,33.06c-.39,0-.77-.13-1.09-.39L2.51,21.35c-.41-.33-.64-.83-.64-1.35s.23-1.02.64-1.35l13.83-11.31c.52-.43,1.22-.51,1.83-.22.61.29.98.88.98,1.56v5.61c12.4.03,17.81,10.94,18.73,14.79h0c.18.75-.13,1.5-.79,1.9-.65.4-1.48.34-2.07-.15-7.56-6.34-13.96-5.65-15.88-5.24v5.74c0,.67-.38,1.27-.98,1.56-.24.11-.49.17-.74.17Zm-13.41-13.06l13.14,10.75v-5.24c0-.89.6-1.65,1.47-1.85,1.99-.45,8.98-1.35,17.12,5.17-1.43-4.56-6.94-12.59-16.81-12.55,0,0,0,0-.01,0-.44,0-.87-.18-1.19-.5-.36-.36-.57-.86-.57-1.38v-5.15l-13.14,10.75Zm31.92,9.54h0s0,0,0,0Z'
|
|
5
|
+
/>
|
|
6
|
+
</svg>
|