@sendbird/uikit-react 3.0.0-beta → 3.0.0-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 (438) hide show
  1. package/App.js +41 -30
  2. package/App.js.map +1 -1
  3. package/CHANGELOG.md +50 -0
  4. package/Channel/components/ChannelHeader.js +15 -14
  5. package/Channel/components/ChannelHeader.js.map +1 -1
  6. package/Channel/components/ChannelUI.js +28 -21
  7. package/Channel/components/ChannelUI.js.map +1 -1
  8. package/Channel/components/FileViewer.js +14 -13
  9. package/Channel/components/FileViewer.js.map +1 -1
  10. package/Channel/components/FrozenNotification.js +5 -5
  11. package/Channel/components/Message.js +178 -62
  12. package/Channel/components/Message.js.map +1 -1
  13. package/Channel/components/MessageInput.js +145 -30
  14. package/Channel/components/MessageInput.js.map +1 -1
  15. package/Channel/components/MessageList.js +71 -59
  16. package/Channel/components/MessageList.js.map +1 -1
  17. package/Channel/components/RemoveMessageModal.js +17 -16
  18. package/Channel/components/RemoveMessageModal.js.map +1 -1
  19. package/Channel/components/SuggestedMentionList.js +250 -0
  20. package/Channel/components/SuggestedMentionList.js.map +1 -0
  21. package/Channel/components/TypingIndicator.js +14 -13
  22. package/Channel/components/TypingIndicator.js.map +1 -1
  23. package/Channel/components/UnreadCount.js +5 -5
  24. package/Channel/context.js +13 -12
  25. package/Channel/context.js.map +1 -1
  26. package/Channel.js +28 -21
  27. package/Channel.js.map +1 -1
  28. package/ChannelList/components/AddChannel.js +14 -14
  29. package/ChannelList/components/ChannelListHeader.js +7 -7
  30. package/ChannelList/components/ChannelListUI.js +24 -23
  31. package/ChannelList/components/ChannelListUI.js.map +1 -1
  32. package/ChannelList/components/ChannelPreview.js +23 -19
  33. package/ChannelList/components/ChannelPreview.js.map +1 -1
  34. package/ChannelList/components/ChannelPreviewAction.js +14 -14
  35. package/ChannelList/context.js +8 -8
  36. package/ChannelList.js +24 -23
  37. package/ChannelList.js.map +1 -1
  38. package/{ChannelListProvider-0b0c2c40.js → ChannelListProvider-7c351968.js} +8 -8
  39. package/{ChannelListProvider-0b0c2c40.js.map → ChannelListProvider-7c351968.js.map} +1 -1
  40. package/{ChannelProvider-459e463f.js → ChannelProvider-d5126903.js} +72 -41
  41. package/ChannelProvider-d5126903.js.map +1 -0
  42. package/ChannelSettings/components/AdminPanel.js +15 -15
  43. package/ChannelSettings/components/ChannelProfile.js +13 -13
  44. package/ChannelSettings/components/ChannelSettingsUI.js +18 -18
  45. package/ChannelSettings/components/EditDetailsModal.js +13 -13
  46. package/ChannelSettings/components/LeaveChannel.js +10 -10
  47. package/ChannelSettings/components/UserListItem.js +11 -11
  48. package/ChannelSettings/components/UserPanel.js +14 -14
  49. package/ChannelSettings/context.js +3 -3
  50. package/ChannelSettings.js +18 -18
  51. package/CreateChannel/components/CreateChannelUI.js +14 -14
  52. package/CreateChannel/components/InviteMembers.js +14 -14
  53. package/CreateChannel/components/SelectChannelType.js +10 -10
  54. package/CreateChannel/context.js +3 -3
  55. package/CreateChannel.js +14 -14
  56. package/{CreateChannelProvider-c617a1bb.js → CreateChannelProvider-ddfd92e6.js} +1 -1
  57. package/{CreateChannelProvider-c617a1bb.js.map → CreateChannelProvider-ddfd92e6.js.map} +1 -1
  58. package/EditUserProfile/components/EditUserProfileUI.js +13 -13
  59. package/EditUserProfile.js +13 -13
  60. package/{LocalizationContext-e4391013.js → LocalizationContext-b021af8f.js} +3 -3
  61. package/{LocalizationContext-e4391013.js.map → LocalizationContext-b021af8f.js.map} +1 -1
  62. package/{MemberList-6655cba0.js → MemberList-323e7517.js} +5 -5
  63. package/{MemberList-6655cba0.js.map → MemberList-323e7517.js.map} +1 -1
  64. package/MessageSearch/components/MessageSearchUI.js +11 -11
  65. package/MessageSearch/context.js +2 -2
  66. package/MessageSearch.js +11 -11
  67. package/OpenChannel/components/FrozenChannelNotification.js +5 -5
  68. package/OpenChannel/components/OpenChannelHeader.js +12 -12
  69. package/OpenChannel/components/OpenChannelInput.js +18 -14
  70. package/OpenChannel/components/OpenChannelInput.js.map +1 -1
  71. package/OpenChannel/components/OpenChannelMessage.js +23 -19
  72. package/OpenChannel/components/OpenChannelMessage.js.map +1 -1
  73. package/OpenChannel/components/OpenChannelMessageList.js +25 -21
  74. package/OpenChannel/components/OpenChannelMessageList.js.map +1 -1
  75. package/OpenChannel/components/OpenChannelUI.js +25 -21
  76. package/OpenChannel/components/OpenChannelUI.js.map +1 -1
  77. package/OpenChannel/context.js +9 -9
  78. package/OpenChannel.js +25 -21
  79. package/OpenChannel.js.map +1 -1
  80. package/{OpenChannelProvider-a7691eb4.js → OpenChannelProvider-abc4ab98.js} +7 -7
  81. package/{OpenChannelProvider-a7691eb4.js.map → OpenChannelProvider-abc4ab98.js.map} +1 -1
  82. package/OpenChannelSettings/components/EditDetailsModal.js +13 -13
  83. package/OpenChannelSettings/components/OpenChannelProfile.js +13 -13
  84. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  85. package/OpenChannelSettings/components/OperatorUI.js +16 -16
  86. package/OpenChannelSettings/components/ParticipantUI.js +14 -14
  87. package/OpenChannelSettings/context.js +2 -2
  88. package/OpenChannelSettings.js +17 -17
  89. package/README.md +9 -1
  90. package/SendbirdProvider.js +27 -13
  91. package/SendbirdProvider.js.map +1 -1
  92. package/{UserProfileContext-865db5e6.js → UserProfileContext-daa99f9b.js} +1 -1
  93. package/{UserProfileContext-865db5e6.js.map → UserProfileContext-daa99f9b.js.map} +1 -1
  94. package/{_rollupPluginBabelHelpers-20904f21.js → _rollupPluginBabelHelpers-8e4fae98.js} +1 -1
  95. package/{_rollupPluginBabelHelpers-20904f21.js.map → _rollupPluginBabelHelpers-8e4fae98.js.map} +1 -1
  96. package/{actionTypes-1e3a4074.js → actionTypes-189daf51.js} +1 -1
  97. package/{actionTypes-1e3a4074.js.map → actionTypes-189daf51.js.map} +1 -1
  98. package/cjs/App.js +41 -30
  99. package/cjs/App.js.map +1 -1
  100. package/cjs/Channel/components/ChannelHeader.js +15 -14
  101. package/cjs/Channel/components/ChannelHeader.js.map +1 -1
  102. package/cjs/Channel/components/ChannelUI.js +28 -21
  103. package/cjs/Channel/components/ChannelUI.js.map +1 -1
  104. package/cjs/Channel/components/FileViewer.js +14 -13
  105. package/cjs/Channel/components/FileViewer.js.map +1 -1
  106. package/cjs/Channel/components/FrozenNotification.js +5 -5
  107. package/cjs/Channel/components/Message.js +177 -61
  108. package/cjs/Channel/components/Message.js.map +1 -1
  109. package/cjs/Channel/components/MessageInput.js +144 -29
  110. package/cjs/Channel/components/MessageInput.js.map +1 -1
  111. package/cjs/Channel/components/MessageList.js +70 -58
  112. package/cjs/Channel/components/MessageList.js.map +1 -1
  113. package/cjs/Channel/components/RemoveMessageModal.js +17 -16
  114. package/cjs/Channel/components/RemoveMessageModal.js.map +1 -1
  115. package/cjs/Channel/components/SuggestedMentionList.js +256 -0
  116. package/cjs/Channel/components/SuggestedMentionList.js.map +1 -0
  117. package/cjs/Channel/components/TypingIndicator.js +14 -13
  118. package/cjs/Channel/components/TypingIndicator.js.map +1 -1
  119. package/cjs/Channel/components/UnreadCount.js +5 -5
  120. package/cjs/Channel/context.js +13 -12
  121. package/cjs/Channel/context.js.map +1 -1
  122. package/cjs/Channel.js +28 -21
  123. package/cjs/Channel.js.map +1 -1
  124. package/cjs/ChannelList/components/AddChannel.js +14 -14
  125. package/cjs/ChannelList/components/ChannelListHeader.js +7 -7
  126. package/cjs/ChannelList/components/ChannelListUI.js +24 -23
  127. package/cjs/ChannelList/components/ChannelListUI.js.map +1 -1
  128. package/cjs/ChannelList/components/ChannelPreview.js +23 -19
  129. package/cjs/ChannelList/components/ChannelPreview.js.map +1 -1
  130. package/cjs/ChannelList/components/ChannelPreviewAction.js +14 -14
  131. package/cjs/ChannelList/context.js +8 -8
  132. package/cjs/ChannelList.js +24 -23
  133. package/cjs/ChannelList.js.map +1 -1
  134. package/cjs/{ChannelListProvider-5a152618.js → ChannelListProvider-44dde549.js} +8 -8
  135. package/cjs/{ChannelListProvider-5a152618.js.map → ChannelListProvider-44dde549.js.map} +1 -1
  136. package/cjs/{ChannelProvider-f1fb0108.js → ChannelProvider-e0aaab26.js} +79 -48
  137. package/cjs/ChannelProvider-e0aaab26.js.map +1 -0
  138. package/cjs/ChannelSettings/components/AdminPanel.js +15 -15
  139. package/cjs/ChannelSettings/components/ChannelProfile.js +13 -13
  140. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +18 -18
  141. package/cjs/ChannelSettings/components/EditDetailsModal.js +13 -13
  142. package/cjs/ChannelSettings/components/LeaveChannel.js +10 -10
  143. package/cjs/ChannelSettings/components/UserListItem.js +11 -11
  144. package/cjs/ChannelSettings/components/UserPanel.js +14 -14
  145. package/cjs/ChannelSettings/context.js +3 -3
  146. package/cjs/ChannelSettings.js +18 -18
  147. package/cjs/CreateChannel/components/CreateChannelUI.js +14 -14
  148. package/cjs/CreateChannel/components/InviteMembers.js +14 -14
  149. package/cjs/CreateChannel/components/SelectChannelType.js +10 -10
  150. package/cjs/CreateChannel/context.js +3 -3
  151. package/cjs/CreateChannel.js +14 -14
  152. package/cjs/{CreateChannelProvider-df42106f.js → CreateChannelProvider-bdf9c39b.js} +1 -1
  153. package/cjs/{CreateChannelProvider-df42106f.js.map → CreateChannelProvider-bdf9c39b.js.map} +1 -1
  154. package/cjs/EditUserProfile/components/EditUserProfileUI.js +13 -13
  155. package/cjs/EditUserProfile.js +13 -13
  156. package/cjs/{LocalizationContext-68e55e2a.js → LocalizationContext-3b5ce8ae.js} +3 -3
  157. package/cjs/{LocalizationContext-68e55e2a.js.map → LocalizationContext-3b5ce8ae.js.map} +1 -1
  158. package/cjs/{MemberList-dc84e303.js → MemberList-ef9e43c3.js} +5 -5
  159. package/cjs/{MemberList-dc84e303.js.map → MemberList-ef9e43c3.js.map} +1 -1
  160. package/cjs/MessageSearch/components/MessageSearchUI.js +11 -11
  161. package/cjs/MessageSearch/context.js +2 -2
  162. package/cjs/MessageSearch.js +11 -11
  163. package/cjs/OpenChannel/components/FrozenChannelNotification.js +5 -5
  164. package/cjs/OpenChannel/components/OpenChannelHeader.js +12 -12
  165. package/cjs/OpenChannel/components/OpenChannelInput.js +18 -14
  166. package/cjs/OpenChannel/components/OpenChannelInput.js.map +1 -1
  167. package/cjs/OpenChannel/components/OpenChannelMessage.js +23 -19
  168. package/cjs/OpenChannel/components/OpenChannelMessage.js.map +1 -1
  169. package/cjs/OpenChannel/components/OpenChannelMessageList.js +25 -21
  170. package/cjs/OpenChannel/components/OpenChannelMessageList.js.map +1 -1
  171. package/cjs/OpenChannel/components/OpenChannelUI.js +25 -21
  172. package/cjs/OpenChannel/components/OpenChannelUI.js.map +1 -1
  173. package/cjs/OpenChannel/context.js +9 -9
  174. package/cjs/OpenChannel.js +25 -21
  175. package/cjs/OpenChannel.js.map +1 -1
  176. package/cjs/{OpenChannelProvider-7a1a996f.js → OpenChannelProvider-9ce7c998.js} +7 -7
  177. package/cjs/{OpenChannelProvider-7a1a996f.js.map → OpenChannelProvider-9ce7c998.js.map} +1 -1
  178. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +13 -13
  179. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +13 -13
  180. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  181. package/cjs/OpenChannelSettings/components/OperatorUI.js +16 -16
  182. package/cjs/OpenChannelSettings/components/ParticipantUI.js +14 -14
  183. package/cjs/OpenChannelSettings/context.js +2 -2
  184. package/cjs/OpenChannelSettings.js +17 -17
  185. package/cjs/SendbirdProvider.js +27 -13
  186. package/cjs/SendbirdProvider.js.map +1 -1
  187. package/cjs/{UserProfileContext-3533547d.js → UserProfileContext-f0bdfbb8.js} +1 -1
  188. package/cjs/{UserProfileContext-3533547d.js.map → UserProfileContext-f0bdfbb8.js.map} +1 -1
  189. package/cjs/{_rollupPluginBabelHelpers-fc14118c.js → _rollupPluginBabelHelpers-e54d2387.js} +1 -1
  190. package/cjs/{_rollupPluginBabelHelpers-fc14118c.js.map → _rollupPluginBabelHelpers-e54d2387.js.map} +1 -1
  191. package/cjs/{actionTypes-bc47f97a.js → actionTypes-267d4c79.js} +1 -1
  192. package/cjs/{actionTypes-bc47f97a.js.map → actionTypes-267d4c79.js.map} +1 -1
  193. package/cjs/{color-4afb15fb.js → color-0f078673.js} +1 -1
  194. package/cjs/{color-4afb15fb.js.map → color-0f078673.js.map} +1 -1
  195. package/cjs/{compareIds-01306377.js → compareIds-176a582b.js} +1 -1
  196. package/cjs/{compareIds-01306377.js.map → compareIds-176a582b.js.map} +1 -1
  197. package/cjs/const-4bf0e8b4.js +22 -0
  198. package/cjs/const-4bf0e8b4.js.map +1 -0
  199. package/cjs/const-ccf192c5.js +14 -0
  200. package/cjs/const-ccf192c5.js.map +1 -0
  201. package/cjs/{context-c1f9d650.js → context-0cbe196d.js} +2 -2
  202. package/cjs/{context-c1f9d650.js.map → context-0cbe196d.js.map} +1 -1
  203. package/cjs/{index-d4880236.js → index-002a349d.js} +84 -3
  204. package/cjs/index-002a349d.js.map +1 -0
  205. package/cjs/{index-905331fa.js → index-0159bc57.js} +2 -2
  206. package/cjs/{index-905331fa.js.map → index-0159bc57.js.map} +1 -1
  207. package/cjs/{index-4987c8b2.js → index-081c9614.js} +6 -6
  208. package/cjs/{index-4987c8b2.js.map → index-081c9614.js.map} +1 -1
  209. package/cjs/{index-1468d245.js → index-21f31180.js} +3 -3
  210. package/cjs/{index-1468d245.js.map → index-21f31180.js.map} +1 -1
  211. package/cjs/{index-1044f1ed.js → index-22f07209.js} +3 -3
  212. package/cjs/{index-1044f1ed.js.map → index-22f07209.js.map} +1 -1
  213. package/cjs/{index-8becccd8.js → index-46522cf0.js} +4 -4
  214. package/cjs/{index-8becccd8.js.map → index-46522cf0.js.map} +1 -1
  215. package/cjs/index-723733db.js +54 -0
  216. package/cjs/index-723733db.js.map +1 -0
  217. package/cjs/{index-9dc3863f.js → index-c0693be4.js} +2 -2
  218. package/cjs/{index-9dc3863f.js.map → index-c0693be4.js.map} +1 -1
  219. package/cjs/{index-659c9ca5.js → index-d4f42e73.js} +4 -4
  220. package/cjs/{index-659c9ca5.js.map → index-d4f42e73.js.map} +1 -1
  221. package/cjs/{index-e2bb862c.js → index-d9439e95.js} +1 -1
  222. package/cjs/{index-e2bb862c.js.map → index-d9439e95.js.map} +1 -1
  223. package/cjs/{index-aecc8d24.js → index-ed053e45.js} +1 -1
  224. package/cjs/{index-aecc8d24.js.map → index-ed053e45.js.map} +1 -1
  225. package/cjs/index.css +165 -59
  226. package/cjs/index.css.map +1 -1
  227. package/cjs/index.js +38 -31
  228. package/cjs/index.js.map +1 -1
  229. package/cjs/{openChannelUtils-37919a36.js → openChannelUtils-cecaf987.js} +1 -1
  230. package/cjs/{openChannelUtils-37919a36.js.map → openChannelUtils-cecaf987.js.map} +1 -1
  231. package/cjs/sendBirdSelectors.js +1 -1
  232. package/cjs/{stringSet-aa544ce5.js → stringSet-f4da182b.js} +4 -2
  233. package/cjs/stringSet-f4da182b.js.map +1 -0
  234. package/cjs/{topics-8314d425.js → topics-c2c30f09.js} +1 -1
  235. package/cjs/{topics-8314d425.js.map → topics-c2c30f09.js.map} +1 -1
  236. package/cjs/{tslib.es6-4a281a05.js → tslib.es6-d7d0a427.js} +1 -1
  237. package/cjs/{tslib.es6-4a281a05.js.map → tslib.es6-d7d0a427.js.map} +1 -1
  238. package/cjs/ui/Accordion.js +4 -4
  239. package/cjs/ui/AccordionGroup.js +2 -2
  240. package/cjs/ui/AdminMessage.js +3 -3
  241. package/cjs/ui/Avatar.js +3 -3
  242. package/cjs/ui/Badge.js +5 -5
  243. package/cjs/ui/Button.js +4 -4
  244. package/cjs/ui/ChannelAvatar.js +4 -4
  245. package/cjs/ui/ChannelPreview.js +12 -12
  246. package/cjs/ui/ChatHeader.js +8 -8
  247. package/cjs/ui/Checkbox.js +1 -1
  248. package/cjs/ui/ConnectionStatus.js +5 -5
  249. package/cjs/ui/ContextMenu.js +5 -5
  250. package/cjs/ui/DateSeparator.js +4 -4
  251. package/cjs/ui/Dropdown.js +3 -3
  252. package/cjs/ui/EmojiReactions.js +7 -7
  253. package/cjs/ui/FileMessageItemBody.js +6 -6
  254. package/cjs/ui/FileViewer.js +7 -7
  255. package/cjs/ui/Icon.js +1 -1
  256. package/cjs/ui/IconButton.js +1 -1
  257. package/cjs/ui/ImageRenderer.js +1 -1
  258. package/cjs/ui/Input.js +3 -3
  259. package/cjs/ui/Label.js +3 -3
  260. package/cjs/ui/LinkLabel.js +3 -3
  261. package/cjs/ui/Loader.js +1 -1
  262. package/cjs/ui/MentionUserLabel.js +25 -0
  263. package/cjs/ui/MentionUserLabel.js.map +1 -0
  264. package/cjs/ui/MessageContent.js +25 -62
  265. package/cjs/ui/MessageContent.js.map +1 -1
  266. package/cjs/ui/MessageInput.js +4900 -84
  267. package/cjs/ui/MessageInput.js.map +1 -1
  268. package/cjs/ui/MessageItemMenu.js +7 -7
  269. package/cjs/ui/MessageItemReactionMenu.js +5 -5
  270. package/cjs/ui/MessageSearchFileItem.js +10 -10
  271. package/cjs/ui/MessageSearchItem.js +10 -10
  272. package/cjs/ui/MessageStatus.js +66 -0
  273. package/cjs/ui/MessageStatus.js.map +1 -0
  274. package/cjs/ui/Modal.js +8 -8
  275. package/cjs/ui/MutedAvatarOverlay.js +1 -1
  276. package/cjs/ui/OGMessageItemBody.js +38 -28
  277. package/cjs/ui/OGMessageItemBody.js.map +1 -1
  278. package/cjs/ui/OpenChannelAdminMessage.js +4 -4
  279. package/cjs/ui/OpenChannelAvatar.js +7 -7
  280. package/cjs/ui/OpenchannelConversationHeader.js +7 -7
  281. package/cjs/ui/OpenchannelFileMessage.js +14 -14
  282. package/cjs/ui/OpenchannelOGMessage.js +14 -14
  283. package/cjs/ui/OpenchannelThumbnailMessage.js +13 -13
  284. package/cjs/ui/OpenchannelUserMessage.js +14 -14
  285. package/cjs/ui/PlaceHolder.js +6 -6
  286. package/cjs/ui/QuoteMessage.js +7 -7
  287. package/cjs/ui/QuoteMessageInput.js +7 -7
  288. package/cjs/ui/QuoteMessageInput.js.map +1 -1
  289. package/cjs/ui/ReactionBadge.js +3 -3
  290. package/cjs/ui/ReactionButton.js +1 -1
  291. package/cjs/ui/SortByRow.js +1 -1
  292. package/cjs/ui/TextButton.js +2 -2
  293. package/cjs/ui/TextMessageItemBody.js +36 -14
  294. package/cjs/ui/TextMessageItemBody.js.map +1 -1
  295. package/cjs/ui/ThumbnailMessageItemBody.js +3 -3
  296. package/cjs/ui/Tooltip.js +3 -3
  297. package/cjs/ui/TooltipWrapper.js +1 -1
  298. package/cjs/ui/UnknownMessageItemBody.js +7 -7
  299. package/cjs/ui/UserListItem.js +11 -11
  300. package/cjs/ui/UserProfile.js +9 -9
  301. package/cjs/useSendbirdStateContext.js +1 -1
  302. package/cjs/{utils-cbd3ed99.js → utils-3e73a146.js} +1 -1
  303. package/cjs/{utils-cbd3ed99.js.map → utils-3e73a146.js.map} +1 -1
  304. package/cjs/{utils-66b3f4ec.js → utils-b95288a8.js} +1 -1
  305. package/cjs/{utils-66b3f4ec.js.map → utils-b95288a8.js.map} +1 -1
  306. package/cjs/{utils-3b0815dc.js → utils-c55d20dc.js} +1 -1
  307. package/cjs/{utils-3b0815dc.js.map → utils-c55d20dc.js.map} +1 -1
  308. package/cjs/{uuid-1d5ec8b2.js → uuid-ba6cc3c5.js} +1 -1
  309. package/cjs/{uuid-1d5ec8b2.js.map → uuid-ba6cc3c5.js.map} +1 -1
  310. package/cjs/withSendBird.js +1 -1
  311. package/{color-ee3fc5ee.js → color-2863fbbe.js} +1 -1
  312. package/{color-ee3fc5ee.js.map → color-2863fbbe.js.map} +1 -1
  313. package/{compareIds-808956f2.js → compareIds-48d87cc5.js} +1 -1
  314. package/{compareIds-808956f2.js.map → compareIds-48d87cc5.js.map} +1 -1
  315. package/const-09c22c50.js +18 -0
  316. package/const-09c22c50.js.map +1 -0
  317. package/const-3f63e129.js +8 -0
  318. package/const-3f63e129.js.map +1 -0
  319. package/{context-98ce535c.js → context-7877e5bb.js} +2 -2
  320. package/{context-98ce535c.js.map → context-7877e5bb.js.map} +1 -1
  321. package/dist/index.css +165 -59
  322. package/dist/index.css.map +1 -1
  323. package/{index-942c85a6.js → index-1fd114b0.js} +1 -1
  324. package/{index-942c85a6.js.map → index-1fd114b0.js.map} +1 -1
  325. package/{index-e818a8a3.js → index-303a3b6e.js} +4 -4
  326. package/{index-e818a8a3.js.map → index-303a3b6e.js.map} +1 -1
  327. package/{index-6ebf7894.js → index-353f13f3.js} +1 -1
  328. package/{index-6ebf7894.js.map → index-353f13f3.js.map} +1 -1
  329. package/{index-5c2c81bc.js → index-358226c7.js} +6 -6
  330. package/{index-5c2c81bc.js.map → index-358226c7.js.map} +1 -1
  331. package/{index-acebc2ff.js → index-41a6f4f2.js} +3 -3
  332. package/{index-acebc2ff.js.map → index-41a6f4f2.js.map} +1 -1
  333. package/index-4889e530.js +48 -0
  334. package/index-4889e530.js.map +1 -0
  335. package/{index-770d7112.js → index-4a59a866.js} +2 -2
  336. package/{index-770d7112.js.map → index-4a59a866.js.map} +1 -1
  337. package/{index-1718324d.js → index-86b0a341.js} +4 -4
  338. package/{index-1718324d.js.map → index-86b0a341.js.map} +1 -1
  339. package/{index-7a51bd16.js → index-a611bd38.js} +3 -3
  340. package/{index-7a51bd16.js.map → index-a611bd38.js.map} +1 -1
  341. package/{index-8c72a94a.js → index-ad4c9e58.js} +83 -3
  342. package/index-ad4c9e58.js.map +1 -0
  343. package/{index-cd21929d.js → index-f119413c.js} +2 -2
  344. package/{index-cd21929d.js.map → index-f119413c.js.map} +1 -1
  345. package/index.css +165 -59
  346. package/index.css.map +1 -1
  347. package/index.d.ts +237 -209
  348. package/index.js +38 -31
  349. package/index.js.map +1 -1
  350. package/{openChannelUtils-56a372e7.js → openChannelUtils-024b797a.js} +1 -1
  351. package/{openChannelUtils-56a372e7.js.map → openChannelUtils-024b797a.js.map} +1 -1
  352. package/package.json +2 -2
  353. package/sendBirdSelectors.js +1 -1
  354. package/{stringSet-4f6eaa60.js → stringSet-91746bf1.js} +4 -2
  355. package/stringSet-91746bf1.js.map +1 -0
  356. package/{topics-9442035c.js → topics-17d99dd6.js} +1 -1
  357. package/{topics-9442035c.js.map → topics-17d99dd6.js.map} +1 -1
  358. package/{tslib.es6-e3c44017.js → tslib.es6-83aa13f5.js} +1 -1
  359. package/{tslib.es6-e3c44017.js.map → tslib.es6-83aa13f5.js.map} +1 -1
  360. package/ui/Accordion.js +4 -4
  361. package/ui/AccordionGroup.js +2 -2
  362. package/ui/AdminMessage.js +3 -3
  363. package/ui/Avatar.js +3 -3
  364. package/ui/Badge.js +5 -5
  365. package/ui/Button.js +4 -4
  366. package/ui/ChannelAvatar.js +4 -4
  367. package/ui/ChannelPreview.js +12 -12
  368. package/ui/ChatHeader.js +8 -8
  369. package/ui/Checkbox.js +1 -1
  370. package/ui/ConnectionStatus.js +5 -5
  371. package/ui/ContextMenu.js +5 -5
  372. package/ui/DateSeparator.js +4 -4
  373. package/ui/Dropdown.js +3 -3
  374. package/ui/EmojiReactions.js +7 -7
  375. package/ui/FileMessageItemBody.js +6 -6
  376. package/ui/FileViewer.js +7 -7
  377. package/ui/Icon.js +1 -1
  378. package/ui/IconButton.js +1 -1
  379. package/ui/ImageRenderer.js +1 -1
  380. package/ui/Input.js +3 -3
  381. package/ui/Label.js +3 -3
  382. package/ui/LinkLabel.js +3 -3
  383. package/ui/Loader.js +1 -1
  384. package/ui/MentionUserLabel.js +19 -0
  385. package/ui/MentionUserLabel.js.map +1 -0
  386. package/ui/MessageContent.js +25 -62
  387. package/ui/MessageContent.js.map +1 -1
  388. package/ui/MessageInput.js +4900 -85
  389. package/ui/MessageInput.js.map +1 -1
  390. package/ui/MessageItemMenu.js +7 -7
  391. package/ui/MessageItemReactionMenu.js +5 -5
  392. package/ui/MessageSearchFileItem.js +10 -10
  393. package/ui/MessageSearchItem.js +10 -10
  394. package/ui/MessageStatus.js +57 -0
  395. package/ui/MessageStatus.js.map +1 -0
  396. package/ui/Modal.js +8 -8
  397. package/ui/MutedAvatarOverlay.js +1 -1
  398. package/ui/OGMessageItemBody.js +38 -28
  399. package/ui/OGMessageItemBody.js.map +1 -1
  400. package/ui/OpenChannelAdminMessage.js +4 -4
  401. package/ui/OpenChannelAvatar.js +7 -7
  402. package/ui/OpenchannelConversationHeader.js +7 -7
  403. package/ui/OpenchannelFileMessage.js +14 -14
  404. package/ui/OpenchannelOGMessage.js +14 -14
  405. package/ui/OpenchannelThumbnailMessage.js +13 -13
  406. package/ui/OpenchannelUserMessage.js +14 -14
  407. package/ui/PlaceHolder.js +6 -6
  408. package/ui/QuoteMessage.js +7 -7
  409. package/ui/QuoteMessageInput.js +7 -7
  410. package/ui/QuoteMessageInput.js.map +1 -1
  411. package/ui/ReactionBadge.js +3 -3
  412. package/ui/ReactionButton.js +1 -1
  413. package/ui/SortByRow.js +1 -1
  414. package/ui/TextButton.js +2 -2
  415. package/ui/TextMessageItemBody.js +37 -15
  416. package/ui/TextMessageItemBody.js.map +1 -1
  417. package/ui/ThumbnailMessageItemBody.js +3 -3
  418. package/ui/Tooltip.js +3 -3
  419. package/ui/TooltipWrapper.js +1 -1
  420. package/ui/UnknownMessageItemBody.js +7 -7
  421. package/ui/UserListItem.js +11 -11
  422. package/ui/UserProfile.js +9 -9
  423. package/useSendbirdStateContext.js +1 -1
  424. package/{utils-af1b9829.js → utils-5395ff17.js} +1 -1
  425. package/{utils-af1b9829.js.map → utils-5395ff17.js.map} +1 -1
  426. package/{utils-08c4dbdc.js → utils-7d39b941.js} +1 -1
  427. package/{utils-08c4dbdc.js.map → utils-7d39b941.js.map} +1 -1
  428. package/{utils-c393e880.js → utils-9ef11656.js} +1 -1
  429. package/{utils-c393e880.js.map → utils-9ef11656.js.map} +1 -1
  430. package/{uuid-b0c93400.js → uuid-6d14d007.js} +1 -1
  431. package/{uuid-b0c93400.js.map → uuid-6d14d007.js.map} +1 -1
  432. package/withSendBird.js +1 -1
  433. package/ChannelProvider-459e463f.js.map +0 -1
  434. package/cjs/ChannelProvider-f1fb0108.js.map +0 -1
  435. package/cjs/index-d4880236.js.map +0 -1
  436. package/cjs/stringSet-aa544ce5.js.map +0 -1
  437. package/index-8c72a94a.js.map +0 -1
  438. package/stringSet-4f6eaa60.js.map +0 -1
