@sendbird/uikit-react 3.0.0-beta.5 → 3.0.0-beta.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (413) hide show
  1. package/App.js +31 -30
  2. package/App.js.map +1 -1
  3. package/Channel/components/ChannelHeader.js +15 -15
  4. package/Channel/components/ChannelUI.js +24 -23
  5. package/Channel/components/ChannelUI.js.map +1 -1
  6. package/Channel/components/FileViewer.js +14 -14
  7. package/Channel/components/FrozenNotification.js +5 -5
  8. package/Channel/components/Message.js +25 -20
  9. package/Channel/components/Message.js.map +1 -1
  10. package/Channel/components/MessageInput.js +27 -17
  11. package/Channel/components/MessageInput.js.map +1 -1
  12. package/Channel/components/MessageList.js +23 -22
  13. package/Channel/components/MessageList.js.map +1 -1
  14. package/Channel/components/RemoveMessageModal.js +17 -17
  15. package/Channel/components/SuggestedMentionList.js +94 -43
  16. package/Channel/components/SuggestedMentionList.js.map +1 -1
  17. package/Channel/components/TypingIndicator.js +14 -14
  18. package/Channel/components/UnreadCount.js +5 -5
  19. package/Channel/context.js +13 -13
  20. package/Channel.js +24 -23
  21. package/Channel.js.map +1 -1
  22. package/ChannelList/components/AddChannel.js +14 -14
  23. package/ChannelList/components/ChannelListHeader.js +7 -7
  24. package/ChannelList/components/ChannelListUI.js +26 -26
  25. package/ChannelList/components/ChannelPreview.js +21 -20
  26. package/ChannelList/components/ChannelPreview.js.map +1 -1
  27. package/ChannelList/components/ChannelPreviewAction.js +14 -14
  28. package/ChannelList/context.js +8 -8
  29. package/ChannelList.js +26 -26
  30. package/{ChannelListProvider-a7bdd63a.js → ChannelListProvider-737ee36f.js} +8 -8
  31. package/{ChannelListProvider-a7bdd63a.js.map → ChannelListProvider-737ee36f.js.map} +1 -1
  32. package/{ChannelProvider-923b58df.js → ChannelProvider-34834493.js} +13 -13
  33. package/ChannelProvider-34834493.js.map +1 -0
  34. package/ChannelSettings/components/AdminPanel.js +15 -15
  35. package/ChannelSettings/components/ChannelProfile.js +13 -13
  36. package/ChannelSettings/components/ChannelSettingsUI.js +18 -18
  37. package/ChannelSettings/components/EditDetailsModal.js +13 -13
  38. package/ChannelSettings/components/LeaveChannel.js +10 -10
  39. package/ChannelSettings/components/UserListItem.js +11 -11
  40. package/ChannelSettings/components/UserPanel.js +14 -14
  41. package/ChannelSettings/context.js +3 -3
  42. package/ChannelSettings.js +18 -18
  43. package/CreateChannel/components/CreateChannelUI.js +14 -14
  44. package/CreateChannel/components/InviteMembers.js +14 -14
  45. package/CreateChannel/components/SelectChannelType.js +10 -10
  46. package/CreateChannel/context.js +3 -3
  47. package/CreateChannel.js +14 -14
  48. package/{CreateChannelProvider-e491613f.js → CreateChannelProvider-3d3e4a7c.js} +1 -1
  49. package/{CreateChannelProvider-e491613f.js.map → CreateChannelProvider-3d3e4a7c.js.map} +1 -1
  50. package/EditUserProfile/components/EditUserProfileUI.js +13 -13
  51. package/EditUserProfile.js +13 -13
  52. package/{LocalizationContext-0e05ddca.js → LocalizationContext-5b0a9339.js} +3 -3
  53. package/{LocalizationContext-0e05ddca.js.map → LocalizationContext-5b0a9339.js.map} +1 -1
  54. package/{MemberList-ed7da941.js → MemberList-6e33a562.js} +5 -5
  55. package/{MemberList-ed7da941.js.map → MemberList-6e33a562.js.map} +1 -1
  56. package/MessageSearch/components/MessageSearchUI.js +11 -11
  57. package/MessageSearch/context.js +2 -2
  58. package/MessageSearch.js +11 -11
  59. package/OpenChannel/components/FrozenChannelNotification.js +5 -5
  60. package/OpenChannel/components/OpenChannelHeader.js +12 -12
  61. package/OpenChannel/components/OpenChannelInput.js +16 -16
  62. package/OpenChannel/components/OpenChannelMessage.js +21 -21
  63. package/OpenChannel/components/OpenChannelMessageList.js +23 -23
  64. package/OpenChannel/components/OpenChannelUI.js +23 -23
  65. package/OpenChannel/context.js +9 -9
  66. package/OpenChannel.js +23 -23
  67. package/{OpenChannelProvider-45a848a3.js → OpenChannelProvider-9ef0d52a.js} +7 -7
  68. package/{OpenChannelProvider-45a848a3.js.map → OpenChannelProvider-9ef0d52a.js.map} +1 -1
  69. package/OpenChannelSettings/components/EditDetailsModal.js +13 -13
  70. package/OpenChannelSettings/components/OpenChannelProfile.js +13 -13
  71. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  72. package/OpenChannelSettings/components/OperatorUI.js +16 -16
  73. package/OpenChannelSettings/components/ParticipantUI.js +14 -14
  74. package/OpenChannelSettings/context.js +2 -2
  75. package/OpenChannelSettings.js +17 -17
  76. package/SendbirdProvider.js +25 -10
  77. package/SendbirdProvider.js.map +1 -1
  78. package/{UserProfileContext-90704c73.js → UserProfileContext-b6d89d0d.js} +1 -1
  79. package/{UserProfileContext-90704c73.js.map → UserProfileContext-b6d89d0d.js.map} +1 -1
  80. package/{_rollupPluginBabelHelpers-c7eeba03.js → _rollupPluginBabelHelpers-d10f91b9.js} +1 -1
  81. package/{_rollupPluginBabelHelpers-c7eeba03.js.map → _rollupPluginBabelHelpers-d10f91b9.js.map} +1 -1
  82. package/{actionTypes-e0f4e19c.js → actionTypes-17920f59.js} +1 -1
  83. package/{actionTypes-e0f4e19c.js.map → actionTypes-17920f59.js.map} +1 -1
  84. package/cjs/App.js +31 -30
  85. package/cjs/App.js.map +1 -1
  86. package/cjs/Channel/components/ChannelHeader.js +15 -15
  87. package/cjs/Channel/components/ChannelUI.js +24 -23
  88. package/cjs/Channel/components/ChannelUI.js.map +1 -1
  89. package/cjs/Channel/components/FileViewer.js +14 -14
  90. package/cjs/Channel/components/FrozenNotification.js +5 -5
  91. package/cjs/Channel/components/Message.js +25 -20
  92. package/cjs/Channel/components/Message.js.map +1 -1
  93. package/cjs/Channel/components/MessageInput.js +27 -17
  94. package/cjs/Channel/components/MessageInput.js.map +1 -1
  95. package/cjs/Channel/components/MessageList.js +23 -22
  96. package/cjs/Channel/components/MessageList.js.map +1 -1
  97. package/cjs/Channel/components/RemoveMessageModal.js +17 -17
  98. package/cjs/Channel/components/SuggestedMentionList.js +94 -43
  99. package/cjs/Channel/components/SuggestedMentionList.js.map +1 -1
  100. package/cjs/Channel/components/TypingIndicator.js +14 -14
  101. package/cjs/Channel/components/UnreadCount.js +5 -5
  102. package/cjs/Channel/context.js +13 -13
  103. package/cjs/Channel.js +24 -23
  104. package/cjs/Channel.js.map +1 -1
  105. package/cjs/ChannelList/components/AddChannel.js +14 -14
  106. package/cjs/ChannelList/components/ChannelListHeader.js +7 -7
  107. package/cjs/ChannelList/components/ChannelListUI.js +26 -26
  108. package/cjs/ChannelList/components/ChannelPreview.js +21 -20
  109. package/cjs/ChannelList/components/ChannelPreview.js.map +1 -1
  110. package/cjs/ChannelList/components/ChannelPreviewAction.js +14 -14
  111. package/cjs/ChannelList/context.js +8 -8
  112. package/cjs/ChannelList.js +26 -26
  113. package/cjs/{ChannelListProvider-01864e22.js → ChannelListProvider-f910e236.js} +8 -8
  114. package/cjs/{ChannelListProvider-01864e22.js.map → ChannelListProvider-f910e236.js.map} +1 -1
  115. package/cjs/{ChannelProvider-3ef2a755.js → ChannelProvider-86e2e68c.js} +13 -13
  116. package/cjs/ChannelProvider-86e2e68c.js.map +1 -0
  117. package/cjs/ChannelSettings/components/AdminPanel.js +15 -15
  118. package/cjs/ChannelSettings/components/ChannelProfile.js +13 -13
  119. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +18 -18
  120. package/cjs/ChannelSettings/components/EditDetailsModal.js +13 -13
  121. package/cjs/ChannelSettings/components/LeaveChannel.js +10 -10
  122. package/cjs/ChannelSettings/components/UserListItem.js +11 -11
  123. package/cjs/ChannelSettings/components/UserPanel.js +14 -14
  124. package/cjs/ChannelSettings/context.js +3 -3
  125. package/cjs/ChannelSettings.js +18 -18
  126. package/cjs/CreateChannel/components/CreateChannelUI.js +14 -14
  127. package/cjs/CreateChannel/components/InviteMembers.js +14 -14
  128. package/cjs/CreateChannel/components/SelectChannelType.js +10 -10
  129. package/cjs/CreateChannel/context.js +3 -3
  130. package/cjs/CreateChannel.js +14 -14
  131. package/cjs/{CreateChannelProvider-0d01dcbf.js → CreateChannelProvider-07992a6d.js} +1 -1
  132. package/cjs/{CreateChannelProvider-0d01dcbf.js.map → CreateChannelProvider-07992a6d.js.map} +1 -1
  133. package/cjs/EditUserProfile/components/EditUserProfileUI.js +13 -13
  134. package/cjs/EditUserProfile.js +13 -13
  135. package/cjs/{LocalizationContext-4c0a4a70.js → LocalizationContext-79514649.js} +3 -3
  136. package/cjs/{LocalizationContext-4c0a4a70.js.map → LocalizationContext-79514649.js.map} +1 -1
  137. package/cjs/{MemberList-b917d2b8.js → MemberList-015c1075.js} +5 -5
  138. package/cjs/{MemberList-b917d2b8.js.map → MemberList-015c1075.js.map} +1 -1
  139. package/cjs/MessageSearch/components/MessageSearchUI.js +11 -11
  140. package/cjs/MessageSearch/context.js +2 -2
  141. package/cjs/MessageSearch.js +11 -11
  142. package/cjs/OpenChannel/components/FrozenChannelNotification.js +5 -5
  143. package/cjs/OpenChannel/components/OpenChannelHeader.js +12 -12
  144. package/cjs/OpenChannel/components/OpenChannelInput.js +16 -16
  145. package/cjs/OpenChannel/components/OpenChannelMessage.js +21 -21
  146. package/cjs/OpenChannel/components/OpenChannelMessageList.js +23 -23
  147. package/cjs/OpenChannel/components/OpenChannelUI.js +23 -23
  148. package/cjs/OpenChannel/context.js +9 -9
  149. package/cjs/OpenChannel.js +23 -23
  150. package/cjs/{OpenChannelProvider-862a55ec.js → OpenChannelProvider-445f214c.js} +7 -7
  151. package/cjs/{OpenChannelProvider-862a55ec.js.map → OpenChannelProvider-445f214c.js.map} +1 -1
  152. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +13 -13
  153. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +13 -13
  154. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  155. package/cjs/OpenChannelSettings/components/OperatorUI.js +16 -16
  156. package/cjs/OpenChannelSettings/components/ParticipantUI.js +14 -14
  157. package/cjs/OpenChannelSettings/context.js +2 -2
  158. package/cjs/OpenChannelSettings.js +17 -17
  159. package/cjs/SendbirdProvider.js +25 -10
  160. package/cjs/SendbirdProvider.js.map +1 -1
  161. package/cjs/{UserProfileContext-0081d7b2.js → UserProfileContext-12cfee31.js} +1 -1
  162. package/cjs/{UserProfileContext-0081d7b2.js.map → UserProfileContext-12cfee31.js.map} +1 -1
  163. package/cjs/{_rollupPluginBabelHelpers-08d1d0ec.js → _rollupPluginBabelHelpers-f802e0e8.js} +1 -1
  164. package/cjs/{_rollupPluginBabelHelpers-08d1d0ec.js.map → _rollupPluginBabelHelpers-f802e0e8.js.map} +1 -1
  165. package/cjs/{actionTypes-03bdd863.js → actionTypes-93161807.js} +1 -1
  166. package/cjs/{actionTypes-03bdd863.js.map → actionTypes-93161807.js.map} +1 -1
  167. package/cjs/{color-37edcf95.js → color-c53ac792.js} +1 -1
  168. package/cjs/{color-37edcf95.js.map → color-c53ac792.js.map} +1 -1
  169. package/cjs/{compareIds-1cb14940.js → compareIds-37e8380c.js} +1 -1
  170. package/cjs/{compareIds-1cb14940.js.map → compareIds-37e8380c.js.map} +1 -1
  171. package/cjs/{const-21636adb.js → const-3024c719.js} +1 -1
  172. package/cjs/{const-21636adb.js.map → const-3024c719.js.map} +1 -1
  173. package/cjs/{const-64185108.js → const-489c46b6.js} +1 -1
  174. package/cjs/{const-64185108.js.map → const-489c46b6.js.map} +1 -1
  175. package/cjs/{context-8f183eb3.js → context-961d5b11.js} +2 -2
  176. package/cjs/{context-8f183eb3.js.map → context-961d5b11.js.map} +1 -1
  177. package/{index.css → cjs/dist/index.css} +74 -56
  178. package/cjs/dist/index.css.map +1 -0
  179. package/cjs/{index-23c51d89.js → index-07623c8b.js} +2 -2
  180. package/cjs/{index-23c51d89.js.map → index-07623c8b.js.map} +1 -1
  181. package/cjs/{index-4e4d7494.js → index-0b2e2c2a.js} +1 -1
  182. package/cjs/{index-4e4d7494.js.map → index-0b2e2c2a.js.map} +1 -1
  183. package/cjs/{index-630f8d1b.js → index-2180f74f.js} +3 -3
  184. package/cjs/{index-630f8d1b.js.map → index-2180f74f.js.map} +1 -1
  185. package/cjs/{index-94e8cf13.js → index-4e8b61f7.js} +10 -9
  186. package/cjs/index-4e8b61f7.js.map +1 -0
  187. package/cjs/{index-7532e1ca.js → index-5615eab4.js} +4 -4
  188. package/cjs/{index-7532e1ca.js.map → index-5615eab4.js.map} +1 -1
  189. package/cjs/{index-8479199c.js → index-5eaebc66.js} +6 -6
  190. package/cjs/{index-8479199c.js.map → index-5eaebc66.js.map} +1 -1
  191. package/cjs/{index-30e8e785.js → index-a20b40c4.js} +3 -3
  192. package/cjs/{index-30e8e785.js.map → index-a20b40c4.js.map} +1 -1
  193. package/cjs/{index-a40d57a5.js → index-bc563d47.js} +6 -2
  194. package/cjs/index-bc563d47.js.map +1 -0
  195. package/cjs/{index-dcd38046.js → index-cb53adf5.js} +2 -2
  196. package/cjs/{index-dcd38046.js.map → index-cb53adf5.js.map} +1 -1
  197. package/cjs/{index-6d82098c.js → index-d25a7cbf.js} +4 -4
  198. package/cjs/{index-6d82098c.js.map → index-d25a7cbf.js.map} +1 -1
  199. package/cjs/{index-1a6c1893.js → index-d70ac86e.js} +1 -1
  200. package/cjs/{index-1a6c1893.js.map → index-d70ac86e.js.map} +1 -1
  201. package/cjs/index.js +34 -33
  202. package/cjs/index.js.map +1 -1
  203. package/cjs/{openChannelUtils-46a3a403.js → openChannelUtils-7fb1abc6.js} +1 -1
  204. package/cjs/{openChannelUtils-46a3a403.js.map → openChannelUtils-7fb1abc6.js.map} +1 -1
  205. package/cjs/sendBirdSelectors.js +1 -1
  206. package/cjs/{stringSet-d9121aa6.js → stringSet-ae448472.js} +1 -1
  207. package/cjs/{stringSet-d9121aa6.js.map → stringSet-ae448472.js.map} +1 -1
  208. package/cjs/{topics-4fc933cb.js → topics-bdbff23e.js} +1 -1
  209. package/cjs/{topics-4fc933cb.js.map → topics-bdbff23e.js.map} +1 -1
  210. package/cjs/{tslib.es6-571bbfc9.js → tslib.es6-a7af7bb8.js} +1 -1
  211. package/cjs/{tslib.es6-571bbfc9.js.map → tslib.es6-a7af7bb8.js.map} +1 -1
  212. package/cjs/ui/Accordion.js +4 -4
  213. package/cjs/ui/AccordionGroup.js +2 -2
  214. package/cjs/ui/AdminMessage.js +3 -3
  215. package/cjs/ui/Avatar.js +3 -3
  216. package/cjs/ui/Badge.js +5 -5
  217. package/cjs/ui/Button.js +4 -4
  218. package/cjs/ui/ChannelAvatar.js +4 -4
  219. package/cjs/ui/ChannelPreview.js +12 -12
  220. package/cjs/ui/ChatHeader.js +8 -8
  221. package/cjs/ui/Checkbox.js +1 -1
  222. package/cjs/ui/ConnectionStatus.js +5 -5
  223. package/cjs/ui/ContextMenu.js +5 -5
  224. package/cjs/ui/DateSeparator.js +4 -4
  225. package/cjs/ui/Dropdown.js +3 -3
  226. package/cjs/ui/EmojiReactions.js +7 -7
  227. package/cjs/ui/FileMessageItemBody.js +6 -6
  228. package/cjs/ui/FileViewer.js +7 -7
  229. package/cjs/ui/Icon.js +1 -1
  230. package/cjs/ui/IconButton.js +1 -1
  231. package/cjs/ui/ImageRenderer.js +1 -1
  232. package/cjs/ui/Input.js +3 -3
  233. package/cjs/ui/Label.js +3 -3
  234. package/cjs/ui/LinkLabel.js +3 -3
  235. package/cjs/ui/Loader.js +1 -1
  236. package/cjs/ui/MentionLabel.js +98 -0
  237. package/cjs/ui/MentionLabel.js.map +1 -0
  238. package/cjs/ui/MessageContent.js +15 -14
  239. package/cjs/ui/MessageContent.js.map +1 -1
  240. package/cjs/ui/MessageInput.js +18 -14
  241. package/cjs/ui/MessageInput.js.map +1 -1
  242. package/cjs/ui/MessageItemMenu.js +7 -7
  243. package/cjs/ui/MessageItemReactionMenu.js +5 -5
  244. package/cjs/ui/MessageSearchFileItem.js +10 -10
  245. package/cjs/ui/MessageSearchItem.js +10 -10
  246. package/cjs/ui/MessageStatus.js +8 -8
  247. package/cjs/ui/Modal.js +8 -8
  248. package/cjs/ui/MutedAvatarOverlay.js +1 -1
  249. package/cjs/ui/OGMessageItemBody.js +20 -9
  250. package/cjs/ui/OGMessageItemBody.js.map +1 -1
  251. package/cjs/ui/OpenChannelAdminMessage.js +4 -4
  252. package/cjs/ui/OpenChannelAvatar.js +7 -7
  253. package/cjs/ui/OpenchannelConversationHeader.js +7 -7
  254. package/cjs/ui/OpenchannelFileMessage.js +14 -14
  255. package/cjs/ui/OpenchannelOGMessage.js +14 -14
  256. package/cjs/ui/OpenchannelThumbnailMessage.js +13 -13
  257. package/cjs/ui/OpenchannelUserMessage.js +14 -14
  258. package/cjs/ui/PlaceHolder.js +6 -6
  259. package/cjs/ui/QuoteMessage.js +7 -7
  260. package/cjs/ui/QuoteMessageInput.js +7 -7
  261. package/cjs/ui/ReactionBadge.js +3 -3
  262. package/cjs/ui/ReactionButton.js +1 -1
  263. package/cjs/ui/SortByRow.js +1 -1
  264. package/cjs/ui/TextButton.js +2 -2
  265. package/cjs/ui/TextMessageItemBody.js +22 -9
  266. package/cjs/ui/TextMessageItemBody.js.map +1 -1
  267. package/cjs/ui/ThumbnailMessageItemBody.js +3 -3
  268. package/cjs/ui/Tooltip.js +3 -3
  269. package/cjs/ui/TooltipWrapper.js +1 -1
  270. package/cjs/ui/UnknownMessageItemBody.js +7 -7
  271. package/cjs/ui/UserListItem.js +11 -11
  272. package/cjs/ui/UserProfile.js +13 -13
  273. package/cjs/ui/UserProfile.js.map +1 -1
  274. package/cjs/useSendbirdStateContext.js +1 -1
  275. package/cjs/{utils-f734965d.js → utils-03155980.js} +1 -1
  276. package/cjs/{utils-f734965d.js.map → utils-03155980.js.map} +1 -1
  277. package/cjs/{utils-b88eb3e0.js → utils-0d5ecf05.js} +1 -1
  278. package/cjs/{utils-b88eb3e0.js.map → utils-0d5ecf05.js.map} +1 -1
  279. package/cjs/{utils-63225dc9.js → utils-139469a5.js} +1 -1
  280. package/cjs/{utils-63225dc9.js.map → utils-139469a5.js.map} +1 -1
  281. package/cjs/{uuid-086f0c34.js → uuid-03009a31.js} +1 -1
  282. package/cjs/{uuid-086f0c34.js.map → uuid-03009a31.js.map} +1 -1
  283. package/cjs/withSendBird.js +1 -1
  284. package/{color-a3d3742c.js → color-6b259e40.js} +1 -1
  285. package/{color-a3d3742c.js.map → color-6b259e40.js.map} +1 -1
  286. package/{compareIds-2bfd667a.js → compareIds-982972e8.js} +1 -1
  287. package/{compareIds-2bfd667a.js.map → compareIds-982972e8.js.map} +1 -1
  288. package/{const-9f83647a.js → const-da3968a5.js} +1 -1
  289. package/{const-9f83647a.js.map → const-da3968a5.js.map} +1 -1
  290. package/{const-a8df15de.js → const-e3d1e0ec.js} +1 -1
  291. package/{const-a8df15de.js.map → const-e3d1e0ec.js.map} +1 -1
  292. package/{context-ae164d45.js → context-3d5505d0.js} +2 -2
  293. package/{context-ae164d45.js.map → context-3d5505d0.js.map} +1 -1
  294. package/dist/index.css +74 -56
  295. package/dist/index.css.map +1 -1
  296. package/{index-89f5a4ba.js → index-065ef420.js} +6 -6
  297. package/{index-89f5a4ba.js.map → index-065ef420.js.map} +1 -1
  298. package/{index-e1b93b3a.js → index-17cf7808.js} +3 -3
  299. package/{index-e1b93b3a.js.map → index-17cf7808.js.map} +1 -1
  300. package/{index-df459121.js → index-691dc8da.js} +4 -4
  301. package/{index-df459121.js.map → index-691dc8da.js.map} +1 -1
  302. package/{index-13eb0f5e.js → index-81a93b05.js} +10 -9
  303. package/index-81a93b05.js.map +1 -0
  304. package/{index-03baba6a.js → index-902c2068.js} +6 -3
  305. package/index-902c2068.js.map +1 -0
  306. package/{index-2c56786f.js → index-92160328.js} +2 -2
  307. package/{index-2c56786f.js.map → index-92160328.js.map} +1 -1
  308. package/{index-e7c0bc26.js → index-94489c17.js} +1 -1
  309. package/{index-e7c0bc26.js.map → index-94489c17.js.map} +1 -1
  310. package/{index-29563598.js → index-95677caf.js} +2 -2
  311. package/{index-29563598.js.map → index-95677caf.js.map} +1 -1
  312. package/{index-f78ebc31.js → index-9deb1389.js} +3 -3
  313. package/{index-f78ebc31.js.map → index-9deb1389.js.map} +1 -1
  314. package/{index-d7840fad.js → index-a755675d.js} +4 -4
  315. package/{index-d7840fad.js.map → index-a755675d.js.map} +1 -1
  316. package/{index-80e330a9.js → index-db6a4860.js} +1 -1
  317. package/{index-80e330a9.js.map → index-db6a4860.js.map} +1 -1
  318. package/index.d.ts +14 -3
  319. package/index.js +34 -33
  320. package/index.js.map +1 -1
  321. package/{openChannelUtils-ae1d6038.js → openChannelUtils-2cd370a7.js} +1 -1
  322. package/{openChannelUtils-ae1d6038.js.map → openChannelUtils-2cd370a7.js.map} +1 -1
  323. package/package.json +1 -1
  324. package/sendBirdSelectors.js +1 -1
  325. package/{stringSet-6c9c68ae.js → stringSet-5a85ff4b.js} +1 -1
  326. package/{stringSet-6c9c68ae.js.map → stringSet-5a85ff4b.js.map} +1 -1
  327. package/{topics-d347c996.js → topics-24a660ee.js} +1 -1
  328. package/{topics-d347c996.js.map → topics-24a660ee.js.map} +1 -1
  329. package/{tslib.es6-61821688.js → tslib.es6-2c4d01e9.js} +1 -1
  330. package/{tslib.es6-61821688.js.map → tslib.es6-2c4d01e9.js.map} +1 -1
  331. package/ui/Accordion.js +4 -4
  332. package/ui/AccordionGroup.js +2 -2
  333. package/ui/AdminMessage.js +3 -3
  334. package/ui/Avatar.js +3 -3
  335. package/ui/Badge.js +5 -5
  336. package/ui/Button.js +4 -4
  337. package/ui/ChannelAvatar.js +4 -4
  338. package/ui/ChannelPreview.js +12 -12
  339. package/ui/ChatHeader.js +8 -8
  340. package/ui/Checkbox.js +1 -1
  341. package/ui/ConnectionStatus.js +5 -5
  342. package/ui/ContextMenu.js +5 -5
  343. package/ui/DateSeparator.js +4 -4
  344. package/ui/Dropdown.js +3 -3
  345. package/ui/EmojiReactions.js +7 -7
  346. package/ui/FileMessageItemBody.js +6 -6
  347. package/ui/FileViewer.js +7 -7
  348. package/ui/Icon.js +1 -1
  349. package/ui/IconButton.js +1 -1
  350. package/ui/ImageRenderer.js +1 -1
  351. package/ui/Input.js +3 -3
  352. package/ui/Label.js +3 -3
  353. package/ui/LinkLabel.js +3 -3
  354. package/ui/Loader.js +1 -1
  355. package/ui/MentionLabel.js +92 -0
  356. package/ui/MentionLabel.js.map +1 -0
  357. package/ui/MessageContent.js +15 -14
  358. package/ui/MessageContent.js.map +1 -1
  359. package/ui/MessageInput.js +18 -14
  360. package/ui/MessageInput.js.map +1 -1
  361. package/ui/MessageItemMenu.js +7 -7
  362. package/ui/MessageItemReactionMenu.js +5 -5
  363. package/ui/MessageSearchFileItem.js +10 -10
  364. package/ui/MessageSearchItem.js +10 -10
  365. package/ui/MessageStatus.js +8 -8
  366. package/ui/Modal.js +8 -8
  367. package/ui/MutedAvatarOverlay.js +1 -1
  368. package/ui/OGMessageItemBody.js +20 -9
  369. package/ui/OGMessageItemBody.js.map +1 -1
  370. package/ui/OpenChannelAdminMessage.js +4 -4
  371. package/ui/OpenChannelAvatar.js +7 -7
  372. package/ui/OpenchannelConversationHeader.js +7 -7
  373. package/ui/OpenchannelFileMessage.js +14 -14
  374. package/ui/OpenchannelOGMessage.js +14 -14
  375. package/ui/OpenchannelThumbnailMessage.js +13 -13
  376. package/ui/OpenchannelUserMessage.js +14 -14
  377. package/ui/PlaceHolder.js +6 -6
  378. package/ui/QuoteMessage.js +7 -7
  379. package/ui/QuoteMessageInput.js +7 -7
  380. package/ui/ReactionBadge.js +3 -3
  381. package/ui/ReactionButton.js +1 -1
  382. package/ui/SortByRow.js +1 -1
  383. package/ui/TextButton.js +2 -2
  384. package/ui/TextMessageItemBody.js +22 -9
  385. package/ui/TextMessageItemBody.js.map +1 -1
  386. package/ui/ThumbnailMessageItemBody.js +3 -3
  387. package/ui/Tooltip.js +3 -3
  388. package/ui/TooltipWrapper.js +1 -1
  389. package/ui/UnknownMessageItemBody.js +7 -7
  390. package/ui/UserListItem.js +11 -11
  391. package/ui/UserProfile.js +13 -13
  392. package/ui/UserProfile.js.map +1 -1
  393. package/useSendbirdStateContext.js +1 -1
  394. package/{utils-aed86fb8.js → utils-57c79308.js} +1 -1
  395. package/{utils-aed86fb8.js.map → utils-57c79308.js.map} +1 -1
  396. package/{utils-4e85584a.js → utils-85d3d94c.js} +1 -1
  397. package/{utils-4e85584a.js.map → utils-85d3d94c.js.map} +1 -1
  398. package/{utils-5e25aca3.js → utils-b3b6f503.js} +1 -1
  399. package/{utils-5e25aca3.js.map → utils-b3b6f503.js.map} +1 -1
  400. package/{uuid-6e6389e2.js → uuid-0ab81e67.js} +1 -1
  401. package/{uuid-6e6389e2.js.map → uuid-0ab81e67.js.map} +1 -1
  402. package/withSendBird.js +1 -1
  403. package/CHANGELOG.md +0 -65
  404. package/ChannelProvider-923b58df.js.map +0 -1
  405. package/README.md +0 -129
  406. package/cjs/ChannelProvider-3ef2a755.js.map +0 -1
  407. package/cjs/index-94e8cf13.js.map +0 -1
  408. package/cjs/index-a40d57a5.js.map +0 -1
  409. package/cjs/index.css +0 -4463
  410. package/cjs/index.css.map +0 -1
  411. package/index-03baba6a.js.map +0 -1
  412. package/index-13eb0f5e.js.map +0 -1
  413. package/index.css.map +0 -1
