@sendbird/uikit-react 3.5.0-mobile-rc-3 → 3.5.0-mobile-rc-4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (551) hide show
  1. package/App.js +59 -55
  2. package/App.js.map +1 -1
  3. package/Channel/components/ChannelHeader.js +19 -18
  4. package/Channel/components/ChannelHeader.js.map +1 -1
  5. package/Channel/components/ChannelUI.js +41 -40
  6. package/Channel/components/ChannelUI.js.map +1 -1
  7. package/Channel/components/FileViewer.js +15 -14
  8. package/Channel/components/FileViewer.js.map +1 -1
  9. package/Channel/components/FrozenNotification.js +4 -4
  10. package/Channel/components/Message.js +37 -35
  11. package/Channel/components/Message.js.map +1 -1
  12. package/Channel/components/MessageInput.js +29 -27
  13. package/Channel/components/MessageInput.js.map +1 -1
  14. package/Channel/components/MessageList.js +37 -36
  15. package/Channel/components/MessageList.js.map +1 -1
  16. package/Channel/components/RemoveMessageModal.js +17 -16
  17. package/Channel/components/RemoveMessageModal.js.map +1 -1
  18. package/Channel/components/SuggestedMentionList.js +17 -16
  19. package/Channel/components/SuggestedMentionList.js.map +1 -1
  20. package/Channel/components/TypingIndicator.js +15 -14
  21. package/Channel/components/TypingIndicator.js.map +1 -1
  22. package/Channel/components/UnreadCount.js +4 -4
  23. package/Channel/context.js +12 -11
  24. package/Channel/context.js.map +1 -1
  25. package/Channel.js +41 -40
  26. package/Channel.js.map +1 -1
  27. package/ChannelList/components/AddChannel.js +14 -14
  28. package/ChannelList/components/ChannelListHeader.js +6 -6
  29. package/ChannelList/components/ChannelListUI.js +30 -29
  30. package/ChannelList/components/ChannelListUI.js.map +1 -1
  31. package/ChannelList/components/ChannelPreview.js +26 -25
  32. package/ChannelList/components/ChannelPreview.js.map +1 -1
  33. package/ChannelList/components/ChannelPreviewAction.js +13 -13
  34. package/ChannelList/context.js +7 -7
  35. package/ChannelList.js +30 -29
  36. package/ChannelList.js.map +1 -1
  37. package/{ChannelListProvider-16d506e3.js → ChannelListProvider-f765be02.js} +7 -7
  38. package/{ChannelListProvider-16d506e3.js.map → ChannelListProvider-f765be02.js.map} +1 -1
  39. package/{ChannelProvider-f39a427f.js → ChannelProvider-fa290b6f.js} +17 -20
  40. package/ChannelProvider-fa290b6f.js.map +1 -0
  41. package/ChannelSettings/components/ChannelProfile.js +11 -11
  42. package/ChannelSettings/components/ChannelSettingsUI.js +17 -17
  43. package/ChannelSettings/components/EditDetailsModal.js +11 -11
  44. package/ChannelSettings/components/LeaveChannel.js +11 -11
  45. package/ChannelSettings/components/ModerationPanel.js +14 -14
  46. package/ChannelSettings/components/UserListItem.js +10 -10
  47. package/ChannelSettings/components/UserPanel.js +13 -13
  48. package/ChannelSettings/context.js +3 -3
  49. package/ChannelSettings.js +17 -17
  50. package/CreateChannel/components/CreateChannelUI.js +13 -13
  51. package/CreateChannel/components/InviteUsers.js +13 -13
  52. package/CreateChannel/components/SelectChannelType.js +10 -10
  53. package/CreateChannel/context.js +4 -4
  54. package/CreateChannel.js +13 -13
  55. package/{CreateChannelProvider-5ad9445d.js → CreateChannelProvider-121560fb.js} +1 -1
  56. package/{CreateChannelProvider-5ad9445d.js.map → CreateChannelProvider-121560fb.js.map} +1 -1
  57. package/CreateOpenChannel/components/CreateOpenChannelUI.js +9 -9
  58. package/CreateOpenChannel/context.js +1 -1
  59. package/CreateOpenChannel.js +9 -9
  60. package/EditUserProfile/components/EditUserProfileUI.js +12 -12
  61. package/EditUserProfile.js +12 -12
  62. package/{LocalizationContext-674efe64.js → LocalizationContext-98d0f9ef.js} +3 -3
  63. package/{LocalizationContext-674efe64.js.map → LocalizationContext-98d0f9ef.js.map} +1 -1
  64. package/{MediaQueryContext-c2b754b4.js → MediaQueryContext-08f242eb.js} +1 -1
  65. package/{MediaQueryContext-c2b754b4.js.map → MediaQueryContext-08f242eb.js.map} +1 -1
  66. package/{MemberList-0a820146.js → MemberList-aa2b532d.js} +5 -5
  67. package/{MemberList-0a820146.js.map → MemberList-aa2b532d.js.map} +1 -1
  68. package/MessageSearch/components/MessageSearchUI.js +11 -11
  69. package/MessageSearch/context.js +1 -1
  70. package/MessageSearch.js +11 -11
  71. package/OpenChannel/components/FrozenChannelNotification.js +4 -4
  72. package/OpenChannel/components/OpenChannelHeader.js +12 -12
  73. package/OpenChannel/components/OpenChannelInput.js +22 -20
  74. package/OpenChannel/components/OpenChannelInput.js.map +1 -1
  75. package/OpenChannel/components/OpenChannelMessage.js +29 -28
  76. package/OpenChannel/components/OpenChannelMessage.js.map +1 -1
  77. package/OpenChannel/components/OpenChannelMessageList.js +31 -31
  78. package/OpenChannel/components/OpenChannelUI.js +31 -31
  79. package/OpenChannel/context.js +8 -8
  80. package/OpenChannel.js +33 -33
  81. package/OpenChannelList/components/OpenChannelListUI.js +13 -13
  82. package/OpenChannelList/components/OpenChannelPreview.js +3 -3
  83. package/OpenChannelList/context.js +3 -3
  84. package/OpenChannelList.js +13 -13
  85. package/{OpenChannelListProvider-f71260c9.js → OpenChannelListProvider-f73b2d55.js} +3 -3
  86. package/{OpenChannelListProvider-f71260c9.js.map → OpenChannelListProvider-f73b2d55.js.map} +1 -1
  87. package/{OpenChannelProvider-6f8c231a.js → OpenChannelProvider-f7a70c1c.js} +7 -7
  88. package/{OpenChannelProvider-6f8c231a.js.map → OpenChannelProvider-f7a70c1c.js.map} +1 -1
  89. package/OpenChannelSettings/components/EditDetailsModal.js +12 -12
  90. package/OpenChannelSettings/components/OpenChannelProfile.js +12 -12
  91. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  92. package/OpenChannelSettings/components/OperatorUI.js +16 -16
  93. package/OpenChannelSettings/components/ParticipantUI.js +14 -14
  94. package/OpenChannelSettings/context.js +3 -3
  95. package/OpenChannelSettings.js +17 -17
  96. package/{RemoveMessageModal-3fd74511.js → RemoveMessageModal-d00083f8.js} +3 -3
  97. package/{RemoveMessageModal-3fd74511.js.map → RemoveMessageModal-d00083f8.js.map} +1 -1
  98. package/SendbirdProvider.js +21 -36
  99. package/SendbirdProvider.js.map +1 -1
  100. package/Thread/components/ParentMessageInfo.js +34 -32
  101. package/Thread/components/ParentMessageInfo.js.map +1 -1
  102. package/Thread/components/ParentMessageInfoItem.js +21 -21
  103. package/Thread/components/ThreadHeader.js +6 -6
  104. package/Thread/components/ThreadList.js +36 -35
  105. package/Thread/components/ThreadList.js.map +1 -1
  106. package/Thread/components/ThreadListItem.js +37 -35
  107. package/Thread/components/ThreadListItem.js.map +1 -1
  108. package/Thread/components/ThreadMessageInput.js +30 -28
  109. package/Thread/components/ThreadMessageInput.js.map +1 -1
  110. package/Thread/components/ThreadUI.js +40 -39
  111. package/Thread/components/ThreadUI.js.map +1 -1
  112. package/Thread/context.js +8 -8
  113. package/Thread.js +40 -39
  114. package/Thread.js.map +1 -1
  115. package/{ThreadProvider-da0112d8.js → ThreadProvider-29ee3fd4.js} +7 -7
  116. package/{ThreadProvider-da0112d8.js.map → ThreadProvider-29ee3fd4.js.map} +1 -1
  117. package/{UserProfileContext-ca6e2310.js → UserProfileContext-876edecc.js} +1 -1
  118. package/{UserProfileContext-ca6e2310.js.map → UserProfileContext-876edecc.js.map} +1 -1
  119. package/{VoiceMessageInputWrapper-ceba20ae.js → VoiceMessageInputWrapper-0edc0592.js} +7 -7
  120. package/{VoiceMessageInputWrapper-ceba20ae.js.map → VoiceMessageInputWrapper-0edc0592.js.map} +1 -1
  121. package/VoicePlayer/context.js +3 -3
  122. package/VoicePlayer/useVoicePlayer.js +9 -9
  123. package/VoiceRecorder/context.js +9 -9
  124. package/VoiceRecorder/useVoiceRecorder.js +8 -8
  125. package/{WebAudioUtils-086599ab.js → WebAudioUtils-77bc634e.js} +1 -1
  126. package/{WebAudioUtils-086599ab.js.map → WebAudioUtils-77bc634e.js.map} +1 -1
  127. package/{_rollupPluginBabelHelpers-fba60f75.js → _rollupPluginBabelHelpers-67b8fcb1.js} +1 -1
  128. package/_rollupPluginBabelHelpers-67b8fcb1.js.map +1 -0
  129. package/{actionTypes-5e5dfc97.js → actionTypes-f6ad76a3.js} +1 -1
  130. package/{actionTypes-5e5dfc97.js.map → actionTypes-f6ad76a3.js.map} +1 -1
  131. package/cjs/App.js +59 -55
  132. package/cjs/App.js.map +1 -1
  133. package/cjs/Channel/components/ChannelHeader.js +19 -18
  134. package/cjs/Channel/components/ChannelHeader.js.map +1 -1
  135. package/cjs/Channel/components/ChannelUI.js +41 -40
  136. package/cjs/Channel/components/ChannelUI.js.map +1 -1
  137. package/cjs/Channel/components/FileViewer.js +15 -14
  138. package/cjs/Channel/components/FileViewer.js.map +1 -1
  139. package/cjs/Channel/components/FrozenNotification.js +4 -4
  140. package/cjs/Channel/components/Message.js +37 -35
  141. package/cjs/Channel/components/Message.js.map +1 -1
  142. package/cjs/Channel/components/MessageInput.js +29 -27
  143. package/cjs/Channel/components/MessageInput.js.map +1 -1
  144. package/cjs/Channel/components/MessageList.js +37 -36
  145. package/cjs/Channel/components/MessageList.js.map +1 -1
  146. package/cjs/Channel/components/RemoveMessageModal.js +17 -16
  147. package/cjs/Channel/components/RemoveMessageModal.js.map +1 -1
  148. package/cjs/Channel/components/SuggestedMentionList.js +17 -16
  149. package/cjs/Channel/components/SuggestedMentionList.js.map +1 -1
  150. package/cjs/Channel/components/TypingIndicator.js +15 -14
  151. package/cjs/Channel/components/TypingIndicator.js.map +1 -1
  152. package/cjs/Channel/components/UnreadCount.js +4 -4
  153. package/cjs/Channel/context.js +12 -12
  154. package/cjs/Channel.js +41 -40
  155. package/cjs/Channel.js.map +1 -1
  156. package/cjs/ChannelList/components/AddChannel.js +14 -14
  157. package/cjs/ChannelList/components/ChannelListHeader.js +6 -6
  158. package/cjs/ChannelList/components/ChannelListUI.js +30 -29
  159. package/cjs/ChannelList/components/ChannelListUI.js.map +1 -1
  160. package/cjs/ChannelList/components/ChannelPreview.js +26 -25
  161. package/cjs/ChannelList/components/ChannelPreview.js.map +1 -1
  162. package/cjs/ChannelList/components/ChannelPreviewAction.js +13 -13
  163. package/cjs/ChannelList/context.js +7 -7
  164. package/cjs/ChannelList.js +30 -29
  165. package/cjs/ChannelList.js.map +1 -1
  166. package/cjs/{ChannelListProvider-21ef123f.js → ChannelListProvider-bb4a7d35.js} +7 -7
  167. package/cjs/{ChannelListProvider-21ef123f.js.map → ChannelListProvider-bb4a7d35.js.map} +1 -1
  168. package/cjs/{ChannelProvider-1599fb99.js → ChannelProvider-29c98b93.js} +16 -20
  169. package/cjs/ChannelProvider-29c98b93.js.map +1 -0
  170. package/cjs/ChannelSettings/components/ChannelProfile.js +11 -11
  171. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +17 -17
  172. package/cjs/ChannelSettings/components/EditDetailsModal.js +11 -11
  173. package/cjs/ChannelSettings/components/LeaveChannel.js +11 -11
  174. package/cjs/ChannelSettings/components/ModerationPanel.js +14 -14
  175. package/cjs/ChannelSettings/components/UserListItem.js +10 -10
  176. package/cjs/ChannelSettings/components/UserPanel.js +13 -13
  177. package/cjs/ChannelSettings/context.js +3 -3
  178. package/cjs/ChannelSettings.js +17 -17
  179. package/cjs/CreateChannel/components/CreateChannelUI.js +13 -13
  180. package/cjs/CreateChannel/components/InviteUsers.js +13 -13
  181. package/cjs/CreateChannel/components/SelectChannelType.js +10 -10
  182. package/cjs/CreateChannel/context.js +4 -4
  183. package/cjs/CreateChannel.js +13 -13
  184. package/cjs/{CreateChannelProvider-5d628a3f.js → CreateChannelProvider-e7a69d9e.js} +1 -1
  185. package/cjs/{CreateChannelProvider-5d628a3f.js.map → CreateChannelProvider-e7a69d9e.js.map} +1 -1
  186. package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js +9 -9
  187. package/cjs/CreateOpenChannel/context.js +1 -1
  188. package/cjs/CreateOpenChannel.js +9 -9
  189. package/cjs/EditUserProfile/components/EditUserProfileUI.js +12 -12
  190. package/cjs/EditUserProfile.js +12 -12
  191. package/cjs/{LocalizationContext-a584fa55.js → LocalizationContext-5077fe4a.js} +3 -3
  192. package/cjs/{LocalizationContext-a584fa55.js.map → LocalizationContext-5077fe4a.js.map} +1 -1
  193. package/cjs/{MediaQueryContext-baafb1bb.js → MediaQueryContext-734ae1c9.js} +1 -1
  194. package/cjs/{MediaQueryContext-baafb1bb.js.map → MediaQueryContext-734ae1c9.js.map} +1 -1
  195. package/cjs/{MemberList-2e6f8eb2.js → MemberList-e2cecad9.js} +5 -5
  196. package/cjs/{MemberList-2e6f8eb2.js.map → MemberList-e2cecad9.js.map} +1 -1
  197. package/cjs/MessageSearch/components/MessageSearchUI.js +11 -11
  198. package/cjs/MessageSearch/context.js +1 -1
  199. package/cjs/MessageSearch.js +11 -11
  200. package/cjs/OpenChannel/components/FrozenChannelNotification.js +4 -4
  201. package/cjs/OpenChannel/components/OpenChannelHeader.js +12 -12
  202. package/cjs/OpenChannel/components/OpenChannelInput.js +22 -20
  203. package/cjs/OpenChannel/components/OpenChannelInput.js.map +1 -1
  204. package/cjs/OpenChannel/components/OpenChannelMessage.js +29 -28
  205. package/cjs/OpenChannel/components/OpenChannelMessage.js.map +1 -1
  206. package/cjs/OpenChannel/components/OpenChannelMessageList.js +31 -31
  207. package/cjs/OpenChannel/components/OpenChannelUI.js +31 -31
  208. package/cjs/OpenChannel/context.js +8 -8
  209. package/cjs/OpenChannel.js +33 -33
  210. package/cjs/OpenChannelList/components/OpenChannelListUI.js +13 -13
  211. package/cjs/OpenChannelList/components/OpenChannelPreview.js +3 -3
  212. package/cjs/OpenChannelList/context.js +3 -3
  213. package/cjs/OpenChannelList.js +13 -13
  214. package/cjs/{OpenChannelListProvider-4c7e2916.js → OpenChannelListProvider-fd66f73c.js} +3 -3
  215. package/cjs/{OpenChannelListProvider-4c7e2916.js.map → OpenChannelListProvider-fd66f73c.js.map} +1 -1
  216. package/cjs/{OpenChannelProvider-e515e831.js → OpenChannelProvider-26aa8a5b.js} +7 -7
  217. package/cjs/{OpenChannelProvider-e515e831.js.map → OpenChannelProvider-26aa8a5b.js.map} +1 -1
  218. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +12 -12
  219. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +12 -12
  220. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  221. package/cjs/OpenChannelSettings/components/OperatorUI.js +16 -16
  222. package/cjs/OpenChannelSettings/components/ParticipantUI.js +14 -14
  223. package/cjs/OpenChannelSettings/context.js +3 -3
  224. package/cjs/OpenChannelSettings.js +17 -17
  225. package/cjs/{RemoveMessageModal-46ba7070.js → RemoveMessageModal-38dcf5d3.js} +3 -3
  226. package/cjs/{RemoveMessageModal-46ba7070.js.map → RemoveMessageModal-38dcf5d3.js.map} +1 -1
  227. package/cjs/SendbirdProvider.js +22 -37
  228. package/cjs/SendbirdProvider.js.map +1 -1
  229. package/cjs/Thread/components/ParentMessageInfo.js +34 -32
  230. package/cjs/Thread/components/ParentMessageInfo.js.map +1 -1
  231. package/cjs/Thread/components/ParentMessageInfoItem.js +21 -21
  232. package/cjs/Thread/components/ThreadHeader.js +6 -6
  233. package/cjs/Thread/components/ThreadList.js +36 -35
  234. package/cjs/Thread/components/ThreadList.js.map +1 -1
  235. package/cjs/Thread/components/ThreadListItem.js +37 -35
  236. package/cjs/Thread/components/ThreadListItem.js.map +1 -1
  237. package/cjs/Thread/components/ThreadMessageInput.js +30 -28
  238. package/cjs/Thread/components/ThreadMessageInput.js.map +1 -1
  239. package/cjs/Thread/components/ThreadUI.js +40 -39
  240. package/cjs/Thread/components/ThreadUI.js.map +1 -1
  241. package/cjs/Thread/context.js +8 -8
  242. package/cjs/Thread.js +40 -39
  243. package/cjs/Thread.js.map +1 -1
  244. package/cjs/{ThreadProvider-c79aceb3.js → ThreadProvider-4c69290e.js} +7 -7
  245. package/cjs/{ThreadProvider-c79aceb3.js.map → ThreadProvider-4c69290e.js.map} +1 -1
  246. package/cjs/{UserProfileContext-0308bb46.js → UserProfileContext-c4f05bb0.js} +1 -1
  247. package/cjs/{UserProfileContext-0308bb46.js.map → UserProfileContext-c4f05bb0.js.map} +1 -1
  248. package/cjs/{VoiceMessageInputWrapper-4d17462c.js → VoiceMessageInputWrapper-df54ab5c.js} +7 -7
  249. package/cjs/{VoiceMessageInputWrapper-4d17462c.js.map → VoiceMessageInputWrapper-df54ab5c.js.map} +1 -1
  250. package/cjs/VoicePlayer/context.js +3 -3
  251. package/cjs/VoicePlayer/useVoicePlayer.js +9 -9
  252. package/cjs/VoiceRecorder/context.js +9 -9
  253. package/cjs/VoiceRecorder/useVoiceRecorder.js +8 -8
  254. package/cjs/{WebAudioUtils-0b2ff03e.js → WebAudioUtils-8d1d54b9.js} +1 -1
  255. package/cjs/{WebAudioUtils-0b2ff03e.js.map → WebAudioUtils-8d1d54b9.js.map} +1 -1
  256. package/cjs/{_rollupPluginBabelHelpers-17f53083.js → _rollupPluginBabelHelpers-adf1aba0.js} +1 -1
  257. package/cjs/_rollupPluginBabelHelpers-adf1aba0.js.map +1 -0
  258. package/cjs/{actionTypes-9b5d9ddf.js → actionTypes-9bcfb089.js} +1 -1
  259. package/cjs/{actionTypes-9b5d9ddf.js.map → actionTypes-9bcfb089.js.map} +1 -1
  260. package/cjs/{color-f5216e6a.js → color-baf4f7ac.js} +1 -1
  261. package/cjs/{color-f5216e6a.js.map → color-baf4f7ac.js.map} +1 -1
  262. package/cjs/{compareIds-c9b9dfbc.js → compareIds-1cba4056.js} +1 -1
  263. package/cjs/{compareIds-c9b9dfbc.js.map → compareIds-1cba4056.js.map} +1 -1
  264. package/cjs/{const-a9f20831.js → const-66f2367d.js} +1 -1
  265. package/cjs/{const-a9f20831.js.map → const-66f2367d.js.map} +1 -1
  266. package/cjs/{const-75f8d9ae.js → const-7dbc9e4e.js} +1 -1
  267. package/cjs/{const-75f8d9ae.js.map → const-7dbc9e4e.js.map} +1 -1
  268. package/cjs/{consts-8f76585f.js → consts-016d7043.js} +1 -1
  269. package/cjs/{consts-8f76585f.js.map → consts-016d7043.js.map} +1 -1
  270. package/cjs/{consts-6a102338.js → consts-117364e2.js} +1 -1
  271. package/cjs/{consts-6a102338.js.map → consts-117364e2.js.map} +1 -1
  272. package/cjs/{consts-78675c0f.js → consts-a96b7d38.js} +1 -1
  273. package/cjs/{consts-78675c0f.js.map → consts-a96b7d38.js.map} +1 -1
  274. package/cjs/{consts-b90134e3.js → consts-b8abaa6f.js} +1 -1
  275. package/cjs/{consts-b90134e3.js.map → consts-b8abaa6f.js.map} +1 -1
  276. package/cjs/{context-a04985ac.js → context-2a4c2d22.js} +2 -2
  277. package/cjs/{context-a04985ac.js.map → context-2a4c2d22.js.map} +1 -1
  278. package/cjs/dist/index.css +120 -120
  279. package/cjs/dist/index.css.map +1 -1
  280. package/cjs/{index-de824ad7.js → index-147cf333.js} +2 -2
  281. package/cjs/{index-de824ad7.js.map → index-147cf333.js.map} +1 -1
  282. package/cjs/{index-5012370d.js → index-16555e69.js} +4 -4
  283. package/cjs/{index-5012370d.js.map → index-16555e69.js.map} +1 -1
  284. package/cjs/{index-be531e8c.js → index-17d4f887.js} +3 -3
  285. package/cjs/{index-be531e8c.js.map → index-17d4f887.js.map} +1 -1
  286. package/cjs/{index-3606d178.js → index-36f8250f.js} +2 -2
  287. package/cjs/{index-3606d178.js.map → index-36f8250f.js.map} +1 -1
  288. package/cjs/{index-36b49ef5.js → index-53273d37.js} +1 -1
  289. package/cjs/{index-36b49ef5.js.map → index-53273d37.js.map} +1 -1
  290. package/cjs/{index-98dc0da4.js → index-549994d9.js} +4 -4
  291. package/cjs/{index-98dc0da4.js.map → index-549994d9.js.map} +1 -1
  292. package/cjs/{index-91cd09c7.js → index-621e3015.js} +1 -1
  293. package/cjs/{index-91cd09c7.js.map → index-621e3015.js.map} +1 -1
  294. package/cjs/{index-77a6e8f7.js → index-a47e4fd8.js} +6 -6
  295. package/cjs/{index-77a6e8f7.js.map → index-a47e4fd8.js.map} +1 -1
  296. package/cjs/{index-70ee1e87.js → index-bde9599e.js} +2 -2
  297. package/cjs/{index-70ee1e87.js.map → index-bde9599e.js.map} +1 -1
  298. package/cjs/{index-0546aff2.js → index-d4e18bf9.js} +2 -2
  299. package/cjs/{index-0546aff2.js.map → index-d4e18bf9.js.map} +1 -1
  300. package/cjs/{index-63a06f37.js → index-e7a4c994.js} +2 -2
  301. package/cjs/{index-63a06f37.js.map → index-e7a4c994.js.map} +1 -1
  302. package/cjs/{index-c3b543df.js → index-eb15a4ee.js} +6 -6
  303. package/cjs/{index-c3b543df.js.map → index-eb15a4ee.js.map} +1 -1
  304. package/cjs/{index-a039da1f.js → index-eb9a1faa.js} +3 -3
  305. package/cjs/{index-a039da1f.js.map → index-eb9a1faa.js.map} +1 -1
  306. package/cjs/{index-d947b675.js → index-f14cc718.js} +5 -5
  307. package/cjs/{index-d947b675.js.map → index-f14cc718.js.map} +1 -1
  308. package/cjs/{index-93ba8e85.js → index-f530a2c2.js} +4 -4
  309. package/cjs/{index-93ba8e85.js.map → index-f530a2c2.js.map} +1 -1
  310. package/cjs/{index-ab691428.js → index-f74334ce.js} +3 -3
  311. package/cjs/{index-ab691428.js.map → index-f74334ce.js.map} +1 -1
  312. package/cjs/{index-3f50b745.js → index-fc4eaae0.js} +2 -2
  313. package/cjs/{index-3f50b745.js.map → index-fc4eaae0.js.map} +1 -1
  314. package/cjs/index.js +52 -51
  315. package/cjs/index.js.map +1 -1
  316. package/cjs/{index.module-6fa7f09a.js → index.module-d0516000.js} +1 -1
  317. package/cjs/{index.module-6fa7f09a.js.map → index.module-d0516000.js.map} +1 -1
  318. package/cjs/resolvedReplyType-96f32c03.js +32 -0
  319. package/cjs/resolvedReplyType-96f32c03.js.map +1 -0
  320. package/cjs/sendbirdSelectors.js +3 -3
  321. package/cjs/{stringSet-d6f2a33a.js → stringSet-69ca82fa.js} +1 -1
  322. package/cjs/{stringSet-d6f2a33a.js.map → stringSet-69ca82fa.js.map} +1 -1
  323. package/cjs/{tokenize-0df4eb21.js → tokenize-2bf879b9.js} +2 -2
  324. package/cjs/{tokenize-0df4eb21.js.map → tokenize-2bf879b9.js.map} +1 -1
  325. package/cjs/{topics-c7ef77ef.js → topics-0c78e863.js} +1 -1
  326. package/cjs/{topics-c7ef77ef.js.map → topics-0c78e863.js.map} +1 -1
  327. package/cjs/{types-edd094e8.js → types-0c970a08.js} +1 -1
  328. package/cjs/types-0c970a08.js.map +1 -0
  329. package/cjs/ui/Accordion.js +2 -2
  330. package/cjs/ui/AccordionGroup.js +2 -2
  331. package/cjs/ui/AdminMessage.js +2 -2
  332. package/cjs/ui/Avatar.js +1 -1
  333. package/cjs/ui/Badge.js +4 -4
  334. package/cjs/ui/BottomSheet.js +1 -1
  335. package/cjs/ui/Button.js +2 -2
  336. package/cjs/ui/ChannelAvatar.js +2 -2
  337. package/cjs/ui/ConnectionStatus.js +4 -4
  338. package/cjs/ui/ContextMenu.js +5 -5
  339. package/cjs/ui/DateSeparator.js +3 -3
  340. package/cjs/ui/EmojiReactions.js +13 -13
  341. package/cjs/ui/FileMessageItemBody.js +6 -6
  342. package/cjs/ui/FileViewer.js +8 -8
  343. package/cjs/ui/IconButton.js +1 -1
  344. package/cjs/ui/Input.js +2 -2
  345. package/cjs/ui/Label.js +2 -2
  346. package/cjs/ui/LinkLabel.js +2 -2
  347. package/cjs/ui/MentionLabel.js +10 -10
  348. package/cjs/ui/MentionUserLabel.js +1 -1
  349. package/cjs/ui/MessageContent.js +28 -28
  350. package/cjs/ui/MessageInput.js +70 -17
  351. package/cjs/ui/MessageInput.js.map +1 -1
  352. package/cjs/ui/MessageItemMenu.js +8 -8
  353. package/cjs/ui/MessageItemReactionMenu.js +8 -8
  354. package/cjs/ui/MessageSearchFileItem.js +10 -10
  355. package/cjs/ui/MessageSearchItem.js +8 -8
  356. package/cjs/ui/MessageStatus.js +10 -10
  357. package/cjs/ui/Modal.js +7 -7
  358. package/cjs/ui/OGMessageItemBody.js +14 -14
  359. package/cjs/ui/OpenChannelAdminMessage.js +2 -2
  360. package/cjs/ui/OpenChannelAvatar.js +5 -5
  361. package/cjs/ui/OpenchannelConversationHeader.js +6 -6
  362. package/cjs/ui/OpenchannelFileMessage.js +15 -15
  363. package/cjs/ui/OpenchannelOGMessage.js +18 -18
  364. package/cjs/ui/OpenchannelThumbnailMessage.js +14 -14
  365. package/cjs/ui/OpenchannelUserMessage.js +15 -15
  366. package/cjs/ui/PlaceHolder.js +5 -5
  367. package/cjs/ui/PlaybackTime.js +2 -2
  368. package/cjs/ui/QuoteMessage.js +6 -6
  369. package/cjs/ui/QuoteMessageInput.js +6 -6
  370. package/cjs/ui/ReactionBadge.js +2 -2
  371. package/cjs/ui/ReactionButton.js +4 -4
  372. package/cjs/ui/SortByRow.js +1 -1
  373. package/cjs/ui/TextButton.js +1 -1
  374. package/cjs/ui/TextMessageItemBody.js +14 -14
  375. package/cjs/ui/ThreadReplies.js +5 -5
  376. package/cjs/ui/ThumbnailMessageItemBody.js +5 -5
  377. package/cjs/ui/Toggle.js +1 -1
  378. package/cjs/ui/Tooltip.js +2 -2
  379. package/cjs/ui/UnknownMessageItemBody.js +6 -6
  380. package/cjs/ui/UserListItem.js +10 -10
  381. package/cjs/ui/UserProfile.js +9 -9
  382. package/cjs/ui/VoiceMessageItemBody.js +9 -9
  383. package/cjs/ui/VoiceMessgeInput.js +7 -7
  384. package/cjs/ui/Word.js +10 -10
  385. package/cjs/{useDirtyGetMentions-527f80ca.js → useDirtyGetMentions-80611147.js} +1 -1
  386. package/cjs/{useDirtyGetMentions-527f80ca.js.map → useDirtyGetMentions-80611147.js.map} +1 -1
  387. package/cjs/{useLongPress-a31543ee.js → useLongPress-d1ebf7be.js} +3 -3
  388. package/cjs/{useLongPress-a31543ee.js.map → useLongPress-d1ebf7be.js.map} +1 -1
  389. package/cjs/useSendbirdStateContext.js +1 -1
  390. package/cjs/utils/message/isVoiceMessage.js +2 -2
  391. package/cjs/{utils-fbb85607.js → utils-26f6ba66.js} +1 -1
  392. package/cjs/{utils-fbb85607.js.map → utils-26f6ba66.js.map} +1 -1
  393. package/cjs/{utils-721f4b6c.js → utils-399e42e0.js} +1 -1
  394. package/cjs/{utils-721f4b6c.js.map → utils-399e42e0.js.map} +1 -1
  395. package/cjs/{utils-98335f41.js → utils-4123016b.js} +2 -2
  396. package/cjs/{utils-98335f41.js.map → utils-4123016b.js.map} +1 -1
  397. package/cjs/{utils-ad2cc973.js → utils-863d8360.js} +1 -1
  398. package/cjs/{utils-ad2cc973.js.map → utils-863d8360.js.map} +1 -1
  399. package/cjs/{uuid-10926ed0.js → uuid-415e7036.js} +1 -1
  400. package/cjs/{uuid-10926ed0.js.map → uuid-415e7036.js.map} +1 -1
  401. package/cjs/withSendbird.js +1 -1
  402. package/{color-f9212f23.js → color-69f6e789.js} +1 -1
  403. package/{color-f9212f23.js.map → color-69f6e789.js.map} +1 -1
  404. package/{compareIds-1bcdf748.js → compareIds-38edfc55.js} +1 -1
  405. package/{compareIds-1bcdf748.js.map → compareIds-38edfc55.js.map} +1 -1
  406. package/{const-735145c8.js → const-37554925.js} +1 -1
  407. package/{const-735145c8.js.map → const-37554925.js.map} +1 -1
  408. package/{const-877bea22.js → const-a243b539.js} +1 -1
  409. package/{const-877bea22.js.map → const-a243b539.js.map} +1 -1
  410. package/{consts-383d4a75.js → consts-2569b193.js} +1 -1
  411. package/{consts-383d4a75.js.map → consts-2569b193.js.map} +1 -1
  412. package/{consts-d545cae2.js → consts-3a3fab91.js} +1 -1
  413. package/{consts-d545cae2.js.map → consts-3a3fab91.js.map} +1 -1
  414. package/{consts-67559ec4.js → consts-5cbbba56.js} +1 -1
  415. package/{consts-67559ec4.js.map → consts-5cbbba56.js.map} +1 -1
  416. package/{consts-d45ca387.js → consts-ca67a8bb.js} +1 -1
  417. package/{consts-d45ca387.js.map → consts-ca67a8bb.js.map} +1 -1
  418. package/{context-8bd9e132.js → context-20f34f21.js} +2 -2
  419. package/{context-8bd9e132.js.map → context-20f34f21.js.map} +1 -1
  420. package/dist/index.css +120 -120
  421. package/dist/index.css.map +1 -1
  422. package/{index-3cffa0b8.js → index-1fa6dddb.js} +3 -3
  423. package/{index-3cffa0b8.js.map → index-1fa6dddb.js.map} +1 -1
  424. package/{index-f86cd2f7.js → index-31460208.js} +4 -4
  425. package/{index-f86cd2f7.js.map → index-31460208.js.map} +1 -1
  426. package/{index-10f046cd.js → index-315dcf0d.js} +4 -4
  427. package/{index-10f046cd.js.map → index-315dcf0d.js.map} +1 -1
  428. package/{index-200e4585.js → index-3884739d.js} +2 -2
  429. package/{index-200e4585.js.map → index-3884739d.js.map} +1 -1
  430. package/{index-cfa2cf64.js → index-4142b9b8.js} +5 -5
  431. package/{index-cfa2cf64.js.map → index-4142b9b8.js.map} +1 -1
  432. package/{index-d4617078.js → index-50634013.js} +2 -2
  433. package/{index-d4617078.js.map → index-50634013.js.map} +1 -1
  434. package/{index-f0e93243.js → index-9d36647d.js} +6 -6
  435. package/{index-f0e93243.js.map → index-9d36647d.js.map} +1 -1
  436. package/{index-fc6960aa.js → index-a4584e34.js} +2 -2
  437. package/{index-fc6960aa.js.map → index-a4584e34.js.map} +1 -1
  438. package/{index-efad9427.js → index-a5c6db93.js} +3 -3
  439. package/{index-efad9427.js.map → index-a5c6db93.js.map} +1 -1
  440. package/{index-9118a2a4.js → index-ae663bfa.js} +1 -1
  441. package/{index-9118a2a4.js.map → index-ae663bfa.js.map} +1 -1
  442. package/{index-6716e8aa.js → index-b42c0eb1.js} +4 -4
  443. package/{index-6716e8aa.js.map → index-b42c0eb1.js.map} +1 -1
  444. package/{index-092e70e5.js → index-c13a345e.js} +2 -2
  445. package/{index-092e70e5.js.map → index-c13a345e.js.map} +1 -1
  446. package/{index-ff4bc2bb.js → index-d9e61250.js} +2 -2
  447. package/{index-ff4bc2bb.js.map → index-d9e61250.js.map} +1 -1
  448. package/{index-d029f899.js → index-eb5489b5.js} +6 -6
  449. package/{index-d029f899.js.map → index-eb5489b5.js.map} +1 -1
  450. package/{index-c165d519.js → index-f697fbcb.js} +1 -1
  451. package/{index-c165d519.js.map → index-f697fbcb.js.map} +1 -1
  452. package/{index-96b80cca.js → index-f6e1c352.js} +3 -3
  453. package/{index-96b80cca.js.map → index-f6e1c352.js.map} +1 -1
  454. package/{index-b179de93.js → index-fdfe6417.js} +2 -2
  455. package/{index-b179de93.js.map → index-fdfe6417.js.map} +1 -1
  456. package/index.d.ts +4 -1
  457. package/index.js +52 -51
  458. package/index.js.map +1 -1
  459. package/{index.module-a01d7416.js → index.module-7ee52842.js} +1 -1
  460. package/{index.module-a01d7416.js.map → index.module-7ee52842.js.map} +1 -1
  461. package/package.json +1 -1
  462. package/resolvedReplyType-db634471.js +29 -0
  463. package/resolvedReplyType-db634471.js.map +1 -0
  464. package/sendbirdSelectors.js +3 -3
  465. package/{stringSet-b7fd994d.js → stringSet-48003663.js} +1 -1
  466. package/{stringSet-b7fd994d.js.map → stringSet-48003663.js.map} +1 -1
  467. package/{tokenize-537ba1e5.js → tokenize-d4044e1f.js} +2 -2
  468. package/{tokenize-537ba1e5.js.map → tokenize-d4044e1f.js.map} +1 -1
  469. package/{topics-abeef9b5.js → topics-913cf30c.js} +1 -1
  470. package/{topics-abeef9b5.js.map → topics-913cf30c.js.map} +1 -1
  471. package/{types-256ac544.js → types-406698d9.js} +1 -1
  472. package/types-406698d9.js.map +1 -0
  473. package/ui/Accordion.js +2 -2
  474. package/ui/AccordionGroup.js +2 -2
  475. package/ui/AdminMessage.js +2 -2
  476. package/ui/Avatar.js +1 -1
  477. package/ui/Badge.js +4 -4
  478. package/ui/BottomSheet.js +1 -1
  479. package/ui/Button.js +2 -2
  480. package/ui/ChannelAvatar.js +2 -2
  481. package/ui/ConnectionStatus.js +4 -4
  482. package/ui/ContextMenu.js +5 -5
  483. package/ui/DateSeparator.js +3 -3
  484. package/ui/EmojiReactions.js +13 -13
  485. package/ui/FileMessageItemBody.js +6 -6
  486. package/ui/FileViewer.js +8 -8
  487. package/ui/IconButton.js +1 -1
  488. package/ui/Input.js +2 -2
  489. package/ui/Label.js +2 -2
  490. package/ui/LinkLabel.js +2 -2
  491. package/ui/MentionLabel.js +10 -10
  492. package/ui/MentionUserLabel.js +1 -1
  493. package/ui/MessageContent.js +28 -28
  494. package/ui/MessageInput.js +71 -18
  495. package/ui/MessageInput.js.map +1 -1
  496. package/ui/MessageItemMenu.js +8 -8
  497. package/ui/MessageItemReactionMenu.js +8 -8
  498. package/ui/MessageSearchFileItem.js +10 -10
  499. package/ui/MessageSearchItem.js +8 -8
  500. package/ui/MessageStatus.js +10 -10
  501. package/ui/Modal.js +7 -7
  502. package/ui/OGMessageItemBody.js +14 -14
  503. package/ui/OpenChannelAdminMessage.js +2 -2
  504. package/ui/OpenChannelAvatar.js +5 -5
  505. package/ui/OpenchannelConversationHeader.js +6 -6
  506. package/ui/OpenchannelFileMessage.js +15 -15
  507. package/ui/OpenchannelOGMessage.js +18 -18
  508. package/ui/OpenchannelThumbnailMessage.js +14 -14
  509. package/ui/OpenchannelUserMessage.js +15 -15
  510. package/ui/PlaceHolder.js +5 -5
  511. package/ui/PlaybackTime.js +2 -2
  512. package/ui/QuoteMessage.js +6 -6
  513. package/ui/QuoteMessageInput.js +6 -6
  514. package/ui/ReactionBadge.js +2 -2
  515. package/ui/ReactionButton.js +4 -4
  516. package/ui/SortByRow.js +1 -1
  517. package/ui/TextButton.js +1 -1
  518. package/ui/TextMessageItemBody.js +14 -14
  519. package/ui/ThreadReplies.js +5 -5
  520. package/ui/ThumbnailMessageItemBody.js +5 -5
  521. package/ui/Toggle.js +1 -1
  522. package/ui/Tooltip.js +2 -2
  523. package/ui/UnknownMessageItemBody.js +6 -6
  524. package/ui/UserListItem.js +10 -10
  525. package/ui/UserProfile.js +9 -9
  526. package/ui/VoiceMessageItemBody.js +9 -9
  527. package/ui/VoiceMessgeInput.js +7 -7
  528. package/ui/Word.js +10 -10
  529. package/{useDirtyGetMentions-af15b9c7.js → useDirtyGetMentions-19f30317.js} +1 -1
  530. package/{useDirtyGetMentions-af15b9c7.js.map → useDirtyGetMentions-19f30317.js.map} +1 -1
  531. package/{useLongPress-d6ae865b.js → useLongPress-84190b3e.js} +3 -3
  532. package/{useLongPress-d6ae865b.js.map → useLongPress-84190b3e.js.map} +1 -1
  533. package/useSendbirdStateContext.js +1 -1
  534. package/utils/message/isVoiceMessage.js +2 -2
  535. package/{utils-b9abb204.js → utils-06f531b7.js} +1 -1
  536. package/{utils-b9abb204.js.map → utils-06f531b7.js.map} +1 -1
  537. package/{utils-b1338a23.js → utils-12b3e12b.js} +1 -1
  538. package/{utils-b1338a23.js.map → utils-12b3e12b.js.map} +1 -1
  539. package/{utils-9d1564a9.js → utils-49d7b734.js} +2 -2
  540. package/{utils-9d1564a9.js.map → utils-49d7b734.js.map} +1 -1
  541. package/{utils-28649e5d.js → utils-5248be17.js} +1 -1
  542. package/{utils-28649e5d.js.map → utils-5248be17.js.map} +1 -1
  543. package/{uuid-d20d317b.js → uuid-91cc1b9f.js} +1 -1
  544. package/{uuid-d20d317b.js.map → uuid-91cc1b9f.js.map} +1 -1
  545. package/withSendbird.js +1 -1
  546. package/ChannelProvider-f39a427f.js.map +0 -1
  547. package/_rollupPluginBabelHelpers-fba60f75.js.map +0 -1
  548. package/cjs/ChannelProvider-1599fb99.js.map +0 -1
  549. package/cjs/_rollupPluginBabelHelpers-17f53083.js.map +0 -1
  550. package/cjs/types-edd094e8.js.map +0 -1
  551. package/types-256ac544.js.map +0 -1
