@sendbird/uikit-react 3.6.9-rc.0 → 3.6.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (552) hide show
  1. package/App.js +55 -55
  2. package/CHANGELOG.md +6 -2
  3. package/Channel/components/ChannelHeader.js +22 -22
  4. package/Channel/components/ChannelUI.js +48 -48
  5. package/Channel/components/FileViewer.js +18 -18
  6. package/Channel/components/FrozenNotification.js +4 -4
  7. package/Channel/components/Message.js +46 -44
  8. package/Channel/components/Message.js.map +1 -1
  9. package/Channel/components/MessageInput.js +34 -34
  10. package/Channel/components/MessageList.js +75 -46
  11. package/Channel/components/MessageList.js.map +1 -1
  12. package/Channel/components/RemoveMessageModal.js +22 -22
  13. package/Channel/components/SuggestedMentionList.js +20 -20
  14. package/Channel/components/TypingIndicator.js +18 -18
  15. package/Channel/components/UnreadCount.js +4 -4
  16. package/Channel/context.js +15 -15
  17. package/Channel/utils/compareMessagesForGrouping.js +7 -7
  18. package/Channel/utils/getMessagePartsInfo.js +8 -8
  19. package/Channel.js +48 -48
  20. package/ChannelList/components/AddChannel.js +16 -16
  21. package/ChannelList/components/ChannelListHeader.js +6 -6
  22. package/ChannelList/components/ChannelListUI.js +33 -33
  23. package/ChannelList/components/ChannelPreview.js +29 -29
  24. package/ChannelList/components/ChannelPreviewAction.js +15 -15
  25. package/ChannelList/context.js +9 -9
  26. package/ChannelList.js +33 -33
  27. package/{ChannelListProvider-779a4c3d.js → ChannelListProvider-db5ec581.js} +23 -28
  28. package/ChannelListProvider-db5ec581.js.map +1 -0
  29. package/{ChannelProvider-f6fbfb1a.js → ChannelProvider-4710d84f.js} +26 -20
  30. package/ChannelProvider-4710d84f.js.map +1 -0
  31. package/ChannelSettings/components/ChannelProfile.js +13 -13
  32. package/ChannelSettings/components/ChannelSettingsUI.js +18 -18
  33. package/ChannelSettings/components/EditDetailsModal.js +13 -13
  34. package/ChannelSettings/components/LeaveChannel.js +12 -12
  35. package/ChannelSettings/components/ModerationPanel.js +15 -15
  36. package/ChannelSettings/components/UserListItem.js +11 -11
  37. package/ChannelSettings/components/UserPanel.js +14 -14
  38. package/ChannelSettings/context.js +3 -3
  39. package/ChannelSettings.js +18 -18
  40. package/CreateChannel/components/CreateChannelUI.js +14 -14
  41. package/CreateChannel/components/InviteUsers.js +14 -14
  42. package/CreateChannel/components/InviteUsers.js.map +1 -1
  43. package/CreateChannel/components/SelectChannelType.js +11 -11
  44. package/CreateChannel/context.js +4 -4
  45. package/CreateChannel.js +14 -14
  46. package/{CreateChannelProvider-e6c8290a.js → CreateChannelProvider-2318bfd7.js} +1 -1
  47. package/{CreateChannelProvider-e6c8290a.js.map → CreateChannelProvider-2318bfd7.js.map} +1 -1
  48. package/CreateOpenChannel/components/CreateOpenChannelUI.js +11 -11
  49. package/CreateOpenChannel/context.js +1 -1
  50. package/CreateOpenChannel.js +11 -11
  51. package/EditUserProfile/components/EditUserProfileUI.js +13 -13
  52. package/EditUserProfile.js +13 -13
  53. package/{LocalizationContext-2a6ef338.js → LocalizationContext-ffc4148d.js} +3 -3
  54. package/{LocalizationContext-2a6ef338.js.map → LocalizationContext-ffc4148d.js.map} +1 -1
  55. package/{MediaQueryContext-5a34332e.js → MediaQueryContext-9401e28a.js} +1 -1
  56. package/{MediaQueryContext-5a34332e.js.map → MediaQueryContext-9401e28a.js.map} +1 -1
  57. package/{MemberList-5c9b9650.js → MemberList-84e92e5d.js} +6 -6
  58. package/{MemberList-5c9b9650.js.map → MemberList-84e92e5d.js.map} +1 -1
  59. package/MessageSearch/components/MessageSearchUI.js +13 -13
  60. package/MessageSearch/context.js +1 -1
  61. package/MessageSearch.js +13 -13
  62. package/OpenChannel/components/FrozenChannelNotification.js +4 -4
  63. package/OpenChannel/components/OpenChannelHeader.js +12 -12
  64. package/OpenChannel/components/OpenChannelInput.js +20 -20
  65. package/OpenChannel/components/OpenChannelMessage.js +31 -31
  66. package/OpenChannel/components/OpenChannelMessageList.js +34 -34
  67. package/OpenChannel/components/OpenChannelUI.js +34 -34
  68. package/OpenChannel/context.js +8 -8
  69. package/OpenChannel.js +34 -34
  70. package/OpenChannelList/components/OpenChannelListUI.js +15 -15
  71. package/OpenChannelList/components/OpenChannelPreview.js +3 -3
  72. package/OpenChannelList/context.js +3 -3
  73. package/OpenChannelList.js +15 -15
  74. package/{OpenChannelListProvider-1ced6f18.js → OpenChannelListProvider-bccaef43.js} +3 -3
  75. package/{OpenChannelListProvider-1ced6f18.js.map → OpenChannelListProvider-bccaef43.js.map} +1 -1
  76. package/{OpenChannelProvider-4c64bb03.js → OpenChannelProvider-f6d7afc8.js} +8 -8
  77. package/OpenChannelProvider-f6d7afc8.js.map +1 -0
  78. package/OpenChannelSettings/components/EditDetailsModal.js +14 -14
  79. package/OpenChannelSettings/components/OpenChannelProfile.js +14 -14
  80. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +18 -18
  81. package/OpenChannelSettings/components/OperatorUI.js +17 -17
  82. package/OpenChannelSettings/components/ParticipantUI.js +15 -15
  83. package/OpenChannelSettings/context.js +3 -3
  84. package/OpenChannelSettings.js +18 -18
  85. package/{RemoveMessageModal-1f71ab21.js → RemoveMessageModal-2831884b.js} +5 -5
  86. package/{RemoveMessageModal-1f71ab21.js.map → RemoveMessageModal-2831884b.js.map} +1 -1
  87. package/SendbirdProvider.js +17 -17
  88. package/SendbirdProvider.js.map +1 -1
  89. package/Thread/components/ParentMessageInfo.js +38 -38
  90. package/Thread/components/ParentMessageInfoItem.js +25 -25
  91. package/Thread/components/ThreadHeader.js +6 -6
  92. package/Thread/components/ThreadList.js +42 -42
  93. package/Thread/components/ThreadListItem.js +42 -42
  94. package/Thread/components/ThreadMessageInput.js +34 -34
  95. package/Thread/components/ThreadUI.js +47 -47
  96. package/Thread/context.js +12 -12
  97. package/Thread.js +47 -47
  98. package/{ThreadProvider-505e55a5.js → ThreadProvider-1418ccf0.js} +8 -8
  99. package/{ThreadProvider-505e55a5.js.map → ThreadProvider-1418ccf0.js.map} +1 -1
  100. package/{UserProfileContext-ca5fc057.js → UserProfileContext-4ebadc38.js} +1 -1
  101. package/{UserProfileContext-ca5fc057.js.map → UserProfileContext-4ebadc38.js.map} +1 -1
  102. package/VoicePlayer/context.js +3 -3
  103. package/VoicePlayer/useVoicePlayer.js +11 -11
  104. package/VoiceRecorder/context.js +11 -11
  105. package/VoiceRecorder/useVoiceRecorder.js +10 -10
  106. package/{WebAudioUtils-070519e4.js → WebAudioUtils-1b9385ec.js} +2 -2
  107. package/{WebAudioUtils-070519e4.js.map → WebAudioUtils-1b9385ec.js.map} +1 -1
  108. package/{_rollupPluginBabelHelpers-50696833.js → _rollupPluginBabelHelpers-0cef07cb.js} +1 -1
  109. package/_rollupPluginBabelHelpers-0cef07cb.js.map +1 -0
  110. package/{actionTypes-a7ddf06a.js → actionTypes-318efb77.js} +1 -1
  111. package/{actionTypes-a7ddf06a.js.map → actionTypes-318efb77.js.map} +1 -1
  112. package/cjs/App.js +55 -55
  113. package/cjs/Channel/components/ChannelHeader.js +22 -22
  114. package/cjs/Channel/components/ChannelUI.js +48 -48
  115. package/cjs/Channel/components/FileViewer.js +18 -18
  116. package/cjs/Channel/components/FrozenNotification.js +4 -4
  117. package/cjs/Channel/components/Message.js +46 -44
  118. package/cjs/Channel/components/Message.js.map +1 -1
  119. package/cjs/Channel/components/MessageInput.js +34 -34
  120. package/cjs/Channel/components/MessageList.js +75 -46
  121. package/cjs/Channel/components/MessageList.js.map +1 -1
  122. package/cjs/Channel/components/RemoveMessageModal.js +22 -22
  123. package/cjs/Channel/components/SuggestedMentionList.js +20 -20
  124. package/cjs/Channel/components/TypingIndicator.js +18 -18
  125. package/cjs/Channel/components/UnreadCount.js +4 -4
  126. package/cjs/Channel/context.js +15 -15
  127. package/cjs/Channel/utils/compareMessagesForGrouping.js +7 -7
  128. package/cjs/Channel/utils/getMessagePartsInfo.js +8 -8
  129. package/cjs/Channel.js +48 -48
  130. package/cjs/ChannelList/components/AddChannel.js +16 -16
  131. package/cjs/ChannelList/components/ChannelListHeader.js +6 -6
  132. package/cjs/ChannelList/components/ChannelListUI.js +33 -33
  133. package/cjs/ChannelList/components/ChannelPreview.js +29 -29
  134. package/cjs/ChannelList/components/ChannelPreviewAction.js +15 -15
  135. package/cjs/ChannelList/context.js +9 -9
  136. package/cjs/ChannelList.js +33 -33
  137. package/cjs/{ChannelListProvider-6ab7d534.js → ChannelListProvider-8a2c8449.js} +23 -28
  138. package/cjs/ChannelListProvider-8a2c8449.js.map +1 -0
  139. package/cjs/{ChannelProvider-5dab910c.js → ChannelProvider-f53f6659.js} +26 -20
  140. package/cjs/ChannelProvider-f53f6659.js.map +1 -0
  141. package/cjs/ChannelSettings/components/ChannelProfile.js +13 -13
  142. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +18 -18
  143. package/cjs/ChannelSettings/components/EditDetailsModal.js +13 -13
  144. package/cjs/ChannelSettings/components/LeaveChannel.js +12 -12
  145. package/cjs/ChannelSettings/components/ModerationPanel.js +15 -15
  146. package/cjs/ChannelSettings/components/UserListItem.js +11 -11
  147. package/cjs/ChannelSettings/components/UserPanel.js +14 -14
  148. package/cjs/ChannelSettings/context.js +3 -3
  149. package/cjs/ChannelSettings.js +18 -18
  150. package/cjs/CreateChannel/components/CreateChannelUI.js +14 -14
  151. package/cjs/CreateChannel/components/InviteUsers.js +14 -14
  152. package/cjs/CreateChannel/components/InviteUsers.js.map +1 -1
  153. package/cjs/CreateChannel/components/SelectChannelType.js +11 -11
  154. package/cjs/CreateChannel/context.js +4 -4
  155. package/cjs/CreateChannel.js +14 -14
  156. package/cjs/{CreateChannelProvider-87b5a870.js → CreateChannelProvider-c222d954.js} +1 -1
  157. package/cjs/{CreateChannelProvider-87b5a870.js.map → CreateChannelProvider-c222d954.js.map} +1 -1
  158. package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js +11 -11
  159. package/cjs/CreateOpenChannel/context.js +1 -1
  160. package/cjs/CreateOpenChannel.js +11 -11
  161. package/cjs/EditUserProfile/components/EditUserProfileUI.js +13 -13
  162. package/cjs/EditUserProfile.js +13 -13
  163. package/cjs/{LocalizationContext-01462759.js → LocalizationContext-40eb7c9d.js} +3 -3
  164. package/cjs/{LocalizationContext-01462759.js.map → LocalizationContext-40eb7c9d.js.map} +1 -1
  165. package/cjs/{MediaQueryContext-550a1a76.js → MediaQueryContext-c66337d3.js} +1 -1
  166. package/cjs/{MediaQueryContext-550a1a76.js.map → MediaQueryContext-c66337d3.js.map} +1 -1
  167. package/cjs/{MemberList-446c4808.js → MemberList-f3956662.js} +6 -6
  168. package/cjs/{MemberList-446c4808.js.map → MemberList-f3956662.js.map} +1 -1
  169. package/cjs/MessageSearch/components/MessageSearchUI.js +13 -13
  170. package/cjs/MessageSearch/context.js +1 -1
  171. package/cjs/MessageSearch.js +13 -13
  172. package/cjs/OpenChannel/components/FrozenChannelNotification.js +4 -4
  173. package/cjs/OpenChannel/components/OpenChannelHeader.js +12 -12
  174. package/cjs/OpenChannel/components/OpenChannelInput.js +20 -20
  175. package/cjs/OpenChannel/components/OpenChannelMessage.js +31 -31
  176. package/cjs/OpenChannel/components/OpenChannelMessageList.js +34 -34
  177. package/cjs/OpenChannel/components/OpenChannelUI.js +34 -34
  178. package/cjs/OpenChannel/context.js +8 -8
  179. package/cjs/OpenChannel.js +34 -34
  180. package/cjs/OpenChannelList/components/OpenChannelListUI.js +15 -15
  181. package/cjs/OpenChannelList/components/OpenChannelPreview.js +3 -3
  182. package/cjs/OpenChannelList/context.js +3 -3
  183. package/cjs/OpenChannelList.js +15 -15
  184. package/cjs/{OpenChannelListProvider-ca0abdf0.js → OpenChannelListProvider-0dfce6f0.js} +3 -3
  185. package/cjs/{OpenChannelListProvider-ca0abdf0.js.map → OpenChannelListProvider-0dfce6f0.js.map} +1 -1
  186. package/cjs/{OpenChannelProvider-77ce94f4.js → OpenChannelProvider-3fee0431.js} +8 -8
  187. package/cjs/OpenChannelProvider-3fee0431.js.map +1 -0
  188. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +14 -14
  189. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +14 -14
  190. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +18 -18
  191. package/cjs/OpenChannelSettings/components/OperatorUI.js +17 -17
  192. package/cjs/OpenChannelSettings/components/ParticipantUI.js +15 -15
  193. package/cjs/OpenChannelSettings/context.js +3 -3
  194. package/cjs/OpenChannelSettings.js +18 -18
  195. package/cjs/{RemoveMessageModal-c97607e4.js → RemoveMessageModal-57524b2e.js} +5 -5
  196. package/cjs/{RemoveMessageModal-c97607e4.js.map → RemoveMessageModal-57524b2e.js.map} +1 -1
  197. package/cjs/SendbirdProvider.js +17 -17
  198. package/cjs/SendbirdProvider.js.map +1 -1
  199. package/cjs/Thread/components/ParentMessageInfo.js +38 -38
  200. package/cjs/Thread/components/ParentMessageInfoItem.js +25 -25
  201. package/cjs/Thread/components/ThreadHeader.js +6 -6
  202. package/cjs/Thread/components/ThreadList.js +42 -42
  203. package/cjs/Thread/components/ThreadListItem.js +42 -42
  204. package/cjs/Thread/components/ThreadMessageInput.js +34 -34
  205. package/cjs/Thread/components/ThreadUI.js +47 -47
  206. package/cjs/Thread/context.js +12 -12
  207. package/cjs/Thread.js +47 -47
  208. package/cjs/{ThreadProvider-e33ab585.js → ThreadProvider-fe31e040.js} +8 -8
  209. package/cjs/{ThreadProvider-e33ab585.js.map → ThreadProvider-fe31e040.js.map} +1 -1
  210. package/cjs/{UserProfileContext-a871377d.js → UserProfileContext-345b7649.js} +1 -1
  211. package/cjs/{UserProfileContext-a871377d.js.map → UserProfileContext-345b7649.js.map} +1 -1
  212. package/cjs/VoicePlayer/context.js +3 -3
  213. package/cjs/VoicePlayer/useVoicePlayer.js +11 -11
  214. package/cjs/VoiceRecorder/context.js +11 -11
  215. package/cjs/VoiceRecorder/useVoiceRecorder.js +10 -10
  216. package/cjs/{WebAudioUtils-9110f2c8.js → WebAudioUtils-a3f796ae.js} +2 -2
  217. package/cjs/{WebAudioUtils-9110f2c8.js.map → WebAudioUtils-a3f796ae.js.map} +1 -1
  218. package/cjs/{_rollupPluginBabelHelpers-c6220b54.js → _rollupPluginBabelHelpers-488b3e8e.js} +1 -1
  219. package/cjs/_rollupPluginBabelHelpers-488b3e8e.js.map +1 -0
  220. package/cjs/{actionTypes-e50d3f49.js → actionTypes-cb457098.js} +1 -1
  221. package/cjs/{actionTypes-e50d3f49.js.map → actionTypes-cb457098.js.map} +1 -1
  222. package/cjs/{color-437027bf.js → color-05f0e0c4.js} +1 -1
  223. package/cjs/{color-437027bf.js.map → color-05f0e0c4.js.map} +1 -1
  224. package/cjs/{compareIds-6d5c4c39.js → compareIds-25532c3b.js} +1 -1
  225. package/cjs/{compareIds-6d5c4c39.js.map → compareIds-25532c3b.js.map} +1 -1
  226. package/cjs/{const-7cb82662.js → const-7272c371.js} +1 -1
  227. package/cjs/{const-7cb82662.js.map → const-7272c371.js.map} +1 -1
  228. package/cjs/{const-2c58fa8c.js → const-f9dd801f.js} +1 -1
  229. package/cjs/{const-2c58fa8c.js.map → const-f9dd801f.js.map} +1 -1
  230. package/cjs/{consts-58a1099d.js → consts-23f916a7.js} +1 -1
  231. package/cjs/{consts-58a1099d.js.map → consts-23f916a7.js.map} +1 -1
  232. package/cjs/{consts-85acfb7f.js → consts-794ef905.js} +1 -1
  233. package/cjs/{consts-85acfb7f.js.map → consts-794ef905.js.map} +1 -1
  234. package/cjs/{consts-de5a3115.js → consts-80cf31ce.js} +1 -1
  235. package/cjs/{consts-de5a3115.js.map → consts-80cf31ce.js.map} +1 -1
  236. package/cjs/{consts-50006df9.js → consts-d1774353.js} +1 -1
  237. package/cjs/{consts-50006df9.js.map → consts-d1774353.js.map} +1 -1
  238. package/cjs/{context-57928814.js → context-5bc90aa7.js} +2 -2
  239. package/cjs/{context-57928814.js.map → context-5bc90aa7.js.map} +1 -1
  240. package/cjs/dist/index.css +127 -128
  241. package/cjs/dist/index.css.map +1 -1
  242. package/cjs/{index-64dc3492.js → index-04eb31f4.js} +3 -3
  243. package/cjs/{index-64dc3492.js.map → index-04eb31f4.js.map} +1 -1
  244. package/cjs/{index-4f568909.js → index-1fdc447a.js} +4 -4
  245. package/cjs/{index-4f568909.js.map → index-1fdc447a.js.map} +1 -1
  246. package/cjs/{index-9c68a768.js → index-2c90dcb8.js} +3 -3
  247. package/cjs/{index-9c68a768.js.map → index-2c90dcb8.js.map} +1 -1
  248. package/cjs/{index-8633e84b.js → index-4a574f45.js} +3 -3
  249. package/cjs/{index-8633e84b.js.map → index-4a574f45.js.map} +1 -1
  250. package/cjs/{index-85aa0eb6.js → index-4ca19f6d.js} +2 -2
  251. package/cjs/index-4ca19f6d.js.map +1 -0
  252. package/cjs/{index-aabf3cd7.js → index-53ca77d2.js} +5 -5
  253. package/cjs/{index-aabf3cd7.js.map → index-53ca77d2.js.map} +1 -1
  254. package/cjs/{index-957f62e0.js → index-55a5da60.js} +6 -6
  255. package/cjs/{index-957f62e0.js.map → index-55a5da60.js.map} +1 -1
  256. package/cjs/{index-c36eec86.js → index-6c815158.js} +9 -4
  257. package/cjs/{index-c36eec86.js.map → index-6c815158.js.map} +1 -1
  258. package/cjs/{index-0e23b304.js → index-87cced05.js} +1 -1
  259. package/cjs/{index-0e23b304.js.map → index-87cced05.js.map} +1 -1
  260. package/cjs/{index-71366fc1.js → index-99f90442.js} +2 -2
  261. package/cjs/{index-71366fc1.js.map → index-99f90442.js.map} +1 -1
  262. package/cjs/{index-8d04d6f8.js → index-9ac0a31d.js} +4 -4
  263. package/cjs/{index-8d04d6f8.js.map → index-9ac0a31d.js.map} +1 -1
  264. package/cjs/{index-9ff45780.js → index-9e072be5.js} +4 -4
  265. package/cjs/{index-9ff45780.js.map → index-9e072be5.js.map} +1 -1
  266. package/cjs/{index-6bfc2f69.js → index-aecd6e45.js} +7 -7
  267. package/cjs/{index-6bfc2f69.js.map → index-aecd6e45.js.map} +1 -1
  268. package/cjs/{index-13b55ebd.js → index-b4df1d17.js} +5 -5
  269. package/cjs/{index-13b55ebd.js.map → index-b4df1d17.js.map} +1 -1
  270. package/cjs/{index-43271226.js → index-ba34ece6.js} +2 -2
  271. package/cjs/{index-43271226.js.map → index-ba34ece6.js.map} +1 -1
  272. package/cjs/{index-a734f18b.js → index-be727556.js} +4 -4
  273. package/cjs/{index-a734f18b.js.map → index-be727556.js.map} +1 -1
  274. package/cjs/{index-3888ca97.js → index-ccda67ff.js} +3 -3
  275. package/cjs/{index-3888ca97.js.map → index-ccda67ff.js.map} +1 -1
  276. package/cjs/{index-63eb5ff7.js → index-d484ba73.js} +1 -1
  277. package/cjs/{index-63eb5ff7.js.map → index-d484ba73.js.map} +1 -1
  278. package/cjs/{index-cd217acb.js → index-e177bbe4.js} +9 -9
  279. package/cjs/{index-cd217acb.js.map → index-e177bbe4.js.map} +1 -1
  280. package/cjs/{index-b5b8572e.js → index-e70a2323.js} +2 -2
  281. package/cjs/{index-b5b8572e.js.map → index-e70a2323.js.map} +1 -1
  282. package/cjs/{index-8fca1595.js → index-ec0d0086.js} +2 -2
  283. package/cjs/{index-8fca1595.js.map → index-ec0d0086.js.map} +1 -1
  284. package/cjs/index.js +59 -59
  285. package/cjs/{index.module-cd5fee9a.js → index.module-22a4bbea.js} +1 -1
  286. package/cjs/{index.module-cd5fee9a.js.map → index.module-22a4bbea.js.map} +1 -1
  287. package/cjs/package.json +2 -2
  288. package/cjs/{resolvedReplyType-e6b60483.js → resolvedReplyType-7c78f221.js} +1 -1
  289. package/cjs/{resolvedReplyType-e6b60483.js.map → resolvedReplyType-7c78f221.js.map} +1 -1
  290. package/cjs/sendbirdSelectors.js +3 -3
  291. package/cjs/{stringFormatterUtils-222bd4a1.js → stringFormatterUtils-2de721a6.js} +3 -3
  292. package/cjs/{stringFormatterUtils-222bd4a1.js.map → stringFormatterUtils-2de721a6.js.map} +1 -1
  293. package/cjs/{stringSet-569a20f9.js → stringSet-0c9ec33d.js} +1 -1
  294. package/cjs/{stringSet-569a20f9.js.map → stringSet-0c9ec33d.js.map} +1 -1
  295. package/cjs/{tokenize-d84a3b40.js → tokenize-46a71d6a.js} +2 -2
  296. package/cjs/{tokenize-d84a3b40.js.map → tokenize-46a71d6a.js.map} +1 -1
  297. package/cjs/{topics-44c343a5.js → topics-cf5100f6.js} +1 -1
  298. package/cjs/{topics-44c343a5.js.map → topics-cf5100f6.js.map} +1 -1
  299. package/cjs/{types-065ea007.js → types-ad059133.js} +1 -1
  300. package/cjs/{types-065ea007.js.map → types-ad059133.js.map} +1 -1
  301. package/cjs/ui/Accordion.js +2 -2
  302. package/cjs/ui/AccordionGroup.js +2 -2
  303. package/cjs/ui/AdminMessage.js +2 -2
  304. package/cjs/ui/Avatar.js +1 -1
  305. package/cjs/ui/Badge.js +4 -4
  306. package/cjs/ui/BottomSheet.js +4 -4
  307. package/cjs/ui/Button.js +2 -2
  308. package/cjs/ui/ChannelAvatar.js +2 -2
  309. package/cjs/ui/ConnectionStatus.js +4 -4
  310. package/cjs/ui/ContextMenu.js +6 -6
  311. package/cjs/ui/DateSeparator.js +3 -3
  312. package/cjs/ui/EmojiReactions.js +14 -14
  313. package/cjs/ui/FileMessageItemBody.js +7 -7
  314. package/cjs/ui/FileViewer.js +12 -12
  315. package/cjs/ui/IconButton.js +1 -1
  316. package/cjs/ui/Input.js +2 -2
  317. package/cjs/ui/Label.js +2 -2
  318. package/cjs/ui/LinkLabel.js +2 -2
  319. package/cjs/ui/MentionLabel.js +11 -11
  320. package/cjs/ui/MentionUserLabel.js +1 -1
  321. package/cjs/ui/MessageContent.js +31 -31
  322. package/cjs/ui/MessageInput/hooks/usePaste.js +4 -4
  323. package/cjs/ui/MessageInput.js +26 -30
  324. package/cjs/ui/MessageInput.js.map +1 -1
  325. package/cjs/ui/MessageItemMenu.js +9 -9
  326. package/cjs/ui/MessageItemReactionMenu.js +9 -9
  327. package/cjs/ui/MessageSearchFileItem.js +12 -12
  328. package/cjs/ui/MessageSearchItem.js +8 -8
  329. package/cjs/ui/MessageStatus.js +11 -11
  330. package/cjs/ui/Modal.js +9 -9
  331. package/cjs/ui/OGMessageItemBody.js +14 -14
  332. package/cjs/ui/OpenChannelAdminMessage.js +2 -2
  333. package/cjs/ui/OpenChannelAvatar.js +5 -5
  334. package/cjs/ui/OpenchannelConversationHeader.js +6 -6
  335. package/cjs/ui/OpenchannelFileMessage.js +16 -16
  336. package/cjs/ui/OpenchannelOGMessage.js +18 -18
  337. package/cjs/ui/OpenchannelThumbnailMessage.js +15 -15
  338. package/cjs/ui/OpenchannelUserMessage.js +16 -16
  339. package/cjs/ui/PlaceHolder.js +5 -5
  340. package/cjs/ui/PlaybackTime.js +2 -2
  341. package/cjs/ui/QuoteMessage.js +8 -8
  342. package/cjs/ui/QuoteMessageInput.js +8 -8
  343. package/cjs/ui/ReactionBadge.js +2 -2
  344. package/cjs/ui/ReactionButton.js +4 -4
  345. package/cjs/ui/SortByRow.js +1 -1
  346. package/cjs/ui/TextButton.js +1 -1
  347. package/cjs/ui/TextMessageItemBody.js +14 -14
  348. package/cjs/ui/ThreadReplies.js +5 -5
  349. package/cjs/ui/ThumbnailMessageItemBody.js +7 -7
  350. package/cjs/ui/Toggle.js +1 -1
  351. package/cjs/ui/Tooltip.js +2 -2
  352. package/cjs/ui/UnknownMessageItemBody.js +7 -7
  353. package/cjs/ui/UserListItem.js +11 -11
  354. package/cjs/ui/UserProfile.js +9 -9
  355. package/cjs/ui/VoiceMessageItemBody.js +11 -11
  356. package/cjs/ui/VoiceMessgeInput.js +7 -7
  357. package/cjs/ui/Word.js +11 -11
  358. package/cjs/{useHandleUploadFiles-cd2fcecd.js → useHandleUploadFiles-a2515e36.js} +10 -10
  359. package/cjs/{useHandleUploadFiles-cd2fcecd.js.map → useHandleUploadFiles-a2515e36.js.map} +1 -1
  360. package/cjs/{useLongPress-b3303d9c.js → useLongPress-c9932bc1.js} +3 -3
  361. package/cjs/{useLongPress-b3303d9c.js.map → useLongPress-c9932bc1.js.map} +1 -1
  362. package/cjs/{useSendMultipleFilesMessage-1093a2d5.js → useSendMultipleFilesMessage-82dafd6e.js} +4 -4
  363. package/cjs/{useSendMultipleFilesMessage-1093a2d5.js.map → useSendMultipleFilesMessage-82dafd6e.js.map} +1 -1
  364. package/cjs/useSendbirdStateContext.js +1 -1
  365. package/cjs/utils/message/isVoiceMessage.js +3 -3
  366. package/cjs/{utils-4040fa0e.js → utils-323602f7.js} +1 -1
  367. package/cjs/{utils-4040fa0e.js.map → utils-323602f7.js.map} +1 -1
  368. package/cjs/{utils-91440270.js → utils-4951f17b.js} +11 -6
  369. package/cjs/utils-4951f17b.js.map +1 -0
  370. package/cjs/{utils-025bf87c.js → utils-71eb8ef7.js} +1 -1
  371. package/cjs/{utils-025bf87c.js.map → utils-71eb8ef7.js.map} +1 -1
  372. package/cjs/{utils-a1c39113.js → utils-de1e1ff7.js} +2 -2
  373. package/cjs/{utils-a1c39113.js.map → utils-de1e1ff7.js.map} +1 -1
  374. package/cjs/{utils-9ce6a1d4.js → utils-e8c4f085.js} +1 -1
  375. package/cjs/{utils-9ce6a1d4.js.map → utils-e8c4f085.js.map} +1 -1
  376. package/cjs/{utils-3b3b18a3.js → utils-f41b79ef.js} +3 -3
  377. package/cjs/{utils-3b3b18a3.js.map → utils-f41b79ef.js.map} +1 -1
  378. package/cjs/{uuid-10da34d7.js → uuid-e5bd2418.js} +1 -1
  379. package/cjs/{uuid-10da34d7.js.map → uuid-e5bd2418.js.map} +1 -1
  380. package/cjs/withSendbird.js +1 -1
  381. package/{color-6b4d0a7b.js → color-8d593cfa.js} +1 -1
  382. package/{color-6b4d0a7b.js.map → color-8d593cfa.js.map} +1 -1
  383. package/{compareIds-8bbfc531.js → compareIds-1f514503.js} +1 -1
  384. package/{compareIds-8bbfc531.js.map → compareIds-1f514503.js.map} +1 -1
  385. package/{const-7a48f2f0.js → const-16846404.js} +1 -1
  386. package/{const-7a48f2f0.js.map → const-16846404.js.map} +1 -1
  387. package/{const-bd67ba4a.js → const-b8dcad45.js} +1 -1
  388. package/{const-bd67ba4a.js.map → const-b8dcad45.js.map} +1 -1
  389. package/{consts-a27675df.js → consts-6e6f7e9f.js} +1 -1
  390. package/{consts-a27675df.js.map → consts-6e6f7e9f.js.map} +1 -1
  391. package/{consts-2ddaffce.js → consts-9f4a812e.js} +1 -1
  392. package/{consts-2ddaffce.js.map → consts-9f4a812e.js.map} +1 -1
  393. package/{consts-8b2a8d9c.js → consts-b5df6e74.js} +1 -1
  394. package/{consts-8b2a8d9c.js.map → consts-b5df6e74.js.map} +1 -1
  395. package/{consts-087a1fb9.js → consts-d580c2c7.js} +1 -1
  396. package/{consts-087a1fb9.js.map → consts-d580c2c7.js.map} +1 -1
  397. package/{context-731512f4.js → context-fb4c2157.js} +2 -2
  398. package/{context-731512f4.js.map → context-fb4c2157.js.map} +1 -1
  399. package/dist/index.css +127 -128
  400. package/dist/index.css.map +1 -1
  401. package/{index-66948f26.js → index-151e4750.js} +3 -3
  402. package/{index-66948f26.js.map → index-151e4750.js.map} +1 -1
  403. package/{index-31fae6a0.js → index-304b238b.js} +1 -1
  404. package/{index-31fae6a0.js.map → index-304b238b.js.map} +1 -1
  405. package/{index-b038bbfd.js → index-35747966.js} +5 -5
  406. package/{index-b038bbfd.js.map → index-35747966.js.map} +1 -1
  407. package/{index-d6757790.js → index-390e9091.js} +7 -7
  408. package/{index-d6757790.js.map → index-390e9091.js.map} +1 -1
  409. package/{index-d004f5a9.js → index-4a1fec80.js} +4 -4
  410. package/{index-d004f5a9.js.map → index-4a1fec80.js.map} +1 -1
  411. package/{index-9fca62f4.js → index-51d1d394.js} +3 -3
  412. package/{index-9fca62f4.js.map → index-51d1d394.js.map} +1 -1
  413. package/{index-2588389f.js → index-57990954.js} +2 -2
  414. package/{index-2588389f.js.map → index-57990954.js.map} +1 -1
  415. package/{index-1e76921e.js → index-62ee116d.js} +4 -4
  416. package/{index-1e76921e.js.map → index-62ee116d.js.map} +1 -1
  417. package/{index-0791839a.js → index-658da38a.js} +4 -4
  418. package/{index-0791839a.js.map → index-658da38a.js.map} +1 -1
  419. package/{index-c5f3ebb5.js → index-6805d5c8.js} +2 -2
  420. package/{index-c5f3ebb5.js.map → index-6805d5c8.js.map} +1 -1
  421. package/{index-ec9b8bb2.js → index-773ba5ba.js} +2 -2
  422. package/{index-ec9b8bb2.js.map → index-773ba5ba.js.map} +1 -1
  423. package/{index-d4d4f948.js → index-80996ef9.js} +5 -5
  424. package/{index-d4d4f948.js.map → index-80996ef9.js.map} +1 -1
  425. package/{index-62abd822.js → index-843f8172.js} +6 -6
  426. package/{index-62abd822.js.map → index-843f8172.js.map} +1 -1
  427. package/{index-62371bdd.js → index-9237667a.js} +9 -9
  428. package/{index-62371bdd.js.map → index-9237667a.js.map} +1 -1
  429. package/{index-c46d2bb8.js → index-9ea624d5.js} +2 -2
  430. package/{index-c46d2bb8.js.map → index-9ea624d5.js.map} +1 -1
  431. package/{index-cd866969.js → index-afdd497f.js} +3 -3
  432. package/{index-cd866969.js.map → index-afdd497f.js.map} +1 -1
  433. package/{index-134f97cd.js → index-c277467e.js} +1 -1
  434. package/{index-134f97cd.js.map → index-c277467e.js.map} +1 -1
  435. package/{index-a3ca9833.js → index-cdaae7f9.js} +3 -3
  436. package/{index-a3ca9833.js.map → index-cdaae7f9.js.map} +1 -1
  437. package/{index-7ff60f7d.js → index-f35b1dcc.js} +4 -4
  438. package/{index-7ff60f7d.js.map → index-f35b1dcc.js.map} +1 -1
  439. package/{index-3bead442.js → index-f48e9c68.js} +2 -2
  440. package/index-f48e9c68.js.map +1 -0
  441. package/{index-6233952f.js → index-fde902d5.js} +9 -5
  442. package/{index-6233952f.js.map → index-fde902d5.js.map} +1 -1
  443. package/index.d.ts +9 -11
  444. package/index.js +59 -59
  445. package/{index.module-05a84007.js → index.module-f3f31594.js} +1 -1
  446. package/{index.module-05a84007.js.map → index.module-f3f31594.js.map} +1 -1
  447. package/package.json +2 -2
  448. package/{resolvedReplyType-7fa7b725.js → resolvedReplyType-ff8f48f4.js} +1 -1
  449. package/{resolvedReplyType-7fa7b725.js.map → resolvedReplyType-ff8f48f4.js.map} +1 -1
  450. package/sendbirdSelectors.js +3 -3
  451. package/{stringFormatterUtils-bae59a9b.js → stringFormatterUtils-272582e5.js} +3 -3
  452. package/{stringFormatterUtils-bae59a9b.js.map → stringFormatterUtils-272582e5.js.map} +1 -1
  453. package/{stringSet-a3384f83.js → stringSet-02d58100.js} +1 -1
  454. package/{stringSet-a3384f83.js.map → stringSet-02d58100.js.map} +1 -1
  455. package/{tokenize-7edff95a.js → tokenize-65b415b8.js} +2 -2
  456. package/{tokenize-7edff95a.js.map → tokenize-65b415b8.js.map} +1 -1
  457. package/{topics-85213ccb.js → topics-fda6fac4.js} +1 -1
  458. package/{topics-85213ccb.js.map → topics-fda6fac4.js.map} +1 -1
  459. package/{types-6bc0cc06.js → types-69d76470.js} +1 -1
  460. package/{types-6bc0cc06.js.map → types-69d76470.js.map} +1 -1
  461. package/ui/Accordion.js +2 -2
  462. package/ui/AccordionGroup.js +2 -2
  463. package/ui/AdminMessage.js +2 -2
  464. package/ui/Avatar.js +1 -1
  465. package/ui/Badge.js +4 -4
  466. package/ui/BottomSheet.js +4 -4
  467. package/ui/Button.js +2 -2
  468. package/ui/ChannelAvatar.js +2 -2
  469. package/ui/ConnectionStatus.js +4 -4
  470. package/ui/ContextMenu.js +6 -6
  471. package/ui/DateSeparator.js +3 -3
  472. package/ui/EmojiReactions.js +14 -14
  473. package/ui/FileMessageItemBody.js +7 -7
  474. package/ui/FileViewer.js +12 -12
  475. package/ui/IconButton.js +1 -1
  476. package/ui/Input.js +2 -2
  477. package/ui/Label.js +2 -2
  478. package/ui/LinkLabel.js +2 -2
  479. package/ui/MentionLabel.js +11 -11
  480. package/ui/MentionUserLabel.js +1 -1
  481. package/ui/MessageContent.js +31 -31
  482. package/ui/MessageInput/hooks/usePaste.js +4 -4
  483. package/ui/MessageInput.js +26 -30
  484. package/ui/MessageInput.js.map +1 -1
  485. package/ui/MessageItemMenu.js +9 -9
  486. package/ui/MessageItemReactionMenu.js +9 -9
  487. package/ui/MessageSearchFileItem.js +12 -12
  488. package/ui/MessageSearchItem.js +8 -8
  489. package/ui/MessageStatus.js +11 -11
  490. package/ui/Modal.js +9 -9
  491. package/ui/OGMessageItemBody.js +14 -14
  492. package/ui/OpenChannelAdminMessage.js +2 -2
  493. package/ui/OpenChannelAvatar.js +5 -5
  494. package/ui/OpenchannelConversationHeader.js +6 -6
  495. package/ui/OpenchannelFileMessage.js +16 -16
  496. package/ui/OpenchannelOGMessage.js +18 -18
  497. package/ui/OpenchannelThumbnailMessage.js +15 -15
  498. package/ui/OpenchannelUserMessage.js +16 -16
  499. package/ui/PlaceHolder.js +5 -5
  500. package/ui/PlaybackTime.js +2 -2
  501. package/ui/QuoteMessage.js +8 -8
  502. package/ui/QuoteMessageInput.js +8 -8
  503. package/ui/ReactionBadge.js +2 -2
  504. package/ui/ReactionButton.js +4 -4
  505. package/ui/SortByRow.js +1 -1
  506. package/ui/TextButton.js +1 -1
  507. package/ui/TextMessageItemBody.js +14 -14
  508. package/ui/ThreadReplies.js +5 -5
  509. package/ui/ThumbnailMessageItemBody.js +7 -7
  510. package/ui/Toggle.js +1 -1
  511. package/ui/Tooltip.js +2 -2
  512. package/ui/UnknownMessageItemBody.js +7 -7
  513. package/ui/UserListItem.js +11 -11
  514. package/ui/UserProfile.js +9 -9
  515. package/ui/VoiceMessageItemBody.js +11 -11
  516. package/ui/VoiceMessgeInput.js +7 -7
  517. package/ui/Word.js +11 -11
  518. package/{useHandleUploadFiles-15dc0c2d.js → useHandleUploadFiles-c1595636.js} +10 -10
  519. package/{useHandleUploadFiles-15dc0c2d.js.map → useHandleUploadFiles-c1595636.js.map} +1 -1
  520. package/{useLongPress-11759804.js → useLongPress-ba7e62b0.js} +3 -3
  521. package/{useLongPress-11759804.js.map → useLongPress-ba7e62b0.js.map} +1 -1
  522. package/{useSendMultipleFilesMessage-3b16fa85.js → useSendMultipleFilesMessage-5cbc19ce.js} +4 -4
  523. package/{useSendMultipleFilesMessage-3b16fa85.js.map → useSendMultipleFilesMessage-5cbc19ce.js.map} +1 -1
  524. package/useSendbirdStateContext.js +1 -1
  525. package/utils/message/isVoiceMessage.js +3 -3
  526. package/{utils-e72dd1e0.js → utils-42359bc3.js} +2 -2
  527. package/{utils-e72dd1e0.js.map → utils-42359bc3.js.map} +1 -1
  528. package/{utils-749b8812.js → utils-532f83ca.js} +1 -1
  529. package/{utils-749b8812.js.map → utils-532f83ca.js.map} +1 -1
  530. package/{utils-4078c160.js → utils-5a24bd3a.js} +1 -1
  531. package/{utils-4078c160.js.map → utils-5a24bd3a.js.map} +1 -1
  532. package/{utils-fc37f1e5.js → utils-cbc87bb5.js} +11 -6
  533. package/utils-cbc87bb5.js.map +1 -0
  534. package/{utils-11da9785.js → utils-e7de752d.js} +3 -3
  535. package/{utils-11da9785.js.map → utils-e7de752d.js.map} +1 -1
  536. package/{utils-1a4154f1.js → utils-eb4100d3.js} +1 -1
  537. package/{utils-1a4154f1.js.map → utils-eb4100d3.js.map} +1 -1
  538. package/{uuid-87e2df67.js → uuid-46cf2f27.js} +1 -1
  539. package/{uuid-87e2df67.js.map → uuid-46cf2f27.js.map} +1 -1
  540. package/withSendbird.js +1 -1
  541. package/ChannelListProvider-779a4c3d.js.map +0 -1
  542. package/ChannelProvider-f6fbfb1a.js.map +0 -1
  543. package/OpenChannelProvider-4c64bb03.js.map +0 -1
  544. package/_rollupPluginBabelHelpers-50696833.js.map +0 -1
  545. package/cjs/ChannelListProvider-6ab7d534.js.map +0 -1
  546. package/cjs/ChannelProvider-5dab910c.js.map +0 -1
  547. package/cjs/OpenChannelProvider-77ce94f4.js.map +0 -1
  548. package/cjs/_rollupPluginBabelHelpers-c6220b54.js.map +0 -1
  549. package/cjs/index-85aa0eb6.js.map +0 -1
  550. package/cjs/utils-91440270.js.map +0 -1
  551. package/index-3bead442.js.map +0 -1
  552. package/utils-fc37f1e5.js.map +0 -1
