@sendbird/uikit-react 3.4.4-rc.2 → 3.4.5-rc.0

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 (552) hide show
  1. package/App.js +47 -42
  2. package/App.js.map +1 -1
  3. package/CHANGELOG.md +87 -5
  4. package/Channel/components/ChannelHeader.js +19 -19
  5. package/Channel/components/ChannelUI.js +39 -35
  6. package/Channel/components/ChannelUI.js.map +1 -1
  7. package/Channel/components/FileViewer.js +15 -15
  8. package/Channel/components/FrozenNotification.js +4 -4
  9. package/Channel/components/Message.js +43 -39
  10. package/Channel/components/Message.js.map +1 -1
  11. package/Channel/components/MessageInput.js +27 -24
  12. package/Channel/components/MessageInput.js.map +1 -1
  13. package/Channel/components/MessageList.js +65 -62
  14. package/Channel/components/MessageList.js.map +1 -1
  15. package/Channel/components/RemoveMessageModal.js +17 -17
  16. package/Channel/components/SuggestedMentionList.js +17 -17
  17. package/Channel/components/TypingIndicator.js +15 -15
  18. package/Channel/components/UnreadCount.js +4 -4
  19. package/Channel/context.js +14 -14
  20. package/Channel.js +40 -35
  21. package/Channel.js.map +1 -1
  22. package/ChannelList/components/AddChannel.js +15 -15
  23. package/ChannelList/components/ChannelListHeader.js +6 -6
  24. package/ChannelList/components/ChannelListUI.js +40 -62
  25. package/ChannelList/components/ChannelListUI.js.map +1 -1
  26. package/ChannelList/components/ChannelPreview.js +26 -26
  27. package/ChannelList/components/ChannelPreviewAction.js +14 -14
  28. package/ChannelList/context.js +8 -8
  29. package/ChannelList.js +30 -30
  30. package/{ChannelListProvider-44e8547a.js → ChannelListProvider-38d1234f.js} +18 -12
  31. package/ChannelListProvider-38d1234f.js.map +1 -0
  32. package/{ChannelProvider-67ab36df.js → ChannelProvider-1e05ac9e.js} +32 -32
  33. package/ChannelProvider-1e05ac9e.js.map +1 -0
  34. package/ChannelSettings/components/ChannelProfile.js +11 -11
  35. package/ChannelSettings/components/ChannelSettingsUI.js +17 -17
  36. package/ChannelSettings/components/EditDetailsModal.js +11 -11
  37. package/ChannelSettings/components/LeaveChannel.js +11 -11
  38. package/ChannelSettings/components/ModerationPanel.js +14 -14
  39. package/ChannelSettings/components/UserListItem.js +10 -10
  40. package/ChannelSettings/components/UserPanel.js +13 -13
  41. package/ChannelSettings/context.js +3 -3
  42. package/ChannelSettings.js +17 -17
  43. package/CreateChannel/components/CreateChannelUI.js +13 -13
  44. package/CreateChannel/components/InviteUsers.js +13 -13
  45. package/CreateChannel/components/SelectChannelType.js +10 -10
  46. package/CreateChannel/context.js +4 -4
  47. package/CreateChannel.js +13 -13
  48. package/{CreateChannelProvider-f1fbf439.js → CreateChannelProvider-3614d73c.js} +1 -1
  49. package/{CreateChannelProvider-f1fbf439.js.map → CreateChannelProvider-3614d73c.js.map} +1 -1
  50. package/CreateOpenChannel/components/CreateOpenChannelUI.js +9 -9
  51. package/CreateOpenChannel/context.js +1 -1
  52. package/CreateOpenChannel.js +9 -9
  53. package/EditUserProfile/components/EditUserProfileUI.js +12 -12
  54. package/EditUserProfile.js +12 -12
  55. package/{LocalizationContext-a20f1269.js → LocalizationContext-34b46c40.js} +3 -3
  56. package/{LocalizationContext-a20f1269.js.map → LocalizationContext-34b46c40.js.map} +1 -1
  57. package/{MediaQueryContext-8db5b11a.js → MediaQueryContext-ce624aa4.js} +1 -1
  58. package/{MediaQueryContext-8db5b11a.js.map → MediaQueryContext-ce624aa4.js.map} +1 -1
  59. package/{MemberList-bb8a12ee.js → MemberList-4de628ca.js} +5 -5
  60. package/{MemberList-bb8a12ee.js.map → MemberList-4de628ca.js.map} +1 -1
  61. package/Message/context.js +30 -0
  62. package/Message/context.js.map +1 -0
  63. package/MessageSearch/components/MessageSearchUI.js +11 -11
  64. package/MessageSearch/context.js +1 -1
  65. package/MessageSearch.js +11 -11
  66. package/OpenChannel/components/FrozenChannelNotification.js +4 -4
  67. package/OpenChannel/components/OpenChannelHeader.js +12 -12
  68. package/OpenChannel/components/OpenChannelInput.js +19 -16
  69. package/OpenChannel/components/OpenChannelInput.js.map +1 -1
  70. package/OpenChannel/components/OpenChannelMessage.js +28 -24
  71. package/OpenChannel/components/OpenChannelMessage.js.map +1 -1
  72. package/OpenChannel/components/OpenChannelMessageList.js +58 -38
  73. package/OpenChannel/components/OpenChannelMessageList.js.map +1 -1
  74. package/OpenChannel/components/OpenChannelUI.js +31 -27
  75. package/OpenChannel/components/OpenChannelUI.js.map +1 -1
  76. package/OpenChannel/context.js +8 -8
  77. package/OpenChannel.js +31 -27
  78. package/OpenChannel.js.map +1 -1
  79. package/OpenChannelList/components/OpenChannelListUI.js +13 -13
  80. package/OpenChannelList/components/OpenChannelPreview.js +4 -4
  81. package/OpenChannelList/context.js +3 -3
  82. package/OpenChannelList.js +13 -13
  83. package/{OpenChannelListProvider-123511bc.js → OpenChannelListProvider-ab54ddfd.js} +3 -3
  84. package/{OpenChannelListProvider-123511bc.js.map → OpenChannelListProvider-ab54ddfd.js.map} +1 -1
  85. package/{OpenChannelProvider-2bc7b16f.js → OpenChannelProvider-801fe2a5.js} +7 -7
  86. package/{OpenChannelProvider-2bc7b16f.js.map → OpenChannelProvider-801fe2a5.js.map} +1 -1
  87. package/OpenChannelSettings/components/EditDetailsModal.js +12 -12
  88. package/OpenChannelSettings/components/OpenChannelProfile.js +12 -12
  89. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  90. package/OpenChannelSettings/components/OperatorUI.js +16 -16
  91. package/OpenChannelSettings/components/ParticipantUI.js +14 -14
  92. package/OpenChannelSettings/context.js +3 -3
  93. package/OpenChannelSettings.js +17 -17
  94. package/README.md +3 -2
  95. package/{RemoveMessageModal-6c854075.js → RemoveMessageModal-73877b13.js} +3 -3
  96. package/{RemoveMessageModal-6c854075.js.map → RemoveMessageModal-73877b13.js.map} +1 -1
  97. package/SendbirdProvider.js +93 -14
  98. package/SendbirdProvider.js.map +1 -1
  99. package/Thread/components/ParentMessageInfo.js +32 -28
  100. package/Thread/components/ParentMessageInfo.js.map +1 -1
  101. package/Thread/components/ParentMessageInfoItem.js +43 -45
  102. package/Thread/components/ParentMessageInfoItem.js.map +1 -1
  103. package/Thread/components/ThreadHeader.js +6 -6
  104. package/Thread/components/ThreadList.js +48 -36
  105. package/Thread/components/ThreadList.js.map +1 -1
  106. package/Thread/components/ThreadListItem.js +34 -30
  107. package/Thread/components/ThreadListItem.js.map +1 -1
  108. package/Thread/components/ThreadMessageInput.js +28 -25
  109. package/Thread/components/ThreadMessageInput.js.map +1 -1
  110. package/Thread/components/ThreadUI.js +66 -58
  111. package/Thread/components/ThreadUI.js.map +1 -1
  112. package/Thread/context.js +8 -8
  113. package/Thread.js +44 -40
  114. package/Thread.js.map +1 -1
  115. package/{ThreadProvider-9b68bbfb.js → ThreadProvider-44c43f8d.js} +7 -7
  116. package/{ThreadProvider-9b68bbfb.js.map → ThreadProvider-44c43f8d.js.map} +1 -1
  117. package/{UserProfileContext-2ee4427e.js → UserProfileContext-3fa0c617.js} +1 -1
  118. package/{UserProfileContext-2ee4427e.js.map → UserProfileContext-3fa0c617.js.map} +1 -1
  119. package/{VoiceMessageInputWrapper-02da58d2.js → VoiceMessageInputWrapper-9e4d2e0f.js} +7 -7
  120. package/{VoiceMessageInputWrapper-02da58d2.js.map → VoiceMessageInputWrapper-9e4d2e0f.js.map} +1 -1
  121. package/VoicePlayer/context.js +3 -3
  122. package/VoicePlayer/useVoicePlayer.js +3 -3
  123. package/VoiceRecorder/context.js +2 -2
  124. package/VoiceRecorder/useVoiceRecorder.js +2 -2
  125. package/{_rollupPluginBabelHelpers-af827563.js → _rollupPluginBabelHelpers-f78972d2.js} +1 -1
  126. package/_rollupPluginBabelHelpers-f78972d2.js.map +1 -0
  127. package/{actionTypes-66152bd7.js → actionTypes-1693ceb3.js} +1 -1
  128. package/{actionTypes-66152bd7.js.map → actionTypes-1693ceb3.js.map} +1 -1
  129. package/cjs/App.js +47 -42
  130. package/cjs/App.js.map +1 -1
  131. package/cjs/Channel/components/ChannelHeader.js +19 -19
  132. package/cjs/Channel/components/ChannelUI.js +39 -35
  133. package/cjs/Channel/components/ChannelUI.js.map +1 -1
  134. package/cjs/Channel/components/FileViewer.js +15 -15
  135. package/cjs/Channel/components/FrozenNotification.js +4 -4
  136. package/cjs/Channel/components/Message.js +43 -39
  137. package/cjs/Channel/components/Message.js.map +1 -1
  138. package/cjs/Channel/components/MessageInput.js +27 -24
  139. package/cjs/Channel/components/MessageInput.js.map +1 -1
  140. package/cjs/Channel/components/MessageList.js +65 -62
  141. package/cjs/Channel/components/MessageList.js.map +1 -1
  142. package/cjs/Channel/components/RemoveMessageModal.js +17 -17
  143. package/cjs/Channel/components/SuggestedMentionList.js +17 -17
  144. package/cjs/Channel/components/TypingIndicator.js +15 -15
  145. package/cjs/Channel/components/UnreadCount.js +4 -4
  146. package/cjs/Channel/context.js +14 -14
  147. package/cjs/Channel.js +40 -35
  148. package/cjs/Channel.js.map +1 -1
  149. package/cjs/ChannelList/components/AddChannel.js +15 -15
  150. package/cjs/ChannelList/components/ChannelListHeader.js +6 -6
  151. package/cjs/ChannelList/components/ChannelListUI.js +39 -61
  152. package/cjs/ChannelList/components/ChannelListUI.js.map +1 -1
  153. package/cjs/ChannelList/components/ChannelPreview.js +26 -26
  154. package/cjs/ChannelList/components/ChannelPreviewAction.js +14 -14
  155. package/cjs/ChannelList/context.js +8 -8
  156. package/cjs/ChannelList.js +30 -30
  157. package/cjs/{ChannelListProvider-6e4fd69f.js → ChannelListProvider-1f84d03b.js} +18 -12
  158. package/cjs/ChannelListProvider-1f84d03b.js.map +1 -0
  159. package/cjs/{ChannelProvider-505d13d6.js → ChannelProvider-5915747e.js} +32 -32
  160. package/cjs/ChannelProvider-5915747e.js.map +1 -0
  161. package/cjs/ChannelSettings/components/ChannelProfile.js +11 -11
  162. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +17 -17
  163. package/cjs/ChannelSettings/components/EditDetailsModal.js +11 -11
  164. package/cjs/ChannelSettings/components/LeaveChannel.js +11 -11
  165. package/cjs/ChannelSettings/components/ModerationPanel.js +14 -14
  166. package/cjs/ChannelSettings/components/UserListItem.js +10 -10
  167. package/cjs/ChannelSettings/components/UserPanel.js +13 -13
  168. package/cjs/ChannelSettings/context.js +3 -3
  169. package/cjs/ChannelSettings.js +17 -17
  170. package/cjs/CreateChannel/components/CreateChannelUI.js +13 -13
  171. package/cjs/CreateChannel/components/InviteUsers.js +13 -13
  172. package/cjs/CreateChannel/components/SelectChannelType.js +10 -10
  173. package/cjs/CreateChannel/context.js +4 -4
  174. package/cjs/CreateChannel.js +13 -13
  175. package/cjs/{CreateChannelProvider-b30a1d70.js → CreateChannelProvider-b0ade226.js} +1 -1
  176. package/cjs/{CreateChannelProvider-b30a1d70.js.map → CreateChannelProvider-b0ade226.js.map} +1 -1
  177. package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js +9 -9
  178. package/cjs/CreateOpenChannel/context.js +1 -1
  179. package/cjs/CreateOpenChannel.js +9 -9
  180. package/cjs/EditUserProfile/components/EditUserProfileUI.js +12 -12
  181. package/cjs/EditUserProfile.js +12 -12
  182. package/cjs/{LocalizationContext-f7972a74.js → LocalizationContext-3fb1efd5.js} +3 -3
  183. package/cjs/{LocalizationContext-f7972a74.js.map → LocalizationContext-3fb1efd5.js.map} +1 -1
  184. package/cjs/{MediaQueryContext-24dc053f.js → MediaQueryContext-9982e73b.js} +1 -1
  185. package/cjs/{MediaQueryContext-24dc053f.js.map → MediaQueryContext-9982e73b.js.map} +1 -1
  186. package/cjs/{MemberList-f7ffe73a.js → MemberList-574bae3f.js} +5 -5
  187. package/cjs/{MemberList-f7ffe73a.js.map → MemberList-574bae3f.js.map} +1 -1
  188. package/cjs/Message/context.js +39 -0
  189. package/cjs/Message/context.js.map +1 -0
  190. package/cjs/MessageSearch/components/MessageSearchUI.js +11 -11
  191. package/cjs/MessageSearch/context.js +1 -1
  192. package/cjs/MessageSearch.js +11 -11
  193. package/cjs/OpenChannel/components/FrozenChannelNotification.js +4 -4
  194. package/cjs/OpenChannel/components/OpenChannelHeader.js +12 -12
  195. package/cjs/OpenChannel/components/OpenChannelInput.js +19 -16
  196. package/cjs/OpenChannel/components/OpenChannelInput.js.map +1 -1
  197. package/cjs/OpenChannel/components/OpenChannelMessage.js +28 -24
  198. package/cjs/OpenChannel/components/OpenChannelMessage.js.map +1 -1
  199. package/cjs/OpenChannel/components/OpenChannelMessageList.js +58 -38
  200. package/cjs/OpenChannel/components/OpenChannelMessageList.js.map +1 -1
  201. package/cjs/OpenChannel/components/OpenChannelUI.js +31 -27
  202. package/cjs/OpenChannel/components/OpenChannelUI.js.map +1 -1
  203. package/cjs/OpenChannel/context.js +8 -8
  204. package/cjs/OpenChannel.js +31 -27
  205. package/cjs/OpenChannel.js.map +1 -1
  206. package/cjs/OpenChannelList/components/OpenChannelListUI.js +13 -13
  207. package/cjs/OpenChannelList/components/OpenChannelPreview.js +4 -4
  208. package/cjs/OpenChannelList/context.js +3 -3
  209. package/cjs/OpenChannelList.js +13 -13
  210. package/cjs/{OpenChannelListProvider-75a84359.js → OpenChannelListProvider-43b94684.js} +3 -3
  211. package/cjs/{OpenChannelListProvider-75a84359.js.map → OpenChannelListProvider-43b94684.js.map} +1 -1
  212. package/cjs/{OpenChannelProvider-c3e900f9.js → OpenChannelProvider-411e1365.js} +7 -7
  213. package/cjs/{OpenChannelProvider-c3e900f9.js.map → OpenChannelProvider-411e1365.js.map} +1 -1
  214. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +12 -12
  215. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +12 -12
  216. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  217. package/cjs/OpenChannelSettings/components/OperatorUI.js +16 -16
  218. package/cjs/OpenChannelSettings/components/ParticipantUI.js +14 -14
  219. package/cjs/OpenChannelSettings/context.js +3 -3
  220. package/cjs/OpenChannelSettings.js +17 -17
  221. package/cjs/{RemoveMessageModal-df4027b8.js → RemoveMessageModal-0c4b41d0.js} +3 -3
  222. package/cjs/{RemoveMessageModal-df4027b8.js.map → RemoveMessageModal-0c4b41d0.js.map} +1 -1
  223. package/cjs/SendbirdProvider.js +92 -13
  224. package/cjs/SendbirdProvider.js.map +1 -1
  225. package/cjs/Thread/components/ParentMessageInfo.js +32 -28
  226. package/cjs/Thread/components/ParentMessageInfo.js.map +1 -1
  227. package/cjs/Thread/components/ParentMessageInfoItem.js +42 -44
  228. package/cjs/Thread/components/ParentMessageInfoItem.js.map +1 -1
  229. package/cjs/Thread/components/ThreadHeader.js +6 -6
  230. package/cjs/Thread/components/ThreadList.js +48 -36
  231. package/cjs/Thread/components/ThreadList.js.map +1 -1
  232. package/cjs/Thread/components/ThreadListItem.js +34 -30
  233. package/cjs/Thread/components/ThreadListItem.js.map +1 -1
  234. package/cjs/Thread/components/ThreadMessageInput.js +28 -25
  235. package/cjs/Thread/components/ThreadMessageInput.js.map +1 -1
  236. package/cjs/Thread/components/ThreadUI.js +67 -59
  237. package/cjs/Thread/components/ThreadUI.js.map +1 -1
  238. package/cjs/Thread/context.js +8 -8
  239. package/cjs/Thread.js +44 -40
  240. package/cjs/Thread.js.map +1 -1
  241. package/cjs/{ThreadProvider-0a0e452d.js → ThreadProvider-73f209d6.js} +7 -7
  242. package/cjs/{ThreadProvider-0a0e452d.js.map → ThreadProvider-73f209d6.js.map} +1 -1
  243. package/cjs/{UserProfileContext-687cb905.js → UserProfileContext-b0b956b8.js} +1 -1
  244. package/cjs/{UserProfileContext-687cb905.js.map → UserProfileContext-b0b956b8.js.map} +1 -1
  245. package/cjs/{VoiceMessageInputWrapper-dba3849c.js → VoiceMessageInputWrapper-2301a9cd.js} +7 -7
  246. package/cjs/{VoiceMessageInputWrapper-dba3849c.js.map → VoiceMessageInputWrapper-2301a9cd.js.map} +1 -1
  247. package/cjs/VoicePlayer/context.js +3 -3
  248. package/cjs/VoicePlayer/useVoicePlayer.js +3 -3
  249. package/cjs/VoiceRecorder/context.js +2 -2
  250. package/cjs/VoiceRecorder/useVoiceRecorder.js +2 -2
  251. package/cjs/{_rollupPluginBabelHelpers-633418dc.js → _rollupPluginBabelHelpers-05716924.js} +1 -1
  252. package/cjs/_rollupPluginBabelHelpers-05716924.js.map +1 -0
  253. package/cjs/{actionTypes-f060bac2.js → actionTypes-de2a8f54.js} +1 -1
  254. package/cjs/{actionTypes-f060bac2.js.map → actionTypes-de2a8f54.js.map} +1 -1
  255. package/cjs/{color-ea4d0fa8.js → color-360107a6.js} +1 -1
  256. package/cjs/{color-ea4d0fa8.js.map → color-360107a6.js.map} +1 -1
  257. package/cjs/{compareIds-2ed18fb9.js → compareIds-c4f938a4.js} +1 -1
  258. package/cjs/{compareIds-2ed18fb9.js.map → compareIds-c4f938a4.js.map} +1 -1
  259. package/cjs/{const-81f175a7.js → const-7ce7d646.js} +1 -1
  260. package/cjs/{const-81f175a7.js.map → const-7ce7d646.js.map} +1 -1
  261. package/cjs/{const-be830118.js → const-893ed415.js} +1 -1
  262. package/cjs/{const-be830118.js.map → const-893ed415.js.map} +1 -1
  263. package/cjs/consts-0b50a0c8.js +6 -0
  264. package/cjs/consts-0b50a0c8.js.map +1 -0
  265. package/cjs/consts-c4097faa.js +6 -0
  266. package/cjs/consts-c4097faa.js.map +1 -0
  267. package/cjs/{consts-a83dba32.js → consts-d9856131.js} +1 -1
  268. package/cjs/{consts-a83dba32.js.map → consts-d9856131.js.map} +1 -1
  269. package/cjs/{consts-d23893f6.js → consts-f5219aa0.js} +1 -1
  270. package/cjs/{consts-d23893f6.js.map → consts-f5219aa0.js.map} +1 -1
  271. package/cjs/{context-443d1d6b.js → context-971dc2dc.js} +2 -2
  272. package/cjs/{context-443d1d6b.js.map → context-971dc2dc.js.map} +1 -1
  273. package/cjs/dist/index.css +175 -167
  274. package/cjs/dist/index.css.map +1 -1
  275. package/cjs/{index-e1a91b28.js → index-046dffba.js} +7 -7
  276. package/cjs/{index-e1a91b28.js.map → index-046dffba.js.map} +1 -1
  277. package/cjs/{index-9713036d.js → index-05458f16.js} +1 -1
  278. package/cjs/{index-9713036d.js.map → index-05458f16.js.map} +1 -1
  279. package/cjs/{index-d0fd1f01.js → index-106dbf0e.js} +2 -2
  280. package/cjs/{index-d0fd1f01.js.map → index-106dbf0e.js.map} +1 -1
  281. package/cjs/{index-dcafe468.js → index-1ebfe279.js} +5 -5
  282. package/cjs/{index-dcafe468.js.map → index-1ebfe279.js.map} +1 -1
  283. package/cjs/{index-10a8fbd5.js → index-2068f053.js} +11 -5
  284. package/cjs/index-2068f053.js.map +1 -0
  285. package/cjs/{index-23bde05e.js → index-27196170.js} +8 -2
  286. package/cjs/index-27196170.js.map +1 -0
  287. package/cjs/{index-d1dfe98d.js → index-3ecf6f1c.js} +1 -1
  288. package/cjs/{index-d1dfe98d.js.map → index-3ecf6f1c.js.map} +1 -1
  289. package/cjs/index-4efda0a3.js +63 -0
  290. package/cjs/index-4efda0a3.js.map +1 -0
  291. package/cjs/{index-e49f1bd9.js → index-4f21cdee.js} +2 -2
  292. package/cjs/{index-e49f1bd9.js.map → index-4f21cdee.js.map} +1 -1
  293. package/cjs/{index-da4faf79.js → index-871938c2.js} +2 -2
  294. package/cjs/{index-da4faf79.js.map → index-871938c2.js.map} +1 -1
  295. package/cjs/{index-2724c042.js → index-95fe4955.js} +4 -4
  296. package/cjs/{index-2724c042.js.map → index-95fe4955.js.map} +1 -1
  297. package/cjs/{index-ec71f9d1.js → index-a981854c.js} +3 -3
  298. package/cjs/{index-ec71f9d1.js.map → index-a981854c.js.map} +1 -1
  299. package/cjs/{index-478a54a0.js → index-b8bcbe2e.js} +3 -3
  300. package/cjs/{index-478a54a0.js.map → index-b8bcbe2e.js.map} +1 -1
  301. package/cjs/{index-adbbfcff.js → index-bd887626.js} +4 -4
  302. package/cjs/{index-adbbfcff.js.map → index-bd887626.js.map} +1 -1
  303. package/cjs/{index-b823e2cf.js → index-d4ad85fe.js} +7 -7
  304. package/cjs/{index-b823e2cf.js.map → index-d4ad85fe.js.map} +1 -1
  305. package/cjs/index.js +55 -51
  306. package/cjs/index.js.map +1 -1
  307. package/cjs/sendbirdSelectors.js +2 -2
  308. package/cjs/{stringSet-b6ce1990.js → stringSet-eba21df4.js} +1 -1
  309. package/cjs/{stringSet-b6ce1990.js.map → stringSet-eba21df4.js.map} +1 -1
  310. package/cjs/tokenize-ca4ac5a1.js +134 -0
  311. package/cjs/tokenize-ca4ac5a1.js.map +1 -0
  312. package/cjs/{topics-4d3495db.js → topics-e4dffa33.js} +1 -1
  313. package/cjs/{topics-4d3495db.js.map → topics-e4dffa33.js.map} +1 -1
  314. package/cjs/{tslib.es6-a4fb9cb5.js → tslib.es6-94d25845.js} +1 -1
  315. package/cjs/{tslib.es6-a4fb9cb5.js.map → tslib.es6-94d25845.js.map} +1 -1
  316. package/cjs/{types-a16555b3.js → types-dd4057f8.js} +1 -1
  317. package/cjs/types-dd4057f8.js.map +1 -0
  318. package/cjs/ui/Accordion.js +3 -3
  319. package/cjs/ui/AccordionGroup.js +2 -2
  320. package/cjs/ui/AdminMessage.js +3 -3
  321. package/cjs/ui/Avatar.js +2 -2
  322. package/cjs/ui/Badge.js +5 -5
  323. package/cjs/ui/BottomSheet.js +1 -1
  324. package/cjs/ui/Button.js +3 -3
  325. package/cjs/ui/ChannelAvatar.js +3 -3
  326. package/cjs/ui/ConnectionStatus.js +4 -4
  327. package/cjs/ui/ContextMenu.js +5 -5
  328. package/cjs/ui/DateSeparator.js +4 -4
  329. package/cjs/ui/EmojiReactions.js +7 -7
  330. package/cjs/ui/FileMessageItemBody.js +6 -6
  331. package/cjs/ui/FileViewer.js +8 -8
  332. package/cjs/ui/IconButton.js +1 -1
  333. package/cjs/ui/ImageRenderer.js +1 -1
  334. package/cjs/ui/Input.js +2 -2
  335. package/cjs/ui/Label.js +2 -2
  336. package/cjs/ui/LinkLabel.js +2 -2
  337. package/cjs/ui/Loader.js +1 -1
  338. package/cjs/ui/MentionLabel.js +12 -11
  339. package/cjs/ui/MentionLabel.js.map +1 -1
  340. package/cjs/ui/MentionUserLabel.js +1 -1
  341. package/cjs/ui/MessageContent.js +29 -25
  342. package/cjs/ui/MessageContent.js.map +1 -1
  343. package/cjs/ui/MessageInput.js +81 -52
  344. package/cjs/ui/MessageInput.js.map +1 -1
  345. package/cjs/ui/MessageItemMenu.js +8 -8
  346. package/cjs/ui/MessageItemReactionMenu.js +5 -5
  347. package/cjs/ui/MessageSearchFileItem.js +10 -10
  348. package/cjs/ui/MessageSearchItem.js +9 -9
  349. package/cjs/ui/MessageStatus.js +10 -10
  350. package/cjs/ui/Modal.js +7 -7
  351. package/cjs/ui/OGMessageItemBody.js +26 -32
  352. package/cjs/ui/OGMessageItemBody.js.map +1 -1
  353. package/cjs/ui/OpenChannelAdminMessage.js +3 -3
  354. package/cjs/ui/OpenChannelAvatar.js +6 -6
  355. package/cjs/ui/OpenchannelConversationHeader.js +6 -6
  356. package/cjs/ui/OpenchannelFileMessage.js +16 -16
  357. package/cjs/ui/OpenchannelOGMessage.js +48 -64
  358. package/cjs/ui/OpenchannelOGMessage.js.map +1 -1
  359. package/cjs/ui/OpenchannelThumbnailMessage.js +15 -15
  360. package/cjs/ui/OpenchannelUserMessage.js +16 -16
  361. package/cjs/ui/PlaceHolder.js +6 -6
  362. package/cjs/ui/PlaybackTime.js +2 -2
  363. package/cjs/ui/QuoteMessage.js +6 -6
  364. package/cjs/ui/QuoteMessageInput.js +6 -6
  365. package/cjs/ui/ReactionBadge.js +3 -3
  366. package/cjs/ui/ReactionButton.js +1 -1
  367. package/cjs/ui/SortByRow.js +2 -2
  368. package/cjs/ui/TextButton.js +2 -2
  369. package/cjs/ui/TextMessageItemBody.js +25 -30
  370. package/cjs/ui/TextMessageItemBody.js.map +1 -1
  371. package/cjs/ui/ThreadReplies.js +6 -6
  372. package/cjs/ui/ThumbnailMessageItemBody.js +2 -2
  373. package/cjs/ui/Tooltip.js +3 -3
  374. package/cjs/ui/TooltipWrapper.js +1 -1
  375. package/cjs/ui/UnknownMessageItemBody.js +6 -6
  376. package/cjs/ui/UserListItem.js +10 -10
  377. package/cjs/ui/UserProfile.js +9 -9
  378. package/cjs/ui/VoiceMessageItemBody.js +5 -5
  379. package/cjs/ui/VoiceMessgeInput.js +8 -8
  380. package/cjs/ui/Word.js +15 -10
  381. package/cjs/ui/Word.js.map +1 -1
  382. package/cjs/{useLongPress-51e0f9b4.js → useLongPress-d8b2586f.js} +3 -3
  383. package/cjs/{useLongPress-51e0f9b4.js.map → useLongPress-d8b2586f.js.map} +1 -1
  384. package/cjs/useSendbirdStateContext.js +1 -1
  385. package/cjs/utils/message/isVoiceMessage.js +2 -2
  386. package/cjs/{utils-c812c88b.js → utils-49414b11.js} +1 -1
  387. package/cjs/{utils-c812c88b.js.map → utils-49414b11.js.map} +1 -1
  388. package/cjs/{utils-c545d55f.js → utils-6584b9f0.js} +1 -1
  389. package/cjs/{utils-c545d55f.js.map → utils-6584b9f0.js.map} +1 -1
  390. package/cjs/{utils-0bf31864.js → utils-7846a174.js} +2 -2
  391. package/cjs/{utils-0bf31864.js.map → utils-7846a174.js.map} +1 -1
  392. package/cjs/{utils-eb9c5b74.js → utils-f294dd80.js} +1 -1
  393. package/cjs/{utils-eb9c5b74.js.map → utils-f294dd80.js.map} +1 -1
  394. package/cjs/{uuid-35ec1f9e.js → uuid-fe1b03cf.js} +1 -1
  395. package/cjs/{uuid-35ec1f9e.js.map → uuid-fe1b03cf.js.map} +1 -1
  396. package/cjs/withSendbird.js +1 -1
  397. package/{color-9914e868.js → color-6e50d9e2.js} +1 -1
  398. package/{color-9914e868.js.map → color-6e50d9e2.js.map} +1 -1
  399. package/{compareIds-5b880a02.js → compareIds-67c3b05b.js} +1 -1
  400. package/{compareIds-5b880a02.js.map → compareIds-67c3b05b.js.map} +1 -1
  401. package/{const-32e76e15.js → const-8c87d265.js} +1 -1
  402. package/{const-32e76e15.js.map → const-8c87d265.js.map} +1 -1
  403. package/{const-193b2cee.js → const-b20d1024.js} +1 -1
  404. package/{const-193b2cee.js.map → const-b20d1024.js.map} +1 -1
  405. package/{consts-7dc2e24e.js → consts-44e40533.js} +1 -1
  406. package/{consts-7dc2e24e.js.map → consts-44e40533.js.map} +1 -1
  407. package/consts-5929bec3.js +4 -0
  408. package/consts-5929bec3.js.map +1 -0
  409. package/{consts-b275d9da.js → consts-5b2caf41.js} +1 -1
  410. package/{consts-b275d9da.js.map → consts-5b2caf41.js.map} +1 -1
  411. package/consts-996c0a58.js +4 -0
  412. package/consts-996c0a58.js.map +1 -0
  413. package/{context-ab07b150.js → context-3ffe9980.js} +2 -2
  414. package/{context-ab07b150.js.map → context-3ffe9980.js.map} +1 -1
  415. package/dist/index.css +175 -167
  416. package/dist/index.css.map +1 -1
  417. package/{index-42429d4a.js → index-055bcae0.js} +2 -2
  418. package/{index-42429d4a.js.map → index-055bcae0.js.map} +1 -1
  419. package/{index-062cd180.js → index-1d770388.js} +3 -3
  420. package/{index-062cd180.js.map → index-1d770388.js.map} +1 -1
  421. package/{index-6438ded6.js → index-26931609.js} +5 -5
  422. package/{index-6438ded6.js.map → index-26931609.js.map} +1 -1
  423. package/{index-a8cc1378.js → index-3ee902ac.js} +8 -3
  424. package/index-3ee902ac.js.map +1 -0
  425. package/{index-b7f11b75.js → index-3fff67da.js} +1 -1
  426. package/{index-b7f11b75.js.map → index-3fff67da.js.map} +1 -1
  427. package/{index-534f3471.js → index-4538a9f1.js} +7 -7
  428. package/{index-534f3471.js.map → index-4538a9f1.js.map} +1 -1
  429. package/{index-b6307eba.js → index-55b1016d.js} +3 -3
  430. package/{index-b6307eba.js.map → index-55b1016d.js.map} +1 -1
  431. package/{index-d9f8424d.js → index-5668e8eb.js} +1 -1
  432. package/{index-d9f8424d.js.map → index-5668e8eb.js.map} +1 -1
  433. package/{index-b377ef7e.js → index-5d8bac74.js} +4 -4
  434. package/{index-b377ef7e.js.map → index-5d8bac74.js.map} +1 -1
  435. package/index-66393faa.js +57 -0
  436. package/index-66393faa.js.map +1 -0
  437. package/{index-8259be1c.js → index-6e6736ec.js} +2 -2
  438. package/{index-8259be1c.js.map → index-6e6736ec.js.map} +1 -1
  439. package/{index-c52afc50.js → index-824e5bc8.js} +11 -5
  440. package/index-824e5bc8.js.map +1 -0
  441. package/{index-214a28eb.js → index-c36339ab.js} +4 -4
  442. package/{index-214a28eb.js.map → index-c36339ab.js.map} +1 -1
  443. package/{index-c19ac1ae.js → index-d5769ac4.js} +7 -7
  444. package/{index-c19ac1ae.js.map → index-d5769ac4.js.map} +1 -1
  445. package/{index-16e0294c.js → index-e34d85fd.js} +2 -2
  446. package/{index-16e0294c.js.map → index-e34d85fd.js.map} +1 -1
  447. package/index.d.ts +28 -1
  448. package/index.js +55 -51
  449. package/index.js.map +1 -1
  450. package/package.json +1 -1
  451. package/sendbirdSelectors.js +2 -2
  452. package/{stringSet-16d76354.js → stringSet-a9c3ac4a.js} +1 -1
  453. package/{stringSet-16d76354.js.map → stringSet-a9c3ac4a.js.map} +1 -1
  454. package/tokenize-63675252.js +130 -0
  455. package/tokenize-63675252.js.map +1 -0
  456. package/{topics-cf8fabf5.js → topics-2a79610f.js} +1 -1
  457. package/{topics-cf8fabf5.js.map → topics-2a79610f.js.map} +1 -1
  458. package/{tslib.es6-21874629.js → tslib.es6-bb0710b6.js} +1 -1
  459. package/{tslib.es6-21874629.js.map → tslib.es6-bb0710b6.js.map} +1 -1
  460. package/{types-39cccb67.js → types-27a6a112.js} +1 -1
  461. package/types-27a6a112.js.map +1 -0
  462. package/ui/Accordion.js +3 -3
  463. package/ui/AccordionGroup.js +2 -2
  464. package/ui/AdminMessage.js +3 -3
  465. package/ui/Avatar.js +2 -2
  466. package/ui/Badge.js +5 -5
  467. package/ui/BottomSheet.js +1 -1
  468. package/ui/Button.js +3 -3
  469. package/ui/ChannelAvatar.js +3 -3
  470. package/ui/ConnectionStatus.js +4 -4
  471. package/ui/ContextMenu.js +5 -5
  472. package/ui/DateSeparator.js +4 -4
  473. package/ui/EmojiReactions.js +7 -7
  474. package/ui/FileMessageItemBody.js +6 -6
  475. package/ui/FileViewer.js +8 -8
  476. package/ui/IconButton.js +1 -1
  477. package/ui/ImageRenderer.js +1 -1
  478. package/ui/Input.js +2 -2
  479. package/ui/Label.js +2 -2
  480. package/ui/LinkLabel.js +2 -2
  481. package/ui/Loader.js +1 -1
  482. package/ui/MentionLabel.js +12 -11
  483. package/ui/MentionLabel.js.map +1 -1
  484. package/ui/MentionUserLabel.js +1 -1
  485. package/ui/MessageContent.js +29 -25
  486. package/ui/MessageContent.js.map +1 -1
  487. package/ui/MessageInput.js +81 -52
  488. package/ui/MessageInput.js.map +1 -1
  489. package/ui/MessageItemMenu.js +8 -8
  490. package/ui/MessageItemReactionMenu.js +5 -5
  491. package/ui/MessageSearchFileItem.js +10 -10
  492. package/ui/MessageSearchItem.js +9 -9
  493. package/ui/MessageStatus.js +10 -10
  494. package/ui/Modal.js +7 -7
  495. package/ui/OGMessageItemBody.js +26 -32
  496. package/ui/OGMessageItemBody.js.map +1 -1
  497. package/ui/OpenChannelAdminMessage.js +3 -3
  498. package/ui/OpenChannelAvatar.js +6 -6
  499. package/ui/OpenchannelConversationHeader.js +6 -6
  500. package/ui/OpenchannelFileMessage.js +16 -16
  501. package/ui/OpenchannelOGMessage.js +48 -64
  502. package/ui/OpenchannelOGMessage.js.map +1 -1
  503. package/ui/OpenchannelThumbnailMessage.js +15 -15
  504. package/ui/OpenchannelUserMessage.js +16 -16
  505. package/ui/PlaceHolder.js +6 -6
  506. package/ui/PlaybackTime.js +2 -2
  507. package/ui/QuoteMessage.js +6 -6
  508. package/ui/QuoteMessageInput.js +6 -6
  509. package/ui/ReactionBadge.js +3 -3
  510. package/ui/ReactionButton.js +1 -1
  511. package/ui/SortByRow.js +2 -2
  512. package/ui/TextButton.js +2 -2
  513. package/ui/TextMessageItemBody.js +25 -30
  514. package/ui/TextMessageItemBody.js.map +1 -1
  515. package/ui/ThreadReplies.js +6 -6
  516. package/ui/ThumbnailMessageItemBody.js +2 -2
  517. package/ui/Tooltip.js +3 -3
  518. package/ui/TooltipWrapper.js +1 -1
  519. package/ui/UnknownMessageItemBody.js +6 -6
  520. package/ui/UserListItem.js +10 -10
  521. package/ui/UserProfile.js +9 -9
  522. package/ui/VoiceMessageItemBody.js +5 -5
  523. package/ui/VoiceMessgeInput.js +8 -8
  524. package/ui/Word.js +15 -10
  525. package/ui/Word.js.map +1 -1
  526. package/{useLongPress-c49de8aa.js → useLongPress-7504e5b8.js} +3 -3
  527. package/{useLongPress-c49de8aa.js.map → useLongPress-7504e5b8.js.map} +1 -1
  528. package/useSendbirdStateContext.js +1 -1
  529. package/utils/message/isVoiceMessage.js +2 -2
  530. package/{utils-2571a443.js → utils-1789e6d0.js} +1 -1
  531. package/{utils-2571a443.js.map → utils-1789e6d0.js.map} +1 -1
  532. package/{utils-3e63a59c.js → utils-3ba27c29.js} +1 -1
  533. package/{utils-3e63a59c.js.map → utils-3ba27c29.js.map} +1 -1
  534. package/{utils-8767edbc.js → utils-3c4b1dd1.js} +2 -2
  535. package/{utils-8767edbc.js.map → utils-3c4b1dd1.js.map} +1 -1
  536. package/{utils-369f1bd4.js → utils-8318012f.js} +1 -1
  537. package/{utils-369f1bd4.js.map → utils-8318012f.js.map} +1 -1
  538. package/{uuid-cf6716cb.js → uuid-9ea19939.js} +1 -1
  539. package/{uuid-cf6716cb.js.map → uuid-9ea19939.js.map} +1 -1
  540. package/withSendbird.js +1 -1
  541. package/ChannelListProvider-44e8547a.js.map +0 -1
  542. package/ChannelProvider-67ab36df.js.map +0 -1
  543. package/_rollupPluginBabelHelpers-af827563.js.map +0 -1
  544. package/cjs/ChannelListProvider-6e4fd69f.js.map +0 -1
  545. package/cjs/ChannelProvider-505d13d6.js.map +0 -1
  546. package/cjs/_rollupPluginBabelHelpers-633418dc.js.map +0 -1
  547. package/cjs/index-10a8fbd5.js.map +0 -1
  548. package/cjs/index-23bde05e.js.map +0 -1
  549. package/cjs/types-a16555b3.js.map +0 -1
  550. package/index-a8cc1378.js.map +0 -1
  551. package/index-c52afc50.js.map +0 -1
  552. package/types-39cccb67.js.map +0 -1
