@zohoim/chat-components 0.0.14 → 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 (181) hide show
  1. package/es/ActionIcon/ActionIcon.js +2 -0
  2. package/es/ActionIconWrapper/ActionIconWrapper.js +15 -3
  3. package/es/ActionIconWrapper/css/ActionIconWrapper.module.css +5 -0
  4. package/es/ActionIconWrapper/css/cssJSLogic.js +14 -0
  5. package/es/ActionIconWrapper/props/propTypes.js +1 -0
  6. package/es/AttachmentBubble/AttachmentBubble.js +26 -9
  7. package/es/AttachmentBubble/css/AttachmentBubble.module.css +16 -1
  8. package/es/AttachmentBubble/css/cssJSLogic.js +15 -0
  9. package/es/AttachmentBubble/props/propTypes.js +2 -1
  10. package/es/AttachmentBubbleInfo/AttachmentBubbleInfo.js +20 -5
  11. package/es/AttachmentBubbleInfo/css/AttachmentBubbleInfo.module.css +11 -3
  12. package/es/AttachmentBubbleInfo/css/cssJSLogic.js +13 -0
  13. package/es/AttachmentBubbleInfo/props/propTypes.js +2 -1
  14. package/es/AttachmentIcon/AttachmentIcon.js +3 -1
  15. package/es/AttachmentIcon/css/AttachmentIcon.module.css +2 -2
  16. package/es/AttachmentIcon/props/propTypes.js +6 -0
  17. package/es/AttachmentIcon/utils/getAttachmentIconComponent.js +12 -5
  18. package/es/AudioBubble/AudioBubble.js +21 -5
  19. package/es/AudioBubble/css/AudioBubble.module.css +4 -0
  20. package/es/AudioBubble/props/defaultProps.js +1 -0
  21. package/es/AudioBubble/props/propTypes.js +2 -1
  22. package/es/ImageBubble/ImageBubble.js +13 -2
  23. package/es/ImageBubble/css/ImageBubble.module.css +8 -2
  24. package/es/ImageBubble/css/cssJSLogic.js +13 -0
  25. package/es/ImageBubble/props/propTypes.js +2 -1
  26. package/es/LocationBubble/LocationBubble.js +15 -3
  27. package/es/LocationBubble/css/LocationBubble.module.css +17 -5
  28. package/es/LocationBubble/css/cssJSLogic.js +13 -0
  29. package/es/LocationBubble/props/propTypes.js +2 -1
  30. package/es/MediaBubbleWrapper/MediaBubbleWrapper.js +7 -4
  31. package/es/MediaBubbleWrapper/css/MediaBubbleWrapper.module.css +4 -0
  32. package/es/MediaBubbleWrapper/props/propTypes.js +2 -1
  33. package/es/Message/Message.js +4 -2
  34. package/es/MessageAction/MessageAction.js +3 -0
  35. package/es/MessageAction/props/propTypes.js +1 -0
  36. package/es/MessageActions/MessageActions.js +18 -4
  37. package/es/MessageActions/props/propTypes.js +1 -0
  38. package/es/MessageBox/MessageBox.js +10 -6
  39. package/es/MessageBox/css/MessageBox.module.css +1 -6
  40. package/es/MessageBubble/MessageBubble.js +21 -13
  41. package/es/MessageStatus/css/MessageStatus.module.css +0 -3
  42. package/es/MoreActionItem/MoreActionItem.js +8 -0
  43. package/es/MoreActionItem/css/MoreActionItem.module.css +1 -3
  44. package/es/MoreActionItem/props/propTypes.js +1 -0
  45. package/es/ReplyBubble/ReplyBubble.js +32 -14
  46. package/es/ReplyBubble/css/ReplyBubble.module.css +3 -3
  47. package/es/ReplyBubble/props/propTypes.js +8 -2
  48. package/es/ReplyBubbleContent/ReplyBubbleContent.js +15 -5
  49. package/es/ReplyBubbleContent/css/ReplyBubbleContent.module.css +22 -7
  50. package/es/ReplyBubbleContent/css/cssJSLogic.js +13 -0
  51. package/es/ReplyBubbleContent/props/propTypes.js +2 -1
  52. package/es/ReplyBubbleHeader/ReplyBubbleHeader.js +24 -9
  53. package/es/ReplyBubbleHeader/css/ReplyBubbleHeader.module.css +37 -6
  54. package/es/ReplyBubbleHeader/css/cssJSLogic.js +12 -0
  55. package/es/ReplyBubbleHeader/props/defaultProps.js +2 -1
  56. package/es/ReplyBubbleHeader/props/propTypes.js +6 -2
  57. package/es/TextBubble/TextBubble.js +17 -5
  58. package/es/TextBubble/css/TextBubble.module.css +16 -1
  59. package/es/TextBubble/css/cssJSLogic.js +18 -0
  60. package/es/TextBubble/props/propTypes.js +2 -1
  61. package/es/Theme/ThemeWrapper.js +2 -2
  62. package/es/Theme/themeVariables/commonThemeColorVariable.js +1 -2
  63. package/es/Theme/themeVariables/dark/blueTheme.js +97 -40
  64. package/es/Theme/themeVariables/dark/commonColorVariable.js +7 -1
  65. package/es/Theme/themeVariables/dark/greenTheme.js +95 -38
  66. package/es/Theme/themeVariables/dark/orangeTheme.js +94 -37
  67. package/es/Theme/themeVariables/dark/redTheme.js +94 -46
  68. package/es/Theme/themeVariables/dark/yellowTheme.js +94 -37
  69. package/es/Theme/themeVariables/light/blueTheme.js +96 -35
  70. package/es/Theme/themeVariables/light/commonColorVariable.js +8 -1
  71. package/es/Theme/themeVariables/light/greenTheme.js +96 -35
  72. package/es/Theme/themeVariables/light/orangeTheme.js +97 -34
  73. package/es/Theme/themeVariables/light/redTheme.js +97 -34
  74. package/es/Theme/themeVariables/light/yellowTheme.js +96 -35
  75. package/es/Theme/themeVariables/pureDark/blueTheme.js +93 -37
  76. package/es/Theme/themeVariables/pureDark/commonColorVariable.js +7 -1
  77. package/es/Theme/themeVariables/pureDark/greenTheme.js +94 -37
  78. package/es/Theme/themeVariables/pureDark/orangeTheme.js +94 -37
  79. package/es/Theme/themeVariables/pureDark/redTheme.js +94 -37
  80. package/es/Theme/themeVariables/pureDark/yellowTheme.js +94 -37
  81. package/es/VideoBubble/VideoBubble.js +7 -3
  82. package/es/VideoBubble/props/propTypes.js +2 -1
  83. package/es/css/common.module.css +6 -0
  84. package/es/icons/factory/common/article.svg +4 -4
  85. package/es/icons/factory/integrations/chInstagram.svg +2 -2
  86. package/es/icons/factory/integrations/chWhatsApp.svg +2 -2
  87. package/es/icons/factory/integrations/ttASAP.svg +6 -1
  88. package/es/icons/factory/integrations/ttLine.svg +8 -0
  89. package/es/icons/factory/integrations/ttTelegram.svg +4 -1
  90. package/es/icons/factory/integrations/ttTwillio.svg +8 -1
  91. package/es/icons/factory/integrations/ttWechat.svg +9 -1
  92. package/es/icons/iconSrc/attachments/Text.js +47 -0
  93. package/es/icons/iconSrc/attachments/index.js +1 -1
  94. package/es/icons/iconSrc/common/Article.js +2 -3
  95. package/es/icons/iconSrc/integrations/ChInstagram.js +2 -3
  96. package/es/icons/iconSrc/integrations/ChWhatsApp.js +2 -3
  97. package/es/icons/iconSrc/integrations/TtASAP.js +11 -15
  98. package/es/icons/iconSrc/integrations/{TtTwitter.js → TtLine.js} +14 -18
  99. package/es/icons/iconSrc/integrations/TtTelegram.js +8 -12
  100. package/es/icons/iconSrc/integrations/TtTwillio.js +15 -19
  101. package/es/icons/iconSrc/integrations/TtWechat.js +19 -20
  102. package/es/icons/iconSrc/integrations/index.js +1 -1
  103. package/es/im/ArticleBubble/ArticleBubble.js +22 -8
  104. package/es/im/ArticleBubble/css/ArticleBubble.module.css +40 -15
  105. package/es/im/ArticleBubble/css/cssJSLogic.js +12 -0
  106. package/es/im/ArticleBubble/props/propTypes.js +2 -1
  107. package/es/im/IMAutoMessageInfo/css/IMAutoMessageInfo.module.css +1 -0
  108. package/es/im/IMIntegrationIcon/IMIntegrationIcon.js +1 -1
  109. package/es/im/IMIntegrationIcon/css/IMIntegrationIcon.module.css +1 -6
  110. package/es/im/IMMessage/IMMessage.js +57 -11
  111. package/es/im/{IMTicketLink/css/IMTicketLink.module.css → IMMessage/css/IMMessage.module.css} +21 -11
  112. package/es/im/IMMessage/css/cssJSLogic.js +23 -0
  113. package/es/im/IMMessage/props/defaultProps.js +2 -1
  114. package/es/im/IMMessage/props/propTypes.js +28 -2
  115. package/es/im/IMMessageContent/IMMessageContent.js +41 -42
  116. package/es/im/IMMessageContent/css/IMMessageContent.module.css +6 -2
  117. package/es/im/IMMessageContent/props/propTypes.js +8 -2
  118. package/es/im/IMMessageMeta/IMMessageMeta.js +8 -8
  119. package/es/im/IMMessageMeta/css/IMMessageMeta.module.css +2 -4
  120. package/es/im/IMMessageMeta/props/defaultProps.js +1 -1
  121. package/es/im/IMPermaLink/IMPermaLink.js +48 -0
  122. package/es/im/IMPermaLink/css/IMPermaLink.module.css +14 -0
  123. package/es/im/{IMTicketLink → IMPermaLink}/css/cssJSLogic.js +3 -3
  124. package/es/im/IMPermaLink/index.js +1 -0
  125. package/es/{InfoBubble → im/IMPermaLink}/props/defaultProps.js +2 -2
  126. package/es/im/IMPermaLink/props/propTypes.js +11 -0
  127. package/es/im/IMReplyBubble/IMReplyBubble.js +10 -5
  128. package/es/im/IMReplyBubble/props/propTypes.js +7 -2
  129. package/es/im/IMTextBubble/IMTextBubble.js +5 -2
  130. package/es/im/IMTextBubble/props/propTypes.js +2 -1
  131. package/es/im/css/common.module.css +6 -0
  132. package/es/im/index.js +1 -2
  133. package/es/index.js +0 -1
  134. package/package.json +4 -21
  135. package/es/InfoBubble/InfoBubble.js +0 -34
  136. package/es/InfoBubble/css/InfoBubble.module.css +0 -0
  137. package/es/InfoBubble/css/cssJSLogic.js +0 -10
  138. package/es/InfoBubble/index.js +0 -1
  139. package/es/InfoBubble/props/propTypes.js +0 -6
  140. package/es/Theme/crm/dark/blueFanTheme.js +0 -28
  141. package/es/Theme/crm/dark/blueTheme.js +0 -28
  142. package/es/Theme/crm/dark/commonColorVariable.js +0 -11
  143. package/es/Theme/crm/dark/darkBlueTheme.js +0 -28
  144. package/es/Theme/crm/dark/darkGreyTheme.js +0 -28
  145. package/es/Theme/crm/dark/greenTheme.js +0 -28
  146. package/es/Theme/crm/dark/orangeTheme.js +0 -28
  147. package/es/Theme/crm/dark/pinkTheme.js +0 -28
  148. package/es/Theme/crm/dark/tealTheme.js +0 -28
  149. package/es/Theme/crm/dark/whiteTheme.js +0 -28
  150. package/es/Theme/crm/light/blueFanTheme.js +0 -28
  151. package/es/Theme/crm/light/blueTheme.js +0 -31
  152. package/es/Theme/crm/light/commonColorVariable.js +0 -9
  153. package/es/Theme/crm/light/darkBlueTheme.js +0 -28
  154. package/es/Theme/crm/light/darkGreyTheme.js +0 -28
  155. package/es/Theme/crm/light/greenTheme.js +0 -28
  156. package/es/Theme/crm/light/orangeTheme.js +0 -28
  157. package/es/Theme/crm/light/pinkTheme.js +0 -28
  158. package/es/Theme/crm/light/tealTheme.js +0 -28
  159. package/es/Theme/crm/light/whiteTheme.js +0 -28
  160. package/es/Theme/crm/pureDark/blueFanTheme.js +0 -28
  161. package/es/Theme/crm/pureDark/blueTheme.js +0 -28
  162. package/es/Theme/crm/pureDark/commonColorVariable.js +0 -9
  163. package/es/Theme/crm/pureDark/darkBlueTheme.js +0 -28
  164. package/es/Theme/crm/pureDark/darkGreyTheme.js +0 -28
  165. package/es/Theme/crm/pureDark/greenTheme.js +0 -28
  166. package/es/Theme/crm/pureDark/orangeTheme.js +0 -28
  167. package/es/Theme/crm/pureDark/pinkTheme.js +0 -28
  168. package/es/Theme/crm/pureDark/tealTheme.js +0 -28
  169. package/es/Theme/crm/pureDark/whiteTheme.js +0 -28
  170. package/es/icons/factory/integrations/ttTwitter.svg +0 -1
  171. package/es/im/IMInfoBubble/IMInfoBubble.js +0 -34
  172. package/es/im/IMInfoBubble/css/IMInfoBubble.module.css +0 -0
  173. package/es/im/IMInfoBubble/css/cssJSLogic.js +0 -10
  174. package/es/im/IMInfoBubble/index.js +0 -1
  175. package/es/im/IMInfoBubble/props/defaultProps.js +0 -6
  176. package/es/im/IMInfoBubble/props/propTypes.js +0 -6
  177. package/es/im/IMTicketLink/IMTicketLink.js +0 -48
  178. package/es/im/IMTicketLink/index.js +0 -1
  179. package/es/im/IMTicketLink/props/defaultProps.js +0 -6
  180. package/es/im/IMTicketLink/props/propTypes.js +0 -11
  181. /package/es/icons/factory/attachments/{txt.svg → text.svg} +0 -0
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
- };
package/es/Theme/crm/pureDark/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
- };