package/dist/index.css CHANGED
@@ -70,6 +70,133 @@
70
70
  color: inherit;
71
71
  word-break: break-all;
72
72
  }
73
+ .sendbird-open-channel-preview {
74
+ position: relative;
75
+ display: inline-flex;
76
+ flex-direction: row;
77
+ width: 264px;
78
+ height: 58px;
79
+ min-width: 264px;
80
+ min-height: 58px;
81
+ box-sizing: border-box;
82
+ }
83
+ .sendbird--mobile-mode .sendbird-open-channel-preview {
84
+ width: 100%;
85
+ }
86
+ .sendbird-theme--light .sendbird-open-channel-preview {
87
+ background-color: var(--sendbird-light-background-50);
88
+ border-bottom: solid 1px var(--sendbird-light-onlight-04);
89
+ }
90
+ .sendbird-theme--dark .sendbird-open-channel-preview {
91
+ background-color: var(--sendbird-dark-background-600);
92
+ border-bottom: solid 1px var(--sendbird-dark-ondark-04);
93
+ }
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 {
109
+ position: relative;
110
+ margin-top: 8px;
111
+ margin-left: 16px;
112
+ display: inline-flex;
113
+ align-items: center;
114
+ justify-content: center;
115
+ width: 42px;
116
+ height: 42px;
117
+ box-sizing: border-box;
118
+ }
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;
122
+ display: inline-flex;
123
+ align-items: center;
124
+ justify-content: center;
125
+ box-sizing: border-box;
126
+ }
127
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context {
128
+ position: relative;
129
+ margin-top: 8px;
130
+ margin-left: 16px;
131
+ display: inline-flex;
132
+ flex-direction: column;
133
+ width: calc(100% - 100px);
134
+ box-sizing: border-box;
135
+ }
136
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title {
137
+ position: relative;
138
+ display: inline-flex;
139
+ flex-direction: row;
140
+ align-items: center;
141
+ width: 100%;
142
+ height: 16px;
143
+ box-sizing: border-box;
144
+ }
145
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name {
146
+ position: relative;
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;
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;
173
+ align-items: center;
174
+ width: 100%;
175
+ height: 14px;
176
+ box-sizing: border-box;
177
+ }
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;
184
+ }
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;
199
+ }
73
200
  .sendbird-open-channel-list,
