@zohoim/chat-components 1.1.4 → 1.1.6

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 (536) hide show
  1. package/README.md +12 -0
  2. package/es/ActionIcon/ActionIcon.js +10 -9
  3. package/es/ActionIcon/index.js +1 -1
  4. package/es/ActionIconWrapper/ActionIconWrapper.js +4 -4
  5. package/es/ActionIconWrapper/css/ActionIconWrapper.module.css +2 -2
  6. package/es/ActionIconWrapper/index.js +1 -1
  7. package/es/AttachmentBubble/AttachmentBubble.js +15 -14
  8. package/es/AttachmentBubble/css/AttachmentBubble.module.css +2 -1
  9. package/es/AttachmentBubble/index.js +1 -1
  10. package/es/AttachmentBubbleInfo/AttachmentBubbleInfo.js +4 -4
  11. package/es/AttachmentBubbleInfo/css/AttachmentBubbleInfo.module.css +2 -2
  12. package/es/AttachmentBubbleInfo/index.js +1 -1
  13. package/es/AttachmentHandler/AttachmentHandler.js +8 -7
  14. package/es/AttachmentHandler/index.js +1 -1
  15. package/es/AttachmentIcon/AttachmentIcon.js +5 -5
  16. package/es/AttachmentIcon/index.js +1 -1
  17. package/es/AttachmentIcon/utils/getAttachmentIconComponent.js +11 -11
  18. package/es/AttachmentPreview/AttachmentPreview.js +12 -12
  19. package/es/AttachmentPreview/index.js +1 -1
  20. package/es/AttachmentPreviewBody/AttachmentPreviewBody.js +12 -12
  21. package/es/AttachmentPreviewBody/index.js +1 -1
  22. package/es/AttachmentPreviewHeader/AttachmentPreviewHeader.js +10 -10
  23. package/es/AttachmentPreviewHeader/index.js +1 -1
  24. package/es/Audio/Audio.js +3 -3
  25. package/es/Audio/index.js +1 -1
  26. package/es/AudioBubble/AudioBubble.js +14 -13
  27. package/es/AudioBubble/index.js +1 -1
  28. package/es/Emoji/Emoji.js +4 -4
  29. package/es/Emoji/css/Emoji.module.css +4 -4
  30. package/es/Emoji/css/cssJSLogic.js +0 -0
  31. package/es/Emoji/index.js +1 -1
  32. package/es/Emoji/props/defaultProps.js +0 -0
  33. package/es/Emoji/props/propTypes.js +0 -0
  34. package/es/EmojiPopup/EmojiPopup.js +14 -15
  35. package/es/EmojiPopup/index.js +1 -1
  36. package/es/EmojiPopup/props/propTypes.js +1 -1
  37. package/es/Emojis/Emojis.js +14 -15
  38. package/es/Emojis/index.js +1 -1
  39. package/es/Emojis/props/defaultProps.js +0 -0
  40. package/es/Emojis/props/propTypes.js +0 -0
  41. package/es/EmojisEmptyState/EmojisEmptyState.js +4 -4
  42. package/es/EmojisEmptyState/css/EmojisEmptyState.module.css +0 -0
  43. package/es/EmojisEmptyState/index.js +1 -1
  44. package/es/EmojisEmptyState/props/defaultProps.js +0 -0
  45. package/es/EmojisEmptyState/props/propTypes.js +0 -0
  46. package/es/EmojisFooter/EmojisFooter.js +9 -8
  47. package/es/EmojisFooter/css/EmojisFooter.module.css +0 -0
  48. package/es/EmojisFooter/index.js +1 -1
  49. package/es/EmojisFooter/props/defaultProps.js +0 -0
  50. package/es/EmojisFooter/props/propTypes.js +0 -0
  51. package/es/EmojisHeader/EmojisHeader.js +8 -7
  52. package/es/EmojisHeader/css/EmojisHeader.module.css +0 -0
  53. package/es/EmojisHeader/index.js +1 -1
  54. package/es/EmojisHeader/props/defaultProps.js +0 -0
  55. package/es/EmojisHeader/props/propTypes.js +0 -0
  56. package/es/EmojisList/EmojisList.js +12 -12
  57. package/es/EmojisList/css/EmojisList.module.css +3 -3
  58. package/es/EmojisList/css/cssJSLogic.js +0 -0
  59. package/es/EmojisList/index.js +1 -1
  60. package/es/EmojisList/props/defaultProps.js +0 -0
  61. package/es/EmojisList/props/propTypes.js +0 -0
  62. package/es/ImageBubble/ImageBubble.js +5 -5
  63. package/es/ImageBubble/css/ImageBubble.module.css +1 -1
  64. package/es/ImageBubble/index.js +1 -1
  65. package/es/LazyLoadImage/LazyLoadImage.js +3 -3
  66. package/es/LazyLoadImage/index.js +1 -1
  67. package/es/LocationBubble/LocationBubble.js +4 -4
  68. package/es/LocationBubble/index.js +1 -1
  69. package/es/MediaBubbleWrapper/MediaBubbleWrapper.js +10 -8
  70. package/es/MediaBubbleWrapper/index.js +1 -1
  71. package/es/Message/Message.js +16 -23
  72. package/es/Message/index.js +1 -1
  73. package/es/MessageAction/MessageAction.js +14 -15
  74. package/es/MessageAction/index.js +1 -1
  75. package/es/MessageActions/MessageActions.js +17 -19
  76. package/es/MessageActions/index.js +1 -1
  77. package/es/MessageActionsMore/MessageActionsMore.js +4 -4
  78. package/es/MessageActionsMore/index.js +1 -1
  79. package/es/MessageActionsMore/props/propTypes.js +1 -1
  80. package/es/MessageActionsWrapper/MessageActionsWrapper.js +9 -8
  81. package/es/MessageActionsWrapper/index.js +1 -1
  82. package/es/MessageAvatar/MessageAvatar.js +3 -3
  83. package/es/MessageAvatar/index.js +1 -1
  84. package/es/MessageBox/MessageBox.js +4 -4
  85. package/es/MessageBox/css/MessageBox.module.css +5 -5
  86. package/es/MessageBox/index.js +1 -1
  87. package/es/MessageBubble/MessageBubble.js +4 -4
  88. package/es/MessageBubble/css/MessageBubble.module.css +3 -3
  89. package/es/MessageBubble/index.js +1 -1
  90. package/es/MessageStatus/MessageStatus.js +8 -8
  91. package/es/MessageStatus/index.js +1 -1
  92. package/es/MoreActionItem/MoreActionItem.js +3 -3
  93. package/es/MoreActionItem/css/MoreActionItem.module.css +2 -2
  94. package/es/MoreActionItem/index.js +1 -1
  95. package/es/ReplyBubble/ReplyBubble.js +18 -19
  96. package/es/ReplyBubble/index.js +1 -1
  97. package/es/ReplyBubbleContent/ReplyBubbleContent.js +4 -4
  98. package/es/ReplyBubbleContent/index.js +1 -1
  99. package/es/ReplyBubbleHeader/ReplyBubbleHeader.js +4 -4
  100. package/es/ReplyBubbleHeader/index.js +1 -1
  101. package/es/TextBubble/TextBubble.js +4 -4
  102. package/es/TextBubble/index.js +1 -1
  103. package/es/Theme/ThemeAssets.js +18 -18
  104. package/es/Theme/ThemeWrapper.js +15 -13
  105. package/es/Theme/TooltipWrapper.js +6 -5
  106. package/es/Theme/index.js +1 -1
  107. package/es/Theme/utils/combineConfigurations.js +1 -1
  108. package/es/Theme/utils/getCustomizedCssVariables.js +1 -1
  109. package/es/Video/Video.js +3 -3
  110. package/es/Video/index.js +1 -1
  111. package/es/VideoBubble/VideoBubble.js +15 -14
  112. package/es/VideoBubble/index.js +1 -1
  113. package/es/icons/create-icon-components.js +1 -1
  114. package/es/icons/iconSrc/attachments/Audio.js +1 -2
  115. package/es/icons/iconSrc/attachments/Code.js +1 -2
  116. package/es/icons/iconSrc/attachments/Image.js +1 -2
  117. package/es/icons/iconSrc/attachments/Pdf.js +1 -2
  118. package/es/icons/iconSrc/attachments/Ppt.js +1 -2
  119. package/es/icons/iconSrc/attachments/Text.js +1 -2
  120. package/es/icons/iconSrc/attachments/Txt.js +1 -2
  121. package/es/icons/iconSrc/attachments/Unknown.js +1 -2
  122. package/es/icons/iconSrc/attachments/Video.js +1 -2
  123. package/es/icons/iconSrc/attachments/Xls.js +1 -2
  124. package/es/icons/iconSrc/attachments/Zip.js +1 -2
  125. package/es/icons/iconSrc/attachments/index.js +10 -10
  126. package/es/icons/iconSrc/common/AlertTriangle.js +1 -2
  127. package/es/icons/iconSrc/common/Article.js +1 -2
  128. package/es/icons/iconSrc/common/Reply.js +1 -2
  129. package/es/icons/iconSrc/common/index.js +3 -3
  130. package/es/icons/iconSrc/messageStatus/Clock.js +1 -2
  131. package/es/icons/iconSrc/messageStatus/DoubleTick.js +1 -2
  132. package/es/icons/iconSrc/messageStatus/Failed.js +1 -2
  133. package/es/icons/iconSrc/messageStatus/Tick.js +1 -2
  134. package/es/icons/iconSrc/messageStatus/index.js +4 -4
  135. package/es/im/ArticleBubble/ArticleBubble.js +5 -5
  136. package/es/im/ArticleBubble/index.js +1 -1
  137. package/es/im/IMAttachmentHandler/IMAttachmentHandler.js +8 -7
  138. package/es/im/IMAttachmentHandler/index.js +1 -1
  139. package/es/im/IMIntegrationIcon/IMIntegrationIcon.js +4 -4
  140. package/es/im/IMIntegrationIcon/css/IMIntegrationIcon.module.css +4 -4
  141. package/es/im/IMIntegrationIcon/index.js +1 -1
  142. package/es/im/IMMessage/IMMessage.js +26 -29
  143. package/es/im/IMMessage/css/IMMessage.module.css +3 -3
  144. package/es/im/IMMessage/index.js +1 -1
  145. package/es/im/IMMessageContent/IMMessageContent.js +28 -40
  146. package/es/im/IMMessageContent/index.js +1 -1
  147. package/es/im/IMMessageMeta/IMMessageMeta.js +10 -9
  148. package/es/im/IMMessageMeta/css/IMMessageMeta.module.css +3 -3
  149. package/es/im/IMMessageMeta/index.js +1 -1
  150. package/es/im/IMMessageMetaInfo/IMMessageMetaInfo.js +3 -3
  151. package/es/im/IMMessageMetaInfo/css/IMMessageMetaInfo.module.css +2 -2
  152. package/es/im/IMMessageMetaInfo/index.js +1 -1
  153. package/es/im/IMPermaLink/IMPermaLink.js +4 -4
  154. package/es/im/IMPermaLink/index.js +1 -1
  155. package/es/im/IMReplyBubble/IMReplyBubble.js +9 -7
  156. package/es/im/IMReplyBubble/index.js +1 -1
  157. package/es/im/IMTextBubble/IMTextBubble.js +9 -7
  158. package/es/im/IMTextBubble/index.js +1 -1
  159. package/es/im/ReplyComposer/ReplyComposer.js +22 -22
  160. package/es/im/ReplyComposer/index.js +1 -1
  161. package/es/im/ReplyComposer/props/propTypes.js +1 -1
  162. package/es/im/ReplyComposerFooter/ReplyComposerFooter.js +4 -4
  163. package/es/im/ReplyComposerFooter/index.js +1 -1
  164. package/es/im/ReplyEditor/ReplyEditor.js +10 -9
  165. package/es/im/ReplyEditor/index.js +1 -1
  166. package/es/im/ReplyEditor/props/propTypes.js +1 -1
  167. package/es/im/ReplyEditorExtensions/ReplyEditorExtensions.js +16 -17
  168. package/es/im/ReplyEditorExtensions/index.js +1 -1
  169. package/es/im/ReplyEditorSuggestions/ReplyEditorSuggestions.js +13 -14
  170. package/es/im/ReplyEditorSuggestions/index.js +1 -1
  171. package/es/im/ReplyEditorSuggestionsPopup/ReplyEditorSuggestionsPopup.js +9 -8
  172. package/es/im/ReplyEditorSuggestionsPopup/index.js +1 -1
  173. package/es/im/ReplyEditorSuggestionsPopup/props/propTypes.js +1 -1
  174. package/es/im/index.js +16 -16
  175. package/es/index.js +41 -41
  176. package/es/rte/Editor/Editor.js +4 -4
  177. package/es/rte/Editor/css/Editor.module.css +0 -0
  178. package/es/rte/Editor/index.js +1 -1
  179. package/es/rte/Editor/props/defaultProps.js +0 -0
  180. package/es/rte/Editor/props/propTypes.js +1 -1
  181. package/es/rte/index.js +1 -1
  182. package/lib/ActionIcon/ActionIcon.js +97 -0
  183. package/lib/ActionIcon/css/ActionIcon.module.css +8 -0
  184. package/lib/ActionIcon/index.js +15 -0
  185. package/lib/ActionIcon/props/defaultProps.js +17 -0
  186. package/lib/ActionIcon/props/propTypes.js +30 -0
  187. package/lib/ActionIconWrapper/ActionIconWrapper.js +85 -0
  188. package/lib/ActionIconWrapper/css/ActionIconWrapper.module.css +32 -0
  189. package/lib/ActionIconWrapper/css/cssJSLogic.js +21 -0
  190. package/lib/ActionIconWrapper/index.js +15 -0
  191. package/lib/ActionIconWrapper/props/defaultProps.js +15 -0
  192. package/lib/ActionIconWrapper/props/propTypes.js +24 -0
  193. package/lib/AttachmentBubble/AttachmentBubble.js +93 -0
  194. package/lib/AttachmentBubble/css/AttachmentBubble.module.css +56 -0
  195. package/lib/AttachmentBubble/css/cssJSLogic.js +22 -0
  196. package/lib/AttachmentBubble/index.js +15 -0
  197. package/lib/AttachmentBubble/props/defaultProps.js +17 -0
  198. package/lib/AttachmentBubble/props/propTypes.js +30 -0
  199. package/lib/AttachmentBubbleInfo/AttachmentBubbleInfo.js +63 -0
  200. package/lib/AttachmentBubbleInfo/css/AttachmentBubbleInfo.module.css +39 -0
  201. package/lib/AttachmentBubbleInfo/css/cssJSLogic.js +20 -0
  202. package/lib/AttachmentBubbleInfo/index.js +15 -0
  203. package/lib/AttachmentBubbleInfo/props/defaultProps.js +15 -0
  204. package/lib/AttachmentBubbleInfo/props/propTypes.js +20 -0
  205. package/lib/AttachmentHandler/AttachmentHandler.js +104 -0
  206. package/lib/AttachmentHandler/css/AttachmentHandler.module.css +27 -0
  207. package/lib/AttachmentHandler/index.js +15 -0
  208. package/lib/AttachmentHandler/props/defaultProps.js +19 -0
  209. package/lib/AttachmentHandler/props/propTypes.js +28 -0
  210. package/lib/AttachmentIcon/AttachmentIcon.js +84 -0
  211. package/lib/AttachmentIcon/css/AttachmentIcon.module.css +8 -0
  212. package/lib/AttachmentIcon/css/cssJSLogic.js +20 -0
  213. package/lib/AttachmentIcon/index.js +15 -0
  214. package/lib/AttachmentIcon/props/defaultProps.js +17 -0
  215. package/lib/AttachmentIcon/props/propTypes.js +31 -0
  216. package/lib/AttachmentIcon/utils/getAttachmentIconComponent.js +78 -0
  217. package/lib/AttachmentPreview/AttachmentPreview.js +144 -0
  218. package/lib/AttachmentPreview/css/AttachmentPreview.module.css +39 -0
  219. package/lib/AttachmentPreview/index.js +15 -0
  220. package/lib/AttachmentPreview/props/defaultProps.js +18 -0
  221. package/lib/AttachmentPreview/props/propTypes.js +44 -0
  222. package/lib/AttachmentPreviewBody/AttachmentPreviewBody.js +120 -0
  223. package/lib/AttachmentPreviewBody/css/AttachmentPreviewBody.module.css +71 -0
  224. package/lib/AttachmentPreviewBody/index.js +15 -0
  225. package/lib/AttachmentPreviewBody/props/defaultProps.js +16 -0
  226. package/lib/AttachmentPreviewBody/props/propTypes.js +31 -0
  227. package/lib/AttachmentPreviewHeader/AttachmentPreviewHeader.js +94 -0
  228. package/lib/AttachmentPreviewHeader/css/AttachmentPreviewHeader.module.css +47 -0
  229. package/lib/AttachmentPreviewHeader/index.js +15 -0
  230. package/lib/AttachmentPreviewHeader/props/defaultProps.js +16 -0
  231. package/lib/AttachmentPreviewHeader/props/propTypes.js +27 -0
  232. package/lib/Audio/Audio.js +55 -0
  233. package/lib/Audio/css/Audio.module.css +7 -0
  234. package/lib/Audio/index.js +15 -0
  235. package/lib/Audio/props/defaultProps.js +15 -0
  236. package/lib/Audio/props/propTypes.js +19 -0
  237. package/lib/AudioBubble/AudioBubble.js +68 -0
  238. package/lib/AudioBubble/css/AudioBubble.module.css +4 -0
  239. package/lib/AudioBubble/index.js +15 -0
  240. package/lib/AudioBubble/props/defaultProps.js +16 -0
  241. package/lib/AudioBubble/props/propTypes.js +27 -0
  242. package/lib/Emoji/Emoji.js +91 -0
  243. package/lib/Emoji/css/Emoji.module.css +48 -0
  244. package/lib/Emoji/css/cssJSLogic.js +22 -0
  245. package/lib/Emoji/index.js +15 -0
  246. package/lib/Emoji/props/defaultProps.js +17 -0
  247. package/lib/Emoji/props/propTypes.js +27 -0
  248. package/lib/EmojiPopup/EmojiPopup.js +138 -0
  249. package/lib/EmojiPopup/css/EmojiPopup.module.css +50 -0
  250. package/lib/EmojiPopup/index.js +15 -0
  251. package/lib/EmojiPopup/props/defaultProps.js +20 -0
  252. package/lib/EmojiPopup/props/propTypes.js +33 -0
  253. package/lib/Emojis/Emojis.js +92 -0
  254. package/lib/Emojis/index.js +15 -0
  255. package/lib/Emojis/props/defaultProps.js +19 -0
  256. package/lib/Emojis/props/propTypes.js +31 -0
  257. package/lib/EmojisEmptyState/EmojisEmptyState.js +74 -0
  258. package/lib/EmojisEmptyState/css/EmojisEmptyState.module.css +18 -0
  259. package/lib/EmojisEmptyState/index.js +15 -0
  260. package/lib/EmojisEmptyState/props/defaultProps.js +18 -0
  261. package/lib/EmojisEmptyState/props/propTypes.js +19 -0
  262. package/lib/EmojisFooter/EmojisFooter.js +87 -0
  263. package/lib/EmojisFooter/css/EmojisFooter.module.css +39 -0
  264. package/lib/EmojisFooter/index.js +15 -0
  265. package/lib/EmojisFooter/props/defaultProps.js +16 -0
  266. package/lib/EmojisFooter/props/propTypes.js +23 -0
  267. package/lib/EmojisHeader/EmojisHeader.js +74 -0
  268. package/lib/EmojisHeader/css/EmojisHeader.module.css +36 -0
  269. package/lib/EmojisHeader/index.js +15 -0
  270. package/lib/EmojisHeader/props/defaultProps.js +17 -0
  271. package/lib/EmojisHeader/props/propTypes.js +24 -0
  272. package/lib/EmojisList/EmojisList.js +143 -0
  273. package/lib/EmojisList/css/EmojisList.module.css +50 -0
  274. package/lib/EmojisList/css/cssJSLogic.js +27 -0
  275. package/lib/EmojisList/index.js +15 -0
  276. package/lib/EmojisList/props/defaultProps.js +19 -0
  277. package/lib/EmojisList/props/propTypes.js +31 -0
  278. package/lib/Fonts/puviFont.module.css +62 -0
  279. package/lib/ImageBubble/ImageBubble.js +98 -0
  280. package/lib/ImageBubble/css/ImageBubble.module.css +63 -0
  281. package/lib/ImageBubble/css/cssJSLogic.js +21 -0
  282. package/lib/ImageBubble/index.js +15 -0
  283. package/lib/ImageBubble/props/defaultProps.js +15 -0
  284. package/lib/ImageBubble/props/propTypes.js +24 -0
  285. package/lib/LazyLoadImage/LazyLoadImage.js +54 -0
  286. package/lib/LazyLoadImage/css/LazyLoadImage.module.css +5 -0
  287. package/lib/LazyLoadImage/index.js +15 -0
  288. package/lib/LazyLoadImage/props/defaultProps.js +15 -0
  289. package/lib/LazyLoadImage/props/propTypes.js +19 -0
  290. package/lib/LocationBubble/LocationBubble.js +77 -0
  291. package/lib/LocationBubble/css/LocationBubble.module.css +57 -0
  292. package/lib/LocationBubble/css/cssJSLogic.js +20 -0
  293. package/lib/LocationBubble/images/location.png +0 -0
  294. package/lib/LocationBubble/index.js +15 -0
  295. package/lib/LocationBubble/props/defaultProps.js +15 -0
  296. package/lib/LocationBubble/props/propTypes.js +19 -0
  297. package/lib/MediaBubbleWrapper/MediaBubbleWrapper.js +76 -0
  298. package/lib/MediaBubbleWrapper/css/MediaBubbleWrapper.module.css +7 -0
  299. package/lib/MediaBubbleWrapper/index.js +15 -0
  300. package/lib/MediaBubbleWrapper/props/defaultProps.js +16 -0
  301. package/lib/MediaBubbleWrapper/props/propTypes.js +28 -0
  302. package/lib/Message/Message.js +157 -0
  303. package/lib/Message/index.js +15 -0
  304. package/lib/Message/props/defaultProps.js +22 -0
  305. package/lib/Message/props/propTypes.js +55 -0
  306. package/lib/MessageAction/MessageAction.js +77 -0
  307. package/lib/MessageAction/index.js +15 -0
  308. package/lib/MessageAction/props/defaultProps.js +17 -0
  309. package/lib/MessageAction/props/propTypes.js +34 -0
  310. package/lib/MessageActions/MessageActions.js +137 -0
  311. package/lib/MessageActions/css/MessageActions.module.css +24 -0
  312. package/lib/MessageActions/index.js +15 -0
  313. package/lib/MessageActions/props/defaultProps.js +20 -0
  314. package/lib/MessageActions/props/propTypes.js +39 -0
  315. package/lib/MessageActionsMore/MessageActionsMore.js +128 -0
  316. package/lib/MessageActionsMore/css/MessageActionsMore.module.css +24 -0
  317. package/lib/MessageActionsMore/index.js +15 -0
  318. package/lib/MessageActionsMore/props/defaultProps.js +18 -0
  319. package/lib/MessageActionsMore/props/propTypes.js +29 -0
  320. package/lib/MessageActionsWrapper/MessageActionsWrapper.js +91 -0
  321. package/lib/MessageActionsWrapper/css/MessageActionsWrapper.module.css +7 -0
  322. package/lib/MessageActionsWrapper/index.js +15 -0
  323. package/lib/MessageActionsWrapper/props/defaultProps.js +19 -0
  324. package/lib/MessageActionsWrapper/props/propTypes.js +27 -0
  325. package/lib/MessageAvatar/MessageAvatar.js +64 -0
  326. package/lib/MessageAvatar/css/MessageAvatar.module.css +23 -0
  327. package/lib/MessageAvatar/index.js +15 -0
  328. package/lib/MessageAvatar/props/defaultProps.js +16 -0
  329. package/lib/MessageAvatar/props/propTypes.js +24 -0
  330. package/lib/MessageBox/MessageBox.js +82 -0
  331. package/lib/MessageBox/css/MessageBox.module.css +56 -0
  332. package/lib/MessageBox/css/cssJSLogic.js +22 -0
  333. package/lib/MessageBox/index.js +15 -0
  334. package/lib/MessageBox/props/defaultProps.js +15 -0
  335. package/lib/MessageBox/props/propTypes.js +24 -0
  336. package/lib/MessageBubble/MessageBubble.js +170 -0
  337. package/lib/MessageBubble/css/MessageBubble.module.css +101 -0
  338. package/lib/MessageBubble/css/cssJSLogic.js +38 -0
  339. package/lib/MessageBubble/index.js +15 -0
  340. package/lib/MessageBubble/props/defaultProps.js +22 -0
  341. package/lib/MessageBubble/props/propTypes.js +30 -0
  342. package/lib/MessageStatus/MessageStatus.js +88 -0
  343. package/lib/MessageStatus/css/MessageStatus.module.css +17 -0
  344. package/lib/MessageStatus/css/cssJSLogic.js +33 -0
  345. package/lib/MessageStatus/index.js +15 -0
  346. package/lib/MessageStatus/props/defaultProps.js +15 -0
  347. package/lib/MessageStatus/props/propTypes.js +24 -0
  348. package/lib/MoreActionItem/MoreActionItem.js +98 -0
  349. package/lib/MoreActionItem/css/MoreActionItem.module.css +27 -0
  350. package/lib/MoreActionItem/index.js +15 -0
  351. package/lib/MoreActionItem/props/defaultProps.js +16 -0
  352. package/lib/MoreActionItem/props/propTypes.js +25 -0
  353. package/lib/ReplyBubble/ReplyBubble.js +136 -0
  354. package/lib/ReplyBubble/css/ReplyBubble.module.css +23 -0
  355. package/lib/ReplyBubble/css/cssJSLogic.js +20 -0
  356. package/lib/ReplyBubble/index.js +15 -0
  357. package/lib/ReplyBubble/props/defaultProps.js +17 -0
  358. package/lib/ReplyBubble/props/propTypes.js +39 -0
  359. package/lib/ReplyBubbleContent/ReplyBubbleContent.js +77 -0
  360. package/lib/ReplyBubbleContent/css/ReplyBubbleContent.module.css +75 -0
  361. package/lib/ReplyBubbleContent/css/cssJSLogic.js +20 -0
  362. package/lib/ReplyBubbleContent/index.js +15 -0
  363. package/lib/ReplyBubbleContent/props/defaultProps.js +15 -0
  364. package/lib/ReplyBubbleContent/props/propTypes.js +22 -0
  365. package/lib/ReplyBubbleHeader/ReplyBubbleHeader.js +97 -0
  366. package/lib/ReplyBubbleHeader/css/ReplyBubbleHeader.module.css +44 -0
  367. package/lib/ReplyBubbleHeader/css/cssJSLogic.js +18 -0
  368. package/lib/ReplyBubbleHeader/index.js +15 -0
  369. package/lib/ReplyBubbleHeader/props/defaultProps.js +16 -0
  370. package/lib/ReplyBubbleHeader/props/propTypes.js +24 -0
  371. package/lib/TextBubble/TextBubble.js +72 -0
  372. package/lib/TextBubble/css/TextBubble.module.css +36 -0
  373. package/lib/TextBubble/css/cssJSLogic.js +22 -0
  374. package/lib/TextBubble/index.js +15 -0
  375. package/lib/TextBubble/props/defaultProps.js +15 -0
  376. package/lib/TextBubble/props/propTypes.js +21 -0
  377. package/lib/Theme/ThemeAssets.js +182 -0
  378. package/lib/Theme/ThemeWrapper.js +130 -0
  379. package/lib/Theme/TooltipWrapper.js +97 -0
  380. package/lib/Theme/css/TooltipWrapper.module.css +10 -0
  381. package/lib/Theme/index.js +15 -0
  382. package/lib/Theme/props/defaultProps.js +20 -0
  383. package/lib/Theme/props/propTypes.js +26 -0
  384. package/lib/Theme/utils/combineConfigurations.js +31 -0
  385. package/lib/Theme/utils/flatVariables.js +21 -0
  386. package/lib/Theme/utils/getCustomizedCssVariables.js +29 -0
  387. package/lib/Theme/utils/getThemeConfigurations.js +28 -0
  388. package/lib/Theme/utils/getWrapperDivProps.js +23 -0
  389. package/lib/Video/Video.js +55 -0
  390. package/lib/Video/css/Video.module.css +5 -0
  391. package/lib/Video/index.js +15 -0
  392. package/lib/Video/props/defaultProps.js +15 -0
  393. package/lib/Video/props/propTypes.js +19 -0
  394. package/lib/VideoBubble/VideoBubble.js +77 -0
  395. package/lib/VideoBubble/css/VideoBubble.module.css +12 -0
  396. package/lib/VideoBubble/css/cssJSLogic.js +20 -0
  397. package/lib/VideoBubble/index.js +15 -0
  398. package/lib/VideoBubble/props/defaultProps.js +16 -0
  399. package/lib/VideoBubble/props/propTypes.js +28 -0
  400. package/lib/constants/index.js +18 -0
  401. package/lib/constants/propConstants/editorPropConstants.js +12 -0
  402. package/lib/constants/propConstants/popupPropConstants.js +10 -0
  403. package/lib/css/common.module.css +6 -0
  404. package/lib/icons/create-icon-components.js +199 -0
  405. package/lib/icons/factory/attachments/audio.svg +19 -0
  406. package/lib/icons/factory/attachments/code.svg +21 -0
  407. package/lib/icons/factory/attachments/image.svg +20 -0
  408. package/lib/icons/factory/attachments/pdf.svg +19 -0
  409. package/lib/icons/factory/attachments/ppt.svg +1 -0
  410. package/lib/icons/factory/attachments/text.svg +22 -0
  411. package/lib/icons/factory/attachments/unknown.svg +21 -0
  412. package/lib/icons/factory/attachments/video.svg +19 -0
  413. package/lib/icons/factory/attachments/xls.svg +1 -0
  414. package/lib/icons/factory/attachments/zip.svg +27 -0
  415. package/lib/icons/factory/common/alertTriangle.svg +5 -0
  416. package/lib/icons/factory/common/article.svg +4 -0
  417. package/lib/icons/factory/common/reply.svg +6 -0
  418. package/lib/icons/factory/messageStatus/clock.svg +7 -0
  419. package/lib/icons/factory/messageStatus/doubleTick.svg +1 -0
  420. package/lib/icons/factory/messageStatus/failed.svg +7 -0
  421. package/lib/icons/factory/messageStatus/tick.svg +1 -0
  422. package/lib/icons/icon.template.js +18 -0
  423. package/lib/icons/iconSrc/attachments/Audio.js +41 -0
  424. package/lib/icons/iconSrc/attachments/Code.js +47 -0
  425. package/lib/icons/iconSrc/attachments/Image.js +46 -0
  426. package/lib/icons/iconSrc/attachments/Pdf.js +41 -0
  427. package/lib/icons/iconSrc/attachments/Ppt.js +38 -0
  428. package/lib/icons/iconSrc/attachments/Text.js +50 -0
  429. package/lib/icons/iconSrc/attachments/Txt.js +50 -0
  430. package/lib/icons/iconSrc/attachments/Unknown.js +44 -0
  431. package/lib/icons/iconSrc/attachments/Video.js +41 -0
  432. package/lib/icons/iconSrc/attachments/Xls.js +38 -0
  433. package/lib/icons/iconSrc/attachments/Zip.js +89 -0
  434. package/lib/icons/iconSrc/attachments/index.js +87 -0
  435. package/lib/icons/iconSrc/common/AlertTriangle.js +35 -0
  436. package/lib/icons/iconSrc/common/Article.js +29 -0
  437. package/lib/icons/iconSrc/common/Reply.js +25 -0
  438. package/lib/icons/iconSrc/common/index.js +31 -0
  439. package/lib/icons/iconSrc/messageStatus/Clock.js +26 -0
  440. package/lib/icons/iconSrc/messageStatus/DoubleTick.js +28 -0
  441. package/lib/icons/iconSrc/messageStatus/Failed.js +26 -0
  442. package/lib/icons/iconSrc/messageStatus/Tick.js +25 -0
  443. package/lib/icons/iconSrc/messageStatus/index.js +39 -0
  444. package/lib/im/ArticleBubble/ArticleBubble.js +104 -0
  445. package/lib/im/ArticleBubble/css/ArticleBubble.module.css +75 -0
  446. package/lib/im/ArticleBubble/css/cssJSLogic.js +18 -0
  447. package/lib/im/ArticleBubble/index.js +15 -0
  448. package/lib/im/ArticleBubble/props/defaultProps.js +15 -0
  449. package/lib/im/ArticleBubble/props/propTypes.js +25 -0
  450. package/lib/im/IMAttachmentHandler/IMAttachmentHandler.js +59 -0
  451. package/lib/im/IMAttachmentHandler/index.js +15 -0
  452. package/lib/im/IMAttachmentHandler/props/defaultProps.js +19 -0
  453. package/lib/im/IMAttachmentHandler/props/propTypes.js +38 -0
  454. package/lib/im/IMIntegrationIcon/IMIntegrationIcon.js +82 -0
  455. package/lib/im/IMIntegrationIcon/css/IMIntegrationIcon.module.css +72 -0
  456. package/lib/im/IMIntegrationIcon/css/cssJSLogic.js +48 -0
  457. package/lib/im/IMIntegrationIcon/index.js +15 -0
  458. package/lib/im/IMIntegrationIcon/props/defaultProps.js +21 -0
  459. package/lib/im/IMIntegrationIcon/props/propTypes.js +27 -0
  460. package/lib/im/IMMessage/IMMessage.js +223 -0
  461. package/lib/im/IMMessage/css/IMMessage.module.css +36 -0
  462. package/lib/im/IMMessage/css/cssJSLogic.js +21 -0
  463. package/lib/im/IMMessage/index.js +15 -0
  464. package/lib/im/IMMessage/props/defaultProps.js +25 -0
  465. package/lib/im/IMMessage/props/propTypes.js +118 -0
  466. package/lib/im/IMMessageContent/IMMessageContent.js +149 -0
  467. package/lib/im/IMMessageContent/css/IMMessageContent.module.css +8 -0
  468. package/lib/im/IMMessageContent/index.js +15 -0
  469. package/lib/im/IMMessageContent/props/defaultProps.js +18 -0
  470. package/lib/im/IMMessageContent/props/propTypes.js +65 -0
  471. package/lib/im/IMMessageMeta/IMMessageMeta.js +79 -0
  472. package/lib/im/IMMessageMeta/css/IMMessageMeta.module.css +46 -0
  473. package/lib/im/IMMessageMeta/css/cssJSLogic.js +35 -0
  474. package/lib/im/IMMessageMeta/index.js +15 -0
  475. package/lib/im/IMMessageMeta/props/defaultProps.js +21 -0
  476. package/lib/im/IMMessageMeta/props/propTypes.js +44 -0
  477. package/lib/im/IMMessageMetaInfo/IMMessageMetaInfo.js +42 -0
  478. package/lib/im/IMMessageMetaInfo/css/IMMessageMetaInfo.module.css +14 -0
  479. package/lib/im/IMMessageMetaInfo/index.js +15 -0
  480. package/lib/im/IMMessageMetaInfo/props/defaultProps.js +17 -0
  481. package/lib/im/IMMessageMetaInfo/props/propTypes.js +19 -0
  482. package/lib/im/IMPermaLink/IMPermaLink.js +64 -0
  483. package/lib/im/IMPermaLink/css/IMPermaLink.module.css +14 -0
  484. package/lib/im/IMPermaLink/css/cssJSLogic.js +20 -0
  485. package/lib/im/IMPermaLink/index.js +15 -0
  486. package/lib/im/IMPermaLink/props/defaultProps.js +15 -0
  487. package/lib/im/IMPermaLink/props/propTypes.js +22 -0
  488. package/lib/im/IMReplyBubble/IMReplyBubble.js +59 -0
  489. package/lib/im/IMReplyBubble/index.js +15 -0
  490. package/lib/im/IMReplyBubble/props/defaultProps.js +16 -0
  491. package/lib/im/IMReplyBubble/props/propTypes.js +40 -0
  492. package/lib/im/IMTextBubble/IMTextBubble.js +47 -0
  493. package/lib/im/IMTextBubble/index.js +15 -0
  494. package/lib/im/IMTextBubble/props/defaultProps.js +18 -0
  495. package/lib/im/IMTextBubble/props/propTypes.js +42 -0
  496. package/lib/im/ReplyComposer/ReplyComposer.js +180 -0
  497. package/lib/im/ReplyComposer/css/ReplyComposer.module.css +10 -0
  498. package/lib/im/ReplyComposer/css/cssJSLogic.js +18 -0
  499. package/lib/im/ReplyComposer/index.js +15 -0
  500. package/lib/im/ReplyComposer/props/defaultProps.js +16 -0
  501. package/lib/im/ReplyComposer/props/propTypes.js +72 -0
  502. package/lib/im/ReplyComposerFooter/ReplyComposerFooter.js +64 -0
  503. package/lib/im/ReplyComposerFooter/css/ReplyComposerFooter.module.css +10 -0
  504. package/lib/im/ReplyComposerFooter/index.js +15 -0
  505. package/lib/im/ReplyComposerFooter/props/defaultProps.js +17 -0
  506. package/lib/im/ReplyComposerFooter/props/propTypes.js +28 -0
  507. package/lib/im/ReplyEditor/ReplyEditor.js +124 -0
  508. package/lib/im/ReplyEditor/css/ReplyEditor.module.css +54 -0
  509. package/lib/im/ReplyEditor/css/cssJSLogic.js +17 -0
  510. package/lib/im/ReplyEditor/index.js +15 -0
  511. package/lib/im/ReplyEditor/props/defaultProps.js +17 -0
  512. package/lib/im/ReplyEditor/props/propTypes.js +39 -0
  513. package/lib/im/ReplyEditorExtensions/ReplyEditorExtensions.js +160 -0
  514. package/lib/im/ReplyEditorExtensions/css/ReplyEditorExtensions.module.css +5 -0
  515. package/lib/im/ReplyEditorExtensions/index.js +15 -0
  516. package/lib/im/ReplyEditorExtensions/props/defaultProps.js +15 -0
  517. package/lib/im/ReplyEditorExtensions/props/propTypes.js +27 -0
  518. package/lib/im/ReplyEditorSuggestions/ReplyEditorSuggestions.js +119 -0
  519. package/lib/im/ReplyEditorSuggestions/css/ReplyEditorSuggestions.module.css +8 -0
  520. package/lib/im/ReplyEditorSuggestions/index.js +15 -0
  521. package/lib/im/ReplyEditorSuggestions/props/defaultProps.js +15 -0
  522. package/lib/im/ReplyEditorSuggestions/props/propTypes.js +32 -0
  523. package/lib/im/ReplyEditorSuggestionsPopup/ReplyEditorSuggestionsPopup.js +107 -0
  524. package/lib/im/ReplyEditorSuggestionsPopup/css/ReplyEditorSuggestionsPopup.module.css +7 -0
  525. package/lib/im/ReplyEditorSuggestionsPopup/index.js +15 -0
  526. package/lib/im/ReplyEditorSuggestionsPopup/props/defaultProps.js +19 -0
  527. package/lib/im/ReplyEditorSuggestionsPopup/props/propTypes.js +33 -0
  528. package/lib/im/css/common.module.css +6 -0
  529. package/lib/im/index.js +213 -0
  530. package/lib/rte/Editor/Editor.js +97 -0
  531. package/lib/rte/Editor/css/Editor.module.css +17 -0
  532. package/lib/rte/Editor/index.js +15 -0
  533. package/lib/rte/Editor/props/defaultProps.js +30 -0
  534. package/lib/rte/Editor/props/propTypes.js +74 -0
  535. package/lib/rte/index.js +18 -0
  536. package/package.json +45 -27
