stream-chat-react 9.3.0 → 10.0.0-theming-v2.1

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 (521) hide show
  1. package/dist/browser.full-bundle.js +17513 -13580
  2. package/dist/browser.full-bundle.js.map +1 -1
  3. package/dist/browser.full-bundle.min.js +20 -5
  4. package/dist/browser.full-bundle.min.js.map +1 -1
  5. package/dist/components/Attachment/Attachment.d.ts +1 -0
  6. package/dist/components/Attachment/Attachment.d.ts.map +1 -1
  7. package/dist/components/Attachment/Attachment.js +80 -35
  8. package/dist/components/Attachment/AttachmentActions.d.ts.map +1 -1
  9. package/dist/components/Attachment/AttachmentActions.js +2 -6
  10. package/dist/components/Attachment/AttachmentContainer.d.ts +12 -0
  11. package/dist/components/Attachment/AttachmentContainer.d.ts.map +1 -0
  12. package/dist/components/Attachment/AttachmentContainer.js +106 -0
  13. package/dist/components/Attachment/Audio.d.ts +11 -0
  14. package/dist/components/Attachment/Audio.d.ts.map +1 -1
  15. package/dist/components/Attachment/Audio.js +59 -32
  16. package/dist/components/Attachment/Card.d.ts +5 -20
  17. package/dist/components/Attachment/Card.d.ts.map +1 -1
  18. package/dist/components/Attachment/Card.js +93 -15
  19. package/dist/components/Attachment/DownloadButton.d.ts +6 -0
  20. package/dist/components/Attachment/DownloadButton.d.ts.map +1 -0
  21. package/dist/components/Attachment/DownloadButton.js +8 -0
  22. package/dist/components/Attachment/FileAttachment.d.ts +1 -1
  23. package/dist/components/Attachment/FileAttachment.d.ts.map +1 -1
  24. package/dist/components/Attachment/FileAttachment.js +23 -6
  25. package/dist/components/Attachment/FileSizeIndicator.d.ts +6 -0
  26. package/dist/components/Attachment/FileSizeIndicator.d.ts.map +1 -0
  27. package/dist/components/Attachment/FileSizeIndicator.js +8 -0
  28. package/dist/components/Attachment/hooks/useAudioController.d.ts +9 -0
  29. package/dist/components/Attachment/hooks/useAudioController.d.ts.map +1 -0
  30. package/dist/components/Attachment/hooks/useAudioController.js +45 -0
  31. package/dist/components/Attachment/icons.d.ts +5 -0
  32. package/dist/components/Attachment/icons.d.ts.map +1 -0
  33. package/dist/components/Attachment/icons.js +10 -0
  34. package/dist/components/Attachment/index.d.ts +1 -0
  35. package/dist/components/Attachment/index.d.ts.map +1 -1
  36. package/dist/components/Attachment/index.js +1 -0
  37. package/dist/components/Attachment/utils.d.ts +40 -4
  38. package/dist/components/Attachment/utils.d.ts.map +1 -1
  39. package/dist/components/Attachment/utils.js +58 -18
  40. package/dist/components/AutoCompleteTextarea/Item.d.ts.map +1 -1
  41. package/dist/components/AutoCompleteTextarea/Item.js +11 -4
  42. package/dist/components/AutoCompleteTextarea/List.d.ts +17 -1
  43. package/dist/components/AutoCompleteTextarea/List.d.ts.map +1 -1
  44. package/dist/components/AutoCompleteTextarea/List.js +19 -17
  45. package/dist/components/AutoCompleteTextarea/Textarea.d.ts +16 -2
  46. package/dist/components/AutoCompleteTextarea/Textarea.d.ts.map +1 -1
  47. package/dist/components/AutoCompleteTextarea/Textarea.js +19 -16
  48. package/dist/components/AutoCompleteTextarea/utils.js +1 -1
  49. package/dist/components/Avatar/Avatar.js +10 -10
  50. package/dist/components/Channel/Channel.d.ts +7 -2
  51. package/dist/components/Channel/Channel.d.ts.map +1 -1
  52. package/dist/components/Channel/Channel.js +78 -69
  53. package/dist/components/Channel/LoadingChannel.d.ts +2 -0
  54. package/dist/components/Channel/LoadingChannel.d.ts.map +1 -0
  55. package/dist/components/Channel/LoadingChannel.js +20 -0
  56. package/dist/components/Channel/channelState.d.ts +1 -0
  57. package/dist/components/Channel/channelState.d.ts.map +1 -1
  58. package/dist/components/Channel/channelState.js +14 -9
  59. package/dist/components/Channel/hooks/useChannelContainerClasses.d.ts +9 -0
  60. package/dist/components/Channel/hooks/useChannelContainerClasses.d.ts.map +1 -0
  61. package/dist/components/Channel/hooks/useChannelContainerClasses.js +14 -0
  62. package/dist/components/Channel/hooks/useCreateChannelStateContext.js +6 -6
  63. package/dist/components/Channel/utils.d.ts +3 -0
  64. package/dist/components/Channel/utils.d.ts.map +1 -1
  65. package/dist/components/Channel/utils.js +9 -5
  66. package/dist/components/ChannelHeader/ChannelHeader.d.ts.map +1 -1
  67. package/dist/components/ChannelHeader/ChannelHeader.js +14 -9
  68. package/dist/components/ChannelList/ChannelList.d.ts +10 -4
  69. package/dist/components/ChannelList/ChannelList.d.ts.map +1 -1
  70. package/dist/components/ChannelList/ChannelList.js +32 -14
  71. package/dist/components/ChannelList/hooks/useChannelDeletedListener.js +10 -6
  72. package/dist/components/ChannelList/hooks/useChannelHiddenListener.js +10 -6
  73. package/dist/components/ChannelList/hooks/useChannelTruncatedListener.d.ts +1 -1
  74. package/dist/components/ChannelList/hooks/useChannelTruncatedListener.d.ts.map +1 -1
  75. package/dist/components/ChannelList/hooks/useChannelTruncatedListener.js +9 -5
  76. package/dist/components/ChannelList/hooks/useChannelUpdatedListener.d.ts +1 -1
  77. package/dist/components/ChannelList/hooks/useChannelUpdatedListener.d.ts.map +1 -1
  78. package/dist/components/ChannelList/hooks/useChannelUpdatedListener.js +9 -5
  79. package/dist/components/ChannelList/hooks/useChannelVisibleListener.js +9 -5
  80. package/dist/components/ChannelList/hooks/useConnectionRecoveredListener.d.ts +1 -1
  81. package/dist/components/ChannelList/hooks/useConnectionRecoveredListener.d.ts.map +1 -1
  82. package/dist/components/ChannelList/hooks/useMessageNewListener.js +9 -5
  83. package/dist/components/ChannelList/hooks/useMobileNavigation.d.ts +1 -1
  84. package/dist/components/ChannelList/hooks/useMobileNavigation.d.ts.map +1 -1
  85. package/dist/components/ChannelList/hooks/useNotificationAddedToChannelListener.js +9 -5
  86. package/dist/components/ChannelList/hooks/useNotificationMessageNewListener.js +9 -5
  87. package/dist/components/ChannelList/hooks/usePaginatedChannels.js +9 -5
  88. package/dist/components/ChannelList/hooks/useUserPresenceChangedListener.js +9 -5
  89. package/dist/components/ChannelList/utils.js +9 -5
  90. package/dist/components/ChannelPreview/ChannelPreview.d.ts +6 -0
  91. package/dist/components/ChannelPreview/ChannelPreview.d.ts.map +1 -1
  92. package/dist/components/ChannelPreview/ChannelPreview.js +5 -21
  93. package/dist/components/ChannelPreview/ChannelPreviewMessenger.d.ts.map +1 -1
  94. package/dist/components/ChannelPreview/ChannelPreviewMessenger.js +13 -9
  95. package/dist/components/ChannelPreview/hooks/useChannelPreviewInfo.d.ts +14 -0
  96. package/dist/components/ChannelPreview/hooks/useChannelPreviewInfo.d.ts.map +1 -0
  97. package/dist/components/ChannelPreview/hooks/useChannelPreviewInfo.js +29 -0
  98. package/dist/components/ChannelPreview/utils.js +2 -2
  99. package/dist/components/ChannelSearch/ChannelSearch.d.ts +6 -42
  100. package/dist/components/ChannelSearch/ChannelSearch.d.ts.map +1 -1
  101. package/dist/components/ChannelSearch/ChannelSearch.js +4 -160
  102. package/dist/components/ChannelSearch/SearchBar.d.ts +29 -0
  103. package/dist/components/ChannelSearch/SearchBar.d.ts.map +1 -0
  104. package/dist/components/ChannelSearch/SearchBar.js +93 -0
  105. package/dist/components/ChannelSearch/SearchInput.d.ts +9 -17
  106. package/dist/components/ChannelSearch/SearchInput.d.ts.map +1 -1
  107. package/dist/components/ChannelSearch/SearchInput.js +2 -4
  108. package/dist/components/ChannelSearch/SearchResults.d.ts +14 -8
  109. package/dist/components/ChannelSearch/SearchResults.d.ts.map +1 -1
  110. package/dist/components/ChannelSearch/SearchResults.js +44 -27
  111. package/dist/components/ChannelSearch/hooks/useChannelSearch.d.ts +50 -0
  112. package/dist/components/ChannelSearch/hooks/useChannelSearch.d.ts.map +1 -0
  113. package/dist/components/ChannelSearch/hooks/useChannelSearch.js +232 -0
  114. package/dist/components/ChannelSearch/icons.d.ts +6 -0
  115. package/dist/components/ChannelSearch/icons.d.ts.map +1 -0
  116. package/dist/components/ChannelSearch/icons.js +12 -0
  117. package/dist/components/Chat/Chat.d.ts.map +1 -1
  118. package/dist/components/Chat/Chat.js +4 -0
  119. package/dist/components/Chat/hooks/useChat.d.ts +1 -1
  120. package/dist/components/Chat/hooks/useChat.d.ts.map +1 -1
  121. package/dist/components/Chat/hooks/useChat.js +1 -1
  122. package/dist/components/Chat/hooks/useCreateChatContext.d.ts.map +1 -1
  123. package/dist/components/Chat/hooks/useCreateChatContext.js +3 -2
  124. package/dist/components/Chat/hooks/useCustomStyles.d.ts +1 -1
  125. package/dist/components/Chat/hooks/useCustomStyles.d.ts.map +1 -1
  126. package/dist/components/ChatAutoComplete/ChatAutoComplete.js +1 -1
  127. package/dist/components/DateSeparator/DateSeparator.js +1 -1
  128. package/dist/components/EmoticonItem/EmoticonItem.js +1 -1
  129. package/dist/components/EmptyStateIndicator/EmptyStateIndicator.d.ts +1 -1
  130. package/dist/components/EmptyStateIndicator/EmptyStateIndicator.d.ts.map +1 -1
  131. package/dist/components/EmptyStateIndicator/EmptyStateIndicator.js +16 -3
  132. package/dist/components/EmptyStateIndicator/icons.d.ts +2 -0
  133. package/dist/components/EmptyStateIndicator/icons.d.ts.map +1 -0
  134. package/dist/components/EmptyStateIndicator/icons.js +3 -0
  135. package/dist/components/EventComponent/EventComponent.js +1 -1
  136. package/dist/components/Gallery/Gallery.d.ts.map +1 -1
  137. package/dist/components/Gallery/Gallery.js +16 -14
  138. package/dist/components/Gallery/Image.d.ts +7 -3
  139. package/dist/components/Gallery/Image.d.ts.map +1 -1
  140. package/dist/components/Gallery/Image.js +21 -9
  141. package/dist/components/Gallery/ModalGallery.d.ts +10 -0
  142. package/dist/components/Gallery/ModalGallery.d.ts.map +1 -0
  143. package/dist/components/Gallery/ModalGallery.js +16 -0
  144. package/dist/components/Gallery/index.d.ts +1 -1
  145. package/dist/components/Gallery/index.js +1 -1
  146. package/dist/components/InfiniteScrollPaginator/InfiniteScroll.d.ts +2 -0
  147. package/dist/components/InfiniteScrollPaginator/InfiniteScroll.d.ts.map +1 -1
  148. package/dist/components/InfiniteScrollPaginator/InfiniteScroll.js +4 -1
  149. package/dist/components/LoadMore/LoadMoreButton.js +2 -2
  150. package/dist/components/Loading/LoadingChannels.js +2 -2
  151. package/dist/components/Loading/LoadingIndicator.js +1 -1
  152. package/dist/components/MML/MML.js +1 -1
  153. package/dist/components/Message/FixedHeightMessage.js +3 -3
  154. package/dist/components/Message/MessageDeleted.js +2 -2
  155. package/dist/components/Message/MessageOptions.d.ts +1 -0
  156. package/dist/components/Message/MessageOptions.d.ts.map +1 -1
  157. package/dist/components/Message/MessageOptions.js +9 -16
  158. package/dist/components/Message/MessageRepliesCountButton.d.ts.map +1 -1
  159. package/dist/components/Message/MessageRepliesCountButton.js +8 -5
  160. package/dist/components/Message/MessageSimple.d.ts.map +1 -1
  161. package/dist/components/Message/MessageSimple.js +41 -21
  162. package/dist/components/Message/MessageStatus.d.ts.map +1 -1
  163. package/dist/components/Message/MessageStatus.js +17 -8
  164. package/dist/components/Message/MessageText.d.ts +1 -1
  165. package/dist/components/Message/MessageText.d.ts.map +1 -1
  166. package/dist/components/Message/MessageText.js +10 -14
  167. package/dist/components/Message/QuotedMessage.d.ts.map +1 -1
  168. package/dist/components/Message/QuotedMessage.js +8 -3
  169. package/dist/components/Message/hooks/index.d.ts +0 -2
  170. package/dist/components/Message/hooks/index.d.ts.map +1 -1
  171. package/dist/components/Message/hooks/index.js +0 -2
  172. package/dist/components/Message/hooks/useEditHandler.d.ts +1 -1
  173. package/dist/components/Message/hooks/useEditHandler.d.ts.map +1 -1
  174. package/dist/components/Message/hooks/useReactionHandler.d.ts +3 -3
  175. package/dist/components/Message/hooks/useReactionHandler.d.ts.map +1 -1
  176. package/dist/components/Message/hooks/useReactionHandler.js +11 -7
  177. package/dist/components/Message/hooks/useUserRole.d.ts +1 -1
  178. package/dist/components/Message/hooks/useUserRole.d.ts.map +1 -1
  179. package/dist/components/Message/icons.d.ts +6 -4
  180. package/dist/components/Message/icons.d.ts.map +1 -1
  181. package/dist/components/Message/icons.js +25 -10
  182. package/dist/components/Message/index.d.ts +0 -3
  183. package/dist/components/Message/index.d.ts.map +1 -1
  184. package/dist/components/Message/index.js +0 -3
  185. package/dist/components/Message/utils.js +10 -6
  186. package/dist/components/MessageActions/MessageActions.d.ts.map +1 -1
  187. package/dist/components/MessageActions/MessageActions.js +3 -3
  188. package/dist/components/MessageActions/MessageActionsBox.d.ts.map +1 -1
  189. package/dist/components/MessageActions/MessageActionsBox.js +14 -7
  190. package/dist/components/MessageInput/AttachmentPreviewList.d.ts +2 -0
  191. package/dist/components/MessageInput/AttachmentPreviewList.d.ts.map +1 -0
  192. package/dist/components/MessageInput/AttachmentPreviewList.js +60 -0
  193. package/dist/components/MessageInput/EditMessageForm.d.ts.map +1 -1
  194. package/dist/components/MessageInput/EditMessageForm.js +11 -6
  195. package/dist/components/MessageInput/EmojiPicker.d.ts +1 -1
  196. package/dist/components/MessageInput/EmojiPicker.d.ts.map +1 -1
  197. package/dist/components/MessageInput/EmojiPicker.js +14 -17
  198. package/dist/components/MessageInput/MessageInput.d.ts +1 -1
  199. package/dist/components/MessageInput/MessageInput.d.ts.map +1 -1
  200. package/dist/components/MessageInput/MessageInputFlat.d.ts.map +1 -1
  201. package/dist/components/MessageInput/MessageInputFlat.js +84 -10
  202. package/dist/components/MessageInput/MessageInputSmall.d.ts +9 -0
  203. package/dist/components/MessageInput/MessageInputSmall.d.ts.map +1 -1
  204. package/dist/components/MessageInput/MessageInputSmall.js +10 -1
  205. package/dist/components/MessageInput/QuotedMessagePreview.d.ts +2 -1
  206. package/dist/components/MessageInput/QuotedMessagePreview.d.ts.map +1 -1
  207. package/dist/components/MessageInput/QuotedMessagePreview.js +29 -22
  208. package/dist/components/MessageInput/UploadsPreview.d.ts +7 -0
  209. package/dist/components/MessageInput/UploadsPreview.d.ts.map +1 -1
  210. package/dist/components/MessageInput/UploadsPreview.js +17 -6
  211. package/dist/components/MessageInput/hooks/useAttachments.d.ts.map +1 -1
  212. package/dist/components/MessageInput/hooks/useAttachments.js +8 -1
  213. package/dist/components/MessageInput/hooks/useCommandTrigger.d.ts.map +1 -1
  214. package/dist/components/MessageInput/hooks/useCommandTrigger.js +6 -4
  215. package/dist/components/MessageInput/hooks/useCooldownTimer.d.ts +1 -1
  216. package/dist/components/MessageInput/hooks/useCooldownTimer.d.ts.map +1 -1
  217. package/dist/components/MessageInput/hooks/useCooldownTimer.js +4 -4
  218. package/dist/components/MessageInput/hooks/useEmojiPicker.d.ts +1 -1
  219. package/dist/components/MessageInput/hooks/useEmojiPicker.d.ts.map +1 -1
  220. package/dist/components/MessageInput/hooks/useEmojiTrigger.d.ts +1 -1
  221. package/dist/components/MessageInput/hooks/useEmojiTrigger.d.ts.map +1 -1
  222. package/dist/components/MessageInput/hooks/useEmojiTrigger.js +23 -19
  223. package/dist/components/MessageInput/hooks/useFileState.d.ts +7 -0
  224. package/dist/components/MessageInput/hooks/useFileState.d.ts.map +1 -0
  225. package/dist/components/MessageInput/hooks/useFileState.js +8 -0
  226. package/dist/components/MessageInput/hooks/useImageUploads.d.ts.map +1 -1
  227. package/dist/components/MessageInput/hooks/useImageUploads.js +17 -36
  228. package/dist/components/MessageInput/hooks/useMessageInputState.d.ts +2 -6
  229. package/dist/components/MessageInput/hooks/useMessageInputState.d.ts.map +1 -1
  230. package/dist/components/MessageInput/hooks/useSubmitHandler.d.ts.map +1 -1
  231. package/dist/components/MessageInput/hooks/useSubmitHandler.js +11 -7
  232. package/dist/components/MessageInput/hooks/useUserTrigger.d.ts +1 -1
  233. package/dist/components/MessageInput/hooks/useUserTrigger.d.ts.map +1 -1
  234. package/dist/components/MessageInput/hooks/useUserTrigger.js +13 -9
  235. package/dist/components/MessageInput/hooks/utils.d.ts +1 -1
  236. package/dist/components/MessageInput/hooks/utils.d.ts.map +1 -1
  237. package/dist/components/MessageInput/icons.d.ts +12 -2
  238. package/dist/components/MessageInput/icons.d.ts.map +1 -1
  239. package/dist/components/MessageInput/icons.js +67 -7
  240. package/dist/components/MessageList/CustomNotification.js +1 -1
  241. package/dist/components/MessageList/MessageList.d.ts +3 -0
  242. package/dist/components/MessageList/MessageList.d.ts.map +1 -1
  243. package/dist/components/MessageList/MessageList.js +17 -14
  244. package/dist/components/MessageList/MessageListMainPanel.d.ts +3 -0
  245. package/dist/components/MessageList/MessageListMainPanel.d.ts.map +1 -0
  246. package/dist/components/MessageList/MessageListMainPanel.js +9 -0
  247. package/dist/components/MessageList/MessageListNotifications.d.ts +2 -0
  248. package/dist/components/MessageList/MessageListNotifications.d.ts.map +1 -1
  249. package/dist/components/MessageList/MessageListNotifications.js +2 -2
  250. package/dist/components/MessageList/MessageNotification.d.ts +9 -6
  251. package/dist/components/MessageList/MessageNotification.d.ts.map +1 -1
  252. package/dist/components/MessageList/MessageNotification.js +1 -1
  253. package/dist/components/MessageList/ScrollToBottomButton.d.ts +3 -0
  254. package/dist/components/MessageList/ScrollToBottomButton.d.ts.map +1 -0
  255. package/dist/components/MessageList/ScrollToBottomButton.js +53 -0
  256. package/dist/components/MessageList/VirtualizedMessageList.d.ts +5 -0
  257. package/dist/components/MessageList/VirtualizedMessageList.d.ts.map +1 -1
  258. package/dist/components/MessageList/VirtualizedMessageList.js +41 -14
  259. package/dist/components/MessageList/hooks/useMessageListElements.d.ts +1 -1
  260. package/dist/components/MessageList/hooks/useMessageListElements.d.ts.map +1 -1
  261. package/dist/components/MessageList/hooks/useMessageListElements.js +4 -3
  262. package/dist/components/MessageList/hooks/useMessageListScrollManager.d.ts.map +1 -1
  263. package/dist/components/MessageList/hooks/useMessageListScrollManager.js +3 -1
  264. package/dist/components/MessageList/hooks/useNewMessageNotification.d.ts +2 -0
  265. package/dist/components/MessageList/hooks/useNewMessageNotification.d.ts.map +1 -1
  266. package/dist/components/MessageList/hooks/useNewMessageNotification.js +8 -1
  267. package/dist/components/MessageList/hooks/useScrollLocationLogic.d.ts +1 -2
  268. package/dist/components/MessageList/hooks/useScrollLocationLogic.d.ts.map +1 -1
  269. package/dist/components/MessageList/hooks/useScrollLocationLogic.js +12 -30
  270. package/dist/components/MessageList/icons.d.ts +8 -0
  271. package/dist/components/MessageList/icons.d.ts.map +1 -0
  272. package/dist/components/MessageList/icons.js +11 -0
  273. package/dist/components/MessageList/index.d.ts +1 -0
  274. package/dist/components/MessageList/index.d.ts.map +1 -1
  275. package/dist/components/MessageList/index.js +1 -0
  276. package/dist/components/MessageList/utils.d.ts +4 -2
  277. package/dist/components/MessageList/utils.d.ts.map +1 -1
  278. package/dist/components/MessageList/utils.js +16 -3
  279. package/dist/components/Modal/Modal.d.ts +2 -2
  280. package/dist/components/Modal/Modal.d.ts.map +1 -1
  281. package/dist/components/Modal/Modal.js +18 -15
  282. package/dist/components/Modal/icons.d.ts +2 -0
  283. package/dist/components/Modal/icons.d.ts.map +1 -0
  284. package/dist/components/Modal/icons.js +5 -0
  285. package/dist/components/Reactions/ReactionSelector.d.ts +2 -0
  286. package/dist/components/Reactions/ReactionSelector.d.ts.map +1 -1
  287. package/dist/components/Reactions/ReactionSelector.js +18 -9
  288. package/dist/components/Reactions/ReactionsList.d.ts +3 -1
  289. package/dist/components/Reactions/ReactionsList.d.ts.map +1 -1
  290. package/dist/components/Reactions/ReactionsList.js +33 -47
  291. package/dist/components/Reactions/SimpleReactionsList.d.ts +3 -1
  292. package/dist/components/Reactions/SimpleReactionsList.d.ts.map +1 -1
  293. package/dist/components/Reactions/SimpleReactionsList.js +41 -58
  294. package/dist/components/Reactions/hooks/useProcessReactions.d.ts +21 -0
  295. package/dist/components/Reactions/hooks/useProcessReactions.d.ts.map +1 -0
  296. package/dist/components/Reactions/hooks/useProcessReactions.js +51 -0
  297. package/dist/components/Thread/Thread.d.ts +2 -6
  298. package/dist/components/Thread/Thread.d.ts.map +1 -1
  299. package/dist/components/Thread/Thread.js +21 -89
  300. package/dist/components/Thread/ThreadHead.d.ts +4 -0
  301. package/dist/components/Thread/ThreadHead.d.ts.map +1 -0
  302. package/dist/components/Thread/ThreadHead.js +21 -0
  303. package/dist/components/Thread/ThreadHeader.d.ts +12 -0
  304. package/dist/components/Thread/ThreadHeader.d.ts.map +1 -0
  305. package/dist/components/Thread/ThreadHeader.js +21 -0
  306. package/dist/components/Thread/ThreadStart.d.ts +2 -0
  307. package/dist/components/Thread/ThreadStart.d.ts.map +1 -0
  308. package/dist/components/Thread/ThreadStart.js +10 -0
  309. package/dist/components/Thread/icons.d.ts +4 -0
  310. package/dist/components/Thread/icons.d.ts.map +1 -0
  311. package/dist/components/Thread/icons.js +9 -0
  312. package/dist/components/Thread/index.d.ts +2 -0
  313. package/dist/components/Thread/index.d.ts.map +1 -1
  314. package/dist/components/Thread/index.js +2 -0
  315. package/dist/components/TypingIndicator/TypingIndicator.d.ts.map +1 -1
  316. package/dist/components/TypingIndicator/TypingIndicator.js +52 -9
  317. package/dist/components/UserItem/UserItem.d.ts +1 -1
  318. package/dist/components/UserItem/UserItem.d.ts.map +1 -1
  319. package/dist/components/UserItem/UserItem.js +15 -8
  320. package/dist/components/Window/Window.js +1 -1
  321. package/dist/constants/limits.d.ts +4 -0
  322. package/dist/constants/limits.d.ts.map +1 -0
  323. package/dist/constants/limits.js +3 -0
  324. package/dist/context/ChannelActionContext.d.ts +1 -1
  325. package/dist/context/ChannelActionContext.d.ts.map +1 -1
  326. package/dist/context/ChannelActionContext.js +1 -1
  327. package/dist/context/ChannelStateContext.d.ts +3 -2
  328. package/dist/context/ChannelStateContext.d.ts.map +1 -1
  329. package/dist/context/ChannelStateContext.js +1 -1
  330. package/dist/context/ChatContext.d.ts +5 -4
  331. package/dist/context/ChatContext.d.ts.map +1 -1
  332. package/dist/context/ChatContext.js +2 -2
  333. package/dist/context/ComponentContext.d.ts +6 -2
  334. package/dist/context/ComponentContext.d.ts.map +1 -1
  335. package/dist/context/ComponentContext.js +1 -1
  336. package/dist/context/EmojiContext.d.ts +1 -1
  337. package/dist/context/EmojiContext.d.ts.map +1 -1
  338. package/dist/context/EmojiContext.js +1 -1
  339. package/dist/context/MessageContext.d.ts +1 -1
  340. package/dist/context/MessageContext.d.ts.map +1 -1
  341. package/dist/context/MessageContext.js +1 -1
  342. package/dist/context/MessageInputContext.d.ts +1 -1
  343. package/dist/context/MessageInputContext.d.ts.map +1 -1
  344. package/dist/context/MessageInputContext.js +1 -1
  345. package/dist/context/TranslationContext.d.ts +2 -2
  346. package/dist/context/TranslationContext.d.ts.map +1 -1
  347. package/dist/context/TranslationContext.js +8 -4
  348. package/dist/context/TypingContext.d.ts +1 -1
  349. package/dist/context/TypingContext.d.ts.map +1 -1
  350. package/dist/context/TypingContext.js +1 -1
  351. package/dist/css/index.css +1 -1
  352. package/dist/css/index.css.map +1 -0
  353. package/dist/css/v2/index.css +1 -0
  354. package/dist/css/v2/index.css.map +1 -0
  355. package/dist/css/v2/index.layout.css +1 -0
  356. package/dist/css/v2/index.layout.css.map +1 -0
  357. package/dist/i18n/Streami18n.d.ts +8 -2
  358. package/dist/i18n/Streami18n.d.ts.map +1 -1
  359. package/dist/i18n/Streami18n.js +12 -12
  360. package/dist/i18n/de.json +8 -2
  361. package/dist/i18n/en.json +8 -2
  362. package/dist/i18n/es.json +9 -2
  363. package/dist/i18n/fr.json +9 -2
  364. package/dist/i18n/hi.json +8 -2
  365. package/dist/i18n/it.json +9 -2
  366. package/dist/i18n/ja.json +8 -2
  367. package/dist/i18n/ko.json +8 -2
  368. package/dist/i18n/nl.json +8 -2
  369. package/dist/i18n/pt.json +9 -2
  370. package/dist/i18n/ru.json +10 -2
  371. package/dist/i18n/tr.json +8 -2
  372. package/dist/index.cjs.js +9549 -4011
  373. package/dist/index.cjs.js.map +1 -1
  374. package/dist/scss/Attachment.scss +52 -22
  375. package/dist/scss/Audio.scss +1 -1
  376. package/dist/scss/Avatar.scss +1 -1
  377. package/dist/scss/ChannelList.scss +5 -1
  378. package/dist/scss/ChannelPreview.scss +25 -0
  379. package/dist/scss/ChannelSearch.scss +5 -3
  380. package/dist/scss/Gallery.scss +0 -20
  381. package/dist/scss/ImageCarousel.scss +39 -0
  382. package/dist/scss/LoadingChannels.scss +1 -1
  383. package/dist/scss/Message.scss +84 -86
  384. package/dist/scss/MessageActions.scss +15 -0
  385. package/dist/scss/MessageCommerce.scss +57 -13
  386. package/dist/scss/MessageInputFlat.scss +21 -9
  387. package/dist/scss/MessageList.scss +35 -3
  388. package/dist/scss/MessageLivestream.scss +23 -10
  389. package/dist/scss/MessageNotification.scss +7 -1
  390. package/dist/scss/MessageTeam.scss +37 -10
  391. package/dist/scss/Modal.scss +2 -0
  392. package/dist/scss/ReactionList.scss +14 -0
  393. package/dist/scss/ReactionSelector.scss +6 -0
  394. package/dist/scss/SendButton.scss +6 -0
  395. package/dist/scss/SmallMessageInput.scss +0 -1
  396. package/dist/scss/Thread.scss +21 -2
  397. package/dist/scss/Tooltip.scss +6 -3
  398. package/dist/scss/TypingIndicator.scss +5 -0
  399. package/dist/scss/_base.scss +26 -0
  400. package/dist/scss/_variables.scss +2 -1
  401. package/dist/scss/index.scss +5 -4
  402. package/dist/scss/v2/AttachmentList/AttachmentList-layout.scss +392 -0
  403. package/dist/scss/v2/AttachmentList/AttachmentList-theme.scss +400 -0
  404. package/dist/scss/v2/AttachmentPreviewList/AttachmentPreviewList-layout.scss +118 -0
  405. package/dist/scss/v2/AttachmentPreviewList/AttachmentPreviewList-theme.scss +150 -0
  406. package/dist/scss/v2/Autocomplete/Autocomplete-layout.scss +62 -0
  407. package/dist/scss/v2/Autocomplete/Autocomplete-theme.scss +207 -0
  408. package/dist/scss/v2/Avatar/Avatar-layout.scss +13 -0
  409. package/dist/scss/v2/Avatar/Avatar-theme.scss +42 -0
  410. package/dist/scss/v2/Channel/Channel-layout.scss +139 -0
  411. package/dist/scss/v2/Channel/Channel-theme.scss +99 -0
  412. package/dist/scss/v2/ChannelHeader/ChannelHeader-layout.scss +23 -0
  413. package/dist/scss/v2/ChannelHeader/ChannelHeader-theme.scss +43 -0
  414. package/dist/scss/v2/ChannelList/ChannelList-layout.scss +41 -0
  415. package/dist/scss/v2/ChannelList/ChannelList-theme.scss +87 -0
  416. package/dist/scss/v2/ChannelPreview/ChannelPreview-layout.scss +82 -0
  417. package/dist/scss/v2/ChannelPreview/ChannelPreview-theme.scss +108 -0
  418. package/dist/scss/v2/ChannelSearch/ChannelSearch-layout.scss +71 -0
  419. package/dist/scss/v2/ChannelSearch/ChannelSearch-theme.scss +190 -0
  420. package/dist/scss/v2/EditMessageForm/EditMessageForm-layout.scss +53 -0
  421. package/dist/scss/v2/EditMessageForm/EditMessageForm-theme.scss +50 -0
  422. package/dist/scss/v2/ImageCarousel/ImageCarousel-layout.scss +41 -0
  423. package/dist/scss/v2/ImageCarousel/ImageCarousel-theme.scss +15 -0
  424. package/dist/scss/v2/LoadingIndicator/LoadingIndicator-layout.scss +39 -0
  425. package/dist/scss/v2/LoadingIndicator/LoadingIndicator-theme.scss +12 -0
  426. package/dist/scss/v2/Message/Message-layout.scss +373 -0
  427. package/dist/scss/v2/Message/Message-theme.scss +353 -0
  428. package/dist/scss/v2/MessageActionsBox/MessageActionsBox-layout.scss +48 -0
  429. package/dist/scss/v2/MessageActionsBox/MessageActionsBox-theme.scss +69 -0
  430. package/dist/scss/v2/MessageInput/MessageInput-layout.scss +186 -0
  431. package/dist/scss/v2/MessageInput/MessageInput-theme.scss +221 -0
  432. package/dist/scss/v2/MessageList/MessageList-layout.scss +61 -0
  433. package/dist/scss/v2/MessageList/MessageList-theme.scss +105 -0
  434. package/dist/scss/v2/MessageList/VirtualizedMessageList-layout.scss +44 -0
  435. package/dist/scss/v2/MessageList/VirtualizedMessageList-theme.scss +32 -0
  436. package/dist/scss/v2/MessageReactions/MessageReactions-layout.scss +64 -0
  437. package/dist/scss/v2/MessageReactions/MessageReactions-theme.scss +75 -0
  438. package/dist/scss/v2/MessageReactions/MessageReactionsSelector-layout.scss +52 -0
  439. package/dist/scss/v2/MessageReactions/MessageReactionsSelector-theme.scss +83 -0
  440. package/dist/scss/v2/Modal/Modal-layout.scss +40 -0
  441. package/dist/scss/v2/Modal/Modal-theme.scss +82 -0
  442. package/dist/scss/v2/Notification/MessageNotification-layout.scss +12 -0
  443. package/dist/scss/v2/Notification/MessageNotification-theme.scss +34 -0
  444. package/dist/scss/v2/Notification/Notification-layout.scss +3 -0
  445. package/dist/scss/v2/Notification/Notification-theme.scss +32 -0
  446. package/dist/scss/v2/Notification/NotificationList-layout.scss +11 -0
  447. package/dist/scss/v2/Notification/NotificationList-theme.scss +31 -0
  448. package/dist/scss/v2/Thread/Thread-layout.scss +47 -0
  449. package/dist/scss/v2/Thread/Thread-theme.scss +82 -0
  450. package/dist/scss/v2/Tooltip/Tooltip-layout.scss +30 -0
  451. package/dist/scss/v2/Tooltip/Tooltip-theme.scss +36 -0
  452. package/dist/scss/v2/TypingIndicator/TypingIndicator-layout.scss +27 -0
  453. package/dist/scss/v2/TypingIndicator/TypingIndicator-theme.scss +68 -0
  454. package/dist/scss/v2/_base.scss +29 -0
  455. package/dist/scss/v2/_global-layout-variables.scss +65 -0
  456. package/dist/scss/v2/_global-theme-variables.scss +166 -0
  457. package/dist/scss/v2/_palette-variables.scss +55 -0
  458. package/dist/scss/v2/_utils.scss +188 -0
  459. package/dist/scss/v2/common/CTAButton/CTAButton-layout.scss +4 -0
  460. package/dist/scss/v2/common/CTAButton/CTAButton-theme.scss +42 -0
  461. package/dist/scss/v2/common/CircleFAButton/CircleFAButton-layout.scss +14 -0
  462. package/dist/scss/v2/common/CircleFAButton/CircleFAButton-theme.scss +35 -0
  463. package/dist/scss/v2/index.layout.scss +31 -0
  464. package/dist/scss/v2/index.scss +36 -0
  465. package/dist/scss/{vendor → v2/vendor}/emoji-mart.scss +27 -8
  466. package/dist/stories/add-message.stories.d.ts +0 -1
  467. package/dist/stories/add-message.stories.d.ts.map +1 -1
  468. package/dist/stories/add-message.stories.js +0 -1
  469. package/dist/stories/edit-message.stories.d.ts +0 -1
  470. package/dist/stories/edit-message.stories.d.ts.map +1 -1
  471. package/dist/stories/edit-message.stories.js +0 -1
  472. package/dist/stories/hello.stories.d.ts +0 -1
  473. package/dist/stories/hello.stories.d.ts.map +1 -1
  474. package/dist/stories/hello.stories.js +0 -1
  475. package/dist/stories/jump-to-message.stories.d.ts +0 -1
  476. package/dist/stories/jump-to-message.stories.d.ts.map +1 -1
  477. package/dist/stories/jump-to-message.stories.js +0 -1
  478. package/dist/stories/mark-read.stories.d.ts +0 -1
  479. package/dist/stories/mark-read.stories.d.ts.map +1 -1
  480. package/dist/stories/mark-read.stories.js +0 -1
  481. package/dist/stories/message-status-readby-tooltip.stories.d.ts +0 -1
  482. package/dist/stories/message-status-readby-tooltip.stories.d.ts.map +1 -1
  483. package/dist/stories/message-status-readby-tooltip.stories.js +0 -1
  484. package/dist/stories/navigate-long-message-lists.stories.d.ts +0 -2
  485. package/dist/stories/navigate-long-message-lists.stories.d.ts.map +1 -1
  486. package/dist/stories/navigate-long-message-lists.stories.js +1 -11
  487. package/dist/stories/toggle-message-actions.stories.d.ts +0 -1
  488. package/dist/stories/toggle-message-actions.stories.d.ts.map +1 -1
  489. package/dist/stories/toggle-message-actions.stories.js +0 -1
  490. package/dist/stories/utils.d.ts.map +1 -1
  491. package/dist/stories/utils.js +2 -1
  492. package/dist/types/types.d.ts +7 -0
  493. package/dist/types/types.d.ts.map +1 -1
  494. package/dist/utils.d.ts +2 -2
  495. package/dist/utils.d.ts.map +1 -1
  496. package/dist/utils.js +20 -5
  497. package/dist/version.d.ts +1 -1
  498. package/dist/version.d.ts.map +1 -1
  499. package/dist/version.js +1 -1
  500. package/package.json +16 -9
  501. package/dist/components/Gallery/ModalWrapper.d.ts +0 -14
  502. package/dist/components/Gallery/ModalWrapper.d.ts.map +0 -1
  503. package/dist/components/Gallery/ModalWrapper.js +0 -8
  504. package/dist/components/Message/MessageCommerce.d.ts +0 -10
  505. package/dist/components/Message/MessageCommerce.d.ts.map +0 -1
  506. package/dist/components/Message/MessageCommerce.js +0 -64
  507. package/dist/components/Message/MessageLivestream.d.ts +0 -16
  508. package/dist/components/Message/MessageLivestream.d.ts.map +0 -1
  509. package/dist/components/Message/MessageLivestream.js +0 -164
  510. package/dist/components/Message/MessageTeam.d.ts +0 -11
  511. package/dist/components/Message/MessageTeam.d.ts.map +0 -1
  512. package/dist/components/Message/MessageTeam.js +0 -110
  513. package/dist/components/Message/hooks/useBreakpoint.d.ts +0 -6
  514. package/dist/components/Message/hooks/useBreakpoint.d.ts.map +0 -1
  515. package/dist/components/Message/hooks/useBreakpoint.js +0 -18
  516. package/dist/components/Message/hooks/useMobilePress.d.ts +0 -5
  517. package/dist/components/Message/hooks/useMobilePress.d.ts.map +0 -1
  518. package/dist/components/Message/hooks/useMobilePress.js +0 -33
  519. package/dist/scss/vendor/mml-react.scss +0 -1749
  520. package/dist/scss/vendor/react-file-utils.scss +0 -378
  521. package/dist/scss/vendor/react-image-gallery.scss +0 -224