74
201
  .sendbird-open-channel-list-ui {
75
202
  position: relative;
@@ -219,133 +346,6 @@
219
346
  display: inline-flex;
220
347
  flex-direction: row;
221
348
  }
222
- .sendbird-open-channel-preview {
223
- position: relative;
224
- display: inline-flex;
225
- flex-direction: row;
226
- width: 264px;
227
- height: 58px;
228
- min-width: 264px;
229
- min-height: 58px;
230
- box-sizing: border-box;
231
- }
232
- .sendbird--mobile-mode .sendbird-open-channel-preview {
233
- width: 100%;
234
- }
235
- .sendbird-theme--light .sendbird-open-channel-preview {
236
- background-color: var(--sendbird-light-background-50);
237
- border-bottom: solid 1px var(--sendbird-light-onlight-04);
238
- }
239
- .sendbird-theme--dark .sendbird-open-channel-preview {
240
- background-color: var(--sendbird-dark-background-600);
241
- border-bottom: solid 1px var(--sendbird-dark-ondark-04);
242
- }
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 {
258
- position: relative;
259
- margin-top: 8px;
260
- margin-left: 16px;
261
- display: inline-flex;
262
- align-items: center;
263
- justify-content: center;
264
- width: 42px;
265
- height: 42px;
266
- box-sizing: border-box;
267
- }
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;
271
- display: inline-flex;
272
- align-items: center;
273
- justify-content: center;
274
- box-sizing: border-box;
275
- }
276
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context {
277
- position: relative;
278
- margin-top: 8px;
279
- margin-left: 16px;
280
- display: inline-flex;
281
- flex-direction: column;
282
- width: calc(100% - 100px);
283
- box-sizing: border-box;
284
- }
285
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title {
286
- position: relative;
287
- display: inline-flex;
288
- flex-direction: row;
289
- align-items: center;
290
- 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
- width: 100%;
298
- white-space: nowrap;
299
- overflow: hidden;
300
- text-overflow: ellipsis;
301
- box-sizing: border-box;
302
- overflow-x: hidden;
303
- text-overflow: ellipsis;
304
- word-break: keep-all;
305
- }
306
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name.frozen {
307
- max-width: calc(100% - 20px);
308
- }
309
- .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 {
310
- overflow-y: hidden;
311
- }
312
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen {
313
- position: relative;
314
- margin-left: 4px;
315
- display: inline-flex;
316
- }
317
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants {
318
- position: relative;
319
- margin-top: 8px;
320
- display: inline-flex;
321
- flex-direction: row;
322
- align-items: center;
323
- width: 100%;
324
- height: 14px;
325
- box-sizing: border-box;
326
- }
327
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__icon {
328
- position: relative;
329
- display: inline-flex;
330
- width: 14px;
331
- height: 14px;
332
- box-sizing: border-box;
333
- }
334
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count {
335
- position: relative;
336
- margin-left: 4px;
337
- display: inline-flex;
338
- width: 160px;
339
- max-width: 160px;
340
- height: 12px;
341
- box-sizing: border-box;
342
- overflow-x: hidden;
343
- text-overflow: ellipsis;
344
- word-break: keep-all;
345
- }
346
- .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 {
347
- overflow-y: hidden;
348
- }
349
349
  @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap");
350
350
  :root {
351
351
  --sendbird-light-primary-500: #491389;
@@ -1464,7 +1464,6 @@
1464
1464
  overflow-y: scroll;
1465
1465
  }
1466
1466
  .sendbird--mobile-mode .sendbird-create-channel--scroll {
1467
- height: calc(100vh - 200px);
1468
1467
  height: calc(var(--sendbird-vh, 1vh) * 100 - 200px);
1469
1468
  }
1470
1469
  .sendbird-user-list-item {