@zohoim/chat-components 1.1.3 → 1.1.4-beta.2

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