@zohoim/chat-components 0.0.19 → 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.
Files changed (82) hide show
  1. package/es/ActionIcon/ActionIcon.js +2 -1
  2. package/es/ActionIcon/css/ActionIcon.module.css +3 -4
  3. package/es/AttachmentBubble/AttachmentBubble.js +9 -6
  4. package/es/AttachmentBubble/css/cssJSLogic.js +2 -3
  5. package/es/AttachmentBubble/props/propTypes.js +2 -1
  6. package/es/AttachmentBubbleInfo/AttachmentBubbleInfo.js +2 -1
  7. package/es/AttachmentBubbleInfo/css/AttachmentBubbleInfo.module.css +1 -0
  8. package/es/ImageBubble/ImageBubble.js +11 -5
  9. package/es/ImageBubble/css/ImageBubble.module.css +8 -1
  10. package/es/ImageBubble/css/cssJSLogic.js +4 -2
  11. package/es/ImageBubble/props/propTypes.js +3 -1
  12. package/es/LocationBubble/LocationBubble.js +13 -12
  13. package/es/LocationBubble/css/LocationBubble.module.css +18 -11
  14. package/es/Message/Message.js +3 -2
  15. package/es/Message/props/propTypes.js +1 -0
  16. package/es/MessageActions/MessageActions.js +4 -6
  17. package/es/MessageActionsMore/MessageActionsMore.js +3 -1
  18. package/es/MessageAvatar/css/MessageAvatar.module.css +2 -0
  19. package/es/MessageBox/css/MessageBox.module.css +0 -3
  20. package/es/MessageBubble/MessageBubble.js +10 -5
  21. package/es/MessageBubble/css/MessageBubble.module.css +24 -23
  22. package/es/MessageStatus/MessageStatus.js +7 -2
  23. package/es/MessageStatus/css/MessageStatus.module.css +8 -3
  24. package/es/ReplyBubble/ReplyBubble.js +14 -5
  25. package/es/ReplyBubble/css/ReplyBubble.module.css +6 -0
  26. package/es/ReplyBubble/css/cssJSLogic.js +14 -0
  27. package/es/ReplyBubbleContent/ReplyBubbleContent.js +4 -2
  28. package/es/ReplyBubbleContent/props/propTypes.js +2 -1
  29. package/es/ReplyBubbleHeader/ReplyBubbleHeader.js +8 -2
  30. package/es/ReplyBubbleHeader/css/ReplyBubbleHeader.module.css +9 -8
  31. package/es/TextBubble/css/TextBubble.module.css +0 -2
  32. package/es/Theme/ThemeAssets.js +56 -35
  33. package/es/Theme/themeVariables/dark/blueTheme.js +16 -26
  34. package/es/Theme/themeVariables/dark/greenTheme.js +16 -26
  35. package/es/Theme/themeVariables/dark/orangeTheme.js +16 -26
  36. package/es/Theme/themeVariables/dark/redTheme.js +16 -26
  37. package/es/Theme/themeVariables/dark/yellowTheme.js +16 -26
  38. package/es/Theme/themeVariables/light/blueTheme.js +16 -26
  39. package/es/Theme/themeVariables/light/greenTheme.js +16 -26
  40. package/es/Theme/themeVariables/light/orangeTheme.js +16 -26
  41. package/es/Theme/themeVariables/light/redTheme.js +16 -26
  42. package/es/Theme/themeVariables/light/yellowTheme.js +16 -26
  43. package/es/Theme/themeVariables/pureDark/blueTheme.js +16 -26
  44. package/es/Theme/themeVariables/pureDark/greenTheme.js +16 -26
  45. package/es/Theme/themeVariables/pureDark/orangeTheme.js +16 -26
  46. package/es/Theme/themeVariables/pureDark/redTheme.js +16 -26
  47. package/es/Theme/themeVariables/pureDark/yellowTheme.js +16 -26
  48. package/es/Theme/utils/getThemeConfigurations.js +1 -1
  49. package/es/Video/css/Video.module.css +1 -0
  50. package/es/VideoBubble/VideoBubble.js +12 -2
  51. package/es/VideoBubble/css/VideoBubble.module.css +9 -1
  52. package/es/VideoBubble/css/cssJSLogic.js +14 -0
  53. package/es/icons/factory/common/reply.svg +6 -0
  54. package/es/icons/iconSrc/common/Reply.js +13 -0
  55. package/es/icons/iconSrc/common/index.js +2 -1
  56. package/es/im/IMIntegrationIcon/IMIntegrationIcon.js +18 -32
  57. package/es/im/IMIntegrationIcon/css/IMIntegrationIcon.module.css +8 -30
  58. package/es/im/IMIntegrationIcon/css/cssJSLogic.js +3 -3
  59. package/es/im/IMMessage/IMMessage.js +13 -6
  60. package/es/im/IMMessage/css/cssJSLogic.js +4 -12
  61. package/es/im/IMMessage/props/defaultProps.js +3 -1
  62. package/es/im/IMMessage/props/propTypes.js +2 -1
  63. package/es/im/IMMessageContent/IMMessageContent.js +14 -7
  64. package/es/im/IMMessageContent/css/IMMessageContent.module.css +1 -0
  65. package/es/im/IMMessageContent/props/defaultProps.js +2 -1
  66. package/es/im/IMMessageContent/props/propTypes.js +3 -1
  67. package/package.json +6 -5
  68. package/es/icons/factory/integrations/chInstagram.svg +0 -4
  69. package/es/icons/factory/integrations/chWhatsApp.svg +0 -4
  70. package/es/icons/factory/integrations/ttASAP.svg +0 -6
  71. package/es/icons/factory/integrations/ttLine.svg +0 -8
  72. package/es/icons/factory/integrations/ttTelegram.svg +0 -4
  73. package/es/icons/factory/integrations/ttTwillio.svg +0 -8
  74. package/es/icons/factory/integrations/ttWechat.svg +0 -9
  75. package/es/icons/iconSrc/integrations/ChInstagram.js +0 -17
  76. package/es/icons/iconSrc/integrations/ChWhatsApp.js +0 -19
  77. package/es/icons/iconSrc/integrations/TtASAP.js +0 -28
  78. package/es/icons/iconSrc/integrations/TtLine.js +0 -37
  79. package/es/icons/iconSrc/integrations/TtTelegram.js +0 -18
  80. package/es/icons/iconSrc/integrations/TtTwillio.js +0 -32
  81. package/es/icons/iconSrc/integrations/TtWechat.js +0 -41
  82. package/es/icons/iconSrc/integrations/index.js +0 -7