@@ -21,11 +21,13 @@
21
21
  .emoji-mart-bar {
22
22
  border: 0 solid #d9d9d9;
23
23
  }
24
+
24
25
  .emoji-mart-bar:first-child {
25
26
  border-bottom-width: 1px;
26
27
  border-top-left-radius: 5px;
27
28
  border-top-right-radius: 5px;
28
29
  }
30
+
29
31
  .emoji-mart-bar:last-child {
30
32
  border-top-width: 1px;
31
33
  border-bottom-left-radius: 5px;
@@ -54,9 +56,11 @@
54
56
  background: none;
55
57
  border: none;
56
58
  }
59
+
57
60
  .emoji-mart-anchor:focus {
58
61
  outline: 0;
59
62
  }
63
+
60
64
  .emoji-mart-anchor:hover,
61
65
  .emoji-mart-anchor:focus,
62
66
  .emoji-mart-anchor-selected {
@@ -93,7 +97,7 @@
93
97
  overflow-y: scroll;
94
98
  overflow-x: hidden;
95
99
  height: 270px;
96
- padding: 0 6px 6px 6px;
100
+ padding: 0 6px 6px;
97
101
  will-change: transform; /* avoids "repaints on scroll" in mobile Chrome */
98
102
  }
99
103
 
@@ -140,7 +144,7 @@
140
144
  cursor: default;
