@zohoim/chat-components 0.0.15 → 0.0.16

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 (142) hide show
  1. package/es/ActionIcon/ActionIcon.js +2 -0
  2. package/es/ActionIconWrapper/ActionIconWrapper.js +6 -2
  3. package/es/ActionIconWrapper/props/propTypes.js +1 -0
  4. package/es/AttachmentBubble/AttachmentBubble.js +24 -8
  5. package/es/AttachmentBubble/css/AttachmentBubble.module.css +15 -1
  6. package/es/AttachmentBubble/css/cssJSLogic.js +15 -0
  7. package/es/AttachmentBubble/props/propTypes.js +2 -1
  8. package/es/AttachmentBubbleInfo/AttachmentBubbleInfo.js +13 -2
  9. package/es/AttachmentBubbleInfo/css/AttachmentBubbleInfo.module.css +9 -0
  10. package/es/AttachmentBubbleInfo/css/cssJSLogic.js +13 -0
  11. package/es/AttachmentBubbleInfo/props/propTypes.js +2 -1
  12. package/es/AttachmentIcon/AttachmentIcon.js +3 -1
  13. package/es/AttachmentIcon/css/AttachmentIcon.module.css +2 -2
  14. package/es/AttachmentIcon/props/propTypes.js +6 -0
  15. package/es/AttachmentIcon/utils/getAttachmentIconComponent.js +4 -3
  16. package/es/AudioBubble/AudioBubble.js +5 -2
  17. package/es/AudioBubble/props/propTypes.js +2 -1
  18. package/es/ImageBubble/ImageBubble.js +13 -2
  19. package/es/ImageBubble/css/ImageBubble.module.css +8 -2
  20. package/es/ImageBubble/css/cssJSLogic.js +13 -0
  21. package/es/ImageBubble/props/propTypes.js +2 -1
  22. package/es/LocationBubble/LocationBubble.js +13 -2
  23. package/es/LocationBubble/css/LocationBubble.module.css +14 -1
  24. package/es/LocationBubble/css/cssJSLogic.js +13 -0
  25. package/es/LocationBubble/props/propTypes.js +2 -1
  26. package/es/MediaBubbleWrapper/MediaBubbleWrapper.js +5 -2
  27. package/es/MediaBubbleWrapper/props/propTypes.js +2 -1
  28. package/es/Message/Message.js +4 -2
  29. package/es/MessageAction/MessageAction.js +3 -0
  30. package/es/MessageAction/props/propTypes.js +1 -0
  31. package/es/MessageActions/MessageActions.js +14 -2
  32. package/es/MessageActions/props/propTypes.js +1 -0
  33. package/es/MessageBox/MessageBox.js +2 -2
  34. package/es/MessageBubble/MessageBubble.js +16 -11
  35. package/es/MessageStatus/css/MessageStatus.module.css +0 -3
  36. package/es/MoreActionItem/MoreActionItem.js +8 -0
  37. package/es/MoreActionItem/props/propTypes.js +1 -0
  38. package/es/ReplyBubble/ReplyBubble.js +32 -13
  39. package/es/ReplyBubble/css/ReplyBubble.module.css +1 -1
  40. package/es/ReplyBubble/props/propTypes.js +8 -2
  41. package/es/ReplyBubbleContent/ReplyBubbleContent.js +11 -2
  42. package/es/ReplyBubbleContent/css/ReplyBubbleContent.module.css +21 -3
  43. package/es/ReplyBubbleContent/css/cssJSLogic.js +13 -0
  44. package/es/ReplyBubbleContent/props/propTypes.js +2 -1
  45. package/es/ReplyBubbleHeader/ReplyBubbleHeader.js +20 -5
  46. package/es/ReplyBubbleHeader/css/ReplyBubbleHeader.module.css +12 -0
  47. package/es/ReplyBubbleHeader/css/cssJSLogic.js +12 -0
  48. package/es/ReplyBubbleHeader/props/defaultProps.js +2 -1
  49. package/es/ReplyBubbleHeader/props/propTypes.js +6 -2
  50. package/es/TextBubble/TextBubble.js +15 -3
  51. package/es/TextBubble/css/TextBubble.module.css +13 -0
  52. package/es/TextBubble/css/cssJSLogic.js +18 -0
  53. package/es/TextBubble/props/propTypes.js +2 -1
  54. package/es/Theme/themeVariables/commonThemeColorVariable.js +1 -2
  55. package/es/Theme/themeVariables/dark/blueTheme.js +97 -40
  56. package/es/Theme/themeVariables/dark/commonColorVariable.js +7 -1
  57. package/es/Theme/themeVariables/dark/greenTheme.js +95 -38
  58. package/es/Theme/themeVariables/dark/orangeTheme.js +94 -37
  59. package/es/Theme/themeVariables/dark/redTheme.js +94 -46
  60. package/es/Theme/themeVariables/dark/yellowTheme.js +94 -37
  61. package/es/Theme/themeVariables/light/blueTheme.js +96 -35
  62. package/es/Theme/themeVariables/light/commonColorVariable.js +8 -1
  63. package/es/Theme/themeVariables/light/greenTheme.js +96 -35
  64. package/es/Theme/themeVariables/light/orangeTheme.js +97 -34
  65. package/es/Theme/themeVariables/light/redTheme.js +97 -34
  66. package/es/Theme/themeVariables/light/yellowTheme.js +96 -35
  67. package/es/Theme/themeVariables/pureDark/blueTheme.js +93 -37
  68. package/es/Theme/themeVariables/pureDark/commonColorVariable.js +7 -1
  69. package/es/Theme/themeVariables/pureDark/greenTheme.js +94 -37
  70. package/es/Theme/themeVariables/pureDark/orangeTheme.js +94 -37
  71. package/es/Theme/themeVariables/pureDark/redTheme.js +94 -37
  72. package/es/Theme/themeVariables/pureDark/yellowTheme.js +94 -37
  73. package/es/VideoBubble/VideoBubble.js +5 -2
  74. package/es/VideoBubble/props/propTypes.js +2 -1
  75. package/es/icons/iconSrc/attachments/Text.js +47 -0
  76. package/es/icons/iconSrc/attachments/index.js +1 -1
  77. package/es/im/ArticleBubble/ArticleBubble.js +16 -3
  78. package/es/im/ArticleBubble/css/ArticleBubble.module.css +18 -3
  79. package/es/im/ArticleBubble/css/cssJSLogic.js +12 -0
  80. package/es/im/ArticleBubble/props/propTypes.js +2 -1
  81. package/es/im/IMAutoMessageInfo/css/IMAutoMessageInfo.module.css +1 -0
  82. package/es/im/IMIntegrationIcon/css/IMIntegrationIcon.module.css +1 -6
  83. package/es/im/IMMessage/IMMessage.js +28 -4
  84. package/es/im/IMMessage/props/propTypes.js +25 -1
  85. package/es/im/IMMessageContent/IMMessageContent.js +39 -42
  86. package/es/im/IMMessageContent/css/IMMessageContent.module.css +6 -2
  87. package/es/im/IMMessageContent/props/propTypes.js +7 -2
  88. package/es/im/IMMessageMeta/IMMessageMeta.js +8 -8
  89. package/es/im/IMMessageMeta/css/IMMessageMeta.module.css +1 -1
  90. package/es/im/IMMessageMeta/props/defaultProps.js +1 -1
  91. package/es/im/IMPermaLink/css/IMPermaLink.module.css +1 -1
  92. package/es/im/IMReplyBubble/IMReplyBubble.js +10 -5
  93. package/es/im/IMReplyBubble/props/propTypes.js +7 -2
  94. package/es/im/IMTextBubble/IMTextBubble.js +5 -2
  95. package/es/im/IMTextBubble/props/propTypes.js +2 -1
  96. package/es/im/css/common.module.css +2 -2
  97. package/es/im/index.js +0 -1
  98. package/es/index.js +0 -1
  99. package/package.json +4 -21
  100. package/es/InfoBubble/InfoBubble.js +0 -34
  101. package/es/InfoBubble/css/InfoBubble.module.css +0 -0
  102. package/es/InfoBubble/css/cssJSLogic.js +0 -10
  103. package/es/InfoBubble/index.js +0 -1
  104. package/es/InfoBubble/props/defaultProps.js +0 -6
  105. package/es/InfoBubble/props/propTypes.js +0 -6
  106. package/es/Theme/crm/dark/blueFanTheme.js +0 -28
  107. package/es/Theme/crm/dark/blueTheme.js +0 -28
  108. package/es/Theme/crm/dark/commonColorVariable.js +0 -11
  109. package/es/Theme/crm/dark/darkBlueTheme.js +0 -28
  110. package/es/Theme/crm/dark/darkGreyTheme.js +0 -28
  111. package/es/Theme/crm/dark/greenTheme.js +0 -28
  112. package/es/Theme/crm/dark/orangeTheme.js +0 -28
  113. package/es/Theme/crm/dark/pinkTheme.js +0 -28
  114. package/es/Theme/crm/dark/tealTheme.js +0 -28
  115. package/es/Theme/crm/dark/whiteTheme.js +0 -28
  116. package/es/Theme/crm/light/blueFanTheme.js +0 -28
  117. package/es/Theme/crm/light/blueTheme.js +0 -31
  118. package/es/Theme/crm/light/commonColorVariable.js +0 -9
  119. package/es/Theme/crm/light/darkBlueTheme.js +0 -28
  120. package/es/Theme/crm/light/darkGreyTheme.js +0 -28
  121. package/es/Theme/crm/light/greenTheme.js +0 -28
  122. package/es/Theme/crm/light/orangeTheme.js +0 -28
  123. package/es/Theme/crm/light/pinkTheme.js +0 -28
  124. package/es/Theme/crm/light/tealTheme.js +0 -28
  125. package/es/Theme/crm/light/whiteTheme.js +0 -28
  126. package/es/Theme/crm/pureDark/blueFanTheme.js +0 -28
  127. package/es/Theme/crm/pureDark/blueTheme.js +0 -28
  128. package/es/Theme/crm/pureDark/commonColorVariable.js +0 -9
  129. package/es/Theme/crm/pureDark/darkBlueTheme.js +0 -28
  130. package/es/Theme/crm/pureDark/darkGreyTheme.js +0 -28
  131. package/es/Theme/crm/pureDark/greenTheme.js +0 -28
  132. package/es/Theme/crm/pureDark/orangeTheme.js +0 -28
  133. package/es/Theme/crm/pureDark/pinkTheme.js +0 -28
  134. package/es/Theme/crm/pureDark/tealTheme.js +0 -28
  135. package/es/Theme/crm/pureDark/whiteTheme.js +0 -28
  136. package/es/im/IMInfoBubble/IMInfoBubble.js +0 -34
  137. package/es/im/IMInfoBubble/css/IMInfoBubble.module.css +0 -0
  138. package/es/im/IMInfoBubble/css/cssJSLogic.js +0 -10
  139. package/es/im/IMInfoBubble/index.js +0 -1
  140. package/es/im/IMInfoBubble/props/defaultProps.js +0 -6
  141. package/es/im/IMInfoBubble/props/propTypes.js +0 -6
  142. /package/es/icons/factory/attachments/{txt.svg → text.svg} +0 -0