@@ -1,12 +1,14 @@
1
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
+
1
3
  /** ** Libraries *** */
2
4
  import React, { useMemo } from 'react';
3
5
  /** ** Components *** */
4
6
 
5
7
  import { Container } from '@zohodesk/components/es/Layout';
6
- import ReplyEditor from "../ReplyEditor/ReplyEditor";
7
- import ReplyComposerFooter from "../ReplyComposerFooter/ReplyComposerFooter";
8
- import ReplyEditorSuggestions from "../ReplyEditorSuggestions/ReplyEditorSuggestions";
9
- import AttachmentPreview from "../../AttachmentPreview/AttachmentPreview";
8
+ import ReplyEditor from '../ReplyEditor/ReplyEditor';
9
+ import ReplyComposerFooter from '../ReplyComposerFooter/ReplyComposerFooter';
10
+ import ReplyEditorSuggestions from '../ReplyEditorSuggestions/ReplyEditorSuggestions';
11
+ import AttachmentPreview from '../../AttachmentPreview/AttachmentPreview';
10
12
  /** ** Hooks *** */
11
13
 
12
14
  import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
@@ -15,15 +17,15 @@ import useReplyComposerSuggestions from '@zohoim/chat-components-hooks/es/im/Rep
15
17
  /** ** Constants *** */