package/cjs/dist/index.css CHANGED
@@ -58,124 +58,108 @@
58
58
  .sendbird-theme--dark .sendbird-openchannel-conversation-header__left__cover-image--icon {
59
59
  background-color: var(--sendbird-dark-background-300);
60
60
  }
61
- .sendbird-open-channel-preview {
61
+ .sendbird-word {
62
+ display: inline;
63
+ height: -moz-fit-content;
64
+ height: fit-content;
65
+ }
66
+ .sendbird-word .sendbird-word__url,
67
+ .sendbird-word .sendbird-word__normal {
68
+ margin-right: 4px;
69
+ display: inline-block;
70
+ color: inherit;
71
+ }
72
+ .sendbird-open-channel-list,
73
+ .sendbird-open-channel-list-ui {
62
74
  position: relative;
63
75
  display: inline-flex;
64
- flex-direction: row;
65
- width: 264px;
66
- height: 58px;
67
- min-width: 264px;
68
- min-height: 58px;
76
+ flex-direction: column;
77
+ width: 256px;
78
+ min-width: 256px;
79
+ height: 100%;
69
80
  box-sizing: border-box;
70
81
  }
71
- .sendbird--mobile-mode .sendbird-open-channel-preview {
82
+ .sendbird--mobile-mode .sendbird-open-channel-list,
83
+ .sendbird--mobile-mode .sendbird-open-channel-list-ui {
72
84
  width: 100%;
73
85
  }
74
- .sendbird-theme--light .sendbird-open-channel-preview {
75
- background-color: var(--sendbird-light-background-50);
76
- border-bottom: solid 1px var(--sendbird-light-onlight-04);
77
- }
78
- .sendbird-theme--dark .sendbird-open-channel-preview {
79
- background-color: var(--sendbird-dark-background-600);
80
- border-bottom: solid 1px var(--sendbird-dark-ondark-04);
86
+ .sendbird-theme--light .sendbird-open-channel-list,
87
+ .sendbird-theme--light .sendbird-open-channel-list-ui {
88
+ border-right: solid 1px var(--sendbird-light-onlight-04);
81
89
  }
82
- .sendbird-theme--light .sendbird-open-channel-preview:hover {
83
- background-color: var(--sendbird-light-background-100);
90
+ .sendbird-theme--dark .sendbird-open-channel-list,
91
+ .sendbird-theme--dark .sendbird-open-channel-list-ui {
92
+ border-right: solid 1px var(--sendbird-dark-ondark-04);
84
93
  }
85
- .sendbird-theme--dark .sendbird-open-channel-preview:hover {
86
- background-color: var(--sendbird-dark-background-500);
94
+ .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
95
+ .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
96
+ position: relative;
97
+ display: inline-flex;
98
+ flex-direction: row;
99
+ align-items: center;
100
+ width: 100%;
101
+ height: 64px;
102
+ box-sizing: border-box;
87
103
  }
88
- .sendbird-theme--light .sendbird-open-channel-preview.selected {
89
- background-color: var(--sendbird-light-primary-100);
90
- border-left: solid 4px var(--sendbird-light-primary-300);
104
+ .sendbird-theme--light .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
105
+ .sendbird-theme--light .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
106
+ border-bottom: solid 1px var(--sendbird-light-onlight-04);
91
107
  }
92
- .sendbird-theme--dark .sendbird-open-channel-preview.selected {
93
- background-color: var(--sendbird-dark-primary-300);
94
- border-left: solid 4px var(--sendbird-dark-primary-200);
108
+ .sendbird-theme--dark .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
109
+ .sendbird-theme--dark .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
110
+ border-bottom: solid 1px var(--sendbird-dark-ondark-04);
95
111
  }
96
- .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image {
112
+ .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title,
113
+ .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title {
97
114
  position: relative;
98
- margin-top: 8px;
99
- margin-left: 16px;
115
+ margin-left: 24px;
100
116
  display: inline-flex;
101
117
  align-items: center;
102
- justify-content: center;
103
- width: 42px;
104
- height: 42px;
105
118
  box-sizing: border-box;
106
119
  }
107
- .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar,
108
- .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar--default {
109
- position: relative;
120
+ .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh,
121
+ .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh {
122
+ position: absolute;
123
+ top: 16px;
124
+ right: 56px;
110
125
  display: inline-flex;
111
126
  align-items: center;
112
127
  justify-content: center;
113
128
  box-sizing: border-box;
114
129
  }
115
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context {
116
- position: relative;
117
- margin-top: 8px;
118
- margin-left: 16px;
130
+ .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel,
131
+ .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel {
132
+ position: absolute;
133
+ top: 16px;
134
+ right: 16px;
119
135
  display: inline-flex;
120
- flex-direction: column;
121
- max-width: 178px;
136
+ align-items: center;
137
+ justify-content: center;
122
138
  box-sizing: border-box;
123
139
  }
124
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title {
140
+ .sendbird-open-channel-list .sendbird-open-channel-list-ui__channel-list,
141
+ .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__channel-list {
125
142
  position: relative;
126
143
  display: inline-flex;
127
- flex-direction: row;
128
- align-items: center;
144
+ flex-direction: column;
129
145
  width: 100%;
130
- height: 16px;
131
- box-sizing: border-box;
132
- }
133
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name {
134
- position: relative;
135
- display: inline-block;
136
- max-width: 100%;
137
- height: 100%;
146
+ height: calc(100% - 64px);
138
147
  box-sizing: border-box;
139
- overflow-x: hidden;
140
- text-overflow: ellipsis;
141
- word-break: keep-all;
142
- }
143
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name.frozen {
144
- max-width: calc(100% - 20px);
145
- }
146
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen {
147
- position: relative;
148
- margin-left: 4px;
149
- display: inline-flex;
148
+ overflow-y: scroll;
150
149
  }
151
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants {
150
+
151
+ .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
152
152
  position: relative;
153
- margin-top: 8px;
153
+ min-height: 62px;
154
154
  display: inline-flex;
155
- flex-direction: row;
156
155
  align-items: center;
157
- width: 100%;
158
- height: 14px;
159
- box-sizing: border-box;
156
+ justify-content: center;
160
157
  }
161
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__icon {
162
- position: relative;
163
- display: inline-flex;
164
- width: 14px;
165
- height: 14px;
166
- box-sizing: border-box;
158
+ .sendbird-theme--light .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
159
+ background-color: var(--sendbird-light-background-100);
167
160
  }
168
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count {
169
- position: relative;
170
- margin-left: 4px;
171
- display: inline-flex;
172
- width: 160px;
173
- max-width: 160px;
174
- height: 12px;
175
- box-sizing: border-box;
176
- overflow-x: hidden;
177
- text-overflow: ellipsis;
178
- word-break: keep-all;
161
+ .sendbird-theme--dark .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
162
+ background-color: var(--sendbird-dark-background-500);
179
163
  }
180
164
  .sendbird-create-open-channel-ui {
181
165
  position: relative;
@@ -232,97 +216,124 @@
232
216
  display: inline-flex;
233
217
  flex-direction: row;
234
218
  }
235
- .sendbird-open-channel-list,
236
- .sendbird-open-channel-list-ui {
219
+ .sendbird-open-channel-preview {
237
220
  position: relative;
238
221
  display: inline-flex;
239
- flex-direction: column;
240
- width: 256px;
241
- min-width: 256px;
242
- height: 100%;
222
+ flex-direction: row;
223
+ width: 264px;
224
+ height: 58px;
225
+ min-width: 264px;
226
+ min-height: 58px;
243
227
  box-sizing: border-box;
244
228
  }
245
- .sendbird--mobile-mode .sendbird-open-channel-list,
246
- .sendbird--mobile-mode .sendbird-open-channel-list-ui {
229
+ .sendbird--mobile-mode .sendbird-open-channel-preview {
247
230
  width: 100%;
248
231
  }
249
- .sendbird-theme--light .sendbird-open-channel-list,
250
- .sendbird-theme--light .sendbird-open-channel-list-ui {
251
- border-right: solid 1px var(--sendbird-light-onlight-04);
232
+ .sendbird-theme--light .sendbird-open-channel-preview {
233
+ background-color: var(--sendbird-light-background-50);
234
+ border-bottom: solid 1px var(--sendbird-light-onlight-04);
252
235
  }
253
- .sendbird-theme--dark .sendbird-open-channel-list,
254
- .sendbird-theme--dark .sendbird-open-channel-list-ui {
255
- border-right: solid 1px var(--sendbird-dark-ondark-04);
236
+ .sendbird-theme--dark .sendbird-open-channel-preview {
237
+ background-color: var(--sendbird-dark-background-600);
238
+ border-bottom: solid 1px var(--sendbird-dark-ondark-04);
256
239
  }
257
- .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
258
- .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
259
- position: relative;
260
- display: inline-flex;
261
- flex-direction: row;
262
- align-items: center;
263
- width: 100%;
264
- height: 64px;
265
- box-sizing: border-box;
240
+ .sendbird-theme--light .sendbird-open-channel-preview:hover {
241
+ background-color: var(--sendbird-light-background-100);
266
242
  }
267
- .sendbird-theme--light .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
268
- .sendbird-theme--light .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
269
- border-bottom: solid 1px var(--sendbird-light-onlight-04);
243
+ .sendbird-theme--dark .sendbird-open-channel-preview:hover {
244
+ background-color: var(--sendbird-dark-background-500);
270
245
  }
271
- .sendbird-theme--dark .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
272
- .sendbird-theme--dark .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
273
- border-bottom: solid 1px var(--sendbird-dark-ondark-04);
246
+ .sendbird-theme--light .sendbird-open-channel-preview.selected {
247
+ background-color: var(--sendbird-light-primary-100);
248
+ border-left: solid 4px var(--sendbird-light-primary-300);
274
249
  }
275
- .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title,
276
- .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title {
250
+ .sendbird-theme--dark .sendbird-open-channel-preview.selected {
251
+ background-color: var(--sendbird-dark-primary-300);
252
+ border-left: solid 4px var(--sendbird-dark-primary-200);
253
+ }
254
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image {
277
255
  position: relative;
278
- margin-left: 24px;
256
+ margin-top: 8px;
257
+ margin-left: 16px;
279
258
  display: inline-flex;
280
259
  align-items: center;
260
+ justify-content: center;
261
+ width: 42px;
262
+ height: 42px;
281
263
  box-sizing: border-box;
282
264
  }
283
- .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh,
284
- .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh {
285
- position: absolute;
286
- top: 16px;
287
- right: 56px;
265
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar,
266
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar--default {
267
+ position: relative;
288
268
  display: inline-flex;
289
269
  align-items: center;
290
270
  justify-content: center;
291
271
  box-sizing: border-box;
292
272
  }
293
- .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel,
294
- .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel {
295
- position: absolute;
296
- top: 16px;
297
- right: 16px;
273
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context {
274
+ position: relative;
275
+ margin-top: 8px;
276
+ margin-left: 16px;
298
277
  display: inline-flex;
299
- align-items: center;
300
- justify-content: center;
278
+ flex-direction: column;
279
+ max-width: 178px;
301
280
  box-sizing: border-box;
302
281
  }
303
- .sendbird-open-channel-list .sendbird-open-channel-list-ui__channel-list,
304
- .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__channel-list {
282
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title {
305
283
  position: relative;
306
284
  display: inline-flex;
307
- flex-direction: column;
285
+ flex-direction: row;
286
+ align-items: center;
308
287
  width: 100%;
309
- height: calc(100% - 64px);
288
+ height: 16px;
310
289
  box-sizing: border-box;
311
- overflow-y: scroll;
312
290
  }
313
-
314
- .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
291
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name {
315
292
  position: relative;
316
- min-height: 62px;
293
+ display: inline-block;
294
+ max-width: 100%;
295
+ height: 100%;
296
+ box-sizing: border-box;
297
+ overflow-x: hidden;
298
+ text-overflow: ellipsis;
299
+ word-break: keep-all;
300
+ }
301
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name.frozen {
302
+ max-width: calc(100% - 20px);
303
+ }
304
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen {
305
+ position: relative;
306
+ margin-left: 4px;
317
307
  display: inline-flex;
308
+ }
309
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants {
310
+ position: relative;
311
+ margin-top: 8px;
312
+ display: inline-flex;
313
+ flex-direction: row;
318
314
  align-items: center;
319
- justify-content: center;
315
+ width: 100%;
316
+ height: 14px;
317
+ box-sizing: border-box;
320
318
  }
321
- .sendbird-theme--light .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
322
- background-color: var(--sendbird-light-background-100);
319
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__icon {
320
+ position: relative;
321
+ display: inline-flex;
322
+ width: 14px;
323
+ height: 14px;
324
+ box-sizing: border-box;
323
325
  }
324
- .sendbird-theme--dark .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
325
- background-color: var(--sendbird-dark-background-500);
326
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count {
327
+ position: relative;
328
+ margin-left: 4px;
329
+ display: inline-flex;
330
+ width: 160px;
331
+ max-width: 160px;
332
+ height: 12px;
333
+ box-sizing: border-box;
334
+ overflow-x: hidden;
335
+ text-overflow: ellipsis;
336
+ word-break: keep-all;
326
337
  }
327
338
  @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap");
328
339
  :root {
@@ -3335,16 +3346,25 @@ div.sendbird-text-message-item-body {
3335
3346
  margin: 0px;
3336
3347
  }
3337
3348
  .sendbird-word {
3338
- display: inline;
3339
- margin-right: 4px;
3340
- height: -moz-fit-content;
3341
- height: fit-content;
3342
- white-space: nowrap;
3349
+ white-space: break-spaces;
3343
3350
  }
3344
- .sendbird-word .sendbird-word__url,
3345
- .sendbird-word .sendbird-word__normal {
3351
+ .sendbird-word .sendbird-word__mention {
3346
3352
  display: inline-block;
3347
- color: inherit;
3353
+ }
3354
+ .sendbird-word .sendbird-word__mention:hover {
3355
+ cursor: pointer;
3356
+ }
3357
+ .sendbird-theme--light .sendbird-word .sendbird-word__mention.sendbird-word__mention--me {
3358
+ background-color: var(--sendbird-highlight-100);
3359
+ }
3360
+ .sendbird-theme--dark .sendbird-word .sendbird-word__mention.sendbird-word__mention--me {
3361
+ background-color: var(--sendbird-highlight-100);
3362
+ }
3363
+ .sendbird-theme--light .sendbird-word .sendbird-word__mention.sendbird-word__mention--me .sendbird-label {
3364
+ color: var(--sendbird-light-onlight-01);
3365
+ }
3366
+ .sendbird-theme--dark .sendbird-word .sendbird-word__mention.sendbird-word__mention--me .sendbird-label {
3367
+ color: var(--sendbird-dark-onlight-01);
3348
3368
  }
3349
3369
  .sendbird-link-label {
3350
3370
  text-decoration: unset;
@@ -3415,24 +3435,6 @@ div.sendbird-text-message-item-body {
3415
3435
  .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-secondary-3 {
3416
3436
  color: var(--sendbird-dark-secondary-200);
3417
3437
  }
3418
- .sendbird-word .sendbird-word__mention {
3419
- display: inline-block;
3420
- }
3421
- .sendbird-word .sendbird-word__mention:hover {
3422
- cursor: pointer;
3423
- }
3424
- .sendbird-theme--light .sendbird-word .sendbird-word__mention.sendbird-word__mention--me {
3425
- background-color: var(--sendbird-highlight-100);
3426
- }
3427
- .sendbird-theme--dark .sendbird-word .sendbird-word__mention.sendbird-word__mention--me {
3428
- background-color: var(--sendbird-highlight-100);
3429
- }
3430
- .sendbird-theme--light .sendbird-word .sendbird-word__mention.sendbird-word__mention--me .sendbird-label {
3431
- color: var(--sendbird-light-onlight-01);
3432
- }
3433
- .sendbird-theme--dark .sendbird-word .sendbird-word__mention.sendbird-word__mention--me .sendbird-label {
3434
- color: var(--sendbird-dark-onlight-01);
3435
- }
3436
3438
  .sendbird-file-message-item-body {
3437
3439
  position: relative;
3438
3440
  display: inline-block;
@@ -5520,6 +5522,12 @@ div.sendbird-og-message-item-body__text-bubble {
5520
5522
  .sendbird-theme--dark .sendbird-thread-ui__parent-message-info {
5521
5523
  border-top: 1px solid var(--sendbird-dark-ondark-04);
5522
5524
  }
5525
+ .sendbird-theme--light .sendbird-thread-ui__parent-message-info .sendbird-word__mention .sendbird-label {
5526
+ color: var(--sendbird-light-onlight-01);
5527
+ }
5528
+ .sendbird-theme--dark .sendbird-thread-ui__parent-message-info .sendbird-word__mention .sendbird-label {
5529
+ color: var(--sendbird-dark-ondark-01);
5530
+ }
5523
5531
 
5524
5532
  .sendbird-thread-ui__reply-counts {
5525
5533
  position: relative;