@@ -1,30 +1,30 @@
1
- import { a as __spreadArray } from '../tslib.es6-e3c44017.js';
1
+ import { a as __spreadArray } from '../tslib.es6-83aa13f5.js';
2
2
  import React__default, { useContext, useRef, useState, useMemo, useEffect } from 'react';
3
- import { f as format } from '../index-770d7112.js';
3
+ import { f as format } from '../index-4a59a866.js';
4
4
  import Avatar from './Avatar.js';
5
5
  import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
6
6
  import Icon, { IconTypes, IconColors } from './Icon.js';
7
7
  import IconButton from './IconButton.js';
8
- import { L as Label, a as LabelTypography, b as LabelColors } from '../index-7a51bd16.js';
8
+ import { L as Label, a as LabelTypography, b as LabelColors } from '../index-a611bd38.js';
9
9
  import Loader from './Loader.js';
10
10
  import ConnectedUserProfile from './UserProfile.js';
11
- import { a as UserProfileContext } from '../UserProfileContext-865db5e6.js';
12
- import { u as useLocalization } from '../LocalizationContext-e4391013.js';
13
- import { c as copyToClipboard } from '../utils-af1b9829.js';
14
- import { u as uuidv4 } from '../uuid-b0c93400.js';
15
- import { c as checkIsByMe, g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, d as isFineDelete, e as checkIsPending, f as checkIsFailed } from '../openChannelUtils-56a372e7.js';
16
- import '../index-6ebf7894.js';
11
+ import { a as UserProfileContext } from '../UserProfileContext-daa99f9b.js';
12
+ import { u as useLocalization } from '../LocalizationContext-b021af8f.js';
13
+ import { c as copyToClipboard } from '../utils-5395ff17.js';
14
+ import { u as uuidv4 } from '../uuid-6d14d007.js';
15
+ import { c as checkIsByMe, g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, d as isFineDelete, e as checkIsPending, f as checkIsFailed } from '../openChannelUtils-024b797a.js';
16
+ import '../index-353f13f3.js';
17
17
  import './ImageRenderer.js';
