@sendbird/uikit-react 3.5.0-mobile-rc-4 → 3.5.0-mobile-web-5

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 (508) hide show
  1. package/App.js +56 -48
  2. package/App.js.map +1 -1
  3. package/Channel/components/ChannelHeader.js +19 -19
  4. package/Channel/components/ChannelUI.js +41 -41
  5. package/Channel/components/FileViewer.js +15 -15
  6. package/Channel/components/FrozenNotification.js +4 -4
  7. package/Channel/components/Message.js +36 -36
  8. package/Channel/components/MessageInput.js +29 -29
  9. package/Channel/components/MessageList.js +37 -37
  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 +12 -12
  15. package/Channel.js +41 -41
  16. package/ChannelList/components/AddChannel.js +14 -14
  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 +13 -13
  21. package/ChannelList/context.js +7 -7
  22. package/ChannelList.js +30 -30
  23. package/{ChannelListProvider-f765be02.js → ChannelListProvider-8e3af350.js} +7 -7
  24. package/{ChannelListProvider-f765be02.js.map → ChannelListProvider-8e3af350.js.map} +1 -1
  25. package/{ChannelProvider-fa290b6f.js → ChannelProvider-cb73270f.js} +11 -11
  26. package/{ChannelProvider-fa290b6f.js.map → ChannelProvider-cb73270f.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-121560fb.js → CreateChannelProvider-3173e8cd.js} +1 -1
  42. package/{CreateChannelProvider-121560fb.js.map → CreateChannelProvider-3173e8cd.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-98d0f9ef.js → LocalizationContext-689d8aa4.js} +3 -3
  49. package/{LocalizationContext-98d0f9ef.js.map → LocalizationContext-689d8aa4.js.map} +1 -1
  50. package/{MediaQueryContext-08f242eb.js → MediaQueryContext-2604d3dc.js} +1 -1
  51. package/{MediaQueryContext-08f242eb.js.map → MediaQueryContext-2604d3dc.js.map} +1 -1
  52. package/{MemberList-aa2b532d.js → MemberList-7b3e0ace.js} +5 -5
  53. package/{MemberList-aa2b532d.js.map → MemberList-7b3e0ace.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 +19 -19
  60. package/OpenChannel/components/OpenChannelMessage.js +27 -27
  61. package/OpenChannel/components/OpenChannelMessageList.js +31 -31
  62. package/OpenChannel/components/OpenChannelUI.js +31 -31
  63. package/OpenChannel/context.js +8 -8
  64. package/OpenChannel.js +31 -31
  65. package/OpenChannelList/components/OpenChannelListUI.js +13 -13
  66. package/OpenChannelList/components/OpenChannelPreview.js +3 -3
  67. package/OpenChannelList/context.js +3 -3
  68. package/OpenChannelList.js +13 -13
  69. package/{OpenChannelListProvider-f73b2d55.js → OpenChannelListProvider-154424c5.js} +3 -3
  70. package/{OpenChannelListProvider-f73b2d55.js.map → OpenChannelListProvider-154424c5.js.map} +1 -1
  71. package/{OpenChannelProvider-f7a70c1c.js → OpenChannelProvider-fc50a84b.js} +7 -7
  72. package/{OpenChannelProvider-f7a70c1c.js.map → OpenChannelProvider-fc50a84b.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-d00083f8.js → RemoveMessageModal-c345043b.js} +3 -3
  81. package/{RemoveMessageModal-d00083f8.js.map → RemoveMessageModal-c345043b.js.map} +1 -1
  82. package/SendbirdProvider.js +38 -24
  83. package/SendbirdProvider.js.map +1 -1
  84. package/Thread/components/ParentMessageInfo.js +34 -33
  85. package/Thread/components/ParentMessageInfo.js.map +1 -1
  86. package/Thread/components/ParentMessageInfoItem.js +21 -21
  87. package/Thread/components/ThreadHeader.js +6 -6
  88. package/Thread/components/ThreadList.js +36 -36
  89. package/Thread/components/ThreadListItem.js +36 -36
  90. package/Thread/components/ThreadMessageInput.js +30 -30
  91. package/Thread/components/ThreadUI.js +40 -40
  92. package/Thread/context.js +8 -8
  93. package/Thread.js +40 -40
  94. package/{ThreadProvider-29ee3fd4.js → ThreadProvider-4ecee019.js} +10 -10
  95. package/ThreadProvider-4ecee019.js.map +1 -0
  96. package/{UserProfileContext-876edecc.js → UserProfileContext-4c07230f.js} +1 -1
  97. package/{UserProfileContext-876edecc.js.map → UserProfileContext-4c07230f.js.map} +1 -1
  98. package/{VoiceMessageInputWrapper-0edc0592.js → VoiceMessageInputWrapper-5f95a888.js} +7 -7
  99. package/{VoiceMessageInputWrapper-0edc0592.js.map → VoiceMessageInputWrapper-5f95a888.js.map} +1 -1
  100. package/VoicePlayer/context.js +3 -3
  101. package/VoicePlayer/useVoicePlayer.js +9 -9
  102. package/VoiceRecorder/context.js +9 -9
  103. package/VoiceRecorder/useVoiceRecorder.js +8 -8
  104. package/{WebAudioUtils-77bc634e.js → WebAudioUtils-30020f07.js} +1 -1
  105. package/{WebAudioUtils-77bc634e.js.map → WebAudioUtils-30020f07.js.map} +1 -1
  106. package/{_rollupPluginBabelHelpers-67b8fcb1.js → _rollupPluginBabelHelpers-b764bedf.js} +1 -1
  107. package/_rollupPluginBabelHelpers-b764bedf.js.map +1 -0
  108. package/{actionTypes-f6ad76a3.js → actionTypes-e6bdb61c.js} +1 -1
  109. package/{actionTypes-f6ad76a3.js.map → actionTypes-e6bdb61c.js.map} +1 -1
  110. package/cjs/App.js +56 -48
  111. package/cjs/App.js.map +1 -1
  112. package/cjs/Channel/components/ChannelHeader.js +19 -19
  113. package/cjs/Channel/components/ChannelUI.js +41 -41
  114. package/cjs/Channel/components/FileViewer.js +15 -15
  115. package/cjs/Channel/components/FrozenNotification.js +4 -4
  116. package/cjs/Channel/components/Message.js +36 -36
  117. package/cjs/Channel/components/MessageInput.js +29 -29
  118. package/cjs/Channel/components/MessageList.js +37 -37
  119. package/cjs/Channel/components/RemoveMessageModal.js +17 -17
  120. package/cjs/Channel/components/SuggestedMentionList.js +17 -17
  121. package/cjs/Channel/components/TypingIndicator.js +15 -15
  122. package/cjs/Channel/components/UnreadCount.js +4 -4
  123. package/cjs/Channel/context.js +12 -12
  124. package/cjs/Channel.js +41 -41
  125. package/cjs/ChannelList/components/AddChannel.js +14 -14
  126. package/cjs/ChannelList/components/ChannelListHeader.js +6 -6
  127. package/cjs/ChannelList/components/ChannelListUI.js +30 -30
  128. package/cjs/ChannelList/components/ChannelPreview.js +26 -26
  129. package/cjs/ChannelList/components/ChannelPreviewAction.js +13 -13
  130. package/cjs/ChannelList/context.js +7 -7
  131. package/cjs/ChannelList.js +30 -30
  132. package/cjs/{ChannelListProvider-bb4a7d35.js → ChannelListProvider-ce4ea47a.js} +7 -7
  133. package/cjs/{ChannelListProvider-bb4a7d35.js.map → ChannelListProvider-ce4ea47a.js.map} +1 -1
  134. package/cjs/{ChannelProvider-29c98b93.js → ChannelProvider-0dba8547.js} +11 -11
  135. package/cjs/{ChannelProvider-29c98b93.js.map → ChannelProvider-0dba8547.js.map} +1 -1
  136. package/cjs/ChannelSettings/components/ChannelProfile.js +11 -11
  137. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +17 -17
  138. package/cjs/ChannelSettings/components/EditDetailsModal.js +11 -11
  139. package/cjs/ChannelSettings/components/LeaveChannel.js +11 -11
  140. package/cjs/ChannelSettings/components/ModerationPanel.js +14 -14
  141. package/cjs/ChannelSettings/components/UserListItem.js +10 -10
  142. package/cjs/ChannelSettings/components/UserPanel.js +13 -13
  143. package/cjs/ChannelSettings/context.js +3 -3
  144. package/cjs/ChannelSettings.js +17 -17
  145. package/cjs/CreateChannel/components/CreateChannelUI.js +13 -13
  146. package/cjs/CreateChannel/components/InviteUsers.js +13 -13
  147. package/cjs/CreateChannel/components/SelectChannelType.js +10 -10
  148. package/cjs/CreateChannel/context.js +4 -4
  149. package/cjs/CreateChannel.js +13 -13
  150. package/cjs/{CreateChannelProvider-e7a69d9e.js → CreateChannelProvider-b4859589.js} +1 -1
  151. package/cjs/{CreateChannelProvider-e7a69d9e.js.map → CreateChannelProvider-b4859589.js.map} +1 -1
  152. package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js +9 -9
  153. package/cjs/CreateOpenChannel/context.js +1 -1
  154. package/cjs/CreateOpenChannel.js +9 -9
  155. package/cjs/EditUserProfile/components/EditUserProfileUI.js +12 -12
  156. package/cjs/EditUserProfile.js +12 -12
  157. package/cjs/{LocalizationContext-5077fe4a.js → LocalizationContext-b57dbbb3.js} +3 -3
  158. package/cjs/{LocalizationContext-5077fe4a.js.map → LocalizationContext-b57dbbb3.js.map} +1 -1
  159. package/cjs/{MediaQueryContext-734ae1c9.js → MediaQueryContext-6cbb7b30.js} +1 -1
  160. package/cjs/{MediaQueryContext-734ae1c9.js.map → MediaQueryContext-6cbb7b30.js.map} +1 -1
  161. package/cjs/{MemberList-e2cecad9.js → MemberList-6d3240f1.js} +5 -5
  162. package/cjs/{MemberList-e2cecad9.js.map → MemberList-6d3240f1.js.map} +1 -1
  163. package/cjs/MessageSearch/components/MessageSearchUI.js +11 -11
  164. package/cjs/MessageSearch/context.js +1 -1
  165. package/cjs/MessageSearch.js +11 -11
  166. package/cjs/OpenChannel/components/FrozenChannelNotification.js +4 -4
  167. package/cjs/OpenChannel/components/OpenChannelHeader.js +12 -12
  168. package/cjs/OpenChannel/components/OpenChannelInput.js +19 -19
  169. package/cjs/OpenChannel/components/OpenChannelMessage.js +27 -27
  170. package/cjs/OpenChannel/components/OpenChannelMessageList.js +31 -31
  171. package/cjs/OpenChannel/components/OpenChannelUI.js +31 -31
  172. package/cjs/OpenChannel/context.js +8 -8
  173. package/cjs/OpenChannel.js +31 -31
  174. package/cjs/OpenChannelList/components/OpenChannelListUI.js +13 -13
  175. package/cjs/OpenChannelList/components/OpenChannelPreview.js +3 -3
  176. package/cjs/OpenChannelList/context.js +3 -3
  177. package/cjs/OpenChannelList.js +13 -13
  178. package/cjs/{OpenChannelListProvider-fd66f73c.js → OpenChannelListProvider-3a4075da.js} +3 -3
  179. package/cjs/{OpenChannelListProvider-fd66f73c.js.map → OpenChannelListProvider-3a4075da.js.map} +1 -1
  180. package/cjs/{OpenChannelProvider-26aa8a5b.js → OpenChannelProvider-e5968018.js} +7 -7
  181. package/cjs/{OpenChannelProvider-26aa8a5b.js.map → OpenChannelProvider-e5968018.js.map} +1 -1
  182. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +12 -12
  183. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +12 -12
  184. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  185. package/cjs/OpenChannelSettings/components/OperatorUI.js +16 -16
  186. package/cjs/OpenChannelSettings/components/ParticipantUI.js +14 -14
  187. package/cjs/OpenChannelSettings/context.js +3 -3
  188. package/cjs/OpenChannelSettings.js +17 -17
  189. package/cjs/{RemoveMessageModal-38dcf5d3.js → RemoveMessageModal-f195bcd6.js} +3 -3
  190. package/cjs/{RemoveMessageModal-38dcf5d3.js.map → RemoveMessageModal-f195bcd6.js.map} +1 -1
  191. package/cjs/SendbirdProvider.js +37 -23
  192. package/cjs/SendbirdProvider.js.map +1 -1
  193. package/cjs/Thread/components/ParentMessageInfo.js +34 -33
  194. package/cjs/Thread/components/ParentMessageInfo.js.map +1 -1
  195. package/cjs/Thread/components/ParentMessageInfoItem.js +21 -21
  196. package/cjs/Thread/components/ThreadHeader.js +6 -6
  197. package/cjs/Thread/components/ThreadList.js +36 -36
  198. package/cjs/Thread/components/ThreadListItem.js +36 -36
  199. package/cjs/Thread/components/ThreadMessageInput.js +30 -30
  200. package/cjs/Thread/components/ThreadUI.js +40 -40
  201. package/cjs/Thread/context.js +8 -8
  202. package/cjs/Thread.js +40 -40
  203. package/cjs/{ThreadProvider-4c69290e.js → ThreadProvider-0508aa6b.js} +10 -10
  204. package/cjs/ThreadProvider-0508aa6b.js.map +1 -0
  205. package/cjs/{UserProfileContext-c4f05bb0.js → UserProfileContext-47da79ce.js} +1 -1
  206. package/cjs/{UserProfileContext-c4f05bb0.js.map → UserProfileContext-47da79ce.js.map} +1 -1
  207. package/cjs/{VoiceMessageInputWrapper-df54ab5c.js → VoiceMessageInputWrapper-19bb43d1.js} +7 -7
  208. package/cjs/{VoiceMessageInputWrapper-df54ab5c.js.map → VoiceMessageInputWrapper-19bb43d1.js.map} +1 -1
  209. package/cjs/VoicePlayer/context.js +3 -3
  210. package/cjs/VoicePlayer/useVoicePlayer.js +9 -9
  211. package/cjs/VoiceRecorder/context.js +9 -9
  212. package/cjs/VoiceRecorder/useVoiceRecorder.js +8 -8
  213. package/cjs/{WebAudioUtils-8d1d54b9.js → WebAudioUtils-607e6d36.js} +1 -1
  214. package/cjs/{WebAudioUtils-8d1d54b9.js.map → WebAudioUtils-607e6d36.js.map} +1 -1
  215. package/cjs/{_rollupPluginBabelHelpers-adf1aba0.js → _rollupPluginBabelHelpers-eb6b8b27.js} +1 -1
  216. package/cjs/_rollupPluginBabelHelpers-eb6b8b27.js.map +1 -0
  217. package/cjs/{actionTypes-9bcfb089.js → actionTypes-5b18beb9.js} +1 -1
  218. package/cjs/{actionTypes-9bcfb089.js.map → actionTypes-5b18beb9.js.map} +1 -1
  219. package/cjs/{color-baf4f7ac.js → color-1d73789a.js} +1 -1
  220. package/cjs/{color-baf4f7ac.js.map → color-1d73789a.js.map} +1 -1
  221. package/cjs/{compareIds-1cba4056.js → compareIds-1e3d2ab4.js} +1 -1
  222. package/cjs/{compareIds-1cba4056.js.map → compareIds-1e3d2ab4.js.map} +1 -1
  223. package/cjs/{const-66f2367d.js → const-23450239.js} +1 -1
  224. package/cjs/{const-66f2367d.js.map → const-23450239.js.map} +1 -1
  225. package/cjs/{const-7dbc9e4e.js → const-a2bea8cb.js} +1 -1
  226. package/cjs/{const-7dbc9e4e.js.map → const-a2bea8cb.js.map} +1 -1
  227. package/cjs/{consts-a96b7d38.js → consts-10ef7616.js} +1 -1
  228. package/cjs/{consts-a96b7d38.js.map → consts-10ef7616.js.map} +1 -1
  229. package/cjs/{consts-117364e2.js → consts-384c3f07.js} +1 -1
  230. package/cjs/{consts-117364e2.js.map → consts-384c3f07.js.map} +1 -1
  231. package/cjs/{consts-b8abaa6f.js → consts-b7b7a6e1.js} +1 -1
  232. package/cjs/{consts-b8abaa6f.js.map → consts-b7b7a6e1.js.map} +1 -1
  233. package/cjs/{consts-016d7043.js → consts-da8cf320.js} +1 -1
  234. package/cjs/{consts-016d7043.js.map → consts-da8cf320.js.map} +1 -1
  235. package/cjs/{context-2a4c2d22.js → context-7a760f10.js} +2 -2
  236. package/cjs/{context-2a4c2d22.js.map → context-7a760f10.js.map} +1 -1
  237. package/cjs/dist/index.css +159 -144
  238. package/cjs/dist/index.css.map +1 -1
  239. package/cjs/{index-bde9599e.js → index-0bfdb242.js} +2 -7
  240. package/cjs/index-0bfdb242.js.map +1 -0
  241. package/cjs/{index-f74334ce.js → index-2abc972f.js} +3 -3
  242. package/cjs/{index-f74334ce.js.map → index-2abc972f.js.map} +1 -1
  243. package/cjs/{index-16555e69.js → index-3302aa9f.js} +4 -4
  244. package/cjs/{index-16555e69.js.map → index-3302aa9f.js.map} +1 -1
  245. package/cjs/{index-621e3015.js → index-37e8cb7f.js} +1 -1
  246. package/cjs/{index-621e3015.js.map → index-37e8cb7f.js.map} +1 -1
  247. package/cjs/{index-eb15a4ee.js → index-3bf38657.js} +6 -6
  248. package/cjs/{index-eb15a4ee.js.map → index-3bf38657.js.map} +1 -1
  249. package/cjs/{index-f14cc718.js → index-4836de1e.js} +5 -5
  250. package/cjs/{index-f14cc718.js.map → index-4836de1e.js.map} +1 -1
  251. package/cjs/{index-fc4eaae0.js → index-48e4dc27.js} +2 -2
  252. package/cjs/{index-fc4eaae0.js.map → index-48e4dc27.js.map} +1 -1
  253. package/cjs/{index-549994d9.js → index-560e60c2.js} +34 -19
  254. package/cjs/index-560e60c2.js.map +1 -0
  255. package/cjs/{index-53273d37.js → index-572ef10a.js} +1 -1
  256. package/cjs/{index-53273d37.js.map → index-572ef10a.js.map} +1 -1
  257. package/cjs/{index-d4e18bf9.js → index-604a4266.js} +2 -2
  258. package/cjs/{index-d4e18bf9.js.map → index-604a4266.js.map} +1 -1
  259. package/cjs/{index-36f8250f.js → index-735ab91e.js} +2 -2
  260. package/cjs/{index-36f8250f.js.map → index-735ab91e.js.map} +1 -1
  261. package/cjs/{index-f530a2c2.js → index-95cb25f2.js} +4 -4
  262. package/cjs/{index-f530a2c2.js.map → index-95cb25f2.js.map} +1 -1
  263. package/cjs/{index-17d4f887.js → index-bd8d9af4.js} +3 -3
  264. package/cjs/{index-17d4f887.js.map → index-bd8d9af4.js.map} +1 -1
  265. package/cjs/{index-a47e4fd8.js → index-ccb95f1e.js} +6 -6
  266. package/cjs/{index-a47e4fd8.js.map → index-ccb95f1e.js.map} +1 -1
  267. package/cjs/{index-eb9a1faa.js → index-d2315c53.js} +3 -3
  268. package/cjs/{index-eb9a1faa.js.map → index-d2315c53.js.map} +1 -1
  269. package/cjs/{index-e7a4c994.js → index-e811013a.js} +2 -2
  270. package/cjs/{index-e7a4c994.js.map → index-e811013a.js.map} +1 -1
  271. package/cjs/{index-147cf333.js → index-eda19173.js} +2 -2
  272. package/cjs/{index-147cf333.js.map → index-eda19173.js.map} +1 -1
  273. package/cjs/index.js +52 -52
  274. package/cjs/{index.module-d0516000.js → index.module-ea6bd1f1.js} +1 -1
  275. package/cjs/{index.module-d0516000.js.map → index.module-ea6bd1f1.js.map} +1 -1
  276. package/cjs/{resolvedReplyType-96f32c03.js → resolvedReplyType-8a349b8c.js} +1 -1
  277. package/cjs/{resolvedReplyType-96f32c03.js.map → resolvedReplyType-8a349b8c.js.map} +1 -1
  278. package/cjs/sendbirdSelectors.js +3 -3
  279. package/cjs/{stringSet-69ca82fa.js → stringSet-2450c9e9.js} +1 -1
  280. package/cjs/{stringSet-69ca82fa.js.map → stringSet-2450c9e9.js.map} +1 -1
  281. package/cjs/{tokenize-2bf879b9.js → tokenize-f217adbe.js} +2 -2
  282. package/cjs/{tokenize-2bf879b9.js.map → tokenize-f217adbe.js.map} +1 -1
  283. package/cjs/{topics-0c78e863.js → topics-03a59659.js} +1 -1
  284. package/cjs/{topics-0c78e863.js.map → topics-03a59659.js.map} +1 -1
  285. package/cjs/{types-0c970a08.js → types-86058820.js} +1 -1
  286. package/cjs/{types-0c970a08.js.map → types-86058820.js.map} +1 -1
  287. package/cjs/ui/Accordion.js +2 -2
  288. package/cjs/ui/AccordionGroup.js +2 -2
  289. package/cjs/ui/AdminMessage.js +2 -2
  290. package/cjs/ui/Avatar.js +1 -1
  291. package/cjs/ui/Badge.js +4 -4
  292. package/cjs/ui/BottomSheet.js +1 -1
  293. package/cjs/ui/Button.js +2 -2
  294. package/cjs/ui/ChannelAvatar.js +2 -2
  295. package/cjs/ui/ConnectionStatus.js +4 -4
  296. package/cjs/ui/ContextMenu.js +5 -5
  297. package/cjs/ui/DateSeparator.js +3 -3
  298. package/cjs/ui/EmojiReactions.js +13 -13
  299. package/cjs/ui/FileMessageItemBody.js +6 -6
  300. package/cjs/ui/FileViewer.js +8 -8
  301. package/cjs/ui/IconButton.js +1 -1
  302. package/cjs/ui/Input.js +2 -2
  303. package/cjs/ui/Label.js +2 -2
  304. package/cjs/ui/LinkLabel.js +2 -2
  305. package/cjs/ui/MentionLabel.js +10 -10
  306. package/cjs/ui/MentionUserLabel.js +1 -1
  307. package/cjs/ui/MessageContent.js +28 -28
  308. package/cjs/ui/MessageInput.js +13 -13
  309. package/cjs/ui/MessageItemMenu.js +8 -8
  310. package/cjs/ui/MessageItemReactionMenu.js +8 -8
  311. package/cjs/ui/MessageSearchFileItem.js +10 -10
  312. package/cjs/ui/MessageSearchItem.js +8 -8
  313. package/cjs/ui/MessageStatus.js +10 -10
  314. package/cjs/ui/Modal.js +7 -7
  315. package/cjs/ui/OGMessageItemBody.js +14 -14
  316. package/cjs/ui/OpenChannelAdminMessage.js +2 -2
  317. package/cjs/ui/OpenChannelAvatar.js +5 -5
  318. package/cjs/ui/OpenchannelConversationHeader.js +6 -6
  319. package/cjs/ui/OpenchannelFileMessage.js +15 -15
  320. package/cjs/ui/OpenchannelOGMessage.js +18 -18
  321. package/cjs/ui/OpenchannelThumbnailMessage.js +14 -14
  322. package/cjs/ui/OpenchannelUserMessage.js +15 -15
  323. package/cjs/ui/PlaceHolder.js +5 -5
  324. package/cjs/ui/PlaybackTime.js +2 -2
  325. package/cjs/ui/QuoteMessage.js +6 -6
  326. package/cjs/ui/QuoteMessageInput.js +6 -6
  327. package/cjs/ui/ReactionBadge.js +2 -2
  328. package/cjs/ui/ReactionButton.js +4 -4
  329. package/cjs/ui/SortByRow.js +1 -1
  330. package/cjs/ui/TextButton.js +1 -1
  331. package/cjs/ui/TextMessageItemBody.js +14 -14
  332. package/cjs/ui/ThreadReplies.js +5 -5
  333. package/cjs/ui/ThumbnailMessageItemBody.js +5 -5
  334. package/cjs/ui/Toggle.js +1 -1
  335. package/cjs/ui/Tooltip.js +2 -2
  336. package/cjs/ui/UnknownMessageItemBody.js +6 -6
  337. package/cjs/ui/UserListItem.js +10 -10
  338. package/cjs/ui/UserProfile.js +9 -9
  339. package/cjs/ui/VoiceMessageItemBody.js +9 -9
  340. package/cjs/ui/VoiceMessgeInput.js +7 -7
  341. package/cjs/ui/Word.js +10 -10
  342. package/cjs/{useDirtyGetMentions-80611147.js → useDirtyGetMentions-73c92dd1.js} +1 -1
  343. package/cjs/{useDirtyGetMentions-80611147.js.map → useDirtyGetMentions-73c92dd1.js.map} +1 -1
  344. package/cjs/{useLongPress-d1ebf7be.js → useLongPress-b013fc04.js} +3 -3
  345. package/cjs/{useLongPress-d1ebf7be.js.map → useLongPress-b013fc04.js.map} +1 -1
  346. package/cjs/useSendbirdStateContext.js +1 -1
  347. package/cjs/utils/message/isVoiceMessage.js +2 -2
  348. package/cjs/{utils-4123016b.js → utils-44170a0b.js} +2 -2
  349. package/cjs/{utils-4123016b.js.map → utils-44170a0b.js.map} +1 -1
  350. package/cjs/{utils-26f6ba66.js → utils-6828954f.js} +1 -1
  351. package/cjs/{utils-26f6ba66.js.map → utils-6828954f.js.map} +1 -1
  352. package/cjs/{utils-863d8360.js → utils-d2968db1.js} +1 -1
  353. package/cjs/{utils-863d8360.js.map → utils-d2968db1.js.map} +1 -1
  354. package/cjs/{utils-399e42e0.js → utils-feec79a2.js} +1 -1
  355. package/cjs/{utils-399e42e0.js.map → utils-feec79a2.js.map} +1 -1
  356. package/cjs/{uuid-415e7036.js → uuid-ec351d96.js} +1 -1
  357. package/cjs/{uuid-415e7036.js.map → uuid-ec351d96.js.map} +1 -1
  358. package/cjs/withSendbird.js +1 -1
  359. package/{color-69f6e789.js → color-65ea9130.js} +1 -1
  360. package/{color-69f6e789.js.map → color-65ea9130.js.map} +1 -1
  361. package/{compareIds-38edfc55.js → compareIds-e8adfea2.js} +1 -1
  362. package/{compareIds-38edfc55.js.map → compareIds-e8adfea2.js.map} +1 -1
  363. package/{const-a243b539.js → const-2fda8942.js} +1 -1
  364. package/{const-a243b539.js.map → const-2fda8942.js.map} +1 -1
  365. package/{const-37554925.js → const-89c31819.js} +1 -1
  366. package/{const-37554925.js.map → const-89c31819.js.map} +1 -1
  367. package/{consts-ca67a8bb.js → consts-60bc9064.js} +1 -1
  368. package/{consts-ca67a8bb.js.map → consts-60bc9064.js.map} +1 -1
  369. package/{consts-5cbbba56.js → consts-746d9d54.js} +1 -1
  370. package/{consts-5cbbba56.js.map → consts-746d9d54.js.map} +1 -1
  371. package/{consts-2569b193.js → consts-a7afe685.js} +1 -1
  372. package/{consts-2569b193.js.map → consts-a7afe685.js.map} +1 -1
  373. package/{consts-3a3fab91.js → consts-f3cb0986.js} +1 -1
  374. package/{consts-3a3fab91.js.map → consts-f3cb0986.js.map} +1 -1
  375. package/{context-20f34f21.js → context-f542aa7f.js} +2 -2
  376. package/{context-20f34f21.js.map → context-f542aa7f.js.map} +1 -1
  377. package/dist/index.css +159 -144
  378. package/dist/index.css.map +1 -1
  379. package/{index-f6e1c352.js → index-1a9ad5e8.js} +3 -3
  380. package/{index-f6e1c352.js.map → index-1a9ad5e8.js.map} +1 -1
  381. package/{index-4142b9b8.js → index-1bb6ac7b.js} +5 -5
  382. package/{index-4142b9b8.js.map → index-1bb6ac7b.js.map} +1 -1
  383. package/{index-315dcf0d.js → index-284c6669.js} +34 -19
  384. package/index-284c6669.js.map +1 -0
  385. package/{index-3884739d.js → index-4415e3d4.js} +3 -7
  386. package/index-4415e3d4.js.map +1 -0
  387. package/{index-b42c0eb1.js → index-68e4f991.js} +4 -4
  388. package/{index-b42c0eb1.js.map → index-68e4f991.js.map} +1 -1
  389. package/{index-50634013.js → index-6d5e4fbe.js} +2 -2
  390. package/{index-50634013.js.map → index-6d5e4fbe.js.map} +1 -1
  391. package/{index-f697fbcb.js → index-8ca9e057.js} +1 -1
  392. package/{index-f697fbcb.js.map → index-8ca9e057.js.map} +1 -1
  393. package/{index-a5c6db93.js → index-915d9f7d.js} +3 -3
  394. package/{index-a5c6db93.js.map → index-915d9f7d.js.map} +1 -1
  395. package/{index-a4584e34.js → index-920644b3.js} +2 -2
  396. package/{index-a4584e34.js.map → index-920644b3.js.map} +1 -1
  397. package/{index-c13a345e.js → index-ada3d917.js} +2 -2
  398. package/{index-c13a345e.js.map → index-ada3d917.js.map} +1 -1
  399. package/{index-fdfe6417.js → index-c2c5dd5d.js} +2 -2
  400. package/{index-fdfe6417.js.map → index-c2c5dd5d.js.map} +1 -1
  401. package/{index-ae663bfa.js → index-d83e2bc2.js} +1 -1
  402. package/{index-ae663bfa.js.map → index-d83e2bc2.js.map} +1 -1
  403. package/{index-eb5489b5.js → index-dc264d1a.js} +6 -6
  404. package/{index-eb5489b5.js.map → index-dc264d1a.js.map} +1 -1
  405. package/{index-d9e61250.js → index-e7546341.js} +2 -2
  406. package/{index-d9e61250.js.map → index-e7546341.js.map} +1 -1
  407. package/{index-9d36647d.js → index-ea60d5ce.js} +6 -6
  408. package/{index-9d36647d.js.map → index-ea60d5ce.js.map} +1 -1
  409. package/{index-31460208.js → index-ef404210.js} +4 -4
  410. package/{index-31460208.js.map → index-ef404210.js.map} +1 -1
  411. package/{index-1fa6dddb.js → index-fba0a213.js} +3 -3
  412. package/{index-1fa6dddb.js.map → index-fba0a213.js.map} +1 -1
  413. package/index.d.ts +1 -2
  414. package/index.js +52 -52
  415. package/{index.module-7ee52842.js → index.module-8c38026f.js} +1 -1
  416. package/{index.module-7ee52842.js.map → index.module-8c38026f.js.map} +1 -1
  417. package/package.json +2 -2
  418. package/{resolvedReplyType-db634471.js → resolvedReplyType-3b091b4c.js} +1 -1
  419. package/{resolvedReplyType-db634471.js.map → resolvedReplyType-3b091b4c.js.map} +1 -1
  420. package/sendbirdSelectors.js +3 -3
  421. package/{stringSet-48003663.js → stringSet-21b6dbb8.js} +1 -1
  422. package/{stringSet-48003663.js.map → stringSet-21b6dbb8.js.map} +1 -1
  423. package/{tokenize-d4044e1f.js → tokenize-52f8c30c.js} +2 -2
  424. package/{tokenize-d4044e1f.js.map → tokenize-52f8c30c.js.map} +1 -1
  425. package/{topics-913cf30c.js → topics-89a856f6.js} +1 -1
  426. package/{topics-913cf30c.js.map → topics-89a856f6.js.map} +1 -1
  427. package/{types-406698d9.js → types-e62d482c.js} +1 -1
  428. package/{types-406698d9.js.map → types-e62d482c.js.map} +1 -1
  429. package/ui/Accordion.js +2 -2
  430. package/ui/AccordionGroup.js +2 -2
  431. package/ui/AdminMessage.js +2 -2
  432. package/ui/Avatar.js +1 -1
  433. package/ui/Badge.js +4 -4
  434. package/ui/BottomSheet.js +1 -1
  435. package/ui/Button.js +2 -2
  436. package/ui/ChannelAvatar.js +2 -2
  437. package/ui/ConnectionStatus.js +4 -4
  438. package/ui/ContextMenu.js +5 -5
  439. package/ui/DateSeparator.js +3 -3
  440. package/ui/EmojiReactions.js +13 -13
  441. package/ui/FileMessageItemBody.js +6 -6
  442. package/ui/FileViewer.js +8 -8
  443. package/ui/IconButton.js +1 -1
  444. package/ui/Input.js +2 -2
  445. package/ui/Label.js +2 -2
  446. package/ui/LinkLabel.js +2 -2
  447. package/ui/MentionLabel.js +10 -10
  448. package/ui/MentionUserLabel.js +1 -1
  449. package/ui/MessageContent.js +28 -28
  450. package/ui/MessageInput.js +13 -13
  451. package/ui/MessageItemMenu.js +8 -8
  452. package/ui/MessageItemReactionMenu.js +8 -8
  453. package/ui/MessageSearchFileItem.js +10 -10
  454. package/ui/MessageSearchItem.js +8 -8
  455. package/ui/MessageStatus.js +10 -10
  456. package/ui/Modal.js +7 -7
  457. package/ui/OGMessageItemBody.js +14 -14
  458. package/ui/OpenChannelAdminMessage.js +2 -2
  459. package/ui/OpenChannelAvatar.js +5 -5
  460. package/ui/OpenchannelConversationHeader.js +6 -6
  461. package/ui/OpenchannelFileMessage.js +15 -15
  462. package/ui/OpenchannelOGMessage.js +18 -18
  463. package/ui/OpenchannelThumbnailMessage.js +14 -14
  464. package/ui/OpenchannelUserMessage.js +15 -15
  465. package/ui/PlaceHolder.js +5 -5
  466. package/ui/PlaybackTime.js +2 -2
  467. package/ui/QuoteMessage.js +6 -6
  468. package/ui/QuoteMessageInput.js +6 -6
  469. package/ui/ReactionBadge.js +2 -2
  470. package/ui/ReactionButton.js +4 -4
  471. package/ui/SortByRow.js +1 -1
  472. package/ui/TextButton.js +1 -1
  473. package/ui/TextMessageItemBody.js +14 -14
  474. package/ui/ThreadReplies.js +5 -5
  475. package/ui/ThumbnailMessageItemBody.js +5 -5
  476. package/ui/Toggle.js +1 -1
  477. package/ui/Tooltip.js +2 -2
  478. package/ui/UnknownMessageItemBody.js +6 -6
  479. package/ui/UserListItem.js +10 -10
  480. package/ui/UserProfile.js +9 -9
  481. package/ui/VoiceMessageItemBody.js +9 -9
  482. package/ui/VoiceMessgeInput.js +7 -7
  483. package/ui/Word.js +10 -10
  484. package/{useDirtyGetMentions-19f30317.js → useDirtyGetMentions-20e1c85d.js} +1 -1
  485. package/{useDirtyGetMentions-19f30317.js.map → useDirtyGetMentions-20e1c85d.js.map} +1 -1
  486. package/{useLongPress-84190b3e.js → useLongPress-0c20bd2f.js} +3 -3
  487. package/{useLongPress-84190b3e.js.map → useLongPress-0c20bd2f.js.map} +1 -1
  488. package/useSendbirdStateContext.js +1 -1
  489. package/utils/message/isVoiceMessage.js +2 -2
  490. package/{utils-12b3e12b.js → utils-95512c29.js} +1 -1
  491. package/{utils-12b3e12b.js.map → utils-95512c29.js.map} +1 -1
  492. package/{utils-49d7b734.js → utils-9ca6a7a1.js} +2 -2
  493. package/{utils-49d7b734.js.map → utils-9ca6a7a1.js.map} +1 -1
  494. package/{utils-06f531b7.js → utils-bee6567e.js} +1 -1
  495. package/{utils-06f531b7.js.map → utils-bee6567e.js.map} +1 -1
  496. package/{utils-5248be17.js → utils-cefd05d8.js} +1 -1
  497. package/{utils-5248be17.js.map → utils-cefd05d8.js.map} +1 -1
  498. package/{uuid-91cc1b9f.js → uuid-1141c1b4.js} +1 -1
  499. package/{uuid-91cc1b9f.js.map → uuid-1141c1b4.js.map} +1 -1
  500. package/withSendbird.js +1 -1
  501. package/ThreadProvider-29ee3fd4.js.map +0 -1
  502. package/_rollupPluginBabelHelpers-67b8fcb1.js.map +0 -1
  503. package/cjs/ThreadProvider-4c69290e.js.map +0 -1
  504. package/cjs/_rollupPluginBabelHelpers-adf1aba0.js.map +0 -1
  505. package/cjs/index-549994d9.js.map +0 -1
  506. package/cjs/index-bde9599e.js.map +0 -1
  507. package/index-315dcf0d.js.map +0 -1
  508. package/index-3884739d.js.map +0 -1
package/dist/index.css CHANGED
@@ -70,99 +70,132 @@
70
70
  color: inherit;
71
71
  word-break: break-all;
72
72
  }