package/dist/index.css CHANGED
@@ -50,50 +50,6 @@
50
50
  .sendbird-theme--dark .sendbird-openchannel-conversation-header__left__cover-image--icon {
51
51
  background-color: var(--sendbird-dark-background-300); }
52
52
 
53
- .sendbird-chat-header {
54
- position: relative;
55
- display: flex;
56
- flex-direction: row;
57
- justify-content: space-between;
58
- align-items: center;
59
- height: 64px;
60
- min-height: 64px;
61
- padding-left: 20px;
62
- padding-right: 16px;
63
- overflow: hidden;
64
- text-overflow: ellipsis;
65
- box-sizing: border-box; }
66
- .sendbird-theme--light .sendbird-chat-header {
67
- border-bottom: 1px solid var(--sendbird-light-onlight-04);
68
- background-color: var(--sendbird-light-background-50); }
69
- .sendbird-theme--dark .sendbird-chat-header {
70
- border-bottom: 1px solid var(--sendbird-dark-ondark-04);
71
- background-color: var(--sendbird-dark-background-600); }
72
- .sendbird-chat-header__left {
73
- margin-right: 24px; }
74
- .sendbird-chat-header__left, .sendbird-chat-header__right {
75
- overflow: hidden;
76
- display: flex;
77
- flex-direction: row;
78
- align-items: center; }
79
- .sendbird-chat-header .sendbird-chat-header__left__title {
80
- margin-left: 8px;
81
- margin-right: 16px;
82
- overflow: hidden;
83
- text-overflow: ellipsis;
84
- white-space: nowrap;
85
- max-width: 780px; }
86
- .sendbird-chat-header .sendbird-chat-header__left__subtitle {
87
- max-width: 240px;
88
- overflow: hidden;
89
- text-overflow: ellipsis; }
90
- .sendbird-chat-header .sendbird-chat-header__right__mute {
91
- margin-right: 26px; }
92
- .sendbird-chat-header .sendbird-iconbutton--pressed {
93
- background-color: inherit; }
94
- .sendbird-chat-header .sendbird-chat-header__right__info {
95
- margin-left: 16px; }
96
-
97
53
  .sendbird__offline .sendbird-channel-preview {
98
54
  cursor: not-allowed; }