package/dist/index.css CHANGED
@@ -70,125 +70,6 @@
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
- max-width: 178px;
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
- max-width: 100%;
149
- height: 100%;
150
- box-sizing: border-box;
151
- overflow-x: hidden;
152
- text-overflow: ellipsis;
153
- word-break: keep-all;
154
- }
155
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name.frozen {
156
- max-width: calc(100% - 20px);
157
- }
158
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen {
159
- position: relative;
160
- margin-left: 4px;
161
- display: inline-flex;
162
- }
163
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants {
164
- position: relative;
165
- margin-top: 8px;
166
- display: inline-flex;
167
- flex-direction: row;
168
- align-items: center;
169
- width: 100%;
170
- height: 14px;
171
- box-sizing: border-box;
172
- }
173
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__icon {
174
- position: relative;
175
- display: inline-flex;
176
- width: 14px;
177
- height: 14px;
178
- box-sizing: border-box;
179
- }
180
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count {
181
- position: relative;
182
- margin-left: 4px;
183
- display: inline-flex;
184
- width: 160px;
185
- max-width: 160px;
186
- height: 12px;
187
- box-sizing: border-box;
188
- overflow-x: hidden;
189
- text-overflow: ellipsis;
190
- word-break: keep-all;
191
- }
192
73
  .sendbird-open-channel-list,
193
74
  .sendbird-open-channel-list-ui {
194
75
  position: relative;
@@ -338,6 +219,125 @@
338
219
  display: inline-flex;
339
220
  flex-direction: row;
340
221
  }
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
+ max-width: 178px;
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
+ max-width: 100%;
298
+ height: 100%;
299
+ 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;
311
+ }
312
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants {
313
+ position: relative;
314
+ margin-top: 8px;
315
+ display: inline-flex;
316
+ flex-direction: row;
317
+ align-items: center;
318
+ width: 100%;
319
+ height: 14px;
320
+ box-sizing: border-box;
321
+ }
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;
328
+ }
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;
340
+ }
341
341
  @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap");
342
342
  :root {
343
343
  --sendbird-light-primary-500: #491389;
@@ -856,7 +856,7 @@
856
856
  background-color: var(--sendbird-dark-background-400);
857
857
  color: var(--sendbird-dark-onlight-01);
858
858
  }
859
- .sendbird-label {
859
+ .sendbird--mobile-mode .sendbird-label {
860
860
  -webkit-user-select: none;
861
861
  -webkit-touch-callout: none;
862
862
  }