@sendbird/uikit-react 3.4.6-rc.0 → 3.4.6-rc.1

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 (509) hide show
  1. package/App.js +46 -45
  2. package/App.js.map +1 -1
  3. package/CHANGELOG.md +10 -8
  4. package/Channel/components/ChannelHeader.js +19 -19
  5. package/Channel/components/ChannelUI.js +39 -39
  6. package/Channel/components/FileViewer.js +15 -15
  7. package/Channel/components/FrozenNotification.js +4 -4
  8. package/Channel/components/Message.js +34 -34
  9. package/Channel/components/MessageInput.js +27 -27
  10. package/Channel/components/MessageList.js +35 -35
  11. package/Channel/components/RemoveMessageModal.js +17 -17
  12. package/Channel/components/SuggestedMentionList.js +17 -17
  13. package/Channel/components/TypingIndicator.js +15 -15
  14. package/Channel/components/UnreadCount.js +4 -4
  15. package/Channel/context.js +14 -14
  16. package/Channel.js +39 -39
  17. package/ChannelList/components/AddChannel.js +15 -15
  18. package/ChannelList/components/ChannelListHeader.js +6 -6
  19. package/ChannelList/components/ChannelListUI.js +30 -29
  20. package/ChannelList/components/ChannelListUI.js.map +1 -1
  21. package/ChannelList/components/ChannelPreview.js +26 -26
  22. package/ChannelList/components/ChannelPreviewAction.js +14 -14
  23. package/ChannelList/context.js +8 -8
  24. package/ChannelList.js +30 -29
  25. package/ChannelList.js.map +1 -1
  26. package/{ChannelListProvider-45cf488b.js → ChannelListProvider-32bd4597.js} +8 -8
  27. package/{ChannelListProvider-45cf488b.js.map → ChannelListProvider-32bd4597.js.map} +1 -1
  28. package/{ChannelProvider-9a52ed96.js → ChannelProvider-4e33aa60.js} +10 -10
  29. package/{ChannelProvider-9a52ed96.js.map → ChannelProvider-4e33aa60.js.map} +1 -1
  30. package/ChannelSettings/components/ChannelProfile.js +11 -11
  31. package/ChannelSettings/components/ChannelSettingsUI.js +17 -17
  32. package/ChannelSettings/components/EditDetailsModal.js +11 -11
  33. package/ChannelSettings/components/LeaveChannel.js +11 -11
  34. package/ChannelSettings/components/ModerationPanel.js +14 -14
  35. package/ChannelSettings/components/UserListItem.js +10 -10
  36. package/ChannelSettings/components/UserPanel.js +13 -13
  37. package/ChannelSettings/context.js +3 -3
  38. package/ChannelSettings.js +17 -17
  39. package/CreateChannel/components/CreateChannelUI.js +13 -13
  40. package/CreateChannel/components/InviteUsers.js +13 -13
  41. package/CreateChannel/components/SelectChannelType.js +10 -10
  42. package/CreateChannel/context.js +4 -4
  43. package/CreateChannel.js +13 -13
  44. package/{CreateChannelProvider-8c395571.js → CreateChannelProvider-96aa4ed0.js} +1 -1
  45. package/{CreateChannelProvider-8c395571.js.map → CreateChannelProvider-96aa4ed0.js.map} +1 -1
  46. package/CreateOpenChannel/components/CreateOpenChannelUI.js +9 -9
  47. package/CreateOpenChannel/context.js +1 -1
  48. package/CreateOpenChannel.js +9 -9
  49. package/EditUserProfile/components/EditUserProfileUI.js +12 -11
  50. package/EditUserProfile/components/EditUserProfileUI.js.map +1 -1
  51. package/EditUserProfile.js +12 -11
  52. package/EditUserProfile.js.map +1 -1
  53. package/{LocalizationContext-428ea690.js → LocalizationContext-62966630.js} +3 -3
  54. package/{LocalizationContext-428ea690.js.map → LocalizationContext-62966630.js.map} +1 -1
  55. package/{MediaQueryContext-e4d4fb2a.js → MediaQueryContext-17146a37.js} +1 -1
  56. package/{MediaQueryContext-e4d4fb2a.js.map → MediaQueryContext-17146a37.js.map} +1 -1
  57. package/{MemberList-f0614320.js → MemberList-ef0a35ad.js} +5 -5
  58. package/{MemberList-f0614320.js.map → MemberList-ef0a35ad.js.map} +1 -1
  59. package/MessageSearch/components/MessageSearchUI.js +11 -11
  60. package/MessageSearch/context.js +1 -1
  61. package/MessageSearch.js +11 -11
  62. package/OpenChannel/components/FrozenChannelNotification.js +4 -4
  63. package/OpenChannel/components/OpenChannelHeader.js +12 -12
  64. package/OpenChannel/components/OpenChannelInput.js +19 -19
  65. package/OpenChannel/components/OpenChannelMessage.js +28 -28
  66. package/OpenChannel/components/OpenChannelMessageList.js +32 -32
  67. package/OpenChannel/components/OpenChannelUI.js +32 -32
  68. package/OpenChannel/context.js +8 -8
  69. package/OpenChannel.js +32 -32
  70. package/OpenChannelList/components/OpenChannelListUI.js +13 -13
  71. package/OpenChannelList/components/OpenChannelPreview.js +4 -4
  72. package/OpenChannelList/context.js +3 -3
  73. package/OpenChannelList.js +13 -13
  74. package/{OpenChannelListProvider-1657d7da.js → OpenChannelListProvider-8be6450e.js} +3 -3
  75. package/{OpenChannelListProvider-1657d7da.js.map → OpenChannelListProvider-8be6450e.js.map} +1 -1
  76. package/{OpenChannelProvider-de3ddd2b.js → OpenChannelProvider-98df8b74.js} +7 -7
  77. package/{OpenChannelProvider-de3ddd2b.js.map → OpenChannelProvider-98df8b74.js.map} +1 -1
  78. package/OpenChannelSettings/components/EditDetailsModal.js +12 -12
  79. package/OpenChannelSettings/components/OpenChannelProfile.js +12 -12
  80. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  81. package/OpenChannelSettings/components/OperatorUI.js +16 -16
  82. package/OpenChannelSettings/components/ParticipantUI.js +14 -14
  83. package/OpenChannelSettings/context.js +3 -3
  84. package/OpenChannelSettings.js +17 -17
  85. package/{RemoveMessageModal-cced59b5.js → RemoveMessageModal-0efd9201.js} +3 -3
  86. package/{RemoveMessageModal-cced59b5.js.map → RemoveMessageModal-0efd9201.js.map} +1 -1
  87. package/SendbirdProvider.js +14 -19
  88. package/SendbirdProvider.js.map +1 -1
  89. package/Thread/components/ParentMessageInfo.js +30 -30
  90. package/Thread/components/ParentMessageInfoItem.js +18 -18
  91. package/Thread/components/ThreadHeader.js +6 -6
  92. package/Thread/components/ThreadList.js +33 -33
  93. package/Thread/components/ThreadListItem.js +33 -33
  94. package/Thread/components/ThreadMessageInput.js +28 -28
  95. package/Thread/components/ThreadUI.js +37 -37
  96. package/Thread/context.js +8 -8
  97. package/Thread.js +37 -37
  98. package/{ThreadProvider-c33f66a4.js → ThreadProvider-1798360b.js} +7 -7
  99. package/{ThreadProvider-c33f66a4.js.map → ThreadProvider-1798360b.js.map} +1 -1
  100. package/{UserProfileContext-576f1ef9.js → UserProfileContext-7083bd82.js} +1 -1
  101. package/{UserProfileContext-576f1ef9.js.map → UserProfileContext-7083bd82.js.map} +1 -1
  102. package/{VoiceMessageInputWrapper-8f6bfd36.js → VoiceMessageInputWrapper-4479a1bd.js} +7 -7
  103. package/{VoiceMessageInputWrapper-8f6bfd36.js.map → VoiceMessageInputWrapper-4479a1bd.js.map} +1 -1
  104. package/VoicePlayer/context.js +3 -3
  105. package/VoicePlayer/useVoicePlayer.js +3 -3
  106. package/VoiceRecorder/context.js +3 -3
  107. package/VoiceRecorder/useVoiceRecorder.js +2 -2
  108. package/{WebAudioUtils-f9237c94.js → WebAudioUtils-f57301b1.js} +1 -1
  109. package/{WebAudioUtils-f9237c94.js.map → WebAudioUtils-f57301b1.js.map} +1 -1
  110. package/{_rollupPluginBabelHelpers-6e60e429.js → _rollupPluginBabelHelpers-48b56150.js} +1 -1
  111. package/_rollupPluginBabelHelpers-48b56150.js.map +1 -0
  112. package/actionTypes-9badb1b4.js +8 -0
  113. package/actionTypes-9badb1b4.js.map +1 -0
  114. package/cjs/App.js +46 -45
  115. package/cjs/App.js.map +1 -1
  116. package/cjs/Channel/components/ChannelHeader.js +19 -19
  117. package/cjs/Channel/components/ChannelUI.js +39 -39
  118. package/cjs/Channel/components/FileViewer.js +15 -15
  119. package/cjs/Channel/components/FrozenNotification.js +4 -4
  120. package/cjs/Channel/components/Message.js +34 -34
  121. package/cjs/Channel/components/MessageInput.js +27 -27
  122. package/cjs/Channel/components/MessageList.js +35 -35
  123. package/cjs/Channel/components/RemoveMessageModal.js +17 -17
  124. package/cjs/Channel/components/SuggestedMentionList.js +17 -17
  125. package/cjs/Channel/components/TypingIndicator.js +15 -15
  126. package/cjs/Channel/components/UnreadCount.js +4 -4
  127. package/cjs/Channel/context.js +14 -14
  128. package/cjs/Channel.js +39 -39
  129. package/cjs/ChannelList/components/AddChannel.js +15 -15
  130. package/cjs/ChannelList/components/ChannelListHeader.js +6 -6
  131. package/cjs/ChannelList/components/ChannelListUI.js +30 -29
  132. package/cjs/ChannelList/components/ChannelListUI.js.map +1 -1
  133. package/cjs/ChannelList/components/ChannelPreview.js +26 -26
  134. package/cjs/ChannelList/components/ChannelPreviewAction.js +14 -14
  135. package/cjs/ChannelList/context.js +8 -8
  136. package/cjs/ChannelList.js +30 -29
  137. package/cjs/ChannelList.js.map +1 -1
  138. package/cjs/{ChannelListProvider-f74d4451.js → ChannelListProvider-c90e6d9b.js} +8 -8
  139. package/cjs/{ChannelListProvider-f74d4451.js.map → ChannelListProvider-c90e6d9b.js.map} +1 -1
  140. package/cjs/{ChannelProvider-fcb80591.js → ChannelProvider-6da44044.js} +10 -10
  141. package/cjs/{ChannelProvider-fcb80591.js.map → ChannelProvider-6da44044.js.map} +1 -1
  142. package/cjs/ChannelSettings/components/ChannelProfile.js +11 -11
  143. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +17 -17
  144. package/cjs/ChannelSettings/components/EditDetailsModal.js +11 -11
  145. package/cjs/ChannelSettings/components/LeaveChannel.js +11 -11
  146. package/cjs/ChannelSettings/components/ModerationPanel.js +14 -14
  147. package/cjs/ChannelSettings/components/UserListItem.js +10 -10
  148. package/cjs/ChannelSettings/components/UserPanel.js +13 -13
  149. package/cjs/ChannelSettings/context.js +3 -3
  150. package/cjs/ChannelSettings.js +17 -17
  151. package/cjs/CreateChannel/components/CreateChannelUI.js +13 -13
  152. package/cjs/CreateChannel/components/InviteUsers.js +13 -13
  153. package/cjs/CreateChannel/components/SelectChannelType.js +10 -10
  154. package/cjs/CreateChannel/context.js +4 -4
  155. package/cjs/CreateChannel.js +13 -13
  156. package/cjs/{CreateChannelProvider-1be5d0c0.js → CreateChannelProvider-ff9bb9da.js} +1 -1
  157. package/cjs/{CreateChannelProvider-1be5d0c0.js.map → CreateChannelProvider-ff9bb9da.js.map} +1 -1
  158. package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js +9 -9
  159. package/cjs/CreateOpenChannel/context.js +1 -1
  160. package/cjs/CreateOpenChannel.js +9 -9
  161. package/cjs/EditUserProfile/components/EditUserProfileUI.js +12 -11
  162. package/cjs/EditUserProfile/components/EditUserProfileUI.js.map +1 -1
  163. package/cjs/EditUserProfile.js +12 -11
  164. package/cjs/EditUserProfile.js.map +1 -1
  165. package/cjs/{LocalizationContext-9b216d02.js → LocalizationContext-4c1a8e44.js} +3 -3
  166. package/cjs/{LocalizationContext-9b216d02.js.map → LocalizationContext-4c1a8e44.js.map} +1 -1
  167. package/cjs/{MediaQueryContext-ea137add.js → MediaQueryContext-9f3958fe.js} +1 -1
  168. package/cjs/{MediaQueryContext-ea137add.js.map → MediaQueryContext-9f3958fe.js.map} +1 -1
  169. package/cjs/{MemberList-4f805690.js → MemberList-1ad4eda5.js} +5 -5
  170. package/cjs/{MemberList-4f805690.js.map → MemberList-1ad4eda5.js.map} +1 -1
  171. package/cjs/MessageSearch/components/MessageSearchUI.js +11 -11
  172. package/cjs/MessageSearch/context.js +1 -1
  173. package/cjs/MessageSearch.js +11 -11
  174. package/cjs/OpenChannel/components/FrozenChannelNotification.js +4 -4
  175. package/cjs/OpenChannel/components/OpenChannelHeader.js +12 -12
  176. package/cjs/OpenChannel/components/OpenChannelInput.js +19 -19
  177. package/cjs/OpenChannel/components/OpenChannelMessage.js +28 -28
  178. package/cjs/OpenChannel/components/OpenChannelMessageList.js +32 -32
  179. package/cjs/OpenChannel/components/OpenChannelUI.js +32 -32
  180. package/cjs/OpenChannel/context.js +8 -8
  181. package/cjs/OpenChannel.js +32 -32
  182. package/cjs/OpenChannelList/components/OpenChannelListUI.js +13 -13
  183. package/cjs/OpenChannelList/components/OpenChannelPreview.js +4 -4
  184. package/cjs/OpenChannelList/context.js +3 -3
  185. package/cjs/OpenChannelList.js +13 -13
  186. package/cjs/{OpenChannelListProvider-6883fa4a.js → OpenChannelListProvider-f7387ce4.js} +3 -3
  187. package/cjs/{OpenChannelListProvider-6883fa4a.js.map → OpenChannelListProvider-f7387ce4.js.map} +1 -1
  188. package/cjs/{OpenChannelProvider-cb41bba9.js → OpenChannelProvider-0bbac562.js} +7 -7
  189. package/cjs/{OpenChannelProvider-cb41bba9.js.map → OpenChannelProvider-0bbac562.js.map} +1 -1
  190. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +12 -12
  191. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +12 -12
  192. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  193. package/cjs/OpenChannelSettings/components/OperatorUI.js +16 -16
  194. package/cjs/OpenChannelSettings/components/ParticipantUI.js +14 -14
  195. package/cjs/OpenChannelSettings/context.js +3 -3
  196. package/cjs/OpenChannelSettings.js +17 -17
  197. package/cjs/{RemoveMessageModal-193a514d.js → RemoveMessageModal-63e870f4.js} +3 -3
  198. package/cjs/{RemoveMessageModal-193a514d.js.map → RemoveMessageModal-63e870f4.js.map} +1 -1
  199. package/cjs/SendbirdProvider.js +20 -25
  200. package/cjs/SendbirdProvider.js.map +1 -1
  201. package/cjs/Thread/components/ParentMessageInfo.js +30 -30
  202. package/cjs/Thread/components/ParentMessageInfoItem.js +18 -18
  203. package/cjs/Thread/components/ThreadHeader.js +6 -6
  204. package/cjs/Thread/components/ThreadList.js +33 -33
  205. package/cjs/Thread/components/ThreadListItem.js +33 -33
  206. package/cjs/Thread/components/ThreadMessageInput.js +28 -28
  207. package/cjs/Thread/components/ThreadUI.js +37 -37
  208. package/cjs/Thread/context.js +8 -8
  209. package/cjs/Thread.js +37 -37
  210. package/cjs/{ThreadProvider-c3623e5f.js → ThreadProvider-ca9e5e4f.js} +7 -7
  211. package/cjs/{ThreadProvider-c3623e5f.js.map → ThreadProvider-ca9e5e4f.js.map} +1 -1
  212. package/cjs/{UserProfileContext-ad079e6d.js → UserProfileContext-34f6be33.js} +1 -1
  213. package/cjs/{UserProfileContext-ad079e6d.js.map → UserProfileContext-34f6be33.js.map} +1 -1
  214. package/cjs/{VoiceMessageInputWrapper-1c4004d1.js → VoiceMessageInputWrapper-770a185c.js} +7 -7
  215. package/cjs/{VoiceMessageInputWrapper-1c4004d1.js.map → VoiceMessageInputWrapper-770a185c.js.map} +1 -1
  216. package/cjs/VoicePlayer/context.js +3 -3
  217. package/cjs/VoicePlayer/useVoicePlayer.js +3 -3
  218. package/cjs/VoiceRecorder/context.js +3 -3
  219. package/cjs/VoiceRecorder/useVoiceRecorder.js +2 -2
  220. package/cjs/{WebAudioUtils-33ee4d42.js → WebAudioUtils-70bcccc3.js} +1 -1
  221. package/cjs/{WebAudioUtils-33ee4d42.js.map → WebAudioUtils-70bcccc3.js.map} +1 -1
  222. package/cjs/{_rollupPluginBabelHelpers-440ec6e2.js → _rollupPluginBabelHelpers-8164e35a.js} +1 -1
  223. package/cjs/_rollupPluginBabelHelpers-8164e35a.js.map +1 -0
  224. package/cjs/actionTypes-4a2939b3.js +10 -0
  225. package/cjs/actionTypes-4a2939b3.js.map +1 -0
  226. package/cjs/{color-8b30623d.js → color-f43f059a.js} +1 -1
  227. package/cjs/{color-8b30623d.js.map → color-f43f059a.js.map} +1 -1
  228. package/cjs/{compareIds-3dbb4f79.js → compareIds-e5f7db38.js} +1 -1
  229. package/cjs/{compareIds-3dbb4f79.js.map → compareIds-e5f7db38.js.map} +1 -1
  230. package/cjs/{const-7bb85121.js → const-611ac2dd.js} +1 -1
  231. package/cjs/{const-7bb85121.js.map → const-611ac2dd.js.map} +1 -1
  232. package/cjs/{const-1e096998.js → const-e7388711.js} +1 -1
  233. package/cjs/{const-1e096998.js.map → const-e7388711.js.map} +1 -1
  234. package/cjs/{consts-02c09d93.js → consts-82dce75d.js} +1 -1
  235. package/cjs/{consts-02c09d93.js.map → consts-82dce75d.js.map} +1 -1
  236. package/cjs/{consts-3ebe6f94.js → consts-d9ecf2d7.js} +1 -1
  237. package/cjs/{consts-3ebe6f94.js.map → consts-d9ecf2d7.js.map} +1 -1
  238. package/cjs/{consts-d1f579c4.js → consts-e0f44b83.js} +1 -1
  239. package/cjs/{consts-d1f579c4.js.map → consts-e0f44b83.js.map} +1 -1
  240. package/cjs/{consts-54b7b2b1.js → consts-f8bd3346.js} +1 -1
  241. package/cjs/{consts-54b7b2b1.js.map → consts-f8bd3346.js.map} +1 -1
  242. package/cjs/{context-855dcb8e.js → context-32080e3d.js} +2 -2
  243. package/cjs/{context-855dcb8e.js.map → context-32080e3d.js.map} +1 -1
  244. package/cjs/dist/index.css +119 -119
  245. package/cjs/dist/index.css.map +1 -1
  246. package/cjs/{index-6d24cef9.js → index-0f5a2c3b.js} +7 -7
  247. package/cjs/{index-6d24cef9.js.map → index-0f5a2c3b.js.map} +1 -1
  248. package/cjs/{index-15a62d58.js → index-1837f392.js} +6 -5
  249. package/cjs/index-1837f392.js.map +1 -0
  250. package/cjs/{index-ecfe08c9.js → index-450c5c4a.js} +2 -2
  251. package/cjs/{index-ecfe08c9.js.map → index-450c5c4a.js.map} +1 -1
  252. package/cjs/{index-d85616b2.js → index-584a87f3.js} +1 -1
  253. package/cjs/{index-d85616b2.js.map → index-584a87f3.js.map} +1 -1
  254. package/cjs/{index-a1141d68.js → index-58bddb18.js} +4 -4
  255. package/cjs/{index-a1141d68.js.map → index-58bddb18.js.map} +1 -1
  256. package/cjs/{index-8a187344.js → index-6253d289.js} +3 -3
  257. package/cjs/{index-8a187344.js.map → index-6253d289.js.map} +1 -1
  258. package/cjs/{index-3d6159df.js → index-6295003c.js} +2 -2
  259. package/cjs/{index-3d6159df.js.map → index-6295003c.js.map} +1 -1
  260. package/cjs/{index-f8237241.js → index-911b358f.js} +3 -3
  261. package/cjs/{index-f8237241.js.map → index-911b358f.js.map} +1 -1
  262. package/cjs/{index-d6f14382.js → index-946fe9b8.js} +2 -2
  263. package/cjs/{index-d6f14382.js.map → index-946fe9b8.js.map} +1 -1
  264. package/cjs/{index-8a64de0e.js → index-a9a828c4.js} +4 -4
  265. package/cjs/{index-8a64de0e.js.map → index-a9a828c4.js.map} +1 -1
  266. package/cjs/{index-5bba1fd5.js → index-bddcf750.js} +2 -2
  267. package/cjs/{index-5bba1fd5.js.map → index-bddcf750.js.map} +1 -1
  268. package/cjs/{index-7f214e91.js → index-cc5b51fb.js} +7 -7
  269. package/cjs/{index-7f214e91.js.map → index-cc5b51fb.js.map} +1 -1
  270. package/cjs/{index-8d42b734.js → index-d217a491.js} +2 -2
  271. package/cjs/{index-8d42b734.js.map → index-d217a491.js.map} +1 -1
  272. package/cjs/{index-02729806.js → index-ecac7544.js} +1 -1
  273. package/cjs/{index-02729806.js.map → index-ecac7544.js.map} +1 -1
  274. package/cjs/{index-9e320445.js → index-f2afea13.js} +5 -5
  275. package/cjs/{index-9e320445.js.map → index-f2afea13.js.map} +1 -1
  276. package/cjs/{index-b95c8165.js → index-fc3f351f.js} +2 -2
  277. package/cjs/{index-b95c8165.js.map → index-fc3f351f.js.map} +1 -1
  278. package/cjs/index.js +50 -49
  279. package/cjs/index.js.map +1 -1
  280. package/cjs/index.module-d62bc038.js +6 -0
  281. package/cjs/index.module-d62bc038.js.map +1 -0
  282. package/cjs/sendbirdSelectors.js +2 -2
  283. package/cjs/{stringSet-e52248ab.js → stringSet-9717efda.js} +1 -1
  284. package/cjs/{stringSet-e52248ab.js.map → stringSet-9717efda.js.map} +1 -1
  285. package/cjs/{tokenize-c5dd544b.js → tokenize-b42df26a.js} +3 -3
  286. package/cjs/{tokenize-c5dd544b.js.map → tokenize-b42df26a.js.map} +1 -1
  287. package/cjs/{topics-09d72ec0.js → topics-11bf2ffa.js} +1 -1
  288. package/cjs/{topics-09d72ec0.js.map → topics-11bf2ffa.js.map} +1 -1
  289. package/cjs/{tslib.es6-957ba986.js → tslib.es6-b412d11d.js} +1 -1
  290. package/cjs/{tslib.es6-957ba986.js.map → tslib.es6-b412d11d.js.map} +1 -1
  291. package/cjs/{types-68cc0fcf.js → types-997d2578.js} +1 -1
  292. package/cjs/{types-68cc0fcf.js.map → types-997d2578.js.map} +1 -1
  293. package/cjs/ui/Accordion.js +3 -3
  294. package/cjs/ui/AccordionGroup.js +2 -2
  295. package/cjs/ui/AdminMessage.js +3 -3
  296. package/cjs/ui/Avatar.js +2 -2
  297. package/cjs/ui/Badge.js +5 -5
  298. package/cjs/ui/BottomSheet.js +1 -1
  299. package/cjs/ui/Button.js +3 -3
  300. package/cjs/ui/ChannelAvatar.js +3 -3
  301. package/cjs/ui/ConnectionStatus.js +4 -4
  302. package/cjs/ui/ContextMenu.js +5 -5
  303. package/cjs/ui/DateSeparator.js +4 -4
  304. package/cjs/ui/EmojiReactions.js +7 -7
  305. package/cjs/ui/FileMessageItemBody.js +6 -6
  306. package/cjs/ui/FileViewer.js +8 -8
  307. package/cjs/ui/IconButton.js +1 -1
  308. package/cjs/ui/ImageRenderer.js +1 -1
  309. package/cjs/ui/Input.js +2 -2
  310. package/cjs/ui/Label.js +2 -2
  311. package/cjs/ui/LinkLabel.js +2 -2
  312. package/cjs/ui/Loader.js +1 -1
  313. package/cjs/ui/MentionLabel.js +10 -10
  314. package/cjs/ui/MentionUserLabel.js +1 -1
  315. package/cjs/ui/MessageContent.js +28 -28
  316. package/cjs/ui/MessageInput.js +13 -13
  317. package/cjs/ui/MessageItemMenu.js +8 -8
  318. package/cjs/ui/MessageItemReactionMenu.js +5 -5
  319. package/cjs/ui/MessageSearchFileItem.js +10 -10
  320. package/cjs/ui/MessageSearchItem.js +9 -9
  321. package/cjs/ui/MessageStatus.js +10 -10
  322. package/cjs/ui/Modal.js +7 -7
  323. package/cjs/ui/OGMessageItemBody.js +14 -14
  324. package/cjs/ui/OpenChannelAdminMessage.js +3 -3
  325. package/cjs/ui/OpenChannelAvatar.js +6 -6
  326. package/cjs/ui/OpenchannelConversationHeader.js +6 -6
  327. package/cjs/ui/OpenchannelFileMessage.js +16 -16
  328. package/cjs/ui/OpenchannelOGMessage.js +19 -19
  329. package/cjs/ui/OpenchannelThumbnailMessage.js +15 -15
  330. package/cjs/ui/OpenchannelUserMessage.js +16 -16
  331. package/cjs/ui/PlaceHolder.js +6 -6
  332. package/cjs/ui/PlaybackTime.js +2 -2
  333. package/cjs/ui/QuoteMessage.js +6 -6
  334. package/cjs/ui/QuoteMessageInput.js +6 -6
  335. package/cjs/ui/ReactionBadge.js +3 -3
  336. package/cjs/ui/ReactionButton.js +1 -1
  337. package/cjs/ui/SortByRow.js +2 -2
  338. package/cjs/ui/TextButton.js +2 -2
  339. package/cjs/ui/TextMessageItemBody.js +14 -14
  340. package/cjs/ui/ThreadReplies.js +6 -6
  341. package/cjs/ui/ThumbnailMessageItemBody.js +2 -2
  342. package/cjs/ui/Tooltip.js +3 -3
  343. package/cjs/ui/TooltipWrapper.js +1 -1
  344. package/cjs/ui/UnknownMessageItemBody.js +6 -6
  345. package/cjs/ui/UserListItem.js +10 -10
  346. package/cjs/ui/UserProfile.js +9 -9
  347. package/cjs/ui/VoiceMessageItemBody.js +5 -5
  348. package/cjs/ui/VoiceMessgeInput.js +8 -8
  349. package/cjs/ui/Word.js +10 -10
  350. package/cjs/{useLongPress-640ea281.js → useLongPress-0b0040bb.js} +3 -3
  351. package/cjs/{useLongPress-640ea281.js.map → useLongPress-0b0040bb.js.map} +1 -1
  352. package/cjs/useSendbirdStateContext.js +1 -1
  353. package/cjs/utils/message/isVoiceMessage.js +2 -2
  354. package/cjs/{utils-93739833.js → utils-301360ec.js} +2 -2
  355. package/cjs/{utils-93739833.js.map → utils-301360ec.js.map} +1 -1
  356. package/cjs/{utils-dd55b959.js → utils-43d14023.js} +1 -1
  357. package/cjs/{utils-dd55b959.js.map → utils-43d14023.js.map} +1 -1
  358. package/cjs/{utils-7346a672.js → utils-aeadc058.js} +1 -1
  359. package/cjs/{utils-7346a672.js.map → utils-aeadc058.js.map} +1 -1
  360. package/cjs/{utils-a82eaed9.js → utils-d40c9909.js} +1 -1
  361. package/cjs/{utils-a82eaed9.js.map → utils-d40c9909.js.map} +1 -1
  362. package/cjs/{uuid-a8af0c03.js → uuid-d0a9c040.js} +1 -1
  363. package/cjs/{uuid-a8af0c03.js.map → uuid-d0a9c040.js.map} +1 -1
  364. package/cjs/withSendbird.js +1 -1
  365. package/{color-2037c3b8.js → color-4ecee870.js} +1 -1
  366. package/{color-2037c3b8.js.map → color-4ecee870.js.map} +1 -1
  367. package/{compareIds-b858e41a.js → compareIds-bc4cf9bf.js} +1 -1
  368. package/{compareIds-b858e41a.js.map → compareIds-bc4cf9bf.js.map} +1 -1
  369. package/{const-10a01327.js → const-34b3294d.js} +1 -1
  370. package/{const-10a01327.js.map → const-34b3294d.js.map} +1 -1
  371. package/{const-85ec8faf.js → const-8a7444d1.js} +1 -1
  372. package/{const-85ec8faf.js.map → const-8a7444d1.js.map} +1 -1
  373. package/{consts-ef58410d.js → consts-165100af.js} +1 -1
  374. package/{consts-ef58410d.js.map → consts-165100af.js.map} +1 -1
  375. package/{consts-89b1e965.js → consts-7a61df9f.js} +1 -1
  376. package/{consts-89b1e965.js.map → consts-7a61df9f.js.map} +1 -1
  377. package/{consts-3fe926ac.js → consts-81c7d9ed.js} +1 -1
  378. package/{consts-3fe926ac.js.map → consts-81c7d9ed.js.map} +1 -1
  379. package/{consts-f3b2a046.js → consts-96859f90.js} +1 -1
  380. package/{consts-f3b2a046.js.map → consts-96859f90.js.map} +1 -1
  381. package/{context-8436b333.js → context-c54bc9b4.js} +2 -2
  382. package/{context-8436b333.js.map → context-c54bc9b4.js.map} +1 -1
  383. package/dist/index.css +119 -119
  384. package/dist/index.css.map +1 -1
  385. package/{index-f87c5aab.js → index-1db30515.js} +2 -2
  386. package/{index-f87c5aab.js.map → index-1db30515.js.map} +1 -1
  387. package/{index-23251a75.js → index-2ea26b17.js} +2 -2
  388. package/{index-23251a75.js.map → index-2ea26b17.js.map} +1 -1
  389. package/{index-f0fa0260.js → index-3ac8a689.js} +4 -4
  390. package/{index-f0fa0260.js.map → index-3ac8a689.js.map} +1 -1
  391. package/{index-e01f2743.js → index-47ba6604.js} +3 -3
  392. package/{index-e01f2743.js.map → index-47ba6604.js.map} +1 -1
  393. package/{index-8efe881f.js → index-538fa479.js} +2 -2
  394. package/{index-8efe881f.js.map → index-538fa479.js.map} +1 -1
  395. package/{index-8d6fa44a.js → index-5cfaecc9.js} +2 -2
  396. package/{index-8d6fa44a.js.map → index-5cfaecc9.js.map} +1 -1
  397. package/{index-8b3cd0b6.js → index-6574e8fd.js} +1 -1
  398. package/{index-8b3cd0b6.js.map → index-6574e8fd.js.map} +1 -1
  399. package/{index-d5a761b9.js → index-6f66895e.js} +1 -1
  400. package/{index-d5a761b9.js.map → index-6f66895e.js.map} +1 -1
  401. package/{index-4a1325ab.js → index-77a24725.js} +7 -7
  402. package/{index-4a1325ab.js.map → index-77a24725.js.map} +1 -1
  403. package/{index-2f83ba2a.js → index-adfdd634.js} +2 -2
  404. package/{index-2f83ba2a.js.map → index-adfdd634.js.map} +1 -1
  405. package/{index-10da4b99.js → index-af95f2b0.js} +4 -4
  406. package/{index-10da4b99.js.map → index-af95f2b0.js.map} +1 -1
  407. package/{index-b41d07df.js → index-c4ff34e4.js} +3 -3
  408. package/{index-b41d07df.js.map → index-c4ff34e4.js.map} +1 -1
  409. package/{index-e0325c33.js → index-df6b2fc4.js} +2 -2
  410. package/{index-e0325c33.js.map → index-df6b2fc4.js.map} +1 -1
  411. package/{index-5cbdbcf9.js → index-e2834120.js} +7 -7
  412. package/{index-5cbdbcf9.js.map → index-e2834120.js.map} +1 -1
  413. package/{index-84b28e71.js → index-e5062739.js} +6 -5
  414. package/index-e5062739.js.map +1 -0
  415. package/{index-390c0bba.js → index-f5d419ec.js} +5 -5
  416. package/{index-390c0bba.js.map → index-f5d419ec.js.map} +1 -1
  417. package/index.d.ts +1 -1
  418. package/index.js +50 -49
  419. package/index.js.map +1 -1
  420. package/index.module-a2145ffe.js +4 -0
  421. package/index.module-a2145ffe.js.map +1 -0
  422. package/package.json +1 -1
  423. package/sendbirdSelectors.js +2 -2
  424. package/{stringSet-fa7e0d83.js → stringSet-e0fd81b2.js} +1 -1
  425. package/{stringSet-fa7e0d83.js.map → stringSet-e0fd81b2.js.map} +1 -1
  426. package/{tokenize-7bcc2072.js → tokenize-22d48b61.js} +3 -3
  427. package/{tokenize-7bcc2072.js.map → tokenize-22d48b61.js.map} +1 -1
  428. package/{topics-2647294d.js → topics-bc5fee43.js} +1 -1
  429. package/{topics-2647294d.js.map → topics-bc5fee43.js.map} +1 -1
  430. package/{tslib.es6-debac48c.js → tslib.es6-85bcd95d.js} +1 -1
  431. package/{tslib.es6-debac48c.js.map → tslib.es6-85bcd95d.js.map} +1 -1
  432. package/{types-abb04b7a.js → types-84207ac4.js} +1 -1
  433. package/{types-abb04b7a.js.map → types-84207ac4.js.map} +1 -1
  434. package/ui/Accordion.js +3 -3
  435. package/ui/AccordionGroup.js +2 -2
  436. package/ui/AdminMessage.js +3 -3
  437. package/ui/Avatar.js +2 -2
  438. package/ui/Badge.js +5 -5
  439. package/ui/BottomSheet.js +1 -1
  440. package/ui/Button.js +3 -3
  441. package/ui/ChannelAvatar.js +3 -3
  442. package/ui/ConnectionStatus.js +4 -4
  443. package/ui/ContextMenu.js +5 -5
  444. package/ui/DateSeparator.js +4 -4
  445. package/ui/EmojiReactions.js +7 -7
  446. package/ui/FileMessageItemBody.js +6 -6
  447. package/ui/FileViewer.js +8 -8
  448. package/ui/IconButton.js +1 -1
  449. package/ui/ImageRenderer.js +1 -1
  450. package/ui/Input.js +2 -2
  451. package/ui/Label.js +2 -2
  452. package/ui/LinkLabel.js +2 -2
  453. package/ui/Loader.js +1 -1
  454. package/ui/MentionLabel.js +10 -10
  455. package/ui/MentionUserLabel.js +1 -1
  456. package/ui/MessageContent.js +28 -28
  457. package/ui/MessageInput.js +13 -13
  458. package/ui/MessageItemMenu.js +8 -8
  459. package/ui/MessageItemReactionMenu.js +5 -5
  460. package/ui/MessageSearchFileItem.js +10 -10
  461. package/ui/MessageSearchItem.js +9 -9
  462. package/ui/MessageStatus.js +10 -10
  463. package/ui/Modal.js +7 -7
  464. package/ui/OGMessageItemBody.js +14 -14
  465. package/ui/OpenChannelAdminMessage.js +3 -3
  466. package/ui/OpenChannelAvatar.js +6 -6
  467. package/ui/OpenchannelConversationHeader.js +6 -6
  468. package/ui/OpenchannelFileMessage.js +16 -16
  469. package/ui/OpenchannelOGMessage.js +19 -19
  470. package/ui/OpenchannelThumbnailMessage.js +15 -15
  471. package/ui/OpenchannelUserMessage.js +16 -16
  472. package/ui/PlaceHolder.js +6 -6
  473. package/ui/PlaybackTime.js +2 -2
  474. package/ui/QuoteMessage.js +6 -6
  475. package/ui/QuoteMessageInput.js +6 -6
  476. package/ui/ReactionBadge.js +3 -3
  477. package/ui/ReactionButton.js +1 -1
  478. package/ui/SortByRow.js +2 -2
  479. package/ui/TextButton.js +2 -2
  480. package/ui/TextMessageItemBody.js +14 -14
  481. package/ui/ThreadReplies.js +6 -6
  482. package/ui/ThumbnailMessageItemBody.js +2 -2
  483. package/ui/Tooltip.js +3 -3
  484. package/ui/TooltipWrapper.js +1 -1
  485. package/ui/UnknownMessageItemBody.js +6 -6
  486. package/ui/UserListItem.js +10 -10
  487. package/ui/UserProfile.js +9 -9
  488. package/ui/VoiceMessageItemBody.js +5 -5
  489. package/ui/VoiceMessgeInput.js +8 -8
  490. package/ui/Word.js +10 -10
  491. package/{useLongPress-42dc7c5d.js → useLongPress-08d9369b.js} +3 -3
  492. package/{useLongPress-42dc7c5d.js.map → useLongPress-08d9369b.js.map} +1 -1
  493. package/useSendbirdStateContext.js +1 -1
  494. package/utils/message/isVoiceMessage.js +2 -2
  495. package/{utils-1905e84d.js → utils-13ac01f0.js} +2 -2
  496. package/{utils-1905e84d.js.map → utils-13ac01f0.js.map} +1 -1
  497. package/{utils-19ce54ee.js → utils-3c97842b.js} +1 -1
  498. package/{utils-19ce54ee.js.map → utils-3c97842b.js.map} +1 -1
  499. package/{utils-b568cd44.js → utils-4aea6ebc.js} +1 -1
  500. package/{utils-b568cd44.js.map → utils-4aea6ebc.js.map} +1 -1
  501. package/{utils-87be98af.js → utils-7dc80efd.js} +1 -1
  502. package/{utils-87be98af.js.map → utils-7dc80efd.js.map} +1 -1
  503. package/{uuid-e979d613.js → uuid-39d923b9.js} +1 -1
  504. package/{uuid-e979d613.js.map → uuid-39d923b9.js.map} +1 -1
  505. package/withSendbird.js +1 -1
  506. package/_rollupPluginBabelHelpers-6e60e429.js.map +0 -1
  507. package/cjs/_rollupPluginBabelHelpers-440ec6e2.js.map +0 -1
  508. package/cjs/index-15a62d58.js.map +0 -1
  509. package/index-84b28e71.js.map +0 -1
