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

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 (467) hide show
  1. package/App.js +40 -40
  2. package/CHANGELOG.md +7 -5
  3. package/Channel/components/ChannelHeader.js +19 -19
  4. package/Channel/components/ChannelUI.js +33 -33
  5. package/Channel/components/FileViewer.js +15 -15
  6. package/Channel/components/FrozenNotification.js +4 -4
  7. package/Channel/components/Message.js +28 -28
  8. package/Channel/components/MessageInput.js +24 -24
  9. package/Channel/components/MessageList.js +29 -29
  10. package/Channel/components/RemoveMessageModal.js +17 -17
  11. package/Channel/components/SuggestedMentionList.js +17 -17
  12. package/Channel/components/TypingIndicator.js +15 -15
  13. package/Channel/components/UnreadCount.js +4 -4
  14. package/Channel/context.js +14 -14
  15. package/Channel.js +33 -33
  16. package/ChannelList/components/AddChannel.js +15 -15
  17. package/ChannelList/components/ChannelListHeader.js +6 -6
  18. package/ChannelList/components/ChannelListUI.js +30 -30
  19. package/ChannelList/components/ChannelPreview.js +26 -26
  20. package/ChannelList/components/ChannelPreviewAction.js +14 -14
  21. package/ChannelList/context.js +8 -8
  22. package/ChannelList.js +30 -30
  23. package/{ChannelListProvider-44e8547a.js → ChannelListProvider-3c107fc7.js} +8 -8
  24. package/{ChannelListProvider-44e8547a.js.map → ChannelListProvider-3c107fc7.js.map} +1 -1
  25. package/{ChannelProvider-67ab36df.js → ChannelProvider-28639e83.js} +10 -10
  26. package/{ChannelProvider-67ab36df.js.map → ChannelProvider-28639e83.js.map} +1 -1
  27. package/ChannelSettings/components/ChannelProfile.js +11 -11
  28. package/ChannelSettings/components/ChannelSettingsUI.js +17 -17
  29. package/ChannelSettings/components/EditDetailsModal.js +11 -11
  30. package/ChannelSettings/components/LeaveChannel.js +11 -11
  31. package/ChannelSettings/components/ModerationPanel.js +14 -14
  32. package/ChannelSettings/components/UserListItem.js +10 -10
  33. package/ChannelSettings/components/UserPanel.js +13 -13
  34. package/ChannelSettings/context.js +3 -3
  35. package/ChannelSettings.js +17 -17
  36. package/CreateChannel/components/CreateChannelUI.js +13 -13
  37. package/CreateChannel/components/InviteUsers.js +13 -13
  38. package/CreateChannel/components/SelectChannelType.js +10 -10
  39. package/CreateChannel/context.js +4 -4
  40. package/CreateChannel.js +13 -13
  41. package/{CreateChannelProvider-f1fbf439.js → CreateChannelProvider-09772304.js} +1 -1
  42. package/{CreateChannelProvider-f1fbf439.js.map → CreateChannelProvider-09772304.js.map} +1 -1
  43. package/CreateOpenChannel/components/CreateOpenChannelUI.js +9 -9
  44. package/CreateOpenChannel/context.js +1 -1
  45. package/CreateOpenChannel.js +9 -9
  46. package/EditUserProfile/components/EditUserProfileUI.js +12 -12
  47. package/EditUserProfile.js +12 -12
  48. package/{LocalizationContext-a20f1269.js → LocalizationContext-ef72d4b1.js} +3 -3
  49. package/{LocalizationContext-a20f1269.js.map → LocalizationContext-ef72d4b1.js.map} +1 -1
  50. package/{MediaQueryContext-8db5b11a.js → MediaQueryContext-683c7242.js} +1 -1
  51. package/{MediaQueryContext-8db5b11a.js.map → MediaQueryContext-683c7242.js.map} +1 -1
  52. package/{MemberList-bb8a12ee.js → MemberList-0bc3ff4a.js} +5 -5
  53. package/{MemberList-bb8a12ee.js.map → MemberList-0bc3ff4a.js.map} +1 -1
  54. package/MessageSearch/components/MessageSearchUI.js +11 -11
  55. package/MessageSearch/context.js +1 -1
  56. package/MessageSearch.js +11 -11
  57. package/OpenChannel/components/FrozenChannelNotification.js +4 -4
  58. package/OpenChannel/components/OpenChannelHeader.js +12 -12
  59. package/OpenChannel/components/OpenChannelInput.js +16 -16
  60. package/OpenChannel/components/OpenChannelMessage.js +23 -23
  61. package/OpenChannel/components/OpenChannelMessageList.js +26 -26
  62. package/OpenChannel/components/OpenChannelUI.js +26 -26
  63. package/OpenChannel/context.js +8 -8
  64. package/OpenChannel.js +26 -26
  65. package/OpenChannelList/components/OpenChannelListUI.js +13 -13
  66. package/OpenChannelList/components/OpenChannelPreview.js +4 -4
  67. package/OpenChannelList/context.js +3 -3
  68. package/OpenChannelList.js +13 -13
  69. package/{OpenChannelListProvider-123511bc.js → OpenChannelListProvider-e5246224.js} +3 -3
  70. package/{OpenChannelListProvider-123511bc.js.map → OpenChannelListProvider-e5246224.js.map} +1 -1
  71. package/{OpenChannelProvider-2bc7b16f.js → OpenChannelProvider-c5952f33.js} +7 -7
  72. package/{OpenChannelProvider-2bc7b16f.js.map → OpenChannelProvider-c5952f33.js.map} +1 -1
  73. package/OpenChannelSettings/components/EditDetailsModal.js +12 -12
  74. package/OpenChannelSettings/components/OpenChannelProfile.js +12 -12
  75. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  76. package/OpenChannelSettings/components/OperatorUI.js +16 -16
  77. package/OpenChannelSettings/components/ParticipantUI.js +14 -14
  78. package/OpenChannelSettings/context.js +3 -3
  79. package/OpenChannelSettings.js +17 -17
  80. package/{RemoveMessageModal-6c854075.js → RemoveMessageModal-63a8b079.js} +3 -3
  81. package/{RemoveMessageModal-6c854075.js.map → RemoveMessageModal-63a8b079.js.map} +1 -1
  82. package/SendbirdProvider.js +12 -12
  83. package/SendbirdProvider.js.map +1 -1
  84. package/Thread/components/ParentMessageInfo.js +25 -25
  85. package/Thread/components/ParentMessageInfoItem.js +15 -15
  86. package/Thread/components/ThreadHeader.js +6 -6
  87. package/Thread/components/ThreadList.js +28 -28
  88. package/Thread/components/ThreadListItem.js +28 -28
  89. package/Thread/components/ThreadMessageInput.js +25 -25
  90. package/Thread/components/ThreadUI.js +32 -32
  91. package/Thread/context.js +8 -8
  92. package/Thread.js +32 -32
  93. package/{ThreadProvider-9b68bbfb.js → ThreadProvider-435a6f11.js} +7 -7
  94. package/{ThreadProvider-9b68bbfb.js.map → ThreadProvider-435a6f11.js.map} +1 -1
  95. package/{UserProfileContext-2ee4427e.js → UserProfileContext-5d7c5f9f.js} +1 -1
  96. package/{UserProfileContext-2ee4427e.js.map → UserProfileContext-5d7c5f9f.js.map} +1 -1
  97. package/{VoiceMessageInputWrapper-02da58d2.js → VoiceMessageInputWrapper-8a9dda68.js} +7 -7
  98. package/{VoiceMessageInputWrapper-02da58d2.js.map → VoiceMessageInputWrapper-8a9dda68.js.map} +1 -1
  99. package/VoicePlayer/context.js +3 -3
  100. package/VoicePlayer/useVoicePlayer.js +3 -3
  101. package/VoiceRecorder/context.js +2 -2
  102. package/VoiceRecorder/useVoiceRecorder.js +2 -2
  103. package/{_rollupPluginBabelHelpers-af827563.js → _rollupPluginBabelHelpers-37cba0d6.js} +1 -1
  104. package/_rollupPluginBabelHelpers-37cba0d6.js.map +1 -0
  105. package/{actionTypes-66152bd7.js → actionTypes-80e9dbe4.js} +1 -1
  106. package/{actionTypes-66152bd7.js.map → actionTypes-80e9dbe4.js.map} +1 -1
  107. package/cjs/App.js +40 -40
  108. package/cjs/Channel/components/ChannelHeader.js +19 -19
  109. package/cjs/Channel/components/ChannelUI.js +33 -33
  110. package/cjs/Channel/components/FileViewer.js +15 -15
  111. package/cjs/Channel/components/FrozenNotification.js +4 -4
  112. package/cjs/Channel/components/Message.js +28 -28
  113. package/cjs/Channel/components/MessageInput.js +24 -24
  114. package/cjs/Channel/components/MessageList.js +29 -29
  115. package/cjs/Channel/components/RemoveMessageModal.js +17 -17
  116. package/cjs/Channel/components/SuggestedMentionList.js +17 -17
  117. package/cjs/Channel/components/TypingIndicator.js +15 -15
  118. package/cjs/Channel/components/UnreadCount.js +4 -4
  119. package/cjs/Channel/context.js +14 -14
  120. package/cjs/Channel.js +33 -33
  121. package/cjs/ChannelList/components/AddChannel.js +15 -15
  122. package/cjs/ChannelList/components/ChannelListHeader.js +6 -6
  123. package/cjs/ChannelList/components/ChannelListUI.js +30 -30
  124. package/cjs/ChannelList/components/ChannelPreview.js +26 -26
  125. package/cjs/ChannelList/components/ChannelPreviewAction.js +14 -14
  126. package/cjs/ChannelList/context.js +8 -8
  127. package/cjs/ChannelList.js +30 -30
  128. package/cjs/{ChannelListProvider-6e4fd69f.js → ChannelListProvider-b7ffadf7.js} +8 -8
  129. package/cjs/{ChannelListProvider-6e4fd69f.js.map → ChannelListProvider-b7ffadf7.js.map} +1 -1
  130. package/cjs/{ChannelProvider-505d13d6.js → ChannelProvider-b963c72c.js} +10 -10
  131. package/cjs/{ChannelProvider-505d13d6.js.map → ChannelProvider-b963c72c.js.map} +1 -1
  132. package/cjs/ChannelSettings/components/ChannelProfile.js +11 -11
  133. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +17 -17
  134. package/cjs/ChannelSettings/components/EditDetailsModal.js +11 -11
  135. package/cjs/ChannelSettings/components/LeaveChannel.js +11 -11
  136. package/cjs/ChannelSettings/components/ModerationPanel.js +14 -14
  137. package/cjs/ChannelSettings/components/UserListItem.js +10 -10
  138. package/cjs/ChannelSettings/components/UserPanel.js +13 -13
  139. package/cjs/ChannelSettings/context.js +3 -3
  140. package/cjs/ChannelSettings.js +17 -17
  141. package/cjs/CreateChannel/components/CreateChannelUI.js +13 -13
  142. package/cjs/CreateChannel/components/InviteUsers.js +13 -13
  143. package/cjs/CreateChannel/components/SelectChannelType.js +10 -10
  144. package/cjs/CreateChannel/context.js +4 -4
  145. package/cjs/CreateChannel.js +13 -13
  146. package/cjs/{CreateChannelProvider-b30a1d70.js → CreateChannelProvider-ea54c83b.js} +1 -1
  147. package/cjs/{CreateChannelProvider-b30a1d70.js.map → CreateChannelProvider-ea54c83b.js.map} +1 -1
  148. package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js +9 -9
  149. package/cjs/CreateOpenChannel/context.js +1 -1
  150. package/cjs/CreateOpenChannel.js +9 -9
  151. package/cjs/EditUserProfile/components/EditUserProfileUI.js +12 -12
  152. package/cjs/EditUserProfile.js +12 -12
  153. package/cjs/{LocalizationContext-f7972a74.js → LocalizationContext-4822793b.js} +3 -3
  154. package/cjs/{LocalizationContext-f7972a74.js.map → LocalizationContext-4822793b.js.map} +1 -1
  155. package/cjs/{MediaQueryContext-24dc053f.js → MediaQueryContext-b83880cc.js} +1 -1
  156. package/cjs/{MediaQueryContext-24dc053f.js.map → MediaQueryContext-b83880cc.js.map} +1 -1
  157. package/cjs/{MemberList-f7ffe73a.js → MemberList-4cfc05a3.js} +5 -5
  158. package/cjs/{MemberList-f7ffe73a.js.map → MemberList-4cfc05a3.js.map} +1 -1
  159. package/cjs/MessageSearch/components/MessageSearchUI.js +11 -11
  160. package/cjs/MessageSearch/context.js +1 -1
  161. package/cjs/MessageSearch.js +11 -11
  162. package/cjs/OpenChannel/components/FrozenChannelNotification.js +4 -4
  163. package/cjs/OpenChannel/components/OpenChannelHeader.js +12 -12
  164. package/cjs/OpenChannel/components/OpenChannelInput.js +16 -16
  165. package/cjs/OpenChannel/components/OpenChannelMessage.js +23 -23
  166. package/cjs/OpenChannel/components/OpenChannelMessageList.js +26 -26
  167. package/cjs/OpenChannel/components/OpenChannelUI.js +26 -26
  168. package/cjs/OpenChannel/context.js +8 -8
  169. package/cjs/OpenChannel.js +26 -26
  170. package/cjs/OpenChannelList/components/OpenChannelListUI.js +13 -13
  171. package/cjs/OpenChannelList/components/OpenChannelPreview.js +4 -4
  172. package/cjs/OpenChannelList/context.js +3 -3
  173. package/cjs/OpenChannelList.js +13 -13
  174. package/cjs/{OpenChannelListProvider-75a84359.js → OpenChannelListProvider-9fc6f344.js} +3 -3
  175. package/cjs/{OpenChannelListProvider-75a84359.js.map → OpenChannelListProvider-9fc6f344.js.map} +1 -1
  176. package/cjs/{OpenChannelProvider-c3e900f9.js → OpenChannelProvider-64fb7652.js} +7 -7
  177. package/cjs/{OpenChannelProvider-c3e900f9.js.map → OpenChannelProvider-64fb7652.js.map} +1 -1
  178. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +12 -12
  179. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +12 -12
  180. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  181. package/cjs/OpenChannelSettings/components/OperatorUI.js +16 -16
  182. package/cjs/OpenChannelSettings/components/ParticipantUI.js +14 -14
  183. package/cjs/OpenChannelSettings/context.js +3 -3
  184. package/cjs/OpenChannelSettings.js +17 -17
  185. package/cjs/{RemoveMessageModal-df4027b8.js → RemoveMessageModal-00de23ec.js} +3 -3
  186. package/cjs/{RemoveMessageModal-df4027b8.js.map → RemoveMessageModal-00de23ec.js.map} +1 -1
  187. package/cjs/SendbirdProvider.js +12 -12
  188. package/cjs/SendbirdProvider.js.map +1 -1
  189. package/cjs/Thread/components/ParentMessageInfo.js +25 -25
  190. package/cjs/Thread/components/ParentMessageInfoItem.js +15 -15
  191. package/cjs/Thread/components/ThreadHeader.js +6 -6
  192. package/cjs/Thread/components/ThreadList.js +28 -28
  193. package/cjs/Thread/components/ThreadListItem.js +28 -28
  194. package/cjs/Thread/components/ThreadMessageInput.js +25 -25
  195. package/cjs/Thread/components/ThreadUI.js +32 -32
  196. package/cjs/Thread/context.js +8 -8
  197. package/cjs/Thread.js +32 -32
  198. package/cjs/{ThreadProvider-0a0e452d.js → ThreadProvider-93f2b7e5.js} +7 -7
  199. package/cjs/{ThreadProvider-0a0e452d.js.map → ThreadProvider-93f2b7e5.js.map} +1 -1
  200. package/cjs/{UserProfileContext-687cb905.js → UserProfileContext-7bc4eec4.js} +1 -1
  201. package/cjs/{UserProfileContext-687cb905.js.map → UserProfileContext-7bc4eec4.js.map} +1 -1
  202. package/cjs/{VoiceMessageInputWrapper-dba3849c.js → VoiceMessageInputWrapper-82c8ef13.js} +7 -7
  203. package/cjs/{VoiceMessageInputWrapper-dba3849c.js.map → VoiceMessageInputWrapper-82c8ef13.js.map} +1 -1
  204. package/cjs/VoicePlayer/context.js +3 -3
  205. package/cjs/VoicePlayer/useVoicePlayer.js +3 -3
  206. package/cjs/VoiceRecorder/context.js +2 -2
  207. package/cjs/VoiceRecorder/useVoiceRecorder.js +2 -2
  208. package/cjs/{_rollupPluginBabelHelpers-633418dc.js → _rollupPluginBabelHelpers-1218aafb.js} +1 -1
  209. package/cjs/_rollupPluginBabelHelpers-1218aafb.js.map +1 -0
  210. package/cjs/{actionTypes-f060bac2.js → actionTypes-f186c4dd.js} +1 -1
  211. package/cjs/{actionTypes-f060bac2.js.map → actionTypes-f186c4dd.js.map} +1 -1
  212. package/cjs/{color-ea4d0fa8.js → color-937f65ad.js} +1 -1
  213. package/cjs/{color-ea4d0fa8.js.map → color-937f65ad.js.map} +1 -1
  214. package/cjs/{compareIds-2ed18fb9.js → compareIds-3d732a01.js} +1 -1
  215. package/cjs/{compareIds-2ed18fb9.js.map → compareIds-3d732a01.js.map} +1 -1
  216. package/cjs/{const-81f175a7.js → const-44ac2c14.js} +1 -1
  217. package/cjs/{const-81f175a7.js.map → const-44ac2c14.js.map} +1 -1
  218. package/cjs/{const-be830118.js → const-73aa22ac.js} +1 -1
  219. package/cjs/{const-be830118.js.map → const-73aa22ac.js.map} +1 -1
  220. package/cjs/{consts-d23893f6.js → consts-11872691.js} +1 -1
  221. package/cjs/{consts-d23893f6.js.map → consts-11872691.js.map} +1 -1
  222. package/cjs/{consts-a83dba32.js → consts-2b0eaee0.js} +1 -1
  223. package/cjs/{consts-a83dba32.js.map → consts-2b0eaee0.js.map} +1 -1
  224. package/cjs/{context-443d1d6b.js → context-7e270322.js} +2 -2
  225. package/cjs/{context-443d1d6b.js.map → context-7e270322.js.map} +1 -1
  226. package/cjs/dist/index.css +141 -141
  227. package/cjs/dist/index.css.map +1 -1
  228. package/cjs/{index-9713036d.js → index-1151a507.js} +1 -1
  229. package/cjs/{index-9713036d.js.map → index-1151a507.js.map} +1 -1
  230. package/cjs/{index-478a54a0.js → index-20fc629b.js} +3 -3
  231. package/cjs/{index-478a54a0.js.map → index-20fc629b.js.map} +1 -1
  232. package/cjs/{index-23bde05e.js → index-2f2f3e43.js} +2 -2
  233. package/cjs/{index-23bde05e.js.map → index-2f2f3e43.js.map} +1 -1
  234. package/cjs/{index-b823e2cf.js → index-3f30ab14.js} +7 -7
  235. package/cjs/{index-b823e2cf.js.map → index-3f30ab14.js.map} +1 -1
  236. package/cjs/{index-d1dfe98d.js → index-57989185.js} +1 -1
  237. package/cjs/{index-d1dfe98d.js.map → index-57989185.js.map} +1 -1
  238. package/cjs/{index-10a8fbd5.js → index-7207d339.js} +2 -2
  239. package/cjs/{index-10a8fbd5.js.map → index-7207d339.js.map} +1 -1
  240. package/cjs/{index-2724c042.js → index-a5fad93c.js} +4 -4
  241. package/cjs/{index-2724c042.js.map → index-a5fad93c.js.map} +1 -1
  242. package/cjs/{index-adbbfcff.js → index-a867516a.js} +4 -4
  243. package/cjs/{index-adbbfcff.js.map → index-a867516a.js.map} +1 -1
  244. package/cjs/{index-e1a91b28.js → index-aaa65319.js} +7 -7
  245. package/cjs/{index-e1a91b28.js.map → index-aaa65319.js.map} +1 -1
  246. package/cjs/{index-dcafe468.js → index-c7ff34af.js} +5 -5
  247. package/cjs/{index-dcafe468.js.map → index-c7ff34af.js.map} +1 -1
  248. package/cjs/{index-d0fd1f01.js → index-cfff5dbb.js} +2 -2
  249. package/cjs/{index-d0fd1f01.js.map → index-cfff5dbb.js.map} +1 -1
  250. package/cjs/{index-ec71f9d1.js → index-e9d3a5d6.js} +3 -3
  251. package/cjs/{index-ec71f9d1.js.map → index-e9d3a5d6.js.map} +1 -1
  252. package/cjs/{index-e49f1bd9.js → index-f52caf82.js} +2 -2
  253. package/cjs/{index-e49f1bd9.js.map → index-f52caf82.js.map} +1 -1
  254. package/cjs/{index-da4faf79.js → index-f78cff63.js} +2 -2
  255. package/cjs/{index-da4faf79.js.map → index-f78cff63.js.map} +1 -1
  256. package/cjs/index.js +44 -44
  257. package/cjs/sendbirdSelectors.js +2 -2
  258. package/cjs/{stringSet-b6ce1990.js → stringSet-7f49973c.js} +1 -1
  259. package/cjs/{stringSet-b6ce1990.js.map → stringSet-7f49973c.js.map} +1 -1
  260. package/cjs/{topics-4d3495db.js → topics-9d6a6d36.js} +1 -1
  261. package/cjs/{topics-4d3495db.js.map → topics-9d6a6d36.js.map} +1 -1
  262. package/cjs/{tslib.es6-a4fb9cb5.js → tslib.es6-46c08a06.js} +1 -1
  263. package/cjs/{tslib.es6-a4fb9cb5.js.map → tslib.es6-46c08a06.js.map} +1 -1
  264. package/cjs/{types-a16555b3.js → types-31b11c88.js} +1 -1
  265. package/cjs/{types-a16555b3.js.map → types-31b11c88.js.map} +1 -1
  266. package/cjs/ui/Accordion.js +3 -3
  267. package/cjs/ui/AccordionGroup.js +2 -2
  268. package/cjs/ui/AdminMessage.js +3 -3
  269. package/cjs/ui/Avatar.js +2 -2
  270. package/cjs/ui/Badge.js +5 -5
  271. package/cjs/ui/BottomSheet.js +1 -1
  272. package/cjs/ui/Button.js +3 -3
  273. package/cjs/ui/ChannelAvatar.js +3 -3
  274. package/cjs/ui/ConnectionStatus.js +4 -4
  275. package/cjs/ui/ContextMenu.js +5 -5
  276. package/cjs/ui/DateSeparator.js +4 -4
  277. package/cjs/ui/EmojiReactions.js +7 -7
  278. package/cjs/ui/FileMessageItemBody.js +6 -6
  279. package/cjs/ui/FileViewer.js +8 -8
  280. package/cjs/ui/IconButton.js +1 -1
  281. package/cjs/ui/ImageRenderer.js +1 -1
  282. package/cjs/ui/Input.js +2 -2
  283. package/cjs/ui/Label.js +2 -2
  284. package/cjs/ui/LinkLabel.js +2 -2
  285. package/cjs/ui/Loader.js +1 -1
  286. package/cjs/ui/MentionLabel.js +10 -10
  287. package/cjs/ui/MentionUserLabel.js +1 -1
  288. package/cjs/ui/MessageContent.js +23 -23
  289. package/cjs/ui/MessageInput.js +10 -10
  290. package/cjs/ui/MessageItemMenu.js +8 -8
  291. package/cjs/ui/MessageItemReactionMenu.js +5 -5
  292. package/cjs/ui/MessageSearchFileItem.js +10 -10
  293. package/cjs/ui/MessageSearchItem.js +9 -9
  294. package/cjs/ui/MessageStatus.js +10 -10
  295. package/cjs/ui/Modal.js +7 -7
  296. package/cjs/ui/OGMessageItemBody.js +10 -10
  297. package/cjs/ui/OpenChannelAdminMessage.js +3 -3
  298. package/cjs/ui/OpenChannelAvatar.js +6 -6
  299. package/cjs/ui/OpenchannelConversationHeader.js +6 -6
  300. package/cjs/ui/OpenchannelFileMessage.js +16 -16
  301. package/cjs/ui/OpenchannelOGMessage.js +16 -16
  302. package/cjs/ui/OpenchannelThumbnailMessage.js +15 -15
  303. package/cjs/ui/OpenchannelUserMessage.js +16 -16
  304. package/cjs/ui/PlaceHolder.js +6 -6
  305. package/cjs/ui/PlaybackTime.js +2 -2
  306. package/cjs/ui/QuoteMessage.js +6 -6
  307. package/cjs/ui/QuoteMessageInput.js +6 -6
  308. package/cjs/ui/ReactionBadge.js +3 -3
  309. package/cjs/ui/ReactionButton.js +1 -1
  310. package/cjs/ui/SortByRow.js +2 -2
  311. package/cjs/ui/TextButton.js +2 -2
  312. package/cjs/ui/TextMessageItemBody.js +10 -10
  313. package/cjs/ui/ThreadReplies.js +6 -6
  314. package/cjs/ui/ThumbnailMessageItemBody.js +2 -2
  315. package/cjs/ui/Tooltip.js +3 -3
  316. package/cjs/ui/TooltipWrapper.js +1 -1
  317. package/cjs/ui/UnknownMessageItemBody.js +6 -6
  318. package/cjs/ui/UserListItem.js +10 -10
  319. package/cjs/ui/UserProfile.js +9 -9
  320. package/cjs/ui/VoiceMessageItemBody.js +5 -5
  321. package/cjs/ui/VoiceMessgeInput.js +8 -8
  322. package/cjs/ui/Word.js +10 -10
  323. package/cjs/{useLongPress-51e0f9b4.js → useLongPress-839c53cb.js} +3 -3
  324. package/cjs/{useLongPress-51e0f9b4.js.map → useLongPress-839c53cb.js.map} +1 -1
  325. package/cjs/useSendbirdStateContext.js +1 -1
  326. package/cjs/utils/message/isVoiceMessage.js +2 -2
  327. package/cjs/{utils-c812c88b.js → utils-41bb82dc.js} +1 -1
  328. package/cjs/{utils-c812c88b.js.map → utils-41bb82dc.js.map} +1 -1
  329. package/cjs/{utils-c545d55f.js → utils-7d2c966a.js} +1 -1
  330. package/cjs/{utils-c545d55f.js.map → utils-7d2c966a.js.map} +1 -1
  331. package/cjs/{utils-0bf31864.js → utils-9fc9438c.js} +2 -2
  332. package/cjs/{utils-0bf31864.js.map → utils-9fc9438c.js.map} +1 -1
  333. package/cjs/{utils-eb9c5b74.js → utils-dae078f4.js} +1 -1
  334. package/cjs/{utils-eb9c5b74.js.map → utils-dae078f4.js.map} +1 -1
  335. package/cjs/{uuid-35ec1f9e.js → uuid-8454abf3.js} +1 -1
  336. package/cjs/{uuid-35ec1f9e.js.map → uuid-8454abf3.js.map} +1 -1
  337. package/cjs/withSendbird.js +1 -1
  338. package/{color-9914e868.js → color-e5d40073.js} +1 -1
  339. package/{color-9914e868.js.map → color-e5d40073.js.map} +1 -1
  340. package/{compareIds-5b880a02.js → compareIds-148644b4.js} +1 -1
  341. package/{compareIds-5b880a02.js.map → compareIds-148644b4.js.map} +1 -1
  342. package/{const-193b2cee.js → const-bba4efc9.js} +1 -1
  343. package/{const-193b2cee.js.map → const-bba4efc9.js.map} +1 -1
  344. package/{const-32e76e15.js → const-bf594206.js} +1 -1
  345. package/{const-32e76e15.js.map → const-bf594206.js.map} +1 -1
  346. package/{consts-b275d9da.js → consts-b3042213.js} +1 -1
  347. package/{consts-b275d9da.js.map → consts-b3042213.js.map} +1 -1
  348. package/{consts-7dc2e24e.js → consts-f9543b99.js} +1 -1
  349. package/{consts-7dc2e24e.js.map → consts-f9543b99.js.map} +1 -1
  350. package/{context-ab07b150.js → context-e82cf2c4.js} +2 -2
  351. package/{context-ab07b150.js.map → context-e82cf2c4.js.map} +1 -1
  352. package/dist/index.css +141 -141
  353. package/dist/index.css.map +1 -1
  354. package/{index-6438ded6.js → index-113d122f.js} +5 -5
  355. package/{index-6438ded6.js.map → index-113d122f.js.map} +1 -1
  356. package/{index-b7f11b75.js → index-18c2f8d4.js} +1 -1
  357. package/{index-b7f11b75.js.map → index-18c2f8d4.js.map} +1 -1
  358. package/{index-42429d4a.js → index-1dfb77d4.js} +2 -2
  359. package/{index-42429d4a.js.map → index-1dfb77d4.js.map} +1 -1
  360. package/{index-534f3471.js → index-253052c7.js} +7 -7
  361. package/{index-534f3471.js.map → index-253052c7.js.map} +1 -1
  362. package/{index-c52afc50.js → index-2c0ab386.js} +2 -2
  363. package/{index-c52afc50.js.map → index-2c0ab386.js.map} +1 -1
  364. package/{index-a8cc1378.js → index-556999ef.js} +2 -2
  365. package/{index-a8cc1378.js.map → index-556999ef.js.map} +1 -1
  366. package/{index-c19ac1ae.js → index-5be5af6d.js} +7 -7
  367. package/{index-c19ac1ae.js.map → index-5be5af6d.js.map} +1 -1
  368. package/{index-b377ef7e.js → index-86cb1c98.js} +4 -4
  369. package/{index-b377ef7e.js.map → index-86cb1c98.js.map} +1 -1
  370. package/{index-16e0294c.js → index-90365474.js} +2 -2
  371. package/{index-16e0294c.js.map → index-90365474.js.map} +1 -1
  372. package/{index-8259be1c.js → index-97a2ff37.js} +2 -2
  373. package/{index-8259be1c.js.map → index-97a2ff37.js.map} +1 -1
  374. package/{index-b6307eba.js → index-9a413f89.js} +3 -3
  375. package/{index-b6307eba.js.map → index-9a413f89.js.map} +1 -1
  376. package/{index-062cd180.js → index-e1cff2ff.js} +3 -3
  377. package/{index-062cd180.js.map → index-e1cff2ff.js.map} +1 -1
  378. package/{index-d9f8424d.js → index-e3d008b9.js} +1 -1
  379. package/{index-d9f8424d.js.map → index-e3d008b9.js.map} +1 -1
  380. package/{index-214a28eb.js → index-e571f56c.js} +4 -4
  381. package/{index-214a28eb.js.map → index-e571f56c.js.map} +1 -1
  382. package/index.d.ts +1 -1
  383. package/index.js +44 -44
  384. package/package.json +1 -1
  385. package/sendbirdSelectors.js +2 -2
  386. package/{stringSet-16d76354.js → stringSet-273bec27.js} +1 -1
  387. package/{stringSet-16d76354.js.map → stringSet-273bec27.js.map} +1 -1
  388. package/{topics-cf8fabf5.js → topics-df7f51d4.js} +1 -1
  389. package/{topics-cf8fabf5.js.map → topics-df7f51d4.js.map} +1 -1
  390. package/{tslib.es6-21874629.js → tslib.es6-1aaf3795.js} +1 -1
  391. package/{tslib.es6-21874629.js.map → tslib.es6-1aaf3795.js.map} +1 -1
  392. package/{types-39cccb67.js → types-ed183627.js} +1 -1
  393. package/{types-39cccb67.js.map → types-ed183627.js.map} +1 -1
  394. package/ui/Accordion.js +3 -3
  395. package/ui/AccordionGroup.js +2 -2
  396. package/ui/AdminMessage.js +3 -3
  397. package/ui/Avatar.js +2 -2
  398. package/ui/Badge.js +5 -5
  399. package/ui/BottomSheet.js +1 -1
  400. package/ui/Button.js +3 -3
  401. package/ui/ChannelAvatar.js +3 -3
  402. package/ui/ConnectionStatus.js +4 -4
  403. package/ui/ContextMenu.js +5 -5
  404. package/ui/DateSeparator.js +4 -4
  405. package/ui/EmojiReactions.js +7 -7
  406. package/ui/FileMessageItemBody.js +6 -6
  407. package/ui/FileViewer.js +8 -8
  408. package/ui/IconButton.js +1 -1
  409. package/ui/ImageRenderer.js +1 -1
  410. package/ui/Input.js +2 -2
  411. package/ui/Label.js +2 -2
  412. package/ui/LinkLabel.js +2 -2
  413. package/ui/Loader.js +1 -1
  414. package/ui/MentionLabel.js +10 -10
  415. package/ui/MentionUserLabel.js +1 -1
  416. package/ui/MessageContent.js +23 -23
  417. package/ui/MessageInput.js +10 -10
  418. package/ui/MessageItemMenu.js +8 -8
  419. package/ui/MessageItemReactionMenu.js +5 -5
  420. package/ui/MessageSearchFileItem.js +10 -10
  421. package/ui/MessageSearchItem.js +9 -9
  422. package/ui/MessageStatus.js +10 -10
  423. package/ui/Modal.js +7 -7
  424. package/ui/OGMessageItemBody.js +10 -10
  425. package/ui/OpenChannelAdminMessage.js +3 -3
  426. package/ui/OpenChannelAvatar.js +6 -6
  427. package/ui/OpenchannelConversationHeader.js +6 -6
  428. package/ui/OpenchannelFileMessage.js +16 -16
  429. package/ui/OpenchannelOGMessage.js +16 -16
  430. package/ui/OpenchannelThumbnailMessage.js +15 -15
  431. package/ui/OpenchannelUserMessage.js +16 -16
  432. package/ui/PlaceHolder.js +6 -6
  433. package/ui/PlaybackTime.js +2 -2
  434. package/ui/QuoteMessage.js +6 -6
  435. package/ui/QuoteMessageInput.js +6 -6
  436. package/ui/ReactionBadge.js +3 -3
  437. package/ui/ReactionButton.js +1 -1
  438. package/ui/SortByRow.js +2 -2
  439. package/ui/TextButton.js +2 -2
  440. package/ui/TextMessageItemBody.js +10 -10
  441. package/ui/ThreadReplies.js +6 -6
  442. package/ui/ThumbnailMessageItemBody.js +2 -2
  443. package/ui/Tooltip.js +3 -3
  444. package/ui/TooltipWrapper.js +1 -1
  445. package/ui/UnknownMessageItemBody.js +6 -6
  446. package/ui/UserListItem.js +10 -10
  447. package/ui/UserProfile.js +9 -9
  448. package/ui/VoiceMessageItemBody.js +5 -5
  449. package/ui/VoiceMessgeInput.js +8 -8
  450. package/ui/Word.js +10 -10
  451. package/{useLongPress-c49de8aa.js → useLongPress-1ae5a380.js} +3 -3
  452. package/{useLongPress-c49de8aa.js.map → useLongPress-1ae5a380.js.map} +1 -1
  453. package/useSendbirdStateContext.js +1 -1
  454. package/utils/message/isVoiceMessage.js +2 -2
  455. package/{utils-2571a443.js → utils-09901477.js} +1 -1
  456. package/{utils-2571a443.js.map → utils-09901477.js.map} +1 -1
  457. package/{utils-8767edbc.js → utils-1b97d8ea.js} +2 -2
  458. package/{utils-8767edbc.js.map → utils-1b97d8ea.js.map} +1 -1
  459. package/{utils-3e63a59c.js → utils-25614c42.js} +1 -1
  460. package/{utils-3e63a59c.js.map → utils-25614c42.js.map} +1 -1
  461. package/{utils-369f1bd4.js → utils-99c30ef6.js} +1 -1
  462. package/{utils-369f1bd4.js.map → utils-99c30ef6.js.map} +1 -1
  463. package/{uuid-cf6716cb.js → uuid-29207f65.js} +1 -1
  464. package/{uuid-cf6716cb.js.map → uuid-29207f65.js.map} +1 -1
  465. package/withSendbird.js +1 -1
  466. package/_rollupPluginBabelHelpers-af827563.js.map +0 -1
  467. package/cjs/_rollupPluginBabelHelpers-633418dc.js.map +0 -1
