@zohoim/chat-components 0.0.13 → 0.0.15

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 (387) hide show
  1. package/es/ActionIcon/ActionIcon.js +57 -35
  2. package/es/ActionIcon/css/ActionIcon.module.css +4 -23
  3. package/es/ActionIcon/props/defaultProps.js +4 -2
  4. package/es/ActionIcon/props/propTypes.js +10 -3
  5. package/es/ActionIconWrapper/ActionIconWrapper.js +57 -0
  6. package/es/ActionIconWrapper/css/ActionIconWrapper.module.css +32 -0
  7. package/es/ActionIconWrapper/css/cssJSLogic.js +14 -0
  8. package/es/ActionIconWrapper/index.js +1 -0
  9. package/es/{im/IMDateTime → ActionIconWrapper}/props/defaultProps.js +3 -3
  10. package/es/ActionIconWrapper/props/propTypes.js +11 -0
  11. package/es/AttachmentBubble/AttachmentBubble.js +30 -29
  12. package/es/AttachmentBubble/css/AttachmentBubble.module.css +17 -15
  13. package/es/AttachmentBubble/props/defaultProps.js +2 -2
  14. package/es/AttachmentBubble/props/propTypes.js +10 -5
  15. package/es/AttachmentBubbleInfo/AttachmentBubbleInfo.js +13 -21
  16. package/es/AttachmentBubbleInfo/css/AttachmentBubbleInfo.module.css +19 -16
  17. package/es/AttachmentBubbleInfo/props/defaultProps.js +1 -1
  18. package/es/AttachmentBubbleInfo/props/propTypes.js +3 -3
  19. package/es/AttachmentIcon/AttachmentIcon.js +47 -0
  20. package/es/AttachmentIcon/css/AttachmentIcon.module.css +4 -0
  21. package/es/AttachmentIcon/index.js +1 -0
  22. package/es/{MediaControls → AttachmentIcon}/props/defaultProps.js +3 -3
  23. package/es/AttachmentIcon/props/propTypes.js +11 -0
  24. package/es/AttachmentIcon/utils/getAttachmentIconComponent.js +61 -0
  25. package/es/Audio/Audio.js +14 -36
  26. package/es/Audio/css/Audio.module.css +3 -3
  27. package/es/Audio/props/defaultProps.js +2 -3
  28. package/es/Audio/props/propTypes.js +3 -4
  29. package/es/AudioBubble/AudioBubble.js +32 -36
  30. package/es/AudioBubble/css/AudioBubble.module.css +3 -2
  31. package/es/AudioBubble/props/defaultProps.js +2 -3
  32. package/es/AudioBubble/props/propTypes.js +10 -7
  33. package/es/Fonts/puviFont.module.css +55 -54
  34. package/es/ImageBubble/ImageBubble.js +20 -20
  35. package/es/ImageBubble/css/ImageBubble.module.css +8 -11
  36. package/es/ImageBubble/props/defaultProps.js +1 -1
  37. package/es/ImageBubble/props/propTypes.js +5 -3
  38. package/es/InfoBubble/InfoBubble.js +6 -8
  39. package/es/InfoBubble/props/defaultProps.js +1 -1
  40. package/es/LazyLoadImage/LazyLoadImage.js +6 -16
  41. package/es/LazyLoadImage/css/LazyLoadImage.module.css +1 -0
  42. package/es/LazyLoadImage/props/defaultProps.js +1 -1
  43. package/es/LazyLoadImage/props/propTypes.js +3 -3
  44. package/es/LocationBubble/LocationBubble.js +17 -34
  45. package/es/LocationBubble/css/LocationBubble.module.css +13 -14
  46. package/es/LocationBubble/props/defaultProps.js +1 -1
  47. package/es/LocationBubble/props/propTypes.js +2 -2
  48. package/es/MediaBubbleWrapper/MediaBubbleWrapper.js +59 -0
  49. package/es/MediaBubbleWrapper/css/MediaBubbleWrapper.module.css +7 -0
  50. package/es/MediaBubbleWrapper/index.js +1 -0
  51. package/es/MediaBubbleWrapper/props/defaultProps.js +7 -0
  52. package/es/MediaBubbleWrapper/props/propTypes.js +16 -0
  53. package/es/Message/Message.js +59 -37
  54. package/es/Message/props/defaultProps.js +3 -3
  55. package/es/Message/props/propTypes.js +17 -38
  56. package/es/MessageAction/MessageAction.js +31 -18
  57. package/es/MessageAction/props/defaultProps.js +4 -4
  58. package/es/MessageAction/props/propTypes.js +11 -8
  59. package/es/MessageActions/MessageActions.js +56 -96
  60. package/es/MessageActions/css/MessageActions.module.css +2 -9
  61. package/es/MessageActions/props/defaultProps.js +2 -4
  62. package/es/MessageActions/props/propTypes.js +13 -19
  63. package/es/MessageActionsMore/MessageActionsMore.js +43 -35
  64. package/es/MessageActionsMore/css/MessageActionsMore.module.css +8 -5
  65. package/es/MessageActionsMore/props/defaultProps.js +3 -2
  66. package/es/MessageActionsMore/props/propTypes.js +3 -2
  67. package/es/MessageActionsWrapper/MessageActionsWrapper.js +36 -44
  68. package/es/MessageActionsWrapper/css/MessageActionsWrapper.module.css +1 -1
  69. package/es/MessageActionsWrapper/props/defaultProps.js +4 -5
  70. package/es/MessageActionsWrapper/props/propTypes.js +7 -4
  71. package/es/MessageAvatar/MessageAvatar.js +11 -19
  72. package/es/MessageAvatar/css/MessageAvatar.module.css +3 -3
  73. package/es/MessageAvatar/props/defaultProps.js +2 -6
  74. package/es/MessageAvatar/props/propTypes.js +5 -5
  75. package/es/MessageBox/MessageBox.js +33 -30
  76. package/es/MessageBox/css/MessageBox.module.css +9 -16
  77. package/es/MessageBox/css/cssJSLogic.js +1 -21
  78. package/es/MessageBox/props/defaultProps.js +1 -3
  79. package/es/MessageBox/props/propTypes.js +8 -7
  80. package/es/MessageBubble/MessageBubble.js +64 -38
  81. package/es/MessageBubble/css/MessageBubble.module.css +11 -8
  82. package/es/MessageBubble/css/cssJSLogic.js +10 -26
  83. package/es/MessageBubble/props/defaultProps.js +1 -1
  84. package/es/MessageBubble/props/propTypes.js +7 -7
  85. package/es/MessageStatus/MessageStatus.js +11 -11
  86. package/es/MessageStatus/css/MessageStatus.module.css +1 -1
  87. package/es/MessageStatus/css/cssJSLogic.js +13 -9
  88. package/es/MessageStatus/props/defaultProps.js +1 -1
  89. package/es/MessageStatus/props/propTypes.js +4 -14
  90. package/es/MoreActionItem/MoreActionItem.js +21 -33
  91. package/es/MoreActionItem/css/MoreActionItem.module.css +6 -14
  92. package/es/MoreActionItem/props/defaultProps.js +1 -5
  93. package/es/MoreActionItem/props/propTypes.js +6 -5
  94. package/es/ReplyBubble/ReplyBubble.js +58 -28
  95. package/es/ReplyBubble/css/ReplyBubble.module.css +17 -0
  96. package/es/ReplyBubble/props/defaultProps.js +3 -4
  97. package/es/ReplyBubble/props/propTypes.js +15 -8
  98. package/es/ReplyBubbleContent/ReplyBubbleContent.js +15 -25
  99. package/es/ReplyBubbleContent/css/ReplyBubbleContent.module.css +35 -38
  100. package/es/ReplyBubbleContent/props/defaultProps.js +1 -1
  101. package/es/ReplyBubbleContent/props/propTypes.js +4 -4
  102. package/es/ReplyBubbleHeader/ReplyBubbleHeader.js +27 -33
  103. package/es/ReplyBubbleHeader/css/ReplyBubbleHeader.module.css +25 -9
  104. package/es/ReplyBubbleHeader/props/defaultProps.js +2 -4
  105. package/es/ReplyBubbleHeader/props/propTypes.js +3 -2
  106. package/es/TextBubble/TextBubble.js +12 -30
  107. package/es/TextBubble/css/TextBubble.module.css +15 -9
  108. package/es/TextBubble/props/defaultProps.js +2 -5
  109. package/es/TextBubble/props/propTypes.js +3 -4
  110. package/es/Theme/{DeskAssets.js → ThemeAssets.js} +10 -6
  111. package/es/Theme/ThemeWrapper.js +54 -57
  112. package/es/Theme/{ToolttipWrapper.js → TooltipWrapper.js} +29 -25
  113. package/es/Theme/constants/index.js +1 -4
  114. package/es/Theme/crm/dark/blueFanTheme.js +5 -5
  115. package/es/Theme/crm/dark/blueTheme.js +5 -5
  116. package/es/Theme/crm/dark/commonColorVariable.js +5 -5
  117. package/es/Theme/crm/dark/darkBlueTheme.js +5 -5
  118. package/es/Theme/crm/dark/darkGreyTheme.js +5 -5
  119. package/es/Theme/crm/dark/greenTheme.js +5 -5
  120. package/es/Theme/crm/dark/orangeTheme.js +5 -5
  121. package/es/Theme/crm/dark/pinkTheme.js +5 -5
  122. package/es/Theme/crm/dark/tealTheme.js +5 -5
  123. package/es/Theme/crm/dark/whiteTheme.js +5 -5
  124. package/es/Theme/crm/light/blueFanTheme.js +5 -5
  125. package/es/Theme/crm/light/blueTheme.js +3 -3
  126. package/es/Theme/crm/light/commonColorVariable.js +3 -3
  127. package/es/Theme/crm/light/darkBlueTheme.js +5 -5
  128. package/es/Theme/crm/light/darkGreyTheme.js +5 -5
  129. package/es/Theme/crm/light/greenTheme.js +3 -3
  130. package/es/Theme/crm/light/orangeTheme.js +3 -3
  131. package/es/Theme/crm/light/pinkTheme.js +3 -3
  132. package/es/Theme/crm/light/tealTheme.js +3 -3
  133. package/es/Theme/crm/light/whiteTheme.js +5 -5
  134. package/es/Theme/crm/pureDark/blueFanTheme.js +5 -5
  135. package/es/Theme/crm/pureDark/blueTheme.js +5 -5
  136. package/es/Theme/crm/pureDark/commonColorVariable.js +3 -3
  137. package/es/Theme/crm/pureDark/darkBlueTheme.js +5 -5
  138. package/es/Theme/crm/pureDark/darkGreyTheme.js +5 -5
  139. package/es/Theme/crm/pureDark/greenTheme.js +5 -5
  140. package/es/Theme/crm/pureDark/orangeTheme.js +5 -5
  141. package/es/Theme/crm/pureDark/pinkTheme.js +5 -5
  142. package/es/Theme/crm/pureDark/tealTheme.js +5 -5
  143. package/es/Theme/crm/pureDark/whiteTheme.js +5 -5
  144. package/es/Theme/css/TooltipWrapper.module.css +2 -2
  145. package/es/Theme/props/defaultProps.js +2 -3
  146. package/es/Theme/props/propTypes.js +5 -6
  147. package/es/Theme/{desk/commonDeskColorVariable.js → themeVariables/commonThemeColorVariable.js} +2 -3
  148. package/es/Theme/{desk → themeVariables}/dark/blueTheme.js +11 -11
  149. package/es/Theme/{desk → themeVariables}/dark/commonColorVariable.js +1 -1
  150. package/es/Theme/{desk → themeVariables}/dark/greenTheme.js +8 -8
  151. package/es/Theme/{desk → themeVariables}/dark/orangeTheme.js +8 -8
  152. package/es/Theme/{desk → themeVariables}/dark/redTheme.js +8 -8
  153. package/es/Theme/{desk → themeVariables}/dark/yellowTheme.js +8 -8
  154. package/es/Theme/{desk → themeVariables}/light/blueTheme.js +8 -8
  155. package/es/Theme/{desk → themeVariables}/light/commonColorVariable.js +1 -1
  156. package/es/Theme/{desk → themeVariables}/light/greenTheme.js +8 -8
  157. package/es/Theme/{desk → themeVariables}/light/orangeTheme.js +7 -7
  158. package/es/Theme/{desk → themeVariables}/light/redTheme.js +7 -7
  159. package/es/Theme/{desk → themeVariables}/light/yellowTheme.js +8 -8
  160. package/es/Theme/{desk → themeVariables}/pureDark/blueTheme.js +8 -8
  161. package/es/Theme/{desk → themeVariables}/pureDark/commonColorVariable.js +1 -1
  162. package/es/Theme/{desk → themeVariables}/pureDark/greenTheme.js +8 -8
  163. package/es/Theme/{desk → themeVariables}/pureDark/orangeTheme.js +8 -8
  164. package/es/Theme/{desk → themeVariables}/pureDark/redTheme.js +8 -8
  165. package/es/Theme/{desk → themeVariables}/pureDark/yellowTheme.js +8 -8
  166. package/es/Theme/utils/combineConfigurations.js +17 -0
  167. package/es/Theme/utils/flatVariables.js +12 -0
  168. package/es/Theme/utils/getCustomizedCssVariables.js +19 -0
  169. package/es/Theme/utils/getThemeConfigurations.js +47 -175
  170. package/es/Theme/utils/getWrapperDivProps.js +12 -0
  171. package/es/Video/Video.js +13 -45
  172. package/es/Video/css/Video.module.css +2 -7
  173. package/es/Video/props/defaultProps.js +2 -3
  174. package/es/Video/props/propTypes.js +3 -4
  175. package/es/VideoBubble/VideoBubble.js +32 -35
  176. package/es/VideoBubble/css/VideoBubble.module.css +4 -4
  177. package/es/VideoBubble/props/defaultProps.js +2 -3
  178. package/es/VideoBubble/props/propTypes.js +11 -7
  179. package/es/css/common.module.css +6 -0
  180. package/es/icons/create-icon-components.js +30 -0
  181. package/es/icons/factory/common/article.svg +4 -4
  182. package/es/icons/factory/integrations/chInstagram.svg +2 -2
  183. package/es/icons/factory/integrations/chWhatsApp.svg +2 -2
  184. package/es/icons/factory/integrations/ttASAP.svg +6 -1
  185. package/es/icons/factory/integrations/ttLine.svg +8 -0
  186. package/es/icons/factory/integrations/ttTelegram.svg +4 -1
  187. package/es/icons/factory/integrations/ttTwillio.svg +8 -1
  188. package/es/icons/factory/integrations/ttWechat.svg +9 -1
  189. package/es/icons/icon.template.js +9 -8
  190. package/es/icons/iconSrc/common/Article.js +2 -3
  191. package/es/icons/iconSrc/common/index.js +1 -2
  192. package/es/icons/iconSrc/integrations/ChInstagram.js +2 -3
  193. package/es/icons/iconSrc/integrations/ChWhatsApp.js +2 -3
  194. package/es/icons/iconSrc/integrations/TtASAP.js +11 -15
  195. package/es/icons/iconSrc/integrations/{TtTwitter.js → TtLine.js} +14 -18
  196. package/es/icons/iconSrc/integrations/TtTelegram.js +8 -12
  197. package/es/icons/iconSrc/integrations/TtTwillio.js +15 -19
  198. package/es/icons/iconSrc/integrations/TtWechat.js +19 -20
  199. package/es/icons/iconSrc/integrations/index.js +1 -1
  200. package/es/im/ArticleBubble/ArticleBubble.js +67 -0
  201. package/es/im/ArticleBubble/css/ArticleBubble.module.css +57 -0
  202. package/es/{ArticleBubble → im/ArticleBubble}/props/defaultProps.js +1 -1
  203. package/es/im/ArticleBubble/props/propTypes.js +13 -0
  204. package/es/im/IMAutoMessageInfo/IMAutoMessageInfo.js +10 -20
  205. package/es/im/IMAutoMessageInfo/css/IMAutoMessageInfo.module.css +2 -3
  206. package/es/im/IMAutoMessageInfo/props/defaultProps.js +1 -1
  207. package/es/im/IMAutoMessageInfo/props/propTypes.js +11 -9
  208. package/es/im/IMInfoBubble/IMInfoBubble.js +6 -8
  209. package/es/im/IMInfoBubble/props/defaultProps.js +1 -1
  210. package/es/im/IMIntegrationIcon/IMIntegrationIcon.js +31 -38
  211. package/es/im/IMIntegrationIcon/css/IMIntegrationIcon.module.css +5 -8
  212. package/es/im/IMIntegrationIcon/css/cssJSLogic.js +9 -13
  213. package/es/im/IMIntegrationIcon/index.js +1 -2
  214. package/es/im/IMIntegrationIcon/props/defaultProps.js +6 -4
  215. package/es/im/IMIntegrationIcon/props/propTypes.js +6 -17
  216. package/es/im/IMMessage/IMMessage.js +97 -90
  217. package/es/im/IMMessage/css/IMMessage.module.css +36 -0
  218. package/es/im/IMMessage/css/cssJSLogic.js +16 -3
  219. package/es/im/IMMessage/props/defaultProps.js +3 -11
  220. package/es/im/IMMessage/props/propTypes.js +52 -97
  221. package/es/im/IMMessageContent/IMMessageContent.js +76 -65
  222. package/es/im/IMMessageContent/css/IMMessageContent.module.css +1 -1
  223. package/es/im/IMMessageContent/props/defaultProps.js +2 -3
  224. package/es/im/IMMessageContent/props/propTypes.js +29 -23
  225. package/es/im/IMMessageMeta/IMMessageMeta.js +26 -21
  226. package/es/im/IMMessageMeta/css/IMMessageMeta.module.css +13 -4
  227. package/es/im/IMMessageMeta/css/cssJSLogic.js +11 -3
  228. package/es/im/IMMessageMeta/props/defaultProps.js +1 -1
  229. package/es/im/IMMessageMeta/props/propTypes.js +17 -12
  230. package/es/im/IMPermaLink/IMPermaLink.js +48 -0
  231. package/es/im/IMPermaLink/css/IMPermaLink.module.css +14 -0
  232. package/es/im/{IMTicketLink → IMPermaLink}/css/cssJSLogic.js +3 -3
  233. package/es/im/IMPermaLink/index.js +1 -0
  234. package/es/im/{IMAttachmentIcon → IMPermaLink}/props/defaultProps.js +3 -3
  235. package/es/im/IMPermaLink/props/propTypes.js +11 -0
  236. package/es/im/IMReplyBubble/IMReplyBubble.js +20 -59
  237. package/es/im/IMReplyBubble/props/defaultProps.js +2 -4
  238. package/es/im/IMReplyBubble/props/propTypes.js +16 -14
  239. package/es/im/IMTextBubble/IMTextBubble.js +15 -31
  240. package/es/im/IMTextBubble/props/defaultProps.js +3 -9
  241. package/es/im/IMTextBubble/props/propTypes.js +22 -8
  242. package/es/im/css/common.module.css +6 -0
  243. package/es/im/index.js +2 -10
  244. package/es/index.js +4 -6
  245. package/package.json +32 -14
  246. package/es/ActionIcon/css/cssJSLogic.js +0 -10
  247. package/es/ArticleBubble/ArticleBubble.js +0 -70
  248. package/es/ArticleBubble/css/ArticleBubble.module.css +0 -48
  249. package/es/ArticleBubble/css/cssJSLogic.js +0 -34
  250. package/es/ArticleBubble/props/propTypes.js +0 -10
  251. package/es/AttachmentBubble/css/cssJSLogic.js +0 -18
  252. package/es/AttachmentBubbleInfo/css/cssJSLogic.js +0 -18
  253. package/es/Audio/css/cssJSLogic.js +0 -14
  254. package/es/AudioBubble/css/cssJSLogic.js +0 -20
  255. package/es/ImageBubble/css/cssJSLogic.js +0 -22
  256. package/es/LazyLoadImage/css/cssJSLogic.js +0 -10
  257. package/es/LocationBubble/css/cssJSLogic.js +0 -30
  258. package/es/MediaControls/MediaControls.js +0 -59
  259. package/es/MediaControls/css/MediaControls.module.css +0 -1
  260. package/es/MediaControls/css/cssJSLogic.js +0 -22
  261. package/es/MediaControls/index.js +0 -1
  262. package/es/MediaControls/props/propTypes.js +0 -11
  263. package/es/Message/css/Message.module.css +0 -0
  264. package/es/Message/css/cssJSLogic.js +0 -10
  265. package/es/MessageAction/css/MessageAction.module.css +0 -0
  266. package/es/MessageAction/css/cssJSLogic.js +0 -0
  267. package/es/MessageActions/css/cssJSLogic.js +0 -20
  268. package/es/MessageActionsMore/css/cssJSLogic.js +0 -28
  269. package/es/MessageActionsWrapper/css/cssJSLogic.js +0 -10
  270. package/es/MessageActionsWrapper/props/propConstants.js +0 -7
  271. package/es/MessageAvatar/css/cssJSLogic.js +0 -18
  272. package/es/MessageBubble/props/propConstants.js +0 -6
  273. package/es/MoreActionItem/css/cssJSLogic.js +0 -27
  274. package/es/ReplyBubble/css/cssJSLogic.js +0 -10
  275. package/es/ReplyBubbleContent/css/cssJSLogic.js +0 -22
  276. package/es/ReplyBubbleHeader/css/cssJSLogic.js +0 -18
  277. package/es/TextBubble/css/cssJSLogic.js +0 -18
  278. package/es/Theme/css/cssJSLogic.js +0 -14
  279. package/es/Video/css/cssJSLogic.js +0 -14
  280. package/es/VideoBubble/css/cssJSLogic.js +0 -10
  281. package/es/icons/factory/actions/convertTicket.svg +0 -21
  282. package/es/icons/factory/common/quote.svg +0 -1
  283. package/es/icons/factory/integrations/ttTwitter.svg +0 -1
  284. package/es/icons/iconSrc/actions/ConvertTicket.js +0 -25
  285. package/es/icons/iconSrc/actions/index.js +0 -1
  286. package/es/icons/iconSrc/common/Quote.js +0 -17
  287. package/es/im/IMArticleBubble/IMArticleBubble.js +0 -54
  288. package/es/im/IMArticleBubble/css/IMArticleBubble.module.css +0 -0
  289. package/es/im/IMArticleBubble/css/cssJSLogic.js +0 -10
  290. package/es/im/IMArticleBubble/index.js +0 -1
  291. package/es/im/IMArticleBubble/props/defaultProps.js +0 -8
  292. package/es/im/IMArticleBubble/props/propTypes.js +0 -14
  293. package/es/im/IMAttachmentBubble/IMAttachmentBubble.js +0 -62
  294. package/es/im/IMAttachmentBubble/css/IMAttachmentBubble.module.css +0 -1
  295. package/es/im/IMAttachmentBubble/css/cssJSLogic.js +0 -10
  296. package/es/im/IMAttachmentBubble/index.js +0 -1
  297. package/es/im/IMAttachmentBubble/props/defaultProps.js +0 -10
  298. package/es/im/IMAttachmentBubble/props/propTypes.js +0 -16
  299. package/es/im/IMAttachmentIcon/IMAttachmentIcon.js +0 -85
  300. package/es/im/IMAttachmentIcon/css/IMAttachmentIcon.module.css +0 -4
  301. package/es/im/IMAttachmentIcon/css/cssJSLogic.js +0 -16
  302. package/es/im/IMAttachmentIcon/index.js +0 -1
  303. package/es/im/IMAttachmentIcon/props/propTypes.js +0 -26
  304. package/es/im/IMAudioBubble/IMAudioBubble.js +0 -62
  305. package/es/im/IMAudioBubble/css/IMAudioBubble.module.css +0 -8
  306. package/es/im/IMAudioBubble/css/cssJSLogic.js +0 -20
  307. package/es/im/IMAudioBubble/index.js +0 -1
  308. package/es/im/IMAudioBubble/props/defaultProps.js +0 -11
  309. package/es/im/IMAudioBubble/props/propTypes.js +0 -17
  310. package/es/im/IMAutoMessageInfo/css/cssJSLogic.js +0 -10
  311. package/es/im/IMDateTime/IMDateTime.js +0 -40
  312. package/es/im/IMDateTime/css/IMDateTime.module.css +0 -10
  313. package/es/im/IMDateTime/css/cssJSLogic.js +0 -10
  314. package/es/im/IMDateTime/index.js +0 -1
  315. package/es/im/IMDateTime/props/propTypes.js +0 -6
  316. package/es/im/IMImageBubble/IMImageBubble.js +0 -50
  317. package/es/im/IMImageBubble/css/IMImageBubble.module.css +0 -0
  318. package/es/im/IMImageBubble/css/cssJSLogic.js +0 -10
  319. package/es/im/IMImageBubble/index.js +0 -1
  320. package/es/im/IMImageBubble/props/defaultProps.js +0 -7
  321. package/es/im/IMImageBubble/props/propTypes.js +0 -13
  322. package/es/im/IMIntegrationIcon/props/propConstants.js +0 -8
  323. package/es/im/IMLocationBubble/IMLocationBubble.js +0 -50
  324. package/es/im/IMLocationBubble/css/IMLocationBubble.module.css +0 -0
  325. package/es/im/IMLocationBubble/css/cssJSLogic.js +0 -10
  326. package/es/im/IMLocationBubble/index.js +0 -1
  327. package/es/im/IMLocationBubble/props/defaultProps.js +0 -8
  328. package/es/im/IMLocationBubble/props/propTypes.js +0 -11
  329. package/es/im/IMMessageAvatar/IMMessageAvatar.js +0 -45
  330. package/es/im/IMMessageAvatar/css/IMMessageAvatar.module.css +0 -0
  331. package/es/im/IMMessageAvatar/css/cssJSLogic.js +0 -0
  332. package/es/im/IMMessageAvatar/index.js +0 -1
  333. package/es/im/IMMessageAvatar/props/defaultProps.js +0 -12
  334. package/es/im/IMMessageAvatar/props/propTypes.js +0 -53
  335. package/es/im/IMMessageContent/css/cssJSLogic.js +0 -10
  336. package/es/im/IMReplyBubble/css/IMReplyBubble.module.css +0 -18
  337. package/es/im/IMReplyBubble/css/cssJSLogic.js +0 -10
  338. package/es/im/IMTextBubble/css/IMTextBubble.module.css +0 -1
  339. package/es/im/IMTextBubble/css/cssJSLogic.js +0 -10
  340. package/es/im/IMTicketLink/IMTicketLink.js +0 -46
  341. package/es/im/IMTicketLink/css/IMTicketLink.module.css +0 -27
  342. package/es/im/IMTicketLink/index.js +0 -1
  343. package/es/im/IMTicketLink/props/defaultProps.js +0 -6
  344. package/es/im/IMTicketLink/props/propTypes.js +0 -10
  345. package/es/im/IMVideoBubble/IMVideoBubble.js +0 -61
  346. package/es/im/IMVideoBubble/css/IMVideoBubble.module.css +0 -1
  347. package/es/im/IMVideoBubble/css/cssJSLogic.js +0 -10
  348. package/es/im/IMVideoBubble/index.js +0 -1
  349. package/es/im/IMVideoBubble/props/defaultProps.js +0 -11
  350. package/es/im/IMVideoBubble/props/propTypes.js +0 -17
  351. package/es/unused/AvatarSpace/AvatarSpace.js +0 -40
  352. package/es/unused/AvatarSpace/css/AvatarSpace.module.css +0 -1
  353. package/es/unused/AvatarSpace/css/cssJSLogic.js +0 -15
  354. package/es/unused/AvatarSpace/index.js +0 -1
  355. package/es/unused/AvatarSpace/props/defaultProps.js +0 -10
  356. package/es/unused/AvatarSpace/props/propConstants.js +0 -7
  357. package/es/unused/AvatarSpace/props/propTypes.js +0 -8
  358. package/es/unused/MessageBoxFooter/MessageBoxFooter.js +0 -39
  359. package/es/unused/MessageBoxFooter/css/MessageBoxFooter.module.css +0 -3
  360. package/es/unused/MessageBoxFooter/css/cssJSLogic.js +0 -10
  361. package/es/unused/MessageBoxFooter/index.js +0 -1
  362. package/es/unused/MessageBoxFooter/props/defaultProps.js +0 -5
  363. package/es/unused/MessageBoxFooter/props/propTypes.js +0 -6
  364. package/es/unused/MessageBoxHeader/MessageBoxHeader.js +0 -7
  365. package/es/unused/MessageBoxHeader/css/MessageBoxHeader.module.css +0 -0
  366. package/es/unused/MessageBoxHeader/css/cssJsLogic.js +0 -0
  367. package/es/unused/MessageBoxHeader/index.js +0 -2
  368. package/es/unused/MessageBoxHeader/props/defaultProps.js +0 -0
  369. package/es/unused/MessageBoxHeader/props/propTypes.js +0 -0
  370. package/es/unused/MessageWrapper/MessageWrapper.js +0 -36
  371. package/es/unused/MessageWrapper/css/MessageWrapper.module.css +0 -0
  372. package/es/unused/MessageWrapper/css/cssJSLogic.js +0 -10
  373. package/es/unused/MessageWrapper/index.js +0 -1
  374. package/es/unused/MessageWrapper/props/defaultProps.js +0 -6
  375. package/es/unused/MessageWrapper/props/propTypes.js +0 -6
  376. package/es/unused/TextMessage/DefaultActions.js +0 -60
  377. package/es/unused/TextMessage/TextMessage.js +0 -67
  378. package/es/unused/TextMessage/TextMessage1.js +0 -66
  379. package/es/unused/TextMessage/css/TextMessage.module.css +0 -5
  380. package/es/unused/TextMessage/css/cssJSLogic.js +0 -0
  381. package/es/unused/TextMessage/index.js +0 -1
  382. package/es/unused/TextMessage/props/defaultProps.js +0 -4
  383. package/es/unused/TextMessage/props/propConstants.js +0 -3
  384. package/es/unused/TextMessage/props/propTypes.js +0 -17
  385. package/es/unused/darkTheme.js +0 -9
  386. package/es/unused/defaultTheme.js +0 -33
  387. /package/es/{ArticleBubble → im/ArticleBubble}/index.js +0 -0