99
55
 
@@ -193,6 +149,50 @@
193
149
  .sendbird-theme--dark .sendbird-channel-preview--active .sendbird-channel-preview__content__upper__header__channel-name {
194
150
  color: var(--sendbird-dark-primary-200); }
195
151
 
152
+ .sendbird-chat-header {
153
+ position: relative;
154
+ display: flex;
155
+ flex-direction: row;
156
+ justify-content: space-between;
157
+ align-items: center;
158
+ height: 64px;
159
+ min-height: 64px;
160
+ padding-left: 20px;
161
+ padding-right: 16px;
162
+ overflow: hidden;
163
+ text-overflow: ellipsis;
164
+ box-sizing: border-box; }
165
+ .sendbird-theme--light .sendbird-chat-header {
166
+ border-bottom: 1px solid var(--sendbird-light-onlight-04);
167
+ background-color: var(--sendbird-light-background-50); }
168
+ .sendbird-theme--dark .sendbird-chat-header {
169
+ border-bottom: 1px solid var(--sendbird-dark-ondark-04);
170
+ background-color: var(--sendbird-dark-background-600); }
171
+ .sendbird-chat-header__left {
172
+ margin-right: 24px; }
173
+ .sendbird-chat-header__left, .sendbird-chat-header__right {
174
+ overflow: hidden;
175
+ display: flex;
176
+ flex-direction: row;
177
+ align-items: center; }
178
+ .sendbird-chat-header .sendbird-chat-header__left__title {
179
+ margin-left: 8px;
180
+ margin-right: 16px;
181
+ overflow: hidden;
182
+ text-overflow: ellipsis;
183
+ white-space: nowrap;
184
+ max-width: 780px; }
185
+ .sendbird-chat-header .sendbird-chat-header__left__subtitle {
186
+ max-width: 240px;
187
+ overflow: hidden;
188
+ text-overflow: ellipsis; }
189
+ .sendbird-chat-header .sendbird-chat-header__right__mute {
190
+ margin-right: 26px; }
191
+ .sendbird-chat-header .sendbird-iconbutton--pressed {
192
+ background-color: inherit; }
193
+ .sendbird-chat-header .sendbird-chat-header__right__info {
194
+ margin-left: 16px; }
195
+
196
196
  .sendbird-dropdown {
197
197
  position: relative;
198
198
  display: inline-block; }