18
- import '../_rollupPluginBabelHelpers-20904f21.js';
18
+ import '../_rollupPluginBabelHelpers-8e4fae98.js';
19
19
  import 'prop-types';
20
- import '../index-8c72a94a.js';
20
+ import '../index-ad4c9e58.js';
21
21
  import 'react-dom';
22
22
  import './SortByRow.js';
23
- import '../stringSet-4f6eaa60.js';
23
+ import '../stringSet-91746bf1.js';
24
24
  import '../withSendBird.js';
25
25
  import '../sendBirdSelectors.js';
26
- import '../topics-9442035c.js';
27
- import '../index-acebc2ff.js';
26
+ import '../topics-17d99dd6.js';
27
+ import '../index-41a6f4f2.js';
28
28
 
29
29
  function OpenchannelUserMessage(_a) {
30
30
  var className = _a.className,
package/ui/PlaceHolder.js CHANGED
@@ -1,11 +1,11 @@
1
- import '../_rollupPluginBabelHelpers-20904f21.js';
1
+ import '../_rollupPluginBabelHelpers-8e4fae98.js';
2
2
  import 'react';
3
3
  import 'prop-types';
4
4
  import './Icon.js';
5
5
  import './Loader.js';
6
- import '../LocalizationContext-e4391013.js';
7
- import '../index-7a51bd16.js';
8
- export { a as PlaceHolderTypes, P as default } from '../index-e818a8a3.js';
9
- import '../stringSet-4f6eaa60.js';
10
- import '../index-6ebf7894.js';
6
+ import '../LocalizationContext-b021af8f.js';
7
+ import '../index-a611bd38.js';
8
+ export { a as PlaceHolderTypes, P as default } from '../index-303a3b6e.js';
9
+ import '../stringSet-91746bf1.js';
10
+ import '../index-353f13f3.js';
11
11
  //# sourceMappingURL=PlaceHolder.js.map
@@ -1,14 +1,14 @@
1
1
  import React__default, { useContext, useState } from 'react';
2
2
  import Icon, { IconTypes, IconColors } from './Icon.js';
3
- import { L as Label, a as LabelTypography, b as LabelColors } from '../index-7a51bd16.js';
3
+ import { L as Label, a as LabelTypography, b as LabelColors } from '../index-a611bd38.js';
4
4
  import ImageRenderer from './ImageRenderer.js';
5
- import { a as LocalizationContext } from '../LocalizationContext-e4391013.js';
6
- import { K as getUIKitFileTypes, d as getClassName, n as isUserMessage, j as isThumbnailMessage, x as isVideo, L as isGif, e as isFileMessage, w as isSupportedFileView, I as getUIKitFileType, t as truncateString } from '../index-8c72a94a.js';
7
- import '../_rollupPluginBabelHelpers-20904f21.js';
5
+ import { a as LocalizationContext } from '../LocalizationContext-b021af8f.js';
6
+ import { L as getUIKitFileTypes, d as getClassName, p as isUserMessage, l as isThumbnailMessage, x as isVideo, M as isGif, j as isFileMessage, w as isSupportedFileView, K as getUIKitFileType, t as truncateString } from '../index-ad4c9e58.js';
7
+ import '../_rollupPluginBabelHelpers-8e4fae98.js';
8
8
  import 'prop-types';
9
- import '../stringSet-4f6eaa60.js';
10
- import '../index-6ebf7894.js';
11
- import '../tslib.es6-e3c44017.js';
9
+ import '../stringSet-91746bf1.js';
10
+ import '../index-353f13f3.js';
11
+ import '../tslib.es6-83aa13f5.js';
12
12
 
13
13
  function QuoteMessage(_a) {
14
14
  var _b;
@@ -1,14 +1,14 @@
1
1
  import React__default, { useContext } from 'react';
2
- import { e as isFileMessage, h as isImageMessage, j as isThumbnailMessage, k as isAudioMessage, d as getClassName, l as isGifMessage, m as isVideoMessage, n as isUserMessage } from '../index-8c72a94a.js';
2
+ import { j as isFileMessage, k as isImageMessage, l as isThumbnailMessage, m as isAudioMessage, d as getClassName, n as isGifMessage, o as isVideoMessage, p as isUserMessage } from '../index-ad4c9e58.js';
3
3
  import Icon, { IconTypes, IconColors } from './Icon.js';
4
- import { L as Label, a as LabelTypography, b as LabelColors } from '../index-7a51bd16.js';
5
- import { a as LocalizationContext } from '../LocalizationContext-e4391013.js';
4
+ import { L as Label, a as LabelTypography, b as LabelColors } from '../index-a611bd38.js';
5
+ import { a as LocalizationContext } from '../LocalizationContext-b021af8f.js';
6
6
  import ImageRenderer from './ImageRenderer.js';
7
- import '../tslib.es6-e3c44017.js';
8
- import '../_rollupPluginBabelHelpers-20904f21.js';
7
+ import '../tslib.es6-83aa13f5.js';
8
+ import '../_rollupPluginBabelHelpers-8e4fae98.js';
9
9
  import 'prop-types';
10
- import '../stringSet-4f6eaa60.js';
11
- import '../index-6ebf7894.js';
10
+ import '../stringSet-91746bf1.js';
11
+ import '../index-353f13f3.js';
12
12
 
13
13
  var componentClassname = 'sendbird-quote_message_input__avatar';
14
14
  function QuoteMessageThumbnail(_a) {
@@ -1 +1 @@
1
- {"version":3,"file":"QuoteMessageInput.js","sources":["../../src/ui/QuoteMessageInput/QuoteMessageThumbnail.tsx","../../src/ui/QuoteMessageInput/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { FileMessage } from 'sendbird';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport ImageRenderer from '../ImageRenderer';\nimport { isAudioMessage, isFileMessage, isImageMessage, isThumbnailMessage } from '../../utils';\n\ninterface Props {\n message: FileMessage;\n}\n\nconst componentClassname = 'sendbird-quote_message_input__avatar';\n\nexport default function QuoteMessageThumbnail({ message }: Props): ReactElement {\n if (!isFileMessage(message)) {\n return null;\n }\n\n const thumbnailUrl: string = (message.thumbnails && message.thumbnails.length > 0 && message.thumbnails[0].url)\n || (isImageMessage(message) && message.url);\n if (isThumbnailMessage(message) && thumbnailUrl) {\n return (\n <ImageRenderer\n className={componentClassname}\n url={thumbnailUrl}\n alt={message.type}\n width=\"44px\"\n height=\"44px\"\n fixedSize\n />\n );\n } else if (isAudioMessage(message)) {\n return (\n <div className={componentClassname}>\n <Icon\n type={IconTypes.FILE_AUDIO}\n fillColor={IconColors.ON_BACKGROUND_2}\n width=\"24px\"\n height=\"24px\"\n />\n </div>\n );\n } else {\n return (\n <div className={componentClassname}>\n <Icon\n type={IconTypes.FILE_DOCUMENT}\n fillColor={IconColors.ON_BACKGROUND_2}\n width=\"24px\"\n height=\"24px\"\n />\n </div>\n );\n }\n}\n","import React, { ReactElement, useContext } from 'react';\nimport { FileMessage, UserMessage } from 'sendbird';\nimport {\n CoreMessageType,\n getClassName,\n isFileMessage,\n isGifMessage,\n isImageMessage,\n isThumbnailMessage,\n isUserMessage,\n isVideoMessage,\n} from '../../utils';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\nimport QuoteMessageThumbnail from './QuoteMessageThumbnail';\nimport './index.scss';\n\ninterface Props {\n className?: string | Array<string>;\n replyingMessage: CoreMessageType;\n onClose?: (message: CoreMessageType) => void;\n}\n\nexport default function QuoteMessageInput({\n className,\n replyingMessage,\n onClose,\n}: Props): ReactElement {\n const { stringSet } = useContext(LocalizationContext);\n const fileMessage = replyingMessage as FileMessage;\n const sender = (replyingMessage as UserMessage | FileMessage)?.sender;\n\n return (\n <div className={getClassName(['sendbird-quote_message_input', className])}>\n <QuoteMessageThumbnail message={fileMessage} />\n <div\n className=\"sendbird-quote_message_input__body\"\n style={{\n width: `calc(100% - ${fileMessage.isFileMessage() ? '164px' : '120px'})`,\n left: fileMessage.isFileMessage() ? '92px' : '40px',\n }}\n >\n <Label\n className=\"sendbird-quote_message_input__body__sender-name\"\n type={LabelTypography.CAPTION_1}\n color={LabelColors.ONBACKGROUND_1}\n >\n {`${stringSet.QUOTE_MESSAGE_INPUT__REPLY_TO} ${(sender && sender.nickname) ? sender.nickname : stringSet.NO_NAME}`}\n </Label>\n <Label\n className=\"sendbird-quote_message_input__body__message-content\"\n type={LabelTypography.BODY_2}\n color={LabelColors.ONBACKGROUND_3}\n >\n {isImageMessage(fileMessage) && !isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_IMAGE}\n {isVideoMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE__VIDEO}\n {isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_GIF}\n {isUserMessage(replyingMessage as UserMessage) && (replyingMessage as UserMessage).message}\n {(isFileMessage(fileMessage) && !isThumbnailMessage(fileMessage)) && fileMessage.name}\n </Label>\n </div>\n <Icon\n className=\"sendbird-quote_message_input__close-button\"\n type={IconTypes.CLOSE}\n fillColor={IconColors.ON_BACKGROUND_2}\n width=\"24px\"\n height=\"24px\"\n onClick={() => onClose(replyingMessage)}\n />\n </div>\n );\n}\n"],"names":["componentClassname","QuoteMessageThumbnail","_a","message","isFileMessage","thumbnailUrl","thumbnails","length","url","isImageMessage","isThumbnailMessage","React","type","isAudioMessage","IconTypes","FILE_AUDIO","IconColors","ON_BACKGROUND_2","FILE_DOCUMENT","QuoteMessageInput","className","replyingMessage","onClose","stringSet","useContext","LocalizationContext","fileMessage","sender","getClassName","width","left","LabelTypography","CAPTION_1","LabelColors","ONBACKGROUND_1","QUOTE_MESSAGE_INPUT__REPLY_TO","nickname","NO_NAME","BODY_2","ONBACKGROUND_3","isGifMessage","QUOTE_MESSAGE_INPUT__FILE_TYPE_IMAGE","isVideoMessage","QUOTE_MESSAGE_INPUT__FILE_TYPE__VIDEO","QUOTE_MESSAGE_INPUT__FILE_TYPE_GIF","isUserMessage","name","CLOSE"],"mappings":"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"}
1
+ {"version":3,"file":"QuoteMessageInput.js","sources":["../../src/ui/QuoteMessageInput/QuoteMessageThumbnail.tsx","../../src/ui/QuoteMessageInput/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { FileMessage } from 'sendbird';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport ImageRenderer from '../ImageRenderer';\nimport { isAudioMessage, isFileMessage, isImageMessage, isThumbnailMessage } from '../../utils';\n\ninterface Props {\n message: FileMessage;\n}\n\nconst componentClassname = 'sendbird-quote_message_input__avatar';\n\nexport default function QuoteMessageThumbnail({ message }: Props): ReactElement {\n if (!isFileMessage(message)) {\n return null;\n }\n\n const thumbnailUrl: string = (message.thumbnails && message.thumbnails.length > 0 && message.thumbnails[0].url)\n || (isImageMessage(message) && message.url);\n if (isThumbnailMessage(message) && thumbnailUrl) {\n return (\n <ImageRenderer\n className={componentClassname}\n url={thumbnailUrl}\n alt={message.type}\n width=\"44px\"\n height=\"44px\"\n fixedSize\n />\n );\n } else if (isAudioMessage(message)) {\n return (\n <div className={componentClassname}>\n <Icon\n type={IconTypes.FILE_AUDIO}\n fillColor={IconColors.ON_BACKGROUND_2}\n width=\"24px\"\n height=\"24px\"\n />\n </div>\n );\n } else {\n return (\n <div className={componentClassname}>\n <Icon\n type={IconTypes.FILE_DOCUMENT}\n fillColor={IconColors.ON_BACKGROUND_2}\n width=\"24px\"\n height=\"24px\"\n />\n </div>\n );\n }\n}\n","import React, { ReactElement, useContext } from 'react';\nimport { FileMessage, UserMessage } from 'sendbird';\nimport {\n getClassName,\n isFileMessage,\n isGifMessage,\n isImageMessage,\n isThumbnailMessage,\n isUserMessage,\n isVideoMessage,\n} from '../../utils';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\nimport QuoteMessageThumbnail from './QuoteMessageThumbnail';\nimport './index.scss';\n\ninterface Props {\n className?: string | Array<string>;\n replyingMessage: UserMessage | FileMessage;\n onClose?: (message: UserMessage | FileMessage) => void;\n}\n\nexport default function QuoteMessageInput({\n className,\n replyingMessage,\n onClose,\n}: Props): ReactElement {\n const { stringSet } = useContext(LocalizationContext);\n const fileMessage = replyingMessage as FileMessage;\n const sender = (replyingMessage as UserMessage | FileMessage)?.sender;\n\n return (\n <div className={getClassName(['sendbird-quote_message_input', className])}>\n <QuoteMessageThumbnail message={fileMessage} />\n <div\n className=\"sendbird-quote_message_input__body\"\n style={{\n width: `calc(100% - ${fileMessage.isFileMessage() ? '164px' : '120px'})`,\n left: fileMessage.isFileMessage() ? '92px' : '40px',\n }}\n >\n <Label\n className=\"sendbird-quote_message_input__body__sender-name\"\n type={LabelTypography.CAPTION_1}\n color={LabelColors.ONBACKGROUND_1}\n >\n {`${stringSet.QUOTE_MESSAGE_INPUT__REPLY_TO} ${(sender && sender.nickname) ? sender.nickname : stringSet.NO_NAME}`}\n </Label>\n <Label\n className=\"sendbird-quote_message_input__body__message-content\"\n type={LabelTypography.BODY_2}\n color={LabelColors.ONBACKGROUND_3}\n >\n {isImageMessage(fileMessage) && !isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_IMAGE}\n {isVideoMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE__VIDEO}\n {isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_GIF}\n {isUserMessage(replyingMessage as UserMessage) && (replyingMessage as UserMessage).message}\n {(isFileMessage(fileMessage) && !isThumbnailMessage(fileMessage)) && fileMessage.name}\n </Label>\n </div>\n <Icon\n className=\"sendbird-quote_message_input__close-button\"\n type={IconTypes.CLOSE}\n fillColor={IconColors.ON_BACKGROUND_2}\n width=\"24px\"\n height=\"24px\"\n onClick={() => onClose(replyingMessage)}\n />\n </div>\n );\n}\n"],"names":["componentClassname","QuoteMessageThumbnail","_a","message","isFileMessage","thumbnailUrl","thumbnails","length","url","isImageMessage","isThumbnailMessage","React","type","isAudioMessage","IconTypes","FILE_AUDIO","IconColors","ON_BACKGROUND_2","FILE_DOCUMENT","QuoteMessageInput","className","replyingMessage","onClose","stringSet","useContext","LocalizationContext","fileMessage","sender","getClassName","width","left","LabelTypography","CAPTION_1","LabelColors","ONBACKGROUND_1","QUOTE_MESSAGE_INPUT__REPLY_TO","nickname","NO_NAME","BODY_2","ONBACKGROUND_3","isGifMessage","QUOTE_MESSAGE_INPUT__FILE_TYPE_IMAGE","isVideoMessage","QUOTE_MESSAGE_INPUT__FILE_TYPE__VIDEO","QUOTE_MESSAGE_INPUT__FILE_TYPE_GIF","isUserMessage","name","CLOSE"],"mappings":"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"}
@@ -1,8 +1,8 @@
1
- import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-20904f21.js';
1
+ import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-8e4fae98.js';
2
2
  import React__default from 'react';
3
3
  import PropTypes from 'prop-types';
4
- import { L as Label, a as LabelTypography, b as LabelColors } from '../index-7a51bd16.js';
5
- import '../stringSet-4f6eaa60.js';
4
+ import { L as Label, a as LabelTypography, b as LabelColors } from '../index-a611bd38.js';
5
+ import '../stringSet-91746bf1.js';
6
6
 
7
7
  var ReactionBadge = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
8
8
  var className = props.className,
@@ -1,4 +1,4 @@
1
- import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-20904f21.js';
1
+ import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-8e4fae98.js';
2
2
  import React__default from 'react';
3
3
  import PropTypes from 'prop-types';
4
4
 
package/ui/SortByRow.js CHANGED
@@ -1,4 +1,4 @@
1
- import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-20904f21.js';
1
+ import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-8e4fae98.js';
2
2
  import React__default from 'react';
3
3
  import PropTypes from 'prop-types';
4
4
 
package/ui/TextButton.js CHANGED
@@ -1,7 +1,7 @@
1
- import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-20904f21.js';
1
+ import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-8e4fae98.js';
2
2
  import React__default from 'react';
3
3
  import PropTypes from 'prop-types';
4
- import { c as changeColorToClassName, C as Colors } from '../color-ee3fc5ee.js';
4
+ import { c as changeColorToClassName, C as Colors } from '../color-2863fbbe.js';
5
5
 
6
6
  function TextButton(_ref) {
7
7
  var className = _ref.className,
@@ -1,29 +1,51 @@
1
- import React__default, { useContext } from 'react';
2
- import { L as Label, a as LabelTypography, b as LabelColors } from '../index-7a51bd16.js';
3
- import { d as getClassName, H as isEditedMessage } from '../index-8c72a94a.js';
4
- import { a as LocalizationContext } from '../LocalizationContext-e4391013.js';
5
- import '../_rollupPluginBabelHelpers-20904f21.js';
1
+ import React__default, { useContext, useMemo } from 'react';
2
+ import { L as Label, a as LabelTypography, b as LabelColors } from '../index-a611bd38.js';
3
+ import { d as getClassName, J as isEditedMessage } from '../index-ad4c9e58.js';
4
+ import { a as LocalizationContext } from '../LocalizationContext-b021af8f.js';
5
+ import { u as uuidv4 } from '../uuid-6d14d007.js';
6
+ import { W as Word } from '../index-4889e530.js';
7
+ import '../_rollupPluginBabelHelpers-8e4fae98.js';
6
8
  import 'prop-types';
7
- import '../stringSet-4f6eaa60.js';
8
- import '../tslib.es6-e3c44017.js';
9
- import '../index-6ebf7894.js';
9
+ import '../stringSet-91746bf1.js';
10
+ import '../tslib.es6-83aa13f5.js';
11
+ import '../index-353f13f3.js';
12
+ import './LinkLabel.js';
10
13
 
11
14
  function TextMessageItemBody(_a) {
12
- var _b;
15
+ var _b, _c, _d;
13
16
 
14
17
  var className = _a.className,
15
18
  message = _a.message,
16
- _c = _a.isByMe,
17
- isByMe = _c === void 0 ? false : _c,
18
- _d = _a.mouseHover,
19
- mouseHover = _d === void 0 ? false : _d;
19
+ _e = _a.isByMe,
20
+ isByMe = _e === void 0 ? false : _e,
21
+ _f = _a.mouseHover,
22
+ mouseHover = _f === void 0 ? false : _f,
23
+ _g = _a.isMentionEnabled,
24
+ isMentionEnabled = _g === void 0 ? false : _g;
20
25
  var stringSet = useContext(LocalizationContext).stringSet;
26
+ var isMessageMentioned = isMentionEnabled && ((_b = message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate) === null || _b === void 0 ? void 0 : _b.length) > 0 && ((_c = message === null || message === void 0 ? void 0 : message.mentionedUsers) === null || _c === void 0 ? void 0 : _c.length) > 0;
27
+ var sentences = useMemo(function () {
28
+ var _a;
29
+
30
+ return (_a = message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate) === null || _a === void 0 ? void 0 : _a.split(/\n/).map(function (sentence) {
31
+ return sentence.split(/\s/);
32
+ });
33
+ }, [message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate]);
21
34
  return /*#__PURE__*/React__default.createElement(Label, {
22
35
  type: LabelTypography.BODY_1,
23
36
  color: isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1
24
37
  }, /*#__PURE__*/React__default.createElement("p", {
25
- className: getClassName([className, 'sendbird-text-message-item-body', isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', ((_b = message === null || message === void 0 ? void 0 : message.reactions) === null || _b === void 0 ? void 0 : _b.length) > 0 ? 'reactions' : ''])
26
- }, message === null || message === void 0 ? void 0 : message.message, isEditedMessage(message) && /*#__PURE__*/React__default.createElement(Label, {
38
+ className: getClassName([className, 'sendbird-text-message-item-body', isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', ((_d = message === null || message === void 0 ? void 0 : message.reactions) === null || _d === void 0 ? void 0 : _d.length) > 0 ? 'reactions' : ''])
39
+ }, isMessageMentioned ? sentences.map(function (sentence, index) {
40
+ return [sentence.map(function (word) {
41
+ return /*#__PURE__*/React__default.createElement(Word, {
42
+ key: uuidv4(),
43
+ word: word,
44
+ message: message,
45
+ isByMe: isByMe
46
+ });
47
+ }), (sentences === null || sentences === void 0 ? void 0 : sentences[index + 1]) ? /*#__PURE__*/React__default.createElement("br", null) : null];
48
+ }) : message === null || message === void 0 ? void 0 : message.message, isEditedMessage(message) && /*#__PURE__*/React__default.createElement(Label, {
27
49
  className: "sendbird-text-message-item-body__message edited",
28
50
  type: LabelTypography.BODY_1,
29
51
  color: isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2
@@ -1 +1 @@
1
- {"version":3,"file":"TextMessageItemBody.js","sources":["../../src/ui/TextMessageItemBody/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext } from 'react';\nimport { UserMessage } from 'sendbird';\nimport './index.scss';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport {\n getClassName,\n isEditedMessage,\n} from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\ninterface Props {\n className?: string | Array<string>;\n message: UserMessage;\n isByMe?: boolean;\n mouseHover?: boolean;\n}\n\nexport default function TextMessageItemBody({\n className,\n message,\n isByMe = false,\n mouseHover = false,\n}: Props): ReactElement {\n const { stringSet } = useContext(LocalizationContext);\n return (\n <Label\n type={LabelTypography.BODY_1}\n color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n >\n <p className={getClassName([\n className,\n 'sendbird-text-message-item-body',\n isByMe ? 'outgoing' : 'incoming',\n mouseHover ? 'mouse-hover' : '',\n message?.reactions?.length > 0 ? 'reactions' : '',\n ])}>\n {message?.message}\n {\n isEditedMessage(message) && (\n <Label\n className=\"sendbird-text-message-item-body__message edited\"\n type={LabelTypography.BODY_1}\n color={isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2}\n >\n {` ${stringSet.MESSAGE_EDITED} `}\n </Label>\n )\n }\n </p>\n </Label>\n );\n}\n"],"names":["TextMessageItemBody","_a","className","message","_c","isByMe","_d","mouseHover","stringSet","useContext","LocalizationContext","React","LabelTypography","BODY_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","getClassName","reactions","length","isEditedMessage","ONCONTENT_2","ONBACKGROUND_2","MESSAGE_EDITED"],"mappings":";;;;;;;;;;SAkBwBA,oBAAoBC;;;MAC1CC,SAAS;MACTC,OAAO;MACPC;MAAAC,MAAM,mBAAG;MACTC;MAAAC,UAAU,mBAAG;AAEL,MAAAC,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd;AACR,sBACEC,6BAAC,KAAD;AACE,IAAA,IAAI,EAAEC,eAAe,CAACC,MADxB;AAEE,IAAA,KAAK,EAAER,MAAM,GAAGS,WAAW,CAACC,WAAf,GAA6BD,WAAW,CAACE;AAFxD,kBAIEL;AAAG,IAAA,SAAS,EAAEM,YAAY,CAAC,CACzBf,SADyB,EAEzB,iCAFyB,EAGzBG,MAAM,GAAG,UAAH,GAAgB,UAHG,EAIzBE,UAAU,GAAG,aAAH,GAAmB,EAJJ,EAKzB,CAAA,MAAAJ,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEe,SAAT,UAAA,iBAAA,SAAA,MAAoBC,MAApB,IAA6B,CAA7B,GAAiC,WAAjC,GAA+C,EALtB,CAAD;AAA1B,KAOGhB,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEA,OAPZ,EASIiB,eAAe,CAACjB,OAAD,CAAf,iBACEQ,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,iDADZ;AAEE,IAAA,IAAI,EAAEC,eAAe,CAACC,MAFxB;AAGE,IAAA,KAAK,EAAER,MAAM,GAAGS,WAAW,CAACO,WAAf,GAA6BP,WAAW,CAACQ;AAHxD,KAKG,MAAId,SAAS,CAACe,cAAd,MALH,CAVN,CAJF,CADF;AA2BD;;;;"}
1
+ {"version":3,"file":"TextMessageItemBody.js","sources":["../../src/ui/TextMessageItemBody/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext, useMemo } from 'react';\nimport SendBird from 'sendbird';\nimport './index.scss';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { getClassName, isEditedMessage } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport uuidv4 from '../../utils/uuid';\nimport Word from '../Word';\n\ninterface Props {\n className?: string | Array<string>;\n message: SendBird.UserMessage;\n isByMe?: boolean;\n mouseHover?: boolean;\n isMentionEnabled?: boolean;\n}\n\nexport default function TextMessageItemBody({\n className,\n message,\n isByMe = false,\n mouseHover = false,\n isMentionEnabled = false,\n}: Props): ReactElement {\n const { stringSet } = useContext(LocalizationContext);\n const isMessageMentioned = isMentionEnabled && message?.mentionedMessageTemplate?.length > 0 && message?.mentionedUsers?.length > 0;\n const sentences: Array<Array<string>> = useMemo(() => {\n return message?.mentionedMessageTemplate?.split(/\\n/).map((sentence) => sentence.split(/\\s/));\n }, [message?.mentionedMessageTemplate]);\n return (\n <Label\n type={LabelTypography.BODY_1}\n color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n >\n <p className={getClassName([\n className,\n 'sendbird-text-message-item-body',\n isByMe ? 'outgoing' : 'incoming',\n mouseHover ? 'mouse-hover' : '',\n message?.reactions?.length > 0 ? 'reactions' : '',\n ])}>\n {\n isMessageMentioned\n ? (\n sentences.map((sentence, index) => {\n return [\n sentence.map((word) => {\n return (\n <Word\n key={uuidv4()}\n word={word}\n message={message}\n isByMe={isByMe}\n />\n );\n }),\n sentences?.[index + 1] ? <br /> : null,\n ]\n })\n )\n : message?.message\n }\n {\n isEditedMessage(message) && (\n <Label\n className=\"sendbird-text-message-item-body__message edited\"\n type={LabelTypography.BODY_1}\n color={isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2}\n >\n {` ${stringSet.MESSAGE_EDITED} `}\n </Label>\n )\n }\n </p>\n </Label>\n );\n}\n"],"names":["TextMessageItemBody","_a","className","message","_e","isByMe","_f","mouseHover","_g","isMentionEnabled","stringSet","useContext","LocalizationContext","isMessageMentioned","mentionedMessageTemplate","length","mentionedUsers","sentences","useMemo","split","map","sentence","React","LabelTypography","BODY_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","getClassName","reactions","index","word","uuidv4","isEditedMessage","ONCONTENT_2","ONBACKGROUND_2","MESSAGE_EDITED"],"mappings":";;;;;;;;;;;;;SAkBwBA,oBAAoBC;;;MAC1CC,SAAS;MACTC,OAAO;MACPC;MAAAC,MAAM,mBAAG;MACTC;MAAAC,UAAU,mBAAG;MACbC;MAAAC,gBAAgB,mBAAG;AAEX,MAAAC,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd;AACR,MAAMC,kBAAkB,GAAGJ,gBAAgB,IAAI,CAAA,MAAAN,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEW,wBAAT,UAAA,iBAAA,SAAA,MAAmCC,MAAnC,IAA4C,CAAhE,IAAqE,CAAA,MAAAZ,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEa,cAAT,UAAA,iBAAA,SAAA,MAAyBD,MAAzB,IAAkC,CAAlI;AACA,MAAME,SAAS,GAAyBC,OAAO,CAAC;;;AAC9C,WAAO,MAAAf,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEW,wBAAT,UAAA,iBAAA,SAAA,MAAmCK,MAAM,MAAMC,IAAI,UAACC,QAAD;AAAc,aAAAA,QAAQ,CAACF,KAAT,CAAe,IAAf,CAAA;AAAoB,MAA5F;AACD,GAF8C,EAE5C,CAAChB,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEW,wBAAV,CAF4C,CAA/C;AAGA,sBACEQ,6BAAC,KAAD;AACE,IAAA,IAAI,EAAEC,eAAe,CAACC,MADxB;AAEE,IAAA,KAAK,EAAEnB,MAAM,GAAGoB,WAAW,CAACC,WAAf,GAA6BD,WAAW,CAACE;AAFxD,kBAIEL;AAAG,IAAA,SAAS,EAAEM,YAAY,CAAC,CACzB1B,SADyB,EAEzB,iCAFyB,EAGzBG,MAAM,GAAG,UAAH,GAAgB,UAHG,EAIzBE,UAAU,GAAG,aAAH,GAAmB,EAJJ,EAKzB,CAAA,MAAAJ,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAE0B,SAAT,UAAA,iBAAA,SAAA,MAAoBd,MAApB,IAA6B,CAA7B,GAAiC,WAAjC,GAA+C,EALtB,CAAD;AAA1B,KAQIF,kBAAkB,GAEdI,SAAS,CAACG,GAAV,CAAc,UAACC,QAAD,EAAWS,KAAX;AACZ,WAAO,CACLT,QAAQ,CAACD,GAAT,CAAa,UAACW,IAAD;AACX,0BACET,6BAAC,IAAD;AACE,QAAA,GAAG,EAAEU,MAAM,EADb;AAEE,QAAA,IAAI,EAAED,IAFR;AAGE,QAAA,OAAO,EAAE5B,OAHX;AAIE,QAAA,MAAM,EAAEE;AAJV,QADF;AAQD,KATD,CADK,EAWL,CAAAY,SAAS,SAAT,IAAAA,SAAS,WAAT,SAAA,GAAAA,SAAS,CAAGa,KAAK,GAAG,CAAX,CAAT,iBAAyBR,wCAAzB,GAAkC,IAX7B,CAAP;AAaD,GAdD,CAFc,GAkBfnB,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEA,OA1BhB,EA6BI8B,eAAe,CAAC9B,OAAD,CAAf,iBACEmB,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,iDADZ;AAEE,IAAA,IAAI,EAAEC,eAAe,CAACC,MAFxB;AAGE,IAAA,KAAK,EAAEnB,MAAM,GAAGoB,WAAW,CAACS,WAAf,GAA6BT,WAAW,CAACU;AAHxD,KAKG,MAAIzB,SAAS,CAAC0B,cAAd,MALH,CA9BN,CAJF,CADF;AA+CD;;;;"}
@@ -1,10 +1,10 @@
1
1
  import React__default, { useState } from 'react';
2
2
  import Icon, { IconTypes, IconColors } from './Icon.js';
3
3
  import ImageRenderer from './ImageRenderer.js';
4
- import { d as getClassName, z as isSentMessage, m as isVideoMessage, l as isGifMessage } from '../index-8c72a94a.js';
5
- import '../_rollupPluginBabelHelpers-20904f21.js';
4
+ import { d as getClassName, B as isSentMessage, o as isVideoMessage, n as isGifMessage } from '../index-ad4c9e58.js';
5
+ import '../_rollupPluginBabelHelpers-8e4fae98.js';
6
6
  import 'prop-types';
7
- import '../tslib.es6-e3c44017.js';
7
+ import '../tslib.es6-83aa13f5.js';
8
8
 
9
9
  function ThumbnailMessageItemBody(_a) {
10
10
  var _b, _c;
package/ui/Tooltip.js CHANGED
@@ -1,8 +1,8 @@
1
- import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-20904f21.js';
1
+ import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-8e4fae98.js';
2
2
  import React__default from 'react';
3
3
  import PropTypes from 'prop-types';
4
- import { L as Label, a as LabelTypography, b as LabelColors } from '../index-7a51bd16.js';
5
- import '../stringSet-4f6eaa60.js';
4
+ import { L as Label, a as LabelTypography, b as LabelColors } from '../index-a611bd38.js';
5
+ import '../stringSet-91746bf1.js';
6
6
 
7
7
  function Tooltip(_ref) {
8
8
  var className = _ref.className,
@@ -1,4 +1,4 @@
1
- import { a as _slicedToArray, b as _toConsumableArray } from '../_rollupPluginBabelHelpers-20904f21.js';
1
+ import { a as _slicedToArray, b as _toConsumableArray } from '../_rollupPluginBabelHelpers-8e4fae98.js';
2
2
  import React__default, { useState, useRef } from 'react';
3
3
  import PropTypes from 'prop-types';
4
4
 
@@ -1,12 +1,12 @@
1
1
  import React__default, { useContext } from 'react';
2
- import { L as Label, a as LabelTypography, b as LabelColors } from '../index-7a51bd16.js';
3
- import { d as getClassName } from '../index-8c72a94a.js';
4
- import { a as LocalizationContext } from '../LocalizationContext-e4391013.js';
5
- import '../_rollupPluginBabelHelpers-20904f21.js';
2
+ import { L as Label, a as LabelTypography, b as LabelColors } from '../index-a611bd38.js';
3
+ import { d as getClassName } from '../index-ad4c9e58.js';
4
+ import { a as LocalizationContext } from '../LocalizationContext-b021af8f.js';
5
+ import '../_rollupPluginBabelHelpers-8e4fae98.js';
6
6
  import 'prop-types';
7
- import '../stringSet-4f6eaa60.js';
8
- import '../tslib.es6-e3c44017.js';
9
- import '../index-6ebf7894.js';
7
+ import '../stringSet-91746bf1.js';
8
+ import '../tslib.es6-83aa13f5.js';
9
+ import '../index-353f13f3.js';
10
10
 
11
11
  function UnknownMessageItemBody(_a) {
12
12
  var _b;
@@ -1,25 +1,25 @@
1
- import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-20904f21.js';
1
+ import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-8e4fae98.js';
2
2
  import React__default, { useContext } from 'react';
3
3
  import PropTypes from 'prop-types';
4
- import { a as UserProfileContext } from '../UserProfileContext-865db5e6.js';
5
- import { a as LocalizationContext } from '../LocalizationContext-e4391013.js';
4
+ import { a as UserProfileContext } from '../UserProfileContext-daa99f9b.js';
5
+ import { a as LocalizationContext } from '../LocalizationContext-b021af8f.js';
6
6
  import Avatar from './Avatar.js';
7
7
  import MutedAvatarOverlay from './MutedAvatarOverlay.js';
8
8
  import Checkbox from './Checkbox.js';
9
9
  import ConnectedUserProfile from './UserProfile.js';
10
10
  import ContextMenu, { MenuItems } from './ContextMenu.js';
11
- import { L as Label, a as LabelTypography, b as LabelColors } from '../index-7a51bd16.js';
12
- import '../stringSet-4f6eaa60.js';
13
- import '../index-6ebf7894.js';
14
- import '../tslib.es6-e3c44017.js';
11
+ import { L as Label, a as LabelTypography, b as LabelColors } from '../index-a611bd38.js';
12
+ import '../stringSet-91746bf1.js';
13
+ import '../index-353f13f3.js';
14
+ import '../tslib.es6-83aa13f5.js';
15
15
  import './ImageRenderer.js';
16
16
  import './Icon.js';
17
- import '../uuid-b0c93400.js';
17
+ import '../uuid-6d14d007.js';
18
18
  import '../withSendBird.js';
19
19
  import '../sendBirdSelectors.js';
20
- import '../topics-9442035c.js';
21
- import '../index-acebc2ff.js';
22
- import '../index-8c72a94a.js';
20
+ import '../topics-17d99dd6.js';
21
+ import '../index-41a6f4f2.js';
22
+ import '../index-ad4c9e58.js';
23
23
  import 'react-dom';
24
24
  import './SortByRow.js';
25
25
 
package/ui/UserProfile.js CHANGED
@@ -1,19 +1,19 @@
1
1
  import React__default, { useContext } from 'react';
2
- import { a as LocalizationContext } from '../LocalizationContext-e4391013.js';
2
+ import { a as LocalizationContext } from '../LocalizationContext-b021af8f.js';
3
3
  import withSendbirdContext from '../withSendBird.js';
4
4
  import { getSdk, getCreateChannel } from '../sendBirdSelectors.js';
5
5
  import Avatar from './Avatar.js';
6
- import { L as Label, a as LabelTypography, b as LabelColors } from '../index-7a51bd16.js';
7
- import { B as Button, a as ButtonTypes } from '../index-acebc2ff.js';
8
- import '../stringSet-4f6eaa60.js';
9
- import '../index-6ebf7894.js';
10
- import '../_rollupPluginBabelHelpers-20904f21.js';
11
- import '../topics-9442035c.js';
12
- import '../tslib.es6-e3c44017.js';
6
+ import { L as Label, a as LabelTypography, b as LabelColors } from '../index-a611bd38.js';
7
+ import { B as Button, a as ButtonTypes } from '../index-41a6f4f2.js';
8
+ import '../stringSet-91746bf1.js';
9
+ import '../index-353f13f3.js';
10
+ import '../_rollupPluginBabelHelpers-8e4fae98.js';
11
+ import '../topics-17d99dd6.js';
12
+ import '../tslib.es6-83aa13f5.js';
13
13
  import './ImageRenderer.js';
14
14
  import 'prop-types';
15
15
  import './Icon.js';
16
- import '../uuid-b0c93400.js';
16
+ import '../uuid-6d14d007.js';
17
17
 
18
18
  function UserProfile(_a) {
19
19
  var user = _a.user,
@@ -1,6 +1,6 @@
1
1
  import { useContext } from 'react';
2
2
  import { SendbirdSdkContext } from './withSendBird.js';
3
- import './_rollupPluginBabelHelpers-20904f21.js';
3
+ import './_rollupPluginBabelHelpers-8e4fae98.js';
4
4
 
5
5
  /**
6
6
  * Example:
@@ -27,4 +27,4 @@ var copyToClipboard = function copyToClipboard(text) {
27
27
  };
28
28
 
29
29
  export { copyToClipboard as c };
30
- //# sourceMappingURL=utils-af1b9829.js.map
30
+ //# sourceMappingURL=utils-5395ff17.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"utils-af1b9829.js","sources":["../src/ui/OpenchannelUserMessage/utils.ts"],"sourcesContent":["export const copyToClipboard = (text: string): boolean => {\n // @ts-ignore: Unreachable code error\n if (window.clipboardData && window.clipboardData.setData) {\n // Internet Explorer-specific code path to prevent textarea being shown while dialog is visible.\n // @ts-ignore: Unreachable code error\n return window.clipboardData.setData('Text', text);\n }\n if (document.queryCommandSupported && document.queryCommandSupported('copy')) {\n const textarea = document.createElement('textarea');\n textarea.textContent = text;\n textarea.style.position = 'fixed'; // Prevent scrolling to bottom of page in Microsoft Edge.\n document.body.appendChild(textarea);\n textarea.select();\n try {\n return document.execCommand('copy'); // Security exception may be thrown by some browsers.\n } catch (ex) {\n return false;\n } finally {\n document.body.removeChild(textarea);\n }\n }\n return false;\n};\n\nexport default { copyToClipboard };\n"],"names":["copyToClipboard","text","window","clipboardData","setData","document","queryCommandSupported","textarea","createElement","textContent","style","position","body","appendChild","select","execCommand","ex","removeChild"],"mappings":"IAAaA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,IAAD;AAC7B;AACA,MAAIC,MAAM,CAACC,aAAP,IAAwBD,MAAM,CAACC,aAAP,CAAqBC,OAAjD,EAA0D;AACxD;AACA;AACA,WAAOF,MAAM,CAACC,aAAP,CAAqBC,OAArB,CAA6B,MAA7B,EAAqCH,IAArC,CAAP;AACD;;AACD,MAAII,QAAQ,CAACC,qBAAT,IAAkCD,QAAQ,CAACC,qBAAT,CAA+B,MAA/B,CAAtC,EAA8E;AAC5E,QAAMC,QAAQ,GAAGF,QAAQ,CAACG,aAAT,CAAuB,UAAvB,CAAjB;AACAD,IAAAA,QAAQ,CAACE,WAAT,GAAuBR,IAAvB;AACAM,IAAAA,QAAQ,CAACG,KAAT,CAAeC,QAAf,GAA0B,OAA1B,CAH4E;;AAI5EN,IAAAA,QAAQ,CAACO,IAAT,CAAcC,WAAd,CAA0BN,QAA1B;AACAA,IAAAA,QAAQ,CAACO,MAAT;;AACA,QAAI;AACF,aAAOT,QAAQ,CAACU,WAAT,CAAqB,MAArB,CAAP,CADE;AAEH,KAFD,CAEE,OAAOC,EAAP,EAAW;AACX,aAAO,KAAP;AACD,KAJD,SAIU;AACRX,MAAAA,QAAQ,CAACO,IAAT,CAAcK,WAAd,CAA0BV,QAA1B;AACD;AACF;;AACD,SAAO,KAAP;AACD;;;;"}
1
+ {"version":3,"file":"utils-5395ff17.js","sources":["../src/ui/OpenchannelUserMessage/utils.ts"],"sourcesContent":["export const copyToClipboard = (text: string): boolean => {\n // @ts-ignore: Unreachable code error\n if (window.clipboardData && window.clipboardData.setData) {\n // Internet Explorer-specific code path to prevent textarea being shown while dialog is visible.\n // @ts-ignore: Unreachable code error\n return window.clipboardData.setData('Text', text);\n }\n if (document.queryCommandSupported && document.queryCommandSupported('copy')) {\n const textarea = document.createElement('textarea');\n textarea.textContent = text;\n textarea.style.position = 'fixed'; // Prevent scrolling to bottom of page in Microsoft Edge.\n document.body.appendChild(textarea);\n textarea.select();\n try {\n return document.execCommand('copy'); // Security exception may be thrown by some browsers.\n } catch (ex) {\n return false;\n } finally {\n document.body.removeChild(textarea);\n }\n }\n return false;\n};\n\nexport default { copyToClipboard };\n"],"names":["copyToClipboard","text","window","clipboardData","setData","document","queryCommandSupported","textarea","createElement","textContent","style","position","body","appendChild","select","execCommand","ex","removeChild"],"mappings":"IAAaA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,IAAD;AAC7B;AACA,MAAIC,MAAM,CAACC,aAAP,IAAwBD,MAAM,CAACC,aAAP,CAAqBC,OAAjD,EAA0D;AACxD;AACA;AACA,WAAOF,MAAM,CAACC,aAAP,CAAqBC,OAArB,CAA6B,MAA7B,EAAqCH,IAArC,CAAP;AACD;;AACD,MAAII,QAAQ,CAACC,qBAAT,IAAkCD,QAAQ,CAACC,qBAAT,CAA+B,MAA/B,CAAtC,EAA8E;AAC5E,QAAMC,QAAQ,GAAGF,QAAQ,CAACG,aAAT,CAAuB,UAAvB,CAAjB;AACAD,IAAAA,QAAQ,CAACE,WAAT,GAAuBR,IAAvB;AACAM,IAAAA,QAAQ,CAACG,KAAT,CAAeC,QAAf,GAA0B,OAA1B,CAH4E;;AAI5EN,IAAAA,QAAQ,CAACO,IAAT,CAAcC,WAAd,CAA0BN,QAA1B;AACAA,IAAAA,QAAQ,CAACO,MAAT;;AACA,QAAI;AACF,aAAOT,QAAQ,CAACU,WAAT,CAAqB,MAArB,CAAP,CADE;AAEH,KAFD,CAEE,OAAOC,EAAP,EAAW;AACX,aAAO,KAAP;AACD,KAJD,SAIU;AACRX,MAAAA,QAAQ,CAACO,IAAT,CAAcK,WAAd,CAA0BV,QAA1B;AACD;AACF;;AACD,SAAO,KAAP;AACD;;;;"}
@@ -31,4 +31,4 @@ var generateDefaultAvatar = function generateDefaultAvatar(channel) {
31
31
  };
32
32
 
33
33
  export { getChannelAvatarSource as a, getOpenChannelAvatar as b, generateDefaultAvatar as g };
34
- //# sourceMappingURL=utils-08c4dbdc.js.map
34
+ //# sourceMappingURL=utils-7d39b941.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"utils-08c4dbdc.js","sources":["../src/ui/ChannelAvatar/utils.ts"],"sourcesContent":["export const DEFAULT_URL_PREFIX = 'https://static.sendbird.com/sample/cover/cover_';\n\nexport const getOpenChannelAvatar = (channel: SendBird.OpenChannel): string => {\n if (channel && channel.coverUrl) {\n return channel.coverUrl;\n }\n};\n\nexport const getChannelAvatarSource = (channel: SendBird.GroupChannel, currentUserId: string): string | Array<string> => {\n if (channel && channel.coverUrl) {\n if (!(new RegExp(`^${DEFAULT_URL_PREFIX}`).test(channel.coverUrl))) {\n return channel.coverUrl;\n }\n }\n\n return channel && channel.members\n ? channel.members\n .filter((member) => member.userId !== currentUserId)\n .map(({ profileUrl }) => profileUrl)\n : [];\n};\n\n\nexport const generateDefaultAvatar = (channel: SendBird.GroupChannel): boolean => {\n if (channel && channel.coverUrl) {\n if (new RegExp(`^${DEFAULT_URL_PREFIX}`).test(channel.coverUrl)) {\n return true;\n }\n return false;\n }\n return true;\n}\n"],"names":["DEFAULT_URL_PREFIX","getOpenChannelAvatar","channel","coverUrl","getChannelAvatarSource","currentUserId","RegExp","test","members","filter","member","userId","map","_a","profileUrl","generateDefaultAvatar"],"mappings":"AAAO,IAAMA,kBAAkB,GAAG,iDAA3B;IAEMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,OAAD;AAClC,MAAIA,OAAO,IAAIA,OAAO,CAACC,QAAvB,EAAiC;AAC/B,WAAOD,OAAO,CAACC,QAAf;AACD;AACF;IAEYC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACF,OAAD,EAAiCG,aAAjC;AACpC,MAAIH,OAAO,IAAIA,OAAO,CAACC,QAAvB,EAAiC;AAC/B,QAAI,CAAE,IAAIG,MAAJ,CAAW,MAAIN,kBAAf,EAAqCO,IAArC,CAA0CL,OAAO,CAACC,QAAlD,CAAN,EAAoE;AAClE,aAAOD,OAAO,CAACC,QAAf;AACD;AACF;;AAED,SAAOD,OAAO,IAAIA,OAAO,CAACM,OAAnB,GACHN,OAAO,CAACM,OAAR,CACCC,MADD,CACQ,UAACC,MAAD;AAAY,WAAAA,MAAM,CAACC,MAAP,KAAkBN,aAAlB;AAA+B,GADnD,EAECO,GAFD,CAEK,UAACC,EAAD;QAAGC,UAAU;AAAO,WAAAA,UAAA;AAAU,GAFnC,CADG,GAIH,EAJJ;AAKD;IAGYC,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACb,OAAD;AACnC,MAAIA,OAAO,IAAIA,OAAO,CAACC,QAAvB,EAAiC;AAC/B,QAAI,IAAIG,MAAJ,CAAW,MAAIN,kBAAf,EAAqCO,IAArC,CAA0CL,OAAO,CAACC,QAAlD,CAAJ,EAAiE;AAC/D,aAAO,IAAP;AACD;;AACD,WAAO,KAAP;AACD;;AACD,SAAO,IAAP;AACD;;;;"}
1
+ {"version":3,"file":"utils-7d39b941.js","sources":["../src/ui/ChannelAvatar/utils.ts"],"sourcesContent":["export const DEFAULT_URL_PREFIX = 'https://static.sendbird.com/sample/cover/cover_';\n\nexport const getOpenChannelAvatar = (channel: SendBird.OpenChannel): string => {\n if (channel && channel.coverUrl) {\n return channel.coverUrl;\n }\n};\n\nexport const getChannelAvatarSource = (channel: SendBird.GroupChannel, currentUserId: string): string | Array<string> => {\n if (channel && channel.coverUrl) {\n if (!(new RegExp(`^${DEFAULT_URL_PREFIX}`).test(channel.coverUrl))) {\n return channel.coverUrl;\n }\n }\n\n return channel && channel.members\n ? channel.members\n .filter((member) => member.userId !== currentUserId)\n .map(({ profileUrl }) => profileUrl)\n : [];\n};\n\n\nexport const generateDefaultAvatar = (channel: SendBird.GroupChannel): boolean => {\n if (channel && channel.coverUrl) {\n if (new RegExp(`^${DEFAULT_URL_PREFIX}`).test(channel.coverUrl)) {\n return true;\n }\n return false;\n }\n return true;\n}\n"],"names":["DEFAULT_URL_PREFIX","getOpenChannelAvatar","channel","coverUrl","getChannelAvatarSource","currentUserId","RegExp","test","members","filter","member","userId","map","_a","profileUrl","generateDefaultAvatar"],"mappings":"AAAO,IAAMA,kBAAkB,GAAG,iDAA3B;IAEMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,OAAD;AAClC,MAAIA,OAAO,IAAIA,OAAO,CAACC,QAAvB,EAAiC;AAC/B,WAAOD,OAAO,CAACC,QAAf;AACD;AACF;IAEYC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACF,OAAD,EAAiCG,aAAjC;AACpC,MAAIH,OAAO,IAAIA,OAAO,CAACC,QAAvB,EAAiC;AAC/B,QAAI,CAAE,IAAIG,MAAJ,CAAW,MAAIN,kBAAf,EAAqCO,IAArC,CAA0CL,OAAO,CAACC,QAAlD,CAAN,EAAoE;AAClE,aAAOD,OAAO,CAACC,QAAf;AACD;AACF;;AAED,SAAOD,OAAO,IAAIA,OAAO,CAACM,OAAnB,GACHN,OAAO,CAACM,OAAR,CACCC,MADD,CACQ,UAACC,MAAD;AAAY,WAAAA,MAAM,CAACC,MAAP,KAAkBN,aAAlB;AAA+B,GADnD,EAECO,GAFD,CAEK,UAACC,EAAD;QAAGC,UAAU;AAAO,WAAAA,UAAA;AAAU,GAFnC,CADG,GAIH,EAJJ;AAKD;IAGYC,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACb,OAAD;AACnC,MAAIA,OAAO,IAAIA,OAAO,CAACC,QAAvB,EAAiC;AAC/B,QAAI,IAAIG,MAAJ,CAAW,MAAIN,kBAAf,EAAqCO,IAArC,CAA0CL,OAAO,CAACC,QAAlD,CAAJ,EAAiE;AAC/D,aAAO,IAAP;AACD;;AACD,WAAO,KAAP;AACD;;AACD,SAAO,IAAP;AACD;;;;"}
@@ -1,4 +1,4 @@
1
1
  var noop = function noop() {};
2
2
 
3
3
  export { noop as n };
4
- //# sourceMappingURL=utils-c393e880.js.map
4
+ //# sourceMappingURL=utils-9ef11656.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"utils-c393e880.js","sources":["../src/utils/utils.js"],"sourcesContent":["export const noop = () => {};\n\nexport const getSenderName = (message) => (\n message.sender && (\n message.sender.friendName\n || message.sender.nickname\n || message.sender.userId\n )\n);\n\nexport const getSenderProfileUrl = (message) => message.sender && message.sender.profileUrl;\n\nexport default {\n getSenderName,\n getSenderProfileUrl,\n};\n"],"names":["noop"],"mappings":"IAAaA,IAAI,GAAG,SAAPA,IAAO,GAAM;;;;"}
1
+ {"version":3,"file":"utils-9ef11656.js","sources":["../src/utils/utils.js"],"sourcesContent":["export const noop = () => {};\n\nexport const getSenderName = (message) => (\n message.sender && (\n message.sender.friendName\n || message.sender.nickname\n || message.sender.userId\n )\n);\n\nexport const getSenderProfileUrl = (message) => message.sender && message.sender.profileUrl;\n\nexport default {\n getSenderName,\n getSenderProfileUrl,\n};\n"],"names":["noop"],"mappings":"IAAaA,IAAI,GAAG,SAAPA,IAAO,GAAM;;;;"}
@@ -14,4 +14,4 @@ var uuidv4 = function uuidv4() {
14
14
  };
15
15
 
16
16
  export { uuidv4 as u };
17
- //# sourceMappingURL=uuid-b0c93400.js.map
17
+ //# sourceMappingURL=uuid-6d14d007.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"uuid-b0c93400.js","sources":["../src/utils/uuid.ts"],"sourcesContent":["/* eslint-disable no-bitwise */\n/* eslint-disable eqeqeq */\n/* eslint-disable no-mixed-operators */\n// https://stackoverflow.com/a/2117523\n// used mainly for dom key generation\nexport const uuidv4 = (): string => 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {\n const r = Math.random() * 16 | 0;\n const v = c === 'x' ? r : (r & 0x3 | 0x8);\n return v.toString(16);\n});\n\nexport default uuidv4;\n"],"names":["uuidv4","replace","c","r","Math","random","v","toString"],"mappings":"AAAA;;AACA;;AACA;AACA;AACA;IACaA,MAAM,GAAG,SAATA,MAAS;AAAc,SAAA,uCAAuCC,OAAvC,CAA+C,OAA/C,EAAwD,UAACC,CAAD;AAC1F,QAAMC,CAAC,GAAGC,IAAI,CAACC,MAAL,KAAgB,EAAhB,GAAqB,CAA/B;AACA,QAAMC,CAAC,GAAGJ,CAAC,KAAK,GAAN,GAAYC,CAAZ,GAAiBA,CAAC,GAAG,GAAJ,GAAU,GAArC;AACA,WAAOG,CAAC,CAACC,QAAF,CAAW,EAAX,CAAP;AACD,GAJmC,CAAA;AAIlC;;;;"}
1
+ {"version":3,"file":"uuid-6d14d007.js","sources":["../src/utils/uuid.ts"],"sourcesContent":["/* eslint-disable no-bitwise */\n/* eslint-disable eqeqeq */\n/* eslint-disable no-mixed-operators */\n// https://stackoverflow.com/a/2117523\n// used mainly for dom key generation\nexport const uuidv4 = (): string => 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {\n const r = Math.random() * 16 | 0;\n const v = c === 'x' ? r : (r & 0x3 | 0x8);\n return v.toString(16);\n});\n\nexport default uuidv4;\n"],"names":["uuidv4","replace","c","r","Math","random","v","toString"],"mappings":"AAAA;;AACA;;AACA;AACA;AACA;IACaA,MAAM,GAAG,SAATA,MAAS;AAAc,SAAA,uCAAuCC,OAAvC,CAA+C,OAA/C,EAAwD,UAACC,CAAD;AAC1F,QAAMC,CAAC,GAAGC,IAAI,CAACC,MAAL,KAAgB,EAAhB,GAAqB,CAA/B;AACA,QAAMC,CAAC,GAAGJ,CAAC,KAAK,GAAN,GAAYC,CAAZ,GAAiBA,CAAC,GAAG,GAAJ,GAAU,GAArC;AACA,WAAOG,CAAC,CAACC,QAAF,CAAW,EAAX,CAAP;AACD,GAJmC,CAAA;AAIlC;;;;"}
package/withSendBird.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-20904f21.js';
1
+ import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-8e4fae98.js';
2
2
  import React__default from 'react';
3
3
 
4
4
  var SendbirdSdkContext = /*#__PURE__*/React__default.createContext();