package/{consts-7dc2e24e.js.map → consts-f9543b99.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"consts-7dc2e24e.js","sources":["../src/ui/MentionUserLabel/consts.ts"],"sourcesContent":["export const MENTION_USER_LABEL_CLASSNAME = 'sendbird-mention-user-label';\n"],"names":["MENTION_USER_LABEL_CLASSNAME"],"mappings":"AAAO,IAAMA,4BAA4B,GAAG;;;;"}
1
+ {"version":3,"file":"consts-f9543b99.js","sources":["../src/ui/MentionUserLabel/consts.ts"],"sourcesContent":["export const MENTION_USER_LABEL_CLASSNAME = 'sendbird-mention-user-label';\n"],"names":["MENTION_USER_LABEL_CLASSNAME"],"mappings":"AAAO,IAAMA,4BAA4B,GAAG;;;;"}
package/{context-ab07b150.js → context-e82cf2c4.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import React__default from 'react';
2
- import { n as noop } from './utils-369f1bd4.js';
2
+ import { n as noop } from './utils-99c30ef6.js';
3
3
 
4
4
  var Context = /*#__PURE__*/React__default.createContext({
5
5
  opened: '',
@@ -9,4 +9,4 @@ var Consumer = Context.Consumer;
9
9
  var Provider = Context.Provider;
10
10
 
11
11
  export { Consumer as C, Provider as P };
12
- //# sourceMappingURL=context-ab07b150.js.map
12
+ //# sourceMappingURL=context-e82cf2c4.js.map
package/{context-ab07b150.js.map → context-e82cf2c4.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"context-ab07b150.js","sources":["../src/ui/Accordion/context.ts"],"sourcesContent":["import React from 'react';\n\nimport { noop } from '../../utils/utils';\n\ninterface ContextValue {\n setOpened(accordion: string): void;\n opened: string;\n}\n\nconst Context = React.createContext<ContextValue>({\n opened: '', // mock default value\n setOpened: noop,\n});\n\nexport const Consumer = Context.Consumer;\nexport const Provider = Context.Provider;\n"],"names":["Context","React","createContext","opened","setOpened","noop","Consumer","Provider"],"mappings":";;;AASA,IAAMA,OAAO,gBAAGC,cAAK,CAACC,aAAN,CAAkC;AAChDC,EAAAA,MAAM,EAAE,EADwC;AAEhDC,EAAAA,SAAS,EAAEC,IAAAA;AAFqC,CAAlC,CAAhB,CAAA;AAKaC,IAAAA,QAAQ,GAAGN,OAAO,CAACM,SAAzB;AACMC,IAAAA,QAAQ,GAAGP,OAAO,CAACO;;;;"}
1
+ {"version":3,"file":"context-e82cf2c4.js","sources":["../src/ui/Accordion/context.ts"],"sourcesContent":["import React from 'react';\n\nimport { noop } from '../../utils/utils';\n\ninterface ContextValue {\n setOpened(accordion: string): void;\n opened: string;\n}\n\nconst Context = React.createContext<ContextValue>({\n opened: '', // mock default value\n setOpened: noop,\n});\n\nexport const Consumer = Context.Consumer;\nexport const Provider = Context.Provider;\n"],"names":["Context","React","createContext","opened","setOpened","noop","Consumer","Provider"],"mappings":";;;AASA,IAAMA,OAAO,gBAAGC,cAAK,CAACC,aAAN,CAAkC;AAChDC,EAAAA,MAAM,EAAE,EADwC;AAEhDC,EAAAA,SAAS,EAAEC,IAAAA;AAFqC,CAAlC,CAAhB,CAAA;AAKaC,IAAAA,QAAQ,GAAGN,OAAO,CAACM,SAAzB;AACMC,IAAAA,QAAQ,GAAGP,OAAO,CAACO;;;;"}
package/dist/index.css CHANGED
@@ -58,124 +58,97 @@
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-open-channel-list,
62
+ .sendbird-open-channel-list-ui {
62
63
  position: relative;
63
64
  display: inline-flex;
64
- flex-direction: row;
65
- width: 264px;
66
- height: 58px;
67
- min-width: 264px;
68
- min-height: 58px;
65
+ flex-direction: column;
66
+ width: 256px;
67
+ min-width: 256px;
68
+ height: 100%;
69
69
  box-sizing: border-box;
70
70
  }
71
- .sendbird--mobile-mode .sendbird-open-channel-preview {
71
+ .sendbird--mobile-mode .sendbird-open-channel-list,
72
+ .sendbird--mobile-mode .sendbird-open-channel-list-ui {
72
73
  width: 100%;
73
74
  }
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);
75
+ .sendbird-theme--light .sendbird-open-channel-list,
76
+ .sendbird-theme--light .sendbird-open-channel-list-ui {
77
+ border-right: solid 1px var(--sendbird-light-onlight-04);
81
78
  }
82
- .sendbird-theme--light .sendbird-open-channel-preview:hover {
83
- background-color: var(--sendbird-light-background-100);
79
+ .sendbird-theme--dark .sendbird-open-channel-list,
80
+ .sendbird-theme--dark .sendbird-open-channel-list-ui {
81
+ border-right: solid 1px var(--sendbird-dark-ondark-04);
84
82
  }
85
- .sendbird-theme--dark .sendbird-open-channel-preview:hover {
86
- background-color: var(--sendbird-dark-background-500);
83
+ .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
84
+ .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
85
+ position: relative;
86
+ display: inline-flex;
87
+ flex-direction: row;
88
+ align-items: center;
89
+ width: 100%;
90
+ height: 64px;
91
+ box-sizing: border-box;
87
92
  }
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);
93
+ .sendbird-theme--light .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
94
+ .sendbird-theme--light .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
95
+ border-bottom: solid 1px var(--sendbird-light-onlight-04);
91
96
  }
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);
97
+ .sendbird-theme--dark .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
98
+ .sendbird-theme--dark .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
99
+ border-bottom: solid 1px var(--sendbird-dark-ondark-04);
95
100
  }