package/cjs/dist/index.css CHANGED
@@ -69,6 +69,125 @@
69
69
  display: inline-block;
70
70
  color: inherit;
71
71
  }
72
+ .sendbird-open-channel-preview {
73
+ position: relative;
74
+ display: inline-flex;
75
+ flex-direction: row;
76
+ width: 264px;
77
+ height: 58px;
78
+ min-width: 264px;
79
+ min-height: 58px;
80
+ box-sizing: border-box;
81
+ }
82
+ .sendbird--mobile-mode .sendbird-open-channel-preview {
83
+ width: 100%;
84
+ }
85
+ .sendbird-theme--light .sendbird-open-channel-preview {
86
+ background-color: var(--sendbird-light-background-50);
87
+ border-bottom: solid 1px var(--sendbird-light-onlight-04);
88
+ }
89
+ .sendbird-theme--dark .sendbird-open-channel-preview {
90
+ background-color: var(--sendbird-dark-background-600);
91
+ border-bottom: solid 1px var(--sendbird-dark-ondark-04);
92
+ }
93
+ .sendbird-theme--light .sendbird-open-channel-preview:hover {
94
+ background-color: var(--sendbird-light-background-100);
95
+ }
96
+ .sendbird-theme--dark .sendbird-open-channel-preview:hover {
97
+ background-color: var(--sendbird-dark-background-500);
98
+ }
99
+ .sendbird-theme--light .sendbird-open-channel-preview.selected {
100
+ background-color: var(--sendbird-light-primary-100);
101
+ border-left: solid 4px var(--sendbird-light-primary-300);
102
+ }
103
+ .sendbird-theme--dark .sendbird-open-channel-preview.selected {
104
+ background-color: var(--sendbird-dark-primary-300);
105
+ border-left: solid 4px var(--sendbird-dark-primary-200);
106
+ }
107
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image {
108
+ position: relative;
109
+ margin-top: 8px;
110
+ margin-left: 16px;
111
+ display: inline-flex;
112
+ align-items: center;
113
+ justify-content: center;
114
+ width: 42px;
115
+ height: 42px;
116
+ box-sizing: border-box;
117
+ }
118
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar,
119
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar--default {
120
+ position: relative;
121
+ display: inline-flex;
122
+ align-items: center;
123
+ justify-content: center;
124
+ box-sizing: border-box;
125
+ }
126
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context {
127
+ position: relative;
128
+ margin-top: 8px;
129
+ margin-left: 16px;
130
+ display: inline-flex;
131
+ flex-direction: column;
132
+ max-width: 178px;
133
+ box-sizing: border-box;
134
+ }
135
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title {
136
+ position: relative;
137
+ display: inline-flex;
138
+ flex-direction: row;
139
+ align-items: center;
140
+ width: 100%;
141
+ height: 16px;
142
+ box-sizing: border-box;
143
+ }
144
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name {
145
+ position: relative;
146
+ display: inline-block;
147
+ max-width: 100%;
148
+ height: 100%;
149
+ box-sizing: border-box;
150
+ overflow-x: hidden;
151
+ text-overflow: ellipsis;
152
+ word-break: keep-all;
153
+ }
154
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name.frozen {
155
+ max-width: calc(100% - 20px);
156
+ }
157
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen {
158
+ position: relative;
159
+ margin-left: 4px;
160
+ display: inline-flex;
161
+ }
162
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants {
163
+ position: relative;
164
+ margin-top: 8px;
165
+ display: inline-flex;
166
+ flex-direction: row;
167
+ align-items: center;
168
+ width: 100%;
169
+ height: 14px;
170
+ box-sizing: border-box;
171
+ }
172
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__icon {
173
+ position: relative;
174
+ display: inline-flex;
175
+ width: 14px;
176
+ height: 14px;
177
+ box-sizing: border-box;
178
+ }
179
+ .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count {
180
+ position: relative;
181
+ margin-left: 4px;
182
+ display: inline-flex;
183
+ width: 160px;
184
+ max-width: 160px;
185
+ height: 12px;
186
+ box-sizing: border-box;
187
+ overflow-x: hidden;
188
+ text-overflow: ellipsis;
189
+ word-break: keep-all;
190
+ }
72
191
  .sendbird-create-open-channel-ui {
73
192
  position: relative;
74
193
  display: inline-flex;
@@ -216,125 +335,6 @@
216
335
  .sendbird-theme--dark .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
217
336
  background-color: var(--sendbird-dark-background-500);
218
337
  }
