@sendbird/uikit-react 3.5.1 → 3.6.0-feature-config-rc-0

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 (502) hide show
  1. package/App.js +55 -51
  2. package/App.js.map +1 -1
  3. package/Channel/components/ChannelHeader.js +19 -19
  4. package/Channel/components/ChannelUI.js +41 -41
  5. package/Channel/components/FileViewer.js +15 -15
  6. package/Channel/components/FrozenNotification.js +4 -4
  7. package/Channel/components/Message.js +36 -36
  8. package/Channel/components/MessageInput.js +29 -29
  9. package/Channel/components/MessageList.js +37 -37
  10. package/Channel/components/RemoveMessageModal.js +17 -17
  11. package/Channel/components/SuggestedMentionList.js +17 -17
  12. package/Channel/components/TypingIndicator.js +15 -15
  13. package/Channel/components/UnreadCount.js +4 -4
  14. package/Channel/context.js +12 -12
  15. package/Channel.js +41 -41
  16. package/ChannelList/components/AddChannel.js +14 -14
  17. package/ChannelList/components/ChannelListHeader.js +6 -6
  18. package/ChannelList/components/ChannelListUI.js +30 -30
  19. package/ChannelList/components/ChannelPreview.js +26 -26
  20. package/ChannelList/components/ChannelPreviewAction.js +13 -13
  21. package/ChannelList/context.js +7 -7
  22. package/ChannelList.js +30 -30
  23. package/{ChannelListProvider-643a2b47.js → ChannelListProvider-afc2bbb7.js} +7 -7
  24. package/{ChannelListProvider-643a2b47.js.map → ChannelListProvider-afc2bbb7.js.map} +1 -1
  25. package/{ChannelProvider-33559192.js → ChannelProvider-8f333f20.js} +11 -11
  26. package/{ChannelProvider-33559192.js.map → ChannelProvider-8f333f20.js.map} +1 -1
  27. package/ChannelSettings/components/ChannelProfile.js +11 -11
  28. package/ChannelSettings/components/ChannelSettingsUI.js +17 -17
  29. package/ChannelSettings/components/EditDetailsModal.js +11 -11
  30. package/ChannelSettings/components/LeaveChannel.js +11 -11
  31. package/ChannelSettings/components/ModerationPanel.js +14 -14
  32. package/ChannelSettings/components/UserListItem.js +10 -10
  33. package/ChannelSettings/components/UserPanel.js +13 -13
  34. package/ChannelSettings/context.js +3 -3
  35. package/ChannelSettings.js +17 -17
  36. package/CreateChannel/components/CreateChannelUI.js +13 -13
  37. package/CreateChannel/components/InviteUsers.js +13 -13
  38. package/CreateChannel/components/SelectChannelType.js +10 -10
  39. package/CreateChannel/context.js +4 -4
  40. package/CreateChannel.js +13 -13
  41. package/{CreateChannelProvider-5b006b58.js → CreateChannelProvider-078f3b8a.js} +1 -1
  42. package/{CreateChannelProvider-5b006b58.js.map → CreateChannelProvider-078f3b8a.js.map} +1 -1
  43. package/CreateOpenChannel/components/CreateOpenChannelUI.js +9 -9
  44. package/CreateOpenChannel/context.js +1 -1
  45. package/CreateOpenChannel.js +9 -9
  46. package/EditUserProfile/components/EditUserProfileUI.js +12 -12
  47. package/EditUserProfile.js +12 -12
  48. package/{LocalizationContext-25d6694d.js → LocalizationContext-c408cdc3.js} +3 -3
  49. package/{LocalizationContext-25d6694d.js.map → LocalizationContext-c408cdc3.js.map} +1 -1
  50. package/{MediaQueryContext-94c9086a.js → MediaQueryContext-37438a28.js} +1 -1
  51. package/{MediaQueryContext-94c9086a.js.map → MediaQueryContext-37438a28.js.map} +1 -1
  52. package/{MemberList-9f8950db.js → MemberList-c1ed3a38.js} +5 -5
  53. package/{MemberList-9f8950db.js.map → MemberList-c1ed3a38.js.map} +1 -1
  54. package/MessageSearch/components/MessageSearchUI.js +11 -11
  55. package/MessageSearch/context.js +1 -1
  56. package/MessageSearch.js +11 -11
  57. package/OpenChannel/components/FrozenChannelNotification.js +4 -4
  58. package/OpenChannel/components/OpenChannelHeader.js +12 -12
  59. package/OpenChannel/components/OpenChannelInput.js +19 -19
  60. package/OpenChannel/components/OpenChannelMessage.js +27 -27
  61. package/OpenChannel/components/OpenChannelMessageList.js +31 -31
  62. package/OpenChannel/components/OpenChannelUI.js +31 -31
  63. package/OpenChannel/context.js +8 -8
  64. package/OpenChannel.js +31 -31
  65. package/OpenChannelList/components/OpenChannelListUI.js +13 -13
  66. package/OpenChannelList/components/OpenChannelPreview.js +3 -3
  67. package/OpenChannelList/context.js +3 -3
  68. package/OpenChannelList.js +13 -13
  69. package/{OpenChannelListProvider-7c6b2f84.js → OpenChannelListProvider-b9f602b4.js} +3 -3
  70. package/{OpenChannelListProvider-7c6b2f84.js.map → OpenChannelListProvider-b9f602b4.js.map} +1 -1
  71. package/{OpenChannelProvider-18fa6128.js → OpenChannelProvider-124aba00.js} +7 -7
  72. package/{OpenChannelProvider-18fa6128.js.map → OpenChannelProvider-124aba00.js.map} +1 -1
  73. package/OpenChannelSettings/components/EditDetailsModal.js +12 -12
  74. package/OpenChannelSettings/components/OpenChannelProfile.js +12 -12
  75. package/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  76. package/OpenChannelSettings/components/OperatorUI.js +16 -16
  77. package/OpenChannelSettings/components/ParticipantUI.js +14 -14
  78. package/OpenChannelSettings/context.js +3 -3
  79. package/OpenChannelSettings.js +17 -17
  80. package/{RemoveMessageModal-9c0350c0.js → RemoveMessageModal-dc1ec83f.js} +3 -3
  81. package/{RemoveMessageModal-9c0350c0.js.map → RemoveMessageModal-dc1ec83f.js.map} +1 -1
  82. package/SendbirdProvider.js +86 -42
  83. package/SendbirdProvider.js.map +1 -1
  84. package/Thread/components/ParentMessageInfo.js +33 -33
  85. package/Thread/components/ParentMessageInfoItem.js +21 -21
  86. package/Thread/components/ThreadHeader.js +6 -6
  87. package/Thread/components/ThreadList.js +36 -36
  88. package/Thread/components/ThreadListItem.js +36 -36
  89. package/Thread/components/ThreadMessageInput.js +30 -30
  90. package/Thread/components/ThreadUI.js +40 -40
  91. package/Thread/context.js +8 -8
  92. package/Thread.js +40 -40
  93. package/{ThreadProvider-6ae0b041.js → ThreadProvider-7ba37023.js} +7 -7
  94. package/{ThreadProvider-6ae0b041.js.map → ThreadProvider-7ba37023.js.map} +1 -1
  95. package/{UserProfileContext-a56cc682.js → UserProfileContext-271136d9.js} +1 -1
  96. package/{UserProfileContext-a56cc682.js.map → UserProfileContext-271136d9.js.map} +1 -1
  97. package/{VoiceMessageInputWrapper-69ac1f5a.js → VoiceMessageInputWrapper-6f598bd9.js} +7 -7
  98. package/{VoiceMessageInputWrapper-69ac1f5a.js.map → VoiceMessageInputWrapper-6f598bd9.js.map} +1 -1
  99. package/VoicePlayer/context.js +3 -3
  100. package/VoicePlayer/useVoicePlayer.js +9 -9
  101. package/VoiceRecorder/context.js +9 -9
  102. package/VoiceRecorder/useVoiceRecorder.js +8 -8
  103. package/{WebAudioUtils-16540f03.js → WebAudioUtils-bd64dcae.js} +1 -1
  104. package/{WebAudioUtils-16540f03.js.map → WebAudioUtils-bd64dcae.js.map} +1 -1
  105. package/{_rollupPluginBabelHelpers-1be219c2.js → _rollupPluginBabelHelpers-656af0eb.js} +1 -1
  106. package/_rollupPluginBabelHelpers-656af0eb.js.map +1 -0
  107. package/{actionTypes-a8140d53.js → actionTypes-36bb503b.js} +1 -1
  108. package/{actionTypes-a8140d53.js.map → actionTypes-36bb503b.js.map} +1 -1
  109. package/cjs/App.js +55 -51
  110. package/cjs/App.js.map +1 -1
  111. package/cjs/Channel/components/ChannelHeader.js +19 -19
  112. package/cjs/Channel/components/ChannelUI.js +41 -41
  113. package/cjs/Channel/components/FileViewer.js +15 -15
  114. package/cjs/Channel/components/FrozenNotification.js +4 -4
  115. package/cjs/Channel/components/Message.js +36 -36
  116. package/cjs/Channel/components/MessageInput.js +29 -29
  117. package/cjs/Channel/components/MessageList.js +37 -37
  118. package/cjs/Channel/components/RemoveMessageModal.js +17 -17
  119. package/cjs/Channel/components/SuggestedMentionList.js +17 -17
  120. package/cjs/Channel/components/TypingIndicator.js +15 -15
  121. package/cjs/Channel/components/UnreadCount.js +4 -4
  122. package/cjs/Channel/context.js +12 -12
  123. package/cjs/Channel.js +41 -41
  124. package/cjs/ChannelList/components/AddChannel.js +14 -14
  125. package/cjs/ChannelList/components/ChannelListHeader.js +6 -6
  126. package/cjs/ChannelList/components/ChannelListUI.js +30 -30
  127. package/cjs/ChannelList/components/ChannelPreview.js +26 -26
  128. package/cjs/ChannelList/components/ChannelPreviewAction.js +13 -13
  129. package/cjs/ChannelList/context.js +7 -7
  130. package/cjs/ChannelList.js +30 -30
  131. package/cjs/{ChannelListProvider-1d4a8060.js → ChannelListProvider-654fdfc6.js} +7 -7
  132. package/cjs/{ChannelListProvider-1d4a8060.js.map → ChannelListProvider-654fdfc6.js.map} +1 -1
  133. package/cjs/{ChannelProvider-2c7ec64b.js → ChannelProvider-1d449335.js} +11 -11
  134. package/cjs/{ChannelProvider-2c7ec64b.js.map → ChannelProvider-1d449335.js.map} +1 -1
  135. package/cjs/ChannelSettings/components/ChannelProfile.js +11 -11
  136. package/cjs/ChannelSettings/components/ChannelSettingsUI.js +17 -17
  137. package/cjs/ChannelSettings/components/EditDetailsModal.js +11 -11
  138. package/cjs/ChannelSettings/components/LeaveChannel.js +11 -11
  139. package/cjs/ChannelSettings/components/ModerationPanel.js +14 -14
  140. package/cjs/ChannelSettings/components/UserListItem.js +10 -10
  141. package/cjs/ChannelSettings/components/UserPanel.js +13 -13
  142. package/cjs/ChannelSettings/context.js +3 -3
  143. package/cjs/ChannelSettings.js +17 -17
  144. package/cjs/CreateChannel/components/CreateChannelUI.js +13 -13
  145. package/cjs/CreateChannel/components/InviteUsers.js +13 -13
  146. package/cjs/CreateChannel/components/SelectChannelType.js +10 -10
  147. package/cjs/CreateChannel/context.js +4 -4
  148. package/cjs/CreateChannel.js +13 -13
  149. package/cjs/{CreateChannelProvider-f7d36126.js → CreateChannelProvider-f916a48f.js} +1 -1
  150. package/cjs/{CreateChannelProvider-f7d36126.js.map → CreateChannelProvider-f916a48f.js.map} +1 -1
  151. package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js +9 -9
  152. package/cjs/CreateOpenChannel/context.js +1 -1
  153. package/cjs/CreateOpenChannel.js +9 -9
  154. package/cjs/EditUserProfile/components/EditUserProfileUI.js +12 -12
  155. package/cjs/EditUserProfile.js +12 -12
  156. package/cjs/{LocalizationContext-bd54275c.js → LocalizationContext-54f4dd6b.js} +3 -3
  157. package/cjs/{LocalizationContext-bd54275c.js.map → LocalizationContext-54f4dd6b.js.map} +1 -1
  158. package/cjs/{MediaQueryContext-ebcb159a.js → MediaQueryContext-ededb48b.js} +1 -1
  159. package/cjs/{MediaQueryContext-ebcb159a.js.map → MediaQueryContext-ededb48b.js.map} +1 -1
  160. package/cjs/{MemberList-2204c0b1.js → MemberList-a3590ea6.js} +5 -5
  161. package/cjs/{MemberList-2204c0b1.js.map → MemberList-a3590ea6.js.map} +1 -1
  162. package/cjs/MessageSearch/components/MessageSearchUI.js +11 -11
  163. package/cjs/MessageSearch/context.js +1 -1
  164. package/cjs/MessageSearch.js +11 -11
  165. package/cjs/OpenChannel/components/FrozenChannelNotification.js +4 -4
  166. package/cjs/OpenChannel/components/OpenChannelHeader.js +12 -12
  167. package/cjs/OpenChannel/components/OpenChannelInput.js +19 -19
  168. package/cjs/OpenChannel/components/OpenChannelMessage.js +27 -27
  169. package/cjs/OpenChannel/components/OpenChannelMessageList.js +31 -31
  170. package/cjs/OpenChannel/components/OpenChannelUI.js +31 -31
  171. package/cjs/OpenChannel/context.js +8 -8
  172. package/cjs/OpenChannel.js +31 -31
  173. package/cjs/OpenChannelList/components/OpenChannelListUI.js +13 -13
  174. package/cjs/OpenChannelList/components/OpenChannelPreview.js +3 -3
  175. package/cjs/OpenChannelList/context.js +3 -3
  176. package/cjs/OpenChannelList.js +13 -13
  177. package/cjs/{OpenChannelListProvider-865700d5.js → OpenChannelListProvider-e0824d59.js} +3 -3
  178. package/cjs/{OpenChannelListProvider-865700d5.js.map → OpenChannelListProvider-e0824d59.js.map} +1 -1
  179. package/cjs/{OpenChannelProvider-083e5628.js → OpenChannelProvider-a33b3a80.js} +7 -7
  180. package/cjs/{OpenChannelProvider-083e5628.js.map → OpenChannelProvider-a33b3a80.js.map} +1 -1
  181. package/cjs/OpenChannelSettings/components/EditDetailsModal.js +12 -12
  182. package/cjs/OpenChannelSettings/components/OpenChannelProfile.js +12 -12
  183. package/cjs/OpenChannelSettings/components/OpenChannelSettingsUI.js +17 -17
  184. package/cjs/OpenChannelSettings/components/OperatorUI.js +16 -16
  185. package/cjs/OpenChannelSettings/components/ParticipantUI.js +14 -14
  186. package/cjs/OpenChannelSettings/context.js +3 -3
  187. package/cjs/OpenChannelSettings.js +17 -17
  188. package/cjs/{RemoveMessageModal-822e0fac.js → RemoveMessageModal-83e24688.js} +3 -3
  189. package/cjs/{RemoveMessageModal-822e0fac.js.map → RemoveMessageModal-83e24688.js.map} +1 -1
  190. package/cjs/SendbirdProvider.js +86 -42
  191. package/cjs/SendbirdProvider.js.map +1 -1
  192. package/cjs/Thread/components/ParentMessageInfo.js +33 -33
  193. package/cjs/Thread/components/ParentMessageInfoItem.js +21 -21
  194. package/cjs/Thread/components/ThreadHeader.js +6 -6
  195. package/cjs/Thread/components/ThreadList.js +36 -36
  196. package/cjs/Thread/components/ThreadListItem.js +36 -36
  197. package/cjs/Thread/components/ThreadMessageInput.js +30 -30
  198. package/cjs/Thread/components/ThreadUI.js +40 -40
  199. package/cjs/Thread/context.js +8 -8
  200. package/cjs/Thread.js +40 -40
  201. package/cjs/{ThreadProvider-09392c06.js → ThreadProvider-5a755ae9.js} +7 -7
  202. package/cjs/{ThreadProvider-09392c06.js.map → ThreadProvider-5a755ae9.js.map} +1 -1
  203. package/cjs/{UserProfileContext-10e1ac24.js → UserProfileContext-dd5cb698.js} +1 -1
  204. package/cjs/{UserProfileContext-10e1ac24.js.map → UserProfileContext-dd5cb698.js.map} +1 -1
  205. package/cjs/{VoiceMessageInputWrapper-fee2ede6.js → VoiceMessageInputWrapper-6be300b5.js} +7 -7
  206. package/cjs/{VoiceMessageInputWrapper-fee2ede6.js.map → VoiceMessageInputWrapper-6be300b5.js.map} +1 -1
  207. package/cjs/VoicePlayer/context.js +3 -3
  208. package/cjs/VoicePlayer/useVoicePlayer.js +9 -9
  209. package/cjs/VoiceRecorder/context.js +9 -9
  210. package/cjs/VoiceRecorder/useVoiceRecorder.js +8 -8
  211. package/cjs/{WebAudioUtils-9dfbd5a9.js → WebAudioUtils-ec5fab9c.js} +1 -1
  212. package/cjs/{WebAudioUtils-9dfbd5a9.js.map → WebAudioUtils-ec5fab9c.js.map} +1 -1
  213. package/cjs/{_rollupPluginBabelHelpers-53e83515.js → _rollupPluginBabelHelpers-c663dd08.js} +1 -1
  214. package/cjs/_rollupPluginBabelHelpers-c663dd08.js.map +1 -0
  215. package/cjs/{actionTypes-b1275c7f.js → actionTypes-ec1a24ad.js} +1 -1
  216. package/cjs/{actionTypes-b1275c7f.js.map → actionTypes-ec1a24ad.js.map} +1 -1
  217. package/cjs/{color-e7fbb496.js → color-9b89305e.js} +1 -1
  218. package/cjs/{color-e7fbb496.js.map → color-9b89305e.js.map} +1 -1
  219. package/cjs/{compareIds-03cd7437.js → compareIds-33dd955d.js} +1 -1
  220. package/cjs/{compareIds-03cd7437.js.map → compareIds-33dd955d.js.map} +1 -1
  221. package/cjs/{const-b3585ae0.js → const-aa5d9897.js} +1 -1
  222. package/cjs/{const-b3585ae0.js.map → const-aa5d9897.js.map} +1 -1
  223. package/cjs/{const-8728e4b6.js → const-fa9766cd.js} +1 -1
  224. package/cjs/{const-8728e4b6.js.map → const-fa9766cd.js.map} +1 -1
  225. package/cjs/{consts-a006bc78.js → consts-1236a4e1.js} +1 -1
  226. package/cjs/{consts-a006bc78.js.map → consts-1236a4e1.js.map} +1 -1
  227. package/cjs/{consts-aa056322.js → consts-51109fcf.js} +1 -1
  228. package/cjs/{consts-aa056322.js.map → consts-51109fcf.js.map} +1 -1
  229. package/cjs/{consts-a0e35044.js → consts-69a6e3e5.js} +1 -1
  230. package/cjs/{consts-a0e35044.js.map → consts-69a6e3e5.js.map} +1 -1
  231. package/cjs/{consts-6bd1cfe3.js → consts-e76a3ddb.js} +1 -1
  232. package/cjs/{consts-6bd1cfe3.js.map → consts-e76a3ddb.js.map} +1 -1
  233. package/cjs/{context-ad45a982.js → context-9aa77c98.js} +2 -2
  234. package/cjs/{context-ad45a982.js.map → context-9aa77c98.js.map} +1 -1
  235. package/cjs/dist/index.css +127 -127
  236. package/cjs/dist/index.css.map +1 -1
  237. package/cjs/{index-4a2ec2ae.js → index-10c22e47.js} +4 -4
  238. package/cjs/{index-4a2ec2ae.js.map → index-10c22e47.js.map} +1 -1
  239. package/cjs/{index-8ada6055.js → index-1594444c.js} +1 -1
  240. package/cjs/{index-8ada6055.js.map → index-1594444c.js.map} +1 -1
  241. package/cjs/{index-9a94e768.js → index-1b92d1fc.js} +6 -6
  242. package/cjs/{index-9a94e768.js.map → index-1b92d1fc.js.map} +1 -1
  243. package/cjs/{index-165d52b7.js → index-1f99f5a7.js} +2 -2
  244. package/cjs/{index-165d52b7.js.map → index-1f99f5a7.js.map} +1 -1
  245. package/cjs/{index-2f206bb6.js → index-3398f4c0.js} +3 -3
  246. package/cjs/{index-2f206bb6.js.map → index-3398f4c0.js.map} +1 -1
  247. package/cjs/{index-9feae73e.js → index-5af2f576.js} +3 -3
  248. package/cjs/{index-9feae73e.js.map → index-5af2f576.js.map} +1 -1
  249. package/cjs/{index-7d2d89a2.js → index-5e434ad9.js} +3 -3
  250. package/cjs/{index-7d2d89a2.js.map → index-5e434ad9.js.map} +1 -1
  251. package/cjs/{index-745c9ce1.js → index-6ff41d18.js} +1 -1
  252. package/cjs/{index-745c9ce1.js.map → index-6ff41d18.js.map} +1 -1
  253. package/cjs/{index-32244c73.js → index-72493143.js} +2 -2
  254. package/cjs/{index-32244c73.js.map → index-72493143.js.map} +1 -1
  255. package/cjs/{index-288afd10.js → index-73658e39.js} +6 -6
  256. package/cjs/{index-288afd10.js.map → index-73658e39.js.map} +1 -1
  257. package/cjs/{index-9f2a1c52.js → index-9528c243.js} +4 -4
  258. package/cjs/{index-9f2a1c52.js.map → index-9528c243.js.map} +1 -1
  259. package/cjs/{index-f6621210.js → index-b5b61f04.js} +2 -2
  260. package/cjs/{index-f6621210.js.map → index-b5b61f04.js.map} +1 -1
  261. package/cjs/{index-d0b4f3c0.js → index-bffc8a26.js} +4 -4
  262. package/cjs/{index-d0b4f3c0.js.map → index-bffc8a26.js.map} +1 -1
  263. package/cjs/{index-3e924a85.js → index-d3287707.js} +5 -5
  264. package/cjs/{index-3e924a85.js.map → index-d3287707.js.map} +1 -1
  265. package/cjs/{index-7bd7f678.js → index-d72ed76a.js} +2 -2
  266. package/cjs/{index-7bd7f678.js.map → index-d72ed76a.js.map} +1 -1
  267. package/cjs/{index-35d641f7.js → index-e9f32d10.js} +2 -2
  268. package/cjs/{index-35d641f7.js.map → index-e9f32d10.js.map} +1 -1
  269. package/cjs/{index-a01673e9.js → index-f678621e.js} +2 -2
  270. package/cjs/{index-a01673e9.js.map → index-f678621e.js.map} +1 -1
  271. package/cjs/index.js +52 -52
  272. package/cjs/{index.module-02ae6df9.js → index.module-63ce4333.js} +1 -1
  273. package/cjs/{index.module-02ae6df9.js.map → index.module-63ce4333.js.map} +1 -1
  274. package/cjs/{resolvedReplyType-da86056c.js → resolvedReplyType-09a792fd.js} +1 -1
  275. package/cjs/{resolvedReplyType-da86056c.js.map → resolvedReplyType-09a792fd.js.map} +1 -1
  276. package/cjs/sendbirdSelectors.js +3 -3
  277. package/cjs/{stringSet-d212a015.js → stringSet-058e5a56.js} +1 -1
  278. package/cjs/{stringSet-d212a015.js.map → stringSet-058e5a56.js.map} +1 -1
  279. package/cjs/{tokenize-b019fb84.js → tokenize-fc89880b.js} +2 -2
  280. package/cjs/{tokenize-b019fb84.js.map → tokenize-fc89880b.js.map} +1 -1
  281. package/cjs/{topics-77576a9c.js → topics-d9adc1ce.js} +1 -1
  282. package/cjs/{topics-77576a9c.js.map → topics-d9adc1ce.js.map} +1 -1
  283. package/cjs/{types-36ee2d00.js → types-ef72e7f7.js} +1 -1
  284. package/cjs/types-ef72e7f7.js.map +1 -0
  285. package/cjs/ui/Accordion.js +2 -2
  286. package/cjs/ui/AccordionGroup.js +2 -2
  287. package/cjs/ui/AdminMessage.js +2 -2
  288. package/cjs/ui/Avatar.js +1 -1
  289. package/cjs/ui/Badge.js +4 -4
  290. package/cjs/ui/BottomSheet.js +1 -1
  291. package/cjs/ui/Button.js +2 -2
  292. package/cjs/ui/ChannelAvatar.js +2 -2
  293. package/cjs/ui/ConnectionStatus.js +4 -4
  294. package/cjs/ui/ContextMenu.js +5 -5
  295. package/cjs/ui/DateSeparator.js +3 -3
  296. package/cjs/ui/EmojiReactions.js +13 -13
  297. package/cjs/ui/FileMessageItemBody.js +6 -6
  298. package/cjs/ui/FileViewer.js +8 -8
  299. package/cjs/ui/IconButton.js +1 -1
  300. package/cjs/ui/Input.js +2 -2
  301. package/cjs/ui/Label.js +2 -2
  302. package/cjs/ui/LinkLabel.js +2 -2
  303. package/cjs/ui/MentionLabel.js +10 -10
  304. package/cjs/ui/MentionUserLabel.js +1 -1
  305. package/cjs/ui/MessageContent.js +28 -28
  306. package/cjs/ui/MessageInput.js +13 -13
  307. package/cjs/ui/MessageItemMenu.js +8 -8
  308. package/cjs/ui/MessageItemReactionMenu.js +8 -8
  309. package/cjs/ui/MessageSearchFileItem.js +10 -10
  310. package/cjs/ui/MessageSearchItem.js +8 -8
  311. package/cjs/ui/MessageStatus.js +10 -10
  312. package/cjs/ui/Modal.js +7 -7
  313. package/cjs/ui/OGMessageItemBody.js +14 -14
  314. package/cjs/ui/OpenChannelAdminMessage.js +2 -2
  315. package/cjs/ui/OpenChannelAvatar.js +5 -5
  316. package/cjs/ui/OpenchannelConversationHeader.js +6 -6
  317. package/cjs/ui/OpenchannelFileMessage.js +15 -15
  318. package/cjs/ui/OpenchannelOGMessage.js +18 -18
  319. package/cjs/ui/OpenchannelThumbnailMessage.js +14 -14
  320. package/cjs/ui/OpenchannelUserMessage.js +15 -15
  321. package/cjs/ui/PlaceHolder.js +5 -5
  322. package/cjs/ui/PlaybackTime.js +2 -2
  323. package/cjs/ui/QuoteMessage.js +6 -6
  324. package/cjs/ui/QuoteMessageInput.js +6 -6
  325. package/cjs/ui/ReactionBadge.js +2 -2
  326. package/cjs/ui/ReactionButton.js +4 -4
  327. package/cjs/ui/SortByRow.js +1 -1
  328. package/cjs/ui/TextButton.js +1 -1
  329. package/cjs/ui/TextMessageItemBody.js +14 -14
  330. package/cjs/ui/ThreadReplies.js +5 -5
  331. package/cjs/ui/ThumbnailMessageItemBody.js +5 -5
  332. package/cjs/ui/Toggle.js +1 -1
  333. package/cjs/ui/Tooltip.js +2 -2
  334. package/cjs/ui/UnknownMessageItemBody.js +6 -6
  335. package/cjs/ui/UserListItem.js +10 -10
  336. package/cjs/ui/UserProfile.js +9 -9
  337. package/cjs/ui/VoiceMessageItemBody.js +9 -9
  338. package/cjs/ui/VoiceMessgeInput.js +7 -7
  339. package/cjs/ui/Word.js +10 -10
  340. package/cjs/{useDirtyGetMentions-792a65af.js → useDirtyGetMentions-a7d630f2.js} +1 -1
  341. package/cjs/{useDirtyGetMentions-792a65af.js.map → useDirtyGetMentions-a7d630f2.js.map} +1 -1
  342. package/cjs/{useLongPress-50d2028a.js → useLongPress-d852a6dc.js} +3 -3
  343. package/cjs/{useLongPress-50d2028a.js.map → useLongPress-d852a6dc.js.map} +1 -1
  344. package/cjs/useSendbirdStateContext.js +1 -1
  345. package/cjs/utils/message/isVoiceMessage.js +2 -2
  346. package/cjs/{utils-85ff9137.js → utils-0f13b5ad.js} +1 -1
  347. package/cjs/{utils-85ff9137.js.map → utils-0f13b5ad.js.map} +1 -1
  348. package/cjs/{utils-c2543c4d.js → utils-2bcb2345.js} +2 -2
  349. package/cjs/{utils-c2543c4d.js.map → utils-2bcb2345.js.map} +1 -1
  350. package/cjs/{utils-d2648e7d.js → utils-349e7ba5.js} +1 -1
  351. package/cjs/{utils-d2648e7d.js.map → utils-349e7ba5.js.map} +1 -1
  352. package/cjs/{utils-8ce3a247.js → utils-dbf0ec97.js} +1 -1
  353. package/cjs/{utils-8ce3a247.js.map → utils-dbf0ec97.js.map} +1 -1
  354. package/cjs/{uuid-97ce2508.js → uuid-f8d60993.js} +1 -1
  355. package/cjs/{uuid-97ce2508.js.map → uuid-f8d60993.js.map} +1 -1
  356. package/cjs/withSendbird.js +1 -1
  357. package/{color-04427a41.js → color-e29f58c0.js} +1 -1
  358. package/{color-04427a41.js.map → color-e29f58c0.js.map} +1 -1
  359. package/{compareIds-e75af4f9.js → compareIds-fd6096a3.js} +1 -1
  360. package/{compareIds-e75af4f9.js.map → compareIds-fd6096a3.js.map} +1 -1
  361. package/{const-ec18f7f8.js → const-77d1b8b9.js} +1 -1
  362. package/{const-ec18f7f8.js.map → const-77d1b8b9.js.map} +1 -1
  363. package/{const-8d418b81.js → const-ebb3d855.js} +1 -1
  364. package/{const-8d418b81.js.map → const-ebb3d855.js.map} +1 -1
  365. package/{consts-a5106683.js → consts-26adf635.js} +1 -1
  366. package/{consts-a5106683.js.map → consts-26adf635.js.map} +1 -1
  367. package/{consts-e6fdc559.js → consts-6d5cd4c1.js} +1 -1
  368. package/{consts-e6fdc559.js.map → consts-6d5cd4c1.js.map} +1 -1
  369. package/{consts-01a1e3c0.js → consts-75ffc51a.js} +1 -1
  370. package/{consts-01a1e3c0.js.map → consts-75ffc51a.js.map} +1 -1
  371. package/{consts-4d93ce13.js → consts-846cf7ce.js} +1 -1
  372. package/{consts-4d93ce13.js.map → consts-846cf7ce.js.map} +1 -1
  373. package/{context-6272efa3.js → context-a4b4c7d8.js} +2 -2
  374. package/{context-6272efa3.js.map → context-a4b4c7d8.js.map} +1 -1
  375. package/dist/index.css +127 -127
  376. package/dist/index.css.map +1 -1
  377. package/{index-dd8e8ea1.js → index-049bcead.js} +2 -2
  378. package/{index-dd8e8ea1.js.map → index-049bcead.js.map} +1 -1
  379. package/{index-b3c3e1aa.js → index-10c1a0af.js} +2 -2
  380. package/{index-b3c3e1aa.js.map → index-10c1a0af.js.map} +1 -1
  381. package/{index-19daf00f.js → index-11d086f0.js} +5 -5
  382. package/{index-19daf00f.js.map → index-11d086f0.js.map} +1 -1
  383. package/{index-5819e39d.js → index-12d4b099.js} +1 -1
  384. package/{index-5819e39d.js.map → index-12d4b099.js.map} +1 -1
  385. package/{index-a4552c13.js → index-4a7df8c7.js} +1 -1
  386. package/{index-a4552c13.js.map → index-4a7df8c7.js.map} +1 -1
  387. package/{index-32a56033.js → index-76df99da.js} +3 -3
  388. package/{index-32a56033.js.map → index-76df99da.js.map} +1 -1
  389. package/{index-36d49e08.js → index-a3283f9a.js} +4 -4
  390. package/{index-36d49e08.js.map → index-a3283f9a.js.map} +1 -1
  391. package/{index-fe7ed4c0.js → index-a3a092ba.js} +6 -6
  392. package/{index-fe7ed4c0.js.map → index-a3a092ba.js.map} +1 -1
  393. package/{index-fea4f7d3.js → index-a741c87d.js} +2 -2
  394. package/{index-fea4f7d3.js.map → index-a741c87d.js.map} +1 -1
  395. package/{index-c589f349.js → index-b603acee.js} +2 -2
  396. package/{index-c589f349.js.map → index-b603acee.js.map} +1 -1
  397. package/{index-d88e3ef9.js → index-c152addf.js} +2 -2
  398. package/{index-d88e3ef9.js.map → index-c152addf.js.map} +1 -1
  399. package/{index-f4374646.js → index-c82159a7.js} +3 -3
  400. package/{index-f4374646.js.map → index-c82159a7.js.map} +1 -1
  401. package/{index-2d858f6d.js → index-ce721b3f.js} +2 -2
  402. package/{index-2d858f6d.js.map → index-ce721b3f.js.map} +1 -1
  403. package/{index-9a62272f.js → index-cf6e24dc.js} +4 -4
  404. package/{index-9a62272f.js.map → index-cf6e24dc.js.map} +1 -1
  405. package/{index-dcaf3cb8.js → index-d2b51811.js} +3 -3
  406. package/{index-dcaf3cb8.js.map → index-d2b51811.js.map} +1 -1
  407. package/{index-24f4354d.js → index-e3c2c708.js} +4 -4
  408. package/{index-24f4354d.js.map → index-e3c2c708.js.map} +1 -1
  409. package/{index-7ff2c073.js → index-fa71cd18.js} +6 -6
  410. package/{index-7ff2c073.js.map → index-fa71cd18.js.map} +1 -1
  411. package/index.d.ts +1 -1
  412. package/index.js +52 -52
  413. package/{index.module-1ba8586e.js → index.module-d59e07bf.js} +1 -1
  414. package/{index.module-1ba8586e.js.map → index.module-d59e07bf.js.map} +1 -1
  415. package/package.json +1 -1
  416. package/{resolvedReplyType-94a089b3.js → resolvedReplyType-a42f8462.js} +1 -1
  417. package/{resolvedReplyType-94a089b3.js.map → resolvedReplyType-a42f8462.js.map} +1 -1
  418. package/sendbirdSelectors.js +3 -3
  419. package/{stringSet-3649b375.js → stringSet-e23622aa.js} +1 -1
  420. package/{stringSet-3649b375.js.map → stringSet-e23622aa.js.map} +1 -1
  421. package/{tokenize-053e921e.js → tokenize-a81dc8ff.js} +2 -2
  422. package/{tokenize-053e921e.js.map → tokenize-a81dc8ff.js.map} +1 -1
  423. package/{topics-d0dcd2f2.js → topics-a82e4c11.js} +1 -1
  424. package/{topics-d0dcd2f2.js.map → topics-a82e4c11.js.map} +1 -1
  425. package/{types-54edb45d.js → types-243e365a.js} +1 -1
  426. package/types-243e365a.js.map +1 -0
  427. package/ui/Accordion.js +2 -2
  428. package/ui/AccordionGroup.js +2 -2
  429. package/ui/AdminMessage.js +2 -2
  430. package/ui/Avatar.js +1 -1
  431. package/ui/Badge.js +4 -4
  432. package/ui/BottomSheet.js +1 -1
  433. package/ui/Button.js +2 -2
  434. package/ui/ChannelAvatar.js +2 -2
  435. package/ui/ConnectionStatus.js +4 -4
  436. package/ui/ContextMenu.js +5 -5
  437. package/ui/DateSeparator.js +3 -3
  438. package/ui/EmojiReactions.js +13 -13
  439. package/ui/FileMessageItemBody.js +6 -6
  440. package/ui/FileViewer.js +8 -8
  441. package/ui/IconButton.js +1 -1
  442. package/ui/Input.js +2 -2
  443. package/ui/Label.js +2 -2
  444. package/ui/LinkLabel.js +2 -2
  445. package/ui/MentionLabel.js +10 -10
  446. package/ui/MentionUserLabel.js +1 -1
  447. package/ui/MessageContent.js +28 -28
  448. package/ui/MessageInput.js +13 -13
  449. package/ui/MessageItemMenu.js +8 -8
  450. package/ui/MessageItemReactionMenu.js +8 -8
  451. package/ui/MessageSearchFileItem.js +10 -10
  452. package/ui/MessageSearchItem.js +8 -8
  453. package/ui/MessageStatus.js +10 -10
  454. package/ui/Modal.js +7 -7
  455. package/ui/OGMessageItemBody.js +14 -14
  456. package/ui/OpenChannelAdminMessage.js +2 -2
  457. package/ui/OpenChannelAvatar.js +5 -5
  458. package/ui/OpenchannelConversationHeader.js +6 -6
  459. package/ui/OpenchannelFileMessage.js +15 -15
  460. package/ui/OpenchannelOGMessage.js +18 -18
  461. package/ui/OpenchannelThumbnailMessage.js +14 -14
  462. package/ui/OpenchannelUserMessage.js +15 -15
  463. package/ui/PlaceHolder.js +5 -5
  464. package/ui/PlaybackTime.js +2 -2
  465. package/ui/QuoteMessage.js +6 -6
  466. package/ui/QuoteMessageInput.js +6 -6
  467. package/ui/ReactionBadge.js +2 -2
  468. package/ui/ReactionButton.js +4 -4
  469. package/ui/SortByRow.js +1 -1
  470. package/ui/TextButton.js +1 -1
  471. package/ui/TextMessageItemBody.js +14 -14
  472. package/ui/ThreadReplies.js +5 -5
  473. package/ui/ThumbnailMessageItemBody.js +5 -5
  474. package/ui/Toggle.js +1 -1
  475. package/ui/Tooltip.js +2 -2
  476. package/ui/UnknownMessageItemBody.js +6 -6
  477. package/ui/UserListItem.js +10 -10
  478. package/ui/UserProfile.js +9 -9
  479. package/ui/VoiceMessageItemBody.js +9 -9
  480. package/ui/VoiceMessgeInput.js +7 -7
  481. package/ui/Word.js +10 -10
  482. package/{useDirtyGetMentions-b9a9c21b.js → useDirtyGetMentions-00d21e39.js} +1 -1
  483. package/{useDirtyGetMentions-b9a9c21b.js.map → useDirtyGetMentions-00d21e39.js.map} +1 -1
  484. package/{useLongPress-5e28b292.js → useLongPress-2bb5130b.js} +3 -3
  485. package/{useLongPress-5e28b292.js.map → useLongPress-2bb5130b.js.map} +1 -1
  486. package/useSendbirdStateContext.js +1 -1
  487. package/utils/message/isVoiceMessage.js +2 -2
  488. package/{utils-712b81f7.js → utils-3bc3612d.js} +1 -1
  489. package/{utils-712b81f7.js.map → utils-3bc3612d.js.map} +1 -1
  490. package/{utils-a1f2aa01.js → utils-86a2d093.js} +1 -1
  491. package/{utils-a1f2aa01.js.map → utils-86a2d093.js.map} +1 -1
  492. package/{utils-cbae9afc.js → utils-978356b4.js} +1 -1
  493. package/{utils-cbae9afc.js.map → utils-978356b4.js.map} +1 -1
  494. package/{utils-1f5c8b6c.js → utils-e8b4efbb.js} +2 -2
  495. package/{utils-1f5c8b6c.js.map → utils-e8b4efbb.js.map} +1 -1
  496. package/{uuid-8c96bee0.js → uuid-ab01acf7.js} +1 -1
  497. package/{uuid-8c96bee0.js.map → uuid-ab01acf7.js.map} +1 -1
  498. package/withSendbird.js +1 -1
  499. package/_rollupPluginBabelHelpers-1be219c2.js.map +0 -1
  500. package/cjs/_rollupPluginBabelHelpers-53e83515.js.map +0 -1
  501. package/cjs/types-36ee2d00.js.map +0 -1
  502. package/types-54edb45d.js.map +0 -1
package/cjs/dist/index.css CHANGED
@@ -70,133 +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
- 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
- }
200
73
  .sendbird-open-channel-list,
201
74
  .sendbird-open-channel-list-ui {
202
75
  position: relative;
@@ -346,6 +219,133 @@
346
219
  display: inline-flex;
347
220
  flex-direction: row;
348
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
+ 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;