16
18
 
17
19
  import { dummyArray, dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
18
- import replyComposerDefaultProps from "./props/defaultProps";
19
- import replyComposerPropTypes from "./props/propTypes";
20
+ import replyComposerDefaultProps from './props/defaultProps';
21
+ import replyComposerPropTypes from './props/propTypes';
20
22
  /** ** Methods *** */
21
23
 
22
24
  import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
23
- import cssJSLogic from "./css/cssJSLogic";
25
+ import cssJSLogic from './css/cssJSLogic';
24
26
  /** ** Styles *** */
25
27
 
26
- import style from "./css/ReplyComposer.module.css";
28
+ import style from './css/ReplyComposer.module.css';
27
29
  export default function ReplyComposer(props) {
28
30
  const {
29
31
  customStyle,
@@ -47,6 +49,7 @@ export default function ReplyComposer(props) {
47
49
  onFileSubmit: propOnFileSubmit,
48
50
  attachmentPreviewTexts,
49
51
  renderHeader,
52
+ renderBody,
50
53
  renderFooter,
51
54
  renderStencils,
52
55
  getEditorState: propGetEditorState,
@@ -102,20 +105,20 @@ export default function ReplyComposer(props) {
102
105
  isLoaded
103
106
  }, newStyle);
104
107
  const headerElement = useMemo(() => renderHandler(renderHeader)(), [renderHeader]);
108
+ const bodyElement = useMemo(() => renderBody ? renderHandler(renderBody)() : null, [renderBody]);
105
109
  const stencilsElement = useMemo(() => isLoading ? renderHandler(renderStencils)({
106
110
  needFooter
107
111
  }) : null, [renderStencils, needFooter, isLoading]);
108
112
  return /*#__PURE__*/React.createElement(Container, {
109
113
  className: newStyle.replyComposer,
110
114
  isCover: false
111
- }, isShowSuggestion ? /*#__PURE__*/React.createElement(ReplyEditorSuggestions, {
115
+ }, isShowSuggestion ? /*#__PURE__*/React.createElement(ReplyEditorSuggestions, _extends({
112
116
  getMethods: getSuggetPopupMethods,
113
117
  onClose: onHideSuggestions,
114
118
  onSelect: onSelectSuggestion,
115
119
  suggestionDetails: suggestionDetails,
116
- suggestionsMapping: suggestionsMapping,
117
- ...replyEditorSuggestionsProps
118
- }) : null, files.length > 0 ? /*#__PURE__*/React.createElement(AttachmentPreview, {
120
+ suggestionsMapping: suggestionsMapping
121
+ }, replyEditorSuggestionsProps)) : null, files.length > 0 ? /*#__PURE__*/React.createElement(AttachmentPreview, _extends({
119
122
  descriptionDetails: filesDescription,
120
123
  files: files,
121
124
  isDescriptionNeeded: true,
@@ -123,11 +126,10 @@ export default function ReplyComposer(props) {
123
126
  onCancel: onFileCancel,
124
127
  onDescriptionChange: onChangeFileDescription,
125
128
  onSubmit: onFileSubmit,
126
- texts: attachmentPreviewTexts,
127
- ...attachmentPreviewCustomProps
128
- }) : null, isLoaded ? headerElement : null, stencilsElement || null, /*#__PURE__*/React.createElement("div", {
129
+ texts: attachmentPreviewTexts
130
+ }, attachmentPreviewCustomProps)) : null, isLoaded ? headerElement : null, stencilsElement || null, bodyElement || /*#__PURE__*/React.createElement("div", {
129
131
  className: replEditorWrapperClass
130
- }, /*#__PURE__*/React.createElement(ReplyEditor, {
132
+ }, /*#__PURE__*/React.createElement(ReplyEditor, _extends({
131
133
  content: content,
132
134
  EDITORURL: EDITORURL,
133
135
  features: allFeatures,
@@ -138,15 +140,13 @@ export default function ReplyComposer(props) {
138
140
  onChange: onChange,
139
141
  onKeyDown: onKeyDown,
140
142
  onPaste: onPaste,
141
- placeHolder: placeHolder,
142
- ...replyEditorCustomProps
143
- })), needFooter && isLoaded ? /*#__PURE__*/React.createElement(ReplyComposerFooter, {
143
+ placeHolder: placeHolder
144
+ }, replyEditorCustomProps))), needFooter && isLoaded ? /*#__PURE__*/React.createElement(ReplyComposerFooter, _extends({
144
145
  editor: editor,
145
146
  extensions: extensions,
146
147
  isHTMLContent: isHTMLContent,
147
- renderButtons: renderFooter,
148
- ...replyComposerFooterProps
149
- }) : null);
148
+ renderButtons: renderFooter
149
+ }, replyComposerFooterProps)) : null);
150
150
  }
151
151
  ReplyComposer.propTypes = replyComposerPropTypes;
152
152
  ReplyComposer.defaultProps = replyComposerDefaultProps;
@@ -1 +1 @@
1
- export { default as ReplyComposer } from "./ReplyComposer";
1
+ export { default as ReplyComposer } from './ReplyComposer';
@@ -2,7 +2,7 @@
2
2
  import PropTypes from 'prop-types';
3
3
  /** ** Constants *** */
4
4
 
5
- import { features, formats } from "../../../constants/propConstants/editorPropConstants";
5
+ import { features, formats } from '../../../constants/propConstants/editorPropConstants';
6
6
  const replyComposerPropTypes = {
7
7
  customStyle: PropTypes.object,
8
8
  id: PropTypes.string,
@@ -2,20 +2,20 @@
2
2
  import React, { useMemo } from 'react';
3
3
  /** ** Components *** */
4
4
 
5
- import ReplyEditorExtensions from "../ReplyEditorExtensions/ReplyEditorExtensions";
5
+ import ReplyEditorExtensions from '../ReplyEditorExtensions/ReplyEditorExtensions';
6
6
  /** ** Hooks *** */
7
7
 
8
8
  import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
9
9
  /** ** Constants *** */
10
10
 
11
- import replyComposerFooterDefaultProps from "./props/defaultProps";
12
- import replyComposerFooterPropTypes from "./props/propTypes";
11
+ import replyComposerFooterDefaultProps from './props/defaultProps';
12
+ import replyComposerFooterPropTypes from './props/propTypes';
13
13
  /** ** Methods *** */
14
14
 
15
15
  import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
16
16
  /** ** Styles *** */
17
17
 
18
- import style from "./css/ReplyComposerFooter.module.css";
18
+ import style from './css/ReplyComposerFooter.module.css';
19
19
  export default function ReplyComposerFooter(props) {
20
20
  const {
21
21
  customStyle,
@@ -1 +1 @@
1
- export { default as ReplyComposerFooter } from "./ReplyComposerFooter";
1
+ export { default as ReplyComposerFooter } from './ReplyComposerFooter';
@@ -1,8 +1,10 @@
1
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
+
1
3
  /** ** Libraries *** */
2
4
  import React, { useMemo } from 'react';
3
5
  /** ** Components *** */
4
6
 
5
- import Editor from "../../rte/Editor/Editor";
7
+ import Editor from '../../rte/Editor/Editor';
6
8
  import { Container } from '@zohodesk/components/es/Layout';
7
9
  /** ** Hooks *** */
8
10
 
@@ -11,14 +13,14 @@ import useReplyEditor from '@zohoim/chat-components-hooks/es/im/ReplyEditor/useR
11
13
  /** ** Constants *** */
12
14
 
13
15
  import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
14
- import replyEditorDefaultProps from "./props/defaultProps";
15
- import replyEditorPropTypes from "./props/propTypes";
16
+ import replyEditorDefaultProps from './props/defaultProps';
17
+ import replyEditorPropTypes from './props/propTypes';
16
18
  /** ** Methods *** */
17
19
 
18
- import cssJSLogic from "./css/cssJSLogic";
20
+ import cssJSLogic from './css/cssJSLogic';
19
21
  /** ** Styles *** */
20
22
 
21
- import style from "./css/ReplyEditor.module.css";
23
+ import style from './css/ReplyEditor.module.css';
22
24
  export default function ReplyEditor(props) {
23
25
  const {
24
26
  id,
@@ -79,7 +81,7 @@ export default function ReplyEditor(props) {
79
81
  className: newStyle.replyEditor
80
82
  }, isRenderEditor ? /*#__PURE__*/React.createElement(Container, {
81
83
  className: editorClass
82
- }, /*#__PURE__*/React.createElement(Editor, {
84
+ }, /*#__PURE__*/React.createElement(Editor, _extends({
83
85
  appearance: appearance,
84
86
  content: content,
85
87
  customStyle: editorNewCustomStyle,
@@ -94,9 +96,8 @@ export default function ReplyEditor(props) {
94
96
  onKeyDown: onKeyDown,
95
97
  onPaste: onPaste,
96
98
  onReadyCallback: onReadyCallback,
97
- placeHolder: placeHolder,
98
- ...editorProps
99
- })) : null);
99
+ placeHolder: placeHolder
100
+ }, editorProps))) : null);
100
101
  }
101
102
  ReplyEditor.propTypes = replyEditorPropTypes;
102
103
  ReplyEditor.defaultProps = replyEditorDefaultProps;
@@ -1 +1 @@
1
- export { default as ReplyEditor } from "./ReplyEditor";
1
+ export { default as ReplyEditor } from './ReplyEditor';
@@ -2,7 +2,7 @@
2
2
  import PropTypes from 'prop-types';
3
3
  /** ** Constants *** */
4
4
 
5
- import { features, formats } from "../../../constants/propConstants/editorPropConstants";
5
+ import { features, formats } from '../../../constants/propConstants/editorPropConstants';
6
6
  const replyEditorPropTypes = {
7
7
  customStyle: PropTypes.object,
8
8
  id: PropTypes.string,
@@ -1,10 +1,12 @@
1
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
+
1
3
  /** ** Libraries *** */
2
4
  import React, { useCallback, useMemo } from 'react';
3
5
  /** ** Components *** */
4
6
 
5
7
  import { Container, Box } from '@zohodesk/components/es/Layout';
6
- import IMAttachmentHandler from "../IMAttachmentHandler/IMAttachmentHandler";
7
- import EmojiPopup from "../../EmojiPopup/EmojiPopup";
8
+ import IMAttachmentHandler from '../IMAttachmentHandler/IMAttachmentHandler';
9
+ import EmojiPopup from '../../EmojiPopup/EmojiPopup';
8
10
  /** ** Hooks *** */
9
11
 
10
12
  import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
@@ -12,11 +14,11 @@ import useReplyEditorExtensions from '@zohoim/chat-components-hooks/es/im/ReplyE
12
14
  /** ** Constants *** */
13
15
 
14
16
  import { dummyArray, dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
15
- import replyEditorExtensionsDefaultProps from "./props/defaultProps";
16
- import replyEditorExtensionsPropTypes from "./props/propTypes";
17
+ import replyEditorExtensionsDefaultProps from './props/defaultProps';
18
+ import replyEditorExtensionsPropTypes from './props/propTypes';
17
19
  /** ** Styles *** */
18
20
 
19
- import style from "./css/ReplyEditorExtensions.module.css";
21
+ import style from './css/ReplyEditorExtensions.module.css';
20
22
  export default function ReplyEditorExtensions(props) {
21
23
  const {
22
24
  customStyle,
@@ -39,7 +41,7 @@ export default function ReplyEditorExtensions(props) {
39
41
  const {
40
42
  needFocusOnSelect
41
43
  } = componentProps;
42
- return /*#__PURE__*/React.createElement(EmojiPopup, {
44
+ return /*#__PURE__*/React.createElement(EmojiPopup, _extends({
43
45
  key: id,
44
46
  onPopupClose: onPopupClose,
45
47
  onPopupOpen: onPopupOpen,
@@ -48,35 +50,32 @@ export default function ReplyEditorExtensions(props) {
48
50
  content: value,
49
51
  needFocus: needFocusOnSelect
50
52
  });
51
- },
52
- ...componentProps
53
- });
53
+ }
54
+ }, componentProps));
54
55
  }, []);
55
56
  const handleRenderImageExtension = useCallback(_ref2 => {
56
57
  let {
57
58
  id,
58
59
  componentProps
59
60
  } = _ref2;
60
- return /*#__PURE__*/React.createElement(IMAttachmentHandler, {
61
+ return /*#__PURE__*/React.createElement(IMAttachmentHandler, _extends({
61
62
  key: id,
62
63
  attachmentType: "image",
63
64
  iconName: "ZD-TT-image",
64
- iconSize: "14",
65
- ...componentProps
66
- });
65
+ iconSize: "14"
66
+ }, componentProps));
67
67
  }, []);
68
68
  const handleRenderFileExtension = useCallback(_ref3 => {
69
69
  let {
70
70
  id,
71
71
  componentProps
72
72
  } = _ref3;
73
- return /*#__PURE__*/React.createElement(IMAttachmentHandler, {
73
+ return /*#__PURE__*/React.createElement(IMAttachmentHandler, _extends({
74
74
  key: id,
75
75
  attachmentType: "document",
76
76
  iconName: "ZD-TT-ttAttach",
77
- iconSize: "14",
78
- ...componentProps
79
- });
77
+ iconSize: "14"
78
+ }, componentProps));
80
79
  }, []);
81
80
  const defaultRenderMethod = useMemo(() => ({
82
81
  emoji: {
@@ -1 +1 @@
1
- export { default as ReplyEditorExtensions } from "./ReplyEditorExtensions";
1
+ export { default as ReplyEditorExtensions } from './ReplyEditorExtensions';
@@ -1,10 +1,12 @@
1
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
+
1
3
  /** ** Libraries *** */
2
4
  import React, { useMemo, useCallback } from 'react';
3
5
  /** ** Components *** */
4
6
 
5
7
  import { Container } from '@zohodesk/components/es/Layout';
6
- import Emojis from "../../Emojis/Emojis";
7
- import ReplyEditorSuggestionsPopup from "../ReplyEditorSuggestionsPopup/ReplyEditorSuggestionsPopup";
8
+ import Emojis from '../../Emojis/Emojis';
9
+ import ReplyEditorSuggestionsPopup from '../ReplyEditorSuggestionsPopup/ReplyEditorSuggestionsPopup';
8
10
  /** ** Hooks *** */
9
11
 
10
12
  import useReplyEditorSuggestions from '@zohoim/chat-components-hooks/es/im/ReplyEditorSuggestions/useReplyEditorSuggestions';
@@ -12,12 +14,12 @@ import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
12
14
  /** ** Constants *** */
13
15
 
14
16
  import { dummyObject } from '@zohoim/chat-components-utils/es/constants';
15
- import replyEditorSuggestionsDefaultProps from "./props/defaultProps";
16
- import replyEditorSuggestionsPropTypes from "./props/propTypes";
17
+ import replyEditorSuggestionsDefaultProps from './props/defaultProps';
18
+ import replyEditorSuggestionsPropTypes from './props/propTypes';
17
19
  import { emojiRegex } from '@zohoim/chat-components-utils/es/constants/regexConstants';
18
20
  /** ** Styles *** */
19
21
 
20
- import style from "./css/ReplyEditorSuggestions.module.css";
22
+ import style from './css/ReplyEditorSuggestions.module.css';
21
23
  export default function ReplyEditorSuggestions(props) {
22
24
  const {
23
25
  customStyle,
@@ -49,7 +51,7 @@ export default function ReplyEditorSuggestions(props) {
49
51
  } = componentProps || {}; // (-1) -> ':' string is not valid for count.
50
52
 
51
53
  const isShowEmojiPopup = searchText.length - 1 >= searchTextLenForShow;
52
- return isShowEmojiPopup ? /*#__PURE__*/React.createElement(Emojis, {
54
+ return isShowEmojiPopup ? /*#__PURE__*/React.createElement(Emojis, _extends({
53
55
  emojisRowType: "single",
54
56
  getMethods: getMethods,
55
57
  isShowGroupBasedList: false,
@@ -61,9 +63,8 @@ export default function ReplyEditorSuggestions(props) {
61
63
  content: value
62
64
  });
63
65
  },
64
- searchString: searchText,
65
- ...componentProps
66
- }) : null;
66
+ searchString: searchText
67
+ }, componentProps)) : null;
67
68
  }, []);
68
69
  const defaultRenderMethod = useMemo(() => ({
69
70
  ':': handleRenderEmoji,
@@ -82,13 +83,11 @@ export default function ReplyEditorSuggestions(props) {
82
83
  });
83
84
  return /*#__PURE__*/React.createElement(Container, {
84
85
  className: newStyle.suggestionPopup
85
- }, /*#__PURE__*/React.createElement(ReplyEditorSuggestionsPopup, {
86
+ }, /*#__PURE__*/React.createElement(ReplyEditorSuggestionsPopup, _extends({
86
87
  onClose: onClose,
87
88
  suggestionElement: suggestionElement,
88
- targetPosition: position,
89
- ...replyEditorSuggestionsPopupProps,
90
- ...popupProps
91
- }));
89
+ targetPosition: position
90
+ }, replyEditorSuggestionsPopupProps, popupProps)));
92
91
  }
93
92
  ReplyEditorSuggestions.propTypes = replyEditorSuggestionsPropTypes;
94
93
  ReplyEditorSuggestions.defaultProps = replyEditorSuggestionsDefaultProps;
@@ -1 +1 @@
1
- export { default as ReplyEditorSuggestions } from "./ReplyEditorSuggestions";
1
+ export { default as ReplyEditorSuggestions } from './ReplyEditorSuggestions';
@@ -1,3 +1,5 @@
1
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
+
1
3
  /** ** Libraries *** */
2
4
  import React from 'react';
3
5
  /** ** Components *** */
@@ -11,13 +13,13 @@ import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
11
13
  import useReplyEditorSuggestionsPopup from '@zohoim/chat-components-hooks/es/im/ReplyEditorSuggestionsPopup/useReplyEditorSuggestionsPopup';
12
14
  /** ** Constants *** */
13
15
 
14
- import replyEditorSuggestionsPopupDefaultProps from "./props/defaultProps";
15
- import replyEditorSuggestionsPopupPropTypes from "./props/propTypes";
16
+ import replyEditorSuggestionsPopupDefaultProps from './props/defaultProps';
17
+ import replyEditorSuggestionsPopupPropTypes from './props/propTypes';
16
18
  import { dummyObject } from '@zohoim/chat-components-utils/es/constants';
17
- import { EDITOR_POPUP_PORTAL, EDITOR_POPUP_TARGET_PORTAL } from "../../constants";
19
+ import { EDITOR_POPUP_PORTAL, EDITOR_POPUP_TARGET_PORTAL } from '../../constants';
18
20
  /** ** Styles *** */
19
21
 
20
- import style from "./css/ReplyEditorSuggestionsPopup.module.css";
22
+ import style from './css/ReplyEditorSuggestionsPopup.module.css';
21
23
  export function ReplyEditorSuggestionsPopupComp(props) {
22
24
  const {
23
25
  customStyle,
@@ -67,7 +69,7 @@ export function ReplyEditorSuggestionsPopupComp(props) {
67
69
  ref: getTargetRef,
68
70
  className: newStyle.hiddenTarget,
69
71
  style: targetElementStyle
70
- }))), isPopupOpen ? /*#__PURE__*/React.createElement(DropBox, {
72
+ }))), isPopupOpen ? /*#__PURE__*/React.createElement(DropBox, _extends({
71
73
  boxPosition: position,
72
74
  customStyle: dummyObject,
73
75
  getRef: getContainerRef,
@@ -78,9 +80,8 @@ export function ReplyEditorSuggestionsPopupComp(props) {
78
80
  onClick: removeClose,
79
81
  portalId: EDITOR_POPUP_PORTAL,
80
82
  positionsOffset: positionsOffset,
81
- size: popupSize,
82
- ...dropBoxProps
83
- }, suggestionElement) : null);
83
+ size: popupSize
84
+ }, dropBoxProps), suggestionElement) : null);
84
85
  }