219
- .sendbird-open-channel-preview {
220
- position: relative;
221
- display: inline-flex;
222
- flex-direction: row;
223
- width: 264px;
224
- height: 58px;
225
- min-width: 264px;
226
- min-height: 58px;
227
- box-sizing: border-box;
228
- }
229
- .sendbird--mobile-mode .sendbird-open-channel-preview {
230
- width: 100%;
231
- }
232
- .sendbird-theme--light .sendbird-open-channel-preview {
233
- background-color: var(--sendbird-light-background-50);
234
- border-bottom: solid 1px var(--sendbird-light-onlight-04);
235
- }
236
- .sendbird-theme--dark .sendbird-open-channel-preview {
237
- background-color: var(--sendbird-dark-background-600);
238
- border-bottom: solid 1px var(--sendbird-dark-ondark-04);
239
- }
240
- .sendbird-theme--light .sendbird-open-channel-preview:hover {
241
- background-color: var(--sendbird-light-background-100);
242
- }
243
- .sendbird-theme--dark .sendbird-open-channel-preview:hover {
244
- background-color: var(--sendbird-dark-background-500);
245
- }
246
- .sendbird-theme--light .sendbird-open-channel-preview.selected {
247
- background-color: var(--sendbird-light-primary-100);
248
- border-left: solid 4px var(--sendbird-light-primary-300);
249
- }
250
- .sendbird-theme--dark .sendbird-open-channel-preview.selected {
251
- background-color: var(--sendbird-dark-primary-300);
252
- border-left: solid 4px var(--sendbird-dark-primary-200);
253
- }
254
- .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image {
255
- position: relative;
256
- margin-top: 8px;
257
- margin-left: 16px;
258
- display: inline-flex;
259
- align-items: center;
260
- justify-content: center;
261
- width: 42px;
262
- height: 42px;
263
- box-sizing: border-box;
264
- }
265
- .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar,
266
- .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar--default {
267
- position: relative;
268
- display: inline-flex;
269
- align-items: center;
270
- justify-content: center;
271
- box-sizing: border-box;
272
- }
273
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context {
274
- position: relative;
275
- margin-top: 8px;
276
- margin-left: 16px;
277
- display: inline-flex;
278
- flex-direction: column;
279
- max-width: 178px;
280
- box-sizing: border-box;
281
- }
282
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title {
283
- position: relative;
284
- display: inline-flex;
285
- flex-direction: row;
286
- align-items: center;
287
- width: 100%;
288
- height: 16px;
289
- box-sizing: border-box;
290
- }
291
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name {
292
- position: relative;
293
- display: inline-block;
294
- max-width: 100%;
295
- height: 100%;
296
- box-sizing: border-box;
297
- overflow-x: hidden;
298
- text-overflow: ellipsis;
299
- word-break: keep-all;
300
- }
301
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name.frozen {
302
- max-width: calc(100% - 20px);
303
- }
304
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen {
305
- position: relative;
306
- margin-left: 4px;
307
- display: inline-flex;
308
- }
309
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants {
310
- position: relative;
311
- margin-top: 8px;
312
- display: inline-flex;
313
- flex-direction: row;
314
- align-items: center;
315
- width: 100%;
316
- height: 14px;
317
- box-sizing: border-box;
318
- }
319
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__icon {
320
- position: relative;
321
- display: inline-flex;
322
- width: 14px;
323
- height: 14px;
324
- box-sizing: border-box;
325
- }
326
- .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count {
327
- position: relative;
328
- margin-left: 4px;
329
- display: inline-flex;
330
- width: 160px;
331
- max-width: 160px;
332
- height: 12px;
333
- box-sizing: border-box;
334
- overflow-x: hidden;
335
- text-overflow: ellipsis;
336
- word-break: keep-all;
337
- }
338
338
  @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap");
339
339
  :root {
340
340
  --sendbird-light-primary-500: #491389;