96
- .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image {
101
+ .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title,
102
+ .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title {
97
103
  position: relative;
98
- margin-top: 8px;
99
- margin-left: 16px;
104
+ margin-left: 24px;
100
105
  display: inline-flex;
101
106
  align-items: center;
102
- justify-content: center;
103
- width: 42px;
104
- height: 42px;
105
107
  box-sizing: border-box;
106
108
  }
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;
109
+ .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh,
110
+ .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh {
111
+ position: absolute;
112
+ top: 16px;
113
+ right: 56px;
110
114
  display: inline-flex;
111
115
  align-items: center;
112
116
  justify-content: center;
113
117
  box-sizing: border-box;
114
118
  }
115
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context {
116
- position: relative;
117
- margin-top: 8px;
118
- margin-left: 16px;
119
+ .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel,
120
+ .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel {
121
+ position: absolute;
122
+ top: 16px;
123
+ right: 16px;
119
124
  display: inline-flex;
120
- flex-direction: column;
121
- max-width: 178px;
125
+ align-items: center;
126
+ justify-content: center;
122
127
  box-sizing: border-box;
123
128
  }
124
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title {
129
+ .sendbird-open-channel-list .sendbird-open-channel-list-ui__channel-list,
130
+ .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__channel-list {
125
131
  position: relative;
126
132
  display: inline-flex;
127
- flex-direction: row;
128
- align-items: center;
133
+ flex-direction: column;
129
134
  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%;
135
+ height: calc(100% - 64px);
138
136
  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;
137
+ overflow-y: scroll;
150
138
  }
151
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants {
139
+
140
+ .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
152
141
  position: relative;
153
- margin-top: 8px;
142
+ min-height: 62px;
154
143
  display: inline-flex;
155
- flex-direction: row;
156
144
  align-items: center;
157
- width: 100%;
158
- height: 14px;
159
- box-sizing: border-box;
145
+ justify-content: center;
160
146
  }
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;
147
+ .sendbird-theme--light .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
148
+ background-color: var(--sendbird-light-background-100);
167
149
  }
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;
150
+ .sendbird-theme--dark .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
151
+ background-color: var(--sendbird-dark-background-500);
179
152
  }
180
153
  .sendbird-create-open-channel-ui {
181
154
  position: relative;
@@ -232,97 +205,124 @@
232
205
  display: inline-flex;
233
206
  flex-direction: row;
234
207
  }
235
- .sendbird-open-channel-list,
236
- .sendbird-open-channel-list-ui {
208
+ .sendbird-open-channel-preview {
237
209
  position: relative;
238
210
  display: inline-flex;
239
- flex-direction: column;
240
- width: 256px;
241
- min-width: 256px;
242
- height: 100%;
211
+ flex-direction: row;
212
+ width: 264px;
213
+ height: 58px;
214
+ min-width: 264px;
215
+ min-height: 58px;
243
216
  box-sizing: border-box;
244
217
  }
245
- .sendbird--mobile-mode .sendbird-open-channel-list,
246
- .sendbird--mobile-mode .sendbird-open-channel-list-ui {
218
+ .sendbird--mobile-mode .sendbird-open-channel-preview {
247
219
  width: 100%;
248
220
  }
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);
221
+ .sendbird-theme--light .sendbird-open-channel-preview {
222
+ background-color: var(--sendbird-light-background-50);
223
+ border-bottom: solid 1px var(--sendbird-light-onlight-04);
252
224
  }
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);
225
+ .sendbird-theme--dark .sendbird-open-channel-preview {
226
+ background-color: var(--sendbird-dark-background-600);
227
+ border-bottom: solid 1px var(--sendbird-dark-ondark-04);
256
228
  }
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;
229
+ .sendbird-theme--light .sendbird-open-channel-preview:hover {
230
+ background-color: var(--sendbird-light-background-100);
266
231
  }
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);
232
+ .sendbird-theme--dark .sendbird-open-channel-preview:hover {
233
+ background-color: var(--sendbird-dark-background-500);
270
234
  }
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);
235
+ .sendbird-theme--light .sendbird-open-channel-preview.selected {
236
+ background-color: var(--sendbird-light-primary-100);
237
+ border-left: solid 4px var(--sendbird-light-primary-300);
274
238
  }
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 {
239
+ .sendbird-theme--dark .sendbird-open-channel-preview.selected {
240
+ background-color: var(--sendbird-dark-primary-300);
241
+ border-left: solid 4px var(--sendbird-dark-primary-200);
242
+ }
243
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image {
277
244
  position: relative;
278
- margin-left: 24px;
245
+ margin-top: 8px;
246
+ margin-left: 16px;
279
247
  display: inline-flex;
280
248
  align-items: center;
249
+ justify-content: center;
250
+ width: 42px;
251
+ height: 42px;
281
252
  box-sizing: border-box;
282
253
  }
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;
254
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar,
255
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar--default {
256
+ position: relative;
288
257
  display: inline-flex;
289
258
  align-items: center;
290
259
  justify-content: center;
291
260
  box-sizing: border-box;
292
261
  }
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;
262
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context {
263
+ position: relative;
264
+ margin-top: 8px;
265
+ margin-left: 16px;
298
266
  display: inline-flex;
299
- align-items: center;
300
- justify-content: center;
267
+ flex-direction: column;
268
+ max-width: 178px;
301
269
  box-sizing: border-box;
302
270
  }
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 {
271
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title {
305
272
  position: relative;
306
273
  display: inline-flex;
307
- flex-direction: column;
274
+ flex-direction: row;
275
+ align-items: center;
308
276
  width: 100%;
309
- height: calc(100% - 64px);
277
+ height: 16px;
310
278
  box-sizing: border-box;
311
- overflow-y: scroll;
312
279
  }
313
-
314
- .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
280
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name {
315
281
  position: relative;
316
- min-height: 62px;
282
+ display: inline-block;
283
+ max-width: 100%;
284
+ height: 100%;
285
+ box-sizing: border-box;
286
+ overflow-x: hidden;
287
+ text-overflow: ellipsis;
288
+ word-break: keep-all;
289
+ }
290
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name.frozen {
291
+ max-width: calc(100% - 20px);
292
+ }
293
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen {
294
+ position: relative;
295
+ margin-left: 4px;
296
+ display: inline-flex;
297
+ }
298
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants {
299
+ position: relative;
300
+ margin-top: 8px;
317
301
  display: inline-flex;
302
+ flex-direction: row;
318
303
  align-items: center;
319
- justify-content: center;
304
+ width: 100%;
305
+ height: 14px;
306
+ box-sizing: border-box;
320
307
  }
321
- .sendbird-theme--light .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
322
- background-color: var(--sendbird-light-background-100);
308
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__icon {
309
+ position: relative;
310
+ display: inline-flex;
311
+ width: 14px;
312
+ height: 14px;
313
+ box-sizing: border-box;
323
314
  }
324
- .sendbird-theme--dark .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
325
- background-color: var(--sendbird-dark-background-500);
315
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count {
316
+ position: relative;
317
+ margin-left: 4px;
318
+ display: inline-flex;
319
+ width: 160px;
320
+ max-width: 160px;
321
+ height: 12px;
322
+ box-sizing: border-box;
323
+ overflow-x: hidden;
324
+ text-overflow: ellipsis;
325
+ word-break: keep-all;
326
326
  }
327
327
  @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap");
328
328
  :root {