85
86
  const ReplyEditorSuggestionsPopup = Popup(ReplyEditorSuggestionsPopupComp, undefined, undefined, {
86
87
  isAbsolutePositioningNeeded: false
@@ -1 +1 @@
1
- export { default as ReplyEditorSuggestionsPopup } from "./ReplyEditorSuggestionsPopup";
1
+ export { default as ReplyEditorSuggestionsPopup } from './ReplyEditorSuggestionsPopup';
@@ -2,7 +2,7 @@
2
2
  import PropTypes from 'prop-types';
3
3
  /** ** Constants *** */
4
4
 
5
- import { popupSize, popupPosition } from "../../../constants/propConstants/popupPropConstants";
5
+ import { popupSize, popupPosition } from '../../../constants/propConstants/popupPropConstants';
6
6
  const replyEditorSuggestionsPopupPropTypes = {
7
7
  customStyle: PropTypes.object,
8
8
  targetPosition: PropTypes.shape({
package/es/im/index.js CHANGED
@@ -1,16 +1,16 @@
1
- export * from "./IMIntegrationIcon";
2
- export * from "./IMMessage";
3
- export * from "./IMPermaLink";
4
- export * from "./IMMessageMeta";
5
- export * from "./IMMessageMetaInfo";
6
- export * from "./IMMessageContent";
7
- export * from "./IMTextBubble";
8
- export * from "./IMReplyBubble";
9
- export * from "./ArticleBubble";
10
- export * from "./IMAttachmentHandler";
11
- export * from "./ReplyComposer";
12
- export * from "./ReplyEditor";
13
- export * from "./ReplyEditorSuggestions";
14
- export * from "./ReplyEditorExtensions";
15
- export * from "./ReplyComposerFooter";
16
- export * from "./ReplyEditorSuggestionsPopup";
1
+ export * from './IMIntegrationIcon';
2
+ export * from './IMMessage';
3
+ export * from './IMPermaLink';
4
+ export * from './IMMessageMeta';
5
+ export * from './IMMessageMetaInfo';
6
+ export * from './IMMessageContent';
7
+ export * from './IMTextBubble';
8
+ export * from './IMReplyBubble';
9
+ export * from './ArticleBubble';
10
+ export * from './IMAttachmentHandler';
11
+ export * from './ReplyComposer';
12
+ export * from './ReplyEditor';
13
+ export * from './ReplyEditorSuggestions';
14
+ export * from './ReplyEditorExtensions';
15
+ export * from './ReplyComposerFooter';
16
+ export * from './ReplyEditorSuggestionsPopup';
package/es/index.js CHANGED
@@ -1,43 +1,43 @@
1
- export * from "./MessageBubble";
2
- export * from "./MessageActionsWrapper";
3
- export * from "./MessageActions";
4
- export * from "./MessageBox";
5
- export * from "./ActionIcon";
6
- export * from "./ActionIconWrapper";
7
- export * from "./MessageActionsMore";
8
- export * from "./MessageAvatar";
9
- export * from "./MoreActionItem";
10
- export * from "./MessageAction";
11
- export * from "./Theme";
12
- export * from "./Message";
13
- export * from "./AudioBubble";
14
- export * from "./AttachmentBubble";
15
- export * from "./AttachmentIcon";
16
- export * from "./VideoBubble";
17
- export * from "./ImageBubble";
18
- export * from "./TextBubble";
19
- export * from "./LocationBubble";
20
- export * from "./AttachmentBubbleInfo";
21
- export * from "./Audio";
22
- export * from "./Video";
23
- export * from "./ReplyBubble";
24
- export * from "./ReplyBubbleHeader";
25
- export * from "./LazyLoadImage";
26
- export * from "./ReplyBubbleContent";
27
- export * from "./MessageStatus";
28
- export * from "./im";
29
- export * from "./Emojis";
30
- export * from "./EmojisList";
31
- export * from "./Emoji";
32
- export * from "./EmojiPopup";
33
- export * from "./EmojisHeader";
34
- export * from "./EmojisFooter";
35
- export * from "./EmojisEmptyState";
36
- export * from "./rte";
37
- export * from "./AttachmentHandler";
38
- export * from "./AttachmentPreview";
39
- export * from "./AttachmentPreviewHeader";
40
- export * from "./AttachmentPreviewBody";
1
+ export * from './MessageBubble';
2
+ export * from './MessageActionsWrapper';
3
+ export * from './MessageActions';
4
+ export * from './MessageBox';
5
+ export * from './ActionIcon';
6
+ export * from './ActionIconWrapper';
7
+ export * from './MessageActionsMore';
8
+ export * from './MessageAvatar';
9
+ export * from './MoreActionItem';
10
+ export * from './MessageAction';
11
+ export * from './Theme';
12
+ export * from './Message';
13
+ export * from './AudioBubble';
14
+ export * from './AttachmentBubble';
15
+ export * from './AttachmentIcon';
16
+ export * from './VideoBubble';
17
+ export * from './ImageBubble';
18
+ export * from './TextBubble';
19
+ export * from './LocationBubble';
20
+ export * from './AttachmentBubbleInfo';
21
+ export * from './Audio';
22
+ export * from './Video';
23
+ export * from './ReplyBubble';
24
+ export * from './ReplyBubbleHeader';
25
+ export * from './LazyLoadImage';
26
+ export * from './ReplyBubbleContent';
27
+ export * from './MessageStatus';
28
+ export * from './im';
29
+ export * from './Emojis';
30
+ export * from './EmojisList';
31
+ export * from './Emoji';
32
+ export * from './EmojiPopup';
33
+ export * from './EmojisHeader';
34
+ export * from './EmojisFooter';
35
+ export * from './EmojisEmptyState';
36
+ export * from './rte';
37
+ export * from './AttachmentHandler';
38
+ export * from './AttachmentPreview';
39
+ export * from './AttachmentPreviewHeader';
40
+ export * from './AttachmentPreviewBody';
41
41
  /** * CONSTANTS ** */
42
42
 
43
- export * from "./constants";
43
+ export * from './constants';
@@ -6,12 +6,12 @@ import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
6
6
  import useEditor from '@zohoim/chat-components-hooks/es/rte/Editor/useEditor';
7
7
  /** ** Constants *** */
8
8
 
9
- import editorDefaultProps from "./props/defaultProps";
10
- import editorPropTypes from "./props/propTypes";
11
- import { defaultEditorURL } from "../../constants";
9
+ import editorDefaultProps from './props/defaultProps';
10
+ import editorPropTypes from './props/propTypes';
11
+ import { defaultEditorURL } from '../../constants';
12
12
  /** ** Styles *** */
13
13
 
14
- import style from "./css/Editor.module.css";
14
+ import style from './css/Editor.module.css';
15
15
  export default function Editor(props) {
16
16
  const {
17
17
  customStyle,
File without changes
@@ -1 +1 @@
1
- export { default as Editor } from "./Editor";
1
+ export { default as Editor } from './Editor';
File without changes
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
3
3
  /** ** Constants *** */
4
4
 
5
5
  import { modeConstants } from '@zohoim/chat-components-utils/es/constants/themeConstants';
6
- import { features, formats, langCode } from "../../../constants/propConstants/editorPropConstants";
6
+ import { features, formats, langCode } from '../../../constants/propConstants/editorPropConstants';
7
7
  const editorPropTypes = {
8
8
  id: PropTypes.string.isRequired,
9
9
  domId: PropTypes.string,
package/es/rte/index.js CHANGED
@@ -1 +1 @@
1
- export * from "./Editor";
1
+ export * from './Editor';