@sendbird/uikit-react 3.0.0-beta.3 → 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 (416) 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-d602a166.js → ChannelListProvider-737ee36f.js} +30 -33
  31. package/ChannelListProvider-737ee36f.js.map +1 -0
  32. package/{ChannelProvider-cf8fc05a.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/CreateChannelUI.js.map +1 -1
  45. package/CreateChannel/components/InviteMembers.js +14 -14
  46. package/CreateChannel/components/SelectChannelType.js +10 -10
  47. package/CreateChannel/context.js +3 -3
  48. package/CreateChannel.js +14 -14
  49. package/{CreateChannelProvider-3f3dafed.js → CreateChannelProvider-3d3e4a7c.js} +1 -1
  50. package/{CreateChannelProvider-3f3dafed.js.map → CreateChannelProvider-3d3e4a7c.js.map} +1 -1
  51. package/EditUserProfile/components/EditUserProfileUI.js +13 -13
  52. package/EditUserProfile.js +13 -13
  53. package/{LocalizationContext-b970a73c.js → LocalizationContext-5b0a9339.js} +3 -3
  54. package/{LocalizationContext-b970a73c.js.map → LocalizationContext-5b0a9339.js.map} +1 -1
  55. package/{MemberList-9d29bee4.js → MemberList-6e33a562.js} +5 -5
  56. package/{MemberList-9d29bee4.js.map → MemberList-6e33a562.js.map} +1 -1
  57. package/MessageSearch/components/MessageSearchUI.js +11 -11
  58. package/MessageSearch/context.js +2 -2
  59. package/MessageSearch.js +11 -11
  60. package/OpenChannel/components/FrozenChannelNotification.js +5 -5
  61. package/OpenChannel/components/OpenChannelHeader.js +12 -12
  62. package/OpenChannel/components/OpenChannelInput.js +16 -16
  63. package/OpenChannel/components/OpenChannelInput.js.map +1 -1
  64. package/OpenChannel/components/OpenChannelMessage.js +21 -21
  65. package/OpenChannel/components/OpenChannelMessageList.js +23 -23
  66. package/OpenChannel/components/OpenChannelUI.js +23 -23
  67. package/OpenChannel/context.js +9 -9
  68. package/OpenChannel.js +23 -23
  69. package/{OpenChannelProvider-821fb008.js → OpenChannelProvider-9ef0d52a.js} +7 -7
  70. package/{OpenChannelProvider-821fb008.js.map → OpenChannelProvider-9ef0d52a.js.map} +1 -1
  71. package/OpenChannelSettings/components/EditDetailsModal.js +13 -13
  72. package/OpenChannelSettings/components/OpenChannelProfile.js +13 -13
  73. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  74. package/OpenChannelSettings/components/OperatorUI.js +16 -16
  75. package/OpenChannelSettings/components/ParticipantUI.js +14 -14
  76. package/OpenChannelSettings/context.js +2 -2
  77. package/OpenChannelSettings.js +17 -17
  78. package/SendbirdProvider.js +25 -10
  79. package/SendbirdProvider.js.map +1 -1
  80. package/{UserProfileContext-f4ff4291.js → UserProfileContext-b6d89d0d.js} +1 -1
  81. package/{UserProfileContext-f4ff4291.js.map → UserProfileContext-b6d89d0d.js.map} +1 -1
  82. package/{_rollupPluginBabelHelpers-6bf18550.js → _rollupPluginBabelHelpers-d10f91b9.js} +1 -1
  83. package/{_rollupPluginBabelHelpers-6bf18550.js.map → _rollupPluginBabelHelpers-d10f91b9.js.map} +1 -1
  84. package/{actionTypes-8e320ded.js → actionTypes-17920f59.js} +1 -1
  85. package/{actionTypes-8e320ded.js.map → actionTypes-17920f59.js.map} +1 -1
  86. package/cjs/App.js +31 -30
  87. package/cjs/App.js.map +1 -1
  88. package/cjs/Channel/components/ChannelHeader.js +15 -15
  89. package/cjs/Channel/components/ChannelUI.js +24 -23
  90. package/cjs/Channel/components/ChannelUI.js.map +1 -1
  91. package/cjs/Channel/components/FileViewer.js +14 -14
  92. package/cjs/Channel/components/FrozenNotification.js +5 -5
  93. package/cjs/Channel/components/Message.js +25 -20
  94. package/cjs/Channel/components/Message.js.map +1 -1
  95. package/cjs/Channel/components/MessageInput.js +27 -17
  96. package/cjs/Channel/components/MessageInput.js.map +1 -1
  97. package/cjs/Channel/components/MessageList.js +23 -22
  98. package/cjs/Channel/components/MessageList.js.map +1 -1
  99. package/cjs/Channel/components/RemoveMessageModal.js +17 -17
  100. package/cjs/Channel/components/SuggestedMentionList.js +94 -43
  101. package/cjs/Channel/components/SuggestedMentionList.js.map +1 -1
  102. package/cjs/Channel/components/TypingIndicator.js +14 -14
  103. package/cjs/Channel/components/UnreadCount.js +5 -5
  104. package/cjs/Channel/context.js +13 -13
  105. package/cjs/Channel.js +24 -23
  106. package/cjs/Channel.js.map +1 -1
  107. package/cjs/ChannelList/components/AddChannel.js +14 -14
  108. package/cjs/ChannelList/components/ChannelListHeader.js +7 -7
  109. package/cjs/ChannelList/components/ChannelListUI.js +26 -26
  110. package/cjs/ChannelList/components/ChannelPreview.js +21 -20
  111. package/cjs/ChannelList/components/ChannelPreview.js.map +1 -1
  112. package/cjs/ChannelList/components/ChannelPreviewAction.js +14 -14
  113. package/cjs/ChannelList/context.js +9 -8
  114. package/cjs/ChannelList/context.js.map +1 -1
  115. package/cjs/ChannelList.js +26 -26
  116. package/cjs/{ChannelListProvider-64db9f70.js → ChannelListProvider-f910e236.js} +30 -32
  117. package/cjs/ChannelListProvider-f910e236.js.map +1 -0
  118. package/cjs/{ChannelProvider-5e8e33b1.js → ChannelProvider-86e2e68c.js} +13 -13
  119. package/cjs/ChannelProvider-86e2e68c.js.map +1 -0
  120. package/cjs/ChannelSettings/components/AdminPanel.js +15 -15
  121. package/cjs/ChannelSettings/components/ChannelProfile.js +13 -13
  122. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +18 -18
  123. package/cjs/ChannelSettings/components/EditDetailsModal.js +13 -13
  124. package/cjs/ChannelSettings/components/LeaveChannel.js +10 -10
  125. package/cjs/ChannelSettings/components/UserListItem.js +11 -11
  126. package/cjs/ChannelSettings/components/UserPanel.js +14 -14
  127. package/cjs/ChannelSettings/context.js +3 -3
  128. package/cjs/ChannelSettings.js +18 -18
  129. package/cjs/CreateChannel/components/CreateChannelUI.js +14 -14
  130. package/cjs/CreateChannel/components/CreateChannelUI.js.map +1 -1
  131. package/cjs/CreateChannel/components/InviteMembers.js +14 -14
  132. package/cjs/CreateChannel/components/SelectChannelType.js +10 -10
  133. package/cjs/CreateChannel/context.js +3 -3
  134. package/cjs/CreateChannel.js +14 -14
  135. package/cjs/{CreateChannelProvider-dcf7f906.js → CreateChannelProvider-07992a6d.js} +1 -1
  136. package/cjs/{CreateChannelProvider-dcf7f906.js.map → CreateChannelProvider-07992a6d.js.map} +1 -1
  137. package/cjs/EditUserProfile/components/EditUserProfileUI.js +13 -13
  138. package/cjs/EditUserProfile.js +13 -13
  139. package/cjs/{LocalizationContext-382a9ef1.js → LocalizationContext-79514649.js} +3 -3
  140. package/cjs/{LocalizationContext-382a9ef1.js.map → LocalizationContext-79514649.js.map} +1 -1
  141. package/cjs/{MemberList-03a241cd.js → MemberList-015c1075.js} +5 -5
  142. package/cjs/{MemberList-03a241cd.js.map → MemberList-015c1075.js.map} +1 -1
  143. package/cjs/MessageSearch/components/MessageSearchUI.js +11 -11
  144. package/cjs/MessageSearch/context.js +2 -2
  145. package/cjs/MessageSearch.js +11 -11
  146. package/cjs/OpenChannel/components/FrozenChannelNotification.js +5 -5
  147. package/cjs/OpenChannel/components/OpenChannelHeader.js +12 -12
  148. package/cjs/OpenChannel/components/OpenChannelInput.js +16 -16
  149. package/cjs/OpenChannel/components/OpenChannelInput.js.map +1 -1
  150. package/cjs/OpenChannel/components/OpenChannelMessage.js +21 -21
  151. package/cjs/OpenChannel/components/OpenChannelMessageList.js +23 -23
  152. package/cjs/OpenChannel/components/OpenChannelUI.js +23 -23
  153. package/cjs/OpenChannel/context.js +9 -9
  154. package/cjs/OpenChannel.js +23 -23
  155. package/cjs/{OpenChannelProvider-9000ccb9.js → OpenChannelProvider-445f214c.js} +7 -7
  156. package/cjs/{OpenChannelProvider-9000ccb9.js.map → OpenChannelProvider-445f214c.js.map} +1 -1
  157. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +13 -13
  158. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +13 -13
  159. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  160. package/cjs/OpenChannelSettings/components/OperatorUI.js +16 -16
  161. package/cjs/OpenChannelSettings/components/ParticipantUI.js +14 -14
  162. package/cjs/OpenChannelSettings/context.js +2 -2
  163. package/cjs/OpenChannelSettings.js +17 -17
  164. package/cjs/SendbirdProvider.js +25 -10
  165. package/cjs/SendbirdProvider.js.map +1 -1
  166. package/cjs/{UserProfileContext-0b7ef11a.js → UserProfileContext-12cfee31.js} +1 -1
  167. package/cjs/{UserProfileContext-0b7ef11a.js.map → UserProfileContext-12cfee31.js.map} +1 -1
  168. package/cjs/{_rollupPluginBabelHelpers-6193d45d.js → _rollupPluginBabelHelpers-f802e0e8.js} +1 -1
  169. package/cjs/{_rollupPluginBabelHelpers-6193d45d.js.map → _rollupPluginBabelHelpers-f802e0e8.js.map} +1 -1
  170. package/cjs/{actionTypes-092bc172.js → actionTypes-93161807.js} +1 -1
  171. package/cjs/{actionTypes-092bc172.js.map → actionTypes-93161807.js.map} +1 -1
  172. package/cjs/{color-1816dacf.js → color-c53ac792.js} +1 -1
  173. package/cjs/{color-1816dacf.js.map → color-c53ac792.js.map} +1 -1
  174. package/cjs/{compareIds-e9bca8c4.js → compareIds-37e8380c.js} +1 -1
  175. package/cjs/{compareIds-e9bca8c4.js.map → compareIds-37e8380c.js.map} +1 -1
  176. package/cjs/{const-c65837c1.js → const-3024c719.js} +1 -1
  177. package/cjs/{const-c65837c1.js.map → const-3024c719.js.map} +1 -1
  178. package/cjs/{const-d9f4d880.js → const-489c46b6.js} +1 -1
  179. package/cjs/{const-d9f4d880.js.map → const-489c46b6.js.map} +1 -1
  180. package/cjs/{context-6ebf3379.js → context-961d5b11.js} +2 -2
  181. package/cjs/{context-6ebf3379.js.map → context-961d5b11.js.map} +1 -1
  182. package/cjs/{index.css → dist/index.css} +74 -58
  183. package/cjs/dist/index.css.map +1 -0
  184. package/cjs/{index-4f40f311.js → index-07623c8b.js} +2 -2
  185. package/cjs/{index-4f40f311.js.map → index-07623c8b.js.map} +1 -1
  186. package/cjs/{index-20a06ed6.js → index-0b2e2c2a.js} +1 -1
  187. package/cjs/{index-20a06ed6.js.map → index-0b2e2c2a.js.map} +1 -1
  188. package/cjs/{index-01072ac9.js → index-2180f74f.js} +3 -3
  189. package/cjs/{index-01072ac9.js.map → index-2180f74f.js.map} +1 -1
  190. package/cjs/{index-75453415.js → index-4e8b61f7.js} +10 -9
  191. package/cjs/index-4e8b61f7.js.map +1 -0
  192. package/cjs/{index-948426a8.js → index-5615eab4.js} +4 -4
  193. package/cjs/{index-948426a8.js.map → index-5615eab4.js.map} +1 -1
  194. package/cjs/{index-d57081d1.js → index-5eaebc66.js} +6 -6
  195. package/cjs/{index-d57081d1.js.map → index-5eaebc66.js.map} +1 -1
  196. package/cjs/{index-f1971e28.js → index-a20b40c4.js} +3 -3
  197. package/cjs/{index-f1971e28.js.map → index-a20b40c4.js.map} +1 -1
  198. package/cjs/{index-212a11f2.js → index-bc563d47.js} +6 -2
  199. package/cjs/index-bc563d47.js.map +1 -0
  200. package/cjs/{index-a2ce047a.js → index-cb53adf5.js} +2 -2
  201. package/cjs/{index-a2ce047a.js.map → index-cb53adf5.js.map} +1 -1
  202. package/cjs/{index-e63da805.js → index-d25a7cbf.js} +4 -4
  203. package/cjs/{index-e63da805.js.map → index-d25a7cbf.js.map} +1 -1
  204. package/cjs/{index-2faa2f93.js → index-d70ac86e.js} +1 -1
  205. package/cjs/{index-2faa2f93.js.map → index-d70ac86e.js.map} +1 -1
  206. package/cjs/index.js +34 -33
  207. package/cjs/index.js.map +1 -1
  208. package/cjs/{openChannelUtils-16f29ba2.js → openChannelUtils-7fb1abc6.js} +1 -1
  209. package/cjs/{openChannelUtils-16f29ba2.js.map → openChannelUtils-7fb1abc6.js.map} +1 -1
  210. package/cjs/sendBirdSelectors.js +1 -1
  211. package/cjs/{stringSet-b9ea6eef.js → stringSet-ae448472.js} +1 -1
  212. package/cjs/{stringSet-b9ea6eef.js.map → stringSet-ae448472.js.map} +1 -1
  213. package/cjs/{topics-11048db8.js → topics-bdbff23e.js} +1 -1
  214. package/cjs/{topics-11048db8.js.map → topics-bdbff23e.js.map} +1 -1
  215. package/cjs/{tslib.es6-07dd6257.js → tslib.es6-a7af7bb8.js} +1 -1
  216. package/cjs/{tslib.es6-07dd6257.js.map → tslib.es6-a7af7bb8.js.map} +1 -1
  217. package/cjs/ui/Accordion.js +4 -4
  218. package/cjs/ui/AccordionGroup.js +2 -2
  219. package/cjs/ui/AdminMessage.js +3 -3
  220. package/cjs/ui/Avatar.js +3 -3
  221. package/cjs/ui/Badge.js +5 -5
  222. package/cjs/ui/Button.js +4 -4
  223. package/cjs/ui/ChannelAvatar.js +4 -4
  224. package/cjs/ui/ChannelPreview.js +12 -12
  225. package/cjs/ui/ChatHeader.js +8 -8
  226. package/cjs/ui/Checkbox.js +1 -1
  227. package/cjs/ui/ConnectionStatus.js +5 -5
  228. package/cjs/ui/ContextMenu.js +5 -5
  229. package/cjs/ui/DateSeparator.js +4 -4
  230. package/cjs/ui/Dropdown.js +3 -3
  231. package/cjs/ui/EmojiReactions.js +7 -7
  232. package/cjs/ui/FileMessageItemBody.js +6 -6
  233. package/cjs/ui/FileViewer.js +7 -7
  234. package/cjs/ui/Icon.js +1 -1
  235. package/cjs/ui/IconButton.js +1 -1
  236. package/cjs/ui/ImageRenderer.js +1 -1
  237. package/cjs/ui/Input.js +3 -3
  238. package/cjs/ui/Label.js +3 -3
  239. package/cjs/ui/LinkLabel.js +3 -3
  240. package/cjs/ui/Loader.js +1 -1
  241. package/cjs/ui/MentionLabel.js +98 -0
  242. package/cjs/ui/MentionLabel.js.map +1 -0
  243. package/cjs/ui/MessageContent.js +15 -14
  244. package/cjs/ui/MessageContent.js.map +1 -1
  245. package/cjs/ui/MessageInput.js +18 -14
  246. package/cjs/ui/MessageInput.js.map +1 -1
  247. package/cjs/ui/MessageItemMenu.js +7 -7
  248. package/cjs/ui/MessageItemReactionMenu.js +5 -5
  249. package/cjs/ui/MessageSearchFileItem.js +10 -10
  250. package/cjs/ui/MessageSearchItem.js +10 -10
  251. package/cjs/ui/MessageStatus.js +8 -8
  252. package/cjs/ui/Modal.js +8 -8
  253. package/cjs/ui/MutedAvatarOverlay.js +1 -1
  254. package/cjs/ui/OGMessageItemBody.js +20 -9
  255. package/cjs/ui/OGMessageItemBody.js.map +1 -1
  256. package/cjs/ui/OpenChannelAdminMessage.js +4 -4
  257. package/cjs/ui/OpenChannelAvatar.js +7 -7
  258. package/cjs/ui/OpenchannelConversationHeader.js +7 -7
  259. package/cjs/ui/OpenchannelFileMessage.js +14 -14
  260. package/cjs/ui/OpenchannelOGMessage.js +14 -14
  261. package/cjs/ui/OpenchannelThumbnailMessage.js +13 -13
  262. package/cjs/ui/OpenchannelUserMessage.js +14 -14
  263. package/cjs/ui/PlaceHolder.js +6 -6
  264. package/cjs/ui/QuoteMessage.js +7 -7
  265. package/cjs/ui/QuoteMessageInput.js +7 -7
  266. package/cjs/ui/ReactionBadge.js +3 -3
  267. package/cjs/ui/ReactionButton.js +1 -1
  268. package/cjs/ui/SortByRow.js +1 -1
  269. package/cjs/ui/TextButton.js +2 -2
  270. package/cjs/ui/TextMessageItemBody.js +22 -9
  271. package/cjs/ui/TextMessageItemBody.js.map +1 -1
  272. package/cjs/ui/ThumbnailMessageItemBody.js +3 -3
  273. package/cjs/ui/Tooltip.js +3 -3
  274. package/cjs/ui/TooltipWrapper.js +1 -1
  275. package/cjs/ui/UnknownMessageItemBody.js +7 -7
  276. package/cjs/ui/UserListItem.js +11 -11
  277. package/cjs/ui/UserProfile.js +13 -13
  278. package/cjs/ui/UserProfile.js.map +1 -1
  279. package/cjs/useSendbirdStateContext.js +1 -1
  280. package/cjs/{utils-53d332a6.js → utils-03155980.js} +1 -1
  281. package/cjs/{utils-53d332a6.js.map → utils-03155980.js.map} +1 -1
  282. package/cjs/{utils-94ae6cec.js → utils-0d5ecf05.js} +1 -1
  283. package/cjs/{utils-94ae6cec.js.map → utils-0d5ecf05.js.map} +1 -1
  284. package/cjs/{utils-3240365f.js → utils-139469a5.js} +1 -1
  285. package/cjs/{utils-3240365f.js.map → utils-139469a5.js.map} +1 -1
  286. package/cjs/{uuid-172844fb.js → uuid-03009a31.js} +1 -1
  287. package/cjs/{uuid-172844fb.js.map → uuid-03009a31.js.map} +1 -1
  288. package/cjs/withSendBird.js +1 -1
  289. package/{color-38dc84d3.js → color-6b259e40.js} +1 -1
  290. package/{color-38dc84d3.js.map → color-6b259e40.js.map} +1 -1
  291. package/{compareIds-f01e0c3c.js → compareIds-982972e8.js} +1 -1
  292. package/{compareIds-f01e0c3c.js.map → compareIds-982972e8.js.map} +1 -1
  293. package/{const-d46f09a1.js → const-da3968a5.js} +1 -1
  294. package/{const-d46f09a1.js.map → const-da3968a5.js.map} +1 -1
  295. package/{const-b6685801.js → const-e3d1e0ec.js} +1 -1
  296. package/{const-b6685801.js.map → const-e3d1e0ec.js.map} +1 -1
  297. package/{context-b5168bd0.js → context-3d5505d0.js} +2 -2
  298. package/{context-b5168bd0.js.map → context-3d5505d0.js.map} +1 -1
  299. package/dist/index.css +74 -58
  300. package/dist/index.css.map +1 -1
  301. package/{index-3bd4a058.js → index-065ef420.js} +6 -6
  302. package/{index-3bd4a058.js.map → index-065ef420.js.map} +1 -1
  303. package/{index-d0b30cd5.js → index-17cf7808.js} +3 -3
  304. package/{index-d0b30cd5.js.map → index-17cf7808.js.map} +1 -1
  305. package/{index-b12b270e.js → index-691dc8da.js} +4 -4
  306. package/{index-b12b270e.js.map → index-691dc8da.js.map} +1 -1
  307. package/{index-62fd2db7.js → index-81a93b05.js} +10 -9
  308. package/index-81a93b05.js.map +1 -0
  309. package/{index-e6d0889d.js → index-902c2068.js} +6 -3
  310. package/index-902c2068.js.map +1 -0
  311. package/{index-1c2588aa.js → index-92160328.js} +2 -2
  312. package/{index-1c2588aa.js.map → index-92160328.js.map} +1 -1
  313. package/{index-6381b534.js → index-94489c17.js} +1 -1
  314. package/{index-6381b534.js.map → index-94489c17.js.map} +1 -1
  315. package/{index-9afb4d01.js → index-95677caf.js} +2 -2
  316. package/{index-9afb4d01.js.map → index-95677caf.js.map} +1 -1
  317. package/{index-2dce3a04.js → index-9deb1389.js} +3 -3
  318. package/{index-2dce3a04.js.map → index-9deb1389.js.map} +1 -1
  319. package/{index-a6675155.js → index-a755675d.js} +4 -4
  320. package/{index-a6675155.js.map → index-a755675d.js.map} +1 -1
  321. package/{index-d0fe8fe1.js → index-db6a4860.js} +1 -1
  322. package/{index-d0fe8fe1.js.map → index-db6a4860.js.map} +1 -1
  323. package/index.d.ts +15 -3
  324. package/index.js +34 -33
  325. package/index.js.map +1 -1
  326. package/{openChannelUtils-22ed0258.js → openChannelUtils-2cd370a7.js} +1 -1
  327. package/{openChannelUtils-22ed0258.js.map → openChannelUtils-2cd370a7.js.map} +1 -1
  328. package/package.json +1 -1
  329. package/sendBirdSelectors.js +1 -1
  330. package/{stringSet-2e6c1d2c.js → stringSet-5a85ff4b.js} +1 -1
  331. package/{stringSet-2e6c1d2c.js.map → stringSet-5a85ff4b.js.map} +1 -1
  332. package/{topics-67738aac.js → topics-24a660ee.js} +1 -1
  333. package/{topics-67738aac.js.map → topics-24a660ee.js.map} +1 -1
  334. package/{tslib.es6-b6e567bd.js → tslib.es6-2c4d01e9.js} +1 -1
  335. package/{tslib.es6-b6e567bd.js.map → tslib.es6-2c4d01e9.js.map} +1 -1
  336. package/ui/Accordion.js +4 -4
  337. package/ui/AccordionGroup.js +2 -2
  338. package/ui/AdminMessage.js +3 -3
  339. package/ui/Avatar.js +3 -3
  340. package/ui/Badge.js +5 -5
  341. package/ui/Button.js +4 -4
  342. package/ui/ChannelAvatar.js +4 -4
  343. package/ui/ChannelPreview.js +12 -12
  344. package/ui/ChatHeader.js +8 -8
  345. package/ui/Checkbox.js +1 -1
  346. package/ui/ConnectionStatus.js +5 -5
  347. package/ui/ContextMenu.js +5 -5
  348. package/ui/DateSeparator.js +4 -4
  349. package/ui/Dropdown.js +3 -3
  350. package/ui/EmojiReactions.js +7 -7
  351. package/ui/FileMessageItemBody.js +6 -6
  352. package/ui/FileViewer.js +7 -7
  353. package/ui/Icon.js +1 -1
  354. package/ui/IconButton.js +1 -1
  355. package/ui/ImageRenderer.js +1 -1
  356. package/ui/Input.js +3 -3
  357. package/ui/Label.js +3 -3
  358. package/ui/LinkLabel.js +3 -3
  359. package/ui/Loader.js +1 -1
  360. package/ui/MentionLabel.js +92 -0
  361. package/ui/MentionLabel.js.map +1 -0
  362. package/ui/MessageContent.js +15 -14
  363. package/ui/MessageContent.js.map +1 -1
  364. package/ui/MessageInput.js +18 -14
  365. package/ui/MessageInput.js.map +1 -1
  366. package/ui/MessageItemMenu.js +7 -7
  367. package/ui/MessageItemReactionMenu.js +5 -5
  368. package/ui/MessageSearchFileItem.js +10 -10
  369. package/ui/MessageSearchItem.js +10 -10
  370. package/ui/MessageStatus.js +8 -8
  371. package/ui/Modal.js +8 -8
  372. package/ui/MutedAvatarOverlay.js +1 -1
  373. package/ui/OGMessageItemBody.js +20 -9
  374. package/ui/OGMessageItemBody.js.map +1 -1
  375. package/ui/OpenChannelAdminMessage.js +4 -4
  376. package/ui/OpenChannelAvatar.js +7 -7
  377. package/ui/OpenchannelConversationHeader.js +7 -7
  378. package/ui/OpenchannelFileMessage.js +14 -14
  379. package/ui/OpenchannelOGMessage.js +14 -14
  380. package/ui/OpenchannelThumbnailMessage.js +13 -13
  381. package/ui/OpenchannelUserMessage.js +14 -14
  382. package/ui/PlaceHolder.js +6 -6
  383. package/ui/QuoteMessage.js +7 -7
  384. package/ui/QuoteMessageInput.js +7 -7
  385. package/ui/ReactionBadge.js +3 -3
  386. package/ui/ReactionButton.js +1 -1
  387. package/ui/SortByRow.js +1 -1
  388. package/ui/TextButton.js +2 -2
  389. package/ui/TextMessageItemBody.js +22 -9
  390. package/ui/TextMessageItemBody.js.map +1 -1
  391. package/ui/ThumbnailMessageItemBody.js +3 -3
  392. package/ui/Tooltip.js +3 -3
  393. package/ui/TooltipWrapper.js +1 -1
  394. package/ui/UnknownMessageItemBody.js +7 -7
  395. package/ui/UserListItem.js +11 -11
  396. package/ui/UserProfile.js +13 -13
  397. package/ui/UserProfile.js.map +1 -1
  398. package/useSendbirdStateContext.js +1 -1
  399. package/{utils-28de36e9.js → utils-57c79308.js} +1 -1
  400. package/{utils-28de36e9.js.map → utils-57c79308.js.map} +1 -1
  401. package/{utils-f5c9ef64.js → utils-85d3d94c.js} +1 -1
  402. package/{utils-f5c9ef64.js.map → utils-85d3d94c.js.map} +1 -1
  403. package/{utils-04c291d8.js → utils-b3b6f503.js} +1 -1
  404. package/{utils-04c291d8.js.map → utils-b3b6f503.js.map} +1 -1
  405. package/{uuid-0139dc21.js → uuid-0ab81e67.js} +1 -1
  406. package/{uuid-0139dc21.js.map → uuid-0ab81e67.js.map} +1 -1
  407. package/withSendBird.js +1 -1
  408. package/ChannelListProvider-d602a166.js.map +0 -1
  409. package/ChannelProvider-cf8fc05a.js.map +0 -1
  410. package/cjs/ChannelListProvider-64db9f70.js.map +0 -1
  411. package/cjs/ChannelProvider-5e8e33b1.js.map +0 -1
  412. package/cjs/index-212a11f2.js.map +0 -1
  413. package/cjs/index-75453415.js.map +0 -1
  414. package/cjs/index.css.map +0 -1
  415. package/index-62fd2db7.js.map +0 -1
  416. package/index-e6d0889d.js.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;
@@ -743,7 +745,6 @@
743
745
  left: 22px;
744
746
  top: 24px; }