package/es/Theme/crm/dark/blueFanTheme.js DELETED
@@ -1,28 +0,0 @@
1
- /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, messageStatusReadColor } from './commonColorVariable';
3
- export default {
4
- library: 'chat_components',
5
- variables: {
6
- messageBubble: {
7
- active_bg_color: bubbleActiveBgColor,
8
- messageBox_footer_text_color: '#5a616f'
9
- },
10
- messageBox: {
11
- incoming_bg_color: incomingBubbleBgColor,
12
- outgoing_bg_color: outgoingBubbleBgColor,
13
- bg_color: '#f1f7fe',
14
- failed_bg_color: '#fcebeb',
15
- text_color: '#000'
16
- },
17
- actionIconWrapper: {
18
- color: actionIconWrapperColor,
19
- bg_color: actionIconWrapperBgColor,
20
- border_color: actionIconWrapperBorderColor
21
- },
22
- messageStatus: {
23
- send_color: messageStatusSendColor,
24
- read_color: messageStatusReadColor,
25
- failed_color: messageStatusFailedColor
26
- }
27
- }
28
- };
package/es/Theme/crm/dark/blueTheme.js DELETED
@@ -1,28 +0,0 @@
1
- /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
3
- export default {
4
- library: 'chat_components',
5
- variables: {
6
- messageBubble: {
7
- active_bg_color: bubbleActiveBgColor,
8
- messageBox_footer_text_color: '#5a616f'
9
- },
10
- messageBox: {
11
- incoming_bg_color: incomingBubbleBgColor,
12
- outgoing_bg_color: outgoingBubbleBgColor,
13
- bg_color: '#f1f7fe',
14
- failed_bg_color: '#fcebeb',
15
- text_color: '#000'
16
- },
17
- actionIconWrapper: {
18
- color: actionIconWrapperColor,
19
- bg_color: actionIconWrapperBgColor,
20
- border_color: actionIconWrapperBorderColor
21
- },
22
- messageStatus: {
23
- send_color: messageStatusSendColor,
24
- read_color: '#4a91d9',
25
- failed_color: messageStatusFailedColor
26
- }
27
- }
28
- };
package/es/Theme/crm/dark/commonColorVariable.js DELETED
@@ -1,11 +0,0 @@
1
- export const incomingBubbleBgColor = '#232b38';
2
- export const outgoingBubbleBgColor = '#2c3b4d'; // greenTheme, tealTheme
3
-
4
- export const outgoingBubbleBgColor2 = '#26373b';
5
- export const actionIconWrapperColor = '#e2e4e6';
6
- export const actionIconWrapperBgColor = '#2c3b4d';
7
- export const actionIconWrapperBorderColor = '#3f536b';
8
- export const bubbleActiveBgColor = '#1b2e33';
9
- export const messageStatusSendColor = '#61667a';
10
- export const messageStatusFailedColor = '#de3535';
11
- export const messageStatusReadColor = '#479dff';
package/es/Theme/crm/dark/darkBlueTheme.js DELETED
@@ -1,28 +0,0 @@
1
- /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, messageStatusReadColor } from './commonColorVariable';
3
- export default {
4
- library: 'chat_components',
5
- variables: {
6
- messageBubble: {
7
- active_bg_color: bubbleActiveBgColor,
8
- messageBox_footer_text_color: '#5a616f'
9
- },
10
- messageBox: {
11
- incoming_bg_color: incomingBubbleBgColor,
12
- outgoing_bg_color: outgoingBubbleBgColor,
13
- bg_color: '#f1f7fe',
14
- failed_bg_color: '#fcebeb',
15
- text_color: '#000'
16
- },
17
- actionIconWrapper: {
18
- color: actionIconWrapperColor,
19
- bg_color: actionIconWrapperBgColor,
20
- border_color: actionIconWrapperBorderColor
21
- },
22
- messageStatus: {
23
- send_color: messageStatusSendColor,
24
- read_color: messageStatusReadColor,
25
- failed_color: messageStatusFailedColor
26
- }
27
- }
28
- };
package/es/Theme/crm/dark/darkGreyTheme.js DELETED
@@ -1,28 +0,0 @@
1
- /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, messageStatusReadColor } from './commonColorVariable';
3
- export default {
4
- library: 'chat_components',
5
- variables: {
6
- messageBubble: {
7
- active_bg_color: bubbleActiveBgColor,
8
- messageBox_footer_text_color: '#5a616f'
9
- },
10
- messageBox: {
11
- incoming_bg_color: incomingBubbleBgColor,
12
- outgoing_bg_color: outgoingBubbleBgColor,
13
- bg_color: '#f1f7fe',
14
- failed_bg_color: '#fcebeb',
15
- text_color: '#000'
16
- },
17
- actionIconWrapper: {
18
- color: actionIconWrapperColor,
19
- bg_color: actionIconWrapperBgColor,
20
- border_color: actionIconWrapperBorderColor
21
- },
22
- messageStatus: {
23
- send_color: messageStatusSendColor,
24
- read_color: messageStatusReadColor,
25
- failed_color: messageStatusFailedColor
26
- }
27
- }
28
- };
package/es/Theme/crm/dark/greenTheme.js DELETED
@@ -1,28 +0,0 @@
1
- /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, outgoingBubbleBgColor2, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
3
- export default {
4
- library: 'chat_components',
5
- variables: {
6
- messageBubble: {
7
- active_bg_color: bubbleActiveBgColor,
8
- messageBox_footer_text_color: '#5a616f'
9
- },
10
- messageBox: {
11
- incoming_bg_color: incomingBubbleBgColor,
12
- outgoing_bg_color: outgoingBubbleBgColor2,
13
- bg_color: '#f1f7fe',
14
- failed_bg_color: '#fcebeb',
15
- text_color: '#000'
16
- },
17
- actionIconWrapper: {
18
- color: actionIconWrapperColor,
19
- bg_color: actionIconWrapperBgColor,
20
- border_color: actionIconWrapperBorderColor
21
- },
22
- messageStatus: {
23
- send_color: messageStatusSendColor,
24
- read_color: '#5cab8b',
25
- failed_color: messageStatusFailedColor
26
- }
27
- }
28
- };
package/es/Theme/crm/dark/orangeTheme.js DELETED
@@ -1,28 +0,0 @@
1
- /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
3
- export default {
4
- library: 'chat_components',
5
- variables: {
6
- messageBubble: {
7
- active_bg_color: bubbleActiveBgColor,
8
- messageBox_footer_text_color: '#5a616f'
9
- },
10
- messageBox: {
11
- incoming_bg_color: incomingBubbleBgColor,
12
- outgoing_bg_color: '#323136',
13
- bg_color: '#f1f7fe',
14
- failed_bg_color: '#fcebeb',
15
- text_color: '#000'
16
- },
17
- actionIconWrapper: {
18
- color: actionIconWrapperColor,
19
- bg_color: actionIconWrapperBgColor,
20
- border_color: actionIconWrapperBorderColor
21
- },
22
- messageStatus: {
23
- send_color: messageStatusSendColor,
24
- read_color: '#f07b61',
25
- failed_color: messageStatusFailedColor
26
- }
27
- }
28
- };
package/es/Theme/crm/dark/pinkTheme.js DELETED
@@ -1,28 +0,0 @@
1
- /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
3
- export default {
4
- library: 'chat_components',
5
- variables: {
6
- messageBubble: {
7
- active_bg_color: bubbleActiveBgColor,
8
- messageBox_footer_text_color: '#5a616f'
9
- },
10
- messageBox: {
11
- incoming_bg_color: incomingBubbleBgColor,
12
- outgoing_bg_color: '#312d3a',
13
- bg_color: '#f1f7fe',
14
- failed_bg_color: '#fcebeb',
15
- text_color: '#000'
16
- },
17
- actionIconWrapper: {
18
- color: actionIconWrapperColor,
19
- bg_color: actionIconWrapperBgColor,
20
- border_color: actionIconWrapperBorderColor
21
- },
22
- messageStatus: {
23
- send_color: messageStatusSendColor,
24
- read_color: '#ff69b4',
25
- failed_color: messageStatusFailedColor
26
- }
27
- }
28
- };
package/es/Theme/crm/dark/tealTheme.js DELETED
@@ -1,28 +0,0 @@
1
- /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, outgoingBubbleBgColor2, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
3
- export default {
4
- library: 'chat_components',
5
- variables: {
6
- messageBubble: {
7
- active_bg_color: bubbleActiveBgColor,
8
- messageBox_footer_text_color: '#5a616f'
9
- },
10
- messageBox: {
11
- incoming_bg_color: incomingBubbleBgColor,
12
- outgoing_bg_color: outgoingBubbleBgColor2,
13
- bg_color: '#f1f7fe',
14
- failed_bg_color: '#fcebeb',
15
- text_color: '#000'
16
- },
17
- actionIconWrapper: {
18
- color: actionIconWrapperColor,
19
- bg_color: actionIconWrapperBgColor,
20
- border_color: actionIconWrapperBorderColor
21
- },
22
- messageStatus: {
23
- send_color: messageStatusSendColor,
24
- read_color: '#37a5a5',
25
- failed_color: messageStatusFailedColor
26
- }
27
- }
28
- };
package/es/Theme/crm/dark/whiteTheme.js DELETED
@@ -1,28 +0,0 @@
1
- /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, messageStatusReadColor } from './commonColorVariable';
3
- export default {
4
- library: 'chat_components',
5
- variables: {
6
- messageBubble: {
7
- active_bg_color: bubbleActiveBgColor,
8
- messageBox_footer_text_color: '#5a616f'
9
- },
10
- messageBox: {
11
- incoming_bg_color: incomingBubbleBgColor,
12
- outgoing_bg_color: outgoingBubbleBgColor,
13
- bg_color: '#f1f7fe',
14
- failed_bg_color: '#fcebeb',
15
- text_color: '#000'
16
- },
17
- actionIconWrapper: {
18
- color: actionIconWrapperColor,
19
- bg_color: actionIconWrapperBgColor,
20
- border_color: actionIconWrapperBorderColor
21
- },
22
- messageStatus: {
23
- send_color: messageStatusSendColor,
24
- read_color: messageStatusReadColor,
25
- failed_color: messageStatusFailedColor
26
- }
27
- }
28
- };
package/es/Theme/crm/light/blueFanTheme.js DELETED
@@ -1,28 +0,0 @@
1
- /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, messageStatusReadColor } from './commonColorVariable';
3
- export default {
4
- library: 'chat_components',
5
- variables: {
6
- messageBubble: {
7
- active_bg_color: bubbleActiveBgColor,
8
- messageBox_footer_text_color: '#5a616f'
9
- },
10
- messageBox: {
11
- incoming_bg_color: incomingBubbleBgColor,
12
- outgoing_bg_color: outgoingBubbleBgColor,
13
- bg_color: '#f1f7fe',
14
- failed_bg_color: '#fcebeb',
15
- text_color: '#000'
16
- },
17
- actionIconWrapper: {
18
- color: actionIconWrapperColor,
19
- bg_color: actionIconWrapperBgColor,
20
- border_color: actionIconWrapperBorderColor
21
- },
22
- messageStatus: {
23
- send_color: messageStatusSendColor,
24
- read_color: messageStatusReadColor,
25
- failed_color: messageStatusFailedColor
26
- }
27
- }
28
- };
package/es/Theme/crm/light/blueTheme.js DELETED
@@ -1,31 +0,0 @@
1
- /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
3
- export default {
4
- library: 'chat_components',
5
- variables: {
6
- messageBubble: {
7
- active_bg_color: bubbleActiveBgColor,
8
- messageBox_footer_text_color: '#5a616f'
9
- },
10
- messageBox: {
11
- incoming_bg_color: incomingBubbleBgColor,
12
- outgoing_bg_color: '#f1f7fe',
13
- bg_color: '#f1f7fe',
14
- failed_bg_color: '#fcebeb',
15
- text_color: '#000'
16
- },
17
- actionIconWrapper: {
18
- color: actionIconWrapperColor,
19
- bg_color: '#eff4fb',
20
- border_color: '#cedef2'
21
- },
22
- messageStatus: {
23
- send_color: messageStatusSendColor,
24
- read_color: '#4a91d9',
25
- failed_color: messageStatusFailedColor
26
- },
27
- imageBubble: {
28
- bg_color: '#fff'
29
- }
30
- }
31
- };
package/es/Theme/crm/light/commonColorVariable.js DELETED
@@ -1,9 +0,0 @@
1
- export const incomingBubbleBgColor = '#f1f4f9';
2
- export const outgoingBubbleBgColor = '#f1f7fe';
3
- export const actionIconWrapperColor = '#000';
4
- export const actionIconWrapperBgColor = '#f1f7fe';
5
- export const actionIconWrapperBorderColor = '#b7d1f0';
6
- export const bubbleActiveBgColor = '#fdffe3';
7
- export const messageStatusSendColor = '#61667a';
8
- export const messageStatusFailedColor = '#de3535';
9
- export const messageStatusReadColor = '#0a73eb';
package/es/Theme/crm/light/darkBlueTheme.js DELETED
@@ -1,28 +0,0 @@
1
- /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, messageStatusReadColor } from './commonColorVariable';
3
- export default {
4
- library: 'chat_components',
5
- variables: {
6
- messageBubble: {
7
- active_bg_color: bubbleActiveBgColor,
8
- messageBox_footer_text_color: '#5a616f'
9
- },
10
- messageBox: {
11
- incoming_bg_color: incomingBubbleBgColor,
12
- outgoing_bg_color: outgoingBubbleBgColor,
13
- bg_color: '#f1f7fe',
14
- failed_bg_color: '#fcebeb',
15
- text_color: '#000'
16
- },
17
- actionIconWrapper: {
18
- color: actionIconWrapperColor,
19
- bg_color: actionIconWrapperBgColor,
20
- border_color: actionIconWrapperBorderColor
21
- },
22
- messageStatus: {
23
- send_color: messageStatusSendColor,
24
- read_color: messageStatusReadColor,
25
- failed_color: messageStatusFailedColor
26
- }
27
- }
28
- };
package/es/Theme/crm/light/darkGreyTheme.js DELETED
@@ -1,28 +0,0 @@
1
- /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, messageStatusReadColor } from './commonColorVariable';
3
- export default {
4
- library: 'chat_components',
5
- variables: {
6
- messageBubble: {
7
- active_bg_color: bubbleActiveBgColor,
8
- messageBox_footer_text_color: '#5a616f'
9
- },
10
- messageBox: {
11
- incoming_bg_color: incomingBubbleBgColor,
12
- outgoing_bg_color: outgoingBubbleBgColor,
13
- bg_color: '#f1f7fe',
14
- failed_bg_color: '#fcebeb',
15
- text_color: '#000'
16
- },
17
- actionIconWrapper: {
18
- color: actionIconWrapperColor,
19
- bg_color: actionIconWrapperBgColor,
20
- border_color: actionIconWrapperBorderColor
21
- },
22
- messageStatus: {
23
- send_color: messageStatusSendColor,
24
- read_color: messageStatusReadColor,
25
- failed_color: messageStatusFailedColor
26
- }
27
- }
28
- };
package/es/Theme/crm/light/greenTheme.js DELETED
@@ -1,28 +0,0 @@
1
- /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
3
- export default {
4
- library: 'chat_components',
5
- variables: {
6
- messageBubble: {
7
- active_bg_color: bubbleActiveBgColor,
8
- messageBox_footer_text_color: '#5a616f'
9
- },
10
- messageBox: {
11
- incoming_bg_color: incomingBubbleBgColor,
12
- outgoing_bg_color: '#f1f7fe',
13
- bg_color: '#f1f7fe',
14
- failed_bg_color: '#fcebeb',
15
- text_color: '#000'
16
- },
17
- actionIconWrapper: {
18
- color: actionIconWrapperColor,
19
- bg_color: '#f1f6f4',
20
- border_color: '#d4e5dd'
21
- },
22
- messageStatus: {
23
- send_color: messageStatusSendColor,
24
- read_color: '#5cab8b',
25
- failed_color: messageStatusFailedColor
26
- }
27
- }
28
- };
package/es/Theme/crm/light/orangeTheme.js DELETED
@@ -1,28 +0,0 @@
1
- /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
3
- export default {
4
- library: 'chat_components',
5
- variables: {
6
- messageBubble: {
7
- active_bg_color: bubbleActiveBgColor,
8
- messageBox_footer_text_color: '#5a616f'
9
- },
10
- messageBox: {
11
- incoming_bg_color: incomingBubbleBgColor,
12
- outgoing_bg_color: '#f1f7fe',
13
- bg_color: '#f1f7fe',
14
- failed_bg_color: '#fcebeb',
15
- text_color: '#000'
16
- },
17
- actionIconWrapper: {
18
- color: actionIconWrapperColor,
19
- bg_color: '#fcf2f0',
20
- border_color: '#f6d9d2'
21
- },
22
- messageStatus: {
23
- send_color: messageStatusSendColor,
24
- read_color: '#f07b61',
25
- failed_color: messageStatusFailedColor
26
- }
27
- }
28
- };
package/es/Theme/crm/light/pinkTheme.js DELETED
@@ -1,28 +0,0 @@
1
- /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
3
- export default {
4
- library: 'chat_components',
5
- variables: {
6
- messageBubble: {
7
- active_bg_color: bubbleActiveBgColor,
8
- messageBox_footer_text_color: '#5a616f'
9
- },
10
- messageBox: {
11
- incoming_bg_color: incomingBubbleBgColor,
12
- outgoing_bg_color: '#f1f7fe',
13
- bg_color: '#f1f7fe',
14
- failed_bg_color: '#fcebeb',
15
- text_color: '#000'
16
- },
17
- actionIconWrapper: {
18
- color: actionIconWrapperColor,
19
- bg_color: '#fdf1f7',
20
- border_color: '#fad5e8'
21
- },
22
- messageStatus: {
23
- send_color: messageStatusSendColor,
24
- read_color: '#ff69b4',
25
- failed_color: messageStatusFailedColor
26
- }
27
- }
28
- };
package/es/Theme/crm/light/tealTheme.js DELETED
@@ -1,28 +0,0 @@
1
- /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
3
- export default {
4
- library: 'chat_components',
5
- variables: {
6
- messageBubble: {
7
- active_bg_color: bubbleActiveBgColor,
8
- messageBox_footer_text_color: '#5a616f'
9
- },
10
- messageBox: {
11
- incoming_bg_color: incomingBubbleBgColor,
12
- outgoing_bg_color: '#f1f7fe',
13
- bg_color: '#f1f7fe',
14
- failed_bg_color: '#fcebeb',
15
- text_color: '#000'
16
- },
17
- actionIconWrapper: {
18
- color: actionIconWrapperColor,
19
- bg_color: '#eef6f6',
20
- border_color: '#cde3e4'
21
- },
22
- messageStatus: {
23
- send_color: messageStatusSendColor,
24
- read_color: '#37a5a5',
25
- failed_color: messageStatusFailedColor
26
- }
27
- }
28
- };
package/es/Theme/crm/light/whiteTheme.js DELETED
@@ -1,28 +0,0 @@
1
- /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, messageStatusReadColor } from './commonColorVariable';
3
- export default {
4
- library: 'chat_components',
5
- variables: {
6
- messageBubble: {
7
- active_bg_color: bubbleActiveBgColor,
8
- messageBox_footer_text_color: '#5a616f'
9
- },
10
- messageBox: {
11
- incoming_bg_color: incomingBubbleBgColor,
12
- outgoing_bg_color: outgoingBubbleBgColor,
13
- bg_color: '#f1f7fe',
14
- failed_bg_color: '#fcebeb',
15
- text_color: '#000'
16
- },
17
- actionIconWrapper: {
18
- color: actionIconWrapperColor,
19
- bg_color: actionIconWrapperBgColor,
20
- border_color: actionIconWrapperBorderColor
21
- },
22
- messageStatus: {
23
- send_color: messageStatusSendColor,
24
- read_color: messageStatusReadColor,
25
- failed_color: messageStatusFailedColor
26
- }
27
- }
28
- };
package/es/Theme/crm/pureDark/blueFanTheme.js DELETED
@@ -1,28 +0,0 @@
1
- /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, messageStatusReadColor } from './commonColorVariable';
3
- export default {
4
- library: 'chat_components',
5
- variables: {
6
- messageBubble: {
7
- active_bg_color: bubbleActiveBgColor,
8
- messageBox_footer_text_color: '#5a616f'
9
- },
10
- messageBox: {
11
- incoming_bg_color: incomingBubbleBgColor,
12
- outgoing_bg_color: outgoingBubbleBgColor,
13
- bg_color: '#f1f7fe',
14
- failed_bg_color: '#fcebeb',
15
- text_color: '#000'
16
- },
17
- actionIconWrapper: {
18
- color: actionIconWrapperColor,
19
- bg_color: actionIconWrapperBgColor,
20
- border_color: actionIconWrapperBorderColor
21
- },
22
- messageStatus: {
23
- send_color: messageStatusSendColor,
24
- read_color: messageStatusReadColor,
25
- failed_color: messageStatusFailedColor
26
- }
27
- }
28
- };
package/es/Theme/crm/pureDark/blueTheme.js DELETED
@@ -1,28 +0,0 @@
1
- /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
3
- export default {
4
- library: 'chat_components',
5
- variables: {
6
- messageBubble: {
7
- active_bg_color: bubbleActiveBgColor,
8
- messageBox_footer_text_color: '#5a616f'
9
- },
10
- messageBox: {
11
- incoming_bg_color: incomingBubbleBgColor,
12
- outgoing_bg_color: outgoingBubbleBgColor,
13
- bg_color: '#f1f7fe',
14
- failed_bg_color: '#fcebeb',
15
- text_color: '#000'
16
- },
17
- actionIconWrapper: {
18
- color: actionIconWrapperColor,
19
- bg_color: actionIconWrapperBgColor,
20
- border_color: actionIconWrapperBorderColor
21
- },
22
- messageStatus: {
23
- send_color: messageStatusSendColor,
24
- read_color: '#4a91d9',
25
- failed_color: messageStatusFailedColor
26
- }
27
- }
28
- };
package/es/Theme/crm/pureDark/commonColorVariable.js DELETED
@@ -1,9 +0,0 @@
1
- export const incomingBubbleBgColor = '#2e2e2e';
2
- export const outgoingBubbleBgColor = '#2e2e2e';
3
- export const actionIconWrapperColor = '#e2e4e6';
4
- export const actionIconWrapperBgColor = '#2c3b4d';
5
- export const actionIconWrapperBorderColor = '#3f536b';
6
- export const bubbleActiveBgColor = '#202821';
7
- export const messageStatusSendColor = '#61667a';
8
- export const messageStatusFailedColor = '#de3535';
9
- export const messageStatusReadColor = '#479dff';
package/es/Theme/crm/pureDark/darkBlueTheme.js DELETED
@@ -1,28 +0,0 @@
1
- /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, messageStatusReadColor } from './commonColorVariable';
3
- export default {
4
- library: 'chat_components',
5
- variables: {
6
- messageBubble: {
7
- active_bg_color: bubbleActiveBgColor,
8
- messageBox_footer_text_color: '#5a616f'
9
- },
10
- messageBox: {
11
- incoming_bg_color: incomingBubbleBgColor,
12
- outgoing_bg_color: outgoingBubbleBgColor,
13
- bg_color: '#f1f7fe',
14
- failed_bg_color: '#fcebeb',
15
- text_color: '#000'
16
- },
17
- actionIconWrapper: {
18
- color: actionIconWrapperColor,
19
- bg_color: actionIconWrapperBgColor,
20
- border_color: actionIconWrapperBorderColor
21
- },
22
- messageStatus: {
23
- send_color: messageStatusSendColor,
24
- read_color: messageStatusReadColor,
25
- failed_color: messageStatusFailedColor
26
- }
27
- }
28
- };