73
- .sendbird-open-channel-list,
74
- .sendbird-open-channel-list-ui {
73
+ .sendbird-open-channel-preview {
75
74
  position: relative;
76
75
  display: inline-flex;
77
- flex-direction: column;
78
- width: 256px;
79
- min-width: 256px;
80
- height: 100%;
76
+ flex-direction: row;
77
+ width: 264px;
78
+ height: 58px;
79
+ min-width: 264px;
80
+ min-height: 58px;
81
81
  box-sizing: border-box;
82
82
  }
83
- .sendbird--mobile-mode .sendbird-open-channel-list,
84
- .sendbird--mobile-mode .sendbird-open-channel-list-ui {
85
- width: 100%;
86
- }
87
- .sendbird-theme--light .sendbird-open-channel-list,
88
- .sendbird-theme--light .sendbird-open-channel-list-ui {
89
- border-right: solid 1px var(--sendbird-light-onlight-04);
90
- }
91
- .sendbird-theme--dark .sendbird-open-channel-list,
92
- .sendbird-theme--dark .sendbird-open-channel-list-ui {
93
- border-right: solid 1px var(--sendbird-dark-ondark-04);
94
- }
95
- .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
96
- .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
97
- position: relative;
98
- display: inline-flex;
99
- flex-direction: row;
100
- align-items: center;
83
+ .sendbird--mobile-mode .sendbird-open-channel-preview {
101
84
  width: 100%;
102
- height: 64px;
103
- box-sizing: border-box;
104
85
  }
105
- .sendbird-theme--light .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
106
- .sendbird-theme--light .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
86
+ .sendbird-theme--light .sendbird-open-channel-preview {
107
87
  background-color: var(--sendbird-light-background-50);
108
88
  border-bottom: solid 1px var(--sendbird-light-onlight-04);
109
89
  }
110
- .sendbird-theme--dark .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
111
- .sendbird-theme--dark .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
90
+ .sendbird-theme--dark .sendbird-open-channel-preview {
112
91
  background-color: var(--sendbird-dark-background-600);
113
92
  border-bottom: solid 1px var(--sendbird-dark-ondark-04);
114
93
  }
115
- .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title,
116
- .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title {
94
+ .sendbird-theme--light .sendbird-open-channel-preview:hover {
95
+ background-color: var(--sendbird-light-background-100);
96
+ }
97
+ .sendbird-theme--dark .sendbird-open-channel-preview:hover {
98
+ background-color: var(--sendbird-dark-background-500);
99
+ }
100
+ .sendbird-theme--light .sendbird-open-channel-preview.selected {
101
+ background-color: var(--sendbird-light-primary-100);
102
+ border-left: solid 4px var(--sendbird-light-primary-300);
103
+ }
104
+ .sendbird-theme--dark .sendbird-open-channel-preview.selected {
105
+ background-color: var(--sendbird-dark-primary-300);
106
+ border-left: solid 4px var(--sendbird-dark-primary-200);
107
+ }
108
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image {
117
109
  position: relative;
118
- margin-left: 24px;
110
+ margin-top: 8px;
111
+ margin-left: 16px;
119
112
  display: inline-flex;
120
113
  align-items: center;
114
+ justify-content: center;
115
+ width: 42px;
116
+ height: 42px;
121
117
  box-sizing: border-box;
122
118
  }
123
- .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh,
124
- .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh {
125
- position: absolute;
126
- top: 16px;
127
- right: 56px;
119
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar,
120
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar--default {
121
+ position: relative;
128
122
  display: inline-flex;
129
123
  align-items: center;
130
124
  justify-content: center;
131
125
  box-sizing: border-box;
132
126
  }
133
- .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel,
134
- .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel {
135
- position: absolute;
136
- top: 16px;
137
- right: 16px;
127
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context {
128
+ position: relative;
129
+ margin-top: 8px;
130
+ margin-left: 16px;
138
131
  display: inline-flex;
139
- align-items: center;
140
- justify-content: center;
132
+ flex-direction: column;
133
+ width: calc(100% - 100px);
141
134
  box-sizing: border-box;
142
135
  }
143
- .sendbird-open-channel-list .sendbird-open-channel-list-ui__channel-list,
144
- .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__channel-list {
136
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title {
145
137
  position: relative;
146
138
  display: inline-flex;
147
- flex-direction: column;
139
+ flex-direction: row;
140
+ align-items: center;
148
141
  width: 100%;
149
- height: calc(100% - 64px);
142
+ height: 16px;
150
143
  box-sizing: border-box;
151
- overflow-y: scroll;
152
144
  }
153
-
154
- .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
145
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name {
155
146
  position: relative;
156
- min-height: 62px;
147
+ display: inline-block;
148
+ width: 100%;
149
+ white-space: nowrap;
150
+ overflow: hidden;
151
+ text-overflow: ellipsis;
152
+ box-sizing: border-box;
153
+ overflow-x: hidden;
154
+ text-overflow: ellipsis;
155
+ word-break: keep-all;
156
+ }
157
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name.frozen {
158
+ max-width: calc(100% - 20px);
159
+ }
160
+ .sendbird--mobile-mode .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name {
161
+ overflow-y: hidden;
162
+ }
163
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen {
164
+ position: relative;
165
+ margin-left: 4px;
157
166
  display: inline-flex;
167
+ }
168
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants {
169
+ position: relative;
170
+ margin-top: 8px;
171
+ display: inline-flex;
172
+ flex-direction: row;
158
173
  align-items: center;
159
- justify-content: center;
174
+ width: 100%;
175
+ height: 14px;
176
+ box-sizing: border-box;
160
177
  }
161
- .sendbird-theme--light .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
162
- background-color: var(--sendbird-light-background-100);
178
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__icon {
179
+ position: relative;
180
+ display: inline-flex;
181
+ width: 14px;
182
+ height: 14px;
183
+ box-sizing: border-box;
163
184
  }
164
- .sendbird-theme--dark .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
165
- background-color: var(--sendbird-dark-background-500);
185
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count {
186
+ position: relative;
187
+ margin-left: 4px;
188
+ display: inline-flex;
189
+ width: 160px;
190
+ max-width: 160px;
191
+ height: 12px;
192
+ box-sizing: border-box;
193
+ overflow-x: hidden;
194
+ text-overflow: ellipsis;
195
+ word-break: keep-all;
196
+ }
197
+ .sendbird--mobile-mode .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count {
198
+ overflow-y: hidden;
166
199
  }
167
200
  .sendbird-create-open-channel-ui {
168
201
  position: relative;
@@ -219,124 +252,99 @@
219
252
  display: inline-flex;
220
253
  flex-direction: row;
221
254
  }
222
- .sendbird-open-channel-preview {
255
+ .sendbird-open-channel-list,
256
+ .sendbird-open-channel-list-ui {
223
257
  position: relative;
224
258
  display: inline-flex;
225
- flex-direction: row;
226
- width: 264px;
227
- height: 58px;
228
- min-width: 264px;
229
- min-height: 58px;
259
+ flex-direction: column;
260
+ width: 256px;
261
+ min-width: 256px;
262
+ height: 100%;
230
263
  box-sizing: border-box;
231
264
  }
232
- .sendbird--mobile-mode .sendbird-open-channel-preview {
265
+ .sendbird--mobile-mode .sendbird-open-channel-list,
266
+ .sendbird--mobile-mode .sendbird-open-channel-list-ui {
233
267
  width: 100%;
234
268
  }
235
- .sendbird-theme--light .sendbird-open-channel-preview {
269
+ .sendbird-theme--light .sendbird-open-channel-list,
270
+ .sendbird-theme--light .sendbird-open-channel-list-ui {
271
+ border-right: solid 1px var(--sendbird-light-onlight-04);
272
+ }
273
+ .sendbird-theme--dark .sendbird-open-channel-list,
274
+ .sendbird-theme--dark .sendbird-open-channel-list-ui {
275
+ border-right: solid 1px var(--sendbird-dark-ondark-04);
276
+ }
277
+ .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
278
+ .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
279
+ position: relative;
280
+ display: inline-flex;
281
+ flex-direction: row;
282
+ align-items: center;
283
+ width: 100%;
284
+ height: 64px;
285
+ box-sizing: border-box;
286
+ }
287
+ .sendbird-theme--light .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
288
+ .sendbird-theme--light .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
236
289
  background-color: var(--sendbird-light-background-50);
237
290
  border-bottom: solid 1px var(--sendbird-light-onlight-04);
238
291
  }
239
- .sendbird-theme--dark .sendbird-open-channel-preview {
292
+ .sendbird-theme--dark .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
293
+ .sendbird-theme--dark .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
240
294
  background-color: var(--sendbird-dark-background-600);
241
295
  border-bottom: solid 1px var(--sendbird-dark-ondark-04);
242
296
  }
243
- .sendbird-theme--light .sendbird-open-channel-preview:hover {
244
- background-color: var(--sendbird-light-background-100);
245
- }
246
- .sendbird-theme--dark .sendbird-open-channel-preview:hover {
247
- background-color: var(--sendbird-dark-background-500);
248
- }
249
- .sendbird-theme--light .sendbird-open-channel-preview.selected {
250
- background-color: var(--sendbird-light-primary-100);
251
- border-left: solid 4px var(--sendbird-light-primary-300);
252
- }
253
- .sendbird-theme--dark .sendbird-open-channel-preview.selected {
254
- background-color: var(--sendbird-dark-primary-300);
255
- border-left: solid 4px var(--sendbird-dark-primary-200);
256
- }
257
- .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image {
297
+ .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title,
298
+ .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title {
258
299
  position: relative;
259
- margin-top: 8px;
260
- margin-left: 16px;
300
+ margin-left: 24px;
261
301
  display: inline-flex;
262
302
  align-items: center;
263
- justify-content: center;
264
- width: 42px;
265
- height: 42px;
266
303
  box-sizing: border-box;
267
304
  }
268
- .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar,
269
- .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar--default {
270
- position: relative;
305
+ .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh,
306
+ .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh {
307
+ position: absolute;
308
+ top: 16px;
309
+ right: 56px;
271
310
  display: inline-flex;
272
311
  align-items: center;
273
312
  justify-content: center;
274
313
  box-sizing: border-box;
275
314
  }
276
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context {
277
- position: relative;
278
- margin-top: 8px;
279
- margin-left: 16px;
315
+ .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel,
316
+ .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel {
317
+ position: absolute;
318
+ top: 16px;
319
+ right: 16px;
280
320
  display: inline-flex;
281
- flex-direction: column;
282
- max-width: 178px;
321
+ align-items: center;
322
+ justify-content: center;
283
323
  box-sizing: border-box;
284
324
  }
285
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title {
325
+ .sendbird-open-channel-list .sendbird-open-channel-list-ui__channel-list,
326
+ .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__channel-list {
286
327
  position: relative;
287
328
  display: inline-flex;
288
- flex-direction: row;
289
- align-items: center;
329
+ flex-direction: column;
290
330
  width: 100%;
291
- height: 16px;
292
- box-sizing: border-box;
293
- }
294
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name {
295
- position: relative;
296
- display: inline-block;
297
- max-width: 100%;
298
- height: 100%;
331
+ height: calc(100% - 64px);
299
332
  box-sizing: border-box;
300
- overflow-x: hidden;
301
- text-overflow: ellipsis;
302
- word-break: keep-all;
303
- }
304
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name.frozen {
305
- max-width: calc(100% - 20px);
306
- }
307
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen {
308
- position: relative;
309
- margin-left: 4px;
310
- display: inline-flex;
333
+ overflow-y: scroll;
311
334
  }
312
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants {
335
+
336
+ .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
313
337
  position: relative;
314
- margin-top: 8px;
338
+ min-height: 62px;
315
339
  display: inline-flex;
316
- flex-direction: row;
317
340
  align-items: center;
318
- width: 100%;
319
- height: 14px;
320
- box-sizing: border-box;
341
+ justify-content: center;
321
342
  }
322
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__icon {
323
- position: relative;
324
- display: inline-flex;
325
- width: 14px;
326
- height: 14px;
327
- box-sizing: border-box;
343
+ .sendbird-theme--light .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
344
+ background-color: var(--sendbird-light-background-100);
328
345
  }
329
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count {
330
- position: relative;
331
- margin-left: 4px;
332
- display: inline-flex;
333
- width: 160px;
334
- max-width: 160px;
335
- height: 12px;
336
- box-sizing: border-box;
337
- overflow-x: hidden;
338
- text-overflow: ellipsis;
339
- word-break: keep-all;
346
+ .sendbird-theme--dark .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
347
+ background-color: var(--sendbird-dark-background-500);
340
348
  }
341
349
  @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap");
342
350
  :root {
@@ -3388,8 +3396,7 @@
3388
3396
  }
3389
3397
  .sendbird-admin-message .sendbird-admin-message__text {
3390
3398
  display: flex;
3391
- width: 100%;
3392
- word-break: break-word;
3399
+ text-align: center;
3393
3400
  }
3394
3401
  .sendbird-text-message-item-body {
3395
3402
  position: relative;
@@ -3678,7 +3685,6 @@ div.sendbird-text-message-item-body {
3678
3685
  max-width: 400px;
3679
3686
  }
3680
3687
  .sendbird--mobile-mode .sendbird-og-message-item-body {
3681
- width: 66vw;
3682
3688
  min-width: 160px;
3683
3689
  }
3684
3690
  .sendbird-og-message-item-body .sendbird-og-message-item-body__text-bubble {
@@ -3999,6 +4005,15 @@ div.sendbird-og-message-item-body__text-bubble {
3999
4005
  .sendbird-quote-message.unavailable:hover {
4000
4006
  cursor: default;
4001
4007
  }
4008
+
4009
+ .sendbird-message-content.outgoing .sendbird-quote-message__replied-to {
4010
+ flex-direction: row-reverse;
4011
+ padding-right: 0px;
4012
+ }
4013
+
4014
+ .sendbird-message-content.incoming .sendbird-quote-message__replied-to {
4015
+ padding-left: 0px;
4016
+ }
4002
4017
  .sendbird-message__mobile-context-menu {
4003
4018
  border-radius: 8px;
4004
4019
  width: 180px;