745
747
 
746
-
747
748
  .sendbird-create-channel--content {
748
749
  width: 480px;
749
750
  max-height: 552px; }
@@ -1345,6 +1346,10 @@
1345
1346
  align-items: center;
1346
1347
  margin-left: 8px;
1347
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; }
1348
1353
  .sendbird-channel-preview .sendbird-channel-preview__action {
1349
1354
  position: absolute;
1350
1355
  top: 12px;
@@ -2022,12 +2027,6 @@
2022
2027
  background-color: var(--sendbird-light-background-50); }
2023
2028
  .sendbird-theme--dark .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item {
2024
2029
  background-color: var(--sendbird-dark-background-600); }
2025
- .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item:hover {
2026
- cursor: pointer; }
2027
- .sendbird-theme--light .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item:hover {
2028
- background-color: var(--sendbird-light-background-100); }
2029
- .sendbird-theme--dark .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item:hover {
2030
- background-color: var(--sendbird-dark-background-500); }
2031
2030
  .sendbird-theme--light .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item.focused {
2032
2031
  background-color: var(--sendbird-light-background-100); }
2033
2032
  .sendbird-theme--dark .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item.focused {
@@ -2038,11 +2037,19 @@
2038
2037
  .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname {
2039
2038
  position: relative;
2040
2039
  display: inline-block;
2041
- margin-left: 16px; }
2040
+ margin-left: 16px;
2041
+ max-width: calc(100% - 250px);
2042
+ white-space: nowrap;
2043
+ overflow: hidden;
2044
+ text-overflow: ellipsis; }
2042
2045
  .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id {
2043
2046
  position: absolute;
2044
2047
  display: inline-block;
2045
- right: 16px; }
2048
+ right: 16px;
2049
+ max-width: 180px;
2050
+ white-space: nowrap;
2051
+ overflow: hidden;
2052
+ text-overflow: ellipsis; }
2046
2053
  .sendbird-mention-suggest-list .sendbird-mention-suggest-list__notice-item {
2047
2054
  position: relative;
2048
2055
  display: flex;
@@ -2553,9 +2560,6 @@ p.sendbird-text-message-item-body {
2553
2560
  height: -webkit-fit-content;
2554
2561
  height: -moz-fit-content;
2555
2562
  height: fit-content; }
2556
- .sendbird-word .sendbird-word__mention:hover {
2557
- cursor: pointer; }
2558
- .sendbird-word .sendbird-word__mention,
2559
2563
  .sendbird-word .sendbird-word__url,
2560
2564
  .sendbird-word .sendbird-word__normal {
2561
2565
  display: inline-block; }
@@ -2618,6 +2622,19 @@ p.sendbird-text-message-item-body {
2618
2622
  .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-secondary-3 {
2619
2623
  color: var(--sendbird-dark-secondary-200); }
2620
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
+
2621
2638
  .sendbird-file-message-item-body {
2622
2639
  position: relative;
2623
2640
  display: inline-block;
@@ -3816,7 +3833,6 @@ p.sendbird-og-message-item-body__text-bubble {
3816
3833
  .sendbird-openchannel-conversation .sendbird-openchannel-conversation-scroll-container .sendbird-openchannel-conversation-scroll-padding {
3817
3834
  flex: 1 1 0; }
3818
3835
 
3819
-
3820
3836
  .sendbird-frozen-channel-notification {
3821
3837
  position: relative;
3822
3838
  margin-top: 8px;