package/es/Theme/crm/dark/darkBlueTheme.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconBgColor, actionIconBorderColor, bubbleActiveBgColor, actionIconColor, messageStatusSendColor, messageStatusFailedColor, messageStatusReadColor } from './commonColorVariable';
2
+ import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, messageStatusReadColor } from './commonColorVariable';
3
3
  export default {
4
4
  library: 'chat_components',
5
5
  variables: {
@@ -14,10 +14,10 @@ export default {
14
14
  failed_bg_color: '#fcebeb',
15
15
  text_color: '#000'
16
16
  },
17
- actionIcon: {
18
- color: actionIconColor,
19
- bg_color: actionIconBgColor,
20
- border_color: actionIconBorderColor
17
+ actionIconWrapper: {
18
+ color: actionIconWrapperColor,
19
+ bg_color: actionIconWrapperBgColor,
20
+ border_color: actionIconWrapperBorderColor
21
21
  },
22
22
  messageStatus: {
23
23
  send_color: messageStatusSendColor,
package/es/Theme/crm/dark/darkGreyTheme.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconBgColor, actionIconBorderColor, bubbleActiveBgColor, actionIconColor, messageStatusSendColor, messageStatusFailedColor, messageStatusReadColor } from './commonColorVariable';
2
+ import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, messageStatusReadColor } from './commonColorVariable';
3
3
  export default {
4
4
  library: 'chat_components',
5
5
  variables: {
@@ -14,10 +14,10 @@ export default {
14
14
  failed_bg_color: '#fcebeb',
15
15
  text_color: '#000'
16
16
  },
17
- actionIcon: {
18
- color: actionIconColor,
19
- bg_color: actionIconBgColor,
20
- border_color: actionIconBorderColor
17
+ actionIconWrapper: {
18
+ color: actionIconWrapperColor,
19
+ bg_color: actionIconWrapperBgColor,
20
+ border_color: actionIconWrapperBorderColor
21
21
  },
22
22
  messageStatus: {
23
23
  send_color: messageStatusSendColor,
package/es/Theme/crm/dark/greenTheme.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, outgoingBubbleBgColor2, actionIconBgColor, actionIconBorderColor, bubbleActiveBgColor, actionIconColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
2
+ import { incomingBubbleBgColor, outgoingBubbleBgColor2, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
3
3
  export default {
4
4
  library: 'chat_components',
5
5
  variables: {
@@ -14,10 +14,10 @@ export default {
14
14
  failed_bg_color: '#fcebeb',
15
15
  text_color: '#000'
16
16
  },
17
- actionIcon: {
18
- color: actionIconColor,
19
- bg_color: actionIconBgColor,
20
- border_color: actionIconBorderColor
17
+ actionIconWrapper: {
18
+ color: actionIconWrapperColor,
19
+ bg_color: actionIconWrapperBgColor,
20
+ border_color: actionIconWrapperBorderColor
21
21
  },
22
22
  messageStatus: {
23
23
  send_color: messageStatusSendColor,
package/es/Theme/crm/dark/orangeTheme.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, actionIconBgColor, actionIconBorderColor, bubbleActiveBgColor, actionIconColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
2
+ import { incomingBubbleBgColor, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
3
3
  export default {
4
4
  library: 'chat_components',
5
5
  variables: {
@@ -14,10 +14,10 @@ export default {
14
14
  failed_bg_color: '#fcebeb',
15
15
  text_color: '#000'
16
16
  },
17
- actionIcon: {
18
- color: actionIconColor,
19
- bg_color: actionIconBgColor,
20
- border_color: actionIconBorderColor
17
+ actionIconWrapper: {
18
+ color: actionIconWrapperColor,
19
+ bg_color: actionIconWrapperBgColor,
20
+ border_color: actionIconWrapperBorderColor
21
21
  },
22
22
  messageStatus: {
23
23
  send_color: messageStatusSendColor,
package/es/Theme/crm/dark/pinkTheme.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, actionIconBgColor, actionIconBorderColor, bubbleActiveBgColor, actionIconColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
2
+ import { incomingBubbleBgColor, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
3
3
  export default {
4
4
  library: 'chat_components',
5
5
  variables: {
@@ -14,10 +14,10 @@ export default {
14
14
  failed_bg_color: '#fcebeb',
15
15
  text_color: '#000'
16
16
  },
17
- actionIcon: {
18
- color: actionIconColor,
19
- bg_color: actionIconBgColor,
20
- border_color: actionIconBorderColor
17
+ actionIconWrapper: {
18
+ color: actionIconWrapperColor,
19
+ bg_color: actionIconWrapperBgColor,
20
+ border_color: actionIconWrapperBorderColor
21
21
  },
22
22
  messageStatus: {
23
23
  send_color: messageStatusSendColor,
package/es/Theme/crm/dark/tealTheme.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, outgoingBubbleBgColor2, actionIconBgColor, actionIconBorderColor, bubbleActiveBgColor, actionIconColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
2
+ import { incomingBubbleBgColor, outgoingBubbleBgColor2, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
3
3
  export default {
4
4
  library: 'chat_components',
5
5
  variables: {
@@ -14,10 +14,10 @@ export default {
14
14
  failed_bg_color: '#fcebeb',
15
15
  text_color: '#000'
16
16
  },
17
- actionIcon: {
18
- color: actionIconColor,
19
- bg_color: actionIconBgColor,
20
- border_color: actionIconBorderColor
17
+ actionIconWrapper: {
18
+ color: actionIconWrapperColor,
19
+ bg_color: actionIconWrapperBgColor,
20
+ border_color: actionIconWrapperBorderColor
21
21
  },
22
22
  messageStatus: {
23
23
  send_color: messageStatusSendColor,
package/es/Theme/crm/dark/whiteTheme.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconBgColor, actionIconBorderColor, bubbleActiveBgColor, actionIconColor, messageStatusSendColor, messageStatusFailedColor, messageStatusReadColor } from './commonColorVariable';
2
+ import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, messageStatusReadColor } from './commonColorVariable';
3
3
  export default {
4
4
  library: 'chat_components',
5
5
  variables: {
@@ -14,10 +14,10 @@ export default {
14
14
  failed_bg_color: '#fcebeb',
15
15
  text_color: '#000'
16
16
  },
17
- actionIcon: {
18
- color: actionIconColor,
19
- bg_color: actionIconBgColor,
20
- border_color: actionIconBorderColor
17
+ actionIconWrapper: {
18
+ color: actionIconWrapperColor,
19
+ bg_color: actionIconWrapperBgColor,
20
+ border_color: actionIconWrapperBorderColor
21
21
  },
22
22
  messageStatus: {
23
23
  send_color: messageStatusSendColor,
package/es/Theme/crm/light/blueFanTheme.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconBgColor, actionIconBorderColor, bubbleActiveBgColor, actionIconColor, messageStatusSendColor, messageStatusFailedColor, messageStatusReadColor } from './commonColorVariable';
2
+ import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, messageStatusReadColor } from './commonColorVariable';
3
3
  export default {
4
4
  library: 'chat_components',
5
5
  variables: {
@@ -14,10 +14,10 @@ export default {
14
14
  failed_bg_color: '#fcebeb',
15
15
  text_color: '#000'
16
16
  },
17
- actionIcon: {
18
- color: actionIconColor,
19
- bg_color: actionIconBgColor,
20
- border_color: actionIconBorderColor
17
+ actionIconWrapper: {
18
+ color: actionIconWrapperColor,
19
+ bg_color: actionIconWrapperBgColor,
20
+ border_color: actionIconWrapperBorderColor
21
21
  },
22
22
  messageStatus: {
23
23
  send_color: messageStatusSendColor,
package/es/Theme/crm/light/blueTheme.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, bubbleActiveBgColor, actionIconColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
2
+ import { incomingBubbleBgColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
3
3
  export default {
4
4
  library: 'chat_components',
5
5
  variables: {
@@ -14,8 +14,8 @@ export default {
14
14
  failed_bg_color: '#fcebeb',
15
15
  text_color: '#000'
16
16
  },
17
- actionIcon: {
18
- color: actionIconColor,
17
+ actionIconWrapper: {
18
+ color: actionIconWrapperColor,
19
19
  bg_color: '#eff4fb',
20
20
  border_color: '#cedef2'
21
21
  },
package/es/Theme/crm/light/commonColorVariable.js CHANGED
@@ -1,8 +1,8 @@
1
1
  export const incomingBubbleBgColor = '#f1f4f9';
2
2
  export const outgoingBubbleBgColor = '#f1f7fe';
3
- export const actionIconColor = '#000';
4
- export const actionIconBgColor = '#f1f7fe';
5
- export const actionIconBorderColor = '#b7d1f0';
3
+ export const actionIconWrapperColor = '#000';
4
+ export const actionIconWrapperBgColor = '#f1f7fe';
5
+ export const actionIconWrapperBorderColor = '#b7d1f0';
6
6
  export const bubbleActiveBgColor = '#fdffe3';
7
7
  export const messageStatusSendColor = '#61667a';
8
8
  export const messageStatusFailedColor = '#de3535';
package/es/Theme/crm/light/darkBlueTheme.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconBgColor, actionIconBorderColor, bubbleActiveBgColor, actionIconColor, messageStatusSendColor, messageStatusFailedColor, messageStatusReadColor } from './commonColorVariable';
2
+ import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, messageStatusReadColor } from './commonColorVariable';
3
3
  export default {
4
4
  library: 'chat_components',
5
5
  variables: {
@@ -14,10 +14,10 @@ export default {
14
14
  failed_bg_color: '#fcebeb',
15
15
  text_color: '#000'
16
16
  },
17
- actionIcon: {
18
- color: actionIconColor,
19
- bg_color: actionIconBgColor,
20
- border_color: actionIconBorderColor
17
+ actionIconWrapper: {
18
+ color: actionIconWrapperColor,
19
+ bg_color: actionIconWrapperBgColor,
20
+ border_color: actionIconWrapperBorderColor
21
21
  },
22
22
  messageStatus: {
23
23
  send_color: messageStatusSendColor,
package/es/Theme/crm/light/darkGreyTheme.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconBgColor, actionIconBorderColor, bubbleActiveBgColor, actionIconColor, messageStatusSendColor, messageStatusFailedColor, messageStatusReadColor } from './commonColorVariable';
2
+ import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, messageStatusReadColor } from './commonColorVariable';
3
3
  export default {
4
4
  library: 'chat_components',
5
5
  variables: {
@@ -14,10 +14,10 @@ export default {
14
14
  failed_bg_color: '#fcebeb',
15
15
  text_color: '#000'
16
16
  },
17
- actionIcon: {
18
- color: actionIconColor,
19
- bg_color: actionIconBgColor,
20
- border_color: actionIconBorderColor
17
+ actionIconWrapper: {
18
+ color: actionIconWrapperColor,
19
+ bg_color: actionIconWrapperBgColor,
20
+ border_color: actionIconWrapperBorderColor
21
21
  },
22
22
  messageStatus: {
23
23
  send_color: messageStatusSendColor,
package/es/Theme/crm/light/greenTheme.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, bubbleActiveBgColor, actionIconColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
2
+ import { incomingBubbleBgColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
3
3
  export default {
4
4
  library: 'chat_components',
5
5
  variables: {
@@ -14,8 +14,8 @@ export default {
14
14
  failed_bg_color: '#fcebeb',
15
15
  text_color: '#000'
16
16
  },
17
- actionIcon: {
18
- color: actionIconColor,
17
+ actionIconWrapper: {
18
+ color: actionIconWrapperColor,
19
19
  bg_color: '#f1f6f4',
20
20
  border_color: '#d4e5dd'
21
21
  },
package/es/Theme/crm/light/orangeTheme.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, bubbleActiveBgColor, actionIconColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
2
+ import { incomingBubbleBgColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
3
3
  export default {
4
4
  library: 'chat_components',
5
5
  variables: {
@@ -14,8 +14,8 @@ export default {
14
14
  failed_bg_color: '#fcebeb',
15
15
  text_color: '#000'
16
16
  },
17
- actionIcon: {
18
- color: actionIconColor,
17
+ actionIconWrapper: {
18
+ color: actionIconWrapperColor,
19
19
  bg_color: '#fcf2f0',
20
20
  border_color: '#f6d9d2'
21
21
  },
package/es/Theme/crm/light/pinkTheme.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, bubbleActiveBgColor, actionIconColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
2
+ import { incomingBubbleBgColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
3
3
  export default {
4
4
  library: 'chat_components',
5
5
  variables: {
@@ -14,8 +14,8 @@ export default {
14
14
  failed_bg_color: '#fcebeb',
15
15
  text_color: '#000'
16
16
  },
17
- actionIcon: {
18
- color: actionIconColor,
17
+ actionIconWrapper: {
18
+ color: actionIconWrapperColor,
19
19
  bg_color: '#fdf1f7',
20
20
  border_color: '#fad5e8'
21
21
  },
package/es/Theme/crm/light/tealTheme.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, bubbleActiveBgColor, actionIconColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
2
+ import { incomingBubbleBgColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
3
3
  export default {
4
4
  library: 'chat_components',
5
5
  variables: {
@@ -14,8 +14,8 @@ export default {
14
14
  failed_bg_color: '#fcebeb',
15
15
  text_color: '#000'
16
16
  },
17
- actionIcon: {
18
- color: actionIconColor,
17
+ actionIconWrapper: {
18
+ color: actionIconWrapperColor,
19
19
  bg_color: '#eef6f6',
20
20
  border_color: '#cde3e4'
21
21
  },
package/es/Theme/crm/light/whiteTheme.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconBgColor, actionIconBorderColor, bubbleActiveBgColor, actionIconColor, messageStatusSendColor, messageStatusFailedColor, messageStatusReadColor } from './commonColorVariable';
2
+ import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, messageStatusReadColor } from './commonColorVariable';
3
3
  export default {
4
4
  library: 'chat_components',
5
5
  variables: {
@@ -14,10 +14,10 @@ export default {
14
14
  failed_bg_color: '#fcebeb',
15
15
  text_color: '#000'
16
16
  },
17
- actionIcon: {
18
- color: actionIconColor,
19
- bg_color: actionIconBgColor,
20
- border_color: actionIconBorderColor
17
+ actionIconWrapper: {
18
+ color: actionIconWrapperColor,
19
+ bg_color: actionIconWrapperBgColor,
20
+ border_color: actionIconWrapperBorderColor
21
21
  },
22
22
  messageStatus: {
23
23
  send_color: messageStatusSendColor,
package/es/Theme/crm/pureDark/blueFanTheme.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconBgColor, actionIconBorderColor, bubbleActiveBgColor, actionIconColor, messageStatusSendColor, messageStatusFailedColor, messageStatusReadColor } from './commonColorVariable';
2
+ import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, messageStatusReadColor } from './commonColorVariable';
3
3
  export default {
4
4
  library: 'chat_components',
5
5
  variables: {
@@ -14,10 +14,10 @@ export default {
14
14
  failed_bg_color: '#fcebeb',
15
15
  text_color: '#000'
16
16
  },
17
- actionIcon: {
18
- color: actionIconColor,
19
- bg_color: actionIconBgColor,
20
- border_color: actionIconBorderColor
17
+ actionIconWrapper: {
18
+ color: actionIconWrapperColor,
19
+ bg_color: actionIconWrapperBgColor,
20
+ border_color: actionIconWrapperBorderColor
21
21
  },
22
22
  messageStatus: {
23
23
  send_color: messageStatusSendColor,
package/es/Theme/crm/pureDark/blueTheme.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconBgColor, actionIconBorderColor, bubbleActiveBgColor, actionIconColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
2
+ import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
3
3
  export default {
4
4
  library: 'chat_components',
5
5
  variables: {
@@ -14,10 +14,10 @@ export default {
14
14
  failed_bg_color: '#fcebeb',
15
15
  text_color: '#000'
16
16
  },
17
- actionIcon: {
18
- color: actionIconColor,
19
- bg_color: actionIconBgColor,
20
- border_color: actionIconBorderColor
17
+ actionIconWrapper: {
18
+ color: actionIconWrapperColor,
19
+ bg_color: actionIconWrapperBgColor,
20
+ border_color: actionIconWrapperBorderColor
21
21
  },
22
22
  messageStatus: {
23
23
  send_color: messageStatusSendColor,
package/es/Theme/crm/pureDark/commonColorVariable.js CHANGED
@@ -1,8 +1,8 @@
1
1
  export const incomingBubbleBgColor = '#2e2e2e';
2
2
  export const outgoingBubbleBgColor = '#2e2e2e';
3
- export const actionIconColor = '#e2e4e6';
4
- export const actionIconBgColor = '#2c3b4d';
5
- export const actionIconBorderColor = '#3f536b';
3
+ export const actionIconWrapperColor = '#e2e4e6';
4
+ export const actionIconWrapperBgColor = '#2c3b4d';
5
+ export const actionIconWrapperBorderColor = '#3f536b';
6
6
  export const bubbleActiveBgColor = '#202821';
7
7
  export const messageStatusSendColor = '#61667a';
8
8
  export const messageStatusFailedColor = '#de3535';
package/es/Theme/crm/pureDark/darkBlueTheme.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconBgColor, actionIconBorderColor, bubbleActiveBgColor, actionIconColor, messageStatusSendColor, messageStatusFailedColor, messageStatusReadColor } from './commonColorVariable';
2
+ import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, messageStatusReadColor } from './commonColorVariable';
3
3
  export default {
4
4
  library: 'chat_components',
5
5
  variables: {
@@ -14,10 +14,10 @@ export default {
14
14
  failed_bg_color: '#fcebeb',
15
15
  text_color: '#000'
16
16
  },
17
- actionIcon: {
18
- color: actionIconColor,
19
- bg_color: actionIconBgColor,
20
- border_color: actionIconBorderColor
17
+ actionIconWrapper: {
18
+ color: actionIconWrapperColor,
19
+ bg_color: actionIconWrapperBgColor,
20
+ border_color: actionIconWrapperBorderColor
21
21
  },
22
22
  messageStatus: {
23
23
  send_color: messageStatusSendColor,
package/es/Theme/crm/pureDark/darkGreyTheme.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconBgColor, actionIconBorderColor, bubbleActiveBgColor, actionIconColor, messageStatusSendColor, messageStatusFailedColor, messageStatusReadColor } from './commonColorVariable';
2
+ import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, messageStatusReadColor } from './commonColorVariable';
3
3
  export default {
4
4
  library: 'chat_components',
5
5
  variables: {
@@ -14,10 +14,10 @@ export default {
14
14
  failed_bg_color: '#fcebeb',
15
15
  text_color: '#000'
16
16
  },
17
- actionIcon: {
18
- color: actionIconColor,
19
- bg_color: actionIconBgColor,
20
- border_color: actionIconBorderColor
17
+ actionIconWrapper: {
18
+ color: actionIconWrapperColor,
19
+ bg_color: actionIconWrapperBgColor,
20
+ border_color: actionIconWrapperBorderColor
21
21
  },
22
22
  messageStatus: {
23
23
  send_color: messageStatusSendColor,
package/es/Theme/crm/pureDark/greenTheme.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconBgColor, actionIconBorderColor, bubbleActiveBgColor, actionIconColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
2
+ import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
3
3
  export default {
4
4
  library: 'chat_components',
5
5
  variables: {
@@ -14,10 +14,10 @@ export default {
14
14
  failed_bg_color: '#fcebeb',
15
15
  text_color: '#000'
16
16
  },
17
- actionIcon: {
18
- color: actionIconColor,
19
- bg_color: actionIconBgColor,
20
- border_color: actionIconBorderColor
17
+ actionIconWrapper: {
18
+ color: actionIconWrapperColor,
19
+ bg_color: actionIconWrapperBgColor,
20
+ border_color: actionIconWrapperBorderColor
21
21
  },
22
22
  messageStatus: {
23
23
  send_color: messageStatusSendColor,
package/es/Theme/crm/pureDark/orangeTheme.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconBgColor, actionIconBorderColor, bubbleActiveBgColor, actionIconColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
2
+ import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
3
3
  export default {
4
4
  library: 'chat_components',
5
5
  variables: {
@@ -14,10 +14,10 @@ export default {
14
14
  failed_bg_color: '#fcebeb',
15
15
  text_color: '#000'
16
16
  },
17
- actionIcon: {
18
- color: actionIconColor,
19
- bg_color: actionIconBgColor,
20
- border_color: actionIconBorderColor
17
+ actionIconWrapper: {
18
+ color: actionIconWrapperColor,
19
+ bg_color: actionIconWrapperBgColor,
20
+ border_color: actionIconWrapperBorderColor
21
21
  },
22
22
  messageStatus: {
23
23
  send_color: messageStatusSendColor,
package/es/Theme/crm/pureDark/pinkTheme.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconBgColor, actionIconBorderColor, bubbleActiveBgColor, actionIconColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
2
+ import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
3
3
  export default {
4
4
  library: 'chat_components',
5
5
  variables: {
@@ -14,10 +14,10 @@ export default {
14
14
  failed_bg_color: '#fcebeb',
15
15
  text_color: '#000'
16
16
  },
17
- actionIcon: {
18
- color: actionIconColor,
19
- bg_color: actionIconBgColor,
20
- border_color: actionIconBorderColor
17
+ actionIconWrapper: {
18
+ color: actionIconWrapperColor,
19
+ bg_color: actionIconWrapperBgColor,
20
+ border_color: actionIconWrapperBorderColor
21
21
  },
22
22
  messageStatus: {
23
23
  send_color: messageStatusSendColor,
package/es/Theme/crm/pureDark/tealTheme.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconBgColor, actionIconBorderColor, bubbleActiveBgColor, actionIconColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
2
+ import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor } from './commonColorVariable';
3
3
  export default {
4
4
  library: 'chat_components',
5
5
  variables: {
@@ -14,10 +14,10 @@ export default {
14
14
  failed_bg_color: '#fcebeb',
15
15
  text_color: '#000'
16
16
  },
17
- actionIcon: {
18
- color: actionIconColor,
19
- bg_color: actionIconBgColor,
20
- border_color: actionIconBorderColor
17
+ actionIconWrapper: {
18
+ color: actionIconWrapperColor,
19
+ bg_color: actionIconWrapperBgColor,
20
+ border_color: actionIconWrapperBorderColor
21
21
  },
22
22
  messageStatus: {
23
23
  send_color: messageStatusSendColor,
package/es/Theme/crm/pureDark/whiteTheme.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /* eslint-disable camelcase */
2
- import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconBgColor, actionIconBorderColor, bubbleActiveBgColor, actionIconColor, messageStatusSendColor, messageStatusFailedColor, messageStatusReadColor } from './commonColorVariable';
2
+ import { incomingBubbleBgColor, outgoingBubbleBgColor, actionIconWrapperBgColor, actionIconWrapperBorderColor, bubbleActiveBgColor, actionIconWrapperColor, messageStatusSendColor, messageStatusFailedColor, messageStatusReadColor } from './commonColorVariable';
3
3
  export default {
4
4
  library: 'chat_components',
5
5
  variables: {
@@ -14,10 +14,10 @@ export default {
14
14
  failed_bg_color: '#fcebeb',
15
15
  text_color: '#000'
16
16
  },
17
- actionIcon: {
18
- color: actionIconColor,
19
- bg_color: actionIconBgColor,
20
- border_color: actionIconBorderColor
17
+ actionIconWrapper: {
18
+ color: actionIconWrapperColor,
19
+ bg_color: actionIconWrapperBgColor,
20
+ border_color: actionIconWrapperBorderColor
21
21
  },
22
22
  messageStatus: {
23
23
  send_color: messageStatusSendColor,
package/es/Theme/css/TooltipWrapper.module.css CHANGED
@@ -1,6 +1,6 @@
1
1
  .tooltipWrapper {
2
- height: 0;
3
- font-size: 0;
2
+ height: 0 ;
3
+ font-size: 0 ;
4
4
  outline: 0;
5
5
  box-sizing: border-box;
6
6
  -webkit-box-sizing: border-box;
package/es/Theme/props/defaultProps.js CHANGED
@@ -1,13 +1,12 @@
1
1
  /** ** Constants *** */
2
- import { dummyObject } from '@zohoim/chat-components-utils/es/constants';
2
+ import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
3
3
  const themeWrapperDefaultProps = {
4
- needDeskAssets: true,
4
+ needThemeAssets: true,
5
5
  mode: 'LIGHT',
6
6
  theme: 'BLUE',
7
7
  needTooltip: true,
8
8
  modeKey: 'data-mode',
9
9
  themeKey: 'data-theme',
10
- app: 'DESK',
11
10
  tooltipCustomStyle: dummyObject
12
11
  };
13
12
  export default themeWrapperDefaultProps;
package/es/Theme/props/propTypes.js CHANGED
@@ -1,14 +1,13 @@
1
1
  /** ** Libraries *** */
2
2
  import PropTypes from 'prop-types';
3
3
  const themeWrapperPropTypes = {
4
- children: PropTypes.node,
5
- needDeskAssets: PropTypes.bool,
4
+ children: PropTypes.node.isRequired,
5
+ mode: PropTypes.string.isRequired,
6
+ theme: PropTypes.string.isRequired,
7
+ modeKey: PropTypes.string,
8
+ needThemeAssets: PropTypes.bool,
6
9
  needTooltip: PropTypes.bool,
7
10
  themeConfigurations: PropTypes.object,
8
- mode: PropTypes.string,
9
- theme: PropTypes.string,
10
- app: PropTypes.string,
11
- modeKey: PropTypes.string,
12
11
  themeKey: PropTypes.string,
13
12
  tooltipCustomStyle: PropTypes.object
14
13
  };
package/es/Theme/{desk/commonDeskColorVariable.js → themeVariables/commonThemeColorVariable.js} RENAMED
@@ -7,8 +7,7 @@ export const imIntegrationIcon = {
7
7
  line_color: '#01b901',
8
8
  twillio_color: '#f22f46',
9
9
  instagram_color: 'red',
10
- asap_color: '#0a73eb'
11
- // twitter_color: 'red'
12
- };
10
+ asap_color: '#0a73eb' // twitter_color: 'red'
13
11
 
12
+ };
14
13
  export const messagetextColor = '#e2e4e6';