@@ -233,6 +233,7 @@
233
233
  --sendbird-light-secondary-200: #69c085;
234
234
  --sendbird-light-secondary-100: #a8e2ab;
235
235
  --sendbird-light-information-100: #adc9ff;
236
+ --sendbird-highlight-100: #fff2b6;
236
237
  --sendbird-light-error-500: #9d091e;
237
238
  --sendbird-light-error-400: #bf0711;
238
239
  --sendbird-light-error-300: #de360b;
@@ -275,6 +276,7 @@
275
276
  --sendbird-dark-secondary-200: #69c085;
276
277
  --sendbird-dark-secondary-100: #a8e2ab;
277
278
  --sendbird-dark-information-100: #adc9ff;
279
+ --sendbird-highlight-100: #fff2b6;
278
280
  --sendbird-dark-error-500: #9d091e;
279
281
  --sendbird-dark-error-400: #bf0711;
280
282
  --sendbird-dark-error-300: #de360b;
@@ -367,7 +369,7 @@
367
369
 
368
370
  .sendbird-label--subtitle-2 {
369
371
  font-size: 14px;
370
- font-weight: 600;
372
+ font-weight: 500;
371
373
  font-stretch: normal;
372
374
  font-style: normal;
373
375
  line-height: 1.14;
@@ -1344,6 +1346,10 @@
1344
1346
  align-items: center;
1345
1347
  margin-left: 8px;
1346
1348
  margin-bottom: 12px; }