package/es/Theme/themeVariables/dark/yellowTheme.js CHANGED
@@ -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',
@@ -20,11 +19,8 @@ export default {
20
19
  fileName_color: '#e2e4e6',
21
20
  fileName_color_failed: failedColor,
22
21
  fileSize_color: '#788190',
23
- fileSize_color_failed: failedColor
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,28 +34,25 @@ export default {
38
34
  imAutoMessageInfo: {
39
35
  text_color: '#828994'
40
36
  },
41
- // IMInfoBubble: {},
42
37
  imIntegrationIcon,
43
38
  imTtIcon,
44
- // IMMessage: {},
45
- // IMMessageContent: {},
39
+ imMessageContent: {
40
+ text_color: '#a8b0bd'
41
+ },
46
42
  imMessageMeta: {
47
43
  time_color: '#a8b0bd'
48
44
  },
49
45
  imPermaLink: {
50
46
  url_color: '#d79835'
51
47
  },
52
- // IMReplyBubble: {},
53
- // IMTextBubble: {},
54
48
  imageBubble: {
55
49
  bg_color: '#232b38',
56
50
  bg_color_failed: failedBg,
57
51
  alt_text_color: '#e2e4e6',
58
- alt_text_color_failed: failedColor
52
+ alt_text_color_failed: failedColor,
53
+ border_color: '#2d3748',
54
+ border_color_failed: failedBdr
59
55
  },
60
- // IMReplyBubble: {},
61
- // InfoBubble: {},
62
- // LazyLoadImage: {},
63
56
  locationBubble: {
64
57
  bg_color: '#232b38',
65
58
  bg_color_failed: failedBg,
@@ -68,13 +61,6 @@ export default {
68
61
  url_color: primaryYellow,
69
62
  url_color_failed: failedUrlColor
70
63
  },
71
- // MediaBubbleWrapper: {},
72
- // Message: {},
73
- // MessageAction: {},
74
- // MessageActions: {},
75
- // MessageActionsMore: {},
76
- // MessageActionsWrapper: {},
77
- // MessageAvatar: {},
78
64
  messageBox: {
79
65
  incoming_bg_color: incomingBubbleBgColor,
80
66
  outgoing_bg_color: '#303338',
@@ -91,8 +77,10 @@ export default {
91
77
  read_color: '#d79835',
92
78
  failed_color: messageStatusFailedColor
93
79
  },
94
- // MoreActionItem: {},
95
- // ReplyBubble: {},
80
+ replyBubble: {
81
+ border_color: '#2d3748',
82
+ border_color_failed: failedBdr
83
+ },
96
84
  replyBubbleContent: {
97
85
  bg_color: '#232b38',
98
86
  bg_color_failed: failedBg,
@@ -118,8 +106,10 @@ export default {
118
106
  see_more_color_failed: failedUrlColor,
119
107
  url_color: primaryYellow,
120
108
  url_color_failed: failedUrlColor
121
- } // Video: {},
122
- // VideoBubble: {}
123
-
109
+ },
110
+ videoBubble: {
111
+ border_color: '#2d3748',
112
+ border_color_failed: failedBdr
113
+ }
124
114
  }
125
115
  };
package/es/Theme/themeVariables/light/blueTheme.js CHANGED
@@ -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',
@@ -19,11 +18,8 @@ export default {
19
18
  fileName_color: black,
20
19
  fileName_color_failed: failedColor,
21
20
  fileSize_color: '#5a616f',
22
- fileSize_color_failed: failedColor
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,28 +33,25 @@ export default {
37
33
  imAutoMessageInfo: {
38
34
  text_color: '#737376'
39
35
  },
40
- // IMInfoBubble: {},
41
36
  imIntegrationIcon,
42
37
  imTtIcon,
43
- // IMMessage: {},
44
- // IMMessageContent: {},
38
+ imMessageContent: {
39
+ text_color: '#5a616f'
40
+ },
45
41
  imMessageMeta: {
46
42
  time_color: '#5a616f'
47
43
  },
48
44
  imPermaLink: {
49
45
  url_color: primaryBlue
50
46
  },
51
- // IMReplyBubble: {},
52
- // IMTextBubble: {},
53
47
  imageBubble: {
54
48
  bg_color: white,
55
49
  bg_color_failed: failedBg,
56
50
  alt_text_color: black,
57
- alt_text_color_failed: failedColor
51
+ alt_text_color_failed: failedColor,
52
+ border_color: '#ebf0f5',
53
+ border_color_failed: failedBdr
58
54
  },
59
- // IMReplyBubble: {},
60
- // InfoBubble: {},
61
- // LazyLoadImage: {},
62
55
  locationBubble: {
63
56
  bg_color: white,
64
57
  bg_color_failed: failedBg,
@@ -67,13 +60,6 @@ export default {
67
60
  url_color: primaryBlue,
68
61
  url_color_failed: failedUrlColor
69
62
  },
70
- // MediaBubbleWrapper: {},
71
- // Message: {},
72
- // MessageAction: {},
73
- // MessageActions: {},
74
- // MessageActionsMore: {},
75
- // MessageActionsWrapper: {},
76
- // MessageAvatar: {},
77
63
  messageBox: {
78
64
  incoming_bg_color: incomingBubbleBgColor,
79
65
  outgoing_bg_color: '#f1f7fe',
@@ -90,8 +76,10 @@ export default {
90
76
  read_color: primaryBlue,
91
77
  failed_color: messageStatusFailedColor
92
78
  },
93
- // MoreActionItem: {},
94
- // ReplyBubble: {},
79
+ replyBubble: {
80
+ border_color: '#ebf0f5',
81
+ border_color_failed: failedBdr
82
+ },
95
83
  replyBubbleContent: {
96
84
  bg_color: white,
97
85
  bg_color_failed: failedBg,
@@ -117,8 +105,10 @@ export default {
117
105
  see_more_color_failed: failedUrlColor,
118
106
  url_color: primaryBlue,
119
107
  url_color_failed: failedUrlColor
120
- } // Video: {},
121
- // VideoBubble: {}
122
-
108
+ },
109
+ videoBubble: {
110
+ border_color: '#ebf0f5',
111
+ border_color_failed: failedBdr
112
+ }
123
113
  }
124
114
  };
package/es/Theme/themeVariables/light/greenTheme.js CHANGED
@@ -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',
@@ -19,11 +18,8 @@ export default {
19
18
  fileName_color: black,
20
19
  fileName_color_failed: failedColor,
21
20
  fileSize_color: '#5a616f',
22
- fileSize_color_failed: failedColor
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,28 +33,25 @@ export default {
37
33
  imAutoMessageInfo: {
38
34
  text_color: '#737376'
39
35
  },
40
- // IMInfoBubble: {},
41
36
  imIntegrationIcon,
42
37
  imTtIcon,
43
- // IMMessage: {},
44
- // IMMessageContent: {},
38
+ imMessageContent: {
39
+ text_color: '#5a616f'
40
+ },
45
41
  imMessageMeta: {
46
42
  time_color: '#5a616f'
47
43
  },
48
44
  imPermaLink: {
49
45
  url_color: primaryGreen
50
46
  },
51
- // IMReplyBubble: {},
52
- // IMTextBubble: {},
53
47
  imageBubble: {
54
48
  bg_color: white,
55
49
  bg_color_failed: failedBg,
56
50
  alt_text_color: black,
57
- alt_text_color_failed: failedColor
51
+ alt_text_color_failed: failedColor,
52
+ border_color: '#ebf0f5',
53
+ border_color_failed: failedBdr
58
54
  },
59
- // IMReplyBubble: {},
60
- // InfoBubble: {},
61
- // LazyLoadImage: {},
62
55
  locationBubble: {
63
56
  bg_color: white,
64
57
  bg_color_failed: failedBg,
@@ -67,13 +60,6 @@ export default {
67
60
  url_color: primaryGreen,
68
61
  url_color_failed: failedUrlColor
69
62
  },
70
- // MediaBubbleWrapper: {},
71
- // Message: {},
72
- // MessageAction: {},
73
- // MessageActions: {},
74
- // MessageActionsMore: {},
75
- // MessageActionsWrapper: {},
76
- // MessageAvatar: {},
77
63
  messageBox: {
78
64
  incoming_bg_color: incomingBubbleBgColor,
79
65
  outgoing_bg_color: '#f2faf5',
@@ -90,8 +76,10 @@ export default {
90
76
  read_color: '#26a942',
91
77
  failed_color: messageStatusFailedColor
92
78
  },
93
- // MoreActionItem: {},
94
- // ReplyBubble: {},
79
+ replyBubble: {
80
+ border_color: '#ebf0f5',
81
+ border_color_failed: failedBdr
82
+ },
95
83
  replyBubbleContent: {
96
84
  bg_color: white,
97
85
  bg_color_failed: failedBg,
@@ -117,8 +105,10 @@ export default {
117
105
  see_more_color_failed: failedUrlColor,
118
106
  url_color: primaryGreen,
119
107
  url_color_failed: failedUrlColor
120
- } // Video: {},
121
- // VideoBubble: {}
122
-
108
+ },
109
+ videoBubble: {
110
+ border_color: '#ebf0f5',
111
+ border_color_failed: failedBdr
112
+ }
123
113
  }
124
114
  };
package/es/Theme/themeVariables/light/orangeTheme.js CHANGED
@@ -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',
@@ -19,11 +18,8 @@ export default {
19
18
  fileName_color: black,
20
19
  fileName_color_failed: failedColor,
21
20
  fileSize_color: '#5a616f',
22
- fileSize_color_failed: failedColor
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,28 +33,25 @@ export default {
37
33
  imAutoMessageInfo: {
38
34
  text_color: '#737376'
39
35
  },
40
- // IMInfoBubble: {},
41
36
  imIntegrationIcon,
42
37
  imTtIcon,
43
- // IMMessage: {},
44
- // IMMessageContent: {},
38
+ imMessageContent: {
39
+ text_color: '#5a616f'
40
+ },
45
41
  imMessageMeta: {
46
42
  time_color: '#5a616f'
47
43
  },
48
44
  imPermaLink: {
49
45
  url_color: primaryOrange
50
46
  },
51
- // IMReplyBubble: {},
52
- // IMTextBubble: {},
53
47
  imageBubble: {
54
48
  bg_color: white,
55
49
  bg_color_failed: failedBg,
56
50
  alt_text_color: black,
57
- alt_text_color_failed: failedColor
51
+ alt_text_color_failed: failedColor,
52
+ border_color: '#ebf0f5',
53
+ border_color_failed: failedBdr
58
54
  },
59
- // IMReplyBubble: {},
60
- // InfoBubble: {},
61
- // LazyLoadImage: {},
62
55
  locationBubble: {
63
56
  bg_color: white,
64
57
  bg_color_failed: failedBg,
@@ -67,13 +60,6 @@ export default {
67
60
  url_color: primaryOrange,
68
61
  url_color_failed: failedUrlColor
69
62
  },
70
- // MediaBubbleWrapper: {},
71
- // Message: {},
72
- // MessageAction: {},
73
- // MessageActions: {},
74
- // MessageActionsMore: {},
75
- // MessageActionsWrapper: {},
76
- // MessageAvatar: {},
77
63
  messageBox: {
78
64
  incoming_bg_color: incomingBubbleBgColor,
79
65
  outgoing_bg_color: '#fdf5ef',
@@ -90,8 +76,10 @@ export default {
90
76
  read_color: '#e57717',
91
77
  failed_color: messageStatusFailedColor
92
78
  },
93
- // MoreActionItem: {},
94
- // ReplyBubble: {},
79
+ replyBubble: {
80
+ border_color: '#ebf0f5',
81
+ border_color_failed: failedBdr
82
+ },
95
83
  replyBubbleContent: {
96
84
  bg_color: white,
97
85
  bg_color_failed: failedBg,
@@ -117,8 +105,10 @@ export default {
117
105
  see_more_color_failed: failedUrlColor,
118
106
  url_color: primaryOrange,
119
107
  url_color_failed: failedUrlColor
120
- } // Video: {},
121
- // VideoBubble: {}
122
-
108
+ },
109
+ videoBubble: {
110
+ border_color: '#ebf0f5',
111
+ border_color_failed: failedBdr
112
+ }
123
113
  }
124
114
  };
package/es/Theme/themeVariables/light/redTheme.js CHANGED
@@ -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',
@@ -19,11 +18,8 @@ export default {
19
18
  fileName_color: black,
20
19
  fileName_color_failed: failedColor,
21
20
  fileSize_color: '#5a616f',
22
- fileSize_color_failed: failedColor
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,28 +33,25 @@ export default {
37
33
  imAutoMessageInfo: {
38
34
  text_color: '#737376'
39
35
  },
40
- // IMInfoBubble: {},
41
36
  imIntegrationIcon,
42
37
  imTtIcon,
43
- // IMMessage: {},
44
- // IMMessageContent: {},
38
+ imMessageContent: {
39
+ text_color: '#5a616f'
40
+ },
45
41
  imMessageMeta: {
46
42
  time_color: '#5a616f'
47
43
  },
48
44
  imPermaLink: {
49
45
  url_color: primaryRed
50
46
  },
51
- // IMReplyBubble: {},
52
- // IMTextBubble: {},
53
47
  imageBubble: {
54
48
  bg_color: white,
55
49
  bg_color_failed: failedBg,
56
50
  alt_text_color: black,
57
- alt_text_color_failed: failedColor
51
+ alt_text_color_failed: failedColor,
52
+ border_color: '#ebf0f5',
53
+ border_color_failed: failedBdr
58
54
  },
59
- // IMReplyBubble: {},
60
- // InfoBubble: {},
61
- // LazyLoadImage: {},
62
55
  locationBubble: {
63
56
  bg_color: white,
64
57
  bg_color_failed: failedBg,
@@ -67,13 +60,6 @@ export default {
67
60
  url_color: primaryRed,
68
61
  url_color_failed: failedUrlColor
69
62
  },
70
- // MediaBubbleWrapper: {},
71
- // Message: {},
72
- // MessageAction: {},
73
- // MessageActions: {},
74
- // MessageActionsMore: {},
75
- // MessageActionsWrapper: {},
76
- // MessageAvatar: {},
77
63
  messageBox: {
78
64
  incoming_bg_color: incomingBubbleBgColor,
79
65
  outgoing_bg_color: '#fdf3f3',
@@ -90,8 +76,10 @@ export default {
90
76
  read_color: '#de3535',
91
77
  failed_color: messageStatusFailedColor
92
78
  },
93
- // MoreActionItem: {},
94
- // ReplyBubble: {},
79
+ replyBubble: {
80
+ border_color: '#ebf0f5',
81
+ border_color_failed: failedBdr
82
+ },
95
83
  replyBubbleContent: {
96
84
  bg_color: white,
97
85
  bg_color_failed: failedBg,
@@ -117,8 +105,10 @@ export default {
117
105
  see_more_color_failed: failedUrlColor,
118
106
  url_color: primaryRed,
119
107
  url_color_failed: failedUrlColor
120
- } // Video: {},
121
- // VideoBubble: {}
122
-
108
+ },
109
+ videoBubble: {
110
+ border_color: '#ebf0f5',
111
+ border_color_failed: failedBdr
112
+ }
123
113
  }
124
114
  };
package/es/Theme/themeVariables/light/yellowTheme.js CHANGED
@@ -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',
@@ -19,11 +18,8 @@ export default {
19
18
  fileName_color: black,
20
19
  fileName_color_failed: failedColor,
21
20
  fileSize_color: '#5a616f',
22
- fileSize_color_failed: failedColor
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,28 +33,25 @@ export default {
37
33
  imAutoMessageInfo: {
38
34
  text_color: '#737376'
39
35
  },
40
- // IMInfoBubble: {},
41
36
  imIntegrationIcon,
42
37
  imTtIcon,
43
- // IMMessage: {},
44
- // IMMessageContent: {},
38
+ imMessageContent: {
39
+ text_color: '#5a616f'
40
+ },
45
41
  imMessageMeta: {
46
42
  time_color: '#5a616f'
47
43
  },
48
44
  imPermaLink: {
49
45
  url_color: primaryYellow
50
46
  },
51
- // IMReplyBubble: {},
52
- // IMTextBubble: {},
53
47
  imageBubble: {
54
48
  bg_color: white,
55
49
  bg_color_failed: failedBg,
56
50
  alt_text_color: black,
57
- alt_text_color_failed: failedColor
51
+ alt_text_color_failed: failedColor,
52
+ border_color: '#ebf0f5',
53
+ border_color_failed: failedBdr
58
54
  },
59
- // IMReplyBubble: {},
60
- // InfoBubble: {},
61
- // LazyLoadImage: {},
62
55
  locationBubble: {
63
56
  bg_color: white,
64
57
  bg_color_failed: failedBg,
@@ -67,13 +60,6 @@ export default {
67
60
  url_color: primaryYellow,
68
61
  url_color_failed: failedUrlColor
69
62
  },
70
- // MediaBubbleWrapper: {},
71
- // Message: {},
72
- // MessageAction: {},
73
- // MessageActions: {},
74
- // MessageActionsMore: {},
75
- // MessageActionsWrapper: {},
76
- // MessageAvatar: {},
77
63
  messageBox: {
78
64
  incoming_bg_color: incomingBubbleBgColor,
79
65
  outgoing_bg_color: '#fdf8e9',
@@ -90,8 +76,10 @@ export default {
90
76
  read_color: '#b68c07',
91
77
  failed_color: messageStatusFailedColor
92
78
  },
93
- // MoreActionItem: {},
94
- // ReplyBubble: {},
79
+ replyBubble: {
80
+ border_color: '#ebf0f5',
81
+ border_color_failed: failedBdr
82
+ },
95
83
  replyBubbleContent: {
96
84
  bg_color: white,
97
85
  bg_color_failed: failedBg,
@@ -117,8 +105,10 @@ export default {
117
105
  see_more_color_failed: failedUrlColor,
118
106
  url_color: primaryYellow,
119
107
  url_color_failed: failedUrlColor
120
- } // Video: {},
121
- // VideoBubble: {}
122
-
108
+ },
109
+ videoBubble: {
110
+ border_color: '#ebf0f5',
111
+ border_color_failed: failedBdr
112
+ }
123
113
  }
124
114
  };
package/es/Theme/themeVariables/pureDark/blueTheme.js CHANGED
@@ -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',
@@ -20,11 +19,8 @@ export default {
20
19
  fileName_color: '#e2e4e6',
21
20
  fileName_color_failed: failedColor,
22
21
  fileSize_color: '#999',
23
- fileSize_color_failed: failedColor
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,28 +34,25 @@ export default {
38
34
  imAutoMessageInfo: {
39
35
  text_color: '#999'
40
36
  },
41
- // IMInfoBubble: {},
42
37
  imIntegrationIcon,
43
38
  imTtIcon,
44
- // IMMessage: {},
45
- // IMMessageContent: {},
39
+ imMessageContent: {
40
+ text_color: '#a8b0bd'
41
+ },
46
42
  imMessageMeta: {
47
43
  time_color: '#999'
48
44
  },
49
45
  imPermaLink: {
50
46
  url_color: '#479dff'
51
47
  },
52
- // IMReplyBubble: {},
53
- // IMTextBubble: {},
54
48
  imageBubble: {
55
49
  bg_color: '#212121',
56
50
  bg_color_failed: failedBg,
57
51
  alt_text_color: '#e2e4e6',
58
- alt_text_color_failed: failedColor
52
+ alt_text_color_failed: failedColor,
53
+ border_color: '#161515',
54
+ border_color_failed: failedBdr
59
55
  },
60
- // IMReplyBubble: {},
61
- // InfoBubble: {},
62
- // LazyLoadImage: {},
63
56
  locationBubble: {
64
57
  bg_color: '#212121',
65
58
  bg_color_failed: failedBg,
@@ -68,13 +61,6 @@ export default {
68
61
  url_color: primaryBlue,
69
62
  url_color_failed: failedUrlColor
70
63
  },
71
- // MediaBubbleWrapper: {},
72
- // Message: {},
73
- // MessageAction: {},
74
- // MessageActions: {},
75
- // MessageActionsMore: {},
76
- // MessageActionsWrapper: {},
77
- // MessageAvatar: {},
78
64
  messageBox: {
79
65
  incoming_bg_color: incomingBubbleBgColor,
80
66
  outgoing_bg_color: outgoingBubbleBgColor,
@@ -91,8 +77,10 @@ export default {
91
77
  read_color: '#479dff',
92
78
  failed_color: messageStatusFailedColor
93
79
  },
94
- // MoreActionItem: {},
95
- // ReplyBubble: {},
80
+ replyBubble: {
81
+ border_color: '#161515',
82
+ border_color_failed: failedBdr
83
+ },
96
84
  replyBubbleContent: {
97
85
  bg_color: '#212121',
98
86
  bg_color_failed: failedBg,
@@ -118,8 +106,10 @@ export default {
118
106
  see_more_color_failed: failedUrlColor,
119
107
  url_color: primaryBlue,
120
108
  url_color_failed: failedUrlColor
121
- } // Video: {},
122
- // VideoBubble: {}
123
-
109
+ },
110
+ videoBubble: {
111
+ border_color: '#161515',
112
+ border_color_failed: failedBdr
113
+ }
124
114
  }
125
115
  };