141
145
  }
142
146
 
143
- .emoji-mart-category .emoji-mart-emoji:hover:before {
147
+ .emoji-mart-category .emoji-mart-emoji:hover::before {
144
148
  z-index: 0;
145
149
  content: '';
146
150
  position: absolute;
@@ -203,19 +207,23 @@
203
207
  padding-top: 70px;
204
208
  color: #858585;
205
209
  }
210
+
206
211
  .emoji-mart-no-results-img {
207
212
  display: block;
208
213
  margin-left: auto;
209
214
  margin-right: auto;
210
215
  width: 50%;
211
216
  }
217
+
212
218
  .emoji-mart-no-results .emoji-mart-category-label {
213
219
  display: none;
214
220
  }
221
+
215
222
  .emoji-mart-no-results .emoji-mart-no-results-label {
216
223
  margin-top: 0.2em;
217
224
  }
218
- .emoji-mart-no-results .emoji-mart-emoji:hover:before {
225
+
226
+ .emoji-mart-no-results .emoji-mart-emoji:hover::before {
219
227
  content: none;
220
228
  }
221
229
 
@@ -260,6 +268,7 @@
260
268
  font-size: 12px;
261
269
  color: #888;
262
270
  }
271
+
263
272
  .emoji-mart-preview-shortname + .emoji-mart-preview-shortname,
264
273
  .emoji-mart-preview-shortname + .emoji-mart-preview-emoticon,
265
274
  .emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon {
@@ -305,7 +314,7 @@
305
314
  padding: 0 2px;
306
315
  }
307
316
 
308
- .emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after {
317
+ .emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected::after {
309
318
  opacity: 0.75;
310
319
  }
311
320
 
@@ -321,18 +330,23 @@
321
330
  .emoji-mart-skin-swatch:nth-child(1) {
322
331
  transition-delay: 0s;
323
332
  }
333
+
324
334
  .emoji-mart-skin-swatch:nth-child(2) {
325
335
  transition-delay: 0.03s;
326
336
  }
337
+
327
338
  .emoji-mart-skin-swatch:nth-child(3) {
328
339
  transition-delay: 0.06s;
329
340
  }
341
+
330
342
  .emoji-mart-skin-swatch:nth-child(4) {
331
343
  transition-delay: 0.09s;
332
344
  }
345
+
333
346
  .emoji-mart-skin-swatch:nth-child(5) {
334
347
  transition-delay: 0.12s;
335
348
  }
349
+
336
350
  .emoji-mart-skin-swatch:nth-child(6) {
337
351
  transition-delay: 0.15s;
338
352
  }
@@ -343,7 +357,7 @@
343
357
  padding: 0 2px;
344
358
  }
345
359
 
346
- .emoji-mart-skin-swatch.selected:after {
360
+ .emoji-mart-skin-swatch.selected::after {
347
361
  content: '';
348
362
  position: absolute;
349
363
  top: 50%;
@@ -377,7 +391,7 @@
377
391
  padding: 0 2px 0 0;
378
392
  }
379
393
 
380
- .emoji-mart-skin-swatch.custom.selected:after {
394
+ .emoji-mart-skin-swatch.custom.selected::after {
381
395
  content: '';
382
396
  width: 0;
383
397
  height: 0;
@@ -394,7 +408,7 @@
394
408
  padding: 0 2px 0 0;
395
409
  }
396
410
 
397
- .emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after {
411
+ .emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected::after {
398
412
  opacity: 0.75;
399
413
  }
400
414
 
@@ -422,18 +436,23 @@
422
436
  .emoji-mart-skin-tone-1 {
423
437
  background-color: #ffc93a;
424
438
  }
439
+
425
440
  .emoji-mart-skin-tone-2 {
426
441
  background-color: #fadcbc;
427
442
  }
443
+
428
444
  .emoji-mart-skin-tone-3 {
429
445
  background-color: #e0bb95;
430
446
  }
447
+
431
448
  .emoji-mart-skin-tone-4 {
432
449
  background-color: #bf8f68;
433
450
  }
451
+
434
452
  .emoji-mart-skin-tone-5 {
435
453
  background-color: #9b643d;
436
454
  }
455
+
437
456
  .emoji-mart-skin-tone-6 {
438
457
  background-color: #594539;
439
458
  }
@@ -474,7 +493,7 @@
474
493
  fill: #fff;
475
494
  }
476
495
 
477
- .emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover:before {
496
+ .emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover::before {
478
497
  background-color: #444;
479
498
  }
480
499
 
@@ -1,4 +1,3 @@
1
- import '@stream-io/stream-chat-css/dist/css/index.css';
2
1
  export declare const User1: () => JSX.Element;
3
2
  export declare const User2: () => JSX.Element;
4
3
  //# sourceMappingURL=add-message.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"add-message.stories.d.ts","sourceRoot":"","sources":["../../src/stories/add-message.stories.tsx"],"names":[],"mappings":"AACA,OAAO,+CAA+C,CAAC;AA8DvD,eAAO,MAAM,KAAK,mBAUjB,CAAC;AAEF,eAAO,MAAM,KAAK,mBAUjB,CAAC"}
1
+ {"version":3,"file":"add-message.stories.d.ts","sourceRoot":"","sources":["../../src/stories/add-message.stories.tsx"],"names":[],"mappings":"AA8DA,eAAO,MAAM,KAAK,mBAUjB,CAAC;AAEF,eAAO,MAAM,KAAK,mBAUjB,CAAC"}
@@ -1,5 +1,4 @@
1
1
  /* eslint-disable @typescript-eslint/no-explicit-any */
2
- import '@stream-io/stream-chat-css/dist/css/index.css';
3
2
  import React from 'react';
4
3
  import { Channel, ChannelHeader, ChannelList, MessageList, Thread, useChannelStateContext, Window, } from '../index';
5
4
  import { ConnectedUser } from './utils';
@@ -1,3 +1,2 @@
1
- import '@stream-io/stream-chat-css/dist/css/index.css';
2
1
  export declare const User1: () => JSX.Element;
3
2
  //# sourceMappingURL=edit-message.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"edit-message.stories.d.ts","sourceRoot":"","sources":["../../src/stories/edit-message.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,+CAA+C,CAAC;AA0EvD,eAAO,MAAM,KAAK,mBAUjB,CAAC"}
1
+ {"version":3,"file":"edit-message.stories.d.ts","sourceRoot":"","sources":["../../src/stories/edit-message.stories.tsx"],"names":[],"mappings":"AAyEA,eAAO,MAAM,KAAK,mBAUjB,CAAC"}
@@ -1,4 +1,3 @@
1
- import '@stream-io/stream-chat-css/dist/css/index.css';
2
1
  import React from 'react';
3
2
  import { Channel, ChannelHeader, ChannelList, MessageList, Thread, useChannelStateContext, Window, } from '../index';
4
3
  import { ConnectedUser } from './utils';
@@ -1,4 +1,3 @@
1
- import '@stream-io/stream-chat-css/dist/css/index.css';
2
1
  export declare const BasicSetup: () => JSX.Element;
3
2
  export declare const VirtualizedSetup: () => JSX.Element;
4
3
  //# sourceMappingURL=hello.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"hello.stories.d.ts","sourceRoot":"","sources":["../../src/stories/hello.stories.tsx"],"names":[],"mappings":"AACA,OAAO,+CAA+C,CAAC;AA4BvD,eAAO,MAAM,UAAU,mBAYtB,CAAC;AAGF,eAAO,MAAM,gBAAgB,mBAY5B,CAAC"}
1
+ {"version":3,"file":"hello.stories.d.ts","sourceRoot":"","sources":["../../src/stories/hello.stories.tsx"],"names":[],"mappings":"AA4BA,eAAO,MAAM,UAAU,mBAYtB,CAAC;AAGF,eAAO,MAAM,gBAAgB,mBAY5B,CAAC"}
@@ -1,5 +1,4 @@
1
1
  /* eslint-disable @typescript-eslint/no-explicit-any */
2
- import '@stream-io/stream-chat-css/dist/css/index.css';
3
2
  import React from 'react';
4
3
  import { Channel, ChannelHeader, ChannelList, MessageInput, MessageList, Thread, VirtualizedMessageList, Window, } from '../index';
5
4
  import { ConnectedUser } from './utils';
@@ -1,4 +1,3 @@
1
- import '@stream-io/stream-chat-css/dist/css/index.css';
2
1
  export declare const JumpInRegularMessageList: () => JSX.Element;
3
2
  export declare const JumpInVirtualizedMessageList: () => JSX.Element;
4
3
  //# sourceMappingURL=jump-to-message.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"jump-to-message.stories.d.ts","sourceRoot":"","sources":["../../src/stories/jump-to-message.stories.tsx"],"names":[],"mappings":"AAWA,OAAO,+CAA+C,CAAC;AAkCvD,eAAO,MAAM,wBAAwB,mBAYpC,CAAC;AAEF,eAAO,MAAM,4BAA4B,mBAYxC,CAAC"}
1
+ {"version":3,"file":"jump-to-message.stories.d.ts","sourceRoot":"","sources":["../../src/stories/jump-to-message.stories.tsx"],"names":[],"mappings":"AA4CA,eAAO,MAAM,wBAAwB,mBAYpC,CAAC;AAEF,eAAO,MAAM,4BAA4B,mBAYxC,CAAC"}
@@ -37,7 +37,6 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
37
37
  /* eslint-disable @typescript-eslint/no-explicit-any */
38
38
  import React from 'react';
39
39
  import { Channel, ChannelList, MessageList, useChannelActionContext, useChatContext, VirtualizedMessageList, Window, } from '../index';
40
- import '@stream-io/stream-chat-css/dist/css/index.css';
41
40
  import { ConnectedUser } from './utils';
42
41
  void MessageList;
43
42
  void VirtualizedMessageList;
@@ -1,4 +1,3 @@
1
- import '@stream-io/stream-chat-css/dist/css/index.css';
2
1
  export declare const User1: () => JSX.Element;
3
2
  export declare const User2: () => JSX.Element;
4
3
  //# sourceMappingURL=mark-read.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"mark-read.stories.d.ts","sourceRoot":"","sources":["../../src/stories/mark-read.stories.tsx"],"names":[],"mappings":"AACA,OAAO,+CAA+C,CAAC;AA6DvD,eAAO,MAAM,KAAK,mBAUjB,CAAC;AAEF,eAAO,MAAM,KAAK,mBAUjB,CAAC"}
1
+ {"version":3,"file":"mark-read.stories.d.ts","sourceRoot":"","sources":["../../src/stories/mark-read.stories.tsx"],"names":[],"mappings":"AA6DA,eAAO,MAAM,KAAK,mBAUjB,CAAC;AAEF,eAAO,MAAM,KAAK,mBAUjB,CAAC"}
@@ -1,5 +1,4 @@
1
1
  /* eslint-disable @typescript-eslint/no-explicit-any */
2
- import '@stream-io/stream-chat-css/dist/css/index.css';
3
2
  import React from 'react';
4
3
  import { nanoid } from 'nanoid';
5
4
  import { Channel, ChannelHeader, ChannelList, MessageList, useChannelStateContext, Window, } from '../index';
@@ -1,4 +1,3 @@
1
- import '@stream-io/stream-chat-css/dist/css/index.css';
2
1
  export declare const User1: () => JSX.Element;
3
2
  export declare const User2: () => JSX.Element;
4
3
  //# sourceMappingURL=message-status-readby-tooltip.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"message-status-readby-tooltip.stories.d.ts","sourceRoot":"","sources":["../../src/stories/message-status-readby-tooltip.stories.tsx"],"names":[],"mappings":"AACA,OAAO,+CAA+C,CAAC;AA4CvD,eAAO,MAAM,KAAK,mBAUjB,CAAC;AAEF,eAAO,MAAM,KAAK,mBAUjB,CAAC"}
1
+ {"version":3,"file":"message-status-readby-tooltip.stories.d.ts","sourceRoot":"","sources":["../../src/stories/message-status-readby-tooltip.stories.tsx"],"names":[],"mappings":"AA4CA,eAAO,MAAM,KAAK,mBAUjB,CAAC;AAEF,eAAO,MAAM,KAAK,mBAUjB,CAAC"}
@@ -10,7 +10,6 @@ var __assign = (this && this.__assign) || function () {
10
10
  return __assign.apply(this, arguments);
11
11
  };
12
12
  /* eslint-disable @typescript-eslint/no-explicit-any */
13
- import '@stream-io/stream-chat-css/dist/css/index.css';
14
13
  import React, { useCallback } from 'react';
15
14
  import { Channel, ChannelHeader, ChannelList, MessageList, MessageStatus, Thread, Window, } from '../index';
16
15
  import { ConnectedUser } from './utils';
@@ -1,4 +1,2 @@
1
- import '@stream-io/stream-chat-css/dist/css/index.css';
2
1
  export declare const User1: () => JSX.Element;
3
- export declare const User2: () => JSX.Element;
4
2
  //# sourceMappingURL=navigate-long-message-lists.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"navigate-long-message-lists.stories.d.ts","sourceRoot":"","sources":["../../src/stories/navigate-long-message-lists.stories.tsx"],"names":[],"mappings":"AACA,OAAO,+CAA+C,CAAC;AA2LvD,eAAO,MAAM,KAAK,mBAQjB,CAAC;AAEF,eAAO,MAAM,KAAK,mBAQjB,CAAC"}
1
+ {"version":3,"file":"navigate-long-message-lists.stories.d.ts","sourceRoot":"","sources":["../../src/stories/navigate-long-message-lists.stories.tsx"],"names":[],"mappings":"AA2LA,eAAO,MAAM,KAAK,mBAQjB,CAAC"}
@@ -46,7 +46,6 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
46
46
  }
47
47
  };
48
48
  /* eslint-disable @typescript-eslint/no-explicit-any */
49
- import '@stream-io/stream-chat-css/dist/css/index.css';
50
49
  import React, { useEffect } from 'react';
51
50
  import { Channel, ChannelHeader, ChannelList, MessageList, Thread, useChannelActionContext, useChannelStateContext, useChatContext, Window, } from '../index';
52
51
  import { ConnectedUser } from './utils';
@@ -144,7 +143,7 @@ var OtherUserControls = function () {
144
143
  ? { token: user2Token, userId: user2Id }
145
144
  : { token: user1Token, userId: user1Id };
146
145
  return (React.createElement("div", { className: theOtherUserCredentials.userId },
147
- React.createElement("style", null, "\n ." + theOtherUserCredentials.userId + " .str-chat-channel {\n max-height: 30px;\n display: inline-block;\n }\n ." + theOtherUserCredentials.userId + " .str-chat__container {\n height: 30px;\n }\n\n ." + theOtherUserCredentials.userId + " .messaging.str-chat .str-chat__thread {\n display: none;\n }\n "),
146
+ React.createElement("style", null, "\n .".concat(theOtherUserCredentials.userId, " .str-chat-channel {\n max-height: 30px;\n display: inline-block;\n }\n .").concat(theOtherUserCredentials.userId, " .str-chat__container {\n height: 30px;\n }\n\n .").concat(theOtherUserCredentials.userId, " .messaging.str-chat .str-chat__thread {\n display: none;\n }\n ")),
148
147
  React.createElement(ConnectedUser, __assign({}, theOtherUserCredentials),
149
148
  React.createElement("div", { style: { display: 'none' } },
150
149
  React.createElement(ChannelList, { customActiveChannel: channelId, filters: { id: { $eq: channelId }, members: { $in: [theOtherUserCredentials.userId] } }, setActiveChannelOnMount: true, sort: sort })),
@@ -178,12 +177,3 @@ export var User1 = function () {
178
177
  }
179
178
  return React.createElement(WrappedConnectedUser, { token: user1Token, userId: user1Id });
180
179
  };
181
- export var User2 = function () {
182
- if (!user2Id || typeof user2Id !== 'string') {
183
- throw new Error('expected TEST_USER_2');
184
- }
185
- if (!user2Token || typeof user2Token !== 'string') {
186
- throw new Error('expected TEST_USER_2_TOKEN');
187
- }
188
- return React.createElement(WrappedConnectedUser, { token: user2Token, userId: user2Id });
189
- };
@@ -1,3 +1,2 @@
1
- import '@stream-io/stream-chat-css/dist/css/index.css';
2
1
  export declare const ToggleActions: () => JSX.Element;
3
2
  //# sourceMappingURL=toggle-message-actions.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"toggle-message-actions.stories.d.ts","sourceRoot":"","sources":["../../src/stories/toggle-message-actions.stories.tsx"],"names":[],"mappings":"AAYA,OAAO,+CAA+C,CAAC;AAqCvD,eAAO,MAAM,aAAa,mBAUzB,CAAC"}
1
+ {"version":3,"file":"toggle-message-actions.stories.d.ts","sourceRoot":"","sources":["../../src/stories/toggle-message-actions.stories.tsx"],"names":[],"mappings":"AAgDA,eAAO,MAAM,aAAa,mBAUzB,CAAC"}
@@ -1,7 +1,6 @@
1
1
  import React, { useState } from 'react';
2
2
  import { ConnectedUser } from './utils';
3
3
  import { Channel, ChannelHeader, ChannelList, MESSAGE_ACTIONS, MessageList, Thread, Window, } from '../components';
4
- import '@stream-io/stream-chat-css/dist/css/index.css';
5
4
  var allActions = Object.keys(MESSAGE_ACTIONS);
6
5
  var WrappedConnectedUser = function (_a) {
7
6
  var token = _a.token, userId = _a.userId;
@@ -1 +1 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/stories/utils.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,eAAe,EAAqB,MAAM,aAAa,CAAC;AAMjE,eAAO,MAAM,MAAM,QAAS,CAAC;AAE7B,aAAK,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnD,aAAK,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAChD,aAAK,gBAAgB,GAAG,MAAM,CAAC;AAC/B,aAAK,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAC9C,aAAK,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAChD,aAAK,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AACjD,aAAK,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE7C,oBAAY,kBAAkB,GAAG;IAC/B,cAAc,EAAE,mBAAmB,CAAC;IACpC,WAAW,EAAE,gBAAgB,CAAC;IAC9B,WAAW,EAAE,gBAAgB,CAAC;IAC9B,SAAS,EAAE,cAAc,CAAC;IAC1B,WAAW,EAAE,gBAAgB,CAAC;IAC9B,YAAY,EAAE,iBAAiB,CAAC;IAChC,QAAQ,EAAE,aAAa,CAAC;CACzB,CAAC;AAEF,oBAAY,kBAAkB,GAAG,iBAAiB,CAAC;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAEH,eAAO,MAAM,aAAa,mFAIvB,kBAAkB,gBA+BpB,CAAC"}
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/stories/utils.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,eAAe,EAAqB,MAAM,aAAa,CAAC;AAMjE,eAAO,MAAM,MAAM,QAAS,CAAC;AAE7B,aAAK,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnD,aAAK,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAChD,aAAK,gBAAgB,GAAG,MAAM,CAAC;AAC/B,aAAK,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAC9C,aAAK,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAChD,aAAK,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AACjD,aAAK,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE7C,oBAAY,kBAAkB,GAAG;IAC/B,cAAc,EAAE,mBAAmB,CAAC;IACpC,WAAW,EAAE,gBAAgB,CAAC;IAC9B,WAAW,EAAE,gBAAgB,CAAC;IAC9B,SAAS,EAAE,cAAc,CAAC;IAC1B,WAAW,EAAE,gBAAgB,CAAC;IAC9B,YAAY,EAAE,iBAAiB,CAAC;IAChC,QAAQ,EAAE,aAAa,CAAC;CACzB,CAAC;AAEF,oBAAY,kBAAkB,GAAG,iBAAiB,CAAC;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAEH,eAAO,MAAM,aAAa,mFAIvB,kBAAkB,gBAiCpB,CAAC"}
@@ -34,5 +34,6 @@ export var ConnectedUser = function (_a) {
34
34
  React.createElement("h3", null,
35
35
  "User: ",
36
36
  userId),
37
- React.createElement(Chat, { client: client }, children)));
37
+ React.createElement("div", { className: 'chat-wrapper' },
38
+ React.createElement(Chat, { client: client }, children))));
38
39
  };
@@ -64,4 +64,11 @@ export declare type PaginatorProps = {
64
64
  /** Offset from when to start the loadNextPage call */
65
65
  threshold?: number;
66
66
  };
67
+ export interface IconProps {
68
+ className?: string;
69
+ }
70
+ export declare type Dimensions = {
71
+ height?: string;
72
+ width?: string;
73
+ };
67
74
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types/types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types/types.ts"],"names":[],"mappings":"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"}
package/dist/utils.d.ts CHANGED
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { nanoid } from 'nanoid';
3
3
  import type { UserResponse } from 'stream-chat';
4
4
  import type { DefaultStreamChatGenerics } from './types/types';
5
- export declare const isOnlyEmojis: (text?: string | undefined) => boolean;
5
+ export declare const isOnlyEmojis: (text?: string) => boolean;
6
6
  export declare const matchMarkdownLinks: (message: string) => (string | null)[];
7
7
  export declare const messageCodeBlocks: (message: string) => RegExpMatchArray;
8
8
  export declare const markDownRenderers: {
@@ -18,7 +18,7 @@ export declare type RenderTextOptions = {
18
18
  [nodeType: string]: React.ElementType;
19
19
  };
20
20
  };
21
- export declare const renderText: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(text?: string | undefined, mentioned_users?: UserResponse<StreamChatGenerics>[] | undefined, options?: RenderTextOptions) => JSX.Element | null;
21
+ export declare const renderText: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(text?: string, mentioned_users?: UserResponse<StreamChatGenerics>[] | undefined, options?: RenderTextOptions) => JSX.Element | null;
22
22
  export declare function escapeRegExp(text: string): string;
23
23
  /**
24
24
  * @deprecated will be removed in the next major release
@@ -1 +1 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAOhC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAC;AAE/D,eAAO,MAAM,YAAY,wCAOxB,CAAC;AAoBF,eAAO,MAAM,kBAAkB,YAAa,MAAM,sBAajD,CAAC;AAEF,eAAO,MAAM,iBAAiB,YAAa,MAAM,qBAIhD,CAAC;AAyBF,eAAO,MAAM,iBAAiB,EAAE;IAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,KAAK,CAAC,WAAW,CAAA;CAwBtE,CAAC;AAEF,eAAO,MAAM,mBAAmB,gDAe/B,CAAC;AAEF,eAAO,MAAM,sBAAsB,2LAmClC,CAAC;AAEF,oBAAY,YAAY,CACtB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,cAAc,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAAC;CAClD,CAAC;AAMF,oBAAY,iBAAiB,GAAG;IAC9B,uBAAuB,CAAC,EAAE;QACxB,CAAC,QAAQ,EAAE,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC;KACvC,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,UAAU,4LAKZ,iBAAiB,uBAiE3B,CAAC;AAEF,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,UAExC;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,eAAS,CAAC;AAGvC,eAAO,MAAM,YAAY,QAAS,MAAM,KAAK,MAAM,WAgClD,CAAC"}
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAMhC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAC;AAE/D,eAAO,MAAM,YAAY,UAAW,MAAM,YAOzC,CAAC;AAoBF,eAAO,MAAM,kBAAkB,YAAa,MAAM,sBAajD,CAAC;AAEF,eAAO,MAAM,iBAAiB,YAAa,MAAM,qBAIhD,CAAC;AAyBF,eAAO,MAAM,iBAAiB,EAAE;IAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,KAAK,CAAC,WAAW,CAAA;CAwBtE,CAAC;AAEF,eAAO,MAAM,mBAAmB,gDAe/B,CAAC;AAEF,eAAO,MAAM,sBAAsB,2LAmClC,CAAC;AAEF,oBAAY,YAAY,CACtB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,cAAc,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAAC;CAClD,CAAC;AAMF,oBAAY,iBAAiB,GAAG;IAC9B,uBAAuB,CAAC,EAAE;QACxB,CAAC,QAAQ,EAAE,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC;KACvC,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,UAAU,4FAGd,MAAM,8EAEJ,iBAAiB,uBAmF3B,CAAC;AAEF,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,UAExC;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,eAAS,CAAC;AAGvC,eAAO,MAAM,YAAY,QAAS,MAAM,KAAK,MAAM,WAgClD,CAAC"}
package/dist/utils.js CHANGED
@@ -13,8 +13,7 @@ import React from 'react';
13
13
  import emojiRegex from 'emoji-regex';
14
14
  import * as linkify from 'linkifyjs';
15
15
  import { nanoid } from 'nanoid';
16
- //@ts-expect-error
17
- import findAndReplace from 'mdast-util-find-and-replace';
16
+ import { findAndReplace } from 'mdast-util-find-and-replace';
18
17
  import RootReactMarkdown from 'react-markdown';
19
18
  import ReactMarkdown from 'react-markdown/with-html';
20
19
  import uniqBy from 'lodash.uniqby';
@@ -85,7 +84,7 @@ export var markDownRenderers = {
85
84
  if (!href || (!isEmail && !isUrl)) {
86
85
  return children;
87
86
  }
88
- return (React.createElement("a", { className: "" + (isUrl ? 'str-chat__message-url-link' : ''), href: href, rel: 'nofollow noreferrer noopener', target: '_blank' }, children));
87
+ return (React.createElement("a", { className: "".concat(isUrl ? 'str-chat__message-url-link' : ''), href: href, rel: 'nofollow noreferrer noopener', target: '_blank' }, children));
89
88
  },
90
89
  span: 'span',
91
90
  };
@@ -124,7 +123,7 @@ export var mentionsMarkdownPlugin = function (mentioned_users) { return function
124
123
  if (!mentioned_usernames.length) {
125
124
  return markdownAST;
126
125
  }
127
- var mentionedUsersRegex = new RegExp(mentioned_usernames.map(function (username) { return "@" + username; }).join('|'), 'g');
126
+ var mentionedUsersRegex = new RegExp(mentioned_usernames.map(function (username) { return "@".concat(username); }).join('|'), 'g');
128
127
  findAndReplace(markdownAST, mentionedUsersRegex, replace);
129
128
  return markdownAST;
130
129
  };
@@ -156,8 +155,24 @@ export var renderText = function (text, mentioned_users, options) {
156
155
  if (noParsingNeeded.length > 0 || linkIsInBlock)
157
156
  return;
158
157
  try {
158
+ // special case for mentions:
159
+ // it could happen that a user's name matches with an e-mail format pattern.
160
+ // in that case, we check whether the found e-mail is actually a mention
161
+ // by naively checking for an existence of @ sign in front of it.
162
+ if (type === 'email' && mentioned_users) {
163
+ var emailMatchesWithName = mentioned_users.some(function (u) { return u.name === value; });
164
+ if (emailMatchesWithName) {
165
+ newText = newText.replace(new RegExp(escapeRegExp(value), 'g'), function (match, position) {
166
+ var isMention = newText.charAt(position - 1) === '@';
167
+ // in case of mention, we leave the match in its original form,
168
+ // and we let `mentionsMarkdownPlugin` to do its job
169
+ return isMention ? match : "[".concat(match, "](").concat(encodeDecode(href), ")");
170
+ });
171
+ return;
172
+ }
173
+ }
159
174
  var displayLink = type === 'email' ? value : formatUrlForDisplay(href);
160
- newText = newText.replace(new RegExp(escapeRegExp(value), 'g'), "[" + displayLink + "](" + encodeDecode(href) + ")");
175
+ newText = newText.replace(new RegExp(escapeRegExp(value), 'g'), "[".concat(displayLink, "](").concat(encodeDecode(href), ")"));
161
176
  }
162
177
  catch (e) {
163
178
  void e;
package/dist/version.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export declare const version = "9.3.0";
1
+ export declare const version = "10.0.0-theming-v2.1";
2
2
  //# sourceMappingURL=version.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../src/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,UAAU,CAAC"}
1
+ {"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../src/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,wBAAwB,CAAC"}
package/dist/version.js CHANGED
@@ -1 +1 @@
1
- export var version = '9.3.0';
1
+ export var version = '10.0.0-theming-v2.1';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "stream-chat-react",
3
- "version": "9.3.0",
3
+ "version": "10.0.0-theming-v2.1",
4
4
  "description": "React components to create chat conversations or livestream style chat",
5
5
  "author": "GetStream",
6
6
  "homepage": "https://getstream.io/chat/",
@@ -12,7 +12,7 @@
12
12
  "main": "dist/index.cjs.js",
13
13
  "module": "dist/index.js",
14
14
  "jsnext:main": "dist/index.js",
15
- "style": "dist/css/index.css",
15
+ "style": "dist/css/v2/index.css",
16
16
  "sideEffects": [
17
17
  "*.css"
18
18
  ],
@@ -29,8 +29,9 @@
29
29
  ],
30
30
  "dependencies": {
31
31
  "@braintree/sanitize-url": "6.0.0",
32
- "@juggle/resize-observer": "^3.3.1",
33
- "@stream-io/stream-chat-css": "^2.10.1",
32
+ "@popperjs/core": "^2.11.5",
33
+ "@stream-io/stream-chat-css": "3.0.0-theming2.4",
34
+ "clsx": "^1.1.1",
34
35
  "dayjs": "^1.10.4",
35
36
  "emoji-mart": "3.0.1",
36
37
  "emoji-regex": "^9.2.0",
@@ -41,16 +42,18 @@
41
42
  "lodash.isequal": "^4.5.0",
42
43
  "lodash.throttle": "^4.1.1",
43
44
  "lodash.uniqby": "^4.7.0",
44
- "mdast-util-find-and-replace": "1.1.1",
45
+ "mdast-util-find-and-replace": "^2.2.1",
45
46
  "nanoid": "^3.3.4",
46
47
  "pretty-bytes": "^5.4.1",
47
48
  "prop-types": "^15.7.2",
49
+ "react-dropzone": "^14.2.2",
48
50
  "react-fast-compare": "^3.2.0",
49
- "react-file-utils": "^1.1.12",
51
+ "react-file-utils": "^1.2.0",
50
52
  "react-image-gallery": "^1.2.7",
51
53
  "react-is": "^18.1.0",
52
54
  "react-markdown": "^5.0.3",
53
55
  "react-player": "^2.10.1",
56
+ "react-popper": "^2.3.0",
54
57
  "react-textarea-autosize": "^8.3.0",
55
58
  "react-virtuoso": "^2.16.5",
56
59
  "textarea-caret": "^3.1.0"
@@ -103,6 +106,7 @@
103
106
  "@types/lodash.isequal": "^4.5.5",
104
107
  "@types/lodash.throttle": "^4.1.6",
105
108
  "@types/lodash.uniqby": "^4.7.6",
109
+ "@types/mdast": "^3.0.10",
106
110
  "@types/moment": "^2.13.0",
107
111
  "@types/react": "^18.0.8",
108
112
  "@types/react-dom": "^18.0.3",
@@ -170,7 +174,7 @@
170
174
  "style-loader": "^2.0.0",
171
175
  "ts-jest": "^26.5.1",
172
176
  "tslib": "2.3.0",
173
- "typescript": "4.3.5",
177
+ "typescript": "^4.7.4",
174
178
  "url-loader": "^4.1.1",
175
179
  "webpack": "4.44.2",
176
180
  "webpack-cli": "^3.3.12",
@@ -201,14 +205,17 @@
201
205
  "test": "jest",
202
206
  "types": "tsc --strict",
203
207
  "validate-translations": "node scripts/validate-translations.js",
208
+ "validate-cjs": "node scripts/validate-cjs-bundle.cjs",
204
209
  "semantic-release": "semantic-release",
205
210
  "browse-examples": "ladle serve",
206
211
  "e2e": "playwright test",
207
212
  "e2e-fixtures": "node e2e/fixtures.mjs",
208
- "e2e-container": "./e2e/scripts/run_in_container.sh"
213
+ "e2e-container": "./e2e/scripts/run_in_container.sh",
214
+ "docs-merge": "scripts/merge-stream-chat-css-docs.sh"
209
215
  },
210
216
  "resolutions": {
211
- "ast-types": "^0.14.0"
217
+ "ast-types": "^0.14.0",
218
+ "@types/unist": "^2.0.6"
212
219
  },
213
220
  "browserslist": [
214
221
  ">0.2%",
@@ -1,14 +0,0 @@
1
- import React from 'react';
2
- import { ReactImageGalleryItem } from 'react-image-gallery';
3
- export declare type ModalWrapperProps = {
4
- /** The images for the Carousel component */
5
- images: ReactImageGalleryItem[];
6
- /** Boolean for if modal is open*/
7
- modalIsOpen: boolean;
8
- /** click event handler for toggling modal */
9
- toggleModal: () => void | ((event?: React.BaseSyntheticEvent) => void);
10
- /** The index for the component */
11
- index?: number;
12
- };
13
- export declare const ModalComponent: (props: ModalWrapperProps) => JSX.Element;
14
- //# sourceMappingURL=ModalWrapper.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ModalWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/Gallery/ModalWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAqB,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAI1E,oBAAY,iBAAiB,GAAG;IAC9B,4CAA4C;IAC5C,MAAM,EAAE,qBAAqB,EAAE,CAAC;IAChC,kCAAkC;IAClC,WAAW,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,WAAW,EAAE,MAAM,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC,CAAC;IACvE,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,iBAAiB,gBActD,CAAC"}
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- import ImageGallery from 'react-image-gallery';
3
- import { Modal } from '../Modal';
4
- export var ModalComponent = function (props) {
5
- var images = props.images, index = props.index, modalIsOpen = props.modalIsOpen, toggleModal = props.toggleModal;
6
- return (React.createElement(Modal, { onClose: toggleModal, open: modalIsOpen },
7
- React.createElement(ImageGallery, { items: images, showIndex: true, showPlayButton: false, showThumbnails: false, startIndex: index })));
8
- };
@@ -1,10 +0,0 @@
1
- import { MessageContextValue } from '../../context/MessageContext';
2
- import type { MessageUIComponentProps } from './types';
3
- import type { DefaultStreamChatGenerics } from '../../types/types';
4
- /**
5
- * @deprecated - This UI component will be removed in the next major release.
6
- *
7
- * UI component that renders a message and receives functionality from the Message/MessageList components
8
- */
9
- export declare const MessageCommerce: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: Partial<MessageContextValue<StreamChatGenerics>>) => JSX.Element;
10
- //# sourceMappingURL=MessageCommerce.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MessageCommerce.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageCommerce.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,mBAAmB,EAAqB,MAAM,8BAA8B,CAAC;AAEtF,OAAO,KAAK,EAAE,uBAAuB,EAAqB,MAAM,SAAS,CAAC;AAE1E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAmInE;;;;GAIG;AACH,eAAO,MAAM,eAAe,4JAQ3B,CAAC"}