1349
+ .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower .sendbird-channel-preview__content__lower__unread-message-count .sendbird-channel-preview__content__lower__unread-message-count__mention {
1350
+ display: inline-flex;
1351
+ align-items: center;
1352
+ margin-right: 4px; }
1347
1353
  .sendbird-channel-preview .sendbird-channel-preview__action {
1348
1354
  position: absolute;
1349
1355
  top: 12px;
@@ -2021,12 +2027,6 @@
2021
2027
  background-color: var(--sendbird-light-background-50); }
2022
2028
  .sendbird-theme--dark .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item {
2023
2029
  background-color: var(--sendbird-dark-background-600); }
2024
- .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item:hover {
2025
- cursor: pointer; }
2026
- .sendbird-theme--light .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item:hover {
2027
- background-color: var(--sendbird-light-background-100); }
2028
- .sendbird-theme--dark .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item:hover {
2029
- background-color: var(--sendbird-dark-background-500); }
2030
2030
  .sendbird-theme--light .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item.focused {
2031
2031
  background-color: var(--sendbird-light-background-100); }
2032
2032
  .sendbird-theme--dark .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item.focused {
@@ -2037,11 +2037,19 @@
2037
2037
  .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname {
2038
2038
  position: relative;
2039
2039
  display: inline-block;
2040
- margin-left: 16px; }
2040
+ margin-left: 16px;
2041
+ max-width: calc(100% - 250px);
2042
+ white-space: nowrap;
2043
+ overflow: hidden;
2044
+ text-overflow: ellipsis; }
2041
2045
  .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id {
2042
2046
  position: absolute;
2043
2047
  display: inline-block;
2044
- right: 16px; }
2048
+ right: 16px;
2049
+ max-width: 180px;
2050
+ white-space: nowrap;
2051
+ overflow: hidden;
2052
+ text-overflow: ellipsis; }
2045
2053
  .sendbird-mention-suggest-list .sendbird-mention-suggest-list__notice-item {
2046
2054
  position: relative;
2047
2055
  display: flex;
@@ -2552,9 +2560,6 @@ p.sendbird-text-message-item-body {
2552
2560
  height: -webkit-fit-content;
2553
2561
  height: -moz-fit-content;
2554
2562
  height: fit-content; }
2555
- .sendbird-word .sendbird-word__mention:hover {
2556
- cursor: pointer; }
2557
- .sendbird-word .sendbird-word__mention,
2558
2563
  .sendbird-word .sendbird-word__url,
2559
2564
  .sendbird-word .sendbird-word__normal {
2560
2565
  display: inline-block; }
@@ -2617,6 +2622,19 @@ p.sendbird-text-message-item-body {
2617
2622
  .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-secondary-3 {
2618
2623
  color: var(--sendbird-dark-secondary-200); }
2619
2624
 
2625
+ .sendbird-word .sendbird-word__mention {
2626
+ display: inline-block; }
2627
+ .sendbird-word .sendbird-word__mention:hover {
2628
+ cursor: pointer; }
2629
+ .sendbird-theme--light .sendbird-word .sendbird-word__mention.sendbird-word__mention--me {
2630
+ background-color: var(--sendbird-highlight-100); }
2631
+ .sendbird-theme--dark .sendbird-word .sendbird-word__mention.sendbird-word__mention--me {
2632
+ background-color: var(--sendbird-highlight-100); }
2633
+ .sendbird-theme--light .sendbird-word .sendbird-word__mention.sendbird-word__mention--me .sendbird-label {
2634
+ color: var(--sendbird-light-onlight-01); }
2635
+ .sendbird-theme--dark .sendbird-word .sendbird-word__mention.sendbird-word__mention--me .sendbird-label {
2636
+ color: var(--sendbird-dark-onlight-01); }
2637
+
2620
2638
  .sendbird-file-message-item-body {
2621
2639
  position: relative;
2622
2640
  display: inline-block;